@kirill.konshin/utils 0.0.10 → 0.0.12

package/dist/bootstrap/screen.js

@@ -0,0 +1,79 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { Navbar, Nav, Stack, Button } from "react-bootstrap";
+import { useBreakpoint } from "./responsiveHelper.js";
+import { AdaptiveContainer } from "./adaptiveContainer.js";
+function Screen({
+  backBtn,
+  backCb,
+  backIcon,
+  forwardBtn,
+  forwardIcon,
+  forwardCb,
+  footer,
+  menu,
+  header,
+  children,
+  noContentPadding = false,
+  contentClassName = "",
+  title = "",
+  centerContent = false,
+  noHeader = false,
+  noFooter = false,
+  noMenu = false
+  // noFolders = false,
+}) {
+  backBtn = backBtn || (backCb ? (
+    // backCb === true ? () => router.back() : backCb
+    /* @__PURE__ */ jsx(Button, { onClick: backCb, variant: "nav", children: /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("span", { className: backIcon || "bi-chevron-left icon-thick" }),
+      /* @__PURE__ */ jsx("span", { className: "d-none d-lg-inline ms-2", children: "Back" })
+    ] }) })
+  ) : null);
+  forwardBtn = forwardBtn || (forwardCb ? /* @__PURE__ */ jsx(Button, { onClick: forwardCb, children: forwardIcon ? /* @__PURE__ */ jsx("span", { className: forwardIcon }) : "Next" }) : null);
+  const { isMobile, isDesktop } = useBreakpoint();
+  return /* @__PURE__ */ jsxs("div", { className: `d-flex flex-column flex-grow-1 flex-lg-grow-0 ${isMobile ? "vh-100" : ""}`, "data-id": "screen", children: [
+    !noHeader && /* @__PURE__ */ jsxs("header", { className: isDesktop ? "" : "shadow-sm border-bottom", "data-id": "header", children: [
+      isDesktop && !noMenu && menu,
+      title && // (isDesktop ? 'border-bottom' : '')
+      /* @__PURE__ */ jsx(Navbar, { expand: true, className: "main-nav", children: /* @__PURE__ */ jsxs(AdaptiveContainer, { className: "gap-2", children: [
+        backBtn && /* @__PURE__ */ jsx(Nav, { className: "hstack gap-3", children: backBtn }),
+        /* @__PURE__ */ jsx(Navbar.Brand, { className: "me-auto", children: title }),
+        forwardBtn && /* @__PURE__ */ jsx(Nav, { className: "hstack gap-3", children: forwardBtn })
+      ] }) }),
+      header
+    ] }),
+    /* @__PURE__ */ jsxs(
+      AdaptiveContainer,
+      {
+        as: "main",
+        className: [
+          isMobile ? "overflow-y-auto overflow-x-hidden" : "gap-3",
+          `flex-grow-1 d-flex flex-column`,
+          centerContent ? "align-items-center justify-content-center" : "justify-content-start",
+          contentClassName,
+          noContentPadding ? "p-0" : "py-3"
+        ].filter(Boolean).join(" "),
+        "data-id": "content",
+        children: [
+          children,
+          isDesktop && !noFooter && /* @__PURE__ */ jsxs(Fragment, { children: [
+            footer,
+            (forwardBtn || backBtn) && // Navbar screws up the popper
+            /* @__PURE__ */ jsxs(Stack, { gap: 3, direction: "horizontal", children: [
+              backBtn && /* @__PURE__ */ jsx(Nav, { className: "hstack gap-3", children: backBtn }),
+              forwardBtn && /* @__PURE__ */ jsx(Nav, { className: "hstack gap-3 flex-grow-1", children: forwardBtn })
+            ] })
+          ] })
+        ]
+      }
+    ),
+    !noMenu && !noFooter && /* @__PURE__ */ jsxs("footer", { className: "shadow-lg border-top d-block d-lg-none", "data-id": "footer", children: [
+      !noFooter && footer,
+      !noMenu && menu
+    ] })
+  ] });
+}
+export {
+  Screen
+};
+//# sourceMappingURL=screen.js.map

package/dist/bootstrap/screen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"screen.js","sources":["../../src/bootstrap/screen.tsx"],"sourcesContent":["import React from 'react';\nimport { Button, Navbar, Nav, Stack } from 'react-bootstrap';\nimport { useBreakpoint } from './responsiveHelper';\nimport { AdaptiveContainer } from './adaptiveContainer';\n\n//TODO Footer -> menu\nexport function Screen({\n    backBtn,\n    backCb,\n    backIcon,\n    forwardBtn,\n    forwardIcon,\n    forwardCb,\n    footer,\n    menu,\n    header,\n    children,\n    noContentPadding = false,\n    contentClassName = '',\n    title = '',\n    centerContent = false,\n    noHeader = false,\n    noFooter = false,\n    noMenu = false,\n    // noFolders = false,\n}: {\n    backBtn?;\n    backCb?;\n    backIcon?;\n    forwardBtn?;\n    forwardIcon?;\n    forwardCb?;\n    children: any;\n    contentClassName?: string;\n    noContentPadding?: boolean;\n    header?: any; // resides on top panel in mobile, does not scroll, before content on desktop\n    footer?: any; // resides on bottom menu panel in mobile, does not scroll, or after content on desktop\n    menu?: any;\n    title?: any;\n    centerContent?: boolean;\n    noHeader?: boolean;\n    noFooter?: boolean;\n    noMenu?: boolean;\n    // noFolders?: boolean;\n}) {\n    // const router = useRouter();\n\n    backBtn =\n        backBtn ||\n        (backCb ? (\n            // backCb === true ? () => router.back() : backCb\n            <Button onClick={backCb} variant=\"nav\">\n                {\n                    <>\n                        <span className={backIcon || 'bi-chevron-left icon-thick'} />\n                        <span className=\"d-none d-lg-inline ms-2\">Back</span>\n                    </>\n                }\n            </Button>\n        ) : null);\n\n    forwardBtn =\n        forwardBtn ||\n        (forwardCb ? (\n            <Button onClick={forwardCb}>{forwardIcon ? <span className={forwardIcon}></span> : 'Next'}</Button>\n        ) : null);\n\n    const { isMobile, isDesktop } = useBreakpoint();\n\n    // useLoadingTimeout(1000); // less jerky UI\n\n    return (\n        <div className={`d-flex flex-column flex-grow-1 flex-lg-grow-0 ${isMobile ? 'vh-100' : ''}`} data-id=\"screen\">\n            {/* HEADER */}\n\n            {/* FIXME postition fixed does not assign z-index automatically https://getbootstrap.com/docs/4.0/layout/overview/#z-index*/}\n            {!noHeader && (\n                <header className={isDesktop ? '' : 'shadow-sm border-bottom'} data-id=\"header\">\n                    {/* {!noFolders && <FolderBar />} */}\n\n                    {/* {isDesktop && !noFooter && <Footer />} */}\n                    {isDesktop && !noMenu && menu}\n\n                    {title && (\n                        // (isDesktop ? 'border-bottom' : '')\n                        <Navbar expand className=\"main-nav\">\n                            <AdaptiveContainer className=\"gap-2\">\n                                {backBtn && <Nav className=\"hstack gap-3\">{backBtn}</Nav>}\n                                <Navbar.Brand className=\"me-auto\">{title}</Navbar.Brand>\n                                {forwardBtn && <Nav className=\"hstack gap-3\">{forwardBtn}</Nav>}\n                            </AdaptiveContainer>\n                        </Navbar>\n                    )}\n\n                    {header}\n                </header>\n            )}\n\n            {/* CONTENT */}\n\n            <AdaptiveContainer\n                as=\"main\"\n                className={[\n                    isMobile ? 'overflow-y-auto overflow-x-hidden' : 'gap-3',\n                    `flex-grow-1 d-flex flex-column`,\n                    centerContent ? 'align-items-center justify-content-center' : 'justify-content-start',\n                    contentClassName,\n                    noContentPadding ? 'p-0' : 'py-3',\n                ]\n                    .filter(Boolean)\n                    .join(' ')}\n                data-id=\"content\"\n            >\n                {children}\n\n                {/* Repeat screen buttons at the bottom on desktop */}\n                {isDesktop && !noFooter && (\n                    <>\n                        {footer}\n\n                        {/* TODO Possibly introduce a prop desktopFooterBeforeButtons */}\n                        {(forwardBtn || backBtn) && (\n                            // Navbar screws up the popper\n                            <Stack gap={3} direction=\"horizontal\">\n                                {/* No container since already in container */}\n                                {backBtn && <Nav className=\"hstack gap-3\">{backBtn}</Nav>}\n                                {forwardBtn && <Nav className=\"hstack gap-3 flex-grow-1\">{forwardBtn}</Nav>}\n                            </Stack>\n                        )}\n                    </>\n                )}\n            </AdaptiveContainer>\n\n            {/* FOOTER */}\n\n            {!noMenu && !noFooter && (\n                <footer className=\"shadow-lg border-top d-block d-lg-none\" data-id=\"footer\">\n                    {!noFooter && footer}\n                    {!noMenu && menu}\n                </footer>\n            )}\n        </div>\n    );\n}\n"],"names":[],"mappings":";;;;AAMO,SAAS,OAAO;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB,mBAAmB;AAAA,EACnB,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,WAAW;AAAA,EACX,SAAS;AAAA;AAEb,GAmBG;AAGC,YACI,YACC;AAAA;AAAA,wBAEI,QAAO,EAAA,SAAS,QAAQ,SAAQ,OAEzB,UACI,qBAAA,UAAA,EAAA,UAAA;AAAA,MAAC,oBAAA,QAAA,EAAK,WAAW,YAAY,6BAA8B,CAAA;AAAA,MAC1D,oBAAA,QAAA,EAAK,WAAU,2BAA0B,UAAI,OAAA,CAAA;AAAA,IAAA,EAAA,CAClD,EAER,CAAA;AAAA,MACA;AAER,eACI,eACC,YACI,oBAAA,QAAA,EAAO,SAAS,WAAY,UAAc,cAAA,oBAAC,QAAK,EAAA,WAAW,YAAa,CAAA,IAAU,QAAO,IAC1F;AAER,QAAM,EAAE,UAAU,UAAU,IAAI,cAAc;AAK1C,SAAA,qBAAC,SAAI,WAAW,iDAAiD,WAAW,WAAW,EAAE,IAAI,WAAQ,UAIhG,UAAA;AAAA,IAAC,CAAA,iCACG,UAAO,EAAA,WAAW,YAAY,KAAK,2BAA2B,WAAQ,UAIlE,UAAA;AAAA,MAAA,aAAa,CAAC,UAAU;AAAA,MAExB;AAAA,MAEG,oBAAC,UAAO,QAAM,MAAC,WAAU,YACrB,UAAA,qBAAC,mBAAkB,EAAA,WAAU,SACxB,UAAA;AAAA,QAAA,WAAY,oBAAA,KAAA,EAAI,WAAU,gBAAgB,UAAQ,SAAA;AAAA,4BAClD,OAAO,OAAP,EAAa,WAAU,WAAW,UAAM,OAAA;AAAA,QACxC,cAAc,oBAAC,KAAI,EAAA,WAAU,gBAAgB,UAAW,WAAA,CAAA;AAAA,MAAA,EAAA,CAC7D,EACJ,CAAA;AAAA,MAGH;AAAA,IAAA,GACL;AAAA,IAKJ;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,IAAG;AAAA,QACH,WAAW;AAAA,UACP,WAAW,sCAAsC;AAAA,UACjD;AAAA,UACA,gBAAgB,8CAA8C;AAAA,UAC9D;AAAA,UACA,mBAAmB,QAAQ;AAAA,QAE1B,EAAA,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,QACb,WAAQ;AAAA,QAEP,UAAA;AAAA,UAAA;AAAA,UAGA,aAAa,CAAC,YAEN,qBAAA,UAAA,EAAA,UAAA;AAAA,YAAA;AAAA,aAGC,cAAc;AAAA,YAEX,qBAAA,OAAA,EAAM,KAAK,GAAG,WAAU,cAEpB,UAAA;AAAA,cAAA,WAAY,oBAAA,KAAA,EAAI,WAAU,gBAAgB,UAAQ,SAAA;AAAA,cAClD,cAAc,oBAAC,KAAI,EAAA,WAAU,4BAA4B,UAAW,WAAA,CAAA;AAAA,YAAA,EACzE,CAAA;AAAA,UAAA,EAER,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAER;AAAA,IAIC,CAAC,UAAU,CAAC,iCACR,UAAO,EAAA,WAAU,0CAAyC,WAAQ,UAC9D,UAAA;AAAA,MAAA,CAAC,YAAY;AAAA,MACb,CAAC,UAAU;AAAA,IAAA,EAChB,CAAA;AAAA,EAAA,GAER;AAER;"}

package/dist/bootstrap/toaster.d.ts

@@ -0,0 +1,9 @@
+import { ToastProps } from 'react-bootstrap';
+export declare function Toaster({ toast, }: {
+    toast: string | {
+        message: string;
+        title?: string;
+        variant?: 'dark' | 'success' | 'danger';
+    };
+} & ToastProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=toaster.d.ts.map

package/dist/bootstrap/toaster.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toaster.d.ts","sourceRoot":"","sources":["../../src/bootstrap/toaster.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAS,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGpD,wBAAgB,OAAO,CAAC,EACpB,KAAK,GACR,EAAE;IAAE,KAAK,EAAE,MAAM,GAAG;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAA;KAAE,CAAA;CAAE,GAAG,UAAU,2CA6B/G"}

package/dist/bootstrap/toaster.js

@@ -0,0 +1,36 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { Toast } from "react-bootstrap";
+function Toaster({
+  toast
+}) {
+  const [dismissed, setDismissed] = useState(false);
+  const msg = typeof toast === "string" ? toast : toast == null ? void 0 : toast.message;
+  typeof toast === "string" ? "Notification" : toast == null ? void 0 : toast.title;
+  const variant = typeof toast === "string" ? "" : toast == null ? void 0 : toast.variant;
+  return /* @__PURE__ */ jsxs(
+    Toast,
+    {
+      onClose: () => setDismissed(true),
+      show: !dismissed,
+      delay: 1e4,
+      autohide: true,
+      bg: variant == null ? void 0 : variant.toLowerCase(),
+      className: "position-fixed top-50 right-50 min-w-200px z-3",
+      children: [
+        /* @__PURE__ */ jsx(Toast.Header, { children: /* @__PURE__ */ jsx("strong", { className: "me-auto", children: "Notification" }) }),
+        /* @__PURE__ */ jsx(
+          Toast.Body,
+          {
+            className: ["dark", "success", "danger"].includes(variant == null ? void 0 : variant.toLowerCase()) ? "text-white" : "",
+            children: msg
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  Toaster
+};
+//# sourceMappingURL=toaster.js.map

package/dist/bootstrap/toaster.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toaster.js","sources":["../../src/bootstrap/toaster.tsx"],"sourcesContent":["'use client';\n\nimport React, { useState } from 'react';\nimport { Toast, ToastProps } from 'react-bootstrap';\n// import { useToaster } from '../redux/toasterSlice';\n\nexport function Toaster({\n    toast,\n}: { toast: string | { message: string; title?: string; variant?: 'dark' | 'success' | 'danger' } } & ToastProps) {\n    //const { toast, setToast } = useToaster();\n    const [dismissed, setDismissed] = useState(false);\n\n    const msg = typeof toast === 'string' ? toast : toast?.message;\n    const title = typeof toast === 'string' ? 'Notification' : toast?.title;\n    const variant = typeof toast === 'string' ? '' : toast?.variant;\n\n    return (\n        <Toast\n            onClose={() => setDismissed(true)}\n            show={!dismissed}\n            delay={10000}\n            autohide\n            bg={variant?.toLowerCase()}\n            className=\"position-fixed top-50 right-50 min-w-200px z-3\"\n        >\n            <Toast.Header>\n                <strong className=\"me-auto\">Notification</strong>\n            </Toast.Header>\n            <Toast.Body\n                className={\n                    ['dark', 'success', 'danger'].includes((variant as string)?.toLowerCase()) ? 'text-white' : ''\n                }\n            >\n                {msg}\n            </Toast.Body>\n        </Toast>\n    );\n}\n"],"names":[],"mappings":";;;AAMO,SAAS,QAAQ;AAAA,EACpB;AACJ,GAAkH;AAE9G,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,QAAM,MAAM,OAAO,UAAU,WAAW,QAAQ,+BAAO;AACzC,SAAO,UAAU,WAAW,iBAAiB,+BAAO;AAClE,QAAM,UAAU,OAAO,UAAU,WAAW,KAAK,+BAAO;AAGpD,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,SAAS,MAAM,aAAa,IAAI;AAAA,MAChC,MAAM,CAAC;AAAA,MACP,OAAO;AAAA,MACP,UAAQ;AAAA,MACR,IAAI,mCAAS;AAAA,MACb,WAAU;AAAA,MAEV,UAAA;AAAA,QAAC,oBAAA,MAAM,QAAN,EACG,UAAA,oBAAC,YAAO,WAAU,WAAU,0BAAY,EAC5C,CAAA;AAAA,QACA;AAAA,UAAC,MAAM;AAAA,UAAN;AAAA,YACG,WACI,CAAC,QAAQ,WAAW,QAAQ,EAAE,SAAU,mCAAoB,aAAa,IAAI,eAAe;AAAA,YAG/F,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACL;AAAA,IAAA;AAAA,EACJ;AAER;"}

package/dist/bootstrap/useModal.d.ts

@@ -0,0 +1,22 @@
+import { ModalProps, OffcanvasProps } from 'react-bootstrap';
+export type UseModalArgs = {
+    onClose?: any;
+    showOnMount?: boolean;
+};
+export type UseModalProps = {
+    children?: any;
+    show?: boolean;
+    onSubmit?: (e: any) => void;
+    submitButton?: string | any;
+    cancelButton?: string | any;
+    offcanvas?: boolean;
+    title?: string | any;
+    containerProps?: ModalProps | OffcanvasProps;
+};
+export declare function useModal({ onClose, showOnMount }?: UseModalArgs): {
+    show: boolean | undefined;
+    close: () => void;
+    open: () => void;
+    ModalDialog: ({ children, show, onSubmit, submitButton, cancelButton, offcanvas, title, containerProps, }: ModalProps) => import("react/jsx-runtime").JSX.Element;
+};
+//# sourceMappingURL=useModal.d.ts.map

package/dist/bootstrap/useModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useModal.d.ts","sourceRoot":"","sources":["../../src/bootstrap/useModal.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,UAAU,EAAa,cAAc,EAAS,MAAM,iBAAiB,CAAC;AAE9F,MAAM,MAAM,YAAY,GAAG;IAAE,OAAO,CAAC,EAAE,GAAG,CAAC;IAAC,WAAW,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAEpE,MAAM,MAAM,aAAa,GAAG;IACxB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;IACrB,cAAc,CAAC,EAAE,UAAU,GAAG,cAAc,CAAC;CAChD,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,GAAE,YAAiB;;;;+GA6BrD,UAAU;EA0CxB"}

package/dist/bootstrap/useModal.js

@@ -0,0 +1,50 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useCallback, useMemo } from "react";
+import { Offcanvas, Modal, Stack, Button } from "react-bootstrap";
+function useModal({ onClose, showOnMount } = {}) {
+  const [show, setShow] = useState(showOnMount);
+  const close = useCallback(() => {
+    setShow(false);
+    onClose == null ? void 0 : onClose();
+  }, [onClose]);
+  const open = useCallback(() => setShow(true), []);
+  const defaultOnSubmit = useCallback(
+    (e) => {
+      e.preventDefault();
+      close();
+    },
+    [close]
+  );
+  const ModalDialog = useMemo(
+    () => function ModalDialog2({
+      children,
+      show: show2,
+      onSubmit = defaultOnSubmit,
+      submitButton = "Done",
+      cancelButton = "Cancel",
+      offcanvas = false,
+      title = null,
+      containerProps = {}
+    }) {
+      const Container = offcanvas ? Offcanvas : Modal;
+      const containerDefaultProps = offcanvas ? { style: { maxWidth: "85%" } } : {};
+      const Body = offcanvas ? Offcanvas.Body : Modal.Body;
+      const Header = offcanvas ? Offcanvas.Header : Modal.Header;
+      const Title = offcanvas ? Offcanvas.Title : Modal.Title;
+      return /* @__PURE__ */ jsx(Container, { ...{ ...containerDefaultProps, ...containerProps }, show: show2, onHide: close, children: /* @__PURE__ */ jsxs("form", { onSubmit, children: [
+        title && /* @__PURE__ */ jsx(Header, { closeButton: true, children: /* @__PURE__ */ jsx(Title, { children: title }) }),
+        /* @__PURE__ */ jsx(Body, { as: Stack, gap: 3, children: show2 && children }),
+        !offcanvas && (submitButton || cancelButton) && /* @__PURE__ */ jsxs(Modal.Footer, { children: [
+          cancelButton && /* @__PURE__ */ jsx(Button, { variant: "outline-secondary", onClick: close, children: cancelButton }),
+          submitButton && /* @__PURE__ */ jsx(Button, { variant: "secondary", type: "submit", children: submitButton })
+        ] })
+      ] }) });
+    },
+    [close, defaultOnSubmit]
+  );
+  return { show, close, open, ModalDialog };
+}
+export {
+  useModal
+};
+//# sourceMappingURL=useModal.js.map

package/dist/bootstrap/useModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useModal.js","sources":["../../src/bootstrap/useModal.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport { Button, Modal, ModalProps, Offcanvas, OffcanvasProps, Stack } from 'react-bootstrap';\n\nexport type UseModalArgs = { onClose?: any; showOnMount?: boolean };\n\nexport type UseModalProps = {\n    children?: any;\n    show?: boolean;\n    onSubmit?: (e: any) => void;\n    submitButton?: string | any;\n    cancelButton?: string | any;\n    offcanvas?: boolean;\n    title?: string | any;\n    containerProps?: ModalProps | OffcanvasProps;\n};\n\nexport function useModal({ onClose, showOnMount }: UseModalArgs = {}) {\n    const [show, setShow] = useState(showOnMount);\n\n    const close = useCallback(() => {\n        setShow(false);\n        onClose?.();\n    }, [onClose]);\n\n    const open = useCallback(() => setShow(true), []);\n\n    const defaultOnSubmit = useCallback(\n        (e) => {\n            e.preventDefault();\n            close();\n        },\n        [close],\n    );\n\n    const ModalDialog = useMemo(\n        () =>\n            function ModalDialog({\n                children,\n                show,\n                onSubmit = defaultOnSubmit,\n                submitButton = 'Done',\n                cancelButton = 'Cancel',\n                offcanvas = false,\n                title = null as any,\n                containerProps = {},\n            }: ModalProps) {\n                const Container = offcanvas ? Offcanvas : Modal;\n                const containerDefaultProps = offcanvas ? { style: { maxWidth: '85%' } } : {};\n                const Body = offcanvas ? Offcanvas.Body : Modal.Body;\n                const Header = offcanvas ? Offcanvas.Header : Modal.Header;\n                const Title = offcanvas ? Offcanvas.Title : Modal.Title;\n\n                return (\n                    <Container {...{ ...containerDefaultProps, ...containerProps }} show={show} onHide={close}>\n                        <form onSubmit={onSubmit}>\n                            {title && (\n                                <Header closeButton>\n                                    <Title>{title}</Title>\n                                </Header>\n                            )}\n\n                            <Body as={Stack} gap={3}>\n                                {show && children}\n                            </Body>\n\n                            {!offcanvas && (submitButton || cancelButton) && (\n                                <Modal.Footer>\n                                    {cancelButton && (\n                                        <Button variant=\"outline-secondary\" onClick={close}>\n                                            {cancelButton}\n                                        </Button>\n                                    )}\n                                    {submitButton && (\n                                        <Button variant=\"secondary\" type=\"submit\">\n                                            {submitButton}\n                                        </Button>\n                                    )}\n                                </Modal.Footer>\n                            )}\n                        </form>\n                    </Container>\n                );\n            },\n        [close, defaultOnSubmit],\n    );\n\n    return { show, close, open, ModalDialog };\n}\n"],"names":["ModalDialog","show"],"mappings":";;;AAgBO,SAAS,SAAS,EAAE,SAAS,YAAY,IAAkB,CAAA,GAAI;AAClE,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,WAAW;AAEtC,QAAA,QAAQ,YAAY,MAAM;AAC5B,YAAQ,KAAK;AACH;AAAA,EAAA,GACX,CAAC,OAAO,CAAC;AAEZ,QAAM,OAAO,YAAY,MAAM,QAAQ,IAAI,GAAG,CAAA,CAAE;AAEhD,QAAM,kBAAkB;AAAA,IACpB,CAAC,MAAM;AACH,QAAE,eAAe;AACX,YAAA;AAAA,IACV;AAAA,IACA,CAAC,KAAK;AAAA,EACV;AAEA,QAAM,cAAc;AAAA,IAChB,MACI,SAASA,aAAY;AAAA,MACjB;AAAA,MACA,MAAAC;AAAAA,MACA,WAAW;AAAA,MACX,eAAe;AAAA,MACf,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,iBAAiB,CAAA;AAAA,IAAC,GACP;AACL,YAAA,YAAY,YAAY,YAAY;AACpC,YAAA,wBAAwB,YAAY,EAAE,OAAO,EAAE,UAAU,MAAQ,EAAA,IAAI,CAAC;AAC5E,YAAM,OAAO,YAAY,UAAU,OAAO,MAAM;AAChD,YAAM,SAAS,YAAY,UAAU,SAAS,MAAM;AACpD,YAAM,QAAQ,YAAY,UAAU,QAAQ,MAAM;AAElD,aACK,oBAAA,WAAA,EAAW,GAAG,EAAE,GAAG,uBAAuB,GAAG,kBAAkB,MAAMA,OAAM,QAAQ,OAChF,UAAA,qBAAC,UAAK,UACD,UAAA;AAAA,QAAA,6BACI,QAAO,EAAA,aAAW,MACf,UAAC,oBAAA,OAAA,EAAO,iBAAM,EAClB,CAAA;AAAA,QAGJ,oBAAC,QAAK,IAAI,OAAO,KAAK,GACjB,UAAAA,SAAQ,UACb;AAAA,QAEC,CAAC,cAAc,gBAAgB,iBAC3B,qBAAA,MAAM,QAAN,EACI,UAAA;AAAA,UAAA,oCACI,QAAO,EAAA,SAAQ,qBAAoB,SAAS,OACxC,UACL,cAAA;AAAA,UAEH,gBACI,oBAAA,QAAA,EAAO,SAAQ,aAAY,MAAK,UAC5B,UACL,aAAA,CAAA;AAAA,QAAA,EAER,CAAA;AAAA,MAAA,EAAA,CAER,EACJ,CAAA;AAAA,IAER;AAAA,IACJ,CAAC,OAAO,eAAe;AAAA,EAC3B;AAEA,SAAO,EAAE,MAAM,OAAO,MAAM,YAAY;AAC5C;"}

package/dist/bootstrap/useWrappedForm.d.ts

@@ -0,0 +1,14 @@
+import { useForm, FormState } from 'react-hook-form';
+export declare const isFormLoading: (formState: FormState<any>) => boolean;
+export declare const useWrappedForm: typeof useForm;
+/**
+ * Issue #3: Submit event still propagates to parent when using portal
+ * https://reactjs.org/docs/portals.html#event-bubbling-through-portals
+ * Event bubbling goes through React DOM instead of HTML DOM
+ * Portals don't have an effect on this one, we need to stop event propagation
+ * This should be our default form handling method
+ * https://codesandbox.io/s/react-hook-form-nested-portal-6x3fvy?file=/src/App.tsx:1905-2261
+ * https://github.com/react-hook-form/react-hook-form/issues/1005#issuecomment-988380981
+ */
+export declare const stopPropagation: (callback: any) => (e: any) => void;
+//# sourceMappingURL=useWrappedForm.d.ts.map

package/dist/bootstrap/useWrappedForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWrappedForm.d.ts","sourceRoot":"","sources":["../../src/bootstrap/useWrappedForm.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAGrD,eAAO,MAAM,aAAa,cAAe,SAAS,CAAC,GAAG,CAAC,YAAkD,CAAC;AAE1G,eAAO,MAAM,cAAc,EAAE,OAAO,OAmBnC,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe,qCAI3B,CAAC"}

package/dist/bootstrap/useWrappedForm.js

@@ -0,0 +1,32 @@
+import { useForm } from "react-hook-form";
+import { useCallback } from "react";
+const isFormLoading = (formState) => formState.isLoading || formState.isSubmitting;
+const useWrappedForm = (options) => {
+  const form = useForm(options);
+  const handleSubmit = useCallback(
+    (onSubmit, onError) => {
+      const wrappedSubmit = async (data) => {
+        try {
+          await onSubmit(data);
+        } catch (e) {
+          form.setError("root", { type: "server", message: e.message });
+          console.error("Error submitting form", e);
+        }
+      };
+      return form.handleSubmit(wrappedSubmit, onError);
+    },
+    [form]
+  );
+  return { ...form, handleSubmit };
+};
+const stopPropagation = (callback) => (e) => {
+  e.stopPropagation();
+  e.preventDefault();
+  callback(e);
+};
+export {
+  isFormLoading,
+  stopPropagation,
+  useWrappedForm
+};
+//# sourceMappingURL=useWrappedForm.js.map

package/dist/bootstrap/useWrappedForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWrappedForm.js","sources":["../../src/bootstrap/useWrappedForm.ts"],"sourcesContent":["import { useForm, FormState } from 'react-hook-form';\nimport { useCallback } from 'react';\n\nexport const isFormLoading = (formState: FormState<any>) => formState.isLoading || formState.isSubmitting;\n\nexport const useWrappedForm: typeof useForm = (options) => {\n    const form = useForm(options);\n\n    const handleSubmit: typeof form.handleSubmit = useCallback(\n        (onSubmit, onError) => {\n            const wrappedSubmit: typeof onSubmit = async (data) => {\n                try {\n                    await onSubmit(data);\n                } catch (e) {\n                    form.setError('root', { type: 'server', message: e.message });\n                    console.error('Error submitting form', e);\n                }\n            };\n            return form.handleSubmit(wrappedSubmit, onError);\n        },\n        [form],\n    );\n\n    return { ...form, handleSubmit };\n};\n\n/**\n * Issue #3: Submit event still propagates to parent when using portal\n * https://reactjs.org/docs/portals.html#event-bubbling-through-portals\n * Event bubbling goes through React DOM instead of HTML DOM\n * Portals don't have an effect on this one, we need to stop event propagation\n * This should be our default form handling method\n * https://codesandbox.io/s/react-hook-form-nested-portal-6x3fvy?file=/src/App.tsx:1905-2261\n * https://github.com/react-hook-form/react-hook-form/issues/1005#issuecomment-988380981\n */\nexport const stopPropagation = (callback) => (e) => {\n    e.stopPropagation();\n    e.preventDefault();\n    callback(e);\n};\n"],"names":[],"mappings":";;AAGO,MAAM,gBAAgB,CAAC,cAA8B,UAAU,aAAa,UAAU;AAEhF,MAAA,iBAAiC,CAAC,YAAY;AACjD,QAAA,OAAO,QAAQ,OAAO;AAE5B,QAAM,eAAyC;AAAA,IAC3C,CAAC,UAAU,YAAY;AACb,YAAA,gBAAiC,OAAO,SAAS;AAC/C,YAAA;AACA,gBAAM,SAAS,IAAI;AAAA,iBACd,GAAG;AACH,eAAA,SAAS,QAAQ,EAAE,MAAM,UAAU,SAAS,EAAE,SAAS;AACpD,kBAAA,MAAM,yBAAyB,CAAC;AAAA,QAAA;AAAA,MAEhD;AACO,aAAA,KAAK,aAAa,eAAe,OAAO;AAAA,IACnD;AAAA,IACA,CAAC,IAAI;AAAA,EACT;AAEO,SAAA,EAAE,GAAG,MAAM,aAAa;AACnC;AAWO,MAAM,kBAAkB,CAAC,aAAa,CAAC,MAAM;AAChD,IAAE,gBAAgB;AAClB,IAAE,eAAe;AACjB,WAAS,CAAC;AACd;"}

package/dist/core/cache.d.ts

@@ -0,0 +1,121 @@
+export type MaybePromise<T> = T | Promise<T>;
+export declare const shallowCompare: (prev: any, next: any) => boolean;
+export declare const equal: (prev: any, next: any) => boolean;
+export declare const ANY: unique symbol;
+export declare function createTracker<Dep = any>(whenDifferent: (next: Dep, prev?: Dep) => any, shallow?: boolean): (dependency: Dep) => any;
+/**
+ * https://github.com/futpib/deep-weak-map
+ * https://github.com/fregante/many-keys-map
+ * https://github.com/fregante/many-keys-weakmap
+ * https://github.com/sindresorhus/memoize?tab=readme-ov-file#example-multiple-non-serializable-arguments
+ *
+ * ```ts
+ * const memoized = memo(
+ *   (file, options, ...args) => { ... },
+ *   {
+ *     key: (file, options, ...args) => [file, JSON.stringify(options), ...args],
+ *     invalidate: (bitmap) => !bitmap.width,
+ *     dispose: (bitmap) => bitmap.close(),
+ *   }
+ * );
+ * ```
+ */
+export declare function memo<Key extends any[], Val, SerializedKey extends any[] = Key>(fn: (...args: Key) => MaybePromise<Val>, { key, invalidate, dispose, }?: {
+    key?: (...key: Key) => SerializedKey;
+    invalidate?: (prev: Val, ...key: SerializedKey) => boolean;
+    dispose?: (prev: Val, ...key: SerializedKey) => void;
+}): {
+    (...args: Key): Promise<{
+        value: Val | undefined;
+        hit: boolean;
+    }>;
+    clear: (...condition: Key | any[]) => void;
+    size: () => number;
+};
+/**
+ * Allows to memoize values by key and invalidate them based on the previous value.
+ *
+ * This makes possible to implement various one-off and subsequent transformations.
+ *
+ * 1. `write`: Before writing to cache, called only once if cache is present and valid
+ * 2. `read`: After it's read from cache, always called if cache is valid
+ * TODO Better names: once, folloing
+ * TODO Better names: memoize, recover
+ * TODO Better names: writeTransformer, readTransformer
+ * TODO Better names: writeModifier, readModifier
+ * TODO Better names: write, read
+ *
+ * Both should return same type or null.
+ *
+ * If newValue is null, old is returned, and no cache is set.
+ *
+ * ```ts
+ * class InputCache extends TypedCache<string, ImageBitmap> {
+ *     dispose(bitmap: ImageBitmap, key: string) {
+ *         bitmap.close();
+ *     }
+ * }
+ *
+ * const cache = new InputCache('input');
+ *
+ * // Cache provided OffscreenCanvas by name and create context once per canvas
+ *
+ * class CanvasCache extends TypedCache<string, OffscreenCanvas> {
+ *     protected write(key: string, canvas: OffscreenCanvas): OffscreenCanvas {
+ *         const canvas = newValue.getContext('2d');
+ *         canvas.ctx = canvas;
+ *         return canvas;
+ *     }
+ * }
+ *
+ * // Transfer control to offscreen canvas and track removal of original
+ * // When called again, always return null, because canvas is handed to worker, and never returned to main
+ *
+ * class CanvasCache extends TypedCache<HTMLCanvasElement, OffscreenCanvas> {
+ *
+ *     protected write(canvas: HTMLCanvasElement): OffscreenCanvas {
+ *         let l;
+ *         canvas.addEventListener(
+ *             'remove',
+ *             (l = () => {
+ *                 console.log('Removing canvas from cache', key);
+ *                 this.delete(canvas);
+ *                 key.removeEventListener('remove', l);
+ *             }),
+ *         );
+ *         return canvas.transferControlToOffscreen();
+ *     }
+ *
+ *     protected read() {
+ *         return null;
+ *     }
+ * }
+ *
+ * // Create bitmap from file and check if was used, return null if used
+ * // Since bitmaps are also cached in worker, used bitmaps are not sent
+ *
+ * class BitmapCache extends TypedCache<File, ImageBitmap, File> {
+ *     protected async write(file: File): Promise<ImageBitmap> {
+ *         return await createImageBitmap(file);
+ *     }
+ *
+ *     protected read(bitmap: ImageBitmap): Promise<ImageBitmap> | ImageBitmap {
+ *         if (!bitmap.width) return null;
+ *         return bitmap;
+ *     }
+ * }
+ *
+ * ```
+ */
+export declare abstract class TransformerMap<Key, Val = Key> extends Map<Key, Val> {
+    protected readonly name: string;
+    constructor(name: string);
+    protected write(key: Key, newValue?: Val, oldValue?: Val): MaybePromise<Val>;
+    protected read(oldValue: Val, key: Key): MaybePromise<Val>;
+    delete(key: Key): boolean;
+    protected dispose(value: Val, key: Key): void;
+    clear(): void;
+    set(key: Key, value: Val): this;
+    memo(key: Key, newValue?: Val): Promise<Val>;
+}
+//# sourceMappingURL=cache.d.ts.map

package/dist/core/cache.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cache.d.ts","sourceRoot":"","sources":["../../src/core/cache.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AAE7C,eAAO,MAAM,cAAc,SAAU,GAAG,QAAQ,GAAG,YAC0D,CAAC;AAE9G,eAAO,MAAM,KAAK,SAAU,GAAG,QAAQ,GAAG,YAAkB,CAAC;AAG7D,eAAO,MAAM,GAAG,eAAc,CAAC;AAE/B,wBAAgB,aAAa,CAAC,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,GAAG,KAAK,GAAG,EAAE,OAAO,UAAQ,gBAK/D,GAAG,SAgB1C;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,IAAI,CAAC,GAAG,SAAS,GAAG,EAAE,EAAE,GAAG,EAAE,aAAa,SAAS,GAAG,EAAE,GAAG,GAAG,EAC1E,EAAE,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,KAAK,YAAY,CAAC,GAAG,CAAC,EACvC,EACI,GAAgD,EAChD,UAAU,EACV,OAAO,GACV,GAAE;IACC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,EAAE,GAAG,KAAK,aAAa,CAAC;IACrC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,GAAG,EAAE,aAAa,KAAK,OAAO,CAAC;IAC3D,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,GAAG,EAAE,aAAa,KAAK,IAAI,CAAC;CACnD;cAwB2B,GAAG;;;;0BApBP,GAAG,GAAG,GAAG,EAAE;;EA2C3C;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0EG;AACH,8BAAsB,cAAc,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,CAAE,SAAQ,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC;IAC1D,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAE,MAAM;gBAAZ,IAAI,EAAE,MAAM;IAK3C,SAAS,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,CAAC,EAAE,GAAG,EAAE,QAAQ,CAAC,EAAE,GAAG,GAAG,YAAY,CAAC,GAAG,CAAC;IAI5E,SAAS,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,YAAY,CAAC,GAAG,CAAC;IAI1D,MAAM,CAAC,GAAG,EAAE,GAAG;IAQf,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG;IAEtC,KAAK;IAML,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,GAAG,IAAI;IAIzB,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,CAAC,EAAE,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC;CAkBrD"}

package/dist/core/cache.js

@@ -0,0 +1,104 @@
+import ManyKeysMap from "many-keys-map";
+const shallowCompare = (prev, next) => Array.from(/* @__PURE__ */ new Set([...Object.keys(prev), ...Object.keys(next)])).every((key) => prev[key] === next[key]);
+const equal = (prev, next) => prev === next;
+const UNUSED = Symbol("UNUSED");
+const ANY = Symbol("*");
+function createTracker(whenDifferent, shallow = false) {
+  let lastDependency = UNUSED;
+  const comparator = shallow ? shallowCompare : equal;
+  return function tracker(dependency) {
+    if (lastDependency !== UNUSED && comparator(lastDependency, dependency)) {
+      return false;
+    }
+    const res = whenDifferent(dependency, lastDependency === UNUSED ? void 0 : lastDependency) || true;
+    lastDependency = dependency;
+    return res;
+  };
+}
+function memo(fn, {
+  key = (...k) => k,
+  invalidate,
+  dispose
+} = {}) {
+  const map = new ManyKeysMap();
+  const clear = (...condition) => {
+    if (!(condition == null ? void 0 : condition.length)) {
+      map.forEach((value, serializedKey) => {
+        dispose == null ? void 0 : dispose(value, ...serializedKey);
+      });
+      map.clear();
+      return;
+    }
+    const keyToClear = key(...condition);
+    map.forEach((value, serializedKey) => {
+      if (!serializedKey.every((kk, i) => keyToClear[i] === ANY || kk === keyToClear[i])) return;
+      dispose == null ? void 0 : dispose(value, ...serializedKey);
+      map.delete(serializedKey);
+    });
+  };
+  const size = () => map.size;
+  async function memoized(...args) {
+    const k = key(...args);
+    const has = map.has(k);
+    const old = map.get(k);
+    if (has && !(invalidate == null ? void 0 : invalidate(old, ...k))) {
+      return { value: map.get(k), hit: true };
+    }
+    const value = await fn(...args);
+    map.set(k, value);
+    return { hit: false, value };
+  }
+  memoized.clear = clear;
+  memoized.size = size;
+  return memoized;
+}
+class TransformerMap extends Map {
+  constructor(name) {
+    console.warn("CREATE cache", name);
+    super();
+    this.name = name;
+  }
+  write(key, newValue, oldValue) {
+    return newValue;
+  }
+  read(oldValue, key) {
+    return oldValue;
+  }
+  delete(key) {
+    const has = this.has(key);
+    if (has) this.dispose(this.get(key), key);
+    super.delete(key);
+    return has;
+  }
+  // do something with the value and key before removing it
+  dispose(value, key) {
+  }
+  clear() {
+    console.log("CLEAR cache", this.name);
+    this.forEach(this.dispose);
+    super.clear();
+  }
+  set(key, value) {
+    throw new Error("Use memo() method instead");
+  }
+  async memo(key, newValue) {
+    var _a;
+    const oldValue = this.get(key);
+    if (!!oldValue && (!newValue || newValue === oldValue)) {
+      return (_a = this.read) == null ? void 0 : _a.call(this, oldValue, key);
+    }
+    if (this.has(key)) this.delete(key);
+    const value = await this.write(key, newValue, oldValue);
+    super.set(key, value);
+    return value;
+  }
+}
+export {
+  ANY,
+  TransformerMap,
+  createTracker,
+  equal,
+  memo,
+  shallowCompare
+};
+//# sourceMappingURL=cache.js.map

package/dist/core/cache.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cache.js","sources":["../../src/core/cache.ts"],"sourcesContent":["import ManyKeysMap from 'many-keys-map';\n\nexport type MaybePromise<T> = T | Promise<T>;\n\nexport const shallowCompare = (prev: any, next: any) =>\n    Array.from(new Set([...Object.keys(prev), ...Object.keys(next)])).every((key) => prev[key] === next[key]);\n\nexport const equal = (prev: any, next: any) => prev === next;\n\nconst UNUSED = Symbol('UNUSED');\nexport const ANY = Symbol('*');\n\nexport function createTracker<Dep = any>(whenDifferent: (next: Dep, prev?: Dep) => any, shallow = false) {\n    let lastDependency: Dep = UNUSED as any;\n\n    const comparator = shallow ? shallowCompare : equal;\n\n    return function tracker(dependency: Dep) {\n        // console.log('Tracker', lastDependency, dependency);\n\n        if (lastDependency !== UNUSED && comparator(lastDependency, dependency)) {\n            // console.log('RETAINED cache', { lastDependency, dependency });\n            return false;\n        }\n\n        // console.log('INVALIDATED cache', {lastDependency, dependency});\n\n        const res = whenDifferent(dependency, lastDependency === UNUSED ? undefined : lastDependency) || true;\n\n        lastDependency = dependency;\n\n        return res;\n    };\n}\n\n/**\n * https://github.com/futpib/deep-weak-map\n * https://github.com/fregante/many-keys-map\n * https://github.com/fregante/many-keys-weakmap\n * https://github.com/sindresorhus/memoize?tab=readme-ov-file#example-multiple-non-serializable-arguments\n *\n * ```ts\n * const memoized = memo(\n *   (file, options, ...args) => { ... },\n *   {\n *     key: (file, options, ...args) => [file, JSON.stringify(options), ...args],\n *     invalidate: (bitmap) => !bitmap.width,\n *     dispose: (bitmap) => bitmap.close(),\n *   }\n * );\n * ```\n */\nexport function memo<Key extends any[], Val, SerializedKey extends any[] = Key>(\n    fn: (...args: Key) => MaybePromise<Val>,\n    {\n        key = (...k: Key) => k as never as SerializedKey,\n        invalidate,\n        dispose,\n    }: {\n        key?: (...key: Key) => SerializedKey;\n        invalidate?: (prev: Val, ...key: SerializedKey) => boolean;\n        dispose?: (prev: Val, ...key: SerializedKey) => void;\n    } = {},\n) {\n    const map = new ManyKeysMap<SerializedKey, Val>();\n\n    const clear = (...condition: Key | any[]) => {\n        if (!condition?.length) {\n            map.forEach((value, serializedKey) => {\n                dispose?.(value, ...serializedKey);\n            });\n            map.clear();\n            return;\n        }\n\n        const keyToClear = key(...(condition as any));\n\n        map.forEach((value, serializedKey) => {\n            if (!serializedKey.every((kk, i) => keyToClear[i] === ANY || kk === keyToClear[i])) return;\n            dispose?.(value, ...serializedKey);\n            map.delete(serializedKey);\n        });\n    };\n\n    const size = () => map.size;\n\n    async function memoized(...args: Key) {\n        const k = key(...args);\n\n        const has = map.has(k);\n        const old = map.get(k);\n\n        if (has && !invalidate?.(old as never as Val, ...k)) {\n            return { value: map.get(k), hit: true };\n        }\n\n        const value = await fn(...args);\n\n        map.set(k, value);\n\n        return { hit: false, value };\n    }\n\n    memoized.clear = clear;\n    memoized.size = size;\n\n    //TODO return mimic-function(memorized, fn);\n\n    return memoized;\n}\n\n/**\n * Allows to memoize values by key and invalidate them based on the previous value.\n *\n * This makes possible to implement various one-off and subsequent transformations.\n *\n * 1. `write`: Before writing to cache, called only once if cache is present and valid\n * 2. `read`: After it's read from cache, always called if cache is valid\n * TODO Better names: once, folloing\n * TODO Better names: memoize, recover\n * TODO Better names: writeTransformer, readTransformer\n * TODO Better names: writeModifier, readModifier\n * TODO Better names: write, read\n *\n * Both should return same type or null.\n *\n * If newValue is null, old is returned, and no cache is set.\n *\n * ```ts\n * class InputCache extends TypedCache<string, ImageBitmap> {\n *     dispose(bitmap: ImageBitmap, key: string) {\n *         bitmap.close();\n *     }\n * }\n *\n * const cache = new InputCache('input');\n *\n * // Cache provided OffscreenCanvas by name and create context once per canvas\n *\n * class CanvasCache extends TypedCache<string, OffscreenCanvas> {\n *     protected write(key: string, canvas: OffscreenCanvas): OffscreenCanvas {\n *         const canvas = newValue.getContext('2d');\n *         canvas.ctx = canvas;\n *         return canvas;\n *     }\n * }\n *\n * // Transfer control to offscreen canvas and track removal of original\n * // When called again, always return null, because canvas is handed to worker, and never returned to main\n *\n * class CanvasCache extends TypedCache<HTMLCanvasElement, OffscreenCanvas> {\n *\n *     protected write(canvas: HTMLCanvasElement): OffscreenCanvas {\n *         let l;\n *         canvas.addEventListener(\n *             'remove',\n *             (l = () => {\n *                 console.log('Removing canvas from cache', key);\n *                 this.delete(canvas);\n *                 key.removeEventListener('remove', l);\n *             }),\n *         );\n *         return canvas.transferControlToOffscreen();\n *     }\n *\n *     protected read() {\n *         return null;\n *     }\n * }\n *\n * // Create bitmap from file and check if was used, return null if used\n * // Since bitmaps are also cached in worker, used bitmaps are not sent\n *\n * class BitmapCache extends TypedCache<File, ImageBitmap, File> {\n *     protected async write(file: File): Promise<ImageBitmap> {\n *         return await createImageBitmap(file);\n *     }\n *\n *     protected read(bitmap: ImageBitmap): Promise<ImageBitmap> | ImageBitmap {\n *         if (!bitmap.width) return null;\n *         return bitmap;\n *     }\n * }\n *\n * ```\n */\nexport abstract class TransformerMap<Key, Val = Key> extends Map<Key, Val> {\n    constructor(protected readonly name: string) {\n        console.warn('CREATE cache', name);\n        super();\n    }\n\n    protected write(key: Key, newValue?: Val, oldValue?: Val): MaybePromise<Val> {\n        return newValue as Val;\n    }\n\n    protected read(oldValue: Val, key: Key): MaybePromise<Val> {\n        return oldValue;\n    }\n\n    delete(key: Key) {\n        const has = this.has(key);\n        if (has) this.dispose(this.get(key) as Val, key);\n        super.delete(key);\n        return has;\n    }\n\n    // do something with the value and key before removing it\n    protected dispose(value: Val, key: Key) {}\n\n    clear() {\n        console.log('CLEAR cache', this.name);\n        this.forEach(this.dispose);\n        super.clear();\n    }\n\n    set(key: Key, value: Val): this {\n        throw new Error('Use memo() method instead');\n    }\n\n    async memo(key: Key, newValue?: Val): Promise<Val> {\n        const oldValue = this.get(key);\n\n        if (!!oldValue && (!newValue || newValue === oldValue)) {\n            // console.log('FROM cache', this.name, key, 'old value', oldValue);\n            return this.read?.(oldValue, key);\n        }\n\n        if (this.has(key)) this.delete(key);\n\n        const value = await this.write(key, newValue, oldValue);\n\n        super.set(key, value);\n\n        // console.log('INVALIDATED KEY cache', this.name, key, 'has', has, 'invalidate', invalidate, 'new value', value);\n\n        return value;\n    }\n}\n"],"names":[],"mappings":"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"}

package/dist/core/errors.d.ts

@@ -0,0 +1,2 @@
+export declare function catchErrors<T, E extends Error = Error>(promise: Promise<T>, errors?: E[]): Promise<any[] | (T | undefined)[]>;
+//# sourceMappingURL=errors.d.ts.map

package/dist/core/errors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"errors.d.ts","sourceRoot":"","sources":["../../src/core/errors.ts"],"names":[],"mappings":"AACA,wBAAgB,WAAW,CAAC,CAAC,EAAE,CAAC,SAAS,KAAK,GAAG,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,CAAC,EAAE,sCAYxF"}

package/dist/core/errors.js

@@ -0,0 +1,15 @@
+function catchErrors(promise, errors) {
+  return promise.then((data) => [void 0, data]).catch((error) => {
+    if (!(errors == null ? void 0 : errors.length)) {
+      return [error];
+    }
+    if (errors.some((e) => e instanceof error)) {
+      return [error];
+    }
+    throw error;
+  });
+}
+export {
+  catchErrors
+};
+//# sourceMappingURL=errors.js.map

package/dist/core/errors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"errors.js","sources":["../../src/core/errors.ts"],"sourcesContent":["// @see https://www.youtube.com/watch?v=AdmGHwvgaVs\nexport function catchErrors<T, E extends Error = Error>(promise: Promise<T>, errors?: E[]) {\n    return promise\n        .then((data) => [undefined, data])\n        .catch((error) => {\n            if (!errors?.length) {\n                return [error];\n            }\n            if (errors.some((e) => e instanceof error)) {\n                return [error];\n            }\n            throw error;\n        });\n}\n"],"names":[],"mappings":"AACgB,SAAA,YAAwC,SAAqB,QAAc;AAChF,SAAA,QACF,KAAK,CAAC,SAAS,CAAC,QAAW,IAAI,CAAC,EAChC,MAAM,CAAC,UAAU;AACV,QAAA,EAAC,iCAAQ,SAAQ;AACjB,aAAO,CAAC,KAAK;AAAA,IAAA;AAEjB,QAAI,OAAO,KAAK,CAAC,MAAM,aAAa,KAAK,GAAG;AACxC,aAAO,CAAC,KAAK;AAAA,IAAA;AAEX,UAAA;AAAA,EAAA,CACT;AACT;"}

package/dist/core/index.d.ts

@@ -0,0 +1,6 @@
+export * from './cache';
+export * from './errors';
+export * from './measure';
+export * from './mutex';
+export * from './worker';
+//# sourceMappingURL=index.d.ts.map

package/dist/core/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/core/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC"}

package/dist/core/index.js

@@ -0,0 +1,22 @@
+import { ANY, TransformerMap, createTracker, equal, memo, shallowCompare } from "./cache.js";
+import { catchErrors } from "./errors.js";
+import { colored, createMeasurer, uncolored } from "./measure.js";
+import { Mutex } from "./mutex.js";
+import { RespondersBase, WorkerDialog, isTransferable } from "./worker.js";
+export {
+  ANY,
+  Mutex,
+  RespondersBase,
+  TransformerMap,
+  WorkerDialog,
+  catchErrors,
+  colored,
+  createMeasurer,
+  createTracker,
+  equal,
+  isTransferable,
+  memo,
+  shallowCompare,
+  uncolored
+};
+//# sourceMappingURL=index.js.map

package/dist/core/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}