roamjs-components 0.53.2 → 0.53.5

package/components/Loading.js

@@ -1,34 +1,34 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderLoading = void 0;
-const tslib_1 = require("tslib");
-const core_1 = require("@blueprintjs/core");
-const react_1 = (0, tslib_1.__importDefault)(require("react"));
-const react_dom_1 = (0, tslib_1.__importDefault)(require("react-dom"));
-const Loading = () => {
-    return react_1.default.createElement(core_1.Spinner, { size: core_1.SpinnerSize.SMALL });
-};
-const renderLoading = (targetUid) => {
-    var _a;
-    const reactParent = document.createElement("div");
-    reactParent.style.position = "absolute";
-    reactParent.style.top = "0";
-    reactParent.style.right = "0";
-    const parent = ((_a = document.querySelector(`.rm-block__input[id$="${targetUid}"]`)) === null || _a === void 0 ? void 0 : _a.parentElement) || document.querySelector(".roam-article");
-    if (parent) {
-        parent.appendChild(reactParent);
-        react_dom_1.default.render(react_1.default.createElement(Loading, null), reactParent);
-        return () => {
-            react_dom_1.default.unmountComponentAtNode(reactParent);
-            reactParent.remove();
-        };
-    }
-    else {
-        return () => {
-            // no parent found
-        };
-    }
-};
-exports.renderLoading = renderLoading;
-exports.default = Loading;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderLoading = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@blueprintjs/core");
+const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const react_dom_1 = (0, tslib_1.__importDefault)(require("react-dom"));
+const Loading = () => {
+    return react_1.default.createElement(core_1.Spinner, { size: core_1.SpinnerSize.SMALL });
+};
+const renderLoading = (targetUid) => {
+    var _a;
+    const reactParent = document.createElement("div");
+    reactParent.style.position = "absolute";
+    reactParent.style.top = "0";
+    reactParent.style.right = "0";
+    const parent = ((_a = document.querySelector(`.rm-block__input[id$="${targetUid}"]`)) === null || _a === void 0 ? void 0 : _a.parentElement) || document.querySelector(".roam-article");
+    if (parent) {
+        parent.appendChild(reactParent);
+        react_dom_1.default.render(react_1.default.createElement(Loading, null), reactParent);
+        return () => {
+            react_dom_1.default.unmountComponentAtNode(reactParent);
+            reactParent.remove();
+        };
+    }
+    else {
+        return () => {
+            // no parent found
+        };
+    }
+};
+exports.renderLoading = renderLoading;
+exports.default = Loading;
 //# sourceMappingURL=Loading.js.map

package/components/MenuItemSelect.d.ts

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

package/components/MenuItemSelect.js

@@ -1,14 +1,14 @@
-"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 = (0, tslib_1.__importDefault)(require("react"));
-const MenuItemSelect = (props) => {
-    const TypeSelect = select_1.Select.ofType();
-    const { activeItem } = props, selectProps = (0, tslib_1.__rest)(props, ["activeItem"]);
-    return (react_1.default.createElement(TypeSelect, Object.assign({}, selectProps, { itemRenderer: (item, { modifiers, handleClick }) => (react_1.default.createElement(core_1.MenuItem, { key: item, text: props.transformItem ? props.transformItem(item) : item, active: modifiers.active, onClick: handleClick })), filterable: false, popoverProps: Object.assign({ minimal: true, captureDismiss: true }, props.popoverProps) }),
-        react_1.default.createElement(core_1.Button, Object.assign({ text: activeItem ? (props.transformItem ? (props.transformItem(activeItem)) : (activeItem)) : (react_1.default.createElement("i", { style: { opacity: 0.5 } }, props.emptyValueText || "Choose...")), rightIcon: "double-caret-vertical" }, props.ButtonProps))));
-};
-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 = (0, tslib_1.__importDefault)(require("react"));
+const MenuItemSelect = (props) => {
+    const TypeSelect = select_1.Select.ofType();
+    const { activeItem } = props, selectProps = (0, tslib_1.__rest)(props, ["activeItem"]);
+    return (react_1.default.createElement(TypeSelect, Object.assign({}, selectProps, { itemRenderer: (item, { modifiers, handleClick }) => (react_1.default.createElement(core_1.MenuItem, { key: item, text: props.transformItem ? props.transformItem(item) : item, active: modifiers.active, onClick: handleClick })), filterable: false, popoverProps: Object.assign({ minimal: true, captureDismiss: true }, props.popoverProps) }),
+        react_1.default.createElement(core_1.Button, Object.assign({ text: activeItem ? (props.transformItem ? (props.transformItem(activeItem)) : (activeItem)) : (react_1.default.createElement("i", { style: { opacity: 0.5 } }, props.emptyValueText || "Choose...")), rightIcon: "double-caret-vertical" }, props.ButtonProps))));
+};
+exports.default = MenuItemSelect;
 //# sourceMappingURL=MenuItemSelect.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 = (0, tslib_1.__importStar)(require("react"));
-const getPageUidByPageTitle_1 = (0, tslib_1.__importDefault)(require("../queries/getPageUidByPageTitle"));
-const getBasicTreeByParentUid_1 = (0, tslib_1.__importDefault)(require("../queries/getBasicTreeByParentUid"));
-const toFlexRegex_1 = (0, tslib_1.__importDefault)(require("../util/toFlexRegex"));
-const MenuItemSelect_1 = (0, 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 = (0, tslib_1.__importStar)(require("react"));
+const getPageUidByPageTitle_1 = (0, tslib_1.__importDefault)(require("../queries/getPageUidByPageTitle"));
+const getBasicTreeByParentUid_1 = (0, tslib_1.__importDefault)(require("../queries/getBasicTreeByParentUid"));
+const toFlexRegex_1 = (0, tslib_1.__importDefault)(require("../util/toFlexRegex"));
+const MenuItemSelect_1 = (0, 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,10 +1,10 @@
-import React from "react";
-declare const PageInput: ({ value, setValue, onBlur, onConfirm, showButton, extra, }: {
-    value: string;
-    setValue: (q: string) => void;
-    showButton?: boolean | undefined;
-    onBlur?: ((v: string) => void) | undefined;
-    onConfirm?: (() => void) | undefined;
-    extra?: string[] | undefined;
-}) => React.ReactElement;
-export default PageInput;
+import React from "react";
+declare const PageInput: ({ value, setValue, onBlur, onConfirm, showButton, extra, }: {
+    value: string;
+    setValue: (q: string) => void;
+    showButton?: boolean | undefined;
+    onBlur?: ((v: string) => void) | undefined;
+    onConfirm?: (() => void) | undefined;
+    extra?: string[] | undefined;
+}) => React.ReactElement;
+export default PageInput;

package/components/PageInput.js

@@ -1,70 +1,70 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const core_1 = require("@blueprintjs/core");
-const react_1 = (0, tslib_1.__importStar)(require("react"));
-const queries_1 = require("../queries");
-const useArrowKeyDown_1 = (0, tslib_1.__importDefault)(require("../hooks/useArrowKeyDown"));
-const fuzzy_1 = (0, tslib_1.__importDefault)(require("fuzzy"));
-const DEFAULT_EXTRA = [];
-const PageInput = ({ value, setValue, onBlur, onConfirm, showButton, extra = DEFAULT_EXTRA, }) => {
-    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
-    const open = (0, react_1.useCallback)(() => setIsOpen(true), [setIsOpen]);
-    const close = (0, react_1.useCallback)(() => setIsOpen(false), [setIsOpen]);
-    const allPages = (0, react_1.useMemo)(() => [...(0, queries_1.getAllPageNames)(), ...extra], [extra]);
-    const items = (0, react_1.useMemo)(() => value && isOpen
-        ? fuzzy_1.default
-            .filter(value, allPages)
-            .slice(0, 9)
-            .map((e) => e.string)
-        : [], [value, allPages]);
-    const inputRef = (0, react_1.useRef)(null);
-    const onEnter = (0, react_1.useCallback)((value) => {
-        if (isOpen) {
-            setValue(value);
-            close();
-        }
-        else if (onConfirm) {
-            onConfirm();
-        }
-    }, [setValue, close, onConfirm, isOpen]);
-    const { activeIndex, onKeyDown } = (0, useArrowKeyDown_1.default)({
-        onEnter,
-        results: items,
-    });
-    return (react_1.default.createElement(core_1.Popover, { portalClassName: "roamjs-page-input", targetClassName: "roamjs-page-input-target", captureDismiss: true, isOpen: isOpen, onOpened: open, minimal: true, autoFocus: false, enforceFocus: false, position: core_1.PopoverPosition.BOTTOM_LEFT, modifiers: {
-            flip: { enabled: false },
-            preventOverflow: { enabled: false },
-        }, content: react_1.default.createElement(core_1.Menu, { style: { maxWidth: 400 } }, items.map((t, i) => (react_1.default.createElement(core_1.MenuItem, { text: t, active: activeIndex === i, key: i, multiline: true, onClick: () => {
-                var _a;
-                setValue(items[i]);
-                close();
-                (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-            } })))), target: react_1.default.createElement(core_1.InputGroup, Object.assign({ value: value || "", onChange: (e) => {
-                setValue(e.target.value);
-                setIsOpen(!!e.target.value);
-            }, placeholder: "Search for a page", autoFocus: true, onKeyDown: (e) => {
-                if (e.key === "Escape") {
-                    e.stopPropagation();
-                    close();
-                }
-                else {
-                    onKeyDown(e);
-                }
-            }, onBlur: (e) => {
-                var _a, _b;
-                if (e.relatedTarget &&
-                    !((_b = (_a = e.relatedTarget).closest) === null || _b === void 0 ? void 0 : _b.call(_a, ".roamjs-page-input"))) {
-                    close();
-                }
-                if (onBlur) {
-                    onBlur(e.target.value);
-                }
-            }, inputRef: inputRef }, (showButton
-            ? {
-                rightElement: react_1.default.createElement(core_1.Button, { icon: "add", minimal: true, onClick: onEnter }),
-            }
-            : {}))) }));
-};
-exports.default = PageInput;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const core_1 = require("@blueprintjs/core");
+const react_1 = (0, tslib_1.__importStar)(require("react"));
+const queries_1 = require("../queries");
+const useArrowKeyDown_1 = (0, tslib_1.__importDefault)(require("../hooks/useArrowKeyDown"));
+const fuzzy_1 = (0, tslib_1.__importDefault)(require("fuzzy"));
+const DEFAULT_EXTRA = [];
+const PageInput = ({ value, setValue, onBlur, onConfirm, showButton, extra = DEFAULT_EXTRA, }) => {
+    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+    const open = (0, react_1.useCallback)(() => setIsOpen(true), [setIsOpen]);
+    const close = (0, react_1.useCallback)(() => setIsOpen(false), [setIsOpen]);
+    const allPages = (0, react_1.useMemo)(() => [...(0, queries_1.getAllPageNames)(), ...extra], [extra]);
+    const items = (0, react_1.useMemo)(() => value && isOpen
+        ? fuzzy_1.default
+            .filter(value, allPages)
+            .slice(0, 9)
+            .map((e) => e.string)
+        : [], [value, allPages]);
+    const inputRef = (0, react_1.useRef)(null);
+    const onEnter = (0, react_1.useCallback)((value) => {
+        if (isOpen) {
+            setValue(value);
+            close();
+        }
+        else if (onConfirm) {
+            onConfirm();
+        }
+    }, [setValue, close, onConfirm, isOpen]);
+    const { activeIndex, onKeyDown } = (0, useArrowKeyDown_1.default)({
+        onEnter,
+        results: items,
+    });
+    return (react_1.default.createElement(core_1.Popover, { portalClassName: "roamjs-page-input", targetClassName: "roamjs-page-input-target", captureDismiss: true, isOpen: isOpen, onOpened: open, minimal: true, autoFocus: false, enforceFocus: false, position: core_1.PopoverPosition.BOTTOM_LEFT, modifiers: {
+            flip: { enabled: false },
+            preventOverflow: { enabled: false },
+        }, content: react_1.default.createElement(core_1.Menu, { style: { maxWidth: 400 } }, items.map((t, i) => (react_1.default.createElement(core_1.MenuItem, { text: t, active: activeIndex === i, key: i, multiline: true, onClick: () => {
+                var _a;
+                setValue(items[i]);
+                close();
+                (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+            } })))), target: react_1.default.createElement(core_1.InputGroup, Object.assign({ value: value || "", onChange: (e) => {
+                setValue(e.target.value);
+                setIsOpen(!!e.target.value);
+            }, placeholder: "Search for a page", autoFocus: true, onKeyDown: (e) => {
+                if (e.key === "Escape") {
+                    e.stopPropagation();
+                    close();
+                }
+                else {
+                    onKeyDown(e);
+                }
+            }, onBlur: (e) => {
+                var _a, _b;
+                if (e.relatedTarget &&
+                    !((_b = (_a = e.relatedTarget).closest) === null || _b === void 0 ? void 0 : _b.call(_a, ".roamjs-page-input"))) {
+                    close();
+                }
+                if (onBlur) {
+                    onBlur(e.target.value);
+                }
+            }, inputRef: inputRef }, (showButton
+            ? {
+                rightElement: react_1.default.createElement(core_1.Button, { icon: "add", minimal: true, onClick: onEnter }),
+            }
+            : {}))) }));
+};
+exports.default = PageInput;
 //# sourceMappingURL=PageInput.js.map

package/components/ServiceComponents.d.ts

@@ -1,49 +1,49 @@
-import { Panel, PanelProps } from "@blueprintjs/core";
-import { AxiosResponse } from "axios";
-import React from "react";
-import type { RoamBasicNode, TreeNode } from "../types";
-declare global {
-    interface Window {
-        [key: `roamjs${string}Token`]: string;
-    }
-}
-export declare const SERVICE_GUIDE_HIGHLIGHT = "3px dashed yellowgreen";
-export declare const isFieldInTree: (field?: string) => (tree: RoamBasicNode[]) => boolean;
-export declare const useIsFieldSet: (field: string) => boolean;
-export declare const useField: (field: string) => string;
-export declare const useFieldVals: (field: string) => string[];
-export declare const useAuthenticatedAxiosGet: () => (path: string) => Promise<AxiosResponse>;
-export declare const useAuthenticatedAxiosPost: () => (path: string, data?: Record<string, unknown> | undefined) => Promise<AxiosResponse>;
-export declare const useAuthenticatedAxiosPut: () => (path: string, data?: Record<string, unknown> | undefined) => Promise<AxiosResponse>;
-export declare const useAuthenticatedAxiosDelete: () => (path: string) => Promise<AxiosResponse>;
-export declare const runService: ({ id, Dashboard, }: {
-    id: string;
-    Dashboard: React.FC;
-}) => void;
-export declare type StageProps = PanelProps<object>;
-export declare type StageContent = (props: StageProps) => React.ReactElement;
-declare type StageConfig = {
-    component: StageContent;
-    check?: (tree: RoamBasicNode[], service: string) => boolean;
-    setting?: string;
-    isMain?: boolean;
-};
-export declare const usePageUid: () => string;
-export declare const useSetMetadata: (k: string) => (v: unknown) => void;
-export declare const useGetMetadata: (k: string) => unknown;
-export declare const useNextStage: (openPanel: (panel: Panel<object>) => void) => (() => void);
-export declare const NextButton: ({ disabled, onClick, }: {
-    disabled?: boolean | undefined;
-    onClick: () => void;
-}) => React.ReactElement;
-export declare const TOKEN_STAGE: {
-    readonly check: (_: TreeNode[], service: string) => boolean;
-    readonly component: StageContent;
-    readonly setting: "Token";
-};
-export declare const MainStage: (Content: StageContent) => StageConfig;
-export declare const ServiceDashboard: React.FC<{
-    service: string;
-    stages: StageConfig[];
-}>;
-export {};
+import { Panel, PanelProps } from "@blueprintjs/core";
+import { AxiosResponse } from "axios";
+import React from "react";
+import type { RoamBasicNode, TreeNode } from "../types";
+declare global {
+    interface Window {
+        [key: `roamjs${string}Token`]: string;
+    }
+}
+export declare const SERVICE_GUIDE_HIGHLIGHT = "3px dashed yellowgreen";
+export declare const isFieldInTree: (field?: string) => (tree: RoamBasicNode[]) => boolean;
+export declare const useIsFieldSet: (field: string) => boolean;
+export declare const useField: (field: string) => string;
+export declare const useFieldVals: (field: string) => string[];
+export declare const useAuthenticatedAxiosGet: () => (path: string) => Promise<AxiosResponse>;
+export declare const useAuthenticatedAxiosPost: () => (path: string, data?: Record<string, unknown> | undefined) => Promise<AxiosResponse>;
+export declare const useAuthenticatedAxiosPut: () => (path: string, data?: Record<string, unknown> | undefined) => Promise<AxiosResponse>;
+export declare const useAuthenticatedAxiosDelete: () => (path: string) => Promise<AxiosResponse>;
+export declare const runService: ({ id, Dashboard, }: {
+    id: string;
+    Dashboard: React.FC;
+}) => void;
+export declare type StageProps = PanelProps<object>;
+export declare type StageContent = (props: StageProps) => React.ReactElement;
+declare type StageConfig = {
+    component: StageContent;
+    check?: (tree: RoamBasicNode[], service: string) => boolean;
+    setting?: string;
+    isMain?: boolean;
+};
+export declare const usePageUid: () => string;
+export declare const useSetMetadata: (k: string) => (v: unknown) => void;
+export declare const useGetMetadata: (k: string) => unknown;
+export declare const useNextStage: (openPanel: (panel: Panel<object>) => void) => (() => void);
+export declare const NextButton: ({ disabled, onClick, }: {
+    disabled?: boolean | undefined;
+    onClick: () => void;
+}) => React.ReactElement;
+export declare const TOKEN_STAGE: {
+    readonly check: (_: TreeNode[], service: string) => boolean;
+    readonly component: StageContent;
+    readonly setting: "Token";
+};
+export declare const MainStage: (Content: StageContent) => StageConfig;
+export declare const ServiceDashboard: React.FC<{
+    service: string;
+    stages: StageConfig[];
+}>;
+export {};