roamjs-components 0.85.2 → 0.85.4

package/components/ConfigPanels/OauthPanel.js

@@ -0,0 +1,82 @@
+"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 getBasicTreeByParentUid_1 = tslib_1.__importDefault(require("../../queries/getBasicTreeByParentUid"));
+const getShallowTreeByParentUid_1 = tslib_1.__importDefault(require("../../queries/getShallowTreeByParentUid"));
+const localStorageGet_1 = tslib_1.__importDefault(require("../../util/localStorageGet"));
+const localStorageRemove_1 = tslib_1.__importDefault(require("../../util/localStorageRemove"));
+const localStorageSet_1 = require("../../util/localStorageSet");
+const deleteBlock_1 = tslib_1.__importDefault(require("../../writes/deleteBlock"));
+const Description_1 = tslib_1.__importDefault(require("../Description"));
+const ExternalLogin_1 = tslib_1.__importDefault(require("../ExternalLogin"));
+const OauthPanel = ({ uid, parentUid, options }) => {
+    const key = `oauth-${options.service}`;
+    const [useLocal, setUseLocal] = (0, react_1.useState)(!!(0, localStorageGet_1.default)(key));
+    const [accounts, setAccounts] = (0, react_1.useState)(() => useLocal
+        ? JSON.parse((0, localStorageGet_1.default)(key))
+        : uid
+            ? (0, getBasicTreeByParentUid_1.default)(uid).map((v) => {
+                var _a, _b;
+                return ({
+                    text: ((_a = v.children[0]) === null || _a === void 0 ? void 0 : _a.text) ? v.text : "Default Account",
+                    uid: v.uid,
+                    data: ((_b = v.children[0]) === null || _b === void 0 ? void 0 : _b.text) || v.text,
+                });
+            })
+            : []);
+    const onCheck = (0, react_1.useCallback)((e) => {
+        const checked = e.target.checked;
+        setUseLocal(checked);
+        if (checked) {
+            if (uid) {
+                (0, getShallowTreeByParentUid_1.default)(uid).forEach(({ uid: u }) => (0, deleteBlock_1.default)(u));
+            }
+            (0, localStorageSet_1.localStorageSet)(key, JSON.stringify(accounts));
+        }
+        else {
+            (0, localStorageRemove_1.default)(key);
+            if (uid) {
+                accounts.forEach(({ text, uid: u, data }, order) => {
+                    window.roamAlphaAPI.createBlock({
+                        location: { "parent-uid": uid, order },
+                        block: { string: text, uid: u },
+                    });
+                    window.roamAlphaAPI.createBlock({
+                        location: { "parent-uid": u, order: 0 },
+                        block: { string: data },
+                    });
+                });
+            }
+        }
+    }, [setUseLocal, accounts, uid, key]);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(core_1.Checkbox, { labelElement: react_1.default.createElement(react_1.default.Fragment, null,
+                "Store Locally",
+                react_1.default.createElement(Description_1.default, { description: "If checked, sensitive authentication data will be stored locally on your machine and will require re-logging in per device. If unchecked, sensitive authentication data will be stored in your Roam Graph." })), checked: useLocal, onChange: onCheck }),
+        react_1.default.createElement(ExternalLogin_1.default, Object.assign({ useLocal: useLocal, onSuccess: (acc) => setAccounts([...accounts, acc]), parentUid: parentUid, loggedIn: !!accounts.length }, options)),
+        !!accounts.length && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement("h5", { style: { marginTop: 8 } }, "Accounts"),
+            react_1.default.createElement("hr", null),
+            react_1.default.createElement("ul", { style: { marginTop: 8, padding: 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: () => {
+                        if (useLocal) {
+                            const accts = JSON.parse((0, localStorageGet_1.default)(key));
+                            (0, localStorageSet_1.localStorageSet)(key, JSON.stringify(accts.filter((a) => act.uid !== a.uid)));
+                        }
+                        else {
+                            (0, deleteBlock_1.default)(act.uid);
+                        }
+                        setAccounts(accounts.filter((a) => act.uid !== a.uid));
+                    } })))))))));
+};
+OauthPanel.type = "oauth";
+exports.default = OauthPanel;
+//# sourceMappingURL=OauthPanel.js.map

package/components/ConfigPanels/OauthPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OauthPanel.js","sourceRoot":"","sources":["../../../src/components/ConfigPanels/OauthPanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Button, Checkbox } from \"@blueprintjs/core\";\nimport React, { useCallback, useState } from \"react\";\nimport getBasicTreeByParentUid from \"../../queries/getBasicTreeByParentUid\";\nimport getShallowTreeByParentUid from \"../../queries/getShallowTreeByParentUid\";\nimport localStorageGet from \"../../util/localStorageGet\";\nimport localStorageRemove from \"../../util/localStorageRemove\";\nimport { localStorageSet } from \"../../util/localStorageSet\";\nimport deleteBlock from \"../../writes/deleteBlock\";\nimport Description from \"../Description\";\nimport ExternalLogin from \"../ExternalLogin\";\nimport type { OauthField, FieldPanel } from \"./types\";\n\nconst OauthPanel: FieldPanel<OauthField> = ({ uid, parentUid, options }) => {\n  const key = `oauth-${options.service}`;\n  const [useLocal, setUseLocal] = useState(!!localStorageGet(key));\n  const [accounts, setAccounts] = useState<\n    { text: string; uid: string; data: string }[]\n  >(() =>\n    useLocal\n      ? JSON.parse(localStorageGet(key) as string)\n      : uid\n      ? getBasicTreeByParentUid(uid).map((v) => ({\n          text: v.children[0]?.text ? v.text : \"Default Account\",\n          uid: v.uid,\n          data: v.children[0]?.text || v.text,\n        }))\n      : []\n  );\n  const onCheck = useCallback(\n    (e) => {\n      const checked = (e.target as HTMLInputElement).checked;\n      setUseLocal(checked);\n      if (checked) {\n        if (uid) {\n          getShallowTreeByParentUid(uid).forEach(({ uid: u }) =>\n            deleteBlock(u)\n          );\n        }\n        localStorageSet(key, JSON.stringify(accounts));\n      } else {\n        localStorageRemove(key);\n        if (uid) {\n          accounts.forEach(({ text, uid: u, data }, order) => {\n            window.roamAlphaAPI.createBlock({\n              location: { \"parent-uid\": uid, order },\n              block: { string: text, uid: u },\n            });\n            window.roamAlphaAPI.createBlock({\n              location: { \"parent-uid\": u, order: 0 },\n              block: { string: data },\n            });\n          });\n        }\n      }\n    },\n    [setUseLocal, accounts, uid, key]\n  );\n  return (\n    <>\n      <Checkbox\n        labelElement={\n          <>\n            Store Locally\n            <Description\n              description={\n                \"If checked, sensitive authentication data will be stored locally on your machine and will require re-logging in per device. If unchecked, sensitive authentication data will be stored in your Roam Graph.\"\n              }\n            />\n          </>\n        }\n        checked={useLocal}\n        onChange={onCheck}\n      />\n      <ExternalLogin\n        useLocal={useLocal}\n        onSuccess={(acc) => setAccounts([...accounts, acc])}\n        parentUid={parentUid}\n        loggedIn={!!accounts.length}\n        {...options}\n      />\n      {!!accounts.length && (\n        <>\n          <h5 style={{ marginTop: 8 }}>Accounts</h5>\n          <hr />\n          <ul style={{ marginTop: 8, padding: 0 }}>\n            {accounts.map((act) => (\n              <li\n                key={act.uid}\n                style={{\n                  display: \"flex\",\n                  justifyContent: \"space-between\",\n                  alignItems: \"center\",\n                  marginTop: 8,\n                }}\n              >\n                <span style={{ minWidth: 192 }}>{act.text}</span>\n                <Button\n                  text={\"Log Out\"}\n                  onClick={() => {\n                    if (useLocal) {\n                      const accts = JSON.parse(\n                        localStorageGet(key) as string\n                      ) as {\n                        uid: string;\n                      }[];\n                      localStorageSet(\n                        key,\n                        JSON.stringify(accts.filter((a) => act.uid !== a.uid))\n                      );\n                    } else {\n                      deleteBlock(act.uid);\n                    }\n                    setAccounts(accounts.filter((a) => act.uid !== a.uid));\n                  }}\n                />\n              </li>\n            ))}\n          </ul>\n        </>\n      )}\n    </>\n  );\n};\n\nOauthPanel.type = \"oauth\";\n\nexport default OauthPanel;\n"]}

package/components/ConfigPanels/PagesPanel.d.ts

@@ -0,0 +1,3 @@
+import type { FieldPanel, PagesField } from "./types";
+declare const PagesPanel: FieldPanel<PagesField>;
+export default PagesPanel;

package/components/ConfigPanels/PagesPanel.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const PageInput_1 = tslib_1.__importDefault(require("../PageInput"));
+const MultiChildPanel_1 = tslib_1.__importDefault(require("./MultiChildPanel"));
+const PagesPanel = (props) => {
+    return (react_1.default.createElement(MultiChildPanel_1.default, Object.assign({}, props, { InputComponent: (inputProps) => (react_1.default.createElement(PageInput_1.default, Object.assign({ extra: ["{all}"] }, inputProps))) })));
+};
+PagesPanel.type = "pages";
+exports.default = PagesPanel;
+//# sourceMappingURL=PagesPanel.js.map

package/components/ConfigPanels/PagesPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PagesPanel.js","sourceRoot":"","sources":["../../../src/components/ConfigPanels/PagesPanel.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,qEAAqC;AACrC,gFAAgD;AAGhD,MAAM,UAAU,GAA2B,CAAC,KAAK,EAAE,EAAE;IACnD,OAAO,CACL,8BAAC,yBAAe,oBACV,KAAK,IACT,cAAc,EAAE,CAAC,UAAU,EAAE,EAAE,CAAC,CAC9B,8BAAC,mBAAS,kBAAC,KAAK,EAAE,CAAC,OAAO,CAAC,IAAM,UAAU,EAAI,CAChD,IACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,IAAI,GAAG,OAAO,CAAC;AAE1B,kBAAe,UAAU,CAAC","sourcesContent":["import React from \"react\";\nimport PageInput from \"../PageInput\";\nimport MultiChildPanel from \"./MultiChildPanel\";\nimport type { FieldPanel, PagesField } from \"./types\";\n\nconst PagesPanel: FieldPanel<PagesField> = (props) => {\n  return (\n    <MultiChildPanel\n      {...props}\n      InputComponent={(inputProps) => (\n        <PageInput extra={[\"{all}\"]} {...inputProps} />\n      )}\n    />\n  );\n};\n\nPagesPanel.type = \"pages\";\n\nexport default PagesPanel;\n"]}

package/components/ConfigPanels/SelectPanel.d.ts

@@ -0,0 +1,3 @@
+import type { FieldPanel, SelectField } from "./types";
+declare const SelectPanel: FieldPanel<SelectField>;
+export default SelectPanel;

package/components/ConfigPanels/SelectPanel.js

@@ -0,0 +1,28 @@
+"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 idToTitle_1 = tslib_1.__importDefault(require("../../util/idToTitle"));
+const Description_1 = tslib_1.__importDefault(require("../Description"));
+const MenuItemSelect_1 = tslib_1.__importDefault(require("../MenuItemSelect"));
+const useSingleChildValue_1 = tslib_1.__importDefault(require("./useSingleChildValue"));
+const SelectPanel = ({ title, uid, parentUid, order, description, defaultValue = "", options: { items }, }) => {
+    const optionItems = (0, react_1.useMemo)(() => (typeof items === "function" ? items() : items), [items]);
+    const { value, onChange } = (0, useSingleChildValue_1.default)({
+        defaultValue: defaultValue || optionItems[0],
+        title,
+        uid,
+        parentUid,
+        order,
+        transform: (s) => s,
+        toStr: (s) => s,
+    });
+    return (react_1.default.createElement(core_1.Label, null,
+        (0, idToTitle_1.default)(title),
+        react_1.default.createElement(Description_1.default, { description: description }),
+        react_1.default.createElement(MenuItemSelect_1.default, { activeItem: value, onItemSelect: (e) => onChange(e), items: optionItems })));
+};
+SelectPanel.type = "select";
+exports.default = SelectPanel;
+//# sourceMappingURL=SelectPanel.js.map

package/components/ConfigPanels/SelectPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectPanel.js","sourceRoot":"","sources":["../../../src/components/ConfigPanels/SelectPanel.tsx"],"names":[],"mappings":";;;AAAA,4CAA0C;AAC1C,uDAAuC;AACvC,6EAA6C;AAC7C,yEAAyC;AACzC,+EAA+C;AAE/C,wFAAwD;AAExD,MAAM,WAAW,GAA4B,CAAC,EAC5C,KAAK,EACL,GAAG,EACH,SAAS,EACT,KAAK,EACL,WAAW,EACX,YAAY,GAAG,EAAE,EACjB,OAAO,EAAE,EAAE,KAAK,EAAE,GACnB,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,IAAA,eAAO,EACzB,GAAG,EAAE,CAAC,CAAC,OAAO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,EACrD,CAAC,KAAK,CAAC,CACR,CAAC;IACF,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAA,6BAAmB,EAAC;QAC9C,YAAY,EAAE,YAAY,IAAI,WAAW,CAAC,CAAC,CAAC;QAC5C,KAAK;QACL,GAAG;QACH,SAAS;QACT,KAAK;QACL,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QACnB,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;KAChB,CAAC,CAAC;IACH,OAAO,CACL,8BAAC,YAAK;QACH,IAAA,mBAAS,EAAC,KAAK,CAAC;QACjB,8BAAC,qBAAW,IAAC,WAAW,EAAE,WAAW,GAAI;QACzC,8BAAC,wBAAc,IACb,UAAU,EAAE,KAAK,EACjB,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAChC,KAAK,EAAE,WAAW,GAClB,CACI,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,IAAI,GAAG,QAAQ,CAAC;AAE5B,kBAAe,WAAW,CAAC","sourcesContent":["import { Label } from \"@blueprintjs/core\";\nimport React, { useMemo } from \"react\";\nimport idToTitle from \"../../util/idToTitle\";\nimport Description from \"../Description\";\nimport MenuItemSelect from \"../MenuItemSelect\";\nimport type { FieldPanel, SelectField } from \"./types\";\nimport useSingleChildValue from \"./useSingleChildValue\";\n\nconst SelectPanel: FieldPanel<SelectField> = ({\n  title,\n  uid,\n  parentUid,\n  order,\n  description,\n  defaultValue = \"\",\n  options: { items },\n}) => {\n  const optionItems = useMemo(\n    () => (typeof items === \"function\" ? items() : items),\n    [items]\n  );\n  const { value, onChange } = useSingleChildValue({\n    defaultValue: defaultValue || optionItems[0],\n    title,\n    uid,\n    parentUid,\n    order,\n    transform: (s) => s,\n    toStr: (s) => s,\n  });\n  return (\n    <Label>\n      {idToTitle(title)}\n      <Description description={description} />\n      <MenuItemSelect\n        activeItem={value}\n        onItemSelect={(e) => onChange(e)}\n        items={optionItems}\n      />\n    </Label>\n  );\n};\n\nSelectPanel.type = \"select\";\n\nexport default SelectPanel;\n"]}

package/components/ConfigPanels/TextPanel.d.ts

@@ -0,0 +1,3 @@
+import type { FieldPanel, TextField } from "./types";
+declare const TextPanel: FieldPanel<TextField>;
+export default TextPanel;

package/components/ConfigPanels/TextPanel.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const core_1 = require("@blueprintjs/core");
+const react_1 = tslib_1.__importDefault(require("react"));
+const idToTitle_1 = tslib_1.__importDefault(require("../../util/idToTitle"));
+const Description_1 = tslib_1.__importDefault(require("../Description"));
+const useSingleChildValue_1 = tslib_1.__importDefault(require("./useSingleChildValue"));
+const TextPanel = ({ title, uid, parentUid, order, description, defaultValue = "", options: { placeholder = "", onChange: parentOnChange } = {}, }) => {
+    const { value, onChange } = (0, useSingleChildValue_1.default)({
+        defaultValue,
+        title,
+        uid,
+        parentUid,
+        order,
+        transform: (s) => s,
+        toStr: (s) => s,
+    });
+    return (react_1.default.createElement(core_1.Label, null,
+        (0, idToTitle_1.default)(title),
+        react_1.default.createElement(Description_1.default, { description: description }),
+        react_1.default.createElement(core_1.InputGroup, { value: value, onChange: (e) => {
+                onChange(e.target.value);
+                parentOnChange === null || parentOnChange === void 0 ? void 0 : parentOnChange(e);
+            }, placeholder: placeholder })));
+};
+TextPanel.type = "text";
+exports.default = TextPanel;
+//# sourceMappingURL=TextPanel.js.map

package/components/ConfigPanels/TextPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextPanel.js","sourceRoot":"","sources":["../../../src/components/ConfigPanels/TextPanel.tsx"],"names":[],"mappings":";;;AAAA,4CAAsD;AACtD,0DAA0B;AAC1B,6EAA6C;AAC7C,yEAAyC;AAEzC,wFAAwD;AAExD,MAAM,SAAS,GAA0B,CAAC,EACxC,KAAK,EACL,GAAG,EACH,SAAS,EACT,KAAK,EACL,WAAW,EACX,YAAY,GAAG,EAAE,EACjB,OAAO,EAAE,EAAE,WAAW,GAAG,EAAE,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,EAAE,GAC7D,EAAE,EAAE;IACH,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAA,6BAAmB,EAAC;QAC9C,YAAY;QACZ,KAAK;QACL,GAAG;QACH,SAAS;QACT,KAAK;QACL,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QACnB,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;KAChB,CAAC,CAAC;IACH,OAAO,CACL,8BAAC,YAAK;QACH,IAAA,mBAAS,EAAC,KAAK,CAAC;QACjB,8BAAC,qBAAW,IAAC,WAAW,EAAE,WAAW,GAAI;QACzC,8BAAC,iBAAU,IACT,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAsC,EAAE,EAAE;gBACnD,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gBACzB,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAG,CAAC,CAAC,CAAC;YACtB,CAAC,EACD,WAAW,EAAE,WAAW,GACxB,CACI,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,CAAC,IAAI,GAAG,MAAM,CAAC;AAExB,kBAAe,SAAS,CAAC","sourcesContent":["import { InputGroup, Label } from \"@blueprintjs/core\";\nimport React from \"react\";\nimport idToTitle from \"../../util/idToTitle\";\nimport Description from \"../Description\";\nimport type { FieldPanel, TextField } from \"./types\";\nimport useSingleChildValue from \"./useSingleChildValue\";\n\nconst TextPanel: FieldPanel<TextField> = ({\n  title,\n  uid,\n  parentUid,\n  order,\n  description,\n  defaultValue = \"\",\n  options: { placeholder = \"\", onChange: parentOnChange } = {},\n}) => {\n  const { value, onChange } = useSingleChildValue({\n    defaultValue,\n    title,\n    uid,\n    parentUid,\n    order,\n    transform: (s) => s,\n    toStr: (s) => s,\n  });\n  return (\n    <Label>\n      {idToTitle(title)}\n      <Description description={description} />\n      <InputGroup\n        value={value}\n        onChange={(e: React.ChangeEvent<HTMLInputElement>) => {\n          onChange(e.target.value);\n          parentOnChange?.(e);\n        }}\n        placeholder={placeholder}\n      />\n    </Label>\n  );\n};\n\nTextPanel.type = \"text\";\n\nexport default TextPanel;\n"]}

package/components/ConfigPanels/TimePanel.d.ts

@@ -0,0 +1,3 @@
+import type { FieldPanel, TimeField } from "./types";
+declare const TimePanel: FieldPanel<TimeField>;
+export default TimePanel;

package/components/ConfigPanels/TimePanel.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const core_1 = require("@blueprintjs/core");
+const datetime_1 = require("@blueprintjs/datetime");
+const format_1 = tslib_1.__importDefault(require("date-fns/format"));
+const startOfDay_1 = tslib_1.__importDefault(require("date-fns/startOfDay"));
+const react_1 = tslib_1.__importDefault(require("react"));
+const idToTitle_1 = tslib_1.__importDefault(require("../../util/idToTitle"));
+const Description_1 = tslib_1.__importDefault(require("../Description"));
+const useSingleChildValue_1 = tslib_1.__importDefault(require("./useSingleChildValue"));
+const TimePanel = ({ title, uid, parentUid, order, description, defaultValue = (0, startOfDay_1.default)(new Date()), }) => {
+    const { value, onChange } = (0, useSingleChildValue_1.default)({
+        defaultValue,
+        title,
+        uid,
+        parentUid,
+        order,
+        transform: (s) => {
+            const d = new Date();
+            const [hours, minutes] = s.split(":");
+            d.setHours(Number(hours));
+            d.setMinutes(Number(minutes));
+            return d;
+        },
+        toStr: (v) => (0, format_1.default)(v, "HH:mm"),
+    });
+    return (react_1.default.createElement(core_1.Label, null,
+        (0, idToTitle_1.default)(title),
+        react_1.default.createElement(Description_1.default, { description: description }),
+        react_1.default.createElement(datetime_1.TimePicker, { value: value, onChange: onChange, showArrowButtons: true })));
+};
+TimePanel.type = "time";
+exports.default = TimePanel;
+//# sourceMappingURL=TimePanel.js.map

package/components/ConfigPanels/TimePanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePanel.js","sourceRoot":"","sources":["../../../src/components/ConfigPanels/TimePanel.tsx"],"names":[],"mappings":";;;AAAA,4CAA0C;AAC1C,oDAAmD;AACnD,qEAAqC;AACrC,6EAA6C;AAC7C,0DAA0B;AAC1B,6EAA6C;AAC7C,yEAAyC;AAEzC,wFAAwD;AAExD,MAAM,SAAS,GAA0B,CAAC,EACxC,KAAK,EACL,GAAG,EACH,SAAS,EACT,KAAK,EACL,WAAW,EACX,YAAY,GAAG,IAAA,oBAAU,EAAC,IAAI,IAAI,EAAE,CAAC,GACtC,EAAE,EAAE;IACH,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAA,6BAAmB,EAAC;QAC9C,YAAY;QACZ,KAAK;QACL,GAAG;QACH,SAAS;QACT,KAAK;QACL,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;YACf,MAAM,CAAC,GAAG,IAAI,IAAI,EAAE,CAAC;YACrB,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YACtC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;YAC1B,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;YAC9B,OAAO,CAAC,CAAC;QACX,CAAC;QACD,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAA,gBAAM,EAAC,CAAC,EAAE,OAAO,CAAC;KACjC,CAAC,CAAC;IACH,OAAO,CACL,8BAAC,YAAK;QACH,IAAA,mBAAS,EAAC,KAAK,CAAC;QACjB,8BAAC,qBAAW,IAAC,WAAW,EAAE,WAAW,GAAI;QACzC,8BAAC,qBAAU,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,gBAAgB,SAAG,CAC3D,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,CAAC,IAAI,GAAG,MAAM,CAAC;AAExB,kBAAe,SAAS,CAAC","sourcesContent":["import { Label } from \"@blueprintjs/core\";\nimport { TimePicker } from \"@blueprintjs/datetime\";\nimport format from \"date-fns/format\";\nimport startOfDay from \"date-fns/startOfDay\";\nimport React from \"react\";\nimport idToTitle from \"../../util/idToTitle\";\nimport Description from \"../Description\";\nimport type { FieldPanel, TimeField } from \"./types\";\nimport useSingleChildValue from \"./useSingleChildValue\";\n\nconst TimePanel: FieldPanel<TimeField> = ({\n  title,\n  uid,\n  parentUid,\n  order,\n  description,\n  defaultValue = startOfDay(new Date()),\n}) => {\n  const { value, onChange } = useSingleChildValue({\n    defaultValue,\n    title,\n    uid,\n    parentUid,\n    order,\n    transform: (s) => {\n      const d = new Date();\n      const [hours, minutes] = s.split(\":\");\n      d.setHours(Number(hours));\n      d.setMinutes(Number(minutes));\n      return d;\n    },\n    toStr: (v) => format(v, \"HH:mm\"),\n  });\n  return (\n    <Label>\n      {idToTitle(title)}\n      <Description description={description} />\n      <TimePicker value={value} onChange={onChange} showArrowButtons />\n    </Label>\n  );\n};\n\nTimePanel.type = \"time\";\n\nexport default TimePanel;\n"]}

package/components/ConfigPanels/getBrandColors.d.ts

@@ -0,0 +1,7 @@
+export declare type Brand = {
+    base: string;
+    bright: string;
+    faded: string;
+};
+declare const getBrandColors: (base?: string) => Brand | undefined;
+export default getBrandColors;

package/components/ConfigPanels/getBrandColors.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const color_1 = tslib_1.__importDefault(require("color"));
+const tryColor = (s) => {
+    if (!s)
+        return undefined;
+    try {
+        return (0, color_1.default)(s);
+    }
+    catch (e) {
+        return undefined;
+    }
+};
+const getBrandColors = (base) => {
+    const brandColor = tryColor(base);
+    if (!brandColor)
+        return undefined;
+    return {
+        base: brandColor.toString(),
+        faded: brandColor
+            .alpha(0.2)
+            .lightness(brandColor.lightness() + 5)
+            .toString(),
+        bright: brandColor.lightness(brandColor.lightness() + 5).toString(),
+    };
+};
+exports.default = getBrandColors;
+//# sourceMappingURL=getBrandColors.js.map

package/components/ConfigPanels/getBrandColors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getBrandColors.js","sourceRoot":"","sources":["../../../src/components/ConfigPanels/getBrandColors.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAQ1B,MAAM,QAAQ,GAAG,CAAC,CAAU,EAAE,EAAE;IAC9B,IAAI,CAAC,CAAC;QAAE,OAAO,SAAS,CAAC;IACzB,IAAI;QACF,OAAO,IAAA,eAAK,EAAC,CAAC,CAAC,CAAC;KACjB;IAAC,OAAO,CAAC,EAAE;QACV,OAAO,SAAS,CAAC;KAClB;AACH,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,IAAa,EAAqB,EAAE;IAC1D,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAClC,IAAI,CAAC,UAAU;QAAE,OAAO,SAAS,CAAC;IAClC,OAAO;QACL,IAAI,EAAE,UAAU,CAAC,QAAQ,EAAE;QAC3B,KAAK,EAAE,UAAU;aACd,KAAK,CAAC,GAAG,CAAC;aACV,SAAS,CAAC,UAAU,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;aACrC,QAAQ,EAAE;QACb,MAAM,EAAE,UAAU,CAAC,SAAS,CAAC,UAAU,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE;KACpE,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC","sourcesContent":["import Color from \"color\";\n\nexport type Brand = {\n  base: string;\n  bright: string;\n  faded: string;\n};\n\nconst tryColor = (s?: string) => {\n  if (!s) return undefined;\n  try {\n    return Color(s);\n  } catch (e) {\n    return undefined;\n  }\n};\n\nconst getBrandColors = (base?: string): Brand | undefined => {\n  const brandColor = tryColor(base);\n  if (!brandColor) return undefined;\n  return {\n    base: brandColor.toString(),\n    faded: brandColor\n      .alpha(0.2)\n      .lightness(brandColor.lightness() + 5)\n      .toString(),\n    bright: brandColor.lightness(brandColor.lightness() + 5).toString(),\n  };\n};\n\nexport default getBrandColors;\n"]}

package/components/ConfigPanels/types.d.ts

@@ -0,0 +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>;
+};

package/components/ConfigPanels/types.js

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

package/components/ConfigPanels/types.js.map

@@ -0,0 +1 @@
+{"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

@@ -0,0 +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;

package/components/ConfigPanels/useSingleChildValue.js

@@ -0,0 +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;
+//# sourceMappingURL=useSingleChildValue.js.map

package/components/ConfigPanels/useSingleChildValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSingleChildValue.js","sourceRoot":"","sources":["../../../src/components/ConfigPanels/useSingleChildValue.tsx"],"names":[],"mappings":";;;AAAA,iCAA8C;AAC9C,kHAAkF;AAClF,gGAAgE;AAEhE,MAAM,mBAAmB,GAAG,CAAmC,EAC7D,YAAY,EACZ,GAAG,EAAE,UAAU,EACf,KAAK,EACL,SAAS,EACT,KAAK,EACL,SAAS,EACT,KAAK,GASN,EAA0C,EAAE;IAC3C,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,IAAA,gBAAQ,EAAC,UAAU,CAAC,CAAC;IAC3C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EACtC,GAAG,IAAI,IAAA,oCAA0B,EAAC,GAAG,CAAC,CACvC,CAAC;IACF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAChC,CAAC,QAAQ,IAAI,SAAS,CAAC,IAAA,2BAAiB,EAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,YAAY,CACrE,CAAC;IACF,MAAM,QAAQ,GAAG,IAAA,mBAAW,EAC1B,CAAC,CAAI,EAAE,EAAE;QACP,QAAQ,CAAC,CAAC,CAAC,CAAC;QACZ,IAAI,QAAQ,EAAE;YACZ,MAAM,CAAC,YAAY,CAAC,WAAW,CAAC;gBAC9B,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE;aAC3C,CAAC,CAAC;SACJ;aAAM,IAAI,GAAG,EAAE;YACd,MAAM,WAAW,GAAG,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;YAC3D,MAAM,CAAC,YAAY,CAAC,WAAW,CAAC;gBAC9B,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE;gBAC7C,QAAQ,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,YAAY,EAAE,GAAG,EAAE;aAC1C,CAAC,CAAC;YACH,WAAW,CAAC,WAAW,CAAC,CAAC;SAC1B;aAAM;YACL,MAAM,MAAM,GAAG,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;YACtD,MAAM,CAAC,YAAY,CAAC,WAAW,CAAC;gBAC9B,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE;gBACrC,QAAQ,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE;aAC7C,CAAC,CAAC;YACH,UAAU,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;YACjC,MAAM,WAAW,GAAG,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;YAC3D,MAAM,CAAC,YAAY,CAAC,WAAW,CAAC;gBAC9B,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE;gBAC7C,QAAQ,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,YAAY,EAAE,MAAM,EAAE;aAC7C,CAAC,CAAC;YACH,WAAW,CAAC,WAAW,CAAC,CAAC;SAC1B;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,CAAC,CACxE,CAAC;IACF,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC;AAC7B,CAAC,CAAC;AAEF,kBAAe,mBAAmB,CAAC","sourcesContent":["import { useCallback, useState } from \"react\";\nimport getFirstChildUidByBlockUid from \"../../queries/getFirstChildUidByBlockUid\";\nimport getTextByBlockUid from \"../../queries/getTextByBlockUid\";\n\nconst useSingleChildValue = <T extends string | number | Date>({\n  defaultValue,\n  uid: initialUid,\n  title,\n  parentUid,\n  order,\n  transform,\n  toStr,\n}: {\n  title: string;\n  parentUid: string;\n  order: number;\n  uid?: string;\n  defaultValue: T;\n  transform: (s: string) => T;\n  toStr: (t: T) => string;\n}): { value: T; onChange: (v: T) => void } => {\n  const [uid, setUid] = useState(initialUid);\n  const [valueUid, setValueUid] = useState(\n    uid && getFirstChildUidByBlockUid(uid)\n  );\n  const [value, setValue] = useState(\n    (valueUid && transform(getTextByBlockUid(valueUid))) || defaultValue\n  );\n  const onChange = useCallback(\n    (v: T) => {\n      setValue(v);\n      if (valueUid) {\n        window.roamAlphaAPI.updateBlock({\n          block: { string: toStr(v), uid: valueUid },\n        });\n      } else if (uid) {\n        const newValueUid = window.roamAlphaAPI.util.generateUID();\n        window.roamAlphaAPI.createBlock({\n          block: { string: toStr(v), uid: newValueUid },\n          location: { order: 0, \"parent-uid\": uid },\n        });\n        setValueUid(newValueUid);\n      } else {\n        const newUid = window.roamAlphaAPI.util.generateUID();\n        window.roamAlphaAPI.createBlock({\n          block: { string: title, uid: newUid },\n          location: { order, \"parent-uid\": parentUid },\n        });\n        setTimeout(() => setUid(newUid));\n        const newValueUid = window.roamAlphaAPI.util.generateUID();\n        window.roamAlphaAPI.createBlock({\n          block: { string: toStr(v), uid: newValueUid },\n          location: { order: 0, \"parent-uid\": newUid },\n        });\n        setValueUid(newValueUid);\n      }\n    },\n    [setValue, setValueUid, title, parentUid, order, uid, valueUid, setUid]\n  );\n  return { value, onChange };\n};\n\nexport default useSingleChildValue;\n"]}

package/components/CursorMenu.d.ts

@@ -0,0 +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;