@oneblink/apps-react 1.0.0-beta.1 → 1.0.0-beta.10

package/dist/components/CopyToClipboardIconButton.js

@@ -1,21 +1,12 @@
 import * as React from 'react';
 import copy from 'copy-to-clipboard';
 import { IconButton, Tooltip, Snackbar } from '@mui/material';
-import makeStyles from '@mui/styles/makeStyles';
 import FileCopy from '@mui/icons-material/FileCopy';
-import clsx from 'clsx';
-// Styles
-const useStyles = makeStyles((theme) => ({
-    icon: {
-        fontSize: 18,
-    },
-    noMarginY: {
-        marginTop: theme.spacing(-1),
-        marginBottom: theme.spacing(-1),
-    },
-}));
+const noMargin = {
+    marginTop: -1,
+    marginBottom: -1,
+};
 export function CopyToClipBoardIconButton({ text, large, noMarginY, className, ...rest }) {
-    const classes = useStyles();
     const [isCopyToClipboardOpen, setIsCopyToClipboardOpen] = React.useState(false);
     const copyToClipboard = React.useCallback(() => {
         copy(text);
@@ -29,8 +20,8 @@ export function CopyToClipBoardIconButton({ text, large, noMarginY, className, .
             React.createElement(IconButton, { onClick: (e) => {
                     e.stopPropagation();
                     copyToClipboard();
-                }, "data-cypress": "copy-to-clip-board-button", className: clsx(className, { [classes.noMarginY]: noMarginY }), ...rest },
-                React.createElement(FileCopy, { className: large ? undefined : classes.icon }))),
+                }, "data-cypress": "copy-to-clip-board-button", className: className, sx: noMarginY ? noMargin : undefined, ...rest },
+                React.createElement(FileCopy, { sx: large ? undefined : { fontSize: 18 } }))),
         React.createElement(Snackbar, { anchorOrigin: {
                 vertical: 'bottom',
                 horizontal: 'right',

package/dist/components/CopyToClipboardIconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CopyToClipboardIconButton.js","sourceRoot":"","sources":["../../src/components/CopyToClipboardIconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,mBAAmB,CAAA;AACpC,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAC7D,OAAO,UAAU,MAAM,wBAAwB,CAAA;AAC/C,OAAO,QAAQ,MAAM,8BAA8B,CAAA;AACnD,OAAO,IAAI,MAAM,MAAM,CAAA;AAQvB,SAAS;AACT,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IACvC,IAAI,EAAE;QACJ,QAAQ,EAAE,EAAE;KACb;IACD,SAAS,EAAE;QACT,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAC5B,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;KAChC;CACF,CAAC,CAAC,CAAA;AAEH,MAAM,UAAU,yBAAyB,CAAC,EACxC,IAAI,EACJ,KAAK,EACL,SAAS,EACT,SAAS,EACT,GAAG,IAAI,EACD;IACN,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GACrD,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;IACvB,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC7C,IAAI,CAAC,IAAI,CAAC,CAAA;QACV,wBAAwB,CAAC,IAAI,CAAC,CAAA;IAChC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IACV,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACzC,wBAAwB,CAAC,KAAK,CAAC,CAAA;IACjC,CAAC,EAAE,EAAE,CAAC,CAAA;IACN,OAAO,CACL;QACE,oBAAC,OAAO,IAAC,KAAK,EAAC,mBAAmB;YAChC,oBAAC,UAAU,IACT,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,CAAC,CAAC,eAAe,EAAE,CAAA;oBACnB,eAAe,EAAE,CAAA;gBACnB,CAAC,kBACY,2BAA2B,EACxC,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,CAAC,KAC1D,IAAI;gBAER,oBAAC,QAAQ,IAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,GAAI,CAC9C,CACL;QACV,oBAAC,QAAQ,IACP,YAAY,EAAE;gBACZ,QAAQ,EAAE,QAAQ;gBAClB,UAAU,EAAE,OAAO;aACpB,EACD,IAAI,EAAE,qBAAqB,EAC3B,OAAO,EAAE,WAAW,EACpB,gBAAgB,EAAE,IAAI,EACtB,YAAY,EAAE;gBACZ,kBAAkB,EAAE,4BAA4B;aACjD,EACD,OAAO,EACL,8BACE,EAAE,EAAC,4BAA4B,kBAClB,mCAAmC,0BAG3C,GAET,CACD,CACJ,CAAA;AACH,CAAC;AACD,eAAe,KAAK,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport copy from 'copy-to-clipboard'\nimport { IconButton, Tooltip, Snackbar } from '@mui/material'\nimport makeStyles from '@mui/styles/makeStyles'\nimport FileCopy from '@mui/icons-material/FileCopy'\nimport clsx from 'clsx'\n\ntype Props = {\n  text: string\n  large?: boolean\n  noMarginY?: boolean\n} & React.ComponentProps<typeof IconButton>\n\n// Styles\nconst useStyles = makeStyles((theme) => ({\n  icon: {\n    fontSize: 18,\n  },\n  noMarginY: {\n    marginTop: theme.spacing(-1),\n    marginBottom: theme.spacing(-1),\n  },\n}))\n\nexport function CopyToClipBoardIconButton({\n  text,\n  large,\n  noMarginY,\n  className,\n  ...rest\n}: Props) {\n  const classes = useStyles()\n  const [isCopyToClipboardOpen, setIsCopyToClipboardOpen] =\n    React.useState(false)\n  const copyToClipboard = React.useCallback(() => {\n    copy(text)\n    setIsCopyToClipboardOpen(true)\n  }, [text])\n  const handleClose = React.useCallback(() => {\n    setIsCopyToClipboardOpen(false)\n  }, [])\n  return (\n    <>\n      <Tooltip title=\"Copy to clipboard\">\n        <IconButton\n          onClick={(e) => {\n            e.stopPropagation()\n            copyToClipboard()\n          }}\n          data-cypress=\"copy-to-clip-board-button\"\n          className={clsx(className, { [classes.noMarginY]: noMarginY })}\n          {...rest}\n        >\n          <FileCopy className={large ? undefined : classes.icon} />\n        </IconButton>\n      </Tooltip>\n      <Snackbar\n        anchorOrigin={{\n          vertical: 'bottom',\n          horizontal: 'right',\n        }}\n        open={isCopyToClipboardOpen}\n        onClose={handleClose}\n        autoHideDuration={1500}\n        ContentProps={{\n          'aria-describedby': 'copy-clip-board-message-id',\n        }}\n        message={\n          <span\n            id=\"copy-clip-board-message-id\"\n            data-cypress=\"copied-text-to-clip-board-message\"\n          >\n            Copied to Clipboard\n          </span>\n        }\n      />\n    </>\n  )\n}\nexport default React.memo(CopyToClipBoardIconButton)\n"]}
+{"version":3,"file":"CopyToClipboardIconButton.js","sourceRoot":"","sources":["../../src/components/CopyToClipboardIconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,mBAAmB,CAAA;AACpC,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAW,MAAM,eAAe,CAAA;AACtE,OAAO,QAAQ,MAAM,8BAA8B,CAAA;AAQnD,MAAM,QAAQ,GAAY;IACxB,SAAS,EAAE,CAAC,CAAC;IACb,YAAY,EAAE,CAAC,CAAC;CACjB,CAAA;AACD,MAAM,UAAU,yBAAyB,CAAC,EACxC,IAAI,EACJ,KAAK,EACL,SAAS,EACT,SAAS,EACT,GAAG,IAAI,EACD;IACN,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GACrD,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;IACvB,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC7C,IAAI,CAAC,IAAI,CAAC,CAAA;QACV,wBAAwB,CAAC,IAAI,CAAC,CAAA;IAChC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IACV,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACzC,wBAAwB,CAAC,KAAK,CAAC,CAAA;IACjC,CAAC,EAAE,EAAE,CAAC,CAAA;IACN,OAAO,CACL;QACE,oBAAC,OAAO,IAAC,KAAK,EAAC,mBAAmB;YAChC,oBAAC,UAAU,IACT,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,CAAC,CAAC,eAAe,EAAE,CAAA;oBACnB,eAAe,EAAE,CAAA;gBACnB,CAAC,kBACY,2BAA2B,EACxC,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,KAChC,IAAI;gBAER,oBAAC,QAAQ,IAAC,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAI,CAC3C,CACL;QACV,oBAAC,QAAQ,IACP,YAAY,EAAE;gBACZ,QAAQ,EAAE,QAAQ;gBAClB,UAAU,EAAE,OAAO;aACpB,EACD,IAAI,EAAE,qBAAqB,EAC3B,OAAO,EAAE,WAAW,EACpB,gBAAgB,EAAE,IAAI,EACtB,YAAY,EAAE;gBACZ,kBAAkB,EAAE,4BAA4B;aACjD,EACD,OAAO,EACL,8BACE,EAAE,EAAC,4BAA4B,kBAClB,mCAAmC,0BAG3C,GAET,CACD,CACJ,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport copy from 'copy-to-clipboard'\nimport { IconButton, Tooltip, Snackbar, SxProps } from '@mui/material'\nimport FileCopy from '@mui/icons-material/FileCopy'\n\ntype Props = {\n  text: string\n  large?: boolean\n  noMarginY?: boolean\n} & React.ComponentProps<typeof IconButton>\n\nconst noMargin: SxProps = {\n  marginTop: -1,\n  marginBottom: -1,\n}\nexport function CopyToClipBoardIconButton({\n  text,\n  large,\n  noMarginY,\n  className,\n  ...rest\n}: Props) {\n  const [isCopyToClipboardOpen, setIsCopyToClipboardOpen] =\n    React.useState(false)\n  const copyToClipboard = React.useCallback(() => {\n    copy(text)\n    setIsCopyToClipboardOpen(true)\n  }, [text])\n  const handleClose = React.useCallback(() => {\n    setIsCopyToClipboardOpen(false)\n  }, [])\n  return (\n    <>\n      <Tooltip title=\"Copy to clipboard\">\n        <IconButton\n          onClick={(e) => {\n            e.stopPropagation()\n            copyToClipboard()\n          }}\n          data-cypress=\"copy-to-clip-board-button\"\n          className={className}\n          sx={noMarginY ? noMargin : undefined}\n          {...rest}\n        >\n          <FileCopy sx={large ? undefined : { fontSize: 18 }} />\n        </IconButton>\n      </Tooltip>\n      <Snackbar\n        anchorOrigin={{\n          vertical: 'bottom',\n          horizontal: 'right',\n        }}\n        open={isCopyToClipboardOpen}\n        onClose={handleClose}\n        autoHideDuration={1500}\n        ContentProps={{\n          'aria-describedby': 'copy-clip-board-message-id',\n        }}\n        message={\n          <span\n            id=\"copy-clip-board-message-id\"\n            data-cypress=\"copied-text-to-clip-board-message\"\n          >\n            Copied to Clipboard\n          </span>\n        }\n      />\n    </>\n  )\n}\n\nexport default React.memo(CopyToClipBoardIconButton)\n"]}

package/dist/components/CustomAccordion.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-export declare const CustomAccordion: import("react").JSXElementConstructor<Omit<import("@mui/material").AccordionProps, "classes"> & import("@mui/styles/withStyles").StyledComponentProps<"root" | "expanded"> & object>;
-export declare const CustomAccordionSummary: import("react").JSXElementConstructor<Omit<{
+export declare const CustomAccordion: import("@emotion/styled").StyledComponent<import("@mui/material").AccordionProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const CustomAccordionSummary: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
     classes?: Partial<import("@mui/material").AccordionSummaryClasses> | undefined;
     expandIcon?: import("react").ReactNode;
@@ -23,5 +23,5 @@ export declare const CustomAccordionSummary: import("react").JSXElementConstruct
     touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
 }, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | "key"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "children" | "disabled" | "tabIndex" | keyof import("@mui/material/OverridableComponent").CommonProps | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "expandIcon">, "classes"> & import("@mui/styles/withStyles").StyledComponentProps<"root" | "content" | "expanded"> & object>;
-export declare const CustomAccordionDetails: import("react").JSXElementConstructor<Omit<import("@mui/material").AccordionDetailsProps, "classes"> & import("@mui/styles/withStyles").StyledComponentProps<"root"> & object>;
+}, "children" | "disabled" | "tabIndex" | keyof import("@mui/material/OverridableComponent").CommonProps | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "expandIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const CustomAccordionDetails: import("@emotion/styled").StyledComponent<import("@mui/material").AccordionDetailsProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/components/CustomAccordion.js

@@ -1,40 +1,38 @@
-import { Accordion, AccordionSummary, AccordionDetails } from '@mui/material';
-import withStyles from '@mui/styles/withStyles';
-export const CustomAccordion = withStyles((theme) => ({
-    root: {
-        border: `1px solid ${theme.palette.divider}`,
-        boxShadow: 'none',
-        width: '100%',
-        '&:not(:last-of-type)': {
-            borderBottom: 'none',
-        },
-        '&:before': {
-            display: 'none',
-        },
-        '&$expanded': {
-            margin: 'auto',
-        },
+import { Accordion, AccordionSummary, AccordionDetails, styled, } from '@mui/material';
+export const CustomAccordion = styled(Accordion)(({ theme }) => ({
+    border: `1px solid ${theme.palette.divider}`,
+    boxShadow: 'none',
+    width: '100%',
+    '&:not(:last-of-type)': {
+        borderBottom: 'none',
     },
-    expanded: {},
-}))(Accordion);
-export const CustomAccordionSummary = withStyles((theme) => ({
-    root: {
-        backgroundColor: 'rgba(0, 0, 0, .03)',
-        '&$expanded': {
-            borderBottom: `1px solid ${theme.palette.divider}`,
-            minHeight: theme.spacing(6),
-        },
+    '&:before': {
+        display: 'none',
     },
-    content: {
-        '&$expanded': {
-            margin: theme.spacing(1, 0),
-        },
+    '&.Mui-expanded': {
+        margin: 'unset',
     },
-    expanded: {},
-}))(AccordionSummary);
-export const CustomAccordionDetails = withStyles((theme) => ({
-    root: {
-        padding: theme.spacing(1, 2),
+    '& .Mui-expanded': {
+        margin: 'auto',
+    },
+}));
+export const CustomAccordionSummary = styled(AccordionSummary)(({ theme }) => ({
+    backgroundColor: 'rgba(0, 0, 0, .03)',
+    '&.Mui-expanded': {
+        minHeight: theme.spacing(6),
+    },
+    '& .Mui-expanded': {
+        marginTop: theme.spacing(1.5),
+        marginBottom: theme.spacing(1.5),
+    },
+    '& .MuiAccordionSummary-content': {
+        '&.Mui-expanded': {
+            margin: theme.spacing(1.5, 0),
+        },
     },
-}))(AccordionDetails);
+}));
+export const CustomAccordionDetails = styled(AccordionDetails)(({ theme }) => ({
+    padding: theme.spacing(1, 2),
+    borderTop: `1px solid ${theme.palette.divider}`,
+}));
 //# sourceMappingURL=CustomAccordion.js.map

package/dist/components/CustomAccordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomAccordion.js","sourceRoot":"","sources":["../../src/components/CustomAccordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAE7E,OAAO,UAAU,MAAM,wBAAwB,CAAA;AAE/C,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IACpD,IAAI,EAAE;QACJ,MAAM,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,OAAO,EAAE;QAC5C,SAAS,EAAE,MAAM;QACjB,KAAK,EAAE,MAAM;QACb,sBAAsB,EAAE;YACtB,YAAY,EAAE,MAAM;SACrB;QACD,UAAU,EAAE;YACV,OAAO,EAAE,MAAM;SAChB;QACD,YAAY,EAAE;YACZ,MAAM,EAAE,MAAM;SACf;KACF;IACD,QAAQ,EAAE,EAAE;CACb,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;AAEd,MAAM,CAAC,MAAM,sBAAsB,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IAC3D,IAAI,EAAE;QACJ,eAAe,EAAE,oBAAoB;QACrC,YAAY,EAAE;YACZ,YAAY,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,OAAO,EAAE;YAClD,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;SAC5B;KACF;IACD,OAAO,EAAE;QACP,YAAY,EAAE;YACZ,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC;SAC5B;KACF;IACD,QAAQ,EAAE,EAAE;CACb,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAA;AAErB,MAAM,CAAC,MAAM,sBAAsB,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IAC3D,IAAI,EAAE;QACJ,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC;KAC7B;CACF,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAA","sourcesContent":["import { Accordion, AccordionSummary, AccordionDetails } from '@mui/material'\n\nimport withStyles from '@mui/styles/withStyles'\n\nexport const CustomAccordion = withStyles((theme) => ({\n  root: {\n    border: `1px solid ${theme.palette.divider}`,\n    boxShadow: 'none',\n    width: '100%',\n    '&:not(:last-of-type)': {\n      borderBottom: 'none',\n    },\n    '&:before': {\n      display: 'none',\n    },\n    '&$expanded': {\n      margin: 'auto',\n    },\n  },\n  expanded: {},\n}))(Accordion)\n\nexport const CustomAccordionSummary = withStyles((theme) => ({\n  root: {\n    backgroundColor: 'rgba(0, 0, 0, .03)',\n    '&$expanded': {\n      borderBottom: `1px solid ${theme.palette.divider}`,\n      minHeight: theme.spacing(6),\n    },\n  },\n  content: {\n    '&$expanded': {\n      margin: theme.spacing(1, 0),\n    },\n  },\n  expanded: {},\n}))(AccordionSummary)\n\nexport const CustomAccordionDetails = withStyles((theme) => ({\n  root: {\n    padding: theme.spacing(1, 2),\n  },\n}))(AccordionDetails)\n"]}
+{"version":3,"file":"CustomAccordion.js","sourceRoot":"","sources":["../../src/components/CustomAccordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,MAAM,GACP,MAAM,eAAe,CAAA;AAEtB,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC/D,MAAM,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,OAAO,EAAE;IAC5C,SAAS,EAAE,MAAM;IACjB,KAAK,EAAE,MAAM;IACb,sBAAsB,EAAE;QACtB,YAAY,EAAE,MAAM;KACrB;IACD,UAAU,EAAE;QACV,OAAO,EAAE,MAAM;KAChB;IACD,gBAAgB,EAAE;QAChB,MAAM,EAAE,OAAO;KAChB;IACD,iBAAiB,EAAE;QACjB,MAAM,EAAE,MAAM;KACf;CACF,CAAC,CAAC,CAAA;AAEH,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC7E,eAAe,EAAE,oBAAoB;IACrC,gBAAgB,EAAE;QAChB,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KAC5B;IACD,iBAAiB,EAAE;QACjB,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QAC7B,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;KACjC;IACD,gCAAgC,EAAE;QAChC,gBAAgB,EAAE;YAChB,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;SAC9B;KACF;CACF,CAAC,CAAC,CAAA;AAEH,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC7E,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC;IAC5B,SAAS,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,OAAO,EAAE;CAChD,CAAC,CAAC,CAAA","sourcesContent":["import {\n  Accordion,\n  AccordionSummary,\n  AccordionDetails,\n  styled,\n} from '@mui/material'\n\nexport const CustomAccordion = styled(Accordion)(({ theme }) => ({\n  border: `1px solid ${theme.palette.divider}`,\n  boxShadow: 'none',\n  width: '100%',\n  '&:not(:last-of-type)': {\n    borderBottom: 'none',\n  },\n  '&:before': {\n    display: 'none',\n  },\n  '&.Mui-expanded': {\n    margin: 'unset',\n  },\n  '& .Mui-expanded': {\n    margin: 'auto',\n  },\n}))\n\nexport const CustomAccordionSummary = styled(AccordionSummary)(({ theme }) => ({\n  backgroundColor: 'rgba(0, 0, 0, .03)',\n  '&.Mui-expanded': {\n    minHeight: theme.spacing(6),\n  },\n  '& .Mui-expanded': {\n    marginTop: theme.spacing(1.5),\n    marginBottom: theme.spacing(1.5),\n  },\n  '& .MuiAccordionSummary-content': {\n    '&.Mui-expanded': {\n      margin: theme.spacing(1.5, 0),\n    },\n  },\n}))\n\nexport const CustomAccordionDetails = styled(AccordionDetails)(({ theme }) => ({\n  padding: theme.spacing(1, 2),\n  borderTop: `1px solid ${theme.palette.divider}`,\n}))\n"]}

package/dist/components/ErrorSnackbar.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-declare type Props = {
+declare function ErrorSnackbar({ open, onClose, children, }: {
     open: boolean;
     children: React.ReactNode;
     onClose: (arg: null) => unknown;
-};
-declare const _default: React.ComponentType<Props>;
+}): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof ErrorSnackbar>;
 export default _default;

package/dist/components/ErrorSnackbar.js

@@ -1,49 +1,26 @@
 import * as React from 'react';
-import clsx from 'clsx';
-import withStyles from '@mui/styles/withStyles';
-import IconButton from '@mui/material/IconButton';
-import Snackbar from '@mui/material/Snackbar';
-import SnackbarContent from '@mui/material/SnackbarContent';
-import ErrorIcon from '@mui/icons-material/Error';
-import CloseIcon from '@mui/icons-material/Close';
-const styles = (theme) => ({
-    snackbarContent: {
-        backgroundColor: theme.palette.error.dark,
-    },
-    icon: {
-        fontSize: 20,
-    },
-    iconVariant: {
-        marginRight: theme.spacing(2),
-    },
-    message: {
-        display: 'flex',
-        alignItems: 'center',
-    },
+import { Snackbar, IconButton } from '@mui/material';
+import { Close } from '@mui/icons-material';
+import MuiAlert from '@mui/material/Alert';
+import { styled } from '@mui/material/styles';
+const Alert = React.forwardRef(function Alert(props, ref) {
+    return React.createElement(MuiAlert, { elevation: 6, ref: ref, variant: "filled", ...props });
 });
-class ErrorSnackbar extends React.Component {
-    constructor() {
-        super(...arguments);
-        this.handleClose = (e, reason) => {
-            if (reason !== 'clickaway') {
-                this.props.onClose(null);
-            }
-        };
-    }
-    render() {
-        const { classes, open, children } = this.props;
-        return (React.createElement(Snackbar, { anchorOrigin: {
-                vertical: 'bottom',
-                horizontal: 'right',
-            }, open: open, onClose: this.handleClose },
-            React.createElement(SnackbarContent, { className: classes.snackbarContent, message: React.createElement("span", { className: classes.message },
-                    React.createElement(ErrorIcon, { className: clsx(classes.icon, classes.iconVariant) }),
-                    children), action: [
-                    // @ts-expect-error ???
-                    React.createElement(IconButton, { key: "close", "aria-label": "Close", color: "inherit", className: classes.close, onClick: this.handleClose, "data-cypress": "error-snackbar-close", size: "large" },
-                        React.createElement(CloseIcon, { className: classes.icon })),
-                ] })));
-    }
+function ErrorSnackbar({ open, onClose, children, }) {
+    const handleClose = React.useCallback((e, reason) => {
+        if (reason !== 'clickaway') {
+            onClose(null);
+        }
+    }, [onClose]);
+    return (React.createElement(Snackbar, { anchorOrigin: {
+            vertical: 'bottom',
+            horizontal: 'right',
+        }, open: open, onClose: handleClose, className: "ob-error-snackbar" },
+        React.createElement(Alert, { severity: "error", action: React.createElement(IconButton, { key: "close", "aria-label": "Close", color: "inherit", onClick: handleClose, "data-cypress": "error-snackbar-close", size: "large" },
+                React.createElement(StyledCloseIcon, null)) }, children)));
 }
-export default withStyles(styles)(ErrorSnackbar);
+const StyledCloseIcon = styled(Close)(() => ({
+    fontSize: 20,
+}));
+export default React.memo(ErrorSnackbar);
 //# sourceMappingURL=ErrorSnackbar.js.map

package/dist/components/ErrorSnackbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorSnackbar.js","sourceRoot":"","sources":["../../src/components/ErrorSnackbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,UAAU,MAAM,wBAAwB,CAAA;AAC/C,OAAO,UAAU,MAAM,0BAA0B,CAAA;AACjD,OAAO,QAAQ,MAAM,wBAAwB,CAAA;AAC7C,OAAO,eAAe,MAAM,+BAA+B,CAAA;AAC3D,OAAO,SAAS,MAAM,2BAA2B,CAAA;AACjD,OAAO,SAAS,MAAM,2BAA2B,CAAA;AAEjD,MAAM,MAAM,GAAG,CAAC,KAAY,EAAE,EAAE,CAAC,CAAC;IAChC,eAAe,EAAE;QACf,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI;KAC1C;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,EAAE;KACb;IACD,WAAW,EAAE;QACX,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KAC9B;IACD,OAAO,EAAE;QACP,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;KACrB;CACF,CAAC,CAAA;AAQF,MAAM,aAAc,SAAQ,KAAK,CAAC,SAIjC;IAJD;;QAKE,gBAAW,GAAG,CAAC,CAAU,EAAE,MAAc,EAAE,EAAE;YAC3C,IAAI,MAAM,KAAK,WAAW,EAAE;gBAC1B,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;aACzB;QACH,CAAC,CAAA;IAuCH,CAAC;IArCC,MAAM;QACJ,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAC9C,OAAO,CACL,oBAAC,QAAQ,IACP,YAAY,EAAE;gBACZ,QAAQ,EAAE,QAAQ;gBAClB,UAAU,EAAE,OAAO;aACpB,EACD,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,IAAI,CAAC,WAAW;YAEzB,oBAAC,eAAe,IACd,SAAS,EAAE,OAAO,CAAC,eAAe,EAClC,OAAO,EACL,8BAAM,SAAS,EAAE,OAAO,CAAC,OAAO;oBAC9B,oBAAC,SAAS,IAAC,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,WAAW,CAAC,GAAI;oBAChE,QAAQ,CACJ,EAET,MAAM,EAAE;oBACN,uBAAuB;oBACvB,oBAAC,UAAU,IACT,GAAG,EAAC,OAAO,gBACA,OAAO,EAClB,KAAK,EAAC,SAAS,EACf,SAAS,EAAE,OAAO,CAAC,KAAK,EACxB,OAAO,EAAE,IAAI,CAAC,WAAW,kBACZ,sBAAsB,EACnC,IAAI,EAAC,OAAO;wBAEZ,oBAAC,SAAS,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI,GAAI,CAC3B;iBACd,GACD,CACO,CACZ,CAAA;IACH,CAAC;CACF;AAED,eAAe,UAAU,CAAC,MAAM,CAAC,CAAC,aAAa,CAA+B,CAAA","sourcesContent":["import * as React from 'react'\nimport clsx from 'clsx'\nimport { Theme } from '@mui/material/styles'\nimport withStyles from '@mui/styles/withStyles'\nimport IconButton from '@mui/material/IconButton'\nimport Snackbar from '@mui/material/Snackbar'\nimport SnackbarContent from '@mui/material/SnackbarContent'\nimport ErrorIcon from '@mui/icons-material/Error'\nimport CloseIcon from '@mui/icons-material/Close'\n\nconst styles = (theme: Theme) => ({\n  snackbarContent: {\n    backgroundColor: theme.palette.error.dark,\n  },\n  icon: {\n    fontSize: 20,\n  },\n  iconVariant: {\n    marginRight: theme.spacing(2),\n  },\n  message: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n})\n\ntype Props = {\n  open: boolean\n  children: React.ReactNode\n  onClose: (arg: null) => unknown\n}\n\nclass ErrorSnackbar extends React.Component<\n  Props & {\n    classes: Record<string, string>\n  }\n> {\n  handleClose = (e: unknown, reason: string) => {\n    if (reason !== 'clickaway') {\n      this.props.onClose(null)\n    }\n  }\n\n  render() {\n    const { classes, open, children } = this.props\n    return (\n      <Snackbar\n        anchorOrigin={{\n          vertical: 'bottom',\n          horizontal: 'right',\n        }}\n        open={open}\n        onClose={this.handleClose}\n      >\n        <SnackbarContent\n          className={classes.snackbarContent}\n          message={\n            <span className={classes.message}>\n              <ErrorIcon className={clsx(classes.icon, classes.iconVariant)} />\n              {children}\n            </span>\n          }\n          action={[\n            // @ts-expect-error ???\n            <IconButton\n              key=\"close\"\n              aria-label=\"Close\"\n              color=\"inherit\"\n              className={classes.close}\n              onClick={this.handleClose}\n              data-cypress=\"error-snackbar-close\"\n              size=\"large\"\n            >\n              <CloseIcon className={classes.icon} />\n            </IconButton>,\n          ]}\n        />\n      </Snackbar>\n    )\n  }\n}\n\nexport default withStyles(styles)(ErrorSnackbar) as React.ComponentType<Props>\n"]}
+{"version":3,"file":"ErrorSnackbar.js","sourceRoot":"","sources":["../../src/components/ErrorSnackbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;AAC3C,OAAO,QAAwB,MAAM,qBAAqB,CAAA;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAE7C,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAA6B,SAAS,KAAK,CACvE,KAAK,EACL,GAAG;IAEH,OAAO,oBAAC,QAAQ,IAAC,SAAS,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAC,QAAQ,KAAK,KAAK,GAAI,CAAA;AACzE,CAAC,CAAC,CAAA;AAEF,SAAS,aAAa,CAAC,EACrB,IAAI,EACJ,OAAO,EACP,QAAQ,GAKT;IACC,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CACnC,CAAC,CAAU,EAAE,MAAe,EAAE,EAAE;QAC9B,IAAI,MAAM,KAAK,WAAW,EAAE;YAC1B,OAAO,CAAC,IAAI,CAAC,CAAA;SACd;IACH,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAA;IACD,OAAO,CACL,oBAAC,QAAQ,IACP,YAAY,EAAE;YACZ,QAAQ,EAAE,QAAQ;YAClB,UAAU,EAAE,OAAO;SACpB,EACD,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,WAAW,EACpB,SAAS,EAAC,mBAAmB;QAE7B,oBAAC,KAAK,IACJ,QAAQ,EAAC,OAAO,EAChB,MAAM,EACJ,oBAAC,UAAU,IACT,GAAG,EAAC,OAAO,gBACA,OAAO,EAClB,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,WAAW,kBACP,sBAAsB,EACnC,IAAI,EAAC,OAAO;gBAEZ,oBAAC,eAAe,OAAG,CACR,IAGd,QAAQ,CACH,CACC,CACZ,CAAA;AACH,CAAC;AAED,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IAC3C,QAAQ,EAAE,EAAE;CACb,CAAC,CAAC,CAAA;AAEH,eAAe,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport { Snackbar, IconButton } from '@mui/material'\nimport { Close } from '@mui/icons-material'\nimport MuiAlert, { AlertProps } from '@mui/material/Alert'\nimport { styled } from '@mui/material/styles'\n\nconst Alert = React.forwardRef<HTMLDivElement, AlertProps>(function Alert(\n  props,\n  ref,\n) {\n  return <MuiAlert elevation={6} ref={ref} variant=\"filled\" {...props} />\n})\n\nfunction ErrorSnackbar({\n  open,\n  onClose,\n  children,\n}: {\n  open: boolean\n  children: React.ReactNode\n  onClose: (arg: null) => unknown\n}) {\n  const handleClose = React.useCallback(\n    (e: unknown, reason?: string) => {\n      if (reason !== 'clickaway') {\n        onClose(null)\n      }\n    },\n    [onClose],\n  )\n  return (\n    <Snackbar\n      anchorOrigin={{\n        vertical: 'bottom',\n        horizontal: 'right',\n      }}\n      open={open}\n      onClose={handleClose}\n      className=\"ob-error-snackbar\"\n    >\n      <Alert\n        severity=\"error\"\n        action={\n          <IconButton\n            key=\"close\"\n            aria-label=\"Close\"\n            color=\"inherit\"\n            onClick={handleClose}\n            data-cypress=\"error-snackbar-close\"\n            size=\"large\"\n          >\n            <StyledCloseIcon />\n          </IconButton>\n        }\n      >\n        {children}\n      </Alert>\n    </Snackbar>\n  )\n}\n\nconst StyledCloseIcon = styled(Close)(() => ({\n  fontSize: 20,\n}))\n\nexport default React.memo(ErrorSnackbar)\n"]}

package/dist/components/Lists.d.ts

@@ -1,10 +1,25 @@
 import * as React from 'react';
-declare type Props = {
+import { Theme } from '@mui/material';
+declare type ListItemsProps = {
     children: React.ReactNode;
     disablePadding?: boolean;
+};
+export declare const OrderedList: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<Theme> & ListItemsProps, React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, {}>;
+export declare const UnorderedList: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<Theme> & ListItemsProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
+declare type ListProps = {
     spaced?: boolean;
 };
-export declare const OrderedList: React.ComponentType<Props>;
-export declare const UnorderedList: React.ComponentType<Props>;
-export declare const ListItem: React.ComponentType<Props>;
+export declare const ListItem: import("@emotion/styled").StyledComponent<Omit<import("@mui/system").SystemProps<Theme> & {
+    align?: "inherit" | "right" | "left" | "center" | "justify" | undefined;
+    children?: React.ReactNode;
+    classes?: Partial<import("@mui/material").TypographyClasses> | undefined;
+    gutterBottom?: boolean | undefined;
+    noWrap?: boolean | undefined;
+    paragraph?: boolean | undefined;
+    sx?: import("@mui/material").SxProps<Theme> | undefined;
+    variant?: "button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "subtitle1" | "subtitle2" | "body1" | "body2" | "overline" | undefined;
+    variantMapping?: Partial<Record<"button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "subtitle1" | "subtitle2" | "body1" | "body2" | "overline", string>> | undefined;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof React.HTMLAttributes<HTMLSpanElement>> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, "children" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | ("p" | "color" | "top" | "right" | "bottom" | "left" | "height" | "width" | "fontStyle" | "marginBottom" | "position" | "my" | "pl" | "pt" | "zIndex" | "typography" | "fontFamily" | "fontSize" | "flex" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "boxShadow" | "maxWidth" | "minWidth" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "pr" | "pb" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginLeft" | "marginX" | "marginY" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform") | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variant" | "variantMapping">, "ref"> & import("@mui/system").MUIStyledCommonProps<Theme> & ListProps, {}, {}>;
 export {};

package/dist/components/Lists.js

@@ -1,43 +1,45 @@
 import * as React from 'react';
-import clsx from 'clsx';
-import withStyles from '@mui/styles/withStyles';
 import Typography from '@mui/material/Typography';
-const styles = (theme) => ({
-    list: {
-        margin: 0,
-        padding: theme.spacing(1, 1, 1, 4),
-        '& > ul, & > ol': {
-            'padding-top': 0,
-            'padding-bottom': 0,
-        },
-    },
-    noPadding: {
-        'padding-top': 0,
-        'padding-bottom': 0,
-    },
-    listItem: {
-        display: 'list-item',
-    },
-    spacedLineHeight: {
-        lineHeight: 1.9,
-    },
+import { styled } from '@mui/material';
+const noPaddingY = {
+    paddingTop: 0,
+    paddingBottom: 0,
+};
+const getListStyles = (theme) => ({
+    margin: 0,
+    padding: theme.spacing(1, 1, 1, 4),
+    listStyle: 'inherit',
+    '& > ul, & > ol': noPaddingY,
 });
-function ol({ classes, disablePadding, children, ...props }) {
-    return (React.createElement("ol", { className: clsx(classes.list, {
-            [classes.noPadding]: disablePadding,
-        }), ...props }, children));
-}
-function ul({ classes, disablePadding, children, ...props }) {
-    return (React.createElement("ul", { className: clsx(classes.list, {
-            [classes.noPadding]: disablePadding,
-        }), ...props }, children));
-}
-function li({ classes, children, spaced, ...props }) {
-    return (React.createElement(Typography, { component: "li", color: "inherit", variant: "body2", className: clsx(classes.listItem, {
-            [classes.spacedLineHeight]: spaced,
-        }), ...props }, children));
+export const OrderedList = styled('ol', {
+    shouldForwardProp: (prop) => prop !== 'disablePadding',
+})(({ theme, disablePadding }) => {
+    return {
+        ...getListStyles(theme),
+        ...(disablePadding ? noPaddingY : {}),
+    };
+});
+export const UnorderedList = styled('ul', {
+    shouldForwardProp: (prop) => prop !== 'disablePadding',
+})(({ theme, disablePadding }) => {
+    return {
+        ...getListStyles(theme),
+        ...(disablePadding ? noPaddingY : {}),
+    };
+});
+function Li(props) {
+    return (React.createElement(Typography, { ...props, component: "li", color: "inherit", variant: "body2" }));
 }
-export const OrderedList = withStyles(styles)(ol);
-export const UnorderedList = withStyles(styles)(ul);
-export const ListItem = withStyles(styles)(li);
+export const ListItem = styled(Li, {
+    shouldForwardProp: (prop) => prop !== 'spaced',
+})(({ spaced }) => {
+    return {
+        display: 'list-item',
+        ...(spaced
+            ? {
+                lineHeight: 1.9,
+            }
+            : {}),
+    };
+});
 //# sourceMappingURL=Lists.js.map

package/dist/components/Lists.js.map

@@ -1 +1 @@
-{"version":3,"file":"Lists.js","sourceRoot":"","sources":["../../src/components/Lists.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,UAAU,MAAM,wBAAwB,CAAA;AAC/C,OAAO,UAAU,MAAM,0BAA0B,CAAA;AAMjD,MAAM,MAAM,GAAG,CAAC,KAAY,EAAE,EAAE,CAAC,CAAC;IAChC,IAAI,EAAE;QACJ,MAAM,EAAE,CAAC;QACT,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;QAClC,gBAAgB,EAAE;YAChB,aAAa,EAAE,CAAC;YAChB,gBAAgB,EAAE,CAAC;SACpB;KACF;IACD,SAAS,EAAE;QACT,aAAa,EAAE,CAAC;QAChB,gBAAgB,EAAE,CAAC;KACpB;IACD,QAAQ,EAAE;QACR,OAAO,EAAE,WAAW;KACrB;IACD,gBAAgB,EAAE;QAChB,UAAU,EAAE,GAAG;KAChB;CACF,CAAC,CAAA;AAQF,SAAS,EAAE,CAAC,EACV,OAAO,EACP,cAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACgB;IACxB,OAAO,CACL,4BACE,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE;YAC5B,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,cAAc;SACpC,CAAC,KACE,KAAK,IAER,QAAQ,CACN,CACN,CAAA;AACH,CAAC;AAED,SAAS,EAAE,CAAC,EACV,OAAO,EACP,cAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACgB;IACxB,OAAO,CACL,4BACE,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE;YAC5B,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,cAAc;SACpC,CAAC,KACE,KAAK,IAER,QAAQ,CACN,CACN,CAAA;AACH,CAAC;AAED,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,EAA2B;IAC1E,OAAO,CACL,oBAAC,UAAU,IACT,SAAS,EAAC,IAAI,EACd,KAAK,EAAC,SAAS,EACf,OAAO,EAAC,OAAO,EACf,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE;YAChC,CAAC,OAAO,CAAC,gBAAgB,CAAC,EAAE,MAAM;SACnC,CAAC,KACE,KAAK,IAER,QAAQ,CACE,CACd,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,EAAE,CAA+B,CAAA;AAC/E,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CAAC,MAAM,CAAC,CAC7C,EAAE,CAC2B,CAAA;AAC/B,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,EAAE,CAA+B,CAAA","sourcesContent":["import * as React from 'react'\nimport clsx from 'clsx'\nimport { Theme } from '@mui/material/styles'\nimport withStyles from '@mui/styles/withStyles'\nimport Typography from '@mui/material/Typography'\n\ninterface WithStylesProps {\n  classes: Record<string, string>\n}\n\nconst styles = (theme: Theme) => ({\n  list: {\n    margin: 0,\n    padding: theme.spacing(1, 1, 1, 4),\n    '& > ul, & > ol': {\n      'padding-top': 0,\n      'padding-bottom': 0,\n    },\n  },\n  noPadding: {\n    'padding-top': 0,\n    'padding-bottom': 0,\n  },\n  listItem: {\n    display: 'list-item',\n  },\n  spacedLineHeight: {\n    lineHeight: 1.9,\n  },\n})\n\ntype Props = {\n  children: React.ReactNode\n  disablePadding?: boolean\n  spaced?: boolean\n}\n\nfunction ol({\n  classes,\n  disablePadding,\n  children,\n  ...props\n}: Props & WithStylesProps) {\n  return (\n    <ol\n      className={clsx(classes.list, {\n        [classes.noPadding]: disablePadding,\n      })}\n      {...props}\n    >\n      {children}\n    </ol>\n  )\n}\n\nfunction ul({\n  classes,\n  disablePadding,\n  children,\n  ...props\n}: Props & WithStylesProps) {\n  return (\n    <ul\n      className={clsx(classes.list, {\n        [classes.noPadding]: disablePadding,\n      })}\n      {...props}\n    >\n      {children}\n    </ul>\n  )\n}\n\nfunction li({ classes, children, spaced, ...props }: Props & WithStylesProps) {\n  return (\n    <Typography\n      component=\"li\"\n      color=\"inherit\"\n      variant=\"body2\"\n      className={clsx(classes.listItem, {\n        [classes.spacedLineHeight]: spaced,\n      })}\n      {...props}\n    >\n      {children}\n    </Typography>\n  )\n}\n\nexport const OrderedList = withStyles(styles)(ol) as React.ComponentType<Props>\nexport const UnorderedList = withStyles(styles)(\n  ul,\n) as React.ComponentType<Props>\nexport const ListItem = withStyles(styles)(li) as React.ComponentType<Props>\n"]}
+{"version":3,"file":"Lists.js","sourceRoot":"","sources":["../../src/components/Lists.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,UAAU,MAAM,0BAA0B,CAAA;AACjD,OAAO,EAAE,MAAM,EAAS,MAAM,eAAe,CAAA;AAO7C,MAAM,UAAU,GAAG;IACjB,UAAU,EAAE,CAAC;IACb,aAAa,EAAE,CAAC;CACjB,CAAA;AAED,MAAM,aAAa,GAAG,CAAC,KAAY,EAAE,EAAE,CAAC,CAAC;IACvC,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAClC,SAAS,EAAE,SAAS;IACpB,gBAAgB,EAAE,UAAU;CAC7B,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,EAAE;IACtC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,gBAAgB;CACvD,CAAC,CAAiB,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE,EAAE;IAC/C,OAAO;QACL,GAAG,aAAa,CAAC,KAAK,CAAC;QACvB,GAAG,CAAC,cAAc,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;KACtC,CAAA;AACH,CAAC,CAAC,CAAA;AACF,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,EAAE;IACxC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,gBAAgB;CACvD,CAAC,CAAiB,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE,EAAE;IAC/C,OAAO;QACL,GAAG,aAAa,CAAC,KAAK,CAAC;QACvB,GAAG,CAAC,cAAc,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;KACtC,CAAA;AACH,CAAC,CAAC,CAAA;AAMF,SAAS,EAAE,CAAC,KAA2D;IACrE,OAAO,CACL,oBAAC,UAAU,OAAK,KAAK,EAAE,SAAS,EAAC,IAAI,EAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAC,OAAO,GAAG,CACzE,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,EAAE;IACjC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,QAAQ;CAC/C,CAAC,CAAY,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IAC3B,OAAO;QACL,OAAO,EAAE,WAAW;QACpB,GAAG,CAAC,MAAM;YACR,CAAC,CAAC;gBACE,UAAU,EAAE,GAAG;aAChB;YACH,CAAC,CAAC,EAAE,CAAC;KACR,CAAA;AACH,CAAC,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport Typography from '@mui/material/Typography'\nimport { styled, Theme } from '@mui/material'\n\ntype ListItemsProps = {\n  children: React.ReactNode\n  disablePadding?: boolean\n}\n\nconst noPaddingY = {\n  paddingTop: 0,\n  paddingBottom: 0,\n}\n\nconst getListStyles = (theme: Theme) => ({\n  margin: 0,\n  padding: theme.spacing(1, 1, 1, 4),\n  listStyle: 'inherit',\n  '& > ul, & > ol': noPaddingY,\n})\n\nexport const OrderedList = styled('ol', {\n  shouldForwardProp: (prop) => prop !== 'disablePadding',\n})<ListItemsProps>(({ theme, disablePadding }) => {\n  return {\n    ...getListStyles(theme),\n    ...(disablePadding ? noPaddingY : {}),\n  }\n})\nexport const UnorderedList = styled('ul', {\n  shouldForwardProp: (prop) => prop !== 'disablePadding',\n})<ListItemsProps>(({ theme, disablePadding }) => {\n  return {\n    ...getListStyles(theme),\n    ...(disablePadding ? noPaddingY : {}),\n  }\n})\n\ntype ListProps = {\n  spaced?: boolean\n}\n\nfunction Li(props: Omit<React.ComponentProps<typeof Typography>, 'ref'>) {\n  return (\n    <Typography {...props} component=\"li\" color=\"inherit\" variant=\"body2\" />\n  )\n}\n\nexport const ListItem = styled(Li, {\n  shouldForwardProp: (prop) => prop !== 'spaced',\n})<ListProps>(({ spaced }) => {\n  return {\n    display: 'list-item',\n    ...(spaced\n      ? {\n          lineHeight: 1.9,\n        }\n      : {}),\n  }\n})\n"]}

package/dist/components/LoadingWithMessage.js

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { Box, CircularProgress, Grid, Typography } from '@mui/material';
 const Loading = ({ message }) => {
-    return (React.createElement(Box, { p: 2 },
-        React.createElement(Grid, { container: true, spacing: 2 },
+    return (React.createElement(Box, { p: 2, className: "ob-loading-with-message" },
+        React.createElement(Grid, { container: true, spacing: 2, className: "ob-loading" },
             React.createElement(Grid, { xs: 12, container: true, item: true, justifyContent: "center" },
                 React.createElement(CircularProgress, null)),
-            message && (React.createElement(Grid, { xs: 12, container: true, item: true, justifyContent: "center" },
+            message && (React.createElement(Grid, { xs: 12, container: true, item: true, justifyContent: "center", className: "ob-loading-message" },
                 React.createElement(Typography, { variant: "body2", align: "center" }, message))))));
 };
 export default React.memo(Loading);

package/dist/components/LoadingWithMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingWithMessage.js","sourceRoot":"","sources":["../../src/components/LoadingWithMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,GAAG,EAAE,gBAAgB,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAKvE,MAAM,OAAO,GAAG,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE;IACrC,OAAO,CACL,oBAAC,GAAG,IAAC,CAAC,EAAE,CAAC;QACP,oBAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC;YACxB,oBAAC,IAAI,IAAC,EAAE,EAAE,EAAE,EAAE,SAAS,QAAC,IAAI,QAAC,cAAc,EAAC,QAAQ;gBAClD,oBAAC,gBAAgB,OAAoB,CAChC;YACN,OAAO,IAAI,CACV,oBAAC,IAAI,IAAC,EAAE,EAAE,EAAE,EAAE,SAAS,QAAC,IAAI,QAAC,cAAc,EAAC,QAAQ;gBAClD,oBAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,QAAQ,IACvC,OAAO,CACG,CACR,CACR,CACI,CACH,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAC,IAAI,CAAQ,OAAO,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport { Box, CircularProgress, Grid, Typography } from '@mui/material'\ntype Props = {\n  message?: string\n}\n\nconst Loading = ({ message }: Props) => {\n  return (\n    <Box p={2}>\n      <Grid container spacing={2}>\n        <Grid xs={12} container item justifyContent=\"center\">\n          <CircularProgress></CircularProgress>\n        </Grid>\n        {message && (\n          <Grid xs={12} container item justifyContent=\"center\">\n            <Typography variant=\"body2\" align=\"center\">\n              {message}\n            </Typography>\n          </Grid>\n        )}\n      </Grid>\n    </Box>\n  )\n}\n\nexport default React.memo<Props>(Loading)\n"]}
+{"version":3,"file":"LoadingWithMessage.js","sourceRoot":"","sources":["../../src/components/LoadingWithMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,GAAG,EAAE,gBAAgB,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAKvE,MAAM,OAAO,GAAG,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE;IACrC,OAAO,CACL,oBAAC,GAAG,IAAC,CAAC,EAAE,CAAC,EAAE,SAAS,EAAC,yBAAyB;QAC5C,oBAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAE,SAAS,EAAC,YAAY;YAChD,oBAAC,IAAI,IAAC,EAAE,EAAE,EAAE,EAAE,SAAS,QAAC,IAAI,QAAC,cAAc,EAAC,QAAQ;gBAClD,oBAAC,gBAAgB,OAAoB,CAChC;YACN,OAAO,IAAI,CACV,oBAAC,IAAI,IACH,EAAE,EAAE,EAAE,EACN,SAAS,QACT,IAAI,QACJ,cAAc,EAAC,QAAQ,EACvB,SAAS,EAAC,oBAAoB;gBAE9B,oBAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,QAAQ,IACvC,OAAO,CACG,CACR,CACR,CACI,CACH,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAC,IAAI,CAAQ,OAAO,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport { Box, CircularProgress, Grid, Typography } from '@mui/material'\ntype Props = {\n  message?: string\n}\n\nconst Loading = ({ message }: Props) => {\n  return (\n    <Box p={2} className=\"ob-loading-with-message\">\n      <Grid container spacing={2} className=\"ob-loading\">\n        <Grid xs={12} container item justifyContent=\"center\">\n          <CircularProgress></CircularProgress>\n        </Grid>\n        {message && (\n          <Grid\n            xs={12}\n            container\n            item\n            justifyContent=\"center\"\n            className=\"ob-loading-message\"\n          >\n            <Typography variant=\"body2\" align=\"center\">\n              {message}\n            </Typography>\n          </Grid>\n        )}\n      </Grid>\n    </Box>\n  )\n}\n\nexport default React.memo<Props>(Loading)\n"]}

package/dist/components/formStore/FormStoreTableProvider.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { FormTypes } from '@oneblink/types';
+export declare function FormStoreTableProvider({ form, children, }: {
+    form: FormTypes.Form;
+    children: React.ReactNode;
+}): JSX.Element;

package/dist/components/formStore/FormStoreTableProvider.js

@@ -0,0 +1,89 @@
+import * as React from 'react';
+import { useHistory } from 'react-router-dom';
+import querystring from 'query-string';
+import { formStoreService } from '@oneblink/apps';
+import useInfiniteScrollDataLoad from '../../hooks/useInfiniteScrollDataLoad';
+import useFormStoreTable from './table/useFormStoreTable';
+import { Button, Grid } from '@mui/material';
+import { Settings as SettingsIcon } from '@mui/icons-material';
+import useSubmissionIdValidationMessage, { validateIsUUID, } from '../../hooks/useSubmissionIdIsValid';
+import ErrorMessage from '../messages/ErrorMessage';
+import LoadingWithMessage from '../LoadingWithMessage';
+import NoResourcesYet from '../messages/NoResourcesYet';
+import FormStoreIcon from './display/FormStoreIcon';
+import { FormStoreTableContext } from './useFormStoreTableContext';
+export function FormStoreTableProvider({ form, children, }) {
+    var _a;
+    const history = useHistory();
+    const { isLoading, loadError, records: formStoreRecords, onTryAgain, onRefresh, filters, onChangeFilters, } = useInfiniteScrollDataLoad({
+        limit: 50,
+        debounceSearchMs: 1000,
+        onDefaultFilters: React.useCallback((query) => {
+            let filters = {};
+            try {
+                if (typeof query.filters === 'string') {
+                    filters = JSON.parse(query.filters);
+                }
+            }
+            catch (error) {
+                console.warn('Could not parse filter as JSON', error);
+            }
+            if (!filters.sorting) {
+                filters.sorting = [
+                    { property: 'dateTimeSubmitted', direction: 'descending' },
+                ];
+            }
+            return filters;
+        }, []),
+        onSearch: React.useCallback(async (filters, paging, abortSignal) => {
+            // Exclude all search parameters if searching
+            // for a specific submission using an identifier
+            const searchFilters = filters.submissionId
+                ? {
+                    submissionId: filters.submissionId,
+                }
+                : filters;
+            const result = await formStoreService.searchFormStoreRecords({
+                paging,
+                formId: form.id,
+                filters: searchFilters,
+            }, abortSignal);
+            return {
+                records: result.formStoreRecords,
+                meta: result.meta,
+            };
+        }, [form.id]),
+        onValidateFilters: React.useCallback((currentFilters) => {
+            var _a;
+            return validateIsUUID((_a = currentFilters.submissionId) === null || _a === void 0 ? void 0 : _a.$eq);
+        }, []),
+    });
+    React.useEffect(() => {
+        history.replace({
+            search: querystring.stringify({
+                filters: JSON.stringify(filters),
+            }),
+        });
+    }, [filters, history]);
+    const submissionIdValidationMessage = useSubmissionIdValidationMessage((_a = filters.submissionId) === null || _a === void 0 ? void 0 : _a.$eq);
+    const formStoreTable = useFormStoreTable({
+        formStoreRecords,
+        filters,
+        onChangeFilters,
+        submissionIdValidationMessage,
+        form,
+        onRefresh,
+    });
+    return (React.createElement(FormStoreTableContext.Provider, { value: formStoreTable },
+        children,
+        formStoreTable.visibleColumns.length ? (React.createElement(React.Fragment, null, !formStoreRecords.length && !isLoading && !loadError && (React.createElement(NoResourcesYet, { IconComponent: FormStoreIcon, title: "No Records Found..." }, "There are no Submissions matching your filters.")))) : (React.createElement(NoResourcesYet, { IconComponent: SettingsIcon, title: "No Columns Visible", gutterBottom: true }, "It looks like you have hidden all of the available columns. Please enable at least one column to view submissions.")),
+        isLoading && (React.createElement("div", { className: isLoading === 'INITIAL'
+                ? 'ob-form-store-loading-initial'
+                : 'ob-form-store-loading-more' },
+            React.createElement(LoadingWithMessage, { message: "Loading more records..." }))),
+        loadError && (React.createElement(React.Fragment, null,
+            React.createElement(ErrorMessage, { title: "Error Retrieving Submissions", gutterBottom: true, gutterTop: true }, loadError.message),
+            React.createElement(Grid, { container: true, justifyContent: "center" },
+                React.createElement(Button, { className: "ob-form-store-try-again-button", variant: "outlined", color: "primary", onClick: () => onTryAgain() }, "Try Again"))))));
+}
+//# sourceMappingURL=FormStoreTableProvider.js.map

package/dist/components/formStore/FormStoreTableProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormStoreTableProvider.js","sourceRoot":"","sources":["../../../src/components/formStore/FormStoreTableProvider.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { useHistory } from 'react-router-dom'\nimport querystring from 'query-string'\nimport { FormStoreRecord } from '@oneblink/types/typescript/submissions'\nimport { formStoreService } from '@oneblink/apps'\nimport useInfiniteScrollDataLoad from '../../hooks/useInfiniteScrollDataLoad'\nimport useFormStoreTable from './table/useFormStoreTable'\nimport { Button, Grid } from '@mui/material'\nimport { Settings as SettingsIcon } from '@mui/icons-material'\nimport { FormTypes } from '@oneblink/types'\nimport useSubmissionIdValidationMessage, {\n  validateIsUUID,\n} from '../../hooks/useSubmissionIdIsValid'\nimport ErrorMessage from '../messages/ErrorMessage'\nimport LoadingWithMessage from '../LoadingWithMessage'\nimport NoResourcesYet from '../messages/NoResourcesYet'\nimport FormStoreIcon from './display/FormStoreIcon'\nimport { FormStoreTableContext } from './useFormStoreTableContext'\n\nexport function FormStoreTableProvider({\n  form,\n  children,\n}: {\n  form: FormTypes.Form\n  children: React.ReactNode\n}) {\n  const history = useHistory()\n  const {\n    isLoading,\n    loadError,\n    records: formStoreRecords,\n    onTryAgain,\n    onRefresh,\n    filters,\n    onChangeFilters,\n  } = useInfiniteScrollDataLoad<\n    formStoreService.FormStoreFilters,\n    FormStoreRecord\n  >({\n    limit: 50,\n    debounceSearchMs: 1000,\n    onDefaultFilters: React.useCallback((query) => {\n      let filters: formStoreService.FormStoreFilters = {}\n      try {\n        if (typeof query.filters === 'string') {\n          filters = JSON.parse(query.filters)\n        }\n      } catch (error) {\n        console.warn('Could not parse filter as JSON', error)\n      }\n      if (!filters.sorting) {\n        filters.sorting = [\n          { property: 'dateTimeSubmitted', direction: 'descending' },\n        ]\n      }\n      return filters\n    }, []),\n    onSearch: React.useCallback(\n      async (filters, paging, abortSignal) => {\n        // Exclude all search parameters if searching\n        // for a specific submission using an identifier\n        const searchFilters = filters.submissionId\n          ? {\n              submissionId: filters.submissionId,\n            }\n          : filters\n        const result = await formStoreService.searchFormStoreRecords(\n          {\n            paging,\n            formId: form.id,\n            filters: searchFilters,\n          },\n          abortSignal,\n        )\n        return {\n          records: result.formStoreRecords,\n          meta: result.meta,\n        }\n      },\n      [form.id],\n    ),\n    onValidateFilters: React.useCallback(\n      (currentFilters: formStoreService.FormStoreFilters) => {\n        return validateIsUUID(currentFilters.submissionId?.$eq)\n      },\n      [],\n    ),\n  })\n\n  React.useEffect(() => {\n    history.replace({\n      search: querystring.stringify({\n        filters: JSON.stringify(filters),\n      }),\n    })\n  }, [filters, history])\n\n  const submissionIdValidationMessage = useSubmissionIdValidationMessage(\n    filters.submissionId?.$eq,\n  )\n\n  const formStoreTable = useFormStoreTable({\n    formStoreRecords,\n    filters,\n    onChangeFilters,\n    submissionIdValidationMessage,\n    form,\n    onRefresh,\n  })\n\n  return (\n    <FormStoreTableContext.Provider value={formStoreTable}>\n      {children}\n      {formStoreTable.visibleColumns.length ? (\n        <>\n          {!formStoreRecords.length && !isLoading && !loadError && (\n            <NoResourcesYet\n              IconComponent={FormStoreIcon}\n              title=\"No Records Found...\"\n            >\n              There are no Submissions matching your filters.\n            </NoResourcesYet>\n          )}\n        </>\n      ) : (\n        <NoResourcesYet\n          IconComponent={SettingsIcon}\n          title=\"No Columns Visible\"\n          gutterBottom\n        >\n          It looks like you have hidden all of the available columns. Please\n          enable at least one column to view submissions.\n        </NoResourcesYet>\n      )}\n\n      {isLoading && (\n        <div\n          className={\n            isLoading === 'INITIAL'\n              ? 'ob-form-store-loading-initial'\n              : 'ob-form-store-loading-more'\n          }\n        >\n          <LoadingWithMessage message=\"Loading more records...\" />\n        </div>\n      )}\n\n      {loadError && (\n        <>\n          <ErrorMessage\n            title=\"Error Retrieving Submissions\"\n            gutterBottom\n            gutterTop\n          >\n            {loadError.message}\n          </ErrorMessage>\n          <Grid container justifyContent=\"center\">\n            <Button\n              className=\"ob-form-store-try-again-button\"\n              variant=\"outlined\"\n              color=\"primary\"\n              onClick={() => onTryAgain()}\n            >\n              Try Again\n            </Button>\n          </Grid>\n        </>\n      )}\n    </FormStoreTableContext.Provider>\n  )\n}\n"]}

package/dist/components/formStore/OneBlinkFormStoreClearFiltersButton.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { Button } from '@mui/material';
+declare function OneBlinkFormStoreClearFiltersButton(props: React.ComponentProps<typeof Button>): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof OneBlinkFormStoreClearFiltersButton>;
+export default _default;