@oneblink/apps-react 11.0.0 → 11.1.0-beta.1

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

@@ -51,6 +51,13 @@ export type FormStoreFilters = {
     formsAppId?: {
         $in: (number | null)[];
     };
+    /** Filter results by the calendar event title */
+    calendarEvent?: {
+        /** Filter results by the calendar event title */
+        name?: FormStoreFilter<string>;
+        /** Filter results by the calendar event date and time */
+        dateTime?: FormStoreFilter<string>;
+    };
 };
 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;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"]}
+{"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;AAiF/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  /** Filter results by the calendar event title */\n  calendarEvent?: {\n    /** Filter results by the calendar event title */\n    name?: FormStoreFilter<string>\n    /** Filter results by the calendar event date and time */\n    dateTime?: 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"]}

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

@@ -1,5 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
+import { isValid } from 'date-fns';
 import { localisationService } from '../../../apps';
 import { useReactTable, getCoreRowModel, } from '@tanstack/react-table';
 import { format } from 'date-fns';
@@ -41,7 +42,7 @@ export default function useFormStoreTable({ form, formStoreRecords, parameters,
         ];
     }, [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, _3;
+        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, _4, _5, _6, _7, _8, _9, _10, _11;
         return generateColumns({
             sorting: parameters.sorting,
             filters: parameters.filters,
@@ -330,6 +331,80 @@ export default function useFormStoreTable({ form, formStoreRecords, parameters,
                         return (_jsxs(_Fragment, { children: [(_a = formStoreRecord.taskAction) === null || _a === void 0 ? void 0 : _a.label, ((_b = formStoreRecord.taskAction) === null || _b === void 0 ? void 0 : _b.label) && (_jsx(TableCellCopyButton, { text: (_c = formStoreRecord.taskAction) === null || _c === void 0 ? void 0 : _c.label }))] }));
                     },
                 },
+                {
+                    id: 'CALENDAR_EVENT_TITLE',
+                    header: 'Calendar Booking - Event Title',
+                    meta: {
+                        sorting: {
+                            property: 'calendarEvent.name',
+                            direction: (_5 = (_4 = parameters.sorting) === null || _4 === void 0 ? void 0 : _4.find(({ property }) => property === 'calendarEvent.name')) === null || _5 === void 0 ? void 0 : _5.direction,
+                        },
+                        filter: {
+                            type: 'TEXT',
+                            value: (_7 = (_6 = parameters.filters) === null || _6 === void 0 ? void 0 : _6.calendarEvent) === null || _7 === void 0 ? void 0 : _7.name,
+                            onChange: (newValue) => {
+                                onChangeParameters((currentParameters) => {
+                                    var _a;
+                                    return ({
+                                        ...currentParameters,
+                                        filters: {
+                                            ...currentParameters.filters,
+                                            calendarEvent: {
+                                                ...(_a = currentParameters.filters) === null || _a === void 0 ? void 0 : _a.calendarEvent,
+                                                name: newValue,
+                                            },
+                                        },
+                                    });
+                                }, true);
+                            },
+                        },
+                    },
+                    cell: ({ row: { original: formStoreRecord } }) => {
+                        var _a, _b, _c;
+                        return (_jsxs(_Fragment, { children: [(_a = formStoreRecord.calendarEvent) === null || _a === void 0 ? void 0 : _a.name, ((_b = formStoreRecord.calendarEvent) === null || _b === void 0 ? void 0 : _b.name) && (_jsx(TableCellCopyButton, { text: (_c = formStoreRecord.calendarEvent) === null || _c === void 0 ? void 0 : _c.name }))] }));
+                    },
+                },
+                {
+                    id: 'CALENDAR_EVENT_DATE_TIME',
+                    header: 'Calendar Booking - Event Date Time',
+                    meta: {
+                        sorting: {
+                            property: 'calendarEvent.dateTime',
+                            direction: (_9 = (_8 = parameters.sorting) === null || _8 === void 0 ? void 0 : _8.find(({ property }) => property === 'calendarEvent.dateTime')) === null || _9 === void 0 ? void 0 : _9.direction,
+                        },
+                        filter: {
+                            type: 'DATETIME',
+                            value: (_11 = (_10 = parameters.filters) === null || _10 === void 0 ? void 0 : _10.calendarEvent) === null || _11 === void 0 ? void 0 : _11.dateTime,
+                            onChange: (newValue) => {
+                                onChangeParameters((currentParameters) => {
+                                    var _a;
+                                    return ({
+                                        ...currentParameters,
+                                        filters: {
+                                            ...currentParameters.filters,
+                                            calendarEvent: {
+                                                ...(_a = currentParameters.filters) === null || _a === void 0 ? void 0 : _a.calendarEvent,
+                                                dateTime: newValue,
+                                            },
+                                        },
+                                    });
+                                }, false);
+                            },
+                        },
+                    },
+                    cell: ({ row: { original: formStoreRecord } }) => {
+                        var _a, _b;
+                        if (!((_a = formStoreRecord.calendarEvent) === null || _a === void 0 ? void 0 : _a.dateTime)) {
+                            return null;
+                        }
+                        const calendarEventDate = new Date((_b = formStoreRecord.calendarEvent) === null || _b === void 0 ? void 0 : _b.dateTime);
+                        if (!isValid(calendarEventDate)) {
+                            return null;
+                        }
+                        const text = format(calendarEventDate, localisationService.getDateFnsFormats().longDateTime);
+                        return (_jsxs(_Fragment, { children: [text, _jsx(TableCellCopyButton, { text: text })] }));
+                    },
+                },
             ],
         });
     }, [

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  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"]}
+{"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 { isValid } from 'date-fns'\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          id: 'CALENDAR_EVENT_TITLE',\n          header: 'Calendar Booking - Event Title',\n          meta: {\n            sorting: {\n              property: 'calendarEvent.name',\n              direction: parameters.sorting?.find(\n                ({ property }) => property === 'calendarEvent.name',\n              )?.direction,\n            },\n            filter: {\n              type: 'TEXT',\n              value: parameters.filters?.calendarEvent?.name as\n                | { $regex: string }\n                | undefined,\n              onChange: (newValue) => {\n                onChangeParameters(\n                  (currentParameters) => ({\n                    ...currentParameters,\n                    filters: {\n                      ...currentParameters.filters,\n                      calendarEvent: {\n                        ...currentParameters.filters?.calendarEvent,\n                        name: newValue,\n                      },\n                    },\n                  }),\n                  true,\n                )\n              },\n            },\n          },\n          cell: ({ row: { original: formStoreRecord } }) => (\n            <>\n              {formStoreRecord.calendarEvent?.name}\n              {formStoreRecord.calendarEvent?.name && (\n                <TableCellCopyButton\n                  text={formStoreRecord.calendarEvent?.name}\n                />\n              )}\n            </>\n          ),\n        },\n        {\n          id: 'CALENDAR_EVENT_DATE_TIME',\n          header: 'Calendar Booking - Event Date Time',\n          meta: {\n            sorting: {\n              property: 'calendarEvent.dateTime',\n              direction: parameters.sorting?.find(\n                ({ property }) => property === 'calendarEvent.dateTime',\n              )?.direction,\n            },\n            filter: {\n              type: 'DATETIME',\n              value: parameters.filters?.calendarEvent?.dateTime as\n                | { $gte?: string; $lte?: string }\n                | undefined,\n              onChange: (newValue) => {\n                onChangeParameters(\n                  (currentParameters) => ({\n                    ...currentParameters,\n                    filters: {\n                      ...currentParameters.filters,\n                      calendarEvent: {\n                        ...currentParameters.filters?.calendarEvent,\n                        dateTime: newValue,\n                      },\n                    },\n                  }),\n                  false,\n                )\n              },\n            },\n          },\n\n          cell: ({ row: { original: formStoreRecord } }) => {\n            if (!formStoreRecord.calendarEvent?.dateTime) {\n              return null\n            }\n            const calendarEventDate = new Date(\n              formStoreRecord.calendarEvent?.dateTime,\n            )\n            if (!isValid(calendarEventDate)) {\n              return null\n            }\n            const text = format(\n              calendarEventDate,\n              localisationService.getDateFnsFormats().longDateTime,\n            )\n            return (\n              <>\n                {text}\n                <TableCellCopyButton text={text} />\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/dist/components/renderer/PageFormElements.js

@@ -87,7 +87,7 @@ function PageFormElements({ formId, isActive, pageElement, model, displayValidat
     }, [formId, pageElement.id, setFormSubmission]);
     return (_jsx(IsPageVisibleProvider, { isPageVisible: isActive, children: _jsx("div", { children: _jsx("div", { id: pageElement.id, className: clsx('ob-page step-content is-active cypress-page', {
                     'is-invisible': !isActive,
-                }), "aria-label": pageElement.label, role: "region", children: _jsx(OneBlinkFormElements, { formId: formId, model: model, parentElement: form, formElementsConditionallyShown: formElementsConditionallyShown, formElementsValidation: formElementsValidation, displayValidationMessages: displayValidationMessages, elements: pageElement.elements, onChange: onChange, onLookup: handleLookup, onUpdateFormElements: handleUpdateFormElements, idPrefix: "", sectionState: sectionState }) }, pageElement.id) }) }));
+                }), "aria-label": pageElement.label, role: "region", tabIndex: -1, children: _jsx(OneBlinkFormElements, { formId: formId, model: model, parentElement: form, formElementsConditionallyShown: formElementsConditionallyShown, formElementsValidation: formElementsValidation, displayValidationMessages: displayValidationMessages, elements: pageElement.elements, onChange: onChange, onLookup: handleLookup, onUpdateFormElements: handleUpdateFormElements, idPrefix: "", sectionState: sectionState }) }, pageElement.id) }) }));
 }
 export default React.memo(PageFormElements);
 //# sourceMappingURL=PageFormElements.js.map

package/dist/components/renderer/PageFormElements.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageFormElements.js","sourceRoot":"","sources":["../../../src/components/renderer/PageFormElements.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport clsx from 'clsx'\nimport { FormTypes, SubmissionTypes } from '@oneblink/types'\nimport OneBlinkFormElements from './OneBlinkFormElements'\nimport useFormDefinition from '../../hooks/useFormDefinition'\nimport {\n  FormElementLookupHandler,\n  FormElementsConditionallyShown,\n  FormElementsValidation,\n  NestedFormElementValueChangeHandler,\n  SetFormSubmission,\n  UpdateFormElementsHandler,\n  SectionState,\n} from '../../types/form'\nimport { IsPageVisibleProvider } from '../../hooks/useIsPageVisible'\n\nexport type Props = {\n  formId: number\n  isActive: boolean\n  pageElement: FormTypes.PageElement\n  displayValidationMessages: boolean\n  model: SubmissionTypes.S3SubmissionData['submission']\n  formElementsConditionallyShown: FormElementsConditionallyShown | undefined\n  formElementsValidation: FormElementsValidation | undefined\n  sectionState?: SectionState\n  onChange: NestedFormElementValueChangeHandler\n  setFormSubmission: SetFormSubmission\n}\n\nfunction PageFormElements({\n  formId,\n  isActive,\n  pageElement,\n  model,\n  displayValidationMessages,\n  formElementsConditionallyShown,\n  formElementsValidation,\n  sectionState,\n  onChange,\n  setFormSubmission,\n}: Props) {\n  const handleLookup = React.useCallback<FormElementLookupHandler>(\n    (mergeLookupResults) => {\n      setFormSubmission((currentFormSubmission) => {\n        if (pageElement.id === formId.toString()) {\n          const { submission, elements, executedLookups } = mergeLookupResults({\n            elements: currentFormSubmission.definition.elements,\n            submission: currentFormSubmission.submission,\n            lastElementUpdated: currentFormSubmission.lastElementUpdated,\n            executedLookups: currentFormSubmission.executedLookups,\n            sectionState: currentFormSubmission.sectionState,\n          })\n\n          return {\n            submission,\n            definition: {\n              ...currentFormSubmission.definition,\n              elements: elements,\n            },\n            lastElementUpdated: currentFormSubmission.lastElementUpdated,\n            executedLookups,\n            sectionState: currentFormSubmission.sectionState,\n          }\n        }\n\n        return currentFormSubmission.definition.elements.reduce<\n          typeof currentFormSubmission\n        >(\n          (memo: typeof currentFormSubmission, formElement) => {\n            if (\n              formElement.id === pageElement.id &&\n              formElement.type === 'page'\n            ) {\n              const { submission, executedLookups, elements } =\n                mergeLookupResults({\n                  elements: formElement.elements,\n                  submission: currentFormSubmission.submission,\n                  lastElementUpdated: currentFormSubmission.lastElementUpdated,\n                  executedLookups: currentFormSubmission.executedLookups,\n                  sectionState: currentFormSubmission.sectionState,\n                })\n              memo.submission = submission\n              memo.executedLookups = executedLookups\n              memo.definition.elements.push({\n                ...formElement,\n                elements,\n              })\n            } else {\n              memo.definition.elements.push(formElement)\n            }\n\n            return memo\n          },\n          {\n            ...currentFormSubmission,\n            definition: {\n              ...currentFormSubmission.definition,\n              elements: [],\n            },\n          },\n        )\n      })\n    },\n    [formId, pageElement.id, setFormSubmission],\n  )\n\n  const form = useFormDefinition()\n\n  const handleUpdateFormElements = React.useCallback<UpdateFormElementsHandler>(\n    (updateFormElements) => {\n      setFormSubmission((currentFormSubmission) => {\n        const definition = {\n          ...currentFormSubmission.definition,\n        }\n\n        if (pageElement.id === formId.toString()) {\n          definition.elements = updateFormElements(\n            currentFormSubmission.definition.elements,\n          )\n        } else {\n          definition.elements = currentFormSubmission.definition.elements.map(\n            (formElement) => {\n              if (\n                formElement.id === pageElement.id &&\n                formElement.type === 'page'\n              ) {\n                return {\n                  ...formElement,\n                  elements: updateFormElements(formElement.elements),\n                }\n              } else {\n                return formElement\n              }\n            },\n          )\n        }\n\n        return {\n          ...currentFormSubmission,\n          definition,\n        }\n      })\n    },\n    [formId, pageElement.id, setFormSubmission],\n  )\n\n  return (\n    <IsPageVisibleProvider isPageVisible={isActive}>\n      <div>\n        <div\n          id={pageElement.id}\n          key={pageElement.id}\n          className={clsx('ob-page step-content is-active cypress-page', {\n            'is-invisible': !isActive,\n          })}\n          aria-label={pageElement.label}\n          role=\"region\"\n        >\n          <OneBlinkFormElements\n            formId={formId}\n            model={model}\n            parentElement={form}\n            formElementsConditionallyShown={formElementsConditionallyShown}\n            formElementsValidation={formElementsValidation}\n            displayValidationMessages={displayValidationMessages}\n            elements={pageElement.elements}\n            onChange={onChange}\n            onLookup={handleLookup}\n            onUpdateFormElements={handleUpdateFormElements}\n            idPrefix=\"\"\n            sectionState={sectionState}\n          />\n        </div>\n      </div>\n    </IsPageVisibleProvider>\n  )\n}\n\nexport default React.memo(PageFormElements)\n"]}
+{"version":3,"file":"PageFormElements.js","sourceRoot":"","sources":["../../../src/components/renderer/PageFormElements.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport clsx from 'clsx'\nimport { FormTypes, SubmissionTypes } from '@oneblink/types'\nimport OneBlinkFormElements from './OneBlinkFormElements'\nimport useFormDefinition from '../../hooks/useFormDefinition'\nimport {\n  FormElementLookupHandler,\n  FormElementsConditionallyShown,\n  FormElementsValidation,\n  NestedFormElementValueChangeHandler,\n  SetFormSubmission,\n  UpdateFormElementsHandler,\n  SectionState,\n} from '../../types/form'\nimport { IsPageVisibleProvider } from '../../hooks/useIsPageVisible'\n\nexport type Props = {\n  formId: number\n  isActive: boolean\n  pageElement: FormTypes.PageElement\n  displayValidationMessages: boolean\n  model: SubmissionTypes.S3SubmissionData['submission']\n  formElementsConditionallyShown: FormElementsConditionallyShown | undefined\n  formElementsValidation: FormElementsValidation | undefined\n  sectionState?: SectionState\n  onChange: NestedFormElementValueChangeHandler\n  setFormSubmission: SetFormSubmission\n}\n\nfunction PageFormElements({\n  formId,\n  isActive,\n  pageElement,\n  model,\n  displayValidationMessages,\n  formElementsConditionallyShown,\n  formElementsValidation,\n  sectionState,\n  onChange,\n  setFormSubmission,\n}: Props) {\n  const handleLookup = React.useCallback<FormElementLookupHandler>(\n    (mergeLookupResults) => {\n      setFormSubmission((currentFormSubmission) => {\n        if (pageElement.id === formId.toString()) {\n          const { submission, elements, executedLookups } = mergeLookupResults({\n            elements: currentFormSubmission.definition.elements,\n            submission: currentFormSubmission.submission,\n            lastElementUpdated: currentFormSubmission.lastElementUpdated,\n            executedLookups: currentFormSubmission.executedLookups,\n            sectionState: currentFormSubmission.sectionState,\n          })\n\n          return {\n            submission,\n            definition: {\n              ...currentFormSubmission.definition,\n              elements: elements,\n            },\n            lastElementUpdated: currentFormSubmission.lastElementUpdated,\n            executedLookups,\n            sectionState: currentFormSubmission.sectionState,\n          }\n        }\n\n        return currentFormSubmission.definition.elements.reduce<\n          typeof currentFormSubmission\n        >(\n          (memo: typeof currentFormSubmission, formElement) => {\n            if (\n              formElement.id === pageElement.id &&\n              formElement.type === 'page'\n            ) {\n              const { submission, executedLookups, elements } =\n                mergeLookupResults({\n                  elements: formElement.elements,\n                  submission: currentFormSubmission.submission,\n                  lastElementUpdated: currentFormSubmission.lastElementUpdated,\n                  executedLookups: currentFormSubmission.executedLookups,\n                  sectionState: currentFormSubmission.sectionState,\n                })\n              memo.submission = submission\n              memo.executedLookups = executedLookups\n              memo.definition.elements.push({\n                ...formElement,\n                elements,\n              })\n            } else {\n              memo.definition.elements.push(formElement)\n            }\n\n            return memo\n          },\n          {\n            ...currentFormSubmission,\n            definition: {\n              ...currentFormSubmission.definition,\n              elements: [],\n            },\n          },\n        )\n      })\n    },\n    [formId, pageElement.id, setFormSubmission],\n  )\n\n  const form = useFormDefinition()\n\n  const handleUpdateFormElements = React.useCallback<UpdateFormElementsHandler>(\n    (updateFormElements) => {\n      setFormSubmission((currentFormSubmission) => {\n        const definition = {\n          ...currentFormSubmission.definition,\n        }\n\n        if (pageElement.id === formId.toString()) {\n          definition.elements = updateFormElements(\n            currentFormSubmission.definition.elements,\n          )\n        } else {\n          definition.elements = currentFormSubmission.definition.elements.map(\n            (formElement) => {\n              if (\n                formElement.id === pageElement.id &&\n                formElement.type === 'page'\n              ) {\n                return {\n                  ...formElement,\n                  elements: updateFormElements(formElement.elements),\n                }\n              } else {\n                return formElement\n              }\n            },\n          )\n        }\n\n        return {\n          ...currentFormSubmission,\n          definition,\n        }\n      })\n    },\n    [formId, pageElement.id, setFormSubmission],\n  )\n\n  return (\n    <IsPageVisibleProvider isPageVisible={isActive}>\n      <div>\n        <div\n          id={pageElement.id}\n          key={pageElement.id}\n          className={clsx('ob-page step-content is-active cypress-page', {\n            'is-invisible': !isActive,\n          })}\n          aria-label={pageElement.label}\n          role=\"region\"\n          tabIndex={-1}\n        >\n          <OneBlinkFormElements\n            formId={formId}\n            model={model}\n            parentElement={form}\n            formElementsConditionallyShown={formElementsConditionallyShown}\n            formElementsValidation={formElementsValidation}\n            displayValidationMessages={displayValidationMessages}\n            elements={pageElement.elements}\n            onChange={onChange}\n            onLookup={handleLookup}\n            onUpdateFormElements={handleUpdateFormElements}\n            idPrefix=\"\"\n            sectionState={sectionState}\n          />\n        </div>\n      </div>\n    </IsPageVisibleProvider>\n  )\n}\n\nexport default React.memo(PageFormElements)\n"]}

package/dist/hooks/usePages.js

@@ -70,9 +70,13 @@ export default function usePages({ pages, formElementsValidation, formElementsCo
                     });
                 }
             }
-            //blur prev/next buttons after they've been clicked
-            const activeElement = document === null || document === void 0 ? void 0 : document.activeElement;
-            activeElement.blur();
+            // Move focus to the active page container after prev/next navigation
+            window.requestAnimationFrame(() => {
+                const pageContainer = document.getElementById(pageId);
+                if (pageContainer) {
+                    pageContainer.focus({ preventScroll: true });
+                }
+            });
         }
     }, [
         closeStepsNavigation,

package/dist/hooks/usePages.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePages.js","sourceRoot":"","sources":["../../src/hooks/usePages.ts"],"names":[],"mappings":"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","sourcesContent":["import { FormTypes } from '@oneblink/types'\nimport * as React from 'react'\n\nimport useBooleanState from '../hooks/useBooleanState'\nimport { checkSectionValidity } from '../services/form-validation/validators'\nimport scrollingService from '../services/scrolling-service'\nimport {\n  FormElementsConditionallyShown,\n  FormElementsValidation,\n} from '../types/form'\nimport { injectDynamicElements } from '../services/dynamic-elements'\n\nexport default function usePages({\n  pages,\n  formElementsValidation,\n  formElementsConditionallyShown,\n  hasAttemptedSubmit,\n  scrollToTopOfPage,\n}: {\n  pages: FormTypes.PageElement[]\n  formElementsValidation: FormElementsValidation | undefined\n  formElementsConditionallyShown: FormElementsConditionallyShown\n  hasAttemptedSubmit: boolean\n  scrollToTopOfPage?: boolean\n}) {\n  const scrollToTopOfPageHTMLElementRef = React.useRef<HTMLDivElement>(null)\n  const [visitedPageIds, setVisitedPageIds] = React.useState<string[]>([])\n\n  const [isStepsHeaderActive, , closeStepsNavigation, toggleStepsNavigation] =\n    useBooleanState(false)\n\n  const pagesWithDynamicElements = React.useMemo<\n    FormTypes.PageElement[]\n  >(() => {\n    return injectDynamicElements(pages) as FormTypes.PageElement[]\n  }, [pages])\n\n  const visiblePages = React.useMemo<FormTypes.PageElement[]>(() => {\n    return pagesWithDynamicElements.filter((pageElement) => {\n      return !formElementsConditionallyShown?.[pageElement.id]?.isHidden\n    })\n  }, [formElementsConditionallyShown, pagesWithDynamicElements])\n\n  const [currentPageId, setCurrentPageId] = React.useState(visiblePages[0].id)\n\n  const currentPage = React.useMemo(() => {\n    const currentPageById = visiblePages.find((pageElement) => {\n      return pageElement.id === currentPageId\n    })\n    if (currentPageById) {\n      return currentPageById\n    } else {\n      return visiblePages[0]\n    }\n  }, [currentPageId, visiblePages])\n\n  const currentPageIndex = React.useMemo(\n    () => visiblePages.indexOf(currentPage),\n    [currentPage, visiblePages],\n  )\n\n  const currentPageNumber = React.useMemo(() => {\n    if (currentPage) {\n      return visiblePages.indexOf(currentPage) + 1\n    }\n  }, [currentPage, visiblePages])\n\n  const isShowingMultiplePages = visiblePages.length > 1\n\n  const setPageId = React.useCallback(\n    (pageId: string) => {\n      setVisitedPageIds((currentVisitedPageIds) => {\n        if (currentVisitedPageIds.includes(currentPageId)) {\n          return currentVisitedPageIds\n        } else {\n          return [...currentVisitedPageIds, currentPageId]\n        }\n      })\n      setCurrentPageId(pageId)\n      closeStepsNavigation()\n\n      const scrollToTopOfPageHTMLElement =\n        scrollToTopOfPageHTMLElementRef.current\n      if (isShowingMultiplePages && scrollToTopOfPageHTMLElement) {\n        if (scrollToTopOfPage) {\n          window.requestAnimationFrame(() => {\n            window.scrollTo({ top: 0, behavior: 'smooth' })\n          })\n        } else if (scrollToTopOfPageHTMLElement) {\n          window.requestAnimationFrame(() => {\n            scrollToTopOfPageHTMLElement.scrollIntoView({\n              block: 'start',\n              behavior: 'smooth',\n            })\n          })\n          const stepItemHTMLElement = document.getElementById(\n            `steps-navigation-step-${pageId}`,\n          )\n          if (stepItemHTMLElement) {\n            window.requestAnimationFrame(() => {\n              stepItemHTMLElement.scrollIntoView({\n                block: 'start',\n                behavior: 'smooth',\n              })\n            })\n          }\n        }\n\n        //blur prev/next buttons after they've been clicked\n        const activeElement = document?.activeElement as HTMLElement\n        activeElement.blur()\n      }\n    },\n    [\n      closeStepsNavigation,\n      currentPageId,\n      isShowingMultiplePages,\n      scrollToTopOfPage,\n    ],\n  )\n\n  const goToNextPage = React.useCallback(() => {\n    for (let i = 0; i < visiblePages.length; i++) {\n      const page = visiblePages[i]\n      if (page.id === currentPageId) {\n        const nextVisiblePage = visiblePages[i + 1]\n        if (nextVisiblePage) {\n          setPageId(nextVisiblePage.id)\n        }\n        break\n      }\n    }\n  }, [currentPageId, setPageId, visiblePages])\n\n  const goToPreviousPage = React.useCallback(() => {\n    for (let i = visiblePages.length - 1; i > -1; i--) {\n      const page = visiblePages[i]\n      if (page && page.id === currentPageId) {\n        const previousVisiblePage = visiblePages[i - 1]\n        if (previousVisiblePage) {\n          setPageId(previousVisiblePage.id)\n        }\n        break\n      }\n    }\n  }, [currentPageId, setPageId, visiblePages])\n\n  const checkDisplayPageError = React.useCallback(\n    (page: FormTypes.PageElement) => {\n      // If we have not visited the page yet, we will not display errors\n      if (!visitedPageIds.includes(page.id) && !hasAttemptedSubmit) {\n        return false\n      }\n\n      return checkSectionValidity(page, formElementsValidation)\n    },\n    [formElementsValidation, visitedPageIds, hasAttemptedSubmit],\n  )\n\n  React.useEffect(() => {\n    if (isStepsHeaderActive) {\n      scrollingService.disableScrolling()\n\n      const activeStepElement = document.getElementById(\n        `steps-navigation-step-${currentPageId}`,\n      )\n\n      if (activeStepElement) {\n        activeStepElement.scrollIntoView({\n          behavior: 'smooth',\n          block: 'start',\n        })\n      }\n    } else {\n      // Re-enable scroll on body when inactive\n      scrollingService.enableScrolling()\n    }\n  }, [currentPageId, isStepsHeaderActive])\n\n  const firstVisiblePage = visiblePages[0]\n  const lastVisiblePage = visiblePages[visiblePages.length - 1]\n  const isLastVisiblePage =\n    lastVisiblePage && lastVisiblePage.id === currentPageId\n  const isFirstVisiblePage =\n    firstVisiblePage && firstVisiblePage.id === currentPageId\n  const isDisplayingCurrentPageError = checkDisplayPageError(currentPage)\n\n  // Clean up when form is navigated away\n  React.useEffect(() => {\n    return () => {\n      scrollingService.enableScrolling()\n    }\n  }, [])\n\n  return {\n    visiblePages,\n    isFirstVisiblePage,\n    isLastVisiblePage,\n    isDisplayingCurrentPageError,\n    isShowingMultiplePages,\n    isStepsHeaderActive,\n    toggleStepsNavigation,\n    currentPageIndex,\n    currentPage,\n    currentPageNumber,\n    checkDisplayPageError,\n    setPageId,\n    goToPreviousPage,\n    goToNextPage,\n    scrollToTopOfPageHTMLElementRef,\n  }\n}\n"]}
+{"version":3,"file":"usePages.js","sourceRoot":"","sources":["../../src/hooks/usePages.ts"],"names":[],"mappings":"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","sourcesContent":["import { FormTypes } from '@oneblink/types'\nimport * as React from 'react'\n\nimport useBooleanState from '../hooks/useBooleanState'\nimport { checkSectionValidity } from '../services/form-validation/validators'\nimport scrollingService from '../services/scrolling-service'\nimport {\n  FormElementsConditionallyShown,\n  FormElementsValidation,\n} from '../types/form'\nimport { injectDynamicElements } from '../services/dynamic-elements'\n\nexport default function usePages({\n  pages,\n  formElementsValidation,\n  formElementsConditionallyShown,\n  hasAttemptedSubmit,\n  scrollToTopOfPage,\n}: {\n  pages: FormTypes.PageElement[]\n  formElementsValidation: FormElementsValidation | undefined\n  formElementsConditionallyShown: FormElementsConditionallyShown\n  hasAttemptedSubmit: boolean\n  scrollToTopOfPage?: boolean\n}) {\n  const scrollToTopOfPageHTMLElementRef = React.useRef<HTMLDivElement>(null)\n  const [visitedPageIds, setVisitedPageIds] = React.useState<string[]>([])\n\n  const [isStepsHeaderActive, , closeStepsNavigation, toggleStepsNavigation] =\n    useBooleanState(false)\n\n  const pagesWithDynamicElements = React.useMemo<\n    FormTypes.PageElement[]\n  >(() => {\n    return injectDynamicElements(pages) as FormTypes.PageElement[]\n  }, [pages])\n\n  const visiblePages = React.useMemo<FormTypes.PageElement[]>(() => {\n    return pagesWithDynamicElements.filter((pageElement) => {\n      return !formElementsConditionallyShown?.[pageElement.id]?.isHidden\n    })\n  }, [formElementsConditionallyShown, pagesWithDynamicElements])\n\n  const [currentPageId, setCurrentPageId] = React.useState(visiblePages[0].id)\n\n  const currentPage = React.useMemo(() => {\n    const currentPageById = visiblePages.find((pageElement) => {\n      return pageElement.id === currentPageId\n    })\n    if (currentPageById) {\n      return currentPageById\n    } else {\n      return visiblePages[0]\n    }\n  }, [currentPageId, visiblePages])\n\n  const currentPageIndex = React.useMemo(\n    () => visiblePages.indexOf(currentPage),\n    [currentPage, visiblePages],\n  )\n\n  const currentPageNumber = React.useMemo(() => {\n    if (currentPage) {\n      return visiblePages.indexOf(currentPage) + 1\n    }\n  }, [currentPage, visiblePages])\n\n  const isShowingMultiplePages = visiblePages.length > 1\n\n  const setPageId = React.useCallback(\n    (pageId: string) => {\n      setVisitedPageIds((currentVisitedPageIds) => {\n        if (currentVisitedPageIds.includes(currentPageId)) {\n          return currentVisitedPageIds\n        } else {\n          return [...currentVisitedPageIds, currentPageId]\n        }\n      })\n      setCurrentPageId(pageId)\n      closeStepsNavigation()\n\n      const scrollToTopOfPageHTMLElement =\n        scrollToTopOfPageHTMLElementRef.current\n      if (isShowingMultiplePages && scrollToTopOfPageHTMLElement) {\n        if (scrollToTopOfPage) {\n          window.requestAnimationFrame(() => {\n            window.scrollTo({ top: 0, behavior: 'smooth' })\n          })\n        } else if (scrollToTopOfPageHTMLElement) {\n          window.requestAnimationFrame(() => {\n            scrollToTopOfPageHTMLElement.scrollIntoView({\n              block: 'start',\n              behavior: 'smooth',\n            })\n          })\n          const stepItemHTMLElement = document.getElementById(\n            `steps-navigation-step-${pageId}`,\n          )\n          if (stepItemHTMLElement) {\n            window.requestAnimationFrame(() => {\n              stepItemHTMLElement.scrollIntoView({\n                block: 'start',\n                behavior: 'smooth',\n              })\n            })\n          }\n        }\n\n        // Move focus to the active page container after prev/next navigation\n        window.requestAnimationFrame(() => {\n          const pageContainer = document.getElementById(pageId)\n          if (pageContainer) {\n            pageContainer.focus({ preventScroll: true })\n          }\n        })\n      }\n    },\n    [\n      closeStepsNavigation,\n      currentPageId,\n      isShowingMultiplePages,\n      scrollToTopOfPage,\n    ],\n  )\n\n  const goToNextPage = React.useCallback(() => {\n    for (let i = 0; i < visiblePages.length; i++) {\n      const page = visiblePages[i]\n      if (page.id === currentPageId) {\n        const nextVisiblePage = visiblePages[i + 1]\n        if (nextVisiblePage) {\n          setPageId(nextVisiblePage.id)\n        }\n        break\n      }\n    }\n  }, [currentPageId, setPageId, visiblePages])\n\n  const goToPreviousPage = React.useCallback(() => {\n    for (let i = visiblePages.length - 1; i > -1; i--) {\n      const page = visiblePages[i]\n      if (page && page.id === currentPageId) {\n        const previousVisiblePage = visiblePages[i - 1]\n        if (previousVisiblePage) {\n          setPageId(previousVisiblePage.id)\n        }\n        break\n      }\n    }\n  }, [currentPageId, setPageId, visiblePages])\n\n  const checkDisplayPageError = React.useCallback(\n    (page: FormTypes.PageElement) => {\n      // If we have not visited the page yet, we will not display errors\n      if (!visitedPageIds.includes(page.id) && !hasAttemptedSubmit) {\n        return false\n      }\n\n      return checkSectionValidity(page, formElementsValidation)\n    },\n    [formElementsValidation, visitedPageIds, hasAttemptedSubmit],\n  )\n\n  React.useEffect(() => {\n    if (isStepsHeaderActive) {\n      scrollingService.disableScrolling()\n\n      const activeStepElement = document.getElementById(\n        `steps-navigation-step-${currentPageId}`,\n      )\n\n      if (activeStepElement) {\n        activeStepElement.scrollIntoView({\n          behavior: 'smooth',\n          block: 'start',\n        })\n      }\n    } else {\n      // Re-enable scroll on body when inactive\n      scrollingService.enableScrolling()\n    }\n  }, [currentPageId, isStepsHeaderActive])\n\n  const firstVisiblePage = visiblePages[0]\n  const lastVisiblePage = visiblePages[visiblePages.length - 1]\n  const isLastVisiblePage =\n    lastVisiblePage && lastVisiblePage.id === currentPageId\n  const isFirstVisiblePage =\n    firstVisiblePage && firstVisiblePage.id === currentPageId\n  const isDisplayingCurrentPageError = checkDisplayPageError(currentPage)\n\n  // Clean up when form is navigated away\n  React.useEffect(() => {\n    return () => {\n      scrollingService.enableScrolling()\n    }\n  }, [])\n\n  return {\n    visiblePages,\n    isFirstVisiblePage,\n    isLastVisiblePage,\n    isDisplayingCurrentPageError,\n    isShowingMultiplePages,\n    isStepsHeaderActive,\n    toggleStepsNavigation,\n    currentPageIndex,\n    currentPage,\n    currentPageNumber,\n    checkDisplayPageError,\n    setPageId,\n    goToPreviousPage,\n    goToNextPage,\n    scrollToTopOfPageHTMLElementRef,\n  }\n}\n"]}

package/package.json

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