@okta/odyssey-react-mui 1.0.2 → 1.2.0

package/dist/labs/PaginatedTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginatedTable.js","names":["Typography","MaterialReactTable","memo","useCallback","useEffect","useMemo","useRef","useState","Trans","useTranslation","jsx","_jsx","Fragment","_Fragment","PaginatedTable","_ref","columns","data","fetchMoreData","getRowId","hasError","hasRowSelection","initialState","isFetching","onGlobalFilterChange","onPaginationChange","onRowSelectionChange","onRowSelectionChangeProp","rowsPerPage","state","ToolbarButtons","t","rowVirtualizerInstanceRef","columnFilters","setColumnFilters","globalFilter","setGlobalFilter","current","scrollToIndex","error","console","totalFetchedRows","length","renderBottomToolbarCustomActions","children","count","i18nKey","values","totalRows","renderTopToolbarCustomActions","_ref2","table","rowSelection","setRowSelection","pagination","setPagination","pageIndex","pageSize","dataLengthRef","updatePagination","paginationFunction","previousPagination","nextPagination","numberOfPages","Math","floor","modifiedInitialState","modifiedState","muiToolbarAlertBannerProps","severity","muiTablePaginationProps","rowsPerPageOptions","showFirstButton","showLastButton","muiCheckboxStyles","theme","components","MuiCheckbox","styleOverrides","root","ownerState","enableMultiRowSelection","enablePagination","enableRowSelection","enableSorting","muiSelectAllCheckboxProps","sx","muiSelectCheckboxProps","onColumnFiltersChange","rowVirtualizerProps","overscan","MemoizedPaginatedTable","displayName"],"sources":["../../src/labs/PaginatedTable.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 { AlertProps, TablePaginationProps } from \"@mui/material\";\nimport { Typography } from \"../Typography\";\nimport MaterialReactTable, {\n  MRT_PaginationState,\n  type MRT_ColumnFiltersState,\n  type MRT_RowSelectionState,\n  type MRT_TableInstance,\n  type MRT_Virtualizer,\n} from \"material-react-table\";\nimport {\n  FunctionComponent,\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport type {\n  DefaultMaterialReactTableData,\n  MaterialReactTableProps,\n} from \"./materialReactTableTypes\";\n\nexport type PaginatedTableProps<TData extends DefaultMaterialReactTableData> = {\n  columns: MaterialReactTableProps<TData>[\"columns\"];\n  data: MaterialReactTableProps<TData>[\"data\"];\n  fetchMoreData?: () => void;\n  getRowId?: MaterialReactTableProps<TData>[\"getRowId\"];\n  hasError?: boolean;\n  hasRowSelection?: boolean;\n  initialState?: MaterialReactTableProps<TData>[\"initialState\"];\n  isFetching?: boolean;\n  onGlobalFilterChange?: MaterialReactTableProps<TData>[\"onGlobalFilterChange\"];\n  onPaginationChange?: MaterialReactTableProps<TData>[\"onPaginationChange\"];\n  onRowSelectionChange?: MaterialReactTableProps<TData>[\"onRowSelectionChange\"];\n  rowsPerPage?: number;\n  state?: MaterialReactTableProps<TData>[\"state\"];\n  ToolbarButtons?: FunctionComponent<\n    { table: MRT_TableInstance<TData> } & unknown\n  >;\n};\n\nconst PaginatedTable = <TData extends DefaultMaterialReactTableData>({\n  columns,\n  data,\n  fetchMoreData,\n  getRowId,\n  hasError,\n  hasRowSelection,\n  initialState,\n  isFetching,\n  onGlobalFilterChange,\n  onPaginationChange,\n  onRowSelectionChange: onRowSelectionChangeProp,\n  rowsPerPage = 10,\n  state,\n  ToolbarButtons,\n}: PaginatedTableProps<TData>) => {\n  const { t } = useTranslation();\n\n  const rowVirtualizerInstanceRef =\n    useRef<MRT_Virtualizer<HTMLDivElement, HTMLTableRowElement>>(null);\n\n  const [columnFilters, setColumnFilters] = useState<MRT_ColumnFiltersState>(\n    []\n  );\n\n  const [globalFilter, setGlobalFilter] = useState<string>();\n\n  useEffect(() => {\n    if (globalFilter) {\n      onGlobalFilterChange?.(globalFilter);\n    }\n  }, [globalFilter, onGlobalFilterChange]);\n\n  useEffect(() => {\n    try {\n      // Scroll to top of table when sorting or filters change.\n      rowVirtualizerInstanceRef.current?.scrollToIndex?.(0);\n    } catch (error) {\n      console.error(error);\n    }\n  }, [columnFilters, globalFilter]);\n\n  const totalFetchedRows = data.length ?? 0;\n\n  const renderBottomToolbarCustomActions = useCallback(\n    () =>\n      fetchMoreData ? (\n        <Typography>\n          <Trans\n            count={totalFetchedRows}\n            i18nKey=\"table.fetchedrows.text\"\n            values={{\n              totalRows: totalFetchedRows,\n            }}\n          />\n        </Typography>\n      ) : (\n        <Typography>\n          <Trans\n            count={totalFetchedRows}\n            i18nKey=\"table.rows.text\"\n            values={{\n              totalRows: totalFetchedRows,\n            }}\n          />\n        </Typography>\n      ),\n    [fetchMoreData, totalFetchedRows]\n  );\n\n  const renderTopToolbarCustomActions = useCallback<\n    Exclude<\n      MaterialReactTableProps<TData>[\"renderTopToolbarCustomActions\"],\n      undefined\n    >\n  >(\n    ({ table }) => <>{ToolbarButtons && <ToolbarButtons table={table} />}</>,\n    [ToolbarButtons]\n  );\n\n  const [rowSelection, setRowSelection] = useState<MRT_RowSelectionState>({});\n\n  useEffect(() => {\n    onRowSelectionChangeProp?.(rowSelection);\n  }, [onRowSelectionChangeProp, rowSelection]);\n\n  const [pagination, setPagination] = useState<MRT_PaginationState>(\n    initialState?.pagination || {\n      pageIndex: 0,\n      pageSize: rowsPerPage,\n    }\n  );\n\n  const dataLengthRef = useRef(data.length);\n\n  const updatePagination = useCallback(\n    (paginationFunction) => {\n      if (data.length === dataLengthRef.current) {\n        setPagination((previousPagination) => {\n          const nextPagination = paginationFunction(previousPagination);\n          return nextPagination;\n        });\n      } else {\n        dataLengthRef.current = data.length;\n      }\n    },\n    [data.length]\n  );\n\n  useEffect(() => {\n    const numberOfPages = Math.floor(data.length / pagination.pageSize);\n\n    if (!isFetching && pagination.pageIndex > numberOfPages - 1) {\n      fetchMoreData?.();\n    }\n  }, [\n    data.length,\n    fetchMoreData,\n    isFetching,\n    pagination.pageIndex,\n    pagination.pageSize,\n  ]);\n\n  useEffect(() => {\n    onPaginationChange?.({\n      pageIndex: pagination.pageIndex,\n      pageSize: pagination.pageSize,\n    });\n  }, [onPaginationChange, pagination.pageIndex, pagination.pageSize]);\n\n  const modifiedInitialState = useMemo(\n    () => ({\n      pagination,\n      ...initialState,\n    }),\n    [initialState, pagination]\n  );\n\n  const modifiedState = useMemo(\n    () => ({\n      ...state,\n      pagination: {\n        pageIndex: pagination.pageIndex,\n        pageSize: pagination.pageSize,\n      },\n      rowSelection,\n    }),\n    [pagination.pageIndex, pagination.pageSize, rowSelection, state]\n  );\n\n  const muiToolbarAlertBannerProps: AlertProps = useMemo(\n    () =>\n      hasError\n        ? {\n            children: t(\"table.error\"),\n            severity: \"error\",\n          }\n        : {},\n    [hasError, t]\n  );\n\n  const muiTablePaginationProps: Partial<\n    Omit<TablePaginationProps, \"rowsPerPage\">\n  > = useMemo(\n    () => ({\n      rowsPerPageOptions: [],\n      showFirstButton: false,\n      showLastButton: false,\n    }),\n    []\n  );\n\n  const muiCheckboxStyles = useCallback(\n    (theme) =>\n      typeof theme.components?.MuiCheckbox?.styleOverrides?.root === \"function\"\n        ? theme.components?.MuiCheckbox?.styleOverrides?.root?.({\n            ownerState: {},\n            theme,\n          })\n        : \"\",\n    []\n  );\n\n  return (\n    <MaterialReactTable\n      columns={columns}\n      data={data}\n      enableMultiRowSelection={hasRowSelection}\n      enablePagination\n      enableRowSelection={hasRowSelection}\n      enableSorting={false}\n      getRowId={getRowId}\n      initialState={modifiedInitialState}\n      muiSelectAllCheckboxProps={{ sx: muiCheckboxStyles }}\n      muiSelectCheckboxProps={{ sx: muiCheckboxStyles }}\n      muiTablePaginationProps={muiTablePaginationProps}\n      muiToolbarAlertBannerProps={muiToolbarAlertBannerProps}\n      onColumnFiltersChange={setColumnFilters}\n      onGlobalFilterChange={setGlobalFilter}\n      onPaginationChange={updatePagination}\n      onRowSelectionChange={setRowSelection}\n      renderBottomToolbarCustomActions={renderBottomToolbarCustomActions}\n      renderTopToolbarCustomActions={renderTopToolbarCustomActions}\n      rowVirtualizerInstanceRef={rowVirtualizerInstanceRef}\n      rowVirtualizerProps={{ overscan: 4 }}\n      state={modifiedState}\n    />\n  );\n};\n\nconst MemoizedPaginatedTable = memo(PaginatedTable) as typeof PaginatedTable;\n\n// @ts-expect-error | This is going to error because the component isn't and can't be defined as a `FunctionComponent`, and therefore, doesn't have a `displayName` prop.\nMemoizedPaginatedTable.displayName = \"PaginatedTable\";\n\nexport { MemoizedPaginatedTable as PaginatedTable };\n"],"mappings":"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"}
+{"version":3,"file":"PaginatedTable.js","names":["Typography","MaterialReactTable","memo","useCallback","useEffect","useMemo","useRef","useState","Trans","useTranslation","jsx","_jsx","Fragment","_Fragment","PaginatedTable","_ref","columns","data","fetchMoreData","getRowId","hasError","hasRowSelection","initialState","isFetching","onGlobalFilterChange","onPaginationChange","onRowSelectionChange","onRowSelectionChangeProp","rowsPerPage","state","ToolbarButtons","t","rowVirtualizerInstanceRef","columnFilters","setColumnFilters","globalFilter","setGlobalFilter","undefined","current","scrollToIndex","error","console","totalFetchedRows","length","renderBottomToolbarCustomActions","children","count","i18nKey","values","totalRows","renderTopToolbarCustomActions","_ref2","table","rowSelection","setRowSelection","pagination","setPagination","pageIndex","pageSize","dataLengthRef","updatePagination","paginationFunction","previousPagination","nextPagination","numberOfPages","Math","floor","modifiedInitialState","modifiedState","muiToolbarAlertBannerProps","severity","muiTablePaginationProps","rowsPerPageOptions","showFirstButton","showLastButton","muiCheckboxStyles","theme","components","MuiCheckbox","styleOverrides","root","ownerState","enableMultiRowSelection","enablePagination","enableRowSelection","enableSorting","muiSelectAllCheckboxProps","sx","muiSelectCheckboxProps","onColumnFiltersChange","rowVirtualizerProps","overscan","MemoizedPaginatedTable","displayName"],"sources":["../../src/labs/PaginatedTable.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 { AlertProps, TablePaginationProps } from \"@mui/material\";\nimport { Typography } from \"../Typography\";\nimport MaterialReactTable, {\n  MRT_PaginationState,\n  type MRT_ColumnFiltersState,\n  type MRT_RowSelectionState,\n  type MRT_TableInstance,\n  type MRT_Virtualizer,\n} from \"material-react-table\";\nimport {\n  FunctionComponent,\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport type {\n  DefaultMaterialReactTableData,\n  MaterialReactTableProps,\n} from \"./materialReactTableTypes\";\n\nexport type PaginatedTableProps<TData extends DefaultMaterialReactTableData> = {\n  columns: MaterialReactTableProps<TData>[\"columns\"];\n  data: MaterialReactTableProps<TData>[\"data\"];\n  fetchMoreData?: () => void;\n  getRowId?: MaterialReactTableProps<TData>[\"getRowId\"];\n  hasError?: boolean;\n  hasRowSelection?: boolean;\n  initialState?: MaterialReactTableProps<TData>[\"initialState\"];\n  isFetching?: boolean;\n  onGlobalFilterChange?: MaterialReactTableProps<TData>[\"onGlobalFilterChange\"];\n  onPaginationChange?: MaterialReactTableProps<TData>[\"onPaginationChange\"];\n  onRowSelectionChange?: MaterialReactTableProps<TData>[\"onRowSelectionChange\"];\n  rowsPerPage?: number;\n  state?: MaterialReactTableProps<TData>[\"state\"];\n  ToolbarButtons?: FunctionComponent<\n    { table: MRT_TableInstance<TData> } & unknown\n  >;\n};\n\nconst PaginatedTable = <TData extends DefaultMaterialReactTableData>({\n  columns,\n  data,\n  fetchMoreData,\n  getRowId,\n  hasError,\n  hasRowSelection,\n  initialState,\n  isFetching,\n  onGlobalFilterChange,\n  onPaginationChange,\n  onRowSelectionChange: onRowSelectionChangeProp,\n  rowsPerPage = 10,\n  state,\n  ToolbarButtons,\n}: PaginatedTableProps<TData>) => {\n  const { t } = useTranslation();\n\n  const rowVirtualizerInstanceRef =\n    useRef<MRT_Virtualizer<HTMLDivElement, HTMLTableRowElement>>(null);\n\n  const [columnFilters, setColumnFilters] = useState<MRT_ColumnFiltersState>(\n    []\n  );\n\n  const [globalFilter, setGlobalFilter] = useState<string>();\n\n  useEffect(() => {\n    if (globalFilter !== undefined) {\n      onGlobalFilterChange?.(globalFilter);\n    }\n  }, [globalFilter, onGlobalFilterChange]);\n\n  useEffect(() => {\n    try {\n      // Scroll to top of table when sorting or filters change.\n      rowVirtualizerInstanceRef.current?.scrollToIndex?.(0);\n    } catch (error) {\n      console.error(error);\n    }\n  }, [columnFilters, globalFilter]);\n\n  const totalFetchedRows = data.length ?? 0;\n\n  const renderBottomToolbarCustomActions = useCallback(\n    () =>\n      fetchMoreData ? (\n        <Typography>\n          <Trans\n            count={totalFetchedRows}\n            i18nKey=\"table.fetchedrows.text\"\n            values={{\n              totalRows: totalFetchedRows,\n            }}\n          />\n        </Typography>\n      ) : (\n        <Typography>\n          <Trans\n            count={totalFetchedRows}\n            i18nKey=\"table.rows.text\"\n            values={{\n              totalRows: totalFetchedRows,\n            }}\n          />\n        </Typography>\n      ),\n    [fetchMoreData, totalFetchedRows]\n  );\n\n  const renderTopToolbarCustomActions = useCallback<\n    Exclude<\n      MaterialReactTableProps<TData>[\"renderTopToolbarCustomActions\"],\n      undefined\n    >\n  >(\n    ({ table }) => <>{ToolbarButtons && <ToolbarButtons table={table} />}</>,\n    [ToolbarButtons]\n  );\n\n  const [rowSelection, setRowSelection] = useState<MRT_RowSelectionState>({});\n\n  useEffect(() => {\n    onRowSelectionChangeProp?.(rowSelection);\n  }, [onRowSelectionChangeProp, rowSelection]);\n\n  const [pagination, setPagination] = useState<MRT_PaginationState>(\n    initialState?.pagination || {\n      pageIndex: 0,\n      pageSize: rowsPerPage,\n    }\n  );\n\n  const dataLengthRef = useRef(data.length);\n\n  const updatePagination = useCallback(\n    (paginationFunction) => {\n      if (data.length === dataLengthRef.current) {\n        setPagination((previousPagination) => {\n          const nextPagination = paginationFunction(previousPagination);\n          return nextPagination;\n        });\n      } else {\n        dataLengthRef.current = data.length;\n      }\n    },\n    [data.length]\n  );\n\n  useEffect(() => {\n    const numberOfPages = Math.floor(data.length / pagination.pageSize);\n\n    if (!isFetching && pagination.pageIndex > numberOfPages - 1) {\n      fetchMoreData?.();\n    }\n  }, [\n    data.length,\n    fetchMoreData,\n    isFetching,\n    pagination.pageIndex,\n    pagination.pageSize,\n  ]);\n\n  useEffect(() => {\n    onPaginationChange?.({\n      pageIndex: pagination.pageIndex,\n      pageSize: pagination.pageSize,\n    });\n  }, [onPaginationChange, pagination.pageIndex, pagination.pageSize]);\n\n  const modifiedInitialState = useMemo(\n    () => ({\n      pagination,\n      ...initialState,\n    }),\n    [initialState, pagination]\n  );\n\n  const modifiedState = useMemo(\n    () => ({\n      pagination: {\n        pageIndex: pagination.pageIndex,\n        pageSize: pagination.pageSize,\n      },\n      rowSelection,\n      globalFilter,\n      columnFilters,\n      ...state,\n    }),\n    [\n      pagination.pageIndex,\n      pagination.pageSize,\n      rowSelection,\n      globalFilter,\n      columnFilters,\n      state,\n    ]\n  );\n\n  const muiToolbarAlertBannerProps: AlertProps = useMemo(\n    () =>\n      hasError\n        ? {\n            children: t(\"table.error\"),\n            severity: \"error\",\n          }\n        : {},\n    [hasError, t]\n  );\n\n  const muiTablePaginationProps: Partial<\n    Omit<TablePaginationProps, \"rowsPerPage\">\n  > = useMemo(\n    () => ({\n      rowsPerPageOptions: [],\n      showFirstButton: false,\n      showLastButton: false,\n    }),\n    []\n  );\n\n  const muiCheckboxStyles = useCallback(\n    (theme) =>\n      typeof theme.components?.MuiCheckbox?.styleOverrides?.root === \"function\"\n        ? theme.components?.MuiCheckbox?.styleOverrides?.root?.({\n            ownerState: {},\n            theme,\n          })\n        : \"\",\n    []\n  );\n\n  return (\n    <MaterialReactTable\n      columns={columns}\n      data={data}\n      enableMultiRowSelection={hasRowSelection}\n      enablePagination\n      enableRowSelection={hasRowSelection}\n      enableSorting={false}\n      getRowId={getRowId}\n      initialState={modifiedInitialState}\n      muiSelectAllCheckboxProps={{ sx: muiCheckboxStyles }}\n      muiSelectCheckboxProps={{ sx: muiCheckboxStyles }}\n      muiTablePaginationProps={muiTablePaginationProps}\n      muiToolbarAlertBannerProps={muiToolbarAlertBannerProps}\n      onColumnFiltersChange={setColumnFilters}\n      onGlobalFilterChange={setGlobalFilter}\n      onPaginationChange={updatePagination}\n      onRowSelectionChange={setRowSelection}\n      renderBottomToolbarCustomActions={renderBottomToolbarCustomActions}\n      renderTopToolbarCustomActions={renderTopToolbarCustomActions}\n      rowVirtualizerInstanceRef={rowVirtualizerInstanceRef}\n      rowVirtualizerProps={{ overscan: 4 }}\n      state={modifiedState}\n    />\n  );\n};\n\nconst MemoizedPaginatedTable = memo(PaginatedTable) as typeof PaginatedTable;\n\n// @ts-expect-error | This is going to error because the component isn't and can't be defined as a `FunctionComponent`, and therefore, doesn't have a `displayName` prop.\nMemoizedPaginatedTable.displayName = \"PaginatedTable\";\n\nexport { MemoizedPaginatedTable as PaginatedTable };\n"],"mappings":"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"}

package/dist/labs/StaticTable.js

@@ -11,7 +11,7 @@
  */
 
 import MaterialReactTable from "material-react-table";
-import { memo, useCallback, useEffect, useRef, useState } from "react";
+import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
@@ -33,10 +33,15 @@ const StaticTable = _ref => {
   const [columnFilters, setColumnFilters] = useState([]);
   const [globalFilter, setGlobalFilter] = useState();
   useEffect(() => {
-    if (globalFilter) {
+    if (globalFilter !== undefined) {
       onGlobalFilterChange?.(globalFilter);
     }
   }, [globalFilter, onGlobalFilterChange]);
+  const modifiedState = useMemo(() => ({
+    globalFilter,
+    columnFilters,
+    ...state
+  }), [globalFilter, columnFilters, state]);
   const renderTopToolbarCustomActions = useCallback(_ref2 => {
     let {
       table
@@ -59,7 +64,7 @@ const StaticTable = _ref => {
     data: data,
     enableBottomToolbar: false,
     enablePagination: false,
-    enableRowVirtualization: data.length > 50,
+    enableRowVirtualization: true,
     enableSorting: false,
     getRowId: getRowId,
     initialState: initialState,
@@ -74,7 +79,7 @@ const StaticTable = _ref => {
     rowVirtualizerProps: {
       overscan: 4
     },
-    state: state
+    state: modifiedState
   });
 };
 const MemoizedStaticTable = memo(StaticTable);

package/dist/labs/StaticTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"StaticTable.js","names":["MaterialReactTable","memo","useCallback","useEffect","useRef","useState","useTranslation","jsx","_jsx","Fragment","_Fragment","StaticTable","_ref","columns","data","getRowId","hasError","initialState","onGlobalFilterChange","state","ToolbarButtons","t","rowVirtualizerInstanceRef","columnFilters","setColumnFilters","globalFilter","setGlobalFilter","renderTopToolbarCustomActions","_ref2","table","children","current","scrollToIndex","error","console","enableBottomToolbar","enablePagination","enableRowVirtualization","length","enableSorting","muiToolbarAlertBannerProps","color","undefined","onColumnFiltersChange","rowVirtualizerProps","overscan","MemoizedStaticTable"],"sources":["../../src/labs/StaticTable.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 MaterialReactTable, {\n  type MRT_ColumnFiltersState,\n  type MRT_TableInstance,\n  type MRT_Virtualizer,\n} from \"material-react-table\";\nimport {\n  FunctionComponent,\n  memo,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport type {\n  DefaultMaterialReactTableData,\n  MaterialReactTableProps,\n} from \"./materialReactTableTypes\";\n\nexport type StaticTableProps<TData extends DefaultMaterialReactTableData> = {\n  columns: MaterialReactTableProps<TData>[\"columns\"];\n  data: MaterialReactTableProps<TData>[\"data\"];\n  getRowId?: MaterialReactTableProps<TData>[\"getRowId\"];\n  hasError?: boolean;\n  initialState?: MaterialReactTableProps<TData>[\"initialState\"];\n  onGlobalFilterChange?: MaterialReactTableProps<TData>[\"onGlobalFilterChange\"];\n  state?: MaterialReactTableProps<TData>[\"state\"];\n  ToolbarButtons?: FunctionComponent<\n    { table: MRT_TableInstance<TData> } & unknown\n  >;\n};\n\nconst StaticTable = <TData extends DefaultMaterialReactTableData>({\n  columns,\n  data,\n  getRowId,\n  hasError,\n  initialState,\n  onGlobalFilterChange,\n  state,\n  ToolbarButtons,\n}: StaticTableProps<TData>) => {\n  const { t } = useTranslation();\n\n  const rowVirtualizerInstanceRef =\n    useRef<MRT_Virtualizer<HTMLDivElement, HTMLTableRowElement>>(null);\n\n  const [columnFilters, setColumnFilters] = useState<MRT_ColumnFiltersState>(\n    []\n  );\n\n  const [globalFilter, setGlobalFilter] = useState<string>();\n\n  useEffect(() => {\n    if (globalFilter) {\n      onGlobalFilterChange?.(globalFilter);\n    }\n  }, [globalFilter, onGlobalFilterChange]);\n\n  const renderTopToolbarCustomActions = useCallback<\n    Exclude<\n      MaterialReactTableProps<TData>[\"renderTopToolbarCustomActions\"],\n      undefined\n    >\n  >(\n    ({ table }) => <>{ToolbarButtons && <ToolbarButtons table={table} />}</>,\n    [ToolbarButtons]\n  );\n\n  useEffect(() => {\n    try {\n      // Scroll to top of table when sorting or filters change.\n      rowVirtualizerInstanceRef.current?.scrollToIndex?.(0);\n    } catch (error) {\n      console.error(error);\n    }\n  }, [columnFilters, globalFilter]);\n\n  return (\n    <MaterialReactTable\n      columns={columns}\n      data={data}\n      enableBottomToolbar={false}\n      enablePagination={false}\n      enableRowVirtualization={data.length > 50}\n      enableSorting={false}\n      getRowId={getRowId}\n      initialState={initialState}\n      muiToolbarAlertBannerProps={\n        hasError\n          ? {\n              children: t(\"table.error\"),\n              color: \"error\",\n            }\n          : undefined\n      }\n      onColumnFiltersChange={setColumnFilters}\n      onGlobalFilterChange={setGlobalFilter}\n      renderTopToolbarCustomActions={renderTopToolbarCustomActions}\n      rowVirtualizerInstanceRef={rowVirtualizerInstanceRef}\n      rowVirtualizerProps={{ overscan: 4 }}\n      state={state}\n    />\n  );\n};\n\nconst MemoizedStaticTable = memo(StaticTable) as typeof StaticTable;\n\nexport { MemoizedStaticTable as StaticTable };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,kBAAkB,MAIlB,sBAAsB;AAC7B,SAEEC,IAAI,EACJC,WAAW,EACXC,SAAS,EACTC,MAAM,EACNC,QAAQ,QACH,OAAO;AACd,SAASC,cAAc,QAAQ,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAoB/C,MAAMC,WAAW,GAAGC,IAAA,IASW;EAAA,IATmC;IAChEC,OAAO;IACPC,IAAI;IACJC,QAAQ;IACRC,QAAQ;IACRC,YAAY;IACZC,oBAAoB;IACpBC,KAAK;IACLC;EACuB,CAAC,GAAAR,IAAA;EACxB,MAAM;IAAES;EAAE,CAAC,GAAGf,cAAc,CAAC,CAAC;EAE9B,MAAMgB,yBAAyB,GAC7BlB,MAAM,CAAuD,IAAI,CAAC;EAEpE,MAAM,CAACmB,aAAa,EAAEC,gBAAgB,CAAC,GAAGnB,QAAQ,CAChD,EACF,CAAC;EAED,MAAM,CAACoB,YAAY,EAAEC,eAAe,CAAC,GAAGrB,QAAQ,CAAS,CAAC;EAE1DF,SAAS,CAAC,MAAM;IACd,IAAIsB,YAAY,EAAE;MAChBP,oBAAoB,GAAGO,YAAY,CAAC;IACtC;EACF,CAAC,EAAE,CAACA,YAAY,EAAEP,oBAAoB,CAAC,CAAC;EAExC,MAAMS,6BAA6B,GAAGzB,WAAW,CAM/C0B,KAAA;IAAA,IAAC;MAAEC;IAAM,CAAC,GAAAD,KAAA;IAAA,OAAKpB,IAAA,CAAAE,SAAA;MAAAoB,QAAA,EAAGV,cAAc,IAAIZ,IAAA,CAACY,cAAc;QAACS,KAAK,EAAEA;MAAM,CAAE;IAAC,CAAG,CAAC;EAAA,GACxE,CAACT,cAAc,CACjB,CAAC;EAEDjB,SAAS,CAAC,MAAM;IACd,IAAI;MAEFmB,yBAAyB,CAACS,OAAO,EAAEC,aAAa,GAAG,CAAC,CAAC;IACvD,CAAC,CAAC,OAAOC,KAAK,EAAE;MACdC,OAAO,CAACD,KAAK,CAACA,KAAK,CAAC;IACtB;EACF,CAAC,EAAE,CAACV,aAAa,EAAEE,YAAY,CAAC,CAAC;EAEjC,OACEjB,IAAA,CAACR,kBAAkB;IACjBa,OAAO,EAAEA,OAAQ;IACjBC,IAAI,EAAEA,IAAK;IACXqB,mBAAmB,EAAE,KAAM;IAC3BC,gBAAgB,EAAE,KAAM;IACxBC,uBAAuB,EAAEvB,IAAI,CAACwB,MAAM,GAAG,EAAG;IAC1CC,aAAa,EAAE,KAAM;IACrBxB,QAAQ,EAAEA,QAAS;IACnBE,YAAY,EAAEA,YAAa;IAC3BuB,0BAA0B,EACxBxB,QAAQ,GACJ;MACEc,QAAQ,EAAET,CAAC,CAAC,aAAa,CAAC;MAC1BoB,KAAK,EAAE;IACT,CAAC,GACDC,SACL;IACDC,qBAAqB,EAAEnB,gBAAiB;IACxCN,oBAAoB,EAAEQ,eAAgB;IACtCC,6BAA6B,EAAEA,6BAA8B;IAC7DL,yBAAyB,EAAEA,yBAA0B;IACrDsB,mBAAmB,EAAE;MAAEC,QAAQ,EAAE;IAAE,CAAE;IACrC1B,KAAK,EAAEA;EAAM,CACd,CAAC;AAEN,CAAC;AAED,MAAM2B,mBAAmB,GAAG7C,IAAI,CAACU,WAAW,CAAuB;AAEnE,SAASmC,mBAAmB,IAAInC,WAAW"}
+{"version":3,"file":"StaticTable.js","names":["MaterialReactTable","memo","useCallback","useEffect","useMemo","useRef","useState","useTranslation","jsx","_jsx","Fragment","_Fragment","StaticTable","_ref","columns","data","getRowId","hasError","initialState","onGlobalFilterChange","state","ToolbarButtons","t","rowVirtualizerInstanceRef","columnFilters","setColumnFilters","globalFilter","setGlobalFilter","undefined","modifiedState","renderTopToolbarCustomActions","_ref2","table","children","current","scrollToIndex","error","console","enableBottomToolbar","enablePagination","enableRowVirtualization","enableSorting","muiToolbarAlertBannerProps","color","onColumnFiltersChange","rowVirtualizerProps","overscan","MemoizedStaticTable"],"sources":["../../src/labs/StaticTable.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 MaterialReactTable, {\n  type MRT_ColumnFiltersState,\n  type MRT_TableInstance,\n  type MRT_Virtualizer,\n} from \"material-react-table\";\nimport {\n  FunctionComponent,\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport type {\n  DefaultMaterialReactTableData,\n  MaterialReactTableProps,\n} from \"./materialReactTableTypes\";\n\nexport type StaticTableProps<TData extends DefaultMaterialReactTableData> = {\n  columns: MaterialReactTableProps<TData>[\"columns\"];\n  data: MaterialReactTableProps<TData>[\"data\"];\n  getRowId?: MaterialReactTableProps<TData>[\"getRowId\"];\n  hasError?: boolean;\n  initialState?: MaterialReactTableProps<TData>[\"initialState\"];\n  onGlobalFilterChange?: MaterialReactTableProps<TData>[\"onGlobalFilterChange\"];\n  state?: MaterialReactTableProps<TData>[\"state\"];\n  ToolbarButtons?: FunctionComponent<\n    { table: MRT_TableInstance<TData> } & unknown\n  >;\n};\n\nconst StaticTable = <TData extends DefaultMaterialReactTableData>({\n  columns,\n  data,\n  getRowId,\n  hasError,\n  initialState,\n  onGlobalFilterChange,\n  state,\n  ToolbarButtons,\n}: StaticTableProps<TData>) => {\n  const { t } = useTranslation();\n\n  const rowVirtualizerInstanceRef =\n    useRef<MRT_Virtualizer<HTMLDivElement, HTMLTableRowElement>>(null);\n\n  const [columnFilters, setColumnFilters] = useState<MRT_ColumnFiltersState>(\n    []\n  );\n\n  const [globalFilter, setGlobalFilter] = useState<string>();\n\n  useEffect(() => {\n    if (globalFilter !== undefined) {\n      onGlobalFilterChange?.(globalFilter);\n    }\n  }, [globalFilter, onGlobalFilterChange]);\n\n  const modifiedState = useMemo(\n    () => ({\n      globalFilter,\n      columnFilters,\n      ...state,\n    }),\n    [globalFilter, columnFilters, state]\n  );\n\n  const renderTopToolbarCustomActions = useCallback<\n    Exclude<\n      MaterialReactTableProps<TData>[\"renderTopToolbarCustomActions\"],\n      undefined\n    >\n  >(\n    ({ table }) => <>{ToolbarButtons && <ToolbarButtons table={table} />}</>,\n    [ToolbarButtons]\n  );\n\n  useEffect(() => {\n    try {\n      // Scroll to top of table when sorting or filters change.\n      rowVirtualizerInstanceRef.current?.scrollToIndex?.(0);\n    } catch (error) {\n      console.error(error);\n    }\n  }, [columnFilters, globalFilter]);\n\n  return (\n    <MaterialReactTable\n      columns={columns}\n      data={data}\n      enableBottomToolbar={false}\n      enablePagination={false}\n      enableRowVirtualization\n      enableSorting={false}\n      getRowId={getRowId}\n      initialState={initialState}\n      muiToolbarAlertBannerProps={\n        hasError\n          ? {\n              children: t(\"table.error\"),\n              color: \"error\",\n            }\n          : undefined\n      }\n      onColumnFiltersChange={setColumnFilters}\n      onGlobalFilterChange={setGlobalFilter}\n      renderTopToolbarCustomActions={renderTopToolbarCustomActions}\n      rowVirtualizerInstanceRef={rowVirtualizerInstanceRef}\n      rowVirtualizerProps={{ overscan: 4 }}\n      state={modifiedState}\n    />\n  );\n};\n\nconst MemoizedStaticTable = memo(StaticTable) as typeof StaticTable;\n\nexport { MemoizedStaticTable as StaticTable };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,kBAAkB,MAIlB,sBAAsB;AAC7B,SAEEC,IAAI,EACJC,WAAW,EACXC,SAAS,EACTC,OAAO,EACPC,MAAM,EACNC,QAAQ,QACH,OAAO;AACd,SAASC,cAAc,QAAQ,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAoB/C,MAAMC,WAAW,GAAGC,IAAA,IASW;EAAA,IATmC;IAChEC,OAAO;IACPC,IAAI;IACJC,QAAQ;IACRC,QAAQ;IACRC,YAAY;IACZC,oBAAoB;IACpBC,KAAK;IACLC;EACuB,CAAC,GAAAR,IAAA;EACxB,MAAM;IAAES;EAAE,CAAC,GAAGf,cAAc,CAAC,CAAC;EAE9B,MAAMgB,yBAAyB,GAC7BlB,MAAM,CAAuD,IAAI,CAAC;EAEpE,MAAM,CAACmB,aAAa,EAAEC,gBAAgB,CAAC,GAAGnB,QAAQ,CAChD,EACF,CAAC;EAED,MAAM,CAACoB,YAAY,EAAEC,eAAe,CAAC,GAAGrB,QAAQ,CAAS,CAAC;EAE1DH,SAAS,CAAC,MAAM;IACd,IAAIuB,YAAY,KAAKE,SAAS,EAAE;MAC9BT,oBAAoB,GAAGO,YAAY,CAAC;IACtC;EACF,CAAC,EAAE,CAACA,YAAY,EAAEP,oBAAoB,CAAC,CAAC;EAExC,MAAMU,aAAa,GAAGzB,OAAO,CAC3B,OAAO;IACLsB,YAAY;IACZF,aAAa;IACb,GAAGJ;EACL,CAAC,CAAC,EACF,CAACM,YAAY,EAAEF,aAAa,EAAEJ,KAAK,CACrC,CAAC;EAED,MAAMU,6BAA6B,GAAG5B,WAAW,CAM/C6B,KAAA;IAAA,IAAC;MAAEC;IAAM,CAAC,GAAAD,KAAA;IAAA,OAAKtB,IAAA,CAAAE,SAAA;MAAAsB,QAAA,EAAGZ,cAAc,IAAIZ,IAAA,CAACY,cAAc;QAACW,KAAK,EAAEA;MAAM,CAAE;IAAC,CAAG,CAAC;EAAA,GACxE,CAACX,cAAc,CACjB,CAAC;EAEDlB,SAAS,CAAC,MAAM;IACd,IAAI;MAEFoB,yBAAyB,CAACW,OAAO,EAAEC,aAAa,GAAG,CAAC,CAAC;IACvD,CAAC,CAAC,OAAOC,KAAK,EAAE;MACdC,OAAO,CAACD,KAAK,CAACA,KAAK,CAAC;IACtB;EACF,CAAC,EAAE,CAACZ,aAAa,EAAEE,YAAY,CAAC,CAAC;EAEjC,OACEjB,IAAA,CAACT,kBAAkB;IACjBc,OAAO,EAAEA,OAAQ;IACjBC,IAAI,EAAEA,IAAK;IACXuB,mBAAmB,EAAE,KAAM;IAC3BC,gBAAgB,EAAE,KAAM;IACxBC,uBAAuB;IACvBC,aAAa,EAAE,KAAM;IACrBzB,QAAQ,EAAEA,QAAS;IACnBE,YAAY,EAAEA,YAAa;IAC3BwB,0BAA0B,EACxBzB,QAAQ,GACJ;MACEgB,QAAQ,EAAEX,CAAC,CAAC,aAAa,CAAC;MAC1BqB,KAAK,EAAE;IACT,CAAC,GACDf,SACL;IACDgB,qBAAqB,EAAEnB,gBAAiB;IACxCN,oBAAoB,EAAEQ,eAAgB;IACtCG,6BAA6B,EAAEA,6BAA8B;IAC7DP,yBAAyB,EAAEA,yBAA0B;IACrDsB,mBAAmB,EAAE;MAAEC,QAAQ,EAAE;IAAE,CAAE;IACrC1B,KAAK,EAAES;EAAc,CACtB,CAAC;AAEN,CAAC;AAED,MAAMkB,mBAAmB,GAAG9C,IAAI,CAACW,WAAW,CAAuB;AAEnE,SAASmC,mBAAmB,IAAInC,WAAW"}

package/dist/labs/datePickerTheme.js

@@ -11,9 +11,11 @@
  */
 import { ArrowLeftIcon, ArrowRightIcon, CalendarIcon, ChevronDownIcon } from "../icons.generated/index.js";
 import { createOdysseyMuiTheme } from "../theme/index.js";
-import * as Tokens from "@okta/odyssey-design-tokens";
+import * as odysseyTokens from "@okta/odyssey-design-tokens";
 const popupSpacingValue = 5;
-const odysseyTheme = createOdysseyMuiTheme(Tokens);
+const odysseyTheme = createOdysseyMuiTheme({
+  odysseyTokens
+});
 const dateStyles = {
   default: _ref => {
     let {

package/dist/labs/datePickerTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"datePickerTheme.js","names":["ArrowLeftIcon","ArrowRightIcon","CalendarIcon","ChevronDownIcon","createOdysseyMuiTheme","Tokens","popupSpacingValue","odysseyTheme","dateStyles","default","_ref","theme","color","palette","text","primary","disabled","_ref2","backgroundColor","hover","_ref3","grey","hoverSelected","_ref4","dark","contrastText","outsideOfMonth","_ref5","secondary","selected","_ref6","main","today","_ref7","todayDotStyles","_ref8","borderRadius","bottom","spacing","content","height","typography","fontSize","position","transform","width","_ref9","_ref10","yearStyles","_ref11","_ref12","_ref13","_ref14","lighter","_ref15","_ref16","fontWeight","fontWeightBold","yearCheckStyles","_ref17","h6","maskImage","maskPosition","maskRepeat","right","datePickerTheme","components","MuiCalendarPicker","styleOverrides","root","_ref18","borderColor","divider","borderStyle","mixins","borderWidth","paddingBottom","paddingTop","MuiCalendarOrClockPicker","defaultProps","LeftArrowIcon","RightArrowIcon","SwitchViewIcon","MuiDesktopDatePicker","OpenPickerIcon","MuiDayPicker","header","_ref19","gap","justifyContent","paddingLeft","paddingRight","slideTransition","minHeight","weekContainer","_ref20","marginBottom","marginLeft","marginRight","weekDayLabel","_ref21","flexBasis","flexShrink","subtitle1","MuiDatePicker","PopperProps","popperOptions","placement","showDaysOutsideCurrentMonth","views","MuiPickersCalendarHeader","label","_ref22","_ref23","marginTop","MuiPickersDay","dayWithMargin","_ref24","border","body1","MuiPickersPopper","paper","_ref25","boxShadow","MuiYearPicker","_ref26","alignItems","flexDirection","flexWrap","marginInlineEnd","maxHeight","PrivatePickersYear","button","_ref27","display","_ref28"],"sources":["../../src/labs/datePickerTheme.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 { CSSInterpolation } from \"@mui/material/styles\";\nimport {\n  ArrowLeftIcon,\n  ArrowRightIcon,\n  CalendarIcon,\n  ChevronDownIcon,\n} from \"../icons.generated\";\nimport { createOdysseyMuiTheme } from \"../theme\";\nimport { ThemeOptions } from \"@mui/material\";\nimport * as Tokens from \"@okta/odyssey-design-tokens\";\n\nconst popupSpacingValue = 5;\n\nconst odysseyTheme = createOdysseyMuiTheme(Tokens);\n\ntype ThemeStyles = ({\n  theme,\n}: {\n  theme: typeof odysseyTheme;\n}) => CSSInterpolation;\n\ntype StateStyles = Record<string, ThemeStyles>;\n\nconst dateStyles: StateStyles = {\n  default: ({ theme }) => ({\n    color: theme.palette.text.primary,\n  }),\n  disabled: ({ theme }) => ({\n    backgroundColor: \"transparent\",\n    color: theme.palette.text.disabled,\n  }),\n  hover: ({ theme }) => ({\n    backgroundColor: theme.palette.grey[100],\n  }),\n  hoverSelected: ({ theme }) => ({\n    backgroundColor: theme.palette.primary.dark,\n    color: theme.palette.primary.contrastText,\n  }),\n  outsideOfMonth: ({ theme }) => ({\n    backgroundColor: \"transparent\",\n    color: theme.palette.text.secondary,\n  }),\n  selected: ({ theme }) => ({\n    backgroundColor: theme.palette.primary.main,\n    color: theme.palette.primary.contrastText,\n  }),\n  today: ({ theme }) => ({\n    backgroundColor: \"transparent\",\n    color: theme.palette.primary.main,\n  }),\n};\n\nconst todayDotStyles: StateStyles = {\n  default: ({ theme }) => ({\n    backgroundColor: theme.palette.primary.main,\n    borderRadius: \"50%\",\n    bottom: theme.spacing(1),\n    content: '\" \"',\n    height: `${2 / theme.typography.fontSize}em`,\n    position: \"absolute\",\n    transform: \"translateY(-50%)\",\n    width: `${2 / theme.typography.fontSize}em`,\n  }),\n  hover: ({ theme }) => ({\n    backgroundColor: theme.palette.primary.main,\n  }),\n  selected: ({ theme }) => ({\n    backgroundColor: theme.palette.primary.contrastText,\n  }),\n};\n\nconst yearStyles: StateStyles = {\n  default: ({ theme }) => ({\n    backgroundColor: \"transparent\",\n    color: theme.palette.text.primary,\n  }),\n  disabled: ({ theme }) => ({\n    backgroundColor: \"transparent\",\n    color: theme.palette.text.disabled,\n  }),\n  hover: ({ theme }) => ({\n    backgroundColor: theme.palette.grey[100],\n  }),\n  hoverSelected: ({ theme }) => ({\n    backgroundColor: theme.palette.primary.lighter,\n    color: theme.palette.primary.main,\n  }),\n  outsideOfMonth: ({ theme }) => ({\n    backgroundColor: \"transparent\",\n    color: theme.palette.text.secondary,\n  }),\n  selected: ({ theme }) => ({\n    backgroundColor: \"transparent\",\n    color: theme.palette.primary.main,\n    fontWeight: theme.typography.fontWeightBold,\n  }),\n};\n\nconst yearCheckStyles: StateStyles = {\n  default: ({ theme }) => ({\n    backgroundColor: theme.palette.primary.main,\n    content: '\"\"',\n    height: theme.typography.h6.fontSize,\n    maskImage:\n      \"url(\\\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M14.3536 4.35355L6.35355 12.3536C6.15829 12.5488 5.84171 12.5488 5.64645 12.3536L1.64645 8.35355L2.35355 7.64645L6 11.2929L13.6464 3.64645L14.3536 4.35355Z' fill='currentColor' /%3E%3C/svg%3E%0A\\\")\",\n    maskPosition: \"50% 50%\",\n    maskRepeat: \"no-repeat\",\n    position: \"absolute\",\n    right: theme.spacing(4),\n    width: theme.typography.h6.fontSize,\n  }),\n};\n\nexport const datePickerTheme: ThemeOptions = {\n  components: {\n    MuiCalendarPicker: {\n      styleOverrides: {\n        root: ({ theme }) => ({\n          borderColor: theme.palette.divider,\n          borderStyle: theme.mixins.borderStyle,\n          borderWidth: theme.mixins.borderWidth,\n          borderRadius: theme.mixins.borderRadius,\n          paddingBottom: theme.spacing(popupSpacingValue),\n          paddingTop: theme.spacing(4),\n          width: \"100%\",\n        }),\n      },\n    },\n    MuiCalendarOrClockPicker: {\n      styleOverrides: {\n        root: () => ({\n          \"& > div\": {\n            width: `${(296 / 16) * (16 / 14)}rem`,\n          },\n        }),\n      },\n      defaultProps: {\n        components: {\n          LeftArrowIcon: ArrowLeftIcon,\n          RightArrowIcon: ArrowRightIcon,\n          SwitchViewIcon: ChevronDownIcon,\n        },\n      },\n    },\n    MuiDesktopDatePicker: {\n      defaultProps: {\n        components: {\n          OpenPickerIcon: CalendarIcon,\n        },\n      },\n    },\n    MuiDayPicker: {\n      styleOverrides: {\n        header: ({ theme }) => ({\n          gap: theme.spacing(1),\n          justifyContent: \"space-between\",\n          paddingLeft: theme.spacing(popupSpacingValue),\n          paddingRight: theme.spacing(popupSpacingValue),\n        }),\n        slideTransition: () => ({\n          minHeight: `${(214 / 16) * (16 / 14)}rem`,\n        }),\n        weekContainer: ({ theme }) => ({\n          gap: theme.spacing(1),\n          justifyContent: \"space-between\",\n          marginBottom: theme.spacing(1),\n          marginLeft: 0,\n          marginRight: 0,\n          paddingLeft: theme.spacing(popupSpacingValue),\n          paddingRight: theme.spacing(popupSpacingValue),\n\n          \"&:last-child\": {\n            marginBottom: 0,\n          },\n        }),\n        weekDayLabel: ({ theme }) => ({\n          color: theme.palette.grey[900],\n          flexBasis: theme.spacing(6),\n          flexShrink: 0,\n          fontSize: theme.typography.subtitle1.fontSize,\n          fontWeight: theme.typography.fontWeightBold,\n          height: theme.spacing(6),\n          marginBottom: theme.spacing(2),\n          marginLeft: 0,\n          marginRight: 0,\n          width: theme.spacing(6),\n        }),\n      },\n    },\n    MuiDatePicker: {\n      defaultProps: {\n        PopperProps: {\n          popperOptions: {\n            placement: \"auto-start\",\n          },\n        },\n        showDaysOutsideCurrentMonth: true,\n        views: [\"year\", \"day\"],\n      },\n    },\n    MuiPickersCalendarHeader: {\n      styleOverrides: {\n        label: ({ theme }) => ({\n          fontSize: theme.typography.h6.fontSize,\n          fontWeight: theme.typography.fontWeightBold,\n        }),\n        root: ({ theme }) => ({\n          marginBottom: theme.spacing(1),\n          marginTop: 0,\n          paddingLeft: `calc(${theme.spacing(\n            popupSpacingValue\n          )} + ${theme.spacing(2)})`,\n          paddingRight: theme.spacing(popupSpacingValue),\n          width: \"auto\",\n        }),\n      },\n    },\n    MuiPickersDay: {\n      styleOverrides: {\n        dayWithMargin: () => ({\n          marginLeft: 0,\n          marginRight: 0,\n        }),\n        root: ({ theme }) => [\n          dateStyles.default({ theme }),\n          {\n            border: \"none\",\n            borderRadius: theme.mixins.borderRadius,\n            flexBasis: theme.spacing(6),\n            flexShrink: 0,\n            fontSize: theme.typography.body1.fontSize,\n            height: theme.spacing(6),\n            width: theme.spacing(6),\n\n            \"&.MuiPickersDay-today\": [\n              dateStyles.today({ theme }),\n              {\n                fontWeight: theme.typography.fontWeightBold,\n              },\n            ],\n\n            \"&.MuiPickersDay-today::after\": todayDotStyles.default({ theme }),\n            \"&.MuiPickersDay-today.Mui-selected::after\":\n              todayDotStyles.selected({ theme }),\n            \"&.MuiPickersDay-dayOutsideMonth\": dateStyles.outsideOfMonth({\n              theme,\n            }),\n            \"&:hover\": dateStyles.hover({ theme }),\n\n            \"&:not(.Mui-selected)\": {\n              border: \"none\",\n            },\n\n            \"&.Mui-selected, &.Mui-selected:focus\": dateStyles.selected({\n              theme,\n            }),\n            \"&.Mui-selected:hover\": dateStyles.hoverSelected({ theme }),\n            \"&.Mui-disabled\": dateStyles.disabled({ theme }),\n          },\n        ],\n      },\n    },\n    MuiPickersPopper: {\n      styleOverrides: {\n        paper: ({ theme }) => ({\n          boxShadow: `0 ${(1 / 16) * (16 / 14)}rem ${\n            (4 / 16) * (16 / 14)\n          }rem rgba(29, 29, 33, 0.08), 0 ${(4 / 16) * (16 / 14)}rem ${\n            (10 / 16) * (16 / 14)\n          }rem rgba(29, 29, 33, 0.08), 0 ${(8 / 16) * (16 / 14)}rem ${\n            (30 / 16) * (16 / 14)\n          }rem rgba(29, 29, 33, 0.1)`,\n          marginTop: theme.spacing(1),\n        }),\n      },\n    },\n    MuiYearPicker: {\n      styleOverrides: {\n        root: ({ theme }) => ({\n          alignItems: \"flex-start\",\n          flexDirection: \"column\",\n          flexWrap: \"nowrap\",\n          marginBottom: `-${theme.spacing(popupSpacingValue)}`,\n          marginInlineEnd: 0,\n          maxHeight: `${(284 / 16) * (16 / 14)}rem`,\n          paddingLeft: 0,\n          paddingRight: 0,\n        }),\n      },\n    },\n    PrivatePickersYear: {\n      styleOverrides: {\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-expect-error TEMP. Arrays are valid styles return values for Emotion.\n        button: ({ theme }) => [\n          yearStyles.default({ theme }),\n          {\n            alignItems: \"center\",\n            borderRadius: 0,\n            display: \"flex\",\n            fontSize: theme.typography.body1.fontSize,\n            justifyContent: \"flex-start\",\n            marginBottom: 0,\n            marginTop: 0,\n            paddingLeft: theme.spacing(7),\n            position: \"relative\",\n            width: \"100%\",\n\n            \"&:hover\": yearStyles.hover({ theme }),\n\n            \"&:not(.Mui-selected)\": {\n              border: \"none\",\n            },\n\n            \"&.Mui-disabled\": yearStyles.disabled({ theme }),\n          },\n        ],\n        root: () => ({\n          width: \"100%\",\n        }),\n        selected: ({ theme }) => ({\n          \"&, &:focus\": yearStyles.selected({ theme }),\n          \"&:hover\": yearStyles.hoverSelected({ theme }),\n          \"&::after\": yearCheckStyles.default({ theme }),\n        }),\n      },\n    },\n  },\n};\n"],"mappings":"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"}
+{"version":3,"file":"datePickerTheme.js","names":["ArrowLeftIcon","ArrowRightIcon","CalendarIcon","ChevronDownIcon","createOdysseyMuiTheme","odysseyTokens","popupSpacingValue","odysseyTheme","dateStyles","default","_ref","theme","color","palette","text","primary","disabled","_ref2","backgroundColor","hover","_ref3","grey","hoverSelected","_ref4","dark","contrastText","outsideOfMonth","_ref5","secondary","selected","_ref6","main","today","_ref7","todayDotStyles","_ref8","borderRadius","bottom","spacing","content","height","typography","fontSize","position","transform","width","_ref9","_ref10","yearStyles","_ref11","_ref12","_ref13","_ref14","lighter","_ref15","_ref16","fontWeight","fontWeightBold","yearCheckStyles","_ref17","h6","maskImage","maskPosition","maskRepeat","right","datePickerTheme","components","MuiCalendarPicker","styleOverrides","root","_ref18","borderColor","divider","borderStyle","mixins","borderWidth","paddingBottom","paddingTop","MuiCalendarOrClockPicker","defaultProps","LeftArrowIcon","RightArrowIcon","SwitchViewIcon","MuiDesktopDatePicker","OpenPickerIcon","MuiDayPicker","header","_ref19","gap","justifyContent","paddingLeft","paddingRight","slideTransition","minHeight","weekContainer","_ref20","marginBottom","marginLeft","marginRight","weekDayLabel","_ref21","flexBasis","flexShrink","subtitle1","MuiDatePicker","PopperProps","popperOptions","placement","showDaysOutsideCurrentMonth","views","MuiPickersCalendarHeader","label","_ref22","_ref23","marginTop","MuiPickersDay","dayWithMargin","_ref24","border","body1","MuiPickersPopper","paper","_ref25","boxShadow","MuiYearPicker","_ref26","alignItems","flexDirection","flexWrap","marginInlineEnd","maxHeight","PrivatePickersYear","button","_ref27","display","_ref28"],"sources":["../../src/labs/datePickerTheme.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 { CSSInterpolation } from \"@mui/material/styles\";\nimport {\n  ArrowLeftIcon,\n  ArrowRightIcon,\n  CalendarIcon,\n  ChevronDownIcon,\n} from \"../icons.generated\";\nimport { createOdysseyMuiTheme } from \"../theme\";\nimport { ThemeOptions } from \"@mui/material\";\nimport * as odysseyTokens from \"@okta/odyssey-design-tokens\";\n\nconst popupSpacingValue = 5;\n\nconst odysseyTheme = createOdysseyMuiTheme({ odysseyTokens });\n\ntype ThemeStyles = ({\n  theme,\n}: {\n  theme: typeof odysseyTheme;\n}) => CSSInterpolation;\n\ntype StateStyles = Record<string, ThemeStyles>;\n\nconst dateStyles: StateStyles = {\n  default: ({ theme }) => ({\n    color: theme.palette.text.primary,\n  }),\n  disabled: ({ theme }) => ({\n    backgroundColor: \"transparent\",\n    color: theme.palette.text.disabled,\n  }),\n  hover: ({ theme }) => ({\n    backgroundColor: theme.palette.grey[100],\n  }),\n  hoverSelected: ({ theme }) => ({\n    backgroundColor: theme.palette.primary.dark,\n    color: theme.palette.primary.contrastText,\n  }),\n  outsideOfMonth: ({ theme }) => ({\n    backgroundColor: \"transparent\",\n    color: theme.palette.text.secondary,\n  }),\n  selected: ({ theme }) => ({\n    backgroundColor: theme.palette.primary.main,\n    color: theme.palette.primary.contrastText,\n  }),\n  today: ({ theme }) => ({\n    backgroundColor: \"transparent\",\n    color: theme.palette.primary.main,\n  }),\n};\n\nconst todayDotStyles: StateStyles = {\n  default: ({ theme }) => ({\n    backgroundColor: theme.palette.primary.main,\n    borderRadius: \"50%\",\n    bottom: theme.spacing(1),\n    content: '\" \"',\n    height: `${2 / theme.typography.fontSize}em`,\n    position: \"absolute\",\n    transform: \"translateY(-50%)\",\n    width: `${2 / theme.typography.fontSize}em`,\n  }),\n  hover: ({ theme }) => ({\n    backgroundColor: theme.palette.primary.main,\n  }),\n  selected: ({ theme }) => ({\n    backgroundColor: theme.palette.primary.contrastText,\n  }),\n};\n\nconst yearStyles: StateStyles = {\n  default: ({ theme }) => ({\n    backgroundColor: \"transparent\",\n    color: theme.palette.text.primary,\n  }),\n  disabled: ({ theme }) => ({\n    backgroundColor: \"transparent\",\n    color: theme.palette.text.disabled,\n  }),\n  hover: ({ theme }) => ({\n    backgroundColor: theme.palette.grey[100],\n  }),\n  hoverSelected: ({ theme }) => ({\n    backgroundColor: theme.palette.primary.lighter,\n    color: theme.palette.primary.main,\n  }),\n  outsideOfMonth: ({ theme }) => ({\n    backgroundColor: \"transparent\",\n    color: theme.palette.text.secondary,\n  }),\n  selected: ({ theme }) => ({\n    backgroundColor: \"transparent\",\n    color: theme.palette.primary.main,\n    fontWeight: theme.typography.fontWeightBold,\n  }),\n};\n\nconst yearCheckStyles: StateStyles = {\n  default: ({ theme }) => ({\n    backgroundColor: theme.palette.primary.main,\n    content: '\"\"',\n    height: theme.typography.h6.fontSize,\n    maskImage:\n      \"url(\\\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M14.3536 4.35355L6.35355 12.3536C6.15829 12.5488 5.84171 12.5488 5.64645 12.3536L1.64645 8.35355L2.35355 7.64645L6 11.2929L13.6464 3.64645L14.3536 4.35355Z' fill='currentColor' /%3E%3C/svg%3E%0A\\\")\",\n    maskPosition: \"50% 50%\",\n    maskRepeat: \"no-repeat\",\n    position: \"absolute\",\n    right: theme.spacing(4),\n    width: theme.typography.h6.fontSize,\n  }),\n};\n\nexport const datePickerTheme: ThemeOptions = {\n  components: {\n    MuiCalendarPicker: {\n      styleOverrides: {\n        root: ({ theme }) => ({\n          borderColor: theme.palette.divider,\n          borderStyle: theme.mixins.borderStyle,\n          borderWidth: theme.mixins.borderWidth,\n          borderRadius: theme.mixins.borderRadius,\n          paddingBottom: theme.spacing(popupSpacingValue),\n          paddingTop: theme.spacing(4),\n          width: \"100%\",\n        }),\n      },\n    },\n    MuiCalendarOrClockPicker: {\n      styleOverrides: {\n        root: () => ({\n          \"& > div\": {\n            width: `${(296 / 16) * (16 / 14)}rem`,\n          },\n        }),\n      },\n      defaultProps: {\n        components: {\n          LeftArrowIcon: ArrowLeftIcon,\n          RightArrowIcon: ArrowRightIcon,\n          SwitchViewIcon: ChevronDownIcon,\n        },\n      },\n    },\n    MuiDesktopDatePicker: {\n      defaultProps: {\n        components: {\n          OpenPickerIcon: CalendarIcon,\n        },\n      },\n    },\n    MuiDayPicker: {\n      styleOverrides: {\n        header: ({ theme }) => ({\n          gap: theme.spacing(1),\n          justifyContent: \"space-between\",\n          paddingLeft: theme.spacing(popupSpacingValue),\n          paddingRight: theme.spacing(popupSpacingValue),\n        }),\n        slideTransition: () => ({\n          minHeight: `${(214 / 16) * (16 / 14)}rem`,\n        }),\n        weekContainer: ({ theme }) => ({\n          gap: theme.spacing(1),\n          justifyContent: \"space-between\",\n          marginBottom: theme.spacing(1),\n          marginLeft: 0,\n          marginRight: 0,\n          paddingLeft: theme.spacing(popupSpacingValue),\n          paddingRight: theme.spacing(popupSpacingValue),\n\n          \"&:last-child\": {\n            marginBottom: 0,\n          },\n        }),\n        weekDayLabel: ({ theme }) => ({\n          color: theme.palette.grey[900],\n          flexBasis: theme.spacing(6),\n          flexShrink: 0,\n          fontSize: theme.typography.subtitle1.fontSize,\n          fontWeight: theme.typography.fontWeightBold,\n          height: theme.spacing(6),\n          marginBottom: theme.spacing(2),\n          marginLeft: 0,\n          marginRight: 0,\n          width: theme.spacing(6),\n        }),\n      },\n    },\n    MuiDatePicker: {\n      defaultProps: {\n        PopperProps: {\n          popperOptions: {\n            placement: \"auto-start\",\n          },\n        },\n        showDaysOutsideCurrentMonth: true,\n        views: [\"year\", \"day\"],\n      },\n    },\n    MuiPickersCalendarHeader: {\n      styleOverrides: {\n        label: ({ theme }) => ({\n          fontSize: theme.typography.h6.fontSize,\n          fontWeight: theme.typography.fontWeightBold,\n        }),\n        root: ({ theme }) => ({\n          marginBottom: theme.spacing(1),\n          marginTop: 0,\n          paddingLeft: `calc(${theme.spacing(\n            popupSpacingValue\n          )} + ${theme.spacing(2)})`,\n          paddingRight: theme.spacing(popupSpacingValue),\n          width: \"auto\",\n        }),\n      },\n    },\n    MuiPickersDay: {\n      styleOverrides: {\n        dayWithMargin: () => ({\n          marginLeft: 0,\n          marginRight: 0,\n        }),\n        root: ({ theme }) => [\n          dateStyles.default({ theme }),\n          {\n            border: \"none\",\n            borderRadius: theme.mixins.borderRadius,\n            flexBasis: theme.spacing(6),\n            flexShrink: 0,\n            fontSize: theme.typography.body1.fontSize,\n            height: theme.spacing(6),\n            width: theme.spacing(6),\n\n            \"&.MuiPickersDay-today\": [\n              dateStyles.today({ theme }),\n              {\n                fontWeight: theme.typography.fontWeightBold,\n              },\n            ],\n\n            \"&.MuiPickersDay-today::after\": todayDotStyles.default({ theme }),\n            \"&.MuiPickersDay-today.Mui-selected::after\":\n              todayDotStyles.selected({ theme }),\n            \"&.MuiPickersDay-dayOutsideMonth\": dateStyles.outsideOfMonth({\n              theme,\n            }),\n            \"&:hover\": dateStyles.hover({ theme }),\n\n            \"&:not(.Mui-selected)\": {\n              border: \"none\",\n            },\n\n            \"&.Mui-selected, &.Mui-selected:focus\": dateStyles.selected({\n              theme,\n            }),\n            \"&.Mui-selected:hover\": dateStyles.hoverSelected({ theme }),\n            \"&.Mui-disabled\": dateStyles.disabled({ theme }),\n          },\n        ],\n      },\n    },\n    MuiPickersPopper: {\n      styleOverrides: {\n        paper: ({ theme }) => ({\n          boxShadow: `0 ${(1 / 16) * (16 / 14)}rem ${\n            (4 / 16) * (16 / 14)\n          }rem rgba(29, 29, 33, 0.08), 0 ${(4 / 16) * (16 / 14)}rem ${\n            (10 / 16) * (16 / 14)\n          }rem rgba(29, 29, 33, 0.08), 0 ${(8 / 16) * (16 / 14)}rem ${\n            (30 / 16) * (16 / 14)\n          }rem rgba(29, 29, 33, 0.1)`,\n          marginTop: theme.spacing(1),\n        }),\n      },\n    },\n    MuiYearPicker: {\n      styleOverrides: {\n        root: ({ theme }) => ({\n          alignItems: \"flex-start\",\n          flexDirection: \"column\",\n          flexWrap: \"nowrap\",\n          marginBottom: `-${theme.spacing(popupSpacingValue)}`,\n          marginInlineEnd: 0,\n          maxHeight: `${(284 / 16) * (16 / 14)}rem`,\n          paddingLeft: 0,\n          paddingRight: 0,\n        }),\n      },\n    },\n    PrivatePickersYear: {\n      styleOverrides: {\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-expect-error TEMP. Arrays are valid styles return values for Emotion.\n        button: ({ theme }) => [\n          yearStyles.default({ theme }),\n          {\n            alignItems: \"center\",\n            borderRadius: 0,\n            display: \"flex\",\n            fontSize: theme.typography.body1.fontSize,\n            justifyContent: \"flex-start\",\n            marginBottom: 0,\n            marginTop: 0,\n            paddingLeft: theme.spacing(7),\n            position: \"relative\",\n            width: \"100%\",\n\n            \"&:hover\": yearStyles.hover({ theme }),\n\n            \"&:not(.Mui-selected)\": {\n              border: \"none\",\n            },\n\n            \"&.Mui-disabled\": yearStyles.disabled({ theme }),\n          },\n        ],\n        root: () => ({\n          width: \"100%\",\n        }),\n        selected: ({ theme }) => ({\n          \"&, &:focus\": yearStyles.selected({ theme }),\n          \"&:hover\": yearStyles.hoverSelected({ theme }),\n          \"&::after\": yearCheckStyles.default({ theme }),\n        }),\n      },\n    },\n  },\n};\n"],"mappings":"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"}

package/dist/properties/ts/odyssey-react-mui.js

@@ -2,6 +2,8 @@ export const translation = {
   "fielderror.screenreader.text": "Error",
   "fieldlabel.optional.text": "Optional",
   "fieldlabel.required.text": "Required",
+  "passwordfield.icon.label.show": "Show password",
+  "passwordfield.icon.label.hide": "Hide password",
   "severity.error": "error",
   "severity.info": "info",
   "severity.success": "success",

package/dist/properties/ts/odyssey-react-mui.js.map

@@ -1 +1 @@
-{"version":3,"file":"odyssey-react-mui.js","names":["translation"],"sources":["../../../src/properties/ts/odyssey-react-mui.ts"],"sourcesContent":["export const translation = {\"fielderror.screenreader.text\":\"Error\",\"fieldlabel.optional.text\":\"Optional\",\"fieldlabel.required.text\":\"Required\",\"severity.error\":\"error\",\"severity.info\":\"info\",\"severity.success\":\"success\",\"severity.warning\":\"warning\",\"table.error\":\"Error loading data.\",\"table.fetchedrows.text\":\"Fetched {{totalRows}} row\",\"table.fetchedrows.text_plural\":\"Fetched {{totalRows}} total rows\",\"table.rows.text\":\"{{totalRows}} row\",\"table.rows.text_plural\":\"{{totalRows}} rows\",\"toast.close.text\":\"close\"};"],"mappings":"AAAA,OAAO,MAAMA,WAAW,GAAG;EAAC,8BAA8B,EAAC,OAAO;EAAC,0BAA0B,EAAC,UAAU;EAAC,0BAA0B,EAAC,UAAU;EAAC,gBAAgB,EAAC,OAAO;EAAC,eAAe,EAAC,MAAM;EAAC,kBAAkB,EAAC,SAAS;EAAC,kBAAkB,EAAC,SAAS;EAAC,aAAa,EAAC,qBAAqB;EAAC,wBAAwB,EAAC,2BAA2B;EAAC,+BAA+B,EAAC,kCAAkC;EAAC,iBAAiB,EAAC,mBAAmB;EAAC,wBAAwB,EAAC,oBAAoB;EAAC,kBAAkB,EAAC;AAAO,CAAC"}
+{"version":3,"file":"odyssey-react-mui.js","names":["translation"],"sources":["../../../src/properties/ts/odyssey-react-mui.ts"],"sourcesContent":["export const translation = {\"fielderror.screenreader.text\":\"Error\",\"fieldlabel.optional.text\":\"Optional\",\"fieldlabel.required.text\":\"Required\",\"passwordfield.icon.label.show\":\"Show password\",\"passwordfield.icon.label.hide\":\"Hide password\",\"severity.error\":\"error\",\"severity.info\":\"info\",\"severity.success\":\"success\",\"severity.warning\":\"warning\",\"table.error\":\"Error loading data.\",\"table.fetchedrows.text\":\"Fetched {{totalRows}} row\",\"table.fetchedrows.text_plural\":\"Fetched {{totalRows}} total rows\",\"table.rows.text\":\"{{totalRows}} row\",\"table.rows.text_plural\":\"{{totalRows}} rows\",\"toast.close.text\":\"close\"};"],"mappings":"AAAA,OAAO,MAAMA,WAAW,GAAG;EAAC,8BAA8B,EAAC,OAAO;EAAC,0BAA0B,EAAC,UAAU;EAAC,0BAA0B,EAAC,UAAU;EAAC,+BAA+B,EAAC,eAAe;EAAC,+BAA+B,EAAC,eAAe;EAAC,gBAAgB,EAAC,OAAO;EAAC,eAAe,EAAC,MAAM;EAAC,kBAAkB,EAAC,SAAS;EAAC,kBAAkB,EAAC,SAAS;EAAC,aAAa,EAAC,qBAAqB;EAAC,wBAAwB,EAAC,2BAA2B;EAAC,+BAA+B,EAAC,kCAAkC;EAAC,iBAAiB,EAAC,mBAAmB;EAAC,wBAAwB,EAAC,oBAAoB;EAAC,kBAAkB,EAAC;AAAO,CAAC"}

package/dist/src/Autocomplete.d.ts

@@ -10,7 +10,12 @@
  * See the License for the specific language governing permissions and limitations under the License.
  */
 import { AutocompleteProps as MuiAutocompleteProps } from "@mui/material";
+import type { SeleniumProps } from "./SeleniumProps";
 export type AutocompleteProps<OptionType, HasMultipleChoices extends boolean | undefined, IsCustomValueAllowed extends boolean | undefined> = {
+    /**
+     * The error message for the Select
+     */
+    errorMessage?: string;
     /**
      * Enables multiple choice selection
      */
@@ -19,6 +24,10 @@ export type AutocompleteProps<OptionType, HasMultipleChoices extends boolean | u
      * The hint text for the Autocomplete input
      */
     hint?: string;
+    /**
+     * The id attribute of the Select
+     */
+    id?: string;
     /**
      * Allows the input of custom values
      */
@@ -31,6 +40,10 @@ export type AutocompleteProps<OptionType, HasMultipleChoices extends boolean | u
      * Displays a loading indicator
      */
     isLoading?: MuiAutocompleteProps<OptionType, HasMultipleChoices, undefined, IsCustomValueAllowed>["loading"];
+    /**
+     * If `true`, the `input` element is not required.
+     */
+    isOptional?: boolean;
     /**
      * Makes the Autocomplete input read-only
      */
@@ -40,13 +53,25 @@ export type AutocompleteProps<OptionType, HasMultipleChoices extends boolean | u
      */
     label: string;
     /**
-     * Callback fired when the value of the autocomplete input changes
+     * The name of the `input` element. Defaults to the `id` if not set.
+     */
+    name?: string;
+    /**
+     * Callback fired when the autocomplete loses focus.
+     */
+    onBlur?: MuiAutocompleteProps<OptionType, HasMultipleChoices, undefined, IsCustomValueAllowed>["onBlur"];
+    /**
+     * Callback fired when a selection is made.
      */
     onChange?: MuiAutocompleteProps<OptionType, HasMultipleChoices, undefined, IsCustomValueAllowed>["onChange"];
     /**
-     * Callback fired when the input value of the autocomplete input changes
+     * Callback fired when the textbox receives typed characters.
      */
     onInputChange?: MuiAutocompleteProps<OptionType, HasMultipleChoices, undefined, IsCustomValueAllowed>["onInputChange"];
+    /**
+     * Callback fired when the autocomplete gains focus.
+     */
+    onFocus?: MuiAutocompleteProps<OptionType, HasMultipleChoices, undefined, IsCustomValueAllowed>["onFocus"];
     /**
      * The options for the Autocomplete input
      */
@@ -55,7 +80,7 @@ export type AutocompleteProps<OptionType, HasMultipleChoices extends boolean | u
      * The value of the Autocomplete input
      */
     value?: MuiAutocompleteProps<OptionType, HasMultipleChoices, undefined, IsCustomValueAllowed>["value"];
-};
-declare const MemoizedAutocomplete: <OptionType, HasMultipleChoices extends boolean | undefined, IsCustomValueAllowed extends boolean | undefined>({ hasMultipleChoices, isCustomValueAllowed, isDisabled, isLoading, isReadOnly, hint, label, onChange, onInputChange, options, value, }: AutocompleteProps<OptionType, HasMultipleChoices, IsCustomValueAllowed>) => JSX.Element;
+} & SeleniumProps;
+declare const MemoizedAutocomplete: <OptionType, HasMultipleChoices extends boolean | undefined, IsCustomValueAllowed extends boolean | undefined>({ errorMessage, hasMultipleChoices, id: idOverride, isCustomValueAllowed, isDisabled, isLoading, isOptional, isReadOnly, hint, label, name: nameOverride, onBlur, onChange, onInputChange, onFocus, options, value, testId, }: AutocompleteProps<OptionType, HasMultipleChoices, IsCustomValueAllowed>) => JSX.Element;
 export { MemoizedAutocomplete as Autocomplete };
 //# sourceMappingURL=Autocomplete.d.ts.map

package/dist/src/Autocomplete.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../src/Autocomplete.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAEL,iBAAiB,IAAI,oBAAoB,EAE1C,MAAM,eAAe,CAAC;AAKvB,MAAM,MAAM,iBAAiB,CAC3B,UAAU,EACV,kBAAkB,SAAS,OAAO,GAAG,SAAS,EAC9C,oBAAoB,SAAS,OAAO,GAAG,SAAS,IAC9C;IACF;;OAEG;IACH,kBAAkB,CAAC,EAAE,oBAAoB,CACvC,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,UAAU,CAAC,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,oBAAoB,CAAC,EAAE,oBAAoB,CACzC,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,UAAU,CAAC,CAAC;IACd;;OAEG;IACH,UAAU,CAAC,EAAE,oBAAoB,CAC/B,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,UAAU,CAAC,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,oBAAoB,CAC9B,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,SAAS,CAAC,CAAC;IACb;;OAEG;IACH,UAAU,CAAC,EAAE,oBAAoB,CAC/B,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,UAAU,CAAC,CAAC;IACd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,oBAAoB,CAC7B,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,UAAU,CAAC,CAAC;IACd;;OAEG;IACH,aAAa,CAAC,EAAE,oBAAoB,CAClC,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,eAAe,CAAC,CAAC;IACnB;;OAEG;IACH,OAAO,EAAE,oBAAoB,CAC3B,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,SAAS,CAAC,CAAC;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,oBAAoB,CAC1B,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,OAAO,CAAC,CAAC;CACZ,CAAC;AA0DF,QAAA,MAAM,oBAAoB,gVAA4C,CAAC;AAEvE,OAAO,EAAE,oBAAoB,IAAI,YAAY,EAAE,CAAC"}
+{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../src/Autocomplete.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAEL,iBAAiB,IAAI,oBAAoB,EAE1C,MAAM,eAAe,CAAC;AAIvB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,MAAM,iBAAiB,CAC3B,UAAU,EACV,kBAAkB,SAAS,OAAO,GAAG,SAAS,EAC9C,oBAAoB,SAAS,OAAO,GAAG,SAAS,IAC9C;IACF;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,kBAAkB,CAAC,EAAE,oBAAoB,CACvC,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,UAAU,CAAC,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,oBAAoB,CAAC,EAAE,oBAAoB,CACzC,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,UAAU,CAAC,CAAC;IACd;;OAEG;IACH,UAAU,CAAC,EAAE,oBAAoB,CAC/B,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,UAAU,CAAC,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,oBAAoB,CAC9B,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,SAAS,CAAC,CAAC;IACb;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,oBAAoB,CAC/B,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,UAAU,CAAC,CAAC;IACd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,MAAM,CAAC,EAAE,oBAAoB,CAC3B,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,QAAQ,CAAC,CAAC;IACZ;;OAEG;IACH,QAAQ,CAAC,EAAE,oBAAoB,CAC7B,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,UAAU,CAAC,CAAC;IACd;;OAEG;IACH,aAAa,CAAC,EAAE,oBAAoB,CAClC,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,eAAe,CAAC,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,oBAAoB,CAC5B,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,SAAS,CAAC,CAAC;IACb;;OAEG;IACH,OAAO,EAAE,oBAAoB,CAC3B,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,SAAS,CAAC,CAAC;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,oBAAoB,CAC1B,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,OAAO,CAAC,CAAC;CACZ,GAAG,aAAa,CAAC;AA2ElB,QAAA,MAAM,oBAAoB,uaAA4C,CAAC;AAEvE,OAAO,EAAE,oBAAoB,IAAI,YAAY,EAAE,CAAC"}

package/dist/src/Banner.d.ts

@@ -11,6 +11,7 @@
  */
 /// <reference types="react" />
 import { AlertColor, AlertProps } from "@mui/material";
+import type { SeleniumProps } from "./SeleniumProps";
 export declare const bannerRoleValues: readonly ["status", "alert"];
 export declare const bannerSeverityValues: AlertColor[];
 export type BannerProps = {
@@ -43,7 +44,7 @@ export type BannerProps = {
      * The text content of the alert
      */
     text: string;
-};
-declare const MemoizedBanner: import("react").MemoExoticComponent<({ linkUrl, linkText, onClose, role, severity, text, }: BannerProps) => JSX.Element>;
+} & SeleniumProps;
+declare const MemoizedBanner: import("react").MemoExoticComponent<({ linkUrl, linkText, onClose, role, severity, text, testId, }: BannerProps) => JSX.Element>;
 export { MemoizedBanner as Banner };
 //# sourceMappingURL=Banner.d.ts.map

package/dist/src/Banner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../src/Banner.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;;AAEH,OAAO,EAAS,UAAU,EAAc,UAAU,EAAE,MAAM,eAAe,CAAC;AAM1E,eAAO,MAAM,gBAAgB,8BAA+B,CAAC;AAC7D,eAAO,MAAM,oBAAoB,EAAE,UAAU,EAK5C,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAChC;;;;OAIG;IACH,IAAI,CAAC,EAAE,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;IACzC;;OAEG;IACH,QAAQ,EAAE,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;IAChD;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAyBF,QAAA,MAAM,cAAc,8FAhBjB,WAAW,iBAgBqB,CAAC;AAGpC,OAAO,EAAE,cAAc,IAAI,MAAM,EAAE,CAAC"}
+{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../src/Banner.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;;AAEH,OAAO,EAAS,UAAU,EAAc,UAAU,EAAE,MAAM,eAAe,CAAC;AAM1E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,eAAO,MAAM,gBAAgB,8BAA+B,CAAC;AAC7D,eAAO,MAAM,oBAAoB,EAAE,UAAU,EAK5C,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAChC;;;;OAIG;IACH,IAAI,CAAC,EAAE,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;IACzC;;OAEG;IACH,QAAQ,EAAE,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;IAChD;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;CACd,GAAG,aAAa,CAAC;AAgClB,QAAA,MAAM,cAAc,sGAtBjB,WAAW,iBAsBqB,CAAC;AAGpC,OAAO,EAAE,cAAc,IAAI,MAAM,EAAE,CAAC"}

package/dist/src/Box.d.ts

@@ -11,11 +11,18 @@
  */
 import { BoxProps as MuiBoxProps } from "@mui/material";
 import { ReactNode } from "react";
+import type { SeleniumProps } from "./SeleniumProps";
 export type BoxProps = {
     children?: ReactNode;
     component?: MuiBoxProps["component"];
     id?: MuiBoxProps["id"];
     sx?: MuiBoxProps["sx"];
-};
-export declare const Box: import("react").ForwardRefExoticComponent<BoxProps & import("react").RefAttributes<HTMLElement>>;
+} & SeleniumProps;
+declare const MemoizedBox: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<{
+    children?: ReactNode;
+    component?: MuiBoxProps["component"];
+    id?: MuiBoxProps["id"];
+    sx?: MuiBoxProps["sx"];
+} & SeleniumProps & import("react").RefAttributes<HTMLElement>>>;
+export { MemoizedBox as Box };
 //# sourceMappingURL=Box.d.ts.map

package/dist/src/Box.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../src/Box.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAiB,QAAQ,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAE9C,MAAM,MAAM,QAAQ,GAAG;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IACrC,EAAE,CAAC,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;IACvB,EAAE,CAAC,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,GAAG,kGAUf,CAAC"}
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../src/Box.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAiB,QAAQ,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,SAAS,EAAoB,MAAM,OAAO,CAAC;AAEpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,MAAM,QAAQ,GAAG;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IACrC,EAAE,CAAC,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;IACvB,EAAE,CAAC,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;CACxB,GAAG,aAAa,CAAC;AAelB,QAAA,MAAM,WAAW;eAnBJ,SAAS;gBACR,WAAW,CAAC,WAAW,CAAC;SAC/B,WAAW,CAAC,IAAI,CAAC;SACjB,WAAW,CAAC,IAAI,CAAC;gEAgBK,CAAC;AAG9B,OAAO,EAAE,WAAW,IAAI,GAAG,EAAE,CAAC"}

package/dist/src/Button.d.ts

@@ -11,6 +11,7 @@
  */
 import type { ButtonProps as MuiButtonProps } from "@mui/material";
 import { ReactElement } from "react";
+import type { SeleniumProps } from "./SeleniumProps";
 export declare const buttonSizeValues: readonly ["small", "medium", "large"];
 export declare const buttonTypeValues: readonly ["button", "submit", "reset"];
 export declare const buttonVariantValues: readonly ["primary", "secondary", "tertiary", "danger", "floating"];
@@ -83,7 +84,7 @@ export type ButtonProps = {
     endIcon: ReactElement;
     label?: "" | undefined;
     startIcon?: ReactElement;
-});
-declare const MemoizedButton: import("react").MemoExoticComponent<({ ariaDescribedBy, ariaLabel, ariaLabelledBy, endIcon, id, isDisabled, isFullWidth, label, onClick, size, startIcon, tooltipText, type, variant, }: ButtonProps) => JSX.Element>;
+}) & SeleniumProps;
+declare const MemoizedButton: import("react").MemoExoticComponent<({ ariaDescribedBy, ariaLabel, ariaLabelledBy, endIcon, id, isDisabled, isFullWidth, label, onClick, size, startIcon, testId, tooltipText, type, variant, }: ButtonProps) => JSX.Element>;
 export { MemoizedButton as Button };
 //# sourceMappingURL=Button.d.ts.map

package/dist/src/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,KAAK,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAQ,YAAY,EAAe,MAAM,OAAO,CAAC;AAKxD,eAAO,MAAM,gBAAgB,uCAAwC,CAAC;AACtE,eAAO,MAAM,gBAAgB,wCAAyC,CAAC;AACvE,eAAO,MAAM,mBAAmB,qEAMtB,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IACpC;;OAEG;IACH,IAAI,CAAC,EAAE,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;IACzC;;OAEG;IACH,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;IACzC;;OAEG;IACH,OAAO,EAAE,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;CAC/C,GAAG,CACA;IACE,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,YAAY,CAAC;CAC1B,GACD;IACE,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,KAAK,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC;IACvB,SAAS,EAAE,YAAY,CAAC;CACzB,GACD;IACE,OAAO,EAAE,YAAY,CAAC;IACtB,KAAK,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,YAAY,CAAC;CAC1B,CACJ,CAAC;AAsEF,QAAA,MAAM,cAAc,2LArDjB,WAAW,iBAqDqB,CAAC;AAGpC,OAAO,EAAE,cAAc,IAAI,MAAM,EAAE,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,KAAK,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAQ,YAAY,EAAe,MAAM,OAAO,CAAC;AAIxD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,eAAO,MAAM,gBAAgB,uCAAwC,CAAC;AACtE,eAAO,MAAM,gBAAgB,wCAAyC,CAAC;AACvE,eAAO,MAAM,mBAAmB,qEAMtB,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IACpC;;OAEG;IACH,IAAI,CAAC,EAAE,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;IACzC;;OAEG;IACH,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;IACzC;;OAEG;IACH,OAAO,EAAE,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;CAC/C,GAAG,CACA;IACE,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,YAAY,CAAC;CAC1B,GACD;IACE,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,KAAK,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC;IACvB,SAAS,EAAE,YAAY,CAAC;CACzB,GACD;IACE,OAAO,EAAE,YAAY,CAAC;IACtB,KAAK,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,YAAY,CAAC;CAC1B,CACJ,GACC,aAAa,CAAC;AAyEhB,QAAA,MAAM,cAAc,mMAvDjB,WAAW,iBAuDqB,CAAC;AAGpC,OAAO,EAAE,cAAc,IAAI,MAAM,EAAE,CAAC"}

package/dist/src/Callout.d.ts

@@ -10,6 +10,7 @@
  * See the License for the specific language governing permissions and limitations under the License.
  */
 import { ReactNode } from "react";
+import type { SeleniumProps } from "./SeleniumProps";
 export declare const calloutRoleValues: readonly ["status", "alert"];
 export declare const calloutSeverityValues: readonly ["success", "info", "warning", "error"];
 export type CalloutProps = {
@@ -31,7 +32,7 @@ export type CalloutProps = {
      * The title of the Callout
      */
     title?: string;
-};
-declare const MemoizedCallout: import("react").MemoExoticComponent<({ children, role, severity, title }: CalloutProps) => JSX.Element>;
+} & SeleniumProps;
+declare const MemoizedCallout: import("react").MemoExoticComponent<({ children, role, severity, testId, title }: CalloutProps) => JSX.Element>;
 export { MemoizedCallout as Callout };
 //# sourceMappingURL=Callout.d.ts.map

package/dist/src/Callout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Callout.d.ts","sourceRoot":"","sources":["../../src/Callout.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAQ,SAAS,EAAE,MAAM,OAAO,CAAC;AAKxC,eAAO,MAAM,iBAAiB,8BAA+B,CAAC;AAC9D,eAAO,MAAM,qBAAqB,kDAKxB,CAAC;AAEX,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,IAAI,CAAC,EAAE,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;IAC1C;;OAEG;IACH,QAAQ,EAAE,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC;IACjD;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAcF,QAAA,MAAM,eAAe,4EAZiC,YAAY,iBAY7B,CAAC;AAGtC,OAAO,EAAE,eAAe,IAAI,OAAO,EAAE,CAAC"}
+{"version":3,"file":"Callout.d.ts","sourceRoot":"","sources":["../../src/Callout.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAQ,SAAS,EAAE,MAAM,OAAO,CAAC;AAKxC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,eAAO,MAAM,iBAAiB,8BAA+B,CAAC;AAC9D,eAAO,MAAM,qBAAqB,kDAKxB,CAAC;AAEX,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,IAAI,CAAC,EAAE,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;IAC1C;;OAEG;IACH,QAAQ,EAAE,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC;IACjD;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,aAAa,CAAC;AAclB,QAAA,MAAM,eAAe,oFAZyC,YAAY,iBAYrC,CAAC;AAGtC,OAAO,EAAE,eAAe,IAAI,OAAO,EAAE,CAAC"}

package/dist/src/Checkbox.d.ts

@@ -11,6 +11,7 @@
  */
 /// <reference types="react" />
 import { CheckboxProps as MuiCheckboxProps } from "@mui/material";
+import type { SeleniumProps } from "./SeleniumProps";
 export declare const checkboxValidityValues: readonly ["valid", "invalid", "inherit"];
 export type CheckboxProps = {
     /**
@@ -21,6 +22,10 @@ export type CheckboxProps = {
      * The ID of the element that labels the Checkbox
      */
     ariaLabelledBy?: string;
+    /**
+     * The id of the `input` element.
+     */
+    id?: string;
     /**
      * Determines whether the Checkbox is checked
      */
@@ -42,7 +47,7 @@ export type CheckboxProps = {
      */
     label?: string;
     /**
-     * The name attribute of the Checkbox
+     * The name of the `input` element. Defaults to the `id` if not set.
      */
     name?: string;
     /**
@@ -57,7 +62,7 @@ export type CheckboxProps = {
      * The value attribute of the Checkbox
      */
     value?: string;
-};
-declare const MemoizedCheckbox: import("react").MemoExoticComponent<({ ariaLabel, ariaLabelledBy, isDefaultChecked, isDisabled, isIndeterminate, isRequired, label: labelProp, name, onChange: onChangeProp, validity, value, }: CheckboxProps) => JSX.Element>;
+} & SeleniumProps;
+declare const MemoizedCheckbox: import("react").MemoExoticComponent<({ ariaLabel, ariaLabelledBy, id: idOverride, isDefaultChecked, isDisabled, isIndeterminate, isRequired, label: labelProp, name: nameOverride, onChange: onChangeProp, testId, validity, value, }: CheckboxProps) => JSX.Element>;
 export { MemoizedCheckbox as Checkbox };
 //# sourceMappingURL=Checkbox.d.ts.map

package/dist/src/Checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/Checkbox.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;;AAEH,OAAO,EAEL,aAAa,IAAI,gBAAgB,EAElC,MAAM,eAAe,CAAC;AAKvB,eAAO,MAAM,sBAAsB,0CAA2C,CAAC;AAE/E,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACxC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAC;IACnD;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAkEF,QAAA,MAAM,gBAAgB,mMApDnB,aAAa,iBAoDuB,CAAC;AAGxC,OAAO,EAAE,gBAAgB,IAAI,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/Checkbox.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;;AAEH,OAAO,EAEL,aAAa,IAAI,gBAAgB,EAElC,MAAM,eAAe,CAAC;AAKvB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,eAAO,MAAM,sBAAsB,0CAA2C,CAAC;AAE/E,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACxC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAC;IACnD;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,aAAa,CAAC;AAsElB,QAAA,MAAM,gBAAgB,yOAtDnB,aAAa,iBAsDuB,CAAC;AAGxC,OAAO,EAAE,gBAAgB,IAAI,QAAQ,EAAE,CAAC"}

package/dist/src/CheckboxGroup.d.ts

@@ -11,6 +11,7 @@
  */
 import { ReactElement } from "react";
 import { Checkbox } from "./Checkbox";
+import type { SeleniumProps } from "./SeleniumProps";
 export type CheckboxGroupProps = {
     /**
      * A single Checkbox element or an array of Checkbox elements
@@ -24,10 +25,6 @@ export type CheckboxGroupProps = {
      * The hint text for the CheckboxGroup
      */
     hint?: string;
-    /**
-     * The id of the `input` element. This will also be the input's `name` field.
-     */
-    id?: string;
     /**
      * If `true`, the CheckboxGroup is disabled
      */
@@ -40,7 +37,7 @@ export type CheckboxGroupProps = {
      * The label text for the CheckboxGroup
      */
     label: string;
-};
-declare const MemoizedCheckboxGroup: import("react").MemoExoticComponent<({ children, errorMessage, hint, id: idOverride, isDisabled, isRequired, label, }: CheckboxGroupProps) => JSX.Element>;
+} & SeleniumProps;
+declare const MemoizedCheckboxGroup: import("react").MemoExoticComponent<({ children, errorMessage, hint, isDisabled, isRequired, label, testId, }: CheckboxGroupProps) => JSX.Element>;
 export { MemoizedCheckboxGroup as CheckboxGroup };
 //# sourceMappingURL=CheckboxGroup.d.ts.map

package/dist/src/CheckboxGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../src/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EAAQ,YAAY,EAAe,MAAM,OAAO,CAAC;AAExD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,QAAQ,EACJ,YAAY,CAAC,OAAO,QAAQ,CAAC,GAC7B,KAAK,CAAC,YAAY,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC;IACzC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAmCF,QAAA,MAAM,qBAAqB,yHAzBxB,kBAAkB,iBAyB4B,CAAC;AAGlD,OAAO,EAAE,qBAAqB,IAAI,aAAa,EAAE,CAAC"}
+{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../src/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EAAQ,YAAY,EAAe,MAAM,OAAO,CAAC;AAExD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,QAAQ,EACJ,YAAY,CAAC,OAAO,QAAQ,CAAC,GAC7B,KAAK,CAAC,YAAY,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC;IACzC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,aAAa,CAAC;AAkClB,QAAA,MAAM,qBAAqB,iHAxBxB,kBAAkB,iBAwB4B,CAAC;AAGlD,OAAO,EAAE,qBAAqB,IAAI,aAAa,EAAE,CAAC"}

package/dist/src/CircularProgress.d.ts

@@ -9,6 +9,7 @@
  *
  * See the License for the specific language governing permissions and limitations under the License.
  */
+import type { SeleniumProps } from "./SeleniumProps";
 export type CircularProgressProps = {
     /**
      * The ARIA label for the progress spinner
@@ -19,6 +20,6 @@ export type CircularProgressProps = {
      * If undefined, the spinner will spin perpetually.
      */
     value?: number;
-};
-export declare const CircularProgress: ({ ariaLabel, value, }: CircularProgressProps) => JSX.Element;
+} & SeleniumProps;
+export declare const CircularProgress: ({ ariaLabel, testId, value, }: CircularProgressProps) => JSX.Element;
 //# sourceMappingURL=CircularProgress.d.ts.map