@okta/odyssey-react-mui 1.42.0 → 1.44.0

package/dist/esm/labs/DataView/fetchData.js.map

@@ -1 +1 @@
-{"version":3,"file":"fetchData.js","names":["t","fetchData","dataQueryParams","errorMessageProp","getData","setData","setErrorMessage","setIsLoading","incomingData","error"],"sources":["../../../../src/labs/DataView/fetchData.ts"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { Dispatch, SetStateAction } from \"react\";\nimport { MRT_RowData } from \"material-react-table\";\nimport { t } from \"i18next\";\n\nimport { DataQueryParamsType } from \"./dataTypes.js\";\nimport { UniversalProps } from \"./componentTypes.js\";\n\ntype DataRequestType<TData extends MRT_RowData> = {\n  dataQueryParams: DataQueryParamsType;\n  errorMessageProp: UniversalProps<TData>[\"errorMessage\"];\n  getData: UniversalProps<TData>[\"getData\"];\n  setData: Dispatch<SetStateAction<TData[]>>;\n  setErrorMessage: Dispatch<\n    SetStateAction<UniversalProps<TData>[\"errorMessage\"]>\n  >;\n  setIsLoading?: Dispatch<SetStateAction<boolean>>;\n};\n\nexport const fetchData = async <TData extends MRT_RowData>({\n  dataQueryParams,\n  errorMessageProp,\n  getData,\n  setData,\n  setErrorMessage,\n  setIsLoading,\n}: DataRequestType<TData>) => {\n  setIsLoading?.(true);\n  setErrorMessage(errorMessageProp);\n  try {\n    const incomingData = await getData?.(dataQueryParams);\n    setData(incomingData);\n  } catch (error) {\n    setErrorMessage(typeof error === \"string\" ? error : t(\"table.error\"));\n  } finally {\n    setIsLoading?.(false);\n  }\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIA,SAASA,CAAC,QAAQ,SAAS;AAgB3B,OAAO,MAAMC,SAAS,GAAG,MAAAA,CAAkC;EACzDC,eAAe;EACfC,gBAAgB;EAChBC,OAAO;EACPC,OAAO;EACPC,eAAe;EACfC;AACsB,CAAC,KAAK;EAC5BA,YAAY,GAAG,IAAI,CAAC;EACpBD,eAAe,CAACH,gBAAgB,CAAC;EACjC,IAAI;IACF,MAAMK,YAAY,GAAG,MAAMJ,OAAO,GAAGF,eAAe,CAAC;IACrDG,OAAO,CAACG,YAAY,CAAC;EACvB,CAAC,CAAC,OAAOC,KAAK,EAAE;IACdH,eAAe,CAAC,OAAOG,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGT,CAAC,CAAC,aAAa,CAAC,CAAC;EACvE,CAAC,SAAS;IACRO,YAAY,GAAG,KAAK,CAAC;EACvB;AACF,CAAC","ignoreList":[]}
+{"version":3,"file":"fetchData.js","names":["t","fetchData","dataQueryParams","errorMessageProp","getData","setData","setErrorMessage","setIsLoading","incomingData","error"],"sources":["../../../../src/labs/DataView/fetchData.ts"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { t } from \"i18next\";\nimport { MRT_RowData } from \"material-react-table\";\nimport { Dispatch, SetStateAction } from \"react\";\n\nimport { UniversalProps } from \"./componentTypes.js\";\nimport { DataQueryParamsType } from \"./dataTypes.js\";\n\ntype DataRequestType<TData extends MRT_RowData> = {\n  dataQueryParams: DataQueryParamsType;\n  errorMessageProp: UniversalProps<TData>[\"errorMessage\"];\n  getData: UniversalProps<TData>[\"getData\"];\n  setData: Dispatch<SetStateAction<TData[]>>;\n  setErrorMessage: Dispatch<\n    SetStateAction<UniversalProps<TData>[\"errorMessage\"]>\n  >;\n  setIsLoading?: Dispatch<SetStateAction<boolean>>;\n};\n\nexport const fetchData = async <TData extends MRT_RowData>({\n  dataQueryParams,\n  errorMessageProp,\n  getData,\n  setData,\n  setErrorMessage,\n  setIsLoading,\n}: DataRequestType<TData>) => {\n  setIsLoading?.(true);\n  setErrorMessage(errorMessageProp);\n  try {\n    const incomingData = await getData?.(dataQueryParams);\n    setData(incomingData);\n  } catch (error) {\n    setErrorMessage(typeof error === \"string\" ? error : t(\"table.error\"));\n  } finally {\n    setIsLoading?.(false);\n  }\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,CAAC,QAAQ,SAAS;AAkB3B,OAAO,MAAMC,SAAS,GAAG,MAAAA,CAAkC;EACzDC,eAAe;EACfC,gBAAgB;EAChBC,OAAO;EACPC,OAAO;EACPC,eAAe;EACfC;AACsB,CAAC,KAAK;EAC5BA,YAAY,GAAG,IAAI,CAAC;EACpBD,eAAe,CAACH,gBAAgB,CAAC;EACjC,IAAI;IACF,MAAMK,YAAY,GAAG,MAAMJ,OAAO,GAAGF,eAAe,CAAC;IACrDG,OAAO,CAACG,YAAY,CAAC;EACvB,CAAC,CAAC,OAAOC,KAAK,EAAE;IACdH,eAAe,CAAC,OAAOG,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGT,CAAC,CAAC,aAAa,CAAC,CAAC;EACvE,CAAC,SAAS;IACRO,YAAY,GAAG,KAAK,CAAC;EACvB;AACF,CAAC","ignoreList":[]}

package/dist/esm/labs/DataView/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["DataTable","DataView"],"sources":["../../../../src/labs/DataView/index.ts"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nexport { DataTable, type DataTableProps } from \"./DataTable.js\";\nexport { DataView, type DataViewProps } from \"./DataView.js\";\nexport { type DataCardProps } from \"./DataCard.js\";\n\nexport * from \"./componentTypes.js\";\nexport * from \"./constants.js\";\nexport * from \"./dataTypes.js\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,SAAS,QAA6B,gBAAgB;AAC/D,SAASC,QAAQ,QAA4B,eAAe;AAG5D,cAAc,qBAAqB;AACnC,cAAc,gBAAgB;AAC9B,cAAc,gBAAgB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["DataTable","DataView"],"sources":["../../../../src/labs/DataView/index.ts"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nexport { type DataCardProps } from \"./DataCard.js\";\nexport { DataTable, type DataTableProps } from \"./DataTable.js\";\nexport { DataView, type DataViewProps } from \"./DataView.js\";\n\nexport * from \"./componentTypes.js\";\nexport * from \"./constants.js\";\nexport * from \"./dataTypes.js\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,SAASA,SAAS,QAA6B,gBAAgB;AAC/D,SAASC,QAAQ,QAA4B,eAAe;AAE5D,cAAc,qBAAqB;AACnC,cAAc,gBAAgB;AAC9B,cAAc,gBAAgB","ignoreList":[]}

package/dist/esm/labs/DataView/tableConstants.js.map

@@ -1 +1 @@
-{"version":3,"file":"tableConstants.js","names":["styled","Box","DragIndicatorIcon","jsx","_jsx","dataTableImmutableSettings","enableColumnActions","enableDensityToggle","enableExpandAll","enableFilters","enableFullScreenToggle","enableGlobalFilter","enableHiding","enablePagination","layoutMode","manualFiltering","manualSorting","muiTablePaperProps","elevation","sx","overflow","positionActionsColumn","rowVirtualizerOptions","overscan","selectAllMode","displayColumnDefOptions","header","muiTableBodyCellProps","minWidth","width","className","muiTableHeadCellProps","children","marginInline","opacity","padding","ScrollableTableContainer","shouldForwardProp","prop","odysseyDesignTokens","isScrollableStart","isScrollableEnd","marginBlockEnd","Spacing4","position","borderInlineStartColor","HueNeutral200","borderInlineStartStyle","borderInlineStartWidth","BorderWidthMain","background","content","pointerEvents","top","left","bottom","Spacing6","zIndex","transition","TransitionDurationMain","TransitionTimingMain","borderInlineEndColor","borderInlineEndStyle","borderInlineEndWidth","right"],"sources":["../../../../src/labs/DataView/tableConstants.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled from \"@emotion/styled\";\nimport { MRT_RowData, MRT_TableOptions } from \"material-react-table\";\n\nimport { Box } from \"../../Box.js\";\nimport { DesignTokens } from \"../../OdysseyDesignTokensContext.js\";\nimport { DragIndicatorIcon } from \"../../icons.generated/index.js\";\n\nexport const dataTableImmutableSettings = {\n  enableColumnActions: false,\n  enableDensityToggle: false,\n  enableExpandAll: false,\n  enableFilters: false,\n  enableFullScreenToggle: false,\n  enableGlobalFilter: false,\n  enableHiding: false,\n  enablePagination: false,\n  layoutMode: \"grid-no-grow\" as MRT_TableOptions<MRT_RowData>[\"layoutMode\"],\n  manualFiltering: true,\n  manualSorting: true,\n  muiTablePaperProps: {\n    elevation: 0,\n    sx: {\n      overflow: \"visible\",\n    },\n  },\n  positionActionsColumn:\n    \"last\" as MRT_TableOptions<MRT_RowData>[\"positionActionsColumn\"],\n  rowVirtualizerOptions: {\n    overscan: 4,\n  },\n  selectAllMode: \"all\" as MRT_TableOptions<MRT_RowData>[\"selectAllMode\"],\n};\n\nexport const displayColumnDefOptions = {\n  \"mrt-row-drag\": {\n    header: \"\",\n    muiTableBodyCellProps: {\n      sx: {\n        minWidth: 0,\n        width: \"auto\",\n      },\n      className: \"ods-drag-handle\",\n    },\n    muiTableHeadCellProps: {\n      sx: {\n        minWidth: 0,\n        width: \"auto\",\n      },\n      children: (\n        // Add a spacer to simulate the width of the drag handle in the column.\n        // Without this, the head cells are offset from their body cell counterparts\n        <Box sx={{ marginInline: \"-0.1rem\" }}>\n          <DragIndicatorIcon sx={{ marginInline: 1, opacity: 0 }} />\n        </Box>\n      ),\n    },\n  },\n  \"mrt-row-select\": {\n    muiTableHeadCellProps: {\n      padding: \"checkbox\" as const,\n    },\n    muiTableBodyCellProps: {\n      padding: \"checkbox\" as const,\n    },\n  },\n  \"mrt-row-expand\": {\n    header: \"\",\n    muiTableBodyCellProps: {\n      sx: {\n        overflow: \"visible\",\n      },\n    },\n  },\n};\n\nexport const ScrollableTableContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" &&\n    prop !== \"isScrollableStart\" &&\n    prop !== \"isScrollableEnd\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n  isScrollableStart: boolean;\n  isScrollableEnd: boolean;\n}>(({ odysseyDesignTokens, isScrollableStart, isScrollableEnd }) => ({\n  marginBlockEnd: odysseyDesignTokens.Spacing4,\n  position: \"relative\",\n  borderInlineStartColor: isScrollableStart\n    ? odysseyDesignTokens.HueNeutral200\n    : \"transparent\",\n  borderInlineStartStyle: \"solid\",\n  borderInlineStartWidth: odysseyDesignTokens.BorderWidthMain,\n  \"::before\": {\n    background:\n      \"linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.33) 50%, rgba(0, 0, 0, 1) 100%)\",\n    content: '\"\"',\n    opacity: isScrollableStart ? \"0.075\" : \"0\",\n    pointerEvents: \"none\",\n    position: \"absolute\",\n    top: 0,\n    left: 0,\n    bottom: 0,\n    width: odysseyDesignTokens.Spacing6,\n    zIndex: 100,\n    transition: `opacity ${odysseyDesignTokens.TransitionDurationMain} ${odysseyDesignTokens.TransitionTimingMain}`,\n  },\n  borderInlineEndColor: isScrollableEnd\n    ? odysseyDesignTokens.HueNeutral200\n    : \"transparent\",\n  borderInlineEndStyle: \"solid\",\n  borderInlineEndWidth: odysseyDesignTokens.BorderWidthMain,\n  \"::after\": {\n    background:\n      \"linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.33) 50%, rgba(0, 0, 0, 1) 100%)\",\n    content: '\"\"',\n    opacity: isScrollableEnd ? \"0.075\" : \"0\",\n    pointerEvents: \"none\",\n    position: \"absolute\",\n    top: 0,\n    right: 0,\n    bottom: 0,\n    width: odysseyDesignTokens.Spacing6,\n    transition: `opacity ${odysseyDesignTokens.TransitionDurationMain} ${odysseyDesignTokens.TransitionTimingMain}`,\n  },\n}));\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"tableConstants.js","names":["styled","Box","DragIndicatorIcon","jsx","_jsx","dataTableImmutableSettings","enableColumnActions","enableDensityToggle","enableExpandAll","enableFilters","enableFullScreenToggle","enableGlobalFilter","enableHiding","enablePagination","layoutMode","manualFiltering","manualSorting","muiTablePaperProps","elevation","sx","overflow","positionActionsColumn","rowVirtualizerOptions","overscan","selectAllMode","displayColumnDefOptions","header","muiTableBodyCellProps","minWidth","width","className","muiTableHeadCellProps","children","marginInline","opacity","padding","ScrollableTableContainer","shouldForwardProp","prop","odysseyDesignTokens","isScrollableStart","isScrollableEnd","marginBlockEnd","Spacing4","position","borderInlineStartColor","HueNeutral200","borderInlineStartStyle","borderInlineStartWidth","BorderWidthMain","background","content","pointerEvents","top","left","bottom","Spacing6","zIndex","transition","TransitionDurationMain","TransitionTimingMain","borderInlineEndColor","borderInlineEndStyle","borderInlineEndWidth","right"],"sources":["../../../../src/labs/DataView/tableConstants.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled from \"@emotion/styled\";\nimport { MRT_RowData, MRT_TableOptions } from \"material-react-table\";\n\nimport { Box } from \"../../Box.js\";\nimport { DragIndicatorIcon } from \"../../icons.generated/index.js\";\nimport { DesignTokens } from \"../../OdysseyDesignTokensContext.js\";\n\nexport const dataTableImmutableSettings = {\n  enableColumnActions: false,\n  enableDensityToggle: false,\n  enableExpandAll: false,\n  enableFilters: false,\n  enableFullScreenToggle: false,\n  enableGlobalFilter: false,\n  enableHiding: false,\n  enablePagination: false,\n  layoutMode: \"grid-no-grow\" as MRT_TableOptions<MRT_RowData>[\"layoutMode\"],\n  manualFiltering: true,\n  manualSorting: true,\n  muiTablePaperProps: {\n    elevation: 0,\n    sx: {\n      overflow: \"visible\",\n    },\n  },\n  positionActionsColumn:\n    \"last\" as MRT_TableOptions<MRT_RowData>[\"positionActionsColumn\"],\n  rowVirtualizerOptions: {\n    overscan: 4,\n  },\n  selectAllMode: \"all\" as MRT_TableOptions<MRT_RowData>[\"selectAllMode\"],\n};\n\nexport const displayColumnDefOptions = {\n  \"mrt-row-drag\": {\n    header: \"\",\n    muiTableBodyCellProps: {\n      sx: {\n        minWidth: 0,\n        width: \"auto\",\n      },\n      className: \"ods-drag-handle\",\n    },\n    muiTableHeadCellProps: {\n      sx: {\n        minWidth: 0,\n        width: \"auto\",\n      },\n      children: (\n        // Add a spacer to simulate the width of the drag handle in the column.\n        // Without this, the head cells are offset from their body cell counterparts\n        <Box sx={{ marginInline: \"-0.1rem\" }}>\n          <DragIndicatorIcon sx={{ marginInline: 1, opacity: 0 }} />\n        </Box>\n      ),\n    },\n  },\n  \"mrt-row-select\": {\n    muiTableHeadCellProps: {\n      padding: \"checkbox\" as const,\n    },\n    muiTableBodyCellProps: {\n      padding: \"checkbox\" as const,\n    },\n  },\n  \"mrt-row-expand\": {\n    header: \"\",\n    muiTableBodyCellProps: {\n      sx: {\n        overflow: \"visible\",\n      },\n    },\n  },\n};\n\nexport const ScrollableTableContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" &&\n    prop !== \"isScrollableStart\" &&\n    prop !== \"isScrollableEnd\",\n})<{\n  isScrollableEnd: boolean;\n  isScrollableStart: boolean;\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens, isScrollableStart, isScrollableEnd }) => ({\n  marginBlockEnd: odysseyDesignTokens.Spacing4,\n  position: \"relative\",\n  borderInlineStartColor: isScrollableStart\n    ? odysseyDesignTokens.HueNeutral200\n    : \"transparent\",\n  borderInlineStartStyle: \"solid\",\n  borderInlineStartWidth: odysseyDesignTokens.BorderWidthMain,\n  \"::before\": {\n    background:\n      \"linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.33) 50%, rgba(0, 0, 0, 1) 100%)\",\n    content: '\"\"',\n    opacity: isScrollableStart ? \"0.075\" : \"0\",\n    pointerEvents: \"none\",\n    position: \"absolute\",\n    top: 0,\n    left: 0,\n    bottom: 0,\n    width: odysseyDesignTokens.Spacing6,\n    zIndex: 100,\n    transition: `opacity ${odysseyDesignTokens.TransitionDurationMain} ${odysseyDesignTokens.TransitionTimingMain}`,\n  },\n  borderInlineEndColor: isScrollableEnd\n    ? odysseyDesignTokens.HueNeutral200\n    : \"transparent\",\n  borderInlineEndStyle: \"solid\",\n  borderInlineEndWidth: odysseyDesignTokens.BorderWidthMain,\n  \"::after\": {\n    background:\n      \"linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.33) 50%, rgba(0, 0, 0, 1) 100%)\",\n    content: '\"\"',\n    opacity: isScrollableEnd ? \"0.075\" : \"0\",\n    pointerEvents: \"none\",\n    position: \"absolute\",\n    top: 0,\n    right: 0,\n    bottom: 0,\n    width: odysseyDesignTokens.Spacing6,\n    transition: `opacity ${odysseyDesignTokens.TransitionDurationMain} ${odysseyDesignTokens.TransitionTimingMain}`,\n  },\n}));\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/labs/DataView/testSupportData.js.map

@@ -1 +1 @@
-{"version":3,"file":"testSupportData.js","names":["Status","jsx","_jsx","columns","accessorKey","header","enableColumnFilter","size","enableHiding","filterVariant","Cell","cell","value","getValue","severity","label","charAt","toUpperCase","slice","filterSelectOptions","data","order","id","name","city","state","age","risk","result","i","concat","lotsOfData","filterData","args","search","filters","sort","page","resultsPerPage","searchFiltered","filter","row","Object","values","some","toString","toLowerCase","includes","personKeys","isKeyOfPerson","key","handleStartLetterFilter","firstLetter","handleStandardFilter","rowValue","String","undefined","Array","isArray","arrayValue","filterValue","compareValues","a","b","desc","columnFiltered","every","sorted","length","reduce","aValue","bValue","startRow","endRow","reorderData","rowId","newRowIndex","rowIndex","findIndex","removedRow","splice","reorderedData"],"sources":["../../../../src/labs/DataView/testSupportData.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { Status } from \"../../Status.js\";\nimport { DataColumns, DataGetDataType } from \"./dataTypes.js\";\nimport { DataFilter } from \"../DataFilters.js\";\n\nexport type Person = {\n  order: number;\n  id: string;\n  name: string;\n  city: string;\n  state: string;\n  age: number;\n  risk: \"high\" | \"medium\" | \"low\";\n};\n\nexport const columns: DataColumns<Person> = [\n  {\n    accessorKey: \"order\",\n    header: \"ID\",\n    enableColumnFilter: false,\n    size: 120,\n  },\n  {\n    accessorKey: \"name\",\n    header: \"Name\",\n    enableHiding: false,\n  },\n  {\n    accessorKey: \"city\",\n    header: \"City\",\n  },\n  {\n    accessorKey: \"state\",\n    header: \"State\",\n  },\n  {\n    accessorKey: \"age\",\n    header: \"Age\",\n    size: 80,\n    filterVariant: \"range\",\n  },\n  {\n    accessorKey: \"risk\",\n    header: \"Risk level\",\n    Cell: ({ cell }) => {\n      const value = cell.getValue<string>();\n      const severity =\n        value === \"low\" ? \"success\" : value === \"medium\" ? \"warning\" : \"error\";\n      return (\n        <Status\n          label={value.charAt(0).toUpperCase() + value.slice(1)}\n          severity={severity}\n        />\n      );\n    },\n    filterVariant: \"multi-select\",\n    filterSelectOptions: [\n      {\n        label: \"Low\",\n        value: \"low\",\n      },\n      {\n        label: \"Medium\",\n        value: \"medium\",\n      },\n      {\n        label: \"High\",\n        value: \"high\",\n      },\n    ],\n  },\n];\n\nexport const data: Person[] = [\n  {\n    order: 1,\n    id: \"1\",\n    name: \"Luke Skywalker\",\n    city: \"Mos Eisley\",\n    state: \"Tatooine\",\n    age: 19,\n    risk: \"low\",\n  },\n  {\n    order: 2,\n    id: \"2\",\n    name: \"Han Solo\",\n    city: \"Corellia\",\n    state: \"Corellia\",\n    age: 40,\n    risk: \"medium\",\n  },\n  {\n    order: 3,\n    id: \"3\",\n    name: \"Leia Organa\",\n    city: \"Alderaan City\",\n    state: \"Alderaan\",\n    age: 19,\n    risk: \"low\",\n  },\n  {\n    order: 4,\n    id: \"4\",\n    name: \"Chewbacca\",\n    city: \"Kashyyyk City\",\n    state: \"Kashyyyk\",\n    age: 50,\n    risk: \"high\",\n  },\n  {\n    order: 5,\n    id: \"5\",\n    name: \"C-3P0\",\n    city: \"Mos Espa\",\n    state: \"Tatooine\",\n    age: 25,\n    risk: \"low\",\n  },\n  {\n    order: 6,\n    id: \"6\",\n    name: \"R2-D2\",\n    city: \"Theed\",\n    state: \"Naboo\",\n    age: 25,\n    risk: \"low\",\n  },\n];\n\nlet result: Person[] = [];\nfor (let i = 0; i < 50; i++) {\n  result = result.concat(data);\n}\nexport const lotsOfData = result;\n\nexport const filterData = ({\n  data,\n  ...args\n}: {\n  data: Person[];\n} & DataGetDataType) => {\n  const { search, filters, sort, page = 1, resultsPerPage = 20 } = args;\n\n  const searchFiltered = search\n    ? data.filter((row) =>\n        Object.values(row).some((value) =>\n          value.toString().toLowerCase().includes(search.toLowerCase()),\n        ),\n      )\n    : data;\n\n  const personKeys: (keyof Person)[] = [\n    \"order\",\n    \"id\",\n    \"name\",\n    \"city\",\n    \"state\",\n    \"age\",\n    \"risk\",\n  ];\n\n  const isKeyOfPerson = (key: string): key is keyof Person => {\n    return personKeys.includes(key as keyof Person);\n  };\n\n  const handleStartLetterFilter = (\n    row: Person,\n    value: DataFilter[\"value\"],\n  ): boolean => {\n    if (typeof row.name !== \"string\") return true;\n    const firstLetter = row.name[0]?.toLowerCase();\n    if (value === \"vowel\") return \"aeiou\".includes(firstLetter);\n    if (value === \"consonant\") return !\"aeiou\".includes(firstLetter);\n    return true;\n  };\n\n  const handleStandardFilter = (\n    row: Person,\n    id: keyof Person,\n    value: DataFilter[\"value\"],\n  ): boolean => {\n    const rowValue = String(row[id]).toLowerCase();\n\n    if (value === null || value === undefined) {\n      return true;\n    }\n\n    if (typeof value === \"string\" || typeof value === \"number\") {\n      return rowValue.includes(String(value).toLowerCase());\n    }\n\n    if (Array.isArray(value)) {\n      return value.some((arrayValue) => {\n        const filterValue =\n          typeof arrayValue === \"object\" ? arrayValue.value : arrayValue;\n        return row[id]\n          ?.toString()\n          .toLowerCase()\n          .includes(filterValue.toString().toLowerCase());\n      });\n    }\n\n    return false;\n  };\n\n  const compareValues = (\n    a: string | number,\n    b: string | number,\n    desc: boolean,\n  ): number => {\n    if (a < b) return desc ? 1 : -1;\n    if (a > b) return desc ? -1 : 1;\n    return 0;\n  };\n\n  // In a real-world scenario, the consumer would provide their own backend\n  // filtering/searching logic. This is a demo of what that could look like\n  // for the provided sample data and demo filters.\n  const columnFiltered = filters\n    ? searchFiltered.filter((row) =>\n        filters.every(({ id, value }: DataFilter) => {\n          // If the filter value is null, return all the data\n          if (value === null || value === undefined) {\n            return true;\n          }\n\n          // Handle custom filters\n          if (id === \"startLetter\") {\n            return handleStartLetterFilter(row, value);\n          }\n\n          // Handle standard Person properties\n          if (isKeyOfPerson(id)) {\n            return handleStandardFilter(row, id, value);\n          }\n\n          return true;\n        }),\n      )\n    : searchFiltered;\n\n  const sorted =\n    sort && sort.length > 0\n      ? [...columnFiltered].sort((a, b) =>\n          sort.reduce((result, { id, desc }) => {\n            if (result !== 0) return result;\n\n            if (isKeyOfPerson(id)) {\n              const aValue = a[id];\n              const bValue = b[id];\n              return compareValues(aValue, bValue, desc);\n            }\n\n            // Handle custom sort fields if needed\n            return 0;\n          }, 0),\n        )\n      : columnFiltered;\n\n  const startRow = (page - 1) * resultsPerPage;\n  const endRow = startRow + resultsPerPage;\n\n  return sorted.slice(startRow, endRow);\n};\n\nexport const reorderData = <Data extends Person>({\n  data,\n  rowId,\n  newRowIndex,\n}: {\n  data: Data[];\n  rowId: string | number;\n  newRowIndex: number;\n}): Data[] => {\n  const rowIndex = data.findIndex((row) => row.id === rowId);\n\n  if (rowIndex === -1) {\n    return data;\n  }\n\n  const [removedRow] = data.splice(rowIndex, 1);\n\n  const reorderedData = [\n    ...data.slice(0, newRowIndex),\n    removedRow,\n    ...data.slice(newRowIndex),\n  ];\n\n  return reorderedData;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"testSupportData.js","names":["Status","jsx","_jsx","columns","accessorKey","header","enableColumnFilter","size","enableHiding","filterVariant","Cell","cell","value","getValue","severity","label","charAt","toUpperCase","slice","filterSelectOptions","data","order","id","name","city","state","age","risk","result","i","concat","lotsOfData","filterData","args","search","filters","sort","page","resultsPerPage","searchFiltered","filter","row","Object","values","some","toString","toLowerCase","includes","personKeys","isKeyOfPerson","key","handleStartLetterFilter","firstLetter","handleStandardFilter","rowValue","String","undefined","Array","isArray","arrayValue","filterValue","compareValues","a","b","desc","columnFiltered","every","sorted","length","reduce","aValue","bValue","startRow","endRow","reorderData","rowId","newRowIndex","rowIndex","findIndex","removedRow","splice","reorderedData"],"sources":["../../../../src/labs/DataView/testSupportData.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { Status } from \"../../Status.js\";\nimport { DataFilter } from \"../DataFilters.js\";\nimport { DataColumns, DataGetDataType } from \"./dataTypes.js\";\n\nexport type Person = {\n  age: number;\n  city: string;\n  id: string;\n  name: string;\n  order: number;\n  risk: \"high\" | \"medium\" | \"low\";\n  state: string;\n};\n\nexport const columns: DataColumns<Person> = [\n  {\n    accessorKey: \"order\",\n    header: \"ID\",\n    enableColumnFilter: false,\n    size: 120,\n  },\n  {\n    accessorKey: \"name\",\n    header: \"Name\",\n    enableHiding: false,\n  },\n  {\n    accessorKey: \"city\",\n    header: \"City\",\n  },\n  {\n    accessorKey: \"state\",\n    header: \"State\",\n  },\n  {\n    accessorKey: \"age\",\n    header: \"Age\",\n    size: 80,\n    filterVariant: \"range\",\n  },\n  {\n    accessorKey: \"risk\",\n    header: \"Risk level\",\n    Cell: ({ cell }) => {\n      const value = cell.getValue<string>();\n      const severity =\n        value === \"low\" ? \"success\" : value === \"medium\" ? \"warning\" : \"error\";\n      return (\n        <Status\n          label={value.charAt(0).toUpperCase() + value.slice(1)}\n          severity={severity}\n        />\n      );\n    },\n    filterVariant: \"multi-select\",\n    filterSelectOptions: [\n      {\n        label: \"Low\",\n        value: \"low\",\n      },\n      {\n        label: \"Medium\",\n        value: \"medium\",\n      },\n      {\n        label: \"High\",\n        value: \"high\",\n      },\n    ],\n  },\n];\n\nexport const data: Person[] = [\n  {\n    order: 1,\n    id: \"1\",\n    name: \"Luke Skywalker\",\n    city: \"Mos Eisley\",\n    state: \"Tatooine\",\n    age: 19,\n    risk: \"low\",\n  },\n  {\n    order: 2,\n    id: \"2\",\n    name: \"Han Solo\",\n    city: \"Corellia\",\n    state: \"Corellia\",\n    age: 40,\n    risk: \"medium\",\n  },\n  {\n    order: 3,\n    id: \"3\",\n    name: \"Leia Organa\",\n    city: \"Alderaan City\",\n    state: \"Alderaan\",\n    age: 19,\n    risk: \"low\",\n  },\n  {\n    order: 4,\n    id: \"4\",\n    name: \"Chewbacca\",\n    city: \"Kashyyyk City\",\n    state: \"Kashyyyk\",\n    age: 50,\n    risk: \"high\",\n  },\n  {\n    order: 5,\n    id: \"5\",\n    name: \"C-3P0\",\n    city: \"Mos Espa\",\n    state: \"Tatooine\",\n    age: 25,\n    risk: \"low\",\n  },\n  {\n    order: 6,\n    id: \"6\",\n    name: \"R2-D2\",\n    city: \"Theed\",\n    state: \"Naboo\",\n    age: 25,\n    risk: \"low\",\n  },\n];\n\nlet result: Person[] = [];\nfor (let i = 0; i < 50; i++) {\n  result = result.concat(data);\n}\nexport const lotsOfData = result;\n\nexport const filterData = ({\n  data,\n  ...args\n}: {\n  data: Person[];\n} & DataGetDataType) => {\n  const { search, filters, sort, page = 1, resultsPerPage = 20 } = args;\n\n  const searchFiltered = search\n    ? data.filter((row) =>\n        Object.values(row).some((value) =>\n          value.toString().toLowerCase().includes(search.toLowerCase()),\n        ),\n      )\n    : data;\n\n  const personKeys: (keyof Person)[] = [\n    \"order\",\n    \"id\",\n    \"name\",\n    \"city\",\n    \"state\",\n    \"age\",\n    \"risk\",\n  ];\n\n  const isKeyOfPerson = (key: string): key is keyof Person => {\n    return personKeys.includes(key as keyof Person);\n  };\n\n  const handleStartLetterFilter = (\n    row: Person,\n    value: DataFilter[\"value\"],\n  ): boolean => {\n    if (typeof row.name !== \"string\") return true;\n    const firstLetter = row.name[0]?.toLowerCase();\n    if (value === \"vowel\") return \"aeiou\".includes(firstLetter);\n    if (value === \"consonant\") return !\"aeiou\".includes(firstLetter);\n    return true;\n  };\n\n  const handleStandardFilter = (\n    row: Person,\n    id: keyof Person,\n    value: DataFilter[\"value\"],\n  ): boolean => {\n    const rowValue = String(row[id]).toLowerCase();\n\n    if (value === null || value === undefined) {\n      return true;\n    }\n\n    if (typeof value === \"string\" || typeof value === \"number\") {\n      return rowValue.includes(String(value).toLowerCase());\n    }\n\n    if (Array.isArray(value)) {\n      return value.some((arrayValue) => {\n        const filterValue =\n          typeof arrayValue === \"object\" ? arrayValue.value : arrayValue;\n        return row[id]\n          ?.toString()\n          .toLowerCase()\n          .includes(filterValue.toString().toLowerCase());\n      });\n    }\n\n    return false;\n  };\n\n  const compareValues = (\n    a: string | number,\n    b: string | number,\n    desc: boolean,\n  ): number => {\n    if (a < b) return desc ? 1 : -1;\n    if (a > b) return desc ? -1 : 1;\n    return 0;\n  };\n\n  // In a real-world scenario, the consumer would provide their own backend\n  // filtering/searching logic. This is a demo of what that could look like\n  // for the provided sample data and demo filters.\n  const columnFiltered = filters\n    ? searchFiltered.filter((row) =>\n        filters.every(({ id, value }: DataFilter) => {\n          // If the filter value is null, return all the data\n          if (value === null || value === undefined) {\n            return true;\n          }\n\n          // Handle custom filters\n          if (id === \"startLetter\") {\n            return handleStartLetterFilter(row, value);\n          }\n\n          // Handle standard Person properties\n          if (isKeyOfPerson(id)) {\n            return handleStandardFilter(row, id, value);\n          }\n\n          return true;\n        }),\n      )\n    : searchFiltered;\n\n  const sorted =\n    sort && sort.length > 0\n      ? [...columnFiltered].sort((a, b) =>\n          sort.reduce((result, { id, desc }) => {\n            if (result !== 0) return result;\n\n            if (isKeyOfPerson(id)) {\n              const aValue = a[id];\n              const bValue = b[id];\n              return compareValues(aValue, bValue, desc);\n            }\n\n            // Handle custom sort fields if needed\n            return 0;\n          }, 0),\n        )\n      : columnFiltered;\n\n  const startRow = (page - 1) * resultsPerPage;\n  const endRow = startRow + resultsPerPage;\n\n  return sorted.slice(startRow, endRow);\n};\n\nexport const reorderData = <Data extends Person>({\n  data,\n  rowId,\n  newRowIndex,\n}: {\n  data: Data[];\n  newRowIndex: number;\n  rowId: string | number;\n}): Data[] => {\n  const rowIndex = data.findIndex((row) => row.id === rowId);\n\n  if (rowIndex === -1) {\n    return data;\n  }\n\n  const [removedRow] = data.splice(rowIndex, 1);\n\n  const reorderedData = [\n    ...data.slice(0, newRowIndex),\n    removedRow,\n    ...data.slice(newRowIndex),\n  ];\n\n  return reorderedData;\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/labs/DataView/useFilterConversion.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFilterConversion.js","names":["useCallback","useMemo","useFilterConversion","columns","filters","convertFilterSelectOptions","options","map","option","label","value","convertColumnToFilter","column","enableColumnFilter","accessorKey","id","header","variant","filterVariant","filterSelectOptions","dataTableFilters","providedFilters","reduce","accumulator","item","foundColumn","find","filter","concat"],"sources":["../../../../src/labs/DataView/useFilterConversion.ts"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { useCallback, useMemo } from \"react\";\nimport { MRT_RowData } from \"material-react-table\";\n\nimport { DataFilter } from \"../DataFilters.js\";\nimport { DataTableColumn } from \"../../DataTable/index.js\";\nimport { UniversalProps, TableLayoutProps } from \"./componentTypes.js\";\n\ntype FilterConversionType<TData extends MRT_RowData> = {\n  columns?: TableLayoutProps<TData>[\"columns\"];\n  filters?: UniversalProps<TData>[\"filters\"];\n};\n\nexport const useFilterConversion = <TData extends MRT_RowData>({\n  columns,\n  filters,\n}: FilterConversionType<TData>) => {\n  const convertFilterSelectOptions = useCallback(\n    (options: DataTableColumn<MRT_RowData>[\"filterSelectOptions\"]) =>\n      options?.map((option) =>\n        typeof option === \"string\"\n          ? {\n              label: option,\n              value: option,\n            }\n          : {\n              // If the option isn't a string, it must have value and/or option defined\n              // If either is undefined, use the other\n              label: (option.label ?? option.value) as string,\n              value: (option.value ?? option.label) as string,\n            },\n      ),\n    [],\n  );\n\n  const convertColumnToFilter = useCallback(\n    (column: DataTableColumn<TData>) =>\n      column.enableColumnFilter !== false && column.accessorKey\n        ? {\n            id: column.accessorKey,\n            label: column.header,\n            variant: column.filterVariant,\n            options: convertFilterSelectOptions(column.filterSelectOptions),\n          }\n        : null,\n    [convertFilterSelectOptions],\n  );\n\n  const dataTableFilters = useMemo(() => {\n    // Filters may be manually set via the `filters` variable;\n    // If not, they may be inferred from `columns`\n    const providedFilters = filters || columns || [];\n\n    return providedFilters.reduce<DataFilter[]>((accumulator, item) => {\n      if (typeof item === \"string\") {\n        const foundColumn = columns?.find(\n          (column) => column.accessorKey === item,\n        );\n        const filter = foundColumn && convertColumnToFilter(foundColumn);\n        return filter ? accumulator.concat(filter) : accumulator;\n      }\n\n      if (\"accessorKey\" in item) {\n        const filter = convertColumnToFilter(item);\n        return filter ? accumulator.concat(filter) : accumulator;\n      }\n\n      if (\"label\" in item) {\n        return accumulator.concat(item);\n      }\n\n      return accumulator;\n    }, []);\n  }, [columns, convertColumnToFilter, filters]);\n\n  return dataTableFilters;\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAY5C,OAAO,MAAMC,mBAAmB,GAAGA,CAA4B;EAC7DC,OAAO;EACPC;AAC2B,CAAC,KAAK;EACjC,MAAMC,0BAA0B,GAAGL,WAAW,CAC3CM,OAA4D,IAC3DA,OAAO,EAAEC,GAAG,CAAEC,MAAM,IAClB,OAAOA,MAAM,KAAK,QAAQ,GACtB;IACEC,KAAK,EAAED,MAAM;IACbE,KAAK,EAAEF;EACT,CAAC,GACD;IAGEC,KAAK,EAAGD,MAAM,CAACC,KAAK,IAAID,MAAM,CAACE,KAAgB;IAC/CA,KAAK,EAAGF,MAAM,CAACE,KAAK,IAAIF,MAAM,CAACC;EACjC,CACN,CAAC,EACH,EACF,CAAC;EAED,MAAME,qBAAqB,GAAGX,WAAW,CACtCY,MAA8B,IAC7BA,MAAM,CAACC,kBAAkB,KAAK,KAAK,IAAID,MAAM,CAACE,WAAW,GACrD;IACEC,EAAE,EAAEH,MAAM,CAACE,WAAW;IACtBL,KAAK,EAAEG,MAAM,CAACI,MAAM;IACpBC,OAAO,EAAEL,MAAM,CAACM,aAAa;IAC7BZ,OAAO,EAAED,0BAA0B,CAACO,MAAM,CAACO,mBAAmB;EAChE,CAAC,GACD,IAAI,EACV,CAACd,0BAA0B,CAC7B,CAAC;EAED,MAAMe,gBAAgB,GAAGnB,OAAO,CAAC,MAAM;IAGrC,MAAMoB,eAAe,GAAGjB,OAAO,IAAID,OAAO,IAAI,EAAE;IAEhD,OAAOkB,eAAe,CAACC,MAAM,CAAe,CAACC,WAAW,EAAEC,IAAI,KAAK;MACjE,IAAI,OAAOA,IAAI,KAAK,QAAQ,EAAE;QAC5B,MAAMC,WAAW,GAAGtB,OAAO,EAAEuB,IAAI,CAC9Bd,MAAM,IAAKA,MAAM,CAACE,WAAW,KAAKU,IACrC,CAAC;QACD,MAAMG,MAAM,GAAGF,WAAW,IAAId,qBAAqB,CAACc,WAAW,CAAC;QAChE,OAAOE,MAAM,GAAGJ,WAAW,CAACK,MAAM,CAACD,MAAM,CAAC,GAAGJ,WAAW;MAC1D;MAEA,IAAI,aAAa,IAAIC,IAAI,EAAE;QACzB,MAAMG,MAAM,GAAGhB,qBAAqB,CAACa,IAAI,CAAC;QAC1C,OAAOG,MAAM,GAAGJ,WAAW,CAACK,MAAM,CAACD,MAAM,CAAC,GAAGJ,WAAW;MAC1D;MAEA,IAAI,OAAO,IAAIC,IAAI,EAAE;QACnB,OAAOD,WAAW,CAACK,MAAM,CAACJ,IAAI,CAAC;MACjC;MAEA,OAAOD,WAAW;IACpB,CAAC,EAAE,EAAE,CAAC;EACR,CAAC,EAAE,CAACpB,OAAO,EAAEQ,qBAAqB,EAAEP,OAAO,CAAC,CAAC;EAE7C,OAAOgB,gBAAgB;AACzB,CAAC","ignoreList":[]}
+{"version":3,"file":"useFilterConversion.js","names":["useCallback","useMemo","useFilterConversion","columns","filters","convertFilterSelectOptions","options","map","option","label","value","convertColumnToFilter","column","enableColumnFilter","accessorKey","id","header","variant","filterVariant","filterSelectOptions","dataTableFilters","providedFilters","reduce","accumulator","item","foundColumn","find","filter","concat"],"sources":["../../../../src/labs/DataView/useFilterConversion.ts"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { MRT_RowData } from \"material-react-table\";\nimport { useCallback, useMemo } from \"react\";\n\nimport { DataTableColumn } from \"../../DataTable/index.js\";\nimport { DataFilter } from \"../DataFilters.js\";\nimport { TableLayoutProps, UniversalProps } from \"./componentTypes.js\";\n\ntype FilterConversionType<TData extends MRT_RowData> = {\n  columns?: TableLayoutProps<TData>[\"columns\"];\n  filters?: UniversalProps<TData>[\"filters\"];\n};\n\nexport const useFilterConversion = <TData extends MRT_RowData>({\n  columns,\n  filters,\n}: FilterConversionType<TData>) => {\n  const convertFilterSelectOptions = useCallback(\n    (options: DataTableColumn<TData>[\"filterSelectOptions\"]) =>\n      options?.map((option) =>\n        typeof option === \"string\"\n          ? {\n              label: option,\n              value: option,\n            }\n          : {\n              // If the option isn't a string, it must have value and/or option defined\n              // If either is undefined, use the other\n              label: (option.label ?? option.value) as string,\n              value: (option.value ?? option.label) as string,\n            },\n      ),\n    [],\n  );\n\n  const convertColumnToFilter = useCallback(\n    (column: DataTableColumn<TData>) =>\n      column.enableColumnFilter !== false && column.accessorKey\n        ? {\n            id: column.accessorKey,\n            label: column.header,\n            variant: column.filterVariant,\n            options: convertFilterSelectOptions(column.filterSelectOptions),\n          }\n        : null,\n    [convertFilterSelectOptions],\n  );\n\n  const dataTableFilters = useMemo(() => {\n    // Filters may be manually set via the `filters` variable;\n    // If not, they may be inferred from `columns`\n    const providedFilters = filters || columns || [];\n\n    return providedFilters.reduce<DataFilter[]>((accumulator, item) => {\n      if (typeof item === \"string\") {\n        const foundColumn = columns?.find(\n          (column) => column.accessorKey === item,\n        );\n        const filter = foundColumn && convertColumnToFilter(foundColumn);\n        return filter ? accumulator.concat(filter) : accumulator;\n      }\n\n      if (\"accessorKey\" in item) {\n        const filter = convertColumnToFilter(item);\n        return filter ? accumulator.concat(filter) : accumulator;\n      }\n\n      if (\"label\" in item) {\n        return accumulator.concat(item);\n      }\n\n      return accumulator;\n    }, []);\n  }, [columns, convertColumnToFilter, filters]);\n\n  return dataTableFilters;\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,SAASA,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAW5C,OAAO,MAAMC,mBAAmB,GAAGA,CAA4B;EAC7DC,OAAO;EACPC;AAC2B,CAAC,KAAK;EACjC,MAAMC,0BAA0B,GAAGL,WAAW,CAC3CM,OAAsD,IACrDA,OAAO,EAAEC,GAAG,CAAEC,MAAM,IAClB,OAAOA,MAAM,KAAK,QAAQ,GACtB;IACEC,KAAK,EAAED,MAAM;IACbE,KAAK,EAAEF;EACT,CAAC,GACD;IAGEC,KAAK,EAAGD,MAAM,CAACC,KAAK,IAAID,MAAM,CAACE,KAAgB;IAC/CA,KAAK,EAAGF,MAAM,CAACE,KAAK,IAAIF,MAAM,CAACC;EACjC,CACN,CAAC,EACH,EACF,CAAC;EAED,MAAME,qBAAqB,GAAGX,WAAW,CACtCY,MAA8B,IAC7BA,MAAM,CAACC,kBAAkB,KAAK,KAAK,IAAID,MAAM,CAACE,WAAW,GACrD;IACEC,EAAE,EAAEH,MAAM,CAACE,WAAW;IACtBL,KAAK,EAAEG,MAAM,CAACI,MAAM;IACpBC,OAAO,EAAEL,MAAM,CAACM,aAAa;IAC7BZ,OAAO,EAAED,0BAA0B,CAACO,MAAM,CAACO,mBAAmB;EAChE,CAAC,GACD,IAAI,EACV,CAACd,0BAA0B,CAC7B,CAAC;EAED,MAAMe,gBAAgB,GAAGnB,OAAO,CAAC,MAAM;IAGrC,MAAMoB,eAAe,GAAGjB,OAAO,IAAID,OAAO,IAAI,EAAE;IAEhD,OAAOkB,eAAe,CAACC,MAAM,CAAe,CAACC,WAAW,EAAEC,IAAI,KAAK;MACjE,IAAI,OAAOA,IAAI,KAAK,QAAQ,EAAE;QAC5B,MAAMC,WAAW,GAAGtB,OAAO,EAAEuB,IAAI,CAC9Bd,MAAM,IAAKA,MAAM,CAACE,WAAW,KAAKU,IACrC,CAAC;QACD,MAAMG,MAAM,GAAGF,WAAW,IAAId,qBAAqB,CAACc,WAAW,CAAC;QAChE,OAAOE,MAAM,GAAGJ,WAAW,CAACK,MAAM,CAACD,MAAM,CAAC,GAAGJ,WAAW;MAC1D;MAEA,IAAI,aAAa,IAAIC,IAAI,EAAE;QACzB,MAAMG,MAAM,GAAGhB,qBAAqB,CAACa,IAAI,CAAC;QAC1C,OAAOG,MAAM,GAAGJ,WAAW,CAACK,MAAM,CAACD,MAAM,CAAC,GAAGJ,WAAW;MAC1D;MAEA,IAAI,OAAO,IAAIC,IAAI,EAAE;QACnB,OAAOD,WAAW,CAACK,MAAM,CAACJ,IAAI,CAAC;MACjC;MAEA,OAAOD,WAAW;IACpB,CAAC,EAAE,EAAE,CAAC;EACR,CAAC,EAAE,CAACpB,OAAO,EAAEQ,qBAAqB,EAAEP,OAAO,CAAC,CAAC;EAE7C,OAAOgB,gBAAgB;AACzB,CAAC","ignoreList":[]}

package/dist/esm/labs/DatePickers/DateTimeField.js

@@ -10,9 +10,8 @@ import _InputAdornment from "@mui/material/InputAdornment";
  *
  * See the License for the specific language governing permissions and limitations under the License.
  */
-
-import { memo, useCallback, useEffect, useImperativeHandle, useRef, useState } from "react";
 import { DateTimeField as MuiDateTimeField } from "@mui/x-date-pickers";
+import { memo, useCallback, useEffect, useImperativeHandle, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { Field } from "../../Field.js";
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
@@ -135,8 +134,8 @@ const DateTimeField = ({
       })
     },
     inputRef: localInputRef,
-    minDate: minDate,
     maxDate: maxDate,
+    minDate: minDate,
     name: id,
     onBlur: checkFieldValidityAndSetError,
     onChange: validateAndCallOnChange,

package/dist/esm/labs/DatePickers/DateTimeField.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimeField.js","names":["memo","useCallback","useEffect","useImperativeHandle","useRef","useState","DateTimeField","MuiDateTimeField","useTranslation","Field","jsx","_jsx","Fragment","_Fragment","useOdysseyDateError","t","Map","formatDateTimeToUtcIsoDateString","value","toUTC","toISO","defaultValue","endAdornment","errorMessage","hasInitialFocus","hint","HintLinkComponent","id","idOverride","inputRef","isDisabled","isOptional","isReadOnly","label","minDate","maxDate","onBlur","onChange","onFocus","timezone","errorMap","displayedErrorMessage","setDisplayedErrorMessage","internalValidationError","localInputRef","focus","current","checkMinMaxValidity","hasMinError","hasMaxError","get","clearErrorMessages","undefined","validateAndCallOnChange","validationContext","validationError","hasEnteredFullYear","year","toString","length","odysseyValidationError","isValid","dateStringFromDateTime","checkFieldValidityAndSetError","event","hasVisibleAdornment","renderFieldComponent","ariaDescribedBy","errorMessageElementId","labelElementId","autoFocus","disabled","inputProps","InputProps","error","Boolean","children","_InputAdornment","position","name","readOnly","variant","fieldType","hasVisibleLabel","MemoizedDateTimeField","displayName"],"sources":["../../../../src/labs/DatePickers/DateTimeField.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport {\n  FocusEventHandler,\n  memo,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from \"react\";\nimport { InputAdornment } from \"@mui/material\";\nimport {\n  DateTimeField as MuiDateTimeField,\n  DateTimeFieldProps as MuiDateTimeFieldProps,\n  DateTimeValidationError,\n} from \"@mui/x-date-pickers\";\nimport { DateTime } from \"luxon\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { Field, RenderFieldComponentProps } from \"../../Field.js\";\nimport { TextFieldProps } from \"../../TextField.js\";\n\nexport type DateTimeFieldProps = {\n  onChange?: (value: string) => void;\n} & Pick<\n  MuiDateTimeFieldProps<DateTime>,\n  \"defaultValue\" | \"inputRef\" | \"minDate\" | \"maxDate\" | \"timezone\" | \"value\"\n> &\n  Pick<\n    TextFieldProps,\n    | \"endAdornment\"\n    | \"errorMessage\"\n    | \"hasInitialFocus\"\n    | \"hint\"\n    | \"HintLinkComponent\"\n    | \"id\"\n    | \"isDisabled\"\n    | \"isOptional\"\n    | \"isReadOnly\"\n    | \"label\"\n    | \"onBlur\"\n    | \"onFocus\"\n  >;\n\nconst useOdysseyDateError = () => {\n  const { t } = useTranslation();\n\n  return new Map<DateTimeValidationError, string>([\n    [\"invalidDate\", t(\"picker.error.invalid\")],\n    [\"maxDate\", t(\"picker.error.maxdate\")],\n    [\"minDate\", t(\"picker.error.mindate\")],\n  ]);\n};\n\nconst formatDateTimeToUtcIsoDateString = (value: DateTime) =>\n  value.toUTC().toISO();\n\nconst DateTimeField = ({\n  defaultValue,\n  endAdornment,\n  errorMessage,\n  hasInitialFocus,\n  hint,\n  HintLinkComponent,\n  id: idOverride,\n  inputRef,\n  isDisabled = false,\n  isOptional = false,\n  isReadOnly,\n  label,\n  minDate,\n  maxDate,\n  onBlur,\n  onChange,\n  onFocus,\n  timezone,\n  value,\n}: DateTimeFieldProps) => {\n  const errorMap = useOdysseyDateError();\n  const [displayedErrorMessage, setDisplayedErrorMessage] =\n    useState(errorMessage);\n\n  const internalValidationError = useRef<string | undefined>();\n  const localInputRef = useRef<HTMLInputElement>(null);\n\n  useImperativeHandle(inputRef, () => {\n    return {\n      focus: () => {\n        localInputRef.current?.focus();\n      },\n    };\n  }, []);\n\n  const checkMinMaxValidity = useCallback(\n    (value: DateTime) => {\n      const hasMinError = minDate && value.toUTC() < minDate.toUTC();\n      const hasMaxError = maxDate && value.toUTC() > maxDate.toUTC();\n\n      if (hasMinError || hasMaxError) {\n        if (hasMinError) {\n          setDisplayedErrorMessage(errorMap.get(\"minDate\"));\n        }\n\n        if (hasMaxError) {\n          setDisplayedErrorMessage(errorMap.get(\"maxDate\"));\n        }\n\n        return false;\n      }\n\n      return true;\n    },\n    [errorMap, minDate, maxDate],\n  );\n\n  useEffect(() => {\n    if (value) {\n      checkMinMaxValidity(value);\n    }\n\n    if (defaultValue) {\n      checkMinMaxValidity(defaultValue);\n    }\n  }, [checkMinMaxValidity, defaultValue, minDate, maxDate, value]);\n\n  const clearErrorMessages = useCallback(() => {\n    setDisplayedErrorMessage(undefined);\n    internalValidationError.current = undefined;\n  }, [internalValidationError, setDisplayedErrorMessage]);\n\n  const validateAndCallOnChange = useCallback<\n    NonNullable<MuiDateTimeFieldProps<DateTime>[\"onChange\"]>\n  >(\n    (value, validationContext) => {\n      clearErrorMessages();\n      const { validationError } = validationContext;\n      const hasEnteredFullYear = value?.year.toString().length === 4;\n\n      if (validationError) {\n        const odysseyValidationError = errorMap.get(validationError);\n\n        if (odysseyValidationError) {\n          internalValidationError.current = odysseyValidationError;\n\n          if (value?.isValid && hasEnteredFullYear) {\n            setDisplayedErrorMessage(odysseyValidationError);\n          }\n        }\n      }\n\n      if (value?.isValid && !validationError) {\n        const dateStringFromDateTime = formatDateTimeToUtcIsoDateString(value);\n\n        if (dateStringFromDateTime && checkMinMaxValidity(value)) {\n          onChange?.(dateStringFromDateTime);\n        }\n      }\n    },\n    [checkMinMaxValidity, clearErrorMessages, errorMap, onChange],\n  );\n\n  const checkFieldValidityAndSetError = useCallback<\n    FocusEventHandler<HTMLInputElement>\n  >(\n    (event) => {\n      if (internalValidationError?.current && !displayedErrorMessage) {\n        setDisplayedErrorMessage(internalValidationError.current);\n      }\n      onBlur?.(event);\n    },\n    [displayedErrorMessage, internalValidationError, onBlur],\n  );\n\n  const hasVisibleAdornment = !isReadOnly && !isDisabled;\n\n  const renderFieldComponent = useCallback(\n    ({\n      ariaDescribedBy,\n      errorMessageElementId,\n      id,\n      labelElementId,\n    }: RenderFieldComponentProps) => (\n      <MuiDateTimeField\n        /* eslint-disable-next-line jsx-a11y/no-autofocus */\n        autoFocus={hasInitialFocus}\n        defaultValue={defaultValue}\n        disabled={isDisabled}\n        id={id}\n        inputProps={{\n          \"aria-describedby\": ariaDescribedBy,\n          \"aria-errormessage\": errorMessageElementId,\n          \"aria-labelledby\": labelElementId,\n        }}\n        InputProps={{\n          error: Boolean(displayedErrorMessage || errorMessage),\n          endAdornment: (\n            <>\n              {hasVisibleAdornment && (\n                <InputAdornment position=\"end\">{endAdornment}</InputAdornment>\n              )}\n            </>\n          ),\n        }}\n        inputRef={localInputRef}\n        minDate={minDate}\n        maxDate={maxDate}\n        name={id}\n        onBlur={checkFieldValidityAndSetError}\n        onChange={validateAndCallOnChange}\n        onFocus={onFocus}\n        readOnly={isReadOnly}\n        timezone={timezone}\n        value={value}\n        variant=\"standard\"\n      />\n    ),\n    [\n      checkFieldValidityAndSetError,\n      defaultValue,\n      displayedErrorMessage,\n      endAdornment,\n      errorMessage,\n      hasInitialFocus,\n      hasVisibleAdornment,\n      isDisabled,\n      localInputRef,\n      minDate,\n      maxDate,\n      onFocus,\n      isReadOnly,\n      timezone,\n      validateAndCallOnChange,\n      value,\n    ],\n  );\n\n  return (\n    <Field\n      errorMessage={displayedErrorMessage || errorMessage}\n      fieldType=\"single\"\n      hasVisibleLabel\n      hint={hint}\n      HintLinkComponent={HintLinkComponent}\n      id={idOverride}\n      isDisabled={isDisabled}\n      isOptional={isOptional}\n      label={label}\n      renderFieldComponent={renderFieldComponent}\n    />\n  );\n};\n\nconst MemoizedDateTimeField = memo(DateTimeField);\nMemoizedDateTimeField.displayName = \"DateTimeField\";\n\nexport { MemoizedDateTimeField as DateTimeField };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DateTimeField.js","names":["DateTimeField","MuiDateTimeField","memo","useCallback","useEffect","useImperativeHandle","useRef","useState","useTranslation","Field","jsx","_jsx","Fragment","_Fragment","useOdysseyDateError","t","Map","formatDateTimeToUtcIsoDateString","value","toUTC","toISO","defaultValue","endAdornment","errorMessage","hasInitialFocus","hint","HintLinkComponent","id","idOverride","inputRef","isDisabled","isOptional","isReadOnly","label","minDate","maxDate","onBlur","onChange","onFocus","timezone","errorMap","displayedErrorMessage","setDisplayedErrorMessage","internalValidationError","localInputRef","focus","current","checkMinMaxValidity","hasMinError","hasMaxError","get","clearErrorMessages","undefined","validateAndCallOnChange","validationContext","validationError","hasEnteredFullYear","year","toString","length","odysseyValidationError","isValid","dateStringFromDateTime","checkFieldValidityAndSetError","event","hasVisibleAdornment","renderFieldComponent","ariaDescribedBy","errorMessageElementId","labelElementId","autoFocus","disabled","inputProps","InputProps","error","Boolean","children","_InputAdornment","position","name","readOnly","variant","fieldType","hasVisibleLabel","MemoizedDateTimeField","displayName"],"sources":["../../../../src/labs/DatePickers/DateTimeField.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { InputAdornment } from \"@mui/material\";\nimport {\n  DateTimeValidationError,\n  DateTimeField as MuiDateTimeField,\n  DateTimeFieldProps as MuiDateTimeFieldProps,\n} from \"@mui/x-date-pickers\";\nimport { DateTime } from \"luxon\";\nimport {\n  FocusEventHandler,\n  memo,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { Field, RenderFieldComponentProps } from \"../../Field.js\";\nimport { TextFieldProps } from \"../../TextField.js\";\n\nexport type DateTimeFieldProps = {\n  onChange?: (value: string) => void;\n} & Pick<\n  MuiDateTimeFieldProps<DateTime>,\n  \"defaultValue\" | \"inputRef\" | \"minDate\" | \"maxDate\" | \"timezone\" | \"value\"\n> &\n  Pick<\n    TextFieldProps,\n    | \"endAdornment\"\n    | \"errorMessage\"\n    | \"hasInitialFocus\"\n    | \"hint\"\n    | \"HintLinkComponent\"\n    | \"id\"\n    | \"isDisabled\"\n    | \"isOptional\"\n    | \"isReadOnly\"\n    | \"label\"\n    | \"onBlur\"\n    | \"onFocus\"\n  >;\n\nconst useOdysseyDateError = () => {\n  const { t } = useTranslation();\n\n  return new Map<DateTimeValidationError, string>([\n    [\"invalidDate\", t(\"picker.error.invalid\")],\n    [\"maxDate\", t(\"picker.error.maxdate\")],\n    [\"minDate\", t(\"picker.error.mindate\")],\n  ]);\n};\n\nconst formatDateTimeToUtcIsoDateString = (value: DateTime) =>\n  value.toUTC().toISO();\n\nconst DateTimeField = ({\n  defaultValue,\n  endAdornment,\n  errorMessage,\n  hasInitialFocus,\n  hint,\n  HintLinkComponent,\n  id: idOverride,\n  inputRef,\n  isDisabled = false,\n  isOptional = false,\n  isReadOnly,\n  label,\n  minDate,\n  maxDate,\n  onBlur,\n  onChange,\n  onFocus,\n  timezone,\n  value,\n}: DateTimeFieldProps) => {\n  const errorMap = useOdysseyDateError();\n  const [displayedErrorMessage, setDisplayedErrorMessage] =\n    useState(errorMessage);\n\n  const internalValidationError = useRef<string | undefined>();\n  const localInputRef = useRef<HTMLInputElement>(null);\n\n  useImperativeHandle(inputRef, () => {\n    return {\n      focus: () => {\n        localInputRef.current?.focus();\n      },\n    };\n  }, []);\n\n  const checkMinMaxValidity = useCallback(\n    (value: DateTime) => {\n      const hasMinError = minDate && value.toUTC() < minDate.toUTC();\n      const hasMaxError = maxDate && value.toUTC() > maxDate.toUTC();\n\n      if (hasMinError || hasMaxError) {\n        if (hasMinError) {\n          setDisplayedErrorMessage(errorMap.get(\"minDate\"));\n        }\n\n        if (hasMaxError) {\n          setDisplayedErrorMessage(errorMap.get(\"maxDate\"));\n        }\n\n        return false;\n      }\n\n      return true;\n    },\n    [errorMap, minDate, maxDate],\n  );\n\n  useEffect(() => {\n    if (value) {\n      checkMinMaxValidity(value);\n    }\n\n    if (defaultValue) {\n      checkMinMaxValidity(defaultValue);\n    }\n  }, [checkMinMaxValidity, defaultValue, minDate, maxDate, value]);\n\n  const clearErrorMessages = useCallback(() => {\n    setDisplayedErrorMessage(undefined);\n    internalValidationError.current = undefined;\n  }, [internalValidationError, setDisplayedErrorMessage]);\n\n  const validateAndCallOnChange = useCallback<\n    NonNullable<MuiDateTimeFieldProps<DateTime>[\"onChange\"]>\n  >(\n    (value, validationContext) => {\n      clearErrorMessages();\n      const { validationError } = validationContext;\n      const hasEnteredFullYear = value?.year.toString().length === 4;\n\n      if (validationError) {\n        const odysseyValidationError = errorMap.get(validationError);\n\n        if (odysseyValidationError) {\n          internalValidationError.current = odysseyValidationError;\n\n          if (value?.isValid && hasEnteredFullYear) {\n            setDisplayedErrorMessage(odysseyValidationError);\n          }\n        }\n      }\n\n      if (value?.isValid && !validationError) {\n        const dateStringFromDateTime = formatDateTimeToUtcIsoDateString(value);\n\n        if (dateStringFromDateTime && checkMinMaxValidity(value)) {\n          onChange?.(dateStringFromDateTime);\n        }\n      }\n    },\n    [checkMinMaxValidity, clearErrorMessages, errorMap, onChange],\n  );\n\n  const checkFieldValidityAndSetError = useCallback<\n    FocusEventHandler<HTMLInputElement>\n  >(\n    (event) => {\n      if (internalValidationError?.current && !displayedErrorMessage) {\n        setDisplayedErrorMessage(internalValidationError.current);\n      }\n      onBlur?.(event);\n    },\n    [displayedErrorMessage, internalValidationError, onBlur],\n  );\n\n  const hasVisibleAdornment = !isReadOnly && !isDisabled;\n\n  const renderFieldComponent = useCallback(\n    ({\n      ariaDescribedBy,\n      errorMessageElementId,\n      id,\n      labelElementId,\n    }: RenderFieldComponentProps) => (\n      <MuiDateTimeField\n        /* eslint-disable-next-line jsx-a11y/no-autofocus */\n        autoFocus={hasInitialFocus}\n        defaultValue={defaultValue}\n        disabled={isDisabled}\n        id={id}\n        inputProps={{\n          \"aria-describedby\": ariaDescribedBy,\n          \"aria-errormessage\": errorMessageElementId,\n          \"aria-labelledby\": labelElementId,\n        }}\n        InputProps={{\n          error: Boolean(displayedErrorMessage || errorMessage),\n          endAdornment: (\n            <>\n              {hasVisibleAdornment && (\n                <InputAdornment position=\"end\">{endAdornment}</InputAdornment>\n              )}\n            </>\n          ),\n        }}\n        inputRef={localInputRef}\n        maxDate={maxDate}\n        minDate={minDate}\n        name={id}\n        onBlur={checkFieldValidityAndSetError}\n        onChange={validateAndCallOnChange}\n        onFocus={onFocus}\n        readOnly={isReadOnly}\n        timezone={timezone}\n        value={value}\n        variant=\"standard\"\n      />\n    ),\n    [\n      checkFieldValidityAndSetError,\n      defaultValue,\n      displayedErrorMessage,\n      endAdornment,\n      errorMessage,\n      hasInitialFocus,\n      hasVisibleAdornment,\n      isDisabled,\n      localInputRef,\n      minDate,\n      maxDate,\n      onFocus,\n      isReadOnly,\n      timezone,\n      validateAndCallOnChange,\n      value,\n    ],\n  );\n\n  return (\n    <Field\n      errorMessage={displayedErrorMessage || errorMessage}\n      fieldType=\"single\"\n      hasVisibleLabel\n      hint={hint}\n      HintLinkComponent={HintLinkComponent}\n      id={idOverride}\n      isDisabled={isDisabled}\n      isOptional={isOptional}\n      label={label}\n      renderFieldComponent={renderFieldComponent}\n    />\n  );\n};\n\nconst MemoizedDateTimeField = memo(DateTimeField);\nMemoizedDateTimeField.displayName = \"DateTimeField\";\n\nexport { MemoizedDateTimeField as DateTimeField };\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/labs/DatePickers/DateTimePicker.js

@@ -10,21 +10,22 @@
  * See the License for the specific language governing permissions and limitations under the License.
  */
 
+import styled from "@emotion/styled";
+import { DateTimePicker as MuiDateTimePicker } from "@mui/x-date-pickers";
 import { memo, useCallback, useEffect, useMemo, useRef } from "react";
 import { useTranslation } from "react-i18next";
-import { DateTimePicker as MuiDateTimePicker } from "@mui/x-date-pickers";
-import styled from "@emotion/styled";
 import { Button } from "../../Buttons/index.js";
 import { DateFieldActionBar } from "../../DatePickers/DateFieldActionBar.js";
 import { DateFieldLocalizationProvider } from "../../DatePickers/DateFieldLocalizationProvider.js";
 import { TimeZonePicker } from "../../DatePickers/TimeZonePicker.js";
 import { useOdysseyDateFields } from "../../DatePickers/useOdysseyDateFields.js";
-import { DateTimeField } from "./DateTimeField.js";
-import { dateTimePickerTheme } from "./dateTimePickerTheme.js";
 import { CalendarIcon, ClockIcon } from "../../icons.generated/index.js";
 import { useOdysseyDesignTokens } from "../../OdysseyDesignTokensContext.js";
 import { OdysseyThemeProvider } from "../../OdysseyThemeProvider.js";
 import { pxToRem } from "../../theme/index.js";
+import { useUniqueId } from "../../useUniqueId.js";
+import { DateTimeField } from "./DateTimeField.js";
+import { dateTimePickerTheme } from "./dateTimePickerTheme.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const DateTimePickerSize = {
   maxWidth: `${pxToRem(486)}rem`
@@ -52,6 +53,7 @@ const DateTimePicker = ({
   errorMessage,
   hint,
   HintLinkComponent,
+  id: idOverride,
   isDateEnabled = () => true,
   isDisabled,
   isOptional,
@@ -75,6 +77,7 @@ const DateTimePicker = ({
   } = useTranslation();
   const inputRef = useRef(null);
   const odysseyDesignTokens = useOdysseyDesignTokens();
+  const dateTimePickerId = useUniqueId(idOverride);
   const {
     closeCalendar,
     commonIcons,
@@ -143,19 +146,20 @@ const DateTimePicker = ({
       errorMessage: errorMessage,
       hint: hint,
       HintLinkComponent: HintLinkComponent,
+      id: dateTimePickerId,
       inputRef: inputRef,
       isDisabled: isDisabled,
       isOptional: isOptional,
       isReadOnly: isReadOnly,
       label: label,
-      onBlur: onBlur,
-      minDate: minDate,
       maxDate: maxDate,
+      minDate: minDate,
+      onBlur: onBlur,
       onChange: onInputChange,
       timezone: internalTimeZone,
       value: value
     });
-  }, [commonIcons, errorMessage, hint, HintLinkComponent, internalTimeZone, isDisabled, isOptional, isReadOnly, label, onBlur, onInputChange, minDate, maxDate, t, toggleCalendarVisibility]);
+  }, [commonIcons, dateTimePickerId, errorMessage, hint, HintLinkComponent, internalTimeZone, isDisabled, isOptional, isReadOnly, label, onBlur, onInputChange, minDate, maxDate, t, toggleCalendarVisibility]);
   const slots = useMemo(() => ({
     actionBar: DateFieldActionBar,
     field: muiProps => renderDateTimeField(muiProps),
@@ -200,8 +204,8 @@ const DateTimePicker = ({
             fixedWeekNumber: 6,
             inputRef: inputRef,
             label: label,
-            minDate: minDate,
             maxDate: maxDate,
+            minDate: minDate,
             onChange: formatDateTimeToJsDateStringOnCalendarSelection,
             onClose: closeCalendar,
             open: isOpen,
@@ -209,8 +213,8 @@ const DateTimePicker = ({
             shouldDisableDate: shouldDisableDate,
             shouldDisableMonth: shouldDisableMonth,
             shouldDisableYear: shouldDisableYear,
-            slots: slots,
             slotProps: slotProps,
+            slots: slots,
             timezone: internalTimeZone,
             value: inputValues?.value
           }, language)
@@ -218,9 +222,9 @@ const DateTimePicker = ({
       }), timeZoneOptions && timeZonePickerLabel && _jsx(TimeZonePickerContainer, {
         odysseyDesignTokens: odysseyDesignTokens,
         children: _jsx(TimeZonePicker, {
+          isReadOnly: isReadOnly,
           label: timeZonePickerLabel,
           onTimeZoneChange: onTimeZoneChange,
-          isReadOnly: isReadOnly,
           timeZoneOptions: timeZoneOptions,
           value: internalTimeZone
         })

package/dist/esm/labs/DatePickers/DateTimePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimePicker.js","names":["memo","useCallback","useEffect","useMemo","useRef","useTranslation","DateTimePicker","MuiDateTimePicker","styled","Button","DateFieldActionBar","DateFieldLocalizationProvider","TimeZonePicker","useOdysseyDateFields","DateTimeField","dateTimePickerTheme","CalendarIcon","ClockIcon","useOdysseyDesignTokens","OdysseyThemeProvider","pxToRem","jsx","_jsx","jsxs","_jsxs","DateTimePickerSize","maxWidth","DatePickerContainer","div","marginBlockEnd","DatePickerWidthContainer","width","TimeZonePickerContainer","shouldForwardProp","prop","odysseyDesignTokens","marginBlockStart","Spacing3","defaultValue","defaultValueProp","errorMessage","hint","HintLinkComponent","isDateEnabled","isDisabled","isOptional","isReadOnly","isMonthEnabled","isYearEnabled","label","minDate","minDateProp","maxDate","maxDateProp","onBlur","onCalendarDateChange","onInputChange","onInputChangeProp","timeZone","timeZonePickerLabel","timeZoneOptions","value","valueProp","i18n","t","inputRef","closeCalendar","commonIcons","defaultedLanguageCode","formatDateTimeToUtcIsoDateString","formatDayOfWeek","inputValues","internalTimeZone","isOpen","localeText","onTimeZoneChange","popperElement","setPopperElement","shouldDisableDate","shouldDisableMonth","shouldDisableYear","toggleCalendarVisibility","language","containerRef","current","formatDateTimeToJsDateStringOnCalendarSelection","dateStringFromDateTime","renderDateTimeField","endAdornment","ariaLabel","onClick","size","startIcon","variant","onChange","timezone","slots","actionBar","field","muiProps","leftArrowIcon","ArrowLeftIcon","rightArrowIcon","ArrowRightIcon","switchViewIcon","ChevronDownIcon","slotProps","wrapperVariant","onAccept","onCancel","actions","popper","anchorEl","tabs","dateIcon","timeIcon","toolbar","toolbarPlaceholder","themeOverride","children","ref","dayOfWeekFormatter","disabled","fixedWeekNumber","onClose","open","readOnly","MemoizedDateTimePicker","displayName"],"sources":["../../../../src/labs/DatePickers/DateTimePicker.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { memo, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport {\n  type DateTimePickerSlots,\n  DateTimePicker as MuiDateTimePicker,\n  DateTimePickerProps as MuiDateTimePickerProps,\n  DateTimePickerSlotProps,\n} from \"@mui/x-date-pickers\";\nimport { DateTime } from \"luxon\";\nimport styled from \"@emotion/styled\";\n\nimport { Button } from \"../../Buttons/index.js\";\nimport { DateFieldActionBar } from \"../../DatePickers/DateFieldActionBar.js\";\nimport { DateFieldLocalizationProvider } from \"../../DatePickers/DateFieldLocalizationProvider.js\";\nimport { TimeZonePicker } from \"../../DatePickers/TimeZonePicker.js\";\nimport {\n  useOdysseyDateFields,\n  OdysseyDateFieldProps,\n} from \"../../DatePickers/useOdysseyDateFields.js\";\nimport { DateTimeField, DateTimeFieldProps } from \"./DateTimeField.js\";\nimport { dateTimePickerTheme } from \"./dateTimePickerTheme.js\";\nimport { FieldComponentProps } from \"../../FieldComponentProps.js\";\nimport { CalendarIcon, ClockIcon } from \"../../icons.generated/index.js\";\nimport {\n  useOdysseyDesignTokens,\n  DesignTokens,\n} from \"../../OdysseyDesignTokensContext.js\";\nimport { OdysseyThemeProvider } from \"../../OdysseyThemeProvider.js\";\nimport { pxToRem } from \"../../theme/index.js\";\n\nexport const DateTimePickerSize = {\n  maxWidth: `${pxToRem(486)}rem`,\n};\n\nconst DatePickerContainer = styled.div({\n  \".MuiFormControl-root\": {\n    marginBlockEnd: 0,\n  },\n});\n\nconst DatePickerWidthContainer = styled.div<{\n  odysseyDesignTokens: DesignTokens;\n}>(() => ({\n  \".MuiInput-root\": {\n    width: \"100%\",\n    maxWidth: DateTimePickerSize.maxWidth,\n  },\n}));\n\nconst TimeZonePickerContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  marginBlockStart: odysseyDesignTokens.Spacing3,\n}));\n\ntype RenderDateTimeFieldProps = {\n  defaultValue: DateTimeFieldProps[\"defaultValue\"];\n  value: DateTimeFieldProps[\"value\"];\n} & MuiDateTimePickerProps<DateTime>;\n\nexport type DateTimePickerProps = OdysseyDateFieldProps &\n  Pick<\n    FieldComponentProps,\n    | \"errorMessage\"\n    | \"hint\"\n    | \"HintLinkComponent\"\n    | \"isDisabled\"\n    | \"isReadOnly\"\n    | \"isOptional\"\n  >;\n\nconst DateTimePicker = ({\n  defaultValue: defaultValueProp,\n  errorMessage,\n  hint,\n  HintLinkComponent,\n  isDateEnabled = () => true,\n  isDisabled,\n  isOptional,\n  isReadOnly,\n  isMonthEnabled = () => true,\n  isYearEnabled = () => true,\n  label,\n  minDate: minDateProp,\n  maxDate: maxDateProp,\n  onBlur,\n  onCalendarDateChange,\n  onInputChange: onInputChangeProp,\n  timeZone,\n  timeZonePickerLabel,\n  timeZoneOptions,\n  value: valueProp,\n}: DateTimePickerProps) => {\n  const { i18n, t } = useTranslation();\n  const inputRef = useRef<HTMLInputElement>(null);\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  const {\n    closeCalendar,\n    commonIcons,\n    defaultedLanguageCode,\n    formatDateTimeToUtcIsoDateString,\n    formatDayOfWeek,\n    inputValues,\n    internalTimeZone,\n    isOpen,\n    localeText,\n    minDate,\n    maxDate,\n    onInputChange,\n    onTimeZoneChange,\n    popperElement,\n    setPopperElement,\n    shouldDisableDate,\n    shouldDisableMonth,\n    shouldDisableYear,\n    toggleCalendarVisibility,\n  } = useOdysseyDateFields({\n    defaultValue: defaultValueProp,\n    errorMessage,\n    isDateEnabled,\n    isMonthEnabled,\n    isYearEnabled,\n    minDate: minDateProp,\n    maxDate: maxDateProp,\n    onInputChange: onInputChangeProp,\n    timeZone,\n    value: valueProp,\n  });\n\n  const { language } = i18n;\n  const containerRef = useRef<HTMLInputElement>(null);\n\n  useEffect(() => {\n    setPopperElement(containerRef.current);\n  }, [setPopperElement]);\n\n  const formatDateTimeToJsDateStringOnCalendarSelection = useCallback<\n    NonNullable<MuiDateTimePickerProps<DateTime>[\"onChange\"]>\n  >(\n    (value) => {\n      if (value) {\n        const dateStringFromDateTime = formatDateTimeToUtcIsoDateString(value);\n\n        if (dateStringFromDateTime) {\n          onCalendarDateChange?.({\n            value: dateStringFromDateTime,\n            timeZone: internalTimeZone,\n          });\n        }\n      }\n    },\n    [formatDateTimeToUtcIsoDateString, internalTimeZone, onCalendarDateChange],\n  );\n\n  const renderDateTimeField = useCallback(\n    ({ defaultValue, inputRef, value }: RenderDateTimeFieldProps) => {\n      return (\n        <DateTimeField\n          defaultValue={defaultValue}\n          endAdornment={\n            <Button\n              ariaLabel={t(\"picker.labels.date.choose\")}\n              label=\"\"\n              onClick={toggleCalendarVisibility}\n              size=\"small\"\n              startIcon={<commonIcons.CalendarIcon />}\n              variant=\"floating\"\n            />\n          }\n          errorMessage={errorMessage}\n          hint={hint}\n          HintLinkComponent={HintLinkComponent}\n          inputRef={inputRef}\n          isDisabled={isDisabled}\n          isOptional={isOptional}\n          isReadOnly={isReadOnly}\n          label={label}\n          onBlur={onBlur}\n          minDate={minDate}\n          maxDate={maxDate}\n          onChange={onInputChange}\n          timezone={internalTimeZone}\n          value={value}\n        />\n      );\n    },\n    [\n      commonIcons,\n      errorMessage,\n      hint,\n      HintLinkComponent,\n      internalTimeZone,\n      isDisabled,\n      isOptional,\n      isReadOnly,\n      label,\n      onBlur,\n      onInputChange,\n      minDate,\n      maxDate,\n      t,\n      toggleCalendarVisibility,\n    ],\n  );\n\n  const slots = useMemo<DateTimePickerSlots<DateTime>>(\n    () => ({\n      actionBar: DateFieldActionBar,\n      field: (muiProps: RenderDateTimeFieldProps) =>\n        renderDateTimeField(muiProps),\n      leftArrowIcon: () => <commonIcons.ArrowLeftIcon />,\n      rightArrowIcon: () => <commonIcons.ArrowRightIcon />,\n      switchViewIcon: () => <commonIcons.ChevronDownIcon />,\n    }),\n    [commonIcons, renderDateTimeField],\n  );\n\n  const slotProps = useMemo<DateTimePickerSlotProps<DateTime, false>>(\n    () => ({\n      actionBar: ({ wrapperVariant, onAccept, onCancel }) => ({\n        actions:\n          // This is the default behavior but felt more clear to pass them in explicitly\n          wrapperVariant === \"desktop\" ? [] : [\"accept\", \"cancel\"],\n        onAccept,\n        onCancel,\n      }),\n      popper: {\n        anchorEl: popperElement,\n      },\n      tabs: {\n        dateIcon: <CalendarIcon />,\n        timeIcon: <ClockIcon />,\n      },\n      toolbar: {\n        toolbarPlaceholder: \"\",\n      },\n    }),\n    [popperElement],\n  );\n\n  return (\n    <OdysseyThemeProvider themeOverride={dateTimePickerTheme}>\n      <DateFieldLocalizationProvider\n        defaultedLanguageCode={defaultedLanguageCode}\n        localeText={localeText}\n      >\n        <DatePickerContainer>\n          <DatePickerWidthContainer\n            odysseyDesignTokens={odysseyDesignTokens}\n            ref={containerRef}\n          >\n            <MuiDateTimePicker\n              dayOfWeekFormatter={formatDayOfWeek}\n              defaultValue={inputValues?.defaultValue}\n              disabled={isDisabled}\n              fixedWeekNumber={6}\n              inputRef={inputRef}\n              key={language}\n              label={label}\n              minDate={minDate}\n              maxDate={maxDate}\n              onChange={formatDateTimeToJsDateStringOnCalendarSelection}\n              onClose={closeCalendar}\n              open={isOpen}\n              readOnly={isReadOnly}\n              shouldDisableDate={shouldDisableDate}\n              shouldDisableMonth={shouldDisableMonth}\n              shouldDisableYear={shouldDisableYear}\n              slots={slots}\n              slotProps={slotProps}\n              timezone={internalTimeZone}\n              value={inputValues?.value}\n            />\n          </DatePickerWidthContainer>\n        </DatePickerContainer>\n\n        {timeZoneOptions && timeZonePickerLabel && (\n          <TimeZonePickerContainer odysseyDesignTokens={odysseyDesignTokens}>\n            <TimeZonePicker\n              label={timeZonePickerLabel}\n              onTimeZoneChange={onTimeZoneChange}\n              isReadOnly={isReadOnly}\n              timeZoneOptions={timeZoneOptions}\n              value={internalTimeZone}\n            />\n          </TimeZonePickerContainer>\n        )}\n      </DateFieldLocalizationProvider>\n    </OdysseyThemeProvider>\n  );\n};\n\nconst MemoizedDateTimePicker = memo(DateTimePicker);\nMemoizedDateTimePicker.displayName = \"DateTimePicker\";\n\nexport { MemoizedDateTimePicker as DateTimePicker };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AACrE,SAASC,cAAc,QAAQ,eAAe;AAC9C,SAEEC,cAAc,IAAIC,iBAAiB,QAG9B,qBAAqB;AAE5B,OAAOC,MAAM,MAAM,iBAAiB;AAEpC,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,SAASC,kBAAkB,QAAQ,yCAAyC;AAC5E,SAASC,6BAA6B,QAAQ,oDAAoD;AAClG,SAASC,cAAc,QAAQ,qCAAqC;AACpE,SACEC,oBAAoB,QAEf,2CAA2C;AAClD,SAASC,aAAa,QAA4B,oBAAoB;AACtE,SAASC,mBAAmB,QAAQ,0BAA0B;AAE9D,SAASC,YAAY,EAAEC,SAAS,QAAQ,gCAAgC;AACxE,SACEC,sBAAsB,QAEjB,qCAAqC;AAC5C,SAASC,oBAAoB,QAAQ,+BAA+B;AACpE,SAASC,OAAO,QAAQ,sBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE/C,OAAO,MAAMC,kBAAkB,GAAG;EAChCC,QAAQ,EAAE,GAAGN,OAAO,CAAC,GAAG,CAAC;AAC3B,CAAC;AAED,MAAMO,mBAAmB,GAAGnB,MAAM,CAACoB,GAAG,CAAC;EACrC,sBAAsB,EAAE;IACtBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC;AAEF,MAAMC,wBAAwB,GAAGtB,MAAM,CAACoB,GAAG,CAExC,OAAO;EACR,gBAAgB,EAAE;IAChBG,KAAK,EAAE,MAAM;IACbL,QAAQ,EAAED,kBAAkB,CAACC;EAC/B;AACF,CAAC,CAAC,CAAC;AAEH,MAAMM,uBAAuB,GAAGxB,MAAM,CAAC,KAAK,EAAE;EAC5CyB,iBAAiB,EAAGC,IAAI,IAAKA,IAAI,KAAK;AACxC,CAAC,CAAC,CAAwC,CAAC;EAAEC;AAAoB,CAAC,MAAM;EACtEC,gBAAgB,EAAED,mBAAmB,CAACE;AACxC,CAAC,CAAC,CAAC;AAkBH,MAAM/B,cAAc,GAAGA,CAAC;EACtBgC,YAAY,EAAEC,gBAAgB;EAC9BC,YAAY;EACZC,IAAI;EACJC,iBAAiB;EACjBC,aAAa,GAAGA,CAAA,KAAM,IAAI;EAC1BC,UAAU;EACVC,UAAU;EACVC,UAAU;EACVC,cAAc,GAAGA,CAAA,KAAM,IAAI;EAC3BC,aAAa,GAAGA,CAAA,KAAM,IAAI;EAC1BC,KAAK;EACLC,OAAO,EAAEC,WAAW;EACpBC,OAAO,EAAEC,WAAW;EACpBC,MAAM;EACNC,oBAAoB;EACpBC,aAAa,EAAEC,iBAAiB;EAChCC,QAAQ;EACRC,mBAAmB;EACnBC,eAAe;EACfC,KAAK,EAAEC;AACY,CAAC,KAAK;EACzB,MAAM;IAAEC,IAAI;IAAEC;EAAE,CAAC,GAAG3D,cAAc,CAAC,CAAC;EACpC,MAAM4D,QAAQ,GAAG7D,MAAM,CAAmB,IAAI,CAAC;EAC/C,MAAM+B,mBAAmB,GAAGjB,sBAAsB,CAAC,CAAC;EAEpD,MAAM;IACJgD,aAAa;IACbC,WAAW;IACXC,qBAAqB;IACrBC,gCAAgC;IAChCC,eAAe;IACfC,WAAW;IACXC,gBAAgB;IAChBC,MAAM;IACNC,UAAU;IACVxB,OAAO;IACPE,OAAO;IACPI,aAAa;IACbmB,gBAAgB;IAChBC,aAAa;IACbC,gBAAgB;IAChBC,iBAAiB;IACjBC,kBAAkB;IAClBC,iBAAiB;IACjBC;EACF,CAAC,GAAGpE,oBAAoB,CAAC;IACvByB,YAAY,EAAEC,gBAAgB;IAC9BC,YAAY;IACZG,aAAa;IACbI,cAAc;IACdC,aAAa;IACbE,OAAO,EAAEC,WAAW;IACpBC,OAAO,EAAEC,WAAW;IACpBG,aAAa,EAAEC,iBAAiB;IAChCC,QAAQ;IACRG,KAAK,EAAEC;EACT,CAAC,CAAC;EAEF,MAAM;IAAEoB;EAAS,CAAC,GAAGnB,IAAI;EACzB,MAAMoB,YAAY,GAAG/E,MAAM,CAAmB,IAAI,CAAC;EAEnDF,SAAS,CAAC,MAAM;IACd2E,gBAAgB,CAACM,YAAY,CAACC,OAAO,CAAC;EACxC,CAAC,EAAE,CAACP,gBAAgB,CAAC,CAAC;EAEtB,MAAMQ,+CAA+C,GAAGpF,WAAW,CAGhE4D,KAAK,IAAK;IACT,IAAIA,KAAK,EAAE;MACT,MAAMyB,sBAAsB,GAAGjB,gCAAgC,CAACR,KAAK,CAAC;MAEtE,IAAIyB,sBAAsB,EAAE;QAC1B/B,oBAAoB,GAAG;UACrBM,KAAK,EAAEyB,sBAAsB;UAC7B5B,QAAQ,EAAEc;QACZ,CAAC,CAAC;MACJ;IACF;EACF,CAAC,EACD,CAACH,gCAAgC,EAAEG,gBAAgB,EAAEjB,oBAAoB,CAC3E,CAAC;EAED,MAAMgC,mBAAmB,GAAGtF,WAAW,CACrC,CAAC;IAAEqC,YAAY;IAAE2B,QAAQ;IAAEJ;EAAgC,CAAC,KAAK;IAC/D,OACEvC,IAAA,CAACR,aAAa;MACZwB,YAAY,EAAEA,YAAa;MAC3BkD,YAAY,EACVlE,IAAA,CAACb,MAAM;QACLgF,SAAS,EAAEzB,CAAC,CAAC,2BAA2B,CAAE;QAC1Cf,KAAK,EAAC,EAAE;QACRyC,OAAO,EAAET,wBAAyB;QAClCU,IAAI,EAAC,OAAO;QACZC,SAAS,EAAEtE,IAAA,CAAC6C,WAAW,CAACnD,YAAY,IAAE,CAAE;QACxC6E,OAAO,EAAC;MAAU,CACnB,CACF;MACDrD,YAAY,EAAEA,YAAa;MAC3BC,IAAI,EAAEA,IAAK;MACXC,iBAAiB,EAAEA,iBAAkB;MACrCuB,QAAQ,EAAEA,QAAS;MACnBrB,UAAU,EAAEA,UAAW;MACvBC,UAAU,EAAEA,UAAW;MACvBC,UAAU,EAAEA,UAAW;MACvBG,KAAK,EAAEA,KAAM;MACbK,MAAM,EAAEA,MAAO;MACfJ,OAAO,EAAEA,OAAQ;MACjBE,OAAO,EAAEA,OAAQ;MACjB0C,QAAQ,EAAEtC,aAAc;MACxBuC,QAAQ,EAAEvB,gBAAiB;MAC3BX,KAAK,EAAEA;IAAM,CACd,CAAC;EAEN,CAAC,EACD,CACEM,WAAW,EACX3B,YAAY,EACZC,IAAI,EACJC,iBAAiB,EACjB8B,gBAAgB,EAChB5B,UAAU,EACVC,UAAU,EACVC,UAAU,EACVG,KAAK,EACLK,MAAM,EACNE,aAAa,EACbN,OAAO,EACPE,OAAO,EACPY,CAAC,EACDiB,wBAAwB,CAE5B,CAAC;EAED,MAAMe,KAAK,GAAG7F,OAAO,CACnB,OAAO;IACL8F,SAAS,EAAEvF,kBAAkB;IAC7BwF,KAAK,EAAGC,QAAkC,IACxCZ,mBAAmB,CAACY,QAAQ,CAAC;IAC/BC,aAAa,EAAEA,CAAA,KAAM9E,IAAA,CAAC6C,WAAW,CAACkC,aAAa,IAAE,CAAC;IAClDC,cAAc,EAAEA,CAAA,KAAMhF,IAAA,CAAC6C,WAAW,CAACoC,cAAc,IAAE,CAAC;IACpDC,cAAc,EAAEA,CAAA,KAAMlF,IAAA,CAAC6C,WAAW,CAACsC,eAAe,IAAE;EACtD,CAAC,CAAC,EACF,CAACtC,WAAW,EAAEoB,mBAAmB,CACnC,CAAC;EAED,MAAMmB,SAAS,GAAGvG,OAAO,CACvB,OAAO;IACL8F,SAAS,EAAEA,CAAC;MAAEU,cAAc;MAAEC,QAAQ;MAAEC;IAAS,CAAC,MAAM;MACtDC,OAAO,EAELH,cAAc,KAAK,SAAS,GAAG,EAAE,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC;MAC1DC,QAAQ;MACRC;IACF,CAAC,CAAC;IACFE,MAAM,EAAE;MACNC,QAAQ,EAAEpC;IACZ,CAAC;IACDqC,IAAI,EAAE;MACJC,QAAQ,EAAE5F,IAAA,CAACN,YAAY,IAAE,CAAC;MAC1BmG,QAAQ,EAAE7F,IAAA,CAACL,SAAS,IAAE;IACxB,CAAC;IACDmG,OAAO,EAAE;MACPC,kBAAkB,EAAE;IACtB;EACF,CAAC,CAAC,EACF,CAACzC,aAAa,CAChB,CAAC;EAED,OACEtD,IAAA,CAACH,oBAAoB;IAACmG,aAAa,EAAEvG,mBAAoB;IAAAwG,QAAA,EACvD/F,KAAA,CAACb,6BAA6B;MAC5ByD,qBAAqB,EAAEA,qBAAsB;MAC7CM,UAAU,EAAEA,UAAW;MAAA6C,QAAA,GAEvBjG,IAAA,CAACK,mBAAmB;QAAA4F,QAAA,EAClBjG,IAAA,CAACQ,wBAAwB;UACvBK,mBAAmB,EAAEA,mBAAoB;UACzCqF,GAAG,EAAErC,YAAa;UAAAoC,QAAA,EAElBjG,IAAA,CAACf,iBAAiB;YAChBkH,kBAAkB,EAAEnD,eAAgB;YACpChC,YAAY,EAAEiC,WAAW,EAAEjC,YAAa;YACxCoF,QAAQ,EAAE9E,UAAW;YACrB+E,eAAe,EAAE,CAAE;YACnB1D,QAAQ,EAAEA,QAAS;YAEnBhB,KAAK,EAAEA,KAAM;YACbC,OAAO,EAAEA,OAAQ;YACjBE,OAAO,EAAEA,OAAQ;YACjB0C,QAAQ,EAAET,+CAAgD;YAC1DuC,OAAO,EAAE1D,aAAc;YACvB2D,IAAI,EAAEpD,MAAO;YACbqD,QAAQ,EAAEhF,UAAW;YACrBgC,iBAAiB,EAAEA,iBAAkB;YACrCC,kBAAkB,EAAEA,kBAAmB;YACvCC,iBAAiB,EAAEA,iBAAkB;YACrCgB,KAAK,EAAEA,KAAM;YACbU,SAAS,EAAEA,SAAU;YACrBX,QAAQ,EAAEvB,gBAAiB;YAC3BX,KAAK,EAAEU,WAAW,EAAEV;UAAM,GAdrBqB,QAeN;QAAC,CACsB;MAAC,CACR,CAAC,EAErBtB,eAAe,IAAID,mBAAmB,IACrCrC,IAAA,CAACU,uBAAuB;QAACG,mBAAmB,EAAEA,mBAAoB;QAAAoF,QAAA,EAChEjG,IAAA,CAACV,cAAc;UACbqC,KAAK,EAAEU,mBAAoB;UAC3BgB,gBAAgB,EAAEA,gBAAiB;UACnC7B,UAAU,EAAEA,UAAW;UACvBc,eAAe,EAAEA,eAAgB;UACjCC,KAAK,EAAEW;QAAiB,CACzB;MAAC,CACqB,CAC1B;IAAA,CAC4B;EAAC,CACZ,CAAC;AAE3B,CAAC;AAED,MAAMuD,sBAAsB,GAAG/H,IAAI,CAACM,cAAc,CAAC;AACnDyH,sBAAsB,CAACC,WAAW,GAAG,gBAAgB;AAErD,SAASD,sBAAsB,IAAIzH,cAAc","ignoreList":[]}
+{"version":3,"file":"DateTimePicker.js","names":["styled","DateTimePicker","MuiDateTimePicker","memo","useCallback","useEffect","useMemo","useRef","useTranslation","Button","DateFieldActionBar","DateFieldLocalizationProvider","TimeZonePicker","useOdysseyDateFields","CalendarIcon","ClockIcon","useOdysseyDesignTokens","OdysseyThemeProvider","pxToRem","useUniqueId","DateTimeField","dateTimePickerTheme","jsx","_jsx","jsxs","_jsxs","DateTimePickerSize","maxWidth","DatePickerContainer","div","marginBlockEnd","DatePickerWidthContainer","width","TimeZonePickerContainer","shouldForwardProp","prop","odysseyDesignTokens","marginBlockStart","Spacing3","defaultValue","defaultValueProp","errorMessage","hint","HintLinkComponent","id","idOverride","isDateEnabled","isDisabled","isOptional","isReadOnly","isMonthEnabled","isYearEnabled","label","minDate","minDateProp","maxDate","maxDateProp","onBlur","onCalendarDateChange","onInputChange","onInputChangeProp","timeZone","timeZonePickerLabel","timeZoneOptions","value","valueProp","i18n","t","inputRef","dateTimePickerId","closeCalendar","commonIcons","defaultedLanguageCode","formatDateTimeToUtcIsoDateString","formatDayOfWeek","inputValues","internalTimeZone","isOpen","localeText","onTimeZoneChange","popperElement","setPopperElement","shouldDisableDate","shouldDisableMonth","shouldDisableYear","toggleCalendarVisibility","language","containerRef","current","formatDateTimeToJsDateStringOnCalendarSelection","dateStringFromDateTime","renderDateTimeField","endAdornment","ariaLabel","onClick","size","startIcon","variant","onChange","timezone","slots","actionBar","field","muiProps","leftArrowIcon","ArrowLeftIcon","rightArrowIcon","ArrowRightIcon","switchViewIcon","ChevronDownIcon","slotProps","wrapperVariant","onAccept","onCancel","actions","popper","anchorEl","tabs","dateIcon","timeIcon","toolbar","toolbarPlaceholder","themeOverride","children","ref","dayOfWeekFormatter","disabled","fixedWeekNumber","onClose","open","readOnly","MemoizedDateTimePicker","displayName"],"sources":["../../../../src/labs/DatePickers/DateTimePicker.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled from \"@emotion/styled\";\nimport {\n  DateTimePickerSlotProps,\n  type DateTimePickerSlots,\n  DateTimePicker as MuiDateTimePicker,\n  DateTimePickerProps as MuiDateTimePickerProps,\n} from \"@mui/x-date-pickers\";\nimport { DateTime } from \"luxon\";\nimport { memo, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { Button } from \"../../Buttons/index.js\";\nimport { DateFieldActionBar } from \"../../DatePickers/DateFieldActionBar.js\";\nimport { DateFieldLocalizationProvider } from \"../../DatePickers/DateFieldLocalizationProvider.js\";\nimport { TimeZonePicker } from \"../../DatePickers/TimeZonePicker.js\";\nimport {\n  OdysseyDateFieldProps,\n  useOdysseyDateFields,\n} from \"../../DatePickers/useOdysseyDateFields.js\";\nimport { FieldComponentProps } from \"../../FieldComponentProps.js\";\nimport { CalendarIcon, ClockIcon } from \"../../icons.generated/index.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext.js\";\nimport { OdysseyThemeProvider } from \"../../OdysseyThemeProvider.js\";\nimport { pxToRem } from \"../../theme/index.js\";\nimport { useUniqueId } from \"../../useUniqueId.js\";\nimport { DateTimeField, DateTimeFieldProps } from \"./DateTimeField.js\";\nimport { dateTimePickerTheme } from \"./dateTimePickerTheme.js\";\n\nexport const DateTimePickerSize = {\n  maxWidth: `${pxToRem(486)}rem`,\n};\n\nconst DatePickerContainer = styled.div({\n  \".MuiFormControl-root\": {\n    marginBlockEnd: 0,\n  },\n});\n\nconst DatePickerWidthContainer = styled.div<{\n  odysseyDesignTokens: DesignTokens;\n}>(() => ({\n  \".MuiInput-root\": {\n    width: \"100%\",\n    maxWidth: DateTimePickerSize.maxWidth,\n  },\n}));\n\nconst TimeZonePickerContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  marginBlockStart: odysseyDesignTokens.Spacing3,\n}));\n\ntype RenderDateTimeFieldProps = {\n  defaultValue: DateTimeFieldProps[\"defaultValue\"];\n  value: DateTimeFieldProps[\"value\"];\n} & MuiDateTimePickerProps<DateTime>;\n\nexport type DateTimePickerProps = OdysseyDateFieldProps &\n  Pick<\n    FieldComponentProps,\n    | \"errorMessage\"\n    | \"hint\"\n    | \"HintLinkComponent\"\n    | \"id\"\n    | \"isDisabled\"\n    | \"isReadOnly\"\n    | \"isOptional\"\n  >;\n\nconst DateTimePicker = ({\n  defaultValue: defaultValueProp,\n  errorMessage,\n  hint,\n  HintLinkComponent,\n  id: idOverride,\n  isDateEnabled = () => true,\n  isDisabled,\n  isOptional,\n  isReadOnly,\n  isMonthEnabled = () => true,\n  isYearEnabled = () => true,\n  label,\n  minDate: minDateProp,\n  maxDate: maxDateProp,\n  onBlur,\n  onCalendarDateChange,\n  onInputChange: onInputChangeProp,\n  timeZone,\n  timeZonePickerLabel,\n  timeZoneOptions,\n  value: valueProp,\n}: DateTimePickerProps) => {\n  const { i18n, t } = useTranslation();\n  const inputRef = useRef<HTMLInputElement>(null);\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const dateTimePickerId = useUniqueId(idOverride);\n\n  const {\n    closeCalendar,\n    commonIcons,\n    defaultedLanguageCode,\n    formatDateTimeToUtcIsoDateString,\n    formatDayOfWeek,\n    inputValues,\n    internalTimeZone,\n    isOpen,\n    localeText,\n    minDate,\n    maxDate,\n    onInputChange,\n    onTimeZoneChange,\n    popperElement,\n    setPopperElement,\n    shouldDisableDate,\n    shouldDisableMonth,\n    shouldDisableYear,\n    toggleCalendarVisibility,\n  } = useOdysseyDateFields({\n    defaultValue: defaultValueProp,\n    errorMessage,\n    isDateEnabled,\n    isMonthEnabled,\n    isYearEnabled,\n    minDate: minDateProp,\n    maxDate: maxDateProp,\n    onInputChange: onInputChangeProp,\n    timeZone,\n    value: valueProp,\n  });\n\n  const { language } = i18n;\n  const containerRef = useRef<HTMLInputElement>(null);\n\n  useEffect(() => {\n    setPopperElement(containerRef.current);\n  }, [setPopperElement]);\n\n  const formatDateTimeToJsDateStringOnCalendarSelection = useCallback<\n    NonNullable<MuiDateTimePickerProps<DateTime>[\"onChange\"]>\n  >(\n    (value) => {\n      if (value) {\n        const dateStringFromDateTime = formatDateTimeToUtcIsoDateString(value);\n\n        if (dateStringFromDateTime) {\n          onCalendarDateChange?.({\n            value: dateStringFromDateTime,\n            timeZone: internalTimeZone,\n          });\n        }\n      }\n    },\n    [formatDateTimeToUtcIsoDateString, internalTimeZone, onCalendarDateChange],\n  );\n\n  const renderDateTimeField = useCallback(\n    ({ defaultValue, inputRef, value }: RenderDateTimeFieldProps) => {\n      return (\n        <DateTimeField\n          defaultValue={defaultValue}\n          endAdornment={\n            <Button\n              ariaLabel={t(\"picker.labels.date.choose\")}\n              label=\"\"\n              onClick={toggleCalendarVisibility}\n              size=\"small\"\n              startIcon={<commonIcons.CalendarIcon />}\n              variant=\"floating\"\n            />\n          }\n          errorMessage={errorMessage}\n          hint={hint}\n          HintLinkComponent={HintLinkComponent}\n          id={dateTimePickerId}\n          inputRef={inputRef}\n          isDisabled={isDisabled}\n          isOptional={isOptional}\n          isReadOnly={isReadOnly}\n          label={label}\n          maxDate={maxDate}\n          minDate={minDate}\n          onBlur={onBlur}\n          onChange={onInputChange}\n          timezone={internalTimeZone}\n          value={value}\n        />\n      );\n    },\n    [\n      commonIcons,\n      dateTimePickerId,\n      errorMessage,\n      hint,\n      HintLinkComponent,\n      internalTimeZone,\n      isDisabled,\n      isOptional,\n      isReadOnly,\n      label,\n      onBlur,\n      onInputChange,\n      minDate,\n      maxDate,\n      t,\n      toggleCalendarVisibility,\n    ],\n  );\n\n  const slots = useMemo<DateTimePickerSlots<DateTime>>(\n    () => ({\n      actionBar: DateFieldActionBar,\n      field: (muiProps: RenderDateTimeFieldProps) =>\n        renderDateTimeField(muiProps),\n      leftArrowIcon: () => <commonIcons.ArrowLeftIcon />,\n      rightArrowIcon: () => <commonIcons.ArrowRightIcon />,\n      switchViewIcon: () => <commonIcons.ChevronDownIcon />,\n    }),\n    [commonIcons, renderDateTimeField],\n  );\n\n  const slotProps = useMemo<DateTimePickerSlotProps<DateTime, false>>(\n    () => ({\n      actionBar: ({ wrapperVariant, onAccept, onCancel }) => ({\n        actions:\n          // This is the default behavior but felt more clear to pass them in explicitly\n          wrapperVariant === \"desktop\" ? [] : [\"accept\", \"cancel\"],\n        onAccept,\n        onCancel,\n      }),\n      popper: {\n        anchorEl: popperElement,\n      },\n      tabs: {\n        dateIcon: <CalendarIcon />,\n        timeIcon: <ClockIcon />,\n      },\n      toolbar: {\n        toolbarPlaceholder: \"\",\n      },\n    }),\n    [popperElement],\n  );\n\n  return (\n    <OdysseyThemeProvider themeOverride={dateTimePickerTheme}>\n      <DateFieldLocalizationProvider\n        defaultedLanguageCode={defaultedLanguageCode}\n        localeText={localeText}\n      >\n        <DatePickerContainer>\n          <DatePickerWidthContainer\n            odysseyDesignTokens={odysseyDesignTokens}\n            ref={containerRef}\n          >\n            <MuiDateTimePicker\n              dayOfWeekFormatter={formatDayOfWeek}\n              defaultValue={inputValues?.defaultValue}\n              disabled={isDisabled}\n              fixedWeekNumber={6}\n              inputRef={inputRef}\n              key={language}\n              label={label}\n              maxDate={maxDate}\n              minDate={minDate}\n              onChange={formatDateTimeToJsDateStringOnCalendarSelection}\n              onClose={closeCalendar}\n              open={isOpen}\n              readOnly={isReadOnly}\n              shouldDisableDate={shouldDisableDate}\n              shouldDisableMonth={shouldDisableMonth}\n              shouldDisableYear={shouldDisableYear}\n              slotProps={slotProps}\n              slots={slots}\n              timezone={internalTimeZone}\n              value={inputValues?.value}\n            />\n          </DatePickerWidthContainer>\n        </DatePickerContainer>\n\n        {timeZoneOptions && timeZonePickerLabel && (\n          <TimeZonePickerContainer odysseyDesignTokens={odysseyDesignTokens}>\n            <TimeZonePicker\n              isReadOnly={isReadOnly}\n              label={timeZonePickerLabel}\n              onTimeZoneChange={onTimeZoneChange}\n              timeZoneOptions={timeZoneOptions}\n              value={internalTimeZone}\n            />\n          </TimeZonePickerContainer>\n        )}\n      </DateFieldLocalizationProvider>\n    </OdysseyThemeProvider>\n  );\n};\n\nconst MemoizedDateTimePicker = memo(DateTimePicker);\nMemoizedDateTimePicker.displayName = \"DateTimePicker\";\n\nexport { MemoizedDateTimePicker as DateTimePicker };\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/labs/DatePickers/dateTimePickerTheme.js

@@ -10,11 +10,11 @@
  * See the License for the specific language governing permissions and limitations under the License.
  */import { deepmerge } from "@mui/utils";
 import { digitalClockClasses } from "@mui/x-date-pickers/DigitalClock";
-import { multiSectionDigitalClockSectionClasses, multiSectionDigitalClockClasses } from "@mui/x-date-pickers/MultiSectionDigitalClock";
+import { multiSectionDigitalClockClasses, multiSectionDigitalClockSectionClasses } from "@mui/x-date-pickers/MultiSectionDigitalClock";
+import { addSpecificity } from "../../addSpecificity.js";
 import { datePickerTheme, dateStyles } from "../../DatePickers/datePickerTheme.js";
-import { DateTimePickerSize } from "./DateTimePicker.js";
 import { pxToRem } from "../../theme/index.js";
-import { addSpecificity } from "../../addSpecificity.js";
+import { DateTimePickerSize } from "./DateTimePicker.js";
 const DateTimePickerComponentSize = {
   dateCalendarMaxHeight: `${pxToRem(336)}rem`,
   slideTransitionMinHeight: `${pxToRem(240)}rem`

package/dist/esm/labs/DatePickers/dateTimePickerTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"dateTimePickerTheme.js","names":["deepmerge","digitalClockClasses","multiSectionDigitalClockSectionClasses","multiSectionDigitalClockClasses","datePickerTheme","dateStyles","DateTimePickerSize","pxToRem","addSpecificity","DateTimePickerComponentSize","dateCalendarMaxHeight","slideTransitionMinHeight","theme","components","MuiClock","styleOverrides","clock","width","spacing","height","backgroundColor","palette","grey","pin","primary","light","MuiClockPointer","root","thumb","borderColor","main","MuiDateCalendar","display","maxHeight","MuiPickersArrowSwitcher","button","margin","padding","color","typography","body1","marginInlineStart","svg","spacer","MuiPickersLayout","maxWidth","contentWrapper","gridTemplateColumns","MuiMultiSectionDigitalClock","MuiMultiSectionDigitalClockSection","item","default","marginInline","marginBlockStart","hover","focus","selected","hoverSelected","disabled","MuiDateTimePickerToolbar","dateContainer","flexDirection","marginInlineEnd","timeDigitsContainer","alignItems","ampmSelection","common","white","separator","h5","marginBlock","MuiPickersToolbarButton","border","borderRadius","mixins","subtitle1","MuiPickersToolbarText","position","lineHeight","left","bottom","opacity","content","transition","transform","MuiDayCalendar","slideTransition","minHeight","MuiTimeClock","arrowSwitcher","top","right","dateTimePickerTheme"],"sources":["../../../../src/labs/DatePickers/dateTimePickerTheme.ts"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\n// import { CSSInterpolation } from \"@mui/material/styles\";\nimport { deepmerge } from \"@mui/utils\";\nimport { ThemeOptions } from \"@mui/material\";\nimport { digitalClockClasses } from \"@mui/x-date-pickers/DigitalClock\";\nimport {\n  multiSectionDigitalClockSectionClasses,\n  multiSectionDigitalClockClasses,\n} from \"@mui/x-date-pickers/MultiSectionDigitalClock\";\nimport {\n  datePickerTheme,\n  dateStyles,\n} from \"../../DatePickers/datePickerTheme.js\";\nimport { DateTimePickerSize } from \"./DateTimePicker.js\";\nimport { pxToRem } from \"../../theme/index.js\";\nimport { addSpecificity } from \"../../addSpecificity.js\";\n\nconst DateTimePickerComponentSize = {\n  dateCalendarMaxHeight: `${pxToRem(336)}rem`,\n  slideTransitionMinHeight: `${pxToRem(240)}rem`,\n};\n\nconst theme: ThemeOptions = {\n  components: {\n    MuiClock: {\n      styleOverrides: {\n        clock: ({ theme }) => ({\n          width: `calc(${theme.spacing(9)} * 4)`,\n          height: `calc(${theme.spacing(9)} * 4)`,\n          backgroundColor: theme.palette.grey[50],\n        }),\n        pin: ({ theme }) => ({\n          backgroundColor: theme.palette.primary.light,\n        }),\n      },\n    },\n    MuiClockPointer: {\n      styleOverrides: {\n        root: ({ theme }) => ({\n          backgroundColor: theme.palette.primary.light,\n        }),\n        thumb: ({ theme }) => ({\n          borderColor: theme.palette.primary.light,\n          backgroundColor: theme.palette.primary.main,\n        }),\n      },\n    },\n    MuiDateCalendar: {\n      styleOverrides: {\n        root: {\n          display: \"block\",\n          width: \"100%\",\n          maxHeight: DateTimePickerComponentSize.dateCalendarMaxHeight,\n          height: DateTimePickerComponentSize.dateCalendarMaxHeight,\n        },\n      },\n    },\n    MuiPickersArrowSwitcher: {\n      styleOverrides: {\n        button: ({ theme }) => ({\n          display: \"flex\",\n          margin: 0,\n          padding: theme.spacing(2),\n          color: theme.typography.body1.color,\n\n          \"& + &\": {\n            marginInlineStart: theme.spacing(2),\n          },\n\n          svg: {\n            display: \"flex\",\n          },\n        }),\n        spacer: ({ theme }) => ({\n          width: theme.spacing(1),\n        }),\n      },\n    },\n    MuiPickersLayout: {\n      styleOverrides: {\n        root: () => ({\n          display: \"block\",\n          width: DateTimePickerSize.maxWidth,\n          maxWidth: DateTimePickerSize.maxWidth,\n        }),\n        contentWrapper: ({ theme }) => ({\n          padding: theme.spacing(3),\n          gridTemplateColumns: \"1fr 16px auto\",\n        }),\n      },\n    },\n    MuiMultiSectionDigitalClock: {\n      styleOverrides: {\n        root: {\n          [`${addSpecificity(2, `.${multiSectionDigitalClockClasses.root}`)}, \n            ${addSpecificity(2, ` .${multiSectionDigitalClockSectionClasses.root}`)}, \n            ${addSpecificity(2, `.${digitalClockClasses.root}`)}`]: {\n            maxHeight: DateTimePickerComponentSize.dateCalendarMaxHeight,\n          },\n        },\n      },\n    },\n    MuiMultiSectionDigitalClockSection: {\n      styleOverrides: {\n        root: {\n          width: \"auto\",\n        },\n        item: ({ theme }) => [\n          dateStyles.default({ theme }),\n          {\n            margin: 0,\n            marginInline: theme.spacing(1),\n            \"& + &\": {\n              marginBlockStart: theme.spacing(1),\n            },\n            \"&:hover\": dateStyles.hover({ theme }),\n            \"&:focus\": dateStyles.focus({ theme }),\n\n            \"&.Mui-selected, &.Mui-selected:focus\": dateStyles.selected({\n              theme,\n            }),\n            \"&.Mui-selected:hover\": dateStyles.hoverSelected({ theme }),\n\n            \"&.Mui-disabled\": dateStyles.disabled({ theme }),\n          },\n        ],\n      },\n    },\n    MuiDateTimePickerToolbar: {\n      styleOverrides: {\n        root: ({ theme }) => ({\n          padding: theme.spacing(3),\n        }),\n        dateContainer: ({ theme }) => ({\n          flexDirection: \"row-reverse\",\n\n          button: {\n            \"+ button\": {\n              marginInlineEnd: theme.spacing(2),\n            },\n          },\n        }),\n        timeDigitsContainer: {\n          alignItems: \"center\",\n        },\n        ampmSelection: ({ theme }) => ({\n          margin: 0,\n          marginInlineStart: theme.spacing(3),\n\n          button: {\n            padding: theme.spacing(2),\n\n            \"&:has(.Mui-selected)\": {\n              backgroundColor: theme.palette.primary.main,\n\n              \".Mui-selected\": {\n                color: theme.palette.common.white,\n                \"&::after\": {\n                  display: \"none\",\n                },\n              },\n            },\n          },\n        }),\n        separator: ({ theme }) => ({\n          ...theme.typography.h5,\n          marginBlock: 0,\n          marginInline: theme.spacing(1),\n        }),\n      },\n    },\n    MuiPickersToolbarButton: {\n      styleOverrides: {\n        root: ({ theme }) => ({\n          height: \"auto\",\n          padding: 0,\n          margin: 0,\n          border: 0,\n          borderRadius: theme.mixins.borderRadius,\n          backgroundColor: \"transparent\",\n          color: theme.typography.subtitle1.color,\n\n          \"&:hover\": {\n            backgroundColor: \"transparent\",\n          },\n\n          \"& + &\": {\n            marginInlineStart: 0,\n          },\n        }),\n      },\n    },\n    MuiPickersToolbarText: {\n      styleOverrides: {\n        root: ({ theme }) => ({\n          ...theme.typography.h5,\n          position: \"relative\",\n          margin: 0,\n          lineHeight: 1,\n          color: \"inherit\",\n\n          \"&::after\": {\n            position: \"absolute\",\n            left: 0,\n            bottom: 0,\n            width: \"100%\",\n            height: 2,\n            backgroundColor: \"currentColor\",\n            opacity: 0,\n            content: \"''\",\n            transition: \"opacity 100ms, transform 200ms\",\n          },\n\n          \"&.Mui-selected\": {\n            color: theme.typography.body1.color,\n\n            \"&::after\": {\n              transform: \"translateY(2px)\",\n              opacity: 1,\n            },\n          },\n        }),\n      },\n    },\n    MuiDayCalendar: {\n      styleOverrides: {\n        slideTransition: {\n          minHeight: DateTimePickerComponentSize.slideTransitionMinHeight,\n        },\n      },\n    },\n    MuiTimeClock: {\n      styleOverrides: {\n        arrowSwitcher: {\n          top: 0,\n          right: 0,\n        },\n      },\n    },\n  },\n};\nexport const dateTimePickerTheme = deepmerge(datePickerTheme, theme);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"dateTimePickerTheme.js","names":["deepmerge","digitalClockClasses","multiSectionDigitalClockClasses","multiSectionDigitalClockSectionClasses","addSpecificity","datePickerTheme","dateStyles","pxToRem","DateTimePickerSize","DateTimePickerComponentSize","dateCalendarMaxHeight","slideTransitionMinHeight","theme","components","MuiClock","styleOverrides","clock","width","spacing","height","backgroundColor","palette","grey","pin","primary","light","MuiClockPointer","root","thumb","borderColor","main","MuiDateCalendar","display","maxHeight","MuiPickersArrowSwitcher","button","margin","padding","color","typography","body1","marginInlineStart","svg","spacer","MuiPickersLayout","maxWidth","contentWrapper","gridTemplateColumns","MuiMultiSectionDigitalClock","MuiMultiSectionDigitalClockSection","item","default","marginInline","marginBlockStart","hover","focus","selected","hoverSelected","disabled","MuiDateTimePickerToolbar","dateContainer","flexDirection","marginInlineEnd","timeDigitsContainer","alignItems","ampmSelection","common","white","separator","h5","marginBlock","MuiPickersToolbarButton","border","borderRadius","mixins","subtitle1","MuiPickersToolbarText","position","lineHeight","left","bottom","opacity","content","transition","transform","MuiDayCalendar","slideTransition","minHeight","MuiTimeClock","arrowSwitcher","top","right","dateTimePickerTheme"],"sources":["../../../../src/labs/DatePickers/dateTimePickerTheme.ts"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { ThemeOptions } from \"@mui/material\";\n// import { CSSInterpolation } from \"@mui/material/styles\";\nimport { deepmerge } from \"@mui/utils\";\nimport { digitalClockClasses } from \"@mui/x-date-pickers/DigitalClock\";\nimport {\n  multiSectionDigitalClockClasses,\n  multiSectionDigitalClockSectionClasses,\n} from \"@mui/x-date-pickers/MultiSectionDigitalClock\";\n\nimport { addSpecificity } from \"../../addSpecificity.js\";\nimport {\n  datePickerTheme,\n  dateStyles,\n} from \"../../DatePickers/datePickerTheme.js\";\nimport { pxToRem } from \"../../theme/index.js\";\nimport { DateTimePickerSize } from \"./DateTimePicker.js\";\n\nconst DateTimePickerComponentSize = {\n  dateCalendarMaxHeight: `${pxToRem(336)}rem`,\n  slideTransitionMinHeight: `${pxToRem(240)}rem`,\n};\n\nconst theme: ThemeOptions = {\n  components: {\n    MuiClock: {\n      styleOverrides: {\n        clock: ({ theme }) => ({\n          width: `calc(${theme.spacing(9)} * 4)`,\n          height: `calc(${theme.spacing(9)} * 4)`,\n          backgroundColor: theme.palette.grey[50],\n        }),\n        pin: ({ theme }) => ({\n          backgroundColor: theme.palette.primary.light,\n        }),\n      },\n    },\n    MuiClockPointer: {\n      styleOverrides: {\n        root: ({ theme }) => ({\n          backgroundColor: theme.palette.primary.light,\n        }),\n        thumb: ({ theme }) => ({\n          borderColor: theme.palette.primary.light,\n          backgroundColor: theme.palette.primary.main,\n        }),\n      },\n    },\n    MuiDateCalendar: {\n      styleOverrides: {\n        root: {\n          display: \"block\",\n          width: \"100%\",\n          maxHeight: DateTimePickerComponentSize.dateCalendarMaxHeight,\n          height: DateTimePickerComponentSize.dateCalendarMaxHeight,\n        },\n      },\n    },\n    MuiPickersArrowSwitcher: {\n      styleOverrides: {\n        button: ({ theme }) => ({\n          display: \"flex\",\n          margin: 0,\n          padding: theme.spacing(2),\n          color: theme.typography.body1.color,\n\n          \"& + &\": {\n            marginInlineStart: theme.spacing(2),\n          },\n\n          svg: {\n            display: \"flex\",\n          },\n        }),\n        spacer: ({ theme }) => ({\n          width: theme.spacing(1),\n        }),\n      },\n    },\n    MuiPickersLayout: {\n      styleOverrides: {\n        root: () => ({\n          display: \"block\",\n          width: DateTimePickerSize.maxWidth,\n          maxWidth: DateTimePickerSize.maxWidth,\n        }),\n        contentWrapper: ({ theme }) => ({\n          padding: theme.spacing(3),\n          gridTemplateColumns: \"1fr 16px auto\",\n        }),\n      },\n    },\n    MuiMultiSectionDigitalClock: {\n      styleOverrides: {\n        root: {\n          [`${addSpecificity(2, `.${multiSectionDigitalClockClasses.root}`)}, \n            ${addSpecificity(2, ` .${multiSectionDigitalClockSectionClasses.root}`)}, \n            ${addSpecificity(2, `.${digitalClockClasses.root}`)}`]: {\n            maxHeight: DateTimePickerComponentSize.dateCalendarMaxHeight,\n          },\n        },\n      },\n    },\n    MuiMultiSectionDigitalClockSection: {\n      styleOverrides: {\n        root: {\n          width: \"auto\",\n        },\n        item: ({ theme }) => [\n          dateStyles.default({ theme }),\n          {\n            margin: 0,\n            marginInline: theme.spacing(1),\n            \"& + &\": {\n              marginBlockStart: theme.spacing(1),\n            },\n            \"&:hover\": dateStyles.hover({ theme }),\n            \"&:focus\": dateStyles.focus({ theme }),\n\n            \"&.Mui-selected, &.Mui-selected:focus\": dateStyles.selected({\n              theme,\n            }),\n            \"&.Mui-selected:hover\": dateStyles.hoverSelected({ theme }),\n\n            \"&.Mui-disabled\": dateStyles.disabled({ theme }),\n          },\n        ],\n      },\n    },\n    MuiDateTimePickerToolbar: {\n      styleOverrides: {\n        root: ({ theme }) => ({\n          padding: theme.spacing(3),\n        }),\n        dateContainer: ({ theme }) => ({\n          flexDirection: \"row-reverse\",\n\n          button: {\n            \"+ button\": {\n              marginInlineEnd: theme.spacing(2),\n            },\n          },\n        }),\n        timeDigitsContainer: {\n          alignItems: \"center\",\n        },\n        ampmSelection: ({ theme }) => ({\n          margin: 0,\n          marginInlineStart: theme.spacing(3),\n\n          button: {\n            padding: theme.spacing(2),\n\n            \"&:has(.Mui-selected)\": {\n              backgroundColor: theme.palette.primary.main,\n\n              \".Mui-selected\": {\n                color: theme.palette.common.white,\n                \"&::after\": {\n                  display: \"none\",\n                },\n              },\n            },\n          },\n        }),\n        separator: ({ theme }) => ({\n          ...theme.typography.h5,\n          marginBlock: 0,\n          marginInline: theme.spacing(1),\n        }),\n      },\n    },\n    MuiPickersToolbarButton: {\n      styleOverrides: {\n        root: ({ theme }) => ({\n          height: \"auto\",\n          padding: 0,\n          margin: 0,\n          border: 0,\n          borderRadius: theme.mixins.borderRadius,\n          backgroundColor: \"transparent\",\n          color: theme.typography.subtitle1.color,\n\n          \"&:hover\": {\n            backgroundColor: \"transparent\",\n          },\n\n          \"& + &\": {\n            marginInlineStart: 0,\n          },\n        }),\n      },\n    },\n    MuiPickersToolbarText: {\n      styleOverrides: {\n        root: ({ theme }) => ({\n          ...theme.typography.h5,\n          position: \"relative\",\n          margin: 0,\n          lineHeight: 1,\n          color: \"inherit\",\n\n          \"&::after\": {\n            position: \"absolute\",\n            left: 0,\n            bottom: 0,\n            width: \"100%\",\n            height: 2,\n            backgroundColor: \"currentColor\",\n            opacity: 0,\n            content: \"''\",\n            transition: \"opacity 100ms, transform 200ms\",\n          },\n\n          \"&.Mui-selected\": {\n            color: theme.typography.body1.color,\n\n            \"&::after\": {\n              transform: \"translateY(2px)\",\n              opacity: 1,\n            },\n          },\n        }),\n      },\n    },\n    MuiDayCalendar: {\n      styleOverrides: {\n        slideTransition: {\n          minHeight: DateTimePickerComponentSize.slideTransitionMinHeight,\n        },\n      },\n    },\n    MuiTimeClock: {\n      styleOverrides: {\n        arrowSwitcher: {\n          top: 0,\n          right: 0,\n        },\n      },\n    },\n  },\n};\nexport const dateTimePickerTheme = deepmerge(datePickerTheme, theme);\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/labs/GroupPicker.js

@@ -16,10 +16,10 @@ import _Avatar from "@mui/material/Avatar";
 import { avatarClasses } from "@mui/material/Avatar";
 import { memo, useCallback, createElement as _createElement } from "react";
 import { Field } from "../Field.js";
-import { Subordinate } from "../Typography.js";
-import { Tag } from "../Tag.js";
+import { GridIcon, GroupIcon, UserIcon } from "../icons.generated/index.js";
 import { useOdysseyDesignTokens } from "../OdysseyDesignTokensContext.js";
-import { UserIcon, GridIcon, GroupIcon } from "../icons.generated/index.js";
+import { Tag } from "../Tag.js";
+import { Subordinate } from "../Typography.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const avatarImageSizeSmall = 16;
 const avatarImageSizeMedium = 24;
@@ -141,10 +141,10 @@ const GroupPicker = ({
   }) => _jsx(Field, {
     fieldType: "single",
     hasVisibleLabel: true,
-    id: InputLabelProps.htmlFor,
     hint: hint,
-    label: label,
+    id: InputLabelProps.htmlFor,
     isOptional: isOptional,
+    label: label,
     renderFieldComponent: ({
       ariaDescribedBy,
       id