@okta/odyssey-react-mui 1.28.1 → 1.32.0

package/dist/cjs/labs/DataView/DataTable.cjs

@@ -0,0 +1,105 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DataTable = void 0;
+var _react = require("react");
+var _DataView = require("./DataView.cjs");
+var _jsxRuntime = require("react/jsx-runtime");
+/*!
+ * Copyright (c) 2024-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.
+ */
+
+const DataTable = ({
+  additionalActionButton,
+  additionalActionMenuItems,
+  bulkActionMenuItems,
+  columns,
+  currentPage,
+  emptyPlaceholder,
+  errorMessage,
+  filters,
+  getData,
+  hasChangeableDensity,
+  hasColumnResizing,
+  hasColumnVisibility,
+  initialDensity,
+  hasFilters,
+  hasPagination,
+  hasRowReordering,
+  hasRowSelection,
+  hasSearch,
+  hasSearchSubmitButton,
+  hasSorting,
+  isLoading,
+  isEmpty,
+  isNoResults,
+  isPaginationMoreDisabled,
+  isRowReorderingDisabled,
+  maxResultsPerPage,
+  maxPages,
+  noResultsPlaceholder,
+  onChangeRowSelection,
+  paginationType,
+  renderDetailPanel,
+  resultsPerPage,
+  rowActionButtons,
+  rowActionMenuItems,
+  searchDelayTime,
+  totalRows
+}) => {
+  const tableLayoutOptions = (0, _react.useMemo)(() => ({
+    columns,
+    hasChangeableDensity,
+    hasColumnResizing,
+    hasColumnVisibility,
+    hasSorting,
+    initialDensity,
+    renderDetailPanel,
+    rowActionButtons,
+    rowActionMenuItems
+  }), [columns, hasChangeableDensity, hasColumnResizing, hasColumnVisibility, hasSorting, initialDensity, renderDetailPanel, rowActionButtons, rowActionMenuItems]);
+  return (0, _jsxRuntime.jsx)(_DataView.DataView, {
+    additionalActionButton: additionalActionButton,
+    additionalActionMenuItems: additionalActionMenuItems,
+    availableLayouts: ["table"],
+    bulkActionMenuItems: bulkActionMenuItems,
+    currentPage: currentPage,
+    emptyPlaceholder: emptyPlaceholder,
+    errorMessage: errorMessage,
+    filters: filters,
+    getData: getData,
+    hasFilters: hasFilters,
+    hasPagination: hasPagination,
+    hasRowReordering: hasRowReordering,
+    hasRowSelection: hasRowSelection,
+    hasSearch: hasSearch,
+    hasSearchSubmitButton: hasSearchSubmitButton,
+    isEmpty: isEmpty,
+    isLoading: isLoading,
+    isNoResults: isNoResults,
+    isPaginationMoreDisabled: isPaginationMoreDisabled,
+    isRowReorderingDisabled: isRowReorderingDisabled,
+    maxPages: maxPages,
+    maxResultsPerPage: maxResultsPerPage,
+    noResultsPlaceholder: noResultsPlaceholder,
+    onChangeRowSelection: onChangeRowSelection,
+    paginationType: paginationType,
+    resultsPerPage: resultsPerPage,
+    searchDelayTime: searchDelayTime,
+    tableLayoutOptions: tableLayoutOptions,
+    totalRows: totalRows
+  });
+};
+const MemoizedDataTable = exports.DataTable = (0, _react.memo)(DataTable);
+MemoizedDataTable.displayName = "DataTable";
+//# sourceMappingURL=DataTable.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.cjs","names":["_react","require","_DataView","_jsxRuntime","DataTable","additionalActionButton","additionalActionMenuItems","bulkActionMenuItems","columns","currentPage","emptyPlaceholder","errorMessage","filters","getData","hasChangeableDensity","hasColumnResizing","hasColumnVisibility","initialDensity","hasFilters","hasPagination","hasRowReordering","hasRowSelection","hasSearch","hasSearchSubmitButton","hasSorting","isLoading","isEmpty","isNoResults","isPaginationMoreDisabled","isRowReorderingDisabled","maxResultsPerPage","maxPages","noResultsPlaceholder","onChangeRowSelection","paginationType","renderDetailPanel","resultsPerPage","rowActionButtons","rowActionMenuItems","searchDelayTime","totalRows","tableLayoutOptions","useMemo","jsx","DataView","availableLayouts","MemoizedDataTable","exports","memo","displayName"],"sources":["../../../../src/labs/DataView/DataTable.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { memo, useMemo } from \"react\";\n\nimport { DataView } from \"./DataView.js\";\nimport { TableLayoutProps, UniversalProps } from \"./componentTypes.js\";\nimport { MRT_RowData } from \"material-react-table\";\n\nexport type DataTableProps<TData extends MRT_RowData> = UniversalProps<TData> &\n  TableLayoutProps<TData>;\ntype DataTableComponent = (<TData extends MRT_RowData>(\n  props: DataTableProps<TData>,\n) => JSX.Element) & {\n  displayName?: string;\n};\n\nconst DataTable = <TData extends MRT_RowData>({\n  additionalActionButton,\n  additionalActionMenuItems,\n  bulkActionMenuItems,\n  columns,\n  currentPage,\n  emptyPlaceholder,\n  errorMessage,\n  filters,\n  getData,\n  hasChangeableDensity,\n  hasColumnResizing,\n  hasColumnVisibility,\n  initialDensity,\n  hasFilters,\n  hasPagination,\n  hasRowReordering,\n  hasRowSelection,\n  hasSearch,\n  hasSearchSubmitButton,\n  hasSorting,\n  isLoading,\n  isEmpty,\n  isNoResults,\n  isPaginationMoreDisabled,\n  isRowReorderingDisabled,\n  maxResultsPerPage,\n  maxPages,\n  noResultsPlaceholder,\n  onChangeRowSelection,\n  paginationType,\n  renderDetailPanel,\n  resultsPerPage,\n  rowActionButtons,\n  rowActionMenuItems,\n  searchDelayTime,\n  totalRows,\n}: DataTableProps<TData>) => {\n  const tableLayoutOptions = useMemo(\n    () => ({\n      columns,\n      hasChangeableDensity,\n      hasColumnResizing,\n      hasColumnVisibility,\n      hasSorting,\n      initialDensity,\n      renderDetailPanel,\n      rowActionButtons,\n      rowActionMenuItems,\n    }),\n    [\n      columns,\n      hasChangeableDensity,\n      hasColumnResizing,\n      hasColumnVisibility,\n      hasSorting,\n      initialDensity,\n      renderDetailPanel,\n      rowActionButtons,\n      rowActionMenuItems,\n    ],\n  );\n\n  return (\n    <DataView\n      additionalActionButton={additionalActionButton}\n      additionalActionMenuItems={additionalActionMenuItems}\n      availableLayouts={[\"table\"]}\n      bulkActionMenuItems={bulkActionMenuItems}\n      currentPage={currentPage}\n      emptyPlaceholder={emptyPlaceholder}\n      errorMessage={errorMessage}\n      filters={filters}\n      getData={getData}\n      hasFilters={hasFilters}\n      hasPagination={hasPagination}\n      hasRowReordering={hasRowReordering}\n      hasRowSelection={hasRowSelection}\n      hasSearch={hasSearch}\n      hasSearchSubmitButton={hasSearchSubmitButton}\n      isEmpty={isEmpty}\n      isLoading={isLoading}\n      isNoResults={isNoResults}\n      isPaginationMoreDisabled={isPaginationMoreDisabled}\n      isRowReorderingDisabled={isRowReorderingDisabled}\n      maxPages={maxPages}\n      maxResultsPerPage={maxResultsPerPage}\n      noResultsPlaceholder={noResultsPlaceholder}\n      onChangeRowSelection={onChangeRowSelection}\n      paginationType={paginationType}\n      resultsPerPage={resultsPerPage}\n      searchDelayTime={searchDelayTime}\n      tableLayoutOptions={tableLayoutOptions}\n      totalRows={totalRows}\n    />\n  );\n};\n\nconst MemoizedDataTable = memo(DataTable) as DataTableComponent;\nMemoizedDataTable.displayName = \"DataTable\";\n\nexport { MemoizedDataTable as DataTable };\n"],"mappings":";;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,SAAA,GAAAD,OAAA;AAAyC,IAAAE,WAAA,GAAAF,OAAA;AAdzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAgBA,MAAMG,SAAS,GAAGA,CAA4B;EAC5CC,sBAAsB;EACtBC,yBAAyB;EACzBC,mBAAmB;EACnBC,OAAO;EACPC,WAAW;EACXC,gBAAgB;EAChBC,YAAY;EACZC,OAAO;EACPC,OAAO;EACPC,oBAAoB;EACpBC,iBAAiB;EACjBC,mBAAmB;EACnBC,cAAc;EACdC,UAAU;EACVC,aAAa;EACbC,gBAAgB;EAChBC,eAAe;EACfC,SAAS;EACTC,qBAAqB;EACrBC,UAAU;EACVC,SAAS;EACTC,OAAO;EACPC,WAAW;EACXC,wBAAwB;EACxBC,uBAAuB;EACvBC,iBAAiB;EACjBC,QAAQ;EACRC,oBAAoB;EACpBC,oBAAoB;EACpBC,cAAc;EACdC,iBAAiB;EACjBC,cAAc;EACdC,gBAAgB;EAChBC,kBAAkB;EAClBC,eAAe;EACfC;AACqB,CAAC,KAAK;EAC3B,MAAMC,kBAAkB,GAAG,IAAAC,cAAO,EAChC,OAAO;IACLlC,OAAO;IACPM,oBAAoB;IACpBC,iBAAiB;IACjBC,mBAAmB;IACnBQ,UAAU;IACVP,cAAc;IACdkB,iBAAiB;IACjBE,gBAAgB;IAChBC;EACF,CAAC,CAAC,EACF,CACE9B,OAAO,EACPM,oBAAoB,EACpBC,iBAAiB,EACjBC,mBAAmB,EACnBQ,UAAU,EACVP,cAAc,EACdkB,iBAAiB,EACjBE,gBAAgB,EAChBC,kBAAkB,CAEtB,CAAC;EAED,OACE,IAAAnC,WAAA,CAAAwC,GAAA,EAACzC,SAAA,CAAA0C,QAAQ;IACPvC,sBAAsB,EAAEA,sBAAuB;IAC/CC,yBAAyB,EAAEA,yBAA0B;IACrDuC,gBAAgB,EAAE,CAAC,OAAO,CAAE;IAC5BtC,mBAAmB,EAAEA,mBAAoB;IACzCE,WAAW,EAAEA,WAAY;IACzBC,gBAAgB,EAAEA,gBAAiB;IACnCC,YAAY,EAAEA,YAAa;IAC3BC,OAAO,EAAEA,OAAQ;IACjBC,OAAO,EAAEA,OAAQ;IACjBK,UAAU,EAAEA,UAAW;IACvBC,aAAa,EAAEA,aAAc;IAC7BC,gBAAgB,EAAEA,gBAAiB;IACnCC,eAAe,EAAEA,eAAgB;IACjCC,SAAS,EAAEA,SAAU;IACrBC,qBAAqB,EAAEA,qBAAsB;IAC7CG,OAAO,EAAEA,OAAQ;IACjBD,SAAS,EAAEA,SAAU;IACrBE,WAAW,EAAEA,WAAY;IACzBC,wBAAwB,EAAEA,wBAAyB;IACnDC,uBAAuB,EAAEA,uBAAwB;IACjDE,QAAQ,EAAEA,QAAS;IACnBD,iBAAiB,EAAEA,iBAAkB;IACrCE,oBAAoB,EAAEA,oBAAqB;IAC3CC,oBAAoB,EAAEA,oBAAqB;IAC3CC,cAAc,EAAEA,cAAe;IAC/BE,cAAc,EAAEA,cAAe;IAC/BG,eAAe,EAAEA,eAAgB;IACjCE,kBAAkB,EAAEA,kBAAmB;IACvCD,SAAS,EAAEA;EAAU,CACtB,CAAC;AAEN,CAAC;AAED,MAAMM,iBAAiB,GAAAC,OAAA,CAAA3C,SAAA,GAAG,IAAA4C,WAAI,EAAC5C,SAAS,CAAuB;AAC/D0C,iBAAiB,CAACG,WAAW,GAAG,WAAW","ignoreList":[]}

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

@@ -0,0 +1,352 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DataView = void 0;
+var _react = require("react");
+var _reactI18next = require("react-i18next");
+var _constants = require("./constants.cjs");
+var _Box = require("../../Box.cjs");
+var _BulkActionsMenu = require("./BulkActionsMenu.cjs");
+var _Callout = require("../../Callout.cjs");
+var _DataFilters = require("../DataFilters.cjs");
+var _EmptyState = require("../../EmptyState.cjs");
+var _fetchData = require("./fetchData.cjs");
+var _LayoutSwitcher = require("./LayoutSwitcher.cjs");
+var _index = require("../../Buttons/index.cjs");
+var _index2 = require("../../icons.generated/index.cjs");
+var _TableSettings = require("./TableSettings.cjs");
+var _index3 = require("../../Pagination/index.cjs");
+var _TableLayoutContent = require("./TableLayoutContent.cjs");
+var _CardLayoutContent = require("./CardLayoutContent.cjs");
+var _useFilterConversion = require("./useFilterConversion.cjs");
+var _useRowReordering = require("../../DataTable/useRowReordering.cjs");
+var _Typography = require("../../Typography.cjs");
+var _OdysseyDesignTokensContext = require("../../OdysseyDesignTokensContext.cjs");
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*!
+ * Copyright (c) 2024-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.
+ */
+
+const DataViewContainer = (0, _styled.default)("div", {
+  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
+})(({
+  odysseyDesignTokens
+}) => ({
+  display: "flex",
+  flexDirection: "column",
+  gap: odysseyDesignTokens.Spacing4
+}));
+const BulkActionsContainer = (0, _styled.default)("div")(() => ({
+  display: "flex",
+  justifyContent: "space-between"
+}));
+const AdditionalActionsContainer = (0, _styled.default)("div", {
+  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
+})(({
+  odysseyDesignTokens
+}) => ({
+  display: "flex",
+  justifyContent: "flex-end",
+  gap: odysseyDesignTokens.Spacing2
+}));
+const AdditionalActionsInner = (0, _styled.default)("div", {
+  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
+})(({
+  odysseyDesignTokens
+}) => ({
+  display: "flex",
+  alignItems: "center",
+  gap: odysseyDesignTokens.Spacing2
+}));
+const MetaTextContainer = (0, _styled.default)("div", {
+  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
+})(({
+  odysseyDesignTokens
+}) => ({
+  marginInlineEnd: odysseyDesignTokens.Spacing2
+}));
+const DataView = ({
+  additionalActionButton,
+  additionalActionMenuItems,
+  availableLayouts = _constants.availableLayouts,
+  bulkActionMenuItems,
+  currentPage = 1,
+  emptyPlaceholder,
+  enableVirtualization: enableVirtualizationProp,
+  errorMessage: errorMessageProp,
+  filters: filtersProp,
+  getData,
+  getRowId: getRowIdProp,
+  hasFilters,
+  hasPagination,
+  hasPageInput,
+  hasRowCountInput,
+  hasRowCountLabel,
+  hasSearch,
+  hasSearchSubmitButton,
+  hasRowReordering,
+  hasRowSelection,
+  initialLayout,
+  isEmpty: isEmptyProp,
+  isLoading: isLoadingProp,
+  isNoResults: isNoResultsProp,
+  isPaginationMoreDisabled,
+  isRowReorderingDisabled,
+  metaText,
+  noResultsPlaceholder,
+  onChangeRowSelection,
+  onReorderRows,
+  paginationType = "paged",
+  resultsPerPage = 20,
+  searchDelayTime,
+  cardLayoutOptions,
+  tableLayoutOptions,
+  totalRows,
+  maxPages,
+  maxResultsPerPage,
+  onPaginationChange
+}) => {
+  const odysseyDesignTokens = (0, _OdysseyDesignTokensContext.useOdysseyDesignTokens)();
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)();
+  const [currentLayout, setCurrentLayout] = (0, _react.useState)(initialLayout ?? availableLayouts[0]);
+  const [data, setData] = (0, _react.useState)([]);
+  const [isLoading, setIsLoading] = (0, _react.useState)(isLoadingProp ?? true);
+  const [isEmpty, setIsEmpty] = (0, _react.useState)(isEmptyProp ?? true);
+  const [isNoResults, setIsNoResults] = (0, _react.useState)(isNoResultsProp ?? false);
+  const [errorMessage, setErrorMessage] = (0, _react.useState)(errorMessageProp);
+  const [search, setSearch] = (0, _react.useState)("");
+  const [initialFilters, setInitialFilters] = (0, _react.useState)(filtersProp);
+  const [filters, setFilters] = (0, _react.useState)(filtersProp);
+  const [draggingRow, setDraggingRow] = (0, _react.useState)();
+  const [rowSelection, setRowSelection] = (0, _react.useState)({});
+  (0, _react.useEffect)(() => {
+    onChangeRowSelection?.(rowSelection);
+  }, [rowSelection, onChangeRowSelection]);
+  const [pagination, setPagination] = (0, _react.useState)({
+    pageIndex: currentPage,
+    pageSize: resultsPerPage
+  });
+  const [tableState, setTableState] = (0, _react.useState)({
+    columnSorting: [],
+    columnVisibility: {},
+    rowDensity: tableLayoutOptions?.initialDensity ?? _constants.densityValues[0]
+  });
+  const shouldShowFilters = hasSearch || hasFilters || additionalActionButton || additionalActionMenuItems;
+  const availableFilters = (0, _useFilterConversion.useFilterConversion)({
+    filters: filters,
+    columns: tableLayoutOptions?.columns
+  });
+  (0, _react.useEffect)(() => {
+    if (!initialFilters && availableFilters) {
+      setInitialFilters(availableFilters);
+    }
+  }, [availableFilters, initialFilters]);
+  const dataQueryParams = (0, _react.useMemo)(() => ({
+    page: pagination.pageIndex,
+    resultsPerPage: pagination.pageSize,
+    search,
+    filters: availableFilters,
+    sort: tableState?.columnSorting
+  }), [pagination.pageIndex, pagination.pageSize, search, availableFilters, tableState?.columnSorting]);
+  const getRowId = (0, _react.useCallback)(originalRow => originalRow.id, []);
+  (0, _react.useEffect)(() => {
+    setPagination({
+      pageIndex: currentPage,
+      pageSize: resultsPerPage
+    });
+  }, [currentPage, resultsPerPage]);
+  (0, _react.useEffect)(() => {
+    setPagination(prev => ({
+      pageIndex: 1,
+      pageSize: paginationType == "loadMore" ? resultsPerPage : prev.pageSize
+    }));
+  }, [filters, paginationType, resultsPerPage, search]);
+  (0, _react.useEffect)(() => {
+    onPaginationChange?.(pagination);
+  }, [onPaginationChange, pagination]);
+  (0, _react.useEffect)(() => {
+    (0, _fetchData.fetchData)({
+      dataQueryParams,
+      errorMessageProp,
+      getData,
+      setData,
+      setErrorMessage,
+      setIsLoading: isLoadingProp ? undefined : setIsLoading
+    });
+  }, [dataQueryParams, errorMessageProp, getData, isLoadingProp]);
+  (0, _react.useEffect)(() => {
+    setIsEmpty(pagination.pageIndex === currentPage && pagination.pageSize === resultsPerPage && search === "" && (!hasFilters || filters === initialFilters) && data.length === 0);
+  }, [currentPage, data, filters, hasFilters, initialFilters, pagination, resultsPerPage, search]);
+  (0, _react.useEffect)(() => {
+    setIsLoading(prevValue => isLoadingProp ?? prevValue);
+  }, [isLoadingProp]);
+  (0, _react.useEffect)(() => {
+    setIsEmpty(prevValue => isEmptyProp ?? prevValue);
+  }, [isEmptyProp]);
+  (0, _react.useEffect)(() => {
+    setIsNoResults(prevValue => isNoResultsProp ?? prevValue);
+  }, [isNoResultsProp]);
+  const emptyState = (0, _react.useMemo)(() => {
+    const noResultsInnerContent = noResultsPlaceholder || (0, _jsxRuntime.jsx)(_EmptyState.EmptyState, {
+      description: t("table.noresults.text"),
+      heading: t("table.noresults.heading")
+    });
+    if (isEmpty) {
+      return emptyPlaceholder || noResultsInnerContent;
+    }
+    if (isNoResults) {
+      return noResultsInnerContent;
+    }
+    return;
+  }, [noResultsPlaceholder, t, isEmpty, isNoResults, emptyPlaceholder]);
+  const additionalActions = (0, _react.useMemo)(() => {
+    return (metaText || currentLayout === "table" && tableLayoutOptions || availableLayouts.length > 1 || additionalActionButton || additionalActionMenuItems) && (0, _jsxRuntime.jsxs)(AdditionalActionsInner, {
+      odysseyDesignTokens: odysseyDesignTokens,
+      children: [metaText && (0, _jsxRuntime.jsx)(MetaTextContainer, {
+        odysseyDesignTokens: odysseyDesignTokens,
+        children: (0, _jsxRuntime.jsx)(_Typography.Typography, {
+          color: "textSecondary",
+          children: metaText
+        })
+      }), currentLayout === "table" && tableLayoutOptions && (0, _jsxRuntime.jsx)(_TableSettings.TableSettings, {
+        setTableState: setTableState,
+        tableLayoutOptions: tableLayoutOptions,
+        tableState: tableState
+      }), availableLayouts.length > 1 && (0, _jsxRuntime.jsx)(_LayoutSwitcher.LayoutSwitcher, {
+        availableLayouts: availableLayouts,
+        currentLayout: currentLayout,
+        setCurrentLayout: setCurrentLayout
+      }), additionalActionButton, additionalActionMenuItems && (0, _jsxRuntime.jsx)(_index.MenuButton, {
+        endIcon: (0, _jsxRuntime.jsx)(_index2.MoreIcon, {}),
+        ariaLabel: t("table.moreactions.arialabel"),
+        buttonVariant: "secondary",
+        menuAlignment: "right",
+        children: additionalActionMenuItems
+      })]
+    });
+  }, [additionalActionButton, additionalActionMenuItems, availableLayouts, currentLayout, metaText, odysseyDesignTokens, tableLayoutOptions, tableState, t]);
+  const enableVirtualization = (0, _react.useMemo)(() => enableVirtualizationProp ?? paginationType === "loadMore", [enableVirtualizationProp, paginationType]);
+  const {
+    lastRow: lastRowOnPage
+  } = (0, _index3.usePagination)({
+    currentRowsCount: data.length,
+    pageIndex: pagination.pageIndex,
+    pageSize: pagination.pageSize,
+    totalRows
+  });
+  const rowReorderingUtilities = (0, _useRowReordering.useRowReordering)({
+    totalRows,
+    onReorderRows,
+    data,
+    setData,
+    draggingRow,
+    setDraggingRow,
+    resultsPerPage: pagination.pageSize,
+    page: pagination.pageIndex
+  });
+  return (0, _jsxRuntime.jsxs)(DataViewContainer, {
+    odysseyDesignTokens: odysseyDesignTokens,
+    children: [errorMessage && (0, _jsxRuntime.jsx)(_Box.Box, {
+      children: (0, _jsxRuntime.jsx)(_Callout.Callout, {
+        severity: "error",
+        text: errorMessage
+      })
+    }), shouldShowFilters && (0, _jsxRuntime.jsx)(_DataFilters.DataFilters, {
+      additionalActions: additionalActions,
+      filters: hasFilters ? availableFilters : undefined,
+      hasSearchSubmitButton: hasSearchSubmitButton,
+      isDisabled: isEmpty,
+      onChangeFilters: hasFilters ? setFilters : undefined,
+      onChangeSearch: hasSearch ? setSearch : undefined,
+      searchDelayTime: searchDelayTime
+    }), (bulkActionMenuItems || hasRowSelection) && (0, _jsxRuntime.jsxs)(BulkActionsContainer, {
+      children: [(0, _jsxRuntime.jsx)(_BulkActionsMenu.BulkActionsMenu, {
+        data: data,
+        menuItems: bulkActionMenuItems,
+        rowSelection: rowSelection,
+        setRowSelection: setRowSelection
+      }), !shouldShowFilters && additionalActions]
+    }), !shouldShowFilters && !bulkActionMenuItems && !hasRowSelection && additionalActions && (0, _jsxRuntime.jsx)(AdditionalActionsContainer, {
+      odysseyDesignTokens: odysseyDesignTokens,
+      children: additionalActions
+    }), currentLayout === "table" && tableLayoutOptions && (0, _jsxRuntime.jsx)(_TableLayoutContent.TableLayoutContent, {
+      columns: tableLayoutOptions.columns,
+      data: data,
+      draggingRow: draggingRow,
+      emptyState: emptyState,
+      enableVirtualization: enableVirtualization,
+      getRowId: getRowIdProp || getRowId,
+      hasRowReordering: hasRowReordering,
+      hasRowSelection: hasRowSelection,
+      isEmpty: isEmpty,
+      isLoading: isLoading,
+      isNoResults: isNoResults,
+      isRowReorderingDisabled: isRowReorderingDisabled,
+      onReorderRows: onReorderRows,
+      pagination: pagination,
+      rowReorderingUtilities: rowReorderingUtilities,
+      rowSelection: rowSelection,
+      setRowSelection: setRowSelection,
+      setTableState: setTableState,
+      tableLayoutOptions: tableLayoutOptions,
+      tableState: tableState,
+      totalRows: totalRows
+    }), (currentLayout === "list" || currentLayout === "grid") && cardLayoutOptions && (0, _jsxRuntime.jsx)(_CardLayoutContent.CardLayoutContent, {
+      currentLayout: currentLayout,
+      data: data,
+      draggingRow: draggingRow,
+      emptyState: emptyState,
+      getRowId: getRowIdProp || getRowId,
+      hasRowReordering: hasRowReordering,
+      hasRowSelection: hasRowSelection,
+      isEmpty: isEmpty,
+      isLoading: isLoading,
+      isNoResults: isNoResults,
+      isRowReorderingDisabled: isRowReorderingDisabled,
+      onReorderRows: onReorderRows,
+      pagination: pagination,
+      rowReorderingUtilities: rowReorderingUtilities,
+      rowSelection: rowSelection,
+      setRowSelection: setRowSelection,
+      cardLayoutOptions: cardLayoutOptions,
+      totalRows: totalRows
+    }), hasPagination && (0, _jsxRuntime.jsx)(_index3.Pagination, {
+      currentPageLabel: t("pagination.page"),
+      hasPageInput: hasPageInput,
+      hasRowCountInput: hasRowCountInput,
+      hasRowCountLabel: hasRowCountLabel,
+      isDisabled: isEmpty,
+      isMoreDisabled: isPaginationMoreDisabled,
+      lastRow: lastRowOnPage,
+      loadMoreLabel: t("pagination.loadmore"),
+      maxPageIndex: maxPages,
+      maxPageSize: maxResultsPerPage,
+      nextLabel: t("pagination.next"),
+      onPaginationChange: setPagination,
+      pageIndex: pagination.pageIndex,
+      pageSize: pagination.pageSize,
+      previousLabel: t("pagination.previous"),
+      rowsPerPageLabel: t("pagination.rowsperpage"),
+      totalRows: totalRows,
+      currentRowsCount: data.length,
+      variant: paginationType
+    })]
+  });
+};
+const MemoizedDataView = exports.DataView = (0, _react.memo)(DataView);
+MemoizedDataView.displayName = "DataView";
+//# sourceMappingURL=DataView.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataView.cjs","names":["_react","require","_reactI18next","_constants","_Box","_BulkActionsMenu","_Callout","_DataFilters","_EmptyState","_fetchData","_LayoutSwitcher","_index","_index2","_TableSettings","_index3","_TableLayoutContent","_CardLayoutContent","_useFilterConversion","_useRowReordering","_Typography","_OdysseyDesignTokensContext","_styled","_interopRequireDefault","_jsxRuntime","e","__esModule","default","DataViewContainer","styled","shouldForwardProp","prop","odysseyDesignTokens","display","flexDirection","gap","Spacing4","BulkActionsContainer","justifyContent","AdditionalActionsContainer","Spacing2","AdditionalActionsInner","alignItems","MetaTextContainer","marginInlineEnd","DataView","additionalActionButton","additionalActionMenuItems","availableLayouts","allAvailableLayouts","bulkActionMenuItems","currentPage","emptyPlaceholder","enableVirtualization","enableVirtualizationProp","errorMessage","errorMessageProp","filters","filtersProp","getData","getRowId","getRowIdProp","hasFilters","hasPagination","hasPageInput","hasRowCountInput","hasRowCountLabel","hasSearch","hasSearchSubmitButton","hasRowReordering","hasRowSelection","initialLayout","isEmpty","isEmptyProp","isLoading","isLoadingProp","isNoResults","isNoResultsProp","isPaginationMoreDisabled","isRowReorderingDisabled","metaText","noResultsPlaceholder","onChangeRowSelection","onReorderRows","paginationType","resultsPerPage","searchDelayTime","cardLayoutOptions","tableLayoutOptions","totalRows","maxPages","maxResultsPerPage","onPaginationChange","useOdysseyDesignTokens","t","useTranslation","currentLayout","setCurrentLayout","useState","data","setData","setIsLoading","setIsEmpty","setIsNoResults","setErrorMessage","search","setSearch","initialFilters","setInitialFilters","setFilters","draggingRow","setDraggingRow","rowSelection","setRowSelection","useEffect","pagination","setPagination","pageIndex","pageSize","tableState","setTableState","columnSorting","columnVisibility","rowDensity","initialDensity","densityValues","shouldShowFilters","availableFilters","useFilterConversion","columns","dataQueryParams","useMemo","page","sort","useCallback","originalRow","id","prev","fetchData","undefined","length","prevValue","emptyState","noResultsInnerContent","jsx","EmptyState","description","heading","additionalActions","jsxs","children","Typography","color","TableSettings","LayoutSwitcher","MenuButton","endIcon","MoreIcon","ariaLabel","buttonVariant","menuAlignment","lastRow","lastRowOnPage","usePagination","currentRowsCount","rowReorderingUtilities","useRowReordering","Box","Callout","severity","text","DataFilters","isDisabled","onChangeFilters","onChangeSearch","BulkActionsMenu","menuItems","TableLayoutContent","CardLayoutContent","Pagination","currentPageLabel","isMoreDisabled","loadMoreLabel","maxPageIndex","maxPageSize","nextLabel","previousLabel","rowsPerPageLabel","variant","MemoizedDataView","exports","memo","displayName"],"sources":["../../../../src/labs/DataView/DataView.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { memo, useCallback, useEffect, useMemo, useState } from \"react\";\nimport {\n  MRT_Row,\n  MRT_RowData,\n  MRT_RowSelectionState,\n} from \"material-react-table\";\nimport { useTranslation } from \"react-i18next\";\n\nimport {\n  availableLayouts as allAvailableLayouts,\n  densityValues,\n} from \"./constants.js\";\nimport {\n  DataLayout,\n  UniversalProps,\n  ViewProps,\n  TableState,\n} from \"./componentTypes.js\";\nimport { Box } from \"../../Box.js\";\nimport { BulkActionsMenu } from \"./BulkActionsMenu.js\";\nimport { Callout } from \"../../Callout.js\";\nimport { DataFilters } from \"../DataFilters.js\";\nimport { EmptyState } from \"../../EmptyState.js\";\nimport { fetchData } from \"./fetchData.js\";\nimport { LayoutSwitcher } from \"./LayoutSwitcher.js\";\nimport { MenuButton } from \"../../Buttons/index.js\";\nimport { MoreIcon } from \"../../icons.generated/index.js\";\nimport { TableSettings } from \"./TableSettings.js\";\nimport { Pagination, usePagination } from \"../../Pagination/index.js\";\nimport { TableLayoutContent } from \"./TableLayoutContent.js\";\nimport { CardLayoutContent } from \"./CardLayoutContent.js\";\nimport { useFilterConversion } from \"./useFilterConversion.js\";\nimport { useRowReordering } from \"../../DataTable/useRowReordering.js\";\nimport { Typography } from \"../../Typography.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext.js\";\nimport styled from \"@emotion/styled\";\n\nexport type DataViewProps<TData extends MRT_RowData> = UniversalProps<TData> &\n  ViewProps<TData, DataLayout>;\ntype DataViewComponent = (<TData extends MRT_RowData>(\n  props: DataViewProps<TData>,\n) => JSX.Element) & {\n  displayName?: string;\n};\n\nconst DataViewContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  flexDirection: \"column\",\n  gap: odysseyDesignTokens.Spacing4,\n}));\n\nconst BulkActionsContainer = styled(\"div\")(() => ({\n  display: \"flex\",\n  justifyContent: \"space-between\",\n}));\n\nconst AdditionalActionsContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  justifyContent: \"flex-end\",\n  gap: odysseyDesignTokens.Spacing2,\n}));\n\nconst AdditionalActionsInner = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  gap: odysseyDesignTokens.Spacing2,\n}));\n\nconst MetaTextContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  marginInlineEnd: odysseyDesignTokens.Spacing2,\n}));\n\nconst DataView = <TData extends MRT_RowData>({\n  additionalActionButton,\n  additionalActionMenuItems,\n  availableLayouts = allAvailableLayouts,\n  bulkActionMenuItems,\n  currentPage = 1,\n  emptyPlaceholder,\n  enableVirtualization: enableVirtualizationProp,\n  errorMessage: errorMessageProp,\n  filters: filtersProp,\n  getData,\n  getRowId: getRowIdProp,\n  hasFilters,\n  hasPagination,\n  hasPageInput,\n  hasRowCountInput,\n  hasRowCountLabel,\n  hasSearch,\n  hasSearchSubmitButton,\n  hasRowReordering,\n  hasRowSelection,\n  initialLayout,\n  isEmpty: isEmptyProp,\n  isLoading: isLoadingProp,\n  isNoResults: isNoResultsProp,\n  isPaginationMoreDisabled,\n  isRowReorderingDisabled,\n  metaText,\n  noResultsPlaceholder,\n  onChangeRowSelection,\n  onReorderRows,\n  paginationType = \"paged\",\n  resultsPerPage = 20,\n  searchDelayTime,\n  cardLayoutOptions,\n  tableLayoutOptions,\n  totalRows,\n  maxPages,\n  maxResultsPerPage,\n  onPaginationChange,\n}: DataViewProps<TData>) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const { t } = useTranslation();\n\n  const [currentLayout, setCurrentLayout] = useState<DataLayout>(\n    initialLayout ?? availableLayouts[0],\n  );\n\n  const [data, setData] = useState<TData[]>([]);\n  const [isLoading, setIsLoading] = useState<boolean>(isLoadingProp ?? true);\n  const [isEmpty, setIsEmpty] = useState<boolean>(isEmptyProp ?? true);\n  const [isNoResults, setIsNoResults] = useState<boolean>(\n    isNoResultsProp ?? false,\n  );\n  const [errorMessage, setErrorMessage] =\n    useState<UniversalProps<TData>[\"errorMessage\"]>(errorMessageProp);\n\n  const [search, setSearch] = useState<string>(\"\");\n\n  const [initialFilters, setInitialFilters] =\n    useState<UniversalProps<TData>[\"filters\"]>(filtersProp);\n  const [filters, setFilters] =\n    useState<UniversalProps<TData>[\"filters\"]>(filtersProp);\n\n  const [draggingRow, setDraggingRow] = useState<MRT_Row<TData> | null>();\n\n  const [rowSelection, setRowSelection] = useState<MRT_RowSelectionState>({});\n\n  useEffect(() => {\n    onChangeRowSelection?.(rowSelection);\n  }, [rowSelection, onChangeRowSelection]);\n\n  const [pagination, setPagination] = useState({\n    pageIndex: currentPage,\n    pageSize: resultsPerPage,\n  });\n\n  const [tableState, setTableState] = useState<TableState>({\n    columnSorting: [],\n    columnVisibility: {},\n    rowDensity: tableLayoutOptions?.initialDensity ?? densityValues[0],\n  });\n\n  const shouldShowFilters =\n    hasSearch ||\n    hasFilters ||\n    additionalActionButton ||\n    additionalActionMenuItems;\n\n  const availableFilters = useFilterConversion({\n    filters: filters,\n    columns: tableLayoutOptions?.columns,\n  });\n\n  useEffect(() => {\n    if (!initialFilters && availableFilters) {\n      setInitialFilters(availableFilters);\n    }\n  }, [availableFilters, initialFilters]);\n\n  const dataQueryParams = useMemo(\n    () => ({\n      page: pagination.pageIndex,\n      resultsPerPage: pagination.pageSize,\n      search,\n      filters: availableFilters,\n      sort: tableState?.columnSorting,\n    }),\n    [\n      pagination.pageIndex,\n      pagination.pageSize,\n      search,\n      availableFilters,\n      tableState?.columnSorting,\n    ],\n  );\n\n  const getRowId = useCallback<Required<DataViewProps<TData>>[\"getRowId\"]>(\n    (originalRow) => originalRow.id as string,\n    [],\n  );\n\n  // Update pagination state if props change\n  useEffect(() => {\n    setPagination({\n      pageIndex: currentPage,\n      pageSize: resultsPerPage,\n    });\n  }, [currentPage, resultsPerPage]);\n\n  // Reset pagination if search or filters change\n  useEffect(() => {\n    setPagination((prev) => ({\n      pageIndex: 1,\n      pageSize: paginationType == \"loadMore\" ? resultsPerPage : prev.pageSize,\n    }));\n  }, [filters, paginationType, resultsPerPage, search]);\n\n  // Fire onPaginationChange if pagination changes\n  useEffect(() => {\n    onPaginationChange?.(pagination);\n  }, [onPaginationChange, pagination]);\n\n  // Retrieve the data\n  useEffect(() => {\n    fetchData({\n      dataQueryParams,\n      errorMessageProp,\n      getData,\n      setData,\n      setErrorMessage,\n      // Only include setIsLoading if that's not being controlled manually\n      setIsLoading: isLoadingProp ? undefined : setIsLoading,\n    });\n  }, [dataQueryParams, errorMessageProp, getData, isLoadingProp]);\n\n  // When data is updated\n  useEffect(() => {\n    setIsEmpty(\n      pagination.pageIndex === currentPage &&\n        pagination.pageSize === resultsPerPage &&\n        search === \"\" &&\n        (!hasFilters || filters === initialFilters) &&\n        data.length === 0,\n    );\n  }, [\n    currentPage,\n    data,\n    filters,\n    hasFilters,\n    initialFilters,\n    pagination,\n    resultsPerPage,\n    search,\n  ]);\n\n  // Change loading, empty and noResults state on prop change\n  useEffect(() => {\n    setIsLoading((prevValue) => isLoadingProp ?? prevValue);\n  }, [isLoadingProp]);\n\n  useEffect(() => {\n    setIsEmpty((prevValue) => isEmptyProp ?? prevValue);\n  }, [isEmptyProp]);\n\n  useEffect(() => {\n    setIsNoResults((prevValue) => isNoResultsProp ?? prevValue);\n  }, [isNoResultsProp]);\n\n  const emptyState = useMemo(() => {\n    const noResultsInnerContent = noResultsPlaceholder || (\n      <EmptyState\n        description={t(\"table.noresults.text\")}\n        heading={t(\"table.noresults.heading\")}\n      />\n    );\n\n    if (isEmpty) {\n      return emptyPlaceholder || noResultsInnerContent;\n    }\n\n    if (isNoResults) {\n      return noResultsInnerContent;\n    }\n\n    return;\n  }, [noResultsPlaceholder, t, isEmpty, isNoResults, emptyPlaceholder]);\n\n  const additionalActions = useMemo(() => {\n    return (\n      (metaText ||\n        (currentLayout === \"table\" && tableLayoutOptions) ||\n        availableLayouts.length > 1 ||\n        additionalActionButton ||\n        additionalActionMenuItems) && (\n        <AdditionalActionsInner odysseyDesignTokens={odysseyDesignTokens}>\n          {metaText && (\n            <MetaTextContainer odysseyDesignTokens={odysseyDesignTokens}>\n              <Typography color=\"textSecondary\">{metaText}</Typography>\n            </MetaTextContainer>\n          )}\n\n          {currentLayout === \"table\" && tableLayoutOptions && (\n            <TableSettings\n              setTableState={setTableState}\n              tableLayoutOptions={tableLayoutOptions}\n              tableState={tableState}\n            />\n          )}\n\n          {availableLayouts.length > 1 && (\n            <LayoutSwitcher\n              availableLayouts={availableLayouts}\n              currentLayout={currentLayout}\n              setCurrentLayout={setCurrentLayout}\n            />\n          )}\n\n          {additionalActionButton}\n\n          {additionalActionMenuItems && (\n            <MenuButton\n              endIcon={<MoreIcon />}\n              ariaLabel={t(\"table.moreactions.arialabel\")}\n              buttonVariant=\"secondary\"\n              menuAlignment=\"right\"\n            >\n              {additionalActionMenuItems}\n            </MenuButton>\n          )}\n        </AdditionalActionsInner>\n      )\n    );\n  }, [\n    additionalActionButton,\n    additionalActionMenuItems,\n    availableLayouts,\n    currentLayout,\n    metaText,\n    odysseyDesignTokens,\n    tableLayoutOptions,\n    tableState,\n    t,\n  ]);\n\n  const enableVirtualization = useMemo(\n    () => enableVirtualizationProp ?? paginationType === \"loadMore\",\n    [enableVirtualizationProp, paginationType],\n  );\n\n  const { lastRow: lastRowOnPage } = usePagination({\n    currentRowsCount: data.length,\n    pageIndex: pagination.pageIndex,\n    pageSize: pagination.pageSize,\n    totalRows,\n  });\n\n  const rowReorderingUtilities = useRowReordering({\n    totalRows,\n    onReorderRows,\n    data,\n    setData,\n    draggingRow,\n    setDraggingRow,\n    resultsPerPage: pagination.pageSize,\n    page: pagination.pageIndex,\n  });\n\n  return (\n    <DataViewContainer odysseyDesignTokens={odysseyDesignTokens}>\n      {errorMessage && (\n        <Box>\n          <Callout severity=\"error\" text={errorMessage} />\n        </Box>\n      )}\n\n      {shouldShowFilters && (\n        <DataFilters\n          additionalActions={additionalActions}\n          filters={hasFilters ? availableFilters : undefined}\n          hasSearchSubmitButton={hasSearchSubmitButton}\n          isDisabled={isEmpty}\n          onChangeFilters={hasFilters ? setFilters : undefined}\n          onChangeSearch={hasSearch ? setSearch : undefined}\n          searchDelayTime={searchDelayTime}\n        />\n      )}\n\n      {(bulkActionMenuItems || hasRowSelection) && (\n        <BulkActionsContainer>\n          <BulkActionsMenu\n            data={data}\n            menuItems={bulkActionMenuItems}\n            rowSelection={rowSelection}\n            setRowSelection={setRowSelection}\n          />\n          {!shouldShowFilters && additionalActions}\n        </BulkActionsContainer>\n      )}\n\n      {!shouldShowFilters &&\n        !bulkActionMenuItems &&\n        !hasRowSelection &&\n        additionalActions && (\n          <AdditionalActionsContainer odysseyDesignTokens={odysseyDesignTokens}>\n            {additionalActions}\n          </AdditionalActionsContainer>\n        )}\n\n      {currentLayout === \"table\" && tableLayoutOptions && (\n        <TableLayoutContent\n          columns={tableLayoutOptions.columns}\n          data={data}\n          draggingRow={draggingRow}\n          emptyState={emptyState}\n          enableVirtualization={enableVirtualization}\n          getRowId={getRowIdProp || getRowId}\n          hasRowReordering={hasRowReordering}\n          hasRowSelection={hasRowSelection}\n          isEmpty={isEmpty}\n          isLoading={isLoading}\n          isNoResults={isNoResults}\n          isRowReorderingDisabled={isRowReorderingDisabled}\n          onReorderRows={onReorderRows}\n          pagination={pagination}\n          rowReorderingUtilities={rowReorderingUtilities}\n          rowSelection={rowSelection}\n          setRowSelection={setRowSelection}\n          setTableState={setTableState}\n          tableLayoutOptions={tableLayoutOptions}\n          tableState={tableState}\n          totalRows={totalRows}\n        />\n      )}\n      {(currentLayout === \"list\" || currentLayout === \"grid\") &&\n        cardLayoutOptions && (\n          <CardLayoutContent\n            currentLayout={currentLayout}\n            data={data}\n            draggingRow={draggingRow}\n            emptyState={emptyState}\n            getRowId={getRowIdProp || getRowId}\n            hasRowReordering={hasRowReordering}\n            hasRowSelection={hasRowSelection}\n            isEmpty={isEmpty}\n            isLoading={isLoading}\n            isNoResults={isNoResults}\n            isRowReorderingDisabled={isRowReorderingDisabled}\n            onReorderRows={onReorderRows}\n            pagination={pagination}\n            rowReorderingUtilities={rowReorderingUtilities}\n            rowSelection={rowSelection}\n            setRowSelection={setRowSelection}\n            cardLayoutOptions={cardLayoutOptions}\n            totalRows={totalRows}\n          />\n        )}\n\n      {hasPagination && (\n        <Pagination\n          currentPageLabel={t(\"pagination.page\")}\n          hasPageInput={hasPageInput}\n          hasRowCountInput={hasRowCountInput}\n          hasRowCountLabel={hasRowCountLabel}\n          isDisabled={isEmpty}\n          isMoreDisabled={isPaginationMoreDisabled}\n          lastRow={lastRowOnPage}\n          loadMoreLabel={t(\"pagination.loadmore\")}\n          maxPageIndex={maxPages}\n          maxPageSize={maxResultsPerPage}\n          nextLabel={t(\"pagination.next\")}\n          onPaginationChange={setPagination}\n          pageIndex={pagination.pageIndex}\n          pageSize={pagination.pageSize}\n          previousLabel={t(\"pagination.previous\")}\n          rowsPerPageLabel={t(\"pagination.rowsperpage\")}\n          totalRows={totalRows}\n          currentRowsCount={data.length}\n          variant={paginationType}\n        />\n      )}\n    </DataViewContainer>\n  );\n};\n\nconst MemoizedDataView = memo(DataView) as DataViewComponent;\nMemoizedDataView.displayName = \"DataView\";\n\nexport { MemoizedDataView as DataView };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/labs/DataView/DetailPanel.cjs

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DetailPanel = void 0;
+var _react = require("react");
+/*!
+ * Copyright (c) 2024-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.
+ */
+
+const DetailPanel = ({
+  row,
+  renderDetailPanel
+}) => {
+  if (!renderDetailPanel) return null;
+  return renderDetailPanel({
+    row
+  });
+};
+const MemoizedDetailPanel = exports.DetailPanel = (0, _react.memo)(DetailPanel);
+MemoizedDetailPanel.displayName = "DetailPanel";
+//# sourceMappingURL=DetailPanel.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DetailPanel.cjs","names":["_react","require","DetailPanel","row","renderDetailPanel","MemoizedDetailPanel","exports","memo","displayName"],"sources":["../../../../src/labs/DataView/DetailPanel.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { memo } from \"react\";\nimport { CardLayoutProps } from \"./componentTypes.js\";\nimport { MRT_RowData } from \"material-react-table\";\n\nconst DetailPanel = <TData extends MRT_RowData>({\n  row,\n  renderDetailPanel,\n}: {\n  row: TData;\n  renderDetailPanel: CardLayoutProps<TData>[\"renderDetailPanel\"];\n}) => {\n  if (!renderDetailPanel) return null;\n  return renderDetailPanel({ row });\n};\n\nconst MemoizedDetailPanel = memo(DetailPanel);\nMemoizedDetailPanel.displayName = \"DetailPanel\";\n\nexport { MemoizedDetailPanel as DetailPanel };\n"],"mappings":";;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AAZA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAMA,MAAMC,WAAW,GAAGA,CAA4B;EAC9CC,GAAG;EACHC;AAIF,CAAC,KAAK;EACJ,IAAI,CAACA,iBAAiB,EAAE,OAAO,IAAI;EACnC,OAAOA,iBAAiB,CAAC;IAAED;EAAI,CAAC,CAAC;AACnC,CAAC;AAED,MAAME,mBAAmB,GAAAC,OAAA,CAAAJ,WAAA,GAAG,IAAAK,WAAI,EAACL,WAAW,CAAC;AAC7CG,mBAAmB,CAACG,WAAW,GAAG,aAAa","ignoreList":[]}

package/dist/cjs/labs/DataView/LayoutSwitcher.cjs

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LayoutSwitcher = void 0;
+var _react = require("react");
+var _reactI18next = require("react-i18next");
+var _index = require("../../Buttons/index.cjs");
+var _jsxRuntime = require("react/jsx-runtime");
+/*!
+ * Copyright (c) 2024-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.
+ */
+
+const LayoutSwitcher = ({
+  availableLayouts,
+  currentLayout,
+  setCurrentLayout
+}) => {
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)();
+  const changeLayout = (0, _react.useCallback)(value => {
+    setCurrentLayout(value);
+  }, [setCurrentLayout]);
+  const memoizedMenuItems = (0, _react.useMemo)(() => availableLayouts.map(value => ({
+    value,
+    onClick: () => changeLayout(value),
+    label: t(`dataview.layout.${value}`)
+  })), [availableLayouts, changeLayout, t]);
+  return (0, _jsxRuntime.jsx)(_index.MenuButton, {
+    ariaLabel: "Layout",
+    buttonLabel: `${currentLayout.charAt(0).toUpperCase()}${currentLayout.slice(1)}`,
+    menuAlignment: "right",
+    shouldCloseOnSelect: false,
+    children: memoizedMenuItems.map(({
+      value,
+      onClick,
+      label
+    }) => (0, _jsxRuntime.jsx)(_index.MenuItem, {
+      isSelected: currentLayout === value,
+      onClick: onClick,
+      children: label
+    }, value))
+  });
+};
+const MemoizedLayoutSwitcher = exports.LayoutSwitcher = (0, _react.memo)(LayoutSwitcher);
+MemoizedLayoutSwitcher.displayName = "LayoutSwitcher";
+//# sourceMappingURL=LayoutSwitcher.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutSwitcher.cjs","names":["_react","require","_reactI18next","_index","_jsxRuntime","LayoutSwitcher","availableLayouts","currentLayout","setCurrentLayout","t","useTranslation","changeLayout","useCallback","value","memoizedMenuItems","useMemo","map","onClick","label","jsx","MenuButton","ariaLabel","buttonLabel","charAt","toUpperCase","slice","menuAlignment","shouldCloseOnSelect","children","MenuItem","isSelected","MemoizedLayoutSwitcher","exports","memo","displayName"],"sources":["../../../../src/labs/DataView/LayoutSwitcher.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 { Dispatch, memo, useCallback, SetStateAction, useMemo } from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { AvailableLayouts, DataLayout } from \"./componentTypes.js\";\nimport { MenuButton, MenuItem } from \"../../Buttons/index.js\";\n\nexport type LayoutSwitcherProps = {\n  availableLayouts: AvailableLayouts;\n  currentLayout: DataLayout;\n  setCurrentLayout: Dispatch<SetStateAction<DataLayout>>;\n};\n\nconst LayoutSwitcher = ({\n  availableLayouts,\n  currentLayout,\n  setCurrentLayout,\n}: LayoutSwitcherProps) => {\n  const { t } = useTranslation();\n\n  const changeLayout = useCallback(\n    (value: DataLayout) => {\n      setCurrentLayout(value);\n    },\n    [setCurrentLayout],\n  );\n\n  const memoizedMenuItems = useMemo(\n    () =>\n      availableLayouts.map((value: DataLayout) => ({\n        value,\n        onClick: () => changeLayout(value),\n        label: t(`dataview.layout.${value}`),\n      })),\n    [availableLayouts, changeLayout, t],\n  );\n\n  return (\n    <MenuButton\n      ariaLabel=\"Layout\"\n      buttonLabel={`${currentLayout.charAt(0).toUpperCase()}${currentLayout.slice(1)}`}\n      menuAlignment=\"right\"\n      shouldCloseOnSelect={false}\n    >\n      {memoizedMenuItems.map(({ value, onClick, label }) => (\n        <MenuItem\n          key={value}\n          isSelected={currentLayout === value}\n          onClick={onClick}\n        >\n          {label}\n        </MenuItem>\n      ))}\n    </MenuButton>\n  );\n};\n\nconst MemoizedLayoutSwitcher = memo(LayoutSwitcher);\nMemoizedLayoutSwitcher.displayName = \"LayoutSwitcher\";\n\nexport { MemoizedLayoutSwitcher as LayoutSwitcher };\n"],"mappings":";;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAGA,IAAAE,MAAA,GAAAF,OAAA;AAA8D,IAAAG,WAAA,GAAAH,OAAA;AAhB9D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAcA,MAAMI,cAAc,GAAGA,CAAC;EACtBC,gBAAgB;EAChBC,aAAa;EACbC;AACmB,CAAC,KAAK;EACzB,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,4BAAc,EAAC,CAAC;EAE9B,MAAMC,YAAY,GAAG,IAAAC,kBAAW,EAC7BC,KAAiB,IAAK;IACrBL,gBAAgB,CAACK,KAAK,CAAC;EACzB,CAAC,EACD,CAACL,gBAAgB,CACnB,CAAC;EAED,MAAMM,iBAAiB,GAAG,IAAAC,cAAO,EAC/B,MACET,gBAAgB,CAACU,GAAG,CAAEH,KAAiB,KAAM;IAC3CA,KAAK;IACLI,OAAO,EAAEA,CAAA,KAAMN,YAAY,CAACE,KAAK,CAAC;IAClCK,KAAK,EAAET,CAAC,CAAC,mBAAmBI,KAAK,EAAE;EACrC,CAAC,CAAC,CAAC,EACL,CAACP,gBAAgB,EAAEK,YAAY,EAAEF,CAAC,CACpC,CAAC;EAED,OACE,IAAAL,WAAA,CAAAe,GAAA,EAAChB,MAAA,CAAAiB,UAAU;IACTC,SAAS,EAAC,QAAQ;IAClBC,WAAW,EAAE,GAAGf,aAAa,CAACgB,MAAM,CAAC,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,GAAGjB,aAAa,CAACkB,KAAK,CAAC,CAAC,CAAC,EAAG;IACjFC,aAAa,EAAC,OAAO;IACrBC,mBAAmB,EAAE,KAAM;IAAAC,QAAA,EAE1Bd,iBAAiB,CAACE,GAAG,CAAC,CAAC;MAAEH,KAAK;MAAEI,OAAO;MAAEC;IAAM,CAAC,KAC/C,IAAAd,WAAA,CAAAe,GAAA,EAAChB,MAAA,CAAA0B,QAAQ;MAEPC,UAAU,EAAEvB,aAAa,KAAKM,KAAM;MACpCI,OAAO,EAAEA,OAAQ;MAAAW,QAAA,EAEhBV;IAAK,GAJDL,KAKG,CACX;EAAC,CACQ,CAAC;AAEjB,CAAC;AAED,MAAMkB,sBAAsB,GAAAC,OAAA,CAAA3B,cAAA,GAAG,IAAA4B,WAAI,EAAC5B,cAAc,CAAC;AACnD0B,sBAAsB,CAACG,WAAW,GAAG,gBAAgB","ignoreList":[]}