roamjs-components 0.85.2 → 0.85.4

package/components/ConfigPage.js

@@ -0,0 +1,160 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createConfigObserver = exports.render = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@blueprintjs/core");
+const react_1 = tslib_1.__importStar(require("react"));
+const react_dom_1 = tslib_1.__importDefault(require("react-dom"));
+const createHTMLObserver_1 = tslib_1.__importDefault(require("../dom/createHTMLObserver"));
+const createBlock_1 = tslib_1.__importDefault(require("../writes/createBlock"));
+const createPage_1 = tslib_1.__importDefault(require("../writes/createPage"));
+const getBasicTreeByParentUid_1 = tslib_1.__importDefault(require("../queries/getBasicTreeByParentUid"));
+const getPageUidByPageTitle_1 = tslib_1.__importDefault(require("../queries/getPageUidByPageTitle"));
+const getShallowTreeByParentUid_1 = tslib_1.__importDefault(require("../queries/getShallowTreeByParentUid"));
+const localStorageGet_1 = tslib_1.__importDefault(require("../util/localStorageGet"));
+const idToTitle_1 = tslib_1.__importDefault(require("../util/idToTitle"));
+const FieldTabs = ({ id, fields, uid, pageUid, order, toggleable, }) => {
+    const parentUid = (0, react_1.useMemo)(() => {
+        if (/home/i.test(id)) {
+            return pageUid;
+        }
+        if (uid) {
+            return uid;
+        }
+        if (toggleable) {
+            return "";
+        }
+        const newUid = window.roamAlphaAPI.util.generateUID();
+        (0, createBlock_1.default)({
+            parentUid: pageUid,
+            order,
+            node: { text: id, uid: newUid },
+        });
+        return newUid;
+    }, [pageUid, uid, id, toggleable]);
+    const childUids = Object.fromEntries((0, getShallowTreeByParentUid_1.default)(parentUid).map(({ text, uid }) => [
+        text.toLowerCase().trim(),
+        uid,
+    ]));
+    const [selectedTabId, setSelectedTabId] = (0, react_1.useState)(fields.length && typeof toggleable !== "string"
+        ? fields[0].title
+        : "enabled");
+    const onTabsChange = (0, react_1.useCallback)((tabId) => setSelectedTabId(tabId), [setSelectedTabId]);
+    return (react_1.default.createElement(core_1.Tabs, { vertical: true, id: `${id}-field-tabs`, onChange: onTabsChange, selectedTabId: selectedTabId, renderActiveTabPanelOnly: true }, fields.map((field, i) => {
+        const { Panel, title, defaultValue } = field;
+        return (react_1.default.createElement(core_1.Tab, { id: title, key: title, title: (0, idToTitle_1.default)(title), panel: react_1.default.createElement(Panel, Object.assign({}, field, { defaultValue: defaultValue, order: i, parentUid: parentUid, uid: childUids[title.toLowerCase()] })) }));
+    })));
+};
+const ConfigPage = ({ id, config, pageUid, }) => {
+    var _a;
+    const isLegacy = "tabs" in config;
+    const userTabs = isLegacy
+        ? config.tabs.filter((t) => t.fields.length || t.toggleable)
+        : [{ fields: config, id: "home" }];
+    const [selectedTabId, setSelectedTabId] = (0, react_1.useState)((_a = userTabs[0]) === null || _a === void 0 ? void 0 : _a.id);
+    const onTabsChange = (0, react_1.useCallback)((tabId) => setSelectedTabId(tabId), [setSelectedTabId]);
+    const tree = (0, getBasicTreeByParentUid_1.default)(pageUid);
+    // first character trimmed intentionally for the `v` below
+    const titleRef = (0, react_1.useRef)(null);
+    const experimentalMode = (0, react_1.useMemo)(() => (0, localStorageGet_1.default)("experimental"), []);
+    return (react_1.default.createElement(core_1.Card, { style: { color: "#202B33" }, className: "roamjs-config-panel" },
+        react_1.default.createElement("div", { style: { display: "flex", justifyContent: "space-between" }, ref: titleRef, tabIndex: -1 },
+            react_1.default.createElement("h4", { style: { padding: 4 } },
+                (0, idToTitle_1.default)(id),
+                " Configuration")),
+        react_1.default.createElement("style", null, `.roamjs-config-tabs {\npadding: 4px;\n}`),
+        isLegacy ? (react_1.default.createElement(core_1.Tabs, { id: `${id}-config-tabs`, onChange: onTabsChange, selectedTabId: selectedTabId, renderActiveTabPanelOnly: true, className: "roamjs-config-tabs" }, userTabs.map(({ id: tabId, fields, toggleable, development = false, onEnable, onDisable, }, i) => {
+            var _a;
+            return (react_1.default.createElement(core_1.Tab, { id: tabId, key: tabId, title: (0, idToTitle_1.default)(tabId), disabled: development && !experimentalMode, panel: react_1.default.createElement(FieldTabs, { id: tabId, extensionId: id, fields: fields, uid: ((_a = tree.find((t) => new RegExp(tabId, "i").test(t.text))) === null || _a === void 0 ? void 0 : _a.uid) || "", pageUid: pageUid, order: i, toggleable: toggleable, onEnable: onEnable, onDisable: onDisable }) }));
+        }))) : (react_1.default.createElement(FieldTabs, { id: "home", extensionId: id, fields: config, uid: pageUid, pageUid: pageUid, order: 0, toggleable: false }))));
+};
+// TODO: better nested type discrimination here
+const fieldsToChildren = (fields) => fields
+    .filter((f) => !!f.defaultValue)
+    .map((f) => {
+    var _a;
+    return ({
+        text: f.title,
+        children: f.Panel.type === "flag"
+            ? []
+            : f.Panel.type === "custom"
+                ? f.defaultValue || []
+                : f.Panel.type === "pages" || f.Panel.type === "multitext"
+                    ? (_a = f.defaultValue) === null || _a === void 0 ? void 0 : _a.map((v) => ({ text: v }))
+                    : f.Panel.type === "block"
+                        ? f.defaultValue
+                            ? [f.defaultValue]
+                            : []
+                        : [{ text: `${f.defaultValue}` }],
+    });
+});
+const createConfigPage = ({ title, config, }) => {
+    var _a;
+    const homeTab = "tabs" in config
+        ? (_a = config.tabs.find((t) => /home/i.test(t.id))) === null || _a === void 0 ? void 0 : _a.fields
+        : config;
+    const rawTree = [
+        ...(homeTab ? fieldsToChildren(homeTab) : []),
+        ...("tabs" in config
+            ? config.tabs
+                .filter((t) => !/home/i.test(t.id) && !t.toggleable && !t.development)
+                .map((t) => ({
+                text: t.id,
+                children: fieldsToChildren(t.fields),
+            }))
+            : []),
+    ];
+    return (0, createPage_1.default)({
+        title,
+        tree: rawTree.length ? rawTree : [{ text: " " }],
+    });
+};
+const render = ({ h, title, pageUid = (0, getPageUidByPageTitle_1.default)(title), config, }) => {
+    var _a, _b;
+    const uid = (0, getPageUidByPageTitle_1.default)(title);
+    const attribute = `data-roamjs-${uid}`;
+    const containerParent = (_a = h.parentElement) === null || _a === void 0 ? void 0 : _a.parentElement;
+    if (containerParent && !containerParent.hasAttribute(attribute)) {
+        containerParent.setAttribute(attribute, "true");
+        const parent = document.createElement("div");
+        const configPageId = title.split("/").slice(-1)[0];
+        parent.id = `${configPageId}-config`;
+        containerParent.insertBefore(parent, ((_b = h.parentElement) === null || _b === void 0 ? void 0 : _b.nextElementSibling) || null);
+        react_dom_1.default.render(react_1.default.createElement(ConfigPage, { id: configPageId, config: config, pageUid: pageUid }), parent);
+    }
+};
+exports.render = render;
+const createConfigObserver = ({ title, config, }) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+    const pageUid = (0, getPageUidByPageTitle_1.default)(title) ||
+        (yield createConfigPage({
+            title,
+            config,
+        }));
+    if ("tabs" in config ? !!config.tabs.length : !!config.length) {
+        const observer = (0, createHTMLObserver_1.default)({
+            className: "rm-title-display",
+            tag: "H1",
+            callback: (d) => {
+                const h = d;
+                if (h.innerText === title) {
+                    (0, exports.render)({
+                        pageUid,
+                        config,
+                        title,
+                        h,
+                    });
+                }
+            },
+        });
+        return {
+            pageUid,
+            observer,
+        };
+    }
+    return {
+        pageUid,
+    };
+});
+exports.createConfigObserver = createConfigObserver;
+exports.default = ConfigPage;
+//# sourceMappingURL=ConfigPage.js.map

package/components/ConfigPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigPage.js","sourceRoot":"","sources":["../../src/components/ConfigPage.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Card, Tab, Tabs } from \"@blueprintjs/core\";\nimport React, { useCallback, useMemo, useRef, useState } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport createHTMLObserver from \"../dom/createHTMLObserver\";\nimport createBlock from \"../writes/createBlock\";\nimport createPage from \"../writes/createPage\";\nimport getBasicTreeByParentUid from \"../queries/getBasicTreeByParentUid\";\nimport getPageUidByPageTitle from \"../queries/getPageUidByPageTitle\";\nimport getShallowTreeByParentUid from \"../queries/getShallowTreeByParentUid\";\nimport localStorageGet from \"../util/localStorageGet\";\nimport idToTitle from \"../util/idToTitle\";\nimport type { Field, UnionField } from \"./ConfigPanels/types\";\nimport { Brand } from \"./ConfigPanels/getBrandColors\";\nimport { InputTextNode } from \"../types\";\n\nexport type ConfigTab = {\n  id: string;\n  toggleable?: boolean | \"premium\";\n  onEnable?: () => void;\n  onDisable?: () => void;\n  development?: boolean;\n  fields: Field<UnionField>[];\n};\n\ntype Config =\n  | {\n      tabs: ConfigTab[];\n      versioning?: boolean;\n      brand?: Brand;\n    }\n  | Field<UnionField>[];\n\nconst FieldTabs = ({\n  id,\n  fields,\n  uid,\n  pageUid,\n  order,\n  toggleable,\n}: {\n  uid: string;\n  pageUid: string;\n  order: number;\n  extensionId: string;\n} & ConfigTab) => {\n  const parentUid = useMemo(() => {\n    if (/home/i.test(id)) {\n      return pageUid;\n    }\n    if (uid) {\n      return uid;\n    }\n    if (toggleable) {\n      return \"\";\n    }\n    const newUid = window.roamAlphaAPI.util.generateUID();\n    createBlock({\n      parentUid: pageUid,\n      order,\n      node: { text: id, uid: newUid },\n    });\n    return newUid;\n  }, [pageUid, uid, id, toggleable]);\n  const childUids = Object.fromEntries(\n    getShallowTreeByParentUid(parentUid).map(({ text, uid }) => [\n      text.toLowerCase().trim(),\n      uid,\n    ])\n  );\n  const [selectedTabId, setSelectedTabId] = useState(\n    fields.length && typeof toggleable !== \"string\"\n      ? fields[0].title\n      : \"enabled\"\n  );\n  const onTabsChange = useCallback(\n    (tabId: string) => setSelectedTabId(tabId),\n    [setSelectedTabId]\n  );\n  return (\n    <Tabs\n      vertical\n      id={`${id}-field-tabs`}\n      onChange={onTabsChange}\n      selectedTabId={selectedTabId}\n      renderActiveTabPanelOnly\n    >\n      {fields.map((field, i) => {\n        const { Panel, title, defaultValue } = field;\n        return (\n          <Tab\n            id={title}\n            key={title}\n            title={idToTitle(title)}\n            panel={\n              <Panel\n                {...field}\n                defaultValue={defaultValue}\n                order={i}\n                parentUid={parentUid}\n                uid={childUids[title.toLowerCase()]}\n              />\n            }\n          />\n        );\n      })}\n    </Tabs>\n  );\n};\n\nconst ConfigPage = ({\n  id,\n  config,\n  pageUid,\n}: {\n  id: string;\n  config: Config;\n  pageUid: string;\n}): React.ReactElement => {\n  const isLegacy = \"tabs\" in config;\n  const userTabs = isLegacy\n    ? config.tabs.filter((t) => t.fields.length || t.toggleable)\n    : [{ fields: config, id: \"home\" }];\n  const [selectedTabId, setSelectedTabId] = useState(userTabs[0]?.id);\n  const onTabsChange = useCallback(\n    (tabId: string) => setSelectedTabId(tabId),\n    [setSelectedTabId]\n  );\n  const tree = getBasicTreeByParentUid(pageUid);\n\n  // first character trimmed intentionally for the `v` below\n  const titleRef = useRef<HTMLDivElement>(null);\n  const experimentalMode = useMemo(() => localStorageGet(\"experimental\"), []);\n  return (\n    <Card style={{ color: \"#202B33\" }} className={\"roamjs-config-panel\"}>\n      <div\n        style={{ display: \"flex\", justifyContent: \"space-between\" }}\n        ref={titleRef}\n        tabIndex={-1}\n      >\n        <h4 style={{ padding: 4 }}>{idToTitle(id)} Configuration</h4>\n      </div>\n      <style>{`.roamjs-config-tabs {\\npadding: 4px;\\n}`}</style>\n      {isLegacy ? (\n        <Tabs\n          id={`${id}-config-tabs`}\n          onChange={onTabsChange}\n          selectedTabId={selectedTabId}\n          renderActiveTabPanelOnly\n          className={\"roamjs-config-tabs\"}\n        >\n          {userTabs.map(\n            (\n              {\n                id: tabId,\n                fields,\n                toggleable,\n                development = false,\n                onEnable,\n                onDisable,\n              },\n              i\n            ) => (\n              <Tab\n                id={tabId}\n                key={tabId}\n                title={idToTitle(tabId)}\n                disabled={development && !experimentalMode}\n                panel={\n                  <FieldTabs\n                    id={tabId}\n                    extensionId={id}\n                    fields={fields}\n                    uid={\n                      tree.find((t) => new RegExp(tabId, \"i\").test(t.text))\n                        ?.uid || \"\"\n                    }\n                    pageUid={pageUid}\n                    order={i}\n                    toggleable={toggleable}\n                    onEnable={onEnable}\n                    onDisable={onDisable}\n                  />\n                }\n              />\n            )\n          )}\n        </Tabs>\n      ) : (\n        <FieldTabs\n          id={\"home\"}\n          extensionId={id}\n          fields={config}\n          uid={pageUid}\n          pageUid={pageUid}\n          order={0}\n          toggleable={false}\n        />\n      )}\n    </Card>\n  );\n};\n\n// TODO: better nested type discrimination here\nconst fieldsToChildren = (fields: Field<UnionField>[]) =>\n  fields\n    .filter((f) => !!f.defaultValue)\n    .map((f) => ({\n      text: f.title,\n      children:\n        f.Panel.type === \"flag\"\n          ? []\n          : f.Panel.type === \"custom\"\n          ? (f.defaultValue as InputTextNode[]) || []\n          : f.Panel.type === \"pages\" || f.Panel.type === \"multitext\"\n          ? (f.defaultValue as string[])?.map((v) => ({ text: v }))\n          : f.Panel.type === \"block\"\n          ? f.defaultValue\n            ? [f.defaultValue as InputTextNode]\n            : []\n          : [{ text: `${f.defaultValue}` }],\n    }));\n\nconst createConfigPage = ({\n  title,\n  config,\n}: {\n  title: string;\n  config: Config;\n}) => {\n  const homeTab =\n    \"tabs\" in config\n      ? config.tabs.find((t) => /home/i.test(t.id))?.fields\n      : config;\n  const rawTree = [\n    ...(homeTab ? fieldsToChildren(homeTab) : []),\n    ...(\"tabs\" in config\n      ? config.tabs\n          .filter((t) => !/home/i.test(t.id) && !t.toggleable && !t.development)\n          .map((t) => ({\n            text: t.id,\n            children: fieldsToChildren(t.fields),\n          }))\n      : []),\n  ];\n  return createPage({\n    title,\n    tree: rawTree.length ? rawTree : [{ text: \" \" }],\n  });\n};\n\nexport const render = ({\n  h,\n  title,\n  pageUid = getPageUidByPageTitle(title),\n  config,\n}: {\n  h: HTMLHeadingElement;\n  title: string;\n  pageUid?: string;\n  config: Config;\n}) => {\n  const uid = getPageUidByPageTitle(title);\n  const attribute = `data-roamjs-${uid}`;\n  const containerParent = h.parentElement?.parentElement;\n  if (containerParent && !containerParent.hasAttribute(attribute)) {\n    containerParent.setAttribute(attribute, \"true\");\n    const parent = document.createElement(\"div\");\n    const configPageId = title.split(\"/\").slice(-1)[0];\n    parent.id = `${configPageId}-config`;\n    containerParent.insertBefore(\n      parent,\n      h.parentElement?.nextElementSibling || null\n    );\n    ReactDOM.render(\n      <ConfigPage id={configPageId} config={config} pageUid={pageUid} />,\n      parent\n    );\n  }\n};\n\nexport const createConfigObserver = async ({\n  title,\n  config,\n}: {\n  title: string;\n  config: Config;\n}): Promise<{ pageUid: string; observer?: MutationObserver }> => {\n  const pageUid =\n    getPageUidByPageTitle(title) ||\n    (await createConfigPage({\n      title,\n      config,\n    }));\n  if (\"tabs\" in config ? !!config.tabs.length : !!config.length) {\n    const observer = createHTMLObserver({\n      className: \"rm-title-display\",\n      tag: \"H1\",\n      callback: (d: HTMLElement) => {\n        const h = d as HTMLHeadingElement;\n        if (h.innerText === title) {\n          render({\n            pageUid,\n            config,\n            title,\n            h,\n          });\n        }\n      },\n    });\n    return {\n      pageUid,\n      observer,\n    };\n  }\n  return {\n    pageUid,\n  };\n};\n\nexport default ConfigPage;\n"]}

package/components/ConfigPanels/BlockPanel.d.ts

@@ -0,0 +1,3 @@
+import type { FieldPanel, BlockField } from "./types";
+declare const BlockPanel: FieldPanel<BlockField>;
+export default BlockPanel;

package/components/ConfigPanels/BlockPanel.js

@@ -0,0 +1,43 @@
+"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 getFirstChildUidByBlockUid_1 = tslib_1.__importDefault(require("../../queries/getFirstChildUidByBlockUid"));
+const idToTitle_1 = tslib_1.__importDefault(require("../../util/idToTitle"));
+const createBlock_1 = tslib_1.__importDefault(require("../../writes/createBlock"));
+const Description_1 = tslib_1.__importDefault(require("../Description"));
+const BlockPanel = ({ uid: initialUid, parentUid, title, defaultValue, description, }) => {
+    const containerRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        if (containerRef.current) {
+            const el = containerRef.current;
+            (initialUid
+                ? Promise.resolve(initialUid)
+                : (0, createBlock_1.default)({ node: { text: title, children: [] }, parentUid }))
+                .then((formatUid) => (0, getFirstChildUidByBlockUid_1.default)(formatUid) ||
+                (0, createBlock_1.default)({
+                    node: defaultValue || { text: " " },
+                    parentUid: formatUid,
+                }))
+                .then((uid) => {
+                window.roamAlphaAPI.ui.components.renderBlock({
+                    uid,
+                    el,
+                });
+            });
+        }
+    }, [containerRef, defaultValue]);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(core_1.Label, null,
+            (0, idToTitle_1.default)(title),
+            react_1.default.createElement(Description_1.default, { description: description })),
+        react_1.default.createElement("div", { ref: containerRef, style: {
+                border: "1px solid #33333333",
+                padding: "8px 0",
+                borderRadius: 4,
+            } })));
+};
+BlockPanel.type = "block";
+exports.default = BlockPanel;
+//# sourceMappingURL=BlockPanel.js.map

package/components/ConfigPanels/BlockPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockPanel.js","sourceRoot":"","sources":["../../../src/components/ConfigPanels/BlockPanel.tsx"],"names":[],"mappings":";;;AAAA,4CAA0C;AAC1C,uDAAiD;AACjD,kHAAkF;AAClF,6EAA6C;AAC7C,mFAAmD;AACnD,yEAAyC;AAGzC,MAAM,UAAU,GAA2B,CAAC,EAC1C,GAAG,EAAE,UAAU,EACf,SAAS,EACT,KAAK,EACL,YAAY,EACZ,WAAW,GACZ,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAClC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,YAAY,CAAC,OAAO,EAAE;YACxB,MAAM,EAAE,GAAG,YAAY,CAAC,OAAO,CAAC;YAChC,CAAC,UAAU;gBACT,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,UAAU,CAAC;gBAC7B,CAAC,CAAC,IAAA,qBAAW,EAAC,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,CAClE;iBACE,IAAI,CACH,CAAC,SAAS,EAAE,EAAE,CACZ,IAAA,oCAA0B,EAAC,SAAS,CAAC;gBACrC,IAAA,qBAAW,EAAC;oBACV,IAAI,EAAE,YAAY,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE;oBACnC,SAAS,EAAE,SAAS;iBACrB,CAAC,CACL;iBACA,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE;gBACZ,MAAM,CAAC,YAAY,CAAC,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC;oBAC5C,GAAG;oBACH,EAAE;iBACH,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;SACN;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC;IACjC,OAAO,CACL;QACE,8BAAC,YAAK;YACH,IAAA,mBAAS,EAAC,KAAK,CAAC;YACjB,8BAAC,qBAAW,IAAC,WAAW,EAAE,WAAW,GAAI,CACnC;QACR,uCACE,GAAG,EAAE,YAAY,EACjB,KAAK,EAAE;gBACL,MAAM,EAAE,qBAAqB;gBAC7B,OAAO,EAAE,OAAO;gBAChB,YAAY,EAAE,CAAC;aAChB,GACI,CACN,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,IAAI,GAAG,OAAO,CAAC;AAE1B,kBAAe,UAAU,CAAC","sourcesContent":["import { Label } from \"@blueprintjs/core\";\nimport React, { useRef, useEffect } from \"react\";\nimport getFirstChildUidByBlockUid from \"../../queries/getFirstChildUidByBlockUid\";\nimport idToTitle from \"../../util/idToTitle\";\nimport createBlock from \"../../writes/createBlock\";\nimport Description from \"../Description\";\nimport type { FieldPanel, BlockField } from \"./types\";\n\nconst BlockPanel: FieldPanel<BlockField> = ({\n  uid: initialUid,\n  parentUid,\n  title,\n  defaultValue,\n  description,\n}) => {\n  const containerRef = useRef(null);\n  useEffect(() => {\n    if (containerRef.current) {\n      const el = containerRef.current;\n      (initialUid\n        ? Promise.resolve(initialUid)\n        : createBlock({ node: { text: title, children: [] }, parentUid })\n      )\n        .then(\n          (formatUid) =>\n            getFirstChildUidByBlockUid(formatUid) ||\n            createBlock({\n              node: defaultValue || { text: \" \" },\n              parentUid: formatUid,\n            })\n        )\n        .then((uid) => {\n          window.roamAlphaAPI.ui.components.renderBlock({\n            uid,\n            el,\n          });\n        });\n    }\n  }, [containerRef, defaultValue]);\n  return (\n    <>\n      <Label>\n        {idToTitle(title)}\n        <Description description={description} />\n      </Label>\n      <div\n        ref={containerRef}\n        style={{\n          border: \"1px solid #33333333\",\n          padding: \"8px 0\",\n          borderRadius: 4,\n        }}\n      ></div>\n    </>\n  );\n};\n\nBlockPanel.type = \"block\";\n\nexport default BlockPanel;\n"]}

package/components/ConfigPanels/BlocksPanel.d.ts

@@ -0,0 +1,3 @@
+import type { FieldPanel, BlocksField } from "./types";
+declare const BlocksPanel: FieldPanel<BlocksField>;
+export default BlocksPanel;

package/components/ConfigPanels/BlocksPanel.js

@@ -0,0 +1,69 @@
+"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 getFirstChildUidByBlockUid_1 = tslib_1.__importDefault(require("../../queries/getFirstChildUidByBlockUid"));
+const idToTitle_1 = tslib_1.__importDefault(require("../../util/idToTitle"));
+const createBlock_1 = tslib_1.__importDefault(require("../../writes/createBlock"));
+const Description_1 = tslib_1.__importDefault(require("../Description"));
+const BlocksPanel = ({ uid: initialUid, parentUid, title, defaultValue, description, }) => {
+    const containerRef = (0, react_1.useRef)(null);
+    const [navUid, setNavUid] = (0, react_1.useState)(initialUid || parentUid);
+    (0, react_1.useEffect)(() => {
+        if (containerRef.current) {
+            const el = containerRef.current;
+            (initialUid
+                ? Promise.resolve(initialUid)
+                : (0, createBlock_1.default)({ node: { text: title, children: [] }, parentUid }).then((uid) => {
+                    setNavUid(uid);
+                    return uid;
+                }))
+                .then((formatUid) => (0, getFirstChildUidByBlockUid_1.default)(formatUid)
+                ? formatUid
+                : ((defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.length)
+                    ? Promise.all(defaultValue.map((node, order) => (0, createBlock_1.default)({
+                        node,
+                        parentUid: formatUid,
+                        order,
+                    })))
+                    : (0, createBlock_1.default)({
+                        node: { text: " " },
+                        parentUid: formatUid,
+                    })).then(() => formatUid))
+                .then((uid) => {
+                window.roamAlphaAPI.ui.components.renderBlock({
+                    uid,
+                    el,
+                });
+            });
+        }
+    }, [containerRef, defaultValue, setNavUid]);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(core_1.Label, null,
+            (0, idToTitle_1.default)(title),
+            react_1.default.createElement(Description_1.default, { description: description }),
+            react_1.default.createElement(core_1.Tooltip, { content: "Click here to edit these blocks directly" },
+                react_1.default.createElement(core_1.Button, { icon: "link", minimal: true, onClick: () => window.roamAlphaAPI.ui.mainWindow.openBlock({
+                        block: { uid: navUid },
+                    }) }))),
+        react_1.default.createElement("style", null, `.roamjs-config-blocks > div > .rm-block-main {
+    display: none;
+  }
+  
+  .roamjs-config-blocks > div > .rm-block-children > .rm-multibar {
+    display: none;
+  }
+  
+  .roamjs-config-blocks > div > .rm-block-children {
+    margin-left: -4px;
+  }`),
+        react_1.default.createElement("div", { ref: containerRef, style: {
+                border: "1px solid #33333333",
+                padding: "8px 0",
+                borderRadius: 4,
+            }, className: "roamjs-config-blocks" })));
+};
+BlocksPanel.type = "blocks";
+exports.default = BlocksPanel;
+//# sourceMappingURL=BlocksPanel.js.map

package/components/ConfigPanels/BlocksPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlocksPanel.js","sourceRoot":"","sources":["../../../src/components/ConfigPanels/BlocksPanel.tsx"],"names":[],"mappings":";;;AAAA,4CAA2D;AAC3D,uDAA2D;AAC3D,kHAAkF;AAClF,6EAA6C;AAC7C,mFAAmD;AACnD,yEAAyC;AAGzC,MAAM,WAAW,GAA4B,CAAC,EAC5C,GAAG,EAAE,UAAU,EACf,SAAS,EACT,KAAK,EACL,YAAY,EACZ,WAAW,GACZ,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAClC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,UAAU,IAAI,SAAS,CAAC,CAAC;IAC9D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,YAAY,CAAC,OAAO,EAAE;YACxB,MAAM,EAAE,GAAG,YAAY,CAAC,OAAO,CAAC;YAChC,CAAC,UAAU;gBACT,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,UAAU,CAAC;gBAC7B,CAAC,CAAC,IAAA,qBAAW,EAAC,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,CAAC,IAAI,CAClE,CAAC,GAAG,EAAE,EAAE;oBACN,SAAS,CAAC,GAAG,CAAC,CAAC;oBACf,OAAO,GAAG,CAAC;gBACb,CAAC,CACF,CACJ;iBACE,IAAI,CAAC,CAAC,SAAS,EAAE,EAAE,CAClB,IAAA,oCAA0B,EAAC,SAAS,CAAC;gBACnC,CAAC,CAAC,SAAS;gBACX,CAAC,CAAC,CAAC,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,MAAM;oBACnB,CAAC,CAAC,OAAO,CAAC,GAAG,CACT,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAC/B,IAAA,qBAAW,EAAC;wBACV,IAAI;wBACJ,SAAS,EAAE,SAAS;wBACpB,KAAK;qBACN,CAAC,CACH,CACF;oBACH,CAAC,CAAC,IAAA,qBAAW,EAAC;wBACV,IAAI,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE;wBACnB,SAAS,EAAE,SAAS;qBACrB,CAAC,CACL,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,CAC5B;iBACA,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE;gBACZ,MAAM,CAAC,YAAY,CAAC,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC;oBAC5C,GAAG;oBACH,EAAE;iBACH,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;SACN;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,SAAS,CAAC,CAAC,CAAC;IAC5C,OAAO,CACL;QACE,8BAAC,YAAK;YACH,IAAA,mBAAS,EAAC,KAAK,CAAC;YACjB,8BAAC,qBAAW,IAAC,WAAW,EAAE,WAAW,GAAI;YACzC,8BAAC,cAAO,IAAC,OAAO,EAAE,0CAA0C;gBAC1D,8BAAC,aAAM,IACL,IAAI,EAAE,MAAM,EACZ,OAAO,QACP,OAAO,EAAE,GAAG,EAAE,CACZ,MAAM,CAAC,YAAY,CAAC,EAAE,CAAC,UAAU,CAAC,SAAS,CAAC;wBAC1C,KAAK,EAAE,EAAE,GAAG,EAAE,MAAM,EAAE;qBACvB,CAAC,GAEJ,CACM,CACJ;QACR,6CAAQ;;;;;;;;;;IAUV,CAAS;QACP,uCACE,GAAG,EAAE,YAAY,EACjB,KAAK,EAAE;gBACL,MAAM,EAAE,qBAAqB;gBAC7B,OAAO,EAAE,OAAO;gBAChB,YAAY,EAAE,CAAC;aAChB,EACD,SAAS,EAAE,sBAAsB,GAC5B,CACN,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,IAAI,GAAG,QAAQ,CAAC;AAE5B,kBAAe,WAAW,CAAC","sourcesContent":["import { Button, Label, Tooltip } from \"@blueprintjs/core\";\nimport React, { useEffect, useRef, useState } from \"react\";\nimport getFirstChildUidByBlockUid from \"../../queries/getFirstChildUidByBlockUid\";\nimport idToTitle from \"../../util/idToTitle\";\nimport createBlock from \"../../writes/createBlock\";\nimport Description from \"../Description\";\nimport type { FieldPanel, BlocksField } from \"./types\";\n\nconst BlocksPanel: FieldPanel<BlocksField> = ({\n  uid: initialUid,\n  parentUid,\n  title,\n  defaultValue,\n  description,\n}) => {\n  const containerRef = useRef(null);\n  const [navUid, setNavUid] = useState(initialUid || parentUid);\n  useEffect(() => {\n    if (containerRef.current) {\n      const el = containerRef.current;\n      (initialUid\n        ? Promise.resolve(initialUid)\n        : createBlock({ node: { text: title, children: [] }, parentUid }).then(\n            (uid) => {\n              setNavUid(uid);\n              return uid;\n            }\n          )\n      )\n        .then((formatUid) =>\n          getFirstChildUidByBlockUid(formatUid)\n            ? formatUid\n            : (defaultValue?.length\n                ? Promise.all(\n                    defaultValue.map((node, order) =>\n                      createBlock({\n                        node,\n                        parentUid: formatUid,\n                        order,\n                      })\n                    )\n                  )\n                : createBlock({\n                    node: { text: \" \" },\n                    parentUid: formatUid,\n                  })\n              ).then(() => formatUid)\n        )\n        .then((uid) => {\n          window.roamAlphaAPI.ui.components.renderBlock({\n            uid,\n            el,\n          });\n        });\n    }\n  }, [containerRef, defaultValue, setNavUid]);\n  return (\n    <>\n      <Label>\n        {idToTitle(title)}\n        <Description description={description} />\n        <Tooltip content={\"Click here to edit these blocks directly\"}>\n          <Button\n            icon={\"link\"}\n            minimal\n            onClick={() =>\n              window.roamAlphaAPI.ui.mainWindow.openBlock({\n                block: { uid: navUid },\n              })\n            }\n          />\n        </Tooltip>\n      </Label>\n      <style>{`.roamjs-config-blocks > div > .rm-block-main {\n    display: none;\n  }\n  \n  .roamjs-config-blocks > div > .rm-block-children > .rm-multibar {\n    display: none;\n  }\n  \n  .roamjs-config-blocks > div > .rm-block-children {\n    margin-left: -4px;\n  }`}</style>\n      <div\n        ref={containerRef}\n        style={{\n          border: \"1px solid #33333333\",\n          padding: \"8px 0\",\n          borderRadius: 4,\n        }}\n        className={\"roamjs-config-blocks\"}\n      ></div>\n    </>\n  );\n};\n\nBlocksPanel.type = \"blocks\";\n\nexport default BlocksPanel;\n"]}

package/components/ConfigPanels/CustomPanel.d.ts

@@ -0,0 +1,3 @@
+import type { FieldPanel, CustomField } from "./types";
+declare const CustomPanel: FieldPanel<CustomField>;
+export default CustomPanel;

package/components/ConfigPanels/CustomPanel.js

@@ -0,0 +1,25 @@
+"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 idToTitle_1 = tslib_1.__importDefault(require("../../util/idToTitle"));
+const createBlock_1 = tslib_1.__importDefault(require("../../writes/createBlock"));
+const Description_1 = tslib_1.__importDefault(require("../Description"));
+const CustomPanel = ({ description, title, uid: inputUid, options: { component: Component }, parentUid, defaultValue = [], order, }) => {
+    const uid = (0, react_1.useMemo)(() => {
+        if (inputUid)
+            return inputUid;
+        const newUid = window.roamAlphaAPI.util.generateUID();
+        (0, createBlock_1.default)({ node: { text: title, uid: newUid }, parentUid, order });
+        return newUid;
+    }, [inputUid]);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(core_1.Label, null,
+            (0, idToTitle_1.default)(title),
+            react_1.default.createElement(Description_1.default, { description: description })),
+        react_1.default.createElement(Component, { uid: uid, parentUid: parentUid, title: title, defaultValue: defaultValue })));
+};
+CustomPanel.type = "custom";
+exports.default = CustomPanel;
+//# sourceMappingURL=CustomPanel.js.map

package/components/ConfigPanels/CustomPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomPanel.js","sourceRoot":"","sources":["../../../src/components/ConfigPanels/CustomPanel.tsx"],"names":[],"mappings":";;;AAAA,4CAA0C;AAC1C,uDAAuC;AACvC,6EAA6C;AAC7C,mFAAmD;AACnD,yEAAyC;AAGzC,MAAM,WAAW,GAA4B,CAAC,EAC5C,WAAW,EACX,KAAK,EACL,GAAG,EAAE,QAAQ,EACb,OAAO,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,EACjC,SAAS,EACT,YAAY,GAAG,EAAE,EACjB,KAAK,GACN,EAAE,EAAE;IACH,MAAM,GAAG,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACvB,IAAI,QAAQ;YAAE,OAAO,QAAQ,CAAC;QAC9B,MAAM,MAAM,GAAG,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;QACtD,IAAA,qBAAW,EAAC,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC;QACtE,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IACf,OAAO,CACL;QACE,8BAAC,YAAK;YACH,IAAA,mBAAS,EAAC,KAAK,CAAC;YACjB,8BAAC,qBAAW,IAAC,WAAW,EAAE,WAAW,GAAI,CACnC;QACR,8BAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,GAC1B,CACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,IAAI,GAAG,QAAQ,CAAC;AAE5B,kBAAe,WAAW,CAAC","sourcesContent":["import { Label } from \"@blueprintjs/core\";\nimport React, { useMemo } from \"react\";\nimport idToTitle from \"../../util/idToTitle\";\nimport createBlock from \"../../writes/createBlock\";\nimport Description from \"../Description\";\nimport type { FieldPanel, CustomField } from \"./types\";\n\nconst CustomPanel: FieldPanel<CustomField> = ({\n  description,\n  title,\n  uid: inputUid,\n  options: { component: Component },\n  parentUid,\n  defaultValue = [],\n  order,\n}) => {\n  const uid = useMemo(() => {\n    if (inputUid) return inputUid;\n    const newUid = window.roamAlphaAPI.util.generateUID();\n    createBlock({ node: { text: title, uid: newUid }, parentUid, order });\n    return newUid;\n  }, [inputUid]);\n  return (\n    <>\n      <Label>\n        {idToTitle(title)}\n        <Description description={description} />\n      </Label>\n      <Component\n        uid={uid}\n        parentUid={parentUid}\n        title={title}\n        defaultValue={defaultValue}\n      />\n    </>\n  );\n};\n\nCustomPanel.type = \"custom\";\n\nexport default CustomPanel;\n"]}

package/components/ConfigPanels/FlagPanel.d.ts

@@ -0,0 +1,3 @@
+import type { FieldPanel, FlagField } from "./types";
+declare const FlagPanel: FieldPanel<FlagField>;
+export default FlagPanel;

package/components/ConfigPanels/FlagPanel.js

@@ -0,0 +1,32 @@
+"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 idToTitle_1 = tslib_1.__importDefault(require("../../util/idToTitle"));
+const Description_1 = tslib_1.__importDefault(require("../Description"));
+const FlagPanel = ({ title, uid: initialUid, parentUid, order, description, options = {}, disabled = false, }) => {
+    const [uid, setUid] = (0, react_1.useState)(initialUid);
+    return (react_1.default.createElement(core_1.Checkbox, { checked: !!uid, disabled: disabled, onChange: (e) => {
+            var _a;
+            const { checked } = e.target;
+            if (checked) {
+                const newUid = window.roamAlphaAPI.util.generateUID();
+                window.roamAlphaAPI.createBlock({
+                    block: { string: title, uid: newUid },
+                    location: { order, "parent-uid": parentUid },
+                });
+                setTimeout(() => setUid(newUid), 1);
+            }
+            else {
+                window.roamAlphaAPI.deleteBlock({ block: { uid } });
+                setUid("");
+            }
+            (_a = options.onChange) === null || _a === void 0 ? void 0 : _a.call(options, checked, e);
+        }, labelElement: react_1.default.createElement(react_1.default.Fragment, null,
+            (0, idToTitle_1.default)(title),
+            react_1.default.createElement(Description_1.default, { description: description })) }));
+};
+FlagPanel.type = "flag";
+exports.default = FlagPanel;
+//# sourceMappingURL=FlagPanel.js.map

package/components/ConfigPanels/FlagPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlagPanel.js","sourceRoot":"","sources":["../../../src/components/ConfigPanels/FlagPanel.tsx"],"names":[],"mappings":";;;AAAA,4CAA6C;AAC7C,uDAAwC;AACxC,6EAA6C;AAC7C,yEAAyC;AAGzC,MAAM,SAAS,GAA0B,CAAC,EACxC,KAAK,EACL,GAAG,EAAE,UAAU,EACf,SAAS,EACT,KAAK,EACL,WAAW,EACX,OAAO,GAAG,EAAE,EACZ,QAAQ,GAAG,KAAK,GACjB,EAAE,EAAE;IACH,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,IAAA,gBAAQ,EAAC,UAAU,CAAC,CAAC;IAC3C,OAAO,CACL,8BAAC,eAAQ,IACP,OAAO,EAAE,CAAC,CAAC,GAAG,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;;YACd,MAAM,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC,MAA0B,CAAC;YACjD,IAAI,OAAO,EAAE;gBACX,MAAM,MAAM,GAAG,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;gBACtD,MAAM,CAAC,YAAY,CAAC,WAAW,CAAC;oBAC9B,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE;oBACrC,QAAQ,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE;iBAC7C,CAAC,CAAC;gBACH,UAAU,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC;aACrC;iBAAM;gBACL,MAAM,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC;gBACpD,MAAM,CAAC,EAAE,CAAC,CAAC;aACZ;YACD,MAAA,OAAO,CAAC,QAAQ,wDAAG,OAAO,EAAE,CAAC,CAAC,CAAC;QACjC,CAAC,EACD,YAAY,EACV;YACG,IAAA,mBAAS,EAAC,KAAK,CAAC;YACjB,8BAAC,qBAAW,IAAC,WAAW,EAAE,WAAW,GAAI,CACxC,GAEL,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,CAAC,IAAI,GAAG,MAAM,CAAC;AAExB,kBAAe,SAAS,CAAC","sourcesContent":["import { Checkbox } from \"@blueprintjs/core\";\nimport React, { useState } from \"react\";\nimport idToTitle from \"../../util/idToTitle\";\nimport Description from \"../Description\";\nimport type { FieldPanel, FlagField } from \"./types\";\n\nconst FlagPanel: FieldPanel<FlagField> = ({\n  title,\n  uid: initialUid,\n  parentUid,\n  order,\n  description,\n  options = {},\n  disabled = false,\n}) => {\n  const [uid, setUid] = useState(initialUid);\n  return (\n    <Checkbox\n      checked={!!uid}\n      disabled={disabled}\n      onChange={(e) => {\n        const { checked } = e.target as HTMLInputElement;\n        if (checked) {\n          const newUid = window.roamAlphaAPI.util.generateUID();\n          window.roamAlphaAPI.createBlock({\n            block: { string: title, uid: newUid },\n            location: { order, \"parent-uid\": parentUid },\n          });\n          setTimeout(() => setUid(newUid), 1);\n        } else {\n          window.roamAlphaAPI.deleteBlock({ block: { uid } });\n          setUid(\"\");\n        }\n        options.onChange?.(checked, e);\n      }}\n      labelElement={\n        <>\n          {idToTitle(title)}\n          <Description description={description} />\n        </>\n      }\n    />\n  );\n};\n\nFlagPanel.type = \"flag\";\n\nexport default FlagPanel;\n"]}

package/components/ConfigPanels/MultiChildPanel.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { FieldPanel, ArrayField } from "./types";
+declare const MultiChildPanel: FieldPanel<ArrayField, {
+    InputComponent: (props: {
+        value: string;
+        setValue: (s: string) => void;
+    }) => React.ReactElement;
+}>;
+export default MultiChildPanel;

package/components/ConfigPanels/MultiChildPanel.js

@@ -0,0 +1,59 @@
+"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 getShallowTreeByParentUid_1 = tslib_1.__importDefault(require("../../queries/getShallowTreeByParentUid"));
+const idToTitle_1 = tslib_1.__importDefault(require("../../util/idToTitle"));
+const Description_1 = tslib_1.__importDefault(require("../Description"));
+const MultiChildPanel = ({ uid: initialUid, title, description, order, parentUid, InputComponent, }) => {
+    const [uid, setUid] = (0, react_1.useState)(initialUid);
+    const [texts, setTexts] = (0, react_1.useState)(() => uid ? (0, getShallowTreeByParentUid_1.default)(uid) : []);
+    const [value, setValue] = (0, react_1.useState)("");
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(core_1.Label, null,
+            (0, idToTitle_1.default)(title),
+            react_1.default.createElement(Description_1.default, { description: description }),
+            react_1.default.createElement("div", { style: { display: "flex" } },
+                react_1.default.createElement(InputComponent, { value: value, setValue: setValue }),
+                react_1.default.createElement(core_1.Button, { icon: "plus", minimal: true, disabled: !value, onClick: () => {
+                        const valueUid = window.roamAlphaAPI.util.generateUID();
+                        if (uid) {
+                            window.roamAlphaAPI.createBlock({
+                                location: { "parent-uid": uid, order: texts.length },
+                                block: { string: value, uid: valueUid },
+                            });
+                        }
+                        else {
+                            const newUid = window.roamAlphaAPI.util.generateUID();
+                            window.roamAlphaAPI.createBlock({
+                                block: { string: title, uid: newUid },
+                                location: { order, "parent-uid": parentUid },
+                            });
+                            setTimeout(() => setUid(newUid));
+                            window.roamAlphaAPI.createBlock({
+                                block: { string: value, uid: valueUid },
+                                location: { order: 0, "parent-uid": newUid },
+                            });
+                        }
+                        setTexts([...texts, { text: value, uid: valueUid }]);
+                        setValue("");
+                    } }))),
+        texts.map((p) => (react_1.default.createElement("div", { key: p.uid, style: {
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "space-between",
+            } },
+            react_1.default.createElement("span", { style: {
+                    textOverflow: "ellipsis",
+                    whiteSpace: "nowrap",
+                    overflow: "hidden",
+                } }, p.text),
+            react_1.default.createElement(core_1.Button, { icon: "trash", minimal: true, onClick: () => {
+                    window.roamAlphaAPI.deleteBlock({ block: { uid: p.uid } });
+                    setTexts(texts.filter((f) => f.uid !== p.uid));
+                } }))))));
+};
+MultiChildPanel.type = "custom";
+exports.default = MultiChildPanel;
+//# sourceMappingURL=MultiChildPanel.js.map

package/components/ConfigPanels/MultiChildPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiChildPanel.js","sourceRoot":"","sources":["../../../src/components/ConfigPanels/MultiChildPanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Button, Label } from \"@blueprintjs/core\";\nimport React, { useState } from \"react\";\nimport getShallowTreeByParentUid from \"../../queries/getShallowTreeByParentUid\";\nimport idToTitle from \"../../util/idToTitle\";\nimport Description from \"../Description\";\nimport type { FieldPanel, ArrayField } from \"./types\";\n\nconst MultiChildPanel: FieldPanel<\n  ArrayField,\n  {\n    InputComponent: (props: {\n      value: string;\n      setValue: (s: string) => void;\n    }) => React.ReactElement;\n  }\n> = ({\n  uid: initialUid,\n  title,\n  description,\n  order,\n  parentUid,\n  InputComponent,\n}) => {\n  const [uid, setUid] = useState(initialUid);\n  const [texts, setTexts] = useState(() =>\n    uid ? getShallowTreeByParentUid(uid) : []\n  );\n  const [value, setValue] = useState(\"\");\n  return (\n    <>\n      <Label>\n        {idToTitle(title)}\n        <Description description={description} />\n        <div style={{ display: \"flex\" }}>\n          <InputComponent value={value} setValue={setValue} />\n          <Button\n            icon={\"plus\"}\n            minimal\n            disabled={!value}\n            onClick={() => {\n              const valueUid = window.roamAlphaAPI.util.generateUID();\n              if (uid) {\n                window.roamAlphaAPI.createBlock({\n                  location: { \"parent-uid\": uid, order: texts.length },\n                  block: { string: value, uid: valueUid },\n                });\n              } else {\n                const newUid = window.roamAlphaAPI.util.generateUID();\n                window.roamAlphaAPI.createBlock({\n                  block: { string: title, uid: newUid },\n                  location: { order, \"parent-uid\": parentUid },\n                });\n                setTimeout(() => setUid(newUid));\n                window.roamAlphaAPI.createBlock({\n                  block: { string: value, uid: valueUid },\n                  location: { order: 0, \"parent-uid\": newUid },\n                });\n              }\n              setTexts([...texts, { text: value, uid: valueUid }]);\n              setValue(\"\");\n            }}\n          />\n        </div>\n      </Label>\n      {texts.map((p) => (\n        <div\n          key={p.uid}\n          style={{\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"space-between\",\n          }}\n        >\n          <span\n            style={{\n              textOverflow: \"ellipsis\",\n              whiteSpace: \"nowrap\",\n              overflow: \"hidden\",\n            }}\n          >\n            {p.text}\n          </span>\n          <Button\n            icon={\"trash\"}\n            minimal\n            onClick={() => {\n              window.roamAlphaAPI.deleteBlock({ block: { uid: p.uid } });\n              setTexts(texts.filter((f) => f.uid !== p.uid));\n            }}\n          />\n        </div>\n      ))}\n    </>\n  );\n};\n\nMultiChildPanel.type = \"custom\";\n\nexport default MultiChildPanel;\n"]}

package/components/ConfigPanels/MultiTextPanel.d.ts

@@ -0,0 +1,3 @@
+import type { FieldPanel, MultiTextField } from "./types";
+declare const MultiTextPanel: FieldPanel<MultiTextField>;
+export default MultiTextPanel;

package/components/ConfigPanels/MultiTextPanel.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const core_1 = require("@blueprintjs/core");
+const react_1 = tslib_1.__importDefault(require("react"));
+const MultiChildPanel_1 = tslib_1.__importDefault(require("./MultiChildPanel"));
+const MultiTextPanel = (props) => {
+    return (react_1.default.createElement(MultiChildPanel_1.default, Object.assign({}, props, { InputComponent: ({ value, setValue }) => {
+            var _a;
+            return (react_1.default.createElement(core_1.InputGroup, { value: value, onChange: (e) => setValue(e.target.value), placeholder: (_a = props.options) === null || _a === void 0 ? void 0 : _a.placeholder }));
+        } })));
+};
+MultiTextPanel.type = "multitext";
+exports.default = MultiTextPanel;
+//# sourceMappingURL=MultiTextPanel.js.map

package/components/ConfigPanels/MultiTextPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiTextPanel.js","sourceRoot":"","sources":["../../../src/components/ConfigPanels/MultiTextPanel.tsx"],"names":[],"mappings":";;;AAAA,4CAA+C;AAC/C,0DAA0B;AAC1B,gFAAgD;AAGhD,MAAM,cAAc,GAA+B,CAAC,KAAK,EAAE,EAAE;IAC3D,OAAO,CACL,8BAAC,yBAAe,oBACV,KAAK,IACT,cAAc,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;;YAAC,OAAA,CACvC,8BAAC,iBAAU,IACT,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,WAAW,EAAE,MAAA,KAAK,CAAC,OAAO,0CAAE,WAAW,GACvC,CACH,CAAA;SAAA,IACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CAAC,IAAI,GAAG,WAAW,CAAC;AAElC,kBAAe,cAAc,CAAC","sourcesContent":["import { InputGroup } from \"@blueprintjs/core\";\nimport React from \"react\";\nimport MultiChildPanel from \"./MultiChildPanel\";\nimport type { FieldPanel, MultiTextField } from \"./types\";\n\nconst MultiTextPanel: FieldPanel<MultiTextField> = (props) => {\n  return (\n    <MultiChildPanel\n      {...props}\n      InputComponent={({ value, setValue }) => (\n        <InputGroup\n          value={value}\n          onChange={(e) => setValue(e.target.value)}\n          placeholder={props.options?.placeholder}\n        />\n      )}\n    />\n  );\n};\n\nMultiTextPanel.type = \"multitext\";\n\nexport default MultiTextPanel;\n"]}

package/components/ConfigPanels/NumberPanel.d.ts

@@ -0,0 +1,3 @@
+import { FieldPanel, NumberField } from "./types";
+declare const NumberPanel: FieldPanel<NumberField>;
+export default NumberPanel;

package/components/ConfigPanels/NumberPanel.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const core_1 = require("@blueprintjs/core");
+const react_1 = tslib_1.__importDefault(require("react"));
+const idToTitle_1 = tslib_1.__importDefault(require("../../util/idToTitle"));
+const Description_1 = tslib_1.__importDefault(require("../Description"));
+const useSingleChildValue_1 = tslib_1.__importDefault(require("./useSingleChildValue"));
+const NumberPanel = ({ title, uid, parentUid, order, description, defaultValue = 0, }) => {
+    const { value, onChange } = (0, useSingleChildValue_1.default)({
+        defaultValue,
+        title,
+        uid,
+        parentUid,
+        order,
+        transform: parseInt,
+        toStr: (v) => `${v}`,
+    });
+    return (react_1.default.createElement(core_1.Label, null,
+        (0, idToTitle_1.default)(title),
+        react_1.default.createElement(Description_1.default, { description: description }),
+        react_1.default.createElement(core_1.NumericInput, { value: value, onValueChange: onChange })));
+};
+NumberPanel.type = "number";
+exports.default = NumberPanel;
+//# sourceMappingURL=NumberPanel.js.map

package/components/ConfigPanels/NumberPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberPanel.js","sourceRoot":"","sources":["../../../src/components/ConfigPanels/NumberPanel.tsx"],"names":[],"mappings":";;;AAAA,4CAAwD;AACxD,0DAA0B;AAC1B,6EAA6C;AAC7C,yEAAyC;AAEzC,wFAAwD;AAExD,MAAM,WAAW,GAA4B,CAAC,EAC5C,KAAK,EACL,GAAG,EACH,SAAS,EACT,KAAK,EACL,WAAW,EACX,YAAY,GAAG,CAAC,GACjB,EAAE,EAAE;IACH,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAA,6BAAmB,EAAC;QAC9C,YAAY;QACZ,KAAK;QACL,GAAG;QACH,SAAS;QACT,KAAK;QACL,SAAS,EAAE,QAAQ;QACnB,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE;KACrB,CAAC,CAAC;IACH,OAAO,CACL,8BAAC,YAAK;QACH,IAAA,mBAAS,EAAC,KAAK,CAAC;QACjB,8BAAC,qBAAW,IAAC,WAAW,EAAE,WAAW,GAAI;QACzC,8BAAC,mBAAY,IAAC,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,GAAI,CACjD,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,IAAI,GAAG,QAAQ,CAAC;AAE5B,kBAAe,WAAW,CAAC","sourcesContent":["import { Label, NumericInput } from \"@blueprintjs/core\";\nimport React from \"react\";\nimport idToTitle from \"../../util/idToTitle\";\nimport Description from \"../Description\";\nimport { FieldPanel, NumberField } from \"./types\";\nimport useSingleChildValue from \"./useSingleChildValue\";\n\nconst NumberPanel: FieldPanel<NumberField> = ({\n  title,\n  uid,\n  parentUid,\n  order,\n  description,\n  defaultValue = 0,\n}) => {\n  const { value, onChange } = useSingleChildValue({\n    defaultValue,\n    title,\n    uid,\n    parentUid,\n    order,\n    transform: parseInt,\n    toStr: (v) => `${v}`,\n  });\n  return (\n    <Label>\n      {idToTitle(title)}\n      <Description description={description} />\n      <NumericInput value={value} onValueChange={onChange} />\n    </Label>\n  );\n};\n\nNumberPanel.type = \"number\";\n\nexport default NumberPanel;\n"]}

package/components/ConfigPanels/OauthPanel.d.ts

@@ -0,0 +1,3 @@
+import type { OauthField, FieldPanel } from "./types";
+declare const OauthPanel: FieldPanel<OauthField>;
+export default OauthPanel;