roamjs-components 0.86.0-alpha.3 → 0.86.1

package/components.js

@@ -1,202 +1,173 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_dom_1 = tslib_1.__importDefault(require("react-dom"));
-const react_1 = tslib_1.__importStar(require("react"));
-const core_1 = require("@blueprintjs/core");
-const AutocompleteInput_1 = tslib_1.__importDefault(require("./components/AutocompleteInput"));
-const FormDialog_1 = tslib_1.__importDefault(require("./components/FormDialog"));
-const PageInput_1 = tslib_1.__importDefault(require("./components/PageInput"));
-const Toast_1 = tslib_1.__importDefault(require("./components/Toast"));
-const renderOverlay_1 = tslib_1.__importDefault(require("./util/renderOverlay"));
-const runExtension_1 = tslib_1.__importDefault(require("./util/runExtension"));
-const writes_1 = require("./writes");
-const MenuItemSelect_1 = tslib_1.__importDefault(require("./components/MenuItemSelect"));
-const TimePanel_1 = tslib_1.__importDefault(require("./components/ConfigPanels/TimePanel"));
-// const blockRender = (Component: React.FC) => {
-//   const block = window.roamAlphaAPI.ui.getFocusedBlock();
-//   const parent = document.getElementById(
-//     `block-input-${block?.["window-id"]}-${block?.["block-uid"]}`
-//   );
-//   ReactDOM.render(<Component />, parent);
-// };
-const unloads = new Set();
-const rootRender = (Component) => {
-    const root = document.querySelector(".roam-article");
-    const parent = document.createElement("div");
-    root === null || root === void 0 ? void 0 : root.insertBefore(parent, root.firstElementChild);
-    react_dom_1.default.render(react_1.default.createElement(Component, null), parent);
-    unloads.add(() => {
-        react_dom_1.default.unmountComponentAtNode(parent);
-        parent.remove();
-    });
-};
-const components = [
-    {
-        callback: () => rootRender(() => {
-            const [value, setValue] = (0, react_1.useState)("");
-            const [filterable, setFilterable] = (0, react_1.useState)(false);
-            const options = (0, react_1.useMemo)(() => ["apple", "banana", "orange"], []);
-            return (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement("div", null,
-                    "Chosen value: ",
-                    value),
-                react_1.default.createElement(core_1.Checkbox, { checked: filterable, onChange: (e) => setFilterable(e.target.checked), label: "Filterable" }),
-                react_1.default.createElement(MenuItemSelect_1.default, { activeItem: value, items: options, onItemSelect: (item) => setValue(item), filterable: filterable })));
-        }),
-        label: "MenuItemSelect",
-    },
-    {
-        callback: () => rootRender(() => {
-            const [value, setValue] = (0, react_1.useState)("");
-            const [numResults, setNumResults] = (0, react_1.useState)(100);
-            const [disabled, setDisabled] = (0, react_1.useState)(false);
-            const [maxItemsDisplayed, setMaxItemsDisplayed] = (0, react_1.useState)(0);
-            const options = (0, react_1.useMemo)(() => {
-                const items = [];
-                for (let i = 0; i < numResults; i++) {
-                    items.push(Math.random().toString(36).substring(7));
-                }
-                return items;
-            }, [numResults]);
-            return (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement(core_1.Label, null,
-                    "Number of Results",
-                    react_1.default.createElement(core_1.NumericInput, { value: numResults, onValueChange: (e) => setNumResults(e), buttonPosition: "none" })),
-                react_1.default.createElement(core_1.Label, null,
-                    "Max Items Displayed (0 for all)",
-                    react_1.default.createElement(core_1.NumericInput, { value: maxItemsDisplayed, onValueChange: (e) => setMaxItemsDisplayed(e), buttonPosition: "none" })),
-                react_1.default.createElement(core_1.Label, null,
-                    "Chosen value: ",
-                    value),
-                react_1.default.createElement(core_1.Checkbox, { checked: disabled, onChange: (e) => setDisabled(e.target.checked), label: "Disabled" }),
-                react_1.default.createElement(core_1.Label, null,
-                    "Autocomplete",
-                    react_1.default.createElement(AutocompleteInput_1.default, { disabled: disabled, value: value, setValue: setValue, options: options, maxItemsDisplayed: maxItemsDisplayed === 0 ? undefined : maxItemsDisplayed }))));
-        }),
-        label: "AutocompleteInput",
-    },
-    {
-        callback: () => rootRender(() => {
-            const [isOpen, setIsOpen] = (0, react_1.useState)(false);
-            return (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement(core_1.Button, { onClick: () => setIsOpen(true), text: "Open Form" }),
-                react_1.default.createElement(FormDialog_1.default, { isOpen: isOpen, onClose: () => setIsOpen(false), onSubmit: (data) => window.roamAlphaAPI.ui.mainWindow
-                        .getOpenPageOrBlockUid()
-                        .then((parentUid) => (0, writes_1.createBlock)({
-                        parentUid: parentUid ||
-                            window.roamAlphaAPI.util.dateToPageUid(new Date()),
-                        node: {
-                            text: "Response",
-                            children: Object.entries(data).map(([k, v]) => ({
-                                text: k,
-                                children: Array.isArray(v) ? v : [{ text: `${v}` }],
-                            })),
-                        },
-                    })), fields: {
-                        text: { type: "text", label: "Text Field" },
-                        number: { type: "number", label: "Number Field" },
-                        info: { type: "info", label: "Read Only Info Text" },
-                        flag: { type: "flag", label: "Flag Field" },
-                        conditionalText: {
-                            type: "text",
-                            label: "Conditional Text Field",
-                            conditional: "flag",
-                        },
-                        page: { type: "page", label: "Page Field" },
-                        block: { type: "block", label: "Block Field" },
-                        select: {
-                            type: "select",
-                            label: "Select Field",
-                            options: [
-                                "apple",
-                                "banana",
-                                "orange",
-                                "conditional select 1",
-                            ],
-                        },
-                        conditionalSelect: {
-                            type: "text",
-                            label: "Conditional Text Field",
-                            conditional: "select",
-                            conditionalValues: ["conditional select 1"],
-                        },
-                        autocomplete: {
-                            type: "autocomplete",
-                            label: "Autocomplete Field",
-                            options: ["apple", "banana", "orange"],
-                        },
-                        embed: {
-                            type: "embed",
-                            label: "Embed Field",
-                        },
-                    } })));
-        }),
-        label: "FormDialog",
-    },
-    {
-        callback: () => rootRender(() => {
-            const [value, setValue] = (0, react_1.useState)("");
-            const [multiline, setMultiline] = (0, react_1.useState)(false);
-            return (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement(PageInput_1.default, { value: value, setValue: setValue, multiline: multiline }),
-                react_1.default.createElement("input", { className: "ml-8 inline-block", checked: multiline, onChange: (e) => setMultiline(e.target.checked), type: "checkbox" })));
-        }),
-        label: "PageInput",
-    },
-    {
-        callback: () => rootRender(() => {
-            const [value] = (0, react_1.useState)(new Date());
-            const [uid, setUid] = (0, react_1.useState)("");
-            react_1.default.useEffect(() => {
-                const createUid = () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-                    const currentPageUid = (yield window.roamAlphaAPI.ui.mainWindow.getOpenPageOrBlockUid()) ||
-                        window.roamAlphaAPI.util.dateToPageUid(new Date());
-                    if (!currentPageUid)
-                        throw new Error("No current page uid");
-                    console.log(currentPageUid);
-                    const newUid = yield (0, writes_1.createBlock)({
-                        parentUid: currentPageUid,
-                        node: { text: "time-field" },
-                    });
-                    setUid(newUid);
-                });
-                createUid();
-            }, []);
-            if (!uid)
-                return react_1.default.createElement("div", null, "Loading...");
-            return (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement("div", null,
-                    "Selected time: ",
-                    value.toLocaleTimeString()),
-                react_1.default.createElement(TimePanel_1.default, { title: "time-field", uid: uid, parentUid: "test-parent-uid", order: 0, description: "Select a time", defaultValue: value })));
-        }),
-        label: "TimePanel",
-    },
-];
-exports.default = (0, runExtension_1.default)((args) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-    components.forEach(({ callback, label }) => {
-        args.extensionAPI.ui.commandPalette.addCommand({
-            label: `Render RoamJS component ${label}`,
-            callback,
-        });
-    });
-    window.roamjs.extension.developer = {
-        components: {
-            AutocompleteInput: AutocompleteInput_1.default,
-            FormDialog: FormDialog_1.default,
-            PageInput: PageInput_1.default,
-            renderToast: Toast_1.default,
-            TimePanel: TimePanel_1.default,
-        },
-        util: {
-            renderOverlay: renderOverlay_1.default,
-            runExtension: runExtension_1.default,
-        },
-        args,
-    };
-    return () => {
-        unloads.forEach((unload) => unload());
-    };
-}));
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_dom_1 = tslib_1.__importDefault(require("react-dom"));
+const react_1 = tslib_1.__importStar(require("react"));
+const core_1 = require("@blueprintjs/core");
+const AutocompleteInput_1 = tslib_1.__importDefault(require("./components/AutocompleteInput"));
+const FormDialog_1 = tslib_1.__importDefault(require("./components/FormDialog"));
+const PageInput_1 = tslib_1.__importDefault(require("./components/PageInput"));
+const Toast_1 = tslib_1.__importDefault(require("./components/Toast"));
+const renderOverlay_1 = tslib_1.__importDefault(require("./util/renderOverlay"));
+const runExtension_1 = tslib_1.__importDefault(require("./util/runExtension"));
+const writes_1 = require("./writes");
+const MenuItemSelect_1 = tslib_1.__importDefault(require("./components/MenuItemSelect"));
+// const blockRender = (Component: React.FC) => {
+//   const block = window.roamAlphaAPI.ui.getFocusedBlock();
+//   const parent = document.getElementById(
+//     `block-input-${block?.["window-id"]}-${block?.["block-uid"]}`
+//   );
+//   ReactDOM.render(<Component />, parent);
+// };
+const unloads = new Set();
+const rootRender = (Component) => {
+    const root = document.querySelector(".roam-article");
+    const parent = document.createElement("div");
+    root === null || root === void 0 ? void 0 : root.insertBefore(parent, root.firstElementChild);
+    react_dom_1.default.render(react_1.default.createElement(Component, null), parent);
+    unloads.add(() => {
+        react_dom_1.default.unmountComponentAtNode(parent);
+        parent.remove();
+    });
+};
+const components = [
+    {
+        callback: () => rootRender(() => {
+            const [value, setValue] = (0, react_1.useState)("");
+            const [filterable, setFilterable] = (0, react_1.useState)(false);
+            const options = (0, react_1.useMemo)(() => ["apple", "banana", "orange"], []);
+            return (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement("div", null,
+                    "Chosen value: ",
+                    value),
+                react_1.default.createElement(core_1.Checkbox, { checked: filterable, onChange: (e) => setFilterable(e.target.checked), label: "Filterable" }),
+                react_1.default.createElement(MenuItemSelect_1.default, { activeItem: value, items: options, onItemSelect: (item) => setValue(item), filterable: filterable })));
+        }),
+        label: "MenuItemSelect",
+    },
+    {
+        callback: () => rootRender(() => {
+            const [value, setValue] = (0, react_1.useState)("");
+            const [numResults, setNumResults] = (0, react_1.useState)(100);
+            const [disabled, setDisabled] = (0, react_1.useState)(false);
+            const [maxItemsDisplayed, setMaxItemsDisplayed] = (0, react_1.useState)(0);
+            const [autoSelectFirstOption, setAutoSelectFirstOption] = (0, react_1.useState)(true);
+            const options = (0, react_1.useMemo)(() => {
+                const items = [];
+                for (let i = 0; i < numResults; i++) {
+                    items.push(Math.random().toString(36).substring(7));
+                }
+                return items;
+            }, [numResults]);
+            return (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(core_1.Label, null,
+                    "Number of Results",
+                    react_1.default.createElement(core_1.NumericInput, { value: numResults, onValueChange: (e) => setNumResults(e), buttonPosition: "none" })),
+                react_1.default.createElement(core_1.Label, null,
+                    "Max Items Displayed (0 for all)",
+                    react_1.default.createElement(core_1.NumericInput, { value: maxItemsDisplayed, onValueChange: (e) => setMaxItemsDisplayed(e), buttonPosition: "none" })),
+                react_1.default.createElement(core_1.Label, null,
+                    "Chosen value: ",
+                    value),
+                react_1.default.createElement(core_1.Checkbox, { checked: disabled, onChange: (e) => setDisabled(e.target.checked), label: "Disabled" }),
+                react_1.default.createElement(core_1.Checkbox, { checked: autoSelectFirstOption, onChange: (e) => setAutoSelectFirstOption(e.target.checked), label: "Auto Select First Option" }),
+                react_1.default.createElement(core_1.Label, null,
+                    "Autocomplete",
+                    react_1.default.createElement(AutocompleteInput_1.default, { autoSelectFirstOption: autoSelectFirstOption, disabled: disabled, value: value, setValue: setValue, options: options, maxItemsDisplayed: maxItemsDisplayed === 0 ? undefined : maxItemsDisplayed }))));
+        }),
+        label: "AutocompleteInput",
+    },
+    {
+        callback: () => rootRender(() => {
+            const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+            return (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(core_1.Button, { onClick: () => setIsOpen(true), text: "Open Form" }),
+                react_1.default.createElement(FormDialog_1.default, { isOpen: isOpen, onClose: () => setIsOpen(false), onSubmit: (data) => window.roamAlphaAPI.ui.mainWindow
+                        .getOpenPageOrBlockUid()
+                        .then((parentUid) => (0, writes_1.createBlock)({
+                        parentUid: parentUid ||
+                            window.roamAlphaAPI.util.dateToPageUid(new Date()),
+                        node: {
+                            text: "Response",
+                            children: Object.entries(data).map(([k, v]) => ({
+                                text: k,
+                                children: Array.isArray(v) ? v : [{ text: `${v}` }],
+                            })),
+                        },
+                    })), fields: {
+                        text: { type: "text", label: "Text Field" },
+                        number: { type: "number", label: "Number Field" },
+                        info: { type: "info", label: "Read Only Info Text" },
+                        flag: { type: "flag", label: "Flag Field" },
+                        conditionalText: {
+                            type: "text",
+                            label: "Conditional Text Field",
+                            conditional: "flag",
+                        },
+                        page: { type: "page", label: "Page Field" },
+                        block: { type: "block", label: "Block Field" },
+                        select: {
+                            type: "select",
+                            label: "Select Field",
+                            options: [
+                                "apple",
+                                "banana",
+                                "orange",
+                                "conditional select 1",
+                            ],
+                        },
+                        conditionalSelect: {
+                            type: "text",
+                            label: "Conditional Text Field",
+                            conditional: "select",
+                            conditionalValues: ["conditional select 1"],
+                        },
+                        autocomplete: {
+                            type: "autocomplete",
+                            label: "Autocomplete Field",
+                            options: ["apple", "banana", "orange"],
+                        },
+                        embed: {
+                            type: "embed",
+                            label: "Embed Field",
+                        },
+                    } })));
+        }),
+        label: "FormDialog",
+    },
+    {
+        callback: () => rootRender(() => {
+            const [value, setValue] = (0, react_1.useState)("");
+            const [multiline, setMultiline] = (0, react_1.useState)(false);
+            return (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(PageInput_1.default, { value: value, setValue: setValue, multiline: multiline }),
+                react_1.default.createElement("input", { className: "ml-8 inline-block", checked: multiline, onChange: (e) => setMultiline(e.target.checked), type: "checkbox" })));
+        }),
+        label: "PageInput",
+    },
+];
+exports.default = (0, runExtension_1.default)((args) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+    components.forEach(({ callback, label }) => {
+        args.extensionAPI.ui.commandPalette.addCommand({
+            label: `Render RoamJS component ${label}`,
+            callback,
+        });
+    });
+    window.roamjs.extension.developer = {
+        components: {
+            AutocompleteInput: AutocompleteInput_1.default,
+            FormDialog: FormDialog_1.default,
+            PageInput: PageInput_1.default,
+            renderToast: Toast_1.default,
+        },
+        util: {
+            renderOverlay: renderOverlay_1.default,
+            runExtension: runExtension_1.default,
+        },
+        args,
+    };
+    return () => {
+        unloads.forEach((unload) => unload());
+    };
+}));
 //# sourceMappingURL=components.js.map

package/components.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.tsx"],"names":[],"mappings":"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","sourcesContent":["import ReactDOM from \"react-dom\";\nimport React, { useState, useMemo } from \"react\";\nimport { Button, Checkbox, NumericInput, Label } from \"@blueprintjs/core\";\n\nimport AutocompleteInput from \"./components/AutocompleteInput\";\nimport FormDialog from \"./components/FormDialog\";\nimport PageInput from \"./components/PageInput\";\nimport renderToast from \"./components/Toast\";\n\nimport renderOverlay from \"./util/renderOverlay\";\nimport runExtension from \"./util/runExtension\";\n\nimport { createBlock } from \"./writes\";\nimport MenuItemSelect from \"./components/MenuItemSelect\";\nimport TimePanel from \"./components/ConfigPanels/TimePanel\";\n\n// const blockRender = (Component: React.FC) => {\n//   const block = window.roamAlphaAPI.ui.getFocusedBlock();\n//   const parent = document.getElementById(\n//     `block-input-${block?.[\"window-id\"]}-${block?.[\"block-uid\"]}`\n//   );\n//   ReactDOM.render(<Component />, parent);\n// };\n\nconst unloads = new Set<() => void>();\n\nconst rootRender = (Component: React.FC) => {\n  const root = document.querySelector(\".roam-article\");\n  const parent = document.createElement(\"div\");\n  root?.insertBefore(parent, root.firstElementChild);\n  ReactDOM.render(<Component />, parent);\n  unloads.add(() => {\n    ReactDOM.unmountComponentAtNode(parent);\n    parent.remove();\n  });\n};\n\nconst components = [\n  {\n    callback: () =>\n      rootRender(() => {\n        const [value, setValue] = useState(\"\");\n        const [filterable, setFilterable] = useState(false);\n        const options = useMemo(() => [\"apple\", \"banana\", \"orange\"], []);\n        return (\n          <>\n            <div>Chosen value: {value}</div>\n            <Checkbox\n              checked={filterable as boolean}\n              onChange={(e) =>\n                setFilterable((e.target as HTMLInputElement).checked)\n              }\n              label={\"Filterable\"}\n            />\n            <MenuItemSelect\n              activeItem={value}\n              items={options}\n              onItemSelect={(item) => setValue(item)}\n              filterable={filterable}\n            />\n          </>\n        );\n      }),\n    label: \"MenuItemSelect\",\n  },\n  {\n    callback: () =>\n      rootRender(() => {\n        const [value, setValue] = useState(\"\");\n        const [numResults, setNumResults] = useState(100);\n        const [disabled, setDisabled] = useState(false);\n        const [maxItemsDisplayed, setMaxItemsDisplayed] = useState(0);\n        const options = useMemo(() => {\n          const items = [];\n          for (let i = 0; i < numResults; i++) {\n            items.push(Math.random().toString(36).substring(7));\n          }\n          return items;\n        }, [numResults]);\n        return (\n          <>\n            <Label>\n              Number of Results\n              <NumericInput\n                value={numResults}\n                onValueChange={(e) => setNumResults(e)}\n                buttonPosition={\"none\"}\n              />\n            </Label>\n            <Label>\n              Max Items Displayed (0 for all)\n              <NumericInput\n                value={maxItemsDisplayed}\n                onValueChange={(e) => setMaxItemsDisplayed(e)}\n                buttonPosition={\"none\"}\n              />\n            </Label>\n            <Label>Chosen value: {value}</Label>\n            <Checkbox\n              checked={disabled}\n              onChange={(e) =>\n                setDisabled((e.target as HTMLInputElement).checked)\n              }\n              label={\"Disabled\"}\n            />\n            <Label>\n              Autocomplete\n              <AutocompleteInput\n                disabled={disabled}\n                value={value}\n                setValue={setValue}\n                options={options}\n                maxItemsDisplayed={\n                  maxItemsDisplayed === 0 ? undefined : maxItemsDisplayed\n                }\n              />\n            </Label>\n          </>\n        );\n      }),\n    label: \"AutocompleteInput\",\n  },\n  {\n    callback: () =>\n      rootRender(() => {\n        const [isOpen, setIsOpen] = useState(false);\n        return (\n          <>\n            <Button onClick={() => setIsOpen(true)} text={\"Open Form\"} />\n            <FormDialog\n              isOpen={isOpen}\n              onClose={() => setIsOpen(false)}\n              onSubmit={(data) =>\n                window.roamAlphaAPI.ui.mainWindow\n                  .getOpenPageOrBlockUid()\n                  .then((parentUid) =>\n                    createBlock({\n                      parentUid:\n                        parentUid ||\n                        window.roamAlphaAPI.util.dateToPageUid(new Date()),\n                      node: {\n                        text: \"Response\",\n                        children: Object.entries(data).map(([k, v]) => ({\n                          text: k,\n                          children: Array.isArray(v) ? v : [{ text: `${v}` }],\n                        })),\n                      },\n                    })\n                  )\n              }\n              fields={{\n                text: { type: \"text\", label: \"Text Field\" },\n                number: { type: \"number\", label: \"Number Field\" },\n                info: { type: \"info\", label: \"Read Only Info Text\" },\n                flag: { type: \"flag\", label: \"Flag Field\" },\n                conditionalText: {\n                  type: \"text\",\n                  label: \"Conditional Text Field\",\n                  conditional: \"flag\",\n                },\n                page: { type: \"page\", label: \"Page Field\" },\n                block: { type: \"block\", label: \"Block Field\" },\n                select: {\n                  type: \"select\",\n                  label: \"Select Field\",\n                  options: [\n                    \"apple\",\n                    \"banana\",\n                    \"orange\",\n                    \"conditional select 1\",\n                  ],\n                },\n                conditionalSelect: {\n                  type: \"text\",\n                  label: \"Conditional Text Field\",\n                  conditional: \"select\",\n                  conditionalValues: [\"conditional select 1\"],\n                },\n                autocomplete: {\n                  type: \"autocomplete\",\n                  label: \"Autocomplete Field\",\n                  options: [\"apple\", \"banana\", \"orange\"],\n                },\n                embed: {\n                  type: \"embed\",\n                  label: \"Embed Field\",\n                },\n              }}\n            />\n          </>\n        );\n      }),\n    label: \"FormDialog\",\n  },\n  {\n    callback: () =>\n      rootRender(() => {\n        const [value, setValue] = useState(\"\");\n        const [multiline, setMultiline] = useState(false);\n        return (\n          <>\n            <PageInput\n              value={value}\n              setValue={setValue}\n              multiline={multiline}\n            />\n            <input\n              className=\"ml-8 inline-block\"\n              checked={multiline}\n              onChange={(e) => setMultiline(e.target.checked)}\n              type={\"checkbox\"}\n            />\n          </>\n        );\n      }),\n    label: \"PageInput\",\n  },\n  {\n    callback: () =>\n      rootRender(() => {\n        const [value] = useState(new Date());\n        const [uid, setUid] = useState<string>(\"\");\n\n        React.useEffect(() => {\n          const createUid = async () => {\n            const currentPageUid =\n              (await window.roamAlphaAPI.ui.mainWindow.getOpenPageOrBlockUid()) ||\n              window.roamAlphaAPI.util.dateToPageUid(new Date());\n\n            if (!currentPageUid) throw new Error(\"No current page uid\");\n            console.log(currentPageUid);\n            const newUid = await createBlock({\n              parentUid: currentPageUid,\n              node: { text: \"time-field\" },\n            });\n            setUid(newUid);\n          };\n          createUid();\n        }, []);\n\n        if (!uid) return <div>Loading...</div>;\n\n        return (\n          <>\n            <div>Selected time: {value.toLocaleTimeString()}</div>\n            <TimePanel\n              title=\"time-field\"\n              uid={uid}\n              parentUid=\"test-parent-uid\"\n              order={0}\n              description=\"Select a time\"\n              defaultValue={value}\n            />\n          </>\n        );\n      }),\n    label: \"TimePanel\",\n  },\n];\n\nexport default runExtension(async (args) => {\n  components.forEach(({ callback, label }) => {\n    args.extensionAPI.ui.commandPalette.addCommand({\n      label: `Render RoamJS component ${label}`,\n      callback,\n    });\n  });\n  window.roamjs.extension.developer = {\n    components: {\n      AutocompleteInput,\n      FormDialog,\n      PageInput,\n      renderToast,\n      TimePanel,\n    },\n    util: {\n      renderOverlay,\n      runExtension,\n    },\n    args,\n  };\n  return () => {\n    unloads.forEach((unload) => unload());\n  };\n});\n"]}
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.tsx"],"names":[],"mappings":"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","sourcesContent":["import ReactDOM from \"react-dom\";\nimport React, { useState, useMemo } from \"react\";\nimport { Button, Checkbox, NumericInput, Label } from \"@blueprintjs/core\";\n\nimport AutocompleteInput from \"./components/AutocompleteInput\";\nimport FormDialog from \"./components/FormDialog\";\nimport PageInput from \"./components/PageInput\";\nimport renderToast from \"./components/Toast\";\n\nimport renderOverlay from \"./util/renderOverlay\";\nimport runExtension from \"./util/runExtension\";\n\nimport { createBlock } from \"./writes\";\nimport MenuItemSelect from \"./components/MenuItemSelect\";\n\n// const blockRender = (Component: React.FC) => {\n//   const block = window.roamAlphaAPI.ui.getFocusedBlock();\n//   const parent = document.getElementById(\n//     `block-input-${block?.[\"window-id\"]}-${block?.[\"block-uid\"]}`\n//   );\n//   ReactDOM.render(<Component />, parent);\n// };\n\nconst unloads = new Set<() => void>();\n\nconst rootRender = (Component: React.FC) => {\n  const root = document.querySelector(\".roam-article\");\n  const parent = document.createElement(\"div\");\n  root?.insertBefore(parent, root.firstElementChild);\n  ReactDOM.render(<Component />, parent);\n  unloads.add(() => {\n    ReactDOM.unmountComponentAtNode(parent);\n    parent.remove();\n  });\n};\n\nconst components = [\n  {\n    callback: () =>\n      rootRender(() => {\n        const [value, setValue] = useState(\"\");\n        const [filterable, setFilterable] = useState(false);\n        const options = useMemo(() => [\"apple\", \"banana\", \"orange\"], []);\n        return (\n          <>\n            <div>Chosen value: {value}</div>\n            <Checkbox\n              checked={filterable as boolean}\n              onChange={(e) =>\n                setFilterable((e.target as HTMLInputElement).checked)\n              }\n              label={\"Filterable\"}\n            />\n            <MenuItemSelect\n              activeItem={value}\n              items={options}\n              onItemSelect={(item) => setValue(item)}\n              filterable={filterable}\n            />\n          </>\n        );\n      }),\n    label: \"MenuItemSelect\",\n  },\n  {\n    callback: () =>\n      rootRender(() => {\n        const [value, setValue] = useState(\"\");\n        const [numResults, setNumResults] = useState(100);\n        const [disabled, setDisabled] = useState(false);\n        const [maxItemsDisplayed, setMaxItemsDisplayed] = useState(0);\n        const [autoSelectFirstOption, setAutoSelectFirstOption] =\n          useState(true);\n        const options = useMemo(() => {\n          const items = [];\n          for (let i = 0; i < numResults; i++) {\n            items.push(Math.random().toString(36).substring(7));\n          }\n          return items;\n        }, [numResults]);\n        return (\n          <>\n            <Label>\n              Number of Results\n              <NumericInput\n                value={numResults}\n                onValueChange={(e) => setNumResults(e)}\n                buttonPosition={\"none\"}\n              />\n            </Label>\n            <Label>\n              Max Items Displayed (0 for all)\n              <NumericInput\n                value={maxItemsDisplayed}\n                onValueChange={(e) => setMaxItemsDisplayed(e)}\n                buttonPosition={\"none\"}\n              />\n            </Label>\n            <Label>Chosen value: {value}</Label>\n            <Checkbox\n              checked={disabled}\n              onChange={(e) =>\n                setDisabled((e.target as HTMLInputElement).checked)\n              }\n              label={\"Disabled\"}\n            />\n            <Checkbox\n              checked={autoSelectFirstOption}\n              onChange={(e) =>\n                setAutoSelectFirstOption((e.target as HTMLInputElement).checked)\n              }\n              label={\"Auto Select First Option\"}\n            />\n            <Label>\n              Autocomplete\n              <AutocompleteInput\n                autoSelectFirstOption={autoSelectFirstOption}\n                disabled={disabled}\n                value={value}\n                setValue={setValue}\n                options={options}\n                maxItemsDisplayed={\n                  maxItemsDisplayed === 0 ? undefined : maxItemsDisplayed\n                }\n              />\n            </Label>\n          </>\n        );\n      }),\n    label: \"AutocompleteInput\",\n  },\n  {\n    callback: () =>\n      rootRender(() => {\n        const [isOpen, setIsOpen] = useState(false);\n        return (\n          <>\n            <Button onClick={() => setIsOpen(true)} text={\"Open Form\"} />\n            <FormDialog\n              isOpen={isOpen}\n              onClose={() => setIsOpen(false)}\n              onSubmit={(data) =>\n                window.roamAlphaAPI.ui.mainWindow\n                  .getOpenPageOrBlockUid()\n                  .then((parentUid) =>\n                    createBlock({\n                      parentUid:\n                        parentUid ||\n                        window.roamAlphaAPI.util.dateToPageUid(new Date()),\n                      node: {\n                        text: \"Response\",\n                        children: Object.entries(data).map(([k, v]) => ({\n                          text: k,\n                          children: Array.isArray(v) ? v : [{ text: `${v}` }],\n                        })),\n                      },\n                    })\n                  )\n              }\n              fields={{\n                text: { type: \"text\", label: \"Text Field\" },\n                number: { type: \"number\", label: \"Number Field\" },\n                info: { type: \"info\", label: \"Read Only Info Text\" },\n                flag: { type: \"flag\", label: \"Flag Field\" },\n                conditionalText: {\n                  type: \"text\",\n                  label: \"Conditional Text Field\",\n                  conditional: \"flag\",\n                },\n                page: { type: \"page\", label: \"Page Field\" },\n                block: { type: \"block\", label: \"Block Field\" },\n                select: {\n                  type: \"select\",\n                  label: \"Select Field\",\n                  options: [\n                    \"apple\",\n                    \"banana\",\n                    \"orange\",\n                    \"conditional select 1\",\n                  ],\n                },\n                conditionalSelect: {\n                  type: \"text\",\n                  label: \"Conditional Text Field\",\n                  conditional: \"select\",\n                  conditionalValues: [\"conditional select 1\"],\n                },\n                autocomplete: {\n                  type: \"autocomplete\",\n                  label: \"Autocomplete Field\",\n                  options: [\"apple\", \"banana\", \"orange\"],\n                },\n                embed: {\n                  type: \"embed\",\n                  label: \"Embed Field\",\n                },\n              }}\n            />\n          </>\n        );\n      }),\n    label: \"FormDialog\",\n  },\n  {\n    callback: () =>\n      rootRender(() => {\n        const [value, setValue] = useState(\"\");\n        const [multiline, setMultiline] = useState(false);\n        return (\n          <>\n            <PageInput\n              value={value}\n              setValue={setValue}\n              multiline={multiline}\n            />\n            <input\n              className=\"ml-8 inline-block\"\n              checked={multiline}\n              onChange={(e) => setMultiline(e.target.checked)}\n              type={\"checkbox\"}\n            />\n          </>\n        );\n      }),\n    label: \"PageInput\",\n  },\n];\n\nexport default runExtension(async (args) => {\n  components.forEach(({ callback, label }) => {\n    args.extensionAPI.ui.commandPalette.addCommand({\n      label: `Render RoamJS component ${label}`,\n      callback,\n    });\n  });\n  window.roamjs.extension.developer = {\n    components: {\n      AutocompleteInput,\n      FormDialog,\n      PageInput,\n      renderToast,\n    },\n    util: {\n      renderOverlay,\n      runExtension,\n    },\n    args,\n  };\n  return () => {\n    unloads.forEach((unload) => unload());\n  };\n});\n"]}

package/date/constants.d.ts

@@ -1,3 +1,3 @@
-export declare const MONTHS: string[];
-export declare const DAILY_NOTE_PAGE_REGEX: RegExp;
-export declare const DAILY_NOTE_PAGE_TITLE_REGEX: RegExp;
+export declare const MONTHS: string[];
+export declare const DAILY_NOTE_PAGE_REGEX: RegExp;
+export declare const DAILY_NOTE_PAGE_TITLE_REGEX: RegExp;

package/date/constants.js

@@ -1,20 +1,20 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DAILY_NOTE_PAGE_TITLE_REGEX = exports.DAILY_NOTE_PAGE_REGEX = exports.MONTHS = void 0;
-exports.MONTHS = [
-    "January",
-    "February",
-    "March",
-    "April",
-    "May",
-    "June",
-    "July",
-    "August",
-    "September",
-    "October",
-    "November",
-    "December",
-];
-exports.DAILY_NOTE_PAGE_REGEX = /(January|February|March|April|May|June|July|August|September|October|November|December) [0-3]?[0-9](st|nd|rd|th), [0-9][0-9][0-9][0-9]/;
-exports.DAILY_NOTE_PAGE_TITLE_REGEX = new RegExp(`^${exports.DAILY_NOTE_PAGE_REGEX.source}$`);
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DAILY_NOTE_PAGE_TITLE_REGEX = exports.DAILY_NOTE_PAGE_REGEX = exports.MONTHS = void 0;
+exports.MONTHS = [
+    "January",
+    "February",
+    "March",
+    "April",
+    "May",
+    "June",
+    "July",
+    "August",
+    "September",
+    "October",
+    "November",
+    "December",
+];
+exports.DAILY_NOTE_PAGE_REGEX = /(January|February|March|April|May|June|July|August|September|October|November|December) [0-3]?[0-9](st|nd|rd|th), [0-9][0-9][0-9][0-9]/;
+exports.DAILY_NOTE_PAGE_TITLE_REGEX = new RegExp(`^${exports.DAILY_NOTE_PAGE_REGEX.source}$`);
 //# sourceMappingURL=constants.js.map

package/date/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/date/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,MAAM,GAAG;IACpB,SAAS;IACT,UAAU;IACV,OAAO;IACP,OAAO;IACP,KAAK;IACL,MAAM;IACN,MAAM;IACN,QAAQ;IACR,WAAW;IACX,SAAS;IACT,UAAU;IACV,UAAU;CACX,CAAC;AACW,QAAA,qBAAqB,GAChC,wIAAwI,CAAC;AAC9H,QAAA,2BAA2B,GAAG,IAAI,MAAM,CACnD,IAAI,6BAAqB,CAAC,MAAM,GAAG,CACpC,CAAC","sourcesContent":["export const MONTHS = [\r\n  \"January\",\r\n  \"February\",\r\n  \"March\",\r\n  \"April\",\r\n  \"May\",\r\n  \"June\",\r\n  \"July\",\r\n  \"August\",\r\n  \"September\",\r\n  \"October\",\r\n  \"November\",\r\n  \"December\",\r\n];\r\nexport const DAILY_NOTE_PAGE_REGEX =\r\n  /(January|February|March|April|May|June|July|August|September|October|November|December) [0-3]?[0-9](st|nd|rd|th), [0-9][0-9][0-9][0-9]/;\r\nexport const DAILY_NOTE_PAGE_TITLE_REGEX = new RegExp(\r\n  `^${DAILY_NOTE_PAGE_REGEX.source}$`\r\n);\r\n"]}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/date/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,MAAM,GAAG;IACpB,SAAS;IACT,UAAU;IACV,OAAO;IACP,OAAO;IACP,KAAK;IACL,MAAM;IACN,MAAM;IACN,QAAQ;IACR,WAAW;IACX,SAAS;IACT,UAAU;IACV,UAAU;CACX,CAAC;AACW,QAAA,qBAAqB,GAChC,wIAAwI,CAAC;AAC9H,QAAA,2BAA2B,GAAG,IAAI,MAAM,CACnD,IAAI,6BAAqB,CAAC,MAAM,GAAG,CACpC,CAAC","sourcesContent":["export const MONTHS = [\n  \"January\",\n  \"February\",\n  \"March\",\n  \"April\",\n  \"May\",\n  \"June\",\n  \"July\",\n  \"August\",\n  \"September\",\n  \"October\",\n  \"November\",\n  \"December\",\n];\nexport const DAILY_NOTE_PAGE_REGEX =\n  /(January|February|March|April|May|June|July|August|September|October|November|December) [0-3]?[0-9](st|nd|rd|th), [0-9][0-9][0-9][0-9]/;\nexport const DAILY_NOTE_PAGE_TITLE_REGEX = new RegExp(\n  `^${DAILY_NOTE_PAGE_REGEX.source}$`\n);\n"]}

package/date/index.d.ts

@@ -1,3 +1,3 @@
-export { default as parseNlpDate } from "./parseNlpDate";
-export { default as parseRoamDateUid } from "./parseRoamDateUid";
-export * from "./constants";
+export { default as parseNlpDate } from "./parseNlpDate";
+export { default as parseRoamDateUid } from "./parseRoamDateUid";
+export * from "./constants";

package/date/index.js

@@ -1,10 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.parseRoamDateUid = exports.parseNlpDate = void 0;
-const tslib_1 = require("tslib");
-var parseNlpDate_1 = require("./parseNlpDate");
-Object.defineProperty(exports, "parseNlpDate", { enumerable: true, get: function () { return tslib_1.__importDefault(parseNlpDate_1).default; } });
-var parseRoamDateUid_1 = require("./parseRoamDateUid");
-Object.defineProperty(exports, "parseRoamDateUid", { enumerable: true, get: function () { return tslib_1.__importDefault(parseRoamDateUid_1).default; } });
-tslib_1.__exportStar(require("./constants"), exports);
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseRoamDateUid = exports.parseNlpDate = void 0;
+const tslib_1 = require("tslib");
+var parseNlpDate_1 = require("./parseNlpDate");
+Object.defineProperty(exports, "parseNlpDate", { enumerable: true, get: function () { return tslib_1.__importDefault(parseNlpDate_1).default; } });
+var parseRoamDateUid_1 = require("./parseRoamDateUid");
+Object.defineProperty(exports, "parseRoamDateUid", { enumerable: true, get: function () { return tslib_1.__importDefault(parseRoamDateUid_1).default; } });
+tslib_1.__exportStar(require("./constants"), exports);
 //# sourceMappingURL=index.js.map

package/date/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/date/index.ts"],"names":[],"mappings":";;;;AAAA,+CAAyD;AAAhD,qIAAA,OAAO,OAAgB;AAChC,uDAAiE;AAAxD,6IAAA,OAAO,OAAoB;AACpC,sDAA4B","sourcesContent":["export { default as parseNlpDate } from \"./parseNlpDate\";\r\nexport { default as parseRoamDateUid } from \"./parseRoamDateUid\";\r\nexport * from \"./constants\";\r\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/date/index.ts"],"names":[],"mappings":";;;;AAAA,+CAAyD;AAAhD,qIAAA,OAAO,OAAgB;AAChC,uDAAiE;AAAxD,6IAAA,OAAO,OAAoB;AACpC,sDAA4B","sourcesContent":["export { default as parseNlpDate } from \"./parseNlpDate\";\nexport { default as parseRoamDateUid } from \"./parseRoamDateUid\";\nexport * from \"./constants\";\n"]}

package/date/parseNlpDate.d.ts

@@ -1,5 +1,5 @@
-import { Parser } from "chrono-node";
-export declare const addNlpDateParser: (p: Parser) => number;
-declare const parseNlpDate: (s: string, ref?: Date) => Date;
-export declare const parse: (t: string, ref?: Date) => import("chrono-node").ParsedResult[];
-export default parseNlpDate;
+import { Parser } from "chrono-node";
+export declare const addNlpDateParser: (p: Parser) => number;
+declare const parseNlpDate: (s: string, ref?: Date) => Date;
+export declare const parse: (t: string, ref?: Date) => import("chrono-node").ParsedResult[];
+export default parseNlpDate;