@oneblink/apps-react 8.14.0 → 9.0.0-beta.10

package/dist/components/calendar-bookings/ErrorModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorModal.js","sourceRoot":"","sources":["../../../src/components/calendar-bookings/ErrorModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAClD,OAAO,gCAAgC,MAAM,8CAA8C,CAAA;AAC3F,OAAO,YAAY,MAAM,8BAA8B,CAAA;AACvD,OAAO,KAAK,MAAM,mBAAmB,CAAA;AACrC,OAAO,YAAY,MAAM,iBAAiB,CAAA;AAS1C,SAAS,UAAU,CAAC,EAClB,KAAK,EACL,gBAAgB,EAChB,oBAAoB,EACpB,OAAO,GACD;IACN,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACtC,IAAI,CAAC,KAAK;YAAE,OAAM;QAClB,IAAI,YAAY,CAAA;QAEhB,IAAI,CAAC,CAAC,KAAK,YAAY,iBAAiB,CAAC,EAAE,CAAC;YAC1C,YAAY,GAAG,IAAI,iBAAiB,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;QACrD,CAAC;aAAM,CAAC;YACN,YAAY,GAAG,KAAK,CAAA;QACtB,CAAC;QACD,OAAO,YAAY,CAAA;IACrB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACvC,IAAI,CAAC,KAAK;YAAE,OAAO,EAAE,CAAA;QACrB,OAAO,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;IACpC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE;QAC/C,IAAI,CAAC,YAAY;YAAE,OAAM;QAEzB,OAAO,EAAE,CAAA;IACX,CAAC,EAAE,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC,CAAA;IAE3B,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,CACL,oBAAC,KAAK,IACJ,MAAM,QACN,KAAK,EAAE,YAAY,CAAC,KAAK,EACzB,SAAS,EAAC,qBAAqB,EAC/B,aAAa,EAAE,IAAI,CAAC;YAClB,mBAAmB,EAAE,YAAY,CAAC,SAAS;SAC5C,CAAC,EACF,cAAc,EAAC,qBAAqB,EACpC,aAAa,EAAC,uBAAuB,EACrC,OAAO,EACL;YACE,gCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,IAAI,CACb,iDAAiD,EACjD,oBAAoB,CACrB,EACD,OAAO,EAAE,WAAW,EACpB,SAAS,UAER,gBAAgB,IAAI,MAAM,CACpB,CACR;QAGL;YACE;gBACE,2CAA2C;gBAC3C,uBAAuB,EAAE;oBACvB,MAAM,EAAE,aAAa;iBACtB,GACD;YACD,YAAY,CAAC,SAAS,IAAI,CACzB,oBAAC,YAAY,IAAC,SAAS,EAAC,+BAA+B,eAExC,CAChB;YACD,oBAAC,gCAAgC,IAAC,KAAK,EAAE,YAAY,CAAC,aAAa,GAAI,CACtE,CACG,CACT,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAQ,UAAU,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport clsx from 'clsx'\nimport { OneBlinkAppsError } from '@oneblink/apps'\nimport OneBlinkAppsErrorOriginalMessage from '../renderer/OneBlinkAppsErrorOriginalMessage'\nimport sanitizeHtml from '../../services/sanitize-html'\nimport Modal from '../renderer/Modal'\nimport MaterialIcon from '../MaterialIcon'\n\ntype Props = {\n  error: OneBlinkAppsError | Error | null\n  closeButtonLabel?: string\n  closeButtonClassName?: string\n  onClose: () => unknown\n}\n\nfunction ErrorModal({\n  error,\n  closeButtonLabel,\n  closeButtonClassName,\n  onClose,\n}: Props) {\n  const displayError = React.useMemo(() => {\n    if (!error) return\n    let displayError\n\n    if (!(error instanceof OneBlinkAppsError)) {\n      displayError = new OneBlinkAppsError(error.message)\n    } else {\n      displayError = error\n    }\n    return displayError\n  }, [error])\n\n  const sanitizedHtml = React.useMemo(() => {\n    if (!error) return ''\n    return sanitizeHtml(error.message)\n  }, [error])\n\n  const handleClose = React.useCallback(async () => {\n    if (!displayError) return\n\n    onClose()\n  }, [displayError, onClose])\n\n  if (!displayError) {\n    return null\n  }\n\n  return (\n    <Modal\n      isOpen\n      title={displayError.title}\n      className=\"cypress-error-modal\"\n      cardClassName={clsx({\n        'has-text-centered': displayError.isOffline,\n      })}\n      titleClassName=\"cypress-error-title\"\n      bodyClassName=\"cypress-error-message\"\n      actions={\n        <>\n          <button\n            type=\"button\"\n            className={clsx(\n              'button ob-button cypress-close-error is-primary',\n              closeButtonClassName,\n            )}\n            onClick={handleClose}\n            autoFocus\n          >\n            {closeButtonLabel || 'Okay'}\n          </button>\n        </>\n      }\n    >\n      <>\n        <div\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{\n            __html: sanitizedHtml,\n          }}\n        />\n        {displayError.isOffline && (\n          <MaterialIcon className=\"has-text-warning icon-x-large\">\n            wifi_off\n          </MaterialIcon>\n        )}\n        <OneBlinkAppsErrorOriginalMessage error={displayError.originalError} />\n      </>\n    </Modal>\n  )\n}\n\nexport default React.memo<Props>(ErrorModal)\n"]}
+{"version":3,"file":"ErrorModal.js","sourceRoot":"","sources":["../../../src/components/calendar-bookings/ErrorModal.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAC9C,OAAO,gCAAgC,MAAM,8CAA8C,CAAA;AAC3F,OAAO,YAAY,MAAM,8BAA8B,CAAA;AACvD,OAAO,KAAK,MAAM,mBAAmB,CAAA;AACrC,OAAO,YAAY,MAAM,iBAAiB,CAAA;AAS1C,SAAS,UAAU,CAAC,EAClB,KAAK,EACL,gBAAgB,EAChB,oBAAoB,EACpB,OAAO,GACD;IACN,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACtC,IAAI,CAAC,KAAK;YAAE,OAAM;QAClB,IAAI,YAAY,CAAA;QAEhB,IAAI,CAAC,CAAC,KAAK,YAAY,iBAAiB,CAAC,EAAE,CAAC;YAC1C,YAAY,GAAG,IAAI,iBAAiB,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;QACrD,CAAC;aAAM,CAAC;YACN,YAAY,GAAG,KAAK,CAAA;QACtB,CAAC;QACD,OAAO,YAAY,CAAA;IACrB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACvC,IAAI,CAAC,KAAK;YAAE,OAAO,EAAE,CAAA;QACrB,OAAO,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;IACpC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE;QAC/C,IAAI,CAAC,YAAY;YAAE,OAAM;QAEzB,OAAO,EAAE,CAAA;IACX,CAAC,EAAE,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC,CAAA;IAE3B,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,CACL,KAAC,KAAK,IACJ,MAAM,QACN,KAAK,EAAE,YAAY,CAAC,KAAK,EACzB,SAAS,EAAC,qBAAqB,EAC/B,aAAa,EAAE,IAAI,CAAC;YAClB,mBAAmB,EAAE,YAAY,CAAC,SAAS;SAC5C,CAAC,EACF,cAAc,EAAC,qBAAqB,EACpC,aAAa,EAAC,uBAAuB,EACrC,OAAO,EACL,4BACE,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,IAAI,CACb,iDAAiD,EACjD,oBAAoB,CACrB,EACD,OAAO,EAAE,WAAW,EACpB,SAAS,kBAER,gBAAgB,IAAI,MAAM,GACpB,GACR,YAGL,8BACE;oBACE,2CAA2C;oBAC3C,uBAAuB,EAAE;wBACvB,MAAM,EAAE,aAAa;qBACtB,GACD,EACD,YAAY,CAAC,SAAS,IAAI,CACzB,KAAC,YAAY,IAAC,SAAS,EAAC,+BAA+B,yBAExC,CAChB,EACD,KAAC,gCAAgC,IAAC,KAAK,EAAE,YAAY,CAAC,aAAa,GAAI,IACtE,GACG,CACT,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAQ,UAAU,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport clsx from 'clsx'\nimport { OneBlinkAppsError } from '../../apps'\nimport OneBlinkAppsErrorOriginalMessage from '../renderer/OneBlinkAppsErrorOriginalMessage'\nimport sanitizeHtml from '../../services/sanitize-html'\nimport Modal from '../renderer/Modal'\nimport MaterialIcon from '../MaterialIcon'\n\ntype Props = {\n  error: OneBlinkAppsError | Error | null\n  closeButtonLabel?: string\n  closeButtonClassName?: string\n  onClose: () => unknown\n}\n\nfunction ErrorModal({\n  error,\n  closeButtonLabel,\n  closeButtonClassName,\n  onClose,\n}: Props) {\n  const displayError = React.useMemo(() => {\n    if (!error) return\n    let displayError\n\n    if (!(error instanceof OneBlinkAppsError)) {\n      displayError = new OneBlinkAppsError(error.message)\n    } else {\n      displayError = error\n    }\n    return displayError\n  }, [error])\n\n  const sanitizedHtml = React.useMemo(() => {\n    if (!error) return ''\n    return sanitizeHtml(error.message)\n  }, [error])\n\n  const handleClose = React.useCallback(async () => {\n    if (!displayError) return\n\n    onClose()\n  }, [displayError, onClose])\n\n  if (!displayError) {\n    return null\n  }\n\n  return (\n    <Modal\n      isOpen\n      title={displayError.title}\n      className=\"cypress-error-modal\"\n      cardClassName={clsx({\n        'has-text-centered': displayError.isOffline,\n      })}\n      titleClassName=\"cypress-error-title\"\n      bodyClassName=\"cypress-error-message\"\n      actions={\n        <>\n          <button\n            type=\"button\"\n            className={clsx(\n              'button ob-button cypress-close-error is-primary',\n              closeButtonClassName,\n            )}\n            onClick={handleClose}\n            autoFocus\n          >\n            {closeButtonLabel || 'Okay'}\n          </button>\n        </>\n      }\n    >\n      <>\n        <div\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{\n            __html: sanitizedHtml,\n          }}\n        />\n        {displayError.isOffline && (\n          <MaterialIcon className=\"has-text-warning icon-x-large\">\n            wifi_off\n          </MaterialIcon>\n        )}\n        <OneBlinkAppsErrorOriginalMessage error={displayError.originalError} />\n      </>\n    </Modal>\n  )\n}\n\nexport default React.memo<Props>(ErrorModal)\n"]}

package/dist/components/downloadable-files/LayoutProvider.d.ts

@@ -3,5 +3,5 @@ export type LayoutType = 'GRID' | 'LIST';
 export declare const LayoutProvider: ({ children, layout, }: {
     children: React.ReactNode;
     layout: LayoutType;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const useLayout: () => LayoutType;

package/dist/components/downloadable-files/LayoutProvider.js

@@ -1,7 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 const LayoutContext = React.createContext('GRID');
 export const LayoutProvider = ({ children, layout, }) => {
-    return (React.createElement(LayoutContext.Provider, { value: layout }, children));
+    return (_jsx(LayoutContext.Provider, { value: layout, children: children }));
 };
 export const useLayout = () => {
     return React.useContext(LayoutContext);

package/dist/components/downloadable-files/LayoutProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutProvider.js","sourceRoot":"","sources":["../../../src/components/downloadable-files/LayoutProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CAAa,MAAM,CAAC,CAAA;AAE7D,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,QAAQ,EACR,MAAM,GAIP,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,IAAG,QAAQ,CAA0B,CAC3E,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE;IAC5B,OAAO,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAA;AACxC,CAAC,CAAA","sourcesContent":["import * as React from 'react'\n\nexport type LayoutType = 'GRID' | 'LIST'\n\nconst LayoutContext = React.createContext<LayoutType>('GRID')\n\nexport const LayoutProvider = ({\n  children,\n  layout,\n}: {\n  children: React.ReactNode\n  layout: LayoutType\n}) => {\n  return (\n    <LayoutContext.Provider value={layout}>{children}</LayoutContext.Provider>\n  )\n}\n\nexport const useLayout = () => {\n  return React.useContext(LayoutContext)\n}\n"]}
+{"version":3,"file":"LayoutProvider.js","sourceRoot":"","sources":["../../../src/components/downloadable-files/LayoutProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CAAa,MAAM,CAAC,CAAA;AAE7D,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,QAAQ,EACR,MAAM,GAIP,EAAE,EAAE;IACH,OAAO,CACL,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,YAAG,QAAQ,GAA0B,CAC3E,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE;IAC5B,OAAO,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAA;AACxC,CAAC,CAAA","sourcesContent":["import * as React from 'react'\n\nexport type LayoutType = 'GRID' | 'LIST'\n\nconst LayoutContext = React.createContext<LayoutType>('GRID')\n\nexport const LayoutProvider = ({\n  children,\n  layout,\n}: {\n  children: React.ReactNode\n  layout: LayoutType\n}) => {\n  return (\n    <LayoutContext.Provider value={layout}>{children}</LayoutContext.Provider>\n  )\n}\n\nexport const useLayout = () => {\n  return React.useContext(LayoutContext)\n}\n"]}

package/dist/components/downloadable-files/index.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { submissionService } from '@oneblink/apps';
+import { submissionService } from '../../apps';
 import { LayoutType } from './LayoutProvider';
 declare function DownloadableFiles({ formSubmissionResult, divider, layout, }: {
     /** The form submission with the pdf and/or attachments config on it. */
@@ -12,7 +12,7 @@ declare function DownloadableFiles({ formSubmissionResult, divider, layout, }: {
      * some screen sizes. `LIST` will always render each file on a new line.
      */
     layout?: LayoutType;
-}): React.JSX.Element | null;
+}): import("react/jsx-runtime").JSX.Element | null;
 /**
  * Component for rendering post-submission downloadable files such as PDFs and
  * attachments. The only thing required is the `formSubmissionResult`.

package/dist/components/downloadable-files/index.js

@@ -1,5 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
-import { localisationService, authService, } from '@oneblink/apps';
+import { localisationService, authService } from '../../apps';
 import { OnlyPDFDisplay, LoadAndDisplayAttachments, SingleFileDisplay, } from './resource-components';
 import { LayoutProvider } from './LayoutProvider';
 import { useCallback } from 'react';
@@ -33,7 +34,7 @@ function DownloadableFiles({ formSubmissionResult, divider, layout, }) {
             return formSubmissionResult.downloadSubmissionPdfs.reduce((memo, { id, configuration, url }) => {
                 memo.push({
                     key: `pdf-file-node-${id}`,
-                    node: (React.createElement(SingleFileDisplay, { attachment: {
+                    node: (_jsx(SingleFileDisplay, { attachment: {
                             filename: getSubmissionPDFFileName(configuration),
                             signedUrl: url,
                             contentType: 'application/pdf',
@@ -46,10 +47,7 @@ function DownloadableFiles({ formSubmissionResult, divider, layout, }) {
     if (!formSubmissionResult.attachmentsAccessToken && !pdfFileNodes) {
         return null;
     }
-    return (React.createElement("div", { className: "ob-downloadable-files__wrapper" },
-        React.createElement(LayoutProvider, { layout: layout !== null && layout !== void 0 ? layout : 'GRID' },
-            divider && React.createElement("hr", { className: "divider" }),
-            pdfFileNodes && !formSubmissionResult.attachmentsAccessToken ? (React.createElement(OnlyPDFDisplay, null, pdfFileNodes)) : (React.createElement(LoadAndDisplayAttachments, { formSubmissionResult: formSubmissionResult, pdfFileNodes: pdfFileNodes })))));
+    return (_jsx("div", { className: "ob-downloadable-files__wrapper", children: _jsxs(LayoutProvider, { layout: layout !== null && layout !== void 0 ? layout : 'GRID', children: [divider && _jsx("hr", { className: "divider" }), pdfFileNodes && !formSubmissionResult.attachmentsAccessToken ? (_jsx(OnlyPDFDisplay, { children: pdfFileNodes })) : (_jsx(LoadAndDisplayAttachments, { formSubmissionResult: formSubmissionResult, pdfFileNodes: pdfFileNodes }))] }) }));
 }
 /**
  * Component for rendering post-submission downloadable files such as PDFs and

package/dist/components/downloadable-files/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/downloadable-files/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport {\n  submissionService,\n  localisationService,\n  authService,\n} from '@oneblink/apps'\nimport {\n  OnlyPDFDisplay,\n  LoadAndDisplayAttachments,\n  SingleFileDisplay,\n} from './resource-components'\nimport { LayoutProvider, LayoutType } from './LayoutProvider'\nimport { useCallback } from 'react'\nimport { PDFConfiguration } from '@oneblink/types/typescript/submissionEvents'\n\nfunction DownloadableFiles({\n  formSubmissionResult,\n  divider,\n  layout,\n}: {\n  /** The form submission with the pdf and/or attachments config on it. */\n  formSubmissionResult: submissionService.FormSubmissionResult\n  /** Whether to render a divider above the content. */\n  divider?: boolean\n  /**\n   * The layout to use for the downloadable files. Options are `GRID` and\n   * `LIST`. Defaults to `GRID`. `GRID` will render files next to each other at\n   * some screen sizes. `LIST` will always render each file on a new line.\n   */\n  layout?: LayoutType\n}) {\n  const getSubmissionPDFFileName = useCallback(\n    (pdfConfiguration: PDFConfiguration) => {\n      const customFileName = pdfConfiguration?.pdfFileName\n      if (!customFileName) {\n        return 'Submission'\n      }\n\n      return localisationService.replaceInjectablesWithSubmissionValues(\n        customFileName,\n        {\n          previousApprovalId:\n            formSubmissionResult.previousFormSubmissionApprovalId,\n          form: formSubmissionResult.definition,\n          submission: formSubmissionResult.submission,\n          submissionId: formSubmissionResult.submissionId || '',\n          submissionTimestamp: formSubmissionResult.submissionTimestamp || '',\n          externalId: formSubmissionResult.externalId || undefined,\n          userProfile: authService.getUserProfile() || undefined,\n          task: formSubmissionResult.taskCompletion?.task,\n          taskGroup: formSubmissionResult.taskCompletion?.taskGroup,\n          taskGroupInstance:\n            formSubmissionResult.taskCompletion?.taskGroupInstance,\n        },\n      ).text\n    },\n    [formSubmissionResult],\n  )\n\n  const pdfFileNodes = React.useMemo(() => {\n    const allowPDFDownload =\n      formSubmissionResult.definition.postSubmissionReceipt?.allowPDFDownload\n\n    if (!allowPDFDownload) {\n      return\n    }\n\n    if (formSubmissionResult.downloadSubmissionPdfs) {\n      return formSubmissionResult.downloadSubmissionPdfs.reduce<\n        Array<{\n          key: string\n          node: React.ReactNode\n        }>\n      >((memo, { id, configuration, url }) => {\n        memo.push({\n          key: `pdf-file-node-${id}`,\n          node: (\n            <SingleFileDisplay\n              attachment={{\n                filename: getSubmissionPDFFileName(configuration),\n                signedUrl: url,\n                contentType: 'application/pdf',\n              }}\n              className={`cypress-receipt-download-pdf-button-${id}`}\n            />\n          ),\n        })\n\n        return memo\n      }, [])\n    }\n  }, [formSubmissionResult, getSubmissionPDFFileName])\n\n  if (!formSubmissionResult.attachmentsAccessToken && !pdfFileNodes) {\n    return null\n  }\n\n  return (\n    <div className=\"ob-downloadable-files__wrapper\">\n      <LayoutProvider layout={layout ?? 'GRID'}>\n        {divider && <hr className=\"divider\" />}\n        {pdfFileNodes && !formSubmissionResult.attachmentsAccessToken ? (\n          <OnlyPDFDisplay>{pdfFileNodes}</OnlyPDFDisplay>\n        ) : (\n          <LoadAndDisplayAttachments\n            formSubmissionResult={formSubmissionResult}\n            pdfFileNodes={pdfFileNodes}\n          />\n        )}\n      </LayoutProvider>\n    </div>\n  )\n}\n\n/**\n * Component for rendering post-submission downloadable files such as PDFs and\n * attachments. The only thing required is the `formSubmissionResult`.\n *\n * It is also recommended to import the `css` from this library as well.\n *\n * ```js\n * import { DownloadableFiles } from '@oneblink/apps-react'\n * import '@oneblink/apps-react/dist/styles.css'\n * ```\n *\n * #### Example\n *\n * ```tsx\n * import React from 'react'\n * import ReactDOM from 'react-dom'\n * import { DownloadableFiles } from '@oneblink/apps-react'\n * import '@oneblink/apps-react/dist/styles.css'\n *\n * function SubmissionContainer() {\n *\n *   const [state, setState] = useState(null)\n *\n *   const handleSubmit = React.useCallback(async () => {\n *     ...\n *     setState(result)\n *   }, [])\n *\n *   return (\n *     <div>\n *      ...\n *       {state && (\n *         <DownloadableFiles formSubmissionResult={state} />\n *       )}\n *     </div>\n *   )\n * }\n *\n * function App() {\n *   return (\n *     <IsOfflineContextProvider>\n *       <SubmissionContainer />\n *     </IsOfflineContextProvider>\n *   )\n * }\n *\n * const root = document.getElementById('root')\n * if (root) {\n *   ReactDOM.render(<App />, root)\n * }\n * ```\n *\n * @param props\n * @returns\n * @group Components\n */\nexport default React.memo(DownloadableFiles)\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/downloadable-files/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { submissionService, localisationService, authService } from '../../apps'\nimport {\n  OnlyPDFDisplay,\n  LoadAndDisplayAttachments,\n  SingleFileDisplay,\n} from './resource-components'\nimport { LayoutProvider, LayoutType } from './LayoutProvider'\nimport { useCallback } from 'react'\nimport { PDFConfiguration } from '@oneblink/types/typescript/submissionEvents'\n\nfunction DownloadableFiles({\n  formSubmissionResult,\n  divider,\n  layout,\n}: {\n  /** The form submission with the pdf and/or attachments config on it. */\n  formSubmissionResult: submissionService.FormSubmissionResult\n  /** Whether to render a divider above the content. */\n  divider?: boolean\n  /**\n   * The layout to use for the downloadable files. Options are `GRID` and\n   * `LIST`. Defaults to `GRID`. `GRID` will render files next to each other at\n   * some screen sizes. `LIST` will always render each file on a new line.\n   */\n  layout?: LayoutType\n}) {\n  const getSubmissionPDFFileName = useCallback(\n    (pdfConfiguration: PDFConfiguration) => {\n      const customFileName = pdfConfiguration?.pdfFileName\n      if (!customFileName) {\n        return 'Submission'\n      }\n\n      return localisationService.replaceInjectablesWithSubmissionValues(\n        customFileName,\n        {\n          previousApprovalId:\n            formSubmissionResult.previousFormSubmissionApprovalId,\n          form: formSubmissionResult.definition,\n          submission: formSubmissionResult.submission,\n          submissionId: formSubmissionResult.submissionId || '',\n          submissionTimestamp: formSubmissionResult.submissionTimestamp || '',\n          externalId: formSubmissionResult.externalId || undefined,\n          userProfile: authService.getUserProfile() || undefined,\n          task: formSubmissionResult.taskCompletion?.task,\n          taskGroup: formSubmissionResult.taskCompletion?.taskGroup,\n          taskGroupInstance:\n            formSubmissionResult.taskCompletion?.taskGroupInstance,\n        },\n      ).text\n    },\n    [formSubmissionResult],\n  )\n\n  const pdfFileNodes = React.useMemo(() => {\n    const allowPDFDownload =\n      formSubmissionResult.definition.postSubmissionReceipt?.allowPDFDownload\n\n    if (!allowPDFDownload) {\n      return\n    }\n\n    if (formSubmissionResult.downloadSubmissionPdfs) {\n      return formSubmissionResult.downloadSubmissionPdfs.reduce<\n        Array<{\n          key: string\n          node: React.ReactNode\n        }>\n      >((memo, { id, configuration, url }) => {\n        memo.push({\n          key: `pdf-file-node-${id}`,\n          node: (\n            <SingleFileDisplay\n              attachment={{\n                filename: getSubmissionPDFFileName(configuration),\n                signedUrl: url,\n                contentType: 'application/pdf',\n              }}\n              className={`cypress-receipt-download-pdf-button-${id}`}\n            />\n          ),\n        })\n\n        return memo\n      }, [])\n    }\n  }, [formSubmissionResult, getSubmissionPDFFileName])\n\n  if (!formSubmissionResult.attachmentsAccessToken && !pdfFileNodes) {\n    return null\n  }\n\n  return (\n    <div className=\"ob-downloadable-files__wrapper\">\n      <LayoutProvider layout={layout ?? 'GRID'}>\n        {divider && <hr className=\"divider\" />}\n        {pdfFileNodes && !formSubmissionResult.attachmentsAccessToken ? (\n          <OnlyPDFDisplay>{pdfFileNodes}</OnlyPDFDisplay>\n        ) : (\n          <LoadAndDisplayAttachments\n            formSubmissionResult={formSubmissionResult}\n            pdfFileNodes={pdfFileNodes}\n          />\n        )}\n      </LayoutProvider>\n    </div>\n  )\n}\n\n/**\n * Component for rendering post-submission downloadable files such as PDFs and\n * attachments. The only thing required is the `formSubmissionResult`.\n *\n * It is also recommended to import the `css` from this library as well.\n *\n * ```js\n * import { DownloadableFiles } from '@oneblink/apps-react'\n * import '@oneblink/apps-react/dist/styles.css'\n * ```\n *\n * #### Example\n *\n * ```tsx\n * import React from 'react'\n * import ReactDOM from 'react-dom'\n * import { DownloadableFiles } from '@oneblink/apps-react'\n * import '@oneblink/apps-react/dist/styles.css'\n *\n * function SubmissionContainer() {\n *\n *   const [state, setState] = useState(null)\n *\n *   const handleSubmit = React.useCallback(async () => {\n *     ...\n *     setState(result)\n *   }, [])\n *\n *   return (\n *     <div>\n *      ...\n *       {state && (\n *         <DownloadableFiles formSubmissionResult={state} />\n *       )}\n *     </div>\n *   )\n * }\n *\n * function App() {\n *   return (\n *     <IsOfflineContextProvider>\n *       <SubmissionContainer />\n *     </IsOfflineContextProvider>\n *   )\n * }\n *\n * const root = document.getElementById('root')\n * if (root) {\n *   ReactDOM.render(<App />, root)\n * }\n * ```\n *\n * @param props\n * @returns\n * @group Components\n */\nexport default React.memo(DownloadableFiles)\n"]}

package/dist/components/downloadable-files/resource-components.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { submissionService } from '@oneblink/apps';
+import { submissionService } from '../../apps';
 type Attachment = Awaited<ReturnType<typeof submissionService.getPostSubmissionAttachments>>[number];
 export declare const LoadAndDisplayAttachments: ({ pdfFileNodes, formSubmissionResult, }: {
     pdfFileNodes?: PDFFileNode[];
     formSubmissionResult: submissionService.FormSubmissionResult;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export type PDFFileNode = {
     key: string;
     node: React.ReactNode;
@@ -12,10 +12,10 @@ export type PDFFileNode = {
 export declare const SingleFileDisplay: ({ attachment, className, }: {
     attachment: Attachment;
     className?: string;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 /** Centers the PDF Download button */
 export declare const OnlyPDFDisplay: ({ children, className, }: {
     children: PDFFileNode[];
     className?: string;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/downloadable-files/resource-components.js

@@ -1,7 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from 'react';
 import { Collapse, Grid, LinearProgress, Tooltip } from '@mui/material';
 import MaterialIcon from '../MaterialIcon';
-import { submissionService } from '@oneblink/apps';
+import { submissionService } from '../../apps';
 import useLoadDataState from '../../hooks/useLoadDataState';
 import OneBlinkAppsErrorOriginalMessage from '../renderer/OneBlinkAppsErrorOriginalMessage';
 import clsx from 'clsx';
@@ -9,21 +10,9 @@ import { useLayout } from './LayoutProvider';
 export const LoadAndDisplayAttachments = ({ pdfFileNodes, formSubmissionResult, }) => {
     const loadAttachments = React.useCallback(() => submissionService.getPostSubmissionAttachments(formSubmissionResult), [formSubmissionResult]);
     const [attachmentsState] = useLoadDataState(loadAttachments);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Collapse, { in: attachmentsState.status === 'LOADING', unmountOnExit: true },
-            React.createElement("div", { className: "ob-downloadable-files__loading" },
-                React.createElement("div", { className: "ob-list__text-secondary mb-1 has-text-centered" }, "Loading Attachments..."),
-                React.createElement(LinearProgress, { className: "ob-progress__downloadable-files" }))),
-        React.createElement(Collapse, { in: attachmentsState.status === 'ERROR', unmountOnExit: true },
-            !!(pdfFileNodes === null || pdfFileNodes === void 0 ? void 0 : pdfFileNodes.length) && (React.createElement(React.Fragment, null,
-                React.createElement(OnlyPDFDisplay, { className: "ob-downloadable-files__error-pdf" }, pdfFileNodes))),
-            React.createElement("div", { className: "ob-downloadable-files__error has-text-centered" },
-                React.createElement(MaterialIcon, { className: "has-text-danger icon-large" }, "error"),
-                React.createElement(OneBlinkAppsErrorOriginalMessage, { error: attachmentsState.status === 'ERROR'
-                        ? attachmentsState.error
-                        : undefined }))),
-        React.createElement(Collapse, { in: attachmentsState.status === 'SUCCESS', unmountOnExit: true },
-            React.createElement(DownloadableFilesDisplay, { attachments: attachmentsState.status === 'SUCCESS' ? attachmentsState.result : [], pdfFileNodes: pdfFileNodes }))));
+    return (_jsxs(_Fragment, { children: [_jsx(Collapse, { in: attachmentsState.status === 'LOADING', unmountOnExit: true, children: _jsxs("div", { className: "ob-downloadable-files__loading", children: [_jsx("div", { className: "ob-list__text-secondary mb-1 has-text-centered", children: "Loading Attachments..." }), _jsx(LinearProgress, { className: "ob-progress__downloadable-files" })] }) }), _jsxs(Collapse, { in: attachmentsState.status === 'ERROR', unmountOnExit: true, children: [!!(pdfFileNodes === null || pdfFileNodes === void 0 ? void 0 : pdfFileNodes.length) && (_jsx(_Fragment, { children: _jsx(OnlyPDFDisplay, { className: "ob-downloadable-files__error-pdf", children: pdfFileNodes }) })), _jsxs("div", { className: "ob-downloadable-files__error has-text-centered", children: [_jsx(MaterialIcon, { className: "has-text-danger icon-large", children: "error" }), _jsx(OneBlinkAppsErrorOriginalMessage, { error: attachmentsState.status === 'ERROR'
+                                    ? attachmentsState.error
+                                    : undefined })] })] }), _jsx(Collapse, { in: attachmentsState.status === 'SUCCESS', unmountOnExit: true, children: _jsx(DownloadableFilesDisplay, { attachments: attachmentsState.status === 'SUCCESS' ? attachmentsState.result : [], pdfFileNodes: pdfFileNodes }) })] }));
 };
 function DownloadableFilesDisplay({ attachments, pdfFileNodes, }) {
     const layout = useLayout();
@@ -31,13 +20,8 @@ function DownloadableFilesDisplay({ attachments, pdfFileNodes, }) {
         var _a;
         return attachments.length + ((_a = pdfFileNodes === null || pdfFileNodes === void 0 ? void 0 : pdfFileNodes.length) !== null && _a !== void 0 ? _a : 0);
     }, [attachments, pdfFileNodes]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: "ob-downloadable-files__container" },
-            React.createElement(Grid, { container: true, spacing: 2, justifyContent: totalToDisplay === 1 ? 'center' : undefined },
-                pdfFileNodes &&
-                    pdfFileNodes.map(({ node, key }) => (React.createElement(Grid, { item: true, xs: 12, sm: layout === 'GRID' ? 6 : 12, key: key }, node))),
-                attachments.map((attachment, index) => (React.createElement(Grid, { item: true, xs: 12, sm: layout === 'GRID' ? 6 : 12, key: index },
-                    React.createElement(SingleFileDisplay, { attachment: attachment }))))))));
+    return (_jsx(_Fragment, { children: _jsx("div", { className: "ob-downloadable-files__container", children: _jsxs(Grid, { container: true, spacing: 2, justifyContent: totalToDisplay === 1 ? 'center' : undefined, children: [pdfFileNodes &&
+                        pdfFileNodes.map(({ node, key }) => (_jsx(Grid, { size: { xs: 12, sm: layout === 'GRID' ? 6 : 12 }, children: node }, key))), attachments.map((attachment, index) => (_jsx(Grid, { size: { xs: 12, sm: layout === 'GRID' ? 6 : 12 }, children: _jsx(SingleFileDisplay, { attachment: attachment }) }, index)))] }) }) }));
 }
 const getFileTypeIcon = (type) => {
     // Add other appropriate icons for file types here anytime
@@ -49,22 +33,15 @@ const getFileTypeIcon = (type) => {
 export const SingleFileDisplay = ({ attachment, className, }) => {
     const { avatar } = React.useMemo(() => {
         const avatar = () => {
-            return attachment.contentType.includes('image') ? (React.createElement("img", { src: attachment.signedUrl, alt: attachment.filename, className: "ob-downloadable-files__thumbnail" })) : (React.createElement(MaterialIcon, { className: "ob-downloadable-files__icon" }, getFileTypeIcon(attachment.contentType)));
+            return attachment.contentType.includes('image') ? (_jsx("img", { src: attachment.signedUrl, alt: attachment.filename, className: "ob-downloadable-files__thumbnail" })) : (_jsx(MaterialIcon, { className: "ob-downloadable-files__icon", children: getFileTypeIcon(attachment.contentType) }));
         };
         return { avatar: avatar() };
     }, [attachment.filename, attachment.contentType, attachment.signedUrl]);
-    return (React.createElement(Tooltip, { title: attachment.filename, arrow: true },
-        React.createElement("a", { href: attachment.signedUrl, target: "_blank", rel: "noreferrer", download: true, className: clsx('ob-downloadable-files__item', className) },
-            avatar,
-            React.createElement("div", { className: "ob-downloadable-files__content" },
-                React.createElement("div", { className: "ob-downloadable-files__filename ob-downloadable-files__text" }, attachment.filename),
-                React.createElement("div", { className: "ob-downloadable-files__filetype ob-downloadable-files__text" }, attachment.contentType.split('/')[1] || 'Unknown')),
-            React.createElement(MaterialIcon, { className: "ob-downloadable-files__download-icon" }, "download"))));
+    return (_jsx(Tooltip, { title: attachment.filename, arrow: true, children: _jsxs("a", { href: attachment.signedUrl, target: "_blank", rel: "noreferrer", download: true, className: clsx('ob-downloadable-files__item', className), children: [avatar, _jsxs("div", { className: "ob-downloadable-files__content", children: [_jsx("div", { className: "ob-downloadable-files__filename ob-downloadable-files__text", children: attachment.filename }), _jsx("div", { className: "ob-downloadable-files__filetype ob-downloadable-files__text", children: attachment.contentType.split('/')[1] || 'Unknown' })] }), _jsx(MaterialIcon, { className: "ob-downloadable-files__download-icon", children: "download" })] }) }));
 };
 /** Centers the PDF Download button */
 export const OnlyPDFDisplay = ({ children, className, }) => {
     const layout = useLayout();
-    return (React.createElement("div", { className: clsx('ob-downloadable-files__container', className) },
-        React.createElement(Grid, { container: true, spacing: 2, justifyContent: children.length === 1 ? 'center' : undefined }, children.map(({ node, key }) => (React.createElement(Grid, { item: true, xs: 12, sm: layout === 'GRID' ? 6 : 12, key: key }, node))))));
+    return (_jsx("div", { className: clsx('ob-downloadable-files__container', className), children: _jsx(Grid, { container: true, spacing: 2, justifyContent: children.length === 1 ? 'center' : undefined, children: children.map(({ node, key }) => (_jsx(Grid, { size: { xs: 12, sm: layout === 'GRID' ? 6 : 12 }, children: node }, key))) }) }));
 };
 //# sourceMappingURL=resource-components.js.map

package/dist/components/downloadable-files/resource-components.js.map

@@ -1 +1 @@
-{"version":3,"file":"resource-components.js","sourceRoot":"","sources":["../../../src/components/downloadable-files/resource-components.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { Collapse, Grid, LinearProgress, Tooltip } from '@mui/material'\nimport MaterialIcon from '../MaterialIcon'\nimport { submissionService } from '@oneblink/apps'\nimport useLoadDataState from '../../hooks/useLoadDataState'\nimport OneBlinkAppsErrorOriginalMessage from '../renderer/OneBlinkAppsErrorOriginalMessage'\nimport clsx from 'clsx'\nimport { useLayout } from './LayoutProvider'\n\ntype Attachment = Awaited<\n  ReturnType<typeof submissionService.getPostSubmissionAttachments>\n>[number]\n\nexport const LoadAndDisplayAttachments = ({\n  pdfFileNodes,\n  formSubmissionResult,\n}: {\n  pdfFileNodes?: PDFFileNode[]\n  formSubmissionResult: submissionService.FormSubmissionResult\n}) => {\n  const loadAttachments = React.useCallback(\n    () => submissionService.getPostSubmissionAttachments(formSubmissionResult),\n    [formSubmissionResult],\n  )\n  const [attachmentsState] = useLoadDataState(loadAttachments)\n\n  return (\n    <>\n      <Collapse in={attachmentsState.status === 'LOADING'} unmountOnExit>\n        <div className=\"ob-downloadable-files__loading\">\n          <div className=\"ob-list__text-secondary mb-1 has-text-centered\">\n            Loading Attachments...\n          </div>\n          <LinearProgress className=\"ob-progress__downloadable-files\" />\n        </div>\n      </Collapse>\n      <Collapse in={attachmentsState.status === 'ERROR'} unmountOnExit>\n        {!!pdfFileNodes?.length && (\n          <>\n            <OnlyPDFDisplay className=\"ob-downloadable-files__error-pdf\">\n              {pdfFileNodes}\n            </OnlyPDFDisplay>\n          </>\n        )}\n\n        <div className=\"ob-downloadable-files__error has-text-centered\">\n          <MaterialIcon className=\"has-text-danger icon-large\">\n            error\n          </MaterialIcon>\n          <OneBlinkAppsErrorOriginalMessage\n            error={\n              attachmentsState.status === 'ERROR'\n                ? attachmentsState.error\n                : undefined\n            }\n          />\n        </div>\n      </Collapse>\n      <Collapse in={attachmentsState.status === 'SUCCESS'} unmountOnExit>\n        <DownloadableFilesDisplay\n          attachments={\n            attachmentsState.status === 'SUCCESS' ? attachmentsState.result : []\n          }\n          pdfFileNodes={pdfFileNodes}\n        />\n      </Collapse>\n    </>\n  )\n}\n\nexport type PDFFileNode = {\n  key: string\n  node: React.ReactNode\n}\n\ntype DownloadableFilesDisplayProps = {\n  attachments: Attachment[]\n  pdfFileNodes?: PDFFileNode[]\n}\nfunction DownloadableFilesDisplay({\n  attachments,\n  pdfFileNodes,\n}: DownloadableFilesDisplayProps) {\n  const layout = useLayout()\n\n  const totalToDisplay = React.useMemo(() => {\n    return attachments.length + (pdfFileNodes?.length ?? 0)\n  }, [attachments, pdfFileNodes])\n\n  return (\n    <>\n      <div className=\"ob-downloadable-files__container\">\n        <Grid\n          container\n          spacing={2}\n          justifyContent={totalToDisplay === 1 ? 'center' : undefined}\n        >\n          {pdfFileNodes &&\n            pdfFileNodes.map(({ node, key }) => (\n              <Grid item xs={12} sm={layout === 'GRID' ? 6 : 12} key={key}>\n                {node}\n              </Grid>\n            ))}\n          {attachments.map((attachment, index) => (\n            <Grid item xs={12} sm={layout === 'GRID' ? 6 : 12} key={index}>\n              <SingleFileDisplay attachment={attachment} />\n            </Grid>\n          ))}\n        </Grid>\n      </div>\n    </>\n  )\n}\n\nconst getFileTypeIcon = (type: string) => {\n  // Add other appropriate icons for file types here anytime\n  if (type.includes('doc')) {\n    return 'description'\n  }\n  return 'attach_file'\n}\n\nexport const SingleFileDisplay = ({\n  attachment,\n  className,\n}: {\n  attachment: Attachment\n  className?: string\n}) => {\n  const { avatar } = React.useMemo(() => {\n    const avatar = () => {\n      return attachment.contentType.includes('image') ? (\n        <img\n          src={attachment.signedUrl}\n          alt={attachment.filename}\n          className=\"ob-downloadable-files__thumbnail\"\n        />\n      ) : (\n        <MaterialIcon className=\"ob-downloadable-files__icon\">\n          {getFileTypeIcon(attachment.contentType)}\n        </MaterialIcon>\n      )\n    }\n\n    return { avatar: avatar() }\n  }, [attachment.filename, attachment.contentType, attachment.signedUrl])\n\n  return (\n    <Tooltip title={attachment.filename} arrow>\n      <a\n        href={attachment.signedUrl}\n        target=\"_blank\"\n        rel=\"noreferrer\"\n        download\n        className={clsx('ob-downloadable-files__item', className)}\n      >\n        {avatar}\n        <div className=\"ob-downloadable-files__content\">\n          <div className=\"ob-downloadable-files__filename ob-downloadable-files__text\">\n            {attachment.filename}\n          </div>\n          <div className=\"ob-downloadable-files__filetype ob-downloadable-files__text\">\n            {attachment.contentType.split('/')[1] || 'Unknown'}\n          </div>\n        </div>\n        <MaterialIcon className=\"ob-downloadable-files__download-icon\">\n          download\n        </MaterialIcon>\n      </a>\n    </Tooltip>\n  )\n}\n\n/** Centers the PDF Download button */\nexport const OnlyPDFDisplay = ({\n  children,\n  className,\n}: {\n  children: PDFFileNode[]\n  className?: string\n}) => {\n  const layout = useLayout()\n\n  return (\n    <div className={clsx('ob-downloadable-files__container', className)}>\n      <Grid\n        container\n        spacing={2}\n        justifyContent={children.length === 1 ? 'center' : undefined}\n      >\n        {children.map(({ node, key }) => (\n          <Grid item xs={12} sm={layout === 'GRID' ? 6 : 12} key={key}>\n            {node}\n          </Grid>\n        ))}\n      </Grid>\n    </div>\n  )\n}\n"]}
+{"version":3,"file":"resource-components.js","sourceRoot":"","sources":["../../../src/components/downloadable-files/resource-components.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { Collapse, Grid, LinearProgress, Tooltip } from '@mui/material'\nimport MaterialIcon from '../MaterialIcon'\nimport { submissionService } from '../../apps'\nimport useLoadDataState from '../../hooks/useLoadDataState'\nimport OneBlinkAppsErrorOriginalMessage from '../renderer/OneBlinkAppsErrorOriginalMessage'\nimport clsx from 'clsx'\nimport { useLayout } from './LayoutProvider'\n\ntype Attachment = Awaited<\n  ReturnType<typeof submissionService.getPostSubmissionAttachments>\n>[number]\n\nexport const LoadAndDisplayAttachments = ({\n  pdfFileNodes,\n  formSubmissionResult,\n}: {\n  pdfFileNodes?: PDFFileNode[]\n  formSubmissionResult: submissionService.FormSubmissionResult\n}) => {\n  const loadAttachments = React.useCallback(\n    () => submissionService.getPostSubmissionAttachments(formSubmissionResult),\n    [formSubmissionResult],\n  )\n  const [attachmentsState] = useLoadDataState(loadAttachments)\n\n  return (\n    <>\n      <Collapse in={attachmentsState.status === 'LOADING'} unmountOnExit>\n        <div className=\"ob-downloadable-files__loading\">\n          <div className=\"ob-list__text-secondary mb-1 has-text-centered\">\n            Loading Attachments...\n          </div>\n          <LinearProgress className=\"ob-progress__downloadable-files\" />\n        </div>\n      </Collapse>\n      <Collapse in={attachmentsState.status === 'ERROR'} unmountOnExit>\n        {!!pdfFileNodes?.length && (\n          <>\n            <OnlyPDFDisplay className=\"ob-downloadable-files__error-pdf\">\n              {pdfFileNodes}\n            </OnlyPDFDisplay>\n          </>\n        )}\n\n        <div className=\"ob-downloadable-files__error has-text-centered\">\n          <MaterialIcon className=\"has-text-danger icon-large\">\n            error\n          </MaterialIcon>\n          <OneBlinkAppsErrorOriginalMessage\n            error={\n              attachmentsState.status === 'ERROR'\n                ? attachmentsState.error\n                : undefined\n            }\n          />\n        </div>\n      </Collapse>\n      <Collapse in={attachmentsState.status === 'SUCCESS'} unmountOnExit>\n        <DownloadableFilesDisplay\n          attachments={\n            attachmentsState.status === 'SUCCESS' ? attachmentsState.result : []\n          }\n          pdfFileNodes={pdfFileNodes}\n        />\n      </Collapse>\n    </>\n  )\n}\n\nexport type PDFFileNode = {\n  key: string\n  node: React.ReactNode\n}\n\ntype DownloadableFilesDisplayProps = {\n  attachments: Attachment[]\n  pdfFileNodes?: PDFFileNode[]\n}\nfunction DownloadableFilesDisplay({\n  attachments,\n  pdfFileNodes,\n}: DownloadableFilesDisplayProps) {\n  const layout = useLayout()\n\n  const totalToDisplay = React.useMemo(() => {\n    return attachments.length + (pdfFileNodes?.length ?? 0)\n  }, [attachments, pdfFileNodes])\n\n  return (\n    <>\n      <div className=\"ob-downloadable-files__container\">\n        <Grid\n          container\n          spacing={2}\n          justifyContent={totalToDisplay === 1 ? 'center' : undefined}\n        >\n          {pdfFileNodes &&\n            pdfFileNodes.map(({ node, key }) => (\n              <Grid size={{ xs: 12, sm: layout === 'GRID' ? 6 : 12 }} key={key}>\n                {node}\n              </Grid>\n            ))}\n          {attachments.map((attachment, index) => (\n            <Grid size={{ xs: 12, sm: layout === 'GRID' ? 6 : 12 }} key={index}>\n              <SingleFileDisplay attachment={attachment} />\n            </Grid>\n          ))}\n        </Grid>\n      </div>\n    </>\n  )\n}\n\nconst getFileTypeIcon = (type: string) => {\n  // Add other appropriate icons for file types here anytime\n  if (type.includes('doc')) {\n    return 'description'\n  }\n  return 'attach_file'\n}\n\nexport const SingleFileDisplay = ({\n  attachment,\n  className,\n}: {\n  attachment: Attachment\n  className?: string\n}) => {\n  const { avatar } = React.useMemo(() => {\n    const avatar = () => {\n      return attachment.contentType.includes('image') ? (\n        <img\n          src={attachment.signedUrl}\n          alt={attachment.filename}\n          className=\"ob-downloadable-files__thumbnail\"\n        />\n      ) : (\n        <MaterialIcon className=\"ob-downloadable-files__icon\">\n          {getFileTypeIcon(attachment.contentType)}\n        </MaterialIcon>\n      )\n    }\n\n    return { avatar: avatar() }\n  }, [attachment.filename, attachment.contentType, attachment.signedUrl])\n\n  return (\n    <Tooltip title={attachment.filename} arrow>\n      <a\n        href={attachment.signedUrl}\n        target=\"_blank\"\n        rel=\"noreferrer\"\n        download\n        className={clsx('ob-downloadable-files__item', className)}\n      >\n        {avatar}\n        <div className=\"ob-downloadable-files__content\">\n          <div className=\"ob-downloadable-files__filename ob-downloadable-files__text\">\n            {attachment.filename}\n          </div>\n          <div className=\"ob-downloadable-files__filetype ob-downloadable-files__text\">\n            {attachment.contentType.split('/')[1] || 'Unknown'}\n          </div>\n        </div>\n        <MaterialIcon className=\"ob-downloadable-files__download-icon\">\n          download\n        </MaterialIcon>\n      </a>\n    </Tooltip>\n  )\n}\n\n/** Centers the PDF Download button */\nexport const OnlyPDFDisplay = ({\n  children,\n  className,\n}: {\n  children: PDFFileNode[]\n  className?: string\n}) => {\n  const layout = useLayout()\n\n  return (\n    <div className={clsx('ob-downloadable-files__container', className)}>\n      <Grid\n        container\n        spacing={2}\n        justifyContent={children.length === 1 ? 'center' : undefined}\n      >\n        {children.map(({ node, key }) => (\n          <Grid size={{ xs: 12, sm: layout === 'GRID' ? 6 : 12 }} key={key}>\n            {node}\n          </Grid>\n        ))}\n      </Grid>\n    </div>\n  )\n}\n"]}

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

@@ -3,4 +3,4 @@ import { FormTypes } from '@oneblink/types';
 export declare function FormStoreTableProvider({ form, children, }: {
     form: FormTypes.Form;
     children: React.ReactNode;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/formStore/FormStoreTableProvider.js

@@ -1,11 +1,11 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { useHistory, useLocation } from 'react-router-dom';
 import querystring from 'query-string';
-import { formStoreService } from '@oneblink/apps';
+import { formStoreService } from '../../apps';
 import useInfiniteScrollDataLoad from '../../hooks/useInfiniteScrollDataLoad';
 import useFormStoreTable from './table/useFormStoreTable';
 import { Box, Button, Grid } from '@mui/material';
-import { LoadingButton } from '@mui/lab';
 import useSubmissionIdValidationMessage, { validateIsUUID, } from '../../hooks/useSubmissionIdIsValid';
 import ErrorMessage from '../messages/ErrorMessage';
 import LoadingWithMessage from '../LoadingWithMessage';
@@ -103,19 +103,9 @@ export function FormStoreTableProvider({ form, children, }) {
         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: (props) => (React.createElement(MaterialIcon, { ...props }, "settings")), 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 === 'INITIAL' && (React.createElement("div", { className: "ob-form-store-loading-initial" },
-            React.createElement(LoadingWithMessage, { message: "Loading initial 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")))),
-        !!nextOffset && !loadError && isLoading !== 'INITIAL' && (React.createElement(Box, { padding: 4, className: "ob-form-store-load-more-button-container" },
-            React.createElement(Grid, { container: true, justifyContent: "center" },
-                React.createElement(LoadingButton, { className: "ob-form-store-load-more-button", variant: "outlined", color: "primary", onClick: () => onTryAgain(nextOffset), loading: isLoading === 'MORE', size: "large", loadingPosition: "start", startIcon: React.createElement(MaterialIcon, null, "read_more"), classes: {
-                        loadingIndicator: 'ob-form-store-loading-more-indicator',
-                    } }, "Load More"))))));
+    const visibleColumns = formStoreTable.getVisibleFlatColumns();
+    return (_jsxs(FormStoreTableContext.Provider, { value: formStoreTable, children: [children, (visibleColumns === null || visibleColumns === void 0 ? void 0 : visibleColumns.length) ? (_jsx(_Fragment, { children: !formStoreRecords.length && !isLoading && !loadError && (_jsx(NoResourcesYet, { IconComponent: FormStoreIcon, title: "No Records Found...", children: "There are no Submissions matching your filters." })) })) : (_jsx(NoResourcesYet, { IconComponent: (props) => (_jsx(MaterialIcon, { ...props, children: "settings" })), title: "No Columns Visible", gutterBottom: true, children: "It looks like you have hidden all of the available columns. Please enable at least one column to view submissions." })), isLoading === 'INITIAL' && (_jsx("div", { className: "ob-form-store-loading-initial", children: _jsx(LoadingWithMessage, { message: "Loading initial records..." }) })), loadError && (_jsxs(_Fragment, { children: [_jsx(ErrorMessage, { title: "Error Retrieving Submissions", gutterBottom: true, gutterTop: true, children: loadError.message }), _jsx(Grid, { container: true, justifyContent: "center", children: _jsx(Button, { className: "ob-form-store-try-again-button", variant: "outlined", color: "primary", onClick: () => onTryAgain(), children: "Try Again" }) })] })), !!nextOffset && !loadError && isLoading !== 'INITIAL' && (_jsx(Box, { padding: 4, className: "ob-form-store-load-more-button-container", children: _jsx(Grid, { container: true, justifyContent: "center", children: _jsx(Button, { className: "ob-form-store-load-more-button", variant: "outlined", color: "primary", onClick: () => onTryAgain(nextOffset), loading: isLoading === 'MORE', size: "large", loadingPosition: "start", startIcon: _jsx(MaterialIcon, { children: "read_more" }), classes: {
+                            loadingIndicator: 'ob-form-store-loading-more-indicator',
+                        }, children: "Load More" }) }) }))] }));
 }
 //# sourceMappingURL=FormStoreTableProvider.js.map

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

@@ -1 +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, useLocation } 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 { Box, Button, Grid } from '@mui/material'\nimport { LoadingButton } from '@mui/lab'\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'\nimport MaterialIcon from '../MaterialIcon'\n\nconst TABLE_PARAMETERS_FORM_STORE_KEY = 'REACT_TABLE_PARAMETERS_FORM_STORE'\n\nfunction getParamsFromLocalStorage() {\n  const text = localStorage.getItem(TABLE_PARAMETERS_FORM_STORE_KEY)\n  if (text) {\n    return JSON.parse(text)\n  }\n}\n\nexport function FormStoreTableProvider({\n  form,\n  children,\n}: {\n  form: FormTypes.Form\n  children: React.ReactNode\n}) {\n  const history = useHistory()\n  const location = useLocation()\n  const {\n    isLoading,\n    loadError,\n    records: formStoreRecords,\n    onTryAgain,\n    onRefresh,\n    filters: parameters,\n    onChangeFilters: onChangeParameters,\n    nextOffset,\n  } = useInfiniteScrollDataLoad<\n    formStoreService.FormStoreParameters,\n    FormStoreRecord\n  >({\n    limit: 50,\n    isManual: true,\n    debounceSearchMs: 1000,\n    onDefaultFilters: React.useCallback((query) => {\n      let defaultParameters: formStoreService.FormStoreParameters = {}\n      const localStorageParams = getParamsFromLocalStorage()\n      if (\n        localStorageParams &&\n        Object(localStorageParams) === localStorageParams\n      ) {\n        defaultParameters = localStorageParams\n      }\n      try {\n        if (typeof query.parameters === 'string') {\n          //allow qs params to override local storage\n          defaultParameters = {\n            ...defaultParameters,\n            ...JSON.parse(query.parameters),\n          }\n        }\n      } catch (error) {\n        console.warn('Could not parse filter as JSON', error)\n      }\n      if (!defaultParameters.sorting) {\n        defaultParameters.sorting = [\n          { property: 'dateTimeSubmitted', direction: 'descending' },\n        ]\n      }\n      return defaultParameters\n    }, []),\n    onSearch: React.useCallback(\n      async (currentParameters, paging, abortSignal) => {\n        // Exclude all search parameters if searching\n        // for a specific submission using an identifier\n        const filters = currentParameters.filters?.submissionId\n          ? {\n              submissionId: currentParameters.filters.submissionId,\n            }\n          : currentParameters.filters\n        const result = await formStoreService.searchFormStoreRecords(\n          {\n            ...currentParameters,\n            paging,\n            formId: form.id,\n            filters,\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      (currentParameters: formStoreService.FormStoreParameters) => {\n        return validateIsUUID(currentParameters.filters?.submissionId?.$eq)\n      },\n      [],\n    ),\n  })\n\n  React.useEffect(() => {\n    const currentSearch = querystring.parse(location.search)\n    history.replace({\n      search: querystring.stringify({\n        ...currentSearch,\n        parameters: JSON.stringify(parameters),\n      }),\n    })\n  }, [history, location.search, parameters])\n\n  const submissionIdValidationMessage = useSubmissionIdValidationMessage(\n    parameters.filters?.submissionId?.$eq,\n  )\n\n  React.useEffect(() => {\n    const paramsToStore = {\n      unwindRepeatableSets: parameters?.unwindRepeatableSets,\n    }\n    localStorage.setItem(\n      TABLE_PARAMETERS_FORM_STORE_KEY,\n      JSON.stringify(paramsToStore),\n    )\n  }, [parameters?.unwindRepeatableSets])\n\n  const formStoreTable = useFormStoreTable({\n    formStoreRecords,\n    parameters,\n    onChangeParameters,\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={(props) => (\n            <MaterialIcon {...props}>settings</MaterialIcon>\n          )}\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 === 'INITIAL' && (\n        <div className=\"ob-form-store-loading-initial\">\n          <LoadingWithMessage message=\"Loading initial 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\n      {!!nextOffset && !loadError && isLoading !== 'INITIAL' && (\n        <Box padding={4} className=\"ob-form-store-load-more-button-container\">\n          <Grid container justifyContent=\"center\">\n            <LoadingButton\n              className=\"ob-form-store-load-more-button\"\n              variant=\"outlined\"\n              color=\"primary\"\n              onClick={() => onTryAgain(nextOffset)}\n              loading={isLoading === 'MORE'}\n              size=\"large\"\n              loadingPosition=\"start\"\n              startIcon={<MaterialIcon>read_more</MaterialIcon>}\n              classes={{\n                loadingIndicator: 'ob-form-store-loading-more-indicator',\n              }}\n            >\n              Load More\n            </LoadingButton>\n          </Grid>\n        </Box>\n      )}\n    </FormStoreTableContext.Provider>\n  )\n}\n"]}
+{"version":3,"file":"FormStoreTableProvider.js","sourceRoot":"","sources":["../../../src/components/formStore/FormStoreTableProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC1D,OAAO,WAAW,MAAM,cAAc,CAAA;AAEtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAC7C,OAAO,yBAAyB,MAAM,uCAAuC,CAAA;AAC7E,OAAO,iBAAiB,MAAM,2BAA2B,CAAA;AACzD,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAEjD,OAAO,gCAAgC,EAAE,EACvC,cAAc,GACf,MAAM,oCAAoC,CAAA;AAC3C,OAAO,YAAY,MAAM,0BAA0B,CAAA;AACnD,OAAO,kBAAkB,MAAM,uBAAuB,CAAA;AACtD,OAAO,cAAc,MAAM,4BAA4B,CAAA;AACvD,OAAO,aAAa,MAAM,yBAAyB,CAAA;AACnD,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AAClE,OAAO,YAAY,MAAM,iBAAiB,CAAA;AAE1C,MAAM,+BAA+B,GAAG,mCAAmC,CAAA;AAE3E,SAAS,yBAAyB;IAChC,MAAM,IAAI,GAAG,YAAY,CAAC,OAAO,CAAC,+BAA+B,CAAC,CAAA;IAClE,IAAI,IAAI,EAAE,CAAC;QACT,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IACzB,CAAC;AACH,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,EACrC,IAAI,EACJ,QAAQ,GAIT;;IACC,MAAM,OAAO,GAAG,UAAU,EAAE,CAAA;IAC5B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAC9B,MAAM,EACJ,SAAS,EACT,SAAS,EACT,OAAO,EAAE,gBAAgB,EACzB,UAAU,EACV,SAAS,EACT,OAAO,EAAE,UAAU,EACnB,eAAe,EAAE,kBAAkB,EACnC,UAAU,GACX,GAAG,yBAAyB,CAG3B;QACA,KAAK,EAAE,EAAE;QACT,QAAQ,EAAE,IAAI;QACd,gBAAgB,EAAE,IAAI;QACtB,gBAAgB,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,KAAK,EAAE,EAAE;YAC5C,IAAI,iBAAiB,GAAyC,EAAE,CAAA;YAChE,MAAM,kBAAkB,GAAG,yBAAyB,EAAE,CAAA;YACtD,IACE,kBAAkB;gBAClB,MAAM,CAAC,kBAAkB,CAAC,KAAK,kBAAkB,EACjD,CAAC;gBACD,iBAAiB,GAAG,kBAAkB,CAAA;YACxC,CAAC;YACD,IAAI,CAAC;gBACH,IAAI,OAAO,KAAK,CAAC,UAAU,KAAK,QAAQ,EAAE,CAAC;oBACzC,2CAA2C;oBAC3C,iBAAiB,GAAG;wBAClB,GAAG,iBAAiB;wBACpB,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC;qBAChC,CAAA;gBACH,CAAC;YACH,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,OAAO,CAAC,IAAI,CAAC,gCAAgC,EAAE,KAAK,CAAC,CAAA;YACvD,CAAC;YACD,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE,CAAC;gBAC/B,iBAAiB,CAAC,OAAO,GAAG;oBAC1B,EAAE,QAAQ,EAAE,mBAAmB,EAAE,SAAS,EAAE,YAAY,EAAE;iBAC3D,CAAA;YACH,CAAC;YACD,OAAO,iBAAiB,CAAA;QAC1B,CAAC,EAAE,EAAE,CAAC;QACN,QAAQ,EAAE,KAAK,CAAC,WAAW,CACzB,KAAK,EAAE,iBAAiB,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE;;YAC/C,6CAA6C;YAC7C,gDAAgD;YAChD,MAAM,OAAO,GAAG,CAAA,MAAA,iBAAiB,CAAC,OAAO,0CAAE,YAAY;gBACrD,CAAC,CAAC;oBACE,YAAY,EAAE,iBAAiB,CAAC,OAAO,CAAC,YAAY;iBACrD;gBACH,CAAC,CAAC,iBAAiB,CAAC,OAAO,CAAA;YAC7B,MAAM,MAAM,GAAG,MAAM,gBAAgB,CAAC,sBAAsB,CAC1D;gBACE,GAAG,iBAAiB;gBACpB,MAAM;gBACN,MAAM,EAAE,IAAI,CAAC,EAAE;gBACf,OAAO;aACR,EACD,WAAW,CACZ,CAAA;YACD,OAAO;gBACL,OAAO,EAAE,MAAM,CAAC,gBAAgB;gBAChC,IAAI,EAAE,MAAM,CAAC,IAAI;aAClB,CAAA;QACH,CAAC,EACD,CAAC,IAAI,CAAC,EAAE,CAAC,CACV;QACD,iBAAiB,EAAE,KAAK,CAAC,WAAW,CAClC,CAAC,iBAAuD,EAAE,EAAE;;YAC1D,OAAO,cAAc,CAAC,MAAA,MAAA,iBAAiB,CAAC,OAAO,0CAAE,YAAY,0CAAE,GAAG,CAAC,CAAA;QACrE,CAAC,EACD,EAAE,CACH;KACF,CAAC,CAAA;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,aAAa,GAAG,WAAW,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;QACxD,OAAO,CAAC,OAAO,CAAC;YACd,MAAM,EAAE,WAAW,CAAC,SAAS,CAAC;gBAC5B,GAAG,aAAa;gBAChB,UAAU,EAAE,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC;aACvC,CAAC;SACH,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAA;IAE1C,MAAM,6BAA6B,GAAG,gCAAgC,CACpE,MAAA,MAAA,UAAU,CAAC,OAAO,0CAAE,YAAY,0CAAE,GAAG,CACtC,CAAA;IAED,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,aAAa,GAAG;YACpB,oBAAoB,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,oBAAoB;SACvD,CAAA;QACD,YAAY,CAAC,OAAO,CAClB,+BAA+B,EAC/B,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,CAC9B,CAAA;IACH,CAAC,EAAE,CAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,oBAAoB,CAAC,CAAC,CAAA;IAEtC,MAAM,cAAc,GAAG,iBAAiB,CAAC;QACvC,gBAAgB;QAChB,UAAU;QACV,kBAAkB;QAClB,6BAA6B;QAC7B,IAAI;QACJ,SAAS;KACV,CAAC,CAAA;IAEF,MAAM,cAAc,GAAG,cAAc,CAAC,qBAAqB,EAAE,CAAA;IAE7D,OAAO,CACL,MAAC,qBAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,cAAc,aAClD,QAAQ,EACR,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,MAAM,EAAC,CAAC,CAAC,CACxB,4BACG,CAAC,gBAAgB,CAAC,MAAM,IAAI,CAAC,SAAS,IAAI,CAAC,SAAS,IAAI,CACvD,KAAC,cAAc,IACb,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAC,qBAAqB,gEAGZ,CAClB,GACA,CACJ,CAAC,CAAC,CAAC,CACF,KAAC,cAAc,IACb,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CACxB,KAAC,YAAY,OAAK,KAAK,yBAAyB,CACjD,EACD,KAAK,EAAC,oBAAoB,EAC1B,YAAY,yIAIG,CAClB,EAEA,SAAS,KAAK,SAAS,IAAI,CAC1B,cAAK,SAAS,EAAC,+BAA+B,YAC5C,KAAC,kBAAkB,IAAC,OAAO,EAAC,4BAA4B,GAAG,GACvD,CACP,EAEA,SAAS,IAAI,CACZ,8BACE,KAAC,YAAY,IACX,KAAK,EAAC,8BAA8B,EACpC,YAAY,QACZ,SAAS,kBAER,SAAS,CAAC,OAAO,GACL,EACf,KAAC,IAAI,IAAC,SAAS,QAAC,cAAc,EAAC,QAAQ,YACrC,KAAC,MAAM,IACL,SAAS,EAAC,gCAAgC,EAC1C,OAAO,EAAC,UAAU,EAClB,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,EAAE,0BAGpB,GACJ,IACN,CACJ,EAEA,CAAC,CAAC,UAAU,IAAI,CAAC,SAAS,IAAI,SAAS,KAAK,SAAS,IAAI,CACxD,KAAC,GAAG,IAAC,OAAO,EAAE,CAAC,EAAE,SAAS,EAAC,0CAA0C,YACnE,KAAC,IAAI,IAAC,SAAS,QAAC,cAAc,EAAC,QAAQ,YACrC,KAAC,MAAM,IACL,SAAS,EAAC,gCAAgC,EAC1C,OAAO,EAAC,UAAU,EAClB,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,UAAU,CAAC,EACrC,OAAO,EAAE,SAAS,KAAK,MAAM,EAC7B,IAAI,EAAC,OAAO,EACZ,eAAe,EAAC,OAAO,EACvB,SAAS,EAAE,KAAC,YAAY,4BAAyB,EACjD,OAAO,EAAE;4BACP,gBAAgB,EAAE,sCAAsC;yBACzD,0BAGM,GACJ,GACH,CACP,IAC8B,CAClC,CAAA;AACH,CAAC","sourcesContent":["import * as React from 'react'\nimport { useHistory, useLocation } from 'react-router-dom'\nimport querystring from 'query-string'\nimport { FormStoreRecord } from '@oneblink/types/typescript/submissions'\nimport { formStoreService } from '../../apps'\nimport useInfiniteScrollDataLoad from '../../hooks/useInfiniteScrollDataLoad'\nimport useFormStoreTable from './table/useFormStoreTable'\nimport { Box, Button, Grid } from '@mui/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'\nimport MaterialIcon from '../MaterialIcon'\n\nconst TABLE_PARAMETERS_FORM_STORE_KEY = 'REACT_TABLE_PARAMETERS_FORM_STORE'\n\nfunction getParamsFromLocalStorage() {\n  const text = localStorage.getItem(TABLE_PARAMETERS_FORM_STORE_KEY)\n  if (text) {\n    return JSON.parse(text)\n  }\n}\n\nexport function FormStoreTableProvider({\n  form,\n  children,\n}: {\n  form: FormTypes.Form\n  children: React.ReactNode\n}) {\n  const history = useHistory()\n  const location = useLocation()\n  const {\n    isLoading,\n    loadError,\n    records: formStoreRecords,\n    onTryAgain,\n    onRefresh,\n    filters: parameters,\n    onChangeFilters: onChangeParameters,\n    nextOffset,\n  } = useInfiniteScrollDataLoad<\n    formStoreService.FormStoreParameters,\n    FormStoreRecord\n  >({\n    limit: 50,\n    isManual: true,\n    debounceSearchMs: 1000,\n    onDefaultFilters: React.useCallback((query) => {\n      let defaultParameters: formStoreService.FormStoreParameters = {}\n      const localStorageParams = getParamsFromLocalStorage()\n      if (\n        localStorageParams &&\n        Object(localStorageParams) === localStorageParams\n      ) {\n        defaultParameters = localStorageParams\n      }\n      try {\n        if (typeof query.parameters === 'string') {\n          //allow qs params to override local storage\n          defaultParameters = {\n            ...defaultParameters,\n            ...JSON.parse(query.parameters),\n          }\n        }\n      } catch (error) {\n        console.warn('Could not parse filter as JSON', error)\n      }\n      if (!defaultParameters.sorting) {\n        defaultParameters.sorting = [\n          { property: 'dateTimeSubmitted', direction: 'descending' },\n        ]\n      }\n      return defaultParameters\n    }, []),\n    onSearch: React.useCallback(\n      async (currentParameters, paging, abortSignal) => {\n        // Exclude all search parameters if searching\n        // for a specific submission using an identifier\n        const filters = currentParameters.filters?.submissionId\n          ? {\n              submissionId: currentParameters.filters.submissionId,\n            }\n          : currentParameters.filters\n        const result = await formStoreService.searchFormStoreRecords(\n          {\n            ...currentParameters,\n            paging,\n            formId: form.id,\n            filters,\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      (currentParameters: formStoreService.FormStoreParameters) => {\n        return validateIsUUID(currentParameters.filters?.submissionId?.$eq)\n      },\n      [],\n    ),\n  })\n\n  React.useEffect(() => {\n    const currentSearch = querystring.parse(location.search)\n    history.replace({\n      search: querystring.stringify({\n        ...currentSearch,\n        parameters: JSON.stringify(parameters),\n      }),\n    })\n  }, [history, location.search, parameters])\n\n  const submissionIdValidationMessage = useSubmissionIdValidationMessage(\n    parameters.filters?.submissionId?.$eq,\n  )\n\n  React.useEffect(() => {\n    const paramsToStore = {\n      unwindRepeatableSets: parameters?.unwindRepeatableSets,\n    }\n    localStorage.setItem(\n      TABLE_PARAMETERS_FORM_STORE_KEY,\n      JSON.stringify(paramsToStore),\n    )\n  }, [parameters?.unwindRepeatableSets])\n\n  const formStoreTable = useFormStoreTable({\n    formStoreRecords,\n    parameters,\n    onChangeParameters,\n    submissionIdValidationMessage,\n    form,\n    onRefresh,\n  })\n\n  const visibleColumns = formStoreTable.getVisibleFlatColumns()\n\n  return (\n    <FormStoreTableContext.Provider value={formStoreTable}>\n      {children}\n      {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={(props) => (\n            <MaterialIcon {...props}>settings</MaterialIcon>\n          )}\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 === 'INITIAL' && (\n        <div className=\"ob-form-store-loading-initial\">\n          <LoadingWithMessage message=\"Loading initial 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\n      {!!nextOffset && !loadError && isLoading !== 'INITIAL' && (\n        <Box padding={4} className=\"ob-form-store-load-more-button-container\">\n          <Grid container justifyContent=\"center\">\n            <Button\n              className=\"ob-form-store-load-more-button\"\n              variant=\"outlined\"\n              color=\"primary\"\n              onClick={() => onTryAgain(nextOffset)}\n              loading={isLoading === 'MORE'}\n              size=\"large\"\n              loadingPosition=\"start\"\n              startIcon={<MaterialIcon>read_more</MaterialIcon>}\n              classes={{\n                loadingIndicator: 'ob-form-store-loading-more-indicator',\n              }}\n            >\n              Load More\n            </Button>\n          </Grid>\n        </Box>\n      )}\n    </FormStoreTableContext.Provider>\n  )\n}\n"]}

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Button } from '@mui/material';
-declare function OneBlinkFormStoreClearFiltersButton(props: React.ComponentProps<typeof Button>): React.JSX.Element;
+declare function OneBlinkFormStoreClearFiltersButton(props: React.ComponentProps<typeof Button>): import("react/jsx-runtime").JSX.Element;
 /**
  * @param props
  * @returns

package/dist/components/formStore/OneBlinkFormStoreClearFiltersButton.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from 'react';
 import { Button } from '@mui/material';
 import useFormStoreTableContext from './useFormStoreTableContext';
@@ -7,14 +8,12 @@ function OneBlinkFormStoreClearFiltersButton(props) {
     const isDisabled = React.useMemo(() => {
         return !parameters.filters || !Object.keys(parameters.filters).length;
     }, [parameters.filters]);
-    return (React.createElement(Button, { className: "ob-form-store-clear-filters-button", startIcon: React.createElement(MaterialIcon, null, "filter_list"), disabled: isDisabled, onClick: () => {
+    return (_jsx(Button, { className: "ob-form-store-clear-filters-button", startIcon: _jsx(MaterialIcon, { children: "filter_list" }), disabled: isDisabled, onClick: () => {
             onChangeParameters((currentParameters) => ({
                 ...currentParameters,
                 filters: undefined,
             }), false);
-        }, 
-        // eslint-disable-next-line react/no-children-prop
-        children: React.createElement(React.Fragment, null, "Clear Filters"), ...props }));
+        }, children: _jsx(_Fragment, { children: "Clear Filters" }), ...props }));
 }
 /**
  * @param props

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

@@ -1 +1 @@
-{"version":3,"file":"OneBlinkFormStoreClearFiltersButton.js","sourceRoot":"","sources":["../../../src/components/formStore/OneBlinkFormStoreClearFiltersButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AACtC,OAAO,wBAAwB,MAAM,4BAA4B,CAAA;AACjE,OAAO,YAAY,MAAM,iBAAiB,CAAA;AAE1C,SAAS,mCAAmC,CAC1C,KAA0C;IAE1C,MAAM,EAAE,kBAAkB,EAAE,UAAU,EAAE,GAAG,wBAAwB,EAAE,CAAA;IACrE,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACpC,OAAO,CAAC,UAAU,CAAC,OAAO,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,MAAM,CAAA;IACvE,CAAC,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAA;IACxB,OAAO,CACL,oBAAC,MAAM,IACL,SAAS,EAAC,oCAAoC,EAC9C,SAAS,EAAE,oBAAC,YAAY,sBAA2B,EACnD,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,GAAG,EAAE;YACZ,kBAAkB,CAChB,CAAC,iBAAiB,EAAE,EAAE,CAAC,CAAC;gBACtB,GAAG,iBAAiB;gBACpB,OAAO,EAAE,SAAS;aACnB,CAAC,EACF,KAAK,CACN,CAAA;QACH,CAAC;QACD,kDAAkD;QAClD,QAAQ,EAAE,0DAAkB,KACxB,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED;;;;GAIG;AACH,eAAe,KAAK,CAAC,IAAI,CAAC,mCAAmC,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport { Button } from '@mui/material'\nimport useFormStoreTableContext from './useFormStoreTableContext'\nimport MaterialIcon from '../MaterialIcon'\n\nfunction OneBlinkFormStoreClearFiltersButton(\n  props: React.ComponentProps<typeof Button>,\n) {\n  const { onChangeParameters, parameters } = useFormStoreTableContext()\n  const isDisabled = React.useMemo(() => {\n    return !parameters.filters || !Object.keys(parameters.filters).length\n  }, [parameters.filters])\n  return (\n    <Button\n      className=\"ob-form-store-clear-filters-button\"\n      startIcon={<MaterialIcon>filter_list</MaterialIcon>}\n      disabled={isDisabled}\n      onClick={() => {\n        onChangeParameters(\n          (currentParameters) => ({\n            ...currentParameters,\n            filters: undefined,\n          }),\n          false,\n        )\n      }}\n      // eslint-disable-next-line react/no-children-prop\n      children={<>Clear Filters</>}\n      {...props}\n    />\n  )\n}\n\n/**\n * @param props\n * @returns\n * @group Components\n */\nexport default React.memo(OneBlinkFormStoreClearFiltersButton)\n"]}
+{"version":3,"file":"OneBlinkFormStoreClearFiltersButton.js","sourceRoot":"","sources":["../../../src/components/formStore/OneBlinkFormStoreClearFiltersButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AACtC,OAAO,wBAAwB,MAAM,4BAA4B,CAAA;AACjE,OAAO,YAAY,MAAM,iBAAiB,CAAA;AAG1C,SAAS,mCAAmC,CAC1C,KAA0C;IAE1C,MAAM,EAAE,kBAAkB,EAAE,UAAU,EAAE,GAAG,wBAAwB,EAAE,CAAA;IACrE,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACpC,OAAO,CAAC,UAAU,CAAC,OAAO,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,MAAM,CAAA;IACvE,CAAC,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAA;IACxB,OAAO,CACL,KAAC,MAAM,IACL,SAAS,EAAC,oCAAoC,EAC9C,SAAS,EAAE,KAAC,YAAY,8BAA2B,EACnD,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,GAAG,EAAE;YACZ,kBAAkB,CAChB,CAAC,iBAAuD,EAAE,EAAE,CAAC,CAAC;gBAC5D,GAAG,iBAAiB;gBACpB,OAAO,EAAE,SAAS;aACnB,CAAC,EACF,KAAK,CACN,CAAA;QACH,CAAC,EAED,QAAQ,EAAE,8CAAkB,KACxB,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED;;;;GAIG;AACH,eAAe,KAAK,CAAC,IAAI,CAAC,mCAAmC,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport { Button } from '@mui/material'\nimport useFormStoreTableContext from './useFormStoreTableContext'\nimport MaterialIcon from '../MaterialIcon'\nimport { formStoreService } from '../../apps'\n\nfunction OneBlinkFormStoreClearFiltersButton(\n  props: React.ComponentProps<typeof Button>,\n) {\n  const { onChangeParameters, parameters } = useFormStoreTableContext()\n  const isDisabled = React.useMemo(() => {\n    return !parameters.filters || !Object.keys(parameters.filters).length\n  }, [parameters.filters])\n  return (\n    <Button\n      className=\"ob-form-store-clear-filters-button\"\n      startIcon={<MaterialIcon>filter_list</MaterialIcon>}\n      disabled={isDisabled}\n      onClick={() => {\n        onChangeParameters(\n          (currentParameters: formStoreService.FormStoreParameters) => ({\n            ...currentParameters,\n            filters: undefined,\n          }),\n          false,\n        )\n      }}\n       \n      children={<>Clear Filters</>}\n      {...props}\n    />\n  )\n}\n\n/**\n * @param props\n * @returns\n * @group Components\n */\nexport default React.memo(OneBlinkFormStoreClearFiltersButton)\n"]}

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Button } from '@mui/material';
-declare function OneBlinkFormStoreColumnsButton(props: React.ComponentProps<typeof Button>): React.JSX.Element;
+declare function OneBlinkFormStoreColumnsButton(props: React.ComponentProps<typeof Button>): import("react/jsx-runtime").JSX.Element;
 /**
  * @param props
  * @returns

package/dist/components/formStore/OneBlinkFormStoreColumnsButton.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from 'react';
 import { Alert, AlertTitle, Box, Button, Checkbox, Collapse, Dialog, DialogActions, DialogContent, DialogTitle, Divider, FormControlLabel, FormGroup, Grid, IconButton, Typography, } from '@mui/material';
 import useBooleanState from '../../hooks/useBooleanState';
@@ -5,63 +6,29 @@ import useFormStoreTableContext from './useFormStoreTableContext';
 import { ListItem, UnorderedList } from '../Lists';
 import MaterialIcon from '../MaterialIcon';
 function OneBlinkFormStoreColumnsButton(props) {
-    const { getToggleHideAllColumnsProps, allColumns, parameters, onChangeParameters, } = useFormStoreTableContext();
+    const { getAllFlatColumns, parameters, onChangeParameters, getToggleAllColumnsVisibilityHandler, getIsAllColumnsVisible, getVisibleFlatColumns, } = useFormStoreTableContext();
     const [isConfiguringColumns, showColumnConfiguration, hideColumnConfiguration,] = useBooleanState(false);
     const [isHelpOpen, , , toggleHelp] = useBooleanState(false);
-    const toggleHideAllColumnsProps = getToggleHideAllColumnsProps();
+    const allColumns = getAllFlatColumns();
     const hasRepeatableSets = React.useMemo(() => parameters.unwindRepeatableSets ||
-        allColumns.some((c) => c.formElementType === 'repeatableSet'), [allColumns, parameters.unwindRepeatableSets]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Button, { className: "ob-form-store-columns-button", startIcon: React.createElement(MaterialIcon, null, "settings"), onClick: showColumnConfiguration, 
-            // eslint-disable-next-line react/no-children-prop
-            children: React.createElement(React.Fragment, null, "Columns"), ...props }),
-        React.createElement(Dialog, { open: isConfiguringColumns, maxWidth: "sm", fullWidth: true, onClose: hideColumnConfiguration },
-            React.createElement(DialogTitle, null, "Column Configuration"),
-            React.createElement(DialogContent, { dividers: true },
-                hasRepeatableSets && (React.createElement(React.Fragment, null,
-                    React.createElement(Grid, { container: true },
-                        React.createElement(Grid, { item: true },
-                            React.createElement(FormGroup, null,
-                                React.createElement(FormControlLabel, { control: React.createElement(Checkbox, { checked: !!parameters.unwindRepeatableSets }), onChange: (e, checked) => {
-                                        onChangeParameters((currentParameters) => ({
-                                            ...currentParameters,
-                                            sorting: checked
-                                                ? currentParameters.sorting
-                                                : [
-                                                    {
-                                                        property: 'dateTimeSubmitted',
-                                                        direction: 'descending',
-                                                    },
-                                                ],
-                                            unwindRepeatableSets: checked,
-                                        }), false);
-                                    }, label: "Output a row per repeatable set entry" }))),
-                        React.createElement(Grid, { item: true },
-                            React.createElement(IconButton, { onClick: toggleHelp },
-                                React.createElement(MaterialIcon, null, "help")))),
-                    React.createElement(Collapse, { in: isHelpOpen },
-                        React.createElement(Alert, { severity: "info" },
-                            React.createElement(AlertTitle, null, "When this setting is enabled:"),
-                            React.createElement(UnorderedList, null,
-                                React.createElement(ListItem, null, "Repeatable set columns will be expanded and create duplicate rows per entry"),
-                                React.createElement(ListItem, null, "Columns inside repeatable set entries can be sorted and filtered"),
-                                React.createElement(ListItem, null, "Columns inside repeatable set entries will be included in the CSV download")))),
-                    React.createElement(Box, { marginY: 2 },
-                        React.createElement(Divider, null)))),
-                React.createElement(FormGroup, null,
-                    React.createElement(FormControlLabel, { control: React.createElement(Checkbox, { ...toggleHideAllColumnsProps, indeterminate: !!toggleHideAllColumnsProps.indeterminate }), label: React.createElement("b", null, "Toggle All") }),
-                    allColumns.map((column) => {
-                        return (React.createElement(React.Fragment, { key: column.id },
-                            React.createElement(FormControlLabel, { control: React.createElement(Checkbox, { ...column.getToggleHiddenProps() }), label: React.createElement(React.Fragment, null,
-                                    column.headerText,
-                                    column.tooltip && (React.createElement(Typography, { component: "span", color: "textSecondary" },
-                                        ' ',
-                                        "(",
-                                        column.tooltip,
-                                        ")"))) })));
-                    }))),
-            React.createElement(DialogActions, null,
-                React.createElement(Button, { onClick: hideColumnConfiguration, color: "primary", variant: "contained" }, "Done")))));
+        allColumns.some((c) => { var _a; return ((_a = c.columnDef.meta) === null || _a === void 0 ? void 0 : _a.formElementType) === 'repeatableSet'; }), [parameters.unwindRepeatableSets, allColumns]);
+    return (_jsxs(_Fragment, { children: [_jsx(Button, { className: "ob-form-store-columns-button", startIcon: _jsx(MaterialIcon, { children: "settings" }), onClick: showColumnConfiguration, ...props, children: "Columns" }), _jsxs(Dialog, { open: isConfiguringColumns, maxWidth: "sm", fullWidth: true, onClose: hideColumnConfiguration, children: [_jsx(DialogTitle, { children: "Column Configuration" }), _jsxs(DialogContent, { dividers: true, children: [hasRepeatableSets && (_jsxs(_Fragment, { children: [_jsxs(Grid, { container: true, children: [_jsx(Grid, { children: _jsx(FormGroup, { children: _jsx(FormControlLabel, { control: _jsx(Checkbox, { checked: !!parameters.unwindRepeatableSets }), onChange: (e, checked) => {
+                                                            onChangeParameters((currentParameters) => ({
+                                                                ...currentParameters,
+                                                                sorting: checked
+                                                                    ? currentParameters.sorting
+                                                                    : [
+                                                                        {
+                                                                            property: 'dateTimeSubmitted',
+                                                                            direction: 'descending',
+                                                                        },
+                                                                    ],
+                                                                unwindRepeatableSets: checked,
+                                                            }), false);
+                                                        }, label: "Output a row per repeatable set entry" }) }) }), _jsx(Grid, { children: _jsx(IconButton, { onClick: toggleHelp, children: _jsx(MaterialIcon, { children: "help" }) }) })] }), _jsx(Collapse, { in: isHelpOpen, children: _jsxs(Alert, { severity: "info", children: [_jsx(AlertTitle, { children: "When this setting is enabled:" }), _jsxs(UnorderedList, { children: [_jsx(ListItem, { children: "Repeatable set columns will be expanded and create duplicate rows per entry" }), _jsx(ListItem, { children: "Columns inside repeatable set entries can be sorted and filtered" }), _jsx(ListItem, { children: "Columns inside repeatable set entries will be included in the CSV download" })] })] }) }), _jsx(Box, { marginY: 2, children: _jsx(Divider, {}) })] })), _jsxs(FormGroup, { children: [_jsx(FormControlLabel, { control: _jsx(Checkbox, { onChange: getToggleAllColumnsVisibilityHandler(), checked: getIsAllColumnsVisible(), indeterminate: getVisibleFlatColumns().length > 0 }), label: _jsx("b", { children: "Toggle All" }) }), allColumns.map((column) => {
+                                        var _a, _b;
+                                        return (_jsx(React.Fragment, { children: _jsx(FormControlLabel, { control: _jsx(Checkbox, { checked: column.getIsVisible(), onChange: column.getToggleVisibilityHandler() }), label: _jsxs(_Fragment, { children: [column.columnDef.header, ((_a = column.columnDef.meta) === null || _a === void 0 ? void 0 : _a.tooltip) && (_jsxs(Typography, { component: "span", color: "textSecondary", children: [' ', "(", (_b = column.columnDef.meta) === null || _b === void 0 ? void 0 : _b.tooltip, ")"] }))] }) }) }, column.id));
+                                    })] })] }), _jsx(DialogActions, { children: _jsx(Button, { onClick: hideColumnConfiguration, color: "primary", variant: "contained", children: "Done" }) })] })] }));
 }
 /**
  * @param props