(core) Implement much of the general AccessRules UI.

Summary:
- Factored out ACLRuleCollection into its own file, and use for building UI.
- Moved AccessRules out of UserManager to a page linked from left panel.
- Changed default RulePart to be the last part of a rule for simpler code.
- Implemented much of the UI for adding/deleting rules.
  - For now, editing the ACLFormula and Permissions is done using text inputs.
- Implemented saving rules by syncing a bundle of them.
- Fixed DocData to clean up action bundle in case of an early error.

Test Plan: WIP planning to add some new browser tests for the UI

Reviewers: paulfitz

Reviewed By: paulfitz

Differential Revision: https://phab.getgrist.com/D2678

app/client/ui2018/menus.ts

@@ -235,6 +235,16 @@ export const menuItem = styled(weasel.menuItem, menuItemStyle);
 
 export const menuItemLink = styled(weasel.menuItemLink, menuItemStyle);
 
+/**
+ * A version of menuItem which runs the action on next tick, allowing the menu to close even when
+ * the action causes the disabling of the element being clicked.
+ * TODO disabling the element should not prevent the menu from closing; once fixed in weasel, this
+ * can be removed.
+ */
+export const menuItemAsync: typeof weasel.menuItem = function(action, ...args) {
+  return menuItem(() => setTimeout(action, 0), ...args);
+};
+
 export function menuItemCmd(cmd: Command, label: string, ...args: DomElementArg[]) {
   return menuItem(
     cmd.run,