@oliasoft-open-source/react-ui-library 4.11.1 → 4.12.0-beta-2
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-BpSdrNXy.css → index-BU9wzZv9.css} +336 -336
- package/dist/assets/{index-DoFa61ar.js → index-BVCFmQTa.js} +144 -164
- package/dist/index.d.ts +2 -6
- package/dist/index.html +1 -1
- package/dist/index.js +135 -132
- package/dist/index.js.map +1 -1
- package/dist/storybook/assets/{Color-KGDBMAHA-B3T0ILh4.js → Color-KGDBMAHA-BODMLRvZ.js} +1 -1
- package/dist/storybook/assets/{DocsRenderer-PKQXORMH-CJgueRY3.js → DocsRenderer-PKQXORMH-DEi7ICVq.js} +1 -1
- package/dist/storybook/assets/{accordion.stories-Ctfewlsk.js → accordion.stories-C_Vx7GEC.js} +1 -1
- package/dist/storybook/assets/{actions-D-uVCDzk.js → actions-Bax0KeqM.js} +2 -2
- package/dist/storybook/assets/{actions.stories-gKfuiKQy.js → actions.stories-BnPZKqOJ.js} +1 -1
- package/dist/storybook/assets/{afe.stories-DM18uTAa.js → afe.stories-OEYJqexC.js} +1 -1
- package/dist/storybook/assets/{badge.stories-Dkq_XgEW.js → badge.stories-DA_eeQyi.js} +1 -1
- package/dist/storybook/assets/{blowout.stories-DHdofVc-.js → blowout.stories-DH-sYHgB.js} +1 -1
- package/dist/storybook/assets/button-Cbv7WK6k.js +1 -0
- package/dist/storybook/assets/button-DtgxLQCF.css +1 -0
- package/dist/storybook/assets/{button-group-1DEZPmxq.js → button-group-D2fGP_bX.js} +1 -1
- package/dist/storybook/assets/{button-group.stories-C4V1k0z_.js → button-group.stories-BETADGti.js} +1 -1
- package/dist/storybook/assets/{button.stories-DA9DGYD2.js → button.stories-C03VvX8K.js} +1 -1
- package/dist/storybook/assets/{buttons-and-links-BgjMT4gF.js → buttons-and-links-BHNS6Ebw.js} +1 -1
- package/dist/storybook/assets/{casing-loads.stories-Cc2cl9m1.js → casing-loads.stories-BAdZ87Oc.js} +1 -1
- package/dist/storybook/assets/{cell.stories-D8aQP2lw.js → cell.stories-Bu5u9qEl.js} +1 -1
- package/dist/storybook/assets/{chunk-HLWAVYOI-DW5riARI.js → chunk-HLWAVYOI-BbzmrmoZ.js} +1 -1
- package/dist/storybook/assets/{color-Cidw5dH_.js → color-oeF0-Pph.js} +1 -1
- package/dist/storybook/assets/{dialog-BelCA1mt.js → dialog-DkpQscuI.js} +1 -1
- package/dist/storybook/assets/drawer-BVc1xI9q.css +1 -0
- package/dist/storybook/assets/drawer-DaQ1xGjV.js +3 -0
- package/dist/storybook/assets/{drawer.stories-DcjyDHEs.js → drawer.stories-C08XBVTq.js} +1 -1
- package/dist/storybook/assets/{empty.stories-DcwF0pkK.js → empty.stories-L7LSMcLe.js} +1 -1
- package/dist/storybook/assets/{field.stories-DUGMwi1O.js → field.stories-CYpQ669-.js} +1 -1
- package/dist/storybook/assets/{file-button.stories-CU2pZcEO.js → file-button.stories-CRaTdLfv.js} +1 -1
- package/dist/storybook/assets/{file-input-B0-ERX66.js → file-input-yalPf7-m.js} +1 -1
- package/dist/storybook/assets/{file-input.stories-Cpd1NHbq.js → file-input.stories-DMTQqAF8.js} +1 -1
- package/dist/storybook/assets/{flex.stories-BhvJpHpN.js → flex.stories-CLwPyEMp.js} +1 -1
- package/dist/storybook/assets/{footer.stories-DcDOHTpf.js → footer.stories-LUxEpSgD.js} +1 -1
- package/dist/storybook/assets/{form.stories-BLcmnfy8.js → form.stories-B7V77yuI.js} +1 -1
- package/dist/storybook/assets/{formation.stories-D9xC_fJP.js → formation.stories-D7MX0dSY.js} +1 -1
- package/dist/storybook/assets/{iframe-BOQa8dKi.js → iframe-nuCPRPrd.js} +2 -2
- package/dist/storybook/assets/{index-IzFttIXx.js → index-BFtO1KgR.js} +88 -88
- package/dist/storybook/assets/{index-CqF2VcgG.js → index-CN6H1a0D.js} +1 -1
- package/dist/storybook/assets/{initialize-context-BvejO8yS.js → initialize-context-rEvM6bdZ.js} +1 -1
- package/dist/storybook/assets/input-Db9WkmPP.js +1 -0
- package/dist/storybook/assets/input-Dz1ZZYN5.css +1 -0
- package/dist/storybook/assets/{input-group.stories-EhmORqH9.js → input-group.stories-BdQ1prY4.js} +1 -1
- package/dist/storybook/assets/{input-validation-Barn85e8.js → input-validation-Ccu8WMpy.js} +1 -1
- package/dist/storybook/assets/{input.stories-FKl0qVhm.js → input.stories-SJy3TKkD.js} +1 -1
- package/dist/storybook/assets/{inputs-DhSTn98J.js → inputs-C4fsY4Ua.js} +1 -1
- package/dist/storybook/assets/{layout-forms-B7tboerR.js → layout-forms-DOgsanng.js} +1 -1
- package/dist/storybook/assets/{layout-general-IRBlgjFP.js → layout-general-DtDx77FI.js} +1 -1
- package/dist/storybook/assets/{list-bKpz6I9Q.js → list-By3wp5Wa.js} +1 -1
- package/dist/storybook/assets/{list.stories-Cgmt29Wv.js → list.stories-BcDHHHYJ.js} +1 -1
- package/dist/storybook/assets/{list.stories-data-D_Aj3AN4.js → list.stories-data-Doo2Rqun.js} +1 -1
- package/dist/storybook/assets/{loader.stories-pS8zRM4u.js → loader.stories-Q0U2BqZX.js} +1 -1
- package/dist/storybook/assets/{menu.stories-DLJSzJa-.js → menu.stories-1I5AGGQx.js} +1 -1
- package/dist/storybook/assets/menu.test-case.stories-W-jG-Jk8.js +3 -0
- package/dist/storybook/assets/message-BRyKdRaX.js +1 -0
- package/dist/storybook/assets/message-C2ZCkHX6.css +1 -0
- package/dist/storybook/assets/{message.stories-r_UlbshI.js → message.stories-bCqCYIuN.js} +1 -1
- package/dist/storybook/assets/meta-content-ByVTG0hd.css +1 -0
- package/dist/storybook/assets/meta-content-DNgQbAW0.js +9 -0
- package/dist/storybook/assets/{modal.stories-DOgeTuHT.js → modal.stories-DUXRRhK-.js} +1 -1
- package/dist/storybook/assets/modal.test-case.stories-Ci1WRYdo.js +21 -0
- package/dist/storybook/assets/{number-input-Dq8zEk7X.js → number-input-CNnU6gOF.js} +1 -1
- package/dist/storybook/assets/{number-input.stories-DUvn4L-Z.js → number-input.stories-Bo26PJmJ.js} +1 -1
- package/dist/storybook/assets/number-input.test-case.stories-CHGSaGbj.js +92 -0
- package/dist/storybook/assets/{option-dropdown.stories-CIvqMhQ3.js → option-dropdown.stories-CznUbXVi.js} +1 -1
- package/dist/storybook/assets/{padding-and-spacing-CZZN7tnu.js → padding-and-spacing-Mfm_1hn5.js} +1 -1
- package/dist/storybook/assets/{page.stories-DnCh8h8y.js → page.stories-DthnK8qb.js} +1 -1
- package/dist/storybook/assets/{pagination-DWc8zp3k.js → pagination-CoyQUC4R.js} +1 -1
- package/dist/storybook/assets/{pagination.stories-B5cOvzik.js → pagination.stories-qfpnU8DC.js} +1 -1
- package/dist/storybook/assets/{pop-confirm.stories-DCpooB2O.js → pop-confirm.stories-CHa0qUBe.js} +1 -1
- package/dist/storybook/assets/{popover-rq33c1W2.js → popover-C_2P8LFJ.js} +1 -1
- package/dist/storybook/assets/{popover.stories-p9_-pH_Q.js → popover.stories-TwNkFkWa.js} +1 -1
- package/dist/storybook/assets/{preview-Bb6CWa9a.js → preview-BIv_KaBF.js} +2 -2
- package/dist/storybook/assets/{preview-u3mhrMoU.js → preview-DVjsIOwK.js} +1 -1
- package/dist/storybook/assets/{projects.stories-Co_WnKSx.js → projects.stories-BPm6ucAe.js} +1 -1
- package/dist/storybook/assets/{reservoirs.stories-UW_8sofe.js → reservoirs.stories-DE9FrS0f.js} +1 -1
- package/dist/storybook/assets/{rich-text-input-dDjxXFl-.css → rich-text-input-BJfL0Me_.css} +1 -1
- package/dist/storybook/assets/{rich-text-input.stories-CK_OTGiV.js → rich-text-input.stories-BNwcnp92.js} +4 -4
- package/dist/storybook/assets/{row.stories-D1iDHHxo.js → row.stories-D3Bnp8i4.js} +1 -1
- package/dist/storybook/assets/select-BQzJMnK1.js +61 -0
- package/dist/storybook/assets/select-BmYXTl_0.css +1 -0
- package/dist/storybook/assets/{select.stories-Bpffz9TF.js → select.stories-BRGk9iYK.js} +1 -1
- package/dist/storybook/assets/select.test-case.stories-BYMK9M8u.js +82 -0
- package/dist/storybook/assets/side-bar-fBbBqyAT.css +1 -0
- package/dist/storybook/assets/side-bar-wpFQ5NEE.js +24 -0
- package/dist/storybook/assets/{side-bar.stories-M6FsuCrQ.js → side-bar.stories-LjClxJcG.js} +1 -1
- package/dist/storybook/assets/{site.stories-ZGohyW6Z.js → site.stories-BnWmALGd.js} +1 -1
- package/dist/storybook/assets/{slider-C7vnj_3M.js → slider-CcpE4BLD.js} +1 -1
- package/dist/storybook/assets/{slider.stories-BzBb3PkP.js → slider.stories-BqlRLY_C.js} +1 -1
- package/dist/storybook/assets/{smart-upload-modal.stories-xqiXR6jV.js → smart-upload-modal.stories-BlTSF64K.js} +1 -1
- package/dist/storybook/assets/{spacer.stories-BBTt2LdE.js → spacer.stories-BT2S6B0R.js} +1 -1
- package/dist/storybook/assets/table-BtBtDwPu.css +1 -0
- package/dist/storybook/assets/table-DPbEkZqw.js +86 -0
- package/dist/storybook/assets/{table.stories-oLm8-Sg3.js → table.stories-BBzqpsyH.js} +1 -1
- package/dist/storybook/assets/{table.stories-data-C3vJedB1.js → table.stories-data-C7mC5R8Q.js} +1 -1
- package/dist/storybook/assets/{textarea-D6ltcKhz.js → textarea-DflOOrxV.js} +2 -2
- package/dist/storybook/assets/textarea-TqxidmV4.css +1 -0
- package/dist/storybook/assets/{textarea.stories-CJ-Oqytp.js → textarea.stories-CzsqRVpC.js} +1 -1
- package/dist/storybook/assets/{title.stories-iTXgnNqS.js → title.stories-B4PYbA22.js} +1 -1
- package/dist/storybook/assets/{toaster-BoBcvmf9.js → toaster-O8ftrUAJ.js} +1 -1
- package/dist/storybook/assets/{toaster.stories-G6nKp3uV.js → toaster.stories-CdpwLBSo.js} +1 -1
- package/dist/storybook/assets/toaster.test-case.stories-Cy3_Gvs_.js +6 -0
- package/dist/storybook/assets/{tooltip.test-case.stories-C0wxGvKJ.js → tooltip.test-case.stories-De9h8ThH.js} +1 -1
- package/dist/storybook/assets/{top-bar-DkXSzzqt.js → top-bar-Bjf6PQE1.js} +1 -1
- package/dist/storybook/assets/{top-bar.stories-HDmWT243.js → top-bar.stories-1hZmlzDT.js} +1 -1
- package/dist/storybook/assets/{top-bar.testcase.stories-DfmrkEpT.js → top-bar.testcase.stories-BsFYqaw6.js} +1 -1
- package/dist/storybook/assets/{tree.stories-feLUcTtm.js → tree.stories-NGZfmH_B.js} +1 -1
- package/dist/storybook/assets/{unit-input-DZs3wEdY.js → unit-input-Byipu-z0.js} +1 -1
- package/dist/storybook/assets/{unit-input.stories-BRl4TnIK.js → unit-input.stories-CChVbxmI.js} +1 -1
- package/dist/storybook/assets/{unit-input.test-case.stories-xWsKGi4p.js → unit-input.test-case.stories-BeFM9DuK.js} +3 -3
- package/dist/storybook/assets/{unit-table.stories-C4AcKcPO.js → unit-table.stories-9x5S71wv.js} +1 -1
- package/dist/storybook/assets/{unit-table.test-case.stories-Do8WFzxy.js → unit-table.test-case.stories-DZJ-hZ72.js} +1 -1
- package/dist/storybook/iframe.html +1 -1
- package/dist/storybook/project.json +1 -1
- package/package.json +1 -1
- package/dist/404.html +0 -1
- package/dist/storybook/assets/button-DHevvVBE.js +0 -1
- package/dist/storybook/assets/button-fAxt_G4d.css +0 -1
- package/dist/storybook/assets/drawer-DOWJp9T4.js +0 -3
- package/dist/storybook/assets/drawer-DhrjYsQu.css +0 -1
- package/dist/storybook/assets/input-DD7t4kHm.css +0 -1
- package/dist/storybook/assets/input-DTXbDJaL.js +0 -1
- package/dist/storybook/assets/menu.test-case.stories-DyrNbGBs.js +0 -3
- package/dist/storybook/assets/message-Cl3kn7ZD.css +0 -1
- package/dist/storybook/assets/message-Y48EomV-.js +0 -1
- package/dist/storybook/assets/meta-content-DWZbURV2.js +0 -9
- package/dist/storybook/assets/meta-content-DnZPPeTF.css +0 -1
- package/dist/storybook/assets/modal.test-case.stories-DQ1Izuq6.js +0 -21
- package/dist/storybook/assets/number-input.test-case.stories-C6CDA2a8.js +0 -92
- package/dist/storybook/assets/select-03uRbc4I.js +0 -61
- package/dist/storybook/assets/select-H-9tdhwc.css +0 -1
- package/dist/storybook/assets/select.test-case.stories-DwDNDHax.js +0 -82
- package/dist/storybook/assets/side-bar-CSx5wI-k.js +0 -24
- package/dist/storybook/assets/side-bar-auov230-.css +0 -1
- package/dist/storybook/assets/table-B8ojy8Nj.css +0 -1
- package/dist/storybook/assets/table-Cw1-vdpR.js +0 -86
- package/dist/storybook/assets/textarea-H-YTEwr8.css +0 -1
- package/dist/storybook/assets/toaster.test-case.stories-CCHTh_U1.js +0 -6
|
@@ -1 +1 @@
|
|
|
1
|
-
import{o as n,X as T,m as l,a as c,A as H,l as L,u as B,s as b,b as S,J as u,O as C,w as h,c as d,p as g,d as y,f as F,h as I,e as k,g as x,D as A,v as P,i as R,B as W,j as f,q as D,k as E,y as N,n as q,z as v,r as w,C as O,x as U,_ as j,E as z,t as G,F as J,G as K,H as M,I as Q,K as V,L as X,S as Y,M as Z,N as _,P as $,Q as aa,R as sa,T as oa,U as ta,W as ra,V as ea,Y as ia}from"./index-
|
|
1
|
+
import{o as n,X as T,m as l,a as c,A as H,l as L,u as B,s as b,b as S,J as u,O as C,w as h,c as d,p as g,d as y,f as F,h as I,e as k,g as x,D as A,v as P,i as R,B as W,j as f,q as D,k as E,y as N,n as q,z as v,r as w,C as O,x as U,_ as j,E as z,t as G,F as J,G as K,H as M,I as Q,K as V,L as X,S as Y,M as Z,N as _,P as $,Q as aa,R as sa,T as oa,U as ta,W as ra,V as ea,Y as ia}from"./index-BFtO1KgR.js";import"./iframe-nuCPRPrd.js";import"../sb-preview/runtime.js";import"./index-DhsZuJvc.js";import"./index-CUZDtIZe.js";import"./inheritsLoose-DP0QEDDI.js";import"./assertThisInitialized-B9jnkVVz.js";import"./index-D6rZ4wEC.js";export{n as A,T as ActionBar,l as Bar,c as Blockquote,H as Button,L as Code,B as DL,b as Div,S as EmptyTabContent,u as ErrorFormatter,C as FlexBar,h as Form,d as H1,g as H2,y as H3,F as H4,I as H5,k as H6,x as HR,A as IconButton,P as Img,R as LI,W as Link,f as ListItem,D as Loader,E as OL,N as P,q as Pre,v as ResetWrapper,w as ScrollArea,O as Separator,U as Span,j as SyntaxHighlighter,z as TT,G as TabBar,J as TabButton,K as Table,M as Tabs,Q as TabsState,V as TooltipLinkList,X as TooltipNote,Y as UL,Z as WithTooltip,_ as WithTooltipPure,$ as Zoom,aa as codeCommon,sa as components,oa as createCopyToClipboardFunction,ta as getStoryHref,ra as icons,ea as nameSpaceClassNames,ia as withReset};
|
package/dist/storybook/assets/{initialize-context-BvejO8yS.js → initialize-context-rEvM6bdZ.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as a}from"./index-DhsZuJvc.js";import{d as e}from"./index-C0x1JmaP.js";import{s as d}from"./number-input-
|
|
1
|
+
import{r as a}from"./index-DhsZuJvc.js";import{d as e}from"./index-C0x1JmaP.js";import{s as d}from"./number-input-CNnU6gOF.js";const x=r=>{const t=a.useRef();return a.useEffect(()=>{t.current=r},[r]),t.current},C=(r,t)=>{const n=t==null?void 0:t[r];return n||(console.log(`Warning: 'unitTemplate' missing for '${r}'. Using initial unit, preferred unit or value unit.`),e.unitFromQuantity(r)??"")},g=r=>r==="undefined"||r===void 0||r===""||r==="null"||r===null||r==="NaN"||isNaN(r),m=({value:r,unitkey:t,toUnit:n})=>{var s;const i=e.ALT_UNITS[t];return!(!i||i.length===0||!((s=e.validateNumber(r))!=null&&s.valid)||!i.includes(n))},W=({value:r,unitkey:t,toUnit:n,fromUnit:i,doNotConvertValue:s=!1,exactPrecision:f=!1})=>{var c;const u=e.isValueWithUnit(r)?e.getValue(r):r;if(s)return{value:u,error:null};const l=i||(e.isValueWithUnit(r)?e.getUnit(r):e.unitFromQuantity(t));if(!((c=e.validateNumber(u))!=null&&c.valid))return{value:void 0,error:"Invalid number format"};if(!n)return{value:void 0,error:"Target unit is missing"};if(!l)return{value:void 0,error:"Source unit is missing"};if(g(u))return{value:void 0,error:"Value is invalid for conversion"};try{const o=e.withUnit(u,l);if(m({value:o,toUnit:n,unitkey:t})){const v=f?e.convertSamePrecision(o,n):e.convertAndGetValue(o,n);return{value:e.getValue(d(v)),error:null}}return{value:e.getValue(o),error:null}}catch{return{value:void 0,error:"Conversion not possible"}}};let U=a.createContext(null);const S=()=>a.useContext(U);export{S as a,m as b,W as c,C as g,g as i,x as u};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as t}from"./jsx-runtime-eps93zm2.js";import{r as i}from"./index-DhsZuJvc.js";import{c as C}from"./index-Bk2sglWO.js";import{D}from"./disabled-context-rmpd7YJS.js";import{i as r}from"./types-Dx2TtIG9.js";import{l as N}from"./lodash-c4VUpsOs.js";import{T as W}from"./tooltip-1V7clEnw.js";const w="_inputInTable_1285q_1",L="_inputHover_1285q_13",M="_inputFocus_1285q_18",S="_inputError_1285q_25",H="_inputWarning_1285q_26",P="_inputDisabled_1285q_61",R="_hideScrollbars_1285q_67",k="_input_1285q_1",z="_isInTable_1285q_100",B="_small_1285q_124",K="_right_1285q_170",A="_groupOrderFirst_1285q_173",G="_groupOrderMiddle_1285q_174",J="_groupOrderLast_1285q_175",e={inputInTable:w,inputHover:L,inputFocus:M,inputError:S,inputWarning:H,inputDisabled:P,hideScrollbars:R,input:k,isInTable:z,small:B,right:K,groupOrderFirst:A,groupOrderMiddle:G,groupOrderLast:J},Q=i.forwardRef(({error:l=null,tooltip:a=null,isInTable:n,width:f=void 0,small:p=!1,onChange:c=N.noop,placeholder:m="",value:_="",onKeyPress:q=()=>{},onFocus:v=()=>{},onBlur:b=()=>{},onPaste:g=()=>{},name:h=void 0,type:V="text",tabIndex:x=0,disabled:I=!1,right:O=!1,warning:u=null,groupOrder:s=null,maxTooltipWidth:T=void 0,testId:y=void 0,size:d=null},F)=>{const E=i.useContext(D),j=(()=>{if(s)switch(s){case"first":return e.groupOrderFirst;case"last":return e.groupOrderLast;default:return e.groupOrderMiddle}return""})(),o=f||(d?"auto":"100%");return t.jsx("div",{style:{width:o},className:j,children:t.jsx(W,{error:!!l,warning:!!u,text:a||l||u,enabled:a&&r(a)||l&&r(l)||u&&r(u)||!1,maxWidth:T,display:"block",placement:"bottom-center",children:t.jsx("input",{ref:F,type:V||"text",size:d||20,placeholder:m??"",value:_??"",onChange:c,onKeyPress:q,onFocus:v,onBlur:b,onPaste:g,name:h,tabIndex:x,autoComplete:"off",disabled:I||E,className:C(e.input,O?e.right:"",p?e.small:"",n?e.isInTable:""),style:{width:o},"data-error":l||null,"data-warning":u||null,"data-testid":y})})})});Q.__docgenInfo={description:"",methods:[],displayName:"Input",props:{error:{defaultValue:{value:"null",computed:!1},required:!1},tooltip:{defaultValue:{value:"null",computed:!1},required:!1},width:{defaultValue:{value:"undefined",computed:!0},required:!1},small:{defaultValue:{value:"false",computed:!1},required:!1},onChange:{defaultValue:{value:"noop",computed:!0},required:!1},placeholder:{defaultValue:{value:"''",computed:!1},required:!1},value:{defaultValue:{value:"''",computed:!1},required:!1},onKeyPress:{defaultValue:{value:"() => {}",computed:!1},required:!1},onFocus:{defaultValue:{value:"() => {}",computed:!1},required:!1},onBlur:{defaultValue:{value:"() => {}",computed:!1},required:!1},onPaste:{defaultValue:{value:"() => {}",computed:!1},required:!1},name:{defaultValue:{value:"undefined",computed:!0},required:!1},type:{defaultValue:{value:"'text'",computed:!1},required:!1},tabIndex:{defaultValue:{value:"0",computed:!1},required:!1},disabled:{defaultValue:{value:"false",computed:!1},required:!1},right:{defaultValue:{value:"false",computed:!1},required:!1},warning:{defaultValue:{value:"null",computed:!1},required:!1},groupOrder:{defaultValue:{value:"null",computed:!1},required:!1},maxTooltipWidth:{defaultValue:{value:"undefined",computed:!0},required:!1},testId:{defaultValue:{value:"undefined",computed:!0},required:!1},size:{defaultValue:{value:"null",computed:!1},required:!1}}};export{Q as I};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._inputInTable_1285q_1{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_1285q_1:not(:hover):not([data-error]):not([data-warning]){border-color:transparent}._inputInTable_1285q_1:not(:focus){box-shadow:none}._inputHover_1285q_13{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_1285q_18{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_1285q_25,._inputWarning_1285q_26{position:relative}._inputError_1285q_25{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error-muted)}._inputError_1285q_25:hover{border-color:var(--color-border-error-hover)!important}._inputError_1285q_25:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_1285q_26{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning-muted)}._inputWarning_1285q_26:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_1285q_26:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_1285q_61{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._hideScrollbars_1285q_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_1285q_67::-webkit-scrollbar{display:none}._input_1285q_1{margin:0;outline:0;text-align:left;font-family:var(--font-family);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;height:var(--size);line-height:var(--line-height);width:100%;font-weight:400;font-style:normal;position:relative;font-variant-numeric:tabular-nums}._input_1285q_1::placeholder{color:var(--color-text-placeholder)}._input_1285q_1._isInTable_1285q_100{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._input_1285q_1._isInTable_1285q_100:not(:hover):not([data-error]):not([data-warning]){border-color:transparent}._input_1285q_1._isInTable_1285q_100:not(:focus){box-shadow:none}._input_1285q_1:hover{position:relative;border-color:var(--color-border-hover);z-index:2}._input_1285q_1:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._input_1285q_1._small_1285q_124{font-size:var(--font-size-sm);height:var(--size-sm);padding:var(--padding-input-sm);line-height:var(--size-sm)}._input_1285q_1[data-warning]{position:relative;z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning-muted)}._input_1285q_1[data-warning]:hover{border-color:var(--color-border-warning-hover)!important}._input_1285q_1[data-warning]:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._input_1285q_1[data-error]{position:relative;z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error-muted)}._input_1285q_1[data-error]:hover{border-color:var(--color-border-error-hover)!important}._input_1285q_1[data-error]:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._input_1285q_1[disabled]{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._input_1285q_1._right_1285q_170{text-align:right}._groupOrderFirst_1285q_173,._groupOrderMiddle_1285q_174,._groupOrderLast_1285q_175{flex:1}._groupOrderFirst_1285q_173 ._input_1285q_1,._groupOrderMiddle_1285q_174 ._input_1285q_1{border-top-right-radius:0!important;border-bottom-right-radius:0!important}._groupOrderLast_1285q_175 ._input_1285q_1,._groupOrderMiddle_1285q_174 ._input_1285q_1{border-top-left-radius:0!important;border-bottom-left-radius:0!important}
|
package/dist/storybook/assets/{input-group.stories-EhmORqH9.js → input-group.stories-BdQ1prY4.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-eps93zm2.js";import{T as x}from"./common-types-Sih75Sav.js";import{I as t}from"./input-group-BaRSJAEN.js";import{I as h}from"./input-group-addon-D68iUKV2.js";import{I as M}from"./input-
|
|
1
|
+
import{j as e}from"./jsx-runtime-eps93zm2.js";import{T as x}from"./common-types-Sih75Sav.js";import{I as t}from"./input-group-BaRSJAEN.js";import{I as h}from"./input-group-addon-D68iUKV2.js";import{I as M}from"./input-Db9WkmPP.js";import{B as C}from"./button-Cbv7WK6k.js";import{M as f}from"./actions-Bax0KeqM.js";import{S as I}from"./select-BQzJMnK1.js";import{T as P}from"./tooltip-1V7clEnw.js";import{M as r}from"./types-BmbYqTX_.js";import"./index-DhsZuJvc.js";import"./index-Bk2sglWO.js";import"./disabled-context-rmpd7YJS.js";import"./types-Dx2TtIG9.js";import"./lodash-c4VUpsOs.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./badge-CLQ59MDF.js";import"./enum-Bnn40S8Q.js";import"./assertThisInitialized-B9jnkVVz.js";import"./memoize-one.esm-CcMeOnPo.js";import"./text-B3-TSWok.js";import"./select.input-CJed_LLR.js";import"./helpers-JJxzGegQ.js";import"./index-CUZDtIZe.js";const le={title:"Forms/InputGroup",component:t,args:{}},s=i=>e.jsxs(t,{...i,children:[e.jsx(h,{children:"$"}),e.jsx(M,{width:"100%",name:"example",value:"123",onChange:()=>{}}),e.jsx(I,{options:[{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas"},{label:"Possums",value:"slugs"}],onChange:()=>{},value:{label:"Monkeys",value:"bananas"},width:"auto",native:!0}),e.jsx(f,{menu:{label:"E-06/degC",trigger:x.DROP_DOWN_BUTTON,small:i.small,sections:[{type:r.OPTION,label:"403.5433",description:"ft",inline:!0,onClick:()=>{}},{type:r.OPTION,label:"0.123",description:"km",inline:!0,onClick:()=>{}},{type:r.OPTION,label:"4842.4608",description:"in",inline:!0,onClick:()=>{}}]}}),e.jsx(C,{name:"example",label:"Confirm",colored:!0,onClick:()=>{}})]}),o=s.bind({}),a=s.bind({});a.args={width:"480px"};const l=s.bind({});l.args={small:!0};const n=()=>e.jsxs(t,{children:[e.jsx(I,{options:[{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas"},{label:"Possums",value:"slugs"}],onChange:()=>{},value:{label:"Monkeys",value:"bananas"}}),e.jsx(P,{text:"This is a tooltip",children:e.jsx(C,{name:"example",label:"Confirm",colored:!0,onClick:()=>{},groupOrder:"last"})})]});n.__docgenInfo={description:"",methods:[],displayName:"SelectWithButton"};var p,u,m;o.parameters={...o.parameters,docs:{...(p=o.parameters)==null?void 0:p.docs,source:{originalSource:`args => {
|
|
2
2
|
return <InputGroup
|
|
3
3
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
4
4
|
{...args}>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-eps93zm2.js";import{useMDXComponents as r}from"./index-BcNHZKhG.js";import{Z as s,$ as n}from"./index-
|
|
1
|
+
import{j as e}from"./jsx-runtime-eps93zm2.js";import{useMDXComponents as r}from"./index-BcNHZKhG.js";import{Z as s,$ as n}from"./index-BFtO1KgR.js";import{NonExistentValue as a,Error as l}from"./select.stories-BRGk9iYK.js";import"./index-DhsZuJvc.js";import"./iframe-nuCPRPrd.js";import"../sb-preview/runtime.js";import"./index-CUZDtIZe.js";import"./inheritsLoose-DP0QEDDI.js";import"./assertThisInitialized-B9jnkVVz.js";import"./index-D6rZ4wEC.js";import"./select-BQzJMnK1.js";import"./lodash-c4VUpsOs.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./types-Dx2TtIG9.js";import"./tooltip-1V7clEnw.js";import"./enum-Bnn40S8Q.js";import"./index-CEuq6vkz.js";import"./memoize-one.esm-CcMeOnPo.js";import"./types-BmbYqTX_.js";import"./text-B3-TSWok.js";import"./actions-Bax0KeqM.js";import"./button-Cbv7WK6k.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./badge-CLQ59MDF.js";import"./select.input-CJed_LLR.js";import"./helpers-JJxzGegQ.js";import"./spacer-BWoNR27H.js";import"./select.stories-data-DxgWKlU6.js";function o(t){const i={code:"code",h1:"h1",h2:"h2",h3:"h3",p:"p",strong:"strong",...r(),...t.components};return e.jsxs(e.Fragment,{children:[e.jsx(s,{title:"Input Validation"}),`
|
|
2
2
|
`,e.jsx(i.h1,{id:"input-validation",children:"Input Validation"}),`
|
|
3
3
|
`,e.jsx(i.h2,{id:"select",children:"Select"}),`
|
|
4
4
|
`,e.jsx(i.h3,{id:"invalid-states",children:"Invalid states"}),`
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as L}from"./jsx-runtime-eps93zm2.js";import{I}from"./input-
|
|
1
|
+
import{j as L}from"./jsx-runtime-eps93zm2.js";import{I}from"./input-Db9WkmPP.js";import"./index-DhsZuJvc.js";import"./index-Bk2sglWO.js";import"./disabled-context-rmpd7YJS.js";import"./types-Dx2TtIG9.js";import"./lodash-c4VUpsOs.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";const{useArgs:M}=__STORYBOOK_MODULE_PREVIEW_API__,B={title:"Forms/Input",component:I,args:{disabled:!1,small:!1,placeholder:"Placeholder"}},t=S=>{const[x,f]=M(),T=b=>{f({value:b.target.value})};return L.jsx(I,{...S,onChange:T})},s=t.bind({}),e=t.bind({});e.args={small:!0};const n=t.bind({});n.args={error:"Error goes here"};const r=t.bind({});r.args={warning:"Warning goes here"};const a=t.bind({});a.args={type:"date",value:"2020-01-01"};var o,g,u;s.parameters={...s.parameters,docs:{...(o=s.parameters)==null?void 0:o.docs,source:{originalSource:`args => {
|
|
2
2
|
const [_, updateArgs] = useArgs();
|
|
3
3
|
const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
|
|
4
4
|
updateArgs({
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-eps93zm2.js";import{useMDXComponents as s}from"./index-BcNHZKhG.js";import{Z as r,$ as o}from"./index-
|
|
1
|
+
import{j as e}from"./jsx-runtime-eps93zm2.js";import{useMDXComponents as s}from"./index-BcNHZKhG.js";import{Z as r,$ as o}from"./index-BFtO1KgR.js";import{Default as l}from"./button.stories-C03VvX8K.js";import{Default as a}from"./check-box.stories-BJ0ShmeC.js";import{Default as c}from"./file-input.stories-DMTQqAF8.js";import{Default as d,Date as p}from"./input.stories-SJy3TKkD.js";import{Default as h}from"./number-input.stories-Bo26PJmJ.js";import{Default as m}from"./option-dropdown.stories-CznUbXVi.js";import{Default as u}from"./radio-button.stories-D1rWr6ms.js";import{Native as f,Default as x}from"./select.stories-BRGk9iYK.js";import{Default as j}from"./slider.stories-BqlRLY_C.js";import{Default as b}from"./textarea.stories-CzsqRVpC.js";import{Default as g}from"./toggle.stories-BAislK3I.js";import"./index-DhsZuJvc.js";import"./iframe-nuCPRPrd.js";import"../sb-preview/runtime.js";import"./index-CUZDtIZe.js";import"./inheritsLoose-DP0QEDDI.js";import"./assertThisInitialized-B9jnkVVz.js";import"./index-D6rZ4wEC.js";import"./react-router-dom-Ck2Y_Fzc.js";import"./index-CEuq6vkz.js";import"./tiny-invariant-DqLgxztJ.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./flex-EllkLxgO.js";import"./button-Cbv7WK6k.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./tooltip-1V7clEnw.js";import"./check-box-DPLaOkRR.js";import"./help-icon-Buhx5nl6.js";import"./file-input-yalPf7-m.js";import"./lodash-c4VUpsOs.js";import"./input-group-BaRSJAEN.js";import"./input-Db9WkmPP.js";import"./types-Dx2TtIG9.js";import"./spacer-BWoNR27H.js";import"./message-BRyKdRaX.js";import"./textarea-DflOOrxV.js";import"./index-C0x1JmaP.js";import"./index-DRSy5Ssd.js";import"./number-input-CNnU6gOF.js";import"./enum-Bnn40S8Q.js";import"./helpers-JJxzGegQ.js";import"./actions-Bax0KeqM.js";import"./types-BmbYqTX_.js";import"./badge-CLQ59MDF.js";import"./divider-DY9nJ_7N.js";import"./text-B3-TSWok.js";import"./radio-button-C4ljBRED.js";import"./select.input-CJed_LLR.js";import"./select-BQzJMnK1.js";import"./memoize-one.esm-CcMeOnPo.js";import"./select.stories-data-DxgWKlU6.js";import"./slider-CcpE4BLD.js";import"./objectSpread2-DW4nTBoq.js";import"./index-BI4_Bp97.js";import"./toggle-BbFVf61v.js";function i(n){const t={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",li:"li",p:"p",strong:"strong",ul:"ul",...s(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Inputs"}),`
|
|
2
2
|
`,e.jsx(t.h1,{id:"inputs",children:"Inputs"}),`
|
|
3
3
|
`,e.jsx(t.p,{children:"React UI Library provides a comprehensive set of user input components."}),`
|
|
4
4
|
`,e.jsx(t.h2,{id:"button",children:"Button"}),`
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as t}from"./jsx-runtime-eps93zm2.js";import{useMDXComponents as n}from"./index-BcNHZKhG.js";import{Z as s,$ as o}from"./index-
|
|
1
|
+
import{j as t}from"./jsx-runtime-eps93zm2.js";import{useMDXComponents as n}from"./index-BcNHZKhG.js";import{Z as s,$ as o}from"./index-BFtO1KgR.js";import{Default as p,LabelOnLeft as m}from"./field.stories-CYpQ669-.js";import{Default as l,LabelsOnLeft as a,Row as h}from"./form.stories-B7V77yuI.js";import"./index-DhsZuJvc.js";import"./iframe-nuCPRPrd.js";import"../sb-preview/runtime.js";import"./index-CUZDtIZe.js";import"./inheritsLoose-DP0QEDDI.js";import"./assertThisInitialized-B9jnkVVz.js";import"./index-D6rZ4wEC.js";import"./field-HrLaMLbx.js";import"./index-Bk2sglWO.js";import"./label-CqmyC9he.js";import"./common-types-Sih75Sav.js";import"./help-icon-Buhx5nl6.js";import"./tooltip-1V7clEnw.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./input-Db9WkmPP.js";import"./types-Dx2TtIG9.js";import"./lodash-c4VUpsOs.js";import"./text-B3-TSWok.js";import"./select-BQzJMnK1.js";import"./enum-Bnn40S8Q.js";import"./memoize-one.esm-CcMeOnPo.js";import"./types-BmbYqTX_.js";import"./actions-Bax0KeqM.js";import"./button-Cbv7WK6k.js";import"./spinner-AWUe4xwQ.js";import"./badge-CLQ59MDF.js";import"./select.input-CJed_LLR.js";import"./helpers-JJxzGegQ.js";import"./check-box-DPLaOkRR.js";import"./button-group-D2fGP_bX.js";import"./toggle-BbFVf61v.js";import"./input-group-BaRSJAEN.js";import"./input-group-addon-D68iUKV2.js";import"./slider-CcpE4BLD.js";import"./objectSpread2-DW4nTBoq.js";import"./index-BI4_Bp97.js";import"./textarea-DflOOrxV.js";import"./radio-button-C4ljBRED.js";import"./form-row-CM112EYF.js";function r(i){const e={code:"code",h1:"h1",h2:"h2",p:"p",...n(),...i.components};return t.jsxs(t.Fragment,{children:[t.jsx(s,{title:"Layout (Forms)"}),`
|
|
2
2
|
`,t.jsx(e.h1,{id:"layout-forms",children:"Layout (Forms)"}),`
|
|
3
3
|
`,t.jsx(e.h2,{id:"field",children:"Field"}),`
|
|
4
4
|
`,t.jsxs(e.p,{children:["This is a wrapper for any form element with default bottom margin, and props like ",t.jsx(e.code,{children:"label"})," for other default styling."]}),`
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-eps93zm2.js";import{useMDXComponents as s}from"./index-BcNHZKhG.js";import{Z as r,$ as n}from"./index-
|
|
1
|
+
import{j as e}from"./jsx-runtime-eps93zm2.js";import{useMDXComponents as s}from"./index-BcNHZKhG.js";import{Z as r,$ as n}from"./index-BFtO1KgR.js";import{Center as d,SpaceBetween as l,JustifyEnd as a,Column as c}from"./flex.stories-CLwPyEMp.js";import{Default as h,CustomColumnWidth as p,DefaultGap as x,CustomGap as m,Responsive as u}from"./grid.stories-DqjhHHwX.js";import{Default as j,FixedWidth as f,NoPadding as w,ResponsiveWidth as g}from"./column.stories-DDTHFELF.js";import"./index-DhsZuJvc.js";import"./iframe-nuCPRPrd.js";import"../sb-preview/runtime.js";import"./index-CUZDtIZe.js";import"./inheritsLoose-DP0QEDDI.js";import"./assertThisInitialized-B9jnkVVz.js";import"./index-D6rZ4wEC.js";import"./flex-EllkLxgO.js";import"./button-Cbv7WK6k.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"./index-CEuq6vkz.js";import"./tooltip-1V7clEnw.js";import"./text-B3-TSWok.js";import"./grid-DRkC-bt8.js";import"./styled-components.browser.esm-BQ9GQzDc.js";import"./card-EcjmryU9.js";import"./row-Bmiy2Lh0.js";import"./heading-CRNoBc7q.js";import"./help-icon-Buhx5nl6.js";function t(i){const o={code:"code",h1:"h1",h2:"h2",h3:"h3",p:"p",...s(),...i.components};return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Layout (General)"}),`
|
|
2
2
|
`,e.jsx(o.h1,{id:"layout-general",children:"Layout (General)"}),`
|
|
3
3
|
`,e.jsx(o.h2,{id:"flex",children:"Flex"}),`
|
|
4
4
|
`,e.jsxs(o.p,{children:["The ",e.jsx(o.code,{children:"Flex"})," component is a basic flexbox wrapper with optional props for ",e.jsx(o.code,{children:"alignItems"}),", ",e.jsx(o.code,{children:"justifyContent"})," and ",e.jsx(o.code,{children:"flexDirection"}),". This is a conveninent way to center items vertically and/or horizontally, to align them to opposite edges, or align them to the far side."]}),`
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as i}from"./index-DhsZuJvc.js";import{c as S}from"./index-Bk2sglWO.js";import{P as ee,D as ne,C as ae,I as te}from"./index.es-DazXb-ul.js";import{C as re}from"./card-EcjmryU9.js";import{l as t,N as se,M as le,L as oe}from"./meta-content-
|
|
1
|
+
import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as i}from"./index-DhsZuJvc.js";import{c as S}from"./index-Bk2sglWO.js";import{P as ee,D as ne,C as ae,I as te}from"./index.es-DazXb-ul.js";import{C as re}from"./card-EcjmryU9.js";import{l as t,N as se,M as le,L as oe}from"./meta-content-DNgQbAW0.js";import{I as _}from"./common-types-Sih75Sav.js";import{D as M}from"./disabled-context-rmpd7YJS.js";import{A as R}from"./actions-Bax0KeqM.js";import{B as O}from"./badge-CLQ59MDF.js";import{I as w}from"./icon-BSFY3vDO.js";import{L as ie}from"./loader-XHoVniao.js";const P=({label:n})=>n?e.jsx("span",{className:t.label,children:e.jsx(O,{color:n.color,title:n.value,small:n.small})}):null;P.__docgenInfo={description:"",methods:[],displayName:"Label",props:{label:{required:!1,tsType:{name:"ILabel"},description:""}}};const k=({item:n})=>n.metaCount!==void 0?e.jsx(O,{color:"rgba(0,0,0,0.25)",title:n.metaCount}):null;k.__docgenInfo={description:"",methods:[],displayName:"MetaCount",props:{item:{required:!0,tsType:{name:"signature",type:"object",raw:`{
|
|
2
2
|
metaCount?: number;
|
|
3
3
|
}`,signature:{properties:[{key:"metaCount",value:{name:"number",required:!1}}]}},description:""}}};const B=({item:n,expanding:o})=>{const c=d=>{d.preventDefault(),d.stopPropagation()};return o&&n.active&&n.content?e.jsx("div",{className:t.itemContent,onClick:c,children:n.content}):null};B.__docgenInfo={description:"",methods:[],displayName:"ItemContent",props:{item:{required:!0,tsType:{name:"signature",type:"object",raw:`{
|
|
4
4
|
active?: boolean;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as r}from"./jsx-runtime-eps93zm2.js";import{r as W}from"./index-DhsZuJvc.js";import{f}from"./immer.esm-BwVl9PS2.js";import{H as on,S as dn,R as z,L as G}from"./react-router-dom-Ck2Y_Fzc.js";import{L as y,a as P}from"./list-
|
|
1
|
+
import{j as r}from"./jsx-runtime-eps93zm2.js";import{r as W}from"./index-DhsZuJvc.js";import{f}from"./immer.esm-BwVl9PS2.js";import{H as on,S as dn,R as z,L as G}from"./react-router-dom-Ck2Y_Fzc.js";import{L as y,a as P}from"./list-By3wp5Wa.js";import{L as mn}from"./meta-content-DNgQbAW0.js";import{F as ln}from"./flex-EllkLxgO.js";import{a as cn,b as pn,c as un,d as gn,e as hn,f as yn,g as bn,h as kn,i as fn,j as xn,k as Sn,m as In,n as Cn,o as sn}from"./list.stories-data-Doo2Rqun.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./tiny-invariant-DqLgxztJ.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./index-Bk2sglWO.js";import"./index.es-DazXb-ul.js";import"./redux-tRgGMjwY.js";import"./objectSpread2-DW4nTBoq.js";import"./index-CUZDtIZe.js";import"./memoize-one.esm-CcMeOnPo.js";import"./card-EcjmryU9.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./actions-Bax0KeqM.js";import"./lodash-c4VUpsOs.js";import"./button-Cbv7WK6k.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./tooltip-1V7clEnw.js";import"./types-BmbYqTX_.js";import"./types-Dx2TtIG9.js";import"./badge-CLQ59MDF.js";import"./loader-XHoVniao.js";import"./heading-CRNoBc7q.js";import"./help-icon-Buhx5nl6.js";const ta={title:"Basic/List",component:y,args:{list:cn,noHeader:!0},parameters:{layout:"fullscreen"}},o=d=>r.jsx(y,{...d}),q=o.bind({}),L=o.bind({});L.args={list:pn};const D=o.bind({});D.args={list:un};const v=o.bind({});v.args={list:gn};const K=o.bind({});K.args={list:hn,expanding:!0};const H=o.bind({});H.args={list:yn,noHeader:!1};const M=o.bind({});M.args={list:bn};const R=o.bind({});R.args={list:kn};const j=o.bind({});j.args={list:fn};const T=o.bind({});T.args={list:xn};const N=o.bind({});N.args={list:Sn,noHeader:!1};const E=o.bind({});E.args={bordered:!0};const w=o.bind({});w.args={list:In};const _=o.bind({});_.args={list:Cn};const S=o.bind({});S.args={list:sn,noHeader:!1,stickyHeader:!0};S.parameters={docs:{story:{inline:!1,iframeHeight:200}}};const x=o.bind({});x.args={list:sn,scrollDetails:{scrollable:!0}};x.parameters={docs:{description:{story:"Adds an internal scrollbar to the `List`, which will fill its parent height unless a `height` is set. The scrollbar can be toggled using `hideScrollbar`."}}};x.decorators=[d=>r.jsx("div",{style:{height:200,overflow:"hidden"},children:d()})];const $=()=>{const[d,b]=W.useState(0),k={name:"Animals",items:[...Array(50)].map((m,l)=>({id:l,name:`Aardvark #${l+1}`,active:l===d,onClick:()=>b(l)}))};return r.jsx("div",{style:{height:200,overflow:"auto"},children:r.jsx(y,{list:k,scrollDetails:{infiniteScroll:!0,scrollable:!0,limit:10}})})},B=()=>{const d=(e,a)=>{switch(a.type){case"headingClicked":{const{headingKey:t}=a.payload;return f(e,s=>{const i=s[t];i.expanded=!i.expanded})}case"itemClicked":{const{headingKey:t,itemIndex:s}=a.payload;return f(e,i=>{Object.keys(i).forEach(h=>{i[h].items.forEach((A,rn)=>{A.active=h===t&&rn===s})})})}case"addClicked":{const{headingKey:t}=a.payload;return f(e,s=>{const i=s[t];i.expanded=!0,i.items.push({name:`${i.label} #${i.items.length+1}`})})}case"deleteClicked":{const{headingKey:t,itemIndex:s}=a.payload;return f(e,i=>{let{items:h}=i[t];delete h[s],i[t].items=h.filter(A=>A)})}default:return e}},b=()=>({mammals:{draggable:!0,name:"Mammals",key:"mammals",label:"Mammals",expanded:!0,items:[{name:"Click item to scroll",type:"Heading"},{name:"Mammal #1",active:!0},{name:"Mammal #2"},{name:"Mammal #3"},{name:"Mammal #4"},{name:"Mammal #5"},{name:"Mammal #6"},{name:"Mammal #7"},{name:"Mammal #8"},{name:"Mammal #9"},{name:"Mammal #10"}]},amphibians:{name:"Amphibians (sticky header)",key:"amphibians",label:"Amphibians",expanded:!0,items:[{name:"Click item to scroll",type:"Heading"},{name:"Amphibian #1",active:!0},{name:"Amphibian #2"},{name:"Amphibian #3"},{name:"Amphibian #4"},{name:"Amphibian #5"},{name:"Amphibian #6"},{name:"Amphibian #7"},{name:"Amphibian #8"},{name:"Amphibian #9"},{name:"Amphibian #10"}]}}),[k,m]=W.useReducer(d,{},()=>b()),[l,u]=W.useState(!1),c=(e,a)=>{u(!0),m({type:"itemClicked",payload:{headingKey:e,itemIndex:a}}),setTimeout(()=>u(!1),0)},p=e=>{m({type:"addClicked",payload:{headingKey:e}})},g=(e,a)=>m({type:"deleteClicked",payload:{headingKey:e,itemIndex:a}}),{mammals:I,amphibians:X}=k,C=e=>({...e,actions:[{label:"Add",primary:!0,icon:"add",onClick:()=>p(e.key)}],items:e.items.map((a,t)=>a.type=="Heading"?{...a,id:t}:{...a,id:t,onClick:()=>c(e.key,t),actions:[{label:"Delete",icon:"delete",onClick:()=>g(e.key,t)}]})}),n=300;return r.jsxs(ln,{gap:!0,children:[r.jsx(y,{list:C(I),bordered:!0,height:n,scrollDetails:{scrollable:!0,hideScrollbar:!1,triggerScrollToActiveItem:l}}),r.jsx(y,{list:C(X),bordered:!0,stickyHeader:!0,height:n,scrollDetails:{scrollable:!0,hideScrollbar:!1,triggerScrollToActiveItem:l}})]})},F=()=>{const d=(n,e)=>{switch(e.type){case"headingClicked":{const{headingKey:a}=e.payload;return f(n,t=>{const s=t[a];s.expanded=!s.expanded})}case"itemClicked":{const{headingKey:a,itemIndex:t}=e.payload;return f(n,s=>{Object.keys(s).forEach(i=>{s[i].items.forEach((h,A)=>{h.active=i===a&&A===t})})})}case"addClicked":{const{headingKey:a}=e.payload;return f(n,t=>{const s=t[a];s.expanded=!0,s.items.push({name:`${s.label} #${s.items.length+1}`})})}case"deleteClicked":{const{headingKey:a,itemIndex:t}=e.payload;return f(n,s=>{let{items:i}=s[a];delete i[t],s[a].items=i.filter(h=>h)})}default:return n}},b=()=>({mammals:{key:"mammals",label:"Mammals",expanded:!0,items:[{name:"Aardvark",active:!0},{name:"Kangaroo"}]},amphibians:{key:"amphibians",label:"Amphibians",expanded:!0,items:[{name:"Frog"}]}}),[k,m]=W.useReducer(d,b()),l=n=>m({type:"headingClicked",payload:{headingKey:n}}),u=(n,e)=>m({type:"itemClicked",payload:{headingKey:n,itemIndex:e}}),c=n=>m({type:"addClicked",payload:{headingKey:n}}),p=(n,e)=>m({type:"deleteClicked",payload:{headingKey:n,itemIndex:e}}),{mammals:g,amphibians:I}=k,X=n=>({name:n.label,metaCount:n.items.length,expanded:n.expanded,onClick:()=>l(n.key),actions:[{label:"Add",primary:!0,icon:"add",onClick:()=>c(n.key)}]}),C=n=>({...n,items:n.items.map((e,a)=>({...e,id:a,onClick:()=>u(n.key,a),actions:[{label:"Delete",icon:"delete",onClick:()=>p(n.key,a)}]}))});return r.jsxs(r.Fragment,{children:[r.jsx(mn,{name:"Animals"}),r.jsx(P,{item:X(g)}),g.expanded&&r.jsx(y,{noHeader:!0,list:C(g)}),r.jsx(P,{item:X(I)}),I.expanded&&r.jsx(y,{noHeader:!0,list:C(I)})]})},O=()=>{const d=(u,c,p)=>{if(c&&isNaN(c)||p&&isNaN(p)||c===p)return u;const g=[...u];return typeof p=="number"&&typeof c=="number"&&g.splice(p,0,g.splice(c,1)[0]),g},b={name:"List Name",draggable:!0,items:[{id:1,name:"element 1",actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]},{id:2,name:"Long element name goes here lorem ipsum dolor lorem ipsum dolor",actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]},{id:3,name:"element 3"},{id:4,name:"element 4",actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]},{id:5,name:"element 5",actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]}]},[k,m]=W.useState(b.items),l=u=>{const{to:c,from:p}=u;m(d(k,p,c))};return r.jsx(y,{list:{...b,items:k},draggable:!0,onListReorder:l})},J=()=>{const d={items:[{id:1,name:"Dashboard",component:G,url:"/dashboard"},{id:2,name:"Settings",component:G,url:"/settings"}]};return r.jsxs(on,{children:[r.jsx(y,{list:d,noHeader:!0}),r.jsxs(dn,{children:[r.jsx(z,{path:"/dashboard",children:"Dashboard"}),r.jsx(z,{path:"/settings",children:"Settings"})]})]})};$.__docgenInfo={description:"",methods:[],displayName:"InfiniteScroll"};B.__docgenInfo={description:"",methods:[],displayName:"ScrollToActiveItem"};F.__docgenInfo={description:"",methods:[],displayName:"HeadingsManaged"};O.__docgenInfo={description:"",methods:[],displayName:"ManagedDragAndDrop"};J.__docgenInfo={description:"",methods:[],displayName:"AsRouterLink"};var Q,U,V;q.parameters={...q.parameters,docs:{...(Q=q.parameters)==null?void 0:Q.docs,source:{originalSource:`args => {
|
|
2
2
|
return <List {...args} />;
|
|
3
3
|
}`,...(V=(U=q.parameters)==null?void 0:U.docs)==null?void 0:V.source}}};var Y,Z,ee;L.parameters={...L.parameters,docs:{...(Y=L.parameters)==null?void 0:Y.docs,source:{originalSource:`args => {
|
|
4
4
|
return <List {...args} />;
|
package/dist/storybook/assets/{list.stories-data-D_Aj3AN4.js → list.stories-data-Doo2Rqun.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as t}from"./jsx-runtime-eps93zm2.js";import{I as i,T as c}from"./common-types-Sih75Sav.js";import{F as o}from"./flex-EllkLxgO.js";import{M as d}from"./actions-
|
|
1
|
+
import{j as t}from"./jsx-runtime-eps93zm2.js";import{I as i,T as c}from"./common-types-Sih75Sav.js";import{F as o}from"./flex-EllkLxgO.js";import{M as d}from"./actions-Bax0KeqM.js";import{I as n}from"./icon-BSFY3vDO.js";import{M as l}from"./types-BmbYqTX_.js";const a=[{id:1,name:"Aardvark"},{id:2,name:"Kangaroo",active:!0},{id:3,name:"Jaguar",disabled:!0}],p=[{id:1,name:"Marsupials",type:"Heading",metaCount:1},{id:2,name:"Aardvark"},{id:3,name:"Kangaroo",active:!0},{id:4,name:"Mammals",type:"Heading",metaCount:1},{id:5,name:"Jaguar"}],g=[{id:1,name:"Aardvark"},{id:2,name:"Kangaroo",active:!0},{id:3,name:"Grey",level:1},{id:4,name:"Eastern",level:2},{id:5,name:"Macropus giganteus giganteus",title:"Macropus giganteus giganteus",level:3},{id:6,name:"Macropus giganteus tasmaniensis",title:"Macropus giganteus tasmaniensis",level:3},{id:7,name:"Western",level:2},{id:8,name:"Red",level:1},{id:9,name:"Jaguar"}],h={items:a},r={name:"Animals",actions:[{label:"More",subActions:[{label:"Item",icon:"up",onClick:()=>{}},{label:"Item",icon:"down",onClick:()=>{}}]},{label:"Add",primary:!0,icon:"add",onClick:()=>{}}],items:a},m={...r,items:p},A={...r,name:t.jsxs(o,{gap:"var(--padding-xs)",alignItems:"center",children:["Animals",t.jsx(n,{icon:i.STAR})]}),items:a.map(e=>({...e,name:t.jsxs(o,{gap:"var(--padding-xs)",alignItems:"center",children:[e.name,t.jsx(n,{icon:i.STAR})]})}))};a.map(e=>({...e,actions:[{childComponent:t.jsx(d,{menu:{trigger:c.COMPONENT,component:t.jsx(n,{icon:i.MENU}),placement:"bottom-end",sections:[{type:l.OPTION,label:"Item",onClick:()=>{}},{type:l.OPTION,label:"Item",onClick:()=>{}}]}})}]}));const C={items:a.map(e=>({...e,actions:[{label:"More",subActions:[{label:"Move Up",icon:"up",onClick:()=>{}},{label:"Move Down",icon:"down",onClick:()=>{}}]}]}))},k={items:a.map((e,s)=>({...e,label:{value:String(s+1),color:"var(--color-text-info)"}}))},j={items:a.map(e=>({...e,label:{value:t.jsx(t.Fragment,{children:" "}),color:"var(--color-text-info)",small:!0}}))},T={...m,items:m.items.map((e,s)=>({...e,label:{value:String(s+1),color:"var(--color-text-info)"}}))},f={items:a.map(e=>({...e,actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]}))},y={items:a.map((e,s)=>({...e,details:"Description goes here",metadata:"2019-05-03 09:03:51",testId:`story-list-item-${s}`}))},S={items:a.map(e=>({...e,content:t.jsx("div",{children:"Example content element (for show/hide)."})}))},N={items:g},E={items:[...a,{id:4,name:"Dodo",invalid:!0}]},O={items:a.map(e=>({...e,icon:{icon:"success",color:"var(--color-text-success)",tooltip:{text:t.jsx(t.Fragment,{children:"Tooltip goes here"})}}}))},D={items:a.map(e=>({...e,metaCount:3}))},w={name:"Animals",items:[...Array(50)].map((e,s)=>({id:s,name:`Aardvark #${s+1}`}))};export{h as a,f as b,C as c,y as d,S as e,r as f,k as g,j as h,N as i,E as j,A as k,T as l,O as m,D as n,w as o};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as G}from"./index-DhsZuJvc.js";import{a as l}from"./common-types-Sih75Sav.js";import{L as g}from"./loader-XHoVniao.js";import{P as M}from"./progress-bar-C_kV6r0Q.js";import{S as x}from"./spinner-AWUe4xwQ.js";import{S as m}from"./spacer-BWoNR27H.js";import{B as L}from"./button-
|
|
1
|
+
import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as G}from"./index-DhsZuJvc.js";import{a as l}from"./common-types-Sih75Sav.js";import{L as g}from"./loader-XHoVniao.js";import{P as M}from"./progress-bar-C_kV6r0Q.js";import{S as x}from"./spinner-AWUe4xwQ.js";import{S as m}from"./spacer-BWoNR27H.js";import{B as L}from"./button-Cbv7WK6k.js";import{C as q}from"./card-EcjmryU9.js";import"./index-Bk2sglWO.js";import"./disabled-context-rmpd7YJS.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 le={title:"Progress/Loader",component:g,argTypes:{theme:{control:{type:"inline-radio"},options:["white","light","dark"]}},args:{theme:"white",text:"Loading...",width:"100%",height:"100%",fullViewPortSize:!1},decorators:[r=>e.jsx("div",{style:{height:"200px",position:"relative"},children:r()})],parameters:{docs:{source:{excludeDecorators:!0}}}},S=r=>{const{theme:t}=r;return e.jsx(g,{...r,children:e.jsx(x,{dark:t!=="dark"})})},h=r=>{const{theme:t}=r;return e.jsx(g,{...r,children:e.jsx(M,{width:"300px",inverted:t==="dark",percentage:40})})},o=S.bind({});o.args={testId:"story-default-spinner"};const u=h.bind({}),i=S.bind({});i.args={theme:l.LIGHT};const n=S.bind({});n.args={theme:l.DARK,fullViewPortSize:!0};const d=h.bind({});d.args={theme:l.DARK,fullViewPortSize:!0};const c=h.bind({});c.args={details:"Some extra info"};const p=h.bind({});p.args={text:"",details:e.jsxs(e.Fragment,{children:[e.jsx("div",{style:{opacity:.5},children:"Step 1: Lorem ipsum...DONE"}),e.jsx(m,{height:"var(--padding-xs)"}),e.jsx("div",{children:"Step 2: Dolor est"}),e.jsx(m,{height:"var(--padding-xs)"}),e.jsx("div",{style:{opacity:.5},children:"Step 3: Compendum"}),e.jsx(m,{height:"var(--padding-xs)"}),e.jsx(L,{label:"Cancel",onClick:()=>{}})]})};const a=()=>{const[r,t]=G.useState(!0);return e.jsxs(e.Fragment,{children:[e.jsx(L,{label:"Toggle loading",onClick:()=>t(!r)}),e.jsx(m,{}),e.jsx(q,{children:e.jsxs("div",{style:{position:"relative"},children:[r&&e.jsx(g,{cover:!0,theme:l.WHITE,children:e.jsx(x,{dark:!0})}),"Lorem ipsum dolor sit amet, consectetur adipiscing elit. ".repeat(20)]})})]})};a.parameters={docs:{story:{inline:!1,iframeHeight:400}}};const s=()=>{const[r,t]=G.useState(!0);return e.jsxs(e.Fragment,{children:[e.jsx(L,{label:"Toggle loading",onClick:()=>t(!r)}),e.jsx(m,{}),e.jsx(q,{children:e.jsx("div",{style:{position:"relative"},children:r?e.jsx(g,{theme:l.WHITE,height:"200px",children:e.jsx(x,{dark:!0})}):e.jsx("div",{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. ".repeat(20)})})})]})};s.parameters={docs:{story:{inline:!1,iframeHeight:400}}};a.__docgenInfo={description:"",methods:[],displayName:"CoversCardContent"};s.__docgenInfo={description:"",methods:[],displayName:"ReplacesCardContent"};var v,j,C;o.parameters={...o.parameters,docs:{...(v=o.parameters)==null?void 0:v.docs,source:{originalSource:`(args: ILoaderProps) => {
|
|
2
2
|
const {
|
|
3
3
|
theme
|
|
4
4
|
} = args;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as r}from"./jsx-runtime-eps93zm2.js";import{r as br}from"./index-DhsZuJvc.js";import{H as xr,L as A,S as Sr,R as B}from"./react-router-dom-Ck2Y_Fzc.js";import{T as F,I as hr}from"./common-types-Sih75Sav.js";import{M as L}from"./actions-
|
|
1
|
+
import{j as r}from"./jsx-runtime-eps93zm2.js";import{r as br}from"./index-DhsZuJvc.js";import{H as xr,L as A,S as Sr,R as B}from"./react-router-dom-Ck2Y_Fzc.js";import{T as F,I as hr}from"./common-types-Sih75Sav.js";import{M as L}from"./actions-Bax0KeqM.js";import{B as _}from"./button-Cbv7WK6k.js";import{F as jr}from"./flex-EllkLxgO.js";import{m as s,a as Tr,b as Mr,c as Or,d as Cr,e as Dr,f as Rr,g as fr,h as yr,i as kr}from"./menu.stories-data-CQ59XhzU.js";import{M as W}from"./types-BmbYqTX_.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./tiny-invariant-DqLgxztJ.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./index-Bk2sglWO.js";import"./lodash-c4VUpsOs.js";import"./disabled-context-rmpd7YJS.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./icon-BSFY3vDO.js";import"./types-Dx2TtIG9.js";import"./badge-CLQ59MDF.js";import"./spinner-AWUe4xwQ.js";const Yr={title:"Basic/Menu",component:L,args:{menu:s}},e=a=>r.jsx(L,{...a}),N=e.bind({}),n=e.bind({});n.args={menu:{...s,colored:!0}};const o=e.bind({});o.args={menu:{...s,label:"Delete",colored:"danger"}};const t=e.bind({});t.args={menu:{...s,trigger:F.TEXT}};const i=e.bind({});i.args={menu:{...s,trigger:F.COMPONENT,component:r.jsx(_,{small:!0,colored:!0,round:!0,icon:hr.SETTINGS})}};const c=e.bind({});c.args={menu:Tr};const p=e.bind({});p.args={menu:Mr};const d=e.bind({});d.args={menu:Or};const l=e.bind({});l.args={menu:Cr};const m=e.bind({});m.args={disabled:!0};const u=e.bind({});u.args={tooltip:"Tooltip goes here"};const g=e.bind({});g.args={error:"Error goes here"};const b=e.bind({});b.args={warning:"Warning goes here"};const x=e.bind({});x.args={loading:!0,disabled:!0};const S=e.bind({});S.args={badgeTitle:"3"};const h=e.bind({});h.args={badgeDot:!0};const j=e.bind({});j.args={menu:Dr};const T=e.bind({});T.args={menu:Rr};const M=e.bind({});M.args={closeOnOptionClick:!1};const O=e.bind({});O.args={contextMenu:!0,menu:{...s,trigger:F.TEXT,label:"Right-click me"}};const C=e.bind({});C.args={width:"100%"};const D=e.bind({});D.args={menu:{...s,small:!0}};const R=e.bind({});R.args={menu:fr};const f=e.bind({});f.args={menu:{...s,sections:r.jsx("div",{children:"Testing"})}};const y=e.bind({});y.args={menu:yr};const k=e.bind({});k.args={menu:kr};const I=()=>{const[a,P]=br.useState(!1);return r.jsxs(jr,{gap:!0,children:[r.jsx(L,{menu:s,open:a,setOpen:P}),r.jsx(_,{label:"Open",onClick:()=>P(!0),disabled:a}),r.jsx(_,{label:"Close",onClick:()=>P(!1),disabled:!a})]})},E=()=>r.jsxs(xr,{children:[r.jsx(L,{menu:{label:"Go to",trigger:F.DROP_DOWN_BUTTON,sections:[{type:W.OPTION,label:"Dashboard",url:"/dashboard",component:A},{type:W.OPTION,label:"Settings",url:"/settings",component:A}]}}),r.jsxs(Sr,{children:[r.jsx(B,{path:"/dashboard",children:"Dashboard"}),r.jsx(B,{path:"/settings",children:"Settings"})]})]});I.__docgenInfo={description:"",methods:[],displayName:"ControlOpenStateFromParent"};E.__docgenInfo={description:"",methods:[],displayName:"AsRouterLink"};var w,X,J;N.parameters={...N.parameters,docs:{...(w=N.parameters)==null?void 0:w.docs,source:{originalSource:`args => <Menu
|
|
2
2
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
3
3
|
{...args} />`,...(J=(X=N.parameters)==null?void 0:X.docs)==null?void 0:J.source}}};var U,H,v;n.parameters={...n.parameters,docs:{...(U=n.parameters)==null?void 0:U.docs,source:{originalSource:`args => <Menu
|
|
4
4
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import{j as y}from"./jsx-runtime-eps93zm2.js";import{w as n,u as m,e as r,a as g}from"./index-DMAnyMX5.js";import{M as l}from"./actions-Bax0KeqM.js";import{m as w}from"./menu.stories-data-CQ59XhzU.js";import"./index-DhsZuJvc.js";import"./index-CF7H4eMJ.js";import"./index-Bk2sglWO.js";import"./lodash-c4VUpsOs.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./button-Cbv7WK6k.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";import"./types-BmbYqTX_.js";import"./types-Dx2TtIG9.js";import"./badge-CLQ59MDF.js";import"./flex-EllkLxgO.js";const G={title:"Basic/Menu/Test Cases",component:l,args:{menu:w},tags:["!autodocs"]},I=s=>y.jsx(l,{...s}),t=I.bind({});t.args={testId:"testId"};t.play=async({canvasElement:s,step:a})=>{const u=n(s),e=n(s.ownerDocument.body);await a("Clicking trigger should open menu",async()=>{const i=u.getByTestId("testId");await m.click(i);const o=await e.findByTestId("testId-layer");r(o).toBeInTheDocument()}),await a("Clicking disabled item should do nothing",async()=>{await e.getByText("Knight").click();const o=await e.findByTestId("testId-layer");r(o).toBeInTheDocument()}),await a("Clicking item should close menu",async()=>{const i=e.getByText("King");await m.click(i),await g(()=>{const o=e.queryByTestId("testId-layer");r(o).not.toBeInTheDocument()})})};var c,p,d;t.parameters={...t.parameters,docs:{...(c=t.parameters)==null?void 0:c.docs,source:{originalSource:`args => <Menu
|
|
2
|
+
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
3
|
+
{...args} />`,...(d=(p=t.parameters)==null?void 0:p.docs)==null?void 0:d.source}}};const H=["Test"];export{t as Test,H as __namedExportsOrder,G as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as s}from"./jsx-runtime-eps93zm2.js";import{r as T}from"./index-DhsZuJvc.js";import{c as l}from"./index-Bk2sglWO.js";import{I as r}from"./common-types-Sih75Sav.js";import{I as a}from"./icon-BSFY3vDO.js";const N="_inputInTable_1okhq_1",b="_inputHover_1okhq_13",j="_inputFocus_1okhq_18",R="_inputError_1okhq_25",v="_inputWarning_1okhq_26",y="_inputDisabled_1okhq_61",C="_hideScrollbars_1okhq_67",w="_container_1okhq_83",O="_block_1okhq_101",D="_info_1okhq_104",G="_success_1okhq_108",W="_warning_1okhq_112",A="_error_1okhq_116",L="_content_1okhq_120",F="_heading_1okhq_124",z="_icon_1okhq_131",H="_dismiss_1okhq_139",U="_absolute_1okhq_143",V="_legendToggle_1okhq_155",M="_detailsText_1okhq_165",B="_footer_1okhq_169",n={inputInTable:N,inputHover:b,inputFocus:j,inputError:R,inputWarning:v,inputDisabled:y,hideScrollbars:C,container:w,block:O,info:D,success:G,warning:W,error:A,content:L,heading:F,icon:z,dismiss:H,absolute:U,legendToggle:V,detailsText:M,footer:B};var i=(e=>(e.INFO="Info",e.SUCCESS="Success",e.WARNING="Warning",e.ERROR="Error",e))(i||{}),d=(e=>(e.TOGGLE_DETAILS="TOGGLE_DETAILS",e))(d||{});const p=({type:e,onClose:o,isInToast:t,testId:c})=>s.jsx("div",{className:l(n.dismiss,t?n.absolute:"",e===i.INFO?n.info:e===i.SUCCESS?n.success:e===i.WARNING?n.warning:e===i.ERROR?n.error:null),children:s.jsx(a,{icon:r.CLOSE,onClick:o,testId:c})});p.__docgenInfo={description:"",methods:[],displayName:"Dismiss",props:{type:{required:!0,tsType:{name:"union",raw:"TMessageType | string",elements:[{name:"union",raw:"'Info' | 'Success' | 'Warning' | 'Error'",elements:[{name:"literal",value:"'Info'"},{name:"literal",value:"'Success'"},{name:"literal",value:"'Warning'"},{name:"literal",value:"'Error'"}]},{name:"string"}]},description:""},onClose:{required:!1,tsType:{name:"signature",type:"function",raw:"(...args: any[]) => any",signature:{arguments:[{type:{name:"Array",elements:[{name:"any"}],raw:"any[]"},name:"args",rest:!0}],return:{name:"any"}}},description:""},isInToast:{required:!1,tsType:{name:"boolean"},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const J=(e,o)=>{switch(o.type){case d.TOGGLE_DETAILS:return{...e,detailsVisible:!e.detailsVisible};default:return e}},K=({details:e,visible:o,dispatch:t})=>s.jsxs("div",{children:[s.jsx("div",{className:l(n.legendToggle),onClick:t,children:o?"Hide details":"Show details"}),o?s.jsx("div",{className:n.detailsText,children:e}):null]}),P=({type:e})=>{switch(e){case i.SUCCESS:return s.jsx(a,{icon:r.SUCCESS,size:16});case i.WARNING:return s.jsx(a,{icon:r.WARNING,size:16});case i.ERROR:return s.jsx(a,{icon:r.ERROR,size:16});default:return s.jsx(a,{icon:r.INFO,size:16})}},Q=({message:e})=>{const{visible:o,type:t=i.INFO,icon:c,heading:u,content:g,details:_,detailsVisible:x=!1,footer:m,withDismiss:I,onClose:S,width:h,maxHeight:f}=e,k={detailsVisible:x},[E,q]=T.useReducer(J,k);return s.jsx(s.Fragment,{children:o?s.jsxs("div",{className:l(n.container,h?n.block:null,t===i.SUCCESS?n.success:t===i.WARNING?n.warning:t===i.ERROR?n.error:n.info),style:{width:h,maxHeight:f},children:[s.jsx("div",{children:c?s.jsx("div",{className:n.icon,children:s.jsx(P,{type:t})}):null}),s.jsxs("div",{className:n.content,children:[u?s.jsx("div",{className:n.heading,children:u}):null,s.jsx("div",{children:g}),_?s.jsx(K,{details:_,visible:E.detailsVisible,dispatch:()=>q({type:d.TOGGLE_DETAILS})}):null,!!m&&s.jsx("div",{className:n.footer,children:m})]}),I?s.jsx(p,{type:t,onClose:S}):null]}):null})};Q.__docgenInfo={description:"",methods:[],displayName:"Message",props:{message:{required:!0,tsType:{name:"IMessage"},description:""}}};export{p as D,Q as M,i as a};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._inputInTable_1okhq_1{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_1okhq_1:not(:hover):not([data-error]):not([data-warning]){border-color:transparent}._inputInTable_1okhq_1:not(:focus){box-shadow:none}._inputHover_1okhq_13{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_1okhq_18{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_1okhq_25,._inputWarning_1okhq_26{position:relative}._inputError_1okhq_25{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error-muted)}._inputError_1okhq_25:hover{border-color:var(--color-border-error-hover)!important}._inputError_1okhq_25:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_1okhq_26{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning-muted)}._inputWarning_1okhq_26:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_1okhq_26:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_1okhq_61{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._hideScrollbars_1okhq_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_1okhq_67::-webkit-scrollbar{display:none}:root{--color-border-message: rgba(0, 0, 0, .1)}html[data-theme=dark]{--color-border-message: rgba(255, 255, 255, .1)}._container_1okhq_83{padding:var(--padding-sm);border-radius:var(--border-radius);display:inline-flex;align-items:flex-start;line-height:var(--line-height);flex-wrap:wrap;overflow-y:auto;border:1px solid var(--color-border-message);scrollbar-width:none;-ms-overflow-style:none}._container_1okhq_83::-webkit-scrollbar{display:none}._container_1okhq_83._block_1okhq_101{display:flex}._container_1okhq_83._info_1okhq_104{color:var(--color-text-info);background-color:var(--color-background-info-muted)}._container_1okhq_83._success_1okhq_108{color:var(--color-text-success);background-color:var(--color-background-success-muted)}._container_1okhq_83._warning_1okhq_112{color:var(--color-text-warning);background-color:var(--color-background-warning-muted)}._container_1okhq_83._error_1okhq_116{color:var(--color-text-error);background-color:var(--color-background-error-muted)}._content_1okhq_120{flex:1;min-width:0}._heading_1okhq_124{font-weight:700;letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;font-size:var(--font-size-sm);line-height:var(--line-height)}._icon_1okhq_131{display:flex;justify-content:center;align-items:center;height:var(--line-height);margin-right:var(--padding-xs);font-size:var(--size-xs)}._dismiss_1okhq_139{margin-left:var(--padding);color:var(--color-text)}._dismiss_1okhq_139._absolute_1okhq_143{position:absolute;top:var(--padding-sm);right:var(--padding-sm)}._dismiss_1okhq_139{--offset-message-dismiss: calc((var(--line-height) - var(--size-sm)) / 2);display:flex;margin-top:var(--offset-message-dismiss);margin-bottom:var(--offset-message-dismiss);margin-right:var(--offset-message-dismiss)}._legendToggle_1okhq_155{opacity:.6}._legendToggle_1okhq_155:hover{opacity:.8;cursor:pointer}._legendToggle_1okhq_155:active{opacity:1}._detailsText_1okhq_165{margin-top:var(--padding-xxs);word-break:break-word}._footer_1okhq_169{display:flex;flex-wrap:wrap;gap:var(--padding-sm);margin-top:var(--padding-xxs)}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as s}from"./jsx-runtime-eps93zm2.js";import{M as a,a as n}from"./message-
|
|
1
|
+
import{j as s}from"./jsx-runtime-eps93zm2.js";import{M as a,a as n}from"./message-BRyKdRaX.js";import{B as M}from"./button-Cbv7WK6k.js";import{G as z}from"./grid-DRkC-bt8.js";import"./index-DhsZuJvc.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./spinner-AWUe4xwQ.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./styled-components.browser.esm-BQ9GQzDc.js";const{useArgs:J}=__STORYBOOK_MODULE_PREVIEW_API__,Q={visible:!0,heading:void 0,content:"Here is some info",withDismiss:!1,icon:!1,details:void 0,maxHeight:void 0,type:n.INFO},ce={title:"Basic/Message",component:a,args:{...Q},argTypes:{heading:{control:{type:"text"}},details:{control:{type:"text"}}}},e=u=>{const[X,y]=J(),c=()=>{y({visible:!1}),setTimeout(()=>{y({visible:!0})},1e3)};return s.jsxs(z,{gap:!0,children:[s.jsx(a,{message:{...u,onClose:c,type:n.INFO}}),s.jsx(a,{message:{...u,onClose:c,type:n.ERROR}}),s.jsx(a,{message:{...u,onClose:c,type:n.WARNING}}),s.jsx(a,{message:{...u,onClose:c,type:n.SUCCESS}})]})},C=e.bind({}),o=e.bind({});o.args={heading:"Message Heading"};const r=e.bind({});r.args={icon:!0};const t=e.bind({});t.args={details:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque at mi ac quam condimentum blandit at sit amet lectus. Nullam volutpat erat maximus, venenatis nisl sed, aliquam libero."};const g=e.bind({});g.args={details:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque at mi ac quam condimentum blandit at sit amet lectus. Nullam volutpat erat maximus, venenatis nisl sed, aliquam libero.",detailsVisible:!0};const l=e.bind({});l.args={type:n.ERROR,icon:!0,content:"Unable to sync because connection settings are not set.",footer:s.jsxs(s.Fragment,{children:[s.jsx(M,{small:!0,label:"Edit connection settings",colored:"primary"},"edit-settings"),s.jsx(M,{small:!0,label:"Cancel sync"},"cancel-sync"),","]})};const i=e.bind({});i.args={width:"100%"};const p=e.bind({});p.args={width:"300px"};const d=e.bind({});d.args={maxHeight:"100px",content:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. ".repeat(20)};const m=e.bind({});m.args={withDismiss:!0,onClose:()=>{}};var h,T,A;C.parameters={...C.parameters,docs:{...(h=C.parameters)==null?void 0:h.docs,source:{originalSource:`args => {
|
|
2
2
|
const [_, updateArgs] = useArgs();
|
|
3
3
|
const handleClose = () => {
|
|
4
4
|
updateArgs({
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._inputInTable_1llou_1{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_1llou_1:not(:hover):not([data-error]):not([data-warning]){border-color:transparent}._inputInTable_1llou_1:not(:focus){box-shadow:none}._inputHover_1llou_13{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_1llou_18{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_1llou_25,._inputWarning_1llou_26{position:relative}._inputError_1llou_25{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error-muted)}._inputError_1llou_25:hover{border-color:var(--color-border-error-hover)!important}._inputError_1llou_25:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_1llou_26{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning-muted)}._inputWarning_1llou_26:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_1llou_26:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_1llou_61{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._hideScrollbars_1llou_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_1llou_67::-webkit-scrollbar{display:none}._header_1llou_77 ._headerTitle_1llou_77,._heading_1llou_78 ._itemHeader_1llou_78{transition:opacity .3s}._narrow_1llou_81 ._header_1llou_77 ._headerTitle_1llou_77,._narrow_1llou_81 ._heading_1llou_78 ._itemHeader_1llou_78{opacity:0}._stickyHeader_1llou_85{position:sticky;top:0;background-color:var(--color-background);z-index:10}._itemHeader_1llou_78{padding:var(--padding-xs) var(--padding);display:flex;align-items:flex-start}._itemHeader_1llou_78 ._title_1llou_96{margin:0;padding:0;flex-grow:1;min-width:0}._itemHeader_1llou_78 ._name_1llou_102{font-weight:400}._itemHeader_1llou_78 ._iconTooltipMargin_1llou_105{margin-left:var(--padding-xs)}._itemHeader_1llou_78 ._bold_1llou_108{font-weight:700}._header_1llou_77{padding:var(--padding);display:flex;align-items:center;border-bottom:1px solid var(--color-border)}._toggleNarrow_1llou_117{margin-right:16px;margin-left:-5px;color:#c8c8c8;transition:all .4s;display:flex;width:22px;justify-content:center}._toggleNarrow_1llou_117:hover{color:var(--color-text-primary-hover)}._toggleNarrow_1llou_117:active{color:var(--color-text-primary-active)}._narrow_1llou_81 ._toggleNarrow_1llou_117{transform:scaleX(-1)}._drag_1llou_135{color:var(--color-text-faint);display:flex;align-items:center;justify-content:center;margin-right:var(--padding-xs);margin-left:calc(var(--padding-xs) * -1);margin-top:calc((var(--line-height) - var(--size-sm)) / 2);margin-bottom:calc((var(--line-height) - var(--size-sm)) / 2);cursor:move;height:var(--size-sm);width:var(--size-sm);flex-shrink:0}._drag_1llou_135:hover{color:var(--color-text-primary-hover)}._drag_1llou_135:active{color:var(--color-text-primary-active)}._list_1llou_155{flex-shrink:0;background:var(--color-background)}._list_1llou_155._bordered_1llou_159:first-child,._list_1llou_155._bordered_1llou_159:first-child>:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}._list_1llou_155._bordered_1llou_159:last-child,._list_1llou_155._bordered_1llou_159:last-child>:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;border-bottom:0}._item_1llou_78{color:inherit;display:block;transition:background-color .2s;position:relative;border-bottom:1px solid var(--color-border);background-color:var(--color-background-raised);transition:background .3s;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}._item_1llou_78:not(._heading_1llou_78):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,width .3s}._item_1llou_78._action_1llou_192{cursor:pointer}._item_1llou_78._action_1llou_192:not(._active_1llou_195):hover{background:var(--color-background-listitem-hover)}._item_1llou_78._action_1llou_192:not(._active_1llou_195):hover:after{width:5px;background:#0000001a}._item_1llou_78._indented_1llou_202:after{width:3px;background:#0000001a}._item_1llou_78._active_1llou_195{cursor:default;position:relative;z-index:1;background:var(--color-background-listitem-active)}._item_1llou_78._active_1llou_195:after{background:var(--color-background-primary)!important}._item_1llou_78._disabled_1llou_215{color:var(--color-text-faint);pointer-events:none}._item_1llou_78._heading_1llou_78{color:var(--color-text-muted);background-color:var(--color-background-cardheader)}._item_1llou_78._heading_1llou_78._action_1llou_192:hover{color:var(--color-text-primary-hover)}._item_1llou_78 ._label_1llou_226{margin-right:var(--padding-xs);flex-shrink:0;width:var(--size-sm);height:var(--size-sm);margin-top:calc(var(--line-height) / 2 - var(--size-sm) / 2);margin-bottom:calc(var(--line-height) / 2 - var(--size-sm) / 2);display:flex;align-items:center;justify-content:center}._item_1llou_78 ._details_1llou_237,._item_1llou_78 ._metadata_1llou_238{display:block;width:100%;font-weight:400}._item_1llou_78 ._metadata_1llou_238{color:var(--color-text-muted)}._item_1llou_78 ._itemContent_1llou_246{padding:0 var(--padding) var(--padding-sm);cursor:auto}._item_1llou_78 ._itemContent_1llou_246:empty{padding:inherit}._indentIcon_1llou_253{color:var(--color-text-faint);flex-shrink:0;margin-right:var(--padding-xxs)}._expandIcon_1llou_258{flex-shrink:0;position:relative;display:flex;height:var(--line-height);margin-right:var(--padding-xs)}._expandIcon_1llou_258._expanded_1llou_265 svg{transform:rotate(90deg)}._right_1llou_268{margin-left:auto;display:flex;align-items:center;margin-top:calc((var(--line-height) - var(--size-sm)) / 2);margin-bottom:calc((var(--line-height) - var(--size-sm)) / 2);min-height:var(--size-sm)}._actions_1llou_276{margin-left:var(--padding-xs);display:flex;align-items:center}._scrollableList_1llou_281{height:100%;overflow-y:auto;scroll-behavior:smooth}._infiniteScrollContainer_1llou_286{overflow:hidden!important}._hideScrollbar_1llou_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbar_1llou_67::-webkit-scrollbar{display:none}._bordered_1llou_159{box-shadow:inset 0 0 0 2px var(--color-background-primary);background:var(--color-background-listitem-active)}._noPointerEvents_1llou_303{pointer-events:none}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as m}from"./index-DhsZuJvc.js";import{c}from"./index-Bk2sglWO.js";import{I as g}from"./common-types-Sih75Sav.js";import{I as _}from"./icon-BSFY3vDO.js";import{H as h}from"./heading-CRNoBc7q.js";import{A as x}from"./actions-Bax0KeqM.js";import{B as f}from"./badge-CLQ59MDF.js";import{T as N}from"./tooltip-1V7clEnw.js";const b="_inputInTable_1llou_1",T="_inputHover_1llou_13",j="_inputFocus_1llou_18",v="_inputError_1llou_25",y="_inputWarning_1llou_26",I="_inputDisabled_1llou_61",w="_hideScrollbars_1llou_67",H="_header_1llou_77",q="_headerTitle_1llou_77",C="_heading_1llou_78",k="_itemHeader_1llou_78",E="_narrow_1llou_81",S="_stickyHeader_1llou_85",M="_title_1llou_96",R="_name_1llou_102",L="_iconTooltipMargin_1llou_105",F="_bold_1llou_108",V="_toggleNarrow_1llou_117",W="_drag_1llou_135",B="_list_1llou_155",D="_bordered_1llou_159",P="_item_1llou_78",$="_action_1llou_192",A="_active_1llou_195",O="_indented_1llou_202",z="_disabled_1llou_215",G="_label_1llou_226",J="_details_1llou_237",K="_metadata_1llou_238",Q="_itemContent_1llou_246",U="_indentIcon_1llou_253",X="_expandIcon_1llou_258",Y="_expanded_1llou_265",Z="_right_1llou_268",ee="_actions_1llou_276",te="_scrollableList_1llou_281",oe="_infiniteScrollContainer_1llou_286",ne="_hideScrollbar_1llou_67",ae="_noPointerEvents_1llou_303",o={inputInTable:b,inputHover:T,inputFocus:j,inputError:v,inputWarning:y,inputDisabled:I,hideScrollbars:w,header:H,headerTitle:q,heading:C,itemHeader:k,narrow:E,stickyHeader:S,title:M,name:R,iconTooltipMargin:L,bold:F,toggleNarrow:V,drag:W,list:B,bordered:D,item:P,action:$,active:A,indented:O,disabled:z,label:G,details:J,metadata:K,itemContent:Q,indentIcon:U,expandIcon:X,expanded:Y,right:Z,actions:ee,scrollableList:te,infiniteScrollContainer:oe,hideScrollbar:ne,noPointerEvents:ae},u=({toggleNarrow:n,onClickToggleNarrow:t})=>n?e.jsx("a",{className:o.toggleNarrow,onClick:t,children:e.jsx(_,{icon:g.CHEVRON_LEFT})}):null;u.__docgenInfo={description:"",methods:[],displayName:"ToggleNarrow",props:{toggleNarrow:{required:!1,tsType:{name:"boolean"},description:""},onClickToggleNarrow:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""}}};const le=m.forwardRef(({name:n,actions:t=[],toggleNarrow:i=!1,onToggleNarrow:a=()=>{},stickyHeader:r},s)=>e.jsxs("div",{ref:s,className:c(o.header,r?o.stickyHeader:""),children:[e.jsx(u,{toggleNarrow:i,onClickToggleNarrow:a}),n&&e.jsx("div",{className:o.headerTitle,children:e.jsx(h,{top:!0,marginBottom:0,children:n})}),e.jsx("div",{className:o.right,children:e.jsx("div",{className:o.actions,children:e.jsx(x,{actions:t})})})]}));le.__docgenInfo={description:"",methods:[],displayName:"ListHeading",props:{actions:{defaultValue:{value:"[]",computed:!1},required:!1},toggleNarrow:{defaultValue:{value:"false",computed:!1},required:!1},onToggleNarrow:{defaultValue:{value:"() => {}",computed:!1},required:!1}}};const p=({name:n,icon:t,testId:i})=>{const a=t&&e.jsx(_,{icon:t.icon,color:t.color||"#db2828"});return e.jsxs("span",{className:c(o.name,o.bold),"data-testid":i,children:[n,t&&t.tooltip&&t.tooltip.text?e.jsx("span",{className:o.iconTooltipMargin,children:e.jsx(N,{text:t.tooltip.text,maxWidth:"350px",children:a})}):t&&t.icon&&e.jsx("span",{className:o.iconTooltipMargin,children:a})]})};p.__docgenInfo={description:"",methods:[],displayName:"Name",props:{name:{required:!0,tsType:{name:"ReactNode"},description:""},icon:{required:!1,tsType:{name:"signature",type:"object",raw:`{
|
|
2
|
+
icon: ReactNode;
|
|
3
|
+
color?: string;
|
|
4
|
+
tooltip?: {
|
|
5
|
+
text: ReactNode;
|
|
6
|
+
};
|
|
7
|
+
}`,signature:{properties:[{key:"icon",value:{name:"ReactNode",required:!0}},{key:"color",value:{name:"string",required:!1}},{key:"tooltip",value:{name:"signature",type:"object",raw:`{
|
|
8
|
+
text: ReactNode;
|
|
9
|
+
}`,signature:{properties:[{key:"text",value:{name:"ReactNode",required:!0}}]},required:!1}}]}},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const ie=({item:n})=>{const{name:t,icon:i,details:a,metadata:r,invalid:s,testId:l}=n;let d=e.jsx(p,{name:t,icon:i,testId:l&&`${l}-name`});return s&&(d=e.jsx(f,{small:!0,margin:"-2px",title:"!",children:d})),e.jsxs("span",{className:o.title,children:[d,a&&e.jsx("span",{className:o.details,"data-testid":l&&`${l}-details`,children:a}),r&&e.jsx("span",{className:o.metadata,"data-testid":l&&`${l}-metadata`,children:r})]})};ie.__docgenInfo={description:"",methods:[],displayName:"MetaContent",props:{item:{required:!0,tsType:{name:"IMetaContentItem"},description:""}}};export{le as L,ie as M,p as N,o as l};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as h}from"./index-DhsZuJvc.js";import{T as X}from"./common-types-Sih75Sav.js";import{M,D as C}from"./dialog-
|
|
1
|
+
import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as h}from"./index-DhsZuJvc.js";import{T as X}from"./common-types-Sih75Sav.js";import{M,D as C}from"./dialog-DkpQscuI.js";import{B as o}from"./button-Cbv7WK6k.js";import{P as Z}from"./popover-C_2P8LFJ.js";import{I as Q}from"./input-Db9WkmPP.js";import{I as $}from"./input-group-BaRSJAEN.js";import{F as j}from"./field-HrLaMLbx.js";import{M as ee}from"./actions-Bax0KeqM.js";import{S as oe}from"./select-BQzJMnK1.js";import{S as le}from"./spacer-BWoNR27H.js";import{T as ne}from"./tooltip-1V7clEnw.js";import{M as k}from"./types-BmbYqTX_.js";import"./index-Bk2sglWO.js";import"./portal-GQ0_cLB6.js";import"./index-CUZDtIZe.js";import"./lodash-c4VUpsOs.js";import"./heading-CRNoBc7q.js";import"./help-icon-Buhx5nl6.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./spinner-AWUe4xwQ.js";import"./types-Dx2TtIG9.js";import"./label-CqmyC9he.js";import"./badge-CLQ59MDF.js";import"./enum-Bnn40S8Q.js";import"./assertThisInitialized-B9jnkVVz.js";import"./memoize-one.esm-CcMeOnPo.js";import"./text-B3-TSWok.js";import"./select.input-CJed_LLR.js";import"./helpers-JJxzGegQ.js";const{useArgs:se}=__STORYBOOK_MODULE_PREVIEW_API__,Ke={title:"Modals/Modal",component:M,args:{visible:!0,centered:!0,width:"300px",heading:"Are you sure?",content:e.jsx(e.Fragment,{children:"This will complete the transaction"}),footer:e.jsxs(e.Fragment,{children:[e.jsx(o,{label:"Okay",colored:!0,onClick:()=>{}}),e.jsx(o,{label:"Cancel",onClick:()=>{}})]}),onClose:()=>{}},parameters:{docs:{story:{inline:!1,iframeHeight:400}}}},a=()=>{const[{visible:n,centered:r,...s},l]=se(),t=()=>{l({visible:!n})};return e.jsxs(e.Fragment,{children:[e.jsx(M,{visible:n,centered:r,children:e.jsx(C,{dialog:{...s,onClose:t}})}),e.jsx(o,{label:"Open Modal",onClick:t})]})},v=a.bind({}),i=a.bind({});i.args={centered:!0};const d=a.bind({});d.args={content:["This is a","new line!"]};const c=a.bind({});c.args={scroll:!0,content:e.jsx("div",{children:"Example modal content goes here lorem ipsum. ".repeat(100)})};const g=a.bind({});g.args={width:"100%",content:e.jsx("div",{children:"Example modal content goes here lorem ipsum. ".repeat(100)})};const p=a.bind({});p.args={contentPadding:0};const m=a.bind({});m.args={content:e.jsxs(e.Fragment,{children:[e.jsx(ne,{text:"Tooltip text",children:"Hover for tooltip"}),e.jsx(le,{}),e.jsx(j,{label:"Custom Select",helpText:"Select an animal",children:e.jsx(oe,{name:"example",options:["Aardvarks","Kangaroos","Monkeys","Possums","Gorilla","Puma","Patagonian Mara","Tarsier","Koala","Panda","Red Panda","Impala","Tiger","Crocodile","Bat"],onChange:()=>{},value:"Monkeys",error:"Bad value"})}),e.jsx(j,{label:"Nested Menu",children:e.jsx(ee,{maxHeight:"240px",menu:{label:"Menu",trigger:X.DROP_DOWN_BUTTON,sections:[{type:k.MENU,menu:{trigger:"Text",label:"Children",sections:[...Array(100).keys()].map(()=>({type:"Option",label:Math.random().toString(36).substring(7),onClick:()=>{}}))}},...[...Array(100).keys()].map(()=>({type:k.OPTION,label:Math.random().toString(36).substring(7),onClick:()=>{}}))]}})}),e.jsx(Z,{content:e.jsxs($,{small:!0,children:[e.jsx(Q,{value:"Value",width:"150px",error:"Bad value"}),e.jsx(o,{colored:!0,label:"Save",onClick:()=>{}}),e.jsx(o,{label:"Cancel",onClick:()=>{}})]}),children:e.jsx(o,{colored:!0,label:"Toggle me",onClick:()=>{}})})]})};const u=()=>{const[n,r]=h.useState(!1),s=()=>{r(!0)},l=()=>{r(!1)},t=()=>{console.log("Submit action"),l()};return e.jsxs(e.Fragment,{children:[e.jsx(M,{visible:n,onEnter:()=>{console.log("Enter"),t()},onEscape:()=>{console.log("Escape"),l()},children:e.jsx(C,{dialog:{heading:"Test key handling",content:e.jsx(Q,{}),footer:e.jsxs(e.Fragment,{children:[e.jsx(o,{label:"Done",colored:"red",onClick:t}),e.jsx(o,{label:"Cancel",onClick:l})]}),onClose:l}})}),e.jsx(o,{label:"Open Modal",onClick:s})]})},b=()=>{const[n,r]=h.useState(!1),s=()=>r(!n),[l,t]=h.useState(!1),x=()=>t(!l);return e.jsxs(e.Fragment,{children:[e.jsx(M,{visible:n,children:e.jsx(C,{dialog:{heading:"Modal 1",content:"Lorem ipsum dolor sit amet",footer:e.jsxs(e.Fragment,{children:[e.jsx(o,{label:"Open modal 2",colored:!0,onClick:x}),e.jsx(M,{visible:l,children:e.jsx(C,{dialog:{heading:"Modal 2",content:"Lorem ipsum dolor sit amet",footer:e.jsx(o,{label:"Close",onClick:x}),onClose:x}})}),e.jsx(o,{label:"Close",onClick:s})]}),onClose:s}})}),e.jsx(o,{label:"Open modal 1",onClick:s})]})};u.__docgenInfo={description:"",methods:[],displayName:"KeyHandle"};b.__docgenInfo={description:"",methods:[],displayName:"MultipleModals"};var f,S,P;v.parameters={...v.parameters,docs:{...(f=v.parameters)==null?void 0:f.docs,source:{originalSource:`() => {
|
|
2
2
|
const [{
|
|
3
3
|
visible,
|
|
4
4
|
centered,
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime-eps93zm2.js";import{w as d,u as c,e as p}from"./index-DMAnyMX5.js";import{M as b,D as h}from"./dialog-DkpQscuI.js";import{B as l}from"./button-Cbv7WK6k.js";import"./index-DhsZuJvc.js";import"./index-CF7H4eMJ.js";import"./index-Bk2sglWO.js";import"./portal-GQ0_cLB6.js";import"./index-CUZDtIZe.js";import"./lodash-c4VUpsOs.js";import"./common-types-Sih75Sav.js";import"./heading-CRNoBc7q.js";import"./help-icon-Buhx5nl6.js";import"./tooltip-1V7clEnw.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./spinner-AWUe4xwQ.js";const{useArgs:M}=__STORYBOOK_MODULE_PREVIEW_API__,K={title:"Modals/Modal/Test Cases",component:b,args:{visible:!0,centered:!0,width:"300px",heading:"Are you sure?",content:e.jsx(e.Fragment,{children:"This will complete the transaction"}),footer:e.jsxs(e.Fragment,{children:[e.jsx(l,{label:"Okay",colored:!0,onClick:()=>{}}),e.jsx(l,{label:"Cancel",onClick:()=>{}})]}),onClose:()=>{}},parameters:{docs:{story:{inline:!1,iframeHeight:400}}},tags:["!autodocs"]},x=()=>{const[{visible:s,centered:a,...n},r]=M(),t=()=>{r({visible:!s})};return e.jsxs(e.Fragment,{children:[e.jsx(b,{visible:s,centered:a,children:e.jsx(h,{dialog:{...n,onClose:t}})}),e.jsx(l,{label:"Open Modal",onClick:t})]})},o=x.bind({});o.args={testId:"testId"};o.play=async({canvasElement:s,step:a})=>{const n=d(s),r=d(s.ownerDocument.body);await a("Modal should appear when triggered",async()=>{const t=n.getByText("Open Modal");await c.click(t);const i=r.getByTestId("testId");await p(i).toBeInTheDocument()}),await a("Modal should disappear when close button pressed",async()=>{const t=r.getByTestId("testId"),i=n.getByTestId("testId-dismiss");await c.click(i),await p(t).not.toBeInTheDocument()})};var m,g,u;o.parameters={...o.parameters,docs:{...(m=o.parameters)==null?void 0:m.docs,source:{originalSource:`() => {
|
|
2
|
+
const [{
|
|
3
|
+
visible,
|
|
4
|
+
centered,
|
|
5
|
+
...dialogProps
|
|
6
|
+
}, updateArgs] = useArgs();
|
|
7
|
+
const toggleModal = () => {
|
|
8
|
+
updateArgs({
|
|
9
|
+
visible: !visible
|
|
10
|
+
});
|
|
11
|
+
};
|
|
12
|
+
return <>
|
|
13
|
+
<Modal visible={visible} centered={centered}>
|
|
14
|
+
<Dialog dialog={{
|
|
15
|
+
...dialogProps,
|
|
16
|
+
onClose: toggleModal
|
|
17
|
+
}} />
|
|
18
|
+
</Modal>
|
|
19
|
+
<Button label="Open Modal" onClick={toggleModal} />
|
|
20
|
+
</>;
|
|
21
|
+
}`,...(u=(g=o.parameters)==null?void 0:g.docs)==null?void 0:u.source}}};const L=["Test"];export{o as Test,L as __namedExportsOrder,K as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as R}from"./jsx-runtime-eps93zm2.js";import{r as l}from"./index-DhsZuJvc.js";import{d as a}from"./index-C0x1JmaP.js";import{K as J,E as Q}from"./enum-Bnn40S8Q.js";import{l as X}from"./lodash-c4VUpsOs.js";import{i as S}from"./helpers-JJxzGegQ.js";import{I as Y}from"./input-
|
|
1
|
+
import{j as R}from"./jsx-runtime-eps93zm2.js";import{r as l}from"./index-DhsZuJvc.js";import{d as a}from"./index-C0x1JmaP.js";import{K as J,E as Q}from"./enum-Bnn40S8Q.js";import{l as X}from"./lodash-c4VUpsOs.js";import{i as S}from"./helpers-JJxzGegQ.js";import{I as Y}from"./input-Db9WkmPP.js";const $=14,s=n=>String(a.toString(n)),ee=n=>a.isScientificStringNum(n)?n:s(a.roundToPrecision(a.toNum(n),$)),ne=n=>n?typeof n=="string"?n:X.isArray(n)?n[0]:n.fieldName:"",te=({name:n,placeholder:p="",disabled:C=!1,error:b=!1,left:L=!1,small:k=!1,width:x="100%",value:c="",onChange:j=()=>{},onFocus:M=()=>{},onBlur:O=()=>{},tabIndex:H=0,testId:K,tooltip:P=null,warning:_=!1,validationCallback:E=()=>{},allowEmpty:A=!1,isInTable:D,groupOrder:W,enableCosmeticRounding:w=!0,enableDisplayRounding:g=!1,roundDisplayValue:N,disableInternalErrorValidationMessages:B=!1})=>{const y=e=>{const t=a.validateNumber(e);return p&&S(e)?{valid:!0,errors:[]}:A&&e===""||t.valid?{...t,valid:!0,errors:void 0}:t},q=e=>{var d;const t=!!(e!=null&&e.endsWith("0")),f=w&&e&&!t&&((d=y(e))==null?void 0:d.valid)?ee(e):e;return s(f)},i=l.useRef(null),[r,h]=l.useState(q(s(c))),[u,V]=l.useState(!1),o=ne(n),{valid:v,errors:T}=y(r),I=T&&T.length&&!B?T[0]:null;l.useEffect(()=>{const e=q(s(c));a.toNum(r)!==a.toNum(e)&&h(e)},[c,w,g]),l.useEffect(()=>{!u&&!v?E(o,I):E(o,null)},[u,v,b]);const F=e=>{var f,d;const t=e instanceof KeyboardEvent?r:(f=e==null?void 0:e.target)==null?void 0:f.value,m=a.cleanNumStr(t.replaceAll(" ","").replaceAll("|",""));if(h(m),(d=y(m))!=null&&d.valid||p&&S(t)){const z={...e,target:{...e.target,value:a.stripLeadingZeros(s(m)),name:o}};j(z)}};l.useEffect(()=>{if(i&&(i!=null&&i.current)&&g&&u){const e=i.current;e&&setTimeout(()=>{const{length:t}=s(r);e.setSelectionRange(t,t)},0)}},[u]);const U=e=>{V(!0),M(e)},Z=e=>{V(!1),O(e)},G=g&&!u&&v?N?s(N(r)):a.roundToFixed(r,2):r;return R.jsx(J,{handleKeys:[Q.ENTER],onKeyEvent:(e,t)=>F(t),children:R.jsx(Y,{type:"text",name:o,testId:K,disabled:C,placeholder:p,value:G,onChange:F,onFocus:U,onBlur:Z,error:I||b,warning:_,right:!L,small:k,width:x,isInTable:D,groupOrder:W,tabIndex:H,tooltip:P,ref:i},o)})};te.__docgenInfo={description:"",methods:[],displayName:"NumberInput",props:{name:{required:!1,tsType:{name:"union",raw:"string | { fieldName: string }",elements:[{name:"string"},{name:"signature",type:"object",raw:"{ fieldName: string }",signature:{properties:[{key:"fieldName",value:{name:"string",required:!0}}]}}]},description:""},placeholder:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},error:{required:!1,tsType:{name:"union",raw:"string | boolean",elements:[{name:"string"},{name:"boolean"}]},description:"",defaultValue:{value:"false",computed:!1}},left:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},small:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},width:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"'100%'",computed:!1}},value:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"''",computed:!1}},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:`(
|
|
2
2
|
event: TChangeEvent<T>,
|
|
3
3
|
...additionalProps: { [key: string]: any }[]
|
|
4
4
|
) => void`,signature:{arguments:[{type:{name:"intersection",raw:`ChangeEvent<T> & {
|
package/dist/storybook/assets/{number-input.stories-DUvn4L-Z.js → number-input.stories-Bo26PJmJ.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as Q}from"./jsx-runtime-eps93zm2.js";import{d as X}from"./index-C0x1JmaP.js";import{N as q}from"./number-input-
|
|
1
|
+
import{j as Q}from"./jsx-runtime-eps93zm2.js";import{d as X}from"./index-C0x1JmaP.js";import{N as q}from"./number-input-CNnU6gOF.js";import"./index-DhsZuJvc.js";import"./index-DRSy5Ssd.js";import"./enum-Bnn40S8Q.js";import"./index-CEuq6vkz.js";import"./lodash-c4VUpsOs.js";import"./helpers-JJxzGegQ.js";import"./input-Db9WkmPP.js";import"./index-Bk2sglWO.js";import"./disabled-context-rmpd7YJS.js";import"./types-Dx2TtIG9.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";const{useArgs:Z}=__STORYBOOK_MODULE_PREVIEW_API__,he={title:"Forms/NumberInput",component:q,parameters:{canvas:{page:null}},args:{label:"Label"}},e=c=>{const[$,z]=Z(),G=J=>{z({value:J.target.value})};return Q.jsx(q,{onChange:G,value:123,...c})},d=e.bind({}),n=e.bind({});n.args={small:!0};const a=e.bind({});a.args={width:"150px"};const r=e.bind({});r.args={left:!0};const t=e.bind({});t.args={disabled:!0};const s=e.bind({});s.args={allowEmpty:!0,value:""};const u=e.bind({});u.args={warning:"This input number is almost 100!",value:"99"};const o=e.bind({});o.args={error:"This is a error message"};const g=e.bind({});g.args={value:"123test"};const p=e.bind({});p.args={value:"123.123456789",enableDisplayRounding:!0};const l=e.bind({});l.args={value:"123.123456789",enableDisplayRounding:!0,roundDisplayValue:c=>X.roundToFixed(c,4)};var m,i,h;d.parameters={...d.parameters,docs:{...(m=d.parameters)==null?void 0:m.docs,source:{originalSource:`args => {
|
|
2
2
|
const [_, updateArgs] = useArgs();
|
|
3
3
|
const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
|
|
4
4
|
updateArgs({
|