@oliasoft-open-source/react-ui-library 4.11.0 → 4.11.2-beta-1

package/dist/storybook/assets/select-03uRbc4I.js

@@ -1,61 +0,0 @@
-import{j as o}from"./jsx-runtime-eps93zm2.js";import{l as ae}from"./lodash-c4VUpsOs.js";import{r as x}from"./index-DhsZuJvc.js";import{c as G}from"./index-Bk2sglWO.js";import{G as ie,I as Ee}from"./common-types-Sih75Sav.js";import{D as me}from"./disabled-context-rmpd7YJS.js";import{i as ne}from"./types-Dx2TtIG9.js";import{T as pe,u as ze,m as We}from"./tooltip-1V7clEnw.js";import{A as P,E as B,K as Ge}from"./enum-Bnn40S8Q.js";import{a as $e,_ as Ue}from"./inheritsLoose-DP0QEDDI.js";import{_ as ge}from"./assertThisInitialized-B9jnkVVz.js";import{m as le}from"./memoize-one.esm-CcMeOnPo.js";import{M as se}from"./types-BmbYqTX_.js";import{T as ue}from"./text-B3-TSWok.js";import{A as Ve}from"./actions-D-uVCDzk.js";import{I as ce}from"./icon-BSFY3vDO.js";import{s as Ye}from"./select.input-CJed_LLR.js";const Ke="_inputInTable_1nzfr_1",Be="_error_1nzfr_7",Ze="_warning_1nzfr_7",Xe="_inputHover_1nzfr_13",Je="_inputFocus_1nzfr_18",Qe="_inputError_1nzfr_25",en="_inputWarning_1nzfr_26",nn="_inputDisabled_1nzfr_61",tn="_hideScrollbars_1nzfr_67",rn="_select_1nzfr_77",an="_isInTable_1nzfr_121",sn="_unSelected_1nzfr_133",ln="_small_1nzfr_174",on="_right_1nzfr_182",un="_groupOrderFirst_1nzfr_193",cn="_groupOrderMiddle_1nzfr_194",dn="_groupOrderLast_1nzfr_198",z={inputInTable:Ke,error:Be,warning:Ze,inputHover:Xe,inputFocus:Je,inputError:Qe,inputWarning:en,inputDisabled:nn,hideScrollbars:tn,select:rn,isInTable:an,unSelected:sn,small:ln,right:on,groupOrderFirst:un,groupOrderMiddle:cn,groupOrderLast:dn},Oe=({disabled:e=!1,error:n=null,warning:r=null,tooltip:a=null,options:s,onChange:g=ae.noop,onFocus:S=ae.noop,onBlur:u=ae.noop,right:c=!1,small:d=!1,tabIndex:T=0,selectedOption:m,width:_=null,groupOrder:E=null,testId:v,isInTable:t=!1,clearable:i,placeholder:l,hasNonExistentValue:p,maxTooltipWidth:y,borderRadius:I})=>{const f=x.useContext(me),h=m===null||(m==null?void 0:m.value)===null?"unselected":m==null?void 0:m.value,O=h==="unselected",N=(h==="unselected"||i?[o.jsx("option",{value:"unselected",disabled:!i,hidden:!i,children:l||"Select..."},"unselected")]:[]).concat(p?[o.jsx("option",{value:m==null?void 0:m.value,disabled:e||f,children:m==null?void 0:m.label},"selectedNonExistentValue")]:[]).concat(s.map((R,q)=>o.jsx("option",{value:R.value,"data-testid":R.testId,children:R.label},q))),C=(()=>{if(E)switch(E){case ie.FIRST:return z.groupOrderFirst;case ie.LAST:return z.groupOrderLast;default:return z.groupOrderMiddle}return""})();return o.jsx(pe,{error:!!n,warning:!!r,text:a||n||r,enabled:a&&ne(a)||n&&ne(n)||r&&ne(r)||!1,maxWidth:y,placement:"bottom-center",children:o.jsx("select",{className:G(z.select,O?z.unSelected:"",n?z.error:r?z.warning:"",c?z.right:"",d?z.small:"",t?z.isInTable:"",C),style:{width:_||"",borderRadius:I||""},onChange:R=>{const{value:q}=R.target;let M;q==="unselected"?M={value:null}:M=s.find(F=>String(F.value)===String(q))||{value:null},g(R,M)},onFocus:S,onBlur:u,tabIndex:T,value:h,disabled:e||f,"data-testid":v,children:N})})};Oe.__docgenInfo={description:"",methods:[],displayName:"NativeSelect",props:{borderRadius:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},error:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | React.ReactNode | null",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactReactNode",raw:"React.ReactNode"},{name:"null"}]},description:"",defaultValue:{value:"null",computed:!1}},warning:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | React.ReactNode | null",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactReactNode",raw:"React.ReactNode"},{name:"null"}]},description:"",defaultValue:{value:"null",computed:!1}},tooltip:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | React.ReactNode | null",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactReactNode",raw:"React.ReactNode"},{name:"null"}]},description:"",defaultValue:{value:"null",computed:!1}},options:{required:!0,tsType:{name:"Array",elements:[{name:"ISelectSelectedOption"}],raw:"ISelectSelectedOption[]"},description:""},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:`(
-  evt: ChangeEvent<HTMLSelectElement>,
-  value: ISelectSelectedOption | { value: null },
-) => void`,signature:{arguments:[{type:{name:"ChangeEvent",elements:[{name:"HTMLSelectElement"}],raw:"ChangeEvent<HTMLSelectElement>"},name:"evt"},{type:{name:"union",raw:"ISelectSelectedOption | { value: null }",elements:[{name:"ISelectSelectedOption"},{name:"signature",type:"object",raw:"{ value: null }",signature:{properties:[{key:"value",value:{name:"null",required:!0}}]}}]},name:"value"}],return:{name:"void"}}},description:"",defaultValue:{value:"noop",computed:!0}},onFocus:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:"",defaultValue:{value:"noop",computed:!0}},onBlur:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:"",defaultValue:{value:"noop",computed:!0}},right:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},small:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},tabIndex:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"0",computed:!1}},selectedOption:{required:!1,tsType:{name:"ISelectSelectedOption"},description:""},width:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | null",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"null"}]},description:"",defaultValue:{value:"null",computed:!1}},groupOrder:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:"",defaultValue:{value:"null",computed:!1}},testId:{required:!1,tsType:{name:"union",raw:"string | undefined",elements:[{name:"string"},{name:"undefined"}]},description:""},isInTable:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},clearable:{required:!1,tsType:{name:"boolean"},description:""},placeholder:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:""},hasNonExistentValue:{required:!1,tsType:{name:"boolean"},description:""},maxTooltipWidth:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""}}};const we=()=>{const e=x.useRef(null);return[e,()=>{e.current&&e.current.focus()}]},Le=()=>{const[e,n]=x.useState(!1);return x.useEffect(()=>{(async()=>{document.fonts&&await document.fonts.ready.then(()=>n(!0))})()},[]),e};var mn=typeof performance=="object"&&typeof performance.now=="function",ve=mn?function(){return performance.now()}:function(){return Date.now()};function ye(e){cancelAnimationFrame(e.id)}function pn(e,n){var r=ve();function a(){ve()-r>=n?e.call(null):s.id=requestAnimationFrame(a)}var s={id:requestAnimationFrame(a)};return s}var oe=-1;function he(e){if(e===void 0&&(e=!1),oe===-1||e){var n=document.createElement("div"),r=n.style;r.width="50px",r.height="50px",r.overflow="scroll",document.body.appendChild(n),oe=n.offsetWidth-n.clientWidth,document.body.removeChild(n)}return oe}var ee=null;function Se(e){if(e===void 0&&(e=!1),ee===null||e){var n=document.createElement("div"),r=n.style;r.width="50px",r.height="50px",r.overflow="scroll",r.direction="rtl";var a=document.createElement("div"),s=a.style;return s.width="100px",s.height="100px",n.appendChild(a),document.body.appendChild(n),n.scrollLeft>0?ee="positive-descending":(n.scrollLeft=1,n.scrollLeft===0?ee="negative":ee="positive-ascending"),document.body.removeChild(n),ee}return ee}var fn=150,gn=function(n,r){return n};function vn(e){var n,r=e.getItemOffset,a=e.getEstimatedTotalSize,s=e.getItemSize,g=e.getOffsetForIndexAndAlignment,S=e.getStartIndexForOffset,u=e.getStopIndexForStartIndex,c=e.initInstanceProps,d=e.shouldResetStyleCacheOnItemSizeChange,T=e.validateProps;return n=function(m){$e(_,m);function _(v){var t;return t=m.call(this,v)||this,t._instanceProps=c(t.props,ge(t)),t._outerRef=void 0,t._resetIsScrollingTimeoutId=null,t.state={instance:ge(t),isScrolling:!1,scrollDirection:"forward",scrollOffset:typeof t.props.initialScrollOffset=="number"?t.props.initialScrollOffset:0,scrollUpdateWasRequested:!1},t._callOnItemsRendered=void 0,t._callOnItemsRendered=le(function(i,l,p,y){return t.props.onItemsRendered({overscanStartIndex:i,overscanStopIndex:l,visibleStartIndex:p,visibleStopIndex:y})}),t._callOnScroll=void 0,t._callOnScroll=le(function(i,l,p){return t.props.onScroll({scrollDirection:i,scrollOffset:l,scrollUpdateWasRequested:p})}),t._getItemStyle=void 0,t._getItemStyle=function(i){var l=t.props,p=l.direction,y=l.itemSize,I=l.layout,f=t._getItemStyleCache(d&&y,d&&I,d&&p),h;if(f.hasOwnProperty(i))h=f[i];else{var O=r(t.props,i,t._instanceProps),N=s(t.props,i,t._instanceProps),C=p==="horizontal"||I==="horizontal",R=p==="rtl",q=C?O:0;f[i]=h={position:"absolute",left:R?void 0:q,right:R?q:void 0,top:C?0:O,height:C?"100%":N,width:C?N:"100%"}}return h},t._getItemStyleCache=void 0,t._getItemStyleCache=le(function(i,l,p){return{}}),t._onScrollHorizontal=function(i){var l=i.currentTarget,p=l.clientWidth,y=l.scrollLeft,I=l.scrollWidth;t.setState(function(f){if(f.scrollOffset===y)return null;var h=t.props.direction,O=y;if(h==="rtl")switch(Se()){case"negative":O=-y;break;case"positive-descending":O=I-p-y;break}return O=Math.max(0,Math.min(O,I-p)),{isScrolling:!0,scrollDirection:f.scrollOffset<O?"forward":"backward",scrollOffset:O,scrollUpdateWasRequested:!1}},t._resetIsScrollingDebounced)},t._onScrollVertical=function(i){var l=i.currentTarget,p=l.clientHeight,y=l.scrollHeight,I=l.scrollTop;t.setState(function(f){if(f.scrollOffset===I)return null;var h=Math.max(0,Math.min(I,y-p));return{isScrolling:!0,scrollDirection:f.scrollOffset<h?"forward":"backward",scrollOffset:h,scrollUpdateWasRequested:!1}},t._resetIsScrollingDebounced)},t._outerRefSetter=function(i){var l=t.props.outerRef;t._outerRef=i,typeof l=="function"?l(i):l!=null&&typeof l=="object"&&l.hasOwnProperty("current")&&(l.current=i)},t._resetIsScrollingDebounced=function(){t._resetIsScrollingTimeoutId!==null&&ye(t._resetIsScrollingTimeoutId),t._resetIsScrollingTimeoutId=pn(t._resetIsScrolling,fn)},t._resetIsScrolling=function(){t._resetIsScrollingTimeoutId=null,t.setState({isScrolling:!1},function(){t._getItemStyleCache(-1,null)})},t}_.getDerivedStateFromProps=function(t,i){return yn(t,i),T(t),null};var E=_.prototype;return E.scrollTo=function(t){t=Math.max(0,t),this.setState(function(i){return i.scrollOffset===t?null:{scrollDirection:i.scrollOffset<t?"forward":"backward",scrollOffset:t,scrollUpdateWasRequested:!0}},this._resetIsScrollingDebounced)},E.scrollToItem=function(t,i){i===void 0&&(i="auto");var l=this.props,p=l.itemCount,y=l.layout,I=this.state.scrollOffset;t=Math.max(0,Math.min(t,p-1));var f=0;if(this._outerRef){var h=this._outerRef;y==="vertical"?f=h.scrollWidth>h.clientWidth?he():0:f=h.scrollHeight>h.clientHeight?he():0}this.scrollTo(g(this.props,t,i,I,this._instanceProps,f))},E.componentDidMount=function(){var t=this.props,i=t.direction,l=t.initialScrollOffset,p=t.layout;if(typeof l=="number"&&this._outerRef!=null){var y=this._outerRef;i==="horizontal"||p==="horizontal"?y.scrollLeft=l:y.scrollTop=l}this._callPropsCallbacks()},E.componentDidUpdate=function(){var t=this.props,i=t.direction,l=t.layout,p=this.state,y=p.scrollOffset,I=p.scrollUpdateWasRequested;if(I&&this._outerRef!=null){var f=this._outerRef;if(i==="horizontal"||l==="horizontal")if(i==="rtl")switch(Se()){case"negative":f.scrollLeft=-y;break;case"positive-ascending":f.scrollLeft=y;break;default:var h=f.clientWidth,O=f.scrollWidth;f.scrollLeft=O-h-y;break}else f.scrollLeft=y;else f.scrollTop=y}this._callPropsCallbacks()},E.componentWillUnmount=function(){this._resetIsScrollingTimeoutId!==null&&ye(this._resetIsScrollingTimeoutId)},E.render=function(){var t=this.props,i=t.children,l=t.className,p=t.direction,y=t.height,I=t.innerRef,f=t.innerElementType,h=t.innerTagName,O=t.itemCount,N=t.itemData,C=t.itemKey,R=C===void 0?gn:C,q=t.layout,M=t.outerElementType,A=t.outerTagName,F=t.style,$=t.useIsScrolling,V=t.width,U=this.state.isScrolling,j=p==="horizontal"||q==="horizontal",D=j?this._onScrollHorizontal:this._onScrollVertical,Z=this._getRangeToRender(),te=Z[0],re=Z[1],X=[];if(O>0)for(var k=te;k<=re;k++)X.push(x.createElement(i,{data:N,key:R(k,N),index:k,isScrolling:$?U:void 0,style:this._getItemStyle(k)}));var J=a(this.props,this._instanceProps);return x.createElement(M||A||"div",{className:l,onScroll:D,ref:this._outerRefSetter,style:Ue({position:"relative",height:y,width:V,overflow:"auto",WebkitOverflowScrolling:"touch",willChange:"transform",direction:p},F)},x.createElement(f||h||"div",{children:X,ref:I,style:{height:j?"100%":J,pointerEvents:U?"none":void 0,width:j?J:"100%"}}))},E._callPropsCallbacks=function(){if(typeof this.props.onItemsRendered=="function"){var t=this.props.itemCount;if(t>0){var i=this._getRangeToRender(),l=i[0],p=i[1],y=i[2],I=i[3];this._callOnItemsRendered(l,p,y,I)}}if(typeof this.props.onScroll=="function"){var f=this.state,h=f.scrollDirection,O=f.scrollOffset,N=f.scrollUpdateWasRequested;this._callOnScroll(h,O,N)}},E._getRangeToRender=function(){var t=this.props,i=t.itemCount,l=t.overscanCount,p=this.state,y=p.isScrolling,I=p.scrollDirection,f=p.scrollOffset;if(i===0)return[0,0,0,0];var h=S(this.props,f,this._instanceProps),O=u(this.props,h,f,this._instanceProps),N=!y||I==="backward"?Math.max(1,l):1,C=!y||I==="forward"?Math.max(1,l):1;return[Math.max(0,h-N),Math.max(0,Math.min(i-1,O+C)),h,O]},_}(x.PureComponent),n.defaultProps={direction:"ltr",itemData:void 0,layout:"vertical",overscanCount:2,useIsScrolling:!1},n}var yn=function(n,r){n.children,n.direction,n.height,n.layout,n.innerTagName,n.outerTagName,n.width,r.instance},hn=vn({getItemOffset:function(n,r){var a=n.itemSize;return r*a},getItemSize:function(n,r){var a=n.itemSize;return a},getEstimatedTotalSize:function(n){var r=n.itemCount,a=n.itemSize;return a*r},getOffsetForIndexAndAlignment:function(n,r,a,s,g,S){var u=n.direction,c=n.height,d=n.itemCount,T=n.itemSize,m=n.layout,_=n.width,E=u==="horizontal"||m==="horizontal",v=E?_:c,t=Math.max(0,d*T-v),i=Math.min(t,r*T),l=Math.max(0,r*T-v+T+S);switch(a==="smart"&&(s>=l-v&&s<=i+v?a="auto":a="center"),a){case"start":return i;case"end":return l;case"center":{var p=Math.round(l+(i-l)/2);return p<Math.ceil(v/2)?0:p>t+Math.floor(v/2)?t:p}case"auto":default:return s>=l&&s<=i?s:s<l?l:i}},getStartIndexForOffset:function(n,r){var a=n.itemCount,s=n.itemSize;return Math.max(0,Math.min(a-1,Math.floor(r/s)))},getStopIndexForStartIndex:function(n,r,a){var s=n.direction,g=n.height,S=n.itemCount,u=n.itemSize,c=n.layout,d=n.width,T=s==="horizontal"||c==="horizontal",m=r*u,_=T?d:g,E=Math.ceil((_+a-m)/u);return Math.max(0,Math.min(S-1,r+E-1))},initInstanceProps:function(n){},shouldResetStyleCacheOnItemSizeChange:!0,validateProps:function(n){n.itemSize}});const Sn="_layerContainer_1lbvo_1",Tn="_layer_1lbvo_1",_n="_small_1lbvo_23",bn="_heading_1lbvo_26",In="_option_1lbvo_27",En="_message_1lbvo_28",On="_focused_1lbvo_64",wn="_selected_1lbvo_68",Ln="_disabled_1lbvo_71",Rn="_check_1lbvo_75",qn="_optionContent_1lbvo_92",xn="_label_1lbvo_97",Cn="_icon_1lbvo_104",Mn="_details_1lbvo_109",H={layerContainer:Sn,layer:Tn,small:_n,heading:bn,option:In,message:En,focused:On,selected:wn,disabled:Ln,check:Rn,optionContent:qn,label:xn,icon:Cn,details:Mn},Re=({label:e})=>o.jsx("div",{onClick:n=>n.stopPropagation(),className:H.heading,children:e});Re.__docgenInfo={description:"",methods:[],displayName:"Heading",props:{label:{required:!0,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""}}};const qe=({details:e,label:n,icon:r,disabled:a=!1,selected:s=!1,focused:g=!1,onSelectOption:S,actions:u,closeLayer:c,testId:d})=>o.jsxs("div",{className:G(H.option,a?H.disabled:"",s?H.selected:"",g?H.focused:""),onClick:!a&&S?S:void 0,"data-testid":d,children:[o.jsx("div",{className:H.optionContent,children:o.jsxs("span",{className:H.label,title:n,children:[n,r&&o.jsx("span",{className:H.icon,children:r})]})}),e&&o.jsx("div",{className:G(H.details),children:o.jsx(ue,{faint:!0,children:e})}),!!(u!=null&&u.length)&&o.jsx("div",{className:G(H.actions),children:o.jsx(Ve,{actions:u,closeLayer:c})}),o.jsx("span",{className:H.check,children:s?o.jsx(ce,{icon:Ee.CHECK}):null})]});qe.__docgenInfo={description:"",methods:[],displayName:"Option",props:{details:{required:!1,tsType:{name:"string"},description:""},label:{required:!0,tsType:{name:"string"},description:""},icon:{required:!1,tsType:{name:"ReactNode"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},selected:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},focused:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},onSelectOption:{required:!1,tsType:{name:"signature",type:"function",raw:`(
-  event?: React.MouseEvent<HTMLDivElement, MouseEvent>,
-  section?: ISelectSectionProps,
-) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"event"},{type:{name:"signature",type:"object",raw:`{
-  section: ISelectSection;
-  selected?: boolean;
-  focused?: boolean;
-  onSelectOption?: (
-    event?: React.MouseEvent<HTMLDivElement, MouseEvent>,
-    section?: ISelectSectionProps,
-  ) => void;
-  closeLayer?: TEmpty;
-}`,signature:{properties:[{key:"section",value:{name:"ISelectSection",required:!0}},{key:"selected",value:{name:"boolean",required:!1}},{key:"focused",value:{name:"boolean",required:!1}},{key:"onSelectOption",value:{name:"signature",type:"function",raw:`(
-  event?: React.MouseEvent<HTMLDivElement, MouseEvent>,
-  section?: ISelectSectionProps,
-) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"event"},{type:{name:"ISelectSectionProps"},name:"section"}],return:{name:"void"}},required:!1}},{key:"closeLayer",value:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}},required:!1}}]}},name:"section"}],return:{name:"void"}}},description:""},actions:{required:!1,tsType:{name:"Array",elements:[{name:"any"}],raw:"any[]"},description:""},closeLayer:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const xe=({section:e,selected:n,focused:r,onSelectOption:a,closeLayer:s})=>{const g=x.useContext(me);switch(e.type){case se.HEADING:return o.jsx(Re,{label:e.label});case se.OPTION:default:return o.jsx(qe,{closeLayer:s,actions:e.actions,label:e.label,details:e.details,icon:e.icon,disabled:e.disabled||g,selected:n,focused:r,onSelectOption:a,testId:e.testId})}};xe.__docgenInfo={description:"",methods:[],displayName:"Section",props:{section:{required:!0,tsType:{name:"ISelectSection"},description:""},selected:{required:!1,tsType:{name:"boolean"},description:""},focused:{required:!1,tsType:{name:"boolean"},description:""},onSelectOption:{required:!1,tsType:{name:"signature",type:"function",raw:`(
-  event?: React.MouseEvent<HTMLDivElement, MouseEvent>,
-  section?: ISelectSectionProps,
-) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"event"},{type:{name:"signature",type:"object",raw:`{
-  section: ISelectSection;
-  selected?: boolean;
-  focused?: boolean;
-  onSelectOption?: (
-    event?: React.MouseEvent<HTMLDivElement, MouseEvent>,
-    section?: ISelectSectionProps,
-  ) => void;
-  closeLayer?: TEmpty;
-}`,signature:{properties:[{key:"section",value:{name:"ISelectSection",required:!0}},{key:"selected",value:{name:"boolean",required:!1}},{key:"focused",value:{name:"boolean",required:!1}},{key:"onSelectOption",value:{name:"signature",type:"function",raw:`(
-  event?: React.MouseEvent<HTMLDivElement, MouseEvent>,
-  section?: ISelectSectionProps,
-) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"event"},{type:{name:"ISelectSectionProps"},name:"section"}],return:{name:"void"}},required:!1}},{key:"closeLayer",value:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}},required:!1}}]}},name:"section"}],return:{name:"void"}}},description:""},closeLayer:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""}}};const de=(e,n)=>{const a=document.createElement("canvas").getContext("2d");return a?(a.font=n,a.measureText(e).width):0},Ce="13px",Me="12px",Nn="Roobert",An="sans-serif",Fn=12,Hn=8,jn=30,Dn=24,kn=5,Pn=3,zn=1,Wn=2,Te=10,Ne=(e=!1,n=!1)=>`${e?Me:Ce} ${n?Nn:An}`,Gn=(e=!1,n=!1)=>(e?Hn:Fn)+(e?Dn:jn)+(n?17:0),_e=(e,n,r,a)=>{const s=Ne(n,r),g=a?de(a,s):0,S=Math.ceil(e.reduce((c,d)=>{var v;const T=(((v=d==null?void 0:d.actions)==null?void 0:v.length)??0)*24,m=d.icon?parseInt(n?Me:Ce)+7:0,_=`${d.label} ${d.details||""}`,E=de(_,s)+T+m;return c=E>c?E:c,c},g)),u=Gn(n,!0);return S+u},$n=(e,n,r)=>{const a=Ne(!0,r),s=de(e.label,a),g=(n?Pn:kn)*2+zn*2+Wn;return Math.ceil(s+g)},Ae=({listRef:e,isMulti:n,sections:r,selectedOptions:a,onSelectOption:s,focusedOptionIndex:g,width:S,small:u,firstSelectedOptionIndex:c,closeLayer:d,testId:T})=>{x.useEffect(()=>{c&&c!==null&&e.current!==null&&e.current.scrollToItem(c,"start")},[c,e]);const m=u?24:30;return o.jsx("div",{"data-testid":T,className:G(H.layer,u&&H.small),children:r.length?o.jsx(hn,{ref:e,height:r.length<Te?m*r.length:m*Te,itemCount:r.length,itemSize:m,width:S,children:({index:_,style:E})=>{var v;return o.jsx("div",{style:E,children:o.jsx(xe,{closeLayer:d,section:r[_],selected:n&&r[_].type!==se.HEADING&&Array.isArray(a)?a.some(t=>{var i;return t&&(t==null?void 0:t.value)===((i=r==null?void 0:r[_])==null?void 0:i.value)}):!Array.isArray(a)&&((v=r==null?void 0:r[_])==null?void 0:v.value)===(a==null?void 0:a.value),focused:g===_,onSelectOption:t=>s(t,r[_])})})}}):o.jsx("ul",{children:o.jsx("li",{children:o.jsx("div",{className:H.message,style:{width:S},children:"No matches"})})})})};Ae.__docgenInfo={description:"",methods:[],displayName:"Layer",props:{listRef:{required:!0,tsType:{name:"RefObject",elements:[{name:"any"}],raw:"RefObject<any>"},description:""},isMulti:{required:!1,tsType:{name:"boolean"},description:""},sections:{required:!0,tsType:{name:"Array",elements:[{name:"ISelectSection"}],raw:"ISelectSection[]"},description:""},selectedOptions:{required:!0,tsType:{name:"union",raw:"ISelectSelectedOption | ISelectSelectedOption[]",elements:[{name:"ISelectSelectedOption"},{name:"Array",elements:[{name:"ISelectSelectedOption"}],raw:"ISelectSelectedOption[]"}]},description:""},onSelectOption:{required:!0,tsType:{name:"signature",type:"function",raw:`(
-  event?: React.MouseEvent<HTMLDivElement, MouseEvent>,
-  section?: ISelectSection,
-) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"event"},{type:{name:"ISelectSection"},name:"section"}],return:{name:"void"}}},description:""},focusedOptionIndex:{required:!1,tsType:{name:"number"},description:""},width:{required:!0,tsType:{name:"number"},description:""},small:{required:!1,tsType:{name:"boolean"},description:""},firstSelectedOptionIndex:{required:!1,tsType:{name:"number"},description:""},closeLayer:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const Un="_inputInTable_nec64_1",Vn="_error_nec64_7",Yn="_warning_nec64_7",Kn="_inputHover_nec64_13",Bn="_inputFocus_nec64_18",Zn="_inputError_nec64_25",Xn="_inputWarning_nec64_26",Jn="_inputDisabled_nec64_61",Qn="_hideScrollbars_nec64_67",et="_trigger_nec64_77",nt="_isInTable_nec64_93",tt="_input_nec64_1",rt="_isOpen_nec64_114",at="_disabled_nec64_156",it="_icons_nec64_162",st="_clearAll_nec64_169",lt="_iconOpen_nec64_170",ot="_small_nec64_181",ut="_triggerInputContainer_nec64_189",ct="_right_nec64_198",dt="_multiOptions_nec64_211",mt="_multiOption_nec64_211",pt="_label_nec64_239",ft="_closeMultiOption_nec64_242",gt="_focus_nec64_253",vt="_selectedSingleValue_nec64_257",yt="_placeHolder_nec64_258",ht="_groupOrderFirst_nec64_297",St="_groupOrderMiddle_nec64_298",Tt="_groupOrderLast_nec64_302",_t="_detailedLabel_nec64_307",L={inputInTable:Un,error:Vn,warning:Yn,inputHover:Kn,inputFocus:Bn,inputError:Zn,inputWarning:Xn,inputDisabled:Jn,hideScrollbars:Qn,trigger:et,isInTable:nt,input:tt,isOpen:rt,disabled:at,icons:it,clearAll:st,iconOpen:lt,small:ot,triggerInputContainer:ut,right:ct,multiOptions:dt,multiOption:mt,label:pt,closeMultiOption:ft,focus:gt,selectedSingleValue:vt,placeHolder:yt,groupOrderFirst:ht,groupOrderMiddle:St,groupOrderLast:Tt,detailedLabel:_t},Fe=({selectedOptions:e,small:n,width:r,testId:a})=>{const s=Le(),[g,S]=x.useState([]),[u,c]=x.useState([]);return x.useEffect(()=>{let d=[],T=[],m=0;e.forEach((_,E)=>{m+=$n(_,n,s),E===e.length-1&&m<r||m<r-24?d.push(_):T.push(_)}),S(d),c(T)},[e,s,r]),o.jsxs("div",{className:L.multiOptions,"data-testid":a&&`${a}-value`,children:[g.filter(d=>d&&d.label).map((d,T)=>o.jsx("span",{className:L.multiOption,onClick:m=>{m.stopPropagation()},children:d.label},T)),u.length>0&&o.jsx(pe,{text:u.map((d,T)=>o.jsx("div",{children:d.label},T)),display:"inline-flex",children:o.jsx("span",{className:L.multiOption,children:g.length?`+${u.length}`:`${u.length} items`})})]})};Fe.__docgenInfo={description:"",methods:[],displayName:"MultiSelectedOptions",props:{selectedOptions:{required:!0,tsType:{name:"Array",elements:[{name:"ISelectSelectedOption"}],raw:"ISelectSelectedOption[]"},description:""},small:{required:!1,tsType:{name:"boolean"},description:""},width:{required:!0,tsType:{name:"number"},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const He=({selectedOptions:e,searchable:n=!1,searchValue:r,onChange:a=ae.noop,inputRef:s,error:g,placeholder:S="Select...",small:u,testId:c})=>{const d=x.useRef(null),T=Array.isArray(e),m=T?e.length>0:!!e,_=r?r.length+1:1,E=()=>{var i,l;const v=((i=d.current)==null?void 0:i.offsetWidth)||0,t=((l=s.current)==null?void 0:l.offsetWidth)||0;return v-t};return o.jsxs("div",{className:L.triggerInputContainer,ref:d,children:[m?T?o.jsx(Fe,{selectedOptions:e,small:u,width:E(),testId:c}):o.jsx("span",{className:L.selectedSingleValue,"data-testid":c&&`${c}-value`,children:r!=null&&r.length?"":e==null?void 0:e.label}):o.jsx("span",{className:L.placeHolder,children:r!=null&&r.length?"":S}),n?o.jsx("input",{tabIndex:-1,ref:s,size:_,className:G(L.input,g?L.error:""),value:r,onChange:v=>a(v.target.value),"data-testid":c&&`${c}-input`}):null]})};He.__docgenInfo={description:"",methods:[],displayName:"Input",props:{selectedOptions:{required:!1,tsType:{name:"union",raw:"ISelectSelectedOption | ISelectSelectedOption[]",elements:[{name:"ISelectSelectedOption"},{name:"Array",elements:[{name:"ISelectSelectedOption"}],raw:"ISelectSelectedOption[]"}]},description:""},searchable:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},searchValue:{required:!1,tsType:{name:"string"},description:""},inputRef:{required:!0,tsType:{name:"MutableRefObject",elements:[{name:"union",raw:"HTMLInputElement | null",elements:[{name:"HTMLInputElement"},{name:"null"}]}],raw:"MutableRefObject<HTMLInputElement | null>"},description:""},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(value: string) => void",signature:{arguments:[{type:{name:"string"},name:"value"}],return:{name:"void"}}},description:"",defaultValue:{value:"noop",computed:!0}},error:{required:!1,tsType:{name:"union",raw:"string | ReactNode",elements:[{name:"string"},{name:"ReactNode"}]},description:""},placeholder:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:"",defaultValue:{value:"'Select...'",computed:!1}},small:{required:!1,tsType:{name:"boolean"},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const je=({selectedOptions:e,searchValue:n,searchable:r,clearable:a,onClickTrigger:s,element:g,error:S,warning:u,tooltip:c,small:d,isInTable:T,disabled:m,onChangeSearch:_,onClickDeselect:E,onClickClear:v,tabIndex:t,isOpen:i,triggerRef:l,clearAllIsFocused:p,focusedSelectedOptionIndex:y,onFocus:I,onBlur:f,groupOrder:h,maxTooltipWidth:O,placeholder:N,right:C,testId:R})=>{var j;const[q,M]=we(),A=Array.isArray(e)?e.length>0&&((j=e[0])==null?void 0:j.value):e==null?void 0:e.value,F=a&&A,$=(()=>{if(h)switch(h){case ie.FIRST:return L.groupOrderFirst;case ie.LAST:return L.groupOrderLast;default:return L.groupOrderMiddle}return""})(),V=!Array.isArray(e)&&(e!=null&&e.details)?{...e,label:o.jsxs("div",{className:G(L.detailedLabel),children:[o.jsx(ue,{children:e.label}),o.jsx(ue,{muted:!0,children:e.details})]})}:e,U=o.jsxs(o.Fragment,{children:[g,o.jsxs("div",{ref:l,tabIndex:t,className:G(L.trigger,i?L.isOpen:"",S?L.error:u?L.warning:"",m?L.disabled:"",d?L.small:"",T?L.isInTable:"",C?L.right:"",$),onClick:D=>{D.stopPropagation(),typeof M=="function"&&M(),s(D)},onFocus:I,onBlur:f,"data-testid":R,children:[o.jsx(He,{selectedOptions:V,placeholder:N,searchable:r,searchValue:n,inputRef:q,onChange:_,error:S,small:d,testId:R}),o.jsx("span",{className:L.icons,children:F?o.jsx("span",{className:G(L.clearAll,p?L.focus:""),onClick:D=>{D.stopPropagation(),v&&v(D)},"data-testid":R&&`${R}-clear`,children:o.jsx(ce,{icon:Ee.CLOSE})}):o.jsx("span",{className:G(L.iconOpen),children:o.jsx(ce,{icon:"chevron down"})})})]})]});return o.jsx(o.Fragment,{children:o.jsx(pe,{error:!!S,warning:!!u,text:c||S||u,enabled:c&&ne(c)||S&&ne(S)||u&&ne(u)||!1,maxWidth:O,placement:"bottom-center",children:U})})};je.__docgenInfo={description:"",methods:[],displayName:"Trigger",props:{selectedOptions:{required:!1,tsType:{name:"union",raw:"ISelectSelectedOption | ISelectSelectedOption[]",elements:[{name:"ISelectSelectedOption"},{name:"Array",elements:[{name:"ISelectSelectedOption"}],raw:"ISelectSelectedOption[]"}]},description:""},searchValue:{required:!1,tsType:{name:"string"},description:""},searchable:{required:!1,tsType:{name:"boolean"},description:""},clearable:{required:!1,tsType:{name:"boolean"},description:""},onClickTrigger:{required:!0,tsType:{name:"signature",type:"function",raw:"(evt: React.MouseEvent<HTMLDivElement, MouseEvent>) => void",signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"evt"}],return:{name:"void"}}},description:""},element:{required:!1,tsType:{name:"ReactNode"},description:""},error:{required:!1,tsType:{name:"union",raw:"string | ReactNode",elements:[{name:"string"},{name:"ReactNode"}]},description:""},warning:{required:!1,tsType:{name:"union",raw:"string | ReactNode",elements:[{name:"string"},{name:"ReactNode"}]},description:""},tooltip:{required:!1,tsType:{name:"union",raw:"string | ReactNode",elements:[{name:"string"},{name:"ReactNode"}]},description:""},small:{required:!1,tsType:{name:"boolean"},description:""},isInTable:{required:!1,tsType:{name:"boolean"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},onChangeSearch:{required:!1,tsType:{name:"signature",type:"function",raw:"(value: string) => void",signature:{arguments:[{type:{name:"string"},name:"value"}],return:{name:"void"}}},description:""},onClickDeselect:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: React.MouseEvent<HTMLDivElement, MouseEvent>) => void",signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"evt"}],return:{name:"void"}}},description:""},onClickClear:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void",signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLSpanElement, MouseEvent>",elements:[{name:"HTMLSpanElement"},{name:"MouseEvent"}]},name:"evt"}],return:{name:"void"}}},description:""},tabIndex:{required:!1,tsType:{name:"number"},description:""},isOpen:{required:!1,tsType:{name:"boolean"},description:""},triggerRef:{required:!1,tsType:{name:"RefObject",elements:[{name:"HTMLDivElement"}],raw:"RefObject<HTMLDivElement>"},description:""},clearAllIsFocused:{required:!1,tsType:{name:"boolean"},description:""},focusedSelectedOptionIndex:{required:!1,tsType:{name:"number"},description:""},onFocus:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: React.FocusEvent<HTMLDivElement>) => void",signature:{arguments:[{type:{name:"ReactFocusEvent",raw:"React.FocusEvent<HTMLDivElement>",elements:[{name:"HTMLDivElement"}]},name:"evt"}],return:{name:"void"}}},description:""},onBlur:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: React.FocusEvent<HTMLDivElement>) => void",signature:{arguments:[{type:{name:"ReactFocusEvent",raw:"React.FocusEvent<HTMLDivElement>",elements:[{name:"HTMLDivElement"}]},name:"evt"}],return:{name:"void"}}},description:""},groupOrder:{required:!1,tsType:{name:"union",raw:"TGroupOrder | string",elements:[{name:"union",raw:"'first' | 'middle' | 'last'",elements:[{name:"literal",value:"'first'"},{name:"literal",value:"'middle'"},{name:"literal",value:"'last'"}]},{name:"string"}]},description:""},maxTooltipWidth:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},placeholder:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:""},right:{required:!1,tsType:{name:"boolean"},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};var W=(e=>(e.SET_VISIBLE_OPTIONS="SET_VISIBLE_OPTIONS",e.RESET_LAYER_FOCUS="RESET_LAYER_FOCUS",e.CLEAR_SEARCH="CLEAR_SEARCH",e.ON_CHANGE_SEARCH="ON_CHANGE_SEARCH",e.FOCUS_TRIGGER_INPUTS="FOCUS_TRIGGER_INPUTS",e.BLUR_TRIGGER_INPUTS="BLUR_TRIGGER_INPUTS",e.FOCUS_LAYER_OPTIONS="FOCUS_LAYER_OPTIONS",e.OPEN_LAYER="OPEN_LAYER",e.CLOSE_LAYER="CLOSE_LAYER",e))(W||{});const De={options:["none","clearAll"],currentIndex:0,currentOption:!1,clearAll:!1},bt=e=>e!==null?e+1:0,ke=(e,n)=>{const r=["none",...e.map((s,g)=>s.type!==se.HEADING?g:null).filter(s=>s!==null)],a=bt(n);return{options:r,currentIndex:a,current:r[a]}},It=(e,n)=>{const r=e==="up"?-1:1,a=n.currentIndex+r,s=(a<0?n.options.length-1:a)%n.options.length,g=n.options[s];return{...n,currentIndex:s,current:g}},Et=(e,n,r)=>{const a=e==="left"?-1:1,s=n&&n.length?["none",...Array.from({length:n.length},(d,T)=>T),"clearAll"]:["none","clearAll"],g=r.currentIndex+a,S=(g<0?s.length-1:g)%s.length,u=s[S];return{options:s,currentIndex:S,currentOption:u,clearAll:u==="clearAll"}},be=()=>De,Ie=e=>({...e,currentIndex:0,current:"none"}),Ot=(e,n)=>{switch(n.type){case W.SET_VISIBLE_OPTIONS:return{...e,visibleOptions:n.options||[]};case W.RESET_LAYER_FOCUS:return{...e,layerFocus:ke(n.options||[],n.firstSelectedOptionIndex||0)};case W.CLEAR_SEARCH:return{...e,visibleOptions:n.options||[],searchValue:""};case W.ON_CHANGE_SEARCH:{let a=[...(n.options||[]).filter(s=>(String(s.label)+(s.details?String(s.details):"")).toLowerCase().includes(String(n.value||"").toLowerCase()))];return n.createAble&&n.value&&n.value!==""&&a.push({label:`Create "${n.value}"`,value:n.value,createAble:!0}),{...e,searchValue:n.value,visibleOptions:a,layerFocus:Ie(e.layerFocus)}}case W.FOCUS_TRIGGER_INPUTS:return{...e,triggerFocus:Et(n.direction||"right",n.selectedOptions||[],e.triggerFocus),layerFocus:Ie(e.layerFocus)};case W.BLUR_TRIGGER_INPUTS:return{...e,triggerFocus:be()};case W.FOCUS_LAYER_OPTIONS:return n.nextLayerFocus?{...e,layerFocus:n.nextLayerFocus,triggerFocus:be()}:e;case W.OPEN_LAYER:return{...e,isLayerOpen:!0};case W.CLOSE_LAYER:return{...e,isLayerOpen:!1};default:return e}},wt={auto:!0,possiblePlacements:["bottom-start","top-start"],placement:"bottom-start",preferX:"right",preferY:"bottom"},Lt=({state:e,dispatch:n,options:r,setTriggerFocus:a,disabled:s,disabledContext:g,onCreate:S,onChange:u,selectedOptions:c,width:d,small:T,isFontLoaded:m,placeholder:_,firstSelectedOptionIndex:E,createAble:v,listRef:t,autoLayerWidth:i})=>{const l=()=>{e.isLayerOpen&&n({type:P.CLOSE_LAYER}),a()},p=()=>n({type:P.OPEN_LAYER}),y=x.useRef(!0);x.useEffect(()=>{y.current?y.current=!1:n({type:P.SET_VISIBLE_OPTIONS,options:r})},[r]);const I=(b,w,Q)=>{if(!(s||g)){if(Q&&Q(),w){if(w.createAble&&S)S(w.value);else if(!w.disabled)if(Array.isArray(c))if(c.some(K=>K.label===w.label)){const K=c.filter(fe=>fe.label!==w.label);u&&u(b,K)}else{const K=[...c,w];u&&u(b,K)}else u&&u(b,w)}n({type:P.CLEAR_SEARCH,options:r}),a()}},f=x.useCallback(()=>d?d!=="auto"?d:_e(r,T,m,_):"100%",[r,m]),h=x.useCallback(b=>i?Math.max(_e(r,T,m,_),b==null?void 0:b.width):b==null?void 0:b.width,[r,m]),{renderLayer:O,layerProps:N,triggerProps:C,triggerBounds:R}=ze({isOpen:(e==null?void 0:e.isLayerOpen)??!1,overflowContainer:!0,...wt,ResizeObserver,onOutsideClick:l,onParentClose:l}),q=()=>{if(!(s||g)){if(e.isLayerOpen){l();return}n({type:P.RESET_LAYER_FOCUS,options:r,firstSelectedOptionIndex:E}),p()}},M=x.useRef(!0);x.useEffect(()=>{M.current?M.current=!1:e.isLayerOpen||n({type:P.CLEAR_SEARCH,options:r})},[e.isLayerOpen]);const A=(b,w)=>{const Q=c instanceof Array?c.filter(Y=>Y.value!==w.value):null;u&&u(b,Q)},F=b=>{const w=c instanceof Array?[]:{value:null};u&&u(b,w)},$=b=>n({type:P.ON_CHANGE_SEARCH,options:r,value:b,createAble:v}),V=()=>{p(),n({type:P.BLUR_TRIGGER_INPUTS})},U=b=>{t.current&&Number.isInteger(b)&&t.current.scrollToItem(b)},j=b=>{const w=It(b,e.layerFocus);n({type:P.FOCUS_LAYER_OPTIONS,nextLayerFocus:w}),U(w.current)},D=b=>{n({type:P.FOCUS_TRIGGER_INPUTS,ICustomSelectDirection:b,selectedOptions:c})},Z=b=>F(b),te=c&&c[e.triggerFocus.currentOption],re=b=>{A(b,c[e.triggerFocus.currentOption])},X=b=>{var w;I(b,(w=e==null?void 0:e.visibleOptions)==null?void 0:w[e.layerFocus.current],l)},k=e.triggerFocus.clearAll;return{getTriggerWidth:f,onKeyEvent:(b,w)=>{switch(b){case B.UP:{j(b);break}case B.DOWN:{e.isLayerOpen?j(b):V();break}case B.LEFT:case B.RIGHT:{D(b);break}case B.ENTER:{k?Z(w):te?re(w):X(w);break}case B.ESC:{l();break}}},clearAllIsFocused:k,triggerProps:C,onClickTrigger:q,onChangeSearch:$,onClickDeselectOption:A,onClickClearAll:F,renderLayer:O,layerProps:N,closeLayer:l,onSelectOption:I,getLayerWidth:h,triggerBounds:R}},Pe=e=>{const{multi:n=!1,disabled:r=!1,error:a=null,warning:s=null,tooltip:g=null,options:S,selectedOptions:u,onCreate:c=null,placeholder:d="",small:T=!1,tabIndex:m=0,onFocus:_=()=>{},onBlur:E=()=>{},searchable:v=!0,clearable:t=!1,maxTooltipWidth:i,closeOnOptionActionClick:l,isInTable:p=!1,groupOrder:y,firstSelectedOptionIndex:I=0,right:f=!1,testId:h=void 0}=e,O=x.useContext(me),N=c!==null,C=x.useRef(null),[R,q]=we(),M=Le(),[A,F]=x.useReducer(Ot,{options:S,firstSelectedOptionIndex:I},({options:Y})=>({searchValue:"",visibleOptions:Y,layerFocus:ke(Y,I??0),triggerFocus:De,isLayerOpen:!1})),{getTriggerWidth:$,onKeyEvent:V,clearAllIsFocused:U,triggerProps:j,onClickTrigger:D,onChangeSearch:Z,onClickDeselectOption:te,onClickClearAll:re,renderLayer:X,layerProps:k,closeLayer:J,onSelectOption:b,getLayerWidth:w,triggerBounds:Q}=Lt({...e,state:A,dispatch:F,setTriggerFocus:q,disabledContext:O,isFontLoaded:M,createAble:N,listRef:C});return o.jsx("div",{style:{width:$()},children:o.jsxs(Ge,{handleKeys:Object.values(B),onKeyEvent:V,children:[o.jsx(je,{selectedOptions:u,searchValue:A.searchValue,isOpen:A.isLayerOpen,focusedSelectedOptionIndex:A.triggerFocus.currentOption,clearAllIsFocused:U,searchable:v,triggerRef:We(R,j.ref),error:a,warning:s,tooltip:g,small:T,isInTable:p,disabled:r||O,clearable:t,tabIndex:m,onClickTrigger:D,onChangeSearch:Z,onClickDeselect:te,onClickClear:re,onFocus:_,onBlur:E,groupOrder:y,maxTooltipWidth:i,placeholder:d,right:f,testId:h}),A.isLayerOpen&&X(o.jsx("div",{...k,className:H.layerContainer,children:o.jsx(Ae,{listRef:C,isMulti:n,sections:A.visibleOptions,selectedOptions:u,onSelectOption:(Y,K)=>{b(Y,K,n?void 0:J)},closeLayer:()=>{l&&J()},width:w(Q),small:T,focusedOptionIndex:A.layerFocus.current,firstSelectedOptionIndex:I??0,testId:h&&`${h}-layer`})}))]})})};Pe.__docgenInfo={description:"",methods:[],displayName:"CustomSelect",props:{multi:{required:!1,tsType:{name:"boolean"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},error:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | ReactNode",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactNode"}]},description:""},warning:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | ReactNode",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactNode"}]},description:""},tooltip:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | ReactNode",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactNode"}]},description:""},options:{required:!0,tsType:{name:"Array",elements:[{name:"union",raw:"ISelectSelectedOption | Heading",elements:[{name:"ISelectSelectedOption"},{name:"Heading"}]}],raw:"TCustomSelectSelectOption[]"},description:""},selectedOptions:{required:!0,tsType:{name:"union",raw:"ISelectSelectedOption | ISelectSelectedOption[]",elements:[{name:"ISelectSelectedOption"},{name:"Array",elements:[{name:"ISelectSelectedOption"}],raw:"ISelectSelectedOption[]"}]},description:""},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:`(
-  event: TChangeEvent<T>,
-  ...additionalProps: { [key: string]: any }[]
-) => void`,signature:{arguments:[{type:{name:"intersection",raw:`ChangeEvent<T> & {
-  target:
-    | T
-    | { name: string; value: any; label?: string; files?: FileList | null };
-}`,elements:[{name:"ChangeEvent",elements:[{name:"T"}],raw:"ChangeEvent<T>"},{name:"signature",type:"object",raw:`{
-  target:
-    | T
-    | { name: string; value: any; label?: string; files?: FileList | null };
-}`,signature:{properties:[{key:"target",value:{name:"union",raw:`| T
-| { name: string; value: any; label?: string; files?: FileList | null }`,elements:[{name:"T"},{name:"signature",type:"object",raw:"{ name: string; value: any; label?: string; files?: FileList | null }",signature:{properties:[{key:"name",value:{name:"string",required:!0}},{key:"value",value:{name:"any",required:!0}},{key:"label",value:{name:"string",required:!1}},{key:"files",value:{name:"union",raw:"FileList | null",elements:[{name:"FileList"},{name:"null"}],required:!1}}]}}],required:!0}}]}}]},name:"event"},{type:{name:"Array",elements:[{name:"signature",type:"object",raw:"{ [key: string]: any }",signature:{properties:[{key:{name:"string"},value:{name:"any",required:!0}}]}}],raw:"{ [key: string]: any }[]"},name:"additionalProps",rest:!0}],return:{name:"void"}}},description:""},onCreate:{required:!1,tsType:{name:"signature",type:"function",raw:"(value: string) => void",signature:{arguments:[{type:{name:"string"},name:"value"}],return:{name:"void"}}},description:""},placeholder:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:""},small:{required:!1,tsType:{name:"boolean"},description:""},tabIndex:{required:!1,tsType:{name:"number"},description:""},width:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | null",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"null"}]},description:""},autoLayerWidth:{required:!1,tsType:{name:"boolean"},description:""},onFocus:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},onBlur:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},searchable:{required:!1,tsType:{name:"boolean"},description:""},clearable:{required:!1,tsType:{name:"boolean"},description:""},isInTable:{required:!1,tsType:{name:"boolean"},description:""},groupOrder:{required:!1,tsType:{name:"union",raw:"TGroupOrder | string",elements:[{name:"union",raw:"'first' | 'middle' | 'last'",elements:[{name:"literal",value:"'first'"},{name:"literal",value:"'middle'"},{name:"literal",value:"'last'"}]},{name:"string"}]},description:""},firstSelectedOptionIndex:{required:!0,tsType:{name:"union",raw:"number | null",elements:[{name:"number"},{name:"null"}]},description:""},right:{required:!1,tsType:{name:"boolean"},description:""},maxTooltipWidth:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},closeOnOptionActionClick:{required:!1,tsType:{name:"boolean"},description:""},testId:{required:!1,tsType:{name:"union",raw:"string | undefined",elements:[{name:"string"},{name:"undefined"}]},description:""}}};const Rt=e=>{const{name:n="",options:r=[],value:a,native:s=!1,onChange:g=ae.noop,deprecatedEventHandler:S=!1,autoScroll:u=!0,warning:c,error:d,checkNonExistentValues:T=!0,closeOnOptionActionClick:m=!0,testId:_,disabled:E}=e,v=!s&&u===!0,{multi:t,simpleInputs:i,options:l,selectedOptions:p,firstSelectedOptionIndex:y,hasNonExistentValue:I}=Ye(r,a,v,T),f=!t,h=s&&f;s&&!f&&console.warn("Native select does not support provided props (see stories)");const O="Value no longer available for re-selection",N=I&&!E?c?o.jsxs("div",{children:[o.jsx("div",{children:O}),o.jsx("div",{children:c})]}):O:c,C=I&&d&&!E?o.jsxs("div",{children:[o.jsx("div",{children:O}),o.jsx("div",{children:d})]}):d,R=(q,M)=>{if(S){const A=t?M.map(F=>i?F.value:F):i?M.value:M;A&&g(A)}else{const A=!(q instanceof Event),F=t?M:M.value;if(A)q.target.name=n,q.target.value=F,t||(q.target.label=M.label),g(q);else{const $={...q,target:{...q.target,name:n,value:F,label:t?void 0:M.label}};g($)}}};return h?o.jsx(Oe,{...e,options:l,selectedOption:p,onChange:R,hasNonExistentValue:I,warning:N,error:C,testId:_}):o.jsx(Pe,{...e,options:l,selectedOptions:p,onChange:R,multi:t,firstSelectedOptionIndex:y,warning:N,error:C,testId:_,closeOnOptionActionClick:m})};Rt.__docgenInfo={description:"",methods:[],displayName:"Select",props:{name:{required:!1,tsType:{name:"string"},description:""},multi:{required:!1,tsType:{name:"boolean"},description:""},options:{required:!1,tsType:{name:"Array",elements:[{name:"ISelectSelectedOption"}],raw:"ISelectSelectedOption[]"},description:""},value:{required:!1,tsType:{name:"any"},description:""},native:{required:!1,tsType:{name:"boolean"},description:""},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:`(
-  event: TChangeEvent<T>,
-  ...additionalProps: { [key: string]: any }[]
-) => void`,signature:{arguments:[{type:{name:"intersection",raw:`ChangeEvent<T> & {
-  target:
-    | T
-    | { name: string; value: any; label?: string; files?: FileList | null };
-}`,elements:[{name:"ChangeEvent",elements:[{name:"T"}],raw:"ChangeEvent<T>"},{name:"signature",type:"object",raw:`{
-  target:
-    | T
-    | { name: string; value: any; label?: string; files?: FileList | null };
-}`,signature:{properties:[{key:"target",value:{name:"union",raw:`| T
-| { name: string; value: any; label?: string; files?: FileList | null }`,elements:[{name:"T"},{name:"signature",type:"object",raw:"{ name: string; value: any; label?: string; files?: FileList | null }",signature:{properties:[{key:"name",value:{name:"string",required:!0}},{key:"value",value:{name:"any",required:!0}},{key:"label",value:{name:"string",required:!1}},{key:"files",value:{name:"union",raw:"FileList | null",elements:[{name:"FileList"},{name:"null"}],required:!1}}]}}],required:!0}}]}}]},name:"event"},{type:{name:"Array",elements:[{name:"signature",type:"object",raw:"{ [key: string]: any }",signature:{properties:[{key:{name:"string"},value:{name:"any",required:!0}}]}}],raw:"{ [key: string]: any }[]"},name:"additionalProps",rest:!0}],return:{name:"void"}}},description:""},deprecatedEventHandler:{required:!1,tsType:{name:"boolean"},description:""},autoScroll:{required:!1,tsType:{name:"boolean"},description:""},warning:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | ReactNode",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactNode"}]},description:""},error:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | ReactNode",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactNode"}]},description:""},checkNonExistentValues:{required:!1,tsType:{name:"boolean"},description:""},closeOnOptionActionClick:{required:!1,tsType:{name:"boolean"},description:""},small:{required:!1,tsType:{name:"boolean"},description:""},width:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | null",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"null"}]},description:""},borderRadius:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},onCreate:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: any) => any",signature:{arguments:[{type:{name:"any"},name:"evt"}],return:{name:"any"}}},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},placeholder:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:""},isInTable:{required:!1,tsType:{name:"boolean"},description:""},clearable:{required:!1,tsType:{name:"boolean"},description:""},searchable:{required:!1,tsType:{name:"boolean"},description:""},maxTooltipWidth:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},autoLayerWidth:{required:!1,tsType:{name:"boolean"},description:""},right:{required:!1,tsType:{name:"boolean"},description:""},tabIndex:{required:!1,tsType:{name:"number"},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};export{Rt as S};

package/dist/storybook/assets/select-H-9tdhwc.css

@@ -1 +0,0 @@
-._inputInTable_1nzfr_1{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_1nzfr_1:not(:hover):not(._error_1nzfr_7):not(._warning_1nzfr_7){border-color:transparent}._inputInTable_1nzfr_1:not(:focus){box-shadow:none}._inputHover_1nzfr_13{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_1nzfr_18{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_1nzfr_25,._inputWarning_1nzfr_26{position:relative}._inputError_1nzfr_25{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error-muted)}._inputError_1nzfr_25:hover{border-color:var(--color-border-error-hover)!important}._inputError_1nzfr_25:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_1nzfr_26{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning-muted)}._inputWarning_1nzfr_26:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_1nzfr_26:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_1nzfr_61{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._hideScrollbars_1nzfr_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_1nzfr_67::-webkit-scrollbar{display:none}._select_1nzfr_77{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;display:inline-block;width:100%;padding:var(--padding-input);padding-right:calc(var(--padding-input-x) + var(--font-size) + var(--padding-xxs));color:var(--color-text);vertical-align:middle;background:var(--color-background-input) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.75' stroke='rgb(63, 63, 51)' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M6 9l6 6l6 -6' /%3E%3C/svg%3E") no-repeat right var(--padding-xs) center;background-size:var(--font-size);border:1px solid var(--color-border);border-radius:var(--border-radius);height:var(--size);box-shadow:var(--shadow-button)}[data-theme=dark] ._select_1nzfr_77{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.75' stroke='rgb(215, 215, 206)' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M6 9l6 6l6 -6' /%3E%3C/svg%3E")}._select_1nzfr_77 option{background:var(--color-background-layer);color:var(--color-text)}._select_1nzfr_77 option:focus{background-color:var(--color-background-listitem-active)}._select_1nzfr_77:-moz-focusring{color:transparent!important;text-shadow:0 0 0 #000!important}._select_1nzfr_77:hover{position:relative;border-color:var(--color-border-hover);z-index:2;cursor:pointer}._select_1nzfr_77:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._select_1nzfr_77._isInTable_1nzfr_121{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._select_1nzfr_77._isInTable_1nzfr_121:not(:hover):not(._error_1nzfr_7):not(._warning_1nzfr_7){border-color:transparent}._select_1nzfr_77._isInTable_1nzfr_121:not(:focus){box-shadow:none}._select_1nzfr_77._unSelected_1nzfr_133{color:var(--color-text-placeholder)!important}._select_1nzfr_77._unSelected_1nzfr_133:-moz-focusring{color:transparent!important;text-shadow:0 0 0 #000!important}._select_1nzfr_77._error_1nzfr_7{position:relative;z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error-muted)}._select_1nzfr_77._error_1nzfr_7:hover{border-color:var(--color-border-error-hover)!important}._select_1nzfr_77._error_1nzfr_7:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._select_1nzfr_77._warning_1nzfr_7{position:relative;z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning-muted)}._select_1nzfr_77._warning_1nzfr_7:hover{border-color:var(--color-border-warning-hover)!important}._select_1nzfr_77._warning_1nzfr_7:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._select_1nzfr_77._small_1nzfr_174{font-size:var(--font-size-sm);height:var(--size-sm);padding:var(--padding-input-sm);background-size:var(--font-size-sm);background-position:right var(--padding-xxs) center;padding-right:calc(var(--padding-input-sm-x) + var(--font-size-sm) + var(--padding-xxs))}._select_1nzfr_77._right_1nzfr_182{text-align:right;text-align-last:right}._select_1nzfr_77[disabled]{opacity:1;pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._groupOrderFirst_1nzfr_193,._groupOrderMiddle_1nzfr_194{border-top-right-radius:0!important;border-bottom-right-radius:0!important}._groupOrderLast_1nzfr_198,._groupOrderMiddle_1nzfr_194{border-top-left-radius:0!important;border-bottom-left-radius:0!important}._layerContainer_1lbvo_1{z-index:var(--zindex-dropdown)}._layer_1lbvo_1{border:1px solid var(--color-border);border-radius:var(--border-radius);overflow:hidden;margin:2px -1px 0;background:var(--color-background-layer);box-shadow:var(--shadow-layer);position:relative;font-size:var(--font-size)}._layer_1lbvo_1 ul{margin:0;padding:0;list-style-type:none}._layer_1lbvo_1 ul li{list-style:none;display:block}._layer_1lbvo_1._small_1lbvo_23{font-size:var(--font-size-sm)}._heading_1lbvo_26,._option_1lbvo_27,._message_1lbvo_28{padding:var(--padding-input);padding-right:0}._small_1lbvo_23 ._heading_1lbvo_26,._small_1lbvo_23 ._option_1lbvo_27,._small_1lbvo_23 ._message_1lbvo_28{padding:var(--padding-input-sm);padding-right:0}._heading_1lbvo_26{color:var(--color-text-muted);letter-spacing:var(--letter-spacing-wide);font-weight:700;text-transform:uppercase;max-width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._small_1lbvo_23 ._heading_1lbvo_26{font-size:var(--font-size-sm)}._message_1lbvo_28{color:var(--color-text-faint)}._option_1lbvo_27{line-height:var(--line-height);display:flex;align-items:center;padding-top:0;padding-bottom:0;height:100%;cursor:pointer}._option_1lbvo_27._focused_1lbvo_64,._option_1lbvo_27:hover{background-color:var(--color-background-listitem-hover)}._option_1lbvo_27._selected_1lbvo_68{background-color:var(--color-background-listitem-active)}._option_1lbvo_27._disabled_1lbvo_71{opacity:.2;cursor:inherit}._option_1lbvo_27 ._check_1lbvo_75{color:var(--color-text);font-size:var(--font-size);width:var(--size);height:var(--size);display:flex;justify-content:center;align-items:center;flex-shrink:0}._small_1lbvo_23 ._option_1lbvo_27 ._check_1lbvo_75{width:var(--size-sm);height:var(--size-sm)}._option_1lbvo_27 ._check_1lbvo_75 svg{display:block}._option_1lbvo_27 ._optionContent_1lbvo_92{flex-wrap:wrap;margin-right:auto;overflow:hidden}._option_1lbvo_27 ._optionContent_1lbvo_92 ._label_1lbvo_97{max-width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._option_1lbvo_27 ._optionContent_1lbvo_92 ._icon_1lbvo_104{display:inline-flex;margin-left:var(--padding-xxs);line-height:0}._details_1lbvo_109{float:right;display:inline;white-space:nowrap}._inputInTable_nec64_1{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_nec64_1:not(:hover):not(._error_nec64_7):not(._warning_nec64_7){border-color:transparent}._inputInTable_nec64_1:not(:focus){box-shadow:none}._inputHover_nec64_13{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_nec64_18{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_nec64_25,._inputWarning_nec64_26{position:relative}._inputError_nec64_25{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error-muted)}._inputError_nec64_25:hover{border-color:var(--color-border-error-hover)!important}._inputError_nec64_25:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_nec64_26{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning-muted)}._inputWarning_nec64_26:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_nec64_26:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_nec64_61{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._hideScrollbars_nec64_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_nec64_67::-webkit-scrollbar{display:none}._trigger_nec64_77{font-weight:400;display:flex;align-items:center;border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-background-input);height:var(--size);position:relative;padding-left:var(--padding-input-x);box-shadow:var(--shadow-button)}._trigger_nec64_77 input{border:none!important;background:transparent!important}._trigger_nec64_77._isInTable_nec64_93{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._trigger_nec64_77._isInTable_nec64_93:not(:hover):not(._error_nec64_7):not(._warning_nec64_7){border-color:transparent}._trigger_nec64_77._isInTable_nec64_93:not(:focus){box-shadow:none}._trigger_nec64_77._isInTable_nec64_93 ._input_nec64_1{background:transparent!important}._trigger_nec64_77:hover{position:relative;border-color:var(--color-border-hover);z-index:2;cursor:pointer}._trigger_nec64_77._isOpen_nec64_114,._trigger_nec64_77:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._trigger_nec64_77._error_nec64_7{position:relative;z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error-muted)}._trigger_nec64_77._error_nec64_7:hover{border-color:var(--color-border-error-hover)!important}._trigger_nec64_77._error_nec64_7:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._trigger_nec64_77._warning_nec64_7{position:relative;z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning-muted)}._trigger_nec64_77._warning_nec64_7:hover{border-color:var(--color-border-warning-hover)!important}._trigger_nec64_77._warning_nec64_7:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._trigger_nec64_77._disabled_nec64_156{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._icons_nec64_162{display:flex;flex-wrap:nowrap;flex-shrink:0;position:relative;z-index:2}._icons_nec64_162 ._clearAll_nec64_169,._icons_nec64_162 ._iconOpen_nec64_170{width:calc((var(--size) + var(--font-size)) / 2);height:var(--size);display:flex;justify-content:flex-start;align-items:center}._disabled_nec64_156 ._icons_nec64_162 ._clearAll_nec64_169,._disabled_nec64_156 ._icons_nec64_162 ._iconOpen_nec64_170{color:var(--color-text-faint)}._small_nec64_181 ._icons_nec64_162 ._clearAll_nec64_169,._small_nec64_181 ._icons_nec64_162 ._iconOpen_nec64_170{width:calc((var(--size-sm) + var(--font-size-sm)) / 2);height:var(--size-sm)}._icons_nec64_162 ._clearAll_nec64_169:hover{color:var(--color-text-primary)}._triggerInputContainer_nec64_189{display:flex;align-items:center;position:relative;z-index:1;flex-grow:1;min-width:0;margin-right:4px}._right_nec64_198 ._triggerInputContainer_nec64_189{justify-content:flex-end;text-align:right}._right_nec64_198 ._triggerInputContainer_nec64_189 input{padding-right:0;padding-left:0;text-align:right;width:0}._right_nec64_198 ._triggerInputContainer_nec64_189 input:focus{width:auto}._multiOptions_nec64_211{display:flex;overflow:hidden;margin-left:calc((var(--padding-xxs) * -1) - 2px)}._multiOptions_nec64_211:empty{display:none!important}._multiOptions_nec64_211 ._multiOption_nec64_211{-webkit-user-select:none;user-select:none;pointer-events:none;display:inline-flex;align-items:center;border:1px solid var(--color-border);background-color:var(--color-background);padding:0 var(--padding-xxs);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);height:calc(var(--size) - 6px);color:var(--color-text-muted);max-width:100%;min-width:0;flex-shrink:0;margin-right:2px}._small_nec64_181 ._multiOptions_nec64_211 ._multiOption_nec64_211{height:calc(var(--size-sm) - 6px)}._multiOptions_nec64_211 ._multiOption_nec64_211 ._label_nec64_239{white-space:nowrap}._multiOptions_nec64_211 ._multiOption_nec64_211 ._closeMultiOption_nec64_242{flex-shrink:0;display:flex;align-items:center;justify-content:center;height:100%;width:var(--size-sm);opacity:.25;aspect-ratio:1}._multiOptions_nec64_211 ._multiOption_nec64_211 ._closeMultiOption_nec64_242:hover,._multiOptions_nec64_211 ._multiOption_nec64_211 ._closeMultiOption_nec64_242._focus_nec64_253{opacity:1;outline:0}._selectedSingleValue_nec64_257,._placeHolder_nec64_258{line-height:calc(var(--size) - 2px);right:0;left:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;position:absolute}._placeHolder_nec64_258{color:var(--color-text-placeholder)}._input_nec64_1{font-family:var(--font-family);background-color:transparent;border:none;color:var(--color-text);padding:0;width:0}._input_nec64_1._error_nec64_7{color:var(--color-text-error)!important}._input_nec64_1:focus{outline:none;width:auto}._small_nec64_181{height:var(--size-sm);font-size:var(--font-size-sm);padding-left:var(--padding-input-sm-x)}._small_nec64_181 ._selectedSingleValue_nec64_257,._small_nec64_181 ._placeHolder_nec64_258,._small_nec64_181 ._input_nec64_1{height:calc(var(--size-sm) - 2px);line-height:calc(var(--size-sm) - 2px)}._groupOrderFirst_nec64_297,._groupOrderMiddle_nec64_298{border-top-right-radius:0!important;border-bottom-right-radius:0!important}._groupOrderLast_nec64_302,._groupOrderMiddle_nec64_298{border-top-left-radius:0!important;border-bottom-left-radius:0!important}._detailedLabel_nec64_307{width:100%}._detailedLabel_nec64_307 :first-child{float:left;position:absolute;padding-right:var(--padding-xxs)}._detailedLabel_nec64_307 :last-child{float:right}

package/dist/storybook/assets/select.test-case.stories-DwDNDHax.js

@@ -1,82 +0,0 @@
-import{j as _}from"./jsx-runtime-eps93zm2.js";import{r as I}from"./index-DhsZuJvc.js";import{w as r,e as s,u as l}from"./index-DMAnyMX5.js";import{S as T}from"./select-03uRbc4I.js";import{o as O}from"./select.stories-data-DxgWKlU6.js";import"./index-CF7H4eMJ.js";import"./lodash-c4VUpsOs.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./types-Dx2TtIG9.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./enum-Bnn40S8Q.js";import"./index-CEuq6vkz.js";import"./inheritsLoose-DP0QEDDI.js";import"./assertThisInitialized-B9jnkVVz.js";import"./memoize-one.esm-CcMeOnPo.js";import"./types-BmbYqTX_.js";import"./text-B3-TSWok.js";import"./actions-D-uVCDzk.js";import"./button-DHevvVBE.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./badge-CLQ59MDF.js";import"./select.input-CJed_LLR.js";import"./helpers-JJxzGegQ.js";const ue={title:"Forms/Select/Test Cases",component:T,args:{options:O},tags:["!autodocs"]},v=n=>{const{multi:o,value:e}=n,[a,t]=I.useState(e||(o?[]:void 0)),i=c=>{const{value:g}=c.target;t(o?g:{value:g})};return _.jsx(T,{value:a,onChange:i,...n})},y=v.bind({});y.args={value:{label:"Vampires",value:"blood"},disabled:!0};const d=v.bind({});d.args={testId:"testId",clearable:!0};d.play=async({canvasElement:n,step:o})=>{const e=n.parentElement?r(n.parentElement):null;await s(e).toBeTruthy(),e&&(await o("Select item with click",async()=>{const a=e.getByTestId("testId");await l.click(a);const t=e.getByTestId("testId-layer");await s(t).toBeInTheDocument();const i=r(t).getByText("Wombats");await l.click(i);const c=e.getByTestId("testId-value");await s(r(c).getByText("Wombats")).toBeInTheDocument()}),await o("Clear selected value",async()=>{const a=e.getByTestId("testId-clear");await l.click(a);const t=e.queryByTestId("testId-value");await s(t).not.toBeInTheDocument()}))};const m=v.bind({});m.args={testId:"testId",clearable:!0,multi:!0};m.play=async({canvasElement:n,step:o})=>{const e=n.parentElement?r(n.parentElement):null;await s(e).toBeTruthy(),e&&(await o("Select items with click",async()=>{const a=e.getByTestId("testId");await l.click(a);const t=e.getByTestId("testId-layer");await s(t).toBeInTheDocument();const i=r(t).getByText("Wombats");await l.click(i);const c=r(t).getByText("Kangaroos");await l.click(c),await l.click(n),await s(t).not.toBeInTheDocument();const g=e.getByTestId("testId-value");await s(r(g).getByText("Wombats")).toBeInTheDocument(),await s(r(g).getByText("Kangaroos")).toBeInTheDocument()}),await o("Deselect item with click",async()=>{const a=e.getByTestId("testId");await l.click(a);const t=e.getByTestId("testId-layer");await s(t).toBeInTheDocument();const i=r(t).getByText("Wombats");await l.click(i),await l.click(n),await s(t).not.toBeInTheDocument();const c=e.getByTestId("testId-value");await s(r(c).queryByText("Wombats")).not.toBeInTheDocument()}),await o("Clear selected values",async()=>{const a=e.getByTestId("testId-clear");await l.click(a);const t=e.queryByTestId("testId-value");await s(t).not.toBeInTheDocument()}))};const p=v.bind({});p.args={testId:"testId",disabled:!0};p.play=async({canvasElement:n,step:o})=>{const e=r(n);await o("Clicking disabled trigger should not show layer",async()=>{await e.getByTestId("testId").click();const t=e.queryByTestId("testId-layer");await s(t).toBeNull()})};const u=()=>{const[n,o]=I.useState(O),[e,a]=I.useState(void 0);return _.jsx(T,{testId:"testId",name:"example",options:n,onChange:t=>a({value:t.target.value}),onCreate:t=>{const i={label:t,value:t};o([...n,i]),a(i)},value:e})};u.args={testId:"testId"};u.play=async({canvasElement:n,step:o})=>{const e=n.parentElement?r(n.parentElement):null;await s(e).toBeTruthy(),e&&await o("Create new item",async()=>{const a=e.getByTestId("testId-input");if(s(a).toBeInTheDocument(),!a)return;await l.type(a,"New value");const t=e.getByText('Create "New value"');await l.click(t);const i=e.getByTestId("testId-value");await s(r(i).getByText("New value")).toBeInTheDocument()})};u.__docgenInfo={description:"",methods:[{name:"play",docblock:null,modifiers:["static"],params:[{name:"{ canvasElement, step }",optional:!1,type:null}],returns:null}],displayName:"TestCreate"};var w,h,B;y.parameters={...y.parameters,docs:{...(w=y.parameters)==null?void 0:w.docs,source:{originalSource:`(args: any) => {
-  const {
-    multi,
-    value
-  } = args;
-  const [selectedValue, setSelectedValue] = useState(value || (multi ? [] : undefined));
-  const handleChange = (evt: any) => {
-    const {
-      value
-    } = evt.target;
-    setSelectedValue(multi ? value : {
-      value
-    });
-  };
-  return <Select value={selectedValue} onChange={handleChange}
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(B=(h=y.parameters)==null?void 0:h.docs)==null?void 0:B.source}}};var S,V,x;d.parameters={...d.parameters,docs:{...(S=d.parameters)==null?void 0:S.docs,source:{originalSource:`(args: any) => {
-  const {
-    multi,
-    value
-  } = args;
-  const [selectedValue, setSelectedValue] = useState(value || (multi ? [] : undefined));
-  const handleChange = (evt: any) => {
-    const {
-      value
-    } = evt.target;
-    setSelectedValue(multi ? value : {
-      value
-    });
-  };
-  return <Select value={selectedValue} onChange={handleChange}
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(x=(V=d.parameters)==null?void 0:V.docs)==null?void 0:x.source}}};var b,C,f;m.parameters={...m.parameters,docs:{...(b=m.parameters)==null?void 0:b.docs,source:{originalSource:`(args: any) => {
-  const {
-    multi,
-    value
-  } = args;
-  const [selectedValue, setSelectedValue] = useState(value || (multi ? [] : undefined));
-  const handleChange = (evt: any) => {
-    const {
-      value
-    } = evt.target;
-    setSelectedValue(multi ? value : {
-      value
-    });
-  };
-  return <Select value={selectedValue} onChange={handleChange}
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(f=(C=m.parameters)==null?void 0:C.docs)==null?void 0:f.source}}};var D,k,j;p.parameters={...p.parameters,docs:{...(D=p.parameters)==null?void 0:D.docs,source:{originalSource:`(args: any) => {
-  const {
-    multi,
-    value
-  } = args;
-  const [selectedValue, setSelectedValue] = useState(value || (multi ? [] : undefined));
-  const handleChange = (evt: any) => {
-    const {
-      value
-    } = evt.target;
-    setSelectedValue(multi ? value : {
-      value
-    });
-  };
-  return <Select value={selectedValue} onChange={handleChange}
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(j=(k=p.parameters)==null?void 0:k.docs)==null?void 0:j.source}}};var E,N,W;u.parameters={...u.parameters,docs:{...(E=u.parameters)==null?void 0:E.docs,source:{originalSource:`() => {
-  const [options, setOptions] = useState(storyData.options);
-  const [singleValue, setSingleValue] = useState<ISelectSelectedOption | undefined>(undefined);
-  return <Select testId="testId" name="example" options={options} onChange={evt => setSingleValue({
-    value: evt.target.value
-  })} onCreate={value => {
-    const newValue = {
-      label: value,
-      value
-    };
-    setOptions([...options, newValue]);
-    setSingleValue(newValue);
-  }} value={singleValue} />;
-}`,...(W=(N=u.parameters)==null?void 0:N.docs)==null?void 0:W.source}}};const de=["TestDisabledNonExistentValue","Test","TestMulti","TestDisabled","TestCreate"];export{d as Test,u as TestCreate,p as TestDisabled,y as TestDisabledNonExistentValue,m as TestMulti,de as __namedExportsOrder,ue as default};

package/dist/storybook/assets/side-bar-CSx5wI-k.js

@@ -1,24 +0,0 @@
-import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as u,R as M}from"./index-DhsZuJvc.js";import{c as d}from"./index-Bk2sglWO.js";import{i as v}from"./index-BI4_Bp97.js";import{B as h,I as T}from"./common-types-Sih75Sav.js";import{D as y}from"./drawer-DOWJp9T4.js";import{T as j}from"./tooltip-1V7clEnw.js";import{I as f}from"./icon-BSFY3vDO.js";import{B as x}from"./badge-CLQ59MDF.js";import{B as I}from"./button-DHevvVBE.js";const R="_inputInTable_16jgo_1",w="_error_16jgo_7",L="_warning_16jgo_7",A="_inputHover_16jgo_13",H="_inputFocus_16jgo_18",N="_inputError_16jgo_25",q="_inputWarning_16jgo_26",C="_inputDisabled_16jgo_61",S="_hideScrollbars_16jgo_67",k="_sidebar_16jgo_82",B="_inner_16jgo_93",O="_title_16jgo_103",F="_subtitle_16jgo_104",D="_label_16jgo_105",W="_collapsed_16jgo_109",P="_list_16jgo_134",z="_item_16jgo_140",V="_experimental_16jgo_155",$="_active_16jgo_159",K="_icon_16jgo_163",o={inputInTable:R,error:w,warning:L,inputHover:A,inputFocus:H,inputError:N,inputWarning:q,inputDisabled:C,hideScrollbars:S,sidebar:k,inner:B,title:O,subtitle:F,label:D,collapsed:W,list:P,item:z,experimental:V,active:$,icon:K},U=u.memo(({isOpen:n,label:t,icon:c,invalid:a})=>e.jsxs(e.Fragment,{children:[e.jsx(j,{text:t,enabled:!n,placement:"right-center",possiblePlacements:["right-center"],fontSize:16,padding:"var(--padding-sm)",display:"block",children:e.jsx("span",{className:o.icon,children:e.jsx(x,{small:!0,title:a?"!":void 0,margin:4,children:e.jsx(f,{icon:c})})})}),e.jsx("span",{className:o.label,children:t})]}),(n,t)=>v(n,t)),g=({isOpen:n,items:t,sectionIndex:c,onClick:a,testId:r})=>e.jsx("div",{className:o.list,children:t.map((s,m)=>{const l=`${c}_${m}`;return e.jsx("a",{href:s.value,className:d(o.item,s.isActive?o.active:"",s.isExperimental?o.experimental:""),onClick:i=>a(i,s.value,s.label,s.onClick),"data-testid":r,children:e.jsx(U,{label:s.label,icon:s.icon,invalid:s.invalid,isOpen:n},l)},l)})});g.__docgenInfo={description:"",methods:[],displayName:"Link",props:{isOpen:{required:!0,tsType:{name:"boolean"},description:""},items:{required:!0,tsType:{name:"Array",elements:[{name:"IOptionItem"}],raw:"IOptionItem[]"},description:""},sectionIndex:{required:!0,tsType:{name:"number"},description:""},onClick:{required:!0,tsType:{name:"signature",type:"function",raw:`(
-  evt: React.MouseEvent<HTMLAnchorElement, MouseEvent>,
-  value: string,
-  label: string | ReactNode,
-  onClickCallback?: (
-    evt: React.MouseEvent<HTMLAnchorElement, MouseEvent>,
-  ) => void,
-) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLAnchorElement, MouseEvent>",elements:[{name:"HTMLAnchorElement"},{name:"MouseEvent"}]},name:"evt"},{type:{name:"string"},name:"value"},{type:{name:"union",raw:"string | ReactNode",elements:[{name:"string"},{name:"ReactNode"}]},name:"label"},{type:{name:"signature",type:"function",raw:`(
-  evt: React.MouseEvent<HTMLAnchorElement, MouseEvent>,
-) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLAnchorElement, MouseEvent>",elements:[{name:"HTMLAnchorElement"},{name:"MouseEvent"}]},name:"evt"}],return:{name:"void"}}},name:"onClickCallback"}],return:{name:"void"}}},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const _=({isOpen:n,sections:t,onClick:c})=>e.jsx(e.Fragment,{children:t.map((a,r)=>e.jsxs(M.Fragment,{children:[e.jsx("h5",{className:o.subtitle,children:a.heading.toUpperCase()}),e.jsx(g,{isOpen:n,items:a.items,sectionIndex:r,onClick:c,testId:a.testId})]},r))});_.__docgenInfo={description:"",methods:[],displayName:"Sections",props:{isOpen:{required:!0,tsType:{name:"boolean"},description:""},sections:{required:!0,tsType:{name:"Array",elements:[{name:"ISection"}],raw:"ISection[]"},description:""},onClick:{required:!0,tsType:{name:"signature",type:"function",raw:`(
-  evt: React.MouseEvent<HTMLAnchorElement, MouseEvent>,
-  value: string,
-  label: string | ReactNode,
-  onClickCallback?: (
-    evt: React.MouseEvent<HTMLAnchorElement, MouseEvent>,
-  ) => void,
-) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLAnchorElement, MouseEvent>",elements:[{name:"HTMLAnchorElement"},{name:"MouseEvent"}]},name:"evt"},{type:{name:"string"},name:"value"},{type:{name:"union",raw:"string | ReactNode",elements:[{name:"string"},{name:"ReactNode"}]},name:"label"},{type:{name:"signature",type:"function",raw:`(
-  evt: React.MouseEvent<HTMLAnchorElement, MouseEvent>,
-) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLAnchorElement, MouseEvent>",elements:[{name:"HTMLAnchorElement"},{name:"MouseEvent"}]},name:"evt"}],return:{name:"void"}}},name:"onClickCallback"}],return:{name:"void"}}},description:""}}};const G=u.memo(({options:n,startOpen:t=!1,onShiftClickToggleOpen:c=()=>{},top:a})=>{const[r,s]=u.useState(t),m=(i,E,b,p)=>{i.preventDefault(),typeof p=="function"&&(i.currentTarget.value=E,i.currentTarget.label=b,p(i)),s(!1)},l=n.sections.length>0;return e.jsx(y,{fixed:!0,open:r,top:a,background:"var(--color-background-sidebar)",closedWidth:"var(--size-sidebar)",buttonPosition:h.BOTTOM,buttonAnimate:!0,button:l&&e.jsx(I,{onClick:i=>{i.shiftKey&&c&&c(i),s(!r)},colored:!0,round:!0,icon:T.LEFT}),children:e.jsx("div",{className:d(o.sidebar,r?"":o.collapsed),children:l&&e.jsxs("div",{className:o.inner,children:[e.jsx("h4",{className:o.title,children:n.title}),e.jsx(_,{isOpen:r,sections:n.sections,onClick:m})]})})})},(n,t)=>v(n,t));G.__docgenInfo={description:"",methods:[],displayName:"SideBar",props:{options:{required:!0,tsType:{name:"signature",type:"object",raw:`{
-  title: string;
-  sections: IOptionSection[];
-}`,signature:{properties:[{key:"title",value:{name:"string",required:!0}},{key:"sections",value:{name:"Array",elements:[{name:"IOptionSection"}],raw:"IOptionSection[]",required:!0}}]}},description:""},startOpen:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},onShiftClickToggleOpen:{required:!1,tsType:{name:"signature",type:"function",raw:`(
-  evt: MouseEvent<HTMLButtonElement, globalThis.MouseEvent>,
-) => void`,signature:{arguments:[{type:{name:"MouseEvent",elements:[{name:"HTMLButtonElement"},{name:"globalThis.MouseEvent"}],raw:"MouseEvent<HTMLButtonElement, globalThis.MouseEvent>"},name:"evt"}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},top:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""}}};export{G as S};

package/dist/storybook/assets/side-bar-auov230-.css

@@ -1 +0,0 @@
-._inputInTable_16jgo_1{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_16jgo_1:not(:hover):not(._error_16jgo_7):not(._warning_16jgo_7){border-color:transparent}._inputInTable_16jgo_1:not(:focus){box-shadow:none}._inputHover_16jgo_13{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_16jgo_18{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_16jgo_25,._inputWarning_16jgo_26{position:relative}._inputError_16jgo_25{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error-muted)}._inputError_16jgo_25:hover{border-color:var(--color-border-error-hover)!important}._inputError_16jgo_25:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_16jgo_26{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning-muted)}._inputWarning_16jgo_26:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_16jgo_26:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_16jgo_61{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._hideScrollbars_16jgo_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_16jgo_67::-webkit-scrollbar{display:none}:root{--size-sidebar: var(--size-xl);--size-sidebar-icon: var(--size);--color-background-sidebar: black}._sidebar_16jgo_82{background-color:var(--color-background-sidebar);color:#fff;position:relative;padding:var(--padding) 0}@media print{._sidebar_16jgo_82{display:none}}._inner_16jgo_93{scrollbar-width:none;-ms-overflow-style:none}._inner_16jgo_93::-webkit-scrollbar{display:none}._title_16jgo_103,._subtitle_16jgo_104,._label_16jgo_105{transition:opacity .2s,max-height .2s,margin .2s,color .2s;max-height:50px}._collapsed_16jgo_109 ._title_16jgo_103,._collapsed_16jgo_109 ._subtitle_16jgo_104,._collapsed_16jgo_109 ._label_16jgo_105{opacity:0;max-height:0;margin-bottom:0;margin-top:0}._title_16jgo_103{overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap;margin-top:0;font-size:var(--font-size-xl);padding:0 var(--padding)}._subtitle_16jgo_104{margin-bottom:var(--padding-xs);white-space:nowrap;font-size:var(--font-size);letter-spacing:var(--letter-spacing-wide);color:var(--color-neutral-700);padding:0 var(--padding)}._list_16jgo_134{margin-bottom:var(--padding-xl);margin-top:0;position:relative;z-index:1}._item_16jgo_140{transition:padding .2s,color .2s;font-size:var(--font-size-lg);font-weight:400;display:flex;padding:0 var(--padding-xxs);align-items:center;color:var(--color-neutral-500)}._collapsed_16jgo_109 ._item_16jgo_140{padding:0}._item_16jgo_140:hover{color:var(--color-neutral-200)}._item_16jgo_140._experimental_16jgo_155{background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.1) 8px,rgba(255,255,255,.1) 16px,transparent 16px,transparent 24px)}._item_16jgo_140:active,._item_16jgo_140._active_16jgo_159{color:var(--color-neutral-0);background-color:var(--color-primary-700)}._icon_16jgo_163{line-height:0;flex-shrink:0;display:flex;width:var(--size-sidebar);justify-content:center;font-size:var(--size-sidebar-icon);padding:var(--padding-xxs) 0}._icon_16jgo_163 svg{stroke-width:1}._label_16jgo_105{white-space:nowrap;overflow:hidden}

package/dist/storybook/assets/slider.stories-BzBb3PkP.js

@@ -1,171 +0,0 @@
-import{j as n}from"./jsx-runtime-eps93zm2.js";import{S as A}from"./slider-C7vnj_3M.js";import{T as se}from"./text-B3-TSWok.js";import"./index-DhsZuJvc.js";import"./lodash-c4VUpsOs.js";import"./objectSpread2-DW4nTBoq.js";import"./index-Bk2sglWO.js";import"./inheritsLoose-DP0QEDDI.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./memoize-one.esm-CcMeOnPo.js";import"./index-BI4_Bp97.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./button-DHevvVBE.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./index-CEuq6vkz.js";const{useArgs:ae}=__STORYBOOK_MODULE_PREVIEW_API__,re=[{label:"S1...",tooltip:"S1 Production",value:20},{label:"S2...",tooltip:"S2 Cementing",value:40},{label:"S3...",tooltip:n.jsxs("span",{children:[n.jsx("strong",{children:"S3"})," Drilling"]}),value:60},{label:"S4...",tooltip:"S4 Shut in",value:80},{label:"S5...",tooltip:"S5 Circulate",value:100}],je={title:"Forms/Slider",component:A,args:{value:50,min:0,max:100,step:1,showTooltip:!1,label:""}},e=r=>{const[m,v]=ae(),b=x=>{v({value:x.target.value})};return n.jsx("div",{style:{paddingTop:40},children:n.jsx(A,{...r,onChange:b})})},h=e.bind({}),s=e.bind({});s.args={range:!0,value:[10,40]};const t=e.bind({});t.args={label:"Number of aardvarks"};const o=e.bind({});o.args={range:!0,value:[10,40],showArrows:!0};const l=r=>{const[{value:m},v]=ae(),b=x=>{v({value:x.target.value})};return n.jsx(n.Fragment,{children:n.jsx(A,{...r,label:n.jsxs("span",{children:["Fixed width label: ",n.jsx("strong",{children:m*Math.random()})]}),labelWidth:"400px",value:m,onChange:b})})},d=e.bind({});d.args={showTooltip:!0};const i=e.bind({});i.args={showTooltip:!0,tooltipFormatter:r=>n.jsx(se,{warning:!0,children:`${r} extra info lorem ipsum`})};const p=e.bind({});p.args={showArrows:!0};const g=e.bind({});g.args={marks:re};const a=e.bind({});a.args={small:!0};a.parameters={docs:{description:{story:"Reduces the vertical height of the `Slider` container to align with other `small` elements."}}};const u=e.bind({});u.args={disabled:!0};const c=e.bind({});c.args={marks:re,vertical:{enabled:!0,width:"100px",height:"400px"}};l.__docgenInfo={description:"",methods:[],displayName:"JSXLabel"};var S,C,y;h.parameters={...h.parameters,docs:{...(S=h.parameters)==null?void 0:S.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: any) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <div style={{
-    paddingTop: 40
-  }}>
-      <Slider
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    {...args} onChange={handleChange} />
-    </div>;
-}`,...(y=(C=h.parameters)==null?void 0:C.docs)==null?void 0:y.source}}};var _,j,T;s.parameters={...s.parameters,docs:{...(_=s.parameters)==null?void 0:_.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: any) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <div style={{
-    paddingTop: 40
-  }}>
-      <Slider
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    {...args} onChange={handleChange} />
-    </div>;
-}`,...(T=(j=s.parameters)==null?void 0:j.docs)==null?void 0:T.source}}};var w,f,R;t.parameters={...t.parameters,docs:{...(w=t.parameters)==null?void 0:w.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: any) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <div style={{
-    paddingTop: 40
-  }}>
-      <Slider
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    {...args} onChange={handleChange} />
-    </div>;
-}`,...(R=(f=t.parameters)==null?void 0:f.docs)==null?void 0:R.source}}};var F,D,L;o.parameters={...o.parameters,docs:{...(F=o.parameters)==null?void 0:F.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: any) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <div style={{
-    paddingTop: 40
-  }}>
-      <Slider
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    {...args} onChange={handleChange} />
-    </div>;
-}`,...(L=(D=o.parameters)==null?void 0:D.docs)==null?void 0:L.source}}};var E,M,O;l.parameters={...l.parameters,docs:{...(E=l.parameters)==null?void 0:E.docs,source:{originalSource:`args => {
-  const [{
-    value
-  }, updateArgs] = useArgs();
-  const handleChange = (evt: any) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <>
-      <Slider
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    {...args} label={<span>
-            Fixed width label: <strong>{value * Math.random()}</strong>
-          </span>} labelWidth="400px" value={value} onChange={handleChange} />
-    </>;
-}`,...(O=(M=l.parameters)==null?void 0:M.docs)==null?void 0:O.source}}};var W,k,I;d.parameters={...d.parameters,docs:{...(W=d.parameters)==null?void 0:W.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: any) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <div style={{
-    paddingTop: 40
-  }}>
-      <Slider
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    {...args} onChange={handleChange} />
-    </div>;
-}`,...(I=(k=d.parameters)==null?void 0:k.docs)==null?void 0:I.source}}};var J,P,V;i.parameters={...i.parameters,docs:{...(J=i.parameters)==null?void 0:J.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: any) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <div style={{
-    paddingTop: 40
-  }}>
-      <Slider
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    {...args} onChange={handleChange} />
-    </div>;
-}`,...(V=(P=i.parameters)==null?void 0:P.docs)==null?void 0:V.source}}};var X,N,B;p.parameters={...p.parameters,docs:{...(X=p.parameters)==null?void 0:X.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: any) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <div style={{
-    paddingTop: 40
-  }}>
-      <Slider
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    {...args} onChange={handleChange} />
-    </div>;
-}`,...(B=(N=p.parameters)==null?void 0:N.docs)==null?void 0:B.source}}};var K,U,Y;g.parameters={...g.parameters,docs:{...(K=g.parameters)==null?void 0:K.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: any) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <div style={{
-    paddingTop: 40
-  }}>
-      <Slider
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    {...args} onChange={handleChange} />
-    </div>;
-}`,...(Y=(U=g.parameters)==null?void 0:U.docs)==null?void 0:Y.source}}};var $,q,z;a.parameters={...a.parameters,docs:{...($=a.parameters)==null?void 0:$.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: any) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <div style={{
-    paddingTop: 40
-  }}>
-      <Slider
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    {...args} onChange={handleChange} />
-    </div>;
-}`,...(z=(q=a.parameters)==null?void 0:q.docs)==null?void 0:z.source}}};var G,H,Q;u.parameters={...u.parameters,docs:{...(G=u.parameters)==null?void 0:G.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: any) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <div style={{
-    paddingTop: 40
-  }}>
-      <Slider
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    {...args} onChange={handleChange} />
-    </div>;
-}`,...(Q=(H=u.parameters)==null?void 0:H.docs)==null?void 0:Q.source}}};var Z,ee,ne;c.parameters={...c.parameters,docs:{...(Z=c.parameters)==null?void 0:Z.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: any) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <div style={{
-    paddingTop: 40
-  }}>
-      <Slider
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    {...args} onChange={handleChange} />
-    </div>;
-}`,...(ne=(ee=c.parameters)==null?void 0:ee.docs)==null?void 0:ne.source}}};const Te=["Default","Range","Label","RangeWithArrows","JSXLabel","Tooltip","FormattedTooltip","Arrows","Marks","Small","Disabled","Vertical"];export{p as Arrows,h as Default,u as Disabled,i as FormattedTooltip,l as JSXLabel,t as Label,g as Marks,s as Range,o as RangeWithArrows,a as Small,d as Tooltip,c as Vertical,Te as __namedExportsOrder,je as default};

package/dist/storybook/assets/table-B8ojy8Nj.css

@@ -1 +0,0 @@
-._inputInTable_k0mvt_1{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_k0mvt_1:not(:hover):not(._error_k0mvt_7):not(._warning_k0mvt_7){border-color:transparent}._inputInTable_k0mvt_1:not(:focus){box-shadow:none}._inputHover_k0mvt_13{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_k0mvt_18{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_k0mvt_25,._inputWarning_k0mvt_26{position:relative}._inputError_k0mvt_25{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error-muted)}._inputError_k0mvt_25:hover{border-color:var(--color-border-error-hover)!important}._inputError_k0mvt_25:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_k0mvt_26{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning-muted)}._inputWarning_k0mvt_26:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_k0mvt_26:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_k0mvt_61{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._hideScrollbars_k0mvt_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_k0mvt_67::-webkit-scrollbar{display:none}:root{--color-background-table-header: var(--color-neutral-150);--color-background-table-row-tinted: var(--color-neutral-50)}html[data-theme=dark]{--color-background-table-header: var(--color-neutral-800);--color-background-table-row-tinted: var(--color-neutral-800)}._wrapper_k0mvt_85{border-radius:inherit;max-height:100%;max-width:100%;display:flex;flex-direction:column;overflow:hidden}._wrapper_k0mvt_85._bordered_k0mvt_93{border-radius:var(--border-radius);border:1px solid var(--color-border);box-shadow:var(--shadow-card)}._scroll_k0mvt_98{overflow-y:auto;border-radius:inherit;flex:1;min-height:0}._scroll_k0mvt_98:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}._table_k0mvt_108{background:var(--color-background-raised);color:var(--color-text);border-collapse:separate;border-spacing:0;border-radius:inherit;width:100%;font-variant-numeric:tabular-nums}._table_k0mvt_108>:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}._table_k0mvt_108>:first-child>:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}._table_k0mvt_108>:first-child>:first-child>:first-child{border-top-left-radius:inherit}._table_k0mvt_108>:first-child>:first-child>:last-child{border-top-right-radius:inherit}._table_k0mvt_108>:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}._table_k0mvt_108>:last-child>:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}._table_k0mvt_108>:last-child>:last-child>:first-child{border-bottom-left-radius:inherit}._table_k0mvt_108>:last-child>:last-child>:last-child{border-bottom-right-radius:inherit}th,td{padding:var(--padding-input)!important;height:var(--size);background:inherit;border-color:var(--color-border);border-style:solid;border-width:0}th:not(:first-child),td:not(:first-child){border-left-width:1px}._table_k0mvt_108>*:not(:last-child)>tr th,._table_k0mvt_108>*:not(:last-child)>tr td,._table_k0mvt_108>*:last-child>tr:not(:last-child) th,._table_k0mvt_108>*:last-child>tr:not(:last-child) td{border-bottom-width:1px}@-moz-document url-prefix(){tr{height:var(--size)}td,th{height:100%}}thead{position:sticky;top:0;overflow:hidden;z-index:5}thead tr{background-color:var(--color-background-table-header)}tbody{overflow:hidden}tbody tr{background-color:var(--color-background-raised)}._striped_k0mvt_188 tbody tr:nth-child(2n){background-color:var(--color-background-table-row-tinted)}._title_zn5s7_1{background-color:var(--color-background-cardheader);border-bottom:1px solid var(--color-border);padding:var(--padding-xxs) var(--padding-sm);display:flex;align-items:center;justify-content:space-between;gap:4px;width:100%;border-top-left-radius:inherit;border-top-right-radius:inherit;flex-shrink:0}._footer_4sumy_1{background-color:var(--color-background-table-header);z-index:4;overflow:hidden;flex-shrink:0}._section_4sumy_7{padding:var(--padding-input);display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--color-border)}._clickableRow_1ki29_1{cursor:pointer}._hoverableRow_1ki29_4:not(._rowActive_1ki29_4):hover,._clickableRow_1ki29_1:not(._rowActive_1ki29_4):hover{background-color:var(--color-background-listitem-hover)!important}._expandableRow_1ki29_8._flush_1ki29_8{padding:0!important;height:auto!important}._errorRow_1ki29_12{background-color:var(--color-background-error-muted)!important}._warningRow_1ki29_15{background-color:var(--color-background-warning-muted)!important}._rowActive_1ki29_4{position:relative;background-color:var(--color-background-listitem-active)!important}._rowActive_1ki29_4:after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;border-top-left-radius:inherit;border-bottom-left-radius:inherit;transition:background .3s;background:var(--color-background-primary)}._dragIconCell_1ki29_34{width:var(--size);min-width:var(--size);position:relative}._dragIcon_1ki29_34{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;bottom:0;left:0;color:var(--color-text-faint)}._dragIcon_1ki29_34:hover{color:var(--color-text-primary-hover)}._dragIcon_1ki29_34:active{color:var(--color-text-primary-active)}._inputInTable_9hq13_1{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_9hq13_1:not(:hover):not(._error_9hq13_7):not(._warning_9hq13_7){border-color:transparent}._inputInTable_9hq13_1:not(:focus){box-shadow:none}._inputHover_9hq13_13{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_9hq13_18{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_9hq13_25,._inputWarning_9hq13_26{position:relative}._inputError_9hq13_25{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error-muted)}._inputError_9hq13_25:hover{border-color:var(--color-border-error-hover)!important}._inputError_9hq13_25:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_9hq13_26{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning-muted)}._inputWarning_9hq13_26:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_9hq13_26:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_9hq13_61{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._hideScrollbars_9hq13_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_9hq13_67::-webkit-scrollbar{display:none}._cell_9hq13_77 a{cursor:pointer;color:var(--color-text-primary)}._cell_9hq13_77 a:hover{color:var(--color-text-primary-hover)}._cell_9hq13_77 a:active{color:var(--color-text-primary-active)}._cell_9hq13_77 a._disabledLink_9hq13_87{color:var(--color-text-faint)!important;cursor:default!important}._inputWrapper_9hq13_91{height:100%;border-radius:inherit}._inputWrapper_9hq13_91>span,._inputWrapper_9hq13_91>span>span,._inputWrapper_9hq13_91>span>span>div{height:100%;border-radius:inherit}._inputWrapper_9hq13_91>div,._inputWrapper_9hq13_91>div>span{height:100%;border-radius:inherit}._numberInputWrapper_9hq13_106>span,._numberInputWrapper_9hq13_106>span>div,._numberInputWrapper_9hq13_106>span>div>span{display:block;height:100%;border-radius:inherit}._breakWord_9hq13_113{word-break:break-word}._inputCell_9hq13_116{padding:0!important}._sliderCell_9hq13_119{padding-top:0!important;padding-bottom:0!important}._staticCell_9hq13_123{padding:0!important}._staticCell_9hq13_123 ._staticCellContent_9hq13_126{line-height:1.25;min-height:100%;padding:var(--padding-input);position:relative;border-radius:inherit;display:flex;align-items:center}tbody ._staticCell_9hq13_123 ._staticCellContent_9hq13_126{color:var(--color-text-muted)}._staticCell_9hq13_123 ._staticCellContent_9hq13_126._error_9hq13_7,._staticCell_9hq13_123 ._staticCellContent_9hq13_126._warning_9hq13_7{border:1px solid transparent}._staticCell_9hq13_123 ._staticCellContent_9hq13_126._error_9hq13_7{background-color:var(--color-background-error-muted)}._staticCell_9hq13_123 ._staticCellContent_9hq13_126._warning_9hq13_7{background-color:var(--color-background-warning-muted)}._staticCell_9hq13_123 ._staticCellContent_9hq13_126._unit_9hq13_148{font-weight:400}._sortingCell_9hq13_151 ._staticCellContent_9hq13_126{position:relative;padding-right:calc(var(--size) + var(--padding-xxs))!important;cursor:pointer!important}._sortingCell_9hq13_151 ._staticCellContent_9hq13_126:hover{background-color:#0000000d!important}[data-theme=dark] ._sortingCell_9hq13_151 ._staticCellContent_9hq13_126:hover{background-color:#ffffff1a!important}._sortingCell_9hq13_151 ._sortingCellIcon_9hq13_162{font-size:var(--size-xs);position:absolute;right:var(--padding-input-x);top:50%;transform:translateY(-50%);display:flex}._sortingCell_9hq13_151 ._sortingCellIcon_9hq13_162>*{display:flex}._icon_9hq13_173{display:inline-flex;margin-left:var(--padding-xxs)}._checkBoxCell_9hq13_177{padding-block:0!important;width:var(--size)}._iconCellWrapper_9hq13_181{display:flex;justify-content:center}._actionsCell_9hq13_185{width:var(--size-sm);padding:0 calc((var(--size) - var(--size-sm)) / 2)!important;position:sticky;right:0;background:inherit;z-index:4}._rightAligned_9hq13_193{text-align:right!important}._rightAligned_9hq13_193 ._staticCellContent_9hq13_126{justify-content:flex-end}._centerAligned_9hq13_199{text-align:center!important}._centerAligned_9hq13_199 ._staticCellContent_9hq13_126{justify-content:center}._leftAligned_9hq13_205{text-align:left!important}._popover_9hq13_208{padding:var(--padding-input)}._disabledPointerEvents_9hq13_211{pointer-events:none}