@oliasoft-open-source/react-ui-library 4.4.8 → 4.4.9-beta-2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +2 -1
- package/dist/index.js +61 -10
- package/dist/index.js.map +1 -1
- package/dist/storybook/assets/{Color-6VNJS4EI-mlGeGy0N.js → Color-6VNJS4EI-UR0GIGxc.js} +1 -1
- package/dist/storybook/assets/{DocsRenderer-NNNQARDV-FLE8MQVp.js → DocsRenderer-NNNQARDV-xsk8IDEt.js} +1 -1
- package/dist/storybook/assets/{WithTooltip-4HIR6TLV-gwf45DIV.js → WithTooltip-4HIR6TLV-pVgy1VPd.js} +1 -1
- package/dist/storybook/assets/{accordion.stories-yWtLkrNK.js → accordion.stories-DAmwlTmm.js} +1 -1
- package/dist/storybook/assets/{actions-Z9jDWreP.js → actions-SGexXf58.js} +1 -1
- package/dist/storybook/assets/{actions.stories-Qrio9EMy.js → actions.stories-dDCC23QK.js} +1 -1
- package/dist/storybook/assets/{afe.stories-u2K3NwaR.js → afe.stories-1YkAm2l2.js} +1 -1
- package/dist/storybook/assets/{badge.stories-C0MXS15j.js → badge.stories-nzXJ1qip.js} +1 -1
- package/dist/storybook/assets/{blowout.stories-BXWf5R9h.js → blowout.stories-ro9WCHli.js} +1 -1
- package/dist/storybook/assets/{button-7V8oA22w.js → button-IoNblLER.js} +1 -1
- package/dist/storybook/assets/{button-group-q8QKkLVU.js → button-group-KeeGgC4K.js} +1 -1
- package/dist/storybook/assets/{button-group.stories-tLZpLTfD.js → button-group.stories-DG3i2d7K.js} +1 -1
- package/dist/storybook/assets/{button.stories-f6VcbEgi.js → button.stories-vebimSi_.js} +1 -1
- package/dist/storybook/assets/{buttons-and-links-t1EEC4gc.js → buttons-and-links-dnIYywWP.js} +1 -1
- package/dist/storybook/assets/{card.stories-HzHJW6ek.js → card.stories-OtRekExg.js} +1 -1
- package/dist/storybook/assets/{casing-loads.stories-ee6r2j2Q.js → casing-loads.stories--oHbAVn4.js} +1 -1
- package/dist/storybook/assets/cell.stories-nm3Q_0D8.js +212 -0
- package/dist/storybook/assets/{check-box-LZdXXKhv.js → check-box-BX5dfQFk.js} +1 -1
- package/dist/storybook/assets/{check-box.stories-0XCykxnz.js → check-box.stories-FNs72smP.js} +1 -1
- package/dist/storybook/assets/{chunk-HLWAVYOI-53hWDdvc.js → chunk-HLWAVYOI-k6gf1d96.js} +1 -1
- package/dist/storybook/assets/{color-LlgCLGE5.js → color-Cy3ydp1T.js} +1 -1
- package/dist/storybook/assets/{column.stories-6OLsjlcP.js → column.stories-5pd3N4bE.js} +1 -1
- package/dist/storybook/assets/{dialog-WKHRZcjc.js → dialog-dekS0lUR.js} +1 -1
- package/dist/storybook/assets/{drawer-WuErQ5Z8.js → drawer-TM-jK3WR.js} +1 -1
- package/dist/storybook/assets/{drawer.stories-ezk4vO0w.js → drawer.stories-OE24f2Y4.js} +1 -1
- package/dist/storybook/assets/{empty.stories-lva3DbfI.js → empty.stories-KIByp315.js} +1 -1
- package/dist/storybook/assets/{field-eknsj_Ll.js → field-kOZPBHf6.js} +1 -1
- package/dist/storybook/assets/{field.stories-RmhJ16HT.js → field.stories-aEccauPi.js} +1 -1
- package/dist/storybook/assets/{file-input.stories-6NjWeNyC.js → file-input.stories-I6IPu7wX.js} +1 -1
- package/dist/storybook/assets/{flex-3eLDDUyy.js → flex-KzhjL9yc.js} +1 -1
- package/dist/storybook/assets/{flex.stories-_VBDAVzN.js → flex.stories-rDfMJbP6.js} +1 -1
- package/dist/storybook/assets/{footer.stories-m5VFK6Bo.js → footer.stories-FmE2JKok.js} +1 -1
- package/dist/storybook/assets/{form.stories-z3f6tVdU.js → form.stories-rWTgqDNA.js} +1 -1
- package/dist/storybook/assets/{formation.stories-KUe50fTQ.js → formation.stories-ZGzBQKt1.js} +1 -1
- package/dist/storybook/assets/{formatter-SWP5E3XI-TLomX0jS.js → formatter-SWP5E3XI-xxvke7zr.js} +1 -1
- package/dist/storybook/assets/{heading-Bk0bpNfe.js → heading-cUVItwKq.js} +1 -1
- package/dist/storybook/assets/{heading.stories-DmZLaZJb.js → heading.stories-UJlMVVI-.js} +1 -1
- package/dist/storybook/assets/{help-icon--rUDxLUD.js → help-icon-nI9A506M.js} +1 -1
- package/dist/storybook/assets/{help-icon.stories-vifwJgNA.js → help-icon.stories-Qz7MKCnQ.js} +1 -1
- package/dist/storybook/assets/{icon.stories-h0hheUmg.js → icon.stories-D_XEmSGG.js} +1 -1
- package/dist/storybook/assets/{iframe-ujjJUTtn.js → iframe-OdUxEBCn.js} +2 -2
- package/dist/storybook/assets/{index-0dxTfrBP.js → index-7-xF_Wf1.js} +5 -5
- package/dist/storybook/assets/{input-group.stories-WljyIQ0a.js → input-group.stories-EouZEW-v.js} +1 -1
- package/dist/storybook/assets/{input-u1He-wWs.js → input-iDZqV-2m.js} +1 -1
- package/dist/storybook/assets/{input-validation-jCRmk_jl.js → input-validation-aKeFulYg.js} +1 -1
- package/dist/storybook/assets/{input.stories-rLdDRxtU.js → input.stories-iopguZKB.js} +1 -1
- package/dist/storybook/assets/{inputs-ZpY3-Ny4.js → inputs--9ASkoLe.js} +1 -1
- package/dist/storybook/assets/{label-0_Qf6I8t.js → label-RpB4JmHX.js} +1 -1
- package/dist/storybook/assets/{label.stories-aXdU5_Ql.js → label.stories-HcdQ1bEB.js} +1 -1
- package/dist/storybook/assets/{layout-forms-tcQfdK2L.js → layout-forms-bs4G5L9b.js} +1 -1
- package/dist/storybook/assets/{layout-general-bz1oHjNF.js → layout-general-ZfCQGRaN.js} +1 -1
- package/dist/storybook/assets/{list-8l-RGDgw.js → list-ciYNlkVM.js} +1 -1
- package/dist/storybook/assets/{list-heading-Vd3hu5Pf.js → list-heading-XbqCJOHh.js} +1 -1
- package/dist/storybook/assets/{list.stories-uR6izjvO.js → list.stories-G1n5uCjl.js} +1 -1
- package/dist/storybook/assets/{list.stories-data-9RrIjRci.js → list.stories-data-8eswVWst.js} +1 -1
- package/dist/storybook/assets/{loader.stories-0OwmnNML.js → loader.stories-G8Q_Fm8u.js} +1 -1
- package/dist/storybook/assets/{menu.stories-5G4phywO.js → menu.stories-GFJs09Wk.js} +1 -1
- package/dist/storybook/assets/{menu.stories-data-l5rlcD9_.js → menu.stories-data-c8X93fYM.js} +1 -1
- package/dist/storybook/assets/{message.stories-CDgUaLZP.js → message.stories-BqM_-mrZ.js} +1 -1
- package/dist/storybook/assets/{modal.stories-15sY1c5H.js → modal.stories-K4XxeWTp.js} +1 -1
- package/dist/storybook/assets/{number-input-SvjJIGsW.js → number-input-d7hXQldd.js} +1 -1
- package/dist/storybook/assets/{number-input.stories-BURENIFo.js → number-input.stories-SOsG2FLJ.js} +1 -1
- package/dist/storybook/assets/{option-dropdown.stories-Q2zd2AcS.js → option-dropdown.stories-1Y5JDaBF.js} +1 -1
- package/dist/storybook/assets/{padding-and-spacing-dSuzf2dz.js → padding-and-spacing-5Di4mATJ.js} +1 -1
- package/dist/storybook/assets/{page.stories-9XUTUblI.js → page.stories-B5gzoAi8.js} +1 -1
- package/dist/storybook/assets/{pagination-5n5spTRo.js → pagination-Eaj_UOBW.js} +1 -1
- package/dist/storybook/assets/{pagination.stories-g4a-aSxq.js → pagination.stories-sl2a8BMq.js} +1 -1
- package/dist/storybook/assets/{pop-confirm.stories-_agvSFJd.js → pop-confirm.stories-94l3Xg8w.js} +1 -1
- package/dist/storybook/assets/{popover-Y3FpGdUS.js → popover-uAo1e4-D.js} +1 -1
- package/dist/storybook/assets/{popover.stories-bWBLR9fB.js → popover.stories-JVzzF0Jm.js} +1 -1
- package/dist/storybook/assets/{preview-8q_cpMjL.js → preview-isirG_5x.js} +2 -2
- package/dist/storybook/assets/{preview-xbxc--KY.js → preview-vxQ6dQWV.js} +1 -1
- package/dist/storybook/assets/{projects.stories-84p22lkF.js → projects.stories-ojOsn6HU.js} +1 -1
- package/dist/storybook/assets/{radio-button-jHcwHUA4.js → radio-button-QcS9mLYi.js} +1 -1
- package/dist/storybook/assets/{radio-button.stories-LkCJsp5P.js → radio-button.stories-KCS981-F.js} +1 -1
- package/dist/storybook/assets/{reservoirs.stories-CtIlcj-X.js → reservoirs.stories-Dg5QFAXV.js} +1 -1
- package/dist/storybook/assets/{rich-text-input.stories-7UzvJ-A1.js → rich-text-input.stories-D55Op5Gf.js} +1 -1
- package/dist/storybook/assets/{row.stories-uPD-qTX2.js → row.stories-2iigGv-u.js} +1 -1
- package/dist/storybook/assets/{select-JjEPivho.js → select-Z1HqJ5aU.js} +1 -1
- package/dist/storybook/assets/{select.stories-qFDyxRFm.js → select.stories-oUxeDUts.js} +1 -1
- package/dist/storybook/assets/{side-bar-Fjr2t9MT.js → side-bar-GJ2tcZYY.js} +1 -1
- package/dist/storybook/assets/{side-bar.stories-0_pud_bN.js → side-bar.stories-Ld0zOToQ.js} +1 -1
- package/dist/storybook/assets/{site.stories-UH3PK5eu.js → site.stories-OEW6o2C_.js} +1 -1
- package/dist/storybook/assets/{slider-nl2rJ9LF.js → slider-_5NQKbM-.js} +1 -1
- package/dist/storybook/assets/{slider.stories--aZa8kf-.js → slider.stories-QyyBB_rz.js} +1 -1
- package/dist/storybook/assets/{spacer.stories-bgTBb3VB.js → spacer.stories--ynGgvN4.js} +1 -1
- package/dist/storybook/assets/{syntaxhighlighter-NMPM6SWI-1xSal2rv.js → syntaxhighlighter-NMPM6SWI-ex2bNHCn.js} +1 -1
- package/dist/storybook/assets/table-_jWgMFOi.js +1 -0
- package/dist/storybook/assets/{table.stories-GrJ75DyI.js → table.stories-QupkMmra.js} +1 -1
- package/dist/storybook/assets/{table.stories-data-9XfBJddg.js → table.stories-data-w897tYMJ.js} +1 -1
- package/dist/storybook/assets/{textarea-u-nirfI6.js → textarea-mYEkEnUR.js} +1 -1
- package/dist/storybook/assets/{textarea.stories-Hl-oeUWU.js → textarea.stories-ARS3RM31.js} +1 -1
- package/dist/storybook/assets/{title.stories-RyQ9x-ug.js → title.stories-14d2lIxy.js} +1 -1
- package/dist/storybook/assets/{toaster.stories--z_U2gRN.js → toaster.stories-XhUo3pbR.js} +1 -1
- package/dist/storybook/assets/{toggle-BPI2y-lU.js → toggle-wk0GbVB8.js} +1 -1
- package/dist/storybook/assets/{toggle.stories-HiGs6slZ.js → toggle.stories-ItCMhW4M.js} +1 -1
- package/dist/storybook/assets/{tooltip-HEHiU__l.js → tooltip-ZHdi6rl-.js} +1 -1
- package/dist/storybook/assets/{tooltip.stories-tiOgoWHH.js → tooltip.stories-gTfOeEzv.js} +1 -1
- package/dist/storybook/assets/{tooltip.test-case.stories-3T_tzhJs.js → tooltip.test-case.stories-L2bW8Ijz.js} +1 -1
- package/dist/storybook/assets/{top-bar-3dxv0sp9.js → top-bar-0fDAFWyC.js} +1 -1
- package/dist/storybook/assets/{top-bar.stories-sMvXnmhR.js → top-bar.stories-YKtteM_h.js} +1 -1
- package/dist/storybook/assets/{top-bar.testcase.stories-Nb8fdPBS.js → top-bar.testcase.stories-Z-6C5D2R.js} +1 -1
- package/dist/storybook/assets/tree.stories-5fjCVN1S.js +180 -0
- package/dist/storybook/assets/{unit-input.stories-u823izRm.js → unit-input.stories-ZdrR9JWT.js} +1 -1
- 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/404.html +0 -1
- package/dist/storybook/assets/cell.stories-y081eSUk.js +0 -208
- package/dist/storybook/assets/table-lfeSnryj.js +0 -1
- package/dist/storybook/assets/tree.stories-_5t-Rrls.js +0 -128
package/package.json
CHANGED
package/dist/404.html
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<!doctype html><head><title>React UI Library</title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1" user-scalable="no"><meta name="apple-mobile-web-app-capable" content="yes"><script type="module" crossorigin src="/react-ui-library/assets/index-neKlYvgy.js"></script><link rel="stylesheet" crossorigin href="/react-ui-library/assets/index-AkeNwthw.css"></head><body><div id="content"></div></body>
|
|
@@ -1,208 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as U}from"./index-RfLt4OUa.js";import{T as I}from"./table-lfeSnryj.js";import{F as De}from"./field-eknsj_Ll.js";import{B as F}from"./button-7V8oA22w.js";import{I as Me}from"./input-u1He-wWs.js";import{F as Je}from"./flex-3eLDDUyy.js";import{t as ze,s as Xe,u as Ge,v as qe,w as Ke,x as Ne,y as Qe,z as Ve,A as Ye,B as Ze,C as $e,D as _e,E as er,F as rr,G as ar,H as sr,I as tr}from"./table.stories-data-9XfBJddg.js";import"./index-VW3EWkuE.js";import"./index.es-JXn3JM7k.js";import"./inheritsLoose-Y9jOMJLd.js";import"./extends-dGVwEr9R.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./index-miLrID2P.js";import"./memoize-one.esm-hqe5SRxC.js";import"./icon-y1a2N5SZ.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./lodash-Bmg8FrMx.js";import"./actions-Z9jDWreP.js";import"./common-types-U65vzrrz.js";import"./tooltip-HEHiU__l.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./heading-Bk0bpNfe.js";import"./help-icon--rUDxLUD.js";import"./pagination-5n5spTRo.js";import"./select-JjEPivho.js";import"./assertThisInitialized-4q6YPdh3.js";import"./text-6KQ6ntOV.js";import"./select.input-zP5tW20f.js";import"./input-group-R8LoqKRn.js";import"./input-group-addon-BHVsW9mL.js";import"./number-input-SvjJIGsW.js";import"./index-IQMsp8Ab.js";import"./index-cCpkwrS5.js";import"./check-box-LZdXXKhv.js";import"./slider-nl2rJ9LF.js";import"./index-ugi_ZH6T.js";import"./popover-Y3FpGdUS.js";import"./label-0_Qf6I8t.js";import"./spinner-R8Il4aRe.js";const Vr={title:"Basic/Table/Cell",component:I,args:{table:{...ze}}},r=t=>e.jsx(I,{...t}),d=r.bind({});d.args={table:Xe};const m=r.bind({});m.args={table:Ge};const u=r.bind({});u.args={table:qe};const b=r.bind({});b.args={table:Ke};const g=r.bind({});g.args={table:Ne};const v=r.bind({});v.args={table:Qe};const x=r.bind({});x.args={table:Ve};const C=r.bind({});C.args={table:Ye};const h=r.bind({});h.args={table:Ze};const S=r.bind({});S.args={table:$e};const f=r.bind({});f.args={table:_e};const j=r.bind({});j.args={table:er};const y=r.bind({});y.args={table:rr};const T=r.bind({});T.args={table:ar};const n=r.bind({});n.args={table:sr};n.parameters={docs:{description:{story:"Setting `breakWord: true` on a cell will allow very long text strings to break"}}};const P=()=>{const t=["Section","Width","Height"];let p=["","m","m"],W=[...Array(10).keys()].map((l,a)=>[a,a*2,a*2]);const A=()=>{const l=({close:s,value:O})=>e.jsxs(e.Fragment,{children:[e.jsx(De,{label:"Input",children:e.jsx(Me,{value:O,width:"100%"})}),e.jsxs(Je,{gap:!0,children:[e.jsx(F,{colored:!0,label:"Save",onClick:()=>{}}),e.jsx(F,{label:"Cancel",onClick:s})]})]}),a={fixedWidth:"100%",headers:[{cells:t.map(s=>({value:s}))},{cells:[{},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:p[1],type:"Unit"},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:p[2],type:"Unit"}]}],rows:W.map((s,O)=>({cells:[...Array(3).keys()].map((o,c)=>({value:s[c],type:"Popover",content:e.jsx(l,{value:s[c]})}))}))};return e.jsx(I,{table:a})};return e.jsx(A,{})},w=()=>{const t=["Section","Width","Height"];let p=["","m","m"],W=[...Array(10).keys()].map((l,a)=>[a,a*2,a*2]);const A=()=>{const[l,a]=U.useState(!1),s=({close:o,value:c})=>{U.useEffect(()=>{l||a(!0)},[]);const B=()=>{a(!1),o()};return e.jsxs(e.Fragment,{children:[e.jsx(De,{label:"Input",children:e.jsx(Me,{value:c,width:"100%"})}),e.jsxs(Je,{gap:!0,children:[e.jsx(F,{colored:!0,label:"Save",onClick:B}),e.jsx(F,{label:"Cancel",onClick:B})]})]})},O={headers:[{cells:t.map(o=>({value:o}))},{cells:[{},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:p[1],type:"Unit"},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:p[2],type:"Unit"}]}],rows:W.map((o,c)=>({cells:[...Array(3).keys()].map((B,E)=>({value:o[E],type:"Popover",disabled:l,closeOnOutsideClick:!1,content:e.jsx(s,{value:o[E]})}))}))};return e.jsx(I,{table:O})};return e.jsx(A,{})},k=r.bind({});k.args={table:tr};const i=r.bind({});i.args={table:{..._e,name:"Food"}};i.decorators=[t=>e.jsx("div",{style:{width:180,height:180,overflow:"hidden",resize:"both"},children:e.jsx(t,{})})];var L,R,H;d.parameters={...d.parameters,docs:{...(L=d.parameters)==null?void 0:L.docs,source:{originalSource:`args => {
|
|
2
|
-
return <Table
|
|
3
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
4
|
-
{...args} />;
|
|
5
|
-
}`,...(H=(R=d.parameters)==null?void 0:R.docs)==null?void 0:H.source}}};var D,M,J;m.parameters={...m.parameters,docs:{...(D=m.parameters)==null?void 0:D.docs,source:{originalSource:`args => {
|
|
6
|
-
return <Table
|
|
7
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
8
|
-
{...args} />;
|
|
9
|
-
}`,...(J=(M=m.parameters)==null?void 0:M.docs)==null?void 0:J.source}}};var _,z,X;u.parameters={...u.parameters,docs:{...(_=u.parameters)==null?void 0:_.docs,source:{originalSource:`args => {
|
|
10
|
-
return <Table
|
|
11
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
12
|
-
{...args} />;
|
|
13
|
-
}`,...(X=(z=u.parameters)==null?void 0:z.docs)==null?void 0:X.source}}};var G,q,K;b.parameters={...b.parameters,docs:{...(G=b.parameters)==null?void 0:G.docs,source:{originalSource:`args => {
|
|
14
|
-
return <Table
|
|
15
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
16
|
-
{...args} />;
|
|
17
|
-
}`,...(K=(q=b.parameters)==null?void 0:q.docs)==null?void 0:K.source}}};var N,Q,V;g.parameters={...g.parameters,docs:{...(N=g.parameters)==null?void 0:N.docs,source:{originalSource:`args => {
|
|
18
|
-
return <Table
|
|
19
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
20
|
-
{...args} />;
|
|
21
|
-
}`,...(V=(Q=g.parameters)==null?void 0:Q.docs)==null?void 0:V.source}}};var Y,Z,$;v.parameters={...v.parameters,docs:{...(Y=v.parameters)==null?void 0:Y.docs,source:{originalSource:`args => {
|
|
22
|
-
return <Table
|
|
23
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
24
|
-
{...args} />;
|
|
25
|
-
}`,...($=(Z=v.parameters)==null?void 0:Z.docs)==null?void 0:$.source}}};var ee,re,ae;x.parameters={...x.parameters,docs:{...(ee=x.parameters)==null?void 0:ee.docs,source:{originalSource:`args => {
|
|
26
|
-
return <Table
|
|
27
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
28
|
-
{...args} />;
|
|
29
|
-
}`,...(ae=(re=x.parameters)==null?void 0:re.docs)==null?void 0:ae.source}}};var se,te,oe;C.parameters={...C.parameters,docs:{...(se=C.parameters)==null?void 0:se.docs,source:{originalSource:`args => {
|
|
30
|
-
return <Table
|
|
31
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
32
|
-
{...args} />;
|
|
33
|
-
}`,...(oe=(te=C.parameters)==null?void 0:te.docs)==null?void 0:oe.source}}};var le,ne,ie;h.parameters={...h.parameters,docs:{...(le=h.parameters)==null?void 0:le.docs,source:{originalSource:`args => {
|
|
34
|
-
return <Table
|
|
35
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
36
|
-
{...args} />;
|
|
37
|
-
}`,...(ie=(ne=h.parameters)==null?void 0:ne.docs)==null?void 0:ie.source}}};var pe,ce,de;S.parameters={...S.parameters,docs:{...(pe=S.parameters)==null?void 0:pe.docs,source:{originalSource:`args => {
|
|
38
|
-
return <Table
|
|
39
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
40
|
-
{...args} />;
|
|
41
|
-
}`,...(de=(ce=S.parameters)==null?void 0:ce.docs)==null?void 0:de.source}}};var me,ue,be;f.parameters={...f.parameters,docs:{...(me=f.parameters)==null?void 0:me.docs,source:{originalSource:`args => {
|
|
42
|
-
return <Table
|
|
43
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
44
|
-
{...args} />;
|
|
45
|
-
}`,...(be=(ue=f.parameters)==null?void 0:ue.docs)==null?void 0:be.source}}};var ge,ve,xe;j.parameters={...j.parameters,docs:{...(ge=j.parameters)==null?void 0:ge.docs,source:{originalSource:`args => {
|
|
46
|
-
return <Table
|
|
47
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
48
|
-
{...args} />;
|
|
49
|
-
}`,...(xe=(ve=j.parameters)==null?void 0:ve.docs)==null?void 0:xe.source}}};var Ce,he,Se;y.parameters={...y.parameters,docs:{...(Ce=y.parameters)==null?void 0:Ce.docs,source:{originalSource:`args => {
|
|
50
|
-
return <Table
|
|
51
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
52
|
-
{...args} />;
|
|
53
|
-
}`,...(Se=(he=y.parameters)==null?void 0:he.docs)==null?void 0:Se.source}}};var fe,je,ye;T.parameters={...T.parameters,docs:{...(fe=T.parameters)==null?void 0:fe.docs,source:{originalSource:`args => {
|
|
54
|
-
return <Table
|
|
55
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
56
|
-
{...args} />;
|
|
57
|
-
}`,...(ye=(je=T.parameters)==null?void 0:je.docs)==null?void 0:ye.source}}};var Te,ke,Oe;n.parameters={...n.parameters,docs:{...(Te=n.parameters)==null?void 0:Te.docs,source:{originalSource:`args => {
|
|
58
|
-
return <Table
|
|
59
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
60
|
-
{...args} />;
|
|
61
|
-
}`,...(Oe=(ke=n.parameters)==null?void 0:ke.docs)==null?void 0:Oe.source}}};var Pe,we,Fe;P.parameters={...P.parameters,docs:{...(Pe=P.parameters)==null?void 0:Pe.docs,source:{originalSource:`() => {
|
|
62
|
-
const headings = ['Section', 'Width', 'Height'];
|
|
63
|
-
let units = ['', 'm', 'm'];
|
|
64
|
-
let data = [...Array(10).keys()].map((c, i) => [i, i * 2, i * 2]);
|
|
65
|
-
/*
|
|
66
|
-
Mock table data store (real apps should use Redux or similar)
|
|
67
|
-
*/
|
|
68
|
-
const PopoverTable = () => {
|
|
69
|
-
const CellInputForm = ({
|
|
70
|
-
close,
|
|
71
|
-
value
|
|
72
|
-
}: any) => <>
|
|
73
|
-
<Field label="Input">
|
|
74
|
-
<Input value={value} width="100%" />
|
|
75
|
-
</Field>
|
|
76
|
-
<Flex gap>
|
|
77
|
-
<Button colored label="Save" onClick={() => {}} />
|
|
78
|
-
<Button label="Cancel" onClick={close} />
|
|
79
|
-
</Flex>
|
|
80
|
-
</>;
|
|
81
|
-
const table = {
|
|
82
|
-
fixedWidth: '100%',
|
|
83
|
-
headers: [{
|
|
84
|
-
cells: headings.map(h => ({
|
|
85
|
-
value: h
|
|
86
|
-
}))
|
|
87
|
-
}, {
|
|
88
|
-
cells: [{}, {
|
|
89
|
-
menu: [{
|
|
90
|
-
label: 'm',
|
|
91
|
-
value: 'm'
|
|
92
|
-
}, {
|
|
93
|
-
label: 'ft',
|
|
94
|
-
value: 'ft'
|
|
95
|
-
}],
|
|
96
|
-
value: units[1],
|
|
97
|
-
type: 'Unit'
|
|
98
|
-
}, {
|
|
99
|
-
menu: [{
|
|
100
|
-
label: 'm',
|
|
101
|
-
value: 'm'
|
|
102
|
-
}, {
|
|
103
|
-
label: 'ft',
|
|
104
|
-
value: 'ft'
|
|
105
|
-
}],
|
|
106
|
-
value: units[2],
|
|
107
|
-
type: 'Unit'
|
|
108
|
-
}]
|
|
109
|
-
}],
|
|
110
|
-
rows: data.map((row, i) => {
|
|
111
|
-
return {
|
|
112
|
-
cells: [...Array(3).keys()].map((c, i) => ({
|
|
113
|
-
//https://stackoverflow.com/a/33352604
|
|
114
|
-
value: row[i],
|
|
115
|
-
type: 'Popover',
|
|
116
|
-
content: <CellInputForm value={row[i]} />
|
|
117
|
-
}))
|
|
118
|
-
};
|
|
119
|
-
})
|
|
120
|
-
};
|
|
121
|
-
return <Table table={(table as any)} />;
|
|
122
|
-
};
|
|
123
|
-
return <PopoverTable />;
|
|
124
|
-
}`,...(Fe=(we=P.parameters)==null?void 0:we.docs)==null?void 0:Fe.source}}};var Ie,We,Ae;w.parameters={...w.parameters,docs:{...(Ie=w.parameters)==null?void 0:Ie.docs,source:{originalSource:`() => {
|
|
125
|
-
const headings = ['Section', 'Width', 'Height'];
|
|
126
|
-
let units = ['', 'm', 'm'];
|
|
127
|
-
let data = [...Array(10).keys()].map((c, i) => [i, i * 2, i * 2]);
|
|
128
|
-
/*
|
|
129
|
-
Mock table data store (real apps should use Redux or similar)
|
|
130
|
-
*/
|
|
131
|
-
const SinglePopoverOpenedTable = () => {
|
|
132
|
-
const [isPopOverCellOpened, setIsPopOverCellOpened] = useState(false);
|
|
133
|
-
const CellInputForm = ({
|
|
134
|
-
close,
|
|
135
|
-
value
|
|
136
|
-
}: any) => {
|
|
137
|
-
useEffect(() => {
|
|
138
|
-
if (!isPopOverCellOpened) {
|
|
139
|
-
setIsPopOverCellOpened(true);
|
|
140
|
-
}
|
|
141
|
-
}, []);
|
|
142
|
-
const onClosePopOver = () => {
|
|
143
|
-
setIsPopOverCellOpened(false);
|
|
144
|
-
close();
|
|
145
|
-
};
|
|
146
|
-
return <>
|
|
147
|
-
<Field label="Input">
|
|
148
|
-
<Input value={value} width="100%" />
|
|
149
|
-
</Field>
|
|
150
|
-
<Flex gap>
|
|
151
|
-
<Button colored label="Save" onClick={onClosePopOver} />
|
|
152
|
-
<Button label="Cancel" onClick={onClosePopOver} />
|
|
153
|
-
</Flex>
|
|
154
|
-
</>;
|
|
155
|
-
};
|
|
156
|
-
const table = {
|
|
157
|
-
headers: [{
|
|
158
|
-
cells: headings.map(h => ({
|
|
159
|
-
value: h
|
|
160
|
-
}))
|
|
161
|
-
}, {
|
|
162
|
-
cells: [{}, {
|
|
163
|
-
menu: [{
|
|
164
|
-
label: 'm',
|
|
165
|
-
value: 'm'
|
|
166
|
-
}, {
|
|
167
|
-
label: 'ft',
|
|
168
|
-
value: 'ft'
|
|
169
|
-
}],
|
|
170
|
-
value: units[1],
|
|
171
|
-
type: 'Unit'
|
|
172
|
-
}, {
|
|
173
|
-
menu: [{
|
|
174
|
-
label: 'm',
|
|
175
|
-
value: 'm'
|
|
176
|
-
}, {
|
|
177
|
-
label: 'ft',
|
|
178
|
-
value: 'ft'
|
|
179
|
-
}],
|
|
180
|
-
value: units[2],
|
|
181
|
-
type: 'Unit'
|
|
182
|
-
}]
|
|
183
|
-
}],
|
|
184
|
-
rows: data.map((row, i) => {
|
|
185
|
-
return {
|
|
186
|
-
cells: [...Array(3).keys()].map((c, i) => ({
|
|
187
|
-
//https://stackoverflow.com/a/33352604
|
|
188
|
-
value: row[i],
|
|
189
|
-
type: 'Popover',
|
|
190
|
-
disabled: isPopOverCellOpened,
|
|
191
|
-
closeOnOutsideClick: false,
|
|
192
|
-
content: <CellInputForm value={row[i]} />
|
|
193
|
-
}))
|
|
194
|
-
};
|
|
195
|
-
})
|
|
196
|
-
};
|
|
197
|
-
return <Table table={(table as any)} />;
|
|
198
|
-
};
|
|
199
|
-
return <SinglePopoverOpenedTable />;
|
|
200
|
-
}`,...(Ae=(We=w.parameters)==null?void 0:We.docs)==null?void 0:Ae.source}}};var Be,Ee,Ue;k.parameters={...k.parameters,docs:{...(Be=k.parameters)==null?void 0:Be.docs,source:{originalSource:`args => {
|
|
201
|
-
return <Table
|
|
202
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
203
|
-
{...args} />;
|
|
204
|
-
}`,...(Ue=(Ee=k.parameters)==null?void 0:Ee.docs)==null?void 0:Ue.source}}};var Le,Re,He;i.parameters={...i.parameters,docs:{...(Le=i.parameters)==null?void 0:Le.docs,source:{originalSource:`args => {
|
|
205
|
-
return <Table
|
|
206
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
207
|
-
{...args} />;
|
|
208
|
-
}`,...(He=(Re=i.parameters)==null?void 0:Re.docs)==null?void 0:He.source}}};const Yr=["Editable","Disabled","Colspan","ColspanWithWidths","CellWidths","CellStyleProp","Rowspan","Checkboxes","Icons","Links","Actions","Menus","JSXContent","StaticCellTooltips","WordbreakLongContent","Popover","SinglePopoverAtOnce","OverflowingCells","TestScrolling"];export{f as Actions,v as CellStyleProp,g as CellWidths,C as Checkboxes,u as Colspan,b as ColspanWithWidths,m as Disabled,d as Editable,h as Icons,y as JSXContent,S as Links,j as Menus,k as OverflowingCells,P as Popover,x as Rowspan,w as SinglePopoverAtOnce,T as StaticCellTooltips,i as TestScrolling,n as WordbreakLongContent,Yr as __namedExportsOrder,Vr as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as n}from"./jsx-runtime-FsUICBgo.js";import{r as T}from"./index-RfLt4OUa.js";import{c as N}from"./index-VW3EWkuE.js";import{I as He,D as Pe,C as Le,P as De}from"./index.es-JXn3JM7k.js";import{l as Fe}from"./lodash-Bmg8FrMx.js";import{A as ye}from"./actions-Z9jDWreP.js";import{H as $e}from"./heading-Bk0bpNfe.js";import{P as Oe}from"./pagination-5n5spTRo.js";import{A as b,I as $}from"./common-types-U65vzrrz.js";import{I as Be}from"./input-u1He-wWs.js";import{N as Me}from"./number-input-SvjJIGsW.js";import{S as Ge}from"./select-JjEPivho.js";import{D as Ue}from"./disabled-context-urNQThQz.js";import{i as O}from"./types-5uVBABF4.js";import{T as fe}from"./tooltip-HEHiU__l.js";import{C as Xe}from"./check-box-LZdXXKhv.js";import{S as ze}from"./slider-nl2rJ9LF.js";import{I as B}from"./icon-y1a2N5SZ.js";import{P as Je}from"./popover-Y3FpGdUS.js";import{H as Ee}from"./help-icon--rUDxLUD.js";import{T as ee}from"./text-6KQ6ntOV.js";const Ke="_inputInTable_y9car_1",Ye="_inputHover_y9car_13",Qe="_inputFocus_y9car_18",Ze="_inputError_y9car_25",en="_inputWarning_y9car_26",nn="_inputDisabled_y9car_61",tn="_hideScrollbars_y9car_67",rn="_wrapper_y9car_85",an="_bordered_y9car_93",ln="_scroll_y9car_98",on="_table_y9car_108",sn="_striped_y9car_188",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_zn5s7_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(ye,{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:y}=t,g=Number((p=(d=y==null?void 0:y.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(ye,{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)},Ve=e=>e.reduce((t,a)=>a.actions&&a.actions.length>0?1:t,0),_n=(e,t)=>Ve(t)>0||Ve(e)>0,z=({table:e,children:t})=>{const{rows:a,infiniteScroll:l}=e,r=Math.ceil(window.innerHeight/30),[o,s]=l?T.useState(r):[a.length,null],[u,d]=l?T.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",yn="_hoverableRow_11d5t_4",fn="_rowActive_11d5t_4",hn="_expandableRow_11d5t_8",bn="_flush_11d5t_8",xn="_dragIconCell_11d5t_28",Cn="_dragIcon_11d5t_28",R={clickableRow:gn,hoverableRow:yn,rowActive:fn,expandableRow:hn,flush:bn,dragIconCell:xn,dragIcon:Cn},J=({colSpan:e,children:t,flush:a})=>n.jsx("tr",{children:n.jsx("td",{colSpan:e,className:N(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 Te=(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."),[])},jn="_inputInTable_u3xdj_1",Nn="_inputHover_u3xdj_13",wn="_inputFocus_u3xdj_18",An="_inputError_u3xdj_25",vn="_inputWarning_u3xdj_26",Rn="_inputDisabled_u3xdj_61",Sn="_hideScrollbars_u3xdj_67",Vn="_cell_u3xdj_77",Tn="_disabledLink_u3xdj_87",qn="_inputWrapper_u3xdj_91",En="_breakWord_u3xdj_106",kn="_inputCell_u3xdj_109",Wn="_sliderCell_u3xdj_112",Hn="_staticCell_u3xdj_116",Pn="_staticCellContent_u3xdj_119",Ln="_error_u3xdj_131",Dn="_warning_u3xdj_132",Fn="_unit_u3xdj_141",$n="_sortingCell_u3xdj_144",On="_sortingCellIcon_u3xdj_155",Bn="_icon_u3xdj_166",Mn="_checkBoxCell_u3xdj_170",Gn="_iconCellWrapper_u3xdj_174",Un="_actionsCell_u3xdj_178",Xn="_rightAligned_u3xdj_186",zn="_centerAligned_u3xdj_192",Jn="_leftAligned_u3xdj_198",Kn="_popover_u3xdj_201",Yn="_disabledPointerEvents_u3xdj_204",i={inputInTable:jn,inputHover:Nn,inputFocus:wn,inputError:An,inputWarning:vn,inputDisabled:Rn,hideScrollbars:Sn,cell:Vn,disabledLink:Tn,inputWrapper:qn,breakWord:En,inputCell:kn,sliderCell:Wn,staticCell:Hn,staticCellContent:Pn,error:Ln,warning:Dn,unit:Fn,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=T.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(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:N(i.staticCellContent,l?i.error:r?i.warning:""),children:n.jsx("a",{className:N((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(fe,{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(ye,{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:N(i.staticCellContent,p==="Unit"?i.unit:"",l?i.error:r?i.warning:""),onClick:u?y=>d&&d(y):()=>{},"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: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,columnAlignment:l=b.LEFT,width:r,snapshot:o,testId:s})=>{if(!e)return null;const{style:u,colSpan:d,rowSpan:p,width:c}=e,y=T.useRef(null),g={bodyAlignment:l,headerAlignment:a,isHeader:t},P=Te(g,i),x=Te(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=N(i.cell,L,e.hasSort?i.sortingCell:null,P,e.breakWord?i.breakWord:""),q=c??r??((o==null?void 0:o.isDragging)&&y.current&&y.current.offsetWidth)??void 0,C={width:q,minWidth:q,...u},A=t?"th":"td";return n.jsx(A,{ref:y,className:w,style:C,colSpan:d,rowSpan:p,children:n.jsx(ge,{cell:e,columnAlignment:x??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:null,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 F=({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:y,columnWidths:g,testId:P})=>{const x=T.useRef(null),L=In(o,a,t),{onRowClick:w,onRowFocus:q,onRowMouseEnter:C,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)}),V=u&&n.jsx(Y,{cell:{type:S.ACTIONS,actions:e.actions},isHeader:a},l),k=(h,v)=>({minWidth:h&&`${y}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:x,onClick:w,onMouseEnter:C,onMouseLeave:A,onFocus:q,className:N(w?R.clickableRow:null,C?R.hoverableRow:null),children:[d?n.jsx("th",{}):null,E,V]},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:C,onMouseLeave:A,onFocus:q,className:N(w&&!w.noStyle?R.clickableRow:null,C&&!C.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,V]},t),I&&I.content?n.jsx(J,{colSpan:r,flush:I.flush===!0,children:I.content},`${t}_expanded_content`):null]})};try{F.displayName="Row",F.__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,je,Ne,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:y=!0,testId:g,draggable:P,defaultEmptyRow:x=null,onAddRow:L=null,bordered:w=!0,maxHeight:q,fixedWidth:C}=a,A=T.useRef(null),[I,Q]=T.useState({width:0,height:0});T.useEffect(()=>{A.current&&Q({width:A.current.offsetWidth,height:A.current.offsetHeight})},[]);const E=Fe.get(e,"table.headers",[]),V=mn(s,E),k=_n(s,E),W=V+(k?1:0),h=r?((je=(Ie=r==null?void 0:r.pagination)==null?void 0:Ie.rowsPerPage)==null?void 0:je.value)===0||Number((Ne=r==null?void 0:r.pagination)==null?void 0:Ne.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=x==null?void 0:x.cells)==null?void 0:Re.length)&&L&&h,ke={cells:v?x.cells.map((m,j)=>(m==null?void 0:m.type)==="Input"?{...m,onChange:_=>{var M;const f=(M=_==null?void 0:_.target)==null?void 0:M.value,D={...x,cells:x.cells.map((G,We)=>({...G,value:We===j?f:G==null?void 0:G.value}))};L({newRow:D})}}:{...m,disabled:!0}):null,testId:g?`${g}-last-empty-row`:void 0},Z=v?s.concat(ke):s,be={...a,rows:Z},xe=N(H.wrapper,w?H.bordered:""),Ce={maxHeight:q,width:C,display:C==="auto"?"inline-flex":"flex"};return P?n.jsxs("div",{ref:A,className:xe,style:Ce,children:[n.jsx(U,{actions:u,actionsRight:d,name:o,testId:g&&`${g}-title`}),n.jsx(Pe,{onDragEnd:m=>{var f,D;const j=(f=m==null?void 0:m.source)==null?void 0:f.index,_=(D=m==null?void 0:m.destination)==null?void 0:D.index;typeof j=="number"&&typeof _=="number"&&t({from:j,to:_})},children:n.jsx(Le,{droppableId:"droppable",children:m=>n.jsx(z,{table:be,children:({visibleRows:j})=>n.jsxs("table",{className:N(H.table,y?H.striped:""),"data-testid":g,ref:m.innerRef,children:[n.jsx("thead",{children:E.map((_,f)=>n.jsx(F,{rowIndex:f,isHeader:!0,row:_,columnCount:V,columnWidths:l,colSpan:W,hasRowActions:k,columnAlignment:c,columnHeaderAlignments:p,draggableTable:P},`0_${f}`))}),n.jsxs("tbody",{children:[Z.slice(0,j).map((_,f)=>n.jsx(De,{draggableId:f+"",index:f,isDragDisabled:_.noDrag,children:(D,M)=>n.jsx(F,{rowIndex:f,row:_,columnCount:V,columnWidths:l,colSpan:W,hasRowActions:k,columnAlignment:c,provided:D,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:xe,style:Ce,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:N(H.table,y?H.striped:""),"data-testid":g,children:[n.jsx("thead",{children:E.map((j,_)=>n.jsx(F,{rowIndex:_,isHeader:!0,row:j,columnCount:V,columnWidths:l,colSpan:W,hasRowActions:k,columnAlignment:c,columnHeaderAlignments:p},`0_${_}`))}),n.jsx("tbody",{children:Z.slice(0,m).map((j,_)=>n.jsx(F,{rowIndex:_,row:j,columnCount:V,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};
|