roamjs-components 0.85.2 → 0.85.3

package/components/FormDialog.js

@@ -0,0 +1,224 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.prompt = exports.render = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@blueprintjs/core");
+const react_1 = tslib_1.__importStar(require("react"));
+const getTextByBlockUid_1 = tslib_1.__importDefault(require("../queries/getTextByBlockUid"));
+const createOverlayRender_1 = tslib_1.__importDefault(require("../util/createOverlayRender"));
+const BlockInput_1 = tslib_1.__importDefault(require("./BlockInput"));
+const MenuItemSelect_1 = tslib_1.__importDefault(require("./MenuItemSelect"));
+const PageInput_1 = tslib_1.__importDefault(require("./PageInput"));
+const nanoid_1 = tslib_1.__importDefault(require("nanoid"));
+const dom_1 = require("../dom");
+const getFullTreeByParentUid_1 = tslib_1.__importDefault(require("../queries/getFullTreeByParentUid"));
+const createPage_1 = tslib_1.__importDefault(require("../writes/createPage"));
+const writes_1 = require("../writes");
+const AutocompleteInput_1 = tslib_1.__importDefault(require("./AutocompleteInput"));
+const EmbedInput = ({ defaultValue, onChange, autoFocus, }) => {
+    const defaultEmbed = (0, react_1.useMemo)(() => defaultValue || [], [defaultValue]);
+    const elRef = (0, react_1.useRef)(null);
+    const parentUid = (0, react_1.useMemo)(window.roamAlphaAPI.util.generateUID, []);
+    const realFocus = (0, react_1.useCallback)(() => {
+        if (!elRef.current)
+            return;
+        if (elRef.current.contains(document.activeElement) &&
+            elRef.current !== document.activeElement)
+            return;
+        const block = elRef.current.querySelector(`div[id*="block-input"],textarea[id*="block-input"]`);
+        if ((block === null || block === void 0 ? void 0 : block.id) === "block-input-ghost")
+            (0, writes_1.createBlock)({ parentUid, node: { text: "" } }).then(() => setTimeout(realFocus, 500));
+        const { windowId, blockUid } = (0, dom_1.getUids)(block);
+        if (blockUid)
+            window.roamAlphaAPI.ui.setBlockFocusAndSelection({
+                location: {
+                    "block-uid": blockUid,
+                    "window-id": windowId,
+                },
+            });
+    }, [elRef]);
+    (0, react_1.useEffect)(() => {
+        const el = elRef.current;
+        if (el) {
+            (0, createPage_1.default)({
+                uid: parentUid,
+                title: (0, nanoid_1.default)(),
+                tree: defaultEmbed,
+            }).then(() => {
+                window.roamAlphaAPI.ui.components.renderPage({
+                    uid: parentUid,
+                    el,
+                    hideMentions: true,
+                });
+                if (autoFocus)
+                    realFocus();
+            });
+            // In the future, we can return the whole tree of data from `parentUid`
+            onChange(() => (0, getFullTreeByParentUid_1.default)(parentUid).children);
+            return () => {
+                window.roamAlphaAPI.deletePage({ page: { uid: parentUid } });
+            };
+        }
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
+        return () => { };
+    }, [
+        elRef,
+        defaultEmbed,
+        autoFocus,
+        realFocus,
+        parentUid,
+        // Triggering infinite rerender
+        // onChange
+    ]);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("style", null, `div.rm-autocomplete__results {
+  z-index: 1000;
+}
+.roamjs-form-embed div div:has(> h1.rm-title-display),
+.roamjs-form-embed .rm-api-render--page > div:has(.rm-reference-main) {
+  display: none;
+}`),
+        react_1.default.createElement("div", { ref: elRef, className: "rounded-md bg-white font-normal mt-1 bp3-input h-32 overflow-scroll roamjs-form-embed py-2 px-4", tabIndex: 0, onFocus: realFocus, onKeyDown: (e) => {
+                var _a, _b, _c, _d;
+                if (e.key !== "Tab")
+                    return;
+                const { blockUid } = (0, dom_1.getUids)(e.target);
+                if (!blockUid)
+                    return;
+                const { [":block/order"]: order, [":block/parents"]: parents } = window.roamAlphaAPI.pull("[:block/order {:block/parents [:block/uid]}]", [":block/uid", blockUid]);
+                if (!(order === 0 &&
+                    (parents === null || parents === void 0 ? void 0 : parents.length) === 1 &&
+                    parents[0][":block/uid"] === parentUid))
+                    return;
+                e.stopPropagation();
+                e.preventDefault();
+                const label = (_a = elRef.current) === null || _a === void 0 ? void 0 : _a.parentElement;
+                if (!label)
+                    return;
+                const nextElToFocus = e.shiftKey
+                    ? label.previousElementSibling ||
+                        ((_b = label
+                            .closest(".bp3-dialog")) === null || _b === void 0 ? void 0 : _b.querySelector(".bp3-dialog-footer .bp3-button.roamjs-cancel"))
+                    : label.nextElementSibling ||
+                        ((_c = label
+                            .closest(".bp3-dialog")) === null || _c === void 0 ? void 0 : _c.querySelector(".bp3-dialog-footer .bp3-button.bp3-intent-primary"));
+                if (!nextElToFocus)
+                    return;
+                const focusQuery = "input,button,div.roamjs-form-embed";
+                if (nextElToFocus.matches(focusQuery))
+                    nextElToFocus.focus();
+                else
+                    (_d = nextElToFocus.querySelector(focusQuery)) === null || _d === void 0 ? void 0 : _d.focus();
+            } })));
+};
+const FormDialog = ({ title, content, isOpen, onClose, onSubmit = () => Promise.resolve(), fields = {}, submitButtonText = "Submit", cancelButtonText = "Cancel", enforceFocus, className, style, }) => {
+    const [loading, setLoading] = (0, react_1.useState)(false);
+    const [error, setError] = (0, react_1.useState)("");
+    const [data, setData] = (0, react_1.useState)(() => Object.fromEntries(Object.entries(fields)
+        .filter(([, meta]) => typeof meta.defaultValue !== "undefined")
+        .map(([key, meta]) => [key, meta.defaultValue])));
+    const onClick = (0, react_1.useCallback)(() => Promise.resolve(onSubmit(Object.fromEntries(Object.entries(data)
+        .filter(([key]) => {
+        const { conditional } = fields[key];
+        return !conditional || !!data[conditional];
+    })
+        .map(([key, value]) => [key, typeof value === "function" ? value() : value]))))
+        .then(onClose)
+        .catch((e) => {
+        setError(e.message);
+        setLoading(false);
+    }), [data, onClose, setError, setLoading]);
+    const getFieldAttributes = (name, meta) => {
+        const attributes = {
+            "data-field-name": name,
+            "data-field-type": meta.type,
+        };
+        if (meta.label)
+            attributes["data-field-label"] = meta.label;
+        return attributes;
+    };
+    return (react_1.default.createElement(core_1.Dialog, { isOpen: isOpen, onClose: onClose, title: title, enforceFocus: !title || enforceFocus, autoFocus: !title, className: className, style: style },
+        react_1.default.createElement("div", { className: core_1.Classes.DIALOG_BODY },
+            content,
+            Object.entries(fields).map(([name, meta], index) => {
+                const fieldClassName = `roamjs-form-field`;
+                const setValue = (0, react_1.useCallback)((value) => setData((d) => (Object.assign(Object.assign({}, d), { [name]: value }))), [setData, name]);
+                if (meta.conditional && !data[meta.conditional]) {
+                    return react_1.default.createElement("div", { key: name });
+                }
+                else if (meta.conditional &&
+                    meta.conditionalValues &&
+                    typeof data[meta.conditional] === "string" &&
+                    !meta.conditionalValues.includes(data[meta.conditional])) {
+                    return react_1.default.createElement("div", { key: name });
+                }
+                if (meta.type === "text") {
+                    return (react_1.default.createElement(core_1.Label, Object.assign({ key: name, className: fieldClassName }, getFieldAttributes(name, meta)),
+                        meta.label,
+                        react_1.default.createElement(core_1.InputGroup, { value: data[name], onChange: (e) => setValue(e.target.value), autoFocus: index === 0 })));
+                }
+                else if (meta.type === "number") {
+                    return (react_1.default.createElement(core_1.Label, Object.assign({ key: name, className: fieldClassName }, getFieldAttributes(name, meta)),
+                        meta.label,
+                        react_1.default.createElement(core_1.NumericInput, { value: data[name], onValueChange: (v) => setValue(v), autoFocus: index === 0 })));
+                }
+                else if (meta.type === "info") {
+                    return (react_1.default.createElement("div", Object.assign({ key: name, className: `${fieldClassName} mb-4` }, getFieldAttributes(name, meta)), meta.label));
+                }
+                else if (meta.type === "flag") {
+                    return (react_1.default.createElement(core_1.Checkbox, Object.assign({ label: meta.label, value: data[name], onChange: (e) => setValue(e.target.checked), key: name, autoFocus: index === 0, className: fieldClassName }, getFieldAttributes(name, meta))));
+                }
+                else if (meta.type === "select") {
+                    return (react_1.default.createElement(core_1.Label, Object.assign({ key: name, className: fieldClassName }, getFieldAttributes(name, meta)),
+                        meta.label,
+                        react_1.default.createElement(MenuItemSelect_1.default, { activeItem: data[name], onItemSelect: setValue, items: meta.options || [], ButtonProps: {
+                                autoFocus: index === 0,
+                            } })));
+                }
+                else if (meta.type === "page") {
+                    return (react_1.default.createElement(core_1.Label, Object.assign({ key: name, className: fieldClassName }, getFieldAttributes(name, meta)),
+                        meta.label,
+                        react_1.default.createElement(PageInput_1.default, { key: name, value: data[name], setValue: setValue, autoFocus: index === 0 })));
+                }
+                else if (meta.type === "block") {
+                    return (react_1.default.createElement(core_1.Label, Object.assign({ key: name, className: fieldClassName }, getFieldAttributes(name, meta)),
+                        meta.label,
+                        react_1.default.createElement(BlockInput_1.default, { value: (0, getTextByBlockUid_1.default)(data[name]) ||
+                                data[name], setValue: (text, uid) => setValue(window.roamAlphaAPI.pull("[:db/id]", [
+                                ":block/uid",
+                                uid || "",
+                            ])
+                                ? uid
+                                : text), autoFocus: index === 0 })));
+                }
+                else if (meta.type === "autocomplete") {
+                    return (react_1.default.createElement(core_1.Label, Object.assign({ key: name, className: fieldClassName }, getFieldAttributes(name, meta)),
+                        meta.label,
+                        react_1.default.createElement(AutocompleteInput_1.default, { value: data[name], options: meta.options, setValue: setValue, autoFocus: index === 0 })));
+                }
+                else if (meta.type === "embed") {
+                    return (react_1.default.createElement(core_1.Label, Object.assign({ key: name, className: fieldClassName }, getFieldAttributes(name, meta)),
+                        meta.label,
+                        react_1.default.createElement(EmbedInput, { defaultValue: meta.defaultValue, onChange: setValue, autoFocus: index === 0 })));
+                }
+                else {
+                    return react_1.default.createElement("div", { key: name });
+                }
+            })),
+        react_1.default.createElement("div", { className: core_1.Classes.DIALOG_FOOTER },
+            react_1.default.createElement("div", { className: `${core_1.Classes.DIALOG_FOOTER_ACTIONS} items-center flex-row-reverse` },
+                react_1.default.createElement(core_1.Button, { text: submitButtonText, intent: core_1.Intent.PRIMARY, onClick: onClick, disabled: loading, className: "flex-shrink-0" }),
+                react_1.default.createElement(core_1.Button, { text: cancelButtonText, onClick: onClose, disabled: loading, className: "flex-shrink-0 roamjs-cancel" }),
+                react_1.default.createElement("span", { className: "text-red-700 flex-grow" }, error),
+                loading && react_1.default.createElement(core_1.Spinner, { size: core_1.SpinnerSize.SMALL })))));
+};
+exports.render = (0, createOverlayRender_1.default)("form-dialog", FormDialog);
+const prompt = ({ defaultAnswer, question, title, }) => new Promise((resolve) => (0, exports.render)({
+    onSubmit: (data) => resolve(data.value),
+    fields: { value: { type: "text", defaultValue: defaultAnswer } },
+    title,
+    content: (react_1.default.createElement("div", { className: "whitespace-pre-wrap font-semibold text-lg mb-4" }, question)),
+}));
+exports.prompt = prompt;
+exports.default = FormDialog;
+//# sourceMappingURL=FormDialog.js.map

package/components/FormDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormDialog.js","sourceRoot":"","sources":["../../src/components/FormDialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Button,\n  Checkbox,\n  Classes,\n  Dialog,\n  InputGroup,\n  Intent,\n  Label,\n  NumericInput,\n  Spinner,\n  SpinnerSize,\n} from \"@blueprintjs/core\";\nimport React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport getTextByBlockUid from \"../queries/getTextByBlockUid\";\nimport createOverlayRender from \"../util/createOverlayRender\";\nimport type { RoamOverlayProps } from \"../util/renderOverlay\";\nimport BlockInput from \"./BlockInput\";\nimport MenuItemSelect from \"./MenuItemSelect\";\nimport PageInput from \"./PageInput\";\nimport nanoid from \"nanoid\";\nimport { getUids } from \"../dom\";\nimport { InputTextNode, PullBlock } from \"../types\";\nimport getFullTreeByParentUid from \"../queries/getFullTreeByParentUid\";\nimport createPage from \"../writes/createPage\";\nimport { createBlock } from \"../writes\";\nimport AutocompleteInput from \"./AutocompleteInput\";\n\ntype Props<T> = {\n  title?: React.ReactNode;\n  content?: React.ReactNode;\n  onSubmit?: (data: T) => Promise<unknown> | unknown;\n  submitButtonText?: string;\n  cancelButtonText?: string;\n  enforceFocus?: boolean;\n  className?: string;\n  style?: React.CSSProperties;\n  fields?: Record<\n    string,\n    (\n      | {\n          defaultValue?: string;\n          type: \"text\";\n        }\n      | {\n          defaultValue?: string;\n          type: \"info\";\n        }\n      | {\n          defaultValue?: number;\n          type: \"number\";\n        }\n      | {\n          defaultValue?: string;\n          type: \"select\";\n          options?: string[];\n        }\n      | {\n          defaultValue?: string;\n          type: \"page\";\n        }\n      | {\n          defaultValue?: string;\n          type: \"block\";\n        }\n      | {\n          defaultValue?: string;\n          type: \"autocomplete\";\n          options?: string[];\n        }\n      | {\n          defaultValue?: boolean;\n          type: \"flag\";\n        }\n      | {\n          defaultValue?: InputTextNode[];\n          type: \"embed\";\n        }\n    ) & { label?: string; conditional?: string; conditionalValues?: string[] }\n  >;\n};\n\nconst EmbedInput = ({\n  defaultValue,\n  onChange,\n  autoFocus,\n}: {\n  defaultValue?: InputTextNode[];\n  onChange: (s: () => InputTextNode[]) => void;\n  autoFocus: boolean;\n}) => {\n  const defaultEmbed = useMemo(() => defaultValue || [], [defaultValue]);\n  const elRef = useRef<HTMLDivElement>(null);\n  const parentUid = useMemo(window.roamAlphaAPI.util.generateUID, []);\n  const realFocus = useCallback(() => {\n    if (!elRef.current) return;\n    if (\n      elRef.current.contains(document.activeElement) &&\n      elRef.current !== document.activeElement\n    )\n      return;\n    const block = elRef.current.querySelector<\n      HTMLDivElement | HTMLTextAreaElement\n    >(`div[id*=\"block-input\"],textarea[id*=\"block-input\"]`);\n    if (block?.id === \"block-input-ghost\")\n      createBlock({ parentUid, node: { text: \"\" } }).then(() =>\n        setTimeout(realFocus, 500)\n      );\n    const { windowId, blockUid } = getUids(block);\n    if (blockUid)\n      window.roamAlphaAPI.ui.setBlockFocusAndSelection({\n        location: {\n          \"block-uid\": blockUid,\n          \"window-id\": windowId,\n        },\n      });\n  }, [elRef]);\n  useEffect(() => {\n    const el = elRef.current;\n    if (el) {\n      createPage({\n        uid: parentUid,\n        title: nanoid(),\n        tree: defaultEmbed,\n      }).then(() => {\n        window.roamAlphaAPI.ui.components.renderPage({\n          uid: parentUid,\n          el,\n          hideMentions: true,\n        });\n        if (autoFocus) realFocus();\n      });\n      // In the future, we can return the whole tree of data from `parentUid`\n      onChange(() => getFullTreeByParentUid(parentUid).children);\n      return () => {\n        window.roamAlphaAPI.deletePage({ page: { uid: parentUid } });\n      };\n    }\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    return () => {};\n  }, [\n    elRef,\n    defaultEmbed,\n    autoFocus,\n    realFocus,\n    parentUid,\n    // Triggering infinite rerender\n    // onChange\n  ]);\n  return (\n    <>\n      <style>{`div.rm-autocomplete__results {\n  z-index: 1000;\n}\n.roamjs-form-embed div div:has(> h1.rm-title-display),\n.roamjs-form-embed .rm-api-render--page > div:has(.rm-reference-main) {\n  display: none;\n}`}</style>\n      <div\n        ref={elRef}\n        className=\"rounded-md bg-white font-normal mt-1 bp3-input h-32 overflow-scroll roamjs-form-embed py-2 px-4\"\n        tabIndex={0}\n        onFocus={realFocus}\n        onKeyDown={(e) => {\n          if (e.key !== \"Tab\") return;\n          const { blockUid } = getUids(e.target as HTMLTextAreaElement);\n          if (!blockUid) return;\n          const { [\":block/order\"]: order, [\":block/parents\"]: parents } =\n            window.roamAlphaAPI.pull(\n              \"[:block/order {:block/parents [:block/uid]}]\",\n              [\":block/uid\", blockUid]\n            ) as PullBlock;\n          if (\n            !(\n              order === 0 &&\n              parents?.length === 1 &&\n              parents[0][\":block/uid\"] === parentUid\n            )\n          )\n            return;\n          e.stopPropagation();\n          e.preventDefault();\n          const label = elRef.current?.parentElement;\n          if (!label) return;\n          const nextElToFocus = e.shiftKey\n            ? label.previousElementSibling ||\n              label\n                .closest(\".bp3-dialog\")\n                ?.querySelector(\".bp3-dialog-footer .bp3-button.roamjs-cancel\")\n            : label.nextElementSibling ||\n              label\n                .closest(\".bp3-dialog\")\n                ?.querySelector(\n                  \".bp3-dialog-footer .bp3-button.bp3-intent-primary\"\n                );\n          if (!nextElToFocus) return;\n          const focusQuery = \"input,button,div.roamjs-form-embed\";\n          if (nextElToFocus.matches(focusQuery))\n            (nextElToFocus as HTMLElement).focus();\n          else nextElToFocus.querySelector<HTMLElement>(focusQuery)?.focus();\n        }}\n      />\n    </>\n  );\n};\n\nconst FormDialog = <T extends Record<string, unknown>>({\n  title,\n  content,\n  isOpen,\n  onClose,\n  onSubmit = () => Promise.resolve(),\n  fields = {},\n  submitButtonText = \"Submit\",\n  cancelButtonText = \"Cancel\",\n  enforceFocus,\n  className,\n  style,\n}: RoamOverlayProps<Props<T>>) => {\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState(\"\");\n  const [data, setData] = useState<T>(\n    () =>\n      Object.fromEntries(\n        Object.entries(fields)\n          .filter(([, meta]) => typeof meta.defaultValue !== \"undefined\")\n          .map(([key, meta]) => [key, meta.defaultValue])\n      ) as T\n  );\n  const onClick = useCallback(\n    () =>\n      Promise.resolve(\n        onSubmit(\n          Object.fromEntries(\n            Object.entries(data)\n              .filter(([key]) => {\n                const { conditional } = fields[key];\n                return !conditional || !!data[conditional];\n              })\n              .map(\n                ([key, value]) =>\n                  [key, typeof value === \"function\" ? value() : value] as const\n              )\n          ) as T\n        )\n      )\n        .then(onClose)\n        .catch((e) => {\n          setError(e.message);\n          setLoading(false);\n        }),\n    [data, onClose, setError, setLoading]\n  );\n\n  const getFieldAttributes = (\n    name: string,\n    meta: { type: string; label?: string }\n  ) => {\n    const attributes: Record<string, string> = {\n      \"data-field-name\": name,\n      \"data-field-type\": meta.type,\n    };\n    if (meta.label) attributes[\"data-field-label\"] = meta.label;\n    return attributes;\n  };\n\n  return (\n    <Dialog\n      isOpen={isOpen}\n      onClose={onClose}\n      title={title}\n      enforceFocus={!title || enforceFocus}\n      autoFocus={!title}\n      className={className}\n      style={style}\n    >\n      <div className={Classes.DIALOG_BODY}>\n        {content}\n        {Object.entries(fields).map(([name, meta], index) => {\n          const fieldClassName = `roamjs-form-field`;\n          const setValue = useCallback(\n            (value: unknown) => setData((d) => ({ ...d, [name]: value })),\n            [setData, name]\n          );\n          if (meta.conditional && !data[meta.conditional]) {\n            return <div key={name} />;\n          } else if (\n            meta.conditional &&\n            meta.conditionalValues &&\n            typeof data[meta.conditional] === \"string\" &&\n            !meta.conditionalValues.includes(data[meta.conditional] as string)\n          ) {\n            return <div key={name} />;\n          }\n          if (meta.type === \"text\") {\n            return (\n              <Label\n                key={name}\n                className={fieldClassName}\n                {...getFieldAttributes(name, meta)}\n              >\n                {meta.label}\n                <InputGroup\n                  value={data[name] as string}\n                  onChange={(e) => setValue(e.target.value)}\n                  autoFocus={index === 0}\n                />\n              </Label>\n            );\n          } else if (meta.type === \"number\") {\n            return (\n              <Label\n                key={name}\n                className={fieldClassName}\n                {...getFieldAttributes(name, meta)}\n              >\n                {meta.label}\n                <NumericInput\n                  value={data[name] as string}\n                  onValueChange={(v) => setValue(v)}\n                  autoFocus={index === 0}\n                />\n              </Label>\n            );\n          } else if (meta.type === \"info\") {\n            return (\n              <div\n                key={name}\n                className={`${fieldClassName} mb-4`}\n                {...getFieldAttributes(name, meta)}\n              >\n                {meta.label}\n              </div>\n            );\n          } else if (meta.type === \"flag\") {\n            return (\n              <Checkbox\n                label={meta.label}\n                value={data[name] as string}\n                onChange={(e) =>\n                  setValue((e.target as HTMLInputElement).checked)\n                }\n                key={name}\n                autoFocus={index === 0}\n                className={fieldClassName}\n                {...getFieldAttributes(name, meta)}\n              />\n            );\n          } else if (meta.type === \"select\") {\n            return (\n              <Label\n                key={name}\n                className={fieldClassName}\n                {...getFieldAttributes(name, meta)}\n              >\n                {meta.label}\n                <MenuItemSelect\n                  activeItem={data[name] as string}\n                  onItemSelect={setValue}\n                  items={meta.options || []}\n                  ButtonProps={{\n                    autoFocus: index === 0,\n                  }}\n                />\n              </Label>\n            );\n          } else if (meta.type === \"page\") {\n            return (\n              <Label\n                key={name}\n                className={fieldClassName}\n                {...getFieldAttributes(name, meta)}\n              >\n                {meta.label}\n                <PageInput\n                  key={name}\n                  value={data[name] as string}\n                  setValue={setValue}\n                  autoFocus={index === 0}\n                />\n              </Label>\n            );\n          } else if (meta.type === \"block\") {\n            return (\n              <Label\n                key={name}\n                className={fieldClassName}\n                {...getFieldAttributes(name, meta)}\n              >\n                {meta.label}\n                <BlockInput\n                  value={\n                    getTextByBlockUid(data[name] as string) ||\n                    (data[name] as string)\n                  }\n                  setValue={(text, uid) =>\n                    setValue(\n                      window.roamAlphaAPI.pull(\"[:db/id]\", [\n                        \":block/uid\",\n                        uid || \"\",\n                      ])\n                        ? uid\n                        : text\n                    )\n                  }\n                  autoFocus={index === 0}\n                />\n              </Label>\n            );\n          } else if (meta.type === \"autocomplete\") {\n            return (\n              <Label\n                key={name}\n                className={fieldClassName}\n                {...getFieldAttributes(name, meta)}\n              >\n                {meta.label}\n                <AutocompleteInput\n                  value={data[name] as string}\n                  options={meta.options}\n                  setValue={setValue}\n                  autoFocus={index === 0}\n                />\n              </Label>\n            );\n          } else if (meta.type === \"embed\") {\n            return (\n              <Label\n                key={name}\n                className={fieldClassName}\n                {...getFieldAttributes(name, meta)}\n              >\n                {meta.label}\n                <EmbedInput\n                  defaultValue={meta.defaultValue}\n                  onChange={setValue}\n                  autoFocus={index === 0}\n                />\n              </Label>\n            );\n          } else {\n            return <div key={name} />;\n          }\n        })}\n      </div>\n      <div className={Classes.DIALOG_FOOTER}>\n        <div\n          className={`${Classes.DIALOG_FOOTER_ACTIONS} items-center flex-row-reverse`}\n        >\n          <Button\n            text={submitButtonText}\n            intent={Intent.PRIMARY}\n            onClick={onClick}\n            disabled={loading}\n            className=\"flex-shrink-0\"\n          />\n          <Button\n            text={cancelButtonText}\n            onClick={onClose}\n            disabled={loading}\n            className=\"flex-shrink-0 roamjs-cancel\"\n          />\n          <span className=\"text-red-700 flex-grow\">{error}</span>\n          {loading && <Spinner size={SpinnerSize.SMALL} />}\n        </div>\n      </div>\n    </Dialog>\n  );\n};\n\nexport const render = createOverlayRender<Props<Record<string, unknown>>>(\n  \"form-dialog\",\n  FormDialog\n);\n\nexport const prompt = ({\n  defaultAnswer,\n  question,\n  title,\n}: {\n  title: string;\n  question: string;\n  defaultAnswer: string;\n}) =>\n  new Promise<string>((resolve) =>\n    render({\n      onSubmit: (data) => resolve(data.value as string),\n      fields: { value: { type: \"text\", defaultValue: defaultAnswer } },\n      title,\n      content: (\n        <div className=\"whitespace-pre-wrap font-semibold text-lg mb-4\">\n          {question}\n        </div>\n      ),\n    })\n  );\n\nexport default FormDialog;\n"]}

package/components/Loading.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+declare const Loading: () => JSX.Element;
+export declare const renderLoading: (targetUid?: string) => () => void;
+export default Loading;

package/components/Loading.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderLoading = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@blueprintjs/core");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_dom_1 = tslib_1.__importDefault(require("react-dom"));
+const Loading = () => {
+    return react_1.default.createElement(core_1.Spinner, { size: core_1.SpinnerSize.SMALL });
+};
+const renderLoading = (targetUid) => {
+    var _a;
+    const reactParent = document.createElement("div");
+    reactParent.style.position = "absolute";
+    reactParent.style.bottom = "0";
+    reactParent.style.right = "0";
+    const parent = targetUid
+        ? ((_a = document.querySelector(`.rm-block__input[id$="${targetUid}"]`)) === null || _a === void 0 ? void 0 : _a.parentElement) || document.querySelector(".roam-article")
+        : document.querySelector(".roam-article");
+    if (parent) {
+        parent.appendChild(reactParent);
+        react_dom_1.default.render(react_1.default.createElement(Loading, null), reactParent);
+        return () => {
+            react_dom_1.default.unmountComponentAtNode(reactParent);
+            reactParent.remove();
+        };
+    }
+    else {
+        return () => {
+            // no parent found
+        };
+    }
+};
+exports.renderLoading = renderLoading;
+exports.default = Loading;
+//# sourceMappingURL=Loading.js.map

package/components/Loading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loading.js","sourceRoot":"","sources":["../../src/components/Loading.tsx"],"names":[],"mappings":";;;;AAAA,4CAAyD;AACzD,0DAA0B;AAC1B,kEAAiC;AAEjC,MAAM,OAAO,GAAG,GAAG,EAAE;IACnB,OAAO,8BAAC,cAAO,IAAC,IAAI,EAAE,kBAAW,CAAC,KAAK,GAAI,CAAC;AAC9C,CAAC,CAAC;AAEK,MAAM,aAAa,GAAG,CAAC,SAAkB,EAAE,EAAE;;IAClD,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAClD,WAAW,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;IACxC,WAAW,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,CAAC;IAC/B,WAAW,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC;IAC9B,MAAM,MAAM,GAAG,SAAS;QACtB,CAAC,CAAC,CAAA,MAAA,QAAQ,CAAC,aAAa,CACpB,yBAAyB,SAAS,IAAI,CACvC,0CAAE,aAAa,KAAI,QAAQ,CAAC,aAAa,CAAC,eAAe,CAAC;QAC7D,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;IAC5C,IAAI,MAAM,EAAE;QACV,MAAM,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;QAChC,mBAAQ,CAAC,MAAM,CAAC,8BAAC,OAAO,OAAG,EAAE,WAAW,CAAC,CAAC;QAC1C,OAAO,GAAG,EAAE;YACV,mBAAQ,CAAC,sBAAsB,CAAC,WAAW,CAAC,CAAC;YAC7C,WAAW,CAAC,MAAM,EAAE,CAAC;QACvB,CAAC,CAAC;KACH;SAAM;QACL,OAAO,GAAG,EAAE;YACV,kBAAkB;QACpB,CAAC,CAAC;KACH;AACH,CAAC,CAAC;AAtBW,QAAA,aAAa,iBAsBxB;AAEF,kBAAe,OAAO,CAAC","sourcesContent":["import { Spinner, SpinnerSize } from \"@blueprintjs/core\";\nimport React from \"react\";\nimport ReactDOM from \"react-dom\";\n\nconst Loading = () => {\n  return <Spinner size={SpinnerSize.SMALL} />;\n};\n\nexport const renderLoading = (targetUid?: string) => {\n  const reactParent = document.createElement(\"div\");\n  reactParent.style.position = \"absolute\";\n  reactParent.style.bottom = \"0\";\n  reactParent.style.right = \"0\";\n  const parent = targetUid\n    ? document.querySelector<HTMLDivElement>(\n        `.rm-block__input[id$=\"${targetUid}\"]`\n      )?.parentElement || document.querySelector(\".roam-article\")\n    : document.querySelector(\".roam-article\");\n  if (parent) {\n    parent.appendChild(reactParent);\n    ReactDOM.render(<Loading />, reactParent);\n    return () => {\n      ReactDOM.unmountComponentAtNode(reactParent);\n      reactParent.remove();\n    };\n  } else {\n    return () => {\n      // no parent found\n    };\n  }\n};\n\nexport default Loading;\n"]}

package/components/MenuItemSelect.d.ts

@@ -0,0 +1,17 @@
+import { ButtonProps } from "@blueprintjs/core";
+import { SelectProps, ICreateNewItem } from "@blueprintjs/select";
+import React, { ReactText, ButtonHTMLAttributes, ReactNode } from "react";
+declare type ActiveItem<T> = T | ICreateNewItem | null | undefined;
+declare type TransformItem<T> = (s: T) => ReactNode;
+declare type MenuItemSelectProps<T extends ReactText> = Omit<SelectProps<T>, "itemRenderer"> & {
+    ButtonProps?: ButtonProps & ButtonHTMLAttributes<HTMLButtonElement>;
+    emptyValueText?: string;
+    transformItem?: TransformItem<T>;
+    children?: (props: {
+        activeItem: ActiveItem<T>;
+        emptyValueText?: string;
+        transformItem?: TransformItem<T>;
+    }) => ReactNode;
+};
+declare const MenuItemSelect: <T extends React.ReactText>(props: MenuItemSelectProps<T>) => JSX.Element;
+export default MenuItemSelect;

package/components/MenuItemSelect.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const core_1 = require("@blueprintjs/core");
+const select_1 = require("@blueprintjs/select");
+const react_1 = tslib_1.__importDefault(require("react"));
+const MenuItemSelect = (props) => {
+    const TypeSelect = select_1.Select.ofType();
+    const itemPredicate = (query, item) => {
+        const text = props.transformItem ? props.transformItem(item) : item;
+        return String(text).toLowerCase().includes(query.toLowerCase());
+    };
+    const { activeItem, filterable = false, children, transformItem, emptyValueText } = props, selectProps = tslib_1.__rest(props, ["activeItem", "filterable", "children", "transformItem", "emptyValueText"]);
+    const defaultButton = (react_1.default.createElement(core_1.Button, Object.assign({ text: activeItem ? (transformItem ? (transformItem(activeItem)) : (activeItem)) : (react_1.default.createElement("span", { className: "opacity-50 italic" }, emptyValueText || "Choose...")), rightIcon: "double-caret-vertical" }, props.ButtonProps)));
+    return (react_1.default.createElement(TypeSelect, Object.assign({}, selectProps, { itemRenderer: (item, { modifiers, handleClick }) => (react_1.default.createElement(core_1.MenuItem, { key: item, text: transformItem ? transformItem(item) : item, active: modifiers.active, onClick: handleClick })), filterable: filterable, itemPredicate: filterable ? itemPredicate : undefined, popoverProps: Object.assign({ minimal: true, captureDismiss: true }, props.popoverProps) }), children
+        ? children({
+            activeItem,
+            emptyValueText,
+            transformItem,
+        })
+        : defaultButton));
+};
+exports.default = MenuItemSelect;
+//# sourceMappingURL=MenuItemSelect.js.map

package/components/MenuItemSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItemSelect.js","sourceRoot":"","sources":["../../src/components/MenuItemSelect.tsx"],"names":[],"mappings":";;;AAAA,4CAAkE;AAClE,gDAA0E;AAC1E,0DAA0E;AAkB1E,MAAM,cAAc,GAAG,CACrB,KAA6B,EAChB,EAAE;IACf,MAAM,UAAU,GAAG,eAAM,CAAC,MAAM,EAAK,CAAC;IACtC,MAAM,aAAa,GAAG,CAAC,KAAa,EAAE,IAAO,EAAE,EAAE;QAC/C,MAAM,IAAI,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QACpE,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,CAAC;IAClE,CAAC,CAAC;IACF,MAAM,EACJ,UAAU,EACV,UAAU,GAAG,KAAK,EAClB,QAAQ,EACR,aAAa,EACb,cAAc,KAEZ,KAAK,EADJ,WAAW,kBACZ,KAAK,EAPH,2EAOL,CAAQ,CAAC;IAEV,MAAM,aAAa,GAAG,CACpB,8BAAC,aAAM,kBACL,IAAI,EACF,UAAU,CAAC,CAAC,CAAC,CACX,aAAa,CAAC,CAAC,CAAC,CACd,aAAa,CAAC,UAAe,CAAC,CAC/B,CAAC,CAAC,CAAC,CACF,UAAU,CACX,CACF,CAAC,CAAC,CAAC,CACF,wCAAM,SAAS,EAAC,mBAAmB,IAChC,cAAc,IAAI,WAAW,CACzB,CACR,EAEH,SAAS,EAAC,uBAAuB,IAC7B,KAAK,CAAC,WAAW,EACrB,CACH,CAAC;IAEF,OAAO,CACL,8BAAC,UAAU,oBACL,WAAW,IACf,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAClD,8BAAC,eAAQ,IACP,GAAG,EAAE,IAAI,EACT,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,EAChD,MAAM,EAAE,SAAS,CAAC,MAAM,EACxB,OAAO,EAAE,WAAW,GACpB,CACH,EACD,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,EACrD,YAAY,kBACV,OAAO,EAAE,IAAI,EACb,cAAc,EAAE,IAAI,IACjB,KAAK,CAAC,YAAY,MAGtB,QAAQ;QACP,CAAC,CAAC,QAAQ,CAAC;YACP,UAAU;YACV,cAAc;YACd,aAAa;SACd,CAAC;QACJ,CAAC,CAAC,aAAa,CACN,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC","sourcesContent":["import { Button, ButtonProps, MenuItem } from \"@blueprintjs/core\";\nimport { SelectProps, Select, ICreateNewItem } from \"@blueprintjs/select\";\nimport React, { ReactText, ButtonHTMLAttributes, ReactNode } from \"react\";\n\ntype ActiveItem<T> = T | ICreateNewItem | null | undefined;\ntype TransformItem<T> = (s: T) => ReactNode;\ntype MenuItemSelectProps<T extends ReactText> = Omit<\n  SelectProps<T>,\n  \"itemRenderer\"\n> & {\n  ButtonProps?: ButtonProps & ButtonHTMLAttributes<HTMLButtonElement>;\n  emptyValueText?: string;\n  transformItem?: TransformItem<T>;\n  children?: (props: {\n    activeItem: ActiveItem<T>;\n    emptyValueText?: string;\n    transformItem?: TransformItem<T>;\n  }) => ReactNode;\n};\n\nconst MenuItemSelect = <T extends ReactText>(\n  props: MenuItemSelectProps<T>\n): JSX.Element => {\n  const TypeSelect = Select.ofType<T>();\n  const itemPredicate = (query: string, item: T) => {\n    const text = props.transformItem ? props.transformItem(item) : item;\n    return String(text).toLowerCase().includes(query.toLowerCase());\n  };\n  const {\n    activeItem,\n    filterable = false,\n    children,\n    transformItem,\n    emptyValueText,\n    ...selectProps\n  } = props;\n\n  const defaultButton = (\n    <Button\n      text={\n        activeItem ? (\n          transformItem ? (\n            transformItem(activeItem as T)\n          ) : (\n            activeItem\n          )\n        ) : (\n          <span className=\"opacity-50 italic\">\n            {emptyValueText || \"Choose...\"}\n          </span>\n        )\n      }\n      rightIcon=\"double-caret-vertical\"\n      {...props.ButtonProps}\n    />\n  );\n\n  return (\n    <TypeSelect\n      {...selectProps}\n      itemRenderer={(item, { modifiers, handleClick }) => (\n        <MenuItem\n          key={item}\n          text={transformItem ? transformItem(item) : item}\n          active={modifiers.active}\n          onClick={handleClick}\n        />\n      )}\n      filterable={filterable}\n      itemPredicate={filterable ? itemPredicate : undefined}\n      popoverProps={{\n        minimal: true,\n        captureDismiss: true,\n        ...props.popoverProps,\n      }}\n    >\n      {children\n        ? children({\n            activeItem,\n            emptyValueText,\n            transformItem,\n          })\n        : defaultButton}\n    </TypeSelect>\n  );\n};\n\nexport default MenuItemSelect;\n"]}

package/components/OauthPanel.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { ExternalLoginOptions } from "./ExternalLogin";
+declare const OauthPanel: {
+    (options: ExternalLoginOptions): JSX.Element;
+    type: string;
+};
+export default OauthPanel;

package/components/OauthPanel.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const core_1 = require("@blueprintjs/core");
+const react_1 = tslib_1.__importStar(require("react"));
+const localStorageGet_1 = tslib_1.__importDefault(require("../util/localStorageGet"));
+const localStorageSet_1 = require("../util/localStorageSet");
+const ExternalLogin_1 = tslib_1.__importDefault(require("./ExternalLogin"));
+const OauthPanel = (options) => {
+    const key = `oauth-${options.service}`;
+    const [accounts, setAccounts] = (0, react_1.useState)(() => JSON.parse((0, localStorageGet_1.default)(key) || "[]"));
+    return (react_1.default.createElement("div", { className: "flex flex-col gap-1", style: { minWidth: 300 } },
+        react_1.default.createElement(ExternalLogin_1.default, Object.assign({ useLocal: true, onSuccess: (acc) => setAccounts([...accounts, acc]), parentUid: "", loggedIn: !!accounts.length }, options)),
+        !!accounts.length && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement("h5", { className: "margin-0" }, "Accounts"),
+            react_1.default.createElement("ul", { className: "margin-0" }, accounts.map((act) => (react_1.default.createElement("li", { key: act.uid, style: {
+                    display: "flex",
+                    justifyContent: "space-between",
+                    alignItems: "center",
+                    marginTop: 8,
+                } },
+                react_1.default.createElement("span", { style: { minWidth: 192 } }, act.text),
+                react_1.default.createElement(core_1.Button, { text: "Log Out", onClick: () => {
+                        const accts = JSON.parse((0, localStorageGet_1.default)(key));
+                        (0, localStorageSet_1.localStorageSet)(key, JSON.stringify(accts.filter((a) => act.uid !== a.uid)));
+                        setAccounts(accounts.filter((a) => act.uid !== a.uid));
+                    } })))))))));
+};
+OauthPanel.type = "oauth";
+exports.default = OauthPanel;
+//# sourceMappingURL=OauthPanel.js.map

package/components/OauthPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OauthPanel.js","sourceRoot":"","sources":["../../src/components/OauthPanel.tsx"],"names":[],"mappings":";;;AAAA,4CAA2C;AAC3C,uDAAwC;AACxC,sFAAsD;AACtD,6DAA0D;AAC1D,4EAAsE;AAEtE,MAAM,UAAU,GAAG,CAAC,OAA6B,EAAE,EAAE;IACnD,MAAM,GAAG,GAAG,SAAS,OAAO,CAAC,OAAO,EAAE,CAAC;IACvC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAEtC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAE,IAAA,yBAAe,EAAC,GAAG,CAAY,IAAI,IAAI,CAAC,CAAC,CAAC;IAC9D,OAAO,CACL,uCAAK,SAAS,EAAC,qBAAqB,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE;QAC3D,8BAAC,uBAAa,kBACZ,QAAQ,QACR,SAAS,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,GAAG,QAAQ,EAAE,GAAG,CAAC,CAAC,EACnD,SAAS,EAAE,EAAE,EACb,QAAQ,EAAE,CAAC,CAAC,QAAQ,CAAC,MAAM,IACvB,OAAO,EACX;QACD,CAAC,CAAC,QAAQ,CAAC,MAAM,IAAI,CACpB;YACE,sCAAI,SAAS,EAAC,UAAU,eAAc;YACtC,sCAAI,SAAS,EAAC,UAAU,IACrB,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACrB,sCACE,GAAG,EAAE,GAAG,CAAC,GAAG,EACZ,KAAK,EAAE;oBACL,OAAO,EAAE,MAAM;oBACf,cAAc,EAAE,eAAe;oBAC/B,UAAU,EAAE,QAAQ;oBACpB,SAAS,EAAE,CAAC;iBACb;gBAED,wCAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAG,GAAG,CAAC,IAAI,CAAQ;gBACjD,8BAAC,aAAM,IACL,IAAI,EAAE,SAAS,EACf,OAAO,EAAE,GAAG,EAAE;wBACZ,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CACtB,IAAA,yBAAe,EAAC,GAAG,CAAW,CAG7B,CAAC;wBACJ,IAAA,iCAAe,EACb,GAAG,EACH,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CACvD,CAAC;wBACF,WAAW,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;oBACzD,CAAC,GACD,CACC,CACN,CAAC,CACC,CACJ,CACJ,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,IAAI,GAAG,OAAO,CAAC;AAE1B,kBAAe,UAAU,CAAC","sourcesContent":["import { Button } from \"@blueprintjs/core\";\nimport React, { useState } from \"react\";\nimport localStorageGet from \"../util/localStorageGet\";\nimport { localStorageSet } from \"../util/localStorageSet\";\nimport ExternalLogin, { ExternalLoginOptions } from \"./ExternalLogin\";\n\nconst OauthPanel = (options: ExternalLoginOptions) => {\n  const key = `oauth-${options.service}`;\n  const [accounts, setAccounts] = useState<\n    { text: string; uid: string; data: string }[]\n  >(() => JSON.parse((localStorageGet(key) as string) || \"[]\"));\n  return (\n    <div className=\"flex flex-col gap-1\" style={{ minWidth: 300 }}>\n      <ExternalLogin\n        useLocal\n        onSuccess={(acc) => setAccounts([...accounts, acc])}\n        parentUid={\"\"}\n        loggedIn={!!accounts.length}\n        {...options}\n      />\n      {!!accounts.length && (\n        <>\n          <h5 className=\"margin-0\">Accounts</h5>\n          <ul className=\"margin-0\">\n            {accounts.map((act) => (\n              <li\n                key={act.uid}\n                style={{\n                  display: \"flex\",\n                  justifyContent: \"space-between\",\n                  alignItems: \"center\",\n                  marginTop: 8,\n                }}\n              >\n                <span style={{ minWidth: 192 }}>{act.text}</span>\n                <Button\n                  text={\"Log Out\"}\n                  onClick={() => {\n                    const accts = JSON.parse(\n                      localStorageGet(key) as string\n                    ) as {\n                      uid: string;\n                    }[];\n                    localStorageSet(\n                      key,\n                      JSON.stringify(accts.filter((a) => act.uid !== a.uid))\n                    );\n                    setAccounts(accounts.filter((a) => act.uid !== a.uid));\n                  }}\n                />\n              </li>\n            ))}\n          </ul>\n        </>\n      )}\n    </div>\n  );\n};\n\nOauthPanel.type = \"oauth\";\n\nexport default OauthPanel;\n"]}

package/components/OauthSelect.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+export declare const useOauthAccounts: (id: string) => {
+    accountDropdown: React.ReactElement;
+    accountLabel: string;
+};

package/components/OauthSelect.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOauthAccounts = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@blueprintjs/core");
+const react_1 = tslib_1.__importStar(require("react"));
+const getPageUidByPageTitle_1 = tslib_1.__importDefault(require("../queries/getPageUidByPageTitle"));
+const getBasicTreeByParentUid_1 = tslib_1.__importDefault(require("../queries/getBasicTreeByParentUid"));
+const toFlexRegex_1 = tslib_1.__importDefault(require("../util/toFlexRegex"));
+const MenuItemSelect_1 = tslib_1.__importDefault(require("./MenuItemSelect"));
+const useOauthAccounts = (id) => {
+    var _a;
+    const accountLabels = (((_a = (0, getBasicTreeByParentUid_1.default)((0, getPageUidByPageTitle_1.default)(`roam/js/${id}`)).find((t) => (0, toFlexRegex_1.default)("oauth").test(t.text))) === null || _a === void 0 ? void 0 : _a.children) || [])
+        .map((t) => t.text)
+        .filter((t) => !t.startsWith("{") && !t.endsWith("}"));
+    const [accountLabel, setAccountLabel] = (0, react_1.useState)(accountLabels[0] || "");
+    const accountDropdown = (react_1.default.createElement(react_1.default.Fragment, null, accountLabels.length > 1 && (react_1.default.createElement(core_1.Label, null,
+        "Account:",
+        react_1.default.createElement(MenuItemSelect_1.default, { activeItem: accountLabel, onItemSelect: (i) => setAccountLabel(i), items: accountLabels })))));
+    return {
+        accountDropdown,
+        accountLabel,
+    };
+};
+exports.useOauthAccounts = useOauthAccounts;
+//# sourceMappingURL=OauthSelect.js.map

package/components/OauthSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OauthSelect.js","sourceRoot":"","sources":["../../src/components/OauthSelect.tsx"],"names":[],"mappings":";;;;AAAA,4CAA0C;AAC1C,uDAAwC;AACxC,qGAAqE;AACrE,yGAAyE;AACzE,8EAA8C;AAC9C,8EAA8C;AAEvC,MAAM,gBAAgB,GAAG,CAC9B,EAAU,EAIV,EAAE;;IACF,MAAM,aAAa,GAAG,CACpB,CAAA,MAAA,IAAA,iCAAuB,EAAC,IAAA,+BAAqB,EAAC,WAAW,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CACzE,IAAA,qBAAW,EAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAClC,0CAAE,QAAQ,KAAI,EAAE,CAClB;SACE,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;SAClB,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;IACzD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAC,aAAa,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IACzE,MAAM,eAAe,GAAG,CACtB,8DACG,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,CAC3B,8BAAC,YAAK;;QAEJ,8BAAC,wBAAc,IACb,UAAU,EAAE,YAAY,EACxB,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,EACvC,KAAK,EAAE,aAAa,GACpB,CACI,CACT,CACA,CACJ,CAAC;IACF,OAAO;QACL,eAAe;QACf,YAAY;KACb,CAAC;AACJ,CAAC,CAAC;AAhCW,QAAA,gBAAgB,oBAgC3B","sourcesContent":["import { Label } from \"@blueprintjs/core\";\nimport React, { useState } from \"react\";\nimport getPageUidByPageTitle from \"../queries/getPageUidByPageTitle\";\nimport getBasicTreeByParentUid from \"../queries/getBasicTreeByParentUid\";\nimport toFlexRegex from \"../util/toFlexRegex\";\nimport MenuItemSelect from \"./MenuItemSelect\";\n\nexport const useOauthAccounts = (\n  id: string\n): {\n  accountDropdown: React.ReactElement;\n  accountLabel: string;\n} => {\n  const accountLabels = (\n    getBasicTreeByParentUid(getPageUidByPageTitle(`roam/js/${id}`)).find((t) =>\n      toFlexRegex(\"oauth\").test(t.text)\n    )?.children || []\n  )\n    .map((t) => t.text)\n    .filter((t) => !t.startsWith(\"{\") && !t.endsWith(\"}\"));\n  const [accountLabel, setAccountLabel] = useState(accountLabels[0] || \"\");\n  const accountDropdown = (\n    <>\n      {accountLabels.length > 1 && (\n        <Label>\n          Account:\n          <MenuItemSelect\n            activeItem={accountLabel}\n            onItemSelect={(i) => setAccountLabel(i)}\n            items={accountLabels}\n          />\n        </Label>\n      )}\n    </>\n  );\n  return {\n    accountDropdown,\n    accountLabel,\n  };\n};\n"]}

package/components/PageInput.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import { AutocompleteInputProps } from "./AutocompleteInput";
+declare const PageInput: ({ extra, ...rest }: {
+    extra?: string[] | undefined;
+} & Omit<AutocompleteInputProps<string>, "options">) => React.ReactElement;
+export default PageInput;

package/components/PageInput.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const getAllPageNames_1 = tslib_1.__importDefault(require("../queries/getAllPageNames"));
+const AutocompleteInput_1 = tslib_1.__importDefault(require("./AutocompleteInput"));
+const DEFAULT_EXTRA = [];
+const PageInput = (_a) => {
+    var { extra = DEFAULT_EXTRA } = _a, rest = tslib_1.__rest(_a, ["extra"]);
+    const options = (0, react_1.useMemo)(() => [...(0, getAllPageNames_1.default)(), ...extra], [extra]);
+    return react_1.default.createElement(AutocompleteInput_1.default, Object.assign({}, rest, { options: options }));
+};
+exports.default = PageInput;
+//# sourceMappingURL=PageInput.js.map

package/components/PageInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageInput.js","sourceRoot":"","sources":["../../src/components/PageInput.tsx"],"names":[],"mappings":";;;AAAA,uDAAuC;AACvC,yFAAyD;AACzD,oFAAgF;AAEhF,MAAM,aAAa,GAAa,EAAE,CAAC;AAEnC,MAAM,SAAS,GAAG,CAAC,EAKwB,EAAsB,EAAE;QALhD,EACjB,KAAK,GAAG,aAAa,OAIoB,EAHtC,IAAI,sBAFU,SAGlB,CADQ;IAIP,MAAM,OAAO,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,CAAC,GAAG,IAAA,yBAAe,GAAE,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IACzE,OAAO,8BAAC,2BAAiB,oBAAK,IAAI,IAAE,OAAO,EAAE,OAAO,IAAI,CAAC;AAC3D,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["import React, { useMemo } from \"react\";\nimport getAllPageNames from \"../queries/getAllPageNames\";\nimport AutocompleteInput, { AutocompleteInputProps } from \"./AutocompleteInput\";\n\nconst DEFAULT_EXTRA: string[] = [];\n\nconst PageInput = ({\n  extra = DEFAULT_EXTRA,\n  ...rest\n}: {\n  extra?: string[];\n} & Omit<AutocompleteInputProps, \"options\">): React.ReactElement => {\n  const options = useMemo(() => [...getAllPageNames(), ...extra], [extra]);\n  return <AutocompleteInput {...rest} options={options} />;\n};\n\nexport default PageInput;\n"]}

package/components/PageLink.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+declare const PageLink: ({ uid, onCtrlClick, children, }: React.PropsWithChildren<{
+    uid: string;
+    onCtrlClick?: ((e: React.MouseEvent) => void) | undefined;
+}>) => JSX.Element;
+export default PageLink;

package/components/PageLink.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const getRoamUrl_1 = tslib_1.__importDefault(require("../dom/getRoamUrl"));
+const getPageTitleByPageUid_1 = tslib_1.__importDefault(require("../queries/getPageTitleByPageUid"));
+const openBlockInSidebar_1 = tslib_1.__importDefault(require("../writes/openBlockInSidebar"));
+const PageLink = ({ uid, onCtrlClick, children, }) => {
+    const title = (0, react_1.useMemo)(() => children || (0, getPageTitleByPageUid_1.default)(uid), [children, uid]);
+    return (react_1.default.createElement("a", { className: "rm-page-ref", "data-link-title": title, href: (0, getRoamUrl_1.default)(uid), onMouseDown: (e) => {
+            if (e.shiftKey) {
+                (0, openBlockInSidebar_1.default)(uid);
+                e.preventDefault();
+                e.stopPropagation();
+            }
+            else if (e.ctrlKey) {
+                onCtrlClick === null || onCtrlClick === void 0 ? void 0 : onCtrlClick(e);
+            }
+        }, onClick: (e) => {
+            if (e.shiftKey || e.ctrlKey) {
+                e.preventDefault();
+                e.stopPropagation();
+            }
+        }, onContextMenu: (e) => {
+            if (e.ctrlKey) {
+                e.preventDefault();
+                e.stopPropagation();
+            }
+        } }, title));
+};
+exports.default = PageLink;
+//# sourceMappingURL=PageLink.js.map

package/components/PageLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageLink.js","sourceRoot":"","sources":["../../src/components/PageLink.tsx"],"names":[],"mappings":";;;AAAA,uDAAuC;AACvC,2EAA2C;AAC3C,qGAAqE;AACrE,8FAA8D;AAE9D,MAAM,QAAQ,GAAG,CAAC,EAChB,GAAG,EACH,WAAW,EACX,QAAQ,GAIR,EAAE,EAAE;IACJ,MAAM,KAAK,GAAG,IAAA,eAAO,EACnB,GAAG,EAAE,CAAC,QAAQ,IAAI,IAAA,+BAAqB,EAAC,GAAG,CAAC,EAC5C,CAAC,QAAQ,EAAE,GAAG,CAAC,CAChB,CAAC;IACF,OAAO,CACL,qCACE,SAAS,EAAE,aAAa,qBACP,KAAK,EACtB,IAAI,EAAE,IAAA,oBAAU,EAAC,GAAG,CAAC,EACrB,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE;YACjB,IAAI,CAAC,CAAC,QAAQ,EAAE;gBACd,IAAA,4BAAkB,EAAC,GAAG,CAAC,CAAC;gBACxB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,CAAC,CAAC,eAAe,EAAE,CAAC;aACrB;iBAAM,IAAI,CAAC,CAAC,OAAO,EAAE;gBACpB,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,CAAC,CAAC,CAAC;aAClB;QACH,CAAC,EACD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,IAAI,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,OAAO,EAAE;gBAC3B,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,CAAC,CAAC,eAAe,EAAE,CAAC;aACrB;QACH,CAAC,EACD,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE;YACnB,IAAI,CAAC,CAAC,OAAO,EAAE;gBACb,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,CAAC,CAAC,eAAe,EAAE,CAAC;aACrB;QACH,CAAC,IAEA,KAAK,CACJ,CACL,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC","sourcesContent":["import React, { useMemo } from \"react\";\nimport getRoamUrl from \"../dom/getRoamUrl\";\nimport getPageTitleByPageUid from \"../queries/getPageTitleByPageUid\";\nimport openBlockInSidebar from \"../writes/openBlockInSidebar\";\n\nconst PageLink = ({\n  uid,\n  onCtrlClick,\n  children,\n}: React.PropsWithChildren<{\n  uid: string;\n  onCtrlClick?: (e: React.MouseEvent) => void;\n}>) => {\n  const title = useMemo(\n    () => children || getPageTitleByPageUid(uid),\n    [children, uid]\n  );\n  return (\n    <a\n      className={\"rm-page-ref\"}\n      data-link-title={title}\n      href={getRoamUrl(uid)}\n      onMouseDown={(e) => {\n        if (e.shiftKey) {\n          openBlockInSidebar(uid);\n          e.preventDefault();\n          e.stopPropagation();\n        } else if (e.ctrlKey) {\n          onCtrlClick?.(e);\n        }\n      }}\n      onClick={(e) => {\n        if (e.shiftKey || e.ctrlKey) {\n          e.preventDefault();\n          e.stopPropagation();\n        }\n      }}\n      onContextMenu={(e) => {\n        if (e.ctrlKey) {\n          e.preventDefault();\n          e.stopPropagation();\n        }\n      }}\n    >\n      {title}\n    </a>\n  );\n};\n\nexport default PageLink;\n"]}

package/components/ProgressDialog.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+declare type Props = {
+    id: string;
+    timeout: number;
+};
+export declare const ID = "roamjs-progress-dialog-root";
+declare const ProgressDialog: ({ onClose, ...props }: {
+    onClose: () => void;
+} & Props) => JSX.Element;
+export declare const render: (props: Props) => (() => void) | undefined;
+export default ProgressDialog;