@oliasoft-open-source/react-ui-library 4.0.0-beta-50 → 4.0.0-beta-52
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-63a4fee1.css → index-c603c2a7.css} +558 -546
- package/dist/assets/{index-14d623f8.js → index-ec75e6bd.js} +213 -213
- package/dist/global.css +558 -546
- package/dist/index.html +1 -1
- package/dist/index.js +214 -214
- package/dist/index.js.map +1 -1
- package/dist/storybook/assets/{Color-6VNJS4EI-f849ae21.js → Color-6VNJS4EI-0e859f5d.js} +1 -1
- package/dist/storybook/assets/{DocsRenderer-NNNQARDV-c930fa4d.js → DocsRenderer-NNNQARDV-f798bb00.js} +1 -1
- package/dist/storybook/assets/{WithTooltip-4HIR6TLV-8aee1245.js → WithTooltip-4HIR6TLV-6e941d70.js} +1 -1
- package/dist/storybook/assets/{accordion.stories-1701e853.js → accordion.stories-3f53373a.js} +1 -1
- package/dist/storybook/assets/actions-26858b6b.css +1 -0
- package/dist/storybook/assets/{actions-ac539aa1.js → actions-7f428221.js} +1 -1
- package/dist/storybook/assets/{actions.stories-e1bb3d3f.js → actions.stories-49f7c99e.js} +1 -1
- package/dist/storybook/assets/{afe.stories-7a9c2e65.js → afe.stories-a7cd678a.js} +1 -1
- package/dist/storybook/assets/{badge.stories-902af778.js → badge.stories-91d226ea.js} +1 -1
- package/dist/storybook/assets/{blowout.stories-cc44dc60.js → blowout.stories-041f9064.js} +1 -1
- package/dist/storybook/assets/{button-e9081747.js → button-1a6432ca.js} +1 -1
- package/dist/storybook/assets/button-5afcc6c2.css +1 -0
- package/dist/storybook/assets/{button-group-f24c3121.js → button-group-4cf67956.js} +1 -1
- package/dist/storybook/assets/{button-group.stories-392a38ea.js → button-group.stories-037665c3.js} +1 -1
- package/dist/storybook/assets/{button.stories-d2f310c0.js → button.stories-527e5e10.js} +1 -1
- package/dist/storybook/assets/{buttons-and-links-f386d58d.js → buttons-and-links-334983fe.js} +1 -1
- package/dist/storybook/assets/{casing-loads.stories-30fcf4d7.js → casing-loads.stories-2917f31b.js} +1 -1
- package/dist/storybook/assets/{cell.stories-b1684179.js → cell.stories-7bfb15c1.js} +1 -1
- package/dist/storybook/assets/{check-box-ad44e0a0.js → check-box-7706d069.js} +1 -1
- package/dist/storybook/assets/check-box-805d6047.css +1 -0
- package/dist/storybook/assets/check-box.stories-bbaf5ca8.js +85 -0
- package/dist/storybook/assets/{chunk-HLWAVYOI-ed395fdb.js → chunk-HLWAVYOI-29644656.js} +1 -1
- package/dist/storybook/assets/{color-d2fb1e3b.js → color-0d791dab.js} +1 -1
- package/dist/storybook/assets/{dialog-40dde262.js → dialog-0b25d619.js} +1 -1
- package/dist/storybook/assets/dialog-94371237.css +1 -0
- package/dist/storybook/assets/{drawer-e476df7c.js → drawer-c7c47af0.js} +1 -1
- package/dist/storybook/assets/{drawer.stories-76a4403a.js → drawer.stories-6ed88208.js} +1 -1
- package/dist/storybook/assets/{empty.stories-21052b58.js → empty.stories-3ddba209.js} +1 -1
- package/dist/storybook/assets/{file-input.stories-a01c29f2.js → file-input.stories-fd7de460.js} +1 -1
- package/dist/storybook/assets/{flex-1d14d86c.js → flex-47732c42.js} +1 -1
- package/dist/storybook/assets/{flex.stories-a21b94c6.js → flex.stories-7e374469.js} +1 -1
- package/dist/storybook/assets/{footer.stories-ece28f40.js → footer.stories-be696df7.js} +1 -1
- package/dist/storybook/assets/{form.stories-7509662d.js → form.stories-def0936d.js} +1 -1
- package/dist/storybook/assets/{formation.stories-125bdb1f.js → formation.stories-699c7871.js} +1 -1
- package/dist/storybook/assets/{formatter-SWP5E3XI-8b2daab6.js → formatter-SWP5E3XI-bdd67232.js} +1 -1
- package/dist/storybook/assets/{heading.stories-bfa125db.js → heading.stories-0deaa288.js} +1 -1
- package/dist/storybook/assets/{icon.stories-fa9a3f79.js → icon.stories-738838fc.js} +1 -1
- package/dist/storybook/assets/{iframe-18a40cad.js → iframe-d9853d67.js} +1 -1
- package/dist/storybook/assets/{index-956cc414.js → index-4997c9dc.js} +4 -4
- package/dist/storybook/assets/{input-group.stories-6f17eee6.js → input-group.stories-3bffb32f.js} +1 -1
- package/dist/storybook/assets/{input-validation-6d2751ec.js → input-validation-aaf1c48a.js} +1 -1
- package/dist/storybook/assets/{inputs-1eaeedd7.js → inputs-fc74a6a6.js} +1 -1
- package/dist/storybook/assets/{layout-forms-54a5eb0c.js → layout-forms-76617c35.js} +1 -1
- package/dist/storybook/assets/{layout-general-30e39418.js → layout-general-f1950619.js} +1 -1
- package/dist/storybook/assets/{list-604aeba9.js → list-bc2bb312.js} +1 -1
- package/dist/storybook/assets/{list-heading-6af54ffe.js → list-heading-f838e8b9.js} +1 -1
- package/dist/storybook/assets/{list.stories-146deeac.js → list.stories-d3b5454a.js} +1 -1
- package/dist/storybook/assets/{list.stories-data-a55b3c26.js → list.stories-data-0bf85e7c.js} +1 -1
- package/dist/storybook/assets/{loader.stories-c7ef1053.js → loader.stories-345ac97b.js} +1 -1
- package/dist/storybook/assets/{menu.stories-data-0d3161d5.js → menu.stories-data-50e9f9fe.js} +1 -1
- package/dist/storybook/assets/{menu.stories-7484afd0.js → menu.stories-f4ee2169.js} +1 -1
- package/dist/storybook/assets/{message.stories-e6f516f0.js → message.stories-81522f59.js} +1 -1
- package/dist/storybook/assets/{modal.stories-702b941c.js → modal.stories-97ff9179.js} +1 -1
- package/dist/storybook/assets/{number-input.stories-ceae55a2.js → number-input.stories-820d854b.js} +1 -1
- package/dist/storybook/assets/{option-dropdown.stories-02bbdf0b.js → option-dropdown.stories-d690de77.js} +1 -1
- package/dist/storybook/assets/option-dropdown.stories-eee9bc8d.css +1 -0
- package/dist/storybook/assets/{padding-and-spacing-e4d41853.js → padding-and-spacing-86cee39b.js} +1 -1
- package/dist/storybook/assets/{page.stories-99810f9b.js → page.stories-7a5d6597.js} +1 -1
- package/dist/storybook/assets/{pagination-e67eab9e.js → pagination-cfbe0404.js} +1 -1
- package/dist/storybook/assets/{pagination.stories-14d2e2e6.js → pagination.stories-ccbc8a0d.js} +1 -1
- package/dist/storybook/assets/{pop-confirm.stories-d923bc13.js → pop-confirm.stories-6593bb61.js} +1 -1
- package/dist/storybook/assets/popover-2bc1502d.js +1 -0
- package/dist/storybook/assets/popover-e0bfd3a6.css +1 -0
- package/dist/storybook/assets/{popover.stories-2052c0d2.js → popover.stories-81a6f8cd.js} +1 -1
- package/dist/storybook/assets/preview-d6d8b5a6.js +1 -0
- package/dist/storybook/assets/{preview-7b99eb63.css → preview-dfed001c.css} +1 -1
- package/dist/storybook/assets/{preview-3299ac1e.js → preview-ff579ef7.js} +1 -1
- package/dist/storybook/assets/{projects.stories-cef9f3cc.js → projects.stories-7c2f981c.js} +1 -1
- package/dist/storybook/assets/{radio-button-51c840d9.js → radio-button-b7f25f00.js} +1 -1
- package/dist/storybook/assets/radio-button-bd9936b8.css +1 -0
- package/dist/storybook/assets/{radio-button.stories-f2c6e122.js → radio-button.stories-b5f9a271.js} +1 -1
- package/dist/storybook/assets/{reservoirs.stories-4a43e6d3.js → reservoirs.stories-dad5573f.js} +1 -1
- package/dist/storybook/assets/{rich-text-input.stories-30de481c.js → rich-text-input.stories-8b81b03f.js} +1 -1
- package/dist/storybook/assets/{row.stories-d62bb1c0.js → row.stories-3302da9d.js} +1 -1
- package/dist/storybook/assets/select-b6dc3cfe.css +1 -0
- package/dist/storybook/assets/{select-bf0e32b3.js → select-c8f67cba.js} +1 -1
- package/dist/storybook/assets/{select.stories-7b185f6d.js → select.stories-2aa0ad4a.js} +1 -1
- package/dist/storybook/assets/{side-bar-318c1372.js → side-bar-340baf4a.js} +1 -1
- package/dist/storybook/assets/{side-bar.stories-ce6da892.js → side-bar.stories-06f6e222.js} +1 -1
- package/dist/storybook/assets/{site.stories-1a04e17e.js → site.stories-e87829fd.js} +1 -1
- package/dist/storybook/assets/{slider-9969bc16.js → slider-054cbf00.js} +1 -1
- package/dist/storybook/assets/{slider.stories-e3243610.js → slider.stories-912acff7.js} +1 -1
- package/dist/storybook/assets/{spacer.stories-2c12cf63.js → spacer.stories-bab3f7b3.js} +1 -1
- package/dist/storybook/assets/{syntaxhighlighter-NMPM6SWI-81266b29.js → syntaxhighlighter-NMPM6SWI-263ddad6.js} +1 -1
- package/dist/storybook/assets/{table-2bfd6f52.js → table-14d09eed.js} +1 -1
- package/dist/storybook/assets/table-80a2a138.css +1 -0
- package/dist/storybook/assets/{table.stories-27ce4fbe.js → table.stories-a7b6a314.js} +1 -1
- package/dist/storybook/assets/{table.stories-data-92bfac80.js → table.stories-data-609c613f.js} +1 -1
- package/dist/storybook/assets/{textarea-c61660c1.js → textarea-cd192287.js} +1 -1
- package/dist/storybook/assets/{textarea.stories-3bc6c951.js → textarea.stories-72c40473.js} +1 -1
- package/dist/storybook/assets/{title.stories-5c989fc3.js → title.stories-8f355b1b.js} +1 -1
- package/dist/storybook/assets/{toaster-4d5b5be9.css → toaster-ec06371b.css} +1 -1
- package/dist/storybook/assets/{toaster-34943a35.js → toaster-fcfecfd1.js} +1 -1
- package/dist/storybook/assets/{toaster.stories-9ed0a5fe.js → toaster.stories-155c7136.js} +1 -1
- package/dist/storybook/assets/toggle-d9a0cd27.css +1 -0
- package/dist/storybook/assets/toggle-e8622d72.js +1 -0
- package/dist/storybook/assets/{toggle.stories-db3bd442.js → toggle.stories-f186fa2f.js} +1 -1
- package/dist/storybook/assets/{tooltip.test-case.stories-23eef185.js → tooltip.test-case.stories-cc1e44f4.js} +1 -1
- package/dist/storybook/assets/top-bar-80ceac9d.css +1 -0
- package/dist/storybook/assets/top-bar-952f0e1a.js +1 -0
- package/dist/storybook/assets/{top-bar.stories-eddebe9c.js → top-bar.stories-05be5d4c.js} +1 -1
- package/dist/storybook/assets/{top-bar.testcase.stories-f8f7976e.js → top-bar.testcase.stories-9383705f.js} +1 -1
- package/dist/storybook/assets/{tree.stories-f47131ff.js → tree.stories-706f7fae.js} +1 -1
- package/dist/storybook/assets/types-912e634b.js +1 -0
- package/dist/storybook/assets/types-d3488797.css +1 -0
- package/dist/storybook/iframe.html +1 -1
- package/dist/storybook/index.json +1 -1
- package/dist/storybook/project.json +1 -1
- package/dist/storybook/stories.json +1 -1
- package/package.json +1 -1
- package/dist/storybook/assets/actions-8d0b2ecf.css +0 -1
- package/dist/storybook/assets/button-b23dc30f.css +0 -1
- package/dist/storybook/assets/check-box-38d2a540.css +0 -1
- package/dist/storybook/assets/check-box.stories-fc7335e7.js +0 -61
- package/dist/storybook/assets/dialog-f5aebced.css +0 -1
- package/dist/storybook/assets/option-dropdown.stories-a6ab189e.css +0 -1
- package/dist/storybook/assets/popover-9574cced.js +0 -1
- package/dist/storybook/assets/popover-a815efe8.css +0 -1
- package/dist/storybook/assets/preview-d0eafbc4.js +0 -1
- package/dist/storybook/assets/radio-button-f8d9c1df.css +0 -1
- package/dist/storybook/assets/select-e8982dde.css +0 -1
- package/dist/storybook/assets/table-598fbfba.css +0 -1
- package/dist/storybook/assets/toggle-70e3248e.js +0 -1
- package/dist/storybook/assets/toggle-d03dba0c.css +0 -1
- package/dist/storybook/assets/top-bar-8d14f827.js +0 -1
- package/dist/storybook/assets/top-bar-c8e022c8.css +0 -1
- package/dist/storybook/assets/types-597568b1.css +0 -1
- package/dist/storybook/assets/types-d4d30d1e.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as n}from"./jsx-runtime-f961835c.js";import{r as V}from"./index-f80c8c95.js";import{c as j}from"./index-a80ed1cf.js";import{I as He,D as Pe,C as Le,P as Fe}from"./index.es-ddd8aaab.js";import{l as De}from"./lodash-75c70a11.js";import{A as ge}from"./actions-ac539aa1.js";import{H as $e}from"./heading-e7d165ab.js";import{P as Oe}from"./pagination-e67eab9e.js";import{A as b,I as $}from"./common-types-2c81813f.js";import{I as Be}from"./input-d116362c.js";import{N as Me}from"./number-input-2867677b.js";import{S as Ge}from"./select-bf0e32b3.js";import{D as Ue}from"./disabled-context-d654f6ff.js";import{i as O}from"./types-332ceaf3.js";import{T as fe}from"./tooltip-23e84186.js";import{C as Xe}from"./check-box-ad44e0a0.js";import{S as Je}from"./slider-9969bc16.js";import{I as B}from"./icon-afbea088.js";import{P as Ke}from"./popover-9574cced.js";import{H as Ee}from"./help-icon-45458fb1.js";import{T as ee}from"./text-ad1f5f1d.js";const ze="_inputInTable_1nrsa_1",Ye="_inputHover_1nrsa_13",Qe="_inputFocus_1nrsa_18",Ze="_inputError_1nrsa_25",en="_inputWarning_1nrsa_26",nn="_inputDisabled_1nrsa_61",tn="_hideScrollbars_1nrsa_67",rn="_wrapper_1nrsa_86",an="_bordered_1nrsa_94",ln="_scroll_1nrsa_99",on="_table_1nrsa_109",sn="_striped_1nrsa_189",H={inputInTable:ze,inputHover:Ye,inputFocus:Qe,inputError:Ze,inputWarning:en,inputDisabled:nn,hideScrollbars:tn,wrapper:rn,bordered:an,scroll:ln,table:on,striped:sn},cn="_title_15m3r_1",dn={title:cn},U=({name:e=null,actions:t=null,actionsRight:a=!1,testId:l})=>{const r=e!==null,o=t!==null;if(!r&&!o)return null;const s=()=>{if(!o)return null;const u=n.jsx(ge,{actions:t});return a?u:n.jsx("div",{children:u})};return n.jsxs("div",{className:dn.title,children:[r?n.jsx($e,{children:n.jsx("span",{"data-testid":l,children:e})}):null,s()]})};try{U.displayName="Title",U.__docgenInfo={description:"",displayName:"Title",props:{name:{defaultValue:{value:"null"},description:"",name:"name",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},actions:{defaultValue:{value:"null"},description:"",name:"actions",required:!1,type:{name:"any"}},actionsRight:{defaultValue:{value:"false"},description:"",name:"actionsRight",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const un="_footer_u47t6_1",pn="_section_u47t6_7",ne={footer:un,section:pn},X=({colSpan:e,pagination:t,actions:a,content:l})=>{const r=a&&a.length,o=l!=null,s=()=>{var c,p;if(t){const{rowCount:d,rowsPerPage:g}=t,y=Number((p=(c=g==null?void 0:g.options)==null?void 0:c[0])==null?void 0:p.value);return d>y}return!1};return r||o||s()?n.jsxs("div",{className:ne.footer,children:[o?n.jsx("div",{className:ne.section,children:n.jsx("div",{children:l})}):null,r||s()?n.jsxs("div",{className:ne.section,children:[s()?n.jsx(Oe,{pagination:t}):n.jsx("div",{}),r&&n.jsx("div",{children:n.jsx(ge,{actions:a})})]}):null]}):null};try{X.displayName="Footer",X.__docgenInfo={description:"",displayName:"Footer",props:{colSpan:{defaultValue:null,description:"",name:"colSpan",required:!1,type:{name:"number"}},pagination:{defaultValue:null,description:"",name:"pagination",required:!0,type:{name:"IPagination"}},actions:{defaultValue:null,description:"",name:"actions",required:!1,type:{name:"IAction[]"}},content:{defaultValue:null,description:"",name:"content",required:!1,type:{name:"ReactNode"}}}}}catch{}const Se=e=>{const t=Math.max(...e.reduce((a,l)=>{const r=l.cells.map(o=>o.colSpan?o.colSpan:1).reduce((o,s)=>o+s,0);return a.concat(r)},[]));return isNaN(t)?0:t},mn=(e,t)=>{const a=[Se(t),Se(e)];return Math.max(...a)},Te=e=>e.reduce((t,a)=>a.actions&&a.actions.length>0?1:t,0),_n=(e,t)=>Te(t)>0||Te(e)>0,J=({table:e,children:t})=>{const{rows:a,infiniteScroll:l}=e,r=Math.ceil(window.innerHeight/30),[o,s]=l?V.useState(r):[a.length,null],[u,c]=l?V.useState(o<a.length):[!1,null],p=()=>{if(o>=a.length&&c){c(!1);return}s&&s(o+r)};return n.jsx("div",{id:"scrollWrapper",className:H.scroll,children:l?n.jsx(He,{dataLength:Math.min(a.length,o+r),next:p,hasMore:u,scrollableTarget:"scrollWrapper",style:{overflow:"initial"},loader:null,children:t({visibleRows:o})}):t({visibleRows:o})})};try{J.displayName="TableScrollWrapper",J.__docgenInfo={description:"",displayName:"TableScrollWrapper",props:{table:{defaultValue:null,description:"",name:"table",required:!0,type:{name:"ITableProps"}}}}}catch{}const yn="_clickableRow_11d5t_1",gn="_hoverableRow_11d5t_4",fn="_rowActive_11d5t_4",hn="_expandableRow_11d5t_8",bn="_flush_11d5t_8",Cn="_dragIconCell_11d5t_28",xn="_dragIcon_11d5t_28",R={clickableRow:yn,hoverableRow:gn,rowActive:fn,expandableRow:hn,flush:bn,dragIconCell:Cn,dragIcon:xn},K=({colSpan:e,children:t,flush:a})=>n.jsx("tr",{children:n.jsx("td",{colSpan:e,className:j(R.expandableRow,a?R.flush:""),children:t})});try{K.displayName="ExpandedContentRow",K.__docgenInfo={description:"",displayName:"ExpandedContentRow",props:{colSpan:{defaultValue:null,description:"",name:"colSpan",required:!0,type:{name:"number"}},flush:{defaultValue:null,description:"",name:"flush",required:!1,type:{name:"boolean"}}}}}catch{}const Ve=(e,t={leftAligned:"",rightAligned:"",centerAligned:""},a=!1)=>{if(!e)return null;const{bodyAlignment:l,headerAlignment:r,isHeader:o}=e;switch(o&&r?r:l){case b.LEFT:return a?b.LEFT:t.leftAligned;case b.RIGHT:return a?b.RIGHT:t.rightAligned;case b.CENTER:return a?b.CENTER:t.centerAligned;default:return a?b.LEFT:t.leftAligned}},In=(e,t=!1,a=0)=>{if(!e||e.length===0)return[];const l=e.every(o=>Array.isArray(o)),r=e.every(o=>typeof o=="string");return l&&t?e[a]||[]:r?e:(console.warn("getHeaderAlignment: alignments array contains a mix of strings and arrays, returning an empty array."),[])},Nn="_inputInTable_c2ruy_1",jn="_inputHover_c2ruy_13",wn="_inputFocus_c2ruy_18",An="_inputError_c2ruy_25",vn="_inputWarning_c2ruy_26",Rn="_inputDisabled_c2ruy_61",Sn="_hideScrollbars_c2ruy_67",Tn="_cell_c2ruy_77",Vn="_disabledLink_c2ruy_87",qn="_inputWrapper_c2ruy_91",En="_breakWord_c2ruy_106",kn="_inputCell_c2ruy_109",Wn="_sliderCell_c2ruy_112",Hn="_staticCell_c2ruy_116",Pn="_staticCellContent_c2ruy_119",Ln="_error_c2ruy_132",Fn="_warning_c2ruy_133",Dn="_unit_c2ruy_142",$n="_sortingCell_c2ruy_145",On="_sortingCellIcon_c2ruy_156",Bn="_icon_c2ruy_167",Mn="_checkBoxCell_c2ruy_171",Gn="_iconCellWrapper_c2ruy_175",Un="_actionsCell_c2ruy_179",Xn="_rightAligned_c2ruy_187",Jn="_centerAligned_c2ruy_193",Kn="_leftAligned_c2ruy_199",zn="_popover_c2ruy_202",Yn="_disabledPointerEvents_c2ruy_205",i={inputInTable:Nn,inputHover:jn,inputFocus:wn,inputError:An,inputWarning:vn,inputDisabled:Rn,hideScrollbars:Sn,cell:Tn,disabledLink:Vn,inputWrapper:qn,breakWord:En,inputCell:kn,sliderCell:Wn,staticCell:Hn,staticCellContent:Pn,error:Ln,warning:Fn,unit:Dn,sortingCell:$n,sortingCellIcon:On,icon:Bn,checkBoxCell:Mn,iconCellWrapper:Gn,actionsCell:Un,rightAligned:Xn,centerAligned:Jn,leftAligned:Kn,popover:zn,disabledPointerEvents:Yn},te=({cell:e,columnAlignment:t,testId:a})=>n.jsx(Be,{name:e.name,value:e.value,onChange:l=>{var r;return(r=e.onChange)==null?void 0:r.call(e,l)},onPaste:l=>{var r;return(r=e.onPaste)==null?void 0:r.call(e,l)},placeholder:e.placeholder,error:e.error,warning:e.warning,disabled:e.disabled,isInTable:!0,maxTooltipWidth:e.maxTooltipWidth,right:t===b.RIGHT,testId:a,tabIndex:e.disabled?-1:0,tooltip:e.tooltip});try{te.displayName="InputCell",te.__docgenInfo={description:"",displayName:"InputCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IInputCell"}},columnAlignment:{defaultValue:null,description:"",name:"columnAlignment",required:!1,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const re=({cell:e,testId:t})=>n.jsx(Me,{name:e.name,value:e.value,onChange:a=>{var l;return(l=e.onChange)==null?void 0:l.call(e,a)},placeholder:e.placeholder,error:e.error,warning:e.warning,disabled:e.disabled,isInTable:!0,left:e.left,tabIndex:e.disabled?-1:0,testId:t,tooltip:e.tooltip,validationCallback:e.validationCallback,allowEmpty:e.allowEmpty});try{re.displayName="NumberInputCell",re.__docgenInfo={description:"",displayName:"NumberInputCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"INumberInputCell"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const ae=({cell:e,columnAlignment:t,testId:a})=>n.jsx(Ge,{name:e.name,borderRadius:0,options:e.options,onChange:l=>{var r;return(r=e.onChange)==null?void 0:r.call(e,l)},onCreate:e.onCreate?l=>e.onCreate&&e.onCreate(l):void 0,error:e.error,warning:e.warning,disabled:e.disabled,placeholder:e.placeholder,isInTable:!0,value:e.value,native:e.native,clearable:e.clearable,searchable:e.searchable,deprecatedEventHandler:e.deprecatedEventHandler,maxTooltipWidth:e.maxTooltipWidth,width:"100%",autoLayerWidth:e.autoLayerWidth,right:t===b.RIGHT,testId:a,tabIndex:e.disabled?-1:0});try{ae.displayName="SelectCell",ae.__docgenInfo={description:"",displayName:"SelectCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ISelectCell"}},columnAlignment:{defaultValue:null,description:"",name:"columnAlignment",required:!1,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const le=({cell:e,columnAlignment:t,testId:a})=>n.jsx("div",{className:i.inputWrapper,children:e.type==="Input"?n.jsx(te,{cell:e,columnAlignment:t,testId:a}):e.type==="NumberInput"?n.jsx(re,{cell:e,testId:a}):e.type==="Select"?n.jsx(ae,{cell:e,columnAlignment:t,testId:a}):null});try{le.displayName="InputCellWrapper",le.__docgenInfo={description:"",displayName:"InputCellWrapper",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"any"}},columnAlignment:{defaultValue:null,description:"",name:"columnAlignment",required:!0,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const oe=({cell:e,testId:t})=>{const a=V.useContext(Ue),{error:l,warning:r,tooltip:o,maxTooltipWidth:s}=e,u=c=>O(c);return n.jsx("div",{className:i.inputWrapper,children:n.jsx(fe,{error:!!l,warning:!!r,text:o||l||r,enabled:u(o)||u(l)||u(r)||!1,maxWidth:s,placement:"bottom-center",children:n.jsx("div",{className:j(i.staticCellContent,l?i.error:r?i.warning:""),children:n.jsx("a",{className:j((e.disabled||a)&&i.disabledLink),onClick:e.disabled||a?void 0:c=>{var p;c.stopPropagation(),(p=e.onClick)==null||p.call(e,c)},"data-testid":t,children:e.value})})})})};try{oe.displayName="LinkCell",oe.__docgenInfo={description:"",displayName:"LinkCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ILinkCell"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const ie=({cell:e,testId:t})=>n.jsx(Xe,{label:e.label,checked:e.checked,isInTable:!0,disabled:e.disabled,onChange:a=>e.onChange(a),testId:t,tabIndex:e.disabled?-1:0});try{ie.displayName="CheckBoxCell",ie.__docgenInfo={description:"",displayName:"CheckBoxCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ICheckBoxCell"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const se=({cell:e})=>n.jsx("div",{className:i.inputWrapper,children:n.jsx(Je,{label:e.label,value:e.value,min:e.min,max:e.max,step:e.step,marks:e.marks,onChange:t=>e.onChange(t),showArrows:e.showArrows,showTooltip:e.showTooltip,tooltipFormatter:e.tooltipFormatter,disabled:e.disabled})});try{se.displayName="SliderCell",se.__docgenInfo={description:"",displayName:"SliderCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ISliderCell"}}}}}catch{}const ce=({cell:e})=>{const{tooltip:t,icon:a}=e;return n.jsx("div",{className:i.iconCellWrapper,children:n.jsx(fe,{text:t,enabled:!!t&&O(t),display:"flex",placement:"top-center",children:n.jsx(B,{icon:a})})})};try{ce.displayName="IconCell",ce.__docgenInfo={description:"",displayName:"IconCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IIconCell"}}}}}catch{}const de=({cell:e})=>n.jsx(ge,{actions:e.actions});try{de.displayName="ActionsCell",de.__docgenInfo={description:"",displayName:"ActionsCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IActionCell"}}}}}catch{}const ue=({cell:e})=>{const{helpIcon:t}=e;return t?n.jsx("div",{className:i.icon,children:n.jsx(Ee,{onClick:t.onClick,text:t.tooltip})}):null};try{ue.displayName="CellHelpIcon",ue.__docgenInfo={description:"",displayName:"CellHelpIcon",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IHelpIconCell"}}}}}catch{}const pe=({cell:e})=>{const{libraryIcon:t}=e;return t?n.jsx("div",{className:i.icon,children:n.jsx(Ee,{onClick:t.onClick,text:t.tooltip,icon:$.LIBRARY})}):null};try{pe.displayName="CellLibraryIcon",pe.__docgenInfo={description:"",displayName:"CellLibraryIcon",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ILibraryIconCell"}}}}}catch{}const me=({cell:e})=>{const{hasSort:t,sort:a,sortPriority:l}=e;return t?n.jsxs("span",{className:i.sortingCellIcon,children:[a==="down"?n.jsx(ee,{link:!0,children:n.jsx(B,{icon:$.SORT_ASCENDING})}):a==="up"?n.jsx(ee,{link:!0,children:n.jsx(B,{icon:$.SORT_DESCENDING})}):n.jsx(ee,{faint:!0,children:n.jsx(B,{icon:$.SORT_DESCENDING})}),l&&a?n.jsx("sup",{children:l}):null]}):null};try{me.displayName="Sort",me.__docgenInfo={description:"",displayName:"Sort",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ISortCell"}}}}}catch{}const z=({cell:e,isHeader:t,testId:a})=>{const{error:l,warning:r,tooltip:o,maxTooltipWidth:s,hasSort:u,onSort:c,type:p}=e,d=n.jsxs("div",{className:j(i.staticCellContent,p==="Unit"?i.unit:"",l?i.error:r?i.warning:""),onClick:u?g=>c&&c(g):()=>{},"data-testid":a,children:[e.value,t?n.jsxs(n.Fragment,{children:[n.jsx(ue,{cell:e}),n.jsx(pe,{cell:e}),n.jsx(me,{cell:e})]}):null]});return n.jsx("div",{className:i.inputWrapper,children:n.jsx(fe,{error:!!l,warning:!!r,text:o||l||r,enabled:o&&O(o)||l&&O(l)||r&&O(r)||!1,maxWidth:s,display:"block",placement:"bottom-center",children:d})})};try{z.displayName="StaticCell",z.__docgenInfo={description:"",displayName:"StaticCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IStaticCell"}},isHeader:{defaultValue:null,description:"",name:"isHeader",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const _e=({cell:e,testId:t})=>{const{content:a,fullWidth:l,closeOnOutsideClick:r,disabled:o}=e;return n.jsx(Ke,{content:a,fullWidth:l,closeOnOutsideClick:r,disabled:o,children:n.jsx("div",{className:i.popover,children:n.jsx(z,{cell:e,testId:t})})})};try{_e.displayName="PopoverCell",_e.__docgenInfo={description:"",displayName:"PopoverCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IPopoverCell"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const ye=({cell:e,isHeader:t,columnAlignment:a,testId:l})=>{if(!e)return null;switch(e.type){case"Input":case"NumberInput":case"Select":return n.jsx(le,{cell:e,columnAlignment:a,testId:l});case"Link":return n.jsx(oe,{cell:e,testId:l});case"CheckBox":return n.jsx(ie,{cell:e,testId:l});case"Slider":return n.jsx(se,{cell:e});case"Icon":return n.jsx(ce,{cell:e});case"Actions":return n.jsx(de,{cell:e});case"Popover":return n.jsx(_e,{cell:e});default:return n.jsx(z,{cell:e,isHeader:t,testId:l})}};try{ye.displayName="CellWrapper",ye.__docgenInfo={description:"",displayName:"CellWrapper",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"any"}},isHeader:{defaultValue:null,description:"",name:"isHeader",required:!0,type:{name:"boolean"}},columnAlignment:{defaultValue:null,description:"",name:"columnAlignment",required:!0,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}var S=(e=>(e.INPUT="Input",e.NUMBER_INPUT="NumberInput",e.SELECT="Select",e.POPOVER="Popover",e.SLIDER="Slider",e.CHECKBOX="CheckBox",e.ACTIONS="Actions",e))(S||{});const Y=({cell:e,isHeader:t,columnHeaderAlignment:a=b.LEFT,columnAlignment:l=b.LEFT,width:r,snapshot:o,testId:s})=>{if(!e)return null;const{style:u,colSpan:c,rowSpan:p,width:d}=e,g=V.useRef(null),y={bodyAlignment:l,headerAlignment:a,isHeader:t},P=Ve(y,i),C=Ve(y,i,!0),L=e.type===S.INPUT||e.type===S.NUMBER_INPUT||e.type===S.SELECT||e.type===S.POPOVER?i.inputCell:e.type===S.SLIDER?i.sliderCell:e.type===S.CHECKBOX?i.checkBoxCell:e.type===S.ACTIONS?i.actionsCell:i.staticCell,w=j(i.cell,L,e.hasSort?i.sortingCell:null,P,e.breakWord?i.breakWord:""),q=d??r??((o==null?void 0:o.isDragging)&&g.current&&g.current.offsetWidth)??void 0,x={width:q,minWidth:q,...u},A=t?"th":"td";return n.jsx(A,{ref:g,className:w,style:x,colSpan:c,rowSpan:p,children:n.jsx(ye,{cell:e,columnAlignment:C??b.RIGHT,isHeader:t,testId:s})})};try{Y.displayName="Cell",Y.__docgenInfo={description:"",displayName:"Cell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!1,type:{name:"TCellShape"}},isHeader:{defaultValue:null,description:"",name:"isHeader",required:!0,type:{name:"boolean"}},columnHeaderAlignment:{defaultValue:{value:"Align.LEFT"},description:"",name:"columnHeaderAlignment",required:!1,type:{name:"string"}},columnAlignment:{defaultValue:{value:"Align.LEFT"},description:"",name:"columnAlignment",required:!1,type:{name:"Align.LEFT | Align.RIGHT | null"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},snapshot:{defaultValue:null,description:"",name:"snapshot",required:!1,type:{name:"any"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const D=({row:e,rowIndex:t,isHeader:a=!1,columnCount:l,colSpan:r,columnHeaderAlignments:o=[],columnAlignment:s=[],hasRowActions:u,draggableTable:c=!1,snapshot:p=null,provided:d=null,width:g,columnWidths:y,testId:P})=>{const C=V.useRef(null),L=In(o,a,t),{onRowClick:w,onRowFocus:q,onRowMouseEnter:x,onRowMouseLeave:A,expandedContent:I,active:Q}=e,E=e.cells.map((h,v)=>{const he=`${a?0:1}_${t}_${v}`;return n.jsx(Y,{cell:h,isHeader:a,columnAlignment:s[v],columnHeaderAlignment:L[v],width:y?y[v]:void 0,snapshot:p,testId:h.testId},he)}),T=u&&n.jsx(Y,{cell:{type:S.ACTIONS,actions:e.actions},isHeader:a},l),k=(h,v)=>({minWidth:h&&`${g}px`,width:h&&"100%",display:h&&"table",background:h&&"var(--color-background-listitem-active)",border:h&&"var(--color-border)",borderTop:h&&0,opacity:h&&.1,...v}),W=()=>e.noDrag?n.jsx("td",{"aria-labelledby":"unique-label-id"}):n.jsx("td",{className:R.dragIconCell,children:n.jsx("div",{...d.dragHandleProps,className:R.dragIcon,children:n.jsx(B,{icon:$.DRAG})})});return a?n.jsxs(n.Fragment,{children:[n.jsxs("tr",{ref:C,onClick:w,onMouseEnter:x,onMouseLeave:A,onFocus:q,className:j(w?R.clickableRow:null,x?R.hoverableRow:null),children:[c?n.jsx("th",{}):null,E,T]},t),I&&I.content?n.jsx(K,{colSpan:r,flush:I.flush===!0,children:I.content},`${t}_expanded_content`):null]}):n.jsxs(n.Fragment,{children:[n.jsxs("tr",{onClick:w,onMouseEnter:x,onMouseLeave:A,onFocus:q,className:j(w&&!w.noStyle?R.clickableRow:null,x&&!x.noStyle?R.hoverableRow:null,Q?R.rowActive:null),ref:(d==null?void 0:d.innerRef)||null,...(d==null?void 0:d.draggableProps)||null,style:p&&d?k(p.isDragging,d.draggableProps.style):null,children:[c?W():null,E,T]},t),I&&I.content?n.jsx(K,{colSpan:r,flush:I.flush===!0,children:I.content},`${t}_expanded_content`):null]})};try{D.displayName="Row",D.__docgenInfo={description:"",displayName:"Row",props:{row:{defaultValue:null,description:"",name:"row",required:!0,type:{name:"TRowType"}},rowIndex:{defaultValue:null,description:"",name:"rowIndex",required:!0,type:{name:"number"}},isHeader:{defaultValue:{value:"false"},description:"",name:"isHeader",required:!1,type:{name:"boolean"}},columnCount:{defaultValue:null,description:"",name:"columnCount",required:!0,type:{name:"number"}},colSpan:{defaultValue:null,description:"",name:"colSpan",required:!0,type:{name:"number"}},columnHeaderAlignments:{defaultValue:{value:"[]"},description:"",name:"columnHeaderAlignments",required:!1,type:{name:"string[] | string[][]"}},columnAlignment:{defaultValue:{value:"[]"},description:"",name:"columnAlignment",required:!1,type:{name:"string[]"}},hasRowActions:{defaultValue:null,description:"",name:"hasRowActions",required:!0,type:{name:"boolean"}},draggableTable:{defaultValue:{value:"false"},description:"",name:"draggableTable",required:!1,type:{name:"boolean"}},snapshot:{defaultValue:{value:"null"},description:"",name:"snapshot",required:!1,type:{name:"any"}},provided:{defaultValue:{value:"null"},description:"",name:"provided",required:!1,type:{name:"any"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},columnWidths:{defaultValue:null,description:"",name:"columnWidths",required:!1,type:{name:"string[]"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const qe=e=>{var Ie,Ne,je,we,Ae,ve,Re;const{onListReorder:t=()=>{},table:a}=e,{columnWidths:l,footer:r,name:o,rows:s=[],actions:u,actionsRight:c,columnHeaderAlignments:p,columnAlignment:d,striped:g=!0,testId:y,draggable:P,defaultEmptyRow:C=null,onAddRow:L=null,bordered:w=!0,maxHeight:q,fixedWidth:x}=a,A=V.useRef(null),[I,Q]=V.useState({width:0,height:0});V.useEffect(()=>{A.current&&Q({width:A.current.offsetWidth,height:A.current.offsetHeight})},[]);const E=De.get(e,"table.headers",[]),T=mn(s,E),k=_n(s,E),W=T+(k?1:0),h=r?((Ne=(Ie=r==null?void 0:r.pagination)==null?void 0:Ie.rowsPerPage)==null?void 0:Ne.value)===0||Number((je=r==null?void 0:r.pagination)==null?void 0:je.selectedPage)>=Number((we=r==null?void 0:r.pagination)==null?void 0:we.rowCount)/Number((ve=(Ae=r==null?void 0:r.pagination)==null?void 0:Ae.rowsPerPage)==null?void 0:ve.value):!0,v=((Re=C==null?void 0:C.cells)==null?void 0:Re.length)&&L&&h,ke={cells:v?C.cells.map((m,N)=>(m==null?void 0:m.type)==="Input"?{...m,onChange:_=>{var M;const f=(M=_==null?void 0:_.target)==null?void 0:M.value,F={...C,cells:C.cells.map((G,We)=>({...G,value:We===N?f:G==null?void 0:G.value}))};L({newRow:F})}}:{...m,disabled:!0}):null,testId:y?`${y}-last-empty-row`:void 0},Z=v?s.concat(ke):s,be={...a,rows:Z},Ce=j(H.wrapper,w?H.bordered:""),xe={maxHeight:q,width:x,display:x==="auto"?"inline-flex":"flex"};return P?n.jsxs("div",{ref:A,className:Ce,style:xe,children:[n.jsx(U,{actions:u,actionsRight:c,name:o,testId:y&&`${y}-title`}),n.jsx(Pe,{onDragEnd:m=>{var f,F;const N=(f=m==null?void 0:m.source)==null?void 0:f.index,_=(F=m==null?void 0:m.destination)==null?void 0:F.index;typeof N=="number"&&typeof _=="number"&&t({from:N,to:_})},children:n.jsx(Le,{droppableId:"droppable",children:m=>n.jsx(J,{table:be,children:({visibleRows:N})=>n.jsxs("table",{className:j(H.table,g?H.striped:""),"data-testid":y,ref:m.innerRef,children:[n.jsx("thead",{children:E.map((_,f)=>n.jsx(D,{rowIndex:f,isHeader:!0,row:_,columnCount:T,columnWidths:l,colSpan:W,hasRowActions:k,columnAlignment:d,columnHeaderAlignments:p,draggableTable:P},`0_${f}`))}),n.jsxs("tbody",{children:[Z.slice(0,N).map((_,f)=>n.jsx(Fe,{draggableId:f+"",index:f,isDragDisabled:_.noDrag,children:(F,M)=>n.jsx(D,{rowIndex:f,row:_,columnCount:T,columnWidths:l,colSpan:W,hasRowActions:k,columnAlignment:d,provided:F,snapshot:M,draggableTable:P,width:I.width},`1_${f}`)},`index_${f}`)),m.placeholder]})]})})})}),r&&n.jsx(X,{pagination:r.pagination,actions:r.actions,content:r.content})]}):n.jsxs("div",{className:Ce,style:xe,children:[n.jsx(U,{actions:u,actionsRight:c,name:o,testId:y&&`${y}-title`}),n.jsx(J,{table:be,children:({visibleRows:m})=>n.jsxs("table",{className:j(H.table,g?H.striped:""),"data-testid":y,children:[n.jsx("thead",{children:E.map((N,_)=>n.jsx(D,{rowIndex:_,isHeader:!0,row:N,columnCount:T,columnWidths:l,colSpan:W,hasRowActions:k,columnAlignment:d,columnHeaderAlignments:p},`0_${_}`))}),n.jsx("tbody",{children:Z.slice(0,m).map((N,_)=>n.jsx(D,{rowIndex:_,row:N,columnCount:T,columnWidths:l,colSpan:W,hasRowActions:k,columnAlignment:d},`1_${_}`))})]})}),r&&n.jsx(X,{colSpan:W,pagination:r.pagination,actions:r.actions,content:r.content})]})};try{qe.displayName="Table",qe.__docgenInfo={description:"",displayName:"Table",props:{onListReorder:{defaultValue:null,description:"",name:"onListReorder",required:!1,type:{name:"((obj: { from: number; to: number; }) => void)"}},table:{defaultValue:null,description:"",name:"table",required:!0,type:{name:"{ name?: string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null | undefined; ... 18 more ...; actions?: any; }"}}}}}catch{}export{qe as T};
|
|
1
|
+
import{j as n}from"./jsx-runtime-f961835c.js";import{r as V}from"./index-f80c8c95.js";import{c as j}from"./index-a80ed1cf.js";import{I as He,D as Pe,C as Le,P as Fe}from"./index.es-ddd8aaab.js";import{l as De}from"./lodash-75c70a11.js";import{A as fe}from"./actions-7f428221.js";import{H as $e}from"./heading-e7d165ab.js";import{P as Oe}from"./pagination-cfbe0404.js";import{A as b,I as $}from"./common-types-2c81813f.js";import{I as Be}from"./input-d116362c.js";import{N as Me}from"./number-input-2867677b.js";import{S as Ge}from"./select-c8f67cba.js";import{D as Ue}from"./disabled-context-d654f6ff.js";import{i as O}from"./types-332ceaf3.js";import{T as ye}from"./tooltip-23e84186.js";import{C as Xe}from"./check-box-7706d069.js";import{S as ze}from"./slider-054cbf00.js";import{I as B}from"./icon-afbea088.js";import{P as Je}from"./popover-2bc1502d.js";import{H as Ee}from"./help-icon-45458fb1.js";import{T as ee}from"./text-ad1f5f1d.js";const Ke="_inputInTable_1bnfd_1",Ye="_inputHover_1bnfd_13",Qe="_inputFocus_1bnfd_18",Ze="_inputError_1bnfd_25",en="_inputWarning_1bnfd_26",nn="_inputDisabled_1bnfd_61",tn="_hideScrollbars_1bnfd_67",rn="_wrapper_1bnfd_85",an="_bordered_1bnfd_93",ln="_scroll_1bnfd_98",on="_table_1bnfd_108",sn="_striped_1bnfd_191",H={inputInTable:Ke,inputHover:Ye,inputFocus:Qe,inputError:Ze,inputWarning:en,inputDisabled:nn,hideScrollbars:tn,wrapper:rn,bordered:an,scroll:ln,table:on,striped:sn},dn="_title_bzw5n_1",cn={title:dn},U=({name:e=null,actions:t=null,actionsRight:a=!1,testId:l})=>{const r=e!==null,o=t!==null;if(!r&&!o)return null;const s=()=>{if(!o)return null;const u=n.jsx(fe,{actions:t});return a?u:n.jsx("div",{children:u})};return n.jsxs("div",{className:cn.title,children:[r?n.jsx($e,{children:n.jsx("span",{"data-testid":l,children:e})}):null,s()]})};try{U.displayName="Title",U.__docgenInfo={description:"",displayName:"Title",props:{name:{defaultValue:{value:"null"},description:"",name:"name",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},actions:{defaultValue:{value:"null"},description:"",name:"actions",required:!1,type:{name:"any"}},actionsRight:{defaultValue:{value:"false"},description:"",name:"actionsRight",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const un="_footer_4sumy_1",pn="_section_4sumy_7",ne={footer:un,section:pn},X=({colSpan:e,pagination:t,actions:a,content:l})=>{const r=a&&a.length,o=l!=null,s=()=>{var d,p;if(t){const{rowCount:c,rowsPerPage:f}=t,g=Number((p=(d=f==null?void 0:f.options)==null?void 0:d[0])==null?void 0:p.value);return c>g}return!1};return r||o||s()?n.jsxs("div",{className:ne.footer,children:[o?n.jsx("div",{className:ne.section,children:n.jsx("div",{children:l})}):null,r||s()?n.jsxs("div",{className:ne.section,children:[s()?n.jsx(Oe,{pagination:t}):n.jsx("div",{}),r&&n.jsx("div",{children:n.jsx(fe,{actions:a})})]}):null]}):null};try{X.displayName="Footer",X.__docgenInfo={description:"",displayName:"Footer",props:{colSpan:{defaultValue:null,description:"",name:"colSpan",required:!1,type:{name:"number"}},pagination:{defaultValue:null,description:"",name:"pagination",required:!0,type:{name:"IPagination"}},actions:{defaultValue:null,description:"",name:"actions",required:!1,type:{name:"IAction[]"}},content:{defaultValue:null,description:"",name:"content",required:!1,type:{name:"ReactNode"}}}}}catch{}const Se=e=>{const t=Math.max(...e.reduce((a,l)=>{const r=l.cells.map(o=>o.colSpan?o.colSpan:1).reduce((o,s)=>o+s,0);return a.concat(r)},[]));return isNaN(t)?0:t},mn=(e,t)=>{const a=[Se(t),Se(e)];return Math.max(...a)},Te=e=>e.reduce((t,a)=>a.actions&&a.actions.length>0?1:t,0),_n=(e,t)=>Te(t)>0||Te(e)>0,z=({table:e,children:t})=>{const{rows:a,infiniteScroll:l}=e,r=Math.ceil(window.innerHeight/30),[o,s]=l?V.useState(r):[a.length,null],[u,d]=l?V.useState(o<a.length):[!1,null],p=()=>{if(o>=a.length&&d){d(!1);return}s&&s(o+r)};return n.jsx("div",{id:"scrollWrapper",className:H.scroll,children:l?n.jsx(He,{dataLength:Math.min(a.length,o+r),next:p,hasMore:u,scrollableTarget:"scrollWrapper",style:{overflow:"initial"},loader:null,children:t({visibleRows:o})}):t({visibleRows:o})})};try{z.displayName="TableScrollWrapper",z.__docgenInfo={description:"",displayName:"TableScrollWrapper",props:{table:{defaultValue:null,description:"",name:"table",required:!0,type:{name:"ITableProps"}}}}}catch{}const gn="_clickableRow_11d5t_1",fn="_hoverableRow_11d5t_4",yn="_rowActive_11d5t_4",hn="_expandableRow_11d5t_8",bn="_flush_11d5t_8",Cn="_dragIconCell_11d5t_28",xn="_dragIcon_11d5t_28",R={clickableRow:gn,hoverableRow:fn,rowActive:yn,expandableRow:hn,flush:bn,dragIconCell:Cn,dragIcon:xn},J=({colSpan:e,children:t,flush:a})=>n.jsx("tr",{children:n.jsx("td",{colSpan:e,className:j(R.expandableRow,a?R.flush:""),children:t})});try{J.displayName="ExpandedContentRow",J.__docgenInfo={description:"",displayName:"ExpandedContentRow",props:{colSpan:{defaultValue:null,description:"",name:"colSpan",required:!0,type:{name:"number"}},flush:{defaultValue:null,description:"",name:"flush",required:!1,type:{name:"boolean"}}}}}catch{}const Ve=(e,t={leftAligned:"",rightAligned:"",centerAligned:""},a=!1)=>{if(!e)return null;const{bodyAlignment:l,headerAlignment:r,isHeader:o}=e;switch(o&&r?r:l){case b.LEFT:return a?b.LEFT:t.leftAligned;case b.RIGHT:return a?b.RIGHT:t.rightAligned;case b.CENTER:return a?b.CENTER:t.centerAligned;default:return a?b.LEFT:t.leftAligned}},In=(e,t=!1,a=0)=>{if(!e||e.length===0)return[];const l=e.every(o=>Array.isArray(o)),r=e.every(o=>typeof o=="string");return l&&t?e[a]||[]:r?e:(console.warn("getHeaderAlignment: alignments array contains a mix of strings and arrays, returning an empty array."),[])},Nn="_inputInTable_sdi21_1",jn="_inputHover_sdi21_13",wn="_inputFocus_sdi21_18",An="_inputError_sdi21_25",vn="_inputWarning_sdi21_26",Rn="_inputDisabled_sdi21_61",Sn="_hideScrollbars_sdi21_67",Tn="_cell_sdi21_77",Vn="_disabledLink_sdi21_87",qn="_inputWrapper_sdi21_91",En="_breakWord_sdi21_106",kn="_inputCell_sdi21_109",Wn="_sliderCell_sdi21_112",Hn="_staticCell_sdi21_116",Pn="_staticCellContent_sdi21_119",Ln="_error_sdi21_131",Fn="_warning_sdi21_132",Dn="_unit_sdi21_141",$n="_sortingCell_sdi21_144",On="_sortingCellIcon_sdi21_155",Bn="_icon_sdi21_166",Mn="_checkBoxCell_sdi21_170",Gn="_iconCellWrapper_sdi21_174",Un="_actionsCell_sdi21_178",Xn="_rightAligned_sdi21_186",zn="_centerAligned_sdi21_192",Jn="_leftAligned_sdi21_198",Kn="_popover_sdi21_201",Yn="_disabledPointerEvents_sdi21_204",i={inputInTable:Nn,inputHover:jn,inputFocus:wn,inputError:An,inputWarning:vn,inputDisabled:Rn,hideScrollbars:Sn,cell:Tn,disabledLink:Vn,inputWrapper:qn,breakWord:En,inputCell:kn,sliderCell:Wn,staticCell:Hn,staticCellContent:Pn,error:Ln,warning:Fn,unit:Dn,sortingCell:$n,sortingCellIcon:On,icon:Bn,checkBoxCell:Mn,iconCellWrapper:Gn,actionsCell:Un,rightAligned:Xn,centerAligned:zn,leftAligned:Jn,popover:Kn,disabledPointerEvents:Yn},te=({cell:e,columnAlignment:t,testId:a})=>n.jsx(Be,{name:e.name,value:e.value,onChange:l=>{var r;return(r=e.onChange)==null?void 0:r.call(e,l)},onPaste:l=>{var r;return(r=e.onPaste)==null?void 0:r.call(e,l)},placeholder:e.placeholder,error:e.error,warning:e.warning,disabled:e.disabled,isInTable:!0,maxTooltipWidth:e.maxTooltipWidth,right:t===b.RIGHT,testId:a,tabIndex:e.disabled?-1:0,tooltip:e.tooltip});try{te.displayName="InputCell",te.__docgenInfo={description:"",displayName:"InputCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IInputCell"}},columnAlignment:{defaultValue:null,description:"",name:"columnAlignment",required:!1,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const re=({cell:e,testId:t})=>n.jsx(Me,{name:e.name,value:e.value,onChange:a=>{var l;return(l=e.onChange)==null?void 0:l.call(e,a)},placeholder:e.placeholder,error:e.error,warning:e.warning,disabled:e.disabled,isInTable:!0,left:e.left,tabIndex:e.disabled?-1:0,testId:t,tooltip:e.tooltip,validationCallback:e.validationCallback,allowEmpty:e.allowEmpty});try{re.displayName="NumberInputCell",re.__docgenInfo={description:"",displayName:"NumberInputCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"INumberInputCell"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const ae=({cell:e,columnAlignment:t,testId:a})=>n.jsx(Ge,{name:e.name,borderRadius:0,options:e.options,onChange:l=>{var r;return(r=e.onChange)==null?void 0:r.call(e,l)},onCreate:e.onCreate?l=>e.onCreate&&e.onCreate(l):void 0,error:e.error,warning:e.warning,disabled:e.disabled,placeholder:e.placeholder,isInTable:!0,value:e.value,native:e.native,clearable:e.clearable,searchable:e.searchable,deprecatedEventHandler:e.deprecatedEventHandler,maxTooltipWidth:e.maxTooltipWidth,width:"100%",autoLayerWidth:e.autoLayerWidth,right:t===b.RIGHT,testId:a,tabIndex:e.disabled?-1:0});try{ae.displayName="SelectCell",ae.__docgenInfo={description:"",displayName:"SelectCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ISelectCell"}},columnAlignment:{defaultValue:null,description:"",name:"columnAlignment",required:!1,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const le=({cell:e,columnAlignment:t,testId:a})=>n.jsx("div",{className:i.inputWrapper,children:e.type==="Input"?n.jsx(te,{cell:e,columnAlignment:t,testId:a}):e.type==="NumberInput"?n.jsx(re,{cell:e,testId:a}):e.type==="Select"?n.jsx(ae,{cell:e,columnAlignment:t,testId:a}):null});try{le.displayName="InputCellWrapper",le.__docgenInfo={description:"",displayName:"InputCellWrapper",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"any"}},columnAlignment:{defaultValue:null,description:"",name:"columnAlignment",required:!0,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const oe=({cell:e,testId:t})=>{const a=V.useContext(Ue),{error:l,warning:r,tooltip:o,maxTooltipWidth:s}=e,u=d=>O(d);return n.jsx("div",{className:i.inputWrapper,children:n.jsx(ye,{error:!!l,warning:!!r,text:o||l||r,enabled:u(o)||u(l)||u(r)||!1,maxWidth:s,placement:"bottom-center",children:n.jsx("div",{className:j(i.staticCellContent,l?i.error:r?i.warning:""),children:n.jsx("a",{className:j((e.disabled||a)&&i.disabledLink),onClick:e.disabled||a?void 0:d=>{var p;d.stopPropagation(),(p=e.onClick)==null||p.call(e,d)},"data-testid":t,children:e.value})})})})};try{oe.displayName="LinkCell",oe.__docgenInfo={description:"",displayName:"LinkCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ILinkCell"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const ie=({cell:e,testId:t})=>n.jsx(Xe,{label:e.label,checked:e.checked,isInTable:!0,disabled:e.disabled,onChange:a=>e.onChange(a),testId:t,tabIndex:e.disabled?-1:0});try{ie.displayName="CheckBoxCell",ie.__docgenInfo={description:"",displayName:"CheckBoxCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ICheckBoxCell"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const se=({cell:e})=>n.jsx("div",{className:i.inputWrapper,children:n.jsx(ze,{label:e.label,value:e.value,min:e.min,max:e.max,step:e.step,marks:e.marks,onChange:t=>e.onChange(t),showArrows:e.showArrows,showTooltip:e.showTooltip,tooltipFormatter:e.tooltipFormatter,disabled:e.disabled})});try{se.displayName="SliderCell",se.__docgenInfo={description:"",displayName:"SliderCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ISliderCell"}}}}}catch{}const de=({cell:e})=>{const{tooltip:t,icon:a}=e;return n.jsx("div",{className:i.iconCellWrapper,children:n.jsx(ye,{text:t,enabled:!!t&&O(t),display:"flex",placement:"top-center",children:n.jsx(B,{icon:a})})})};try{de.displayName="IconCell",de.__docgenInfo={description:"",displayName:"IconCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IIconCell"}}}}}catch{}const ce=({cell:e})=>n.jsx(fe,{actions:e.actions});try{ce.displayName="ActionsCell",ce.__docgenInfo={description:"",displayName:"ActionsCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IActionCell"}}}}}catch{}const ue=({cell:e})=>{const{helpIcon:t}=e;return t?n.jsx("div",{className:i.icon,children:n.jsx(Ee,{onClick:t.onClick,text:t.tooltip})}):null};try{ue.displayName="CellHelpIcon",ue.__docgenInfo={description:"",displayName:"CellHelpIcon",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IHelpIconCell"}}}}}catch{}const pe=({cell:e})=>{const{libraryIcon:t}=e;return t?n.jsx("div",{className:i.icon,children:n.jsx(Ee,{onClick:t.onClick,text:t.tooltip,icon:$.LIBRARY})}):null};try{pe.displayName="CellLibraryIcon",pe.__docgenInfo={description:"",displayName:"CellLibraryIcon",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ILibraryIconCell"}}}}}catch{}const me=({cell:e})=>{const{hasSort:t,sort:a,sortPriority:l}=e;return t?n.jsxs("span",{className:i.sortingCellIcon,children:[a==="down"?n.jsx(ee,{link:!0,children:n.jsx(B,{icon:$.SORT_ASCENDING})}):a==="up"?n.jsx(ee,{link:!0,children:n.jsx(B,{icon:$.SORT_DESCENDING})}):n.jsx(ee,{faint:!0,children:n.jsx(B,{icon:$.SORT_DESCENDING})}),l&&a?n.jsx("sup",{children:l}):null]}):null};try{me.displayName="Sort",me.__docgenInfo={description:"",displayName:"Sort",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ISortCell"}}}}}catch{}const K=({cell:e,isHeader:t,testId:a})=>{const{error:l,warning:r,tooltip:o,maxTooltipWidth:s,hasSort:u,onSort:d,type:p}=e,c=n.jsxs("div",{className:j(i.staticCellContent,p==="Unit"?i.unit:"",l?i.error:r?i.warning:""),onClick:u?f=>d&&d(f):()=>{},"data-testid":a,children:[e.value,t?n.jsxs(n.Fragment,{children:[n.jsx(ue,{cell:e}),n.jsx(pe,{cell:e}),n.jsx(me,{cell:e})]}):null]});return n.jsx("div",{className:i.inputWrapper,children:n.jsx(ye,{error:!!l,warning:!!r,text:o||l||r,enabled:o&&O(o)||l&&O(l)||r&&O(r)||!1,maxWidth:s,display:"block",placement:"bottom-center",children:c})})};try{K.displayName="StaticCell",K.__docgenInfo={description:"",displayName:"StaticCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IStaticCell"}},isHeader:{defaultValue:null,description:"",name:"isHeader",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const _e=({cell:e,testId:t})=>{const{content:a,fullWidth:l,closeOnOutsideClick:r,disabled:o}=e;return n.jsx(Je,{content:a,fullWidth:l,closeOnOutsideClick:r,disabled:o,children:n.jsx("div",{className:i.popover,children:n.jsx(K,{cell:e,testId:t})})})};try{_e.displayName="PopoverCell",_e.__docgenInfo={description:"",displayName:"PopoverCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IPopoverCell"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const ge=({cell:e,isHeader:t,columnAlignment:a,testId:l})=>{if(!e)return null;switch(e.type){case"Input":case"NumberInput":case"Select":return n.jsx(le,{cell:e,columnAlignment:a,testId:l});case"Link":return n.jsx(oe,{cell:e,testId:l});case"CheckBox":return n.jsx(ie,{cell:e,testId:l});case"Slider":return n.jsx(se,{cell:e});case"Icon":return n.jsx(de,{cell:e});case"Actions":return n.jsx(ce,{cell:e});case"Popover":return n.jsx(_e,{cell:e});default:return n.jsx(K,{cell:e,isHeader:t,testId:l})}};try{ge.displayName="CellWrapper",ge.__docgenInfo={description:"",displayName:"CellWrapper",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"any"}},isHeader:{defaultValue:null,description:"",name:"isHeader",required:!0,type:{name:"boolean"}},columnAlignment:{defaultValue:null,description:"",name:"columnAlignment",required:!0,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}var S=(e=>(e.INPUT="Input",e.NUMBER_INPUT="NumberInput",e.SELECT="Select",e.POPOVER="Popover",e.SLIDER="Slider",e.CHECKBOX="CheckBox",e.ACTIONS="Actions",e))(S||{});const Y=({cell:e,isHeader:t,columnHeaderAlignment:a=b.LEFT,columnAlignment:l=b.LEFT,width:r,snapshot:o,testId:s})=>{if(!e)return null;const{style:u,colSpan:d,rowSpan:p,width:c}=e,f=V.useRef(null),g={bodyAlignment:l,headerAlignment:a,isHeader:t},P=Ve(g,i),C=Ve(g,i,!0),L=e.type===S.INPUT||e.type===S.NUMBER_INPUT||e.type===S.SELECT||e.type===S.POPOVER?i.inputCell:e.type===S.SLIDER?i.sliderCell:e.type===S.CHECKBOX?i.checkBoxCell:e.type===S.ACTIONS?i.actionsCell:i.staticCell,w=j(i.cell,L,e.hasSort?i.sortingCell:null,P,e.breakWord?i.breakWord:""),q=c??r??((o==null?void 0:o.isDragging)&&f.current&&f.current.offsetWidth)??void 0,x={width:q,minWidth:q,...u},A=t?"th":"td";return n.jsx(A,{ref:f,className:w,style:x,colSpan:d,rowSpan:p,children:n.jsx(ge,{cell:e,columnAlignment:C??b.RIGHT,isHeader:t,testId:s})})};try{Y.displayName="Cell",Y.__docgenInfo={description:"",displayName:"Cell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!1,type:{name:"TCellShape"}},isHeader:{defaultValue:null,description:"",name:"isHeader",required:!0,type:{name:"boolean"}},columnHeaderAlignment:{defaultValue:{value:"Align.LEFT"},description:"",name:"columnHeaderAlignment",required:!1,type:{name:"string"}},columnAlignment:{defaultValue:{value:"Align.LEFT"},description:"",name:"columnAlignment",required:!1,type:{name:"Align.LEFT | Align.RIGHT | null"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},snapshot:{defaultValue:null,description:"",name:"snapshot",required:!1,type:{name:"any"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const D=({row:e,rowIndex:t,isHeader:a=!1,columnCount:l,colSpan:r,columnHeaderAlignments:o=[],columnAlignment:s=[],hasRowActions:u,draggableTable:d=!1,snapshot:p=null,provided:c=null,width:f,columnWidths:g,testId:P})=>{const C=V.useRef(null),L=In(o,a,t),{onRowClick:w,onRowFocus:q,onRowMouseEnter:x,onRowMouseLeave:A,expandedContent:I,active:Q}=e,E=e.cells.map((h,v)=>{const he=`${a?0:1}_${t}_${v}`;return n.jsx(Y,{cell:h,isHeader:a,columnAlignment:s[v],columnHeaderAlignment:L[v],width:g?g[v]:void 0,snapshot:p,testId:h.testId},he)}),T=u&&n.jsx(Y,{cell:{type:S.ACTIONS,actions:e.actions},isHeader:a},l),k=(h,v)=>({minWidth:h&&`${f}px`,width:h&&"100%",display:h&&"table",background:h&&"var(--color-background-listitem-active)",border:h&&"var(--color-border)",borderTop:h&&0,opacity:h&&.1,...v}),W=()=>e.noDrag?n.jsx("td",{"aria-labelledby":"unique-label-id"}):n.jsx("td",{className:R.dragIconCell,children:n.jsx("div",{...c.dragHandleProps,className:R.dragIcon,children:n.jsx(B,{icon:$.DRAG})})});return a?n.jsxs(n.Fragment,{children:[n.jsxs("tr",{ref:C,onClick:w,onMouseEnter:x,onMouseLeave:A,onFocus:q,className:j(w?R.clickableRow:null,x?R.hoverableRow:null),children:[d?n.jsx("th",{}):null,E,T]},t),I&&I.content?n.jsx(J,{colSpan:r,flush:I.flush===!0,children:I.content},`${t}_expanded_content`):null]}):n.jsxs(n.Fragment,{children:[n.jsxs("tr",{onClick:w,onMouseEnter:x,onMouseLeave:A,onFocus:q,className:j(w&&!w.noStyle?R.clickableRow:null,x&&!x.noStyle?R.hoverableRow:null,Q?R.rowActive:null),ref:(c==null?void 0:c.innerRef)||null,...(c==null?void 0:c.draggableProps)||null,style:p&&c?k(p.isDragging,c.draggableProps.style):null,children:[d?W():null,E,T]},t),I&&I.content?n.jsx(J,{colSpan:r,flush:I.flush===!0,children:I.content},`${t}_expanded_content`):null]})};try{D.displayName="Row",D.__docgenInfo={description:"",displayName:"Row",props:{row:{defaultValue:null,description:"",name:"row",required:!0,type:{name:"TRowType"}},rowIndex:{defaultValue:null,description:"",name:"rowIndex",required:!0,type:{name:"number"}},isHeader:{defaultValue:{value:"false"},description:"",name:"isHeader",required:!1,type:{name:"boolean"}},columnCount:{defaultValue:null,description:"",name:"columnCount",required:!0,type:{name:"number"}},colSpan:{defaultValue:null,description:"",name:"colSpan",required:!0,type:{name:"number"}},columnHeaderAlignments:{defaultValue:{value:"[]"},description:"",name:"columnHeaderAlignments",required:!1,type:{name:"string[] | string[][]"}},columnAlignment:{defaultValue:{value:"[]"},description:"",name:"columnAlignment",required:!1,type:{name:"string[]"}},hasRowActions:{defaultValue:null,description:"",name:"hasRowActions",required:!0,type:{name:"boolean"}},draggableTable:{defaultValue:{value:"false"},description:"",name:"draggableTable",required:!1,type:{name:"boolean"}},snapshot:{defaultValue:{value:"null"},description:"",name:"snapshot",required:!1,type:{name:"any"}},provided:{defaultValue:{value:"null"},description:"",name:"provided",required:!1,type:{name:"any"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},columnWidths:{defaultValue:null,description:"",name:"columnWidths",required:!1,type:{name:"string[]"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const qe=e=>{var Ie,Ne,je,we,Ae,ve,Re;const{onListReorder:t=()=>{},table:a}=e,{columnWidths:l,footer:r,name:o,rows:s=[],actions:u,actionsRight:d,columnHeaderAlignments:p,columnAlignment:c,striped:f=!0,testId:g,draggable:P,defaultEmptyRow:C=null,onAddRow:L=null,bordered:w=!0,maxHeight:q,fixedWidth:x}=a,A=V.useRef(null),[I,Q]=V.useState({width:0,height:0});V.useEffect(()=>{A.current&&Q({width:A.current.offsetWidth,height:A.current.offsetHeight})},[]);const E=De.get(e,"table.headers",[]),T=mn(s,E),k=_n(s,E),W=T+(k?1:0),h=r?((Ne=(Ie=r==null?void 0:r.pagination)==null?void 0:Ie.rowsPerPage)==null?void 0:Ne.value)===0||Number((je=r==null?void 0:r.pagination)==null?void 0:je.selectedPage)>=Number((we=r==null?void 0:r.pagination)==null?void 0:we.rowCount)/Number((ve=(Ae=r==null?void 0:r.pagination)==null?void 0:Ae.rowsPerPage)==null?void 0:ve.value):!0,v=((Re=C==null?void 0:C.cells)==null?void 0:Re.length)&&L&&h,ke={cells:v?C.cells.map((m,N)=>(m==null?void 0:m.type)==="Input"?{...m,onChange:_=>{var M;const y=(M=_==null?void 0:_.target)==null?void 0:M.value,F={...C,cells:C.cells.map((G,We)=>({...G,value:We===N?y:G==null?void 0:G.value}))};L({newRow:F})}}:{...m,disabled:!0}):null,testId:g?`${g}-last-empty-row`:void 0},Z=v?s.concat(ke):s,be={...a,rows:Z},Ce=j(H.wrapper,w?H.bordered:""),xe={maxHeight:q,width:x,display:x==="auto"?"inline-flex":"flex"};return P?n.jsxs("div",{ref:A,className:Ce,style:xe,children:[n.jsx(U,{actions:u,actionsRight:d,name:o,testId:g&&`${g}-title`}),n.jsx(Pe,{onDragEnd:m=>{var y,F;const N=(y=m==null?void 0:m.source)==null?void 0:y.index,_=(F=m==null?void 0:m.destination)==null?void 0:F.index;typeof N=="number"&&typeof _=="number"&&t({from:N,to:_})},children:n.jsx(Le,{droppableId:"droppable",children:m=>n.jsx(z,{table:be,children:({visibleRows:N})=>n.jsxs("table",{className:j(H.table,f?H.striped:""),"data-testid":g,ref:m.innerRef,children:[n.jsx("thead",{children:E.map((_,y)=>n.jsx(D,{rowIndex:y,isHeader:!0,row:_,columnCount:T,columnWidths:l,colSpan:W,hasRowActions:k,columnAlignment:c,columnHeaderAlignments:p,draggableTable:P},`0_${y}`))}),n.jsxs("tbody",{children:[Z.slice(0,N).map((_,y)=>n.jsx(Fe,{draggableId:y+"",index:y,isDragDisabled:_.noDrag,children:(F,M)=>n.jsx(D,{rowIndex:y,row:_,columnCount:T,columnWidths:l,colSpan:W,hasRowActions:k,columnAlignment:c,provided:F,snapshot:M,draggableTable:P,width:I.width},`1_${y}`)},`index_${y}`)),m.placeholder]})]})})})}),r&&n.jsx(X,{pagination:r.pagination,actions:r.actions,content:r.content})]}):n.jsxs("div",{className:Ce,style:xe,children:[n.jsx(U,{actions:u,actionsRight:d,name:o,testId:g&&`${g}-title`}),n.jsx(z,{table:be,children:({visibleRows:m})=>n.jsxs("table",{className:j(H.table,f?H.striped:""),"data-testid":g,children:[n.jsx("thead",{children:E.map((N,_)=>n.jsx(D,{rowIndex:_,isHeader:!0,row:N,columnCount:T,columnWidths:l,colSpan:W,hasRowActions:k,columnAlignment:c,columnHeaderAlignments:p},`0_${_}`))}),n.jsx("tbody",{children:Z.slice(0,m).map((N,_)=>n.jsx(D,{rowIndex:_,row:N,columnCount:T,columnWidths:l,colSpan:W,hasRowActions:k,columnAlignment:c},`1_${_}`))})]})}),r&&n.jsx(X,{colSpan:W,pagination:r.pagination,actions:r.actions,content:r.content})]})};try{qe.displayName="Table",qe.__docgenInfo={description:"",displayName:"Table",props:{onListReorder:{defaultValue:null,description:"",name:"onListReorder",required:!1,type:{name:"((obj: { from: number; to: number; }) => void)"}},table:{defaultValue:null,description:"",name:"table",required:!0,type:{name:"{ name?: string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null | undefined; ... 18 more ...; actions?: any; }"}}}}}catch{}export{qe as T};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._inputInTable_1bnfd_1{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_1bnfd_1:not(:hover){border-color:transparent}._inputInTable_1bnfd_1:not(:focus){box-shadow:none}._inputHover_1bnfd_13{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_1bnfd_18{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_1bnfd_25,._inputWarning_1bnfd_26{position:relative}._inputError_1bnfd_25{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error)}._inputError_1bnfd_25:hover{border-color:var(--color-border-error-hover)!important}._inputError_1bnfd_25:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_1bnfd_26{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning)}._inputWarning_1bnfd_26:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_1bnfd_26:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_1bnfd_61{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._hideScrollbars_1bnfd_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_1bnfd_67::-webkit-scrollbar{display:none}:root{--color-background-table-header: var(--color-neutral-150);--color-background-table-row-tinted: var(--color-neutral-50)}html[data-theme=dark]{--color-background-table-header: var(--color-neutral-800);--color-background-table-row-tinted: var(--color-neutral-850)}._wrapper_1bnfd_85{border-radius:inherit;max-height:100%;max-width:100%;display:flex;flex-direction:column;overflow:hidden}._wrapper_1bnfd_85._bordered_1bnfd_93{border-radius:var(--border-radius);border:1px solid var(--color-border);box-shadow:var(--shadow-card)}._scroll_1bnfd_98{overflow-y:auto;border-radius:inherit;flex:1;min-height:0}._scroll_1bnfd_98:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}._table_1bnfd_108{background:var(--color-background-raised);color:var(--color-text);border-collapse:separate;border-spacing:0;border-radius:inherit;width:100%;font-variant-numeric:tabular-nums}._table_1bnfd_108>:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}._table_1bnfd_108>:first-child>:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}._table_1bnfd_108>:first-child>:first-child>:first-child{border-top-left-radius:inherit}._table_1bnfd_108>:first-child>:first-child>:last-child{border-top-right-radius:inherit}._table_1bnfd_108>:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}._table_1bnfd_108>:last-child>:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}._table_1bnfd_108>:last-child>:last-child>:first-child{border-bottom-left-radius:inherit}._table_1bnfd_108>:last-child>:last-child>:last-child{border-bottom-right-radius:inherit}th{color:var(--color-text-muted)}th,td{padding:var(--padding-input)!important;height:var(--size);background:inherit;border-color:var(--color-border);border-style:solid;border-width:0}th:not(:first-child),td:not(:first-child){border-left-width:1px}._table_1bnfd_108>*:not(:last-child)>tr th,._table_1bnfd_108>*:not(:last-child)>tr td,._table_1bnfd_108>*:last-child>tr:not(:last-child) th,._table_1bnfd_108>*:last-child>tr:not(:last-child) td{border-bottom-width:1px}@-moz-document url-prefix(){tr{height:var(--size)}td,th{height:100%}}thead{position:sticky;top:0;overflow:hidden;z-index:5}thead tr{background-color:var(--color-background-table-header)}tbody{overflow:hidden}tbody tr{background-color:var(--color-background-raised)}._striped_1bnfd_191 tbody tr:nth-child(2n){background-color:var(--color-background-table-row-tinted)}._title_bzw5n_1{background-color:var(--color-background);border-bottom:1px solid var(--color-border);padding:var(--padding-xxs) var(--padding-sm);display:flex;align-items:center;justify-content:space-between;gap:4px;width:100%;border-top-left-radius:inherit;border-top-right-radius:inherit}._footer_4sumy_1{background-color:var(--color-background-table-header);z-index:4;overflow:hidden;flex-shrink:0}._section_4sumy_7{padding:var(--padding-input);display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--color-border)}._clickableRow_11d5t_1{cursor:pointer}._hoverableRow_11d5t_4:not(._rowActive_11d5t_4):hover,._clickableRow_11d5t_1:not(._rowActive_11d5t_4):hover{background-color:var(--color-background-listitem-hover)!important}._expandableRow_11d5t_8._flush_11d5t_8{padding:0!important;height:auto!important}._rowActive_11d5t_4{position:relative;background-color:var(--color-background-listitem-active)!important}._rowActive_11d5t_4:after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;border-top-left-radius:inherit;border-bottom-left-radius:inherit;transition:background .3s;background:var(--color-background-primary)}._dragIconCell_11d5t_28{width:var(--size);min-width:var(--size);position:relative}._dragIcon_11d5t_28{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;bottom:0;left:0;color:var(--color-text-faint)}._dragIcon_11d5t_28:hover{color:var(--color-text-primary-hover)}._dragIcon_11d5t_28:active{color:var(--color-text-primary-active)}._inputInTable_sdi21_1{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_sdi21_1:not(:hover){border-color:transparent}._inputInTable_sdi21_1:not(:focus){box-shadow:none}._inputHover_sdi21_13{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_sdi21_18{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_sdi21_25,._inputWarning_sdi21_26{position:relative}._inputError_sdi21_25{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error)}._inputError_sdi21_25:hover{border-color:var(--color-border-error-hover)!important}._inputError_sdi21_25:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_sdi21_26{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning)}._inputWarning_sdi21_26:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_sdi21_26:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_sdi21_61{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._hideScrollbars_sdi21_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_sdi21_67::-webkit-scrollbar{display:none}._cell_sdi21_77 a{cursor:pointer;color:var(--color-text-primary)}._cell_sdi21_77 a:hover{color:var(--color-text-primary-hover)}._cell_sdi21_77 a:active{color:var(--color-text-primary-active)}._cell_sdi21_77 a._disabledLink_sdi21_87{color:var(--color-text-faint)!important;cursor:default!important}._inputWrapper_sdi21_91{height:100%;border-radius:inherit}._inputWrapper_sdi21_91>span,._inputWrapper_sdi21_91>span>span,._inputWrapper_sdi21_91>span>span>div{height:100%;border-radius:inherit}._inputWrapper_sdi21_91>div,._inputWrapper_sdi21_91>div>span{height:100%;border-radius:inherit}._breakWord_sdi21_106{word-break:break-word}._inputCell_sdi21_109{padding:0!important}._sliderCell_sdi21_112{padding-top:0!important;padding-bottom:0!important}._staticCell_sdi21_116{padding:0!important}._staticCell_sdi21_116 ._staticCellContent_sdi21_119{line-height:1.25;min-height:100%;padding:var(--padding-input);position:relative;border-radius:inherit;display:flex;align-items:center}tbody ._staticCell_sdi21_116 ._staticCellContent_sdi21_119{color:var(--color-text-muted)}._staticCell_sdi21_116 ._staticCellContent_sdi21_119._error_sdi21_131,._staticCell_sdi21_116 ._staticCellContent_sdi21_119._warning_sdi21_132{border:1px solid transparent}._staticCell_sdi21_116 ._staticCellContent_sdi21_119._error_sdi21_131{background-color:var(--color-background-error)}._staticCell_sdi21_116 ._staticCellContent_sdi21_119._warning_sdi21_132{background-color:var(--color-background-warning)}._staticCell_sdi21_116 ._staticCellContent_sdi21_119._unit_sdi21_141{font-weight:400}._sortingCell_sdi21_144 ._staticCellContent_sdi21_119{position:relative;padding-right:calc(var(--size) + var(--padding-xxs))!important;cursor:pointer!important}._sortingCell_sdi21_144 ._staticCellContent_sdi21_119:hover{background-color:#0000000d!important}[data-theme=dark] ._sortingCell_sdi21_144 ._staticCellContent_sdi21_119:hover{background-color:#ffffff1a!important}._sortingCell_sdi21_144 ._sortingCellIcon_sdi21_155{font-size:var(--size-xs);position:absolute;right:var(--padding-input-x);top:50%;transform:translateY(-50%);display:flex}._sortingCell_sdi21_144 ._sortingCellIcon_sdi21_155>*{display:flex}._icon_sdi21_166{display:inline-flex;margin-left:var(--padding-xxs)}._checkBoxCell_sdi21_170{padding-block:0!important;width:var(--size)}._iconCellWrapper_sdi21_174{display:flex;justify-content:center}._actionsCell_sdi21_178{width:var(--size-sm);padding:0 calc((var(--size) - var(--size-sm)) / 2)!important;position:sticky;right:0;background:inherit;z-index:4}._rightAligned_sdi21_186{text-align:right!important}._rightAligned_sdi21_186 ._staticCellContent_sdi21_119{justify-content:flex-end}._centerAligned_sdi21_192{text-align:center!important}._centerAligned_sdi21_192 ._staticCellContent_sdi21_119{justify-content:center}._leftAligned_sdi21_198{text-align:left!important}._popover_sdi21_201{padding:var(--padding-input)}._disabledPointerEvents_sdi21_204{pointer-events:none}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as c}from"./jsx-runtime-f961835c.js";import{r as S}from"./index-f80c8c95.js";import{f as K}from"./immer.esm-5c06d4d0.js";import{l as ae}from"./lodash-75c70a11.js";import{T}from"./table-
|
|
1
|
+
import{j as c}from"./jsx-runtime-f961835c.js";import{r as S}from"./index-f80c8c95.js";import{f as K}from"./immer.esm-5c06d4d0.js";import{l as ae}from"./lodash-75c70a11.js";import{T}from"./table-14d09eed.js";import{C as Ge}from"./card-0e97f333.js";import{I as ee}from"./input-d116362c.js";import{F as ne}from"./field-ea8dc7c8.js";import{H as Je}from"./heading-e7d165ab.js";import{t as Y,a as Xe,b as Ye,c as Ze,d as en,e as nn,f as tn,g as an}from"./table.stories-data-609c613f.js";import"./index-a80ed1cf.js";import"./index.es-ddd8aaab.js";import"./inheritsLoose-d4851ab8.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./index-3d476d02.js";import"./memoize-one.esm-52518564.js";import"./icon-afbea088.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./actions-7f428221.js";import"./common-types-2c81813f.js";import"./button-1a6432ca.js";import"./spinner-cb92a546.js";import"./tooltip-23e84186.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-3abf067b.js";import"./pagination-cfbe0404.js";import"./select-c8f67cba.js";import"./assertThisInitialized-081f9914.js";import"./text-ad1f5f1d.js";import"./select.input-88b6ebab.js";import"./input-group-20c3add3.js";import"./input-group-addon-f8f6683a.js";import"./number-input-2867677b.js";import"./index-54f0d271.js";import"./check-box-7706d069.js";import"./help-icon-45458fb1.js";import"./slider-054cbf00.js";import"./index-c7f280f6.js";import"./popover-2bc1502d.js";import"./label-87bf6474.js";import"./flex-47732c42.js";const Jn={title:"Basic/Table",component:T,args:{table:{...Y}}},I=h=>c.jsx(T,{...h}),B=I.bind({}),N=I.bind({});N.args={table:{...Y,fixedWidth:"400px"}};const M=I.bind({});M.args={table:{...Y,fixedWidth:"auto"}};const O=I.bind({});O.args={table:Xe};O.parameters={docs:{description:{story:"Use sparingly when certain columns cannot be below a certain width. Unless the Table is auto width, set one column to `auto` to use remaining space."}}};const Q=I.bind({});Q.args={table:Ye};const W=I.bind({});W.args={table:Ze};W.parameters={docs:{description:{story:"This is only required when you need to override `columnAlignment` in header cells (i.e. they have different alignment)"}}};const _=I.bind({});_.args={table:en};const U=I.bind({});U.args={table:nn};U.decorators=[h=>c.jsx("div",{style:{position:"absolute",inset:0,padding:"var(--padding)"},children:c.jsx(h,{})})];const E=I.bind({});E.args={table:tn};E.parameters={docs:{description:{story:"If a `maxHeight` is set, the table should only fill that height if it needs to."}}};const L=I.bind({});L.args={table:an};const q=()=>c.jsx(Ge,{heading:c.jsx(Je,{children:"Card heading"}),padding:!1,children:c.jsx(T,{table:{...Y,bordered:!1}})});q.parameters={docs:{source:{type:"dynamic"}}};const z=()=>{const h=["Section","Width","Height"];let m=["","m","m"],o=[...Array(175).keys()].map((a,n)=>[n,n*2,n*2]);const k=(a,n,s)=>a==="m"&&n==="ft"?s*3.28084:a==="ft"&&n==="m"?s/3.28084:s,l=(a,n,s,u)=>{o[n][s]=a.target.value,u()},C=a=>{o=o.concat([["","",""]]),a()},A=(a,n)=>{o=o.filter((s,u)=>u!==a),n()},d=(a,n,s)=>{const u=m[n],y=a.target.value;m=m.map((R,b)=>b===n?y:R),o=o.map(R=>R.map((b,g)=>g===n?k(u,y,b):b)),s()},p=()=>{const a=[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],[n,s]=S.useState(10),[u,y]=S.useState(1),[R,b]=S.useState(!1),g=()=>{b(!R)},F=()=>{const e=Math.ceil(o.length/n);y(e)},D=(u-1)*n,t=n===0?o.length-1:D+n,i={headers:[{cells:h.map(e=>({value:e})),actions:[{primary:!0,label:"Add",icon:"add",onClick:()=>{C(g),F()}}]},{cells:[{},{options:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:m[1],type:"Select",native:!0,onChange:e=>d(e,1,g)},{options:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:m[2],type:"Select",native:!0,onChange:e=>d(e,2,g)}]}],rows:o.slice(D,t).map((e,r)=>{const x=D+r;return{cells:[...Array(3).keys()].map((f,w)=>({value:e[w],type:"Input",onChange:P=>l(P,x,w,g)})),actions:[{label:"Delete",icon:"minus",onClick:()=>A(x,g)}]}}),footer:{pagination:{rowCount:o.length,selectedPage:u,rowsPerPage:{onChange:e=>{const{value:r}=e.target;s(Number(r))},options:a,value:n},onSelectPage:e=>y(e),small:!0}}};return c.jsx(T,{table:i})};return c.jsx(p,{})},G=()=>{const h=["Section","Width","Height"];let m=[...Array(175).keys()].map((k,l)=>({Section:l,Width:l*2,Height:l*2}));const o=()=>{const k=[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],[l,C]=S.useState(10),[A,d]=S.useState(1),[p,a]=S.useState({}),[n,s]=S.useState({});S.useEffect(()=>{d(1)},[p,n]);const u=(A-1)*l,y=l===0?m.length-1:u+l,R=(e,r,x)=>e.filter(f=>Object.keys(r).every(w=>r[w]===""?!0:f[w].toString().includes(r[w]))).sort((f,w)=>Object.entries(x).map(([P,j])=>{switch(j){case"up":return f[P]-w[P];case"down":return w[P]-f[P];default:return 0}}).reduce((P,j)=>P||j,0)),b=(e,r,x,f,w)=>{const P=e.map(v=>{const V=Object.keys(f).includes(v)?f[v]:"",H=`${v[0].toUpperCase()}${v.slice(1)}`;return{key:v,value:H,hasSort:!0,sort:V,onSort:()=>{const $=V===""?"up":V==="up"?"down":"";w({...f,[v]:$})}}}),j=e.map(v=>{const V=Object.keys(r).includes(v)?r[v]:"";return{key:v,value:V,type:"Input",placeholder:"Filter",onChange:H=>x({...r,[v]:H.target.value})}});return{dataSortCells:P,dataFilterCells:j}},{dataSortCells:g,dataFilterCells:F}=b(h,p,a,n,s),D=R(m,p,n),t=[...D.slice(u,y).map(e=>({cells:Object.entries(e).map(([x,f])=>({key:x,value:f,type:"Input",disabled:!0}))}))],i={headers:[{cells:g},{cells:F}],rows:t,footer:{pagination:{rowCount:D.length,selectedPage:A,rowsPerPage:{onChange:e=>{const{value:r}=e.target;C(Number(r))},options:k,value:l},onSelectPage:e=>d(e),small:!0}}};return c.jsx(T,{table:i})};return c.jsx(o,{})},J=()=>{const h={tea:3.6,coffee:3.2,orange:4.1},m=[{label:"Tea",value:"tea"},{label:"Coffee",value:"coffee"},{label:"Orange juice",value:"orange"}],o={cells:[{type:"Select",options:m,value:{value:"tea"}},{type:"Input"},{type:"Static"}]},k=[...Array(15).keys()].map((t,i)=>({cells:[{type:"Select",options:m,value:{value:"tea"}},{type:"Input",value:i+1},{type:"Static"}]})),[l,C]=S.useState(k),A=[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],[d,p]=S.useState(10),[a,n]=S.useState(1),s=(a-1)*d,u=d===0?l.length-1:s+d,y=({newRow:t}={})=>{const i=K(l,e=>{e.push(t??o)});C(i)},R=({rowIndex:t})=>{const i=K(l,e=>{delete e[t]}).filter(e=>e);C(i)},b=({rowIndex:t,value:i})=>{const e=K(l,r=>{r[t].cells[0].value.value=i});C(e)},g=({rowIndex:t,value:i})=>{const e=K(l,r=>{r[t].cells[1].value=i});C(e)},F=({value:t})=>{const i=Number(t);return!ae.isNaN(i)&&ae.isInteger(i)&&i>0},D=l.slice(s,u).map((t,i)=>{const e=s+i;return l.length-1,{...t,cells:t==null?void 0:t.cells.map((r,x)=>{var v,V,H,$,te;const f=(H=(V=(v=t==null?void 0:t.cells)==null?void 0:v[0])==null?void 0:V.value)==null?void 0:H.value,w=Number((te=($=t==null?void 0:t.cells)==null?void 0:$[1])==null?void 0:te.value),P=h==null?void 0:h[f],j=P&&F({value:w})?(P*w).toFixed(2):null;if(x===0)return{...r,onChange:Z=>b({rowIndex:e,value:Z.target.value})};if(x===1)return{...r,onChange:Z=>g({rowIndex:e,value:Z.target.value}),error:F({value:r.value})?null:"Must be valid whole number"};if(x===2)return{...r,value:j}}),actions:[{label:"Delete",icon:"minus",onClick:()=>R({rowIndex:e})}]}});return c.jsx(T,{table:{defaultEmptyRow:o,onAddRow:y,columnAlignment:["left","right","right"],headers:[{cells:[{value:"Drink"},{value:"Quantity"},{value:"Total Price (£)"}],actions:[{primary:!0,icon:"plus",label:"Add",onClick:()=>y()}]}],rows:D,footer:{pagination:{rowCount:l.length,selectedPage:a,rowsPerPage:{onChange:t=>{const{value:i}=t.target;p(Number(i))},options:A,value:d},onSelectPage:t=>n(t),small:!0}}}})},X=()=>{const h=["Section","Width","Height"];let m=Array.from(Array(10),(d,p)=>[p,p*2,p*2]);const[o,k]=S.useState({pastedValues:"",rowIndex:0,cellIndex:0}),l=(d,p,a,n)=>{m[p][a]=Number(d.target.value),n()},C=(d,p,a,n)=>{var u;let s=((u=d==null?void 0:d.clipboardData)==null?void 0:u.getData("text"))??"";return k({rowIndex:p,cellIndex:a,pastedValues:s}),n(),{pastedData:o}},A=()=>{const[d,p]=S.useState(!1),a=()=>{p(!d)},n={headers:[{cells:h.map(s=>({value:s}))}],rows:m.map((s,u)=>{const y=u;return{cells:[...Array(3).keys()].map((R,b)=>({value:s[b],type:"Input",onChange:g=>l(g,y,b,a),onPaste:g=>C(g,y,b,a)}))}})};return c.jsxs(c.Fragment,{children:[c.jsx(T,{table:n}),c.jsx(ne,{label:"Pasted Data",children:c.jsx(ee,{value:o.pastedValues})}),c.jsx(ne,{label:"At Row",children:c.jsx(ee,{value:o.rowIndex})}),c.jsx(ne,{label:"At Cell Index",children:c.jsx(ee,{value:o.cellIndex})})]})};return c.jsx(A,{})};var re,se,oe;B.parameters={...B.parameters,docs:{...(re=B.parameters)==null?void 0:re.docs,source:{originalSource:`args => {
|
|
2
2
|
return <Table
|
|
3
3
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
4
4
|
{...args} />;
|
package/dist/storybook/assets/{table.stories-data-92bfac80.js → table.stories-data-609c613f.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as a}from"./jsx-runtime-f961835c.js";import{I as o,T as c}from"./common-types-2c81813f.js";import{F as v}from"./flex-1d14d86c.js";import{M as p}from"./actions-ac539aa1.js";import{T as d}from"./text-ad1f5f1d.js";import{I as n}from"./icon-afbea088.js";import{M as r}from"./types-cc224262.js";const e={headers:[{cells:[{value:"Name"},{value:"Weight"},{value:"Energy"},{value:"Origin"}]}],rows:[{cells:[{value:"Brown rice",testId:"table-tbody-cell-brown-rice"},{value:100,testId:"table-tbody-cell-100"},{value:361,testId:"table-tbody-cell-361"},{value:"Vietnam",testId:"table-tbody-cell-vietnam"}]},{cells:[{value:"Buckwheat",testId:"table-tbody-cell-buckwheat"},{value:50,testId:"table-tbody-cell-50"},{value:358,testId:"table-tbody-cell-358"},{value:"Poland",testId:"table-tbody-cell-poland"}]},{cells:[{value:"Couscous",testId:"table-tbody-cell-couscous"},{value:10,testId:"table-tbody-cell-10"},{value:368,testId:"table-tbody-cell-368"},{value:"France",testId:"table-tbody-cell-france"}]}]},S={...e,columnWidths:["200px","20%","100px","auto"]},x={...e,rows:e.rows.map(l=>({...l,cells:l.cells.map(t=>({...t,tooltip:"Tooltip"}))}))},f={...e,rows:e.rows.map(l=>({...l,cells:l.cells.map(t=>({...t,width:"200px"}))}))},W={...e,rows:e.rows.map(l=>({...l,cells:l.cells.map(t=>({...t,style:{width:"200px",background:"var(--color-background-table-header)",fontWeight:"bold"}}))}))},F={...e,rows:[{cells:[{breakWord:!0,value:"LoremipsumdolorsitametconsecteturadipiscingelitseddoeiusmodtemporincididuntutlaboreetdoloremagnaaliquaUtenimadminimveniamquisnostrudexercitationullamcolaborisnisiutaliquipexeacommodoconsequatDuisauteiruredolorinreprehenderitinvoluptatevelitessecillumdoloreeullamcolaborisnisiutaliquipexeacommodoconsequatDuisauteiruredolorinreprehenderitinvoluptatevelitessecillumdoloreeufugiatnullapariaturufugiatnullapariatur"},{value:100},{value:361},{value:"Vietnam"}]},...e.rows]},L={...e,headers:[...e.headers,{cells:[{},{options:[{label:"kg",value:"kg"},{label:"tonnes",value:"tonnes"}],type:"Select",searchable:!1,value:{label:"kg",value:"kg"},onChange:()=>{}},{type:"Unit",value:"kcal / 100g"},{}]}]},A={...e,rows:e.rows.map((l,t)=>({...l,active:t===0,onRowClick:()=>{}}))},D={...e,name:"Food"},E={...e,name:a.jsxs(v,{gap:"var(--padding-xs)",alignItems:"center",children:["Food",a.jsx(n,{icon:o.STAR})]})},u=[{childComponent:a.jsx(p,{menu:{label:"Import food",trigger:c.DROP_DOWN_BUTTON,sections:[{type:r.HEADING,label:"Import options"},{type:r.OPTION,label:"Import from csv"},{type:r.OPTION,label:"Import from library"}],small:!0}})}],P={...e,name:"Food",actions:u,testId:"table-child-component"},V={...e,actions:u,actionsRight:!0},i={...e,headers:[...e.headers,{cells:[{},{options:[{label:"kg",value:"kg"},{label:"tonnes",value:"tonnes"}],type:"Select",native:!0,value:{label:"kg",value:"kg"},onChange:()=>{}},{type:"Unit",value:"kcal / 100g"},{}]}],bordered:!0,infiniteScroll:!0,maxHeight:"500px",stickyHeaders:!0,rows:Array.from({length:100},(l,t)=>({cells:[{type:"Input",value:`Strawberry Letter ${t+1}`},{type:"Input",value:100},{type:"Input",value:361},{type:"Input",value:"Vietnam"}]})),footer:{content:a.jsxs(a.Fragment,{children:[a.jsx("strong",{children:"Footer content:"})," goes here"]})}},B={...i,maxHeight:"100%"},O={...i,rows:Array.from({length:1},(l,t)=>({cells:[{type:"Input",value:`Strawberry Letter ${t+1}`},{type:"Input",value:100},{type:"Input",value:361},{type:"Input",value:"Vietnam"}]}))},j={...i,draggable:!0},N={...e,rows:e.rows.map(l=>({...l,onRowFocus:()=>{}}))},b=()=>a.jsxs("ul",{children:[a.jsx("li",{children:"Carrots"}),a.jsx("li",{children:"Chocolate"}),a.jsx("li",{children:"Chorizo"})]}),T={headers:[{cells:[{value:"Name"},{value:"Content"}]}],rows:[{cells:[{value:"Sub-component"},{value:b()}]},{cells:[{value:"JSX"},{value:a.jsxs("div",{children:["Some ",a.jsx(d,{bold:!0,children:"bold content"})]})}]}]},m={...e,headers:[{cells:[{value:""},{value:"Stats",colSpan:2},{value:""}]},...e.headers],rows:[...e.rows,{cells:[{value:"Total",colSpan:4}]}]},H={...e,headers:[{cells:[{value:"Name",colSpan:2},{value:"Origin",rowSpan:2}]},{cells:[{value:"English"},{value:"Chinese"}]}],rows:[{cells:[{type:"Input",value:"Brown rice"},{type:"Input",value:"糙米"},{type:"Select",options:[{label:"China",value:"China"},{label:"France",value:"France"},{label:"Poland",value:"Poland"}],value:{label:"China",value:"China"},rowSpan:2}]},{cells:[{type:"Input",value:"White rice"},{type:"Input",value:"白米"}]}]},q={...e,columnWidths:["auto","120px","120px","auto"],headers:[{cells:[{value:"Header"},{value:"Header",colSpan:2},{value:"Header"}]}]},R={...e,columnAlignment:["left","right","right","left"]},M={...m,columnAlignment:["left","right","right","left","right"],columnHeaderAlignments:[["","center",""],["","right","right",""]]},s={fixedWidth:"auto",headers:[{cells:[{value:"Input",testId:"with-editable-cells-cell-name",width:"140px"},{value:"Select (native)",width:"140px"},{value:"Number Input",width:"140px"},{value:"Select (custom)",width:"140px"},{value:"Slider",width:"140px"},{value:"Static"}]}],rows:[{cells:[{value:"Buckwheat",type:"Input",onChange:()=>{},testId:"table-tbody-cell-buckwheat"},{type:"Select",native:!0,options:[{label:50,value:50},{label:100,value:100}],value:{label:100,value:100},onChange:()=>{}},{value:361,type:"NumberInput",onChange:()=>{}},{type:"Select",options:[{label:"France",value:"France"},{label:"Poland",value:"Poland"},{label:"Vietnam",value:"Vietnam"}],value:{label:"Poland",value:"Poland"},onChange:()=>{}},{type:"Slider",value:50,min:0,max:100,onChange:()=>{}},{value:361}]},{cells:[{value:"Arborio rice",type:"Input",onChange:()=>{},testId:"table-tbody-cell-arborio",error:"Error"},{type:"Select",native:!0,options:[{label:50,value:50},{label:100,value:100}],value:{label:100,value:100},onChange:()=>{},error:"Error"},{value:361,type:"NumberInput",onChange:()=>{},error:"Error"},{type:"Select",options:[{label:"France",value:"France"},{label:"Italy",value:"Italy"},{label:"Vietnam",value:"Vietnam"}],value:{label:"Italy",value:"Italy"},onChange:()=>{},error:"Error"},{type:"Slider",value:50,min:0,max:100,onChange:()=>{},error:"Error"},{value:361,error:"Error"}]},{cells:[{value:"Couscous",type:"Input",onChange:()=>{},testId:"table-tbody-cell-couscous",warning:"Warning"},{type:"Select",native:!0,options:[{label:50,value:50},{label:100,value:100}],value:{label:100,value:100},onChange:()=>{},warning:"Warning"},{value:361,type:"NumberInput",onChange:()=>{},warning:"Warning"},{type:"Select",options:[{label:"France",value:"France"},{label:"Poland",value:"Poland"},{label:"Vietnam",value:"Vietnam"}],value:{label:"France",value:"France"},onChange:()=>{},warning:"Warning"},{type:"Slider",value:50,min:0,max:100,onChange:()=>{},warning:"Warning"},{value:361,warning:"Warning"}]}]},U={...e,headers:e.headers.map(l=>({...l,cells:[{type:"CheckBox",onChange:()=>{}},...l.cells]})),rows:e.rows.map(l=>({...l,cells:[{type:"CheckBox",onChange:()=>{}},...l.cells]}))},z={...s,rows:s.rows.map(l=>({...l,cells:l.cells.map(t=>({...t,disabled:!0}))}))},_={...e,headers:[...e.headers,{cells:[{value:"",type:"Input",placeholder:"Search",onChange:()=>{}},{value:"",type:"Input",placeholder:"Search",onChange:()=>{}},{value:"",type:"Input",placeholder:"Search",onChange:()=>{}},{value:"",type:"Input",placeholder:"Search",onChange:()=>{}}]}]},G={headers:[{cells:[{value:"Name"},{value:"Weight (kg)",hasSort:!0,sort:"up",sortPriority:1,onSort:()=>{}},{value:"Energy (kcal / 100g)",hasSort:!0,sort:"down",sortPriority:2,onSort:()=>{}},{value:"Origin",hasSort:!0,sort:"",sortPriority:1,onSort:()=>{}}]}],rows:[{cells:[{value:"Brown rice"},{value:100},{value:361},{value:"Vietnam"}]},{cells:[{value:"Buckwheat"},{value:50},{value:358},{value:"Poland"}]},{cells:[{value:"Couscous"},{value:10},{value:368},{value:"France"}]}]},J={headers:[{cells:[{},{value:"Name"},{value:"Weight (kg)"},{value:"Energy (kcal / 100g)"},{value:"Origin"}]}],rows:[{cells:[{type:"Icon",icon:a.jsx(n,{icon:o.SUCCESS,color:"var(--color-text-success)"}),tooltip:"Success tooltip here",width:"var(--size)"},{value:"Brown rice"},{value:100},{value:361},{value:"Vietnam"}]},{cells:[{type:"Icon",icon:a.jsx(n,{icon:o.WARNING,color:"var(--color-text-warning)"}),tooltip:"Warning tooltip here",width:"var(--size)"},{value:"Buckwheat"},{value:50},{value:358},{value:"Poland"}]},{cells:[{type:"Icon",icon:a.jsx(n,{icon:o.ERROR,color:"var(--color-text-error)"}),tooltip:"Error tooltip here",width:"var(--size)"},{value:"Couscous"},{value:10},{value:368},{value:"France"}]}]},$={headers:[{cells:[{value:"Lorem"},{value:"Ipsum"}]}],rows:[{cells:[{type:"Link",value:"Link text",onClick:()=>console.log("Link clicked")},{type:"Link",value:"Disabled link text",disabled:!0,onClick:()=>console.log("Link clicked")}]},{cells:[{type:"Link",value:"Static warning link",warning:"Warning message",onClick:()=>console.log("Link clicked")},{type:"Link",value:"Static error link",error:"Error message",onClick:()=>console.log("Link clicked")}]}]},X={headers:[{cells:[{value:"Name"},{value:"Weight (kg)"},{value:"Energy (kcal / 100g)"},{value:"Origin"},{value:"Lorem"},{value:"Ipsum"},{value:"Dolor"}],actions:[{primary:!0,label:"Add",icon:"add",onClick:()=>{}}]}],rows:[{cells:[{value:"Brown rice"},{value:100},{value:361},{value:"Vietnam"},{value:"Lorem"},{value:"Ipsum"},{value:"Dolor"}],actions:[{label:"Delete",icon:"minus",onClick:()=>{}}]},{cells:[{value:"Buckwheat"},{value:50},{value:358},{value:"Poland"},{value:"Lorem"},{value:"Ipsum"},{value:"Dolor"}],actions:[{label:"Delete",icon:"minus",onClick:()=>{}}]},{cells:[{value:"Couscous"},{value:10},{value:368},{value:"France"},{value:"Lorem"},{value:"Ipsum"},{value:"Dolor"}],actions:[{label:"test",icon:"minus",onClick:()=>{},hidden:!0}]}]},K={headers:[{cells:[{value:"Name"},{value:"Weight (kg)"},{value:"Energy (kcal / 100g)"},{value:"Origin"}],actions:[{primary:!0,label:"Add",icon:"add",onClick:()=>{}}]}],rows:[{cells:[{value:"Brown rice"},{value:100},{value:361},{value:"Vietnam"}],actions:[{label:"More",subActions:[{label:"Move Up",icon:"up",onClick:()=>{}},{label:"Move Down",icon:"down",onClick:()=>{}}]},{label:"Delete",icon:"minus",onClick:()=>{}}]},{cells:[{value:"Buckwheat"},{value:50},{value:358},{value:"Poland"}],actions:[{label:"More",subActions:[{label:"Move Up",icon:"up",onClick:()=>{}},{label:"Move Down",icon:"down",onClick:()=>{}}]},{label:"Delete",icon:"minus",onClick:()=>{}}]},{cells:[{value:"Couscous"},{value:10},{value:368},{value:"France"}],actions:[{label:"More",subActions:[{label:"Move Up",icon:"up",onClick:()=>{}},{label:"Move Down",icon:"down",onClick:()=>{}}]},{label:"Delete",icon:"minus",onClick:()=>{}}]}]},Q={...e,footer:{content:a.jsxs(a.Fragment,{children:[a.jsx("strong",{children:"Footer content:"})," goes here"]}),pagination:{rowCount:500,selectedPage:10,rowsPerPage:{onChange:()=>{},options:[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],value:20},goTo:{onChange:()=>{}},onSelectPage:()=>{},small:!0},actions:[{label:"Star",icon:"star",onClick:()=>{}}]}},Y={...e,headers:e.headers.map(l=>({...l,cells:l.cells.map(t=>({...t,helpIcon:{onClick:()=>console.log("Help clicked"),tooltip:"Help text goes here"},libraryIcon:{onClick:()=>console.log("Library clicked"),tooltip:"Edit in library"}}))}))},Z={columnWidths:[void 0,"100px","100px","100px",void 0],columnAlignment:["left","right","left","left","left","right"],columnHeaderAlignments:[["left","right","left","left","left","right"]],headers:[{cells:[{value:"Lorem ipsum dolor sit amet consectetur adipiscing elit sed doeius mod tempor incididunt laboreet dolore magna aliqua"},{value:"Weight (kg)"},{value:"Energy (kcal / 100g)"},{value:"Origin"},{value:"Static"},{value:"Static Right"}]}],rows:[{cells:[{breakWord:!0,value:"LoremipsumdolorsitametconsecteturadipiscingelitseddoeiusmodtemporincididuntutlaboreetdoloremagnaaliquaUtenimadminimveniamquisnostrudexercitationullamcolaborisnisiutaliquipexeacommodoconsequatDuisauteiruredolorinreprehenderitinvoluptatevelitessecillumdoloreeullamcolaborisnisiutaliquipexeacommodoconsequatDuisauteiruredolorinreprehenderitinvoluptatevelitessecillumdoloreeufugiatnullapariaturufugiatnullapariatur"},{type:"Select",native:!0,options:[{label:50,value:50},{label:100,value:100}],value:{label:100,value:100},onChange:()=>{},disabled:!0},{type:"Select",options:[{label:"Vietnam",value:"Vietnam"},{label:"Other",value:"Other"}],value:{label:"Vietnam",value:"Vietnam"},onChange:()=>{},error:"Error"},{value:"Brown rice",type:"Input",onChange:()=>{},testId:"table-tbody-cell-brown-rice",warning:"Warning message"},{value:"Static warning",warning:"Warning message"},{value:"100"}]},{cells:[{value:"Buckwheat"},{type:"Select",native:!0,options:[{label:50,value:50},{label:100,value:100}],value:{label:100,value:100},onChange:()=>{}},{type:"Select",options:[{label:"Vietnam",value:"Vietnam"},{label:"Other",value:"Other"}],value:{label:"Vietnam",value:"Vietnam"},onChange:()=>{}},{value:"Brown rice",type:"Input",onChange:()=>{},testId:"table-tbody-cell-brown-rice"},{type:"Link",value:"Static error link",error:"Error message"},{value:"100"}]}]};export{U as A,J as B,$ as C,X as D,K as E,T as F,x as G,F as H,Z as I,S as a,R as b,M as c,i as d,B as e,O as f,j as g,L as h,A as i,D as j,E as k,P as l,_ as m,G as n,V as o,Y as p,N as q,Q as r,s,e as t,z as u,m as v,q as w,f as x,W as y,H as z};
|
|
1
|
+
import{j as a}from"./jsx-runtime-f961835c.js";import{I as o,T as c}from"./common-types-2c81813f.js";import{F as v}from"./flex-47732c42.js";import{M as p}from"./actions-7f428221.js";import{T as d}from"./text-ad1f5f1d.js";import{I as n}from"./icon-afbea088.js";import{M as r}from"./types-cc224262.js";const e={headers:[{cells:[{value:"Name"},{value:"Weight"},{value:"Energy"},{value:"Origin"}]}],rows:[{cells:[{value:"Brown rice",testId:"table-tbody-cell-brown-rice"},{value:100,testId:"table-tbody-cell-100"},{value:361,testId:"table-tbody-cell-361"},{value:"Vietnam",testId:"table-tbody-cell-vietnam"}]},{cells:[{value:"Buckwheat",testId:"table-tbody-cell-buckwheat"},{value:50,testId:"table-tbody-cell-50"},{value:358,testId:"table-tbody-cell-358"},{value:"Poland",testId:"table-tbody-cell-poland"}]},{cells:[{value:"Couscous",testId:"table-tbody-cell-couscous"},{value:10,testId:"table-tbody-cell-10"},{value:368,testId:"table-tbody-cell-368"},{value:"France",testId:"table-tbody-cell-france"}]}]},S={...e,columnWidths:["200px","20%","100px","auto"]},x={...e,rows:e.rows.map(l=>({...l,cells:l.cells.map(t=>({...t,tooltip:"Tooltip"}))}))},f={...e,rows:e.rows.map(l=>({...l,cells:l.cells.map(t=>({...t,width:"200px"}))}))},W={...e,rows:e.rows.map(l=>({...l,cells:l.cells.map(t=>({...t,style:{width:"200px",background:"var(--color-background-table-header)",fontWeight:"bold"}}))}))},F={...e,rows:[{cells:[{breakWord:!0,value:"LoremipsumdolorsitametconsecteturadipiscingelitseddoeiusmodtemporincididuntutlaboreetdoloremagnaaliquaUtenimadminimveniamquisnostrudexercitationullamcolaborisnisiutaliquipexeacommodoconsequatDuisauteiruredolorinreprehenderitinvoluptatevelitessecillumdoloreeullamcolaborisnisiutaliquipexeacommodoconsequatDuisauteiruredolorinreprehenderitinvoluptatevelitessecillumdoloreeufugiatnullapariaturufugiatnullapariatur"},{value:100},{value:361},{value:"Vietnam"}]},...e.rows]},L={...e,headers:[...e.headers,{cells:[{},{options:[{label:"kg",value:"kg"},{label:"tonnes",value:"tonnes"}],type:"Select",searchable:!1,value:{label:"kg",value:"kg"},onChange:()=>{}},{type:"Unit",value:"kcal / 100g"},{}]}]},A={...e,rows:e.rows.map((l,t)=>({...l,active:t===0,onRowClick:()=>{}}))},D={...e,name:"Food"},E={...e,name:a.jsxs(v,{gap:"var(--padding-xs)",alignItems:"center",children:["Food",a.jsx(n,{icon:o.STAR})]})},u=[{childComponent:a.jsx(p,{menu:{label:"Import food",trigger:c.DROP_DOWN_BUTTON,sections:[{type:r.HEADING,label:"Import options"},{type:r.OPTION,label:"Import from csv"},{type:r.OPTION,label:"Import from library"}],small:!0}})}],P={...e,name:"Food",actions:u,testId:"table-child-component"},V={...e,actions:u,actionsRight:!0},i={...e,headers:[...e.headers,{cells:[{},{options:[{label:"kg",value:"kg"},{label:"tonnes",value:"tonnes"}],type:"Select",native:!0,value:{label:"kg",value:"kg"},onChange:()=>{}},{type:"Unit",value:"kcal / 100g"},{}]}],bordered:!0,infiniteScroll:!0,maxHeight:"500px",stickyHeaders:!0,rows:Array.from({length:100},(l,t)=>({cells:[{type:"Input",value:`Strawberry Letter ${t+1}`},{type:"Input",value:100},{type:"Input",value:361},{type:"Input",value:"Vietnam"}]})),footer:{content:a.jsxs(a.Fragment,{children:[a.jsx("strong",{children:"Footer content:"})," goes here"]})}},B={...i,maxHeight:"100%"},O={...i,rows:Array.from({length:1},(l,t)=>({cells:[{type:"Input",value:`Strawberry Letter ${t+1}`},{type:"Input",value:100},{type:"Input",value:361},{type:"Input",value:"Vietnam"}]}))},j={...i,draggable:!0},N={...e,rows:e.rows.map(l=>({...l,onRowFocus:()=>{}}))},b=()=>a.jsxs("ul",{children:[a.jsx("li",{children:"Carrots"}),a.jsx("li",{children:"Chocolate"}),a.jsx("li",{children:"Chorizo"})]}),T={headers:[{cells:[{value:"Name"},{value:"Content"}]}],rows:[{cells:[{value:"Sub-component"},{value:b()}]},{cells:[{value:"JSX"},{value:a.jsxs("div",{children:["Some ",a.jsx(d,{bold:!0,children:"bold content"})]})}]}]},m={...e,headers:[{cells:[{value:""},{value:"Stats",colSpan:2},{value:""}]},...e.headers],rows:[...e.rows,{cells:[{value:"Total",colSpan:4}]}]},H={...e,headers:[{cells:[{value:"Name",colSpan:2},{value:"Origin",rowSpan:2}]},{cells:[{value:"English"},{value:"Chinese"}]}],rows:[{cells:[{type:"Input",value:"Brown rice"},{type:"Input",value:"糙米"},{type:"Select",options:[{label:"China",value:"China"},{label:"France",value:"France"},{label:"Poland",value:"Poland"}],value:{label:"China",value:"China"},rowSpan:2}]},{cells:[{type:"Input",value:"White rice"},{type:"Input",value:"白米"}]}]},q={...e,columnWidths:["auto","120px","120px","auto"],headers:[{cells:[{value:"Header"},{value:"Header",colSpan:2},{value:"Header"}]}]},R={...e,columnAlignment:["left","right","right","left"]},M={...m,columnAlignment:["left","right","right","left","right"],columnHeaderAlignments:[["","center",""],["","right","right",""]]},s={fixedWidth:"auto",headers:[{cells:[{value:"Input",testId:"with-editable-cells-cell-name",width:"140px"},{value:"Select (native)",width:"140px"},{value:"Number Input",width:"140px"},{value:"Select (custom)",width:"140px"},{value:"Slider",width:"140px"},{value:"Static"}]}],rows:[{cells:[{value:"Buckwheat",type:"Input",onChange:()=>{},testId:"table-tbody-cell-buckwheat"},{type:"Select",native:!0,options:[{label:50,value:50},{label:100,value:100}],value:{label:100,value:100},onChange:()=>{}},{value:361,type:"NumberInput",onChange:()=>{}},{type:"Select",options:[{label:"France",value:"France"},{label:"Poland",value:"Poland"},{label:"Vietnam",value:"Vietnam"}],value:{label:"Poland",value:"Poland"},onChange:()=>{}},{type:"Slider",value:50,min:0,max:100,onChange:()=>{}},{value:361}]},{cells:[{value:"Arborio rice",type:"Input",onChange:()=>{},testId:"table-tbody-cell-arborio",error:"Error"},{type:"Select",native:!0,options:[{label:50,value:50},{label:100,value:100}],value:{label:100,value:100},onChange:()=>{},error:"Error"},{value:361,type:"NumberInput",onChange:()=>{},error:"Error"},{type:"Select",options:[{label:"France",value:"France"},{label:"Italy",value:"Italy"},{label:"Vietnam",value:"Vietnam"}],value:{label:"Italy",value:"Italy"},onChange:()=>{},error:"Error"},{type:"Slider",value:50,min:0,max:100,onChange:()=>{},error:"Error"},{value:361,error:"Error"}]},{cells:[{value:"Couscous",type:"Input",onChange:()=>{},testId:"table-tbody-cell-couscous",warning:"Warning"},{type:"Select",native:!0,options:[{label:50,value:50},{label:100,value:100}],value:{label:100,value:100},onChange:()=>{},warning:"Warning"},{value:361,type:"NumberInput",onChange:()=>{},warning:"Warning"},{type:"Select",options:[{label:"France",value:"France"},{label:"Poland",value:"Poland"},{label:"Vietnam",value:"Vietnam"}],value:{label:"France",value:"France"},onChange:()=>{},warning:"Warning"},{type:"Slider",value:50,min:0,max:100,onChange:()=>{},warning:"Warning"},{value:361,warning:"Warning"}]}]},U={...e,headers:e.headers.map(l=>({...l,cells:[{type:"CheckBox",onChange:()=>{}},...l.cells]})),rows:e.rows.map(l=>({...l,cells:[{type:"CheckBox",onChange:()=>{}},...l.cells]}))},z={...s,rows:s.rows.map(l=>({...l,cells:l.cells.map(t=>({...t,disabled:!0}))}))},_={...e,headers:[...e.headers,{cells:[{value:"",type:"Input",placeholder:"Search",onChange:()=>{}},{value:"",type:"Input",placeholder:"Search",onChange:()=>{}},{value:"",type:"Input",placeholder:"Search",onChange:()=>{}},{value:"",type:"Input",placeholder:"Search",onChange:()=>{}}]}]},G={headers:[{cells:[{value:"Name"},{value:"Weight (kg)",hasSort:!0,sort:"up",sortPriority:1,onSort:()=>{}},{value:"Energy (kcal / 100g)",hasSort:!0,sort:"down",sortPriority:2,onSort:()=>{}},{value:"Origin",hasSort:!0,sort:"",sortPriority:1,onSort:()=>{}}]}],rows:[{cells:[{value:"Brown rice"},{value:100},{value:361},{value:"Vietnam"}]},{cells:[{value:"Buckwheat"},{value:50},{value:358},{value:"Poland"}]},{cells:[{value:"Couscous"},{value:10},{value:368},{value:"France"}]}]},J={headers:[{cells:[{},{value:"Name"},{value:"Weight (kg)"},{value:"Energy (kcal / 100g)"},{value:"Origin"}]}],rows:[{cells:[{type:"Icon",icon:a.jsx(n,{icon:o.SUCCESS,color:"var(--color-text-success)"}),tooltip:"Success tooltip here",width:"var(--size)"},{value:"Brown rice"},{value:100},{value:361},{value:"Vietnam"}]},{cells:[{type:"Icon",icon:a.jsx(n,{icon:o.WARNING,color:"var(--color-text-warning)"}),tooltip:"Warning tooltip here",width:"var(--size)"},{value:"Buckwheat"},{value:50},{value:358},{value:"Poland"}]},{cells:[{type:"Icon",icon:a.jsx(n,{icon:o.ERROR,color:"var(--color-text-error)"}),tooltip:"Error tooltip here",width:"var(--size)"},{value:"Couscous"},{value:10},{value:368},{value:"France"}]}]},$={headers:[{cells:[{value:"Lorem"},{value:"Ipsum"}]}],rows:[{cells:[{type:"Link",value:"Link text",onClick:()=>console.log("Link clicked")},{type:"Link",value:"Disabled link text",disabled:!0,onClick:()=>console.log("Link clicked")}]},{cells:[{type:"Link",value:"Static warning link",warning:"Warning message",onClick:()=>console.log("Link clicked")},{type:"Link",value:"Static error link",error:"Error message",onClick:()=>console.log("Link clicked")}]}]},X={headers:[{cells:[{value:"Name"},{value:"Weight (kg)"},{value:"Energy (kcal / 100g)"},{value:"Origin"},{value:"Lorem"},{value:"Ipsum"},{value:"Dolor"}],actions:[{primary:!0,label:"Add",icon:"add",onClick:()=>{}}]}],rows:[{cells:[{value:"Brown rice"},{value:100},{value:361},{value:"Vietnam"},{value:"Lorem"},{value:"Ipsum"},{value:"Dolor"}],actions:[{label:"Delete",icon:"minus",onClick:()=>{}}]},{cells:[{value:"Buckwheat"},{value:50},{value:358},{value:"Poland"},{value:"Lorem"},{value:"Ipsum"},{value:"Dolor"}],actions:[{label:"Delete",icon:"minus",onClick:()=>{}}]},{cells:[{value:"Couscous"},{value:10},{value:368},{value:"France"},{value:"Lorem"},{value:"Ipsum"},{value:"Dolor"}],actions:[{label:"test",icon:"minus",onClick:()=>{},hidden:!0}]}]},K={headers:[{cells:[{value:"Name"},{value:"Weight (kg)"},{value:"Energy (kcal / 100g)"},{value:"Origin"}],actions:[{primary:!0,label:"Add",icon:"add",onClick:()=>{}}]}],rows:[{cells:[{value:"Brown rice"},{value:100},{value:361},{value:"Vietnam"}],actions:[{label:"More",subActions:[{label:"Move Up",icon:"up",onClick:()=>{}},{label:"Move Down",icon:"down",onClick:()=>{}}]},{label:"Delete",icon:"minus",onClick:()=>{}}]},{cells:[{value:"Buckwheat"},{value:50},{value:358},{value:"Poland"}],actions:[{label:"More",subActions:[{label:"Move Up",icon:"up",onClick:()=>{}},{label:"Move Down",icon:"down",onClick:()=>{}}]},{label:"Delete",icon:"minus",onClick:()=>{}}]},{cells:[{value:"Couscous"},{value:10},{value:368},{value:"France"}],actions:[{label:"More",subActions:[{label:"Move Up",icon:"up",onClick:()=>{}},{label:"Move Down",icon:"down",onClick:()=>{}}]},{label:"Delete",icon:"minus",onClick:()=>{}}]}]},Q={...e,footer:{content:a.jsxs(a.Fragment,{children:[a.jsx("strong",{children:"Footer content:"})," goes here"]}),pagination:{rowCount:500,selectedPage:10,rowsPerPage:{onChange:()=>{},options:[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],value:20},goTo:{onChange:()=>{}},onSelectPage:()=>{},small:!0},actions:[{label:"Star",icon:"star",onClick:()=>{}}]}},Y={...e,headers:e.headers.map(l=>({...l,cells:l.cells.map(t=>({...t,helpIcon:{onClick:()=>console.log("Help clicked"),tooltip:"Help text goes here"},libraryIcon:{onClick:()=>console.log("Library clicked"),tooltip:"Edit in library"}}))}))},Z={columnWidths:[void 0,"100px","100px","100px",void 0],columnAlignment:["left","right","left","left","left","right"],columnHeaderAlignments:[["left","right","left","left","left","right"]],headers:[{cells:[{value:"Lorem ipsum dolor sit amet consectetur adipiscing elit sed doeius mod tempor incididunt laboreet dolore magna aliqua"},{value:"Weight (kg)"},{value:"Energy (kcal / 100g)"},{value:"Origin"},{value:"Static"},{value:"Static Right"}]}],rows:[{cells:[{breakWord:!0,value:"LoremipsumdolorsitametconsecteturadipiscingelitseddoeiusmodtemporincididuntutlaboreetdoloremagnaaliquaUtenimadminimveniamquisnostrudexercitationullamcolaborisnisiutaliquipexeacommodoconsequatDuisauteiruredolorinreprehenderitinvoluptatevelitessecillumdoloreeullamcolaborisnisiutaliquipexeacommodoconsequatDuisauteiruredolorinreprehenderitinvoluptatevelitessecillumdoloreeufugiatnullapariaturufugiatnullapariatur"},{type:"Select",native:!0,options:[{label:50,value:50},{label:100,value:100}],value:{label:100,value:100},onChange:()=>{},disabled:!0},{type:"Select",options:[{label:"Vietnam",value:"Vietnam"},{label:"Other",value:"Other"}],value:{label:"Vietnam",value:"Vietnam"},onChange:()=>{},error:"Error"},{value:"Brown rice",type:"Input",onChange:()=>{},testId:"table-tbody-cell-brown-rice",warning:"Warning message"},{value:"Static warning",warning:"Warning message"},{value:"100"}]},{cells:[{value:"Buckwheat"},{type:"Select",native:!0,options:[{label:50,value:50},{label:100,value:100}],value:{label:100,value:100},onChange:()=>{}},{type:"Select",options:[{label:"Vietnam",value:"Vietnam"},{label:"Other",value:"Other"}],value:{label:"Vietnam",value:"Vietnam"},onChange:()=>{}},{value:"Brown rice",type:"Input",onChange:()=>{},testId:"table-tbody-cell-brown-rice"},{type:"Link",value:"Static error link",error:"Error message"},{value:"100"}]}]};export{U as A,J as B,$ as C,X as D,K as E,T as F,x as G,F as H,Z as I,S as a,R as b,M as c,i as d,B as e,O as f,j as g,L as h,A as i,D as j,E as k,P as l,_ as m,G as n,V as o,Y as p,N as q,Q as r,s,e as t,z as u,m as v,q as w,f as x,W as y,H as z};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as o}from"./jsx-runtime-f961835c.js";import{r as q}from"./index-f80c8c95.js";import{c as V}from"./index-a80ed1cf.js";import{i as l}from"./types-332ceaf3.js";import{D as I}from"./disabled-context-d654f6ff.js";import{T as N}from"./tooltip-23e84186.js";const R="_inputInTable_hyht1_1",C="_inputHover_hyht1_13",S="_inputFocus_hyht1_18",A="_inputError_hyht1_25",F="_inputWarning_hyht1_26",H="_inputDisabled_hyht1_61",W="_hideScrollbars_hyht1_67",w="_textarea_hyht1_77",D="_small_hyht1_116",P="_error_hyht1_121",j="_warning_hyht1_138",z="_monospace_hyht1_155",t={inputInTable:R,inputHover:C,inputFocus:S,inputError:A,inputWarning:F,inputDisabled:H,hideScrollbars:W,textarea:w,small:D,error:P,warning:j,monospace:z},i=({name:r,value:u="",placeholder:s="",cols:d,rows:m,disabled:c=!1,onChange:p=()=>{},onKeyPress:f=()=>{},onFocus:y=()=>{},onBlur:v=()=>{},tabIndex:_=0,error:e=null,warning:a=null,tooltip:n=null,maxTooltipWidth:h,resize:b,monospace:x=!1,testId:g})=>{const E=q.useContext(I),T=o.jsx("textarea",{className:V(t.textarea,e?t.error:"",a?t.warning:"",x?t.monospace:""),name:r,value:u,placeholder:s,cols:d,rows:m,onChange:p,disabled:c||E,onKeyPress:f,onFocus:y,onBlur:v,tabIndex:_,style:{resize:b},"data-testid":g});return o.jsx(N,{error:!!e,warning:!!a,text:n||e||a,enabled:n&&l(n)||e&&l(e)||a&&l(a)||!1,maxWidth:h,placement:"bottom-center",children:T})};try{i.displayName="TextArea",i.__docgenInfo={description:"",displayName:"TextArea",props:{name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},value:{defaultValue:{value:""},description:"",name:"value",required:!1,type:{name:"TStringOrNumber"}},placeholder:{defaultValue:{value:""},description:"",name:"placeholder",required:!1,type:{name:"string"}},cols:{defaultValue:null,description:"",name:"cols",required:!1,type:{name:"number"}},rows:{defaultValue:null,description:"",name:"rows",required:!1,type:{name:"number"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},onChange:{defaultValue:{value:"() => {}"},description:"",name:"onChange",required:!1,type:{name:"((evt: ChangeEvent<HTMLTextAreaElement>) => void)"}},onKeyPress:{defaultValue:{value:"() => {}"},description:"",name:"onKeyPress",required:!1,type:{name:"((evt: KeyboardEvent<HTMLTextAreaElement>) => void)"}},onFocus:{defaultValue:{value:"() => {}"},description:"",name:"onFocus",required:!1,type:{name:"((evt: FocusEvent<HTMLTextAreaElement, Element>) => void)"}},onBlur:{defaultValue:{value:"() => {}"},description:"",name:"onBlur",required:!1,type:{name:"((evt: FocusEvent<HTMLTextAreaElement, Element>) => void)"}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},error:{defaultValue:{value:"null"},description:"",name:"error",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},warning:{defaultValue:{value:"null"},description:"",name:"warning",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},tooltip:{defaultValue:{value:"null"},description:"",name:"tooltip",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},maxTooltipWidth:{defaultValue:null,description:"",name:"maxTooltipWidth",required:!1,type:{name:"TStringOrNumber"}},resize:{defaultValue:null,description:"",name:"resize",required:!1,type:{name:"enum",value:[{value:'"
|
|
1
|
+
import{j as o}from"./jsx-runtime-f961835c.js";import{r as q}from"./index-f80c8c95.js";import{c as V}from"./index-a80ed1cf.js";import{i as l}from"./types-332ceaf3.js";import{D as I}from"./disabled-context-d654f6ff.js";import{T as N}from"./tooltip-23e84186.js";const R="_inputInTable_hyht1_1",C="_inputHover_hyht1_13",S="_inputFocus_hyht1_18",A="_inputError_hyht1_25",F="_inputWarning_hyht1_26",H="_inputDisabled_hyht1_61",W="_hideScrollbars_hyht1_67",w="_textarea_hyht1_77",D="_small_hyht1_116",P="_error_hyht1_121",j="_warning_hyht1_138",z="_monospace_hyht1_155",t={inputInTable:R,inputHover:C,inputFocus:S,inputError:A,inputWarning:F,inputDisabled:H,hideScrollbars:W,textarea:w,small:D,error:P,warning:j,monospace:z},i=({name:r,value:u="",placeholder:s="",cols:d,rows:m,disabled:c=!1,onChange:p=()=>{},onKeyPress:f=()=>{},onFocus:y=()=>{},onBlur:v=()=>{},tabIndex:_=0,error:e=null,warning:a=null,tooltip:n=null,maxTooltipWidth:h,resize:b,monospace:x=!1,testId:g})=>{const E=q.useContext(I),T=o.jsx("textarea",{className:V(t.textarea,e?t.error:"",a?t.warning:"",x?t.monospace:""),name:r,value:u,placeholder:s,cols:d,rows:m,onChange:p,disabled:c||E,onKeyPress:f,onFocus:y,onBlur:v,tabIndex:_,style:{resize:b},"data-testid":g});return o.jsx(N,{error:!!e,warning:!!a,text:n||e||a,enabled:n&&l(n)||e&&l(e)||a&&l(a)||!1,maxWidth:h,placement:"bottom-center",children:T})};try{i.displayName="TextArea",i.__docgenInfo={description:"",displayName:"TextArea",props:{name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},value:{defaultValue:{value:""},description:"",name:"value",required:!1,type:{name:"TStringOrNumber"}},placeholder:{defaultValue:{value:""},description:"",name:"placeholder",required:!1,type:{name:"string"}},cols:{defaultValue:null,description:"",name:"cols",required:!1,type:{name:"number"}},rows:{defaultValue:null,description:"",name:"rows",required:!1,type:{name:"number"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},onChange:{defaultValue:{value:"() => {}"},description:"",name:"onChange",required:!1,type:{name:"((evt: ChangeEvent<HTMLTextAreaElement>) => void)"}},onKeyPress:{defaultValue:{value:"() => {}"},description:"",name:"onKeyPress",required:!1,type:{name:"((evt: KeyboardEvent<HTMLTextAreaElement>) => void)"}},onFocus:{defaultValue:{value:"() => {}"},description:"",name:"onFocus",required:!1,type:{name:"((evt: FocusEvent<HTMLTextAreaElement, Element>) => void)"}},onBlur:{defaultValue:{value:"() => {}"},description:"",name:"onBlur",required:!1,type:{name:"((evt: FocusEvent<HTMLTextAreaElement, Element>) => void)"}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},error:{defaultValue:{value:"null"},description:"",name:"error",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},warning:{defaultValue:{value:"null"},description:"",name:"warning",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},tooltip:{defaultValue:{value:"null"},description:"",name:"tooltip",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},maxTooltipWidth:{defaultValue:null,description:"",name:"maxTooltipWidth",required:!1,type:{name:"TStringOrNumber"}},resize:{defaultValue:null,description:"",name:"resize",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"inherit"'},{value:'"inline"'},{value:'"initial"'},{value:'"-moz-initial"'},{value:'"revert"'},{value:'"revert-layer"'},{value:'"unset"'},{value:'"vertical"'},{value:'"block"'},{value:'"both"'},{value:'"horizontal"'}]}},monospace:{defaultValue:{value:"false"},description:"",name:"monospace",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}export{i as T};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as u}from"./jsx-runtime-f961835c.js";import{T as s}from"./textarea-
|
|
1
|
+
import{j as u}from"./jsx-runtime-f961835c.js";import{T as s}from"./textarea-cd192287.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./disabled-context-d654f6ff.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";const{useArgs:g}=__STORYBOOK_MODULE_ADDONS__,C={title:"Forms/TextArea",component:s,args:{disabled:!1}},c=n=>{const[i,o]=g(),m=p=>{o({value:p.target.value})};return u.jsx(s,{...n,onChange:m})},e=c.bind({});var t,r,a;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:`args => {
|
|
2
2
|
const [_, updateArgs] = useArgs();
|
|
3
3
|
const handleChange = (evt: ChangeEvent<HTMLTextAreaElement>) => {
|
|
4
4
|
updateArgs({
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as B}from"./jsx-runtime-f961835c.js";import{T as X}from"./table-
|
|
1
|
+
import{j as B}from"./jsx-runtime-f961835c.js";import{T as X}from"./table-14d09eed.js";import{t as O,h as W,i as q,j as z,k as D,l as G,m as K,n as M,o as P,p as Q}from"./table.stories-data-609c613f.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./index.es-ddd8aaab.js";import"./inheritsLoose-d4851ab8.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./index-3d476d02.js";import"./memoize-one.esm-52518564.js";import"./icon-afbea088.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./lodash-75c70a11.js";import"./actions-7f428221.js";import"./common-types-2c81813f.js";import"./button-1a6432ca.js";import"./spinner-cb92a546.js";import"./tooltip-23e84186.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-3abf067b.js";import"./heading-e7d165ab.js";import"./help-icon-45458fb1.js";import"./pagination-cfbe0404.js";import"./select-c8f67cba.js";import"./assertThisInitialized-081f9914.js";import"./text-ad1f5f1d.js";import"./select.input-88b6ebab.js";import"./input-d116362c.js";import"./input-group-20c3add3.js";import"./input-group-addon-f8f6683a.js";import"./number-input-2867677b.js";import"./index-54f0d271.js";import"./check-box-7706d069.js";import"./slider-054cbf00.js";import"./index-c7f280f6.js";import"./popover-2bc1502d.js";import"./flex-47732c42.js";const Xr={title:"Basic/Table/Title & Header",component:X,args:{table:{...O}}},r=k=>B.jsx(X,{...k}),e=r.bind({});e.args={table:W};const s=r.bind({});s.args={table:q};const a=r.bind({});a.args={table:z};const t=r.bind({});t.args={table:D};const o=r.bind({});o.args={table:G};const n=r.bind({});n.args={table:K};const i=r.bind({});i.args={table:M};const p=r.bind({});p.args={table:P};const l=r.bind({});l.args={table:Q};var m,c,d;e.parameters={...e.parameters,docs:{...(m=e.parameters)==null?void 0:m.docs,source:{originalSource:`args => {
|
|
2
2
|
return <Table
|
|
3
3
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
4
4
|
{...args} />;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-toast-width: 320px;--toastify-toast-background: #fff;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 );--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error)}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index) px);position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:1em;left:1em}.Toastify__toast-container--top-center{top:1em;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:1em;right:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width : 480px){.Toastify__toast-container{width:100vw;padding:0;left:0;margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:0;transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:0;transform:translate(0)}.Toastify__toast-container--rtl{right:0;left:initial}}.Toastify__toast{position:relative;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:4px;box-shadow:0 1px 10px #0000001a,0 2px 15px #0000000d;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:var(--toastify-toast-max-height);overflow:hidden;font-family:var(--toastify-font-family);cursor:pointer;direction:ltr}.Toastify__toast--rtl{direction:rtl}.Toastify__toast-body{margin:auto 0;-ms-flex:1 1 auto;flex:1 1 auto;padding:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Toastify__toast-body>div:last-child{-ms-flex:1;flex:1}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:20px;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.7s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width : 480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(110%,0,0)}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-110%,0,0)}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.Toastify__toast{padding:0;min-height:inherit;font-family:inherit;background-color:#0000}.Toastify__toast .Toastify__toast-body{display:block;padding:0}.Toastify__toast .Toastify__toast-body>div>div{padding-right:calc(var(--size-sm) + var(--padding-sm) + var(--padding-xxs))}
|
|
1
|
+
:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-toast-width: 320px;--toastify-toast-background: #fff;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 );--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error)}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index) px);position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:1em;left:1em}.Toastify__toast-container--top-center{top:1em;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:1em;right:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width : 480px){.Toastify__toast-container{width:100vw;padding:0;left:0;margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:0;transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:0;transform:translate(0)}.Toastify__toast-container--rtl{right:0;left:initial}}.Toastify__toast{position:relative;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:4px;box-shadow:0 1px 10px #0000001a,0 2px 15px #0000000d;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:var(--toastify-toast-max-height);overflow:hidden;font-family:var(--toastify-font-family);cursor:pointer;direction:ltr}.Toastify__toast--rtl{direction:rtl}.Toastify__toast-body{margin:auto 0;-ms-flex:1 1 auto;flex:1 1 auto;padding:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Toastify__toast-body>div:last-child{-ms-flex:1;flex:1}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:20px;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.7s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width : 480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(110%,0,0)}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-110%,0,0)}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.Toastify__toast{padding:0;min-height:inherit;font-family:inherit;background-color:#0000;box-shadow:var(--shadow-layer)}.Toastify__toast .Toastify__toast-body{display:block;padding:0}.Toastify__toast .Toastify__toast-body>div>div{padding-right:calc(var(--size-sm) + var(--padding-sm) + var(--padding-xxs))}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as ue}from"./jsx-runtime-f961835c.js";import{r as o,R as de}from"./index-f80c8c95.js";import{r as _e}from"./index-3d476d02.js";import{M as Y,a as Le,D as xe}from"./types-d4d30d1e.js";function ye(e){var t,n,a="";if(typeof e=="string"||typeof e=="number")a+=e;else if(typeof e=="object")if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(n=ye(e[t]))&&(a&&(a+=" "),a+=n);else for(t in e)e[t]&&(a&&(a+=" "),a+=t);return a}function F(){for(var e,t,n=0,a="";n<arguments.length;)(e=arguments[n++])&&(t=ye(e))&&(a&&(a+=" "),a+=t);return a}function S(){return S=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},S.apply(this,arguments)}function Te(e,t){if(e==null)return{};var n={},a=Object.keys(e),l,f;for(f=0;f<a.length;f++)l=a[f],!(t.indexOf(l)>=0)&&(n[l]=e[l]);return n}function K(e){return typeof e=="number"&&!isNaN(e)}function Q(e){return typeof e=="boolean"}function q(e){return typeof e=="string"}function _(e){return typeof e=="function"}function X(e){return q(e)||_(e)?e:null}function ae(e){return e===0||e}function Se(e,t){return e===!1||K(e)&&e>0?e:t}var he=!!(typeof window<"u"&&window.document&&window.document.createElement);function se(e){return o.isValidElement(e)||q(e)||_(e)||K(e)}var pe={TOP_LEFT:"top-left",TOP_RIGHT:"top-right",TOP_CENTER:"top-center",BOTTOM_LEFT:"bottom-left",BOTTOM_RIGHT:"bottom-right",BOTTOM_CENTER:"bottom-center"},A={INFO:"info",SUCCESS:"success",WARNING:"warning",ERROR:"error",DEFAULT:"default"};function De(e,t,n){n===void 0&&(n=300);var a=e.scrollHeight,l=e.style;requestAnimationFrame(function(){l.minHeight="initial",l.height=a+"px",l.transition="all "+n+"ms",requestAnimationFrame(function(){l.height="0",l.padding="0",l.margin="0",setTimeout(t,n)})})}function Ee(e){var t=e.enter,n=e.exit,a=e.appendPosition,l=a===void 0?!1:a,f=e.collapse,g=f===void 0?!0:f,v=e.collapseDuration,s=v===void 0?300:v;return function(T){var I=T.children,h=T.position,p=T.preventExitTransition,R=T.done,E=T.nodeRef,O=T.isIn,c=l?t+"--"+h:t,d=l?n+"--"+h:n,C=o.useRef(),b=o.useRef(0);o.useLayoutEffect(function(){r()},[]),o.useEffect(function(){O||(p?L():D())},[O]);function r(){var i=E.current;C.current=i.className,i.className+=" "+c,i.addEventListener("animationend",P),i.addEventListener("animationcancel",P)}function P(i){if(i.target===E.current){var m=E.current;m.dispatchEvent(new Event("d")),m.removeEventListener("animationend",P),m.removeEventListener("animationcancel",P),b.current===0&&(m.className=C.current)}}function D(){b.current=1;var i=E.current;i.className+=" "+d,i.addEventListener("animationend",L)}function L(){var i=E.current;i.removeEventListener("animationend",L),g?De(i,R,s):R()}return de.createElement(de.Fragment,null,I)}}var w={list:new Map,emitQueue:new Map,on:function(t,n){return this.list.has(t)||this.list.set(t,[]),this.list.get(t).push(n),this},off:function(t,n){if(n){var a=this.list.get(t).filter(function(l){return l!==n});return this.list.set(t,a),this}return this.list.delete(t),this},cancelEmit:function(t){var n=this.emitQueue.get(t);return n&&(n.forEach(clearTimeout),this.emitQueue.delete(t)),this},emit:function(t){for(var n=this,a=arguments.length,l=new Array(a>1?a-1:0),f=1;f<a;f++)l[f-1]=arguments[f];this.list.has(t)&&this.list.get(t).forEach(function(g){var v=setTimeout(function(){g.apply(void 0,l)},0);n.emitQueue.has(t)||n.emitQueue.set(t,[]),n.emitQueue.get(t).push(v)})}},Be=["delay","staleId"];function we(e){var t=o.useReducer(function(c){return c+1},0),n=t[1],a=o.useState([]),l=a[0],f=a[1],g=o.useRef(null),v=o.useRef(new Map).current,s=function(d){return l.indexOf(d)!==-1},u=o.useRef({toastKey:1,displayedToast:0,count:0,queue:[],props:e,containerId:null,isToastActive:s,getToast:function(d){return v.get(d)}}).current;o.useEffect(function(){return u.containerId=e.containerId,w.cancelEmit(3).on(0,R).on(1,function(c){return g.current&&I(c)}).on(5,T).emit(2,u),function(){return w.emit(3,u)}},[]),o.useEffect(function(){u.isToastActive=s,u.displayedToast=l.length,w.emit(4,l.length,e.containerId)},[l]),o.useEffect(function(){u.props=e});function T(c){var d=c.containerId,C=u.props.limit;C&&(!d||u.containerId===d)&&(u.count-=u.queue.length,u.queue=[])}function I(c){f(function(d){return ae(c)?d.filter(function(C){return C!==c}):[]})}function h(){var c=u.queue.shift(),d=c.toastContent,C=c.toastProps,b=c.staleId;E(d,C,b)}function p(c){return!g.current||u.props.enableMultiContainer&&c.containerId!==u.props.containerId||v.has(c.toastId)&&c.updateId==null}function R(c,d){var C=d.delay,b=d.staleId,r=Te(d,Be);if(!(!se(c)||p(r))){var P=r.toastId,D=r.updateId,L=r.data,i=u.props,m=function(){return I(P)},N=D==null;N&&u.count++;var x={toastId:P,updateId:D,isLoading:r.isLoading,theme:r.theme||i.theme,icon:r.icon!=null?r.icon:i.icon,isIn:!1,key:r.key||u.toastKey++,type:r.type,closeToast:m,closeButton:r.closeButton,rtl:i.rtl,position:r.position||i.position,transition:r.transition||i.transition,className:X(r.className||i.toastClassName),bodyClassName:X(r.bodyClassName||i.bodyClassName),style:r.style||i.toastStyle,bodyStyle:r.bodyStyle||i.bodyStyle,onClick:r.onClick||i.onClick,pauseOnHover:Q(r.pauseOnHover)?r.pauseOnHover:i.pauseOnHover,pauseOnFocusLoss:Q(r.pauseOnFocusLoss)?r.pauseOnFocusLoss:i.pauseOnFocusLoss,draggable:Q(r.draggable)?r.draggable:i.draggable,draggablePercent:r.draggablePercent||i.draggablePercent,draggableDirection:r.draggableDirection||i.draggableDirection,closeOnClick:Q(r.closeOnClick)?r.closeOnClick:i.closeOnClick,progressClassName:X(r.progressClassName||i.progressClassName),progressStyle:r.progressStyle||i.progressStyle,autoClose:r.isLoading?!1:Se(r.autoClose,i.autoClose),hideProgressBar:Q(r.hideProgressBar)?r.hideProgressBar:i.hideProgressBar,progress:r.progress,role:r.role||i.role,deleteToast:function(){v.delete(P);var H=u.queue.length;if(u.count=ae(P)?u.count-1:u.count-u.displayedToast,u.count<0&&(u.count=0),H>0){var B=ae(P)?1:u.props.limit;if(H===1||B===1)u.displayedToast++,h();else{var j=B>H?H:B;u.displayedToast=j;for(var V=0;V<j;V++)h()}}else n()}};_(r.onOpen)&&(x.onOpen=r.onOpen),_(r.onClose)&&(x.onClose=r.onClose),x.closeButton=i.closeButton,r.closeButton===!1||se(r.closeButton)?x.closeButton=r.closeButton:r.closeButton===!0&&(x.closeButton=se(i.closeButton)?i.closeButton:!0);var M=c;o.isValidElement(c)&&!q(c.type)?M=o.cloneElement(c,{closeToast:m,toastProps:x,data:L}):_(c)&&(M=c({closeToast:m,toastProps:x,data:L})),i.limit&&i.limit>0&&u.count>i.limit&&N?u.queue.push({toastContent:M,toastProps:x,staleId:b}):K(C)&&C>0?setTimeout(function(){E(M,x,b)},C):E(M,x,b)}}function E(c,d,C){var b=d.toastId;C&&v.delete(C),v.set(b,{content:c,props:d}),f(function(r){return[].concat(r,[b]).filter(function(P){return P!==C})})}function O(c){var d=new Map,C=Array.from(v.values());return e.newestOnTop&&C.reverse(),C.forEach(function(b){var r=b.props.position;d.has(r)||d.set(r,[]),d.get(r).push(b)}),Array.from(d,function(b){return c(b[0],b[1])})}return{getToastToRender:O,containerRef:g,isToastActive:s}}function fe(e){return e.targetTouches&&e.targetTouches.length>=1?e.targetTouches[0].clientX:e.clientX}function me(e){return e.targetTouches&&e.targetTouches.length>=1?e.targetTouches[0].clientY:e.clientY}function Me(e){var t=o.useState(!1),n=t[0],a=t[1],l=o.useState(!1),f=l[0],g=l[1],v=o.useRef(null),s=o.useRef({start:0,x:0,y:0,delta:0,removalDistance:0,canCloseOnClick:!0,canDrag:!1,boundingRect:null,didMove:!1}).current,u=o.useRef(e),T=e.autoClose,I=e.pauseOnHover,h=e.closeToast,p=e.onClick,R=e.closeOnClick;o.useEffect(function(){u.current=e}),o.useEffect(function(){return v.current&&v.current.addEventListener("d",c,{once:!0}),_(e.onOpen)&&e.onOpen(o.isValidElement(e.children)&&e.children.props),function(){var m=u.current;_(m.onClose)&&m.onClose(o.isValidElement(m.children)&&m.children.props)}},[]),o.useEffect(function(){return e.pauseOnFocusLoss&&C(),function(){e.pauseOnFocusLoss&&b()}},[e.pauseOnFocusLoss]);function E(m){if(e.draggable){r();var N=v.current;s.canCloseOnClick=!0,s.canDrag=!0,s.boundingRect=N.getBoundingClientRect(),N.style.transition="",s.x=fe(m.nativeEvent),s.y=me(m.nativeEvent),e.draggableDirection==="x"?(s.start=s.x,s.removalDistance=N.offsetWidth*(e.draggablePercent/100)):(s.start=s.y,s.removalDistance=N.offsetHeight*(e.draggablePercent===80?e.draggablePercent*1.5:e.draggablePercent/100))}}function O(){if(s.boundingRect){var m=s.boundingRect,N=m.top,x=m.bottom,M=m.left,k=m.right;e.pauseOnHover&&s.x>=M&&s.x<=k&&s.y>=N&&s.y<=x?d():c()}}function c(){a(!0)}function d(){a(!1)}function C(){document.hasFocus()||d(),window.addEventListener("focus",c),window.addEventListener("blur",d)}function b(){window.removeEventListener("focus",c),window.removeEventListener("blur",d)}function r(){s.didMove=!1,document.addEventListener("mousemove",D),document.addEventListener("mouseup",L),document.addEventListener("touchmove",D),document.addEventListener("touchend",L)}function P(){document.removeEventListener("mousemove",D),document.removeEventListener("mouseup",L),document.removeEventListener("touchmove",D),document.removeEventListener("touchend",L)}function D(m){var N=v.current;s.canDrag&&N&&(s.didMove=!0,n&&d(),s.x=fe(m),s.y=me(m),e.draggableDirection==="x"?s.delta=s.x-s.start:s.delta=s.y-s.start,s.start!==s.x&&(s.canCloseOnClick=!1),N.style.transform="translate"+e.draggableDirection+"("+s.delta+"px)",N.style.opacity=""+(1-Math.abs(s.delta/s.removalDistance)))}function L(){P();var m=v.current;if(s.canDrag&&s.didMove&&m){if(s.canDrag=!1,Math.abs(s.delta)>s.removalDistance){g(!0),e.closeToast();return}m.style.transition="transform 0.2s, opacity 0.2s",m.style.transform="translate"+e.draggableDirection+"(0)",m.style.opacity="1"}}var i={onMouseDown:E,onTouchStart:E,onMouseUp:O,onTouchEnd:O};return T&&I&&(i.onMouseEnter=d,i.onMouseLeave=c),R&&(i.onClick=function(m){p&&p(m),s.canCloseOnClick&&h()}),{playToast:c,pauseToast:d,isRunning:n,preventExitTransition:f,toastRef:v,eventHandlers:i}}function Ce(e){var t=e.closeToast,n=e.theme,a=e.ariaLabel,l=a===void 0?"close":a;return o.createElement("button",{className:"Toastify__close-button Toastify__close-button--"+n,type:"button",onClick:function(g){g.stopPropagation(),t(g)},"aria-label":l},o.createElement("svg",{"aria-hidden":"true",viewBox:"0 0 14 16"},o.createElement("path",{fillRule:"evenodd",d:"M7.71 8.23l3.75 3.75-1.48 1.48-3.75-3.75-3.75 3.75L1 11.98l3.75-3.75L1 4.48 2.48 3l3.75 3.75L9.98 3l1.48 1.48-3.75 3.75z"})))}function be(e){var t,n,a=e.delay,l=e.isRunning,f=e.closeToast,g=e.type,v=e.hide,s=e.className,u=e.style,T=e.controlledProgress,I=e.progress,h=e.rtl,p=e.isIn,R=e.theme,E=S({},u,{animationDuration:a+"ms",animationPlayState:l?"running":"paused",opacity:v?0:1});T&&(E.transform="scaleX("+I+")");var O=F("Toastify__progress-bar",T?"Toastify__progress-bar--controlled":"Toastify__progress-bar--animated","Toastify__progress-bar-theme--"+R,"Toastify__progress-bar--"+g,(t={},t["Toastify__progress-bar--rtl"]=h,t)),c=_(s)?s({rtl:h,type:g,defaultClassName:O}):F(O,s),d=(n={},n[T&&I>=1?"onTransitionEnd":"onAnimationEnd"]=T&&I<1?null:function(){p&&f()},n);return o.createElement("div",Object.assign({role:"progressbar","aria-hidden":v?"true":"false","aria-label":"notification timer",className:c,style:E},d))}be.defaultProps={type:A.DEFAULT,hide:!1};var Ae=["theme","type"],J=function(t){var n=t.theme,a=t.type,l=Te(t,Ae);return o.createElement("svg",Object.assign({viewBox:"0 0 24 24",width:"100%",height:"100%",fill:n==="colored"?"currentColor":"var(--toastify-icon-color-"+a+")"},l))};function Fe(e){return o.createElement(J,Object.assign({},e),o.createElement("path",{d:"M23.32 17.191L15.438 2.184C14.728.833 13.416 0 11.996 0c-1.42 0-2.733.833-3.443 2.184L.533 17.448a4.744 4.744 0 000 4.368C1.243 23.167 2.555 24 3.975 24h16.05C22.22 24 24 22.044 24 19.632c0-.904-.251-1.746-.68-2.44zm-9.622 1.46c0 1.033-.724 1.823-1.698 1.823s-1.698-.79-1.698-1.822v-.043c0-1.028.724-1.822 1.698-1.822s1.698.79 1.698 1.822v.043zm.039-12.285l-.84 8.06c-.057.581-.408.943-.897.943-.49 0-.84-.367-.896-.942l-.84-8.065c-.057-.624.25-1.095.779-1.095h1.91c.528.005.84.476.784 1.1z"}))}function ke(e){return o.createElement(J,Object.assign({},e),o.createElement("path",{d:"M12 0a12 12 0 1012 12A12.013 12.013 0 0012 0zm.25 5a1.5 1.5 0 11-1.5 1.5 1.5 1.5 0 011.5-1.5zm2.25 13.5h-4a1 1 0 010-2h.75a.25.25 0 00.25-.25v-4.5a.25.25 0 00-.25-.25h-.75a1 1 0 010-2h1a2 2 0 012 2v4.75a.25.25 0 00.25.25h.75a1 1 0 110 2z"}))}function He(e){return o.createElement(J,Object.assign({},e),o.createElement("path",{d:"M12 0a12 12 0 1012 12A12.014 12.014 0 0012 0zm6.927 8.2l-6.845 9.289a1.011 1.011 0 01-1.43.188l-4.888-3.908a1 1 0 111.25-1.562l4.076 3.261 6.227-8.451a1 1 0 111.61 1.183z"}))}function je(e){return o.createElement(J,Object.assign({},e),o.createElement("path",{d:"M11.983 0a12.206 12.206 0 00-8.51 3.653A11.8 11.8 0 000 12.207 11.779 11.779 0 0011.8 24h.214A12.111 12.111 0 0024 11.791 11.766 11.766 0 0011.983 0zM10.5 16.542a1.476 1.476 0 011.449-1.53h.027a1.527 1.527 0 011.523 1.47 1.475 1.475 0 01-1.449 1.53h-.027a1.529 1.529 0 01-1.523-1.47zM11 12.5v-6a1 1 0 012 0v6a1 1 0 11-2 0z"}))}function ze(){return o.createElement("div",{className:"Toastify__spinner"})}var ve={info:ke,warning:Fe,success:He,error:je,spinner:ze},qe=function(t){var n,a,l=Me(t),f=l.isRunning,g=l.preventExitTransition,v=l.toastRef,s=l.eventHandlers,u=t.closeButton,T=t.children,I=t.autoClose,h=t.onClick,p=t.type,R=t.hideProgressBar,E=t.closeToast,O=t.transition,c=t.position,d=t.className,C=t.style,b=t.bodyClassName,r=t.bodyStyle,P=t.progressClassName,D=t.progressStyle,L=t.updateId,i=t.role,m=t.progress,N=t.rtl,x=t.toastId,M=t.deleteToast,k=t.isIn,H=t.isLoading,B=t.icon,j=t.theme,V=F("Toastify__toast","Toastify__toast-theme--"+j,"Toastify__toast--"+p,(n={},n["Toastify__toast--rtl"]=N,n)),Re=_(d)?d({rtl:N,position:c,type:p,defaultClassName:V}):F(V,d),te=!!m,le=ve[p],ne={theme:j,type:p},z=le&&le(ne);B===!1?z=void 0:_(B)?z=B(ne):o.isValidElement(B)?z=o.cloneElement(B,ne):q(B)?z=B:H&&(z=ve.spinner());function Pe(W){if(W){var ce={closeToast:E,type:p,theme:j};if(_(W))return W(ce);if(o.isValidElement(W))return o.cloneElement(W,ce)}}return o.createElement(O,{isIn:k,done:M,position:c,preventExitTransition:g,nodeRef:v},o.createElement("div",Object.assign({id:x,onClick:h,className:Re},s,{style:C,ref:v}),o.createElement("div",Object.assign({},k&&{role:i},{className:_(b)?b({type:p}):F("Toastify__toast-body",b),style:r}),z&&o.createElement("div",{className:F("Toastify__toast-icon",(a={},a["Toastify--animate-icon Toastify__zoom-enter"]=!H,a))},z),o.createElement("div",null,T)),Pe(u),(I||te)&&o.createElement(be,Object.assign({},L&&!te?{key:"pb-"+L}:{},{rtl:N,theme:j,delay:I,isRunning:f,isIn:k,closeToast:E,hide:R,type:p,style:D,className:P,controlledProgress:te,progress:m}))))},Ue=Ee({enter:"Toastify--animate Toastify__bounce-enter",exit:"Toastify--animate Toastify__bounce-exit",appendPosition:!0}),Ve=Ee({enter:"Toastify--animate Toastify__slide-enter",exit:"Toastify--animate Toastify__slide-exit",appendPosition:!0}),Ie=function(t){var n=we(t),a=n.getToastToRender,l=n.containerRef,f=n.isToastActive,g=t.className,v=t.style,s=t.rtl,u=t.containerId;function T(I){var h,p=F("Toastify__toast-container","Toastify__toast-container--"+I,(h={},h["Toastify__toast-container--rtl"]=s,h));return _(g)?g({position:I,rtl:s,defaultClassName:p}):F(p,X(g))}return o.createElement("div",{ref:l,className:"Toastify",id:u},a(function(I,h){var p=h.length?S({},v):S({},v,{pointerEvents:"none"});return o.createElement("div",{className:T(I),style:p,key:"container-"+I},h.map(function(R){var E=R.content,O=R.props;return o.createElement(qe,Object.assign({},O,{isIn:f(O.toastId),key:"toast-"+O.key,closeButton:O.closeButton===!0?Ce:O.closeButton}),E)}))}))};Ie.defaultProps={position:pe.TOP_RIGHT,transition:Ue,rtl:!1,autoClose:5e3,hideProgressBar:!1,closeButton:Ce,pauseOnHover:!0,pauseOnFocusLoss:!0,closeOnClick:!0,newestOnTop:!1,draggable:!0,draggablePercent:80,draggableDirection:"x",role:"alert",theme:"light"};var U=new Map,re,G,Oe,oe=[],ie=!1;function We(e,t){var n=t.containerId,a=U.get(n||re);return a?a.getToast(e):null}function Ne(){return Math.random().toString(36).substring(2,9)}function Ye(e){return e&&(q(e.toastId)||K(e.toastId))?e.toastId:Ne()}function $(e,t){return U.size>0?w.emit(0,e,t):(oe.push({content:e,options:t}),ie&&he&&(ie=!1,G=document.createElement("div"),document.body.appendChild(G),_e.render(o.createElement(Ie,Object.assign({},Oe)),G))),t.toastId}function Z(e,t){return S({},t,{type:t&&t.type||e,toastId:Ye(t)})}function ee(e){return function(t,n){return $(t,Z(e,n))}}function y(e,t){return $(e,Z(A.DEFAULT,t))}y.loading=function(e,t){return $(e,Z(A.DEFAULT,S({isLoading:!0,autoClose:!1,closeOnClick:!1,closeButton:!1,draggable:!1},t)))};function Qe(e,t,n){var a=t.pending,l=t.error,f=t.success,g;a&&(g=q(a)?y.loading(a,n):y.loading(a.render,S({},n,a)));var v={isLoading:null,autoClose:null,closeOnClick:null,closeButton:null,draggable:null},s=function(I,h,p){if(h==null){y.dismiss(g);return}var R=S({type:I},v,n,{data:p}),E=q(h)?{render:h}:h;return g?y.update(g,S({},R,E)):y(E.render,S({},R,E)),p},u=_(e)?e():e;return u.then(function(T){return s("success",f,T)}).catch(function(T){return s("error",l,T)}),u}y.promise=Qe;y.success=ee(A.SUCCESS);y.info=ee(A.INFO);y.error=ee(A.ERROR);y.warning=ee(A.WARNING);y.warn=y.warning;y.dark=function(e,t){return $(e,Z(A.DEFAULT,S({theme:"dark"},t)))};y.dismiss=function(e){return w.emit(1,e)};y.clearWaitingQueue=function(e){return e===void 0&&(e={}),w.emit(5,e)};y.isActive=function(e){var t=!1;return U.forEach(function(n){n.isToastActive&&n.isToastActive(e)&&(t=!0)}),t};y.update=function(e,t){t===void 0&&(t={}),setTimeout(function(){var n=We(e,t);if(n){var a=n.props,l=n.content,f=S({},a,t,{toastId:t.toastId||e,updateId:Ne()});f.toastId!==e&&(f.staleId=e);var g=f.render||l;delete f.render,$(g,f)}},0)};y.done=function(e){y.update(e,{progress:1})};y.onChange=function(e){return _(e)&&w.on(4,e),function(){_(e)&&w.off(4,e)}};y.configure=function(e){e===void 0&&(e={}),ie=!0,Oe=e};y.POSITION=pe;y.TYPE=A;w.on(2,function(e){re=e.containerId||e,U.set(re,e),oe.forEach(function(t){w.emit(0,t.content,t.options)}),oe=[]}).on(3,function(e){U.delete(e.containerId||e),U.size===0&&w.off(0).off(1).off(5),he&&G&&document.body.removeChild(G)});const ge=({id:e,message:t={type:Y.INFO,content:""},autoClose:n=6e3,onClose:a})=>{const{type:l=Y.INFO}=t??{},f=({closeToast:s})=>ue.jsx(xe,{type:l,onClose:s,isInToast:!0}),g=ue.jsx(Le,{message:{...t,visible:!0,width:"100%",maxHeight:"500px",withDismiss:!1}}),v=(()=>{switch(t==null?void 0:t.type){case Y.SUCCESS:return y.TYPE.SUCCESS;case Y.WARNING:return y.TYPE.WARNING;case Y.ERROR:return y.TYPE.ERROR;default:return y.TYPE.INFO}})();return e!==void 0&&y.isActive(e)?y.update(e,{render:g,autoClose:n,onClose:a,type:v}):y(g,{toastId:e,autoClose:n,onClose:a,hideProgressBar:!1,icon:!1,closeOnClick:!1,pauseOnHover:!0,draggable:!1,closeButton:f,transition:Ve,type:v})};try{ToastContainer.displayName="ToastContainer",ToastContainer.__docgenInfo={description:"",displayName:"ToastContainer",props:{}}}catch{}try{ge.displayName="toast",ge.__docgenInfo={description:"",displayName:"toast",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"Id"}},message:{defaultValue:{value:"{ type: MessageType.INFO, content: '' }"},description:"",name:"message",required:!1,type:{name:"IMessageType"}},autoClose:{defaultValue:{value:"6000"},description:"",name:"autoClose",required:!1,type:{name:"number"}},onClose:{defaultValue:null,description:"",name:"onClose",required:!1,type:{name:"TEmpty"}}}}}catch{}export{Ie as T,ge as t};
|
|
1
|
+
import{j as ue}from"./jsx-runtime-f961835c.js";import{r as o,R as de}from"./index-f80c8c95.js";import{r as _e}from"./index-3d476d02.js";import{M as Y,a as Le,D as xe}from"./types-912e634b.js";function ye(e){var t,n,a="";if(typeof e=="string"||typeof e=="number")a+=e;else if(typeof e=="object")if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(n=ye(e[t]))&&(a&&(a+=" "),a+=n);else for(t in e)e[t]&&(a&&(a+=" "),a+=t);return a}function F(){for(var e,t,n=0,a="";n<arguments.length;)(e=arguments[n++])&&(t=ye(e))&&(a&&(a+=" "),a+=t);return a}function S(){return S=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},S.apply(this,arguments)}function Te(e,t){if(e==null)return{};var n={},a=Object.keys(e),l,f;for(f=0;f<a.length;f++)l=a[f],!(t.indexOf(l)>=0)&&(n[l]=e[l]);return n}function K(e){return typeof e=="number"&&!isNaN(e)}function Q(e){return typeof e=="boolean"}function q(e){return typeof e=="string"}function _(e){return typeof e=="function"}function X(e){return q(e)||_(e)?e:null}function ae(e){return e===0||e}function Se(e,t){return e===!1||K(e)&&e>0?e:t}var he=!!(typeof window<"u"&&window.document&&window.document.createElement);function se(e){return o.isValidElement(e)||q(e)||_(e)||K(e)}var pe={TOP_LEFT:"top-left",TOP_RIGHT:"top-right",TOP_CENTER:"top-center",BOTTOM_LEFT:"bottom-left",BOTTOM_RIGHT:"bottom-right",BOTTOM_CENTER:"bottom-center"},A={INFO:"info",SUCCESS:"success",WARNING:"warning",ERROR:"error",DEFAULT:"default"};function De(e,t,n){n===void 0&&(n=300);var a=e.scrollHeight,l=e.style;requestAnimationFrame(function(){l.minHeight="initial",l.height=a+"px",l.transition="all "+n+"ms",requestAnimationFrame(function(){l.height="0",l.padding="0",l.margin="0",setTimeout(t,n)})})}function Ee(e){var t=e.enter,n=e.exit,a=e.appendPosition,l=a===void 0?!1:a,f=e.collapse,g=f===void 0?!0:f,v=e.collapseDuration,s=v===void 0?300:v;return function(T){var I=T.children,h=T.position,p=T.preventExitTransition,R=T.done,E=T.nodeRef,O=T.isIn,c=l?t+"--"+h:t,d=l?n+"--"+h:n,C=o.useRef(),b=o.useRef(0);o.useLayoutEffect(function(){r()},[]),o.useEffect(function(){O||(p?L():D())},[O]);function r(){var i=E.current;C.current=i.className,i.className+=" "+c,i.addEventListener("animationend",P),i.addEventListener("animationcancel",P)}function P(i){if(i.target===E.current){var m=E.current;m.dispatchEvent(new Event("d")),m.removeEventListener("animationend",P),m.removeEventListener("animationcancel",P),b.current===0&&(m.className=C.current)}}function D(){b.current=1;var i=E.current;i.className+=" "+d,i.addEventListener("animationend",L)}function L(){var i=E.current;i.removeEventListener("animationend",L),g?De(i,R,s):R()}return de.createElement(de.Fragment,null,I)}}var w={list:new Map,emitQueue:new Map,on:function(t,n){return this.list.has(t)||this.list.set(t,[]),this.list.get(t).push(n),this},off:function(t,n){if(n){var a=this.list.get(t).filter(function(l){return l!==n});return this.list.set(t,a),this}return this.list.delete(t),this},cancelEmit:function(t){var n=this.emitQueue.get(t);return n&&(n.forEach(clearTimeout),this.emitQueue.delete(t)),this},emit:function(t){for(var n=this,a=arguments.length,l=new Array(a>1?a-1:0),f=1;f<a;f++)l[f-1]=arguments[f];this.list.has(t)&&this.list.get(t).forEach(function(g){var v=setTimeout(function(){g.apply(void 0,l)},0);n.emitQueue.has(t)||n.emitQueue.set(t,[]),n.emitQueue.get(t).push(v)})}},Be=["delay","staleId"];function we(e){var t=o.useReducer(function(c){return c+1},0),n=t[1],a=o.useState([]),l=a[0],f=a[1],g=o.useRef(null),v=o.useRef(new Map).current,s=function(d){return l.indexOf(d)!==-1},u=o.useRef({toastKey:1,displayedToast:0,count:0,queue:[],props:e,containerId:null,isToastActive:s,getToast:function(d){return v.get(d)}}).current;o.useEffect(function(){return u.containerId=e.containerId,w.cancelEmit(3).on(0,R).on(1,function(c){return g.current&&I(c)}).on(5,T).emit(2,u),function(){return w.emit(3,u)}},[]),o.useEffect(function(){u.isToastActive=s,u.displayedToast=l.length,w.emit(4,l.length,e.containerId)},[l]),o.useEffect(function(){u.props=e});function T(c){var d=c.containerId,C=u.props.limit;C&&(!d||u.containerId===d)&&(u.count-=u.queue.length,u.queue=[])}function I(c){f(function(d){return ae(c)?d.filter(function(C){return C!==c}):[]})}function h(){var c=u.queue.shift(),d=c.toastContent,C=c.toastProps,b=c.staleId;E(d,C,b)}function p(c){return!g.current||u.props.enableMultiContainer&&c.containerId!==u.props.containerId||v.has(c.toastId)&&c.updateId==null}function R(c,d){var C=d.delay,b=d.staleId,r=Te(d,Be);if(!(!se(c)||p(r))){var P=r.toastId,D=r.updateId,L=r.data,i=u.props,m=function(){return I(P)},N=D==null;N&&u.count++;var x={toastId:P,updateId:D,isLoading:r.isLoading,theme:r.theme||i.theme,icon:r.icon!=null?r.icon:i.icon,isIn:!1,key:r.key||u.toastKey++,type:r.type,closeToast:m,closeButton:r.closeButton,rtl:i.rtl,position:r.position||i.position,transition:r.transition||i.transition,className:X(r.className||i.toastClassName),bodyClassName:X(r.bodyClassName||i.bodyClassName),style:r.style||i.toastStyle,bodyStyle:r.bodyStyle||i.bodyStyle,onClick:r.onClick||i.onClick,pauseOnHover:Q(r.pauseOnHover)?r.pauseOnHover:i.pauseOnHover,pauseOnFocusLoss:Q(r.pauseOnFocusLoss)?r.pauseOnFocusLoss:i.pauseOnFocusLoss,draggable:Q(r.draggable)?r.draggable:i.draggable,draggablePercent:r.draggablePercent||i.draggablePercent,draggableDirection:r.draggableDirection||i.draggableDirection,closeOnClick:Q(r.closeOnClick)?r.closeOnClick:i.closeOnClick,progressClassName:X(r.progressClassName||i.progressClassName),progressStyle:r.progressStyle||i.progressStyle,autoClose:r.isLoading?!1:Se(r.autoClose,i.autoClose),hideProgressBar:Q(r.hideProgressBar)?r.hideProgressBar:i.hideProgressBar,progress:r.progress,role:r.role||i.role,deleteToast:function(){v.delete(P);var H=u.queue.length;if(u.count=ae(P)?u.count-1:u.count-u.displayedToast,u.count<0&&(u.count=0),H>0){var B=ae(P)?1:u.props.limit;if(H===1||B===1)u.displayedToast++,h();else{var j=B>H?H:B;u.displayedToast=j;for(var V=0;V<j;V++)h()}}else n()}};_(r.onOpen)&&(x.onOpen=r.onOpen),_(r.onClose)&&(x.onClose=r.onClose),x.closeButton=i.closeButton,r.closeButton===!1||se(r.closeButton)?x.closeButton=r.closeButton:r.closeButton===!0&&(x.closeButton=se(i.closeButton)?i.closeButton:!0);var M=c;o.isValidElement(c)&&!q(c.type)?M=o.cloneElement(c,{closeToast:m,toastProps:x,data:L}):_(c)&&(M=c({closeToast:m,toastProps:x,data:L})),i.limit&&i.limit>0&&u.count>i.limit&&N?u.queue.push({toastContent:M,toastProps:x,staleId:b}):K(C)&&C>0?setTimeout(function(){E(M,x,b)},C):E(M,x,b)}}function E(c,d,C){var b=d.toastId;C&&v.delete(C),v.set(b,{content:c,props:d}),f(function(r){return[].concat(r,[b]).filter(function(P){return P!==C})})}function O(c){var d=new Map,C=Array.from(v.values());return e.newestOnTop&&C.reverse(),C.forEach(function(b){var r=b.props.position;d.has(r)||d.set(r,[]),d.get(r).push(b)}),Array.from(d,function(b){return c(b[0],b[1])})}return{getToastToRender:O,containerRef:g,isToastActive:s}}function fe(e){return e.targetTouches&&e.targetTouches.length>=1?e.targetTouches[0].clientX:e.clientX}function me(e){return e.targetTouches&&e.targetTouches.length>=1?e.targetTouches[0].clientY:e.clientY}function Me(e){var t=o.useState(!1),n=t[0],a=t[1],l=o.useState(!1),f=l[0],g=l[1],v=o.useRef(null),s=o.useRef({start:0,x:0,y:0,delta:0,removalDistance:0,canCloseOnClick:!0,canDrag:!1,boundingRect:null,didMove:!1}).current,u=o.useRef(e),T=e.autoClose,I=e.pauseOnHover,h=e.closeToast,p=e.onClick,R=e.closeOnClick;o.useEffect(function(){u.current=e}),o.useEffect(function(){return v.current&&v.current.addEventListener("d",c,{once:!0}),_(e.onOpen)&&e.onOpen(o.isValidElement(e.children)&&e.children.props),function(){var m=u.current;_(m.onClose)&&m.onClose(o.isValidElement(m.children)&&m.children.props)}},[]),o.useEffect(function(){return e.pauseOnFocusLoss&&C(),function(){e.pauseOnFocusLoss&&b()}},[e.pauseOnFocusLoss]);function E(m){if(e.draggable){r();var N=v.current;s.canCloseOnClick=!0,s.canDrag=!0,s.boundingRect=N.getBoundingClientRect(),N.style.transition="",s.x=fe(m.nativeEvent),s.y=me(m.nativeEvent),e.draggableDirection==="x"?(s.start=s.x,s.removalDistance=N.offsetWidth*(e.draggablePercent/100)):(s.start=s.y,s.removalDistance=N.offsetHeight*(e.draggablePercent===80?e.draggablePercent*1.5:e.draggablePercent/100))}}function O(){if(s.boundingRect){var m=s.boundingRect,N=m.top,x=m.bottom,M=m.left,k=m.right;e.pauseOnHover&&s.x>=M&&s.x<=k&&s.y>=N&&s.y<=x?d():c()}}function c(){a(!0)}function d(){a(!1)}function C(){document.hasFocus()||d(),window.addEventListener("focus",c),window.addEventListener("blur",d)}function b(){window.removeEventListener("focus",c),window.removeEventListener("blur",d)}function r(){s.didMove=!1,document.addEventListener("mousemove",D),document.addEventListener("mouseup",L),document.addEventListener("touchmove",D),document.addEventListener("touchend",L)}function P(){document.removeEventListener("mousemove",D),document.removeEventListener("mouseup",L),document.removeEventListener("touchmove",D),document.removeEventListener("touchend",L)}function D(m){var N=v.current;s.canDrag&&N&&(s.didMove=!0,n&&d(),s.x=fe(m),s.y=me(m),e.draggableDirection==="x"?s.delta=s.x-s.start:s.delta=s.y-s.start,s.start!==s.x&&(s.canCloseOnClick=!1),N.style.transform="translate"+e.draggableDirection+"("+s.delta+"px)",N.style.opacity=""+(1-Math.abs(s.delta/s.removalDistance)))}function L(){P();var m=v.current;if(s.canDrag&&s.didMove&&m){if(s.canDrag=!1,Math.abs(s.delta)>s.removalDistance){g(!0),e.closeToast();return}m.style.transition="transform 0.2s, opacity 0.2s",m.style.transform="translate"+e.draggableDirection+"(0)",m.style.opacity="1"}}var i={onMouseDown:E,onTouchStart:E,onMouseUp:O,onTouchEnd:O};return T&&I&&(i.onMouseEnter=d,i.onMouseLeave=c),R&&(i.onClick=function(m){p&&p(m),s.canCloseOnClick&&h()}),{playToast:c,pauseToast:d,isRunning:n,preventExitTransition:f,toastRef:v,eventHandlers:i}}function Ce(e){var t=e.closeToast,n=e.theme,a=e.ariaLabel,l=a===void 0?"close":a;return o.createElement("button",{className:"Toastify__close-button Toastify__close-button--"+n,type:"button",onClick:function(g){g.stopPropagation(),t(g)},"aria-label":l},o.createElement("svg",{"aria-hidden":"true",viewBox:"0 0 14 16"},o.createElement("path",{fillRule:"evenodd",d:"M7.71 8.23l3.75 3.75-1.48 1.48-3.75-3.75-3.75 3.75L1 11.98l3.75-3.75L1 4.48 2.48 3l3.75 3.75L9.98 3l1.48 1.48-3.75 3.75z"})))}function be(e){var t,n,a=e.delay,l=e.isRunning,f=e.closeToast,g=e.type,v=e.hide,s=e.className,u=e.style,T=e.controlledProgress,I=e.progress,h=e.rtl,p=e.isIn,R=e.theme,E=S({},u,{animationDuration:a+"ms",animationPlayState:l?"running":"paused",opacity:v?0:1});T&&(E.transform="scaleX("+I+")");var O=F("Toastify__progress-bar",T?"Toastify__progress-bar--controlled":"Toastify__progress-bar--animated","Toastify__progress-bar-theme--"+R,"Toastify__progress-bar--"+g,(t={},t["Toastify__progress-bar--rtl"]=h,t)),c=_(s)?s({rtl:h,type:g,defaultClassName:O}):F(O,s),d=(n={},n[T&&I>=1?"onTransitionEnd":"onAnimationEnd"]=T&&I<1?null:function(){p&&f()},n);return o.createElement("div",Object.assign({role:"progressbar","aria-hidden":v?"true":"false","aria-label":"notification timer",className:c,style:E},d))}be.defaultProps={type:A.DEFAULT,hide:!1};var Ae=["theme","type"],J=function(t){var n=t.theme,a=t.type,l=Te(t,Ae);return o.createElement("svg",Object.assign({viewBox:"0 0 24 24",width:"100%",height:"100%",fill:n==="colored"?"currentColor":"var(--toastify-icon-color-"+a+")"},l))};function Fe(e){return o.createElement(J,Object.assign({},e),o.createElement("path",{d:"M23.32 17.191L15.438 2.184C14.728.833 13.416 0 11.996 0c-1.42 0-2.733.833-3.443 2.184L.533 17.448a4.744 4.744 0 000 4.368C1.243 23.167 2.555 24 3.975 24h16.05C22.22 24 24 22.044 24 19.632c0-.904-.251-1.746-.68-2.44zm-9.622 1.46c0 1.033-.724 1.823-1.698 1.823s-1.698-.79-1.698-1.822v-.043c0-1.028.724-1.822 1.698-1.822s1.698.79 1.698 1.822v.043zm.039-12.285l-.84 8.06c-.057.581-.408.943-.897.943-.49 0-.84-.367-.896-.942l-.84-8.065c-.057-.624.25-1.095.779-1.095h1.91c.528.005.84.476.784 1.1z"}))}function ke(e){return o.createElement(J,Object.assign({},e),o.createElement("path",{d:"M12 0a12 12 0 1012 12A12.013 12.013 0 0012 0zm.25 5a1.5 1.5 0 11-1.5 1.5 1.5 1.5 0 011.5-1.5zm2.25 13.5h-4a1 1 0 010-2h.75a.25.25 0 00.25-.25v-4.5a.25.25 0 00-.25-.25h-.75a1 1 0 010-2h1a2 2 0 012 2v4.75a.25.25 0 00.25.25h.75a1 1 0 110 2z"}))}function He(e){return o.createElement(J,Object.assign({},e),o.createElement("path",{d:"M12 0a12 12 0 1012 12A12.014 12.014 0 0012 0zm6.927 8.2l-6.845 9.289a1.011 1.011 0 01-1.43.188l-4.888-3.908a1 1 0 111.25-1.562l4.076 3.261 6.227-8.451a1 1 0 111.61 1.183z"}))}function je(e){return o.createElement(J,Object.assign({},e),o.createElement("path",{d:"M11.983 0a12.206 12.206 0 00-8.51 3.653A11.8 11.8 0 000 12.207 11.779 11.779 0 0011.8 24h.214A12.111 12.111 0 0024 11.791 11.766 11.766 0 0011.983 0zM10.5 16.542a1.476 1.476 0 011.449-1.53h.027a1.527 1.527 0 011.523 1.47 1.475 1.475 0 01-1.449 1.53h-.027a1.529 1.529 0 01-1.523-1.47zM11 12.5v-6a1 1 0 012 0v6a1 1 0 11-2 0z"}))}function ze(){return o.createElement("div",{className:"Toastify__spinner"})}var ve={info:ke,warning:Fe,success:He,error:je,spinner:ze},qe=function(t){var n,a,l=Me(t),f=l.isRunning,g=l.preventExitTransition,v=l.toastRef,s=l.eventHandlers,u=t.closeButton,T=t.children,I=t.autoClose,h=t.onClick,p=t.type,R=t.hideProgressBar,E=t.closeToast,O=t.transition,c=t.position,d=t.className,C=t.style,b=t.bodyClassName,r=t.bodyStyle,P=t.progressClassName,D=t.progressStyle,L=t.updateId,i=t.role,m=t.progress,N=t.rtl,x=t.toastId,M=t.deleteToast,k=t.isIn,H=t.isLoading,B=t.icon,j=t.theme,V=F("Toastify__toast","Toastify__toast-theme--"+j,"Toastify__toast--"+p,(n={},n["Toastify__toast--rtl"]=N,n)),Re=_(d)?d({rtl:N,position:c,type:p,defaultClassName:V}):F(V,d),te=!!m,le=ve[p],ne={theme:j,type:p},z=le&&le(ne);B===!1?z=void 0:_(B)?z=B(ne):o.isValidElement(B)?z=o.cloneElement(B,ne):q(B)?z=B:H&&(z=ve.spinner());function Pe(W){if(W){var ce={closeToast:E,type:p,theme:j};if(_(W))return W(ce);if(o.isValidElement(W))return o.cloneElement(W,ce)}}return o.createElement(O,{isIn:k,done:M,position:c,preventExitTransition:g,nodeRef:v},o.createElement("div",Object.assign({id:x,onClick:h,className:Re},s,{style:C,ref:v}),o.createElement("div",Object.assign({},k&&{role:i},{className:_(b)?b({type:p}):F("Toastify__toast-body",b),style:r}),z&&o.createElement("div",{className:F("Toastify__toast-icon",(a={},a["Toastify--animate-icon Toastify__zoom-enter"]=!H,a))},z),o.createElement("div",null,T)),Pe(u),(I||te)&&o.createElement(be,Object.assign({},L&&!te?{key:"pb-"+L}:{},{rtl:N,theme:j,delay:I,isRunning:f,isIn:k,closeToast:E,hide:R,type:p,style:D,className:P,controlledProgress:te,progress:m}))))},Ue=Ee({enter:"Toastify--animate Toastify__bounce-enter",exit:"Toastify--animate Toastify__bounce-exit",appendPosition:!0}),Ve=Ee({enter:"Toastify--animate Toastify__slide-enter",exit:"Toastify--animate Toastify__slide-exit",appendPosition:!0}),Ie=function(t){var n=we(t),a=n.getToastToRender,l=n.containerRef,f=n.isToastActive,g=t.className,v=t.style,s=t.rtl,u=t.containerId;function T(I){var h,p=F("Toastify__toast-container","Toastify__toast-container--"+I,(h={},h["Toastify__toast-container--rtl"]=s,h));return _(g)?g({position:I,rtl:s,defaultClassName:p}):F(p,X(g))}return o.createElement("div",{ref:l,className:"Toastify",id:u},a(function(I,h){var p=h.length?S({},v):S({},v,{pointerEvents:"none"});return o.createElement("div",{className:T(I),style:p,key:"container-"+I},h.map(function(R){var E=R.content,O=R.props;return o.createElement(qe,Object.assign({},O,{isIn:f(O.toastId),key:"toast-"+O.key,closeButton:O.closeButton===!0?Ce:O.closeButton}),E)}))}))};Ie.defaultProps={position:pe.TOP_RIGHT,transition:Ue,rtl:!1,autoClose:5e3,hideProgressBar:!1,closeButton:Ce,pauseOnHover:!0,pauseOnFocusLoss:!0,closeOnClick:!0,newestOnTop:!1,draggable:!0,draggablePercent:80,draggableDirection:"x",role:"alert",theme:"light"};var U=new Map,re,G,Oe,oe=[],ie=!1;function We(e,t){var n=t.containerId,a=U.get(n||re);return a?a.getToast(e):null}function Ne(){return Math.random().toString(36).substring(2,9)}function Ye(e){return e&&(q(e.toastId)||K(e.toastId))?e.toastId:Ne()}function $(e,t){return U.size>0?w.emit(0,e,t):(oe.push({content:e,options:t}),ie&&he&&(ie=!1,G=document.createElement("div"),document.body.appendChild(G),_e.render(o.createElement(Ie,Object.assign({},Oe)),G))),t.toastId}function Z(e,t){return S({},t,{type:t&&t.type||e,toastId:Ye(t)})}function ee(e){return function(t,n){return $(t,Z(e,n))}}function y(e,t){return $(e,Z(A.DEFAULT,t))}y.loading=function(e,t){return $(e,Z(A.DEFAULT,S({isLoading:!0,autoClose:!1,closeOnClick:!1,closeButton:!1,draggable:!1},t)))};function Qe(e,t,n){var a=t.pending,l=t.error,f=t.success,g;a&&(g=q(a)?y.loading(a,n):y.loading(a.render,S({},n,a)));var v={isLoading:null,autoClose:null,closeOnClick:null,closeButton:null,draggable:null},s=function(I,h,p){if(h==null){y.dismiss(g);return}var R=S({type:I},v,n,{data:p}),E=q(h)?{render:h}:h;return g?y.update(g,S({},R,E)):y(E.render,S({},R,E)),p},u=_(e)?e():e;return u.then(function(T){return s("success",f,T)}).catch(function(T){return s("error",l,T)}),u}y.promise=Qe;y.success=ee(A.SUCCESS);y.info=ee(A.INFO);y.error=ee(A.ERROR);y.warning=ee(A.WARNING);y.warn=y.warning;y.dark=function(e,t){return $(e,Z(A.DEFAULT,S({theme:"dark"},t)))};y.dismiss=function(e){return w.emit(1,e)};y.clearWaitingQueue=function(e){return e===void 0&&(e={}),w.emit(5,e)};y.isActive=function(e){var t=!1;return U.forEach(function(n){n.isToastActive&&n.isToastActive(e)&&(t=!0)}),t};y.update=function(e,t){t===void 0&&(t={}),setTimeout(function(){var n=We(e,t);if(n){var a=n.props,l=n.content,f=S({},a,t,{toastId:t.toastId||e,updateId:Ne()});f.toastId!==e&&(f.staleId=e);var g=f.render||l;delete f.render,$(g,f)}},0)};y.done=function(e){y.update(e,{progress:1})};y.onChange=function(e){return _(e)&&w.on(4,e),function(){_(e)&&w.off(4,e)}};y.configure=function(e){e===void 0&&(e={}),ie=!0,Oe=e};y.POSITION=pe;y.TYPE=A;w.on(2,function(e){re=e.containerId||e,U.set(re,e),oe.forEach(function(t){w.emit(0,t.content,t.options)}),oe=[]}).on(3,function(e){U.delete(e.containerId||e),U.size===0&&w.off(0).off(1).off(5),he&&G&&document.body.removeChild(G)});const ge=({id:e,message:t={type:Y.INFO,content:""},autoClose:n=6e3,onClose:a})=>{const{type:l=Y.INFO}=t??{},f=({closeToast:s})=>ue.jsx(xe,{type:l,onClose:s,isInToast:!0}),g=ue.jsx(Le,{message:{...t,visible:!0,width:"100%",maxHeight:"500px",withDismiss:!1}}),v=(()=>{switch(t==null?void 0:t.type){case Y.SUCCESS:return y.TYPE.SUCCESS;case Y.WARNING:return y.TYPE.WARNING;case Y.ERROR:return y.TYPE.ERROR;default:return y.TYPE.INFO}})();return e!==void 0&&y.isActive(e)?y.update(e,{render:g,autoClose:n,onClose:a,type:v}):y(g,{toastId:e,autoClose:n,onClose:a,hideProgressBar:!1,icon:!1,closeOnClick:!1,pauseOnHover:!0,draggable:!1,closeButton:f,transition:Ve,type:v})};try{ToastContainer.displayName="ToastContainer",ToastContainer.__docgenInfo={description:"",displayName:"ToastContainer",props:{}}}catch{}try{ge.displayName="toast",ge.__docgenInfo={description:"",displayName:"toast",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"Id"}},message:{defaultValue:{value:"{ type: MessageType.INFO, content: '' }"},description:"",name:"message",required:!1,type:{name:"IMessageType"}},autoClose:{defaultValue:{value:"6000"},description:"",name:"autoClose",required:!1,type:{name:"number"}},onClose:{defaultValue:null,description:"",name:"onClose",required:!1,type:{name:"TEmpty"}}}}}catch{}export{Ie as T,ge as t};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-f961835c.js";import{t as s}from"./toaster-
|
|
1
|
+
import{j as e}from"./jsx-runtime-f961835c.js";import{t as s}from"./toaster-fcfecfd1.js";import{B as o}from"./button-1a6432ca.js";import{S as n}from"./spacer-54db0620.js";import{M as r}from"./types-912e634b.js";import"./index-f80c8c95.js";import"./index-3d476d02.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./spinner-cb92a546.js";import"./index-c89a1915.js";import"./icon-afbea088.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./tooltip-23e84186.js";const S={type:r.SUCCESS,icon:!0,heading:"Heading",content:"Great results"},C={type:r.ERROR,icon:!0,heading:"Heading",content:"An error has happened",details:"Bad input data lorem ipsum dolor est compendum lorem ipsum."},h={type:r.WARNING,icon:!0,heading:"Heading",content:"Warning message"},g={type:r.INFO,icon:!0,heading:"Heading",content:"Long content lorem ipsum dolor est compendum lorem ipsum."},q={title:"Modals/Toaster",parameters:{docs:{story:{inline:!1,iframeHeight:400}}},source:{type:"code"},args:{id:void 0,message:g,autoClose:6e3,onClose:()=>{}}},f=()=>e.jsxs(e.Fragment,{children:[e.jsx(o,{label:"Info",onClick:()=>s({message:g,onClose:()=>console.log("toast closed")})}),e.jsx(n,{}),e.jsx(o,{label:"Error",onClick:()=>s({message:C,onClose:()=>console.log("toast closed")})}),e.jsx(n,{}),e.jsx(o,{label:"Warning",onClick:()=>s({message:h,onClose:()=>console.log("toast closed")})}),e.jsx(n,{}),e.jsx(o,{label:"Success",onClick:()=>s({message:S,onClose:()=>console.log("toast closed")})})]}),a=f.bind({}),t=()=>e.jsx(o,{label:"Show Toast",onClick:()=>{const c=Math.random()>=.5;s({message:{type:c?"Success":"Error",icon:!0,content:c?"Success":"Error"},onClose:()=>console.log("toast closed"),id:"uniqueId"})}});t.parameters={docs:{iframeHeight:200,description:{story:"Pass a unique `id` in the `toast` object to prevent duplicates. Successive toasts with the same ID will update the existing toast."}}};var l,i,m;a.parameters={...a.parameters,docs:{...(l=a.parameters)==null?void 0:l.docs,source:{originalSource:`() => {
|
|
2
2
|
return <>
|
|
3
3
|
<Button label="Info" onClick={() => toast({
|
|
4
4
|
message: messageInfo,
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root{--color-background-toggle: rgba(0, 0, 0, .2);--color-background-toggle-hover: rgba(0, 0, 0, .25)}[data-theme=dark]{--color-background-toggle: rgba(255, 255, 255, .2);--color-background-toggle-hover: rgba(255, 255, 255, .3)}._toggle_6nx51_9{--size-toggle: var(--size-xs);position:relative;display:inline-flex;align-items:center;gap:var(--padding-xxs);backface-visibility:hidden;outline:0;vertical-align:baseline;font-style:normal;min-height:var(--size-toggle);font-size:inherit;line-height:var(--size-toggle);min-width:var(--size-toggle);margin:calc((var(--size) - var(--size-toggle)) / 2) 0}._toggle_6nx51_9._small_6nx51_25{--size-toggle: calc(var(--size-xs) - 4px);margin:calc((var(--size-sm) - var(--size-toggle)) / 2) 0;font-size:var(--font-size-sm)}._toggle_6nx51_9 input{width:calc(var(--size-toggle) * 2);height:var(--size-toggle);cursor:pointer;position:absolute;top:0;left:0;opacity:0!important;outline:0;z-index:3;box-sizing:border-box;padding:0;overflow:visible;font-family:sans-serif;margin:0}._toggle_6nx51_9 label{min-height:var(--size-toggle);padding-left:calc((var(--size-toggle) * 2) + var(--padding-xs));transition:color .1s ease;cursor:auto;position:relative;display:block;outline:0}._toggle_6nx51_9 label:empty{padding-left:calc(var(--size-toggle) * 2)}._toggle_6nx51_9 label:before,._toggle_6nx51_9 label:after{display:block;position:absolute;content:""}._toggle_6nx51_9 label:before{height:var(--size-toggle);border-radius:calc(var(--size-toggle) / 2);z-index:1;transform:none;background:var(--color-background-toggle);box-shadow:none;width:calc(var(--size-toggle) * 2);left:0;top:0;transition:background .3s ease,border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease}._toggle_6nx51_9 label:after{height:calc(var(--size-toggle) - 4px);width:calc(var(--size-toggle) - 4px);border-radius:50%;left:2px;top:50%;transform:translateY(-50%);box-shadow:var(--shadow-button);background:white;opacity:1;z-index:2;transition:background .3s ease,left .3s ease}._toggle_6nx51_9 input:hover~label:before{background:var(--color-background-toggle-hover)}._toggle_6nx51_9 input:checked~label:before{background-color:var(--color-background-button-primary)}._toggle_6nx51_9 input:checked~label:after{left:calc(var(--size-toggle) + 2px)}._toggle_6nx51_9 input:checked:hover~label:before{background-color:var(--color-background-button-primary-hover)}._toggle_6nx51_9._disabled_6nx51_101{cursor:default;pointer-events:none;color:var(--color-text-faint)}._toggle_6nx51_9._disabled_6nx51_101 label:before{background-color:var(--color-background-disabled)}._toggle_6nx51_9._disabled_6nx51_101 label:after{opacity:.4}._noMargin_6nx51_112{margin:0}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as l}from"./jsx-runtime-f961835c.js";import{r as y}from"./index-f80c8c95.js";import{c as _}from"./index-a80ed1cf.js";import{b as x}from"./common-types-2c81813f.js";import{D as b}from"./disabled-context-d654f6ff.js";import{H as C}from"./help-icon-45458fb1.js";const q="_toggle_6nx51_9",V="_small_6nx51_25",v="_disabled_6nx51_101",E="_noMargin_6nx51_112",n={toggle:q,small:V,disabled:v,noMargin:E},d=({name:t,label:u,checked:e=!1,disabled:s,small:m=!1,onChange:p,noMargin:g=!1,testId:f,helpText:r,onClickHelp:o})=>{const i=y.useContext(b),c=r||o;return l.jsxs("div",{className:_(n.toggle,s||i?n.disabled:null,m?n.small:null,g?n.noMargin:null),onClick:a=>{a.target.name=t,a.target.checked=!e,a.target.value=!e,p(a)},"data-testid":f,children:[l.jsx("input",{type:x.CHECKBOX,name:t,value:e==null?void 0:e.toString(),disabled:s||i,checked:e,onChange:()=>{}}),l.jsx("label",{children:u}),c&&l.jsx(C,{text:r,onClick:o})]})};try{d.displayName="Toggle",d.__docgenInfo={description:"",displayName:"Toggle",props:{name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string | ReactElement<any, string | JSXElementConstructor<any>> | null"}},checked:{defaultValue:{value:"false"},description:"",name:"checked",required:!1,type:{name:"boolean"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(evt: ChangeEvent<HTMLInputElement>) => void"}},noMargin:{defaultValue:{value:"false"},description:"",name:"noMargin",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},helpText:{defaultValue:null,description:"",name:"helpText",required:!1,type:{name:"string"}},onClickHelp:{defaultValue:null,description:"",name:"onClickHelp",required:!1,type:{name:"((evt: any) => void)"}}}}}catch{}export{d as T};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as Y}from"./jsx-runtime-f961835c.js";import{r as w}from"./index-f80c8c95.js";import{T as i}from"./toggle-
|
|
1
|
+
import{j as Y}from"./jsx-runtime-f961835c.js";import{r as w}from"./index-f80c8c95.js";import{T as i}from"./toggle-e8622d72.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./help-icon-45458fb1.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./icon-afbea088.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";const{useArgs:y}=__STORYBOOK_MODULE_ADDONS__,se={title:"Forms/Toggle",component:i,args:{label:"Label"}},e=l=>{const[{checked:g},p]=y(),h=()=>{p({checked:!g})};return Y.jsx(i,{...l,onChange:h})},o=e.bind({}),n=e.bind({});n.args={disabled:!0};const s=e.bind({});s.args={checked:!0,disabled:!0};const a=e.bind({});a.args={small:!0};const r=e.bind({});r.args={label:null};const c=e.bind({});c.args={helpText:"Help text"};const t=e.bind({});t.args={onClickHelp:()=>console.log("Help clicked")};const d=()=>{const[l,g]=w.useState(!1);return Y.jsx(i,{name:"name",label:"Label",checked:l,onChange:p=>{const{name:h,value:q,checked:u}=p.target;g(u),console.log(h,q,u)}})};var m,k,C;o.parameters={...o.parameters,docs:{...(m=o.parameters)==null?void 0:m.docs,source:{originalSource:`args => {
|
|
2
2
|
const [{
|
|
3
3
|
checked
|
|
4
4
|
}, updateArgs] = useArgs();
|