@astral/ui 4.104.2 → 4.106.0

package/node/components/PageHeader/PageActions/SecondaryVisibleActions/styles.d.ts

@@ -9,6 +9,12 @@ export declare const StyledMobileButton: import("@emotion/styled/dist/declaratio
 } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const StyledSecondaryVisibleActions: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("../../../ActionGroup").SecondaryVisibleActionProps & {
+export declare const StyledSecondaryVisibleActions: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
+    actions: import("../../../ActionGroup").SecondaryVisibleAction[];
+    className?: string | undefined;
+    size?: import("../../../Button").ButtonSize | undefined;
+} & {
+    isRenderActionDisabled?: boolean | undefined;
+} & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/components/PageHeader/PageActions/useLogic/useLogic.d.ts

@@ -3,6 +3,7 @@ import { type SecondaryAction } from '../../../ActionGroup';
 import type { PageActionsProps } from '../types';
 export declare const useLogic: <TMainActionComponent extends ElementType = ElementType, TSecondaryActionComponent extends ElementType = ElementType>({ main, secondary, secondaryVisible, withCollapseOnLaptop, }: PageActionsProps<TMainActionComponent, TSecondaryActionComponent>) => {
     disabledAction: boolean;
+    isRenderActionDisabled: boolean;
     buttonClassnames: string;
     isFocusedMode: boolean;
     handleClick: () => void;

package/node/components/PageHeader/PageActions/useLogic/useLogic.js

@@ -5,11 +5,13 @@ const react_1 = require("react");
 const ActionGroup_1 = require("../../../ActionGroup");
 const NextFeatureFlagsContext_1 = require("../../../ConfigProvider/NextFeatureFlagsContext");
 const DashboardContext_1 = require("../../../DashboardContext");
+const useViewportType_1 = require("../../../useViewportType");
 const cn_1 = require("../../../utils/cn");
 const constants_1 = require("../constants");
 const useLogic = ({ main, secondary, secondaryVisible, withCollapseOnLaptop = false, }) => {
     const { showFocusModeButtonOnDesktop, showFocusModeButtonOnLaptop } = (0, react_1.useContext)(NextFeatureFlagsContext_1.NextFeatureFlagsContext);
     const { setFocusedMode, isFocusedMode } = (0, react_1.useContext)(DashboardContext_1.DashboardContext);
+    const { isMobile } = (0, useViewportType_1.useViewportType)();
     const { disabledAction } = (0, ActionGroup_1.useActionsState)({ main, secondary });
     const buttonClassnames = (0, react_1.useMemo)(() => (0, cn_1.cn)({
         [constants_1.focusModeButtonClassnames.isShowOnDesktop]: showFocusModeButtonOnDesktop,
@@ -61,6 +63,7 @@ const useLogic = ({ main, secondary, secondaryVisible, withCollapseOnLaptop = fa
     }, [withCollapseOnLaptop]);
     return {
         disabledAction,
+        isRenderActionDisabled: isMobile,
         buttonClassnames,
         isFocusedMode,
         handleClick,

package/node/components/index.d.ts

@@ -1,5 +1,5 @@
 export * from './Accordion';
-export { ActionGroup, type ActionGroupProps, type MainAction, useMainActions, } from './ActionGroup';
+export { ActionGroup, type ActionElementProps, type ActionGroupProps, type ActionRenderContext, type MainAction, type NestedActionRenderContext, useMainActions, } from './ActionGroup';
 export { AddressAutocomplete, type AddressAutocompleteProps, type AddressAutocompleteValue, } from './AddressAutocomplete';
 export { alertClassnames, Alert, type AlertProps, type AlertSeverity, } from './Alert';
 export { AsyncAutocomplete, type AsyncAutocompleteProps, } from './AsyncAutocomplete';

package/node/components/useScrollManagement/useScrollManagement.js

@@ -26,13 +26,14 @@ const useScrollManagement = ({ scrollRef, isEndReached, onLoadMore, virtuosoId,
         if (scrollRef?.current?.parentElement) {
             scrollRef.current.parentElement.style.position = 'relative';
         }
-    }, [scrollRef]);
-    const recalculateVerticalScroll = () => {
+    }, [scrollRef, isMobile]);
+    const recalculateVerticalScroll = (0, react_1.useCallback)(() => {
         const list = document.getElementById(virtuosoId);
-        if (scrollRef?.current && list) {
-            setHasVerticalScroll(list?.clientHeight > scrollRef.current?.clientHeight);
+        if (!scrollParent || !list) {
+            return;
         }
-    };
+        setHasVerticalScroll(list.clientHeight > scrollParent.clientHeight);
+    }, [scrollParent, virtuosoId]);
     const handleEndReach = () => {
         if (!isEndReached && onLoadMore) {
             onLoadMore();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astral/ui",
-  "version": "4.104.2",
+  "version": "4.106.0",
   "browser": "./index.js",
   "main": "./node/index.js",
   "dependencies": {