roamjs-components 0.85.0 → 1.0.0-beta.1

package/components/ProgressDialog.js

@@ -1,61 +0,0 @@
-"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;
-  position: absolute;
-  bottom: 8px;
-}
-.roamjs-progress-dialog-portal .bp3-dialog-container,
-.roamjs-progress-dialog-portal .bp3-overlay {
-  pointer-events: none;
-}
-.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;
-//# sourceMappingURL=ProgressDialog.js.map

package/components/ProgressDialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProgressDialog.js","sourceRoot":"","sources":["../../src/components/ProgressDialog.tsx"],"names":[],"mappings":";;;;AAAA,4CAA2C;AAC3C,uDAAgE;AAChE,8FAA8D;AAOjD,QAAA,EAAE,GAAG,6BAA6B,CAAC;AAEhD,MAAM,cAAc,GAAG,CAAC,EAKf,EAAE,EAAE;QALW,EACtB,OAAO,OAIA,EAHJ,KAAK,sBAFc,WAGvB,CADS;IAIR,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC5D,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,IAAI,EAAE,CAAC,CAAC;IAC3C,MAAM,IAAI,GAAG,IAAA,mBAAW,EACtB,CAAC,KAAY,EAAE,EAAE;QACf,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC;QAChD,aAAa,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC/B,CAAC,EACD,CAAC,aAAa,CAAC,CAChB,CAAC;IACF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,QAAQ,CAAC,cAAc,CAAC,UAAE,CAAC,CAAC;QAC5C,IAAI,OAAO,EAAE;YACX,OAAO,CAAC,gBAAgB,CAAC,KAAK,EAAE,CAAC,CAAC,CAAc,EAAE,EAAE;gBAClD,IAAI,CAAC,CAAC,CAAC,MAAe,CAAC,CAAC;YAC1B,CAAC,CAAkB,CAAC,CAAC;YACrB,IAAI,CAAC,KAAK,CAAC,CAAC;SACb;QACD,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC;QAC7D,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,CAAC,CAAC,CAAC;IAC9B,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC;IAC7D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,UAAU,KAAK,CAAC;YAAE,OAAO,EAAE,CAAC;IAClC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IACjB,OAAO,CACL;QACE,6CAAQ;;;;;;;;;;;;EAYZ,CAAS;QACL,8BAAC,aAAM,IACL,MAAM,EAAE,IAAI,EACZ,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,+BAA+B,EAChD,SAAS,EAAE,wBAAwB,EACnC,oBAAoB,EAAE,KAAK,EAC3B,iBAAiB,EAAE,KAAK,EACxB,WAAW,EAAE,KAAK,EAClB,YAAY,EAAE,KAAK;YAEnB,uCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;gBACzB,yEAAqC;gBACrC;;oBACa,yCAAI,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM,CAAK;oBAAC,GAAG;;oBACZ,GAAG;oBACvD,IAAI,CAAC,IAAI,CAAC,CAAC,UAAU,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC,GAAG,IAAI,CAAC;kCAC7C,CACA,CACC,CACR,CACJ,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,MAAM,GAAG,IAAA,6BAAmB,EACvC,iBAAiB,EACjB,cAAc,CACf,CAAC;AAEF,kBAAe,cAAc,CAAC","sourcesContent":["import { Dialog } from \"@blueprintjs/core\";\nimport React, { useState, useEffect, useCallback } from \"react\";\nimport createOverlayRender from \"../util/createOverlayRender\";\n\ntype Props = {\n  id: string;\n  timeout: number;\n};\n\nexport const ID = \"roamjs-progress-dialog-root\";\n\nconst ProgressDialog = ({\n  onClose,\n  ...props\n}: {\n  onClose: () => void;\n} & Props) => {\n  const [maxTimeout, setMaxtimeout] = useState(props.timeout);\n  const [now, setNow] = useState(new Date());\n  const onId = useCallback(\n    (props: Props) => {\n      window.roamjs.actions[props.id] = props.timeout;\n      setMaxtimeout(props.timeout);\n    },\n    [setMaxtimeout]\n  );\n  useEffect(() => {\n    const element = document.getElementById(ID);\n    if (element) {\n      element.addEventListener(\"log\", ((e: CustomEvent) => {\n        onId(e.detail as Props);\n      }) as EventListener);\n      onId(props);\n    }\n    const interval = setInterval(() => setNow(new Date()), 1000);\n    return () => clearInterval(interval);\n  }, [onId, setTimeout, props]);\n  const numActions = Object.keys(window.roamjs.actions).length;\n  useEffect(() => {\n    if (numActions === 0) onClose();\n  }, [numActions]);\n  return (\n    <>\n      <style>{`.roamjs-progress-dialog {\n  right: 8px;\n  margin: 0;\n  position: absolute;\n  bottom: 8px;\n}\n.roamjs-progress-dialog-portal .bp3-dialog-container,\n.roamjs-progress-dialog-portal .bp3-overlay {\n  pointer-events: none;\n}\n.roamjs-progress-dialog-portal .bp3-overlay-backdrop {\n  display: none;\n}`}</style>\n      <Dialog\n        isOpen={true}\n        onClose={onClose}\n        portalClassName={\"roamjs-progress-dialog-portal\"}\n        className={\"roamjs-progress-dialog\"}\n        canOutsideClickClose={false}\n        canEscapeKeyClose={false}\n        hasBackdrop={false}\n        enforceFocus={false}\n      >\n        <div style={{ padding: 16 }}>\n          <h4>Performing Writes to Roam...</h4>\n          <p>\n            Still have <b>{Object.keys(window.roamjs.actions).length}</b>{\" \"}\n            actions to write. Expected to finish the last one in{\" \"}\n            {Math.ceil((maxTimeout - now.valueOf()) / 1000)} seconds...\n          </p>\n        </div>\n      </Dialog>\n    </>\n  );\n};\n\nexport const render = createOverlayRender<Props>(\n  \"progress-dialog\",\n  ProgressDialog\n);\n\nexport default ProgressDialog;\n"]}

package/components/SimpleAlert.d.ts

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

package/components/SimpleAlert.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SimpleAlert.js","sourceRoot":"","sources":["../../src/components/SimpleAlert.tsx"],"names":[],"mappings":";;;;AAAA,uDAAqD;AACrD,4CAA6D;AAC7D,8FAA8D;AAE9D,gFAAgD;AAWhD,MAAM,WAAW,GACf,CAAC,QAAuB,EAAE,EAAE,CAC5B,CAAC,EACC,OAAO,EACP,OAAO,EACP,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,WAAW,GAAG,IAAI,EAClB,aAAa,GACmB,EAAsB,EAAE;IACxD,MAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,CAAC,SAAkB,EAAE,EAAE;QACrB,OAAO,EAAE,CAAC;QACV,IAAI,CAAC,SAAS,IAAI,OAAO,QAAQ,KAAK,UAAU;YAAE,QAAQ,EAAE,CAAC;IAC/D,CAAC,EACD,CAAC,QAAQ,EAAE,OAAO,CAAC,CACpB,CAAC;IACF,MAAM,WAAW,GAAG,QAAQ;QAC1B,CAAC,CAAC;YACE,gBAAgB,EAAE,QAAQ;YAC1B,qBAAqB,EAAE,IAAI;YAC3B,kBAAkB,EAAE,IAAI;SACzB;QACH,CAAC,CAAC,EAAE,CAAC;IACP,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,aAAa,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACrC,CAAC,OAAO,IAAI,aAAa;YACvB,CAAC,CAAC,IAAA,qBAAW,EAAC;gBACV,SAAS,EAAE,aAAa;gBACxB,IAAI,EAAE,EAAE,IAAI,EAAE,mBAAmB,EAAE;aACpC,CAAC;YACJ,CAAC,CAAC,OAAO,CAAC,OAAO,EAAE,CACpB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACpB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC;IACxC,OAAO,CACL,8BAAC,YAAK,kBACJ,MAAM,EAAE,IAAI,EACZ,OAAO,EAAE,YAAY,EACrB,SAAS,EAAE,aAAa,EACxB,iBAAiB,EAAE,WAAW;QAC9B,6DAA6D;QAC7D,aAAa;QACb,SAAS,EAAE,KAAK,IACZ,WAAW;QAEf,uCACE,SAAS,EAAE,cAAO,CAAC,cAAc,EACjC,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE;YAEjC,8BAAC,QAAQ,IACP,QAAQ,EACN,YAAY;oBACV,CAAC,CAAC;wBACE,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,CACpB,qCAAG,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,EAAE,QAAQ,IAC/C,IAAI,CACH,CACL;qBACF;oBACH,CAAC,CAAC,EAAE,IAGP,OAAO,CACC;YACV,aAAa,IAAI,CAChB,8BAAC,eAAQ,IACP,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,kBAAkB,EACxB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CACd,UAAU,CAAE,CAAC,CAAC,MAA2B,CAAC,OAAO,CAAC,GAEpD,CACH,CACG,CACA,CACT,CAAC;AACJ,CAAC,CAAC;AAEG,MAAM,MAAM,GAAG,CAAC,KAAY,EAAE,EAAE,CACrC,CAAC,MAAM,CAAC,QAAQ;IACd,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,WAAW,EAAE;IAC/B,CAAC,CAAC,0DAAO,cAAc,IAAE,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAChD,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE,CAClB,IAAA,6BAAmB,EAAQ,cAAc,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CACzE,CAAC;AANS,QAAA,MAAM,UAMf;AAEJ,kBAAe,WAAW,CAAC","sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { Alert, Checkbox, Classes } from \"@blueprintjs/core\";\nimport createOverlayRender from \"../util/createOverlayRender\";\nimport type Marked from \"marked-react\";\nimport createBlock from \"../writes/createBlock\";\n\ntype Props = {\n  content: string;\n  onConfirm?: () => void;\n  confirmText?: string;\n  onCancel?: (() => void) | true;\n  externalLink?: boolean;\n  dontShowAgain?: string;\n};\n\nconst SimpleAlert =\n  (Markdown: typeof Marked) =>\n  ({\n    onClose,\n    content,\n    onConfirm,\n    onCancel,\n    externalLink,\n    confirmText = \"Ok\",\n    dontShowAgain,\n  }: Props & { onClose: () => void }): React.ReactElement => {\n    const alertOnClose = useCallback(\n      (confirmed: boolean) => {\n        onClose();\n        if (!confirmed && typeof onCancel === \"function\") onCancel();\n      },\n      [onCancel, onClose]\n    );\n    const cancelProps = onCancel\n      ? {\n          cancelButtonText: \"Cancel\",\n          canOutsideClickCancel: true,\n          canEscapeKeyCancel: true,\n        }\n      : {};\n    const [checked, setChecked] = useState(false);\n    const alerOnConfirm = useCallback(() => {\n      (checked && dontShowAgain\n        ? createBlock({\n            parentUid: dontShowAgain,\n            node: { text: \"Do not show again\" },\n          })\n        : Promise.resolve()\n      ).then(onConfirm);\n    }, [onConfirm, checked, dontShowAgain]);\n    return (\n      <Alert\n        isOpen={true}\n        onClose={alertOnClose}\n        onConfirm={alerOnConfirm}\n        confirmButtonText={confirmText}\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        autoFocus={false}\n        {...cancelProps}\n      >\n        <div\n          className={Classes.ALERT_CONTENTS}\n          style={{ whiteSpace: \"pre-wrap\" }}\n        >\n          <Markdown\n            renderer={\n              externalLink\n                ? {\n                    link: (href, text) => (\n                      <a href={href} rel={\"noreferrer\"} target={\"_blank\"}>\n                        {text}\n                      </a>\n                    ),\n                  }\n                : {}\n            }\n          >\n            {content}\n          </Markdown>\n          {dontShowAgain && (\n            <Checkbox\n              checked={checked}\n              label=\"Don't show again\"\n              onChange={(e) =>\n                setChecked((e.target as HTMLInputElement).checked)\n              }\n            />\n          )}\n        </div>\n      </Alert>\n    );\n  };\n\nexport const render = (props: Props) =>\n  (window.RoamLazy\n    ? window.RoamLazy.MarkedReact()\n    : import(\"marked-react\").then((r) => r.default)\n  ).then((Markdown) =>\n    createOverlayRender<Props>(\"simple-alert\", SimpleAlert(Markdown))(props)\n  );\n\nexport default SimpleAlert;\n"]}

package/components/Toast.d.ts

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

package/components/Toast.js

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

package/components/Toast.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../src/components/Toast.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,4CAK2B;AAepB,MAAM,MAAM,GAAG,CAAC,EAGV,EAAgB,EAAE;QAHR,EACrB,QAAQ,GAAG,KAAK,OAEL,EADR,KAAK,sBAFa,YAGtB,CADS;IAER,MAAM,SAAS,GAAG,gBAAgB,QAAQ,EAAE,CAAC;IAC7C,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CACxC,wBAAwB,SAAS,EAAE,CACpC,CAAC;IACF,IAAI,WAAW,EAAE;QACf,WAAW,CAAC,aAAa,CACvB,IAAI,WAAW,CAAC,cAAc,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CACnD,CAAC;QACF,OAAO,GAAG,EAAE,CAAC,WAAW,CAAC,MAAM,EAAE,CAAC;KACnC;SAAM;QACL,MAAM,OAAO,GAAG,cAAO,CAAC,MAAM,CAAC;YAC7B,QAAQ;YACR,SAAS;SACV,CAAC,CAAC;QAEH,iGAAiG;QACjG,CAAC,MAAM,CAAC,QAAQ;YACd,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,WAAW,EAAE;YAC/B,CAAC,CAAC,0DAAO,cAAc,IAAE,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAChD,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE;YAClB,MAAM,KAAK,GAAG,CAAC,EACb,OAAO,GAAG,qBAAqB,EAC/B,MAAM,GAAG,aAAM,CAAC,OAAO,EACvB,OAAO,GAAG,IAAI,EACd,SAAS,EACT,MAAM,GACS,EAAE,EAAE;gBACnB,MAAM,eAAe,GAAG,OAAO,OAAO,KAAK,QAAQ,CAAC;gBACpD,OAAO;oBACL,OAAO,EAAE,CACP;wBACE,6CAAQ,IAAI,SAAS,0BAA0B,CAAS;wBACvD,eAAe,CAAC,CAAC,CAAC,8BAAC,QAAQ,QAAE,OAAO,CAAY,CAAC,CAAC,CAAC,OAAO,CAC1D,CACJ;oBACD,MAAM;oBACN,OAAO;oBACP,SAAS;oBACT,MAAM;iBACP,CAAC;YACJ,CAAC,CAAC;YACF,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC;YACrC,UAAU,CAAC,GAAG,EAAE;gBACd,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CACxC,wBAAwB,SAAS,EAAE,CACpC,CAAC;gBACF,IAAI,WAAW;oBACb,WAAW,CAAC,gBAAgB,CAAC,cAAc,EAAE,CAAC,CAAC,CAAc,EAAE,EAAE;wBAC/D,MACE,KACE,CAAC,OADqB,EAAxB,EAAU,EAAE,OAAY,EAAP,KAAK,sBAAd,MAAgB,CACrB,CAAC;wBACN,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;oBACjC,CAAC,CAAkB,CAAC,CAAC;YACzB,CAAC,EAAE,CAAC,CAAC,CAAC;QACR,CAAC,CAAC,CAAC;QACH,OAAO,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;KACxC;AACH,CAAC,CAAC;AA7DW,QAAA,MAAM,UA6DjB;AAEF,kBAAe,cAAM,CAAC","sourcesContent":["import React from \"react\";\nimport {\n  Intent,\n  IToastProps,\n  Toaster,\n  ToasterPosition,\n} from \"@blueprintjs/core\";\n\ntype ToastBaseProps = {\n  content?: React.ReactNode;\n  timeout?: number;\n  intent?: Intent;\n  onDismiss?: IToastProps[\"onDismiss\"];\n  action?: IToastProps[\"action\"];\n};\n\ntype ToastProps = {\n  id: string;\n  position?: ToasterPosition;\n} & ToastBaseProps;\n\nexport const render = ({\n  position = \"top\",\n  ...props\n}: ToastProps): (() => void) => {\n  const className = `roamjs-toast-${position}`;\n  const toasterRoot = document.querySelector(\n    `.bp3-toast-container.${className}`\n  );\n  if (toasterRoot) {\n    toasterRoot.dispatchEvent(\n      new CustomEvent(\"roamjs-toast\", { detail: props })\n    );\n    return () => toasterRoot.remove();\n  } else {\n    const toaster = Toaster.create({\n      position,\n      className,\n    });\n\n    // `import(marked-react)` is returning `window.RoamLazy.MarkedReact` instead of the module itself\n    (window.RoamLazy\n      ? window.RoamLazy.MarkedReact()\n      : import(\"marked-react\").then((r) => r.default)\n    ).then((Markdown) => {\n      const Toast = ({\n        content = \"RoamJS Notification\",\n        intent = Intent.PRIMARY,\n        timeout = 5000,\n        onDismiss,\n        action,\n      }: ToastBaseProps) => {\n        const isStringContent = typeof content === \"string\";\n        return {\n          message: (\n            <>\n              <style>{`.${className} p { margin-bottom: 0; }`}</style>\n              {isStringContent ? <Markdown>{content}</Markdown> : content}\n            </>\n          ),\n          intent,\n          timeout,\n          onDismiss,\n          action,\n        };\n      };\n      toaster.show(Toast(props), props.id);\n      setTimeout(() => {\n        const toasterRoot = document.querySelector<HTMLDivElement>(\n          `.bp3-toast-container.${className}`\n        );\n        if (toasterRoot)\n          toasterRoot.addEventListener(\"roamjs-toast\", ((e: CustomEvent) => {\n            const {\n              detail: { id, ...props },\n            } = e;\n            toaster.show(Toast(props), id);\n          }) as EventListener);\n      }, 1);\n    });\n    return () => toaster.dismiss(props.id);\n  }\n};\n\nexport default render;\n"]}

package/components/index.js

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

package/components/index.js.map

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

package/components.d.ts

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

package/components.js

@@ -1,171 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_dom_1 = tslib_1.__importDefault(require("react-dom"));
-const react_1 = tslib_1.__importStar(require("react"));
-const core_1 = require("@blueprintjs/core");
-const AutocompleteInput_1 = tslib_1.__importDefault(require("./components/AutocompleteInput"));
-const FormDialog_1 = tslib_1.__importDefault(require("./components/FormDialog"));
-const PageInput_1 = tslib_1.__importDefault(require("./components/PageInput"));
-const Toast_1 = tslib_1.__importDefault(require("./components/Toast"));
-const renderOverlay_1 = tslib_1.__importDefault(require("./util/renderOverlay"));
-const runExtension_1 = tslib_1.__importDefault(require("./util/runExtension"));
-const writes_1 = require("./writes");
-const MenuItemSelect_1 = tslib_1.__importDefault(require("./components/MenuItemSelect"));
-// const blockRender = (Component: React.FC) => {
-//   const block = window.roamAlphaAPI.ui.getFocusedBlock();
-//   const parent = document.getElementById(
-//     `block-input-${block?.["window-id"]}-${block?.["block-uid"]}`
-//   );
-//   ReactDOM.render(<Component />, parent);
-// };
-const unloads = new Set();
-const rootRender = (Component) => {
-    const root = document.querySelector(".roam-article");
-    const parent = document.createElement("div");
-    root === null || root === void 0 ? void 0 : root.insertBefore(parent, root.firstElementChild);
-    react_dom_1.default.render(react_1.default.createElement(Component, null), parent);
-    unloads.add(() => {
-        react_dom_1.default.unmountComponentAtNode(parent);
-        parent.remove();
-    });
-};
-const components = [
-    {
-        callback: () => rootRender(() => {
-            const [value, setValue] = (0, react_1.useState)("");
-            const [filterable, setFilterable] = (0, react_1.useState)(false);
-            const options = (0, react_1.useMemo)(() => ["apple", "banana", "orange"], []);
-            return (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement("div", null,
-                    "Chosen value: ",
-                    value),
-                react_1.default.createElement(core_1.Checkbox, { checked: filterable, onChange: (e) => setFilterable(e.target.checked), label: "Filterable" }),
-                react_1.default.createElement(MenuItemSelect_1.default, { activeItem: value, items: options, onItemSelect: (item) => setValue(item), filterable: filterable })));
-        }),
-        label: "MenuItemSelect",
-    },
-    {
-        callback: () => rootRender(() => {
-            const [value, setValue] = (0, react_1.useState)("");
-            const [numResults, setNumResults] = (0, react_1.useState)(100);
-            const [disabled, setDisabled] = (0, react_1.useState)(false);
-            const [maxItemsDisplayed, setMaxItemsDisplayed] = (0, react_1.useState)(0);
-            const options = (0, react_1.useMemo)(() => {
-                const items = [];
-                for (let i = 0; i < numResults; i++) {
-                    items.push(Math.random().toString(36).substring(7));
-                }
-                return items;
-            }, [numResults]);
-            return (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement(core_1.Label, null,
-                    "Number of Results",
-                    react_1.default.createElement(core_1.NumericInput, { value: numResults, onValueChange: (e) => setNumResults(e), buttonPosition: "none" })),
-                react_1.default.createElement(core_1.Label, null,
-                    "Max Items Displayed (0 for all)",
-                    react_1.default.createElement(core_1.NumericInput, { value: maxItemsDisplayed, onValueChange: (e) => setMaxItemsDisplayed(e), buttonPosition: "none" })),
-                react_1.default.createElement(core_1.Label, null,
-                    "Chosen value: ",
-                    value),
-                react_1.default.createElement(core_1.Checkbox, { checked: disabled, onChange: (e) => setDisabled(e.target.checked), label: "Disabled" }),
-                react_1.default.createElement(core_1.Label, null,
-                    "Autocomplete",
-                    react_1.default.createElement(AutocompleteInput_1.default, { disabled: disabled, value: value, setValue: setValue, options: options, maxItemsDisplayed: maxItemsDisplayed === 0 ? undefined : maxItemsDisplayed }))));
-        }),
-        label: "AutocompleteInput",
-    },
-    {
-        callback: () => rootRender(() => {
-            const [isOpen, setIsOpen] = (0, react_1.useState)(false);
-            return (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement(core_1.Button, { onClick: () => setIsOpen(true), text: "Open Form" }),
-                react_1.default.createElement(FormDialog_1.default, { isOpen: isOpen, onClose: () => setIsOpen(false), onSubmit: (data) => window.roamAlphaAPI.ui.mainWindow
-                        .getOpenPageOrBlockUid()
-                        .then((parentUid) => (0, writes_1.createBlock)({
-                        parentUid: parentUid ||
-                            window.roamAlphaAPI.util.dateToPageUid(new Date()),
-                        node: {
-                            text: "Response",
-                            children: Object.entries(data).map(([k, v]) => ({
-                                text: k,
-                                children: Array.isArray(v) ? v : [{ text: `${v}` }],
-                            })),
-                        },
-                    })), fields: {
-                        text: { type: "text", label: "Text Field" },
-                        number: { type: "number", label: "Number Field" },
-                        info: { type: "info", label: "Read Only Info Text" },
-                        flag: { type: "flag", label: "Flag Field" },
-                        conditionalText: {
-                            type: "text",
-                            label: "Conditional Text Field",
-                            conditional: "flag",
-                        },
-                        page: { type: "page", label: "Page Field" },
-                        block: { type: "block", label: "Block Field" },
-                        select: {
-                            type: "select",
-                            label: "Select Field",
-                            options: [
-                                "apple",
-                                "banana",
-                                "orange",
-                                "conditional select 1",
-                            ],
-                        },
-                        conditionalSelect: {
-                            type: "text",
-                            label: "Conditional Text Field",
-                            conditional: "select",
-                            conditionalValues: ["conditional select 1"],
-                        },
-                        autocomplete: {
-                            type: "autocomplete",
-                            label: "Autocomplete Field",
-                            options: ["apple", "banana", "orange"],
-                        },
-                        embed: {
-                            type: "embed",
-                            label: "Embed Field",
-                        },
-                    } })));
-        }),
-        label: "FormDialog",
-    },
-    {
-        callback: () => rootRender(() => {
-            const [value, setValue] = (0, react_1.useState)("");
-            const [multiline, setMultiline] = (0, react_1.useState)(false);
-            return (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement(PageInput_1.default, { value: value, setValue: setValue, multiline: multiline }),
-                react_1.default.createElement("input", { className: "ml-8 inline-block", checked: multiline, onChange: (e) => setMultiline(e.target.checked), type: "checkbox" })));
-        }),
-        label: "PageInput",
-    },
-];
-exports.default = (0, runExtension_1.default)((args) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-    components.forEach(({ callback, label }) => {
-        args.extensionAPI.ui.commandPalette.addCommand({
-            label: `Render RoamJS component ${label}`,
-            callback,
-        });
-    });
-    window.roamjs.extension.developer = {
-        components: {
-            AutocompleteInput: AutocompleteInput_1.default,
-            FormDialog: FormDialog_1.default,
-            PageInput: PageInput_1.default,
-            renderToast: Toast_1.default,
-        },
-        util: {
-            renderOverlay: renderOverlay_1.default,
-            runExtension: runExtension_1.default,
-        },
-        args,
-    };
-    return () => {
-        unloads.forEach((unload) => unload());
-    };
-}));
-//# sourceMappingURL=components.js.map

package/components.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.tsx"],"names":[],"mappings":"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","sourcesContent":["import ReactDOM from \"react-dom\";\nimport React, { useState, useMemo } from \"react\";\nimport { Button, Checkbox, NumericInput, Label } from \"@blueprintjs/core\";\n\nimport AutocompleteInput from \"./components/AutocompleteInput\";\nimport FormDialog from \"./components/FormDialog\";\nimport PageInput from \"./components/PageInput\";\nimport renderToast from \"./components/Toast\";\n\nimport renderOverlay from \"./util/renderOverlay\";\nimport runExtension from \"./util/runExtension\";\n\nimport { createBlock } from \"./writes\";\nimport MenuItemSelect from \"./components/MenuItemSelect\";\n\n// const blockRender = (Component: React.FC) => {\n//   const block = window.roamAlphaAPI.ui.getFocusedBlock();\n//   const parent = document.getElementById(\n//     `block-input-${block?.[\"window-id\"]}-${block?.[\"block-uid\"]}`\n//   );\n//   ReactDOM.render(<Component />, parent);\n// };\n\nconst unloads = new Set<() => void>();\n\nconst rootRender = (Component: React.FC) => {\n  const root = document.querySelector(\".roam-article\");\n  const parent = document.createElement(\"div\");\n  root?.insertBefore(parent, root.firstElementChild);\n  ReactDOM.render(<Component />, parent);\n  unloads.add(() => {\n    ReactDOM.unmountComponentAtNode(parent);\n    parent.remove();\n  });\n};\n\nconst components = [\n  {\n    callback: () =>\n      rootRender(() => {\n        const [value, setValue] = useState(\"\");\n        const [filterable, setFilterable] = useState(false);\n        const options = useMemo(() => [\"apple\", \"banana\", \"orange\"], []);\n        return (\n          <>\n            <div>Chosen value: {value}</div>\n            <Checkbox\n              checked={filterable as boolean}\n              onChange={(e) =>\n                setFilterable((e.target as HTMLInputElement).checked)\n              }\n              label={\"Filterable\"}\n            />\n            <MenuItemSelect\n              activeItem={value}\n              items={options}\n              onItemSelect={(item) => setValue(item)}\n              filterable={filterable}\n            />\n          </>\n        );\n      }),\n    label: \"MenuItemSelect\",\n  },\n  {\n    callback: () =>\n      rootRender(() => {\n        const [value, setValue] = useState(\"\");\n        const [numResults, setNumResults] = useState(100);\n        const [disabled, setDisabled] = useState(false);\n        const [maxItemsDisplayed, setMaxItemsDisplayed] = useState(0);\n        const options = useMemo(() => {\n          const items = [];\n          for (let i = 0; i < numResults; i++) {\n            items.push(Math.random().toString(36).substring(7));\n          }\n          return items;\n        }, [numResults]);\n        return (\n          <>\n            <Label>\n              Number of Results\n              <NumericInput\n                value={numResults}\n                onValueChange={(e) => setNumResults(e)}\n                buttonPosition={\"none\"}\n              />\n            </Label>\n            <Label>\n              Max Items Displayed (0 for all)\n              <NumericInput\n                value={maxItemsDisplayed}\n                onValueChange={(e) => setMaxItemsDisplayed(e)}\n                buttonPosition={\"none\"}\n              />\n            </Label>\n            <Label>Chosen value: {value}</Label>\n            <Checkbox\n              checked={disabled}\n              onChange={(e) =>\n                setDisabled((e.target as HTMLInputElement).checked)\n              }\n              label={\"Disabled\"}\n            />\n            <Label>\n              Autocomplete\n              <AutocompleteInput\n                disabled={disabled}\n                value={value}\n                setValue={setValue}\n                options={options}\n                maxItemsDisplayed={\n                  maxItemsDisplayed === 0 ? undefined : maxItemsDisplayed\n                }\n              />\n            </Label>\n          </>\n        );\n      }),\n    label: \"AutocompleteInput\",\n  },\n  {\n    callback: () =>\n      rootRender(() => {\n        const [isOpen, setIsOpen] = useState(false);\n        return (\n          <>\n            <Button onClick={() => setIsOpen(true)} text={\"Open Form\"} />\n            <FormDialog\n              isOpen={isOpen}\n              onClose={() => setIsOpen(false)}\n              onSubmit={(data) =>\n                window.roamAlphaAPI.ui.mainWindow\n                  .getOpenPageOrBlockUid()\n                  .then((parentUid) =>\n                    createBlock({\n                      parentUid:\n                        parentUid ||\n                        window.roamAlphaAPI.util.dateToPageUid(new Date()),\n                      node: {\n                        text: \"Response\",\n                        children: Object.entries(data).map(([k, v]) => ({\n                          text: k,\n                          children: Array.isArray(v) ? v : [{ text: `${v}` }],\n                        })),\n                      },\n                    })\n                  )\n              }\n              fields={{\n                text: { type: \"text\", label: \"Text Field\" },\n                number: { type: \"number\", label: \"Number Field\" },\n                info: { type: \"info\", label: \"Read Only Info Text\" },\n                flag: { type: \"flag\", label: \"Flag Field\" },\n                conditionalText: {\n                  type: \"text\",\n                  label: \"Conditional Text Field\",\n                  conditional: \"flag\",\n                },\n                page: { type: \"page\", label: \"Page Field\" },\n                block: { type: \"block\", label: \"Block Field\" },\n                select: {\n                  type: \"select\",\n                  label: \"Select Field\",\n                  options: [\n                    \"apple\",\n                    \"banana\",\n                    \"orange\",\n                    \"conditional select 1\",\n                  ],\n                },\n                conditionalSelect: {\n                  type: \"text\",\n                  label: \"Conditional Text Field\",\n                  conditional: \"select\",\n                  conditionalValues: [\"conditional select 1\"],\n                },\n                autocomplete: {\n                  type: \"autocomplete\",\n                  label: \"Autocomplete Field\",\n                  options: [\"apple\", \"banana\", \"orange\"],\n                },\n                embed: {\n                  type: \"embed\",\n                  label: \"Embed Field\",\n                },\n              }}\n            />\n          </>\n        );\n      }),\n    label: \"FormDialog\",\n  },\n  {\n    callback: () =>\n      rootRender(() => {\n        const [value, setValue] = useState(\"\");\n        const [multiline, setMultiline] = useState(false);\n        return (\n          <>\n            <PageInput\n              value={value}\n              setValue={setValue}\n              multiline={multiline}\n            />\n            <input\n              className=\"ml-8 inline-block\"\n              checked={multiline}\n              onChange={(e) => setMultiline(e.target.checked)}\n              type={\"checkbox\"}\n            />\n          </>\n        );\n      }),\n    label: \"PageInput\",\n  },\n];\n\nexport default runExtension(async (args) => {\n  components.forEach(({ callback, label }) => {\n    args.extensionAPI.ui.commandPalette.addCommand({\n      label: `Render RoamJS component ${label}`,\n      callback,\n    });\n  });\n  window.roamjs.extension.developer = {\n    components: {\n      AutocompleteInput,\n      FormDialog,\n      PageInput,\n      renderToast,\n    },\n    util: {\n      renderOverlay,\n      runExtension,\n    },\n    args,\n  };\n  return () => {\n    unloads.forEach((unload) => unload());\n  };\n});\n"]}

package/date/constants.d.ts

@@ -1,3 +0,0 @@
-export declare const MONTHS: string[];
-export declare const DAILY_NOTE_PAGE_REGEX: RegExp;
-export declare const DAILY_NOTE_PAGE_TITLE_REGEX: RegExp;

package/date/constants.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DAILY_NOTE_PAGE_TITLE_REGEX = exports.DAILY_NOTE_PAGE_REGEX = exports.MONTHS = void 0;
-exports.MONTHS = [
-    "January",
-    "February",
-    "March",
-    "April",
-    "May",
-    "June",
-    "July",
-    "August",
-    "September",
-    "October",
-    "November",
-    "December",
-];
-exports.DAILY_NOTE_PAGE_REGEX = /(January|February|March|April|May|June|July|August|September|October|November|December) [0-3]?[0-9](st|nd|rd|th), [0-9][0-9][0-9][0-9]/;
-exports.DAILY_NOTE_PAGE_TITLE_REGEX = new RegExp(`^${exports.DAILY_NOTE_PAGE_REGEX.source}$`);
-//# sourceMappingURL=constants.js.map

package/date/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/date/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,MAAM,GAAG;IACpB,SAAS;IACT,UAAU;IACV,OAAO;IACP,OAAO;IACP,KAAK;IACL,MAAM;IACN,MAAM;IACN,QAAQ;IACR,WAAW;IACX,SAAS;IACT,UAAU;IACV,UAAU;CACX,CAAC;AACW,QAAA,qBAAqB,GAChC,wIAAwI,CAAC;AAC9H,QAAA,2BAA2B,GAAG,IAAI,MAAM,CACnD,IAAI,6BAAqB,CAAC,MAAM,GAAG,CACpC,CAAC","sourcesContent":["export const MONTHS = [\n  \"January\",\n  \"February\",\n  \"March\",\n  \"April\",\n  \"May\",\n  \"June\",\n  \"July\",\n  \"August\",\n  \"September\",\n  \"October\",\n  \"November\",\n  \"December\",\n];\nexport const DAILY_NOTE_PAGE_REGEX =\n  /(January|February|March|April|May|June|July|August|September|October|November|December) [0-3]?[0-9](st|nd|rd|th), [0-9][0-9][0-9][0-9]/;\nexport const DAILY_NOTE_PAGE_TITLE_REGEX = new RegExp(\n  `^${DAILY_NOTE_PAGE_REGEX.source}$`\n);\n"]}

package/date/index.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.parseRoamDateUid = exports.parseNlpDate = void 0;
-const tslib_1 = require("tslib");
-var parseNlpDate_1 = require("./parseNlpDate");
-Object.defineProperty(exports, "parseNlpDate", { enumerable: true, get: function () { return tslib_1.__importDefault(parseNlpDate_1).default; } });
-var parseRoamDateUid_1 = require("./parseRoamDateUid");
-Object.defineProperty(exports, "parseRoamDateUid", { enumerable: true, get: function () { return tslib_1.__importDefault(parseRoamDateUid_1).default; } });
-tslib_1.__exportStar(require("./constants"), exports);
-//# sourceMappingURL=index.js.map

package/date/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/date/index.ts"],"names":[],"mappings":";;;;AAAA,+CAAyD;AAAhD,qIAAA,OAAO,OAAgB;AAChC,uDAAiE;AAAxD,6IAAA,OAAO,OAAoB;AACpC,sDAA4B","sourcesContent":["export { default as parseNlpDate } from \"./parseNlpDate\";\nexport { default as parseRoamDateUid } from \"./parseRoamDateUid\";\nexport * from \"./constants\";\n"]}

package/date/parseNlpDate.d.ts

@@ -1,5 +0,0 @@
-import { Parser } from "chrono-node";
-export declare const addNlpDateParser: (p: Parser) => number;
-declare const parseNlpDate: (s: string, ref?: Date) => Date;
-export declare const parse: (t: string, ref?: Date) => import("chrono-node").ParsedResult[];
-export default parseNlpDate;