@axinom/mosaic-ui 0.51.0-rc.9 → 0.52.0-rc.0

package/src/components/PageHeader/PageHeaderActionsGroup/PageHeaderActionsGroup.tsx

@@ -37,7 +37,7 @@ export interface PageHeaderActionsGroupProps {
    * Callback to emit when Group Actions is toggled
    * The expanded state is supplied as an argument
    */
-  onActionsGroupToggled?: (expanded: boolean) => void;
+  onActionsGroupToggled?: (expanded: boolean) => Promise<void>;
 }
 
 /**
@@ -112,10 +112,14 @@ export const PageHeaderActionsGroup: React.FC<PageHeaderActionsGroupProps> = ({
     }
   }, [isConfirmOpen, isMouseOverMore, moreCollapse, moreExpanded]);
 
-  const actionsSlice =
-    availableActionSpace < actions.length
-      ? availableActionSpace - 1
-      : availableActionSpace;
+  const showMore = actions.length > availableActionSpace && actions.length > 1;
+  const visibleActions = showMore
+    ? Math.max(availableActionSpace, 1)
+    : actions.length;
+
+  const actionsSlice = showMore
+    ? Math.max(availableActionSpace - 1, 0)
+    : actions.length;
 
   return (
     <div
@@ -134,20 +138,23 @@ export const PageHeaderActionsGroup: React.FC<PageHeaderActionsGroupProps> = ({
             : PageHeaderActionType.Context
         }
         icon={icon}
-        onClick={() => {
+        onClick={async () => {
           if (!isExpanded) {
             collapseAll();
           }
-          toggleExpanded();
-          onActionsGroupToggled(!isExpanded);
+          try {
+            await onActionsGroupToggled(!isExpanded);
+            toggleExpanded();
+          } catch (e) {
+            // Abort the action if an error occurs
+            return;
+          }
         }}
         disabled={disabled}
       />
       <div
         style={{
-          maxWidth: isExpanded
-            ? `${Math.min(availableActionSpace, actions.length) * 121}px`
-            : `0px`,
+          maxWidth: isExpanded ? `${visibleActions * 121}px` : `0px`,
           opacity: isExpanded ? 1 : 0,
         }}
         className={classes.actions}
@@ -173,7 +180,7 @@ export const PageHeaderActionsGroup: React.FC<PageHeaderActionsGroupProps> = ({
             <PageHeaderAction key={idx} {...action} />
           ),
         )}
-        {actions.length > availableActionSpace && (
+        {showMore && (
           <div onMouseEnter={() => setIsMouseOverMore(true)}>
             <PageHeaderAction
               label="More"

package/src/components/PageHeader/helpers/useElementWidthObserver.tsx

@@ -0,0 +1,30 @@
+import { useEffect, useRef, useState } from 'react';
+
+export const useElementWidthObserver = <T extends HTMLElement>(): {
+  width: number;
+  ref: React.RefObject<T>;
+} => {
+  const [width, setWidth] = useState(0);
+  const ref = useRef<T>(null);
+
+  useEffect(() => {
+    const observer = new ResizeObserver((entries) => {
+      setWidth(entries[0].contentRect.width);
+    });
+
+    const current = ref.current;
+
+    if (current) {
+      observer.observe(current);
+    }
+
+    return () => {
+      current && observer.unobserve(current);
+    };
+  }, []);
+
+  return {
+    width,
+    ref,
+  };
+};

package/src/initialize.ts

@@ -21,11 +21,11 @@ export let removeIndicator: RemoveIndicator | (() => void) =
 
 export let on: CustomEventEmitter['on'] | (() => void) = polyfill('on');
 
+export let setTitle: (title?: string) => void = polyfill('setTitle');
+
 export let setSaveIndicator: (type: SaveIndicatorType) => void =
   polyfill('setSaveIndicator');
 
-export let setTitle: (title?: string) => void = polyfill('setTitle');
-
 /**
  * Passes the PiralApi methods to the UI library.
  * @param app {UiConfig} object containing PiralApi methods for use in UI library.

package/dist/components/Explorer/InMemoryDataProvider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"InMemoryDataProvider.d.ts","sourceRoot":"","sources":["../../../src/components/Explorer/InMemoryDataProvider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAgB,MAAM,YAAY,CAAC;AAEvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAExD,KAAK,cAAc,CAAC,CAAC,SAAS,IAAI,IAAI,CACpC,KAAK,EAAE,OAAO,EACd,MAAM,EAAE,WAAW,EACnB,IAAI,EAAE,CAAC,KACJ,OAAO,CAAC;AAEb,UAAU,uBAAuB,CAAC,CAAC,SAAS,IAAI;IAC9C,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE;QAChB,CAAC,QAAQ,EAAE,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;KACvC,CAAC;CACH;AAED,wBAAgB,0BAA0B,CAAC,CAAC,SAAS,IAAI,EACvD,IAAI,EAAE,CAAC,EAAE,EACT,EACE,iBAAyB,EACzB,eAAoB,GACrB,GAAE,uBAAuB,CAAC,CAAC,CAAM,GACjC,oBAAoB,CAAC,CAAC,CAAC,CAqBzB;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,cAAc,CAAC,IAAI,CAE1C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,cAAc,CAAC,IAAI,CAErD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mCAAmC,EAAE,cAAc,CAAC,IAAI,CAKpE,CAAC"}

package/dist/components/Explorer/useDataProvider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDataProvider.d.ts","sourceRoot":"","sources":["../../../src/components/Explorer/useDataProvider.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,OAAO,EACL,oBAAoB,EACpB,8BAA8B,EAC/B,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAErD,UAAU,sBAAsB,CAAC,CAAC;IAChC,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,WAAW,EAAE,YAAY,CAAC;IACnC,QAAQ,CAAC,WAAW,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,YAAY,EAAE,MAAM,IAAI,CAAC;IAClC,QAAQ,CAAC,aAAa,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACpD,QAAQ,CAAC,eAAe,EAAE,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAC7D,QAAQ,CAAC,iBAAiB,EAAE,MAAM,IAAI,CAAC;IACvC,QAAQ,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC;CACpB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,wBAAwB,CAAC,CAAC,SAAS,IAAI;IAC/C,YAAY,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC;IACtC,WAAW,EAAE,KAAK,CAAC,YAAY,CAAC,8BAA8B,CAAC,CAAC,CAAC,CAAC,CAAC;IACnE,iBAAiB,EAAE,KAAK,CAAC,QAAQ,CAC/B,KAAK,CAAC,cAAc,CAAC,cAAc,GAAG,SAAS,CAAC,CACjD,CAAC;IACF,gBAAgB,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC,CAAC;CACvB;AAED,wBAAgB,eAAe,CAAC,CAAC,SAAS,IAAI,EAAE,EAC9C,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EAChB,OAAO,EACP,WAAW,GACZ,EAAE,wBAAwB,CAAC,CAAC,CAAC,GAAG,sBAAsB,CAAC,CAAC,CAAC,CAsIzD"}

package/dist/components/Explorer/useStationMessage.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import { MessageBarProps } from '../MessageBar/MessageBar';
-export interface StationMessage {
-    type: MessageBarProps['type'];
-    title: MessageBarProps['title'];
-    body?: React.ReactNode;
-    canClose: boolean;
-    onRetry?: MessageBarProps['onRetry'];
-}
-export declare const useStationMessage: () => {
-    stationMessage: StationMessage | undefined;
-    setStationMessage: React.Dispatch<React.SetStateAction<StationMessage | undefined>>;
-    StationMessage: JSX.Element;
-};
-//# sourceMappingURL=useStationMessage.d.ts.map

package/dist/components/Explorer/useStationMessage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useStationMessage.d.ts","sourceRoot":"","sources":["../../../src/components/Explorer/useStationMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAc,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAEvE,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAC9B,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;IAChC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;CACtC;AAED,eAAO,MAAM,iBAAiB;;;oBAKZ,WAAW;CAwB5B,CAAC"}