@oliasoft-open-source/react-ui-library 4.7.7 → 4.7.8-beta-1

package/dist/storybook/assets/{unit-table.stories-DQrTQd6a.js → unit-table.stories-B6Y5A-a5.js}

@@ -1,4 +1,4 @@
-import{j as i}from"./jsx-runtime-eps93zm2.js";import{r as v}from"./index-DhsZuJvc.js";import{f as J}from"./immer.esm-BwVl9PS2.js";import{d as T}from"./index-CWz-hU-f.js";import{G as ne}from"./grid-B6LFPf51.js";import{S as ae}from"./spacer-BWoNR27H.js";import{w as O,u as d,e as B,f as ie}from"./index-DMAnyMX5.js";import{C as _}from"./card-EcjmryU9.js";import{F as R}from"./field-HrLaMLbx.js";import{H as F}from"./heading-CRNoBc7q.js";import{S as P}from"./select-C8iu4-uz.js";import{T as W}from"./toggle-CBpNgTrm.js";import{l as re}from"./lodash-BHd_uQHh.js";import{u as oe}from"./use-previous-D775JrO6.js";import{T as le,C as G}from"./table-BNMxYhsu.js";import"./index-DRSy5Ssd.js";import"./styled-components.browser.esm-Bf0q9Yjk.js";import"./index-CF7H4eMJ.js";import"./index-Bk2sglWO.js";import"./label-CqmyC9he.js";import"./common-types-Sih75Sav.js";import"./help-icon-Buhx5nl6.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./types-UmZ4Y_CR.js";import"./assertThisInitialized-B9jnkVVz.js";import"./memoize-one.esm-CcMeOnPo.js";import"./types-BmbYqTX_.js";import"./text-B3-TSWok.js";import"./actions-CHgr8eL8.js";import"./button-VxhoNhrV.js";import"./spinner-AWUe4xwQ.js";import"./badge-CLQ59MDF.js";import"./select.input-DIKP56UZ.js";import"./index.es-DazXb-ul.js";import"./redux-tRgGMjwY.js";import"./objectSpread2-DW4nTBoq.js";import"./tiny-invariant-DqLgxztJ.js";import"./pagination-iSMIbR33.js";import"./input-BW9trNAW.js";import"./input-group-BaRSJAEN.js";import"./input-group-addon-D68iUKV2.js";import"./number-input-uQOVHv2N.js";import"./check-box-BtCGePRy.js";import"./slider-DAramr8j.js";import"./index-BI4_Bp97.js";import"./popover-CzZdWNnB.js";const se=r=>r.reduce(({preferredUnits:o,storageUnits:a},{unitKey:l,preferredUnit:e,storageUnit:b})=>(o[l]=e,a[l]=b,{preferredUnits:o,storageUnits:a}),{preferredUnits:{},storageUnits:{}}),ue=({headers:r,rows:o,selectedUnits:a,storageUnits:l,onChangeUnit:e,convertBackToStorageUnit:b,enableCosmeticRounding:m,enableDisplayRounding:C})=>{const u=r?r.map(c=>({...c,cells:c.cells.map(p=>{var n;if(p.type===G.AUTO_UNIT){const{testId:x,unitKey:g}=p;return{value:a[g],type:G.SELECT,searchable:!1,options:(n=T.getUnitsForQuantity(g))==null?void 0:n.map(U=>({label:T.label(U),value:U})),native:p.native,onChange:U=>e({unitKey:g,value:U.target.value}),testId:x}}return p})})):[],s=o?o.map((c,p)=>({...c,cells:c.cells.map((n,x)=>{if("autoUnit"in n&&(n!=null&&n.autoUnit)&&(typeof(n==null?void 0:n.value)=="string"||typeof(n==null?void 0:n.value)=="number")){const{unitKey:g,value:U,formatDisplayValue:I}=n,V=C&&"roundDisplayValue"in n?n==null?void 0:n.roundDisplayValue:null,h=a[g],y=l[g],t=h!==y,f=t?T.convertAndGetValue(U,h,y):n.value,w=T.isScientificStringNum(U),k=m&&(t||!w)?T.roundToPrecision(f,14):f,S=I?I(k):k;return{...n,value:S,enableCosmeticRounding:m,enableDisplayRounding:C,roundDisplayValue:V,onChange:D=>{const{value:H}=D.target,A=l[g],E=a[g],K=E!==A,j=b?A:E,Z=K?T.convertAndGetValue(H,j,E):H;if("onChange"in n){const{onChange:ee}=n,te={...D,target:{...D.target,value:String(Z),rowIndex:p,cellIndex:x,unit:j}};ee(te)}}}}return n})})):[];return{convertedHeaders:u,convertedRows:s}},X=({table:r,unitConfig:o,convertBackToStorageUnit:a=!0,enableCosmeticRounding:l=!0,enableDisplayRounding:e=!0})=>{const{rows:b,headers:m,...C}=r,{storageUnits:u,preferredUnits:s}=se(o),c=oe(s),[p,n]=v.useState(s),x=({unitKey:h,value:y})=>{n({...p,[h]:y});const t=o.find(f=>f.unitKey===h);t&&typeof t.onChange=="function"&&t.onChange({oldUnit:p[h],newUnit:y,unitKey:h})},g=h=>ue({headers:m,rows:b,selectedUnits:h,storageUnits:u,onChangeUnit:x,convertBackToStorageUnit:a,enableCosmeticRounding:l,enableDisplayRounding:e}),U=g(p),[I,V]=v.useState(U);return v.useEffect(()=>{!re.isEqual(s,c)&&(Object.keys(s).forEach(y=>{const t=c==null?void 0:c[y],f=s[y];t!==f&&x({unitKey:y,value:f})}),V(g(s)))},[o]),v.useEffect(()=>{V(g(p))},[r,p]),i.jsx(le,{table:{...C,headers:I.convertedHeaders,rows:I.convertedRows}})};X.__docgenInfo={description:"",methods:[],displayName:"UnitTable",props:{table:{required:!0,tsType:{name:"IUnitTable"},description:""},unitConfig:{required:!0,tsType:{name:"Array",elements:[{name:"IUnitConfigItem"}],raw:"IUnitConfigItem[]"},description:""},convertBackToStorageUnit:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},enableCosmeticRounding:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},enableDisplayRounding:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}}},composes:["Omit"]};const yt={title:"Basic/UnitTable",args:{}},ce=!0,de=!0,pe=!0,ge=!1,N="m",Y="C",me=3,he=(r,o,a)=>{const l=[o,o,a],e=[...Array(r)].map((b,m)=>{const C=m,u=m+1.25,s=4+m*.25;return[String(C),String(u),String(s)]});return[l,...e]},be=he(me,N,Y),ye=({reduxTable:r,value:o,unit:a,rowIndex:l,cellIndex:e})=>J(r,b=>{const m=b[0][e],C=(u,s)=>s===0;return b.forEach((u,s)=>{if(C(u,s)){u[e]=a;return}if(s===l+1){u[e]=String(o);return}const c=T.convertAndGetValue(u[e],a,m);u[e]=String(c)}),b}),fe=({reduxTable:r,value:o,rowIndex:a,cellIndex:l})=>J(r,e=>{e[a+1][l]=o}),L=()=>{var h,y;const[r,o]=v.useState(N),[a,l]=v.useState(Y),[e,b]=v.useState(be),[m,C]=v.useState(ce),[u,s]=v.useState(pe),[c,p]=v.useState(de),[n,x]=v.useState(ge),[g,U]=v.useState(N),I=t=>{const{rowIndex:f,cellIndex:w,value:k,unit:S}=t.target,D=n?ye({reduxTable:e,value:k,unit:S,rowIndex:f,cellIndex:w}):fe({reduxTable:e,value:k,rowIndex:f,cellIndex:w});b(D)},V=e.reduce((t,f,w)=>(w===0?t.headers=[{cells:[{value:"From"},{value:"To"},{value:"Temperature"}]},{cells:[{type:"AutoUnit",unitKey:"length"},{type:"AutoUnit",unitKey:"length"},{type:"AutoUnit",unitKey:"temperature",testId:"table-unit-selector-3"}]}]:t.rows=t.rows.concat({cells:f.map((k,S)=>{const D=w===1&&S===1;return{value:k,type:D?"Text":"NumberInput",unitKey:S===2?"temperature":"length",onChange:I,roundDisplayValue:w===3&&S===2?j=>T.roundByMagnitude(j,2):null,formatDisplayValue:D?j=>`T* ${j}`:null,autoUnit:!0,testId:`testId_${w}_${S}`}})}),t),{testId:"testId",headers:[],rows:[]});return i.jsxs(ne,{columns:"1fr 1fr",gap:!0,children:[i.jsxs(_,{heading:i.jsx(F,{children:"Settings"}),children:[i.jsx(R,{label:"Convert back to storage unit:",labelLeft:!0,labelWidth:200,children:i.jsx(W,{checked:m,onChange:t=>C(t.target.checked)})}),i.jsx(R,{label:"Enable display rounding:",labelLeft:!0,labelWidth:200,children:i.jsx(W,{checked:u,onChange:t=>s(t.target.checked)})}),i.jsx(R,{label:"Enable cosmetic rounding:",labelLeft:!0,labelWidth:200,children:i.jsx(W,{checked:c,onChange:t=>p(t.target.checked)})}),i.jsx(R,{label:"Convert whole table:",labelLeft:!0,labelWidth:200,children:i.jsx(W,{checked:n,onChange:t=>x(t.target.checked)})})]}),i.jsxs(_,{heading:i.jsx(F,{children:"Unit template"}),children:[i.jsx(R,{label:"Length unit:",labelLeft:!0,labelWidth:120,children:i.jsx(P,{options:(h=T.getUnitsForQuantity("length"))==null?void 0:h.map(t=>({value:t,label:T.label(t)})),value:{value:r},onChange:t=>o(t.target.value),width:"100px"})}),i.jsx(R,{label:"Temperature unit:",labelLeft:!0,labelWidth:120,children:i.jsx(P,{options:(y=T.getUnitsForQuantity("temperature"))==null?void 0:y.map(t=>({value:t,label:T.label(t)})),value:{value:a},onChange:t=>l(t.target.value),width:"100px"})})]}),i.jsx(_,{heading:i.jsx(F,{children:"Storage State (Redux)"}),children:i.jsx("pre",{children:i.jsx("code",{children:JSON.stringify(e,null,2)})})}),i.jsxs(_,{heading:i.jsx(F,{children:"UnitTable"}),children:[i.jsx(X,{table:V,unitConfig:[{unitKey:"length",storageUnit:e[0][0],preferredUnit:r,onChange:({newUnit:t})=>U(t)},{unitKey:"temperature",storageUnit:e[0][2],preferredUnit:a}],convertBackToStorageUnit:m,enableDisplayRounding:u,enableCosmeticRounding:c}),i.jsx(ae,{height:20}),i.jsx(R,{label:"Displayed length unit:",labelLeft:!0,labelWidth:150,children:g})]})]})};L.play=async({canvasElement:r,step:o})=>{const a=O(r),l=O(r.ownerDocument.body);await o("Can enter decimal values",async()=>{const e=a.getByTestId("testId_2_1");await d.clear(e),await d.type(e,"123.123456789"),await d.click(r),await B(a.getByDisplayValue("123.12")).toBeInTheDocument()}),await o("Can enter comma decimals (converts to dot)",async()=>{const e=a.getByTestId("testId_2_1");await d.clear(e),await d.type(e,"123,456"),await d.click(r),await B(a.getByDisplayValue("123.46")).toBeInTheDocument()}),await o("Can enter small numbers",async()=>{const e=a.getByTestId("testId_2_1");await d.clear(e),await d.type(e,"0.0000000023"),await d.click(r),await B(e).toHaveDisplayValue("0.00")}),await o("Can enter large numbers",async()=>{const e=a.getByTestId("testId_2_1");await d.clear(e),await d.type(e,"999999999999"),await d.click(r),await B(a.getByDisplayValue("999999999999.00")).toBeInTheDocument()}),await o("Shows validation error for non-numeric input",async()=>{const e=a.getByTestId("testId_2_1");await d.clear(e),await d.type(e,"123x45s6"),await d.click(r),await ie.mouseOver(e),await B(l.getByText("Must be a numerical value")).toBeInTheDocument()})};L.__docgenInfo={description:"",methods:[{name:"play",docblock:null,modifiers:["static"],params:[{name:"{ canvasElement, step }",optional:!1,type:null}],returns:null}],displayName:"UnitTableExample"};var q,$,Q,M,z;L.parameters={...L.parameters,docs:{...(q=L.parameters)==null?void 0:q.docs,source:{originalSource:`() => {
+import{j as i}from"./jsx-runtime-eps93zm2.js";import{r as v}from"./index-DhsZuJvc.js";import{f as J}from"./immer.esm-BwVl9PS2.js";import{d as T}from"./index-DaLCDjg_.js";import{G as ne}from"./grid-DRkC-bt8.js";import{S as ae}from"./spacer-BWoNR27H.js";import{w as O,u as d,e as B,f as ie}from"./index-DMAnyMX5.js";import{C as _}from"./card-EcjmryU9.js";import{F as R}from"./field-HrLaMLbx.js";import{H as F}from"./heading-CRNoBc7q.js";import{S as P}from"./select-BFv5KuOX.js";import{T as W}from"./toggle-CBpNgTrm.js";import{l as re}from"./lodash-BHd_uQHh.js";import{u as oe}from"./use-previous-D775JrO6.js";import{T as le,C as G}from"./table-BFgZ2w5W.js";import"./index-DRSy5Ssd.js";import"./styled-components.browser.esm-BQ9GQzDc.js";import"./index-CF7H4eMJ.js";import"./index-Bk2sglWO.js";import"./label-CqmyC9he.js";import"./common-types-Sih75Sav.js";import"./help-icon-Buhx5nl6.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./types-UmZ4Y_CR.js";import"./assertThisInitialized-B9jnkVVz.js";import"./memoize-one.esm-CcMeOnPo.js";import"./types-BmbYqTX_.js";import"./text-B3-TSWok.js";import"./actions-B-KaMy86.js";import"./button-kgPRviUL.js";import"./spinner-AWUe4xwQ.js";import"./badge-CLQ59MDF.js";import"./select.input-DIKP56UZ.js";import"./index.es-DazXb-ul.js";import"./redux-tRgGMjwY.js";import"./objectSpread2-DW4nTBoq.js";import"./tiny-invariant-DqLgxztJ.js";import"./pagination-C_0Lfz0Y.js";import"./input-DFNY9YDm.js";import"./input-group-BaRSJAEN.js";import"./input-group-addon-D68iUKV2.js";import"./number-input-B6I6KkcP.js";import"./check-box-BtCGePRy.js";import"./slider-BeJzxarD.js";import"./index-BI4_Bp97.js";import"./popover-IH58FliU.js";const se=r=>r.reduce(({preferredUnits:o,storageUnits:a},{unitKey:l,preferredUnit:e,storageUnit:b})=>(o[l]=e,a[l]=b,{preferredUnits:o,storageUnits:a}),{preferredUnits:{},storageUnits:{}}),ue=({headers:r,rows:o,selectedUnits:a,storageUnits:l,onChangeUnit:e,convertBackToStorageUnit:b,enableCosmeticRounding:m,enableDisplayRounding:C})=>{const u=r?r.map(c=>({...c,cells:c.cells.map(p=>{var n;if(p.type===G.AUTO_UNIT){const{testId:x,unitKey:g}=p;return{value:a[g],type:G.SELECT,searchable:!1,options:(n=T.getUnitsForQuantity(g))==null?void 0:n.map(U=>({label:T.label(U),value:U})),native:p.native,onChange:U=>e({unitKey:g,value:U.target.value}),testId:x}}return p})})):[],s=o?o.map((c,p)=>({...c,cells:c.cells.map((n,x)=>{if("autoUnit"in n&&(n!=null&&n.autoUnit)&&(typeof(n==null?void 0:n.value)=="string"||typeof(n==null?void 0:n.value)=="number")){const{unitKey:g,value:U,formatDisplayValue:I}=n,V=C&&"roundDisplayValue"in n?n==null?void 0:n.roundDisplayValue:null,h=a[g],y=l[g],t=h!==y,f=t?T.convertAndGetValue(U,h,y):n.value,w=T.isScientificStringNum(U),k=m&&(t||!w)?T.roundToPrecision(f,14):f,S=I?I(k):k;return{...n,value:S,enableCosmeticRounding:m,enableDisplayRounding:C,roundDisplayValue:V,onChange:D=>{const{value:H}=D.target,A=l[g],E=a[g],K=E!==A,j=b?A:E,Z=K?T.convertAndGetValue(H,j,E):H;if("onChange"in n){const{onChange:ee}=n,te={...D,target:{...D.target,value:String(Z),rowIndex:p,cellIndex:x,unit:j}};ee(te)}}}}return n})})):[];return{convertedHeaders:u,convertedRows:s}},X=({table:r,unitConfig:o,convertBackToStorageUnit:a=!0,enableCosmeticRounding:l=!0,enableDisplayRounding:e=!0})=>{const{rows:b,headers:m,...C}=r,{storageUnits:u,preferredUnits:s}=se(o),c=oe(s),[p,n]=v.useState(s),x=({unitKey:h,value:y})=>{n({...p,[h]:y});const t=o.find(f=>f.unitKey===h);t&&typeof t.onChange=="function"&&t.onChange({oldUnit:p[h],newUnit:y,unitKey:h})},g=h=>ue({headers:m,rows:b,selectedUnits:h,storageUnits:u,onChangeUnit:x,convertBackToStorageUnit:a,enableCosmeticRounding:l,enableDisplayRounding:e}),U=g(p),[I,V]=v.useState(U);return v.useEffect(()=>{!re.isEqual(s,c)&&(Object.keys(s).forEach(y=>{const t=c==null?void 0:c[y],f=s[y];t!==f&&x({unitKey:y,value:f})}),V(g(s)))},[o]),v.useEffect(()=>{V(g(p))},[r,p]),i.jsx(le,{table:{...C,headers:I.convertedHeaders,rows:I.convertedRows}})};X.__docgenInfo={description:"",methods:[],displayName:"UnitTable",props:{table:{required:!0,tsType:{name:"IUnitTable"},description:""},unitConfig:{required:!0,tsType:{name:"Array",elements:[{name:"IUnitConfigItem"}],raw:"IUnitConfigItem[]"},description:""},convertBackToStorageUnit:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},enableCosmeticRounding:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},enableDisplayRounding:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}}},composes:["Omit"]};const yt={title:"Basic/UnitTable",args:{}},ce=!0,de=!0,pe=!0,ge=!1,N="m",Y="C",me=3,he=(r,o,a)=>{const l=[o,o,a],e=[...Array(r)].map((b,m)=>{const C=m,u=m+1.25,s=4+m*.25;return[String(C),String(u),String(s)]});return[l,...e]},be=he(me,N,Y),ye=({reduxTable:r,value:o,unit:a,rowIndex:l,cellIndex:e})=>J(r,b=>{const m=b[0][e],C=(u,s)=>s===0;return b.forEach((u,s)=>{if(C(u,s)){u[e]=a;return}if(s===l+1){u[e]=String(o);return}const c=T.convertAndGetValue(u[e],a,m);u[e]=String(c)}),b}),fe=({reduxTable:r,value:o,rowIndex:a,cellIndex:l})=>J(r,e=>{e[a+1][l]=o}),L=()=>{var h,y;const[r,o]=v.useState(N),[a,l]=v.useState(Y),[e,b]=v.useState(be),[m,C]=v.useState(ce),[u,s]=v.useState(pe),[c,p]=v.useState(de),[n,x]=v.useState(ge),[g,U]=v.useState(N),I=t=>{const{rowIndex:f,cellIndex:w,value:k,unit:S}=t.target,D=n?ye({reduxTable:e,value:k,unit:S,rowIndex:f,cellIndex:w}):fe({reduxTable:e,value:k,rowIndex:f,cellIndex:w});b(D)},V=e.reduce((t,f,w)=>(w===0?t.headers=[{cells:[{value:"From"},{value:"To"},{value:"Temperature"}]},{cells:[{type:"AutoUnit",unitKey:"length"},{type:"AutoUnit",unitKey:"length"},{type:"AutoUnit",unitKey:"temperature",testId:"table-unit-selector-3"}]}]:t.rows=t.rows.concat({cells:f.map((k,S)=>{const D=w===1&&S===1;return{value:k,type:D?"Text":"NumberInput",unitKey:S===2?"temperature":"length",onChange:I,roundDisplayValue:w===3&&S===2?j=>T.roundByMagnitude(j,2):null,formatDisplayValue:D?j=>`T* ${j}`:null,autoUnit:!0,testId:`testId_${w}_${S}`}})}),t),{testId:"testId",headers:[],rows:[]});return i.jsxs(ne,{columns:"1fr 1fr",gap:!0,children:[i.jsxs(_,{heading:i.jsx(F,{children:"Settings"}),children:[i.jsx(R,{label:"Convert back to storage unit:",labelLeft:!0,labelWidth:200,children:i.jsx(W,{checked:m,onChange:t=>C(t.target.checked)})}),i.jsx(R,{label:"Enable display rounding:",labelLeft:!0,labelWidth:200,children:i.jsx(W,{checked:u,onChange:t=>s(t.target.checked)})}),i.jsx(R,{label:"Enable cosmetic rounding:",labelLeft:!0,labelWidth:200,children:i.jsx(W,{checked:c,onChange:t=>p(t.target.checked)})}),i.jsx(R,{label:"Convert whole table:",labelLeft:!0,labelWidth:200,children:i.jsx(W,{checked:n,onChange:t=>x(t.target.checked)})})]}),i.jsxs(_,{heading:i.jsx(F,{children:"Unit template"}),children:[i.jsx(R,{label:"Length unit:",labelLeft:!0,labelWidth:120,children:i.jsx(P,{options:(h=T.getUnitsForQuantity("length"))==null?void 0:h.map(t=>({value:t,label:T.label(t)})),value:{value:r},onChange:t=>o(t.target.value),width:"100px"})}),i.jsx(R,{label:"Temperature unit:",labelLeft:!0,labelWidth:120,children:i.jsx(P,{options:(y=T.getUnitsForQuantity("temperature"))==null?void 0:y.map(t=>({value:t,label:T.label(t)})),value:{value:a},onChange:t=>l(t.target.value),width:"100px"})})]}),i.jsx(_,{heading:i.jsx(F,{children:"Storage State (Redux)"}),children:i.jsx("pre",{children:i.jsx("code",{children:JSON.stringify(e,null,2)})})}),i.jsxs(_,{heading:i.jsx(F,{children:"UnitTable"}),children:[i.jsx(X,{table:V,unitConfig:[{unitKey:"length",storageUnit:e[0][0],preferredUnit:r,onChange:({newUnit:t})=>U(t)},{unitKey:"temperature",storageUnit:e[0][2],preferredUnit:a}],convertBackToStorageUnit:m,enableDisplayRounding:u,enableCosmeticRounding:c}),i.jsx(ae,{height:20}),i.jsx(R,{label:"Displayed length unit:",labelLeft:!0,labelWidth:150,children:g})]})]})};L.play=async({canvasElement:r,step:o})=>{const a=O(r),l=O(r.ownerDocument.body);await o("Can enter decimal values",async()=>{const e=a.getByTestId("testId_2_1");await d.clear(e),await d.type(e,"123.123456789"),await d.click(r),await B(a.getByDisplayValue("123.12")).toBeInTheDocument()}),await o("Can enter comma decimals (converts to dot)",async()=>{const e=a.getByTestId("testId_2_1");await d.clear(e),await d.type(e,"123,456"),await d.click(r),await B(a.getByDisplayValue("123.46")).toBeInTheDocument()}),await o("Can enter small numbers",async()=>{const e=a.getByTestId("testId_2_1");await d.clear(e),await d.type(e,"0.0000000023"),await d.click(r),await B(e).toHaveDisplayValue("0.00")}),await o("Can enter large numbers",async()=>{const e=a.getByTestId("testId_2_1");await d.clear(e),await d.type(e,"999999999999"),await d.click(r),await B(a.getByDisplayValue("999999999999.00")).toBeInTheDocument()}),await o("Shows validation error for non-numeric input",async()=>{const e=a.getByTestId("testId_2_1");await d.clear(e),await d.type(e,"123x45s6"),await d.click(r),await ie.mouseOver(e),await B(l.getByText("Must be a numerical value")).toBeInTheDocument()})};L.__docgenInfo={description:"",methods:[{name:"play",docblock:null,modifiers:["static"],params:[{name:"{ canvasElement, step }",optional:!1,type:null}],returns:null}],displayName:"UnitTableExample"};var q,$,Q,M,z;L.parameters={...L.parameters,docs:{...(q=L.parameters)==null?void 0:q.docs,source:{originalSource:`() => {
   const [preferredLengthUnit, setPreferredLengthUnit] = useState(initialLengthUnit);
   const [preferredTemperatureUnit, setPreferredTemperatureUnit] = useState(initialTemperatureUnit);
   const [reduxTable, setReduxTable] = useState<TTable>(initialTable);

package/dist/storybook/iframe.html

@@ -509,7 +509,7 @@
   }
 </script>
 
-    <script type="module" crossorigin src="./assets/iframe-0oHxQxyh.js"></script>
+    <script type="module" crossorigin src="./assets/iframe-BU_I1db1.js"></script>
   </head>
 
   <body>

package/dist/storybook/project.json

@@ -1 +1 @@
-{"generatedAt":1722237899518,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"testPackages":{"@types/jest":"29.5.12","@vitest/coverage-c8":"0.31.4","eslint-plugin-vitest":null,"eslint-plugin-vitest-globals":"1.5.0","vitest":"1.6.0"},"packageManager":{"type":"yarn","version":"1.22.19"},"typescriptOptions":{"reactDocgen":"react-docgen"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","storybookVersion":"8.2.4","storybookVersionSpecifier":"^8.2.4","language":"typescript","storybookPackages":{"@storybook/addon-essentials":{"version":"8.2.4"},"@storybook/addon-links":{"version":"8.2.4"},"@storybook/preview-api":{"version":"8.2.4"},"@storybook/react":{"version":"8.2.4"},"@storybook/react-vite":{"version":"8.2.4"},"@storybook/test":{"version":"8.2.4"},"@storybook/test-runner":{"version":"0.19.1"},"eslint-plugin-storybook":{"version":"0.6.15"},"storybook":{"version":"8.2.4"}},"addons":{"@storybook/addon-actions":{"version":"8.2.4"},"@storybook/addon-docs":{"version":"8.2.4"},"@storybook/addon-interactions":{"version":"8.2.4"},"storybook-dark-mode":{"version":"4.0.2"}}}
+{"generatedAt":1722417303125,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"testPackages":{"@types/jest":"29.5.12","@vitest/coverage-c8":"0.31.4","eslint-plugin-vitest":null,"eslint-plugin-vitest-globals":"1.5.0","vitest":"1.6.0"},"packageManager":{"type":"yarn","version":"1.22.19"},"typescriptOptions":{"reactDocgen":"react-docgen"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","storybookVersion":"8.2.6","storybookVersionSpecifier":"^8.2.4","language":"typescript","storybookPackages":{"@storybook/addon-essentials":{"version":"8.2.6"},"@storybook/addon-links":{"version":"8.2.6"},"@storybook/preview-api":{"version":"8.2.6"},"@storybook/react":{"version":"8.2.6"},"@storybook/react-vite":{"version":"8.2.6"},"@storybook/test":{"version":"8.2.6"},"@storybook/test-runner":{"version":"0.19.1"},"eslint-plugin-storybook":{"version":"0.6.15"},"storybook":{"version":"8.2.6"}},"addons":{"@storybook/addon-actions":{"version":"8.2.6"},"@storybook/addon-docs":{"version":"8.2.6"},"@storybook/addon-interactions":{"version":"8.2.6"},"storybook-dark-mode":{"version":"4.0.2"}}}

package/dist/storybook/sb-addons/interactions-2/manager-bundle.js

@@ -74,6 +74,7 @@ This is deprecated and won't work in Storybook 8 anymore.
 
         It is not recommended to use methods directly on the Story Store anyway, in Storybook 9 we will
         remove access to the store entirely`})}};Ce(Fa,"StoryStoreAccessedBeforeInitializationError");var Pa=Fa,ja=class extends Ie{constructor(e){super({category:"PREVIEW_API",code:12,message:xe`
+      Incorrect use of mount in the play function.
       
       To use mount in the play function, you must satisfy the following two requirements: 
       

package/dist/storybook/sb-manager/globals-runtime.js

@@ -52488,7 +52488,7 @@ hr();
 var Oo = te(Cte(), 1), Ate = te(Ai(), 1);
 
 // src/manager-api/version.ts
-var Dte = "8.2.4";
+var Dte = "8.2.6";
 
 // src/manager-api/modules/versions.ts
 var { VERSIONCHECK: aHe } = xe, Rte = (0, Ate.default)(1)(() => {

package/dist/storybook/sb-manager/globals.js

@@ -0,0 +1,48 @@
+import ESM_COMPAT_Module from "node:module";
+import { fileURLToPath as ESM_COMPAT_fileURLToPath } from 'node:url';
+import { dirname as ESM_COMPAT_dirname } from 'node:path';
+const __filename = ESM_COMPAT_fileURLToPath(import.meta.url);
+const __dirname = ESM_COMPAT_dirname(__filename);
+const require = ESM_COMPAT_Module.createRequire(import.meta.url);
+
+// src/manager/globals/globals.ts
+var _ = {
+  react: "__REACT__",
+  "react-dom": "__REACT_DOM__",
+  "react-dom/client": "__REACT_DOM_CLIENT__",
+  "@storybook/icons": "__STORYBOOK_ICONS__",
+  "storybook/internal/manager-api": "__STORYBOOK_API__",
+  "@storybook/manager-api": "__STORYBOOK_API__",
+  "@storybook/core/manager-api": "__STORYBOOK_API__",
+  "storybook/internal/components": "__STORYBOOK_COMPONENTS__",
+  "@storybook/components": "__STORYBOOK_COMPONENTS__",
+  "@storybook/core/components": "__STORYBOOK_COMPONENTS__",
+  "storybook/internal/channels": "__STORYBOOK_CHANNELS__",
+  "@storybook/channels": "__STORYBOOK_CHANNELS__",
+  "@storybook/core/channels": "__STORYBOOK_CHANNELS__",
+  "storybook/internal/core-errors": "__STORYBOOK_CORE_EVENTS__",
+  "@storybook/core-events": "__STORYBOOK_CORE_EVENTS__",
+  "@storybook/core/core-events": "__STORYBOOK_CORE_EVENTS__",
+  "storybook/internal/manager-errors": "__STORYBOOK_CORE_EVENTS_MANAGER_ERRORS__",
+  "@storybook/core-events/manager-errors": "__STORYBOOK_CORE_EVENTS_MANAGER_ERRORS__",
+  "@storybook/core/manager-errors": "__STORYBOOK_CORE_EVENTS_MANAGER_ERRORS__",
+  "storybook/internal/router": "__STORYBOOK_ROUTER__",
+  "@storybook/router": "__STORYBOOK_ROUTER__",
+  "@storybook/core/router": "__STORYBOOK_ROUTER__",
+  "storybook/internal/theming": "__STORYBOOK_THEMING__",
+  "@storybook/theming": "__STORYBOOK_THEMING__",
+  "@storybook/core/theming": "__STORYBOOK_THEMING__",
+  "storybook/internal/theming/create": "__STORYBOOK_THEMING_CREATE__",
+  "@storybook/theming/create": "__STORYBOOK_THEMING_CREATE__",
+  "@storybook/core/theming/create": "__STORYBOOK_THEMING_CREATE__",
+  "storybook/internal/client-logger": "__STORYBOOK_CLIENT_LOGGER__",
+  "@storybook/client-logger": "__STORYBOOK_CLIENT_LOGGER__",
+  "@storybook/core/client-logger": "__STORYBOOK_CLIENT_LOGGER__",
+  "storybook/internal/types": "__STORYBOOK_TYPES__",
+  "@storybook/types": "__STORYBOOK_TYPES__",
+  "@storybook/core/types": "__STORYBOOK_TYPES__"
+}, o = Object.keys(_);
+export {
+  o as globalPackages,
+  _ as globalsNameReferenceMap
+};

package/dist/storybook/sb-preview/runtime.js

@@ -6263,6 +6263,7 @@ var et = ea, ra = class ra extends U {
       category: "PREVIEW_API",
       code: 12,
       message: _`
+      Incorrect use of mount in the play function.
       
       To use mount in the play function, you must satisfy the following two requirements: 
       

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/react-ui-library",
-  "version": "4.7.7",
+  "version": "4.7.8-beta-1",
   "description": "Reusable UI components for React projects",
   "homepage": "https://oliasoft-open-source.gitlab.io/react-ui-library",
   "bugs": {

package/dist/404.html

@@ -1 +0,0 @@
-<!doctype html><head><title>React UI Library</title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1" user-scalable="no"><meta name="apple-mobile-web-app-capable" content="yes"><script type="module" crossorigin src="/react-ui-library/assets/index-DCeIsyRy.js"></script><link rel="stylesheet" crossorigin href="/react-ui-library/assets/index-Oe0PlEED.css"></head><body><div id="content"></div></body>

package/dist/storybook/assets/button-BpFIj2Vw.css

@@ -1 +0,0 @@
-._inputInTable_1rzkf_1{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_1rzkf_1:not(:hover){border-color:transparent}._inputInTable_1rzkf_1:not(:focus){box-shadow:none}._inputHover_1rzkf_13{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_1rzkf_18{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_1rzkf_25,._inputWarning_1rzkf_26{position:relative}._inputError_1rzkf_25{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error-muted)}._inputError_1rzkf_25:hover{border-color:var(--color-border-error-hover)!important}._inputError_1rzkf_25:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_1rzkf_26{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning-muted)}._inputWarning_1rzkf_26:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_1rzkf_26:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_1rzkf_61{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._hideScrollbars_1rzkf_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_1rzkf_67::-webkit-scrollbar{display:none}:root{--color-border-button: rgba(0, 0, 0, .15);--color-background-button-default: var(--color-neutral-0);--color-background-button-default-hover: var(--color-neutral-50);--color-background-button-default-active: var(--color-neutral-100);--color-border-button-default-active: var(--color-primary-500);--color-text-button-default-active: var(--color-primary-500);--color-background-button-primary: var(--color-primary-500);--color-background-button-primary-hover: var(--color-primary-550);--color-background-button-primary-active: var(--color-primary-600);--color-background-button-success: var(--color-success-500);--color-background-button-success-hover: var(--color-success-550);--color-background-button-success-active: var(--color-success-600);--color-background-button-error: var(--color-error-500);--color-background-button-error-hover: var(--color-error-550);--color-background-button-error-active: var(--color-error-600)}html[data-theme=dark]{--color-border-button: var(--color-border);--color-background-button-default: var(--color-neutral-800);--color-background-button-default-hover: var(--color-neutral-750);--color-background-button-default-active: var(--color-neutral-700)}._button_1rzkf_100{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;outline:0;border:1px solid var(--color-border);vertical-align:baseline;background:var(--color-background-button-default);color:var(--color-text);font-family:var(--font-family);padding:var(--padding-input);text-transform:none;text-shadow:none;font-style:normal;text-align:center;text-decoration:none;border-radius:var(--border-radius);-webkit-user-select:none;user-select:none;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease,border-color .1s ease;max-width:100%;min-height:var(--size);box-shadow:var(--shadow-button);font-weight:700}._button_1rzkf_100:hover{background:var(--color-background-button-default-hover)}._button_1rzkf_100:focus{box-shadow:var(--shadow-focus)!important}._button_1rzkf_100:active{background:var(--color-background-button-default-active);box-shadow:none}._button_1rzkf_100._active_1rzkf_135:not(._green_1rzkf_135):not(._red_1rzkf_135):not(._orange_1rzkf_135){border-color:var(--color-border-button-default-active);color:var(--color-text-button-default-active);position:relative;z-index:2}._button_1rzkf_100:hover,._button_1rzkf_100:focus,._button_1rzkf_100:active{position:relative;z-index:1}._button_1rzkf_100 ._icon_1rzkf_147{margin:-2px;margin-right:var(--padding-xxs);font-size:var(--size-xs);display:flex}._iconOnly_1rzkf_153{width:var(--size);display:inline-flex;align-items:center;justify-content:center}._iconOnly_1rzkf_153 ._icon_1rzkf_147{margin:0;line-height:0}._basic_1rzkf_163{color:var(--color-text-primary);background:transparent;box-shadow:none!important;border:none!important}._basic_1rzkf_163._muted_1rzkf_169{color:var(--color-text-muted)}._basic_1rzkf_163:hover{color:var(--color-text-primary-hover);background:#0000000d}[data-theme=dark] ._basic_1rzkf_163:hover{background:#ffffff1a}._basic_1rzkf_163:active,._basic_1rzkf_163._active_1rzkf_135{color:var(--color-text-primary-active);background:#0000001a}[data-theme=dark] ._basic_1rzkf_163:active,[data-theme=dark] ._basic_1rzkf_163._active_1rzkf_135{background:#fff3}._disabled_1rzkf_188{cursor:default;pointer-events:none!important;color:var(--color-text-faint)!important;box-shadow:none!important}._disabled_1rzkf_188:not(._active_1rzkf_135):not(._basic_1rzkf_163){background:var(--color-background-disabled)!important;border:1px solid var(--color-border)!important}._small_1rzkf_198{font-size:var(--font-size-sm);min-height:var(--size-sm);padding:var(--padding-input-sm)}._pill_1rzkf_203,._round_1rzkf_204{border-radius:19px;display:inline-flex;align-items:center}._round_1rzkf_204{padding:0;width:var(--size);line-height:1}._round_1rzkf_204._small_1rzkf_198{width:var(--size-sm)}._orange_1rzkf_135:not(._basic_1rzkf_163){background-color:var(--color-background-button-primary)}._orange_1rzkf_135:not(._basic_1rzkf_163):hover{background-color:var(--color-background-button-primary-hover)}._orange_1rzkf_135:not(._basic_1rzkf_163):active,._orange_1rzkf_135:not(._basic_1rzkf_163)._active_1rzkf_135{background-color:var(--color-background-button-primary-active)}._red_1rzkf_135:not(._basic_1rzkf_163){background-color:var(--color-background-button-error)}._red_1rzkf_135:not(._basic_1rzkf_163):hover{background-color:var(--color-background-button-error-hover)}._red_1rzkf_135:not(._basic_1rzkf_163):active,._red_1rzkf_135:not(._basic_1rzkf_163)._active_1rzkf_135{background-color:var(--color-background-button-error-active)}._red_1rzkf_135._basic_1rzkf_163{color:var(--color-text-error)}._green_1rzkf_135:not(._basic_1rzkf_163){background-color:var(--color-background-button-success)}._green_1rzkf_135:not(._basic_1rzkf_163):hover{background-color:var(--color-background-button-success-hover)}._green_1rzkf_135:not(._basic_1rzkf_163):active,._green_1rzkf_135:not(._basic_1rzkf_163)._active_1rzkf_135{background-color:var(--color-background-button-success-active)}._green_1rzkf_135._basic_1rzkf_163{color:var(--color-text-success)}._orange_1rzkf_135,._red_1rzkf_135,._green_1rzkf_135{border-color:var(--color-border-button)}._orange_1rzkf_135:not(._basic_1rzkf_163),._red_1rzkf_135:not(._basic_1rzkf_163),._green_1rzkf_135:not(._basic_1rzkf_163){color:#fff}._orange_1rzkf_135:not(._basic_1rzkf_163):hover,._red_1rzkf_135:not(._basic_1rzkf_163):hover,._green_1rzkf_135:not(._basic_1rzkf_163):hover{color:#fff}._orange_1rzkf_135:not(._basic_1rzkf_163):active,._red_1rzkf_135:not(._basic_1rzkf_163):active,._green_1rzkf_135:not(._basic_1rzkf_163):active,._orange_1rzkf_135:not(._basic_1rzkf_163)._active_1rzkf_135,._red_1rzkf_135:not(._basic_1rzkf_163)._active_1rzkf_135,._green_1rzkf_135:not(._basic_1rzkf_163)._active_1rzkf_135{color:#fff}._error_1rzkf_276{position:relative;z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error-muted)}._error_1rzkf_276:hover{border-color:var(--color-border-error-hover)!important}._error_1rzkf_276:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._warning_1rzkf_293{position:relative;z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning-muted)}._warning_1rzkf_293:hover{border-color:var(--color-border-warning-hover)!important}._warning_1rzkf_293:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inverted_1rzkf_310{background-color:transparent;border-color:var(--color-text);box-shadow:none}._inverted_1rzkf_310:hover,._inverted_1rzkf_310:active{box-shadow:none}._inverted_1rzkf_310._orange_1rzkf_135{color:var(--color-background-button-primary);border-color:var(--color-background-button-primary)}._inverted_1rzkf_310._red_1rzkf_135{color:var(--color-background-button-error);border-color:var(--color-background-button-error)}._inverted_1rzkf_310._green_1rzkf_135{color:var(--color-background-button-success);border-color:var(--color-background-button-success)}._inverted_1rzkf_310._orange_1rzkf_135:hover,._inverted_1rzkf_310._red_1rzkf_135:hover,._inverted_1rzkf_310._green_1rzkf_135:hover,._inverted_1rzkf_310._orange_1rzkf_135:active,._inverted_1rzkf_310._red_1rzkf_135:active,._inverted_1rzkf_310._green_1rzkf_135:active{color:#fff;box-shadow:none}._groupOrderFirst_1rzkf_340,._groupOrderMiddle_1rzkf_341,._groupOrderLast_1rzkf_342{margin-right:0}._groupOrderFirst_1rzkf_340,._groupOrderMiddle_1rzkf_341{border-top-right-radius:0!important;border-bottom-right-radius:0!important}._groupOrderLast_1rzkf_342,._groupOrderMiddle_1rzkf_341{border-top-left-radius:0!important;border-bottom-left-radius:0!important}

package/dist/storybook/assets/button-VxhoNhrV.js

@@ -1 +0,0 @@
-import{j as n}from"./jsx-runtime-eps93zm2.js";import{r as M}from"./index-DhsZuJvc.js";import{c as R}from"./index-Bk2sglWO.js";import{C as a,G as _}from"./common-types-Sih75Sav.js";import{D as I}from"./disabled-context-rmpd7YJS.js";import{S as h}from"./spinner-AWUe4xwQ.js";import{I as j}from"./icon-BSFY3vDO.js";import{T as F}from"./tooltip-1V7clEnw.js";const U="_inputInTable_1rzkf_1",C="_inputHover_1rzkf_13",D="_inputFocus_1rzkf_18",L="_inputError_1rzkf_25",H="_inputWarning_1rzkf_26",G="_inputDisabled_1rzkf_61",W="_hideScrollbars_1rzkf_67",A="_button_1rzkf_100",J="_active_1rzkf_135",K="_green_1rzkf_135",P="_red_1rzkf_135",Q="_orange_1rzkf_135",X="_icon_1rzkf_147",Y="_iconOnly_1rzkf_153",Z="_basic_1rzkf_163",$="_muted_1rzkf_169",ee="_disabled_1rzkf_188",re="_small_1rzkf_198",ne="_pill_1rzkf_203",te="_round_1rzkf_204",ae="_error_1rzkf_276",se="_warning_1rzkf_293",le="_inverted_1rzkf_310",oe="_groupOrderFirst_1rzkf_340",ie="_groupOrderMiddle_1rzkf_341",ue="_groupOrderLast_1rzkf_342",e={inputInTable:U,inputHover:C,inputFocus:D,inputError:L,inputWarning:H,inputDisabled:G,hideScrollbars:W,button:A,active:J,green:K,red:P,orange:Q,icon:X,iconOnly:Y,basic:Z,muted:$,disabled:ee,small:re,pill:ne,round:te,error:ae,warning:se,inverted:le,groupOrderFirst:oe,groupOrderMiddle:ie,groupOrderLast:ue};var s=(r=>(r.SUBMIT="submit",r.BUTTON="button",r.RESET="reset",r))(s||{});const de=({children:r,tooltip:t=null})=>t?n.jsx(F,{text:t,display:"inline-flex",children:r}):n.jsx(n.Fragment,{children:r}),pe=({active:r=!1,basic:t=!1,colored:l=!1,disabled:u=!1,groupOrder:d=null,icon:o=null,label:p="",loading:c=!1,name:g,pill:T=!1,round:b=!1,small:i=!1,styles:v="",width:y="",title:m="",type:k=s.BUTTON,onClick:z=()=>{},error:q,warning:E,testId:O,tooltip:w,inverted:x=!1,component:V="button",url:N})=>{const f=M.useContext(I),S=(()=>{if(l)switch(l){case a.DANGER:case a.RED:return e.red;case a.SUCCESS:case a.GREEN:return e.green;case a.MUTED:return e.muted;default:return e.orange}return""})(),B=(()=>{if(d)switch(d){case _.FIRST:return e.groupOrderFirst;case _.LAST:return e.groupOrderLast;default:return e.groupOrderMiddle}return""})();return n.jsx(de,{tooltip:w,children:n.jsxs(V,{type:k===s.SUBMIT?s.SUBMIT:s.BUTTON,className:R(e.button,r?e.active:"",t?e.basic:"",S,u||f?e.disabled:"",(o||c)&&!p?e.iconOnly:"",x?e.inverted:"",B,T?e.pill:"",b?e.round:"",i?e.small:"",q?e.error:E?e.warning:"",v),disabled:u||f,name:g??"",onClick:z,...m?{title:m}:{},style:{width:y},"data-testid":O,to:N,children:[o&&n.jsx("span",{className:e.icon,children:n.jsx(j,{icon:o})}),c&&n.jsx("span",{className:e.icon,children:n.jsx(h,{small:!i,tiny:i,dark:!l&&!t,colored:t})}),p]})})};pe.__docgenInfo={description:"",methods:[],displayName:"Button",props:{active:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},basic:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},colored:{required:!1,tsType:{name:"union",raw:"boolean | string",elements:[{name:"boolean"},{name:"string"}]},description:"",defaultValue:{value:"false",computed:!1}},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},groupOrder:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:"",defaultValue:{value:"null",computed:!1}},icon:{required:!1,tsType:{name:"union",raw:"ReactNode | string",elements:[{name:"ReactNode"},{name:"string"}]},description:"",defaultValue:{value:"null",computed:!1}},label:{required:!1,tsType:{name:"union",raw:"ReactNode | string | null",elements:[{name:"ReactNode"},{name:"string"},{name:"null"}]},description:"",defaultValue:{value:"''",computed:!1}},loading:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},name:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:""},onClick:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: MouseEvent<HTMLButtonElement>) => void",signature:{arguments:[{type:{name:"MouseEvent",elements:[{name:"HTMLButtonElement"}],raw:"MouseEvent<HTMLButtonElement>"},name:"evt"}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},pill:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},round:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},small:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},styles:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},width:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"''",computed:!1}},title:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},type:{required:!1,tsType:{name:"union",raw:"TButtonType | string",elements:[{name:"union",raw:"'submit' | 'button' | 'reset'",elements:[{name:"literal",value:"'submit'"},{name:"literal",value:"'button'"},{name:"literal",value:"'reset'"}]},{name:"string"}]},description:"",defaultValue:{value:"ButtonType.BUTTON",computed:!0}},error:{required:!1,tsType:{name:"string"},description:""},warning:{required:!1,tsType:{name:"string"},description:""},testId:{required:!1,tsType:{name:"string"},description:""},tooltip:{required:!1,tsType:{name:"union",raw:"ReactNode | string",elements:[{name:"ReactNode"},{name:"string"}]},description:""},inverted:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},component:{required:!1,tsType:{name:"ReactElementType",raw:"React.ElementType"},description:"",defaultValue:{value:"'button'",computed:!1}},url:{required:!1,tsType:{name:"string"},description:""}}};export{pe as B,s as a};

package/dist/storybook/assets/drawer-BhuWxI7V.js

@@ -1,3 +0,0 @@
-import{j as v}from"./jsx-runtime-eps93zm2.js";import{a as ot,r as q}from"./index-DhsZuJvc.js";import{c as ie}from"./index-Bk2sglWO.js";import{I as _e,B as it}from"./common-types-Sih75Sav.js";import{B as st}from"./badge-CLQ59MDF.js";import{l as lt}from"./lodash-BHd_uQHh.js";import{p as le}from"./index-CEuq6vkz.js";import{r as Xe}from"./index-CUZDtIZe.js";import{I as ut}from"./icon-BSFY3vDO.js";import{B as ct}from"./button-VxhoNhrV.js";const dt="_inputInTable_khmhl_1",ft="_inputHover_khmhl_13",pt="_inputFocus_khmhl_18",ht="_inputError_khmhl_25",mt="_inputWarning_khmhl_26",gt="_inputDisabled_khmhl_61",yt="_hideScrollbars_khmhl_67",vt="_inline_khmhl_90",bt="_left_khmhl_93",wt="_right_khmhl_96",St="_fixed_khmhl_99",_t="_border_khmhl_111",Dt="_shadow_khmhl_117",Ot="_drawerContent_khmhl_120",Tt="_isResizing_khmhl_132",Pt="_toggleButton_khmhl_143",xt="_top_khmhl_156",Rt="_bottom_khmhl_159",Ct="_toggleButtonOpen_khmhl_162",Nt="_tabs_khmhl_165",zt="_tab_khmhl_165",Mt="_active_khmhl_197",Et="_disabled_khmhl_222",Wt="_tabsContent_khmhl_229",Ht="_resizeHandle_khmhl_235",_={inputInTable:dt,inputHover:ft,inputFocus:pt,inputError:ht,inputWarning:mt,inputDisabled:gt,hideScrollbars:yt,inline:vt,left:bt,right:wt,fixed:St,border:_t,shadow:Dt,drawerContent:Ot,isResizing:Tt,toggleButton:Pt,top:xt,bottom:Rt,toggleButtonOpen:Ct,tabs:Nt,tab:zt,active:Mt,disabled:Et,tabsContent:Wt,resizeHandle:Ht},qt=({badge:e,children:t})=>e?v.jsx(st,{small:!0,margin:4,title:e.toString(),children:t}):v.jsx(v.Fragment,{children:t}),Ye=({tabs:e,activeTab:t,open:r,background:n,handleTabClick:a,width:o,testId:i})=>v.jsxs(v.Fragment,{children:[v.jsx("div",{className:_.tabs,children:e.map((s,l)=>v.jsx("div",{className:ie(_.tab,t===l&&r?_.active:"",s.disabled?_.disabled:""),style:{background:n},onClick:s.disabled?void 0:()=>a(l),"data-testid":i&&`${i}-icon-${l}`,children:v.jsx(qt,{badge:s.badge,children:s.icon})},l))}),e.map((s,l)=>{const m=t===l;return v.jsx("div",{style:{width:typeof o=="number"?`${o}px`:o},className:_.tabsContent,"data-testid":i&&`${i}-content-${l}`,children:m&&r&&s.content},l)})]});Ye.__docgenInfo={description:"",methods:[],displayName:"DrawerTabs",props:{tabs:{required:!0,tsType:{name:"Array",elements:[{name:"IDrawerTab"}],raw:"IDrawerTab[]"},description:""},activeTab:{required:!0,tsType:{name:"number"},description:""},open:{required:!0,tsType:{name:"boolean"},description:""},background:{required:!0,tsType:{name:"string"},description:""},handleTabClick:{required:!0,tsType:{name:"signature",type:"function",raw:"(index: number) => void",signature:{arguments:[{type:{name:"number"},name:"index"}],return:{name:"void"}}},description:""},width:{required:!0,tsType:{name:"union",raw:"number | string",elements:[{name:"number"},{name:"string"}]},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};var Re={exports:{}},ee={},ue={exports:{}},ke={};function Ve(e){var t,r,n="";if(typeof e=="string"||typeof e=="number")n+=e;else if(typeof e=="object")if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(r=Ve(e[t]))&&(n&&(n+=" "),n+=r);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function qe(){for(var e,t,r=0,n="";r<arguments.length;)(e=arguments[r++])&&(t=Ve(e))&&(n&&(n+=" "),n+=t);return n}const $t=Object.freeze(Object.defineProperty({__proto__:null,clsx:qe,default:qe},Symbol.toStringTag,{value:"Module"})),It=ot($t);var b={},$={};Object.defineProperty($,"__esModule",{value:!0});$.dontSetMe=Yt;$.findInArray=At;$.int=Xt;$.isFunction=Bt;$.isNum=jt;function At(e,t){for(let r=0,n=e.length;r<n;r++)if(t.apply(t,[e[r],r,e]))return e[r]}function Bt(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Function]"}function jt(e){return typeof e=="number"&&!isNaN(e)}function Xt(e){return parseInt(e,10)}function Yt(e,t,r){if(e[t])return new Error("Invalid prop ".concat(t," passed to ").concat(r," - do not set this, set it on the child."))}var V={};Object.defineProperty(V,"__esModule",{value:!0});V.browserPrefixToKey=Fe;V.browserPrefixToStyle=kt;V.default=void 0;V.getPrefix=Ue;const ye=["Moz","Webkit","O","ms"];function Ue(){var e;let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:"transform";if(typeof window>"u")return"";const r=(e=window.document)===null||e===void 0||(e=e.documentElement)===null||e===void 0?void 0:e.style;if(!r||t in r)return"";for(let n=0;n<ye.length;n++)if(Fe(t,ye[n])in r)return ye[n];return""}function Fe(e,t){return t?"".concat(t).concat(Vt(e)):e}function kt(e,t){return t?"-".concat(t.toLowerCase(),"-").concat(e):e}function Vt(e){let t="",r=!0;for(let n=0;n<e.length;n++)r?(t+=e[n].toUpperCase(),r=!1):e[n]==="-"?r=!0:t+=e[n];return t}V.default=Ue();Object.defineProperty(b,"__esModule",{value:!0});b.addClassName=Ke;b.addEvent=Lt;b.addUserSelectStyles=or;b.createCSSTransform=tr;b.createSVGTransform=rr;b.getTouch=nr;b.getTouchIdentifier=ar;b.getTranslation=Ce;b.innerHeight=Qt;b.innerWidth=Zt;b.matchesSelector=Ge;b.matchesSelectorAndParentsTo=Ft;b.offsetXYFromParent=er;b.outerHeight=Kt;b.outerWidth=Jt;b.removeClassName=Je;b.removeEvent=Gt;b.removeUserSelectStyles=ir;var z=$,$e=Ut(V);function Le(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,r=new WeakMap;return(Le=function(n){return n?r:t})(e)}function Ut(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var r=Le(t);if(r&&r.has(e))return r.get(e);var n={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var i=a?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(n,o,i):n[o]=e[o]}return n.default=e,r&&r.set(e,n),n}let ae="";function Ge(e,t){return ae||(ae=(0,z.findInArray)(["matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector"],function(r){return(0,z.isFunction)(e[r])})),(0,z.isFunction)(e[ae])?e[ae](t):!1}function Ft(e,t,r){let n=e;do{if(Ge(n,t))return!0;if(n===r)return!1;n=n.parentNode}while(n);return!1}function Lt(e,t,r,n){if(!e)return;const a={capture:!0,...n};e.addEventListener?e.addEventListener(t,r,a):e.attachEvent?e.attachEvent("on"+t,r):e["on"+t]=r}function Gt(e,t,r,n){if(!e)return;const a={capture:!0,...n};e.removeEventListener?e.removeEventListener(t,r,a):e.detachEvent?e.detachEvent("on"+t,r):e["on"+t]=null}function Kt(e){let t=e.clientHeight;const r=e.ownerDocument.defaultView.getComputedStyle(e);return t+=(0,z.int)(r.borderTopWidth),t+=(0,z.int)(r.borderBottomWidth),t}function Jt(e){let t=e.clientWidth;const r=e.ownerDocument.defaultView.getComputedStyle(e);return t+=(0,z.int)(r.borderLeftWidth),t+=(0,z.int)(r.borderRightWidth),t}function Qt(e){let t=e.clientHeight;const r=e.ownerDocument.defaultView.getComputedStyle(e);return t-=(0,z.int)(r.paddingTop),t-=(0,z.int)(r.paddingBottom),t}function Zt(e){let t=e.clientWidth;const r=e.ownerDocument.defaultView.getComputedStyle(e);return t-=(0,z.int)(r.paddingLeft),t-=(0,z.int)(r.paddingRight),t}function er(e,t,r){const a=t===t.ownerDocument.body?{left:0,top:0}:t.getBoundingClientRect(),o=(e.clientX+t.scrollLeft-a.left)/r,i=(e.clientY+t.scrollTop-a.top)/r;return{x:o,y:i}}function tr(e,t){const r=Ce(e,t,"px");return{[(0,$e.browserPrefixToKey)("transform",$e.default)]:r}}function rr(e,t){return Ce(e,t,"")}function Ce(e,t,r){let{x:n,y:a}=e,o="translate(".concat(n).concat(r,",").concat(a).concat(r,")");if(t){const i="".concat(typeof t.x=="string"?t.x:t.x+r),s="".concat(typeof t.y=="string"?t.y:t.y+r);o="translate(".concat(i,", ").concat(s,")")+o}return o}function nr(e,t){return e.targetTouches&&(0,z.findInArray)(e.targetTouches,r=>t===r.identifier)||e.changedTouches&&(0,z.findInArray)(e.changedTouches,r=>t===r.identifier)}function ar(e){if(e.targetTouches&&e.targetTouches[0])return e.targetTouches[0].identifier;if(e.changedTouches&&e.changedTouches[0])return e.changedTouches[0].identifier}function or(e){if(!e)return;let 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&&Ke(e.body,"react-draggable-transparent-selection")}function ir(e){if(e)try{if(e.body&&Je(e.body,"react-draggable-transparent-selection"),e.selection)e.selection.empty();else{const t=(e.defaultView||window).getSelection();t&&t.type!=="Caret"&&t.removeAllRanges()}}catch{}}function Ke(e,t){e.classList?e.classList.add(t):e.className.match(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)")))||(e.className+=" ".concat(t))}function Je(e,t){e.classList?e.classList.remove(t):e.className=e.className.replace(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)"),"g"),"")}var I={};Object.defineProperty(I,"__esModule",{value:!0});I.canDragX=ur;I.canDragY=cr;I.createCoreData=fr;I.createDraggableData=pr;I.getBoundPosition=sr;I.getControlPosition=dr;I.snapToGrid=lr;var N=$,G=b;function sr(e,t,r){if(!e.props.bounds)return[t,r];let{bounds:n}=e.props;n=typeof n=="string"?n:hr(n);const a=Ne(e);if(typeof n=="string"){const{ownerDocument:o}=a,i=o.defaultView;let s;if(n==="parent"?s=a.parentNode:s=o.querySelector(n),!(s instanceof i.HTMLElement))throw new Error('Bounds selector "'+n+'" could not find an element.');const l=s,m=i.getComputedStyle(a),g=i.getComputedStyle(l);n={left:-a.offsetLeft+(0,N.int)(g.paddingLeft)+(0,N.int)(m.marginLeft),top:-a.offsetTop+(0,N.int)(g.paddingTop)+(0,N.int)(m.marginTop),right:(0,G.innerWidth)(l)-(0,G.outerWidth)(a)-a.offsetLeft+(0,N.int)(g.paddingRight)-(0,N.int)(m.marginRight),bottom:(0,G.innerHeight)(l)-(0,G.outerHeight)(a)-a.offsetTop+(0,N.int)(g.paddingBottom)-(0,N.int)(m.marginBottom)}}return(0,N.isNum)(n.right)&&(t=Math.min(t,n.right)),(0,N.isNum)(n.bottom)&&(r=Math.min(r,n.bottom)),(0,N.isNum)(n.left)&&(t=Math.max(t,n.left)),(0,N.isNum)(n.top)&&(r=Math.max(r,n.top)),[t,r]}function lr(e,t,r){const n=Math.round(t/e[0])*e[0],a=Math.round(r/e[1])*e[1];return[n,a]}function ur(e){return e.props.axis==="both"||e.props.axis==="x"}function cr(e){return e.props.axis==="both"||e.props.axis==="y"}function dr(e,t,r){const n=typeof t=="number"?(0,G.getTouch)(e,t):null;if(typeof t=="number"&&!n)return null;const a=Ne(r),o=r.props.offsetParent||a.offsetParent||a.ownerDocument.body;return(0,G.offsetXYFromParent)(n||e,o,r.props.scale)}function fr(e,t,r){const n=!(0,N.isNum)(e.lastX),a=Ne(e);return n?{node:a,deltaX:0,deltaY:0,lastX:t,lastY:r,x:t,y:r}:{node:a,deltaX:t-e.lastX,deltaY:r-e.lastY,lastX:e.lastX,lastY:e.lastY,x:t,y:r}}function pr(e,t){const r=e.props.scale;return{node:t.node,x:e.state.x+t.deltaX/r,y:e.state.y+t.deltaY/r,deltaX:t.deltaX/r,deltaY:t.deltaY/r,lastX:e.state.x,lastY:e.state.y}}function hr(e){return{left:e.left,top:e.top,right:e.right,bottom:e.bottom}}function Ne(e){const t=e.findDOMNode();if(!t)throw new Error("<DraggableCore>: Unmounted during event!");return t}var ce={},de={};Object.defineProperty(de,"__esModule",{value:!0});de.default=mr;function mr(){}Object.defineProperty(ce,"__esModule",{value:!0});ce.default=void 0;var ve=yr(q),R=ze(le),gr=ze(Xe),D=b,j=I,be=$,Q=ze(de);function ze(e){return e&&e.__esModule?e:{default:e}}function Qe(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,r=new WeakMap;return(Qe=function(n){return n?r:t})(e)}function yr(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var r=Qe(t);if(r&&r.has(e))return r.get(e);var n={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var i=a?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(n,o,i):n[o]=e[o]}return n.default=e,r&&r.set(e,n),n}function P(e,t,r){return t=vr(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function vr(e){var t=br(e,"string");return typeof t=="symbol"?t:String(t)}function br(e,t){if(typeof e!="object"||e===null)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t||"default");if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}const W={touch:{start:"touchstart",move:"touchmove",stop:"touchend"},mouse:{start:"mousedown",move:"mousemove",stop:"mouseup"}};let X=W.mouse,fe=class extends ve.Component{constructor(){super(...arguments),P(this,"dragging",!1),P(this,"lastX",NaN),P(this,"lastY",NaN),P(this,"touchIdentifier",null),P(this,"mounted",!1),P(this,"handleDragStart",t=>{if(this.props.onMouseDown(t),!this.props.allowAnyClick&&typeof t.button=="number"&&t.button!==0)return!1;const r=this.findDOMNode();if(!r||!r.ownerDocument||!r.ownerDocument.body)throw new Error("<DraggableCore> not mounted on DragStart!");const{ownerDocument:n}=r;if(this.props.disabled||!(t.target instanceof n.defaultView.Node)||this.props.handle&&!(0,D.matchesSelectorAndParentsTo)(t.target,this.props.handle,r)||this.props.cancel&&(0,D.matchesSelectorAndParentsTo)(t.target,this.props.cancel,r))return;t.type==="touchstart"&&t.preventDefault();const a=(0,D.getTouchIdentifier)(t);this.touchIdentifier=a;const o=(0,j.getControlPosition)(t,a,this);if(o==null)return;const{x:i,y:s}=o,l=(0,j.createCoreData)(this,i,s);(0,Q.default)("DraggableCore: handleDragStart: %j",l),(0,Q.default)("calling",this.props.onStart),!(this.props.onStart(t,l)===!1||this.mounted===!1)&&(this.props.enableUserSelectHack&&(0,D.addUserSelectStyles)(n),this.dragging=!0,this.lastX=i,this.lastY=s,(0,D.addEvent)(n,X.move,this.handleDrag),(0,D.addEvent)(n,X.stop,this.handleDragStop))}),P(this,"handleDrag",t=>{const r=(0,j.getControlPosition)(t,this.touchIdentifier,this);if(r==null)return;let{x:n,y:a}=r;if(Array.isArray(this.props.grid)){let s=n-this.lastX,l=a-this.lastY;if([s,l]=(0,j.snapToGrid)(this.props.grid,s,l),!s&&!l)return;n=this.lastX+s,a=this.lastY+l}const o=(0,j.createCoreData)(this,n,a);if((0,Q.default)("DraggableCore: handleDrag: %j",o),this.props.onDrag(t,o)===!1||this.mounted===!1){try{this.handleDragStop(new MouseEvent("mouseup"))}catch{const l=document.createEvent("MouseEvents");l.initMouseEvent("mouseup",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),this.handleDragStop(l)}return}this.lastX=n,this.lastY=a}),P(this,"handleDragStop",t=>{if(!this.dragging)return;const r=(0,j.getControlPosition)(t,this.touchIdentifier,this);if(r==null)return;let{x:n,y:a}=r;if(Array.isArray(this.props.grid)){let l=n-this.lastX||0,m=a-this.lastY||0;[l,m]=(0,j.snapToGrid)(this.props.grid,l,m),n=this.lastX+l,a=this.lastY+m}const o=(0,j.createCoreData)(this,n,a);if(this.props.onStop(t,o)===!1||this.mounted===!1)return!1;const s=this.findDOMNode();s&&this.props.enableUserSelectHack&&(0,D.removeUserSelectStyles)(s.ownerDocument),(0,Q.default)("DraggableCore: handleDragStop: %j",o),this.dragging=!1,this.lastX=NaN,this.lastY=NaN,s&&((0,Q.default)("DraggableCore: Removing handlers"),(0,D.removeEvent)(s.ownerDocument,X.move,this.handleDrag),(0,D.removeEvent)(s.ownerDocument,X.stop,this.handleDragStop))}),P(this,"onMouseDown",t=>(X=W.mouse,this.handleDragStart(t))),P(this,"onMouseUp",t=>(X=W.mouse,this.handleDragStop(t))),P(this,"onTouchStart",t=>(X=W.touch,this.handleDragStart(t))),P(this,"onTouchEnd",t=>(X=W.touch,this.handleDragStop(t)))}componentDidMount(){this.mounted=!0;const t=this.findDOMNode();t&&(0,D.addEvent)(t,W.touch.start,this.onTouchStart,{passive:!1})}componentWillUnmount(){this.mounted=!1;const t=this.findDOMNode();if(t){const{ownerDocument:r}=t;(0,D.removeEvent)(r,W.mouse.move,this.handleDrag),(0,D.removeEvent)(r,W.touch.move,this.handleDrag),(0,D.removeEvent)(r,W.mouse.stop,this.handleDragStop),(0,D.removeEvent)(r,W.touch.stop,this.handleDragStop),(0,D.removeEvent)(t,W.touch.start,this.onTouchStart,{passive:!1}),this.props.enableUserSelectHack&&(0,D.removeUserSelectStyles)(r)}}findDOMNode(){var t,r;return(t=this.props)!==null&&t!==void 0&&t.nodeRef?(r=this.props)===null||r===void 0||(r=r.nodeRef)===null||r===void 0?void 0:r.current:gr.default.findDOMNode(this)}render(){return ve.cloneElement(ve.Children.only(this.props.children),{onMouseDown:this.onMouseDown,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}};ce.default=fe;P(fe,"displayName","DraggableCore");P(fe,"propTypes",{allowAnyClick:R.default.bool,children:R.default.node.isRequired,disabled:R.default.bool,enableUserSelectHack:R.default.bool,offsetParent:function(e,t){if(e[t]&&e[t].nodeType!==1)throw new Error("Draggable's offsetParent must be a DOM Node.")},grid:R.default.arrayOf(R.default.number),handle:R.default.string,cancel:R.default.string,nodeRef:R.default.object,onStart:R.default.func,onDrag:R.default.func,onStop:R.default.func,onMouseDown:R.default.func,scale:R.default.number,className:be.dontSetMe,style:be.dontSetMe,transform:be.dontSetMe});P(fe,"defaultProps",{allowAnyClick:!1,disabled:!1,enableUserSelectHack:!0,onStart:function(){},onDrag:function(){},onStop:function(){},onMouseDown:function(){},scale:1});(function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"DraggableCore",{enumerable:!0,get:function(){return l.default}}),e.default=void 0;var t=O(q),r=g(le),n=g(Xe),a=g(It),o=b,i=I,s=$,l=g(ce),m=g(de);function g(c){return c&&c.__esModule?c:{default:c}}function w(c){if(typeof WeakMap!="function")return null;var u=new WeakMap,f=new WeakMap;return(w=function(p){return p?f:u})(c)}function O(c,u){if(c&&c.__esModule)return c;if(c===null||typeof c!="object"&&typeof c!="function")return{default:c};var f=w(u);if(f&&f.has(c))return f.get(c);var p={},y=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var h in c)if(h!=="default"&&Object.prototype.hasOwnProperty.call(c,h)){var C=y?Object.getOwnPropertyDescriptor(c,h):null;C&&(C.get||C.set)?Object.defineProperty(p,h,C):p[h]=c[h]}return p.default=c,f&&f.set(c,p),p}function T(){return T=Object.assign?Object.assign.bind():function(c){for(var u=1;u<arguments.length;u++){var f=arguments[u];for(var p in f)Object.prototype.hasOwnProperty.call(f,p)&&(c[p]=f[p])}return c},T.apply(this,arguments)}function S(c,u,f){return u=E(u),u in c?Object.defineProperty(c,u,{value:f,enumerable:!0,configurable:!0,writable:!0}):c[u]=f,c}function E(c){var u=M(c,"string");return typeof u=="symbol"?u:String(u)}function M(c,u){if(typeof c!="object"||c===null)return c;var f=c[Symbol.toPrimitive];if(f!==void 0){var p=f.call(c,u||"default");if(typeof p!="object")return p;throw new TypeError("@@toPrimitive must return a primitive value.")}return(u==="string"?String:Number)(c)}class x extends t.Component{static getDerivedStateFromProps(u,f){let{position:p}=u,{prevPropsPosition:y}=f;return p&&(!y||p.x!==y.x||p.y!==y.y)?((0,m.default)("Draggable: getDerivedStateFromProps %j",{position:p,prevPropsPosition:y}),{x:p.x,y:p.y,prevPropsPosition:{...p}}):null}constructor(u){super(u),S(this,"onDragStart",(f,p)=>{if((0,m.default)("Draggable: onDragStart: %j",p),this.props.onStart(f,(0,i.createDraggableData)(this,p))===!1)return!1;this.setState({dragging:!0,dragged:!0})}),S(this,"onDrag",(f,p)=>{if(!this.state.dragging)return!1;(0,m.default)("Draggable: onDrag: %j",p);const y=(0,i.createDraggableData)(this,p),h={x:y.x,y:y.y,slackX:0,slackY:0};if(this.props.bounds){const{x:A,y:B}=h;h.x+=this.state.slackX,h.y+=this.state.slackY;const[U,re]=(0,i.getBoundPosition)(this,h.x,h.y);h.x=U,h.y=re,h.slackX=this.state.slackX+(A-h.x),h.slackY=this.state.slackY+(B-h.y),y.x=h.x,y.y=h.y,y.deltaX=h.x-this.state.x,y.deltaY=h.y-this.state.y}if(this.props.onDrag(f,y)===!1)return!1;this.setState(h)}),S(this,"onDragStop",(f,p)=>{if(!this.state.dragging||this.props.onStop(f,(0,i.createDraggableData)(this,p))===!1)return!1;(0,m.default)("Draggable: onDragStop: %j",p);const h={dragging:!1,slackX:0,slackY:0};if(!!this.props.position){const{x:A,y:B}=this.props.position;h.x=A,h.y=B}this.setState(h)}),this.state={dragging:!1,dragged:!1,x:u.position?u.position.x:u.defaultPosition.x,y:u.position?u.position.y:u.defaultPosition.y,prevPropsPosition:{...u.position},slackX:0,slackY:0,isElementSVG:!1},u.position&&!(u.onDrag||u.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.")}componentDidMount(){typeof window.SVGElement<"u"&&this.findDOMNode()instanceof window.SVGElement&&this.setState({isElementSVG:!0})}componentWillUnmount(){this.setState({dragging:!1})}findDOMNode(){var u,f;return(u=(f=this.props)===null||f===void 0||(f=f.nodeRef)===null||f===void 0?void 0:f.current)!==null&&u!==void 0?u:n.default.findDOMNode(this)}render(){const{axis:u,bounds:f,children:p,defaultPosition:y,defaultClassName:h,defaultClassNameDragging:C,defaultClassNameDragged:A,position:B,positionOffset:U,scale:re,...Y}=this.props;let H={},k=null;const F=!!!B||this.state.dragging,K=B||y,ne={x:(0,i.canDragX)(this)&&F?this.state.x:K.x,y:(0,i.canDragY)(this)&&F?this.state.y:K.y};this.state.isElementSVG?k=(0,o.createSVGTransform)(ne,U):H=(0,o.createCSSTransform)(ne,U);const J=(0,a.default)(p.props.className||"",h,{[C]:this.state.dragging,[A]:this.state.dragged});return t.createElement(l.default,T({},Y,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),t.cloneElement(t.Children.only(p),{className:J,style:{...p.props.style,...H},transform:k}))}}e.default=x,S(x,"displayName","Draggable"),S(x,"propTypes",{...l.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:s.dontSetMe,style:s.dontSetMe,transform:s.dontSetMe}),S(x,"defaultProps",{...l.default.defaultProps,axis:"both",bounds:!1,defaultClassName:"react-draggable",defaultClassNameDragging:"react-draggable-dragging",defaultClassNameDragged:"react-draggable-dragged",defaultPosition:{x:0,y:0},scale:1})})(ke);const{default:Ze,DraggableCore:wr}=ke;ue.exports=Ze;ue.exports.default=Ze;ue.exports.DraggableCore=wr;var Sr=ue.exports,Me={};Me.__esModule=!0;Me.cloneElement=xr;var _r=Dr(q);function Dr(e){return e&&e.__esModule?e:{default:e}}function Ie(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,n)}return r}function Ae(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?Ie(Object(r),!0).forEach(function(n){Or(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Ie(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function Or(e,t,r){return t=Tr(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Tr(e){var t=Pr(e,"string");return typeof t=="symbol"?t:String(t)}function Pr(e,t){if(typeof e!="object"||e===null)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t||"default");if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function xr(e,t){return t.style&&e.props.style&&(t.style=Ae(Ae({},e.props.style),t.style)),t.className&&e.props.className&&(t.className=e.props.className+" "+t.className),_r.default.cloneElement(e,t)}var te={};te.__esModule=!0;te.resizableProps=void 0;var d=Rr(le);function Rr(e){return e&&e.__esModule?e:{default:e}}var Cr={axis:d.default.oneOf(["both","x","y","none"]),className:d.default.string,children:d.default.element.isRequired,draggableOpts:d.default.shape({allowAnyClick:d.default.bool,cancel:d.default.string,children:d.default.node,disabled:d.default.bool,enableUserSelectHack:d.default.bool,offsetParent:d.default.node,grid:d.default.arrayOf(d.default.number),handle:d.default.string,nodeRef:d.default.object,onStart:d.default.func,onDrag:d.default.func,onStop:d.default.func,onMouseDown:d.default.func,scale:d.default.number}),height:function(){for(var t=arguments.length,r=new Array(t),n=0;n<t;n++)r[n]=arguments[n];var a=r[0];if(a.axis==="both"||a.axis==="y"){var o;return(o=d.default.number).isRequired.apply(o,r)}return d.default.number.apply(d.default,r)},handle:d.default.oneOfType([d.default.node,d.default.func]),handleSize:d.default.arrayOf(d.default.number),lockAspectRatio:d.default.bool,maxConstraints:d.default.arrayOf(d.default.number),minConstraints:d.default.arrayOf(d.default.number),onResizeStop:d.default.func,onResizeStart:d.default.func,onResize:d.default.func,resizeHandles:d.default.arrayOf(d.default.oneOf(["s","w","e","n","sw","nw","se","ne"])),transformScale:d.default.number,width:function(){for(var t=arguments.length,r=new Array(t),n=0;n<t;n++)r[n]=arguments[n];var a=r[0];if(a.axis==="both"||a.axis==="x"){var o;return(o=d.default.number).isRequired.apply(o,r)}return d.default.number.apply(d.default,r)}};te.resizableProps=Cr;ee.__esModule=!0;ee.default=void 0;var Z=Wr(q),Nr=Sr,zr=Me,Mr=te,Er=["children","className","draggableOpts","width","height","handle","handleSize","lockAspectRatio","axis","minConstraints","maxConstraints","onResize","onResizeStop","onResizeStart","resizeHandles","transformScale"];function et(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,r=new WeakMap;return(et=function(a){return a?r:t})(e)}function Wr(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var r=et(t);if(r&&r.has(e))return r.get(e);var n={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var i=a?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(n,o,i):n[o]=e[o]}return n.default=e,r&&r.set(e,n),n}function De(){return De=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},De.apply(this,arguments)}function Hr(e,t){if(e==null)return{};var r={},n=Object.keys(e),a,o;for(o=0;o<n.length;o++)a=n[o],!(t.indexOf(a)>=0)&&(r[a]=e[a]);return r}function Be(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,n)}return r}function we(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?Be(Object(r),!0).forEach(function(n){qr(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Be(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function qr(e,t,r){return t=$r(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function $r(e){var t=Ir(e,"string");return typeof t=="symbol"?t:String(t)}function Ir(e,t){if(typeof e!="object"||e===null)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t||"default");if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Ar(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,Oe(e,t)}function Oe(e,t){return Oe=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,a){return n.__proto__=a,n},Oe(e,t)}var Ee=function(e){Ar(t,e);function t(){for(var n,a=arguments.length,o=new Array(a),i=0;i<a;i++)o[i]=arguments[i];return n=e.call.apply(e,[this].concat(o))||this,n.handleRefs={},n.lastHandleRect=null,n.slack=null,n}var r=t.prototype;return r.componentWillUnmount=function(){this.resetData()},r.resetData=function(){this.lastHandleRect=this.slack=null},r.runConstraints=function(a,o){var i=this.props,s=i.minConstraints,l=i.maxConstraints,m=i.lockAspectRatio;if(!s&&!l&&!m)return[a,o];if(m){var g=this.props.width/this.props.height,w=a-this.props.width,O=o-this.props.height;Math.abs(w)>Math.abs(O*g)?o=a/g:a=o*g}var T=a,S=o,E=this.slack||[0,0],M=E[0],x=E[1];return a+=M,o+=x,s&&(a=Math.max(s[0],a),o=Math.max(s[1],o)),l&&(a=Math.min(l[0],a),o=Math.min(l[1],o)),this.slack=[M+(T-a),x+(S-o)],[a,o]},r.resizeHandler=function(a,o){var i=this;return function(s,l){var m=l.node,g=l.deltaX,w=l.deltaY;a==="onResizeStart"&&i.resetData();var O=(i.props.axis==="both"||i.props.axis==="x")&&o!=="n"&&o!=="s",T=(i.props.axis==="both"||i.props.axis==="y")&&o!=="e"&&o!=="w";if(!(!O&&!T)){var S=o[0],E=o[o.length-1],M=m.getBoundingClientRect();if(i.lastHandleRect!=null){if(E==="w"){var x=M.left-i.lastHandleRect.left;g+=x}if(S==="n"){var c=M.top-i.lastHandleRect.top;w+=c}}i.lastHandleRect=M,E==="w"&&(g=-g),S==="n"&&(w=-w);var u=i.props.width+(O?g/i.props.transformScale:0),f=i.props.height+(T?w/i.props.transformScale:0),p=i.runConstraints(u,f);u=p[0],f=p[1];var y=u!==i.props.width||f!==i.props.height,h=typeof i.props[a]=="function"?i.props[a]:null,C=a==="onResize"&&!y;h&&!C&&(s.persist==null||s.persist(),h(s,{node:m,size:{width:u,height:f},handle:o})),a==="onResizeStop"&&i.resetData()}}},r.renderResizeHandle=function(a,o){var i=this.props.handle;if(!i)return Z.createElement("span",{className:"react-resizable-handle react-resizable-handle-"+a,ref:o});if(typeof i=="function")return i(a,o);var s=typeof i.type=="string",l=we({ref:o},s?{}:{handleAxis:a});return Z.cloneElement(i,l)},r.render=function(){var a=this,o=this.props,i=o.children,s=o.className,l=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 m=o.resizeHandles;o.transformScale;var g=Hr(o,Er);return(0,zr.cloneElement)(i,we(we({},g),{},{className:(s?s+" ":"")+"react-resizable",children:[].concat(i.props.children,m.map(function(w){var O,T=(O=a.handleRefs[w])!=null?O:a.handleRefs[w]=Z.createRef();return Z.createElement(Nr.DraggableCore,De({},l,{nodeRef:T,key:"resizableHandle-"+w,onStop:a.resizeHandler("onResizeStop",w),onStart:a.resizeHandler("onResizeStart",w),onDrag:a.resizeHandler("onResize",w)}),a.renderResizeHandle(w,T))}))}))},t}(Z.Component);ee.default=Ee;Ee.propTypes=Mr.resizableProps;Ee.defaultProps={axis:"both",handleSize:[20,20],lockAspectRatio:!1,minConstraints:[20,20],maxConstraints:[1/0,1/0],resizeHandles:["se"],transformScale:1};var pe={};pe.__esModule=!0;pe.default=void 0;var Se=kr(q),Br=tt(le),jr=tt(ee),Xr=te,Yr=["handle","handleSize","onResize","onResizeStart","onResizeStop","draggableOpts","minConstraints","maxConstraints","lockAspectRatio","axis","width","height","resizeHandles","style","transformScale"];function tt(e){return e&&e.__esModule?e:{default:e}}function rt(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,r=new WeakMap;return(rt=function(a){return a?r:t})(e)}function kr(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var r=rt(t);if(r&&r.has(e))return r.get(e);var n={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var i=a?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(n,o,i):n[o]=e[o]}return n.default=e,r&&r.set(e,n),n}function Te(){return Te=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Te.apply(this,arguments)}function je(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,n)}return r}function se(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?je(Object(r),!0).forEach(function(n){Vr(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):je(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function Vr(e,t,r){return t=Ur(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Ur(e){var t=Fr(e,"string");return typeof t=="symbol"?t:String(t)}function Fr(e,t){if(typeof e!="object"||e===null)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t||"default");if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Lr(e,t){if(e==null)return{};var r={},n=Object.keys(e),a,o;for(o=0;o<n.length;o++)a=n[o],!(t.indexOf(a)>=0)&&(r[a]=e[a]);return r}function Gr(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,Pe(e,t)}function Pe(e,t){return Pe=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,a){return n.__proto__=a,n},Pe(e,t)}var nt=function(e){Gr(t,e);function t(){for(var n,a=arguments.length,o=new Array(a),i=0;i<a;i++)o[i]=arguments[i];return n=e.call.apply(e,[this].concat(o))||this,n.state={width:n.props.width,height:n.props.height,propsWidth:n.props.width,propsHeight:n.props.height},n.onResize=function(s,l){var m=l.size;n.props.onResize?(s.persist==null||s.persist(),n.setState(m,function(){return n.props.onResize&&n.props.onResize(s,l)})):n.setState(m)},n}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 r=t.prototype;return r.render=function(){var a=this.props,o=a.handle,i=a.handleSize;a.onResize;var s=a.onResizeStart,l=a.onResizeStop,m=a.draggableOpts,g=a.minConstraints,w=a.maxConstraints,O=a.lockAspectRatio,T=a.axis;a.width,a.height;var S=a.resizeHandles,E=a.style,M=a.transformScale,x=Lr(a,Yr);return Se.createElement(jr.default,{axis:T,draggableOpts:m,handle:o,handleSize:i,height:this.state.height,lockAspectRatio:O,maxConstraints:w,minConstraints:g,onResizeStart:s,onResize:this.onResize,onResizeStop:l,resizeHandles:S,transformScale:M,width:this.state.width},Se.createElement("div",Te({},x,{style:se(se({},E),{},{width:this.state.width+"px",height:this.state.height+"px"})})))},t}(Se.Component);pe.default=nt;nt.propTypes=se(se({},Xr.resizableProps),{},{children:Br.default.element});Re.exports=function(){throw new Error("Don't instantiate Resizable directly! Use require('react-resizable').Resizable")};var Kr=Re.exports.Resizable=ee.default;Re.exports.ResizableBox=pe.default;const xe=35,oe=240,Jr=q.forwardRef((e,t)=>{const{handleAxis:r,...n}=e;return v.jsx("div",{ref:t,className:_.resizeHandle,...n,children:v.jsx(ut,{icon:_e.DRAG})})}),at=({children:e=null,width:t=400,right:r=!1,onResize:n,setOpen:a})=>{const[o,i]=q.useState(!1),s=window.innerWidth/2,l=(m,{size:g})=>{n&&n(g.width)};return n?v.jsx(Kr,{width:lt.toNumber(t),height:100,minConstraints:[xe,1/0],maxConstraints:[s,1/0],onResize:l,handle:v.jsx(Jr,{}),resizeHandles:r?["w"]:["e"],axis:"x",className:o?_.isResizing:"",onResizeStart:()=>{a&&a(!0),n&&n(t),i(!0)},onResizeStop:()=>{i(!1),typeof t=="number"&&t<xe+50&&a&&a(!1)},children:e}):v.jsx(v.Fragment,{children:e})};at.__docgenInfo={description:"",methods:[],displayName:"DrawerResizeWrapper",props:{children:{required:!1,tsType:{name:"ReactNode"},description:"",defaultValue:{value:"null",computed:!1}},width:{required:!1,tsType:{name:"union",raw:"number | string",elements:[{name:"number"},{name:"string"}]},description:"",defaultValue:{value:"400",computed:!1}},right:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},onResize:{required:!1,tsType:{name:"signature",type:"function",raw:"(...args: any[]) => any",signature:{arguments:[{type:{name:"Array",elements:[{name:"any"}],raw:"any[]"},name:"args",rest:!0}],return:{name:"any"}}},description:""},setOpen:{required:!1,tsType:{name:"union",raw:"((isOpen: boolean) => void) | null",elements:[{name:"unknown"},{name:"null"}]},description:""}}};const Qr=({background:e="var(--color-background-raised)",fixed:t=!1,open:r=!1,setOpen:n,right:a=!1,width:o=400,closedWidth:i=0,shadow:s=!1,top:l=0,button:m=null,buttonAnimate:g=!0,buttonPosition:w=it.BOTTOM,border:O=!1,children:T=null,tabs:S,defaultTabIndex:E=0,activeTab:M,setActiveTab:x,testId:c,onResize:u,getActiveTab:f,onClose:p,onOpen:y})=>{const h=m===!0,C=!h&&q.isValidElement(m),[A,B]=n?[r,n]:h||S?q.useState(r):[r,()=>{}],[U,re]=q.useState(E),Y=n?r:A,H=n||B,k=x!==void 0?M:U,We=x||re,F=Array.isArray(o)?o[k||0]:o,K=Y?F:S?xe:i,ne=J=>{const he=me=>{S&&me&&me(S[J])};k===J&&Y&&H?(he(p),H(!1)):!Y&&H&&(he(y),H(!0),u&&(ge=>{let L;if(Array.isArray(ge)?L=ge[k||0]:L=ge,typeof L=="number"&&L<oe)u(oe);else if(typeof L=="string"){const He=parseInt(L,10);!isNaN(He)&&He<oe&&u(oe)}})(o)),We(J),he(f)};return v.jsx(at,{width:K,onResize:u,setOpen:H,right:a,children:v.jsxs("div",{className:ie(_.drawer,s?_.shadow:"",t?_.fixed:_.inline,a?_.right:_.left),style:{top:l},children:[v.jsx("div",{className:ie(_.drawerContent,O&&_.border),style:{background:e,borderColor:typeof O=="string"?O:void 0,width:K},children:S?v.jsx(Ye,{width:F,testId:c,tabs:S,open:Y,activeTab:k||0,background:e,handleTabClick:ne}):v.jsx("div",{style:{width:F},children:T})}),m&&v.jsx("span",{className:ie(_.toggleButton,A&&(h||C&&g)?_.toggleButtonOpen:"",w==="top"?_.top:_.bottom),children:C?m:v.jsx(ct,{onClick:H?()=>H(!Y):void 0,round:!0,icon:a?_e.CHEVRON_RIGHT:_e.CHEVRON_LEFT})})]})})};Qr.__docgenInfo={description:"",methods:[],displayName:"Drawer",props:{background:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'var(--color-background-raised)'",computed:!1}},children:{required:!1,tsType:{name:"ReactNode"},description:"",defaultValue:{value:"null",computed:!1}},fixed:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},open:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},setOpen:{required:!1,tsType:{name:"signature",type:"function",raw:"(openState: boolean) => void",signature:{arguments:[{type:{name:"boolean"},name:"openState"}],return:{name:"void"}}},description:""},right:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},shadow:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},top:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"0",computed:!1}},width:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | Array<TStringOrNumber>",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"Array",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]}],raw:"Array<TStringOrNumber>"}]},description:"",defaultValue:{value:"400",computed:!1}},closedWidth:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"0",computed:!1}},button:{required:!1,tsType:{name:"union",raw:"boolean | ReactNode",elements:[{name:"boolean"},{name:"ReactNode"}]},description:"",defaultValue:{value:"null",computed:!1}},buttonAnimate:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},buttonPosition:{required:!1,tsType:{name:"union",raw:"TButtonPosition | string",elements:[{name:"union",raw:"'top' | 'bottom'",elements:[{name:"literal",value:"'top'"},{name:"literal",value:"'bottom'"}]},{name:"string"}]},description:"",defaultValue:{value:"ButtonPosition.BOTTOM",computed:!0}},border:{required:!1,tsType:{name:"union",raw:"boolean | string",elements:[{name:"boolean"},{name:"string"}]},description:"",defaultValue:{value:"false",computed:!1}},tabs:{required:!1,tsType:{name:"Array",elements:[{name:"IDrawerTab"}],raw:"IDrawerTab[]"},description:""},defaultTabIndex:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"0",computed:!1}},activeTab:{required:!1,tsType:{name:"number"},description:""},setActiveTab:{required:!1,tsType:{name:"signature",type:"function",raw:"(index: number) => void",signature:{arguments:[{type:{name:"number"},name:"index"}],return:{name:"void"}}},description:""},testId:{required:!1,tsType:{name:"string"},description:""},onResize:{required:!1,tsType:{name:"signature",type:"function",raw:"(...args: any[]) => any",signature:{arguments:[{type:{name:"Array",elements:[{name:"any"}],raw:"any[]"},name:"args",rest:!0}],return:{name:"any"}}},description:""},getActiveTab:{required:!1,tsType:{name:"signature",type:"function",raw:"(tab: IDrawerTab) => void",signature:{arguments:[{type:{name:"IDrawerTab"},name:"tab"}],return:{name:"void"}}},description:""},onClose:{required:!1,tsType:{name:"signature",type:"function",raw:"(tab?: IDrawerTab) => any",signature:{arguments:[{type:{name:"IDrawerTab"},name:"tab"}],return:{name:"any"}}},description:""},onOpen:{required:!1,tsType:{name:"signature",type:"function",raw:"(tab?: IDrawerTab) => any",signature:{arguments:[{type:{name:"IDrawerTab"},name:"tab"}],return:{name:"any"}}},description:""}}};export{Qr as D};

package/dist/storybook/assets/drawer-v-B4gIC0.css

@@ -1 +0,0 @@
-._inputInTable_khmhl_1{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_khmhl_1:not(:hover){border-color:transparent}._inputInTable_khmhl_1:not(:focus){box-shadow:none}._inputHover_khmhl_13{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_khmhl_18{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_khmhl_25,._inputWarning_khmhl_26{position:relative}._inputError_khmhl_25{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error-muted)}._inputError_khmhl_25:hover{border-color:var(--color-border-error-hover)!important}._inputError_khmhl_25:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_khmhl_26{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning-muted)}._inputWarning_khmhl_26:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_khmhl_26:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_khmhl_61{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._hideScrollbars_khmhl_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_khmhl_67::-webkit-scrollbar{display:none}:root{--size-drawer-tabs: var(--size-lg);--color-background-drawer-tab: var(--color-primary-100);--color-background-drawer-tab-hover: white;--color-border-drawer-tab: var(--color-primary-200);--color-background-drawer-handle-hover: rgba(0, 0, 0, .05)}html[data-theme=dark]{--color-background-drawer-tab: var(--color-primary-800);--color-background-drawer-tab-hover: var(--color-primary-700);--color-border-drawer-tab: black;--color-background-drawer-handle-hover: rgba(255, 255, 255, .1)}._inline_khmhl_90{position:relative}._inline_khmhl_90._left_khmhl_93{order:-1}._inline_khmhl_90._right_khmhl_96{order:9999}._fixed_khmhl_99{position:fixed;top:0;bottom:0;z-index:var(--zindex-drawer)}._fixed_khmhl_99._left_khmhl_93{left:0}._fixed_khmhl_99._right_khmhl_96{right:0}._left_khmhl_93 ._border_khmhl_111{border-right:1px solid var(--color-border)}._right_khmhl_96 ._border_khmhl_111{border-left:1px solid var(--color-border)}._shadow_khmhl_117{box-shadow:var(--shadow-layer)}._drawerContent_khmhl_120{overflow-x:hidden;overflow-y:auto;max-height:100%;min-height:100%;transition:width .2s;scrollbar-width:none;-ms-overflow-style:none}._isResizing_khmhl_132 ._drawerContent_khmhl_120{transition:none}@media print{._drawerContent_khmhl_120{background:transparent!important}}._drawerContent_khmhl_120::-webkit-scrollbar{display:none}._toggleButton_khmhl_143{transition:transform .2s;display:inline-block;transform:rotate(180deg);position:absolute;z-index:calc(var(--zindex-drawer) + 3)}._left_khmhl_93 ._toggleButton_khmhl_143{right:calc(var(--size) / -2)}._right_khmhl_96 ._toggleButton_khmhl_143{left:calc(var(--size) / -2)}._toggleButton_khmhl_143._top_khmhl_156{top:var(--padding)}._toggleButton_khmhl_143._bottom_khmhl_159{bottom:var(--padding)}._toggleButton_khmhl_143._toggleButtonOpen_khmhl_162{transform:rotate(0)}._tabs_khmhl_165{position:absolute;top:0;bottom:0;background-color:var(--color-background);padding-top:var(--padding);z-index:calc(var(--zindex-drawer) + 1);border-left:1px solid var(--color-border);border-right:1px solid var(--color-border)}._left_khmhl_93 ._tabs_khmhl_165{right:0}._right_khmhl_96 ._tabs_khmhl_165{left:0}._tabs_khmhl_165 ._tab_khmhl_165{font-size:var(--size-sm);height:var(--size-drawer-tabs);width:var(--size-drawer-tabs);display:flex;justify-content:center;align-items:center;cursor:pointer;margin:-1px;transition:color .2s,background-color .2s;border:1px solid var(--color-border-drawer-tab)}._left_khmhl_93 ._tabs_khmhl_165 ._tab_khmhl_165{border-top-left-radius:0;border-bottom-left-radius:0}._left_khmhl_93 ._tabs_khmhl_165 ._tab_khmhl_165._active_khmhl_197{border-left-color:transparent}._right_khmhl_96 ._tabs_khmhl_165 ._tab_khmhl_165{border-top-right-radius:0;border-bottom-right-radius:0}._right_khmhl_96 ._tabs_khmhl_165 ._tab_khmhl_165._active_khmhl_197{border-right-color:transparent}._tabs_khmhl_165 ._tab_khmhl_165:not(._active_khmhl_197){color:var(--color-text-primary);background-color:var(--color-background-drawer-tab)!important}._tabs_khmhl_165 ._tab_khmhl_165:not(._active_khmhl_197):hover{color:var(--color-text);background-color:var(--color-background-drawer-tab-hover)!important}._tabs_khmhl_165 ._tab_khmhl_165._active_khmhl_197{color:var(--color-text);border-color:var(--color-border)}._tabs_khmhl_165 ._tab_khmhl_165 svg{stroke-width:1.125}._tabs_khmhl_165 ._tab_khmhl_165._disabled_khmhl_222{cursor:default;pointer-events:none;color:var(--color-text-faint)!important;background-color:var(--color-background-disabled)!important;border-color:var(--color-border)!important}._left_khmhl_93 ._tabsContent_khmhl_229{padding-right:calc(var(--size-drawer-tabs) - 1px)}._right_khmhl_96 ._tabsContent_khmhl_229{padding-left:calc(var(--size-drawer-tabs) - 1px)}._resizeHandle_khmhl_235{--size-resize-handle: 10px;position:absolute;top:0;bottom:0;width:var(--size-resize-handle);z-index:calc(var(--zindex-drawer) + 2);cursor:ew-resize;display:flex;align-items:center;color:var(--color-text-faint);font-size:var(--size-resize-handle);transition:all .2s}._resizeHandle_khmhl_235:hover{background:var(--color-background-drawer-handle-hover);color:var(--color-text-primary)}._resizeHandle_khmhl_235:active{background:var(--color-text-primary);color:#fff}._left_khmhl_93 ._resizeHandle_khmhl_235{right:0}._right_khmhl_96 ._resizeHandle_khmhl_235{left:0}