roamjs-components 0.85.3 → 0.85.4

package/components/ProgressDialog.js

@@ -1,36 +1,36 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.render = exports.ID = void 0;
-const tslib_1 = require("tslib");
-const core_1 = require("@blueprintjs/core");
-const react_1 = tslib_1.__importStar(require("react"));
-const createOverlayRender_1 = tslib_1.__importDefault(require("../util/createOverlayRender"));
-exports.ID = "roamjs-progress-dialog-root";
-const ProgressDialog = (_a) => {
-    var { onClose } = _a, props = tslib_1.__rest(_a, ["onClose"]);
-    const [maxTimeout, setMaxtimeout] = (0, react_1.useState)(props.timeout);
-    const [now, setNow] = (0, react_1.useState)(new Date());
-    const onId = (0, react_1.useCallback)((props) => {
-        window.roamjs.actions[props.id] = props.timeout;
-        setMaxtimeout(props.timeout);
-    }, [setMaxtimeout]);
-    (0, react_1.useEffect)(() => {
-        const element = document.getElementById(exports.ID);
-        if (element) {
-            element.addEventListener("log", ((e) => {
-                onId(e.detail);
-            }));
-            onId(props);
-        }
-        const interval = setInterval(() => setNow(new Date()), 1000);
-        return () => clearInterval(interval);
-    }, [onId, setTimeout, props]);
-    const numActions = Object.keys(window.roamjs.actions).length;
-    (0, react_1.useEffect)(() => {
-        if (numActions === 0)
-            onClose();
-    }, [numActions]);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.render = exports.ID = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@blueprintjs/core");
+const react_1 = tslib_1.__importStar(require("react"));
+const createOverlayRender_1 = tslib_1.__importDefault(require("../util/createOverlayRender"));
+exports.ID = "roamjs-progress-dialog-root";
+const ProgressDialog = (_a) => {
+    var { onClose } = _a, props = tslib_1.__rest(_a, ["onClose"]);
+    const [maxTimeout, setMaxtimeout] = (0, react_1.useState)(props.timeout);
+    const [now, setNow] = (0, react_1.useState)(new Date());
+    const onId = (0, react_1.useCallback)((props) => {
+        window.roamjs.actions[props.id] = props.timeout;
+        setMaxtimeout(props.timeout);
+    }, [setMaxtimeout]);
+    (0, react_1.useEffect)(() => {
+        const element = document.getElementById(exports.ID);
+        if (element) {
+            element.addEventListener("log", ((e) => {
+                onId(e.detail);
+            }));
+            onId(props);
+        }
+        const interval = setInterval(() => setNow(new Date()), 1000);
+        return () => clearInterval(interval);
+    }, [onId, setTimeout, props]);
+    const numActions = Object.keys(window.roamjs.actions).length;
+    (0, react_1.useEffect)(() => {
+        if (numActions === 0)
+            onClose();
+    }, [numActions]);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement("style", null, `.roamjs-progress-dialog {
   right: 8px;
   margin: 0;
@@ -43,19 +43,19 @@ const ProgressDialog = (_a) => {
 }
 .roamjs-progress-dialog-portal .bp3-overlay-backdrop {
   display: none;
-}`),
-        react_1.default.createElement(core_1.Dialog, { isOpen: true, onClose: onClose, portalClassName: "roamjs-progress-dialog-portal", className: "roamjs-progress-dialog", canOutsideClickClose: false, canEscapeKeyClose: false, hasBackdrop: false, enforceFocus: false },
-            react_1.default.createElement("div", { style: { padding: 16 } },
-                react_1.default.createElement("h4", null, "Performing Writes to Roam..."),
-                react_1.default.createElement("p", null,
-                    "Still have ",
-                    react_1.default.createElement("b", null, Object.keys(window.roamjs.actions).length),
-                    " ",
-                    "actions to write. Expected to finish the last one in",
-                    " ",
-                    Math.ceil((maxTimeout - now.valueOf()) / 1000),
-                    " seconds...")))));
-};
-exports.render = (0, createOverlayRender_1.default)("progress-dialog", ProgressDialog);
-exports.default = ProgressDialog;
+}`),
+        react_1.default.createElement(core_1.Dialog, { isOpen: true, onClose: onClose, portalClassName: "roamjs-progress-dialog-portal", className: "roamjs-progress-dialog", canOutsideClickClose: false, canEscapeKeyClose: false, hasBackdrop: false, enforceFocus: false },
+            react_1.default.createElement("div", { style: { padding: 16 } },
+                react_1.default.createElement("h4", null, "Performing Writes to Roam..."),
+                react_1.default.createElement("p", null,
+                    "Still have ",
+                    react_1.default.createElement("b", null, Object.keys(window.roamjs.actions).length),
+                    " ",
+                    "actions to write. Expected to finish the last one in",
+                    " ",
+                    Math.ceil((maxTimeout - now.valueOf()) / 1000),
+                    " seconds...")))));
+};
+exports.render = (0, createOverlayRender_1.default)("progress-dialog", ProgressDialog);
+exports.default = ProgressDialog;
 //# sourceMappingURL=ProgressDialog.js.map

package/components/SimpleAlert.d.ts

@@ -1,15 +1,15 @@
-import React from "react";
-import type Marked from "marked-react";
-declare type Props = {
-    content: string;
-    onConfirm?: () => void;
-    confirmText?: string;
-    onCancel?: (() => void) | true;
-    externalLink?: boolean;
-    dontShowAgain?: string;
-};
-declare const SimpleAlert: (Markdown: typeof Marked) => ({ onClose, content, onConfirm, onCancel, externalLink, confirmText, dontShowAgain, }: Props & {
-    onClose: () => void;
-}) => React.ReactElement;
-export declare const render: (props: Props) => Promise<(() => void) | undefined>;
-export default SimpleAlert;
+import React from "react";
+import type Marked from "marked-react";
+declare type Props = {
+    content: string;
+    onConfirm?: () => void;
+    confirmText?: string;
+    onCancel?: (() => void) | true;
+    externalLink?: boolean;
+    dontShowAgain?: string;
+};
+declare const SimpleAlert: (Markdown: typeof Marked) => ({ onClose, content, onConfirm, onCancel, externalLink, confirmText, dontShowAgain, }: Props & {
+    onClose: () => void;
+}) => React.ReactElement;
+export declare const render: (props: Props) => Promise<(() => void) | undefined>;
+export default SimpleAlert;

package/components/SimpleAlert.js

@@ -1,48 +1,48 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.render = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const core_1 = require("@blueprintjs/core");
-const createOverlayRender_1 = tslib_1.__importDefault(require("../util/createOverlayRender"));
-const createBlock_1 = tslib_1.__importDefault(require("../writes/createBlock"));
-const SimpleAlert = (Markdown) => ({ onClose, content, onConfirm, onCancel, externalLink, confirmText = "Ok", dontShowAgain, }) => {
-    const alertOnClose = (0, react_1.useCallback)((confirmed) => {
-        onClose();
-        if (!confirmed && typeof onCancel === "function")
-            onCancel();
-    }, [onCancel, onClose]);
-    const cancelProps = onCancel
-        ? {
-            cancelButtonText: "Cancel",
-            canOutsideClickCancel: true,
-            canEscapeKeyCancel: true,
-        }
-        : {};
-    const [checked, setChecked] = (0, react_1.useState)(false);
-    const alerOnConfirm = (0, react_1.useCallback)(() => {
-        (checked && dontShowAgain
-            ? (0, createBlock_1.default)({
-                parentUid: dontShowAgain,
-                node: { text: "Do not show again" },
-            })
-            : Promise.resolve()).then(onConfirm);
-    }, [onConfirm, checked, dontShowAgain]);
-    return (react_1.default.createElement(core_1.Alert, Object.assign({ isOpen: true, onClose: alertOnClose, onConfirm: alerOnConfirm, confirmButtonText: confirmText, 
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore
-        autoFocus: false }, cancelProps),
-        react_1.default.createElement("div", { className: core_1.Classes.ALERT_CONTENTS, style: { whiteSpace: "pre-wrap" } },
-            react_1.default.createElement(Markdown, { renderer: externalLink
-                    ? {
-                        link: (href, text) => (react_1.default.createElement("a", { href: href, rel: "noreferrer", target: "_blank" }, text)),
-                    }
-                    : {} }, content),
-            dontShowAgain && (react_1.default.createElement(core_1.Checkbox, { checked: checked, label: "Don't show again", onChange: (e) => setChecked(e.target.checked) })))));
-};
-const render = (props) => (window.RoamLazy
-    ? window.RoamLazy.MarkedReact()
-    : Promise.resolve().then(() => tslib_1.__importStar(require("marked-react"))).then((r) => r.default)).then((Markdown) => (0, createOverlayRender_1.default)("simple-alert", SimpleAlert(Markdown))(props));
-exports.render = render;
-exports.default = SimpleAlert;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.render = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const core_1 = require("@blueprintjs/core");
+const createOverlayRender_1 = tslib_1.__importDefault(require("../util/createOverlayRender"));
+const createBlock_1 = tslib_1.__importDefault(require("../writes/createBlock"));
+const SimpleAlert = (Markdown) => ({ onClose, content, onConfirm, onCancel, externalLink, confirmText = "Ok", dontShowAgain, }) => {
+    const alertOnClose = (0, react_1.useCallback)((confirmed) => {
+        onClose();
+        if (!confirmed && typeof onCancel === "function")
+            onCancel();
+    }, [onCancel, onClose]);
+    const cancelProps = onCancel
+        ? {
+            cancelButtonText: "Cancel",
+            canOutsideClickCancel: true,
+            canEscapeKeyCancel: true,
+        }
+        : {};
+    const [checked, setChecked] = (0, react_1.useState)(false);
+    const alerOnConfirm = (0, react_1.useCallback)(() => {
+        (checked && dontShowAgain
+            ? (0, createBlock_1.default)({
+                parentUid: dontShowAgain,
+                node: { text: "Do not show again" },
+            })
+            : Promise.resolve()).then(onConfirm);
+    }, [onConfirm, checked, dontShowAgain]);
+    return (react_1.default.createElement(core_1.Alert, Object.assign({ isOpen: true, onClose: alertOnClose, onConfirm: alerOnConfirm, confirmButtonText: confirmText, 
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        autoFocus: false }, cancelProps),
+        react_1.default.createElement("div", { className: core_1.Classes.ALERT_CONTENTS, style: { whiteSpace: "pre-wrap" } },
+            react_1.default.createElement(Markdown, { renderer: externalLink
+                    ? {
+                        link: (href, text) => (react_1.default.createElement("a", { href: href, rel: "noreferrer", target: "_blank" }, text)),
+                    }
+                    : {} }, content),
+            dontShowAgain && (react_1.default.createElement(core_1.Checkbox, { checked: checked, label: "Don't show again", onChange: (e) => setChecked(e.target.checked) })))));
+};
+const render = (props) => (window.RoamLazy
+    ? window.RoamLazy.MarkedReact()
+    : Promise.resolve().then(() => tslib_1.__importStar(require("marked-react"))).then((r) => r.default)).then((Markdown) => (0, createOverlayRender_1.default)("simple-alert", SimpleAlert(Markdown))(props));
+exports.render = render;
+exports.default = SimpleAlert;
 //# sourceMappingURL=SimpleAlert.js.map

package/components/Toast.d.ts

@@ -1,15 +1,15 @@
-import React from "react";
-import { Intent, IToastProps, ToasterPosition } from "@blueprintjs/core";
-declare type ToastBaseProps = {
-    content?: React.ReactNode;
-    timeout?: number;
-    intent?: Intent;
-    onDismiss?: IToastProps["onDismiss"];
-    action?: IToastProps["action"];
-};
-declare type ToastProps = {
-    id: string;
-    position?: ToasterPosition;
-} & ToastBaseProps;
-export declare const render: ({ position, ...props }: ToastProps) => (() => void);
-export default render;
+import React from "react";
+import { Intent, IToastProps, ToasterPosition } from "@blueprintjs/core";
+declare type ToastBaseProps = {
+    content?: React.ReactNode;
+    timeout?: number;
+    intent?: Intent;
+    onDismiss?: IToastProps["onDismiss"];
+    action?: IToastProps["action"];
+};
+declare type ToastProps = {
+    id: string;
+    position?: ToasterPosition;
+} & ToastBaseProps;
+export declare const render: ({ position, ...props }: ToastProps) => (() => void);
+export default render;

package/components/Toast.js

@@ -1,51 +1,51 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.render = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const core_1 = require("@blueprintjs/core");
-const render = (_a) => {
-    var { position = "top" } = _a, props = tslib_1.__rest(_a, ["position"]);
-    const className = `roamjs-toast-${position}`;
-    const toasterRoot = document.querySelector(`.bp3-toast-container.${className}`);
-    if (toasterRoot) {
-        toasterRoot.dispatchEvent(new CustomEvent("roamjs-toast", { detail: props }));
-        return () => toasterRoot.remove();
-    }
-    else {
-        const toaster = core_1.Toaster.create({
-            position,
-            className,
-        });
-        // `import(marked-react)` is returning `window.RoamLazy.MarkedReact` instead of the module itself
-        (window.RoamLazy
-            ? window.RoamLazy.MarkedReact()
-            : Promise.resolve().then(() => tslib_1.__importStar(require("marked-react"))).then((r) => r.default)).then((Markdown) => {
-            const Toast = ({ content = "RoamJS Notification", intent = core_1.Intent.PRIMARY, timeout = 5000, onDismiss, action, }) => {
-                const isStringContent = typeof content === "string";
-                return {
-                    message: (react_1.default.createElement(react_1.default.Fragment, null,
-                        react_1.default.createElement("style", null, `.${className} p { margin-bottom: 0; }`),
-                        isStringContent ? react_1.default.createElement(Markdown, null, content) : content)),
-                    intent,
-                    timeout,
-                    onDismiss,
-                    action,
-                };
-            };
-            toaster.show(Toast(props), props.id);
-            setTimeout(() => {
-                const toasterRoot = document.querySelector(`.bp3-toast-container.${className}`);
-                if (toasterRoot)
-                    toasterRoot.addEventListener("roamjs-toast", ((e) => {
-                        const _a = e.detail, { id } = _a, props = tslib_1.__rest(_a, ["id"]);
-                        toaster.show(Toast(props), id);
-                    }));
-            }, 1);
-        });
-        return () => toaster.dismiss(props.id);
-    }
-};
-exports.render = render;
-exports.default = exports.render;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.render = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const core_1 = require("@blueprintjs/core");
+const render = (_a) => {
+    var { position = "top" } = _a, props = tslib_1.__rest(_a, ["position"]);
+    const className = `roamjs-toast-${position}`;
+    const toasterRoot = document.querySelector(`.bp3-toast-container.${className}`);
+    if (toasterRoot) {
+        toasterRoot.dispatchEvent(new CustomEvent("roamjs-toast", { detail: props }));
+        return () => toasterRoot.remove();
+    }
+    else {
+        const toaster = core_1.Toaster.create({
+            position,
+            className,
+        });
+        // `import(marked-react)` is returning `window.RoamLazy.MarkedReact` instead of the module itself
+        (window.RoamLazy
+            ? window.RoamLazy.MarkedReact()
+            : Promise.resolve().then(() => tslib_1.__importStar(require("marked-react"))).then((r) => r.default)).then((Markdown) => {
+            const Toast = ({ content = "RoamJS Notification", intent = core_1.Intent.PRIMARY, timeout = 5000, onDismiss, action, }) => {
+                const isStringContent = typeof content === "string";
+                return {
+                    message: (react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement("style", null, `.${className} p { margin-bottom: 0; }`),
+                        isStringContent ? react_1.default.createElement(Markdown, null, content) : content)),
+                    intent,
+                    timeout,
+                    onDismiss,
+                    action,
+                };
+            };
+            toaster.show(Toast(props), props.id);
+            setTimeout(() => {
+                const toasterRoot = document.querySelector(`.bp3-toast-container.${className}`);
+                if (toasterRoot)
+                    toasterRoot.addEventListener("roamjs-toast", ((e) => {
+                        const _a = e.detail, { id } = _a, props = tslib_1.__rest(_a, ["id"]);
+                        toaster.show(Toast(props), id);
+                    }));
+            }, 1);
+        });
+        return () => toaster.dismiss(props.id);
+    }
+};
+exports.render = render;
+exports.default = exports.render;
 //# sourceMappingURL=Toast.js.map

package/components/index.js

@@ -1,5 +1,5 @@
-"use strict";
-throw new Error(`Do not import from roamjs-components/components directly. Instead import the *component* you need directly. For example: 
-  
-import AutocompleteInput from "roamjs-components/util/AutocompleteInput;"`);
+"use strict";
+throw new Error(`Do not import from roamjs-components/components directly. Instead import the *component* you need directly. For example: 
+  
+import AutocompleteInput from "roamjs-components/util/AutocompleteInput;"`);
 //# sourceMappingURL=index.js.map

package/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";AAAA,MAAM,IAAI,KAAK,CACb;;0EAEwE,CACzE,CAAC","sourcesContent":["throw new Error(\r\n  `Do not import from roamjs-components/components directly. Instead import the *component* you need directly. For example: \r\n  \r\nimport AutocompleteInput from \"roamjs-components/util/AutocompleteInput;\"`\r\n);\r\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";AAAA,MAAM,IAAI,KAAK,CACb;;0EAEwE,CACzE,CAAC","sourcesContent":["throw new Error(\n  `Do not import from roamjs-components/components directly. Instead import the *component* you need directly. For example: \n  \nimport AutocompleteInput from \"roamjs-components/util/AutocompleteInput;\"`\n);\n"]}

package/components.d.ts

@@ -1,5 +1,5 @@
-declare const _default: {
-    onload: (args: import("./types").OnloadArgs) => void;
-    onunload: () => void;
-};
-export default _default;
+declare const _default: {
+    onload: (args: import("./types").OnloadArgs) => void;
+    onunload: () => void;
+};
+export default _default;