roamjs-components 0.85.2 → 0.85.3

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":"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","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;

package/components/ConfigPanels/OauthPanel.js

@@ -0,0 +1,82 @@
+"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 getBasicTreeByParentUid_1 = tslib_1.__importDefault(require("../../queries/getBasicTreeByParentUid"));
+const getShallowTreeByParentUid_1 = tslib_1.__importDefault(require("../../queries/getShallowTreeByParentUid"));
+const localStorageGet_1 = tslib_1.__importDefault(require("../../util/localStorageGet"));
+const localStorageRemove_1 = tslib_1.__importDefault(require("../../util/localStorageRemove"));
+const localStorageSet_1 = require("../../util/localStorageSet");
+const deleteBlock_1 = tslib_1.__importDefault(require("../../writes/deleteBlock"));
+const Description_1 = tslib_1.__importDefault(require("../Description"));
+const ExternalLogin_1 = tslib_1.__importDefault(require("../ExternalLogin"));
+const OauthPanel = ({ uid, parentUid, options }) => {
+    const key = `oauth-${options.service}`;
+    const [useLocal, setUseLocal] = (0, react_1.useState)(!!(0, localStorageGet_1.default)(key));
+    const [accounts, setAccounts] = (0, react_1.useState)(() => useLocal
+        ? JSON.parse((0, localStorageGet_1.default)(key))
+        : uid
+            ? (0, getBasicTreeByParentUid_1.default)(uid).map((v) => {
+                var _a, _b;
+                return ({
+                    text: ((_a = v.children[0]) === null || _a === void 0 ? void 0 : _a.text) ? v.text : "Default Account",
+                    uid: v.uid,
+                    data: ((_b = v.children[0]) === null || _b === void 0 ? void 0 : _b.text) || v.text,
+                });
+            })
+            : []);
+    const onCheck = (0, react_1.useCallback)((e) => {
+        const checked = e.target.checked;
+        setUseLocal(checked);
+        if (checked) {
+            if (uid) {
+                (0, getShallowTreeByParentUid_1.default)(uid).forEach(({ uid: u }) => (0, deleteBlock_1.default)(u));
+            }
+            (0, localStorageSet_1.localStorageSet)(key, JSON.stringify(accounts));
+        }
+        else {
+            (0, localStorageRemove_1.default)(key);
+            if (uid) {
+                accounts.forEach(({ text, uid: u, data }, order) => {
+                    window.roamAlphaAPI.createBlock({
+                        location: { "parent-uid": uid, order },
+                        block: { string: text, uid: u },
+                    });
+                    window.roamAlphaAPI.createBlock({
+                        location: { "parent-uid": u, order: 0 },
+                        block: { string: data },
+                    });
+                });
+            }
+        }
+    }, [setUseLocal, accounts, uid, key]);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(core_1.Checkbox, { labelElement: react_1.default.createElement(react_1.default.Fragment, null,
+                "Store Locally",
+                react_1.default.createElement(Description_1.default, { description: "If checked, sensitive authentication data will be stored locally on your machine and will require re-logging in per device. If unchecked, sensitive authentication data will be stored in your Roam Graph." })), checked: useLocal, onChange: onCheck }),
+        react_1.default.createElement(ExternalLogin_1.default, Object.assign({ useLocal: useLocal, onSuccess: (acc) => setAccounts([...accounts, acc]), parentUid: parentUid, loggedIn: !!accounts.length }, options)),
+        !!accounts.length && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement("h5", { style: { marginTop: 8 } }, "Accounts"),
+            react_1.default.createElement("hr", null),
+            react_1.default.createElement("ul", { style: { marginTop: 8, padding: 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: () => {
+                        if (useLocal) {
+                            const accts = JSON.parse((0, localStorageGet_1.default)(key));
+                            (0, localStorageSet_1.localStorageSet)(key, JSON.stringify(accts.filter((a) => act.uid !== a.uid)));
+                        }
+                        else {
+                            (0, deleteBlock_1.default)(act.uid);
+                        }
+                        setAccounts(accounts.filter((a) => act.uid !== a.uid));
+                    } })))))))));
+};
+OauthPanel.type = "oauth";
+exports.default = OauthPanel;
+//# sourceMappingURL=OauthPanel.js.map

package/components/ConfigPanels/OauthPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OauthPanel.js","sourceRoot":"","sources":["../../../src/components/ConfigPanels/OauthPanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Button, Checkbox } from \"@blueprintjs/core\";\nimport React, { useCallback, useState } from \"react\";\nimport getBasicTreeByParentUid from \"../../queries/getBasicTreeByParentUid\";\nimport getShallowTreeByParentUid from \"../../queries/getShallowTreeByParentUid\";\nimport localStorageGet from \"../../util/localStorageGet\";\nimport localStorageRemove from \"../../util/localStorageRemove\";\nimport { localStorageSet } from \"../../util/localStorageSet\";\nimport deleteBlock from \"../../writes/deleteBlock\";\nimport Description from \"../Description\";\nimport ExternalLogin from \"../ExternalLogin\";\nimport type { OauthField, FieldPanel } from \"./types\";\n\nconst OauthPanel: FieldPanel<OauthField> = ({ uid, parentUid, options }) => {\n  const key = `oauth-${options.service}`;\n  const [useLocal, setUseLocal] = useState(!!localStorageGet(key));\n  const [accounts, setAccounts] = useState<\n    { text: string; uid: string; data: string }[]\n  >(() =>\n    useLocal\n      ? JSON.parse(localStorageGet(key) as string)\n      : uid\n      ? getBasicTreeByParentUid(uid).map((v) => ({\n          text: v.children[0]?.text ? v.text : \"Default Account\",\n          uid: v.uid,\n          data: v.children[0]?.text || v.text,\n        }))\n      : []\n  );\n  const onCheck = useCallback(\n    (e) => {\n      const checked = (e.target as HTMLInputElement).checked;\n      setUseLocal(checked);\n      if (checked) {\n        if (uid) {\n          getShallowTreeByParentUid(uid).forEach(({ uid: u }) =>\n            deleteBlock(u)\n          );\n        }\n        localStorageSet(key, JSON.stringify(accounts));\n      } else {\n        localStorageRemove(key);\n        if (uid) {\n          accounts.forEach(({ text, uid: u, data }, order) => {\n            window.roamAlphaAPI.createBlock({\n              location: { \"parent-uid\": uid, order },\n              block: { string: text, uid: u },\n            });\n            window.roamAlphaAPI.createBlock({\n              location: { \"parent-uid\": u, order: 0 },\n              block: { string: data },\n            });\n          });\n        }\n      }\n    },\n    [setUseLocal, accounts, uid, key]\n  );\n  return (\n    <>\n      <Checkbox\n        labelElement={\n          <>\n            Store Locally\n            <Description\n              description={\n                \"If checked, sensitive authentication data will be stored locally on your machine and will require re-logging in per device. If unchecked, sensitive authentication data will be stored in your Roam Graph.\"\n              }\n            />\n          </>\n        }\n        checked={useLocal}\n        onChange={onCheck}\n      />\n      <ExternalLogin\n        useLocal={useLocal}\n        onSuccess={(acc) => setAccounts([...accounts, acc])}\n        parentUid={parentUid}\n        loggedIn={!!accounts.length}\n        {...options}\n      />\n      {!!accounts.length && (\n        <>\n          <h5 style={{ marginTop: 8 }}>Accounts</h5>\n          <hr />\n          <ul style={{ marginTop: 8, padding: 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                    if (useLocal) {\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                    } else {\n                      deleteBlock(act.uid);\n                    }\n                    setAccounts(accounts.filter((a) => act.uid !== a.uid));\n                  }}\n                />\n              </li>\n            ))}\n          </ul>\n        </>\n      )}\n    </>\n  );\n};\n\nOauthPanel.type = \"oauth\";\n\nexport default OauthPanel;\n"]}

package/components/ConfigPanels/PagesPanel.d.ts

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

package/components/ConfigPanels/PagesPanel.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const PageInput_1 = tslib_1.__importDefault(require("../PageInput"));
+const MultiChildPanel_1 = tslib_1.__importDefault(require("./MultiChildPanel"));
+const PagesPanel = (props) => {
+    return (react_1.default.createElement(MultiChildPanel_1.default, Object.assign({}, props, { InputComponent: (inputProps) => (react_1.default.createElement(PageInput_1.default, Object.assign({ extra: ["{all}"] }, inputProps))) })));
+};
+PagesPanel.type = "pages";
+exports.default = PagesPanel;
+//# sourceMappingURL=PagesPanel.js.map

package/components/ConfigPanels/PagesPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PagesPanel.js","sourceRoot":"","sources":["../../../src/components/ConfigPanels/PagesPanel.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,qEAAqC;AACrC,gFAAgD;AAGhD,MAAM,UAAU,GAA2B,CAAC,KAAK,EAAE,EAAE;IACnD,OAAO,CACL,8BAAC,yBAAe,oBACV,KAAK,IACT,cAAc,EAAE,CAAC,UAAU,EAAE,EAAE,CAAC,CAC9B,8BAAC,mBAAS,kBAAC,KAAK,EAAE,CAAC,OAAO,CAAC,IAAM,UAAU,EAAI,CAChD,IACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,IAAI,GAAG,OAAO,CAAC;AAE1B,kBAAe,UAAU,CAAC","sourcesContent":["import React from \"react\";\nimport PageInput from \"../PageInput\";\nimport MultiChildPanel from \"./MultiChildPanel\";\nimport type { FieldPanel, PagesField } from \"./types\";\n\nconst PagesPanel: FieldPanel<PagesField> = (props) => {\n  return (\n    <MultiChildPanel\n      {...props}\n      InputComponent={(inputProps) => (\n        <PageInput extra={[\"{all}\"]} {...inputProps} />\n      )}\n    />\n  );\n};\n\nPagesPanel.type = \"pages\";\n\nexport default PagesPanel;\n"]}

package/components/ConfigPanels/SelectPanel.d.ts

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

package/components/ConfigPanels/SelectPanel.js

@@ -0,0 +1,28 @@
+"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 MenuItemSelect_1 = tslib_1.__importDefault(require("../MenuItemSelect"));
+const useSingleChildValue_1 = tslib_1.__importDefault(require("./useSingleChildValue"));
+const SelectPanel = ({ title, uid, parentUid, order, description, defaultValue = "", options: { items }, }) => {
+    const optionItems = (0, react_1.useMemo)(() => (typeof items === "function" ? items() : items), [items]);
+    const { value, onChange } = (0, useSingleChildValue_1.default)({
+        defaultValue: defaultValue || optionItems[0],
+        title,
+        uid,
+        parentUid,
+        order,
+        transform: (s) => s,
+        toStr: (s) => s,
+    });
+    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(MenuItemSelect_1.default, { activeItem: value, onItemSelect: (e) => onChange(e), items: optionItems })));
+};
+SelectPanel.type = "select";
+exports.default = SelectPanel;
+//# sourceMappingURL=SelectPanel.js.map

package/components/ConfigPanels/SelectPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectPanel.js","sourceRoot":"","sources":["../../../src/components/ConfigPanels/SelectPanel.tsx"],"names":[],"mappings":";;;AAAA,4CAA0C;AAC1C,uDAAuC;AACvC,6EAA6C;AAC7C,yEAAyC;AACzC,+EAA+C;AAE/C,wFAAwD;AAExD,MAAM,WAAW,GAA4B,CAAC,EAC5C,KAAK,EACL,GAAG,EACH,SAAS,EACT,KAAK,EACL,WAAW,EACX,YAAY,GAAG,EAAE,EACjB,OAAO,EAAE,EAAE,KAAK,EAAE,GACnB,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,IAAA,eAAO,EACzB,GAAG,EAAE,CAAC,CAAC,OAAO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,EACrD,CAAC,KAAK,CAAC,CACR,CAAC;IACF,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAA,6BAAmB,EAAC;QAC9C,YAAY,EAAE,YAAY,IAAI,WAAW,CAAC,CAAC,CAAC;QAC5C,KAAK;QACL,GAAG;QACH,SAAS;QACT,KAAK;QACL,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QACnB,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;KAChB,CAAC,CAAC;IACH,OAAO,CACL,8BAAC,YAAK;QACH,IAAA,mBAAS,EAAC,KAAK,CAAC;QACjB,8BAAC,qBAAW,IAAC,WAAW,EAAE,WAAW,GAAI;QACzC,8BAAC,wBAAc,IACb,UAAU,EAAE,KAAK,EACjB,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAChC,KAAK,EAAE,WAAW,GAClB,CACI,CACT,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 Description from \"../Description\";\nimport MenuItemSelect from \"../MenuItemSelect\";\nimport type { FieldPanel, SelectField } from \"./types\";\nimport useSingleChildValue from \"./useSingleChildValue\";\n\nconst SelectPanel: FieldPanel<SelectField> = ({\n  title,\n  uid,\n  parentUid,\n  order,\n  description,\n  defaultValue = \"\",\n  options: { items },\n}) => {\n  const optionItems = useMemo(\n    () => (typeof items === \"function\" ? items() : items),\n    [items]\n  );\n  const { value, onChange } = useSingleChildValue({\n    defaultValue: defaultValue || optionItems[0],\n    title,\n    uid,\n    parentUid,\n    order,\n    transform: (s) => s,\n    toStr: (s) => s,\n  });\n  return (\n    <Label>\n      {idToTitle(title)}\n      <Description description={description} />\n      <MenuItemSelect\n        activeItem={value}\n        onItemSelect={(e) => onChange(e)}\n        items={optionItems}\n      />\n    </Label>\n  );\n};\n\nSelectPanel.type = \"select\";\n\nexport default SelectPanel;\n"]}

package/components/ConfigPanels/TextPanel.d.ts

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

package/components/ConfigPanels/TextPanel.js

@@ -0,0 +1,29 @@
+"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 TextPanel = ({ title, uid, parentUid, order, description, defaultValue = "", options: { placeholder = "", onChange: parentOnChange } = {}, }) => {
+    const { value, onChange } = (0, useSingleChildValue_1.default)({
+        defaultValue,
+        title,
+        uid,
+        parentUid,
+        order,
+        transform: (s) => s,
+        toStr: (s) => s,
+    });
+    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.InputGroup, { value: value, onChange: (e) => {
+                onChange(e.target.value);
+                parentOnChange === null || parentOnChange === void 0 ? void 0 : parentOnChange(e);
+            }, placeholder: placeholder })));
+};
+TextPanel.type = "text";
+exports.default = TextPanel;
+//# sourceMappingURL=TextPanel.js.map

package/components/ConfigPanels/TextPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextPanel.js","sourceRoot":"","sources":["../../../src/components/ConfigPanels/TextPanel.tsx"],"names":[],"mappings":";;;AAAA,4CAAsD;AACtD,0DAA0B;AAC1B,6EAA6C;AAC7C,yEAAyC;AAEzC,wFAAwD;AAExD,MAAM,SAAS,GAA0B,CAAC,EACxC,KAAK,EACL,GAAG,EACH,SAAS,EACT,KAAK,EACL,WAAW,EACX,YAAY,GAAG,EAAE,EACjB,OAAO,EAAE,EAAE,WAAW,GAAG,EAAE,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,EAAE,GAC7D,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,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QACnB,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;KAChB,CAAC,CAAC;IACH,OAAO,CACL,8BAAC,YAAK;QACH,IAAA,mBAAS,EAAC,KAAK,CAAC;QACjB,8BAAC,qBAAW,IAAC,WAAW,EAAE,WAAW,GAAI;QACzC,8BAAC,iBAAU,IACT,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAsC,EAAE,EAAE;gBACnD,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gBACzB,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAG,CAAC,CAAC,CAAC;YACtB,CAAC,EACD,WAAW,EAAE,WAAW,GACxB,CACI,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,CAAC,IAAI,GAAG,MAAM,CAAC;AAExB,kBAAe,SAAS,CAAC","sourcesContent":["import { InputGroup, Label } from \"@blueprintjs/core\";\nimport React from \"react\";\nimport idToTitle from \"../../util/idToTitle\";\nimport Description from \"../Description\";\nimport type { FieldPanel, TextField } from \"./types\";\nimport useSingleChildValue from \"./useSingleChildValue\";\n\nconst TextPanel: FieldPanel<TextField> = ({\n  title,\n  uid,\n  parentUid,\n  order,\n  description,\n  defaultValue = \"\",\n  options: { placeholder = \"\", onChange: parentOnChange } = {},\n}) => {\n  const { value, onChange } = useSingleChildValue({\n    defaultValue,\n    title,\n    uid,\n    parentUid,\n    order,\n    transform: (s) => s,\n    toStr: (s) => s,\n  });\n  return (\n    <Label>\n      {idToTitle(title)}\n      <Description description={description} />\n      <InputGroup\n        value={value}\n        onChange={(e: React.ChangeEvent<HTMLInputElement>) => {\n          onChange(e.target.value);\n          parentOnChange?.(e);\n        }}\n        placeholder={placeholder}\n      />\n    </Label>\n  );\n};\n\nTextPanel.type = \"text\";\n\nexport default TextPanel;\n"]}

package/components/ConfigPanels/TimePanel.d.ts

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