@chayns-components/core 5.0.58 → 5.0.59

package/lib/types/components/multi-action-button/MultiActionButton.styles.d.ts

@@ -4,6 +4,7 @@ export declare const StyledMultiActionButton: import("styled-components/dist/typ
 }, never>> & string & Omit<import("motion/react").ForwardRefComponent<HTMLDivElement, import("motion/react").HTMLMotionProps<"div">>, keyof React.Component<any, {}, any>>;
 type StyledSeparatorProps = WithTheme<{
     $gapColor?: string;
+    $isHidden?: boolean;
 }>;
 export declare const StyledSeparator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, StyledSeparatorProps>> & string;
 export {};

package/lib/types/components/multi-action-button/MultiActionButton.types.d.ts

@@ -206,6 +206,14 @@ export type MultiActionButtonProps = {
      * @optional
      */
     secondaryContextMenu?: MultiActionButtonSecondaryContextMenu;
+    /**
+     * Whether the button should collapse automatically based on the available width.
+     * @description When enabled, the control switches from the default layout to an icon-only
+     * layout and finally to a primary-only icon layout as space becomes tighter.
+     * @default false
+     * @optional
+     */
+    shouldAutoCollapse?: boolean;
     /**
      * Whether the button should take the full width of its parent.
      * @description When true, the control stretches to 100% width unless `width` is provided.

package/lib/types/components/multi-action-button/MultiActionButton.utils.d.ts

@@ -1,4 +1,26 @@
 import type { CSSProperties } from 'react';
+export declare enum MultiActionButtonAutoCollapseMode {
+    Expanded = "expanded",
+    IconsOnly = "icons-only",
+    PrimaryOnly = "primary-only"
+}
+export declare const MULTI_ACTION_BUTTON_LABEL_GAP_PX = 6;
+export declare const MULTI_ACTION_BUTTON_LABEL_RIGHT_PADDING_PX = 18;
+export declare const MULTI_ACTION_BUTTON_SEPARATOR_WIDTH_PX = 1;
+export interface GetMultiActionButtonAutoCollapseModeOptions {
+    availableWidth?: number;
+    expandedWidth: number;
+    hasSecondaryAction: boolean;
+    height: number;
+    previousMode?: MultiActionButtonAutoCollapseMode;
+}
+export declare const getMinimumMultiActionButtonIconsWidth: ({ hasSecondaryAction, height, }: Pick<GetMultiActionButtonAutoCollapseModeOptions, "hasSecondaryAction" | "height">) => number;
+export interface GetMinimumPrimaryLabelVisibleWidthOptions {
+    hasVisibleSecondaryAction: boolean;
+    height: number;
+}
+export declare const getMinimumPrimaryLabelVisibleWidth: ({ hasVisibleSecondaryAction, height, }: GetMinimumPrimaryLabelVisibleWidthOptions) => number;
+export declare const getMultiActionButtonAutoCollapseMode: ({ availableWidth, expandedWidth, hasSecondaryAction, height, previousMode, }: GetMultiActionButtonAutoCollapseModeOptions) => MultiActionButtonAutoCollapseMode;
 export interface GetSecondaryContextMenuTriggerStyleOptions {
     height: number;
     isCollapsed: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/core",
-    "version": "5.0.58",
+    "version": "5.0.59",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "sideEffects": false,
     "browserslist": [
@@ -87,5 +87,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "03da47d802e7cfc6d035237fdd8d21dafe1cae7e"
+    "gitHead": "f7cf00d037b2431608164c98634c29951a738735"
 }