@okta/odyssey-react-mui 1.13.11 → 1.14.2

package/src/icons.generated/Chat.tsx

@@ -37,7 +37,7 @@ export const ChatIcon = forwardRef<SVGSVGElement, ChatIconProps>(
         </>
       </SvgIcon>
     );
-  }
+  },
 );
 
 ChatIcon.displayName = "ChatIcon";

package/src/icons.generated/Check.tsx

@@ -37,7 +37,7 @@ export const CheckIcon = forwardRef<SVGSVGElement, CheckIconProps>(
         </>
       </SvgIcon>
     );
-  }
+  },
 );
 
 CheckIcon.displayName = "CheckIcon";

package/src/icons.generated/ChevronDown.tsx

@@ -37,7 +37,7 @@ export const ChevronDownIcon = forwardRef<SVGSVGElement, ChevronDownIconProps>(
         </>
       </SvgIcon>
     );
-  }
+  },
 );
 
 ChevronDownIcon.displayName = "ChevronDownIcon";

package/src/icons.generated/ChevronLeft.tsx

@@ -37,7 +37,7 @@ export const ChevronLeftIcon = forwardRef<SVGSVGElement, ChevronLeftIconProps>(
         </>
       </SvgIcon>
     );
-  }
+  },
 );
 
 ChevronLeftIcon.displayName = "ChevronLeftIcon";

package/src/icons.generated/ChevronUp.tsx

@@ -37,7 +37,7 @@ export const ChevronUpIcon = forwardRef<SVGSVGElement, ChevronUpIconProps>(
         </>
       </SvgIcon>
     );
-  }
+  },
 );
 
 ChevronUpIcon.displayName = "ChevronUpIcon";

package/src/icons.generated/Clock.tsx

@@ -37,7 +37,7 @@ export const ClockIcon = forwardRef<SVGSVGElement, ClockIconProps>(
         </>
       </SvgIcon>
     );
-  }
+  },
 );
 
 ClockIcon.displayName = "ClockIcon";

package/src/icons.generated/Close.tsx

@@ -37,7 +37,7 @@ export const CloseIcon = forwardRef<SVGSVGElement, CloseIconProps>(
         </>
       </SvgIcon>
     );
-  }
+  },
 );
 
 CloseIcon.displayName = "CloseIcon";

package/src/icons.generated/Copy.tsx

@@ -37,7 +37,7 @@ export const CopyIcon = forwardRef<SVGSVGElement, CopyIconProps>(
         </>
       </SvgIcon>
     );
-  }
+  },
 );
 
 CopyIcon.displayName = "CopyIcon";

package/src/icons.generated/Delete.tsx

@@ -37,7 +37,7 @@ export const DeleteIcon = forwardRef<SVGSVGElement, DeleteIconProps>(
         </>
       </SvgIcon>
     );
-  }
+  },
 );
 
 DeleteIcon.displayName = "DeleteIcon";

package/src/icons.generated/Deny.tsx

@@ -37,7 +37,7 @@ export const DenyIcon = forwardRef<SVGSVGElement, DenyIconProps>(
         </>
       </SvgIcon>
     );
-  }
+  },
 );
 
 DenyIcon.displayName = "DenyIcon";

package/src/icons.generated/Devices.tsx

@@ -37,7 +37,7 @@ export const DevicesIcon = forwardRef<SVGSVGElement, DevicesIconProps>(
         </>
       </SvgIcon>
     );
-  }
+  },
 );
 
 DevicesIcon.displayName = "DevicesIcon";

package/src/icons.generated/Directory.tsx

@@ -37,7 +37,7 @@ export const DirectoryIcon = forwardRef<SVGSVGElement, DirectoryIconProps>(
         </>
       </SvgIcon>
     );
-  }
+  },
 );
 
 DirectoryIcon.displayName = "DirectoryIcon";

package/src/icons.generated/Download.tsx

@@ -37,7 +37,7 @@ export const DownloadIcon = forwardRef<SVGSVGElement, DownloadIconProps>(
         </>
       </SvgIcon>
     );
-  }
+  },
 );
 
 DownloadIcon.displayName = "DownloadIcon";

package/src/icons.generated/Edit.tsx

@@ -37,7 +37,7 @@ export const EditIcon = forwardRef<SVGSVGElement, EditIconProps>(
         </>
       </SvgIcon>
     );
-  }
+  },
 );
 
 EditIcon.displayName = "EditIcon";

package/src/icons.generated/ExpandLeft.tsx

@@ -37,7 +37,7 @@ export const ExpandLeftIcon = forwardRef<SVGSVGElement, ExpandLeftIconProps>(
         </>
       </SvgIcon>
     );
-  }
+  },
 );
 
 ExpandLeftIcon.displayName = "ExpandLeftIcon";

package/src/icons.generated/ExpandRight.tsx

@@ -37,7 +37,7 @@ export const ExpandRightIcon = forwardRef<SVGSVGElement, ExpandRightIconProps>(
         </>
       </SvgIcon>
     );
-  }
+  },
 );
 
 ExpandRightIcon.displayName = "ExpandRightIcon";

package/src/icons.generated/Filter.tsx

@@ -37,7 +37,7 @@ export const FilterIcon = forwardRef<SVGSVGElement, FilterIconProps>(
         </>
       </SvgIcon>
     );
-  }
+  },
 );
 
 FilterIcon.displayName = "FilterIcon";

package/src/icons.generated/Folder.tsx

@@ -37,7 +37,7 @@ export const FolderIcon = forwardRef<SVGSVGElement, FolderIconProps>(
         </>
       </SvgIcon>
     );
-  }
+  },
 );
 
 FolderIcon.displayName = "FolderIcon";

package/src/icons.generated/Globe.tsx

@@ -37,7 +37,7 @@ export const GlobeIcon = forwardRef<SVGSVGElement, GlobeIconProps>(
         </>
       </SvgIcon>
     );
-  }
+  },
 );
 
 GlobeIcon.displayName = "GlobeIcon";

package/src/icons.generated/Grid.tsx

@@ -40,7 +40,7 @@ export const GridIcon = forwardRef<SVGSVGElement, GridIconProps>(
         </>
       </SvgIcon>
     );
-  }
+  },
 );
 
 GridIcon.displayName = "GridIcon";

package/src/icons.generated/Group.tsx

@@ -37,7 +37,7 @@ export const GroupIcon = forwardRef<SVGSVGElement, GroupIconProps>(
         </>
       </SvgIcon>
     );
-  }
+  },
 );
 
 GroupIcon.displayName = "GroupIcon";

package/src/icons.generated/Hide.tsx

@@ -37,7 +37,7 @@ export const HideIcon = forwardRef<SVGSVGElement, HideIconProps>(
         </>
       </SvgIcon>
     );
-  }
+  },
 );
 
 HideIcon.displayName = "HideIcon";

package/src/icons.generated/Home.tsx

@@ -37,7 +37,7 @@ export const HomeIcon = forwardRef<SVGSVGElement, HomeIconProps>(
         </>
       </SvgIcon>
     );
-  }
+  },
 );
 
 HomeIcon.displayName = "HomeIcon";

package/src/icons.generated/Link.tsx

@@ -37,7 +37,7 @@ export const LinkIcon = forwardRef<SVGSVGElement, LinkIconProps>(
         </>
       </SvgIcon>
     );
-  }
+  },
 );
 
 LinkIcon.displayName = "LinkIcon";

package/src/icons.generated/List.tsx

@@ -37,7 +37,7 @@ export const ListIcon = forwardRef<SVGSVGElement, ListIconProps>(
         </>
       </SvgIcon>
     );
-  }
+  },
 );
 
 ListIcon.displayName = "ListIcon";

package/src/icons.generated/Lock.tsx

@@ -37,7 +37,7 @@ export const LockIcon = forwardRef<SVGSVGElement, LockIconProps>(
         </>
       </SvgIcon>
     );
-  }
+  },
 );
 
 LockIcon.displayName = "LockIcon";

package/src/icons.generated/More.tsx

@@ -37,7 +37,7 @@ export const MoreIcon = forwardRef<SVGSVGElement, MoreIconProps>(
         </>
       </SvgIcon>
     );
-  }
+  },
 );
 
 MoreIcon.displayName = "MoreIcon";

package/src/icons.generated/Pause.tsx

@@ -37,7 +37,7 @@ export const PauseIcon = forwardRef<SVGSVGElement, PauseIconProps>(
         </>
       </SvgIcon>
     );
-  }
+  },
 );
 
 PauseIcon.displayName = "PauseIcon";

package/src/icons.generated/Refresh.tsx

@@ -37,7 +37,7 @@ export const RefreshIcon = forwardRef<SVGSVGElement, RefreshIconProps>(
         </>
       </SvgIcon>
     );
-  }
+  },
 );
 
 RefreshIcon.displayName = "RefreshIcon";

package/src/icons.generated/Reset.tsx

@@ -37,7 +37,7 @@ export const ResetIcon = forwardRef<SVGSVGElement, ResetIconProps>(
         </>
       </SvgIcon>
     );
-  }
+  },
 );
 
 ResetIcon.displayName = "ResetIcon";

package/src/icons.generated/Resume.tsx

@@ -37,7 +37,7 @@ export const ResumeIcon = forwardRef<SVGSVGElement, ResumeIconProps>(
         </>
       </SvgIcon>
     );
-  }
+  },
 );
 
 ResumeIcon.displayName = "ResumeIcon";

package/src/icons.generated/Search.tsx

@@ -37,7 +37,7 @@ export const SearchIcon = forwardRef<SVGSVGElement, SearchIconProps>(
         </>
       </SvgIcon>
     );
-  }
+  },
 );
 
 SearchIcon.displayName = "SearchIcon";

package/src/icons.generated/Server.tsx

@@ -37,7 +37,7 @@ export const ServerIcon = forwardRef<SVGSVGElement, ServerIconProps>(
         </>
       </SvgIcon>
     );
-  }
+  },
 );
 
 ServerIcon.displayName = "ServerIcon";

package/src/icons.generated/Settings.tsx

@@ -37,7 +37,7 @@ export const SettingsIcon = forwardRef<SVGSVGElement, SettingsIconProps>(
         </>
       </SvgIcon>
     );
-  }
+  },
 );
 
 SettingsIcon.displayName = "SettingsIcon";

package/src/icons.generated/Show.tsx

@@ -37,7 +37,7 @@ export const ShowIcon = forwardRef<SVGSVGElement, ShowIconProps>(
         </>
       </SvgIcon>
     );
-  }
+  },
 );
 
 ShowIcon.displayName = "ShowIcon";

package/src/icons.generated/Subtract.tsx

@@ -37,7 +37,7 @@ export const SubtractIcon = forwardRef<SVGSVGElement, SubtractIconProps>(
         </>
       </SvgIcon>
     );
-  }
+  },
 );
 
 SubtractIcon.displayName = "SubtractIcon";

package/src/icons.generated/Sync.tsx

@@ -37,7 +37,7 @@ export const SyncIcon = forwardRef<SVGSVGElement, SyncIconProps>(
         </>
       </SvgIcon>
     );
-  }
+  },
 );
 
 SyncIcon.displayName = "SyncIcon";

package/src/icons.generated/Unlock.tsx

@@ -37,7 +37,7 @@ export const UnlockIcon = forwardRef<SVGSVGElement, UnlockIconProps>(
         </>
       </SvgIcon>
     );
-  }
+  },
 );
 
 UnlockIcon.displayName = "UnlockIcon";

package/src/icons.generated/Upload.tsx

@@ -37,7 +37,7 @@ export const UploadIcon = forwardRef<SVGSVGElement, UploadIconProps>(
         </>
       </SvgIcon>
     );
-  }
+  },
 );
 
 UploadIcon.displayName = "UploadIcon";

package/src/icons.generated/User.tsx

@@ -37,7 +37,7 @@ export const UserIcon = forwardRef<SVGSVGElement, UserIconProps>(
         </>
       </SvgIcon>
     );
-  }
+  },
 );
 
 UserIcon.displayName = "UserIcon";

package/src/icons.generated/Video.tsx

@@ -37,7 +37,7 @@ export const VideoIcon = forwardRef<SVGSVGElement, VideoIconProps>(
         </>
       </SvgIcon>
     );
-  }
+  },
 );
 
 VideoIcon.displayName = "VideoIcon";

package/src/icons.generated/Warning.tsx

@@ -37,7 +37,7 @@ export const WarningIcon = forwardRef<SVGSVGElement, WarningIconProps>(
         </>
       </SvgIcon>
     );
-  }
+  },
 );
 
 WarningIcon.displayName = "WarningIcon";

package/src/icons.generated/index.ts

@@ -1,5 +1,5 @@
 /*!
- * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * 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.

package/src/index.ts

@@ -53,7 +53,6 @@ export type {
 } from "@mui/material";
 
 export type { FocusHandle } from "./inputUtils";
-
 export { useOdysseyDesignTokens } from "./OdysseyDesignTokensContext";
 
 export * from "./Accordion";

package/src/labs/DataFilters.tsx

@@ -130,10 +130,13 @@ const DataFilters = ({
   const [filters, setFilters] = useState<DataFilter[]>(filtersProp);
 
   const initialInputValues = useMemo(() => {
-    return filtersProp.reduce((accumulator, filter) => {
-      accumulator[filter.id] = filter.value;
-      return accumulator;
-    }, {} as Record<string, DataFilterValue>);
+    return filtersProp.reduce(
+      (accumulator, filter) => {
+        accumulator[filter.id] = filter.value;
+        return accumulator;
+      },
+      {} as Record<string, DataFilterValue>,
+    );
   }, [filtersProp]);
 
   const [inputValues, setInputValues] = useState(initialInputValues);
@@ -141,7 +144,7 @@ const DataFilters = ({
   const [searchValue, setSearchValue] = useState<string>(defaultSearchTerm);
   const activeFilters = useMemo(() => {
     return filters.filter(
-      (filter) => typeof filter.value === "string" && filter.value
+      (filter) => typeof filter.value === "string" && filter.value,
     );
   }, [filters]);
   const [isFiltersMenuOpen, setIsFiltersMenuOpen] = useState<boolean>(false);
@@ -195,7 +198,7 @@ const DataFilters = ({
     ({ filterId, value }: { filterId: string; value: DataFilterValue }) => {
       setInputValues({ ...inputValues, [filterId]: value });
     },
-    [inputValues]
+    [inputValues],
   );
 
   const updateFilters = useCallback(
@@ -207,13 +210,13 @@ const DataFilters = ({
 
       setFilters(updatedFilters);
     },
-    [inputValues, filtersProp]
+    [inputValues, filtersProp],
   );
 
   const getAutoCompleteLabel = <
-    Value extends { label: string } | Array<{ label: string }>
+    Value extends { label: string } | Array<{ label: string }>,
   >(
-    value: Value
+    value: Value,
   ) => {
     if (Array.isArray(value)) {
       // Iterating to find the label
@@ -256,14 +259,17 @@ const DataFilters = ({
         setFilters(updatedFilters);
       }
     },
-    [inputValues, filtersProp]
+    [inputValues, filtersProp],
   );
 
   const clearAllFilters = useCallback(() => {
-    const updatedInputValues = filtersProp.reduce((accumulator, filter) => {
-      accumulator[filter.id] = undefined;
-      return accumulator;
-    }, {} as Record<string, DataFilterValue>);
+    const updatedInputValues = filtersProp.reduce(
+      (accumulator, filter) => {
+        accumulator[filter.id] = undefined;
+        return accumulator;
+      },
+      {} as Record<string, DataFilterValue>,
+    );
 
     setInputValues(updatedInputValues);
 
@@ -327,7 +333,7 @@ const DataFilters = ({
             // `filter` is the initial set of filters provided to the comoponent, so its
             // value prop may not reflect the current value of the filter.
             const latestFilterValue = filters.find(
-              (f) => f.id === filter.id
+              (f) => f.id === filter.id,
             )?.value;
 
             return (
@@ -356,8 +362,8 @@ const DataFilters = ({
                         latestFilterValue.length === 0)
                         ? `Any ${filter.label.toLowerCase()}`
                         : Array.isArray(latestFilterValue)
-                        ? `${latestFilterValue.length} selected`
-                        : latestFilterValue}
+                          ? `${latestFilterValue.length} selected`
+                          : latestFilterValue}
                     </Subordinate>
                   </Box>
                   <ChevronRightIcon />
@@ -368,7 +374,7 @@ const DataFilters = ({
         </MuiMenu>
       </>
     ),
-    [isFiltersMenuOpen, filtersMenuAnchorElement, filtersProp, filters]
+    [isFiltersMenuOpen, filtersMenuAnchorElement, filtersProp, filters],
   );
 
   return (
@@ -427,16 +433,16 @@ const DataFilters = ({
                                   typeof value === "string"
                                     ? getAutoCompleteLabel({ label: value })
                                     : Array.isArray(value)
-                                    ? getAutoCompleteLabel(
-                                        value.map((item) =>
-                                          typeof item === "string"
-                                            ? { label: item }
-                                            : item
+                                      ? getAutoCompleteLabel(
+                                          value.map((item) =>
+                                            typeof item === "string"
+                                              ? { label: item }
+                                              : item,
+                                          ),
                                         )
-                                      )
-                                    : value
-                                    ? getAutoCompleteLabel(value)
-                                    : "";
+                                      : value
+                                        ? getAutoCompleteLabel(value)
+                                        : "";
 
                                 updateInputValue({
                                   filterId: filterPopoverCurrentFilter.id,
@@ -538,11 +544,11 @@ const DataFilters = ({
                                   handleMultiSelectChange(
                                     filterPopoverCurrentFilter.id,
                                     option.value,
-                                    true
+                                    true,
                                   )
                                 }
                               />
-                            )
+                            ),
                           )}
                         </CheckboxGroup>
                       )}
@@ -584,7 +590,7 @@ const DataFilters = ({
                                     ] === option.value
                                   }
                                 />
-                              )
+                              ),
                             )}
                           </>
                         </RadioGroup>