npm - @vibe/core - Versions diffs - 3.37.0 → 3.38.0-alpha-fff13.0 - Mend

@vibe/core 3.37.0 → 3.38.0-alpha-fff13.0

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 (759) hide show

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

@@ -1,2 +1,2 @@
-var e={arrow:"arrow_edf72abfbe"};!function(e){const n="s_id-a5825d2828c8_3_36_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)}(".arrow_edf72abfbe {\n  width: 12px;\n  height: 12px;\n  position: absolute;\n  border-radius: 2px;\n  background-color: var(--secondary-background-color);\n}\n\n.arrow_edf72abfbe[data-placement*=bottom] {\n  top: 1px;\n}\n\n.arrow_edf72abfbe[data-placement*=top] {\n  bottom: 1px;\n}\n\n.arrow_edf72abfbe[data-placement*=left] {\n  right: 1px;\n}\n\n.arrow_edf72abfbe[data-placement*=right] {\n  left: 1px;\n}");export{e as default};
+var e={arrow:"arrow_44464c9ee1"};!function(e){const n="s_id-a5825d2828c8_3_37_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)}(".arrow_44464c9ee1 {\n  width: 12px;\n  height: 12px;\n  position: absolute;\n  border-radius: 2px;\n  background-color: var(--secondary-background-color);\n}\n\n.arrow_44464c9ee1[data-placement*=bottom] {\n  top: 1px;\n}\n\n.arrow_44464c9ee1[data-placement*=top] {\n  bottom: 1px;\n}\n\n.arrow_44464c9ee1[data-placement*=left] {\n  right: 1px;\n}\n\n.arrow_44464c9ee1[data-placement*=right] {\n  left: 1px;\n}");export{e as default};
 //# sourceMappingURL=Dialog.module.scss.js.map

package/dist/src/components/Dialog/DialogContent/DialogContent.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import o,{useRef as t,useCallback as a,useEffect as r,cloneElement as i}from"react";import s from"classnames";import{camelCase as n}from"lodash-es";import{CSSTransition as p}from"react-transition-group";import l from"../../../hooks/useClickOutside/index.js";import{chainFunctions as c,NOOP as d}from"../../../utils/function-utils.js";import m from"../../../hooks/useKeyEvent/index.js";import{keyCodes as u}from"../../../constants/keyCodes.js";import"../../../constants/sizes.js";import{getStyle as f}from"../../../helpers/typesciptCssModulesHelper.js";import v from"./DialogContent.module.scss.js";import y from"../../../hooks/useDisableScroll/index.js";var k={},C=[u.ESCAPE],x=o.forwardRef((function(u,x){var h=u.onEsc,E=void 0===h?d:h,b=u.children,j=u.position,A=u.wrapperClassName,g=u.isOpen,M=void 0!==g&&g,S=u.startingEdge,N=u.animationType,w=void 0===N?"expand":N,O=u.onMouseEnter,D=void 0===O?d:O,H=u.onMouseLeave,L=void 0===H?d:H,P=u.onClickOutside,T=void 0===P?d:P,R=u.onClick,_=void 0===R?d:R,z=u.onContextMenu,B=void 0===z?d:z,K=u.showDelay,W=u.styleObject,q=void 0===W?k:W,F=u.isReferenceHidden,G=u.hasTooltip,I=void 0!==G&&G,J=u.containerSelector,Q=u.disableContainerScroll,U=void 0!==Q&&Q,V=u["data-testid"],X=t(null),Y=a((function(e){if(M)return T(e,"clickoutside")}),[M,T]),Z=a((function(e){M&&B(e)}),[M,B]);m({keys:C,callback:E}),l({callback:Y,ref:X}),l({eventName:"contextmenu",callback:Z,ref:X});var $=y("string"==typeof U?U:J),ee=$.disableScroll,oe=$.enableScroll;r((function(){U&&(M?ee():oe())}),[U,ee,oe,M]);var te={classNames:void 0};switch(w){case"expand":te.classNames={appear:v.expandAppear,appearActive:v.expandAppearActive,exit:v.expandExit};break;case"opacity-and-slide":te.classNames={appear:v.opacitySlideAppear,appearActive:v.opacitySlideAppearActive}}return o.createElement("span",{className:s("monday-style-dialog-content-wrapper",v.contentWrapper,A),ref:x,"data-testid":V,style:q,onClickCapture:_,"data-popper-reference-hidden":F},o.createElement(p,Object.assign({},te,{in:M,appear:!!w,timeout:K}),o.createElement("div",{className:s(v.contentComponent,f(v,n(j)),e(e({},f(v,n("edge-"+S)),S),v.hasTooltip,I)),ref:X},o.Children.toArray(b).map((function(e){return i(e,{onMouseEnter:c([e.props.onMouseEnter,D]),onMouseLeave:c([e.props.onMouseLeave,L])})})))))}));export{x as DialogContent};
+import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as t,useRef as a,useCallback as r,useEffect as i,cloneElement as s}from"react";import n from"classnames";import{camelCase as p}from"lodash-es";import{CSSTransition as l}from"react-transition-group";import c from"../../../hooks/useClickOutside/index.js";import{chainFunctions as d,NOOP as m}from"../../../utils/function-utils.js";import u from"../../../hooks/useKeyEvent/index.js";import{keyCodes as f}from"../../../constants/keyCodes.js";import"../../../constants/sizes.js";import{getStyle as v}from"../../../helpers/typesciptCssModulesHelper.js";import y from"./DialogContent.module.scss.js";import k from"../../../hooks/useDisableScroll/index.js";var C={},x=[f.ESCAPE],h=t((function(t,f){var h=t.onEsc,E=void 0===h?m:h,b=t.children,j=t.position,A=t.wrapperClassName,g=t.isOpen,M=void 0!==g&&g,S=t.startingEdge,N=t.animationType,O=void 0===N?"expand":N,w=t.onMouseEnter,D=void 0===w?m:w,H=t.onMouseLeave,L=void 0===H?m:H,P=t.onClickOutside,T=void 0===P?m:P,_=t.onClick,z=void 0===_?m:_,B=t.onContextMenu,K=void 0===B?m:B,R=t.showDelay,W=t.styleObject,q=void 0===W?C:W,F=t.isReferenceHidden,G=t.hasTooltip,I=void 0!==G&&G,J=t.containerSelector,Q=t.disableContainerScroll,U=void 0!==Q&&Q,V=t["data-testid"],X=a(null),Y=r((function(e){if(M)return T(e,"clickoutside")}),[M,T]),Z=r((function(e){M&&K(e)}),[M,K]);u({keys:x,callback:E}),c({callback:Y,ref:X}),c({eventName:"contextmenu",callback:Z,ref:X});var $=k("string"==typeof U?U:J),ee=$.disableScroll,oe=$.enableScroll;i((function(){U&&(M?ee():oe())}),[U,ee,oe,M]);var te={classNames:void 0};switch(O){case"expand":te.classNames={appear:y.expandAppear,appearActive:y.expandAppearActive,exit:y.expandExit};break;case"opacity-and-slide":te.classNames={appear:y.opacitySlideAppear,appearActive:y.opacitySlideAppearActive}}return o.createElement("span",{className:n("monday-style-dialog-content-wrapper",y.contentWrapper,A),ref:f,"data-testid":V,style:q,onClickCapture:z,"data-popper-reference-hidden":F},o.createElement(l,Object.assign({},te,{in:M,appear:!!O,timeout:R}),o.createElement("div",{className:n(y.contentComponent,v(y,p(j)),e(e({},v(y,p("edge-"+S)),S),y.hasTooltip,I)),ref:X},o.Children.toArray(b).map((function(e){return s(e,{onMouseEnter:d([e.props.onMouseEnter,D]),onMouseLeave:d([e.props.onMouseLeave,L])})})))))}));export{h as default};
 //# sourceMappingURL=DialogContent.js.map

package/dist/src/components/Dialog/DialogContent/DialogContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DialogContent.js","sources":["../../../../../src/components/Dialog/DialogContent/DialogContent.tsx"],"sourcesContent":["import React, { cloneElement, CSSProperties, ReactElement, useCallback, useEffect, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"lodash-es\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { CSSTransitionProps } from \"react-transition-group/CSSTransition\";\nimport useClickOutside from \"../../../hooks/useClickOutside\";\nimport { chainFunctions, NOOP } from \"../../../utils/function-utils\";\nimport useKeyEvent from \"../../../hooks/useKeyEvent\";\nimport { VibeComponent, VibeComponentProps } from \"../../../types\";\nimport { keyCodes } from \"../../../constants\";\nimport { DialogAnimationType, DialogTriggerEvent } from \"../Dialog.types\";\nimport * as PopperJS from \"@popperjs/core\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./DialogContent.module.scss\";\nimport useDisableScroll from \"../../../hooks/useDisableScroll\";\n\nconst EMPTY_OBJECT = {};\nconst ESCAPE_KEYS = [keyCodes.ESCAPE];\n\nexport interface DialogContentProps extends VibeComponentProps {\n /*\n The content inside the dialog.\n /\n children?: ReactElement \| ReactElement[];\n /\n The placement of the dialog relative to the reference element.\n /\n position?: PopperJS.Placement;\n /\n Class name applied to the dialog wrapper.\n /\n wrapperClassName?: string;\n /\n If true, the dialog is open.\n /\n isOpen?: boolean;\n // TODO: [breaking] use type\n /\n The starting edge of the dialog.\n /\n startingEdge?: any;\n /\n The animation type used for showing/hiding the dialog.\n /\n animationType?: DialogAnimationType;\n /\n Callback fired when the Escape key is pressed.\n /\n onEsc?: (event: React.KeyboardEvent) => void;\n /\n Callback fired when the mouse enters the dialog.\n /\n onMouseEnter?: (event: React.MouseEvent) => void;\n /\n Callback fired when the mouse leaves the dialog.\n /\n onMouseLeave?: (event: React.MouseEvent) => void;\n /\n Callback fired when clicking outside the dialog.\n /\n onClickOutside?: (event: React.MouseEvent, hideShowEvent: DialogTriggerEvent) => void;\n /\n Callback fired when clicking inside the dialog.\n /\n onClick?: (event: React.MouseEvent) => void;\n /\n Delay before showing the dialog.\n /\n showDelay?: number;\n /\n Inline styles applied to the dialog.\n /\n styleObject?: CSSProperties;\n /\n If true, hides the reference element when the dialog is shown.\n /\n isReferenceHidden?: boolean;\n /\n If true, applies tooltip arrow to the dialog.\n /\n hasTooltip?: boolean;\n /\n The CSS selector of the container where the dialog should be rendered.\n /\n containerSelector?: string;\n /\n If true, disables scrolling in the container when the dialog is open.\n /\n disableContainerScroll?: boolean \| string;\n /\n Callback fired when the context menu (right-click) event occurs outside the dialog.\n */\n onContextMenu?: (e: React.MouseEvent) => void;\n}\n\nexport const DialogContent: VibeComponent<DialogContentProps> = React.forwardRef(\n (\n {\n onEsc = NOOP,\n children,\n position,\n wrapperClassName,\n isOpen = false,\n startingEdge,\n animationType = \"expand\",\n onMouseEnter = NOOP,\n onMouseLeave = NOOP,\n onClickOutside = NOOP,\n onClick = NOOP,\n onContextMenu = NOOP,\n showDelay,\n styleObject = EMPTY_OBJECT,\n isReferenceHidden,\n hasTooltip = false,\n containerSelector,\n disableContainerScroll = false,\n \"data-testid\": dataTestId\n }: DialogContentProps,\n forwardRef\n ) => {\n const ref = useRef(null);\n const onOutSideClick = useCallback(\n (event: React.MouseEvent) => {\n if (isOpen) {\n return onClickOutside(event, \"clickoutside\");\n }\n },\n [isOpen, onClickOutside]\n );\n const overrideOnContextMenu = useCallback(\n (event: React.MouseEvent) => {\n if (isOpen) {\n onContextMenu(event);\n }\n },\n [isOpen, onContextMenu]\n );\n useKeyEvent({ keys: ESCAPE_KEYS, callback: onEsc });\n useClickOutside({ callback: onOutSideClick, ref });\n useClickOutside({ eventName: \"contextmenu\", callback: overrideOnContextMenu, ref });\n const selectorToDisable = typeof disableContainerScroll === \"string\" ? disableContainerScroll : containerSelector;\n const { disableScroll, enableScroll } = useDisableScroll(selectorToDisable);\n\n useEffect(() => {\n if (disableContainerScroll) {\n if (isOpen) {\n disableScroll();\n } else {\n enableScroll();\n }\n }\n }, [disableContainerScroll, disableScroll, enableScroll, isOpen]);\n\n const transitionOptions: Partial<CSSTransitionProps> = { classNames: undefined };\n\n switch (animationType) {\n case \"expand\":\n transitionOptions.classNames = {\n appear: styles.expandAppear,\n appearActive: styles.expandAppearActive,\n exit: styles.expandExit\n };\n break;\n case \"opacity-and-slide\":\n transitionOptions.classNames = {\n appear: styles.opacitySlideAppear,\n appearActive: styles.opacitySlideAppearActive\n };\n break;\n }\n return (\n <span\n // don't remove old classname - override from Monolith\n className={cx(\"monday-style-dialog-content-wrapper\", styles.contentWrapper, wrapperClassName)}\n ref={forwardRef}\n data-testid={dataTestId}\n style={styleObject}\n onClickCapture={onClick}\n data-popper-reference-hidden={isReferenceHidden}\n >\n <CSSTransition {...transitionOptions} in={isOpen} appear={!!animationType} timeout={showDelay}>\n <div\n className={cx(styles.contentComponent, getStyle(styles, camelCase(position)), {\n [getStyle(styles, camelCase(\"edge-\" + startingEdge))]: startingEdge,\n [styles.hasTooltip]: hasTooltip\n })}\n ref={ref}\n >\n {React.Children.toArray(children).map((child: ReactElement) => {\n return cloneElement(child, {\n onMouseEnter: chainFunctions([child.props.onMouseEnter, onMouseEnter]),\n onMouseLeave: chainFunctions([child.props.onMouseLeave, onMouseLeave])\n });\n })}\n </div>\n </CSSTransition>\n </span>\n );\n }\n);\n"],"names":["EMPTY_OBJECT","ESCAPE_KEYS","keyCodes","ESCAPE","DialogContent","React","forwardRef","_ref","_ref$onEsc","onEsc","NOOP","children","position","wrapperClassName","_ref$isOpen","isOpen","startingEdge","_ref$animationType","animationType","_ref$onMouseEnter","onMouseEnter","_ref$onMouseLeave","onMouseLeave","_ref$onClickOutside","onClickOutside","_ref$onClick","onClick","_ref$onContextMenu","onContextMenu","showDelay","_ref$styleObject","styleObject","isReferenceHidden","_ref$hasTooltip","hasTooltip","containerSelector","_ref$disableContainer","disableContainerScroll","dataTestId","ref","useRef","onOutSideClick","useCallback","event","overrideOnContextMenu","useKeyEvent","keys","callback","useClickOutside","eventName","_useDisableScroll","useDisableScroll","disableScroll","enableScroll","useEffect","transitionOptions","classNames","undefined","appear","styles","expandAppear","appearActive","expandAppearActive","exit","expandExit","opacitySlideAppear","opacitySlideAppearActive","createElement","className","cx","contentWrapper","style","onClickCapture","CSSTransition","Object","assign","in","timeout","contentComponent","getStyle","camelCase","_defineProperty","Children","toArray","map","child","cloneElement","chainFunctions","props"],"mappings":"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"}
1	+ {"version":3,"file":"DialogContent.js","sources":["../../../../../src/components/Dialog/DialogContent/DialogContent.tsx"],"sourcesContent":["import React, { cloneElement, CSSProperties, forwardRef, ReactElement, useCallback, useEffect, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"lodash-es\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { CSSTransitionProps } from \"react-transition-group/CSSTransition\";\nimport useClickOutside from \"../../../hooks/useClickOutside\";\nimport { chainFunctions, NOOP } from \"../../../utils/function-utils\";\nimport useKeyEvent from \"../../../hooks/useKeyEvent\";\nimport { VibeComponentProps } from \"../../../types\";\nimport { keyCodes } from \"../../../constants\";\nimport { DialogAnimationType, DialogTriggerEvent } from \"../Dialog.types\";\nimport * as PopperJS from \"@popperjs/core\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./DialogContent.module.scss\";\nimport useDisableScroll from \"../../../hooks/useDisableScroll\";\n\nconst EMPTY_OBJECT = {};\nconst ESCAPE_KEYS = [keyCodes.ESCAPE];\n\nexport interface DialogContentProps extends VibeComponentProps {\n /*\n The content inside the dialog.\n /\n children?: ReactElement \| ReactElement[];\n /\n The placement of the dialog relative to the reference element.\n /\n position?: PopperJS.Placement;\n /\n Class name applied to the dialog wrapper.\n /\n wrapperClassName?: string;\n /\n If true, the dialog is open.\n /\n isOpen?: boolean;\n // TODO: [breaking] use type\n /\n The starting edge of the dialog.\n /\n startingEdge?: any;\n /\n The animation type used for showing/hiding the dialog.\n /\n animationType?: DialogAnimationType;\n /\n Callback fired when the Escape key is pressed.\n /\n onEsc?: (event: React.KeyboardEvent) => void;\n /\n Callback fired when the mouse enters the dialog.\n /\n onMouseEnter?: (event: React.MouseEvent) => void;\n /\n Callback fired when the mouse leaves the dialog.\n /\n onMouseLeave?: (event: React.MouseEvent) => void;\n /\n Callback fired when clicking outside the dialog.\n /\n onClickOutside?: (event: React.MouseEvent, hideShowEvent: DialogTriggerEvent) => void;\n /\n Callback fired when clicking inside the dialog.\n /\n onClick?: (event: React.MouseEvent) => void;\n /\n Delay before showing the dialog.\n /\n showDelay?: number;\n /\n Inline styles applied to the dialog.\n /\n styleObject?: CSSProperties;\n /\n If true, hides the reference element when the dialog is shown.\n /\n isReferenceHidden?: boolean;\n /\n If true, applies tooltip arrow to the dialog.\n /\n hasTooltip?: boolean;\n /\n The CSS selector of the container where the dialog should be rendered.\n /\n containerSelector?: string;\n /\n If true, disables scrolling in the container when the dialog is open.\n /\n disableContainerScroll?: boolean \| string;\n /\n Callback fired when the context menu (right-click) event occurs outside the dialog.\n */\n onContextMenu?: (e: React.MouseEvent) => void;\n}\n\nconst DialogContent = forwardRef(\n (\n {\n onEsc = NOOP,\n children,\n position,\n wrapperClassName,\n isOpen = false,\n startingEdge,\n animationType = \"expand\",\n onMouseEnter = NOOP,\n onMouseLeave = NOOP,\n onClickOutside = NOOP,\n onClick = NOOP,\n onContextMenu = NOOP,\n showDelay,\n styleObject = EMPTY_OBJECT,\n isReferenceHidden,\n hasTooltip = false,\n containerSelector,\n disableContainerScroll = false,\n \"data-testid\": dataTestId\n }: DialogContentProps,\n forwardRef: React.ForwardedRef<HTMLElement>\n ) => {\n const ref = useRef(null);\n const onOutSideClick = useCallback(\n (event: React.MouseEvent) => {\n if (isOpen) {\n return onClickOutside(event, \"clickoutside\");\n }\n },\n [isOpen, onClickOutside]\n );\n const overrideOnContextMenu = useCallback(\n (event: React.MouseEvent) => {\n if (isOpen) {\n onContextMenu(event);\n }\n },\n [isOpen, onContextMenu]\n );\n useKeyEvent({ keys: ESCAPE_KEYS, callback: onEsc });\n useClickOutside({ callback: onOutSideClick, ref });\n useClickOutside({ eventName: \"contextmenu\", callback: overrideOnContextMenu, ref });\n const selectorToDisable = typeof disableContainerScroll === \"string\" ? disableContainerScroll : containerSelector;\n const { disableScroll, enableScroll } = useDisableScroll(selectorToDisable);\n\n useEffect(() => {\n if (disableContainerScroll) {\n if (isOpen) {\n disableScroll();\n } else {\n enableScroll();\n }\n }\n }, [disableContainerScroll, disableScroll, enableScroll, isOpen]);\n\n const transitionOptions: Partial<CSSTransitionProps> = { classNames: undefined };\n\n switch (animationType) {\n case \"expand\":\n transitionOptions.classNames = {\n appear: styles.expandAppear,\n appearActive: styles.expandAppearActive,\n exit: styles.expandExit\n };\n break;\n case \"opacity-and-slide\":\n transitionOptions.classNames = {\n appear: styles.opacitySlideAppear,\n appearActive: styles.opacitySlideAppearActive\n };\n break;\n }\n return (\n <span\n // don't remove old classname - override from Monolith\n className={cx(\"monday-style-dialog-content-wrapper\", styles.contentWrapper, wrapperClassName)}\n ref={forwardRef}\n data-testid={dataTestId}\n style={styleObject}\n onClickCapture={onClick}\n data-popper-reference-hidden={isReferenceHidden}\n >\n <CSSTransition {...transitionOptions} in={isOpen} appear={!!animationType} timeout={showDelay}>\n <div\n className={cx(styles.contentComponent, getStyle(styles, camelCase(position)), {\n [getStyle(styles, camelCase(\"edge-\" + startingEdge))]: startingEdge,\n [styles.hasTooltip]: hasTooltip\n })}\n ref={ref}\n >\n {React.Children.toArray(children).map((child: ReactElement) => {\n return cloneElement(child, {\n onMouseEnter: chainFunctions([child.props.onMouseEnter, onMouseEnter]),\n onMouseLeave: chainFunctions([child.props.onMouseLeave, onMouseLeave])\n });\n })}\n </div>\n </CSSTransition>\n </span>\n );\n }\n);\n\nexport default DialogContent;\n"],"names":["EMPTY_OBJECT","ESCAPE_KEYS","keyCodes","ESCAPE","DialogContent","forwardRef","_ref","_ref$onEsc","onEsc","NOOP","children","position","wrapperClassName","_ref$isOpen","isOpen","startingEdge","_ref$animationType","animationType","_ref$onMouseEnter","onMouseEnter","_ref$onMouseLeave","onMouseLeave","_ref$onClickOutside","onClickOutside","_ref$onClick","onClick","_ref$onContextMenu","onContextMenu","showDelay","_ref$styleObject","styleObject","isReferenceHidden","_ref$hasTooltip","hasTooltip","containerSelector","_ref$disableContainer","disableContainerScroll","dataTestId","ref","useRef","onOutSideClick","useCallback","event","overrideOnContextMenu","useKeyEvent","keys","callback","useClickOutside","eventName","_useDisableScroll","useDisableScroll","disableScroll","enableScroll","useEffect","transitionOptions","classNames","undefined","appear","styles","expandAppear","appearActive","expandAppearActive","exit","expandExit","opacitySlideAppear","opacitySlideAppearActive","React","createElement","className","cx","contentWrapper","style","onClickCapture","CSSTransition","Object","assign","in","timeout","contentComponent","getStyle","camelCase","_defineProperty","Children","toArray","map","child","cloneElement","chainFunctions","props"],"mappings":"ivBAgBA,IAAMA,EAAe,CAAA,EACfC,EAAc,CAACC,EAASC,QA8ExBC,EAAgBC,GACpB,SAAAC,EAsBED,GACE,IAAAE,EAAAD,EArBAE,MAAAA,OAAQC,IAAHF,EAAGE,EAAIF,EACZG,EAAQJ,EAARI,SACAC,EAAQL,EAARK,SACAC,EAAgBN,EAAhBM,iBAAgBC,EAAAP,EAChBQ,OAAAA,OAAS,IAAHD,GAAQA,EACdE,EAAYT,EAAZS,aAAYC,EAAAV,EACZW,cAAAA,OAAgB,IAAHD,EAAG,SAAQA,EAAAE,EAAAZ,EACxBa,aAAAA,OAAeV,IAAHS,EAAGT,EAAIS,EAAAE,EAAAd,EACnBe,aAAAA,OAAeZ,IAAHW,EAAGX,EAAIW,EAAAE,EAAAhB,EACnBiB,eAAAA,OAAiBd,IAAHa,EAAGb,EAAIa,EAAAE,EAAAlB,EACrBmB,QAAAA,OAAUhB,IAAHe,EAAGf,EAAIe,EAAAE,EAAApB,EACdqB,cAAAA,OAAgBlB,IAAHiB,EAAGjB,EAAIiB,EACpBE,EAAStB,EAATsB,UAASC,EAAAvB,EACTwB,YAAAA,OAAc9B,IAAH6B,EAAG7B,EAAY6B,EAC1BE,EAAiBzB,EAAjByB,kBAAiBC,EAAA1B,EACjB2B,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAAiB5B,EAAjB4B,kBAAiBC,EAAA7B,EACjB8B,uBAAAA,OAAyB,IAAHD,GAAQA,EACfE,EAAU/B,EAAzB,eAIIgC,EAAMC,EAAO,MACbC,EAAiBC,GACrB,SAACC,GACC,GAAI5B,EACF,OAAOS,EAAemB,EAAO,eAEjC,GACA,CAAC5B,EAAQS,IAELoB,EAAwBF,GAC5B,SAACC,GACK5B,GACFa,EAAce,EAElB,GACA,CAAC5B,EAAQa,IAEXiB,EAAY,CAAEC,KAAM5C,EAAa6C,SAAUtC,IAC3CuC,EAAgB,CAAED,SAAUN,EAAgBF,IAAAA,IAC5CS,EAAgB,CAAEC,UAAW,cAAeF,SAAUH,EAAuBL,IAAAA,IAC7E,IACAW,EAAwCC,EADoB,iBAA3Bd,EAAsCA,EAAyBF,GACxFiB,GAAaF,EAAbE,cAAeC,GAAYH,EAAZG,aAEvBC,GAAU,WACJjB,IACEtB,EACFqC,KAEAC,KAGL,GAAE,CAAChB,EAAwBe,GAAeC,GAActC,IAEzD,IAAMwC,GAAiD,CAAEC,gBAAYC,GAErE,OAAQvC,GACN,IAAK,SACHqC,GAAkBC,WAAa,CAC7BE,OAAQC,EAAOC,aACfC,aAAcF,EAAOG,mBACrBC,KAAMJ,EAAOK,YAEf,MACF,IAAK,oBACHT,GAAkBC,WAAa,CAC7BE,OAAQC,EAAOM,mBACfJ,aAAcF,EAAOO,0BAI3B,OACEC,EAAAC,cAAA,OAAA,CAEEC,UAAWC,EAAG,sCAAuCX,EAAOY,eAAgB1D,GAC5E0B,IAAKjC,EAAU,cACFgC,EACbkC,MAAOzC,EACP0C,eAAgB/C,EAAO,+BACOM,GAE9BmC,EAAAC,cAACM,EAAkBC,OAAAC,OAAA,CAAA,EAAArB,GAAmB,CAAAsB,GAAI9D,EAAQ2C,SAAUxC,EAAe4D,QAASjD,IAClFsC,EAAAC,cAAA,MAAA,CACEC,UAAWC,EAAGX,EAAOoB,iBAAkBC,EAASrB,EAAQsB,EAAUrE,IAAUsE,EAAAA,EACzEF,GAAAA,EAASrB,EAAQsB,EAAU,QAAUjE,IAAiBA,GACtD2C,EAAOzB,WAAaA,IAEvBK,IAAKA,GAEJ4B,EAAMgB,SAASC,QAAQzE,GAAU0E,KAAI,SAACC,GACrC,OAAOC,EAAaD,EAAO,CACzBlE,aAAcoE,EAAe,CAACF,EAAMG,MAAMrE,aAAcA,IACxDE,aAAckE,EAAe,CAACF,EAAMG,MAAMnE,aAAcA,WAOtE"}

package/dist/src/components/Dialog/DialogContent/DialogContent.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={contentWrapper:"contentWrapper_364a33b357",top:"top_b6cc9d12ee",right:"right_9a32112708",left:"left_79fe5cffea",bottom:"bottom_8abef1bf7b",bottomStart:"bottomStart_f44e4f69ee",topStart:"topStart_afccfa52a6",bottomEnd:"bottomEnd_736bfdf3ff",topEnd:"topEnd_2965da4438",leftStart:"leftStart_d7f207a17b",rightStart:"rightStart_d3b8e87755",leftEnd:"leftEnd_b9ac73e12c",rightEnd:"rightEnd_4a59824c49",contentComponent:"contentComponent_364a33b357",hasTooltip:"hasTooltip_0f04ec47d8",opacitySlideAppear:"opacitySlideAppear_5d67852196",opacitySlideAppearActive:"opacitySlideAppearActive_bf9c0eb025",expandAppear:"expandAppear_d1c22a911a",expandExit:"expandExit_9133238c18",edgeBottom:"edgeBottom_4572c16c1f",edgeTop:"edgeTop_198799ec20",expandAppearActive:"expandAppearActive_dbe92ff5cc"};!function(e){const t="s_id-ca4097b848ab_3_36_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".contentWrapper_364a33b357 {\n  outline: 0;\n}\n.contentWrapper_364a33b357.top_b6cc9d12ee, .contentWrapper_364a33b357.right_9a32112708, .contentWrapper_364a33b357.left_79fe5cffea, .contentWrapper_364a33b357.bottom_8abef1bf7b {\n  padding: var(--spacing-xs);\n}\n.contentWrapper_364a33b357.bottomStart_f44e4f69ee, .contentWrapper_364a33b357.topStart_afccfa52a6, .contentWrapper_364a33b357.bottomEnd_736bfdf3ff, .contentWrapper_364a33b357.topEnd_2965da4438 {\n  padding-block: var(--spacing-xs);\n}\n.contentWrapper_364a33b357.bottomStart_f44e4f69ee, .contentWrapper_364a33b357.topStart_afccfa52a6 {\n  padding-inline-end: var(--spacing-xs);\n}\n.contentWrapper_364a33b357.bottomEnd_736bfdf3ff, .contentWrapper_364a33b357.topEnd_2965da4438 {\n  padding-inline-start: var(--spacing-xs);\n}\n.contentWrapper_364a33b357.leftStart_d7f207a17b, .contentWrapper_364a33b357.rightStart_d3b8e87755, .contentWrapper_364a33b357.leftEnd_b9ac73e12c, .contentWrapper_364a33b357.rightEnd_4a59824c49 {\n  padding-inline: var(--spacing-xs);\n}\n.contentWrapper_364a33b357.leftStart_d7f207a17b, .contentWrapper_364a33b357.rightStart_d3b8e87755 {\n  padding-block-end: var(--spacing-xs);\n}\n.contentWrapper_364a33b357.leftEnd_b9ac73e12c, .contentWrapper_364a33b357.rightEnd_4a59824c49 {\n  padding-block-start: var(--spacing-xs);\n}\n.contentWrapper_364a33b357[data-popper-reference-hidden=true] {\n  visibility: hidden;\n  pointer-events: none;\n}\n.contentComponent_364a33b357:focus {\n  outline: none;\n}\n.contentComponent_364a33b357.hasTooltip_0f04ec47d8 {\n  padding: 6px;\n}\n.opacitySlideAppear_5d67852196 {\n  opacity: 0;\n}\n.opacitySlideAppear_5d67852196.top_b6cc9d12ee {\n  transform: translateY(var(--spacing-medium));\n}\n.opacitySlideAppear_5d67852196.right_9a32112708 {\n  transform: translateX(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_5d67852196.bottom_8abef1bf7b {\n  transform: translateY(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_5d67852196.left_79fe5cffea {\n  transform: translateX(var(--spacing-medium));\n}\n.opacitySlideAppearActive_bf9c0eb025 {\n  transition: opacity 0.2s ease, transform 0.2s ease-out;\n  opacity: 1;\n  pointer-events: none;\n}\n.opacitySlideAppearActive_bf9c0eb025.top_b6cc9d12ee, .opacitySlideAppearActive_bf9c0eb025.bottom_8abef1bf7b {\n  transform: translateY(0);\n}\n.opacitySlideAppearActive_bf9c0eb025.right_9a32112708, .opacitySlideAppearActive_bf9c0eb025.left_79fe5cffea {\n  transform: translateX(0);\n}\n.expandAppear_d1c22a911a,\n.expandExit_9133238c18 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppear_d1c22a911a.top_b6cc9d12ee, .expandAppear_d1c22a911a.topStart_afccfa52a6, .expandAppear_d1c22a911a.topEnd_2965da4438,\n.expandExit_9133238c18.top_b6cc9d12ee,\n.expandExit_9133238c18.topStart_afccfa52a6,\n.expandExit_9133238c18.topEnd_2965da4438 {\n  transform-origin: bottom center;\n  transform: scale(0.8);\n}\n.expandAppear_d1c22a911a.top_b6cc9d12ee.edgeBottom_4572c16c1f, .expandAppear_d1c22a911a.topStart_afccfa52a6.edgeBottom_4572c16c1f, .expandAppear_d1c22a911a.topEnd_2965da4438.edgeBottom_4572c16c1f,\n.expandExit_9133238c18.top_b6cc9d12ee.edgeBottom_4572c16c1f,\n.expandExit_9133238c18.topStart_afccfa52a6.edgeBottom_4572c16c1f,\n.expandExit_9133238c18.topEnd_2965da4438.edgeBottom_4572c16c1f {\n  transform-origin: bottom left;\n}\n.expandAppear_d1c22a911a.top_b6cc9d12ee.edgeTop_198799ec20, .expandAppear_d1c22a911a.topStart_afccfa52a6.edgeTop_198799ec20, .expandAppear_d1c22a911a.topEnd_2965da4438.edgeTop_198799ec20,\n.expandExit_9133238c18.top_b6cc9d12ee.edgeTop_198799ec20,\n.expandExit_9133238c18.topStart_afccfa52a6.edgeTop_198799ec20,\n.expandExit_9133238c18.topEnd_2965da4438.edgeTop_198799ec20 {\n  transform-origin: bottom right;\n}\n.expandAppear_d1c22a911a.right_9a32112708, .expandAppear_d1c22a911a.rightStart_d3b8e87755, .expandAppear_d1c22a911a.rightEnd_4a59824c49,\n.expandExit_9133238c18.right_9a32112708,\n.expandExit_9133238c18.rightStart_d3b8e87755,\n.expandExit_9133238c18.rightEnd_4a59824c49 {\n  transform-origin: left;\n  transform: scale(0.8);\n}\n.expandAppear_d1c22a911a.right_9a32112708.edgeBottom_4572c16c1f, .expandAppear_d1c22a911a.rightStart_d3b8e87755.edgeBottom_4572c16c1f, .expandAppear_d1c22a911a.rightEnd_4a59824c49.edgeBottom_4572c16c1f,\n.expandExit_9133238c18.right_9a32112708.edgeBottom_4572c16c1f,\n.expandExit_9133238c18.rightStart_d3b8e87755.edgeBottom_4572c16c1f,\n.expandExit_9133238c18.rightEnd_4a59824c49.edgeBottom_4572c16c1f {\n  transform-origin: top left;\n}\n.expandAppear_d1c22a911a.right_9a32112708.edgeTop_198799ec20, .expandAppear_d1c22a911a.rightStart_d3b8e87755.edgeTop_198799ec20, .expandAppear_d1c22a911a.rightEnd_4a59824c49.edgeTop_198799ec20,\n.expandExit_9133238c18.right_9a32112708.edgeTop_198799ec20,\n.expandExit_9133238c18.rightStart_d3b8e87755.edgeTop_198799ec20,\n.expandExit_9133238c18.rightEnd_4a59824c49.edgeTop_198799ec20 {\n  transform-origin: bottom left;\n}\n.expandAppear_d1c22a911a.bottom_8abef1bf7b, .expandAppear_d1c22a911a.bottomStart_f44e4f69ee, .expandAppear_d1c22a911a.bottomEnd_736bfdf3ff,\n.expandExit_9133238c18.bottom_8abef1bf7b,\n.expandExit_9133238c18.bottomStart_f44e4f69ee,\n.expandExit_9133238c18.bottomEnd_736bfdf3ff {\n  transform-origin: top;\n  transform: scale(0.8);\n}\n.expandAppear_d1c22a911a.bottom_8abef1bf7b.edgeBottom_4572c16c1f, .expandAppear_d1c22a911a.bottomStart_f44e4f69ee.edgeBottom_4572c16c1f, .expandAppear_d1c22a911a.bottomEnd_736bfdf3ff.edgeBottom_4572c16c1f,\n.expandExit_9133238c18.bottom_8abef1bf7b.edgeBottom_4572c16c1f,\n.expandExit_9133238c18.bottomStart_f44e4f69ee.edgeBottom_4572c16c1f,\n.expandExit_9133238c18.bottomEnd_736bfdf3ff.edgeBottom_4572c16c1f {\n  transform-origin: top left;\n}\n.expandAppear_d1c22a911a.bottom_8abef1bf7b.edgeTop_198799ec20, .expandAppear_d1c22a911a.bottomStart_f44e4f69ee.edgeTop_198799ec20, .expandAppear_d1c22a911a.bottomEnd_736bfdf3ff.edgeTop_198799ec20,\n.expandExit_9133238c18.bottom_8abef1bf7b.edgeTop_198799ec20,\n.expandExit_9133238c18.bottomStart_f44e4f69ee.edgeTop_198799ec20,\n.expandExit_9133238c18.bottomEnd_736bfdf3ff.edgeTop_198799ec20 {\n  transform-origin: top right;\n}\n.expandAppear_d1c22a911a.left_79fe5cffea, .expandAppear_d1c22a911a.leftStart_d7f207a17b, .expandAppear_d1c22a911a.leftEnd_b9ac73e12c,\n.expandExit_9133238c18.left_79fe5cffea,\n.expandExit_9133238c18.leftStart_d7f207a17b,\n.expandExit_9133238c18.leftEnd_b9ac73e12c {\n  transform-origin: right;\n  transform: scale(0.8);\n}\n.expandAppear_d1c22a911a.left_79fe5cffea.edgeBottom_4572c16c1f, .expandAppear_d1c22a911a.leftStart_d7f207a17b.edgeBottom_4572c16c1f, .expandAppear_d1c22a911a.leftEnd_b9ac73e12c.edgeBottom_4572c16c1f,\n.expandExit_9133238c18.left_79fe5cffea.edgeBottom_4572c16c1f,\n.expandExit_9133238c18.leftStart_d7f207a17b.edgeBottom_4572c16c1f,\n.expandExit_9133238c18.leftEnd_b9ac73e12c.edgeBottom_4572c16c1f {\n  transform-origin: top right;\n}\n.expandAppear_d1c22a911a.left_79fe5cffea.edgeTop_198799ec20, .expandAppear_d1c22a911a.leftStart_d7f207a17b.edgeTop_198799ec20, .expandAppear_d1c22a911a.leftEnd_b9ac73e12c.edgeTop_198799ec20,\n.expandExit_9133238c18.left_79fe5cffea.edgeTop_198799ec20,\n.expandExit_9133238c18.leftStart_d7f207a17b.edgeTop_198799ec20,\n.expandExit_9133238c18.leftEnd_b9ac73e12c.edgeTop_198799ec20 {\n  transform-origin: bottom right;\n}\n.expandExit_9133238c18 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppearActive_dbe92ff5cc {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n  pointer-events: none;\n}\n.expandAppearActive_dbe92ff5cc.top_b6cc9d12ee, .expandAppearActive_dbe92ff5cc.topStart_afccfa52a6, .expandAppearActive_dbe92ff5cc.topEnd_2965da4438, .expandAppearActive_dbe92ff5cc.bottom_8abef1bf7b, .expandAppearActive_dbe92ff5cc.bottomStart_f44e4f69ee, .expandAppearActive_dbe92ff5cc.bottomEnd_736bfdf3ff, .expandAppearActive_dbe92ff5cc.right_9a32112708, .expandAppearActive_dbe92ff5cc.rightStart_d3b8e87755, .expandAppearActive_dbe92ff5cc.rightEnd_4a59824c49, .expandAppearActive_dbe92ff5cc.left_79fe5cffea, .expandAppearActive_dbe92ff5cc.leftStart_d7f207a17b, .expandAppearActive_dbe92ff5cc.leftEnd_b9ac73e12c {\n  transform: scale(1);\n}");export{e as default};
+var e={contentWrapper:"contentWrapper_278d372992",top:"top_d8e025c7a5",right:"right_5066adb169",left:"left_d9981c976d",bottom:"bottom_3cbadf477e",bottomStart:"bottomStart_5c4acfedea",topStart:"topStart_ea3c981386",bottomEnd:"bottomEnd_6f9a5708f1",topEnd:"topEnd_4756e641c1",leftStart:"leftStart_c954d26f5d",rightStart:"rightStart_0147ce9742",leftEnd:"leftEnd_41e4c83440",rightEnd:"rightEnd_934a7a49d9",contentComponent:"contentComponent_278d372992",hasTooltip:"hasTooltip_5bd01597b1",opacitySlideAppear:"opacitySlideAppear_586f9118ca",opacitySlideAppearActive:"opacitySlideAppearActive_1874e5b87f",expandAppear:"expandAppear_6c8e172c6e",expandExit:"expandExit_79df0c4eb4",edgeBottom:"edgeBottom_97381d6ecc",edgeTop:"edgeTop_0a16601bfb",expandAppearActive:"expandAppearActive_1d50d12e24"};!function(e){const t="s_id-ca4097b848ab_3_37_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".contentWrapper_278d372992 {\n  outline: 0;\n}\n.contentWrapper_278d372992.top_d8e025c7a5, .contentWrapper_278d372992.right_5066adb169, .contentWrapper_278d372992.left_d9981c976d, .contentWrapper_278d372992.bottom_3cbadf477e {\n  padding: var(--spacing-xs);\n}\n.contentWrapper_278d372992.bottomStart_5c4acfedea, .contentWrapper_278d372992.topStart_ea3c981386, .contentWrapper_278d372992.bottomEnd_6f9a5708f1, .contentWrapper_278d372992.topEnd_4756e641c1 {\n  padding-block: var(--spacing-xs);\n}\n.contentWrapper_278d372992.bottomStart_5c4acfedea, .contentWrapper_278d372992.topStart_ea3c981386 {\n  padding-inline-end: var(--spacing-xs);\n}\n.contentWrapper_278d372992.bottomEnd_6f9a5708f1, .contentWrapper_278d372992.topEnd_4756e641c1 {\n  padding-inline-start: var(--spacing-xs);\n}\n.contentWrapper_278d372992.leftStart_c954d26f5d, .contentWrapper_278d372992.rightStart_0147ce9742, .contentWrapper_278d372992.leftEnd_41e4c83440, .contentWrapper_278d372992.rightEnd_934a7a49d9 {\n  padding-inline: var(--spacing-xs);\n}\n.contentWrapper_278d372992.leftStart_c954d26f5d, .contentWrapper_278d372992.rightStart_0147ce9742 {\n  padding-block-end: var(--spacing-xs);\n}\n.contentWrapper_278d372992.leftEnd_41e4c83440, .contentWrapper_278d372992.rightEnd_934a7a49d9 {\n  padding-block-start: var(--spacing-xs);\n}\n.contentWrapper_278d372992[data-popper-reference-hidden=true] {\n  visibility: hidden;\n  pointer-events: none;\n}\n.contentComponent_278d372992:focus {\n  outline: none;\n}\n.contentComponent_278d372992.hasTooltip_5bd01597b1 {\n  padding: 6px;\n}\n.opacitySlideAppear_586f9118ca {\n  opacity: 0;\n}\n.opacitySlideAppear_586f9118ca.top_d8e025c7a5 {\n  transform: translateY(var(--spacing-medium));\n}\n.opacitySlideAppear_586f9118ca.right_5066adb169 {\n  transform: translateX(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_586f9118ca.bottom_3cbadf477e {\n  transform: translateY(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_586f9118ca.left_d9981c976d {\n  transform: translateX(var(--spacing-medium));\n}\n.opacitySlideAppearActive_1874e5b87f {\n  transition: opacity 0.2s ease, transform 0.2s ease-out;\n  opacity: 1;\n  pointer-events: none;\n}\n.opacitySlideAppearActive_1874e5b87f.top_d8e025c7a5, .opacitySlideAppearActive_1874e5b87f.bottom_3cbadf477e {\n  transform: translateY(0);\n}\n.opacitySlideAppearActive_1874e5b87f.right_5066adb169, .opacitySlideAppearActive_1874e5b87f.left_d9981c976d {\n  transform: translateX(0);\n}\n.expandAppear_6c8e172c6e,\n.expandExit_79df0c4eb4 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppear_6c8e172c6e.top_d8e025c7a5, .expandAppear_6c8e172c6e.topStart_ea3c981386, .expandAppear_6c8e172c6e.topEnd_4756e641c1,\n.expandExit_79df0c4eb4.top_d8e025c7a5,\n.expandExit_79df0c4eb4.topStart_ea3c981386,\n.expandExit_79df0c4eb4.topEnd_4756e641c1 {\n  transform-origin: bottom center;\n  transform: scale(0.8);\n}\n.expandAppear_6c8e172c6e.top_d8e025c7a5.edgeBottom_97381d6ecc, .expandAppear_6c8e172c6e.topStart_ea3c981386.edgeBottom_97381d6ecc, .expandAppear_6c8e172c6e.topEnd_4756e641c1.edgeBottom_97381d6ecc,\n.expandExit_79df0c4eb4.top_d8e025c7a5.edgeBottom_97381d6ecc,\n.expandExit_79df0c4eb4.topStart_ea3c981386.edgeBottom_97381d6ecc,\n.expandExit_79df0c4eb4.topEnd_4756e641c1.edgeBottom_97381d6ecc {\n  transform-origin: bottom left;\n}\n.expandAppear_6c8e172c6e.top_d8e025c7a5.edgeTop_0a16601bfb, .expandAppear_6c8e172c6e.topStart_ea3c981386.edgeTop_0a16601bfb, .expandAppear_6c8e172c6e.topEnd_4756e641c1.edgeTop_0a16601bfb,\n.expandExit_79df0c4eb4.top_d8e025c7a5.edgeTop_0a16601bfb,\n.expandExit_79df0c4eb4.topStart_ea3c981386.edgeTop_0a16601bfb,\n.expandExit_79df0c4eb4.topEnd_4756e641c1.edgeTop_0a16601bfb {\n  transform-origin: bottom right;\n}\n.expandAppear_6c8e172c6e.right_5066adb169, .expandAppear_6c8e172c6e.rightStart_0147ce9742, .expandAppear_6c8e172c6e.rightEnd_934a7a49d9,\n.expandExit_79df0c4eb4.right_5066adb169,\n.expandExit_79df0c4eb4.rightStart_0147ce9742,\n.expandExit_79df0c4eb4.rightEnd_934a7a49d9 {\n  transform-origin: left;\n  transform: scale(0.8);\n}\n.expandAppear_6c8e172c6e.right_5066adb169.edgeBottom_97381d6ecc, .expandAppear_6c8e172c6e.rightStart_0147ce9742.edgeBottom_97381d6ecc, .expandAppear_6c8e172c6e.rightEnd_934a7a49d9.edgeBottom_97381d6ecc,\n.expandExit_79df0c4eb4.right_5066adb169.edgeBottom_97381d6ecc,\n.expandExit_79df0c4eb4.rightStart_0147ce9742.edgeBottom_97381d6ecc,\n.expandExit_79df0c4eb4.rightEnd_934a7a49d9.edgeBottom_97381d6ecc {\n  transform-origin: top left;\n}\n.expandAppear_6c8e172c6e.right_5066adb169.edgeTop_0a16601bfb, .expandAppear_6c8e172c6e.rightStart_0147ce9742.edgeTop_0a16601bfb, .expandAppear_6c8e172c6e.rightEnd_934a7a49d9.edgeTop_0a16601bfb,\n.expandExit_79df0c4eb4.right_5066adb169.edgeTop_0a16601bfb,\n.expandExit_79df0c4eb4.rightStart_0147ce9742.edgeTop_0a16601bfb,\n.expandExit_79df0c4eb4.rightEnd_934a7a49d9.edgeTop_0a16601bfb {\n  transform-origin: bottom left;\n}\n.expandAppear_6c8e172c6e.bottom_3cbadf477e, .expandAppear_6c8e172c6e.bottomStart_5c4acfedea, .expandAppear_6c8e172c6e.bottomEnd_6f9a5708f1,\n.expandExit_79df0c4eb4.bottom_3cbadf477e,\n.expandExit_79df0c4eb4.bottomStart_5c4acfedea,\n.expandExit_79df0c4eb4.bottomEnd_6f9a5708f1 {\n  transform-origin: top;\n  transform: scale(0.8);\n}\n.expandAppear_6c8e172c6e.bottom_3cbadf477e.edgeBottom_97381d6ecc, .expandAppear_6c8e172c6e.bottomStart_5c4acfedea.edgeBottom_97381d6ecc, .expandAppear_6c8e172c6e.bottomEnd_6f9a5708f1.edgeBottom_97381d6ecc,\n.expandExit_79df0c4eb4.bottom_3cbadf477e.edgeBottom_97381d6ecc,\n.expandExit_79df0c4eb4.bottomStart_5c4acfedea.edgeBottom_97381d6ecc,\n.expandExit_79df0c4eb4.bottomEnd_6f9a5708f1.edgeBottom_97381d6ecc {\n  transform-origin: top left;\n}\n.expandAppear_6c8e172c6e.bottom_3cbadf477e.edgeTop_0a16601bfb, .expandAppear_6c8e172c6e.bottomStart_5c4acfedea.edgeTop_0a16601bfb, .expandAppear_6c8e172c6e.bottomEnd_6f9a5708f1.edgeTop_0a16601bfb,\n.expandExit_79df0c4eb4.bottom_3cbadf477e.edgeTop_0a16601bfb,\n.expandExit_79df0c4eb4.bottomStart_5c4acfedea.edgeTop_0a16601bfb,\n.expandExit_79df0c4eb4.bottomEnd_6f9a5708f1.edgeTop_0a16601bfb {\n  transform-origin: top right;\n}\n.expandAppear_6c8e172c6e.left_d9981c976d, .expandAppear_6c8e172c6e.leftStart_c954d26f5d, .expandAppear_6c8e172c6e.leftEnd_41e4c83440,\n.expandExit_79df0c4eb4.left_d9981c976d,\n.expandExit_79df0c4eb4.leftStart_c954d26f5d,\n.expandExit_79df0c4eb4.leftEnd_41e4c83440 {\n  transform-origin: right;\n  transform: scale(0.8);\n}\n.expandAppear_6c8e172c6e.left_d9981c976d.edgeBottom_97381d6ecc, .expandAppear_6c8e172c6e.leftStart_c954d26f5d.edgeBottom_97381d6ecc, .expandAppear_6c8e172c6e.leftEnd_41e4c83440.edgeBottom_97381d6ecc,\n.expandExit_79df0c4eb4.left_d9981c976d.edgeBottom_97381d6ecc,\n.expandExit_79df0c4eb4.leftStart_c954d26f5d.edgeBottom_97381d6ecc,\n.expandExit_79df0c4eb4.leftEnd_41e4c83440.edgeBottom_97381d6ecc {\n  transform-origin: top right;\n}\n.expandAppear_6c8e172c6e.left_d9981c976d.edgeTop_0a16601bfb, .expandAppear_6c8e172c6e.leftStart_c954d26f5d.edgeTop_0a16601bfb, .expandAppear_6c8e172c6e.leftEnd_41e4c83440.edgeTop_0a16601bfb,\n.expandExit_79df0c4eb4.left_d9981c976d.edgeTop_0a16601bfb,\n.expandExit_79df0c4eb4.leftStart_c954d26f5d.edgeTop_0a16601bfb,\n.expandExit_79df0c4eb4.leftEnd_41e4c83440.edgeTop_0a16601bfb {\n  transform-origin: bottom right;\n}\n.expandExit_79df0c4eb4 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppearActive_1d50d12e24 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n  pointer-events: none;\n}\n.expandAppearActive_1d50d12e24.top_d8e025c7a5, .expandAppearActive_1d50d12e24.topStart_ea3c981386, .expandAppearActive_1d50d12e24.topEnd_4756e641c1, .expandAppearActive_1d50d12e24.bottom_3cbadf477e, .expandAppearActive_1d50d12e24.bottomStart_5c4acfedea, .expandAppearActive_1d50d12e24.bottomEnd_6f9a5708f1, .expandAppearActive_1d50d12e24.right_5066adb169, .expandAppearActive_1d50d12e24.rightStart_0147ce9742, .expandAppearActive_1d50d12e24.rightEnd_934a7a49d9, .expandAppearActive_1d50d12e24.left_d9981c976d, .expandAppearActive_1d50d12e24.leftStart_c954d26f5d, .expandAppearActive_1d50d12e24.leftEnd_41e4c83440 {\n  transform: scale(1);\n}");export{e as default};
 //# sourceMappingURL=DialogContent.module.scss.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DialogContentContainer.js","sources":["../../../../src/components/DialogContentContainer/DialogContentContainer.tsx"],"sourcesContent":["import { camelCase } from \"lodash-es\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport cx from \"classnames\";\nimport React, { useRef, forwardRef } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { DialogSize as DialogSizeEnum, DialogType as DialogTypeEnum } from \"../Dialog/DialogConstants\";\nimport { DialogSize, DialogType } from \"../Dialog~~/Dialog.types~~\";\nimport { withStaticProps, VibeComponentProps, ~~VibeComponent~~ } from \"../../types\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./DialogContentContainer.module.scss\";\n\nexport interface DialogContentContainerProps extends VibeComponentProps {\n /*\n The content inside the dialog container.\n /\n children?: React.ReactNode;\n /\n The ID of the element that labels this dialog.\n /\n ariaLabelledby?: string;\n /\n The ID of the element that describes this dialog.\n /\n ariaDescribedby?: string;\n /\n The type of dialog.\n /\n type?: DialogType;\n /\n The size of the dialog.\n /\n size?: DialogSize;\n /\n Custom styles applied to the dialog container.\n */\n style?: React.CSSProperties;\n}\n\nconst DialogContentContainer: ~~VibeComponent<DialogContentContainerProps> & {\n types?: typeof DialogTypeEnum;\n sizes?: typeof DialogSizeEnum;\n}~~ = forwardRef(\n (\n {\n id,\n className = \"\",\n ariaLabelledby = \"\",\n ariaDescribedby = \"\",\n type = \"popover\",\n size = \"small\",\n children,\n style,\n \"data-testid\": dataTestId = getTestId(ComponentDefaultTestId.DIALOG_CONTENT_CONTAINER, id),\n ...props\n }: DialogContentContainerProps,\n ref\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n return (\n <div\n role=\"dialog\"\n data-testid={dataTestId}\n aria-labelledby={ariaLabelledby}\n aria-describedby={ariaDescribedby}\n ref={mergedRef}\n style={style}\n className={cx(\n styles.dialogContentContainer,\n className,\n getStyle(styles, camelCase(\"type--\" + type)),\n getStyle(styles, camelCase(\"size--\" + size))\n )}\n {...props}\n >\n {children}\n </div>\n );\n }\n);\n\nexport default withStaticProps(DialogContentContainer, {\n types: DialogTypeEnum,\n sizes: DialogSizeEnum\n});\n"],"names":["withStaticProps","forwardRef","_a","ref","_a$className","className","_a$ariaLabelledby","ariaLabelledby","_a$ariaDescribedby","ariaDescribedby","_a$type","type","_a$size","size","children","style","_a$dataTestid","dataTestId","getTestId","ComponentDefaultTestId","DIALOG_CONTENT_CONTAINER","id","props","__rest","componentRef","useRef","mergedRef","useMergeRef","React","createElement","Object","assign","role","cx","styles","dialogContentContainer","getStyle","camelCase","types","DialogTypeEnum","sizes","DialogSizeEnum"],"mappings":"+kBAsCA,~~IA4CeA~~,EAAAA,~~EAzCXC~~,~~GACF~~,SACEC,EAYAC,GAZA,IACIC,EAQwFF,EAP1FG,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAAE,EAO4EJ,EAN1FK,eAAAA,OAAiB,IAAHD,EAAG,GAAEA,EAAAE,EAMuEN,EAL1FO,gBAAAA,OAAkB,IAAHD,EAAG,GAAEA,EAAAE,EAKsER,EAJ1FS,KAAAA,OAAO,IAAHD,EAAG,UAASA,EAAAE,EAI0EV,EAH1FW,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EACdE,EAE0FZ,EAF1FY,SACAC,EAC0Fb,EAD1Fa,MAAKC,EACqFd,EAA1F,eAAee,OAAaC,IAAHF,EAAGE,EAAUC,EAAuBC,yBAA6BlB,EAR1FmB,IAQ0FL,EACvFM,EAAKC,EAAArB,EAVV,sGAcMsB,EAAeC,EAAO,MACtBC,EAAYC,EAAYxB,EAAKqB,GAEnC,OACEI,EAAAC,cAAA,MAAAC,OAAAC,OAAA,CACEC,KAAK,SAAQ,cACAf,EAAU,kBACNV,EAAc,mBACbE,EAClBN,IAAKuB,EACLX,MAAOA,EACPV,UAAW4B,EACTC,EAAOC,uBACP9B,EACA+B,EAASF,EAAQG,EAAU,SAAW1B,IACtCyB,EAASF,EAAQG,EAAU,SAAWxB,MAEpCS,GAEHR,EAGP,~~IAGqD~~,~~CACrDwB~~,MAAOC,EACPC,MAAOC"}
1	+ {"version":3,"file":"DialogContentContainer.js","sources":["../../../../src/components/DialogContentContainer/DialogContentContainer.tsx"],"sourcesContent":["import { camelCase } from \"lodash-es\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport cx from \"classnames\";\nimport React, { useRef, forwardRef } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { DialogSize as DialogSizeEnum, DialogType as DialogTypeEnum } from \"../Dialog/DialogConstants\";\nimport { DialogSize, DialogType } from \"../Dialog\";\nimport { withStaticProps, VibeComponentProps } from \"../../types\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./DialogContentContainer.module.scss\";\n\nexport interface DialogContentContainerProps extends VibeComponentProps {\n /*\n The content inside the dialog container.\n /\n children?: React.ReactNode;\n /\n The ID of the element that labels this dialog.\n /\n ariaLabelledby?: string;\n /\n The ID of the element that describes this dialog.\n /\n ariaDescribedby?: string;\n /\n The type of dialog.\n /\n type?: DialogType;\n /\n The size of the dialog.\n /\n size?: DialogSize;\n /\n Custom styles applied to the dialog container.\n */\n style?: React.CSSProperties;\n}\n\nconst DialogContentContainer = forwardRef(\n (\n {\n id,\n className = \"\",\n ariaLabelledby = \"\",\n ariaDescribedby = \"\",\n type = \"popover\",\n size = \"small\",\n children,\n style,\n \"data-testid\": dataTestId = getTestId(ComponentDefaultTestId.DIALOG_CONTENT_CONTAINER, id),\n ...props\n }: DialogContentContainerProps,\n ref: React.Ref<HTMLElement>\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n return (\n <div\n role=\"dialog\"\n data-testid={dataTestId}\n aria-labelledby={ariaLabelledby}\n aria-describedby={ariaDescribedby}\n ref={mergedRef}\n style={style}\n className={cx(\n styles.dialogContentContainer,\n className,\n getStyle(styles, camelCase(\"type--\" + type)),\n getStyle(styles, camelCase(\"size--\" + size))\n )}\n {...props}\n >\n {children}\n </div>\n );\n }\n);\n\ninterface DialogContentContainerStaticProps {\n types: typeof DialogTypeEnum;\n sizes: typeof DialogSizeEnum;\n}\n\nexport default withStaticProps<DialogContentContainerProps, DialogContentContainerStaticProps>(DialogContentContainer, {\n types: DialogTypeEnum,\n sizes: DialogSizeEnum\n});\n"],"names":["withStaticProps","forwardRef","_a","ref","_a$className","className","_a$ariaLabelledby","ariaLabelledby","_a$ariaDescribedby","ariaDescribedby","_a$type","type","_a$size","size","children","style","_a$dataTestid","dataTestId","getTestId","ComponentDefaultTestId","DIALOG_CONTENT_CONTAINER","id","props","__rest","componentRef","useRef","mergedRef","useMergeRef","React","createElement","Object","assign","role","cx","styles","dialogContentContainer","getStyle","camelCase","types","DialogTypeEnum","sizes","DialogSizeEnum"],"mappings":"+kBAsCA,IA8CeA,EAAAA,EA9CgBC,GAC7B,SACEC,EAYAC,GAZA,IACIC,EAQwFF,EAP1FG,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAAE,EAO4EJ,EAN1FK,eAAAA,OAAiB,IAAHD,EAAG,GAAEA,EAAAE,EAMuEN,EAL1FO,gBAAAA,OAAkB,IAAHD,EAAG,GAAEA,EAAAE,EAKsER,EAJ1FS,KAAAA,OAAO,IAAHD,EAAG,UAASA,EAAAE,EAI0EV,EAH1FW,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EACdE,EAE0FZ,EAF1FY,SACAC,EAC0Fb,EAD1Fa,MAAKC,EACqFd,EAA1F,eAAee,OAAaC,IAAHF,EAAGE,EAAUC,EAAuBC,yBAA6BlB,EAR1FmB,IAQ0FL,EACvFM,EAAKC,EAAArB,EAVV,sGAcMsB,EAAeC,EAAO,MACtBC,EAAYC,EAAYxB,EAAKqB,GAEnC,OACEI,EAAAC,cAAA,MAAAC,OAAAC,OAAA,CACEC,KAAK,SAAQ,cACAf,EAAU,kBACNV,EAAc,mBACbE,EAClBN,IAAKuB,EACLX,MAAOA,EACPV,UAAW4B,EACTC,EAAOC,uBACP9B,EACA+B,EAASF,EAAQG,EAAU,SAAW1B,IACtCyB,EAASF,EAAQG,EAAU,SAAWxB,MAEpCS,GAEHR,EAGP,IAQqH,CACrHwB,MAAOC,EACPC,MAAOC"}

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

@@ -1,2 +1,2 @@
-var e={dialogContentContainer:"dialogContentContainer_3eeb9757a8",sizeSmall:"sizeSmall_fcc5046616",sizeMedium:"sizeMedium_62c236f162",sizeLarge:"sizeLarge_37c7680018",typePopover:"typePopover_2bef4504e4",typeModal:"typeModal_02d6dccba4"};!function(e){const n="s_id-84014680658e_3_36_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".dialogContentContainer_3eeb9757a8:focus {\n  outline: none;\n}\n\n.sizeSmall_fcc5046616 {\n  padding: var(--spacing-small);\n}\n\n.sizeMedium_62c236f162 {\n  padding: var(--spacing-medium);\n}\n\n.sizeLarge_37c7680018 {\n  padding: var(--spacing-large);\n}\n\n.typePopover_2bef4504e4 {\n  box-shadow: var(--experimental-dialog-border-in-dark-themes, 0 0 0 0 transparent), var(--box-shadow-medium);\n  border-radius: var(--border-radius-medium);\n  background-color: var(--secondary-background-color);\n}\n\n.typeModal_02d6dccba4 {\n  box-shadow: var(--box-shadow-large);\n  border-radius: var(--border-radius-big);\n  background-color: var(--primary-background-color);\n}");export{e as default};
+var e={dialogContentContainer:"dialogContentContainer_6bbb485dd8",sizeSmall:"sizeSmall_7f92b73fd3",sizeMedium:"sizeMedium_b0ae3dc45e",sizeLarge:"sizeLarge_658ded61d9",typePopover:"typePopover_1de31c7a69",typeModal:"typeModal_c45bea2573"};!function(e){const n="s_id-84014680658e_3_37_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,d.firstChild?d.insertBefore(a,d.firstChild):d.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".dialogContentContainer_6bbb485dd8:focus {\n  outline: none;\n}\n\n.sizeSmall_7f92b73fd3 {\n  padding: var(--spacing-small);\n}\n\n.sizeMedium_b0ae3dc45e {\n  padding: var(--spacing-medium);\n}\n\n.sizeLarge_658ded61d9 {\n  padding: var(--spacing-large);\n}\n\n.typePopover_1de31c7a69 {\n  box-shadow: var(--experimental-dialog-border-in-dark-themes, 0 0 0 0 transparent), var(--box-shadow-medium);\n  border-radius: var(--border-radius-medium);\n  background-color: var(--secondary-background-color);\n}\n\n.typeModal_c45bea2573 {\n  box-shadow: var(--box-shadow-large);\n  border-radius: var(--border-radius-big);\n  background-color: var(--primary-background-color);\n}");export{e as default};
 //# sourceMappingURL=DialogContentContainer.module.scss.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Divider.js","sources":["../../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React from \"react\";\nimport { DirectionType as DirectionTypeEnum } from \"./DividerConstants\";\nimport { DividerDirection } from \"./Divider.types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { withStaticProps, VibeComponentProps } from \"../../types\";\nimport styles from \"./Divider.module.scss\";\n\nexport interface DividerProps extends VibeComponentProps {\n /*\n The direction of the divider.\n /\n direction?: DividerDirection;\n /\n If true, removes margin from the divider.\n */\n withoutMargin?: boolean;\n}\n\nconst Divider: ~~React.FC<DividerProps> & {\n directions?: typeof DirectionTypeEnum;\n}~~ = ({\n className = undefined,\n withoutMargin = false,\n direction = \"horizontal\",\n id,\n \"data-testid\": dataTestId\n}: DividerProps) => {\n return (\n <div\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.DIVIDER, id)}\n className={cx(styles.divider, className, getStyle(styles, direction), {\n [styles.withoutMargin]: withoutMargin\n })}\n />\n );\n};\n\nexport default withStaticProps(Divider, {\n directions: DirectionTypeEnum\n});\n"],"names":["withStaticProps","_ref","_ref$className","className","undefined","_ref$withoutMargin","withoutMargin","_ref$direction","direction","id","React","createElement","getTestId","ComponentDefaultTestId","DIVIDER","cx","styles","divider","getStyle","_defineProperty","directions","DirectionTypeEnum"],"mappings":"0dAoBA,~~IAoBeA~~,EAAAA,~~GAlBX~~,~~SAFSC~~,~~GAQM~~,IAAAC,EAAAD,EALjBE,UAAAA,OAAYC,IAAHF,OAAGE,EAASF,EAAAG,EAAAJ,EACrBK,cAAAA,OAAgB,IAAHD,GAAQA,EAAAE,EAAAN,EACrBO,UAAAA,OAAY,IAAHD,EAAG,aAAYA,EACxBE,EAAER,EAAFQ,GAGA,OACEC,EAAAC,cAAA,MAAA,CACEF,GAAIA,EACS,cALQR,EAAzB,gBAK+BW,EAAUC,EAAuBC,QAASL,GACrEN,UAAWY,EAAGC,EAAOC,QAASd,EAAWe,EAASF,EAAQR,GAAUW,EAAA,CAAA,EACjEH,EAAOV,cAAgBA,KAIhC,~~GAEwC~~,~~CACtCc~~,WAAYC"}
1	+ {"version":3,"file":"Divider.js","sources":["../../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React from \"react\";\nimport { DirectionType as DirectionTypeEnum } from \"./DividerConstants\";\nimport { DividerDirection } from \"./Divider.types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { withStaticProps, VibeComponentProps } from \"../../types\";\nimport styles from \"./Divider.module.scss\";\n\nexport interface DividerProps extends VibeComponentProps {\n /*\n The direction of the divider.\n /\n direction?: DividerDirection;\n /\n If true, removes margin from the divider.\n */\n withoutMargin?: boolean;\n}\n\nconst Divider = ({\n className = undefined,\n withoutMargin = false,\n direction = \"horizontal\",\n id,\n \"data-testid\": dataTestId\n}: DividerProps) => {\n return (\n <div\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.DIVIDER, id)}\n className={cx(styles.divider, className, getStyle(styles, direction), {\n [styles.withoutMargin]: withoutMargin\n })}\n />\n );\n};\n\ninterface DividerStaticProps {\n directions: typeof DirectionTypeEnum;\n}\n\nexport default withStaticProps<DividerProps, DividerStaticProps>(Divider, {\n directions: DirectionTypeEnum\n});\n"],"names":["withStaticProps","_ref","_ref$className","className","undefined","_ref$withoutMargin","withoutMargin","_ref$direction","direction","id","React","createElement","getTestId","ComponentDefaultTestId","DIVIDER","cx","styles","divider","getStyle","_defineProperty","directions","DirectionTypeEnum"],"mappings":"0dAoBA,IAsBeA,EAAAA,GAtBC,SAAHC,GAMM,IAAAC,EAAAD,EALjBE,UAAAA,OAAYC,IAAHF,OAAGE,EAASF,EAAAG,EAAAJ,EACrBK,cAAAA,OAAgB,IAAHD,GAAQA,EAAAE,EAAAN,EACrBO,UAAAA,OAAY,IAAHD,EAAG,aAAYA,EACxBE,EAAER,EAAFQ,GAGA,OACEC,EAAAC,cAAA,MAAA,CACEF,GAAIA,EACS,cALQR,EAAzB,gBAK+BW,EAAUC,EAAuBC,QAASL,GACrEN,UAAWY,EAAGC,EAAOC,QAASd,EAAWe,EAASF,EAAQR,GAAUW,EAAA,CAAA,EACjEH,EAAOV,cAAgBA,KAIhC,GAM0E,CACxEc,WAAYC"}

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

@@ -1,2 +1,2 @@
-var e={divider:"divider_0256420fbd",withoutMargin:"withoutMargin_368afa31d1",horizontal:"horizontal_76f57f1d46",vertical:"vertical_03374e748d"};!function(e){const n="s_id-290500f5721e_3_36_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".divider_0256420fbd {\n  background-color: var(--layout-border-color);\n}\n\n.divider_0256420fbd.withoutMargin_368afa31d1 {\n  margin: 0;\n}\n\n.horizontal_76f57f1d46 {\n  height: 1px;\n  width: 100%;\n  margin: var(--spacing-small) 0;\n}\n\n.vertical_03374e748d {\n  height: 100%;\n  width: 1px;\n  margin: 0 var(--spacing-xs);\n}");export{e as default};
+var e={divider:"divider_c589ee5a0e",withoutMargin:"withoutMargin_70b050d5bb",horizontal:"horizontal_1904621b06",vertical:"vertical_75230aed20"};!function(e){const n="s_id-290500f5721e_3_37_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".divider_c589ee5a0e {\n  background-color: var(--layout-border-color);\n}\n\n.divider_c589ee5a0e.withoutMargin_70b050d5bb {\n  margin: 0;\n}\n\n.horizontal_1904621b06 {\n  height: 1px;\n  width: 100%;\n  margin: var(--spacing-small) 0;\n}\n\n.vertical_75230aed20 {\n  height: 100%;\n  width: 1px;\n  margin: 0 var(--spacing-xs);\n}");export{e as default};
 //# sourceMappingURL=Divider.module.scss.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Dropdown.js","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport { BaseSizes, SIZES_VALUES } from \"../../constants\";\nimport React, { forwardRef, useCallback, useMemo, useRef, useState, useEffect, useContext } from \"react\";\nimport Select, { InputProps, components, createFilter, ActionMeta } from \"react-select\";\nimport AsyncSelect from \"react-select/async\";\nimport BaseSelect from \"react-select/base\";\nimport { noop as NOOP } from \"lodash-es\";\nimport MenuComponent from \"./components/menu/menu\";\nimport DropdownIndicatorComponent from \"./components/DropdownIndicator/DropdownIndicator\";\nimport OptionComponent from \"./components/option/option\";\nimport SingleValueComponent from \"./components/singleValue/singleValue\";\nimport ClearIndicatorComponent from \"./components/ClearIndicator/ClearIndicator\";\nimport MultiValueContainer from \"./components/MultiValueContainer/MultiValueContainer\";\nimport { isClient } from \"../../utils/ssr-utils\";\nimport {\n ADD_AUTO_HEIGHT_COMPONENTS,\n defaultCustomStyles,\n DROPDOWN_CHIP_COLORS,\n DROPDOWN_ID,\n DROPDOWN_INPUT_ARIA_LABEL,\n DROPDOWN_MENU_ARIA_LABEL,\n DROPDOWN_MENU_ID,\n DROPDOWN_MENU_PLACEMENT,\n DROPDOWN_MENU_POSITION\n} from \"./DropdownConstants\";\nimport generateBaseStyles, { customTheme } from \"./Dropdown.styles\";\nimport Control from \"./components/Control/Control\";\nimport Text from \"../Text/Text\";\nimport menuStyles from \"./components/menu/menu.module.scss\";\nimport styles from \"./Dropdown.module.scss\";\nimport {\n DropdownOption,\n DropdownState,\n CustomMenuProps,\n CustomOptionProps,\n CustomSingleValueProps,\n DropdownComponentProps\n} from \"./Dropdown.types\";\nimport { VibeComponent, withStaticProps } from \"../../types\";\nimport { ComponentVibeId } from \"../../tests/constants\";\nimport LayerContext from \"../LayerProvider/LayerContext\";\n\nconst Dropdown: VibeComponent<DropdownComponentProps, HTMLElement> & {\n sizes?: typeof BaseSizes;\n chipColors?: typeof DROPDOWN_CHIP_COLORS;\n menuPlacements?: typeof DROPDOWN_MENU_PLACEMENT;\n menuPositions?: typeof DROPDOWN_MENU_POSITION;\n createFilter?: typeof createFilter;\n} = forwardRef(\n (\n {\n className,\n optionWrapperClassName,\n singleValueWrapperClassName,\n dropdownMenuWrapperClassName,\n placeholder = \"\",\n allowPlaceholderEllipsis,\n disabled = false,\n readOnly = false,\n onMenuOpen = NOOP,\n onMenuClose = NOOP,\n onFocus = NOOP,\n onBlur = NOOP,\n onScroll = NOOP,\n onMenuScrollToBottom = NOOP,\n onChange: customOnChange = NOOP,\n searchable = true,\n captureMenuScroll = false,\n options = [],\n defaultValue,\n value: customValue,\n noOptionsMessage,\n openMenuOnFocus,\n openMenuOnClick,\n clearable = true,\n OptionRenderer,\n optionRenderer,\n ValueRenderer,\n valueRenderer,\n menuRenderer,\n menuPlacement = \"bottom\",\n rtl,\n size = \"medium\",\n asyncOptions,\n cacheOptions,\n defaultOptions,\n isVirtualized,\n menuPortalTarget,\n extraStyles = defaultCustomStyles,\n maxMenuHeight,\n menuIsOpen,\n tabIndex = \"0\",\n id = DROPDOWN_ID,\n menuId = DROPDOWN_MENU_ID,\n menuAriaLabel = DROPDOWN_MENU_ARIA_LABEL,\n inputAriaLabel = DROPDOWN_INPUT_ARIA_LABEL,\n autoFocus = false,\n multi = false,\n multiline = false,\n onOptionRemove: customOnOptionRemove,\n onOptionSelect,\n onClear,\n onInputChange = NOOP,\n closeMenuOnSelect = !multi,\n closeMenuOnScroll: customCloseMenuOnScroll = false,\n withMandatoryDefaultOptions = false,\n isOptionSelected,\n insideOverflowContainer = false,\n insideOverflowWithTransformContainer = false,\n insideLayerContext = false,\n tooltipContent = \"\",\n onKeyDown = NOOP,\n isLoading = false,\n loadingMessage,\n ariaLabel,\n tabSelectsValue = true,\n popupsContainerSelector,\n filterOption,\n menuPosition = \"absolute\",\n \"data-testid\": dataTestId,\n withGroupDivider = false,\n inputValue,\n blurInputOnSelect\n }: DropdownComponentProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const controlRef = useRef();\n const { layerRef } = useContext(LayerContext);\n const overrideMenuPortalTarget =\n (insideLayerContext && layerRef?.current) \|\|\n menuPortalTarget \|\|\n (popupsContainerSelector && document.querySelector(popupsContainerSelector));\n const overrideDefaultValue = useMemo(() => {\n if (defaultValue) {\n return Array.isArray(defaultValue)\n ? (defaultValue as DropdownOption[]).map(df => ({ ...df, isMandatory: true }))\n : { ...(defaultValue as DropdownOption), isMandatory: true };\n }\n\n return defaultValue;\n }, [defaultValue]);\n\n BaseSelect.prototype.renderLiveRegion = (): null => {\n return null;\n };\n\n // SSR support\n const [WindowedMenuList, setWindowedMenuList] = useState(null);\n useEffect(() => {\n if (isClient()) {\n let isRequireAvailable = false;\n try {\n isRequireAvailable = typeof require === \"function\" && typeof module !== \"undefined\";\n } catch (e) {\n isRequireAvailable = false;\n }\n\n if (isRequireAvailable && process.env.NODE_ENV === \"test\") {\n // eslint-disable-next-line @typescript-eslint/no-var-requires\n const module = require(\"react-windowed-select\");\n setWindowedMenuList(() => module.WindowedMenuList);\n } else {\n // Dynamically import the specific named export from react-windowed-select for SSR support\n import(\"react-windowed-select\").then(module => {\n setWindowedMenuList(() => module.WindowedMenuList);\n });\n }\n }\n }, []);\n\n const [selected, setSelected] = useState(overrideDefaultValue \|\| []);\n const [focusedOptionId, setFocusedOptionId] = useState(\"\");\n const finalOptionRenderer = optionRenderer \|\| OptionRenderer;\n const finalValueRenderer = valueRenderer \|\| ValueRenderer;\n const isControlled = !!customValue;\n const selectedOptions = customValue ?? selected;\n const selectedOptionsMap = useMemo(() => {\n if (Array.isArray(selectedOptions)) {\n return selectedOptions.reduce((acc, option) => ({ ...acc, [option.value]: option }), {});\n }\n return {};\n }, [selectedOptions]);\n\n const overrideAriaLabel = useMemo(() => {\n return (\n ariaLabel \|\|\n `${readOnly ? \"Readonly \" : \"\"} ${tooltipContent} ${\n Array.isArray(selectedOptions) ? `Selected: ${selectedOptions.map(o => o.label).join(\", \")}` : \"Select\"\n }`\n );\n }, [ariaLabel, readOnly, selectedOptions, tooltipContent]);\n const value = multi ? selectedOptions : customValue;\n\n const inlineStyles = useMemo(() => {\n // We first want to get the default stylized groups (e.g. \"container\", \"menu\").\n const baseStyles = generateBaseStyles({\n size,\n rtl,\n insideOverflowContainer,\n controlRef,\n insideOverflowWithTransformContainer,\n withGroupDivider,\n searchable,\n allowPlaceholderEllipsis\n });\n\n type BaseStyles = typeof baseStyles;\n\n // Then we want to run the consumer's root-level custom styles with our \"base\" override groups.\n const customStyles = extraStyles(baseStyles);\n\n // Lastly, we create a style groups object that makes sure we run each custom group with our basic overrides.\n const mergedStyles: any = Object.entries(customStyles).reduce((accumulator, [stylesGroup, stylesFn]) => {\n return {\n ...accumulator,\n [stylesGroup]: (defaultStyles: BaseStyles, state: DropdownState) => {\n const providedFn = baseStyles[stylesGroup as keyof BaseStyles];\n const provided = providedFn ? providedFn(defaultStyles, state) : defaultStyles;\n\n return stylesFn(provided, state);\n }\n };\n }, {} as BaseStyles);\n\n if (multi) {\n if (multiline) {\n ADD_AUTO_HEIGHT_COMPONENTS.forEach((component: string) => {\n const original = mergedStyles[component];\n mergedStyles[component] = (provided: BaseStyles, state: DropdownState) => ({\n ...original(provided, state),\n height: \"auto\"\n });\n });\n }\n\n const originalValueContainer = mergedStyles.valueContainer;\n mergedStyles.valueContainer = (provided: BaseStyles, state: DropdownState) => ({\n ...originalValueContainer(provided, state),\n paddingLeft: 6\n });\n }\n\n return mergedStyles;\n }, [\n size,\n rtl,\n insideOverflowContainer,\n insideOverflowWithTransformContainer,\n allowPlaceholderEllipsis,\n extraStyles,\n multi,\n multiline\n ]);\n\n const Menu = useCallback(\n (props: CustomMenuProps) => (\n <MenuComponent\n {...props}\n id={menuId}\n ariaLabel={menuAriaLabel}\n Renderer={menuRenderer}\n dropdownMenuWrapperClassName={dropdownMenuWrapperClassName}\n onScroll={onScroll}\n />\n ),\n [dropdownMenuWrapperClassName, menuRenderer, menuId, menuAriaLabel, onScroll]\n );\n\n const DropdownIndicator = useCallback(\n (props: React.HTMLAttributes<HTMLElement> & { size?: SIZES_VALUES }) => (\n <DropdownIndicatorComponent {...props} size={size} />\n ),\n [size]\n );\n\n const Option = useCallback(\n (props: CustomOptionProps) => (\n <OptionComponent\n setFocusedOptionId={setFocusedOptionId}\n {...props}\n Renderer={finalOptionRenderer}\n optionWrapperClassName={optionWrapperClassName}\n />\n ),\n [finalOptionRenderer, optionWrapperClassName, setFocusedOptionId]\n );\n\n const Input = useCallback(\n (props: InputProps \| any) => {\n const { focusedOptionId, menuIsOpen } = props.selectProps;\n const ariaActiveDescendant = focusedOptionId && menuIsOpen ? focusedOptionId : \"\";\n return (\n <components.Input\n {...props}\n aria-activedescendant={ariaActiveDescendant}\n role=\"combobox\"\n aria-expanded={!readOnly && menuIsOpen}\n aria-label={inputAriaLabel}\n aria-controls={menuId}\n readOnly={!searchable ? true : undefined}\n />\n );\n },\n [menuId, readOnly]\n );\n\n const SingleValue = useCallback(\n (props: CustomSingleValueProps) => (\n <SingleValueComponent\n {...props}\n readOnly={readOnly}\n Renderer={finalValueRenderer}\n selectedOption={selectedOptions[0]}\n singleValueWrapperClassName={singleValueWrapperClassName}\n />\n ),\n [finalValueRenderer, readOnly, selectedOptions, singleValueWrapperClassName]\n );\n\n const ClearIndicator = useCallback(\n (props: React.HTMLAttributes<HTMLElement> & { size?: SIZES_VALUES }) => (\n <ClearIndicatorComponent {...props} size={size} />\n ),\n [size]\n );\n\n const onOptionRemove = useMemo(() => {\n return function (optionValue: number, e: React.MouseEvent \| React.KeyboardEvent) {\n if (customOnOptionRemove) {\n customOnOptionRemove(selectedOptionsMap[optionValue]);\n }\n const newSelectedOptions = Array.isArray(selectedOptions)\n ? selectedOptions.filter(option => option.value !== optionValue)\n : selectedOptions;\n\n if (customOnChange) {\n customOnChange(newSelectedOptions, e);\n }\n setSelected(newSelectedOptions);\n };\n }, [customOnChange, customOnOptionRemove, selectedOptions, selectedOptionsMap]);\n\n const customProps = useMemo(\n () => ({\n selectedOptions,\n onSelectedDelete: onOptionRemove,\n isMultiline: multiline,\n insideOverflowContainer,\n insideOverflowWithTransformContainer,\n controlRef,\n tooltipContent,\n popupsContainerSelector: insideLayerContext ? layerRef?.current : popupsContainerSelector,\n size\n }),\n [\n selectedOptions,\n onOptionRemove,\n multiline,\n insideOverflowContainer,\n insideOverflowWithTransformContainer,\n tooltipContent,\n layerRef,\n popupsContainerSelector,\n insideLayerContext,\n size\n ]\n );\n const onChange = (option: DropdownOption \| DropdownOption[], meta: ActionMeta<DropdownOption>) => {\n if (customOnChange) {\n customOnChange(option, meta);\n }\n\n switch (meta.action) {\n case \"select-option\": {\n const selectedOption = multi ? meta.option : option;\n\n if (onOptionSelect) {\n onOptionSelect(selectedOption);\n }\n\n if (!isControlled) {\n setSelected([...selectedOptions, selectedOption]);\n }\n break;\n }\n\n case \"clear\":\n if (onClear) {\n onClear();\n }\n\n if (!isControlled) {\n if (withMandatoryDefaultOptions) setSelected(overrideDefaultValue);\n else setSelected([]);\n }\n break;\n }\n };\n\n let DropDownComponent: React.ElementType = asyncOptions ? AsyncSelect : Select;\n\n // @ts-expect-error - We need to check if the default export is available\n DropDownComponent = DropDownComponent.default \|\| DropDownComponent;\n\n const asyncAdditions = {\n ...(asyncOptions && {\n loadOptions: asyncOptions,\n cacheOptions,\n ...(defaultOptions && { defaultOptions })\n })\n };\n\n const additions = {\n ...(!asyncOptions && { options }),\n ...(multi && {\n isMulti: true\n })\n };\n\n const closeMenuOnScroll = useCallback(\n (event: React.FocusEvent) => {\n const scrolledElement = event.target;\n if (scrolledElement?.parentElement?.classList.contains(menuStyles.dropdownMenuWrapper)) {\n return false;\n }\n return customCloseMenuOnScroll \|\| insideOverflowContainer \|\| insideOverflowWithTransformContainer;\n },\n [insideOverflowContainer, insideOverflowWithTransformContainer, customCloseMenuOnScroll]\n );\n\n const calculatedPlaceholder = useMemo(\n () =>\n allowPlaceholderEllipsis ? (\n <Text type=\"text2\" color=\"inherit\">\n {placeholder}\n </Text>\n ) : (\n placeholder\n ),\n [allowPlaceholderEllipsis, placeholder]\n );\n\n return (\n <DropDownComponent\n className={cx(styles.dropdown, className)}\n selectProps={customProps}\n components={{\n DropdownIndicator,\n Menu,\n ClearIndicator,\n Input,\n Option,\n Control,\n SingleValue,\n ...(multi && {\n MultiValue: NOOP, // We need it for react-select to behave nice with \"multi\"\n ValueContainer: MultiValueContainer\n }),\n ...(isVirtualized && WindowedMenuList && { MenuList: WindowedMenuList })\n }}\n // When inside scroll we set the menu position by js and we can't follow the drop down location while use scrolling\n closeMenuOnScroll={closeMenuOnScroll}\n size={size}\n noOptionsMessage={noOptionsMessage}\n placeholder={calculatedPlaceholder}\n isDisabled={disabled}\n isClearable={!readOnly && clearable}\n isSearchable={!readOnly}\n readOnly={readOnly}\n aria-readonly={readOnly}\n aria-label={overrideAriaLabel}\n aria-details={tooltipContent}\n aria-haspopup=\"listbox\"\n defaultValue={defaultValue}\n value={value}\n onMenuOpen={onMenuOpen}\n onMenuClose={onMenuClose}\n onFocus={onFocus}\n onBlur={onBlur}\n onMenuScrollToBottom={onMenuScrollToBottom}\n captureMenuScroll={captureMenuScroll}\n onChange={onChange}\n onKeyDown={onKeyDown}\n onInputChange={onInputChange}\n openMenuOnFocus={openMenuOnFocus}\n openMenuOnClick={openMenuOnClick}\n focusedOptionId={focusedOptionId}\n isRtl={rtl}\n styles={inlineStyles}\n theme={customTheme}\n maxMenuHeight={maxMenuHeight}\n menuPortalTarget={overrideMenuPortalTarget}\n menuPlacement={menuPlacement}\n menuPosition={menuPosition}\n menuIsOpen={!readOnly && menuIsOpen}\n tabIndex={tabIndex}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.DROPDOWN, id)}\n data-vibe={ComponentVibeId.DROPDOWN}\n autoFocus={autoFocus}\n closeMenuOnSelect={closeMenuOnSelect}\n ref={ref as React.Ref<any>}\n withMandatoryDefaultOptions={withMandatoryDefaultOptions}\n isOptionSelected={isOptionSelected}\n isLoading={isLoading}\n loadingMessage={loadingMessage}\n tabSelectsValue={tabSelectsValue}\n filterOption={filterOption}\n inputValue={inputValue}\n blurInputOnSelect={blurInputOnSelect}\n {...asyncAdditions}\n {...additions}\n />\n );\n }\n);\n\nexport default withStaticProps(Dropdown, {\n sizes: BaseSizes,\n chipColors: DROPDOWN_CHIP_COLORS,\n menuPlacements: DROPDOWN_MENU_PLACEMENT,\n menuPositions: DROPDOWN_MENU_POSITION,\n createFilter: createFilter\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","optionWrapperClassName","singleValueWrapperClassName","dropdownMenuWrapperClassName","_ref$placeholder","placeholder","allowPlaceholderEllipsis","_ref$disabled","disabled","_ref$readOnly","readOnly","_ref$onMenuOpen","onMenuOpen","NOOP","_ref$onMenuClose","onMenuClose","_ref$onFocus","onFocus","_ref$onBlur","onBlur","_ref$onScroll","onScroll","_ref$onMenuScrollToBo","onMenuScrollToBottom","_ref$onChange","onChange","customOnChange","_ref$searchable","searchable","_ref$captureMenuScrol","captureMenuScroll","_ref$options","options","defaultValue","customValue","value","noOptionsMessage","openMenuOnFocus","openMenuOnClick","_ref$clearable","clearable","OptionRenderer","optionRenderer","ValueRenderer","valueRenderer","menuRenderer","_ref$menuPlacement","menuPlacement","rtl","_ref$size","size","asyncOptions","cacheOptions","defaultOptions","isVirtualized","menuPortalTarget","_ref$extraStyles","extraStyles","defaultCustomStyles","maxMenuHeight","menuIsOpen","_ref$tabIndex","tabIndex","_ref$id","id","DROPDOWN_ID","_ref$menuId","menuId","DROPDOWN_MENU_ID","_ref$menuAriaLabel","menuAriaLabel","DROPDOWN_MENU_ARIA_LABEL","_ref$inputAriaLabel","inputAriaLabel","DROPDOWN_INPUT_ARIA_LABEL","_ref$autoFocus","autoFocus","_ref$multi","multi","_ref$multiline","multiline","customOnOptionRemove","onOptionRemove","onOptionSelect","onClear","_ref$onInputChange","onInputChange","_ref$closeMenuOnSelec","closeMenuOnSelect","_ref$closeMenuOnScrol","closeMenuOnScroll","customCloseMenuOnScroll","_ref$withMandatoryDef","withMandatoryDefaultOptions","isOptionSelected","_ref$insideOverflowCo","insideOverflowContainer","_ref$insideOverflowWi","insideOverflowWithTransformContainer","_ref$insideLayerConte","insideLayerContext","_ref$tooltipContent","tooltipContent","_ref$onKeyDown","onKeyDown","_ref$isLoading","isLoading","loadingMessage","ariaLabel","_ref$tabSelectsValue","tabSelectsValue","popupsContainerSelector","filterOption","_ref$menuPosition","menuPosition","dataTestId","_ref$withGroupDivider","withGroupDivider","inputValue","blurInputOnSelect","controlRef","useRef","layerRef","useContext","LayerContext","overrideMenuPortalTarget","current","document","querySelector","overrideDefaultValue","useMemo","Array","isArray","map","df","Object","assign","isMandatory","BaseSelect","prototype","renderLiveRegion","_useState","useState","_useState2","_slicedToArray","WindowedMenuList","setWindowedMenuList","useEffect","isClient","require","module","e","import","then","_useState3","_useState4","selected","setSelected","_useState5","_useState6","focusedOptionId","setFocusedOptionId","finalOptionRenderer","finalValueRenderer","isControlled","selectedOptions","selectedOptionsMap","reduce","acc","option","_defineProperty","overrideAriaLabel","concat","o","label","join","inlineStyles","baseStyles","generateBaseStyles","customStyles","mergedStyles","entries","accumulator","_ref2","_ref3","stylesGroup","stylesFn","defaultStyles","state","providedFn","provided","ADD_AUTO_HEIGHT_COMPONENTS","forEach","component","original","height","originalValueContainer","valueContainer","paddingLeft","Menu","useCallback","props","React","createElement","MenuComponent","Renderer","DropdownIndicator","DropdownIndicatorComponent","Option","OptionComponent","Input","_props$selectProps","selectProps","components","role","undefined","SingleValue","SingleValueComponent","selectedOption","ClearIndicator","ClearIndicatorComponent","optionValue","newSelectedOptions","filter","customProps","onSelectedDelete","isMultiline","DropDownComponent","AsyncSelect","Select","default","asyncAdditions","loadOptions","additions","isMulti","event","scrolledElement","target","parentElement","_a","classList","contains","menuStyles","dropdownMenuWrapper","calculatedPlaceholder","Text","type","color","cx","styles","dropdown","Control","MultiValue","ValueContainer","MultiValueContainer","MenuList","isDisabled","isClearable","isSearchable","meta","action","_toConsumableArray","isRtl","theme","customTheme","getTestId","ComponentDefaultTestId","DROPDOWN","ComponentVibeId","sizes","BaseSizes","chipColors","DROPDOWN_CHIP_COLORS","menuPlacements","DROPDOWN_MENU_PLACEMENT","menuPositions","DROPDOWN_MENU_POSITION","createFilter"],"mappings":"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"}
1	+ {"version":3,"file":"Dropdown.js","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport { BaseSizes, SIZES_VALUES } from \"../../constants\";\nimport React, { forwardRef, useCallback, useMemo, useRef, useState, useEffect, useContext } from \"react\";\nimport Select, { InputProps, components, createFilter, ActionMeta } from \"react-select\";\nimport AsyncSelect from \"react-select/async\";\nimport BaseSelect from \"react-select/base\";\nimport { noop as NOOP } from \"lodash-es\";\nimport MenuComponent from \"./components/menu/menu\";\nimport DropdownIndicatorComponent from \"./components/DropdownIndicator/DropdownIndicator\";\nimport OptionComponent from \"./components/option/option\";\nimport SingleValueComponent from \"./components/singleValue/singleValue\";\nimport ClearIndicatorComponent from \"./components/ClearIndicator/ClearIndicator\";\nimport MultiValueContainer from \"./components/MultiValueContainer/MultiValueContainer\";\nimport { isClient } from \"../../utils/ssr-utils\";\nimport {\n ADD_AUTO_HEIGHT_COMPONENTS,\n defaultCustomStyles,\n DROPDOWN_CHIP_COLORS,\n DROPDOWN_ID,\n DROPDOWN_INPUT_ARIA_LABEL,\n DROPDOWN_MENU_ARIA_LABEL,\n DROPDOWN_MENU_ID,\n DROPDOWN_MENU_PLACEMENT,\n DROPDOWN_MENU_POSITION\n} from \"./DropdownConstants\";\nimport generateBaseStyles, { customTheme } from \"./Dropdown.styles\";\nimport Control from \"./components/Control/Control\";\nimport Text from \"../Text/Text\";\nimport menuStyles from \"./components/menu/menu.module.scss\";\nimport styles from \"./Dropdown.module.scss\";\nimport {\n DropdownOption,\n DropdownState,\n CustomMenuProps,\n CustomOptionProps,\n CustomSingleValueProps,\n DropdownComponentProps\n} from \"./Dropdown.types\";\nimport { withStaticProps } from \"../../types\";\nimport { ComponentVibeId } from \"../../tests/constants\";\nimport LayerContext from \"../LayerProvider/LayerContext\";\n\nconst Dropdown = forwardRef(\n (\n {\n className,\n optionWrapperClassName,\n singleValueWrapperClassName,\n dropdownMenuWrapperClassName,\n placeholder = \"\",\n allowPlaceholderEllipsis,\n disabled = false,\n readOnly = false,\n onMenuOpen = NOOP,\n onMenuClose = NOOP,\n onFocus = NOOP,\n onBlur = NOOP,\n onScroll = NOOP,\n onMenuScrollToBottom = NOOP,\n onChange: customOnChange = NOOP,\n searchable = true,\n captureMenuScroll = false,\n options = [],\n defaultValue,\n value: customValue,\n noOptionsMessage,\n openMenuOnFocus,\n openMenuOnClick,\n clearable = true,\n OptionRenderer,\n optionRenderer,\n ValueRenderer,\n valueRenderer,\n menuRenderer,\n menuPlacement = \"bottom\",\n rtl,\n size = \"medium\",\n asyncOptions,\n cacheOptions,\n defaultOptions,\n isVirtualized,\n menuPortalTarget,\n extraStyles = defaultCustomStyles,\n maxMenuHeight,\n menuIsOpen,\n tabIndex = \"0\",\n id = DROPDOWN_ID,\n menuId = DROPDOWN_MENU_ID,\n menuAriaLabel = DROPDOWN_MENU_ARIA_LABEL,\n inputAriaLabel = DROPDOWN_INPUT_ARIA_LABEL,\n autoFocus = false,\n multi = false,\n multiline = false,\n onOptionRemove: customOnOptionRemove,\n onOptionSelect,\n onClear,\n onInputChange = NOOP,\n closeMenuOnSelect = !multi,\n closeMenuOnScroll: customCloseMenuOnScroll = false,\n withMandatoryDefaultOptions = false,\n isOptionSelected,\n insideOverflowContainer = false,\n insideOverflowWithTransformContainer = false,\n insideLayerContext = false,\n tooltipContent = \"\",\n onKeyDown = NOOP,\n isLoading = false,\n loadingMessage,\n ariaLabel,\n tabSelectsValue = true,\n popupsContainerSelector,\n filterOption,\n menuPosition = \"absolute\",\n \"data-testid\": dataTestId,\n withGroupDivider = false,\n inputValue,\n blurInputOnSelect\n }: DropdownComponentProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const controlRef = useRef();\n const { layerRef } = useContext(LayerContext);\n const overrideMenuPortalTarget =\n (insideLayerContext && layerRef?.current) \|\|\n menuPortalTarget \|\|\n (popupsContainerSelector && document.querySelector(popupsContainerSelector));\n const overrideDefaultValue = useMemo(() => {\n if (defaultValue) {\n return Array.isArray(defaultValue)\n ? (defaultValue as DropdownOption[]).map(df => ({ ...df, isMandatory: true }))\n : { ...(defaultValue as DropdownOption), isMandatory: true };\n }\n\n return defaultValue;\n }, [defaultValue]);\n\n BaseSelect.prototype.renderLiveRegion = (): null => {\n return null;\n };\n\n // SSR support\n const [WindowedMenuList, setWindowedMenuList] = useState(null);\n useEffect(() => {\n if (isClient()) {\n let isRequireAvailable = false;\n try {\n isRequireAvailable = typeof require === \"function\" && typeof module !== \"undefined\";\n } catch (e) {\n isRequireAvailable = false;\n }\n\n if (isRequireAvailable && process.env.NODE_ENV === \"test\") {\n // eslint-disable-next-line @typescript-eslint/no-var-requires\n const module = require(\"react-windowed-select\");\n setWindowedMenuList(() => module.WindowedMenuList);\n } else {\n // Dynamically import the specific named export from react-windowed-select for SSR support\n import(\"react-windowed-select\").then(module => {\n setWindowedMenuList(() => module.WindowedMenuList);\n });\n }\n }\n }, []);\n\n const [selected, setSelected] = useState(overrideDefaultValue \|\| []);\n const [focusedOptionId, setFocusedOptionId] = useState(\"\");\n const finalOptionRenderer = optionRenderer \|\| OptionRenderer;\n const finalValueRenderer = valueRenderer \|\| ValueRenderer;\n const isControlled = !!customValue;\n const selectedOptions = customValue ?? selected;\n const selectedOptionsMap = useMemo(() => {\n if (Array.isArray(selectedOptions)) {\n return selectedOptions.reduce((acc, option) => ({ ...acc, [option.value]: option }), {});\n }\n return {};\n }, [selectedOptions]);\n\n const overrideAriaLabel = useMemo(() => {\n return (\n ariaLabel \|\|\n `${readOnly ? \"Readonly \" : \"\"} ${tooltipContent} ${\n Array.isArray(selectedOptions) ? `Selected: ${selectedOptions.map(o => o.label).join(\", \")}` : \"Select\"\n }`\n );\n }, [ariaLabel, readOnly, selectedOptions, tooltipContent]);\n const value = multi ? selectedOptions : customValue;\n\n const inlineStyles = useMemo(() => {\n // We first want to get the default stylized groups (e.g. \"container\", \"menu\").\n const baseStyles = generateBaseStyles({\n size,\n rtl,\n insideOverflowContainer,\n controlRef,\n insideOverflowWithTransformContainer,\n withGroupDivider,\n searchable,\n allowPlaceholderEllipsis\n });\n\n type BaseStyles = typeof baseStyles;\n\n // Then we want to run the consumer's root-level custom styles with our \"base\" override groups.\n const customStyles = extraStyles(baseStyles);\n\n // Lastly, we create a style groups object that makes sure we run each custom group with our basic overrides.\n const mergedStyles: any = Object.entries(customStyles).reduce((accumulator, [stylesGroup, stylesFn]) => {\n return {\n ...accumulator,\n [stylesGroup]: (defaultStyles: BaseStyles, state: DropdownState) => {\n const providedFn = baseStyles[stylesGroup as keyof BaseStyles];\n const provided = providedFn ? providedFn(defaultStyles, state) : defaultStyles;\n\n return stylesFn(provided, state);\n }\n };\n }, {} as BaseStyles);\n\n if (multi) {\n if (multiline) {\n ADD_AUTO_HEIGHT_COMPONENTS.forEach((component: string) => {\n const original = mergedStyles[component];\n mergedStyles[component] = (provided: BaseStyles, state: DropdownState) => ({\n ...original(provided, state),\n height: \"auto\"\n });\n });\n }\n\n const originalValueContainer = mergedStyles.valueContainer;\n mergedStyles.valueContainer = (provided: BaseStyles, state: DropdownState) => ({\n ...originalValueContainer(provided, state),\n paddingLeft: 6\n });\n }\n\n return mergedStyles;\n }, [\n size,\n rtl,\n insideOverflowContainer,\n insideOverflowWithTransformContainer,\n allowPlaceholderEllipsis,\n extraStyles,\n multi,\n multiline\n ]);\n\n const Menu = useCallback(\n (props: CustomMenuProps) => (\n <MenuComponent\n {...props}\n id={menuId}\n ariaLabel={menuAriaLabel}\n Renderer={menuRenderer}\n dropdownMenuWrapperClassName={dropdownMenuWrapperClassName}\n onScroll={onScroll}\n />\n ),\n [dropdownMenuWrapperClassName, menuRenderer, menuId, menuAriaLabel, onScroll]\n );\n\n const DropdownIndicator = useCallback(\n (props: React.HTMLAttributes<HTMLElement> & { size?: SIZES_VALUES }) => (\n <DropdownIndicatorComponent {...props} size={size} />\n ),\n [size]\n );\n\n const Option = useCallback(\n (props: CustomOptionProps) => (\n <OptionComponent\n setFocusedOptionId={setFocusedOptionId}\n {...props}\n Renderer={finalOptionRenderer}\n optionWrapperClassName={optionWrapperClassName}\n />\n ),\n [finalOptionRenderer, optionWrapperClassName, setFocusedOptionId]\n );\n\n const Input = useCallback(\n (props: InputProps \| any) => {\n const { focusedOptionId, menuIsOpen } = props.selectProps;\n const ariaActiveDescendant = focusedOptionId && menuIsOpen ? focusedOptionId : \"\";\n return (\n <components.Input\n {...props}\n aria-activedescendant={ariaActiveDescendant}\n role=\"combobox\"\n aria-expanded={!readOnly && menuIsOpen}\n aria-label={inputAriaLabel}\n aria-controls={menuId}\n readOnly={!searchable ? true : undefined}\n />\n );\n },\n [menuId, readOnly]\n );\n\n const SingleValue = useCallback(\n (props: CustomSingleValueProps) => (\n <SingleValueComponent\n {...props}\n readOnly={readOnly}\n Renderer={finalValueRenderer}\n selectedOption={selectedOptions[0]}\n singleValueWrapperClassName={singleValueWrapperClassName}\n />\n ),\n [finalValueRenderer, readOnly, selectedOptions, singleValueWrapperClassName]\n );\n\n const ClearIndicator = useCallback(\n (props: React.HTMLAttributes<HTMLElement> & { size?: SIZES_VALUES }) => (\n <ClearIndicatorComponent {...props} size={size} />\n ),\n [size]\n );\n\n const onOptionRemove = useMemo(() => {\n return function (optionValue: number, e: React.MouseEvent \| React.KeyboardEvent) {\n if (customOnOptionRemove) {\n customOnOptionRemove(selectedOptionsMap[optionValue]);\n }\n const newSelectedOptions = Array.isArray(selectedOptions)\n ? selectedOptions.filter(option => option.value !== optionValue)\n : selectedOptions;\n\n if (customOnChange) {\n customOnChange(newSelectedOptions, e);\n }\n setSelected(newSelectedOptions);\n };\n }, [customOnChange, customOnOptionRemove, selectedOptions, selectedOptionsMap]);\n\n const customProps = useMemo(\n () => ({\n selectedOptions,\n onSelectedDelete: onOptionRemove,\n isMultiline: multiline,\n insideOverflowContainer,\n insideOverflowWithTransformContainer,\n controlRef,\n tooltipContent,\n popupsContainerSelector: insideLayerContext ? layerRef?.current : popupsContainerSelector,\n size\n }),\n [\n selectedOptions,\n onOptionRemove,\n multiline,\n insideOverflowContainer,\n insideOverflowWithTransformContainer,\n tooltipContent,\n layerRef,\n popupsContainerSelector,\n insideLayerContext,\n size\n ]\n );\n const onChange = (option: DropdownOption \| DropdownOption[], meta: ActionMeta<DropdownOption>) => {\n if (customOnChange) {\n customOnChange(option, meta);\n }\n\n switch (meta.action) {\n case \"select-option\": {\n const selectedOption = multi ? meta.option : option;\n\n if (onOptionSelect) {\n onOptionSelect(selectedOption);\n }\n\n if (!isControlled) {\n setSelected([...selectedOptions, selectedOption]);\n }\n break;\n }\n\n case \"clear\":\n if (onClear) {\n onClear();\n }\n\n if (!isControlled) {\n if (withMandatoryDefaultOptions) setSelected(overrideDefaultValue);\n else setSelected([]);\n }\n break;\n }\n };\n\n let DropDownComponent: React.ElementType = asyncOptions ? AsyncSelect : Select;\n\n // @ts-expect-error - We need to check if the default export is available\n DropDownComponent = DropDownComponent.default \|\| DropDownComponent;\n\n const asyncAdditions = {\n ...(asyncOptions && {\n loadOptions: asyncOptions,\n cacheOptions,\n ...(defaultOptions && { defaultOptions })\n })\n };\n\n const additions = {\n ...(!asyncOptions && { options }),\n ...(multi && {\n isMulti: true\n })\n };\n\n const closeMenuOnScroll = useCallback(\n (event: React.FocusEvent) => {\n const scrolledElement = event.target;\n if (scrolledElement?.parentElement?.classList.contains(menuStyles.dropdownMenuWrapper)) {\n return false;\n }\n return customCloseMenuOnScroll \|\| insideOverflowContainer \|\| insideOverflowWithTransformContainer;\n },\n [insideOverflowContainer, insideOverflowWithTransformContainer, customCloseMenuOnScroll]\n );\n\n const calculatedPlaceholder = useMemo(\n () =>\n allowPlaceholderEllipsis ? (\n <Text type=\"text2\" color=\"inherit\">\n {placeholder}\n </Text>\n ) : (\n placeholder\n ),\n [allowPlaceholderEllipsis, placeholder]\n );\n\n return (\n <DropDownComponent\n className={cx(styles.dropdown, className)}\n selectProps={customProps}\n components={{\n DropdownIndicator,\n Menu,\n ClearIndicator,\n Input,\n Option,\n Control,\n SingleValue,\n ...(multi && {\n MultiValue: NOOP, // We need it for react-select to behave nice with \"multi\"\n ValueContainer: MultiValueContainer\n }),\n ...(isVirtualized && WindowedMenuList && { MenuList: WindowedMenuList })\n }}\n // When inside scroll we set the menu position by js and we can't follow the drop down location while use scrolling\n closeMenuOnScroll={closeMenuOnScroll}\n size={size}\n noOptionsMessage={noOptionsMessage}\n placeholder={calculatedPlaceholder}\n isDisabled={disabled}\n isClearable={!readOnly && clearable}\n isSearchable={!readOnly}\n readOnly={readOnly}\n aria-readonly={readOnly}\n aria-label={overrideAriaLabel}\n aria-details={tooltipContent}\n aria-haspopup=\"listbox\"\n defaultValue={defaultValue}\n value={value}\n onMenuOpen={onMenuOpen}\n onMenuClose={onMenuClose}\n onFocus={onFocus}\n onBlur={onBlur}\n onMenuScrollToBottom={onMenuScrollToBottom}\n captureMenuScroll={captureMenuScroll}\n onChange={onChange}\n onKeyDown={onKeyDown}\n onInputChange={onInputChange}\n openMenuOnFocus={openMenuOnFocus}\n openMenuOnClick={openMenuOnClick}\n focusedOptionId={focusedOptionId}\n isRtl={rtl}\n styles={inlineStyles}\n theme={customTheme}\n maxMenuHeight={maxMenuHeight}\n menuPortalTarget={overrideMenuPortalTarget}\n menuPlacement={menuPlacement}\n menuPosition={menuPosition}\n menuIsOpen={!readOnly && menuIsOpen}\n tabIndex={tabIndex}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.DROPDOWN, id)}\n data-vibe={ComponentVibeId.DROPDOWN}\n autoFocus={autoFocus}\n closeMenuOnSelect={closeMenuOnSelect}\n ref={ref as React.Ref<any>}\n withMandatoryDefaultOptions={withMandatoryDefaultOptions}\n isOptionSelected={isOptionSelected}\n isLoading={isLoading}\n loadingMessage={loadingMessage}\n tabSelectsValue={tabSelectsValue}\n filterOption={filterOption}\n inputValue={inputValue}\n blurInputOnSelect={blurInputOnSelect}\n {...asyncAdditions}\n {...additions}\n />\n );\n }\n);\n\ninterface DropdownStaticProps {\n sizes: typeof BaseSizes;\n chipColors: typeof DROPDOWN_CHIP_COLORS;\n menuPlacements: typeof DROPDOWN_MENU_PLACEMENT;\n menuPositions: typeof DROPDOWN_MENU_POSITION;\n createFilter: typeof createFilter;\n}\n\nexport default withStaticProps<DropdownComponentProps, DropdownStaticProps>(Dropdown, {\n sizes: BaseSizes,\n chipColors: DROPDOWN_CHIP_COLORS,\n menuPlacements: DROPDOWN_MENU_PLACEMENT,\n menuPositions: DROPDOWN_MENU_POSITION,\n createFilter\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","optionWrapperClassName","singleValueWrapperClassName","dropdownMenuWrapperClassName","_ref$placeholder","placeholder","allowPlaceholderEllipsis","_ref$disabled","disabled","_ref$readOnly","readOnly","_ref$onMenuOpen","onMenuOpen","NOOP","_ref$onMenuClose","onMenuClose","_ref$onFocus","onFocus","_ref$onBlur","onBlur","_ref$onScroll","onScroll","_ref$onMenuScrollToBo","onMenuScrollToBottom","_ref$onChange","onChange","customOnChange","_ref$searchable","searchable","_ref$captureMenuScrol","captureMenuScroll","_ref$options","options","defaultValue","customValue","value","noOptionsMessage","openMenuOnFocus","openMenuOnClick","_ref$clearable","clearable","OptionRenderer","optionRenderer","ValueRenderer","valueRenderer","menuRenderer","_ref$menuPlacement","menuPlacement","rtl","_ref$size","size","asyncOptions","cacheOptions","defaultOptions","isVirtualized","menuPortalTarget","_ref$extraStyles","extraStyles","defaultCustomStyles","maxMenuHeight","menuIsOpen","_ref$tabIndex","tabIndex","_ref$id","id","DROPDOWN_ID","_ref$menuId","menuId","DROPDOWN_MENU_ID","_ref$menuAriaLabel","menuAriaLabel","DROPDOWN_MENU_ARIA_LABEL","_ref$inputAriaLabel","inputAriaLabel","DROPDOWN_INPUT_ARIA_LABEL","_ref$autoFocus","autoFocus","_ref$multi","multi","_ref$multiline","multiline","customOnOptionRemove","onOptionRemove","onOptionSelect","onClear","_ref$onInputChange","onInputChange","_ref$closeMenuOnSelec","closeMenuOnSelect","_ref$closeMenuOnScrol","closeMenuOnScroll","customCloseMenuOnScroll","_ref$withMandatoryDef","withMandatoryDefaultOptions","isOptionSelected","_ref$insideOverflowCo","insideOverflowContainer","_ref$insideOverflowWi","insideOverflowWithTransformContainer","_ref$insideLayerConte","insideLayerContext","_ref$tooltipContent","tooltipContent","_ref$onKeyDown","onKeyDown","_ref$isLoading","isLoading","loadingMessage","ariaLabel","_ref$tabSelectsValue","tabSelectsValue","popupsContainerSelector","filterOption","_ref$menuPosition","menuPosition","dataTestId","_ref$withGroupDivider","withGroupDivider","inputValue","blurInputOnSelect","controlRef","useRef","layerRef","useContext","LayerContext","overrideMenuPortalTarget","current","document","querySelector","overrideDefaultValue","useMemo","Array","isArray","map","df","Object","assign","isMandatory","BaseSelect","prototype","renderLiveRegion","_useState","useState","_useState2","_slicedToArray","WindowedMenuList","setWindowedMenuList","useEffect","isClient","require","module","e","import","then","_useState3","_useState4","selected","setSelected","_useState5","_useState6","focusedOptionId","setFocusedOptionId","finalOptionRenderer","finalValueRenderer","isControlled","selectedOptions","selectedOptionsMap","reduce","acc","option","_defineProperty","overrideAriaLabel","concat","o","label","join","inlineStyles","baseStyles","generateBaseStyles","customStyles","mergedStyles","entries","accumulator","_ref2","_ref3","stylesGroup","stylesFn","defaultStyles","state","providedFn","provided","ADD_AUTO_HEIGHT_COMPONENTS","forEach","component","original","height","originalValueContainer","valueContainer","paddingLeft","Menu","useCallback","props","React","createElement","MenuComponent","Renderer","DropdownIndicator","DropdownIndicatorComponent","Option","OptionComponent","Input","_props$selectProps","selectProps","components","role","undefined","SingleValue","SingleValueComponent","selectedOption","ClearIndicator","ClearIndicatorComponent","optionValue","newSelectedOptions","filter","customProps","onSelectedDelete","isMultiline","DropDownComponent","AsyncSelect","Select","default","asyncAdditions","loadOptions","additions","isMulti","event","scrolledElement","target","parentElement","_a","classList","contains","menuStyles","dropdownMenuWrapper","calculatedPlaceholder","Text","type","color","cx","styles","dropdown","Control","MultiValue","ValueContainer","MultiValueContainer","MenuList","isDisabled","isClearable","isSearchable","meta","action","_toConsumableArray","isRtl","theme","customTheme","getTestId","ComponentDefaultTestId","DROPDOWN","ComponentVibeId","sizes","BaseSizes","chipColors","DROPDOWN_CHIP_COLORS","menuPlacements","DROPDOWN_MENU_PLACEMENT","menuPositions","DROPDOWN_MENU_POSITION","createFilter"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var o={dropdown:"dropdown_fee3e52b8d"};!function(o){const e="s_id-9c014db6980d_3_36_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}(".dropdown_fee3e52b8d .fast-option {\n  display: flex;\n  align-content: center;\n  color: var(--primary-text-color);\n  cursor: pointer;\n  border-radius: var(--border-radius-small);\n  margin: 0 var(--spacing-small);\n  padding: 0 var(--spacing-small);\n  transition: all var(--motion-productive-medium) var(--motion-timing-enter);\n}\n\n.dropdown_fee3e52b8d .fast-option:disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.dropdown_fee3e52b8d .fast-option-disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.dropdown_fee3e52b8d .fast-option-focused {\n  color: var(--primary-text-color);\n  background-color: var(--primary-selected-color);\n  user-select: none;\n  box-sizing: border-box;\n}\n\n.dropdown_fee3e52b8d .fast-option-focused:hover {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n}\n\n.dropdown_fee3e52b8d .fast-option-selected {\n  color: var(--primary-color);\n  background-color: var(--primary-selected-color);\n  cursor: pointer;\n}");export{o as default};
+var o={dropdown:"dropdown_f8bd36ed6b"};!function(o){const n="s_id-9c014db6980d_3_37_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const e=document.createElement("style");e.id=n,r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}(".dropdown_f8bd36ed6b .fast-option {\n  display: flex;\n  align-content: center;\n  color: var(--primary-text-color);\n  cursor: pointer;\n  border-radius: var(--border-radius-small);\n  margin: 0 var(--spacing-small);\n  padding: 0 var(--spacing-small);\n  transition: all var(--motion-productive-medium) var(--motion-timing-enter);\n}\n\n.dropdown_f8bd36ed6b .fast-option:disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.dropdown_f8bd36ed6b .fast-option-disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.dropdown_f8bd36ed6b .fast-option-focused {\n  color: var(--primary-text-color);\n  background-color: var(--primary-selected-color);\n  user-select: none;\n  box-sizing: border-box;\n}\n\n.dropdown_f8bd36ed6b .fast-option-focused:hover {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n}\n\n.dropdown_f8bd36ed6b .fast-option-selected {\n  color: var(--primary-color);\n  background-color: var(--primary-selected-color);\n  cursor: pointer;\n}");export{o as default};
 //# sourceMappingURL=Dropdown.module.scss.js.map

package/dist/src/components/Dropdown/components/ChildrenContent/ChildrenContent.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={valueContainer:"valueContainer_c95e96cd35",avatar:"avatar_70c44c9b52",icon:"icon_2387b0e0ea"};!function(e){const n="s_id-a9768234c15e_3_36_0";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)}(".valueContainer_c95e96cd35 {\n  display: flex;\n  gap: var(--spacing-xs);\n  align-items: center;\n  width: 100%;\n}\n.valueContainer_c95e96cd35 .avatar_70c44c9b52,\n.valueContainer_c95e96cd35 .icon_2387b0e0ea {\n  flex-shrink: 0;\n}");export{e as default};
+var e={valueContainer:"valueContainer_8b02d0450e",avatar:"avatar_03907fd82a",icon:"icon_e9d164f176"};!function(e){const n="s_id-a9768234c15e_3_37_0";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)}(".valueContainer_8b02d0450e {\n  display: flex;\n  gap: var(--spacing-xs);\n  align-items: center;\n  width: 100%;\n}\n.valueContainer_8b02d0450e .avatar_03907fd82a,\n.valueContainer_8b02d0450e .icon_e9d164f176 {\n  flex-shrink: 0;\n}");export{e as default};
 //# sourceMappingURL=ChildrenContent.module.scss.js.map

package/dist/src/components/Dropdown/components/MultiValueContainer/MultiValueContainer.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={"chip-with-input-wrapper":"chip-with-input-wrapper_ef64c7e83c","placeholder-container":"placeholder-container_f778c0d886","multiselect-chip-multi-line":"multiselect-chip-multi-line_219e0cf354","multiselect-chip-single-line-medium":"multiselect-chip-single-line-medium_43c1487b05","multiselect-chip-single-line-large":"multiselect-chip-single-line-large_69fb77e31e","multiselect-chip-single-line-small":"multiselect-chip-single-line-small_d24bdfd5f4","multiselect-chip-disabled":"multiselect-chip-disabled_6686ce358a","value-container":"value-container_aa2c0eeca6","value-container-chips":"value-container-chips_9a2b4d68d3","without-placeholder":"without-placeholder_f778c0d886",valueDialogContent:"valueDialogContent_e9aa2b5efe",chips:"chips_9a2b4d68d3"};!function(e){const n="s_id-ae46b2835ce0_3_36_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,i.firstChild?i.insertBefore(l,i.firstChild):i.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".chip-with-input-wrapper_ef64c7e83c {\n  display: flex;\n}\n\n.placeholder-container_f778c0d886 {\n  margin-left: 6px;\n}\n\n.multiselect-chip-multi-line_219e0cf354 {\n  --chips-margin: 2px;\n}\n\n.multiselect-chip-single-line-medium_43c1487b05 {\n  --chips-margin: 5px 2px;\n}\n\n.multiselect-chip-single-line-large_69fb77e31e {\n  --chips-margin: 9px 2px;\n}\n\n.multiselect-chip-single-line-small_d24bdfd5f4 {\n  --chips-margin: 1px 2px;\n}\n\n.multiselect-chip-disabled_6686ce358a {\n  background-color: var(--ui-background-color) !important;\n}\n\n.value-container_aa2c0eeca6 {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n\n.value-container-chips_9a2b4d68d3 {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  flex-grow: 1;\n  height: 100%;\n  overflow: hidden;\n}\n\n.value-container-chips_9a2b4d68d3.without-placeholder_f778c0d886 {\n  margin-left: 6px;\n}\n\n.valueDialogContent_e9aa2b5efe {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  max-height: 300px;\n  overflow-y: auto;\n}\n\n.valueDialogContent_e9aa2b5efe::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.valueDialogContent_e9aa2b5efe::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n\n.valueDialogContent_e9aa2b5efe .chips_9a2b4d68d3 {\n  flex-shrink: 0;\n}");export{e as default};
+var e={"chip-with-input-wrapper":"chip-with-input-wrapper_881c1c88a2","placeholder-container":"placeholder-container_7f721a2f89","multiselect-chip-multi-line":"multiselect-chip-multi-line_c7a3ad4e66","multiselect-chip-single-line-medium":"multiselect-chip-single-line-medium_8de57e4338","multiselect-chip-single-line-large":"multiselect-chip-single-line-large_ec3702b414","multiselect-chip-single-line-small":"multiselect-chip-single-line-small_3cbd9421a1","multiselect-chip-disabled":"multiselect-chip-disabled_6ed4df32d8","value-container":"value-container_813d3365be","value-container-chips":"value-container-chips_80a26bbb8b","without-placeholder":"without-placeholder_7f721a2f89",valueDialogContent:"valueDialogContent_a30eeeb3c0",chips:"chips_80a26bbb8b"};!function(e){const n="s_id-ae46b2835ce0_3_37_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,i.firstChild?i.insertBefore(l,i.firstChild):i.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".chip-with-input-wrapper_881c1c88a2 {\n  display: flex;\n}\n\n.placeholder-container_7f721a2f89 {\n  margin-left: 6px;\n}\n\n.multiselect-chip-multi-line_c7a3ad4e66 {\n  --chips-margin: 2px;\n}\n\n.multiselect-chip-single-line-medium_8de57e4338 {\n  --chips-margin: 5px 2px;\n}\n\n.multiselect-chip-single-line-large_ec3702b414 {\n  --chips-margin: 9px 2px;\n}\n\n.multiselect-chip-single-line-small_3cbd9421a1 {\n  --chips-margin: 1px 2px;\n}\n\n.multiselect-chip-disabled_6ed4df32d8 {\n  background-color: var(--ui-background-color) !important;\n}\n\n.value-container_813d3365be {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n\n.value-container-chips_80a26bbb8b {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  flex-grow: 1;\n  height: 100%;\n  overflow: hidden;\n}\n\n.value-container-chips_80a26bbb8b.without-placeholder_7f721a2f89 {\n  margin-left: 6px;\n}\n\n.valueDialogContent_a30eeeb3c0 {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  max-height: 300px;\n  overflow-y: auto;\n}\n\n.valueDialogContent_a30eeeb3c0::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.valueDialogContent_a30eeeb3c0::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n\n.valueDialogContent_a30eeeb3c0 .chips_80a26bbb8b {\n  flex-shrink: 0;\n}");export{e as default};
 //# sourceMappingURL=MultiValueContainer.module.scss.js.map

package/dist/src/components/Dropdown/components/menu/menu.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={dropdownMenuWrapper:"dropdownMenuWrapper_6327e58636",fadeIn:"fadeIn_c9562dde0a",withoutAnimation:"withoutAnimation_5dcd219179",dropdownMenuWrapperFixedPosition:"dropdownMenuWrapperFixedPosition_b761a2a372"};!function(e){const n="s_id-11829aafa26c_3_36_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".dropdownMenuWrapper_6327e58636 {\n  animation: fadeIn_c9562dde0a var(--motion-productive-medium) var(--motion-timing-enter);\n}\n.dropdownMenuWrapper_6327e58636.withoutAnimation_5dcd219179 {\n  animation: none;\n}\n.dropdownMenuWrapperFixedPosition_b761a2a372 {\n  /* When inside a scrollable area, we want the menu to appear above the scrollable container (we set the specific position by js) */\n  position: fixed !important;\n}\n@keyframes fadeIn_c9562dde0a {\n  0% {\n    opacity: 0;\n    z-index: -10000;\n    transform: translateY(var(--dropdown-menu-fadinY, -75px));\n  }\n  100% {\n    opacity: 1;\n    z-index: 999;\n    transform: translateY(0px);\n  }\n}");export{e as default};
+var e={dropdownMenuWrapper:"dropdownMenuWrapper_e85d22f7db",fadeIn:"fadeIn_06858d07fe",withoutAnimation:"withoutAnimation_030668362c",dropdownMenuWrapperFixedPosition:"dropdownMenuWrapperFixedPosition_236c15b6c9"};!function(e){const n="s_id-11829aafa26c_3_37_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".dropdownMenuWrapper_e85d22f7db {\n  animation: fadeIn_06858d07fe var(--motion-productive-medium) var(--motion-timing-enter);\n}\n.dropdownMenuWrapper_e85d22f7db.withoutAnimation_030668362c {\n  animation: none;\n}\n.dropdownMenuWrapperFixedPosition_236c15b6c9 {\n  /* When inside a scrollable area, we want the menu to appear above the scrollable container (we set the specific position by js) */\n  position: fixed !important;\n}\n@keyframes fadeIn_06858d07fe {\n  0% {\n    opacity: 0;\n    z-index: -10000;\n    transform: translateY(var(--dropdown-menu-fadinY, -75px));\n  }\n  100% {\n    opacity: 1;\n    z-index: 999;\n    transform: translateY(0px);\n  }\n}");export{e as default};
 //# sourceMappingURL=menu.module.scss.js.map

package/dist/src/components/Dropdown/components/option/option.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={optionReset:"optionReset_908f089832"};!function(e){const t="s_id-64f14b86843f_3_36_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".optionReset_908f089832 {\n  height: auto;\n}");export{e as default};
+var e={optionReset:"optionReset_079f4e0e04"};!function(e){const t="s_id-64f14b86843f_3_37_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".optionReset_079f4e0e04 {\n  height: auto;\n}");export{e as default};
 //# sourceMappingURL=option.module.scss.js.map

package/dist/src/components/Dropdown/components/singleValue/singleValue.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={singleValue:"singleValue_4a59824c49"};!function(e){const n="s_id-a262ceec984a_3_36_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".singleValue_4a59824c49 {\n  padding-inline: var(--spacing-xs);\n}");export{e as default};
+var e={singleValue:"singleValue_934a7a49d9"};!function(e){const n="s_id-a262ceec984a_3_37_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)}(".singleValue_934a7a49d9 {\n  padding-inline: var(--spacing-xs);\n}");export{e as default};
 //# sourceMappingURL=singleValue.module.scss.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"EditableHeading.js","sources":["../../../../src/components/EditableHeading/EditableHeading.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport React, { forwardRef } from \"react\";\nimport Heading from \"../Heading/Heading\";\nimport { ~~VibeComponent,~~ VibeComponentProps, withStaticProps } from \"../../types\";\nimport styles from \"./EditableHeading.module.scss\";\nimport { HeadingType as HeadingTypeEnum, HeadingWeight as HeadingWeightEnum } from \"../Heading/HeadingConstants\";\nimport { HeadingType, HeadingWeight } from \"../Heading~~/Heading.types~~\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { camelCase } from \"lodash-es\";\nimport EditableTypography, { EditableTypographyImplementationProps } from \"../EditableTypography/EditableTypography\";\n\nexport interface EditableHeadingProps extends VibeComponentProps, EditableTypographyImplementationProps {\n /*\n The type of the heading element.\n /\n type?: HeadingType;\n /\n The font weight of the heading.\n */\n weight?: HeadingWeight;\n}\n\nconst EditableHeading: ~~VibeComponent<EditableHeadingProps, HTMLElement> & {\n types?: typeof HeadingTypeEnum;\n weights?: typeof HeadingWeightEnum;\n}~~ = forwardRef(\n (\n { type = \"h1\", weight = \"normal\", id, \"data-testid\": dataTestId, ...editableTypographyProps }: EditableHeadingProps,\n ref\n ) => {\n return (\n <EditableTypography\n ref={ref}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.EDITABLE_HEADING, id)}\n component={Heading}\n typographyClassName={getStyle(styles, camelCase(type + \"-\" + weight))}\n type={type}\n weight={weight}\n {...editableTypographyProps}\n />\n );\n }\n);\n\nexport default withStaticProps(EditableHeading, {\n types: HeadingTypeEnum,\n weights: HeadingWeightEnum\n});\n"],"names":["withStaticProps","forwardRef","_a","ref","_a$type","type","_a$weight","weight","id","dataTestId","editableTypographyProps","__rest","React","EditableTypography","Object","assign","getTestId","ComponentDefaultTestId","EDITABLE_HEADING","component","Heading","typographyClassName","getStyle","styles","camelCase","types","HeadingTypeEnum","weights","HeadingWeightEnum"],"mappings":"8lBAsBA,~~IAsBeA~~,EAAAA,~~EAnBXC~~,~~GACF~~,SACEC,EACAC,GADA,IAAAC,EAA+DF,EAA7DG,KAAAA,OAAO,IAAHD,EAAG,KAAIA,EAAAE,EAAkDJ,EAAhDK,OAAAA,OAAS,IAAHD,EAAG,SAAQA,EAAEE,EAA6BN,EAA7BM,GAAmBC,EAAUP,EAAzB,eAA8BQ,EAAuBC,EAAAT,EAA3F,sCAGA,OACEU,gBAACC,EAAkBC,OAAAC,OAAA,CACjBZ,IAAKA,EACQ,cAAAM,GAAcO,EAAUC,EAAuBC,iBAAkBV,GAC9EW,UAAWC,EACXC,oBAAqBC,EAASC,EAAQC,EAAUnB,EAAO,IAAME,IAC7DF,KAAMA,EACNE,OAAQA,GACJG,GAGV,~~IAG8C~~,~~CAC9Ce~~,MAAOC,EACPC,QAASC"}
1	+ {"version":3,"file":"EditableHeading.js","sources":["../../../../src/components/EditableHeading/EditableHeading.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport React, { forwardRef } from \"react\";\nimport Heading from \"../Heading/Heading\";\nimport { VibeComponentProps, withStaticProps } from \"../../types\";\nimport styles from \"./EditableHeading.module.scss\";\nimport { HeadingType as HeadingTypeEnum, HeadingWeight as HeadingWeightEnum } from \"../Heading/HeadingConstants\";\nimport { HeadingType, HeadingWeight } from \"../Heading\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { camelCase } from \"lodash-es\";\nimport EditableTypography, { EditableTypographyImplementationProps } from \"../EditableTypography/EditableTypography\";\n\nexport interface EditableHeadingProps extends VibeComponentProps, EditableTypographyImplementationProps {\n /*\n The type of the heading element.\n /\n type?: HeadingType;\n /\n The font weight of the heading.\n */\n weight?: HeadingWeight;\n}\n\nconst EditableHeading = forwardRef(\n (\n { type = \"h1\", weight = \"normal\", id, \"data-testid\": dataTestId, ...editableTypographyProps }: EditableHeadingProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n return (\n <EditableTypography\n ref={ref}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.EDITABLE_HEADING, id)}\n component={Heading}\n typographyClassName={getStyle(styles, camelCase(type + \"-\" + weight))}\n type={type}\n weight={weight}\n {...editableTypographyProps}\n />\n );\n }\n);\n\ninterface EditableHeadingStaticProps {\n types: typeof HeadingTypeEnum;\n weights: typeof HeadingWeightEnum;\n}\n\nexport default withStaticProps<EditableHeadingProps, EditableHeadingStaticProps>(EditableHeading, {\n types: HeadingTypeEnum,\n weights: HeadingWeightEnum\n});\n"],"names":["withStaticProps","forwardRef","_a","ref","_a$type","type","_a$weight","weight","id","dataTestId","editableTypographyProps","__rest","React","EditableTypography","Object","assign","getTestId","ComponentDefaultTestId","EDITABLE_HEADING","component","Heading","typographyClassName","getStyle","styles","camelCase","types","HeadingTypeEnum","weights","HeadingWeightEnum"],"mappings":"8lBAsBA,IAwBeA,EAAAA,EAxBSC,GACtB,SACEC,EACAC,GADA,IAAAC,EAA+DF,EAA7DG,KAAAA,OAAO,IAAHD,EAAG,KAAIA,EAAAE,EAAkDJ,EAAhDK,OAAAA,OAAS,IAAHD,EAAG,SAAQA,EAAEE,EAA6BN,EAA7BM,GAAmBC,EAAUP,EAAzB,eAA8BQ,EAAuBC,EAAAT,EAA3F,sCAGA,OACEU,gBAACC,EAAkBC,OAAAC,OAAA,CACjBZ,IAAKA,EACQ,cAAAM,GAAcO,EAAUC,EAAuBC,iBAAkBV,GAC9EW,UAAWC,EACXC,oBAAqBC,EAASC,EAAQC,EAAUnB,EAAO,IAAME,IAC7DF,KAAMA,EACNE,OAAQA,GACJG,GAGV,IAQgG,CAChGe,MAAOC,EACPC,QAASC"}

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

@@ -1,2 +1,2 @@
-var n={h1Bold:"h1Bold_595b5beca6",h1Medium:"h1Medium_d32cce321f",h1Normal:"h1Normal_69e54e0339",h1Light:"h1Light_32db2cbaa0",h2Bold:"h2Bold_f9707d33c3",h2Medium:"h2Medium_52fc8025e7",h2Normal:"h2Normal_4505b83081",h2Light:"h2Light_ccbee2d7d0",h3Bold:"h3Bold_e8c3903fc3",h3Medium:"h3Medium_03b77c83ad",h3Normal:"h3Normal_c5f0efb2ef",h3Light:"h3Light_ec61b64c0b"};!function(n){const o="s_id-81b561c226b7_3_36_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".h1Bold_595b5beca6 {\n  font: var(--font-h1-bold);\n  letter-spacing: var(--letter-spacing-h1-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Medium_d32cce321f {\n  font: var(--font-h1-medium);\n  letter-spacing: var(--letter-spacing-h1-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Normal_69e54e0339 {\n  font: var(--font-h1-normal);\n  letter-spacing: var(--letter-spacing-h1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Light_32db2cbaa0 {\n  font: var(--font-h1-light);\n  letter-spacing: var(--letter-spacing-h1-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Bold_f9707d33c3 {\n  font: var(--font-h2-bold);\n  letter-spacing: var(--letter-spacing-h2-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Medium_52fc8025e7 {\n  font: var(--font-h2-medium);\n  letter-spacing: var(--letter-spacing-h2-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Normal_4505b83081 {\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Light_ccbee2d7d0 {\n  font: var(--font-h2-light);\n  letter-spacing: var(--letter-spacing-h2-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Bold_e8c3903fc3 {\n  font: var(--font-h3-bold);\n  letter-spacing: var(--letter-spacing-h3-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Medium_03b77c83ad {\n  font: var(--font-h3-medium);\n  letter-spacing: var(--letter-spacing-h3-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Normal_c5f0efb2ef {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Light_ec61b64c0b {\n  font: var(--font-h3-light);\n  letter-spacing: var(--letter-spacing-h3-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{n as default};
+var n={h1Bold:"h1Bold_fb53cd604b",h1Medium:"h1Medium_8eb15a0a47",h1Normal:"h1Normal_4bbc793ff6",h1Light:"h1Light_d9a9ae9da2",h2Bold:"h2Bold_e14e9c3b48",h2Medium:"h2Medium_9b5388f738",h2Normal:"h2Normal_bddd9e396b",h2Light:"h2Light_3154f15f2b",h3Bold:"h3Bold_d5e069752c",h3Medium:"h3Medium_bc934dad86",h3Normal:"h3Normal_65cab604d7",h3Light:"h3Light_2699a2333e"};!function(n){const o="s_id-81b561c226b7_3_37_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".h1Bold_fb53cd604b {\n  font: var(--font-h1-bold);\n  letter-spacing: var(--letter-spacing-h1-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Medium_8eb15a0a47 {\n  font: var(--font-h1-medium);\n  letter-spacing: var(--letter-spacing-h1-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Normal_4bbc793ff6 {\n  font: var(--font-h1-normal);\n  letter-spacing: var(--letter-spacing-h1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Light_d9a9ae9da2 {\n  font: var(--font-h1-light);\n  letter-spacing: var(--letter-spacing-h1-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Bold_e14e9c3b48 {\n  font: var(--font-h2-bold);\n  letter-spacing: var(--letter-spacing-h2-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Medium_9b5388f738 {\n  font: var(--font-h2-medium);\n  letter-spacing: var(--letter-spacing-h2-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Normal_bddd9e396b {\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Light_3154f15f2b {\n  font: var(--font-h2-light);\n  letter-spacing: var(--letter-spacing-h2-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Bold_d5e069752c {\n  font: var(--font-h3-bold);\n  letter-spacing: var(--letter-spacing-h3-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Medium_bc934dad86 {\n  font: var(--font-h3-medium);\n  letter-spacing: var(--letter-spacing-h3-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Normal_65cab604d7 {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Light_2699a2333e {\n  font: var(--font-h3-light);\n  letter-spacing: var(--letter-spacing-h3-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{n as default};
 //# sourceMappingURL=EditableHeading.module.scss.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"EditableText.js","sources":["../../../../src/components/EditableText/EditableText.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport React, { forwardRef } from \"react\";\nimport { ~~VibeComponent,~~ VibeComponentProps, withStaticProps } from \"../../types\";\nimport styles from \"./EditableText.module.scss\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { camelCase } from \"lodash-es\";\nimport EditableTypography, { EditableTypographyImplementationProps } from \"../EditableTypography/EditableTypography\";\nimport { TextType as TextTypeEnum, TextWeight as TextWeightEnum } from \"../Text/TextConstants\";\nimport { TextType, TextWeight } from \"../Text~~/Text.types~~\";\nimport Text from \"../Text/Text\";\nimport cx from \"classnames\";\n\nexport interface EditableTextProps extends VibeComponentProps, EditableTypographyImplementationProps {\n /*\n The text style variant.\n /\n type?: TextType;\n /\n The font weight of the text.\n /\n weight?: TextWeight;\n /\n If true, enables editing multiple lines of text.\n */\n multiline?: boolean;\n}\n\nconst EditableText: ~~VibeComponent<EditableTextProps, HTMLElement> & {\n types?: typeof TextTypeEnum;\n weights?: typeof TextWeightEnum;\n}~~ = forwardRef(\n (\n {\n type = \"text2\",\n weight = \"normal\",\n \"data-testid\": dataTestId,\n id,\n multiline,\n ...editableTypographyProps\n }: EditableTextProps,\n ref\n ) => {\n return (\n <EditableTypography\n className={styles.editableText}\n ref={ref}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.EDITABLE_TEXT, id)}\n component={Text}\n typographyClassName={cx(getStyle(styles, camelCase(type + \"-\" + weight)), styles.typography)}\n clearable\n type={type}\n weight={weight}\n multiline={multiline}\n {...editableTypographyProps}\n />\n );\n }\n);\n\nexport default withStaticProps(EditableText, {\n types: TextTypeEnum,\n weights: TextWeightEnum\n});\n"],"names":["withStaticProps","forwardRef","_a","ref","type","_a$type","_a$weight","weight","dataTestId","id","multiline","editableTypographyProps","__rest","React","createElement","EditableTypography","Object","assign","className","styles","editableText","getTestId","ComponentDefaultTestId","EDITABLE_TEXT","component","Text","typographyClassName","cx","getStyle","camelCase","typography","clearable","types","TextTypeEnum","weights","TextWeightEnum"],"mappings":"mmBA2BA,~~IAgCeA~~,EAAAA,~~EA7BXC~~,~~GACF~~,SACEC,EAQAC,SAHWD,EAJTE,KAAAA,OAAO,IAAHC,EAAG,QAAOA,EAAAC,EAILJ,EAHTK,OAAAA,OAAS,IAAHD,EAAG,SAAQA,EACFE,EAENN,EAFT,eACAO,EACSP,EADTO,GACAC,EAASR,EAATQ,UACGC,EAAuBC,EAAAV,EAN5B,kDAUA,OACEW,EAAAC,cAACC,EAAkBC,OAAAC,OAAA,CACjBC,UAAWC,EAAOC,aAClBjB,IAAKA,gBACQK,GAAca,EAAUC,EAAuBC,cAAed,GAC3Ee,UAAWC,EACXC,oBAAqBC,EAAGC,EAAST,EAAQU,EAAUzB,EAAO,IAAMG,IAAUY,EAAOW,YACjFC,WAAS,EACT3B,KAAMA,EACNG,OAAQA,EACRG,UAAWA,GACPC,GAGV,~~IAG2C~~,~~CAC3CqB~~,MAAOC,EACPC,QAASC"}
1	+ {"version":3,"file":"EditableText.js","sources":["../../../../src/components/EditableText/EditableText.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport React, { forwardRef } from \"react\";\nimport { VibeComponentProps, withStaticProps } from \"../../types\";\nimport styles from \"./EditableText.module.scss\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { camelCase } from \"lodash-es\";\nimport EditableTypography, { EditableTypographyImplementationProps } from \"../EditableTypography/EditableTypography\";\nimport { TextType as TextTypeEnum, TextWeight as TextWeightEnum } from \"../Text/TextConstants\";\nimport { TextType, TextWeight } from \"../Text\";\nimport Text from \"../Text/Text\";\nimport cx from \"classnames\";\n\nexport interface EditableTextProps extends VibeComponentProps, EditableTypographyImplementationProps {\n /*\n The text style variant.\n /\n type?: TextType;\n /\n The font weight of the text.\n /\n weight?: TextWeight;\n /\n If true, enables editing multiple lines of text.\n */\n multiline?: boolean;\n}\n\nconst EditableText = forwardRef(\n (\n {\n type = \"text2\",\n weight = \"normal\",\n \"data-testid\": dataTestId,\n id,\n multiline,\n ...editableTypographyProps\n }: EditableTextProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n return (\n <EditableTypography\n className={styles.editableText}\n ref={ref}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.EDITABLE_TEXT, id)}\n component={Text}\n typographyClassName={cx(getStyle(styles, camelCase(type + \"-\" + weight)), styles.typography)}\n clearable\n type={type}\n weight={weight}\n multiline={multiline}\n {...editableTypographyProps}\n />\n );\n }\n);\n\ninterface EditableTextStaticProps {\n types: typeof TextTypeEnum;\n weights: typeof TextWeightEnum;\n}\n\nexport default withStaticProps<EditableTextProps, EditableTextStaticProps>(EditableText, {\n types: TextTypeEnum,\n weights: TextWeightEnum\n});\n"],"names":["withStaticProps","forwardRef","_a","ref","type","_a$type","_a$weight","weight","dataTestId","id","multiline","editableTypographyProps","__rest","React","createElement","EditableTypography","Object","assign","className","styles","editableText","getTestId","ComponentDefaultTestId","EDITABLE_TEXT","component","Text","typographyClassName","cx","getStyle","camelCase","typography","clearable","types","TextTypeEnum","weights","TextWeightEnum"],"mappings":"mmBA2BA,IAkCeA,EAAAA,EAlCMC,GACnB,SACEC,EAQAC,SAHWD,EAJTE,KAAAA,OAAO,IAAHC,EAAG,QAAOA,EAAAC,EAILJ,EAHTK,OAAAA,OAAS,IAAHD,EAAG,SAAQA,EACFE,EAENN,EAFT,eACAO,EACSP,EADTO,GACAC,EAASR,EAATQ,UACGC,EAAuBC,EAAAV,EAN5B,kDAUA,OACEW,EAAAC,cAACC,EAAkBC,OAAAC,OAAA,CACjBC,UAAWC,EAAOC,aAClBjB,IAAKA,gBACQK,GAAca,EAAUC,EAAuBC,cAAed,GAC3Ee,UAAWC,EACXC,oBAAqBC,EAAGC,EAAST,EAAQU,EAAUzB,EAAO,IAAMG,IAAUY,EAAOW,YACjFC,WAAS,EACT3B,KAAMA,EACNG,OAAQA,EACRG,UAAWA,GACPC,GAGV,IAQuF,CACvFqB,MAAOC,EACPC,QAASC"}

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

@@ -1,2 +1,2 @@
-var t={text1Bold:"text1Bold_d1961fc1f3",text1Medium:"text1Medium_4db92d70c5",text1Normal:"text1Normal_7a4df6b6bc",text2Bold:"text2Bold_f777c74efe",text2Medium:"text2Medium_a95db1da4a",text2Normal:"text2Normal_340df826d0",text3Bold:"text3Bold_40fb54af16",text3Medium:"text3Medium_fcdf8ebd52",text3Normal:"text3Normal_07abd99432",editableText:"editableText_41d8f22f0d",typography:"typography_25f198aa63"};!function(t){const e="s_id-bcdc5f69e9db_3_36_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".text1Bold_d1961fc1f3 {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium_4db92d70c5 {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal_7a4df6b6bc {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold_f777c74efe {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium_a95db1da4a {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal_340df826d0 {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold_40fb54af16 {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium_fcdf8ebd52 {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal_07abd99432 {\n  font: var(--font-text3-normal);\n}\n\n.editableText_41d8f22f0d .typography_25f198aa63 {\n  min-width: 56px;\n}");export{t as default};
+var t={text1Bold:"text1Bold_38cf5b738e",text1Medium:"text1Medium_967e926ac2",text1Normal:"text1Normal_d3d14592d1",text2Bold:"text2Bold_9775b36665",text2Medium:"text2Medium_42ba564c13",text2Normal:"text2Normal_5b48fe554d",text3Bold:"text3Bold_8f2135c8c5",text3Medium:"text3Medium_3da58b5731",text3Normal:"text3Normal_93aab03f70",editableText:"editableText_5037e7183d",typography:"typography_3a32516970"};!function(t){const e="s_id-bcdc5f69e9db_3_37_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".text1Bold_38cf5b738e {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium_967e926ac2 {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal_d3d14592d1 {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold_9775b36665 {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium_42ba564c13 {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal_5b48fe554d {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold_8f2135c8c5 {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium_3da58b5731 {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal_93aab03f70 {\n  font: var(--font-text3-normal);\n}\n\n.editableText_5037e7183d .typography_3a32516970 {\n  min-width: 56px;\n}");export{t as default};
 //# sourceMappingURL=EditableText.module.scss.js.map