@oliasoft-open-source/react-ui-library 3.13.0-beta-6 → 3.13.0

package/dist/storybook/assets/dialog.7d2ec7bf.js

@@ -0,0 +1 @@
+import{j as o}from"./jsx-runtime.bc0b5389.js";import{r as g}from"./index.8c7046c4.js";import{p as e}from"./index.73b4811b.js";import{c as d}from"./index.55214191.js";import{P as h}from"./portal.4865d72e.js";import{l as j}from"./lodash.96de7017.js";import{H as y}from"./heading.8dbffdbe.js";import{I as v}from"./icon.e3eba0d8.js";const b="_wrapper_1p5vo_341",w="_contentContainer_1p5vo_355",C="_centered_1p5vo_367",q="_newLine_1p5vo_371",p={wrapper:b,contentContainer:w,centered:C,newLine:q},N=({children:t})=>o.exports.jsx("div",{className:d(p.wrapper),children:t}),T=({children:t,width:r,centered:n})=>o.exports.jsx("div",{className:d(p.contentContainer,n?p.centered:""),style:{maxWidth:r},children:t}),l=({children:t,visible:r,centered:n,width:a})=>o.exports.jsxs(o.exports.Fragment,{children:[o.exports.jsx(h,{id:"modalContainer",children:r?o.exports.jsx(N,{children:o.exports.jsx(T,{width:a,centered:n,children:t})}):null}),o.exports.jsx("div",{id:"modalContainer"})]});l.defaultProps={visible:!1,centered:!1,width:"100%"};l.propTypes={children:e.exports.node.isRequired,visible:e.exports.bool,centered:e.exports.bool,width:e.exports.oneOfType([e.exports.string,e.exports.number])};l.__docgenInfo={description:"",methods:[],displayName:"Modal",props:{visible:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},centered:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},width:{defaultValue:{value:"'100%'",computed:!1},description:"",type:{name:"union",value:[{name:"string"},{name:"number"}]},required:!1},children:{description:"",type:{name:"node"},required:!0}}};const k="_dialog_11kaj_1",O="_inline_11kaj_19",I="_scroll_11kaj_22",P="_header_11kaj_25",R="_dismiss_11kaj_33",$="_content_11kaj_44",D="_footer_11kaj_53",i={dialog:k,inline:O,scroll:I,header:P,dismiss:R,content:$,footer:D},L=t=>j.exports.isArray(t)?t.map((r,n)=>o.exports.jsxs(g.exports.Fragment,{children:[r," ",o.exports.jsx("br",{})]},n)):t,u=({dialog:t})=>{const{heading:r,content:n,contentPadding:a=20,footer:c,scroll:f,width:x,height:_,onClose:m,testId:s}=t;return o.exports.jsxs("div",{className:d(i.dialog,x?i.inline:null,f?i.scroll:null),style:{width:x,height:_},"data-testid":s!=null?s:null,children:[o.exports.jsxs("div",{className:i.header,children:[o.exports.jsx(y,{testId:s&&`${s}-heading`,top:!0,marginBottom:0,children:r}),m?o.exports.jsx("div",{className:i.dismiss,children:o.exports.jsx(v,{icon:"close",onClick:m})}):null]}),o.exports.jsx("div",{"data-testid":s&&`${s}-content`,className:i.content,style:{padding:a},children:L(n)}),c&&o.exports.jsx("div",{"data-testid":s&&`${s}-footer`,className:i.footer,children:c})]})},M=e.exports.shape({heading:e.exports.string,content:e.exports.oneOfType([e.exports.string,e.exports.number,e.exports.node,e.exports.arrayOf(e.exports.string)]).isRequired,contentPadding:e.exports.oneOfType([e.exports.string,e.exports.number]),footer:e.exports.node,width:e.exports.oneOfType([e.exports.string,e.exports.number]),height:e.exports.oneOfType([e.exports.string,e.exports.number]),bordered:e.exports.bool,onClose:e.exports.func,scroll:e.exports.bool,testId:e.exports.string});u.propTypes={dialog:M.isRequired};u.__docgenInfo={description:"",methods:[],displayName:"Dialog",props:{dialog:{description:"",type:{name:"custom",raw:"dialogShape.isRequired"},required:!1}}};export{u as D,l as M};

package/dist/storybook/assets/disabled-context.f2b44977.js

@@ -0,0 +1 @@
+import{R as o}from"./index.8c7046c4.js";import{p as e}from"./index.73b4811b.js";const p=o.createContext(!1);p.Provider.propTypes={value:e.exports.bool};export{p as D};

package/dist/storybook/assets/divider.20ce8ba0.js

@@ -0,0 +1 @@
+import{j as s}from"./jsx-runtime.bc0b5389.js";import"./index.8c7046c4.js";import{p as r}from"./index.73b4811b.js";import{T as l}from"./text.dbb2d441.js";const p="_divider_1kl4r_341",d="_alignLeft_1kl4r_352",g="_alignRight_1kl4r_355",t={divider:p,alignLeft:d,alignRight:g},m=e=>{switch(e){case"left":return t.alignLeft;case"right":return t.alignRight;default:return""}},i=({children:e,margin:o,color:a,align:n})=>s.exports.jsx("div",{className:`${t.divider} ${m(n)}`,style:{marginTop:o,marginBottom:o,"--color":a},children:typeof e=="string"?s.exports.jsx(l,{muted:!0,children:e}):e});i.defaultProps={margin:20,color:"var(--color-border)",align:"center"};i.propTypes={margin:r.exports.oneOfType([r.exports.number,r.exports.string]),color:r.exports.string,align:r.exports.string};i.__docgenInfo={description:"",methods:[],displayName:"Divider",props:{margin:{defaultValue:{value:"20",computed:!1},description:"",type:{name:"union",value:[{name:"number"},{name:"string"}]},required:!1},color:{defaultValue:{value:"'var(--color-border)'",computed:!1},description:"",type:{name:"string"},required:!1},align:{defaultValue:{value:"'center'",computed:!1},description:"",type:{name:"string"},required:!1}}};export{i as D};

package/dist/storybook/assets/divider.stories.42ee45ba.js

@@ -0,0 +1,9 @@
+import{j as t}from"./jsx-runtime.bc0b5389.js";import"./index.8c7046c4.js";import{D as b}from"./divider.20ce8ba0.js";import{T as v}from"./text.dbb2d441.js";import"./index.73b4811b.js";import"./index.55214191.js";const M={title:"Layout/Divider",component:b,argTypes:{align:{control:{type:"inline-radio"},options:["left","center","right"]}},decorators:[i=>t.exports.jsxs(t.exports.Fragment,{children:["content",i(),"more content"]})],parameters:{docs:{source:{excludeDecorators:!0}}}},a=i=>t.exports.jsx(b,{...i}),o=a.bind({}),e=a.bind({});e.args={children:"Heading",align:"left"};const r=a.bind({});r.args={margin:0};const s=a.bind({});s.args={color:"var(--color-text-success)",children:t.exports.jsx(v,{success:!0,children:"Colored text"}),align:"left"};var n,c,p;o.parameters={...o.parameters,docs:{...(n=o.parameters)==null?void 0:n.docs,source:{originalSource:`args => <Divider
+// eslint-disable-next-line react/jsx-props-no-spreading
+{...args} />`,...(p=(c=o.parameters)==null?void 0:c.docs)==null?void 0:p.source}}};var d,l,m;e.parameters={...e.parameters,docs:{...(d=e.parameters)==null?void 0:d.docs,source:{originalSource:`args => <Divider
+// eslint-disable-next-line react/jsx-props-no-spreading
+{...args} />`,...(m=(l=e.parameters)==null?void 0:l.docs)==null?void 0:m.source}}};var g,u,x;r.parameters={...r.parameters,docs:{...(g=r.parameters)==null?void 0:g.docs,source:{originalSource:`args => <Divider
+// eslint-disable-next-line react/jsx-props-no-spreading
+{...args} />`,...(x=(u=r.parameters)==null?void 0:u.docs)==null?void 0:x.source}}};var D,f,j;s.parameters={...s.parameters,docs:{...(D=s.parameters)==null?void 0:D.docs,source:{originalSource:`args => <Divider
+// eslint-disable-next-line react/jsx-props-no-spreading
+{...args} />`,...(j=(f=s.parameters)==null?void 0:f.docs)==null?void 0:j.source}}};const W=["Default","WithText","Margin","CustomColor"];export{s as CustomColor,o as Default,r as Margin,e as WithText,W as __namedExportsOrder,M as default};

package/dist/storybook/assets/drawer.689d1d8f.js

@@ -0,0 +1,5 @@
+import{j as z}from"./jsx-runtime.bc0b5389.js";import{a as Et,r as X,R as Nt}from"./index.8c7046c4.js";import{p as m}from"./index.73b4811b.js";import{c as _e}from"./index.55214191.js";import{B as Wt}from"./button.a5847ae5.js";import{B as jt}from"./badge.0f92e7c9.js";import{r as ct}from"./index.3a536397.js";import{a as $t}from"./clsx.m.b4047539.js";import{I as Ht}from"./icon.e3eba0d8.js";const At="_inputInTable_iomrv_341",qt="_inputHover_iomrv_350",It="_inputFocus_iomrv_355",Bt="_inputError_iomrv_362",Vt="_inputWarning_iomrv_363",kt="_inputDisabled_iomrv_398",Ut="_hideScrollbars_iomrv_403",Xt="_inline_iomrv_425",Yt="_left_iomrv_428",Ft="_right_iomrv_431",Lt="_fixed_iomrv_434",Gt="_border_iomrv_446",Kt="_shadow_iomrv_452",Jt="_drawerContent_iomrv_455",Qt="_isResizing_iomrv_467",Zt="_toggleButton_iomrv_478",er="_top_iomrv_491",tr="_bottom_iomrv_494",rr="_toggleButtonOpen_iomrv_497",nr="_tabs_iomrv_500",ar="_tab_iomrv_500",or="_active_iomrv_532",ir="_tabsContent_iomrv_554",sr="_resizeHandle_iomrv_560",C={inputInTable:At,inputHover:qt,inputFocus:It,inputError:Bt,inputWarning:Vt,inputDisabled:kt,hideScrollbars:Ut,inline:Xt,left:Yt,right:Ft,fixed:Lt,border:Gt,shadow:Kt,drawerContent:Jt,isResizing:Qt,toggleButton:Zt,top:er,bottom:tr,toggleButtonOpen:rr,tabs:nr,tab:ar,active:or,tabsContent:ir,resizeHandle:sr},lr=({badge:e,children:t})=>e?z.exports.jsx(jt,{small:!0,title:e,children:t}):t,pt=({tabs:e,activeTab:t,open:n,background:r,handleTabClick:a,width:o,testId:s})=>z.exports.jsxs(z.exports.Fragment,{children:[z.exports.jsx("div",{className:C.tabs,children:e.map((u,d)=>z.exports.jsx("div",{className:_e(C.tab,t===d&&n?C.active:""),style:{background:r},onClick:()=>a(d),"data-testid":s&&`${s}-icon-${d}`,children:z.exports.jsx(lr,{badge:u.badge,children:u.icon})},d))}),e.map((u,d)=>{const h=t===d;return z.exports.jsx("div",{style:{width:o},className:C.tabsContent,"data-testid":s&&`${s}-content-${d}`,children:h&&n&&u.content},d)})]});pt.__docgenInfo={description:"",methods:[],displayName:"DrawerTabs"};var Xe={exports:{}},de={},xe={exports:{}},dt={};const ur=Et($t);var D={},I={};Object.defineProperty(I,"__esModule",{value:!0});I.dontSetMe=mr;I.findInArray=fr;I.int=dr;I.isFunction=cr;I.isNum=pr;function fr(e,t){for(var n=0,r=e.length;n<r;n++)if(t.apply(t,[e[n],n,e]))return e[n]}function cr(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Function]"}function pr(e){return typeof e=="number"&&!isNaN(e)}function dr(e){return parseInt(e,10)}function mr(e,t,n){if(e[t])return new Error("Invalid prop ".concat(t," passed to ").concat(n," - do not set this, set it on the child."))}var te={};Object.defineProperty(te,"__esModule",{value:!0});te.browserPrefixToKey=gt;te.browserPrefixToStyle=gr;te.default=void 0;te.getPrefix=mt;var Ne=["Moz","Webkit","O","ms"];function mt(){var e,t,n=arguments.length>0&&arguments[0]!==void 0?arguments[0]:"transform";if(typeof window>"u")return"";var r=(e=window.document)===null||e===void 0||(t=e.documentElement)===null||t===void 0?void 0:t.style;if(!r||n in r)return"";for(var a=0;a<Ne.length;a++)if(gt(n,Ne[a])in r)return Ne[a];return""}function gt(e,t){return t?"".concat(t).concat(hr(e)):e}function gr(e,t){return t?"-".concat(t.toLowerCase(),"-").concat(e):e}function hr(e){for(var t="",n=!0,r=0;r<e.length;r++)n?(t+=e[r].toUpperCase(),n=!1):e[r]==="-"?n=!0:t+=e[r];return t}var vr=mt();te.default=vr;function Ae(e){return Ae=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Ae(e)}Object.defineProperty(D,"__esModule",{value:!0});D.addClassName=_t;D.addEvent=_r;D.addUserSelectStyles=Mr;D.createCSSTransform=Rr;D.createSVGTransform=Tr;D.getTouch=zr;D.getTouchIdentifier=Cr;D.getTranslation=Ye;D.innerHeight=xr;D.innerWidth=Dr;D.matchesSelector=bt;D.matchesSelectorAndParentsTo=br;D.offsetXYFromParent=Pr;D.outerHeight=wr;D.outerWidth=Sr;D.removeClassName=Ot;D.removeEvent=Or;D.removeUserSelectStyles=Er;var H=I,tt=yr(te);function ht(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,n=new WeakMap;return(ht=function(a){return a?n:t})(e)}function yr(e,t){if(!t&&e&&e.__esModule)return e;if(e===null||Ae(e)!=="object"&&typeof e!="function")return{default:e};var n=ht(t);if(n&&n.has(e))return n.get(e);var r={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var s=a?Object.getOwnPropertyDescriptor(e,o):null;s&&(s.get||s.set)?Object.defineProperty(r,o,s):r[o]=e[o]}return r.default=e,n&&n.set(e,r),r}function rt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),n.push.apply(n,r)}return n}function vt(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?rt(Object(n),!0).forEach(function(r){yt(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):rt(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}function yt(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var be="";function bt(e,t){return be||(be=(0,H.findInArray)(["matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector"],function(n){return(0,H.isFunction)(e[n])})),(0,H.isFunction)(e[be])?e[be](t):!1}function br(e,t,n){var r=e;do{if(bt(r,t))return!0;if(r===n)return!1;r=r.parentNode}while(r);return!1}function _r(e,t,n,r){if(!!e){var a=vt({capture:!0},r);e.addEventListener?e.addEventListener(t,n,a):e.attachEvent?e.attachEvent("on"+t,n):e["on"+t]=n}}function Or(e,t,n,r){if(!!e){var a=vt({capture:!0},r);e.removeEventListener?e.removeEventListener(t,n,a):e.detachEvent?e.detachEvent("on"+t,n):e["on"+t]=null}}function wr(e){var t=e.clientHeight,n=e.ownerDocument.defaultView.getComputedStyle(e);return t+=(0,H.int)(n.borderTopWidth),t+=(0,H.int)(n.borderBottomWidth),t}function Sr(e){var t=e.clientWidth,n=e.ownerDocument.defaultView.getComputedStyle(e);return t+=(0,H.int)(n.borderLeftWidth),t+=(0,H.int)(n.borderRightWidth),t}function xr(e){var t=e.clientHeight,n=e.ownerDocument.defaultView.getComputedStyle(e);return t-=(0,H.int)(n.paddingTop),t-=(0,H.int)(n.paddingBottom),t}function Dr(e){var t=e.clientWidth,n=e.ownerDocument.defaultView.getComputedStyle(e);return t-=(0,H.int)(n.paddingLeft),t-=(0,H.int)(n.paddingRight),t}function Pr(e,t,n){var r=t===t.ownerDocument.body,a=r?{left:0,top:0}:t.getBoundingClientRect(),o=(e.clientX+t.scrollLeft-a.left)/n,s=(e.clientY+t.scrollTop-a.top)/n;return{x:o,y:s}}function Rr(e,t){var n=Ye(e,t,"px");return yt({},(0,tt.browserPrefixToKey)("transform",tt.default),n)}function Tr(e,t){var n=Ye(e,t,"");return n}function Ye(e,t,n){var r=e.x,a=e.y,o="translate(".concat(r).concat(n,",").concat(a).concat(n,")");if(t){var s="".concat(typeof t.x=="string"?t.x:t.x+n),u="".concat(typeof t.y=="string"?t.y:t.y+n);o="translate(".concat(s,", ").concat(u,")")+o}return o}function zr(e,t){return e.targetTouches&&(0,H.findInArray)(e.targetTouches,function(n){return t===n.identifier})||e.changedTouches&&(0,H.findInArray)(e.changedTouches,function(n){return t===n.identifier})}function Cr(e){if(e.targetTouches&&e.targetTouches[0])return e.targetTouches[0].identifier;if(e.changedTouches&&e.changedTouches[0])return e.changedTouches[0].identifier}function Mr(e){if(!!e){var t=e.getElementById("react-draggable-style-el");t||(t=e.createElement("style"),t.type="text/css",t.id="react-draggable-style-el",t.innerHTML=`.react-draggable-transparent-selection *::-moz-selection {all: inherit;}
+`,t.innerHTML+=`.react-draggable-transparent-selection *::selection {all: inherit;}
+`,e.getElementsByTagName("head")[0].appendChild(t)),e.body&&_t(e.body,"react-draggable-transparent-selection")}}function Er(e){if(!!e)try{if(e.body&&Ot(e.body,"react-draggable-transparent-selection"),e.selection)e.selection.empty();else{var t=(e.defaultView||window).getSelection();t&&t.type!=="Caret"&&t.removeAllRanges()}}catch{}}function _t(e,t){e.classList?e.classList.add(t):e.className.match(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)")))||(e.className+=" ".concat(t))}function Ot(e,t){e.classList?e.classList.remove(t):e.className=e.className.replace(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)"),"g"),"")}var B={};Object.defineProperty(B,"__esModule",{value:!0});B.canDragX=jr;B.canDragY=$r;B.createCoreData=Ar;B.createDraggableData=qr;B.getBoundPosition=Nr;B.getControlPosition=Hr;B.snapToGrid=Wr;var $=I,le=D;function Nr(e,t,n){if(!e.props.bounds)return[t,n];var r=e.props.bounds;r=typeof r=="string"?r:Ir(r);var a=Fe(e);if(typeof r=="string"){var o=a.ownerDocument,s=o.defaultView,u;if(r==="parent"?u=a.parentNode:u=o.querySelector(r),!(u instanceof s.HTMLElement))throw new Error('Bounds selector "'+r+'" could not find an element.');var d=u,h=s.getComputedStyle(a),v=s.getComputedStyle(d);r={left:-a.offsetLeft+(0,$.int)(v.paddingLeft)+(0,$.int)(h.marginLeft),top:-a.offsetTop+(0,$.int)(v.paddingTop)+(0,$.int)(h.marginTop),right:(0,le.innerWidth)(d)-(0,le.outerWidth)(a)-a.offsetLeft+(0,$.int)(v.paddingRight)-(0,$.int)(h.marginRight),bottom:(0,le.innerHeight)(d)-(0,le.outerHeight)(a)-a.offsetTop+(0,$.int)(v.paddingBottom)-(0,$.int)(h.marginBottom)}}return(0,$.isNum)(r.right)&&(t=Math.min(t,r.right)),(0,$.isNum)(r.bottom)&&(n=Math.min(n,r.bottom)),(0,$.isNum)(r.left)&&(t=Math.max(t,r.left)),(0,$.isNum)(r.top)&&(n=Math.max(n,r.top)),[t,n]}function Wr(e,t,n){var r=Math.round(t/e[0])*e[0],a=Math.round(n/e[1])*e[1];return[r,a]}function jr(e){return e.props.axis==="both"||e.props.axis==="x"}function $r(e){return e.props.axis==="both"||e.props.axis==="y"}function Hr(e,t,n){var r=typeof t=="number"?(0,le.getTouch)(e,t):null;if(typeof t=="number"&&!r)return null;var a=Fe(n),o=n.props.offsetParent||a.offsetParent||a.ownerDocument.body;return(0,le.offsetXYFromParent)(r||e,o,n.props.scale)}function Ar(e,t,n){var r=e.state,a=!(0,$.isNum)(r.lastX),o=Fe(e);return a?{node:o,deltaX:0,deltaY:0,lastX:t,lastY:n,x:t,y:n}:{node:o,deltaX:t-r.lastX,deltaY:n-r.lastY,lastX:r.lastX,lastY:r.lastY,x:t,y:n}}function qr(e,t){var n=e.props.scale;return{node:t.node,x:e.state.x+t.deltaX/n,y:e.state.y+t.deltaY/n,deltaX:t.deltaX/n,deltaY:t.deltaY/n,lastX:e.state.x,lastY:e.state.y}}function Ir(e){return{left:e.left,top:e.top,right:e.right,bottom:e.bottom}}function Fe(e){var t=e.findDOMNode();if(!t)throw new Error("<DraggableCore>: Unmounted during event!");return t}var De={},Pe={};Object.defineProperty(Pe,"__esModule",{value:!0});Pe.default=Br;function Br(){}function Oe(e){return Oe=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Oe(e)}Object.defineProperty(De,"__esModule",{value:!0});De.default=void 0;var We=kr(X.exports),j=Le(m.exports),Vr=Le(ct.exports),N=D,L=B,je=I,ce=Le(Pe);function Le(e){return e&&e.__esModule?e:{default:e}}function wt(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,n=new WeakMap;return(wt=function(a){return a?n:t})(e)}function kr(e,t){if(!t&&e&&e.__esModule)return e;if(e===null||Oe(e)!=="object"&&typeof e!="function")return{default:e};var n=wt(t);if(n&&n.has(e))return n.get(e);var r={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var s=a?Object.getOwnPropertyDescriptor(e,o):null;s&&(s.get||s.set)?Object.defineProperty(r,o,s):r[o]=e[o]}return r.default=e,n&&n.set(e,r),r}function nt(e,t){return Fr(e)||Yr(e,t)||Xr(e,t)||Ur()}function Ur(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function Xr(e,t){if(!!e){if(typeof e=="string")return at(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);if(n==="Object"&&e.constructor&&(n=e.constructor.name),n==="Map"||n==="Set")return Array.from(e);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return at(e,t)}}function at(e,t){(t==null||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Yr(e,t){var n=e==null?null:typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(n!=null){var r=[],a=!0,o=!1,s,u;try{for(n=n.call(e);!(a=(s=n.next()).done)&&(r.push(s.value),!(t&&r.length===t));a=!0);}catch(d){o=!0,u=d}finally{try{!a&&n.return!=null&&n.return()}finally{if(o)throw u}}return r}}function Fr(e){if(Array.isArray(e))return e}function Lr(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function ot(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function Gr(e,t,n){return t&&ot(e.prototype,t),n&&ot(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function Kr(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&qe(e,t)}function qe(e,t){return qe=Object.setPrototypeOf||function(r,a){return r.__proto__=a,r},qe(e,t)}function Jr(e){var t=Zr();return function(){var r=we(e),a;if(t){var o=we(this).constructor;a=Reflect.construct(r,arguments,o)}else a=r.apply(this,arguments);return Qr(this,a)}}function Qr(e,t){if(t&&(Oe(t)==="object"||typeof t=="function"))return t;if(t!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return W(e)}function W(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function Zr(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function we(e){return we=Object.setPrototypeOf?Object.getPrototypeOf:function(n){return n.__proto__||Object.getPrototypeOf(n)},we(e)}function A(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var q={touch:{start:"touchstart",move:"touchmove",stop:"touchend"},mouse:{start:"mousedown",move:"mousemove",stop:"mouseup"}},G=q.mouse,Re=function(e){Kr(n,e);var t=Jr(n);function n(){var r;Lr(this,n);for(var a=arguments.length,o=new Array(a),s=0;s<a;s++)o[s]=arguments[s];return r=t.call.apply(t,[this].concat(o)),A(W(r),"state",{dragging:!1,lastX:NaN,lastY:NaN,touchIdentifier:null}),A(W(r),"mounted",!1),A(W(r),"handleDragStart",function(u){if(r.props.onMouseDown(u),!r.props.allowAnyClick&&typeof u.button=="number"&&u.button!==0)return!1;var d=r.findDOMNode();if(!d||!d.ownerDocument||!d.ownerDocument.body)throw new Error("<DraggableCore> not mounted on DragStart!");var h=d.ownerDocument;if(!(r.props.disabled||!(u.target instanceof h.defaultView.Node)||r.props.handle&&!(0,N.matchesSelectorAndParentsTo)(u.target,r.props.handle,d)||r.props.cancel&&(0,N.matchesSelectorAndParentsTo)(u.target,r.props.cancel,d))){u.type==="touchstart"&&u.preventDefault();var v=(0,N.getTouchIdentifier)(u);r.setState({touchIdentifier:v});var b=(0,L.getControlPosition)(u,v,W(r));if(b!=null){var O=b.x,x=b.y,w=(0,L.createCoreData)(W(r),O,x);(0,ce.default)("DraggableCore: handleDragStart: %j",w),(0,ce.default)("calling",r.props.onStart);var P=r.props.onStart(u,w);P===!1||r.mounted===!1||(r.props.enableUserSelectHack&&(0,N.addUserSelectStyles)(h),r.setState({dragging:!0,lastX:O,lastY:x}),(0,N.addEvent)(h,G.move,r.handleDrag),(0,N.addEvent)(h,G.stop,r.handleDragStop))}}}),A(W(r),"handleDrag",function(u){var d=(0,L.getControlPosition)(u,r.state.touchIdentifier,W(r));if(d!=null){var h=d.x,v=d.y;if(Array.isArray(r.props.grid)){var b=h-r.state.lastX,O=v-r.state.lastY,x=(0,L.snapToGrid)(r.props.grid,b,O),w=nt(x,2);if(b=w[0],O=w[1],!b&&!O)return;h=r.state.lastX+b,v=r.state.lastY+O}var P=(0,L.createCoreData)(W(r),h,v);(0,ce.default)("DraggableCore: handleDrag: %j",P);var E=r.props.onDrag(u,P);if(E===!1||r.mounted===!1){try{r.handleDragStop(new MouseEvent("mouseup"))}catch{var T=document.createEvent("MouseEvents");T.initMouseEvent("mouseup",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),r.handleDragStop(T)}return}r.setState({lastX:h,lastY:v})}}),A(W(r),"handleDragStop",function(u){if(!!r.state.dragging){var d=(0,L.getControlPosition)(u,r.state.touchIdentifier,W(r));if(d!=null){var h=d.x,v=d.y;if(Array.isArray(r.props.grid)){var b=h-r.state.lastX||0,O=v-r.state.lastY||0,x=(0,L.snapToGrid)(r.props.grid,b,O),w=nt(x,2);b=w[0],O=w[1],h=r.state.lastX+b,v=r.state.lastY+O}var P=(0,L.createCoreData)(W(r),h,v),E=r.props.onStop(u,P);if(E===!1||r.mounted===!1)return!1;var T=r.findDOMNode();T&&r.props.enableUserSelectHack&&(0,N.removeUserSelectStyles)(T.ownerDocument),(0,ce.default)("DraggableCore: handleDragStop: %j",P),r.setState({dragging:!1,lastX:NaN,lastY:NaN}),T&&((0,ce.default)("DraggableCore: Removing handlers"),(0,N.removeEvent)(T.ownerDocument,G.move,r.handleDrag),(0,N.removeEvent)(T.ownerDocument,G.stop,r.handleDragStop))}}}),A(W(r),"onMouseDown",function(u){return G=q.mouse,r.handleDragStart(u)}),A(W(r),"onMouseUp",function(u){return G=q.mouse,r.handleDragStop(u)}),A(W(r),"onTouchStart",function(u){return G=q.touch,r.handleDragStart(u)}),A(W(r),"onTouchEnd",function(u){return G=q.touch,r.handleDragStop(u)}),r}return Gr(n,[{key:"componentDidMount",value:function(){this.mounted=!0;var a=this.findDOMNode();a&&(0,N.addEvent)(a,q.touch.start,this.onTouchStart,{passive:!1})}},{key:"componentWillUnmount",value:function(){this.mounted=!1;var a=this.findDOMNode();if(a){var o=a.ownerDocument;(0,N.removeEvent)(o,q.mouse.move,this.handleDrag),(0,N.removeEvent)(o,q.touch.move,this.handleDrag),(0,N.removeEvent)(o,q.mouse.stop,this.handleDragStop),(0,N.removeEvent)(o,q.touch.stop,this.handleDragStop),(0,N.removeEvent)(a,q.touch.start,this.onTouchStart,{passive:!1}),this.props.enableUserSelectHack&&(0,N.removeUserSelectStyles)(o)}}},{key:"findDOMNode",value:function(){var a,o,s;return(a=this.props)!==null&&a!==void 0&&a.nodeRef?(o=this.props)===null||o===void 0||(s=o.nodeRef)===null||s===void 0?void 0:s.current:Vr.default.findDOMNode(this)}},{key:"render",value:function(){return We.cloneElement(We.Children.only(this.props.children),{onMouseDown:this.onMouseDown,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}}]),n}(We.Component);De.default=Re;A(Re,"displayName","DraggableCore");A(Re,"propTypes",{allowAnyClick:j.default.bool,disabled:j.default.bool,enableUserSelectHack:j.default.bool,offsetParent:function(t,n){if(t[n]&&t[n].nodeType!==1)throw new Error("Draggable's offsetParent must be a DOM Node.")},grid:j.default.arrayOf(j.default.number),handle:j.default.string,cancel:j.default.string,nodeRef:j.default.object,onStart:j.default.func,onDrag:j.default.func,onStop:j.default.func,onMouseDown:j.default.func,scale:j.default.number,className:je.dontSetMe,style:je.dontSetMe,transform:je.dontSetMe});A(Re,"defaultProps",{allowAnyClick:!1,disabled:!1,enableUserSelectHack:!0,onStart:function(){},onDrag:function(){},onStop:function(){},onMouseDown:function(){},scale:1});(function(e){function t(i){return t=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(l){return typeof l}:function(l){return l&&typeof Symbol=="function"&&l.constructor===Symbol&&l!==Symbol.prototype?"symbol":typeof l},t(i)}Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"DraggableCore",{enumerable:!0,get:function(){return h.default}}),e.default=void 0;var n=w(X.exports),r=O(m.exports),a=O(ct.exports),o=O(ur),s=D,u=B,d=I,h=O(De),v=O(Pe),b=["axis","bounds","children","defaultPosition","defaultClassName","defaultClassNameDragging","defaultClassNameDragged","position","positionOffset","scale"];function O(i){return i&&i.__esModule?i:{default:i}}function x(i){if(typeof WeakMap!="function")return null;var l=new WeakMap,f=new WeakMap;return(x=function(p){return p?f:l})(i)}function w(i,l){if(!l&&i&&i.__esModule)return i;if(i===null||t(i)!=="object"&&typeof i!="function")return{default:i};var f=x(l);if(f&&f.has(i))return f.get(i);var c={},p=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var g in i)if(g!=="default"&&Object.prototype.hasOwnProperty.call(i,g)){var _=p?Object.getOwnPropertyDescriptor(i,g):null;_&&(_.get||_.set)?Object.defineProperty(c,g,_):c[g]=i[g]}return c.default=i,f&&f.set(i,c),c}function P(){return P=Object.assign||function(i){for(var l=1;l<arguments.length;l++){var f=arguments[l];for(var c in f)Object.prototype.hasOwnProperty.call(f,c)&&(i[c]=f[c])}return i},P.apply(this,arguments)}function E(i,l){if(i==null)return{};var f=T(i,l),c,p;if(Object.getOwnPropertySymbols){var g=Object.getOwnPropertySymbols(i);for(p=0;p<g.length;p++)c=g[p],!(l.indexOf(c)>=0)&&(!Object.prototype.propertyIsEnumerable.call(i,c)||(f[c]=i[c]))}return f}function T(i,l){if(i==null)return{};var f={},c=Object.keys(i),p,g;for(g=0;g<c.length;g++)p=c[g],!(l.indexOf(p)>=0)&&(f[p]=i[p]);return f}function K(i,l){var f=Object.keys(i);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(i);l&&(c=c.filter(function(p){return Object.getOwnPropertyDescriptor(i,p).enumerable})),f.push.apply(f,c)}return f}function M(i){for(var l=1;l<arguments.length;l++){var f=arguments[l]!=null?arguments[l]:{};l%2?K(Object(f),!0).forEach(function(c){U(i,c,f[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(i,Object.getOwnPropertyDescriptors(f)):K(Object(f)).forEach(function(c){Object.defineProperty(i,c,Object.getOwnPropertyDescriptor(f,c))})}return i}function V(i,l){return Y(i)||ne(i,l)||re(i,l)||J()}function J(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function re(i,l){if(!!i){if(typeof i=="string")return k(i,l);var f=Object.prototype.toString.call(i).slice(8,-1);if(f==="Object"&&i.constructor&&(f=i.constructor.name),f==="Map"||f==="Set")return Array.from(i);if(f==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(f))return k(i,l)}}function k(i,l){(l==null||l>i.length)&&(l=i.length);for(var f=0,c=new Array(l);f<l;f++)c[f]=i[f];return c}function ne(i,l){var f=i==null?null:typeof Symbol<"u"&&i[Symbol.iterator]||i["@@iterator"];if(f!=null){var c=[],p=!0,g=!1,_,R;try{for(f=f.call(i);!(p=(_=f.next()).done)&&(c.push(_.value),!(l&&c.length===l));p=!0);}catch(S){g=!0,R=S}finally{try{!p&&f.return!=null&&f.return()}finally{if(g)throw R}}return c}}function Y(i){if(Array.isArray(i))return i}function Q(i,l){if(!(i instanceof l))throw new TypeError("Cannot call a class as a function")}function ae(i,l){for(var f=0;f<l.length;f++){var c=l[f];c.enumerable=c.enumerable||!1,c.configurable=!0,"value"in c&&(c.writable=!0),Object.defineProperty(i,c.key,c)}}function Ce(i,l,f){return l&&ae(i.prototype,l),f&&ae(i,f),Object.defineProperty(i,"prototype",{writable:!1}),i}function ue(i,l){if(typeof l!="function"&&l!==null)throw new TypeError("Super expression must either be null or a function");i.prototype=Object.create(l&&l.prototype,{constructor:{value:i,writable:!0,configurable:!0}}),Object.defineProperty(i,"prototype",{writable:!1}),l&&oe(i,l)}function oe(i,l){return oe=Object.setPrototypeOf||function(c,p){return c.__proto__=p,c},oe(i,l)}function Me(i){var l=zt();return function(){var c=ge(i),p;if(l){var g=ge(this).constructor;p=Reflect.construct(c,arguments,g)}else p=c.apply(this,arguments);return Z(this,p)}}function Z(i,l){if(l&&(t(l)==="object"||typeof l=="function"))return l;if(l!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return F(i)}function F(i){if(i===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return i}function zt(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function ge(i){return ge=Object.setPrototypeOf?Object.getPrototypeOf:function(f){return f.__proto__||Object.getPrototypeOf(f)},ge(i)}function U(i,l,f){return l in i?Object.defineProperty(i,l,{value:f,enumerable:!0,configurable:!0,writable:!0}):i[l]=f,i}var he=function(i){ue(f,i);var l=Me(f);function f(c){var p;return Q(this,f),p=l.call(this,c),U(F(p),"onDragStart",function(g,_){(0,v.default)("Draggable: onDragStart: %j",_);var R=p.props.onStart(g,(0,u.createDraggableData)(F(p),_));if(R===!1)return!1;p.setState({dragging:!0,dragged:!0})}),U(F(p),"onDrag",function(g,_){if(!p.state.dragging)return!1;(0,v.default)("Draggable: onDrag: %j",_);var R=(0,u.createDraggableData)(F(p),_),S={x:R.x,y:R.y};if(p.props.bounds){var fe=S.x,ie=S.y;S.x+=p.state.slackX,S.y+=p.state.slackY;var se=(0,u.getBoundPosition)(F(p),S.x,S.y),ee=V(se,2),Ee=ee[0],ve=ee[1];S.x=Ee,S.y=ve,S.slackX=p.state.slackX+(fe-S.x),S.slackY=p.state.slackY+(ie-S.y),R.x=S.x,R.y=S.y,R.deltaX=S.x-p.state.x,R.deltaY=S.y-p.state.y}var ye=p.props.onDrag(g,R);if(ye===!1)return!1;p.setState(S)}),U(F(p),"onDragStop",function(g,_){if(!p.state.dragging)return!1;var R=p.props.onStop(g,(0,u.createDraggableData)(F(p),_));if(R===!1)return!1;(0,v.default)("Draggable: onDragStop: %j",_);var S={dragging:!1,slackX:0,slackY:0},fe=Boolean(p.props.position);if(fe){var ie=p.props.position,se=ie.x,ee=ie.y;S.x=se,S.y=ee}p.setState(S)}),p.state={dragging:!1,dragged:!1,x:c.position?c.position.x:c.defaultPosition.x,y:c.position?c.position.y:c.defaultPosition.y,prevPropsPosition:M({},c.position),slackX:0,slackY:0,isElementSVG:!1},c.position&&!(c.onDrag||c.onStop)&&console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element."),p}return Ce(f,[{key:"componentDidMount",value:function(){typeof window.SVGElement<"u"&&this.findDOMNode()instanceof window.SVGElement&&this.setState({isElementSVG:!0})}},{key:"componentWillUnmount",value:function(){this.setState({dragging:!1})}},{key:"findDOMNode",value:function(){var p,g,_;return(p=(g=this.props)===null||g===void 0||(_=g.nodeRef)===null||_===void 0?void 0:_.current)!==null&&p!==void 0?p:a.default.findDOMNode(this)}},{key:"render",value:function(){var p,g=this.props;g.axis,g.bounds;var _=g.children,R=g.defaultPosition,S=g.defaultClassName,fe=g.defaultClassNameDragging,ie=g.defaultClassNameDragged,se=g.position,ee=g.positionOffset;g.scale;var Ee=E(g,b),ve={},ye=null,Ct=Boolean(se),Qe=!Ct||this.state.dragging,Ze=se||R,et={x:(0,u.canDragX)(this)&&Qe?this.state.x:Ze.x,y:(0,u.canDragY)(this)&&Qe?this.state.y:Ze.y};this.state.isElementSVG?ye=(0,s.createSVGTransform)(et,ee):ve=(0,s.createCSSTransform)(et,ee);var Mt=(0,o.default)(_.props.className||"",S,(p={},U(p,fe,this.state.dragging),U(p,ie,this.state.dragged),p));return n.createElement(h.default,P({},Ee,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),n.cloneElement(n.Children.only(_),{className:Mt,style:M(M({},_.props.style),ve),transform:ye}))}}],[{key:"getDerivedStateFromProps",value:function(p,g){var _=p.position,R=g.prevPropsPosition;return _&&(!R||_.x!==R.x||_.y!==R.y)?((0,v.default)("Draggable: getDerivedStateFromProps %j",{position:_,prevPropsPosition:R}),{x:_.x,y:_.y,prevPropsPosition:M({},_)}):null}}]),f}(n.Component);e.default=he,U(he,"displayName","Draggable"),U(he,"propTypes",M(M({},h.default.propTypes),{},{axis:r.default.oneOf(["both","x","y","none"]),bounds:r.default.oneOfType([r.default.shape({left:r.default.number,right:r.default.number,top:r.default.number,bottom:r.default.number}),r.default.string,r.default.oneOf([!1])]),defaultClassName:r.default.string,defaultClassNameDragging:r.default.string,defaultClassNameDragged:r.default.string,defaultPosition:r.default.shape({x:r.default.number,y:r.default.number}),positionOffset:r.default.shape({x:r.default.oneOfType([r.default.number,r.default.string]),y:r.default.oneOfType([r.default.number,r.default.string])}),position:r.default.shape({x:r.default.number,y:r.default.number}),className:d.dontSetMe,style:d.dontSetMe,transform:d.dontSetMe})),U(he,"defaultProps",M(M({},h.default.defaultProps),{},{axis:"both",bounds:!1,defaultClassName:"react-draggable",defaultClassNameDragging:"react-draggable-dragging",defaultClassNameDragged:"react-draggable-dragged",defaultPosition:{x:0,y:0},scale:1}))})(dt);var St=dt,xt=St.default,en=St.DraggableCore;xe.exports=xt;xe.exports.default=xt;xe.exports.DraggableCore=en;var Ge={};Ge.__esModule=!0;Ge.cloneElement=an;var tn=rn(X.exports);function rn(e){return e&&e.__esModule?e:{default:e}}function it(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),n.push.apply(n,r)}return n}function st(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?it(Object(n),!0).forEach(function(r){nn(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):it(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}function nn(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function an(e,t){return t.style&&e.props.style&&(t.style=st(st({},e.props.style),t.style)),t.className&&e.props.className&&(t.className=e.props.className+" "+t.className),tn.default.cloneElement(e,t)}var me={};me.__esModule=!0;me.resizableProps=void 0;var y=on(m.exports);function on(e){return e&&e.__esModule?e:{default:e}}var sn={axis:y.default.oneOf(["both","x","y","none"]),className:y.default.string,children:y.default.element.isRequired,draggableOpts:y.default.shape({allowAnyClick:y.default.bool,cancel:y.default.string,children:y.default.node,disabled:y.default.bool,enableUserSelectHack:y.default.bool,offsetParent:y.default.node,grid:y.default.arrayOf(y.default.number),handle:y.default.string,nodeRef:y.default.object,onStart:y.default.func,onDrag:y.default.func,onStop:y.default.func,onMouseDown:y.default.func,scale:y.default.number}),height:y.default.number.isRequired,handle:y.default.oneOfType([y.default.node,y.default.func]),handleSize:y.default.arrayOf(y.default.number),lockAspectRatio:y.default.bool,maxConstraints:y.default.arrayOf(y.default.number),minConstraints:y.default.arrayOf(y.default.number),onResizeStop:y.default.func,onResizeStart:y.default.func,onResize:y.default.func,resizeHandles:y.default.arrayOf(y.default.oneOf(["s","w","e","n","sw","nw","se","ne"])),transformScale:y.default.number,width:y.default.number.isRequired};me.resizableProps=sn;de.__esModule=!0;de.default=void 0;var pe=pn(X.exports),ln=xe.exports,un=Ge,fn=me,cn=["children","className","draggableOpts","width","height","handle","handleSize","lockAspectRatio","axis","minConstraints","maxConstraints","onResize","onResizeStop","onResizeStart","resizeHandles","transformScale"];function Dt(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,n=new WeakMap;return(Dt=function(a){return a?n:t})(e)}function pn(e,t){if(!t&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var n=Dt(t);if(n&&n.has(e))return n.get(e);var r={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var s=a?Object.getOwnPropertyDescriptor(e,o):null;s&&(s.get||s.set)?Object.defineProperty(r,o,s):r[o]=e[o]}return r.default=e,n&&n.set(e,r),r}function Ie(){return Ie=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Ie.apply(this,arguments)}function dn(e,t){if(e==null)return{};var n={},r=Object.keys(e),a,o;for(o=0;o<r.length;o++)a=r[o],!(t.indexOf(a)>=0)&&(n[a]=e[a]);return n}function lt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),n.push.apply(n,r)}return n}function $e(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?lt(Object(n),!0).forEach(function(r){mn(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):lt(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}function mn(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function gn(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,Be(e,t)}function Be(e,t){return Be=Object.setPrototypeOf||function(r,a){return r.__proto__=a,r},Be(e,t)}var Ke=function(e){gn(t,e);function t(){for(var r,a=arguments.length,o=new Array(a),s=0;s<a;s++)o[s]=arguments[s];return r=e.call.apply(e,[this].concat(o))||this,r.handleRefs={},r.lastHandleRect=null,r.slack=null,r}var n=t.prototype;return n.componentWillUnmount=function(){this.resetData()},n.resetData=function(){this.lastHandleRect=this.slack=null},n.runConstraints=function(a,o){var s=this.props,u=s.minConstraints,d=s.maxConstraints,h=s.lockAspectRatio;if(!u&&!d&&!h)return[a,o];if(h){var v=this.props.width/this.props.height,b=a-this.props.width,O=o-this.props.height;Math.abs(b)>Math.abs(O*v)?o=a/v:a=o*v}var x=a,w=o,P=this.slack||[0,0],E=P[0],T=P[1];return a+=E,o+=T,u&&(a=Math.max(u[0],a),o=Math.max(u[1],o)),d&&(a=Math.min(d[0],a),o=Math.min(d[1],o)),this.slack=[E+(x-a),T+(w-o)],[a,o]},n.resizeHandler=function(a,o){var s=this;return function(u,d){var h=d.node,v=d.deltaX,b=d.deltaY;a==="onResizeStart"&&s.resetData();var O=(s.props.axis==="both"||s.props.axis==="x")&&o!=="n"&&o!=="s",x=(s.props.axis==="both"||s.props.axis==="y")&&o!=="e"&&o!=="w";if(!(!O&&!x)){var w=o[0],P=o[o.length-1],E=h.getBoundingClientRect();if(s.lastHandleRect!=null){if(P==="w"){var T=E.left-s.lastHandleRect.left;v+=T}if(w==="n"){var K=E.top-s.lastHandleRect.top;b+=K}}s.lastHandleRect=E,P==="w"&&(v=-v),w==="n"&&(b=-b);var M=s.props.width+(O?v/s.props.transformScale:0),V=s.props.height+(x?b/s.props.transformScale:0),J=s.runConstraints(M,V);M=J[0],V=J[1];var re=M!==s.props.width||V!==s.props.height,k=typeof s.props[a]=="function"?s.props[a]:null,ne=a==="onResize"&&!re;k&&!ne&&(u.persist==null||u.persist(),k(u,{node:h,size:{width:M,height:V},handle:o})),a==="onResizeStop"&&s.resetData()}}},n.renderResizeHandle=function(a,o){var s=this.props.handle;if(!s)return pe.createElement("span",{className:"react-resizable-handle react-resizable-handle-"+a,ref:o});if(typeof s=="function")return s(a,o);var u=typeof s.type=="string",d=$e({ref:o},u?{}:{handleAxis:a});return pe.cloneElement(s,d)},n.render=function(){var a=this,o=this.props,s=o.children,u=o.className,d=o.draggableOpts;o.width,o.height,o.handle,o.handleSize,o.lockAspectRatio,o.axis,o.minConstraints,o.maxConstraints,o.onResize,o.onResizeStop,o.onResizeStart;var h=o.resizeHandles;o.transformScale;var v=dn(o,cn);return(0,un.cloneElement)(s,$e($e({},v),{},{className:(u?u+" ":"")+"react-resizable",children:[].concat(s.props.children,h.map(function(b){var O,x=(O=a.handleRefs[b])!=null?O:a.handleRefs[b]=pe.createRef();return pe.createElement(ln.DraggableCore,Ie({},d,{nodeRef:x,key:"resizableHandle-"+b,onStop:a.resizeHandler("onResizeStop",b),onStart:a.resizeHandler("onResizeStart",b),onDrag:a.resizeHandler("onResize",b)}),a.renderResizeHandle(b,x))}))}))},t}(pe.Component);de.default=Ke;Ke.propTypes=fn.resizableProps;Ke.defaultProps={axis:"both",handleSize:[20,20],lockAspectRatio:!1,minConstraints:[20,20],maxConstraints:[1/0,1/0],resizeHandles:["se"],transformScale:1};var Te={};Te.__esModule=!0;Te.default=void 0;var He=_n(X.exports),hn=Pt(m.exports),vn=Pt(de),yn=me,bn=["handle","handleSize","onResize","onResizeStart","onResizeStop","draggableOpts","minConstraints","maxConstraints","lockAspectRatio","axis","width","height","resizeHandles","style","transformScale"];function Pt(e){return e&&e.__esModule?e:{default:e}}function Rt(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,n=new WeakMap;return(Rt=function(a){return a?n:t})(e)}function _n(e,t){if(!t&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var n=Rt(t);if(n&&n.has(e))return n.get(e);var r={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var s=a?Object.getOwnPropertyDescriptor(e,o):null;s&&(s.get||s.set)?Object.defineProperty(r,o,s):r[o]=e[o]}return r.default=e,n&&n.set(e,r),r}function Ve(){return Ve=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Ve.apply(this,arguments)}function ut(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),n.push.apply(n,r)}return n}function Se(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?ut(Object(n),!0).forEach(function(r){On(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ut(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}function On(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function wn(e,t){if(e==null)return{};var n={},r=Object.keys(e),a,o;for(o=0;o<r.length;o++)a=r[o],!(t.indexOf(a)>=0)&&(n[a]=e[a]);return n}function Sn(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,ke(e,t)}function ke(e,t){return ke=Object.setPrototypeOf||function(r,a){return r.__proto__=a,r},ke(e,t)}var Tt=function(e){Sn(t,e);function t(){for(var r,a=arguments.length,o=new Array(a),s=0;s<a;s++)o[s]=arguments[s];return r=e.call.apply(e,[this].concat(o))||this,r.state={width:r.props.width,height:r.props.height,propsWidth:r.props.width,propsHeight:r.props.height},r.onResize=function(u,d){var h=d.size;r.props.onResize?(u.persist==null||u.persist(),r.setState(h,function(){return r.props.onResize&&r.props.onResize(u,d)})):r.setState(h)},r}t.getDerivedStateFromProps=function(a,o){return o.propsWidth!==a.width||o.propsHeight!==a.height?{width:a.width,height:a.height,propsWidth:a.width,propsHeight:a.height}:null};var n=t.prototype;return n.render=function(){var a=this.props,o=a.handle,s=a.handleSize;a.onResize;var u=a.onResizeStart,d=a.onResizeStop,h=a.draggableOpts,v=a.minConstraints,b=a.maxConstraints,O=a.lockAspectRatio,x=a.axis;a.width,a.height;var w=a.resizeHandles,P=a.style,E=a.transformScale,T=wn(a,bn);return He.createElement(vn.default,{axis:x,draggableOpts:h,handle:o,handleSize:s,height:this.state.height,lockAspectRatio:O,maxConstraints:b,minConstraints:v,onResizeStart:u,onResize:this.onResize,onResizeStop:d,resizeHandles:w,transformScale:E,width:this.state.width},He.createElement("div",Ve({},T,{style:Se(Se({},P),{},{width:this.state.width+"px",height:this.state.height+"px"})})))},t}(He.Component);Te.default=Tt;Tt.propTypes=Se(Se({},yn.resizableProps),{},{children:hn.default.element});Xe.exports=function(){throw new Error("Don't instantiate Resizable directly! Use require('react-resizable').Resizable")};var xn=Xe.exports.Resizable=de.default;Xe.exports.ResizableBox=Te.default;const Ue=37,ft=240,Dn=Nt.forwardRef((e,t)=>{const{handleAxis:n,...r}=e;return z.exports.jsx("div",{ref:t,className:C.resizeHandle,...r,children:z.exports.jsx(Ht,{icon:"drag horizontal"})})}),ze=({children:e,width:t,right:n,onResize:r,setOpen:a})=>{const[o,s]=X.exports.useState(!1),u=window.innerWidth/2,d=(h,{node:v,size:b,handle:O})=>{r(b.width)};return r?z.exports.jsx(xn,{width:t,height:100,minConstraints:[Ue,null],maxConstraints:[u,null],onResize:d,handle:z.exports.jsx(Dn,{}),resizeHandles:n?["w"]:["e"],axis:"x",className:o?C.isResizing:"",onResizeStart:()=>{a(!0),r(t),s(!0)},onResizeStop:()=>{s(!1),t<Ue+50&&a(!1)},children:e}):z.exports.jsx(z.exports.Fragment,{children:e})};ze.defaultProps={right:!1,width:400,children:null,onResize:null};ze.propTypes={right:m.exports.bool,width:m.exports.oneOfType([m.exports.string,m.exports.number]),children:m.exports.node,onResize:m.exports.func};ze.__docgenInfo={description:"",methods:[],displayName:"DrawerResizeWrapper",props:{right:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},width:{defaultValue:{value:"400",computed:!1},description:"",type:{name:"union",value:[{name:"string"},{name:"number"}]},required:!1},children:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"node"},required:!1},onResize:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"func"},required:!1}}};const Je=({background:e,children:t,fixed:n,open:r,setOpen:a,right:o,shadow:s,top:u,width:d,closedWidth:h,button:v,buttonAnimate:b,buttonPosition:O,border:x,tabs:w,defaultTabIndex:P,activeTab:E,setActiveTab:T,testId:K,onResize:M,getActiveTab:V,onClose:J,onOpen:re})=>{const k=v===!0,ne=!k&&X.exports.isValidElement(v),[Y,Q]=a?[r,a]:k||w?X.exports.useState(r):[r,null],[ae,Ce]=T?[E,T]:X.exports.useState(P),ue=Array.isArray(d)?d[ae]:d,oe=Y?ue:w?Ue:h,Me=Z=>{ae===Z&&Y?(J&&J(w[Z]),Q(!1)):Y||(re&&re(w[Z]),Q(!0),M&&d<ft&&M(ft)),Ce(Z),V&&V(w[Z])};return z.exports.jsx(ze,{width:oe,onResize:M,setOpen:Q,right:o,children:z.exports.jsxs("div",{className:_e(C.drawer,s?C.shadow:"",n?C.fixed:C.inline,o?C.right:C.left),style:{top:u},children:[z.exports.jsx("div",{className:_e(C.drawerContent,x&&C.border),style:{background:e,borderColor:x,width:oe},children:w?z.exports.jsx(pt,{width:ue,testId:K,tabs:w,open:Y,activeTab:ae,background:e,handleTabClick:Me}):z.exports.jsx("div",{style:{width:ue},children:t})}),v&&z.exports.jsx("span",{className:_e(C.toggleButton,Y&&(k||ne&&b)?C.toggleButtonOpen:"",O==="top"?C.top:C.bottom),children:ne?v:z.exports.jsx(Wt,{onClick:Q?()=>Q(!Y):null,round:!0,icon:o?"chevron right":"chevron left"})})]})})};Je.defaultProps={background:"var(--color-background-raised)",fixed:!1,open:!1,setOpen:void 0,right:!1,width:400,closedWidth:0,shadow:!1,top:0,button:null,buttonAnimate:!0,buttonPosition:"bottom",border:!1,children:null,tabs:null,defaultTabIndex:0,activeTab:void 0,setActiveTab:void 0,testId:void 0,onResize:null,getActiveTab:null,onClose:null,onOpen:null};Je.propTypes={background:m.exports.string,fixed:m.exports.bool,open:m.exports.bool,setOpen:m.exports.func,right:m.exports.bool,width:m.exports.oneOfType([m.exports.string,m.exports.number,m.exports.arrayOf(m.exports.oneOfType([m.exports.string,m.exports.number]))]),closedWidth:m.exports.oneOfType([m.exports.string,m.exports.number]),children:m.exports.node,shadow:m.exports.bool,top:m.exports.oneOfType([m.exports.string,m.exports.number]),button:m.exports.oneOfType([m.exports.bool,m.exports.node]),buttonAnimate:m.exports.bool,buttonPosition:m.exports.oneOf(["top","bottom"]),border:m.exports.oneOfType([m.exports.bool,m.exports.string]),tabs:m.exports.arrayOf(m.exports.shape({icon:m.exports.node,content:m.exports.node,badge:m.exports.oneOfType([m.exports.string,m.exports.number])})),testId:m.exports.string,defaultTabIndex:m.exports.number,activeTab:m.exports.number,setActiveTab:m.exports.func,onResize:m.exports.func,getActiveTab:m.exports.func,onClose:m.exports.func,onOpen:m.exports.func};Je.__docgenInfo={description:"",methods:[],displayName:"Drawer",props:{background:{defaultValue:{value:"'var(--color-background-raised)'",computed:!1},description:"",type:{name:"string"},required:!1},fixed:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},open:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},setOpen:{defaultValue:{value:"undefined",computed:!0},description:"",type:{name:"func"},required:!1},right:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},width:{defaultValue:{value:"400",computed:!1},description:"",type:{name:"union",value:[{name:"string"},{name:"number"},{name:"arrayOf",value:{name:"union",value:[{name:"string"},{name:"number"}]}}]},required:!1},closedWidth:{defaultValue:{value:"0",computed:!1},description:"",type:{name:"union",value:[{name:"string"},{name:"number"}]},required:!1},shadow:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},top:{defaultValue:{value:"0",computed:!1},description:"",type:{name:"union",value:[{name:"string"},{name:"number"}]},required:!1},button:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"union",value:[{name:"bool"},{name:"node"}]},required:!1},buttonAnimate:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},buttonPosition:{defaultValue:{value:"'bottom'",computed:!1},description:"",type:{name:"enum",value:[{value:"'top'",computed:!1},{value:"'bottom'",computed:!1}]},required:!1},border:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"union",value:[{name:"bool"},{name:"string"}]},required:!1},children:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"node"},required:!1},tabs:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"arrayOf",value:{name:"shape",value:{icon:{name:"node",required:!1},content:{name:"node",required:!1},badge:{name:"union",value:[{name:"string"},{name:"number"}],required:!1}}}},required:!1},defaultTabIndex:{defaultValue:{value:"0",computed:!1},description:"",type:{name:"number"},required:!1},activeTab:{defaultValue:{value:"undefined",computed:!0},description:"",type:{name:"number"},required:!1},setActiveTab:{defaultValue:{value:"undefined",computed:!0},description:"",type:{name:"func"},required:!1},testId:{defaultValue:{value:"undefined",computed:!0},description:"",type:{name:"string"},required:!1},onResize:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"func"},required:!1},getActiveTab:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"func"},required:!1},onClose:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"func"},required:!1},onOpen:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"func"},required:!1}}};export{Je as D};

package/dist/storybook/assets/drawer.stories.67ce8400.js

@@ -0,0 +1,105 @@
+import{j as e}from"./jsx-runtime.bc0b5389.js";import{r as b}from"./index.8c7046c4.js";import{D as n}from"./drawer.689d1d8f.js";import{B as y}from"./button.a5847ae5.js";import{L as S}from"./list.eee26d12.js";import{H as s}from"./heading.8dbffdbe.js";import{F as te}from"./flex.0003e6fb.js";import{n as D}from"./list.stories-data.181830b6.js";import{I as r}from"./icon.e3eba0d8.js";import"./index.73b4811b.js";import"./index.55214191.js";import"./badge.0f92e7c9.js";import"./index.3a536397.js";import"./clsx.m.b4047539.js";import"./spinner.bd672879.js";import"./disabled-context.f2b44977.js";import"./tooltip.c75d575a.js";import"./lodash.96de7017.js";import"./index.es.724dbd7e.js";import"./hoist-non-react-statics.cjs.10bac274.js";import"./memoize-one.esm.7a54f149.js";import"./actions.181faed0.js";import"./types.c5a118de.js";import"./card.8a3821be.js";import"./list-heading.e7f3e9ec.js";import"./help-icon.ef78ffcd.js";const Ce={title:"Layout/Drawer",component:n,args:{button:!0,open:!0,right:!1,border:!0,shadow:!1,width:"300px",closedWidth:"50px",top:void 0,children:e.exports.jsx("div",{style:{padding:20},children:"Drawer content"})},argTypes:{button:{table:{disable:!0}}},decorators:[t=>e.exports.jsxs(te,{height:"400px",wrap:!1,children:[e.exports.jsx("div",{style:{flexGrow:1,padding:20,background:"var(--color-background)"},children:"Page content"}),t()]})],parameters:{layout:"fullscreen"}},w=t=>e.exports.jsx(n,{...t}),j=w.bind({}),u=w.bind({});u.args={right:!0};const a=w.bind({});a.args={fixed:!0};a.parameters={docs:{story:{inline:!1,iframeHeight:400}}};const m=w.bind({});m.args={buttonType:"custom",button:e.exports.jsx(y,{colored:!0,round:!0,icon:"left"}),buttonAnimate:!0};const i=()=>{const[t,o]=b.exports.useState(!1);return e.exports.jsxs(e.exports.Fragment,{children:[e.exports.jsx(n,{button:e.exports.jsx(y,{onClick:()=>o(!t),round:!0,icon:"chevron left"}),width:"300px",closedWidth:"50px",border:!0,open:t,children:e.exports.jsx(S,{drawer:!0,list:D,marginBottom:10,narrow:!t})}),e.exports.jsx(n,{button:e.exports.jsx(y,{onClick:()=>o(!t),round:!0,icon:"chevron left"}),width:"300px",closedWidth:"50px",border:!0,open:t,children:e.exports.jsx(S,{drawer:!0,list:D,marginBottom:10,narrow:!t})})]})};i.parameters={docs:{description:{story:"To hide `List` headings when the `Drawer` is closed, set the `narrow` prop on the `List`."}}};const p=w.bind({});p.args={right:!0,button:!1,closedWidth:0,width:["200px","300px","400px","400px"],defaultTabIndex:1,tabs:[{icon:e.exports.jsx(r,{icon:"help"}),content:e.exports.jsxs("div",{style:{padding:20},children:[e.exports.jsx(s,{top:!0,children:"Help"}),"Example content goes here lorem ipsum. ".repeat(500)]})},{icon:e.exports.jsx(r,{icon:"settings"}),content:e.exports.jsxs("div",{style:{padding:20},children:[e.exports.jsx(s,{top:!0,children:"Settings"}),"Example content goes here lorem ipsum. ".repeat(500)]})},{icon:e.exports.jsx(r,{icon:"edit"}),content:e.exports.jsxs("div",{style:{padding:20},children:[e.exports.jsx(s,{top:!0,children:"Edit"}),"Example content goes here lorem ipsum. ".repeat(500)]})},{icon:e.exports.jsx(r,{icon:"list"}),badge:"2",content:e.exports.jsxs("div",{style:{padding:20},children:[e.exports.jsx(s,{top:!0,children:"List"}),"Example content goes here lorem ipsum. ".repeat(500)]})}]};p.parameters={docs:{description:{story:"The top tab will be open by default, but you can set `defaultTabIndex` if you need a different tab open. If you need different widths per tab, pass an array of widths to `width`."}}};const d=()=>{const[t,o]=b.exports.useState(!1),l=[{icon:e.exports.jsx(r,{icon:"help"})},{icon:e.exports.jsx(r,{icon:"settings"})}],f=x=>console.log("on close",x),v=x=>console.log("on open",x);return e.exports.jsx(n,{border:!0,right:!0,tabs:l,open:t,setOpen:o,onClose:f,onOpen:v})};d.parameters={docs:{description:{story:"If a `setOpen` prop is set, the drawer will not manage its open state internally and can be controlled."}}};const c=()=>{const[t,o]=b.exports.useState(null),l=[{icon:e.exports.jsx(r,{icon:"help"})},{icon:e.exports.jsx(r,{icon:"settings"})}];return e.exports.jsx(n,{border:!0,right:!0,tabs:l,activeTab:t,setActiveTab:o})};c.parameters={docs:{description:{story:"If `activeTab` and `setActiveTab` props are set, the drawer will not manage the tab state internally and can be controlled."}}};const g=()=>{const t=[{icon:e.exports.jsx(r,{icon:"help"}),content:e.exports.jsxs("div",{style:{padding:20},children:[e.exports.jsx(s,{top:!0,children:"Help"}),"Example content goes here lorem ipsum. ".repeat(500)]})},{icon:e.exports.jsx(r,{icon:"settings"}),content:e.exports.jsxs("div",{style:{padding:20},children:[e.exports.jsx(s,{top:!0,children:"Settings"}),"Example content goes here lorem ipsum. ".repeat(500)]})}],o=[{icon:e.exports.jsx(r,{icon:"edit"}),content:e.exports.jsxs("div",{style:{padding:20},children:[e.exports.jsx(s,{top:!0,children:"Edit"}),"Example content goes here lorem ipsum. ".repeat(500)]})}];return e.exports.jsxs(e.exports.Fragment,{children:[e.exports.jsx(n,{right:!0,tabs:t,border:!0,open:!0}),e.exports.jsx(n,{right:!0,tabs:o,border:!0,open:!0})]})},h=()=>{const[t,o]=b.exports.useState(!0),[l,f]=b.exports.useState(300),v=[{icon:e.exports.jsx(r,{icon:"help"}),content:e.exports.jsxs("div",{style:{padding:20},children:[e.exports.jsx(s,{top:!0,children:"Help"}),"Example content goes here lorem ipsum. ".repeat(500)]})},{icon:e.exports.jsx(r,{icon:"settings"}),content:e.exports.jsxs("div",{style:{padding:20},children:[e.exports.jsx(s,{top:!0,children:"Settings"}),"Example content goes here lorem ipsum dolor. ".repeat(500)]})}];return e.exports.jsx(e.exports.Fragment,{children:e.exports.jsx(n,{right:!0,tabs:v,border:!0,open:t,setOpen:o,width:l,onResize:x=>{f(x)}})})};var T,O,I;j.parameters={...j.parameters,docs:{...(T=j.parameters)==null?void 0:T.docs,source:{originalSource:`args => {
+  return <Drawer
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(I=(O=j.parameters)==null?void 0:O.docs)==null?void 0:I.source}}};var C,E,H;u.parameters={...u.parameters,docs:{...(C=u.parameters)==null?void 0:C.docs,source:{originalSource:`args => {
+  return <Drawer
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(H=(E=u.parameters)==null?void 0:E.docs)==null?void 0:H.source}}};var W,B,_;a.parameters={...a.parameters,docs:{...(W=a.parameters)==null?void 0:W.docs,source:{originalSource:`args => {
+  return <Drawer
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(_=(B=a.parameters)==null?void 0:B.docs)==null?void 0:_.source}}};var L,R,F;m.parameters={...m.parameters,docs:{...(L=m.parameters)==null?void 0:L.docs,source:{originalSource:`args => {
+  return <Drawer
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(F=(R=m.parameters)==null?void 0:R.docs)==null?void 0:F.source}}};var k,A,z;i.parameters={...i.parameters,docs:{...(k=i.parameters)==null?void 0:k.docs,source:{originalSource:`() => {
+  const [open, setOpen] = useState(false);
+  return <>
+      <Drawer button={<Button onClick={() => setOpen(!open)} round icon="chevron left" />} width="300px" closedWidth="50px" border open={open}>
+        <List drawer list={listSubheadingsBadges} marginBottom={10} narrow={!open} />
+      </Drawer>
+      <Drawer button={<Button onClick={() => setOpen(!open)} round icon="chevron left" />} width="300px" closedWidth="50px" border open={open}>
+        <List drawer list={listSubheadingsBadges} marginBottom={10} narrow={!open} />
+      </Drawer>
+    </>;
+}`,...(z=(A=i.parameters)==null?void 0:A.docs)==null?void 0:z.source}}};var N,M,G;p.parameters={...p.parameters,docs:{...(N=p.parameters)==null?void 0:N.docs,source:{originalSource:`args => {
+  return <Drawer
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(G=(M=p.parameters)==null?void 0:M.docs)==null?void 0:G.source}}};var P,q,J;d.parameters={...d.parameters,docs:{...(P=d.parameters)==null?void 0:P.docs,source:{originalSource:`() => {
+  const [open, setOpen] = useState(false);
+  const tabs = [{
+    icon: <Icon icon="help" />
+  }, {
+    icon: <Icon icon="settings" />
+  }];
+  const handleClose = index => console.log('on close', index);
+  const handleOpen = tab => console.log('on open', tab);
+  return <Drawer border right tabs={tabs} open={open} setOpen={setOpen} onClose={handleClose} onOpen={handleOpen} />;
+}`,...(J=(q=d.parameters)==null?void 0:q.docs)==null?void 0:J.source}}};var K,Q,U;c.parameters={...c.parameters,docs:{...(K=c.parameters)==null?void 0:K.docs,source:{originalSource:`() => {
+  const [activeTab, setActiveTab] = useState(null);
+  const tabs = [{
+    icon: <Icon icon="help" />
+  }, {
+    icon: <Icon icon="settings" />
+  }];
+  return <Drawer border right tabs={tabs} activeTab={activeTab} setActiveTab={setActiveTab} />;
+}`,...(U=(Q=c.parameters)==null?void 0:Q.docs)==null?void 0:U.source}}};var V,X,Y;g.parameters={...g.parameters,docs:{...(V=g.parameters)==null?void 0:V.docs,source:{originalSource:`() => {
+  const tabs1 = [{
+    icon: <Icon icon="help" />,
+    content: <div style={{
+      padding: 20
+    }}>
+          <Heading top>Help</Heading>
+          {'Example content goes here lorem ipsum. '.repeat(500)}
+        </div>
+  }, {
+    icon: <Icon icon="settings" />,
+    content: <div style={{
+      padding: 20
+    }}>
+          <Heading top>Settings</Heading>
+          {'Example content goes here lorem ipsum. '.repeat(500)}
+        </div>
+  }];
+  const tabs2 = [{
+    icon: <Icon icon="edit" />,
+    content: <div style={{
+      padding: 20
+    }}>
+          <Heading top>Edit</Heading>
+          {'Example content goes here lorem ipsum. '.repeat(500)}
+        </div>
+  }];
+  return <>
+      <Drawer right tabs={tabs1} border open />
+      <Drawer right tabs={tabs2} border open />
+    </>;
+}`,...(Y=(X=g.parameters)==null?void 0:X.docs)==null?void 0:Y.source}}};var Z,$,ee;h.parameters={...h.parameters,docs:{...(Z=h.parameters)==null?void 0:Z.docs,source:{originalSource:`() => {
+  const [open, setOpen] = useState(true);
+  const [drawerWidth, setDrawerWidth] = useState(300);
+  const tabs = [{
+    icon: <Icon icon="help" />,
+    content: <div style={{
+      padding: 20
+    }}>
+          <Heading top>Help</Heading>
+          {'Example content goes here lorem ipsum. '.repeat(500)}
+        </div>
+  }, {
+    icon: <Icon icon="settings" />,
+    content: <div style={{
+      padding: 20
+    }}>
+          <Heading top>Settings</Heading>
+          {'Example content goes here lorem ipsum dolor. '.repeat(500)}
+        </div>
+  }];
+  return <>
+      <Drawer right tabs={tabs} border open={open} setOpen={setOpen} width={drawerWidth} onResize={newWidth => {
+      setDrawerWidth(newWidth);
+    }} />
+    </>;
+}`,...(ee=($=h.parameters)==null?void 0:$.docs)==null?void 0:ee.source}}};i.__docgenInfo={description:"",methods:[],displayName:"WithList"};d.__docgenInfo={description:"",methods:[],displayName:"ControlledOpenClose"};c.__docgenInfo={description:"",methods:[],displayName:"ControlledTabs"};g.__docgenInfo={description:"",methods:[],displayName:"MultipleTabbedDrawers"};h.__docgenInfo={description:"",methods:[],displayName:"Resizable"};const Ee=["Default","Right","Fixed","CustomButton","WithList","Tabs","ControlledOpenClose","ControlledTabs","MultipleTabbedDrawers","Resizable"];export{d as ControlledOpenClose,c as ControlledTabs,m as CustomButton,j as Default,a as Fixed,g as MultipleTabbedDrawers,h as Resizable,u as Right,p as Tabs,i as WithList,Ee as __namedExportsOrder,Ce as default};

package/dist/storybook/assets/empty.stories.d7746e8c.js

@@ -0,0 +1,5 @@
+import{j as t}from"./jsx-runtime.bc0b5389.js";import"./index.8c7046c4.js";import{p as e}from"./index.73b4811b.js";import{T as y}from"./text.dbb2d441.js";import{B as v}from"./button.a5847ae5.js";import"./index.55214191.js";import"./icon.e3eba0d8.js";import"./disabled-context.f2b44977.js";import"./spinner.bd672879.js";import"./tooltip.c75d575a.js";import"./index.3a536397.js";const j="_empty_gkads_341",b="_text_gkads_351",p={empty:j,text:b},r=({width:a,height:g,text:n,children:h,testId:f})=>t.exports.jsxs("div",{className:p.empty,style:{width:a,height:g},"data-testId":f,children:[t.exports.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"64",height:"41",children:t.exports.jsxs("g",{transform:"translate(0 1)",fill:"none",fillRule:"evenodd",children:[t.exports.jsx("ellipse",{cx:"32",cy:"33",rx:"32",ry:"7",fill:"rgba(0,0,0,0.1)"}),t.exports.jsxs("g",{fillRule:"nonzero",stroke:"var(--color-text)",strokeOpacity:"0.2",children:[t.exports.jsx("path",{d:"M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z",fill:"rgba(0,0,0,0.05)"}),t.exports.jsx("path",{d:"M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z",fill:"var(--color-background-raised)"})]})]})}),n!==""&&t.exports.jsx("div",{className:p.text,children:t.exports.jsx(y,{faint:!0,children:n})}),h]});r.defaultProps={width:"auto",height:"auto",text:"No data",children:null,testId:null};r.propTypes={width:e.exports.oneOfType([e.exports.string,e.exports.number]),height:e.exports.oneOfType([e.exports.string,e.exports.number]),text:e.exports.oneOfType([e.exports.string,e.exports.node]),children:e.exports.node,testId:e.exports.string};r.__docgenInfo={description:"",methods:[],displayName:"Empty",props:{width:{defaultValue:{value:"'auto'",computed:!1},description:"",type:{name:"union",value:[{name:"string"},{name:"number"}]},required:!1},height:{defaultValue:{value:"'auto'",computed:!1},description:"",type:{name:"union",value:[{name:"string"},{name:"number"}]},required:!1},text:{defaultValue:{value:"'No data'",computed:!1},description:"",type:{name:"union",value:[{name:"string"},{name:"node"}]},required:!1},children:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"node"},required:!1},testId:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"string"},required:!1}}};const z={title:"Progress/Empty",component:r,args:{text:"No data",width:"100%",height:"100%"}},x=a=>t.exports.jsx(r,{...a}),o=x.bind({}),s=x.bind({});s.args={text:"Please apply at least one casing in Well Schematics to perform drilling mechanics",children:t.exports.jsx(v,{colored:!0,label:"Add casing"}),testId:"empty-with-button"};var i,l,d;o.parameters={...o.parameters,docs:{...(i=o.parameters)==null?void 0:i.docs,source:{originalSource:`args => <Empty
+// eslint-disable-next-line react/jsx-props-no-spreading
+{...args} />`,...(d=(l=o.parameters)==null?void 0:l.docs)==null?void 0:d.source}}};var m,c,u;s.parameters={...s.parameters,docs:{...(m=s.parameters)==null?void 0:m.docs,source:{originalSource:`args => <Empty
+// eslint-disable-next-line react/jsx-props-no-spreading
+{...args} />`,...(u=(c=s.parameters)==null?void 0:c.docs)==null?void 0:u.source}}};const C=["Default","WithButton"];export{o as Default,s as WithButton,C as __namedExportsOrder,z as default};

package/dist/storybook/assets/field.c30c885b.js

@@ -0,0 +1,7 @@
+import{j as l}from"./jsx-runtime.bc0b5389.js";import"./index.8c7046c4.js";import{c as x}from"./index.55214191.js";import{p as e}from"./index.73b4811b.js";import{L as b}from"./label.5f35b9cc.js";const h="_field_yjht4_341",v="_labelLeft_yjht4_345",y="_fieldInput_yjht4_349",_="_formRow_yjht4_352",g="_button_yjht4_362",o={field:h,labelLeft:v,fieldInput:y,formRow:_,"form-row":"_form-row_yjht4_353",button:g},n=({label:i,labelLeft:t,labelWidth:a,children:s,helpText:r,helpTextMaxWidth:p,onClickHelp:u,lock:d,info:f,libraryIcon:c,testId:m})=>l.exports.jsxs("div",{className:x(o.field,t?o.labelLeft:""),"data-testid":m,children:[(i||t)&&l.exports.jsx(b,{label:i,width:a,helpText:r,helpTextMaxWidth:p,onClickHelp:u,lock:d,info:f,libraryIcon:c,labelLeft:t}),l.exports.jsx("div",{className:o.fieldInput,children:s})]});n.defaultProps={label:null,helpText:null,helpTextMaxWidth:"300px",labelLeft:!1,labelWidth:"auto",info:null,onClickHelp:null,lock:{visible:!1,active:!1,onClick:()=>{},tooltip:"",testId:void 0},libraryIcon:null,testId:void 0};n.propTypes={label:e.exports.oneOfType([e.exports.string,e.exports.number,e.exports.node]),helpText:e.exports.oneOfType([e.exports.string,e.exports.number,e.exports.node]),helpTextMaxWidth:e.exports.oneOfType([e.exports.string,e.exports.number]),labelLeft:e.exports.bool,labelWidth:e.exports.oneOfType([e.exports.string,e.exports.number]),children:e.exports.node.isRequired,info:e.exports.string,onClickHelp:e.exports.func,lock:e.exports.shape({visible:e.exports.bool,active:e.exports.bool,onClick:e.exports.func,tooltip:e.exports.string,testId:e.exports.string}),libraryIcon:e.exports.shape({onClick:e.exports.func,tooltip:e.exports.string}),testId:e.exports.string};n.__docgenInfo={description:"",methods:[],displayName:"Field",props:{label:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"union",value:[{name:"string"},{name:"number"},{name:"node"}]},required:!1},helpText:{defaultValue:{value:"null",computed:!1},description:"Adds a help icon with a tooltip",type:{name:"union",value:[{name:"string"},{name:"number"},{name:"node"}]},required:!1},helpTextMaxWidth:{defaultValue:{value:"'300px'",computed:!1},description:"",type:{name:"union",value:[{name:"string"},{name:"number"}]},required:!1},labelLeft:{defaultValue:{value:"false",computed:!1},description:"Moves the label to the left of the input",type:{name:"bool"},required:!1},labelWidth:{defaultValue:{value:"'auto'",computed:!1},description:"",type:{name:"union",value:[{name:"string"},{name:"number"}]},required:!1},info:{defaultValue:{value:"null",computed:!1},description:"Adds an info icon with an optional tooltip and onClick event",type:{name:"string"},required:!1},onClickHelp:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"func"},required:!1},lock:{defaultValue:{value:`{
+  visible: false,
+  active: false,
+  onClick: () => {},
+  tooltip: '',
+  testId: undefined,
+}`,computed:!1},description:"Adds a lock icon with a tooltip",type:{name:"shape",value:{visible:{name:"bool",required:!1},active:{name:"bool",required:!1},onClick:{name:"func",required:!1},tooltip:{name:"string",required:!1},testId:{name:"string",required:!1}}},required:!1},libraryIcon:{defaultValue:{value:"null",computed:!1},description:"Adds a library icon with a tooltip and onClick event",type:{name:"shape",value:{onClick:{name:"func",required:!1},tooltip:{name:"string",required:!1}}},required:!1},testId:{defaultValue:{value:"undefined",computed:!0},description:"",type:{name:"string"},required:!1},children:{description:"",type:{name:"node"},required:!0}}};export{n as F};

package/dist/storybook/assets/field.stories.1b816375.js

@@ -0,0 +1,62 @@
+import{j as e}from"./jsx-runtime.bc0b5389.js";import{r as V}from"./index.8c7046c4.js";import{F as s}from"./field.c30c885b.js";import{I as d}from"./input.fc19e03b.js";import{T as m}from"./text.dbb2d441.js";import"./index.55214191.js";import"./index.73b4811b.js";import"./label.5f35b9cc.js";import"./help-icon.ef78ffcd.js";import"./tooltip.c75d575a.js";import"./index.3a536397.js";import"./icon.e3eba0d8.js";import"./disabled-context.f2b44977.js";import"./types.c5a118de.js";import"./lodash.96de7017.js";const se={title:"Forms/Field",component:s,args:{label:"Label",labelLeft:!1}},o=r=>e.exports.jsx(s,{...r,children:e.exports.jsx(d,{})}),x=o.bind({}),t=o.bind({});t.args={labelLeft:!0,labelWidth:"80px"};const n=o.bind({});n.args={helpText:"Tooltip goes here"};const a=o.bind({});a.args={onClickHelp:()=>{}};const l=r=>e.exports.jsxs(e.exports.Fragment,{children:[e.exports.jsxs(s,{...r,children:[e.exports.jsx(d,{}),e.exports.jsx(m,{small:!0,faint:!0,children:"Help text goes here"})]}),e.exports.jsxs(s,{...r,children:[e.exports.jsx(d,{error:"Error text goes here"}),e.exports.jsx(m,{small:!0,error:!0,children:"Error text goes here"})]}),e.exports.jsxs(s,{...r,children:[e.exports.jsx(d,{warning:"Error text goes here"}),e.exports.jsx(m,{small:!0,warning:!0,children:"Warning text goes here"})]})]}),i=o.bind({});i.args={info:"Info goes here"};const c=()=>{const[r,U]=V.exports.useState(!1),R=()=>U(!r);return e.exports.jsx(s,{label:"Label",lock:{visible:!0,active:r,onClick:R,tooltip:r?"Unlock":"Lock",testId:"testId"},children:e.exports.jsx(d,{disabled:r})})},p=o.bind({});p.args={libraryIcon:{onClick:()=>{},tooltip:"View in library"}};var g,u,b;x.parameters={...x.parameters,docs:{...(g=x.parameters)==null?void 0:g.docs,source:{originalSource:`args => <Field
+// eslint-disable-next-line react/jsx-props-no-spreading
+{...args}>
+    <Input />
+  </Field>`,...(b=(u=x.parameters)==null?void 0:u.docs)==null?void 0:b.source}}};var I,h,k;t.parameters={...t.parameters,docs:{...(I=t.parameters)==null?void 0:I.docs,source:{originalSource:`args => <Field
+// eslint-disable-next-line react/jsx-props-no-spreading
+{...args}>
+    <Input />
+  </Field>`,...(k=(h=t.parameters)==null?void 0:h.docs)==null?void 0:k.source}}};var j,F,f;n.parameters={...n.parameters,docs:{...(j=n.parameters)==null?void 0:j.docs,source:{originalSource:`args => <Field
+// eslint-disable-next-line react/jsx-props-no-spreading
+{...args}>
+    <Input />
+  </Field>`,...(f=(F=n.parameters)==null?void 0:F.docs)==null?void 0:f.source}}};var L,T,H;a.parameters={...a.parameters,docs:{...(L=a.parameters)==null?void 0:L.docs,source:{originalSource:`args => <Field
+// eslint-disable-next-line react/jsx-props-no-spreading
+{...args}>
+    <Input />
+  </Field>`,...(H=(T=a.parameters)==null?void 0:T.docs)==null?void 0:H.source}}};var S,w,E;l.parameters={...l.parameters,docs:{...(S=l.parameters)==null?void 0:S.docs,source:{originalSource:`args => <>
+    <Field
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args}>
+      <Input />
+      <Text small faint>
+        Help text goes here
+      </Text>
+    </Field>
+    <Field
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args}>
+      <Input error="Error text goes here" />
+      <Text small error>
+        Error text goes here
+      </Text>
+    </Field>
+    <Field
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args}>
+      <Input warning="Error text goes here" />
+      <Text small warning>
+        Warning text goes here
+      </Text>
+    </Field>
+  </>`,...(E=(w=l.parameters)==null?void 0:w.docs)==null?void 0:E.source}}};var _,y,C;i.parameters={...i.parameters,docs:{...(_=i.parameters)==null?void 0:_.docs,source:{originalSource:`args => <Field
+// eslint-disable-next-line react/jsx-props-no-spreading
+{...args}>
+    <Input />
+  </Field>`,...(C=(y=i.parameters)==null?void 0:y.docs)==null?void 0:C.source}}};var v,B,O;c.parameters={...c.parameters,docs:{...(v=c.parameters)==null?void 0:v.docs,source:{originalSource:`() => {
+  const [locked, setLocked] = useState(false);
+  const handleToggleLock = () => setLocked(!locked);
+  return <Field label="Label" lock={{
+    visible: true,
+    active: locked,
+    onClick: handleToggleLock,
+    tooltip: locked ? 'Unlock' : 'Lock',
+    testId: 'testId'
+  }}>
+      <Input disabled={locked} />
+    </Field>;
+}`,...(O=(B=c.parameters)==null?void 0:B.docs)==null?void 0:O.source}}};var W,D,N;p.parameters={...p.parameters,docs:{...(W=p.parameters)==null?void 0:W.docs,source:{originalSource:`args => <Field
+// eslint-disable-next-line react/jsx-props-no-spreading
+{...args}>
+    <Input />
+  </Field>`,...(N=(D=p.parameters)==null?void 0:D.docs)==null?void 0:N.source}}};l.__docgenInfo={description:"",methods:[],displayName:"HelpTextBelow"};c.__docgenInfo={description:"",methods:[],displayName:"LockIcon"};const oe=["Default","LabelOnLeft","HelpIconTooltip","HelpIconClickable","HelpTextBelow","InfoIcon","LockIcon","LibraryIcon"];export{x as Default,a as HelpIconClickable,n as HelpIconTooltip,l as HelpTextBelow,i as InfoIcon,t as LabelOnLeft,p as LibraryIcon,c as LockIcon,oe as __namedExportsOrder,se as default};

package/dist/storybook/assets/file-input.stories.6b6094bd.js

@@ -0,0 +1,59 @@
+import{j as e}from"./jsx-runtime.bc0b5389.js";import{r as m}from"./index.8c7046c4.js";import{p as r}from"./index.73b4811b.js";import{I as M}from"./input-group.655b5741.js";import{I as H}from"./input.fc19e03b.js";import{B as P}from"./button.a5847ae5.js";import{D as W}from"./disabled-context.f2b44977.js";import{S as R}from"./spacer.23f7eb76.js";import{M as J}from"./message.0759eed3.js";import{T as k}from"./textarea.0b7740af.js";import"./index.55214191.js";import"./tooltip.c75d575a.js";import"./index.3a536397.js";import"./types.c5a118de.js";import"./lodash.96de7017.js";import"./icon.e3eba0d8.js";import"./spinner.bd672879.js";const B="_fileInput_1elar_1",z={fileInput:B},E=(t={},a="readAsText")=>{const s=new FileReader;return new Promise((n,o)=>{s[a](t),s.onload=()=>{n(s.result)},s.onerror=i=>o(i)})},l=({label:t,loading:a,placeholder:s,disabled:n,file:o,accept:i,multi:c,name:x,width:U,onChange:q,testId:V})=>{const h=m.exports.useContext(W),v=m.exports.useRef(null),D=(o==null?void 0:o.name)||null,L=()=>{n||h||v.current.click()};return e.exports.jsxs("div",{onClick:()=>L(),style:{width:U},children:[e.exports.jsxs(M,{children:[e.exports.jsx(H,{value:D||"",placeholder:s,disabled:!0}),e.exports.jsx(P,{label:t,loading:a,disabled:a||n||h,groupOrder:"last"})]}),e.exports.jsx("input",{name:x,ref:v,className:z.fileInput,type:"file",accept:i,onChange:f=>{q({...f,target:{...f.target,value:c?f.target.files:f.target.files[0]}})},"data-testid":V})]})};l.defaultProps={label:"Select",loading:!1,placeholder:"No file selected",disabled:!1,file:null,accept:void 0,name:null,width:null,onChange:()=>{},testId:void 0};l.propTypes={label:r.exports.string,loading:r.exports.bool,placeholder:r.exports.string,disabled:r.exports.bool,file:r.exports.object,accept:r.exports.string,name:r.exports.string,width:r.exports.oneOfType([r.exports.string,r.exports.number]),onChange:r.exports.func,testId:r.exports.string};l.__docgenInfo={description:"",methods:[],displayName:"FileInput",props:{label:{defaultValue:{value:"'Select'",computed:!1},description:"Custom button label",type:{name:"string"},required:!1},loading:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},placeholder:{defaultValue:{value:"'No file selected'",computed:!1},description:"",type:{name:"string"},required:!1},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},file:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"object"},required:!1},accept:{defaultValue:{value:"undefined",computed:!0},description:"See [accept attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept) to restrict file type",type:{name:"string"},required:!1},name:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"string"},required:!1},width:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"union",value:[{name:"string"},{name:"number"}]},required:!1},onChange:{defaultValue:{value:"() => {}",computed:!1},description:"",type:{name:"func"},required:!1},testId:{defaultValue:{value:"undefined",computed:!0},description:"",type:{name:"string"},required:!1}}};const{useArgs:G}=__STORYBOOK_MODULE_ADDONS__,ue={title:"Forms/FileInput",component:l,args:{file:null}},T=t=>{const[a,s]=G(),n=o=>{s({file:o.target.value})};return e.exports.jsx(l,{...t,onChange:n})},g=T.bind({}),p=T.bind({});p.args={accept:".json"};p.parameters={docs:{description:{story:"See [accept attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept) to restrict file type"}}};const u=()=>{const[t,a]=m.exports.useState(null),[s,n]=m.exports.useState({});return e.exports.jsxs(e.exports.Fragment,{children:[e.exports.jsx(l,{file:t,onChange:async o=>{const i=o.target.value;try{const c=await E(i),x=JSON.parse(c);n(x)}catch(c){console.log(c)}a(i)},accept:".json"}),e.exports.jsx(R,{}),t?e.exports.jsx(k,{monospace:!0,value:JSON.stringify(s,null,2),rows:20}):e.exports.jsx(J,{message:{visible:!0,content:"Upload a JSON file to see preview",type:"Info"}})]})},d=()=>{const[t,a]=m.exports.useState(null);return e.exports.jsxs(e.exports.Fragment,{children:[e.exports.jsx(l,{file:t,onChange:s=>{a(s.target.value)},accept:"image/*"}),e.exports.jsx(R,{}),t?e.exports.jsx("img",{src:t?URL.createObjectURL(t):"",alt:"Preview",style:{maxHeight:"400px",maxWidth:"400px"}}):e.exports.jsx(J,{message:{visible:!0,content:"Upload an image file to see preview",type:"Info"}})]})};var y,b,j;g.parameters={...g.parameters,docs:{...(y=g.parameters)==null?void 0:y.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = evt => {
+    updateArgs({
+      file: evt.target.value
+    });
+  };
+  return <FileInput
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} onChange={handleChange} />;
+}`,...(j=(b=g.parameters)==null?void 0:b.docs)==null?void 0:j.source}}};var S,I,F;p.parameters={...p.parameters,docs:{...(S=p.parameters)==null?void 0:S.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = evt => {
+    updateArgs({
+      file: evt.target.value
+    });
+  };
+  return <FileInput
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} onChange={handleChange} />;
+}`,...(F=(I=p.parameters)==null?void 0:I.docs)==null?void 0:F.source}}};var C,_,O;u.parameters={...u.parameters,docs:{...(C=u.parameters)==null?void 0:C.docs,source:{originalSource:`() => {
+  const [file, setFile] = useState(null);
+  const [json, setJson] = useState({});
+  return <>
+      <FileInput file={file} onChange={async evt => {
+      const file = evt.target.value;
+      try {
+        const text = await readFile(file);
+        const json = JSON.parse(text);
+        setJson(json);
+      } catch (error) {
+        console.log(error);
+      }
+      setFile(file);
+    }} accept=".json" />
+      <Spacer />
+      {file ? <TextArea monospace value={JSON.stringify(json, null, 2)} rows={20} /> : <Message message={{
+      visible: true,
+      content: 'Upload a JSON file to see preview',
+      type: 'Info'
+    }} />}
+    </>;
+}`,...(O=(_=u.parameters)==null?void 0:_.docs)==null?void 0:O.source}}};var N,w,A;d.parameters={...d.parameters,docs:{...(N=d.parameters)==null?void 0:N.docs,source:{originalSource:`() => {
+  const [file, setFile] = useState(null);
+  return <>
+      <FileInput file={file} onChange={evt => {
+      setFile(evt.target.value);
+    }} accept="image/*" />
+      <Spacer />
+      {file ? <img src={file ? URL.createObjectURL(file) : ''} alt="Preview" style={{
+      maxHeight: '400px',
+      maxWidth: '400px'
+    }} /> : <Message message={{
+      visible: true,
+      content: 'Upload an image file to see preview',
+      type: 'Info'
+    }} />}
+    </>;
+}`,...(A=(w=d.parameters)==null?void 0:w.docs)==null?void 0:A.source}}};u.__docgenInfo={description:"",methods:[],displayName:"ReadJSONFile"};d.__docgenInfo={description:"",methods:[],displayName:"Image"};const de=["Default","RestrictFiletype","ReadJSONFile","Image"];export{g as Default,d as Image,u as ReadJSONFile,p as RestrictFiletype,de as __namedExportsOrder,ue as default};

package/dist/storybook/assets/flex.0003e6fb.js

@@ -0,0 +1 @@
+import{j as p}from"./jsx-runtime.bc0b5389.js";import"./index.8c7046c4.js";import{p as e}from"./index.73b4811b.js";const i=({alignItems:a,justifyContent:r,direction:n,height:l,children:s,wrap:o,gap:t})=>p.exports.jsx("div",{style:{display:"flex",flexDirection:n,alignItems:a,justifyContent:r,height:l,flexWrap:o?"wrap":"nowrap",gap:t===!1?0:t===!0?"20px":t},children:s});i.defaultProps={alignItems:"initial",direction:"initial",height:"initial",justifyContent:"initial",children:null,wrap:!0,gap:!1};i.propTypes={alignItems:e.exports.string,direction:e.exports.string,height:e.exports.oneOfType([e.exports.string,e.exports.number]),justifyContent:e.exports.string,children:e.exports.node,wrap:e.exports.bool,gap:e.exports.oneOfType([e.exports.bool,e.exports.string,e.exports.number])};i.__docgenInfo={description:"",methods:[],displayName:"Flex",props:{alignItems:{defaultValue:{value:"'initial'",computed:!1},description:"",type:{name:"string"},required:!1},direction:{defaultValue:{value:"'initial'",computed:!1},description:"",type:{name:"string"},required:!1},height:{defaultValue:{value:"'initial'",computed:!1},description:"",type:{name:"union",value:[{name:"string"},{name:"number"}]},required:!1},justifyContent:{defaultValue:{value:"'initial'",computed:!1},description:"",type:{name:"string"},required:!1},children:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"node"},required:!1},wrap:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},gap:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"union",value:[{name:"bool"},{name:"string"},{name:"number"}]},required:!1}}};export{i as F};

package/dist/storybook/assets/flex.stories.74298645.js

@@ -0,0 +1,15 @@
+import{j as r}from"./jsx-runtime.bc0b5389.js";import"./index.8c7046c4.js";import{F as I}from"./flex.0003e6fb.js";import{B as v}from"./button.a5847ae5.js";import{T as J}from"./text.dbb2d441.js";import"./index.73b4811b.js";import"./index.55214191.js";import"./icon.e3eba0d8.js";import"./disabled-context.f2b44977.js";import"./spinner.bd672879.js";import"./tooltip.c75d575a.js";import"./index.3a536397.js";const Q={title:"Layout/Flex",component:I,argTypes:{alignItems:{control:{type:"inline-radio"},options:["flex-start","center","flex-end"]},justifyContent:{control:{type:"inline-radio"},options:["flex-start","center","flex-end","space-between"]},gap:{control:{type:"boolean"}}},args:{alignItems:void 0,justifyContent:void 0,children:r.exports.jsxs(r.exports.Fragment,{children:[r.exports.jsx(v,{label:"Button"}),r.exports.jsx(J,{children:"Text"})]})}},e=_=>r.exports.jsx(I,{..._}),p=e.bind({}),s=e.bind({});s.args={gap:!0};const t=e.bind({});t.args={gap:"50px"};const a=e.bind({});a.args={height:"200px",alignItems:"center",justifyContent:"center"};const o=e.bind({});o.args={justifyContent:"space-between"};const n=e.bind({});n.args={justifyContent:"flex-end"};const i=e.bind({});i.args={direction:"column"};var c,l,d;p.parameters={...p.parameters,docs:{...(c=p.parameters)==null?void 0:c.docs,source:{originalSource:`args => <Flex
+// eslint-disable-next-line react/jsx-props-no-spreading
+{...args} />`,...(d=(l=p.parameters)==null?void 0:l.docs)==null?void 0:d.source}}};var m,x,g;s.parameters={...s.parameters,docs:{...(m=s.parameters)==null?void 0:m.docs,source:{originalSource:`args => <Flex
+// eslint-disable-next-line react/jsx-props-no-spreading
+{...args} />`,...(g=(x=s.parameters)==null?void 0:x.docs)==null?void 0:g.source}}};var u,f,b;t.parameters={...t.parameters,docs:{...(u=t.parameters)==null?void 0:u.docs,source:{originalSource:`args => <Flex
+// eslint-disable-next-line react/jsx-props-no-spreading
+{...args} />`,...(b=(f=t.parameters)==null?void 0:f.docs)==null?void 0:b.source}}};var j,y,C;a.parameters={...a.parameters,docs:{...(j=a.parameters)==null?void 0:j.docs,source:{originalSource:`args => <Flex
+// eslint-disable-next-line react/jsx-props-no-spreading
+{...args} />`,...(C=(y=a.parameters)==null?void 0:y.docs)==null?void 0:C.source}}};var F,S,h;o.parameters={...o.parameters,docs:{...(F=o.parameters)==null?void 0:F.docs,source:{originalSource:`args => <Flex
+// eslint-disable-next-line react/jsx-props-no-spreading
+{...args} />`,...(h=(S=o.parameters)==null?void 0:S.docs)==null?void 0:h.source}}};var B,T,w;n.parameters={...n.parameters,docs:{...(B=n.parameters)==null?void 0:B.docs,source:{originalSource:`args => <Flex
+// eslint-disable-next-line react/jsx-props-no-spreading
+{...args} />`,...(w=(T=n.parameters)==null?void 0:T.docs)==null?void 0:w.source}}};var D,G,E;i.parameters={...i.parameters,docs:{...(D=i.parameters)==null?void 0:D.docs,source:{originalSource:`args => <Flex
+// eslint-disable-next-line react/jsx-props-no-spreading
+{...args} />`,...(E=(G=i.parameters)==null?void 0:G.docs)==null?void 0:E.source}}};const U=["Default","DefaultGap","CustomGap","Center","SpaceBetween","JustifyEnd","Column"];export{a as Center,i as Column,t as CustomGap,p as Default,s as DefaultGap,n as JustifyEnd,o as SpaceBetween,U as __namedExportsOrder,Q as default};

package/dist/storybook/assets/footer.stories.1a38d1de.js

@@ -0,0 +1,5 @@
+import{j as e}from"./jsx-runtime.bc0b5389.js";import"./index.8c7046c4.js";import"./lodash.96de7017.js";import{T as i}from"./table.a495eefa.js";import"./heading.8dbffdbe.js";import{t as s,r as a}from"./table.stories-data.68d2b2e1.js";import"./index.73b4811b.js";import"./index.55214191.js";import"./index.es.724dbd7e.js";import"./hoist-non-react-statics.cjs.10bac274.js";import"./index.3a536397.js";import"./memoize-one.esm.7a54f149.js";import"./actions.181faed0.js";import"./icon.e3eba0d8.js";import"./disabled-context.f2b44977.js";import"./tooltip.c75d575a.js";import"./button.a5847ae5.js";import"./spinner.bd672879.js";import"./badge.0f92e7c9.js";import"./types.c5a118de.js";import"./pagination.c446262c.js";import"./select.1f357eba.js";import"./text.dbb2d441.js";import"./select.input.1214f7f4.js";import"./input.fc19e03b.js";import"./input-group.655b5741.js";import"./input-group-addon.cf112763.js";import"./check-box.7a8ba49b.js";import"./help-icon.ef78ffcd.js";import"./number-input.42e9e068.js";import"./index.cb879655.js";import"./popover.7a4e027f.js";import"./slider.32b8bfb5.js";import"./index.95eaf8c8.js";import"./flex.0003e6fb.js";const P={title:"Basic/Table/Footer",component:i,args:{table:{...s}}},n=m=>e.exports.jsx(i,{...m}),r=n.bind({});r.args={table:a};var t,o,p;r.parameters={...r.parameters,docs:{...(t=r.parameters)==null?void 0:t.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(p=(o=r.parameters)==null?void 0:o.docs)==null?void 0:p.source}}};const Q=["Footer"];export{r as Footer,Q as __namedExportsOrder,P as default};

package/dist/storybook/assets/form-row.62f9b497.js

@@ -0,0 +1 @@
+import{j as r}from"./jsx-runtime.bc0b5389.js";import"./index.8c7046c4.js";import{p as s}from"./index.73b4811b.js";const p="_formRow_qmafr_341",t={formRow:p},o=({children:e})=>r.exports.jsx("div",{className:t.formRow,children:e});o.defaultProps={children:null};o.propTypes={children:s.exports.node};o.__docgenInfo={description:"",methods:[],displayName:"FormRow",props:{children:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"node"},required:!1}}};export{o as F};

package/dist/storybook/assets/form.stories.4698708f.js

@@ -0,0 +1,49 @@
+import{j as e}from"./jsx-runtime.bc0b5389.js";import"./index.8c7046c4.js";import{D as M}from"./disabled-context.f2b44977.js";import{F as t}from"./field.c30c885b.js";import{I as c}from"./input.fc19e03b.js";import{S as x}from"./select.1f357eba.js";import{C as W}from"./check-box.7a8ba49b.js";import{B as A}from"./button-group.62e79059.js";import{B as G}from"./button.a5847ae5.js";import{T as _}from"./toggle.3c444612.js";import{I as V}from"./input-group.655b5741.js";import{I as b}from"./input-group-addon.cf112763.js";import{S as E}from"./slider.32b8bfb5.js";import{T as N}from"./textarea.0b7740af.js";import{R as $}from"./radio-button.80c92da7.js";import{M as q}from"./actions.181faed0.js";import{F as z}from"./form-row.62f9b497.js";import"./index.73b4811b.js";import"./index.55214191.js";import"./label.5f35b9cc.js";import"./help-icon.ef78ffcd.js";import"./tooltip.c75d575a.js";import"./index.3a536397.js";import"./icon.e3eba0d8.js";import"./types.c5a118de.js";import"./lodash.96de7017.js";import"./memoize-one.esm.7a54f149.js";import"./text.dbb2d441.js";import"./select.input.1214f7f4.js";import"./spinner.bd672879.js";import"./index.95eaf8c8.js";import"./badge.0f92e7c9.js";const Re={title:"Forms/Layout",argTypes:{labelWidth:"text"},args:{small:!1,row:!1,labelLeft:!1,labelWidth:void 0,disabled:!1}},v=l=>{const{small:r,labelLeft:o,labelWidth:s}=l;return e.exports.jsxs(e.exports.Fragment,{children:[e.exports.jsx(t,{label:"Input",helpText:"Some help text",labelLeft:o,labelWidth:s,children:e.exports.jsx(c,{value:"Value",small:r})}),e.exports.jsx(t,{label:"TextArea",helpText:"Some very long help text that needs to have its width constrained so it doesn't look silly",helpTextMaxWidth:200,labelLeft:o,labelWidth:s,children:e.exports.jsx(N,{value:"Value",small:r})}),e.exports.jsx(t,{label:"Select (native)",labelLeft:o,labelWidth:s,children:e.exports.jsx(x,{options:[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"}],value:{label:"Option 2",value:"2"},native:!0,small:r,width:"auto"})}),e.exports.jsx(t,{label:"Select (custom)",labelLeft:o,labelWidth:s,children:e.exports.jsx(x,{options:[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"}],value:{label:"Option 2",value:"2"},small:r,width:"auto"})}),e.exports.jsx(t,{label:"Select (multi)",labelLeft:o,labelWidth:s,children:e.exports.jsx(x,{options:[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"}],value:[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"}],small:r})}),e.exports.jsx(t,{label:"Slider",labelLeft:o,labelWidth:s,children:e.exports.jsx(E,{name:"example",label:"Number of aardvarks",value:35,min:0,max:100,step:1,onChange:()=>{},showArrows:!0,showTooltip:!0,small:r})}),e.exports.jsx(t,{label:"ButtonGroup",labelLeft:o,labelWidth:s,children:e.exports.jsx(A,{items:[{key:0,label:"Option 1",value:"1"},{key:1,label:"Option 2",value:"2"}],value:0,small:r})}),e.exports.jsx(t,{label:"InputGroup",labelLeft:o,labelWidth:s,children:e.exports.jsxs(V,{small:r,children:[e.exports.jsx(b,{children:"$"}),e.exports.jsx(c,{name:"example",value:"123",onChange:()=>{}}),e.exports.jsx(b,{children:"each"})]})}),e.exports.jsx(t,{label:"Menu",labelLeft:o,labelWidth:s,children:e.exports.jsx(q,{menu:{label:"Menu",trigger:"DropDownButton",sections:[{type:"Option",label:"Lorem"},{type:"Option",label:"Ipsum"}],small:r}})}),e.exports.jsx(t,{label:"CheckBox",labelLeft:o,labelWidth:s,children:e.exports.jsx(W,{label:"CheckBox",checked:!0,small:r})}),e.exports.jsx(t,{label:"RadioButton",labelLeft:o,labelWidth:s,children:e.exports.jsx($,{options:[{label:"Aardvarks",value:"termites"},{label:"Monkeys",value:"bananas"}],value:{label:"Monkeys",value:"bananas"},inline:!0,small:r})}),e.exports.jsx(t,{label:"Toggle",labelLeft:o,labelWidth:s,children:e.exports.jsx(_,{label:"Toggle",checked:!0,onChange:()=>{},small:r})}),e.exports.jsx(t,{labelLeft:o,labelWidth:s,children:e.exports.jsx(G,{colored:!0,label:"Button",onClick:()=>{},small:r})})]})},a=l=>{const{row:r,disabled:o}=l;return e.exports.jsx(M.Provider,{value:o,children:r?e.exports.jsx(z,{children:v(l)}):v(l)})},u=a.bind({}),n=a.bind({});n.args={small:!0};const i=a.bind({});i.args={labelLeft:!0,labelWidth:100};const d=a.bind({});d.args={row:!0};const p=a.bind({});p.args={row:!0,small:!0};const m=a.bind({});m.args={disabled:!0};var g,h,w;u.parameters={...u.parameters,docs:{...(g=u.parameters)==null?void 0:g.docs,source:{originalSource:`args => {
+  const {
+    row,
+    disabled
+  } = args;
+  return <DisabledContext.Provider value={disabled}>
+      {row ? <FormRow>{renderFields(args)}</FormRow> : renderFields(args)}
+    </DisabledContext.Provider>;
+}`,...(w=(h=u.parameters)==null?void 0:h.docs)==null?void 0:w.source}}};var j,F,f;n.parameters={...n.parameters,docs:{...(j=n.parameters)==null?void 0:j.docs,source:{originalSource:`args => {
+  const {
+    row,
+    disabled
+  } = args;
+  return <DisabledContext.Provider value={disabled}>
+      {row ? <FormRow>{renderFields(args)}</FormRow> : renderFields(args)}
+    </DisabledContext.Provider>;
+}`,...(f=(F=n.parameters)==null?void 0:F.docs)==null?void 0:f.source}}};var C,R,D;i.parameters={...i.parameters,docs:{...(C=i.parameters)==null?void 0:C.docs,source:{originalSource:`args => {
+  const {
+    row,
+    disabled
+  } = args;
+  return <DisabledContext.Provider value={disabled}>
+      {row ? <FormRow>{renderFields(args)}</FormRow> : renderFields(args)}
+    </DisabledContext.Provider>;
+}`,...(D=(R=i.parameters)==null?void 0:R.docs)==null?void 0:D.source}}};var S,O,k;d.parameters={...d.parameters,docs:{...(S=d.parameters)==null?void 0:S.docs,source:{originalSource:`args => {
+  const {
+    row,
+    disabled
+  } = args;
+  return <DisabledContext.Provider value={disabled}>
+      {row ? <FormRow>{renderFields(args)}</FormRow> : renderFields(args)}
+    </DisabledContext.Provider>;
+}`,...(k=(O=d.parameters)==null?void 0:O.docs)==null?void 0:k.source}}};var P,T,B;p.parameters={...p.parameters,docs:{...(P=p.parameters)==null?void 0:P.docs,source:{originalSource:`args => {
+  const {
+    row,
+    disabled
+  } = args;
+  return <DisabledContext.Provider value={disabled}>
+      {row ? <FormRow>{renderFields(args)}</FormRow> : renderFields(args)}
+    </DisabledContext.Provider>;
+}`,...(B=(T=p.parameters)==null?void 0:T.docs)==null?void 0:B.source}}};var y,I,L;m.parameters={...m.parameters,docs:{...(y=m.parameters)==null?void 0:y.docs,source:{originalSource:`args => {
+  const {
+    row,
+    disabled
+  } = args;
+  return <DisabledContext.Provider value={disabled}>
+      {row ? <FormRow>{renderFields(args)}</FormRow> : renderFields(args)}
+    </DisabledContext.Provider>;
+}`,...(L=(I=m.parameters)==null?void 0:I.docs)==null?void 0:L.source}}};const De=["Default","Small","LabelsOnLeft","Row","SmallRow","DisabledWithContext"];export{u as Default,m as DisabledWithContext,i as LabelsOnLeft,d as Row,n as Small,p as SmallRow,De as __namedExportsOrder,Re as default};