@okta/odyssey-react-mui 1.42.0 → 1.44.0

package/dist/cjs/labs/PaginatedTable.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PaginatedTable.cjs","names":["_Typography","require","_materialReactTable","_react","_reactI18next","_jsxRuntime","PaginatedTable","columns","data","fetchMoreData","getRowId","hasError","hasRowSelection","initialState","isFetching","onGlobalFilterChange","onPaginationChange","onRowSelectionChange","onRowSelectionChangeProp","rowsPerPage","state","ToolbarButtons","t","useTranslation","rowVirtualizerInstanceRef","useRef","columnFilters","setColumnFilters","useState","globalFilter","setGlobalFilter","useEffect","undefined","current","scrollToIndex","error","console","totalFetchedRows","length","renderBottomToolbarCustomActions","useCallback","jsx","Typography","children","Trans","count","i18nKey","values","totalRows","renderTopToolbarCustomActions","table","Fragment","rowSelection","setRowSelection","pagination","setPagination","pageIndex","pageSize","dataLengthRef","updatePagination","paginationFunction","previousPagination","nextPagination","numberOfPages","Math","floor","modifiedInitialState","useMemo","modifiedState","muiToolbarAlertBannerProps","severity","muiTablePaginationProps","rowsPerPageOptions","showFirstButton","showLastButton","muiCheckboxStyles","theme","components","MuiCheckbox","styleOverrides","root","ownerState","useMaterialReactTable","enableMultiRowSelection","enablePagination","enableRowSelection","enableSorting","muiSelectAllCheckboxProps","sx","muiSelectCheckboxProps","muiPaginationProps","onColumnFiltersChange","rowVirtualizerOptions","overscan","MaterialReactTable","MemoizedPaginatedTable","exports","memo","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, CheckboxProps } from \"@mui/material\";\nimport { Typography } from \"../Typography.js\";\nimport {\n  MRT_PaginationState,\n  type MRT_ColumnFiltersState,\n  type MRT_RowSelectionState,\n  type MRT_TableInstance,\n  type MRT_Virtualizer,\n  useMaterialReactTable,\n  MaterialReactTable,\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.js\";\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<{ table: MRT_TableInstance<TData> }>;\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 }: { table: MRT_TableInstance<TData> }) => (\n      <>{ToolbarButtons && <ToolbarButtons table={table} />}</>\n    ),\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    Required<MaterialReactTableProps<TData>>[\"onPaginationChange\"]\n  >(\n    (paginationFunction) => {\n      if (data.length === dataLengthRef.current) {\n        setPagination((previousPagination) => {\n          // @ts-expect-error This broke in the upgrade, but this component is legacy and replaced by `DataView`.\n          // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n          const nextPagination = paginationFunction(previousPagination);\n\n          // eslint-disable-next-line @typescript-eslint/no-unsafe-return\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 = useMemo(\n    () => ({\n      rowsPerPageOptions: [],\n      showFirstButton: false,\n      showLastButton: false,\n    }),\n    [],\n  );\n\n  const muiCheckboxStyles = useCallback<\n    // @ts-expect-error This breaks after the upgrade, but it doesn't matter as this is a legacy function and internal type.\n    NonNullable<Required<CheckboxProps>[\"sx\"]>\n  >(\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  const table = useMaterialReactTable({\n    columns: columns,\n    data: data,\n    enableMultiRowSelection: hasRowSelection,\n    enablePagination: true,\n    enableRowSelection: hasRowSelection,\n    enableSorting: false,\n    getRowId: getRowId,\n    initialState: modifiedInitialState,\n    muiSelectAllCheckboxProps: { sx: muiCheckboxStyles },\n    muiSelectCheckboxProps: { sx: muiCheckboxStyles },\n    muiPaginationProps: 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    rowVirtualizerOptions: { overscan: 4 },\n    state: modifiedState,\n  });\n\n  return <MaterialReactTable table={table} />;\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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","ignoreList":[]}
+{"version":3,"file":"PaginatedTable.cjs","names":["_materialReactTable","require","_react","_reactI18next","_Typography","_jsxRuntime","PaginatedTable","columns","data","fetchMoreData","getRowId","hasError","hasRowSelection","initialState","isFetching","onGlobalFilterChange","onPaginationChange","onRowSelectionChange","onRowSelectionChangeProp","rowsPerPage","state","ToolbarButtons","t","useTranslation","rowVirtualizerInstanceRef","useRef","columnFilters","setColumnFilters","useState","globalFilter","setGlobalFilter","useEffect","undefined","current","scrollToIndex","error","console","totalFetchedRows","length","renderBottomToolbarCustomActions","useCallback","jsx","Typography","children","Trans","count","i18nKey","values","totalRows","renderTopToolbarCustomActions","table","Fragment","rowSelection","setRowSelection","pagination","setPagination","pageIndex","pageSize","dataLengthRef","updatePagination","paginationFunction","previousPagination","nextPagination","numberOfPages","Math","floor","modifiedInitialState","useMemo","modifiedState","muiToolbarAlertBannerProps","severity","muiTablePaginationProps","rowsPerPageOptions","showFirstButton","showLastButton","muiCheckboxStyles","theme","components","MuiCheckbox","styleOverrides","root","ownerState","useMaterialReactTable","enableMultiRowSelection","enablePagination","enableRowSelection","enableSorting","muiSelectAllCheckboxProps","sx","muiSelectCheckboxProps","muiPaginationProps","onColumnFiltersChange","rowVirtualizerOptions","overscan","MaterialReactTable","MemoizedPaginatedTable","exports","memo","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, CheckboxProps } from \"@mui/material\";\nimport {\n  MaterialReactTable,\n  type MRT_ColumnFiltersState,\n  MRT_PaginationState,\n  type MRT_RowSelectionState,\n  type MRT_TableInstance,\n  type MRT_Virtualizer,\n  useMaterialReactTable,\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.js\";\n\nimport { Typography } from \"../Typography.js\";\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<{ table: MRT_TableInstance<TData> }>;\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 }: { table: MRT_TableInstance<TData> }) => (\n      <>{ToolbarButtons && <ToolbarButtons table={table} />}</>\n    ),\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    Required<MaterialReactTableProps<TData>>[\"onPaginationChange\"]\n  >(\n    (paginationFunction) => {\n      if (data.length === dataLengthRef.current) {\n        setPagination((previousPagination) => {\n          // @ts-expect-error This broke in the upgrade, but this component is legacy and replaced by `DataView`.\n          // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n          const nextPagination = paginationFunction(previousPagination);\n\n          // eslint-disable-next-line @typescript-eslint/no-unsafe-return\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 = useMemo(\n    () => ({\n      rowsPerPageOptions: [],\n      showFirstButton: false,\n      showLastButton: false,\n    }),\n    [],\n  );\n\n  const muiCheckboxStyles = useCallback<\n    // @ts-expect-error This breaks after the upgrade, but it doesn't matter as this is a legacy function and internal type.\n    NonNullable<Required<CheckboxProps>[\"sx\"]>\n  >(\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  const table = useMaterialReactTable({\n    columns: columns,\n    data: data,\n    enableMultiRowSelection: hasRowSelection,\n    enablePagination: true,\n    enableRowSelection: hasRowSelection,\n    enableSorting: false,\n    getRowId: getRowId,\n    initialState: modifiedInitialState,\n    muiSelectAllCheckboxProps: { sx: muiCheckboxStyles },\n    muiSelectCheckboxProps: { sx: muiCheckboxStyles },\n    muiPaginationProps: 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    rowVirtualizerOptions: { overscan: 4 },\n    state: modifiedState,\n  });\n\n  return <MaterialReactTable table={table} />;\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":";;;;;;AAaA,IAAAA,mBAAA,GAAAC,OAAA;AASA,IAAAC,MAAA,GAAAD,OAAA;AASA,IAAAE,aAAA,GAAAF,OAAA;AAOA,IAAAG,WAAA,GAAAH,OAAA;AAA8C,IAAAI,WAAA,GAAAJ,OAAA;AAtC9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AA+CA,MAAMK,cAAc,GAAGA,CAA8C;EACnEC,OAAO,GAAG,EAAE;EACZC,IAAI,GAAG,EAAE;EACTC,aAAa;EACbC,QAAQ;EACRC,QAAQ;EACRC,eAAe;EACfC,YAAY;EACZC,UAAU;EACVC,oBAAoB;EACpBC,kBAAkB;EAClBC,oBAAoB,EAAEC,wBAAwB;EAC9CC,WAAW,GAAG,EAAE;EAChBC,KAAK;EACLC;AAC0B,CAAC,KAAK;EAChC,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,4BAAc,EAAC,CAAC;EAE9B,MAAMC,yBAAyB,GAC7B,IAAAC,aAAM,EAAuD,IAAI,CAAC;EAEpE,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAG,IAAAC,eAAQ,EAChD,EACF,CAAC;EAED,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAG,IAAAF,eAAQ,EAAS,CAAC;EAE1D,IAAAG,gBAAS,EAAC,MAAM;IACd,IAAIF,YAAY,KAAKG,SAAS,EAAE;MAC9BjB,oBAAoB,GAAGc,YAAY,CAAC;IACtC;EACF,CAAC,EAAE,CAACA,YAAY,EAAEd,oBAAoB,CAAC,CAAC;EAExC,IAAAgB,gBAAS,EAAC,MAAM;IACd,IAAI;MAEFP,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,CAACT,aAAa,EAAEG,YAAY,CAAC,CAAC;EAEjC,MAAMQ,gBAAgB,GAAG7B,IAAI,CAAC8B,MAAM,IAAI,CAAC;EAEzC,MAAMC,gCAAgC,GAAG,IAAAC,kBAAW,EAClD,MACE/B,aAAa,GACX,IAAAJ,WAAA,CAAAoC,GAAA,EAACrC,WAAA,CAAAsC,UAAU;IAAAC,QAAA,EACT,IAAAtC,WAAA,CAAAoC,GAAA,EAACtC,aAAA,CAAAyC,KAAK;MACJC,KAAK,EAAER,gBAAiB;MACxBS,OAAO,EAAC,wBAAwB;MAChCC,MAAM,EAAE;QACNC,SAAS,EAAEX;MACb;IAAE,CACH;EAAC,CACQ,CAAC,GAEb,IAAAhC,WAAA,CAAAoC,GAAA,EAACrC,WAAA,CAAAsC,UAAU;IAAAC,QAAA,EACT,IAAAtC,WAAA,CAAAoC,GAAA,EAACtC,aAAA,CAAAyC,KAAK;MACJC,KAAK,EAAER,gBAAiB;MACxBS,OAAO,EAAC,iBAAiB;MACzBC,MAAM,EAAE;QACNC,SAAS,EAAEX;MACb;IAAE,CACH;EAAC,CACQ,CACb,EACH,CAAC5B,aAAa,EAAE4B,gBAAgB,CAClC,CAAC;EAED,MAAMY,6BAA6B,GAAG,IAAAT,kBAAW,EAM/C,CAAC;IAAEU;EAA2C,CAAC,KAC7C,IAAA7C,WAAA,CAAAoC,GAAA,EAAApC,WAAA,CAAA8C,QAAA;IAAAR,QAAA,EAAGtB,cAAc,IAAI,IAAAhB,WAAA,CAAAoC,GAAA,EAACpB,cAAc;MAAC6B,KAAK,EAAEA;IAAM,CAAE;EAAC,CAAG,CACzD,EACD,CAAC7B,cAAc,CACjB,CAAC;EAED,MAAM,CAAC+B,YAAY,EAAEC,eAAe,CAAC,GAAG,IAAAzB,eAAQ,EAAwB,CAAC,CAAC,CAAC;EAE3E,IAAAG,gBAAS,EAAC,MAAM;IACdb,wBAAwB,GAAGkC,YAAY,CAAC;EAC1C,CAAC,EAAE,CAAClC,wBAAwB,EAAEkC,YAAY,CAAC,CAAC;EAE5C,MAAM,CAACE,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAA3B,eAAQ,EAC1Cf,YAAY,EAAEyC,UAAU,IAAI;IAC1BE,SAAS,EAAE,CAAC;IACZC,QAAQ,EAAEtC;EACZ,CACF,CAAC;EAED,MAAMuC,aAAa,GAAG,IAAAjC,aAAM,EAACjB,IAAI,CAAC8B,MAAM,CAAC;EAEzC,MAAMqB,gBAAgB,GAAG,IAAAnB,kBAAW,EAGjCoB,kBAAkB,IAAK;IACtB,IAAIpD,IAAI,CAAC8B,MAAM,KAAKoB,aAAa,CAACzB,OAAO,EAAE;MACzCsB,aAAa,CAAEM,kBAAkB,IAAK;QAGpC,MAAMC,cAAc,GAAGF,kBAAkB,CAACC,kBAAkB,CAAC;QAG7D,OAAOC,cAAc;MACvB,CAAC,CAAC;IACJ,CAAC,MAAM;MACLJ,aAAa,CAACzB,OAAO,GAAGzB,IAAI,CAAC8B,MAAM;IACrC;EACF,CAAC,EACD,CAAC9B,IAAI,CAAC8B,MAAM,CACd,CAAC;EAED,IAAAP,gBAAS,EAAC,MAAM;IACd,MAAMgC,aAAa,GAAGC,IAAI,CAACC,KAAK,CAACzD,IAAI,CAAC8B,MAAM,GAAGgB,UAAU,CAACG,QAAQ,CAAC;IAEnE,IAAI,CAAC3C,UAAU,IAAIwC,UAAU,CAACE,SAAS,GAAGO,aAAa,GAAG,CAAC,EAAE;MAC3DtD,aAAa,GAAG,CAAC;IACnB;EACF,CAAC,EAAE,CACDD,IAAI,CAAC8B,MAAM,EACX7B,aAAa,EACbK,UAAU,EACVwC,UAAU,CAACE,SAAS,EACpBF,UAAU,CAACG,QAAQ,CACpB,CAAC;EAEF,IAAA1B,gBAAS,EAAC,MAAM;IACdf,kBAAkB,GAAG;MACnBwC,SAAS,EAAEF,UAAU,CAACE,SAAS;MAC/BC,QAAQ,EAAEH,UAAU,CAACG;IACvB,CAAC,CAAC;EACJ,CAAC,EAAE,CAACzC,kBAAkB,EAAEsC,UAAU,CAACE,SAAS,EAAEF,UAAU,CAACG,QAAQ,CAAC,CAAC;EAEnE,MAAMS,oBAAoB,GAAG,IAAAC,cAAO,EAClC,OAAO;IACLb,UAAU;IACV,GAAGzC;EACL,CAAC,CAAC,EACF,CAACA,YAAY,EAAEyC,UAAU,CAC3B,CAAC;EAED,MAAMc,aAAa,GAAG,IAAAD,cAAO,EAC3B,OAAO;IACLb,UAAU,EAAE;MACVE,SAAS,EAAEF,UAAU,CAACE,SAAS;MAC/BC,QAAQ,EAAEH,UAAU,CAACG;IACvB,CAAC;IACDL,YAAY;IACZvB,YAAY;IACZH,aAAa;IACb,GAAGN;EACL,CAAC,CAAC,EACF,CACEkC,UAAU,CAACE,SAAS,EACpBF,UAAU,CAACG,QAAQ,EACnBL,YAAY,EACZvB,YAAY,EACZH,aAAa,EACbN,KAAK,CAET,CAAC;EAED,MAAMiD,0BAAsC,GAAG,IAAAF,cAAO,EACpD,MACExD,QAAQ,GACJ;IACEgC,QAAQ,EAAErB,CAAC,CAAC,aAAa,CAAC;IAC1BgD,QAAQ,EAAE;EACZ,CAAC,GACD,CAAC,CAAC,EACR,CAAC3D,QAAQ,EAAEW,CAAC,CACd,CAAC;EAED,MAAMiD,uBAAuB,GAAG,IAAAJ,cAAO,EACrC,OAAO;IACLK,kBAAkB,EAAE,EAAE;IACtBC,eAAe,EAAE,KAAK;IACtBC,cAAc,EAAE;EAClB,CAAC,CAAC,EACF,EACF,CAAC;EAED,MAAMC,iBAAiB,GAAG,IAAAnC,kBAAW,EAIlCoC,KAAK,IACJ,OAAOA,KAAK,CAACC,UAAU,EAAEC,WAAW,EAAEC,cAAc,EAAEC,IAAI,KAAK,UAAU,GACrEJ,KAAK,CAACC,UAAU,EAAEC,WAAW,EAAEC,cAAc,EAAEC,IAAI,GAAG;IACpDC,UAAU,EAAE,CAAC,CAAC;IACdL;EACF,CAAC,CAAC,GACF,EAAE,EACR,EACF,CAAC;EAED,MAAM1B,KAAK,GAAG,IAAAgC,yCAAqB,EAAC;IAClC3E,OAAO,EAAEA,OAAO;IAChBC,IAAI,EAAEA,IAAI;IACV2E,uBAAuB,EAAEvE,eAAe;IACxCwE,gBAAgB,EAAE,IAAI;IACtBC,kBAAkB,EAAEzE,eAAe;IACnC0E,aAAa,EAAE,KAAK;IACpB5E,QAAQ,EAAEA,QAAQ;IAClBG,YAAY,EAAEqD,oBAAoB;IAClCqB,yBAAyB,EAAE;MAAEC,EAAE,EAAEb;IAAkB,CAAC;IACpDc,sBAAsB,EAAE;MAAED,EAAE,EAAEb;IAAkB,CAAC;IACjDe,kBAAkB,EAAEnB,uBAAuB;IAC3CF,0BAA0B,EAAEA,0BAA0B;IACtDsB,qBAAqB,EAAEhE,gBAAgB;IACvCZ,oBAAoB,EAAEe,eAAe;IACrCd,kBAAkB,EAAE2C,gBAAgB;IACpC1C,oBAAoB,EAAEoC,eAAe;IACrCd,gCAAgC,EAAEA,gCAAgC;IAClEU,6BAA6B,EAAEA,6BAA6B;IAC5DzB,yBAAyB,EAAEA,yBAAyB;IACpDoE,qBAAqB,EAAE;MAAEC,QAAQ,EAAE;IAAE,CAAC;IACtCzE,KAAK,EAAEgD;EACT,CAAC,CAAC;EAEF,OAAO,IAAA/D,WAAA,CAAAoC,GAAA,EAACzC,mBAAA,CAAA8F,kBAAkB;IAAC5C,KAAK,EAAEA;EAAM,CAAE,CAAC;AAC7C,CAAC;AAED,MAAM6C,sBAAsB,GAAAC,OAAA,CAAA1F,cAAA,GAAG,IAAA2F,WAAI,EAAC3F,cAAc,CAA0B;AAG5EyF,sBAAsB,CAACG,WAAW,GAAG,gBAAgB","ignoreList":[]}

package/dist/cjs/labs/StaticTable.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"StaticTable.cjs","names":["_materialReactTable","require","_react","_reactI18next","_jsxRuntime","StaticTable","columns","data","getRowId","hasError","initialState","onGlobalFilterChange","state","ToolbarButtons","t","useTranslation","rowVirtualizerInstanceRef","useRef","columnFilters","setColumnFilters","useState","globalFilter","setGlobalFilter","useEffect","undefined","modifiedState","useMemo","renderTopToolbarCustomActions","useCallback","table","jsx","Fragment","children","current","scrollToIndex","error","console","useMaterialReactTable","enableBottomToolbar","enablePagination","enableRowVirtualization","enableSorting","muiToolbarAlertBannerProps","color","onColumnFiltersChange","rowVirtualizerOptions","overscan","MaterialReactTable","MemoizedStaticTable","exports","memo","displayName"],"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 {\n  useMaterialReactTable,\n  type MRT_ColumnFiltersState,\n  type MRT_TableInstance,\n  type MRT_Virtualizer,\n  MaterialReactTable,\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.js\";\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<{ table: MRT_TableInstance<TData> }>;\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  const table = useMaterialReactTable({\n    columns: columns,\n    data: data,\n    enableBottomToolbar: false,\n    enablePagination: false,\n    enableRowVirtualization: true,\n    enableSorting: false,\n    getRowId: getRowId,\n    initialState: initialState,\n    muiToolbarAlertBannerProps: hasError\n      ? { children: t(\"table.error\"), color: \"error\" }\n      : undefined,\n    onColumnFiltersChange: setColumnFilters,\n    onGlobalFilterChange: setGlobalFilter,\n    renderTopToolbarCustomActions: renderTopToolbarCustomActions,\n    rowVirtualizerInstanceRef: rowVirtualizerInstanceRef,\n    rowVirtualizerOptions: { overscan: 4 },\n    state: modifiedState,\n  });\n\n  return <MaterialReactTable table={table} />;\n};\n\n// Need the `typeof StaticTable` because generics don't get passed through `memo`.\nconst MemoizedStaticTable = memo(StaticTable) as typeof StaticTable;\n\n// @ts-expect-error displayName is expected to not be on `typeof StaticTable`\nMemoizedStaticTable.displayName = \"StaticTable\";\n\nexport { MemoizedStaticTable as StaticTable };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"StaticTable.cjs","names":["_materialReactTable","require","_react","_reactI18next","_jsxRuntime","StaticTable","columns","data","getRowId","hasError","initialState","onGlobalFilterChange","state","ToolbarButtons","t","useTranslation","rowVirtualizerInstanceRef","useRef","columnFilters","setColumnFilters","useState","globalFilter","setGlobalFilter","useEffect","undefined","modifiedState","useMemo","renderTopToolbarCustomActions","useCallback","table","jsx","Fragment","children","current","scrollToIndex","error","console","useMaterialReactTable","enableBottomToolbar","enablePagination","enableRowVirtualization","enableSorting","muiToolbarAlertBannerProps","color","onColumnFiltersChange","rowVirtualizerOptions","overscan","MaterialReactTable","MemoizedStaticTable","exports","memo","displayName"],"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 {\n  MaterialReactTable,\n  type MRT_ColumnFiltersState,\n  type MRT_TableInstance,\n  type MRT_Virtualizer,\n  useMaterialReactTable,\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.js\";\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<{ table: MRT_TableInstance<TData> }>;\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  const table = useMaterialReactTable({\n    columns: columns,\n    data: data,\n    enableBottomToolbar: false,\n    enablePagination: false,\n    enableRowVirtualization: true,\n    enableSorting: false,\n    getRowId: getRowId,\n    initialState: initialState,\n    muiToolbarAlertBannerProps: hasError\n      ? { children: t(\"table.error\"), color: \"error\" }\n      : undefined,\n    onColumnFiltersChange: setColumnFilters,\n    onGlobalFilterChange: setGlobalFilter,\n    renderTopToolbarCustomActions: renderTopToolbarCustomActions,\n    rowVirtualizerInstanceRef: rowVirtualizerInstanceRef,\n    rowVirtualizerOptions: { overscan: 4 },\n    state: modifiedState,\n  });\n\n  return <MaterialReactTable table={table} />;\n};\n\n// Need the `typeof StaticTable` because generics don't get passed through `memo`.\nconst MemoizedStaticTable = memo(StaticTable) as typeof StaticTable;\n\n// @ts-expect-error displayName is expected to not be on `typeof StaticTable`\nMemoizedStaticTable.displayName = \"StaticTable\";\n\nexport { MemoizedStaticTable as StaticTable };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/labs/UserProfile.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"UserProfile.cjs","names":["_styled","_interopRequireDefault","require","_react","_Box","_OdysseyDesignTokensContext","_Typography","_jsxRuntime","e","__esModule","default","UserProfileContainer","styled","shouldForwardProp","prop","display","alignItems","UserProfileIconContainer","odysseyDesignTokens","paddingInlineEnd","Spacing2","UserProfile","profileIcon","userName","orgName","translate","userNameEndIcon","useOdysseyDesignTokens","jsxs","children","jsx","Box","sx","flexDirection","gap","Subordinate","color","MemoizedUserProfile","exports","memo","displayName"],"sources":["../../../src/labs/UserProfile.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 { memo, type ReactElement } from \"react\";\n\nimport { Box } from \"../Box.js\";\nimport { HtmlProps } from \"../HtmlProps.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../OdysseyDesignTokensContext.js\";\nimport { Subordinate } from \"../Typography.js\";\n\nconst UserProfileContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>({\n  display: \"flex\",\n  alignItems: \"center\",\n});\n\nconst UserProfileIconContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  paddingInlineEnd: odysseyDesignTokens.Spacing2,\n}));\n\nexport type UserProfileProps = {\n  /**\n   * Logged in user profile icon to be displayed in the top nav\n   */\n  profileIcon?: ReactElement;\n  /**\n   * Logged in user info to be displayed in the top nav\n   */\n  userName: string;\n  /**\n   * Org name of the logged in user\n   */\n  orgName: string;\n  /**\n   * The icon element to display after the username\n   */\n  userNameEndIcon?: ReactElement;\n} & Pick<HtmlProps, \"translate\">;\n\nconst UserProfile = ({\n  profileIcon,\n  userName,\n  orgName,\n  translate,\n  userNameEndIcon,\n}: UserProfileProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  return (\n    <UserProfileContainer odysseyDesignTokens={odysseyDesignTokens}>\n      {profileIcon && (\n        <UserProfileIconContainer odysseyDesignTokens={odysseyDesignTokens}>\n          {profileIcon}\n        </UserProfileIconContainer>\n      )}\n\n      <div>\n        {userNameEndIcon ? (\n          <Box\n            sx={{\n              display: \"flex\",\n              flexDirection: \"row\",\n              gap: odysseyDesignTokens.Spacing2,\n            }}\n          >\n            <Subordinate color=\"textPrimary\" translate={translate}>\n              {userName}\n            </Subordinate>\n            {userNameEndIcon}\n          </Box>\n        ) : (\n          <Subordinate color=\"textPrimary\" translate={translate}>\n            {userName}\n          </Subordinate>\n        )}\n        <Subordinate color=\"textSecondary\" translate={translate}>\n          {orgName}\n        </Subordinate>\n      </div>\n    </UserProfileContainer>\n  );\n};\n\nconst MemoizedUserProfile = memo(UserProfile);\nMemoizedUserProfile.displayName = \"UserProfile\";\n\nexport { MemoizedUserProfile as UserProfile };\n"],"mappings":";;;;;;AAYA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,IAAA,GAAAF,OAAA;AAEA,IAAAG,2BAAA,GAAAH,OAAA;AAIA,IAAAI,WAAA,GAAAJ,OAAA;AAA+C,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AArB/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAaA,MAAMG,oBAAoB,GAAG,IAAAC,eAAM,EAAC,KAAK,EAAE;EACzCC,iBAAiB,EAAGC,IAAI,IAAKA,IAAI,KAAK;AACxC,CAAC,CAAC,CAAwC;EACxCC,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE;AACd,CAAC,CAAC;AAEF,MAAMC,wBAAwB,GAAG,IAAAL,eAAM,EAAC,KAAK,EAAE;EAC7CC,iBAAiB,EAAGC,IAAI,IAAKA,IAAI,KAAK;AACxC,CAAC,CAAC,CAAwC,CAAC;EAAEI;AAAoB,CAAC,MAAM;EACtEH,OAAO,EAAE,MAAM;EACfI,gBAAgB,EAAED,mBAAmB,CAACE;AACxC,CAAC,CAAC,CAAC;AAqBH,MAAMC,WAAW,GAAGA,CAAC;EACnBC,WAAW;EACXC,QAAQ;EACRC,OAAO;EACPC,SAAS;EACTC;AACgB,CAAC,KAAK;EACtB,MAAMR,mBAAmB,GAAG,IAAAS,kDAAsB,EAAC,CAAC;EAEpD,OACE,IAAApB,WAAA,CAAAqB,IAAA,EAACjB,oBAAoB;IAACO,mBAAmB,EAAEA,mBAAoB;IAAAW,QAAA,GAC5DP,WAAW,IACV,IAAAf,WAAA,CAAAuB,GAAA,EAACb,wBAAwB;MAACC,mBAAmB,EAAEA,mBAAoB;MAAAW,QAAA,EAChEP;IAAW,CACY,CAC3B,EAED,IAAAf,WAAA,CAAAqB,IAAA;MAAAC,QAAA,GACGH,eAAe,GACd,IAAAnB,WAAA,CAAAqB,IAAA,EAACxB,IAAA,CAAA2B,GAAG;QACFC,EAAE,EAAE;UACFjB,OAAO,EAAE,MAAM;UACfkB,aAAa,EAAE,KAAK;UACpBC,GAAG,EAAEhB,mBAAmB,CAACE;QAC3B,CAAE;QAAAS,QAAA,GAEF,IAAAtB,WAAA,CAAAuB,GAAA,EAACxB,WAAA,CAAA6B,WAAW;UAACC,KAAK,EAAC,aAAa;UAACX,SAAS,EAAEA,SAAU;UAAAI,QAAA,EACnDN;QAAQ,CACE,CAAC,EACbG,eAAe;MAAA,CACb,CAAC,GAEN,IAAAnB,WAAA,CAAAuB,GAAA,EAACxB,WAAA,CAAA6B,WAAW;QAACC,KAAK,EAAC,aAAa;QAACX,SAAS,EAAEA,SAAU;QAAAI,QAAA,EACnDN;MAAQ,CACE,CACd,EACD,IAAAhB,WAAA,CAAAuB,GAAA,EAACxB,WAAA,CAAA6B,WAAW;QAACC,KAAK,EAAC,eAAe;QAACX,SAAS,EAAEA,SAAU;QAAAI,QAAA,EACrDL;MAAO,CACG,CAAC;IAAA,CACX,CAAC;EAAA,CACc,CAAC;AAE3B,CAAC;AAED,MAAMa,mBAAmB,GAAAC,OAAA,CAAAjB,WAAA,GAAG,IAAAkB,WAAI,EAAClB,WAAW,CAAC;AAC7CgB,mBAAmB,CAACG,WAAW,GAAG,aAAa","ignoreList":[]}
+{"version":3,"file":"UserProfile.cjs","names":["_styled","_interopRequireDefault","require","_react","_Box","_OdysseyDesignTokensContext","_Typography","_jsxRuntime","e","__esModule","default","UserProfileContainer","styled","shouldForwardProp","prop","display","alignItems","UserProfileIconContainer","odysseyDesignTokens","paddingInlineEnd","Spacing2","UserProfile","profileIcon","userName","orgName","translate","userNameEndIcon","useOdysseyDesignTokens","jsxs","children","jsx","Box","sx","flexDirection","gap","Subordinate","color","MemoizedUserProfile","exports","memo","displayName"],"sources":["../../../src/labs/UserProfile.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 { memo, type ReactElement } from \"react\";\n\nimport { Box } from \"../Box.js\";\nimport { HtmlProps } from \"../HtmlProps.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../OdysseyDesignTokensContext.js\";\nimport { Subordinate } from \"../Typography.js\";\n\nconst UserProfileContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>({\n  display: \"flex\",\n  alignItems: \"center\",\n});\n\nconst UserProfileIconContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  paddingInlineEnd: odysseyDesignTokens.Spacing2,\n}));\n\nexport type UserProfileProps = {\n  /**\n   * Org name of the logged in user\n   */\n  orgName: string;\n  /**\n   * Logged in user profile icon to be displayed in the top nav\n   */\n  profileIcon?: ReactElement;\n  /**\n   * Logged in user info to be displayed in the top nav\n   */\n  userName: string;\n  /**\n   * The icon element to display after the username\n   */\n  userNameEndIcon?: ReactElement;\n} & Pick<HtmlProps, \"translate\">;\n\nconst UserProfile = ({\n  profileIcon,\n  userName,\n  orgName,\n  translate,\n  userNameEndIcon,\n}: UserProfileProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  return (\n    <UserProfileContainer odysseyDesignTokens={odysseyDesignTokens}>\n      {profileIcon && (\n        <UserProfileIconContainer odysseyDesignTokens={odysseyDesignTokens}>\n          {profileIcon}\n        </UserProfileIconContainer>\n      )}\n\n      <div>\n        {userNameEndIcon ? (\n          <Box\n            sx={{\n              display: \"flex\",\n              flexDirection: \"row\",\n              gap: odysseyDesignTokens.Spacing2,\n            }}\n          >\n            <Subordinate color=\"textPrimary\" translate={translate}>\n              {userName}\n            </Subordinate>\n            {userNameEndIcon}\n          </Box>\n        ) : (\n          <Subordinate color=\"textPrimary\" translate={translate}>\n            {userName}\n          </Subordinate>\n        )}\n        <Subordinate color=\"textSecondary\" translate={translate}>\n          {orgName}\n        </Subordinate>\n      </div>\n    </UserProfileContainer>\n  );\n};\n\nconst MemoizedUserProfile = memo(UserProfile);\nMemoizedUserProfile.displayName = \"UserProfile\";\n\nexport { MemoizedUserProfile as UserProfile };\n"],"mappings":";;;;;;AAYA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,IAAA,GAAAF,OAAA;AAEA,IAAAG,2BAAA,GAAAH,OAAA;AAIA,IAAAI,WAAA,GAAAJ,OAAA;AAA+C,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AArB/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAaA,MAAMG,oBAAoB,GAAG,IAAAC,eAAM,EAAC,KAAK,EAAE;EACzCC,iBAAiB,EAAGC,IAAI,IAAKA,IAAI,KAAK;AACxC,CAAC,CAAC,CAAwC;EACxCC,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE;AACd,CAAC,CAAC;AAEF,MAAMC,wBAAwB,GAAG,IAAAL,eAAM,EAAC,KAAK,EAAE;EAC7CC,iBAAiB,EAAGC,IAAI,IAAKA,IAAI,KAAK;AACxC,CAAC,CAAC,CAAwC,CAAC;EAAEI;AAAoB,CAAC,MAAM;EACtEH,OAAO,EAAE,MAAM;EACfI,gBAAgB,EAAED,mBAAmB,CAACE;AACxC,CAAC,CAAC,CAAC;AAqBH,MAAMC,WAAW,GAAGA,CAAC;EACnBC,WAAW;EACXC,QAAQ;EACRC,OAAO;EACPC,SAAS;EACTC;AACgB,CAAC,KAAK;EACtB,MAAMR,mBAAmB,GAAG,IAAAS,kDAAsB,EAAC,CAAC;EAEpD,OACE,IAAApB,WAAA,CAAAqB,IAAA,EAACjB,oBAAoB;IAACO,mBAAmB,EAAEA,mBAAoB;IAAAW,QAAA,GAC5DP,WAAW,IACV,IAAAf,WAAA,CAAAuB,GAAA,EAACb,wBAAwB;MAACC,mBAAmB,EAAEA,mBAAoB;MAAAW,QAAA,EAChEP;IAAW,CACY,CAC3B,EAED,IAAAf,WAAA,CAAAqB,IAAA;MAAAC,QAAA,GACGH,eAAe,GACd,IAAAnB,WAAA,CAAAqB,IAAA,EAACxB,IAAA,CAAA2B,GAAG;QACFC,EAAE,EAAE;UACFjB,OAAO,EAAE,MAAM;UACfkB,aAAa,EAAE,KAAK;UACpBC,GAAG,EAAEhB,mBAAmB,CAACE;QAC3B,CAAE;QAAAS,QAAA,GAEF,IAAAtB,WAAA,CAAAuB,GAAA,EAACxB,WAAA,CAAA6B,WAAW;UAACC,KAAK,EAAC,aAAa;UAACX,SAAS,EAAEA,SAAU;UAAAI,QAAA,EACnDN;QAAQ,CACE,CAAC,EACbG,eAAe;MAAA,CACb,CAAC,GAEN,IAAAnB,WAAA,CAAAuB,GAAA,EAACxB,WAAA,CAAA6B,WAAW;QAACC,KAAK,EAAC,aAAa;QAACX,SAAS,EAAEA,SAAU;QAAAI,QAAA,EACnDN;MAAQ,CACE,CACd,EACD,IAAAhB,WAAA,CAAAuB,GAAA,EAACxB,WAAA,CAAA6B,WAAW;QAACC,KAAK,EAAC,eAAe;QAACX,SAAS,EAAEA,SAAU;QAAAI,QAAA,EACrDL;MAAO,CACG,CAAC;IAAA,CACX,CAAC;EAAA,CACc,CAAC;AAE3B,CAAC;AAED,MAAMa,mBAAmB,GAAAC,OAAA,CAAAjB,WAAA,GAAG,IAAAkB,WAAI,EAAClB,WAAW,CAAC;AAC7CgB,mBAAmB,CAACG,WAAW,GAAG,aAAa","ignoreList":[]}

package/dist/cjs/labs/UserProfileMenuButton.cjs

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.UserProfileMenuButton = void 0;
-var _react = require("react");
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _index = require("../icons.generated/index.cjs");
+var _react = require("react");
 var _BaseMenuButton = require("../Buttons/BaseMenuButton.cjs");
+var _index = require("../icons.generated/index.cjs");
 var _OdysseyDesignTokensContext = require("../OdysseyDesignTokensContext.cjs");
 var _UserProfile = require("./UserProfile.cjs");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -48,15 +48,15 @@ const UserProfileMenuButton = ({
     odysseyDesignTokens: odysseyDesignTokens,
     children: (0, _jsxRuntime.jsx)(_BaseMenuButton.BaseMenuButton, {
       ...menuButtonProps,
-      buttonVariant: "floating",
-      omitEndIcon: true,
       buttonChildren: (0, _jsxRuntime.jsx)(_UserProfile.UserProfile, {
-        profileIcon: profileIcon,
-        userName: userName,
         orgName: orgName,
+        profileIcon: profileIcon,
         translate: translate,
+        userName: userName,
         userNameEndIcon: userNameEndIcon ?? (0, _jsxRuntime.jsx)(_index.ChevronDownIcon, {})
-      })
+      }),
+      buttonVariant: "floating",
+      omitEndIcon: true
     })
   });
 };

package/dist/cjs/labs/UserProfileMenuButton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"UserProfileMenuButton.cjs","names":["_react","require","_styled","_interopRequireDefault","_index","_BaseMenuButton","_OdysseyDesignTokensContext","_UserProfile","_jsxRuntime","e","__esModule","default","StyledUnsetButtonHeightContainer","styled","shouldForwardProp","prop","odysseyDesignTokens","button","height","paddingBlock","Spacing2","textAlign","UserProfileMenuButton","profileIcon","orgName","translate","userNameEndIcon","userName","menuButtonProps","useOdysseyDesignTokens","jsx","children","BaseMenuButton","buttonVariant","omitEndIcon","buttonChildren","UserProfile","ChevronDownIcon","MemoizedUserProfileMenuButton","exports","memo","displayName"],"sources":["../../../src/labs/UserProfileMenuButton.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 { memo } from \"react\";\nimport styled from \"@emotion/styled\";\n\nimport { ChevronDownIcon } from \"../icons.generated/index.js\";\nimport {\n  AdditionalBaseMenuButtonProps,\n  BaseMenuButton,\n  BaseMenuButtonProps,\n} from \"../Buttons/BaseMenuButton.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../OdysseyDesignTokensContext.js\";\nimport { UserProfile, UserProfileProps } from \"./UserProfile.js\";\n\nconst StyledUnsetButtonHeightContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  button: {\n    height: \"unset\",\n    paddingBlock: odysseyDesignTokens.Spacing2,\n    textAlign: \"unset\",\n  },\n}));\n\nexport type UserProfileMenuButtonProps = Omit<\n  BaseMenuButtonProps,\n  \"endIcon\" | \"variant\"\n> &\n  AdditionalBaseMenuButtonProps &\n  UserProfileProps & {\n    /**\n     *\n     * NOTE: In this case, attribute only applies to user name and org name\n     */\n    translate?: string;\n  };\n\nconst UserProfileMenuButton = ({\n  profileIcon,\n  orgName,\n  translate,\n  userNameEndIcon,\n  userName,\n  ...menuButtonProps\n}: UserProfileMenuButtonProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  return (\n    <StyledUnsetButtonHeightContainer odysseyDesignTokens={odysseyDesignTokens}>\n      <BaseMenuButton\n        {...menuButtonProps}\n        buttonVariant=\"floating\"\n        omitEndIcon={true}\n        buttonChildren={\n          <UserProfile\n            profileIcon={profileIcon}\n            userName={userName}\n            orgName={orgName}\n            translate={translate}\n            userNameEndIcon={userNameEndIcon ?? <ChevronDownIcon />}\n          />\n        }\n      />\n    </StyledUnsetButtonHeightContainer>\n  );\n};\n\nconst MemoizedUserProfileMenuButton = memo(UserProfileMenuButton);\nMemoizedUserProfileMenuButton.displayName = \"UserProfileMenuButton\";\n\nexport { MemoizedUserProfileMenuButton as UserProfileMenuButton };\n"],"mappings":";;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AAKA,IAAAK,2BAAA,GAAAL,OAAA;AAIA,IAAAM,YAAA,GAAAN,OAAA;AAAiE,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAE,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAzBjE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAiBA,MAAMG,gCAAgC,GAAG,IAAAC,eAAM,EAAC,KAAK,EAAE;EACrDC,iBAAiB,EAAGC,IAAI,IAAKA,IAAI,KAAK;AACxC,CAAC,CAAC,CAEC,CAAC;EAAEC;AAAoB,CAAC,MAAM;EAC/BC,MAAM,EAAE;IACNC,MAAM,EAAE,OAAO;IACfC,YAAY,EAAEH,mBAAmB,CAACI,QAAQ;IAC1CC,SAAS,EAAE;EACb;AACF,CAAC,CAAC,CAAC;AAeH,MAAMC,qBAAqB,GAAGA,CAAC;EAC7BC,WAAW;EACXC,OAAO;EACPC,SAAS;EACTC,eAAe;EACfC,QAAQ;EACR,GAAGC;AACuB,CAAC,KAAK;EAChC,MAAMZ,mBAAmB,GAAG,IAAAa,kDAAsB,EAAC,CAAC;EAEpD,OACE,IAAArB,WAAA,CAAAsB,GAAA,EAAClB,gCAAgC;IAACI,mBAAmB,EAAEA,mBAAoB;IAAAe,QAAA,EACzE,IAAAvB,WAAA,CAAAsB,GAAA,EAACzB,eAAA,CAAA2B,cAAc;MAAA,GACTJ,eAAe;MACnBK,aAAa,EAAC,UAAU;MACxBC,WAAW,EAAE,IAAK;MAClBC,cAAc,EACZ,IAAA3B,WAAA,CAAAsB,GAAA,EAACvB,YAAA,CAAA6B,WAAW;QACVb,WAAW,EAAEA,WAAY;QACzBI,QAAQ,EAAEA,QAAS;QACnBH,OAAO,EAAEA,OAAQ;QACjBC,SAAS,EAAEA,SAAU;QACrBC,eAAe,EAAEA,eAAe,IAAI,IAAAlB,WAAA,CAAAsB,GAAA,EAAC1B,MAAA,CAAAiC,eAAe,IAAE;MAAE,CACzD;IACF,CACF;EAAC,CAC8B,CAAC;AAEvC,CAAC;AAED,MAAMC,6BAA6B,GAAAC,OAAA,CAAAjB,qBAAA,GAAG,IAAAkB,WAAI,EAAClB,qBAAqB,CAAC;AACjEgB,6BAA6B,CAACG,WAAW,GAAG,uBAAuB","ignoreList":[]}
+{"version":3,"file":"UserProfileMenuButton.cjs","names":["_styled","_interopRequireDefault","require","_react","_BaseMenuButton","_index","_OdysseyDesignTokensContext","_UserProfile","_jsxRuntime","e","__esModule","default","StyledUnsetButtonHeightContainer","styled","shouldForwardProp","prop","odysseyDesignTokens","button","height","paddingBlock","Spacing2","textAlign","UserProfileMenuButton","profileIcon","orgName","translate","userNameEndIcon","userName","menuButtonProps","useOdysseyDesignTokens","jsx","children","BaseMenuButton","buttonChildren","UserProfile","ChevronDownIcon","buttonVariant","omitEndIcon","MemoizedUserProfileMenuButton","exports","memo","displayName"],"sources":["../../../src/labs/UserProfileMenuButton.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 { memo } from \"react\";\n\nimport {\n  AdditionalBaseMenuButtonProps,\n  BaseMenuButton,\n  BaseMenuButtonProps,\n} from \"../Buttons/BaseMenuButton.js\";\nimport { ChevronDownIcon } from \"../icons.generated/index.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../OdysseyDesignTokensContext.js\";\nimport { UserProfile, UserProfileProps } from \"./UserProfile.js\";\n\nconst StyledUnsetButtonHeightContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  button: {\n    height: \"unset\",\n    paddingBlock: odysseyDesignTokens.Spacing2,\n    textAlign: \"unset\",\n  },\n}));\n\nexport type UserProfileMenuButtonProps = Omit<\n  BaseMenuButtonProps,\n  \"endIcon\" | \"variant\"\n> &\n  AdditionalBaseMenuButtonProps &\n  UserProfileProps & {\n    /**\n     *\n     * NOTE: In this case, attribute only applies to user name and org name\n     */\n    translate?: string;\n  };\n\nconst UserProfileMenuButton = ({\n  profileIcon,\n  orgName,\n  translate,\n  userNameEndIcon,\n  userName,\n  ...menuButtonProps\n}: UserProfileMenuButtonProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  return (\n    <StyledUnsetButtonHeightContainer odysseyDesignTokens={odysseyDesignTokens}>\n      <BaseMenuButton\n        {...menuButtonProps}\n        buttonChildren={\n          <UserProfile\n            orgName={orgName}\n            profileIcon={profileIcon}\n            translate={translate}\n            userName={userName}\n            userNameEndIcon={userNameEndIcon ?? <ChevronDownIcon />}\n          />\n        }\n        buttonVariant=\"floating\"\n        omitEndIcon={true}\n      />\n    </StyledUnsetButtonHeightContainer>\n  );\n};\n\nconst MemoizedUserProfileMenuButton = memo(UserProfileMenuButton);\nMemoizedUserProfileMenuButton.displayName = \"UserProfileMenuButton\";\n\nexport { MemoizedUserProfileMenuButton as UserProfileMenuButton };\n"],"mappings":";;;;;;AAYA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,eAAA,GAAAF,OAAA;AAKA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,2BAAA,GAAAJ,OAAA;AAIA,IAAAK,YAAA,GAAAL,OAAA;AAAiE,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAzBjE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAiBA,MAAMG,gCAAgC,GAAG,IAAAC,eAAM,EAAC,KAAK,EAAE;EACrDC,iBAAiB,EAAGC,IAAI,IAAKA,IAAI,KAAK;AACxC,CAAC,CAAC,CAEC,CAAC;EAAEC;AAAoB,CAAC,MAAM;EAC/BC,MAAM,EAAE;IACNC,MAAM,EAAE,OAAO;IACfC,YAAY,EAAEH,mBAAmB,CAACI,QAAQ;IAC1CC,SAAS,EAAE;EACb;AACF,CAAC,CAAC,CAAC;AAeH,MAAMC,qBAAqB,GAAGA,CAAC;EAC7BC,WAAW;EACXC,OAAO;EACPC,SAAS;EACTC,eAAe;EACfC,QAAQ;EACR,GAAGC;AACuB,CAAC,KAAK;EAChC,MAAMZ,mBAAmB,GAAG,IAAAa,kDAAsB,EAAC,CAAC;EAEpD,OACE,IAAArB,WAAA,CAAAsB,GAAA,EAAClB,gCAAgC;IAACI,mBAAmB,EAAEA,mBAAoB;IAAAe,QAAA,EACzE,IAAAvB,WAAA,CAAAsB,GAAA,EAAC1B,eAAA,CAAA4B,cAAc;MAAA,GACTJ,eAAe;MACnBK,cAAc,EACZ,IAAAzB,WAAA,CAAAsB,GAAA,EAACvB,YAAA,CAAA2B,WAAW;QACVV,OAAO,EAAEA,OAAQ;QACjBD,WAAW,EAAEA,WAAY;QACzBE,SAAS,EAAEA,SAAU;QACrBE,QAAQ,EAAEA,QAAS;QACnBD,eAAe,EAAEA,eAAe,IAAI,IAAAlB,WAAA,CAAAsB,GAAA,EAACzB,MAAA,CAAA8B,eAAe,IAAE;MAAE,CACzD,CACF;MACDC,aAAa,EAAC,UAAU;MACxBC,WAAW,EAAE;IAAK,CACnB;EAAC,CAC8B,CAAC;AAEvC,CAAC;AAED,MAAMC,6BAA6B,GAAAC,OAAA,CAAAjB,qBAAA,GAAG,IAAAkB,WAAI,EAAClB,qBAAqB,CAAC;AACjEgB,6BAA6B,CAACG,WAAW,GAAG,uBAAuB","ignoreList":[]}

package/dist/cjs/labs/index.cjs

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
-  AdapterDateFns: true,
   LocalizationProvider: true,
+  AdapterDateFns: true,
   GroupPicker: true
 };
 Object.defineProperty(exports, "AdapterDateFns", {
@@ -26,21 +26,9 @@ Object.defineProperty(exports, "LocalizationProvider", {
     return _xDatePickers.LocalizationProvider;
   }
 });
-var _AdapterDateFns = require("@mui/x-date-pickers/AdapterDateFns");
 var _xDatePickers = require("@mui/x-date-pickers");
-var _AppTile = require("./AppTile.cjs");
-Object.keys(_AppTile).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _AppTile[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _AppTile[key];
-    }
-  });
-});
-var _index = require("./DatePickers/index.cjs");
+var _AdapterDateFns = require("@mui/x-date-pickers/AdapterDateFns");
+var _index = require("../ui-shell/AppSwitcher/index.cjs");
 Object.keys(_index).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -52,7 +40,7 @@ Object.keys(_index).forEach(function (key) {
     }
   });
 });
-var _index2 = require("./DataView/index.cjs");
+var _index2 = require("../ui-shell/SideNav/index.cjs");
 Object.keys(_index2).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -64,67 +52,67 @@ Object.keys(_index2).forEach(function (key) {
     }
   });
 });
-var _DataTablePagination = require("./DataTablePagination.cjs");
-Object.keys(_DataTablePagination).forEach(function (key) {
+var _index3 = require("../ui-shell/TopNav/index.cjs");
+Object.keys(_index3).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _DataTablePagination[key]) return;
+  if (key in exports && exports[key] === _index3[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _DataTablePagination[key];
+      return _index3[key];
     }
   });
 });
-var _DataFilters = require("./DataFilters.cjs");
-Object.keys(_DataFilters).forEach(function (key) {
+var _UiShell = require("../ui-shell/UiShell.cjs");
+Object.keys(_UiShell).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _DataFilters[key]) return;
+  if (key in exports && exports[key] === _UiShell[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _DataFilters[key];
+      return _UiShell[key];
     }
   });
 });
-var _materialReactTableTypes = require("./materialReactTableTypes.cjs");
-Object.keys(_materialReactTableTypes).forEach(function (key) {
+var _AppTile = require("./AppTile.cjs");
+Object.keys(_AppTile).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _materialReactTableTypes[key]) return;
+  if (key in exports && exports[key] === _AppTile[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _materialReactTableTypes[key];
+      return _AppTile[key];
     }
   });
 });
-var _StaticTable = require("./StaticTable.cjs");
-Object.keys(_StaticTable).forEach(function (key) {
+var _DataFilters = require("./DataFilters.cjs");
+Object.keys(_DataFilters).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _StaticTable[key]) return;
+  if (key in exports && exports[key] === _DataFilters[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _StaticTable[key];
+      return _DataFilters[key];
     }
   });
 });
-var _index3 = require("./OdysseyPickers/index.cjs");
-Object.keys(_index3).forEach(function (key) {
+var _DataTablePagination = require("./DataTablePagination.cjs");
+Object.keys(_DataTablePagination).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _index3[key]) return;
+  if (key in exports && exports[key] === _DataTablePagination[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _index3[key];
+      return _DataTablePagination[key];
     }
   });
 });
-var _index4 = require("./PageTemplate/index.cjs");
+var _index4 = require("./DataView/index.cjs");
 Object.keys(_index4).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -136,87 +124,99 @@ Object.keys(_index4).forEach(function (key) {
     }
   });
 });
-var _PaginatedTable = require("./PaginatedTable.cjs");
-Object.keys(_PaginatedTable).forEach(function (key) {
+var _index5 = require("./DatePickers/index.cjs");
+Object.keys(_index5).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _PaginatedTable[key]) return;
+  if (key in exports && exports[key] === _index5[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _PaginatedTable[key];
+      return _index5[key];
     }
   });
 });
-var _UserProfile = require("./UserProfile.cjs");
-Object.keys(_UserProfile).forEach(function (key) {
+var _materialReactTableTypes = require("./materialReactTableTypes.cjs");
+Object.keys(_materialReactTableTypes).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _UserProfile[key]) return;
+  if (key in exports && exports[key] === _materialReactTableTypes[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _UserProfile[key];
+      return _materialReactTableTypes[key];
     }
   });
 });
-var _UserProfileMenuButton = require("./UserProfileMenuButton.cjs");
-Object.keys(_UserProfileMenuButton).forEach(function (key) {
+var _index6 = require("./OdysseyPickers/index.cjs");
+Object.keys(_index6).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _UserProfileMenuButton[key]) return;
+  if (key in exports && exports[key] === _index6[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _UserProfileMenuButton[key];
+      return _index6[key];
     }
   });
 });
-var _index5 = require("../ui-shell/AppSwitcher/index.cjs");
-Object.keys(_index5).forEach(function (key) {
+var _index7 = require("./PageTemplate/index.cjs");
+Object.keys(_index7).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _index5[key]) return;
+  if (key in exports && exports[key] === _index7[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _index5[key];
+      return _index7[key];
     }
   });
 });
-var _index6 = require("../ui-shell/SideNav/index.cjs");
-Object.keys(_index6).forEach(function (key) {
+var _PaginatedTable = require("./PaginatedTable.cjs");
+Object.keys(_PaginatedTable).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _index6[key]) return;
+  if (key in exports && exports[key] === _PaginatedTable[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _index6[key];
+      return _PaginatedTable[key];
     }
   });
 });
-var _index7 = require("../ui-shell/TopNav/index.cjs");
-Object.keys(_index7).forEach(function (key) {
+var _StaticTable = require("./StaticTable.cjs");
+Object.keys(_StaticTable).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _index7[key]) return;
+  if (key in exports && exports[key] === _StaticTable[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _index7[key];
+      return _StaticTable[key];
     }
   });
 });
-var _UiShell = require("../ui-shell/UiShell.cjs");
-Object.keys(_UiShell).forEach(function (key) {
+var _UserProfile = require("./UserProfile.cjs");
+Object.keys(_UserProfile).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _UiShell[key]) return;
+  if (key in exports && exports[key] === _UserProfile[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _UiShell[key];
+      return _UserProfile[key];
+    }
+  });
+});
+var _UserProfileMenuButton = require("./UserProfileMenuButton.cjs");
+Object.keys(_UserProfileMenuButton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _UserProfileMenuButton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _UserProfileMenuButton[key];
     }
   });
 });

package/dist/cjs/labs/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["_AdapterDateFns","require","_xDatePickers","_AppTile","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_index","_index2","_DataTablePagination","_DataFilters","_materialReactTableTypes","_StaticTable","_index3","_index4","_PaginatedTable","_UserProfile","_UserProfileMenuButton","_index5","_index6","_index7","_UiShell","_GroupPicker"],"sources":["../../../src/labs/index.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\nexport { AdapterDateFns } from \"@mui/x-date-pickers/AdapterDateFns\";\nexport { LocalizationProvider } from \"@mui/x-date-pickers\";\nexport type { LocalizationProviderProps } from \"@mui/x-date-pickers\";\n\n// export * from \"./AdaptablePicker\";\nexport * from \"./AppTile.js\";\nexport * from \"./DatePickers/index.js\";\nexport * from \"./DataView/index.js\";\n/** @deprecated Will be removed in a future Odyssey version in lieu of the one shipping with DataTable */\nexport * from \"./DataTablePagination.js\";\nexport * from \"./DataFilters.js\";\nexport * from \"./materialReactTableTypes.js\";\n/** @deprecated Will be removed in a future Odyssey version in lieu of DataTable */\nexport * from \"./StaticTable.js\";\nexport * from \"./OdysseyPickers/index.js\";\nexport * from \"./PageTemplate/index.js\";\n/** @deprecated Will be removed in a future Odyssey version in lieu of DataTable */\nexport * from \"./PaginatedTable.js\";\nexport * from \"./UserProfile.js\";\nexport * from \"./UserProfileMenuButton.js\";\n/** @deprecated Will be removed in a future Odyssey version. Use the `/ui-shell` export unless your app is running React v17. */\nexport * from \"../ui-shell/AppSwitcher/index.js\";\n/** @deprecated Will be removed in a future Odyssey version. Use the `/ui-shell` export unless your app is running React v17. */\nexport * from \"../ui-shell/SideNav/index.js\";\n/** @deprecated Will be removed in a future Odyssey version. Use the `/ui-shell` export unless your app is running React v17. */\nexport * from \"../ui-shell/TopNav/index.js\";\n/** @deprecated Will be removed in a future Odyssey version. Use the `/ui-shell` export unless your app is running React v17. */\nexport * from \"../ui-shell/UiShell.js\";\n\nexport {\n  /** @deprecated Will be removed in a future Odyssey version. Use `PickerWithOptionAdornment` */\n  GroupPicker,\n  type GroupPickerOptionType,\n  type GroupPickerProps,\n} from \"./GroupPicker.js\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.cjs","names":["_xDatePickers","require","_AdapterDateFns","_index","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_index2","_index3","_UiShell","_AppTile","_DataFilters","_DataTablePagination","_index4","_index5","_materialReactTableTypes","_index6","_index7","_PaginatedTable","_StaticTable","_UserProfile","_UserProfileMenuButton","_GroupPicker"],"sources":["../../../src/labs/index.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\nexport { LocalizationProvider } from \"@mui/x-date-pickers\";\nexport type { LocalizationProviderProps } from \"@mui/x-date-pickers\";\nexport { AdapterDateFns } from \"@mui/x-date-pickers/AdapterDateFns\";\n\n/** @deprecated Will be removed in a future Odyssey version. Use the `/ui-shell` export unless your app is running React v17. */\nexport * from \"../ui-shell/AppSwitcher/index.js\";\n/** @deprecated Will be removed in a future Odyssey version. Use the `/ui-shell` export unless your app is running React v17. */\nexport * from \"../ui-shell/SideNav/index.js\";\n/** @deprecated Will be removed in a future Odyssey version. Use the `/ui-shell` export unless your app is running React v17. */\nexport * from \"../ui-shell/TopNav/index.js\";\n/** @deprecated Will be removed in a future Odyssey version. Use the `/ui-shell` export unless your app is running React v17. */\nexport * from \"../ui-shell/UiShell.js\";\n// export * from \"./AdaptablePicker\";\nexport * from \"./AppTile.js\";\nexport * from \"./DataFilters.js\";\n/** @deprecated Will be removed in a future Odyssey version in lieu of the one shipping with DataTable */\nexport * from \"./DataTablePagination.js\";\nexport * from \"./DataView/index.js\";\nexport * from \"./DatePickers/index.js\";\nexport * from \"./materialReactTableTypes.js\";\nexport * from \"./OdysseyPickers/index.js\";\nexport * from \"./PageTemplate/index.js\";\n/** @deprecated Will be removed in a future Odyssey version in lieu of DataTable */\nexport * from \"./PaginatedTable.js\";\n/** @deprecated Will be removed in a future Odyssey version in lieu of DataTable */\nexport * from \"./StaticTable.js\";\nexport * from \"./UserProfile.js\";\nexport * from \"./UserProfileMenuButton.js\";\n\nexport {\n  /** @deprecated Will be removed in a future Odyssey version. Use `PickerWithOptionAdornment` */\n  GroupPicker,\n  type GroupPickerOptionType,\n  type GroupPickerProps,\n} from \"./GroupPicker.js\";\n"],"mappings":"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","ignoreList":[]}

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

@@ -85,7 +85,6 @@ const translation = exports.translation = {
   "fileupload.button.text": "Add files",
   "fileupload.prompt.text": "Drag and drop files here or click to add files",
   "fileupload.removefile.text": "Remove file",
-  "passwordfield.icon.label.hide": "Hide password",
   "passwordfield.icon.label.show": "Show password",
   "severity.error": "error",
   "severity.info": "info",
@@ -97,6 +96,9 @@ const translation = exports.translation = {
   "switch.inactive": "Inactive",
   "table.columnvisibility.arialabel": "Show/hide columns",
   "table.density.arialabel": "Table density",
+  "table.density.comfortable": "Comfortable",
+  "table.density.compact": "Compact",
+  "table.density.spacious": "Spacious",
   "table.draghandle.arialabel": "Drag row to reorder. Or, press space or enter to start and stop reordering and esc to cancel.",
   "table.draghandle.tooltip": "Drag row or press space/enter key to start and stop reordering",
   "table.actions": "Actions",
@@ -121,6 +123,7 @@ const translation = exports.translation = {
   "pagination.rowswithtotal": "{{firstRow}}-{{lastRow}} of {{totalRows}} rows",
   "pagination.rowswithouttotal": "{{firstRow}}-{{lastRow}} rows",
   "pagination.totalrows": "{{totalRows}} rows",
+  "table.actions.arialabel": "More actions",
   "table.actions.selectall": "Select all",
   "table.actions.selectnone": "Select none",
   "table.actions.selectsome": "{{selectedRowCount}} selected",
@@ -128,6 +131,7 @@ const translation = exports.translation = {
   "table.rowexpansion.expandall": "Expand all",
   "table.rowexpansion.collapse": "Collapse",
   "table.rowexpansion.collapseall": "Collapse all",
+  "dataview.layout.arialabel": "Layout",
   "dataview.layout.table": "Table",
   "dataview.layout.grid": "Grid",
   "dataview.layout.list": "List",