@kirill.konshin/utils 0.0.19 → 0.0.20

package/dist/bootstrap/globalLoading.d.ts

@@ -1,6 +0,0 @@
-import { FC } from 'react';
-export type GlobalLoadingProps = {
-    loading: boolean;
-};
-export declare const GlobalLoading: FC<GlobalLoadingProps>;
-//# sourceMappingURL=globalLoading.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"globalLoading.d.ts","sourceRoot":"","sources":["../../src/bootstrap/globalLoading.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIlC,MAAM,MAAM,kBAAkB,GAAG;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,CAAC;AAEtD,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAYhD,CAAC"}

package/dist/bootstrap/globalLoading.js

@@ -1,10 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { Loading } from "./loading.js";
-const GlobalLoading = function GlobalLoading2({ loading }) {
-  if (!loading) return null;
-  return /* @__PURE__ */ jsx("div", { className: "bg-white position-absolute top-0 start-0 w-100 h-100 z-3 d-flex align-items-center justify-content-center", children: /* @__PURE__ */ jsx(Loading, {}) });
-};
-export {
-  GlobalLoading
-};
-//# sourceMappingURL=globalLoading.js.map

package/dist/bootstrap/globalLoading.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"globalLoading.js","sources":["../../src/bootstrap/globalLoading.tsx"],"sourcesContent":["import React, { FC } from 'react';\n// import { useLoading, useLoadingTimeout } from '../redux/loadingSlice';\nimport { Loading } from './loading';\n\nexport type GlobalLoadingProps = { loading: boolean };\n\nexport const GlobalLoading: FC<GlobalLoadingProps> = function GlobalLoading({ loading }) {\n    // const { loading } = useLoading();\n\n    // useLoadingTimeout(15000); // escape latch if something is stuck\n\n    if (!loading) return null;\n\n    return (\n        <div className=\"bg-white position-absolute top-0 start-0 w-100 h-100 z-3 d-flex align-items-center justify-content-center\">\n            <Loading />\n        </div>\n    );\n};\n"],"names":["GlobalLoading"],"mappings":";;AAMO,MAAM,gBAAwC,SAASA,eAAc,EAAE,WAAW;AAKjF,MAAA,CAAC,QAAgB,QAAA;AAErB,6BACK,OAAI,EAAA,WAAU,6GACX,UAAA,oBAAC,UAAQ,CAAA,GACb;AAER;"}

package/dist/bootstrap/globalLoading.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { GlobalLoading } from './globalLoading';
-declare const meta: Meta<typeof GlobalLoading>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-//# sourceMappingURL=globalLoading.stories.d.ts.map

package/dist/bootstrap/globalLoading.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"globalLoading.stories.d.ts","sourceRoot":"","sources":["../../src/bootstrap/globalLoading.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAUpC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC"}

package/dist/bootstrap/index.js

@@ -1,35 +0,0 @@
-import { AdaptiveContainer } from "./adaptiveContainer.js";
-import { Checkbox, Control, Label, Range, Select } from "./controls.js";
-import { ErrorAlert } from "./error.js";
-import { FieldGroup } from "./field.js";
-import { Footer, FooterNavItem } from "./footer.js";
-import { GlobalLoading } from "./globalLoading.js";
-import { Loading } from "./loading.js";
-import { ResponsiveHelperBS, useBreakpoint } from "./responsiveHelper.js";
-import { Screen } from "./screen.js";
-import { Toaster } from "./toaster.js";
-import { useModal } from "./useModal.js";
-import { isFormLoading, stopPropagation, useWrappedForm } from "./useWrappedForm.js";
-export {
-  AdaptiveContainer,
-  Checkbox,
-  Control,
-  ErrorAlert,
-  FieldGroup,
-  Footer,
-  FooterNavItem,
-  GlobalLoading,
-  Label,
-  Loading,
-  Range,
-  ResponsiveHelperBS,
-  Screen,
-  Select,
-  Toaster,
-  isFormLoading,
-  stopPropagation,
-  useBreakpoint,
-  useModal,
-  useWrappedForm
-};
-//# sourceMappingURL=index.js.map

package/dist/bootstrap/loading.d.ts

@@ -1,10 +0,0 @@
-import { SpinnerProps } from 'react-bootstrap';
-import { FC } from 'react';
-export type LoadingProps = {
-    children?: any;
-    show?: boolean;
-    className?: string;
-    size?: SpinnerProps['size'];
-};
-export declare const Loading: FC<LoadingProps>;
-//# sourceMappingURL=loading.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"loading.d.ts","sourceRoot":"","sources":["../../src/bootstrap/loading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,YAAY,EAAS,MAAM,iBAAiB,CAAC;AAC/D,OAAc,EAAE,EAAE,EAAQ,MAAM,OAAO,CAAC;AAExC,MAAM,MAAM,YAAY,GAAG;IACvB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAanC,CAAC"}

package/dist/bootstrap/loading.js

@@ -1,19 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { Stack, Spinner } from "react-bootstrap";
-import { memo } from "react";
-const Loading = memo(function Loading2({
-  children = "Loading...",
-  show = true,
-  className = "",
-  size
-}) {
-  if (!show) return null;
-  return /* @__PURE__ */ jsxs(Stack, { direction: "horizontal", gap: 3, className: `align-self-auto ${className}`, children: [
-    /* @__PURE__ */ jsx(Spinner, { animation: "border", role: "status", size }),
-    /* @__PURE__ */ jsx("span", { children })
-  ] });
-});
-export {
-  Loading
-};
-//# sourceMappingURL=loading.js.map

package/dist/bootstrap/loading.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"loading.js","sources":["../../src/bootstrap/loading.tsx"],"sourcesContent":["import { Spinner, SpinnerProps, Stack } from 'react-bootstrap';\nimport React, { FC, memo } from 'react';\n\nexport type LoadingProps = {\n    children?: any;\n    show?: boolean;\n    className?: string;\n    size?: SpinnerProps['size'];\n};\n\nexport const Loading: FC<LoadingProps> = memo(function Loading({\n    children = 'Loading...' as any,\n    show = true,\n    className = '',\n    size,\n}) {\n    if (!show) return null;\n    return (\n        <Stack direction=\"horizontal\" gap={3} className={`align-self-auto ${className}`}>\n            <Spinner animation=\"border\" role=\"status\" size={size as any} />\n            <span>{children}</span>\n        </Stack>\n    );\n});\n"],"names":["Loading"],"mappings":";;;AAUa,MAAA,UAA4B,KAAK,SAASA,SAAQ;AAAA,EAC3D,WAAW;AAAA,EACX,OAAO;AAAA,EACP,YAAY;AAAA,EACZ;AACJ,GAAG;AACK,MAAA,CAAC,KAAa,QAAA;AAEd,SAAA,qBAAC,SAAM,WAAU,cAAa,KAAK,GAAG,WAAW,mBAAmB,SAAS,IACzE,UAAA;AAAA,IAAA,oBAAC,SAAQ,EAAA,WAAU,UAAS,MAAK,UAAS,MAAmB;AAAA,IAC7D,oBAAC,UAAM,SAAS,CAAA;AAAA,EAAA,GACpB;AAER,CAAC;"}

package/dist/bootstrap/loading.stories.d.ts

@@ -1,9 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { Loading } from './loading';
-declare const meta: Meta<typeof Loading>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Children: Story;
-export declare const Size: Story;
-//# sourceMappingURL=loading.stories.d.ts.map

package/dist/bootstrap/loading.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"loading.stories.d.ts","sourceRoot":"","sources":["../../src/bootstrap/loading.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAY9B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAIlB,CAAC"}

package/dist/bootstrap/responsiveHelper.d.ts

@@ -1,8 +0,0 @@
-import { FC } from 'react';
-export declare function useBreakpoint(): {
-    breakpoint: string;
-    isMobile: boolean;
-    isDesktop: boolean;
-};
-export declare const ResponsiveHelperBS: FC;
-//# sourceMappingURL=responsiveHelper.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"responsiveHelper.d.ts","sourceRoot":"","sources":["../../src/bootstrap/responsiveHelper.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,EAAE,EAAuB,MAAM,OAAO,CAAC;AAEvD,wBAAgB,aAAa,IAAI;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;CACtB,CAiCA;AAED,eAAO,MAAM,kBAAkB,EAAE,EAWhC,CAAC"}

package/dist/bootstrap/responsiveHelper.js

@@ -1,46 +0,0 @@
-"use client";
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
-function useBreakpoint() {
-  const [breakpoint, setBreakpoint] = useState("xs");
-  useEffect(() => {
-    const updateBreakpoint = () => {
-      const width = window.innerWidth;
-      if (width < 576) {
-        setBreakpoint("xs");
-      } else if (width < 768) {
-        setBreakpoint("sm");
-      } else if (width < 992) {
-        setBreakpoint("md");
-      } else if (width < 1200) {
-        setBreakpoint("lg");
-      } else if (width < 1400) {
-        setBreakpoint("xl");
-      } else {
-        setBreakpoint("xxl");
-      }
-    };
-    updateBreakpoint();
-    window.addEventListener("resize", updateBreakpoint);
-    return () => {
-      window.removeEventListener("resize", updateBreakpoint);
-    };
-  }, []);
-  const isMobile = ["xs", "sm", "md"].includes(breakpoint);
-  return { breakpoint, isMobile, isDesktop: !isMobile };
-}
-const ResponsiveHelperBS = function ResponsiveHelperBS2() {
-  return /* @__PURE__ */ jsxs("span", { className: "small position-fixed bottom-0 z-3", style: { fontSize: "9px", right: 1, lineHeight: 1 }, children: [
-    /* @__PURE__ */ jsx("small", { className: "d-block d-sm-none", children: "XS" }),
-    /* @__PURE__ */ jsx("small", { className: "d-none d-sm-block d-md-none", children: "SM" }),
-    /* @__PURE__ */ jsx("small", { className: "d-none d-md-block d-lg-none", children: "MD" }),
-    /* @__PURE__ */ jsx("small", { className: "d-none d-lg-block d-xl-none", children: "LG" }),
-    /* @__PURE__ */ jsx("small", { className: "d-none d-xl-block d-xxl-none", children: "XL" }),
-    /* @__PURE__ */ jsx("small", { className: "d-none d-xxl-block", children: "XXL" })
-  ] });
-};
-export {
-  ResponsiveHelperBS,
-  useBreakpoint
-};
-//# sourceMappingURL=responsiveHelper.js.map

package/dist/bootstrap/responsiveHelper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"responsiveHelper.js","sources":["../../src/bootstrap/responsiveHelper.tsx"],"sourcesContent":["'use client';\n\nimport React, { FC, useEffect, useState } from 'react';\n\nexport function useBreakpoint(): {\n    breakpoint: string;\n    isMobile: boolean;\n    isDesktop: boolean;\n} {\n    const [breakpoint, setBreakpoint] = useState('xs');\n\n    useEffect(() => {\n        const updateBreakpoint = () => {\n            const width = window.innerWidth;\n            if (width < 576) {\n                setBreakpoint('xs');\n            } else if (width < 768) {\n                setBreakpoint('sm');\n            } else if (width < 992) {\n                setBreakpoint('md');\n            } else if (width < 1200) {\n                setBreakpoint('lg');\n            } else if (width < 1400) {\n                setBreakpoint('xl');\n            } else {\n                setBreakpoint('xxl');\n            }\n        };\n\n        updateBreakpoint();\n\n        window.addEventListener('resize', updateBreakpoint);\n\n        return () => {\n            window.removeEventListener('resize', updateBreakpoint);\n        };\n    }, []);\n\n    const isMobile = ['xs', 'sm', 'md'].includes(breakpoint);\n\n    return { breakpoint, isMobile, isDesktop: !isMobile };\n}\n\nexport const ResponsiveHelperBS: FC = function ResponsiveHelperBS() {\n    return (\n        <span className=\"small position-fixed bottom-0 z-3\" style={{ fontSize: '9px', right: 1, lineHeight: 1 }}>\n            <small className=\"d-block d-sm-none\">XS</small>\n            <small className=\"d-none d-sm-block d-md-none\">SM</small>\n            <small className=\"d-none d-md-block d-lg-none\">MD</small>\n            <small className=\"d-none d-lg-block d-xl-none\">LG</small>\n            <small className=\"d-none d-xl-block d-xxl-none\">XL</small>\n            <small className=\"d-none d-xxl-block\">XXL</small>\n        </span>\n    );\n};\n"],"names":["ResponsiveHelperBS"],"mappings":";;;AAIO,SAAS,gBAId;AACE,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,IAAI;AAEjD,YAAU,MAAM;AACZ,UAAM,mBAAmB,MAAM;AAC3B,YAAM,QAAQ,OAAO;AACrB,UAAI,QAAQ,KAAK;AACb,sBAAc,IAAI;AAAA,MAAA,WACX,QAAQ,KAAK;AACpB,sBAAc,IAAI;AAAA,MAAA,WACX,QAAQ,KAAK;AACpB,sBAAc,IAAI;AAAA,MAAA,WACX,QAAQ,MAAM;AACrB,sBAAc,IAAI;AAAA,MAAA,WACX,QAAQ,MAAM;AACrB,sBAAc,IAAI;AAAA,MAAA,OACf;AACH,sBAAc,KAAK;AAAA,MAAA;AAAA,IAE3B;AAEiB,qBAAA;AAEV,WAAA,iBAAiB,UAAU,gBAAgB;AAElD,WAAO,MAAM;AACF,aAAA,oBAAoB,UAAU,gBAAgB;AAAA,IACzD;AAAA,EACJ,GAAG,EAAE;AAEL,QAAM,WAAW,CAAC,MAAM,MAAM,IAAI,EAAE,SAAS,UAAU;AAEvD,SAAO,EAAE,YAAY,UAAU,WAAW,CAAC,SAAS;AACxD;AAEa,MAAA,qBAAyB,SAASA,sBAAqB;AAChE,SACK,qBAAA,QAAA,EAAK,WAAU,qCAAoC,OAAO,EAAE,UAAU,OAAO,OAAO,GAAG,YAAY,EAAA,GAChG,UAAA;AAAA,IAAC,oBAAA,SAAA,EAAM,WAAU,qBAAoB,UAAE,MAAA;AAAA,IACtC,oBAAA,SAAA,EAAM,WAAU,+BAA8B,UAAE,MAAA;AAAA,IAChD,oBAAA,SAAA,EAAM,WAAU,+BAA8B,UAAE,MAAA;AAAA,IAChD,oBAAA,SAAA,EAAM,WAAU,+BAA8B,UAAE,MAAA;AAAA,IAChD,oBAAA,SAAA,EAAM,WAAU,gCAA+B,UAAE,MAAA;AAAA,IACjD,oBAAA,SAAA,EAAM,WAAU,sBAAqB,UAAG,MAAA,CAAA;AAAA,EAAA,GAC7C;AAER;"}

package/dist/bootstrap/screen.d.ts

@@ -1,22 +0,0 @@
-import { FC } from 'react';
-export type ScreenProps = {
-    backBtn?: any;
-    backCb?: any;
-    backIcon?: any;
-    forwardBtn?: any;
-    forwardIcon?: any;
-    forwardCb?: any;
-    children: any;
-    contentClassName?: string;
-    noContentPadding?: boolean;
-    header?: any;
-    footer?: any;
-    menu?: any;
-    title?: any;
-    centerContent?: boolean;
-    noHeader?: boolean;
-    noFooter?: boolean;
-    noMenu?: boolean;
-};
-export declare const Screen: FC<ScreenProps>;
-//# sourceMappingURL=screen.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"screen.d.ts","sourceRoot":"","sources":["../../src/bootstrap/screen.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAQ,MAAM,OAAO,CAAC;AAKxC,MAAM,MAAM,WAAW,GAAG;IACtB,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,QAAQ,EAAE,GAAG,CAAC;IACd,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAEpB,CAAC;AAGF,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAsHjC,CAAC"}

package/dist/bootstrap/screen.js

@@ -1,80 +0,0 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { memo } from "react";
-import { Navbar, Nav, Stack, Button } from "react-bootstrap";
-import { useBreakpoint } from "./responsiveHelper.js";
-import { AdaptiveContainer } from "./adaptiveContainer.js";
-const Screen = memo(function Screen2({
-  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

@@ -1 +0,0 @@
-{"version":3,"file":"screen.js","sources":["../../src/bootstrap/screen.tsx"],"sourcesContent":["import React, { FC, memo } from 'react';\nimport { Button, Navbar, Nav, Stack } from 'react-bootstrap';\nimport { useBreakpoint } from './responsiveHelper';\nimport { AdaptiveContainer } from './adaptiveContainer';\n\nexport type ScreenProps = {\n    backBtn?: any;\n    backCb?: any;\n    backIcon?: any;\n    forwardBtn?: any;\n    forwardIcon?: any;\n    forwardCb?: any;\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\n//TODO Footer -> menu\nexport const Screen: FC<ScreenProps> = memo(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    // 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":["Screen"],"mappings":";;;;;AA2Ba,MAAA,SAA0B,KAAK,SAASA,QAAO;AAAA,EACxD;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,GAAG;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,CAAC;"}

package/dist/bootstrap/screen.stories.d.ts

@@ -1,14 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { Screen } from './screen';
-declare const meta: Meta<typeof Screen>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const LongContent: Story;
-export declare const Loader: Story;
-export declare const Centered: Story;
-export declare const ForwardCb: Story;
-export declare const ForwardIcon: Story;
-export declare const ForwardBtn: Story;
-export declare const HeaderForm: Story;
-//# sourceMappingURL=screen.stories.d.ts.map

package/dist/bootstrap/screen.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"screen.stories.d.ts","sourceRoot":"","sources":["../../src/bootstrap/screen.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AA2ClC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CA8B7B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAcpB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAgBxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAaxB,CAAC"}

package/dist/bootstrap/toaster.d.ts

@@ -1,11 +0,0 @@
-import { FC } from 'react';
-import { ToastProps } from 'react-bootstrap';
-export type ToasterProps = {
-    toast: string | {
-        message: string;
-        title?: string;
-        variant?: 'dark' | 'success' | 'danger';
-    };
-} & ToastProps;
-export declare const Toaster: FC<ToasterProps>;
-//# sourceMappingURL=toaster.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"toaster.d.ts","sourceRoot":"","sources":["../../src/bootstrap/toaster.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAY,EAAE,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAS,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGpD,MAAM,MAAM,YAAY,GAAG;IACvB,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,CAAC;CAChG,GAAG,UAAU,CAAC;AAEf,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CA6BpC,CAAC"}

package/dist/bootstrap/toaster.js

@@ -1,34 +0,0 @@
-"use client";
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useState } from "react";
-import { Toast } from "react-bootstrap";
-const Toaster = function Toaster2({ toast }) {
-  const [dismissed, setDismissed] = useState(false);
-  const msg = typeof toast === "string" ? toast : toast == null ? void 0 : toast.message;
-  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

@@ -1 +0,0 @@
-{"version":3,"file":"toaster.js","sources":["../../src/bootstrap/toaster.tsx"],"sourcesContent":["'use client';\n\nimport React, { useState, FC } from 'react';\nimport { Toast, ToastProps } from 'react-bootstrap';\n// import { useToaster } from '../redux/toasterSlice';\n\nexport type ToasterProps = {\n    toast: string | { message: string; title?: string; variant?: 'dark' | 'success' | 'danger' };\n} & ToastProps;\n\nexport const Toaster: FC<ToasterProps> = function Toaster({ toast }) {\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":["Toaster"],"mappings":";;;;AAUO,MAAM,UAA4B,SAASA,SAAQ,EAAE,SAAS;AAEjE,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,QAAM,MAAM,OAAO,UAAU,WAAW,QAAQ,+BAAO;AAEvD,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/toaster.stories.d.ts

@@ -1,8 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { Toaster } from './toaster';
-declare const meta: Meta<typeof Toaster>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Object: Story;
-//# sourceMappingURL=toaster.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"toaster.stories.d.ts","sourceRoot":"","sources":["../../src/bootstrap/toaster.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAGpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAS9B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAIpB,CAAC"}

package/dist/bootstrap/useModal.d.ts

@@ -1,23 +0,0 @@
-import { FC } from 'react';
-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: FC<ModalProps>;
-};
-//# sourceMappingURL=useModal.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useModal.d.ts","sourceRoot":"","sources":["../../src/bootstrap/useModal.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAuC,EAAE,EAAQ,MAAM,OAAO,CAAC;AAC7E,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,GAAG;IACnE,IAAI,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,WAAW,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC;CAC/B,CAuEA"}

package/dist/bootstrap/useModal.js

@@ -1,50 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useState, useCallback, useMemo, memo } 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(
-    () => memo(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

@@ -1 +0,0 @@
-{"version":3,"file":"useModal.js","sources":["../../src/bootstrap/useModal.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState, JSX, FC, memo } 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    show: boolean | undefined;\n    close: () => void;\n    open: () => void;\n    ModalDialog: FC<ModalProps>;\n} {\n    const [show, setShow] = useState(showOnMount);\n\n    const close = useCallback((): void => {\n        setShow(false);\n        onClose?.();\n    }, [onClose]);\n\n    const open = useCallback((): void => setShow(true), []);\n\n    const defaultOnSubmit = useCallback(\n        (e: any) => {\n            e.preventDefault();\n            close();\n        },\n        [close],\n    );\n\n    const ModalDialog = useMemo(\n        () =>\n            memo(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,GAKhE;AACE,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,WAAW;AAEtC,QAAA,QAAQ,YAAY,MAAY;AAClC,YAAQ,KAAK;AACH;AAAA,EAAA,GACX,CAAC,OAAO,CAAC;AAEZ,QAAM,OAAO,YAAY,MAAY,QAAQ,IAAI,GAAG,CAAA,CAAE;AAEtD,QAAM,kBAAkB;AAAA,IACpB,CAAC,MAAW;AACR,QAAE,eAAe;AACX,YAAA;AAAA,IACV;AAAA,IACA,CAAC,KAAK;AAAA,EACV;AAEA,QAAM,cAAc;AAAA,IAChB,MACI,KAAK,SAASA,aAAY;AAAA,MACtB;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,IAAA,CAEP;AAAA,IACL,CAAC,OAAO,eAAe;AAAA,EAC3B;AAEA,SAAO,EAAE,MAAM,OAAO,MAAM,YAAY;AAC5C;"}

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

@@ -1,9 +0,0 @@
-import { FC } from 'react';
-import { Meta, StoryObj } from '@storybook/react';
-import { UseModalProps } from './useModal';
-declare const meta: Meta<FC<UseModalProps>>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Offcanvas: Story;
-//# sourceMappingURL=useModal.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useModal.stories.d.ts","sourceRoot":"","sources":["../../src/bootstrap/useModal.stories.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAY,aAAa,EAAE,MAAM,YAAY,CAAC;AAIrD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,CA8BjC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC"}

package/dist/bootstrap/useWrappedForm.d.ts

@@ -1,14 +0,0 @@
-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: Event) => void;
-//# sourceMappingURL=useWrappedForm.d.ts.map

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

@@ -1 +0,0 @@
-{"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,KAAG,OAAwD,CAAC;AAEnH,eAAO,MAAM,cAAc,EAAE,OAAO,OAmBnC,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe,aACb,GAAG,SACV,KAAK,KAAG,IAIX,CAAC"}

package/dist/bootstrap/useWrappedForm.js

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

@@ -1 +0,0 @@
-{"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>): boolean => 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 as Error).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 =\n    (callback: any) =>\n    (e: Event): void => {\n        e.stopPropagation();\n        e.preventDefault();\n        callback(e);\n    };\n"],"names":[],"mappings":";;AAGO,MAAM,gBAAgB,CAAC,cAAuC,UAAU,aAAa,UAAU;AAEzF,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,SAAU,EAAY,SAAS;AAC/D,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,kBACT,CAAC,aACD,CAAC,MAAmB;AAChB,IAAE,gBAAgB;AAClB,IAAE,eAAe;AACjB,WAAS,CAAC;AACd;"}