@axinom/mosaic-ui 0.65.0-rc.9 → 0.66.0-rc.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axinom/mosaic-ui",
-  "version": "0.65.0-rc.9",
+  "version": "0.66.0-rc.0",
   "description": "UI components for building Axinom Mosaic applications",
   "author": "Axinom",
   "license": "PROPRIETARY",
@@ -112,5 +112,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4574703f2871cb4fc2bef6791ed9bd65fdda66b7"
+  "gitHead": "33d1874b89d5afbcab34421ddef28e2ee6838d00"
 }

package/src/components/Explorer/BulkEdit/useBulkEdit.tsx

@@ -19,6 +19,7 @@ import { BulkEditFormFieldsConfigConverter } from './FormFieldsConfigConverter';
 export interface useBulkEditProps<T extends Data> {
   bulkEditRegistration?: BulkEditRegistration<T>;
   getBulkActionSelection: () => ItemSelection<T>;
+  collapseFilters: () => void;
 }
 
 export interface useBulkEditReturnType<T extends Data> {
@@ -32,6 +33,7 @@ export interface useBulkEditReturnType<T extends Data> {
 export const useBulkEdit = <T extends Data>({
   bulkEditRegistration,
   getBulkActionSelection,
+  collapseFilters,
 }: useBulkEditProps<T>): useBulkEditReturnType<T> => {
   const [isBulkEditMode, setIsBulkEditMode] = useState<boolean>(false);
   const [noItemsSelected, setNoItemsSelected] = useState<boolean>(false);
@@ -75,11 +77,15 @@ export const useBulkEdit = <T extends Data>({
         ? {
             label: bulkEditRegistration.label ?? 'Edit',
             icon: bulkEditRegistration.icon ?? IconName.BulkEdit,
-            tag: 'BETA',
-            onClick: () => setIsBulkEditMode((prev) => !prev),
+            onClick: () => {
+              setIsBulkEditMode((prev) => !prev);
+              if (!isBulkEditMode) {
+                collapseFilters();
+              }
+            },
           }
         : undefined,
-    [bulkEditRegistration],
+    [bulkEditRegistration, collapseFilters, isBulkEditMode],
   );
 
   const handleSave = useCallback(

package/src/components/Explorer/Explorer.tsx

@@ -368,6 +368,7 @@ export const Explorer = React.forwardRef(function Explorer<T extends Data>(
   } = useBulkEdit({
     bulkEditRegistration,
     getBulkActionSelection,
+    collapseFilters,
   });
 
   const { resultsTitle } = useSubtitle<T>(

package/src/components/Explorer/QuickEdit/useQuickEdit.tsx

@@ -126,8 +126,8 @@ export const useQuickEdit = <T extends Data>({
                 }
                 setIsQuickEditMode(isOpen);
                 setCurrentRegistration(isOpen ? registrations[0] : undefined);
-                collapseFilters();
                 if (isOpen) {
+                  collapseFilters();
                   listRef.current?.selectIndex(0);
                 }
               }

package/src/components/Icons/Icons.models.ts

@@ -5,6 +5,7 @@ export enum IconName {
   Archive,
   Audio,
   DescriptiveAudio,
+  ThumbnailsIcon,
   BackwardOne,
   BackwardTen,
   Block,

package/src/components/Icons/Icons.tsx

@@ -77,6 +77,22 @@ const DescriptiveAudioIcon: React.FC<{ className?: string }> = ({
   </svg>
 );
 
+const ThumbnailsIcon: React.FC<{ className?: string }> = ({ className }) => (
+  <svg
+    className={clsx(classes.icons, className)}
+    version="1.1"
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 40 40"
+  >
+    <path
+      vectorEffect="non-scaling-stroke"
+      fill="none"
+      strokeWidth="2"
+      d="M38,20c0,9.9-8.1,18-18,18S2,29.9,2,20,10.1,2,20,2s18,8.1,18,18ZM14.3,12c0,1.6,1.2,2.7,2.7,2.7s2.7-1.1,2.7-2.7-1.2-2.7-2.7-2.7-2.7,1.1-2.7,2.7ZM37.5,24l-8.1-8.1-11.4,11.4-6.6-6.6-7.4,7.4"
+    />
+  </svg>
+);
+
 const BackwardOne: React.FC<{ className?: string }> = ({ className }) => (
   <svg
     className={clsx(classes.icons, className)}
@@ -944,6 +960,7 @@ export const Icons: React.FC<IconsProps> = ({ icon, className }) => {
     [IconName.Archive]: <ArchiveIcon className={className} />,
     [IconName.Audio]: <AudioIcon className={className} />,
     [IconName.DescriptiveAudio]: <DescriptiveAudioIcon className={className} />,
+    [IconName.ThumbnailsIcon]: <ThumbnailsIcon className={className} />,
     [IconName.BackwardOne]: <BackwardOne className={className} />,
     [IconName.BackwardTen]: <BackwardTen className={className} />,
     [IconName.Block]: <BlockIcon className={className} />,