@okta/odyssey-react-mui 1.43.0 → 1.44.0

package/dist/cjs/labs/DataView/TableLayoutContent.cjs

@@ -4,17 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TableLayoutContent = void 0;
-var _react = require("react");
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _materialReactTable = require("material-react-table");
+var _react = require("react");
 var _reactI18next = require("react-i18next");
-var _index = require("../../icons.generated/index.cjs");
 var _Box = require("../../Box.cjs");
-var _index2 = require("../../Buttons/index.cjs");
-var _tableConstants = require("./tableConstants.cjs");
-var _RowActions = require("./RowActions.cjs");
-var _OdysseyDesignTokensContext = require("../../OdysseyDesignTokensContext.cjs");
+var _index = require("../../Buttons/index.cjs");
 var _useScrollIndication = require("../../DataTable/useScrollIndication.cjs");
+var _index2 = require("../../icons.generated/index.cjs");
+var _OdysseyDesignTokensContext = require("../../OdysseyDesignTokensContext.cjs");
+var _RowActions = require("./RowActions.cjs");
+var _tableConstants = require("./tableConstants.cjs");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /*!
@@ -109,10 +109,10 @@ const TableLayoutContent = ({
   }) => {
     const currentIndex = row.index + (pagination.pageIndex - 1) * pagination.pageSize;
     return (0, _jsxRuntime.jsxs)(RowActionsContainer, {
-      children: [tableLayoutOptions.rowActionButtons?.(row.original), (tableLayoutOptions.rowActionMenuItems || hasRowReordering) && (0, _jsxRuntime.jsx)(_index2.MenuButton, {
+      children: [tableLayoutOptions.rowActionButtons?.(row.original), (tableLayoutOptions.rowActionMenuItems || hasRowReordering) && (0, _jsxRuntime.jsx)(_index.MenuButton, {
         ariaLabel: t("table.moreactions.arialabel"),
         buttonVariant: "floating",
-        endIcon: (0, _jsxRuntime.jsx)(_index.MoreIcon, {}),
+        endIcon: (0, _jsxRuntime.jsx)(_index2.MoreIcon, {}),
         menuAlignment: "right",
         size: "small",
         children: (0, _jsxRuntime.jsx)(_RowActions.RowActions, {
@@ -158,10 +158,10 @@ const TableLayoutContent = ({
       columnOrder
     },
     icons: {
-      ArrowDownwardIcon: _index.ArrowDownIcon,
-      DragHandleIcon: _index.DragIndicatorIcon,
-      SyncAltIcon: _index.ArrowUnsortedIcon,
-      ExpandMoreIcon: _index.ChevronDownIcon
+      ArrowDownwardIcon: _index2.ArrowDownIcon,
+      DragHandleIcon: _index2.DragIndicatorIcon,
+      SyncAltIcon: _index2.ArrowUnsortedIcon,
+      ExpandMoreIcon: _index2.ChevronDownIcon
     },
     ..._tableConstants.dataTableImmutableSettings,
     displayColumnDefOptions: {
@@ -189,12 +189,12 @@ const TableLayoutContent = ({
               visibility: "hidden"
             },
             children: [tableLayoutOptions.rowActionButtons && tableLayoutOptions.rowActionButtons(), (hasRowReordering === true && onReorderRows || tableLayoutOptions.rowActionMenuItems) && (0, _jsxRuntime.jsx)(_Box.Box, {
-              children: (0, _jsxRuntime.jsx)(_index2.Button, {
-                endIcon: (0, _jsxRuntime.jsx)(_index.MoreIcon, {}),
-                size: "small",
-                variant: "floating",
+              children: (0, _jsxRuntime.jsx)(_index.Button, {
                 ariaLabel: t("table.moreactions.arialabel"),
-                isDisabled: true
+                endIcon: (0, _jsxRuntime.jsx)(_index2.MoreIcon, {}),
+                isDisabled: true,
+                size: "small",
+                variant: "floating"
               })
             })]
           })

package/dist/cjs/labs/DataView/TableLayoutContent.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableLayoutContent.cjs","names":["_react","require","_styled","_interopRequireDefault","_materialReactTable","_reactI18next","_index","_Box","_index2","_tableConstants","_RowActions","_OdysseyDesignTokensContext","_useScrollIndication","_jsxRuntime","e","__esModule","default","TextWrapper","styled","whiteSpace","textOverflow","overflow","RowActionsContainer","display","TableLayoutContent","columns","data","draggingRow","emptyState","enableVirtualization","getRowId","hasRowReordering","hasRowSelection","isEmpty","isLoading","isNoResults","isRowReorderingDisabled","onReorderRows","pagination","rowReorderingUtilities","rowSelection","setRowSelection","setTableState","tableLayoutOptions","tableState","totalRows","isTableContainerScrolledToStart","setIsTableContainerScrolledToStart","useState","isTableContainerScrolledToEnd","setIsTableContainerScrolledToEnd","tableInnerContainerWidth","setTableInnerContainerWidth","shouldUpdateScroll","useRef","tableOuterContainerRef","tableInnerContainerRef","tableContentRef","useScrollIndication","tableInnerContainer","current","tableOuterContainer","odysseyDesignTokens","useOdysseyDesignTokens","t","useTranslation","columnIds","useMemo","map","column","accessorKey","columnOrder","filter","id","rowDensityClassName","rowDensity","defaultCell","useCallback","cell","value","getValue","hasTextWrapping","columnDef","enableWrapping","jsx","children","draggableTableBodyRowClassName","dragHandleStyles","dragHandleText","handleDragHandleKeyDown","handleDragHandleOnDragCapture","handleDragHandleOnDragEnd","resetDraggingAndHoveredRow","updateRowOrder","renderRowActions","row","currentIndex","index","pageIndex","pageSize","jsxs","rowActionButtons","original","rowActionMenuItems","MenuButton","ariaLabel","buttonVariant","endIcon","MoreIcon","menuAlignment","size","RowActions","rowIndex","undefined","innerWidthStyle","width","emptyStateContainer","Box","sx","useEffect","scrollTo","clientHeight","shouldDisplayRowActions","hasColumnWithGrow","some","grow","dataTable","useMaterialReactTable","state","sorting","columnSorting","columnVisibility","icons","ArrowDownwardIcon","ArrowDownIcon","DragHandleIcon","DragIndicatorIcon","SyncAltIcon","ArrowUnsortedIcon","ExpandMoreIcon","ChevronDownIcon","dataTableImmutableSettings","displayColumnDefOptions","header","muiTableBodyCellProps","align","className","muiTableHeadCellProps","visibility","Button","variant","isDisabled","muiTableProps","ref","hasColumnResizing","muiTableContainerProps","muiTableBodyProps","tabIndex","height","enableColumnResizing","defaultColumn","Cell","enableRowActions","enableRowOrdering","Boolean","enableRowDragging","muiDetailPanelProps","paddingBlock","getIsExpanded","Spacing3","muiTableBodyRowProps","table","isDetailPanel","currentRowId","draggingRowId","hoveredRowId","getState","hoveredRow","border","backgroundColor","HueNeutralWhite","muiRowDragHandleProps","onKeyDown","event","onBlur","onDragEnd","onDragCapture","disabled","renderDetailPanel","enableRowVirtualization","currentColumn","find","sortedColumn","getIsResizing","enableSorting","hasSorting","onSortingChange","sortingUpdater","newSortVal","prevState","enableRowSelection","onRowSelectionChange","renderEmptyRowsFallback","localization","collapse","collapseAll","expand","expandAll","ScrollableTableContainer","isScrollableEnd","isScrollableStart","MRT_TableContainer","MemoizedTableLayoutContent","exports","memo","displayName"],"sources":["../../../../src/labs/DataView/TableLayoutContent.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport {\n  SetStateAction,\n  memo,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  ReactNode,\n  Dispatch,\n  ReactElement,\n  useEffect,\n} from \"react\";\nimport styled, { CSSObject } from \"@emotion/styled\";\nimport {\n  MRT_Row,\n  MRT_RowData,\n  MRT_RowSelectionState,\n  MRT_TableContainer,\n  MRT_TableInstance,\n  MRT_TableOptions,\n  useMaterialReactTable,\n} from \"material-react-table\";\nimport { useTranslation } from \"react-i18next\";\n\nimport {\n  ArrowDownIcon,\n  ArrowUnsortedIcon,\n  ChevronDownIcon,\n  DragIndicatorIcon,\n  MoreIcon,\n} from \"../../icons.generated/index.js\";\nimport { Box } from \"../../Box.js\";\nimport { Button, MenuButton } from \"../../Buttons/index.js\";\nimport {\n  TableLayoutProps,\n  TableState,\n  UniversalProps,\n} from \"./componentTypes.js\";\nimport { DataTableCell } from \"./dataTypes.js\";\nimport {\n  dataTableImmutableSettings,\n  displayColumnDefOptions,\n  ScrollableTableContainer,\n} from \"./tableConstants.js\";\nimport { RowActions } from \"./RowActions.js\";\nimport { useOdysseyDesignTokens } from \"../../OdysseyDesignTokensContext.js\";\nimport { useScrollIndication } from \"../../DataTable/useScrollIndication.js\";\n\nconst TextWrapper = styled(\"div\")({\n  whiteSpace: \"nowrap\",\n  textOverflow: \"ellipsis\",\n  overflow: \"hidden\",\n});\n\nconst RowActionsContainer = styled(\"div\")({\n  display: \"flex\",\n});\n\nexport type TableLayoutContentProps<TData extends MRT_RowData> = {\n  columns: TableLayoutProps<TData>[\"columns\"];\n  data: TData[];\n  draggingRow?: MRT_Row<TData> | null;\n  emptyState: ReactNode;\n  enableVirtualization?: boolean;\n  getRowId: UniversalProps<TData>[\"getRowId\"];\n  hasRowReordering: UniversalProps<TData>[\"hasRowReordering\"];\n  hasRowSelection: UniversalProps<TData>[\"hasRowSelection\"];\n  isEmpty?: boolean;\n  isLoading: boolean;\n  isNoResults?: boolean;\n  isRowReorderingDisabled?: boolean;\n  onReorderRows: UniversalProps<TData>[\"onReorderRows\"];\n  pagination: {\n    pageIndex: number;\n    pageSize: number;\n  };\n  rowReorderingUtilities: {\n    dragHandleStyles: CSSObject;\n    dragHandleText: {\n      title: string;\n      \"aria-label\": string;\n    };\n    draggableTableBodyRowClassName: ({\n      currentRowId,\n      draggingRowId,\n      hoveredRowId,\n    }: {\n      currentRowId: string;\n      draggingRowId?: string;\n      hoveredRowId?: string;\n    }) => string | undefined;\n    handleDragHandleKeyDown: ({\n      table,\n      row,\n      event,\n    }: {\n      table: MRT_TableInstance<TData>;\n      row: MRT_Row<TData>;\n      event: React.KeyboardEvent<HTMLButtonElement>;\n    }) => void;\n    handleDragHandleOnDragCapture: (table: MRT_TableInstance<TData>) => void;\n    handleDragHandleOnDragEnd: (table: MRT_TableInstance<TData>) => void;\n    resetDraggingAndHoveredRow: (table: MRT_TableInstance<TData>) => void;\n    updateRowOrder: ({\n      rowId,\n      newRowIndex,\n    }: {\n      rowId: string;\n      newRowIndex: number;\n    }) => void;\n  };\n  rowSelection: MRT_RowSelectionState;\n  setRowSelection: Dispatch<SetStateAction<MRT_RowSelectionState>>;\n  setTableState: Dispatch<SetStateAction<TableState>>;\n  tableLayoutOptions: TableLayoutProps<TData>;\n  tableState: TableState;\n  totalRows: UniversalProps<TData>[\"totalRows\"];\n};\n\ntype TableLayoutContentComponent = (<TData extends MRT_RowData>(\n  props: TableLayoutContentProps<TData>,\n) => JSX.Element) & {\n  displayName?: string;\n};\n\nconst TableLayoutContent = <TData extends MRT_RowData>({\n  columns,\n  data,\n  draggingRow,\n  emptyState,\n  enableVirtualization,\n  getRowId,\n  hasRowReordering,\n  hasRowSelection,\n  isEmpty,\n  isLoading,\n  isNoResults,\n  isRowReorderingDisabled,\n  onReorderRows,\n  pagination,\n  rowReorderingUtilities,\n  rowSelection,\n  setRowSelection,\n  setTableState,\n  tableLayoutOptions,\n  tableState,\n  totalRows,\n}: TableLayoutContentProps<TData>) => {\n  const [isTableContainerScrolledToStart, setIsTableContainerScrolledToStart] =\n    useState(true);\n  const [isTableContainerScrolledToEnd, setIsTableContainerScrolledToEnd] =\n    useState(true);\n  const [tableInnerContainerWidth, setTableInnerContainerWidth] =\n    useState<string>(\"100%\");\n  const shouldUpdateScroll = useRef<boolean>(false);\n  const tableOuterContainerRef = useRef<HTMLDivElement>(null);\n  const tableInnerContainerRef = useRef<HTMLDivElement>(null);\n  const tableContentRef = useRef<HTMLTableElement>(null);\n\n  useScrollIndication({\n    setIsTableContainerScrolledToEnd: setIsTableContainerScrolledToEnd,\n    setIsTableContainerScrolledToStart: setIsTableContainerScrolledToStart,\n    setTableInnerContainerWidth: setTableInnerContainerWidth,\n    tableInnerContainer: tableInnerContainerRef.current,\n    tableOuterContainer: tableOuterContainerRef.current,\n  });\n\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const { t } = useTranslation();\n\n  const columnIds = useMemo(() => {\n    return columns.map((column) => column.accessorKey) ?? [];\n  }, [columns]);\n\n  const columnOrder = useMemo(\n    () => [\n      \"mrt-row-drag\",\n      \"mrt-row-select\",\n      \"mrt-row-expand\",\n      ...(columnIds?.filter((id): id is string => typeof id === \"string\") ||\n        []),\n      \"mrt-row-actions\",\n    ],\n    [columnIds],\n  );\n\n  const rowDensityClassName = useMemo(() => {\n    return tableState.rowDensity === \"spacious\"\n      ? \"MuiTableBody-spacious\"\n      : tableState.rowDensity === \"compact\"\n        ? \"MuiTableBody-compact\"\n        : \"MuiTableBody-default\";\n  }, [tableState]);\n\n  const defaultCell = useCallback<\n    ({ cell }: { cell: DataTableCell<TData, unknown> }) => ReactElement | string\n  >(({ cell }) => {\n    const value = cell.getValue<string>();\n    const hasTextWrapping =\n      cell.column.columnDef.hasTextWrapping ||\n      cell.column.columnDef.enableWrapping;\n    return hasTextWrapping ? value : <TextWrapper>{value}</TextWrapper>;\n  }, []);\n\n  const {\n    draggableTableBodyRowClassName,\n    dragHandleStyles,\n    dragHandleText,\n    handleDragHandleKeyDown,\n    handleDragHandleOnDragCapture,\n    handleDragHandleOnDragEnd,\n    resetDraggingAndHoveredRow,\n    updateRowOrder,\n  } = rowReorderingUtilities;\n\n  const renderRowActions = useCallback(\n    ({ row }: { row: MRT_Row<TData> }) => {\n      const currentIndex =\n        row.index + (pagination.pageIndex - 1) * pagination.pageSize;\n      return (\n        <RowActionsContainer>\n          {tableLayoutOptions.rowActionButtons?.(row.original)}\n          {(tableLayoutOptions.rowActionMenuItems || hasRowReordering) && (\n            <MenuButton\n              ariaLabel={t(\"table.moreactions.arialabel\")}\n              buttonVariant=\"floating\"\n              endIcon={<MoreIcon />}\n              menuAlignment=\"right\"\n              size=\"small\"\n            >\n              <RowActions\n                isRowReorderingDisabled={isRowReorderingDisabled}\n                row={row}\n                rowActionMenuItems={\n                  tableLayoutOptions.rowActionMenuItems as TableLayoutProps<MRT_RowData>[\"rowActionMenuItems\"]\n                }\n                rowIndex={currentIndex}\n                totalRows={totalRows}\n                updateRowOrder={\n                  hasRowReordering && onReorderRows ? updateRowOrder : undefined\n                }\n              />\n            </MenuButton>\n          )}\n        </RowActionsContainer>\n      );\n    },\n    [\n      hasRowReordering,\n      isRowReorderingDisabled,\n      onReorderRows,\n      pagination.pageIndex,\n      pagination.pageSize,\n      t,\n      tableLayoutOptions,\n      totalRows,\n      updateRowOrder,\n    ],\n  );\n\n  const innerWidthStyle = useMemo(\n    () => ({ width: tableInnerContainerWidth }),\n    [tableInnerContainerWidth],\n  );\n\n  const emptyStateContainer = useCallback(\n    () => <Box sx={innerWidthStyle}>{emptyState}</Box>,\n    [innerWidthStyle, emptyState],\n  );\n\n  // Scroll to the bottom as soon as data loads after clicking the\n  // loadMore pagination button\n  useEffect(() => {\n    if (enableVirtualization) {\n      shouldUpdateScroll.current = true;\n    }\n  }, [enableVirtualization, pagination]);\n\n  useEffect(() => {\n    if (\n      shouldUpdateScroll.current &&\n      tableContentRef.current &&\n      typeof tableInnerContainerRef.current?.scrollTo !== \"undefined\"\n    ) {\n      tableInnerContainerRef.current?.scrollTo(\n        0,\n        tableContentRef.current.clientHeight,\n      );\n      shouldUpdateScroll.current = false;\n    }\n  }, [data]);\n\n  const shouldDisplayRowActions = useMemo(\n    () =>\n      (hasRowReordering === true && onReorderRows) ||\n      tableLayoutOptions.rowActionButtons ||\n      tableLayoutOptions.rowActionMenuItems\n        ? true\n        : false,\n    [\n      hasRowReordering,\n      onReorderRows,\n      tableLayoutOptions.rowActionButtons,\n      tableLayoutOptions.rowActionMenuItems,\n    ],\n  );\n\n  const hasColumnWithGrow = columns.some((column) => column.grow === true);\n\n  const dataTable = useMaterialReactTable<TData>({\n    data: !isEmpty && !isNoResults ? data : [],\n    columns,\n    getRowId,\n    state: {\n      sorting: tableState.columnSorting,\n      columnVisibility: tableState.columnVisibility,\n      isLoading,\n      rowSelection,\n      columnOrder,\n    },\n    icons: {\n      ArrowDownwardIcon: ArrowDownIcon,\n      DragHandleIcon: DragIndicatorIcon,\n      SyncAltIcon: ArrowUnsortedIcon,\n      ExpandMoreIcon: ChevronDownIcon,\n    },\n    ...dataTableImmutableSettings,\n    displayColumnDefOptions: {\n      ...(displayColumnDefOptions satisfies Partial<\n        MRT_TableOptions<MRT_RowData>[\"displayColumnDefOptions\"]\n      >),\n      \"mrt-row-actions\": {\n        header: \"\",\n        grow: !hasColumnWithGrow,\n        muiTableBodyCellProps: {\n          align: \"right\" as const,\n          sx: {\n            overflow: \"visible\",\n            width: \"unset\",\n          },\n          className: \"ods-actions-cell\",\n        },\n        muiTableHeadCellProps: {\n          align: \"right\" as const,\n          sx: {\n            width: \"unset\",\n          },\n          className: \"ods-actions-cell\",\n          children: (\n            <Box sx={{ display: \"flex\", visibility: \"hidden\" }}>\n              {tableLayoutOptions.rowActionButtons &&\n                tableLayoutOptions.rowActionButtons()}\n              {((hasRowReordering === true && onReorderRows) ||\n                tableLayoutOptions.rowActionMenuItems) && (\n                <Box>\n                  <Button\n                    endIcon={<MoreIcon />}\n                    size=\"small\"\n                    variant=\"floating\"\n                    ariaLabel={t(\"table.moreactions.arialabel\")}\n                    isDisabled\n                  />\n                </Box>\n              )}\n            </Box>\n          ),\n        },\n      },\n    },\n    muiTableProps: {\n      ref: tableContentRef,\n      className:\n        !shouldDisplayRowActions && tableLayoutOptions.hasColumnResizing\n          ? hasColumnWithGrow\n            ? \"ods-hide-spacer-column\"\n            : \"ods-hide-spacer-column ods-column-grow\"\n          : \"\",\n    },\n    muiTableContainerProps: {\n      ref: tableInnerContainerRef,\n    },\n    muiTableBodyProps: () => ({\n      className: rowDensityClassName,\n      tabIndex: 0,\n      /**\n       * This is a fix for an issue related to the empty state creating a\n       * vertical scrollbar when virtualization is enabled. The root cause\n       * is tablebody having height: 0 when virtualization is enabled and there\n       * being no data\n       * https://okta.slack.com/archives/C7T2H3KNJ/p1742842106148929\n       */\n      sx:\n        isEmpty || isNoResults\n          ? {\n              height: \"unset\",\n            }\n          : undefined,\n    }),\n    enableColumnResizing: tableLayoutOptions.hasColumnResizing,\n    defaultColumn: {\n      Cell: defaultCell,\n    },\n    enableRowActions:\n      (hasRowReordering === true && onReorderRows) ||\n      tableLayoutOptions.rowActionButtons ||\n      tableLayoutOptions.rowActionMenuItems\n        ? true\n        : false,\n    renderRowActions: ({ row }) => renderRowActions({ row }),\n    enableRowOrdering: hasRowReordering && Boolean(onReorderRows),\n    enableRowDragging: hasRowReordering && Boolean(onReorderRows),\n    muiDetailPanelProps: ({ row }) => ({\n      sx: {\n        paddingBlock: row.getIsExpanded()\n          ? `${odysseyDesignTokens.Spacing3} !important`\n          : undefined,\n      },\n    }),\n    muiTableBodyRowProps: ({ table, row, isDetailPanel }) => ({\n      className: draggableTableBodyRowClassName({\n        currentRowId: row.id,\n        draggingRowId: draggingRow?.id,\n        hoveredRowId: table.getState().hoveredRow?.id,\n      }),\n      sx: isDetailPanel\n        ? {\n            paddingBlock: \"0 !important\",\n            border: 0,\n            [\"&:hover\"]: {\n              backgroundColor: `${odysseyDesignTokens.HueNeutralWhite} !important`,\n            },\n          }\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      disabled: isRowReorderingDisabled,\n      sx: dragHandleStyles,\n      ...dragHandleText,\n    }),\n    renderDetailPanel: tableLayoutOptions.renderDetailPanel,\n    enableRowVirtualization: enableVirtualization,\n    muiTableHeadCellProps: ({ column: currentColumn }) => ({\n      className: tableState.columnSorting.find(\n        (sortedColumn) => sortedColumn.id === currentColumn.id,\n      )\n        ? \"isSorted\"\n        : \"isUnsorted\",\n    }),\n    muiTableBodyCellProps: ({ column }) => ({\n      className: column.getIsResizing() ? \"isResizing\" : \"\",\n    }),\n    enableSorting: tableLayoutOptions.hasSorting === true, // I don't know why this needs to be true, but it still works if undefined otherwise\n    onSortingChange: (sortingUpdater) => {\n      const newSortVal =\n        typeof sortingUpdater === \"function\"\n          ? sortingUpdater(tableState.columnSorting)\n          : tableState.columnSorting;\n      setTableState((prevState) => ({\n        ...prevState,\n        columnSorting: newSortVal,\n      }));\n    },\n    enableRowSelection: hasRowSelection,\n    onRowSelectionChange: setRowSelection,\n    renderEmptyRowsFallback: emptyStateContainer,\n    localization: {\n      collapse: t(\"table.rowexpansion.collapse\"),\n      collapseAll: t(\"table.rowexpansion.collapseall\"),\n      expand: t(\"table.rowexpansion.expand\"),\n      expandAll: t(\"table.rowexpansion.expandall\"),\n    },\n  });\n\n  return (\n    <ScrollableTableContainer\n      isScrollableEnd={!isTableContainerScrolledToEnd}\n      isScrollableStart={!isTableContainerScrolledToStart}\n      odysseyDesignTokens={odysseyDesignTokens}\n      ref={tableOuterContainerRef}\n    >\n      <MRT_TableContainer table={dataTable} />\n    </ScrollableTableContainer>\n  );\n};\n\nconst MemoizedTableLayoutContent = memo(\n  TableLayoutContent,\n) as TableLayoutContentComponent;\nMemoizedTableLayoutContent.displayName = \"TableLayoutContent\";\n\nexport { MemoizedTableLayoutContent as TableLayoutContent };\n"],"mappings":";;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AAYA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AASA,IAAAI,aAAA,GAAAJ,OAAA;AAEA,IAAAK,MAAA,GAAAL,OAAA;AAOA,IAAAM,IAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AAOA,IAAAQ,eAAA,GAAAR,OAAA;AAKA,IAAAS,WAAA,GAAAT,OAAA;AACA,IAAAU,2BAAA,GAAAV,OAAA;AACA,IAAAW,oBAAA,GAAAX,OAAA;AAA6E,IAAAY,WAAA,GAAAZ,OAAA;AAAA,SAAAE,uBAAAW,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AA1D7E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAkDA,MAAMG,WAAW,GAAG,IAAAC,eAAM,EAAC,KAAK,CAAC,CAAC;EAChCC,UAAU,EAAE,QAAQ;EACpBC,YAAY,EAAE,UAAU;EACxBC,QAAQ,EAAE;AACZ,CAAC,CAAC;AAEF,MAAMC,mBAAmB,GAAG,IAAAJ,eAAM,EAAC,KAAK,CAAC,CAAC;EACxCK,OAAO,EAAE;AACX,CAAC,CAAC;AAqEF,MAAMC,kBAAkB,GAAGA,CAA4B;EACrDC,OAAO;EACPC,IAAI;EACJC,WAAW;EACXC,UAAU;EACVC,oBAAoB;EACpBC,QAAQ;EACRC,gBAAgB;EAChBC,eAAe;EACfC,OAAO;EACPC,SAAS;EACTC,WAAW;EACXC,uBAAuB;EACvBC,aAAa;EACbC,UAAU;EACVC,sBAAsB;EACtBC,YAAY;EACZC,eAAe;EACfC,aAAa;EACbC,kBAAkB;EAClBC,UAAU;EACVC;AAC8B,CAAC,KAAK;EACpC,MAAM,CAACC,+BAA+B,EAAEC,kCAAkC,CAAC,GACzE,IAAAC,eAAQ,EAAC,IAAI,CAAC;EAChB,MAAM,CAACC,6BAA6B,EAAEC,gCAAgC,CAAC,GACrE,IAAAF,eAAQ,EAAC,IAAI,CAAC;EAChB,MAAM,CAACG,wBAAwB,EAAEC,2BAA2B,CAAC,GAC3D,IAAAJ,eAAQ,EAAS,MAAM,CAAC;EAC1B,MAAMK,kBAAkB,GAAG,IAAAC,aAAM,EAAU,KAAK,CAAC;EACjD,MAAMC,sBAAsB,GAAG,IAAAD,aAAM,EAAiB,IAAI,CAAC;EAC3D,MAAME,sBAAsB,GAAG,IAAAF,aAAM,EAAiB,IAAI,CAAC;EAC3D,MAAMG,eAAe,GAAG,IAAAH,aAAM,EAAmB,IAAI,CAAC;EAEtD,IAAAI,wCAAmB,EAAC;IAClBR,gCAAgC,EAAEA,gCAAgC;IAClEH,kCAAkC,EAAEA,kCAAkC;IACtEK,2BAA2B,EAAEA,2BAA2B;IACxDO,mBAAmB,EAAEH,sBAAsB,CAACI,OAAO;IACnDC,mBAAmB,EAAEN,sBAAsB,CAACK;EAC9C,CAAC,CAAC;EAEF,MAAME,mBAAmB,GAAG,IAAAC,kDAAsB,EAAC,CAAC;EACpD,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,4BAAc,EAAC,CAAC;EAE9B,MAAMC,SAAS,GAAG,IAAAC,cAAO,EAAC,MAAM;IAC9B,OAAO1C,OAAO,CAAC2C,GAAG,CAAEC,MAAM,IAAKA,MAAM,CAACC,WAAW,CAAC,IAAI,EAAE;EAC1D,CAAC,EAAE,CAAC7C,OAAO,CAAC,CAAC;EAEb,MAAM8C,WAAW,GAAG,IAAAJ,cAAO,EACzB,MAAM,CACJ,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAChB,IAAID,SAAS,EAAEM,MAAM,CAAEC,EAAE,IAAmB,OAAOA,EAAE,KAAK,QAAQ,CAAC,IACjE,EAAE,CAAC,EACL,iBAAiB,CAClB,EACD,CAACP,SAAS,CACZ,CAAC;EAED,MAAMQ,mBAAmB,GAAG,IAAAP,cAAO,EAAC,MAAM;IACxC,OAAOvB,UAAU,CAAC+B,UAAU,KAAK,UAAU,GACvC,uBAAuB,GACvB/B,UAAU,CAAC+B,UAAU,KAAK,SAAS,GACjC,sBAAsB,GACtB,sBAAsB;EAC9B,CAAC,EAAE,CAAC/B,UAAU,CAAC,CAAC;EAEhB,MAAMgC,WAAW,GAAG,IAAAC,kBAAW,EAE7B,CAAC;IAAEC;EAAK,CAAC,KAAK;IACd,MAAMC,KAAK,GAAGD,IAAI,CAACE,QAAQ,CAAS,CAAC;IACrC,MAAMC,eAAe,GACnBH,IAAI,CAACT,MAAM,CAACa,SAAS,CAACD,eAAe,IACrCH,IAAI,CAACT,MAAM,CAACa,SAAS,CAACC,cAAc;IACtC,OAAOF,eAAe,GAAGF,KAAK,GAAG,IAAAlE,WAAA,CAAAuE,GAAA,EAACnE,WAAW;MAAAoE,QAAA,EAAEN;IAAK,CAAc,CAAC;EACrE,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM;IACJO,8BAA8B;IAC9BC,gBAAgB;IAChBC,cAAc;IACdC,uBAAuB;IACvBC,6BAA6B;IAC7BC,yBAAyB;IACzBC,0BAA0B;IAC1BC;EACF,CAAC,GAAGtD,sBAAsB;EAE1B,MAAMuD,gBAAgB,GAAG,IAAAjB,kBAAW,EAClC,CAAC;IAAEkB;EAA6B,CAAC,KAAK;IACpC,MAAMC,YAAY,GAChBD,GAAG,CAACE,KAAK,GAAG,CAAC3D,UAAU,CAAC4D,SAAS,GAAG,CAAC,IAAI5D,UAAU,CAAC6D,QAAQ;IAC9D,OACE,IAAAtF,WAAA,CAAAuF,IAAA,EAAC9E,mBAAmB;MAAA+D,QAAA,GACjB1C,kBAAkB,CAAC0D,gBAAgB,GAAGN,GAAG,CAACO,QAAQ,CAAC,EACnD,CAAC3D,kBAAkB,CAAC4D,kBAAkB,IAAIxE,gBAAgB,KACzD,IAAAlB,WAAA,CAAAuE,GAAA,EAAC5E,OAAA,CAAAgG,UAAU;QACTC,SAAS,EAAEzC,CAAC,CAAC,6BAA6B,CAAE;QAC5C0C,aAAa,EAAC,UAAU;QACxBC,OAAO,EAAE,IAAA9F,WAAA,CAAAuE,GAAA,EAAC9E,MAAA,CAAAsG,QAAQ,IAAE,CAAE;QACtBC,aAAa,EAAC,OAAO;QACrBC,IAAI,EAAC,OAAO;QAAAzB,QAAA,EAEZ,IAAAxE,WAAA,CAAAuE,GAAA,EAAC1E,WAAA,CAAAqG,UAAU;UACT3E,uBAAuB,EAAEA,uBAAwB;UACjD2D,GAAG,EAAEA,GAAI;UACTQ,kBAAkB,EAChB5D,kBAAkB,CAAC4D,kBACpB;UACDS,QAAQ,EAAEhB,YAAa;UACvBnD,SAAS,EAAEA,SAAU;UACrBgD,cAAc,EACZ9D,gBAAgB,IAAIM,aAAa,GAAGwD,cAAc,GAAGoB;QACtD,CACF;MAAC,CACQ,CACb;IAAA,CACkB,CAAC;EAE1B,CAAC,EACD,CACElF,gBAAgB,EAChBK,uBAAuB,EACvBC,aAAa,EACbC,UAAU,CAAC4D,SAAS,EACpB5D,UAAU,CAAC6D,QAAQ,EACnBnC,CAAC,EACDrB,kBAAkB,EAClBE,SAAS,EACTgD,cAAc,CAElB,CAAC;EAED,MAAMqB,eAAe,GAAG,IAAA/C,cAAO,EAC7B,OAAO;IAAEgD,KAAK,EAAEhE;EAAyB,CAAC,CAAC,EAC3C,CAACA,wBAAwB,CAC3B,CAAC;EAED,MAAMiE,mBAAmB,GAAG,IAAAvC,kBAAW,EACrC,MAAM,IAAAhE,WAAA,CAAAuE,GAAA,EAAC7E,IAAA,CAAA8G,GAAG;IAACC,EAAE,EAAEJ,eAAgB;IAAA7B,QAAA,EAAEzD;EAAU,CAAM,CAAC,EAClD,CAACsF,eAAe,EAAEtF,UAAU,CAC9B,CAAC;EAID,IAAA2F,gBAAS,EAAC,MAAM;IACd,IAAI1F,oBAAoB,EAAE;MACxBwB,kBAAkB,CAACO,OAAO,GAAG,IAAI;IACnC;EACF,CAAC,EAAE,CAAC/B,oBAAoB,EAAES,UAAU,CAAC,CAAC;EAEtC,IAAAiF,gBAAS,EAAC,MAAM;IACd,IACElE,kBAAkB,CAACO,OAAO,IAC1BH,eAAe,CAACG,OAAO,IACvB,OAAOJ,sBAAsB,CAACI,OAAO,EAAE4D,QAAQ,KAAK,WAAW,EAC/D;MACAhE,sBAAsB,CAACI,OAAO,EAAE4D,QAAQ,CACtC,CAAC,EACD/D,eAAe,CAACG,OAAO,CAAC6D,YAC1B,CAAC;MACDpE,kBAAkB,CAACO,OAAO,GAAG,KAAK;IACpC;EACF,CAAC,EAAE,CAAClC,IAAI,CAAC,CAAC;EAEV,MAAMgG,uBAAuB,GAAG,IAAAvD,cAAO,EACrC,MACGpC,gBAAgB,KAAK,IAAI,IAAIM,aAAa,IAC3CM,kBAAkB,CAAC0D,gBAAgB,IACnC1D,kBAAkB,CAAC4D,kBAAkB,GACjC,IAAI,GACJ,KAAK,EACX,CACExE,gBAAgB,EAChBM,aAAa,EACbM,kBAAkB,CAAC0D,gBAAgB,EACnC1D,kBAAkB,CAAC4D,kBAAkB,CAEzC,CAAC;EAED,MAAMoB,iBAAiB,GAAGlG,OAAO,CAACmG,IAAI,CAAEvD,MAAM,IAAKA,MAAM,CAACwD,IAAI,KAAK,IAAI,CAAC;EAExE,MAAMC,SAAS,GAAG,IAAAC,yCAAqB,EAAQ;IAC7CrG,IAAI,EAAE,CAACO,OAAO,IAAI,CAACE,WAAW,GAAGT,IAAI,GAAG,EAAE;IAC1CD,OAAO;IACPK,QAAQ;IACRkG,KAAK,EAAE;MACLC,OAAO,EAAErF,UAAU,CAACsF,aAAa;MACjCC,gBAAgB,EAAEvF,UAAU,CAACuF,gBAAgB;MAC7CjG,SAAS;MACTM,YAAY;MACZ+B;IACF,CAAC;IACD6D,KAAK,EAAE;MACLC,iBAAiB,EAAEC,oBAAa;MAChCC,cAAc,EAAEC,wBAAiB;MACjCC,WAAW,EAAEC,wBAAiB;MAC9BC,cAAc,EAAEC;IAClB,CAAC;IACD,GAAGC,0CAA0B;IAC7BC,uBAAuB,EAAE;MACvB,GAAIA,uCAEF;MACF,iBAAiB,EAAE;QACjBC,MAAM,EAAE,EAAE;QACVlB,IAAI,EAAE,CAACF,iBAAiB;QACxBqB,qBAAqB,EAAE;UACrBC,KAAK,EAAE,OAAgB;UACvB3B,EAAE,EAAE;YACFjG,QAAQ,EAAE,SAAS;YACnB8F,KAAK,EAAE;UACT,CAAC;UACD+B,SAAS,EAAE;QACb,CAAC;QACDC,qBAAqB,EAAE;UACrBF,KAAK,EAAE,OAAgB;UACvB3B,EAAE,EAAE;YACFH,KAAK,EAAE;UACT,CAAC;UACD+B,SAAS,EAAE,kBAAkB;UAC7B7D,QAAQ,EACN,IAAAxE,WAAA,CAAAuF,IAAA,EAAC7F,IAAA,CAAA8G,GAAG;YAACC,EAAE,EAAE;cAAE/F,OAAO,EAAE,MAAM;cAAE6H,UAAU,EAAE;YAAS,CAAE;YAAA/D,QAAA,GAChD1C,kBAAkB,CAAC0D,gBAAgB,IAClC1D,kBAAkB,CAAC0D,gBAAgB,CAAC,CAAC,EACtC,CAAEtE,gBAAgB,KAAK,IAAI,IAAIM,aAAa,IAC3CM,kBAAkB,CAAC4D,kBAAkB,KACrC,IAAA1F,WAAA,CAAAuE,GAAA,EAAC7E,IAAA,CAAA8G,GAAG;cAAAhC,QAAA,EACF,IAAAxE,WAAA,CAAAuE,GAAA,EAAC5E,OAAA,CAAA6I,MAAM;gBACL1C,OAAO,EAAE,IAAA9F,WAAA,CAAAuE,GAAA,EAAC9E,MAAA,CAAAsG,QAAQ,IAAE,CAAE;gBACtBE,IAAI,EAAC,OAAO;gBACZwC,OAAO,EAAC,UAAU;gBAClB7C,SAAS,EAAEzC,CAAC,CAAC,6BAA6B,CAAE;gBAC5CuF,UAAU;cAAA,CACX;YAAC,CACC,CACN;UAAA,CACE;QAET;MACF;IACF,CAAC;IACDC,aAAa,EAAE;MACbC,GAAG,EAAEhG,eAAe;MACpByF,SAAS,EACP,CAACxB,uBAAuB,IAAI/E,kBAAkB,CAAC+G,iBAAiB,GAC5D/B,iBAAiB,GACf,wBAAwB,GACxB,wCAAwC,GAC1C;IACR,CAAC;IACDgC,sBAAsB,EAAE;MACtBF,GAAG,EAAEjG;IACP,CAAC;IACDoG,iBAAiB,EAAEA,CAAA,MAAO;MACxBV,SAAS,EAAExE,mBAAmB;MAC9BmF,QAAQ,EAAE,CAAC;MAQXvC,EAAE,EACArF,OAAO,IAAIE,WAAW,GAClB;QACE2H,MAAM,EAAE;MACV,CAAC,GACD7C;IACR,CAAC,CAAC;IACF8C,oBAAoB,EAAEpH,kBAAkB,CAAC+G,iBAAiB;IAC1DM,aAAa,EAAE;MACbC,IAAI,EAAErF;IACR,CAAC;IACDsF,gBAAgB,EACbnI,gBAAgB,KAAK,IAAI,IAAIM,aAAa,IAC3CM,kBAAkB,CAAC0D,gBAAgB,IACnC1D,kBAAkB,CAAC4D,kBAAkB,GACjC,IAAI,GACJ,KAAK;IACXT,gBAAgB,EAAEA,CAAC;MAAEC;IAAI,CAAC,KAAKD,gBAAgB,CAAC;MAAEC;IAAI,CAAC,CAAC;IACxDoE,iBAAiB,EAAEpI,gBAAgB,IAAIqI,OAAO,CAAC/H,aAAa,CAAC;IAC7DgI,iBAAiB,EAAEtI,gBAAgB,IAAIqI,OAAO,CAAC/H,aAAa,CAAC;IAC7DiI,mBAAmB,EAAEA,CAAC;MAAEvE;IAAI,CAAC,MAAM;MACjCuB,EAAE,EAAE;QACFiD,YAAY,EAAExE,GAAG,CAACyE,aAAa,CAAC,CAAC,GAC7B,GAAG1G,mBAAmB,CAAC2G,QAAQ,aAAa,GAC5CxD;MACN;IACF,CAAC,CAAC;IACFyD,oBAAoB,EAAEA,CAAC;MAAEC,KAAK;MAAE5E,GAAG;MAAE6E;IAAc,CAAC,MAAM;MACxD1B,SAAS,EAAE5D,8BAA8B,CAAC;QACxCuF,YAAY,EAAE9E,GAAG,CAACtB,EAAE;QACpBqG,aAAa,EAAEnJ,WAAW,EAAE8C,EAAE;QAC9BsG,YAAY,EAAEJ,KAAK,CAACK,QAAQ,CAAC,CAAC,CAACC,UAAU,EAAExG;MAC7C,CAAC,CAAC;MACF6C,EAAE,EAAEsD,aAAa,GACb;QACEL,YAAY,EAAE,cAAc;QAC5BW,MAAM,EAAE,CAAC;QACT,CAAC,SAAS,GAAG;UACXC,eAAe,EAAE,GAAGrH,mBAAmB,CAACsH,eAAe;QACzD;MACF,CAAC,GACD,CAAC;IACP,CAAC,CAAC;IACFC,qBAAqB,EAAEA,CAAC;MAAEV,KAAK;MAAE5E;IAAI,CAAC,MAAM;MAC1CuF,SAAS,EAAGC,KAAK,IAAK9F,uBAAuB,CAAC;QAAEkF,KAAK;QAAE5E,GAAG;QAAEwF;MAAM,CAAC,CAAC;MACpEC,MAAM,EAAEA,CAAA,KAAM5F,0BAA0B,CAAC+E,KAAK,CAAC;MAC/Cc,SAAS,EAAEA,CAAA,KAAM9F,yBAAyB,CAACgF,KAAK,CAAC;MACjDe,aAAa,EAAEA,CAAA,KAAMhG,6BAA6B,CAACiF,KAAK,CAAC;MACzDgB,QAAQ,EAAEvJ,uBAAuB;MACjCkF,EAAE,EAAE/B,gBAAgB;MACpB,GAAGC;IACL,CAAC,CAAC;IACFoG,iBAAiB,EAAEjJ,kBAAkB,CAACiJ,iBAAiB;IACvDC,uBAAuB,EAAEhK,oBAAoB;IAC7CsH,qBAAqB,EAAEA,CAAC;MAAE9E,MAAM,EAAEyH;IAAc,CAAC,MAAM;MACrD5C,SAAS,EAAEtG,UAAU,CAACsF,aAAa,CAAC6D,IAAI,CACrCC,YAAY,IAAKA,YAAY,CAACvH,EAAE,KAAKqH,aAAa,CAACrH,EACtD,CAAC,GACG,UAAU,GACV;IACN,CAAC,CAAC;IACFuE,qBAAqB,EAAEA,CAAC;MAAE3E;IAAO,CAAC,MAAM;MACtC6E,SAAS,EAAE7E,MAAM,CAAC4H,aAAa,CAAC,CAAC,GAAG,YAAY,GAAG;IACrD,CAAC,CAAC;IACFC,aAAa,EAAEvJ,kBAAkB,CAACwJ,UAAU,KAAK,IAAI;IACrDC,eAAe,EAAGC,cAAc,IAAK;MACnC,MAAMC,UAAU,GACd,OAAOD,cAAc,KAAK,UAAU,GAChCA,cAAc,CAACzJ,UAAU,CAACsF,aAAa,CAAC,GACxCtF,UAAU,CAACsF,aAAa;MAC9BxF,aAAa,CAAE6J,SAAS,KAAM;QAC5B,GAAGA,SAAS;QACZrE,aAAa,EAAEoE;MACjB,CAAC,CAAC,CAAC;IACL,CAAC;IACDE,kBAAkB,EAAExK,eAAe;IACnCyK,oBAAoB,EAAEhK,eAAe;IACrCiK,uBAAuB,EAAEtF,mBAAmB;IAC5CuF,YAAY,EAAE;MACZC,QAAQ,EAAE5I,CAAC,CAAC,6BAA6B,CAAC;MAC1C6I,WAAW,EAAE7I,CAAC,CAAC,gCAAgC,CAAC;MAChD8I,MAAM,EAAE9I,CAAC,CAAC,2BAA2B,CAAC;MACtC+I,SAAS,EAAE/I,CAAC,CAAC,8BAA8B;IAC7C;EACF,CAAC,CAAC;EAEF,OACE,IAAAnD,WAAA,CAAAuE,GAAA,EAAC3E,eAAA,CAAAuM,wBAAwB;IACvBC,eAAe,EAAE,CAAChK,6BAA8B;IAChDiK,iBAAiB,EAAE,CAACpK,+BAAgC;IACpDgB,mBAAmB,EAAEA,mBAAoB;IACzC2F,GAAG,EAAElG,sBAAuB;IAAA8B,QAAA,EAE5B,IAAAxE,WAAA,CAAAuE,GAAA,EAAChF,mBAAA,CAAA+M,kBAAkB;MAACxC,KAAK,EAAE7C;IAAU,CAAE;EAAC,CAChB,CAAC;AAE/B,CAAC;AAED,MAAMsF,0BAA0B,GAAAC,OAAA,CAAA7L,kBAAA,GAAG,IAAA8L,WAAI,EACrC9L,kBACF,CAAgC;AAChC4L,0BAA0B,CAACG,WAAW,GAAG,oBAAoB","ignoreList":[]}
+{"version":3,"file":"TableLayoutContent.cjs","names":["_styled","_interopRequireDefault","require","_materialReactTable","_react","_reactI18next","_Box","_index","_useScrollIndication","_index2","_OdysseyDesignTokensContext","_RowActions","_tableConstants","_jsxRuntime","e","__esModule","default","TextWrapper","styled","whiteSpace","textOverflow","overflow","RowActionsContainer","display","TableLayoutContent","columns","data","draggingRow","emptyState","enableVirtualization","getRowId","hasRowReordering","hasRowSelection","isEmpty","isLoading","isNoResults","isRowReorderingDisabled","onReorderRows","pagination","rowReorderingUtilities","rowSelection","setRowSelection","setTableState","tableLayoutOptions","tableState","totalRows","isTableContainerScrolledToStart","setIsTableContainerScrolledToStart","useState","isTableContainerScrolledToEnd","setIsTableContainerScrolledToEnd","tableInnerContainerWidth","setTableInnerContainerWidth","shouldUpdateScroll","useRef","tableOuterContainerRef","tableInnerContainerRef","tableContentRef","useScrollIndication","tableInnerContainer","current","tableOuterContainer","odysseyDesignTokens","useOdysseyDesignTokens","t","useTranslation","columnIds","useMemo","map","column","accessorKey","columnOrder","filter","id","rowDensityClassName","rowDensity","defaultCell","useCallback","cell","value","getValue","hasTextWrapping","columnDef","enableWrapping","jsx","children","draggableTableBodyRowClassName","dragHandleStyles","dragHandleText","handleDragHandleKeyDown","handleDragHandleOnDragCapture","handleDragHandleOnDragEnd","resetDraggingAndHoveredRow","updateRowOrder","renderRowActions","row","currentIndex","index","pageIndex","pageSize","jsxs","rowActionButtons","original","rowActionMenuItems","MenuButton","ariaLabel","buttonVariant","endIcon","MoreIcon","menuAlignment","size","RowActions","rowIndex","undefined","innerWidthStyle","width","emptyStateContainer","Box","sx","useEffect","scrollTo","clientHeight","shouldDisplayRowActions","hasColumnWithGrow","some","grow","dataTable","useMaterialReactTable","state","sorting","columnSorting","columnVisibility","icons","ArrowDownwardIcon","ArrowDownIcon","DragHandleIcon","DragIndicatorIcon","SyncAltIcon","ArrowUnsortedIcon","ExpandMoreIcon","ChevronDownIcon","dataTableImmutableSettings","displayColumnDefOptions","header","muiTableBodyCellProps","align","className","muiTableHeadCellProps","visibility","Button","isDisabled","variant","muiTableProps","ref","hasColumnResizing","muiTableContainerProps","muiTableBodyProps","tabIndex","height","enableColumnResizing","defaultColumn","Cell","enableRowActions","enableRowOrdering","Boolean","enableRowDragging","muiDetailPanelProps","paddingBlock","getIsExpanded","Spacing3","muiTableBodyRowProps","table","isDetailPanel","currentRowId","draggingRowId","hoveredRowId","getState","hoveredRow","border","backgroundColor","HueNeutralWhite","muiRowDragHandleProps","onKeyDown","event","onBlur","onDragEnd","onDragCapture","disabled","renderDetailPanel","enableRowVirtualization","currentColumn","find","sortedColumn","getIsResizing","enableSorting","hasSorting","onSortingChange","sortingUpdater","newSortVal","prevState","enableRowSelection","onRowSelectionChange","renderEmptyRowsFallback","localization","collapse","collapseAll","expand","expandAll","ScrollableTableContainer","isScrollableEnd","isScrollableStart","MRT_TableContainer","MemoizedTableLayoutContent","exports","memo","displayName"],"sources":["../../../../src/labs/DataView/TableLayoutContent.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled, { CSSObject } from \"@emotion/styled\";\nimport {\n  MRT_Row,\n  MRT_RowData,\n  MRT_RowSelectionState,\n  MRT_TableContainer,\n  MRT_TableInstance,\n  MRT_TableOptions,\n  useMaterialReactTable,\n} from \"material-react-table\";\nimport {\n  Dispatch,\n  memo,\n  ReactElement,\n  ReactNode,\n  SetStateAction,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { Box } from \"../../Box.js\";\nimport { Button, MenuButton } from \"../../Buttons/index.js\";\nimport { useScrollIndication } from \"../../DataTable/useScrollIndication.js\";\nimport {\n  ArrowDownIcon,\n  ArrowUnsortedIcon,\n  ChevronDownIcon,\n  DragIndicatorIcon,\n  MoreIcon,\n} from \"../../icons.generated/index.js\";\nimport { useOdysseyDesignTokens } from \"../../OdysseyDesignTokensContext.js\";\nimport {\n  TableLayoutProps,\n  TableState,\n  UniversalProps,\n} from \"./componentTypes.js\";\nimport { DataTableCell } from \"./dataTypes.js\";\nimport { RowActions } from \"./RowActions.js\";\nimport {\n  dataTableImmutableSettings,\n  displayColumnDefOptions,\n  ScrollableTableContainer,\n} from \"./tableConstants.js\";\n\nconst TextWrapper = styled(\"div\")({\n  whiteSpace: \"nowrap\",\n  textOverflow: \"ellipsis\",\n  overflow: \"hidden\",\n});\n\nconst RowActionsContainer = styled(\"div\")({\n  display: \"flex\",\n});\n\nexport type TableLayoutContentProps<TData extends MRT_RowData> = {\n  columns: TableLayoutProps<TData>[\"columns\"];\n  data: TData[];\n  draggingRow?: MRT_Row<TData> | null;\n  emptyState: ReactNode;\n  enableVirtualization?: boolean;\n  getRowId: UniversalProps<TData>[\"getRowId\"];\n  hasRowReordering: UniversalProps<TData>[\"hasRowReordering\"];\n  hasRowSelection: UniversalProps<TData>[\"hasRowSelection\"];\n  isEmpty?: boolean;\n  isLoading: boolean;\n  isNoResults?: boolean;\n  isRowReorderingDisabled?: boolean;\n  onReorderRows: UniversalProps<TData>[\"onReorderRows\"];\n  pagination: {\n    pageIndex: number;\n    pageSize: number;\n  };\n  rowReorderingUtilities: {\n    draggableTableBodyRowClassName: ({\n      currentRowId,\n      draggingRowId,\n      hoveredRowId,\n    }: {\n      currentRowId: string;\n      draggingRowId?: string;\n      hoveredRowId?: string;\n    }) => string | undefined;\n    dragHandleStyles: CSSObject;\n    dragHandleText: {\n      \"aria-label\": string;\n      title: string;\n    };\n    handleDragHandleKeyDown: ({\n      table,\n      row,\n      event,\n    }: {\n      event: React.KeyboardEvent<HTMLButtonElement>;\n      row: MRT_Row<TData>;\n      table: MRT_TableInstance<TData>;\n    }) => void;\n    handleDragHandleOnDragCapture: (table: MRT_TableInstance<TData>) => void;\n    handleDragHandleOnDragEnd: (table: MRT_TableInstance<TData>) => void;\n    resetDraggingAndHoveredRow: (table: MRT_TableInstance<TData>) => void;\n    updateRowOrder: ({\n      rowId,\n      newRowIndex,\n    }: {\n      newRowIndex: number;\n      rowId: string;\n    }) => void;\n  };\n  rowSelection: MRT_RowSelectionState;\n  setRowSelection: Dispatch<SetStateAction<MRT_RowSelectionState>>;\n  setTableState: Dispatch<SetStateAction<TableState>>;\n  tableLayoutOptions: TableLayoutProps<TData>;\n  tableState: TableState;\n  totalRows: UniversalProps<TData>[\"totalRows\"];\n};\n\ntype TableLayoutContentComponent = (<TData extends MRT_RowData>(\n  props: TableLayoutContentProps<TData>,\n) => JSX.Element) & {\n  displayName?: string;\n};\n\nconst TableLayoutContent = <TData extends MRT_RowData>({\n  columns,\n  data,\n  draggingRow,\n  emptyState,\n  enableVirtualization,\n  getRowId,\n  hasRowReordering,\n  hasRowSelection,\n  isEmpty,\n  isLoading,\n  isNoResults,\n  isRowReorderingDisabled,\n  onReorderRows,\n  pagination,\n  rowReorderingUtilities,\n  rowSelection,\n  setRowSelection,\n  setTableState,\n  tableLayoutOptions,\n  tableState,\n  totalRows,\n}: TableLayoutContentProps<TData>) => {\n  const [isTableContainerScrolledToStart, setIsTableContainerScrolledToStart] =\n    useState(true);\n  const [isTableContainerScrolledToEnd, setIsTableContainerScrolledToEnd] =\n    useState(true);\n  const [tableInnerContainerWidth, setTableInnerContainerWidth] =\n    useState<string>(\"100%\");\n  const shouldUpdateScroll = useRef<boolean>(false);\n  const tableOuterContainerRef = useRef<HTMLDivElement>(null);\n  const tableInnerContainerRef = useRef<HTMLDivElement>(null);\n  const tableContentRef = useRef<HTMLTableElement>(null);\n\n  useScrollIndication({\n    setIsTableContainerScrolledToEnd: setIsTableContainerScrolledToEnd,\n    setIsTableContainerScrolledToStart: setIsTableContainerScrolledToStart,\n    setTableInnerContainerWidth: setTableInnerContainerWidth,\n    tableInnerContainer: tableInnerContainerRef.current,\n    tableOuterContainer: tableOuterContainerRef.current,\n  });\n\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const { t } = useTranslation();\n\n  const columnIds = useMemo(() => {\n    return columns.map((column) => column.accessorKey) ?? [];\n  }, [columns]);\n\n  const columnOrder = useMemo(\n    () => [\n      \"mrt-row-drag\",\n      \"mrt-row-select\",\n      \"mrt-row-expand\",\n      ...(columnIds?.filter((id): id is string => typeof id === \"string\") ||\n        []),\n      \"mrt-row-actions\",\n    ],\n    [columnIds],\n  );\n\n  const rowDensityClassName = useMemo(() => {\n    return tableState.rowDensity === \"spacious\"\n      ? \"MuiTableBody-spacious\"\n      : tableState.rowDensity === \"compact\"\n        ? \"MuiTableBody-compact\"\n        : \"MuiTableBody-default\";\n  }, [tableState]);\n\n  const defaultCell = useCallback<\n    ({ cell }: { cell: DataTableCell<TData, unknown> }) => ReactElement | string\n  >(({ cell }) => {\n    const value = cell.getValue<string>();\n    const hasTextWrapping =\n      cell.column.columnDef.hasTextWrapping ||\n      cell.column.columnDef.enableWrapping;\n    return hasTextWrapping ? value : <TextWrapper>{value}</TextWrapper>;\n  }, []);\n\n  const {\n    draggableTableBodyRowClassName,\n    dragHandleStyles,\n    dragHandleText,\n    handleDragHandleKeyDown,\n    handleDragHandleOnDragCapture,\n    handleDragHandleOnDragEnd,\n    resetDraggingAndHoveredRow,\n    updateRowOrder,\n  } = rowReorderingUtilities;\n\n  const renderRowActions = useCallback(\n    ({ row }: { row: MRT_Row<TData> }) => {\n      const currentIndex =\n        row.index + (pagination.pageIndex - 1) * pagination.pageSize;\n      return (\n        <RowActionsContainer>\n          {tableLayoutOptions.rowActionButtons?.(row.original)}\n          {(tableLayoutOptions.rowActionMenuItems || hasRowReordering) && (\n            <MenuButton\n              ariaLabel={t(\"table.moreactions.arialabel\")}\n              buttonVariant=\"floating\"\n              endIcon={<MoreIcon />}\n              menuAlignment=\"right\"\n              size=\"small\"\n            >\n              <RowActions\n                isRowReorderingDisabled={isRowReorderingDisabled}\n                row={row}\n                rowActionMenuItems={\n                  tableLayoutOptions.rowActionMenuItems as TableLayoutProps<MRT_RowData>[\"rowActionMenuItems\"]\n                }\n                rowIndex={currentIndex}\n                totalRows={totalRows}\n                updateRowOrder={\n                  hasRowReordering && onReorderRows ? updateRowOrder : undefined\n                }\n              />\n            </MenuButton>\n          )}\n        </RowActionsContainer>\n      );\n    },\n    [\n      hasRowReordering,\n      isRowReorderingDisabled,\n      onReorderRows,\n      pagination.pageIndex,\n      pagination.pageSize,\n      t,\n      tableLayoutOptions,\n      totalRows,\n      updateRowOrder,\n    ],\n  );\n\n  const innerWidthStyle = useMemo(\n    () => ({ width: tableInnerContainerWidth }),\n    [tableInnerContainerWidth],\n  );\n\n  const emptyStateContainer = useCallback(\n    () => <Box sx={innerWidthStyle}>{emptyState}</Box>,\n    [innerWidthStyle, emptyState],\n  );\n\n  // Scroll to the bottom as soon as data loads after clicking the\n  // loadMore pagination button\n  useEffect(() => {\n    if (enableVirtualization) {\n      shouldUpdateScroll.current = true;\n    }\n  }, [enableVirtualization, pagination]);\n\n  useEffect(() => {\n    if (\n      shouldUpdateScroll.current &&\n      tableContentRef.current &&\n      typeof tableInnerContainerRef.current?.scrollTo !== \"undefined\"\n    ) {\n      tableInnerContainerRef.current?.scrollTo(\n        0,\n        tableContentRef.current.clientHeight,\n      );\n      shouldUpdateScroll.current = false;\n    }\n  }, [data]);\n\n  const shouldDisplayRowActions = useMemo(\n    () =>\n      (hasRowReordering === true && onReorderRows) ||\n      tableLayoutOptions.rowActionButtons ||\n      tableLayoutOptions.rowActionMenuItems\n        ? true\n        : false,\n    [\n      hasRowReordering,\n      onReorderRows,\n      tableLayoutOptions.rowActionButtons,\n      tableLayoutOptions.rowActionMenuItems,\n    ],\n  );\n\n  const hasColumnWithGrow = columns.some((column) => column.grow === true);\n\n  const dataTable = useMaterialReactTable<TData>({\n    data: !isEmpty && !isNoResults ? data : [],\n    columns,\n    getRowId,\n    state: {\n      sorting: tableState.columnSorting,\n      columnVisibility: tableState.columnVisibility,\n      isLoading,\n      rowSelection,\n      columnOrder,\n    },\n    icons: {\n      ArrowDownwardIcon: ArrowDownIcon,\n      DragHandleIcon: DragIndicatorIcon,\n      SyncAltIcon: ArrowUnsortedIcon,\n      ExpandMoreIcon: ChevronDownIcon,\n    },\n    ...dataTableImmutableSettings,\n    displayColumnDefOptions: {\n      ...(displayColumnDefOptions satisfies Partial<\n        MRT_TableOptions<MRT_RowData>[\"displayColumnDefOptions\"]\n      >),\n      \"mrt-row-actions\": {\n        header: \"\",\n        grow: !hasColumnWithGrow,\n        muiTableBodyCellProps: {\n          align: \"right\" as const,\n          sx: {\n            overflow: \"visible\",\n            width: \"unset\",\n          },\n          className: \"ods-actions-cell\",\n        },\n        muiTableHeadCellProps: {\n          align: \"right\" as const,\n          sx: {\n            width: \"unset\",\n          },\n          className: \"ods-actions-cell\",\n          children: (\n            <Box sx={{ display: \"flex\", visibility: \"hidden\" }}>\n              {tableLayoutOptions.rowActionButtons &&\n                tableLayoutOptions.rowActionButtons()}\n              {((hasRowReordering === true && onReorderRows) ||\n                tableLayoutOptions.rowActionMenuItems) && (\n                <Box>\n                  <Button\n                    ariaLabel={t(\"table.moreactions.arialabel\")}\n                    endIcon={<MoreIcon />}\n                    isDisabled\n                    size=\"small\"\n                    variant=\"floating\"\n                  />\n                </Box>\n              )}\n            </Box>\n          ),\n        },\n      },\n    },\n    muiTableProps: {\n      ref: tableContentRef,\n      className:\n        !shouldDisplayRowActions && tableLayoutOptions.hasColumnResizing\n          ? hasColumnWithGrow\n            ? \"ods-hide-spacer-column\"\n            : \"ods-hide-spacer-column ods-column-grow\"\n          : \"\",\n    },\n    muiTableContainerProps: {\n      ref: tableInnerContainerRef,\n    },\n    muiTableBodyProps: () => ({\n      className: rowDensityClassName,\n      tabIndex: 0,\n      /**\n       * This is a fix for an issue related to the empty state creating a\n       * vertical scrollbar when virtualization is enabled. The root cause\n       * is tablebody having height: 0 when virtualization is enabled and there\n       * being no data\n       * https://okta.slack.com/archives/C7T2H3KNJ/p1742842106148929\n       */\n      sx:\n        isEmpty || isNoResults\n          ? {\n              height: \"unset\",\n            }\n          : undefined,\n    }),\n    enableColumnResizing: tableLayoutOptions.hasColumnResizing,\n    defaultColumn: {\n      Cell: defaultCell,\n    },\n    enableRowActions:\n      (hasRowReordering === true && onReorderRows) ||\n      tableLayoutOptions.rowActionButtons ||\n      tableLayoutOptions.rowActionMenuItems\n        ? true\n        : false,\n    renderRowActions: ({ row }) => renderRowActions({ row }),\n    enableRowOrdering: hasRowReordering && Boolean(onReorderRows),\n    enableRowDragging: hasRowReordering && Boolean(onReorderRows),\n    muiDetailPanelProps: ({ row }) => ({\n      sx: {\n        paddingBlock: row.getIsExpanded()\n          ? `${odysseyDesignTokens.Spacing3} !important`\n          : undefined,\n      },\n    }),\n    muiTableBodyRowProps: ({ table, row, isDetailPanel }) => ({\n      className: draggableTableBodyRowClassName({\n        currentRowId: row.id,\n        draggingRowId: draggingRow?.id,\n        hoveredRowId: table.getState().hoveredRow?.id,\n      }),\n      sx: isDetailPanel\n        ? {\n            paddingBlock: \"0 !important\",\n            border: 0,\n            [\"&:hover\"]: {\n              backgroundColor: `${odysseyDesignTokens.HueNeutralWhite} !important`,\n            },\n          }\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      disabled: isRowReorderingDisabled,\n      sx: dragHandleStyles,\n      ...dragHandleText,\n    }),\n    renderDetailPanel: tableLayoutOptions.renderDetailPanel,\n    enableRowVirtualization: enableVirtualization,\n    muiTableHeadCellProps: ({ column: currentColumn }) => ({\n      className: tableState.columnSorting.find(\n        (sortedColumn) => sortedColumn.id === currentColumn.id,\n      )\n        ? \"isSorted\"\n        : \"isUnsorted\",\n    }),\n    muiTableBodyCellProps: ({ column }) => ({\n      className: column.getIsResizing() ? \"isResizing\" : \"\",\n    }),\n    enableSorting: tableLayoutOptions.hasSorting === true, // I don't know why this needs to be true, but it still works if undefined otherwise\n    onSortingChange: (sortingUpdater) => {\n      const newSortVal =\n        typeof sortingUpdater === \"function\"\n          ? sortingUpdater(tableState.columnSorting)\n          : tableState.columnSorting;\n      setTableState((prevState) => ({\n        ...prevState,\n        columnSorting: newSortVal,\n      }));\n    },\n    enableRowSelection: hasRowSelection,\n    onRowSelectionChange: setRowSelection,\n    renderEmptyRowsFallback: emptyStateContainer,\n    localization: {\n      collapse: t(\"table.rowexpansion.collapse\"),\n      collapseAll: t(\"table.rowexpansion.collapseall\"),\n      expand: t(\"table.rowexpansion.expand\"),\n      expandAll: t(\"table.rowexpansion.expandall\"),\n    },\n  });\n\n  return (\n    <ScrollableTableContainer\n      isScrollableEnd={!isTableContainerScrolledToEnd}\n      isScrollableStart={!isTableContainerScrolledToStart}\n      odysseyDesignTokens={odysseyDesignTokens}\n      ref={tableOuterContainerRef}\n    >\n      <MRT_TableContainer table={dataTable} />\n    </ScrollableTableContainer>\n  );\n};\n\nconst MemoizedTableLayoutContent = memo(\n  TableLayoutContent,\n) as TableLayoutContentComponent;\nMemoizedTableLayoutContent.displayName = \"TableLayoutContent\";\n\nexport { MemoizedTableLayoutContent as TableLayoutContent };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/labs/DataView/TableSettings.cjs

@@ -7,9 +7,9 @@ exports.TableSettings = void 0;
 var _Checkbox2 = _interopRequireDefault(require("@mui/material/Checkbox"));
 var _react = require("react");
 var _reactI18next = require("react-i18next");
+var _index = require("../../Buttons/index.cjs");
+var _index2 = require("../../icons.generated/index.cjs");
 var _constants = require("./constants.cjs");
-var _index = require("../../icons.generated/index.cjs");
-var _index2 = require("../../Buttons/index.cjs");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /*!
@@ -57,23 +57,23 @@ const TableSettings = ({
     }));
   }, [setTableState]);
   const visibleColumns = (0, _react.useMemo)(() => new Set(columns.filter(column => columnVisibility ? columnVisibility[column.accessorKey] !== false : true).map(column => column.accessorKey)), [columns, columnVisibility]);
-  const memoizedDensityMenu = (0, _react.useMemo)(() => hasChangeableDensity && (0, _jsxRuntime.jsx)(_index2.MenuButton, {
+  const memoizedDensityMenu = (0, _react.useMemo)(() => hasChangeableDensity && (0, _jsxRuntime.jsx)(_index.MenuButton, {
     ariaLabel: t("table.density.arialabel"),
-    endIcon: (0, _jsxRuntime.jsx)(_index.ListIcon, {}),
+    endIcon: (0, _jsxRuntime.jsx)(_index2.ListIcon, {}),
     menuAlignment: "right",
     shouldCloseOnSelect: false,
-    children: _constants.densityValues.map(value => (0, _jsxRuntime.jsx)(_index2.MenuItem, {
+    children: _constants.densityValues.map(value => (0, _jsxRuntime.jsx)(_index.MenuItem, {
       isSelected: rowDensity === value,
       onClick: () => changeRowDensity(value),
-      children: `${value.charAt(0).toUpperCase()}${value.slice(1)}`
+      children: t(`table.density.${value}`)
     }, value))
   }), [hasChangeableDensity, t, rowDensity, changeRowDensity]);
-  const memoizedColumnVisibilityMenu = (0, _react.useMemo)(() => hasColumnVisibility && (0, _jsxRuntime.jsx)(_index2.MenuButton, {
+  const memoizedColumnVisibilityMenu = (0, _react.useMemo)(() => hasColumnVisibility && (0, _jsxRuntime.jsx)(_index.MenuButton, {
     ariaLabel: t("table.columnvisibility.arialabel"),
-    endIcon: (0, _jsxRuntime.jsx)(_index.ShowIcon, {}),
+    endIcon: (0, _jsxRuntime.jsx)(_index2.ShowIcon, {}),
     menuAlignment: "right",
     shouldCloseOnSelect: false,
-    children: columns.filter(column => Boolean(column.enableHiding !== false)).map(column => (0, _jsxRuntime.jsxs)(_index2.MenuItem, {
+    children: columns.filter(column => Boolean(column.enableHiding !== false)).map(column => (0, _jsxRuntime.jsxs)(_index.MenuItem, {
       onClick: () => changeColumnVisibility(column.id),
       children: [(0, _jsxRuntime.jsx)(_Checkbox2.default, {
         checked: visibleColumns.has(column.id)

package/dist/cjs/labs/DataView/TableSettings.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableSettings.cjs","names":["_react","require","_reactI18next","_constants","_index","_index2","_jsxRuntime","_interopRequireDefault","e","__esModule","default","TableSettings","setTableState","tableLayoutOptions","tableState","t","useTranslation","hasChangeableDensity","hasColumnVisibility","columns","rowDensity","columnVisibility","changeRowDensity","useCallback","value","prevState","changeColumnVisibility","columnId","visibleColumns","useMemo","Set","filter","column","accessorKey","map","memoizedDensityMenu","jsx","MenuButton","ariaLabel","endIcon","ListIcon","menuAlignment","shouldCloseOnSelect","children","densityValues","MenuItem","isSelected","onClick","charAt","toUpperCase","slice","memoizedColumnVisibilityMenu","ShowIcon","Boolean","enableHiding","jsxs","id","_Checkbox2","checked","has","header","Fragment","MemoizedTableSettings","exports","memo","displayName"],"sources":["../../../../src/labs/DataView/TableSettings.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 { Dispatch, SetStateAction, memo, useCallback, useMemo } from \"react\";\nimport { Checkbox as MuiCheckbox } from \"@mui/material\";\nimport { MRT_DensityState, MRT_RowData } from \"material-react-table\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { densityValues } from \"./constants.js\";\nimport { ListIcon, ShowIcon } from \"../../icons.generated/index.js\";\nimport { MenuButton, MenuItem } from \"../../Buttons/index.js\";\nimport { TableLayoutProps, TableState } from \"./componentTypes.js\";\n\nexport type TableSettingsProps<TData extends MRT_RowData> = {\n  setTableState: Dispatch<SetStateAction<TableState>>;\n  tableLayoutOptions: TableLayoutProps<TData>;\n  tableState: TableState;\n};\n\ntype TableSettingsComponent = (<TData extends MRT_RowData>(\n  props: TableSettingsProps<TData>,\n) => JSX.Element) & {\n  displayName?: string;\n};\n\nconst TableSettings: TableSettingsComponent = <TData extends MRT_RowData>({\n  setTableState,\n  tableLayoutOptions,\n  tableState,\n}: TableSettingsProps<TData>) => {\n  const { t } = useTranslation();\n\n  const { hasChangeableDensity, hasColumnVisibility, columns } =\n    tableLayoutOptions;\n  const { rowDensity, columnVisibility } = tableState;\n\n  const changeRowDensity = useCallback<(value: MRT_DensityState) => void>(\n    (value) => {\n      setTableState((prevState) => ({\n        ...prevState,\n        rowDensity: value,\n      }));\n    },\n    [setTableState],\n  );\n\n  const changeColumnVisibility = useCallback<(columnId: string) => void>(\n    (columnId) => {\n      setTableState((prevState) => ({\n        ...prevState,\n        columnVisibility: {\n          ...prevState.columnVisibility,\n          [columnId]: prevState.columnVisibility\n            ? prevState.columnVisibility[columnId] === false\n            : false,\n        },\n      }));\n    },\n    [setTableState],\n  );\n\n  const visibleColumns = useMemo(\n    () =>\n      new Set(\n        columns\n          .filter((column) =>\n            columnVisibility\n              ? columnVisibility[column.accessorKey!] !== false\n              : true,\n          )\n          .map((column) => column.accessorKey!),\n      ),\n    [columns, columnVisibility],\n  );\n\n  const memoizedDensityMenu = useMemo(\n    () =>\n      hasChangeableDensity && (\n        <MenuButton\n          ariaLabel={t(\"table.density.arialabel\")}\n          endIcon={<ListIcon />}\n          menuAlignment=\"right\"\n          shouldCloseOnSelect={false}\n        >\n          {densityValues.map((value) => (\n            <MenuItem\n              key={value}\n              isSelected={rowDensity === value}\n              onClick={() => changeRowDensity(value)}\n            >\n              {`${value.charAt(0).toUpperCase()}${value.slice(1)}`}\n            </MenuItem>\n          ))}\n        </MenuButton>\n      ),\n    [hasChangeableDensity, t, rowDensity, changeRowDensity],\n  );\n\n  const memoizedColumnVisibilityMenu = useMemo(\n    () =>\n      hasColumnVisibility && (\n        <MenuButton\n          ariaLabel={t(\"table.columnvisibility.arialabel\")}\n          endIcon={<ShowIcon />}\n          menuAlignment=\"right\"\n          shouldCloseOnSelect={false}\n        >\n          {columns\n            .filter((column) => Boolean(column.enableHiding !== false))\n            .map((column) => (\n              <MenuItem\n                key={column.accessorKey}\n                onClick={() => changeColumnVisibility(column.id!)}\n              >\n                <MuiCheckbox checked={visibleColumns.has(column.id!)} />\n                {column.header}\n              </MenuItem>\n            ))}\n        </MenuButton>\n      ),\n    [hasColumnVisibility, t, columns, changeColumnVisibility, visibleColumns],\n  );\n\n  return (\n    <>\n      {memoizedDensityMenu}\n      {memoizedColumnVisibilityMenu}\n    </>\n  );\n};\n\nconst MemoizedTableSettings = memo(TableSettings) as TableSettingsComponent;\nMemoizedTableSettings.displayName = \"TableSettings\";\n\nexport { MemoizedTableSettings as TableSettings };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TableSettings.cjs","names":["_react","require","_reactI18next","_index","_index2","_constants","_jsxRuntime","_interopRequireDefault","e","__esModule","default","TableSettings","setTableState","tableLayoutOptions","tableState","t","useTranslation","hasChangeableDensity","hasColumnVisibility","columns","rowDensity","columnVisibility","changeRowDensity","useCallback","value","prevState","changeColumnVisibility","columnId","visibleColumns","useMemo","Set","filter","column","accessorKey","map","memoizedDensityMenu","jsx","MenuButton","ariaLabel","endIcon","ListIcon","menuAlignment","shouldCloseOnSelect","children","densityValues","MenuItem","isSelected","onClick","memoizedColumnVisibilityMenu","ShowIcon","Boolean","enableHiding","jsxs","id","_Checkbox2","checked","has","header","Fragment","MemoizedTableSettings","exports","memo","displayName"],"sources":["../../../../src/labs/DataView/TableSettings.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 { Checkbox as MuiCheckbox } from \"@mui/material\";\nimport { MRT_DensityState, MRT_RowData } from \"material-react-table\";\nimport { Dispatch, memo, SetStateAction, useCallback, useMemo } from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { MenuButton, MenuItem } from \"../../Buttons/index.js\";\nimport { ListIcon, ShowIcon } from \"../../icons.generated/index.js\";\nimport { TableLayoutProps, TableState } from \"./componentTypes.js\";\nimport { densityValues } from \"./constants.js\";\n\nexport type TableSettingsProps<TData extends MRT_RowData> = {\n  setTableState: Dispatch<SetStateAction<TableState>>;\n  tableLayoutOptions: TableLayoutProps<TData>;\n  tableState: TableState;\n};\n\ntype TableSettingsComponent = (<TData extends MRT_RowData>(\n  props: TableSettingsProps<TData>,\n) => JSX.Element) & {\n  displayName?: string;\n};\n\nconst TableSettings: TableSettingsComponent = <TData extends MRT_RowData>({\n  setTableState,\n  tableLayoutOptions,\n  tableState,\n}: TableSettingsProps<TData>) => {\n  const { t } = useTranslation();\n\n  const { hasChangeableDensity, hasColumnVisibility, columns } =\n    tableLayoutOptions;\n  const { rowDensity, columnVisibility } = tableState;\n\n  const changeRowDensity = useCallback<(value: MRT_DensityState) => void>(\n    (value) => {\n      setTableState((prevState) => ({\n        ...prevState,\n        rowDensity: value,\n      }));\n    },\n    [setTableState],\n  );\n\n  const changeColumnVisibility = useCallback<(columnId: string) => void>(\n    (columnId) => {\n      setTableState((prevState) => ({\n        ...prevState,\n        columnVisibility: {\n          ...prevState.columnVisibility,\n          [columnId]: prevState.columnVisibility\n            ? prevState.columnVisibility[columnId] === false\n            : false,\n        },\n      }));\n    },\n    [setTableState],\n  );\n\n  const visibleColumns = useMemo(\n    () =>\n      new Set(\n        columns\n          .filter((column) =>\n            columnVisibility\n              ? columnVisibility[column.accessorKey!] !== false\n              : true,\n          )\n          .map((column) => column.accessorKey!),\n      ),\n    [columns, columnVisibility],\n  );\n\n  const memoizedDensityMenu = useMemo(\n    () =>\n      hasChangeableDensity && (\n        <MenuButton\n          ariaLabel={t(\"table.density.arialabel\")}\n          endIcon={<ListIcon />}\n          menuAlignment=\"right\"\n          shouldCloseOnSelect={false}\n        >\n          {densityValues.map((value) => (\n            <MenuItem\n              isSelected={rowDensity === value}\n              key={value}\n              onClick={() => changeRowDensity(value)}\n            >\n              {t(`table.density.${value}`)}\n            </MenuItem>\n          ))}\n        </MenuButton>\n      ),\n    [hasChangeableDensity, t, rowDensity, changeRowDensity],\n  );\n\n  const memoizedColumnVisibilityMenu = useMemo(\n    () =>\n      hasColumnVisibility && (\n        <MenuButton\n          ariaLabel={t(\"table.columnvisibility.arialabel\")}\n          endIcon={<ShowIcon />}\n          menuAlignment=\"right\"\n          shouldCloseOnSelect={false}\n        >\n          {columns\n            .filter((column) => Boolean(column.enableHiding !== false))\n            .map((column) => (\n              <MenuItem\n                key={column.accessorKey}\n                onClick={() => changeColumnVisibility(column.id!)}\n              >\n                <MuiCheckbox checked={visibleColumns.has(column.id!)} />\n                {column.header}\n              </MenuItem>\n            ))}\n        </MenuButton>\n      ),\n    [hasColumnVisibility, t, columns, changeColumnVisibility, visibleColumns],\n  );\n\n  return (\n    <>\n      {memoizedDensityMenu}\n      {memoizedColumnVisibilityMenu}\n    </>\n  );\n};\n\nconst MemoizedTableSettings = memo(TableSettings) as TableSettingsComponent;\nMemoizedTableSettings.displayName = \"TableSettings\";\n\nexport { MemoizedTableSettings as TableSettings };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/labs/DataView/componentTypes.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"componentTypes.cjs","names":[],"sources":["../../../../src/labs/DataView/componentTypes.ts"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport {\n  MRT_DensityState,\n  MRT_RowData,\n  MRT_RowSelectionState,\n  MRT_SortingState,\n  MRT_TableOptions,\n  MRT_VisibilityState,\n} from \"material-react-table\";\nimport { ReactNode } from \"react\";\n\nimport { availableLayouts, availableCardLayouts } from \"./constants.js\";\nimport { DataFilter } from \"../DataFilters.js\";\nimport {\n  DataGetDataType,\n  DataOnReorderRowsType,\n  DataRowSelectionState,\n  DataTableColumn,\n} from \"./dataTypes.js\";\nimport { MenuButtonProps } from \"../../Buttons/MenuButton.js\";\nimport { paginationTypeValues } from \"../DataTablePagination.js\";\nimport { DataCardProps } from \"./DataCard.js\";\nimport { type PaginationProps } from \"../../Pagination/index.js\";\nimport { RowActionsProps } from \"./RowActions.js\";\n\nexport type DataLayout = (typeof availableLayouts)[number];\nexport type CardLayout = (typeof availableCardLayouts)[number];\n\nexport type AvailableLayouts = DataLayout[];\nexport type AvailableCardLayouts = CardLayout[];\n\nexport type UniversalProps<TData extends MRT_RowData> = {\n  additionalActionButton?: ReactNode;\n  additionalActionMenuItems?: ReactNode;\n  bulkActionMenuItems?: (\n    selectedRows: MRT_RowSelectionState,\n  ) => MenuButtonProps[\"children\"];\n  currentPage?: number;\n  emptyPlaceholder?: ReactNode;\n  enableVirtualization?: boolean;\n  errorMessage?: string;\n  filters?: Array<DataFilter | DataTableColumn<TData> | string>;\n  getData: ({\n    page,\n    resultsPerPage,\n    search,\n    filters,\n    sort,\n  }: DataGetDataType) => TData[] | Promise<TData[]>;\n  getRowId?: MRT_TableOptions<TData>[\"getRowId\"];\n  hasFilters?: boolean;\n  hasPagination?: boolean;\n  hasRowReordering?: boolean;\n  hasRowSelection?: boolean;\n  hasSearch?: boolean;\n  hasSearchSubmitButton?: boolean;\n  isEmpty?: boolean;\n  isLoading?: boolean;\n  isNoResults?: boolean;\n  isPaginationMoreDisabled?: boolean;\n  isRowReorderingDisabled?: boolean;\n  maxPages?: number;\n  maxResultsPerPage?: number;\n  metaText?: string;\n  noResultsPlaceholder?: ReactNode;\n  /**\n   * @deprecated onChangeRowSelection is now onRowSelectionChange\n   */\n  onChangeRowSelection?: (rowSelection: DataRowSelectionState) => void;\n  onPaginationChange?: ({\n    pageIndex,\n    pageSize,\n  }: {\n    pageIndex: number;\n    pageSize: number;\n  }) => void;\n  onReorderRows?: ({ rowId, newRowIndex }: DataOnReorderRowsType) => void;\n  onRowSelectionChange?: (rowSelection: DataRowSelectionState) => void;\n  paginationType?: (typeof paginationTypeValues)[number];\n  resultsPerPage?: number;\n  searchDelayTime?: number;\n  totalRows?: number;\n} & Pick<\n  PaginationProps,\n  \"hasPageInput\" | \"hasRowCountInput\" | \"hasRowCountLabel\"\n>;\n\nexport type TableLayoutProps<TData extends MRT_RowData> = {\n  columns: DataTableColumn<TData>[];\n  hasChangeableDensity?: boolean;\n  hasColumnResizing?: boolean;\n  hasColumnVisibility?: boolean;\n  hasSorting?: boolean;\n  initialDensity?: MRT_DensityState;\n  renderDetailPanel?: MRT_TableOptions<TData>[\"renderDetailPanel\"];\n  rowActionButtons?: RowActionsProps<TData>[\"rowActionButtons\"];\n  rowActionMenuItems?: RowActionsProps<TData>[\"rowActionMenuItems\"];\n};\n\nexport type CardLayoutProps<TData extends MRT_RowData> = {\n  itemProps: (row: TData) => Omit<DataCardProps<TData>, \"row\">;\n  maxGridColumns?: number;\n  renderDetailPanel?: (props: { row: TData }) => ReactNode;\n  rowActionMenuItems?: RowActionsProps<TData>[\"rowActionMenuItems\"];\n};\n\nexport type ViewProps<TData extends MRT_RowData, L extends DataLayout> = {\n  availableLayouts?: L[];\n  initialLayout?: L;\n  cardLayoutOptions?: CardLayoutProps<TData>;\n  tableLayoutOptions?: TableLayoutProps<TData>;\n};\n\nexport type TableState = {\n  columnSorting: MRT_SortingState;\n  columnVisibility: MRT_VisibilityState;\n  rowDensity?: MRT_DensityState;\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"componentTypes.cjs","names":[],"sources":["../../../../src/labs/DataView/componentTypes.ts"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport {\n  MRT_DensityState,\n  MRT_RowData,\n  MRT_RowSelectionState,\n  MRT_SortingState,\n  MRT_TableOptions,\n  MRT_VisibilityState,\n} from \"material-react-table\";\nimport { ReactNode } from \"react\";\n\nimport { MenuButtonProps } from \"../../Buttons/MenuButton.js\";\nimport { type PaginationProps } from \"../../Pagination/index.js\";\nimport { DataFilter } from \"../DataFilters.js\";\nimport { paginationTypeValues } from \"../DataTablePagination.js\";\nimport { availableCardLayouts, availableLayouts } from \"./constants.js\";\nimport { DataCardProps } from \"./DataCard.js\";\nimport {\n  DataGetDataType,\n  DataOnReorderRowsType,\n  DataRowSelectionState,\n  DataTableColumn,\n} from \"./dataTypes.js\";\nimport { RowActionsProps } from \"./RowActions.js\";\n\nexport type DataLayout = (typeof availableLayouts)[number];\nexport type CardLayout = (typeof availableCardLayouts)[number];\n\nexport type AvailableLayouts = DataLayout[];\nexport type AvailableCardLayouts = CardLayout[];\n\nexport type UniversalProps<TData extends MRT_RowData> = {\n  additionalActionButton?: ReactNode;\n  additionalActionMenuItems?: ReactNode;\n  bulkActionMenuItems?: (\n    selectedRows: MRT_RowSelectionState,\n  ) => MenuButtonProps[\"children\"];\n  currentPage?: number;\n  emptyPlaceholder?: ReactNode;\n  enableVirtualization?: boolean;\n  errorMessage?: string;\n  filters?: Array<DataFilter | DataTableColumn<TData> | string>;\n  getData: ({\n    page,\n    resultsPerPage,\n    search,\n    filters,\n    sort,\n  }: DataGetDataType) => TData[] | Promise<TData[]>;\n  getRowId?: MRT_TableOptions<TData>[\"getRowId\"];\n  hasFilters?: boolean;\n  hasPagination?: boolean;\n  hasRowReordering?: boolean;\n  hasRowSelection?: boolean;\n  hasSearch?: boolean;\n  hasSearchSubmitButton?: boolean;\n  isEmpty?: boolean;\n  isLoading?: boolean;\n  isNoResults?: boolean;\n  isPaginationMoreDisabled?: boolean;\n  isRowReorderingDisabled?: boolean;\n  maxPages?: number;\n  maxResultsPerPage?: number;\n  metaText?: string;\n  noResultsPlaceholder?: ReactNode;\n  /**\n   * @deprecated onChangeRowSelection is now onRowSelectionChange\n   */\n  onChangeRowSelection?: (rowSelection: DataRowSelectionState) => void;\n  onPaginationChange?: ({\n    pageIndex,\n    pageSize,\n  }: {\n    pageIndex: number;\n    pageSize: number;\n  }) => void;\n  onReorderRows?: ({ rowId, newRowIndex }: DataOnReorderRowsType) => void;\n  onRowSelectionChange?: (rowSelection: DataRowSelectionState) => void;\n  paginationType?: (typeof paginationTypeValues)[number];\n  resultsPerPage?: number;\n  searchDelayTime?: number;\n  totalRows?: number;\n} & Pick<\n  PaginationProps,\n  \"hasPageInput\" | \"hasRowCountInput\" | \"hasRowCountLabel\"\n>;\n\nexport type TableLayoutProps<TData extends MRT_RowData> = {\n  columns: DataTableColumn<TData>[];\n  hasChangeableDensity?: boolean;\n  hasColumnResizing?: boolean;\n  hasColumnVisibility?: boolean;\n  hasSorting?: boolean;\n  initialDensity?: MRT_DensityState;\n  renderDetailPanel?: MRT_TableOptions<TData>[\"renderDetailPanel\"];\n  rowActionButtons?: RowActionsProps<TData>[\"rowActionButtons\"];\n  rowActionMenuItems?: RowActionsProps<TData>[\"rowActionMenuItems\"];\n};\n\nexport type CardLayoutProps<TData extends MRT_RowData> = {\n  itemProps: (row: TData) => Omit<DataCardProps<TData>, \"row\">;\n  maxGridColumns?: number;\n  renderDetailPanel?: (props: { row: TData }) => ReactNode;\n  rowActionMenuItems?: RowActionsProps<TData>[\"rowActionMenuItems\"];\n};\n\nexport type ViewProps<TData extends MRT_RowData, L extends DataLayout> = {\n  availableLayouts?: L[];\n  cardLayoutOptions?: CardLayoutProps<TData>;\n  initialLayout?: L;\n  tableLayoutOptions?: TableLayoutProps<TData>;\n};\n\nexport type TableState = {\n  columnSorting: MRT_SortingState;\n  columnVisibility: MRT_VisibilityState;\n  rowDensity?: MRT_DensityState;\n};\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/labs/DataView/fetchData.cjs.map

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["_DataTable","require","_DataView","_componentTypes","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_constants","_dataTypes"],"sources":["../../../../src/labs/DataView/index.ts"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nexport { DataTable, type DataTableProps } from \"./DataTable.js\";\nexport { DataView, type DataViewProps } from \"./DataView.js\";\nexport { type DataCardProps } from \"./DataCard.js\";\n\nexport * from \"./componentTypes.js\";\nexport * from \"./constants.js\";\nexport * from \"./dataTypes.js\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAYA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAGA,IAAAE,eAAA,GAAAF,OAAA;AAAAG,MAAA,CAAAC,IAAA,CAAAF,eAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,eAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,eAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,UAAA,GAAAf,OAAA;AAAAG,MAAA,CAAAC,IAAA,CAAAW,UAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,UAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,UAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AACA,IAAAU,UAAA,GAAAhB,OAAA;AAAAG,MAAA,CAAAC,IAAA,CAAAY,UAAA,EAAAX,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAU,UAAA,CAAAV,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,UAAA,CAAAV,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"file":"index.cjs","names":["_DataTable","require","_DataView","_componentTypes","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_constants","_dataTypes"],"sources":["../../../../src/labs/DataView/index.ts"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nexport { type DataCardProps } from \"./DataCard.js\";\nexport { DataTable, type DataTableProps } from \"./DataTable.js\";\nexport { DataView, type DataViewProps } from \"./DataView.js\";\n\nexport * from \"./componentTypes.js\";\nexport * from \"./constants.js\";\nexport * from \"./dataTypes.js\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAaA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAEA,IAAAE,eAAA,GAAAF,OAAA;AAAAG,MAAA,CAAAC,IAAA,CAAAF,eAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,eAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,eAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,UAAA,GAAAf,OAAA;AAAAG,MAAA,CAAAC,IAAA,CAAAW,UAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,UAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,UAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AACA,IAAAU,UAAA,GAAAhB,OAAA;AAAAG,MAAA,CAAAC,IAAA,CAAAY,UAAA,EAAAX,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAU,UAAA,CAAAV,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,UAAA,CAAAV,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/dist/cjs/labs/DataView/tableConstants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"tableConstants.cjs","names":["_styled","_interopRequireDefault","require","_Box","_index","_jsxRuntime","e","__esModule","default","dataTableImmutableSettings","exports","enableColumnActions","enableDensityToggle","enableExpandAll","enableFilters","enableFullScreenToggle","enableGlobalFilter","enableHiding","enablePagination","layoutMode","manualFiltering","manualSorting","muiTablePaperProps","elevation","sx","overflow","positionActionsColumn","rowVirtualizerOptions","overscan","selectAllMode","displayColumnDefOptions","header","muiTableBodyCellProps","minWidth","width","className","muiTableHeadCellProps","children","jsx","Box","marginInline","DragIndicatorIcon","opacity","padding","ScrollableTableContainer","styled","shouldForwardProp","prop","odysseyDesignTokens","isScrollableStart","isScrollableEnd","marginBlockEnd","Spacing4","position","borderInlineStartColor","HueNeutral200","borderInlineStartStyle","borderInlineStartWidth","BorderWidthMain","background","content","pointerEvents","top","left","bottom","Spacing6","zIndex","transition","TransitionDurationMain","TransitionTimingMain","borderInlineEndColor","borderInlineEndStyle","borderInlineEndWidth","right"],"sources":["../../../../src/labs/DataView/tableConstants.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled from \"@emotion/styled\";\nimport { MRT_RowData, MRT_TableOptions } from \"material-react-table\";\n\nimport { Box } from \"../../Box.js\";\nimport { DesignTokens } from \"../../OdysseyDesignTokensContext.js\";\nimport { DragIndicatorIcon } from \"../../icons.generated/index.js\";\n\nexport const dataTableImmutableSettings = {\n  enableColumnActions: false,\n  enableDensityToggle: false,\n  enableExpandAll: false,\n  enableFilters: false,\n  enableFullScreenToggle: false,\n  enableGlobalFilter: false,\n  enableHiding: false,\n  enablePagination: false,\n  layoutMode: \"grid-no-grow\" as MRT_TableOptions<MRT_RowData>[\"layoutMode\"],\n  manualFiltering: true,\n  manualSorting: true,\n  muiTablePaperProps: {\n    elevation: 0,\n    sx: {\n      overflow: \"visible\",\n    },\n  },\n  positionActionsColumn:\n    \"last\" as MRT_TableOptions<MRT_RowData>[\"positionActionsColumn\"],\n  rowVirtualizerOptions: {\n    overscan: 4,\n  },\n  selectAllMode: \"all\" as MRT_TableOptions<MRT_RowData>[\"selectAllMode\"],\n};\n\nexport const displayColumnDefOptions = {\n  \"mrt-row-drag\": {\n    header: \"\",\n    muiTableBodyCellProps: {\n      sx: {\n        minWidth: 0,\n        width: \"auto\",\n      },\n      className: \"ods-drag-handle\",\n    },\n    muiTableHeadCellProps: {\n      sx: {\n        minWidth: 0,\n        width: \"auto\",\n      },\n      children: (\n        // Add a spacer to simulate the width of the drag handle in the column.\n        // Without this, the head cells are offset from their body cell counterparts\n        <Box sx={{ marginInline: \"-0.1rem\" }}>\n          <DragIndicatorIcon sx={{ marginInline: 1, opacity: 0 }} />\n        </Box>\n      ),\n    },\n  },\n  \"mrt-row-select\": {\n    muiTableHeadCellProps: {\n      padding: \"checkbox\" as const,\n    },\n    muiTableBodyCellProps: {\n      padding: \"checkbox\" as const,\n    },\n  },\n  \"mrt-row-expand\": {\n    header: \"\",\n    muiTableBodyCellProps: {\n      sx: {\n        overflow: \"visible\",\n      },\n    },\n  },\n};\n\nexport const ScrollableTableContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" &&\n    prop !== \"isScrollableStart\" &&\n    prop !== \"isScrollableEnd\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n  isScrollableStart: boolean;\n  isScrollableEnd: boolean;\n}>(({ odysseyDesignTokens, isScrollableStart, isScrollableEnd }) => ({\n  marginBlockEnd: odysseyDesignTokens.Spacing4,\n  position: \"relative\",\n  borderInlineStartColor: isScrollableStart\n    ? odysseyDesignTokens.HueNeutral200\n    : \"transparent\",\n  borderInlineStartStyle: \"solid\",\n  borderInlineStartWidth: odysseyDesignTokens.BorderWidthMain,\n  \"::before\": {\n    background:\n      \"linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.33) 50%, rgba(0, 0, 0, 1) 100%)\",\n    content: '\"\"',\n    opacity: isScrollableStart ? \"0.075\" : \"0\",\n    pointerEvents: \"none\",\n    position: \"absolute\",\n    top: 0,\n    left: 0,\n    bottom: 0,\n    width: odysseyDesignTokens.Spacing6,\n    zIndex: 100,\n    transition: `opacity ${odysseyDesignTokens.TransitionDurationMain} ${odysseyDesignTokens.TransitionTimingMain}`,\n  },\n  borderInlineEndColor: isScrollableEnd\n    ? odysseyDesignTokens.HueNeutral200\n    : \"transparent\",\n  borderInlineEndStyle: \"solid\",\n  borderInlineEndWidth: odysseyDesignTokens.BorderWidthMain,\n  \"::after\": {\n    background:\n      \"linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.33) 50%, rgba(0, 0, 0, 1) 100%)\",\n    content: '\"\"',\n    opacity: isScrollableEnd ? \"0.075\" : \"0\",\n    pointerEvents: \"none\",\n    position: \"absolute\",\n    top: 0,\n    right: 0,\n    bottom: 0,\n    width: odysseyDesignTokens.Spacing6,\n    transition: `opacity ${odysseyDesignTokens.TransitionDurationMain} ${odysseyDesignTokens.TransitionTimingMain}`,\n  },\n}));\n"],"mappings":";;;;;;AAYA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,IAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AAAmE,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAjBnE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AASO,MAAMG,0BAA0B,GAAAC,OAAA,CAAAD,0BAAA,GAAG;EACxCE,mBAAmB,EAAE,KAAK;EAC1BC,mBAAmB,EAAE,KAAK;EAC1BC,eAAe,EAAE,KAAK;EACtBC,aAAa,EAAE,KAAK;EACpBC,sBAAsB,EAAE,KAAK;EAC7BC,kBAAkB,EAAE,KAAK;EACzBC,YAAY,EAAE,KAAK;EACnBC,gBAAgB,EAAE,KAAK;EACvBC,UAAU,EAAE,cAA6D;EACzEC,eAAe,EAAE,IAAI;EACrBC,aAAa,EAAE,IAAI;EACnBC,kBAAkB,EAAE;IAClBC,SAAS,EAAE,CAAC;IACZC,EAAE,EAAE;MACFC,QAAQ,EAAE;IACZ;EACF,CAAC;EACDC,qBAAqB,EACnB,MAAgE;EAClEC,qBAAqB,EAAE;IACrBC,QAAQ,EAAE;EACZ,CAAC;EACDC,aAAa,EAAE;AACjB,CAAC;AAEM,MAAMC,uBAAuB,GAAApB,OAAA,CAAAoB,uBAAA,GAAG;EACrC,cAAc,EAAE;IACdC,MAAM,EAAE,EAAE;IACVC,qBAAqB,EAAE;MACrBR,EAAE,EAAE;QACFS,QAAQ,EAAE,CAAC;QACXC,KAAK,EAAE;MACT,CAAC;MACDC,SAAS,EAAE;IACb,CAAC;IACDC,qBAAqB,EAAE;MACrBZ,EAAE,EAAE;QACFS,QAAQ,EAAE,CAAC;QACXC,KAAK,EAAE;MACT,CAAC;MACDG,QAAQ,EAGN,IAAAhC,WAAA,CAAAiC,GAAA,EAACnC,IAAA,CAAAoC,GAAG;QAACf,EAAE,EAAE;UAAEgB,YAAY,EAAE;QAAU,CAAE;QAAAH,QAAA,EACnC,IAAAhC,WAAA,CAAAiC,GAAA,EAAClC,MAAA,CAAAqC,iBAAiB;UAACjB,EAAE,EAAE;YAAEgB,YAAY,EAAE,CAAC;YAAEE,OAAO,EAAE;UAAE;QAAE,CAAE;MAAC,CACvD;IAET;EACF,CAAC;EACD,gBAAgB,EAAE;IAChBN,qBAAqB,EAAE;MACrBO,OAAO,EAAE;IACX,CAAC;IACDX,qBAAqB,EAAE;MACrBW,OAAO,EAAE;IACX;EACF,CAAC;EACD,gBAAgB,EAAE;IAChBZ,MAAM,EAAE,EAAE;IACVC,qBAAqB,EAAE;MACrBR,EAAE,EAAE;QACFC,QAAQ,EAAE;MACZ;IACF;EACF;AACF,CAAC;AAEM,MAAMmB,wBAAwB,GAAAlC,OAAA,CAAAkC,wBAAA,GAAG,IAAAC,eAAM,EAAC,KAAK,EAAE;EACpDC,iBAAiB,EAAGC,IAAI,IACtBA,IAAI,KAAK,qBAAqB,IAC9BA,IAAI,KAAK,mBAAmB,IAC5BA,IAAI,KAAK;AACb,CAAC,CAAC,CAIC,CAAC;EAAEC,mBAAmB;EAAEC,iBAAiB;EAAEC;AAAgB,CAAC,MAAM;EACnEC,cAAc,EAAEH,mBAAmB,CAACI,QAAQ;EAC5CC,QAAQ,EAAE,UAAU;EACpBC,sBAAsB,EAAEL,iBAAiB,GACrCD,mBAAmB,CAACO,aAAa,GACjC,aAAa;EACjBC,sBAAsB,EAAE,OAAO;EAC/BC,sBAAsB,EAAET,mBAAmB,CAACU,eAAe;EAC3D,UAAU,EAAE;IACVC,UAAU,EACR,8FAA8F;IAChGC,OAAO,EAAE,IAAI;IACblB,OAAO,EAAEO,iBAAiB,GAAG,OAAO,GAAG,GAAG;IAC1CY,aAAa,EAAE,MAAM;IACrBR,QAAQ,EAAE,UAAU;IACpBS,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,MAAM,EAAE,CAAC;IACT9B,KAAK,EAAEc,mBAAmB,CAACiB,QAAQ;IACnCC,MAAM,EAAE,GAAG;IACXC,UAAU,EAAE,WAAWnB,mBAAmB,CAACoB,sBAAsB,IAAIpB,mBAAmB,CAACqB,oBAAoB;EAC/G,CAAC;EACDC,oBAAoB,EAAEpB,eAAe,GACjCF,mBAAmB,CAACO,aAAa,GACjC,aAAa;EACjBgB,oBAAoB,EAAE,OAAO;EAC7BC,oBAAoB,EAAExB,mBAAmB,CAACU,eAAe;EACzD,SAAS,EAAE;IACTC,UAAU,EACR,6FAA6F;IAC/FC,OAAO,EAAE,IAAI;IACblB,OAAO,EAAEQ,eAAe,GAAG,OAAO,GAAG,GAAG;IACxCW,aAAa,EAAE,MAAM;IACrBR,QAAQ,EAAE,UAAU;IACpBS,GAAG,EAAE,CAAC;IACNW,KAAK,EAAE,CAAC;IACRT,MAAM,EAAE,CAAC;IACT9B,KAAK,EAAEc,mBAAmB,CAACiB,QAAQ;IACnCE,UAAU,EAAE,WAAWnB,mBAAmB,CAACoB,sBAAsB,IAAIpB,mBAAmB,CAACqB,oBAAoB;EAC/G;AACF,CAAC,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"tableConstants.cjs","names":["_styled","_interopRequireDefault","require","_Box","_index","_jsxRuntime","e","__esModule","default","dataTableImmutableSettings","exports","enableColumnActions","enableDensityToggle","enableExpandAll","enableFilters","enableFullScreenToggle","enableGlobalFilter","enableHiding","enablePagination","layoutMode","manualFiltering","manualSorting","muiTablePaperProps","elevation","sx","overflow","positionActionsColumn","rowVirtualizerOptions","overscan","selectAllMode","displayColumnDefOptions","header","muiTableBodyCellProps","minWidth","width","className","muiTableHeadCellProps","children","jsx","Box","marginInline","DragIndicatorIcon","opacity","padding","ScrollableTableContainer","styled","shouldForwardProp","prop","odysseyDesignTokens","isScrollableStart","isScrollableEnd","marginBlockEnd","Spacing4","position","borderInlineStartColor","HueNeutral200","borderInlineStartStyle","borderInlineStartWidth","BorderWidthMain","background","content","pointerEvents","top","left","bottom","Spacing6","zIndex","transition","TransitionDurationMain","TransitionTimingMain","borderInlineEndColor","borderInlineEndStyle","borderInlineEndWidth","right"],"sources":["../../../../src/labs/DataView/tableConstants.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled from \"@emotion/styled\";\nimport { MRT_RowData, MRT_TableOptions } from \"material-react-table\";\n\nimport { Box } from \"../../Box.js\";\nimport { DragIndicatorIcon } from \"../../icons.generated/index.js\";\nimport { DesignTokens } from \"../../OdysseyDesignTokensContext.js\";\n\nexport const dataTableImmutableSettings = {\n  enableColumnActions: false,\n  enableDensityToggle: false,\n  enableExpandAll: false,\n  enableFilters: false,\n  enableFullScreenToggle: false,\n  enableGlobalFilter: false,\n  enableHiding: false,\n  enablePagination: false,\n  layoutMode: \"grid-no-grow\" as MRT_TableOptions<MRT_RowData>[\"layoutMode\"],\n  manualFiltering: true,\n  manualSorting: true,\n  muiTablePaperProps: {\n    elevation: 0,\n    sx: {\n      overflow: \"visible\",\n    },\n  },\n  positionActionsColumn:\n    \"last\" as MRT_TableOptions<MRT_RowData>[\"positionActionsColumn\"],\n  rowVirtualizerOptions: {\n    overscan: 4,\n  },\n  selectAllMode: \"all\" as MRT_TableOptions<MRT_RowData>[\"selectAllMode\"],\n};\n\nexport const displayColumnDefOptions = {\n  \"mrt-row-drag\": {\n    header: \"\",\n    muiTableBodyCellProps: {\n      sx: {\n        minWidth: 0,\n        width: \"auto\",\n      },\n      className: \"ods-drag-handle\",\n    },\n    muiTableHeadCellProps: {\n      sx: {\n        minWidth: 0,\n        width: \"auto\",\n      },\n      children: (\n        // Add a spacer to simulate the width of the drag handle in the column.\n        // Without this, the head cells are offset from their body cell counterparts\n        <Box sx={{ marginInline: \"-0.1rem\" }}>\n          <DragIndicatorIcon sx={{ marginInline: 1, opacity: 0 }} />\n        </Box>\n      ),\n    },\n  },\n  \"mrt-row-select\": {\n    muiTableHeadCellProps: {\n      padding: \"checkbox\" as const,\n    },\n    muiTableBodyCellProps: {\n      padding: \"checkbox\" as const,\n    },\n  },\n  \"mrt-row-expand\": {\n    header: \"\",\n    muiTableBodyCellProps: {\n      sx: {\n        overflow: \"visible\",\n      },\n    },\n  },\n};\n\nexport const ScrollableTableContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" &&\n    prop !== \"isScrollableStart\" &&\n    prop !== \"isScrollableEnd\",\n})<{\n  isScrollableEnd: boolean;\n  isScrollableStart: boolean;\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens, isScrollableStart, isScrollableEnd }) => ({\n  marginBlockEnd: odysseyDesignTokens.Spacing4,\n  position: \"relative\",\n  borderInlineStartColor: isScrollableStart\n    ? odysseyDesignTokens.HueNeutral200\n    : \"transparent\",\n  borderInlineStartStyle: \"solid\",\n  borderInlineStartWidth: odysseyDesignTokens.BorderWidthMain,\n  \"::before\": {\n    background:\n      \"linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.33) 50%, rgba(0, 0, 0, 1) 100%)\",\n    content: '\"\"',\n    opacity: isScrollableStart ? \"0.075\" : \"0\",\n    pointerEvents: \"none\",\n    position: \"absolute\",\n    top: 0,\n    left: 0,\n    bottom: 0,\n    width: odysseyDesignTokens.Spacing6,\n    zIndex: 100,\n    transition: `opacity ${odysseyDesignTokens.TransitionDurationMain} ${odysseyDesignTokens.TransitionTimingMain}`,\n  },\n  borderInlineEndColor: isScrollableEnd\n    ? odysseyDesignTokens.HueNeutral200\n    : \"transparent\",\n  borderInlineEndStyle: \"solid\",\n  borderInlineEndWidth: odysseyDesignTokens.BorderWidthMain,\n  \"::after\": {\n    background:\n      \"linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.33) 50%, rgba(0, 0, 0, 1) 100%)\",\n    content: '\"\"',\n    opacity: isScrollableEnd ? \"0.075\" : \"0\",\n    pointerEvents: \"none\",\n    position: \"absolute\",\n    top: 0,\n    right: 0,\n    bottom: 0,\n    width: odysseyDesignTokens.Spacing6,\n    transition: `opacity ${odysseyDesignTokens.TransitionDurationMain} ${odysseyDesignTokens.TransitionTimingMain}`,\n  },\n}));\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/labs/DataView/testSupportData.cjs.map

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

package/dist/cjs/labs/DataView/useFilterConversion.cjs.map

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

package/dist/cjs/labs/DatePickers/DateTimeField.cjs

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DateTimeField = void 0;
 var _InputAdornment2 = _interopRequireDefault(require("@mui/material/InputAdornment"));
-var _react = require("react");
 var _xDatePickers = require("@mui/x-date-pickers");
+var _react = require("react");
 var _reactI18next = require("react-i18next");
 var _Field = require("../../Field.cjs");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -142,8 +142,8 @@ const DateTimeField = ({
       })
     },
     inputRef: localInputRef,
-    minDate: minDate,
     maxDate: maxDate,
+    minDate: minDate,
     name: id,
     onBlur: checkFieldValidityAndSetError,
     onChange: validateAndCallOnChange,