roamjs-components 0.85.1 → 0.85.3

package/components/MenuItemSelect.d.ts

@@ -1,17 +1,17 @@
-import { ButtonProps } from "@blueprintjs/core";
-import { SelectProps, ICreateNewItem } from "@blueprintjs/select";
-import React, { ReactText, ButtonHTMLAttributes, ReactNode } from "react";
-declare type ActiveItem<T> = T | ICreateNewItem | null | undefined;
-declare type TransformItem<T> = (s: T) => ReactNode;
-declare type MenuItemSelectProps<T extends ReactText> = Omit<SelectProps<T>, "itemRenderer"> & {
-    ButtonProps?: ButtonProps & ButtonHTMLAttributes<HTMLButtonElement>;
-    emptyValueText?: string;
-    transformItem?: TransformItem<T>;
-    children?: (props: {
-        activeItem: ActiveItem<T>;
-        emptyValueText?: string;
-        transformItem?: TransformItem<T>;
-    }) => ReactNode;
-};
-declare const MenuItemSelect: <T extends React.ReactText>(props: MenuItemSelectProps<T>) => JSX.Element;
-export default MenuItemSelect;
+import { ButtonProps } from "@blueprintjs/core";
+import { SelectProps, ICreateNewItem } from "@blueprintjs/select";
+import React, { ReactText, ButtonHTMLAttributes, ReactNode } from "react";
+declare type ActiveItem<T> = T | ICreateNewItem | null | undefined;
+declare type TransformItem<T> = (s: T) => ReactNode;
+declare type MenuItemSelectProps<T extends ReactText> = Omit<SelectProps<T>, "itemRenderer"> & {
+    ButtonProps?: ButtonProps & ButtonHTMLAttributes<HTMLButtonElement>;
+    emptyValueText?: string;
+    transformItem?: TransformItem<T>;
+    children?: (props: {
+        activeItem: ActiveItem<T>;
+        emptyValueText?: string;
+        transformItem?: TransformItem<T>;
+    }) => ReactNode;
+};
+declare const MenuItemSelect: <T extends React.ReactText>(props: MenuItemSelectProps<T>) => JSX.Element;
+export default MenuItemSelect;

package/components/MenuItemSelect.js

@@ -1,24 +1,24 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const core_1 = require("@blueprintjs/core");
-const select_1 = require("@blueprintjs/select");
-const react_1 = tslib_1.__importDefault(require("react"));
-const MenuItemSelect = (props) => {
-    const TypeSelect = select_1.Select.ofType();
-    const itemPredicate = (query, item) => {
-        const text = props.transformItem ? props.transformItem(item) : item;
-        return String(text).toLowerCase().includes(query.toLowerCase());
-    };
-    const { activeItem, filterable = false, children, transformItem, emptyValueText } = props, selectProps = tslib_1.__rest(props, ["activeItem", "filterable", "children", "transformItem", "emptyValueText"]);
-    const defaultButton = (react_1.default.createElement(core_1.Button, Object.assign({ text: activeItem ? (transformItem ? (transformItem(activeItem)) : (activeItem)) : (react_1.default.createElement("span", { className: "opacity-50 italic" }, emptyValueText || "Choose...")), rightIcon: "double-caret-vertical" }, props.ButtonProps)));
-    return (react_1.default.createElement(TypeSelect, Object.assign({}, selectProps, { itemRenderer: (item, { modifiers, handleClick }) => (react_1.default.createElement(core_1.MenuItem, { key: item, text: transformItem ? transformItem(item) : item, active: modifiers.active, onClick: handleClick })), filterable: filterable, itemPredicate: filterable ? itemPredicate : undefined, popoverProps: Object.assign({ minimal: true, captureDismiss: true }, props.popoverProps) }), children
-        ? children({
-            activeItem,
-            emptyValueText,
-            transformItem,
-        })
-        : defaultButton));
-};
-exports.default = MenuItemSelect;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const core_1 = require("@blueprintjs/core");
+const select_1 = require("@blueprintjs/select");
+const react_1 = tslib_1.__importDefault(require("react"));
+const MenuItemSelect = (props) => {
+    const TypeSelect = select_1.Select.ofType();
+    const itemPredicate = (query, item) => {
+        const text = props.transformItem ? props.transformItem(item) : item;
+        return String(text).toLowerCase().includes(query.toLowerCase());
+    };
+    const { activeItem, filterable = false, children, transformItem, emptyValueText } = props, selectProps = tslib_1.__rest(props, ["activeItem", "filterable", "children", "transformItem", "emptyValueText"]);
+    const defaultButton = (react_1.default.createElement(core_1.Button, Object.assign({ text: activeItem ? (transformItem ? (transformItem(activeItem)) : (activeItem)) : (react_1.default.createElement("span", { className: "opacity-50 italic" }, emptyValueText || "Choose...")), rightIcon: "double-caret-vertical" }, props.ButtonProps)));
+    return (react_1.default.createElement(TypeSelect, Object.assign({}, selectProps, { itemRenderer: (item, { modifiers, handleClick }) => (react_1.default.createElement(core_1.MenuItem, { key: item, text: transformItem ? transformItem(item) : item, active: modifiers.active, onClick: handleClick })), filterable: filterable, itemPredicate: filterable ? itemPredicate : undefined, popoverProps: Object.assign({ minimal: true, captureDismiss: true }, props.popoverProps) }), children
+        ? children({
+            activeItem,
+            emptyValueText,
+            transformItem,
+        })
+        : defaultButton));
+};
+exports.default = MenuItemSelect;
 //# sourceMappingURL=MenuItemSelect.js.map

package/components/OauthPanel.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import { ExternalLoginOptions } from "./ExternalLogin";
-declare const OauthPanel: {
-    (options: ExternalLoginOptions): JSX.Element;
-    type: string;
-};
-export default OauthPanel;
+/// <reference types="react" />
+import { ExternalLoginOptions } from "./ExternalLogin";
+declare const OauthPanel: {
+    (options: ExternalLoginOptions): JSX.Element;
+    type: string;
+};
+export default OauthPanel;

package/components/OauthPanel.js

@@ -1,31 +1,31 @@
-"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 localStorageGet_1 = tslib_1.__importDefault(require("../util/localStorageGet"));
-const localStorageSet_1 = require("../util/localStorageSet");
-const ExternalLogin_1 = tslib_1.__importDefault(require("./ExternalLogin"));
-const OauthPanel = (options) => {
-    const key = `oauth-${options.service}`;
-    const [accounts, setAccounts] = (0, react_1.useState)(() => JSON.parse((0, localStorageGet_1.default)(key) || "[]"));
-    return (react_1.default.createElement("div", { className: "flex flex-col gap-1", style: { minWidth: 300 } },
-        react_1.default.createElement(ExternalLogin_1.default, Object.assign({ useLocal: true, onSuccess: (acc) => setAccounts([...accounts, acc]), parentUid: "", loggedIn: !!accounts.length }, options)),
-        !!accounts.length && (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement("h5", { className: "margin-0" }, "Accounts"),
-            react_1.default.createElement("ul", { className: "margin-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: () => {
-                        const accts = JSON.parse((0, localStorageGet_1.default)(key));
-                        (0, localStorageSet_1.localStorageSet)(key, JSON.stringify(accts.filter((a) => act.uid !== a.uid)));
-                        setAccounts(accounts.filter((a) => act.uid !== a.uid));
-                    } })))))))));
-};
-OauthPanel.type = "oauth";
-exports.default = OauthPanel;
+"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 localStorageGet_1 = tslib_1.__importDefault(require("../util/localStorageGet"));
+const localStorageSet_1 = require("../util/localStorageSet");
+const ExternalLogin_1 = tslib_1.__importDefault(require("./ExternalLogin"));
+const OauthPanel = (options) => {
+    const key = `oauth-${options.service}`;
+    const [accounts, setAccounts] = (0, react_1.useState)(() => JSON.parse((0, localStorageGet_1.default)(key) || "[]"));
+    return (react_1.default.createElement("div", { className: "flex flex-col gap-1", style: { minWidth: 300 } },
+        react_1.default.createElement(ExternalLogin_1.default, Object.assign({ useLocal: true, onSuccess: (acc) => setAccounts([...accounts, acc]), parentUid: "", loggedIn: !!accounts.length }, options)),
+        !!accounts.length && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement("h5", { className: "margin-0" }, "Accounts"),
+            react_1.default.createElement("ul", { className: "margin-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: () => {
+                        const accts = JSON.parse((0, localStorageGet_1.default)(key));
+                        (0, localStorageSet_1.localStorageSet)(key, JSON.stringify(accts.filter((a) => act.uid !== a.uid)));
+                        setAccounts(accounts.filter((a) => act.uid !== a.uid));
+                    } })))))))));
+};
+OauthPanel.type = "oauth";
+exports.default = OauthPanel;
 //# sourceMappingURL=OauthPanel.js.map

package/components/OauthSelect.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-export declare const useOauthAccounts: (id: string) => {
-    accountDropdown: React.ReactElement;
-    accountLabel: string;
-};
+import React from "react";
+export declare const useOauthAccounts: (id: string) => {
+    accountDropdown: React.ReactElement;
+    accountLabel: string;
+};

package/components/OauthSelect.js

@@ -1,26 +1,26 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useOauthAccounts = void 0;
-const tslib_1 = require("tslib");
-const core_1 = require("@blueprintjs/core");
-const react_1 = tslib_1.__importStar(require("react"));
-const getPageUidByPageTitle_1 = tslib_1.__importDefault(require("../queries/getPageUidByPageTitle"));
-const getBasicTreeByParentUid_1 = tslib_1.__importDefault(require("../queries/getBasicTreeByParentUid"));
-const toFlexRegex_1 = tslib_1.__importDefault(require("../util/toFlexRegex"));
-const MenuItemSelect_1 = tslib_1.__importDefault(require("./MenuItemSelect"));
-const useOauthAccounts = (id) => {
-    var _a;
-    const accountLabels = (((_a = (0, getBasicTreeByParentUid_1.default)((0, getPageUidByPageTitle_1.default)(`roam/js/${id}`)).find((t) => (0, toFlexRegex_1.default)("oauth").test(t.text))) === null || _a === void 0 ? void 0 : _a.children) || [])
-        .map((t) => t.text)
-        .filter((t) => !t.startsWith("{") && !t.endsWith("}"));
-    const [accountLabel, setAccountLabel] = (0, react_1.useState)(accountLabels[0] || "");
-    const accountDropdown = (react_1.default.createElement(react_1.default.Fragment, null, accountLabels.length > 1 && (react_1.default.createElement(core_1.Label, null,
-        "Account:",
-        react_1.default.createElement(MenuItemSelect_1.default, { activeItem: accountLabel, onItemSelect: (i) => setAccountLabel(i), items: accountLabels })))));
-    return {
-        accountDropdown,
-        accountLabel,
-    };
-};
-exports.useOauthAccounts = useOauthAccounts;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOauthAccounts = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@blueprintjs/core");
+const react_1 = tslib_1.__importStar(require("react"));
+const getPageUidByPageTitle_1 = tslib_1.__importDefault(require("../queries/getPageUidByPageTitle"));
+const getBasicTreeByParentUid_1 = tslib_1.__importDefault(require("../queries/getBasicTreeByParentUid"));
+const toFlexRegex_1 = tslib_1.__importDefault(require("../util/toFlexRegex"));
+const MenuItemSelect_1 = tslib_1.__importDefault(require("./MenuItemSelect"));
+const useOauthAccounts = (id) => {
+    var _a;
+    const accountLabels = (((_a = (0, getBasicTreeByParentUid_1.default)((0, getPageUidByPageTitle_1.default)(`roam/js/${id}`)).find((t) => (0, toFlexRegex_1.default)("oauth").test(t.text))) === null || _a === void 0 ? void 0 : _a.children) || [])
+        .map((t) => t.text)
+        .filter((t) => !t.startsWith("{") && !t.endsWith("}"));
+    const [accountLabel, setAccountLabel] = (0, react_1.useState)(accountLabels[0] || "");
+    const accountDropdown = (react_1.default.createElement(react_1.default.Fragment, null, accountLabels.length > 1 && (react_1.default.createElement(core_1.Label, null,
+        "Account:",
+        react_1.default.createElement(MenuItemSelect_1.default, { activeItem: accountLabel, onItemSelect: (i) => setAccountLabel(i), items: accountLabels })))));
+    return {
+        accountDropdown,
+        accountLabel,
+    };
+};
+exports.useOauthAccounts = useOauthAccounts;
 //# sourceMappingURL=OauthSelect.js.map

package/components/PageInput.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-import { AutocompleteInputProps } from "./AutocompleteInput";
-declare const PageInput: ({ extra, ...rest }: {
-    extra?: string[] | undefined;
-} & Omit<AutocompleteInputProps<string>, "options">) => React.ReactElement;
-export default PageInput;
+import React from "react";
+import { AutocompleteInputProps } from "./AutocompleteInput";
+declare const PageInput: ({ extra, ...rest }: {
+    extra?: string[] | undefined;
+} & Omit<AutocompleteInputProps<string>, "options">) => React.ReactElement;
+export default PageInput;

package/components/PageInput.js

@@ -1,14 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const getAllPageNames_1 = tslib_1.__importDefault(require("../queries/getAllPageNames"));
-const AutocompleteInput_1 = tslib_1.__importDefault(require("./AutocompleteInput"));
-const DEFAULT_EXTRA = [];
-const PageInput = (_a) => {
-    var { extra = DEFAULT_EXTRA } = _a, rest = tslib_1.__rest(_a, ["extra"]);
-    const options = (0, react_1.useMemo)(() => [...(0, getAllPageNames_1.default)(), ...extra], [extra]);
-    return react_1.default.createElement(AutocompleteInput_1.default, Object.assign({}, rest, { options: options }));
-};
-exports.default = PageInput;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const getAllPageNames_1 = tslib_1.__importDefault(require("../queries/getAllPageNames"));
+const AutocompleteInput_1 = tslib_1.__importDefault(require("./AutocompleteInput"));
+const DEFAULT_EXTRA = [];
+const PageInput = (_a) => {
+    var { extra = DEFAULT_EXTRA } = _a, rest = tslib_1.__rest(_a, ["extra"]);
+    const options = (0, react_1.useMemo)(() => [...(0, getAllPageNames_1.default)(), ...extra], [extra]);
+    return react_1.default.createElement(AutocompleteInput_1.default, Object.assign({}, rest, { options: options }));
+};
+exports.default = PageInput;
 //# sourceMappingURL=PageInput.js.map

package/components/PageLink.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-declare const PageLink: ({ uid, onCtrlClick, children, }: React.PropsWithChildren<{
-    uid: string;
-    onCtrlClick?: ((e: React.MouseEvent) => void) | undefined;
-}>) => JSX.Element;
-export default PageLink;
+import React from "react";
+declare const PageLink: ({ uid, onCtrlClick, children, }: React.PropsWithChildren<{
+    uid: string;
+    onCtrlClick?: ((e: React.MouseEvent) => void) | undefined;
+}>) => JSX.Element;
+export default PageLink;

package/components/PageLink.js

@@ -1,32 +1,32 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const getRoamUrl_1 = tslib_1.__importDefault(require("../dom/getRoamUrl"));
-const getPageTitleByPageUid_1 = tslib_1.__importDefault(require("../queries/getPageTitleByPageUid"));
-const openBlockInSidebar_1 = tslib_1.__importDefault(require("../writes/openBlockInSidebar"));
-const PageLink = ({ uid, onCtrlClick, children, }) => {
-    const title = (0, react_1.useMemo)(() => children || (0, getPageTitleByPageUid_1.default)(uid), [children, uid]);
-    return (react_1.default.createElement("a", { className: "rm-page-ref", "data-link-title": title, href: (0, getRoamUrl_1.default)(uid), onMouseDown: (e) => {
-            if (e.shiftKey) {
-                (0, openBlockInSidebar_1.default)(uid);
-                e.preventDefault();
-                e.stopPropagation();
-            }
-            else if (e.ctrlKey) {
-                onCtrlClick === null || onCtrlClick === void 0 ? void 0 : onCtrlClick(e);
-            }
-        }, onClick: (e) => {
-            if (e.shiftKey || e.ctrlKey) {
-                e.preventDefault();
-                e.stopPropagation();
-            }
-        }, onContextMenu: (e) => {
-            if (e.ctrlKey) {
-                e.preventDefault();
-                e.stopPropagation();
-            }
-        } }, title));
-};
-exports.default = PageLink;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const getRoamUrl_1 = tslib_1.__importDefault(require("../dom/getRoamUrl"));
+const getPageTitleByPageUid_1 = tslib_1.__importDefault(require("../queries/getPageTitleByPageUid"));
+const openBlockInSidebar_1 = tslib_1.__importDefault(require("../writes/openBlockInSidebar"));
+const PageLink = ({ uid, onCtrlClick, children, }) => {
+    const title = (0, react_1.useMemo)(() => children || (0, getPageTitleByPageUid_1.default)(uid), [children, uid]);
+    return (react_1.default.createElement("a", { className: "rm-page-ref", "data-link-title": title, href: (0, getRoamUrl_1.default)(uid), onMouseDown: (e) => {
+            if (e.shiftKey) {
+                (0, openBlockInSidebar_1.default)(uid);
+                e.preventDefault();
+                e.stopPropagation();
+            }
+            else if (e.ctrlKey) {
+                onCtrlClick === null || onCtrlClick === void 0 ? void 0 : onCtrlClick(e);
+            }
+        }, onClick: (e) => {
+            if (e.shiftKey || e.ctrlKey) {
+                e.preventDefault();
+                e.stopPropagation();
+            }
+        }, onContextMenu: (e) => {
+            if (e.ctrlKey) {
+                e.preventDefault();
+                e.stopPropagation();
+            }
+        } }, title));
+};
+exports.default = PageLink;
 //# sourceMappingURL=PageLink.js.map

package/components/ProgressDialog.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
-declare type Props = {
-    id: string;
-    timeout: number;
-};
-export declare const ID = "roamjs-progress-dialog-root";
-declare const ProgressDialog: ({ onClose, ...props }: {
-    onClose: () => void;
-} & Props) => JSX.Element;
-export declare const render: (props: Props) => (() => void) | undefined;
-export default ProgressDialog;
+/// <reference types="react" />
+declare type Props = {
+    id: string;
+    timeout: number;
+};
+export declare const ID = "roamjs-progress-dialog-root";
+declare const ProgressDialog: ({ onClose, ...props }: {
+    onClose: () => void;
+} & Props) => JSX.Element;
+export declare const render: (props: Props) => (() => void) | undefined;
+export default ProgressDialog;

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