npm - @okta/odyssey-react-mui - Versions diffs - 1.43.0 → 1.44.0 - Mend

@okta/odyssey-react-mui 1.43.0 → 1.44.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1311) hide show

package/dist/esm/labs/DataView/TableLayoutContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableLayoutContent.js","names":["memo","useCallback","useMemo","useRef","useState","useEffect","styled","MRT_TableContainer","useMaterialReactTable","useTranslation","ArrowDownIcon","ArrowUnsortedIcon","ChevronDownIcon","DragIndicatorIcon","MoreIcon","Box","Button","MenuButton","dataTableImmutableSettings","displayColumnDefOptions","ScrollableTableContainer","RowActions","useOdysseyDesignTokens","useScrollIndication","jsx","_jsx","jsxs","_jsxs","TextWrapper","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","isTableContainerScrolledToEnd","setIsTableContainerScrolledToEnd","tableInnerContainerWidth","setTableInnerContainerWidth","shouldUpdateScroll","tableOuterContainerRef","tableInnerContainerRef","tableContentRef","tableInnerContainer","current","tableOuterContainer","odysseyDesignTokens","t","columnIds","map","column","accessorKey","columnOrder","filter","id","rowDensityClassName","rowDensity","defaultCell","cell","value","getValue","hasTextWrapping","columnDef","enableWrapping","children","draggableTableBodyRowClassName","dragHandleStyles","dragHandleText","handleDragHandleKeyDown","handleDragHandleOnDragCapture","handleDragHandleOnDragEnd","resetDraggingAndHoveredRow","updateRowOrder","renderRowActions","row","currentIndex","index","pageIndex","pageSize","rowActionButtons","original","rowActionMenuItems","ariaLabel","buttonVariant","endIcon","menuAlignment","size","rowIndex","undefined","innerWidthStyle","width","emptyStateContainer","sx","scrollTo","clientHeight","shouldDisplayRowActions","hasColumnWithGrow","some","grow","dataTable","state","sorting","columnSorting","columnVisibility","icons","ArrowDownwardIcon","DragHandleIcon","SyncAltIcon","ExpandMoreIcon","header","muiTableBodyCellProps","align","className","muiTableHeadCellProps","visibility","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","isScrollableEnd","isScrollableStart","MemoizedTableLayoutContent","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":"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","ignoreList":[]}
1	+ {"version":3,"file":"TableLayoutContent.js","names":["styled","MRT_TableContainer","useMaterialReactTable","memo","useCallback","useEffect","useMemo","useRef","useState","useTranslation","Box","Button","MenuButton","useScrollIndication","ArrowDownIcon","ArrowUnsortedIcon","ChevronDownIcon","DragIndicatorIcon","MoreIcon","useOdysseyDesignTokens","RowActions","dataTableImmutableSettings","displayColumnDefOptions","ScrollableTableContainer","jsx","_jsx","jsxs","_jsxs","TextWrapper","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","isTableContainerScrolledToEnd","setIsTableContainerScrolledToEnd","tableInnerContainerWidth","setTableInnerContainerWidth","shouldUpdateScroll","tableOuterContainerRef","tableInnerContainerRef","tableContentRef","tableInnerContainer","current","tableOuterContainer","odysseyDesignTokens","t","columnIds","map","column","accessorKey","columnOrder","filter","id","rowDensityClassName","rowDensity","defaultCell","cell","value","getValue","hasTextWrapping","columnDef","enableWrapping","children","draggableTableBodyRowClassName","dragHandleStyles","dragHandleText","handleDragHandleKeyDown","handleDragHandleOnDragCapture","handleDragHandleOnDragEnd","resetDraggingAndHoveredRow","updateRowOrder","renderRowActions","row","currentIndex","index","pageIndex","pageSize","rowActionButtons","original","rowActionMenuItems","ariaLabel","buttonVariant","endIcon","menuAlignment","size","rowIndex","undefined","innerWidthStyle","width","emptyStateContainer","sx","scrollTo","clientHeight","shouldDisplayRowActions","hasColumnWithGrow","some","grow","dataTable","state","sorting","columnSorting","columnVisibility","icons","ArrowDownwardIcon","DragHandleIcon","SyncAltIcon","ExpandMoreIcon","header","muiTableBodyCellProps","align","className","muiTableHeadCellProps","visibility","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","isScrollableEnd","isScrollableStart","MemoizedTableLayoutContent","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/esm/labs/DataView/TableSettings.js CHANGED Viewed

@@ -10,12 +10,11 @@ import _Checkbox from "@mui/material/Checkbox";
  *
  * See the License for the specific language governing permissions and limitations under the License.
  */
 import { memo, useCallback, useMemo } from "react";
 import { useTranslation } from "react-i18next";
-import { densityValues } from "./constants.js";
-import { ListIcon, ShowIcon } from "../../icons.generated/index.js";
 import { MenuButton, MenuItem } from "../../Buttons/index.js";
+import { ListIcon, ShowIcon } from "../../icons.generated/index.js";
+import { densityValues } from "./constants.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const TableSettings = ({
   setTableState,
@@ -58,7 +57,7 @@ const TableSettings = ({
     children: densityValues.map(value => _jsx(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 = useMemo(() => hasColumnVisibility && _jsx(MenuButton, {

package/dist/esm/labs/DataView/TableSettings.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableSettings.js","names":["memo","useCallback","useMemo","useTranslation","~~densityValues~~","~~ListIcon~~","~~ShowIcon~~","~~MenuButton~~","~~MenuItem~~","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","TableSettings","setTableState","tableLayoutOptions","tableState","t","hasChangeableDensity","hasColumnVisibility","columns","rowDensity","columnVisibility","changeRowDensity","value","prevState","changeColumnVisibility","columnId","visibleColumns","Set","filter","column","accessorKey","map","memoizedDensityMenu","ariaLabel","endIcon","menuAlignment","shouldCloseOnSelect","children","isSelected","onClick","~~charAt","toUpperCase","slice","~~memoizedColumnVisibilityMenu","Boolean","enableHiding","id","_Checkbox","checked","has","header","MemoizedTableSettings","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":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA~~;;AAEA~~,~~SAAmCA~~,IAAI,~~EAAEC~~,WAAW,EAAEC,OAAO,QAAQ,OAAO;~~AAG5E~~,SAASC,cAAc,QAAQ,eAAe;AAE9C,SAASC,~~aAAa~~,QAAQ,~~gBAAgB~~;~~AAC9C~~,SAASC,QAAQ,EAAEC,QAAQ,QAAQ,gCAAgC;~~AACnE~~,SAASC,~~UAAU~~,~~EAAEC,~~QAAQ,~~QAAQ,wBAAwB~~;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;~~AAe9D~~,MAAMC,aAAqC,GAAGA,CAA4B;EACxEC,aAAa;EACbC,kBAAkB;EAClBC;AACyB,CAAC,KAAK;EAC/B,MAAM;IAAEC;EAAE,CAAC,GAAGhB,cAAc,CAAC,CAAC;EAE9B,MAAM;IAAEiB,oBAAoB;IAAEC,mBAAmB;IAAEC;EAAQ,CAAC,GAC1DL,kBAAkB;EACpB,MAAM;IAAEM,UAAU;IAAEC;EAAiB,CAAC,GAAGN,UAAU;EAEnD,MAAMO,gBAAgB,GAAGxB,WAAW,CACjCyB,KAAK,IAAK;IACTV,aAAa,CAAEW,SAAS,KAAM;MAC5B,GAAGA,SAAS;MACZJ,UAAU,EAAEG;IACd,CAAC,CAAC,CAAC;EACL,CAAC,EACD,CAACV,aAAa,CAChB,CAAC;EAED,MAAMY,sBAAsB,GAAG3B,WAAW,CACvC4B,QAAQ,IAAK;IACZb,aAAa,CAAEW,SAAS,KAAM;MAC5B,GAAGA,SAAS;MACZH,gBAAgB,EAAE;QAChB,GAAGG,SAAS,CAACH,gBAAgB;QAC7B,CAACK,QAAQ,GAAGF,SAAS,CAACH,gBAAgB,GAClCG,SAAS,CAACH,gBAAgB,CAACK,QAAQ,CAAC,KAAK,KAAK,GAC9C;MACN;IACF,CAAC,CAAC,CAAC;EACL,CAAC,EACD,CAACb,aAAa,CAChB,CAAC;EAED,MAAMc,cAAc,GAAG5B,OAAO,CAC5B,MACE,IAAI6B,GAAG,CACLT,OAAO,CACJU,MAAM,CAAEC,MAAM,IACbT,gBAAgB,GACZA,gBAAgB,CAACS,MAAM,CAACC,WAAW,CAAE,KAAK,KAAK,GAC/C,IACN,CAAC,CACAC,GAAG,CAAEF,MAAM,IAAKA,MAAM,CAACC,WAAY,CACxC,CAAC,EACH,CAACZ,OAAO,EAAEE,gBAAgB,CAC5B,CAAC;EAED,MAAMY,mBAAmB,GAAGlC,OAAO,CACjC,MACEkB,oBAAoB,IAClBV,IAAA,~~CAACH~~,UAAU;~~IACT8B~~,SAAS,EAAElB,CAAC,CAAC,yBAAyB,CAAE;IACxCmB,OAAO,EAAE5B,IAAA,~~CAACL~~,QAAQ,IAAE,CAAE;~~IACtBkC~~,aAAa,EAAC,OAAO;IACrBC,mBAAmB,EAAE,KAAM;IAAAC,QAAA,~~EAE1BrC~~,aAAa,~~CAAC+B~~,GAAG,CAAET,KAAK,IACvBhB,IAAA,~~CAACF~~,QAAQ;~~MAEPkC~~,UAAU,EAAEnB,UAAU,KAAKG,KAAM;~~MACjCiB~~,OAAO,EAAEA,CAAA,KAAMlB,gBAAgB,CAACC,KAAK,CAAE;MAAAe,QAAA,~~EAEtC~~,~~GAAGf,KAAK,CAACkB,MAAM,~~CAAC,CAAC,~~CAAC~~,~~CAACC,WAAW,CAAC,CAAC,GAAGnB,~~KAAK,~~CAACoB,KAAK,CAAC,CAAC,CAAC~~;~~IAAE~~,~~GAJ/CpB~~,~~KAKG~~,CACX;EAAC,CACQ,CACb,EACH,CAACN,oBAAoB,EAAED,CAAC,EAAEI,UAAU,EAAEE,gBAAgB,CACxD,CAAC;EAED,~~MAAMsB~~,4BAA4B,~~GAAG7C~~,OAAO,CAC1C,MACEmB,mBAAmB,IACjBX,IAAA,~~CAACH~~,UAAU;~~IACT8B~~,SAAS,EAAElB,CAAC,CAAC,kCAAkC,CAAE;IACjDmB,OAAO,EAAE5B,IAAA,~~CAACJ~~,QAAQ,IAAE,CAAE;~~IACtBiC~~,aAAa,EAAC,OAAO;IACrBC,mBAAmB,EAAE,KAAM;IAAAC,QAAA,EAE1BnB,OAAO,CACLU,MAAM,CAAEC,MAAM,~~IAAKe~~,OAAO,~~CAACf~~,MAAM,~~CAACgB~~,YAAY,KAAK,KAAK,CAAC,CAAC,~~CAC1Dd~~,GAAG,CAAEF,MAAM,IACVrB,KAAA,~~CAACJ~~,QAAQ;~~MAEPmC~~,OAAO,EAAEA,CAAA,KAAMf,sBAAsB,CAACK,MAAM,~~CAACiB~~,EAAG,CAAE;~~MAAAT~~,QAAA,GAElD/B,IAAA,~~CAAAyC~~,SAAA;QAAaC,OAAO,~~EAAEtB~~,cAAc,~~CAACuB~~,GAAG,~~CAACpB~~,MAAM,~~CAACiB~~,EAAG;MAAE,CAAE,CAAC,~~EACvDjB~~,MAAM,~~CAACqB~~,MAAM;IAAA,~~GAJTrB~~,MAAM,CAACC,WAKJ,CACX;EAAC,CACM,CACb,EACH,CAACb,mBAAmB,EAAEF,CAAC,EAAEG,OAAO,EAAEM,sBAAsB,EAAEE,cAAc,CAC1E,CAAC;EAED,OACElB,KAAA,CAAAE,SAAA;IAAA2B,QAAA,GACGL,mBAAmB,~~EACnBW~~,4BAA4B;EAAA,CAC7B,CAAC;AAEP,CAAC;AAED,MAAMQ,qBAAqB,~~GAAGvD~~,IAAI,CAACe,aAAa,CAA2B;~~AAC3EwC~~,qBAAqB,CAACC,WAAW,GAAG,eAAe;AAEnD,SAASD,qBAAqB,~~IAAIxC~~,aAAa","ignoreList":[]}
1	+ {"version":3,"file":"TableSettings.js","names":["memo","useCallback","useMemo","useTranslation","MenuButton","MenuItem","ListIcon","ShowIcon","densityValues","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","TableSettings","setTableState","tableLayoutOptions","tableState","t","hasChangeableDensity","hasColumnVisibility","columns","rowDensity","columnVisibility","changeRowDensity","value","prevState","changeColumnVisibility","columnId","visibleColumns","Set","filter","column","accessorKey","map","memoizedDensityMenu","ariaLabel","endIcon","menuAlignment","shouldCloseOnSelect","children","isSelected","onClick","memoizedColumnVisibilityMenu","Boolean","enableHiding","id","_Checkbox","checked","has","header","MemoizedTableSettings","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/esm/labs/DataView/componentTypes.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"componentTypes.js","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":[]}
1	+ {"version":3,"file":"componentTypes.js","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/esm/labs/DataView/fetchData.js.map CHANGED Viewed

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"tableConstants.js","names":["styled","Box","DragIndicatorIcon","jsx","_jsx","dataTableImmutableSettings","enableColumnActions","enableDensityToggle","enableExpandAll","enableFilters","enableFullScreenToggle","enableGlobalFilter","enableHiding","enablePagination","layoutMode","manualFiltering","manualSorting","muiTablePaperProps","elevation","sx","overflow","positionActionsColumn","rowVirtualizerOptions","overscan","selectAllMode","displayColumnDefOptions","header","muiTableBodyCellProps","minWidth","width","className","muiTableHeadCellProps","children","marginInline","opacity","padding","ScrollableTableContainer","shouldForwardProp","prop","odysseyDesignTokens","isScrollableStart","isScrollableEnd","marginBlockEnd","Spacing4","position","borderInlineStartColor","HueNeutral200","borderInlineStartStyle","borderInlineStartWidth","BorderWidthMain","background","content","pointerEvents","top","left","bottom","Spacing6","zIndex","transition","TransitionDurationMain","TransitionTimingMain","borderInlineEndColor","borderInlineEndStyle","borderInlineEndWidth","right"],"sources":["../../../../src/labs/DataView/tableConstants.tsx"],"sourcesContent":["/!\n Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n \n You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n \n See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled from \"@emotion/styled\";\nimport { MRT_RowData, MRT_TableOptions } from \"material-react-table\";\n\nimport { Box } from \"../../Box.js\";\nimport { ~~DesignTokens~~ } from \"../../~~OdysseyDesignTokensContext~~.js\";\nimport { ~~DragIndicatorIcon~~ } from \"../../~~icons~~.~~generated/index.~~js\";\n\nexport const dataTableImmutableSettings = {\n enableColumnActions: false,\n enableDensityToggle: false,\n enableExpandAll: false,\n enableFilters: false,\n enableFullScreenToggle: false,\n enableGlobalFilter: false,\n enableHiding: false,\n enablePagination: false,\n layoutMode: \"grid-no-grow\" as MRT_TableOptions<MRT_RowData>[\"layoutMode\"],\n manualFiltering: true,\n manualSorting: true,\n muiTablePaperProps: {\n elevation: 0,\n sx: {\n overflow: \"visible\",\n },\n },\n positionActionsColumn:\n \"last\" as MRT_TableOptions<MRT_RowData>[\"positionActionsColumn\"],\n rowVirtualizerOptions: {\n overscan: 4,\n },\n selectAllMode: \"all\" as MRT_TableOptions<MRT_RowData>[\"selectAllMode\"],\n};\n\nexport const displayColumnDefOptions = {\n \"mrt-row-drag\": {\n header: \"\",\n muiTableBodyCellProps: {\n sx: {\n minWidth: 0,\n width: \"auto\",\n },\n className: \"ods-drag-handle\",\n },\n muiTableHeadCellProps: {\n sx: {\n minWidth: 0,\n width: \"auto\",\n },\n children: (\n // Add a spacer to simulate the width of the drag handle in the column.\n // Without this, the head cells are offset from their body cell counterparts\n <Box sx={{ marginInline: \"-0.1rem\" }}>\n <DragIndicatorIcon sx={{ marginInline: 1, opacity: 0 }} />\n </Box>\n ),\n },\n },\n \"mrt-row-select\": {\n muiTableHeadCellProps: {\n padding: \"checkbox\" as const,\n },\n muiTableBodyCellProps: {\n padding: \"checkbox\" as const,\n },\n },\n \"mrt-row-expand\": {\n header: \"\",\n muiTableBodyCellProps: {\n sx: {\n overflow: \"visible\",\n },\n },\n },\n};\n\nexport const ScrollableTableContainer = styled(\"div\", {\n shouldForwardProp: (prop) =>\n prop !== \"odysseyDesignTokens\" &&\n prop !== \"isScrollableStart\" &&\n prop !== \"isScrollableEnd\",\n})<{\n ~~odysseyDesignTokens~~: ~~DesignTokens~~;\n isScrollableStart: boolean;\n ~~isScrollableEnd~~: ~~boolean~~;\n}>(({ odysseyDesignTokens, isScrollableStart, isScrollableEnd }) => ({\n marginBlockEnd: odysseyDesignTokens.Spacing4,\n position: \"relative\",\n borderInlineStartColor: isScrollableStart\n ? odysseyDesignTokens.HueNeutral200\n : \"transparent\",\n borderInlineStartStyle: \"solid\",\n borderInlineStartWidth: odysseyDesignTokens.BorderWidthMain,\n \"::before\": {\n background:\n \"linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.33) 50%, rgba(0, 0, 0, 1) 100%)\",\n content: '\"\"',\n opacity: isScrollableStart ? \"0.075\" : \"0\",\n pointerEvents: \"none\",\n position: \"absolute\",\n top: 0,\n left: 0,\n bottom: 0,\n width: odysseyDesignTokens.Spacing6,\n zIndex: 100,\n transition: `opacity ${odysseyDesignTokens.TransitionDurationMain} ${odysseyDesignTokens.TransitionTimingMain}`,\n },\n borderInlineEndColor: isScrollableEnd\n ? odysseyDesignTokens.HueNeutral200\n : \"transparent\",\n borderInlineEndStyle: \"solid\",\n borderInlineEndWidth: odysseyDesignTokens.BorderWidthMain,\n \"::after\": {\n background:\n \"linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.33) 50%, rgba(0, 0, 0, 1) 100%)\",\n content: '\"\"',\n opacity: isScrollableEnd ? \"0.075\" : \"0\",\n pointerEvents: \"none\",\n position: \"absolute\",\n top: 0,\n right: 0,\n bottom: 0,\n width: odysseyDesignTokens.Spacing6,\n transition: `opacity ${odysseyDesignTokens.TransitionDurationMain} ${odysseyDesignTokens.TransitionTimingMain}`,\n },\n}));\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,MAAM,MAAM,iBAAiB;AAGpC,SAASC,GAAG,QAAQ,cAAc;~~AAElC~~,SAASC,iBAAiB,QAAQ,gCAAgC;AAAC,SAAAC,GAAA,IAAAC,IAAA;~~AAEnE~~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","ignoreList":[]}
1	+ {"version":3,"file":"tableConstants.js","names":["styled","Box","DragIndicatorIcon","jsx","_jsx","dataTableImmutableSettings","enableColumnActions","enableDensityToggle","enableExpandAll","enableFilters","enableFullScreenToggle","enableGlobalFilter","enableHiding","enablePagination","layoutMode","manualFiltering","manualSorting","muiTablePaperProps","elevation","sx","overflow","positionActionsColumn","rowVirtualizerOptions","overscan","selectAllMode","displayColumnDefOptions","header","muiTableBodyCellProps","minWidth","width","className","muiTableHeadCellProps","children","marginInline","opacity","padding","ScrollableTableContainer","shouldForwardProp","prop","odysseyDesignTokens","isScrollableStart","isScrollableEnd","marginBlockEnd","Spacing4","position","borderInlineStartColor","HueNeutral200","borderInlineStartStyle","borderInlineStartWidth","BorderWidthMain","background","content","pointerEvents","top","left","bottom","Spacing6","zIndex","transition","TransitionDurationMain","TransitionTimingMain","borderInlineEndColor","borderInlineEndStyle","borderInlineEndWidth","right"],"sources":["../../../../src/labs/DataView/tableConstants.tsx"],"sourcesContent":["/!\n Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n \n You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n \n See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled from \"@emotion/styled\";\nimport { MRT_RowData, MRT_TableOptions } from \"material-react-table\";\n\nimport { Box } from \"../../Box.js\";\nimport { 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":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,MAAM,MAAM,iBAAiB;AAGpC,SAASC,GAAG,QAAQ,cAAc;AAClC,SAASC,iBAAiB,QAAQ,gCAAgC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGnE,OAAO,MAAMC,0BAA0B,GAAG;EACxCC,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;AAED,OAAO,MAAMC,uBAAuB,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,EAGN5B,IAAA,CAACH,GAAG;QAACkB,EAAE,EAAE;UAAEc,YAAY,EAAE;QAAU,CAAE;QAAAD,QAAA,EACnC5B,IAAA,CAACF,iBAAiB;UAACiB,EAAE,EAAE;YAAEc,YAAY,EAAE,CAAC;YAAEC,OAAO,EAAE;UAAE;QAAE,CAAE;MAAC,CACvD;IAET;EACF,CAAC;EACD,gBAAgB,EAAE;IAChBH,qBAAqB,EAAE;MACrBI,OAAO,EAAE;IACX,CAAC;IACDR,qBAAqB,EAAE;MACrBQ,OAAO,EAAE;IACX;EACF,CAAC;EACD,gBAAgB,EAAE;IAChBT,MAAM,EAAE,EAAE;IACVC,qBAAqB,EAAE;MACrBR,EAAE,EAAE;QACFC,QAAQ,EAAE;MACZ;IACF;EACF;AACF,CAAC;AAED,OAAO,MAAMgB,wBAAwB,GAAGpC,MAAM,CAAC,KAAK,EAAE;EACpDqC,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;IACbjB,OAAO,EAAEM,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;IACT1B,KAAK,EAAEU,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;IACbjB,OAAO,EAAEO,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;IACT1B,KAAK,EAAEU,mBAAmB,CAACiB,QAAQ;IACnCE,UAAU,EAAE,WAAWnB,mBAAmB,CAACoB,sBAAsB,IAAIpB,mBAAmB,CAACqB,oBAAoB;EAC/G;AACF,CAAC,CAAC,CAAC","ignoreList":[]}

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

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

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

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

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

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

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

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