@oliasoft-open-source/react-ui-library 4.7.7 → 4.7.8-beta-1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/{index-DCeIsyRy.js → index-B2uOOxtJ.js} +1125 -999
- package/dist/assets/{index-Oe0PlEED.css → index-BpSdrNXy.css} +316 -316
- package/dist/index.html +1 -1
- package/dist/index.js +7 -0
- package/dist/index.js.map +1 -1
- package/dist/storybook/assets/{Color-KGDBMAHA-B09ajdpG.js → Color-KGDBMAHA-DpR5uFO5.js} +1 -1
- package/dist/storybook/assets/{DocsRenderer-PKQXORMH-B1FePHEE.js → DocsRenderer-PKQXORMH-B6MH61AH.js} +1 -1
- package/dist/storybook/assets/{accordion.stories-wRr6K6oi.js → accordion.stories-CQnBN3c-.js} +1 -1
- package/dist/storybook/assets/{actions-CHgr8eL8.js → actions-B-KaMy86.js} +1 -1
- package/dist/storybook/assets/{actions.stories-CCDxFKFk.js → actions.stories-0QucBdvR.js} +1 -1
- package/dist/storybook/assets/{afe.stories-80-X2oCf.js → afe.stories-BLazOV5O.js} +1 -1
- package/dist/storybook/assets/{badge.stories-D5DA-vxC.js → badge.stories-BfzclMwL.js} +1 -1
- package/dist/storybook/assets/{blowout.stories-ES-Fuaqn.js → blowout.stories-BzyDpAFh.js} +1 -1
- package/dist/storybook/assets/button-fAxt_G4d.css +1 -0
- package/dist/storybook/assets/{button-group-CwJdFo2z.js → button-group-BWm0fImX.js} +1 -1
- package/dist/storybook/assets/{button-group.stories-DU5k5qCY.js → button-group.stories-UzL8Rsdd.js} +1 -1
- package/dist/storybook/assets/button-kgPRviUL.js +1 -0
- package/dist/storybook/assets/{button.stories-DVtec2Eo.js → button.stories-C7sh19Zp.js} +1 -1
- package/dist/storybook/assets/{buttons-and-links-DrDYbdOk.js → buttons-and-links-DYIhOGVX.js} +2 -2
- package/dist/storybook/assets/{casing-loads.stories-BXcv0FiI.js → casing-loads.stories-Dm_vS7PB.js} +1 -1
- package/dist/storybook/assets/{cell.stories-MhANINNu.js → cell.stories-C5Y7g7zh.js} +1 -1
- package/dist/storybook/assets/{chunk-HLWAVYOI-3IbBqp3W.js → chunk-HLWAVYOI-BNSvDNcU.js} +1 -1
- package/dist/storybook/assets/{color-DqVXeBjc.js → color-7xFSipNl.js} +2 -2
- package/dist/storybook/assets/{column.stories-BxfR9Tla.js → column.stories-DDTHFELF.js} +1 -1
- package/dist/storybook/assets/{dialog-Di8hNunM.js → dialog-OKqVW3Np.js} +1 -1
- package/dist/storybook/assets/drawer-BJ2m_mJk.js +3 -0
- package/dist/storybook/assets/drawer-DhrjYsQu.css +1 -0
- package/dist/storybook/assets/{drawer.stories-B-PsNJJ6.js → drawer.stories-mFNpjCH9.js} +1 -1
- package/dist/storybook/assets/{empty.stories-BVYXwvpa.js → empty.stories-DDYvxBwV.js} +1 -1
- package/dist/storybook/assets/{field.stories-B9p9nBgY.js → field.stories-BBqJzdkf.js} +1 -1
- package/dist/storybook/assets/{file-button.stories-FOaiNPt-.js → file-button.stories-Bs2Pxt4H.js} +1 -1
- package/dist/storybook/assets/{file-input-BpMtsZ2S.js → file-input-DF5MV4Ht.js} +1 -1
- package/dist/storybook/assets/{file-input.stories-Jrdw5k-s.js → file-input.stories-TDwXvcE0.js} +1 -1
- package/dist/storybook/assets/{flex.stories-BEXf0VqI.js → flex.stories-DBeXsenx.js} +1 -1
- package/dist/storybook/assets/{footer.stories-CGHFDUfT.js → footer.stories-DWHZZjiM.js} +1 -1
- package/dist/storybook/assets/{form.stories-C1Qx3M_1.js → form.stories-DJOs_h5K.js} +1 -1
- package/dist/storybook/assets/{formation.stories-BEowxQZ-.js → formation.stories-C4fb2S1i.js} +1 -1
- package/dist/storybook/assets/{grid-B6LFPf51.js → grid-DRkC-bt8.js} +1 -1
- package/dist/storybook/assets/{grid.stories-BhjMGl59.js → grid.stories-DqjhHHwX.js} +1 -1
- package/dist/storybook/assets/{icon.stories-C1hZXIMX.js → icon.stories-fnZUR-LK.js} +1 -1
- package/dist/storybook/assets/{iframe-0oHxQxyh.js → iframe-BU_I1db1.js} +2 -2
- package/dist/storybook/assets/{index-iPmJVpyV.js → index-CM4hTxj3.js} +1 -1
- package/dist/storybook/assets/{index-Dx_aqqZM.js → index-CsM3zQRV.js} +95 -95
- package/dist/storybook/assets/index-DaLCDjg_.js +14 -0
- package/dist/storybook/assets/input-DD7t4kHm.css +1 -0
- package/dist/storybook/assets/input-DFNY9YDm.js +1 -0
- package/dist/storybook/assets/{input-group.stories-44quIZTV.js → input-group.stories-bmCjov4W.js} +1 -1
- package/dist/storybook/assets/{input-validation-CregAhZZ.js → input-validation-BB4l8snm.js} +1 -1
- package/dist/storybook/assets/{input.stories-BruLeJ44.js → input.stories-EZ7qJt4K.js} +1 -1
- package/dist/storybook/assets/{inputs-DZn0C_9Y.js → inputs-80PxcbVR.js} +1 -1
- package/dist/storybook/assets/{layout-forms-zjNDNCOQ.js → layout-forms-BCe8BOb4.js} +1 -1
- package/dist/storybook/assets/{layout-general-_85zGG_p.js → layout-general-5Un7lfT-.js} +1 -1
- package/dist/storybook/assets/{list-yVTOdmpX.js → list-B44UGuAn.js} +1 -1
- package/dist/storybook/assets/{list.stories-ChqQXY5M.js → list.stories-C2CqtSs9.js} +1 -1
- package/dist/storybook/assets/{list.stories-data-Iq66w9oH.js → list.stories-data-ltVdQHBq.js} +1 -1
- package/dist/storybook/assets/{loader.stories-DM7ZJBgz.js → loader.stories-UXvpup_C.js} +1 -1
- package/dist/storybook/assets/{menu.stories-mt3LwVCk.js → menu.stories-DlIqr_2d.js} +1 -1
- package/dist/storybook/assets/message-Cl3kn7ZD.css +1 -0
- package/dist/storybook/assets/message-Y48EomV-.js +1 -0
- package/dist/storybook/assets/{message.stories-K3bQ-5bJ.js → message.stories-B26-7Hy3.js} +1 -1
- package/dist/storybook/assets/meta-content-B6Hd3SEO.js +9 -0
- package/dist/storybook/assets/meta-content-DnZPPeTF.css +1 -0
- package/dist/storybook/assets/{modal.stories-Cct1SMOP.js → modal.stories-BCr3l8ig.js} +1 -1
- package/dist/storybook/assets/{number-input-uQOVHv2N.js → number-input-B6I6KkcP.js} +1 -1
- package/dist/storybook/assets/number-input.stories-DbHM32XI.js +107 -0
- package/dist/storybook/assets/{option-dropdown.stories-CoLsSS95.js → option-dropdown.stories-D084pZKJ.js} +1 -1
- package/dist/storybook/assets/{padding-and-spacing-CPgb4ZMT.js → padding-and-spacing-Cl2UXS7W.js} +1 -1
- package/dist/storybook/assets/{page.stories-Cse3cMsO.js → page.stories-6eeuJkzD.js} +1 -1
- package/dist/storybook/assets/{pagination-iSMIbR33.js → pagination-C_0Lfz0Y.js} +1 -1
- package/dist/storybook/assets/{pagination.stories-BUPaZD5R.js → pagination.stories-DvMkTj1z.js} +1 -1
- package/dist/storybook/assets/{pop-confirm.stories-Dhid1FK8.js → pop-confirm.stories-Do64y_r4.js} +1 -1
- package/dist/storybook/assets/{popover-CzZdWNnB.js → popover-IH58FliU.js} +1 -1
- package/dist/storybook/assets/{popover.stories-Duemqiqp.js → popover.stories-BzD7x3ao.js} +1 -1
- package/dist/storybook/assets/{preview-Bay6IiqP.js → preview-BEG33Q1N.js} +1 -1
- package/dist/storybook/assets/{preview-DrVrew0c.js → preview-Cj6YVsXb.js} +2 -2
- package/dist/storybook/assets/{projects.stories-DU-QlBa6.js → projects.stories-D4s4oX-e.js} +1 -1
- package/dist/storybook/assets/{reservoirs.stories-aSZ9r1Pu.js → reservoirs.stories-C_ygapwp.js} +1 -1
- package/dist/storybook/assets/{rich-text-input-DPMWElGY.css → rich-text-input-dDjxXFl-.css} +1 -1
- package/dist/storybook/assets/rich-text-input.stories-KYizJ77A.js +256 -0
- package/dist/storybook/assets/{row-4iAGREkV.js → row-Bmiy2Lh0.js} +1 -1
- package/dist/storybook/assets/{row.stories-DL2h5FzP.js → row.stories-BlGnjdju.js} +1 -1
- package/dist/storybook/assets/select-BFv5KuOX.js +40 -0
- package/dist/storybook/assets/select-H-9tdhwc.css +1 -0
- package/dist/storybook/assets/{select.stories-BZFdXGPs.js → select.stories-Bwd7kuF0.js} +1 -1
- package/dist/storybook/assets/{side-bar-CKbHPgIV.js → side-bar-BimJX1XV.js} +4 -4
- package/dist/storybook/assets/side-bar-auov230-.css +1 -0
- package/dist/storybook/assets/{side-bar.stories-MUj_dj1F.js → side-bar.stories-CgYaKEGJ.js} +1 -1
- package/dist/storybook/assets/{site.stories-Ci4g5W2A.js → site.stories-Dg8J08Ee.js} +1 -1
- package/dist/storybook/assets/{slider-DAramr8j.js → slider-BeJzxarD.js} +1 -1
- package/dist/storybook/assets/{slider.stories-Cd0rLfHP.js → slider.stories-Szx4exmO.js} +1 -1
- package/dist/storybook/assets/{smart-upload-modal.stories-BmrhOtOG.js → smart-upload-modal.stories-nGBYTYDh.js} +1 -1
- package/dist/storybook/assets/{spacer.stories-CHEZdgDM.js → spacer.stories-bYMCDQ_z.js} +1 -1
- package/dist/storybook/assets/styled-components.browser.esm-BQ9GQzDc.js +2 -0
- package/dist/storybook/assets/table-BFgZ2w5W.js +86 -0
- package/dist/storybook/assets/table-C9uAiJu6.css +1 -0
- package/dist/storybook/assets/{table.stories-YV04PKkU.js → table.stories-D6NToWT4.js} +1 -1
- package/dist/storybook/assets/table.stories-data-DcBBxO_k.js +1 -0
- package/dist/storybook/assets/textarea-D-R3vavM.js +1 -0
- package/dist/storybook/assets/textarea-H-YTEwr8.css +1 -0
- package/dist/storybook/assets/{textarea.stories-aRLEoDHg.js → textarea.stories-CrZgmMxl.js} +1 -1
- package/dist/storybook/assets/{title.stories-CuiMnOil.js → title.stories-7ZXTmMf-.js} +1 -1
- package/dist/storybook/assets/{toaster-BNO0suPv.js → toaster-BoBcvmf9.js} +1 -1
- package/dist/storybook/assets/{toaster.stories-zcWIPp_X.js → toaster.stories-LvqSpnTb.js} +1 -1
- package/dist/storybook/assets/{tooltip.test-case.stories-i9YQqba1.js → tooltip.test-case.stories-COOtdxxm.js} +1 -1
- package/dist/storybook/assets/{top-bar-C_tn2Pc5.js → top-bar-kBVQ5xF2.js} +1 -1
- package/dist/storybook/assets/{top-bar.stories-B2a-RgK-.js → top-bar.stories-BCX6zjmD.js} +1 -1
- package/dist/storybook/assets/{top-bar.testcase.stories-DoPEAMYc.js → top-bar.testcase.stories-DiRFCAQn.js} +1 -1
- package/dist/storybook/assets/{tree.stories-6UHASEZu.js → tree.stories-D48X6p9d.js} +1 -1
- package/dist/storybook/assets/{unit-input.stories-B3VwXCO8.js → unit-input.stories-BuWI2HbG.js} +1 -1
- package/dist/storybook/assets/{unit-table.stories-DQrTQd6a.js → unit-table.stories-B6Y5A-a5.js} +1 -1
- package/dist/storybook/iframe.html +1 -1
- package/dist/storybook/project.json +1 -1
- package/dist/storybook/sb-addons/interactions-2/manager-bundle.js +1 -0
- package/dist/storybook/sb-manager/globals-runtime.js +1 -1
- package/dist/storybook/sb-manager/globals.js +48 -0
- package/dist/storybook/sb-preview/runtime.js +1 -0
- package/package.json +1 -1
- package/dist/404.html +0 -1
- package/dist/storybook/assets/button-BpFIj2Vw.css +0 -1
- package/dist/storybook/assets/button-VxhoNhrV.js +0 -1
- package/dist/storybook/assets/drawer-BhuWxI7V.js +0 -3
- package/dist/storybook/assets/drawer-v-B4gIC0.css +0 -1
- package/dist/storybook/assets/index-CWz-hU-f.js +0 -14
- package/dist/storybook/assets/input-BW9trNAW.js +0 -1
- package/dist/storybook/assets/input-WN7SK0fa.css +0 -1
- package/dist/storybook/assets/message-BYzRg8Ae.js +0 -1
- package/dist/storybook/assets/message-nw5WQq6S.css +0 -1
- package/dist/storybook/assets/meta-content-B1HsACrT.css +0 -1
- package/dist/storybook/assets/meta-content-cbHGvPJ7.js +0 -9
- package/dist/storybook/assets/number-input.stories-C2QTTzzN.js +0 -110
- package/dist/storybook/assets/rich-text-input.stories-CsFyrKRA.js +0 -256
- package/dist/storybook/assets/select-Byh1FIvP.css +0 -1
- package/dist/storybook/assets/select-C8iu4-uz.js +0 -40
- package/dist/storybook/assets/side-bar-DvwMCSK0.css +0 -1
- package/dist/storybook/assets/styled-components.browser.esm-Bf0q9Yjk.js +0 -2
- package/dist/storybook/assets/table-BNMxYhsu.js +0 -86
- package/dist/storybook/assets/table-CyYpP6Fs.css +0 -1
- package/dist/storybook/assets/table.stories-data-CR9VpXHs.js +0 -1
- package/dist/storybook/assets/textarea-BV7xWEdt.js +0 -1
- package/dist/storybook/assets/textarea-DapBtyYV.css +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as r}from"./jsx-runtime-eps93zm2.js";import{S as h}from"./spacer-BWoNR27H.js";import{F as j}from"./flex-EllkLxgO.js";import{B as s}from"./button-
|
|
1
|
+
import{j as r}from"./jsx-runtime-eps93zm2.js";import{S as h}from"./spacer-BWoNR27H.js";import{F as j}from"./flex-EllkLxgO.js";import{B as s}from"./button-kgPRviUL.js";import"./index-DhsZuJvc.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";const W={title:"Layout/Spacer",component:h,argTypes:{width:{control:"text"},height:{control:"text"}}},p=t=>r.jsx(h,{...t}),a=p.bind({});a.decorators=[t=>r.jsxs(r.Fragment,{children:[r.jsx(s,{label:"Button"}),t(),r.jsx(s,{label:"Button"})]})];const e=p.bind({});e.args={height:"var(--padding-xxs)"};e.decorators=[t=>r.jsxs(r.Fragment,{children:[r.jsx(s,{label:"Button"}),t(),r.jsx(s,{label:"Button"})]})];const o=p.bind({});o.args={width:"var(--padding)"};o.decorators=[t=>r.jsxs(j,{children:[r.jsx(s,{label:"Button"}),t(),r.jsx(s,{label:"Button"})]})];var c,i,m;a.parameters={...a.parameters,docs:{...(c=a.parameters)==null?void 0:c.docs,source:{originalSource:"(args: ISpacerProps) => <Spacer {...args} />",...(m=(i=a.parameters)==null?void 0:i.docs)==null?void 0:m.source}}};var n,d,l;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:"(args: ISpacerProps) => <Spacer {...args} />",...(l=(d=e.parameters)==null?void 0:d.docs)==null?void 0:l.source}}};var u,g,x;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:"(args: ISpacerProps) => <Spacer {...args} />",...(x=(g=o.parameters)==null?void 0:g.docs)==null?void 0:x.source}}};const L=["Default","Height","Width"];export{a as Default,e as Height,o as Width,L as __namedExportsOrder,W as default};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{R as nt,r as fe}from"./index-DhsZuJvc.js";var R=function(){return R=Object.assign||function(e){for(var r,n=1,s=arguments.length;n<s;n++){r=arguments[n];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},R.apply(this,arguments)};function vt(t,e,r){if(r||arguments.length===2)for(var n=0,s=e.length,o;n<s;n++)(o||!(n in e))&&(o||(o=Array.prototype.slice.call(e,0,n)),o[n]=e[n]);return t.concat(o||Array.prototype.slice.call(e))}var v="-ms-",rt="-moz-",h="-webkit-",pe="comm",Ct="rule",Mt="decl",Me="@import",he="@keyframes",Ye="@layer",de=Math.abs,Yt=String.fromCharCode,Dt=Object.assign;function We(t,e){return _(t,0)^45?(((e<<2^_(t,0))<<2^_(t,1))<<2^_(t,2))<<2^_(t,3):0}function le(t){return t.trim()}function D(t,e){return(t=e.exec(t))?t[0]:t}function u(t,e,r){return t.replace(e,r)}function dt(t,e,r){return t.indexOf(e,r)}function _(t,e){return t.charCodeAt(e)|0}function H(t,e,r){return t.slice(e,r)}function O(t){return t.length}function ge(t){return t.length}function et(t,e){return e.push(t),t}function He(t,e){return t.map(e).join("")}function Zt(t,e){return t.filter(function(r){return!D(r,e)})}var xt=1,q=1,me=0,k=0,I=0,J="";function At(t,e,r,n,s,o,a,c){return{value:t,root:e,parent:r,type:n,props:s,children:o,line:xt,column:q,length:a,return:"",siblings:c}}function F(t,e){return Dt(At("",null,null,"",null,null,0,t.siblings),t,{length:-t.length},e)}function Y(t){for(;t.root;)t=F(t.root,{children:[t]});et(t,t.siblings)}function qe(){return I}function Ke(){return I=k>0?_(J,--k):0,q--,I===10&&(q=1,xt--),I}function N(){return I=k<me?_(J,k++):0,q++,I===10&&(q=1,xt++),I}function L(){return _(J,k)}function lt(){return k}function It(t,e){return H(J,t,e)}function jt(t){switch(t){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function Ue(t){return xt=q=1,me=O(J=t),k=0,[]}function Ze(t){return J="",t}function kt(t){return le(It(k-1,zt(t===91?t+2:t===40?t+1:t)))}function Je(t){for(;(I=L())&&I<33;)N();return jt(t)>2||jt(I)>3?"":" "}function Qe(t,e){for(;--e&&N()&&!(I<48||I>102||I>57&&I<65||I>70&&I<97););return It(t,lt()+(e<6&&L()==32&&N()==32))}function zt(t){for(;N();)switch(I){case t:return k;case 34:case 39:t!==34&&t!==39&&zt(I);break;case 40:t===41&&zt(t);break;case 92:N();break}return k}function Ve(t,e){for(;N()&&t+I!==57;)if(t+I===84&&L()===47)break;return"/*"+It(e,k-1)+"*"+Yt(t===47?t:N())}function Xe(t){for(;!jt(L());)N();return It(t,k)}function tr(t){return Ze(gt("",null,null,null,[""],t=Ue(t),0,[0],t))}function gt(t,e,r,n,s,o,a,c,i){for(var l=0,d=0,g=a,m=0,p=0,S=0,x=1,$=1,A=1,w=0,b="",C=s,E=o,y=n,f=b;$;)switch(S=w,w=N()){case 40:if(S!=108&&_(f,g-1)==58){dt(f+=u(kt(w),"&","&\f"),"&\f",de(l?c[l-1]:0))!=-1&&(A=-1);break}case 34:case 39:case 91:f+=kt(w);break;case 9:case 10:case 13:case 32:f+=Je(S);break;case 92:f+=Qe(lt()-1,7);continue;case 47:switch(L()){case 42:case 47:et(er(Ve(N(),lt()),e,r,i),i);break;default:f+="/"}break;case 123*x:c[l++]=O(f)*A;case 125*x:case 59:case 0:switch(w){case 0:case 125:$=0;case 59+d:A==-1&&(f=u(f,/\f/g,"")),p>0&&O(f)-g&&et(p>32?Qt(f+";",n,r,g-1,i):Qt(u(f," ","")+";",n,r,g-2,i),i);break;case 59:f+=";";default:if(et(y=Jt(f,e,r,l,d,s,c,b,C=[],E=[],g,o),o),w===123)if(d===0)gt(f,e,y,y,C,o,g,c,E);else switch(m===99&&_(f,3)===110?100:m){case 100:case 108:case 109:case 115:gt(t,y,y,n&&et(Jt(t,y,y,0,0,s,c,b,s,C=[],g,E),E),s,E,g,c,n?C:E);break;default:gt(f,y,y,y,[""],E,0,c,E)}}l=d=p=0,x=A=1,b=f="",g=a;break;case 58:g=1+O(f),p=S;default:if(x<1){if(w==123)--x;else if(w==125&&x++==0&&Ke()==125)continue}switch(f+=Yt(w),w*x){case 38:A=d>0?1:(f+="\f",-1);break;case 44:c[l++]=(O(f)-1)*A,A=1;break;case 64:L()===45&&(f+=kt(N())),m=L(),d=g=O(b=f+=Xe(lt())),w++;break;case 45:S===45&&O(f)==2&&(x=0)}}return o}function Jt(t,e,r,n,s,o,a,c,i,l,d,g){for(var m=s-1,p=s===0?o:[""],S=ge(p),x=0,$=0,A=0;x<n;++x)for(var w=0,b=H(t,m+1,m=de($=a[x])),C=t;w<S;++w)(C=le($>0?p[w]+" "+b:u(b,/&\f/g,p[w])))&&(i[A++]=C);return At(t,e,r,s===0?Ct:c,i,l,d,g)}function er(t,e,r,n){return At(t,e,r,pe,Yt(qe()),H(t,2,-2),0,n)}function Qt(t,e,r,n,s){return At(t,e,r,Mt,H(t,0,n),H(t,n+1,-1),n,s)}function ye(t,e,r){switch(We(t,e)){case 5103:return h+"print-"+t+t;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return h+t+t;case 4789:return rt+t+t;case 5349:case 4246:case 4810:case 6968:case 2756:return h+t+rt+t+v+t+t;case 5936:switch(_(t,e+11)){case 114:return h+t+v+u(t,/[svh]\w+-[tblr]{2}/,"tb")+t;case 108:return h+t+v+u(t,/[svh]\w+-[tblr]{2}/,"tb-rl")+t;case 45:return h+t+v+u(t,/[svh]\w+-[tblr]{2}/,"lr")+t}case 6828:case 4268:case 2903:return h+t+v+t+t;case 6165:return h+t+v+"flex-"+t+t;case 5187:return h+t+u(t,/(\w+).+(:[^]+)/,h+"box-$1$2"+v+"flex-$1$2")+t;case 5443:return h+t+v+"flex-item-"+u(t,/flex-|-self/g,"")+(D(t,/flex-|baseline/)?"":v+"grid-row-"+u(t,/flex-|-self/g,""))+t;case 4675:return h+t+v+"flex-line-pack"+u(t,/align-content|flex-|-self/g,"")+t;case 5548:return h+t+v+u(t,"shrink","negative")+t;case 5292:return h+t+v+u(t,"basis","preferred-size")+t;case 6060:return h+"box-"+u(t,"-grow","")+h+t+v+u(t,"grow","positive")+t;case 4554:return h+u(t,/([^-])(transform)/g,"$1"+h+"$2")+t;case 6187:return u(u(u(t,/(zoom-|grab)/,h+"$1"),/(image-set)/,h+"$1"),t,"")+t;case 5495:case 3959:return u(t,/(image-set\([^]*)/,h+"$1$`$1");case 4968:return u(u(t,/(.+:)(flex-)?(.*)/,h+"box-pack:$3"+v+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+h+t+t;case 4200:if(!D(t,/flex-|baseline/))return v+"grid-column-align"+H(t,e)+t;break;case 2592:case 3360:return v+u(t,"template-","")+t;case 4384:case 3616:return r&&r.some(function(n,s){return e=s,D(n.props,/grid-\w+-end/)})?~dt(t+(r=r[e].value),"span",0)?t:v+u(t,"-start","")+t+v+"grid-row-span:"+(~dt(r,"span",0)?D(r,/\d+/):+D(r,/\d+/)-+D(t,/\d+/))+";":v+u(t,"-start","")+t;case 4896:case 4128:return r&&r.some(function(n){return D(n.props,/grid-\w+-start/)})?t:v+u(u(t,"-end","-span"),"span ","")+t;case 4095:case 3583:case 4068:case 2532:return u(t,/(.+)-inline(.+)/,h+"$1$2")+t;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(O(t)-1-e>6)switch(_(t,e+1)){case 109:if(_(t,e+4)!==45)break;case 102:return u(t,/(.+:)(.+)-([^]+)/,"$1"+h+"$2-$3$1"+rt+(_(t,e+3)==108?"$3":"$2-$3"))+t;case 115:return~dt(t,"stretch",0)?ye(u(t,"stretch","fill-available"),e,r)+t:t}break;case 5152:case 5920:return u(t,/(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/,function(n,s,o,a,c,i,l){return v+s+":"+o+l+(a?v+s+"-span:"+(c?i:+i-+o)+l:"")+t});case 4949:if(_(t,e+6)===121)return u(t,":",":"+h)+t;break;case 6444:switch(_(t,_(t,14)===45?18:11)){case 120:return u(t,/(.+:)([^;\s!]+)(;|(\s+)?!.+)?/,"$1"+h+(_(t,14)===45?"inline-":"")+"box$3$1"+h+"$2$3$1"+v+"$2box$3")+t;case 100:return u(t,":",":"+v)+t}break;case 5719:case 2647:case 2135:case 3927:case 2391:return u(t,"scroll-","scroll-snap-")+t}return t}function bt(t,e){for(var r="",n=0;n<t.length;n++)r+=e(t[n],n,t,e)||"";return r}function rr(t,e,r,n){switch(t.type){case Ye:if(t.children.length)break;case Me:case Mt:return t.return=t.return||t.value;case pe:return"";case he:return t.return=t.value+"{"+bt(t.children,n)+"}";case Ct:if(!O(t.value=t.props.join(",")))return""}return O(r=bt(t.children,n))?t.return=t.value+"{"+r+"}":""}function nr(t){var e=ge(t);return function(r,n,s,o){for(var a="",c=0;c<e;c++)a+=t[c](r,n,s,o)||"";return a}}function sr(t){return function(e){e.root||(e=e.return)&&t(e)}}function or(t,e,r,n){if(t.length>-1&&!t.return)switch(t.type){case Mt:t.return=ye(t.value,t.length,r);return;case he:return bt([F(t,{value:u(t.value,"@","@"+h)})],n);case Ct:if(t.length)return He(r=t.props,function(s){switch(D(s,n=/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":Y(F(t,{props:[u(s,/:(read-\w+)/,":"+rt+"$1")]})),Y(F(t,{props:[s]})),Dt(t,{props:Zt(r,n)});break;case"::placeholder":Y(F(t,{props:[u(s,/:(plac\w+)/,":"+h+"input-$1")]})),Y(F(t,{props:[u(s,/:(plac\w+)/,":"+rt+"$1")]})),Y(F(t,{props:[u(s,/:(plac\w+)/,v+"input-$1")]})),Y(F(t,{props:[s]})),Dt(t,{props:Zt(r,n)});break}return""})}}var ar={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},P={},K=typeof process<"u"&&P!==void 0&&(P.REACT_APP_SC_ATTR||P.SC_ATTR)||"data-styled",ve="active",be="data-styled-version",Et="6.1.12",Wt=`/*!sc*/
|
|
2
|
+
`,St=typeof window<"u"&&"HTMLElement"in window,ir=!!(typeof SC_DISABLE_SPEEDY=="boolean"?SC_DISABLE_SPEEDY:typeof process<"u"&&P!==void 0&&P.REACT_APP_SC_DISABLE_SPEEDY!==void 0&&P.REACT_APP_SC_DISABLE_SPEEDY!==""?P.REACT_APP_SC_DISABLE_SPEEDY!=="false"&&P.REACT_APP_SC_DISABLE_SPEEDY:typeof process<"u"&&P!==void 0&&P.SC_DISABLE_SPEEDY!==void 0&&P.SC_DISABLE_SPEEDY!==""&&P.SC_DISABLE_SPEEDY!=="false"&&P.SC_DISABLE_SPEEDY),_t=Object.freeze([]),U=Object.freeze({});function cr(t,e,r){return r===void 0&&(r=U),t.theme!==r.theme&&t.theme||e||r.theme}var Se=new Set(["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","tr","track","u","ul","use","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"]),ur=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,fr=/(^-|-$)/g;function Vt(t){return t.replace(ur,"-").replace(fr,"")}var pr=/(a)(d)/gi,pt=52,Xt=function(t){return String.fromCharCode(t+(t>25?39:97))};function Ft(t){var e,r="";for(e=Math.abs(t);e>pt;e=e/pt|0)r=Xt(e%pt)+r;return(Xt(e%pt)+r).replace(pr,"$1-$2")}var Nt,we=5381,W=function(t,e){for(var r=e.length;r;)t=33*t^e.charCodeAt(--r);return t},Ce=function(t){return W(we,t)};function hr(t){return Ft(Ce(t)>>>0)}function dr(t){return t.displayName||t.name||"Component"}function Ot(t){return typeof t=="string"&&!0}var xe=typeof Symbol=="function"&&Symbol.for,Ae=xe?Symbol.for("react.memo"):60115,lr=xe?Symbol.for("react.forward_ref"):60112,gr={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},mr={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},Ie={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},yr=((Nt={})[lr]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},Nt[Ae]=Ie,Nt);function te(t){return("type"in(e=t)&&e.type.$$typeof)===Ae?Ie:"$$typeof"in t?yr[t.$$typeof]:gr;var e}var vr=Object.defineProperty,br=Object.getOwnPropertyNames,ee=Object.getOwnPropertySymbols,Sr=Object.getOwnPropertyDescriptor,wr=Object.getPrototypeOf,re=Object.prototype;function Ee(t,e,r){if(typeof e!="string"){if(re){var n=wr(e);n&&n!==re&&Ee(t,n,r)}var s=br(e);ee&&(s=s.concat(ee(e)));for(var o=te(t),a=te(e),c=0;c<s.length;++c){var i=s[c];if(!(i in mr||r&&r[i]||a&&i in a||o&&i in o)){var l=Sr(e,i);try{vr(t,i,l)}catch{}}}}return t}function Z(t){return typeof t=="function"}function Ht(t){return typeof t=="object"&&"styledComponentId"in t}function B(t,e){return t&&e?"".concat(t," ").concat(e):t||e||""}function ne(t,e){if(t.length===0)return"";for(var r=t[0],n=1;n<t.length;n++)r+=t[n];return r}function st(t){return t!==null&&typeof t=="object"&&t.constructor.name===Object.name&&!("props"in t&&t.$$typeof)}function Gt(t,e,r){if(r===void 0&&(r=!1),!r&&!st(t)&&!Array.isArray(t))return e;if(Array.isArray(e))for(var n=0;n<e.length;n++)t[n]=Gt(t[n],e[n]);else if(st(e))for(var n in e)t[n]=Gt(t[n],e[n]);return t}function qt(t,e){Object.defineProperty(t,"toString",{value:e})}function ot(t){for(var e=[],r=1;r<arguments.length;r++)e[r-1]=arguments[r];return new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(t," for more information.").concat(e.length>0?" Args: ".concat(e.join(", ")):""))}var Cr=function(){function t(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e}return t.prototype.indexOfGroup=function(e){for(var r=0,n=0;n<e;n++)r+=this.groupSizes[n];return r},t.prototype.insertRules=function(e,r){if(e>=this.groupSizes.length){for(var n=this.groupSizes,s=n.length,o=s;e>=o;)if((o<<=1)<0)throw ot(16,"".concat(e));this.groupSizes=new Uint32Array(o),this.groupSizes.set(n),this.length=o;for(var a=s;a<o;a++)this.groupSizes[a]=0}for(var c=this.indexOfGroup(e+1),i=(a=0,r.length);a<i;a++)this.tag.insertRule(c,r[a])&&(this.groupSizes[e]++,c++)},t.prototype.clearGroup=function(e){if(e<this.length){var r=this.groupSizes[e],n=this.indexOfGroup(e),s=n+r;this.groupSizes[e]=0;for(var o=n;o<s;o++)this.tag.deleteRule(n)}},t.prototype.getGroup=function(e){var r="";if(e>=this.length||this.groupSizes[e]===0)return r;for(var n=this.groupSizes[e],s=this.indexOfGroup(e),o=s+n,a=s;a<o;a++)r+="".concat(this.tag.getRule(a)).concat(Wt);return r},t}(),mt=new Map,wt=new Map,yt=1,ht=function(t){if(mt.has(t))return mt.get(t);for(;wt.has(yt);)yt++;var e=yt++;return mt.set(t,e),wt.set(e,t),e},xr=function(t,e){yt=e+1,mt.set(t,e),wt.set(e,t)},Ar="style[".concat(K,"][").concat(be,'="').concat(Et,'"]'),Ir=new RegExp("^".concat(K,'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')),Er=function(t,e,r){for(var n,s=r.split(","),o=0,a=s.length;o<a;o++)(n=s[o])&&t.registerName(e,n)},_r=function(t,e){for(var r,n=((r=e.textContent)!==null&&r!==void 0?r:"").split(Wt),s=[],o=0,a=n.length;o<a;o++){var c=n[o].trim();if(c){var i=c.match(Ir);if(i){var l=0|parseInt(i[1],10),d=i[2];l!==0&&(xr(d,l),Er(t,d,i[3]),t.getTag().insertRules(l,s)),s.length=0}else s.push(c)}}},se=function(t){for(var e=document.querySelectorAll(Ar),r=0,n=e.length;r<n;r++){var s=e[r];s&&s.getAttribute(K)!==ve&&(_r(t,s),s.parentNode&&s.parentNode.removeChild(s))}};function Rr(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:null}var _e=function(t){var e=document.head,r=t||e,n=document.createElement("style"),s=function(c){var i=Array.from(c.querySelectorAll("style[".concat(K,"]")));return i[i.length-1]}(r),o=s!==void 0?s.nextSibling:null;n.setAttribute(K,ve),n.setAttribute(be,Et);var a=Rr();return a&&n.setAttribute("nonce",a),r.insertBefore(n,o),n},$r=function(){function t(e){this.element=_e(e),this.element.appendChild(document.createTextNode("")),this.sheet=function(r){if(r.sheet)return r.sheet;for(var n=document.styleSheets,s=0,o=n.length;s<o;s++){var a=n[s];if(a.ownerNode===r)return a}throw ot(17)}(this.element),this.length=0}return t.prototype.insertRule=function(e,r){try{return this.sheet.insertRule(r,e),this.length++,!0}catch{return!1}},t.prototype.deleteRule=function(e){this.sheet.deleteRule(e),this.length--},t.prototype.getRule=function(e){var r=this.sheet.cssRules[e];return r&&r.cssText?r.cssText:""},t}(),Pr=function(){function t(e){this.element=_e(e),this.nodes=this.element.childNodes,this.length=0}return t.prototype.insertRule=function(e,r){if(e<=this.length&&e>=0){var n=document.createTextNode(r);return this.element.insertBefore(n,this.nodes[e]||null),this.length++,!0}return!1},t.prototype.deleteRule=function(e){this.element.removeChild(this.nodes[e]),this.length--},t.prototype.getRule=function(e){return e<this.length?this.nodes[e].textContent:""},t}(),kr=function(){function t(e){this.rules=[],this.length=0}return t.prototype.insertRule=function(e,r){return e<=this.length&&(this.rules.splice(e,0,r),this.length++,!0)},t.prototype.deleteRule=function(e){this.rules.splice(e,1),this.length--},t.prototype.getRule=function(e){return e<this.length?this.rules[e]:""},t}(),oe=St,Nr={isServer:!St,useCSSOMInjection:!ir},Re=function(){function t(e,r,n){e===void 0&&(e=U),r===void 0&&(r={});var s=this;this.options=R(R({},Nr),e),this.gs=r,this.names=new Map(n),this.server=!!e.isServer,!this.server&&St&&oe&&(oe=!1,se(this)),qt(this,function(){return function(o){for(var a=o.getTag(),c=a.length,i="",l=function(g){var m=function(A){return wt.get(A)}(g);if(m===void 0)return"continue";var p=o.names.get(m),S=a.getGroup(g);if(p===void 0||!p.size||S.length===0)return"continue";var x="".concat(K,".g").concat(g,'[id="').concat(m,'"]'),$="";p!==void 0&&p.forEach(function(A){A.length>0&&($+="".concat(A,","))}),i+="".concat(S).concat(x,'{content:"').concat($,'"}').concat(Wt)},d=0;d<c;d++)l(d);return i}(s)})}return t.registerId=function(e){return ht(e)},t.prototype.rehydrate=function(){!this.server&&St&&se(this)},t.prototype.reconstructWithOptions=function(e,r){return r===void 0&&(r=!0),new t(R(R({},this.options),e),this.gs,r&&this.names||void 0)},t.prototype.allocateGSInstance=function(e){return this.gs[e]=(this.gs[e]||0)+1},t.prototype.getTag=function(){return this.tag||(this.tag=(e=function(r){var n=r.useCSSOMInjection,s=r.target;return r.isServer?new kr(s):n?new $r(s):new Pr(s)}(this.options),new Cr(e)));var e},t.prototype.hasNameForId=function(e,r){return this.names.has(e)&&this.names.get(e).has(r)},t.prototype.registerName=function(e,r){if(ht(e),this.names.has(e))this.names.get(e).add(r);else{var n=new Set;n.add(r),this.names.set(e,n)}},t.prototype.insertRules=function(e,r,n){this.registerName(e,r),this.getTag().insertRules(ht(e),n)},t.prototype.clearNames=function(e){this.names.has(e)&&this.names.get(e).clear()},t.prototype.clearRules=function(e){this.getTag().clearGroup(ht(e)),this.clearNames(e)},t.prototype.clearTag=function(){this.tag=void 0},t}(),Or=/&/g,Tr=/^\s*\/\/.*$/gm;function $e(t,e){return t.map(function(r){return r.type==="rule"&&(r.value="".concat(e," ").concat(r.value),r.value=r.value.replaceAll(",",",".concat(e," ")),r.props=r.props.map(function(n){return"".concat(e," ").concat(n)})),Array.isArray(r.children)&&r.type!=="@keyframes"&&(r.children=$e(r.children,e)),r})}function Dr(t){var e,r,n,s=U,o=s.options,a=o===void 0?U:o,c=s.plugins,i=c===void 0?_t:c,l=function(m,p,S){return S.startsWith(r)&&S.endsWith(r)&&S.replaceAll(r,"").length>0?".".concat(e):m},d=i.slice();d.push(function(m){m.type===Ct&&m.value.includes("&")&&(m.props[0]=m.props[0].replace(Or,r).replace(n,l))}),a.prefix&&d.push(or),d.push(rr);var g=function(m,p,S,x){p===void 0&&(p=""),S===void 0&&(S=""),x===void 0&&(x="&"),e=x,r=p,n=new RegExp("\\".concat(r,"\\b"),"g");var $=m.replace(Tr,""),A=tr(S||p?"".concat(S," ").concat(p," { ").concat($," }"):$);a.namespace&&(A=$e(A,a.namespace));var w=[];return bt(A,nr(d.concat(sr(function(b){return w.push(b)})))),w};return g.hash=i.length?i.reduce(function(m,p){return p.name||ot(15),W(m,p.name)},we).toString():"",g}var jr=new Re,Bt=Dr(),Pe=nt.createContext({shouldForwardProp:void 0,styleSheet:jr,stylis:Bt});Pe.Consumer;nt.createContext(void 0);function ae(){return fe.useContext(Pe)}var zr=function(){function t(e,r){var n=this;this.inject=function(s,o){o===void 0&&(o=Bt);var a=n.name+o.hash;s.hasNameForId(n.id,a)||s.insertRules(n.id,a,o(n.rules,a,"@keyframes"))},this.name=e,this.id="sc-keyframes-".concat(e),this.rules=r,qt(this,function(){throw ot(12,String(n.name))})}return t.prototype.getName=function(e){return e===void 0&&(e=Bt),this.name+e.hash},t}(),Fr=function(t){return t>="A"&&t<="Z"};function ie(t){for(var e="",r=0;r<t.length;r++){var n=t[r];if(r===1&&n==="-"&&t[0]==="-")return t;Fr(n)?e+="-"+n.toLowerCase():e+=n}return e.startsWith("ms-")?"-"+e:e}var ke=function(t){return t==null||t===!1||t===""},Ne=function(t){var e,r,n=[];for(var s in t){var o=t[s];t.hasOwnProperty(s)&&!ke(o)&&(Array.isArray(o)&&o.isCss||Z(o)?n.push("".concat(ie(s),":"),o,";"):st(o)?n.push.apply(n,vt(vt(["".concat(s," {")],Ne(o),!1),["}"],!1)):n.push("".concat(ie(s),": ").concat((e=s,(r=o)==null||typeof r=="boolean"||r===""?"":typeof r!="number"||r===0||e in ar||e.startsWith("--")?String(r).trim():"".concat(r,"px")),";")))}return n};function M(t,e,r,n){if(ke(t))return[];if(Ht(t))return[".".concat(t.styledComponentId)];if(Z(t)){if(!Z(o=t)||o.prototype&&o.prototype.isReactComponent||!e)return[t];var s=t(e);return M(s,e,r,n)}var o;return t instanceof zr?r?(t.inject(r,n),[t.getName(n)]):[t]:st(t)?Ne(t):Array.isArray(t)?Array.prototype.concat.apply(_t,t.map(function(a){return M(a,e,r,n)})):[t.toString()]}function Gr(t){for(var e=0;e<t.length;e+=1){var r=t[e];if(Z(r)&&!Ht(r))return!1}return!0}var Br=Ce(Et),Lr=function(){function t(e,r,n){this.rules=e,this.staticRulesId="",this.isStatic=(n===void 0||n.isStatic)&&Gr(e),this.componentId=r,this.baseHash=W(Br,r),this.baseStyle=n,Re.registerId(r)}return t.prototype.generateAndInjectStyles=function(e,r,n){var s=this.baseStyle?this.baseStyle.generateAndInjectStyles(e,r,n):"";if(this.isStatic&&!n.hash)if(this.staticRulesId&&r.hasNameForId(this.componentId,this.staticRulesId))s=B(s,this.staticRulesId);else{var o=ne(M(this.rules,e,r,n)),a=Ft(W(this.baseHash,o)>>>0);if(!r.hasNameForId(this.componentId,a)){var c=n(o,".".concat(a),void 0,this.componentId);r.insertRules(this.componentId,a,c)}s=B(s,a),this.staticRulesId=a}else{for(var i=W(this.baseHash,n.hash),l="",d=0;d<this.rules.length;d++){var g=this.rules[d];if(typeof g=="string")l+=g;else if(g){var m=ne(M(g,e,r,n));i=W(i,m+d),l+=m}}if(l){var p=Ft(i>>>0);r.hasNameForId(this.componentId,p)||r.insertRules(this.componentId,p,n(l,".".concat(p),void 0,this.componentId)),s=B(s,p)}}return s},t}(),Oe=nt.createContext(void 0);Oe.Consumer;var Tt={};function Mr(t,e,r){var n=Ht(t),s=t,o=!Ot(t),a=e.attrs,c=a===void 0?_t:a,i=e.componentId,l=i===void 0?function(C,E){var y=typeof C!="string"?"sc":Vt(C);Tt[y]=(Tt[y]||0)+1;var f="".concat(y,"-").concat(hr(Et+y+Tt[y]));return E?"".concat(E,"-").concat(f):f}(e.displayName,e.parentComponentId):i,d=e.displayName,g=d===void 0?function(C){return Ot(C)?"styled.".concat(C):"Styled(".concat(dr(C),")")}(t):d,m=e.displayName&&e.componentId?"".concat(Vt(e.displayName),"-").concat(e.componentId):e.componentId||l,p=n&&s.attrs?s.attrs.concat(c).filter(Boolean):c,S=e.shouldForwardProp;if(n&&s.shouldForwardProp){var x=s.shouldForwardProp;if(e.shouldForwardProp){var $=e.shouldForwardProp;S=function(C,E){return x(C,E)&&$(C,E)}}else S=x}var A=new Lr(r,m,n?s.componentStyle:void 0);function w(C,E){return function(y,f,Q){var at=y.attrs,De=y.componentStyle,je=y.defaultProps,ze=y.foldedComponentIds,Fe=y.styledComponentId,Ge=y.target,Be=nt.useContext(Oe),Le=ae(),Rt=y.shouldForwardProp||Le.shouldForwardProp,Kt=cr(f,Be,je)||U,T=function(ct,X,ut){for(var tt,G=R(R({},X),{className:void 0,theme:ut}),Pt=0;Pt<ct.length;Pt+=1){var ft=Z(tt=ct[Pt])?tt(G):tt;for(var z in ft)G[z]=z==="className"?B(G[z],ft[z]):z==="style"?R(R({},G[z]),ft[z]):ft[z]}return X.className&&(G.className=B(G.className,X.className)),G}(at,f,Kt),it=T.as||Ge,V={};for(var j in T)T[j]===void 0||j[0]==="$"||j==="as"||j==="theme"&&T.theme===Kt||(j==="forwardedAs"?V.as=T.forwardedAs:Rt&&!Rt(j,it)||(V[j]=T[j]));var Ut=function(ct,X){var ut=ae(),tt=ct.generateAndInjectStyles(X,ut.styleSheet,ut.stylis);return tt}(De,T),$t=B(ze,Fe);return Ut&&($t+=" "+Ut),T.className&&($t+=" "+T.className),V[Ot(it)&&!Se.has(it)?"class":"className"]=$t,V.ref=Q,fe.createElement(it,V)}(b,C,E)}w.displayName=g;var b=nt.forwardRef(w);return b.attrs=p,b.componentStyle=A,b.displayName=g,b.shouldForwardProp=S,b.foldedComponentIds=n?B(s.foldedComponentIds,s.styledComponentId):"",b.styledComponentId=m,b.target=n?s.target:t,Object.defineProperty(b,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(C){this._foldedDefaultProps=n?function(E){for(var y=[],f=1;f<arguments.length;f++)y[f-1]=arguments[f];for(var Q=0,at=y;Q<at.length;Q++)Gt(E,at[Q],!0);return E}({},s.defaultProps,C):C}}),qt(b,function(){return".".concat(b.styledComponentId)}),o&&Ee(b,t,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0}),b}function ce(t,e){for(var r=[t[0]],n=0,s=e.length;n<s;n+=1)r.push(e[n],t[n+1]);return r}var ue=function(t){return Object.assign(t,{isCss:!0})};function Yr(t){for(var e=[],r=1;r<arguments.length;r++)e[r-1]=arguments[r];if(Z(t)||st(t))return ue(M(ce(_t,vt([t],e,!0))));var n=t;return e.length===0&&n.length===1&&typeof n[0]=="string"?M(n):ue(M(ce(n,e)))}function Lt(t,e,r){if(r===void 0&&(r=U),!e)throw ot(1,e);var n=function(s){for(var o=[],a=1;a<arguments.length;a++)o[a-1]=arguments[a];return t(e,r,Yr.apply(void 0,vt([s],o,!1)))};return n.attrs=function(s){return Lt(t,e,R(R({},r),{attrs:Array.prototype.concat(r.attrs,s).filter(Boolean)}))},n.withConfig=function(s){return Lt(t,e,R(R({},r),s))},n}var Te=function(t){return Lt(Mr,t)},Wr=Te;Se.forEach(function(t){Wr[t]=Te(t)});export{Wr as d,Yr as l};
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
import{j as n}from"./jsx-runtime-eps93zm2.js";import{r as S}from"./index-DhsZuJvc.js";import{c as T}from"./index-Bk2sglWO.js";import{I as Le,D as We,C as Fe,P as Pe}from"./index.es-DazXb-ul.js";import{l as De}from"./lodash-BHd_uQHh.js";import{A as ae}from"./actions-B-KaMy86.js";import{H as Oe}from"./heading-CRNoBc7q.js";import{P as $e}from"./pagination-C_0Lfz0Y.js";import{A as f,I as B}from"./common-types-Sih75Sav.js";import{I as Be}from"./input-DFNY9YDm.js";import{N as Me}from"./number-input-B6I6KkcP.js";import{S as Ge}from"./select-BFv5KuOX.js";import{D as Ve}from"./disabled-context-rmpd7YJS.js";import{i as M}from"./types-UmZ4Y_CR.js";import{T as oe}from"./tooltip-1V7clEnw.js";import{C as Ue}from"./check-box-BtCGePRy.js";import{S as ze}from"./slider-BeJzxarD.js";import{I as G}from"./icon-BSFY3vDO.js";import{P as Ke}from"./popover-IH58FliU.js";import{H as fe}from"./help-icon-Buhx5nl6.js";import{T as Y}from"./text-B3-TSWok.js";const Xe="_inputInTable_k0mvt_1",Ye="_error_k0mvt_7",Je="_warning_k0mvt_7",Qe="_inputHover_k0mvt_13",Ze="_inputFocus_k0mvt_18",en="_inputError_k0mvt_25",nn="_inputWarning_k0mvt_26",tn="_inputDisabled_k0mvt_61",rn="_hideScrollbars_k0mvt_67",an="_wrapper_k0mvt_85",on="_bordered_k0mvt_93",sn="_scroll_k0mvt_98",ln="_table_k0mvt_108",dn="_striped_k0mvt_188",L={inputInTable:Xe,error:Ye,warning:Je,inputHover:Qe,inputFocus:Ze,inputError:en,inputWarning:nn,inputDisabled:tn,hideScrollbars:rn,wrapper:an,bordered:on,scroll:sn,table:ln,striped:dn},un="_title_zn5s7_1",cn={title:un},Q=({name:e=null,actions:t=null,actionsRight:r=!1,testId:o})=>{const a=e!==null,i=t!==null;if(!a&&!i)return null;const l=()=>{if(!i)return null;const c=n.jsx(ae,{actions:t});return r?c:n.jsx("div",{children:c})};return n.jsxs("div",{className:cn.title,children:[a?n.jsx(Oe,{children:n.jsx("span",{"data-testid":o,children:e})}):null,l()]})};Q.__docgenInfo={description:"",methods:[],displayName:"Title",props:{name:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | ReactNode",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactNode"}]},description:"",defaultValue:{value:"null",computed:!1}},actions:{required:!1,tsType:{name:"any"},description:"",defaultValue:{value:"null",computed:!1}},actionsRight:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},testId:{required:!1,tsType:{name:"string"},description:""}}};const mn="_footer_4sumy_1",pn="_section_4sumy_7",J={footer:mn,section:pn},Z=({colSpan:e,pagination:t,actions:r,content:o})=>{const a=r&&r.length,i=o!=null,l=()=>{var d,m;if(t){const{rowCount:u,rowsPerPage:y}=t,I=Number((m=(d=y==null?void 0:y.options)==null?void 0:d[0])==null?void 0:m.value);return u>I}return!1};return a||i||l()?n.jsxs("div",{className:J.footer,children:[i?n.jsx("div",{className:J.section,children:n.jsx("div",{children:o})}):null,a||l()?n.jsxs("div",{className:J.section,children:[l()?n.jsx($e,{pagination:t}):n.jsx("div",{}),a&&n.jsx("div",{children:n.jsx(ae,{actions:r})})]}):null]}):null};Z.__docgenInfo={description:"",methods:[],displayName:"Footer",props:{colSpan:{required:!1,tsType:{name:"number"},description:""},pagination:{required:!0,tsType:{name:"IPagination"},description:""},actions:{required:!1,tsType:{name:"Array",elements:[{name:"IAction"}],raw:"IAction[]"},description:""},content:{required:!1,tsType:{name:"ReactNode"},description:""}}};const Ce=e=>{const t=Math.max(...e.reduce((r,o)=>{const a=o.cells.map(i=>i.colSpan?i.colSpan:1).reduce((i,l)=>i+l,0);return r.concat(a)},[]));return isNaN(t)?0:t},gn=(e,t)=>{const r=[Ce(t),Ce(e)];return Math.max(...r)},be=e=>e.reduce((t,r)=>r.actions&&r.actions.length>0?1:t,0),In=(e,t)=>be(t)>0||be(e)>0,ee=({table:e,children:t})=>{const{rows:r,infiniteScroll:o}=e,a=Math.ceil(window.innerHeight/30),[i,l]=o?S.useState(a):[r.length,null],[c,d]=o?S.useState(i<r.length):[!1,null],m=()=>{if(i>=r.length&&d){d(!1);return}l&&l(i+a)};return n.jsx("div",{id:"scrollWrapper",className:L.scroll,children:o?n.jsx(Le,{dataLength:Math.min(r.length,i+a),next:m,hasMore:c,scrollableTarget:"scrollWrapper",style:{overflow:"initial"},loader:null,children:t({visibleRows:i})}):t({visibleRows:i})})};ee.__docgenInfo={description:"",methods:[],displayName:"TableScrollWrapper",props:{table:{required:!0,tsType:{name:"ITableProps"},description:""},children:{required:!0,tsType:{name:"signature",type:"function",raw:"(props: { visibleRows: number }) => ReactNode",signature:{arguments:[{type:{name:"signature",type:"object",raw:"{ visibleRows: number }",signature:{properties:[{key:"visibleRows",value:{name:"number",required:!0}}]}},name:"props"}],return:{name:"ReactNode"}}},description:""}}};const yn="_clickableRow_1ki29_1",Cn="_hoverableRow_1ki29_4",bn="_rowActive_1ki29_4",hn="_expandableRow_1ki29_8",fn="_flush_1ki29_8",_n="_errorRow_1ki29_12",wn="_warningRow_1ki29_15",vn="_dragIconCell_1ki29_34",xn="_dragIcon_1ki29_34",h={clickableRow:yn,hoverableRow:Cn,rowActive:bn,expandableRow:hn,flush:fn,errorRow:_n,warningRow:wn,dragIconCell:vn,dragIcon:xn},ne=({colSpan:e,children:t,flush:r})=>n.jsx("tr",{children:n.jsx("td",{colSpan:e,className:T(h.expandableRow,r?h.flush:""),children:t})});ne.__docgenInfo={description:"",methods:[],displayName:"ExpandedContentRow",props:{colSpan:{required:!0,tsType:{name:"number"},description:""},children:{required:!0,tsType:{name:"ReactNode"},description:""},flush:{required:!1,tsType:{name:"boolean"},description:""}}};const he=(e,t={leftAligned:"",rightAligned:"",centerAligned:""},r=!1)=>{if(!e)return null;const{bodyAlignment:o,headerAlignment:a,isHeader:i}=e;switch(i&&a?a:o){case f.LEFT:return r?f.LEFT:t.leftAligned;case f.RIGHT:return r?f.RIGHT:t.rightAligned;case f.CENTER:return r?f.CENTER:t.centerAligned;default:return r?f.LEFT:t.leftAligned}},Tn=(e,t=!1,r=0)=>{if(!e||e.length===0)return[];const o=e.every(i=>Array.isArray(i)),a=e.every(i=>typeof i=="string");return o&&t?e[r]||[]:a?e:(console.warn("getHeaderAlignment: alignments array contains a mix of strings and arrays, returning an empty array."),[])},jn="_inputInTable_1rtjr_1",kn="_error_1rtjr_7",An="_warning_1rtjr_7",Rn="_inputHover_1rtjr_13",qn="_inputFocus_1rtjr_18",Nn="_inputError_1rtjr_25",Sn="_inputWarning_1rtjr_26",En="_inputDisabled_1rtjr_61",Hn="_hideScrollbars_1rtjr_67",Ln="_cell_1rtjr_77",Wn="_disabledLink_1rtjr_87",Fn="_inputWrapper_1rtjr_91",Pn="_breakWord_1rtjr_106",Dn="_inputCell_1rtjr_109",On="_sliderCell_1rtjr_112",$n="_staticCell_1rtjr_116",Bn="_staticCellContent_1rtjr_119",Mn="_unit_1rtjr_141",Gn="_sortingCell_1rtjr_144",Vn="_sortingCellIcon_1rtjr_155",Un="_icon_1rtjr_166",zn="_checkBoxCell_1rtjr_170",Kn="_iconCellWrapper_1rtjr_174",Xn="_actionsCell_1rtjr_178",Yn="_rightAligned_1rtjr_186",Jn="_centerAligned_1rtjr_192",Qn="_leftAligned_1rtjr_198",Zn="_popover_1rtjr_201",et="_disabledPointerEvents_1rtjr_204",s={inputInTable:jn,error:kn,warning:An,inputHover:Rn,inputFocus:qn,inputError:Nn,inputWarning:Sn,inputDisabled:En,hideScrollbars:Hn,cell:Ln,disabledLink:Wn,inputWrapper:Fn,breakWord:Pn,inputCell:Dn,sliderCell:On,staticCell:$n,staticCellContent:Bn,unit:Mn,sortingCell:Gn,sortingCellIcon:Vn,icon:Un,checkBoxCell:zn,iconCellWrapper:Kn,actionsCell:Xn,rightAligned:Yn,centerAligned:Jn,leftAligned:Qn,popover:Zn,disabledPointerEvents:et},te=({cell:e,columnAlignment:t,testId:r,type:o})=>n.jsx(Be,{name:e.name,value:e.value,onChange:a=>{var i;return(i=e.onChange)==null?void 0:i.call(e,a)},onFocus:e.onFocus,onBlur:e.onBlur,onPaste:a=>{var i;return(i=e.onPaste)==null?void 0:i.call(e,a)},placeholder:e.placeholder,error:e.error,warning:e.warning,disabled:e.disabled,isInTable:!0,maxTooltipWidth:e.maxTooltipWidth,right:t===f.RIGHT,testId:r,tabIndex:e.disabled?-1:0,tooltip:e.tooltip,type:o});te.__docgenInfo={description:"",methods:[],displayName:"InputCell",props:{cell:{required:!0,tsType:{name:"IInputCell"},description:""},columnAlignment:{required:!1,tsType:{name:"union",raw:"Align.LEFT | Align.RIGHT | string",elements:[{name:"Align.LEFT"},{name:"Align.RIGHT"},{name:"string"}]},description:""},testId:{required:!1,tsType:{name:"string"},description:""},type:{required:!1,tsType:{name:"union",raw:"'text' | 'date'",elements:[{name:"literal",value:"'text'"},{name:"literal",value:"'date'"}]},description:""}}};const _e=({cell:e,testId:t})=>n.jsx(Me,{name:e.name,value:e.value,onChange:r=>{var o;return(o=e.onChange)==null?void 0:o.call(e,r)},onFocus:e.onFocus,onBlur:e.onBlur,placeholder:e.placeholder,error:e.error,warning:e.warning,disabled:e.disabled,isInTable:!0,left:e.left,tabIndex:e.disabled?-1:0,testId:t,tooltip:e.tooltip,validationCallback:e.validationCallback,allowEmpty:e.allowEmpty,enableDisplayRounding:e.enableDisplayRounding,roundDisplayValue:e.roundDisplayValue});_e.__docgenInfo={description:"",methods:[],displayName:"NumberInputCell",props:{cell:{required:!0,tsType:{name:"INumberInputCell"},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const we=({cell:e,columnAlignment:t,testId:r})=>n.jsx(Ge,{name:e.name,borderRadius:0,options:e.options,onChange:o=>{var a;return(a=e.onChange)==null?void 0:a.call(e,o)},onCreate:e.onCreate?o=>e.onCreate&&e.onCreate(o):void 0,error:e.error,warning:e.warning,disabled:e.disabled,placeholder:e.placeholder,isInTable:!0,value:e.value,native:e.native,clearable:e.clearable,searchable:e.searchable,deprecatedEventHandler:e.deprecatedEventHandler,maxTooltipWidth:e.maxTooltipWidth,width:"100%",autoLayerWidth:e.autoLayerWidth,multi:e.multi,right:t===f.RIGHT,testId:r,tabIndex:e.disabled?-1:0});we.__docgenInfo={description:"",methods:[],displayName:"SelectCell",props:{cell:{required:!0,tsType:{name:"ISelectCell"},description:""},columnAlignment:{required:!1,tsType:{name:"union",raw:"Align.LEFT | Align.RIGHT | string",elements:[{name:"Align.LEFT"},{name:"Align.RIGHT"},{name:"string"}]},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const ve=({cell:e,columnAlignment:t,testId:r})=>n.jsx("div",{className:s.inputWrapper,children:e.type==="Input"?n.jsx(te,{cell:e,columnAlignment:t,testId:r}):e.type==="NumberInput"?n.jsx(_e,{cell:e,testId:r}):e.type==="DateInput"?n.jsx(te,{cell:e,testId:r,type:"date"}):e.type==="Select"?n.jsx(we,{cell:e,columnAlignment:t,testId:r}):null});ve.__docgenInfo={description:"",methods:[],displayName:"InputCellWrapper",props:{cell:{required:!0,tsType:{name:"any"},description:""},columnAlignment:{required:!0,tsType:{name:"union",raw:"Align.LEFT | Align.RIGHT | string",elements:[{name:"Align.LEFT"},{name:"Align.RIGHT"},{name:"string"}]},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const xe=({cell:e,testId:t})=>{const r=S.useContext(Ve),{error:o,warning:a,tooltip:i,maxTooltipWidth:l}=e,c=d=>M(d);return n.jsx("div",{className:s.inputWrapper,children:n.jsx(oe,{error:!!o,warning:!!a,text:i||o||a,enabled:c(i)||c(o)||c(a)||!1,maxWidth:l,placement:"bottom-center",children:n.jsx("div",{className:T(s.staticCellContent,o?s.error:a?s.warning:""),children:n.jsx("a",{className:T((e.disabled||r)&&s.disabledLink),onClick:e.disabled||r?void 0:d=>{var m;d.stopPropagation(),(m=e.onClick)==null||m.call(e,d)},"data-testid":t,children:e.value})})})})};xe.__docgenInfo={description:"",methods:[],displayName:"LinkCell",props:{cell:{required:!0,tsType:{name:"ILinkCell"},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const Te=({cell:e,testId:t})=>n.jsx(Ue,{label:e.label,checked:e.checked,isInTable:!0,disabled:e.disabled,onChange:r=>e.onChange(r),testId:t,tabIndex:e.disabled?-1:0});Te.__docgenInfo={description:"",methods:[],displayName:"CheckBoxCell",props:{cell:{required:!0,tsType:{name:"ICheckBoxCell"},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const je=({cell:e})=>n.jsx("div",{className:s.inputWrapper,children:n.jsx(ze,{label:e.label,value:e.value,min:e.min,max:e.max,step:e.step,marks:e.marks,onChange:t=>e.onChange(t),showArrows:e.showArrows,showTooltip:e.showTooltip,tooltipFormatter:e.tooltipFormatter,disabled:e.disabled})});je.__docgenInfo={description:"",methods:[],displayName:"SliderCell",props:{cell:{required:!0,tsType:{name:"ISliderCell"},description:""}}};const ke=({cell:e})=>{const{tooltip:t,icon:r}=e;return n.jsx("div",{className:s.iconCellWrapper,children:n.jsx(oe,{text:t,enabled:!!t&&M(t),display:"flex",placement:"top-center",children:n.jsx(G,{icon:r})})})};ke.__docgenInfo={description:"",methods:[],displayName:"IconCell",props:{cell:{required:!0,tsType:{name:"IIconCell"},description:""}}};const Ae=({cell:e})=>n.jsx(ae,{actions:e.actions});Ae.__docgenInfo={description:"",methods:[],displayName:"ActionsCell",props:{cell:{required:!0,tsType:{name:"IActionCell"},description:""}}};const Re=({cell:e})=>{const{helpIcon:t}=e;return t?n.jsx("div",{className:s.icon,children:n.jsx(fe,{onClick:t.onClick,text:t.tooltip})}):null};Re.__docgenInfo={description:"",methods:[],displayName:"CellHelpIcon",props:{cell:{required:!0,tsType:{name:"IHelpIconCell"},description:""}}};const qe=({cell:e})=>{const{libraryIcon:t}=e;return t?n.jsx("div",{className:s.icon,children:n.jsx(fe,{onClick:t.onClick,text:t.tooltip,icon:B.LIBRARY})}):null};qe.__docgenInfo={description:"",methods:[],displayName:"CellLibraryIcon",props:{cell:{required:!0,tsType:{name:"ILibraryIconCell"},description:""}}};const Ne=({cell:e})=>{const{hasSort:t,sort:r,sortPriority:o}=e;return t?n.jsxs("span",{className:s.sortingCellIcon,children:[r==="down"?n.jsx(Y,{link:!0,children:n.jsx(G,{icon:B.SORT_ASCENDING})}):r==="up"?n.jsx(Y,{link:!0,children:n.jsx(G,{icon:B.SORT_DESCENDING})}):n.jsx(Y,{faint:!0,children:n.jsx(G,{icon:B.SORT_DESCENDING})}),o&&r?n.jsx("sup",{children:o}):null]}):null};Ne.__docgenInfo={description:"",methods:[],displayName:"Sort",props:{cell:{required:!0,tsType:{name:"ISortCell"},description:""}}};const ie=({cell:e,isHeader:t,testId:r})=>{const{error:o,warning:a,tooltip:i,maxTooltipWidth:l,hasSort:c,onSort:d,type:m}=e,u=n.jsxs("div",{className:T(s.staticCellContent,m==="Unit"?s.unit:"",o?s.error:a?s.warning:""),onClick:c?y=>d&&d(y):()=>{},"data-testid":r,children:[e.value,t?n.jsxs(n.Fragment,{children:[n.jsx(Re,{cell:e}),n.jsx(qe,{cell:e}),n.jsx(Ne,{cell:e})]}):null]});return n.jsx("div",{className:s.inputWrapper,children:n.jsx(oe,{error:!!o,warning:!!a,text:i||o||a,enabled:i&&M(i)||o&&M(o)||a&&M(a)||!1,maxWidth:l,display:"block",placement:"bottom-center",children:u})})};ie.__docgenInfo={description:"",methods:[],displayName:"StaticCell",props:{cell:{required:!0,tsType:{name:"IStaticCell"},description:""},isHeader:{required:!1,tsType:{name:"boolean"},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const Se=({cell:e,testId:t})=>{const{content:r,fullWidth:o,closeOnOutsideClick:a,disabled:i}=e;return n.jsx(Ke,{content:r,fullWidth:o,closeOnOutsideClick:a,disabled:i,children:n.jsx("div",{className:s.popover,children:n.jsx(ie,{cell:e,testId:t})})})};Se.__docgenInfo={description:"",methods:[],displayName:"PopoverCell",props:{cell:{required:!0,tsType:{name:"IPopoverCell"},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const Ee=({cell:e,isHeader:t,columnAlignment:r,testId:o})=>{if(!e)return null;switch(e.type){case"Input":case"NumberInput":case"DateInput":case"Select":return n.jsx(ve,{cell:e,columnAlignment:r,testId:o});case"Link":return n.jsx(xe,{cell:e,testId:o});case"CheckBox":return n.jsx(Te,{cell:e,testId:o});case"Slider":return n.jsx(je,{cell:e});case"Icon":return n.jsx(ke,{cell:e});case"Actions":return n.jsx(Ae,{cell:e});case"Popover":return n.jsx(Se,{cell:e});default:return n.jsx(ie,{cell:e,isHeader:t,testId:o})}};Ee.__docgenInfo={description:"",methods:[],displayName:"CellWrapper",props:{cell:{required:!0,tsType:{name:"any"},description:""},isHeader:{required:!0,tsType:{name:"boolean"},description:""},columnAlignment:{required:!0,tsType:{name:"union",raw:"Align.LEFT | Align.RIGHT | string",elements:[{name:"Align.LEFT"},{name:"Align.RIGHT"},{name:"string"}]},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};var A=(e=>(e.INPUT="Input",e.NUMBER_INPUT="NumberInput",e.SELECT="Select",e.POPOVER="Popover",e.SLIDER="Slider",e.CHECKBOX="CheckBox",e.ACTIONS="Actions",e.AUTO_UNIT="AutoUnit",e))(A||{});const re=({cell:e,isHeader:t,columnHeaderAlignment:r,columnAlignment:o=f.LEFT,width:a,snapshot:i,testId:l})=>{if(!e)return null;const{style:c,colSpan:d,rowSpan:m,width:u}=e,y=S.useRef(null),I={bodyAlignment:o,headerAlignment:r,isHeader:t},W=he(I,s),_=he(I,s,!0),F=e.type===A.INPUT||e.type===A.NUMBER_INPUT||e.type===A.SELECT||e.type===A.POPOVER?s.inputCell:e.type===A.SLIDER?s.sliderCell:e.type===A.CHECKBOX?s.checkBoxCell:e.type===A.ACTIONS?s.actionsCell:s.staticCell,j=T(s.cell,F,e.hasSort?s.sortingCell:null,W,e.breakWord?s.breakWord:""),E=u??a??((i==null?void 0:i.isDragging)&&y.current&&y.current.offsetWidth)??void 0,w={width:E,minWidth:E,...c},k=t?"th":"td";return n.jsx(k,{ref:y,className:j,style:w,colSpan:d,rowSpan:m,children:n.jsx(Ee,{cell:e,columnAlignment:_??f.RIGHT,isHeader:t,testId:l})})};re.__docgenInfo={description:"",methods:[],displayName:"Cell",props:{cell:{required:!1,tsType:{name:"union",raw:`| IPopoverCell
|
|
2
|
+
| IStaticCell
|
|
3
|
+
| ISelectCell
|
|
4
|
+
| IHelpIconCell
|
|
5
|
+
| ILibraryIconCell
|
|
6
|
+
| ICheckBoxCell
|
|
7
|
+
| IIconCell
|
|
8
|
+
| IInputCell
|
|
9
|
+
| ILinkCell
|
|
10
|
+
| INumberInputCell
|
|
11
|
+
| IActionCell
|
|
12
|
+
| ISortCell
|
|
13
|
+
| ISliderCell
|
|
14
|
+
| ISimpleCell`,elements:[{name:"IPopoverCell"},{name:"IStaticCell"},{name:"ISelectCell"},{name:"IHelpIconCell"},{name:"ILibraryIconCell"},{name:"ICheckBoxCell"},{name:"IIconCell"},{name:"IInputCell"},{name:"ILinkCell"},{name:"INumberInputCell"},{name:"IActionCell"},{name:"ISortCell"},{name:"ISliderCell"},{name:"ISimpleCell"}]},description:""},isHeader:{required:!0,tsType:{name:"boolean"},description:""},columnHeaderAlignment:{required:!1,tsType:{name:"string"},description:""},columnAlignment:{required:!1,tsType:{name:"union",raw:"Align.LEFT | Align.RIGHT | null",elements:[{name:"Align.LEFT"},{name:"Align.RIGHT"},{name:"null"}]},description:"",defaultValue:{value:"Align.LEFT",computed:!0}},width:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},snapshot:{required:!1,tsType:{name:"any"},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const $=({row:e,rowIndex:t,isHeader:r=!1,columnCount:o,colSpan:a,columnHeaderAlignments:i=[],columnAlignment:l=[],hasRowActions:c,draggableTable:d=!1,snapshot:m=null,provided:u=null,width:y,columnWidths:I,testId:W})=>{const _=S.useRef(null),F=Tn(i,r,t),{onRowClick:j,onRowFocus:E,onRowMouseEnter:w,onRowMouseLeave:k,expandedContent:v,error:K,warning:P,active:H}=e,R=e.cells.map((b,N)=>{const O=`${r?0:1}_${t}_${N}`;return n.jsx(re,{cell:b,isHeader:r,columnAlignment:l[N],columnHeaderAlignment:F[N],width:I?I[N]:void 0,snapshot:m,testId:b.testId},O)}),q=c&&n.jsx(re,{cell:{type:A.ACTIONS,actions:e.actions},isHeader:r},o),X=(b,N)=>({minWidth:b&&`${y}px`,width:b&&"100%",display:b&&"table",background:b&&"var(--color-background-listitem-active)",border:b&&"var(--color-border)",borderTop:b&&0,opacity:b&&.1,...N}),V=()=>e.noDrag?n.jsx("td",{"aria-labelledby":"unique-label-id"}):n.jsx("td",{className:h.dragIconCell,children:n.jsx("div",{...u.dragHandleProps,className:h.dragIcon,children:n.jsx(G,{icon:B.DRAG})})});return r?n.jsxs(n.Fragment,{children:[n.jsxs("tr",{ref:_,onClick:j,onMouseEnter:w,onMouseLeave:k,onFocus:E,className:T(j?h.clickableRow:null,w?h.hoverableRow:null),children:[d?n.jsx("th",{}):null,R,q]},t),v&&v.content?n.jsx(ne,{colSpan:a,flush:v.flush===!0,children:v.content},`${t}_expanded_content`):null]}):n.jsxs(n.Fragment,{children:[n.jsxs("tr",{onClick:j,onMouseEnter:w,onMouseLeave:k,onFocus:E,className:T(j&&!j.noStyle?h.clickableRow:null,w&&!w.noStyle?h.hoverableRow:null,H?h.rowActive:null,K?h.errorRow:null,P?h.warningRow:null),ref:(u==null?void 0:u.innerRef)||null,...(u==null?void 0:u.draggableProps)||null,style:m&&u?X(m.isDragging,u.draggableProps.style):null,children:[d?V():null,R,q]},t),v&&v.content?n.jsx(ne,{colSpan:a,flush:v.flush===!0,children:v.content},`${t}_expanded_content`):null]})};$.__docgenInfo={description:"",methods:[],displayName:"Row",props:{row:{required:!0,tsType:{name:"signature",type:"object",raw:`{
|
|
15
|
+
active?: boolean;
|
|
16
|
+
error?: boolean;
|
|
17
|
+
warning?: boolean;
|
|
18
|
+
cells: TCellShape[];
|
|
19
|
+
noDrag?: boolean;
|
|
20
|
+
onRowClick?: IOnRowClickFunction;
|
|
21
|
+
onRowFocus?: IOnRowClickFunction;
|
|
22
|
+
onRowMouseEnter?: IOnRowClickFunction;
|
|
23
|
+
onRowMouseLeave?: IOnRowClickFunction;
|
|
24
|
+
expandedContent?: {
|
|
25
|
+
content: ReactNode;
|
|
26
|
+
flush?: boolean;
|
|
27
|
+
};
|
|
28
|
+
actions?: any[];
|
|
29
|
+
}`,signature:{properties:[{key:"active",value:{name:"boolean",required:!1}},{key:"error",value:{name:"boolean",required:!1}},{key:"warning",value:{name:"boolean",required:!1}},{key:"cells",value:{name:"Array",elements:[{name:"union",raw:`| IPopoverCell
|
|
30
|
+
| IStaticCell
|
|
31
|
+
| ISelectCell
|
|
32
|
+
| IHelpIconCell
|
|
33
|
+
| ILibraryIconCell
|
|
34
|
+
| ICheckBoxCell
|
|
35
|
+
| IIconCell
|
|
36
|
+
| IInputCell
|
|
37
|
+
| ILinkCell
|
|
38
|
+
| INumberInputCell
|
|
39
|
+
| IActionCell
|
|
40
|
+
| ISortCell
|
|
41
|
+
| ISliderCell
|
|
42
|
+
| ISimpleCell`,elements:[{name:"IPopoverCell"},{name:"IStaticCell"},{name:"ISelectCell"},{name:"IHelpIconCell"},{name:"ILibraryIconCell"},{name:"ICheckBoxCell"},{name:"IIconCell"},{name:"IInputCell"},{name:"ILinkCell"},{name:"INumberInputCell"},{name:"IActionCell"},{name:"ISortCell"},{name:"ISliderCell"},{name:"ISimpleCell"}]}],raw:"TCellShape[]",required:!0}},{key:"noDrag",value:{name:"boolean",required:!1}},{key:"onRowClick",value:{name:"IOnRowClickFunction",required:!1}},{key:"onRowFocus",value:{name:"IOnRowClickFunction",required:!1}},{key:"onRowMouseEnter",value:{name:"IOnRowClickFunction",required:!1}},{key:"onRowMouseLeave",value:{name:"IOnRowClickFunction",required:!1}},{key:"expandedContent",value:{name:"signature",type:"object",raw:`{
|
|
43
|
+
content: ReactNode;
|
|
44
|
+
flush?: boolean;
|
|
45
|
+
}`,signature:{properties:[{key:"content",value:{name:"ReactNode",required:!0}},{key:"flush",value:{name:"boolean",required:!1}}]},required:!1}},{key:"actions",value:{name:"Array",elements:[{name:"any"}],raw:"any[]",required:!1}}]}},description:""},rowIndex:{required:!0,tsType:{name:"number"},description:""},isHeader:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},columnCount:{required:!0,tsType:{name:"number"},description:""},colSpan:{required:!0,tsType:{name:"number"},description:""},columnHeaderAlignments:{required:!1,tsType:{name:"union",raw:"string[] | string[][]",elements:[{name:"Array",elements:[{name:"string"}],raw:"string[]"},{name:"Array",elements:[{name:"Array",elements:[{name:"string"}],raw:"string[]"}],raw:"string[][]"}]},description:"",defaultValue:{value:"[]",computed:!1}},columnAlignment:{required:!1,tsType:{name:"Array",elements:[{name:"string"}],raw:"string[]"},description:"",defaultValue:{value:"[]",computed:!1}},hasRowActions:{required:!0,tsType:{name:"boolean"},description:""},draggableTable:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},snapshot:{required:!1,tsType:{name:"any"},description:"",defaultValue:{value:"null",computed:!1}},provided:{required:!1,tsType:{name:"any"},description:"",defaultValue:{value:"null",computed:!1}},width:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},columnWidths:{required:!1,tsType:{name:"Array",elements:[{name:"string"}],raw:"string[]"},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const nt=e=>{var ue,ce,me,pe,ge,Ie,ye;const{onListReorder:t=()=>{},table:r}=e,{columnWidths:o,footer:a,name:i,rows:l=[],actions:c,actionsRight:d,columnHeaderAlignments:m,columnAlignment:u,striped:y=!0,testId:I,draggable:W,defaultEmptyRow:_=null,onAddRow:F=null,bordered:j=!0,maxHeight:E,fixedWidth:w}=r,k=S.useRef(null),[v,K]=S.useState({width:0,height:0});S.useEffect(()=>{k.current&&K({width:k.current.offsetWidth,height:k.current.offsetHeight})},[]);const P=De.get(e,"table.headers",[]),H=gn(l,P),R=In(l,P),q=H+(R?1:0),X=a?((ce=(ue=a==null?void 0:a.pagination)==null?void 0:ue.rowsPerPage)==null?void 0:ce.value)===0||Number((me=a==null?void 0:a.pagination)==null?void 0:me.selectedPage)>=Number((pe=a==null?void 0:a.pagination)==null?void 0:pe.rowCount)/Number((Ie=(ge=a==null?void 0:a.pagination)==null?void 0:ge.rowsPerPage)==null?void 0:Ie.value):!0,V=((ye=_==null?void 0:_.cells)==null?void 0:ye.length)&&F&&X,N={cells:V?_.cells.map((p,x)=>(p==null?void 0:p.type)==="Input"?{...p,onChange:g=>{var U;const C=(U=g==null?void 0:g.target)==null?void 0:U.value,D={..._,cells:_.cells.map((z,He)=>({...z,value:He===x?C:z==null?void 0:z.value}))};F({newRow:D})}}:{...p,disabled:!0}):null,testId:I?`${I}-last-empty-row`:void 0},O=V?l.concat(N):l,se={...r,rows:O},le=T(L.wrapper,j?L.bordered:""),de={maxHeight:E,width:w,display:w==="auto"?"inline-flex":"flex"};return W?n.jsxs("div",{ref:k,className:le,style:de,children:[n.jsx(Q,{actions:c,actionsRight:d,name:i,testId:I&&`${I}-title`}),n.jsx(We,{onDragEnd:p=>{var C,D;const x=(C=p==null?void 0:p.source)==null?void 0:C.index,g=(D=p==null?void 0:p.destination)==null?void 0:D.index;typeof x=="number"&&typeof g=="number"&&t({from:x,to:g})},children:n.jsx(Fe,{droppableId:"droppable",children:p=>n.jsx(ee,{table:se,children:({visibleRows:x})=>n.jsxs("table",{className:T(L.table,y?L.striped:""),"data-testid":I,ref:p.innerRef,children:[n.jsx("thead",{children:P.map((g,C)=>n.jsx($,{rowIndex:C,isHeader:!0,row:g,columnCount:H,columnWidths:o,colSpan:q,hasRowActions:R,columnAlignment:u,columnHeaderAlignments:m,draggableTable:W},`0_${C}`))}),n.jsxs("tbody",{children:[O.slice(0,x).map((g,C)=>n.jsx(Pe,{draggableId:C+"",index:C,isDragDisabled:g.noDrag,children:(D,U)=>n.jsx($,{rowIndex:C,row:g,columnCount:H,columnWidths:o,colSpan:q,hasRowActions:R,columnAlignment:u,provided:D,snapshot:U,draggableTable:W,width:v.width},`1_${C}`)},`index_${C}`)),p.placeholder]})]})})})}),a&&n.jsx(Z,{pagination:a.pagination,actions:a.actions,content:a.content})]}):n.jsxs("div",{className:le,style:de,children:[n.jsx(Q,{actions:c,actionsRight:d,name:i,testId:I&&`${I}-title`}),n.jsx(ee,{table:se,children:({visibleRows:p})=>n.jsxs("table",{className:T(L.table,y?L.striped:""),"data-testid":I,children:[n.jsx("thead",{children:P.map((x,g)=>n.jsx($,{rowIndex:g,isHeader:!0,row:x,columnCount:H,columnWidths:o,colSpan:q,hasRowActions:R,columnAlignment:u,columnHeaderAlignments:m},`0_${g}`))}),n.jsx("tbody",{children:O.slice(0,p).map((x,g)=>n.jsx($,{rowIndex:g,row:x,columnCount:H,columnWidths:o,colSpan:q,hasRowActions:R,columnAlignment:u},`1_${g}`))})]})}),a&&n.jsx(Z,{colSpan:q,pagination:a.pagination,actions:a.actions,content:a.content})]})};nt.__docgenInfo={description:"",methods:[],displayName:"Table",props:{onListReorder:{required:!1,tsType:{name:"signature",type:"function",raw:"(obj: { from: number; to: number }) => void",signature:{arguments:[{type:{name:"signature",type:"object",raw:"{ from: number; to: number }",signature:{properties:[{key:"from",value:{name:"number",required:!0}},{key:"to",value:{name:"number",required:!0}}]}},name:"obj"}],return:{name:"void"}}},description:""},table:{required:!0,tsType:{name:"signature",type:"object",raw:`{
|
|
46
|
+
name?: TStringOrNumber | ReactNode;
|
|
47
|
+
actionsRight?: boolean;
|
|
48
|
+
fixedWidth?: TStringOrNumber;
|
|
49
|
+
maxHeight?: TStringOrNumber;
|
|
50
|
+
columnWidths?: string[];
|
|
51
|
+
className?: string;
|
|
52
|
+
columnHeaderAlignments?: Array<TAlign | string>;
|
|
53
|
+
columnAlignment?: Array<TAlign | string>;
|
|
54
|
+
infiniteScroll?: boolean;
|
|
55
|
+
headers?: any[];
|
|
56
|
+
rows?: TRowsType;
|
|
57
|
+
footer?: IFooterProps;
|
|
58
|
+
draggable?: boolean;
|
|
59
|
+
bordered?: boolean;
|
|
60
|
+
striped?: boolean;
|
|
61
|
+
testId?: string;
|
|
62
|
+
onAddRow?: any;
|
|
63
|
+
defaultEmptyRow?: any;
|
|
64
|
+
stickyHeaders?: string | boolean;
|
|
65
|
+
actions?: any;
|
|
66
|
+
}`,signature:{properties:[{key:"name",value:{name:"union",raw:"TStringOrNumber | ReactNode",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!1},{name:"ReactNode"}],required:!1}},{key:"actionsRight",value:{name:"boolean",required:!1}},{key:"fixedWidth",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!1}},{key:"maxHeight",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!1}},{key:"columnWidths",value:{name:"Array",elements:[{name:"string"}],raw:"string[]",required:!1}},{key:"className",value:{name:"string",required:!1}},{key:"columnHeaderAlignments",value:{name:"Array",elements:[{name:"union",raw:"TAlign | string",elements:[{name:"union",raw:"'left' | 'right' | 'center'",elements:[{name:"literal",value:"'left'"},{name:"literal",value:"'right'"},{name:"literal",value:"'center'"}]},{name:"string"}]}],raw:"Array<TAlign | string>",required:!1}},{key:"columnAlignment",value:{name:"Array",elements:[{name:"union",raw:"TAlign | string",elements:[{name:"union",raw:"'left' | 'right' | 'center'",elements:[{name:"literal",value:"'left'"},{name:"literal",value:"'right'"},{name:"literal",value:"'center'"}]},{name:"string"}]}],raw:"Array<TAlign | string>",required:!1}},{key:"infiniteScroll",value:{name:"boolean",required:!1}},{key:"headers",value:{name:"Array",elements:[{name:"any"}],raw:"any[]",required:!1}},{key:"rows",value:{name:"Array",elements:[{name:"signature",type:"object",raw:`{
|
|
67
|
+
cells: TCellShape[];
|
|
68
|
+
actions?: any[];
|
|
69
|
+
testId?: string;
|
|
70
|
+
noDrag?: boolean;
|
|
71
|
+
onRowMouseEnter?: TEmpty;
|
|
72
|
+
onRowMouseLeave?: TEmpty;
|
|
73
|
+
}`,signature:{properties:[{key:"cells",value:{name:"Array",elements:[{name:"union",raw:`| IPopoverCell
|
|
74
|
+
| IStaticCell
|
|
75
|
+
| ISelectCell
|
|
76
|
+
| IHelpIconCell
|
|
77
|
+
| ILibraryIconCell
|
|
78
|
+
| ICheckBoxCell
|
|
79
|
+
| IIconCell
|
|
80
|
+
| IInputCell
|
|
81
|
+
| ILinkCell
|
|
82
|
+
| INumberInputCell
|
|
83
|
+
| IActionCell
|
|
84
|
+
| ISortCell
|
|
85
|
+
| ISliderCell
|
|
86
|
+
| ISimpleCell`,elements:[{name:"IPopoverCell"},{name:"IStaticCell"},{name:"ISelectCell"},{name:"IHelpIconCell"},{name:"ILibraryIconCell"},{name:"ICheckBoxCell"},{name:"IIconCell"},{name:"IInputCell"},{name:"ILinkCell"},{name:"INumberInputCell"},{name:"IActionCell"},{name:"ISortCell"},{name:"ISliderCell"},{name:"ISimpleCell"}]}],raw:"TCellShape[]",required:!0}},{key:"actions",value:{name:"Array",elements:[{name:"any"}],raw:"any[]",required:!1}},{key:"testId",value:{name:"string",required:!1}},{key:"noDrag",value:{name:"boolean",required:!1}},{key:"onRowMouseEnter",value:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}},required:!1}},{key:"onRowMouseLeave",value:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}},required:!1}}]}}],raw:"TRowType[]",required:!1}},{key:"footer",value:{name:"IFooterProps",required:!1}},{key:"draggable",value:{name:"boolean",required:!1}},{key:"bordered",value:{name:"boolean",required:!1}},{key:"striped",value:{name:"boolean",required:!1}},{key:"testId",value:{name:"string",required:!1}},{key:"onAddRow",value:{name:"any",required:!1}},{key:"defaultEmptyRow",value:{name:"any",required:!1}},{key:"stickyHeaders",value:{name:"union",raw:"string | boolean",elements:[{name:"string"},{name:"boolean"}],required:!1}},{key:"actions",value:{name:"any",required:!1}}]}},description:""}}};export{A as C,nt as T};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._inputInTable_k0mvt_1{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_k0mvt_1:not(:hover):not(._error_k0mvt_7):not(._warning_k0mvt_7){border-color:transparent}._inputInTable_k0mvt_1:not(:focus){box-shadow:none}._inputHover_k0mvt_13{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_k0mvt_18{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_k0mvt_25,._inputWarning_k0mvt_26{position:relative}._inputError_k0mvt_25{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error-muted)}._inputError_k0mvt_25:hover{border-color:var(--color-border-error-hover)!important}._inputError_k0mvt_25:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_k0mvt_26{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning-muted)}._inputWarning_k0mvt_26:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_k0mvt_26:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_k0mvt_61{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._hideScrollbars_k0mvt_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_k0mvt_67::-webkit-scrollbar{display:none}:root{--color-background-table-header: var(--color-neutral-150);--color-background-table-row-tinted: var(--color-neutral-50)}html[data-theme=dark]{--color-background-table-header: var(--color-neutral-800);--color-background-table-row-tinted: var(--color-neutral-800)}._wrapper_k0mvt_85{border-radius:inherit;max-height:100%;max-width:100%;display:flex;flex-direction:column;overflow:hidden}._wrapper_k0mvt_85._bordered_k0mvt_93{border-radius:var(--border-radius);border:1px solid var(--color-border);box-shadow:var(--shadow-card)}._scroll_k0mvt_98{overflow-y:auto;border-radius:inherit;flex:1;min-height:0}._scroll_k0mvt_98:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}._table_k0mvt_108{background:var(--color-background-raised);color:var(--color-text);border-collapse:separate;border-spacing:0;border-radius:inherit;width:100%;font-variant-numeric:tabular-nums}._table_k0mvt_108>:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}._table_k0mvt_108>:first-child>:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}._table_k0mvt_108>:first-child>:first-child>:first-child{border-top-left-radius:inherit}._table_k0mvt_108>:first-child>:first-child>:last-child{border-top-right-radius:inherit}._table_k0mvt_108>:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}._table_k0mvt_108>:last-child>:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}._table_k0mvt_108>:last-child>:last-child>:first-child{border-bottom-left-radius:inherit}._table_k0mvt_108>:last-child>:last-child>:last-child{border-bottom-right-radius:inherit}th,td{padding:var(--padding-input)!important;height:var(--size);background:inherit;border-color:var(--color-border);border-style:solid;border-width:0}th:not(:first-child),td:not(:first-child){border-left-width:1px}._table_k0mvt_108>*:not(:last-child)>tr th,._table_k0mvt_108>*:not(:last-child)>tr td,._table_k0mvt_108>*:last-child>tr:not(:last-child) th,._table_k0mvt_108>*:last-child>tr:not(:last-child) td{border-bottom-width:1px}@-moz-document url-prefix(){tr{height:var(--size)}td,th{height:100%}}thead{position:sticky;top:0;overflow:hidden;z-index:5}thead tr{background-color:var(--color-background-table-header)}tbody{overflow:hidden}tbody tr{background-color:var(--color-background-raised)}._striped_k0mvt_188 tbody tr:nth-child(2n){background-color:var(--color-background-table-row-tinted)}._title_zn5s7_1{background-color:var(--color-background-cardheader);border-bottom:1px solid var(--color-border);padding:var(--padding-xxs) var(--padding-sm);display:flex;align-items:center;justify-content:space-between;gap:4px;width:100%;border-top-left-radius:inherit;border-top-right-radius:inherit;flex-shrink:0}._footer_4sumy_1{background-color:var(--color-background-table-header);z-index:4;overflow:hidden;flex-shrink:0}._section_4sumy_7{padding:var(--padding-input);display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--color-border)}._clickableRow_1ki29_1{cursor:pointer}._hoverableRow_1ki29_4:not(._rowActive_1ki29_4):hover,._clickableRow_1ki29_1:not(._rowActive_1ki29_4):hover{background-color:var(--color-background-listitem-hover)!important}._expandableRow_1ki29_8._flush_1ki29_8{padding:0!important;height:auto!important}._errorRow_1ki29_12{background-color:var(--color-background-error-muted)!important}._warningRow_1ki29_15{background-color:var(--color-background-warning-muted)!important}._rowActive_1ki29_4{position:relative;background-color:var(--color-background-listitem-active)!important}._rowActive_1ki29_4:after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;border-top-left-radius:inherit;border-bottom-left-radius:inherit;transition:background .3s;background:var(--color-background-primary)}._dragIconCell_1ki29_34{width:var(--size);min-width:var(--size);position:relative}._dragIcon_1ki29_34{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;bottom:0;left:0;color:var(--color-text-faint)}._dragIcon_1ki29_34:hover{color:var(--color-text-primary-hover)}._dragIcon_1ki29_34:active{color:var(--color-text-primary-active)}._inputInTable_1rtjr_1{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_1rtjr_1:not(:hover):not(._error_1rtjr_7):not(._warning_1rtjr_7){border-color:transparent}._inputInTable_1rtjr_1:not(:focus){box-shadow:none}._inputHover_1rtjr_13{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_1rtjr_18{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_1rtjr_25,._inputWarning_1rtjr_26{position:relative}._inputError_1rtjr_25{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error-muted)}._inputError_1rtjr_25:hover{border-color:var(--color-border-error-hover)!important}._inputError_1rtjr_25:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_1rtjr_26{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning-muted)}._inputWarning_1rtjr_26:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_1rtjr_26:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_1rtjr_61{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._hideScrollbars_1rtjr_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_1rtjr_67::-webkit-scrollbar{display:none}._cell_1rtjr_77 a{cursor:pointer;color:var(--color-text-primary)}._cell_1rtjr_77 a:hover{color:var(--color-text-primary-hover)}._cell_1rtjr_77 a:active{color:var(--color-text-primary-active)}._cell_1rtjr_77 a._disabledLink_1rtjr_87{color:var(--color-text-faint)!important;cursor:default!important}._inputWrapper_1rtjr_91{height:100%;border-radius:inherit}._inputWrapper_1rtjr_91>span,._inputWrapper_1rtjr_91>span>span,._inputWrapper_1rtjr_91>span>span>div{height:100%;border-radius:inherit}._inputWrapper_1rtjr_91>div,._inputWrapper_1rtjr_91>div>span{height:100%;border-radius:inherit}._breakWord_1rtjr_106{word-break:break-word}._inputCell_1rtjr_109{padding:0!important}._sliderCell_1rtjr_112{padding-top:0!important;padding-bottom:0!important}._staticCell_1rtjr_116{padding:0!important}._staticCell_1rtjr_116 ._staticCellContent_1rtjr_119{line-height:1.25;min-height:100%;padding:var(--padding-input);position:relative;border-radius:inherit;display:flex;align-items:center}tbody ._staticCell_1rtjr_116 ._staticCellContent_1rtjr_119{color:var(--color-text-muted)}._staticCell_1rtjr_116 ._staticCellContent_1rtjr_119._error_1rtjr_7,._staticCell_1rtjr_116 ._staticCellContent_1rtjr_119._warning_1rtjr_7{border:1px solid transparent}._staticCell_1rtjr_116 ._staticCellContent_1rtjr_119._error_1rtjr_7{background-color:var(--color-background-error-muted)}._staticCell_1rtjr_116 ._staticCellContent_1rtjr_119._warning_1rtjr_7{background-color:var(--color-background-warning-muted)}._staticCell_1rtjr_116 ._staticCellContent_1rtjr_119._unit_1rtjr_141{font-weight:400}._sortingCell_1rtjr_144 ._staticCellContent_1rtjr_119{position:relative;padding-right:calc(var(--size) + var(--padding-xxs))!important;cursor:pointer!important}._sortingCell_1rtjr_144 ._staticCellContent_1rtjr_119:hover{background-color:#0000000d!important}[data-theme=dark] ._sortingCell_1rtjr_144 ._staticCellContent_1rtjr_119:hover{background-color:#ffffff1a!important}._sortingCell_1rtjr_144 ._sortingCellIcon_1rtjr_155{font-size:var(--size-xs);position:absolute;right:var(--padding-input-x);top:50%;transform:translateY(-50%);display:flex}._sortingCell_1rtjr_144 ._sortingCellIcon_1rtjr_155>*{display:flex}._icon_1rtjr_166{display:inline-flex;margin-left:var(--padding-xxs)}._checkBoxCell_1rtjr_170{padding-block:0!important;width:var(--size)}._iconCellWrapper_1rtjr_174{display:flex;justify-content:center}._actionsCell_1rtjr_178{width:var(--size-sm);padding:0 calc((var(--size) - var(--size-sm)) / 2)!important;position:sticky;right:0;background:inherit;z-index:4}._rightAligned_1rtjr_186{text-align:right!important}._rightAligned_1rtjr_186 ._staticCellContent_1rtjr_119{justify-content:flex-end}._centerAligned_1rtjr_192{text-align:center!important}._centerAligned_1rtjr_192 ._staticCellContent_1rtjr_119{justify-content:center}._leftAligned_1rtjr_198{text-align:left!important}._popover_1rtjr_201{padding:var(--padding-input)}._disabledPointerEvents_1rtjr_204{pointer-events:none}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as n}from"./jsx-runtime-eps93zm2.js";import{r as S}from"./index-DhsZuJvc.js";import{f as ne}from"./immer.esm-BwVl9PS2.js";import{l as Z}from"./lodash-BHd_uQHh.js";import{G as le}from"./grid-B6LFPf51.js";import{T as W}from"./text-B3-TSWok.js";import{T as D}from"./table-BNMxYhsu.js";import{C as dn}from"./card-EcjmryU9.js";import{I as se}from"./input-BW9trNAW.js";import{F as oe}from"./field-HrLaMLbx.js";import{H as un}from"./heading-CRNoBc7q.js";import{t as ae,x as pn,y as mn,z as gn,A as bn,B as hn,C as wn,D as yn}from"./table.stories-data-CR9VpXHs.js";import"./styled-components.browser.esm-Bf0q9Yjk.js";import"./index-Bk2sglWO.js";import"./index.es-DazXb-ul.js";import"./inheritsLoose-DP0QEDDI.js";import"./redux-tRgGMjwY.js";import"./objectSpread2-DW4nTBoq.js";import"./tiny-invariant-DqLgxztJ.js";import"./index-CUZDtIZe.js";import"./memoize-one.esm-CcMeOnPo.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./actions-CHgr8eL8.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./button-VxhoNhrV.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./index-CEuq6vkz.js";import"./tooltip-1V7clEnw.js";import"./types-BmbYqTX_.js";import"./types-UmZ4Y_CR.js";import"./badge-CLQ59MDF.js";import"./pagination-iSMIbR33.js";import"./select-C8iu4-uz.js";import"./assertThisInitialized-B9jnkVVz.js";import"./select.input-DIKP56UZ.js";import"./input-group-BaRSJAEN.js";import"./input-group-addon-D68iUKV2.js";import"./number-input-uQOVHv2N.js";import"./index-CWz-hU-f.js";import"./index-DRSy5Ssd.js";import"./check-box-BtCGePRy.js";import"./help-icon-Buhx5nl6.js";import"./slider-DAramr8j.js";import"./index-BI4_Bp97.js";import"./popover-CzZdWNnB.js";import"./label-CqmyC9he.js";import"./flex-EllkLxgO.js";const gt={title:"Basic/Table",component:D,args:{table:{...ae}}},A=h=>n.jsx(D,{...h}),te=A.bind({}),E=A.bind({});E.args={table:{...ae,fixedWidth:"400px"}};const L=A.bind({});L.args={table:{...ae,fixedWidth:"auto"}};const _=A.bind({});_.args={table:pn};_.parameters={docs:{description:{story:"Use sparingly when certain columns cannot be below a certain width. Unless the Table is auto width, set one column to `auto` to use remaining space."}}};const Q=A.bind({});Q.args={table:mn};const O=A.bind({});O.args={table:gn};O.parameters={docs:{description:{story:"This is only required when you need to override `columnAlignment` in header cells (i.e. they have different alignment)"}}};const G=A.bind({});G.args={table:bn};const N=A.bind({});N.args={table:hn};N.decorators=[h=>n.jsx("div",{style:{position:"absolute",inset:0,padding:"var(--padding)"},children:n.jsx(h,{})})];const U=A.bind({});U.args={table:wn};U.parameters={docs:{description:{story:"If a `maxHeight` is set, the table should only fill that height if it needs to."}}};const $=A.bind({});$.args={table:yn};const M=()=>n.jsx(dn,{heading:n.jsx(un,{children:"Card heading"}),padding:!1,children:n.jsx(D,{table:{...ae,bordered:!1}})});M.parameters={docs:{source:{type:"dynamic"}}};const q=()=>{const h=["Section","Width","Height"];let g=["","m","m"],o=[...Array(175).keys()].map((l,t)=>[t,t*2,t*2]);const x=(l,t,r)=>l==="m"&&t==="ft"?r*3.28084:l==="ft"&&t==="m"?r/3.28084:r,i=(l,t,r,c)=>{o[t][r]=l.target.value,c()},R=l=>{o=o.concat([["","",""]]),l()},k=(l,t)=>{o=o.filter((r,c)=>c!==l),t()},p=(l,t,r)=>{const c=g[t],b=l.target.value;g=g.map((y,s)=>s===t?b:y),o=o.map(y=>y.map((s,u)=>u===t?x(c,b,s):s)),r()},w=()=>{const l=[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],[t,r]=S.useState(10),[c,b]=S.useState(1),[y,s]=S.useState(!1),u=()=>{s(!y)},j=()=>{const e=Math.ceil(o.length/t);b(e)},T=(c-1)*t,a=t===0?o.length-1:T+t,m={headers:[{cells:h.map(e=>({value:e})),actions:[{primary:!0,label:"Add",icon:"add",onClick:()=>{R(u),j()}}]},{cells:[{},{options:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:g[1],type:"Select",native:!0,onChange:e=>p(e,1,u)},{options:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:g[2],type:"Select",native:!0,onChange:e=>p(e,2,u)}]}],rows:o.slice(T,a).map((e,d)=>{const I=T+d;return{cells:[...Array(3).keys()].map((P,v)=>({value:e[v],type:"Input",onChange:C=>i(C,I,v,u)})),actions:[{label:"Delete",icon:"minus",onClick:()=>k(I,u)}]}}),footer:{pagination:{rowCount:o.length,selectedPage:c,rowsPerPage:{onChange:e=>{const{value:d}=e.target;r(Number(d))},options:l,value:t},onSelectPage:e=>b(e),small:!0}}};return n.jsx(D,{table:m})};return n.jsx(w,{})},K=()=>{const h=["Section","Width","Height"];let g=[...Array(20).keys()].map((x,i)=>({Section:Z.random(0,100),Width:Z.random(0,100),Height:Z.random(0,100)}));const o=()=>{const[x,i]=S.useState({Section:"up"}),R=(r,c)=>r.sort((b,y)=>Object.entries(c).map(([s,u])=>{switch(u){case"up":return b[s]-y[s];case"down":return y[s]-b[s];default:return 0}}).reduce((s,u)=>s||u,0)),k=(r,c,b)=>({dataSortCells:r.map(s=>{const u=Object.keys(c).includes(s)?c[s]:"",j=`${s[0].toUpperCase()}${s.slice(1)}`;return{key:s,value:j,hasSort:!0,sort:u,onSort:()=>{const T=u==="up"?"down":"up";b({[s]:T})}}})}),{dataSortCells:p}=k(h,x,i),l=[...R(g,x).map(r=>({cells:Object.entries(r).map(([b,y])=>({key:b,value:y,type:"Input",disabled:!0}))}))],t={headers:[{cells:p}],rows:l};return n.jsx(D,{table:t})};return n.jsx(o,{})},B=()=>{const h=["Section","Width","Height"];let g=[...Array(175).keys()].map((x,i)=>({Section:i,Width:i*2,Height:i*2}));const o=()=>{const x=[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],[i,R]=S.useState(10),[k,p]=S.useState(1),[w,l]=S.useState({}),[t,r]=S.useState({});S.useEffect(()=>{p(1)},[w,t]);const c=(k-1)*i,b=i===0?g.length-1:c+i,y=(e,d,I)=>e.filter(P=>Object.keys(d).every(v=>d[v]===""?!0:P[v].toString().includes(d[v]))).sort((P,v)=>Object.entries(I).map(([C,H])=>{switch(H){case"up":return P[C]-v[C];case"down":return v[C]-P[C];default:return 0}}).reduce((C,H)=>C||H,0)),s=(e,d,I,P,v)=>{const C=e.map(f=>{const V=Object.keys(P).includes(f)?P[f]:"",F=`${f[0].toUpperCase()}${f.slice(1)}`;return{key:f,value:F,hasSort:!0,sort:V,onSort:()=>{const ee=V===""?"up":V==="up"?"down":"";v({...P,[f]:ee})}}}),H=e.map(f=>{const V=Object.keys(d).includes(f)?d[f]:"";return{key:f,value:V,type:"Input",placeholder:"Filter",onChange:F=>I({...d,[f]:F.target.value})}});return{dataSortCells:C,dataFilterCells:H}},{dataSortCells:u,dataFilterCells:j}=s(h,w,l,t,r),T=y(g,w,t),a=[...T.slice(c,b).map(e=>({cells:Object.entries(e).map(([I,P])=>({key:I,value:P,type:"Input",disabled:!0}))}))],m={headers:[{cells:u},{cells:j}],rows:a,footer:{pagination:{rowCount:T.length,selectedPage:k,rowsPerPage:{onChange:e=>{const{value:d}=e.target;R(Number(d))},options:x,value:i},onSelectPage:e=>p(e),small:!0}}};return n.jsx(D,{table:m})};return n.jsx(o,{})},z=()=>{const h={tea:3.6,coffee:3.2,orange:4.1},g=[{label:"Tea",value:"tea"},{label:"Coffee",value:"coffee"},{label:"Orange juice",value:"orange"}],o={cells:[{type:"Select",options:g,value:{value:"tea"}},{type:"Input"},{type:"Static"}]},x=[...Array(15).keys()].map((a,m)=>({cells:[{type:"Select",options:g,value:{value:"tea"}},{type:"Input",value:m+1},{type:"Static"}]})),[i,R]=S.useState(x),k=[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],[p,w]=S.useState(10),[l,t]=S.useState(1),r=(l-1)*p,c=p===0?i.length-1:r+p,b=({newRow:a}={})=>{const m=ne(i,e=>{e.push(a??o)});R(m)},y=({rowIndex:a})=>{const m=ne(i,e=>{delete e[a]}).filter(e=>e);R(m)},s=({rowIndex:a,value:m})=>{const e=ne(i,d=>{d[a].cells[0].value.value=m});R(e)},u=({rowIndex:a,value:m})=>{const e=ne(i,d=>{d[a].cells[1].value=m});R(e)},j=({value:a})=>{const m=Number(a);return!Z.isNaN(m)&&Z.isInteger(m)&&m>0},T=i.slice(r,c).map((a,m)=>{const e=r+m;return i.length-1,{...a,cells:a==null?void 0:a.cells.map((d,I)=>{var f,V,F,ee,ie;const P=(F=(V=(f=a==null?void 0:a.cells)==null?void 0:f[0])==null?void 0:V.value)==null?void 0:F.value,v=Number((ie=(ee=a==null?void 0:a.cells)==null?void 0:ee[1])==null?void 0:ie.value),C=h==null?void 0:h[P],H=C&&j({value:v})?(C*v).toFixed(2):null;if(I===0)return{...d,onChange:re=>s({rowIndex:e,value:re.target.value})};if(I===1)return{...d,onChange:re=>u({rowIndex:e,value:re.target.value}),error:j({value:d.value})?null:"Must be valid whole number"};if(I===2)return{...d,value:H}}),actions:[{label:"Delete",icon:"minus",onClick:()=>y({rowIndex:e})}]}});return n.jsx(D,{table:{defaultEmptyRow:o,onAddRow:b,columnAlignment:["left","right","right"],headers:[{cells:[{value:"Drink"},{value:"Quantity"},{value:"Total Price (£)"}],actions:[{primary:!0,icon:"plus",label:"Add",onClick:()=>b()}]}],rows:T,footer:{pagination:{rowCount:i.length,selectedPage:l,rowsPerPage:{onChange:a=>{const{value:m}=a.target;w(Number(m))},options:k,value:p},onSelectPage:a=>t(a),small:!0}}}})},J=()=>{const h=["Section","Width","Height"];let g=Array.from(Array(10),(p,w)=>[w,w*2,w*2]);const[o,x]=S.useState({pastedValues:"",rowIndex:0,cellIndex:0}),i=(p,w,l,t)=>{g[w][l]=Number(p.target.value),t()},R=(p,w,l,t)=>{var c;let r=((c=p==null?void 0:p.clipboardData)==null?void 0:c.getData("text"))??"";return x({rowIndex:w,cellIndex:l,pastedValues:r}),t(),{pastedData:o}},k=()=>{const[p,w]=S.useState(!1),l=()=>{w(!p)},t={headers:[{cells:h.map(r=>({value:r}))}],rows:g.map((r,c)=>{const b=c;return{cells:[...Array(3).keys()].map((y,s)=>({value:r[s],type:"Input",onChange:u=>i(u,b,s,l),onPaste:u=>R(u,b,s,l)}))}})};return n.jsxs(n.Fragment,{children:[n.jsx(D,{table:t}),n.jsx(oe,{label:"Pasted Data",children:n.jsx(se,{value:o.pastedValues})}),n.jsx(oe,{label:"At Row",children:n.jsx(se,{value:o.rowIndex})}),n.jsx(oe,{label:"At Cell Index",children:n.jsx(se,{value:o.cellIndex})})]})};return n.jsx(k,{})},X=()=>{const h={fixedWidth:"auto",name:"Table title",actions:[{icon:"download",tooltip:"Download"}],columnAlignment:[...Array(10)].map((g,o)=>"right"),headers:[{cells:[...Array(10)].map((g,o)=>({value:"Heading"}))},{cells:[...Array(10)].map((g,o)=>({options:[{label:"m",value:"m"},{label:"ft",value:"ft"}],type:"Select",searchable:!1,value:{label:"m",value:"m"},autoLayerWidth:!0}))}],rows:[...Array(10)].map((g,o)=>({cells:[...Array(10)].map((x,i)=>({value:123.45})),actions:[{icon:"help",tooltip:n.jsxs(le,{children:[n.jsx(W,{bold:!0,children:"Title goes here lorem ipsum"}),n.jsx(W,{children:"Label: 123.45m"}),n.jsx(W,{children:"Another label: 123.45m"}),n.jsx(W,{children:"Label: 123.45m"})]})}]}))};return n.jsx(D,{table:h})},Y=()=>{const h={fixedWidth:"auto",name:"Table title",actions:[{icon:"download",tooltip:"Download"}],headers:[{cells:[{value:"Label"},{value:"Value",colSpan:2}]}],rows:[{cells:[{value:"Country",style:{fontWeight:"bold"},width:"120px"},{value:"Norway",colSpan:2}],actions:[{icon:"help",tooltip:n.jsxs(le,{children:[n.jsx(W,{bold:!0,children:"Title goes here"}),n.jsx(W,{children:"Details go here"})]})}]},{cells:[{value:"Depth",style:{fontWeight:"bold"}},{value:123,width:"80px"},{options:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:{label:"m",value:"m"},type:"Select",width:"80px"}],actions:[{icon:"help",tooltip:n.jsxs(le,{children:[n.jsx(W,{bold:!0,children:"Title goes here"}),n.jsx(W,{children:"Details go here"})]})}]}]};return n.jsx(D,{table:h})};M.__docgenInfo={description:"",methods:[],displayName:"InCard"};q.__docgenInfo={description:"",methods:[],displayName:"Managed"};K.__docgenInfo={description:"",methods:[],displayName:"ManagedWithSort"};B.__docgenInfo={description:"",methods:[],displayName:"ManagedWithFilterAndMultipleSort"};z.__docgenInfo={description:"",methods:[],displayName:"AutoAddNewRow"};J.__docgenInfo={description:"",methods:[],displayName:"OnPasteCallback"};X.__docgenInfo={description:"",methods:[],displayName:"ExampleTableWithInfoTooltips"};Y.__docgenInfo={description:"",methods:[],displayName:"ExampleTableWithInlineUnits"};var ce,de,ue;te.parameters={...te.parameters,docs:{...(ce=te.parameters)==null?void 0:ce.docs,source:{originalSource:`args => {
|
|
1
|
+
import{j as n}from"./jsx-runtime-eps93zm2.js";import{r as S}from"./index-DhsZuJvc.js";import{f as ne}from"./immer.esm-BwVl9PS2.js";import{l as Z}from"./lodash-BHd_uQHh.js";import{G as le}from"./grid-DRkC-bt8.js";import{T as W}from"./text-B3-TSWok.js";import{T as D}from"./table-BFgZ2w5W.js";import{C as dn}from"./card-EcjmryU9.js";import{I as se}from"./input-DFNY9YDm.js";import{F as oe}from"./field-HrLaMLbx.js";import{H as un}from"./heading-CRNoBc7q.js";import{t as ae,x as pn,y as mn,z as gn,A as bn,B as hn,C as wn,D as yn}from"./table.stories-data-DcBBxO_k.js";import"./styled-components.browser.esm-BQ9GQzDc.js";import"./index-Bk2sglWO.js";import"./index.es-DazXb-ul.js";import"./inheritsLoose-DP0QEDDI.js";import"./redux-tRgGMjwY.js";import"./objectSpread2-DW4nTBoq.js";import"./tiny-invariant-DqLgxztJ.js";import"./index-CUZDtIZe.js";import"./memoize-one.esm-CcMeOnPo.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./actions-B-KaMy86.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./button-kgPRviUL.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./index-CEuq6vkz.js";import"./tooltip-1V7clEnw.js";import"./types-BmbYqTX_.js";import"./types-UmZ4Y_CR.js";import"./badge-CLQ59MDF.js";import"./pagination-C_0Lfz0Y.js";import"./select-BFv5KuOX.js";import"./assertThisInitialized-B9jnkVVz.js";import"./select.input-DIKP56UZ.js";import"./input-group-BaRSJAEN.js";import"./input-group-addon-D68iUKV2.js";import"./number-input-B6I6KkcP.js";import"./index-DaLCDjg_.js";import"./index-DRSy5Ssd.js";import"./check-box-BtCGePRy.js";import"./help-icon-Buhx5nl6.js";import"./slider-BeJzxarD.js";import"./index-BI4_Bp97.js";import"./popover-IH58FliU.js";import"./label-CqmyC9he.js";import"./flex-EllkLxgO.js";const gt={title:"Basic/Table",component:D,args:{table:{...ae}}},A=h=>n.jsx(D,{...h}),te=A.bind({}),E=A.bind({});E.args={table:{...ae,fixedWidth:"400px"}};const L=A.bind({});L.args={table:{...ae,fixedWidth:"auto"}};const _=A.bind({});_.args={table:pn};_.parameters={docs:{description:{story:"Use sparingly when certain columns cannot be below a certain width. Unless the Table is auto width, set one column to `auto` to use remaining space."}}};const Q=A.bind({});Q.args={table:mn};const O=A.bind({});O.args={table:gn};O.parameters={docs:{description:{story:"This is only required when you need to override `columnAlignment` in header cells (i.e. they have different alignment)"}}};const G=A.bind({});G.args={table:bn};const N=A.bind({});N.args={table:hn};N.decorators=[h=>n.jsx("div",{style:{position:"absolute",inset:0,padding:"var(--padding)"},children:n.jsx(h,{})})];const U=A.bind({});U.args={table:wn};U.parameters={docs:{description:{story:"If a `maxHeight` is set, the table should only fill that height if it needs to."}}};const $=A.bind({});$.args={table:yn};const M=()=>n.jsx(dn,{heading:n.jsx(un,{children:"Card heading"}),padding:!1,children:n.jsx(D,{table:{...ae,bordered:!1}})});M.parameters={docs:{source:{type:"dynamic"}}};const q=()=>{const h=["Section","Width","Height"];let g=["","m","m"],o=[...Array(175).keys()].map((l,t)=>[t,t*2,t*2]);const x=(l,t,r)=>l==="m"&&t==="ft"?r*3.28084:l==="ft"&&t==="m"?r/3.28084:r,i=(l,t,r,c)=>{o[t][r]=l.target.value,c()},R=l=>{o=o.concat([["","",""]]),l()},k=(l,t)=>{o=o.filter((r,c)=>c!==l),t()},p=(l,t,r)=>{const c=g[t],b=l.target.value;g=g.map((y,s)=>s===t?b:y),o=o.map(y=>y.map((s,u)=>u===t?x(c,b,s):s)),r()},w=()=>{const l=[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],[t,r]=S.useState(10),[c,b]=S.useState(1),[y,s]=S.useState(!1),u=()=>{s(!y)},j=()=>{const e=Math.ceil(o.length/t);b(e)},T=(c-1)*t,a=t===0?o.length-1:T+t,m={headers:[{cells:h.map(e=>({value:e})),actions:[{primary:!0,label:"Add",icon:"add",onClick:()=>{R(u),j()}}]},{cells:[{},{options:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:g[1],type:"Select",native:!0,onChange:e=>p(e,1,u)},{options:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:g[2],type:"Select",native:!0,onChange:e=>p(e,2,u)}]}],rows:o.slice(T,a).map((e,d)=>{const I=T+d;return{cells:[...Array(3).keys()].map((P,v)=>({value:e[v],type:"Input",onChange:C=>i(C,I,v,u)})),actions:[{label:"Delete",icon:"minus",onClick:()=>k(I,u)}]}}),footer:{pagination:{rowCount:o.length,selectedPage:c,rowsPerPage:{onChange:e=>{const{value:d}=e.target;r(Number(d))},options:l,value:t},onSelectPage:e=>b(e),small:!0}}};return n.jsx(D,{table:m})};return n.jsx(w,{})},K=()=>{const h=["Section","Width","Height"];let g=[...Array(20).keys()].map((x,i)=>({Section:Z.random(0,100),Width:Z.random(0,100),Height:Z.random(0,100)}));const o=()=>{const[x,i]=S.useState({Section:"up"}),R=(r,c)=>r.sort((b,y)=>Object.entries(c).map(([s,u])=>{switch(u){case"up":return b[s]-y[s];case"down":return y[s]-b[s];default:return 0}}).reduce((s,u)=>s||u,0)),k=(r,c,b)=>({dataSortCells:r.map(s=>{const u=Object.keys(c).includes(s)?c[s]:"",j=`${s[0].toUpperCase()}${s.slice(1)}`;return{key:s,value:j,hasSort:!0,sort:u,onSort:()=>{const T=u==="up"?"down":"up";b({[s]:T})}}})}),{dataSortCells:p}=k(h,x,i),l=[...R(g,x).map(r=>({cells:Object.entries(r).map(([b,y])=>({key:b,value:y,type:"Input",disabled:!0}))}))],t={headers:[{cells:p}],rows:l};return n.jsx(D,{table:t})};return n.jsx(o,{})},B=()=>{const h=["Section","Width","Height"];let g=[...Array(175).keys()].map((x,i)=>({Section:i,Width:i*2,Height:i*2}));const o=()=>{const x=[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],[i,R]=S.useState(10),[k,p]=S.useState(1),[w,l]=S.useState({}),[t,r]=S.useState({});S.useEffect(()=>{p(1)},[w,t]);const c=(k-1)*i,b=i===0?g.length-1:c+i,y=(e,d,I)=>e.filter(P=>Object.keys(d).every(v=>d[v]===""?!0:P[v].toString().includes(d[v]))).sort((P,v)=>Object.entries(I).map(([C,H])=>{switch(H){case"up":return P[C]-v[C];case"down":return v[C]-P[C];default:return 0}}).reduce((C,H)=>C||H,0)),s=(e,d,I,P,v)=>{const C=e.map(f=>{const V=Object.keys(P).includes(f)?P[f]:"",F=`${f[0].toUpperCase()}${f.slice(1)}`;return{key:f,value:F,hasSort:!0,sort:V,onSort:()=>{const ee=V===""?"up":V==="up"?"down":"";v({...P,[f]:ee})}}}),H=e.map(f=>{const V=Object.keys(d).includes(f)?d[f]:"";return{key:f,value:V,type:"Input",placeholder:"Filter",onChange:F=>I({...d,[f]:F.target.value})}});return{dataSortCells:C,dataFilterCells:H}},{dataSortCells:u,dataFilterCells:j}=s(h,w,l,t,r),T=y(g,w,t),a=[...T.slice(c,b).map(e=>({cells:Object.entries(e).map(([I,P])=>({key:I,value:P,type:"Input",disabled:!0}))}))],m={headers:[{cells:u},{cells:j}],rows:a,footer:{pagination:{rowCount:T.length,selectedPage:k,rowsPerPage:{onChange:e=>{const{value:d}=e.target;R(Number(d))},options:x,value:i},onSelectPage:e=>p(e),small:!0}}};return n.jsx(D,{table:m})};return n.jsx(o,{})},z=()=>{const h={tea:3.6,coffee:3.2,orange:4.1},g=[{label:"Tea",value:"tea"},{label:"Coffee",value:"coffee"},{label:"Orange juice",value:"orange"}],o={cells:[{type:"Select",options:g,value:{value:"tea"}},{type:"Input"},{type:"Static"}]},x=[...Array(15).keys()].map((a,m)=>({cells:[{type:"Select",options:g,value:{value:"tea"}},{type:"Input",value:m+1},{type:"Static"}]})),[i,R]=S.useState(x),k=[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],[p,w]=S.useState(10),[l,t]=S.useState(1),r=(l-1)*p,c=p===0?i.length-1:r+p,b=({newRow:a}={})=>{const m=ne(i,e=>{e.push(a??o)});R(m)},y=({rowIndex:a})=>{const m=ne(i,e=>{delete e[a]}).filter(e=>e);R(m)},s=({rowIndex:a,value:m})=>{const e=ne(i,d=>{d[a].cells[0].value.value=m});R(e)},u=({rowIndex:a,value:m})=>{const e=ne(i,d=>{d[a].cells[1].value=m});R(e)},j=({value:a})=>{const m=Number(a);return!Z.isNaN(m)&&Z.isInteger(m)&&m>0},T=i.slice(r,c).map((a,m)=>{const e=r+m;return i.length-1,{...a,cells:a==null?void 0:a.cells.map((d,I)=>{var f,V,F,ee,ie;const P=(F=(V=(f=a==null?void 0:a.cells)==null?void 0:f[0])==null?void 0:V.value)==null?void 0:F.value,v=Number((ie=(ee=a==null?void 0:a.cells)==null?void 0:ee[1])==null?void 0:ie.value),C=h==null?void 0:h[P],H=C&&j({value:v})?(C*v).toFixed(2):null;if(I===0)return{...d,onChange:re=>s({rowIndex:e,value:re.target.value})};if(I===1)return{...d,onChange:re=>u({rowIndex:e,value:re.target.value}),error:j({value:d.value})?null:"Must be valid whole number"};if(I===2)return{...d,value:H}}),actions:[{label:"Delete",icon:"minus",onClick:()=>y({rowIndex:e})}]}});return n.jsx(D,{table:{defaultEmptyRow:o,onAddRow:b,columnAlignment:["left","right","right"],headers:[{cells:[{value:"Drink"},{value:"Quantity"},{value:"Total Price (£)"}],actions:[{primary:!0,icon:"plus",label:"Add",onClick:()=>b()}]}],rows:T,footer:{pagination:{rowCount:i.length,selectedPage:l,rowsPerPage:{onChange:a=>{const{value:m}=a.target;w(Number(m))},options:k,value:p},onSelectPage:a=>t(a),small:!0}}}})},J=()=>{const h=["Section","Width","Height"];let g=Array.from(Array(10),(p,w)=>[w,w*2,w*2]);const[o,x]=S.useState({pastedValues:"",rowIndex:0,cellIndex:0}),i=(p,w,l,t)=>{g[w][l]=Number(p.target.value),t()},R=(p,w,l,t)=>{var c;let r=((c=p==null?void 0:p.clipboardData)==null?void 0:c.getData("text"))??"";return x({rowIndex:w,cellIndex:l,pastedValues:r}),t(),{pastedData:o}},k=()=>{const[p,w]=S.useState(!1),l=()=>{w(!p)},t={headers:[{cells:h.map(r=>({value:r}))}],rows:g.map((r,c)=>{const b=c;return{cells:[...Array(3).keys()].map((y,s)=>({value:r[s],type:"Input",onChange:u=>i(u,b,s,l),onPaste:u=>R(u,b,s,l)}))}})};return n.jsxs(n.Fragment,{children:[n.jsx(D,{table:t}),n.jsx(oe,{label:"Pasted Data",children:n.jsx(se,{value:o.pastedValues})}),n.jsx(oe,{label:"At Row",children:n.jsx(se,{value:o.rowIndex})}),n.jsx(oe,{label:"At Cell Index",children:n.jsx(se,{value:o.cellIndex})})]})};return n.jsx(k,{})},X=()=>{const h={fixedWidth:"auto",name:"Table title",actions:[{icon:"download",tooltip:"Download"}],columnAlignment:[...Array(10)].map((g,o)=>"right"),headers:[{cells:[...Array(10)].map((g,o)=>({value:"Heading"}))},{cells:[...Array(10)].map((g,o)=>({options:[{label:"m",value:"m"},{label:"ft",value:"ft"}],type:"Select",searchable:!1,value:{label:"m",value:"m"},autoLayerWidth:!0}))}],rows:[...Array(10)].map((g,o)=>({cells:[...Array(10)].map((x,i)=>({value:123.45})),actions:[{icon:"help",tooltip:n.jsxs(le,{children:[n.jsx(W,{bold:!0,children:"Title goes here lorem ipsum"}),n.jsx(W,{children:"Label: 123.45m"}),n.jsx(W,{children:"Another label: 123.45m"}),n.jsx(W,{children:"Label: 123.45m"})]})}]}))};return n.jsx(D,{table:h})},Y=()=>{const h={fixedWidth:"auto",name:"Table title",actions:[{icon:"download",tooltip:"Download"}],headers:[{cells:[{value:"Label"},{value:"Value",colSpan:2}]}],rows:[{cells:[{value:"Country",style:{fontWeight:"bold"},width:"120px"},{value:"Norway",colSpan:2}],actions:[{icon:"help",tooltip:n.jsxs(le,{children:[n.jsx(W,{bold:!0,children:"Title goes here"}),n.jsx(W,{children:"Details go here"})]})}]},{cells:[{value:"Depth",style:{fontWeight:"bold"}},{value:123,width:"80px"},{options:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:{label:"m",value:"m"},type:"Select",width:"80px"}],actions:[{icon:"help",tooltip:n.jsxs(le,{children:[n.jsx(W,{bold:!0,children:"Title goes here"}),n.jsx(W,{children:"Details go here"})]})}]}]};return n.jsx(D,{table:h})};M.__docgenInfo={description:"",methods:[],displayName:"InCard"};q.__docgenInfo={description:"",methods:[],displayName:"Managed"};K.__docgenInfo={description:"",methods:[],displayName:"ManagedWithSort"};B.__docgenInfo={description:"",methods:[],displayName:"ManagedWithFilterAndMultipleSort"};z.__docgenInfo={description:"",methods:[],displayName:"AutoAddNewRow"};J.__docgenInfo={description:"",methods:[],displayName:"OnPasteCallback"};X.__docgenInfo={description:"",methods:[],displayName:"ExampleTableWithInfoTooltips"};Y.__docgenInfo={description:"",methods:[],displayName:"ExampleTableWithInlineUnits"};var ce,de,ue;te.parameters={...te.parameters,docs:{...(ce=te.parameters)==null?void 0:ce.docs,source:{originalSource:`args => {
|
|
2
2
|
return <Table
|
|
3
3
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
4
4
|
{...args} />;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as t}from"./jsx-runtime-eps93zm2.js";import{I as o,T as c}from"./common-types-Sih75Sav.js";import{F as v}from"./flex-EllkLxgO.js";import{M as p}from"./actions-B-KaMy86.js";import{T as d}from"./text-B3-TSWok.js";import{I as n}from"./icon-BSFY3vDO.js";import{M as r}from"./types-BmbYqTX_.js";const e={headers:[{cells:[{value:"Name"},{value:"Weight"},{value:"Energy"},{value:"Origin"}]}],rows:[{cells:[{value:"Brown rice",testId:"table-tbody-cell-brown-rice"},{value:100,testId:"table-tbody-cell-100"},{value:361,testId:"table-tbody-cell-361"},{value:"Vietnam",testId:"table-tbody-cell-vietnam"}]},{cells:[{value:"Buckwheat",testId:"table-tbody-cell-buckwheat"},{value:50,testId:"table-tbody-cell-50"},{value:358,testId:"table-tbody-cell-358"},{value:"Poland",testId:"table-tbody-cell-poland"}]},{cells:[{value:"Couscous",testId:"table-tbody-cell-couscous"},{value:10,testId:"table-tbody-cell-10"},{value:368,testId:"table-tbody-cell-368"},{value:"France",testId:"table-tbody-cell-france"}]}]},S={...e,columnWidths:["200px","20%","100px","auto"]},x={...e,rows:e.rows.map(l=>({...l,cells:l.cells.map(a=>({...a,tooltip:"Tooltip"}))}))},f={...e,rows:e.rows.map(l=>({...l,cells:l.cells.map(a=>({...a,width:"200px"}))}))},W={...e,rows:e.rows.map(l=>({...l,cells:l.cells.map(a=>({...a,style:{width:"200px",background:"var(--color-background-table-header)",fontWeight:"bold"}}))}))},F={...e,rows:[{cells:[{breakWord:!0,value:"LoremipsumdolorsitametconsecteturadipiscingelitseddoeiusmodtemporincididuntutlaboreetdoloremagnaaliquaUtenimadminimveniamquisnostrudexercitationullamcolaborisnisiutaliquipexeacommodoconsequatDuisauteiruredolorinreprehenderitinvoluptatevelitessecillumdoloreeullamcolaborisnisiutaliquipexeacommodoconsequatDuisauteiruredolorinreprehenderitinvoluptatevelitessecillumdoloreeufugiatnullapariaturufugiatnullapariatur"},{value:100},{value:361},{value:"Vietnam"}]},...e.rows]},D={...e,headers:[...e.headers,{cells:[{},{options:[{label:"kg",value:"kg"},{label:"tonnes",value:"tonnes"}],type:"Select",searchable:!1,value:{label:"kg",value:"kg"},onChange:()=>{}},{type:"Unit",value:"kcal / 100g"},{}]}]},L={...e,rows:e.rows.map((l,a)=>({...l,active:a===0,onRowClick:()=>{}}))},E={...e,rows:e.rows.map((l,a)=>({...l,error:a===1}))},P={...e,rows:e.rows.map((l,a)=>({...l,warning:a===1}))},A={...e,name:"Food"},V={...e,name:t.jsxs(v,{gap:"var(--padding-xs)",alignItems:"center",children:["Food",t.jsx(n,{icon:o.STAR})]})},u=[{childComponent:t.jsx(p,{menu:{label:"Import food",trigger:c.DROP_DOWN_BUTTON,sections:[{type:r.HEADING,label:"Import options"},{type:r.OPTION,label:"Import from csv"},{type:r.OPTION,label:"Import from library"}],small:!0}})}],B={...e,name:"Food",actions:u,testId:"table-child-component"},N={...e,actions:u,actionsRight:!0},i={...e,headers:[...e.headers,{cells:[{},{options:[{label:"kg",value:"kg"},{label:"tonnes",value:"tonnes"}],type:"Select",native:!0,value:{label:"kg",value:"kg"},onChange:()=>{}},{type:"Unit",value:"kcal / 100g"},{}]}],bordered:!0,infiniteScroll:!0,maxHeight:"500px",stickyHeaders:!0,rows:Array.from({length:100},(l,a)=>({cells:[{type:"Input",value:`Strawberry Letter ${a+1}`},{type:"Input",value:100},{type:"Input",value:361},{type:"Input",value:"Vietnam"}]})),footer:{content:t.jsxs(t.Fragment,{children:[t.jsx("strong",{children:"Footer content:"})," goes here"]})}},O={...i,maxHeight:"100%"},j={...i,rows:Array.from({length:1},(l,a)=>({cells:[{type:"Input",value:`Strawberry Letter ${a+1}`},{type:"Input",value:100},{type:"Input",value:361},{type:"Input",value:"Vietnam"}]}))},T={...i,draggable:!0},H={...e,rows:e.rows.map(l=>({...l,onRowFocus:()=>{}}))},b=()=>t.jsxs("ul",{children:[t.jsx("li",{children:"Carrots"}),t.jsx("li",{children:"Chocolate"}),t.jsx("li",{children:"Chorizo"})]}),R={headers:[{cells:[{value:"Name"},{value:"Content"}]}],rows:[{cells:[{value:"Sub-component"},{value:b()}]},{cells:[{value:"JSX"},{value:t.jsxs("div",{children:["Some ",t.jsx(d,{bold:!0,children:"bold content"})]})}]}]},m={...e,headers:[{cells:[{value:""},{value:"Stats",colSpan:2},{value:""}]},...e.headers],rows:[...e.rows,{cells:[{value:"Total",colSpan:4}]}]},q={...e,headers:[{cells:[{value:"Name",colSpan:2},{value:"Origin",rowSpan:2}]},{cells:[{value:"English"},{value:"Chinese"}]}],rows:[{cells:[{type:"Input",value:"Brown rice"},{type:"Input",value:"糙米"},{type:"Select",options:[{label:"China",value:"China"},{label:"France",value:"France"},{label:"Poland",value:"Poland"}],value:{label:"China",value:"China"},rowSpan:2}]},{cells:[{type:"Input",value:"White rice"},{type:"Input",value:"白米"}]}]},M={...e,columnWidths:["auto","120px","120px","auto"],headers:[{cells:[{value:"Header"},{value:"Header",colSpan:2},{value:"Header"}]}]},U={...e,columnAlignment:["left","right","right","left"]},J={...m,columnAlignment:["left","right","right","left","right"],columnHeaderAlignments:[["","center",""],["","right","right",""]]},s={fixedWidth:"auto",headers:[{cells:[{value:"Input",testId:"with-editable-cells-cell-name",width:"140px"},{value:"Select (native)",width:"140px"},{value:"Number Input",width:"140px"},{value:"Select (custom)",width:"140px"},{value:"Slider",width:"140px"},{value:"Static"}]}],rows:[{cells:[{value:"Buckwheat",type:"Input",onChange:()=>{},testId:"table-tbody-cell-buckwheat"},{type:"Select",native:!0,options:[{label:50,value:50},{label:100,value:100}],value:{label:100,value:100},onChange:()=>{}},{value:361,type:"NumberInput",onChange:()=>{}},{type:"Select",options:[{label:"France",value:"France"},{label:"Poland",value:"Poland"},{label:"Vietnam",value:"Vietnam"}],value:{label:"Poland",value:"Poland"},onChange:()=>{}},{type:"Slider",value:50,min:0,max:100,onChange:()=>{}},{value:361}]},{cells:[{value:"",type:"Input",onChange:()=>{},testId:"table-tbody-cell-arborio",error:"Error"},{type:"Select",native:!0,options:[{label:50,value:50},{label:100,value:100}],value:{label:100,value:100},onChange:()=>{},error:"Error"},{value:361,type:"NumberInput",onChange:()=>{},error:"Error"},{type:"Select",options:[{label:"France",value:"France"},{label:"Italy",value:"Italy"},{label:"Vietnam",value:"Vietnam"}],value:{label:"Italy",value:"Italy"},onChange:()=>{},error:"Error"},{type:"Slider",value:50,min:0,max:100,onChange:()=>{},error:"Error"},{value:361,error:"Error"}]},{cells:[{value:"Couscous",type:"Input",onChange:()=>{},testId:"table-tbody-cell-couscous",warning:"Warning"},{type:"Select",native:!0,options:[{label:50,value:50},{label:100,value:100}],value:{label:100,value:100},onChange:()=>{},warning:"Warning"},{value:361,type:"NumberInput",onChange:()=>{},warning:"Warning"},{type:"Select",options:[{label:"France",value:"France"},{label:"Poland",value:"Poland"},{label:"Vietnam",value:"Vietnam"}],value:{label:"France",value:"France"},onChange:()=>{},warning:"Warning"},{type:"Slider",value:50,min:0,max:100,onChange:()=>{},warning:"Warning"},{value:361,warning:"Warning"}]}]},z={...e,headers:e.headers.map(l=>({...l,cells:[{type:"CheckBox",onChange:()=>{}},...l.cells]})),rows:e.rows.map(l=>({...l,cells:[{type:"CheckBox",onChange:()=>{}},...l.cells]}))},_={...s,rows:s.rows.map(l=>({...l,cells:l.cells.map(a=>({...a,disabled:!0}))}))},G={...e,headers:[...e.headers,{cells:[{value:"",type:"Input",placeholder:"Search",onChange:()=>{}},{value:"",type:"Input",placeholder:"Search",onChange:()=>{}},{value:"",type:"Input",placeholder:"Search",onChange:()=>{}},{value:"",type:"Input",placeholder:"Search",onChange:()=>{}}]}]},$={headers:[{cells:[{value:"Name"},{value:"Weight (kg)",hasSort:!0,sort:"up",sortPriority:1,onSort:()=>{}},{value:"Energy (kcal / 100g)",hasSort:!0,sort:"down",sortPriority:2,onSort:()=>{}},{value:"Origin",hasSort:!0,sort:"",sortPriority:1,onSort:()=>{}}]}],rows:[{cells:[{value:"Brown rice"},{value:100},{value:361},{value:"Vietnam"}]},{cells:[{value:"Buckwheat"},{value:50},{value:358},{value:"Poland"}]},{cells:[{value:"Couscous"},{value:10},{value:368},{value:"France"}]}]},K={headers:[{cells:[{},{value:"Name"},{value:"Weight (kg)"},{value:"Energy (kcal / 100g)"},{value:"Origin"}]}],rows:[{cells:[{type:"Icon",icon:t.jsx(n,{icon:o.SUCCESS,color:"var(--color-text-success)"}),tooltip:"Success tooltip here",width:"var(--size)"},{value:"Brown rice"},{value:100},{value:361},{value:"Vietnam"}]},{cells:[{type:"Icon",icon:t.jsx(n,{icon:o.WARNING,color:"var(--color-text-warning)"}),tooltip:"Warning tooltip here",width:"var(--size)"},{value:"Buckwheat"},{value:50},{value:358},{value:"Poland"}]},{cells:[{type:"Icon",icon:t.jsx(n,{icon:o.ERROR,color:"var(--color-text-error)"}),tooltip:"Error tooltip here",width:"var(--size)"},{value:"Couscous"},{value:10},{value:368},{value:"France"}]}]},X={headers:[{cells:[{value:"Lorem"},{value:"Ipsum"}]}],rows:[{cells:[{type:"Link",value:"Link text",onClick:()=>console.log("Link clicked")},{type:"Link",value:"Disabled link text",disabled:!0,onClick:()=>console.log("Link clicked")}]},{cells:[{type:"Link",value:"Static warning link",warning:"Warning message",onClick:()=>console.log("Link clicked")},{type:"Link",value:"Static error link",error:"Error message",onClick:()=>console.log("Link clicked")}]}]},Q={headers:[{cells:[{value:"Name"},{value:"Weight (kg)"},{value:"Energy (kcal / 100g)"},{value:"Origin"},{value:"Lorem"},{value:"Ipsum"},{value:"Dolor"}],actions:[{primary:!0,label:"Add",icon:"add",onClick:()=>{}}]}],rows:[{cells:[{value:"Brown rice"},{value:100},{value:361},{value:"Vietnam"},{value:"Lorem"},{value:"Ipsum"},{value:"Dolor"}],actions:[{label:"Delete",icon:"minus",onClick:()=>{}}]},{cells:[{value:"Buckwheat"},{value:50},{value:358},{value:"Poland"},{value:"Lorem"},{value:"Ipsum"},{value:"Dolor"}],actions:[{label:"Delete",icon:"minus",onClick:()=>{}}]},{cells:[{value:"Couscous"},{value:10},{value:368},{value:"France"},{value:"Lorem"},{value:"Ipsum"},{value:"Dolor"}],actions:[{label:"test",icon:"minus",onClick:()=>{},hidden:!0}]}]},Y={headers:[{cells:[{value:"Name"},{value:"Weight (kg)"},{value:"Energy (kcal / 100g)"},{value:"Origin"}],actions:[{primary:!0,label:"Add",icon:"add",onClick:()=>{}}]}],rows:[{cells:[{value:"Brown rice"},{value:100},{value:361},{value:"Vietnam"}],actions:[{label:"More",subActions:[{label:"Move Up",icon:"up",onClick:()=>{}},{label:"Move Down",icon:"down",onClick:()=>{}}]},{label:"Delete",icon:"minus",onClick:()=>{}}]},{cells:[{value:"Buckwheat"},{value:50},{value:358},{value:"Poland"}],actions:[{label:"More",subActions:[{label:"Move Up",icon:"up",onClick:()=>{}},{label:"Move Down",icon:"down",onClick:()=>{}}]},{label:"Delete",icon:"minus",onClick:()=>{}}]},{cells:[{value:"Couscous"},{value:10},{value:368},{value:"France"}],actions:[{label:"More",subActions:[{label:"Move Up",icon:"up",onClick:()=>{}},{label:"Move Down",icon:"down",onClick:()=>{}}]},{label:"Delete",icon:"minus",onClick:()=>{}}]}]},Z={...e,footer:{content:t.jsxs(t.Fragment,{children:[t.jsx("strong",{children:"Footer content:"})," goes here"]}),pagination:{rowCount:500,selectedPage:10,rowsPerPage:{onChange:()=>{},options:[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],value:20},goTo:{onChange:()=>{}},onSelectPage:()=>{},small:!0},actions:[{label:"Star",icon:"star",onClick:()=>{}}]}},ee={...e,headers:e.headers.map(l=>({...l,cells:l.cells.map(a=>({...a,helpIcon:{onClick:()=>console.log("Help clicked"),tooltip:"Help text goes here"},libraryIcon:{onClick:()=>console.log("Library clicked"),tooltip:"Edit in library"}}))}))},le={columnWidths:[void 0,"100px","100px","100px",void 0],columnAlignment:["left","right","left","left","left","right"],columnHeaderAlignments:[["left","right","left","left","left","right"]],headers:[{cells:[{value:"Lorem ipsum dolor sit amet consectetur adipiscing elit sed doeius mod tempor incididunt laboreet dolore magna aliqua"},{value:"Weight (kg)"},{value:"Energy (kcal / 100g)"},{value:"Origin"},{value:"Static"},{value:"Static Right"}]}],rows:[{cells:[{breakWord:!0,value:"LoremipsumdolorsitametconsecteturadipiscingelitseddoeiusmodtemporincididuntutlaboreetdoloremagnaaliquaUtenimadminimveniamquisnostrudexercitationullamcolaborisnisiutaliquipexeacommodoconsequatDuisauteiruredolorinreprehenderitinvoluptatevelitessecillumdoloreeullamcolaborisnisiutaliquipexeacommodoconsequatDuisauteiruredolorinreprehenderitinvoluptatevelitessecillumdoloreeufugiatnullapariaturufugiatnullapariatur"},{type:"Select",native:!0,options:[{label:50,value:50},{label:100,value:100}],value:{label:100,value:100},onChange:()=>{},disabled:!0},{type:"Select",options:[{label:"Vietnam",value:"Vietnam"},{label:"Other",value:"Other"}],value:{label:"Vietnam",value:"Vietnam"},onChange:()=>{},error:"Error"},{value:"Brown rice",type:"Input",onChange:()=>{},testId:"table-tbody-cell-brown-rice",warning:"Warning message"},{value:"Static warning",warning:"Warning message"},{value:"100"}]},{cells:[{value:"Buckwheat"},{type:"Select",native:!0,options:[{label:50,value:50},{label:100,value:100}],value:{label:100,value:100},onChange:()=>{}},{type:"Select",options:[{label:"Vietnam",value:"Vietnam"},{label:"Other",value:"Other"}],value:{label:"Vietnam",value:"Vietnam"},onChange:()=>{}},{value:"Brown rice",type:"Input",onChange:()=>{},testId:"table-tbody-cell-brown-rice"},{type:"Link",value:"Static error link",error:"Error message"},{value:"100"}]}]},ae={fixedWidth:"auto",headers:[{cells:[{value:"Name"},{value:"Date of birth"}]}],rows:[{cells:[{value:"John Smith",width:"140px"},{value:"1980-05-05",type:"DateInput",width:"110px"}]},{cells:[{value:"Jane Doe",width:"140px"},{value:"1984-12-12",type:"DateInput",width:"110px"}]}]};export{i as A,O as B,j as C,T as D,D as E,A as F,V as G,B as H,G as I,$ as J,N as K,ee as L,s as a,_ as b,ae as c,m as d,M as e,f,W as g,q as h,z as i,K as j,X as k,Q as l,Y as m,R as n,x as o,F as p,le as q,Z as r,L as s,e as t,E as u,P as v,H as w,S as x,U as y,J as z};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as s}from"./jsx-runtime-eps93zm2.js";import{r as h}from"./index-DhsZuJvc.js";import{c as w}from"./index-Bk2sglWO.js";import{i as r}from"./types-UmZ4Y_CR.js";import{D as R}from"./disabled-context-rmpd7YJS.js";import{T as q}from"./tooltip-1V7clEnw.js";const N="_inputInTable_9svgh_1",H="_error_9svgh_7",A="_warning_9svgh_7",L="_inputHover_9svgh_13",M="_inputFocus_9svgh_18",V="_inputError_9svgh_25",F="_inputWarning_9svgh_26",C="_inputDisabled_9svgh_61",S="_hideScrollbars_9svgh_67",I="_textarea_9svgh_77",D="_small_9svgh_116",W="_monospace_9svgh_155",n={inputInTable:N,error:H,warning:A,inputHover:L,inputFocus:M,inputError:V,inputWarning:F,inputDisabled:C,hideScrollbars:S,textarea:I,small:D,monospace:W},j=({name:i,value:u="",placeholder:o="",cols:l,rows:m,disabled:d=!1,onChange:c=()=>{},onKeyPress:p=()=>{},onFocus:f=()=>{},onBlur:v=()=>{},tabIndex:T=0,error:e=null,warning:t=null,tooltip:a=null,maxTooltipWidth:g,resize:b,monospace:_=!1,testId:x})=>{const y=h.useContext(R),E=s.jsx("textarea",{className:w(n.textarea,e?n.error:"",t?n.warning:"",_?n.monospace:""),name:i,value:u,placeholder:o,cols:l,rows:m,onChange:c,disabled:d||y,onKeyPress:p,onFocus:f,onBlur:v,tabIndex:T,style:{resize:b},"data-testid":x});return s.jsx(q,{error:!!e,warning:!!t,text:a||e||t,enabled:a&&r(a)||e&&r(e)||t&&r(t)||!1,maxWidth:g,placement:"bottom-center",children:E})};j.__docgenInfo={description:"",methods:[],displayName:"TextArea",props:{name:{required:!1,tsType:{name:"string"},description:""},value:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"''",computed:!1}},placeholder:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},cols:{required:!1,tsType:{name:"number"},description:""},rows:{required:!1,tsType:{name:"number"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: ChangeEvent<HTMLTextAreaElement>) => void",signature:{arguments:[{type:{name:"ChangeEvent",elements:[{name:"HTMLTextAreaElement"}],raw:"ChangeEvent<HTMLTextAreaElement>"},name:"evt"}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},onKeyPress:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: KeyboardEvent<HTMLTextAreaElement>) => void",signature:{arguments:[{type:{name:"KeyboardEvent",elements:[{name:"HTMLTextAreaElement"}],raw:"KeyboardEvent<HTMLTextAreaElement>"},name:"evt"}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},onFocus:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: FocusEvent<HTMLTextAreaElement>) => void",signature:{arguments:[{type:{name:"FocusEvent",elements:[{name:"HTMLTextAreaElement"}],raw:"FocusEvent<HTMLTextAreaElement>"},name:"evt"}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},onBlur:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: FocusEvent<HTMLTextAreaElement>) => void",signature:{arguments:[{type:{name:"FocusEvent",elements:[{name:"HTMLTextAreaElement"}],raw:"FocusEvent<HTMLTextAreaElement>"},name:"evt"}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},tabIndex:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"0",computed:!1}},error:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | React.ReactNode",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactReactNode",raw:"React.ReactNode"}]},description:"",defaultValue:{value:"null",computed:!1}},warning:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | React.ReactNode",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactReactNode",raw:"React.ReactNode"}]},description:"",defaultValue:{value:"null",computed:!1}},tooltip:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | React.ReactNode",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactReactNode",raw:"React.ReactNode"}]},description:"",defaultValue:{value:"null",computed:!1}},maxTooltipWidth:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},resize:{required:!1,tsType:{name:"Property.Resize"},description:""},monospace:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},testId:{required:!1,tsType:{name:"string"},description:""}}};export{j as T};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._inputInTable_9svgh_1{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_9svgh_1:not(:hover):not(._error_9svgh_7):not(._warning_9svgh_7){border-color:transparent}._inputInTable_9svgh_1:not(:focus){box-shadow:none}._inputHover_9svgh_13{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_9svgh_18{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_9svgh_25,._inputWarning_9svgh_26{position:relative}._inputError_9svgh_25{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error-muted)}._inputError_9svgh_25:hover{border-color:var(--color-border-error-hover)!important}._inputError_9svgh_25:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_9svgh_26{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning-muted)}._inputWarning_9svgh_26:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_9svgh_26:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_9svgh_61{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._hideScrollbars_9svgh_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_9svgh_67::-webkit-scrollbar{display:none}._textarea_9svgh_77{margin:0;display:block;width:100%;max-width:100%;outline:0;text-align:left;font-family:var(--font-family);line-height:var(--line-height);padding:var(--padding-input);background:var(--color-background-input);border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--border-radius);transition:box-shadow .1s ease,border-color .1s ease;box-shadow:none;min-height:var(--size)}._textarea_9svgh_77::placeholder{color:var(--color-text-placeholder)}._textarea_9svgh_77:hover{position:relative;border-color:var(--color-border-hover);z-index:2}._textarea_9svgh_77:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._textarea_9svgh_77[disabled]{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._textarea_9svgh_77._small_9svgh_116{font-size:var(--font-size-sm);min-height:var(--size-sm);padding:var(--padding-input-sm)}._textarea_9svgh_77._error_9svgh_7{position:relative;z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error-muted)}._textarea_9svgh_77._error_9svgh_7:hover{border-color:var(--color-border-error-hover)!important}._textarea_9svgh_77._error_9svgh_7:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._textarea_9svgh_77._warning_9svgh_7{position:relative;z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning-muted)}._textarea_9svgh_77._warning_9svgh_7:hover{border-color:var(--color-border-warning-hover)!important}._textarea_9svgh_77._warning_9svgh_7:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._textarea_9svgh_77._monospace_9svgh_155{font-family:monospace}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as u}from"./jsx-runtime-eps93zm2.js";import{T as s}from"./textarea-
|
|
1
|
+
import{j as u}from"./jsx-runtime-eps93zm2.js";import{T as s}from"./textarea-D-R3vavM.js";import"./index-DhsZuJvc.js";import"./index-Bk2sglWO.js";import"./types-UmZ4Y_CR.js";import"./lodash-BHd_uQHh.js";import"./disabled-context-rmpd7YJS.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";const{useArgs:g}=__STORYBOOK_MODULE_PREVIEW_API__,f={title:"Forms/TextArea",component:s,args:{disabled:!1}},c=n=>{const[i,o]=g(),m=p=>{o({value:p.target.value})};return u.jsx(s,{...n,onChange:m})},e=c.bind({});var t,r,a;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:`args => {
|
|
2
2
|
const [_, updateArgs] = useArgs();
|
|
3
3
|
const handleChange = (evt: ChangeEvent<HTMLTextAreaElement>) => {
|
|
4
4
|
updateArgs({
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as G}from"./jsx-runtime-eps93zm2.js";import{T as X}from"./table-
|
|
1
|
+
import{j as G}from"./jsx-runtime-eps93zm2.js";import{T as X}from"./table-BFgZ2w5W.js";import{t as K,E as O,s as W,F as k,G as q,H as z,I as D,J as M,K as P,L as Q}from"./table.stories-data-DcBBxO_k.js";import"./index-DhsZuJvc.js";import"./index-Bk2sglWO.js";import"./index.es-DazXb-ul.js";import"./inheritsLoose-DP0QEDDI.js";import"./redux-tRgGMjwY.js";import"./objectSpread2-DW4nTBoq.js";import"./tiny-invariant-DqLgxztJ.js";import"./index-CUZDtIZe.js";import"./memoize-one.esm-CcMeOnPo.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./lodash-BHd_uQHh.js";import"./actions-B-KaMy86.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./button-kgPRviUL.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./index-CEuq6vkz.js";import"./tooltip-1V7clEnw.js";import"./types-BmbYqTX_.js";import"./types-UmZ4Y_CR.js";import"./badge-CLQ59MDF.js";import"./heading-CRNoBc7q.js";import"./help-icon-Buhx5nl6.js";import"./pagination-C_0Lfz0Y.js";import"./select-BFv5KuOX.js";import"./assertThisInitialized-B9jnkVVz.js";import"./text-B3-TSWok.js";import"./select.input-DIKP56UZ.js";import"./input-DFNY9YDm.js";import"./input-group-BaRSJAEN.js";import"./input-group-addon-D68iUKV2.js";import"./number-input-B6I6KkcP.js";import"./index-DaLCDjg_.js";import"./index-DRSy5Ssd.js";import"./check-box-BtCGePRy.js";import"./slider-BeJzxarD.js";import"./index-BI4_Bp97.js";import"./popover-IH58FliU.js";import"./flex-EllkLxgO.js";const Gr={title:"Basic/Table/Title & Header",component:X,args:{table:{...K}}},r=B=>G.jsx(X,{...B}),e=r.bind({});e.args={table:O};const s=r.bind({});s.args={table:W};const a=r.bind({});a.args={table:k};const t=r.bind({});t.args={table:q};const o=r.bind({});o.args={table:z};const n=r.bind({});n.args={table:D};const i=r.bind({});i.args={table:M};const p=r.bind({});p.args={table:P};const l=r.bind({});l.args={table:Q};var m,c,d;e.parameters={...e.parameters,docs:{...(m=e.parameters)==null?void 0:m.docs,source:{originalSource:`args => {
|
|
2
2
|
return <Table
|
|
3
3
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
4
4
|
{...args} />;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as c}from"./jsx-runtime-eps93zm2.js";import{t as s,S as l}from"./toaster-7wnI6hqB.js";import{a as r,M as f,D as E}from"./message-
|
|
1
|
+
import{j as c}from"./jsx-runtime-eps93zm2.js";import{t as s,S as l}from"./toaster-7wnI6hqB.js";import{a as r,M as f,D as E}from"./message-Y48EomV-.js";const I=({id:t,message:e={type:r.INFO,content:""},autoClose:o=6e3,onClose:i})=>{const{type:p=r.INFO}=e??{},u=({closeToast:d})=>c.jsx(E,{type:p,onClose:d,isInToast:!0,testId:t!==void 0?t.toString()+"-dismiss":void 0}),n=c.jsx(f,{message:{...e,visible:!0,width:"100%",maxHeight:"500px",withDismiss:!1}}),a=(()=>{switch(e==null?void 0:e.type){case r.SUCCESS:return s.TYPE.SUCCESS;case r.WARNING:return s.TYPE.WARNING;case r.ERROR:return s.TYPE.ERROR;default:return s.TYPE.INFO}})();return t!==void 0&&s.isActive(t)?s.update(t,{render:n,autoClose:o,onClose:i,type:a}):s(n,{toastId:t,autoClose:o,onClose:i,hideProgressBar:o===!1,icon:!1,closeOnClick:!1,pauseOnHover:!0,draggable:!1,closeButton:u,transition:l,type:a})},T=t=>{s.dismiss(t)};export{T as d,I as t};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as s}from"./jsx-runtime-eps93zm2.js";import{w as ss,e as l,u as y,a as E}from"./index-DMAnyMX5.js";import{G as X}from"./grid-
|
|
1
|
+
import{j as s}from"./jsx-runtime-eps93zm2.js";import{w as ss,e as l,u as y,a as E}from"./index-DMAnyMX5.js";import{G as X}from"./grid-DRkC-bt8.js";import{T as w}from"./text-B3-TSWok.js";import{F as Z}from"./flex-EllkLxgO.js";import{t as S,d as b}from"./toaster-BoBcvmf9.js";import{B as t}from"./button-kgPRviUL.js";import{S as $}from"./spacer-BWoNR27H.js";import{a as C}from"./message-Y48EomV-.js";import"./index-DhsZuJvc.js";import"./index-CF7H4eMJ.js";import"./styled-components.browser.esm-BQ9GQzDc.js";import"./index-Bk2sglWO.js";import"./toaster-7wnI6hqB.js";import"./index-CUZDtIZe.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./tooltip-1V7clEnw.js";const es={type:C.SUCCESS,icon:!0,heading:"Heading",content:"Great results"},os={type:C.ERROR,icon:!0,heading:"Heading",content:"An error has happened",details:"Bad input data lorem ipsum dolor est compendum lorem ipsum."},ts={type:C.WARNING,icon:!0,heading:"Heading",content:"Warning message"},as={type:C.INFO,icon:!0,heading:"Heading",content:"Long content lorem ipsum dolor est compendum lorem ipsum."},Ds={title:"Modals/Toaster",parameters:{docs:{story:{inline:!1,iframeHeight:400}}},source:{type:"code"},args:{id:void 0,message:as,autoClose:6e3,onClose:()=>{}}},h=e=>s.jsx(t,{onClick:()=>S({...e,onClose:()=>console.log("toast closed")}),label:"Show toast"}),T=h.bind({}),u=h.bind({});u.args={message:es};const d=h.bind({});d.args={message:ts};const m=h.bind({});m.args={message:os};const i=()=>s.jsx(t,{label:"Show Toast",onClick:()=>{const e=Math.random()>=.5;S({message:{type:e?"Success":"Error",icon:!0,content:e?"Success":"Error"},onClose:()=>console.log("toast closed"),id:"uniqueId"})}});i.parameters={docs:{iframeHeight:200,description:{story:"Pass a unique `id` in the `toast` object to prevent duplicates. Successive toasts with the same ID will update the existing toast."}}};const p=()=>{const e="sessionExpiring",a={type:"Info",content:s.jsxs(X,{children:[s.jsx(w,{bold:!0,children:"You will be signed out soon"}),s.jsx(w,{children:"For your security, you will be automatically signed out in 30 minutes unless you extend your session."}),s.jsx($,{height:"var(--padding-xxs)"}),s.jsxs(Z,{gap:"var(--padding-xs)",children:[s.jsx(t,{label:"Extend session",small:!0,colored:"success",onClick:()=>b(e)}),s.jsx(t,{label:"Dismiss",small:!0,onClick:()=>b(e)})]})]})};return s.jsx(t,{label:"Show Toast",onClick:()=>S({message:a,autoClose:!1,id:e})})},g=()=>{const e="sessionExpiringSoon",a={type:"Error",content:s.jsxs(X,{children:[s.jsx(w,{bold:!0,children:"You will be signed out very soon"}),s.jsx(w,{children:"For your security, you will be automatically signed out in 30 minutes unless you extend your session."}),s.jsx($,{height:"var(--padding-xxs)"}),s.jsxs(Z,{gap:"var(--padding-xs)",children:[s.jsx(t,{label:"Extend session",small:!0,colored:"success",onClick:()=>b(e)}),s.jsx(t,{label:"Dismiss",small:!0,onClick:()=>b(e)})]})]})};return s.jsx(t,{label:"Show Toast",onClick:()=>S({message:a,autoClose:!1,id:e})})},x=()=>{const e={type:"Success",content:"Your session has been extended for 1 hour"};return s.jsx(t,{label:"Show Toast",onClick:()=>S({message:e})})},c=h.bind({});c.args={id:"testId",autoClose:50};c.play=async({canvasElement:e,step:a})=>{const o=e.parentElement?ss(e.parentElement):null;await l(o).toBeTruthy(),o&&(await a("Toast should appear when triggered",async()=>{const r=o.getByText("Show toast");await y.click(r);const n=o.getByRole("alert");await l(n).toBeInTheDocument()}),await a("Duplicate toasts shouldn't be created",async()=>{const r=o.getByText("Show toast");await y.click(r);const n=o.queryAllByRole("alert");await l(n).toHaveLength(1)}),await a("Toast should disappear when close button pressed",async()=>{const r=o.getByRole("alert"),n=o.getByTestId("testId-dismiss");await y.click(n),await E(()=>l(r).not.toBeInTheDocument(),{timeout:2e3})}),await a("Toast should automatically close",async()=>{const r=o.getByText("Show toast");await y.click(r);const n=o.getByRole("alert");await E(()=>l(n).not.toBeInTheDocument(),{timeout:2e3})}))};i.__docgenInfo={description:"",methods:[],displayName:"PreventDuplicates"};p.__docgenInfo={description:"",methods:[],displayName:"SessionExpiring"};g.__docgenInfo={description:"",methods:[],displayName:"SessionExpiringSoon"};x.__docgenInfo={description:"",methods:[],displayName:"SessionExtended"};var I,f,B;T.parameters={...T.parameters,docs:{...(I=T.parameters)==null?void 0:I.docs,source:{originalSource:`args => {
|
|
2
2
|
return <Button onClick={() => toast({
|
|
3
3
|
...args,
|
|
4
4
|
onClose: () => console.log('toast closed')
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as o}from"./jsx-runtime-eps93zm2.js";import{T as m}from"./tooltip-1V7clEnw.js";import{M as u}from"./actions-
|
|
1
|
+
import{j as o}from"./jsx-runtime-eps93zm2.js";import{T as m}from"./tooltip-1V7clEnw.js";import{M as u}from"./actions-B-KaMy86.js";import{m as d}from"./menu.stories-data-DeDnsKpk.js";import"./index-DhsZuJvc.js";import"./index-CUZDtIZe.js";import"./index-Bk2sglWO.js";import"./lodash-BHd_uQHh.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./button-kgPRviUL.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./types-BmbYqTX_.js";import"./types-UmZ4Y_CR.js";import"./badge-CLQ59MDF.js";import"./flex-EllkLxgO.js";const B={title:"Basic/Tooltip/Test Cases",component:m,args:{text:"Tooltip text"}},l=c=>o.jsx(m,{...c}),e=l.bind({});e.args={children:o.jsx(u,{menu:d}),placement:"bottom-end",display:"inline-block"};const s=l.bind({});s.args={children:o.jsx("span",{children:"Hover over me"}),text:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean pharetra tellus eu cursus suscipit. Maecenas leo sapien, convallis ac urna ullamcorper, tempus porttitor eros. Suspendisse pellentesque odio ac metus semper, nec sagittis nisi cursus. Aenean felis libero, bibendum id accumsan id, commodo suscipit ex. Pellentesque gravida rhoncus neque, ac tincidunt libero maximus vel. In lacus nisi, malesuada vitae velit vel, laoreet porta nisl."};var t,r,i;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:`args => <Tooltip
|
|
2
2
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
3
3
|
{...args} />`,...(i=(r=e.parameters)==null?void 0:r.docs)==null?void 0:i.source}}};var a,n,p;s.parameters={...s.parameters,docs:{...(a=s.parameters)==null?void 0:a.docs,source:{originalSource:`args => <Tooltip
|
|
4
4
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as n}from"./jsx-runtime-eps93zm2.js";import{c as d}from"./index-Bk2sglWO.js";import{I as q}from"./icon-BSFY3vDO.js";import{T}from"./common-types-Sih75Sav.js";import{B as E}from"./button-
|
|
1
|
+
import{j as n}from"./jsx-runtime-eps93zm2.js";import{c as d}from"./index-Bk2sglWO.js";import{I as q}from"./icon-BSFY3vDO.js";import{T}from"./common-types-Sih75Sav.js";import{B as E}from"./button-kgPRviUL.js";import{M as w}from"./actions-B-KaMy86.js";import{r as N}from"./index-DhsZuJvc.js";import{D as M}from"./disabled-context-rmpd7YJS.js";const R="_topbar_oyr59_11",_="_fixed_oyr59_21",j="_appSwitcher_oyr59_29",h="_title_oyr59_75",C="_logo_oyr59_91",x="_label_oyr59_94",I="_brand_oyr59_99",B="_version_oyr59_104",H="_left_oyr59_111",L="_right_oyr59_112",P="_item_oyr59_126",A="_link_oyr59_127",D="_button_oyr59_138",O="_menu_oyr59_139",S="_active_oyr59_168",V="_alert_oyr59_193",a={topbar:R,fixed:_,appSwitcher:j,title:h,logo:C,label:x,brand:I,version:B,left:H,right:L,item:P,link:A,button:D,menu:O,active:S,alert:V},g=({warning:e})=>n.jsx("div",{className:a.alert,children:e});g.__docgenInfo={description:"",methods:[],displayName:"Warning",props:{warning:{required:!0,tsType:{name:"ReactNode"},description:""}}};const f=({icon:e,url:t,onClick:s})=>{const r=n.jsx(q,{icon:e});return t?n.jsx("a",{href:t,onClick:s,className:a.appSwitcher,children:r}):n.jsx("div",{onClick:s,className:a.appSwitcher,children:r})};f.__docgenInfo={description:"",methods:[],displayName:"AppSwitcher",props:{icon:{required:!1,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},url:{required:!1,tsType:{name:"string"},description:""},onClick:{required:!1,tsType:{name:"MouseEventHandler",elements:[{name:"union",raw:"HTMLDivElement | HTMLAnchorElement",elements:[{name:"HTMLDivElement"},{name:"HTMLAnchorElement"}]}],raw:"MouseEventHandler<HTMLDivElement | HTMLAnchorElement>"},description:""}}};const b=({label:e,logo:t,url:s,version:r,onClick:i})=>{const l=n.jsxs("div",{className:a.title,children:[t&&n.jsx("div",{className:a.logo,children:t}),e&&n.jsx("span",{className:a.label,children:e}),r&&n.jsx("div",{className:a.version,children:r})]});return n.jsx("div",{className:d(a.item,a.brand),children:s?n.jsx("a",{href:s,onClick:i,children:l}):n.jsx("div",{onClick:i,children:l})})};b.__docgenInfo={description:"",methods:[],displayName:"Title",props:{label:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:""},logo:{required:!1,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},url:{required:!1,tsType:{name:"string"},description:""},version:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},onClick:{required:!1,tsType:{name:"MouseEventHandler",elements:[{name:"union",raw:"HTMLDivElement | HTMLAnchorElement",elements:[{name:"HTMLDivElement"},{name:"HTMLAnchorElement"}]}],raw:"MouseEventHandler<HTMLDivElement | HTMLAnchorElement>"},description:""}}};var m=(e=>(e.LINK="Link",e.BUTTON="Button",e.MENU="Menu",e.COMPONENT="Component",e))(m||{});const p=({label:e,url:t,icon:s,onClick:r,active:i,disabled:l,testId:c,component:o="a"})=>{const u=N.useContext(M),k=v=>{(l||u)&&v.preventDefault(),r==null||r(v)};return n.jsxs(o,{className:d(a.link,i?a.active:""),href:t||"#",to:t,onClick:k,"aria-disabled":l||u,"data-testid":c,role:r&&!t?"button":void 0,children:[s,n.jsx("span",{className:a.label,children:e})]})};p.__docgenInfo={description:"",methods:[],displayName:"Link",props:{label:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:""},url:{required:!1,tsType:{name:"string"},description:""},icon:{required:!1,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},onClick:{required:!1,tsType:{name:"MouseEventHandler",elements:[{name:"HTMLAnchorElement"}],raw:"MouseEventHandler<HTMLAnchorElement>"},description:""},active:{required:!1,tsType:{name:"boolean"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},testId:{required:!1,tsType:{name:"string"},description:""},component:{required:!1,tsType:{name:"ReactElementType",raw:"React.ElementType"},description:"",defaultValue:{value:"'a'",computed:!1}}}};const y=({element:e})=>{switch(e.type){case m.LINK:return n.jsx("div",{className:a.item,children:n.jsx(p,{label:e.label,url:e.url,icon:e.icon,onClick:e.onClick,active:e.active,disabled:e.disabled,testId:e.testId,component:e.component})});case m.BUTTON:return n.jsx("div",{className:d(a.item,a.button),children:n.jsx(E,{label:e.label,colored:e.colored,pill:!0,disabled:e.disabled,onClick:e.onClick,icon:e.icon,testId:e.testId})});case m.MENU:return n.jsx("div",{className:d(a.item,a.menu),children:n.jsx(w,{maxHeight:"100%",menu:{trigger:T.COMPONENT,fullHeightTrigger:!0,placement:"bottom-start",component:n.jsx(p,{label:e.label,icon:e.icon,onClick:e.onClick}),sections:e.sections}})});case m.COMPONENT:return n.jsx("div",{className:a.item,children:e.component});default:return null}};y.__docgenInfo={description:"",methods:[],displayName:"Element",props:{element:{required:!0,tsType:{name:"union",raw:"TLinkElement | TButtonElement | TMenuElement | TComponentElement",elements:[{name:"intersection",raw:`TBaseElementProps & {
|
|
2
2
|
type: 'Link';
|
|
3
3
|
url?: string;
|
|
4
4
|
active?: boolean;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-eps93zm2.js";import{H as I,L as c,S as D,R as l}from"./react-router-dom-Ck2Y_Fzc.js";import{I as O,T as A}from"./common-types-Sih75Sav.js";import{T as p}from"./top-bar-
|
|
1
|
+
import{j as e}from"./jsx-runtime-eps93zm2.js";import{H as I,L as c,S as D,R as l}from"./react-router-dom-Ck2Y_Fzc.js";import{I as O,T as A}from"./common-types-Sih75Sav.js";import{T as p}from"./top-bar-kBVQ5xF2.js";import{P as w}from"./page-7SSpdYhb.js";import{M as N}from"./actions-B-KaMy86.js";import{B as m}from"./button-kgPRviUL.js";import{B as P}from"./badge-CLQ59MDF.js";import{L as v}from"./logo-BVP9045W.js";import{s as H}from"./icon-custom-Xcl4YkWP.js";import{M as s}from"./types-BmbYqTX_.js";import"./index-DhsZuJvc.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./tiny-invariant-DqLgxztJ.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./index-Bk2sglWO.js";import"./icon-BSFY3vDO.js";import"./disabled-context-rmpd7YJS.js";import"./lodash-BHd_uQHh.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./types-UmZ4Y_CR.js";import"./spinner-AWUe4xwQ.js";const M=[{type:"Link",label:"Link",onClick:()=>{}},{type:"Link",label:"Active",active:!0,onClick:()=>{}},{type:"Link",label:"Disabled",disabled:!0,onClick:()=>{}},{type:"Menu",label:"Dropdown",onClick:()=>{},sections:[{type:"Option",label:"Alpacas",onClick:()=>{}},{type:"Option",label:"Llamas",onClick:()=>{}}]},{type:"Button",label:"Save",colored:!0,onClick:()=>{},testId:"top-bar-button-save"}],E=[{type:"Component",component:e.jsx(P,{title:"3",small:!0,margin:"5px",children:e.jsx(m,{icon:O.NOTIFICATION,round:!0,onClick:()=>{}})})},{type:"Component",component:e.jsx(N,{menu:{trigger:A.COMPONENT,fullHeightTrigger:!0,placement:"bottom-end",component:e.jsx(m,{label:"TU",round:!0,onClick:()=>{}}),sections:[{type:s.HEADING,label:"Test User"},{type:s.OPTION,label:"Profile",icon:"user",onClick:()=>{}},{type:s.DIVIDER},{type:s.OPTION,label:"Sign out",icon:"lock",onClick:()=>{}}]}})}],ce={title:"Navigation/TopBar",component:p,parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}},argTypes:{height:{control:"text"}},args:{title:{logo:e.jsx("img",{src:v,alt:"logo"}),onClick:()=>{}},content:M,contentRight:E}},i=j=>e.jsx(p,{...j}),n=i.bind({}),t=i.bind({});t.args={warning:"Application update available. Please refresh your browser."};const r=i.bind({});r.args={title:{label:"Text Branding",onClick:()=>{}}};const o=i.bind({});o.args={appSwitcher:{icon:H,onClick:()=>{}}};const a=()=>e.jsx(I,{children:e.jsxs(w,{left:0,children:[e.jsx(p,{content:[{type:"Link",label:"Dashboard",component:c,url:"/dashboard"},{type:"Link",label:"Settings",component:c,url:"/settings"}]}),e.jsxs(D,{children:[e.jsx(l,{path:"/dashboard",children:"Dashboard"}),e.jsx(l,{path:"/settings",children:"Settings"})]})]})});a.__docgenInfo={description:"",methods:[],displayName:"AsRouterLink"};var d,u,g;n.parameters={...n.parameters,docs:{...(d=n.parameters)==null?void 0:d.docs,source:{originalSource:"args => <TopBar {...args} />",...(g=(u=n.parameters)==null?void 0:u.docs)==null?void 0:g.source}}};var h,b,k;t.parameters={...t.parameters,docs:{...(h=t.parameters)==null?void 0:h.docs,source:{originalSource:"args => <TopBar {...args} />",...(k=(b=t.parameters)==null?void 0:b.docs)==null?void 0:k.source}}};var T,y,f;r.parameters={...r.parameters,docs:{...(T=r.parameters)==null?void 0:T.docs,source:{originalSource:"args => <TopBar {...args} />",...(f=(y=r.parameters)==null?void 0:y.docs)==null?void 0:f.source}}};var x,S,C;o.parameters={...o.parameters,docs:{...(x=o.parameters)==null?void 0:x.docs,source:{originalSource:"args => <TopBar {...args} />",...(C=(S=o.parameters)==null?void 0:S.docs)==null?void 0:C.source}}};var L,B,R;a.parameters={...a.parameters,docs:{...(L=a.parameters)==null?void 0:L.docs,source:{originalSource:`() => {
|
|
2
2
|
return <HashRouter>
|
|
3
3
|
<Page left={0}>
|
|
4
4
|
<TopBar content={[{
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-eps93zm2.js";import{I as n}from"./common-types-Sih75Sav.js";import{T as l}from"./top-bar-
|
|
1
|
+
import{j as e}from"./jsx-runtime-eps93zm2.js";import{I as n}from"./common-types-Sih75Sav.js";import{T as l}from"./top-bar-kBVQ5xF2.js";import{B as s}from"./button-kgPRviUL.js";import{B as m}from"./badge-CLQ59MDF.js";import{L as p}from"./logo-BVP9045W.js";import"./index-DhsZuJvc.js";import"./index-Bk2sglWO.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./actions-B-KaMy86.js";import"./lodash-BHd_uQHh.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./types-BmbYqTX_.js";import"./types-UmZ4Y_CR.js";import"./spinner-AWUe4xwQ.js";const h={title:"Navigation/TopBar/Test Cases",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},o=()=>e.jsx(l,{title:{logo:e.jsx("img",{src:p,alt:"logo"}),version:"V1.2.3",onClick:()=>{}},content:[{type:"Link",label:"Link",onClick:()=>{}},{type:"Link",label:"Lorem ipsum dolor est compendum lorem ipsum dolor est compendum lorem ipsum dolor est (cloned 2022-06-17 01:33:42)",active:!0,onClick:()=>{}},{type:"Link",label:"Disabled",disabled:!0,onClick:()=>{}},{type:"Button",label:"Save",colored:!0,onClick:()=>{},testId:"top-bar-button-save"}],contentRight:[{type:"Component",component:e.jsx(m,{title:"3",small:!0,margin:"5px",children:e.jsx(s,{icon:n.NOTIFICATION,round:!0,onClick:()=>{}})})}]});o.__docgenInfo={description:"",methods:[],displayName:"OverflowingLinks"};var t,r,i;o.parameters={...o.parameters,docs:{...(t=o.parameters)==null?void 0:t.docs,source:{originalSource:`() => <TopBar title={{
|
|
2
2
|
logo: <img src={LogoSVG} alt="logo" />,
|
|
3
3
|
version: 'V1.2.3',
|
|
4
4
|
onClick: () => {}
|