@okta/odyssey-react-mui 1.15.8 → 1.15.9

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.15.9](https://github.com/okta/odyssey/compare/v1.15.8...v1.15.9) (2024-03-26)
+
+**Note:** Version bump only for package @okta/odyssey-react-mui
+
 ## [1.15.8](https://github.com/okta/odyssey/compare/v1.15.7...v1.15.8) (2024-03-22)
 
 **Note:** Version bump only for package @okta/odyssey-react-mui

package/README.md

@@ -132,6 +132,10 @@ bundled, and polyfilled for advanced use cases and browser support targets.
 
 [1]: https://help.okta.com/en/prod/Content/Topics/Miscellaneous/Platforms_Browser_OS_Support.htm
 
+## Running odyssey-react-mui for local development
+
+Follow these steps for local [Odyssey development](https://odyssey-storybook.okta.design/?path=/docs/contributing-odyssey-development--docs)
+
 ## License
 
 [Apache Version 2.0](https://github.com/okta/odyssey/blob/main/LICENSE)

package/dist/DataTable/DataTable.js

@@ -265,7 +265,8 @@ const DataTable = ({
     cell
   }) => {
     const value = cell.getValue();
-    return _jsx(Box, {
+    const enableWrapping = cell.column.columnDef.enableWrapping;
+    return enableWrapping ? value : _jsx(Box, {
       sx: {
         whiteSpace: "nowrap",
         textOverflow: "ellipsis",

package/dist/DataTable/DataTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.js","names":["memo","useCallback","useEffect","useMemo","useRef","useState","useMaterialReactTable","MRT_TableContainer","ArrowDownIcon","ArrowUnsortedIcon","DragIndicatorIcon","MoreIcon","densityValues","DataTablePagination","DataFilters","DataTableRowActions","useRowReordering","DataTableSettings","MenuButton","Box","useOdysseyDesignTokens","useScrollIndication","styled","DataTableEmptyState","Callout","t","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","displayColumnDefOptions","header","grow","muiTableBodyCellProps","align","sx","overflow","width","className","muiTableHeadCellProps","minWidth","children","marginInline","opacity","padding","ScrollableTableContainer","shouldForwardProp","prop","odysseyDesignTokens","isScrollableStart","isScrollableEnd","borderBlockEndColor","HueNeutral100","borderBlockEndStyle","borderBlockEndWidth","BorderWidthMain","marginBlockEnd","Spacing4","position","borderInlineStartColor","HueNeutral200","borderInlineStartStyle","borderInlineStartWidth","background","content","pointerEvents","top","left","bottom","Spacing6","zIndex","transition","TransitionDurationMain","TransitionTimingMain","borderInlineEndColor","borderInlineEndStyle","borderInlineEndWidth","right","DataTable","columns","getRowId","getRowIdProp","currentPage","initialDensity","resultsPerPage","getData","onReorderRows","totalRows","hasSearchSubmitButton","searchDelayTime","paginationType","onChangeRowSelection","rowActionButtons","rowActionMenuItems","hasChangeableDensity","hasColumnResizing","hasColumnVisibility","hasFilters","hasPagination","hasRowReordering","hasRowSelection","hasSearch","hasSorting","bulkActionMenuItems","errorMessage","errorMessageProp","emptyPlaceholder","noResultsPlaceholder","filters","filtersProp","data","setData","pagination","setPagination","pageIndex","pageSize","draggingRow","setDraggingRow","isTableContainerScrolledToStart","setIsTableContainerScrolledToStart","isTableContainerScrolledToEnd","setIsTableContainerScrolledToEnd","tableInnerContainerWidth","setTableInnerContainerWidth","tableOuterContainerRef","tableInnerContainerRef","tableContentRef","columnSorting","setColumnSorting","columnVisibility","setColumnVisibility","rowDensity","setRowDensity","rowSelection","setRowSelection","search","setSearch","setFilters","initialFilters","setInitialFilters","isLoading","setIsLoading","isEmpty","setIsEmpty","setErrorMessage","tableOuterContainer","current","tableInnerContainer","dragHandleStyles","dragHandleText","draggableTableBodyRowClassName","handleDragHandleKeyDown","handleDragHandleOnDragCapture","handleDragHandleOnDragEnd","resetDraggingAndHoveredRow","updateRowOrder","page","row","id","rowDensityCellClassName","renderRowActions","currentIndex","index","rowIndex","undefined","convertFilterSelectOptions","options","map","option","label","value","convertColumnToFilter","column","enableColumnFilter","accessorKey","variant","filterVariant","filterSelectOptions","dataTableFilters","providedFilters","reduce","accumulator","item","foundColumn","find","filter","concat","defaultCell","cell","getValue","whiteSpace","textOverflow","emptyState","noResultsInnerContent","heading","text","emptyStateInnerContent","dataTable","state","density","sorting","globalFilter","icons","ArrowDownwardIcon","DragHandleIcon","SyncAltIcon","enableColumnActions","enableColumnResizing","enableDensityToggle","enableFilters","enableFullScreenToggle","enableGlobalFilter","enableHiding","enablePagination","layoutMode","manualFiltering","manualSorting","muiTablePaperProps","elevation","selectAllMode","defaultColumn","Cell","enableRowOrdering","Boolean","enableRowDragging","muiTableBodyRowProps","table","currentRowId","draggingRowId","hoveredRowId","getState","hoveredRow","muiRowDragHandleProps","onKeyDown","event","onBlur","onDragEnd","onDragCapture","enableRowActions","positionActionsColumn","enableRowSelection","onRowSelectionChange","enableSorting","onSortingChange","currentColumn","sortedColumn","enableRowVirtualization","rowVirtualizerInstanceRef","rowVirtualizerOptions","overscan","renderEmptyRowsFallback","muiTableProps","ref","muiTableContainerProps","bulkActionMenuButton","buttonVariant","endIcon","isDisabled","Object","keys","length","ariaLabel","incomingData","sort","error","marginBottom","onChangeSearch","onChangeFilters","additionalActions","severity","MemoizedDataTable","displayName"],"sources":["../../src/DataTable/DataTable.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport {\n  ReactNode,\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  MRT_Cell,\n  MRT_DensityState,\n  MRT_Row,\n  MRT_RowData,\n  MRT_SortingState,\n  MRT_TableOptions,\n  MRT_RowSelectionState,\n  MRT_RowVirtualizer,\n  MRT_VisibilityState,\n  useMaterialReactTable,\n  MRT_TableContainer,\n} from \"material-react-table\";\nimport {\n  ArrowDownIcon,\n  ArrowUnsortedIcon,\n  DragIndicatorIcon,\n  MoreIcon,\n} from \"../icons.generated\";\nimport { densityValues, paginationTypeValues } from \"./constants\";\nimport { DataTablePagination } from \"./DataTablePagination\";\nimport { DataFilter, DataFilters } from \"../labs/DataFilters\";\nimport {\n  DataTableRowActions,\n  DataTableRowActionsProps,\n} from \"./DataTableRowActions\";\nimport { useRowReordering } from \"./useRowReordering\";\nimport { DataTableSettings } from \"./DataTableSettings\";\nimport { MenuButton, MenuButtonProps } from \"../MenuButton\";\nimport { Box } from \"../Box\";\nimport {\n  DataTableColumn,\n  DataTableRowData,\n  DataTableRowSelectionState,\n} from \".\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../OdysseyDesignTokensContext\";\nimport { useScrollIndication } from \"./useScrollIndication\";\nimport styled from \"@emotion/styled\";\nimport { DataTableEmptyState } from \"./DataTableEmptyState\";\nimport { Callout } from \"../Callout\";\nimport { t } from \"i18next\";\n\nexport type DataTableGetDataType = {\n  page?: number;\n  resultsPerPage?: number;\n  search?: string;\n  filters?: DataFilter[];\n  sort?: MRT_SortingState;\n};\n\nexport type DataTableOnReorderRowsType = {\n  rowId: string;\n  newRowIndex: number;\n};\n\nexport type DataTableProps = {\n  /**\n   * The columns that make up the table\n   */\n  columns: MRT_TableOptions<MRT_RowData>[\"columns\"];\n  /**\n   * The total number of rows in the table. Optional, because it's sometimes impossible\n   * to calculate. Used in table pagination to know when to disable the \"next\"/\"more\" button.\n   */\n  totalRows?: number;\n  /**\n   * The function to get the ID of a row\n   */\n  getRowId?: MRT_TableOptions<MRT_RowData>[\"getRowId\"];\n  /**\n   * The initial density (height & padding) of the table rows. This is available even if the\n   * table density isn't changeable by the end user via hasChangeableDensity.\n   */\n  initialDensity?: (typeof densityValues)[number];\n  /**\n   * If true, the end user will be able to change the table density.\n   */\n  hasChangeableDensity?: boolean;\n  /**\n   * If true, the end user can resize individual columns.\n   */\n  hasColumnResizing?: boolean;\n  /**\n   * If true, the end user will be able to show/hide columns.\n   */\n  hasColumnVisibility?: boolean;\n  /**\n   * If true, the end user will be able to filter columns.\n   */\n  hasFilters?: boolean;\n  /**\n   * If true, the table will include pagination controls.\n   */\n  hasPagination?: boolean;\n  /**\n   * If true, the table will include checkboxes on each row, enabling\n   * the user to select some or all rows.\n   */\n  hasRowSelection?: boolean;\n  /**\n   * If true, the global table search controls will be shown.\n   */\n  hasSearch?: boolean;\n  /**\n   * If true, the end user can sort columns (ascending, descending, or neither)\n   */\n  hasSorting?: boolean;\n  /**\n   * If true, the end user can reorder rows via a drag-and-drop interface\n   */\n  hasRowReordering?: boolean;\n  /**\n   * If true, the search field will include a Search button, rather than\n   * firing on input change.\n   */\n  hasSearchSubmitButton?: boolean;\n  /**\n   * The debounce time, in milliseconds, for the search input firing\n   * `onChangeSearch` when changed. If `hasSearchSubmitButton` is true,\n   * this doesn't do anything.\n   */\n  searchDelayTime?: number;\n  /**\n   * Callback that fires when a row (or rows) is selected or unselected.\n   */\n  onChangeRowSelection?: (rowSelection: DataTableRowSelectionState) => void;\n  /**\n   * Callback that fires whenever the table needs to fetch new data, due to changes in\n   * page, results per page, search input, filters, or sorting\n   */\n  getData: ({\n    page,\n    resultsPerPage,\n    search,\n    filters,\n    sort,\n  }: DataTableGetDataType) =>\n    | MRT_TableOptions<MRT_RowData>[\"data\"]\n    | Promise<MRT_TableOptions<MRT_RowData>[\"data\"]>;\n  /**\n   * Callback that fires when the user reorders rows within the table. Can be used\n   * to propogate order change to the backend.\n   */\n  onReorderRows?: ({ rowId, newRowIndex }: DataTableOnReorderRowsType) => void;\n  /**\n   * The current page number.\n   */\n  currentPage?: number;\n  /**\n   * The number of results per page.\n   */\n  resultsPerPage?: number;\n  /**\n   * The type of pagination controls shown. Defaults to next/prev buttons, but can be\n   * set to a simple \"Load more\" button by setting to \"loadMore\".\n   */\n  paginationType?: (typeof paginationTypeValues)[number];\n  /**\n   * Action buttons to display in each row\n   */\n  rowActionButtons?: DataTableRowActionsProps[\"rowActionButtons\"];\n  /**\n   * Menu items to include in the optional actions menu on each row.\n   */\n  rowActionMenuItems?: DataTableRowActionsProps[\"rowActionMenuItems\"];\n  /**\n   * Menu items to include in the bulk actions menu, which appears above the table if a row or rows are selected\n   */\n  bulkActionMenuItems?: (\n    selectedRows: MRT_RowSelectionState,\n  ) => MenuButtonProps[\"children\"];\n  /**\n   * If `error` is not undefined, the DataTable will indicate an error.\n   */\n  errorMessage?: string;\n  /**\n   * The component to display when the table is displaying the initial empty state\n   */\n  emptyPlaceholder?: ReactNode;\n  /**\n   * The component to display when the query returns no results\n   */\n  noResultsPlaceholder?: ReactNode;\n  /**\n   * An optional set of filters to render in the filters menu\n   */\n  filters?: Array<DataFilter | DataTableColumn<DataTableRowData> | string>;\n};\n\nconst displayColumnDefOptions = {\n  \"mrt-row-actions\": {\n    header: \"\",\n    grow: true,\n    muiTableBodyCellProps: {\n      align: \"right\",\n      sx: {\n        overflow: \"visible\",\n        width: \"unset\",\n      },\n      className: \"ods-actions-cell\",\n    },\n    muiTableHeadCellProps: {\n      align: \"right\",\n      sx: {\n        width: \"unset\",\n      },\n      className: \"ods-actions-cell\",\n    },\n  },\n  \"mrt-row-drag\": {\n    header: \"\",\n    muiTableBodyCellProps: {\n      sx: {\n        minWidth: 0,\n        width: \"auto\",\n      },\n      className: \"ods-drag-handle\",\n    },\n    muiTableHeadCellProps: {\n      sx: {\n        minWidth: 0,\n        width: \"auto\",\n      },\n      children: (\n        // Add a spacer to simulate the width of the drag handle in the column.\n        // Without this, the head cells are offset from their body cell counterparts\n        <Box sx={{ marginInline: \"-0.1rem\" }}>\n          <DragIndicatorIcon sx={{ marginInline: 1, opacity: 0 }} />\n        </Box>\n      ),\n    },\n  },\n  \"mrt-row-select\": {\n    muiTableHeadCellProps: {\n      padding: \"checkbox\",\n    },\n    muiTableBodyCellProps: {\n      padding: \"checkbox\",\n    },\n  },\n};\n\nconst ScrollableTableContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" &&\n    prop !== \"isScrollableStart\" &&\n    prop !== \"isScrollableEnd\",\n})(\n  ({\n    odysseyDesignTokens,\n    isScrollableStart,\n    isScrollableEnd,\n  }: {\n    odysseyDesignTokens: DesignTokens;\n    isScrollableStart: boolean;\n    isScrollableEnd: boolean;\n  }) => ({\n    borderBlockEndColor: odysseyDesignTokens.HueNeutral100,\n    borderBlockEndStyle: \"solid\",\n    borderBlockEndWidth: odysseyDesignTokens.BorderWidthMain,\n    marginBlockEnd: odysseyDesignTokens.Spacing4,\n    position: \"relative\",\n    borderInlineStartColor: isScrollableStart\n      ? odysseyDesignTokens.HueNeutral200\n      : \"transparent\",\n    borderInlineStartStyle: \"solid\",\n    borderInlineStartWidth: odysseyDesignTokens.BorderWidthMain,\n    \"::before\": {\n      background:\n        \"linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.33) 50%, rgba(0, 0, 0, 1) 100%)\",\n      content: '\"\"',\n      opacity: isScrollableStart ? \"0.075\" : \"0\",\n      pointerEvents: \"none\",\n      position: \"absolute\",\n      top: 0,\n      left: 0,\n      bottom: 0,\n      width: odysseyDesignTokens.Spacing6,\n      zIndex: 100,\n      transition: `opacity ${odysseyDesignTokens.TransitionDurationMain} ${odysseyDesignTokens.TransitionTimingMain}`,\n    },\n    borderInlineEndColor: isScrollableEnd\n      ? odysseyDesignTokens.HueNeutral200\n      : \"transparent\",\n    borderInlineEndStyle: \"solid\",\n    borderInlineEndWidth: odysseyDesignTokens.BorderWidthMain,\n    \"::after\": {\n      background:\n        \"linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.33) 50%, rgba(0, 0, 0, 1) 100%)\",\n      content: '\"\"',\n      opacity: isScrollableEnd ? \"0.075\" : \"0\",\n      pointerEvents: \"none\",\n      position: \"absolute\",\n      top: 0,\n      right: 0,\n      bottom: 0,\n      width: odysseyDesignTokens.Spacing6,\n      transition: `opacity ${odysseyDesignTokens.TransitionDurationMain} ${odysseyDesignTokens.TransitionTimingMain}`,\n    },\n  }),\n);\n\nconst DataTable = ({\n  columns,\n  getRowId: getRowIdProp,\n  currentPage = 1,\n  initialDensity = densityValues[0],\n  resultsPerPage = 20,\n  getData,\n  onReorderRows,\n  totalRows,\n  hasSearchSubmitButton,\n  searchDelayTime,\n  paginationType = \"paged\",\n  onChangeRowSelection,\n  rowActionButtons,\n  rowActionMenuItems,\n  hasChangeableDensity,\n  hasColumnResizing,\n  hasColumnVisibility,\n  hasFilters,\n  hasPagination,\n  hasRowReordering,\n  hasRowSelection,\n  hasSearch,\n  hasSorting,\n  bulkActionMenuItems,\n  errorMessage: errorMessageProp,\n  emptyPlaceholder,\n  noResultsPlaceholder,\n  filters: filtersProp,\n}: DataTableProps) => {\n  const [data, setData] = useState<MRT_RowData[]>([]);\n  const [pagination, setPagination] = useState({\n    pageIndex: currentPage,\n    pageSize: resultsPerPage,\n  });\n  const [draggingRow, setDraggingRow] = useState<MRT_Row<MRT_RowData> | null>();\n  const [isTableContainerScrolledToStart, setIsTableContainerScrolledToStart] =\n    useState(true);\n  const [isTableContainerScrolledToEnd, setIsTableContainerScrolledToEnd] =\n    useState(true);\n  const [tableInnerContainerWidth, setTableInnerContainerWidth] =\n    useState<string>(\"100%\");\n  const tableOuterContainerRef = useRef<HTMLDivElement>(null);\n  const tableInnerContainerRef = useRef<HTMLDivElement>(null);\n  const tableContentRef = useRef<HTMLTableElement>(null);\n\n  // Table states\n  const [columnSorting, setColumnSorting] = useState<MRT_SortingState>([]);\n  const [columnVisibility, setColumnVisibility] =\n    useState<MRT_VisibilityState>();\n  const [rowDensity, setRowDensity] =\n    useState<MRT_DensityState>(initialDensity);\n  const [rowSelection, setRowSelection] = useState<MRT_RowSelectionState>({});\n  const [search, setSearch] = useState<string>(\"\");\n  const [filters, setFilters] = useState<DataFilter[]>();\n  const [initialFilters, setInitialFilters] = useState<DataFilter[]>();\n  const [isLoading, setIsLoading] = useState<boolean | undefined>(true);\n  const [isEmpty, setIsEmpty] = useState<boolean | undefined>();\n  const [errorMessage, setErrorMessage] = useState<string | undefined>(\n    errorMessageProp,\n  );\n\n  useScrollIndication({\n    tableOuterContainer: tableOuterContainerRef.current,\n    tableInnerContainer: tableInnerContainerRef.current,\n    setIsTableContainerScrolledToStart: setIsTableContainerScrolledToStart,\n    setIsTableContainerScrolledToEnd: setIsTableContainerScrolledToEnd,\n    setTableInnerContainerWidth: setTableInnerContainerWidth,\n  });\n\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  const {\n    dragHandleStyles,\n    dragHandleText,\n    draggableTableBodyRowClassName,\n    handleDragHandleKeyDown,\n    handleDragHandleOnDragCapture,\n    handleDragHandleOnDragEnd,\n    resetDraggingAndHoveredRow,\n    updateRowOrder,\n  } = useRowReordering({\n    totalRows,\n    onReorderRows,\n    data,\n    setData,\n    draggingRow,\n    setDraggingRow,\n    resultsPerPage: pagination.pageSize,\n    page: pagination.pageIndex,\n  });\n\n  const getRowId = getRowIdProp ? getRowIdProp : (row: MRT_RowData) => row.id;\n\n  const rowDensityCellClassName = useMemo(() => {\n    return rowDensity === \"spacious\"\n      ? \"MuiTableCell-spacious\"\n      : rowDensity === \"compact\"\n        ? \"MuiTableCell-compact\"\n        : \"MuiTableCell-default\";\n  }, [rowDensity]);\n\n  const renderRowActions = useCallback(\n    ({ row }: { row: MRT_Row<MRT_RowData> }) => {\n      const currentIndex =\n        row.index + (pagination.pageIndex - 1) * pagination.pageSize;\n      return (\n        <DataTableRowActions\n          row={row}\n          rowIndex={currentIndex}\n          rowActionButtons={rowActionButtons}\n          rowActionMenuItems={rowActionMenuItems}\n          totalRows={totalRows}\n          updateRowOrder={\n            hasRowReordering && onReorderRows ? updateRowOrder : undefined\n          }\n        />\n      );\n    },\n    [\n      pagination,\n      rowActionButtons,\n      rowActionMenuItems,\n      hasRowReordering,\n      onReorderRows,\n      totalRows,\n      updateRowOrder,\n    ],\n  );\n\n  /**\n   * This hack is to provide compatibility with Material-React-Table's\n   * filterOptions format, which allows for strings and { label: string, value: string }\n   */\n  const convertFilterSelectOptions = useCallback(\n    (options: DataTableColumn<DataTableRowData>[\"filterSelectOptions\"]) =>\n      options?.map((option) =>\n        typeof option === \"string\"\n          ? {\n              label: option,\n              value: option,\n            }\n          : {\n              // If the option isn't a string, it must have value and/or option defined\n              // If either is undefined, use the other\n              label: option.label ?? option.value,\n              value: option.value ?? option.label,\n            },\n      ),\n    [],\n  );\n\n  const convertColumnToFilter = useCallback(\n    (column: DataTableColumn<DataTableRowData>) =>\n      column.enableColumnFilter !== false && column.accessorKey\n        ? ({\n            id: column.accessorKey,\n            label: column.header,\n            variant: column.filterVariant,\n            options: convertFilterSelectOptions(column.filterSelectOptions),\n          } satisfies DataFilter as DataFilter)\n        : null,\n    [convertFilterSelectOptions],\n  );\n\n  /**\n   * Filters default to the columns, but can be overridden\n   * with the `filters` prop. `filters` should be an array\n   * of column accessorKeys, column defs, or DataFilters.\n   */\n  const dataTableFilters = useMemo(() => {\n    const providedFilters = filtersProp || columns;\n    return providedFilters.reduce<DataFilter[]>((accumulator, item) => {\n      if (typeof item === \"string\") {\n        const foundColumn = columns.find(\n          (column) => column.accessorKey === item,\n        );\n        if (foundColumn) {\n          const filter = convertColumnToFilter(foundColumn);\n          if (filter) {\n            return accumulator.concat(filter);\n          }\n        }\n      } else if (\"accessorKey\" in item) {\n        // Checks if it's a column\n        const filter = convertColumnToFilter(item);\n        if (filter) {\n          return accumulator.concat(filter);\n        }\n      } else if (\"label\" in item) {\n        // Checks if it's a DataFilter\n        return accumulator.concat(item);\n      }\n      // If none of the conditions match, item is ignored (not mapping to undefined)\n      return accumulator;\n    }, []);\n  }, [columns, filtersProp, convertColumnToFilter]);\n\n  const defaultCell = useCallback(\n    ({ cell }: { cell: MRT_Cell<MRT_RowData> }) => {\n      const value = cell.getValue<string>();\n      return (\n        <Box\n          sx={{\n            whiteSpace: \"nowrap\",\n            textOverflow: \"ellipsis\",\n            overflow: \"hidden\",\n          }}\n        >\n          {value}\n        </Box>\n      );\n    },\n    [],\n  );\n\n  const emptyState = useCallback(() => {\n    const noResultsInnerContent = noResultsPlaceholder || (\n      <DataTableEmptyState\n        heading={t(\"table.noresults.heading\")}\n        text={t(\"table.noresults.text\")}\n      />\n    );\n\n    const emptyStateInnerContent =\n      emptyPlaceholder && isEmpty ? emptyPlaceholder : noResultsInnerContent;\n\n    return (\n      <Box sx={{ width: tableInnerContainerWidth }}>\n        {emptyStateInnerContent}\n      </Box>\n    );\n  }, [\n    tableInnerContainerWidth,\n    emptyPlaceholder,\n    noResultsPlaceholder,\n    isEmpty,\n  ]);\n\n  const dataTable = useMaterialReactTable({\n    columns: columns,\n    data: data,\n    getRowId: getRowId,\n    state: {\n      density: rowDensity,\n      sorting: columnSorting,\n      globalFilter: search,\n      columnVisibility,\n      isLoading,\n      rowSelection,\n    },\n    icons: {\n      ArrowDownwardIcon: ArrowDownIcon,\n      DragHandleIcon: DragIndicatorIcon,\n      SyncAltIcon: ArrowUnsortedIcon,\n    },\n\n    // Base table settings\n    enableColumnActions: false,\n    enableColumnResizing: hasColumnResizing,\n    enableDensityToggle: false,\n    enableFilters: false,\n    enableFullScreenToggle: false,\n    enableGlobalFilter: false,\n    enableHiding: false,\n    enablePagination: false,\n    layoutMode: \"grid-no-grow\",\n    manualFiltering: true,\n    manualSorting: true,\n    muiTablePaperProps: {\n      elevation: 0,\n      sx: {\n        overflow: \"visible\",\n      },\n    },\n    selectAllMode: \"all\",\n    displayColumnDefOptions:\n      displayColumnDefOptions as MRT_TableOptions<MRT_RowData>[\"displayColumnDefOptions\"],\n    muiTableBodyCellProps: () => ({\n      className: rowDensityCellClassName,\n    }),\n    defaultColumn: {\n      Cell: defaultCell,\n    },\n\n    // Reordering\n    enableRowOrdering: hasRowReordering && Boolean(onReorderRows),\n    enableRowDragging: hasRowReordering && Boolean(onReorderRows),\n    muiTableBodyRowProps: ({ table, row }) => ({\n      className: draggableTableBodyRowClassName({\n        currentRowId: row.id,\n        draggingRowId: draggingRow?.id,\n        hoveredRowId: table.getState().hoveredRow?.id,\n      }),\n    }),\n    muiRowDragHandleProps: ({ table, row }) => ({\n      onKeyDown: (event) => handleDragHandleKeyDown({ table, row, event }),\n      onBlur: () => resetDraggingAndHoveredRow(table),\n      onDragEnd: () => handleDragHandleOnDragEnd(table),\n      onDragCapture: () => handleDragHandleOnDragCapture(table),\n      sx: dragHandleStyles,\n      ...dragHandleText,\n    }),\n\n    // Row actions\n    enableRowActions:\n      (hasRowReordering === true && onReorderRows) ||\n      rowActionButtons ||\n      rowActionMenuItems\n        ? true\n        : false,\n    positionActionsColumn:\n      \"last\" as MRT_TableOptions<MRT_RowData>[\"positionActionsColumn\"],\n    renderRowActions: ({ row }) => renderRowActions({ row }),\n\n    // Row selection\n    enableRowSelection: hasRowSelection,\n    onRowSelectionChange: setRowSelection,\n\n    // Sorting\n    enableSorting: hasSorting,\n    onSortingChange: setColumnSorting,\n    muiTableHeadCellProps: ({ column: currentColumn }) => ({\n      className: columnSorting.find(\n        (sortedColumn) => sortedColumn.id === currentColumn.id,\n      )\n        ? \"isSorted\"\n        : \"isUnsorted\",\n    }),\n\n    // Virtualization\n    enableRowVirtualization:\n      paginationType !== \"loadMore\" && pagination.pageSize > 50,\n    rowVirtualizerInstanceRef:\n      useRef<MRT_RowVirtualizer<HTMLDivElement, HTMLTableRowElement>>(null),\n    rowVirtualizerOptions: {\n      overscan: 4,\n    },\n\n    // States\n    renderEmptyRowsFallback: emptyState,\n\n    // Refs\n    muiTableProps: {\n      ref: tableContentRef,\n    },\n\n    muiTableContainerProps: {\n      ref: tableInnerContainerRef,\n    },\n  });\n\n  // Effects\n  const bulkActionMenuButton = useMemo(\n    () => (\n      <>\n        <MenuButton\n          buttonVariant=\"secondary\"\n          endIcon={<MoreIcon />}\n          isDisabled={Object.keys(rowSelection).length === 0}\n          ariaLabel=\"More actions\"\n        >\n          {bulkActionMenuItems?.(rowSelection)}\n        </MenuButton>\n      </>\n    ),\n    [bulkActionMenuItems, rowSelection],\n  );\n\n  useEffect(() => {\n    (async () => {\n      setIsLoading(true);\n      setErrorMessage(errorMessageProp);\n      try {\n        const incomingData = await getData?.({\n          page: pagination.pageIndex,\n          resultsPerPage: pagination.pageSize,\n          search,\n          filters,\n          sort: columnSorting,\n        });\n        setData(incomingData);\n      } catch (error) {\n        setErrorMessage(typeof error === \"string\" ? error : t(\"table.error\"));\n      } finally {\n        setIsLoading(false);\n      }\n    })();\n  }, [pagination, columnSorting, search, filters, getData, errorMessageProp]);\n\n  useEffect(() => {\n    if (!initialFilters && filters) {\n      setInitialFilters(filters);\n    }\n\n    setIsEmpty(\n      pagination.pageIndex === currentPage &&\n        pagination.pageSize === resultsPerPage &&\n        search === \"\" &&\n        filters === initialFilters &&\n        data.length === 0,\n    );\n  }, [\n    filters,\n    pagination,\n    search,\n    data,\n    currentPage,\n    initialFilters,\n    resultsPerPage,\n  ]);\n\n  useEffect(() => {\n    onChangeRowSelection?.(rowSelection);\n  }, [rowSelection, onChangeRowSelection]);\n\n  // Render the table\n  return (\n    <>\n      {(hasSearch ||\n        hasFilters ||\n        hasChangeableDensity ||\n        hasColumnVisibility ||\n        bulkActionMenuItems) && (\n        <Box sx={{ marginBottom: 5 }}>\n          <DataFilters\n            onChangeSearch={hasSearch ? setSearch : undefined}\n            onChangeFilters={hasFilters ? setFilters : undefined}\n            hasSearchSubmitButton={hasSearchSubmitButton}\n            searchDelayTime={searchDelayTime}\n            filters={hasFilters ? dataTableFilters : undefined}\n            isDisabled={isEmpty}\n            additionalActions={\n              <>\n                <DataTableSettings\n                  hasChangeableDensity={hasChangeableDensity}\n                  rowDensity={rowDensity}\n                  setRowDensity={setRowDensity}\n                  hasColumnVisibility={hasColumnVisibility}\n                  columns={columns}\n                  columnVisibility={columnVisibility}\n                  setColumnVisibility={setColumnVisibility}\n                />\n                {bulkActionMenuItems && bulkActionMenuButton}\n              </>\n            }\n          />\n        </Box>\n      )}\n\n      {errorMessage && (\n        <Box sx={{ marginBlockEnd: 2 }}>\n          <Callout severity=\"error\" text={errorMessage} />\n        </Box>\n      )}\n\n      <ScrollableTableContainer\n        odysseyDesignTokens={odysseyDesignTokens}\n        isScrollableStart={!isTableContainerScrolledToStart}\n        isScrollableEnd={!isTableContainerScrolledToEnd}\n        ref={tableOuterContainerRef}\n      >\n        <MRT_TableContainer table={dataTable} />\n      </ScrollableTableContainer>\n\n      {hasPagination && (\n        <DataTablePagination\n          pagination={pagination}\n          setPagination={setPagination}\n          totalRows={totalRows}\n          isDisabled={isEmpty}\n          variant={paginationType}\n        />\n      )}\n    </>\n  );\n};\n\nconst MemoizedDataTable = memo(DataTable);\nMemoizedDataTable.displayName = \"DataTable\";\n\nexport { MemoizedDataTable as DataTable };\n"],"mappings":"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"}
+{"version":3,"file":"DataTable.js","names":["memo","useCallback","useEffect","useMemo","useRef","useState","useMaterialReactTable","MRT_TableContainer","ArrowDownIcon","ArrowUnsortedIcon","DragIndicatorIcon","MoreIcon","densityValues","DataTablePagination","DataFilters","DataTableRowActions","useRowReordering","DataTableSettings","MenuButton","Box","useOdysseyDesignTokens","useScrollIndication","styled","DataTableEmptyState","Callout","t","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","displayColumnDefOptions","header","grow","muiTableBodyCellProps","align","sx","overflow","width","className","muiTableHeadCellProps","minWidth","children","marginInline","opacity","padding","ScrollableTableContainer","shouldForwardProp","prop","odysseyDesignTokens","isScrollableStart","isScrollableEnd","borderBlockEndColor","HueNeutral100","borderBlockEndStyle","borderBlockEndWidth","BorderWidthMain","marginBlockEnd","Spacing4","position","borderInlineStartColor","HueNeutral200","borderInlineStartStyle","borderInlineStartWidth","background","content","pointerEvents","top","left","bottom","Spacing6","zIndex","transition","TransitionDurationMain","TransitionTimingMain","borderInlineEndColor","borderInlineEndStyle","borderInlineEndWidth","right","DataTable","columns","getRowId","getRowIdProp","currentPage","initialDensity","resultsPerPage","getData","onReorderRows","totalRows","hasSearchSubmitButton","searchDelayTime","paginationType","onChangeRowSelection","rowActionButtons","rowActionMenuItems","hasChangeableDensity","hasColumnResizing","hasColumnVisibility","hasFilters","hasPagination","hasRowReordering","hasRowSelection","hasSearch","hasSorting","bulkActionMenuItems","errorMessage","errorMessageProp","emptyPlaceholder","noResultsPlaceholder","filters","filtersProp","data","setData","pagination","setPagination","pageIndex","pageSize","draggingRow","setDraggingRow","isTableContainerScrolledToStart","setIsTableContainerScrolledToStart","isTableContainerScrolledToEnd","setIsTableContainerScrolledToEnd","tableInnerContainerWidth","setTableInnerContainerWidth","tableOuterContainerRef","tableInnerContainerRef","tableContentRef","columnSorting","setColumnSorting","columnVisibility","setColumnVisibility","rowDensity","setRowDensity","rowSelection","setRowSelection","search","setSearch","setFilters","initialFilters","setInitialFilters","isLoading","setIsLoading","isEmpty","setIsEmpty","setErrorMessage","tableOuterContainer","current","tableInnerContainer","dragHandleStyles","dragHandleText","draggableTableBodyRowClassName","handleDragHandleKeyDown","handleDragHandleOnDragCapture","handleDragHandleOnDragEnd","resetDraggingAndHoveredRow","updateRowOrder","page","row","id","rowDensityCellClassName","renderRowActions","currentIndex","index","rowIndex","undefined","convertFilterSelectOptions","options","map","option","label","value","convertColumnToFilter","column","enableColumnFilter","accessorKey","variant","filterVariant","filterSelectOptions","dataTableFilters","providedFilters","reduce","accumulator","item","foundColumn","find","filter","concat","defaultCell","cell","getValue","enableWrapping","columnDef","whiteSpace","textOverflow","emptyState","noResultsInnerContent","heading","text","emptyStateInnerContent","dataTable","state","density","sorting","globalFilter","icons","ArrowDownwardIcon","DragHandleIcon","SyncAltIcon","enableColumnActions","enableColumnResizing","enableDensityToggle","enableFilters","enableFullScreenToggle","enableGlobalFilter","enableHiding","enablePagination","layoutMode","manualFiltering","manualSorting","muiTablePaperProps","elevation","selectAllMode","defaultColumn","Cell","enableRowOrdering","Boolean","enableRowDragging","muiTableBodyRowProps","table","currentRowId","draggingRowId","hoveredRowId","getState","hoveredRow","muiRowDragHandleProps","onKeyDown","event","onBlur","onDragEnd","onDragCapture","enableRowActions","positionActionsColumn","enableRowSelection","onRowSelectionChange","enableSorting","onSortingChange","currentColumn","sortedColumn","enableRowVirtualization","rowVirtualizerInstanceRef","rowVirtualizerOptions","overscan","renderEmptyRowsFallback","muiTableProps","ref","muiTableContainerProps","bulkActionMenuButton","buttonVariant","endIcon","isDisabled","Object","keys","length","ariaLabel","incomingData","sort","error","marginBottom","onChangeSearch","onChangeFilters","additionalActions","severity","MemoizedDataTable","displayName"],"sources":["../../src/DataTable/DataTable.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport {\n  ReactNode,\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  MRT_Cell,\n  MRT_DensityState,\n  MRT_Row,\n  MRT_SortingState,\n  MRT_TableOptions,\n  MRT_RowSelectionState,\n  MRT_RowVirtualizer,\n  MRT_VisibilityState,\n  useMaterialReactTable,\n  MRT_TableContainer,\n  MRT_Column,\n  MRT_ColumnDef,\n} from \"material-react-table\";\nimport {\n  ArrowDownIcon,\n  ArrowUnsortedIcon,\n  DragIndicatorIcon,\n  MoreIcon,\n} from \"../icons.generated\";\nimport { densityValues, paginationTypeValues } from \"./constants\";\nimport { DataTablePagination } from \"./DataTablePagination\";\nimport { DataFilter, DataFilters } from \"../labs/DataFilters\";\nimport {\n  DataTableRowActions,\n  DataTableRowActionsProps,\n} from \"./DataTableRowActions\";\nimport { useRowReordering } from \"./useRowReordering\";\nimport { DataTableSettings } from \"./DataTableSettings\";\nimport { MenuButton, MenuButtonProps } from \"../MenuButton\";\nimport { Box } from \"../Box\";\nimport { DataTableRowSelectionState, DataTableRowData } from \".\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../OdysseyDesignTokensContext\";\nimport { useScrollIndication } from \"./useScrollIndication\";\nimport styled from \"@emotion/styled\";\nimport { DataTableEmptyState } from \"./DataTableEmptyState\";\nimport { Callout } from \"../Callout\";\nimport { t } from \"i18next\";\n\nexport type DataTableColumn<T extends DataTableRowData> = MRT_ColumnDef<T> & {\n  enableWrapping?: boolean;\n};\n\ntype DataTableColumnInstance<T extends DataTableRowData> = Omit<\n  MRT_Column<T, unknown>,\n  \"columnDef\"\n> & {\n  columnDef: DataTableColumn<T>;\n};\n\ntype DataTableCell<T extends DataTableRowData> = Omit<MRT_Cell<T>, \"column\"> & {\n  column: DataTableColumnInstance<T>;\n};\n\nexport type DataTableGetDataType = {\n  page?: number;\n  resultsPerPage?: number;\n  search?: string;\n  filters?: DataFilter[];\n  sort?: MRT_SortingState;\n};\n\nexport type DataTableOnReorderRowsType = {\n  rowId: string;\n  newRowIndex: number;\n};\n\nexport type DataTableProps = {\n  /**\n   * The columns that make up the table\n   */\n  columns: DataTableColumn<DataTableRowData>[];\n  /**\n   * The total number of rows in the table. Optional, because it's sometimes impossible\n   * to calculate. Used in table pagination to know when to disable the \"next\"/\"more\" button.\n   */\n  totalRows?: number;\n  /**\n   * The function to get the ID of a row\n   */\n  getRowId?: MRT_TableOptions<DataTableRowData>[\"getRowId\"];\n  /**\n   * The initial density (height & padding) of the table rows. This is available even if the\n   * table density isn't changeable by the end user via hasChangeableDensity.\n   */\n  initialDensity?: (typeof densityValues)[number];\n  /**\n   * If true, the end user will be able to change the table density.\n   */\n  hasChangeableDensity?: boolean;\n  /**\n   * If true, the end user can resize individual columns.\n   */\n  hasColumnResizing?: boolean;\n  /**\n   * If true, the end user will be able to show/hide columns.\n   */\n  hasColumnVisibility?: boolean;\n  /**\n   * If true, the end user will be able to filter columns.\n   */\n  hasFilters?: boolean;\n  /**\n   * If true, the table will include pagination controls.\n   */\n  hasPagination?: boolean;\n  /**\n   * If true, the table will include checkboxes on each row, enabling\n   * the user to select some or all rows.\n   */\n  hasRowSelection?: boolean;\n  /**\n   * If true, the global table search controls will be shown.\n   */\n  hasSearch?: boolean;\n  /**\n   * If true, the end user can sort columns (ascending, descending, or neither)\n   */\n  hasSorting?: boolean;\n  /**\n   * If true, the end user can reorder rows via a drag-and-drop interface\n   */\n  hasRowReordering?: boolean;\n  /**\n   * If true, the search field will include a Search button, rather than\n   * firing on input change.\n   */\n  hasSearchSubmitButton?: boolean;\n  /**\n   * The debounce time, in milliseconds, for the search input firing\n   * `onChangeSearch` when changed. If `hasSearchSubmitButton` is true,\n   * this doesn't do anything.\n   */\n  searchDelayTime?: number;\n  /**\n   * Callback that fires when a row (or rows) is selected or unselected.\n   */\n  onChangeRowSelection?: (rowSelection: DataTableRowSelectionState) => void;\n  /**\n   * Callback that fires whenever the table needs to fetch new data, due to changes in\n   * page, results per page, search input, filters, or sorting\n   */\n  getData: ({\n    page,\n    resultsPerPage,\n    search,\n    filters,\n    sort,\n  }: DataTableGetDataType) =>\n    | MRT_TableOptions<DataTableRowData>[\"data\"]\n    | Promise<MRT_TableOptions<DataTableRowData>[\"data\"]>;\n  /**\n   * Callback that fires when the user reorders rows within the table. Can be used\n   * to propogate order change to the backend.\n   */\n  onReorderRows?: ({ rowId, newRowIndex }: DataTableOnReorderRowsType) => void;\n  /**\n   * The current page number.\n   */\n  currentPage?: number;\n  /**\n   * The number of results per page.\n   */\n  resultsPerPage?: number;\n  /**\n   * The type of pagination controls shown. Defaults to next/prev buttons, but can be\n   * set to a simple \"Load more\" button by setting to \"loadMore\".\n   */\n  paginationType?: (typeof paginationTypeValues)[number];\n  /**\n   * Action buttons to display in each row\n   */\n  rowActionButtons?: DataTableRowActionsProps[\"rowActionButtons\"];\n  /**\n   * Menu items to include in the optional actions menu on each row.\n   */\n  rowActionMenuItems?: DataTableRowActionsProps[\"rowActionMenuItems\"];\n  /**\n   * Menu items to include in the bulk actions menu, which appears above the table if a row or rows are selected\n   */\n  bulkActionMenuItems?: (\n    selectedRows: MRT_RowSelectionState,\n  ) => MenuButtonProps[\"children\"];\n  /**\n   * If `error` is not undefined, the DataTable will indicate an error.\n   */\n  errorMessage?: string;\n  /**\n   * The component to display when the table is displaying the initial empty state\n   */\n  emptyPlaceholder?: ReactNode;\n  /**\n   * The component to display when the query returns no results\n   */\n  noResultsPlaceholder?: ReactNode;\n  /**\n   * An optional set of filters to render in the filters menu\n   */\n  filters?: Array<DataFilter | DataTableColumn<DataTableRowData> | string>;\n};\n\nconst displayColumnDefOptions = {\n  \"mrt-row-actions\": {\n    header: \"\",\n    grow: true,\n    muiTableBodyCellProps: {\n      align: \"right\",\n      sx: {\n        overflow: \"visible\",\n        width: \"unset\",\n      },\n      className: \"ods-actions-cell\",\n    },\n    muiTableHeadCellProps: {\n      align: \"right\",\n      sx: {\n        width: \"unset\",\n      },\n      className: \"ods-actions-cell\",\n    },\n  },\n  \"mrt-row-drag\": {\n    header: \"\",\n    muiTableBodyCellProps: {\n      sx: {\n        minWidth: 0,\n        width: \"auto\",\n      },\n      className: \"ods-drag-handle\",\n    },\n    muiTableHeadCellProps: {\n      sx: {\n        minWidth: 0,\n        width: \"auto\",\n      },\n      children: (\n        // Add a spacer to simulate the width of the drag handle in the column.\n        // Without this, the head cells are offset from their body cell counterparts\n        <Box sx={{ marginInline: \"-0.1rem\" }}>\n          <DragIndicatorIcon sx={{ marginInline: 1, opacity: 0 }} />\n        </Box>\n      ),\n    },\n  },\n  \"mrt-row-select\": {\n    muiTableHeadCellProps: {\n      padding: \"checkbox\",\n    },\n    muiTableBodyCellProps: {\n      padding: \"checkbox\",\n    },\n  },\n};\n\nconst ScrollableTableContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" &&\n    prop !== \"isScrollableStart\" &&\n    prop !== \"isScrollableEnd\",\n})(\n  ({\n    odysseyDesignTokens,\n    isScrollableStart,\n    isScrollableEnd,\n  }: {\n    odysseyDesignTokens: DesignTokens;\n    isScrollableStart: boolean;\n    isScrollableEnd: boolean;\n  }) => ({\n    borderBlockEndColor: odysseyDesignTokens.HueNeutral100,\n    borderBlockEndStyle: \"solid\",\n    borderBlockEndWidth: odysseyDesignTokens.BorderWidthMain,\n    marginBlockEnd: odysseyDesignTokens.Spacing4,\n    position: \"relative\",\n    borderInlineStartColor: isScrollableStart\n      ? odysseyDesignTokens.HueNeutral200\n      : \"transparent\",\n    borderInlineStartStyle: \"solid\",\n    borderInlineStartWidth: odysseyDesignTokens.BorderWidthMain,\n    \"::before\": {\n      background:\n        \"linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.33) 50%, rgba(0, 0, 0, 1) 100%)\",\n      content: '\"\"',\n      opacity: isScrollableStart ? \"0.075\" : \"0\",\n      pointerEvents: \"none\",\n      position: \"absolute\",\n      top: 0,\n      left: 0,\n      bottom: 0,\n      width: odysseyDesignTokens.Spacing6,\n      zIndex: 100,\n      transition: `opacity ${odysseyDesignTokens.TransitionDurationMain} ${odysseyDesignTokens.TransitionTimingMain}`,\n    },\n    borderInlineEndColor: isScrollableEnd\n      ? odysseyDesignTokens.HueNeutral200\n      : \"transparent\",\n    borderInlineEndStyle: \"solid\",\n    borderInlineEndWidth: odysseyDesignTokens.BorderWidthMain,\n    \"::after\": {\n      background:\n        \"linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.33) 50%, rgba(0, 0, 0, 1) 100%)\",\n      content: '\"\"',\n      opacity: isScrollableEnd ? \"0.075\" : \"0\",\n      pointerEvents: \"none\",\n      position: \"absolute\",\n      top: 0,\n      right: 0,\n      bottom: 0,\n      width: odysseyDesignTokens.Spacing6,\n      transition: `opacity ${odysseyDesignTokens.TransitionDurationMain} ${odysseyDesignTokens.TransitionTimingMain}`,\n    },\n  }),\n);\n\nconst DataTable = ({\n  columns,\n  getRowId: getRowIdProp,\n  currentPage = 1,\n  initialDensity = densityValues[0],\n  resultsPerPage = 20,\n  getData,\n  onReorderRows,\n  totalRows,\n  hasSearchSubmitButton,\n  searchDelayTime,\n  paginationType = \"paged\",\n  onChangeRowSelection,\n  rowActionButtons,\n  rowActionMenuItems,\n  hasChangeableDensity,\n  hasColumnResizing,\n  hasColumnVisibility,\n  hasFilters,\n  hasPagination,\n  hasRowReordering,\n  hasRowSelection,\n  hasSearch,\n  hasSorting,\n  bulkActionMenuItems,\n  errorMessage: errorMessageProp,\n  emptyPlaceholder,\n  noResultsPlaceholder,\n  filters: filtersProp,\n}: DataTableProps) => {\n  const [data, setData] = useState<DataTableRowData[]>([]);\n  const [pagination, setPagination] = useState({\n    pageIndex: currentPage,\n    pageSize: resultsPerPage,\n  });\n  const [draggingRow, setDraggingRow] =\n    useState<MRT_Row<DataTableRowData> | null>();\n  const [isTableContainerScrolledToStart, setIsTableContainerScrolledToStart] =\n    useState(true);\n  const [isTableContainerScrolledToEnd, setIsTableContainerScrolledToEnd] =\n    useState(true);\n  const [tableInnerContainerWidth, setTableInnerContainerWidth] =\n    useState<string>(\"100%\");\n  const tableOuterContainerRef = useRef<HTMLDivElement>(null);\n  const tableInnerContainerRef = useRef<HTMLDivElement>(null);\n  const tableContentRef = useRef<HTMLTableElement>(null);\n\n  // Table states\n  const [columnSorting, setColumnSorting] = useState<MRT_SortingState>([]);\n  const [columnVisibility, setColumnVisibility] =\n    useState<MRT_VisibilityState>();\n  const [rowDensity, setRowDensity] =\n    useState<MRT_DensityState>(initialDensity);\n  const [rowSelection, setRowSelection] = useState<MRT_RowSelectionState>({});\n  const [search, setSearch] = useState<string>(\"\");\n  const [filters, setFilters] = useState<DataFilter[]>();\n  const [initialFilters, setInitialFilters] = useState<DataFilter[]>();\n  const [isLoading, setIsLoading] = useState<boolean | undefined>(true);\n  const [isEmpty, setIsEmpty] = useState<boolean | undefined>();\n  const [errorMessage, setErrorMessage] = useState<string | undefined>(\n    errorMessageProp,\n  );\n\n  useScrollIndication({\n    tableOuterContainer: tableOuterContainerRef.current,\n    tableInnerContainer: tableInnerContainerRef.current,\n    setIsTableContainerScrolledToStart: setIsTableContainerScrolledToStart,\n    setIsTableContainerScrolledToEnd: setIsTableContainerScrolledToEnd,\n    setTableInnerContainerWidth: setTableInnerContainerWidth,\n  });\n\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  const {\n    dragHandleStyles,\n    dragHandleText,\n    draggableTableBodyRowClassName,\n    handleDragHandleKeyDown,\n    handleDragHandleOnDragCapture,\n    handleDragHandleOnDragEnd,\n    resetDraggingAndHoveredRow,\n    updateRowOrder,\n  } = useRowReordering({\n    totalRows,\n    onReorderRows,\n    data,\n    setData,\n    draggingRow,\n    setDraggingRow,\n    resultsPerPage: pagination.pageSize,\n    page: pagination.pageIndex,\n  });\n\n  const getRowId = getRowIdProp\n    ? getRowIdProp\n    : (row: DataTableRowData) => row.id;\n\n  const rowDensityCellClassName = useMemo(() => {\n    return rowDensity === \"spacious\"\n      ? \"MuiTableCell-spacious\"\n      : rowDensity === \"compact\"\n        ? \"MuiTableCell-compact\"\n        : \"MuiTableCell-default\";\n  }, [rowDensity]);\n\n  const renderRowActions = useCallback(\n    ({ row }: { row: MRT_Row<DataTableRowData> }) => {\n      const currentIndex =\n        row.index + (pagination.pageIndex - 1) * pagination.pageSize;\n      return (\n        <DataTableRowActions\n          row={row}\n          rowIndex={currentIndex}\n          rowActionButtons={rowActionButtons}\n          rowActionMenuItems={rowActionMenuItems}\n          totalRows={totalRows}\n          updateRowOrder={\n            hasRowReordering && onReorderRows ? updateRowOrder : undefined\n          }\n        />\n      );\n    },\n    [\n      pagination,\n      rowActionButtons,\n      rowActionMenuItems,\n      hasRowReordering,\n      onReorderRows,\n      totalRows,\n      updateRowOrder,\n    ],\n  );\n\n  /**\n   * This hack is to provide compatibility with Material-React-Table's\n   * filterOptions format, which allows for strings and { label: string, value: string }\n   */\n  const convertFilterSelectOptions = useCallback(\n    (options: DataTableColumn<DataTableRowData>[\"filterSelectOptions\"]) =>\n      options?.map((option) =>\n        typeof option === \"string\"\n          ? {\n              label: option,\n              value: option,\n            }\n          : {\n              // If the option isn't a string, it must have value and/or option defined\n              // If either is undefined, use the other\n              label: option.label ?? option.value,\n              value: option.value ?? option.label,\n            },\n      ),\n    [],\n  );\n\n  const convertColumnToFilter = useCallback(\n    (column: DataTableColumn<DataTableRowData>) =>\n      column.enableColumnFilter !== false && column.accessorKey\n        ? ({\n            id: column.accessorKey,\n            label: column.header,\n            variant: column.filterVariant,\n            options: convertFilterSelectOptions(column.filterSelectOptions),\n          } satisfies DataFilter as DataFilter)\n        : null,\n    [convertFilterSelectOptions],\n  );\n\n  /**\n   * Filters default to the columns, but can be overridden\n   * with the `filters` prop. `filters` should be an array\n   * of column accessorKeys, column defs, or DataFilters.\n   */\n  const dataTableFilters = useMemo(() => {\n    const providedFilters = filtersProp || columns;\n    return providedFilters.reduce<DataFilter[]>((accumulator, item) => {\n      if (typeof item === \"string\") {\n        const foundColumn = columns.find(\n          (column) => column.accessorKey === item,\n        );\n        if (foundColumn) {\n          const filter = convertColumnToFilter(foundColumn);\n          if (filter) {\n            return accumulator.concat(filter);\n          }\n        }\n      } else if (\"accessorKey\" in item) {\n        // Checks if it's a column\n        const filter = convertColumnToFilter(item);\n        if (filter) {\n          return accumulator.concat(filter);\n        }\n      } else if (\"label\" in item) {\n        // Checks if it's a DataFilter\n        return accumulator.concat(item);\n      }\n      // If none of the conditions match, item is ignored (not mapping to undefined)\n      return accumulator;\n    }, []);\n  }, [columns, filtersProp, convertColumnToFilter]);\n\n  const defaultCell = useCallback(\n    ({ cell }: { cell: DataTableCell<DataTableRowData> }) => {\n      const value = cell.getValue<string>();\n      const enableWrapping = cell.column.columnDef.enableWrapping;\n      return enableWrapping ? (\n        value\n      ) : (\n        <Box\n          sx={{\n            whiteSpace: \"nowrap\",\n            textOverflow: \"ellipsis\",\n            overflow: \"hidden\",\n          }}\n        >\n          {value}\n        </Box>\n      );\n    },\n    [],\n  );\n\n  const emptyState = useCallback(() => {\n    const noResultsInnerContent = noResultsPlaceholder || (\n      <DataTableEmptyState\n        heading={t(\"table.noresults.heading\")}\n        text={t(\"table.noresults.text\")}\n      />\n    );\n\n    const emptyStateInnerContent =\n      emptyPlaceholder && isEmpty ? emptyPlaceholder : noResultsInnerContent;\n\n    return (\n      <Box sx={{ width: tableInnerContainerWidth }}>\n        {emptyStateInnerContent}\n      </Box>\n    );\n  }, [\n    tableInnerContainerWidth,\n    emptyPlaceholder,\n    noResultsPlaceholder,\n    isEmpty,\n  ]);\n\n  const dataTable = useMaterialReactTable({\n    columns: columns,\n    data: data,\n    getRowId: getRowId,\n    state: {\n      density: rowDensity,\n      sorting: columnSorting,\n      globalFilter: search,\n      columnVisibility,\n      isLoading,\n      rowSelection,\n    },\n    icons: {\n      ArrowDownwardIcon: ArrowDownIcon,\n      DragHandleIcon: DragIndicatorIcon,\n      SyncAltIcon: ArrowUnsortedIcon,\n    },\n\n    // Base table settings\n    enableColumnActions: false,\n    enableColumnResizing: hasColumnResizing,\n    enableDensityToggle: false,\n    enableFilters: false,\n    enableFullScreenToggle: false,\n    enableGlobalFilter: false,\n    enableHiding: false,\n    enablePagination: false,\n    layoutMode: \"grid-no-grow\",\n    manualFiltering: true,\n    manualSorting: true,\n    muiTablePaperProps: {\n      elevation: 0,\n      sx: {\n        overflow: \"visible\",\n      },\n    },\n    selectAllMode: \"all\",\n    displayColumnDefOptions:\n      displayColumnDefOptions as MRT_TableOptions<DataTableRowData>[\"displayColumnDefOptions\"],\n    muiTableBodyCellProps: () => ({\n      className: rowDensityCellClassName,\n    }),\n    defaultColumn: {\n      Cell: defaultCell,\n    },\n\n    // Reordering\n    enableRowOrdering: hasRowReordering && Boolean(onReorderRows),\n    enableRowDragging: hasRowReordering && Boolean(onReorderRows),\n    muiTableBodyRowProps: ({ table, row }) => ({\n      className: draggableTableBodyRowClassName({\n        currentRowId: row.id,\n        draggingRowId: draggingRow?.id,\n        hoveredRowId: table.getState().hoveredRow?.id,\n      }),\n    }),\n    muiRowDragHandleProps: ({ table, row }) => ({\n      onKeyDown: (event) => handleDragHandleKeyDown({ table, row, event }),\n      onBlur: () => resetDraggingAndHoveredRow(table),\n      onDragEnd: () => handleDragHandleOnDragEnd(table),\n      onDragCapture: () => handleDragHandleOnDragCapture(table),\n      sx: dragHandleStyles,\n      ...dragHandleText,\n    }),\n\n    // Row actions\n    enableRowActions:\n      (hasRowReordering === true && onReorderRows) ||\n      rowActionButtons ||\n      rowActionMenuItems\n        ? true\n        : false,\n    positionActionsColumn:\n      \"last\" as MRT_TableOptions<DataTableRowData>[\"positionActionsColumn\"],\n    renderRowActions: ({ row }) => renderRowActions({ row }),\n\n    // Row selection\n    enableRowSelection: hasRowSelection,\n    onRowSelectionChange: setRowSelection,\n\n    // Sorting\n    enableSorting: hasSorting,\n    onSortingChange: setColumnSorting,\n    muiTableHeadCellProps: ({ column: currentColumn }) => ({\n      className: columnSorting.find(\n        (sortedColumn) => sortedColumn.id === currentColumn.id,\n      )\n        ? \"isSorted\"\n        : \"isUnsorted\",\n    }),\n\n    // Virtualization\n    enableRowVirtualization:\n      paginationType !== \"loadMore\" && pagination.pageSize > 50,\n    rowVirtualizerInstanceRef:\n      useRef<MRT_RowVirtualizer<HTMLDivElement, HTMLTableRowElement>>(null),\n    rowVirtualizerOptions: {\n      overscan: 4,\n    },\n\n    // States\n    renderEmptyRowsFallback: emptyState,\n\n    // Refs\n    muiTableProps: {\n      ref: tableContentRef,\n    },\n\n    muiTableContainerProps: {\n      ref: tableInnerContainerRef,\n    },\n  });\n\n  // Effects\n  const bulkActionMenuButton = useMemo(\n    () => (\n      <>\n        <MenuButton\n          buttonVariant=\"secondary\"\n          endIcon={<MoreIcon />}\n          isDisabled={Object.keys(rowSelection).length === 0}\n          ariaLabel=\"More actions\"\n        >\n          {bulkActionMenuItems?.(rowSelection)}\n        </MenuButton>\n      </>\n    ),\n    [bulkActionMenuItems, rowSelection],\n  );\n\n  useEffect(() => {\n    (async () => {\n      setIsLoading(true);\n      setErrorMessage(errorMessageProp);\n      try {\n        const incomingData = await getData?.({\n          page: pagination.pageIndex,\n          resultsPerPage: pagination.pageSize,\n          search,\n          filters,\n          sort: columnSorting,\n        });\n        setData(incomingData);\n      } catch (error) {\n        setErrorMessage(typeof error === \"string\" ? error : t(\"table.error\"));\n      } finally {\n        setIsLoading(false);\n      }\n    })();\n  }, [pagination, columnSorting, search, filters, getData, errorMessageProp]);\n\n  useEffect(() => {\n    if (!initialFilters && filters) {\n      setInitialFilters(filters);\n    }\n\n    setIsEmpty(\n      pagination.pageIndex === currentPage &&\n        pagination.pageSize === resultsPerPage &&\n        search === \"\" &&\n        filters === initialFilters &&\n        data.length === 0,\n    );\n  }, [\n    filters,\n    pagination,\n    search,\n    data,\n    currentPage,\n    initialFilters,\n    resultsPerPage,\n  ]);\n\n  useEffect(() => {\n    onChangeRowSelection?.(rowSelection);\n  }, [rowSelection, onChangeRowSelection]);\n\n  // Render the table\n  return (\n    <>\n      {(hasSearch ||\n        hasFilters ||\n        hasChangeableDensity ||\n        hasColumnVisibility ||\n        bulkActionMenuItems) && (\n        <Box sx={{ marginBottom: 5 }}>\n          <DataFilters\n            onChangeSearch={hasSearch ? setSearch : undefined}\n            onChangeFilters={hasFilters ? setFilters : undefined}\n            hasSearchSubmitButton={hasSearchSubmitButton}\n            searchDelayTime={searchDelayTime}\n            filters={hasFilters ? dataTableFilters : undefined}\n            isDisabled={isEmpty}\n            additionalActions={\n              <>\n                <DataTableSettings\n                  hasChangeableDensity={hasChangeableDensity}\n                  rowDensity={rowDensity}\n                  setRowDensity={setRowDensity}\n                  hasColumnVisibility={hasColumnVisibility}\n                  columns={columns}\n                  columnVisibility={columnVisibility}\n                  setColumnVisibility={setColumnVisibility}\n                />\n                {bulkActionMenuItems && bulkActionMenuButton}\n              </>\n            }\n          />\n        </Box>\n      )}\n\n      {errorMessage && (\n        <Box sx={{ marginBlockEnd: 2 }}>\n          <Callout severity=\"error\" text={errorMessage} />\n        </Box>\n      )}\n\n      <ScrollableTableContainer\n        odysseyDesignTokens={odysseyDesignTokens}\n        isScrollableStart={!isTableContainerScrolledToStart}\n        isScrollableEnd={!isTableContainerScrolledToEnd}\n        ref={tableOuterContainerRef}\n      >\n        <MRT_TableContainer table={dataTable} />\n      </ScrollableTableContainer>\n\n      {hasPagination && (\n        <DataTablePagination\n          pagination={pagination}\n          setPagination={setPagination}\n          totalRows={totalRows}\n          isDisabled={isEmpty}\n          variant={paginationType}\n        />\n      )}\n    </>\n  );\n};\n\nconst MemoizedDataTable = memo(DataTable);\nMemoizedDataTable.displayName = \"DataTable\";\n\nexport { MemoizedDataTable as DataTable };\n"],"mappings":"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"}

package/dist/DataTable/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["DataTable","DataTableEmptyState","densityValues"],"sources":["../../src/DataTable/index.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nexport {\n  DataTable,\n  type DataTableProps,\n  type DataTableGetDataType,\n  type DataTableOnReorderRowsType,\n} from \"./DataTable\";\nexport { DataTableEmptyState } from \"./DataTableEmptyState\";\nexport { densityValues } from \"./constants\";\nexport type {\n  MRT_ColumnFiltersState as DataTableFiltersState,\n  MRT_SortingState as DataTableSortingState,\n  MRT_RowSelectionState as DataTableRowSelectionState,\n  MRT_ColumnDef as DataTableColumn,\n  MRT_RowData as DataTableRowData,\n  MRT_Row as DataTableRow,\n} from \"material-react-table\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAVA,SAaEA,SAAS;AAAA,SAKFC,mBAAmB;AAAA,SACnBC,aAAa"}
+{"version":3,"file":"index.js","names":["DataTable","DataTableEmptyState","densityValues"],"sources":["../../src/DataTable/index.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nexport {\n  DataTable,\n  type DataTableColumn,\n  type DataTableProps,\n  type DataTableGetDataType,\n  type DataTableOnReorderRowsType,\n} from \"./DataTable\";\nexport { DataTableEmptyState } from \"./DataTableEmptyState\";\nexport { densityValues } from \"./constants\";\nexport type {\n  MRT_ColumnFiltersState as DataTableFiltersState,\n  MRT_SortingState as DataTableSortingState,\n  MRT_RowSelectionState as DataTableRowSelectionState,\n  MRT_RowData as DataTableRowData,\n  MRT_Row as DataTableRow,\n} from \"material-react-table\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAVA,SAaEA,SAAS;AAAA,SAMFC,mBAAmB;AAAA,SACnBC,aAAa"}

package/dist/Select.js

@@ -80,15 +80,7 @@ const ChipsInnerContainer = styled(_Box, {
   opacity: ${({
   isInteractive
 }) => isInteractive ? 1 : 0};
-`;
-const ChipsSpacer = styled("div", {
-  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
-})`
-  display: inline-block;
-  border-color: transparent;
-  border-style: solid none;
-  border-width: 1px;
-  height: ${({
+  min-height: ${({
   odysseyDesignTokens
 }) => odysseyDesignTokens.Spacing6};
 `;
@@ -151,10 +143,10 @@ const Select = ({
       }
     } = event;
     if (controlledStateRef.current !== CONTROLLED) {
-      setInternalSelectedValues(typeof value === "string" ? value.split(",") : value);
+      setInternalSelectedValues(typeof value === "string" && hasMultipleChoices ? value.split(",") : value);
     }
     onChangeProp?.(event, child);
-  }, [onChangeProp]);
+  }, [hasMultipleChoices, onChangeProp]);
   const normalizedOptions = useMemo(() => options.map(option => {
     if (typeof option === "object") {
       const value = option?.value === "" ? option.value : option.value || option.text;
@@ -170,45 +162,43 @@ const Select = ({
       type: "option"
     };
   }), [options]);
+  const removeSelectedValue = useCallback(selectedValue => {
+    if (Array.isArray(internalSelectedValues)) {
+      const newValue = internalSelectedValues.filter(internalSelectedValue => internalSelectedValue !== selectedValue);
+      const syntheticEvent = {
+        target: {
+          value: newValue
+        }
+      };
+      onChange(syntheticEvent, null);
+    }
+  }, [internalSelectedValues, onChange]);
   const Chips = useCallback(({
-    selection,
     isInteractive
   }) => {
-    const removeSelection = itemToRemove => {
-      if (Array.isArray(internalSelectedValues)) {
-        const newValue = internalSelectedValues.filter(item => item !== itemToRemove);
-        const syntheticEvent = {
-          target: {
-            value: newValue
-          }
-        };
-        onChange(syntheticEvent, null);
-      }
-    };
     const stopPropagation = event => event.stopPropagation();
-    return _jsxs(ChipsInnerContainer, {
+    const hasNonInteractiveIcon = !isInteractive && controlledStateRef.current === CONTROLLED && hasMultipleChoices;
+    return Array.isArray(internalSelectedValues) && _jsx(ChipsInnerContainer, {
       isInteractive: isInteractive,
       odysseyDesignTokens: odysseyDesignTokens,
-      children: [selection.length <= 0 && _jsx(ChipsSpacer, {
-        odysseyDesignTokens: odysseyDesignTokens
-      }), selection.map(item => item?.length > 0 && _jsx(_Chip, {
+      children: internalSelectedValues.map(item => item?.length > 0 && _jsx(_Chip, {
         label: _jsxs(_Fragment, {
-          children: [item, !isInteractive && controlledStateRef.current === CONTROLLED && hasMultipleChoices && _jsx(NonInteractiveIcon, {
+          children: [item, hasNonInteractiveIcon && _jsx(NonInteractiveIcon, {
             odysseyDesignTokens: odysseyDesignTokens
           })]
         }),
         tabIndex: -1,
-        onDelete: isInteractive && controlledStateRef.current === CONTROLLED ? () => removeSelection(item) : undefined,
+        onDelete: isInteractive && controlledStateRef.current === CONTROLLED ? () => removeSelectedValue(item) : undefined,
         deleteIcon: _jsx(CloseCircleFilledIcon, {
           sx: {
             pointerEvents: "auto"
           },
           onMouseDown: stopPropagation
         })
-      }, item))]
+      }, item))
     });
-  }, [controlledStateRef, hasMultipleChoices, internalSelectedValues, odysseyDesignTokens, onChange]);
-  const children = useMemo(() => normalizedOptions.map((option, index) => {
+  }, [controlledStateRef, hasMultipleChoices, internalSelectedValues, odysseyDesignTokens, removeSelectedValue]);
+  const renderedOptions = useMemo(() => normalizedOptions.map((option, index) => {
     if (option.type === "heading") {
       return _jsxs(_ListSubheader, {
         children: [" ", option.text, " "]
@@ -220,13 +210,12 @@ const Select = ({
       selected: isSelected,
       children: [hasMultipleChoices && _jsx(_Checkbox, {
         checked: isSelected
-      }), option.text, !hasMultipleChoices && (internalSelectedValues?.includes(option.value) || internalSelectedValues === option.value) && _jsx(_ListItemSecondaryAction, {
+      }), option.text, !hasMultipleChoices && internalSelectedValues === option.value && _jsx(_ListItemSecondaryAction, {
         children: _jsx(CheckIcon, {})
       })]
     }, normalizedKey(option.text, index.toString()));
   }), [hasMultipleChoices, normalizedOptions, internalSelectedValues]);
   const renderValue = useCallback(value => Array.isArray(value) && _jsx(Chips, {
-    selection: value,
     isInteractive: false
   }), [Chips]);
   const renderFieldComponent = useCallback(({
@@ -239,7 +228,6 @@ const Select = ({
       ...inputValues,
       "aria-describedby": ariaDescribedBy,
       "aria-errormessage": errorMessageElementId,
-      children: children,
       id: id,
       inputProps: {
         "data-se": testId
@@ -252,15 +240,17 @@ const Select = ({
       onChange: onChange,
       onFocus: onFocus,
       renderValue: hasMultipleChoices ? renderValue : undefined,
-      translate: translate
-    }), hasMultipleChoices && Array.isArray(value) && _jsx(ChipsPositioningContainer, {
-      odysseyDesignTokens: odysseyDesignTokens,
-      children: _jsx(Chips, {
-        selection: value,
-        isInteractive: true
+      translate: translate,
+      children: renderedOptions
+    }), hasMultipleChoices && _jsx(_Fragment, {
+      children: _jsx(ChipsPositioningContainer, {
+        odysseyDesignTokens: odysseyDesignTokens,
+        children: _jsx(Chips, {
+          isInteractive: true
+        })
       })
     })]
-  }), [children, Chips, inputValues, hasMultipleChoices, nameOverride, odysseyDesignTokens, onBlur, onChange, onFocus, renderValue, testId, translate, value]);
+  }), [Chips, inputValues, hasMultipleChoices, nameOverride, odysseyDesignTokens, onBlur, onChange, onFocus, renderedOptions, renderValue, testId, translate]);
   return _jsx(Field, {
     ariaDescribedBy: ariaDescribedBy,
     errorMessage: errorMessage,

package/dist/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","names":["memo","useCallback","useEffect","useMemo","useRef","useState","useImperativeHandle","Field","CheckIcon","CloseCircleFilledIcon","ComponentControlledState","useInputValues","getControlState","normalizedKey","styled","useOdysseyDesignTokens","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","SelectContainer","div","ChipsPositioningContainer","shouldForwardProp","prop","odysseyDesignTokens","Spacing0","Spacing5","Spacing1","BorderWidthMain","NonInteractiveIcon","Spacing2","ChipsInnerContainer","_Box","isInteractive","ChipsSpacer","Spacing6","CONTROLLED","Select","ariaDescribedBy","defaultValue","errorMessage","errorMessageList","hasMultipleChoices","hasMultipleChoicesProp","hint","HintLinkComponent","id","idOverride","inputRef","isDisabled","isFullWidth","isMultiSelect","isOptional","label","name","nameOverride","onBlur","onChange","onChangeProp","onFocus","options","testId","translate","value","undefined","controlledStateRef","controlledValue","uncontrolledValue","internalSelectedValues","setInternalSelectedValues","current","localInputRef","focus","inputValues","controlState","event","child","target","split","normalizedOptions","map","option","text","type","Chips","selection","removeSelection","itemToRemove","Array","isArray","newValue","filter","item","syntheticEvent","stopPropagation","children","length","_Chip","tabIndex","onDelete","deleteIcon","sx","pointerEvents","onMouseDown","index","_ListSubheader","isSelected","includes","_MenuItem","selected","_Checkbox","checked","_ListItemSecondaryAction","toString","renderValue","renderFieldComponent","errorMessageElementId","labelElementId","_Select","inputProps","labelId","multiple","fieldType","hasVisibleLabel","MemoizedSelect","displayName"],"sources":["../src/Select.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  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  useImperativeHandle,\n  MouseEvent,\n} from \"react\";\nimport {\n  Box as MuiBox,\n  Checkbox as MuiCheckbox,\n  Chip as MuiChip,\n  ListItemSecondaryAction,\n  ListSubheader,\n  MenuItem as MuiMenuItem,\n  Select as MuiSelect,\n  SelectChangeEvent,\n} from \"@mui/material\";\nimport { SelectProps as MuiSelectProps } from \"@mui/material\";\n\nimport { Field } from \"./Field\";\nimport {\n  FieldComponentProps,\n  FieldComponentRenderProps,\n} from \"./FieldComponentProps\";\nimport { CheckIcon, CloseCircleFilledIcon } from \"./icons.generated\";\nimport type { HtmlProps } from \"./HtmlProps\";\nimport {\n  ComponentControlledState,\n  FocusHandle,\n  useInputValues,\n  getControlState,\n} from \"./inputUtils\";\nimport { normalizedKey } from \"./useNormalizedKey\";\nimport styled from \"@emotion/styled\";\n\nimport {\n  useOdysseyDesignTokens,\n  DesignTokens,\n} from \"./OdysseyDesignTokensContext\";\n\nexport type SelectOption = {\n  text: string;\n  type?: \"heading\" | \"option\";\n  value?: string;\n};\n\nconst SelectContainer = styled.div`\n  position: relative;\n  width: 100%;\n  display: flex;\n`;\n\nconst ChipsPositioningContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>`\n  display: flex;\n  align-items: center;\n  position: absolute;\n  top: ${({ odysseyDesignTokens }) => odysseyDesignTokens.Spacing0};\n  right: ${({ odysseyDesignTokens }) => odysseyDesignTokens.Spacing5};\n  bottom: ${({ odysseyDesignTokens }) => odysseyDesignTokens.Spacing0};\n  left: ${({ odysseyDesignTokens }) => odysseyDesignTokens.Spacing1};\n  margin-inline-start: ${({ odysseyDesignTokens }) =>\n    odysseyDesignTokens.BorderWidthMain};\n  opacity: 1;\n  pointer-events: none;\n`;\n\nconst NonInteractiveIcon = styled(CloseCircleFilledIcon, {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>`\n  font-size: 1em;\n  margin-inline-start: ${({ odysseyDesignTokens }) =>\n    odysseyDesignTokens.Spacing2};\n  margin-inline-end: -${({ odysseyDesignTokens }) => odysseyDesignTokens.Spacing1};\n  margin-block-end: -1px;\n`;\n\nconst ChipsInnerContainer = styled(MuiBox, {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"isInteractive\",\n})<{\n  isInteractive?: boolean;\n  odysseyDesignTokens: DesignTokens;\n}>`\n  display: flex;\n  flex-wrap: wrap;\n  gap: ${({ odysseyDesignTokens }) => odysseyDesignTokens.Spacing1};\n  pointer-events: none;\n  opacity: ${({ isInteractive }) => (isInteractive ? 1 : 0)};\n`;\n\nconst ChipsSpacer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>`\n  display: inline-block;\n  border-color: transparent;\n  border-style: solid none;\n  border-width: 1px;\n  height: ${({ odysseyDesignTokens }) => odysseyDesignTokens.Spacing6};\n`;\n\nexport type SelectValueType<HasMultipleChoices> =\n  HasMultipleChoices extends true ? string[] : string;\n\nexport type SelectProps<\n  Value extends SelectValueType<HasMultipleChoices>,\n  HasMultipleChoices extends boolean,\n> = {\n  /**\n   * The default value. Use when the component is not controlled.\n   */\n  defaultValue?: MuiSelectProps<Value>[\"defaultValue\"];\n  /**\n   * If `true`, the Select allows multiple selections\n   */\n  hasMultipleChoices?: HasMultipleChoices;\n  /**\n   * The ref forwarded to the Select\n   */\n  inputRef?: React.RefObject<FocusHandle>;\n  /**\n   * @deprecated Use `hasMultipleChoices` instead.\n   */\n  /** **Deprecated:** use `hasMultipleChoices` */\n  isMultiSelect?: HasMultipleChoices;\n  /**\n   * The label text for the Select\n   */\n  label: string;\n  /**\n   * Callback fired when the Select loses focus\n   */\n  onBlur?: MuiSelectProps<Value>[\"onBlur\"];\n  /**\n   * Callback fired when the value of the Select changes\n   */\n  onChange?: MuiSelectProps<Value>[\"onChange\"];\n  /**\n   * Callback fired when the Select gains focus\n   */\n  onFocus?: MuiSelectProps<Value>[\"onFocus\"];\n  /**\n   * The options for the Select\n   */\n  options: (string | SelectOption)[];\n  /**\n   * The value or values selected in the Select\n   */\n  value?: Value;\n} & Pick<\n  FieldComponentProps,\n  | \"errorMessage\"\n  | \"errorMessageList\"\n  | \"hint\"\n  | \"HintLinkComponent\"\n  | \"id\"\n  | \"isDisabled\"\n  | \"isFullWidth\"\n  | \"isOptional\"\n  | \"name\"\n> &\n  Pick<HtmlProps, \"ariaDescribedBy\" | \"testId\" | \"translate\">;\n\ntype SelectRenderProps = Partial<\n  Pick<FieldComponentRenderProps, \"ariaDescribedBy\" | \"errorMessageElementId\">\n> &\n  Pick<FieldComponentRenderProps, \"id\" | \"labelElementId\">;\n\n/**\n * Options in Odyssey <Select> are passed as an array, which can contain any combination\n * of the following:\n *   - string —                            A simple string. The string will be both the text and the value of the resulting option.\n *                                         <option value=\"string\">string</option>\n *\n *   - { text: string } —                  Same as above, but the string is contained within an object.\n *                                         <option value=\"text\">text</option>\n *\n *   - { text: string, value: string } —   The option text will be text, and the option value will be value.\n *                                         <option value=\"value\">text</option>\n *\n *   - { text: string, type: \"heading\" } — Used to display a group heading with the text\n */\n\nconst { CONTROLLED } = ComponentControlledState;\nconst Select = <\n  Value extends SelectValueType<HasMultipleChoices>,\n  HasMultipleChoices extends boolean,\n>({\n  ariaDescribedBy,\n  defaultValue,\n  errorMessage,\n  errorMessageList,\n  hasMultipleChoices: hasMultipleChoicesProp,\n  hint,\n  HintLinkComponent,\n  id: idOverride,\n  inputRef,\n  isDisabled = false,\n  isFullWidth = false,\n  isMultiSelect,\n  isOptional = false,\n  label,\n  name: nameOverride,\n  onBlur,\n  onChange: onChangeProp,\n  onFocus,\n  options,\n  testId,\n  translate,\n  value,\n}: SelectProps<Value, HasMultipleChoices>) => {\n  const hasMultipleChoices = useMemo(\n    () =>\n      hasMultipleChoicesProp === undefined\n        ? isMultiSelect\n        : hasMultipleChoicesProp,\n    [hasMultipleChoicesProp, isMultiSelect],\n  );\n  const controlledStateRef = useRef(\n    getControlState({\n      controlledValue: value,\n      uncontrolledValue: defaultValue,\n    }),\n  );\n  const [internalSelectedValues, setInternalSelectedValues] = useState(\n    controlledStateRef.current === CONTROLLED ? value : defaultValue,\n  );\n  const localInputRef = useRef<HTMLSelectElement>(null);\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  useImperativeHandle(\n    inputRef,\n    () => {\n      return {\n        focus: () => {\n          localInputRef.current?.focus();\n        },\n      };\n    },\n    [],\n  );\n\n  useEffect(() => {\n    if (controlledStateRef.current === CONTROLLED) {\n      setInternalSelectedValues(value);\n    }\n  }, [value]);\n\n  const inputValues = useInputValues({\n    defaultValue,\n    value,\n    controlState: controlledStateRef.current,\n  });\n\n  const onChange = useCallback<NonNullable<MuiSelectProps<Value>[\"onChange\"]>>(\n    (event, child) => {\n      const {\n        target: { value },\n      } = event;\n      if (controlledStateRef.current !== CONTROLLED) {\n        setInternalSelectedValues(\n          (typeof value === \"string\" ? value.split(\",\") : value) as Value,\n        );\n      }\n      onChangeProp?.(event, child);\n    },\n    [onChangeProp],\n  );\n\n  // Normalize the options array to accommodate the various\n  // data types that might be passed\n  const normalizedOptions = useMemo(\n    () =>\n      options.map((option) => {\n        if (typeof option === \"object\") {\n          /**\n           * If the value of `option?.value is an empty string, we need to make sure that we\n           * set an empty string to `value` in the normalized option so that the select component\n           * can potentially set it as the selected one in the text input\n           */\n          const value =\n            option?.value === \"\" ? option.value : option.value || option.text;\n          return {\n            text: option.text,\n            value,\n            type: option.type === \"heading\" ? \"heading\" : \"option\",\n          };\n        }\n        return { text: option, value: option, type: \"option\" };\n      }),\n    [options],\n  );\n\n  const Chips = useCallback(\n    ({\n      selection,\n      isInteractive,\n    }: {\n      selection: string[];\n      isInteractive: boolean;\n    }) => {\n      const removeSelection = (itemToRemove: string) => {\n        if (Array.isArray(internalSelectedValues)) {\n          const newValue = internalSelectedValues.filter(\n            (item: string) => item !== itemToRemove,\n          );\n\n          const syntheticEvent = {\n            target: { value: newValue },\n          } as SelectChangeEvent<Value>;\n\n          onChange(syntheticEvent, null);\n        }\n      };\n\n      const stopPropagation = (event: MouseEvent<SVGSVGElement>) =>\n        event.stopPropagation();\n\n      return (\n        <ChipsInnerContainer\n          isInteractive={isInteractive}\n          odysseyDesignTokens={odysseyDesignTokens}\n        >\n          {selection.length <= 0 && (\n            <ChipsSpacer odysseyDesignTokens={odysseyDesignTokens} />\n          )}\n          {selection.map(\n            (item: string) =>\n              item?.length > 0 && (\n                <MuiChip\n                  key={item}\n                  label={\n                    <>\n                      {item}\n                      {!isInteractive &&\n                        controlledStateRef.current === CONTROLLED &&\n                        hasMultipleChoices && (\n                          <NonInteractiveIcon\n                            odysseyDesignTokens={odysseyDesignTokens}\n                          />\n                        )}\n                    </>\n                  }\n                  tabIndex={-1}\n                  onDelete={\n                    isInteractive && controlledStateRef.current === CONTROLLED\n                      ? () => removeSelection(item)\n                      : undefined\n                  }\n                  deleteIcon={\n                    <CloseCircleFilledIcon\n                      sx={{ pointerEvents: \"auto\" }}\n                      // We need to stop event propagation on mouse down to prevent the deletion\n                      // from being blocked by the Select list opening, and also ensure that\n                      // the pointerEvent is registered even when the parent's are not\n                      onMouseDown={stopPropagation}\n                    />\n                  }\n                />\n              ),\n          )}\n        </ChipsInnerContainer>\n      );\n    },\n    [\n      controlledStateRef,\n      hasMultipleChoices,\n      internalSelectedValues,\n      odysseyDesignTokens,\n      onChange,\n    ],\n  );\n\n  // Convert the options into the ReactNode children\n  // that will populate the <Select>\n  const children = useMemo(\n    () =>\n      normalizedOptions.map((option, index) => {\n        if (option.type === \"heading\") {\n          return (\n            <ListSubheader key={option.text}> {option.text} </ListSubheader>\n          );\n        }\n\n        const isSelected = hasMultipleChoices\n          ? internalSelectedValues?.includes(option.value)\n          : internalSelectedValues === option.value;\n\n        return (\n          <MuiMenuItem\n            key={normalizedKey(option.text, index.toString())}\n            value={option.value}\n            selected={isSelected}\n          >\n            {hasMultipleChoices && <MuiCheckbox checked={isSelected} />}\n            {option.text}\n            {!hasMultipleChoices &&\n              (internalSelectedValues?.includes(option.value) ||\n                internalSelectedValues === option.value) && (\n                <ListItemSecondaryAction>\n                  <CheckIcon />\n                </ListItemSecondaryAction>\n              )}\n          </MuiMenuItem>\n        );\n      }),\n    [hasMultipleChoices, normalizedOptions, internalSelectedValues],\n  );\n\n  const renderValue = useCallback(\n    (value: Value) =>\n      Array.isArray(value) && <Chips selection={value} isInteractive={false} />,\n    [Chips],\n  );\n\n  const renderFieldComponent = useCallback(\n    ({\n      ariaDescribedBy,\n      errorMessageElementId,\n      id,\n      labelElementId,\n    }: SelectRenderProps) => (\n      <SelectContainer>\n        <MuiSelect\n          {...inputValues}\n          aria-describedby={ariaDescribedBy}\n          aria-errormessage={errorMessageElementId}\n          children={children}\n          id={id}\n          inputProps={{ \"data-se\": testId }}\n          inputRef={localInputRef}\n          labelId={labelElementId}\n          multiple={hasMultipleChoices}\n          name={nameOverride ?? id}\n          onBlur={onBlur}\n          onChange={onChange}\n          onFocus={onFocus}\n          renderValue={hasMultipleChoices ? renderValue : undefined}\n          translate={translate}\n        />\n        {hasMultipleChoices && Array.isArray(value) && (\n          <ChipsPositioningContainer odysseyDesignTokens={odysseyDesignTokens}>\n            <Chips selection={value} isInteractive={true} />\n          </ChipsPositioningContainer>\n        )}\n      </SelectContainer>\n    ),\n    [\n      children,\n      Chips,\n      inputValues,\n      hasMultipleChoices,\n      nameOverride,\n      odysseyDesignTokens,\n      onBlur,\n      onChange,\n      onFocus,\n      renderValue,\n      testId,\n      translate,\n      value,\n    ],\n  );\n\n  return (\n    <Field\n      ariaDescribedBy={ariaDescribedBy}\n      errorMessage={errorMessage}\n      errorMessageList={errorMessageList}\n      fieldType=\"single\"\n      hasVisibleLabel\n      hint={hint}\n      HintLinkComponent={HintLinkComponent}\n      id={idOverride}\n      isDisabled={isDisabled}\n      isFullWidth={isFullWidth}\n      isOptional={isOptional}\n      label={label}\n      renderFieldComponent={renderFieldComponent}\n    />\n  );\n};\n\nconst MemoizedSelect = memo(Select);\nMemoizedSelect.displayName = \"Select\";\n\nexport { MemoizedSelect as Select };\n"],"mappings":"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"}
+{"version":3,"file":"Select.js","names":["memo","useCallback","useEffect","useMemo","useRef","useState","useImperativeHandle","Field","CheckIcon","CloseCircleFilledIcon","ComponentControlledState","useInputValues","getControlState","normalizedKey","styled","useOdysseyDesignTokens","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","SelectContainer","div","ChipsPositioningContainer","shouldForwardProp","prop","odysseyDesignTokens","Spacing0","Spacing5","Spacing1","BorderWidthMain","NonInteractiveIcon","Spacing2","ChipsInnerContainer","_Box","isInteractive","Spacing6","CONTROLLED","Select","ariaDescribedBy","defaultValue","errorMessage","errorMessageList","hasMultipleChoices","hasMultipleChoicesProp","hint","HintLinkComponent","id","idOverride","inputRef","isDisabled","isFullWidth","isMultiSelect","isOptional","label","name","nameOverride","onBlur","onChange","onChangeProp","onFocus","options","testId","translate","value","undefined","controlledStateRef","controlledValue","uncontrolledValue","internalSelectedValues","setInternalSelectedValues","current","localInputRef","focus","inputValues","controlState","event","child","target","split","normalizedOptions","map","option","text","type","removeSelectedValue","selectedValue","Array","isArray","newValue","filter","internalSelectedValue","syntheticEvent","Chips","stopPropagation","hasNonInteractiveIcon","children","item","length","_Chip","tabIndex","onDelete","deleteIcon","sx","pointerEvents","onMouseDown","renderedOptions","index","_ListSubheader","isSelected","includes","_MenuItem","selected","_Checkbox","checked","_ListItemSecondaryAction","toString","renderValue","renderFieldComponent","errorMessageElementId","labelElementId","_Select","inputProps","labelId","multiple","fieldType","hasVisibleLabel","MemoizedSelect","displayName"],"sources":["../src/Select.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  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  useImperativeHandle,\n  MouseEvent,\n} from \"react\";\nimport {\n  Box as MuiBox,\n  Checkbox as MuiCheckbox,\n  Chip as MuiChip,\n  ListItemSecondaryAction,\n  ListSubheader,\n  MenuItem as MuiMenuItem,\n  Select as MuiSelect,\n  SelectChangeEvent,\n} from \"@mui/material\";\nimport { SelectProps as MuiSelectProps } from \"@mui/material\";\n\nimport { Field } from \"./Field\";\nimport {\n  FieldComponentProps,\n  FieldComponentRenderProps,\n} from \"./FieldComponentProps\";\nimport { CheckIcon, CloseCircleFilledIcon } from \"./icons.generated\";\nimport type { HtmlProps } from \"./HtmlProps\";\nimport {\n  ComponentControlledState,\n  FocusHandle,\n  useInputValues,\n  getControlState,\n} from \"./inputUtils\";\nimport { normalizedKey } from \"./useNormalizedKey\";\nimport styled from \"@emotion/styled\";\n\nimport {\n  useOdysseyDesignTokens,\n  DesignTokens,\n} from \"./OdysseyDesignTokensContext\";\n\nexport type SelectOption = {\n  text: string;\n  type?: \"heading\" | \"option\";\n  value?: string;\n};\n\nconst SelectContainer = styled.div`\n  position: relative;\n  width: 100%;\n  display: flex;\n`;\n\nconst ChipsPositioningContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>`\n  display: flex;\n  align-items: center;\n  position: absolute;\n  top: ${({ odysseyDesignTokens }) => odysseyDesignTokens.Spacing0};\n  right: ${({ odysseyDesignTokens }) => odysseyDesignTokens.Spacing5};\n  bottom: ${({ odysseyDesignTokens }) => odysseyDesignTokens.Spacing0};\n  left: ${({ odysseyDesignTokens }) => odysseyDesignTokens.Spacing1};\n  margin-inline-start: ${({ odysseyDesignTokens }) =>\n    odysseyDesignTokens.BorderWidthMain};\n  opacity: 1;\n  pointer-events: none;\n`;\n\nconst NonInteractiveIcon = styled(CloseCircleFilledIcon, {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>`\n  font-size: 1em;\n  margin-inline-start: ${({ odysseyDesignTokens }) =>\n    odysseyDesignTokens.Spacing2};\n  margin-inline-end: -${({ odysseyDesignTokens }) => odysseyDesignTokens.Spacing1};\n  margin-block-end: -1px;\n`;\n\nconst ChipsInnerContainer = styled(MuiBox, {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"isInteractive\",\n})<{\n  isInteractive?: boolean;\n  odysseyDesignTokens: DesignTokens;\n}>`\n  display: flex;\n  flex-wrap: wrap;\n  gap: ${({ odysseyDesignTokens }) => odysseyDesignTokens.Spacing1};\n  pointer-events: none;\n  opacity: ${({ isInteractive }) => (isInteractive ? 1 : 0)};\n  min-height: ${({ odysseyDesignTokens }) => odysseyDesignTokens.Spacing6};\n`;\n\nexport type SelectValueType<HasMultipleChoices> =\n  HasMultipleChoices extends true ? string[] : string;\n\nexport type SelectProps<\n  Value extends SelectValueType<HasMultipleChoices>,\n  HasMultipleChoices extends boolean,\n> = {\n  /**\n   * The default value. Use when the component is not controlled.\n   */\n  defaultValue?: MuiSelectProps<Value>[\"defaultValue\"];\n  /**\n   * If `true`, the Select allows multiple selections\n   */\n  hasMultipleChoices?: HasMultipleChoices;\n  /**\n   * The ref forwarded to the Select\n   */\n  inputRef?: React.RefObject<FocusHandle>;\n  /**\n   * @deprecated Use `hasMultipleChoices` instead.\n   */\n  /** **Deprecated:** use `hasMultipleChoices` */\n  isMultiSelect?: HasMultipleChoices;\n  /**\n   * The label text for the Select\n   */\n  label: string;\n  /**\n   * Callback fired when the Select loses focus\n   */\n  onBlur?: MuiSelectProps<Value>[\"onBlur\"];\n  /**\n   * Callback fired when the value of the Select changes\n   */\n  onChange?: MuiSelectProps<Value>[\"onChange\"];\n  /**\n   * Callback fired when the Select gains focus\n   */\n  onFocus?: MuiSelectProps<Value>[\"onFocus\"];\n  /**\n   * The options for the Select\n   */\n  options: (string | SelectOption)[];\n  /**\n   * The value or values selected in the Select\n   */\n  value?: Value;\n} & Pick<\n  FieldComponentProps,\n  | \"errorMessage\"\n  | \"errorMessageList\"\n  | \"hint\"\n  | \"HintLinkComponent\"\n  | \"id\"\n  | \"isDisabled\"\n  | \"isFullWidth\"\n  | \"isOptional\"\n  | \"name\"\n> &\n  Pick<HtmlProps, \"ariaDescribedBy\" | \"testId\" | \"translate\">;\n\ntype SelectRenderProps = Partial<\n  Pick<FieldComponentRenderProps, \"ariaDescribedBy\" | \"errorMessageElementId\">\n> &\n  Pick<FieldComponentRenderProps, \"id\" | \"labelElementId\">;\n\n/**\n * Options in Odyssey <Select> are passed as an array, which can contain any combination\n * of the following:\n *   - string —                            A simple string. The string will be both the text and the value of the resulting option.\n *                                         <option value=\"string\">string</option>\n *\n *   - { text: string } —                  Same as above, but the string is contained within an object.\n *                                         <option value=\"text\">text</option>\n *\n *   - { text: string, value: string } —   The option text will be text, and the option value will be value.\n *                                         <option value=\"value\">text</option>\n *\n *   - { text: string, type: \"heading\" } — Used to display a group heading with the text\n */\n\nconst { CONTROLLED } = ComponentControlledState;\nconst Select = <\n  Value extends SelectValueType<HasMultipleChoices>,\n  HasMultipleChoices extends boolean,\n>({\n  ariaDescribedBy,\n  defaultValue,\n  errorMessage,\n  errorMessageList,\n  hasMultipleChoices: hasMultipleChoicesProp,\n  hint,\n  HintLinkComponent,\n  id: idOverride,\n  inputRef,\n  isDisabled = false,\n  isFullWidth = false,\n  isMultiSelect,\n  isOptional = false,\n  label,\n  name: nameOverride,\n  onBlur,\n  onChange: onChangeProp,\n  onFocus,\n  options,\n  testId,\n  translate,\n  value,\n}: SelectProps<Value, HasMultipleChoices>) => {\n  const hasMultipleChoices = useMemo(\n    () =>\n      hasMultipleChoicesProp === undefined\n        ? isMultiSelect\n        : hasMultipleChoicesProp,\n    [hasMultipleChoicesProp, isMultiSelect],\n  );\n  const controlledStateRef = useRef(\n    getControlState({\n      controlledValue: value,\n      uncontrolledValue: defaultValue,\n    }),\n  );\n  const [internalSelectedValues, setInternalSelectedValues] = useState(\n    controlledStateRef.current === CONTROLLED ? value : defaultValue,\n  );\n  const localInputRef = useRef<HTMLSelectElement>(null);\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  useImperativeHandle(\n    inputRef,\n    () => {\n      return {\n        focus: () => {\n          localInputRef.current?.focus();\n        },\n      };\n    },\n    [],\n  );\n\n  useEffect(() => {\n    if (controlledStateRef.current === CONTROLLED) {\n      setInternalSelectedValues(value);\n    }\n  }, [value]);\n\n  const inputValues = useInputValues({\n    defaultValue,\n    value,\n    controlState: controlledStateRef.current,\n  });\n\n  const onChange = useCallback<NonNullable<MuiSelectProps<Value>[\"onChange\"]>>(\n    (event, child) => {\n      const {\n        target: { value },\n      } = event;\n      if (controlledStateRef.current !== CONTROLLED) {\n        setInternalSelectedValues(\n          (typeof value === \"string\" && hasMultipleChoices\n            ? value.split(\",\")\n            : value) as Value,\n        );\n      }\n      onChangeProp?.(event, child);\n    },\n    [hasMultipleChoices, onChangeProp],\n  );\n\n  // Normalize the options array to accommodate the various\n  // data types that might be passed\n  const normalizedOptions = useMemo(\n    () =>\n      options.map((option) => {\n        if (typeof option === \"object\") {\n          /**\n           * If the value of `option?.value is an empty string, we need to make sure that we\n           * set an empty string to `value` in the normalized option so that the select component\n           * can potentially set it as the selected one in the text input\n           */\n          const value =\n            option?.value === \"\" ? option.value : option.value || option.text;\n          return {\n            text: option.text,\n            value,\n            type: option.type === \"heading\" ? \"heading\" : \"option\",\n          };\n        }\n        return { text: option, value: option, type: \"option\" };\n      }),\n    [options],\n  );\n\n  const removeSelectedValue = useCallback(\n    (selectedValue: string) => {\n      if (Array.isArray(internalSelectedValues)) {\n        const newValue = internalSelectedValues.filter(\n          (internalSelectedValue) => internalSelectedValue !== selectedValue,\n        );\n\n        const syntheticEvent = {\n          target: { value: newValue },\n        } as SelectChangeEvent<Value>;\n\n        onChange(syntheticEvent, null);\n      }\n    },\n    [internalSelectedValues, onChange],\n  );\n\n  const Chips = useCallback(\n    ({ isInteractive }: { isInteractive: boolean }) => {\n      const stopPropagation = (event: MouseEvent<SVGSVGElement>) =>\n        event.stopPropagation();\n\n      const hasNonInteractiveIcon =\n        !isInteractive &&\n        controlledStateRef.current === CONTROLLED &&\n        hasMultipleChoices;\n\n      return (\n        Array.isArray(internalSelectedValues) && (\n          <ChipsInnerContainer\n            isInteractive={isInteractive}\n            odysseyDesignTokens={odysseyDesignTokens}\n          >\n            {internalSelectedValues.map(\n              (item) =>\n                item?.length > 0 && (\n                  <MuiChip\n                    key={item}\n                    label={\n                      <>\n                        {item}\n                        {hasNonInteractiveIcon && (\n                          <NonInteractiveIcon\n                            odysseyDesignTokens={odysseyDesignTokens}\n                          />\n                        )}\n                      </>\n                    }\n                    tabIndex={-1}\n                    onDelete={\n                      isInteractive && controlledStateRef.current === CONTROLLED\n                        ? () => removeSelectedValue(item)\n                        : undefined\n                    }\n                    deleteIcon={\n                      <CloseCircleFilledIcon\n                        sx={{ pointerEvents: \"auto\" }}\n                        // We need to stop event propagation on mouse down to prevent the deletion\n                        // from being blocked by the Select list opening, and also ensure that\n                        // the pointerEvent is registered even when the parent's are not\n                        onMouseDown={stopPropagation}\n                      />\n                    }\n                  />\n                ),\n            )}\n          </ChipsInnerContainer>\n        )\n      );\n    },\n    [\n      controlledStateRef,\n      hasMultipleChoices,\n      internalSelectedValues,\n      odysseyDesignTokens,\n      removeSelectedValue,\n    ],\n  );\n\n  // Convert the options into the ReactNode children\n  // that will populate the <Select>\n  const renderedOptions = useMemo(\n    () =>\n      normalizedOptions.map((option, index) => {\n        if (option.type === \"heading\") {\n          return (\n            <ListSubheader key={option.text}> {option.text} </ListSubheader>\n          );\n        }\n\n        const isSelected = hasMultipleChoices\n          ? internalSelectedValues?.includes(option.value)\n          : internalSelectedValues === option.value;\n\n        return (\n          <MuiMenuItem\n            key={normalizedKey(option.text, index.toString())}\n            value={option.value}\n            selected={isSelected}\n          >\n            {hasMultipleChoices && <MuiCheckbox checked={isSelected} />}\n            {option.text}\n            {!hasMultipleChoices && internalSelectedValues === option.value && (\n              <ListItemSecondaryAction>\n                <CheckIcon />\n              </ListItemSecondaryAction>\n            )}\n          </MuiMenuItem>\n        );\n      }),\n    [hasMultipleChoices, normalizedOptions, internalSelectedValues],\n  );\n  const renderValue = useCallback(\n    (value: Value) => Array.isArray(value) && <Chips isInteractive={false} />,\n    [Chips],\n  );\n\n  const renderFieldComponent = useCallback(\n    ({\n      ariaDescribedBy,\n      errorMessageElementId,\n      id,\n      labelElementId,\n    }: SelectRenderProps) => (\n      <SelectContainer>\n        <MuiSelect\n          {...inputValues}\n          aria-describedby={ariaDescribedBy}\n          aria-errormessage={errorMessageElementId}\n          id={id}\n          inputProps={{ \"data-se\": testId }}\n          inputRef={localInputRef}\n          labelId={labelElementId}\n          multiple={hasMultipleChoices}\n          name={nameOverride ?? id}\n          onBlur={onBlur}\n          onChange={onChange}\n          onFocus={onFocus}\n          renderValue={hasMultipleChoices ? renderValue : undefined}\n          translate={translate}\n        >\n          {renderedOptions}\n        </MuiSelect>\n        {hasMultipleChoices && (\n          <>\n            <ChipsPositioningContainer\n              odysseyDesignTokens={odysseyDesignTokens}\n            >\n              <Chips isInteractive={true} />\n            </ChipsPositioningContainer>\n          </>\n        )}\n      </SelectContainer>\n    ),\n    [\n      Chips,\n      inputValues,\n      hasMultipleChoices,\n      nameOverride,\n      odysseyDesignTokens,\n      onBlur,\n      onChange,\n      onFocus,\n      renderedOptions,\n      renderValue,\n      testId,\n      translate,\n    ],\n  );\n\n  return (\n    <Field\n      ariaDescribedBy={ariaDescribedBy}\n      errorMessage={errorMessage}\n      errorMessageList={errorMessageList}\n      fieldType=\"single\"\n      hasVisibleLabel\n      hint={hint}\n      HintLinkComponent={HintLinkComponent}\n      id={idOverride}\n      isDisabled={isDisabled}\n      isFullWidth={isFullWidth}\n      isOptional={isOptional}\n      label={label}\n      renderFieldComponent={renderFieldComponent}\n    />\n  );\n};\n\nconst MemoizedSelect = memo(Select);\nMemoizedSelect.displayName = \"Select\";\n\nexport { MemoizedSelect as Select };\n"],"mappings":"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"}

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

@@ -5,19 +5,47 @@ export const translation = {
   "fielderror.screenreader.text": "Chyba",
   "fieldlabel.optional.text": "Volitelné",
   "fieldlabel.required.text": "Povinné",
-  "passwordfield.icon.label.show": "Zobrazit heslo",
+  "filters.clear.label": "Vymazat filtry",
+  "filters.filter.any": "Libovolné",
+  "filters.filter.clear": "Vymazat filtr",
+  "filters.filters.arialabel": "Filtry",
+  "filters.menuitem.any": "Libovolné: {{label}}",
+  "filters.menuitem.selected": "Vybráno: {{selected}}",
+  "filters.search.label": "Hledat",
+  "fileupload.button.text": "Přidat soubory",
+  "fileupload.prompt.text": "Přetáhněte soubory sem nebo klikněte a přidejte je",
+  "fileupload.removefile.text": "Odebrat soubor",
   "passwordfield.icon.label.hide": "Skrýt heslo",
+  "passwordfield.icon.label.show": "Zobrazit heslo",
   "severity.error": "chyba",
   "severity.info": "informace",
   "severity.success": "úspěch",
   "severity.warning": "upozornění",
   "switch.active": "Aktivní",
   "switch.inactive": "Neaktivní",
+  "table.actions": "Akce",
+  "table.columnvisibility.arialabel": "Zobrazit nebo skrýt sloupce",
+  "table.density.arialabel": "Hustota tabulky",
+  "table.draghandle.arialabel": "Pořadí řádků můžete změnit přetažením. Změny pořadí můžete také zahájit a dokončit stisknutím mezerníku nebo klávesy Enter a zrušit stisknutím klávesy Esc.",
+  "table.draghandle.tooltip": "Pořadí řádků můžete změnit přetažením, případně můžete změny pořadí zahájit a dokončit stisknutím mezerníku nebo klávesy Enter.",
   "table.error": "Chyba při načítání dat",
   "table.fetchedrows.text": "Byl načten {{totalRows}} řádek",
   "table.fetchedrows.text_plural": "Celkem načteno řádků: {{totalRows}}",
+  "table.moreactions.arialabel": "Další akce",
+  "table.noresults.heading": "Nejsou k dispozici žádné výsledky.",
+  "table.noresults.text": "Zkuste zadat jiný dotaz.",
+  "table.pagination.loadmore": "Zobrazit více",
+  "table.pagination.next": "Další stránka",
+  "table.pagination.previous": "Předchozí stránka",
+  "table.pagination.page": "Stránka",
+  "table.pagination.rowsperpage": "Počet řádků na stránku",
+  "table.pagination.rowswithtotal": "Řádky {{firstRow}}–{{lastRow}} z {{totalRows}}",
+  "table.pagination.rowswithouttotal": "Řádky {{firstRow}}–{{lastRow}}",
+  "table.reorder.backward": "Odeslat dozadu",
+  "table.reorder.forward": "Přenést dopředu",
+  "table.reorder.toback": "Odeslat na pozadí",
+  "table.reorder.tofront": "Přenést do popředí",
   "table.rows.text": "{{totalRows}} řádek",
-  "table.rows.text_plural": "Počet řádků: {{totalRows}}",
-  "toast.close.text": "zavřít"
+  "table.rows.text_plural": "Počet řádků: {{totalRows}}"
 };
 //# sourceMappingURL=odyssey-react-mui_cs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"odyssey-react-mui_cs.js","names":["translation"],"sources":["../../../src/properties/ts/odyssey-react-mui_cs.ts"],"sourcesContent":["export const translation = {\"breadcrumbs.home.text\":\"Domovská stránka\",\"breadcrumbs.label.text\":\"Drobečková navigace\",\"close.text\":\"zavřít\",\"fielderror.screenreader.text\":\"Chyba\",\"fieldlabel.optional.text\":\"Volitelné\",\"fieldlabel.required.text\":\"Povinné\",\"passwordfield.icon.label.show\":\"Zobrazit heslo\",\"passwordfield.icon.label.hide\":\"Skrýt heslo\",\"severity.error\":\"chyba\",\"severity.info\":\"informace\",\"severity.success\":\"úspěch\",\"severity.warning\":\"upozornění\",\"switch.active\":\"Aktivní\",\"switch.inactive\":\"Neaktivní\",\"table.error\":\"Chyba při načítání dat\",\"table.fetchedrows.text\":\"Byl načten {{totalRows}} řádek\",\"table.fetchedrows.text_plural\":\"Celkem načteno řádků: {{totalRows}}\",\"table.rows.text\":\"{{totalRows}} řádek\",\"table.rows.text_plural\":\"Počet řádků: {{totalRows}}\",\"toast.close.text\":\"zavřít\"};"],"mappings":"AAAA,OAAO,MAAMA,WAAW,GAAG;EAAC,uBAAuB,EAAC,kBAAkB;EAAC,wBAAwB,EAAC,qBAAqB;EAAC,YAAY,EAAC,QAAQ;EAAC,8BAA8B,EAAC,OAAO;EAAC,0BAA0B,EAAC,WAAW;EAAC,0BAA0B,EAAC,SAAS;EAAC,+BAA+B,EAAC,gBAAgB;EAAC,+BAA+B,EAAC,aAAa;EAAC,gBAAgB,EAAC,OAAO;EAAC,eAAe,EAAC,WAAW;EAAC,kBAAkB,EAAC,QAAQ;EAAC,kBAAkB,EAAC,YAAY;EAAC,eAAe,EAAC,SAAS;EAAC,iBAAiB,EAAC,WAAW;EAAC,aAAa,EAAC,wBAAwB;EAAC,wBAAwB,EAAC,gCAAgC;EAAC,+BAA+B,EAAC,qCAAqC;EAAC,iBAAiB,EAAC,qBAAqB;EAAC,wBAAwB,EAAC,4BAA4B;EAAC,kBAAkB,EAAC;AAAQ,CAAC"}
+{"version":3,"file":"odyssey-react-mui_cs.js","names":["translation"],"sources":["../../../src/properties/ts/odyssey-react-mui_cs.ts"],"sourcesContent":["export const translation = {\"breadcrumbs.home.text\":\"Domovská stránka\",\"breadcrumbs.label.text\":\"Drobečková navigace\",\"close.text\":\"zavřít\",\"fielderror.screenreader.text\":\"Chyba\",\"fieldlabel.optional.text\":\"Volitelné\",\"fieldlabel.required.text\":\"Povinné\",\"filters.clear.label\":\"Vymazat filtry\",\"filters.filter.any\":\"Libovolné\",\"filters.filter.clear\":\"Vymazat filtr\",\"filters.filters.arialabel\":\"Filtry\",\"filters.menuitem.any\":\"Libovolné: {{label}}\",\"filters.menuitem.selected\":\"Vybráno: {{selected}}\",\"filters.search.label\":\"Hledat\",\"fileupload.button.text\":\"Přidat soubory\",\"fileupload.prompt.text\":\"Přetáhněte soubory sem nebo klikněte a přidejte je\",\"fileupload.removefile.text\":\"Odebrat soubor\",\"passwordfield.icon.label.hide\":\"Skrýt heslo\",\"passwordfield.icon.label.show\":\"Zobrazit heslo\",\"severity.error\":\"chyba\",\"severity.info\":\"informace\",\"severity.success\":\"úspěch\",\"severity.warning\":\"upozornění\",\"switch.active\":\"Aktivní\",\"switch.inactive\":\"Neaktivní\",\"table.actions\":\"Akce\",\"table.columnvisibility.arialabel\":\"Zobrazit nebo skrýt sloupce\",\"table.density.arialabel\":\"Hustota tabulky\",\"table.draghandle.arialabel\":\"Pořadí řádků můžete změnit přetažením. Změny pořadí můžete také zahájit a dokončit stisknutím mezerníku nebo klávesy Enter a zrušit stisknutím klávesy Esc.\",\"table.draghandle.tooltip\":\"Pořadí řádků můžete změnit přetažením, případně můžete změny pořadí zahájit a dokončit stisknutím mezerníku nebo klávesy Enter.\",\"table.error\":\"Chyba při načítání dat\",\"table.fetchedrows.text\":\"Byl načten {{totalRows}} řádek\",\"table.fetchedrows.text_plural\":\"Celkem načteno řádků: {{totalRows}}\",\"table.moreactions.arialabel\":\"Další akce\",\"table.noresults.heading\":\"Nejsou k dispozici žádné výsledky.\",\"table.noresults.text\":\"Zkuste zadat jiný dotaz.\",\"table.pagination.loadmore\":\"Zobrazit více\",\"table.pagination.next\":\"Další stránka\",\"table.pagination.previous\":\"Předchozí stránka\",\"table.pagination.page\":\"Stránka\",\"table.pagination.rowsperpage\":\"Počet řádků na stránku\",\"table.pagination.rowswithtotal\":\"Řádky {{firstRow}}–{{lastRow}} z {{totalRows}}\",\"table.pagination.rowswithouttotal\":\"Řádky {{firstRow}}–{{lastRow}}\",\"table.reorder.backward\":\"Odeslat dozadu\",\"table.reorder.forward\":\"Přenést dopředu\",\"table.reorder.toback\":\"Odeslat na pozadí\",\"table.reorder.tofront\":\"Přenést do popředí\",\"table.rows.text\":\"{{totalRows}} řádek\",\"table.rows.text_plural\":\"Počet řádků: {{totalRows}}\"};"],"mappings":"AAAA,OAAO,MAAMA,WAAW,GAAG;EAAC,uBAAuB,EAAC,kBAAkB;EAAC,wBAAwB,EAAC,qBAAqB;EAAC,YAAY,EAAC,QAAQ;EAAC,8BAA8B,EAAC,OAAO;EAAC,0BAA0B,EAAC,WAAW;EAAC,0BAA0B,EAAC,SAAS;EAAC,qBAAqB,EAAC,gBAAgB;EAAC,oBAAoB,EAAC,WAAW;EAAC,sBAAsB,EAAC,eAAe;EAAC,2BAA2B,EAAC,QAAQ;EAAC,sBAAsB,EAAC,sBAAsB;EAAC,2BAA2B,EAAC,uBAAuB;EAAC,sBAAsB,EAAC,QAAQ;EAAC,wBAAwB,EAAC,gBAAgB;EAAC,wBAAwB,EAAC,oDAAoD;EAAC,4BAA4B,EAAC,gBAAgB;EAAC,+BAA+B,EAAC,aAAa;EAAC,+BAA+B,EAAC,gBAAgB;EAAC,gBAAgB,EAAC,OAAO;EAAC,eAAe,EAAC,WAAW;EAAC,kBAAkB,EAAC,QAAQ;EAAC,kBAAkB,EAAC,YAAY;EAAC,eAAe,EAAC,SAAS;EAAC,iBAAiB,EAAC,WAAW;EAAC,eAAe,EAAC,MAAM;EAAC,kCAAkC,EAAC,6BAA6B;EAAC,yBAAyB,EAAC,iBAAiB;EAAC,4BAA4B,EAAC,6JAA6J;EAAC,0BAA0B,EAAC,iIAAiI;EAAC,aAAa,EAAC,wBAAwB;EAAC,wBAAwB,EAAC,gCAAgC;EAAC,+BAA+B,EAAC,qCAAqC;EAAC,6BAA6B,EAAC,YAAY;EAAC,yBAAyB,EAAC,oCAAoC;EAAC,sBAAsB,EAAC,0BAA0B;EAAC,2BAA2B,EAAC,eAAe;EAAC,uBAAuB,EAAC,eAAe;EAAC,2BAA2B,EAAC,mBAAmB;EAAC,uBAAuB,EAAC,SAAS;EAAC,8BAA8B,EAAC,wBAAwB;EAAC,gCAAgC,EAAC,gDAAgD;EAAC,mCAAmC,EAAC,gCAAgC;EAAC,wBAAwB,EAAC,gBAAgB;EAAC,uBAAuB,EAAC,iBAAiB;EAAC,sBAAsB,EAAC,mBAAmB;EAAC,uBAAuB,EAAC,oBAAoB;EAAC,iBAAiB,EAAC,qBAAqB;EAAC,wBAAwB,EAAC;AAA4B,CAAC"}