roamjs-components 0.85.3 → 0.85.4

package/components/ConfigPanels/types.d.ts

@@ -1,84 +1,84 @@
-import React from "react";
-import type { InputTextNode } from "../../types/native";
-import type { ExternalLoginOptions } from "../ExternalLogin";
-export declare type OauthField = {
-    type: "oauth";
-    defaultValue?: [];
-    options: ExternalLoginOptions;
-};
-export declare type FieldPanel<T extends UnionField, U = Record<string, unknown>> = ((props: {
-    order: number;
-    uid?: string;
-    parentUid: string;
-} & Omit<Field<T>, "Panel"> & U) => React.ReactElement) & {
-    type: T["type"];
-};
-export declare type TextField = {
-    type: "text";
-    defaultValue?: string;
-    options?: {
-        placeholder?: string;
-        onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    };
-};
-export declare type TimeField = {
-    type: "time";
-    defaultValue?: Date;
-};
-export declare type NumberField = {
-    type: "number";
-    defaultValue?: number;
-};
-export declare type FlagField = {
-    type: "flag";
-    defaultValue?: boolean;
-    disabled?: boolean;
-    options?: {
-        onChange?: (f: boolean, e: React.FormEvent<HTMLInputElement>) => void;
-    };
-};
-export declare type MultiTextField = {
-    type: "multitext";
-    defaultValue?: string[];
-    options?: {
-        placeholder?: string;
-    };
-};
-export declare type PagesField = {
-    type: "pages";
-    defaultValue?: string[];
-};
-export declare type SelectField = {
-    type: "select";
-    defaultValue?: string;
-    options: {
-        items: string[] | (() => string[]);
-    };
-};
-export declare type BlockField = {
-    type: "block";
-    defaultValue?: InputTextNode;
-};
-export declare type BlocksField = {
-    type: "blocks";
-    defaultValue?: InputTextNode[];
-};
-export declare type CustomField = {
-    type: "custom";
-    defaultValue?: InputTextNode[];
-    options: {
-        component: React.FC<{
-            parentUid: string;
-            uid: string;
-            defaultValue: InputTextNode[];
-            title: string;
-        }>;
-    };
-};
-export declare type ArrayField = PagesField | MultiTextField | CustomField | BlocksField;
-export declare type UnionField = ArrayField | TextField | TimeField | NumberField | OauthField | FlagField | SelectField | BlockField;
-export declare type Field<T extends UnionField> = Omit<T, "type"> & {
-    title: string;
-    description: string;
-    Panel: FieldPanel<T>;
-};
+import React from "react";
+import type { InputTextNode } from "../../types/native";
+import type { ExternalLoginOptions } from "../ExternalLogin";
+export declare type OauthField = {
+    type: "oauth";
+    defaultValue?: [];
+    options: ExternalLoginOptions;
+};
+export declare type FieldPanel<T extends UnionField, U = Record<string, unknown>> = ((props: {
+    order: number;
+    uid?: string;
+    parentUid: string;
+} & Omit<Field<T>, "Panel"> & U) => React.ReactElement) & {
+    type: T["type"];
+};
+export declare type TextField = {
+    type: "text";
+    defaultValue?: string;
+    options?: {
+        placeholder?: string;
+        onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    };
+};
+export declare type TimeField = {
+    type: "time";
+    defaultValue?: Date;
+};
+export declare type NumberField = {
+    type: "number";
+    defaultValue?: number;
+};
+export declare type FlagField = {
+    type: "flag";
+    defaultValue?: boolean;
+    disabled?: boolean;
+    options?: {
+        onChange?: (f: boolean, e: React.FormEvent<HTMLInputElement>) => void;
+    };
+};
+export declare type MultiTextField = {
+    type: "multitext";
+    defaultValue?: string[];
+    options?: {
+        placeholder?: string;
+    };
+};
+export declare type PagesField = {
+    type: "pages";
+    defaultValue?: string[];
+};
+export declare type SelectField = {
+    type: "select";
+    defaultValue?: string;
+    options: {
+        items: string[] | (() => string[]);
+    };
+};
+export declare type BlockField = {
+    type: "block";
+    defaultValue?: InputTextNode;
+};
+export declare type BlocksField = {
+    type: "blocks";
+    defaultValue?: InputTextNode[];
+};
+export declare type CustomField = {
+    type: "custom";
+    defaultValue?: InputTextNode[];
+    options: {
+        component: React.FC<{
+            parentUid: string;
+            uid: string;
+            defaultValue: InputTextNode[];
+            title: string;
+        }>;
+    };
+};
+export declare type ArrayField = PagesField | MultiTextField | CustomField | BlocksField;
+export declare type UnionField = ArrayField | TextField | TimeField | NumberField | OauthField | FlagField | SelectField | BlockField;
+export declare type Field<T extends UnionField> = Omit<T, "type"> & {
+    title: string;
+    description: string;
+    Panel: FieldPanel<T>;
+};

package/components/ConfigPanels/types.js

@@ -1,3 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=types.js.map

package/components/ConfigPanels/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/ConfigPanels/types.ts"],"names":[],"mappings":"","sourcesContent":["import React from \"react\";\r\nimport type { InputTextNode } from \"../../types/native\";\r\nimport type { ExternalLoginOptions } from \"../ExternalLogin\";\r\n\r\nexport type OauthField = {\r\n  type: \"oauth\";\r\n  defaultValue?: [];\r\n  options: ExternalLoginOptions;\r\n};\r\n\r\nexport type FieldPanel<T extends UnionField, U = Record<string, unknown>> = ((\r\n  props: {\r\n    order: number;\r\n    uid?: string;\r\n    parentUid: string;\r\n  } & Omit<Field<T>, \"Panel\"> &\r\n    U\r\n) => React.ReactElement) & { type: T[\"type\"] };\r\n\r\nexport type TextField = {\r\n  type: \"text\";\r\n  defaultValue?: string;\r\n  options?: {\r\n    placeholder?: string;\r\n    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void\r\n  };\r\n};\r\n\r\nexport type TimeField = {\r\n  type: \"time\";\r\n  defaultValue?: Date;\r\n};\r\n\r\nexport type NumberField = {\r\n  type: \"number\";\r\n  defaultValue?: number;\r\n};\r\n\r\nexport type FlagField = {\r\n  type: \"flag\";\r\n  defaultValue?: boolean;\r\n  disabled?: boolean;\r\n  options?: {\r\n    onChange?: (f: boolean, e: React.FormEvent<HTMLInputElement>) => void;\r\n  };\r\n};\r\n\r\nexport type MultiTextField = {\r\n  type: \"multitext\";\r\n  defaultValue?: string[];\r\n  options?: {\r\n    placeholder?: string;\r\n  };\r\n};\r\n\r\nexport type PagesField = {\r\n  type: \"pages\";\r\n  defaultValue?: string[];\r\n};\r\n\r\nexport type SelectField = {\r\n  type: \"select\";\r\n  defaultValue?: string;\r\n  options: {\r\n    items: string[] | (() => string[]);\r\n  };\r\n};\r\n\r\nexport type BlockField = {\r\n  type: \"block\";\r\n  defaultValue?: InputTextNode;\r\n};\r\n\r\nexport type BlocksField = {\r\n  type: \"blocks\";\r\n  defaultValue?: InputTextNode[];\r\n};\r\n\r\nexport type CustomField = {\r\n  type: \"custom\";\r\n  defaultValue?: InputTextNode[];\r\n  options: {\r\n    component: React.FC<{\r\n      parentUid: string;\r\n      uid: string;\r\n      defaultValue: InputTextNode[];\r\n      title: string;\r\n    }>;\r\n  };\r\n};\r\n\r\nexport type ArrayField =\r\n  | PagesField\r\n  | MultiTextField\r\n  | CustomField\r\n  | BlocksField;\r\nexport type UnionField =\r\n  | ArrayField\r\n  | TextField\r\n  | TimeField\r\n  | NumberField\r\n  | OauthField\r\n  | FlagField\r\n  | SelectField\r\n  | BlockField;\r\n\r\nexport type Field<T extends UnionField> = Omit<T, \"type\"> & {\r\n  title: string;\r\n  description: string;\r\n  Panel: FieldPanel<T>;\r\n};\r\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/ConfigPanels/types.ts"],"names":[],"mappings":"","sourcesContent":["import React from \"react\";\nimport type { InputTextNode } from \"../../types/native\";\nimport type { ExternalLoginOptions } from \"../ExternalLogin\";\n\nexport type OauthField = {\n  type: \"oauth\";\n  defaultValue?: [];\n  options: ExternalLoginOptions;\n};\n\nexport type FieldPanel<T extends UnionField, U = Record<string, unknown>> = ((\n  props: {\n    order: number;\n    uid?: string;\n    parentUid: string;\n  } & Omit<Field<T>, \"Panel\"> &\n    U\n) => React.ReactElement) & { type: T[\"type\"] };\n\nexport type TextField = {\n  type: \"text\";\n  defaultValue?: string;\n  options?: {\n    placeholder?: string;\n    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void\n  };\n};\n\nexport type TimeField = {\n  type: \"time\";\n  defaultValue?: Date;\n};\n\nexport type NumberField = {\n  type: \"number\";\n  defaultValue?: number;\n};\n\nexport type FlagField = {\n  type: \"flag\";\n  defaultValue?: boolean;\n  disabled?: boolean;\n  options?: {\n    onChange?: (f: boolean, e: React.FormEvent<HTMLInputElement>) => void;\n  };\n};\n\nexport type MultiTextField = {\n  type: \"multitext\";\n  defaultValue?: string[];\n  options?: {\n    placeholder?: string;\n  };\n};\n\nexport type PagesField = {\n  type: \"pages\";\n  defaultValue?: string[];\n};\n\nexport type SelectField = {\n  type: \"select\";\n  defaultValue?: string;\n  options: {\n    items: string[] | (() => string[]);\n  };\n};\n\nexport type BlockField = {\n  type: \"block\";\n  defaultValue?: InputTextNode;\n};\n\nexport type BlocksField = {\n  type: \"blocks\";\n  defaultValue?: InputTextNode[];\n};\n\nexport type CustomField = {\n  type: \"custom\";\n  defaultValue?: InputTextNode[];\n  options: {\n    component: React.FC<{\n      parentUid: string;\n      uid: string;\n      defaultValue: InputTextNode[];\n      title: string;\n    }>;\n  };\n};\n\nexport type ArrayField =\n  | PagesField\n  | MultiTextField\n  | CustomField\n  | BlocksField;\nexport type UnionField =\n  | ArrayField\n  | TextField\n  | TimeField\n  | NumberField\n  | OauthField\n  | FlagField\n  | SelectField\n  | BlockField;\n\nexport type Field<T extends UnionField> = Omit<T, \"type\"> & {\n  title: string;\n  description: string;\n  Panel: FieldPanel<T>;\n};\n"]}

package/components/ConfigPanels/useSingleChildValue.d.ts

@@ -1,13 +1,13 @@
-declare const useSingleChildValue: <T extends string | number | Date>({ defaultValue, uid: initialUid, title, parentUid, order, transform, toStr, }: {
-    title: string;
-    parentUid: string;
-    order: number;
-    uid?: string | undefined;
-    defaultValue: T;
-    transform: (s: string) => T;
-    toStr: (t: T) => string;
-}) => {
-    value: T;
-    onChange: (v: T) => void;
-};
-export default useSingleChildValue;
+declare const useSingleChildValue: <T extends string | number | Date>({ defaultValue, uid: initialUid, title, parentUid, order, transform, toStr, }: {
+    title: string;
+    parentUid: string;
+    order: number;
+    uid?: string | undefined;
+    defaultValue: T;
+    transform: (s: string) => T;
+    toStr: (t: T) => string;
+}) => {
+    value: T;
+    onChange: (v: T) => void;
+};
+export default useSingleChildValue;

package/components/ConfigPanels/useSingleChildValue.js

@@ -1,44 +1,44 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = require("react");
-const getFirstChildUidByBlockUid_1 = tslib_1.__importDefault(require("../../queries/getFirstChildUidByBlockUid"));
-const getTextByBlockUid_1 = tslib_1.__importDefault(require("../../queries/getTextByBlockUid"));
-const useSingleChildValue = ({ defaultValue, uid: initialUid, title, parentUid, order, transform, toStr, }) => {
-    const [uid, setUid] = (0, react_1.useState)(initialUid);
-    const [valueUid, setValueUid] = (0, react_1.useState)(uid && (0, getFirstChildUidByBlockUid_1.default)(uid));
-    const [value, setValue] = (0, react_1.useState)((valueUid && transform((0, getTextByBlockUid_1.default)(valueUid))) || defaultValue);
-    const onChange = (0, react_1.useCallback)((v) => {
-        setValue(v);
-        if (valueUid) {
-            window.roamAlphaAPI.updateBlock({
-                block: { string: toStr(v), uid: valueUid },
-            });
-        }
-        else if (uid) {
-            const newValueUid = window.roamAlphaAPI.util.generateUID();
-            window.roamAlphaAPI.createBlock({
-                block: { string: toStr(v), uid: newValueUid },
-                location: { order: 0, "parent-uid": uid },
-            });
-            setValueUid(newValueUid);
-        }
-        else {
-            const newUid = window.roamAlphaAPI.util.generateUID();
-            window.roamAlphaAPI.createBlock({
-                block: { string: title, uid: newUid },
-                location: { order, "parent-uid": parentUid },
-            });
-            setTimeout(() => setUid(newUid));
-            const newValueUid = window.roamAlphaAPI.util.generateUID();
-            window.roamAlphaAPI.createBlock({
-                block: { string: toStr(v), uid: newValueUid },
-                location: { order: 0, "parent-uid": newUid },
-            });
-            setValueUid(newValueUid);
-        }
-    }, [setValue, setValueUid, title, parentUid, order, uid, valueUid, setUid]);
-    return { value, onChange };
-};
-exports.default = useSingleChildValue;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = require("react");
+const getFirstChildUidByBlockUid_1 = tslib_1.__importDefault(require("../../queries/getFirstChildUidByBlockUid"));
+const getTextByBlockUid_1 = tslib_1.__importDefault(require("../../queries/getTextByBlockUid"));
+const useSingleChildValue = ({ defaultValue, uid: initialUid, title, parentUid, order, transform, toStr, }) => {
+    const [uid, setUid] = (0, react_1.useState)(initialUid);
+    const [valueUid, setValueUid] = (0, react_1.useState)(uid && (0, getFirstChildUidByBlockUid_1.default)(uid));
+    const [value, setValue] = (0, react_1.useState)((valueUid && transform((0, getTextByBlockUid_1.default)(valueUid))) || defaultValue);
+    const onChange = (0, react_1.useCallback)((v) => {
+        setValue(v);
+        if (valueUid) {
+            window.roamAlphaAPI.updateBlock({
+                block: { string: toStr(v), uid: valueUid },
+            });
+        }
+        else if (uid) {
+            const newValueUid = window.roamAlphaAPI.util.generateUID();
+            window.roamAlphaAPI.createBlock({
+                block: { string: toStr(v), uid: newValueUid },
+                location: { order: 0, "parent-uid": uid },
+            });
+            setValueUid(newValueUid);
+        }
+        else {
+            const newUid = window.roamAlphaAPI.util.generateUID();
+            window.roamAlphaAPI.createBlock({
+                block: { string: title, uid: newUid },
+                location: { order, "parent-uid": parentUid },
+            });
+            setTimeout(() => setUid(newUid));
+            const newValueUid = window.roamAlphaAPI.util.generateUID();
+            window.roamAlphaAPI.createBlock({
+                block: { string: toStr(v), uid: newValueUid },
+                location: { order: 0, "parent-uid": newUid },
+            });
+            setValueUid(newValueUid);
+        }
+    }, [setValue, setValueUid, title, parentUid, order, uid, valueUid, setUid]);
+    return { value, onChange };
+};
+exports.default = useSingleChildValue;
 //# sourceMappingURL=useSingleChildValue.js.map

package/components/CursorMenu.d.ts

@@ -1,21 +1,21 @@
-import React from "react";
-export declare const getCoordsFromTextarea: (t: HTMLTextAreaElement) => {
-    top: number;
-    left: number;
-};
-declare type Props<T> = {
-    textarea: HTMLTextAreaElement;
-    onItemSelect: (item: {
-        text: string;
-        id: string;
-    } & T) => void;
-    initialItems: ({
-        text: string;
-        id: string;
-    } & T)[];
-};
-declare const CursorMenu: <T extends Record<string, string>>({ textarea, onClose, onItemSelect, initialItems, }: {
-    onClose: () => void;
-} & Props<T>) => React.ReactElement;
-export declare const render: <T extends Record<string, string>>(props: Props<T>) => void;
-export default CursorMenu;
+import React from "react";
+export declare const getCoordsFromTextarea: (t: HTMLTextAreaElement) => {
+    top: number;
+    left: number;
+};
+declare type Props<T> = {
+    textarea: HTMLTextAreaElement;
+    onItemSelect: (item: {
+        text: string;
+        id: string;
+    } & T) => void;
+    initialItems: ({
+        text: string;
+        id: string;
+    } & T)[];
+};
+declare const CursorMenu: <T extends Record<string, string>>({ textarea, onClose, onItemSelect, initialItems, }: {
+    onClose: () => void;
+} & Props<T>) => React.ReactElement;
+export declare const render: <T extends Record<string, string>>(props: Props<T>) => void;
+export default CursorMenu;