@vibe/core 3.85.1 → 3.86.0

package/dist/components/Skeleton/Skeleton.d.ts

@@ -1,5 +1,4 @@
 import React from "react";
-import { SkeletonType as SkeletonTypeEnum, TextSkeletonSize as TextSkeletonSizeEnum } from "./SkeletonConstants";
 import { type SkeletonType, type SkeletonSizeType } from "./Skelton.types";
 import { type VibeComponentProps } from "../../types";
 export interface SkeletonProps extends VibeComponentProps {
@@ -28,13 +27,5 @@ export interface SkeletonProps extends VibeComponentProps {
      */
     fullWidth?: boolean;
 }
-declare const _default: React.FC<SkeletonProps> & {
-    types: typeof SkeletonTypeEnum;
-    sizes: {
-        CUSTOM: string;
-        CIRCLE: {};
-        RECTANGLE: {};
-        TEXT: typeof TextSkeletonSizeEnum;
-    };
-};
-export default _default;
+declare const Skeleton: ({ type, size, className, wrapperClassName, width, height, fullWidth, id, "data-testid": dataTestId }: SkeletonProps) => React.JSX.Element;
+export default Skeleton;

package/dist/components/Skeleton/SkeletonConstants.d.ts

@@ -1,29 +1 @@
 export declare const SKELETON_CUSTOM_SIZE = "custom";
-/**
- * @deprecated
- */
-export declare enum SkeletonType {
-    CIRCLE = "circle",
-    RECTANGLE = "rectangle",
-    TEXT = "text"
-}
-/**
- * @deprecated
- */
-export declare enum TextSkeletonSize {
-    H1 = "h1",
-    H2 = "h2",
-    H3 = "h3",
-    H4 = "h4",
-    H5 = "h5",
-    H6 = "h6",
-    P = "p",
-    SMALL = "small"
-}
-export declare const SKELETON_SIZES: {
-    CUSTOM: string;
-    CIRCLE: {};
-    RECTANGLE: {};
-    TEXT: typeof TextSkeletonSize;
-};
-export type SkeletonSizeType = TextSkeletonSize | typeof SKELETON_CUSTOM_SIZE;

package/dist/components/Slider/Slider.d.ts

@@ -1,6 +1,5 @@
 import React, { type ReactElement } from "react";
 import { type IconType } from "@vibe/icon";
-import { SliderColor as SliderColorEnum } from "./SliderConstants";
 import { type SliderColor, type SliderLabelColor, type SliderLabelPosition, type SliderSize } from "./Slider.types";
 export type SliderProps = {
     /**
@@ -117,12 +116,5 @@ export type SliderProps = {
      */
     selectionIndicatorWidth?: string;
 };
-declare const _default: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLElement>> & {
-    sizes: {
-        readonly SMALL: "small";
-        readonly MEDIUM: "medium";
-        readonly LARGE: "large";
-    };
-    colors: typeof SliderColorEnum;
-};
-export default _default;
+declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLElement>>;
+export default Slider;

package/dist/components/Slider/SliderConstants.d.ts

@@ -5,21 +5,6 @@ export declare const BEM_PREFIX = "monday";
 export declare const COMPONENT_ID = "slider";
 export declare const UPDATE_SLIDER_SIZE_DEBOUNCE = 200;
 export declare const TOOLTIP_SHOW_DELAY = 300;
-/**
- * @deprecated
- */
-export declare enum InfixKind {
-    PREFIX = "prefix",
-    POSTFIX = "postfix"
-}
-/**
- * @deprecated
- */
-export declare enum SliderColor {
-    PRIMARY = "primary",
-    NEGATIVE = "negative",
-    POSITIVE = "positive"
-}
 export type SliderContextSelection = {
     max: number;
     min: number;

package/dist/components/Slider/SliderInfix.d.ts

@@ -1,5 +1,4 @@
-import React from "react";
-import { InfixKind as InfixKindEnum } from "./SliderConstants";
+import { type FC } from "react";
 import { type VibeComponentProps } from "../../types";
 import { type InfixKind } from "./Slider.types";
 export interface SliderInfixProps extends VibeComponentProps {
@@ -8,7 +7,5 @@ export interface SliderInfixProps extends VibeComponentProps {
      */
     kind?: InfixKind;
 }
-declare const _default: React.FC<SliderInfixProps> & {
-    kinds: typeof InfixKindEnum;
-};
-export default _default;
+declare const SliderInfix: FC<SliderInfixProps>;
+export default SliderInfix;

package/dist/components/SplitButton/SplitButton.d.ts

@@ -40,27 +40,5 @@ export interface SplitButtonProps extends ButtonProps {
      */
     shouldCloseOnClickInsideDialog?: boolean;
 }
-declare const _default: React.FC<SplitButtonProps> & {
-    secondaryPositions: {
-        readonly BOTTOM_START: "bottom-start";
-        readonly BOTTOM_MIDDLE: "bottom";
-        readonly BOTTOM_END: "bottom-end";
-    };
-    secondaryDialogPositions: {
-        readonly BOTTOM_START: "bottom-start";
-        readonly BOTTOM_MIDDLE: "bottom";
-        readonly BOTTOM_END: "bottom-end";
-    };
-    sizes: {
-        readonly SMALL: "small";
-        readonly MEDIUM: "medium";
-        readonly LARGE: "large";
-        readonly XXS: "xxs";
-        readonly XS: "xs";
-    };
-    colors: typeof import("@vibe/button/dist/Button/ButtonConstants").ButtonColor;
-    kinds: typeof import("@vibe/button/dist/Button/ButtonConstants").ButtonType;
-    inputTags: typeof import("@vibe/button/dist/Button/ButtonConstants").ButtonInputType;
-    dialogPaddingSizes: typeof import("@vibe/dialog").DialogSizeEnum;
-};
-export default _default;
+declare const SplitButton: ({ secondaryDialogContent, onSecondaryDialogDidShow, onSecondaryDialogDidHide, shouldCloseOnClickInsideDialog, zIndex, secondaryDialogClassName, secondaryDialogPosition, dialogContainerSelector, dialogPaddingSize, disabled, success, loading, kind, color, className, leftIcon, rightIcon, onClick, children, marginLeft, marginRight, active, id, "data-testid": dataTestId, ...buttonProps }: SplitButtonProps) => React.JSX.Element;
+export default SplitButton;

package/dist/components/SplitButton/SplitButtonConstants.d.ts

@@ -1,10 +1,10 @@
-import { DialogTriggerEventEnum as HideShowEvent } from "@vibe/dialog";
+import type { DialogTriggerEvent } from "@vibe/dialog";
 export declare const DIALOG_MOVE_BY: {
     main: number;
     secondary: number;
 };
-export declare const DEFAULT_DIALOG_SHOW_TRIGGER: HideShowEvent[];
-export declare const DEFAULT_DIALOG_HIDE_TRIGGER: HideShowEvent[];
+export declare const DEFAULT_DIALOG_SHOW_TRIGGER: DialogTriggerEvent[];
+export declare const DEFAULT_DIALOG_HIDE_TRIGGER: DialogTriggerEvent[];
 export declare const SECONDARY_BUTTON_WRAPPER_CLASSNAME = "monday-style-split-button__secondary-button-wrapper";
 export declare const EMPTY_ARR: string[];
 export declare const ENTER_KEYS: string[];

package/dist/components/Steps/Steps.d.ts

@@ -1,5 +1,4 @@
 import React, { type ReactElement } from "react";
-import { StepsColor as StepsColorEnum, StepsType as StepsTypeEnum } from "./StepsConstants";
 import { type StepsColor, type StepsType } from "./Steps.types";
 import { type ButtonProps } from "@vibe/button";
 import { type VibeComponentProps } from "../../types";
@@ -53,8 +52,5 @@ export interface StepsProps extends VibeComponentProps {
      */
     onFinish?: (e: React.MouseEvent | React.KeyboardEvent) => void;
 }
-declare const _default: React.ForwardRefExoticComponent<StepsProps & React.RefAttributes<HTMLElement>> & {
-    types: typeof StepsTypeEnum;
-    colors: typeof StepsColorEnum;
-};
-export default _default;
+declare const Steps: React.ForwardRefExoticComponent<StepsProps & React.RefAttributes<HTMLElement>>;
+export default Steps;

package/dist/components/Steps/StepsConstants.d.ts

@@ -1,28 +1,3 @@
 export declare const NEXT_TEXT = "Next";
 export declare const BACK_TEXT = "Back";
 export declare const FINISH_TEXT = "Finish";
-/**
- * @deprecated
- */
-export declare enum StepsType {
-    NUMBERS = "numbers",
-    GALLERY = "gallery"
-}
-/**
- * @deprecated
- */
-export declare enum StepsDotAriaCurrent {
-    PAGE = "page",
-    STEP = "step",
-    LOCATION = "location",
-    DATE = "date",
-    TIME = "time"
-}
-/**
- * @deprecated
- */
-export declare enum StepsColor {
-    PRIMARY = "primary",
-    ON_PRIMARY_COLOR = "on-primary-color",
-    ON_INVERTED_BACKGROUND = "on-inverted-background"
-}

package/dist/components/Table/Table/Table.d.ts

@@ -2,7 +2,6 @@ import React, { type ReactElement } from "react";
 import { type VibeComponentProps } from "../../../types";
 import { type TableHeaderProps } from "../TableHeader/TableHeader";
 import { type TableBodyProps } from "../TableBody/TableBody";
-import { RowSizes as RowSizesEnum } from "./TableConsts";
 import { type RowSizes } from "./Table.types";
 import { type SubIcon } from "@vibe/icon";
 export type TableLoadingStateType = "long-text" | "medium-text" | "circle" | "rectangle";
@@ -73,7 +72,5 @@ export interface TableProps extends VibeComponentProps {
      */
     withoutBorder?: boolean;
 }
-declare const _default: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLElement>> & {
-    sizes: typeof RowSizesEnum;
-};
-export default _default;
+declare const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLDivElement>>;
+export default Table;

package/dist/components/Table/Table/tableHelpers.d.ts

@@ -2,7 +2,7 @@ import { type AriaAttributes } from "react";
 import type React from "react";
 import { type TableColumn, type TableLoadingStateType } from "./Table";
 import { type TableHeaderCellProps } from "../TableHeaderCell/TableHeaderCell";
-import { SkeletonType } from "../../Skeleton/SkeletonConstants";
+import { type SkeletonType } from "../../../components/Skeleton/Skelton.types";
 export declare function generateWidth(width: TableColumn["width"]): string;
 export declare function getTableRowLayoutStyles(columns: TableColumn[], style?: React.CSSProperties): React.CSSProperties;
 export declare function getSortIcon(sortState: TableHeaderCellProps["sortState"]): React.FC<import("@vibe/icons/dist/react/SortAscending").SortAscendingProps>;

package/dist/components/Tabs/TabPanels/TabPanels.d.ts

@@ -1,5 +1,4 @@
 import React, { type ReactElement } from "react";
-import { TabPanelsAnimationDirection as TabPanelsAnimationDirectionEnum } from "./TabPanelsConstants";
 import { type TabPanelsAnimationDirection } from "./TabPanels.types";
 import { type TabPanelProps } from "../TabPanel/TabPanel";
 import { type VibeComponentProps } from "../../../types";
@@ -17,7 +16,5 @@ export interface TabPanelsProps extends VibeComponentProps {
      */
     children?: ReactElement<TabPanelProps> | ReactElement<TabPanelProps>[];
 }
-declare const _default: React.ForwardRefExoticComponent<TabPanelsProps & React.RefAttributes<HTMLElement>> & {
-    animationDirections: typeof TabPanelsAnimationDirectionEnum;
-};
-export default _default;
+declare const TabPanels: React.ForwardRefExoticComponent<TabPanelsProps & React.RefAttributes<HTMLElement>>;
+export default TabPanels;

package/dist/components/TextField/TextField.d.ts

@@ -1,5 +1,4 @@
 import React from "react";
-import { TextFieldFeedbackState as TextFieldFeedbackStateEnum, TextFieldTextType as TextFieldTextTypeEnum } from "./TextFieldConstants";
 import { type TextFieldType, type TextFieldSize } from "./TextField.types";
 import { type VibeComponentProps } from "../../types";
 export interface TextFieldProps extends VibeComponentProps {
@@ -182,13 +181,5 @@ export interface TextFieldProps extends VibeComponentProps {
      */
     dir?: "ltr" | "rtl" | "auto";
 }
-declare const _default: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<unknown>> & {
-    sizes: {
-        readonly SMALL: "small";
-        readonly MEDIUM: "medium";
-        readonly LARGE: "large";
-    };
-    types: typeof TextFieldTextTypeEnum;
-    feedbacks: typeof TextFieldFeedbackStateEnum;
-};
-export default _default;
+declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<unknown>>;
+export default TextField;

package/dist/components/TextField/TextFieldConstants.d.ts

@@ -9,27 +9,6 @@ declare const OLD_TEXT_FIELD_SIZES: {
     l: "large";
 };
 export type TextFieldSize = (typeof BASE_SIZES)[keyof typeof BASE_SIZES] | keyof typeof OLD_TEXT_FIELD_SIZES;
-/**
- * @deprecated
- */
-export declare enum TextFieldTextType {
-    TEXT = "text",
-    PASSWORD = "password",
-    SEARCH = "search",
-    DATE = "date",
-    DATE_TIME = "datetime-local",
-    NUMBER = "number",
-    TEL = "tel",
-    URL = "url",
-    EMAIL = "email"
-}
-/**
- * @deprecated
- */
-export declare enum TextFieldFeedbackState {
-    ERROR = "error",
-    SUCCESS = "success"
-}
 export declare const FEEDBACK_CLASSES: {
     error: string;
     success: string;

package/dist/components/ThemeProvider/ThemeProvider.d.ts

@@ -1,5 +1,5 @@
 import React, { type ReactElement } from "react";
-import { SystemTheme as SystemThemeEnum, type Theme, ThemeColor as ThemeColorEnum } from "./ThemeProviderConstants";
+import { type Theme } from "./ThemeProviderConstants";
 import { type SystemTheme } from "./ThemeProvider.types";
 export interface ThemeProviderProps {
     /**
@@ -26,8 +26,5 @@ export interface ThemeProviderProps {
      */
     className?: string;
 }
-declare const _default: React.FC<ThemeProviderProps> & {
-    systemThemes: typeof SystemThemeEnum;
-    colors: typeof ThemeColorEnum;
-};
-export default _default;
+declare const ThemeProvider: ({ themeConfig, children, themeClassSpecifier: customThemeClassSpecifier, systemTheme, className }: ThemeProviderProps) => React.JSX.Element;
+export default ThemeProvider;

package/dist/components/ThemeProvider/ThemeProviderConstants.d.ts

@@ -1,33 +1,4 @@
-/**
- * System themes: dark, light, black
- */
-/**
- * @deprecated
- */
-export declare enum SystemTheme {
-    LIGHT = "light",
-    DARK = "dark",
-    BLACK = "black"
-}
-/**
- * Colors which are eligible for theming
- */
-/**
- * @deprecated
- */
-export declare enum ThemeColor {
-    primaryColor = "primary-color",
-    primaryHoverColor = "primary-hover-color",
-    primarySelectedColor = "primary-selected-color",
-    primarySelectedHoverColor = "primary-selected-hover-color",
-    primarySelectedOnSecondaryColor = "primary-selected-on-secondary-color",
-    textColorOnPrimary = "text-color-on-primary",
-    brandColor = "brand-color",
-    brandHoverColor = "brand-hover-color",
-    brandSelectedColor = "brand-selected-color",
-    brandSelectedHoverColor = "brand-selected-hover-color",
-    textColorOnBrand = "text-color-on-brand"
-}
+import { type SystemTheme, type ThemeColor } from "./ThemeProvider.types";
 export type Theme = {
     /**
      * The name of the theme - name of css class that will be added to the children - should be unique

package/dist/components/Tipseen/Tipseen.d.ts

@@ -1,13 +1,11 @@
 import { type ReactElement } from "react";
 import { type DialogAnimationType, type DialogTriggerEvent } from "@vibe/dialog";
-import { DialogAnimationTypeEnum as AnimationTypeEnum, DialogTriggerEventEnum as HideShowEventEnum } from "@vibe/dialog";
-import { TipseenCloseButtonTheme as TipseenCloseButtonThemeEnum, TipseenColor as TipseenColorEnum } from "./TipseenConstants";
 import { type TipseenCloseButtonTheme, type TipseenColor } from "./Tipseen.types";
 import { type ElementContent, type VibeComponentProps } from "../../types";
 import { type MoveBy } from "../../types/MoveBy";
 import { type Modifier } from "react-popper";
 import React from "react";
-import { type TooltipPositions, TooltipPositionsEnum } from "@vibe/tooltip";
+import { type TooltipPositions } from "@vibe/tooltip";
 export interface TipseenProps extends VibeComponentProps {
     /**
      * Class name applied to the Tipseen title.
@@ -108,11 +106,5 @@ export interface TipseenProps extends VibeComponentProps {
     color?: TipseenColor;
 }
 export declare const TipseenContext: React.Context<TipseenColor>;
-declare const _default: React.ForwardRefExoticComponent<TipseenProps & React.RefAttributes<HTMLElement>> & {
-    closeButtonThemes: typeof TipseenCloseButtonThemeEnum;
-    animationTypes: typeof AnimationTypeEnum;
-    hideShowTriggers: typeof HideShowEventEnum;
-    colors: typeof TipseenColorEnum;
-    positions: typeof TooltipPositionsEnum;
-};
-export default _default;
+declare const Tipseen: React.ForwardRefExoticComponent<TipseenProps & React.RefAttributes<HTMLElement>>;
+export default Tipseen;

package/dist/components/Tipseen/TipseenConstants.d.ts

@@ -2,19 +2,3 @@ export declare const SUBMIT_BUTTON_TEXT = "Submit";
 export declare const DISMISS_BUTTON_TEXT = "Dismiss";
 export declare const TIPSEEN_CLOSE_BUTTON_TEST_ID = "close-tipseen";
 export declare const TIPSEEN_CLOSE_BUTTON_ARIA_LABEL = "Close";
-/**
- * @deprecated
- */
-export declare enum TipseenCloseButtonTheme {
-    LIGHT = "light",
-    DARK = "dark",
-    FIXED_LIGHT = "fixed-light",
-    FIXED_DARK = "fixed-dark"
-}
-/**
- * @deprecated
- */
-export declare enum TipseenColor {
-    PRIMARY = "primary",
-    INVERTED = "inverted"
-}

package/dist/components/Toast/Toast.d.ts

@@ -1,6 +1,5 @@
 import React, { type ReactElement } from "react";
 import { type IconSubComponentProps } from "@vibe/icon";
-import { ToastActionType as ToastActionTypeEnum, ToastType as ToastTypeEnum } from "./ToastConstants";
 import { type ToastType, type ToastAction } from "./Toast.types";
 import { type VibeComponentProps } from "../../types";
 export interface ToastProps extends VibeComponentProps {
@@ -54,8 +53,5 @@ export interface ToastProps extends VibeComponentProps {
      */
     closeButtonAriaLabel?: string;
 }
-declare const _default: React.FC<ToastProps> & {
-    types: typeof ToastTypeEnum;
-    actionTypes: typeof ToastActionTypeEnum;
-};
-export default _default;
+declare const Toast: ({ open, loading, autoHideDuration, type, icon, hideIcon, action: deprecatedAction, actions, children, closeable, onClose, className, id, closeButtonAriaLabel, "data-testid": dataTestId }: ToastProps) => React.JSX.Element;
+export default Toast;

package/dist/components/Toast/ToastConstants.d.ts

@@ -1,21 +1,4 @@
 /// <reference types="react" />
-/**
- * @deprecated
- */
-export declare enum ToastType {
-    NORMAL = "normal",
-    POSITIVE = "positive",
-    NEGATIVE = "negative",
-    WARNING = "warning",
-    DARK = "dark"
-}
-/**
- * @deprecated
- */
-export declare enum ToastActionType {
-    LINK = "link",
-    BUTTON = "button"
-}
 export declare const defaultIconMap: {
     normal: import("react").FC<import("@vibe/icons/dist/react/Info").InfoProps>;
     positive: import("react").FC<import("@vibe/icons/dist/react/Check").CheckProps>;
@@ -23,12 +6,3 @@ export declare const defaultIconMap: {
     warning: import("react").FC<import("@vibe/icons/dist/react/Warning").WarningProps>;
     dark: import("react").FC<import("@vibe/icons/dist/react/Info").InfoProps>;
 };
-/**
- * @deprecated
- */
-export type ToastAction = {
-    type: ToastActionType;
-    content?: string;
-    text?: string;
-    href?: string;
-};

package/dist/components/button/dist/Button/Button.js

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as o,useRef as i,useEffect as a,useCallback as r,useMemo as s}from"react";import{camelCase as n}from"es-toolkit";import l from"classnames";import{ButtonColor as d,ButtonType as c,ButtonInputType as u}from"./ButtonConstants.js";import{getParentBackgroundColorNotTransparent as m,TRANSPARENT_COLOR as p}from"./helper/dom-helpers.js";import f from"./Button.module.scss.js";import{useButtonLoading as v}from"./helper/useButtonLoading.js";import y from"../../../icon/dist/Icon/Icon.js";import g from"../../../loader/dist/Loader/Loader.js";import{withStaticProps as h}from"../../../../shared/dist/types/withStaticProps.js";import{SIZES as b}from"../../../../shared/dist/constants/sizes.js";import{useMergeRef as j}from"../../../../shared/dist/hooks/useMergeRef.js";import{getStyle as N}from"../../../../shared/dist/utils/typesciptCssModulesHelper.js";import{getTestId as B}from"../../../../shared/dist/tests/test-ids-utils.js";import{ComponentDefaultTestId as C,ComponentVibeId as T}from"../../../../shared/dist/tests/constants.js";import{NOOP as E}from"../../../../shared/dist/utils/function-utils.js";var k=h(o((function(o,d){var c=o.className,u=o.children,h=o.kind,b=void 0===h?"primary":h,k=o.onClick,x=void 0===k?E:k,F=o.name,S=o.size,I=void 0===S?"medium":S,P=o.color,L=void 0===P?"primary":P,O=o.disabled,z=void 0!==O&&O,M=o.rightIcon,R=void 0===M?null:M,A=o.leftIcon,w=void 0===A?null:A,D=o.success,U=void 0!==D&&D,H=o.successText,_=void 0===H?"":H,q=o.successIcon,G=void 0===q?null:q,J=o.style,K=o.loading,Q=void 0!==K&&K,V=o.loaderClassName,W=o.active,X=void 0!==W&&W,Y=o.activeButtonClassName,Z=o.id,$=o.marginRight,ee=void 0!==$&&$,te=o.marginLeft,oe=void 0!==te&&te,ie=o.type,ae=void 0===ie?"button":ie,re=o.onMouseDown,se=void 0===re?E:re,ne=o.ariaLabel,le=o.rightFlat,de=void 0!==le&&le,ce=o.leftFlat,ue=void 0!==ce&&ce,me=o.preventClickAnimation,pe=void 0!==me&&me,fe=o.noSidePadding,ve=void 0!==fe&&fe,ye=o.onFocus,ge=void 0===ye?E:ye,he=o.onBlur,be=void 0===he?E:he,je=o.ariaLabeledBy,Ne=o.defaultTextColorOnPrimaryColor,Be=void 0===Ne?p:Ne,Ce=o.ariaExpanded,Te=o.ariaHasPopup,Ee=o.ariaControls,ke=o["aria-describedby"],xe=o["aria-hidden"],Fe=o["aria-pressed"],Se=o.blurOnMouseUp,Ie=void 0===Se||Se,Pe=o["data-testid"],Le=o.insetFocus,Oe=void 0!==Le&&Le,ze=o.tabIndex,Me=i(null),Re=j(d,Me),Ae=v({isLoading:Q}).loading;a((function(){if(("on-primary-color"===L||"fixed-light"===L)&&"primary"===b&&Me.current){var e=Me.current;e.style.color=m(e,Be)}}),[b,Me,L,Be]);var we=r((function(){var e=Me.current;!z&&e&&Ie&&e.blur()}),[z,Me,Ie]),De=r((function(e){z||Ae||U?e.preventDefault():x&&x(e)}),[x,z,Ae,U]),Ue=r((function(e){z||Ae||U?e.preventDefault():se&&se(e)}),[se,z,Ae,U]),He=s((function(){var t,o=U?"positive":L;return l(c,f.button,N(f,n("size-"+I)),N(f,n("kind-"+b)),N(f,n("color-"+o)),(e(e(e(e(e(e(e(e(e(e(t={},f.success,U),N(f,n("color-"+o+"-active")),X),Y,X),f.marginRight,ee),f.marginLeft,oe),f.rightFlat,de),f.leftFlat,ue),f.preventClickAnimation,pe),f.noSidePadding,ve),f.disabled,z),e(t,f.insetFocusStyle,Oe)))}),[U,L,c,I,b,X,Y,ee,oe,de,ue,pe,ve,z,Oe]),_e=s((function(){return{ref:Re,type:ae,className:He,name:F,onMouseUp:we,style:J,onClick:De,id:Z,onFocus:ge,onBlur:be,tabIndex:null!=ze?ze:z||xe?-1:void 0,"data-testid":Pe||B(C.BUTTON,Z),"data-vibe":T.BUTTON,onMouseDown:Ue,"aria-disabled":z,"aria-busy":Ae,"aria-labelledby":je,"aria-label":ne,"aria-haspopup":Te,"aria-expanded":Ce,"aria-controls":Ee,"aria-describedby":ke,"aria-hidden":xe,"aria-pressed":Fe}}),[Re,ae,He,F,we,J,De,Z,ge,be,ze,Pe,Ue,z,Ae,je,ne,Te,Ce,Ee,ke,xe,Fe]),qe=r((function(e){if("function"==typeof e)switch(I){case"xxs":case"xs":return 16;default:return 20}}),[I]),Ge=s((function(){return t.Children.toArray(u).some(Boolean)}),[u]),Je=s((function(){return t.createElement(t.Fragment,null,w?t.createElement(y,{iconType:"font",icon:w,iconSize:qe(w),className:l(e({},f.leftIcon,Ge)),ignoreFocusStyle:!0}):null,u,R?t.createElement(y,{iconType:"font",icon:R,iconSize:qe(R),className:l(e({},f.rightIcon,Ge)),ignoreFocusStyle:!0}):null)}),[u,Ge,qe,w,R]);return Ae?t.createElement("button",Object.assign({},_e,{key:Z+"-loading"}),t.createElement("span",{className:l(f.loader,V)},t.createElement(g,{className:f.loaderSvg}),t.createElement("span",{"aria-hidden":!0,className:f.textPlaceholder},Je))):U?t.createElement("button",Object.assign({},_e,{key:Z+"-success"}),t.createElement("span",{className:f.successContent},G?t.createElement(y,{iconType:"font",icon:G,iconSize:qe(G),className:l(e({},f.leftIcon,!!_)),ignoreFocusStyle:!0}):null,_),t.createElement("span",{"aria-hidden":"true",className:f.textPlaceholder},Je)):t.createElement("button",Object.assign({},_e,{key:Z+"-button"}),Je)})),{sizes:b,colors:d,kinds:c,types:u,inputTags:u});export{k as default};
+import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as o,useRef as a,useEffect as i,useCallback as r,useMemo as n}from"react";import{camelCase as s}from"es-toolkit";import l from"classnames";import{getParentBackgroundColorNotTransparent as d,TRANSPARENT_COLOR as c}from"./helper/dom-helpers.js";import u from"./Button.module.scss.js";import{useButtonLoading as m}from"./helper/useButtonLoading.js";import p from"../../../icon/dist/Icon/Icon.js";import f from"../../../loader/dist/Loader/Loader.js";import{useMergeRef as v}from"../../../../shared/dist/hooks/useMergeRef.js";import{getStyle as g}from"../../../../shared/dist/utils/typesciptCssModulesHelper.js";import{getTestId as y}from"../../../../shared/dist/tests/test-ids-utils.js";import{ComponentDefaultTestId as b,ComponentVibeId as h}from"../../../../shared/dist/tests/constants.js";import{NOOP as N}from"../../../../shared/dist/utils/function-utils.js";var j=o((function(o,j){var C=o.className,E=o.children,x=o.kind,k=void 0===x?"primary":x,B=o.onClick,F=void 0===B?N:B,I=o.name,L=o.size,P=void 0===L?"medium":L,O=o.color,T=void 0===O?"primary":O,S=o.disabled,M=void 0!==S&&S,R=o.rightIcon,z=void 0===R?null:R,A=o.leftIcon,D=void 0===A?null:A,U=o.success,w=void 0!==U&&U,H=o.successText,_=void 0===H?"":H,q=o.successIcon,G=void 0===q?null:q,J=o.style,K=o.loading,Q=void 0!==K&&K,V=o.loaderClassName,W=o.active,X=void 0!==W&&W,Y=o.activeButtonClassName,Z=o.id,$=o.marginRight,ee=void 0!==$&&$,te=o.marginLeft,oe=void 0!==te&&te,ae=o.type,ie=void 0===ae?"button":ae,re=o.onMouseDown,ne=void 0===re?N:re,se=o.ariaLabel,le=o.rightFlat,de=void 0!==le&&le,ce=o.leftFlat,ue=void 0!==ce&&ce,me=o.preventClickAnimation,pe=void 0!==me&&me,fe=o.noSidePadding,ve=void 0!==fe&&fe,ge=o.onFocus,ye=void 0===ge?N:ge,be=o.onBlur,he=void 0===be?N:be,Ne=o.ariaLabeledBy,je=o.defaultTextColorOnPrimaryColor,Ce=void 0===je?c:je,Ee=o.ariaExpanded,xe=o.ariaHasPopup,ke=o.ariaControls,Be=o["aria-describedby"],Fe=o["aria-hidden"],Ie=o["aria-pressed"],Le=o.blurOnMouseUp,Pe=void 0===Le||Le,Oe=o["data-testid"],Te=o.insetFocus,Se=void 0!==Te&&Te,Me=o.tabIndex,Re=a(null),ze=v(j,Re),Ae=m({isLoading:Q}).loading;i((function(){if(("on-primary-color"===T||"fixed-light"===T)&&"primary"===k&&Re.current){var e=Re.current;e.style.color=d(e,Ce)}}),[k,Re,T,Ce]);var De=r((function(){var e=Re.current;!M&&e&&Pe&&e.blur()}),[M,Re,Pe]),Ue=r((function(e){M||Ae||w?e.preventDefault():F&&F(e)}),[F,M,Ae,w]),we=r((function(e){M||Ae||w?e.preventDefault():ne&&ne(e)}),[ne,M,Ae,w]),He=n((function(){var t,o=w?"positive":T;return l(C,u.button,g(u,s("size-"+P)),g(u,s("kind-"+k)),g(u,s("color-"+o)),(e(e(e(e(e(e(e(e(e(e(t={},u.success,w),g(u,s("color-"+o+"-active")),X),Y,X),u.marginRight,ee),u.marginLeft,oe),u.rightFlat,de),u.leftFlat,ue),u.preventClickAnimation,pe),u.noSidePadding,ve),u.disabled,M),e(t,u.insetFocusStyle,Se)))}),[w,T,C,P,k,X,Y,ee,oe,de,ue,pe,ve,M,Se]),_e=n((function(){return{ref:ze,type:ie,className:He,name:I,onMouseUp:De,style:J,onClick:Ue,id:Z,onFocus:ye,onBlur:he,tabIndex:null!=Me?Me:M||Fe?-1:void 0,"data-testid":Oe||y(b.BUTTON,Z),"data-vibe":h.BUTTON,onMouseDown:we,"aria-disabled":M,"aria-busy":Ae,"aria-labelledby":Ne,"aria-label":se,"aria-haspopup":xe,"aria-expanded":Ee,"aria-controls":ke,"aria-describedby":Be,"aria-hidden":Fe,"aria-pressed":Ie}}),[ze,ie,He,I,De,J,Ue,Z,ye,he,Me,Oe,we,M,Ae,Ne,se,xe,Ee,ke,Be,Fe,Ie]),qe=r((function(e){if("function"==typeof e)switch(P){case"xxs":case"xs":return 16;default:return 20}}),[P]),Ge=n((function(){return t.Children.toArray(E).some(Boolean)}),[E]),Je=n((function(){return t.createElement(t.Fragment,null,D?t.createElement(p,{type:"font",icon:D,size:qe(D),className:l(e({},u.leftIcon,Ge)),ignoreFocusStyle:!0}):null,E,z?t.createElement(p,{type:"font",icon:z,size:qe(z),className:l(e({},u.rightIcon,Ge)),ignoreFocusStyle:!0}):null)}),[E,Ge,qe,D,z]);return Ae?t.createElement("button",Object.assign({},_e,{key:Z+"-loading"}),t.createElement("span",{className:l(u.loader,V)},t.createElement(f,{className:u.loaderSvg}),t.createElement("span",{"aria-hidden":!0,className:u.textPlaceholder},Je))):w?t.createElement("button",Object.assign({},_e,{key:Z+"-success"}),t.createElement("span",{className:u.successContent},G?t.createElement(p,{type:"font",icon:G,size:qe(G),className:l(e({},u.leftIcon,!!_)),ignoreFocusStyle:!0}):null,_),t.createElement("span",{"aria-hidden":"true",className:u.textPlaceholder},Je)):t.createElement("button",Object.assign({},_e,{key:Z+"-button"}),Je)}));export{j as default};
 //# sourceMappingURL=Button.js.map

package/dist/components/button/dist/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../../../../components/button/dist/Button/Button.js"],"sourcesContent":["import e,{forwardRef as a,useRef as t,useEffect as n,useCallback as r,useMemo as o}from\"react\";import{camelCase as i}from\"es-toolkit\";import s from\"classnames\";import{useMergeRef as l,getStyle as c,getTestId as d,ComponentDefaultTestId as m,ComponentVibeId as u,NOOP as p,withStaticProps as f,SIZES as b}from\"@vibe/shared\";import{Icon as y}from\"@vibe/icon\";import{Loader as g}from\"@vibe/loader\";import{ButtonColor as h,ButtonType as v,ButtonInputType as N}from\"./ButtonConstants.js\";import{getParentBackgroundColorNotTransparent as x,TRANSPARENT_COLOR as E}from\"./helper/dom-helpers.js\";import C from\"./Button.module.scss.js\";import{useButtonLoading as F}from\"./helper/useButtonLoading.js\";var k=f(a((({className:a,children:f,kind:b=\"primary\",onClick:h=p,name:v,size:N=\"medium\",color:k=\"primary\",disabled:B=!1,rightIcon:S=null,leftIcon:T=null,success:I=!1,successText:j=\"\",successIcon:O=null,style:z,loading:L=!1,loaderClassName:P,active:D=!1,activeButtonClassName:M,id:U,marginRight:w=!1,marginLeft:A=!1,type:R=\"button\",onMouseDown:H=p,ariaLabel:q,rightFlat:G=!1,leftFlat:J=!1,preventClickAnimation:K=!1,noSidePadding:Q=!1,onFocus:V=p,onBlur:W=p,ariaLabeledBy:X,defaultTextColorOnPrimaryColor:Y=E,ariaExpanded:Z,ariaHasPopup:$,ariaControls:_,\"aria-describedby\":ee,\"aria-hidden\":ae,\"aria-pressed\":te,blurOnMouseUp:ne=!0,\"data-testid\":re,insetFocus:oe=!1,tabIndex:ie},se)=>{const le=t(null),ce=l(se,le),{loading:de}=F({isLoading:L});n((()=>{if(\"on-primary-color\"!==k&&\"fixed-light\"!==k)return;if(\"primary\"!==b)return;if(!le.current)return;const e=le.current;e.style.color=x(e,Y)}),[b,le,k,Y]);const me=r((()=>{const e=le.current;!B&&e&&ne&&e.blur()}),[B,le,ne]),ue=r((e=>{B||de||I?e.preventDefault():h&&h(e)}),[h,B,de,I]),pe=r((e=>{B||de||I?e.preventDefault():H&&H(e)}),[H,B,de,I]),fe=o((()=>{const e=I?\"positive\":k;return s(a,C.button,c(C,i(\"size-\"+N)),c(C,i(\"kind-\"+b)),c(C,i(\"color-\"+e)),{[C.success]:I,[c(C,i(\"color-\"+e+\"-active\"))]:D,[M]:D,[C.marginRight]:w,[C.marginLeft]:A,[C.rightFlat]:G,[C.leftFlat]:J,[C.preventClickAnimation]:K,[C.noSidePadding]:Q,[C.disabled]:B,[C.insetFocusStyle]:oe})}),[I,k,a,N,b,D,M,w,A,G,J,K,Q,B,oe]),be=o((()=>({ref:ce,type:R,className:fe,name:v,onMouseUp:me,style:z,onClick:ue,id:U,onFocus:V,onBlur:W,tabIndex:null!=ie?ie:B||ae?-1:void 0,\"data-testid\":re||d(m.BUTTON,U),\"data-vibe\":u.BUTTON,onMouseDown:pe,\"aria-disabled\":B,\"aria-busy\":de,\"aria-labelledby\":X,\"aria-label\":q,\"aria-haspopup\":$,\"aria-expanded\":Z,\"aria-controls\":_,\"aria-describedby\":ee,\"aria-hidden\":ae,\"aria-pressed\":te})),[ce,R,fe,v,me,z,ue,U,V,W,ie,re,pe,B,de,X,q,$,Z,_,ee,ae,te]),ye=r((e=>{if(\"function\"==typeof e)switch(N){case\"xxs\":case\"xs\":return 16;default:return 20}}),[N]),ge=o((()=>e.Children.toArray(f).some(Boolean)),[f]),he=o((()=>e.createElement(e.Fragment,null,T?e.createElement(y,{iconType:\"font\",icon:T,iconSize:ye(T),className:s({[C.leftIcon]:ge}),ignoreFocusStyle:!0}):null,f,S?e.createElement(y,{iconType:\"font\",icon:S,iconSize:ye(S),className:s({[C.rightIcon]:ge}),ignoreFocusStyle:!0}):null)),[f,ge,ye,T,S]);return de?e.createElement(\"button\",Object.assign({},be,{key:U+\"-loading\"}),e.createElement(\"span\",{className:s(C.loader,P)},e.createElement(g,{className:C.loaderSvg}),e.createElement(\"span\",{\"aria-hidden\":!0,className:C.textPlaceholder},he))):I?e.createElement(\"button\",Object.assign({},be,{key:U+\"-success\"}),e.createElement(\"span\",{className:C.successContent},O?e.createElement(y,{iconType:\"font\",icon:O,iconSize:ye(O),className:s({[C.leftIcon]:!!j}),ignoreFocusStyle:!0}):null,j),e.createElement(\"span\",{\"aria-hidden\":\"true\",className:C.textPlaceholder},he)):e.createElement(\"button\",Object.assign({},be,{key:U+\"-button\"}),he)})),{sizes:b,colors:h,kinds:v,types:N,inputTags:N});export{k as default};\n//# sourceMappingURL=Button.js.map\n"],"names":["k","f","a","_ref","se","className","children","_ref$kind","kind","b","_ref$onClick","onClick","h","p","v","name","_ref$size","size","N","_ref$color","color","_ref$disabled","disabled","B","_ref$rightIcon","rightIcon","S","_ref$leftIcon","leftIcon","T","_ref$success","success","I","_ref$successText","successText","j","_ref$successIcon","successIcon","O","z","style","_ref$loading","loading","L","P","loaderClassName","_ref$active","active","D","M","activeButtonClassName","U","id","_ref$marginRight","marginRight","w","_ref$marginLeft","marginLeft","A","_ref$type","type","R","_ref$onMouseDown","onMouseDown","H","q","ariaLabel","_ref$rightFlat","rightFlat","G","_ref$leftFlat","leftFlat","J","_ref$preventClickAnim","preventClickAnimation","K","_ref$noSidePadding","noSidePadding","Q","_ref$onFocus","onFocus","V","_ref$onBlur","onBlur","W","X","ariaLabeledBy","_ref$defaultTextColor","defaultTextColorOnPrimaryColor","Y","E","Z","ariaExpanded","$","ariaHasPopup","_","ariaControls","ee","ae","te","_ref$blurOnMouseUp","blurOnMouseUp","ne","re","_ref$insetFocus","insetFocus","oe","ie","tabIndex","le","t","ce","l","de","F","isLoading","n","current","e","x","me","r","blur","ue","preventDefault","pe","fe","o","_s","s","C","button","c","i","_defineProperty","insetFocusStyle","be","ref","onMouseUp","d","m","BUTTON","u","ye","ge","Children","toArray","some","Boolean","he","createElement","Fragment","y","iconType","icon","iconSize","ignoreFocusStyle","Object","assign","key","loader","g","loaderSvg","textPlaceholder","successContent","sizes","colors","kinds","types","inputTags"],"mappings":"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"}
+{"version":3,"file":"Button.js","sources":["../../../../../../components/button/dist/Button/Button.js"],"sourcesContent":["import e,{forwardRef as a,useRef as t,useEffect as r,useCallback as n,useMemo as o}from\"react\";import{camelCase as s}from\"es-toolkit\";import i from\"classnames\";import{useMergeRef as l,getStyle as c,getTestId as d,ComponentDefaultTestId as m,ComponentVibeId as u,NOOP as p}from\"@vibe/shared\";import{Icon as f}from\"@vibe/icon\";import{Loader as b}from\"@vibe/loader\";import{getParentBackgroundColorNotTransparent as y,TRANSPARENT_COLOR as g}from\"./helper/dom-helpers.js\";import h from\"./Button.module.scss.js\";import{useButtonLoading as v}from\"./helper/useButtonLoading.js\";const N=a((({className:a,children:N,kind:x=\"primary\",onClick:E=p,name:F,size:C=\"medium\",color:k=\"primary\",disabled:B=!1,rightIcon:I=null,leftIcon:O=null,success:S=!1,successText:j=\"\",successIcon:L=null,style:P,loading:T=!1,loaderClassName:z,active:D=!1,activeButtonClassName:M,id:U,marginRight:w=!1,marginLeft:A=!1,type:R=\"button\",onMouseDown:H=p,ariaLabel:q,rightFlat:G=!1,leftFlat:J=!1,preventClickAnimation:K=!1,noSidePadding:Q=!1,onFocus:V=p,onBlur:W=p,ariaLabeledBy:X,defaultTextColorOnPrimaryColor:Y=g,ariaExpanded:Z,ariaHasPopup:$,ariaControls:_,\"aria-describedby\":ee,\"aria-hidden\":ae,\"aria-pressed\":te,blurOnMouseUp:re=!0,\"data-testid\":ne,insetFocus:oe=!1,tabIndex:se},ie)=>{const le=t(null),ce=l(ie,le),{loading:de}=v({isLoading:T});r((()=>{if(\"on-primary-color\"!==k&&\"fixed-light\"!==k)return;if(\"primary\"!==x)return;if(!le.current)return;const e=le.current;e.style.color=y(e,Y)}),[x,le,k,Y]);const me=n((()=>{const e=le.current;!B&&e&&re&&e.blur()}),[B,le,re]),ue=n((e=>{B||de||S?e.preventDefault():E&&E(e)}),[E,B,de,S]),pe=n((e=>{B||de||S?e.preventDefault():H&&H(e)}),[H,B,de,S]),fe=o((()=>{const e=S?\"positive\":k;return i(a,h.button,c(h,s(\"size-\"+C)),c(h,s(\"kind-\"+x)),c(h,s(\"color-\"+e)),{[h.success]:S,[c(h,s(\"color-\"+e+\"-active\"))]:D,[M]:D,[h.marginRight]:w,[h.marginLeft]:A,[h.rightFlat]:G,[h.leftFlat]:J,[h.preventClickAnimation]:K,[h.noSidePadding]:Q,[h.disabled]:B,[h.insetFocusStyle]:oe})}),[S,k,a,C,x,D,M,w,A,G,J,K,Q,B,oe]),be=o((()=>({ref:ce,type:R,className:fe,name:F,onMouseUp:me,style:P,onClick:ue,id:U,onFocus:V,onBlur:W,tabIndex:null!=se?se:B||ae?-1:void 0,\"data-testid\":ne||d(m.BUTTON,U),\"data-vibe\":u.BUTTON,onMouseDown:pe,\"aria-disabled\":B,\"aria-busy\":de,\"aria-labelledby\":X,\"aria-label\":q,\"aria-haspopup\":$,\"aria-expanded\":Z,\"aria-controls\":_,\"aria-describedby\":ee,\"aria-hidden\":ae,\"aria-pressed\":te})),[ce,R,fe,F,me,P,ue,U,V,W,se,ne,pe,B,de,X,q,$,Z,_,ee,ae,te]),ye=n((e=>{if(\"function\"==typeof e)switch(C){case\"xxs\":case\"xs\":return 16;default:return 20}}),[C]),ge=o((()=>e.Children.toArray(N).some(Boolean)),[N]),he=o((()=>e.createElement(e.Fragment,null,O?e.createElement(f,{type:\"font\",icon:O,size:ye(O),className:i({[h.leftIcon]:ge}),ignoreFocusStyle:!0}):null,N,I?e.createElement(f,{type:\"font\",icon:I,size:ye(I),className:i({[h.rightIcon]:ge}),ignoreFocusStyle:!0}):null)),[N,ge,ye,O,I]);return de?e.createElement(\"button\",Object.assign({},be,{key:U+\"-loading\"}),e.createElement(\"span\",{className:i(h.loader,z)},e.createElement(b,{className:h.loaderSvg}),e.createElement(\"span\",{\"aria-hidden\":!0,className:h.textPlaceholder},he))):S?e.createElement(\"button\",Object.assign({},be,{key:U+\"-success\"}),e.createElement(\"span\",{className:h.successContent},L?e.createElement(f,{type:\"font\",icon:L,size:ye(L),className:i({[h.leftIcon]:!!j}),ignoreFocusStyle:!0}):null,j),e.createElement(\"span\",{\"aria-hidden\":\"true\",className:h.textPlaceholder},he)):e.createElement(\"button\",Object.assign({},be,{key:U+\"-button\"}),he)}));export{N as default};\n//# sourceMappingURL=Button.js.map\n"],"names":["N","a","_ref","ie","className","children","_ref$kind","kind","x","_ref$onClick","onClick","E","p","F","name","_ref$size","size","C","_ref$color","color","k","_ref$disabled","disabled","B","_ref$rightIcon","rightIcon","I","_ref$leftIcon","leftIcon","O","_ref$success","success","S","_ref$successText","successText","j","_ref$successIcon","successIcon","L","P","style","_ref$loading","loading","T","z","loaderClassName","_ref$active","active","D","M","activeButtonClassName","U","id","_ref$marginRight","marginRight","w","_ref$marginLeft","marginLeft","A","_ref$type","type","R","_ref$onMouseDown","onMouseDown","H","q","ariaLabel","_ref$rightFlat","rightFlat","G","_ref$leftFlat","leftFlat","J","_ref$preventClickAnim","preventClickAnimation","K","_ref$noSidePadding","noSidePadding","Q","_ref$onFocus","onFocus","V","_ref$onBlur","onBlur","W","X","ariaLabeledBy","_ref$defaultTextColor","defaultTextColorOnPrimaryColor","Y","g","Z","ariaExpanded","$","ariaHasPopup","_","ariaControls","ee","ae","te","_ref$blurOnMouseUp","blurOnMouseUp","re","ne","_ref$insetFocus","insetFocus","oe","se","tabIndex","le","t","ce","l","de","v","isLoading","r","current","e","y","me","n","blur","ue","preventDefault","pe","fe","o","_i","i","h","button","c","s","_defineProperty","insetFocusStyle","be","ref","onMouseUp","d","m","BUTTON","u","ye","ge","Children","toArray","some","Boolean","he","createElement","Fragment","f","icon","ignoreFocusStyle","Object","assign","key","loader","b","loaderSvg","textPlaceholder","successContent"],"mappings":"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"}

package/dist/components/dialog/dist/Dialog/Dialog.js

@@ -1,2 +1,2 @@
-import{inherits as e,createClass as t,toConsumableArray as n,classCallCheck as o,callSuper as i,assertThisInitialized as s}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import r from"classnames";import a,{PureComponent as l}from"react";import{createPortal as u}from"react-dom";import{Manager as d,Reference as h,Popper as c}from"react-popper";import{isFunction as p}from"es-toolkit";import m from"./DialogContent/DialogContent.js";import{Refable as f}from"../Refable/Refable.js";import{HideShowEvent as g,DialogPosition as v,AnimationType as D}from"./DialogConstants.js";import y from"./Dialog.module.scss.js";import{createObserveContentResizeModifier as w}from"./modifiers/observeContentResizeModifier.js";import E from"../../../layer/dist/LayerProvider/LayerContext.js";import{isInsideClass as C}from"../../../../shared/dist/utils/dom-utils.js";import{NOOP as k,convertToArray as T,chainRefFunctions as b,chainFunctions as S}from"../../../../shared/dist/utils/function-utils.js";import O from"../../../layer/dist/LayerProvider/LayerProvider.js";import{isClient as M}from"../../../../shared/dist/utils/ssr-utils.js";import{getTestId as H}from"../../../../shared/dist/tests/test-ids-utils.js";import{ComponentDefaultTestId as x}from"../../../../shared/dist/tests/constants.js";var L=function(v){function D(e){var t;return o(this,D),(t=i(this,D,[e])).state={shouldUseDerivedStateFromProps:e.useDerivedStateFromProps,isOpen:e.shouldShowOnMount},t.containerRef=a.createRef(),t.onMouseEnter=t.onMouseEnter.bind(s(t)),t.onMouseLeave=t.onMouseLeave.bind(s(t)),t.onMouseDown=t.onMouseDown.bind(s(t)),t.onClick=t.onClick.bind(s(t)),t.onFocus=t.onFocus.bind(s(t)),t.onBlur=t.onBlur.bind(s(t)),t.isShown=t.isShown.bind(s(t)),t.onEsc=t.onEsc.bind(s(t)),t.onClickOutside=t.onClickOutside.bind(s(t)),t.onDialogEnter=t.onDialogEnter.bind(s(t)),t.onDialogLeave=t.onDialogLeave.bind(s(t)),t.getContainer=t.getContainer.bind(s(t)),t.onContentClick=t.onContentClick.bind(s(t)),t.onKeyDown=t.onKeyDown.bind(s(t)),t.closeDialogOnEscape=t.closeDialogOnEscape.bind(s(t)),t.onContextMenu=t.onContextMenu.bind(s(t)),t.getDefaultContainer=t.getDefaultContainer.bind(s(t)),t.hideTimeout=null,t.showTimeout=null,t}return e(D,l),t(D,[{key:"closeDialogOnEscape",value:function(e){if(this.state.isOpen)switch(e.key){case"Escape":this.hideDialogIfNeeded(e,g.ESCAPE_KEY);break;case"Tab":this.handleEvent(g.TAB_KEY,e.target,e);break;case"Enter":this.handleEvent(g.ENTER,e.target,e)}}},{key:"componentDidMount",value:function(){var e=this.props,t=e.shouldCallbackOnMount,n=e.onDialogDidShow,o=this.state.isOpen;M()&&document.addEventListener("keyup",this.closeDialogOnEscape),t&&o&&n&&n()}},{key:"componentWillUnmount",value:function(){M()&&document.removeEventListener("keyup",this.closeDialogOnEscape),this.showTimeout&&(clearTimeout(this.showTimeout),this.showTimeout=null),this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=null)}},{key:"getDefaultContainer",value:function(){var e=this.context.layerRef;return(null==e?void 0:e.current)?e.current:document.body}},{key:"getContainer",value:function(){var e=this.props.containerSelector;if(!e)return this.getDefaultContainer();var t=document.querySelector(e);return t&&t instanceof Element?t:this.getDefaultContainer()}},{key:"showDialog",value:function(e,t){var n=this,o=this.props,i=o.instantShowAndHide,s=o.getDynamicShowDelay,r=o.showDelay,a=(arguments.length>2&&void 0!==arguments[2]?arguments[2]:{}).preventAnimation;if(s){var l=s();r=l.showDelay||0,a=a||l.preventAnimation}i?(this.onShowDialog(e,t),this.setState({isOpen:!0,preventAnimation:a}),this.showTimeout=null):this.showTimeout=setTimeout((function(){n.onShowDialog(e,t),n.showTimeout=null,n.setState({isOpen:!0,preventAnimation:a})}),r)}},{key:"onShowDialog",value:function(e,t){this.isShown()||(0,this.props.onDialogDidShow)(e,t)}},{key:"showDialogIfNeeded",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};this.props.disable||(this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=null),this.showTimeout||this.showDialog(e,t,n))}},{key:"hideDialog",value:function(e,t){var n=this,o=this.props,i=o.hideDelay;o.instantShowAndHide?(this.onHideDialog(e,t),this.setState({isOpen:!1}),this.hideTimeout=null):this.hideTimeout=setTimeout((function(){n.onHideDialog(e,t),n.setState({isOpen:!1}),n.hideTimeout=null}),i)}},{key:"onHideDialog",value:function(e,t){var n=this.props.onDialogDidHide;n&&n(e,t)}},{key:"hideDialogIfNeeded",value:function(e,t){this.showTimeout&&(clearTimeout(this.showTimeout),this.showTimeout=null),this.hideTimeout||this.hideDialog(e,t)}},{key:"handleEvent",value:function(e,t,n){var o=this.props,i=o.showTriggerIgnoreClass,s=o.hideTriggerIgnoreClass;return!this.isShowTrigger(e)||this.isShown()||C(t,i)?this.isHideTrigger(e)&&!C(t,s)?this.hideDialogIfNeeded(n,e):void 0:this.showDialogIfNeeded(n,e)}},{key:"isShown",value:function(){return this.state.isOpen||this.props.open}},{key:"isShowTrigger",value:function(e){var t=this.props,n=t.addKeyboardHideShowTriggersByDefault,o=T(t.showTrigger);return!(!n||"focus"!==e||-1>=o.indexOf("mouseenter"))||o.indexOf(e)>-1}},{key:"isHideTrigger",value:function(e){var t=this.props,n=t.addKeyboardHideShowTriggersByDefault,o=T(t.hideTrigger);return!(!n||"blur"!==e||-1>=o.indexOf("mouseleave"))||o.indexOf(e)>-1}},{key:"onMouseEnter",value:function(e){this.handleEvent("mouseenter",e.target,e)}},{key:"onMouseLeave",value:function(e){this.handleEvent("mouseleave",e.target,e)}},{key:"onClick",value:function(e){e.button||this.handleEvent("click",e.target,e)}},{key:"onKeyDown",value:function(e){"Enter"===e.key&&this.handleEvent("enter",e.target,e),"Tab"===e.key&&this.handleEvent("tab",e.target,e)}},{key:"onMouseDown",value:function(e){e.button||this.handleEvent("mousedown",e.target,e)}},{key:"onFocus",value:function(e){this.handleEvent("focus",e.target,e)}},{key:"onBlur",value:function(e){this.handleEvent("blur",e.relatedTarget,e)}},{key:"onEsc",value:function(e){this.handleEvent("esckey",e.target,e)}},{key:"onContextMenu",value:function(e){var t=this.isShown();(this.isShowTrigger("contextmenu")&&!t||this.isHideTrigger("contextmenu")&&t)&&e.preventDefault(),this.handleEvent("contextmenu",e.target,e)}},{key:"onClickOutside",value:function(e){var t=this.props.onClickOutside;this.handleEvent("clickoutside",e.target,e),t(e)}},{key:"onDialogEnter",value:function(e){this.props.showOnDialogEnter&&this.showDialogIfNeeded(e,"DialogEnter")}},{key:"onDialogLeave",value:function(e){this.props.showOnDialogEnter&&this.hideDialogIfNeeded(e,"DialogLeave")}},{key:"onContentClick",value:function(e){var t=this.props.onContentClick;this.handleEvent("onContentClick",e.target,e),t(e)}},{key:"render",value:function(){var e=this,t=this.props,o=t.wrapperClassName,i=t.content,s=t.startingEdge,l=t.children,g=t.preventAnimationOnMount,v=t.animationType,D=t.position,E=t.showDelay,C=t.moveBy,k=t.modifiers,T=t.tooltip,S=t.tooltipClassName,L=t.referenceWrapperClassName,N=t.referenceWrapperElement,A=t.zIndex,j=t.hideWhenReferenceHidden,I=t.disableContainerScroll,P=t.containerSelector,B=t.observeContentResize,F=t.enableNestedDialogLayer,K=this.state.preventAnimation,z=t["data-testid"]||H(x.DIALOG,t.id),_=g||K?void 0:v,U=p(i)?i():i;return U?a.createElement(d,null,a.createElement(h,null,(function(t){var n=t.ref;return a.createElement(f,{className:r(L),wrapperElement:N,ref:n,onBlur:R("onBlur",e,e.props),onKeyDown:R("onKeyDown",e,e.props),onClick:R("onClick",e,e.props),onFocus:R("onFocus",e,e.props),onMouseDown:R("onMouseDown",e,e.props),onMouseEnter:R("onMouseEnter",e,e.props),onMouseLeave:R("onMouseLeave",e,e.props),onContextMenu:R("onContextMenu",e,e.props)},l)})),M()&&u(a.createElement(c,{placement:D,modifiers:[{name:"offset",options:{offset:[C.secondary,C.main]}},{name:"zIndex",enabled:!0,phase:"write",fn:function(e){var t=e.state;return A&&(t.styles.popper.zIndex=A+""),t}},{name:"rotator",enabled:!0,phase:"write",fn:function(e){var t=e.state;return t.styles.arrow?(t.styles.arrow.transform=t.styles.arrow.transform+" rotate(45deg)",t):t}},w(B)].concat(n(k))},(function(t){var n=t.placement,i=t.style,l=t.ref,u=t.arrowProps,d=t.isReferenceHidden;if(!e.isShown()&&n)return null;if(j&&d){var h=new CustomEvent("onReferenceHidden");e.hideDialog(h,"onReferenceHidden")}var c=b([l,e.containerRef]),p=a.createElement(m,{"data-testid":z,isReferenceHidden:j&&d,onMouseEnter:e.onDialogEnter,onMouseLeave:e.onDialogLeave,onClickOutside:e.onClickOutside,onContextMenu:e.onContextMenu,onEsc:e.onEsc,animationType:_,position:n,wrapperClassName:o,startingEdge:s,isOpen:e.isShown(),showDelay:E,styleObject:i,ref:c,onClick:e.onContentClick,hasTooltip:!!T,containerSelector:P,disableContainerScroll:I},U,T&&a.createElement("div",{style:u.style,ref:u.ref,className:r(y.arrow,S),"data-placement":n}));return F?a.createElement(O,{layerRef:e.containerRef},p):p})),this.getContainer())):l}}],[{key:"getDerivedStateFromProps",value:function(e,t){return t.shouldUseDerivedStateFromProps?{isOpen:e.isOpen}:null}}])}();function R(e,t,n){return S([n[e],t[e]],!0)}L.hideShowTriggers=g,L.positions=v,L.animationTypes=D,L.defaultProps={position:"top",modifiers:[],moveBy:{main:0,secondary:0},showDelay:100,hideDelay:100,showTrigger:L.hideShowTriggers.MOUSE_ENTER,hideTrigger:L.hideShowTriggers.MOUSE_LEAVE,showOnDialogEnter:!1,shouldShowOnMount:!1,disable:!1,open:!1,animationType:L.animationTypes.EXPAND,preventAnimationOnMount:!1,tooltip:!1,onDialogDidShow:k,onDialogDidHide:k,onClickOutside:k,onContentClick:k,useDerivedStateFromProps:!1,hideWhenReferenceHidden:!1,shouldCallbackOnMount:!1,instantShowAndHide:!1,addKeyboardHideShowTriggersByDefault:!1,observeContentResize:!1,enableNestedDialogLayer:!1},L.contextType=E;export{L as default};
+import{inherits as e,createClass as t,toConsumableArray as n,classCallCheck as o,callSuper as i,assertThisInitialized as s}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import r from"classnames";import a,{PureComponent as l}from"react";import{createPortal as u}from"react-dom";import{Manager as d,Reference as h,Popper as c}from"react-popper";import{isFunction as p}from"es-toolkit";import m from"./DialogContent/DialogContent.js";import{Refable as f}from"../Refable/Refable.js";import v from"./Dialog.module.scss.js";import{createObserveContentResizeModifier as g}from"./modifiers/observeContentResizeModifier.js";import y from"../../../layer/dist/LayerProvider/LayerContext.js";import{isInsideClass as D}from"../../../../shared/dist/utils/dom-utils.js";import{NOOP as w,convertToArray as k,chainRefFunctions as C,chainFunctions as E}from"../../../../shared/dist/utils/function-utils.js";import T from"../../../layer/dist/LayerProvider/LayerProvider.js";import{isClient as b}from"../../../../shared/dist/utils/ssr-utils.js";import{getTestId as S}from"../../../../shared/dist/tests/test-ids-utils.js";import{ComponentDefaultTestId as O}from"../../../../shared/dist/tests/constants.js";var M=function(y){function w(e){var t;return o(this,w),(t=i(this,w,[e])).state={shouldUseDerivedStateFromProps:e.useDerivedStateFromProps,isOpen:e.shouldShowOnMount},t.containerRef=a.createRef(),t.onMouseEnter=t.onMouseEnter.bind(s(t)),t.onMouseLeave=t.onMouseLeave.bind(s(t)),t.onMouseDown=t.onMouseDown.bind(s(t)),t.onClick=t.onClick.bind(s(t)),t.onFocus=t.onFocus.bind(s(t)),t.onBlur=t.onBlur.bind(s(t)),t.isShown=t.isShown.bind(s(t)),t.onEsc=t.onEsc.bind(s(t)),t.onClickOutside=t.onClickOutside.bind(s(t)),t.onDialogEnter=t.onDialogEnter.bind(s(t)),t.onDialogLeave=t.onDialogLeave.bind(s(t)),t.getContainer=t.getContainer.bind(s(t)),t.onContentClick=t.onContentClick.bind(s(t)),t.onKeyDown=t.onKeyDown.bind(s(t)),t.closeDialogOnEscape=t.closeDialogOnEscape.bind(s(t)),t.onContextMenu=t.onContextMenu.bind(s(t)),t.getDefaultContainer=t.getDefaultContainer.bind(s(t)),t.hideTimeout=null,t.showTimeout=null,t}return e(w,l),t(w,[{key:"closeDialogOnEscape",value:function(e){if(this.state.isOpen)switch(e.key){case"Escape":this.hideDialogIfNeeded(e,"esckey");break;case"Tab":this.handleEvent("tab",e.target,e);break;case"Enter":this.handleEvent("enter",e.target,e)}}},{key:"componentDidMount",value:function(){var e=this.props,t=e.shouldCallbackOnMount,n=e.onDialogDidShow,o=this.state.isOpen;b()&&document.addEventListener("keyup",this.closeDialogOnEscape),t&&o&&n&&n()}},{key:"componentWillUnmount",value:function(){b()&&document.removeEventListener("keyup",this.closeDialogOnEscape),this.showTimeout&&(clearTimeout(this.showTimeout),this.showTimeout=null),this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=null)}},{key:"getDefaultContainer",value:function(){var e=this.context.layerRef;return(null==e?void 0:e.current)?e.current:document.body}},{key:"getContainer",value:function(){var e=this.props.containerSelector;if(!e)return this.getDefaultContainer();var t=document.querySelector(e);return t&&t instanceof Element?t:this.getDefaultContainer()}},{key:"showDialog",value:function(e,t){var n=this,o=this.props,i=o.instantShowAndHide,s=o.getDynamicShowDelay,r=o.showDelay,a=(arguments.length>2&&void 0!==arguments[2]?arguments[2]:{}).preventAnimation;if(s){var l=s();r=l.showDelay||0,a=a||l.preventAnimation}i?(this.onShowDialog(e,t),this.setState({isOpen:!0,preventAnimation:a}),this.showTimeout=null):this.showTimeout=setTimeout((function(){n.onShowDialog(e,t),n.showTimeout=null,n.setState({isOpen:!0,preventAnimation:a})}),r)}},{key:"onShowDialog",value:function(e,t){this.isShown()||(0,this.props.onDialogDidShow)(e,t)}},{key:"showDialogIfNeeded",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};this.props.disable||(this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=null),this.showTimeout||this.showDialog(e,t,n))}},{key:"hideDialog",value:function(e,t){var n=this,o=this.props,i=o.hideDelay;o.instantShowAndHide?(this.onHideDialog(e,t),this.setState({isOpen:!1}),this.hideTimeout=null):this.hideTimeout=setTimeout((function(){n.onHideDialog(e,t),n.setState({isOpen:!1}),n.hideTimeout=null}),i)}},{key:"onHideDialog",value:function(e,t){var n=this.props.onDialogDidHide;n&&n(e,t)}},{key:"hideDialogIfNeeded",value:function(e,t){this.showTimeout&&(clearTimeout(this.showTimeout),this.showTimeout=null),this.hideTimeout||this.hideDialog(e,t)}},{key:"handleEvent",value:function(e,t,n){var o=this.props,i=o.showTriggerIgnoreClass,s=o.hideTriggerIgnoreClass;return!this.isShowTrigger(e)||this.isShown()||D(t,i)?this.isHideTrigger(e)&&!D(t,s)?this.hideDialogIfNeeded(n,e):void 0:this.showDialogIfNeeded(n,e)}},{key:"isShown",value:function(){return this.state.isOpen||this.props.open}},{key:"isShowTrigger",value:function(e){var t=this.props,n=t.addKeyboardHideShowTriggersByDefault,o=k(t.showTrigger);return!(!n||"focus"!==e||-1>=o.indexOf("mouseenter"))||o.indexOf(e)>-1}},{key:"isHideTrigger",value:function(e){var t=this.props,n=t.addKeyboardHideShowTriggersByDefault,o=k(t.hideTrigger);return!(!n||"blur"!==e||-1>=o.indexOf("mouseleave"))||o.indexOf(e)>-1}},{key:"onMouseEnter",value:function(e){this.handleEvent("mouseenter",e.target,e)}},{key:"onMouseLeave",value:function(e){this.handleEvent("mouseleave",e.target,e)}},{key:"onClick",value:function(e){e.button||this.handleEvent("click",e.target,e)}},{key:"onKeyDown",value:function(e){"Enter"===e.key&&this.handleEvent("enter",e.target,e),"Tab"===e.key&&this.handleEvent("tab",e.target,e)}},{key:"onMouseDown",value:function(e){e.button||this.handleEvent("mousedown",e.target,e)}},{key:"onFocus",value:function(e){this.handleEvent("focus",e.target,e)}},{key:"onBlur",value:function(e){this.handleEvent("blur",e.relatedTarget,e)}},{key:"onEsc",value:function(e){this.handleEvent("esckey",e.target,e)}},{key:"onContextMenu",value:function(e){var t=this.isShown();(this.isShowTrigger("contextmenu")&&!t||this.isHideTrigger("contextmenu")&&t)&&e.preventDefault(),this.handleEvent("contextmenu",e.target,e)}},{key:"onClickOutside",value:function(e){var t=this.props.onClickOutside;this.handleEvent("clickoutside",e.target,e),t(e)}},{key:"onDialogEnter",value:function(e){this.props.showOnDialogEnter&&this.showDialogIfNeeded(e,"DialogEnter")}},{key:"onDialogLeave",value:function(e){this.props.showOnDialogEnter&&this.hideDialogIfNeeded(e,"DialogLeave")}},{key:"onContentClick",value:function(e){var t=this.props.onContentClick;this.handleEvent("onContentClick",e.target,e),t(e)}},{key:"render",value:function(){var e=this,t=this.props,o=t.wrapperClassName,i=t.content,s=t.startingEdge,l=t.children,y=t.preventAnimationOnMount,D=t.animationType,w=t.position,k=t.showDelay,E=t.moveBy,M=t.modifiers,H=t.tooltip,L=t.tooltipClassName,R=t.referenceWrapperClassName,N=t.referenceWrapperElement,I=t.zIndex,j=t.hideWhenReferenceHidden,A=t.disableContainerScroll,B=t.containerSelector,P=t.observeContentResize,F=t.enableNestedDialogLayer,z=this.state.preventAnimation,K=t["data-testid"]||S(O.DIALOG,t.id),W=y||z?void 0:D,U=p(i)?i():i;return U?a.createElement(d,null,a.createElement(h,null,(function(t){var n=t.ref;return a.createElement(f,{className:r(R),wrapperElement:N,ref:n,onBlur:x("onBlur",e,e.props),onKeyDown:x("onKeyDown",e,e.props),onClick:x("onClick",e,e.props),onFocus:x("onFocus",e,e.props),onMouseDown:x("onMouseDown",e,e.props),onMouseEnter:x("onMouseEnter",e,e.props),onMouseLeave:x("onMouseLeave",e,e.props),onContextMenu:x("onContextMenu",e,e.props)},l)})),b()&&u(a.createElement(c,{placement:w,modifiers:[{name:"offset",options:{offset:[E.secondary,E.main]}},{name:"zIndex",enabled:!0,phase:"write",fn:function(e){var t=e.state;return I&&(t.styles.popper.zIndex=I+""),t}},{name:"rotator",enabled:!0,phase:"write",fn:function(e){var t=e.state;return t.styles.arrow?(t.styles.arrow.transform=t.styles.arrow.transform+" rotate(45deg)",t):t}},g(P)].concat(n(M))},(function(t){var n=t.placement,i=t.style,l=t.ref,u=t.arrowProps,d=t.isReferenceHidden;if(!e.isShown()&&n)return null;if(j&&d){var h=new CustomEvent("onReferenceHidden");e.hideDialog(h,"onReferenceHidden")}var c=C([l,e.containerRef]),p=a.createElement(m,{"data-testid":K,isReferenceHidden:j&&d,onMouseEnter:e.onDialogEnter,onMouseLeave:e.onDialogLeave,onClickOutside:e.onClickOutside,onContextMenu:e.onContextMenu,onEsc:e.onEsc,animationType:W,position:n,wrapperClassName:o,startingEdge:s,isOpen:e.isShown(),showDelay:k,styleObject:i,ref:c,onClick:e.onContentClick,hasTooltip:!!H,containerSelector:B,disableContainerScroll:A},U,H&&a.createElement("div",{style:u.style,ref:u.ref,className:r(v.arrow,L),"data-placement":n}));return F?a.createElement(T,{layerRef:e.containerRef},p):p})),this.getContainer())):l}}],[{key:"getDerivedStateFromProps",value:function(e,t){return t.shouldUseDerivedStateFromProps?{isOpen:e.isOpen}:null}}])}();function x(e,t,n){return E([n[e],t[e]],!0)}M.defaultProps={position:"top",modifiers:[],moveBy:{main:0,secondary:0},showDelay:100,hideDelay:100,showTrigger:"mouseenter",hideTrigger:"mouseleave",showOnDialogEnter:!1,shouldShowOnMount:!1,disable:!1,open:!1,animationType:"expand",preventAnimationOnMount:!1,tooltip:!1,onDialogDidShow:w,onDialogDidHide:w,onClickOutside:w,onContentClick:w,useDerivedStateFromProps:!1,hideWhenReferenceHidden:!1,shouldCallbackOnMount:!1,instantShowAndHide:!1,addKeyboardHideShowTriggersByDefault:!1,observeContentResize:!1,enableNestedDialogLayer:!1},M.contextType=y;export{M as default};
 //# sourceMappingURL=Dialog.js.map