npm - @vibe/core - Versions diffs - 3.58.1 → 3.58.2 - Mend

@vibe/core 3.58.1 → 3.58.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1554) hide show

package/dist/src/components/Icon/Icon.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={icon:"icon_9f99f75616",noFocusStyle:"noFocusStyle_6e67f99362",clickable:"clickable_7b2351d05e"};!function(e){const n="s_id-039c30c54242_3_58_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".icon_9f99f75616 {\n  position: relative;\n}\n\n.icon_9f99f75616:before {\n  text-decoration: none !important;\n}\n\n.noFocusStyle_6e67f99362:focus {\n  outline: none;\n}\n\n.clickable_7b2351d05e {\n  cursor: pointer;\n}");export{e as default};
+var e={icon:"icon_60e41d08f2",noFocusStyle:"noFocusStyle_aa16fd5c1a",clickable:"clickable_e0f42c8e76"};!function(e){const n="s_id-039c30c54242_3_58_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".icon_60e41d08f2 {\n  position: relative;\n}\n\n.icon_60e41d08f2:before {\n  text-decoration: none !important;\n}\n\n.noFocusStyle_aa16fd5c1a:focus {\n  outline: none;\n}\n\n.clickable_e0f42c8e76 {\n  cursor: pointer;\n}");export{e as default};
 //# sourceMappingURL=Icon.module.scss.js.map

package/dist/src/components/Icon/hooks/useIconProps.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useIconProps.js","sources":["../../../../../src/components/Icon/hooks/useIconProps.tsx"],"sourcesContent":["import { KeyboardEvent, MouseEvent, UIEvent, useCallback, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { noop as NOOP } from \"lodash-es\";\nimport useEventListener from \"../../../hooks/useEventListener\";\nimport useKeyEvent from \"../../../hooks/useKeyEvent\";\nimport { keyCodes } from \"../../../constants/keyCodes\";\nimport useIconScreenReaderAccessProps from \"../../../hooks/useIconScreenReaderAccessProps\";\nimport styles from \"../Icon.module.scss\";\n\nconst KEYS = [keyCodes.ENTER, keyCodes.SPACE];\n\nexport default function useIconProps({\n onClick,\n className,\n clickable,\n ignoreFocusStyle,\n isDecorationOnly,\n iconLabel,\n externalTabIndex\n}: {\n onClick?: (event: UIEvent) => void;\n className?: string;\n clickable?: boolean;\n ignoreFocusStyle?: boolean;\n isDecorationOnly?: boolean;\n iconLabel?: string;\n externalTabIndex?: number \| undefined;\n}) {\n const iconRef = useRef(null);\n const onEnterCallback = useCallback(\n (event: KeyboardEvent) => {\n const isActive = document.activeElement === iconRef.current;\n if (!isActive) {\n return;\n }\n onClick(event);\n },\n [iconRef, onClick]\n );\n\n const onMouseDown = useCallback((event: MouseEvent) => {\n event.preventDefault();\n }, []);\n\n const computedClassName = useMemo(() => {\n return cx(styles.icon, className, {\n [styles.clickable]: clickable,\n [styles.noFocusStyle]: ignoreFocusStyle\n });\n }, [clickable, className, ignoreFocusStyle]);\n\n useEventListener({\n eventName: \"mousedown\",\n callback: onMouseDown,\n ref: iconRef\n });\n\n useKeyEvent({\n keys: KEYS,\n ref: iconRef,\n callback: onEnterCallback,\n ignoreDocumentFallback: true,\n capture: true,\n stopPropagation: true,\n preventDefault: true\n });\n\n const onClickCallback = useCallback(\n (event: MouseEvent) => {\n const callback = onClick \|\| NOOP;\n callback(event);\n },\n [onClick]\n );\n\n const screenReaderAccessProps = useIconScreenReaderAccessProps({\n isClickable: clickable,\n label: iconLabel,\n isDecorationOnly\n });\n\n screenReaderAccessProps.tabIndex = externalTabIndex ?? screenReaderAccessProps.tabIndex;\n\n return {\n screenReaderAccessProps,\n onClickCallback,\n computedClassName,\n onEnterCallback,\n iconRef\n };\n}\n"],"names":["KEYS","keyCodes","ENTER","SPACE","useIconProps","_ref","onClick","className","clickable","ignoreFocusStyle","isDecorationOnly","iconLabel","externalTabIndex","iconRef","useRef","onEnterCallback","useCallback","event","document","activeElement","current","onMouseDown","preventDefault","computedClassName","useMemo","cx","styles","icon","_defineProperty","noFocusStyle","useEventListener","eventName","callback","ref","useKeyEvent","keys","ignoreDocumentFallback","capture","stopPropagation","onClickCallback","NOOP","screenReaderAccessProps","useIconScreenReaderAccessProps","isClickable","label","tabIndex"],"mappings":"sdASA,IAAMA,EAAO,CAACC,EAASC,MAAOD,EAASE,OAEzB,SAAUC,EAAYC,GAgBnC,IAfCC,EAAOD,EAAPC,QACAC,EAASF,EAATE,UACAC,EAASH,EAATG,UACAC,EAAgBJ,EAAhBI,iBACAC,EAAgBL,EAAhBK,iBACAC,EAASN,EAATM,UACAC,EAAgBP,EAAhBO,iBAUMC,EAAUC,EAAO,MACjBC,EAAkBC,GACtB,SAACC,GACkBC,SAASC,gBAAkBN,EAAQO,SAIpDd,EAAQW,EACV,GACA,CAACJ,EAASP,IAGNe,EAAcL,GAAY,SAACC,GAC/BA,EAAMK,gBACP,GAAE,IAEGC,EAAoBC,GAAQ,WAChC,OAAOC,EAAGC,EAAOC,KAAMpB,EAASqB,EAAAA,EAAA,CAAA,EAC7BF,EAAOlB,UAAYA,GACnBkB,EAAOG,aAAepB,GAE1B,GAAE,CAACD,EAAWD,EAAWE,IAE1BqB,EAAiB,CACfC,UAAW,YACXC,SAAUX,EACVY,IAAKpB,IAGPqB,EAAY,CACVC,KAAMnC,EACNiC,IAAKpB,EACLmB,SAAUjB,EACVqB,wBAAwB,EACxBC,SAAS,EACTC,iBAAiB,EACjBhB,gBAAgB,IAGlB,IAAMiB,EAAkBvB,GACtB,SAACC,IACkBX,GAAWkC,GACnBvB,EACX,GACA,CAACX,IAGGmC,EAA0BC,EAA+B,CAC7DC,YAAanC,EACboC,MAAOjC,EACPD,iBAAAA,IAKF,OAFA+B,EAAwBI,SAAWjC,QAAAA,EAAoB6B,EAAwBI,SAExE,CACLJ,wBAAAA,EACAF,gBAAAA,EACAhB,kBAAAA,EACAR,gBAAAA,EACAF,QAAAA,EAEJ"}
1	+ {"version":3,"file":"useIconProps.js","sources":["../../../../../src/components/Icon/hooks/useIconProps.tsx"],"sourcesContent":["import { type KeyboardEvent, type MouseEvent, type UIEvent, useCallback, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { noop as NOOP } from \"lodash-es\";\nimport useEventListener from \"../../../hooks/useEventListener\";\nimport useKeyEvent from \"../../../hooks/useKeyEvent\";\nimport { keyCodes } from \"../../../constants/keyCodes\";\nimport useIconScreenReaderAccessProps from \"../../../hooks/useIconScreenReaderAccessProps\";\nimport styles from \"../Icon.module.scss\";\n\nconst KEYS = [keyCodes.ENTER, keyCodes.SPACE];\n\nexport default function useIconProps({\n onClick,\n className,\n clickable,\n ignoreFocusStyle,\n isDecorationOnly,\n iconLabel,\n externalTabIndex\n}: {\n onClick?: (event: UIEvent) => void;\n className?: string;\n clickable?: boolean;\n ignoreFocusStyle?: boolean;\n isDecorationOnly?: boolean;\n iconLabel?: string;\n externalTabIndex?: number \| undefined;\n}) {\n const iconRef = useRef(null);\n const onEnterCallback = useCallback(\n (event: KeyboardEvent) => {\n const isActive = document.activeElement === iconRef.current;\n if (!isActive) {\n return;\n }\n onClick(event);\n },\n [iconRef, onClick]\n );\n\n const onMouseDown = useCallback((event: MouseEvent) => {\n event.preventDefault();\n }, []);\n\n const computedClassName = useMemo(() => {\n return cx(styles.icon, className, {\n [styles.clickable]: clickable,\n [styles.noFocusStyle]: ignoreFocusStyle\n });\n }, [clickable, className, ignoreFocusStyle]);\n\n useEventListener({\n eventName: \"mousedown\",\n callback: onMouseDown,\n ref: iconRef\n });\n\n useKeyEvent({\n keys: KEYS,\n ref: iconRef,\n callback: onEnterCallback,\n ignoreDocumentFallback: true,\n capture: true,\n stopPropagation: true,\n preventDefault: true\n });\n\n const onClickCallback = useCallback(\n (event: MouseEvent) => {\n const callback = onClick \|\| NOOP;\n callback(event);\n },\n [onClick]\n );\n\n const screenReaderAccessProps = useIconScreenReaderAccessProps({\n isClickable: clickable,\n label: iconLabel,\n isDecorationOnly\n });\n\n screenReaderAccessProps.tabIndex = externalTabIndex ?? screenReaderAccessProps.tabIndex;\n\n return {\n screenReaderAccessProps,\n onClickCallback,\n computedClassName,\n onEnterCallback,\n iconRef\n };\n}\n"],"names":["KEYS","keyCodes","ENTER","SPACE","useIconProps","_ref","onClick","className","clickable","ignoreFocusStyle","isDecorationOnly","iconLabel","externalTabIndex","iconRef","useRef","onEnterCallback","useCallback","event","document","activeElement","current","onMouseDown","preventDefault","computedClassName","useMemo","cx","styles","icon","_defineProperty","noFocusStyle","useEventListener","eventName","callback","ref","useKeyEvent","keys","ignoreDocumentFallback","capture","stopPropagation","onClickCallback","NOOP","screenReaderAccessProps","useIconScreenReaderAccessProps","isClickable","label","tabIndex"],"mappings":"sdASA,IAAMA,EAAO,CAACC,EAASC,MAAOD,EAASE,OAEzB,SAAUC,EAAYC,GAgBnC,IAfCC,EAAOD,EAAPC,QACAC,EAASF,EAATE,UACAC,EAASH,EAATG,UACAC,EAAgBJ,EAAhBI,iBACAC,EAAgBL,EAAhBK,iBACAC,EAASN,EAATM,UACAC,EAAgBP,EAAhBO,iBAUMC,EAAUC,EAAO,MACjBC,EAAkBC,GACtB,SAACC,GACkBC,SAASC,gBAAkBN,EAAQO,SAIpDd,EAAQW,EACV,GACA,CAACJ,EAASP,IAGNe,EAAcL,GAAY,SAACC,GAC/BA,EAAMK,gBACP,GAAE,IAEGC,EAAoBC,GAAQ,WAChC,OAAOC,EAAGC,EAAOC,KAAMpB,EAASqB,EAAAA,EAAA,CAAA,EAC7BF,EAAOlB,UAAYA,GACnBkB,EAAOG,aAAepB,GAE1B,GAAE,CAACD,EAAWD,EAAWE,IAE1BqB,EAAiB,CACfC,UAAW,YACXC,SAAUX,EACVY,IAAKpB,IAGPqB,EAAY,CACVC,KAAMnC,EACNiC,IAAKpB,EACLmB,SAAUjB,EACVqB,wBAAwB,EACxBC,SAAS,EACTC,iBAAiB,EACjBhB,gBAAgB,IAGlB,IAAMiB,EAAkBvB,GACtB,SAACC,IACkBX,GAAWkC,GACnBvB,EACX,GACA,CAACX,IAGGmC,EAA0BC,EAA+B,CAC7DC,YAAanC,EACboC,MAAOjC,EACPD,iBAAAA,IAKF,OAFA+B,EAAwBI,SAAWjC,QAAAA,EAAoB6B,EAAwBI,SAExE,CACLJ,wBAAAA,EACAF,gBAAAA,EACAhB,kBAAAA,EACAR,gBAAAA,EACAF,QAAAA,EAEJ"}

package/dist/src/components/IconButton/IconButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IconButton.js","sources":["../../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import React, { AriaAttributes, forwardRef, Fragment, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { noop as NOOP } from \"lodash-es\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Tooltip, { TooltipProps } from \"../Tooltip/Tooltip\";\nimport Icon from \"../Icon/Icon\";\nimport { AddSmall } from \"@vibe/icons\";\nimport { getWidthHeight, Size } from \"./services/IconButton-helpers\";\nimport { SubIcon, VibeComponentProps, withStaticProps } from \"../../types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport Button from \"../Button/Button\";\nimport { BUTTON_ICON_SIZE, SMALL_BUTTON_ICON_SIZE } from \"../Button/ButtonConstants\";\nimport { ButtonColor, ButtonType } from \"../Button\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./IconButton.module.scss\";\n\nexport interface IconButtonProps extends VibeComponentProps {\n /*\n Callback fired when the button is clicked.\n /\n onClick?: (event: React.MouseEvent) => void;\n /\n Class name applied to the button wrapper.\n /\n wrapperClassName?: string;\n /\n Class name applied to the icon.\n /\n iconClassName?: string;\n /\n The icon displayed inside the button.\n /\n icon?: SubIcon;\n /\n The ID of the element that labels this button.\n /\n ariaLabeledBy?: string;\n /\n The ARIA label for accessibility.\n /\n ariaLabel?: string;\n /\n If true, indicates that the button controls a popup.\n /\n ariaHasPopup?: React.HTMLProps<HTMLButtonElement>[\"aria-haspopup\"];\n /\n If true, indicates that the associated popup is open.\n /\n ariaExpanded?: boolean;\n /\n The ID of the region controlled by the button.\n /\n ariaControls?: string;\n /\n ID of the element describing the button.\n /\n \"aria-describedby\"?: AriaAttributes[\"aria-describedby\"];\n /\n If true, hides the button from assistive technologies.\n /\n \"aria-hidden\"?: AriaAttributes[\"aria-hidden\"];\n /\n Indicates the current \"pressed\" state of toggle buttons.\n /\n \"aria-pressed\"?: AriaAttributes[\"aria-pressed\"];\n /\n The size of the button.\n /\n size?: Size;\n /\n If true, hides the tooltip.\n /\n hideTooltip?: boolean;\n /\n Props for the Tooltip component.\n /\n tooltipProps?: Partial<TooltipProps>;\n /\n Tooltip content displayed on hover.\n /\n tooltipContent?: string;\n /\n The button variant.\n /\n kind?: ButtonType;\n /\n If true, the button is in an active state.\n /\n active?: boolean;\n /\n The color of the button.\n /\n color?: ButtonColor;\n /\n If true, the button is disabled.\n /\n disabled?: boolean;\n /\n If disabled, this message will be displayed in the tooltip.\n /\n disabledReason?: string;\n /\n If true, the focus indicator is displayed inside the button instead of around it.\n /\n insetFocus?: boolean;\n /\n The tab order of the button.\n /\n tabIndex?: number;\n /\n If true, a loader replaces the icon.\n */\n loading?: boolean;\n}\n\nconst IconButton = forwardRef(\n (\n {\n className,\n wrapperClassName,\n iconClassName,\n id,\n icon = AddSmall,\n size = \"medium\",\n tooltipProps = {} as TooltipProps,\n tooltipContent,\n ariaLabeledBy,\n ariaLabel,\n ariaHasPopup,\n ariaExpanded,\n ariaControls,\n \"aria-describedby\": ariaDescribedBy,\n \"aria-hidden\": ariaHidden,\n \"aria-pressed\": ariaPressed,\n hideTooltip = false,\n kind = \"tertiary\",\n active,\n disabled = false,\n disabledReason,\n onClick = NOOP,\n color,\n \"data-testid\": dataTestId,\n insetFocus = false,\n tabIndex,\n loading = false\n }: IconButtonProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const overrideTooltipContent = useMemo(\n () => tooltipProps?.content \|\| tooltipContent,\n [tooltipProps?.content, tooltipContent]\n );\n\n const buttonAriaLabel = useMemo(() => {\n if (ariaLabel) return ariaLabel;\n if (typeof overrideTooltipContent === \"string\") return overrideTooltipContent;\n return undefined;\n }, [ariaLabel, overrideTooltipContent]);\n\n const iconSize = useMemo(() => {\n switch (size) {\n case \"xxs\":\n case \"xs\":\n return SMALL_BUTTON_ICON_SIZE;\n case \"small\":\n case \"medium\":\n case \"large\":\n return BUTTON_ICON_SIZE;\n default:\n return 24;\n }\n }, [size]);\n\n const overrideStyle = useMemo(() => {\n let style = {\n justifyContent: \"center\",\n alignItems: \"center\",\n padding: 0\n } as React.CSSProperties;\n\n if (size) {\n style = { ...style, ...getWidthHeight(size) };\n }\n return style;\n }, [size]);\n\n const calculatedTooltipContent = useMemo(() => {\n if (hideTooltip) return null;\n if (disabled && disabledReason) return disabledReason;\n if (overrideTooltipContent) return overrideTooltipContent as never;\n return ariaLabel;\n }, [hideTooltip, disabled, disabledReason, overrideTooltipContent, ariaLabel]);\n\n const IconButtonWrapper = wrapperClassName ? \"div\" : Fragment;\n const iconButtonWrapperProps = useMemo(() => {\n return wrapperClassName ? { className: cx(wrapperClassName, styles.wrapper) } : {};\n }, [wrapperClassName]);\n\n return (\n <IconButtonWrapper {...iconButtonWrapperProps}>\n <Tooltip\n {...tooltipProps}\n content={calculatedTooltipContent}\n referenceWrapperClassName={styles.referenceWrapper}\n >\n <Button\n onClick={onClick}\n disabled={disabled}\n color={color}\n kind={kind}\n ariaLabeledBy={ariaLabeledBy}\n ariaLabel={buttonAriaLabel}\n ariaHasPopup={ariaHasPopup}\n ariaExpanded={ariaExpanded}\n ariaControls={ariaControls}\n aria-describedby={ariaDescribedBy}\n aria-hidden={ariaHidden}\n aria-pressed={ariaPressed}\n ref={mergedRef}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.ICON_BUTTON, id)}\n data-vibe={ComponentVibeId.ICON_BUTTON}\n noSidePadding\n active={active}\n className={className}\n style={overrideStyle}\n insetFocus={insetFocus}\n tabIndex={tabIndex}\n loading={loading}\n loaderClassName={cx(styles.loader, getStyle(styles, size))}\n >\n <Icon icon={icon} iconType=\"svg\" iconSize={iconSize} ignoreFocusStyle className={iconClassName} />\n </Button>\n </Tooltip>\n </IconButtonWrapper>\n );\n }\n);\n\ninterface IconButtonStaticProps {\n sizes: typeof Button.sizes;\n kinds: typeof Button.kinds;\n colors: typeof Button.colors;\n}\n\nexport default withStaticProps<IconButtonProps, IconButtonStaticProps>(IconButton, {\n sizes: Button.sizes,\n kinds: Button.kinds,\n colors: Button.colors\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","wrapperClassName","iconClassName","id","_ref$icon","icon","AddSmall","_ref$size","size","_ref$tooltipProps","tooltipProps","tooltipContent","ariaLabeledBy","ariaLabel","ariaHasPopup","ariaExpanded","ariaControls","ariaDescribedBy","ariaHidden","ariaPressed","_ref$hideTooltip","hideTooltip","_ref$kind","kind","active","_ref$disabled","disabled","disabledReason","_ref$onClick","onClick","NOOP","color","dataTestId","_ref$insetFocus","insetFocus","tabIndex","_ref$loading","loading","componentRef","useRef","mergedRef","useMergeRef","overrideTooltipContent","useMemo","content","buttonAriaLabel","iconSize","SMALL_BUTTON_ICON_SIZE","BUTTON_ICON_SIZE","overrideStyle","style","justifyContent","alignItems","padding","Object","assign","getWidthHeight","calculatedTooltipContent","IconButtonWrapper","Fragment","iconButtonWrapperProps","cx","styles","wrapper","React","createElement","Tooltip","referenceWrapperClassName","referenceWrapper","Button","getTestId","ComponentDefaultTestId","ICON_BUTTON","ComponentVibeId","noSidePadding","loaderClassName","loader","getStyle","Icon","iconType","ignoreFocusStyle","sizes","kinds","colors"],"mappings":"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"}
1	+ {"version":3,"file":"IconButton.js","sources":["../../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import React, { type AriaAttributes, forwardRef, Fragment, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { noop as NOOP } from \"lodash-es\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Tooltip, { type TooltipProps } from \"../Tooltip/Tooltip\";\nimport Icon from \"../Icon/Icon\";\nimport { AddSmall } from \"@vibe/icons\";\nimport { getWidthHeight, type Size } from \"./services/IconButton-helpers\";\nimport { type SubIcon, type VibeComponentProps, withStaticProps } from \"../../types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport Button from \"../Button/Button\";\nimport { BUTTON_ICON_SIZE, SMALL_BUTTON_ICON_SIZE } from \"../Button/ButtonConstants\";\nimport { type ButtonColor, type ButtonType } from \"../Button\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./IconButton.module.scss\";\n\nexport interface IconButtonProps extends VibeComponentProps {\n /*\n Callback fired when the button is clicked.\n /\n onClick?: (event: React.MouseEvent) => void;\n /\n Class name applied to the button wrapper.\n /\n wrapperClassName?: string;\n /\n Class name applied to the icon.\n /\n iconClassName?: string;\n /\n The icon displayed inside the button.\n /\n icon?: SubIcon;\n /\n The ID of the element that labels this button.\n /\n ariaLabeledBy?: string;\n /\n The ARIA label for accessibility.\n /\n ariaLabel?: string;\n /\n If true, indicates that the button controls a popup.\n /\n ariaHasPopup?: React.HTMLProps<HTMLButtonElement>[\"aria-haspopup\"];\n /\n If true, indicates that the associated popup is open.\n /\n ariaExpanded?: boolean;\n /\n The ID of the region controlled by the button.\n /\n ariaControls?: string;\n /\n ID of the element describing the button.\n /\n \"aria-describedby\"?: AriaAttributes[\"aria-describedby\"];\n /\n If true, hides the button from assistive technologies.\n /\n \"aria-hidden\"?: AriaAttributes[\"aria-hidden\"];\n /\n Indicates the current \"pressed\" state of toggle buttons.\n /\n \"aria-pressed\"?: AriaAttributes[\"aria-pressed\"];\n /\n The size of the button.\n /\n size?: Size;\n /\n If true, hides the tooltip.\n /\n hideTooltip?: boolean;\n /\n Props for the Tooltip component.\n /\n tooltipProps?: Partial<TooltipProps>;\n /\n Tooltip content displayed on hover.\n /\n tooltipContent?: string;\n /\n The button variant.\n /\n kind?: ButtonType;\n /\n If true, the button is in an active state.\n /\n active?: boolean;\n /\n The color of the button.\n /\n color?: ButtonColor;\n /\n If true, the button is disabled.\n /\n disabled?: boolean;\n /\n If disabled, this message will be displayed in the tooltip.\n /\n disabledReason?: string;\n /\n If true, the focus indicator is displayed inside the button instead of around it.\n /\n insetFocus?: boolean;\n /\n The tab order of the button.\n /\n tabIndex?: number;\n /\n If true, a loader replaces the icon.\n */\n loading?: boolean;\n}\n\nconst IconButton = forwardRef(\n (\n {\n className,\n wrapperClassName,\n iconClassName,\n id,\n icon = AddSmall,\n size = \"medium\",\n tooltipProps = {} as TooltipProps,\n tooltipContent,\n ariaLabeledBy,\n ariaLabel,\n ariaHasPopup,\n ariaExpanded,\n ariaControls,\n \"aria-describedby\": ariaDescribedBy,\n \"aria-hidden\": ariaHidden,\n \"aria-pressed\": ariaPressed,\n hideTooltip = false,\n kind = \"tertiary\",\n active,\n disabled = false,\n disabledReason,\n onClick = NOOP,\n color,\n \"data-testid\": dataTestId,\n insetFocus = false,\n tabIndex,\n loading = false\n }: IconButtonProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const overrideTooltipContent = useMemo(\n () => tooltipProps?.content \|\| tooltipContent,\n [tooltipProps?.content, tooltipContent]\n );\n\n const buttonAriaLabel = useMemo(() => {\n if (ariaLabel) return ariaLabel;\n if (typeof overrideTooltipContent === \"string\") return overrideTooltipContent;\n return undefined;\n }, [ariaLabel, overrideTooltipContent]);\n\n const iconSize = useMemo(() => {\n switch (size) {\n case \"xxs\":\n case \"xs\":\n return SMALL_BUTTON_ICON_SIZE;\n case \"small\":\n case \"medium\":\n case \"large\":\n return BUTTON_ICON_SIZE;\n default:\n return 24;\n }\n }, [size]);\n\n const overrideStyle = useMemo(() => {\n let style = {\n justifyContent: \"center\",\n alignItems: \"center\",\n padding: 0\n } as React.CSSProperties;\n\n if (size) {\n style = { ...style, ...getWidthHeight(size) };\n }\n return style;\n }, [size]);\n\n const calculatedTooltipContent = useMemo(() => {\n if (hideTooltip) return null;\n if (disabled && disabledReason) return disabledReason;\n if (overrideTooltipContent) return overrideTooltipContent as never;\n return ariaLabel;\n }, [hideTooltip, disabled, disabledReason, overrideTooltipContent, ariaLabel]);\n\n const IconButtonWrapper = wrapperClassName ? \"div\" : Fragment;\n const iconButtonWrapperProps = useMemo(() => {\n return wrapperClassName ? { className: cx(wrapperClassName, styles.wrapper) } : {};\n }, [wrapperClassName]);\n\n return (\n <IconButtonWrapper {...iconButtonWrapperProps}>\n <Tooltip\n {...tooltipProps}\n content={calculatedTooltipContent}\n referenceWrapperClassName={styles.referenceWrapper}\n >\n <Button\n onClick={onClick}\n disabled={disabled}\n color={color}\n kind={kind}\n ariaLabeledBy={ariaLabeledBy}\n ariaLabel={buttonAriaLabel}\n ariaHasPopup={ariaHasPopup}\n ariaExpanded={ariaExpanded}\n ariaControls={ariaControls}\n aria-describedby={ariaDescribedBy}\n aria-hidden={ariaHidden}\n aria-pressed={ariaPressed}\n ref={mergedRef}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.ICON_BUTTON, id)}\n data-vibe={ComponentVibeId.ICON_BUTTON}\n noSidePadding\n active={active}\n className={className}\n style={overrideStyle}\n insetFocus={insetFocus}\n tabIndex={tabIndex}\n loading={loading}\n loaderClassName={cx(styles.loader, getStyle(styles, size))}\n >\n <Icon icon={icon} iconType=\"svg\" iconSize={iconSize} ignoreFocusStyle className={iconClassName} />\n </Button>\n </Tooltip>\n </IconButtonWrapper>\n );\n }\n);\n\ninterface IconButtonStaticProps {\n sizes: typeof Button.sizes;\n kinds: typeof Button.kinds;\n colors: typeof Button.colors;\n}\n\nexport default withStaticProps<IconButtonProps, IconButtonStaticProps>(IconButton, {\n sizes: Button.sizes,\n kinds: Button.kinds,\n colors: Button.colors\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","wrapperClassName","iconClassName","id","_ref$icon","icon","AddSmall","_ref$size","size","_ref$tooltipProps","tooltipProps","tooltipContent","ariaLabeledBy","ariaLabel","ariaHasPopup","ariaExpanded","ariaControls","ariaDescribedBy","ariaHidden","ariaPressed","_ref$hideTooltip","hideTooltip","_ref$kind","kind","active","_ref$disabled","disabled","disabledReason","_ref$onClick","onClick","NOOP","color","dataTestId","_ref$insetFocus","insetFocus","tabIndex","_ref$loading","loading","componentRef","useRef","mergedRef","useMergeRef","overrideTooltipContent","useMemo","content","buttonAriaLabel","iconSize","SMALL_BUTTON_ICON_SIZE","BUTTON_ICON_SIZE","overrideStyle","style","justifyContent","alignItems","padding","Object","assign","getWidthHeight","calculatedTooltipContent","IconButtonWrapper","Fragment","iconButtonWrapperProps","cx","styles","wrapper","React","createElement","Tooltip","referenceWrapperClassName","referenceWrapper","Button","getTestId","ComponentDefaultTestId","ICON_BUTTON","ComponentVibeId","noSidePadding","loaderClassName","loader","getStyle","Icon","iconType","ignoreFocusStyle","sizes","kinds","colors"],"mappings":"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"}

package/dist/src/components/IconButton/IconButton.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper_b25bd329ca",referenceWrapper:"referenceWrapper_be00992fc9",loader:"loader_e4e825c0f5",xxs:"xxs_c572825c0a"};!function(e){const n="s_id-8d1605f1f87b_3_58_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".wrapper_b25bd329ca {\n  width: fit-content;\n  height: fit-content;\n  display: inline-flex;\n}\n\n.referenceWrapper_be00992fc9 {\n  display: inline-flex;\n}\n\n.referenceWrapper_be00992fc9 button .loader_e4e825c0f5 {\n  width: 16px;\n  height: 16px;\n}\n\n.referenceWrapper_be00992fc9 button .loader_e4e825c0f5.xxs_c572825c0a {\n  width: 10px;\n  height: 10px;\n}\n\n.referenceWrapper_be00992fc9 button .loader_e4e825c0f5.xxs_c572825c0a svg {\n  display: block;\n}");export{e as default};
+var e={wrapper:"wrapper_ab40bb8705",referenceWrapper:"referenceWrapper_40cc105c82",loader:"loader_27be8396f2",xxs:"xxs_356758596d"};!function(e){const n="s_id-8d1605f1f87b_3_58_1";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".wrapper_ab40bb8705 {\n  width: fit-content;\n  height: fit-content;\n  display: inline-flex;\n}\n\n.referenceWrapper_40cc105c82 {\n  display: inline-flex;\n}\n\n.referenceWrapper_40cc105c82 button .loader_27be8396f2 {\n  width: 16px;\n  height: 16px;\n}\n\n.referenceWrapper_40cc105c82 button .loader_27be8396f2.xxs_356758596d {\n  width: 10px;\n  height: 10px;\n}\n\n.referenceWrapper_40cc105c82 button .loader_27be8396f2.xxs_356758596d svg {\n  display: block;\n}");export{e as default};
 //# sourceMappingURL=IconButton.module.scss.js.map

package/dist/src/components/InfoText/InfoText.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InfoText.js","sources":["../../../../src/components/InfoText/InfoText.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { InfoTextProps } from \"./InfoText.types\";\nimport Text from \"../Text/Text\";\nimport styles from \"./InfoText.module.scss\";\n\nconst InfoText = forwardRef(\n ({ id, text, error, success, disabled, readOnly }: InfoTextProps, ref: React.ForwardedRef<HTMLDivElement>) => {\n if (!text) {\n return null;\n }\n\n return (\n <Text\n id={id}\n ref={ref}\n className={cx(styles.infoText, {\n [styles.error]: error,\n [styles.success]: success,\n [styles.disabled]: disabled,\n [styles.readOnly]: readOnly\n })}\n type=\"text2\"\n >\n {text}\n </Text>\n );\n }\n);\n\nexport default InfoText;\n"],"names":["InfoText","forwardRef","_ref","ref","text","success","disabled","readOnly","React","createElement","Text","id","className","cx","styles","infoText","_defineProperty","error","type"],"mappings":"wNAMMA,IAAAA,EAAWC,GACf,SAAAC,EAAkEC,GAA2C,IAAtGC,EAAIF,EAAJE,KAAaC,EAAOH,EAAPG,QAASC,EAAQJ,EAARI,SAAUC,EAAQL,EAARK,SACrC,OAAKH,EAKHI,EAACC,cAAAC,GACCC,GAPDT,EAAFS,GAQGR,IAAKA,EACLS,UAAWC,EAAGC,EAAOC,SAAQC,EAAAA,EAAAA,EAAAA,EAC1BF,GAAAA,EAAOG,MAVEf,EAALe,OAWJH,EAAOT,QAAUA,GACjBS,EAAOR,SAAWA,GAClBQ,EAAOP,SAAWA,IAErBW,KAAK,SAEJd,GAfI,IAkBX"}
1	+ {"version":3,"file":"InfoText.js","sources":["../../../../src/components/InfoText/InfoText.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { type InfoTextProps } from \"./InfoText.types\";\nimport Text from \"../Text/Text\";\nimport styles from \"./InfoText.module.scss\";\n\nconst InfoText = forwardRef(\n ({ id, text, error, success, disabled, readOnly }: InfoTextProps, ref: React.ForwardedRef<HTMLDivElement>) => {\n if (!text) {\n return null;\n }\n\n return (\n <Text\n id={id}\n ref={ref}\n className={cx(styles.infoText, {\n [styles.error]: error,\n [styles.success]: success,\n [styles.disabled]: disabled,\n [styles.readOnly]: readOnly\n })}\n type=\"text2\"\n >\n {text}\n </Text>\n );\n }\n);\n\nexport default InfoText;\n"],"names":["InfoText","forwardRef","_ref","ref","text","success","disabled","readOnly","React","createElement","Text","id","className","cx","styles","infoText","_defineProperty","error","type"],"mappings":"wNAMMA,IAAAA,EAAWC,GACf,SAAAC,EAAkEC,GAA2C,IAAtGC,EAAIF,EAAJE,KAAaC,EAAOH,EAAPG,QAASC,EAAQJ,EAARI,SAAUC,EAAQL,EAARK,SACrC,OAAKH,EAKHI,EAACC,cAAAC,GACCC,GAPDT,EAAFS,GAQGR,IAAKA,EACLS,UAAWC,EAAGC,EAAOC,SAAQC,EAAAA,EAAAA,EAAAA,EAC1BF,GAAAA,EAAOG,MAVEf,EAALe,OAWJH,EAAOT,QAAUA,GACjBS,EAAOR,SAAWA,GAClBQ,EAAOP,SAAWA,IAErBW,KAAK,SAEJd,GAfI,IAkBX"}

package/dist/src/components/InfoText/InfoText.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={infoText:"infoText_a1310ee841",error:"error_e10b232357",success:"success_f0cb6f7a1c",disabled:"disabled_10490bdd33",readOnly:"readOnly_a1310ee841"};!function(e){const o="s_id-05a2b3ab5fae_3_58_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".infoText_a1310ee841 {\n  color: var(--secondary-text-color);\n}\n.infoText_a1310ee841.error_e10b232357 {\n  color: var(--negative-color);\n}\n.infoText_a1310ee841.success_f0cb6f7a1c {\n  color: var(--positive-color);\n}\n.infoText_a1310ee841.disabled_10490bdd33 {\n  color: var(--disabled-text-color);\n}\n.infoText_a1310ee841.readOnly_a1310ee841 {\n  color: var(--secondary-text-color);\n}");export{e as default};
+var e={infoText:"infoText_95bc815c0f",error:"error_800ddfb6dd",success:"success_b972b29cbc",disabled:"disabled_10fe741535",readOnly:"readOnly_95bc815c0f"};!function(e){const c="s_id-05a2b3ab5fae_3_58_1";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+c))return;const n=document.createElement("style");n.id=c,o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[c]=e)}(".infoText_95bc815c0f {\n  color: var(--secondary-text-color);\n}\n.infoText_95bc815c0f.error_800ddfb6dd {\n  color: var(--negative-color);\n}\n.infoText_95bc815c0f.success_b972b29cbc {\n  color: var(--positive-color);\n}\n.infoText_95bc815c0f.disabled_10fe741535 {\n  color: var(--disabled-text-color);\n}\n.infoText_95bc815c0f.readOnly_95bc815c0f {\n  color: var(--secondary-text-color);\n}");export{e as default};
 //# sourceMappingURL=InfoText.module.scss.js.map

package/dist/src/components/Label/Label.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Label.js","sources":["../../../../src/components/Label/Label.tsx"],"sourcesContent":["import { camelCase } from \"lodash-es\";\nimport cx from \"classnames\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport React, { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport Text from \"../Text/Text\";\nimport Leg from \"./Leg\";\nimport { LabelAllowedColor as LabelColorEnum, LabelKind as LabelKindEnum, mapSizesToTextSize } from \"./LabelConstants\";\nimport { LabelColor, LabelKind, ContentColor } from \"./Label.types\";\nimport { contentColors } from \"../../utils/colors-vars-map\";\nimport { VibeComponentProps, withStaticProps } from \"../../types\";\nimport useClickableProps from \"../../hooks/useClickableProps/useClickableProps\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport styles from \"./Label.module.scss\";\nimport LabelCelebrationAnimation from \"./LabelCelebrationAnimation\";\nimport { LabelSizes } from \"./Label.types\";\n\nexport interface LabelProps extends VibeComponentProps {\n /*\n Class name applied to the inner text wrapper.\n /\n labelClassName?: string;\n /\n The visual style of the label.\n /\n kind?: LabelKind;\n /\n The background color of the label.\n /\n color?: LabelColor;\n /\n The text content of the label.\n /\n text?: string;\n /\n If true, includes a leg (decorative extension).\n /\n isLegIncluded?: boolean;\n /\n Callback fired when the label is clicked.\n /\n onClick?: (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;\n /\n If true, triggers a celebration animation.\n /\n celebrationAnimation?: boolean;\n /\n The size of the label.\n */\n size?: LabelSizes;\n}\n\nconst Label = forwardRef<HTMLElement, LabelProps>(\n (\n {\n className,\n labelClassName,\n kind = \"fill\",\n color = \"primary\",\n text = \"\",\n isLegIncluded = false,\n id,\n \"data-testid\": dataTestId,\n onClick,\n celebrationAnimation,\n size = \"medium\"\n }: LabelProps,\n ref\n ) => {\n const labelRef = useRef<HTMLSpanElement>(null);\n const mergedRef = useMergeRef(ref, labelRef);\n const [isCelebrationAnimation, setIsCelebrationAnimation] = useState(celebrationAnimation);\n\n const isClickable = Boolean(onClick);\n\n const classNames = useMemo(\n () =>\n cx(\n styles.label,\n getStyle(styles, camelCase(\"kind\" + \"-\" + kind)),\n getStyle(styles, camelCase(\"color\" + \"-\" + color)),\n {\n [styles.withLeg]: isLegIncluded,\n [styles.clickable]: isClickable,\n [styles.small]: size === \"small\"\n },\n labelClassName\n ),\n [kind, color, isLegIncluded, labelClassName, isClickable, size]\n );\n\n const backgroundColorStyle = useMemo(() => {\n if (contentColors.includes(color as ContentColor)) {\n return { backgroundColor: `var(--color-${color})` };\n }\n }, [color]);\n\n const onClickCallback = useCallback(\n (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {\n if (onClick) {\n event.preventDefault();\n onClick(event);\n }\n },\n [onClick]\n );\n\n const clickableProps = useClickableProps(\n {\n onClick: onClickCallback,\n id,\n ariaHidden: false,\n ariaHasPopup: false,\n ariaExpanded: false\n },\n labelRef\n );\n\n useEffect(() => {\n setIsCelebrationAnimation(celebrationAnimation);\n }, [celebrationAnimation]);\n\n const label = useMemo(() => {\n return (\n <span\n {...(isClickable && clickableProps)}\n className={cx({ [styles.clickableWrapper]: isClickable }, className)}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.LABEL, id)}\n ref={mergedRef}\n >\n <Text\n style={backgroundColorStyle}\n element=\"span\"\n type={mapSizesToTextSize[size]}\n className={classNames}\n color=\"onInverted\"\n data-celebration-text={isCelebrationAnimation}\n >\n <Text\n element=\"span\"\n type={mapSizesToTextSize[size]}\n color=\"inherit\"\n className={cx({ [styles.smallText]: size === \"small\" })}\n >\n {text}\n </Text>\n <span className={cx(styles.legWrapper)}>{isLegIncluded ? <Leg /> : null}</span>\n </Text>\n </span>\n );\n }, [\n isClickable,\n clickableProps,\n className,\n dataTestId,\n id,\n mergedRef,\n classNames,\n isCelebrationAnimation,\n text,\n isLegIncluded,\n size,\n backgroundColorStyle\n ]);\n\n // Celebration animation is applied only for line kind\n if (isCelebrationAnimation && kind === \"line\") {\n return (\n <LabelCelebrationAnimation onAnimationEnd={() => setIsCelebrationAnimation(false)}>\n {label}\n </LabelCelebrationAnimation>\n );\n }\n\n return label;\n }\n);\n\ninterface LabelStaticProps {\n colors: typeof LabelColorEnum;\n kinds: typeof LabelKindEnum;\n}\n\nexport default withStaticProps<LabelProps, LabelStaticProps>(Label, {\n colors: LabelColorEnum,\n kinds: LabelKindEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","labelClassName","_ref$kind","kind","_ref$color","color","_ref$text","text","_ref$isLegIncluded","isLegIncluded","id","dataTestId","onClick","celebrationAnimation","_ref$size","size","labelRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isCelebrationAnimation","setIsCelebrationAnimation","isClickable","classNames","useMemo","cx","styles","label","getStyle","camelCase","_defineProperty","withLeg","clickable","small","backgroundColorStyle","contentColors","includes","backgroundColor","concat","onClickCallback","useCallback","event","preventDefault","clickableProps","useClickableProps","ariaHidden","ariaHasPopup","ariaExpanded","useEffect","React","createElement","Object","assign","clickableWrapper","getTestId","ComponentDefaultTestId","LABEL","Text","style","element","type","mapSizesToTextSize","smallText","legWrapper","Leg","LabelCelebrationAnimation","onAnimationEnd","colors","LabelColorEnum","kinds","LabelKindEnum"],"mappings":"23BAoDA,IAmIeA,EAAAA,EAnIDC,GACZ,SAAAC,EAcEC,GACE,IAbAC,EAASF,EAATE,UACAC,EAAcH,EAAdG,eAAcC,EAAAJ,EACdK,KAAAA,OAAO,IAAHD,EAAG,OAAMA,EAAAE,EAAAN,EACbO,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,EAAAR,EACjBS,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAV,EACTW,cAAAA,OAAgB,IAAHD,GAAQA,EACrBE,EAAEZ,EAAFY,GACeC,EAAUb,EAAzB,eACAc,EAAOd,EAAPc,QACAC,EAAoBf,EAApBe,qBAAoBC,EAAAhB,EACpBiB,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAIXE,EAAWC,EAAwB,MACnCC,EAAYC,EAAYpB,EAAKiB,GACnCI,EAA4DC,EAASR,GAAqBS,EAAAC,EAAAH,EAAA,GAAnFI,EAAsBF,EAAA,GAAEG,EAAyBH,EAAA,GAElDI,IAAsBd,EAEtBe,EAAaC,GACjB,WAAA,OACEC,EACEC,EAAOC,MACPC,EAASF,EAAQG,EAAU,QAAe9B,IAC1C6B,EAASF,EAAQG,EAAU,SAAgB5B,IAAO6B,EAAAA,EAAAA,EAAA,CAAA,EAE/CJ,EAAOK,QAAU1B,GACjBqB,EAAOM,UAAYV,GACnBI,EAAOO,MAAiB,UAATtB,GAElBd,EACD,GACH,CAACE,EAAME,EAAOI,EAAeR,EAAgByB,EAAaX,IAGtDuB,EAAuBV,GAAQ,WACnC,GAAIW,EAAcC,SAASnC,GACzB,MAAO,CAAEoC,gBAAe,eAAAC,OAAiBrC,EAAK,KAElD,GAAG,CAACA,IAEEsC,EAAkBC,GACtB,SAACC,GACKjC,IACFiC,EAAMC,iBACNlC,EAAQiC,GAEZ,GACA,CAACjC,IAGGmC,EAAiBC,EACrB,CACEpC,QAAS+B,EACTjC,GAAAA,EACAuC,YAAY,EACZC,cAAc,EACdC,cAAc,GAEhBnC,GAGFoC,GAAU,WACR3B,EAA0BZ,EAC5B,GAAG,CAACA,IAEJ,IAAMkB,EAAQH,GAAQ,WACpB,OACEyB,EACMC,cAAA,OAAAC,OAAAC,OAAA,CAAA,EAAC9B,GAAeqB,EAAe,CACnC/C,UAAW6B,EAAEK,EAAIJ,CAAAA,EAAAA,EAAO2B,iBAAmB/B,GAAe1B,GAC7C,cAAAW,GAAc+C,EAAUC,EAAuBC,MAAOlD,GACnEX,IAAKmB,IAELmC,EAACC,cAAAO,EACC,CAAAC,MAAOxB,EACPyB,QAAQ,OACRC,KAAMC,EAAmBlD,GACzBf,UAAW2B,EACXtB,MAAM,aAAY,wBACKmB,GAEvB6B,EAAAC,cAACO,EAAI,CACHE,QAAQ,OACRC,KAAMC,EAAmBlD,GACzBV,MAAM,UACNL,UAAW6B,EAAEK,EAAIJ,CAAAA,EAAAA,EAAOoC,UAAqB,UAATnD,KAEnCR,GAEH8C,EAAMC,cAAA,OAAA,CAAAtD,UAAW6B,EAAGC,EAAOqC,aAAc1D,EAAgB4C,EAACC,cAAAc,EAAM,MAAG,OAI1E,GAAE,CACD1C,EACAqB,EACA/C,EACAW,EACAD,EACAQ,EACAS,EACAH,EACAjB,EACAE,EACAM,EACAuB,IAIF,OAAId,GAAmC,SAATrB,EAE1BkD,EAACC,cAAAe,EAA0B,CAAAC,eAAgB,WAAA,OAAM7C,GAA0B,EAAM,GAC9EM,GAKAA,CACT,IAQkE,CAClEwC,OAAQC,EACRC,MAAOC"}
1	+ {"version":3,"file":"Label.js","sources":["../../../../src/components/Label/Label.tsx"],"sourcesContent":["import { camelCase } from \"lodash-es\";\nimport cx from \"classnames\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport React, { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport Text from \"../Text/Text\";\nimport Leg from \"./Leg\";\nimport { LabelAllowedColor as LabelColorEnum, LabelKind as LabelKindEnum, mapSizesToTextSize } from \"./LabelConstants\";\nimport { type LabelColor, type LabelKind, type ContentColor } from \"./Label.types\";\nimport { contentColors } from \"../../utils/colors-vars-map\";\nimport { type VibeComponentProps, withStaticProps } from \"../../types\";\nimport useClickableProps from \"../../hooks/useClickableProps/useClickableProps\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport styles from \"./Label.module.scss\";\nimport LabelCelebrationAnimation from \"./LabelCelebrationAnimation\";\nimport { type LabelSizes } from \"./Label.types\";\n\nexport interface LabelProps extends VibeComponentProps {\n /*\n Class name applied to the inner text wrapper.\n /\n labelClassName?: string;\n /\n The visual style of the label.\n /\n kind?: LabelKind;\n /\n The background color of the label.\n /\n color?: LabelColor;\n /\n The text content of the label.\n /\n text?: string;\n /\n If true, includes a leg (decorative extension).\n /\n isLegIncluded?: boolean;\n /\n Callback fired when the label is clicked.\n /\n onClick?: (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;\n /\n If true, triggers a celebration animation.\n /\n celebrationAnimation?: boolean;\n /\n The size of the label.\n */\n size?: LabelSizes;\n}\n\nconst Label = forwardRef<HTMLElement, LabelProps>(\n (\n {\n className,\n labelClassName,\n kind = \"fill\",\n color = \"primary\",\n text = \"\",\n isLegIncluded = false,\n id,\n \"data-testid\": dataTestId,\n onClick,\n celebrationAnimation,\n size = \"medium\"\n }: LabelProps,\n ref\n ) => {\n const labelRef = useRef<HTMLSpanElement>(null);\n const mergedRef = useMergeRef(ref, labelRef);\n const [isCelebrationAnimation, setIsCelebrationAnimation] = useState(celebrationAnimation);\n\n const isClickable = Boolean(onClick);\n\n const classNames = useMemo(\n () =>\n cx(\n styles.label,\n getStyle(styles, camelCase(\"kind\" + \"-\" + kind)),\n getStyle(styles, camelCase(\"color\" + \"-\" + color)),\n {\n [styles.withLeg]: isLegIncluded,\n [styles.clickable]: isClickable,\n [styles.small]: size === \"small\"\n },\n labelClassName\n ),\n [kind, color, isLegIncluded, labelClassName, isClickable, size]\n );\n\n const backgroundColorStyle = useMemo(() => {\n if (contentColors.includes(color as ContentColor)) {\n return { backgroundColor: `var(--color-${color})` };\n }\n }, [color]);\n\n const onClickCallback = useCallback(\n (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {\n if (onClick) {\n event.preventDefault();\n onClick(event);\n }\n },\n [onClick]\n );\n\n const clickableProps = useClickableProps(\n {\n onClick: onClickCallback,\n id,\n ariaHidden: false,\n ariaHasPopup: false,\n ariaExpanded: false\n },\n labelRef\n );\n\n useEffect(() => {\n setIsCelebrationAnimation(celebrationAnimation);\n }, [celebrationAnimation]);\n\n const label = useMemo(() => {\n return (\n <span\n {...(isClickable && clickableProps)}\n className={cx({ [styles.clickableWrapper]: isClickable }, className)}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.LABEL, id)}\n ref={mergedRef}\n >\n <Text\n style={backgroundColorStyle}\n element=\"span\"\n type={mapSizesToTextSize[size]}\n className={classNames}\n color=\"onInverted\"\n data-celebration-text={isCelebrationAnimation}\n >\n <Text\n element=\"span\"\n type={mapSizesToTextSize[size]}\n color=\"inherit\"\n className={cx({ [styles.smallText]: size === \"small\" })}\n >\n {text}\n </Text>\n <span className={cx(styles.legWrapper)}>{isLegIncluded ? <Leg /> : null}</span>\n </Text>\n </span>\n );\n }, [\n isClickable,\n clickableProps,\n className,\n dataTestId,\n id,\n mergedRef,\n classNames,\n isCelebrationAnimation,\n text,\n isLegIncluded,\n size,\n backgroundColorStyle\n ]);\n\n // Celebration animation is applied only for line kind\n if (isCelebrationAnimation && kind === \"line\") {\n return (\n <LabelCelebrationAnimation onAnimationEnd={() => setIsCelebrationAnimation(false)}>\n {label}\n </LabelCelebrationAnimation>\n );\n }\n\n return label;\n }\n);\n\ninterface LabelStaticProps {\n colors: typeof LabelColorEnum;\n kinds: typeof LabelKindEnum;\n}\n\nexport default withStaticProps<LabelProps, LabelStaticProps>(Label, {\n colors: LabelColorEnum,\n kinds: LabelKindEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","labelClassName","_ref$kind","kind","_ref$color","color","_ref$text","text","_ref$isLegIncluded","isLegIncluded","id","dataTestId","onClick","celebrationAnimation","_ref$size","size","labelRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isCelebrationAnimation","setIsCelebrationAnimation","isClickable","classNames","useMemo","cx","styles","label","getStyle","camelCase","_defineProperty","withLeg","clickable","small","backgroundColorStyle","contentColors","includes","backgroundColor","concat","onClickCallback","useCallback","event","preventDefault","clickableProps","useClickableProps","ariaHidden","ariaHasPopup","ariaExpanded","useEffect","React","createElement","Object","assign","clickableWrapper","getTestId","ComponentDefaultTestId","LABEL","Text","style","element","type","mapSizesToTextSize","smallText","legWrapper","Leg","LabelCelebrationAnimation","onAnimationEnd","colors","LabelColorEnum","kinds","LabelKindEnum"],"mappings":"23BAoDA,IAmIeA,EAAAA,EAnIDC,GACZ,SAAAC,EAcEC,GACE,IAbAC,EAASF,EAATE,UACAC,EAAcH,EAAdG,eAAcC,EAAAJ,EACdK,KAAAA,OAAO,IAAHD,EAAG,OAAMA,EAAAE,EAAAN,EACbO,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,EAAAR,EACjBS,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAV,EACTW,cAAAA,OAAgB,IAAHD,GAAQA,EACrBE,EAAEZ,EAAFY,GACeC,EAAUb,EAAzB,eACAc,EAAOd,EAAPc,QACAC,EAAoBf,EAApBe,qBAAoBC,EAAAhB,EACpBiB,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAIXE,EAAWC,EAAwB,MACnCC,EAAYC,EAAYpB,EAAKiB,GACnCI,EAA4DC,EAASR,GAAqBS,EAAAC,EAAAH,EAAA,GAAnFI,EAAsBF,EAAA,GAAEG,EAAyBH,EAAA,GAElDI,IAAsBd,EAEtBe,EAAaC,GACjB,WAAA,OACEC,EACEC,EAAOC,MACPC,EAASF,EAAQG,EAAU,QAAe9B,IAC1C6B,EAASF,EAAQG,EAAU,SAAgB5B,IAAO6B,EAAAA,EAAAA,EAAA,CAAA,EAE/CJ,EAAOK,QAAU1B,GACjBqB,EAAOM,UAAYV,GACnBI,EAAOO,MAAiB,UAATtB,GAElBd,EACD,GACH,CAACE,EAAME,EAAOI,EAAeR,EAAgByB,EAAaX,IAGtDuB,EAAuBV,GAAQ,WACnC,GAAIW,EAAcC,SAASnC,GACzB,MAAO,CAAEoC,gBAAe,eAAAC,OAAiBrC,EAAK,KAElD,GAAG,CAACA,IAEEsC,EAAkBC,GACtB,SAACC,GACKjC,IACFiC,EAAMC,iBACNlC,EAAQiC,GAEZ,GACA,CAACjC,IAGGmC,EAAiBC,EACrB,CACEpC,QAAS+B,EACTjC,GAAAA,EACAuC,YAAY,EACZC,cAAc,EACdC,cAAc,GAEhBnC,GAGFoC,GAAU,WACR3B,EAA0BZ,EAC5B,GAAG,CAACA,IAEJ,IAAMkB,EAAQH,GAAQ,WACpB,OACEyB,EACMC,cAAA,OAAAC,OAAAC,OAAA,CAAA,EAAC9B,GAAeqB,EAAe,CACnC/C,UAAW6B,EAAEK,EAAIJ,CAAAA,EAAAA,EAAO2B,iBAAmB/B,GAAe1B,GAC7C,cAAAW,GAAc+C,EAAUC,EAAuBC,MAAOlD,GACnEX,IAAKmB,IAELmC,EAACC,cAAAO,EACC,CAAAC,MAAOxB,EACPyB,QAAQ,OACRC,KAAMC,EAAmBlD,GACzBf,UAAW2B,EACXtB,MAAM,aAAY,wBACKmB,GAEvB6B,EAAAC,cAACO,EAAI,CACHE,QAAQ,OACRC,KAAMC,EAAmBlD,GACzBV,MAAM,UACNL,UAAW6B,EAAEK,EAAIJ,CAAAA,EAAAA,EAAOoC,UAAqB,UAATnD,KAEnCR,GAEH8C,EAAMC,cAAA,OAAA,CAAAtD,UAAW6B,EAAGC,EAAOqC,aAAc1D,EAAgB4C,EAACC,cAAAc,EAAM,MAAG,OAI1E,GAAE,CACD1C,EACAqB,EACA/C,EACAW,EACAD,EACAQ,EACAS,EACAH,EACAjB,EACAE,EACAM,EACAuB,IAIF,OAAId,GAAmC,SAATrB,EAE1BkD,EAACC,cAAAe,EAA0B,CAAAC,eAAgB,WAAA,OAAM7C,GAA0B,EAAM,GAC9EM,GAKAA,CACT,IAQkE,CAClEwC,OAAQC,EACRC,MAAOC"}

package/dist/src/components/Label/Label.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={clickable:"clickable_7b2351d05e","focus-visible":"focus-visible_c354c93c79",disabled:"disabled_72c0fb3d16",disableTextSelection:"disableTextSelection_5369733c1f",clickableWrapper:"clickableWrapper_7b2351d05e",label:"label_a6cc7375b2",small:"small_01b9d622c7",withLeg:"withLeg_7f217abcf6",legWrapper:"legWrapper_cd1c338a26",kindFill:"kindFill_a214a057af",colorPrimary:"colorPrimary_2576b46b61",colorDark:"colorDark_12bc8ad46e",colorNegative:"colorNegative_fe0822d4ee",colorPositive:"colorPositive_dfdbd07c84",kindLine:"kindLine_9d7b47ceb7",smallText:"smallText_2a4f63b672"};!function(e){const n="s_id-4bcc4b0ff746_3_58_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable selector-class-pattern */\n.clickable_7b2351d05e {\n  cursor: pointer;\n}\n.clickable_7b2351d05e:focus-visible, .clickable_7b2351d05e.focus-visible_c354c93c79 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.clickable_7b2351d05e:focus:not(.focus-visible_c354c93c79) {\n  outline: none;\n}\n.clickable_7b2351d05e.disabled_72c0fb3d16 {\n  cursor: default;\n}\n.disableTextSelection_5369733c1f {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n.clickableWrapper_7b2351d05e {\n  cursor: pointer;\n}\n.clickableWrapper_7b2351d05e:focus-visible, .clickableWrapper_7b2351d05e.focus-visible_c354c93c79 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.clickableWrapper_7b2351d05e:focus:not(.focus-visible_c354c93c79) {\n  outline: none;\n}\n.clickableWrapper_7b2351d05e:active {\n  transform: scale(0.95) translate3d(0, 0, 0);\n  transition: var(--motion-productive-short) transform;\n}\n.label_a6cc7375b2 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--border-radius-small);\n  padding: 2px var(--spacing-small);\n  position: relative;\n}\n.label_a6cc7375b2.small_01b9d622c7 {\n  padding: 0 var(--spacing-xs);\n  border-radius: 2px;\n}\n.withLeg_7f217abcf6 {\n  border-radius: var(--border-radius-small) var(--border-radius-small) var(--border-radius-small) 0;\n}\n.legWrapper_cd1c338a26 {\n  position: absolute;\n  height: 8px;\n  top: 100%;\n  left: 0;\n  display: inline-flex;\n}\n.kindFill_a214a057af.colorPrimary_2576b46b61 {\n  background-color: var(--primary-color);\n}\n.kindFill_a214a057af.colorPrimary_2576b46b61 svg path {\n  fill: var(--primary-color);\n}\n.kindFill_a214a057af.colorPrimary_2576b46b61.clickable_7b2351d05e:hover, .kindFill_a214a057af.colorPrimary_2576b46b61.clickable_7b2351d05e:active {\n  background-color: var(--primary-hover-color);\n}\n.kindFill_a214a057af.colorDark_12bc8ad46e {\n  background-color: var(--inverted-color-background);\n}\n.kindFill_a214a057af.colorDark_12bc8ad46e svg path {\n  fill: var(--inverted-color-background);\n}\n.kindFill_a214a057af.colorNegative_fe0822d4ee {\n  background-color: var(--negative-color);\n}\n.kindFill_a214a057af.colorNegative_fe0822d4ee svg path {\n  fill: var(--negative-color);\n}\n.kindFill_a214a057af.colorNegative_fe0822d4ee.clickable_7b2351d05e:hover, .kindFill_a214a057af.colorNegative_fe0822d4ee.clickable_7b2351d05e:active {\n  background-color: var(--negative-color-hover);\n}\n.kindFill_a214a057af.colorPositive_dfdbd07c84 {\n  background-color: var(--positive-color);\n}\n.kindFill_a214a057af.colorPositive_dfdbd07c84 svg path {\n  fill: var(--positive-color);\n}\n.kindFill_a214a057af.colorPositive_dfdbd07c84.clickable_7b2351d05e:hover, .kindFill_a214a057af.colorPositive_dfdbd07c84.clickable_7b2351d05e:active {\n  background-color: var(--positive-color-hover);\n}\n.kindLine_9d7b47ceb7 {\n  border: 1px solid currentColor;\n  padding: 1px var(--spacing-small);\n}\n.kindLine_9d7b47ceb7 .legWrapper_cd1c338a26 {\n  left: -1px;\n  top: calc(100% + 1px);\n}\n.kindLine_9d7b47ceb7.colorPrimary_2576b46b61 {\n  color: var(--primary-color);\n}\n.kindLine_9d7b47ceb7.colorPrimary_2576b46b61 svg path {\n  fill: var(--primary-color);\n}\n.kindLine_9d7b47ceb7.colorPrimary_2576b46b61.clickable_7b2351d05e:hover, .kindLine_9d7b47ceb7.colorPrimary_2576b46b61.clickable_7b2351d05e:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_9d7b47ceb7.colorDark_12bc8ad46e {\n  color: var(--inverted-color-background);\n}\n.kindLine_9d7b47ceb7.colorDark_12bc8ad46e svg path {\n  fill: var(--inverted-color-background);\n}\n.kindLine_9d7b47ceb7.colorDark_12bc8ad46e.clickable_7b2351d05e:hover, .kindLine_9d7b47ceb7.colorDark_12bc8ad46e.clickable_7b2351d05e:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_9d7b47ceb7.colorNegative_fe0822d4ee {\n  color: var(--negative-color);\n}\n.kindLine_9d7b47ceb7.colorNegative_fe0822d4ee svg path {\n  fill: var(--negative-color);\n}\n.kindLine_9d7b47ceb7.colorNegative_fe0822d4ee.clickable_7b2351d05e:hover, .kindLine_9d7b47ceb7.colorNegative_fe0822d4ee.clickable_7b2351d05e:active {\n  background-color: var(--negative-color-selected);\n}\n.kindLine_9d7b47ceb7.colorPositive_dfdbd07c84 {\n  color: var(--positive-color);\n}\n.kindLine_9d7b47ceb7.colorPositive_dfdbd07c84 svg path {\n  fill: var(--positive-color);\n}\n.kindLine_9d7b47ceb7.colorPositive_dfdbd07c84.clickable_7b2351d05e:hover, .kindLine_9d7b47ceb7.colorPositive_dfdbd07c84.clickable_7b2351d05e:active {\n  background-color: var(--positive-color-selected);\n}\n.kindLine_9d7b47ceb7 .smallText_2a4f63b672 {\n  line-height: 14px;\n}");export{e as default};
+var e={clickable:"clickable_e0f42c8e76","focus-visible":"focus-visible_f1e5379fce",disabled:"disabled_5845d41219",disableTextSelection:"disableTextSelection_b152c0d886",clickableWrapper:"clickableWrapper_e0f42c8e76",label:"label_f3fb194e43",small:"small_157895d03c",withLeg:"withLeg_cc4e36b49e",legWrapper:"legWrapper_a21421b9db",kindFill:"kindFill_ddae99321a",colorPrimary:"colorPrimary_315f81d67a",colorDark:"colorDark_85bc1e9590",colorNegative:"colorNegative_d5bf00b458",colorPositive:"colorPositive_87d520fcd0",kindLine:"kindLine_d834f3fb57",smallText:"smallText_09bda777c1"};!function(e){const n="s_id-4bcc4b0ff746_3_58_1";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable selector-class-pattern */\n.clickable_e0f42c8e76 {\n  cursor: pointer;\n}\n.clickable_e0f42c8e76:focus-visible, .clickable_e0f42c8e76.focus-visible_f1e5379fce {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.clickable_e0f42c8e76:focus:not(.focus-visible_f1e5379fce) {\n  outline: none;\n}\n.clickable_e0f42c8e76.disabled_5845d41219 {\n  cursor: default;\n}\n.disableTextSelection_b152c0d886 {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n.clickableWrapper_e0f42c8e76 {\n  cursor: pointer;\n}\n.clickableWrapper_e0f42c8e76:focus-visible, .clickableWrapper_e0f42c8e76.focus-visible_f1e5379fce {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.clickableWrapper_e0f42c8e76:focus:not(.focus-visible_f1e5379fce) {\n  outline: none;\n}\n.clickableWrapper_e0f42c8e76:active {\n  transform: scale(0.95) translate3d(0, 0, 0);\n  transition: var(--motion-productive-short) transform;\n}\n.label_f3fb194e43 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--border-radius-small);\n  padding: 2px var(--spacing-small);\n  position: relative;\n}\n.label_f3fb194e43.small_157895d03c {\n  padding: 0 var(--spacing-xs);\n  border-radius: 2px;\n}\n.withLeg_cc4e36b49e {\n  border-radius: var(--border-radius-small) var(--border-radius-small) var(--border-radius-small) 0;\n}\n.legWrapper_a21421b9db {\n  position: absolute;\n  height: 8px;\n  top: 100%;\n  left: 0;\n  display: inline-flex;\n}\n.kindFill_ddae99321a.colorPrimary_315f81d67a {\n  background-color: var(--primary-color);\n}\n.kindFill_ddae99321a.colorPrimary_315f81d67a svg path {\n  fill: var(--primary-color);\n}\n.kindFill_ddae99321a.colorPrimary_315f81d67a.clickable_e0f42c8e76:hover, .kindFill_ddae99321a.colorPrimary_315f81d67a.clickable_e0f42c8e76:active {\n  background-color: var(--primary-hover-color);\n}\n.kindFill_ddae99321a.colorDark_85bc1e9590 {\n  background-color: var(--inverted-color-background);\n}\n.kindFill_ddae99321a.colorDark_85bc1e9590 svg path {\n  fill: var(--inverted-color-background);\n}\n.kindFill_ddae99321a.colorNegative_d5bf00b458 {\n  background-color: var(--negative-color);\n}\n.kindFill_ddae99321a.colorNegative_d5bf00b458 svg path {\n  fill: var(--negative-color);\n}\n.kindFill_ddae99321a.colorNegative_d5bf00b458.clickable_e0f42c8e76:hover, .kindFill_ddae99321a.colorNegative_d5bf00b458.clickable_e0f42c8e76:active {\n  background-color: var(--negative-color-hover);\n}\n.kindFill_ddae99321a.colorPositive_87d520fcd0 {\n  background-color: var(--positive-color);\n}\n.kindFill_ddae99321a.colorPositive_87d520fcd0 svg path {\n  fill: var(--positive-color);\n}\n.kindFill_ddae99321a.colorPositive_87d520fcd0.clickable_e0f42c8e76:hover, .kindFill_ddae99321a.colorPositive_87d520fcd0.clickable_e0f42c8e76:active {\n  background-color: var(--positive-color-hover);\n}\n.kindLine_d834f3fb57 {\n  border: 1px solid currentColor;\n  padding: 1px var(--spacing-small);\n}\n.kindLine_d834f3fb57 .legWrapper_a21421b9db {\n  left: -1px;\n  top: calc(100% + 1px);\n}\n.kindLine_d834f3fb57.colorPrimary_315f81d67a {\n  color: var(--primary-color);\n}\n.kindLine_d834f3fb57.colorPrimary_315f81d67a svg path {\n  fill: var(--primary-color);\n}\n.kindLine_d834f3fb57.colorPrimary_315f81d67a.clickable_e0f42c8e76:hover, .kindLine_d834f3fb57.colorPrimary_315f81d67a.clickable_e0f42c8e76:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_d834f3fb57.colorDark_85bc1e9590 {\n  color: var(--inverted-color-background);\n}\n.kindLine_d834f3fb57.colorDark_85bc1e9590 svg path {\n  fill: var(--inverted-color-background);\n}\n.kindLine_d834f3fb57.colorDark_85bc1e9590.clickable_e0f42c8e76:hover, .kindLine_d834f3fb57.colorDark_85bc1e9590.clickable_e0f42c8e76:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_d834f3fb57.colorNegative_d5bf00b458 {\n  color: var(--negative-color);\n}\n.kindLine_d834f3fb57.colorNegative_d5bf00b458 svg path {\n  fill: var(--negative-color);\n}\n.kindLine_d834f3fb57.colorNegative_d5bf00b458.clickable_e0f42c8e76:hover, .kindLine_d834f3fb57.colorNegative_d5bf00b458.clickable_e0f42c8e76:active {\n  background-color: var(--negative-color-selected);\n}\n.kindLine_d834f3fb57.colorPositive_87d520fcd0 {\n  color: var(--positive-color);\n}\n.kindLine_d834f3fb57.colorPositive_87d520fcd0 svg path {\n  fill: var(--positive-color);\n}\n.kindLine_d834f3fb57.colorPositive_87d520fcd0.clickable_e0f42c8e76:hover, .kindLine_d834f3fb57.colorPositive_87d520fcd0.clickable_e0f42c8e76:active {\n  background-color: var(--positive-color-selected);\n}\n.kindLine_d834f3fb57 .smallText_09bda777c1 {\n  line-height: 14px;\n}");export{e as default};
 //# sourceMappingURL=Label.module.scss.js.map

package/dist/src/components/Label/LabelCelebrationAnimation.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={celebration:"celebration_65e6991572",svg:"svg_2db4d80d09",stroke:"stroke_996945594e","stroke-rotate":"stroke-rotate_198e642439",base:"base_caafc1f634",fade:"fade_2f024a4a61",first:"first_f17c1f6398",second:"second_03dc44cf18",third:"third_1edf8d788b","gradient-text-fill":"gradient-text-fill_b7af3852d8"};!function(e){const n="s_id-cc5df975abc6_3_58_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".celebration_65e6991572 {\n  --container-perimeter: 840;\n  position: relative;\n}\n.celebration_65e6991572 .svg_2db4d80d09 {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.celebration_65e6991572 .svg_2db4d80d09 .stroke_996945594e {\n  fill: none;\n  stroke-width: 1;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  animation: stroke-rotate_198e642439 cubic-bezier(0.33, 0, 0.67, 1) forwards;\n  stroke-dasharray: var(--container-perimeter);\n  stroke-dashoffset: var(--container-perimeter);\n}\n.celebration_65e6991572 .svg_2db4d80d09 .stroke_996945594e.base_caafc1f634 {\n  stroke: var(--color-egg_yolk);\n  animation: fade_2f024a4a61 200ms linear forwards;\n  animation-delay: 80ms;\n  stroke-dasharray: 0;\n  stroke-dashoffset: 0;\n  opacity: 0;\n}\n.celebration_65e6991572 .svg_2db4d80d09 .stroke_996945594e.first_f17c1f6398 {\n  stroke: var(--color-done-green);\n  animation-delay: 80ms;\n  animation-duration: 320ms;\n}\n.celebration_65e6991572 .svg_2db4d80d09 .stroke_996945594e.second_03dc44cf18 {\n  stroke: var(--color-stuck-red);\n  animation-delay: 200ms;\n  animation-duration: 320ms;\n}\n.celebration_65e6991572 .svg_2db4d80d09 .stroke_996945594e.third_1edf8d788b {\n  stroke: var(--primary-color);\n  animation-delay: 360ms;\n  animation-duration: 320ms;\n}\n.celebration_65e6991572.celebration_65e6991572 [data-celebration-text] {\n  background-size: 300% 100%;\n  background-repeat: no-repeat;\n  background-clip: text;\n  -webkit-background-clip: text;\n  color: transparent;\n  animation: gradient-text-fill_b7af3852d8 680ms linear forwards;\n  background-image: linear-gradient(to right, var(--primary-color) 30%, var(--color-stuck-red) 40%, var(--color-done-green) 60%, var(--color-egg_yolk) 85%, transparent 90%);\n}\n@keyframes fade_2f024a4a61 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes stroke-rotate_198e642439 {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n@keyframes gradient-text-fill_b7af3852d8 {\n  from {\n    background-position: 150% 0;\n  }\n  to {\n    background-position: 0% 0;\n  }\n}");export{e as default};
+var e={celebration:"celebration_a9f279c23b",svg:"svg_89e235ef00",stroke:"stroke_a8da1f012e","stroke-rotate":"stroke-rotate_e30b7a4b1c",base:"base_db6dcc7520",fade:"fade_3bec4864f8",first:"first_132660700b",second:"second_9e4462c6ea",third:"third_73432ade77","gradient-text-fill":"gradient-text-fill_0f2de5cd42"};!function(e){const n="s_id-cc5df975abc6_3_58_1";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".celebration_a9f279c23b {\n  --container-perimeter: 840;\n  position: relative;\n}\n.celebration_a9f279c23b .svg_89e235ef00 {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.celebration_a9f279c23b .svg_89e235ef00 .stroke_a8da1f012e {\n  fill: none;\n  stroke-width: 1;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  animation: stroke-rotate_e30b7a4b1c cubic-bezier(0.33, 0, 0.67, 1) forwards;\n  stroke-dasharray: var(--container-perimeter);\n  stroke-dashoffset: var(--container-perimeter);\n}\n.celebration_a9f279c23b .svg_89e235ef00 .stroke_a8da1f012e.base_db6dcc7520 {\n  stroke: var(--color-egg_yolk);\n  animation: fade_3bec4864f8 200ms linear forwards;\n  animation-delay: 80ms;\n  stroke-dasharray: 0;\n  stroke-dashoffset: 0;\n  opacity: 0;\n}\n.celebration_a9f279c23b .svg_89e235ef00 .stroke_a8da1f012e.first_132660700b {\n  stroke: var(--color-done-green);\n  animation-delay: 80ms;\n  animation-duration: 320ms;\n}\n.celebration_a9f279c23b .svg_89e235ef00 .stroke_a8da1f012e.second_9e4462c6ea {\n  stroke: var(--color-stuck-red);\n  animation-delay: 200ms;\n  animation-duration: 320ms;\n}\n.celebration_a9f279c23b .svg_89e235ef00 .stroke_a8da1f012e.third_73432ade77 {\n  stroke: var(--primary-color);\n  animation-delay: 360ms;\n  animation-duration: 320ms;\n}\n.celebration_a9f279c23b.celebration_a9f279c23b [data-celebration-text] {\n  background-size: 300% 100%;\n  background-repeat: no-repeat;\n  background-clip: text;\n  -webkit-background-clip: text;\n  color: transparent;\n  animation: gradient-text-fill_0f2de5cd42 680ms linear forwards;\n  background-image: linear-gradient(to right, var(--primary-color) 30%, var(--color-stuck-red) 40%, var(--color-done-green) 60%, var(--color-egg_yolk) 85%, transparent 90%);\n}\n@keyframes fade_3bec4864f8 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes stroke-rotate_e30b7a4b1c {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n@keyframes gradient-text-fill_0f2de5cd42 {\n  from {\n    background-position: 150% 0;\n  }\n  to {\n    background-position: 0% 0;\n  }\n}");export{e as default};
 //# sourceMappingURL=LabelCelebrationAnimation.module.scss.js.map

package/dist/src/components/Label/LabelConstants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LabelConstants.js","sources":["../../../../src/components/Label/LabelConstants.ts"],"sourcesContent":["import { TextType } from \"../Text/Text.types\";\nimport Text from \"../Text/Text\";\nimport { LabelSizes } from \"./Label.types\";\nimport { ContentColorByName } from \"../../utils/colors-vars-map\";\n\n/*\n @deprecated\n /\nexport enum LabelKind {\n FILL = \"fill\",\n LINE = \"line\"\n}\n\n/\n @deprecated\n */\nexport enum LabelColor {\n PRIMARY = \"primary\",\n DARK = \"dark\",\n NEGATIVE = \"negative\",\n POSITIVE = \"positive\"\n}\n\nexport const LabelAllowedColor = {\n ...LabelColor,\n ...ContentColorByName\n};\n\nexport const mapSizesToTextSize: Record<LabelSizes, TextType> = {\n small: Text.types.TEXT3,\n medium: Text.types.TEXT2\n};\n"],"names":["LabelKind","LabelColor","LabelAllowedColor","Object","assign","ContentColorByName","mapSizesToTextSize","small","Text","types","TEXT3","medium","TEXT2"],"mappings":"uGAQYA,EAQAC,GARZ,SAAYD,GACVA,EAAA,KAAA,OACAA,EAAA,KAAA,MACD,CAHD,CAAYA,IAAAA,EAGX,CAAA,IAKD,SAAYC,GACVA,EAAA,QAAA,UACAA,EAAA,KAAA,OACAA,EAAA,SAAA,WACAA,EAAA,SAAA,UACD,CALD,CAAYA,IAAAA,EAKX,CAAA,QAEYC,EAAiBC,OAAAC,OAAAD,OAAAC,OAAA,GACzBH,GACAI,GAGQC,EAAmD,CAC9DC,MAAOC,EAAKC,MAAMC,MAClBC,OAAQH,EAAKC,MAAMG"}
1	+ {"version":3,"file":"LabelConstants.js","sources":["../../../../src/components/Label/LabelConstants.ts"],"sourcesContent":["import { type TextType } from \"../Text/Text.types\";\nimport Text from \"../Text/Text\";\nimport { type LabelSizes } from \"./Label.types\";\nimport { ContentColorByName } from \"../../utils/colors-vars-map\";\n\n/*\n @deprecated\n /\nexport enum LabelKind {\n FILL = \"fill\",\n LINE = \"line\"\n}\n\n/\n @deprecated\n */\nexport enum LabelColor {\n PRIMARY = \"primary\",\n DARK = \"dark\",\n NEGATIVE = \"negative\",\n POSITIVE = \"positive\"\n}\n\nexport const LabelAllowedColor = {\n ...LabelColor,\n ...ContentColorByName\n};\n\nexport const mapSizesToTextSize: Record<LabelSizes, TextType> = {\n small: Text.types.TEXT3,\n medium: Text.types.TEXT2\n};\n"],"names":["LabelKind","LabelColor","LabelAllowedColor","Object","assign","ContentColorByName","mapSizesToTextSize","small","Text","types","TEXT3","medium","TEXT2"],"mappings":"uGAQYA,EAQAC,GARZ,SAAYD,GACVA,EAAA,KAAA,OACAA,EAAA,KAAA,MACD,CAHD,CAAYA,IAAAA,EAGX,CAAA,IAKD,SAAYC,GACVA,EAAA,QAAA,UACAA,EAAA,KAAA,OACAA,EAAA,SAAA,WACAA,EAAA,SAAA,UACD,CALD,CAAYA,IAAAA,EAKX,CAAA,QAEYC,EAAiBC,OAAAC,OAAAD,OAAAC,OAAA,GACzBH,GACAI,GAGQC,EAAmD,CAC9DC,MAAOC,EAAKC,MAAMC,MAClBC,OAAQH,EAAKC,MAAMG"}

package/dist/src/components/LayerProvider/LayerProvider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LayerProvider.js","sources":["../../../../src/components/LayerProvider/LayerProvider.tsx"],"sourcesContent":["import React, { FC, ReactNode, RefObject } from \"react\";\nimport LayerContext from \"./LayerContext\";\n\nexport interface LayerProviderType {\n /*\n The child elements.\n /\n children: ReactNode \| ReactNode[];\n /\n A reference to the layer container element.\n */\n layerRef: RefObject<HTMLElement> \| null;\n}\n\nconst LayerProvider: FC<LayerProviderType> = ({ children, layerRef }) => {\n return <LayerContext.Provider value={{ layerRef }}>{children}</LayerContext.Provider>;\n};\n\nexport default LayerProvider;\n"],"names":["LayerProvider","_ref","React","createElement","LayerContext","Provider","value","layerRef","children"],"mappings":"sDAcA,IAAMA,EAAuC,SAA1BC,GACjB,OAAOC,EAACC,cAAAC,EAAaC,SAAS,CAAAC,MAAO,CAAEC,SADyBN,EAARM,WAAFN,EAARO,SAEhD"}
1	+ {"version":3,"file":"LayerProvider.js","sources":["../../../../src/components/LayerProvider/LayerProvider.tsx"],"sourcesContent":["import React, { type FC, type ReactNode, type RefObject } from \"react\";\nimport LayerContext from \"./LayerContext\";\n\nexport interface LayerProviderType {\n /*\n The child elements.\n /\n children: ReactNode \| ReactNode[];\n /\n A reference to the layer container element.\n */\n layerRef: RefObject<HTMLElement> \| null;\n}\n\nconst LayerProvider: FC<LayerProviderType> = ({ children, layerRef }) => {\n return <LayerContext.Provider value={{ layerRef }}>{children}</LayerContext.Provider>;\n};\n\nexport default LayerProvider;\n"],"names":["LayerProvider","_ref","React","createElement","LayerContext","Provider","value","layerRef","children"],"mappings":"sDAcA,IAAMA,EAAuC,SAA1BC,GACjB,OAAOC,EAACC,cAAAC,EAAaC,SAAS,CAAAC,MAAO,CAAEC,SADyBN,EAARM,WAAFN,EAARO,SAEhD"}

package/dist/src/components/LegacyModal/LegacyModal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LegacyModal.js","sources":["../../../../src/components/LegacyModal/LegacyModal.tsx"],"sourcesContent":["import React, { cloneElement, ReactElement, useCallback, useMemo } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport cx from \"classnames\";\nimport { useA11yDialog } from \"./a11yDialog\";\nimport ModalContent from \"./LegacyModalContent/LegacyModalContent\";\nimport ModalHeader from \"./LegacyModalHeader/LegacyModalHeader\";\nimport useBodyScrollLock from \"./useBodyScrollLock\";\nimport useShowHideModal from \"./useShowHideModal\";\nimport {\n isModalContent,\n isModalFooter,\n isModalHeader,\n ModalWidth as ModalWidthEnum,\n validateTitleProp\n} from \"./ModalHelper\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { withStaticPropsWithoutForwardRef } from \"../../types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport styles from \"./LegacyModal.module.scss\";\nimport { ModalWidth } from \"./LegacyModal.types\";\nimport LayerProvider from \"../LayerProvider/LayerProvider\";\nimport { isClient } from \"../../utils/ssr-utils\";\n\nexport interface LegacyModalProps {\n /*\n Id of the modal, used internally and for accessibility\n /\n id?: string;\n \"data-testid\"?: string;\n /\n Show/hide the Dialog\n /\n show: boolean;\n /\n Heading for the modal, mandatory when ModalHeader isn't provided in children\n /\n title?: string;\n /\n Description for the modal title\n /\n description?: string;\n /\n Called when the modal is closed (by close button/click outside/esc key)\n /\n onClose: () => void;\n /\n Makes the dialog behave like a modal (preventing closing on click outside of\n * ESC key)..\n /\n alertDialog?: boolean;\n /\n Used for the fromOrigin animation\n /\n triggerElement?: Element;\n /\n Set the modal's width. Can be one of the presets or any custom size\n /\n width?: ModalWidth \| string;\n /\n Aria label for the close button\n /\n closeButtonAriaLabel?: string;\n /\n Add gaps between parts of the modal\n /\n contentSpacing?: boolean;\n /\n classNames for specific parts of the dialog\n /\n classNames?: {\n container?: string;\n overlay?: string;\n modal?: string;\n };\n /\n Dialog content\n /\n children?: ReactElement \| ReactElement[];\n /\n z-index attribute of the container\n /\n zIndex?: number;\n /\n When `false`, the modal will remain in the DOM when closed\n /\n unmountOnClose?: boolean;\n}\n\nconst Modal = ({\n classNames = { container: \"\", overlay: \"\", modal: \"\" },\n id,\n show,\n title = \"\",\n description = \"\",\n onClose = NOOP,\n alertDialog = false,\n children,\n triggerElement,\n width = \"default\",\n closeButtonAriaLabel = \"Close\",\n contentSpacing = false,\n zIndex = 10000,\n unmountOnClose = true,\n \"data-testid\": dataTestId\n}: LegacyModalProps) => {\n const childrenArray: ReactElement[] = useMemo(\n () => (children ? (React.Children.toArray(children) as ReactElement[]) : []),\n [children]\n );\n validateTitleProp(title, childrenArray);\n\n const [instance, attr] = useA11yDialog({\n id,\n alertDialog\n });\n\n const closeIfNotAlertType = useCallback(() => {\n if (!alertDialog) {\n onClose?.();\n }\n }, [alertDialog, onClose]);\n\n // lock body scroll when modal is open\n useBodyScrollLock({ instance });\n\n // show/hide and animate the modal\n const { shouldShow } = useShowHideModal({\n instance,\n show,\n triggerElement,\n onClose,\n alertDialog\n });\n\n const header = useMemo(() => {\n const { id } = attr.title;\n const header = childrenArray.find(isModalHeader);\n if (header) {\n return cloneElement(header, { id, closeModal: onClose });\n }\n return (\n <ModalHeader\n title={title}\n description={description}\n closeModal={onClose}\n id={id}\n closeButtonAriaLabel={closeButtonAriaLabel}\n />\n );\n }, [attr.title, childrenArray, title, description, onClose, closeButtonAriaLabel]);\n\n const content = useMemo(() => {\n return (\n childrenArray.find(isModalContent) \|\| (\n <ModalContent>{childrenArray.filter(child => !isModalHeader(child) && !isModalFooter(child))}</ModalContent>\n )\n );\n }, [childrenArray]);\n\n const footer = useMemo(() => {\n return childrenArray.find(isModalFooter) \|\| null;\n }, [childrenArray]);\n\n const customWidth = width !== \"default\" && width !== \"full-width\";\n\n const dialog = (\n <LayerProvider layerRef={{ current: instance?.$el }}>\n <div\n {...attr.container}\n className={cx(styles.container, classNames.container)}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL, id)}\n style={{ \"--monday-modal-z-index\": zIndex }}\n >\n {/ eslint-disable-next-line jsx-a11y/click-events-have-key-events */}\n <div\n onClick={closeIfNotAlertType}\n className={cx(styles.overlay, classNames.overlay)}\n data-testid={ComponentDefaultTestId.MODAL_OVERLAY}\n />\n <div\n {...attr.dialog}\n className={cx(styles.dialog, classNames.modal, {\n [styles.default]: width === \"default\",\n [styles.full]: width === \"full-width\",\n [styles.spacing]: contentSpacing\n })}\n style={{ width: customWidth ? width : null }}\n >\n {header}\n {content}\n {footer}\n </div>\n </div>\n </LayerProvider>\n );\n\n if (unmountOnClose && !shouldShow) {\n return null;\n }\n return isClient() ? ReactDOM.createPortal(dialog, document.body) : null;\n};\n\ninterface LegacyModalStaticProps {\n width: typeof ModalWidthEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<LegacyModalProps, LegacyModalStaticProps>(Modal, {\n width: ModalWidthEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","_ref$classNames","classNames","container","overlay","modal","id","show","_ref$title","title","_ref$description","description","_ref$onClose","onClose","NOOP","_ref$alertDialog","alertDialog","children","triggerElement","_ref$width","width","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$contentSpacing","contentSpacing","_ref$zIndex","zIndex","_ref$unmountOnClose","unmountOnClose","dataTestId","childrenArray","useMemo","React","Children","toArray","validateTitleProp","_useA11yDialog","useA11yDialog","_useA11yDialog2","_slicedToArray","instance","attr","closeIfNotAlertType","useCallback","useBodyScrollLock","shouldShow","useShowHideModal","header","find","isModalHeader","cloneElement","closeModal","createElement","ModalHeader","content","isModalContent","ModalContent","filter","child","isModalFooter","footer","customWidth","dialog","LayerProvider","layerRef","current","$el","Object","assign","className","cx","styles","getTestId","ComponentDefaultTestId","MODAL","style","onClick","MODAL_OVERLAY","_defineProperty","default","full","spacing","isClient","ReactDOM","createPortal","document","body","ModalWidthEnum"],"mappings":"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"}
1	+ {"version":3,"file":"LegacyModal.js","sources":["../../../../src/components/LegacyModal/LegacyModal.tsx"],"sourcesContent":["import React, { cloneElement, type ReactElement, useCallback, useMemo } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport cx from \"classnames\";\nimport { useA11yDialog } from \"./a11yDialog\";\nimport ModalContent from \"./LegacyModalContent/LegacyModalContent\";\nimport ModalHeader from \"./LegacyModalHeader/LegacyModalHeader\";\nimport useBodyScrollLock from \"./useBodyScrollLock\";\nimport useShowHideModal from \"./useShowHideModal\";\nimport {\n isModalContent,\n isModalFooter,\n isModalHeader,\n ModalWidth as ModalWidthEnum,\n validateTitleProp\n} from \"./ModalHelper\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { withStaticPropsWithoutForwardRef } from \"../../types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport styles from \"./LegacyModal.module.scss\";\nimport { type ModalWidth } from \"./LegacyModal.types\";\nimport LayerProvider from \"../LayerProvider/LayerProvider\";\nimport { isClient } from \"../../utils/ssr-utils\";\n\nexport interface LegacyModalProps {\n /*\n Id of the modal, used internally and for accessibility\n /\n id?: string;\n \"data-testid\"?: string;\n /\n Show/hide the Dialog\n /\n show: boolean;\n /\n Heading for the modal, mandatory when ModalHeader isn't provided in children\n /\n title?: string;\n /\n Description for the modal title\n /\n description?: string;\n /\n Called when the modal is closed (by close button/click outside/esc key)\n /\n onClose: () => void;\n /\n Makes the dialog behave like a modal (preventing closing on click outside of\n * ESC key)..\n /\n alertDialog?: boolean;\n /\n Used for the fromOrigin animation\n /\n triggerElement?: Element;\n /\n Set the modal's width. Can be one of the presets or any custom size\n /\n width?: ModalWidth \| string;\n /\n Aria label for the close button\n /\n closeButtonAriaLabel?: string;\n /\n Add gaps between parts of the modal\n /\n contentSpacing?: boolean;\n /\n classNames for specific parts of the dialog\n /\n classNames?: {\n container?: string;\n overlay?: string;\n modal?: string;\n };\n /\n Dialog content\n /\n children?: ReactElement \| ReactElement[];\n /\n z-index attribute of the container\n /\n zIndex?: number;\n /\n When `false`, the modal will remain in the DOM when closed\n /\n unmountOnClose?: boolean;\n}\n\nconst Modal = ({\n classNames = { container: \"\", overlay: \"\", modal: \"\" },\n id,\n show,\n title = \"\",\n description = \"\",\n onClose = NOOP,\n alertDialog = false,\n children,\n triggerElement,\n width = \"default\",\n closeButtonAriaLabel = \"Close\",\n contentSpacing = false,\n zIndex = 10000,\n unmountOnClose = true,\n \"data-testid\": dataTestId\n}: LegacyModalProps) => {\n const childrenArray: ReactElement[] = useMemo(\n () => (children ? (React.Children.toArray(children) as ReactElement[]) : []),\n [children]\n );\n validateTitleProp(title, childrenArray);\n\n const [instance, attr] = useA11yDialog({\n id,\n alertDialog\n });\n\n const closeIfNotAlertType = useCallback(() => {\n if (!alertDialog) {\n onClose?.();\n }\n }, [alertDialog, onClose]);\n\n // lock body scroll when modal is open\n useBodyScrollLock({ instance });\n\n // show/hide and animate the modal\n const { shouldShow } = useShowHideModal({\n instance,\n show,\n triggerElement,\n onClose,\n alertDialog\n });\n\n const header = useMemo(() => {\n const { id } = attr.title;\n const header = childrenArray.find(isModalHeader);\n if (header) {\n return cloneElement(header, { id, closeModal: onClose });\n }\n return (\n <ModalHeader\n title={title}\n description={description}\n closeModal={onClose}\n id={id}\n closeButtonAriaLabel={closeButtonAriaLabel}\n />\n );\n }, [attr.title, childrenArray, title, description, onClose, closeButtonAriaLabel]);\n\n const content = useMemo(() => {\n return (\n childrenArray.find(isModalContent) \|\| (\n <ModalContent>{childrenArray.filter(child => !isModalHeader(child) && !isModalFooter(child))}</ModalContent>\n )\n );\n }, [childrenArray]);\n\n const footer = useMemo(() => {\n return childrenArray.find(isModalFooter) \|\| null;\n }, [childrenArray]);\n\n const customWidth = width !== \"default\" && width !== \"full-width\";\n\n const dialog = (\n <LayerProvider layerRef={{ current: instance?.$el }}>\n <div\n {...attr.container}\n className={cx(styles.container, classNames.container)}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL, id)}\n style={{ \"--monday-modal-z-index\": zIndex }}\n >\n {/ eslint-disable-next-line jsx-a11y/click-events-have-key-events */}\n <div\n onClick={closeIfNotAlertType}\n className={cx(styles.overlay, classNames.overlay)}\n data-testid={ComponentDefaultTestId.MODAL_OVERLAY}\n />\n <div\n {...attr.dialog}\n className={cx(styles.dialog, classNames.modal, {\n [styles.default]: width === \"default\",\n [styles.full]: width === \"full-width\",\n [styles.spacing]: contentSpacing\n })}\n style={{ width: customWidth ? width : null }}\n >\n {header}\n {content}\n {footer}\n </div>\n </div>\n </LayerProvider>\n );\n\n if (unmountOnClose && !shouldShow) {\n return null;\n }\n return isClient() ? ReactDOM.createPortal(dialog, document.body) : null;\n};\n\ninterface LegacyModalStaticProps {\n width: typeof ModalWidthEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<LegacyModalProps, LegacyModalStaticProps>(Modal, {\n width: ModalWidthEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","_ref$classNames","classNames","container","overlay","modal","id","show","_ref$title","title","_ref$description","description","_ref$onClose","onClose","NOOP","_ref$alertDialog","alertDialog","children","triggerElement","_ref$width","width","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$contentSpacing","contentSpacing","_ref$zIndex","zIndex","_ref$unmountOnClose","unmountOnClose","dataTestId","childrenArray","useMemo","React","Children","toArray","validateTitleProp","_useA11yDialog","useA11yDialog","_useA11yDialog2","_slicedToArray","instance","attr","closeIfNotAlertType","useCallback","useBodyScrollLock","shouldShow","useShowHideModal","header","find","isModalHeader","cloneElement","closeModal","createElement","ModalHeader","content","isModalContent","ModalContent","filter","child","isModalFooter","footer","customWidth","dialog","LayerProvider","layerRef","current","$el","Object","assign","className","cx","styles","getTestId","ComponentDefaultTestId","MODAL","style","onClick","MODAL_OVERLAY","_defineProperty","default","full","spacing","isClient","ReactDOM","createPortal","document","body","ModalWidthEnum"],"mappings":"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"}

package/dist/src/components/LegacyModal/LegacyModal.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={container:"container_c51f7c18ad",overlay:"overlay_4e488c5dea","overlay-fade-out":"overlay-fade-out_318302aefc","overlay-fade-in":"overlay-fade-in_2f024a4a61",dialog:"dialog_7b4d557491",default:"default_c31d628dfa",full:"full_9a8bdb25a3",spacing:"spacing_ea8ab35e62"};!function(n){const a="s_id-fe267e23c74c_3_58_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+a))return;const d=document.createElement("style");d.id=a,e.firstChild?e.insertBefore(d,e.firstChild):e.appendChild(d),d.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}(".container_c51f7c18ad,\n.overlay_4e488c5dea {\n  position: fixed;\n  inset: 0;\n}\n\n.container_c51f7c18ad {\n  --monday-modal-z-index: 10000;\n  z-index: var(--monday-modal-z-index);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.container_c51f7c18ad[aria-hidden=true] {\n  display: none;\n}\n\n.container_c51f7c18ad[aria-hidden=true] .overlay_4e488c5dea {\n  background-color: transparent;\n  animation: overlay-fade-out_318302aefc 70ms var(--motion-timing-enter);\n}\n\n.overlay_4e488c5dea {\n  background-color: rgba(41, 47, 76, 0.7);\n  animation: overlay-fade-in_2f024a4a61 70ms var(--motion-timing-enter);\n}\n\n.dialog_7b4d557491 {\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  padding-block: var(--spacing-large);\n  padding-inline: var(--spacing-xl);\n  border-radius: var(--border-radius-big);\n  box-shadow: var(--box-shadow-large);\n  background-color: var(--secondary-background-color);\n  max-height: 90vh;\n  max-width: 90vw;\n}\n\n.dialog_7b4d557491.default_c31d628dfa {\n  width: 520px;\n}\n\n.dialog_7b4d557491.full_9a8bdb25a3 {\n  width: 100vw;\n}\n\n.dialog_7b4d557491.spacing_ea8ab35e62 {\n  gap: var(--spacing-medium);\n}\n\n@keyframes overlay-fade-in_2f024a4a61 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes overlay-fade-out_318302aefc {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}");export{n as default};
+var n={container:"container_740bac3de3",overlay:"overlay_1603018bf7","overlay-fade-out":"overlay-fade-out_adc4c0a1fa","overlay-fade-in":"overlay-fade-in_3bec4864f8",dialog:"dialog_37788374ba",default:"default_7150ed5952",full:"full_7acb3fff80",spacing:"spacing_0418ed5f6e"};!function(n){const a="s_id-fe267e23c74c_3_58_1";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+a))return;const o=document.createElement("style");o.id=a,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}(".container_740bac3de3,\n.overlay_1603018bf7 {\n  position: fixed;\n  inset: 0;\n}\n\n.container_740bac3de3 {\n  --monday-modal-z-index: 10000;\n  z-index: var(--monday-modal-z-index);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.container_740bac3de3[aria-hidden=true] {\n  display: none;\n}\n\n.container_740bac3de3[aria-hidden=true] .overlay_1603018bf7 {\n  background-color: transparent;\n  animation: overlay-fade-out_adc4c0a1fa 70ms var(--motion-timing-enter);\n}\n\n.overlay_1603018bf7 {\n  background-color: rgba(41, 47, 76, 0.7);\n  animation: overlay-fade-in_3bec4864f8 70ms var(--motion-timing-enter);\n}\n\n.dialog_37788374ba {\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  padding-block: var(--spacing-large);\n  padding-inline: var(--spacing-xl);\n  border-radius: var(--border-radius-big);\n  box-shadow: var(--box-shadow-large);\n  background-color: var(--secondary-background-color);\n  max-height: 90vh;\n  max-width: 90vw;\n}\n\n.dialog_37788374ba.default_7150ed5952 {\n  width: 520px;\n}\n\n.dialog_37788374ba.full_7acb3fff80 {\n  width: 100vw;\n}\n\n.dialog_37788374ba.spacing_0418ed5f6e {\n  gap: var(--spacing-medium);\n}\n\n@keyframes overlay-fade-in_3bec4864f8 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes overlay-fade-out_adc4c0a1fa {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}");export{n as default};
 //# sourceMappingURL=LegacyModal.module.scss.js.map

package/dist/src/components/LegacyModal/LegacyModalContent/LegacyModalContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LegacyModalContent.js","sources":["../../../../../src/components/LegacyModal/LegacyModalContent/LegacyModalContent.tsx"],"sourcesContent":["import React, { FC, ReactElement } from \"react\";\nimport cx from \"classnames\";\nimport Text from \"../../Text/Text\";\nimport VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport styles from \"./LegacyModalContent.module.scss\";\n\nexport interface LegacyModalContentProps extends VibeComponentProps {\n children: ReactElement \| ReactElement[] \| string;\n}\n\nconst LegacyModalContent: FC<LegacyModalContentProps> = ({ className, id, \"data-testid\": dataTestId, children }) => {\n return (\n <Text\n type=\"text1\"\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL_CONTENT, id)}\n className={cx(styles.container, className)}\n ellipsis={false}\n >\n {children}\n </Text>\n );\n};\n\nObject.assign(LegacyModalContent, {\n displayName: \"ModalContent\"\n});\n\nexport default LegacyModalContent;\n"],"names":["LegacyModalContent","_ref","className","id","children","React","createElement","Text","type","getTestId","ComponentDefaultTestId","MODAL_CONTENT","cx","styles","container","ellipsis","Object","assign","displayName"],"mappings":"+PAYA,IAAMA,EAAkD,SAAhCC,GAA2F,IAAxDC,EAASD,EAATC,UAAWC,EAAEF,EAAFE,GAA+BC,EAAQH,EAARG,SACnG,OACEC,EAACC,cAAAC,GACCC,KAAK,QACLL,GAAIA,gBAJyFF,EAAzB,gBAKzCQ,EAAUC,EAAuBC,cAAeR,GAC3ED,UAAWU,EAAGC,EAAOC,UAAWZ,GAChCa,UAAU,GAETX,EAGP,EAEAY,OAAOC,OAAOjB,EAAoB,CAChCkB,YAAa"}
1	+ {"version":3,"file":"LegacyModalContent.js","sources":["../../../../../src/components/LegacyModal/LegacyModalContent/LegacyModalContent.tsx"],"sourcesContent":["import React, { type FC, type ReactElement } from \"react\";\nimport cx from \"classnames\";\nimport Text from \"../../Text/Text\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport styles from \"./LegacyModalContent.module.scss\";\n\nexport interface LegacyModalContentProps extends VibeComponentProps {\n children: ReactElement \| ReactElement[] \| string;\n}\n\nconst LegacyModalContent: FC<LegacyModalContentProps> = ({ className, id, \"data-testid\": dataTestId, children }) => {\n return (\n <Text\n type=\"text1\"\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL_CONTENT, id)}\n className={cx(styles.container, className)}\n ellipsis={false}\n >\n {children}\n </Text>\n );\n};\n\nObject.assign(LegacyModalContent, {\n displayName: \"ModalContent\"\n});\n\nexport default LegacyModalContent;\n"],"names":["LegacyModalContent","_ref","className","id","children","React","createElement","Text","type","getTestId","ComponentDefaultTestId","MODAL_CONTENT","cx","styles","container","ellipsis","Object","assign","displayName"],"mappings":"+PAYA,IAAMA,EAAkD,SAAhCC,GAA2F,IAAxDC,EAASD,EAATC,UAAWC,EAAEF,EAAFE,GAA+BC,EAAQH,EAARG,SACnG,OACEC,EAACC,cAAAC,GACCC,KAAK,QACLL,GAAIA,gBAJyFF,EAAzB,gBAKzCQ,EAAUC,EAAuBC,cAAeR,GAC3ED,UAAWU,EAAGC,EAAOC,UAAWZ,GAChCa,UAAU,GAETX,EAGP,EAEAY,OAAOC,OAAOjB,EAAoB,CAChCkB,YAAa"}

package/dist/src/components/LegacyModal/LegacyModalContent/LegacyModalContent.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={container:"container_9fa4710eb4"};!function(e){const n="s_id-40a1f8a37338_3_58_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".container_9fa4710eb4 {\n  flex-grow: 1;\n  overflow: auto;\n}\n.container_9fa4710eb4::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.container_9fa4710eb4::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={container:"container_4c9e28ec3d"};!function(e){const n="s_id-40a1f8a37338_3_58_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".container_4c9e28ec3d {\n  flex-grow: 1;\n  overflow: auto;\n}\n.container_4c9e28ec3d::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.container_4c9e28ec3d::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=LegacyModalContent.module.scss.js.map

package/dist/src/components/LegacyModal/LegacyModalFooter/LegacyModalFooter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LegacyModalFooter.js","sources":["../../../../../src/components/LegacyModal/LegacyModalFooter/LegacyModalFooter.tsx"],"sourcesContent":["import React, { FC, ReactElement } from \"react\";\nimport cx from \"classnames\";\nimport VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport styles from \"./LegacyModalFooter.module.scss\";\n\nexport interface LegacyModalFooterProps extends VibeComponentProps {\n children: ReactElement \| ReactElement[] \| string;\n}\n\nconst LegacyModalFooter: FC<LegacyModalFooterProps> = ({ className, children }) => {\n return <div className={cx(styles.container, className)}>{children}</div>;\n};\n\nObject.assign(LegacyModalFooter, {\n displayName: \"ModalFooter\"\n});\n\nexport default LegacyModalFooter;\n"],"names":["LegacyModalFooter","_ref","children","React","createElement","className","cx","styles","container","Object","assign","displayName"],"mappings":"iGASA,IAAMA,EAAgD,SAA/BC,GAA2D,IAAdC,EAAQD,EAARC,SAClE,OAAOC,EAAKC,cAAA,MAAA,CAAAC,UAAWC,EAAGC,EAAOC,UAD+BP,EAATI,YACEH,EAC3D,EAEAO,OAAOC,OAAOV,EAAmB,CAC/BW,YAAa"}
1	+ {"version":3,"file":"LegacyModalFooter.js","sources":["../../../../../src/components/LegacyModal/LegacyModalFooter/LegacyModalFooter.tsx"],"sourcesContent":["import React, { type FC, type ReactElement } from \"react\";\nimport cx from \"classnames\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport styles from \"./LegacyModalFooter.module.scss\";\n\nexport interface LegacyModalFooterProps extends VibeComponentProps {\n children: ReactElement \| ReactElement[] \| string;\n}\n\nconst LegacyModalFooter: FC<LegacyModalFooterProps> = ({ className, children }) => {\n return <div className={cx(styles.container, className)}>{children}</div>;\n};\n\nObject.assign(LegacyModalFooter, {\n displayName: \"ModalFooter\"\n});\n\nexport default LegacyModalFooter;\n"],"names":["LegacyModalFooter","_ref","children","React","createElement","className","cx","styles","container","Object","assign","displayName"],"mappings":"iGASA,IAAMA,EAAgD,SAA/BC,GAA2D,IAAdC,EAAQD,EAARC,SAClE,OAAOC,EAAKC,cAAA,MAAA,CAAAC,UAAWC,EAAGC,EAAOC,UAD+BP,EAATI,YACEH,EAC3D,EAEAO,OAAOC,OAAOV,EAAmB,CAC/BW,YAAa"}

package/dist/src/components/LegacyModal/LegacyModalFooter/LegacyModalFooter.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={container:"container_83cfa59600"};!function(e){const t="s_id-9ff7e713f88b_3_58_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".container_83cfa59600 {\n  margin-block-start: var(--spacing-large);\n}");export{e as default};
+var e={container:"container_cc339ec7ca"};!function(e){const t="s_id-9ff7e713f88b_3_58_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const c=document.createElement("style");c.id=t,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".container_cc339ec7ca {\n  margin-block-start: var(--spacing-large);\n}");export{e as default};
 //# sourceMappingURL=LegacyModalFooter.module.scss.js.map

package/dist/src/components/LegacyModal/LegacyModalFooter/LegacyModalFooterButtons/LegacyModalFooterButtons.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LegacyModalFooterButtons.js","sources":["../../../../../../src/components/LegacyModal/LegacyModalFooter/LegacyModalFooterButtons/LegacyModalFooterButtons.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { VibeComponentProps } from \"../../../../types\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\nimport Flex from \"../../../Flex/Flex\";\nimport Button from \"../../../Button/Button\";\nimport LegacyModalFooter from \"../LegacyModalFooter\";\n\nexport interface LegacyModalFooterButtonsProps extends VibeComponentProps {\n primaryButtonText: string;\n secondaryButtonText?: string;\n disablePrimaryButton?: boolean;\n onPrimaryButtonClick?: () => void;\n onSecondaryButtonClick?: () => void;\n}\n\nconst LegacyModalFooterButtons = forwardRef(\n (\n {\n primaryButtonText,\n secondaryButtonText,\n disablePrimaryButton,\n onPrimaryButtonClick,\n onSecondaryButtonClick,\n className,\n id,\n \"data-testid\": dataTestId\n }: LegacyModalFooterButtonsProps,\n // As ModalFooter does not currently forward refs\n // eslint-disable-next-line\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n return (\n <LegacyModalFooter\n id={id}\n className={className}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL_FOOTER_BUTTONS, id)}\n >\n <Flex justify=\"end\" gap=\"small\">\n {secondaryButtonText && (\n <Button onClick={onSecondaryButtonClick} kind=\"tertiary\">\n {secondaryButtonText}\n </Button>\n )}\n <Button onClick={onPrimaryButtonClick} disabled={disablePrimaryButton}>\n {primaryButtonText}\n </Button>\n </Flex>\n </LegacyModalFooter>\n );\n }\n);\n\nObject.assign(LegacyModalFooterButtons, {\n displayName: \"ModalFooterButtons\"\n});\n\nexport default LegacyModalFooterButtons;\n"],"names":["LegacyModalFooterButtons","forwardRef","_ref","ref","primaryButtonText","secondaryButtonText","disablePrimaryButton","onPrimaryButtonClick","onSecondaryButtonClick","id","React","LegacyModalFooter","className","getTestId","ComponentDefaultTestId","MODAL_FOOTER_BUTTONS","createElement","Flex","justify","gap","Button","onClick","kind","disabled","Object","assign","displayName"],"mappings":"4RAgBA,IAAMA,EAA2BC,GAC/B,SAAAC,EAaEC,GACE,IAZAC,EAAiBF,EAAjBE,kBACAC,EAAmBH,EAAnBG,oBACAC,EAAoBJ,EAApBI,qBACAC,EAAoBL,EAApBK,qBACAC,EAAsBN,EAAtBM,uBAEAC,EAAEP,EAAFO,GAOF,OACEC,gBAACC,EAAiB,CAChBF,GAAIA,EACJG,UAXOV,EAATU,UAYe,cAVUV,EAAzB,gBAU6BW,EAAUC,EAAuBC,qBAAsBN,IAElFC,EAACM,cAAAC,GAAKC,QAAQ,MAAMC,IAAI,SACrBd,GACCK,EAACM,cAAAI,GAAOC,QAASb,EAAwBc,KAAK,YAC3CjB,GAGLK,EAAAM,cAACI,EAAM,CAACC,QAASd,EAAsBgB,SAAUjB,GAC9CF,IAKX,IAGFoB,OAAOC,OAAOzB,EAA0B,CACtC0B,YAAa"}
1	+ {"version":3,"file":"LegacyModalFooterButtons.js","sources":["../../../../../../src/components/LegacyModal/LegacyModalFooter/LegacyModalFooterButtons/LegacyModalFooterButtons.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { type VibeComponentProps } from \"../../../../types\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\nimport Flex from \"../../../Flex/Flex\";\nimport Button from \"../../../Button/Button\";\nimport LegacyModalFooter from \"../LegacyModalFooter\";\n\nexport interface LegacyModalFooterButtonsProps extends VibeComponentProps {\n primaryButtonText: string;\n secondaryButtonText?: string;\n disablePrimaryButton?: boolean;\n onPrimaryButtonClick?: () => void;\n onSecondaryButtonClick?: () => void;\n}\n\nconst LegacyModalFooterButtons = forwardRef(\n (\n {\n primaryButtonText,\n secondaryButtonText,\n disablePrimaryButton,\n onPrimaryButtonClick,\n onSecondaryButtonClick,\n className,\n id,\n \"data-testid\": dataTestId\n }: LegacyModalFooterButtonsProps,\n // As ModalFooter does not currently forward refs\n // eslint-disable-next-line\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n return (\n <LegacyModalFooter\n id={id}\n className={className}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL_FOOTER_BUTTONS, id)}\n >\n <Flex justify=\"end\" gap=\"small\">\n {secondaryButtonText && (\n <Button onClick={onSecondaryButtonClick} kind=\"tertiary\">\n {secondaryButtonText}\n </Button>\n )}\n <Button onClick={onPrimaryButtonClick} disabled={disablePrimaryButton}>\n {primaryButtonText}\n </Button>\n </Flex>\n </LegacyModalFooter>\n );\n }\n);\n\nObject.assign(LegacyModalFooterButtons, {\n displayName: \"ModalFooterButtons\"\n});\n\nexport default LegacyModalFooterButtons;\n"],"names":["LegacyModalFooterButtons","forwardRef","_ref","ref","primaryButtonText","secondaryButtonText","disablePrimaryButton","onPrimaryButtonClick","onSecondaryButtonClick","id","React","LegacyModalFooter","className","getTestId","ComponentDefaultTestId","MODAL_FOOTER_BUTTONS","createElement","Flex","justify","gap","Button","onClick","kind","disabled","Object","assign","displayName"],"mappings":"4RAgBA,IAAMA,EAA2BC,GAC/B,SAAAC,EAaEC,GACE,IAZAC,EAAiBF,EAAjBE,kBACAC,EAAmBH,EAAnBG,oBACAC,EAAoBJ,EAApBI,qBACAC,EAAoBL,EAApBK,qBACAC,EAAsBN,EAAtBM,uBAEAC,EAAEP,EAAFO,GAOF,OACEC,gBAACC,EAAiB,CAChBF,GAAIA,EACJG,UAXOV,EAATU,UAYe,cAVUV,EAAzB,gBAU6BW,EAAUC,EAAuBC,qBAAsBN,IAElFC,EAACM,cAAAC,GAAKC,QAAQ,MAAMC,IAAI,SACrBd,GACCK,EAACM,cAAAI,GAAOC,QAASb,EAAwBc,KAAK,YAC3CjB,GAGLK,EAAAM,cAACI,EAAM,CAACC,QAASd,EAAsBgB,SAAUjB,GAC9CF,IAKX,IAGFoB,OAAOC,OAAOzB,EAA0B,CACtC0B,YAAa"}

package/dist/src/components/LegacyModal/LegacyModalHeader/LegacyModalHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LegacyModalHeader.js","sources":["../../../../../src/components/LegacyModal/LegacyModalHeader/LegacyModalHeader.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport IconButton from \"../../IconButton/IconButton\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport Icon from \"../../Icon/Icon\";\nimport { SubIcon, ElementContent, VibeComponentProps } from \"../../../types\";\nimport { NOOP } from \"../../../utils/function-utils\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport Text from \"../../Text/Text\";\nimport Heading from \"../../Heading/Heading\";\nimport Flex from \"../../Flex/Flex\";\nimport styles from \"./LegacyModalHeader.module.scss\";\n\ninterface BaseLegacyModalHeaderProps extends VibeComponentProps {\n /*\n Description of the modal - pure string description is a recommended standard, use JSX ability only if there is a need to add links\n /\n description?: ElementContent;\n /\n Icon to be rendered before the title\n /\n // icon?: string \| React.FunctionComponent<IconSubComponentProps> \| null;\n icon?: SubIcon;\n /\n Class name for the title\n /\n titleClassName?: string;\n /\n closes the Modal. No need to provide it, it is being provided by the modal\n /\n closeModal?: () => void;\n /\n Class name for the description\n /\n descriptionClassName?: string;\n /\n Size of the icon\n /\n iconSize?: number;\n /\n class name for the icon\n /\n iconClassName?: string;\n /\n Aria label for the close button\n */\n closeButtonAriaLabel?: string;\n}\n\ninterface LegacyModalHeaderWithOnlyTitle extends BaseLegacyModalHeaderProps {\n title: ElementContent;\n children?: never;\n}\n\ninterface LegacyModalHeaderWithOnlyChildren extends BaseLegacyModalHeaderProps {\n title?: never;\n children: ElementContent;\n}\n\nexport type LegacyModalHeaderProps = LegacyModalHeaderWithOnlyTitle \| LegacyModalHeaderWithOnlyChildren;\n\nconst LegacyModalHeader = ({\n className,\n title,\n children,\n titleClassName,\n description = \"\",\n descriptionClassName,\n icon,\n closeModal = NOOP,\n iconSize = 24,\n iconClassName,\n closeButtonAriaLabel = \"close\",\n id,\n \"data-testid\": dataTestId\n}: LegacyModalHeaderProps) => {\n return (\n <div\n className={cx(styles.container, className)}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL_HEADER, id)}\n >\n {children ? (\n children\n ) : (\n <Flex align=\"start\" gap=\"small\" className={titleClassName}>\n {icon && (\n <Icon\n className={cx(styles.icon, iconClassName)}\n icon={icon}\n iconType=\"svg\"\n iconSize={iconSize}\n ignoreFocusStyle\n />\n )}\n <Heading id={id} maxLines={2}>\n {title}\n </Heading>\n </Flex>\n )}\n {description && (\n <Text type=\"text2\" maxLines={2} className={cx(styles.description, descriptionClassName)}>\n {description}\n </Text>\n )}\n\n <div className={cx(styles.closeButton)}>\n <IconButton\n key=\"xxs\"\n onClick={closeModal}\n ariaLabel={closeButtonAriaLabel}\n icon={CloseSmall}\n kind=\"tertiary\"\n size=\"small\"\n />\n </div>\n </div>\n );\n};\n\nObject.assign(LegacyModalHeader, {\n displayName: \"ModalHeader\"\n});\n\nexport default LegacyModalHeader;\n"],"names":["LegacyModalHeader","_ref","title","children","titleClassName","_ref$description","description","descriptionClassName","icon","_ref$closeModal","closeModal","NOOP","_ref$iconSize","iconSize","iconClassName","_ref$closeButtonAriaL","closeButtonAriaLabel","id","dataTestId","React","className","cx","styles","container","getTestId","ComponentDefaultTestId","MODAL_HEADER","createElement","Flex","align","gap","Icon","iconType","ignoreFocusStyle","Heading","maxLines","Text","type","closeButton","IconButton","key","onClick","ariaLabel","CloseSmall","kind","size","Object","assign","displayName"],"mappings":"0gBA8DA,IAAMA,EAAoB,SAAHC,GAcM,IAZ3BC,EAAKD,EAALC,MACAC,EAAQF,EAARE,SACAC,EAAcH,EAAdG,eAAcC,EAAAJ,EACdK,YAAAA,OAAc,IAAHD,EAAG,GAAEA,EAChBE,EAAoBN,EAApBM,qBACAC,EAAIP,EAAJO,KAAIC,EAAAR,EACJS,WAAAA,OAAaC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAX,EACjBY,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EACbE,EAAab,EAAba,cAAaC,EAAAd,EACbe,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAC9BE,EAAEhB,EAAFgB,GACeC,EAAUjB,EAAzB,eAEA,OACEkB,uBACEC,UAAWC,EAAGC,EAAOC,UAhBhBtB,EAATmB,WAiBiB,cAAAF,GAAcM,EAAUC,EAAuBC,aAAcT,IAEzEd,GAGCgB,EAAAQ,cAACC,EAAK,CAAAC,MAAM,QAAQC,IAAI,QAAQV,UAAWhB,GACxCI,GACCW,EAACQ,cAAAI,EACC,CAAAX,UAAWC,EAAGC,EAAOd,KAAMM,GAC3BN,KAAMA,EACNwB,SAAS,MACTnB,SAAUA,EACVoB,sBAGJd,EAAAQ,cAACO,EAAO,CAACjB,GAAIA,EAAIkB,SAAU,GACxBjC,IAINI,GACCa,EAAAQ,cAACS,EAAI,CAACC,KAAK,QAAQF,SAAU,EAAGf,UAAWC,EAAGC,EAAOhB,YAAaC,IAC/DD,GAILa,EAAAQ,cAAA,MAAA,CAAKP,UAAWC,EAAGC,EAAOgB,cACxBnB,EAAAQ,cAACY,EAAU,CACTC,IAAI,MACJC,QAAS/B,EACTgC,UAAW1B,EACXR,KAAMmC,EACNC,KAAK,WACLC,KAAK,WAKf,EAEAC,OAAOC,OAAO/C,EAAmB,CAC/BgD,YAAa"}
1	+ {"version":3,"file":"LegacyModalHeader.js","sources":["../../../../../src/components/LegacyModal/LegacyModalHeader/LegacyModalHeader.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport IconButton from \"../../IconButton/IconButton\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport Icon from \"../../Icon/Icon\";\nimport { type SubIcon, type ElementContent, type VibeComponentProps } from \"../../../types\";\nimport { NOOP } from \"../../../utils/function-utils\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport Text from \"../../Text/Text\";\nimport Heading from \"../../Heading/Heading\";\nimport Flex from \"../../Flex/Flex\";\nimport styles from \"./LegacyModalHeader.module.scss\";\n\ninterface BaseLegacyModalHeaderProps extends VibeComponentProps {\n /*\n Description of the modal - pure string description is a recommended standard, use JSX ability only if there is a need to add links\n /\n description?: ElementContent;\n /\n Icon to be rendered before the title\n /\n // icon?: string \| React.FunctionComponent<IconSubComponentProps> \| null;\n icon?: SubIcon;\n /\n Class name for the title\n /\n titleClassName?: string;\n /\n closes the Modal. No need to provide it, it is being provided by the modal\n /\n closeModal?: () => void;\n /\n Class name for the description\n /\n descriptionClassName?: string;\n /\n Size of the icon\n /\n iconSize?: number;\n /\n class name for the icon\n /\n iconClassName?: string;\n /\n Aria label for the close button\n */\n closeButtonAriaLabel?: string;\n}\n\ninterface LegacyModalHeaderWithOnlyTitle extends BaseLegacyModalHeaderProps {\n title: ElementContent;\n children?: never;\n}\n\ninterface LegacyModalHeaderWithOnlyChildren extends BaseLegacyModalHeaderProps {\n title?: never;\n children: ElementContent;\n}\n\nexport type LegacyModalHeaderProps = LegacyModalHeaderWithOnlyTitle \| LegacyModalHeaderWithOnlyChildren;\n\nconst LegacyModalHeader = ({\n className,\n title,\n children,\n titleClassName,\n description = \"\",\n descriptionClassName,\n icon,\n closeModal = NOOP,\n iconSize = 24,\n iconClassName,\n closeButtonAriaLabel = \"close\",\n id,\n \"data-testid\": dataTestId\n}: LegacyModalHeaderProps) => {\n return (\n <div\n className={cx(styles.container, className)}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL_HEADER, id)}\n >\n {children ? (\n children\n ) : (\n <Flex align=\"start\" gap=\"small\" className={titleClassName}>\n {icon && (\n <Icon\n className={cx(styles.icon, iconClassName)}\n icon={icon}\n iconType=\"svg\"\n iconSize={iconSize}\n ignoreFocusStyle\n />\n )}\n <Heading id={id} maxLines={2}>\n {title}\n </Heading>\n </Flex>\n )}\n {description && (\n <Text type=\"text2\" maxLines={2} className={cx(styles.description, descriptionClassName)}>\n {description}\n </Text>\n )}\n\n <div className={cx(styles.closeButton)}>\n <IconButton\n key=\"xxs\"\n onClick={closeModal}\n ariaLabel={closeButtonAriaLabel}\n icon={CloseSmall}\n kind=\"tertiary\"\n size=\"small\"\n />\n </div>\n </div>\n );\n};\n\nObject.assign(LegacyModalHeader, {\n displayName: \"ModalHeader\"\n});\n\nexport default LegacyModalHeader;\n"],"names":["LegacyModalHeader","_ref","title","children","titleClassName","_ref$description","description","descriptionClassName","icon","_ref$closeModal","closeModal","NOOP","_ref$iconSize","iconSize","iconClassName","_ref$closeButtonAriaL","closeButtonAriaLabel","id","dataTestId","React","className","cx","styles","container","getTestId","ComponentDefaultTestId","MODAL_HEADER","createElement","Flex","align","gap","Icon","iconType","ignoreFocusStyle","Heading","maxLines","Text","type","closeButton","IconButton","key","onClick","ariaLabel","CloseSmall","kind","size","Object","assign","displayName"],"mappings":"0gBA8DA,IAAMA,EAAoB,SAAHC,GAcM,IAZ3BC,EAAKD,EAALC,MACAC,EAAQF,EAARE,SACAC,EAAcH,EAAdG,eAAcC,EAAAJ,EACdK,YAAAA,OAAc,IAAHD,EAAG,GAAEA,EAChBE,EAAoBN,EAApBM,qBACAC,EAAIP,EAAJO,KAAIC,EAAAR,EACJS,WAAAA,OAAaC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAX,EACjBY,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EACbE,EAAab,EAAba,cAAaC,EAAAd,EACbe,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAC9BE,EAAEhB,EAAFgB,GACeC,EAAUjB,EAAzB,eAEA,OACEkB,uBACEC,UAAWC,EAAGC,EAAOC,UAhBhBtB,EAATmB,WAiBiB,cAAAF,GAAcM,EAAUC,EAAuBC,aAAcT,IAEzEd,GAGCgB,EAAAQ,cAACC,EAAK,CAAAC,MAAM,QAAQC,IAAI,QAAQV,UAAWhB,GACxCI,GACCW,EAACQ,cAAAI,EACC,CAAAX,UAAWC,EAAGC,EAAOd,KAAMM,GAC3BN,KAAMA,EACNwB,SAAS,MACTnB,SAAUA,EACVoB,sBAGJd,EAAAQ,cAACO,EAAO,CAACjB,GAAIA,EAAIkB,SAAU,GACxBjC,IAINI,GACCa,EAAAQ,cAACS,EAAI,CAACC,KAAK,QAAQF,SAAU,EAAGf,UAAWC,EAAGC,EAAOhB,YAAaC,IAC/DD,GAILa,EAAAQ,cAAA,MAAA,CAAKP,UAAWC,EAAGC,EAAOgB,cACxBnB,EAAAQ,cAACY,EAAU,CACTC,IAAI,MACJC,QAAS/B,EACTgC,UAAW1B,EACXR,KAAMmC,EACNC,KAAK,WACLC,KAAK,WAKf,EAEAC,OAAOC,OAAO/C,EAAmB,CAC/BgD,YAAa"}

package/dist/src/components/LegacyModal/LegacyModalHeader/LegacyModalHeader.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={container:"container_afa3e948d4",icon:"icon_6034ac8698",description:"description_fe78886c34",closeButton:"closeButton_7c67b51445"};!function(e){const n="s_id-f34f7b91e8f3_3_58_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".container_afa3e948d4 {\n  margin-block-start: var(--spacing-medium);\n}\n.container_afa3e948d4 .icon_6034ac8698 {\n  margin-top: var(--spacing-xs);\n  flex-shrink: 0;\n  color: var(--primary-text-color);\n}\n.container_afa3e948d4 .description_fe78886c34 {\n  margin-block-start: var(--spacing-small);\n  color: var(--secondary-text-color);\n}\n.container_afa3e948d4 .closeButton_7c67b51445 {\n  position: absolute;\n  right: 20px;\n  top: 20px;\n}");export{e as default};
+var e={container:"container_9eca99ebf5",icon:"icon_e6f3983ad8",description:"description_62472673e6",closeButton:"closeButton_5adc3600ef"};!function(e){const n="s_id-f34f7b91e8f3_3_58_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".container_9eca99ebf5 {\n  margin-block-start: var(--spacing-medium);\n}\n.container_9eca99ebf5 .icon_e6f3983ad8 {\n  margin-top: var(--spacing-xs);\n  flex-shrink: 0;\n  color: var(--primary-text-color);\n}\n.container_9eca99ebf5 .description_62472673e6 {\n  margin-block-start: var(--spacing-small);\n  color: var(--secondary-text-color);\n}\n.container_9eca99ebf5 .closeButton_5adc3600ef {\n  position: absolute;\n  right: 20px;\n  top: 20px;\n}");export{e as default};
 //# sourceMappingURL=LegacyModalHeader.module.scss.js.map

package/dist/src/components/LegacyModal/ModalHelper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalHelper.js","sources":["../../../../src/components/LegacyModal/ModalHelper.ts"],"sourcesContent":["import { ReactElement } from \"react\";\nimport ModalHeader from \"./LegacyModalHeader/LegacyModalHeader\";\nimport ModalContent from \"./LegacyModalContent/LegacyModalContent\";\nimport ModalFooter from \"./LegacyModalFooter/LegacyModalFooter\";\nimport ModalFooterButtons from \"./LegacyModalFooter/LegacyModalFooterButtons/LegacyModalFooterButtons\";\n\n/*\n @deprecated\n */\nexport enum ModalWidth {\n DEFAULT = \"default\",\n FULL_WIDTH = \"full-width\"\n}\n\n// the type A11yDialog is not exported from a11y-dialog, so mocking it with any for now\nexport type A11yDialogType = any;\n\nexport const isModalHeader = (child: ReactElement) => child.type === ModalHeader;\nexport const isModalContent = (child: ReactElement) => child.type === ModalContent;\nexport const isModalFooter = (child: ReactElement) =>\n [ModalFooter, ModalFooterButtons].some(component => child.type === component);\nexport const validateTitleProp = (title: string, childrenArray: ReactElement[]) => {\n const hasHeaderComponent = childrenArray.some(isModalHeader);\n if (hasHeaderComponent) return;\n\n if (!title) {\n throw new Error(`Title prop is mandatory for Modal when HeaderModal isn't provided. Validation failed.`);\n }\n};\n"],"names":["ModalWidth","isModalHeader","child","type","ModalHeader","isModalContent","ModalContent","isModalFooter","ModalFooter","ModalFooterButtons","some","component","validateTitleProp","title","childrenArray","Error"],"mappings":"sQASYA,GAAZ,SAAYA,GACVA,EAAA,QAAA,UACAA,EAAA,WAAA,YACD,CAHD,CAAYA,IAAAA,EAGX,CAAA,QAKYC,EAAgB,SAACC,GAAmB,OAAKA,EAAMC,OAASC,CAAW,EACnEC,EAAiB,SAACH,GAAmB,OAAKA,EAAMC,OAASG,CAAY,EACrEC,EAAgB,SAACL,GAAmB,MAC/C,CAACM,EAAaC,GAAoBC,MAAK,SAAAC,GAAS,OAAIT,EAAMC,OAASQ,IAAU,EAClEC,EAAoB,SAACC,EAAeC,GAE/C,IAD2BA,EAAcJ,KAAKT,KAGzCY,EACH,MAAUE,MAAK,wFAEnB"}
1	+ {"version":3,"file":"ModalHelper.js","sources":["../../../../src/components/LegacyModal/ModalHelper.ts"],"sourcesContent":["import { type ReactElement } from \"react\";\nimport ModalHeader from \"./LegacyModalHeader/LegacyModalHeader\";\nimport ModalContent from \"./LegacyModalContent/LegacyModalContent\";\nimport ModalFooter from \"./LegacyModalFooter/LegacyModalFooter\";\nimport ModalFooterButtons from \"./LegacyModalFooter/LegacyModalFooterButtons/LegacyModalFooterButtons\";\n\n/*\n @deprecated\n */\nexport enum ModalWidth {\n DEFAULT = \"default\",\n FULL_WIDTH = \"full-width\"\n}\n\n// the type A11yDialog is not exported from a11y-dialog, so mocking it with any for now\nexport type A11yDialogType = any;\n\nexport const isModalHeader = (child: ReactElement) => child.type === ModalHeader;\nexport const isModalContent = (child: ReactElement) => child.type === ModalContent;\nexport const isModalFooter = (child: ReactElement) =>\n [ModalFooter, ModalFooterButtons].some(component => child.type === component);\nexport const validateTitleProp = (title: string, childrenArray: ReactElement[]) => {\n const hasHeaderComponent = childrenArray.some(isModalHeader);\n if (hasHeaderComponent) return;\n\n if (!title) {\n throw new Error(`Title prop is mandatory for Modal when HeaderModal isn't provided. Validation failed.`);\n }\n};\n"],"names":["ModalWidth","isModalHeader","child","type","ModalHeader","isModalContent","ModalContent","isModalFooter","ModalFooter","ModalFooterButtons","some","component","validateTitleProp","title","childrenArray","Error"],"mappings":"sQASYA,GAAZ,SAAYA,GACVA,EAAA,QAAA,UACAA,EAAA,WAAA,YACD,CAHD,CAAYA,IAAAA,EAGX,CAAA,QAKYC,EAAgB,SAACC,GAAmB,OAAKA,EAAMC,OAASC,CAAW,EACnEC,EAAiB,SAACH,GAAmB,OAAKA,EAAMC,OAASG,CAAY,EACrEC,EAAgB,SAACL,GAAmB,MAC/C,CAACM,EAAaC,GAAoBC,MAAK,SAAAC,GAAS,OAAIT,EAAMC,OAASQ,IAAU,EAClEC,EAAoB,SAACC,EAAeC,GAE/C,IAD2BA,EAAcJ,KAAKT,KAGzCY,EACH,MAAUE,MAAK,wFAEnB"}

package/dist/src/components/LegacyModal/a11yDialog.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"a11yDialog.js","sources":["../../../../src/components/LegacyModal/a11yDialog.ts"],"sourcesContent":["import React from \"react\";\nimport A11yDialogLib from \"a11y-dialog\";\nimport { A11yDialogType } from \"./ModalHelper\";\n\nconst useA11yDialogInstance = (): [A11yDialogType, (node: Element) => void] => {\n const [instance, setInstance] = React.useState(null);\n const container = React.useCallback((node: Element) => {\n if (node !== null) setInstance(new A11yDialogLib(node));\n }, []);\n\n return [instance, container];\n};\n\nexport const useA11yDialog = ({ id, alertDialog }: { id: string; alertDialog: boolean }) => {\n const [instance, ref] = useA11yDialogInstance();\n const role = alertDialog ? \"alertdialog\" : \"dialog\";\n const titleId = id + \"-title\";\n\n // Destroy the `a11y-dialog` instance when unmounting the component.\n React.useEffect(() => {\n return () => {\n if (instance) instance.destroy();\n };\n }, [instance]);\n\n return [\n instance,\n {\n container: {\n id,\n ref,\n role,\n tabIndex: -1,\n \"aria-modal\": true,\n \"aria-hidden\": true,\n \"aria-labelledby\": titleId\n },\n dialog: { role: \"document\" },\n // Using a paragraph with accessibility mapping can be useful to work\n // around SEO concerns of having multiple <h1> per page.\n title: { id: titleId }\n }\n ];\n};\n"],"names":["useA11yDialog","_ref","_React$useState","_React$useState2","setInstance","id","alertDialog","_useA11yDialogInstanc","React","useState","_slicedToArray","useCallback","node","A11yDialogLib","_useA11yDialogInstanc2","instance","ref","role","titleId","useEffect","destroy","container","tabIndex","dialog","title"],"mappings":"+HAIA,IASaA,EAAgB,SAAHC,GAAiE,IARzFC,EAAoDC,EAAnCC,EAQaC,EAAEJ,EAAFI,GAAIC,EAAWL,EAAXK,YAClCC,GATAL,EAAgCM,EAAMC,SAAS,MAAKN,EAAAO,EAAAR,EAAA,GAAnCE,EAAWD,EAAA,GAKrB,CALQA,EAAA,GACGK,EAAMG,aAAY,SAACC,GACtB,OAATA,GAAeR,EAAY,IAAIS,EAAcD,GAClD,GAAE,MAM4CE,EAAAJ,EAAAH,EAAA,GAAxCQ,EAAQD,EAAA,GAAEE,EAAGF,EAAA,GACdG,EAAOX,EAAc,cAAgB,SACrCY,EAAUb,EAAK,SASrB,OANAG,EAAMW,WAAU,WACd,OAAO,WACDJ,GAAUA,EAASK,UAE3B,GAAG,CAACL,IAEG,CACLA,EACA,CACEM,UAAW,CACThB,GAAAA,EACAW,IAAAA,EACAC,KAAAA,EACAK,UAAW,EACX,cAAc,EACd,eAAe,EACf,kBAAmBJ,GAErBK,OAAQ,CAAEN,KAAM,YAGhBO,MAAO,CAAEnB,GAAIa,IAGnB"}
1	+ {"version":3,"file":"a11yDialog.js","sources":["../../../../src/components/LegacyModal/a11yDialog.ts"],"sourcesContent":["import React from \"react\";\nimport A11yDialogLib from \"a11y-dialog\";\nimport { type A11yDialogType } from \"./ModalHelper\";\n\nconst useA11yDialogInstance = (): [A11yDialogType, (node: Element) => void] => {\n const [instance, setInstance] = React.useState(null);\n const container = React.useCallback((node: Element) => {\n if (node !== null) setInstance(new A11yDialogLib(node));\n }, []);\n\n return [instance, container];\n};\n\nexport const useA11yDialog = ({ id, alertDialog }: { id: string; alertDialog: boolean }) => {\n const [instance, ref] = useA11yDialogInstance();\n const role = alertDialog ? \"alertdialog\" : \"dialog\";\n const titleId = id + \"-title\";\n\n // Destroy the `a11y-dialog` instance when unmounting the component.\n React.useEffect(() => {\n return () => {\n if (instance) instance.destroy();\n };\n }, [instance]);\n\n return [\n instance,\n {\n container: {\n id,\n ref,\n role,\n tabIndex: -1,\n \"aria-modal\": true,\n \"aria-hidden\": true,\n \"aria-labelledby\": titleId\n },\n dialog: { role: \"document\" },\n // Using a paragraph with accessibility mapping can be useful to work\n // around SEO concerns of having multiple <h1> per page.\n title: { id: titleId }\n }\n ];\n};\n"],"names":["useA11yDialog","_ref","_React$useState","_React$useState2","setInstance","id","alertDialog","_useA11yDialogInstanc","React","useState","_slicedToArray","useCallback","node","A11yDialogLib","_useA11yDialogInstanc2","instance","ref","role","titleId","useEffect","destroy","container","tabIndex","dialog","title"],"mappings":"+HAIA,IASaA,EAAgB,SAAHC,GAAiE,IARzFC,EAAoDC,EAAnCC,EAQaC,EAAEJ,EAAFI,GAAIC,EAAWL,EAAXK,YAClCC,GATAL,EAAgCM,EAAMC,SAAS,MAAKN,EAAAO,EAAAR,EAAA,GAAnCE,EAAWD,EAAA,GAKrB,CALQA,EAAA,GACGK,EAAMG,aAAY,SAACC,GACtB,OAATA,GAAeR,EAAY,IAAIS,EAAcD,GAClD,GAAE,MAM4CE,EAAAJ,EAAAH,EAAA,GAAxCQ,EAAQD,EAAA,GAAEE,EAAGF,EAAA,GACdG,EAAOX,EAAc,cAAgB,SACrCY,EAAUb,EAAK,SASrB,OANAG,EAAMW,WAAU,WACd,OAAO,WACDJ,GAAUA,EAASK,UAE3B,GAAG,CAACL,IAEG,CACLA,EACA,CACEM,UAAW,CACThB,GAAAA,EACAW,IAAAA,EACAC,KAAAA,EACAK,UAAW,EACX,cAAc,EACd,eAAe,EACf,kBAAmBJ,GAErBK,OAAQ,CAAEN,KAAM,YAGhBO,MAAO,CAAEnB,GAAIa,IAGnB"}

package/dist/src/components/LegacyModal/useAnimationProps.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useAnimationProps.js","sources":["../../../../src/components/LegacyModal/useAnimationProps.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport { A11yDialogType } from \"./ModalHelper\";\n\nexport default function useAnimationProps(triggerElement: Element, instance: A11yDialogType) {\n return useCallback(\n (hideAnimation = false) => {\n let animationStart, animationEnd;\n if (triggerElement) {\n const { top: sourceTop, right: sourceRight } = triggerElement.getBoundingClientRect();\n const {\n top: destinationTop,\n left: destinationLeft,\n width,\n height\n } = instance?.$el.childNodes[1].getBoundingClientRect() \|\| {};\n\n animationStart = {\n transform: `translate(${sourceRight - destinationLeft - width / 2}px, ${\n sourceTop - destinationTop - height / 2\n }px) scale(0.6)`,\n opacity: 0\n };\n animationEnd = { transform: `translate(0, 0) scale(1)`, opacity: 1 };\n } else {\n animationStart = {\n transform: `scale(0.70)`,\n opacity: 0.4\n };\n animationEnd = { transform: `scale(1)`, opacity: 1 };\n }\n\n return hideAnimation\n ? [\n [animationEnd, animationStart],\n {\n duration: 100,\n easing: \"cubic-bezier(0.4, 0, 1, 1)\"\n }\n ]\n : [\n [animationStart, animationEnd],\n {\n duration: 100,\n easing: \"cubic-bezier(0, 0, 0.35, 1)\"\n }\n ];\n },\n [instance, triggerElement]\n );\n}\n"],"names":["useAnimationProps","triggerElement","instance","useCallback","animationStart","animationEnd","hideAnimation","arguments","length","undefined","_triggerElement$getBo","getBoundingClientRect","sourceTop","top","sourceRight","right","_ref","$el","childNodes","destinationTop","height","transform","concat","left","width","opacity","duration","easing"],"mappings":"oCAGc,SAAUA,EAAkBC,EAAyBC,GACjE,OAAOC,GACL,WAA0B,IACpBC,EAAgBC,EADrBC,EAAaC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GAEZ,GAAIN,EAAgB,CAClB,IAAAS,EAA+CT,EAAeU,wBAAjDC,EAASF,EAAdG,IAAuBC,EAAWJ,EAAlBK,MACxBC,GAKId,aAAQ,EAARA,EAAUe,IAAIC,WAAW,GAAGP,0BAA2B,CAAE,EAJtDQ,EAAcH,EAAnBH,IAGAO,EAAMJ,EAANI,OAGFhB,EAAiB,CACfiB,UAAS,aAAAC,OAAeR,EANHE,EAArBO,KACKP,EAALQ,MAKgE,UAACF,OAC/DV,EAAYO,EAAiBC,EAAS,EACxB,kBAChBK,QAAS,GAEXpB,EAAe,CAAEgB,UAAqC,2BAAEI,QAAS,EAClE,MACCrB,EAAiB,CACfiB,UAAwB,cACxBI,QAAS,IAEXpB,EAAe,CAAEgB,UAAqB,WAAEI,QAAS,GAGnD,OAAOnB,EACH,CACE,CAACD,EAAcD,GACf,CACEsB,SAAU,IACVC,OAAQ,+BAGZ,CACE,CAACvB,EAAgBC,GACjB,CACEqB,SAAU,IACVC,OAAQ,+BAGlB,GACA,CAACzB,EAAUD,GAEf"}
1	+ {"version":3,"file":"useAnimationProps.js","sources":["../../../../src/components/LegacyModal/useAnimationProps.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport { type A11yDialogType } from \"./ModalHelper\";\n\nexport default function useAnimationProps(triggerElement: Element, instance: A11yDialogType) {\n return useCallback(\n (hideAnimation = false) => {\n let animationStart, animationEnd;\n if (triggerElement) {\n const { top: sourceTop, right: sourceRight } = triggerElement.getBoundingClientRect();\n const {\n top: destinationTop,\n left: destinationLeft,\n width,\n height\n } = instance?.$el.childNodes[1].getBoundingClientRect() \|\| {};\n\n animationStart = {\n transform: `translate(${sourceRight - destinationLeft - width / 2}px, ${\n sourceTop - destinationTop - height / 2\n }px) scale(0.6)`,\n opacity: 0\n };\n animationEnd = { transform: `translate(0, 0) scale(1)`, opacity: 1 };\n } else {\n animationStart = {\n transform: `scale(0.70)`,\n opacity: 0.4\n };\n animationEnd = { transform: `scale(1)`, opacity: 1 };\n }\n\n return hideAnimation\n ? [\n [animationEnd, animationStart],\n {\n duration: 100,\n easing: \"cubic-bezier(0.4, 0, 1, 1)\"\n }\n ]\n : [\n [animationStart, animationEnd],\n {\n duration: 100,\n easing: \"cubic-bezier(0, 0, 0.35, 1)\"\n }\n ];\n },\n [instance, triggerElement]\n );\n}\n"],"names":["useAnimationProps","triggerElement","instance","useCallback","animationStart","animationEnd","hideAnimation","arguments","length","undefined","_triggerElement$getBo","getBoundingClientRect","sourceTop","top","sourceRight","right","_ref","$el","childNodes","destinationTop","height","transform","concat","left","width","opacity","duration","easing"],"mappings":"oCAGc,SAAUA,EAAkBC,EAAyBC,GACjE,OAAOC,GACL,WAA0B,IACpBC,EAAgBC,EADrBC,EAAaC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GAEZ,GAAIN,EAAgB,CAClB,IAAAS,EAA+CT,EAAeU,wBAAjDC,EAASF,EAAdG,IAAuBC,EAAWJ,EAAlBK,MACxBC,GAKId,aAAQ,EAARA,EAAUe,IAAIC,WAAW,GAAGP,0BAA2B,CAAE,EAJtDQ,EAAcH,EAAnBH,IAGAO,EAAMJ,EAANI,OAGFhB,EAAiB,CACfiB,UAAS,aAAAC,OAAeR,EANHE,EAArBO,KACKP,EAALQ,MAKgE,UAACF,OAC/DV,EAAYO,EAAiBC,EAAS,EACxB,kBAChBK,QAAS,GAEXpB,EAAe,CAAEgB,UAAqC,2BAAEI,QAAS,EAClE,MACCrB,EAAiB,CACfiB,UAAwB,cACxBI,QAAS,IAEXpB,EAAe,CAAEgB,UAAqB,WAAEI,QAAS,GAGnD,OAAOnB,EACH,CACE,CAACD,EAAcD,GACf,CACEsB,SAAU,IACVC,OAAQ,+BAGZ,CACE,CAACvB,EAAgBC,GACjB,CACEqB,SAAU,IACVC,OAAQ,+BAGlB,GACA,CAACzB,EAAUD,GAEf"}

package/dist/src/components/LegacyModal/useBodyScrollLock.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useBodyScrollLock.js","sources":["../../../../src/components/LegacyModal/useBodyScrollLock.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport { clearAllBodyScrollLocks, disableBodyScroll, enableBodyScroll } from \"body-scroll-lock\";\nimport { A11yDialogType } from \"./ModalHelper\";\n\nexport default function useBodyScrollLock({ instance }: { instance: A11yDialogType }) {\n // clear all scroll locks on unmount (just to be safe)\n useEffect(() => {\n return () => clearAllBodyScrollLocks();\n }, []);\n\n // lock body on modal show\n useEffect(() => {\n instance?.on(\"show\", () => disableBodyScroll(instance.$el, { reserveScrollBarGap: true }));\n instance?.on(\"hide\", () => enableBodyScroll(instance.$el));\n return () => {\n instance?.off(\"show\");\n instance?.off(\"hide\");\n };\n }, [instance]);\n}\n"],"names":["useBodyScrollLock","_ref","instance","useEffect","clearAllBodyScrollLocks","on","disableBodyScroll","$el","reserveScrollBarGap","enableBodyScroll","off"],"mappings":"0IAIc,SAAUA,EAAiBC,GAA2C,IAAxCC,EAAQD,EAARC,SAE1CC,GAAU,WACR,OAAO,WAAA,OAAMC,GAAyB,CACvC,GAAE,IAGHD,GAAU,WAGR,OAFAD,SAAAA,EAAUG,GAAG,QAAQ,WAAA,OAAMC,EAAkBJ,EAASK,IAAK,CAAEC,qBAAqB,OAClFN,SAAAA,EAAUG,GAAG,QAAQ,WAAA,OAAMI,EAAiBP,EAASK,QAC9C,WACLL,SAAAA,EAAUQ,IAAI,QACdR,SAAAA,EAAUQ,IAAI,QAElB,GAAG,CAACR,GACN"}
1	+ {"version":3,"file":"useBodyScrollLock.js","sources":["../../../../src/components/LegacyModal/useBodyScrollLock.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport { clearAllBodyScrollLocks, disableBodyScroll, enableBodyScroll } from \"body-scroll-lock\";\nimport { type A11yDialogType } from \"./ModalHelper\";\n\nexport default function useBodyScrollLock({ instance }: { instance: A11yDialogType }) {\n // clear all scroll locks on unmount (just to be safe)\n useEffect(() => {\n return () => clearAllBodyScrollLocks();\n }, []);\n\n // lock body on modal show\n useEffect(() => {\n instance?.on(\"show\", () => disableBodyScroll(instance.$el, { reserveScrollBarGap: true }));\n instance?.on(\"hide\", () => enableBodyScroll(instance.$el));\n return () => {\n instance?.off(\"show\");\n instance?.off(\"hide\");\n };\n }, [instance]);\n}\n"],"names":["useBodyScrollLock","_ref","instance","useEffect","clearAllBodyScrollLocks","on","disableBodyScroll","$el","reserveScrollBarGap","enableBodyScroll","off"],"mappings":"0IAIc,SAAUA,EAAiBC,GAA2C,IAAxCC,EAAQD,EAARC,SAE1CC,GAAU,WACR,OAAO,WAAA,OAAMC,GAAyB,CACvC,GAAE,IAGHD,GAAU,WAGR,OAFAD,SAAAA,EAAUG,GAAG,QAAQ,WAAA,OAAMC,EAAkBJ,EAASK,IAAK,CAAEC,qBAAqB,OAClFN,SAAAA,EAAUG,GAAG,QAAQ,WAAA,OAAMI,EAAiBP,EAASK,QAC9C,WACLL,SAAAA,EAAUQ,IAAI,QACdR,SAAAA,EAAUQ,IAAI,QAElB,GAAG,CAACR,GACN"}

package/dist/src/components/LegacyModal/useShowHideModal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useShowHideModal.js","sources":["../../../../src/components/LegacyModal/useShowHideModal.ts"],"sourcesContent":["import React, { useState, useCallback, useEffect } from \"react\";\nimport useAnimationProps from \"./useAnimationProps\";\nimport useKeyEvent from \"../../hooks/useKeyEvent/index\";\nimport { A11yDialogType } from \"./ModalHelper\";\nimport { keyCodes } from \"../../constants\";\n\nconst KEYS = [keyCodes.ESCAPE];\n\nexport default function useShowHideModal({\n instance,\n show,\n triggerElement,\n onClose,\n alertDialog\n}: {\n instance: A11yDialogType;\n show: boolean;\n triggerElement: Element;\n onClose: () => void;\n alertDialog: boolean;\n}) {\n const [isAnimating, setIsAnimating] = useState(false);\n const getAnimationProps = useAnimationProps(triggerElement, instance);\n\n const closeOnEsc = useCallback(\n (event: React.KeyboardEvent) => {\n if (!alertDialog && instance?.$el.contains(document.activeElement)) {\n event.stopPropagation();\n onClose?.();\n }\n },\n [alertDialog, instance?.$el, onClose]\n );\n\n useKeyEvent({\n callback: closeOnEsc,\n capture: true,\n keys: KEYS\n });\n\n useEffect(() => {\n if (show) {\n setIsAnimating(true);\n instance?.show();\n const animate = instance?.$el.childNodes[1].animate;\n if (animate) {\n instance?.$el.childNodes[1].animate?.(...getAnimationProps());\n }\n } else {\n const animate = instance?.$el.childNodes[1].animate;\n if (animate) {\n const animation = instance?.$el.childNodes[1]?.animate(...getAnimationProps(true));\n animation?.finished.then(() => {\n setIsAnimating(false);\n instance?.hide();\n });\n } else {\n setIsAnimating(false);\n instance?.hide();\n }\n }\n }, [show, instance, getAnimationProps]);\n\n return { shouldShow: isAnimating };\n}\n"],"names":["KEYS","keyCodes","ESCAPE","useShowHideModal","_ref","instance","show","triggerElement","onClose","alertDialog","_useState","useState","_useState2","_slicedToArray","isAnimating","setIsAnimating","getAnimationProps","useAnimationProps","closeOnEsc","useCallback","event","$el","contains","document","activeElement","stopPropagation","useKeyEvent","callback","capture","keys","useEffect","_b2","childNodes","animate","_b","call","apply","_a","concat","_toConsumableArray","_c2","animation","_c","finished","then","hide","shouldShow"],"mappings":"~~qVAMA~~,IAAMA,EAAO,CAACC,EAASC,QAEC,SAAAC,EAAgBC,GAYvC,IAXCC,EAAQD,EAARC,SACAC,EAAIF,EAAJE,KACAC,EAAcH,EAAdG,eACAC,EAAOJ,EAAPI,QACAC,EAAWL,EAAXK,YAQAC,EAAsCC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAA9CI,EAAWF,EAAA,GAAEG,EAAcH,EAAA,GAC5BI,EAAoBC,EAAkBV,EAAgBF,GAEtDa,EAAaC,GACjB,SAACC,IACMX,IAAeJ,eAAAA,EAAUgB,IAAIC,SAASC,SAASC,kBAClDJ,EAAMK,kBACNjB,SAAAA,IAEH,GACD,CAACC,EAAaJ,aAAA,EAAAA,EAAUgB,IAAKb,IAgC/B,OA7BAkB,EAAY,CACVC,SAAUT,EACVU,SAAS,EACTC,KAAM7B,IAGR8B,GAAU,qBAKOC,EAJf,GAAIzB,EACFS,GAAe,GACfV,SAAAA,EAAUC,QACMD,aAAA,EAAAA,EAAUgB,IAAIW,WAAW,GAAGC,WAEP,QAAnCC,EAAA7B,kBAAAA,EAAUgB,IAAIW,WAAW,IAAGC,eAAO,IAAAC,IAAAH,EAAAG,GAAAC,KAAAC,MAAAL,EAAAM,CAAAA,GAAAC,OAAAC,EAAMvB,aAI3C,GADgBX,aAAA,EAAAA,EAAUgB,IAAIW,WAAW,GAAGC,QAC/B,CAAA,IAAAO,EACLC,EAAyC,QAA7BC,EAAArC,aAAA,EAAAA,EAAUgB,IAAIW,WAAW,UAAI,IAAAU,OAAA,GAAAF,EAAAE,GAAAT,QAAOG,MAAAI,EAAAD,EAAIvB,GAAkB,KAC5EyB,SAAAA,EAAWE,SAASC,MAAK,WACvB7B,GAAe,GACfV,SAAAA,EAAUwC,MACZ,GACD,MACC9B,GAAe,GACfV,SAAAA,EAAUwC,MAGf,GAAE,CAACvC,EAAMD,EAAUW,IAEb,CAAE8B,WAAYhC,EACvB"}
1	+ {"version":3,"file":"useShowHideModal.js","sources":["../../../../src/components/LegacyModal/useShowHideModal.ts"],"sourcesContent":["import type React from \"react\";\nimport { useState, useCallback, useEffect } from \"react\";\nimport useAnimationProps from \"./useAnimationProps\";\nimport useKeyEvent from \"../../hooks/useKeyEvent/index\";\nimport { type A11yDialogType } from \"./ModalHelper\";\nimport { keyCodes } from \"../../constants\";\n\nconst KEYS = [keyCodes.ESCAPE];\n\nexport default function useShowHideModal({\n instance,\n show,\n triggerElement,\n onClose,\n alertDialog\n}: {\n instance: A11yDialogType;\n show: boolean;\n triggerElement: Element;\n onClose: () => void;\n alertDialog: boolean;\n}) {\n const [isAnimating, setIsAnimating] = useState(false);\n const getAnimationProps = useAnimationProps(triggerElement, instance);\n\n const closeOnEsc = useCallback(\n (event: React.KeyboardEvent) => {\n if (!alertDialog && instance?.$el.contains(document.activeElement)) {\n event.stopPropagation();\n onClose?.();\n }\n },\n [alertDialog, instance?.$el, onClose]\n );\n\n useKeyEvent({\n callback: closeOnEsc,\n capture: true,\n keys: KEYS\n });\n\n useEffect(() => {\n if (show) {\n setIsAnimating(true);\n instance?.show();\n const animate = instance?.$el.childNodes[1].animate;\n if (animate) {\n instance?.$el.childNodes[1].animate?.(...getAnimationProps());\n }\n } else {\n const animate = instance?.$el.childNodes[1].animate;\n if (animate) {\n const animation = instance?.$el.childNodes[1]?.animate(...getAnimationProps(true));\n animation?.finished.then(() => {\n setIsAnimating(false);\n instance?.hide();\n });\n } else {\n setIsAnimating(false);\n instance?.hide();\n }\n }\n }, [show, instance, getAnimationProps]);\n\n return { shouldShow: isAnimating };\n}\n"],"names":["KEYS","keyCodes","ESCAPE","useShowHideModal","_ref","instance","show","triggerElement","onClose","alertDialog","_useState","useState","_useState2","_slicedToArray","isAnimating","setIsAnimating","getAnimationProps","useAnimationProps","closeOnEsc","useCallback","event","$el","contains","document","activeElement","stopPropagation","useKeyEvent","callback","capture","keys","useEffect","_b2","childNodes","animate","_b","call","apply","_a","concat","_toConsumableArray","_c2","animation","_c","finished","then","hide","shouldShow"],"mappings":"qVAOA,IAAMA,EAAO,CAACC,EAASC,QAEC,SAAAC,EAAgBC,GAYvC,IAXCC,EAAQD,EAARC,SACAC,EAAIF,EAAJE,KACAC,EAAcH,EAAdG,eACAC,EAAOJ,EAAPI,QACAC,EAAWL,EAAXK,YAQAC,EAAsCC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAA9CI,EAAWF,EAAA,GAAEG,EAAcH,EAAA,GAC5BI,EAAoBC,EAAkBV,EAAgBF,GAEtDa,EAAaC,GACjB,SAACC,IACMX,IAAeJ,eAAAA,EAAUgB,IAAIC,SAASC,SAASC,kBAClDJ,EAAMK,kBACNjB,SAAAA,IAEH,GACD,CAACC,EAAaJ,aAAA,EAAAA,EAAUgB,IAAKb,IAgC/B,OA7BAkB,EAAY,CACVC,SAAUT,EACVU,SAAS,EACTC,KAAM7B,IAGR8B,GAAU,qBAKOC,EAJf,GAAIzB,EACFS,GAAe,GACfV,SAAAA,EAAUC,QACMD,aAAA,EAAAA,EAAUgB,IAAIW,WAAW,GAAGC,WAEP,QAAnCC,EAAA7B,kBAAAA,EAAUgB,IAAIW,WAAW,IAAGC,eAAO,IAAAC,IAAAH,EAAAG,GAAAC,KAAAC,MAAAL,EAAAM,CAAAA,GAAAC,OAAAC,EAAMvB,aAI3C,GADgBX,aAAA,EAAAA,EAAUgB,IAAIW,WAAW,GAAGC,QAC/B,CAAA,IAAAO,EACLC,EAAyC,QAA7BC,EAAArC,aAAA,EAAAA,EAAUgB,IAAIW,WAAW,UAAI,IAAAU,OAAA,GAAAF,EAAAE,GAAAT,QAAOG,MAAAI,EAAAD,EAAIvB,GAAkB,KAC5EyB,SAAAA,EAAWE,SAASC,MAAK,WACvB7B,GAAe,GACfV,SAAAA,EAAUwC,MACZ,GACD,MACC9B,GAAe,GACfV,SAAAA,EAAUwC,MAGf,GAAE,CAACvC,EAAMD,EAAUW,IAEb,CAAE8B,WAAYhC,EACvB"}

package/dist/src/components/Link/Link.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Link.js","sources":["../../../../src/components/Link/Link.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { forwardRef, useCallback } from \"react\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport Icon from \"../Icon/Icon\";\nimport { IconPosition as IconPositionEnum, LinkTarget as LinkTargetEnum } from \"./LinkConsts\";\nimport { LinkColor, LinkIconPosition, LinkTarget } from \"./Link.types\";\nimport { SubIcon, VibeComponentProps, withStaticProps } from \"../../types\";\nimport styles from \"./Link.module.scss\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { camelCase } from \"lodash-es\";\n\nexport interface LinkProps extends VibeComponentProps {\n /*\n Class name applied to the link text.\n /\n textClassName?: string;\n /\n The URL the link points to.\n /\n href?: string;\n /\n The text content of the link.\n /\n text?: string;\n /\n Specifies the relationship between the current document and the linked resource.\n /\n rel?: string;\n /\n Callback fired when the link is clicked.\n /\n onClick?: (event: React.MouseEvent) => void;\n /\n Specifies where to open the linked document.\n /\n target?: LinkTarget;\n /\n The ARIA label description for accessibility.\n /\n ariaLabelDescription?: string;\n /\n The ID of the element that describes this link.\n /\n ariaDescribedby?: string;\n /\n The ID of the element labeling this link.\n /\n ariaLabeledBy?: string;\n /\n Icon displayed next to the link text.\n /\n icon?: SubIcon;\n /\n The position of the icon relative to the text.\n /\n iconPosition?: LinkIconPosition;\n /\n If true, disables navigation when the link is clicked.\n /\n disableNavigation?: boolean;\n /\n If true, the link inherits the surrounding text's font size.\n /\n inheritFontSize?: boolean;\n /\n If true, the link is styled to fit within inline text content.\n /\n inlineText?: boolean;\n /* The link's color style */\n color?: LinkColor;\n}\n\nconst Link = forwardRef(\n (\n {\n className,\n textClassName,\n href = \"\",\n text = \"\",\n rel = \"noreferrer\",\n onClick = NOOP,\n target = \"_blank\",\n ariaLabelDescription = \"\",\n color = \"primary\",\n ariaDescribedby = \"\",\n icon = \"\",\n iconPosition = \"start\",\n id = \"\",\n ariaLabeledBy = \"\",\n disableNavigation = false,\n inheritFontSize = false,\n inlineText = false,\n \"data-testid\": dataTestId\n }: LinkProps,\n ref: React.ForwardedRef<HTMLAnchorElement>\n ) => {\n const isStart = iconPosition === \"start\";\n\n const onClickWrapper = useCallback(\n (e: React.MouseEvent<HTMLElement>) => {\n if (disableNavigation) {\n e.preventDefault();\n }\n onClick && onClick(e);\n },\n [disableNavigation, onClick]\n );\n\n return (\n <a\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.LINK, id)}\n id={id}\n href={href}\n rel={rel}\n ref={ref}\n onClick={onClickWrapper}\n target={target}\n className={cx(styles.link, className, getStyle(styles, camelCase(\"color-\" + color)), {\n [styles.inheritFontSize]: inheritFontSize,\n [styles.inlineText]: inlineText\n })}\n aria-label={ariaLabelDescription}\n aria-describedby={ariaDescribedby}\n aria-labelledby={ariaLabeledBy}\n >\n {getIcon(isStart, icon, cx(styles.iconStart))}\n <span className={cx(styles.text, textClassName)}>{text}</span>\n {getIcon(!isStart, icon, cx(styles.iconEnd))}\n </a>\n );\n }\n);\n\nfunction getIcon(shouldShow: boolean, icon: string \| React.FunctionComponent \| null, className: string) {\n if (!shouldShow) return;\n return <Icon className={className} icon={icon} iconType=\"font\" />;\n}\n\ninterface LinkStaticProps {\n targets: typeof LinkTargetEnum;\n iconPositions: typeof IconPositionEnum;\n position: typeof IconPositionEnum;\n}\n\nexport default withStaticProps<LinkProps, LinkStaticProps>(Link, {\n position: IconPositionEnum,\n iconPositions: IconPositionEnum,\n targets: LinkTargetEnum\n});\n"],"names":["getIcon","shouldShow","icon","className","React","createElement","Icon","iconType","withStaticProps","forwardRef","_ref","ref","textClassName","_ref$href","href","_ref$text","text","_ref$rel","rel","_ref$onClick","onClick","NOOP","_ref$target","target","_ref$ariaLabelDescrip","ariaLabelDescription","_ref$color","color","_ref$ariaDescribedby","ariaDescribedby","_ref$icon","_ref$iconPosition","iconPosition","_ref$id","id","_ref$ariaLabeledBy","ariaLabeledBy","_ref$disableNavigatio","disableNavigation","_ref$inheritFontSize","inheritFontSize","_ref$inlineText","inlineText","dataTestId","isStart","onClickWrapper","useCallback","e","preventDefault","getTestId","ComponentDefaultTestId","LINK","cx","styles","link","getStyle","camelCase","_defineProperty","iconStart","iconEnd","position","IconPositionEnum","iconPositions","targets","LinkTargetEnum"],"mappings":"4nBAsIA,SAASA,EAAQC,EAAqBC,EAA+CC,GACnF,GAAKF,EACL,OAAOG,EAACC,cAAAC,EAAK,CAAAH,UAAWA,EAAWD,KAAMA,EAAMK,SAAS,QAC1D,CAQA,IAAeC,EAAAA,EAxEFC,GACX,SAAAC,EAqBEC,GACE,IApBAR,EAASO,EAATP,UACAS,EAAaF,EAAbE,cAAaC,EAAAH,EACbI,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAL,EACTM,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAP,EACTQ,IAAAA,OAAM,IAAHD,EAAG,aAAYA,EAAAE,EAAAT,EAClBU,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAZ,EACda,OAAAA,OAAS,IAAHD,EAAG,SAAQA,EAAAE,EAAAd,EACjBe,qBAAAA,OAAuB,IAAHD,EAAG,GAAEA,EAAAE,EAAAhB,EACzBiB,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,EAAAlB,EACjBmB,gBAAAA,OAAkB,IAAHD,EAAG,GAAEA,EAAAE,EAAApB,EACpBR,KAAAA,OAAO,IAAH4B,EAAG,GAAEA,EAAAC,EAAArB,EACTsB,aAAsBC,EAAAvB,EACtBwB,GAAAA,OAAK,IAAHD,EAAG,GAAEA,EAAAE,EAAAzB,EACP0B,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAAAE,EAAA3B,EAClB4B,kBAAAA,OAAoB,IAAHD,GAAQA,EAAAE,EAAA7B,EACzB8B,gBAAAA,OAAkB,IAAHD,GAAQA,EAAAE,EAAA/B,EACvBgC,WAAAA,OAAa,IAAHD,GAAQA,EACHE,EAAUjC,EAAzB,eAIIkC,EAA2B,gBAVhB,IAAHb,EAAG,QAAOA,GAYlBc,EAAiBC,GACrB,SAACC,GACKT,GACFS,EAAEC,iBAEJ5B,GAAWA,EAAQ2B,EACrB,GACA,CAACT,EAAmBlB,IAGtB,OACEhB,EACeC,cAAA,IAAA,CAAA,cAAAsC,GAAcM,EAAUC,EAAuBC,KAAMjB,GAClEA,GAAIA,EACJpB,KAAMA,EACNI,IAAKA,EACLP,IAAKA,EACLS,QAASyB,EACTtB,OAAQA,EACRpB,UAAWiD,EAAGC,EAAOC,KAAMnD,EAAWoD,EAASF,EAAQG,EAAU,SAAW7B,IAAO8B,EAAAA,EAAA,CAAA,EAChFJ,EAAOb,gBAAkBA,GACzBa,EAAOX,WAAaA,IAEX,aAAAjB,EACM,mBAAAI,oBACDO,GAEhBpC,EAAQ4C,EAAS1C,EAAMkD,EAAGC,EAAOK,YAClCtD,EAAAC,cAAA,OAAA,CAAMF,UAAWiD,EAAGC,EAAOrC,KAAMJ,IAAiBI,GACjDhB,GAAS4C,EAAS1C,EAAMkD,EAAGC,EAAOM,UAGzC,IAc+D,CAC/DC,SAAUC,EACVC,cAAeD,EACfE,QAASC"}
1	+ {"version":3,"file":"Link.js","sources":["../../../../src/components/Link/Link.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { forwardRef, useCallback } from \"react\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport Icon from \"../Icon/Icon\";\nimport { IconPosition as IconPositionEnum, LinkTarget as LinkTargetEnum } from \"./LinkConsts\";\nimport { type LinkColor, type LinkIconPosition, type LinkTarget } from \"./Link.types\";\nimport { type SubIcon, type VibeComponentProps, withStaticProps } from \"../../types\";\nimport styles from \"./Link.module.scss\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { camelCase } from \"lodash-es\";\n\nexport interface LinkProps extends VibeComponentProps {\n /*\n Class name applied to the link text.\n /\n textClassName?: string;\n /\n The URL the link points to.\n /\n href?: string;\n /\n The text content of the link.\n /\n text?: string;\n /\n Specifies the relationship between the current document and the linked resource.\n /\n rel?: string;\n /\n Callback fired when the link is clicked.\n /\n onClick?: (event: React.MouseEvent) => void;\n /\n Specifies where to open the linked document.\n /\n target?: LinkTarget;\n /\n The ARIA label description for accessibility.\n /\n ariaLabelDescription?: string;\n /\n The ID of the element that describes this link.\n /\n ariaDescribedby?: string;\n /\n The ID of the element labeling this link.\n /\n ariaLabeledBy?: string;\n /\n Icon displayed next to the link text.\n /\n icon?: SubIcon;\n /\n The position of the icon relative to the text.\n /\n iconPosition?: LinkIconPosition;\n /\n If true, disables navigation when the link is clicked.\n /\n disableNavigation?: boolean;\n /\n If true, the link inherits the surrounding text's font size.\n /\n inheritFontSize?: boolean;\n /\n If true, the link is styled to fit within inline text content.\n /\n inlineText?: boolean;\n /* The link's color style */\n color?: LinkColor;\n}\n\nconst Link = forwardRef(\n (\n {\n className,\n textClassName,\n href = \"\",\n text = \"\",\n rel = \"noreferrer\",\n onClick = NOOP,\n target = \"_blank\",\n ariaLabelDescription = \"\",\n color = \"primary\",\n ariaDescribedby = \"\",\n icon = \"\",\n iconPosition = \"start\",\n id = \"\",\n ariaLabeledBy = \"\",\n disableNavigation = false,\n inheritFontSize = false,\n inlineText = false,\n \"data-testid\": dataTestId\n }: LinkProps,\n ref: React.ForwardedRef<HTMLAnchorElement>\n ) => {\n const isStart = iconPosition === \"start\";\n\n const onClickWrapper = useCallback(\n (e: React.MouseEvent<HTMLElement>) => {\n if (disableNavigation) {\n e.preventDefault();\n }\n onClick && onClick(e);\n },\n [disableNavigation, onClick]\n );\n\n return (\n <a\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.LINK, id)}\n id={id}\n href={href}\n rel={rel}\n ref={ref}\n onClick={onClickWrapper}\n target={target}\n className={cx(styles.link, className, getStyle(styles, camelCase(\"color-\" + color)), {\n [styles.inheritFontSize]: inheritFontSize,\n [styles.inlineText]: inlineText\n })}\n aria-label={ariaLabelDescription}\n aria-describedby={ariaDescribedby}\n aria-labelledby={ariaLabeledBy}\n >\n {getIcon(isStart, icon, cx(styles.iconStart))}\n <span className={cx(styles.text, textClassName)}>{text}</span>\n {getIcon(!isStart, icon, cx(styles.iconEnd))}\n </a>\n );\n }\n);\n\nfunction getIcon(shouldShow: boolean, icon: string \| React.FunctionComponent \| null, className: string) {\n if (!shouldShow) return;\n return <Icon className={className} icon={icon} iconType=\"font\" />;\n}\n\ninterface LinkStaticProps {\n targets: typeof LinkTargetEnum;\n iconPositions: typeof IconPositionEnum;\n position: typeof IconPositionEnum;\n}\n\nexport default withStaticProps<LinkProps, LinkStaticProps>(Link, {\n position: IconPositionEnum,\n iconPositions: IconPositionEnum,\n targets: LinkTargetEnum\n});\n"],"names":["getIcon","shouldShow","icon","className","React","createElement","Icon","iconType","withStaticProps","forwardRef","_ref","ref","textClassName","_ref$href","href","_ref$text","text","_ref$rel","rel","_ref$onClick","onClick","NOOP","_ref$target","target","_ref$ariaLabelDescrip","ariaLabelDescription","_ref$color","color","_ref$ariaDescribedby","ariaDescribedby","_ref$icon","_ref$iconPosition","iconPosition","_ref$id","id","_ref$ariaLabeledBy","ariaLabeledBy","_ref$disableNavigatio","disableNavigation","_ref$inheritFontSize","inheritFontSize","_ref$inlineText","inlineText","dataTestId","isStart","onClickWrapper","useCallback","e","preventDefault","getTestId","ComponentDefaultTestId","LINK","cx","styles","link","getStyle","camelCase","_defineProperty","iconStart","iconEnd","position","IconPositionEnum","iconPositions","targets","LinkTargetEnum"],"mappings":"4nBAsIA,SAASA,EAAQC,EAAqBC,EAA+CC,GACnF,GAAKF,EACL,OAAOG,EAACC,cAAAC,EAAK,CAAAH,UAAWA,EAAWD,KAAMA,EAAMK,SAAS,QAC1D,CAQA,IAAeC,EAAAA,EAxEFC,GACX,SAAAC,EAqBEC,GACE,IApBAR,EAASO,EAATP,UACAS,EAAaF,EAAbE,cAAaC,EAAAH,EACbI,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAL,EACTM,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAP,EACTQ,IAAAA,OAAM,IAAHD,EAAG,aAAYA,EAAAE,EAAAT,EAClBU,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAZ,EACda,OAAAA,OAAS,IAAHD,EAAG,SAAQA,EAAAE,EAAAd,EACjBe,qBAAAA,OAAuB,IAAHD,EAAG,GAAEA,EAAAE,EAAAhB,EACzBiB,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,EAAAlB,EACjBmB,gBAAAA,OAAkB,IAAHD,EAAG,GAAEA,EAAAE,EAAApB,EACpBR,KAAAA,OAAO,IAAH4B,EAAG,GAAEA,EAAAC,EAAArB,EACTsB,aAAsBC,EAAAvB,EACtBwB,GAAAA,OAAK,IAAHD,EAAG,GAAEA,EAAAE,EAAAzB,EACP0B,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAAAE,EAAA3B,EAClB4B,kBAAAA,OAAoB,IAAHD,GAAQA,EAAAE,EAAA7B,EACzB8B,gBAAAA,OAAkB,IAAHD,GAAQA,EAAAE,EAAA/B,EACvBgC,WAAAA,OAAa,IAAHD,GAAQA,EACHE,EAAUjC,EAAzB,eAIIkC,EAA2B,gBAVhB,IAAHb,EAAG,QAAOA,GAYlBc,EAAiBC,GACrB,SAACC,GACKT,GACFS,EAAEC,iBAEJ5B,GAAWA,EAAQ2B,EACrB,GACA,CAACT,EAAmBlB,IAGtB,OACEhB,EACeC,cAAA,IAAA,CAAA,cAAAsC,GAAcM,EAAUC,EAAuBC,KAAMjB,GAClEA,GAAIA,EACJpB,KAAMA,EACNI,IAAKA,EACLP,IAAKA,EACLS,QAASyB,EACTtB,OAAQA,EACRpB,UAAWiD,EAAGC,EAAOC,KAAMnD,EAAWoD,EAASF,EAAQG,EAAU,SAAW7B,IAAO8B,EAAAA,EAAA,CAAA,EAChFJ,EAAOb,gBAAkBA,GACzBa,EAAOX,WAAaA,IAEX,aAAAjB,EACM,mBAAAI,oBACDO,GAEhBpC,EAAQ4C,EAAS1C,EAAMkD,EAAGC,EAAOK,YAClCtD,EAAAC,cAAA,OAAA,CAAMF,UAAWiD,EAAGC,EAAOrC,KAAMJ,IAAiBI,GACjDhB,GAAS4C,EAAS1C,EAAMkD,EAAGC,EAAOM,UAGzC,IAc+D,CAC/DC,SAAUC,EACVC,cAAeD,EACfE,QAASC"}