@okta/odyssey-react-mui 1.6.20 → 1.7.0

package/dist/src/labs/DataTable.d.ts

@@ -0,0 +1,193 @@
+/*!
+ * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+import { MRT_RowData, MRT_TableOptions, MRT_SortingState, MRT_RowSelectionState, MRT_ColumnDef } from "material-react-table";
+import { Fragment, ReactElement } from "react";
+import { paginationTypeValues } from "./DataTablePagination";
+import { DataFilter } from "./DataFilters";
+import { Button } from "../Button";
+import { MenuItem } from "..";
+export declare const densityValues: readonly ["comfortable", "spacious", "compact"];
+export type { MRT_ColumnFiltersState, MRT_SortingState, MRT_ColumnDef as TableColumn, } from "material-react-table";
+export type DataColumn = {
+    /**
+     * The unique ID of the column
+     */
+    accessorKey: string;
+    /**
+     * The human-friendly title of the column
+     */
+    header: string;
+    /**
+     * Customize the way each cell in the column is
+     * displayed via a custom React component.
+     */
+    Cell?: MRT_ColumnDef<MRT_RowData>["Cell"];
+    /**
+     * The UI control that will be used to filter the column.
+     * Defaults to a standard text input.
+     */
+    filterVariant?: MRT_ColumnDef<MRT_RowData>["filterVariant"];
+    /**
+     * If the filter control has preset options (such as a select or multi-select),
+     * these are the options provided.
+     */
+    filterSelectOptions?: Array<{
+        label: string;
+        value: string;
+    }>;
+    /**
+     * The optional column width, in pixels
+     */
+    size?: number;
+    /**
+     * The minimum column width, in pixels
+     */
+    minSize?: number;
+    /**
+     * The maximum column width, in pixels
+     */
+    maxSize?: number;
+    /**
+     * If set to false, the column won't be filterable
+     */
+    enableColumnFilter?: boolean;
+    /**
+     * If set to false, the column won't be searchable
+     */
+    enableGlobalFilter?: boolean;
+    /**
+     * If set to false, the column won't be sortable
+     */
+    enableSorting?: boolean;
+    /**
+     * If set to false, the column won't be resizable
+     */
+    enableResizing?: boolean;
+    /**
+     * If set to false, the column won't be hideable
+     */
+    enableHiding?: boolean;
+};
+export type DataTableProps = {
+    /**
+     * The columns that make up the table
+     */
+    columns: DataColumn[];
+    /**
+     * The data that goes into the table, which will be displayed
+     * as the table rows
+     */
+    data: MRT_TableOptions<MRT_RowData>["data"];
+    /**
+     * The total number of rows in the table. Optional, because it's sometimes impossible
+     * to calculate. Used in table pagination to know when to disable the "next"/"more" button.
+     */
+    totalRows?: number;
+    /**
+     * The function to get the ID of a row
+     */
+    getRowId?: MRT_TableOptions<MRT_RowData>["getRowId"];
+    /**
+     * The initial density of the table. This is available even if the table density
+     * isn't changeable.
+     */
+    initialDensity?: (typeof densityValues)[number];
+    /**
+     * If true, the end user will be able to change the table density.
+     */
+    hasChangeableDensity?: boolean;
+    /**
+     * If true, the end user can resize individual columns.
+     */
+    hasColumnResizing?: boolean;
+    /**
+     * If true, the end user will be able to show/hide columns.
+     */
+    hasColumnVisibility?: boolean;
+    /**
+     * If true, the end user will be able to filter columns.
+     */
+    hasFilters?: boolean;
+    /**
+     * If true, the table will include pagination controls.
+     */
+    hasPagination?: boolean;
+    /**
+     * If true, the table will include checkboxes on each row, enabling
+     * the user to select some or all rows.
+     */
+    hasRowSelection?: boolean;
+    /**
+     * If true, the global table search controls will be shown.
+     */
+    hasSearch?: boolean;
+    /**
+     * If true, the end user can sort columns (ascending, descending, or neither)
+     */
+    hasSorting?: boolean;
+    /**
+     * If true, the end user can reorder rows via a drag-and-drop interface
+     */
+    hasRowReordering?: boolean;
+    /**
+     * If true, the search field will include a Search button, rather than
+     * firing on input change.
+     */
+    hasSearchSubmitButton?: boolean;
+    /**
+     * Callback that fires when a row (or rows) is selected or unselected.
+     */
+    onRowSelectionChange?: (rowSelection: MRT_RowSelectionState) => void;
+    /**
+     * Callback that fires whenever the table needs to fetch new data, due to changes in
+     * page, results per page, search input, filters, or sorting
+     */
+    fetchDataFn: ({ page, resultsPerPage, search, filters, sort, }: {
+        page?: number;
+        resultsPerPage?: number;
+        search?: string;
+        filters?: DataFilter[];
+        sort?: MRT_SortingState;
+    }) => MRT_TableOptions<MRT_RowData>["data"];
+    /**
+     * Callback that fires when the user reorders rows within the table. Can be used
+     * to propogate order change to the backend.
+     */
+    reorderDataFn?: ({ rowId, newIndex, }: {
+        rowId: string;
+        newIndex: number;
+    }) => void;
+    /**
+     * The current page number.
+     */
+    page?: number;
+    /**
+     * The number of results per page.
+     */
+    resultsPerPage?: number;
+    /**
+     * The type of pagination controls shown. Defaults to next/prev buttons, but can be
+     * set to a simple "Load more" button by setting to "loadMore".
+     */
+    paginationType?: (typeof paginationTypeValues)[number];
+    /**
+     * Action buttons to display in each row
+     */
+    rowActionButtons?: (row: MRT_RowData) => ReactElement<typeof Button | typeof Fragment>;
+    /**
+     * Menu items to include in the optional actions menu on each row.
+     */
+    rowActionMenuItems?: (row: MRT_RowData) => ReactElement<typeof MenuItem | typeof Fragment>;
+};
+declare const MemoizedDataTable: import("react").MemoExoticComponent<({ columns, data: dataProp, getRowId, page: pageProp, initialDensity, resultsPerPage: resultsPerPageProp, fetchDataFn, reorderDataFn, totalRows, hasSearchSubmitButton, paginationType, onRowSelectionChange, rowActionButtons, rowActionMenuItems, hasChangeableDensity, hasColumnResizing, hasColumnVisibility, hasFilters, hasPagination, hasRowReordering, hasRowSelection, hasSearch, hasSorting, }: DataTableProps) => JSX.Element>;
+export { MemoizedDataTable as DataTable };
+//# sourceMappingURL=DataTable.d.ts.map

package/dist/src/labs/DataTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/labs/DataTable.tsx"],"names":[],"mappings":"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"}

package/dist/src/labs/DataTablePagination.d.ts

@@ -0,0 +1,25 @@
+/*!
+ * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+/// <reference types="react" />
+export declare const paginationTypeValues: readonly ["paged", "loadMore"];
+export type DataTablePaginationProps = {
+    currentPage?: number;
+    currentNumberOfResults?: number;
+    isNextButtonDisabled?: boolean;
+    isPreviousButtonDisabled?: boolean;
+    onClickNext: () => void;
+    onClickPrevious?: () => void;
+    paginationType?: (typeof paginationTypeValues)[number];
+};
+declare const MemoizedDataTablePagination: import("react").MemoExoticComponent<({ currentPage, currentNumberOfResults, isNextButtonDisabled, isPreviousButtonDisabled, onClickNext, onClickPrevious, paginationType, }: DataTablePaginationProps) => JSX.Element>;
+export { MemoizedDataTablePagination as DataTablePagination };
+//# sourceMappingURL=DataTablePagination.d.ts.map

package/dist/src/labs/DataTablePagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTablePagination.d.ts","sourceRoot":"","sources":["../../../src/labs/DataTablePagination.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;;AAQH,eAAO,MAAM,oBAAoB,gCAAiC,CAAC;AAEnE,MAAM,MAAM,wBAAwB,GAAG;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,cAAc,CAAC,EAAE,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;CACxD,CAAC;AAwDF,QAAA,MAAM,2BAA2B,+KA9C9B,wBAAwB,iBA8CkC,CAAC;AAG9D,OAAO,EAAE,2BAA2B,IAAI,mBAAmB,EAAE,CAAC"}

package/dist/src/labs/PaginatedTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaginatedTable.d.ts","sourceRoot":"","sources":["../../../src/labs/PaginatedTable.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAIH,OAA2B,EAIzB,KAAK,iBAAiB,EAEvB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,iBAAiB,EAOlB,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EACV,6BAA6B,EAC7B,uBAAuB,EACxB,MAAM,2BAA2B,CAAC;AAEnC,MAAM,MAAM,mBAAmB,CAAC,KAAK,SAAS,6BAA6B,IAAI;IAC7E,OAAO,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC;IACnD,IAAI,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;IAC7C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,CAAC,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC,CAAC;IAC9D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oBAAoB,CAAC,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC,sBAAsB,CAAC,CAAC;IAC9E,kBAAkB,CAAC,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC,oBAAoB,CAAC,CAAC;IAC1E,oBAAoB,CAAC,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC,sBAAsB,CAAC,CAAC;IAC9E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC;IAChD,cAAc,CAAC,EAAE,iBAAiB,CAChC;QAAE,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAAC,CAAA;KAAE,GAAG,OAAO,CAC9C,CAAC;CACH,CAAC;AA6NF,QAAA,MAAM,sBAAsB,0TAAgD,CAAC;AAK7E,OAAO,EAAE,sBAAsB,IAAI,cAAc,EAAE,CAAC"}
+{"version":3,"file":"PaginatedTable.d.ts","sourceRoot":"","sources":["../../../src/labs/PaginatedTable.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAIH,OAAO,EAIL,KAAK,iBAAiB,EAIvB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,iBAAiB,EAOlB,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EACV,6BAA6B,EAC7B,uBAAuB,EACxB,MAAM,2BAA2B,CAAC;AAEnC,MAAM,MAAM,mBAAmB,CAAC,KAAK,SAAS,6BAA6B,IAAI;IAC7E,OAAO,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC;IACnD,IAAI,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;IAC7C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,CAAC,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC,CAAC;IAC9D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oBAAoB,CAAC,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC,sBAAsB,CAAC,CAAC;IAC9E,kBAAkB,CAAC,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC,oBAAoB,CAAC,CAAC;IAC1E,oBAAoB,CAAC,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC,sBAAsB,CAAC,CAAC;IAC9E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC;IAChD,cAAc,CAAC,EAAE,iBAAiB,CAChC;QAAE,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAAC,CAAA;KAAE,GAAG,OAAO,CAC9C,CAAC;CACH,CAAC;AA6NF,QAAA,MAAM,sBAAsB,0TAAgD,CAAC;AAK7E,OAAO,EAAE,sBAAsB,IAAI,cAAc,EAAE,CAAC"}

package/dist/src/labs/StaticTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StaticTable.d.ts","sourceRoot":"","sources":["../../../src/labs/StaticTable.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAA2B,EAEzB,KAAK,iBAAiB,EAEvB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,iBAAiB,EAOlB,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EACV,6BAA6B,EAC7B,uBAAuB,EACxB,MAAM,2BAA2B,CAAC;AAEnC,MAAM,MAAM,gBAAgB,CAAC,KAAK,SAAS,6BAA6B,IAAI;IAC1E,OAAO,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC;IACnD,IAAI,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;IAC7C,QAAQ,CAAC,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC,CAAC;IAC9D,oBAAoB,CAAC,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC,sBAAsB,CAAC,CAAC;IAC9E,KAAK,CAAC,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC;IAChD,cAAc,CAAC,EAAE,iBAAiB,CAChC;QAAE,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAAC,CAAA;KAAE,GAAG,OAAO,CAC9C,CAAC;CACH,CAAC;AAqFF,QAAA,MAAM,mBAAmB,0LAA0C,CAAC;AAEpE,OAAO,EAAE,mBAAmB,IAAI,WAAW,EAAE,CAAC"}
+{"version":3,"file":"StaticTable.d.ts","sourceRoot":"","sources":["../../../src/labs/StaticTable.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAGL,KAAK,iBAAiB,EAGvB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,iBAAiB,EAOlB,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EACV,6BAA6B,EAC7B,uBAAuB,EACxB,MAAM,2BAA2B,CAAC;AAEnC,MAAM,MAAM,gBAAgB,CAAC,KAAK,SAAS,6BAA6B,IAAI;IAC1E,OAAO,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC;IACnD,IAAI,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;IAC7C,QAAQ,CAAC,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC,CAAC;IAC9D,oBAAoB,CAAC,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC,sBAAsB,CAAC,CAAC;IAC9E,KAAK,CAAC,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC;IAChD,cAAc,CAAC,EAAE,iBAAiB,CAChC;QAAE,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAAC,CAAA;KAAE,GAAG,OAAO,CAC9C,CAAC;CACH,CAAC;AAgFF,QAAA,MAAM,mBAAmB,0LAA0C,CAAC;AAEpE,OAAO,EAAE,mBAAmB,IAAI,WAAW,EAAE,CAAC"}

package/dist/src/labs/index.d.ts

@@ -12,12 +12,14 @@
 export { AdapterDateFns } from "@mui/x-date-pickers/AdapterDateFns";
 export { LocalizationProvider } from "@mui/x-date-pickers";
 export type { LocalizationProviderProps } from "@mui/x-date-pickers";
-export type { MRT_ColumnDef as TableColumn } from "material-react-table";
 export * from "./DatePicker";
 export * from "./datePickerTheme";
+export * from "./DataTable";
+export * from "./DataTablePagination";
+export * from "./DataFilters";
 export * from "./materialReactTableTypes";
-export * from "./PaginatedTable";
 export * from "./StaticTable";
+export * from "./PaginatedTable";
 export * from "./GroupPicker";
 export * from "./VirtualizedAutocomplete";
 //# sourceMappingURL=index.d.ts.map

package/dist/src/labs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/labs/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAC3D,YAAY,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAErE,YAAY,EAAE,aAAa,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEzE,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAElC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,2BAA2B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/labs/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAC3D,YAAY,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAErE,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAElC,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAE9B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AAEjC,cAAc,eAAe,CAAC;AAC9B,cAAc,2BAA2B,CAAC"}

package/dist/src/labs/materialReactTableTypes.d.ts

@@ -9,7 +9,7 @@
  *
  * See the License for the specific language governing permissions and limitations under the License.
  */
-import MaterialReactTable from "material-react-table";
+import { MaterialReactTable } from "material-react-table";
 export type DefaultMaterialReactTableData = Record<string, unknown>;
 export type MaterialReactTableProps<TData extends DefaultMaterialReactTableData> = Parameters<typeof MaterialReactTable<TData>>[0];
 //# sourceMappingURL=materialReactTableTypes.d.ts.map

package/dist/src/labs/materialReactTableTypes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"materialReactTableTypes.d.ts","sourceRoot":"","sources":["../../../src/labs/materialReactTableTypes.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AAEtD,MAAM,MAAM,6BAA6B,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAEpE,MAAM,MAAM,uBAAuB,CACjC,KAAK,SAAS,6BAA6B,IACzC,UAAU,CAAC,OAAO,kBAAkB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC"}
+{"version":3,"file":"materialReactTableTypes.d.ts","sourceRoot":"","sources":["../../../src/labs/materialReactTableTypes.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,MAAM,MAAM,6BAA6B,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAEpE,MAAM,MAAM,uBAAuB,CACjC,KAAK,SAAS,6BAA6B,IACzC,UAAU,CAAC,OAAO,kBAAkB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC"}

package/dist/src/theme/components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../src/theme/components.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAsC7C,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAGvC,eAAO,MAAM,UAAU;mBAIN,YAAY;;MAEzB,YAAY,CAAC,YAAY,CAq5E5B,CAAC"}
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../src/theme/components.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAmC7C,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAGvC,eAAO,MAAM,UAAU;mBAIN,YAAY;;MAEzB,YAAY,CAAC,YAAY,CAs/E5B,CAAC"}

package/dist/theme/components.js

@@ -27,13 +27,11 @@ import { radioClasses } from "@mui/material/Radio";
 import { stackClasses } from "@mui/material/Stack";
 import { svgIconClasses } from "@mui/material/SvgIcon";
 import { tableBodyClasses } from "@mui/material/TableBody";
-import { tableCellClasses } from "@mui/material/TableCell";
 import { tableHeadClasses } from "@mui/material/TableHead";
 import { tableRowClasses } from "@mui/material/TableRow";
-import { tableSortLabelClasses } from "@mui/material/TableSortLabel";
 import { tooltipClasses } from "@mui/material/Tooltip";
 import { typographyClasses } from "@mui/material/Typography";
-import { ArrowDownIcon, CheckCircleFilledIcon, CheckIcon, ChevronDownIcon, CloseCircleFilledIcon, CloseIcon, DangerDiamondFilledIcon, InformationCircleFilledIcon, SubtractIcon, WarningFilledIcon } from "../icons.generated/index.js";
+import { CheckCircleFilledIcon, CheckIcon, ChevronDownIcon, CloseCircleFilledIcon, CloseIcon, DangerDiamondFilledIcon, InformationCircleFilledIcon, SubtractIcon, WarningFilledIcon } from "../icons.generated/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 export const components = _ref => {
@@ -1670,6 +1668,13 @@ export const components = _ref => {
           paddingBlock: odysseyTokens.Spacing2,
           paddingInline: odysseyTokens.Spacing2,
           borderRadius: odysseyTokens.BorderRadiusMain
+        },
+        root: {
+          "& hr": {
+            borderStyle: "solid none none",
+            borderWidth: odysseyTokens.BorderWidthMain,
+            borderColor: odysseyTokens.BorderColorDisplay
+          }
         }
       }
     },
@@ -2003,6 +2008,21 @@ export const components = _ref => {
         }
       }
     },
+    MuiTabs: {
+      defaultProps: {
+        textColor: "inherit"
+      },
+      styleOverrides: {
+        root: {
+          minHeight: "unset",
+          marginBottom: odysseyTokens.Spacing5
+        },
+        flexContainer: {
+          gap: odysseyTokens.Spacing5,
+          borderBottom: `${odysseyTokens.BorderWidthMain} ${odysseyTokens.BorderStyleMain} ${odysseyTokens.BorderColorDisplay}`
+        }
+      }
+    },
     MuiTable: {
       styleOverrides: {
         root: _ref27 => {
@@ -2014,11 +2034,13 @@ export const components = _ref => {
             width: "auto",
             borderCollapse: "separate",
             borderSpacing: 0,
-            border: `${odysseyTokens.BorderWidthMain} ${odysseyTokens.BorderStyleMain} ${odysseyTokens.HueNeutral100}`,
-            borderRadius: odysseyTokens.BorderRadiusMain,
             marginBlock: odysseyTokens.Spacing0,
             marginInline: odysseyTokens.Spacing0,
             lineHeight: odysseyTokens.TypographyLineHeightUi,
+            "&.narrow": {
+              width: "100%",
+              tableLayout: "fixed"
+            },
             "&:only-child": {
               marginBlockEnd: 0
             },
@@ -2047,20 +2069,25 @@ export const components = _ref => {
           } = _ref28;
           return {
             ...theme.typography.body1,
-            maxWidth: odysseyTokens.TypographyLineLengthMax,
             borderBottom: `${odysseyTokens.BorderWidthMain} ${odysseyTokens.BorderStyleMain} ${odysseyTokens.HueNeutral100}`,
             textAlign: "start",
             verticalAlign: "baseline",
-            padding: "unset",
-            paddingBlock: odysseyTokens.Spacing4,
-            paddingInline: odysseyTokens.Spacing4,
+            padding: odysseyTokens.Spacing3,
             overflowWrap: "break-word",
+            [`.MuiTable-root.narrow &:last-child`]: {
+              width: "auto"
+            },
             [`.${tableRowClasses.root}:hover &[rowspan]`]: {
               backgroundColor: odysseyTokens.HueNeutralWhite
             },
             [`.${tableBodyClasses.root} .${tableRowClasses.root}:last-of-type &`]: {
               borderBottom: 0
             },
+            [`.${tableBodyClasses.root} .${tableRowClasses.root}:first-of-type &`]: {
+              borderTopColor: odysseyTokens.HueNeutralWhite,
+              borderTopStyle: "solid",
+              borderTopWidth: odysseyTokens.BorderWidthMain
+            },
             [`.${tableRowClasses.selected} &`]: {
               borderBottomColor: odysseyTokens.PalettePrimaryLight
             },
@@ -2082,10 +2109,21 @@ export const components = _ref => {
               fontSize: odysseyTokens.TypographySizeBody
             }),
             [`.${tableHeadClasses.root} &`]: {
-              color: odysseyTokens.TypographyColorBody,
+              color: odysseyTokens.TypographyColorHeading,
+              fontSize: odysseyTokens.TypographySizeSubordinate,
               lineHeight: odysseyTokens.TypographyLineHeightBody,
               fontWeight: odysseyTokens.TypographyWeightBodyBold,
-              backgroundColor: odysseyTokens.HueNeutral50
+              textTransform: "uppercase",
+              backgroundColor: odysseyTokens.HueNeutral50,
+              borderBottom: 0
+            },
+            [`.${tableHeadClasses.root} &:first-of-type`]: {
+              borderTopLeftRadius: odysseyTokens.Spacing2,
+              borderBottomLeftRadius: odysseyTokens.Spacing2
+            },
+            [`.${tableHeadClasses.root} &:last-of-type`]: {
+              borderTopRightRadius: odysseyTokens.Spacing2,
+              borderBottomRightRadius: odysseyTokens.Spacing2
             },
             ...(ownerState.variant === "head" && {
               lineHeight: odysseyTokens.TypographyLineHeightBody,
@@ -2114,7 +2152,25 @@ export const components = _ref => {
             }),
             ...(ownerState.align === "justify" && {
               textAlign: "justify"
-            })
+            }),
+            ["&.MuiTableCell-compact"]: {
+              fontSize: odysseyTokens.TypographySizeSubordinate,
+              padding: odysseyTokens.Spacing2
+            },
+            ["&.MuiTableCell-spacious"]: {
+              padding: odysseyTokens.Spacing4
+            },
+            [`& .${checkboxClasses.root}`]: {
+              width: `${odysseyTokens.TypographyLineHeightUi}rem`,
+              height: `${odysseyTokens.TypographyLineHeightUi}rem`,
+              margin: 0
+            },
+            [`& .${dividerClasses.vertical}`]: {
+              borderStyle: "none none none dotted",
+              borderWidth: 2,
+              borderRadius: 0,
+              marginRight: 2
+            }
           };
         }
       }
@@ -2131,6 +2187,7 @@ export const components = _ref => {
           marginBlockEnd: odysseyTokens.Spacing4,
           marginInline: 0,
           overflowX: "auto",
+          display: "block !important",
           "&:last-child": {
             marginBlock: 0
           }
@@ -2139,24 +2196,74 @@ export const components = _ref => {
     },
     MuiTableRow: {
       styleOverrides: {
-        root: {
+        root: () => ({
           verticalAlign: "unset",
-          [`&.${tableRowClasses.root}:hover`]: {
-            backgroundColor: odysseyTokens.HueNeutral50
-          },
           [`&.${tableRowClasses.selected}`]: {
             backgroundColor: odysseyTokens.PalettePrimaryLighter,
             "&:hover": {
               backgroundColor: odysseyTokens.PalettePrimaryLighter
             }
+          },
+          [`&.${tableRowClasses.head}`]: {
+            boxShadow: "none !important",
+            "&:hover, &:focus-within": {
+              backgroundColor: "transparent !important"
+            }
+          },
+          "&.isDragTarget": {
+            opacity: 1,
+            position: "relative",
+            "&::after": {
+              content: '""',
+              width: "100%",
+              position: "absolute",
+              left: 0,
+              right: 0,
+              bottom: 0,
+              height: odysseyTokens.Spacing1,
+              backgroundColor: odysseyTokens.PalettePrimaryMain
+            },
+            "& td": {
+              borderTop: "0 !important",
+              borderLeft: "0 !important",
+              borderRight: "0 !important",
+              borderBottom: `${odysseyTokens.BorderWidthMain} ${odysseyTokens.BorderStyleMain} ${odysseyTokens.HueNeutral100} !important`
+            }
+          },
+          "&.isDragging, &.isDragging.isDragTarget": {
+            border: "0 !important",
+            position: "relative",
+            opacity: 1,
+            borderRadius: odysseyTokens.BorderRadiusOuter,
+            "&::after": {
+              content: '""',
+              position: "absolute",
+              left: 0,
+              right: 0,
+              top: 0,
+              bottom: 0,
+              height: "auto",
+              borderRadius: odysseyTokens.BorderRadiusOuter,
+              borderColor: odysseyTokens.PalettePrimaryLight,
+              borderStyle: "solid",
+              borderWidth: odysseyTokens.Spacing1,
+              backgroundColor: "transparent"
+            },
+            "& td": {
+              borderTop: "0 !important",
+              borderLeft: "0 !important",
+              borderRight: "0 !important",
+              borderBottom: `${odysseyTokens.BorderWidthMain} ${odysseyTokens.BorderStyleMain} ${odysseyTokens.HueNeutral100} !important`,
+              opacity: 0.5
+            }
+          },
+          "&.isDragging.isDragTarget::after": {
+            borderColor: odysseyTokens.PalettePrimaryMain
           }
-        }
+        })
       }
     },
     MuiTableSortLabel: {
-      defaultProps: {
-        IconComponent: ArrowDownIcon
-      },
       styleOverrides: {
         root: {
           cursor: "pointer",
@@ -2172,65 +2279,33 @@ export const components = _ref => {
             outlineColor: odysseyTokens.FocusOutlineColorPrimary
           },
           "&:hover": {
-            color: odysseyTokens.TypographyColorBody,
-            [`& .${tableSortLabelClasses.icon}`]: {
-              opacity: 1
-            }
-          },
-          [`&.${tableSortLabelClasses.active}`]: {
-            color: odysseyTokens.TypographyColorSubordinate,
-            [`& .${tableSortLabelClasses.icon}`]: {
-              opacity: 1,
-              color: "inherit"
-            }
+            color: odysseyTokens.TypographyColorBody
           }
         },
         icon: _ref29 => {
           let {
-            theme,
             ownerState
           } = _ref29;
           return {
-            fontSize: "inherit",
-            marginInlineEnd: 0,
-            marginInlineStart: 0,
-            opacity: 0,
-            color: "inherit",
-            transition: theme.transitions.create(["opacity", "transform"], {
-              duration: odysseyTokens.TransitionDurationMain
+            ...(ownerState.direction === "asc" && {
+              transform: "rotate(180deg) !important"
             }),
-            userSelect: "none",
-            [`.${tableCellClasses.alignRight} &`]: {
-              marginInlineEnd: odysseyTokens.Spacing2
+            ".isUnsorted &": {
+              opacity: "0 !important"
             },
-            [`.${tableCellClasses.alignLeft} &`]: {
-              marginInlineStart: odysseyTokens.Spacing2
+            ".isUnsorted:hover &, .isUnsorted:focus &": {
+              opacity: "0.5 !important",
+              "&:hover, &:focus": {
+                opacity: "1 !important"
+              }
             },
-            ...(ownerState.direction === "desc" && {
-              transform: "rotate(0deg)"
-            }),
-            ...(ownerState.direction === "asc" && {
-              transform: "rotate(180deg)"
-            })
+            ".isSorted &": {
+              opacity: 1
+            }
           };
         }
       }
     },
-    MuiTabs: {
-      defaultProps: {
-        textColor: "inherit"
-      },
-      styleOverrides: {
-        root: {
-          minHeight: "unset",
-          marginBottom: odysseyTokens.Spacing5
-        },
-        flexContainer: {
-          gap: odysseyTokens.Spacing5,
-          borderBottom: `${odysseyTokens.BorderWidthMain} ${odysseyTokens.BorderStyleMain} ${odysseyTokens.BorderColorDisplay}`
-        }
-      }
-    },
     MuiTooltip: {
       defaultProps: {
         arrow: true,