@oneblink/apps-react 10.2.0-beta.5 → 10.3.0-beta.1

package/dist/apps/form-store-service.d.ts

@@ -47,6 +47,10 @@ export type FormStoreFilters = {
         /** Filter results by the task group instance label */
         label?: FormStoreFilter<string>;
     };
+    /** Filter results by the forms app used to submit */
+    formsAppId?: {
+        $in: (number | null)[];
+    };
 };
 export type FormStoreParameters = {
     /** Filters available for filter Form Store Records */

package/dist/apps/form-store-service.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-store-service.js","sourceRoot":"","sources":["../../src/apps/form-store-service.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AACnC,OAAO,iBAAiB,MAAM,qCAAqC,CAAA;AACnE,OAAO,EACL,eAAe,EACf,aAAa,EACb,WAAW,EAEX,cAAc,GACf,MAAM,kBAAkB,CAAA;AACzB,OAAO,OAAO,MAAM,WAAW,CAAA;AAsE/B;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,KAAK,UAAU,sBAAsB,CAC1C,MAAc,EACd,WAAyB;IAEzB,IAAI,CAAC;QACH,OAAO,MAAM,aAAa,CACxB,GAAG,OAAO,CAAC,OAAO,CAAC,SAAS,sBAAsB,EAClD;YACE,MAAM;SACP,EACD,WAAW,CACZ,CAAA;IACH,CAAC;IAAC,OAAO,GAAG,EAAE,CAAC;QACb,MAAM,KAAK,GAAG,GAAgB,CAAA;QAC9B,MAAM,IAAI,iBAAiB,CAAC,KAAK,CAAC,OAAO,EAAE;YACzC,cAAc,EAAE,KAAK,CAAC,MAAM;YAC5B,aAAa,EAAE,KAAK;SACrB,CAAC,CAAA;IACJ,CAAC;AACH,CAAC;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,KAAK,UAAU,sBAAsB,CAC1C,gBAMuB,EACvB,WAAwB;IAKxB,IAAI,CAAC;QACH,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAG5C,GAAG,OAAO,CAAC,OAAO,CAAC,SAAS,aAAa,EAAE,gBAAgB,EAAE,WAAW,CAAC,CAAA;QAC5E,OAAO;YACL,gBAAgB,EAAE,WAAW;YAC7B,IAAI;SACL,CAAA;IACH,CAAC;IAAC,OAAO,GAAG,EAAE,CAAC;QACb,MAAM,KAAK,GAAG,GAAgB,CAAA;QAC9B,MAAM,IAAI,iBAAiB,CAAC,KAAK,CAAC,OAAO,EAAE;YACzC,cAAc,EAAE,KAAK,CAAC,MAAM;YAC5B,aAAa,EAAE,KAAK;SACrB,CAAC,CAAA;IACJ,CAAC;AACH,CAAC;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,KAAK,UAAU,sBAAsB,CAC1C,QAAgB,EAChB,gBAGuB,EACvB,WAAyB;IAEzB,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;QAC7C,QAAQ,IAAI,MAAM,CAAA;IACpB,CAAC;IACD,MAAM,OAAO,GAAG,MAAM,eAAe,EAAE,CAAA;IACvC,OAAO,CAAC,MAAM,GAAG,UAAU,CAAA;IAC3B,MAAM,QAAQ,GAAG,MAAM,cAAc,CACnC,GAAG,OAAO,CAAC,OAAO,CAAC,SAAS,oBAAoB,EAChD;QACE,MAAM,EAAE,MAAM;QACd,OAAO;QACP,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC;QACtC,MAAM,EAAE,WAAW;KACpB,CACF,CAAA;IACD,IAAI,QAAQ,CAAC,EAAE,EAAE,CAAC;QAChB,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAA;QAClC,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAA;IACxB,CAAC;SAAM,CAAC;QACN,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAA;QAClC,MAAM,IAAI,iBAAiB,CAAC,IAAI,CAAC,OAAO,EAAE;YACxC,cAAc,EAAE,QAAQ,CAAC,MAAM;SAChC,CAAC,CAAA;IACJ,CAAC;AACH,CAAC","sourcesContent":["import { FormTypes, SubmissionTypes } from '@oneblink/types'\nimport { saveAs } from 'file-saver'\nimport OneBlinkAppsError from './services/errors/oneBlinkAppsError'\nimport {\n  generateHeaders,\n  searchRequest,\n  postRequest,\n  HTTPError,\n  fetchWithError,\n} from './services/fetch'\nimport tenants from './tenants'\n\n/** Filter for a single property in a Form Store Record */\nexport type FormStoreFilter<T> = {\n  $regex?: string\n  $options?: string\n  $eq?: T\n  $gte?: T\n  $gt?: T\n  $lt?: T\n  $lte?: T\n  $in?: string[]\n  $elemMatch?: {\n    $in?: string[]\n  }\n}\n\n/** Filters available for filter Form Store Records */\nexport type FormStoreFilters = {\n  /** Filter results by the date/time they were completed */\n  dateTimeCompleted?: FormStoreFilter<string>\n  /** Filter results by the date/time they were submitted */\n  dateTimeSubmitted?: FormStoreFilter<string>\n  /** Filter results by the user that submitted */\n  submittedBy?: FormStoreFilter<string>\n  /** Filter results by the submissionId, must be a valid GUID */\n  submissionId?: FormStoreFilter<string>\n  /** Filter results by the externalId */\n  externalId?: FormStoreFilter<string>\n  /** Filter results by the submission data */\n  submission?: Record<string, FormStoreFilter<unknown> | undefined>\n  /** Filter results by the task that was completed by submitting a form */\n  task?: {\n    /** Filter results by the task name */\n    name?: FormStoreFilter<string>\n  }\n  /** Filter results by the task action that was used to complete a task */\n  taskAction?: {\n    /** Filter results by the task action label */\n    label?: FormStoreFilter<string>\n  }\n  /** Filter results by the task group that included the task */\n  taskGroup?: {\n    /** Filter results by the task group name */\n    name?: FormStoreFilter<string>\n  }\n  /** Filter results by the task group instance that included the task */\n  taskGroupInstance?: {\n    /** Filter results by the task group instance label */\n    label?: FormStoreFilter<string>\n  }\n}\n\nexport type FormStoreParameters = {\n  /** Filters available for filter Form Store Records */\n  filters?: FormStoreFilters\n  /**\n   * Unwind repeatable set entries to denormalise data, this makes data cleaner\n   * for tabular data purposes\n   */\n  unwindRepeatableSets?: boolean\n  /** Sort the results by multiple properties */\n  sorting?: Array<{\n    /** Property to sort by */\n    property: string\n    /** Sorting direction */\n    direction: 'ascending' | 'descending'\n  }>\n}\n\n/**\n * Get the available form elements for a form to display form store records\n *\n * #### Example\n *\n * ```js\n * const formId = 1\n * const { formElements } =\n *   await formStoreService.getFormStoreDefinition(formId)\n * ```\n *\n * @param formId The identified of the form you want to get the definition of\n * @param abortSignal An AbortSignal to abort the request\n * @returns\n */\nexport async function getFormStoreDefinition(\n  formId: number,\n  abortSignal?: AbortSignal,\n): Promise<{ formElements: FormTypes.FormElementWithName[] }> {\n  try {\n    return await searchRequest(\n      `${tenants.current.apiOrigin}/form-store/elements`,\n      {\n        formId,\n      },\n      abortSignal,\n    )\n  } catch (err) {\n    const error = err as HTTPError\n    throw new OneBlinkAppsError(error.message, {\n      httpStatusCode: error.status,\n      originalError: error,\n    })\n  }\n}\n\n/**\n * Search for Form Store Records\n *\n * #### Example\n *\n * ```js\n * const { formStoreRecords } =\n *   await formStoreService.searchFormStoreRecords({\n *     formId: 1,\n *     paging: {\n *       limit: 50,\n *       offset: 0,\n *     },\n *   })\n * ```\n *\n * @param searchParameters Search parameters for filtering, sorting, and paging\n * @param abortSignal An AbortSignal to abort the request\n * @returns\n */\nexport async function searchFormStoreRecords(\n  searchParameters: {\n    formId: number\n    paging: {\n      limit: number\n      offset: number\n    }\n  } & FormStoreParameters,\n  abortSignal: AbortSignal,\n): Promise<{\n  formStoreRecords: SubmissionTypes.FormStoreRecord[]\n  meta: { limit: number; offset: number; nextOffset?: number }\n}> {\n  try {\n    const { submissions, meta } = await postRequest<{\n      submissions: SubmissionTypes.FormStoreRecord[]\n      meta: { limit: number; offset: number; nextOffset?: number }\n    }>(`${tenants.current.apiOrigin}/form-store`, searchParameters, abortSignal)\n    return {\n      formStoreRecords: submissions,\n      meta,\n    }\n  } catch (err) {\n    const error = err as HTTPError\n    throw new OneBlinkAppsError(error.message, {\n      httpStatusCode: error.status,\n      originalError: error,\n    })\n  }\n}\n\n/**\n * Export Form Store Records as a CSV file. This function will download the file\n * automatically.\n *\n * #### Example\n *\n * ```js\n * await formStoreService.exportFormStoreRecords({\n *   formId: 1,\n * })\n * ```\n *\n * @param fileName Name of the file to download. \".csv\" will be added to the end\n *   of the file name if not passed\n * @param searchParameters Search parameters for filtering, sorting, and\n *   including columns\n * @param abortSignal An AbortSignal to abort the request\n * @returns\n */\nexport async function exportFormStoreRecords(\n  fileName: string,\n  searchParameters: {\n    formId: number\n    includeColumns?: string[]\n  } & FormStoreParameters,\n  abortSignal?: AbortSignal,\n): Promise<void> {\n  if (!fileName.toLowerCase().endsWith('.csv')) {\n    fileName += '.csv'\n  }\n  const headers = await generateHeaders()\n  headers.Accept = 'text/csv'\n  const response = await fetchWithError(\n    `${tenants.current.apiOrigin}/form-store/export`,\n    {\n      method: 'POST',\n      headers,\n      mode: 'cors',\n      cache: 'default',\n      body: JSON.stringify(searchParameters),\n      signal: abortSignal,\n    },\n  )\n  if (response.ok) {\n    const blob = await response.blob()\n    saveAs(blob, fileName)\n  } else {\n    const body = await response.json()\n    throw new OneBlinkAppsError(body.message, {\n      httpStatusCode: response.status,\n    })\n  }\n}\n"]}
+{"version":3,"file":"form-store-service.js","sourceRoot":"","sources":["../../src/apps/form-store-service.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AACnC,OAAO,iBAAiB,MAAM,qCAAqC,CAAA;AACnE,OAAO,EACL,eAAe,EACf,aAAa,EACb,WAAW,EAEX,cAAc,GACf,MAAM,kBAAkB,CAAA;AACzB,OAAO,OAAO,MAAM,WAAW,CAAA;AA0E/B;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,KAAK,UAAU,sBAAsB,CAC1C,MAAc,EACd,WAAyB;IAEzB,IAAI,CAAC;QACH,OAAO,MAAM,aAAa,CACxB,GAAG,OAAO,CAAC,OAAO,CAAC,SAAS,sBAAsB,EAClD;YACE,MAAM;SACP,EACD,WAAW,CACZ,CAAA;IACH,CAAC;IAAC,OAAO,GAAG,EAAE,CAAC;QACb,MAAM,KAAK,GAAG,GAAgB,CAAA;QAC9B,MAAM,IAAI,iBAAiB,CAAC,KAAK,CAAC,OAAO,EAAE;YACzC,cAAc,EAAE,KAAK,CAAC,MAAM;YAC5B,aAAa,EAAE,KAAK;SACrB,CAAC,CAAA;IACJ,CAAC;AACH,CAAC;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,KAAK,UAAU,sBAAsB,CAC1C,gBAMuB,EACvB,WAAwB;IAKxB,IAAI,CAAC;QACH,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAG5C,GAAG,OAAO,CAAC,OAAO,CAAC,SAAS,aAAa,EAAE,gBAAgB,EAAE,WAAW,CAAC,CAAA;QAC5E,OAAO;YACL,gBAAgB,EAAE,WAAW;YAC7B,IAAI;SACL,CAAA;IACH,CAAC;IAAC,OAAO,GAAG,EAAE,CAAC;QACb,MAAM,KAAK,GAAG,GAAgB,CAAA;QAC9B,MAAM,IAAI,iBAAiB,CAAC,KAAK,CAAC,OAAO,EAAE;YACzC,cAAc,EAAE,KAAK,CAAC,MAAM;YAC5B,aAAa,EAAE,KAAK;SACrB,CAAC,CAAA;IACJ,CAAC;AACH,CAAC;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,KAAK,UAAU,sBAAsB,CAC1C,QAAgB,EAChB,gBAGuB,EACvB,WAAyB;IAEzB,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;QAC7C,QAAQ,IAAI,MAAM,CAAA;IACpB,CAAC;IACD,MAAM,OAAO,GAAG,MAAM,eAAe,EAAE,CAAA;IACvC,OAAO,CAAC,MAAM,GAAG,UAAU,CAAA;IAC3B,MAAM,QAAQ,GAAG,MAAM,cAAc,CACnC,GAAG,OAAO,CAAC,OAAO,CAAC,SAAS,oBAAoB,EAChD;QACE,MAAM,EAAE,MAAM;QACd,OAAO;QACP,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC;QACtC,MAAM,EAAE,WAAW;KACpB,CACF,CAAA;IACD,IAAI,QAAQ,CAAC,EAAE,EAAE,CAAC;QAChB,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAA;QAClC,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAA;IACxB,CAAC;SAAM,CAAC;QACN,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAA;QAClC,MAAM,IAAI,iBAAiB,CAAC,IAAI,CAAC,OAAO,EAAE;YACxC,cAAc,EAAE,QAAQ,CAAC,MAAM;SAChC,CAAC,CAAA;IACJ,CAAC;AACH,CAAC","sourcesContent":["import { FormTypes, SubmissionTypes } from '@oneblink/types'\nimport { saveAs } from 'file-saver'\nimport OneBlinkAppsError from './services/errors/oneBlinkAppsError'\nimport {\n  generateHeaders,\n  searchRequest,\n  postRequest,\n  HTTPError,\n  fetchWithError,\n} from './services/fetch'\nimport tenants from './tenants'\n\n/** Filter for a single property in a Form Store Record */\nexport type FormStoreFilter<T> = {\n  $regex?: string\n  $options?: string\n  $eq?: T\n  $gte?: T\n  $gt?: T\n  $lt?: T\n  $lte?: T\n  $in?: string[]\n  $elemMatch?: {\n    $in?: string[]\n  }\n}\n\n/** Filters available for filter Form Store Records */\nexport type FormStoreFilters = {\n  /** Filter results by the date/time they were completed */\n  dateTimeCompleted?: FormStoreFilter<string>\n  /** Filter results by the date/time they were submitted */\n  dateTimeSubmitted?: FormStoreFilter<string>\n  /** Filter results by the user that submitted */\n  submittedBy?: FormStoreFilter<string>\n  /** Filter results by the submissionId, must be a valid GUID */\n  submissionId?: FormStoreFilter<string>\n  /** Filter results by the externalId */\n  externalId?: FormStoreFilter<string>\n  /** Filter results by the submission data */\n  submission?: Record<string, FormStoreFilter<unknown> | undefined>\n  /** Filter results by the task that was completed by submitting a form */\n  task?: {\n    /** Filter results by the task name */\n    name?: FormStoreFilter<string>\n  }\n  /** Filter results by the task action that was used to complete a task */\n  taskAction?: {\n    /** Filter results by the task action label */\n    label?: FormStoreFilter<string>\n  }\n  /** Filter results by the task group that included the task */\n  taskGroup?: {\n    /** Filter results by the task group name */\n    name?: FormStoreFilter<string>\n  }\n  /** Filter results by the task group instance that included the task */\n  taskGroupInstance?: {\n    /** Filter results by the task group instance label */\n    label?: FormStoreFilter<string>\n  }\n  /** Filter results by the forms app used to submit */\n  formsAppId?: {\n    $in: (number | null)[]\n  }\n}\n\nexport type FormStoreParameters = {\n  /** Filters available for filter Form Store Records */\n  filters?: FormStoreFilters\n  /**\n   * Unwind repeatable set entries to denormalise data, this makes data cleaner\n   * for tabular data purposes\n   */\n  unwindRepeatableSets?: boolean\n  /** Sort the results by multiple properties */\n  sorting?: Array<{\n    /** Property to sort by */\n    property: string\n    /** Sorting direction */\n    direction: 'ascending' | 'descending'\n  }>\n}\n\n/**\n * Get the available form elements for a form to display form store records\n *\n * #### Example\n *\n * ```js\n * const formId = 1\n * const { formElements } =\n *   await formStoreService.getFormStoreDefinition(formId)\n * ```\n *\n * @param formId The identified of the form you want to get the definition of\n * @param abortSignal An AbortSignal to abort the request\n * @returns\n */\nexport async function getFormStoreDefinition(\n  formId: number,\n  abortSignal?: AbortSignal,\n): Promise<{ formElements: FormTypes.FormElementWithName[] }> {\n  try {\n    return await searchRequest(\n      `${tenants.current.apiOrigin}/form-store/elements`,\n      {\n        formId,\n      },\n      abortSignal,\n    )\n  } catch (err) {\n    const error = err as HTTPError\n    throw new OneBlinkAppsError(error.message, {\n      httpStatusCode: error.status,\n      originalError: error,\n    })\n  }\n}\n\n/**\n * Search for Form Store Records\n *\n * #### Example\n *\n * ```js\n * const { formStoreRecords } =\n *   await formStoreService.searchFormStoreRecords({\n *     formId: 1,\n *     paging: {\n *       limit: 50,\n *       offset: 0,\n *     },\n *   })\n * ```\n *\n * @param searchParameters Search parameters for filtering, sorting, and paging\n * @param abortSignal An AbortSignal to abort the request\n * @returns\n */\nexport async function searchFormStoreRecords(\n  searchParameters: {\n    formId: number\n    paging: {\n      limit: number\n      offset: number\n    }\n  } & FormStoreParameters,\n  abortSignal: AbortSignal,\n): Promise<{\n  formStoreRecords: SubmissionTypes.FormStoreRecord[]\n  meta: { limit: number; offset: number; nextOffset?: number }\n}> {\n  try {\n    const { submissions, meta } = await postRequest<{\n      submissions: SubmissionTypes.FormStoreRecord[]\n      meta: { limit: number; offset: number; nextOffset?: number }\n    }>(`${tenants.current.apiOrigin}/form-store`, searchParameters, abortSignal)\n    return {\n      formStoreRecords: submissions,\n      meta,\n    }\n  } catch (err) {\n    const error = err as HTTPError\n    throw new OneBlinkAppsError(error.message, {\n      httpStatusCode: error.status,\n      originalError: error,\n    })\n  }\n}\n\n/**\n * Export Form Store Records as a CSV file. This function will download the file\n * automatically.\n *\n * #### Example\n *\n * ```js\n * await formStoreService.exportFormStoreRecords({\n *   formId: 1,\n * })\n * ```\n *\n * @param fileName Name of the file to download. \".csv\" will be added to the end\n *   of the file name if not passed\n * @param searchParameters Search parameters for filtering, sorting, and\n *   including columns\n * @param abortSignal An AbortSignal to abort the request\n * @returns\n */\nexport async function exportFormStoreRecords(\n  fileName: string,\n  searchParameters: {\n    formId: number\n    includeColumns?: string[]\n  } & FormStoreParameters,\n  abortSignal?: AbortSignal,\n): Promise<void> {\n  if (!fileName.toLowerCase().endsWith('.csv')) {\n    fileName += '.csv'\n  }\n  const headers = await generateHeaders()\n  headers.Accept = 'text/csv'\n  const response = await fetchWithError(\n    `${tenants.current.apiOrigin}/form-store/export`,\n    {\n      method: 'POST',\n      headers,\n      mode: 'cors',\n      cache: 'default',\n      body: JSON.stringify(searchParameters),\n      signal: abortSignal,\n    },\n  )\n  if (response.ok) {\n    const blob = await response.blob()\n    saveAs(blob, fileName)\n  } else {\n    const body = await response.json()\n    throw new OneBlinkAppsError(body.message, {\n      httpStatusCode: response.status,\n    })\n  }\n}\n"]}

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

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { FormTypes } from '@oneblink/types';
-export declare function FormStoreTableProvider({ form, children, }: {
+export declare function FormStoreTableProvider({ form, children, getFormsAppLabel, }: {
     form: FormTypes.Form;
     children: React.ReactNode;
+    getFormsAppLabel?: (formsAppId: number | null) => string;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/components/formStore/FormStoreTableProvider.js

@@ -20,7 +20,7 @@ function getParamsFromLocalStorage() {
         return JSON.parse(text);
     }
 }
-export function FormStoreTableProvider({ form, children, }) {
+export function FormStoreTableProvider({ form, children, getFormsAppLabel, }) {
     var _a, _b;
     const history = useHistory();
     const location = useLocation();
@@ -102,6 +102,7 @@ export function FormStoreTableProvider({ form, children, }) {
         submissionIdValidationMessage,
         form,
         onRefresh,
+        getFormsAppLabel,
     });
     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: {

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

@@ -1 +1 @@
-{"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"]}
+{"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,EACR,gBAAgB,GAKjB;;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;QACT,gBAAgB;KACjB,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  getFormsAppLabel,\n}: {\n  form: FormTypes.Form\n  children: React.ReactNode\n  getFormsAppLabel?: (formsAppId: number | null) => string\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    getFormsAppLabel,\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/OneBlinkFormStoreProvider.d.ts

@@ -7,7 +7,8 @@ export declare const FormStoreElementsContext: React.Context<FormStoreElementsCo
  * @returns
  * @group Components
  */
-export declare function OneBlinkFormStoreProvider({ form, children, }: {
+export declare function OneBlinkFormStoreProvider({ form, children, getFormsAppLabel, }: {
     form: FormTypes.Form;
     children: React.ReactNode;
+    getFormsAppLabel?: (formsAppId: number | null) => string;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/components/formStore/OneBlinkFormStoreProvider.js

@@ -11,7 +11,7 @@ export const FormStoreElementsContext = React.createContext([]);
  * @returns
  * @group Components
  */
-export function OneBlinkFormStoreProvider({ form, children, }) {
+export function OneBlinkFormStoreProvider({ form, children, getFormsAppLabel, }) {
     const fetchFormStoreDefinition = React.useCallback((abortSignal) => {
         return formStoreService.getFormStoreDefinition(form.id, abortSignal);
     }, [form.id]);
@@ -22,6 +22,6 @@ export function OneBlinkFormStoreProvider({ form, children, }) {
     if (formStoreDefinitionState.status === 'ERROR') {
         return (_jsx(_Fragment, { children: _jsx(ErrorMessage, { title: "Error Retrieving Form Definition", gutterTop: true, onTryAgain: onTryAgain, children: formStoreDefinitionState.error.message }) }));
     }
-    return (_jsx(FormStoreElementsContext.Provider, { value: formStoreDefinitionState.result.formElements, children: _jsx(FormStoreTableProvider, { form: form, children: children }) }));
+    return (_jsx(FormStoreElementsContext.Provider, { value: formStoreDefinitionState.result.formElements, children: _jsx(FormStoreTableProvider, { form: form, getFormsAppLabel: getFormsAppLabel, children: children }) }));
 }
 //# sourceMappingURL=OneBlinkFormStoreProvider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"OneBlinkFormStoreProvider.js","sourceRoot":"","sources":["../../../src/components/formStore/OneBlinkFormStoreProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,kBAAkB,MAAM,uBAAuB,CAAA;AACtD,OAAO,YAAY,MAAM,0BAA0B,CAAA;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAC7C,OAAO,gBAAgB,MAAM,8BAA8B,CAAA;AAE3D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AAIjE,MAAM,CAAC,MAAM,wBAAwB,GACnC,KAAK,CAAC,aAAa,CAAgC,EAAE,CAAC,CAAA;AAExD;;;;GAIG;AACH,MAAM,UAAU,yBAAyB,CAAC,EACxC,IAAI,EACJ,QAAQ,GAIT;IACC,MAAM,wBAAwB,GAAG,KAAK,CAAC,WAAW,CAChD,CAAC,WAAyB,EAAE,EAAE;QAC5B,OAAO,gBAAgB,CAAC,sBAAsB,CAAC,IAAI,CAAC,EAAE,EAAE,WAAW,CAAC,CAAA;IACtE,CAAC,EACD,CAAC,IAAI,CAAC,EAAE,CAAC,CACV,CAAA;IACD,MAAM,CAAC,wBAAwB,EAAE,UAAU,CAAC,GAAG,gBAAgB,CAC7D,wBAAwB,CACzB,CAAA;IAED,IAAI,wBAAwB,CAAC,MAAM,KAAK,SAAS,EAAE,CAAC;QAClD,OAAO,KAAC,kBAAkB,KAAG,CAAA;IAC/B,CAAC;IAED,IAAI,wBAAwB,CAAC,MAAM,KAAK,OAAO,EAAE,CAAC;QAChD,OAAO,CACL,4BACE,KAAC,YAAY,IACX,KAAK,EAAC,kCAAkC,EACxC,SAAS,QACT,UAAU,EAAE,UAAU,YAErB,wBAAwB,CAAC,KAAK,CAAC,OAAO,GAC1B,GACd,CACJ,CAAA;IACH,CAAC;IAED,OAAO,CACL,KAAC,wBAAwB,CAAC,QAAQ,IAChC,KAAK,EAAE,wBAAwB,CAAC,MAAM,CAAC,YAAY,YAEnD,KAAC,sBAAsB,IAAC,IAAI,EAAE,IAAI,YAAG,QAAQ,GAA0B,GACrC,CACrC,CAAA;AACH,CAAC","sourcesContent":["import * as React from 'react'\nimport LoadingWithMessage from '../LoadingWithMessage'\nimport ErrorMessage from '../messages/ErrorMessage'\nimport { formStoreService } from '../../apps'\nimport useLoadDataState from '../../hooks/useLoadDataState'\nimport { FormTypes } from '@oneblink/types'\nimport { FormStoreTableProvider } from './FormStoreTableProvider'\n\nexport type FormStoreElementsContextValue = FormTypes.FormElementWithName[]\n\nexport const FormStoreElementsContext =\n  React.createContext<FormStoreElementsContextValue>([])\n\n/**\n * @param props\n * @returns\n * @group Components\n */\nexport function OneBlinkFormStoreProvider({\n  form,\n  children,\n}: {\n  form: FormTypes.Form\n  children: React.ReactNode\n}) {\n  const fetchFormStoreDefinition = React.useCallback(\n    (abortSignal?: AbortSignal) => {\n      return formStoreService.getFormStoreDefinition(form.id, abortSignal)\n    },\n    [form.id],\n  )\n  const [formStoreDefinitionState, onTryAgain] = useLoadDataState(\n    fetchFormStoreDefinition,\n  )\n\n  if (formStoreDefinitionState.status === 'LOADING') {\n    return <LoadingWithMessage />\n  }\n\n  if (formStoreDefinitionState.status === 'ERROR') {\n    return (\n      <>\n        <ErrorMessage\n          title=\"Error Retrieving Form Definition\"\n          gutterTop\n          onTryAgain={onTryAgain}\n        >\n          {formStoreDefinitionState.error.message}\n        </ErrorMessage>\n      </>\n    )\n  }\n\n  return (\n    <FormStoreElementsContext.Provider\n      value={formStoreDefinitionState.result.formElements}\n    >\n      <FormStoreTableProvider form={form}>{children}</FormStoreTableProvider>\n    </FormStoreElementsContext.Provider>\n  )\n}\n"]}
+{"version":3,"file":"OneBlinkFormStoreProvider.js","sourceRoot":"","sources":["../../../src/components/formStore/OneBlinkFormStoreProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,kBAAkB,MAAM,uBAAuB,CAAA;AACtD,OAAO,YAAY,MAAM,0BAA0B,CAAA;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAC7C,OAAO,gBAAgB,MAAM,8BAA8B,CAAA;AAE3D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AAIjE,MAAM,CAAC,MAAM,wBAAwB,GACnC,KAAK,CAAC,aAAa,CAAgC,EAAE,CAAC,CAAA;AAExD;;;;GAIG;AACH,MAAM,UAAU,yBAAyB,CAAC,EACxC,IAAI,EACJ,QAAQ,EACR,gBAAgB,GAKjB;IACC,MAAM,wBAAwB,GAAG,KAAK,CAAC,WAAW,CAChD,CAAC,WAAyB,EAAE,EAAE;QAC5B,OAAO,gBAAgB,CAAC,sBAAsB,CAAC,IAAI,CAAC,EAAE,EAAE,WAAW,CAAC,CAAA;IACtE,CAAC,EACD,CAAC,IAAI,CAAC,EAAE,CAAC,CACV,CAAA;IACD,MAAM,CAAC,wBAAwB,EAAE,UAAU,CAAC,GAAG,gBAAgB,CAC7D,wBAAwB,CACzB,CAAA;IAED,IAAI,wBAAwB,CAAC,MAAM,KAAK,SAAS,EAAE,CAAC;QAClD,OAAO,KAAC,kBAAkB,KAAG,CAAA;IAC/B,CAAC;IAED,IAAI,wBAAwB,CAAC,MAAM,KAAK,OAAO,EAAE,CAAC;QAChD,OAAO,CACL,4BACE,KAAC,YAAY,IACX,KAAK,EAAC,kCAAkC,EACxC,SAAS,QACT,UAAU,EAAE,UAAU,YAErB,wBAAwB,CAAC,KAAK,CAAC,OAAO,GAC1B,GACd,CACJ,CAAA;IACH,CAAC;IAED,OAAO,CACL,KAAC,wBAAwB,CAAC,QAAQ,IAChC,KAAK,EAAE,wBAAwB,CAAC,MAAM,CAAC,YAAY,YAEnD,KAAC,sBAAsB,IAAC,IAAI,EAAE,IAAI,EAAE,gBAAgB,EAAE,gBAAgB,YACnE,QAAQ,GACc,GACS,CACrC,CAAA;AACH,CAAC","sourcesContent":["import * as React from 'react'\nimport LoadingWithMessage from '../LoadingWithMessage'\nimport ErrorMessage from '../messages/ErrorMessage'\nimport { formStoreService } from '../../apps'\nimport useLoadDataState from '../../hooks/useLoadDataState'\nimport { FormTypes } from '@oneblink/types'\nimport { FormStoreTableProvider } from './FormStoreTableProvider'\n\nexport type FormStoreElementsContextValue = FormTypes.FormElementWithName[]\n\nexport const FormStoreElementsContext =\n  React.createContext<FormStoreElementsContextValue>([])\n\n/**\n * @param props\n * @returns\n * @group Components\n */\nexport function OneBlinkFormStoreProvider({\n  form,\n  children,\n  getFormsAppLabel,\n}: {\n  form: FormTypes.Form\n  children: React.ReactNode\n  getFormsAppLabel?: (formsAppId: number | null) => string\n}) {\n  const fetchFormStoreDefinition = React.useCallback(\n    (abortSignal?: AbortSignal) => {\n      return formStoreService.getFormStoreDefinition(form.id, abortSignal)\n    },\n    [form.id],\n  )\n  const [formStoreDefinitionState, onTryAgain] = useLoadDataState(\n    fetchFormStoreDefinition,\n  )\n\n  if (formStoreDefinitionState.status === 'LOADING') {\n    return <LoadingWithMessage />\n  }\n\n  if (formStoreDefinitionState.status === 'ERROR') {\n    return (\n      <>\n        <ErrorMessage\n          title=\"Error Retrieving Form Definition\"\n          gutterTop\n          onTryAgain={onTryAgain}\n        >\n          {formStoreDefinitionState.error.message}\n        </ErrorMessage>\n      </>\n    )\n  }\n\n  return (\n    <FormStoreElementsContext.Provider\n      value={formStoreDefinitionState.result.formElements}\n    >\n      <FormStoreTableProvider form={form} getFormsAppLabel={getFormsAppLabel}>\n        {children}\n      </FormStoreTableProvider>\n    </FormStoreElementsContext.Provider>\n  )\n}\n"]}

package/dist/components/formStore/table/ColumnFilters.d.ts

@@ -4,6 +4,10 @@ import { ColumnMeta } from '@tanstack/react-table';
 type Props = {
     filter: NonNullable<ColumnMeta<FormStoreRecord, unknown>['filter']>;
 };
+export type FormsAppOption = {
+    value: number | null;
+    label: string;
+};
 declare function ColumnFilters({ filter }: Props): import("react/jsx-runtime").JSX.Element | null;
 declare const _default: React.MemoExoticComponent<typeof ColumnFilters>;
 export default _default;

package/dist/components/formStore/table/ColumnFilters.js

@@ -10,7 +10,7 @@ const StyledTextField = styled(TextField)(() => ({
 }));
 const shortDateFormat = localisationService.getDateFnsFormats().shortDate;
 function ColumnFilters({ filter }) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
     switch (filter.type) {
         case 'SUBMISSION_ID': {
             return (_jsx(StyledTextField, { autoFocus: true, variant: "outlined", margin: "dense", size: "small", label: "Filter", type: "text", fullWidth: true, value: ((_a = filter.value) === null || _a === void 0 ? void 0 : _a.$eq) || '', onChange: (e) => {
@@ -144,12 +144,49 @@ function ColumnFilters({ filter }) {
                         : undefined, false);
                 } }));
         }
+        case 'FORMS_APP_ID': {
+            return (_jsx(FormsAppIdTextField, { options: filter.options, value: (_v = filter.value) === null || _v === void 0 ? void 0 : _v.$in, onChange: (newValue) => {
+                    filter.onChange(newValue.length
+                        ? {
+                            $in: newValue,
+                        }
+                        : undefined, false);
+                } }));
+        }
         default: {
             return null;
         }
     }
 }
 export default React.memo(ColumnFilters);
+const NO_APP_SENTINEL = '__no_app__';
+function FormsAppIdTextField({ options, value, onChange, }) {
+    const selectedStrings = React.useMemo(() => { var _a; return (_a = value === null || value === void 0 ? void 0 : value.map((v) => (v === null ? NO_APP_SENTINEL : v.toString()))) !== null && _a !== void 0 ? _a : []; }, [value]);
+    return (_jsx(StyledTextField, { variant: "outlined", margin: "dense", size: "small", label: "Filter", select: true, slotProps: {
+            select: {
+                multiple: true,
+                renderValue: (selectedIds) => {
+                    return options
+                        .reduce((selectedLabels, option) => {
+                        const key = option.value === null
+                            ? NO_APP_SENTINEL
+                            : option.value.toString();
+                        if (selectedIds.includes(key)) {
+                            selectedLabels.push(option.label);
+                        }
+                        return selectedLabels;
+                    }, [])
+                        .join(', ');
+                },
+            },
+        }, fullWidth: true, value: selectedStrings, onChange: (e) => {
+            const selected = e.target.value;
+            onChange(selected.map((v) => (v === NO_APP_SENTINEL ? null : parseInt(v, 10))));
+        }, children: options.map((option) => {
+            const key = option.value === null ? NO_APP_SENTINEL : option.value.toString();
+            return (_jsxs(MenuItem, { value: key, children: [_jsx(Checkbox, { checked: selectedStrings.includes(key) }), _jsx(ListItemText, { children: option.label })] }, key));
+        }) }));
+}
 function OptionsTextField({ options, value, onChange, }) {
     return (_jsx(StyledTextField, { variant: "outlined", margin: "dense", size: "small", label: "Filter", select: true, SelectProps: {
             multiple: true,

package/dist/components/formStore/table/ColumnFilters.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnFilters.js","sourceRoot":"","sources":["../../../../src/components/formStore/table/ColumnFilters.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EACL,QAAQ,EACR,WAAW,EACX,gBAAgB,EAChB,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,KAAK,EACL,UAAU,EACV,SAAS,GACV,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA;AACnD,OAAO,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAA;AAEpE,MAAM,eAAe,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IAC/C,KAAK,EAAE,OAAO;CACf,CAAC,CAAC,CAAA;AAMH,MAAM,eAAe,GAAG,mBAAmB,CAAC,iBAAiB,EAAE,CAAC,SAAS,CAAA;AAEzE,SAAS,aAAa,CAAC,EAAE,MAAM,EAAS;;IACtC,QAAQ,MAAM,CAAC,IAAI,EAAE,CAAC;QACpB,KAAK,eAAe,CAAC,CAAC,CAAC;YACrB,OAAO,CACL,KAAC,eAAe,IACd,SAAS,QACT,OAAO,EAAC,UAAU,EAClB,MAAM,EAAC,OAAO,EACd,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,MAAM,EACX,SAAS,QACT,KAAK,EAAE,CAAA,MAAA,MAAM,CAAC,KAAK,0CAAE,GAAG,KAAI,EAAE,EAC9B,QAAQ,EAAE,CAAC,CAAsC,EAAE,EAAE;oBACnD,MAAM,CAAC,QAAQ,CACb,CAAC,CAAC,MAAM,CAAC,KAAK;wBACZ,CAAC,CAAC;4BACE,GAAG,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;yBACpB;wBACH,CAAC,CAAC,SAAS,EACb,IAAI,CACL,CAAA;gBACH,CAAC,GACD,CACH,CAAA;QACH,CAAC;QACD,KAAK,MAAM,CAAC,CAAC,CAAC;YACZ,OAAO,CACL,KAAC,eAAe,IACd,SAAS,QACT,OAAO,EAAC,UAAU,EAClB,MAAM,EAAC,OAAO,EACd,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,MAAM,EACX,SAAS,QACT,KAAK,EAAE,CAAA,MAAA,MAAM,CAAC,KAAK,0CAAE,MAAM,KAAI,EAAE,EACjC,QAAQ,EAAE,CAAC,CAAsC,EAAE,EAAE;oBACnD,MAAM,CAAC,QAAQ,CACb,CAAC,CAAC,MAAM,CAAC,KAAK;wBACZ,CAAC,CAAC;4BACE,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;4BACtB,uDAAuD;4BACvD,QAAQ,EAAE,IAAI;yBACf;wBACH,CAAC,CAAC,SAAS,EACb,IAAI,CACL,CAAA;gBACH,CAAC,GACD,CACH,CAAA;QACH,CAAC;QACD,KAAK,QAAQ,CAAC,CAAC,CAAC;YACd,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,aACxB,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,YACnB,KAAC,SAAS,IACR,SAAS,QACT,OAAO,EAAC,UAAU,EAClB,MAAM,EAAC,OAAO,EACd,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,uBAAuB,EAC7B,IAAI,EAAC,QAAQ,EACb,SAAS,QACT,KAAK,EAAE,CAAA,MAAA,MAAA,MAAM,CAAC,KAAK,0CAAE,IAAI,0CAAE,QAAQ,EAAE,KAAI,EAAE,EAC3C,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;;gCACd,MAAM,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK;oCAC7B,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;oCAC1B,CAAC,CAAC,SAAS,CAAA;gCACb,MAAM,CAAC,QAAQ,CACb,OAAO,CAAA,MAAA,MAAM,CAAC,KAAK,0CAAE,IAAI,CAAA,KAAK,QAAQ;oCACpC,QAAQ,KAAK,SAAS;oCACtB,CAAC,CAAC;wCACE,GAAG,MAAM,CAAC,KAAK;wCACf,IAAI,EAAE,QAAQ;qCACf;oCACH,CAAC,CAAC,SAAS,EACb,IAAI,CACL,CAAA;4BACH,CAAC,GACD,GACG,EACP,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,YACnB,KAAC,SAAS,IACR,OAAO,EAAC,UAAU,EAClB,MAAM,EAAC,OAAO,EACd,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,uBAAuB,EAC7B,IAAI,EAAC,QAAQ,EACb,SAAS,QACT,KAAK,EAAE,CAAA,MAAA,MAAA,MAAM,CAAC,KAAK,0CAAE,IAAI,0CAAE,QAAQ,EAAE,KAAI,EAAE,EAC3C,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;;gCACd,MAAM,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK;oCAC7B,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;oCAC1B,CAAC,CAAC,SAAS,CAAA;gCACb,MAAM,CAAC,QAAQ,CACb,OAAO,CAAA,MAAA,MAAM,CAAC,KAAK,0CAAE,IAAI,CAAA,KAAK,QAAQ;oCACpC,QAAQ,KAAK,SAAS;oCACtB,CAAC,CAAC;wCACE,GAAG,MAAM,CAAC,KAAK;wCACf,IAAI,EAAE,QAAQ;qCACf;oCACH,CAAC,CAAC,SAAS,EACb,IAAI,CACL,CAAA;4BACH,CAAC,GACD,GACG,IACF,CACR,CAAA;QACH,CAAC;QACD,KAAK,MAAM,CAAC,CAAC,CAAC;YACZ,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,aACxB,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,YACnB,KAAC,iBAAiB,IAChB,KAAK,EAAC,OAAO,EACb,OAAO,EAAE,MAAA,MAAM,CAAC,KAAK,0CAAE,IAAI,EAC3B,KAAK,EAAE,MAAA,MAAM,CAAC,KAAK,0CAAE,IAAI,EACzB,gBAAgB,EAAE,CAAC,SAAS,EAAE,EAAE;;gCAC9B,IAAI,SAAS,KAAK,SAAS,KAAI,MAAA,MAAM,CAAC,KAAK,0CAAE,IAAI,CAAA,EAAE,CAAC;oCAClD,OAAO,mBAAmB,MAAM,CAC9B,IAAI,IAAI,CAAC,MAAA,MAAM,CAAC,KAAK,0CAAE,IAAI,CAAC,EAC5B,eAAe,CAChB,GAAG,CAAA;gCACN,CAAC;4BACH,CAAC,EACD,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE;;gCACpB,OAAA,MAAM,CAAC,QAAQ,CACb,CAAA,MAAA,MAAM,CAAC,KAAK,0CAAE,IAAI,KAAI,CAAC,CAAC,OAAO;oCAC7B,CAAC,CAAC;wCACE,GAAG,MAAM,CAAC,KAAK;wCACf,IAAI,EAAE,OAAO;qCACd;oCACH,CAAC,CAAC,SAAS,EACb,KAAK,CACN,CAAA;6BAAA,GAEH,GACG,EACP,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,YACnB,KAAC,iBAAiB,IAChB,KAAK,EAAC,QAAQ,EACd,KAAK,EAAE,MAAA,MAAM,CAAC,KAAK,0CAAE,IAAI,EACzB,OAAO,EAAE,MAAA,MAAM,CAAC,KAAK,0CAAE,IAAI,EAC3B,gBAAgB,EAAE,CAAC,SAAS,EAAE,EAAE;;gCAC9B,IAAI,SAAS,KAAK,SAAS,KAAI,MAAA,MAAM,CAAC,KAAK,0CAAE,IAAI,CAAA,EAAE,CAAC;oCAClD,OAAO,kBAAkB,MAAM,CAC7B,IAAI,IAAI,CAAC,MAAA,MAAM,CAAC,KAAK,0CAAE,IAAI,CAAC,EAC5B,eAAe,CAChB,GAAG,CAAA;gCACN,CAAC;4BACH,CAAC,EACD,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE;;gCACpB,OAAA,MAAM,CAAC,QAAQ,CACb,CAAA,MAAA,MAAM,CAAC,KAAK,0CAAE,IAAI,KAAI,CAAC,CAAC,OAAO;oCAC7B,CAAC,CAAC;wCACE,GAAG,MAAM,CAAC,KAAK;wCACf,IAAI,EAAE,OAAO;qCACd;oCACH,CAAC,CAAC,SAAS,EACb,KAAK,CACN,CAAA;6BAAA,GAEH,GACG,IACF,CACR,CAAA;QACH,CAAC;QACD,KAAK,UAAU,CAAC,CAAC,CAAC;YAChB,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,aACxB,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,YACnB,KAAC,qBAAqB,IACpB,KAAK,EAAC,OAAO,EACb,OAAO,EAAE,MAAA,MAAM,CAAC,KAAK,0CAAE,IAAI,EAC3B,KAAK,EAAE,MAAA,MAAM,CAAC,KAAK,0CAAE,IAAI,EACzB,gBAAgB,EAAE,CAAC,SAAS,EAAE,EAAE;;gCAC9B,IAAI,SAAS,KAAK,SAAS,KAAI,MAAA,MAAM,CAAC,KAAK,0CAAE,IAAI,CAAA,EAAE,CAAC;oCAClD,OAAO,mBAAmB,MAAM,CAC9B,IAAI,IAAI,CAAC,MAAA,MAAM,CAAC,KAAK,0CAAE,IAAI,CAAC,EAC5B,eAAe,CAChB,GAAG,CAAA;gCACN,CAAC;4BACH,CAAC,EACD,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE;;gCACpB,MAAM,CAAC,QAAQ,CACb,CAAA,MAAA,MAAM,CAAC,KAAK,0CAAE,IAAI,KAAI,CAAC,CAAC,OAAO;oCAC7B,CAAC,CAAC;wCACE,GAAG,MAAM,CAAC,KAAK;wCACf,IAAI,EAAE,OAAO;qCACd;oCACH,CAAC,CAAC,SAAS,EACb,KAAK,CACN,CAAA;4BACH,CAAC,GACD,GACG,EACP,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,YACnB,KAAC,qBAAqB,IACpB,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,MAAA,MAAM,CAAC,KAAK,0CAAE,IAAI,EAC3B,KAAK,EAAE,MAAA,MAAM,CAAC,KAAK,0CAAE,IAAI,EACzB,gBAAgB,EAAE,CAAC,SAAS,EAAE,EAAE;;gCAC9B,IAAI,SAAS,KAAK,SAAS,KAAI,MAAA,MAAM,CAAC,KAAK,0CAAE,IAAI,CAAA,EAAE,CAAC;oCAClD,OAAO,kBAAkB,MAAM,CAC7B,IAAI,IAAI,CAAC,MAAA,MAAM,CAAC,KAAK,0CAAE,IAAI,CAAC,EAC5B,eAAe,CAChB,GAAG,CAAA;gCACN,CAAC;4BACH,CAAC,EACD,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE;;gCACpB,OAAA,MAAM,CAAC,QAAQ,CACb,CAAA,MAAA,MAAM,CAAC,KAAK,0CAAE,IAAI,KAAI,CAAC,CAAC,OAAO;oCAC7B,CAAC,CAAC;wCACE,GAAG,MAAM,CAAC,KAAK;wCACf,IAAI,EAAE,OAAO;qCACd;oCACH,CAAC,CAAC,SAAS,EACb,KAAK,CACN,CAAA;6BAAA,GAEH,GACG,IACF,CACR,CAAA;QACH,CAAC;QACD,KAAK,SAAS,CAAC,CAAC,CAAC;YACf,OAAO,CACL,KAAC,WAAW,IAAC,SAAS,EAAC,UAAU,YAC/B,MAAC,UAAU,kBACE,QAAQ,EACnB,IAAI,EAAC,SAAS,EACd,KAAK,EAAE,CAAA,MAAA,MAAA,MAAM,CAAC,KAAK,0CAAE,GAAG,0CAAE,QAAQ,EAAE,KAAI,MAAM,EAC9C,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;wBACd,MAAM,CAAC,QAAQ,CACb;4BACE,GAAG,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,KAAK,MAAM;yBAC/B,EACD,KAAK,CACN,CAAA;oBACH,CAAC,aAED,KAAC,gBAAgB,IAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,KAAC,KAAK,KAAG,EAAE,KAAK,EAAC,KAAK,GAAG,EACjE,KAAC,gBAAgB,IAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,KAAC,KAAK,KAAG,EAAE,KAAK,EAAC,IAAI,GAAG,IACtD,GACD,CACf,CAAA;QACH,CAAC;QACD,KAAK,gBAAgB,CAAC,CAAC,CAAC;YACtB,OAAO,CACL,KAAC,gBAAgB,IACf,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,KAAK,EAAE,MAAA,MAAM,CAAC,KAAK,0CAAE,GAAG,EACxB,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;oBACrB,MAAM,CAAC,QAAQ,CACb,QAAQ,CAAC,MAAM;wBACb,CAAC,CAAC;4BACE,GAAG,EAAE,QAAQ;yBACd;wBACH,CAAC,CAAC,SAAS,EACb,KAAK,CACN,CAAA;gBACH,CAAC,GACD,CACH,CAAA;QACH,CAAC;QACD,KAAK,kBAAkB,CAAC,CAAC,CAAC;YACxB,OAAO,CACL,KAAC,gBAAgB,IACf,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,KAAK,EAAE,MAAA,MAAA,MAAM,CAAC,KAAK,0CAAE,UAAU,0CAAE,GAAG,EACpC,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;oBACrB,MAAM,CAAC,QAAQ,CACb,QAAQ,CAAC,MAAM;wBACb,CAAC,CAAC;4BACE,UAAU,EAAE;gCACV,GAAG,EAAE,QAAQ;6BACd;yBACF;wBACH,CAAC,CAAC,SAAS,EACb,KAAK,CACN,CAAA;gBACH,CAAC,GACD,CACH,CAAA;QACH,CAAC;QACD,OAAO,CAAC,CAAC,CAAC;YACR,OAAO,IAAI,CAAA;QACb,CAAC;IACH,CAAC;AACH,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,CAAA;AAExC,SAAS,gBAAgB,CAAC,EACxB,OAAO,EACP,KAAK,EACL,QAAQ,GAKT;IACC,OAAO,CACL,KAAC,eAAe,IACd,OAAO,EAAC,UAAU,EAClB,MAAM,EAAC,OAAO,EACd,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,QAAQ,EACd,MAAM,QACN,WAAW,EAAE;YACX,QAAQ,EAAE,IAAI;YACd,WAAW,EAAE,CAAC,WAAoB,EAAE,EAAE;gBACpC,OAAO,OAAO;qBACX,MAAM,CAAW,CAAC,cAAc,EAAE,MAAM,EAAE,EAAE;oBAC3C,IAAK,WAAwB,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;wBACrD,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;oBACnC,CAAC;oBACD,OAAO,cAAc,CAAA;gBACvB,CAAC,EAAE,EAAE,CAAC;qBACL,IAAI,CAAC,IAAI,CAAC,CAAA;YACf,CAAC;SACF,EACD,SAAS,QACT,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,QAAQ,EAAE,CAAC,CAAsC,EAAE,EAAE;YACnD,MAAM,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC,KAA4B,CAAA;YACtD,QAAQ,CAAC,QAAQ,CAAC,CAAA;QACpB,CAAC,YAEA,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,MAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,aAC3B,KAAC,QAAQ,IAAC,OAAO,EAAE,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,MAAM,CAAC,KAAK,CAAC,CAAA,GAAI,EAC/D,KAAC,YAAY,cAAE,MAAM,CAAC,KAAK,GAAgB,KAFT,MAAM,CAAC,KAAK,CAGrC,CACZ,CAAC,GACc,CACnB,CAAA;AACH,CAAC","sourcesContent":["import * as React from 'react'\nimport { FormTypes } from '@oneblink/types'\nimport { FormStoreRecord } from '@oneblink/types/typescript/submissions'\nimport { ColumnMeta } from '@tanstack/react-table'\nimport {\n  Checkbox,\n  FormControl,\n  FormControlLabel,\n  Grid,\n  ListItemText,\n  MenuItem,\n  Radio,\n  RadioGroup,\n  TextField,\n} from '@mui/material'\nimport { styled } from '@mui/material/styles'\nimport { format } from 'date-fns'\nimport { localisationService } from '../../../apps'\nimport { FiltersDatePicker, FiltersDateTimePicker } from './Pickers'\n\nconst StyledTextField = styled(TextField)(() => ({\n  width: '350px',\n}))\n\ntype Props = {\n  filter: NonNullable<ColumnMeta<FormStoreRecord, unknown>['filter']>\n}\n\nconst shortDateFormat = localisationService.getDateFnsFormats().shortDate\n\nfunction ColumnFilters({ filter }: Props) {\n  switch (filter.type) {\n    case 'SUBMISSION_ID': {\n      return (\n        <StyledTextField\n          autoFocus\n          variant=\"outlined\"\n          margin=\"dense\"\n          size=\"small\"\n          label=\"Filter\"\n          type=\"text\"\n          fullWidth\n          value={filter.value?.$eq || ''}\n          onChange={(e: React.ChangeEvent<HTMLInputElement>) => {\n            filter.onChange(\n              e.target.value\n                ? {\n                    $eq: e.target.value,\n                  }\n                : undefined,\n              true,\n            )\n          }}\n        />\n      )\n    }\n    case 'TEXT': {\n      return (\n        <StyledTextField\n          autoFocus\n          variant=\"outlined\"\n          margin=\"dense\"\n          size=\"small\"\n          label=\"Filter\"\n          type=\"text\"\n          fullWidth\n          value={filter.value?.$regex || ''}\n          onChange={(e: React.ChangeEvent<HTMLInputElement>) => {\n            filter.onChange(\n              e.target.value\n                ? {\n                    $regex: e.target.value,\n                    // hard code case in-sensitive and multi-line searching\n                    $options: 'im',\n                  }\n                : undefined,\n              true,\n            )\n          }}\n        />\n      )\n    }\n    case 'NUMBER': {\n      return (\n        <Grid container spacing={1}>\n          <Grid size={{ xs: 6 }}>\n            <TextField\n              autoFocus\n              variant=\"outlined\"\n              margin=\"dense\"\n              size=\"small\"\n              label=\"More Than Or Equal To\"\n              type=\"number\"\n              fullWidth\n              value={filter.value?.$gte?.toString() || ''}\n              onChange={(e) => {\n                const newValue = e.target.value\n                  ? parseInt(e.target.value)\n                  : undefined\n                filter.onChange(\n                  typeof filter.value?.$lte === 'number' ||\n                    newValue !== undefined\n                    ? {\n                        ...filter.value,\n                        $gte: newValue,\n                      }\n                    : undefined,\n                  true,\n                )\n              }}\n            />\n          </Grid>\n          <Grid size={{ xs: 6 }}>\n            <TextField\n              variant=\"outlined\"\n              margin=\"dense\"\n              size=\"small\"\n              label=\"Less Than Or Equal To\"\n              type=\"number\"\n              fullWidth\n              value={filter.value?.$lte?.toString() || ''}\n              onChange={(e) => {\n                const newValue = e.target.value\n                  ? parseInt(e.target.value)\n                  : undefined\n                filter.onChange(\n                  typeof filter.value?.$gte === 'number' ||\n                    newValue !== undefined\n                    ? {\n                        ...filter.value,\n                        $lte: newValue,\n                      }\n                    : undefined,\n                  true,\n                )\n              }}\n            />\n          </Grid>\n        </Grid>\n      )\n    }\n    case 'DATE': {\n      return (\n        <Grid container spacing={1}>\n          <Grid size={{ xs: 6 }}>\n            <FiltersDatePicker\n              label=\"After\"\n              maxDate={filter.value?.$lte}\n              value={filter.value?.$gte}\n              renderHelperText={(errorType) => {\n                if (errorType === 'maxDate' && filter.value?.$lte) {\n                  return `Must be before \"${format(\n                    new Date(filter.value?.$lte),\n                    shortDateFormat,\n                  )}\"`\n                }\n              }}\n              onChange={(newDate) =>\n                filter.onChange(\n                  filter.value?.$lte || !!newDate\n                    ? {\n                        ...filter.value,\n                        $gte: newDate,\n                      }\n                    : undefined,\n                  false,\n                )\n              }\n            />\n          </Grid>\n          <Grid size={{ xs: 6 }}>\n            <FiltersDatePicker\n              label=\"Before\"\n              value={filter.value?.$lte}\n              minDate={filter.value?.$gte}\n              renderHelperText={(errorType) => {\n                if (errorType === 'minDate' && filter.value?.$gte) {\n                  return `Must be after \"${format(\n                    new Date(filter.value?.$gte),\n                    shortDateFormat,\n                  )}\"`\n                }\n              }}\n              onChange={(newDate) =>\n                filter.onChange(\n                  filter.value?.$gte || !!newDate\n                    ? {\n                        ...filter.value,\n                        $lte: newDate,\n                      }\n                    : undefined,\n                  false,\n                )\n              }\n            />\n          </Grid>\n        </Grid>\n      )\n    }\n    case 'DATETIME': {\n      return (\n        <Grid container spacing={1}>\n          <Grid size={{ xs: 6 }}>\n            <FiltersDateTimePicker\n              label=\"After\"\n              maxDate={filter.value?.$lte}\n              value={filter.value?.$gte}\n              renderHelperText={(errorType) => {\n                if (errorType === 'maxDate' && filter.value?.$lte) {\n                  return `Must be before \"${format(\n                    new Date(filter.value?.$lte),\n                    shortDateFormat,\n                  )}\"`\n                }\n              }}\n              onChange={(newDate) => {\n                filter.onChange(\n                  filter.value?.$lte || !!newDate\n                    ? {\n                        ...filter.value,\n                        $gte: newDate,\n                      }\n                    : undefined,\n                  false,\n                )\n              }}\n            />\n          </Grid>\n          <Grid size={{ xs: 6 }}>\n            <FiltersDateTimePicker\n              label=\"Before\"\n              minDate={filter.value?.$gte}\n              value={filter.value?.$lte}\n              renderHelperText={(errorType) => {\n                if (errorType === 'minDate' && filter.value?.$gte) {\n                  return `Must be after \"${format(\n                    new Date(filter.value?.$gte),\n                    shortDateFormat,\n                  )}\"`\n                }\n              }}\n              onChange={(newDate) =>\n                filter.onChange(\n                  filter.value?.$gte || !!newDate\n                    ? {\n                        ...filter.value,\n                        $lte: newDate,\n                      }\n                    : undefined,\n                  false,\n                )\n              }\n            />\n          </Grid>\n        </Grid>\n      )\n    }\n    case 'BOOLEAN': {\n      return (\n        <FormControl component=\"fieldset\">\n          <RadioGroup\n            aria-label=\"gender\"\n            name=\"gender1\"\n            value={filter.value?.$eq?.toString() || 'null'}\n            onChange={(e) => {\n              filter.onChange(\n                {\n                  $eq: e.target.value === 'true',\n                },\n                false,\n              )\n            }}\n          >\n            <FormControlLabel value=\"true\" control={<Radio />} label=\"Yes\" />\n            <FormControlLabel value=\"false\" control={<Radio />} label=\"No\" />\n          </RadioGroup>\n        </FormControl>\n      )\n    }\n    case 'OPTIONS_SINGLE': {\n      return (\n        <OptionsTextField\n          options={filter.options}\n          value={filter.value?.$in}\n          onChange={(newValue) => {\n            filter.onChange(\n              newValue.length\n                ? {\n                    $in: newValue,\n                  }\n                : undefined,\n              false,\n            )\n          }}\n        />\n      )\n    }\n    case 'OPTIONS_MULTIPLE': {\n      return (\n        <OptionsTextField\n          options={filter.options}\n          value={filter.value?.$elemMatch?.$in}\n          onChange={(newValue) => {\n            filter.onChange(\n              newValue.length\n                ? {\n                    $elemMatch: {\n                      $in: newValue,\n                    },\n                  }\n                : undefined,\n              false,\n            )\n          }}\n        />\n      )\n    }\n    default: {\n      return null\n    }\n  }\n}\n\nexport default React.memo(ColumnFilters)\n\nfunction OptionsTextField({\n  options,\n  value,\n  onChange,\n}: {\n  options: FormTypes.ChoiceElementOption[]\n  value: string[] | undefined\n  onChange: (newValue: string[]) => void\n}) {\n  return (\n    <StyledTextField\n      variant=\"outlined\"\n      margin=\"dense\"\n      size=\"small\"\n      label=\"Filter\"\n      select\n      SelectProps={{\n        multiple: true,\n        renderValue: (selectedIds: unknown) => {\n          return options\n            .reduce<string[]>((selectedLabels, option) => {\n              if ((selectedIds as string[]).includes(option.value)) {\n                selectedLabels.push(option.label)\n              }\n              return selectedLabels\n            }, [])\n            .join(', ')\n        },\n      }}\n      fullWidth\n      value={value || []}\n      onChange={(e: React.ChangeEvent<HTMLInputElement>) => {\n        const newValue = e.target.value as unknown as string[]\n        onChange(newValue)\n      }}\n    >\n      {options.map((option) => (\n        <MenuItem value={option.value} key={option.value}>\n          <Checkbox checked={!!value?.some((v) => v === option.value)} />\n          <ListItemText>{option.label}</ListItemText>\n        </MenuItem>\n      ))}\n    </StyledTextField>\n  )\n}\n"]}
+{"version":3,"file":"ColumnFilters.js","sourceRoot":"","sources":["../../../../src/components/formStore/table/ColumnFilters.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EACL,QAAQ,EACR,WAAW,EACX,gBAAgB,EAChB,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,KAAK,EACL,UAAU,EACV,SAAS,GACV,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA;AACnD,OAAO,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAA;AAEpE,MAAM,eAAe,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IAC/C,KAAK,EAAE,OAAO;CACf,CAAC,CAAC,CAAA;AAMH,MAAM,eAAe,GAAG,mBAAmB,CAAC,iBAAiB,EAAE,CAAC,SAAS,CAAA;AAMzE,SAAS,aAAa,CAAC,EAAE,MAAM,EAAS;;IACtC,QAAQ,MAAM,CAAC,IAAI,EAAE,CAAC;QACpB,KAAK,eAAe,CAAC,CAAC,CAAC;YACrB,OAAO,CACL,KAAC,eAAe,IACd,SAAS,QACT,OAAO,EAAC,UAAU,EAClB,MAAM,EAAC,OAAO,EACd,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,MAAM,EACX,SAAS,QACT,KAAK,EAAE,CAAA,MAAA,MAAM,CAAC,KAAK,0CAAE,GAAG,KAAI,EAAE,EAC9B,QAAQ,EAAE,CAAC,CAAsC,EAAE,EAAE;oBACnD,MAAM,CAAC,QAAQ,CACb,CAAC,CAAC,MAAM,CAAC,KAAK;wBACZ,CAAC,CAAC;4BACE,GAAG,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;yBACpB;wBACH,CAAC,CAAC,SAAS,EACb,IAAI,CACL,CAAA;gBACH,CAAC,GACD,CACH,CAAA;QACH,CAAC;QACD,KAAK,MAAM,CAAC,CAAC,CAAC;YACZ,OAAO,CACL,KAAC,eAAe,IACd,SAAS,QACT,OAAO,EAAC,UAAU,EAClB,MAAM,EAAC,OAAO,EACd,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,MAAM,EACX,SAAS,QACT,KAAK,EAAE,CAAA,MAAA,MAAM,CAAC,KAAK,0CAAE,MAAM,KAAI,EAAE,EACjC,QAAQ,EAAE,CAAC,CAAsC,EAAE,EAAE;oBACnD,MAAM,CAAC,QAAQ,CACb,CAAC,CAAC,MAAM,CAAC,KAAK;wBACZ,CAAC,CAAC;4BACE,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;4BACtB,uDAAuD;4BACvD,QAAQ,EAAE,IAAI;yBACf;wBACH,CAAC,CAAC,SAAS,EACb,IAAI,CACL,CAAA;gBACH,CAAC,GACD,CACH,CAAA;QACH,CAAC;QACD,KAAK,QAAQ,CAAC,CAAC,CAAC;YACd,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,aACxB,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,YACnB,KAAC,SAAS,IACR,SAAS,QACT,OAAO,EAAC,UAAU,EAClB,MAAM,EAAC,OAAO,EACd,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,uBAAuB,EAC7B,IAAI,EAAC,QAAQ,EACb,SAAS,QACT,KAAK,EAAE,CAAA,MAAA,MAAA,MAAM,CAAC,KAAK,0CAAE,IAAI,0CAAE,QAAQ,EAAE,KAAI,EAAE,EAC3C,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;;gCACd,MAAM,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK;oCAC7B,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;oCAC1B,CAAC,CAAC,SAAS,CAAA;gCACb,MAAM,CAAC,QAAQ,CACb,OAAO,CAAA,MAAA,MAAM,CAAC,KAAK,0CAAE,IAAI,CAAA,KAAK,QAAQ;oCACpC,QAAQ,KAAK,SAAS;oCACtB,CAAC,CAAC;wCACE,GAAG,MAAM,CAAC,KAAK;wCACf,IAAI,EAAE,QAAQ;qCACf;oCACH,CAAC,CAAC,SAAS,EACb,IAAI,CACL,CAAA;4BACH,CAAC,GACD,GACG,EACP,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,YACnB,KAAC,SAAS,IACR,OAAO,EAAC,UAAU,EAClB,MAAM,EAAC,OAAO,EACd,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,uBAAuB,EAC7B,IAAI,EAAC,QAAQ,EACb,SAAS,QACT,KAAK,EAAE,CAAA,MAAA,MAAA,MAAM,CAAC,KAAK,0CAAE,IAAI,0CAAE,QAAQ,EAAE,KAAI,EAAE,EAC3C,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;;gCACd,MAAM,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK;oCAC7B,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;oCAC1B,CAAC,CAAC,SAAS,CAAA;gCACb,MAAM,CAAC,QAAQ,CACb,OAAO,CAAA,MAAA,MAAM,CAAC,KAAK,0CAAE,IAAI,CAAA,KAAK,QAAQ;oCACpC,QAAQ,KAAK,SAAS;oCACtB,CAAC,CAAC;wCACE,GAAG,MAAM,CAAC,KAAK;wCACf,IAAI,EAAE,QAAQ;qCACf;oCACH,CAAC,CAAC,SAAS,EACb,IAAI,CACL,CAAA;4BACH,CAAC,GACD,GACG,IACF,CACR,CAAA;QACH,CAAC;QACD,KAAK,MAAM,CAAC,CAAC,CAAC;YACZ,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,aACxB,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,YACnB,KAAC,iBAAiB,IAChB,KAAK,EAAC,OAAO,EACb,OAAO,EAAE,MAAA,MAAM,CAAC,KAAK,0CAAE,IAAI,EAC3B,KAAK,EAAE,MAAA,MAAM,CAAC,KAAK,0CAAE,IAAI,EACzB,gBAAgB,EAAE,CAAC,SAAS,EAAE,EAAE;;gCAC9B,IAAI,SAAS,KAAK,SAAS,KAAI,MAAA,MAAM,CAAC,KAAK,0CAAE,IAAI,CAAA,EAAE,CAAC;oCAClD,OAAO,mBAAmB,MAAM,CAC9B,IAAI,IAAI,CAAC,MAAA,MAAM,CAAC,KAAK,0CAAE,IAAI,CAAC,EAC5B,eAAe,CAChB,GAAG,CAAA;gCACN,CAAC;4BACH,CAAC,EACD,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE;;gCACpB,OAAA,MAAM,CAAC,QAAQ,CACb,CAAA,MAAA,MAAM,CAAC,KAAK,0CAAE,IAAI,KAAI,CAAC,CAAC,OAAO;oCAC7B,CAAC,CAAC;wCACE,GAAG,MAAM,CAAC,KAAK;wCACf,IAAI,EAAE,OAAO;qCACd;oCACH,CAAC,CAAC,SAAS,EACb,KAAK,CACN,CAAA;6BAAA,GAEH,GACG,EACP,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,YACnB,KAAC,iBAAiB,IAChB,KAAK,EAAC,QAAQ,EACd,KAAK,EAAE,MAAA,MAAM,CAAC,KAAK,0CAAE,IAAI,EACzB,OAAO,EAAE,MAAA,MAAM,CAAC,KAAK,0CAAE,IAAI,EAC3B,gBAAgB,EAAE,CAAC,SAAS,EAAE,EAAE;;gCAC9B,IAAI,SAAS,KAAK,SAAS,KAAI,MAAA,MAAM,CAAC,KAAK,0CAAE,IAAI,CAAA,EAAE,CAAC;oCAClD,OAAO,kBAAkB,MAAM,CAC7B,IAAI,IAAI,CAAC,MAAA,MAAM,CAAC,KAAK,0CAAE,IAAI,CAAC,EAC5B,eAAe,CAChB,GAAG,CAAA;gCACN,CAAC;4BACH,CAAC,EACD,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE;;gCACpB,OAAA,MAAM,CAAC,QAAQ,CACb,CAAA,MAAA,MAAM,CAAC,KAAK,0CAAE,IAAI,KAAI,CAAC,CAAC,OAAO;oCAC7B,CAAC,CAAC;wCACE,GAAG,MAAM,CAAC,KAAK;wCACf,IAAI,EAAE,OAAO;qCACd;oCACH,CAAC,CAAC,SAAS,EACb,KAAK,CACN,CAAA;6BAAA,GAEH,GACG,IACF,CACR,CAAA;QACH,CAAC;QACD,KAAK,UAAU,CAAC,CAAC,CAAC;YAChB,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,aACxB,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,YACnB,KAAC,qBAAqB,IACpB,KAAK,EAAC,OAAO,EACb,OAAO,EAAE,MAAA,MAAM,CAAC,KAAK,0CAAE,IAAI,EAC3B,KAAK,EAAE,MAAA,MAAM,CAAC,KAAK,0CAAE,IAAI,EACzB,gBAAgB,EAAE,CAAC,SAAS,EAAE,EAAE;;gCAC9B,IAAI,SAAS,KAAK,SAAS,KAAI,MAAA,MAAM,CAAC,KAAK,0CAAE,IAAI,CAAA,EAAE,CAAC;oCAClD,OAAO,mBAAmB,MAAM,CAC9B,IAAI,IAAI,CAAC,MAAA,MAAM,CAAC,KAAK,0CAAE,IAAI,CAAC,EAC5B,eAAe,CAChB,GAAG,CAAA;gCACN,CAAC;4BACH,CAAC,EACD,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE;;gCACpB,MAAM,CAAC,QAAQ,CACb,CAAA,MAAA,MAAM,CAAC,KAAK,0CAAE,IAAI,KAAI,CAAC,CAAC,OAAO;oCAC7B,CAAC,CAAC;wCACE,GAAG,MAAM,CAAC,KAAK;wCACf,IAAI,EAAE,OAAO;qCACd;oCACH,CAAC,CAAC,SAAS,EACb,KAAK,CACN,CAAA;4BACH,CAAC,GACD,GACG,EACP,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,YACnB,KAAC,qBAAqB,IACpB,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,MAAA,MAAM,CAAC,KAAK,0CAAE,IAAI,EAC3B,KAAK,EAAE,MAAA,MAAM,CAAC,KAAK,0CAAE,IAAI,EACzB,gBAAgB,EAAE,CAAC,SAAS,EAAE,EAAE;;gCAC9B,IAAI,SAAS,KAAK,SAAS,KAAI,MAAA,MAAM,CAAC,KAAK,0CAAE,IAAI,CAAA,EAAE,CAAC;oCAClD,OAAO,kBAAkB,MAAM,CAC7B,IAAI,IAAI,CAAC,MAAA,MAAM,CAAC,KAAK,0CAAE,IAAI,CAAC,EAC5B,eAAe,CAChB,GAAG,CAAA;gCACN,CAAC;4BACH,CAAC,EACD,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE;;gCACpB,OAAA,MAAM,CAAC,QAAQ,CACb,CAAA,MAAA,MAAM,CAAC,KAAK,0CAAE,IAAI,KAAI,CAAC,CAAC,OAAO;oCAC7B,CAAC,CAAC;wCACE,GAAG,MAAM,CAAC,KAAK;wCACf,IAAI,EAAE,OAAO;qCACd;oCACH,CAAC,CAAC,SAAS,EACb,KAAK,CACN,CAAA;6BAAA,GAEH,GACG,IACF,CACR,CAAA;QACH,CAAC;QACD,KAAK,SAAS,CAAC,CAAC,CAAC;YACf,OAAO,CACL,KAAC,WAAW,IAAC,SAAS,EAAC,UAAU,YAC/B,MAAC,UAAU,kBACE,QAAQ,EACnB,IAAI,EAAC,SAAS,EACd,KAAK,EAAE,CAAA,MAAA,MAAA,MAAM,CAAC,KAAK,0CAAE,GAAG,0CAAE,QAAQ,EAAE,KAAI,MAAM,EAC9C,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;wBACd,MAAM,CAAC,QAAQ,CACb;4BACE,GAAG,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,KAAK,MAAM;yBAC/B,EACD,KAAK,CACN,CAAA;oBACH,CAAC,aAED,KAAC,gBAAgB,IAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,KAAC,KAAK,KAAG,EAAE,KAAK,EAAC,KAAK,GAAG,EACjE,KAAC,gBAAgB,IAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,KAAC,KAAK,KAAG,EAAE,KAAK,EAAC,IAAI,GAAG,IACtD,GACD,CACf,CAAA;QACH,CAAC;QACD,KAAK,gBAAgB,CAAC,CAAC,CAAC;YACtB,OAAO,CACL,KAAC,gBAAgB,IACf,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,KAAK,EAAE,MAAA,MAAM,CAAC,KAAK,0CAAE,GAAG,EACxB,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;oBACrB,MAAM,CAAC,QAAQ,CACb,QAAQ,CAAC,MAAM;wBACb,CAAC,CAAC;4BACE,GAAG,EAAE,QAAQ;yBACd;wBACH,CAAC,CAAC,SAAS,EACb,KAAK,CACN,CAAA;gBACH,CAAC,GACD,CACH,CAAA;QACH,CAAC;QACD,KAAK,kBAAkB,CAAC,CAAC,CAAC;YACxB,OAAO,CACL,KAAC,gBAAgB,IACf,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,KAAK,EAAE,MAAA,MAAA,MAAM,CAAC,KAAK,0CAAE,UAAU,0CAAE,GAAG,EACpC,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;oBACrB,MAAM,CAAC,QAAQ,CACb,QAAQ,CAAC,MAAM;wBACb,CAAC,CAAC;4BACE,UAAU,EAAE;gCACV,GAAG,EAAE,QAAQ;6BACd;yBACF;wBACH,CAAC,CAAC,SAAS,EACb,KAAK,CACN,CAAA;gBACH,CAAC,GACD,CACH,CAAA;QACH,CAAC;QACD,KAAK,cAAc,CAAC,CAAC,CAAC;YACpB,OAAO,CACL,KAAC,mBAAmB,IAClB,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,KAAK,EAAE,MAAA,MAAM,CAAC,KAAK,0CAAE,GAAG,EACxB,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;oBACrB,MAAM,CAAC,QAAQ,CACb,QAAQ,CAAC,MAAM;wBACb,CAAC,CAAC;4BACE,GAAG,EAAE,QAAQ;yBACd;wBACH,CAAC,CAAC,SAAS,EACb,KAAK,CACN,CAAA;gBACH,CAAC,GACD,CACH,CAAA;QACH,CAAC;QACD,OAAO,CAAC,CAAC,CAAC;YACR,OAAO,IAAI,CAAA;QACb,CAAC;IACH,CAAC;AACH,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,CAAA;AAExC,MAAM,eAAe,GAAG,YAAY,CAAA;AAEpC,SAAS,mBAAmB,CAAC,EAC3B,OAAO,EACP,KAAK,EACL,QAAQ,GAKT;IACC,MAAM,eAAe,GAAG,KAAK,CAAC,OAAO,CACnC,GAAG,EAAE,WACH,OAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,mCAAI,EAAE,CAAA,EAAA,EACxE,CAAC,KAAK,CAAC,CACR,CAAA;IAED,OAAO,CACL,KAAC,eAAe,IACd,OAAO,EAAC,UAAU,EAClB,MAAM,EAAC,OAAO,EACd,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,QAAQ,EACd,MAAM,QACN,SAAS,EAAE;YACT,MAAM,EAAE;gBACN,QAAQ,EAAE,IAAI;gBACd,WAAW,EAAE,CAAC,WAAW,EAAE,EAAE;oBAC3B,OAAO,OAAO;yBACX,MAAM,CAAW,CAAC,cAAc,EAAE,MAAM,EAAE,EAAE;wBAC3C,MAAM,GAAG,GACP,MAAM,CAAC,KAAK,KAAK,IAAI;4BACnB,CAAC,CAAC,eAAe;4BACjB,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAA;wBAC7B,IAAK,WAAwB,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;4BAC5C,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;wBACnC,CAAC;wBACD,OAAO,cAAc,CAAA;oBACvB,CAAC,EAAE,EAAE,CAAC;yBACL,IAAI,CAAC,IAAI,CAAC,CAAA;gBACf,CAAC;aACF;SACF,EACD,SAAS,QACT,KAAK,EAAE,eAAe,EACtB,QAAQ,EAAE,CAAC,CAAsC,EAAE,EAAE;YACnD,MAAM,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC,KAA4B,CAAA;YACtD,QAAQ,CACN,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CACtE,CAAA;QACH,CAAC,YAEA,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;YACtB,MAAM,GAAG,GACP,MAAM,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAA;YACnE,OAAO,CACL,MAAC,QAAQ,IAAC,KAAK,EAAE,GAAG,aAClB,KAAC,QAAQ,IAAC,OAAO,EAAE,eAAe,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAI,EACpD,KAAC,YAAY,cAAE,MAAM,CAAC,KAAK,GAAgB,KAFlB,GAAG,CAGnB,CACZ,CAAA;QACH,CAAC,CAAC,GACc,CACnB,CAAA;AACH,CAAC;AAED,SAAS,gBAAgB,CAAC,EACxB,OAAO,EACP,KAAK,EACL,QAAQ,GAKT;IACC,OAAO,CACL,KAAC,eAAe,IACd,OAAO,EAAC,UAAU,EAClB,MAAM,EAAC,OAAO,EACd,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,QAAQ,EACd,MAAM,QACN,WAAW,EAAE;YACX,QAAQ,EAAE,IAAI;YACd,WAAW,EAAE,CAAC,WAAoB,EAAE,EAAE;gBACpC,OAAO,OAAO;qBACX,MAAM,CAAW,CAAC,cAAc,EAAE,MAAM,EAAE,EAAE;oBAC3C,IAAK,WAAwB,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;wBACrD,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;oBACnC,CAAC;oBACD,OAAO,cAAc,CAAA;gBACvB,CAAC,EAAE,EAAE,CAAC;qBACL,IAAI,CAAC,IAAI,CAAC,CAAA;YACf,CAAC;SACF,EACD,SAAS,QACT,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,QAAQ,EAAE,CAAC,CAAsC,EAAE,EAAE;YACnD,MAAM,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC,KAA4B,CAAA;YACtD,QAAQ,CAAC,QAAQ,CAAC,CAAA;QACpB,CAAC,YAEA,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,MAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,aAC3B,KAAC,QAAQ,IAAC,OAAO,EAAE,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,MAAM,CAAC,KAAK,CAAC,CAAA,GAAI,EAC/D,KAAC,YAAY,cAAE,MAAM,CAAC,KAAK,GAAgB,KAFT,MAAM,CAAC,KAAK,CAGrC,CACZ,CAAC,GACc,CACnB,CAAA;AACH,CAAC","sourcesContent":["import * as React from 'react'\nimport { FormTypes } from '@oneblink/types'\nimport { FormStoreRecord } from '@oneblink/types/typescript/submissions'\nimport { ColumnMeta } from '@tanstack/react-table'\nimport {\n  Checkbox,\n  FormControl,\n  FormControlLabel,\n  Grid,\n  ListItemText,\n  MenuItem,\n  Radio,\n  RadioGroup,\n  TextField,\n} from '@mui/material'\nimport { styled } from '@mui/material/styles'\nimport { format } from 'date-fns'\nimport { localisationService } from '../../../apps'\nimport { FiltersDatePicker, FiltersDateTimePicker } from './Pickers'\n\nconst StyledTextField = styled(TextField)(() => ({\n  width: '350px',\n}))\n\ntype Props = {\n  filter: NonNullable<ColumnMeta<FormStoreRecord, unknown>['filter']>\n}\n\nconst shortDateFormat = localisationService.getDateFnsFormats().shortDate\n\nexport type FormsAppOption = {\n  value: number | null\n  label: string\n}\nfunction ColumnFilters({ filter }: Props) {\n  switch (filter.type) {\n    case 'SUBMISSION_ID': {\n      return (\n        <StyledTextField\n          autoFocus\n          variant=\"outlined\"\n          margin=\"dense\"\n          size=\"small\"\n          label=\"Filter\"\n          type=\"text\"\n          fullWidth\n          value={filter.value?.$eq || ''}\n          onChange={(e: React.ChangeEvent<HTMLInputElement>) => {\n            filter.onChange(\n              e.target.value\n                ? {\n                    $eq: e.target.value,\n                  }\n                : undefined,\n              true,\n            )\n          }}\n        />\n      )\n    }\n    case 'TEXT': {\n      return (\n        <StyledTextField\n          autoFocus\n          variant=\"outlined\"\n          margin=\"dense\"\n          size=\"small\"\n          label=\"Filter\"\n          type=\"text\"\n          fullWidth\n          value={filter.value?.$regex || ''}\n          onChange={(e: React.ChangeEvent<HTMLInputElement>) => {\n            filter.onChange(\n              e.target.value\n                ? {\n                    $regex: e.target.value,\n                    // hard code case in-sensitive and multi-line searching\n                    $options: 'im',\n                  }\n                : undefined,\n              true,\n            )\n          }}\n        />\n      )\n    }\n    case 'NUMBER': {\n      return (\n        <Grid container spacing={1}>\n          <Grid size={{ xs: 6 }}>\n            <TextField\n              autoFocus\n              variant=\"outlined\"\n              margin=\"dense\"\n              size=\"small\"\n              label=\"More Than Or Equal To\"\n              type=\"number\"\n              fullWidth\n              value={filter.value?.$gte?.toString() || ''}\n              onChange={(e) => {\n                const newValue = e.target.value\n                  ? parseInt(e.target.value)\n                  : undefined\n                filter.onChange(\n                  typeof filter.value?.$lte === 'number' ||\n                    newValue !== undefined\n                    ? {\n                        ...filter.value,\n                        $gte: newValue,\n                      }\n                    : undefined,\n                  true,\n                )\n              }}\n            />\n          </Grid>\n          <Grid size={{ xs: 6 }}>\n            <TextField\n              variant=\"outlined\"\n              margin=\"dense\"\n              size=\"small\"\n              label=\"Less Than Or Equal To\"\n              type=\"number\"\n              fullWidth\n              value={filter.value?.$lte?.toString() || ''}\n              onChange={(e) => {\n                const newValue = e.target.value\n                  ? parseInt(e.target.value)\n                  : undefined\n                filter.onChange(\n                  typeof filter.value?.$gte === 'number' ||\n                    newValue !== undefined\n                    ? {\n                        ...filter.value,\n                        $lte: newValue,\n                      }\n                    : undefined,\n                  true,\n                )\n              }}\n            />\n          </Grid>\n        </Grid>\n      )\n    }\n    case 'DATE': {\n      return (\n        <Grid container spacing={1}>\n          <Grid size={{ xs: 6 }}>\n            <FiltersDatePicker\n              label=\"After\"\n              maxDate={filter.value?.$lte}\n              value={filter.value?.$gte}\n              renderHelperText={(errorType) => {\n                if (errorType === 'maxDate' && filter.value?.$lte) {\n                  return `Must be before \"${format(\n                    new Date(filter.value?.$lte),\n                    shortDateFormat,\n                  )}\"`\n                }\n              }}\n              onChange={(newDate) =>\n                filter.onChange(\n                  filter.value?.$lte || !!newDate\n                    ? {\n                        ...filter.value,\n                        $gte: newDate,\n                      }\n                    : undefined,\n                  false,\n                )\n              }\n            />\n          </Grid>\n          <Grid size={{ xs: 6 }}>\n            <FiltersDatePicker\n              label=\"Before\"\n              value={filter.value?.$lte}\n              minDate={filter.value?.$gte}\n              renderHelperText={(errorType) => {\n                if (errorType === 'minDate' && filter.value?.$gte) {\n                  return `Must be after \"${format(\n                    new Date(filter.value?.$gte),\n                    shortDateFormat,\n                  )}\"`\n                }\n              }}\n              onChange={(newDate) =>\n                filter.onChange(\n                  filter.value?.$gte || !!newDate\n                    ? {\n                        ...filter.value,\n                        $lte: newDate,\n                      }\n                    : undefined,\n                  false,\n                )\n              }\n            />\n          </Grid>\n        </Grid>\n      )\n    }\n    case 'DATETIME': {\n      return (\n        <Grid container spacing={1}>\n          <Grid size={{ xs: 6 }}>\n            <FiltersDateTimePicker\n              label=\"After\"\n              maxDate={filter.value?.$lte}\n              value={filter.value?.$gte}\n              renderHelperText={(errorType) => {\n                if (errorType === 'maxDate' && filter.value?.$lte) {\n                  return `Must be before \"${format(\n                    new Date(filter.value?.$lte),\n                    shortDateFormat,\n                  )}\"`\n                }\n              }}\n              onChange={(newDate) => {\n                filter.onChange(\n                  filter.value?.$lte || !!newDate\n                    ? {\n                        ...filter.value,\n                        $gte: newDate,\n                      }\n                    : undefined,\n                  false,\n                )\n              }}\n            />\n          </Grid>\n          <Grid size={{ xs: 6 }}>\n            <FiltersDateTimePicker\n              label=\"Before\"\n              minDate={filter.value?.$gte}\n              value={filter.value?.$lte}\n              renderHelperText={(errorType) => {\n                if (errorType === 'minDate' && filter.value?.$gte) {\n                  return `Must be after \"${format(\n                    new Date(filter.value?.$gte),\n                    shortDateFormat,\n                  )}\"`\n                }\n              }}\n              onChange={(newDate) =>\n                filter.onChange(\n                  filter.value?.$gte || !!newDate\n                    ? {\n                        ...filter.value,\n                        $lte: newDate,\n                      }\n                    : undefined,\n                  false,\n                )\n              }\n            />\n          </Grid>\n        </Grid>\n      )\n    }\n    case 'BOOLEAN': {\n      return (\n        <FormControl component=\"fieldset\">\n          <RadioGroup\n            aria-label=\"gender\"\n            name=\"gender1\"\n            value={filter.value?.$eq?.toString() || 'null'}\n            onChange={(e) => {\n              filter.onChange(\n                {\n                  $eq: e.target.value === 'true',\n                },\n                false,\n              )\n            }}\n          >\n            <FormControlLabel value=\"true\" control={<Radio />} label=\"Yes\" />\n            <FormControlLabel value=\"false\" control={<Radio />} label=\"No\" />\n          </RadioGroup>\n        </FormControl>\n      )\n    }\n    case 'OPTIONS_SINGLE': {\n      return (\n        <OptionsTextField\n          options={filter.options}\n          value={filter.value?.$in}\n          onChange={(newValue) => {\n            filter.onChange(\n              newValue.length\n                ? {\n                    $in: newValue,\n                  }\n                : undefined,\n              false,\n            )\n          }}\n        />\n      )\n    }\n    case 'OPTIONS_MULTIPLE': {\n      return (\n        <OptionsTextField\n          options={filter.options}\n          value={filter.value?.$elemMatch?.$in}\n          onChange={(newValue) => {\n            filter.onChange(\n              newValue.length\n                ? {\n                    $elemMatch: {\n                      $in: newValue,\n                    },\n                  }\n                : undefined,\n              false,\n            )\n          }}\n        />\n      )\n    }\n    case 'FORMS_APP_ID': {\n      return (\n        <FormsAppIdTextField\n          options={filter.options}\n          value={filter.value?.$in}\n          onChange={(newValue) => {\n            filter.onChange(\n              newValue.length\n                ? {\n                    $in: newValue,\n                  }\n                : undefined,\n              false,\n            )\n          }}\n        />\n      )\n    }\n    default: {\n      return null\n    }\n  }\n}\n\nexport default React.memo(ColumnFilters)\n\nconst NO_APP_SENTINEL = '__no_app__'\n\nfunction FormsAppIdTextField({\n  options,\n  value,\n  onChange,\n}: {\n  options: Array<FormsAppOption>\n  value: (number | null)[] | undefined\n  onChange: (newValue: (number | null)[]) => void\n}) {\n  const selectedStrings = React.useMemo(\n    () =>\n      value?.map((v) => (v === null ? NO_APP_SENTINEL : v.toString())) ?? [],\n    [value],\n  )\n\n  return (\n    <StyledTextField\n      variant=\"outlined\"\n      margin=\"dense\"\n      size=\"small\"\n      label=\"Filter\"\n      select\n      slotProps={{\n        select: {\n          multiple: true,\n          renderValue: (selectedIds) => {\n            return options\n              .reduce<string[]>((selectedLabels, option) => {\n                const key =\n                  option.value === null\n                    ? NO_APP_SENTINEL\n                    : option.value.toString()\n                if ((selectedIds as string[]).includes(key)) {\n                  selectedLabels.push(option.label)\n                }\n                return selectedLabels\n              }, [])\n              .join(', ')\n          },\n        },\n      }}\n      fullWidth\n      value={selectedStrings}\n      onChange={(e: React.ChangeEvent<HTMLInputElement>) => {\n        const selected = e.target.value as unknown as string[]\n        onChange(\n          selected.map((v) => (v === NO_APP_SENTINEL ? null : parseInt(v, 10))),\n        )\n      }}\n    >\n      {options.map((option) => {\n        const key =\n          option.value === null ? NO_APP_SENTINEL : option.value.toString()\n        return (\n          <MenuItem value={key} key={key}>\n            <Checkbox checked={selectedStrings.includes(key)} />\n            <ListItemText>{option.label}</ListItemText>\n          </MenuItem>\n        )\n      })}\n    </StyledTextField>\n  )\n}\n\nfunction OptionsTextField({\n  options,\n  value,\n  onChange,\n}: {\n  options: FormTypes.ChoiceElementOption[]\n  value: string[] | undefined\n  onChange: (newValue: string[]) => void\n}) {\n  return (\n    <StyledTextField\n      variant=\"outlined\"\n      margin=\"dense\"\n      size=\"small\"\n      label=\"Filter\"\n      select\n      SelectProps={{\n        multiple: true,\n        renderValue: (selectedIds: unknown) => {\n          return options\n            .reduce<string[]>((selectedLabels, option) => {\n              if ((selectedIds as string[]).includes(option.value)) {\n                selectedLabels.push(option.label)\n              }\n              return selectedLabels\n            }, [])\n            .join(', ')\n        },\n      }}\n      fullWidth\n      value={value || []}\n      onChange={(e: React.ChangeEvent<HTMLInputElement>) => {\n        const newValue = e.target.value as unknown as string[]\n        onChange(newValue)\n      }}\n    >\n      {options.map((option) => (\n        <MenuItem value={option.value} key={option.value}>\n          <Checkbox checked={!!value?.some((v) => v === option.value)} />\n          <ListItemText>{option.label}</ListItemText>\n        </MenuItem>\n      ))}\n    </StyledTextField>\n  )\n}\n"]}

package/dist/components/formStore/table/useFormStoreTable.d.ts

@@ -2,13 +2,14 @@ import { FormTypes, SubmissionTypes } from '@oneblink/types';
 import { formStoreService } from '../../../apps';
 import { SortingState, VisibilityState } from '@tanstack/react-table';
 import { OnChangeFilters } from '../../../hooks/useInfiniteScrollDataLoad';
-export default function useFormStoreTable({ form, formStoreRecords, parameters, onChangeParameters, onRefresh, submissionIdValidationMessage, }: {
+export default function useFormStoreTable({ form, formStoreRecords, parameters, onChangeParameters, onRefresh, submissionIdValidationMessage, getFormsAppLabel, }: {
     formStoreRecords: SubmissionTypes.FormStoreRecord[];
     form: FormTypes.Form;
     parameters: formStoreService.FormStoreParameters;
     onChangeParameters: OnChangeFilters<formStoreService.FormStoreParameters>;
     onRefresh: () => void;
     submissionIdValidationMessage?: string;
+    getFormsAppLabel?: (formsAppId: number | null) => string;
 }): {
     readonly form: FormTypes.Form;
     readonly parameters: formStoreService.FormStoreParameters;

package/dist/components/formStore/table/useFormStoreTable.js

@@ -13,7 +13,7 @@ const defaultColumn = {
     size: 225,
 };
 const localStorageKey = (formId) => `REACT_TABLE_STATE_FORM_STORE_${formId}`;
-export default function useFormStoreTable({ form, formStoreRecords, parameters, onChangeParameters, onRefresh, submissionIdValidationMessage, }) {
+export default function useFormStoreTable({ form, formStoreRecords, parameters, onChangeParameters, onRefresh, submissionIdValidationMessage, getFormsAppLabel, }) {
     var _a;
     // Resets parameters on form change
     React.useEffect(() => {
@@ -29,8 +29,19 @@ export default function useFormStoreTable({ form, formStoreRecords, parameters,
         }), false);
     }, [form, onChangeParameters]);
     const formElements = React.useContext(FormStoreElementsContext);
+    const formsAppOptions = React.useMemo(() => {
+        if (!getFormsAppLabel)
+            return undefined;
+        return [
+            ...form.formsAppIds.map((id) => ({
+                value: id,
+                label: getFormsAppLabel(id),
+            })),
+            { value: null, label: getFormsAppLabel(null) },
+        ];
+    }, [form.formsAppIds, getFormsAppLabel]);
     const columns = React.useMemo(() => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3;
         return generateColumns({
             sorting: parameters.sorting,
             filters: parameters.filters,
@@ -165,17 +176,47 @@ export default function useFormStoreTable({ form, formStoreRecords, parameters,
                     },
                     cell: ({ row: { original: formStoreRecord } }) => (_jsxs(_Fragment, { children: [formStoreRecord.externalId, formStoreRecord.externalId && (_jsx(TableCellCopyButton, { text: formStoreRecord.externalId }))] })),
                 },
+                ...(formsAppOptions && getFormsAppLabel
+                    ? [
+                        {
+                            id: 'FORMS_APP_ID',
+                            header: 'App',
+                            meta: {
+                                sorting: undefined,
+                                filter: {
+                                    type: 'FORMS_APP_ID',
+                                    options: formsAppOptions,
+                                    value: (_m = parameters.filters) === null || _m === void 0 ? void 0 : _m.formsAppId,
+                                    onChange: (newValue, shouldDebounce) => {
+                                        onChangeParameters((currentParameters) => ({
+                                            ...currentParameters,
+                                            filters: {
+                                                ...currentParameters.filters,
+                                                formsAppId: newValue,
+                                            },
+                                        }), shouldDebounce !== null && shouldDebounce !== void 0 ? shouldDebounce : false);
+                                    },
+                                },
+                            },
+                            cell: ({ row: { original: formStoreRecord }, }) => {
+                                var _a;
+                                const text = getFormsAppLabel((_a = formStoreRecord.formsAppId) !== null && _a !== void 0 ? _a : null);
+                                return (_jsxs(_Fragment, { children: [text, _jsx(TableCellCopyButton, { text: text })] }));
+                            },
+                        },
+                    ]
+                    : []),
                 {
                     id: 'TASK_GROUP',
                     header: 'Task Group',
                     meta: {
                         sorting: {
                             property: 'taskGroup.name',
-                            direction: (_o = (_m = parameters.sorting) === null || _m === void 0 ? void 0 : _m.find(({ property }) => property === 'taskGroup.name')) === null || _o === void 0 ? void 0 : _o.direction,
+                            direction: (_p = (_o = parameters.sorting) === null || _o === void 0 ? void 0 : _o.find(({ property }) => property === 'taskGroup.name')) === null || _p === void 0 ? void 0 : _p.direction,
                         },
                         filter: {
                             type: 'TEXT',
-                            value: (_q = (_p = parameters.filters) === null || _p === void 0 ? void 0 : _p.taskGroup) === null || _q === void 0 ? void 0 : _q.name,
+                            value: (_r = (_q = parameters.filters) === null || _q === void 0 ? void 0 : _q.taskGroup) === null || _r === void 0 ? void 0 : _r.name,
                             onChange: (newValue) => {
                                 onChangeParameters((currentParameters) => ({
                                     ...currentParameters,
@@ -202,11 +243,11 @@ export default function useFormStoreTable({ form, formStoreRecords, parameters,
                     meta: {
                         sorting: {
                             property: 'taskGroupInstance.label',
-                            direction: (_s = (_r = parameters.sorting) === null || _r === void 0 ? void 0 : _r.find(({ property }) => property === 'taskGroupInstance.label')) === null || _s === void 0 ? void 0 : _s.direction,
+                            direction: (_t = (_s = parameters.sorting) === null || _s === void 0 ? void 0 : _s.find(({ property }) => property === 'taskGroupInstance.label')) === null || _t === void 0 ? void 0 : _t.direction,
                         },
                         filter: {
                             type: 'TEXT',
-                            value: (_u = (_t = parameters.filters) === null || _t === void 0 ? void 0 : _t.taskGroupInstance) === null || _u === void 0 ? void 0 : _u.label,
+                            value: (_v = (_u = parameters.filters) === null || _u === void 0 ? void 0 : _u.taskGroupInstance) === null || _v === void 0 ? void 0 : _v.label,
                             onChange: (newValue) => {
                                 onChangeParameters((currentParameters) => ({
                                     ...currentParameters,
@@ -233,11 +274,11 @@ export default function useFormStoreTable({ form, formStoreRecords, parameters,
                     meta: {
                         sorting: {
                             property: 'task.name',
-                            direction: (_w = (_v = parameters.sorting) === null || _v === void 0 ? void 0 : _v.find(({ property }) => property === 'task.name')) === null || _w === void 0 ? void 0 : _w.direction,
+                            direction: (_x = (_w = parameters.sorting) === null || _w === void 0 ? void 0 : _w.find(({ property }) => property === 'task.name')) === null || _x === void 0 ? void 0 : _x.direction,
                         },
                         filter: {
                             type: 'TEXT',
-                            value: (_y = (_x = parameters.filters) === null || _x === void 0 ? void 0 : _x.task) === null || _y === void 0 ? void 0 : _y.name,
+                            value: (_z = (_y = parameters.filters) === null || _y === void 0 ? void 0 : _y.task) === null || _z === void 0 ? void 0 : _z.name,
                             onChange: (newValue) => {
                                 onChangeParameters((currentParameters) => ({
                                     ...currentParameters,
@@ -264,11 +305,11 @@ export default function useFormStoreTable({ form, formStoreRecords, parameters,
                     meta: {
                         sorting: {
                             property: 'taskAction.label',
-                            direction: (_0 = (_z = parameters.sorting) === null || _z === void 0 ? void 0 : _z.find(({ property }) => property === 'taskAction.label')) === null || _0 === void 0 ? void 0 : _0.direction,
+                            direction: (_1 = (_0 = parameters.sorting) === null || _0 === void 0 ? void 0 : _0.find(({ property }) => property === 'taskAction.label')) === null || _1 === void 0 ? void 0 : _1.direction,
                         },
                         filter: {
                             type: 'TEXT',
-                            value: (_2 = (_1 = parameters.filters) === null || _1 === void 0 ? void 0 : _1.taskAction) === null || _2 === void 0 ? void 0 : _2.label,
+                            value: (_3 = (_2 = parameters.filters) === null || _2 === void 0 ? void 0 : _2.taskAction) === null || _3 === void 0 ? void 0 : _3.label,
                             onChange: (newValue) => {
                                 onChangeParameters((currentParameters) => ({
                                     ...currentParameters,
@@ -293,6 +334,8 @@ export default function useFormStoreTable({ form, formStoreRecords, parameters,
         });
     }, [
         formElements,
+        formsAppOptions,
+        getFormsAppLabel,
         onChangeParameters,
         parameters,
         submissionIdValidationMessage,

package/dist/components/formStore/table/useFormStoreTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFormStoreTable.js","sourceRoot":"","sources":["../../../../src/components/formStore/table/useFormStoreTable.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { FormTypes, SubmissionTypes } from '@oneblink/types'\nimport { formStoreService, localisationService } from '../../../apps'\nimport {\n  useReactTable,\n  getCoreRowModel,\n  OnChangeFn,\n  SortingState,\n  VisibilityState,\n} from '@tanstack/react-table'\nimport { format } from 'date-fns'\nimport generateColumns from './generateColumns'\nimport ActionedByTableCell from './ActionedByTableCell'\nimport TableCellCopyButton from './TableCellCopyButton'\nimport { OnChangeFilters } from '../../../hooks/useInfiniteScrollDataLoad'\nimport { FormStoreElementsContext } from '../OneBlinkFormStoreProvider'\nimport getVersionedFormTableState, { FormTableState } from './getVersionedState'\n\nconst defaultColumn = {\n  minSize: 150,\n  size: 225,\n}\n\nconst localStorageKey = (formId: number) =>\n  `REACT_TABLE_STATE_FORM_STORE_${formId}`\n\nexport default function useFormStoreTable({\n  form,\n  formStoreRecords,\n  parameters,\n  onChangeParameters,\n  onRefresh,\n  submissionIdValidationMessage,\n}: {\n  formStoreRecords: SubmissionTypes.FormStoreRecord[]\n  form: FormTypes.Form\n  parameters: formStoreService.FormStoreParameters\n  onChangeParameters: OnChangeFilters<formStoreService.FormStoreParameters>\n  onRefresh: () => void\n  submissionIdValidationMessage?: string\n}) {\n  // Resets parameters on form change\n  React.useEffect(() => {\n    onChangeParameters(\n      (currentParameters) => ({\n        ...currentParameters,\n        filters: undefined,\n        sorting: [\n          {\n            property: 'dateTimeSubmitted',\n            direction: 'descending',\n          },\n        ],\n      }),\n      false,\n    )\n  }, [form, onChangeParameters])\n\n  const formElements = React.useContext(FormStoreElementsContext)\n  const columns = React.useMemo(() => {\n    return generateColumns<SubmissionTypes.FormStoreRecord>({\n      sorting: parameters.sorting,\n      filters: parameters.filters,\n      unwindRepeatableSets: parameters.unwindRepeatableSets,\n      formElements,\n      parentElementNames: [],\n      onChangeParameters,\n      allowCopy: true,\n      initialColumns: [\n        {\n          id: 'COMPLETED_AT',\n          header: 'Completion Date Time',\n          meta: {\n            sorting: {\n              property: 'dateTimeCompleted',\n              direction: parameters.sorting?.find(\n                ({ property }) => property === 'dateTimeCompleted',\n              )?.direction,\n            },\n            filter: {\n              type: 'DATETIME',\n              value: parameters.filters?.dateTimeCompleted as\n                | { $gte?: string; $lte?: string }\n                | undefined,\n              onChange: (newValue) => {\n                onChangeParameters(\n                  (currentParameters) => ({\n                    ...currentParameters,\n                    filters: {\n                      ...currentParameters.filters,\n                      dateTimeCompleted: newValue,\n                    },\n                  }),\n                  false,\n                )\n              },\n            },\n          },\n\n          cell: ({ row: { original: formStoreRecord } }) => {\n            if (!formStoreRecord.dateTimeCompleted) {\n              return null\n            }\n            const text = format(\n              new Date(formStoreRecord.dateTimeCompleted),\n              localisationService.getDateFnsFormats().longDateTime,\n            )\n            return (\n              <>\n                {text}\n                <TableCellCopyButton text={text} />\n              </>\n            )\n          },\n        },\n        {\n          id: 'SUBMITTED_AT',\n          header: 'Submission Date Time',\n          meta: {\n            sorting: {\n              property: 'dateTimeSubmitted',\n              direction: parameters.sorting?.find(\n                ({ property }) => property === 'dateTimeSubmitted',\n              )?.direction,\n            },\n            filter: {\n              type: 'DATETIME',\n              value: parameters.filters?.dateTimeSubmitted as\n                | { $gte?: string; $lte?: string }\n                | undefined,\n              onChange: (newValue) => {\n                onChangeParameters(\n                  (currentParameters) => ({\n                    ...currentParameters,\n                    filters: {\n                      ...currentParameters.filters,\n                      dateTimeSubmitted: newValue,\n                    },\n                  }),\n                  false,\n                )\n              },\n            },\n          },\n          cell: ({ row: { original: formStoreRecord } }) => {\n            const text = format(\n              new Date(formStoreRecord.dateTimeSubmitted),\n              localisationService.getDateFnsFormats().longDateTime,\n            )\n            return (\n              <>\n                {text}\n                <TableCellCopyButton text={text} />\n              </>\n            )\n          },\n        },\n        {\n          id: 'SUBMITTED_BY',\n          header: 'Submitted By',\n          meta: {\n            sorting: undefined,\n            filter: {\n              type: 'TEXT',\n              value: parameters.filters?.submittedBy as\n                | { $regex: string }\n                | undefined,\n              onChange: (newValue) => {\n                onChangeParameters(\n                  (currentParameters) => ({\n                    ...currentParameters,\n                    filters: {\n                      ...currentParameters.filters,\n                      submittedBy: newValue,\n                    },\n                  }),\n                  true,\n                )\n              },\n            },\n          },\n          cell: ({ row: { original: formStoreRecord } }) => (\n            <ActionedByTableCell\n              userProfile={formStoreRecord.user}\n              developerKey={formStoreRecord.key}\n              variant=\"outlined\"\n            />\n          ),\n        },\n        {\n          id: 'SUBMISSION_ID',\n          header: 'Submission Id',\n          meta: {\n            sorting: undefined,\n            filter: {\n              type: 'SUBMISSION_ID',\n              value: parameters.filters?.submissionId as\n                | { $eq: string }\n                | undefined,\n              validationMessage: submissionIdValidationMessage,\n              isInvalid: !!submissionIdValidationMessage,\n              onChange: (newValue) => {\n                onChangeParameters(\n                  (currentParameters) => ({\n                    ...currentParameters,\n                    filters: {\n                      ...currentParameters.filters,\n                      submissionId: newValue,\n                    },\n                  }),\n                  true,\n                )\n              },\n            },\n          },\n          cell: ({ row: { original: formStoreRecord } }) => (\n            <>\n              {formStoreRecord.submissionId}\n              <TableCellCopyButton text={formStoreRecord.submissionId} />\n            </>\n          ),\n        },\n        {\n          id: 'EXTERNAL_ID',\n          header: 'External Id',\n          meta: {\n            sorting: {\n              property: 'externalId',\n              direction: parameters.sorting?.find(\n                ({ property }) => property === 'externalId',\n              )?.direction,\n            },\n            filter: {\n              type: 'TEXT',\n              value: parameters.filters?.externalId as\n                | { $regex: string }\n                | undefined,\n              onChange: (newValue) => {\n                onChangeParameters(\n                  (currentParameters) => ({\n                    ...currentParameters,\n                    filters: {\n                      ...currentParameters.filters,\n                      externalId: newValue,\n                    },\n                  }),\n                  true,\n                )\n              },\n            },\n          },\n          cell: ({ row: { original: formStoreRecord } }) => (\n            <>\n              {formStoreRecord.externalId}\n              {formStoreRecord.externalId && (\n                <TableCellCopyButton text={formStoreRecord.externalId} />\n              )}\n            </>\n          ),\n        },\n        {\n          id: 'TASK_GROUP',\n          header: 'Task Group',\n          meta: {\n            sorting: {\n              property: 'taskGroup.name',\n              direction: parameters.sorting?.find(\n                ({ property }) => property === 'taskGroup.name',\n              )?.direction,\n            },\n            filter: {\n              type: 'TEXT',\n              value: parameters.filters?.taskGroup?.name as\n                | { $regex: string }\n                | undefined,\n              onChange: (newValue) => {\n                onChangeParameters(\n                  (currentParameters) => ({\n                    ...currentParameters,\n                    filters: {\n                      ...currentParameters.filters,\n                      taskGroup: newValue\n                        ? {\n                            name: newValue,\n                          }\n                        : undefined,\n                    },\n                  }),\n                  true,\n                )\n              },\n            },\n          },\n          cell: ({ row: { original: formStoreRecord } }) => (\n            <>\n              {formStoreRecord.taskGroup?.name}\n              {formStoreRecord.taskGroup?.name && (\n                <TableCellCopyButton text={formStoreRecord.taskGroup?.name} />\n              )}\n            </>\n          ),\n        },\n        {\n          id: 'TASK_GROUP_INSTANCE',\n          header: 'Task Group Instance',\n          meta: {\n            sorting: {\n              property: 'taskGroupInstance.label',\n              direction: parameters.sorting?.find(\n                ({ property }) => property === 'taskGroupInstance.label',\n              )?.direction,\n            },\n            filter: {\n              type: 'TEXT',\n              value: parameters.filters?.taskGroupInstance?.label as\n                | { $regex: string }\n                | undefined,\n              onChange: (newValue) => {\n                onChangeParameters(\n                  (currentParameters) => ({\n                    ...currentParameters,\n                    filters: {\n                      ...currentParameters.filters,\n                      taskGroupInstance: newValue\n                        ? {\n                            label: newValue,\n                          }\n                        : undefined,\n                    },\n                  }),\n                  true,\n                )\n              },\n            },\n          },\n          cell: ({ row: { original: formStoreRecord } }) => (\n            <>\n              {formStoreRecord.taskGroupInstance?.label}\n              {formStoreRecord.taskGroupInstance?.label && (\n                <TableCellCopyButton\n                  text={formStoreRecord.taskGroupInstance?.label}\n                />\n              )}\n            </>\n          ),\n        },\n        {\n          id: 'TASK',\n          header: 'Task',\n          meta: {\n            sorting: {\n              property: 'task.name',\n              direction: parameters.sorting?.find(\n                ({ property }) => property === 'task.name',\n              )?.direction,\n            },\n            filter: {\n              type: 'TEXT',\n              value: parameters.filters?.task?.name as\n                | { $regex: string }\n                | undefined,\n              onChange: (newValue) => {\n                onChangeParameters(\n                  (currentParameters) => ({\n                    ...currentParameters,\n                    filters: {\n                      ...currentParameters.filters,\n                      task: newValue\n                        ? {\n                            name: newValue,\n                          }\n                        : undefined,\n                    },\n                  }),\n                  true,\n                )\n              },\n            },\n          },\n          cell: ({ row: { original: formStoreRecord } }) => (\n            <>\n              {formStoreRecord.task?.name}\n              {formStoreRecord.task?.name && (\n                <TableCellCopyButton text={formStoreRecord.task?.name} />\n              )}\n            </>\n          ),\n        },\n        {\n          id: 'TASK_ACTION',\n          header: 'Task Action',\n          meta: {\n            sorting: {\n              property: 'taskAction.label',\n              direction: parameters.sorting?.find(\n                ({ property }) => property === 'taskAction.label',\n              )?.direction,\n            },\n            filter: {\n              type: 'TEXT',\n              value: parameters.filters?.taskAction?.label as\n                | { $regex: string }\n                | undefined,\n              onChange: (newValue) => {\n                onChangeParameters(\n                  (currentParameters) => ({\n                    ...currentParameters,\n                    filters: {\n                      ...currentParameters.filters,\n                      taskAction: newValue\n                        ? {\n                            label: newValue,\n                          }\n                        : undefined,\n                    },\n                  }),\n                  true,\n                )\n              },\n            },\n          },\n          cell: ({ row: { original: formStoreRecord } }) => (\n            <>\n              {formStoreRecord.taskAction?.label}\n              {formStoreRecord.taskAction?.label && (\n                <TableCellCopyButton text={formStoreRecord.taskAction?.label} />\n              )}\n            </>\n          ),\n        },\n      ],\n    })\n  }, [\n    formElements,\n    onChangeParameters,\n    parameters,\n    submissionIdValidationMessage,\n  ])\n\n  const [initialState] = React.useState<FormTableState | undefined>(() => {\n    const text = localStorage.getItem(localStorageKey(form.id))\n    return getVersionedFormTableState(\n      text\n        ? JSON.parse(text)\n        : {\n            formId: form.id,\n          },\n    )\n  })\n\n  const transformedSorting = React.useMemo(() => {\n    return parameters.sorting?.reduce<SortingState>(\n      (memo, { property, direction }) => {\n        const column = columns.find(\n          (column) => column.meta?.sorting?.property === property,\n        )\n        if (column?.id) {\n          memo.push({\n            id: column.id,\n            desc: direction === 'descending',\n          })\n        }\n        return memo\n      },\n      [],\n    )\n  }, [parameters.sorting, columns])\n\n  const onSortingChange: OnChangeFn<SortingState> = React.useCallback(\n    (updaterOrValue) => {\n      const sortingState =\n        typeof updaterOrValue === 'function'\n          ? updaterOrValue(\n              // transform the parameters sorting state to the tanstack sorting state\n              parameters.sorting?.reduce<SortingState>(\n                (memo, { property, direction }) => {\n                  const column = columns.find(\n                    (column) => column.meta?.sorting?.property === property,\n                  )\n                  if (column?.id) {\n                    memo.push({\n                      id: column.id,\n                      desc: direction === 'descending',\n                    })\n                  }\n                  return memo\n                },\n                [],\n              ) ?? [],\n            )\n          : updaterOrValue\n      onChangeParameters(\n        (currentParameters) => ({\n          ...currentParameters,\n          // transform the tanstack sorting state to the parameters sorting state\n          sorting: sortingState.reduce<\n            NonNullable<formStoreService.FormStoreParameters['sorting']>\n          >((memo, { id, desc }) => {\n            const column = columns.find((column) => column.id === id)\n            if (column?.meta?.sorting?.property) {\n              memo.push({\n                property: column.meta.sorting.property,\n                direction: desc ? 'descending' : 'ascending',\n              })\n            }\n            return memo\n          }, []),\n        }),\n        false,\n      )\n    },\n    [onChangeParameters, parameters.sorting, columns],\n  )\n\n  const [columnVisibility, setColumnVisibility] =\n    React.useState<VisibilityState>(initialState?.columnVisibility || {})\n\n  // eslint-disable-next-line react-hooks/incompatible-library\n  const table = useReactTable({\n    meta: {\n      defaultHiddenColumnsVersion: initialState?.defaultHiddenColumnsVersion,\n      formId: form.id,\n    },\n    columns,\n    columnResizeMode: 'onChange',\n    data: formStoreRecords,\n    defaultColumn,\n    state: {\n      sorting: transformedSorting,\n      columnVisibility,\n    },\n    onColumnVisibilityChange: setColumnVisibility,\n    onSortingChange,\n    manualFiltering: true,\n    initialState,\n    getCoreRowModel: getCoreRowModel<SubmissionTypes.FormStoreRecord>(),\n  })\n\n  const state = table.getState()\n\n  React.useEffect(() => {\n    if (table.options.meta?.formId !== form.id) {\n      // If the form id changes, do not save the state from the previous form over the that of the new form\n      return\n    }\n    if (!state.columnSizing.isResizingColumn) {\n      const storageKey = localStorageKey(form.id)\n      const augmentedState = {\n        ...state,\n        hiddenColumns: Object.entries(state.columnVisibility)\n          .filter(([, isVisible]) => !isVisible)\n          .map(([column]) => column),\n        formId: table.options.meta?.formId,\n      }\n      localStorage.setItem(storageKey, JSON.stringify(augmentedState))\n    }\n  }, [form.id, state, table.options.meta?.formId])\n\n  return {\n    ...table,\n    form,\n    parameters,\n    onChangeParameters,\n    onRefresh,\n    submissionIdValidationMessage,\n  } as const\n}\n"]}
+{"version":3,"file":"useFormStoreTable.js","sourceRoot":"","sources":["../../../../src/components/formStore/table/useFormStoreTable.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { FormTypes, SubmissionTypes } from '@oneblink/types'\nimport { formStoreService, localisationService } from '../../../apps'\nimport {\n  useReactTable,\n  getCoreRowModel,\n  OnChangeFn,\n  SortingState,\n  VisibilityState,\n} from '@tanstack/react-table'\nimport { format } from 'date-fns'\nimport generateColumns from './generateColumns'\nimport ActionedByTableCell from './ActionedByTableCell'\nimport TableCellCopyButton from './TableCellCopyButton'\nimport { OnChangeFilters } from '../../../hooks/useInfiniteScrollDataLoad'\nimport { FormStoreElementsContext } from '../OneBlinkFormStoreProvider'\nimport getVersionedFormTableState, { FormTableState } from './getVersionedState'\n\nconst defaultColumn = {\n  minSize: 150,\n  size: 225,\n}\n\nconst localStorageKey = (formId: number) =>\n  `REACT_TABLE_STATE_FORM_STORE_${formId}`\n\nexport default function useFormStoreTable({\n  form,\n  formStoreRecords,\n  parameters,\n  onChangeParameters,\n  onRefresh,\n  submissionIdValidationMessage,\n  getFormsAppLabel,\n}: {\n  formStoreRecords: SubmissionTypes.FormStoreRecord[]\n  form: FormTypes.Form\n  parameters: formStoreService.FormStoreParameters\n  onChangeParameters: OnChangeFilters<formStoreService.FormStoreParameters>\n  onRefresh: () => void\n  submissionIdValidationMessage?: string\n  getFormsAppLabel?: (formsAppId: number | null) => string\n}) {\n  // Resets parameters on form change\n  React.useEffect(() => {\n    onChangeParameters(\n      (currentParameters) => ({\n        ...currentParameters,\n        filters: undefined,\n        sorting: [\n          {\n            property: 'dateTimeSubmitted',\n            direction: 'descending',\n          },\n        ],\n      }),\n      false,\n    )\n  }, [form, onChangeParameters])\n\n  const formElements = React.useContext(FormStoreElementsContext)\n\n  const formsAppOptions = React.useMemo(() => {\n    if (!getFormsAppLabel) return undefined\n    return [\n      ...form.formsAppIds.map((id) => ({\n        value: id,\n        label: getFormsAppLabel(id),\n      })),\n      { value: null, label: getFormsAppLabel(null) },\n    ]\n  }, [form.formsAppIds, getFormsAppLabel])\n\n  const columns = React.useMemo(() => {\n    return generateColumns<SubmissionTypes.FormStoreRecord>({\n      sorting: parameters.sorting,\n      filters: parameters.filters,\n      unwindRepeatableSets: parameters.unwindRepeatableSets,\n      formElements,\n      parentElementNames: [],\n      onChangeParameters,\n      allowCopy: true,\n      initialColumns: [\n        {\n          id: 'COMPLETED_AT',\n          header: 'Completion Date Time',\n          meta: {\n            sorting: {\n              property: 'dateTimeCompleted',\n              direction: parameters.sorting?.find(\n                ({ property }) => property === 'dateTimeCompleted',\n              )?.direction,\n            },\n            filter: {\n              type: 'DATETIME',\n              value: parameters.filters?.dateTimeCompleted as\n                | { $gte?: string; $lte?: string }\n                | undefined,\n              onChange: (newValue) => {\n                onChangeParameters(\n                  (currentParameters) => ({\n                    ...currentParameters,\n                    filters: {\n                      ...currentParameters.filters,\n                      dateTimeCompleted: newValue,\n                    },\n                  }),\n                  false,\n                )\n              },\n            },\n          },\n\n          cell: ({ row: { original: formStoreRecord } }) => {\n            if (!formStoreRecord.dateTimeCompleted) {\n              return null\n            }\n            const text = format(\n              new Date(formStoreRecord.dateTimeCompleted),\n              localisationService.getDateFnsFormats().longDateTime,\n            )\n            return (\n              <>\n                {text}\n                <TableCellCopyButton text={text} />\n              </>\n            )\n          },\n        },\n        {\n          id: 'SUBMITTED_AT',\n          header: 'Submission Date Time',\n          meta: {\n            sorting: {\n              property: 'dateTimeSubmitted',\n              direction: parameters.sorting?.find(\n                ({ property }) => property === 'dateTimeSubmitted',\n              )?.direction,\n            },\n            filter: {\n              type: 'DATETIME',\n              value: parameters.filters?.dateTimeSubmitted as\n                | { $gte?: string; $lte?: string }\n                | undefined,\n              onChange: (newValue) => {\n                onChangeParameters(\n                  (currentParameters) => ({\n                    ...currentParameters,\n                    filters: {\n                      ...currentParameters.filters,\n                      dateTimeSubmitted: newValue,\n                    },\n                  }),\n                  false,\n                )\n              },\n            },\n          },\n          cell: ({ row: { original: formStoreRecord } }) => {\n            const text = format(\n              new Date(formStoreRecord.dateTimeSubmitted),\n              localisationService.getDateFnsFormats().longDateTime,\n            )\n            return (\n              <>\n                {text}\n                <TableCellCopyButton text={text} />\n              </>\n            )\n          },\n        },\n        {\n          id: 'SUBMITTED_BY',\n          header: 'Submitted By',\n          meta: {\n            sorting: undefined,\n            filter: {\n              type: 'TEXT',\n              value: parameters.filters?.submittedBy as\n                | { $regex: string }\n                | undefined,\n              onChange: (newValue) => {\n                onChangeParameters(\n                  (currentParameters) => ({\n                    ...currentParameters,\n                    filters: {\n                      ...currentParameters.filters,\n                      submittedBy: newValue,\n                    },\n                  }),\n                  true,\n                )\n              },\n            },\n          },\n          cell: ({ row: { original: formStoreRecord } }) => (\n            <ActionedByTableCell\n              userProfile={formStoreRecord.user}\n              developerKey={formStoreRecord.key}\n              variant=\"outlined\"\n            />\n          ),\n        },\n        {\n          id: 'SUBMISSION_ID',\n          header: 'Submission Id',\n          meta: {\n            sorting: undefined,\n            filter: {\n              type: 'SUBMISSION_ID',\n              value: parameters.filters?.submissionId as\n                | { $eq: string }\n                | undefined,\n              validationMessage: submissionIdValidationMessage,\n              isInvalid: !!submissionIdValidationMessage,\n              onChange: (newValue) => {\n                onChangeParameters(\n                  (currentParameters) => ({\n                    ...currentParameters,\n                    filters: {\n                      ...currentParameters.filters,\n                      submissionId: newValue,\n                    },\n                  }),\n                  true,\n                )\n              },\n            },\n          },\n          cell: ({ row: { original: formStoreRecord } }) => (\n            <>\n              {formStoreRecord.submissionId}\n              <TableCellCopyButton text={formStoreRecord.submissionId} />\n            </>\n          ),\n        },\n        {\n          id: 'EXTERNAL_ID',\n          header: 'External Id',\n          meta: {\n            sorting: {\n              property: 'externalId',\n              direction: parameters.sorting?.find(\n                ({ property }) => property === 'externalId',\n              )?.direction,\n            },\n            filter: {\n              type: 'TEXT',\n              value: parameters.filters?.externalId as\n                | { $regex: string }\n                | undefined,\n              onChange: (newValue) => {\n                onChangeParameters(\n                  (currentParameters) => ({\n                    ...currentParameters,\n                    filters: {\n                      ...currentParameters.filters,\n                      externalId: newValue,\n                    },\n                  }),\n                  true,\n                )\n              },\n            },\n          },\n          cell: ({ row: { original: formStoreRecord } }) => (\n            <>\n              {formStoreRecord.externalId}\n              {formStoreRecord.externalId && (\n                <TableCellCopyButton text={formStoreRecord.externalId} />\n              )}\n            </>\n          ),\n        },\n        ...(formsAppOptions && getFormsAppLabel\n          ? [\n              {\n                id: 'FORMS_APP_ID',\n                header: 'App',\n                meta: {\n                  sorting: undefined,\n                  filter: {\n                    type: 'FORMS_APP_ID' as const,\n                    options: formsAppOptions,\n                    value: parameters.filters?.formsAppId as\n                      | { $in: (number | null)[] }\n                      | undefined,\n                    onChange: (\n                      newValue?: formStoreService.FormStoreFilter<unknown>,\n                      shouldDebounce?: boolean,\n                    ) => {\n                      onChangeParameters(\n                        (currentParameters) => ({\n                          ...currentParameters,\n                          filters: {\n                            ...currentParameters.filters,\n                            formsAppId: newValue as\n                              | { $in: (number | null)[] }\n                              | undefined,\n                          },\n                        }),\n                        shouldDebounce ?? false,\n                      )\n                    },\n                  },\n                },\n                cell: ({\n                  row: { original: formStoreRecord },\n                }: {\n                  row: { original: SubmissionTypes.FormStoreRecord }\n                }) => {\n                  const text = getFormsAppLabel(\n                    formStoreRecord.formsAppId ?? null,\n                  )\n                  return (\n                    <>\n                      {text}\n                      <TableCellCopyButton text={text} />\n                    </>\n                  )\n                },\n              },\n            ]\n          : []),\n        {\n          id: 'TASK_GROUP',\n          header: 'Task Group',\n          meta: {\n            sorting: {\n              property: 'taskGroup.name',\n              direction: parameters.sorting?.find(\n                ({ property }) => property === 'taskGroup.name',\n              )?.direction,\n            },\n            filter: {\n              type: 'TEXT',\n              value: parameters.filters?.taskGroup?.name as\n                | { $regex: string }\n                | undefined,\n              onChange: (newValue) => {\n                onChangeParameters(\n                  (currentParameters) => ({\n                    ...currentParameters,\n                    filters: {\n                      ...currentParameters.filters,\n                      taskGroup: newValue\n                        ? {\n                            name: newValue,\n                          }\n                        : undefined,\n                    },\n                  }),\n                  true,\n                )\n              },\n            },\n          },\n          cell: ({ row: { original: formStoreRecord } }) => (\n            <>\n              {formStoreRecord.taskGroup?.name}\n              {formStoreRecord.taskGroup?.name && (\n                <TableCellCopyButton text={formStoreRecord.taskGroup?.name} />\n              )}\n            </>\n          ),\n        },\n        {\n          id: 'TASK_GROUP_INSTANCE',\n          header: 'Task Group Instance',\n          meta: {\n            sorting: {\n              property: 'taskGroupInstance.label',\n              direction: parameters.sorting?.find(\n                ({ property }) => property === 'taskGroupInstance.label',\n              )?.direction,\n            },\n            filter: {\n              type: 'TEXT',\n              value: parameters.filters?.taskGroupInstance?.label as\n                | { $regex: string }\n                | undefined,\n              onChange: (newValue) => {\n                onChangeParameters(\n                  (currentParameters) => ({\n                    ...currentParameters,\n                    filters: {\n                      ...currentParameters.filters,\n                      taskGroupInstance: newValue\n                        ? {\n                            label: newValue,\n                          }\n                        : undefined,\n                    },\n                  }),\n                  true,\n                )\n              },\n            },\n          },\n          cell: ({ row: { original: formStoreRecord } }) => (\n            <>\n              {formStoreRecord.taskGroupInstance?.label}\n              {formStoreRecord.taskGroupInstance?.label && (\n                <TableCellCopyButton\n                  text={formStoreRecord.taskGroupInstance?.label}\n                />\n              )}\n            </>\n          ),\n        },\n        {\n          id: 'TASK',\n          header: 'Task',\n          meta: {\n            sorting: {\n              property: 'task.name',\n              direction: parameters.sorting?.find(\n                ({ property }) => property === 'task.name',\n              )?.direction,\n            },\n            filter: {\n              type: 'TEXT',\n              value: parameters.filters?.task?.name as\n                | { $regex: string }\n                | undefined,\n              onChange: (newValue) => {\n                onChangeParameters(\n                  (currentParameters) => ({\n                    ...currentParameters,\n                    filters: {\n                      ...currentParameters.filters,\n                      task: newValue\n                        ? {\n                            name: newValue,\n                          }\n                        : undefined,\n                    },\n                  }),\n                  true,\n                )\n              },\n            },\n          },\n          cell: ({ row: { original: formStoreRecord } }) => (\n            <>\n              {formStoreRecord.task?.name}\n              {formStoreRecord.task?.name && (\n                <TableCellCopyButton text={formStoreRecord.task?.name} />\n              )}\n            </>\n          ),\n        },\n        {\n          id: 'TASK_ACTION',\n          header: 'Task Action',\n          meta: {\n            sorting: {\n              property: 'taskAction.label',\n              direction: parameters.sorting?.find(\n                ({ property }) => property === 'taskAction.label',\n              )?.direction,\n            },\n            filter: {\n              type: 'TEXT',\n              value: parameters.filters?.taskAction?.label as\n                | { $regex: string }\n                | undefined,\n              onChange: (newValue) => {\n                onChangeParameters(\n                  (currentParameters) => ({\n                    ...currentParameters,\n                    filters: {\n                      ...currentParameters.filters,\n                      taskAction: newValue\n                        ? {\n                            label: newValue,\n                          }\n                        : undefined,\n                    },\n                  }),\n                  true,\n                )\n              },\n            },\n          },\n          cell: ({ row: { original: formStoreRecord } }) => (\n            <>\n              {formStoreRecord.taskAction?.label}\n              {formStoreRecord.taskAction?.label && (\n                <TableCellCopyButton text={formStoreRecord.taskAction?.label} />\n              )}\n            </>\n          ),\n        },\n      ],\n    })\n  }, [\n    formElements,\n    formsAppOptions,\n    getFormsAppLabel,\n    onChangeParameters,\n    parameters,\n    submissionIdValidationMessage,\n  ])\n\n  const [initialState] = React.useState<FormTableState | undefined>(() => {\n    const text = localStorage.getItem(localStorageKey(form.id))\n    return getVersionedFormTableState(\n      text\n        ? JSON.parse(text)\n        : {\n            formId: form.id,\n          },\n    )\n  })\n\n  const transformedSorting = React.useMemo(() => {\n    return parameters.sorting?.reduce<SortingState>(\n      (memo, { property, direction }) => {\n        const column = columns.find(\n          (column) => column.meta?.sorting?.property === property,\n        )\n        if (column?.id) {\n          memo.push({\n            id: column.id,\n            desc: direction === 'descending',\n          })\n        }\n        return memo\n      },\n      [],\n    )\n  }, [parameters.sorting, columns])\n\n  const onSortingChange: OnChangeFn<SortingState> = React.useCallback(\n    (updaterOrValue) => {\n      const sortingState =\n        typeof updaterOrValue === 'function'\n          ? updaterOrValue(\n              // transform the parameters sorting state to the tanstack sorting state\n              parameters.sorting?.reduce<SortingState>(\n                (memo, { property, direction }) => {\n                  const column = columns.find(\n                    (column) => column.meta?.sorting?.property === property,\n                  )\n                  if (column?.id) {\n                    memo.push({\n                      id: column.id,\n                      desc: direction === 'descending',\n                    })\n                  }\n                  return memo\n                },\n                [],\n              ) ?? [],\n            )\n          : updaterOrValue\n      onChangeParameters(\n        (currentParameters) => ({\n          ...currentParameters,\n          // transform the tanstack sorting state to the parameters sorting state\n          sorting: sortingState.reduce<\n            NonNullable<formStoreService.FormStoreParameters['sorting']>\n          >((memo, { id, desc }) => {\n            const column = columns.find((column) => column.id === id)\n            if (column?.meta?.sorting?.property) {\n              memo.push({\n                property: column.meta.sorting.property,\n                direction: desc ? 'descending' : 'ascending',\n              })\n            }\n            return memo\n          }, []),\n        }),\n        false,\n      )\n    },\n    [onChangeParameters, parameters.sorting, columns],\n  )\n\n  const [columnVisibility, setColumnVisibility] =\n    React.useState<VisibilityState>(initialState?.columnVisibility || {})\n\n  // eslint-disable-next-line react-hooks/incompatible-library\n  const table = useReactTable({\n    meta: {\n      defaultHiddenColumnsVersion: initialState?.defaultHiddenColumnsVersion,\n      formId: form.id,\n    },\n    columns,\n    columnResizeMode: 'onChange',\n    data: formStoreRecords,\n    defaultColumn,\n    state: {\n      sorting: transformedSorting,\n      columnVisibility,\n    },\n    onColumnVisibilityChange: setColumnVisibility,\n    onSortingChange,\n    manualFiltering: true,\n    initialState,\n    getCoreRowModel: getCoreRowModel<SubmissionTypes.FormStoreRecord>(),\n  })\n\n  const state = table.getState()\n\n  React.useEffect(() => {\n    if (table.options.meta?.formId !== form.id) {\n      // If the form id changes, do not save the state from the previous form over the that of the new form\n      return\n    }\n    if (!state.columnSizing.isResizingColumn) {\n      const storageKey = localStorageKey(form.id)\n      const augmentedState = {\n        ...state,\n        hiddenColumns: Object.entries(state.columnVisibility)\n          .filter(([, isVisible]) => !isVisible)\n          .map(([column]) => column),\n        formId: table.options.meta?.formId,\n      }\n      localStorage.setItem(storageKey, JSON.stringify(augmentedState))\n    }\n  }, [form.id, state, table.options.meta?.formId])\n\n  return {\n    ...table,\n    form,\n    parameters,\n    onChangeParameters,\n    onRefresh,\n    submissionIdValidationMessage,\n  } as const\n}\n"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@oneblink/apps-react",
   "description": "Helper functions for OneBlink apps in ReactJS.",
-  "version": "10.2.0-beta.5",
+  "version": "10.3.0-beta.1",
   "author": "OneBlink <developers@oneblink.io> (https://oneblink.io)",
   "bugs": {
     "url": "https://github.com/oneblink/apps-react/issues"