@oliasoft-open-source/react-ui-library 4.1.11 → 4.2.0-beta-1

package/dist/storybook/assets/select-205cd538.js

@@ -0,0 +1 @@
+import{j as m}from"./jsx-runtime-f961835c.js";import{r as j,g as Ue}from"./index-f80c8c95.js";import{c as U}from"./index-a80ed1cf.js";import{G as re,I as Fe}from"./common-types-2c81813f.js";import{D as Se}from"./disabled-context-d654f6ff.js";import{i as te}from"./types-332ceaf3.js";import{T as Ie,u as ze,m as Ge}from"./tooltip-23e84186.js";import{p as $e}from"./index-c89a1915.js";import"./lodash-75c70a11.js";import{_ as Ke,a as Ye}from"./inheritsLoose-d4851ab8.js";import{_ as Ee}from"./assertThisInitialized-081f9914.js";import{m as ie}from"./memoize-one.esm-52518564.js";import{M as ae}from"./types-cc224262.js";import{T as se}from"./text-ad1f5f1d.js";import{A as Be}from"./actions-2d4e1c8e.js";import{I as ue}from"./icon-e9cbb4d7.js";import{s as Xe}from"./select.input-88b6ebab.js";const Je="_inputInTable_2ynxq_1",Ze="_inputHover_2ynxq_13",Qe="_inputFocus_2ynxq_18",et="_inputError_2ynxq_25",tt="_inputWarning_2ynxq_26",nt="_inputDisabled_2ynxq_61",lt="_hideScrollbars_2ynxq_67",rt="_select_2ynxq_77",at="_isInTable_2ynxq_121",it="_unSelected_2ynxq_133",ot="_error_2ynxq_140",st="_warning_2ynxq_157",ut="_small_2ynxq_174",ct="_right_2ynxq_182",dt="_groupOrderFirst_2ynxq_193",pt="_groupOrderMiddle_2ynxq_194",ft="_groupOrderLast_2ynxq_198",W={inputInTable:Je,inputHover:Ze,inputFocus:Qe,inputError:et,inputWarning:tt,inputDisabled:nt,hideScrollbars:lt,select:rt,isInTable:at,unSelected:it,error:ot,warning:st,small:ut,right:ct,groupOrderFirst:dt,groupOrderMiddle:pt,groupOrderLast:ft},ce=({disabled:e=!1,error:t=null,warning:r=null,tooltip:d=null,options:c,onChange:y=()=>{},onFocus:f=()=>{},onBlur:i=()=>{},right:o=!1,small:h=!1,tabIndex:v=0,selectedOption:b,width:E=null,groupOrder:I=null,testId:S,isInTable:n=!1,clearable:s,placeholder:a,hasNonExistentValue:l,maxTooltipWidth:u,borderRadius:p})=>{const g=j.useContext(Se),_=b===null||(b==null?void 0:b.value)===null?"unselected":b==null?void 0:b.value,O=_==="unselected",C=(_==="unselected"||s?[m.jsx("option",{value:"unselected",disabled:!s,hidden:!s,children:a||"Select..."},"unselected")]:[]).concat(l?[m.jsx("option",{value:b==null?void 0:b.value,disabled:e||g,children:b==null?void 0:b.label},"selectedNonExistentValue")]:[]).concat(c.map((V,T)=>m.jsx("option",{value:V.value,"data-testid":V.testId,children:V.label},T))),q=(()=>{if(I)switch(I){case re.FIRST:return W.groupOrderFirst;case re.LAST:return W.groupOrderLast;default:return W.groupOrderMiddle}return""})();return m.jsx(Ie,{error:!!t,warning:!!r,text:d||t||r,enabled:d&&te(d)||t&&te(t)||r&&te(r)||!1,maxWidth:u,placement:"bottom-center",children:m.jsx("select",{className:U(W.select,O?W.unSelected:"",t?W.error:r?W.warning:"",o?W.right:"",h?W.small:"",n?W.isInTable:"",q),style:{width:E||"",borderRadius:p||""},onChange:V=>{const{value:T}=V.target;let R;T==="unselected"?R={value:null}:R=c.find(F=>String(F.value)===String(T))||{value:null},y(V,R)},onFocus:f,onBlur:i,tabIndex:v,value:_,disabled:e||g,"data-testid":S,children:C})})};try{ce.displayName="NativeSelect",ce.__docgenInfo={description:"",displayName:"NativeSelect",props:{borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"TStringOrNumber"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},error:{defaultValue:{value:"null"},description:"",name:"error",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},warning:{defaultValue:{value:"null"},description:"",name:"warning",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},tooltip:{defaultValue:{value:"null"},description:"",name:"tooltip",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"ISelectSelectedOption[]"}},onChange:{defaultValue:{value:"() => {}"},description:"",name:"onChange",required:!1,type:{name:"((evt: ChangeEvent<HTMLSelectElement>, value: ISelectSelectedOption | { value: null; }) => void)"}},onFocus:{defaultValue:{value:"() => {}"},description:"",name:"onFocus",required:!1,type:{name:"TEmpty"}},onBlur:{defaultValue:{value:"() => {}"},description:"",name:"onBlur",required:!1,type:{name:"TEmpty"}},right:{defaultValue:{value:"false"},description:"",name:"right",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},selectedOption:{defaultValue:null,description:"",name:"selectedOption",required:!1,type:{name:"ISelectSelectedOption"}},width:{defaultValue:{value:"null"},description:"",name:"width",required:!1,type:{name:"TStringOrNumber | null"}},groupOrder:{defaultValue:{value:"null"},description:"",name:"groupOrder",required:!1,type:{name:"string | null"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},isInTable:{defaultValue:{value:"false"},description:"",name:"isInTable",required:!1,type:{name:"boolean"}},clearable:{defaultValue:null,description:"",name:"clearable",required:!1,type:{name:"boolean"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string | null"}},hasNonExistentValue:{defaultValue:null,description:"",name:"hasNonExistentValue",required:!1,type:{name:"boolean"}},maxTooltipWidth:{defaultValue:null,description:"",name:"maxTooltipWidth",required:!1,type:{name:"TStringOrNumber"}}}}}catch{}var Ae={exports:{}};(function(e,t){(function(r,d){e.exports=d(j,$e)})(window,function(r,d){return function(c){var y={};function f(i){if(y[i])return y[i].exports;var o=y[i]={i,l:!1,exports:{}};return c[i].call(o.exports,o,o.exports,f),o.l=!0,o.exports}return f.m=c,f.c=y,f.d=function(i,o,h){f.o(i,o)||Object.defineProperty(i,o,{enumerable:!0,get:h})},f.r=function(i){typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(i,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(i,"__esModule",{value:!0})},f.t=function(i,o){if(1&o&&(i=f(i)),8&o||4&o&&typeof i=="object"&&i&&i.__esModule)return i;var h=Object.create(null);if(f.r(h),Object.defineProperty(h,"default",{enumerable:!0,value:i}),2&o&&typeof i!="string")for(var v in i)f.d(h,v,(function(b){return i[b]}).bind(null,v));return h},f.n=function(i){var o=i&&i.__esModule?function(){return i.default}:function(){return i};return f.d(o,"a",o),o},f.o=function(i,o){return Object.prototype.hasOwnProperty.call(i,o)},f.p="",f(f.s=0)}([function(c,y,f){Object.defineProperty(y,"__esModule",{value:!0});var i=f(1);Object.defineProperty(y,"default",{enumerable:!0,get:function(){return function(o){return o&&o.__esModule?o:{default:o}}(i).default}}),c.exports=y.default},function(c,y,f){Object.defineProperty(y,"__esModule",{value:!0});var i=Object.assign||function(n){for(var s=1;s<arguments.length;s++){var a=arguments[s];for(var l in a)Object.prototype.hasOwnProperty.call(a,l)&&(n[l]=a[l])}return n},o=function(){function n(s,a){for(var l=0;l<a.length;l++){var u=a[l];u.enumerable=u.enumerable||!1,u.configurable=!0,"value"in u&&(u.writable=!0),Object.defineProperty(s,u.key,u)}}return function(s,a,l){return a&&n(s.prototype,a),l&&n(s,l),s}}(),h=E(f(2)),v=E(f(3)),b=f(4);function E(n){return n&&n.__esModule?n:{default:n}}var I=[],S=function(n){function s(a){(function(u,p){if(!(u instanceof p))throw new TypeError("Cannot call a class as a function")})(this,s);var l=function(u,p){if(!u)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!p||typeof p!="object"&&typeof p!="function"?u:p}(this,(s.__proto__||Object.getPrototypeOf(s)).call(this,a));return l.handleKeyboardEvent=l.handleKeyboardEvent.bind(l),l.registerExclusiveHandler=l.registerExclusiveHandler.bind(l),l.deregisterExclusiveHandler=l.deregisterExclusiveHandler.bind(l),l}return function(a,l){if(typeof l!="function"&&l!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof l);a.prototype=Object.create(l&&l.prototype,{constructor:{value:a,enumerable:!1,writable:!0,configurable:!0}}),l&&(Object.setPrototypeOf?Object.setPrototypeOf(a,l):a.__proto__=l)}(s,h.default.Component),o(s,[{key:"componentDidMount",value:function(){document.addEventListener("keydown",this.handleKeyboardEvent,!1),document.addEventListener("keyup",this.handleKeyboardEvent,!1),document.addEventListener("keypress",this.handleKeyboardEvent,!1);var a=this.props,l=a.isExclusive,u=a.isDisabled;l&&!u&&this.registerExclusiveHandler()}},{key:"componentWillUnmount",value:function(){document.removeEventListener("keydown",this.handleKeyboardEvent,!1),document.removeEventListener("keyup",this.handleKeyboardEvent,!1),document.removeEventListener("keypress",this.handleKeyboardEvent,!1),this.deregisterExclusiveHandler()}},{key:"componentDidUpdate",value:function(a){var l=a.isExclusive,u=a.isDisabled;(this.props.isExclusive!==l||this.props.isDisabled!==u)&&(this.props.isExclusive&&!this.props.isDisabled?this.registerExclusiveHandler():this.deregisterExclusiveHandler())}},{key:"registerExclusiveHandler",value:function(){this.deregisterExclusiveHandler(),I.unshift(this)}},{key:"deregisterExclusiveHandler",value:function(){var a=this;I.includes(this)&&(I=I.filter(function(l){return l!==a}))}},{key:"handleKeyboardEvent",value:function(a){var l=this.props,u=l.isDisabled,p=l.handleKeys,g=l.onKeyEvent,_=l.handleEventType,O=l.children,C=l.handleFocusableElements;if(u||_!==a.type||I.length>0&&I[0]!==this)return!1;var q=a.target===document.body||C,V=this.childrenContainer&&this.childrenContainer.contains(a.target);if(!(O?V:q))return!1;var T=(0,b.findMatchedKey)(a,p);return!!T&&(g(T,a),!0)}},{key:"render",value:function(){var a=this,l=this.props.children,u=Object.assign({},this.props),p=!0,g=!1,_=void 0;try{for(var O,C=Object.keys(s.propTypes)[Symbol.iterator]();!(p=(O=C.next()).done);p=!0)delete u[O.value]}catch(q){g=!0,_=q}finally{try{!p&&C.return&&C.return()}finally{if(g)throw _}}return l?h.default.createElement("span",i({ref:function(q){a.childrenContainer=q}},u),l):null}}]),s}();y.default=S,S.propTypes={handleKeys:v.default.array,handleEventType:v.default.oneOf(["keydown","keyup","keypress"]),handleFocusableElements:v.default.bool,onKeyEvent:v.default.func,isDisabled:v.default.bool,isExclusive:v.default.bool,children:v.default.any},S.defaultProps={handleKeys:[],handleFocusableElements:!1,handleEventType:"keydown",onKeyEvent:function(){return null}},c.exports=y.default},function(c,y){c.exports=r},function(c,y){c.exports=d},function(c,y,f){function i(l,u,p){return u in l?Object.defineProperty(l,u,{value:p,enumerable:!0,configurable:!0,writable:!0}):l[u]=p,l}Object.defineProperty(y,"__esModule",{value:!0}),y.matchKeyEvent=a,y.findMatchedKey=function(l,u){var p=u.map(function(g){var _=g.toLowerCase(),O=s[_];return O||[g]}).reduce(function(g,_){return g.concat(_)},[]).find(function(g){return a(l,g)});return!p&&u.includes("all")&&(p="other"),p};var o={backspace:[8],del:[46],delete:[46],ins:[45],insert:[45],tab:[9],enter:[13],return:[13],esc:[27],space:[32],pageup:[33],pagedown:[34],end:[35],home:[36],left:[37],up:[38],right:[39],down:[40],shift:[16],ctrl:[17],alt:[18],cap:[20],num:[144],clear:[12],meta:[91],";":[186,59],"=":[187,61],",":[188,44],"-":[189,45,173,109],minus:[189,45,173,109],".":[190,110],"/":[191,111],"`":[192],"[":[219],"\\":[220],"]":[221],"*":[106],"+":[107],plus:[107],"'":[222],quote:[222]},h=Object.keys(o).reduce(function(l,u){return Object.assign(l,i({},u.toUpperCase(),o[u]))},{}),v="0123456789".split("").reduce(function(l,u,p){return Object.assign(l,i({},u,[p+48,p+96]))},{}),b="ABCDEFGHIJKLMNOPQRSTUVWXYZ".split("").reduce(function(l,u,p){return Object.assign(l,i({},u.toLowerCase(),[p+65]),i({},u,[p+65]))},{}),E="1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19".split(",").reduce(function(l,u,p){return Object.assign(l,i({},"f"+u,[p+112]))},{}),I={control:"ctrl",ctrl:"ctrl",shift:"shift",meta:"meta",cmd:"meta",command:"meta",option:"alt",alt:"alt"},S=y.AllKeys=Object.assign({},o,h,v,b,E),n=Object.assign({},v,b),s={all:Object.keys(S),alphanumeric:Object.keys(n),numeric:Object.keys(v),alphabetic:Object.keys(b),function:Object.keys(E)};function a(l,u){var p=l.which||l.keyCode,g=l.type,_=Object.keys(I).filter(function(F){return l[F+"Key"]}).sort(),O=u.toLowerCase().trim(),C=O==="+"?["+"]:O.split(/\s?\+\s?/),q=C.pop(),V=S[q],T=C;if(g==="keypress")return u==String.fromCharCode(p).toLowerCase();if(T.length===0&&_.length===0)return V.indexOf(p)>=0;if(T.length>0&&_.length>0){var R=T.map(function(F){return I[F]}).sort(),A=R.length===_.length&&R.every(function(F,z){return _[z]===F});return V.indexOf(p)>=0&&A}return T.length==0&&_.length===1&&q===_[0]}}])})})(Ae);var mt=Ae.exports;const yt=Ue(mt),we=()=>{const e=j.useRef(null);return[e,()=>{e.current&&e.current.focus()}]},Pe=()=>{const[e,t]=j.useState(!1);return j.useEffect(()=>{(async()=>{document.fonts&&await document.fonts.ready.then(()=>t(!0))})()},[]),e};var ht=typeof performance=="object"&&typeof performance.now=="function",xe=ht?function(){return performance.now()}:function(){return Date.now()};function Te(e){cancelAnimationFrame(e.id)}function gt(e,t){var r=xe();function d(){xe()-r>=t?e.call(null):c.id=requestAnimationFrame(d)}var c={id:requestAnimationFrame(d)};return c}var oe=-1;function qe(e){if(e===void 0&&(e=!1),oe===-1||e){var t=document.createElement("div"),r=t.style;r.width="50px",r.height="50px",r.overflow="scroll",document.body.appendChild(t),oe=t.offsetWidth-t.clientWidth,document.body.removeChild(t)}return oe}var ee=null;function Ce(e){if(e===void 0&&(e=!1),ee===null||e){var t=document.createElement("div"),r=t.style;r.width="50px",r.height="50px",r.overflow="scroll",r.direction="rtl";var d=document.createElement("div"),c=d.style;return c.width="100px",c.height="100px",t.appendChild(d),document.body.appendChild(t),t.scrollLeft>0?ee="positive-descending":(t.scrollLeft=1,t.scrollLeft===0?ee="negative":ee="positive-ascending"),document.body.removeChild(t),ee}return ee}var _t=150,bt=function(t,r){return t};function vt(e){var t,r=e.getItemOffset,d=e.getEstimatedTotalSize,c=e.getItemSize,y=e.getOffsetForIndexAndAlignment,f=e.getStartIndexForOffset,i=e.getStopIndexForStartIndex,o=e.initInstanceProps,h=e.shouldResetStyleCacheOnItemSizeChange,v=e.validateProps;return t=function(b){Ke(E,b);function E(S){var n;return n=b.call(this,S)||this,n._instanceProps=o(n.props,Ee(n)),n._outerRef=void 0,n._resetIsScrollingTimeoutId=null,n.state={instance:Ee(n),isScrolling:!1,scrollDirection:"forward",scrollOffset:typeof n.props.initialScrollOffset=="number"?n.props.initialScrollOffset:0,scrollUpdateWasRequested:!1},n._callOnItemsRendered=void 0,n._callOnItemsRendered=ie(function(s,a,l,u){return n.props.onItemsRendered({overscanStartIndex:s,overscanStopIndex:a,visibleStartIndex:l,visibleStopIndex:u})}),n._callOnScroll=void 0,n._callOnScroll=ie(function(s,a,l){return n.props.onScroll({scrollDirection:s,scrollOffset:a,scrollUpdateWasRequested:l})}),n._getItemStyle=void 0,n._getItemStyle=function(s){var a=n.props,l=a.direction,u=a.itemSize,p=a.layout,g=n._getItemStyleCache(h&&u,h&&p,h&&l),_;if(g.hasOwnProperty(s))_=g[s];else{var O=r(n.props,s,n._instanceProps),C=c(n.props,s,n._instanceProps),q=l==="horizontal"||p==="horizontal",V=l==="rtl",T=q?O:0;g[s]=_={position:"absolute",left:V?void 0:T,right:V?T:void 0,top:q?0:O,height:q?"100%":C,width:q?C:"100%"}}return _},n._getItemStyleCache=void 0,n._getItemStyleCache=ie(function(s,a,l){return{}}),n._onScrollHorizontal=function(s){var a=s.currentTarget,l=a.clientWidth,u=a.scrollLeft,p=a.scrollWidth;n.setState(function(g){if(g.scrollOffset===u)return null;var _=n.props.direction,O=u;if(_==="rtl")switch(Ce()){case"negative":O=-u;break;case"positive-descending":O=p-l-u;break}return O=Math.max(0,Math.min(O,p-l)),{isScrolling:!0,scrollDirection:g.scrollOffset<u?"forward":"backward",scrollOffset:O,scrollUpdateWasRequested:!1}},n._resetIsScrollingDebounced)},n._onScrollVertical=function(s){var a=s.currentTarget,l=a.clientHeight,u=a.scrollHeight,p=a.scrollTop;n.setState(function(g){if(g.scrollOffset===p)return null;var _=Math.max(0,Math.min(p,u-l));return{isScrolling:!0,scrollDirection:g.scrollOffset<_?"forward":"backward",scrollOffset:_,scrollUpdateWasRequested:!1}},n._resetIsScrollingDebounced)},n._outerRefSetter=function(s){var a=n.props.outerRef;n._outerRef=s,typeof a=="function"?a(s):a!=null&&typeof a=="object"&&a.hasOwnProperty("current")&&(a.current=s)},n._resetIsScrollingDebounced=function(){n._resetIsScrollingTimeoutId!==null&&Te(n._resetIsScrollingTimeoutId),n._resetIsScrollingTimeoutId=gt(n._resetIsScrolling,_t)},n._resetIsScrolling=function(){n._resetIsScrollingTimeoutId=null,n.setState({isScrolling:!1},function(){n._getItemStyleCache(-1,null)})},n}E.getDerivedStateFromProps=function(n,s){return St(n,s),v(n),null};var I=E.prototype;return I.scrollTo=function(n){n=Math.max(0,n),this.setState(function(s){return s.scrollOffset===n?null:{scrollDirection:s.scrollOffset<n?"forward":"backward",scrollOffset:n,scrollUpdateWasRequested:!0}},this._resetIsScrollingDebounced)},I.scrollToItem=function(n,s){s===void 0&&(s="auto");var a=this.props,l=a.itemCount,u=a.layout,p=this.state.scrollOffset;n=Math.max(0,Math.min(n,l-1));var g=0;if(this._outerRef){var _=this._outerRef;u==="vertical"?g=_.scrollWidth>_.clientWidth?qe():0:g=_.scrollHeight>_.clientHeight?qe():0}this.scrollTo(y(this.props,n,s,p,this._instanceProps,g))},I.componentDidMount=function(){var n=this.props,s=n.direction,a=n.initialScrollOffset,l=n.layout;if(typeof a=="number"&&this._outerRef!=null){var u=this._outerRef;s==="horizontal"||l==="horizontal"?u.scrollLeft=a:u.scrollTop=a}this._callPropsCallbacks()},I.componentDidUpdate=function(){var n=this.props,s=n.direction,a=n.layout,l=this.state,u=l.scrollOffset,p=l.scrollUpdateWasRequested;if(p&&this._outerRef!=null){var g=this._outerRef;if(s==="horizontal"||a==="horizontal")if(s==="rtl")switch(Ce()){case"negative":g.scrollLeft=-u;break;case"positive-ascending":g.scrollLeft=u;break;default:var _=g.clientWidth,O=g.scrollWidth;g.scrollLeft=O-_-u;break}else g.scrollLeft=u;else g.scrollTop=u}this._callPropsCallbacks()},I.componentWillUnmount=function(){this._resetIsScrollingTimeoutId!==null&&Te(this._resetIsScrollingTimeoutId)},I.render=function(){var n=this.props,s=n.children,a=n.className,l=n.direction,u=n.height,p=n.innerRef,g=n.innerElementType,_=n.innerTagName,O=n.itemCount,C=n.itemData,q=n.itemKey,V=q===void 0?bt:q,T=n.layout,R=n.outerElementType,A=n.outerTagName,F=n.style,z=n.useIsScrolling,K=n.width,G=this.state.isScrolling,P=l==="horizontal"||T==="horizontal",M=P?this._onScrollHorizontal:this._onScrollVertical,X=this._getRangeToRender(),ne=X[0],le=X[1],J=[];if(O>0)for(var H=ne;H<=le;H++)J.push(j.createElement(s,{data:C,key:V(H,C),index:H,isScrolling:z?G:void 0,style:this._getItemStyle(H)}));var Z=d(this.props,this._instanceProps);return j.createElement(R||A||"div",{className:a,onScroll:M,ref:this._outerRefSetter,style:Ye({position:"relative",height:u,width:K,overflow:"auto",WebkitOverflowScrolling:"touch",willChange:"transform",direction:l},F)},j.createElement(g||_||"div",{children:J,ref:p,style:{height:P?"100%":Z,pointerEvents:G?"none":void 0,width:P?Z:"100%"}}))},I._callPropsCallbacks=function(){if(typeof this.props.onItemsRendered=="function"){var n=this.props.itemCount;if(n>0){var s=this._getRangeToRender(),a=s[0],l=s[1],u=s[2],p=s[3];this._callOnItemsRendered(a,l,u,p)}}if(typeof this.props.onScroll=="function"){var g=this.state,_=g.scrollDirection,O=g.scrollOffset,C=g.scrollUpdateWasRequested;this._callOnScroll(_,O,C)}},I._getRangeToRender=function(){var n=this.props,s=n.itemCount,a=n.overscanCount,l=this.state,u=l.isScrolling,p=l.scrollDirection,g=l.scrollOffset;if(s===0)return[0,0,0,0];var _=f(this.props,g,this._instanceProps),O=i(this.props,_,g,this._instanceProps),C=!u||p==="backward"?Math.max(1,a):1,q=!u||p==="forward"?Math.max(1,a):1;return[Math.max(0,_-C),Math.max(0,Math.min(s-1,O+q)),_,O]},E}(j.PureComponent),t.defaultProps={direction:"ltr",itemData:void 0,layout:"vertical",overscanCount:2,useIsScrolling:!1},t}var St=function(t,r){t.children,t.direction,t.height,t.layout,t.innerTagName,t.outerTagName,t.width,r.instance},It=vt({getItemOffset:function(t,r){var d=t.itemSize;return r*d},getItemSize:function(t,r){var d=t.itemSize;return d},getEstimatedTotalSize:function(t){var r=t.itemCount,d=t.itemSize;return d*r},getOffsetForIndexAndAlignment:function(t,r,d,c,y,f){var i=t.direction,o=t.height,h=t.itemCount,v=t.itemSize,b=t.layout,E=t.width,I=i==="horizontal"||b==="horizontal",S=I?E:o,n=Math.max(0,h*v-S),s=Math.min(n,r*v),a=Math.max(0,r*v-S+v+f);switch(d==="smart"&&(c>=a-S&&c<=s+S?d="auto":d="center"),d){case"start":return s;case"end":return a;case"center":{var l=Math.round(a+(s-a)/2);return l<Math.ceil(S/2)?0:l>n+Math.floor(S/2)?n:l}case"auto":default:return c>=a&&c<=s?c:c<a?a:s}},getStartIndexForOffset:function(t,r){var d=t.itemCount,c=t.itemSize;return Math.max(0,Math.min(d-1,Math.floor(r/c)))},getStopIndexForStartIndex:function(t,r,d){var c=t.direction,y=t.height,f=t.itemCount,i=t.itemSize,o=t.layout,h=t.width,v=c==="horizontal"||o==="horizontal",b=r*i,E=v?h:y,I=Math.ceil((E+d-b)/i);return Math.max(0,Math.min(f-1,r+I-1))},initInstanceProps:function(t){},shouldResetStyleCacheOnItemSizeChange:!0,validateProps:function(t){t.itemSize}});const Ot="_layerContainer_1lbvo_1",Et="_layer_1lbvo_1",xt="_small_1lbvo_23",Tt="_heading_1lbvo_26",qt="_option_1lbvo_27",Ct="_message_1lbvo_28",Vt="_focused_1lbvo_64",Lt="_selected_1lbvo_68",Rt="_disabled_1lbvo_71",Nt="_check_1lbvo_75",jt="_optionContent_1lbvo_92",Ft="_label_1lbvo_97",At="_icon_1lbvo_104",wt="_details_1lbvo_109",w={layerContainer:Ot,layer:Et,small:xt,heading:Tt,option:qt,message:Ct,focused:Vt,selected:Lt,disabled:Rt,check:Nt,optionContent:jt,label:Ft,icon:At,details:wt},de=({label:e})=>m.jsx("div",{onClick:t=>t.stopPropagation(),className:w.heading,children:e});try{de.displayName="Heading",de.__docgenInfo={description:"",displayName:"Heading",props:{label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"TStringOrNumber"}}}}}catch{}const pe=({details:e,label:t,icon:r,disabled:d=!1,selected:c=!1,focused:y=!1,onSelectOption:f,actions:i,closeLayer:o,testId:h})=>m.jsxs("div",{className:U(w.option,d?w.disabled:"",c?w.selected:"",y?w.focused:""),onClick:!d&&f?f:void 0,"data-testid":h,children:[m.jsx("div",{className:w.optionContent,children:m.jsxs("span",{className:w.label,title:t,children:[t,r&&m.jsx("span",{className:w.icon,children:r})]})}),e&&m.jsx("div",{className:U(w.details),children:m.jsx(se,{faint:!0,children:e})}),!!(i!=null&&i.length)&&m.jsx("div",{className:U(w.actions),children:m.jsx(Be,{actions:i,closeLayer:o})}),m.jsx("span",{className:w.check,children:c?m.jsx(ue,{icon:Fe.CHECK}):null})]});try{pe.displayName="Option",pe.__docgenInfo={description:"",displayName:"Option",props:{details:{defaultValue:null,description:"",name:"details",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactNode"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},selected:{defaultValue:{value:"false"},description:"",name:"selected",required:!1,type:{name:"boolean"}},focused:{defaultValue:{value:"false"},description:"",name:"focused",required:!1,type:{name:"boolean"}},onSelectOption:{defaultValue:null,description:"",name:"onSelectOption",required:!1,type:{name:"((event?: MouseEvent<HTMLDivElement, MouseEvent>, section?: ISelectSectionProps) => void) | undefined"}},actions:{defaultValue:null,description:"",name:"actions",required:!1,type:{name:"any[]"}},closeLayer:{defaultValue:null,description:"",name:"closeLayer",required:!1,type:{name:"TEmpty"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const fe=({section:e,selected:t,focused:r,onSelectOption:d,closeLayer:c})=>{const y=j.useContext(Se);switch(e.type){case ae.HEADING:return m.jsx(de,{label:e.label});case ae.OPTION:default:return m.jsx(pe,{closeLayer:c,actions:e.actions,label:e.label,details:e.details,icon:e.icon,disabled:e.disabled||y,selected:t,focused:r,onSelectOption:d,testId:e.testId})}};try{fe.displayName="Section",fe.__docgenInfo={description:"",displayName:"Section",props:{section:{defaultValue:null,description:"",name:"section",required:!0,type:{name:"ISelectSection"}},selected:{defaultValue:null,description:"",name:"selected",required:!1,type:{name:"boolean"}},focused:{defaultValue:null,description:"",name:"focused",required:!1,type:{name:"boolean"}},onSelectOption:{defaultValue:null,description:"",name:"onSelectOption",required:!1,type:{name:"((event?: MouseEvent<HTMLDivElement, MouseEvent>, section?: ISelectSectionProps) => void) | undefined"}},closeLayer:{defaultValue:null,description:"",name:"closeLayer",required:!1,type:{name:"TEmpty"}}}}}catch{}const me=(e,t)=>{const d=document.createElement("canvas").getContext("2d");return d?(d.font=t,d.measureText(e).width):0},Me="13px",ke="12px",Pt="Roobert",Mt="sans-serif",kt=12,Ht=8,Wt=30,Dt=24,Ut=5,zt=3,Gt=1,$t=2,Ve=10,He=(e=!1,t=!1)=>`${e?ke:Me} ${t?Pt:Mt}`,Kt=(e=!1,t=!1)=>(e?Ht:kt)+(e?Dt:Wt)+(t?17:0),Le=(e,t,r,d)=>{const c=He(t,r),y=d?me(d,c):0,f=Math.ceil(e.reduce((o,h)=>{var S;const v=(((S=h==null?void 0:h.actions)==null?void 0:S.length)??0)*24,b=h.icon?parseInt(t?ke:Me)+7:0,E=`${h.label} ${h.details||""}`,I=me(E,c)+v+b;return o=I>o?I:o,o},y)),i=Kt(t,!0);return f+i},Yt=(e,t,r)=>{const d=He(!0,r),c=me(e.label,d),y=(t?zt:Ut)*2+Gt*2+$t;return Math.ceil(c+y)},ye=({listRef:e,isMulti:t,sections:r,selectedOptions:d,onSelectOption:c,focusedOptionIndex:y,width:f,small:i,firstSelectedOptionIndex:o,closeLayer:h,testId:v})=>{j.useEffect(()=>{o&&o!==null&&e.current!==null&&e.current.scrollToItem(o,"start")},[o,e]);const b=i?24:30;return m.jsx("div",{"data-testid":v,className:U(w.layer,i&&w.small),children:r.length?m.jsx(It,{ref:e,height:r.length<Ve?b*r.length:b*Ve,itemCount:r.length,itemSize:b,width:f,children:({index:E,style:I})=>{var S;return m.jsx("div",{style:I,children:m.jsx(fe,{closeLayer:h,section:r[E],selected:t&&r[E].type!==ae.HEADING&&Array.isArray(d)?d.some(n=>{var s;return n&&(n==null?void 0:n.value)===((s=r==null?void 0:r[E])==null?void 0:s.value)}):!Array.isArray(d)&&((S=r==null?void 0:r[E])==null?void 0:S.value)===(d==null?void 0:d.value),focused:y===E,onSelectOption:n=>c(n,r[E])})})}}):m.jsx("ul",{children:m.jsx("li",{children:m.jsx("div",{className:w.message,style:{width:f},children:"No matches"})})})})};try{ye.displayName="Layer",ye.__docgenInfo={description:"",displayName:"Layer",props:{listRef:{defaultValue:null,description:"",name:"listRef",required:!0,type:{name:"RefObject<any>"}},isMulti:{defaultValue:null,description:"",name:"isMulti",required:!1,type:{name:"boolean"}},sections:{defaultValue:null,description:"",name:"sections",required:!0,type:{name:"ISelectSection[]"}},selectedOptions:{defaultValue:null,description:"",name:"selectedOptions",required:!0,type:{name:"ISelectSelectedOption | ISelectSelectedOption[]"}},onSelectOption:{defaultValue:null,description:"",name:"onSelectOption",required:!0,type:{name:"(event?: MouseEvent<HTMLDivElement, MouseEvent> | undefined, section?: ISelectSection | undefined) => void"}},focusedOptionIndex:{defaultValue:null,description:"",name:"focusedOptionIndex",required:!1,type:{name:"number"}},width:{defaultValue:null,description:"",name:"width",required:!0,type:{name:"number"}},small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean"}},firstSelectedOptionIndex:{defaultValue:null,description:"",name:"firstSelectedOptionIndex",required:!1,type:{name:"number"}},closeLayer:{defaultValue:null,description:"",name:"closeLayer",required:!0,type:{name:"TEmpty"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const Bt="_inputInTable_1qfoj_1",Xt="_inputHover_1qfoj_13",Jt="_inputFocus_1qfoj_18",Zt="_inputError_1qfoj_25",Qt="_inputWarning_1qfoj_26",en="_inputDisabled_1qfoj_61",tn="_hideScrollbars_1qfoj_67",nn="_trigger_1qfoj_77",ln="_isInTable_1qfoj_93",rn="_input_1qfoj_1",an="_isOpen_1qfoj_114",on="_error_1qfoj_122",sn="_warning_1qfoj_139",un="_disabled_1qfoj_156",cn="_icons_1qfoj_162",dn="_clearAll_1qfoj_169",pn="_iconOpen_1qfoj_170",fn="_small_1qfoj_181",mn="_triggerInputContainer_1qfoj_189",yn="_right_1qfoj_198",hn="_multiOptions_1qfoj_211",gn="_multiOption_1qfoj_211",_n="_label_1qfoj_239",bn="_closeMultiOption_1qfoj_242",vn="_focus_1qfoj_253",Sn="_selectedSingleValue_1qfoj_257",In="_placeHolder_1qfoj_258",On="_groupOrderFirst_1qfoj_297",En="_groupOrderMiddle_1qfoj_298",xn="_groupOrderLast_1qfoj_302",Tn="_detailedLabel_1qfoj_307",N={inputInTable:Bt,inputHover:Xt,inputFocus:Jt,inputError:Zt,inputWarning:Qt,inputDisabled:en,hideScrollbars:tn,trigger:nn,isInTable:ln,input:rn,isOpen:an,error:on,warning:sn,disabled:un,icons:cn,clearAll:dn,iconOpen:pn,small:fn,triggerInputContainer:mn,right:yn,multiOptions:hn,multiOption:gn,label:_n,closeMultiOption:bn,focus:vn,selectedSingleValue:Sn,placeHolder:In,groupOrderFirst:On,groupOrderMiddle:En,groupOrderLast:xn,detailedLabel:Tn},he=({selectedOptions:e,small:t,width:r})=>{const d=Pe(),[c,y]=j.useState([]),[f,i]=j.useState([]);return j.useEffect(()=>{let o=[],h=[],v=0;e.forEach((b,E)=>{v+=Yt(b,t,d),E===e.length-1&&v<r||v<r-24?o.push(b):h.push(b)}),y(o),i(h)},[e,d,r]),m.jsxs("div",{className:N.multiOptions,children:[c.filter(o=>o&&o.label).map((o,h)=>m.jsx("span",{className:N.multiOption,onClick:v=>{v.stopPropagation()},children:o.label},h)),f.length>0&&m.jsx(Ie,{text:f.map((o,h)=>m.jsx("div",{children:o.label},h)),display:"inline-flex",children:m.jsx("span",{className:N.multiOption,children:c.length?`+${f.length}`:`${f.length} items`})})]})};try{he.displayName="MultiSelectedOptions",he.__docgenInfo={description:"",displayName:"MultiSelectedOptions",props:{selectedOptions:{defaultValue:null,description:"",name:"selectedOptions",required:!0,type:{name:"ISelectSelectedOption[]"}},small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean"}},width:{defaultValue:null,description:"",name:"width",required:!0,type:{name:"number"}}}}}catch{}const ge=({selectedOptions:e,searchable:t=!1,searchValue:r,onChange:d=()=>{},inputRef:c,error:y,placeholder:f="Select...",small:i})=>{const o=j.useRef(null),h=Array.isArray(e),v=h?e.length>0:!!e,b=r?r.length+1:1,E=()=>{var n,s;const I=((n=o.current)==null?void 0:n.offsetWidth)||0,S=((s=c.current)==null?void 0:s.offsetWidth)||0;return I-S};return m.jsxs("div",{className:N.triggerInputContainer,ref:o,children:[v?h?m.jsx(he,{selectedOptions:e,small:i,width:E()}):m.jsx("span",{className:N.selectedSingleValue,children:r!=null&&r.length?"":e==null?void 0:e.label}):m.jsx("span",{className:N.placeHolder,children:r!=null&&r.length?"":f}),t?m.jsx("input",{tabIndex:-1,ref:c,size:b,className:U(N.input,y?N.error:""),value:r,onChange:I=>d(I.target.value)}):null]})};try{ge.displayName="Input",ge.__docgenInfo={description:"",displayName:"Input",props:{selectedOptions:{defaultValue:null,description:"",name:"selectedOptions",required:!1,type:{name:"ISelectSelectedOption | ISelectSelectedOption[]"}},searchable:{defaultValue:{value:"false"},description:"",name:"searchable",required:!1,type:{name:"boolean"}},searchValue:{defaultValue:null,description:"",name:"searchValue",required:!1,type:{name:"string"}},inputRef:{defaultValue:null,description:"",name:"inputRef",required:!0,type:{name:"MutableRefObject<HTMLInputElement | null>"}},onChange:{defaultValue:{value:"() => {}"},description:"",name:"onChange",required:!1,type:{name:"((value: string) => void)"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"ReactNode"}},placeholder:{defaultValue:{value:"Select..."},description:"",name:"placeholder",required:!1,type:{name:"string | null"}},small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean"}}}}}catch{}const _e=({selectedOptions:e,searchValue:t,searchable:r,clearable:d,onClickTrigger:c,element:y,error:f,warning:i,tooltip:o,small:h,isInTable:v,disabled:b,onChangeSearch:E,onClickDeselect:I,onClickClear:S,tabIndex:n,isOpen:s,triggerRef:a,clearAllIsFocused:l,focusedSelectedOptionIndex:u,onFocus:p,onBlur:g,groupOrder:_,maxTooltipWidth:O,placeholder:C,right:q,testId:V})=>{var P;const[T,R]=we(),A=Array.isArray(e)?e.length>0&&((P=e[0])==null?void 0:P.value):e==null?void 0:e.value,F=d&&A,z=(()=>{if(_)switch(_){case re.FIRST:return N.groupOrderFirst;case re.LAST:return N.groupOrderLast;default:return N.groupOrderMiddle}return""})(),K=!Array.isArray(e)&&(e!=null&&e.details)?{...e,label:m.jsxs("div",{className:U(N.detailedLabel),children:[m.jsx(se,{children:e.label}),m.jsx(se,{muted:!0,children:e.details})]})}:e,G=m.jsxs(m.Fragment,{children:[y,m.jsxs("div",{ref:a,tabIndex:n,className:U(N.trigger,s?N.isOpen:"",f?N.error:i?N.warning:"",b?N.disabled:"",h?N.small:"",v?N.isInTable:"",q?N.right:"",z),onClick:M=>{M.stopPropagation(),typeof R=="function"&&R(),c(M)},onFocus:p,onBlur:g,"data-testid":V,children:[m.jsx(ge,{selectedOptions:K,placeholder:C,searchable:r,searchValue:t,inputRef:T,onChange:E,error:f,small:h}),m.jsx("span",{className:N.icons,children:F?m.jsx("span",{className:U(N.clearAll,l?N.focus:""),onClick:M=>{M.stopPropagation(),S&&S(M)},children:m.jsx(ue,{icon:Fe.CLOSE})}):m.jsx("span",{className:U(N.iconOpen),children:m.jsx(ue,{icon:"chevron down"})})})]})]});return m.jsx(m.Fragment,{children:m.jsx(Ie,{error:!!f,warning:!!i,text:o||f||i,enabled:o&&te(o)||f&&te(f)||i&&te(i)||!1,maxWidth:O,placement:"bottom-center",children:G})})};try{_e.displayName="Trigger",_e.__docgenInfo={description:"",displayName:"Trigger",props:{selectedOptions:{defaultValue:null,description:"",name:"selectedOptions",required:!1,type:{name:"ISelectSelectedOption | ISelectSelectedOption[]"}},searchValue:{defaultValue:null,description:"",name:"searchValue",required:!1,type:{name:"string"}},searchable:{defaultValue:null,description:"",name:"searchable",required:!1,type:{name:"boolean"}},clearable:{defaultValue:null,description:"",name:"clearable",required:!1,type:{name:"boolean"}},onClickTrigger:{defaultValue:null,description:"",name:"onClickTrigger",required:!0,type:{name:"(evt: MouseEvent<HTMLDivElement, MouseEvent>) => void"}},element:{defaultValue:null,description:"",name:"element",required:!1,type:{name:"ReactNode"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"ReactNode"}},warning:{defaultValue:null,description:"",name:"warning",required:!1,type:{name:"ReactNode"}},tooltip:{defaultValue:null,description:"",name:"tooltip",required:!1,type:{name:"ReactNode"}},small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean"}},isInTable:{defaultValue:null,description:"",name:"isInTable",required:!1,type:{name:"boolean"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},onChangeSearch:{defaultValue:null,description:"",name:"onChangeSearch",required:!1,type:{name:"((value: string) => void)"}},onClickDeselect:{defaultValue:null,description:"",name:"onClickDeselect",required:!1,type:{name:"((evt: MouseEvent<HTMLDivElement, MouseEvent>) => void)"}},onClickClear:{defaultValue:null,description:"",name:"onClickClear",required:!1,type:{name:"((evt: MouseEvent<HTMLSpanElement, MouseEvent>) => void)"}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!1,type:{name:"number"}},isOpen:{defaultValue:null,description:"",name:"isOpen",required:!1,type:{name:"boolean"}},triggerRef:{defaultValue:null,description:"",name:"triggerRef",required:!1,type:{name:"RefObject<HTMLDivElement>"}},clearAllIsFocused:{defaultValue:null,description:"",name:"clearAllIsFocused",required:!1,type:{name:"boolean"}},focusedSelectedOptionIndex:{defaultValue:null,description:"",name:"focusedSelectedOptionIndex",required:!1,type:{name:"number"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"((evt: FocusEvent<HTMLDivElement, Element>) => void)"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"((evt: FocusEvent<HTMLDivElement, Element>) => void)"}},groupOrder:{defaultValue:null,description:"",name:"groupOrder",required:!1,type:{name:"string"}},maxTooltipWidth:{defaultValue:null,description:"",name:"maxTooltipWidth",required:!1,type:{name:"TStringOrNumber"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string | null"}},right:{defaultValue:null,description:"",name:"right",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}var D=(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))(D||{});const We={options:["none","clearAll"],currentIndex:0,currentOption:!1,clearAll:!1},qn=e=>e!==null?e+1:0,De=(e,t)=>{const r=["none",...e.map((c,y)=>c.type!==ae.HEADING?y:null).filter(c=>c!==null)],d=qn(t);return{options:r,currentIndex:d,current:r[d]}},Cn=(e,t)=>{const r=e==="up"?-1:1,d=t.currentIndex+r,c=(d<0?t.options.length-1:d)%t.options.length,y=t.options[c];return{...t,currentIndex:c,current:y}},Vn=(e,t,r)=>{const d=e==="left"?-1:1,c=t&&t.length?["none",...Array.from({length:t.length},(h,v)=>v),"clearAll"]:["none","clearAll"],y=r.currentIndex+d,f=(y<0?c.length-1:y)%c.length,i=c[f];return{options:c,currentIndex:f,currentOption:i,clearAll:i==="clearAll"}},Re=()=>We,Ne=e=>({...e,currentIndex:0,current:"none"}),Ln=(e,t)=>{switch(t.type){case D.SET_VISIBLE_OPTIONS:return{...e,visibleOptions:t.options||[]};case D.RESET_LAYER_FOCUS:return{...e,layerFocus:De(t.options||[],t.firstSelectedOptionIndex||0)};case D.CLEAR_SEARCH:return{...e,visibleOptions:t.options||[],searchValue:""};case D.ON_CHANGE_SEARCH:{let d=[...(t.options||[]).filter(c=>(String(c.label)+(c.details?String(c.details):"")).toLowerCase().includes(String(t.value||"").toLowerCase()))];return t.createAble&&t.value&&t.value!==""&&d.push({label:`Create "${t.value}"`,value:t.value,createAble:!0}),{...e,searchValue:t.value,visibleOptions:d,layerFocus:Ne(e.layerFocus)}}case D.FOCUS_TRIGGER_INPUTS:return{...e,triggerFocus:Vn(t.direction||"right",t.selectedOptions||[],e.triggerFocus),layerFocus:Ne(e.layerFocus)};case D.BLUR_TRIGGER_INPUTS:return{...e,triggerFocus:Re()};case D.FOCUS_LAYER_OPTIONS:return t.nextLayerFocus?{...e,layerFocus:t.nextLayerFocus,triggerFocus:Re()}:e;case D.OPEN_LAYER:return{...e,isLayerOpen:!0};case D.CLOSE_LAYER:return{...e,isLayerOpen:!1};default:return e}},Rn={auto:!0,possiblePlacements:["bottom-start","top-start"],placement:"bottom-start",preferX:"right",preferY:"bottom"};var k=(e=>(e.CLOSE_LAYER="CLOSE_LAYER",e.OPEN_LAYER="OPEN_LAYER",e.SET_VISIBLE_OPTIONS="SET_VISIBLE_OPTIONS",e.CLEAR_SEARCH="CLEAR_SEARCH",e.RESET_LAYER_FOCUS="RESET_LAYER_FOCUS",e.FOCUS_LAYER_OPTIONS="FOCUS_LAYER_OPTIONS",e.BLUR_TRIGGER_INPUTS="BLUR_TRIGGER_INPUTS",e.FOCUS_TRIGGER_INPUTS="FOCUS_TRIGGER_INPUTS",e.ON_CHANGE_SEARCH="ON_CHANGE_SEARCH",e))(k||{}),$=(e=>(e.RIGHT="right",e.LEFT="left",e.UP="up",e.DOWN="down",e.ENTER="enter",e.ESC="esc",e.TAB="tab",e))($||{});const be=({state:e,dispatch:t,options:r,setTriggerFocus:d,disabled:c,disabledContext:y,onCreate:f,onChange:i,selectedOptions:o,width:h,small:v,isFontLoaded:b,placeholder:E,firstSelectedOptionIndex:I,createAble:S,listRef:n,autoLayerWidth:s})=>{const a=()=>{e.isLayerOpen&&t({type:k.CLOSE_LAYER}),d()},l=()=>t({type:k.OPEN_LAYER}),u=j.useRef(!0);j.useEffect(()=>{u.current?u.current=!1:t({type:k.SET_VISIBLE_OPTIONS,options:r})},[r]);const p=(x,L,Q)=>{if(!(c||y)){if(Q&&Q(),L){if(L.createAble&&f)f(L.value);else if(!L.disabled)if(Array.isArray(o))if(o.some(B=>B.label===L.label)){const B=o.filter(Oe=>Oe.label!==L.label);i&&i(x,B)}else{const B=[...o,L];i&&i(x,B)}else i&&i(x,L)}t({type:k.CLEAR_SEARCH,options:r}),d()}},g=j.useCallback(()=>h?h!=="auto"?h:Le(r,v,b,E):"100%",[r,b]),_=j.useCallback(x=>s?Math.max(Le(r,v,b,E),x==null?void 0:x.width):x==null?void 0:x.width,[r,b]),{renderLayer:O,layerProps:C,triggerProps:q,triggerBounds:V}=ze({isOpen:(e==null?void 0:e.isLayerOpen)??!1,overflowContainer:!0,...Rn,ResizeObserver,onOutsideClick:a,onParentClose:a}),T=()=>{if(!(c||y)){if(e.isLayerOpen){a();return}t({type:k.RESET_LAYER_FOCUS,options:r,firstSelectedOptionIndex:I}),l()}},R=j.useRef(!0);j.useEffect(()=>{R.current?R.current=!1:e.isLayerOpen||t({type:k.CLEAR_SEARCH,options:r})},[e.isLayerOpen]);const A=(x,L)=>{const Q=o instanceof Array?o.filter(Y=>Y.value!==L.value):null;i&&i(x,Q)},F=x=>{const L=o instanceof Array?[]:{value:null};i&&i(x,L)},z=x=>t({type:k.ON_CHANGE_SEARCH,options:r,value:x,createAble:S}),K=()=>{l(),t({type:k.BLUR_TRIGGER_INPUTS})},G=x=>{n.current&&Number.isInteger(x)&&n.current.scrollToItem(x)},P=x=>{const L=Cn(x,e.layerFocus);t({type:k.FOCUS_LAYER_OPTIONS,nextLayerFocus:L}),G(L.current)},M=x=>{t({type:k.FOCUS_TRIGGER_INPUTS,ICustomSelectDirection:x,selectedOptions:o})},X=x=>F(x),ne=o&&o[e.triggerFocus.currentOption],le=x=>{A(x,o[e.triggerFocus.currentOption])},J=x=>{var L;p(x,(L=e==null?void 0:e.visibleOptions)==null?void 0:L[e.layerFocus.current],a)},H=e.triggerFocus.clearAll;return{getTriggerWidth:g,onKeyEvent:(x,L)=>{switch(x){case $.UP:{P(x);break}case $.DOWN:{e.isLayerOpen?P(x):K();break}case $.LEFT:case $.RIGHT:{M(x);break}case $.ENTER:{H?X(L):ne?le(L):J(L);break}case $.ESC:{a();break}}},clearAllIsFocused:H,triggerProps:q,onClickTrigger:T,onChangeSearch:z,onClickDeselectOption:A,onClickClearAll:F,renderLayer:O,layerProps:C,closeLayer:a,onSelectOption:p,getLayerWidth:_,triggerBounds:V}};try{be.displayName="useCustomSelectLogic",be.__docgenInfo={description:"",displayName:"useCustomSelectLogic",props:{state:{defaultValue:null,description:"",name:"state",required:!0,type:{name:"ICustomSelectState"}},dispatch:{defaultValue:null,description:"",name:"dispatch",required:!0,type:{name:"(action: any) => void"}},options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"TCustomSelectSelectOption[]"}},setTriggerFocus:{defaultValue:null,description:"",name:"setTriggerFocus",required:!0,type:{name:"TEmpty"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!0,type:{name:"boolean"}},disabledContext:{defaultValue:null,description:"",name:"disabledContext",required:!0,type:{name:"boolean"}},onCreate:{defaultValue:null,description:"",name:"onCreate",required:!0,type:{name:"((value: string) => void) | null"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"((evt: any, selected: any) => void) | null"}},selectedOptions:{defaultValue:null,description:"",name:"selectedOptions",required:!0,type:{name:"ISelectSelectedOption | ISelectSelectedOption[]"}},width:{defaultValue:null,description:"",name:"width",required:!0,type:{name:"TStringOrNumber | null"}},small:{defaultValue:null,description:"",name:"small",required:!0,type:{name:"boolean"}},isFontLoaded:{defaultValue:null,description:"",name:"isFontLoaded",required:!0,type:{name:"boolean"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!0,type:{name:"string"}},firstSelectedOptionIndex:{defaultValue:null,description:"",name:"firstSelectedOptionIndex",required:!0,type:{name:"number"}},createAble:{defaultValue:null,description:"",name:"createAble",required:!0,type:{name:"boolean"}},listRef:{defaultValue:null,description:"",name:"listRef",required:!0,type:{name:"RefObject<any>"}},autoLayerWidth:{defaultValue:null,description:"",name:"autoLayerWidth",required:!0,type:{name:"boolean"}}}}}catch{}const ve=e=>{const{multi:t=!1,disabled:r=!1,error:d=null,warning:c=null,tooltip:y=null,options:f,selectedOptions:i,onCreate:o=null,placeholder:h="",small:v=!1,tabIndex:b=0,onFocus:E=()=>{},onBlur:I=()=>{},searchable:S=!0,clearable:n=!1,maxTooltipWidth:s,closeOnOptionActionClick:a,isInTable:l=!1,groupOrder:u,firstSelectedOptionIndex:p=0,right:g=!1,testId:_=void 0}=e,O=j.useContext(Se),C=o!==null,q=j.useRef(null),[V,T]=we(),R=Pe(),[A,F]=j.useReducer(Ln,{options:f,firstSelectedOptionIndex:p},({options:Y})=>({searchValue:"",visibleOptions:Y,layerFocus:De(Y,p??0),triggerFocus:We,isLayerOpen:!1})),{getTriggerWidth:z,onKeyEvent:K,clearAllIsFocused:G,triggerProps:P,onClickTrigger:M,onChangeSearch:X,onClickDeselectOption:ne,onClickClearAll:le,renderLayer:J,layerProps:H,closeLayer:Z,onSelectOption:x,getLayerWidth:L,triggerBounds:Q}=be({...e,state:A,dispatch:F,setTriggerFocus:T,disabledContext:O,isFontLoaded:R,createAble:C,listRef:q});return m.jsx("div",{style:{width:z()},children:m.jsxs(yt,{handleKeys:Object.values($),onKeyEvent:K,children:[m.jsx(_e,{selectedOptions:i,searchValue:A.searchValue,isOpen:A.isLayerOpen,focusedSelectedOptionIndex:A.triggerFocus.currentOption,clearAllIsFocused:G,searchable:S,triggerRef:Ge(V,P.ref),error:d,warning:c,tooltip:y,small:v,isInTable:l,disabled:r||O,clearable:n,tabIndex:b,onClickTrigger:M,onChangeSearch:X,onClickDeselect:ne,onClickClear:le,onFocus:E,onBlur:I,groupOrder:u,maxTooltipWidth:s,placeholder:h,right:g,testId:_}),A.isLayerOpen&&J(m.jsx("div",{...H,className:w.layerContainer,children:m.jsx(ye,{listRef:q,isMulti:t,sections:A.visibleOptions,selectedOptions:i,onSelectOption:(Y,B)=>{x(Y,B,t?void 0:Z)},closeLayer:()=>{a&&Z()},width:L(Q),small:v,focusedOptionIndex:A.layerFocus.current,firstSelectedOptionIndex:p??0,testId:_&&`${_}-layer`})}))]})})};try{ve.displayName="CustomSelect",ve.__docgenInfo={description:"",displayName:"CustomSelect",props:{multi:{defaultValue:null,description:"",name:"multi",required:!1,type:{name:"boolean"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},warning:{defaultValue:null,description:"",name:"warning",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},tooltip:{defaultValue:null,description:"",name:"tooltip",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"TCustomSelectSelectOption[]"}},selectedOptions:{defaultValue:null,description:"",name:"selectedOptions",required:!0,type:{name:"ISelectSelectedOption | ISelectSelectedOption[]"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((evt: ChangeEvent<HTMLInputElement>, newSelectedOptions: ISelectSelectedOption) => void)"}},onCreate:{defaultValue:null,description:"",name:"onCreate",required:!1,type:{name:"((value: string) => void)"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string | null"}},small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean"}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!1,type:{name:"number"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber | null"}},autoLayerWidth:{defaultValue:null,description:"",name:"autoLayerWidth",required:!1,type:{name:"boolean"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"TEmpty"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"TEmpty"}},searchable:{defaultValue:null,description:"",name:"searchable",required:!1,type:{name:"boolean"}},clearable:{defaultValue:null,description:"",name:"clearable",required:!1,type:{name:"boolean"}},isInTable:{defaultValue:null,description:"",name:"isInTable",required:!1,type:{name:"boolean"}},groupOrder:{defaultValue:null,description:"",name:"groupOrder",required:!1,type:{name:"string"}},firstSelectedOptionIndex:{defaultValue:null,description:"",name:"firstSelectedOptionIndex",required:!0,type:{name:"number | null"}},right:{defaultValue:null,description:"",name:"right",required:!1,type:{name:"boolean"}},maxTooltipWidth:{defaultValue:null,description:"",name:"maxTooltipWidth",required:!1,type:{name:"TStringOrNumber"}},closeOnOptionActionClick:{defaultValue:null,description:"",name:"closeOnOptionActionClick",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const je=e=>{const{name:t="",options:r=[],value:d,native:c=!1,onChange:y=()=>{},deprecatedEventHandler:f=!1,autoScroll:i=!0,warning:o,error:h,checkNonExistentValues:v=!0,closeOnOptionActionClick:b=!0,testId:E,disabled:I}=e,S=!c&&i===!0,{multi:n,simpleInputs:s,options:a,selectedOptions:l,firstSelectedOptionIndex:u,hasNonExistentValue:p}=Xe(r,d,S,v),g=!n,_=c&&g;c&&!g&&console.warn("Native select does not support provided props (see stories)");const O="Value no longer available for re-selection",C=p&&!I?o?m.jsxs("div",{children:[m.jsx("div",{children:O}),m.jsx("div",{children:o})]}):O:o,q=p&&h&&!I?m.jsxs("div",{children:[m.jsx("div",{children:O}),m.jsx("div",{children:h})]}):h,V=(T,R)=>{if(f){const A=n?R.map(F=>s?F.value:F):s?R.value:R;y(A)}else{const A=!(T instanceof Event),F=n?R:R.value;A?(T.target.name=t,T.target.value=F,n||(T.target.label=R.label),y(T)):y({...T,target:{...T.target,name:t,value:F,...!n&&{label:R.label}}})}};return _?m.jsx(ce,{...e,options:a,selectedOption:l,onChange:V,hasNonExistentValue:p,warning:C,error:q,testId:E}):m.jsx(ve,{...e,options:a,selectedOptions:l,onChange:V,multi:n,firstSelectedOptionIndex:u,warning:C,error:q,testId:E,closeOnOptionActionClick:b})};try{je.displayName="Select",je.__docgenInfo={description:"",displayName:"Select",props:{name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},multi:{defaultValue:null,description:"",name:"multi",required:!1,type:{name:"boolean"}},options:{defaultValue:null,description:"",name:"options",required:!1,type:{name:"ISelectSelectedOption[]"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"any"}},native:{defaultValue:null,description:"",name:"native",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((value: any) => void)"}},deprecatedEventHandler:{defaultValue:null,description:"",name:"deprecatedEventHandler",required:!1,type:{name:"boolean"}},autoScroll:{defaultValue:null,description:"",name:"autoScroll",required:!1,type:{name:"boolean"}},warning:{defaultValue:null,description:"",name:"warning",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},checkNonExistentValues:{defaultValue:null,description:"",name:"checkNonExistentValues",required:!1,type:{name:"boolean"}},closeOnOptionActionClick:{defaultValue:null,description:"",name:"closeOnOptionActionClick",required:!1,type:{name:"boolean"}},small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber | null"}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"TStringOrNumber"}},onCreate:{defaultValue:null,description:"",name:"onCreate",required:!1,type:{name:"((evt: any) => any)"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string | null"}},isInTable:{defaultValue:null,description:"",name:"isInTable",required:!1,type:{name:"boolean"}},clearable:{defaultValue:null,description:"",name:"clearable",required:!1,type:{name:"boolean"}},searchable:{defaultValue:null,description:"",name:"searchable",required:!1,type:{name:"boolean"}},maxTooltipWidth:{defaultValue:null,description:"",name:"maxTooltipWidth",required:!1,type:{name:"TStringOrNumber"}},autoLayerWidth:{defaultValue:null,description:"",name:"autoLayerWidth",required:!1,type:{name:"boolean"}},right:{defaultValue:null,description:"",name:"right",required:!1,type:{name:"boolean"}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!1,type:{name:"number"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}export{je as S};

package/dist/storybook/assets/{select.stories-f81a3e79.js → select.stories-60f055e6.js}

@@ -1,4 +1,4 @@
-import{j as n}from"./jsx-runtime-f961835c.js";import{r as ln}from"./index-f80c8c95.js";import{S as r}from"./select-1a8fd9be.js";import{S as k}from"./spacer-54db0620.js";import{I as F}from"./common-types-2c81813f.js";import{I as W}from"./icon-8acf9925.js";import{T as tn}from"./text-ad1f5f1d.js";import"./index-a80ed1cf.js";import"./disabled-context-d654f6ff.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./tooltip-856042a7.js";import"./index-3d476d02.js";import"./index-c89a1915.js";import"./extends-98964cd2.js";import"./assertThisInitialized-081f9914.js";import"./inheritsLoose-c82a83d4.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./actions-83a2a04e.js";import"./button-050c998a.js";import"./spinner-a81ebe38.js";import"./badge-20e7ee0b.js";import"./select.input-88b6ebab.js";import"./tslib.es6-dfef685f.js";const sn=[{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Koalas",value:"leaves"},{label:"Monkeys",value:"bananas",disabled:!0},{label:"Wombats",value:"bark"}],rn=[{label:"Kangaroos",value:"grass",details:"(grass)"},{label:"Monkeys",value:"bananas",details:"(bananas)"},{label:"Possums",value:"slugs",details:"(slugs)"}],on=[{type:"Heading",label:"Large"},{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas"},{type:"Heading",label:"Small"},{label:"Possums",value:"slugs"}],dn=[{label:1,value:1},{label:2,value:2},{label:3,value:3},{label:4,value:4}],cn=[{label:"Yes",value:!0},{label:"No",value:!1}],un=[{label:"Aardvarks",value:"termites"},{label:"Monkeys",value:"bananas"},{label:"Vampires",value:"blood",icon:n.jsx(W,{icon:F.WARNING,color:"var(--color-text-warning)"})},{label:"Zombies",value:"brains",icon:n.jsx(W,{icon:F.ERROR,color:"var(--color-text-error)"})}],s=[{label:"Delete",icon:"delete",onClick:()=>{}},{label:"Rename",icon:"rename",onClick:()=>{}}],pn=[{label:"Kangaroos",value:"grass",actions:s},{label:"Monkeys",value:"bananas",actions:s},{label:"Possums",value:"slugs",actions:s,details:"(some details)"}],hn=[{label:"Kangaroos",value:"grass",actions:s,icon:n.jsx(W,{icon:F.WARNING,color:"var(--color-text-warning)"}),details:"(grass)"},{label:"Monkeys",value:"bananas",actions:s,icon:n.jsx(W,{icon:F.WARNING,color:"var(--color-text-warning)"}),details:"(bananas)"},{label:"Possums",value:"slugs",actions:s,icon:n.jsx(W,{icon:F.WARNING,color:"var(--color-text-warning)"}),details:"(slugs)"}],gn=[...Array(1e4).keys()].map((a,N)=>({label:Math.random().toString(36).substring(7),value:N})),vn=["Aardvarks","Kangaroos","Monkeys","Possums"],Pn={title:"Forms/Select",component:r,args:{options:sn,native:!1,multi:!1,disabled:!1,autoLayerWidth:!1,clearable:!1,searchable:!0,right:!1}},e=a=>{const{multi:N,value:en}=a,[O,nn]=ln.useState(en||(N?[]:void 0)),E=an=>{const{value:I}=an.target;nn(N?I:{value:I})};return n.jsxs(n.Fragment,{children:[n.jsx(r,{value:O,onChange:E,placeholder:"Full width",...a}),n.jsx(k,{}),n.jsx(r,{value:O,onChange:E,width:"200px",placeholder:"Fixed width",...a}),n.jsx(k,{}),n.jsx(r,{value:O,onChange:E,width:"auto",placeholder:"Auto width",...a}),n.jsx(k,{}),n.jsx(r,{value:O,onChange:E,width:"auto",placeholder:"Small",small:!0,...a}),n.jsx(k,{}),n.jsx(tn,{small:!0,muted:!0,children:"Avoid auto width for very long lists."})]})},L=e.bind({}),o=e.bind({});o.args={native:!0};const d=e.bind({});d.args={multi:!0,clearable:!0};const i=e.bind({});i.args={options:[]};const c=e.bind({});c.args={clearable:!0};const u=e.bind({});u.args={value:{label:"Vampires",value:"blood"}};const p=e.bind({});p.args={placeholder:"Select the best animal..."};const h=e.bind({});h.args={options:on};const g=e.bind({});g.args={options:rn};const v=e.bind({});v.args={options:un};const m=e.bind({});m.args={options:pn};const S=e.bind({});S.args={options:hn};const x=e.bind({});x.args={searchable:!1};const C=e.bind({});C.args={right:!0};const l=e.bind({});l.parameters={docs:{description:{story:"Avoid autoLayerWidth for very long lists in custom selects (slow)"}}};l.args={width:"70px",autoLayerWidth:!0};const b=e.bind({});b.args={tooltip:"Some info"};const w=e.bind({});w.args={error:"Some info"};const V=e.bind({});V.args={warning:"Some info"};const j=e.bind({});j.args={disabled:!0};const y=e.bind({});y.args={options:dn,placeholder:void 0};const f=e.bind({});f.args={options:cn};const A=e.bind({});A.args={options:vn};const t=e.bind({});t.parameters={docs:{description:{story:"Avoid `width: auto` and autoLayerWidth for very long lists in custom selects (slow). Consider checkNonExistentValues={false}."}}};t.args={options:gn};const T=e.bind({});T.args={deprecatedEventHandler:!0};var R,D,M;L.parameters={...L.parameters,docs:{...(R=L.parameters)==null?void 0:R.docs,source:{originalSource:`(args: any) => {
+import{j as n}from"./jsx-runtime-f961835c.js";import{r as on}from"./index-f80c8c95.js";import{S as r}from"./select-205cd538.js";import{S as D}from"./spacer-54db0620.js";import{I as W}from"./common-types-2c81813f.js";import{I as N}from"./icon-e9cbb4d7.js";import{T as dn}from"./text-ad1f5f1d.js";import"./index-a80ed1cf.js";import"./disabled-context-d654f6ff.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./index-c89a1915.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./actions-2d4e1c8e.js";import"./button-74c97e4a.js";import"./spinner-a81ebe38.js";import"./badge-20e7ee0b.js";import"./select.input-88b6ebab.js";import"./tslib.es6-dfef685f.js";const cn=[{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Koalas",value:"leaves"},{label:"Monkeys",value:"bananas",disabled:!0},{label:"Wombats",value:"bark"}],un=[{label:"Kangaroos",value:"grass",details:"(grass)"},{label:"Monkeys",value:"bananas",details:"(bananas)"},{label:"Possums",value:"slugs",details:"(slugs)"}],pn=[{type:"Heading",label:"Large"},{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas"},{type:"Heading",label:"Small"},{label:"Possums",value:"slugs"}],hn=[{label:1,value:1},{label:2,value:2},{label:3,value:3},{label:4,value:4}],gn=[{label:"Yes",value:!0},{label:"No",value:!1}],vn=[{label:"Aardvarks",value:"termites"},{label:"Monkeys",value:"bananas"},{label:"Vampires",value:"blood",icon:n.jsx(N,{icon:W.WARNING,color:"var(--color-text-warning)"})},{label:"Zombies",value:"brains",icon:n.jsx(N,{icon:W.ERROR,color:"var(--color-text-error)"})}],s=[{label:"Delete",icon:"delete",onClick:()=>{}},{label:"Rename",icon:"rename",onClick:()=>{}}],mn=[{label:"Kangaroos",value:"grass",actions:s},{label:"Monkeys",value:"bananas",actions:s},{label:"Possums",value:"slugs",actions:s,details:"(some details)"}],Sn=[{label:"Kangaroos",value:"grass",actions:s,icon:n.jsx(N,{icon:W.WARNING,color:"var(--color-text-warning)"}),details:"(grass)"},{label:"Monkeys",value:"bananas",actions:s,icon:n.jsx(N,{icon:W.WARNING,color:"var(--color-text-warning)"}),details:"(bananas)"},{label:"Possums",value:"slugs",actions:s,icon:n.jsx(N,{icon:W.WARNING,color:"var(--color-text-warning)"}),details:"(slugs)"}],xn=[...Array(1e4).keys()].map((a,E)=>({label:Math.random().toString(36).substring(7),value:E})),Cn=["Aardvarks","Kangaroos","Monkeys","Possums"],_n={title:"Forms/Select",component:r,args:{options:cn,native:!1,multi:!1,disabled:!1,autoLayerWidth:!1,clearable:!1,searchable:!0,right:!1}},e=a=>{const{multi:E,value:tn}=a,[O,sn]=on.useState(tn||(E?[]:void 0)),k=rn=>{const{value:I}=rn.target;sn(E?I:{value:I})};return n.jsxs(n.Fragment,{children:[n.jsx(r,{value:O,onChange:k,placeholder:"Full width",...a}),n.jsx(D,{}),n.jsx(r,{value:O,onChange:k,width:"200px",placeholder:"Fixed width",...a}),n.jsx(D,{}),n.jsx(r,{value:O,onChange:k,width:"auto",placeholder:"Auto width",...a}),n.jsx(D,{}),n.jsx(r,{value:O,onChange:k,width:"auto",placeholder:"Small",small:!0,...a}),n.jsx(D,{}),n.jsx(dn,{small:!0,muted:!0,children:"Avoid auto width for very long lists."})]})},L=e.bind({}),o=e.bind({});o.args={native:!0};const d=e.bind({});d.args={multi:!0,clearable:!0};const i=e.bind({});i.args={options:[]};const c=e.bind({});c.args={clearable:!0};const u=e.bind({});u.args={value:{label:"Vampires",value:"blood"}};const p=e.bind({});p.args={placeholder:"Select the best animal..."};const h=e.bind({});h.args={options:pn};const g=e.bind({});g.args={options:un};const v=e.bind({});v.args={options:vn};const m=e.bind({});m.args={options:mn};const S=e.bind({});S.args={options:Sn};const x=e.bind({});x.args={searchable:!1};const C=e.bind({});C.args={right:!0};const l=e.bind({});l.parameters={docs:{description:{story:"Avoid autoLayerWidth for very long lists in custom selects (slow)"}}};l.args={width:"70px",autoLayerWidth:!0};const b=e.bind({});b.args={tooltip:"Some info"};const w=e.bind({});w.args={error:"Some info"};const V=e.bind({});V.args={warning:"Some info"};const j=e.bind({});j.args={disabled:!0};const y=e.bind({});y.args={options:hn,placeholder:void 0};const f=e.bind({});f.args={options:gn};const A=e.bind({});A.args={options:Cn};const t=e.bind({});t.parameters={docs:{description:{story:"Avoid `width: auto` and autoLayerWidth for very long lists in custom selects (slow). Consider checkNonExistentValues={false}."}}};t.args={options:xn};const T=e.bind({});T.args={deprecatedEventHandler:!0};const F=e.bind({});F.args={value:{label:"Vampires",value:"blood"},disabled:!0};var R,M,H;L.parameters={...L.parameters,docs:{...(R=L.parameters)==null?void 0:R.docs,source:{originalSource:`(args: any) => {
   const {
     multi,
     value
@@ -33,7 +33,7 @@ import{j as n}from"./jsx-runtime-f961835c.js";import{r as ln}from"./index-f80c8c
         Avoid auto width for very long lists.
       </Text>
     </>;
-}`,...(M=(D=L.parameters)==null?void 0:D.docs)==null?void 0:M.source}}};var H,K,P;o.parameters={...o.parameters,docs:{...(H=o.parameters)==null?void 0:H.docs,source:{originalSource:`(args: any) => {
+}`,...(H=(M=L.parameters)==null?void 0:M.docs)==null?void 0:H.source}}};var K,P,G;o.parameters={...o.parameters,docs:{...(K=o.parameters)==null?void 0:K.docs,source:{originalSource:`(args: any) => {
   const {
     multi,
     value
@@ -68,7 +68,7 @@ import{j as n}from"./jsx-runtime-f961835c.js";import{r as ln}from"./index-f80c8c
         Avoid auto width for very long lists.
       </Text>
     </>;
-}`,...(P=(K=o.parameters)==null?void 0:K.docs)==null?void 0:P.source}}};var G,B,_;d.parameters={...d.parameters,docs:{...(G=d.parameters)==null?void 0:G.docs,source:{originalSource:`(args: any) => {
+}`,...(G=(P=o.parameters)==null?void 0:P.docs)==null?void 0:G.source}}};var B,_,Y;d.parameters={...d.parameters,docs:{...(B=d.parameters)==null?void 0:B.docs,source:{originalSource:`(args: any) => {
   const {
     multi,
     value
@@ -103,7 +103,7 @@ import{j as n}from"./jsx-runtime-f961835c.js";import{r as ln}from"./index-f80c8c
         Avoid auto width for very long lists.
       </Text>
     </>;
-}`,...(_=(B=d.parameters)==null?void 0:B.docs)==null?void 0:_.source}}};var Y,Z,q;i.parameters={...i.parameters,docs:{...(Y=i.parameters)==null?void 0:Y.docs,source:{originalSource:`(args: any) => {
+}`,...(Y=(_=d.parameters)==null?void 0:_.docs)==null?void 0:Y.source}}};var Z,q,z;i.parameters={...i.parameters,docs:{...(Z=i.parameters)==null?void 0:Z.docs,source:{originalSource:`(args: any) => {
   const {
     multi,
     value
@@ -138,7 +138,7 @@ import{j as n}from"./jsx-runtime-f961835c.js";import{r as ln}from"./index-f80c8c
         Avoid auto width for very long lists.
       </Text>
     </>;
-}`,...(q=(Z=i.parameters)==null?void 0:Z.docs)==null?void 0:q.source}}};var z,J,Q;c.parameters={...c.parameters,docs:{...(z=c.parameters)==null?void 0:z.docs,source:{originalSource:`(args: any) => {
+}`,...(z=(q=i.parameters)==null?void 0:q.docs)==null?void 0:z.source}}};var J,Q,U;c.parameters={...c.parameters,docs:{...(J=c.parameters)==null?void 0:J.docs,source:{originalSource:`(args: any) => {
   const {
     multi,
     value
@@ -173,7 +173,7 @@ import{j as n}from"./jsx-runtime-f961835c.js";import{r as ln}from"./index-f80c8c
         Avoid auto width for very long lists.
       </Text>
     </>;
-}`,...(Q=(J=c.parameters)==null?void 0:J.docs)==null?void 0:Q.source}}};var U,X,$;u.parameters={...u.parameters,docs:{...(U=u.parameters)==null?void 0:U.docs,source:{originalSource:`(args: any) => {
+}`,...(U=(Q=c.parameters)==null?void 0:Q.docs)==null?void 0:U.source}}};var X,$,ee;u.parameters={...u.parameters,docs:{...(X=u.parameters)==null?void 0:X.docs,source:{originalSource:`(args: any) => {
   const {
     multi,
     value
@@ -208,7 +208,7 @@ import{j as n}from"./jsx-runtime-f961835c.js";import{r as ln}from"./index-f80c8c
         Avoid auto width for very long lists.
       </Text>
     </>;
-}`,...($=(X=u.parameters)==null?void 0:X.docs)==null?void 0:$.source}}};var ee,ne,ae;p.parameters={...p.parameters,docs:{...(ee=p.parameters)==null?void 0:ee.docs,source:{originalSource:`(args: any) => {
+}`,...(ee=($=u.parameters)==null?void 0:$.docs)==null?void 0:ee.source}}};var ne,ae,le;p.parameters={...p.parameters,docs:{...(ne=p.parameters)==null?void 0:ne.docs,source:{originalSource:`(args: any) => {
   const {
     multi,
     value
@@ -243,7 +243,7 @@ import{j as n}from"./jsx-runtime-f961835c.js";import{r as ln}from"./index-f80c8c
         Avoid auto width for very long lists.
       </Text>
     </>;
-}`,...(ae=(ne=p.parameters)==null?void 0:ne.docs)==null?void 0:ae.source}}};var le,te,se;h.parameters={...h.parameters,docs:{...(le=h.parameters)==null?void 0:le.docs,source:{originalSource:`(args: any) => {
+}`,...(le=(ae=p.parameters)==null?void 0:ae.docs)==null?void 0:le.source}}};var te,se,re;h.parameters={...h.parameters,docs:{...(te=h.parameters)==null?void 0:te.docs,source:{originalSource:`(args: any) => {
   const {
     multi,
     value
@@ -278,7 +278,7 @@ import{j as n}from"./jsx-runtime-f961835c.js";import{r as ln}from"./index-f80c8c
         Avoid auto width for very long lists.
       </Text>
     </>;
-}`,...(se=(te=h.parameters)==null?void 0:te.docs)==null?void 0:se.source}}};var re,oe,de;g.parameters={...g.parameters,docs:{...(re=g.parameters)==null?void 0:re.docs,source:{originalSource:`(args: any) => {
+}`,...(re=(se=h.parameters)==null?void 0:se.docs)==null?void 0:re.source}}};var oe,de,ie;g.parameters={...g.parameters,docs:{...(oe=g.parameters)==null?void 0:oe.docs,source:{originalSource:`(args: any) => {
   const {
     multi,
     value
@@ -313,7 +313,7 @@ import{j as n}from"./jsx-runtime-f961835c.js";import{r as ln}from"./index-f80c8c
         Avoid auto width for very long lists.
       </Text>
     </>;
-}`,...(de=(oe=g.parameters)==null?void 0:oe.docs)==null?void 0:de.source}}};var ie,ce,ue;v.parameters={...v.parameters,docs:{...(ie=v.parameters)==null?void 0:ie.docs,source:{originalSource:`(args: any) => {
+}`,...(ie=(de=g.parameters)==null?void 0:de.docs)==null?void 0:ie.source}}};var ce,ue,pe;v.parameters={...v.parameters,docs:{...(ce=v.parameters)==null?void 0:ce.docs,source:{originalSource:`(args: any) => {
   const {
     multi,
     value
@@ -348,7 +348,7 @@ import{j as n}from"./jsx-runtime-f961835c.js";import{r as ln}from"./index-f80c8c
         Avoid auto width for very long lists.
       </Text>
     </>;
-}`,...(ue=(ce=v.parameters)==null?void 0:ce.docs)==null?void 0:ue.source}}};var pe,he,ge;m.parameters={...m.parameters,docs:{...(pe=m.parameters)==null?void 0:pe.docs,source:{originalSource:`(args: any) => {
+}`,...(pe=(ue=v.parameters)==null?void 0:ue.docs)==null?void 0:pe.source}}};var he,ge,ve;m.parameters={...m.parameters,docs:{...(he=m.parameters)==null?void 0:he.docs,source:{originalSource:`(args: any) => {
   const {
     multi,
     value
@@ -383,7 +383,7 @@ import{j as n}from"./jsx-runtime-f961835c.js";import{r as ln}from"./index-f80c8c
         Avoid auto width for very long lists.
       </Text>
     </>;
-}`,...(ge=(he=m.parameters)==null?void 0:he.docs)==null?void 0:ge.source}}};var ve,me,Se;S.parameters={...S.parameters,docs:{...(ve=S.parameters)==null?void 0:ve.docs,source:{originalSource:`(args: any) => {
+}`,...(ve=(ge=m.parameters)==null?void 0:ge.docs)==null?void 0:ve.source}}};var me,Se,xe;S.parameters={...S.parameters,docs:{...(me=S.parameters)==null?void 0:me.docs,source:{originalSource:`(args: any) => {
   const {
     multi,
     value
@@ -418,7 +418,7 @@ import{j as n}from"./jsx-runtime-f961835c.js";import{r as ln}from"./index-f80c8c
         Avoid auto width for very long lists.
       </Text>
     </>;
-}`,...(Se=(me=S.parameters)==null?void 0:me.docs)==null?void 0:Se.source}}};var xe,Ce,be;x.parameters={...x.parameters,docs:{...(xe=x.parameters)==null?void 0:xe.docs,source:{originalSource:`(args: any) => {
+}`,...(xe=(Se=S.parameters)==null?void 0:Se.docs)==null?void 0:xe.source}}};var Ce,be,we;x.parameters={...x.parameters,docs:{...(Ce=x.parameters)==null?void 0:Ce.docs,source:{originalSource:`(args: any) => {
   const {
     multi,
     value
@@ -453,7 +453,7 @@ import{j as n}from"./jsx-runtime-f961835c.js";import{r as ln}from"./index-f80c8c
         Avoid auto width for very long lists.
       </Text>
     </>;
-}`,...(be=(Ce=x.parameters)==null?void 0:Ce.docs)==null?void 0:be.source}}};var we,Ve,je;C.parameters={...C.parameters,docs:{...(we=C.parameters)==null?void 0:we.docs,source:{originalSource:`(args: any) => {
+}`,...(we=(be=x.parameters)==null?void 0:be.docs)==null?void 0:we.source}}};var Ve,je,ye;C.parameters={...C.parameters,docs:{...(Ve=C.parameters)==null?void 0:Ve.docs,source:{originalSource:`(args: any) => {
   const {
     multi,
     value
@@ -488,7 +488,7 @@ import{j as n}from"./jsx-runtime-f961835c.js";import{r as ln}from"./index-f80c8c
         Avoid auto width for very long lists.
       </Text>
     </>;
-}`,...(je=(Ve=C.parameters)==null?void 0:Ve.docs)==null?void 0:je.source}}};var ye,fe,Ae;l.parameters={...l.parameters,docs:{...(ye=l.parameters)==null?void 0:ye.docs,source:{originalSource:`(args: any) => {
+}`,...(ye=(je=C.parameters)==null?void 0:je.docs)==null?void 0:ye.source}}};var fe,Ae,Te;l.parameters={...l.parameters,docs:{...(fe=l.parameters)==null?void 0:fe.docs,source:{originalSource:`(args: any) => {
   const {
     multi,
     value
@@ -523,7 +523,7 @@ import{j as n}from"./jsx-runtime-f961835c.js";import{r as ln}from"./index-f80c8c
         Avoid auto width for very long lists.
       </Text>
     </>;
-}`,...(Ae=(fe=l.parameters)==null?void 0:fe.docs)==null?void 0:Ae.source}}};var Te,Fe,We;b.parameters={...b.parameters,docs:{...(Te=b.parameters)==null?void 0:Te.docs,source:{originalSource:`(args: any) => {
+}`,...(Te=(Ae=l.parameters)==null?void 0:Ae.docs)==null?void 0:Te.source}}};var Fe,We,Ne;b.parameters={...b.parameters,docs:{...(Fe=b.parameters)==null?void 0:Fe.docs,source:{originalSource:`(args: any) => {
   const {
     multi,
     value
@@ -558,7 +558,7 @@ import{j as n}from"./jsx-runtime-f961835c.js";import{r as ln}from"./index-f80c8c
         Avoid auto width for very long lists.
       </Text>
     </>;
-}`,...(We=(Fe=b.parameters)==null?void 0:Fe.docs)==null?void 0:We.source}}};var Ne,Oe,Ee;w.parameters={...w.parameters,docs:{...(Ne=w.parameters)==null?void 0:Ne.docs,source:{originalSource:`(args: any) => {
+}`,...(Ne=(We=b.parameters)==null?void 0:We.docs)==null?void 0:Ne.source}}};var Ee,Oe,ke;w.parameters={...w.parameters,docs:{...(Ee=w.parameters)==null?void 0:Ee.docs,source:{originalSource:`(args: any) => {
   const {
     multi,
     value
@@ -593,7 +593,7 @@ import{j as n}from"./jsx-runtime-f961835c.js";import{r as ln}from"./index-f80c8c
         Avoid auto width for very long lists.
       </Text>
     </>;
-}`,...(Ee=(Oe=w.parameters)==null?void 0:Oe.docs)==null?void 0:Ee.source}}};var ke,Le,Ie;V.parameters={...V.parameters,docs:{...(ke=V.parameters)==null?void 0:ke.docs,source:{originalSource:`(args: any) => {
+}`,...(ke=(Oe=w.parameters)==null?void 0:Oe.docs)==null?void 0:ke.source}}};var De,Le,Ie;V.parameters={...V.parameters,docs:{...(De=V.parameters)==null?void 0:De.docs,source:{originalSource:`(args: any) => {
   const {
     multi,
     value
@@ -628,7 +628,7 @@ import{j as n}from"./jsx-runtime-f961835c.js";import{r as ln}from"./index-f80c8c
         Avoid auto width for very long lists.
       </Text>
     </>;
-}`,...(Ie=(Le=V.parameters)==null?void 0:Le.docs)==null?void 0:Ie.source}}};var Re,De,Me;j.parameters={...j.parameters,docs:{...(Re=j.parameters)==null?void 0:Re.docs,source:{originalSource:`(args: any) => {
+}`,...(Ie=(Le=V.parameters)==null?void 0:Le.docs)==null?void 0:Ie.source}}};var Re,Me,He;j.parameters={...j.parameters,docs:{...(Re=j.parameters)==null?void 0:Re.docs,source:{originalSource:`(args: any) => {
   const {
     multi,
     value
@@ -663,7 +663,7 @@ import{j as n}from"./jsx-runtime-f961835c.js";import{r as ln}from"./index-f80c8c
         Avoid auto width for very long lists.
       </Text>
     </>;
-}`,...(Me=(De=j.parameters)==null?void 0:De.docs)==null?void 0:Me.source}}};var He,Ke,Pe;y.parameters={...y.parameters,docs:{...(He=y.parameters)==null?void 0:He.docs,source:{originalSource:`(args: any) => {
+}`,...(He=(Me=j.parameters)==null?void 0:Me.docs)==null?void 0:He.source}}};var Ke,Pe,Ge;y.parameters={...y.parameters,docs:{...(Ke=y.parameters)==null?void 0:Ke.docs,source:{originalSource:`(args: any) => {
   const {
     multi,
     value
@@ -698,7 +698,7 @@ import{j as n}from"./jsx-runtime-f961835c.js";import{r as ln}from"./index-f80c8c
         Avoid auto width for very long lists.
       </Text>
     </>;
-}`,...(Pe=(Ke=y.parameters)==null?void 0:Ke.docs)==null?void 0:Pe.source}}};var Ge,Be,_e;f.parameters={...f.parameters,docs:{...(Ge=f.parameters)==null?void 0:Ge.docs,source:{originalSource:`(args: any) => {
+}`,...(Ge=(Pe=y.parameters)==null?void 0:Pe.docs)==null?void 0:Ge.source}}};var Be,_e,Ye;f.parameters={...f.parameters,docs:{...(Be=f.parameters)==null?void 0:Be.docs,source:{originalSource:`(args: any) => {
   const {
     multi,
     value
@@ -733,7 +733,7 @@ import{j as n}from"./jsx-runtime-f961835c.js";import{r as ln}from"./index-f80c8c
         Avoid auto width for very long lists.
       </Text>
     </>;
-}`,...(_e=(Be=f.parameters)==null?void 0:Be.docs)==null?void 0:_e.source}}};var Ye,Ze,qe;A.parameters={...A.parameters,docs:{...(Ye=A.parameters)==null?void 0:Ye.docs,source:{originalSource:`(args: any) => {
+}`,...(Ye=(_e=f.parameters)==null?void 0:_e.docs)==null?void 0:Ye.source}}};var Ze,qe,ze;A.parameters={...A.parameters,docs:{...(Ze=A.parameters)==null?void 0:Ze.docs,source:{originalSource:`(args: any) => {
   const {
     multi,
     value
@@ -768,7 +768,7 @@ import{j as n}from"./jsx-runtime-f961835c.js";import{r as ln}from"./index-f80c8c
         Avoid auto width for very long lists.
       </Text>
     </>;
-}`,...(qe=(Ze=A.parameters)==null?void 0:Ze.docs)==null?void 0:qe.source}}};var ze,Je,Qe;t.parameters={...t.parameters,docs:{...(ze=t.parameters)==null?void 0:ze.docs,source:{originalSource:`(args: any) => {
+}`,...(ze=(qe=A.parameters)==null?void 0:qe.docs)==null?void 0:ze.source}}};var Je,Qe,Ue;t.parameters={...t.parameters,docs:{...(Je=t.parameters)==null?void 0:Je.docs,source:{originalSource:`(args: any) => {
   const {
     multi,
     value
@@ -803,7 +803,7 @@ import{j as n}from"./jsx-runtime-f961835c.js";import{r as ln}from"./index-f80c8c
         Avoid auto width for very long lists.
       </Text>
     </>;
-}`,...(Qe=(Je=t.parameters)==null?void 0:Je.docs)==null?void 0:Qe.source}}};var Ue,Xe,$e;T.parameters={...T.parameters,docs:{...(Ue=T.parameters)==null?void 0:Ue.docs,source:{originalSource:`(args: any) => {
+}`,...(Ue=(Qe=t.parameters)==null?void 0:Qe.docs)==null?void 0:Ue.source}}};var Xe,$e,en;T.parameters={...T.parameters,docs:{...(Xe=T.parameters)==null?void 0:Xe.docs,source:{originalSource:`(args: any) => {
   const {
     multi,
     value
@@ -838,4 +838,39 @@ import{j as n}from"./jsx-runtime-f961835c.js";import{r as ln}from"./index-f80c8c
         Avoid auto width for very long lists.
       </Text>
     </>;
-}`,...($e=(Xe=T.parameters)==null?void 0:Xe.docs)==null?void 0:$e.source}}};const Gn=["Default","Native","Multiselect","Empty","Clearable","NonExistentValue","CustomPlaceholder","OptionsWithHeadings","OptionsWithDetails","OptionsWithIcons","OptionsWithActions","OptionsWithEverything","NotSearchable","RightAligned","AutoLayerWidth","Tooltip","Error","Warning","Disabled","NumericOptions","BooleanOptions","SimpleOptions","VeryLongList","DeprecatedEventHandler"];export{l as AutoLayerWidth,f as BooleanOptions,c as Clearable,p as CustomPlaceholder,L as Default,T as DeprecatedEventHandler,j as Disabled,i as Empty,w as Error,d as Multiselect,o as Native,u as NonExistentValue,x as NotSearchable,y as NumericOptions,m as OptionsWithActions,g as OptionsWithDetails,S as OptionsWithEverything,h as OptionsWithHeadings,v as OptionsWithIcons,C as RightAligned,A as SimpleOptions,b as Tooltip,t as VeryLongList,V as Warning,Gn as __namedExportsOrder,Pn as default};
+}`,...(en=($e=T.parameters)==null?void 0:$e.docs)==null?void 0:en.source}}};var nn,an,ln;F.parameters={...F.parameters,docs:{...(nn=F.parameters)==null?void 0:nn.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} placeholder="Full width"
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    {...args} />
+      <Spacer />
+      <Select value={selectedValue} onChange={handleChange} width="200px" placeholder="Fixed width"
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    {...args} />
+      <Spacer />
+      <Select value={selectedValue} onChange={handleChange} width="auto" placeholder="Auto width"
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    {...args} />
+      <Spacer />
+      <Select value={selectedValue} onChange={handleChange} width="auto" placeholder="Small" small
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    {...args} />
+      <Spacer />
+      <Text small muted>
+        Avoid auto width for very long lists.
+      </Text>
+    </>;
+}`,...(ln=(an=F.parameters)==null?void 0:an.docs)==null?void 0:ln.source}}};const Yn=["Default","Native","Multiselect","Empty","Clearable","NonExistentValue","CustomPlaceholder","OptionsWithHeadings","OptionsWithDetails","OptionsWithIcons","OptionsWithActions","OptionsWithEverything","NotSearchable","RightAligned","AutoLayerWidth","Tooltip","Error","Warning","Disabled","NumericOptions","BooleanOptions","SimpleOptions","VeryLongList","DeprecatedEventHandler","TestDisabledNonExistentValue"];export{l as AutoLayerWidth,f as BooleanOptions,c as Clearable,p as CustomPlaceholder,L as Default,T as DeprecatedEventHandler,j as Disabled,i as Empty,w as Error,d as Multiselect,o as Native,u as NonExistentValue,x as NotSearchable,y as NumericOptions,m as OptionsWithActions,g as OptionsWithDetails,S as OptionsWithEverything,h as OptionsWithHeadings,v as OptionsWithIcons,C as RightAligned,A as SimpleOptions,F as TestDisabledNonExistentValue,b as Tooltip,t as VeryLongList,V as Warning,Yn as __namedExportsOrder,_n as default};

package/dist/storybook/assets/{side-bar-10cceacd.js → side-bar-88e8cf41.js}

@@ -1 +1 @@
-import{j as e}from"./jsx-runtime-f961835c.js";import{r as d,R as g}from"./index-f80c8c95.js";import{c as f}from"./index-a80ed1cf.js";import{i as v}from"./index-c7f280f6.js";import{B as y,I as E}from"./common-types-2c81813f.js";import{D as j}from"./drawer-308b0a03.js";import{T as I}from"./tooltip-856042a7.js";import{I as T}from"./icon-8acf9925.js";import{B as M}from"./badge-20e7ee0b.js";import{B as N}from"./button-050c998a.js";const S="_inputInTable_1ube5_1",C="_inputHover_1ube5_13",q="_inputFocus_1ube5_18",O="_inputError_1ube5_25",k="_inputWarning_1ube5_26",V="_inputDisabled_1ube5_61",B="_hideScrollbars_1ube5_67",L="_sidebar_1ube5_82",A="_inner_1ube5_93",H="_title_1ube5_103",F="_subtitle_1ube5_104",D="_label_1ube5_105",R="_collapsed_1ube5_109",W="_list_1ube5_134",P="_item_1ube5_140",z="_experimental_1ube5_155",$="_active_1ube5_159",w="_icon_1ube5_163",s={inputInTable:S,inputHover:C,inputFocus:q,inputError:O,inputWarning:k,inputDisabled:V,hideScrollbars:B,sidebar:L,inner:A,title:H,subtitle:F,label:D,collapsed:R,list:W,item:P,experimental:z,active:$,icon:w},K=d.memo(({isOpen:t,label:n,icon:l,invalid:a})=>e.jsxs(e.Fragment,{children:[e.jsx(I,{text:n,enabled:!t,placement:"right-center",possiblePlacements:["right-center"],fontSize:16,padding:"var(--padding-sm)",display:"block",children:e.jsx("span",{className:s.icon,children:e.jsx(M,{small:!0,title:a?"!":void 0,margin:4,children:e.jsx(T,{icon:l})})})}),e.jsx("span",{className:s.label,children:n})]}),(t,n)=>v(t,n)),p=({isOpen:t,items:n,sectionIndex:l,onClick:a,testId:o})=>e.jsx("div",{className:s.list,children:n.map((i,u)=>{const c=`${l}_${u}`;return e.jsx("a",{href:i.value,className:f(s.item,i.isActive?s.active:"",i.isExperimental?s.experimental:""),onClick:r=>a(r,i.value,i.label,i.onClick),"data-testid":o,children:e.jsx(K,{label:i.label,icon:i.icon,invalid:i.invalid,isOpen:t},c)},c)})});try{p.displayName="Link",p.__docgenInfo={description:"",displayName:"Link",props:{isOpen:{defaultValue:null,description:"",name:"isOpen",required:!0,type:{name:"boolean"}},items:{defaultValue:null,description:"",name:"items",required:!0,type:{name:"{ value: string; isActive?: boolean | undefined; isExperimental?: boolean | undefined; label: ReactNode; icon: any; invalid?: boolean | undefined; onClick?: ((evt: MouseEvent<HTMLAnchorElement, MouseEvent>) => void) | undefined; }[]"}},sectionIndex:{defaultValue:null,description:"",name:"sectionIndex",required:!0,type:{name:"number"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!0,type:{name:"(evt: MouseEvent<HTMLAnchorElement, MouseEvent>, value: string, label: ReactNode, onClickCallback?: ((evt: MouseEvent<HTMLAnchorElement, MouseEvent>) => void) | undefined) => void"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const m=({isOpen:t,sections:n,onClick:l})=>e.jsx(e.Fragment,{children:n.map((a,o)=>e.jsxs(g.Fragment,{children:[e.jsx("h5",{className:s.subtitle,children:a.heading.toUpperCase()}),e.jsx(p,{isOpen:t,items:a.items,sectionIndex:o,onClick:l,testId:a.testId})]},o))});try{m.displayName="Sections",m.__docgenInfo={description:"",displayName:"Sections",props:{isOpen:{defaultValue:null,description:"",name:"isOpen",required:!0,type:{name:"boolean"}},sections:{defaultValue:null,description:"",name:"sections",required:!0,type:{name:"ISection[]"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!0,type:{name:"(evt: MouseEvent<HTMLAnchorElement, MouseEvent>, value: string, label: ReactNode, onClickCallback?: ((evt: MouseEvent<HTMLAnchorElement, MouseEvent>) => void) | undefined) => void"}}}}}catch{}const b=d.memo(({options:t,startOpen:n=!1,onShiftClickToggleOpen:l=()=>{},top:a})=>{const[o,i]=d.useState(n),u=(r,h,x,_)=>{r.preventDefault(),typeof _=="function"&&(r.currentTarget.value=h,r.currentTarget.label=x,_(r)),i(!1)},c=t.sections.length>0;return e.jsx(j,{fixed:!0,open:o,top:a,background:"var(--color-background-sidebar)",closedWidth:"var(--size-sidebar)",buttonPosition:y.BOTTOM,buttonAnimate:!0,button:c&&e.jsx(N,{onClick:r=>{r.shiftKey&&l&&l(r),i(!o)},colored:!0,round:!0,icon:E.LEFT}),children:e.jsx("div",{className:f(s.sidebar,o?"":s.collapsed),children:c&&e.jsxs("div",{className:s.inner,children:[e.jsx("h4",{className:s.title,children:t.title}),e.jsx(m,{isOpen:o,sections:t.sections,onClick:u})]})})})},(t,n)=>v(t,n));try{b.displayName="SideBar",b.__docgenInfo={description:"",displayName:"SideBar",props:{options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"{ title: string; sections: IOptionSection[]; }"}},startOpen:{defaultValue:null,description:"",name:"startOpen",required:!1,type:{name:"boolean"}},onShiftClickToggleOpen:{defaultValue:null,description:"",name:"onShiftClickToggleOpen",required:!1,type:{name:"((evt: MouseEvent<HTMLButtonElement, MouseEvent>) => void)"}},top:{defaultValue:null,description:"",name:"top",required:!1,type:{name:"TStringOrNumber"}}}}}catch{}export{b as S};
+import{j as e}from"./jsx-runtime-f961835c.js";import{r as d,R as g}from"./index-f80c8c95.js";import{c as f}from"./index-a80ed1cf.js";import{i as v}from"./index-c7f280f6.js";import{B as y,I as E}from"./common-types-2c81813f.js";import{D as j}from"./drawer-7f450988.js";import{T as I}from"./tooltip-23e84186.js";import{I as T}from"./icon-e9cbb4d7.js";import{B as M}from"./badge-20e7ee0b.js";import{B as N}from"./button-74c97e4a.js";const S="_inputInTable_1ube5_1",C="_inputHover_1ube5_13",q="_inputFocus_1ube5_18",O="_inputError_1ube5_25",k="_inputWarning_1ube5_26",V="_inputDisabled_1ube5_61",B="_hideScrollbars_1ube5_67",L="_sidebar_1ube5_82",A="_inner_1ube5_93",H="_title_1ube5_103",F="_subtitle_1ube5_104",D="_label_1ube5_105",R="_collapsed_1ube5_109",W="_list_1ube5_134",P="_item_1ube5_140",z="_experimental_1ube5_155",$="_active_1ube5_159",w="_icon_1ube5_163",s={inputInTable:S,inputHover:C,inputFocus:q,inputError:O,inputWarning:k,inputDisabled:V,hideScrollbars:B,sidebar:L,inner:A,title:H,subtitle:F,label:D,collapsed:R,list:W,item:P,experimental:z,active:$,icon:w},K=d.memo(({isOpen:t,label:n,icon:l,invalid:a})=>e.jsxs(e.Fragment,{children:[e.jsx(I,{text:n,enabled:!t,placement:"right-center",possiblePlacements:["right-center"],fontSize:16,padding:"var(--padding-sm)",display:"block",children:e.jsx("span",{className:s.icon,children:e.jsx(M,{small:!0,title:a?"!":void 0,margin:4,children:e.jsx(T,{icon:l})})})}),e.jsx("span",{className:s.label,children:n})]}),(t,n)=>v(t,n)),p=({isOpen:t,items:n,sectionIndex:l,onClick:a,testId:o})=>e.jsx("div",{className:s.list,children:n.map((i,u)=>{const c=`${l}_${u}`;return e.jsx("a",{href:i.value,className:f(s.item,i.isActive?s.active:"",i.isExperimental?s.experimental:""),onClick:r=>a(r,i.value,i.label,i.onClick),"data-testid":o,children:e.jsx(K,{label:i.label,icon:i.icon,invalid:i.invalid,isOpen:t},c)},c)})});try{p.displayName="Link",p.__docgenInfo={description:"",displayName:"Link",props:{isOpen:{defaultValue:null,description:"",name:"isOpen",required:!0,type:{name:"boolean"}},items:{defaultValue:null,description:"",name:"items",required:!0,type:{name:"{ value: string; isActive?: boolean | undefined; isExperimental?: boolean | undefined; label: ReactNode; icon: any; invalid?: boolean | undefined; onClick?: ((evt: MouseEvent<HTMLAnchorElement, MouseEvent>) => void) | undefined; }[]"}},sectionIndex:{defaultValue:null,description:"",name:"sectionIndex",required:!0,type:{name:"number"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!0,type:{name:"(evt: MouseEvent<HTMLAnchorElement, MouseEvent>, value: string, label: ReactNode, onClickCallback?: ((evt: MouseEvent<HTMLAnchorElement, MouseEvent>) => void) | undefined) => void"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const m=({isOpen:t,sections:n,onClick:l})=>e.jsx(e.Fragment,{children:n.map((a,o)=>e.jsxs(g.Fragment,{children:[e.jsx("h5",{className:s.subtitle,children:a.heading.toUpperCase()}),e.jsx(p,{isOpen:t,items:a.items,sectionIndex:o,onClick:l,testId:a.testId})]},o))});try{m.displayName="Sections",m.__docgenInfo={description:"",displayName:"Sections",props:{isOpen:{defaultValue:null,description:"",name:"isOpen",required:!0,type:{name:"boolean"}},sections:{defaultValue:null,description:"",name:"sections",required:!0,type:{name:"ISection[]"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!0,type:{name:"(evt: MouseEvent<HTMLAnchorElement, MouseEvent>, value: string, label: ReactNode, onClickCallback?: ((evt: MouseEvent<HTMLAnchorElement, MouseEvent>) => void) | undefined) => void"}}}}}catch{}const b=d.memo(({options:t,startOpen:n=!1,onShiftClickToggleOpen:l=()=>{},top:a})=>{const[o,i]=d.useState(n),u=(r,h,x,_)=>{r.preventDefault(),typeof _=="function"&&(r.currentTarget.value=h,r.currentTarget.label=x,_(r)),i(!1)},c=t.sections.length>0;return e.jsx(j,{fixed:!0,open:o,top:a,background:"var(--color-background-sidebar)",closedWidth:"var(--size-sidebar)",buttonPosition:y.BOTTOM,buttonAnimate:!0,button:c&&e.jsx(N,{onClick:r=>{r.shiftKey&&l&&l(r),i(!o)},colored:!0,round:!0,icon:E.LEFT}),children:e.jsx("div",{className:f(s.sidebar,o?"":s.collapsed),children:c&&e.jsxs("div",{className:s.inner,children:[e.jsx("h4",{className:s.title,children:t.title}),e.jsx(m,{isOpen:o,sections:t.sections,onClick:u})]})})})},(t,n)=>v(t,n));try{b.displayName="SideBar",b.__docgenInfo={description:"",displayName:"SideBar",props:{options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"{ title: string; sections: IOptionSection[]; }"}},startOpen:{defaultValue:null,description:"",name:"startOpen",required:!1,type:{name:"boolean"}},onShiftClickToggleOpen:{defaultValue:null,description:"",name:"onShiftClickToggleOpen",required:!1,type:{name:"((evt: MouseEvent<HTMLButtonElement, MouseEvent>) => void)"}},top:{defaultValue:null,description:"",name:"top",required:!1,type:{name:"TStringOrNumber"}}}}}catch{}export{b as S};

package/dist/storybook/assets/{side-bar.stories-02211e0d.js → side-bar.stories-0887207d.js}

@@ -1 +1 @@
-import{j as a}from"./jsx-runtime-f961835c.js";import{I as t}from"./common-types-2c81813f.js";import{S as m}from"./side-bar-10cceacd.js";import{F as g}from"./flex-1d14d86c.js";import{B as u}from"./badge-20e7ee0b.js";import{s as S}from"./icon-custom-822ce507.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./index-c7f280f6.js";import"./drawer-308b0a03.js";import"./lodash-75c70a11.js";import"./index-c89a1915.js";import"./index-3d476d02.js";import"./icon-8acf9925.js";import"./inheritsLoose-c82a83d4.js";import"./tslib.es6-dfef685f.js";import"./disabled-context-d654f6ff.js";import"./button-050c998a.js";import"./spinner-a81ebe38.js";import"./tooltip-856042a7.js";const h=[{heading:"First Heading",items:[{label:"Section A",value:"/path/to/something",onClick:()=>{},icon:S},{label:a.jsxs(g,{alignItems:"center",gap:"var(--padding-xxs)",children:["Section B",a.jsx(u,{small:!0,title:"BETA"})]}),value:"/path/to/something",onClick:()=>{},icon:t.HELP,isActive:!0},{label:"Section C",value:"/path/to/something",onClick:()=>{},icon:t.EDIT},{label:"Experimental Section",value:"/path/to/something",onClick:()=>{},icon:t.LIBRARY,isExperimental:!0}]},{heading:"Second Heading",items:[{label:"Section 1",value:"/path/to/something",onClick:()=>{},icon:t.SETTINGS},{label:"Section 2",value:"/path/to/something",onClick:()=>{},icon:t.STAR},{label:"Invalid Section",value:"/path/to/something",onClick:()=>{},icon:t.NOTIFICATION,invalid:!0}]}],L={title:"Navigation/SideBar",component:m,parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}},args:{options:{title:"Title",sections:h},startOpen:!1},argTypes:{top:{control:{type:"text"}},startOpen:{control:{type:"boolean"}}}},c=d=>a.jsx(m,{...d}),o=c.bind({}),e=c.bind({});e.args={startOpen:!0};var i,r,s;o.parameters={...o.parameters,docs:{...(i=o.parameters)==null?void 0:i.docs,source:{originalSource:"args => <SideBar {...args} />",...(s=(r=o.parameters)==null?void 0:r.docs)==null?void 0:s.source}}};var n,l,p;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:"args => <SideBar {...args} />",...(p=(l=e.parameters)==null?void 0:l.docs)==null?void 0:p.source}}};const G=["Default","StartOpen"];export{o as Default,e as StartOpen,G as __namedExportsOrder,L as default};
+import{j as a}from"./jsx-runtime-f961835c.js";import{I as t}from"./common-types-2c81813f.js";import{S as m}from"./side-bar-88e8cf41.js";import{F as g}from"./flex-47732c42.js";import{B as u}from"./badge-20e7ee0b.js";import{s as S}from"./icon-custom-822ce507.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./index-c7f280f6.js";import"./drawer-7f450988.js";import"./lodash-75c70a11.js";import"./index-c89a1915.js";import"./index-3d476d02.js";import"./icon-e9cbb4d7.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./disabled-context-d654f6ff.js";import"./button-74c97e4a.js";import"./spinner-a81ebe38.js";import"./tooltip-23e84186.js";const h=[{heading:"First Heading",items:[{label:"Section A",value:"/path/to/something",onClick:()=>{},icon:S},{label:a.jsxs(g,{alignItems:"center",gap:"var(--padding-xxs)",children:["Section B",a.jsx(u,{small:!0,title:"BETA"})]}),value:"/path/to/something",onClick:()=>{},icon:t.HELP,isActive:!0},{label:"Section C",value:"/path/to/something",onClick:()=>{},icon:t.EDIT},{label:"Experimental Section",value:"/path/to/something",onClick:()=>{},icon:t.LIBRARY,isExperimental:!0}]},{heading:"Second Heading",items:[{label:"Section 1",value:"/path/to/something",onClick:()=>{},icon:t.SETTINGS},{label:"Section 2",value:"/path/to/something",onClick:()=>{},icon:t.STAR},{label:"Invalid Section",value:"/path/to/something",onClick:()=>{},icon:t.NOTIFICATION,invalid:!0}]}],L={title:"Navigation/SideBar",component:m,parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}},args:{options:{title:"Title",sections:h},startOpen:!1},argTypes:{top:{control:{type:"text"}},startOpen:{control:{type:"boolean"}}}},c=d=>a.jsx(m,{...d}),o=c.bind({}),e=c.bind({});e.args={startOpen:!0};var i,r,s;o.parameters={...o.parameters,docs:{...(i=o.parameters)==null?void 0:i.docs,source:{originalSource:"args => <SideBar {...args} />",...(s=(r=o.parameters)==null?void 0:r.docs)==null?void 0:s.source}}};var n,l,p;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:"args => <SideBar {...args} />",...(p=(l=e.parameters)==null?void 0:l.docs)==null?void 0:p.source}}};const G=["Default","StartOpen"];export{o as Default,e as StartOpen,G as __namedExportsOrder,L as default};

package/dist/storybook/assets/{site.stories-ae79a20c.js → site.stories-dee8ce1c.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-f961835c.js";import{r as x}from"./index-f80c8c95.js";import{I as j}from"./common-types-2c81813f.js";import{T as g}from"./top-bar-38689fe2.js";import{S as w}from"./side-bar-10cceacd.js";import{H as t}from"./heading-39e599c8.js";import{B as L}from"./button-050c998a.js";import{D as v}from"./drawer-308b0a03.js";import{L as d}from"./list-bc0d9ad9.js";import{F as l}from"./field-248df38c.js";import{I as a}from"./input-05f21b51.js";import{C as m}from"./check-box-b38490e5.js";import{P as f}from"./page-6d07f774.js";import{R as o,C as i}from"./row-2299f0e7.js";import{A as u}from"./accordion-1b587708.js";import{S as s}from"./spacer-54db0620.js";import{T as F}from"./tabs-cf5ccede.js";import"./index-a80ed1cf.js";import"./icon-8acf9925.js";import"./inheritsLoose-c82a83d4.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./actions-83a2a04e.js";import"./lodash-75c70a11.js";import"./tooltip-856042a7.js";import"./index-3d476d02.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-20e7ee0b.js";import"./index-c7f280f6.js";import"./help-icon-c0abd380.js";import"./spinner-a81ebe38.js";import"./index.es-37e2ce0d.js";import"./extends-98964cd2.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./memoize-one.esm-52518564.js";import"./card-3847c251.js";import"./list-heading-2215213f.js";import"./loader-87ec8334.js";import"./label-e6d15b59.js";import"./styled-components.browser.esm-416d73e5.js";import"./select.input-88b6ebab.js";const C=[{label:"Import",value:"import",right:!0},{label:"Settings",value:"settings",right:!0}],S=()=>e.jsx("div",{style:{background:"#AAD3DF",borderLeft:"1px solid #8AB3BF",display:"flex",alignItems:"center",justifyContent:"center",color:"white",height:"100%"},children:"MAP"}),xe={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},n=()=>{const[r,b]=x.useState(!0);return e.jsxs(e.Fragment,{children:[e.jsx(g,{}),e.jsx(w,{options:{title:"",sections:[]},width:"250px"}),e.jsx(f,{padding:!1,scroll:!1,children:e.jsxs(o,{spacing:0,flex:!0,children:[e.jsxs(v,{button:e.jsx(L,{onClick:()=>b(!r),round:!0,icon:j.CHEVRON_LEFT}),open:r,width:300,closedWidth:"var(--size-sidebar)",children:[e.jsx(d,{drawer:!0,narrow:!r,list:{name:"Sites",items:[{id:1,name:"Main Site",type:"Heading"},{id:2,name:"Site name here",active:!0,label:{value:1,color:"#69779b"}},{id:3,name:"Locations",type:"Heading"},{id:4,name:"Ipsum",label:{value:2,color:"#69779b"}},{id:5,name:"Dolor",label:{value:3,color:"#69779b"}}]}}),e.jsx(d,{drawer:!0,narrow:!r,list:{name:"Wells",items:[{id:1,name:"Main Wellbore",type:"Heading"},{id:2,name:"Lorem",label:{value:1,color:"#77699b"}}]}}),e.jsx(d,{drawer:!0,narrow:!r,list:{name:"Targets",items:[{id:1,name:"Lorem",label:{value:1,color:"#9b6977"}}]}})]}),e.jsxs(i,{borderLeft:!0,flexbox:!0,children:[e.jsx(s,{}),e.jsx(F,{padding:!0,margin:!1,options:C}),e.jsxs(o,{spacing:0,flex:!0,children:[e.jsxs(i,{scroll:!0,padding:!0,width:550,children:[e.jsx(t,{top:!0,children:"Site name here"}),e.jsx(l,{label:"Name",children:e.jsx(a,{value:"Site name here",width:"200px"})}),e.jsxs(u,{heading:e.jsx(t,{children:"Coordinate Reference System"}),managed:!0,children:[e.jsx(l,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{children:e.jsx(m,{label:"Dolor"})})]}),e.jsx(s,{}),e.jsx(t,{marginBottom:"var(--padding)",children:"Location"}),e.jsxs(o,{children:[e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})})]}),e.jsx(s,{}),e.jsx(t,{marginBottom:"var(--padding)",children:"Model"}),e.jsxs(o,{children:[e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})})]}),e.jsxs(u,{heading:e.jsx(t,{children:"Settings"}),managed:!0,children:[e.jsx(l,{children:e.jsx(m,{label:"Dolor"})}),e.jsxs(o,{children:[e.jsxs(i,{children:[e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})]}),e.jsxs(i,{children:[e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})]})]})]})]}),e.jsx(i,{children:e.jsx(S,{})})]})]})]})})]})};var p,c,h;n.parameters={...n.parameters,docs:{...(p=n.parameters)==null?void 0:p.docs,source:{originalSource:`() => {
+import{j as e}from"./jsx-runtime-f961835c.js";import{r as x}from"./index-f80c8c95.js";import{I as j}from"./common-types-2c81813f.js";import{T as g}from"./top-bar-a84b9365.js";import{S as w}from"./side-bar-88e8cf41.js";import{H as t}from"./heading-d29eb744.js";import{B as L}from"./button-74c97e4a.js";import{D as v}from"./drawer-7f450988.js";import{L as d}from"./list-0dc3df85.js";import{F as l}from"./field-a094cd72.js";import{I as a}from"./input-d68625a5.js";import{C as m}from"./check-box-e21258d5.js";import{P as f}from"./page-6d07f774.js";import{R as o,C as i}from"./row-2299f0e7.js";import{A as u}from"./accordion-168fa7c5.js";import{S as s}from"./spacer-54db0620.js";import{T as F}from"./tabs-cf5ccede.js";import"./index-a80ed1cf.js";import"./icon-e9cbb4d7.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./actions-2d4e1c8e.js";import"./lodash-75c70a11.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-20e7ee0b.js";import"./index-c7f280f6.js";import"./help-icon-d4189b1b.js";import"./spinner-a81ebe38.js";import"./index.es-85cc7dfc.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./memoize-one.esm-52518564.js";import"./card-3847c251.js";import"./list-heading-88cc8a9b.js";import"./loader-87ec8334.js";import"./label-13d490a3.js";import"./styled-components.browser.esm-416d73e5.js";import"./select.input-88b6ebab.js";const C=[{label:"Import",value:"import",right:!0},{label:"Settings",value:"settings",right:!0}],S=()=>e.jsx("div",{style:{background:"#AAD3DF",borderLeft:"1px solid #8AB3BF",display:"flex",alignItems:"center",justifyContent:"center",color:"white",height:"100%"},children:"MAP"}),be={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},n=()=>{const[r,b]=x.useState(!0);return e.jsxs(e.Fragment,{children:[e.jsx(g,{}),e.jsx(w,{options:{title:"",sections:[]},width:"250px"}),e.jsx(f,{padding:!1,scroll:!1,children:e.jsxs(o,{spacing:0,flex:!0,children:[e.jsxs(v,{button:e.jsx(L,{onClick:()=>b(!r),round:!0,icon:j.CHEVRON_LEFT}),open:r,width:300,closedWidth:"var(--size-sidebar)",children:[e.jsx(d,{drawer:!0,narrow:!r,list:{name:"Sites",items:[{id:1,name:"Main Site",type:"Heading"},{id:2,name:"Site name here",active:!0,label:{value:1,color:"#69779b"}},{id:3,name:"Locations",type:"Heading"},{id:4,name:"Ipsum",label:{value:2,color:"#69779b"}},{id:5,name:"Dolor",label:{value:3,color:"#69779b"}}]}}),e.jsx(d,{drawer:!0,narrow:!r,list:{name:"Wells",items:[{id:1,name:"Main Wellbore",type:"Heading"},{id:2,name:"Lorem",label:{value:1,color:"#77699b"}}]}}),e.jsx(d,{drawer:!0,narrow:!r,list:{name:"Targets",items:[{id:1,name:"Lorem",label:{value:1,color:"#9b6977"}}]}})]}),e.jsxs(i,{borderLeft:!0,flexbox:!0,children:[e.jsx(s,{}),e.jsx(F,{padding:!0,margin:!1,options:C}),e.jsxs(o,{spacing:0,flex:!0,children:[e.jsxs(i,{scroll:!0,padding:!0,width:550,children:[e.jsx(t,{top:!0,children:"Site name here"}),e.jsx(l,{label:"Name",children:e.jsx(a,{value:"Site name here",width:"200px"})}),e.jsxs(u,{heading:e.jsx(t,{children:"Coordinate Reference System"}),managed:!0,children:[e.jsx(l,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{children:e.jsx(m,{label:"Dolor"})})]}),e.jsx(s,{}),e.jsx(t,{marginBottom:"var(--padding)",children:"Location"}),e.jsxs(o,{children:[e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})})]}),e.jsx(s,{}),e.jsx(t,{marginBottom:"var(--padding)",children:"Model"}),e.jsxs(o,{children:[e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})})]}),e.jsxs(u,{heading:e.jsx(t,{children:"Settings"}),managed:!0,children:[e.jsx(l,{children:e.jsx(m,{label:"Dolor"})}),e.jsxs(o,{children:[e.jsxs(i,{children:[e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})]}),e.jsxs(i,{children:[e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})]})]})]})]}),e.jsx(i,{children:e.jsx(S,{})})]})]})]})})]})};var p,c,h;n.parameters={...n.parameters,docs:{...(p=n.parameters)==null?void 0:p.docs,source:{originalSource:`() => {
   const [open, setOpen] = useState(true);
   return <>
       <TopBar />
@@ -163,4 +163,4 @@ import{j as e}from"./jsx-runtime-f961835c.js";import{r as x}from"./index-f80c8c9
         </Row>
       </Page>
     </>;
-}`,...(h=(c=n.parameters)==null?void 0:c.docs)==null?void 0:h.source}}};n.__docgenInfo={description:"",methods:[],displayName:"Site"};const je=["Site"];export{n as Site,je as __namedExportsOrder,xe as default};
+}`,...(h=(c=n.parameters)==null?void 0:c.docs)==null?void 0:h.source}}};n.__docgenInfo={description:"",methods:[],displayName:"Site"};const xe=["Site"];export{n as Site,xe as __namedExportsOrder,be as default};