roamjs-components 0.85.3 → 0.85.4

package/components.js

@@ -1,171 +1,171 @@
-"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 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",
-    },
-];
-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());
-    };
-}));
+"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 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",
+    },
+];
+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/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;