npm - @vibe/core - Versions diffs - 3.0.0-alpha.2 → 3.0.0-alpha.4 - Mend

@vibe/core 3.0.0-alpha.2 → 3.0.0-alpha.4

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Dialog.js","sources":["../../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { PureComponent, ReactElement } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { Manager, Modifier, Popper, Reference } from \"react-popper\";\nimport { isFunction } from \"lodash-es\";\nimport { chainFunctions, convertToArray, NOOP } from \"../../utils/function-utils\";\nimport { DialogContent } from \"./DialogContent/DialogContent\";\nimport { isInsideClass } from \"../../utils/dom-utils\";\nimport { Refable } from \"../Refable/Refable\";\nimport {\n AnimationType as AnimationTypeEnum,\n HideShowEvent as DialogTriggerEventEnum,\n DialogPosition as DialogPositionEnum\n} from \"./DialogConstants\";\nimport { VibeComponentProps } from \"../../types\";\nimport * as PopperJS from \"@popperjs/core\";\nimport styles from \"./Dialog.module.scss\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { DialogAnimationType, DialogPosition, DialogTriggerEvent } from \"./Dialog.types\";\n\nexport interface DialogProps extends VibeComponentProps {\n /*\n A Classname to be added to <span> element which wraps the children\n /\n referenceWrapperClassName?: string;\n /\n Where the dialog should be in reference to the children,\n * Top, Left, Right, Bottom ...\n /\n position?: DialogPosition;\n /\n PopperJS Modifiers type\n * https://popper.js.org/docs/v2/modifiers/\n /\n modifiers?: Modifier<any>[];\n startingEdge?: string;\n /\n How much to move the dialog in relative to children\n * main is the axis in which the position is aligned to\n * secondary is the vertical axes to the position\n /\n moveBy?: { main?: number; secondary?: number };\n /\n how much delay should the Dialog wait until it should trigger the show in MS\n /\n showDelay?: number;\n /\n how much delay should the Dialog wait until it should trigger the hide in MS\n /\n hideDelay?: number;\n /\n an array of hide/show trigger -\n /\n showTrigger?: DialogTriggerEvent \| DialogTriggerEvent[];\n /\n an array of hide/show trigger -\n /\n hideTrigger?: DialogTriggerEvent \| DialogTriggerEvent[];\n /\n If true, prevents opened Dialog from closing on mouseEnter, and closes Dialog when mouse leaves it\n /\n showOnDialogEnter?: boolean;\n /\n Show the Dialog when the children are mounting\n /\n shouldShowOnMount?: boolean;\n /\n disable the opening of the dialog\n /\n disable?: boolean;\n /\n open is a controlled prop to open the dialog\n /\n open?: boolean;\n /\n used when state is derived from props\n /\n isOpen?: boolean;\n /\n if this class exists on the children the show trigger will be ignored\n /\n showTriggerIgnoreClass?: string \| Array<string>;\n /\n if this class exists on the children the hide trigger will be ignored\n /\n hideTriggerIgnoreClass?: string \| Array<string>;\n /\n Dialog animation type\n /\n animationType?: DialogAnimationType;\n /\n Classname to be added to the content container\n /\n wrapperClassName?: string;\n /\n Prevent Animation\n /\n preventAnimationOnMount?: boolean;\n /\n the container selector in which to append the dialog\n * for examples: \"body\" , \".my-class\", \"#my-id\"\n /\n containerSelector?: string;\n /\n should position the tooltip element\n * https://popper.js.org/docs/v2/modifiers/arrow/\n /\n tooltip?: boolean;\n /\n class name to add to the tooltip element\n /\n tooltipClassName?: string;\n /\n callback to be called when the dialog is shown\n /\n onDialogDidShow?: (event?: DialogEvent, eventName?: DialogTriggerEvent \| string) => void;\n /\n callback to be called when the dialog is hidden\n /\n onDialogDidHide?: (event: DialogEvent, eventName: DialogTriggerEvent \| string) => void;\n /\n callback to be called when click outside is being triggered\n /\n onClickOutside?: (event: React.MouseEvent) => void;\n /\n callback to be called when click on the content is being triggered\n /\n onContentClick?: (event: React.MouseEvent) => void;\n /\n z-index to add to the dialog\n /\n zIndex?: number;\n useDerivedStateFromProps?: boolean;\n /\n Make the dialog disappear when the element it is attached to becomes hidden\n /\n hideWhenReferenceHidden?: boolean;\n shouldCallbackOnMount?: boolean;\n instantShowAndHide?: boolean;\n getDynamicShowDelay?: () => { showDelay: number; preventAnimation: boolean };\n content?: (() => JSX.Element) \| JSX.Element;\n /\n The element where we will position the dialog beside.\n /\n children?: ReactElement \| ReactElement[] \| string;\n /\n Treats keyboard focus/blur events as mouse-enter/mouse-leave events\n /\n addKeyboardHideShowTriggersByDefault?: boolean;\n /\n If true disable the scroll for the containerSelector element.\n * If string use it as selector to prevent scroll.\n /\n disableContainerScroll?: boolean \| string;\n}\n\nexport interface DialogState {\n isOpen?: boolean;\n shouldUseDerivedStateFromProps?: boolean;\n preventAnimation?: boolean;\n}\n\nexport type DialogEvent = React.MouseEvent \| React.KeyboardEvent \| KeyboardEvent \| React.FocusEvent \| CustomEvent;\n\nexport default class Dialog extends PureComponent<DialogProps, DialogState> {\n static hideShowTriggers = DialogTriggerEventEnum;\n static positions = DialogPositionEnum;\n static animationTypes = AnimationTypeEnum;\n static defaultProps = {\n position: \"top\",\n modifiers: [] as Modifier<any>[],\n moveBy: { main: 0, secondary: 0 },\n showDelay: 100,\n hideDelay: 100,\n showTrigger: Dialog.hideShowTriggers.MOUSE_ENTER,\n hideTrigger: Dialog.hideShowTriggers.MOUSE_LEAVE,\n showOnDialogEnter: false,\n shouldShowOnMount: false,\n disable: false,\n open: false,\n animationType: Dialog.animationTypes.EXPAND,\n preventAnimationOnMount: false,\n containerSelector: \"body\",\n tooltip: false,\n onDialogDidShow: NOOP,\n onDialogDidHide: NOOP,\n onClickOutside: NOOP,\n onContentClick: NOOP,\n useDerivedStateFromProps: false,\n hideWhenReferenceHidden: false,\n shouldCallbackOnMount: false,\n instantShowAndHide: false,\n addKeyboardHideShowTriggersByDefault: false\n };\n private showTimeout: NodeJS.Timeout;\n private hideTimeout: NodeJS.Timeout;\n\n constructor(props: DialogProps) {\n super(props);\n this.state = {\n shouldUseDerivedStateFromProps: props.useDerivedStateFromProps,\n isOpen: props.shouldShowOnMount\n };\n\n // Binding section.\n this.onMouseEnter = this.onMouseEnter.bind(this);\n this.onMouseLeave = this.onMouseLeave.bind(this);\n this.onMouseDown = this.onMouseDown.bind(this);\n this.onClick = this.onClick.bind(this);\n this.onFocus = this.onFocus.bind(this);\n this.onBlur = this.onBlur.bind(this);\n this.isShown = this.isShown.bind(this);\n this.onEsc = this.onEsc.bind(this);\n this.onClickOutside = this.onClickOutside.bind(this);\n this.onDialogEnter = this.onDialogEnter.bind(this);\n this.onDialogLeave = this.onDialogLeave.bind(this);\n this.getContainer = this.getContainer.bind(this);\n this.onContentClick = this.onContentClick.bind(this);\n this.onKeyDown = this.onKeyDown.bind(this);\n this.closeDialogOnEscape = this.closeDialogOnEscape.bind(this);\n this.onContextMenu = this.onContextMenu.bind(this);\n\n // Timeouts\n this.hideTimeout = null;\n this.showTimeout = null;\n }\n\n closeDialogOnEscape(event: KeyboardEvent) {\n const { isOpen } = this.state;\n if (!isOpen) {\n return;\n }\n switch (event.key) {\n case \"Escape\":\n this.hideDialogIfNeeded(event, DialogTriggerEventEnum.ESCAPE_KEY);\n break;\n case \"Tab\":\n this.handleEvent(DialogTriggerEventEnum.TAB_KEY, event.target, event);\n break;\n case \"Enter\":\n this.handleEvent(DialogTriggerEventEnum.ENTER, event.target, event);\n break;\n default:\n break;\n }\n }\n\n componentDidMount() {\n const { shouldCallbackOnMount, onDialogDidShow } = this.props;\n const { isOpen } = this.state;\n document.addEventListener(\"keyup\", this.closeDialogOnEscape);\n if (shouldCallbackOnMount && isOpen) {\n onDialogDidShow && onDialogDidShow();\n }\n }\n\n componentWillUnmount() {\n document.removeEventListener(\"keyup\", this.closeDialogOnEscape);\n }\n\n static getDerivedStateFromProps(nextProps: DialogProps, state: DialogState): DialogState {\n if (state.shouldUseDerivedStateFromProps) {\n return { isOpen: nextProps.isOpen };\n }\n return null;\n }\n\n getContainer() {\n const { containerSelector } = this.props;\n if (!containerSelector) {\n return document.body;\n }\n\n const containerElement = document.querySelector(containerSelector);\n if (!containerElement \|\| !(containerElement instanceof Element)) {\n // TODO add env check - if not jest env - trashing the logs - https://monday.monday.com/boards/3532714909/pulses/5570955392\n // console.error(\n // `Dialog: Container element with selector \"${containerSelector}\" was not found or is not an HTMLElement. Dialog may not be correctly positioned.`\n // );\n return document.body;\n }\n return containerElement;\n }\n\n showDialog(event: DialogEvent, eventName: DialogTriggerEvent \| string, options: { preventAnimation?: boolean } = {}) {\n const { showDelay, instantShowAndHide, getDynamicShowDelay } = this.props;\n let finalShowDelay = showDelay;\n let preventAnimation = options.preventAnimation;\n if (getDynamicShowDelay) {\n const dynamicDelayObj = getDynamicShowDelay();\n finalShowDelay = dynamicDelayObj.showDelay \|\| 0;\n preventAnimation = preventAnimation \|\| dynamicDelayObj.preventAnimation;\n }\n\n if (instantShowAndHide) {\n this.onShowDialog(event, eventName);\n this.setState({ isOpen: true, preventAnimation });\n this.showTimeout = null;\n } else {\n this.showTimeout = setTimeout(() => {\n this.onShowDialog(event, eventName);\n this.showTimeout = null;\n this.setState({ isOpen: true, preventAnimation });\n }, finalShowDelay);\n }\n }\n\n onShowDialog(event: DialogEvent, eventName: DialogTriggerEvent \| string) {\n if (this.isShown()) return;\n const { onDialogDidShow } = this.props;\n onDialogDidShow(event, eventName);\n }\n\n showDialogIfNeeded(event: DialogEvent, eventName: DialogTriggerEvent \| string, options = {}) {\n const { disable } = this.props;\n if (disable) {\n return;\n }\n\n if (this.hideTimeout) {\n clearTimeout(this.hideTimeout);\n this.hideTimeout = null;\n }\n\n if (!this.showTimeout) {\n this.showDialog(event, eventName, options);\n }\n }\n\n hideDialog(event: DialogEvent, eventName: DialogTriggerEvent \| string) {\n const { hideDelay, instantShowAndHide } = this.props;\n if (instantShowAndHide) {\n this.onHideDialog(event, eventName);\n this.setState({ isOpen: false });\n this.hideTimeout = null;\n } else {\n this.hideTimeout = setTimeout(() => {\n this.onHideDialog(event, eventName);\n this.setState({ isOpen: false });\n this.hideTimeout = null;\n }, hideDelay);\n }\n }\n\n onHideDialog(event: DialogEvent, eventName: DialogTriggerEvent \| string) {\n const { onDialogDidHide } = this.props;\n if (onDialogDidHide) onDialogDidHide(event, eventName);\n }\n\n hideDialogIfNeeded(event: DialogEvent, eventName: DialogTriggerEvent \| string) {\n if (this.showTimeout) {\n clearTimeout(this.showTimeout);\n this.showTimeout = null;\n }\n\n if (this.hideTimeout) {\n return;\n }\n this.hideDialog(event, eventName);\n }\n\n handleEvent(eventName: DialogTriggerEvent, target: EventTarget, event: DialogEvent) {\n const { showTriggerIgnoreClass, hideTriggerIgnoreClass } = this.props;\n if (\n this.isShowTrigger(eventName) &&\n !this.isShown() &&\n !isInsideClass(target as HTMLElement, showTriggerIgnoreClass)\n ) {\n return this.showDialogIfNeeded(event, eventName);\n }\n\n if (this.isHideTrigger(eventName) && !isInsideClass(target as HTMLElement, hideTriggerIgnoreClass)) {\n return this.hideDialogIfNeeded(event, eventName);\n }\n }\n\n isShown() {\n const { isOpen } = this.state;\n const { open } = this.props;\n\n return isOpen \|\| open;\n }\n\n isShowTrigger(eventName: DialogTriggerEvent) {\n const { showTrigger, addKeyboardHideShowTriggersByDefault } = this.props;\n const showTriggersArray = convertToArray(showTrigger);\n\n if (addKeyboardHideShowTriggersByDefault) {\n if (eventName === \"focus\" && showTriggersArray.indexOf(\"mouseenter\") > -1) {\n return true;\n }\n }\n\n return showTriggersArray.indexOf(eventName) > -1;\n }\n\n isHideTrigger(eventName: DialogTriggerEvent) {\n const { hideTrigger, addKeyboardHideShowTriggersByDefault } = this.props;\n const hideTriggersArray = convertToArray(hideTrigger);\n\n if (addKeyboardHideShowTriggersByDefault) {\n if (eventName === \"blur\" && hideTriggersArray.indexOf(\"mouseleave\") > -1) {\n return true;\n }\n }\n\n return hideTriggersArray.indexOf(eventName) > -1;\n }\n\n onMouseEnter(e: React.MouseEvent) {\n this.handleEvent(\"mouseenter\", e.target, e);\n }\n\n onMouseLeave(e: React.MouseEvent) {\n this.handleEvent(\"mouseleave\", e.target, e);\n }\n\n onClick(e: React.MouseEvent) {\n if (e.button) return;\n this.handleEvent(\"click\", e.target, e);\n }\n\n onKeyDown(event: React.KeyboardEvent) {\n if (event.key === \"Enter\") {\n this.handleEvent(\"enter\", event.target, event);\n }\n\n if (event.key === \"Tab\") {\n this.handleEvent(\"tab\", event.target, event);\n }\n }\n\n onMouseDown(e: React.MouseEvent) {\n if (e.button) return;\n this.handleEvent(\"mousedown\", e.target, e);\n }\n\n onFocus(e: React.FocusEvent) {\n this.handleEvent(\"focus\", e.target, e);\n }\n\n onBlur(e: React.FocusEvent) {\n this.handleEvent(\"blur\", e.relatedTarget, e);\n }\n\n onEsc(e: React.KeyboardEvent) {\n this.handleEvent(\"esckey\", e.target, e);\n }\n\n onContextMenu(e: React.MouseEvent) {\n const isShown = this.isShown();\n if ((this.isShowTrigger(\"contextmenu\") && !isShown) \|\| (this.isHideTrigger(\"contextmenu\") && isShown)) {\n e.preventDefault();\n }\n this.handleEvent(\"contextmenu\", e.target, e);\n }\n\n onClickOutside(event: React.MouseEvent) {\n const { onClickOutside } = this.props;\n this.handleEvent(\"clickoutside\", event.target, event);\n onClickOutside(event);\n }\n\n onDialogEnter(event: React.MouseEvent) {\n const { showOnDialogEnter } = this.props;\n if (showOnDialogEnter) this.showDialogIfNeeded(event, \"DialogEnter\");\n }\n\n onDialogLeave(event: React.MouseEvent) {\n const { showOnDialogEnter } = this.props;\n if (showOnDialogEnter) this.hideDialogIfNeeded(event, \"DialogLeave\");\n }\n\n onContentClick(e: React.MouseEvent) {\n const { onContentClick } = this.props;\n this.handleEvent(\"onContentClick\", e.target, e);\n onContentClick(e);\n }\n\n render() {\n const {\n wrapperClassName,\n content,\n startingEdge,\n children,\n preventAnimationOnMount,\n animationType,\n position,\n showDelay,\n moveBy,\n modifiers,\n tooltip,\n tooltipClassName,\n referenceWrapperClassName,\n zIndex,\n hideWhenReferenceHidden,\n disableContainerScroll,\n containerSelector,\n id,\n \"data-testid\": dataTestId\n } = this.props;\n const { preventAnimation } = this.state;\n const overrideDataTestId = dataTestId \|\| getTestId(ComponentDefaultTestId.DIALOG, id);\n\n const animationTypeCalculated = preventAnimationOnMount \|\| preventAnimation ? undefined : animationType;\n const contentRendered = isFunction(content) ? content() : content;\n\n if (!contentRendered) {\n return children;\n }\n return (\n <Manager>\n <Reference>\n {({ ref }) => {\n return (\n <Refable\n className={cx(referenceWrapperClassName)}\n ref={ref}\n onBlur={chainOnPropsAndInstance(\"onBlur\", this, this.props)}\n onKeyDown={chainOnPropsAndInstance(\"onKeyDown\", this, this.props)}\n onClick={chainOnPropsAndInstance(\"onClick\", this, this.props)}\n onFocus={chainOnPropsAndInstance(\"onFocus\", this, this.props)}\n onMouseDown={chainOnPropsAndInstance(\"onMouseDown\", this, this.props)}\n onMouseEnter={chainOnPropsAndInstance(\"onMouseEnter\", this, this.props)}\n onMouseLeave={chainOnPropsAndInstance(\"onMouseLeave\", this, this.props)}\n onContextMenu={chainOnPropsAndInstance(\"onContextMenu\", this, this.props)}\n >\n {children}\n </Refable>\n );\n }}\n </Reference>\n {createPortal(\n <Popper\n placement={position as unknown as PopperJS.Placement}\n modifiers={[\n {\n name: \"offset\",\n options: {\n offset: [moveBy.secondary, moveBy.main]\n }\n },\n {\n name: \"zIndex\",\n enabled: true,\n phase: \"write\",\n fn({ state }) {\n if (zIndex) {\n state.styles.popper.zIndex = String(zIndex);\n }\n return state;\n }\n },\n {\n name: \"rotator\",\n enabled: true,\n phase: \"write\",\n fn({ state }) {\n if (!state.styles.arrow) {\n return state;\n }\n // const reg = new RegExp(\n // /translate\$([0-9].)px, ([0-9].*)px\$/\n // );\n // const transform = state.styles.arrow.transform;\n // const res = reg.exec(transform);\n // state.styles.popper.transformOrigin = `${100 -\n // res[1]}% ${100 - res[2]}%`;\n state.styles.arrow.transform = `${state.styles.arrow.transform} rotate(45deg)`;\n return state;\n }\n },\n ...modifiers\n ]}\n >\n {({ placement, style, ref, arrowProps, isReferenceHidden }) => {\n if (!this.isShown() && placement) {\n return null;\n }\n\n if (hideWhenReferenceHidden && isReferenceHidden) {\n const event = new CustomEvent(\"onReferenceHidden\");\n this.hideDialog(event, \"onReferenceHidden\");\n }\n\n return (\n <DialogContent\n data-testid={overrideDataTestId}\n isReferenceHidden={hideWhenReferenceHidden && isReferenceHidden}\n onMouseEnter={this.onDialogEnter}\n onMouseLeave={this.onDialogLeave}\n onClickOutside={this.onClickOutside}\n onContextMenu={this.onContextMenu}\n onEsc={this.onEsc}\n animationType={animationTypeCalculated}\n position={placement}\n wrapperClassName={wrapperClassName}\n startingEdge={startingEdge}\n isOpen={this.isShown()}\n showDelay={showDelay}\n styleObject={style}\n ref={ref}\n onClick={this.onContentClick}\n hasTooltip={!!tooltip}\n containerSelector={containerSelector}\n disableContainerScroll={disableContainerScroll}\n >\n {contentRendered}\n {tooltip && (\n <div\n style={arrowProps.style}\n ref={arrowProps.ref}\n className={cx(styles.arrow, tooltipClassName)}\n data-placement={placement}\n />\n )}\n </DialogContent>\n );\n }}\n </Popper>,\n this.getContainer()\n )}\n </Manager>\n );\n }\n}\n\nfunction chainOnPropsAndInstance(name: string, instance: Dialog, props: DialogProps) {\n // @ts-ignore\n return chainFunctions([props[name], instance[name]], true);\n}\n"],"names":["Dialog","_PureComponent","props","_this","_classCallCheck","_callSuper","state","shouldUseDerivedStateFromProps","useDerivedStateFromProps","isOpen","shouldShowOnMount","onMouseEnter","bind","onMouseLeave","onMouseDown","onClick","onFocus","onBlur","isShown","onEsc","onClickOutside","onDialogEnter","onDialogLeave","getContainer","onContentClick","onKeyDown","closeDialogOnEscape","onContextMenu","hideTimeout","showTimeout","_inherits","PureComponent","_createClass","key","value","event","this","hideDialogIfNeeded","DialogTriggerEventEnum","ESCAPE_KEY","handleEvent","TAB_KEY","target","ENTER","_this$props","shouldCallbackOnMount","onDialogDidShow","document","addEventListener","removeEventListener","containerSelector","body","containerElement","querySelector","Element","eventName","_this2","_this$props2","instantShowAndHide","getDynamicShowDelay","finalShowDelay","showDelay","preventAnimation","dynamicDelayObj","onShowDialog","setState","setTimeout","options","arguments","length","undefined","disable","clearTimeout","showDialog","_this3","_this$props3","hideDelay","onHideDialog","onDialogDidHide","hideDialog","_this$props4","showTriggerIgnoreClass","hideTriggerIgnoreClass","isShowTrigger","isInsideClass","isHideTrigger","showDialogIfNeeded","open","_this$props5","addKeyboardHideShowTriggersByDefault","showTriggersArray","convertToArray","showTrigger","indexOf","_this$props6","hideTriggersArray","hideTrigger","e","button","relatedTarget","preventDefault","showOnDialogEnter","_this4","_this$props7","wrapperClassName","content","startingEdge","children","preventAnimationOnMount","animationType","position","moveBy","modifiers","tooltip","tooltipClassName","referenceWrapperClassName","zIndex","hideWhenReferenceHidden","disableContainerScroll","overrideDataTestId","getTestId","ComponentDefaultTestId","DIALOG","id","animationTypeCalculated","contentRendered","isFunction","React","Manager","createElement","Reference","_ref","ref","Refable","className","cx","chainOnPropsAndInstance","createPortal","Popper","placement","name","offset","secondary","main","enabled","phase","fn","_ref2","styles","popper","String","_ref3","arrow","transform","concat","_toConsumableArray","_ref4","style","arrowProps","isReferenceHidden","CustomEvent","DialogContent","styleObject","hasTooltip","nextProps","instance","chainFunctions","hideShowTriggers","positions","DialogPositionEnum","animationTypes","AnimationTypeEnum","defaultProps","MOUSE_ENTER","MOUSE_LEAVE","EXPAND","NOOP"],"mappings":"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"}
1	+ {"version":3,"file":"Dialog.js","sources":["../../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { PureComponent, ReactElement } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { Manager, Modifier, Popper, Reference } from \"react-popper\";\nimport { isFunction } from \"lodash-es\";\nimport { chainFunctions, convertToArray, NOOP } from \"../../utils/function-utils\";\nimport { DialogContent } from \"./DialogContent/DialogContent\";\nimport { isInsideClass } from \"../../utils/dom-utils\";\nimport { Refable } from \"../Refable/Refable\";\nimport {\n AnimationType as AnimationTypeEnum,\n HideShowEvent as DialogTriggerEventEnum,\n DialogPosition as DialogPositionEnum\n} from \"./DialogConstants\";\nimport { VibeComponentProps } from \"../../types\";\nimport * as PopperJS from \"@popperjs/core\";\nimport styles from \"./Dialog.module.scss\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { DialogAnimationType, DialogPosition, DialogTriggerEvent } from \"./Dialog.types\";\nimport LayerContext from \"../LayerProvider/LayerContext\";\n\nexport interface DialogProps extends VibeComponentProps {\n /*\n A Classname to be added to <span> element which wraps the children\n /\n referenceWrapperClassName?: string;\n /\n Where the dialog should be in reference to the children,\n * Top, Left, Right, Bottom ...\n /\n position?: DialogPosition;\n /\n PopperJS Modifiers type\n * https://popper.js.org/docs/v2/modifiers/\n /\n modifiers?: Modifier<any>[];\n startingEdge?: string;\n /\n How much to move the dialog in relative to children\n * main is the axis in which the position is aligned to\n * secondary is the vertical axes to the position\n /\n moveBy?: { main?: number; secondary?: number };\n /\n how much delay should the Dialog wait until it should trigger the show in MS\n /\n showDelay?: number;\n /\n how much delay should the Dialog wait until it should trigger the hide in MS\n /\n hideDelay?: number;\n /\n an array of hide/show trigger -\n /\n showTrigger?: DialogTriggerEvent \| DialogTriggerEvent[];\n /\n an array of hide/show trigger -\n /\n hideTrigger?: DialogTriggerEvent \| DialogTriggerEvent[];\n /\n If true, prevents opened Dialog from closing on mouseEnter, and closes Dialog when mouse leaves it\n /\n showOnDialogEnter?: boolean;\n /\n Show the Dialog when the children are mounting\n /\n shouldShowOnMount?: boolean;\n /\n disable the opening of the dialog\n /\n disable?: boolean;\n /\n open is a controlled prop to open the dialog\n /\n open?: boolean;\n /\n used when state is derived from props\n /\n isOpen?: boolean;\n /\n if this class exists on the children the show trigger will be ignored\n /\n showTriggerIgnoreClass?: string \| Array<string>;\n /\n if this class exists on the children the hide trigger will be ignored\n /\n hideTriggerIgnoreClass?: string \| Array<string>;\n /\n Dialog animation type\n /\n animationType?: DialogAnimationType;\n /\n Classname to be added to the content container\n /\n wrapperClassName?: string;\n /\n Prevent Animation\n /\n preventAnimationOnMount?: boolean;\n /\n the container selector in which to append the dialog\n * for examples: \"body\" , \".my-class\", \"#my-id\"\n /\n containerSelector?: string;\n /\n should position the tooltip element\n * https://popper.js.org/docs/v2/modifiers/arrow/\n /\n tooltip?: boolean;\n /\n class name to add to the tooltip element\n /\n tooltipClassName?: string;\n /\n callback to be called when the dialog is shown\n /\n onDialogDidShow?: (event?: DialogEvent, eventName?: DialogTriggerEvent \| string) => void;\n /\n callback to be called when the dialog is hidden\n /\n onDialogDidHide?: (event: DialogEvent, eventName: DialogTriggerEvent \| string) => void;\n /\n callback to be called when click outside is being triggered\n /\n onClickOutside?: (event: React.MouseEvent) => void;\n /\n callback to be called when click on the content is being triggered\n /\n onContentClick?: (event: React.MouseEvent) => void;\n /\n z-index to add to the dialog\n /\n zIndex?: number;\n useDerivedStateFromProps?: boolean;\n /\n Make the dialog disappear when the element it is attached to becomes hidden\n /\n hideWhenReferenceHidden?: boolean;\n shouldCallbackOnMount?: boolean;\n instantShowAndHide?: boolean;\n getDynamicShowDelay?: () => { showDelay: number; preventAnimation: boolean };\n content?: (() => JSX.Element) \| JSX.Element;\n /\n The element where we will position the dialog beside.\n /\n children?: ReactElement \| ReactElement[] \| string;\n /\n Treats keyboard focus/blur events as mouse-enter/mouse-leave events\n /\n addKeyboardHideShowTriggersByDefault?: boolean;\n /\n If true disable the scroll for the containerSelector element.\n * If string use it as selector to prevent scroll.\n /\n disableContainerScroll?: boolean \| string;\n}\n\nexport interface DialogState {\n isOpen?: boolean;\n shouldUseDerivedStateFromProps?: boolean;\n preventAnimation?: boolean;\n}\n\nexport type DialogEvent = React.MouseEvent \| React.KeyboardEvent \| KeyboardEvent \| React.FocusEvent \| CustomEvent;\n\nexport default class Dialog extends PureComponent<DialogProps, DialogState> {\n static hideShowTriggers = DialogTriggerEventEnum;\n static positions = DialogPositionEnum;\n static animationTypes = AnimationTypeEnum;\n static defaultProps = {\n position: \"top\",\n modifiers: [] as Modifier<any>[],\n moveBy: { main: 0, secondary: 0 },\n showDelay: 100,\n hideDelay: 100,\n showTrigger: Dialog.hideShowTriggers.MOUSE_ENTER,\n hideTrigger: Dialog.hideShowTriggers.MOUSE_LEAVE,\n showOnDialogEnter: false,\n shouldShowOnMount: false,\n disable: false,\n open: false,\n animationType: Dialog.animationTypes.EXPAND,\n preventAnimationOnMount: false,\n tooltip: false,\n onDialogDidShow: NOOP,\n onDialogDidHide: NOOP,\n onClickOutside: NOOP,\n onContentClick: NOOP,\n useDerivedStateFromProps: false,\n hideWhenReferenceHidden: false,\n shouldCallbackOnMount: false,\n instantShowAndHide: false,\n addKeyboardHideShowTriggersByDefault: false\n };\n private showTimeout: NodeJS.Timeout;\n private hideTimeout: NodeJS.Timeout;\n context!: React.ContextType<typeof LayerContext>;\n\n constructor(props: DialogProps) {\n super(props);\n this.state = {\n shouldUseDerivedStateFromProps: props.useDerivedStateFromProps,\n isOpen: props.shouldShowOnMount\n };\n\n // Binding section.\n this.onMouseEnter = this.onMouseEnter.bind(this);\n this.onMouseLeave = this.onMouseLeave.bind(this);\n this.onMouseDown = this.onMouseDown.bind(this);\n this.onClick = this.onClick.bind(this);\n this.onFocus = this.onFocus.bind(this);\n this.onBlur = this.onBlur.bind(this);\n this.isShown = this.isShown.bind(this);\n this.onEsc = this.onEsc.bind(this);\n this.onClickOutside = this.onClickOutside.bind(this);\n this.onDialogEnter = this.onDialogEnter.bind(this);\n this.onDialogLeave = this.onDialogLeave.bind(this);\n this.getContainer = this.getContainer.bind(this);\n this.onContentClick = this.onContentClick.bind(this);\n this.onKeyDown = this.onKeyDown.bind(this);\n this.closeDialogOnEscape = this.closeDialogOnEscape.bind(this);\n this.onContextMenu = this.onContextMenu.bind(this);\n\n // Timeouts\n this.hideTimeout = null;\n this.showTimeout = null;\n }\n\n closeDialogOnEscape(event: KeyboardEvent) {\n const { isOpen } = this.state;\n if (!isOpen) {\n return;\n }\n switch (event.key) {\n case \"Escape\":\n this.hideDialogIfNeeded(event, DialogTriggerEventEnum.ESCAPE_KEY);\n break;\n case \"Tab\":\n this.handleEvent(DialogTriggerEventEnum.TAB_KEY, event.target, event);\n break;\n case \"Enter\":\n this.handleEvent(DialogTriggerEventEnum.ENTER, event.target, event);\n break;\n default:\n break;\n }\n }\n\n componentDidMount() {\n const { shouldCallbackOnMount, onDialogDidShow } = this.props;\n const { isOpen } = this.state;\n document.addEventListener(\"keyup\", this.closeDialogOnEscape);\n if (shouldCallbackOnMount && isOpen) {\n onDialogDidShow && onDialogDidShow();\n }\n }\n\n componentWillUnmount() {\n document.removeEventListener(\"keyup\", this.closeDialogOnEscape);\n }\n\n static getDerivedStateFromProps(nextProps: DialogProps, state: DialogState): DialogState {\n if (state.shouldUseDerivedStateFromProps) {\n return { isOpen: nextProps.isOpen };\n }\n return null;\n }\n\n getContainer() {\n const { containerSelector } = this.props;\n const containerElement = document.querySelector(containerSelector);\n if (!containerElement \|\| !(containerElement instanceof Element)) {\n const { layerRef } = this.context;\n if (layerRef?.current) {\n return layerRef.current;\n }\n return document.body;\n }\n return containerElement;\n }\n\n showDialog(event: DialogEvent, eventName: DialogTriggerEvent \| string, options: { preventAnimation?: boolean } = {}) {\n const { showDelay, instantShowAndHide, getDynamicShowDelay } = this.props;\n let finalShowDelay = showDelay;\n let preventAnimation = options.preventAnimation;\n if (getDynamicShowDelay) {\n const dynamicDelayObj = getDynamicShowDelay();\n finalShowDelay = dynamicDelayObj.showDelay \|\| 0;\n preventAnimation = preventAnimation \|\| dynamicDelayObj.preventAnimation;\n }\n\n if (instantShowAndHide) {\n this.onShowDialog(event, eventName);\n this.setState({ isOpen: true, preventAnimation });\n this.showTimeout = null;\n } else {\n this.showTimeout = setTimeout(() => {\n this.onShowDialog(event, eventName);\n this.showTimeout = null;\n this.setState({ isOpen: true, preventAnimation });\n }, finalShowDelay);\n }\n }\n\n onShowDialog(event: DialogEvent, eventName: DialogTriggerEvent \| string) {\n if (this.isShown()) return;\n const { onDialogDidShow } = this.props;\n onDialogDidShow(event, eventName);\n }\n\n showDialogIfNeeded(event: DialogEvent, eventName: DialogTriggerEvent \| string, options = {}) {\n const { disable } = this.props;\n if (disable) {\n return;\n }\n\n if (this.hideTimeout) {\n clearTimeout(this.hideTimeout);\n this.hideTimeout = null;\n }\n\n if (!this.showTimeout) {\n this.showDialog(event, eventName, options);\n }\n }\n\n hideDialog(event: DialogEvent, eventName: DialogTriggerEvent \| string) {\n const { hideDelay, instantShowAndHide } = this.props;\n if (instantShowAndHide) {\n this.onHideDialog(event, eventName);\n this.setState({ isOpen: false });\n this.hideTimeout = null;\n } else {\n this.hideTimeout = setTimeout(() => {\n this.onHideDialog(event, eventName);\n this.setState({ isOpen: false });\n this.hideTimeout = null;\n }, hideDelay);\n }\n }\n\n onHideDialog(event: DialogEvent, eventName: DialogTriggerEvent \| string) {\n const { onDialogDidHide } = this.props;\n if (onDialogDidHide) onDialogDidHide(event, eventName);\n }\n\n hideDialogIfNeeded(event: DialogEvent, eventName: DialogTriggerEvent \| string) {\n if (this.showTimeout) {\n clearTimeout(this.showTimeout);\n this.showTimeout = null;\n }\n\n if (this.hideTimeout) {\n return;\n }\n this.hideDialog(event, eventName);\n }\n\n handleEvent(eventName: DialogTriggerEvent, target: EventTarget, event: DialogEvent) {\n const { showTriggerIgnoreClass, hideTriggerIgnoreClass } = this.props;\n if (\n this.isShowTrigger(eventName) &&\n !this.isShown() &&\n !isInsideClass(target as HTMLElement, showTriggerIgnoreClass)\n ) {\n return this.showDialogIfNeeded(event, eventName);\n }\n\n if (this.isHideTrigger(eventName) && !isInsideClass(target as HTMLElement, hideTriggerIgnoreClass)) {\n return this.hideDialogIfNeeded(event, eventName);\n }\n }\n\n isShown() {\n const { isOpen } = this.state;\n const { open } = this.props;\n\n return isOpen \|\| open;\n }\n\n isShowTrigger(eventName: DialogTriggerEvent) {\n const { showTrigger, addKeyboardHideShowTriggersByDefault } = this.props;\n const showTriggersArray = convertToArray(showTrigger);\n\n if (addKeyboardHideShowTriggersByDefault) {\n if (eventName === \"focus\" && showTriggersArray.indexOf(\"mouseenter\") > -1) {\n return true;\n }\n }\n\n return showTriggersArray.indexOf(eventName) > -1;\n }\n\n isHideTrigger(eventName: DialogTriggerEvent) {\n const { hideTrigger, addKeyboardHideShowTriggersByDefault } = this.props;\n const hideTriggersArray = convertToArray(hideTrigger);\n\n if (addKeyboardHideShowTriggersByDefault) {\n if (eventName === \"blur\" && hideTriggersArray.indexOf(\"mouseleave\") > -1) {\n return true;\n }\n }\n\n return hideTriggersArray.indexOf(eventName) > -1;\n }\n\n onMouseEnter(e: React.MouseEvent) {\n this.handleEvent(\"mouseenter\", e.target, e);\n }\n\n onMouseLeave(e: React.MouseEvent) {\n this.handleEvent(\"mouseleave\", e.target, e);\n }\n\n onClick(e: React.MouseEvent) {\n if (e.button) return;\n this.handleEvent(\"click\", e.target, e);\n }\n\n onKeyDown(event: React.KeyboardEvent) {\n if (event.key === \"Enter\") {\n this.handleEvent(\"enter\", event.target, event);\n }\n\n if (event.key === \"Tab\") {\n this.handleEvent(\"tab\", event.target, event);\n }\n }\n\n onMouseDown(e: React.MouseEvent) {\n if (e.button) return;\n this.handleEvent(\"mousedown\", e.target, e);\n }\n\n onFocus(e: React.FocusEvent) {\n this.handleEvent(\"focus\", e.target, e);\n }\n\n onBlur(e: React.FocusEvent) {\n this.handleEvent(\"blur\", e.relatedTarget, e);\n }\n\n onEsc(e: React.KeyboardEvent) {\n this.handleEvent(\"esckey\", e.target, e);\n }\n\n onContextMenu(e: React.MouseEvent) {\n const isShown = this.isShown();\n if ((this.isShowTrigger(\"contextmenu\") && !isShown) \|\| (this.isHideTrigger(\"contextmenu\") && isShown)) {\n e.preventDefault();\n }\n this.handleEvent(\"contextmenu\", e.target, e);\n }\n\n onClickOutside(event: React.MouseEvent) {\n const { onClickOutside } = this.props;\n this.handleEvent(\"clickoutside\", event.target, event);\n onClickOutside(event);\n }\n\n onDialogEnter(event: React.MouseEvent) {\n const { showOnDialogEnter } = this.props;\n if (showOnDialogEnter) this.showDialogIfNeeded(event, \"DialogEnter\");\n }\n\n onDialogLeave(event: React.MouseEvent) {\n const { showOnDialogEnter } = this.props;\n if (showOnDialogEnter) this.hideDialogIfNeeded(event, \"DialogLeave\");\n }\n\n onContentClick(e: React.MouseEvent) {\n const { onContentClick } = this.props;\n this.handleEvent(\"onContentClick\", e.target, e);\n onContentClick(e);\n }\n\n render() {\n const {\n wrapperClassName,\n content,\n startingEdge,\n children,\n preventAnimationOnMount,\n animationType,\n position,\n showDelay,\n moveBy,\n modifiers,\n tooltip,\n tooltipClassName,\n referenceWrapperClassName,\n zIndex,\n hideWhenReferenceHidden,\n disableContainerScroll,\n containerSelector,\n id,\n \"data-testid\": dataTestId\n } = this.props;\n const { preventAnimation } = this.state;\n const overrideDataTestId = dataTestId \|\| getTestId(ComponentDefaultTestId.DIALOG, id);\n\n const animationTypeCalculated = preventAnimationOnMount \|\| preventAnimation ? undefined : animationType;\n const contentRendered = isFunction(content) ? content() : content;\n\n if (!contentRendered) {\n return children;\n }\n return (\n <Manager>\n <Reference>\n {({ ref }) => {\n return (\n <Refable\n className={cx(referenceWrapperClassName)}\n ref={ref}\n onBlur={chainOnPropsAndInstance(\"onBlur\", this, this.props)}\n onKeyDown={chainOnPropsAndInstance(\"onKeyDown\", this, this.props)}\n onClick={chainOnPropsAndInstance(\"onClick\", this, this.props)}\n onFocus={chainOnPropsAndInstance(\"onFocus\", this, this.props)}\n onMouseDown={chainOnPropsAndInstance(\"onMouseDown\", this, this.props)}\n onMouseEnter={chainOnPropsAndInstance(\"onMouseEnter\", this, this.props)}\n onMouseLeave={chainOnPropsAndInstance(\"onMouseLeave\", this, this.props)}\n onContextMenu={chainOnPropsAndInstance(\"onContextMenu\", this, this.props)}\n >\n {children}\n </Refable>\n );\n }}\n </Reference>\n {createPortal(\n <Popper\n placement={position as unknown as PopperJS.Placement}\n modifiers={[\n {\n name: \"offset\",\n options: {\n offset: [moveBy.secondary, moveBy.main]\n }\n },\n {\n name: \"zIndex\",\n enabled: true,\n phase: \"write\",\n fn({ state }) {\n if (zIndex) {\n state.styles.popper.zIndex = String(zIndex);\n }\n return state;\n }\n },\n {\n name: \"rotator\",\n enabled: true,\n phase: \"write\",\n fn({ state }) {\n if (!state.styles.arrow) {\n return state;\n }\n // const reg = new RegExp(\n // /translate\$([0-9].)px, ([0-9].*)px\$/\n // );\n // const transform = state.styles.arrow.transform;\n // const res = reg.exec(transform);\n // state.styles.popper.transformOrigin = `${100 -\n // res[1]}% ${100 - res[2]}%`;\n state.styles.arrow.transform = `${state.styles.arrow.transform} rotate(45deg)`;\n return state;\n }\n },\n ...modifiers\n ]}\n >\n {({ placement, style, ref, arrowProps, isReferenceHidden }) => {\n if (!this.isShown() && placement) {\n return null;\n }\n\n if (hideWhenReferenceHidden && isReferenceHidden) {\n const event = new CustomEvent(\"onReferenceHidden\");\n this.hideDialog(event, \"onReferenceHidden\");\n }\n\n return (\n <DialogContent\n data-testid={overrideDataTestId}\n isReferenceHidden={hideWhenReferenceHidden && isReferenceHidden}\n onMouseEnter={this.onDialogEnter}\n onMouseLeave={this.onDialogLeave}\n onClickOutside={this.onClickOutside}\n onContextMenu={this.onContextMenu}\n onEsc={this.onEsc}\n animationType={animationTypeCalculated}\n position={placement}\n wrapperClassName={wrapperClassName}\n startingEdge={startingEdge}\n isOpen={this.isShown()}\n showDelay={showDelay}\n styleObject={style}\n ref={ref}\n onClick={this.onContentClick}\n hasTooltip={!!tooltip}\n containerSelector={containerSelector}\n disableContainerScroll={disableContainerScroll}\n >\n {contentRendered}\n {tooltip && (\n <div\n style={arrowProps.style}\n ref={arrowProps.ref}\n className={cx(styles.arrow, tooltipClassName)}\n data-placement={placement}\n />\n )}\n </DialogContent>\n );\n }}\n </Popper>,\n this.getContainer()\n )}\n </Manager>\n );\n }\n}\n\nfunction chainOnPropsAndInstance(name: string, instance: Dialog, props: DialogProps) {\n // @ts-ignore\n return chainFunctions([props[name], instance[name]], true);\n}\n\nDialog.contextType = LayerContext;\n"],"names":["Dialog","_PureComponent","props","_this","_classCallCheck","_callSuper","state","shouldUseDerivedStateFromProps","useDerivedStateFromProps","isOpen","shouldShowOnMount","onMouseEnter","bind","onMouseLeave","onMouseDown","onClick","onFocus","onBlur","isShown","onEsc","onClickOutside","onDialogEnter","onDialogLeave","getContainer","onContentClick","onKeyDown","closeDialogOnEscape","onContextMenu","hideTimeout","showTimeout","_inherits","PureComponent","_createClass","key","value","event","this","hideDialogIfNeeded","DialogTriggerEventEnum","ESCAPE_KEY","handleEvent","TAB_KEY","target","ENTER","_this$props","shouldCallbackOnMount","onDialogDidShow","document","addEventListener","removeEventListener","containerElement","querySelector","containerSelector","Element","layerRef","context","current","body","eventName","_this2","_this$props2","instantShowAndHide","getDynamicShowDelay","finalShowDelay","showDelay","preventAnimation","dynamicDelayObj","onShowDialog","setState","setTimeout","options","arguments","length","undefined","disable","clearTimeout","showDialog","_this3","_this$props3","hideDelay","onHideDialog","onDialogDidHide","hideDialog","_this$props4","showTriggerIgnoreClass","hideTriggerIgnoreClass","isShowTrigger","isInsideClass","isHideTrigger","showDialogIfNeeded","open","_this$props5","addKeyboardHideShowTriggersByDefault","showTriggersArray","convertToArray","showTrigger","indexOf","_this$props6","hideTriggersArray","hideTrigger","e","button","relatedTarget","preventDefault","showOnDialogEnter","_this4","_this$props7","wrapperClassName","content","startingEdge","children","preventAnimationOnMount","animationType","position","moveBy","modifiers","tooltip","tooltipClassName","referenceWrapperClassName","zIndex","hideWhenReferenceHidden","disableContainerScroll","overrideDataTestId","getTestId","ComponentDefaultTestId","DIALOG","id","animationTypeCalculated","contentRendered","isFunction","React","Manager","createElement","Reference","_ref","ref","Refable","className","cx","chainOnPropsAndInstance","createPortal","Popper","placement","name","offset","secondary","main","enabled","phase","fn","_ref2","styles","popper","String","_ref3","arrow","transform","concat","_toConsumableArray","_ref4","style","arrowProps","isReferenceHidden","CustomEvent","DialogContent","styleObject","hasTooltip","nextProps","instance","chainFunctions","hideShowTriggers","positions","DialogPositionEnum","animationTypes","AnimationTypeEnum","defaultProps","MOUSE_ENTER","MOUSE_LEAVE","EXPAND","NOOP","contextType","LayerContext"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var e={arrow:"arrow_c145dc5f65"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-a5825d2828c8_3_0_0-alpha_1";if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}(".arrow_c145dc5f65 {\n  width: 12px;\n  height: 12px;\n  position: absolute;\n  border-radius: 2px;\n  background-color: var(--secondary-background-color);\n}\n\n.arrow_c145dc5f65[data-placement*=bottom] {\n  top: 1px;\n}\n\n.arrow_c145dc5f65[data-placement*=top] {\n  bottom: 1px;\n}\n\n.arrow_c145dc5f65[data-placement*=left] {\n  right: 1px;\n}\n\n.arrow_c145dc5f65[data-placement*=right] {\n  left: 1px;\n}");export{e as default};
+var e={arrow:"arrow_3d63f4c956"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-a5825d2828c8_3_0_0-alpha_3";if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}(".arrow_3d63f4c956 {\n  width: 12px;\n  height: 12px;\n  position: absolute;\n  border-radius: 2px;\n  background-color: var(--secondary-background-color);\n}\n\n.arrow_3d63f4c956[data-placement*=bottom] {\n  top: 1px;\n}\n\n.arrow_3d63f4c956[data-placement*=top] {\n  bottom: 1px;\n}\n\n.arrow_3d63f4c956[data-placement*=left] {\n  right: 1px;\n}\n\n.arrow_3d63f4c956[data-placement*=right] {\n  left: 1px;\n}");export{e as default};
 //# sourceMappingURL=Dialog.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={contentWrapper:"contentWrapper_9804f4bfbf",top:"top_4fb65e874b",right:"right_3947edca24",left:"left_a25139d51c",bottom:"bottom_e8b69e4a44",bottomStart:"bottomStart_ee51f9ae8a",topStart:"topStart_80c6c2feb7",bottomEnd:"bottomEnd_3684028025",topEnd:"topEnd_dcf7c66139",leftStart:"leftStart_0e940caeef",rightStart:"rightStart_8142cd30e7",leftEnd:"leftEnd_e87ef6430a",rightEnd:"rightEnd_d6038c4e1c",contentComponent:"contentComponent_9804f4bfbf",hasTooltip:"hasTooltip_106ebceb6f",opacitySlideAppear:"opacitySlideAppear_c08f74e646",opacitySlideAppearActive:"opacitySlideAppearActive_5c08f628d7",expandAppear:"expandAppear_c4db18574b",expandExit:"expandExit_9e7f49d83c",edgeBottom:"edgeBottom_73eefab508",edgeTop:"edgeTop_3cfa673dc9",expandAppearActive:"expandAppearActive_bcfa4fcd34"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],a="s_id-ca4097b848ab_3_0_0-alpha_1";if(t.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}(".contentWrapper_9804f4bfbf {\n  outline: 0;\n}\n.contentWrapper_9804f4bfbf.top_4fb65e874b, .contentWrapper_9804f4bfbf.right_3947edca24, .contentWrapper_9804f4bfbf.left_a25139d51c, .contentWrapper_9804f4bfbf.bottom_e8b69e4a44 {\n  padding: var(--spacing-xs);\n}\n.contentWrapper_9804f4bfbf.bottomStart_ee51f9ae8a, .contentWrapper_9804f4bfbf.topStart_80c6c2feb7, .contentWrapper_9804f4bfbf.bottomEnd_3684028025, .contentWrapper_9804f4bfbf.topEnd_dcf7c66139 {\n  padding-block: var(--spacing-xs);\n}\n.contentWrapper_9804f4bfbf.bottomStart_ee51f9ae8a, .contentWrapper_9804f4bfbf.topStart_80c6c2feb7 {\n  padding-inline-end: var(--spacing-xs);\n}\n.contentWrapper_9804f4bfbf.bottomEnd_3684028025, .contentWrapper_9804f4bfbf.topEnd_dcf7c66139 {\n  padding-inline-start: var(--spacing-xs);\n}\n.contentWrapper_9804f4bfbf.leftStart_0e940caeef, .contentWrapper_9804f4bfbf.rightStart_8142cd30e7, .contentWrapper_9804f4bfbf.leftEnd_e87ef6430a, .contentWrapper_9804f4bfbf.rightEnd_d6038c4e1c {\n  padding-inline: var(--spacing-xs);\n}\n.contentWrapper_9804f4bfbf.leftStart_0e940caeef, .contentWrapper_9804f4bfbf.rightStart_8142cd30e7 {\n  padding-block-end: var(--spacing-xs);\n}\n.contentWrapper_9804f4bfbf.leftEnd_e87ef6430a, .contentWrapper_9804f4bfbf.rightEnd_d6038c4e1c {\n  padding-block-start: var(--spacing-xs);\n}\n.contentWrapper_9804f4bfbf[data-popper-reference-hidden=true] {\n  visibility: hidden;\n  pointer-events: none;\n}\n.contentComponent_9804f4bfbf:focus {\n  outline: none;\n}\n.contentComponent_9804f4bfbf.hasTooltip_106ebceb6f {\n  padding: 6px;\n}\n.opacitySlideAppear_c08f74e646 {\n  opacity: 0;\n}\n.opacitySlideAppear_c08f74e646.top_4fb65e874b {\n  transform: translateY(var(--spacing-medium));\n}\n.opacitySlideAppear_c08f74e646.right_3947edca24 {\n  transform: translateX(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_c08f74e646.bottom_e8b69e4a44 {\n  transform: translateY(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_c08f74e646.left_a25139d51c {\n  transform: translateX(var(--spacing-medium));\n}\n.opacitySlideAppearActive_5c08f628d7 {\n  transition: opacity 0.2s ease, transform 0.2s ease-out;\n  opacity: 1;\n  pointer-events: none;\n}\n.opacitySlideAppearActive_5c08f628d7.top_4fb65e874b, .opacitySlideAppearActive_5c08f628d7.bottom_e8b69e4a44 {\n  transform: translateY(0);\n}\n.opacitySlideAppearActive_5c08f628d7.right_3947edca24, .opacitySlideAppearActive_5c08f628d7.left_a25139d51c {\n  transform: translateX(0);\n}\n.expandAppear_c4db18574b,\n.expandExit_9e7f49d83c {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppear_c4db18574b.top_4fb65e874b, .expandAppear_c4db18574b.topStart_80c6c2feb7, .expandAppear_c4db18574b.topEnd_dcf7c66139,\n.expandExit_9e7f49d83c.top_4fb65e874b,\n.expandExit_9e7f49d83c.topStart_80c6c2feb7,\n.expandExit_9e7f49d83c.topEnd_dcf7c66139 {\n  transform-origin: bottom center;\n  transform: scale(0.8);\n}\n.expandAppear_c4db18574b.top_4fb65e874b.edgeBottom_73eefab508, .expandAppear_c4db18574b.topStart_80c6c2feb7.edgeBottom_73eefab508, .expandAppear_c4db18574b.topEnd_dcf7c66139.edgeBottom_73eefab508,\n.expandExit_9e7f49d83c.top_4fb65e874b.edgeBottom_73eefab508,\n.expandExit_9e7f49d83c.topStart_80c6c2feb7.edgeBottom_73eefab508,\n.expandExit_9e7f49d83c.topEnd_dcf7c66139.edgeBottom_73eefab508 {\n  transform-origin: bottom left;\n}\n.expandAppear_c4db18574b.top_4fb65e874b.edgeTop_3cfa673dc9, .expandAppear_c4db18574b.topStart_80c6c2feb7.edgeTop_3cfa673dc9, .expandAppear_c4db18574b.topEnd_dcf7c66139.edgeTop_3cfa673dc9,\n.expandExit_9e7f49d83c.top_4fb65e874b.edgeTop_3cfa673dc9,\n.expandExit_9e7f49d83c.topStart_80c6c2feb7.edgeTop_3cfa673dc9,\n.expandExit_9e7f49d83c.topEnd_dcf7c66139.edgeTop_3cfa673dc9 {\n  transform-origin: bottom right;\n}\n.expandAppear_c4db18574b.right_3947edca24, .expandAppear_c4db18574b.rightStart_8142cd30e7, .expandAppear_c4db18574b.rightEnd_d6038c4e1c,\n.expandExit_9e7f49d83c.right_3947edca24,\n.expandExit_9e7f49d83c.rightStart_8142cd30e7,\n.expandExit_9e7f49d83c.rightEnd_d6038c4e1c {\n  transform-origin: left;\n  transform: scale(0.8);\n}\n.expandAppear_c4db18574b.right_3947edca24.edgeBottom_73eefab508, .expandAppear_c4db18574b.rightStart_8142cd30e7.edgeBottom_73eefab508, .expandAppear_c4db18574b.rightEnd_d6038c4e1c.edgeBottom_73eefab508,\n.expandExit_9e7f49d83c.right_3947edca24.edgeBottom_73eefab508,\n.expandExit_9e7f49d83c.rightStart_8142cd30e7.edgeBottom_73eefab508,\n.expandExit_9e7f49d83c.rightEnd_d6038c4e1c.edgeBottom_73eefab508 {\n  transform-origin: top left;\n}\n.expandAppear_c4db18574b.right_3947edca24.edgeTop_3cfa673dc9, .expandAppear_c4db18574b.rightStart_8142cd30e7.edgeTop_3cfa673dc9, .expandAppear_c4db18574b.rightEnd_d6038c4e1c.edgeTop_3cfa673dc9,\n.expandExit_9e7f49d83c.right_3947edca24.edgeTop_3cfa673dc9,\n.expandExit_9e7f49d83c.rightStart_8142cd30e7.edgeTop_3cfa673dc9,\n.expandExit_9e7f49d83c.rightEnd_d6038c4e1c.edgeTop_3cfa673dc9 {\n  transform-origin: bottom left;\n}\n.expandAppear_c4db18574b.bottom_e8b69e4a44, .expandAppear_c4db18574b.bottomStart_ee51f9ae8a, .expandAppear_c4db18574b.bottomEnd_3684028025,\n.expandExit_9e7f49d83c.bottom_e8b69e4a44,\n.expandExit_9e7f49d83c.bottomStart_ee51f9ae8a,\n.expandExit_9e7f49d83c.bottomEnd_3684028025 {\n  transform-origin: top;\n  transform: scale(0.8);\n}\n.expandAppear_c4db18574b.bottom_e8b69e4a44.edgeBottom_73eefab508, .expandAppear_c4db18574b.bottomStart_ee51f9ae8a.edgeBottom_73eefab508, .expandAppear_c4db18574b.bottomEnd_3684028025.edgeBottom_73eefab508,\n.expandExit_9e7f49d83c.bottom_e8b69e4a44.edgeBottom_73eefab508,\n.expandExit_9e7f49d83c.bottomStart_ee51f9ae8a.edgeBottom_73eefab508,\n.expandExit_9e7f49d83c.bottomEnd_3684028025.edgeBottom_73eefab508 {\n  transform-origin: top left;\n}\n.expandAppear_c4db18574b.bottom_e8b69e4a44.edgeTop_3cfa673dc9, .expandAppear_c4db18574b.bottomStart_ee51f9ae8a.edgeTop_3cfa673dc9, .expandAppear_c4db18574b.bottomEnd_3684028025.edgeTop_3cfa673dc9,\n.expandExit_9e7f49d83c.bottom_e8b69e4a44.edgeTop_3cfa673dc9,\n.expandExit_9e7f49d83c.bottomStart_ee51f9ae8a.edgeTop_3cfa673dc9,\n.expandExit_9e7f49d83c.bottomEnd_3684028025.edgeTop_3cfa673dc9 {\n  transform-origin: top right;\n}\n.expandAppear_c4db18574b.left_a25139d51c, .expandAppear_c4db18574b.leftStart_0e940caeef, .expandAppear_c4db18574b.leftEnd_e87ef6430a,\n.expandExit_9e7f49d83c.left_a25139d51c,\n.expandExit_9e7f49d83c.leftStart_0e940caeef,\n.expandExit_9e7f49d83c.leftEnd_e87ef6430a {\n  transform-origin: right;\n  transform: scale(0.8);\n}\n.expandAppear_c4db18574b.left_a25139d51c.edgeBottom_73eefab508, .expandAppear_c4db18574b.leftStart_0e940caeef.edgeBottom_73eefab508, .expandAppear_c4db18574b.leftEnd_e87ef6430a.edgeBottom_73eefab508,\n.expandExit_9e7f49d83c.left_a25139d51c.edgeBottom_73eefab508,\n.expandExit_9e7f49d83c.leftStart_0e940caeef.edgeBottom_73eefab508,\n.expandExit_9e7f49d83c.leftEnd_e87ef6430a.edgeBottom_73eefab508 {\n  transform-origin: top right;\n}\n.expandAppear_c4db18574b.left_a25139d51c.edgeTop_3cfa673dc9, .expandAppear_c4db18574b.leftStart_0e940caeef.edgeTop_3cfa673dc9, .expandAppear_c4db18574b.leftEnd_e87ef6430a.edgeTop_3cfa673dc9,\n.expandExit_9e7f49d83c.left_a25139d51c.edgeTop_3cfa673dc9,\n.expandExit_9e7f49d83c.leftStart_0e940caeef.edgeTop_3cfa673dc9,\n.expandExit_9e7f49d83c.leftEnd_e87ef6430a.edgeTop_3cfa673dc9 {\n  transform-origin: bottom right;\n}\n.expandExit_9e7f49d83c {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppearActive_bcfa4fcd34 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n  pointer-events: none;\n}\n.expandAppearActive_bcfa4fcd34.top_4fb65e874b, .expandAppearActive_bcfa4fcd34.topStart_80c6c2feb7, .expandAppearActive_bcfa4fcd34.topEnd_dcf7c66139, .expandAppearActive_bcfa4fcd34.bottom_e8b69e4a44, .expandAppearActive_bcfa4fcd34.bottomStart_ee51f9ae8a, .expandAppearActive_bcfa4fcd34.bottomEnd_3684028025, .expandAppearActive_bcfa4fcd34.right_3947edca24, .expandAppearActive_bcfa4fcd34.rightStart_8142cd30e7, .expandAppearActive_bcfa4fcd34.rightEnd_d6038c4e1c, .expandAppearActive_bcfa4fcd34.left_a25139d51c, .expandAppearActive_bcfa4fcd34.leftStart_0e940caeef, .expandAppearActive_bcfa4fcd34.leftEnd_e87ef6430a {\n  transform: scale(1);\n}");export{e as default};
+var e={contentWrapper:"contentWrapper_bc7fbf8087",top:"top_b4e8e86acc",right:"right_69d8882078",left:"left_86d946992b",bottom:"bottom_509f1e172c",bottomStart:"bottomStart_10ac4810b1",topStart:"topStart_6cc08323ba",bottomEnd:"bottomEnd_331ef2d9c3",topEnd:"topEnd_157e5c2bc8",leftStart:"leftStart_d24cf7f8ea",rightStart:"rightStart_f2b2bdeded",leftEnd:"leftEnd_cf04ee25e9",rightEnd:"rightEnd_11ea319a39",contentComponent:"contentComponent_bc7fbf8087",hasTooltip:"hasTooltip_2cd49c0ee9",opacitySlideAppear:"opacitySlideAppear_f44905ab03",opacitySlideAppearActive:"opacitySlideAppearActive_08ac9c69b6",expandAppear:"expandAppear_ddec5fa646",expandExit:"expandExit_cd03ec5f2c",edgeBottom:"edgeBottom_80178bf613",edgeTop:"edgeTop_802bf65f9f",expandAppearActive:"expandAppearActive_6c4d5b33ee"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-ca4097b848ab_3_0_0-alpha_3";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))}(".contentWrapper_bc7fbf8087 {\n  outline: 0;\n}\n.contentWrapper_bc7fbf8087.top_b4e8e86acc, .contentWrapper_bc7fbf8087.right_69d8882078, .contentWrapper_bc7fbf8087.left_86d946992b, .contentWrapper_bc7fbf8087.bottom_509f1e172c {\n  padding: var(--spacing-xs);\n}\n.contentWrapper_bc7fbf8087.bottomStart_10ac4810b1, .contentWrapper_bc7fbf8087.topStart_6cc08323ba, .contentWrapper_bc7fbf8087.bottomEnd_331ef2d9c3, .contentWrapper_bc7fbf8087.topEnd_157e5c2bc8 {\n  padding-block: var(--spacing-xs);\n}\n.contentWrapper_bc7fbf8087.bottomStart_10ac4810b1, .contentWrapper_bc7fbf8087.topStart_6cc08323ba {\n  padding-inline-end: var(--spacing-xs);\n}\n.contentWrapper_bc7fbf8087.bottomEnd_331ef2d9c3, .contentWrapper_bc7fbf8087.topEnd_157e5c2bc8 {\n  padding-inline-start: var(--spacing-xs);\n}\n.contentWrapper_bc7fbf8087.leftStart_d24cf7f8ea, .contentWrapper_bc7fbf8087.rightStart_f2b2bdeded, .contentWrapper_bc7fbf8087.leftEnd_cf04ee25e9, .contentWrapper_bc7fbf8087.rightEnd_11ea319a39 {\n  padding-inline: var(--spacing-xs);\n}\n.contentWrapper_bc7fbf8087.leftStart_d24cf7f8ea, .contentWrapper_bc7fbf8087.rightStart_f2b2bdeded {\n  padding-block-end: var(--spacing-xs);\n}\n.contentWrapper_bc7fbf8087.leftEnd_cf04ee25e9, .contentWrapper_bc7fbf8087.rightEnd_11ea319a39 {\n  padding-block-start: var(--spacing-xs);\n}\n.contentWrapper_bc7fbf8087[data-popper-reference-hidden=true] {\n  visibility: hidden;\n  pointer-events: none;\n}\n.contentComponent_bc7fbf8087:focus {\n  outline: none;\n}\n.contentComponent_bc7fbf8087.hasTooltip_2cd49c0ee9 {\n  padding: 6px;\n}\n.opacitySlideAppear_f44905ab03 {\n  opacity: 0;\n}\n.opacitySlideAppear_f44905ab03.top_b4e8e86acc {\n  transform: translateY(var(--spacing-medium));\n}\n.opacitySlideAppear_f44905ab03.right_69d8882078 {\n  transform: translateX(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_f44905ab03.bottom_509f1e172c {\n  transform: translateY(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_f44905ab03.left_86d946992b {\n  transform: translateX(var(--spacing-medium));\n}\n.opacitySlideAppearActive_08ac9c69b6 {\n  transition: opacity 0.2s ease, transform 0.2s ease-out;\n  opacity: 1;\n  pointer-events: none;\n}\n.opacitySlideAppearActive_08ac9c69b6.top_b4e8e86acc, .opacitySlideAppearActive_08ac9c69b6.bottom_509f1e172c {\n  transform: translateY(0);\n}\n.opacitySlideAppearActive_08ac9c69b6.right_69d8882078, .opacitySlideAppearActive_08ac9c69b6.left_86d946992b {\n  transform: translateX(0);\n}\n.expandAppear_ddec5fa646,\n.expandExit_cd03ec5f2c {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppear_ddec5fa646.top_b4e8e86acc, .expandAppear_ddec5fa646.topStart_6cc08323ba, .expandAppear_ddec5fa646.topEnd_157e5c2bc8,\n.expandExit_cd03ec5f2c.top_b4e8e86acc,\n.expandExit_cd03ec5f2c.topStart_6cc08323ba,\n.expandExit_cd03ec5f2c.topEnd_157e5c2bc8 {\n  transform-origin: bottom center;\n  transform: scale(0.8);\n}\n.expandAppear_ddec5fa646.top_b4e8e86acc.edgeBottom_80178bf613, .expandAppear_ddec5fa646.topStart_6cc08323ba.edgeBottom_80178bf613, .expandAppear_ddec5fa646.topEnd_157e5c2bc8.edgeBottom_80178bf613,\n.expandExit_cd03ec5f2c.top_b4e8e86acc.edgeBottom_80178bf613,\n.expandExit_cd03ec5f2c.topStart_6cc08323ba.edgeBottom_80178bf613,\n.expandExit_cd03ec5f2c.topEnd_157e5c2bc8.edgeBottom_80178bf613 {\n  transform-origin: bottom left;\n}\n.expandAppear_ddec5fa646.top_b4e8e86acc.edgeTop_802bf65f9f, .expandAppear_ddec5fa646.topStart_6cc08323ba.edgeTop_802bf65f9f, .expandAppear_ddec5fa646.topEnd_157e5c2bc8.edgeTop_802bf65f9f,\n.expandExit_cd03ec5f2c.top_b4e8e86acc.edgeTop_802bf65f9f,\n.expandExit_cd03ec5f2c.topStart_6cc08323ba.edgeTop_802bf65f9f,\n.expandExit_cd03ec5f2c.topEnd_157e5c2bc8.edgeTop_802bf65f9f {\n  transform-origin: bottom right;\n}\n.expandAppear_ddec5fa646.right_69d8882078, .expandAppear_ddec5fa646.rightStart_f2b2bdeded, .expandAppear_ddec5fa646.rightEnd_11ea319a39,\n.expandExit_cd03ec5f2c.right_69d8882078,\n.expandExit_cd03ec5f2c.rightStart_f2b2bdeded,\n.expandExit_cd03ec5f2c.rightEnd_11ea319a39 {\n  transform-origin: left;\n  transform: scale(0.8);\n}\n.expandAppear_ddec5fa646.right_69d8882078.edgeBottom_80178bf613, .expandAppear_ddec5fa646.rightStart_f2b2bdeded.edgeBottom_80178bf613, .expandAppear_ddec5fa646.rightEnd_11ea319a39.edgeBottom_80178bf613,\n.expandExit_cd03ec5f2c.right_69d8882078.edgeBottom_80178bf613,\n.expandExit_cd03ec5f2c.rightStart_f2b2bdeded.edgeBottom_80178bf613,\n.expandExit_cd03ec5f2c.rightEnd_11ea319a39.edgeBottom_80178bf613 {\n  transform-origin: top left;\n}\n.expandAppear_ddec5fa646.right_69d8882078.edgeTop_802bf65f9f, .expandAppear_ddec5fa646.rightStart_f2b2bdeded.edgeTop_802bf65f9f, .expandAppear_ddec5fa646.rightEnd_11ea319a39.edgeTop_802bf65f9f,\n.expandExit_cd03ec5f2c.right_69d8882078.edgeTop_802bf65f9f,\n.expandExit_cd03ec5f2c.rightStart_f2b2bdeded.edgeTop_802bf65f9f,\n.expandExit_cd03ec5f2c.rightEnd_11ea319a39.edgeTop_802bf65f9f {\n  transform-origin: bottom left;\n}\n.expandAppear_ddec5fa646.bottom_509f1e172c, .expandAppear_ddec5fa646.bottomStart_10ac4810b1, .expandAppear_ddec5fa646.bottomEnd_331ef2d9c3,\n.expandExit_cd03ec5f2c.bottom_509f1e172c,\n.expandExit_cd03ec5f2c.bottomStart_10ac4810b1,\n.expandExit_cd03ec5f2c.bottomEnd_331ef2d9c3 {\n  transform-origin: top;\n  transform: scale(0.8);\n}\n.expandAppear_ddec5fa646.bottom_509f1e172c.edgeBottom_80178bf613, .expandAppear_ddec5fa646.bottomStart_10ac4810b1.edgeBottom_80178bf613, .expandAppear_ddec5fa646.bottomEnd_331ef2d9c3.edgeBottom_80178bf613,\n.expandExit_cd03ec5f2c.bottom_509f1e172c.edgeBottom_80178bf613,\n.expandExit_cd03ec5f2c.bottomStart_10ac4810b1.edgeBottom_80178bf613,\n.expandExit_cd03ec5f2c.bottomEnd_331ef2d9c3.edgeBottom_80178bf613 {\n  transform-origin: top left;\n}\n.expandAppear_ddec5fa646.bottom_509f1e172c.edgeTop_802bf65f9f, .expandAppear_ddec5fa646.bottomStart_10ac4810b1.edgeTop_802bf65f9f, .expandAppear_ddec5fa646.bottomEnd_331ef2d9c3.edgeTop_802bf65f9f,\n.expandExit_cd03ec5f2c.bottom_509f1e172c.edgeTop_802bf65f9f,\n.expandExit_cd03ec5f2c.bottomStart_10ac4810b1.edgeTop_802bf65f9f,\n.expandExit_cd03ec5f2c.bottomEnd_331ef2d9c3.edgeTop_802bf65f9f {\n  transform-origin: top right;\n}\n.expandAppear_ddec5fa646.left_86d946992b, .expandAppear_ddec5fa646.leftStart_d24cf7f8ea, .expandAppear_ddec5fa646.leftEnd_cf04ee25e9,\n.expandExit_cd03ec5f2c.left_86d946992b,\n.expandExit_cd03ec5f2c.leftStart_d24cf7f8ea,\n.expandExit_cd03ec5f2c.leftEnd_cf04ee25e9 {\n  transform-origin: right;\n  transform: scale(0.8);\n}\n.expandAppear_ddec5fa646.left_86d946992b.edgeBottom_80178bf613, .expandAppear_ddec5fa646.leftStart_d24cf7f8ea.edgeBottom_80178bf613, .expandAppear_ddec5fa646.leftEnd_cf04ee25e9.edgeBottom_80178bf613,\n.expandExit_cd03ec5f2c.left_86d946992b.edgeBottom_80178bf613,\n.expandExit_cd03ec5f2c.leftStart_d24cf7f8ea.edgeBottom_80178bf613,\n.expandExit_cd03ec5f2c.leftEnd_cf04ee25e9.edgeBottom_80178bf613 {\n  transform-origin: top right;\n}\n.expandAppear_ddec5fa646.left_86d946992b.edgeTop_802bf65f9f, .expandAppear_ddec5fa646.leftStart_d24cf7f8ea.edgeTop_802bf65f9f, .expandAppear_ddec5fa646.leftEnd_cf04ee25e9.edgeTop_802bf65f9f,\n.expandExit_cd03ec5f2c.left_86d946992b.edgeTop_802bf65f9f,\n.expandExit_cd03ec5f2c.leftStart_d24cf7f8ea.edgeTop_802bf65f9f,\n.expandExit_cd03ec5f2c.leftEnd_cf04ee25e9.edgeTop_802bf65f9f {\n  transform-origin: bottom right;\n}\n.expandExit_cd03ec5f2c {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppearActive_6c4d5b33ee {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n  pointer-events: none;\n}\n.expandAppearActive_6c4d5b33ee.top_b4e8e86acc, .expandAppearActive_6c4d5b33ee.topStart_6cc08323ba, .expandAppearActive_6c4d5b33ee.topEnd_157e5c2bc8, .expandAppearActive_6c4d5b33ee.bottom_509f1e172c, .expandAppearActive_6c4d5b33ee.bottomStart_10ac4810b1, .expandAppearActive_6c4d5b33ee.bottomEnd_331ef2d9c3, .expandAppearActive_6c4d5b33ee.right_69d8882078, .expandAppearActive_6c4d5b33ee.rightStart_f2b2bdeded, .expandAppearActive_6c4d5b33ee.rightEnd_11ea319a39, .expandAppearActive_6c4d5b33ee.left_86d946992b, .expandAppearActive_6c4d5b33ee.leftStart_d24cf7f8ea, .expandAppearActive_6c4d5b33ee.leftEnd_cf04ee25e9 {\n  transform: scale(1);\n}");export{e as default};
 //# sourceMappingURL=DialogContent.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={dialogContentContainer:"dialogContentContainer_8b49b95a49",sizeSmall:"sizeSmall_ca83c51d78",sizeMedium:"sizeMedium_738c36f950",sizeLarge:"sizeLarge_2fa1915bbe",typePopover:"typePopover_2da7763fb9",typeModal:"typeModal_90127bfd11"};!function(e){if("undefined"==typeof document)return;const a=document.head||document.getElementsByTagName("head")[0],n="s_id-12831727ea09_3_0_0-alpha_1";if(a.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(e))}(".dialogContentContainer_8b49b95a49:focus {\n  outline: none;\n}\n\n.sizeSmall_ca83c51d78 {\n  padding: var(--spacing-small);\n}\n\n.sizeMedium_738c36f950 {\n  padding: var(--spacing-medium);\n}\n\n.sizeLarge_2fa1915bbe {\n  padding: var(--spacing-large);\n}\n\n.typePopover_2da7763fb9 {\n  box-shadow: var(--experimental-dialog-border-in-dark-themes, var(--box-shadow-medium));\n  border-radius: var(--border-radius-medium);\n  background-color: var(--secondary-background-color);\n}\n\n.typeModal_90127bfd11 {\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_3bf5caffe3",sizeSmall:"sizeSmall_f5d38646a7",sizeMedium:"sizeMedium_75ba929c16",sizeLarge:"sizeLarge_6d7e602f8a",typePopover:"typePopover_9551d53191",typeModal:"typeModal_a46713cb40"};!function(e){if("undefined"==typeof document)return;const a=document.head||document.getElementsByTagName("head")[0],n="s_id-12831727ea09_3_0_0-alpha_3";if(a.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(e))}(".dialogContentContainer_3bf5caffe3:focus {\n  outline: none;\n}\n\n.sizeSmall_f5d38646a7 {\n  padding: var(--spacing-small);\n}\n\n.sizeMedium_75ba929c16 {\n  padding: var(--spacing-medium);\n}\n\n.sizeLarge_6d7e602f8a {\n  padding: var(--spacing-large);\n}\n\n.typePopover_9551d53191 {\n  box-shadow: var(--experimental-dialog-border-in-dark-themes, var(--box-shadow-medium));\n  border-radius: var(--border-radius-medium);\n  background-color: var(--secondary-background-color);\n}\n\n.typeModal_a46713cb40 {\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.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={divider:"divider_cef23e4945",withoutMargin:"withoutMargin_0dfce46c06",horizontal:"horizontal_71c4773a02",vertical:"vertical_1875a1574a"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],i="s_id-290500f5721e_3_0_0-alpha_1";if(n.querySelector("#"+i))return;const t=document.createElement("style");t.id=i,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".divider_cef23e4945 {\n  background-color: var(--layout-border-color);\n}\n\n.divider_cef23e4945.withoutMargin_0dfce46c06 {\n  margin: 0;\n}\n\n.horizontal_71c4773a02 {\n  height: 1px;\n  width: 100%;\n  margin: var(--spacing-small) 0;\n}\n\n.vertical_1875a1574a {\n  height: 100%;\n  width: 1px;\n  margin: 0 var(--spacing-xs);\n}");export{e as default};
+var e={divider:"divider_3b0858e0f9",withoutMargin:"withoutMargin_3c1fe13645",horizontal:"horizontal_87c5ec0985",vertical:"vertical_b5e86ebc89"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],i="s_id-290500f5721e_3_0_0-alpha_3";if(n.querySelector("#"+i))return;const t=document.createElement("style");t.id=i,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".divider_3b0858e0f9 {\n  background-color: var(--layout-border-color);\n}\n\n.divider_3b0858e0f9.withoutMargin_3c1fe13645 {\n  margin: 0;\n}\n\n.horizontal_87c5ec0985 {\n  height: 1px;\n  width: 100%;\n  margin: var(--spacing-small) 0;\n}\n\n.vertical_b5e86ebc89 {\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 CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as n,toConsumableArray as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as t,ComponentDefaultTestId as r}from"../../tests/testIds.js";import i from"classnames";import{BaseSizes as a}from"../../constants/sizes.js";import s,{forwardRef as l,useRef as c,useMemo as u,useState as d,useCallback as p}from"react";import m,{createFilter as f,components as O}from"react-select";import v from"react-select/async/dist/react-select.esm.js";import{noop as b}from"lodash-es";import{WindowedMenuList as g}from"react-windowed-select";import j from"./components/menu/menu.js";import C from"./components/DropdownIndicator/DropdownIndicator.js";import M from"./components/option/option.js";import y from"./components/singleValue/singleValue.js";import h from"./components/ClearIndicator/ClearIndicator.js";import w from"./components/MultiValueContainer/MultiValueContainer.js";import{DROPDOWN_CHIP_COLORS as S,DROPDOWN_MENU_PLACEMENT as I,DROPDOWN_MENU_POSITION as D,ADD_AUTO_HEIGHT_COMPONENTS as V,defaultCustomStyles as R,DROPDOWN_ID as P,DROPDOWN_MENU_ID as A,DROPDOWN_MENU_ARIA_LABEL as W}from"./DropdownConstants.js";import x,{customTheme as z}from"./Dropdown.styles.js";import E from"./components/Control/Control.js";import N from"./components/menu/menu.module.scss.js";import L from"./Dropdown.module.scss.js";import{withStaticProps as F}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";var T=F(l((function(a,l){var f=a.className,S=a.optionWrapperClassName,I=a.singleValueWrapperClassName,D=a.dropdownMenuWrapperClassName,F=a.placeholder,T=void 0===F?"":F,k=a.disabled,B=void 0!==k&&k,H=a.readOnly,K=void 0!==H&&H,_=a.onMenuOpen,q=void 0===_?b:_,G=a.onMenuClose,J=void 0===G?b:G,Q=a.onFocus,U=void 0===Q?b:Q,X=a.onBlur,Y=void 0===X?b:X,Z=a.onChange,$=void 0===Z?b:Z,ee=a.searchable,ne=void 0===ee||ee,oe=a.options,te=void 0===oe?[]:oe,re=a.defaultValue,ie=a.value,ae=a.noOptionsMessage,se=a.openMenuOnFocus,le=a.openMenuOnClick,ce=a.clearable,ue=void 0===ce||ce,de=a.OptionRenderer,pe=a.optionRenderer,me=a.ValueRenderer,fe=a.valueRenderer,Oe=a.menuRenderer,ve=a.menuPlacement,be=void 0===ve?"bottom":ve,ge=a.rtl,je=a.size,Ce=void 0===je?"medium":je,Me=a.asyncOptions,ye=a.cacheOptions,he=a.defaultOptions,we=a.isVirtualized,Se=a.menuPortalTarget,Ie=a.extraStyles,De=void 0===Ie?R:Ie,Ve=a.maxMenuHeight,Re=a.menuIsOpen,Pe=a.tabIndex,Ae=void 0===Pe?"0":Pe,We=a.id,xe=void 0===We?P:We,ze=a.menuId,Ee=void 0===ze?A:ze,Ne=a.menuAriaLabel,Le=void 0===Ne?W:Ne,Fe=a.autoFocus,Te=void 0!==Fe&&Fe,ke=a.multi,Be=void 0!==ke&&ke,He=a.multiline,Ke=void 0!==He&&He,_e=a.onOptionRemove,qe=a.onOptionSelect,Ge=a.onClear,Je=a.onInputChange,Qe=void 0===Je?b:Je,Ue=a.closeMenuOnSelect,Xe=void 0===Ue?!Be:Ue,Ye=a.closeMenuOnScroll,Ze=void 0!==Ye&&Ye,$e=a.withMandatoryDefaultOptions,en=void 0!==$e&&$e,nn=a.isOptionSelected,on=a.insideOverflowContainer,tn=void 0!==on&&on,rn=a.insideOverflowWithTransformContainer,an=void 0!==rn&&rn,sn=a.tooltipContent,ln=void 0===sn?"":sn,cn=a.onKeyDown,un=void 0===cn?b:cn,dn=a.isLoading,pn=void 0!==dn&&dn,mn=a.loadingMessage,fn=a.ariaLabel,On=a.tabSelectsValue,vn=void 0===On||On,bn=a.popupsContainerSelector,gn=a.filterOption,jn=a.menuPosition,Cn=void 0===jn?"absolute":jn,Mn=a["data-testid"],yn=c(),hn=Se||bn&&document.querySelector(bn),wn=u((function(){return re?Array.isArray(re)?re.map((function(e){return Object.assign(Object.assign({},e),{isMandatory:!0})})):Object.assign(Object.assign({},re),{isMandatory:!0}):re}),[re]),Sn=d(wn||[]),In=e(Sn,2),Dn=In[1],Vn=pe||de,Rn=fe||me,Pn=!!ie,An=null!=ie?ie:In[0],Wn=u((function(){return Array.isArray(An)?An.reduce((function(e,o){return Object.assign(Object.assign({},e),n({},o.value,o))}),{}):{}}),[An]),xn=u((function(){return fn||"".concat(K?"Readonly ":""," ").concat(ln," ").concat(Array.isArray(An)?"Selected: ".concat(An.map((function(e){return e.label})).join(", ")):"Select")}),[fn,K,An,ln]),zn=Be?An:ie,En=u((function(){var o=x({size:Ce,rtl:ge,insideOverflowContainer:tn,controlRef:yn,insideOverflowWithTransformContainer:an}),t=De(o),r=Object.entries(t).reduce((function(t,r){var i=e(r,2),a=i[0],s=i[1];return Object.assign(Object.assign({},t),n({},a,(function(e,n){var t=o[a],r=t?t(e,n):e;return s(r,n)})))}),{});if(Be){Ke&&V.forEach((function(e){var n=r[e];r[e]=function(e,o){return Object.assign(Object.assign({},n(e,o)),{height:"auto"})}}));var i=r.valueContainer;r.valueContainer=function(e,n){return Object.assign(Object.assign({},i(e,n)),{paddingLeft:6})}}return r}),[Ce,ge,tn,an,De,Be,Ke]),Nn=p((function(e){return s.createElement(j,Object.assign({},e,{id:Ee,ariaLabel:Le,Renderer:Oe,dropdownMenuWrapperClassName:D}))}),[D,Oe,Ee,Le]),Ln=p((function(e){return s.createElement(C,Object.assign({},e,{size:Ce}))}),[Ce]),Fn=p((function(e){return s.createElement(M,Object.assign({},e,{Renderer:Vn,optionWrapperClassName:S}))}),[Vn,S]),Tn=p((function(e){return s.createElement(O.Input,Object.assign({},e,{"aria-label":"Dropdown input","aria-controls":Ee}))}),[Ee]),kn=p((function(e){return s.createElement(y,Object.assign({},e,{readOnly:K,Renderer:Rn,selectedOption:An[0],singleValueWrapperClassName:I}))}),[Rn,K,An,I]),Bn=p((function(e){return s.createElement(h,Object.assign({},e,{size:Ce}))}),[Ce]),Hn=u((function(){return function(e,n){_e&&_e(Wn[e]);var o=Array.isArray(An)?An.filter((function(n){return n.value!==e})):An;$&&$(o,n),Dn(o)}}),[$,_e,An,Wn]),Kn=u((function(){return{selectedOptions:An,onSelectedDelete:Hn,isMultiline:Ke,insideOverflowContainer:tn,insideOverflowWithTransformContainer:an,controlRef:yn,tooltipContent:ln,popupsContainerSelector:bn,size:Ce}}),[An,Hn,Ke,tn,an,ln,bn,Ce]),_n=Me?v:m,qn=Object.assign({},Me&&Object.assign({loadOptions:Me,cacheOptions:ye},he&&{defaultOptions:he})),Gn=Object.assign(Object.assign({},!Me&&{options:te}),Be&&{isMulti:!0}),Jn=p((function(e){var n,o=e.target;return!(null===(n=null==o?void 0:o.parentElement)||void 0===n?void 0:n.classList.contains(N.dropdownMenuWrapper))&&(Ze||tn||an)}),[tn,an,Ze]);return s.createElement(_n,Object.assign({className:i(L.dropdown,f),selectProps:Kn,components:Object.assign(Object.assign({DropdownIndicator:Ln,Menu:Nn,ClearIndicator:Bn,Input:Tn,Option:Fn,Control:E,SingleValue:kn},Be&&{MultiValue:b,ValueContainer:w}),we&&{MenuList:g}),closeMenuOnScroll:Jn,size:Ce,noOptionsMessage:ae,placeholder:T,isDisabled:B,isClearable:!K&&ue,isSearchable:!K&&ne,readOnly:K,"aria-readonly":K,"aria-label":xn,"aria-details":ln,"aria-expanded":!K&&Re,"aria-haspopup":"listbox","aria-activedescendant":!0,role:"combobox",defaultValue:re,value:zn,onMenuOpen:q,onMenuClose:J,onFocus:U,onBlur:Y,onChange:function(e,n){switch($&&$(e,n),n.action){case"select-option":var t=Be?n.option:e;qe&&qe(t),Pn||Dn([].concat(o(An),[t]));break;case"clear":Ge&&Ge(),Pn||Dn(en?wn:[])}},onKeyDown:un,onInputChange:Qe,openMenuOnFocus:se,openMenuOnClick:le,isRtl:ge,styles:En,theme:z,maxMenuHeight:Ve,menuPortalTarget:hn,menuPlacement:be,menuPosition:Cn,menuIsOpen:!K&&Re,tabIndex:Ae,id:xe,"data-testid":Mn||t(r.DROPDOWN,xe),autoFocus:Te,closeMenuOnSelect:Xe,ref:l,withMandatoryDefaultOptions:en,isOptionSelected:nn,isLoading:pn,loadingMessage:mn,tabSelectsValue:vn,filterOption:gn},qn,Gn))})),{sizes:a,chipColors:S,menuPlacements:I,menuPositions:D,createFilter:f});export{T as default};
+import{slicedToArray as e,defineProperty as n,toConsumableArray as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as t,ComponentDefaultTestId as r}from"../../tests/testIds.js";import i from"classnames";import{BaseSizes as a}from"../../constants/sizes.js";import s,{forwardRef as l,useRef as c,useMemo as u,useState as d,useCallback as p}from"react";import m,{createFilter as f,components as O}from"react-select";import v from"react-select/async/dist/react-select.esm.js";import b from"react-select/base/dist/react-select.esm.js";import{noop as g}from"lodash-es";import{WindowedMenuList as j}from"react-windowed-select";import C from"./components/menu/menu.js";import M from"./components/DropdownIndicator/DropdownIndicator.js";import y from"./components/option/option.js";import h from"./components/singleValue/singleValue.js";import w from"./components/ClearIndicator/ClearIndicator.js";import I from"./components/MultiValueContainer/MultiValueContainer.js";import{DROPDOWN_CHIP_COLORS as S,DROPDOWN_MENU_PLACEMENT as D,DROPDOWN_MENU_POSITION as R,ADD_AUTO_HEIGHT_COMPONENTS as V,defaultCustomStyles as P,DROPDOWN_ID as A,DROPDOWN_MENU_ID as W,DROPDOWN_MENU_ARIA_LABEL as x}from"./DropdownConstants.js";import z,{customTheme as E}from"./Dropdown.styles.js";import L from"./components/Control/Control.js";import N from"./components/menu/menu.module.scss.js";import F from"./Dropdown.module.scss.js";import{withStaticProps as T}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";var k=T(l((function(a,l){var f=a.className,S=a.optionWrapperClassName,D=a.singleValueWrapperClassName,R=a.dropdownMenuWrapperClassName,T=a.placeholder,k=void 0===T?"":T,B=a.disabled,H=void 0!==B&&B,K=a.readOnly,_=void 0!==K&&K,q=a.onMenuOpen,G=void 0===q?g:q,J=a.onMenuClose,Q=void 0===J?g:J,U=a.onFocus,X=void 0===U?g:U,Y=a.onBlur,Z=void 0===Y?g:Y,$=a.onChange,ee=void 0===$?g:$,ne=a.searchable,oe=void 0===ne||ne,te=a.options,re=void 0===te?[]:te,ie=a.defaultValue,ae=a.value,se=a.noOptionsMessage,le=a.openMenuOnFocus,ce=a.openMenuOnClick,ue=a.clearable,de=void 0===ue||ue,pe=a.OptionRenderer,me=a.optionRenderer,fe=a.ValueRenderer,Oe=a.valueRenderer,ve=a.menuRenderer,be=a.menuPlacement,ge=void 0===be?"bottom":be,je=a.rtl,Ce=a.size,Me=void 0===Ce?"medium":Ce,ye=a.asyncOptions,he=a.cacheOptions,we=a.defaultOptions,Ie=a.isVirtualized,Se=a.menuPortalTarget,De=a.extraStyles,Re=void 0===De?P:De,Ve=a.maxMenuHeight,Pe=a.menuIsOpen,Ae=a.tabIndex,We=void 0===Ae?"0":Ae,xe=a.id,ze=void 0===xe?A:xe,Ee=a.menuId,Le=void 0===Ee?W:Ee,Ne=a.menuAriaLabel,Fe=void 0===Ne?x:Ne,Te=a.autoFocus,ke=void 0!==Te&&Te,Be=a.multi,He=void 0!==Be&&Be,Ke=a.multiline,_e=void 0!==Ke&&Ke,qe=a.onOptionRemove,Ge=a.onOptionSelect,Je=a.onClear,Qe=a.onInputChange,Ue=void 0===Qe?g:Qe,Xe=a.closeMenuOnSelect,Ye=void 0===Xe?!He:Xe,Ze=a.closeMenuOnScroll,$e=void 0!==Ze&&Ze,en=a.withMandatoryDefaultOptions,nn=void 0!==en&&en,on=a.isOptionSelected,tn=a.insideOverflowContainer,rn=void 0!==tn&&tn,an=a.insideOverflowWithTransformContainer,sn=void 0!==an&&an,ln=a.tooltipContent,cn=void 0===ln?"":ln,un=a.onKeyDown,dn=void 0===un?g:un,pn=a.isLoading,mn=void 0!==pn&&pn,fn=a.loadingMessage,On=a.ariaLabel,vn=a.tabSelectsValue,bn=void 0===vn||vn,gn=a.popupsContainerSelector,jn=a.filterOption,Cn=a.menuPosition,Mn=void 0===Cn?"absolute":Cn,yn=a["data-testid"],hn=c(),wn=Se||gn&&document.querySelector(gn),In=u((function(){return ie?Array.isArray(ie)?ie.map((function(e){return Object.assign(Object.assign({},e),{isMandatory:!0})})):Object.assign(Object.assign({},ie),{isMandatory:!0}):ie}),[ie]);b.prototype.renderLiveRegion=function(){return null};var Sn=d(In||[]),Dn=e(Sn,2),Rn=Dn[0],Vn=Dn[1],Pn=d(""),An=e(Pn,2),Wn=An[0],xn=An[1],zn=me||pe,En=Oe||fe,Ln=!!ae,Nn=null!=ae?ae:Rn,Fn=u((function(){return Array.isArray(Nn)?Nn.reduce((function(e,o){return Object.assign(Object.assign({},e),n({},o.value,o))}),{}):{}}),[Nn]),Tn=u((function(){return On||"".concat(_?"Readonly ":""," ").concat(cn," ").concat(Array.isArray(Nn)?"Selected: ".concat(Nn.map((function(e){return e.label})).join(", ")):"Select")}),[On,_,Nn,cn]),kn=He?Nn:ae,Bn=u((function(){var o=z({size:Me,rtl:je,insideOverflowContainer:rn,controlRef:hn,insideOverflowWithTransformContainer:sn}),t=Re(o),r=Object.entries(t).reduce((function(t,r){var i=e(r,2),a=i[0],s=i[1];return Object.assign(Object.assign({},t),n({},a,(function(e,n){var t=o[a],r=t?t(e,n):e;return s(r,n)})))}),{});if(He){_e&&V.forEach((function(e){var n=r[e];r[e]=function(e,o){return Object.assign(Object.assign({},n(e,o)),{height:"auto"})}}));var i=r.valueContainer;r.valueContainer=function(e,n){return Object.assign(Object.assign({},i(e,n)),{paddingLeft:6})}}return r}),[Me,je,rn,sn,Re,He,_e]),Hn=p((function(e){return s.createElement(C,Object.assign({},e,{id:Le,ariaLabel:Fe,Renderer:ve,dropdownMenuWrapperClassName:R}))}),[R,ve,Le,Fe]),Kn=p((function(e){return s.createElement(M,Object.assign({},e,{size:Me}))}),[Me]),_n=p((function(e){return s.createElement(y,Object.assign({setFocusedOptionId:xn},e,{Renderer:zn,optionWrapperClassName:S}))}),[zn,S,xn]),qn=p((function(e){var n=e.selectProps,o=n.focusedOptionId,t=n.menuIsOpen;return s.createElement(O.Input,Object.assign({},e,{"aria-activedescendant":o&&t?o:"",role:"combobox","aria-expanded":!_&&t,"aria-label":"Dropdown input","aria-controls":Le}))}),[Le,_]),Gn=p((function(e){return s.createElement(h,Object.assign({},e,{readOnly:_,Renderer:En,selectedOption:Nn[0],singleValueWrapperClassName:D}))}),[En,_,Nn,D]),Jn=p((function(e){return s.createElement(w,Object.assign({},e,{size:Me}))}),[Me]),Qn=u((function(){return function(e,n){qe&&qe(Fn[e]);var o=Array.isArray(Nn)?Nn.filter((function(n){return n.value!==e})):Nn;ee&&ee(o,n),Vn(o)}}),[ee,qe,Nn,Fn]),Un=u((function(){return{selectedOptions:Nn,onSelectedDelete:Qn,isMultiline:_e,insideOverflowContainer:rn,insideOverflowWithTransformContainer:sn,controlRef:hn,tooltipContent:cn,popupsContainerSelector:gn,size:Me}}),[Nn,Qn,_e,rn,sn,cn,gn,Me]),Xn=ye?v:m,Yn=Object.assign({},ye&&Object.assign({loadOptions:ye,cacheOptions:he},we&&{defaultOptions:we})),Zn=Object.assign(Object.assign({},!ye&&{options:re}),He&&{isMulti:!0}),$n=p((function(e){var n,o=e.target;return!(null===(n=null==o?void 0:o.parentElement)||void 0===n?void 0:n.classList.contains(N.dropdownMenuWrapper))&&($e||rn||sn)}),[rn,sn,$e]);return s.createElement(Xn,Object.assign({className:i(F.dropdown,f),selectProps:Un,components:Object.assign(Object.assign({DropdownIndicator:Kn,Menu:Hn,ClearIndicator:Jn,Input:qn,Option:_n,Control:L,SingleValue:Gn},He&&{MultiValue:g,ValueContainer:I}),Ie&&{MenuList:j}),closeMenuOnScroll:$n,size:Me,noOptionsMessage:se,placeholder:k,isDisabled:H,isClearable:!_&&de,isSearchable:!_&&oe,readOnly:_,"aria-readonly":_,"aria-label":Tn,"aria-details":cn,"aria-haspopup":"listbox",defaultValue:ie,value:kn,onMenuOpen:G,onMenuClose:Q,onFocus:X,onBlur:Z,onChange:function(e,n){switch(ee&&ee(e,n),n.action){case"select-option":var t=He?n.option:e;Ge&&Ge(t),Ln||Vn([].concat(o(Nn),[t]));break;case"clear":Je&&Je(),Ln||Vn(nn?In:[])}},onKeyDown:dn,onInputChange:Ue,openMenuOnFocus:le,openMenuOnClick:ce,focusedOptionId:Wn,isRtl:je,styles:Bn,theme:E,maxMenuHeight:Ve,menuPortalTarget:wn,menuPlacement:ge,menuPosition:Mn,menuIsOpen:!_&&Pe,tabIndex:We,id:ze,"data-testid":yn||t(r.DROPDOWN,ze),autoFocus:ke,closeMenuOnSelect:Ye,ref:l,withMandatoryDefaultOptions:nn,isOptionSelected:on,isLoading:mn,loadingMessage:fn,tabSelectsValue:bn,filterOption:jn},Yn,Zn))})),{sizes:a,chipColors:S,menuPlacements:D,menuPositions:R,createFilter:f});export{k as default};
 //# sourceMappingURL=Dropdown.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 } from \"react\";\nimport Select, { InputProps, components, createFilter, ActionMeta } from \"react-select\";\nimport AsyncSelect from \"react-select/async/dist/react-select.esm.js\";\nimport { noop as NOOP } from \"lodash-es\";\nimport { WindowedMenuList } from \"react-windowed-select\";\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 {\n ADD_AUTO_HEIGHT_COMPONENTS,\n defaultCustomStyles,\n DROPDOWN_CHIP_COLORS,\n DROPDOWN_ID,\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 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\";\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 disabled = false,\n readOnly = false,\n onMenuOpen = NOOP,\n onMenuClose = NOOP,\n onFocus = NOOP,\n onBlur = NOOP,\n onChange: customOnChange = NOOP,\n searchable = true,\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 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 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 }: DropdownComponentProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const controlRef = useRef();\n const overrideMenuPortalTarget =\n menuPortalTarget \|\| (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 const [selected, setSelected] = useState(overrideDefaultValue \|\| []);\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 });\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 }, [size, rtl, insideOverflowContainer, insideOverflowWithTransformContainer, extraStyles, multi, multiline]);\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 />\n ),\n [dropdownMenuWrapperClassName, menuRenderer, menuId, menuAriaLabel]\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 {...props} Renderer={finalOptionRenderer} optionWrapperClassName={optionWrapperClassName} />\n ),\n [finalOptionRenderer, optionWrapperClassName]\n );\n\n const Input = useCallback(\n (props: InputProps) => <components.Input {...props} aria-label=\"Dropdown input\" aria-controls={menuId} />,\n [menuId]\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,\n size\n }),\n [\n selectedOptions,\n onOptionRemove,\n multiline,\n insideOverflowContainer,\n insideOverflowWithTransformContainer,\n tooltipContent,\n popupsContainerSelector,\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 const DropDownComponent: React.ElementType = asyncOptions ? AsyncSelect : Select;\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 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 && { 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={placeholder}\n isDisabled={disabled}\n isClearable={!readOnly && clearable}\n isSearchable={!readOnly && searchable}\n readOnly={readOnly}\n aria-readonly={readOnly}\n aria-label={overrideAriaLabel}\n aria-details={tooltipContent}\n aria-expanded={!readOnly && menuIsOpen}\n aria-haspopup=\"listbox\"\n aria-activedescendant\n role=\"combobox\"\n defaultValue={defaultValue}\n value={value}\n onMenuOpen={onMenuOpen}\n onMenuClose={onMenuClose}\n onFocus={onFocus}\n onBlur={onBlur}\n onChange={onChange}\n onKeyDown={onKeyDown}\n onInputChange={onInputChange}\n openMenuOnFocus={openMenuOnFocus}\n openMenuOnClick={openMenuOnClick}\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 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 {...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","_ref$disabled","disabled","_ref$readOnly","readOnly","_ref$onMenuOpen","onMenuOpen","NOOP","_ref$onMenuClose","onMenuClose","_ref$onFocus","onFocus","_ref$onBlur","onBlur","_ref$onChange","onChange","customOnChange","_ref$searchable","searchable","_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$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$tooltipContent","tooltipContent","_ref$onKeyDown","onKeyDown","_ref$isLoading","isLoading","loadingMessage","ariaLabel","_ref$tabSelectsValue","tabSelectsValue","popupsContainerSelector","filterOption","_ref$menuPosition","menuPosition","dataTestId","controlRef","useRef","overrideMenuPortalTarget","document","querySelector","overrideDefaultValue","useMemo","Array","isArray","map","df","Object","assign","isMandatory","_useState","useState","_useState2","_slicedToArray","setSelected","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","components","SingleValue","SingleValueComponent","selectedOption","ClearIndicator","ClearIndicatorComponent","optionValue","e","newSelectedOptions","filter","customProps","onSelectedDelete","isMultiline","DropDownComponent","AsyncSelect","Select","asyncAdditions","loadOptions","additions","isMulti","event","scrolledElement","target","parentElement","_a","classList","contains","menuStyles","dropdownMenuWrapper","cx","styles","dropdown","selectProps","Control","MultiValue","ValueContainer","MultiValueContainer","MenuList","WindowedMenuList","isDisabled","isClearable","isSearchable","role","meta","action","_toConsumableArray","isRtl","theme","customTheme","getTestId","ComponentDefaultTestId","DROPDOWN","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 } from \"react\";\nimport Select, { InputProps, components, createFilter, ActionMeta } from \"react-select\";\nimport AsyncSelect from \"react-select/async/dist/react-select.esm.js\";\nimport BaseSelect from \"react-select/base/dist/react-select.esm.js\";\nimport { noop as NOOP } from \"lodash-es\";\nimport { WindowedMenuList } from \"react-windowed-select\";\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 {\n ADD_AUTO_HEIGHT_COMPONENTS,\n defaultCustomStyles,\n DROPDOWN_CHIP_COLORS,\n DROPDOWN_ID,\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 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\";\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 disabled = false,\n readOnly = false,\n onMenuOpen = NOOP,\n onMenuClose = NOOP,\n onFocus = NOOP,\n onBlur = NOOP,\n onChange: customOnChange = NOOP,\n searchable = true,\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 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 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 }: DropdownComponentProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const controlRef = useRef();\n const overrideMenuPortalTarget =\n menuPortalTarget \|\| (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 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 });\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 }, [size, rtl, insideOverflowContainer, insideOverflowWithTransformContainer, extraStyles, multi, multiline]);\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 />\n ),\n [dropdownMenuWrapperClassName, menuRenderer, menuId, menuAriaLabel]\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=\"Dropdown input\"\n aria-controls={menuId}\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,\n size\n }),\n [\n selectedOptions,\n onOptionRemove,\n multiline,\n insideOverflowContainer,\n insideOverflowWithTransformContainer,\n tooltipContent,\n popupsContainerSelector,\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 const DropDownComponent: React.ElementType = asyncOptions ? AsyncSelect : Select;\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 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 && { 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={placeholder}\n isDisabled={disabled}\n isClearable={!readOnly && clearable}\n isSearchable={!readOnly && searchable}\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 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 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 {...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","_ref$disabled","disabled","_ref$readOnly","readOnly","_ref$onMenuOpen","onMenuOpen","NOOP","_ref$onMenuClose","onMenuClose","_ref$onFocus","onFocus","_ref$onBlur","onBlur","_ref$onChange","onChange","customOnChange","_ref$searchable","searchable","_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$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$tooltipContent","tooltipContent","_ref$onKeyDown","onKeyDown","_ref$isLoading","isLoading","loadingMessage","ariaLabel","_ref$tabSelectsValue","tabSelectsValue","popupsContainerSelector","filterOption","_ref$menuPosition","menuPosition","dataTestId","controlRef","useRef","overrideMenuPortalTarget","document","querySelector","overrideDefaultValue","useMemo","Array","isArray","map","df","Object","assign","isMandatory","BaseSelect","prototype","renderLiveRegion","_useState","useState","_useState2","_slicedToArray","selected","setSelected","_useState3","_useState4","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","SingleValue","SingleValueComponent","selectedOption","ClearIndicator","ClearIndicatorComponent","optionValue","e","newSelectedOptions","filter","customProps","onSelectedDelete","isMultiline","DropDownComponent","AsyncSelect","Select","asyncAdditions","loadOptions","additions","isMulti","event","scrolledElement","target","parentElement","_a","classList","contains","menuStyles","dropdownMenuWrapper","cx","styles","dropdown","Control","MultiValue","ValueContainer","MultiValueContainer","MenuList","WindowedMenuList","isDisabled","isClearable","isSearchable","meta","action","_toConsumableArray","isRtl","theme","customTheme","getTestId","ComponentDefaultTestId","DROPDOWN","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_f51e3f4291"};!function(o){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],n="s_id-9c014db6980d_3_0_0-alpha_1";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))}(".dropdown_f51e3f4291 .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_f51e3f4291 .fast-option:disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.dropdown_f51e3f4291 .fast-option-disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.dropdown_f51e3f4291 .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_f51e3f4291 .fast-option-focused:hover {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n}\n\n.dropdown_f51e3f4291 .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_607e6ca47b"};!function(o){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],n="s_id-9c014db6980d_3_0_0-alpha_3";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))}(".dropdown_607e6ca47b .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_607e6ca47b .fast-option:disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.dropdown_607e6ca47b .fast-option-disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.dropdown_607e6ca47b .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_607e6ca47b .fast-option-focused:hover {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n}\n\n.dropdown_607e6ca47b .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.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t,{useCallback as e}from"react";import r from"../../../Avatar/Avatar.js";import o from"../../../Icon/Icon.js";import a from"../../../Text/Text.js";import n from"./ChildrenContent.module.scss.js";import{getTestId as i}from"../../../../tests/testIds.js";import{ComponentDefaultTestId as s}from"../../../../tests/constants.js";var l=function(l){var c=l.data,m=l.children,u=l.readOnly,d=e((function(t){u&&t.stopPropagation()}),[u]);return t.createElement("div",{className:n.valueContainer,onMouseDown:d,"data-testid":i(s.DROPDOWN_OPTION_CONTENT)},(null==c?void 0:c.leftRenderer)||t.createElement(t.Fragment,null,(null==c?void 0:c.leftAvatar)&&t.createElement(r,{className:n.avatar,withoutBorder:!0,square:c.square,src:c.leftAvatar,type:"img",customSize:20}),(null==c?void 0:c.leftIcon)&&t.createElement(o,{iconSize:18,icon:c.leftIcon})),t.createElement(a,{type:a.types.TEXT2,color:a.colors.INHERIT},m),(null==c?void 0:c.rightIcon)&&t.createElement(o,{iconSize:18,icon:c.rightIcon}),(null==c?void 0:c.rightAvatar)&&t.createElement(r,{withoutBorder:!0,square:c.square,src:c.rightAvatar,type:"img",customSize:20}))};export{l as ChildrenContent};
+import t,{useCallback as e}from"react";import r from"../../../Avatar/Avatar.js";import o from"../../../Icon/Icon.js";import a from"../../../Text/Text.js";import n from"./ChildrenContent.module.scss.js";import{getTestId as i}from"../../../../tests/testIds.js";import{ComponentDefaultTestId as s}from"../../../../tests/constants.js";var l=function(l){var c=l.data,m=l.children,u=l.readOnly,d=e((function(t){u&&t.stopPropagation()}),[u]);return t.createElement("div",{className:n.valueContainer,onMouseDown:d,"data-testid":i(s.DROPDOWN_OPTION_CONTENT)},(null==c?void 0:c.leftRenderer)||t.createElement(t.Fragment,null,(null==c?void 0:c.leftAvatar)&&t.createElement(r,{className:n.avatar,withoutBorder:!0,square:c.square,src:c.leftAvatar,type:"img",customSize:20}),(null==c?void 0:c.leftIcon)&&t.createElement(o,{className:n.icon,iconSize:18,icon:c.leftIcon})),t.createElement(a,{type:a.types.TEXT2,color:a.colors.INHERIT},m),(null==c?void 0:c.rightIcon)&&t.createElement(o,{iconSize:18,icon:c.rightIcon}),(null==c?void 0:c.rightAvatar)&&t.createElement(r,{withoutBorder:!0,square:c.square,src:c.rightAvatar,type:"img",customSize:20}))};export{l as ChildrenContent};
 //# sourceMappingURL=ChildrenContent.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ChildrenContent.js","sources":["../../../../../../src/components/Dropdown/components/ChildrenContent/ChildrenContent.jsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport Avatar from \"../../../Avatar/Avatar\";\nimport Icon from \"../../../Icon/Icon\";\nimport Text from \"../../../Text/Text\";\nimport styles from \"./ChildrenContent.module.scss\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\n\nexport const ChildrenContent = ({ data, children, readOnly }) => {\n const onMouseDown = useCallback(\n event => {\n if (readOnly) {\n event.stopPropagation();\n }\n },\n [readOnly]\n );\n\n return (\n <div\n className={styles.valueContainer}\n onMouseDown={onMouseDown}\n data-testid={getTestId(ComponentDefaultTestId.DROPDOWN_OPTION_CONTENT)}\n >\n {data?.leftRenderer \|\| (\n <>\n {data?.leftAvatar && (\n <Avatar\n className={styles.avatar}\n withoutBorder\n square={data.square}\n src={data.leftAvatar}\n type=\"img\"\n customSize={20}\n />\n )}\n {data?.leftIcon && <Icon iconSize={18} icon={data.leftIcon} />}\n </>\n )}\n <Text type={Text.types.TEXT2} color={Text.colors.INHERIT}>\n {children}\n </Text>\n {data?.rightIcon && <Icon iconSize={18} icon={data.rightIcon} />}\n {data?.rightAvatar && (\n <Avatar withoutBorder square={data.square} src={data.rightAvatar} type=\"img\" customSize={20} />\n )}\n </div>\n );\n};\n"],"names":["ChildrenContent","_ref","data","children","readOnly","onMouseDown","useCallback","event","stopPropagation","React","createElement","className","styles","valueContainer","getTestId","ComponentDefaultTestId","DROPDOWN_OPTION_CONTENT","leftRenderer","Fragment","leftAvatar","Avatar","avatar","withoutBorder","square","src","type","customSize","leftIcon","Icon","~~iconSize~~","~~icon~~","Text","types","TEXT2","color","colors","INHERIT","rightIcon","rightAvatar"],"mappings":"+UAQaA,EAAkB,SAAHC,GAAqC,IAA/BC,EAAID,EAAJC,KAAMC,EAAQF,EAARE,SAAUC,EAAQH,EAARG,SAC1CC,EAAcC,GAClB,SAAAC,GACMH,GACFG,EAAMC,iBAEV,GACA,CAACJ,IAGH,OACEK,EAAAC,cAAA,MAAA,CACEC,UAAWC,EAAOC,eAClBR,YAAaA,EACb,cAAaS,EAAUC,EAAuBC,2BAE7Cd,aAAAA,EAAAA,EAAMe,eACLR,EAAAC,cAAAD,EAAAS,SAAA,MACGhB,aAAAA,EAAAA,EAAMiB,aACLV,EAAAC,cAACU,EAAM,CACLT,UAAWC,EAAOS,OAClBC,eAAa,EACbC,OAAQrB,EAAKqB,OACbC,IAAKtB,EAAKiB,WACVM,KAAK,MACLC,WAAY,MAGfxB,aAAI,EAAJA,EAAMyB,WAAYlB,EAAAC,cAACkB,EAAI,~~CAACC~~,SAAU,~~GAAIC~~,~~KAAM5B~~,EAAKyB,~~YAGtDlB~~,EAAAC,cAACqB,EAAI,CAACN,KAAMM,EAAKC,MAAMC,MAAOC,MAAOH,EAAKI,OAAOC,SAC9CjC,IAEFD,aAAI,EAAJA,EAAMmC,YAAa5B,EAAAC,cAACkB,EAAI,~~CAACC~~,SAAU,~~GAAIC~~,~~KAAM5B~~,EAAKmC,aAClDnC,aAAI,EAAJA,EAAMoC,cACL7B,EAAAC,cAACU,EAAM,CAACE,eAAa,EAACC,OAAQrB,EAAKqB,OAAQC,IAAKtB,EAAKoC,YAAab,KAAK,MAAMC,WAAY,KAIjG"}
1	+ {"version":3,"file":"ChildrenContent.js","sources":["../../../../../../src/components/Dropdown/components/ChildrenContent/ChildrenContent.jsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport Avatar from \"../../../Avatar/Avatar\";\nimport Icon from \"../../../Icon/Icon\";\nimport Text from \"../../../Text/Text\";\nimport styles from \"./ChildrenContent.module.scss\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\n\nexport const ChildrenContent = ({ data, children, readOnly }) => {\n const onMouseDown = useCallback(\n event => {\n if (readOnly) {\n event.stopPropagation();\n }\n },\n [readOnly]\n );\n\n return (\n <div\n className={styles.valueContainer}\n onMouseDown={onMouseDown}\n data-testid={getTestId(ComponentDefaultTestId.DROPDOWN_OPTION_CONTENT)}\n >\n {data?.leftRenderer \|\| (\n <>\n {data?.leftAvatar && (\n <Avatar\n className={styles.avatar}\n withoutBorder\n square={data.square}\n src={data.leftAvatar}\n type=\"img\"\n customSize={20}\n />\n )}\n {data?.leftIcon && <Icon className={styles.icon} iconSize={18} icon={data.leftIcon} />}\n </>\n )}\n <Text type={Text.types.TEXT2} color={Text.colors.INHERIT}>\n {children}\n </Text>\n {data?.rightIcon && <Icon iconSize={18} icon={data.rightIcon} />}\n {data?.rightAvatar && (\n <Avatar withoutBorder square={data.square} src={data.rightAvatar} type=\"img\" customSize={20} />\n )}\n </div>\n );\n};\n"],"names":["ChildrenContent","_ref","data","children","readOnly","onMouseDown","useCallback","event","stopPropagation","React","createElement","className","styles","valueContainer","getTestId","ComponentDefaultTestId","DROPDOWN_OPTION_CONTENT","leftRenderer","Fragment","leftAvatar","Avatar","avatar","withoutBorder","square","src","type","customSize","leftIcon","Icon","icon","iconSize","Text","types","TEXT2","color","colors","INHERIT","rightIcon","rightAvatar"],"mappings":"+UAQaA,EAAkB,SAAHC,GAAqC,IAA/BC,EAAID,EAAJC,KAAMC,EAAQF,EAARE,SAAUC,EAAQH,EAARG,SAC1CC,EAAcC,GAClB,SAAAC,GACMH,GACFG,EAAMC,iBAEV,GACA,CAACJ,IAGH,OACEK,EAAAC,cAAA,MAAA,CACEC,UAAWC,EAAOC,eAClBR,YAAaA,EACb,cAAaS,EAAUC,EAAuBC,2BAE7Cd,aAAAA,EAAAA,EAAMe,eACLR,EAAAC,cAAAD,EAAAS,SAAA,MACGhB,aAAAA,EAAAA,EAAMiB,aACLV,EAAAC,cAACU,EAAM,CACLT,UAAWC,EAAOS,OAClBC,eAAa,EACbC,OAAQrB,EAAKqB,OACbC,IAAKtB,EAAKiB,WACVM,KAAK,MACLC,WAAY,MAGfxB,aAAI,EAAJA,EAAMyB,WAAYlB,EAAAC,cAACkB,EAAI,CAACjB,UAAWC,EAAOiB,KAAMC,SAAU,GAAID,KAAM3B,EAAKyB,YAG9ElB,EAAAC,cAACqB,EAAI,CAACN,KAAMM,EAAKC,MAAMC,MAAOC,MAAOH,EAAKI,OAAOC,SAC9CjC,IAEFD,aAAI,EAAJA,EAAMmC,YAAa5B,EAAAC,cAACkB,EAAI,CAACE,SAAU,GAAID,KAAM3B,EAAKmC,aAClDnC,aAAI,EAAJA,EAAMoC,cACL7B,EAAAC,cAACU,EAAM,CAACE,eAAa,EAACC,OAAQrB,EAAKqB,OAAQC,IAAKtB,EAAKoC,YAAab,KAAK,MAAMC,WAAY,KAIjG"}

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

@@ -1,2 +1,2 @@
-var e={valueContainer:"valueContainer_f0eb001320",avatar:"avatar_4101088c0b"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-67f656e24f8e_3_0_0-alpha_1";if(n.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".valueContainer_f0eb001320 {\n  display: flex;\n  gap: var(--spacing-xs);\n  align-items: center;\n  width: 100%;\n}\n.valueContainer_f0eb001320 .avatar_4101088c0b {\n  flex-shrink: 0;\n}");export{e as default};
+var e={valueContainer:"valueContainer_2314c8a2b6",avatar:"avatar_e7245dd32e",icon:"icon_dce30a7755"};!function(e){if("undefined"==typeof document)return;const a=document.head||document.getElementsByTagName("head")[0],n="s_id-a9768234c15e_3_0_0-alpha_3";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))}(".valueContainer_2314c8a2b6 {\n  display: flex;\n  gap: var(--spacing-xs);\n  align-items: center;\n  width: 100%;\n}\n.valueContainer_2314c8a2b6 .avatar_e7245dd32e,\n.valueContainer_2314c8a2b6 .icon_dce30a7755 {\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_c177e4705c","placeholder-container":"placeholder-container_170b6e3eb3","multiselect-chip-multi-line":"multiselect-chip-multi-line_625f1ca05a","multiselect-chip-single-line-medium":"multiselect-chip-single-line-medium_8073c6fad2","multiselect-chip-single-line-large":"multiselect-chip-single-line-large_5d85e67ca0","multiselect-chip-single-line-small":"multiselect-chip-single-line-small_963523c7f7","multiselect-chip-disabled":"multiselect-chip-disabled_a6b92a8055","value-container":"value-container_69bf3fb4c2","value-container-chips":"value-container-chips_b140a12c9e","without-placeholder":"without-placeholder_170b6e3eb3",valueDialogContent:"valueDialogContent_2f3de306dd",chips:"chips_b140a12c9e"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],i="s_id-ae46b2835ce0_3_0_0-alpha_1";if(n.querySelector("#"+i))return;const l=document.createElement("style");l.id=i,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}(".chip-with-input-wrapper_c177e4705c {\n  display: flex;\n}\n\n.placeholder-container_170b6e3eb3 {\n  margin-left: 6px;\n}\n\n.multiselect-chip-multi-line_625f1ca05a {\n  --chips-margin: 2px;\n}\n\n.multiselect-chip-single-line-medium_8073c6fad2 {\n  --chips-margin: 5px 2px;\n}\n\n.multiselect-chip-single-line-large_5d85e67ca0 {\n  --chips-margin: 9px 2px;\n}\n\n.multiselect-chip-single-line-small_963523c7f7 {\n  --chips-margin: 1px 2px;\n}\n\n.multiselect-chip-disabled_a6b92a8055 {\n  background-color: var(--ui-background-color) !important;\n}\n\n.value-container_69bf3fb4c2 {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n\n.value-container-chips_b140a12c9e {\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_b140a12c9e.without-placeholder_170b6e3eb3 {\n  margin-left: 6px;\n}\n\n.valueDialogContent_2f3de306dd {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  max-height: 300px;\n  overflow-y: auto;\n}\n\n.valueDialogContent_2f3de306dd::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.valueDialogContent_2f3de306dd::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n\n.valueDialogContent_2f3de306dd .chips_b140a12c9e {\n  flex-shrink: 0;\n}");export{e as default};
+var e={"chip-with-input-wrapper":"chip-with-input-wrapper_0ca7c2dc6d","placeholder-container":"placeholder-container_7434ff6db9","multiselect-chip-multi-line":"multiselect-chip-multi-line_368f6d2c3f","multiselect-chip-single-line-medium":"multiselect-chip-single-line-medium_d41207fc5e","multiselect-chip-single-line-large":"multiselect-chip-single-line-large_7db46ef517","multiselect-chip-single-line-small":"multiselect-chip-single-line-small_a9a685238c","multiselect-chip-disabled":"multiselect-chip-disabled_bf0e08f028","value-container":"value-container_3ec4c27b57","value-container-chips":"value-container-chips_907f77ca86","without-placeholder":"without-placeholder_7434ff6db9",valueDialogContent:"valueDialogContent_b7a68b6ccf",chips:"chips_907f77ca86"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],i="s_id-ae46b2835ce0_3_0_0-alpha_3";if(n.querySelector("#"+i))return;const l=document.createElement("style");l.id=i,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}(".chip-with-input-wrapper_0ca7c2dc6d {\n  display: flex;\n}\n\n.placeholder-container_7434ff6db9 {\n  margin-left: 6px;\n}\n\n.multiselect-chip-multi-line_368f6d2c3f {\n  --chips-margin: 2px;\n}\n\n.multiselect-chip-single-line-medium_d41207fc5e {\n  --chips-margin: 5px 2px;\n}\n\n.multiselect-chip-single-line-large_7db46ef517 {\n  --chips-margin: 9px 2px;\n}\n\n.multiselect-chip-single-line-small_a9a685238c {\n  --chips-margin: 1px 2px;\n}\n\n.multiselect-chip-disabled_bf0e08f028 {\n  background-color: var(--ui-background-color) !important;\n}\n\n.value-container_3ec4c27b57 {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n\n.value-container-chips_907f77ca86 {\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_907f77ca86.without-placeholder_7434ff6db9 {\n  margin-left: 6px;\n}\n\n.valueDialogContent_b7a68b6ccf {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  max-height: 300px;\n  overflow-y: auto;\n}\n\n.valueDialogContent_b7a68b6ccf::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.valueDialogContent_b7a68b6ccf::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n\n.valueDialogContent_b7a68b6ccf .chips_907f77ca86 {\n  flex-shrink: 0;\n}");export{e as default};
 //# sourceMappingURL=MultiValueContainer.module.scss.js.map