@okta/odyssey-react-mui 1.14.4 → 1.14.5

package/src/labs/DataFilters.tsx

@@ -118,6 +118,10 @@ export type DataFiltersProps = {
    * the filter menu won't be shown.
    */
   filters?: Array<DataFilter>;
+  /**
+   * If true, the filter and search will be disabled
+   */
+  isDisabled?: boolean;
 };
 
 const DataFilters = ({
@@ -128,6 +132,7 @@ const DataFilters = ({
   defaultSearchTerm = "",
   additionalActions,
   filters: filtersProp = [],
+  isDisabled,
 }: DataFiltersProps) => {
   const [filters, setFilters] = useState<DataFilter[]>(filtersProp);
   const { t } = useTranslation();
@@ -311,6 +316,7 @@ const DataFilters = ({
             aria-expanded={isFiltersMenuOpen ? "true" : undefined}
             aria-haspopup="true"
             ariaLabel={t("filters.filters.arialabel")}
+            isDisabled={isDisabled}
             endIcon={<FilterIcon />}
             onClick={(event) => {
               setFiltersMenuAnchorElement(event.currentTarget);
@@ -406,6 +412,7 @@ const DataFilters = ({
     ),
     [
       isFiltersMenuOpen,
+      isDisabled,
       filterPopoverCurrentFilter,
       isFilterPopoverOpen,
       filtersMenuAnchorElement,
@@ -659,6 +666,8 @@ const DataFilters = ({
                 <SearchField
                   value={searchValue}
                   label={t("filters.search.label")}
+                  placeholder={t("filters.search.label")}
+                  isDisabled={isDisabled}
                   onClear={() => {
                     setSearchValue("");
                     onChangeSearch("");

package/src/labs/DataTable.tsx

@@ -12,7 +12,7 @@
 
 import {
   MRT_Updater,
-  MRT_Virtualizer,
+  MRT_RowVirtualizer,
   MRT_RowData,
   MRT_TableOptions,
   useMaterialReactTable,
@@ -426,12 +426,9 @@ const DataTable = ({
   );
 
   const rowVirtualizerInstanceRef =
-    useRef<MRT_Virtualizer<HTMLDivElement, HTMLTableRowElement>>(null);
+    useRef<MRT_RowVirtualizer<HTMLDivElement, HTMLTableRowElement>>(null);
 
-  const getRowFromTableAndSetHovered = (
-    table: TableType,
-    id: MRT_RowData["id"],
-  ) => {
+  const setHoveredRow = (table: TableType, id: MRT_RowData["id"]) => {
     if (id) {
       const nextRow: MRT_RowData = table.getRow(id);
 
@@ -501,12 +498,12 @@ const DataTable = ({
 
           if (isArrowDown || isArrowUp) {
             const nextIndex = isArrowDown ? index + 1 : index - 1;
-            getRowFromTableAndSetHovered(table, data[nextIndex]?.id);
+            setHoveredRow(table, data[nextIndex]?.id);
           }
         } else {
           if (isArrowDown || isArrowUp) {
             const nextIndex = isArrowDown ? row.index + 1 : row.index - 1;
-            getRowFromTableAndSetHovered(table, data[nextIndex]?.id);
+            setHoveredRow(table, data[nextIndex]?.id);
           }
         }
       } else {
@@ -605,7 +602,6 @@ const DataTable = ({
           align: "right",
           sx: {
             width: "unset",
-            // TODO: Make the right padding here 16px (and possibly adapt it to the density padding)
           },
         },
       },

package/src/labs/index.ts

@@ -17,13 +17,16 @@ export type { LocalizationProviderProps } from "@mui/x-date-pickers";
 export * from "./DatePicker";
 export * from "./datePickerTheme";
 
+/** @deprecated Will be removed in a future Odyssey version in lieu of the one shipping with DataTable */
 export * from "./DataTablePagination";
 export * from "./DataFilters";
 
 export * from "./Drawer";
 
 export * from "./materialReactTableTypes";
+/** @deprecated Will be removed in a future Odyssey version in lieu of DataTable */
 export * from "./StaticTable";
+/** @deprecated Will be removed in a future Odyssey version in lieu of DataTable */
 export * from "./PaginatedTable";
 
 export * from "./GroupPicker";

package/src/properties/odyssey-react-mui.properties

@@ -12,6 +12,14 @@ filters.menuitem.any = Any {{label}}
 filters.menuitem.selected = {{selected}} selected
 filters.search.label = Search
 passwordfield.icon.label.hide = Hide password
+filters.clear.label = Clear filters
+filters.filter.any = Any
+filters.filter.clear = Clear filter
+filters.filters.arialabel = Filters
+filters.menuitem.any = Any {{label}}
+filters.menuitem.selected = {{selected}} selected
+filters.search.label = Search
+passwordfield.icon.label.hide = Hide password
 passwordfield.icon.label.show = Show password
 severity.error = error
 severity.info = info
@@ -24,10 +32,24 @@ table.columnvisibility.arialabel = Show/hide columns
 table.density.arialabel = Table density
 table.draghandle.arialabel = Drag row to reorder. Or, press space or enter to start and stop reordering and esc to cancel.
 table.draghandle.tooltip = Drag row or press space/enter key to start and stop reordering
+table.actions = Actions
+table.columnvisibility.arialabel = Show/hide columns
+table.density.arialabel = Table density
+table.draghandle.arialabel = Drag row to reorder. Or, press space or enter to start and stop reordering and esc to cancel.
+table.draghandle.tooltip = Drag row or press space/enter key to start and stop reordering
 table.error = Error loading data.
 table.fetchedrows.text = Fetched {{totalRows}} row
 table.fetchedrows.text_plural = Fetched {{totalRows}} total rows
 table.moreactions.arialabel = More actions
+table.noresults.heading = There are no results.
+table.noresults.text = Try a different query.
+table.pagination.loadmore = Show more
+table.pagination.next = Next page
+table.pagination.previous = Previous page
+table.pagination.page = Page
+table.pagination.rowsperpage = Rows per page
+table.pagination.rowswithtotal = {{firstRow}}-{{lastRow}} of {{totalRows}} rows
+table.pagination.rowswithouttotal = {{firstRow}}-{{lastRow}} rows
 table.reorder.backward = Send backward
 table.reorder.forward = Bring forward
 table.reorder.toback = Send to back

package/src/properties/ts/odyssey-react-mui.ts

@@ -1 +1 @@
-export const translation = {"breadcrumbs.home.text":"Home","breadcrumbs.label.text":"Breadcrumbs","close.text":"close","fielderror.screenreader.text":"Error","fieldlabel.optional.text":"Optional","fieldlabel.required.text":"Required","filters.clear.label":"Clear filters","filters.filter.any":"Any","filters.filter.clear":"Clear filter","filters.filters.arialabel":"Filters","filters.menuitem.any":"Any {{label}}","filters.menuitem.selected":"{{selected}} selected","filters.search.label":"Search","passwordfield.icon.label.hide":"Hide password","passwordfield.icon.label.show":"Show password","severity.error":"error","severity.info":"info","severity.success":"success","severity.warning":"warning","switch.active":"Active","switch.inactive":"Inactive","table.actions":"Actions","table.columnvisibility.arialabel":"Show/hide columns","table.density.arialabel":"Table density","table.draghandle.arialabel":"Drag row to reorder. Or, press space or enter to start and stop reordering and esc to cancel.","table.draghandle.tooltip":"Drag row or press space/enter key to start and stop reordering","table.error":"Error loading data.","table.fetchedrows.text":"Fetched {{totalRows}} row","table.fetchedrows.text_plural":"Fetched {{totalRows}} total rows","table.moreactions.arialabel":"More actions","table.reorder.backward":"Send backward","table.reorder.forward":"Bring forward","table.reorder.toback":"Send to back","table.reorder.tofront":"Bring to front","table.rows.text":"{{totalRows}} row","table.rows.text_plural":"{{totalRows}} rows"};
+export const translation = {"breadcrumbs.home.text":"Home","breadcrumbs.label.text":"Breadcrumbs","close.text":"close","fielderror.screenreader.text":"Error","fieldlabel.optional.text":"Optional","fieldlabel.required.text":"Required","filters.clear.label":"Clear filters","filters.filter.any":"Any","filters.filter.clear":"Clear filter","filters.filters.arialabel":"Filters","filters.menuitem.any":"Any {{label}}","filters.menuitem.selected":"{{selected}} selected","filters.search.label":"Search","passwordfield.icon.label.hide":"Hide password","passwordfield.icon.label.show":"Show password","severity.error":"error","severity.info":"info","severity.success":"success","severity.warning":"warning","switch.active":"Active","switch.inactive":"Inactive","table.actions":"Actions","table.columnvisibility.arialabel":"Show/hide columns","table.density.arialabel":"Table density","table.draghandle.arialabel":"Drag row to reorder. Or, press space or enter to start and stop reordering and esc to cancel.","table.draghandle.tooltip":"Drag row or press space/enter key to start and stop reordering","table.error":"Error loading data.","table.fetchedrows.text":"Fetched {{totalRows}} row","table.fetchedrows.text_plural":"Fetched {{totalRows}} total rows","table.moreactions.arialabel":"More actions","table.noresults.heading":"There are no results.","table.noresults.text":"Try a different query.","table.pagination.loadmore":"Show more","table.pagination.next":"Next page","table.pagination.previous":"Previous page","table.pagination.page":"Page","table.pagination.rowsperpage":"Rows per page","table.pagination.rowswithtotal":"{{firstRow}}-{{lastRow}} of {{totalRows}} rows","table.pagination.rowswithouttotal":"{{firstRow}}-{{lastRow}} rows","table.reorder.backward":"Send backward","table.reorder.forward":"Bring forward","table.reorder.toback":"Send to back","table.reorder.tofront":"Bring to front","table.rows.text":"{{totalRows}} row","table.rows.text_plural":"{{totalRows}} rows"};