@oliasoft-open-source/react-ui-library 4.7.8-beta-3 → 4.7.9-beta-1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/{index-CfpMPxgr.js → index-DLK3QlKd.js} +1 -2
- package/dist/index.d.ts +35 -30
- package/dist/index.html +1 -1
- package/dist/index.js +82 -65
- package/dist/index.js.map +1 -1
- package/dist/storybook/assets/{Color-KGDBMAHA-CgvLCgqn.js → Color-KGDBMAHA-DcdC9v0p.js} +1 -1
- package/dist/storybook/assets/{DocsRenderer-PKQXORMH-Bnk9fu_p.js → DocsRenderer-PKQXORMH-CT4GlLnv.js} +1 -1
- package/dist/storybook/assets/{accordion.stories-BM2A9Ycz.js → accordion.stories-CH0BX_os.js} +2 -2
- package/dist/storybook/assets/actions-Tr0wIZve.js +39 -0
- package/dist/storybook/assets/{actions.stories-D0QIqnMp.js → actions.stories-CQK6PyBH.js} +1 -1
- package/dist/storybook/assets/{afe.stories-CcHBWifH.js → afe.stories-CSYzQy-o.js} +2 -2
- package/dist/storybook/assets/{badge.stories-DIrrG6P1.js → badge.stories-Blb5k20_.js} +1 -1
- package/dist/storybook/assets/{blowout.stories-D0pIbWxv.js → blowout.stories-hdxkqScp.js} +1 -1
- package/dist/storybook/assets/button-CzvLc2io.js +1 -0
- package/dist/storybook/assets/{button-group-Cfmdts3y.js → button-group-C1PqMW-H.js} +1 -1
- package/dist/storybook/assets/{button-group.stories-BLo6acO_.js → button-group.stories-QlYbfeJS.js} +1 -1
- package/dist/storybook/assets/{button.stories-novTlASU.js → button.stories-tM18j4A3.js} +1 -1
- package/dist/storybook/assets/{buttons-and-links-C60POD5w.js → buttons-and-links-CA4QaD8G.js} +1 -1
- package/dist/storybook/assets/{casing-loads.stories-CzZ11NBQ.js → casing-loads.stories-C-GU3_LZ.js} +2 -2
- package/dist/storybook/assets/{cell.stories-C2iOpdT8.js → cell.stories-CmBZ9hQL.js} +2 -2
- package/dist/storybook/assets/check-box-wCvXxtCz.js +13 -0
- package/dist/storybook/assets/{check-box.stories-BRZDXWlp.js → check-box.stories-Q_WICJ_2.js} +1 -1
- package/dist/storybook/assets/{chunk-HLWAVYOI-Dq4zCag0.js → chunk-HLWAVYOI-CEGCXOH9.js} +1 -1
- package/dist/storybook/assets/{color-D4BEIdyW.js → color-BtyLQXx1.js} +1 -1
- package/dist/storybook/assets/{dialog-DHZwgN1J.js → dialog-B55T_62Q.js} +1 -1
- package/dist/storybook/assets/{drawer-eslxDMsk.js → drawer-CNKfMbq9.js} +1 -1
- package/dist/storybook/assets/{drawer.stories-DEmv0seL.js → drawer.stories-BzVj2VTf.js} +1 -1
- package/dist/storybook/assets/{empty.stories-lm0UXceF.js → empty.stories-CVaJlnv1.js} +1 -1
- package/dist/storybook/assets/{field.stories-DKabKkpY.js → field.stories-DhiTcelS.js} +1 -1
- package/dist/storybook/assets/file-button.stories-oe6HKMH2.js +22 -0
- package/dist/storybook/assets/file-input-CMP44wlr.js +13 -0
- package/dist/storybook/assets/{file-input.stories-le1QtUvc.js → file-input.stories-DTRWZyqS.js} +1 -1
- package/dist/storybook/assets/{flex.stories-CpXERw-9.js → flex.stories-DtDxXdHB.js} +1 -1
- package/dist/storybook/assets/footer.stories-M5swlcht.js +3 -0
- package/dist/storybook/assets/form.stories-BCg9rFVI.js +49 -0
- package/dist/storybook/assets/formation.stories-CgBhz3-o.js +74 -0
- package/dist/storybook/assets/helpers-JJxzGegQ.js +1 -0
- package/dist/storybook/assets/iframe-BZTJ8TMF.js +2 -0
- package/dist/storybook/assets/{index-CCIzIzmw.js → index-D0Yp3qUF.js} +4 -4
- package/dist/storybook/assets/{index-ZUqUscdi.js → index-qsNwq0s-.js} +1 -1
- package/dist/storybook/assets/input-DTXbDJaL.js +1 -0
- package/dist/storybook/assets/{input-group.stories-CNgazSNn.js → input-group.stories-M4a8AYtB.js} +3 -3
- package/dist/storybook/assets/{input-validation-BAauofrr.js → input-validation-CPjdS76B.js} +2 -2
- package/dist/storybook/assets/{input.stories-EZ7qJt4K.js → input.stories-FKl0qVhm.js} +1 -1
- package/dist/storybook/assets/{inputs-DDobTTLy.js → inputs-vBIiN7wa.js} +2 -2
- package/dist/storybook/assets/{layout-forms-GKHrAksv.js → layout-forms-CJdRAvRT.js} +4 -4
- package/dist/storybook/assets/{layout-general-BQ7XOkUP.js → layout-general-CrYxsfxK.js} +1 -1
- package/dist/storybook/assets/{list-qDLciw5I.js → list-DhjHm8bz.js} +1 -1
- package/dist/storybook/assets/{list.stories-C4aq5yH1.js → list.stories-2F-UkS1E.js} +1 -1
- package/dist/storybook/assets/{list.stories-data-Bb69C9ED.js → list.stories-data-DqFECKJF.js} +1 -1
- package/dist/storybook/assets/{loader.stories-CP1wsg3-.js → loader.stories-BMe1zhEL.js} +1 -1
- package/dist/storybook/assets/{lodash-BHd_uQHh.js → lodash-c4VUpsOs.js} +2 -2
- package/dist/storybook/assets/{menu.stories-Bo3KBdyY.js → menu.stories-B_1YsebS.js} +1 -1
- package/dist/storybook/assets/menu.stories-data-CQ59XhzU.js +1 -0
- package/dist/storybook/assets/{message.stories-CXvBu8Eh.js → message.stories-QYFwbrO0.js} +1 -1
- package/dist/storybook/assets/{meta-content-BFs3c8_I.js → meta-content-DCllGQX6.js} +1 -1
- package/dist/storybook/assets/{modal.stories-PN023DHW.js → modal.stories-PZXXHpu9.js} +2 -2
- package/dist/storybook/assets/number-input-Ct8VwJX0.js +16 -0
- package/dist/storybook/assets/number-input.stories-CK-pmDN5.js +110 -0
- package/dist/storybook/assets/option-dropdown.stories-ntKLWycS.js +52 -0
- package/dist/storybook/assets/{padding-and-spacing-CSlKX1Dq.js → padding-and-spacing-B-93CHYn.js} +1 -1
- package/dist/storybook/assets/{page.stories-C-2VKGth.js → page.stories-Dp_z8s1a.js} +1 -1
- package/dist/storybook/assets/{pagination-BJSFecNw.js → pagination-T__Mixkr.js} +1 -1
- package/dist/storybook/assets/{pagination.stories-CP4abVYK.js → pagination.stories-C_oRnFX_.js} +2 -2
- package/dist/storybook/assets/{pop-confirm.stories-Du0AIyKt.js → pop-confirm.stories-D-iQo6s7.js} +1 -1
- package/dist/storybook/assets/{popover-DYTMr1Fd.js → popover-9ZnEm5Hy.js} +1 -1
- package/dist/storybook/assets/popover.stories-B9slHpqQ.js +10 -0
- package/dist/storybook/assets/{preview-D4Rt2i6_.js → preview-3lxfqOkZ.js} +1 -1
- package/dist/storybook/assets/{preview-B6tlSqMG.js → preview-D0xsXs52.js} +2 -2
- package/dist/storybook/assets/projects.stories-CdvyNFKw.js +47 -0
- package/dist/storybook/assets/radio-button-C3RuBqEf.js +13 -0
- package/dist/storybook/assets/{radio-button.stories-BzCvj7vt.js → radio-button.stories-CAHs1mr6.js} +2 -2
- package/dist/storybook/assets/{reservoirs.stories-gClJhYDT.js → reservoirs.stories-zzDr9Zir.js} +2 -2
- package/dist/storybook/assets/{rich-text-input.stories-B74E4Tlj.js → rich-text-input.stories-DDnRLaZw.js} +3 -3
- package/dist/storybook/assets/{row.stories-DP3P7HwU.js → row.stories-DVq_splx.js} +2 -2
- package/dist/storybook/assets/select-BW0IihoR.js +61 -0
- package/dist/storybook/assets/select.input-CJed_LLR.js +1 -0
- package/dist/storybook/assets/{select.stories-CnrMfdA1.js → select.stories-CtbKVF6A.js} +2 -2
- package/dist/storybook/assets/{side-bar-C4b17uva.js → side-bar-BApSkmiM.js} +1 -1
- package/dist/storybook/assets/{side-bar.stories-DDAU8kNJ.js → side-bar.stories-BuAIJ8NV.js} +1 -1
- package/dist/storybook/assets/{site.stories-BLalBJdd.js → site.stories-lIyAWOdt.js} +2 -2
- package/dist/storybook/assets/slider-CBE03NwD.js +27 -0
- package/dist/storybook/assets/{slider.stories-BiZ6LYwI.js → slider.stories-7oMw2PCp.js} +1 -1
- package/dist/storybook/assets/{smart-upload-modal.stories-Bb1IZkrO.js → smart-upload-modal.stories-n4bjMFhq.js} +1 -1
- package/dist/storybook/assets/{spacer.stories-Dzaw70ig.js → spacer.stories-BC7lirqi.js} +1 -1
- package/dist/storybook/assets/{table-BLGCy103.js → table-Ci7MC96P.js} +1 -1
- package/dist/storybook/assets/{table.stories-DJKbYnBk.js → table.stories-LALh_tT_.js} +2 -2
- package/dist/storybook/assets/{table.stories-data-C-pC7SBY.js → table.stories-data-CYppbCAy.js} +1 -1
- package/dist/storybook/assets/tabs-BoToLVEP.js +13 -0
- package/dist/storybook/assets/tabs.stories-B52iEaHf.js +30 -0
- package/dist/storybook/assets/textarea-D6ltcKhz.js +13 -0
- package/dist/storybook/assets/{textarea.stories-CrZgmMxl.js → textarea.stories-CJ-Oqytp.js} +1 -1
- package/dist/storybook/assets/{title.stories-8XzSWYTz.js → title.stories-CmYtRWA7.js} +3 -3
- package/dist/storybook/assets/{toaster.stories-CXX0cghy.js → toaster.stories-D1XTcQR_.js} +1 -1
- package/dist/storybook/assets/toggle-C0zvrIOF.js +13 -0
- package/dist/storybook/assets/{toggle.stories-CnNIGpMC.js → toggle.stories-DOc7uN93.js} +1 -1
- package/dist/storybook/assets/{tooltip.test-case.stories-CHw-bEav.js → tooltip.test-case.stories-D2SX9mkM.js} +1 -1
- package/dist/storybook/assets/{top-bar-CagFtK25.js → top-bar-BQzmL0IU.js} +1 -1
- package/dist/storybook/assets/{top-bar.stories-D7vjPFH1.js → top-bar.stories-Czza1RvB.js} +1 -1
- package/dist/storybook/assets/{top-bar.testcase.stories-DoycjLZo.js → top-bar.testcase.stories-DpV-QqfZ.js} +1 -1
- package/dist/storybook/assets/{tree.stories-DXMHMBFf.js → tree.stories-CsmZwDmr.js} +1 -1
- package/dist/storybook/assets/{types-UmZ4Y_CR.js → types-Dx2TtIG9.js} +1 -1
- package/dist/storybook/assets/unit-input.stories-ODKyfhaE.js +318 -0
- package/dist/storybook/assets/unit-table.stories-BLfZcK7Z.js +152 -0
- package/dist/storybook/iframe.html +1 -1
- package/dist/storybook/index.json +1 -1
- package/dist/storybook/project.json +1 -1
- package/package.json +2 -2
- package/dist/storybook/assets/actions-BO4Qjedk.js +0 -27
- package/dist/storybook/assets/button-Nl-iM4E9.js +0 -1
- package/dist/storybook/assets/check-box-CaSrhzev.js +0 -1
- package/dist/storybook/assets/file-button.stories-CfQAHpzd.js +0 -10
- package/dist/storybook/assets/file-input-C1USni2k.js +0 -1
- package/dist/storybook/assets/footer.stories-ConMG8cP.js +0 -3
- package/dist/storybook/assets/form.stories-C-1H9KKA.js +0 -49
- package/dist/storybook/assets/formation.stories-DjtPZWn7.js +0 -74
- package/dist/storybook/assets/iframe-veQq2fOg.js +0 -2
- package/dist/storybook/assets/input-DFNY9YDm.js +0 -1
- package/dist/storybook/assets/menu.stories-data-DeDnsKpk.js +0 -1
- package/dist/storybook/assets/number-input-B6I6KkcP.js +0 -4
- package/dist/storybook/assets/number-input.stories-DrddhbAq.js +0 -107
- package/dist/storybook/assets/option-dropdown.stories-On5p7o8x.js +0 -34
- package/dist/storybook/assets/popover.stories-BP-XWtw2.js +0 -10
- package/dist/storybook/assets/projects.stories-BGMIr8QG.js +0 -47
- package/dist/storybook/assets/radio-button-C_cV5TWA.js +0 -1
- package/dist/storybook/assets/select-D2oDfaf0.js +0 -40
- package/dist/storybook/assets/select.input-DIKP56UZ.js +0 -1
- package/dist/storybook/assets/slider-DPq3zf_3.js +0 -31
- package/dist/storybook/assets/tabs-CAZ_dHGK.js +0 -1
- package/dist/storybook/assets/tabs.stories-DXcDAqB2.js +0 -30
- package/dist/storybook/assets/textarea-D-R3vavM.js +0 -1
- package/dist/storybook/assets/toggle-Bo-JPbUP.js +0 -1
- package/dist/storybook/assets/unit-input.stories-BtbfkOqU.js +0 -295
- package/dist/storybook/assets/unit-table.stories-sfWkbFwA.js +0 -152
|
@@ -1 +1 @@
|
|
|
1
|
-
import{s as T,i as l,A as c,u as H,F as L,w as B,D as b,y as S,T as u,J as C,N as h,a as d,x as g,C as y,E as F,S as I,R as k,b as x,c as A,d as P,k as R,e as W,q as f,f as D,g as E,L as N,B as q,I as v,z as w,v as O,_ as U,M as j,h as z,$ as G,j as J,r as K,l as M,m as Q,n as V,o as X,p as Z,H as _,t as $,G as Y,K as aa,O as sa,P as oa,Q as ta,U as ra,V as ea,W as ia,X as pa}from"./index-
|
|
1
|
+
import{s as T,i as l,A as c,u as H,F as L,w as B,D as b,y as S,T as u,J as C,N as h,a as d,x as g,C as y,E as F,S as I,R as k,b as x,c as A,d as P,k as R,e as W,q as f,f as D,g as E,L as N,B as q,I as v,z as w,v as O,_ as U,M as j,h as z,$ as G,j as J,r as K,l as M,m as Q,n as V,o as X,p as Z,H as _,t as $,G as Y,K as aa,O as sa,P as oa,Q as ta,U as ra,V as ea,W as ia,X as pa}from"./index-D0Yp3qUF.js";import"./iframe-BZTJ8TMF.js";import"../sb-preview/runtime.js";import"./index-DhsZuJvc.js";import"./index-CUZDtIZe.js";import"./extends-CF3RwP-h.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-D6rZ4wEC.js";export{T as A,l as ActionBar,c as Bar,H as Blockquote,L as Button,B as Code,b as DL,S as Div,u as EmptyTabContent,C as ErrorFormatter,h as FlexBar,d as Form,g as H1,y as H2,F as H3,I as H4,k as H5,x as H6,A as HR,P as IconButton,R as Img,W as LI,f as Link,D as ListItem,E as Loader,N as OL,q as P,v as Pre,w as ResetWrapper,O as ScrollArea,U as Separator,j as Span,z as SyntaxHighlighter,G as TT,J as TabBar,K as TabButton,M as Table,Q as Tabs,V as TabsState,X as TooltipLinkList,Z as TooltipNote,_ as UL,$ as WithTooltip,Y as WithTooltipPure,aa as Zoom,sa as codeCommon,oa as components,ta as createCopyToClipboardFunction,ra as getStoryHref,ea as icons,ia as nameSpaceClassNames,pa as withReset};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as a}from"./jsx-runtime-eps93zm2.js";import{r as i}from"./index-DhsZuJvc.js";import{c as E}from"./index-Bk2sglWO.js";import{D as j}from"./disabled-context-rmpd7YJS.js";import{i as t}from"./types-Dx2TtIG9.js";import{l as C}from"./lodash-c4VUpsOs.js";import{T as D}from"./tooltip-1V7clEnw.js";const N="_inputInTable_rhzw6_1",W="_error_rhzw6_7",L="_warning_rhzw6_7",M="_inputHover_rhzw6_13",S="_inputFocus_rhzw6_18",H="_inputError_rhzw6_25",P="_inputWarning_rhzw6_26",R="_inputDisabled_rhzw6_61",k="_hideScrollbars_rhzw6_67",B="_input_rhzw6_1",K="_isInTable_rhzw6_100",A="_small_rhzw6_124",G="_right_rhzw6_170",J="_groupOrderFirst_rhzw6_173",Q="_groupOrderMiddle_rhzw6_174",U="_groupOrderLast_rhzw6_175",e={inputInTable:N,error:W,warning:L,inputHover:M,inputFocus:S,inputError:H,inputWarning:P,inputDisabled:R,hideScrollbars:k,input:B,isInTable:K,small:A,right:G,groupOrderFirst:J,groupOrderMiddle:Q,groupOrderLast:U},X=i.forwardRef(({error:l=null,tooltip:u=null,isInTable:n,width:f=void 0,small:p=!1,onChange:c=C.noop,placeholder:m="",value:_="",onKeyPress:h=()=>{},onFocus:v=()=>{},onBlur:g=()=>{},onPaste:w=()=>{},name:b=void 0,type:q="text",tabIndex:V=0,disabled:x=!1,right:z=!1,warning:r=null,groupOrder:s=null,maxTooltipWidth:I=void 0,testId:O=void 0,size:d=null},T)=>{const y=i.useContext(j),F=(()=>{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 a.jsx("div",{style:{width:o},className:F,children:a.jsx(D,{error:!!l,warning:!!r,text:u||l||r,enabled:u&&t(u)||l&&t(l)||r&&t(r)||!1,maxWidth:I,display:"block",placement:"bottom-center",children:a.jsx("input",{ref:T,type:q||"text",size:d||20,placeholder:m??"",value:_??"",onChange:c,onKeyPress:h,onFocus:v,onBlur:g,onPaste:w,name:b,tabIndex:V,autoComplete:"off",disabled:x||y,className:E(e.input,l?e.error:r?e.warning:"",z?e.right:"",p?e.small:"",n?e.isInTable:""),style:{width:o},"data-testid":O})})})});X.__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{X as I};
|
package/dist/storybook/assets/{input-group.stories-CNgazSNn.js → input-group.stories-M4a8AYtB.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-DTXbDJaL.js";import{B as C}from"./button-CzvLc2io.js";import{M as f}from"./actions-Tr0wIZve.js";import{S as I}from"./select-BW0IihoR.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-BP4BO6-k.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-CEuq6vkz.js";import"./badge-CLQ59MDF.js";import"./extends-CF3RwP-h.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}>
|
|
@@ -46,7 +46,7 @@ import{j as e}from"./jsx-runtime-eps93zm2.js";import{T as x}from"./common-types-
|
|
|
46
46
|
}} />
|
|
47
47
|
<Button name="example" label="Confirm" colored onClick={() => {}} />
|
|
48
48
|
</InputGroup>;
|
|
49
|
-
}`,...(m=(
|
|
49
|
+
}`,...(m=(u=o.parameters)==null?void 0:u.docs)==null?void 0:m.source}}};var c,d,b;a.parameters={...a.parameters,docs:{...(c=a.parameters)==null?void 0:c.docs,source:{originalSource:`args => {
|
|
50
50
|
return <InputGroup
|
|
51
51
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
52
52
|
{...args}>
|
|
@@ -164,4 +164,4 @@ import{j as e}from"./jsx-runtime-eps93zm2.js";import{T as x}from"./common-types-
|
|
|
164
164
|
<Button name="example" label="Confirm" colored onClick={() => {}} groupOrder="last" />
|
|
165
165
|
</Tooltip>
|
|
166
166
|
</InputGroup>;
|
|
167
|
-
}`,...(O=(y=n.parameters)==null?void 0:y.docs)==null?void 0:O.source}}};const
|
|
167
|
+
}`,...(O=(y=n.parameters)==null?void 0:y.docs)==null?void 0:O.source}}};const ne=["Default","FixedWidth","Small","SelectWithButton"];export{o as Default,a as FixedWidth,n as SelectWithButton,l as Small,ne as __namedExportsOrder,le as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-eps93zm2.js";import{useMDXComponents as r}from"./index-BcNHZKhG.js";import{Y as s,Z as n}from"./index-
|
|
1
|
+
import{j as e}from"./jsx-runtime-eps93zm2.js";import{useMDXComponents as r}from"./index-BcNHZKhG.js";import{Y as s,Z as n}from"./index-D0Yp3qUF.js";import{NonExistentValue as a,Error as l}from"./select.stories-CtbKVF6A.js";import"./index-DhsZuJvc.js";import"./iframe-BZTJ8TMF.js";import"../sb-preview/runtime.js";import"./index-CUZDtIZe.js";import"./extends-CF3RwP-h.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-D6rZ4wEC.js";import"./index-DMAnyMX5.js";import"./index-CF7H4eMJ.js";import"./select-BW0IihoR.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"./index-CEuq6vkz.js";import"./memoize-one.esm-CcMeOnPo.js";import"./types-BmbYqTX_.js";import"./text-B3-TSWok.js";import"./actions-Tr0wIZve.js";import"./button-CzvLc2io.js";import"./spinner-AWUe4xwQ.js";import"./icon-BP4BO6-k.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./badge-CLQ59MDF.js";import"./select.input-CJed_LLR.js";import"./helpers-JJxzGegQ.js";import"./spacer-BWoNR27H.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"}),`
|
|
@@ -23,4 +23,4 @@ application layer.`}),`
|
|
|
23
23
|
`,e.jsxs(i.p,{children:[`For a 'hard invalid' state (where the value is unusable, but required), it is recommended for the business logic to not
|
|
24
24
|
set a value (use `,e.jsx(i.code,{children:"null"})," or ",e.jsx(i.code,{children:"undefined"}),"), and to set the ",e.jsx(i.code,{children:"error"}),` prop with an appropriate message
|
|
25
25
|
(e.g. "Value is required").`]}),`
|
|
26
|
-
`,e.jsx(n,{of:l})]})}function
|
|
26
|
+
`,e.jsx(n,{of:l})]})}function Z(t={}){const{wrapper:i}={...r(),...t.components};return i?e.jsx(i,{...t,children:e.jsx(o,{...t})}):o(t)}export{Z as default};
|
|
@@ -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-DTXbDJaL.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{Y as r,Z as o}from"./index-
|
|
1
|
+
import{j as e}from"./jsx-runtime-eps93zm2.js";import{useMDXComponents as s}from"./index-BcNHZKhG.js";import{Y as r,Z as o}from"./index-D0Yp3qUF.js";import{Default as l}from"./button.stories-tM18j4A3.js";import{Default as a}from"./check-box.stories-Q_WICJ_2.js";import{Default as c}from"./file-input.stories-DTRWZyqS.js";import{Default as d,Date as p}from"./input.stories-FKl0qVhm.js";import{Default as h}from"./number-input.stories-CK-pmDN5.js";import{Default as m}from"./option-dropdown.stories-ntKLWycS.js";import{Default as u}from"./radio-button.stories-CAHs1mr6.js";import{Native as f,Default as x}from"./select.stories-CtbKVF6A.js";import{Default as j}from"./slider.stories-7oMw2PCp.js";import{Default as b}from"./textarea.stories-CJ-Oqytp.js";import{Default as g}from"./toggle.stories-DOc7uN93.js";import"./index-DhsZuJvc.js";import"./iframe-BZTJ8TMF.js";import"../sb-preview/runtime.js";import"./index-CUZDtIZe.js";import"./extends-CF3RwP-h.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-D6rZ4wEC.js";import"./react-router-dom-CMITYWBH.js";import"./index-CEuq6vkz.js";import"./tiny-invariant-DqLgxztJ.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./flex-EllkLxgO.js";import"./button-CzvLc2io.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./spinner-AWUe4xwQ.js";import"./icon-BP4BO6-k.js";import"./tooltip-1V7clEnw.js";import"./index-DMAnyMX5.js";import"./index-CF7H4eMJ.js";import"./check-box-wCvXxtCz.js";import"./help-icon-41R-Z9N1.js";import"./file-input-CMP44wlr.js";import"./lodash-c4VUpsOs.js";import"./input-group-BaRSJAEN.js";import"./input-DTXbDJaL.js";import"./types-Dx2TtIG9.js";import"./spacer-BWoNR27H.js";import"./message-DQ3q8XF9.js";import"./textarea-D6ltcKhz.js";import"./index-DaLCDjg_.js";import"./index-DRSy5Ssd.js";import"./number-input-Ct8VwJX0.js";import"./input-group-addon-D68iUKV2.js";import"./select-BW0IihoR.js";import"./memoize-one.esm-CcMeOnPo.js";import"./types-BmbYqTX_.js";import"./text-B3-TSWok.js";import"./actions-Tr0wIZve.js";import"./badge-CLQ59MDF.js";import"./select.input-CJed_LLR.js";import"./helpers-JJxzGegQ.js";import"./divider-DY9nJ_7N.js";import"./radio-button-C3RuBqEf.js";import"./slider-CBE03NwD.js";import"./objectSpread2-DW4nTBoq.js";import"./index-BI4_Bp97.js";import"./toggle-C0zvrIOF.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"}),`
|
|
@@ -59,4 +59,4 @@ particularly on touch devices.`]}),`
|
|
|
59
59
|
`,e.jsx(o,{of:j}),`
|
|
60
60
|
`,e.jsx(t.h2,{id:"file-input",children:"File Input"}),`
|
|
61
61
|
`,e.jsxs(t.p,{children:["Use a ",e.jsx(t.code,{children:"FileInput"})," when a user needs to upload a file. The ",e.jsx(t.code,{children:"accept"})," prop allows you to restrict the accepted file types."]}),`
|
|
62
|
-
`,e.jsx(o,{of:c})]})}function
|
|
62
|
+
`,e.jsx(o,{of:c})]})}function Be(n={}){const{wrapper:t}={...s(),...n.components};return t?e.jsx(t,{...n,children:e.jsx(i,{...n})}):i(n)}export{Be as default};
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import{j as t}from"./jsx-runtime-eps93zm2.js";import{useMDXComponents as n}from"./index-BcNHZKhG.js";import{Y as s,Z as o}from"./index-
|
|
1
|
+
import{j as t}from"./jsx-runtime-eps93zm2.js";import{useMDXComponents as n}from"./index-BcNHZKhG.js";import{Y as s,Z as o}from"./index-D0Yp3qUF.js";import{Default as p,LabelOnLeft as m}from"./field.stories-DhiTcelS.js";import{Default as l,LabelsOnLeft as a,Row as h}from"./form.stories-BCg9rFVI.js";import"./index-DhsZuJvc.js";import"./iframe-BZTJ8TMF.js";import"../sb-preview/runtime.js";import"./index-CUZDtIZe.js";import"./extends-CF3RwP-h.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-D6rZ4wEC.js";import"./field-C5_fLDpy.js";import"./index-Bk2sglWO.js";import"./label-hiSz3I8H.js";import"./common-types-Sih75Sav.js";import"./help-icon-41R-Z9N1.js";import"./tooltip-1V7clEnw.js";import"./icon-BP4BO6-k.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./input-DTXbDJaL.js";import"./types-Dx2TtIG9.js";import"./lodash-c4VUpsOs.js";import"./text-B3-TSWok.js";import"./select-BW0IihoR.js";import"./memoize-one.esm-CcMeOnPo.js";import"./types-BmbYqTX_.js";import"./actions-Tr0wIZve.js";import"./button-CzvLc2io.js";import"./spinner-AWUe4xwQ.js";import"./badge-CLQ59MDF.js";import"./select.input-CJed_LLR.js";import"./helpers-JJxzGegQ.js";import"./check-box-wCvXxtCz.js";import"./button-group-C1PqMW-H.js";import"./toggle-C0zvrIOF.js";import"./input-group-BaRSJAEN.js";import"./input-group-addon-D68iUKV2.js";import"./slider-CBE03NwD.js";import"./objectSpread2-DW4nTBoq.js";import"./index-BI4_Bp97.js";import"./textarea-D6ltcKhz.js";import"./radio-button-C3RuBqEf.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."]}),`
|
|
5
5
|
`,t.jsx(o,{of:p}),`
|
|
6
6
|
`,t.jsxs(e.p,{children:["For inline labels, use the ",t.jsx(e.code,{children:"labelLeft"})," prop (and the optional ",t.jsx(e.code,{children:"labelWidth"}),")."]}),`
|
|
7
|
-
`,t.jsx(o,{of:
|
|
7
|
+
`,t.jsx(o,{of:m}),`
|
|
8
8
|
`,t.jsx(e.h2,{id:"stacked",children:"Stacked"}),`
|
|
9
9
|
`,t.jsxs(e.p,{children:["This is the simplest form layout, and works well when horizontal space is limited, or inputs vary in height (e.g. ",t.jsx(e.code,{children:"TextArea"}),")."]}),`
|
|
10
|
-
`,t.jsx(o,{of:
|
|
10
|
+
`,t.jsx(o,{of:l}),`
|
|
11
11
|
`,t.jsx(e.h2,{id:"stacked-with-inline-labels",children:"Stacked with inline labels"}),`
|
|
12
12
|
`,t.jsxs(e.p,{children:["This has the same markup, but with ",t.jsx(e.code,{children:"labelLeft"})," and ",t.jsx(e.code,{children:"labelWidth"})," set on each field."]}),`
|
|
13
13
|
`,t.jsx(o,{of:a}),`
|
|
14
14
|
`,t.jsx(e.h2,{id:"row",children:"Row"}),`
|
|
15
15
|
`,t.jsxs(e.p,{children:["Wrapping a group of form controls in ",t.jsx(e.code,{children:"FormRow"})," arranges them horizontally, and applies default spacing between each item. This works well when vertical space is limited, because inputs will only wrap onto the next line when they need to."]}),`
|
|
16
|
-
`,t.jsx(o,{of:h})]})}function
|
|
16
|
+
`,t.jsx(o,{of:h})]})}function nt(i={}){const{wrapper:e}={...n(),...i.components};return e?t.jsx(e,{...i,children:t.jsx(r,{...i})}):r(i)}export{nt as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-eps93zm2.js";import{useMDXComponents as s}from"./index-BcNHZKhG.js";import{Y as r,Z as n}from"./index-
|
|
1
|
+
import{j as e}from"./jsx-runtime-eps93zm2.js";import{useMDXComponents as s}from"./index-BcNHZKhG.js";import{Y as r,Z as n}from"./index-D0Yp3qUF.js";import{Center as d,SpaceBetween as l,JustifyEnd as a,Column as c}from"./flex.stories-DtDxXdHB.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-DATtbLrP.js";import"./index-DhsZuJvc.js";import"./iframe-BZTJ8TMF.js";import"../sb-preview/runtime.js";import"./index-CUZDtIZe.js";import"./extends-CF3RwP-h.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-D6rZ4wEC.js";import"./flex-EllkLxgO.js";import"./button-CzvLc2io.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./spinner-AWUe4xwQ.js";import"./icon-BP4BO6-k.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-NkLgQYoP.js";import"./help-icon-41R-Z9N1.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-D2piFfFj.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-D2piFfFj.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-DCllGQX6.js";import{I as _}from"./common-types-Sih75Sav.js";import{D as M}from"./disabled-context-rmpd7YJS.js";import{A as R}from"./actions-Tr0wIZve.js";import{B as O}from"./badge-CLQ59MDF.js";import{I as w}from"./icon-BP4BO6-k.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-CMITYWBH.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-CMITYWBH.js";import{L as y,a as P}from"./list-DhjHm8bz.js";import{L as mn}from"./meta-content-DCllGQX6.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-DqFECKJF.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-CEuq6vkz.js";import"./extends-CF3RwP-h.js";import"./tiny-invariant-DqLgxztJ.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./index-Bk2sglWO.js";import"./index.es-D2piFfFj.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-Tr0wIZve.js";import"./lodash-c4VUpsOs.js";import"./button-CzvLc2io.js";import"./spinner-AWUe4xwQ.js";import"./icon-BP4BO6-k.js";import"./tooltip-1V7clEnw.js";import"./types-BmbYqTX_.js";import"./types-Dx2TtIG9.js";import"./badge-CLQ59MDF.js";import"./loader-XHoVniao.js";import"./heading-NkLgQYoP.js";import"./help-icon-41R-Z9N1.js";const sa={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-Bb69C9ED.js → list.stories-data-DqFECKJF.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-Tr0wIZve.js";import{I as n}from"./icon-BP4BO6-k.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-CzvLc2io.js";import{C as q}from"./card-EcjmryU9.js";import"./index-Bk2sglWO.js";import"./disabled-context-rmpd7YJS.js";import"./icon-BP4BO6-k.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DR8r8Ogv.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{c as jt
|
|
1
|
+
import{c as jt}from"./index-DhsZuJvc.js";var Je={exports:{}};/**
|
|
2
2
|
* @license
|
|
3
3
|
* Lodash <https://lodash.com/>
|
|
4
4
|
* Copyright OpenJS Foundation and other contributors <https://openjsf.org/>
|
|
@@ -24,4 +24,4 @@ __p += '`),O&&(v+=`' +
|
|
|
24
24
|
function print() { __p += __j.call(arguments, '') }
|
|
25
25
|
`:`;
|
|
26
26
|
`)+v+`return __p
|
|
27
|
-
}`;var L=nl(function(){return W(f,x+"return "+v).apply(o,l)});if(L.source=v,ci(L))throw L;return L}function a_(n){return P(n).toLowerCase()}function c_(n){return P(n).toUpperCase()}function h_(n,t,e){if(n=P(n),n&&(e||t===o))return ou(n);if(!n||!(t=un(t)))return n;var r=Rn(n),i=Rn(t),f=su(r,i),l=au(r,i)+1;return Vn(r,f,l).join("")}function g_(n,t,e){if(n=P(n),n&&(e||t===o))return n.slice(0,hu(n)+1);if(!n||!(t=un(t)))return n;var r=Rn(n),i=au(r,Rn(t))+1;return Vn(r,0,i).join("")}function __(n,t,e){if(n=P(n),n&&(e||t===o))return n.replace(cr,"");if(!n||!(t=un(t)))return n;var r=Rn(n),i=su(r,Rn(t));return Vn(r,i).join("")}function p_(n,t){var e=ll,r=ol;if(D(t)){var i="separator"in t?t.separator:i;e="length"in t?T(t.length):e,r="omission"in t?un(t.omission):r}n=P(n);var f=n.length;if(wt(n)){var l=Rn(n);f=l.length}if(e>=f)return n;var s=e-xt(r);if(s<1)return r;var c=l?Vn(l,0,s).join(""):n.slice(0,s);if(i===o)return c+r;if(l&&(s+=c.length-s),hi(i)){if(n.slice(s).search(i)){var _,p=c;for(i.global||(i=Cr(i.source,P(Oi.exec(i))+"g")),i.lastIndex=0;_=i.exec(p);)var v=_.index;c=c.slice(0,v===o?s:v)}}else if(n.indexOf(un(i),s)!=s){var d=c.lastIndexOf(i);d>-1&&(c=c.slice(0,d))}return c+r}function v_(n){return n=P(n),n&&Ll.test(n)?n.replace(yi,zo):n}var d_=Lt(function(n,t,e){return n+(e?" ":"")+t.toUpperCase()}),pi=nf("toUpperCase");function jf(n,t,e){return n=P(n),t=e?o:t,t===o?Go(n)?Xo(n):Wo(n):n.match(t)||[]}var nl=y(function(n,t){try{return en(n,o,t)}catch(e){return ci(e)?e:new S(e)}}),w_=Un(function(n,t){return hn(t,function(e){e=On(e),Fn(n,e,si(n[e],n))}),n});function x_(n){var t=n==null?0:n.length,e=A();return n=t?U(n,function(r){if(typeof r[1]!="function")throw new gn(sn);return[e(r[0]),r[1]]}):[],y(function(r){for(var i=-1;++i<t;){var f=n[i];if(en(f[0],this,r))return en(f[1],this,r)}})}function A_(n){return zs(pn(n,qn))}function vi(n){return function(){return n}}function R_(n,t){return n==null||n!==n?t:n}var I_=ef(),S_=ef(!0);function tn(n){return n}function di(n){return Pu(typeof n=="function"?n:pn(n,qn))}function E_(n){return bu(pn(n,qn))}function T_(n,t){return Fu(n,pn(t,qn))}var L_=y(function(n,t){return function(e){return Zt(e,n,t)}}),y_=y(function(n,t){return function(e){return Zt(n,e,t)}});function wi(n,t,e){var r=$(t),i=me(t,r);e==null&&!(D(t)&&(i.length||!r.length))&&(e=t,t=n,n=this,i=me(t,$(t)));var f=!(D(e)&&"chain"in e)||!!e.chain,l=Nn(n);return hn(i,function(s){var c=t[s];n[s]=c,l&&(n.prototype[s]=function(){var _=this.__chain__;if(f||_){var p=n(this.__wrapped__),v=p.__actions__=k(this.__actions__);return v.push({func:c,args:arguments,thisArg:n}),p.__chain__=_,p}return c.apply(n,zn([this.value()],arguments))})}),n}function C_(){return z._===this&&(z._=ns),this}function xi(){}function m_(n){return n=T(n),y(function(t){return Mu(t,n)})}var O_=Qr(U),W_=Qr(ru),P_=Qr(Rr);function tl(n){return ri(n)?Ir(On(n)):oa(n)}function B_(n){return function(t){return n==null?o:ft(n,t)}}var b_=uf(),F_=uf(!0);function Ai(){return[]}function Ri(){return!1}function M_(){return{}}function U_(){return""}function D_(){return!0}function N_(n,t){if(n=T(n),n<1||n>Kn)return[];var e=yn,r=Y(n,yn);t=A(t),n-=yn;for(var i=Tr(r,t);++e<n;)t(e);return i}function G_(n){return E(n)?U(n,On):fn(n)?[n]:k(Rf(P(n)))}function H_(n){var t=++ko;return P(n)+t}var q_=Fe(function(n,t){return n+t},0),K_=Vr("ceil"),$_=Fe(function(n,t){return n/t},1),z_=Vr("floor");function Z_(n){return n&&n.length?Ce(n,tn,Mr):o}function Y_(n,t){return n&&n.length?Ce(n,A(t,2),Mr):o}function X_(n){return fu(n,tn)}function J_(n,t){return fu(n,A(t,2))}function Q_(n){return n&&n.length?Ce(n,tn,Gr):o}function V_(n,t){return n&&n.length?Ce(n,A(t,2),Gr):o}var k_=Fe(function(n,t){return n*t},1),j_=Vr("round"),np=Fe(function(n,t){return n-t},0);function tp(n){return n&&n.length?Er(n,tn):0}function ep(n,t){return n&&n.length?Er(n,A(t,2)):0}return u.after=Eh,u.ary=Pf,u.assign=cg,u.assignIn=Zf,u.assignInWith=Xe,u.assignWith=hg,u.at=gg,u.before=Bf,u.bind=si,u.bindAll=w_,u.bindKey=bf,u.castArray=Mh,u.chain=mf,u.chunk=za,u.compact=Za,u.concat=Ya,u.cond=x_,u.conforms=A_,u.constant=vi,u.countBy=th,u.create=_g,u.curry=Ff,u.curryRight=Mf,u.debounce=Uf,u.defaults=pg,u.defaultsDeep=vg,u.defer=Th,u.delay=Lh,u.difference=Xa,u.differenceBy=Ja,u.differenceWith=Qa,u.drop=Va,u.dropRight=ka,u.dropRightWhile=ja,u.dropWhile=nc,u.fill=tc,u.filter=rh,u.flatMap=fh,u.flatMapDeep=lh,u.flatMapDepth=oh,u.flatten=Tf,u.flattenDeep=ec,u.flattenDepth=rc,u.flip=yh,u.flow=I_,u.flowRight=S_,u.fromPairs=ic,u.functions=Sg,u.functionsIn=Eg,u.groupBy=sh,u.initial=fc,u.intersection=lc,u.intersectionBy=oc,u.intersectionWith=sc,u.invert=Lg,u.invertBy=yg,u.invokeMap=ch,u.iteratee=di,u.keyBy=hh,u.keys=$,u.keysIn=nn,u.map=qe,u.mapKeys=mg,u.mapValues=Og,u.matches=E_,u.matchesProperty=T_,u.memoize=$e,u.merge=Wg,u.mergeWith=Yf,u.method=L_,u.methodOf=y_,u.mixin=wi,u.negate=ze,u.nthArg=m_,u.omit=Pg,u.omitBy=Bg,u.once=Ch,u.orderBy=gh,u.over=O_,u.overArgs=mh,u.overEvery=W_,u.overSome=P_,u.partial=ai,u.partialRight=Df,u.partition=_h,u.pick=bg,u.pickBy=Xf,u.property=tl,u.propertyOf=B_,u.pull=gc,u.pullAll=yf,u.pullAllBy=_c,u.pullAllWith=pc,u.pullAt=vc,u.range=b_,u.rangeRight=F_,u.rearg=Oh,u.reject=dh,u.remove=dc,u.rest=Wh,u.reverse=li,u.sampleSize=xh,u.set=Mg,u.setWith=Ug,u.shuffle=Ah,u.slice=wc,u.sortBy=Sh,u.sortedUniq=Tc,u.sortedUniqBy=Lc,u.split=f_,u.spread=Ph,u.tail=yc,u.take=Cc,u.takeRight=mc,u.takeRightWhile=Oc,u.takeWhile=Wc,u.tap=Zc,u.throttle=Bh,u.thru=He,u.toArray=Kf,u.toPairs=Jf,u.toPairsIn=Qf,u.toPath=G_,u.toPlainObject=zf,u.transform=Dg,u.unary=bh,u.union=Pc,u.unionBy=Bc,u.unionWith=bc,u.uniq=Fc,u.uniqBy=Mc,u.uniqWith=Uc,u.unset=Ng,u.unzip=oi,u.unzipWith=Cf,u.update=Gg,u.updateWith=Hg,u.values=mt,u.valuesIn=qg,u.without=Dc,u.words=jf,u.wrap=Fh,u.xor=Nc,u.xorBy=Gc,u.xorWith=Hc,u.zip=qc,u.zipObject=Kc,u.zipObjectDeep=$c,u.zipWith=zc,u.entries=Jf,u.entriesIn=Qf,u.extend=Zf,u.extendWith=Xe,wi(u,u),u.add=q_,u.attempt=nl,u.camelCase=Zg,u.capitalize=Vf,u.ceil=K_,u.clamp=Kg,u.clone=Uh,u.cloneDeep=Nh,u.cloneDeepWith=Gh,u.cloneWith=Dh,u.conformsTo=Hh,u.deburr=kf,u.defaultTo=R_,u.divide=$_,u.endsWith=Yg,u.eq=Sn,u.escape=Xg,u.escapeRegExp=Jg,u.every=eh,u.find=ih,u.findIndex=Sf,u.findKey=dg,u.findLast=uh,u.findLastIndex=Ef,u.findLastKey=wg,u.floor=z_,u.forEach=Of,u.forEachRight=Wf,u.forIn=xg,u.forInRight=Ag,u.forOwn=Rg,u.forOwnRight=Ig,u.get=gi,u.gt=qh,u.gte=Kh,u.has=Tg,u.hasIn=_i,u.head=Lf,u.identity=tn,u.includes=ah,u.indexOf=uc,u.inRange=$g,u.invoke=Cg,u.isArguments=st,u.isArray=E,u.isArrayBuffer=$h,u.isArrayLike=j,u.isArrayLikeObject=G,u.isBoolean=zh,u.isBuffer=kn,u.isDate=Zh,u.isElement=Yh,u.isEmpty=Xh,u.isEqual=Jh,u.isEqualWith=Qh,u.isError=ci,u.isFinite=Vh,u.isFunction=Nn,u.isInteger=Nf,u.isLength=Ze,u.isMap=Gf,u.isMatch=kh,u.isMatchWith=jh,u.isNaN=ng,u.isNative=tg,u.isNil=rg,u.isNull=eg,u.isNumber=Hf,u.isObject=D,u.isObjectLike=N,u.isPlainObject=kt,u.isRegExp=hi,u.isSafeInteger=ig,u.isSet=qf,u.isString=Ye,u.isSymbol=fn,u.isTypedArray=Ct,u.isUndefined=ug,u.isWeakMap=fg,u.isWeakSet=lg,u.join=ac,u.kebabCase=Qg,u.last=dn,u.lastIndexOf=cc,u.lowerCase=Vg,u.lowerFirst=kg,u.lt=og,u.lte=sg,u.max=Z_,u.maxBy=Y_,u.mean=X_,u.meanBy=J_,u.min=Q_,u.minBy=V_,u.stubArray=Ai,u.stubFalse=Ri,u.stubObject=M_,u.stubString=U_,u.stubTrue=D_,u.multiply=k_,u.nth=hc,u.noConflict=C_,u.noop=xi,u.now=Ke,u.pad=jg,u.padEnd=n_,u.padStart=t_,u.parseInt=e_,u.random=zg,u.reduce=ph,u.reduceRight=vh,u.repeat=r_,u.replace=i_,u.result=Fg,u.round=j_,u.runInContext=a,u.sample=wh,u.size=Rh,u.snakeCase=u_,u.some=Ih,u.sortedIndex=xc,u.sortedIndexBy=Ac,u.sortedIndexOf=Rc,u.sortedLastIndex=Ic,u.sortedLastIndexBy=Sc,u.sortedLastIndexOf=Ec,u.startCase=l_,u.startsWith=o_,u.subtract=np,u.sum=tp,u.sumBy=ep,u.template=s_,u.times=N_,u.toFinite=Gn,u.toInteger=T,u.toLength=$f,u.toLower=a_,u.toNumber=wn,u.toSafeInteger=ag,u.toString=P,u.toUpper=c_,u.trim=h_,u.trimEnd=g_,u.trimStart=__,u.truncate=p_,u.unescape=v_,u.uniqueId=H_,u.upperCase=d_,u.upperFirst=pi,u.each=Of,u.eachRight=Wf,u.first=Lf,wi(u,function(){var n={};return Cn(u,function(t,e){B.call(u.prototype,e)||(n[e]=t)}),n}(),{chain:!1}),u.VERSION=rl,hn(["bind","bindKey","curry","curryRight","partial","partialRight"],function(n){u[n].placeholder=u}),hn(["drop","take"],function(n,t){m.prototype[n]=function(e){e=e===o?1:K(T(e),0);var r=this.__filtered__&&!t?new m(this):this.clone();return r.__filtered__?r.__takeCount__=Y(e,r.__takeCount__):r.__views__.push({size:Y(e,yn),type:n+(r.__dir__<0?"Right":"")}),r},m.prototype[n+"Right"]=function(e){return this.reverse()[n](e).reverse()}}),hn(["filter","map","takeWhile"],function(n,t){var e=t+1,r=e==Ei||e==hl;m.prototype[n]=function(i){var f=this.clone();return f.__iteratees__.push({iteratee:A(i,3),type:e}),f.__filtered__=f.__filtered__||r,f}}),hn(["head","last"],function(n,t){var e="take"+(t?"Right":"");m.prototype[n]=function(){return this[e](1).value()[0]}}),hn(["initial","tail"],function(n,t){var e="drop"+(t?"":"Right");m.prototype[n]=function(){return this.__filtered__?new m(this):this[e](1)}}),m.prototype.compact=function(){return this.filter(tn)},m.prototype.find=function(n){return this.filter(n).head()},m.prototype.findLast=function(n){return this.reverse().find(n)},m.prototype.invokeMap=y(function(n,t){return typeof n=="function"?new m(this):this.map(function(e){return Zt(e,n,t)})}),m.prototype.reject=function(n){return this.filter(ze(A(n)))},m.prototype.slice=function(n,t){n=T(n);var e=this;return e.__filtered__&&(n>0||t<0)?new m(e):(n<0?e=e.takeRight(-n):n&&(e=e.drop(n)),t!==o&&(t=T(t),e=t<0?e.dropRight(-t):e.take(t-n)),e)},m.prototype.takeRightWhile=function(n){return this.reverse().takeWhile(n).reverse()},m.prototype.toArray=function(){return this.take(yn)},Cn(m.prototype,function(n,t){var e=/^(?:filter|find|map|reject)|While$/.test(t),r=/^(?:head|last)$/.test(t),i=u[r?"take"+(t=="last"?"Right":""):t],f=r||/^find/.test(t);i&&(u.prototype[t]=function(){var l=this.__wrapped__,s=r?[1]:arguments,c=l instanceof m,_=s[0],p=c||E(l),v=function(C){var O=i.apply(u,zn([C],s));return r&&d?O[0]:O};p&&e&&typeof _=="function"&&_.length!=1&&(c=p=!1);var d=this.__chain__,x=!!this.__actions__.length,R=f&&!d,L=c&&!x;if(!f&&p){l=L?l:new m(this);var I=n.apply(l,s);return I.__actions__.push({func:He,args:[v],thisArg:o}),new _n(I,d)}return R&&L?n.apply(this,s):(I=this.thru(v),R?r?I.value()[0]:I.value():I)})}),hn(["pop","push","shift","sort","splice","unshift"],function(n){var t=ge[n],e=/^(?:push|sort|unshift)$/.test(n)?"tap":"thru",r=/^(?:pop|shift)$/.test(n);u.prototype[n]=function(){var i=arguments;if(r&&!this.__chain__){var f=this.value();return t.apply(E(f)?f:[],i)}return this[e](function(l){return t.apply(E(l)?l:[],i)})}}),Cn(m.prototype,function(n,t){var e=u[t];if(e){var r=e.name+"";B.call(St,r)||(St[r]=[]),St[r].push({name:t,func:e})}}),St[be(o,jn).name]=[{name:"wrapper",func:o}],m.prototype.clone=vs,m.prototype.reverse=ds,m.prototype.value=ws,u.prototype.at=Yc,u.prototype.chain=Xc,u.prototype.commit=Jc,u.prototype.next=Qc,u.prototype.plant=kc,u.prototype.reverse=jc,u.prototype.toJSON=u.prototype.valueOf=u.prototype.value=nh,u.prototype.first=u.prototype.head,Nt&&(u.prototype[Nt]=Vc),u},At=Jo();tt?((tt.exports=At)._=At,dr._=At):z._=At}).call(jt)})(Je,Je.exports);var ip=Je.exports;const fp=rp(ip);export{fp as _,ip as l};
|
|
27
|
+
}`;var L=nl(function(){return W(f,x+"return "+v).apply(o,l)});if(L.source=v,ci(L))throw L;return L}function a_(n){return P(n).toLowerCase()}function c_(n){return P(n).toUpperCase()}function h_(n,t,e){if(n=P(n),n&&(e||t===o))return ou(n);if(!n||!(t=un(t)))return n;var r=Rn(n),i=Rn(t),f=su(r,i),l=au(r,i)+1;return Vn(r,f,l).join("")}function g_(n,t,e){if(n=P(n),n&&(e||t===o))return n.slice(0,hu(n)+1);if(!n||!(t=un(t)))return n;var r=Rn(n),i=au(r,Rn(t))+1;return Vn(r,0,i).join("")}function __(n,t,e){if(n=P(n),n&&(e||t===o))return n.replace(cr,"");if(!n||!(t=un(t)))return n;var r=Rn(n),i=su(r,Rn(t));return Vn(r,i).join("")}function p_(n,t){var e=ll,r=ol;if(D(t)){var i="separator"in t?t.separator:i;e="length"in t?T(t.length):e,r="omission"in t?un(t.omission):r}n=P(n);var f=n.length;if(wt(n)){var l=Rn(n);f=l.length}if(e>=f)return n;var s=e-xt(r);if(s<1)return r;var c=l?Vn(l,0,s).join(""):n.slice(0,s);if(i===o)return c+r;if(l&&(s+=c.length-s),hi(i)){if(n.slice(s).search(i)){var _,p=c;for(i.global||(i=Cr(i.source,P(Oi.exec(i))+"g")),i.lastIndex=0;_=i.exec(p);)var v=_.index;c=c.slice(0,v===o?s:v)}}else if(n.indexOf(un(i),s)!=s){var d=c.lastIndexOf(i);d>-1&&(c=c.slice(0,d))}return c+r}function v_(n){return n=P(n),n&&Ll.test(n)?n.replace(yi,zo):n}var d_=Lt(function(n,t,e){return n+(e?" ":"")+t.toUpperCase()}),pi=nf("toUpperCase");function jf(n,t,e){return n=P(n),t=e?o:t,t===o?Go(n)?Xo(n):Wo(n):n.match(t)||[]}var nl=y(function(n,t){try{return en(n,o,t)}catch(e){return ci(e)?e:new S(e)}}),w_=Un(function(n,t){return hn(t,function(e){e=On(e),Fn(n,e,si(n[e],n))}),n});function x_(n){var t=n==null?0:n.length,e=A();return n=t?U(n,function(r){if(typeof r[1]!="function")throw new gn(sn);return[e(r[0]),r[1]]}):[],y(function(r){for(var i=-1;++i<t;){var f=n[i];if(en(f[0],this,r))return en(f[1],this,r)}})}function A_(n){return zs(pn(n,qn))}function vi(n){return function(){return n}}function R_(n,t){return n==null||n!==n?t:n}var I_=ef(),S_=ef(!0);function tn(n){return n}function di(n){return Pu(typeof n=="function"?n:pn(n,qn))}function E_(n){return bu(pn(n,qn))}function T_(n,t){return Fu(n,pn(t,qn))}var L_=y(function(n,t){return function(e){return Zt(e,n,t)}}),y_=y(function(n,t){return function(e){return Zt(n,e,t)}});function wi(n,t,e){var r=$(t),i=me(t,r);e==null&&!(D(t)&&(i.length||!r.length))&&(e=t,t=n,n=this,i=me(t,$(t)));var f=!(D(e)&&"chain"in e)||!!e.chain,l=Nn(n);return hn(i,function(s){var c=t[s];n[s]=c,l&&(n.prototype[s]=function(){var _=this.__chain__;if(f||_){var p=n(this.__wrapped__),v=p.__actions__=k(this.__actions__);return v.push({func:c,args:arguments,thisArg:n}),p.__chain__=_,p}return c.apply(n,zn([this.value()],arguments))})}),n}function C_(){return z._===this&&(z._=ns),this}function xi(){}function m_(n){return n=T(n),y(function(t){return Mu(t,n)})}var O_=Qr(U),W_=Qr(ru),P_=Qr(Rr);function tl(n){return ri(n)?Ir(On(n)):oa(n)}function B_(n){return function(t){return n==null?o:ft(n,t)}}var b_=uf(),F_=uf(!0);function Ai(){return[]}function Ri(){return!1}function M_(){return{}}function U_(){return""}function D_(){return!0}function N_(n,t){if(n=T(n),n<1||n>Kn)return[];var e=yn,r=Y(n,yn);t=A(t),n-=yn;for(var i=Tr(r,t);++e<n;)t(e);return i}function G_(n){return E(n)?U(n,On):fn(n)?[n]:k(Rf(P(n)))}function H_(n){var t=++ko;return P(n)+t}var q_=Fe(function(n,t){return n+t},0),K_=Vr("ceil"),$_=Fe(function(n,t){return n/t},1),z_=Vr("floor");function Z_(n){return n&&n.length?Ce(n,tn,Mr):o}function Y_(n,t){return n&&n.length?Ce(n,A(t,2),Mr):o}function X_(n){return fu(n,tn)}function J_(n,t){return fu(n,A(t,2))}function Q_(n){return n&&n.length?Ce(n,tn,Gr):o}function V_(n,t){return n&&n.length?Ce(n,A(t,2),Gr):o}var k_=Fe(function(n,t){return n*t},1),j_=Vr("round"),np=Fe(function(n,t){return n-t},0);function tp(n){return n&&n.length?Er(n,tn):0}function ep(n,t){return n&&n.length?Er(n,A(t,2)):0}return u.after=Eh,u.ary=Pf,u.assign=cg,u.assignIn=Zf,u.assignInWith=Xe,u.assignWith=hg,u.at=gg,u.before=Bf,u.bind=si,u.bindAll=w_,u.bindKey=bf,u.castArray=Mh,u.chain=mf,u.chunk=za,u.compact=Za,u.concat=Ya,u.cond=x_,u.conforms=A_,u.constant=vi,u.countBy=th,u.create=_g,u.curry=Ff,u.curryRight=Mf,u.debounce=Uf,u.defaults=pg,u.defaultsDeep=vg,u.defer=Th,u.delay=Lh,u.difference=Xa,u.differenceBy=Ja,u.differenceWith=Qa,u.drop=Va,u.dropRight=ka,u.dropRightWhile=ja,u.dropWhile=nc,u.fill=tc,u.filter=rh,u.flatMap=fh,u.flatMapDeep=lh,u.flatMapDepth=oh,u.flatten=Tf,u.flattenDeep=ec,u.flattenDepth=rc,u.flip=yh,u.flow=I_,u.flowRight=S_,u.fromPairs=ic,u.functions=Sg,u.functionsIn=Eg,u.groupBy=sh,u.initial=fc,u.intersection=lc,u.intersectionBy=oc,u.intersectionWith=sc,u.invert=Lg,u.invertBy=yg,u.invokeMap=ch,u.iteratee=di,u.keyBy=hh,u.keys=$,u.keysIn=nn,u.map=qe,u.mapKeys=mg,u.mapValues=Og,u.matches=E_,u.matchesProperty=T_,u.memoize=$e,u.merge=Wg,u.mergeWith=Yf,u.method=L_,u.methodOf=y_,u.mixin=wi,u.negate=ze,u.nthArg=m_,u.omit=Pg,u.omitBy=Bg,u.once=Ch,u.orderBy=gh,u.over=O_,u.overArgs=mh,u.overEvery=W_,u.overSome=P_,u.partial=ai,u.partialRight=Df,u.partition=_h,u.pick=bg,u.pickBy=Xf,u.property=tl,u.propertyOf=B_,u.pull=gc,u.pullAll=yf,u.pullAllBy=_c,u.pullAllWith=pc,u.pullAt=vc,u.range=b_,u.rangeRight=F_,u.rearg=Oh,u.reject=dh,u.remove=dc,u.rest=Wh,u.reverse=li,u.sampleSize=xh,u.set=Mg,u.setWith=Ug,u.shuffle=Ah,u.slice=wc,u.sortBy=Sh,u.sortedUniq=Tc,u.sortedUniqBy=Lc,u.split=f_,u.spread=Ph,u.tail=yc,u.take=Cc,u.takeRight=mc,u.takeRightWhile=Oc,u.takeWhile=Wc,u.tap=Zc,u.throttle=Bh,u.thru=He,u.toArray=Kf,u.toPairs=Jf,u.toPairsIn=Qf,u.toPath=G_,u.toPlainObject=zf,u.transform=Dg,u.unary=bh,u.union=Pc,u.unionBy=Bc,u.unionWith=bc,u.uniq=Fc,u.uniqBy=Mc,u.uniqWith=Uc,u.unset=Ng,u.unzip=oi,u.unzipWith=Cf,u.update=Gg,u.updateWith=Hg,u.values=mt,u.valuesIn=qg,u.without=Dc,u.words=jf,u.wrap=Fh,u.xor=Nc,u.xorBy=Gc,u.xorWith=Hc,u.zip=qc,u.zipObject=Kc,u.zipObjectDeep=$c,u.zipWith=zc,u.entries=Jf,u.entriesIn=Qf,u.extend=Zf,u.extendWith=Xe,wi(u,u),u.add=q_,u.attempt=nl,u.camelCase=Zg,u.capitalize=Vf,u.ceil=K_,u.clamp=Kg,u.clone=Uh,u.cloneDeep=Nh,u.cloneDeepWith=Gh,u.cloneWith=Dh,u.conformsTo=Hh,u.deburr=kf,u.defaultTo=R_,u.divide=$_,u.endsWith=Yg,u.eq=Sn,u.escape=Xg,u.escapeRegExp=Jg,u.every=eh,u.find=ih,u.findIndex=Sf,u.findKey=dg,u.findLast=uh,u.findLastIndex=Ef,u.findLastKey=wg,u.floor=z_,u.forEach=Of,u.forEachRight=Wf,u.forIn=xg,u.forInRight=Ag,u.forOwn=Rg,u.forOwnRight=Ig,u.get=gi,u.gt=qh,u.gte=Kh,u.has=Tg,u.hasIn=_i,u.head=Lf,u.identity=tn,u.includes=ah,u.indexOf=uc,u.inRange=$g,u.invoke=Cg,u.isArguments=st,u.isArray=E,u.isArrayBuffer=$h,u.isArrayLike=j,u.isArrayLikeObject=G,u.isBoolean=zh,u.isBuffer=kn,u.isDate=Zh,u.isElement=Yh,u.isEmpty=Xh,u.isEqual=Jh,u.isEqualWith=Qh,u.isError=ci,u.isFinite=Vh,u.isFunction=Nn,u.isInteger=Nf,u.isLength=Ze,u.isMap=Gf,u.isMatch=kh,u.isMatchWith=jh,u.isNaN=ng,u.isNative=tg,u.isNil=rg,u.isNull=eg,u.isNumber=Hf,u.isObject=D,u.isObjectLike=N,u.isPlainObject=kt,u.isRegExp=hi,u.isSafeInteger=ig,u.isSet=qf,u.isString=Ye,u.isSymbol=fn,u.isTypedArray=Ct,u.isUndefined=ug,u.isWeakMap=fg,u.isWeakSet=lg,u.join=ac,u.kebabCase=Qg,u.last=dn,u.lastIndexOf=cc,u.lowerCase=Vg,u.lowerFirst=kg,u.lt=og,u.lte=sg,u.max=Z_,u.maxBy=Y_,u.mean=X_,u.meanBy=J_,u.min=Q_,u.minBy=V_,u.stubArray=Ai,u.stubFalse=Ri,u.stubObject=M_,u.stubString=U_,u.stubTrue=D_,u.multiply=k_,u.nth=hc,u.noConflict=C_,u.noop=xi,u.now=Ke,u.pad=jg,u.padEnd=n_,u.padStart=t_,u.parseInt=e_,u.random=zg,u.reduce=ph,u.reduceRight=vh,u.repeat=r_,u.replace=i_,u.result=Fg,u.round=j_,u.runInContext=a,u.sample=wh,u.size=Rh,u.snakeCase=u_,u.some=Ih,u.sortedIndex=xc,u.sortedIndexBy=Ac,u.sortedIndexOf=Rc,u.sortedLastIndex=Ic,u.sortedLastIndexBy=Sc,u.sortedLastIndexOf=Ec,u.startCase=l_,u.startsWith=o_,u.subtract=np,u.sum=tp,u.sumBy=ep,u.template=s_,u.times=N_,u.toFinite=Gn,u.toInteger=T,u.toLength=$f,u.toLower=a_,u.toNumber=wn,u.toSafeInteger=ag,u.toString=P,u.toUpper=c_,u.trim=h_,u.trimEnd=g_,u.trimStart=__,u.truncate=p_,u.unescape=v_,u.uniqueId=H_,u.upperCase=d_,u.upperFirst=pi,u.each=Of,u.eachRight=Wf,u.first=Lf,wi(u,function(){var n={};return Cn(u,function(t,e){B.call(u.prototype,e)||(n[e]=t)}),n}(),{chain:!1}),u.VERSION=rl,hn(["bind","bindKey","curry","curryRight","partial","partialRight"],function(n){u[n].placeholder=u}),hn(["drop","take"],function(n,t){m.prototype[n]=function(e){e=e===o?1:K(T(e),0);var r=this.__filtered__&&!t?new m(this):this.clone();return r.__filtered__?r.__takeCount__=Y(e,r.__takeCount__):r.__views__.push({size:Y(e,yn),type:n+(r.__dir__<0?"Right":"")}),r},m.prototype[n+"Right"]=function(e){return this.reverse()[n](e).reverse()}}),hn(["filter","map","takeWhile"],function(n,t){var e=t+1,r=e==Ei||e==hl;m.prototype[n]=function(i){var f=this.clone();return f.__iteratees__.push({iteratee:A(i,3),type:e}),f.__filtered__=f.__filtered__||r,f}}),hn(["head","last"],function(n,t){var e="take"+(t?"Right":"");m.prototype[n]=function(){return this[e](1).value()[0]}}),hn(["initial","tail"],function(n,t){var e="drop"+(t?"":"Right");m.prototype[n]=function(){return this.__filtered__?new m(this):this[e](1)}}),m.prototype.compact=function(){return this.filter(tn)},m.prototype.find=function(n){return this.filter(n).head()},m.prototype.findLast=function(n){return this.reverse().find(n)},m.prototype.invokeMap=y(function(n,t){return typeof n=="function"?new m(this):this.map(function(e){return Zt(e,n,t)})}),m.prototype.reject=function(n){return this.filter(ze(A(n)))},m.prototype.slice=function(n,t){n=T(n);var e=this;return e.__filtered__&&(n>0||t<0)?new m(e):(n<0?e=e.takeRight(-n):n&&(e=e.drop(n)),t!==o&&(t=T(t),e=t<0?e.dropRight(-t):e.take(t-n)),e)},m.prototype.takeRightWhile=function(n){return this.reverse().takeWhile(n).reverse()},m.prototype.toArray=function(){return this.take(yn)},Cn(m.prototype,function(n,t){var e=/^(?:filter|find|map|reject)|While$/.test(t),r=/^(?:head|last)$/.test(t),i=u[r?"take"+(t=="last"?"Right":""):t],f=r||/^find/.test(t);i&&(u.prototype[t]=function(){var l=this.__wrapped__,s=r?[1]:arguments,c=l instanceof m,_=s[0],p=c||E(l),v=function(C){var O=i.apply(u,zn([C],s));return r&&d?O[0]:O};p&&e&&typeof _=="function"&&_.length!=1&&(c=p=!1);var d=this.__chain__,x=!!this.__actions__.length,R=f&&!d,L=c&&!x;if(!f&&p){l=L?l:new m(this);var I=n.apply(l,s);return I.__actions__.push({func:He,args:[v],thisArg:o}),new _n(I,d)}return R&&L?n.apply(this,s):(I=this.thru(v),R?r?I.value()[0]:I.value():I)})}),hn(["pop","push","shift","sort","splice","unshift"],function(n){var t=ge[n],e=/^(?:push|sort|unshift)$/.test(n)?"tap":"thru",r=/^(?:pop|shift)$/.test(n);u.prototype[n]=function(){var i=arguments;if(r&&!this.__chain__){var f=this.value();return t.apply(E(f)?f:[],i)}return this[e](function(l){return t.apply(E(l)?l:[],i)})}}),Cn(m.prototype,function(n,t){var e=u[t];if(e){var r=e.name+"";B.call(St,r)||(St[r]=[]),St[r].push({name:t,func:e})}}),St[be(o,jn).name]=[{name:"wrapper",func:o}],m.prototype.clone=vs,m.prototype.reverse=ds,m.prototype.value=ws,u.prototype.at=Yc,u.prototype.chain=Xc,u.prototype.commit=Jc,u.prototype.next=Qc,u.prototype.plant=kc,u.prototype.reverse=jc,u.prototype.toJSON=u.prototype.valueOf=u.prototype.value=nh,u.prototype.first=u.prototype.head,Nt&&(u.prototype[Nt]=Vc),u},At=Jo();tt?((tt.exports=At)._=At,dr._=At):z._=At}).call(jt)})(Je,Je.exports);var ip=Je.exports;export{ip as l};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as r}from"./jsx-runtime-eps93zm2.js";import{r as Ir}from"./index-DhsZuJvc.js";import{H as Cr,L as J,S as Dr,R as U}from"./react-router-dom-CMITYWBH.js";import{T as A,I as fr}from"./common-types-Sih75Sav.js";import{w as kr,e as P,u as v}from"./index-DMAnyMX5.js";import{M as W}from"./actions-
|
|
1
|
+
import{j as r}from"./jsx-runtime-eps93zm2.js";import{r as Ir}from"./index-DhsZuJvc.js";import{H as Cr,L as J,S as Dr,R as U}from"./react-router-dom-CMITYWBH.js";import{T as A,I as fr}from"./common-types-Sih75Sav.js";import{w as kr,e as P,u as v}from"./index-DMAnyMX5.js";import{M as W}from"./actions-Tr0wIZve.js";import{B as X}from"./button-CzvLc2io.js";import{F as Rr}from"./flex-EllkLxgO.js";import{m as s,a as wr,b as Br,c as Er,d as Nr,e as Fr,f as Lr,g as Pr,h as _r,i as Ar}from"./menu.stories-data-CQ59XhzU.js";import{M as H}from"./types-BmbYqTX_.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-CEuq6vkz.js";import"./extends-CF3RwP-h.js";import"./tiny-invariant-DqLgxztJ.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./index-CF7H4eMJ.js";import"./index-Bk2sglWO.js";import"./lodash-c4VUpsOs.js";import"./disabled-context-rmpd7YJS.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./icon-BP4BO6-k.js";import"./types-Dx2TtIG9.js";import"./badge-CLQ59MDF.js";import"./spinner-AWUe4xwQ.js";const ds={title:"Basic/Menu",component:W,args:{menu:s}},e=a=>r.jsx(W,{...a}),_=e.bind({}),c=e.bind({});c.args={menu:{...s,colored:!0}};const p=e.bind({});p.args={menu:{...s,label:"Delete",colored:"danger"}};const d=e.bind({});d.args={menu:{...s,trigger:A.TEXT}};const l=e.bind({});l.args={menu:{...s,trigger:A.COMPONENT,component:r.jsx(X,{small:!0,colored:!0,round:!0,icon:fr.SETTINGS})}};const m=e.bind({});m.args={menu:wr};const u=e.bind({});u.args={menu:Br};const g=e.bind({});g.args={menu:Er};const b=e.bind({});b.args={menu:Nr};const x=e.bind({});x.args={disabled:!0};const S=e.bind({});S.args={tooltip:"Tooltip goes here"};const h=e.bind({});h.args={error:"Error goes here"};const T=e.bind({});T.args={warning:"Warning goes here"};const j=e.bind({});j.args={loading:!0,disabled:!0};const M=e.bind({});M.args={badgeTitle:"3"};const y=e.bind({});y.args={badgeDot:!0};const O=e.bind({});O.args={menu:Fr};const I=e.bind({});I.args={menu:Lr};const C=e.bind({});C.args={closeOnOptionClick:!1};const D=e.bind({});D.args={contextMenu:!0,menu:{...s,trigger:A.TEXT,label:"Right-click me"}};const f=e.bind({});f.args={width:"100%"};const k=e.bind({});k.args={menu:{...s,small:!0}};const R=e.bind({});R.args={menu:Pr};const w=e.bind({});w.args={menu:{...s,sections:r.jsx("div",{children:"Testing"})}};const B=e.bind({});B.args={menu:_r};const E=e.bind({});E.args={menu:Ar};const N=()=>{const[a,t]=Ir.useState(!1);return r.jsxs(Rr,{gap:!0,children:[r.jsx(W,{menu:s,open:a,setOpen:t}),r.jsx(X,{label:"Open",onClick:()=>t(!0),disabled:a}),r.jsx(X,{label:"Close",onClick:()=>t(!1),disabled:!a})]})},F=()=>r.jsxs(Cr,{children:[r.jsx(W,{menu:{label:"Go to",trigger:A.DROP_DOWN_BUTTON,sections:[{type:H.OPTION,label:"Dashboard",url:"/dashboard",component:J},{type:H.OPTION,label:"Settings",url:"/settings",component:J}]}}),r.jsxs(Dr,{children:[r.jsx(U,{path:"/dashboard",children:"Dashboard"}),r.jsx(U,{path:"/settings",children:"Settings"})]})]}),o=e.bind({});o.args={testId:"testId"};o.play=async({canvasElement:a,step:t})=>{const n=a.parentElement?kr(a.parentElement):null;await P(n).toBeTruthy(),n&&(await t("Clicking trigger should open menu",async()=>{const L=n.getByTestId("testId");await v.click(L);const i=n.getByTestId("testId-layer");await P(i).toBeInTheDocument()}),await t("Clicking disabled item should do nothing",async()=>{await n.getByText("Knight").click();const i=n.getByTestId("testId-layer");await P(i).toBeInTheDocument()}),await t("Clicking item should close menu",async()=>{const L=n.getByText("King");await v.click(L);const i=n.queryByTestId("testId-layer");await P(i).not.toBeInTheDocument()}))};N.__docgenInfo={description:"",methods:[],displayName:"ControlOpenStateFromParent"};F.__docgenInfo={description:"",methods:[],displayName:"AsRouterLink"};var G,K,q;_.parameters={..._.parameters,docs:{...(G=_.parameters)==null?void 0:G.docs,source:{originalSource:`args => <Menu
|
|
2
2
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
3
3
|
{...args} />`,...(q=(K=_.parameters)==null?void 0:K.docs)==null?void 0:q.source}}};var z,Q,V;c.parameters={...c.parameters,docs:{...(z=c.parameters)==null?void 0:z.docs,source:{originalSource:`args => <Menu
|
|
4
4
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as n}from"./jsx-runtime-eps93zm2.js";import{T as a}from"./common-types-Sih75Sav.js";import{F as i}from"./flex-EllkLxgO.js";import{B as s}from"./badge-CLQ59MDF.js";import{M as l}from"./types-BmbYqTX_.js";const r=async e=>{const{files:o}=(e==null?void 0:e.target)??{};o&&console.log("onFileChange",o)},t={label:"Select",trigger:a.DROP_DOWN_BUTTON,sections:[{type:l.HEADING,label:"Heading"},{type:l.OPTION,label:"King",onClick:()=>{}},{type:l.OPTION,label:"Queen",selected:!0,onClick:()=>{}},{type:l.DIVIDER},{type:l.OPTION,label:"Knight",disabled:!0,onClick:()=>{}},{type:l.OPTION,label:"Bishop",onClick:()=>{}}]},b={...t,sections:t.sections.map(e=>e.type===l.OPTION?{...e,onClick:void 0,onChange:r,upload:!0}:e)},d={...t,label:n.jsxs(i,{alignItems:"center",gap:"4px",children:["Select",n.jsx(s,{small:!0,title:"BETA"})]}),sections:Array(3).fill({type:"Menu",trigger:"Text",menu:{trigger:"Text",placement:"right-start",label:n.jsxs(i,{alignItems:"center",gap:"4px",children:["Parent",n.jsx(s,{small:!0,title:"BETA"})]}),title:"Parent",sections:Array(3).fill({type:"Option",label:n.jsxs(i,{alignItems:"center",gap:"4px",children:["Child",n.jsx(s,{small:!0,title:"BETA"})]}),title:"Child"})}})},O={label:"123 m",trigger:"DropDownButton",sections:[{type:"Option",label:"403.5433",description:"ft",inline:!0,onClick:()=>{}},{type:"Option",label:"123",description:"m",inline:!0,onClick:()=>{},selected:!0},{type:"Option",label:"0.123",description:"km",inline:!0,onClick:()=>{}}]},c=[{label:"Delete",icon:"delete",onClick:()=>{}},{label:"Rename",icon:"rename",onClick:()=>{}}],h={...t,sections:t.sections.map(e=>e.type==="Option"?{...e,inline:!0,actions:c}:e)},C={...t,sections:t.sections.map(e=>e.type==="Option"||e.type==="Heading"?{...e,icon:"star",onClick:()=>{}}:e)},T={...t,sections:Array(3).fill({type:"Menu",trigger:"Text",menu:{trigger:"Text",placement:"right-start",label:"Parent",sections:Array(3).fill({type:"Option",label:"Child",onClick:()=>{}})}})},x={...t,sections:Array(100).fill({type:"Option",label:"Item",onClick:()=>{}})},k={label:"No sections",trigger:"DropDownButton",sections:[]},f={label:"Select",trigger:"DropDownButton",showAllButton:{visible:!0,showAllTitle:"Show all...",showLessTitle:"Show less...",additionalSections:[{type:"Divider"},{type:"Option",label:"This item is always shown",onClick:()=>{}}]},sections:Array(8).fill({type:"Option",label:"Item",onClick:()=>{}})};export{b as a,O as b,h as c,C as d,k as e,T as f,d as g,f as h,x as i,t as m};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as s}from"./jsx-runtime-eps93zm2.js";import{M as a,a as n}from"./message-DQ3q8XF9.js";import{B as M}from"./button-
|
|
1
|
+
import{j as s}from"./jsx-runtime-eps93zm2.js";import{M as a,a as n}from"./message-DQ3q8XF9.js";import{B as M}from"./button-CzvLc2io.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-BP4BO6-k.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DR8r8Ogv.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({
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as x}from"./index-DhsZuJvc.js";import{c}from"./index-Bk2sglWO.js";import{I as u}from"./common-types-Sih75Sav.js";import{I as _}from"./icon-BP4BO6-k.js";import{H as g}from"./heading-NkLgQYoP.js";import{A as q}from"./actions-
|
|
1
|
+
import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as x}from"./index-DhsZuJvc.js";import{c}from"./index-Bk2sglWO.js";import{I as u}from"./common-types-Sih75Sav.js";import{I as _}from"./icon-BP4BO6-k.js";import{H as g}from"./heading-NkLgQYoP.js";import{A as q}from"./actions-Tr0wIZve.js";import{B as h}from"./badge-CLQ59MDF.js";import{T as f}from"./tooltip-1V7clEnw.js";const N="_inputInTable_dlqxe_1",b="_error_dlqxe_7",T="_warning_dlqxe_7",j="_inputHover_dlqxe_13",v="_inputFocus_dlqxe_18",y="_inputError_dlqxe_25",I="_inputWarning_dlqxe_26",w="_inputDisabled_dlqxe_61",H="_hideScrollbars_dlqxe_67",C="_header_dlqxe_77",k="_headerTitle_dlqxe_77",E="_heading_dlqxe_78",S="_itemHeader_dlqxe_78",M="_narrow_dlqxe_81",R="_stickyHeader_dlqxe_85",L="_title_dlqxe_96",F="_name_dlqxe_102",V="_iconTooltipMargin_dlqxe_105",W="_bold_dlqxe_108",B="_toggleNarrow_dlqxe_117",D="_drag_dlqxe_135",P="_list_dlqxe_155",$="_bordered_dlqxe_159",A="_item_dlqxe_78",O="_action_dlqxe_192",z="_active_dlqxe_195",G="_indented_dlqxe_202",J="_disabled_dlqxe_215",K="_label_dlqxe_226",Q="_details_dlqxe_237",U="_metadata_dlqxe_238",X="_itemContent_dlqxe_246",Y="_indentIcon_dlqxe_253",Z="_expandIcon_dlqxe_258",ee="_expanded_dlqxe_265",te="_right_dlqxe_268",ne="_actions_dlqxe_276",ae="_scrollableList_dlqxe_281",oe="_infiniteScrollContainer_dlqxe_286",re="_hideScrollbar_dlqxe_67",ie="_noPointerEvents_dlqxe_303",n={inputInTable:N,error:b,warning:T,inputHover:j,inputFocus:v,inputError:y,inputWarning:I,inputDisabled:w,hideScrollbars:H,header:C,headerTitle:k,heading:E,itemHeader:S,narrow:M,stickyHeader:R,title:L,name:F,iconTooltipMargin:V,bold:W,toggleNarrow:B,drag:D,list:P,bordered:$,item:A,action:O,active:z,indented:G,disabled:J,label:K,details:Q,metadata:U,itemContent:X,indentIcon:Y,expandIcon:Z,expanded:ee,right:te,actions:ne,scrollableList:ae,infiniteScrollContainer:oe,hideScrollbar:re,noPointerEvents:ie},p=({toggleNarrow:a,onClickToggleNarrow:t})=>a?e.jsx("a",{className:n.toggleNarrow,onClick:t,children:e.jsx(_,{icon:u.CHEVRON_LEFT})}):null;p.__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 se=x.forwardRef(({name:a,actions:t=[],toggleNarrow:i=!1,onToggleNarrow:o=()=>{},stickyHeader:s},d)=>e.jsxs("div",{ref:d,className:c(n.header,s?n.stickyHeader:""),children:[e.jsx(p,{toggleNarrow:i,onClickToggleNarrow:o}),a&&e.jsx("div",{className:n.headerTitle,children:e.jsx(g,{top:!0,marginBottom:0,children:a})}),e.jsx("div",{className:n.right,children:e.jsx("div",{className:n.actions,children:e.jsx(q,{actions:t})})})]}));se.__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 m=({name:a,icon:t,testId:i})=>{const o=t&&e.jsx(_,{icon:t.icon,color:t.color||"#db2828"});return e.jsxs("span",{className:c(n.name,n.bold),"data-testid":i,children:[a,t&&t.tooltip&&t.tooltip.text?e.jsx("span",{className:n.iconTooltipMargin,children:e.jsx(f,{text:t.tooltip.text,maxWidth:"350px",children:o})}):t&&t.icon&&e.jsx("span",{className:n.iconTooltipMargin,children:o})]})};m.__docgenInfo={description:"",methods:[],displayName:"Name",props:{name:{required:!0,tsType:{name:"ReactNode"},description:""},icon:{required:!1,tsType:{name:"signature",type:"object",raw:`{
|
|
2
2
|
icon: ReactNode;
|
|
3
3
|
color?: string;
|
|
4
4
|
tooltip?: {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as k}from"./index-DhsZuJvc.js";import{w as le,e as j,u as f}from"./index-DMAnyMX5.js";import{T as se}from"./common-types-Sih75Sav.js";import{M as v,D as h}from"./dialog-
|
|
1
|
+
import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as k}from"./index-DhsZuJvc.js";import{w as le,e as j,u as f}from"./index-DMAnyMX5.js";import{T as se}from"./common-types-Sih75Sav.js";import{M as v,D as h}from"./dialog-B55T_62Q.js";import{B as l}from"./button-CzvLc2io.js";import{P as te}from"./popover-9ZnEm5Hy.js";import{I as ne}from"./input-DTXbDJaL.js";import{I as ae}from"./input-group-BaRSJAEN.js";import{F as S}from"./field-C5_fLDpy.js";import{M as re}from"./actions-Tr0wIZve.js";import{S as ie}from"./select-BW0IihoR.js";import{S as de}from"./spacer-BWoNR27H.js";import{T as ce}from"./tooltip-1V7clEnw.js";import{M as P}from"./types-BmbYqTX_.js";import"./index-CF7H4eMJ.js";import"./index-Bk2sglWO.js";import"./portal-GQ0_cLB6.js";import"./index-CUZDtIZe.js";import"./lodash-c4VUpsOs.js";import"./heading-NkLgQYoP.js";import"./help-icon-41R-Z9N1.js";import"./icon-BP4BO6-k.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./spinner-AWUe4xwQ.js";import"./types-Dx2TtIG9.js";import"./label-hiSz3I8H.js";import"./badge-CLQ59MDF.js";import"./extends-CF3RwP-h.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:ge}=__STORYBOOK_MODULE_PREVIEW_API__,Je={title:"Modals/Modal",component:v,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}}}},r=()=>{const[{visible:t,centered:a,...o},n]=ge(),s=()=>{n({visible:!t})};return e.jsxs(e.Fragment,{children:[e.jsx(v,{visible:t,centered:a,children:e.jsx(h,{dialog:{...o,onClose:s}})}),e.jsx(l,{label:"Open Modal",onClick:s})]})},C=r.bind({}),d=r.bind({});d.args={centered:!0};const c=r.bind({});c.args={content:["This is a","new line!"]};const g=r.bind({});g.args={scroll:!0,content:e.jsx("div",{children:"Example modal content goes here lorem ipsum. ".repeat(100)})};const p=r.bind({});p.args={width:"100%",content:e.jsx("div",{children:"Example modal content goes here lorem ipsum. ".repeat(100)})};const m=r.bind({});m.args={contentPadding:0};const u=r.bind({});u.args={content:e.jsxs(e.Fragment,{children:[e.jsx(ce,{text:"Tooltip text",children:"Hover for tooltip"}),e.jsx(de,{}),e.jsx(S,{label:"Custom Select",helpText:"Select an animal",children:e.jsx(ie,{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(S,{label:"Nested Menu",children:e.jsx(re,{maxHeight:"240px",menu:{label:"Menu",trigger:se.DROP_DOWN_BUTTON,sections:[{type:P.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:P.OPTION,label:Math.random().toString(36).substring(7),onClick:()=>{}}))]}})}),e.jsx(te,{content:e.jsxs(ae,{small:!0,children:[e.jsx(ne,{value:"Value",width:"150px",error:"Bad value"}),e.jsx(l,{colored:!0,label:"Save",onClick:()=>{}}),e.jsx(l,{label:"Cancel",onClick:()=>{}})]}),children:e.jsx(l,{colored:!0,label:"Toggle me",onClick:()=>{}})})]})};const b=()=>{const[t,a]=k.useState(!1),o=()=>{a(!0)},n=()=>{a(!1)},s=()=>{console.log("Submit action"),n()};return e.jsxs(e.Fragment,{children:[e.jsx(v,{visible:t,onEnter:()=>{console.log("Enter"),s()},onEscape:()=>{console.log("Escape"),n()},children:e.jsx(h,{dialog:{heading:"Test key handling",content:e.jsx(ne,{}),footer:e.jsxs(e.Fragment,{children:[e.jsx(l,{label:"Done",colored:"red",onClick:s}),e.jsx(l,{label:"Cancel",onClick:n})]}),onClose:n}})}),e.jsx(l,{label:"Open Modal",onClick:o})]})},M=()=>{const[t,a]=k.useState(!1),o=()=>a(!t),[n,s]=k.useState(!1),x=()=>s(!n);return e.jsxs(e.Fragment,{children:[e.jsx(v,{visible:t,children:e.jsx(h,{dialog:{heading:"Modal 1",content:"Lorem ipsum dolor sit amet",footer:e.jsxs(e.Fragment,{children:[e.jsx(l,{label:"Open modal 2",colored:!0,onClick:x}),e.jsx(v,{visible:n,children:e.jsx(h,{dialog:{heading:"Modal 2",content:"Lorem ipsum dolor sit amet",footer:e.jsx(l,{label:"Close",onClick:x}),onClose:x}})}),e.jsx(l,{label:"Close",onClick:o})]}),onClose:o}})}),e.jsx(l,{label:"Open modal 1",onClick:o})]})},i=r.bind({});i.args={testId:"testId"};i.play=async({canvasElement:t,step:a})=>{const o=t.parentElement?le(t.parentElement):null;await j(o).toBeTruthy(),o&&(await a("Modal should appear when triggered",async()=>{const n=o.getByText("Open Modal");await f.click(n);const s=o.getByTestId("testId");await j(s).toBeInTheDocument()}),await a("Modal should disappear when close button pressed",async()=>{const n=o.getByTestId("testId"),s=o.getByTestId("testId-dismiss");await f.click(s),await j(n).not.toBeInTheDocument()}))};b.__docgenInfo={description:"",methods:[],displayName:"KeyHandle"};M.__docgenInfo={description:"",methods:[],displayName:"MultipleModals"};var y,A,B;C.parameters={...C.parameters,docs:{...(y=C.parameters)==null?void 0:y.docs,source:{originalSource:`() => {
|
|
2
2
|
const [{
|
|
3
3
|
visible,
|
|
4
4
|
centered,
|
|
@@ -217,4 +217,4 @@ import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as k}from"./index-DhsZuJv
|
|
|
217
217
|
</Modal>
|
|
218
218
|
<Button label="Open Modal" onClick={toggleModal} />
|
|
219
219
|
</>;
|
|
220
|
-
}`,...(oe=(ee=i.parameters)==null?void 0:ee.docs)==null?void 0:oe.source}}};const
|
|
220
|
+
}`,...(oe=(ee=i.parameters)==null?void 0:ee.docs)==null?void 0:oe.source}}};const Qe=["Default","Centered","LineBreak","Scroll","FullWidth","NoContentPadding","WithPopoverLayers","KeyHandle","MultipleModals","Test"];export{d as Centered,C as Default,p as FullWidth,b as KeyHandle,c as LineBreak,M as MultipleModals,m as NoContentPadding,g as Scroll,i as Test,u as WithPopoverLayers,Qe as __namedExportsOrder,Je as default};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import{j as z}from"./jsx-runtime-eps93zm2.js";import{r as s}from"./index-DhsZuJvc.js";import{d as y}from"./index-DaLCDjg_.js";import{l as G}from"./lodash-c4VUpsOs.js";import{I as J}from"./input-DTXbDJaL.js";const K=t=>t?typeof t=="string"?t:G.isArray(t)?t[0]:t.fieldName:"",Q=({name:t,placeholder:E="",disabled:N=!1,error:v=!1,left:V=!1,small:I=!1,width:F="100%",value:l="",onChange:h=()=>{},onFocus:L=()=>{},onBlur:S=()=>{},tabIndex:x=0,testId:k,tooltip:j=null,warning:R=!1,validationCallback:u=()=>{},allowEmpty:H=!1,isInTable:M,groupOrder:A,enableDisplayRounding:T=!1,roundDisplayValue:b})=>{const r=s.useRef(null),[i,f]=s.useState(l),[C,o]=s.useState(null),[g,w]=s.useState(!1),a=K(t),q=e=>{let n=y.validateNumber(e);return H&&e===""||n.valid?{...n,valid:!0,errors:void 0}:n};s.useEffect(()=>{const{valid:e,errors:n}=q(l);if(f(l),e)o(null),u(a,null);else{const m=n&&n.length?n[0]:null;o(m),u(a,m)}},[l,v]);const B=e=>{const n=e.target,{value:m}=n,d=y.cleanNumStr(m.replaceAll(" ","").replaceAll("|","")),{valid:_,errors:c}=q(d);if(_){const p={...e,target:{...e.target,value:d,name:a}};h(p),f(d),o(null),u(a,null)}else{f(d);const p=c&&c.length?c[0]:null;o(p),u(a,p)}};s.useEffect(()=>{if(r&&(r!=null&&r.current)&&T&&g){const e=r.current;e&&setTimeout(()=>{const{length:n}=String(i);e.setSelectionRange(n,n)},0)}},[g]);const D=e=>{w(!0),L(e)},O=e=>{w(!1),S(e)},P=!g&&T?b?b(i):y.roundToFixed(i,2):i;return z.jsx(J,{type:"text",name:a,testId:k,disabled:N,placeholder:E,value:P,onChange:B,onFocus:D,onBlur:O,error:v||C,warning:R,right:!V,small:I,width:F,isInTable:M,groupOrder:A,tabIndex:x,tooltip:j,ref:r},a)};Q.__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
|
+
event: TChangeEvent<T>,
|
|
3
|
+
...additionalProps: { [key: string]: any }[]
|
|
4
|
+
) => void`,signature:{arguments:[{type:{name:"intersection",raw:`ChangeEvent<T> & {
|
|
5
|
+
target:
|
|
6
|
+
| T
|
|
7
|
+
| { name: string; value: any; label?: string; files?: FileList | null };
|
|
8
|
+
}`,elements:[{name:"ChangeEvent",elements:[{name:"T"}],raw:"ChangeEvent<T>"},{name:"signature",type:"object",raw:`{
|
|
9
|
+
target:
|
|
10
|
+
| T
|
|
11
|
+
| { name: string; value: any; label?: string; files?: FileList | null };
|
|
12
|
+
}`,signature:{properties:[{key:"target",value:{name:"union",raw:`| T
|
|
13
|
+
| { name: string; value: any; label?: string; files?: FileList | null }`,elements:[{name:"T"},{name:"signature",type:"object",raw:"{ name: string; value: any; label?: string; files?: FileList | null }",signature:{properties:[{key:"name",value:{name:"string",required:!0}},{key:"value",value:{name:"any",required:!0}},{key:"label",value:{name:"string",required:!1}},{key:"files",value:{name:"union",raw:"FileList | null",elements:[{name:"FileList"},{name:"null"}],required:!1}}]}}],required:!0}}]}}]},name:"event"},{type:{name:"Array",elements:[{name:"signature",type:"object",raw:"{ [key: string]: any }",signature:{properties:[{key:{name:"string"},value:{name:"any",required:!0}}]}}],raw:"{ [key: string]: any }[]"},name:"additionalProps",rest:!0}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},onFocus:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: FocusEvent<HTMLInputElement>) => void",signature:{arguments:[{type:{name:"FocusEvent",elements:[{name:"HTMLInputElement"}],raw:"FocusEvent<HTMLInputElement>"},name:"evt"}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},onBlur:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: FocusEvent<HTMLInputElement>) => void",signature:{arguments:[{type:{name:"FocusEvent",elements:[{name:"HTMLInputElement"}],raw:"FocusEvent<HTMLInputElement>"},name:"evt"}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},tabIndex:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"0",computed:!1}},testId:{required:!1,tsType:{name:"string"},description:""},tooltip:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | React.ReactNode",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactReactNode",raw:"React.ReactNode"}]},description:"",defaultValue:{value:"null",computed:!1}},warning:{required:!1,tsType:{name:"union",raw:"string | boolean",elements:[{name:"string"},{name:"boolean"}]},description:"",defaultValue:{value:"false",computed:!1}},validationCallback:{required:!1,tsType:{name:"signature",type:"function",raw:`(
|
|
14
|
+
name: string | { fieldName: string },
|
|
15
|
+
error: string | null,
|
|
16
|
+
) => void`,signature:{arguments:[{type:{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}}]}}]},name:"name"},{type:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},name:"error"}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},allowEmpty:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},isInTable:{required:!1,tsType:{name:"boolean"},description:""},groupOrder:{required:!1,tsType:{name:"any"},description:""},enableDisplayRounding:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},roundDisplayValue:{required:!1,tsType:{name:"signature",type:"function",raw:"(args: TStringNumberNull) => TStringNumberNull",signature:{arguments:[{type:{name:"union",raw:"string | number | null",elements:[{name:"string"},{name:"number"},{name:"null"}]},name:"args"}],return:{name:"union",raw:"string | number | null",elements:[{name:"string"},{name:"number"},{name:"null"}]}}},description:""}}};export{Q as N};
|