@oliasoft-open-source/react-ui-library 4.6.6 → 4.6.7
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/global.css +50 -49
- package/dist/index.js +29 -29
- package/dist/index.js.map +1 -1
- package/dist/storybook/assets/{Color-6VNJS4EI-BrOcbA6h.js → Color-6VNJS4EI-hQgbfk1_.js} +1 -1
- package/dist/storybook/assets/{DocsRenderer-NNNQARDV-tJI6VTjP.js → DocsRenderer-NNNQARDV-qVZ0Szzp.js} +1 -1
- package/dist/storybook/assets/{WithTooltip-V3YHNWJZ-YRJYbhNd.js → WithTooltip-V3YHNWJZ-EVkXusH9.js} +1 -1
- package/dist/storybook/assets/{accordion.stories-nYKTmoeA.js → accordion.stories-Je6TgVbI.js} +1 -1
- package/dist/storybook/assets/{buttons-and-links-VKKWJKFr.js → buttons-and-links-Htqi06fE.js} +1 -1
- package/dist/storybook/assets/{casing-loads.stories-oh3l5Q7X.js → casing-loads.stories-rv-r7qUR.js} +1 -1
- package/dist/storybook/assets/cell.stories-ntUcZ9Z2.js +245 -0
- package/dist/storybook/assets/{chunk-HLWAVYOI-83EByc66.js → chunk-HLWAVYOI-XUXGp0n7.js} +1 -1
- package/dist/storybook/assets/{color-ugWGhOJm.js → color-l-jFB8qa.js} +1 -1
- package/dist/storybook/assets/{file-input.stories-8w1taUk6.js → file-input.stories-lKF1ABXX.js} +1 -1
- package/dist/storybook/assets/{footer.stories-tB9ZiuYm.js → footer.stories-txHcy_rz.js} +1 -1
- package/dist/storybook/assets/{form.stories-b8fSf1KV.js → form.stories-AikCzsZc.js} +1 -1
- package/dist/storybook/assets/{formation.stories-4zFgtvwa.js → formation.stories-WYUKooZj.js} +1 -1
- package/dist/storybook/assets/{formatter-SWP5E3XI-umUJAuhQ.js → formatter-SWP5E3XI-2jpDZ32o.js} +1 -1
- package/dist/storybook/assets/{iframe-LJjp0O19.js → iframe-afwDQcyf.js} +2 -2
- package/dist/storybook/assets/{index-hMEOtd8c.js → index-WQN43Pdc.js} +5 -5
- package/dist/storybook/assets/{input-validation-5TXTtQCt.js → input-validation-1C25NF0D.js} +1 -1
- package/dist/storybook/assets/{inputs-rK_va801.js → inputs-dvl3Vxzi.js} +1 -1
- package/dist/storybook/assets/{layout-forms-4SDauXUc.js → layout-forms-aQDJspiu.js} +1 -1
- package/dist/storybook/assets/{layout-general-4b2v8KKO.js → layout-general-glx7j38t.js} +1 -1
- package/dist/storybook/assets/{padding-and-spacing-0ADtQv-B.js → padding-and-spacing-nDPUVOhE.js} +1 -1
- package/dist/storybook/assets/{preview-Jj3eWAFT.js → preview-8iAUReLe.js} +1 -1
- package/dist/storybook/assets/{preview-ZGYBin_R.js → preview-NgqKh_bR.js} +2 -2
- package/dist/storybook/assets/{row.stories-p0ssjvtr.js → row.stories-s3mq4p3b.js} +1 -1
- package/dist/storybook/assets/{syntaxhighlighter-B5GMVT5T-yVSKFRoH.js → syntaxhighlighter-B5GMVT5T-sSZfeghu.js} +1 -1
- package/dist/storybook/assets/table-5HZEOUW_.js +1 -0
- package/dist/storybook/assets/{table.stories-wdVWlpz1.js → table.stories-wP0SdJzJ.js} +1 -1
- package/dist/storybook/assets/{textarea-gwm6gdQO.js → textarea-TSoWqDT8.js} +1 -1
- package/dist/storybook/assets/{textarea.stories-eOTtHmL4.js → textarea.stories-w6XYooLd.js} +1 -1
- package/dist/storybook/assets/{title.stories-9QWP9XVr.js → title.stories-CDtRZqWr.js} +1 -1
- package/dist/storybook/assets/{unit-table.stories-ZHWCQMuq.js → unit-table.stories-M8TmG1IT.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/storybook/assets/cell.stories-dk65sciA.js +0 -212
- package/dist/storybook/assets/table-033R9jUC.js +0 -1
package/package.json
CHANGED
|
@@ -1,212 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as D}from"./index-RfLt4OUa.js";import{T as W}from"./table-033R9jUC.js";import{F as Xe}from"./field-FZX0Z7IB.js";import{B as F}from"./button-shH4xakS.js";import{I as qe}from"./input-2BhbKV-j.js";import{F as ze}from"./flex-RYZsoWEN.js";import{t as Ke,a as Ne,b as Qe,c as Ve,d as Ye,e as Ze,f as $e,g as er,h as rr,i as ar,j as nr,k as sr,l as Ge,m as tr,n as or,o as lr,p as ir,q as pr}from"./table.stories-data-NfE_v-gH.js";import"./index-VW3EWkuE.js";import"./index.es-VXFRDikp.js";import"./inheritsLoose-8sb_A2v4.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./tiny-invariant-R4kOKlvx.js";import"./index-miLrID2P.js";import"./memoize-one.esm-hqe5SRxC.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./lodash-Bmg8FrMx.js";import"./actions-mOcj9IlF.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./tooltip-HEHiU__l.js";import"./icon-8EQazuuW.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./heading-jZsIIJF0.js";import"./help-icon-SKky6KLV.js";import"./pagination-tnyyuMkB.js";import"./select-DZdWUrCW.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-CMhEMmUd.js";import"./index-qZmQ7nA9.js";import"./index-cCpkwrS5.js";import"./check-box-2gxosI3y.js";import"./slider-MN9iDCsS.js";import"./index-ugi_ZH6T.js";import"./popover-cad2llTa.js";import"./label-uCFEME1p.js";import"./spinner-R8Il4aRe.js";const aa={title:"Basic/Table/Cell",component:W,args:{table:{...Ke}}},r=s=>e.jsx(W,{...s}),d=r.bind({});d.args={table:Ne};const m=r.bind({});m.args={table:Qe};const u=r.bind({});u.args={table:Ve};const b=r.bind({});b.args={table:Ye};const g=r.bind({});g.args={table:Ze};const v=r.bind({});v.args={table:$e};const x=r.bind({});x.args={table:er};const C=r.bind({});C.args={table:rr};const h=r.bind({});h.args={table:ar};const S=r.bind({});S.args={table:nr};const f=r.bind({});f.args={table:sr};const j=r.bind({});j.args={table:Ge};const y=r.bind({});y.args={table:tr};const T=r.bind({});T.args={table:or};const k=r.bind({});k.args={table:lr};const l=r.bind({});l.args={table:ir};l.parameters={docs:{description:{story:"Setting `breakWord: true` on a cell will allow very long text strings to break"}}};const w=()=>{const s=["Section","Width","Height"];let p=["","m","m"],A=[...Array(10).keys()].map((o,a)=>[a,a*2,a*2]);const B=()=>{const o=({close:n,value:P})=>e.jsxs(e.Fragment,{children:[e.jsx(Xe,{label:"Input",children:e.jsx(qe,{value:P,width:"100%"})}),e.jsxs(ze,{gap:!0,children:[e.jsx(F,{colored:!0,label:"Save",onClick:()=>{}}),e.jsx(F,{label:"Cancel",onClick:n})]})]}),a={fixedWidth:"100%",headers:[{cells:s.map(n=>({value:n}))},{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:A.map((n,P)=>({cells:[...Array(3).keys()].map((t,c)=>({value:n[c],type:"Popover",content:e.jsx(o,{value:n[c]})}))}))};return e.jsx(W,{table:a})};return e.jsx(B,{})},I=()=>{const s=["Section","Width","Height"];let p=["","m","m"],A=[...Array(10).keys()].map((o,a)=>[a,a*2,a*2]);const B=()=>{const[o,a]=D.useState(!1),n=({close:t,value:c})=>{D.useEffect(()=>{o||a(!0)},[]);const E=()=>{a(!1),t()};return e.jsxs(e.Fragment,{children:[e.jsx(Xe,{label:"Input",children:e.jsx(qe,{value:c,width:"100%"})}),e.jsxs(ze,{gap:!0,children:[e.jsx(F,{colored:!0,label:"Save",onClick:E}),e.jsx(F,{label:"Cancel",onClick:E})]})]})},P={headers:[{cells:s.map(t=>({value:t}))},{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:A.map((t,c)=>({cells:[...Array(3).keys()].map((E,U)=>({value:t[U],type:"Popover",disabled:o,closeOnOutsideClick:!1,content:e.jsx(n,{value:t[U]})}))}))};return e.jsx(W,{table:P})};return e.jsx(B,{})},O=r.bind({});O.args={table:pr};const i=r.bind({});i.args={table:{...Ge,name:"Food"}};i.decorators=[s=>e.jsx("div",{style:{width:180,height:180,overflow:"hidden",resize:"both"},children:e.jsx(s,{})})];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 M,J,_;m.parameters={...m.parameters,docs:{...(M=m.parameters)==null?void 0:M.docs,source:{originalSource:`args => {
|
|
6
|
-
return <Table
|
|
7
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
8
|
-
{...args} />;
|
|
9
|
-
}`,...(_=(J=m.parameters)==null?void 0:J.docs)==null?void 0:_.source}}};var X,q,z;u.parameters={...u.parameters,docs:{...(X=u.parameters)==null?void 0:X.docs,source:{originalSource:`args => {
|
|
10
|
-
return <Table
|
|
11
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
12
|
-
{...args} />;
|
|
13
|
-
}`,...(z=(q=u.parameters)==null?void 0:q.docs)==null?void 0:z.source}}};var G,K,N;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
|
-
}`,...(N=(K=b.parameters)==null?void 0:K.docs)==null?void 0:N.source}}};var Q,V,Y;g.parameters={...g.parameters,docs:{...(Q=g.parameters)==null?void 0:Q.docs,source:{originalSource:`args => {
|
|
18
|
-
return <Table
|
|
19
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
20
|
-
{...args} />;
|
|
21
|
-
}`,...(Y=(V=g.parameters)==null?void 0:V.docs)==null?void 0:Y.source}}};var Z,$,ee;v.parameters={...v.parameters,docs:{...(Z=v.parameters)==null?void 0:Z.docs,source:{originalSource:`args => {
|
|
22
|
-
return <Table
|
|
23
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
24
|
-
{...args} />;
|
|
25
|
-
}`,...(ee=($=v.parameters)==null?void 0:$.docs)==null?void 0:ee.source}}};var re,ae,ne;x.parameters={...x.parameters,docs:{...(re=x.parameters)==null?void 0:re.docs,source:{originalSource:`args => {
|
|
26
|
-
return <Table
|
|
27
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
28
|
-
{...args} />;
|
|
29
|
-
}`,...(ne=(ae=x.parameters)==null?void 0:ae.docs)==null?void 0:ne.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,ie,pe;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
|
-
}`,...(pe=(ie=h.parameters)==null?void 0:ie.docs)==null?void 0:pe.source}}};var ce,de,me;S.parameters={...S.parameters,docs:{...(ce=S.parameters)==null?void 0:ce.docs,source:{originalSource:`args => {
|
|
38
|
-
return <Table
|
|
39
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
40
|
-
{...args} />;
|
|
41
|
-
}`,...(me=(de=S.parameters)==null?void 0:de.docs)==null?void 0:me.source}}};var ue,be,ge;f.parameters={...f.parameters,docs:{...(ue=f.parameters)==null?void 0:ue.docs,source:{originalSource:`args => {
|
|
42
|
-
return <Table
|
|
43
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
44
|
-
{...args} />;
|
|
45
|
-
}`,...(ge=(be=f.parameters)==null?void 0:be.docs)==null?void 0:ge.source}}};var ve,xe,Ce;j.parameters={...j.parameters,docs:{...(ve=j.parameters)==null?void 0:ve.docs,source:{originalSource:`args => {
|
|
46
|
-
return <Table
|
|
47
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
48
|
-
{...args} />;
|
|
49
|
-
}`,...(Ce=(xe=j.parameters)==null?void 0:xe.docs)==null?void 0:Ce.source}}};var he,Se,fe;y.parameters={...y.parameters,docs:{...(he=y.parameters)==null?void 0:he.docs,source:{originalSource:`args => {
|
|
50
|
-
return <Table
|
|
51
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
52
|
-
{...args} />;
|
|
53
|
-
}`,...(fe=(Se=y.parameters)==null?void 0:Se.docs)==null?void 0:fe.source}}};var je,ye,Te;T.parameters={...T.parameters,docs:{...(je=T.parameters)==null?void 0:je.docs,source:{originalSource:`args => {
|
|
54
|
-
return <Table
|
|
55
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
56
|
-
{...args} />;
|
|
57
|
-
}`,...(Te=(ye=T.parameters)==null?void 0:ye.docs)==null?void 0:Te.source}}};var ke,Oe,Pe;k.parameters={...k.parameters,docs:{...(ke=k.parameters)==null?void 0:ke.docs,source:{originalSource:`args => {
|
|
58
|
-
return <Table
|
|
59
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
60
|
-
{...args} />;
|
|
61
|
-
}`,...(Pe=(Oe=k.parameters)==null?void 0:Oe.docs)==null?void 0:Pe.source}}};var we,Ie,Fe;l.parameters={...l.parameters,docs:{...(we=l.parameters)==null?void 0:we.docs,source:{originalSource:`args => {
|
|
62
|
-
return <Table
|
|
63
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
64
|
-
{...args} />;
|
|
65
|
-
}`,...(Fe=(Ie=l.parameters)==null?void 0:Ie.docs)==null?void 0:Fe.source}}};var We,Ae,Be;w.parameters={...w.parameters,docs:{...(We=w.parameters)==null?void 0:We.docs,source:{originalSource:`() => {
|
|
66
|
-
const headings = ['Section', 'Width', 'Height'];
|
|
67
|
-
let units = ['', 'm', 'm'];
|
|
68
|
-
let data = [...Array(10).keys()].map((c, i) => [i, i * 2, i * 2]);
|
|
69
|
-
/*
|
|
70
|
-
Mock table data store (real apps should use Redux or similar)
|
|
71
|
-
*/
|
|
72
|
-
const PopoverTable = () => {
|
|
73
|
-
const CellInputForm = ({
|
|
74
|
-
close,
|
|
75
|
-
value
|
|
76
|
-
}: any) => <>
|
|
77
|
-
<Field label="Input">
|
|
78
|
-
<Input value={value} width="100%" />
|
|
79
|
-
</Field>
|
|
80
|
-
<Flex gap>
|
|
81
|
-
<Button colored label="Save" onClick={() => {}} />
|
|
82
|
-
<Button label="Cancel" onClick={close} />
|
|
83
|
-
</Flex>
|
|
84
|
-
</>;
|
|
85
|
-
const table = {
|
|
86
|
-
fixedWidth: '100%',
|
|
87
|
-
headers: [{
|
|
88
|
-
cells: headings.map(h => ({
|
|
89
|
-
value: h
|
|
90
|
-
}))
|
|
91
|
-
}, {
|
|
92
|
-
cells: [{}, {
|
|
93
|
-
menu: [{
|
|
94
|
-
label: 'm',
|
|
95
|
-
value: 'm'
|
|
96
|
-
}, {
|
|
97
|
-
label: 'ft',
|
|
98
|
-
value: 'ft'
|
|
99
|
-
}],
|
|
100
|
-
value: units[1],
|
|
101
|
-
type: 'Unit'
|
|
102
|
-
}, {
|
|
103
|
-
menu: [{
|
|
104
|
-
label: 'm',
|
|
105
|
-
value: 'm'
|
|
106
|
-
}, {
|
|
107
|
-
label: 'ft',
|
|
108
|
-
value: 'ft'
|
|
109
|
-
}],
|
|
110
|
-
value: units[2],
|
|
111
|
-
type: 'Unit'
|
|
112
|
-
}]
|
|
113
|
-
}],
|
|
114
|
-
rows: data.map((row, i) => {
|
|
115
|
-
return {
|
|
116
|
-
cells: [...Array(3).keys()].map((c, i) => ({
|
|
117
|
-
//https://stackoverflow.com/a/33352604
|
|
118
|
-
value: row[i],
|
|
119
|
-
type: 'Popover',
|
|
120
|
-
content: <CellInputForm value={row[i]} />
|
|
121
|
-
}))
|
|
122
|
-
};
|
|
123
|
-
})
|
|
124
|
-
};
|
|
125
|
-
return <Table table={(table as any)} />;
|
|
126
|
-
};
|
|
127
|
-
return <PopoverTable />;
|
|
128
|
-
}`,...(Be=(Ae=w.parameters)==null?void 0:Ae.docs)==null?void 0:Be.source}}};var Ee,Ue,De;I.parameters={...I.parameters,docs:{...(Ee=I.parameters)==null?void 0:Ee.docs,source:{originalSource:`() => {
|
|
129
|
-
const headings = ['Section', 'Width', 'Height'];
|
|
130
|
-
let units = ['', 'm', 'm'];
|
|
131
|
-
let data = [...Array(10).keys()].map((c, i) => [i, i * 2, i * 2]);
|
|
132
|
-
/*
|
|
133
|
-
Mock table data store (real apps should use Redux or similar)
|
|
134
|
-
*/
|
|
135
|
-
const SinglePopoverOpenedTable = () => {
|
|
136
|
-
const [isPopOverCellOpened, setIsPopOverCellOpened] = useState(false);
|
|
137
|
-
const CellInputForm = ({
|
|
138
|
-
close,
|
|
139
|
-
value
|
|
140
|
-
}: any) => {
|
|
141
|
-
useEffect(() => {
|
|
142
|
-
if (!isPopOverCellOpened) {
|
|
143
|
-
setIsPopOverCellOpened(true);
|
|
144
|
-
}
|
|
145
|
-
}, []);
|
|
146
|
-
const onClosePopOver = () => {
|
|
147
|
-
setIsPopOverCellOpened(false);
|
|
148
|
-
close();
|
|
149
|
-
};
|
|
150
|
-
return <>
|
|
151
|
-
<Field label="Input">
|
|
152
|
-
<Input value={value} width="100%" />
|
|
153
|
-
</Field>
|
|
154
|
-
<Flex gap>
|
|
155
|
-
<Button colored label="Save" onClick={onClosePopOver} />
|
|
156
|
-
<Button label="Cancel" onClick={onClosePopOver} />
|
|
157
|
-
</Flex>
|
|
158
|
-
</>;
|
|
159
|
-
};
|
|
160
|
-
const table = {
|
|
161
|
-
headers: [{
|
|
162
|
-
cells: headings.map(h => ({
|
|
163
|
-
value: h
|
|
164
|
-
}))
|
|
165
|
-
}, {
|
|
166
|
-
cells: [{}, {
|
|
167
|
-
menu: [{
|
|
168
|
-
label: 'm',
|
|
169
|
-
value: 'm'
|
|
170
|
-
}, {
|
|
171
|
-
label: 'ft',
|
|
172
|
-
value: 'ft'
|
|
173
|
-
}],
|
|
174
|
-
value: units[1],
|
|
175
|
-
type: 'Unit'
|
|
176
|
-
}, {
|
|
177
|
-
menu: [{
|
|
178
|
-
label: 'm',
|
|
179
|
-
value: 'm'
|
|
180
|
-
}, {
|
|
181
|
-
label: 'ft',
|
|
182
|
-
value: 'ft'
|
|
183
|
-
}],
|
|
184
|
-
value: units[2],
|
|
185
|
-
type: 'Unit'
|
|
186
|
-
}]
|
|
187
|
-
}],
|
|
188
|
-
rows: data.map((row, i) => {
|
|
189
|
-
return {
|
|
190
|
-
cells: [...Array(3).keys()].map((c, i) => ({
|
|
191
|
-
//https://stackoverflow.com/a/33352604
|
|
192
|
-
value: row[i],
|
|
193
|
-
type: 'Popover',
|
|
194
|
-
disabled: isPopOverCellOpened,
|
|
195
|
-
closeOnOutsideClick: false,
|
|
196
|
-
content: <CellInputForm value={row[i]} />
|
|
197
|
-
}))
|
|
198
|
-
};
|
|
199
|
-
})
|
|
200
|
-
};
|
|
201
|
-
return <Table table={(table as any)} />;
|
|
202
|
-
};
|
|
203
|
-
return <SinglePopoverOpenedTable />;
|
|
204
|
-
}`,...(De=(Ue=I.parameters)==null?void 0:Ue.docs)==null?void 0:De.source}}};var Le,Re,He;O.parameters={...O.parameters,docs:{...(Le=O.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=O.parameters)==null?void 0:Re.docs)==null?void 0:He.source}}};var Me,Je,_e;i.parameters={...i.parameters,docs:{...(Me=i.parameters)==null?void 0:Me.docs,source:{originalSource:`args => {
|
|
209
|
-
return <Table
|
|
210
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
211
|
-
{...args} />;
|
|
212
|
-
}`,...(_e=(Je=i.parameters)==null?void 0:Je.docs)==null?void 0:_e.source}}};const na=["Editable","Disabled","DateInput","Colspan","ColspanWithWidths","CellWidths","CellStyleProp","Rowspan","Checkboxes","Icons","Links","Actions","Menus","JSXContent","StaticCellTooltips","WordbreakLongContent","Popover","SinglePopoverAtOnce","OverflowingCells","TestScrolling"];export{j as Actions,x as CellStyleProp,v as CellWidths,h as Checkboxes,b as Colspan,g as ColspanWithWidths,u as DateInput,m as Disabled,d as Editable,S as Icons,T as JSXContent,f as Links,y as Menus,O as OverflowingCells,w as Popover,C as Rowspan,I as SinglePopoverAtOnce,k as StaticCellTooltips,i as TestScrolling,l as WordbreakLongContent,na as __namedExportsOrder,aa 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-VXFRDikp.js";import{l as Fe}from"./lodash-Bmg8FrMx.js";import{A as ge}from"./actions-mOcj9IlF.js";import{H as $e}from"./heading-jZsIIJF0.js";import{P as Be}from"./pagination-tnyyuMkB.js";import{A as b,I as $}from"./common-types-U65vzrrz.js";import{I as Oe}from"./input-2BhbKV-j.js";import{N as Me}from"./number-input-CMhEMmUd.js";import{S as Ue}from"./select-DZdWUrCW.js";import{D as Ge}from"./disabled-context-urNQThQz.js";import{i as B}from"./types-5uVBABF4.js";import{T as fe}from"./tooltip-HEHiU__l.js";import{C as Xe}from"./check-box-2gxosI3y.js";import{S as ze}from"./slider-MN9iDCsS.js";import{I as O}from"./icon-8EQazuuW.js";import{P as Je}from"./popover-cad2llTa.js";import{H as Ee}from"./help-icon-SKky6KLV.js";import{T as ne}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},G=({name:e=null,actions:t=null,actionsRight:r=!1,testId:l})=>{const a=e!==null,o=t!==null;if(!a&&!o)return null;const s=()=>{if(!o)return null;const u=n.jsx(ge,{actions:t});return r?u:n.jsx("div",{children:u})};return n.jsxs("div",{className:cn.title,children:[a?n.jsx($e,{children:n.jsx("span",{"data-testid":l,children:e})}):null,s()]})};try{G.displayName="Title",G.__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",te={footer:un,section:pn},X=({colSpan:e,pagination:t,actions:r,content:l})=>{const a=r&&r.length,o=l!=null,s=()=>{var d,p;if(t){const{rowCount:c,rowsPerPage:g}=t,y=Number((p=(d=g==null?void 0:g.options)==null?void 0:d[0])==null?void 0:p.value);return c>y}return!1};return a||o||s()?n.jsxs("div",{className:te.footer,children:[o?n.jsx("div",{className:te.section,children:n.jsx("div",{children:l})}):null,a||s()?n.jsxs("div",{className:te.section,children:[s()?n.jsx(Be,{pagination:t}):n.jsx("div",{}),a&&n.jsx("div",{children:n.jsx(ge,{actions:r})})]}):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((r,l)=>{const a=l.cells.map(o=>o.colSpan?o.colSpan:1).reduce((o,s)=>o+s,0);return r.concat(a)},[]));return isNaN(t)?0:t},mn=(e,t)=>{const r=[Se(t),Se(e)];return Math.max(...r)},Ve=e=>e.reduce((t,r)=>r.actions&&r.actions.length>0?1:t,0),_n=(e,t)=>Ve(t)>0||Ve(e)>0,z=({table:e,children:t})=>{const{rows:r,infiniteScroll:l}=e,a=Math.ceil(window.innerHeight/30),[o,s]=l?T.useState(a):[r.length,null],[u,d]=l?T.useState(o<r.length):[!1,null],p=()=>{if(o>=r.length&&d){d(!1);return}s&&s(o+a)};return n.jsx("div",{id:"scrollWrapper",className:H.scroll,children:l?n.jsx(He,{dataLength:Math.min(r.length,o+a),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 yn="_clickableRow_11d5t_1",gn="_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:yn,hoverableRow:gn,rowActive:fn,expandableRow:hn,flush:bn,dragIconCell:xn,dragIcon:Cn},J=({colSpan:e,children:t,flush:r})=>n.jsx("tr",{children:n.jsx("td",{colSpan:e,className:N(R.expandableRow,r?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:""},r=!1)=>{if(!e)return null;const{bodyAlignment:l,headerAlignment:a,isHeader:o}=e;switch(o&&a?a:l){case b.LEFT:return r?b.LEFT:t.leftAligned;case b.RIGHT:return r?b.RIGHT:t.rightAligned;case b.CENTER:return r?b.CENTER:t.centerAligned;default:return r?b.LEFT:t.leftAligned}},In=(e,t=!1,r=0)=>{if(!e||e.length===0)return[];const l=e.every(o=>Array.isArray(o)),a=e.every(o=>typeof o=="string");return l&&t?e[r]||[]:a?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",Bn="_sortingCellIcon_u3xdj_155",On="_icon_u3xdj_166",Mn="_checkBoxCell_u3xdj_170",Un="_iconCellWrapper_u3xdj_174",Gn="_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:Bn,icon:On,checkBoxCell:Mn,iconCellWrapper:Un,actionsCell:Gn,rightAligned:Xn,centerAligned:zn,leftAligned:Jn,popover:Kn,disabledPointerEvents:Yn},K=({cell:e,columnAlignment:t,testId:r,type:l})=>n.jsx(Oe,{name:e.name,value:e.value,onChange:a=>{var o;return(o=e.onChange)==null?void 0:o.call(e,a)},onFocus:e.onFocus,onBlur:e.onBlur,onPaste:a=>{var o;return(o=e.onPaste)==null?void 0:o.call(e,a)},placeholder:e.placeholder,error:e.error,warning:e.warning,disabled:e.disabled,isInTable:!0,maxTooltipWidth:e.maxTooltipWidth,right:t===b.RIGHT,testId:r,tabIndex:e.disabled?-1:0,tooltip:e.tooltip,type:l});try{K.displayName="InputCell",K.__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"}},type:{defaultValue:null,description:"",name:"type",required:!1,type:{name:"enum",value:[{value:'"text"'},{value:'"date"'}]}}}}}catch{}const re=({cell:e,testId:t})=>n.jsx(Me,{name:e.name,value:e.value,onChange:r=>{var l;return(l=e.onChange)==null?void 0:l.call(e,r)},onFocus:e.onFocus,onBlur:e.onBlur,placeholder:e.placeholder,error:e.error,warning:e.warning,disabled:e.disabled,isInTable:!0,left:e.left,tabIndex:e.disabled?-1:0,testId:t,tooltip:e.tooltip,validationCallback:e.validationCallback,allowEmpty:e.allowEmpty,enableDisplayRounding:e.enableDisplayRounding,roundDisplayValue:e.roundDisplayValue});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:r})=>n.jsx(Ue,{name:e.name,borderRadius:0,options:e.options,onChange:l=>{var a;return(a=e.onChange)==null?void 0:a.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:r,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:r})=>n.jsx("div",{className:i.inputWrapper,children:e.type==="Input"?n.jsx(K,{cell:e,columnAlignment:t,testId:r}):e.type==="NumberInput"?n.jsx(re,{cell:e,testId:r}):e.type==="DateInput"?n.jsx(K,{cell:e,testId:r,type:"date"}):e.type==="Select"?n.jsx(ae,{cell:e,columnAlignment:t,testId:r}):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 r=T.useContext(Ge),{error:l,warning:a,tooltip:o,maxTooltipWidth:s}=e,u=d=>B(d);return n.jsx("div",{className:i.inputWrapper,children:n.jsx(fe,{error:!!l,warning:!!a,text:o||l||a,enabled:u(o)||u(l)||u(a)||!1,maxWidth:s,placement:"bottom-center",children:n.jsx("div",{className:N(i.staticCellContent,l?i.error:a?i.warning:""),children:n.jsx("a",{className:N((e.disabled||r)&&i.disabledLink),onClick:e.disabled||r?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:r=>e.onChange(r),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:r}=e;return n.jsx("div",{className:i.iconCellWrapper,children:n.jsx(fe,{text:t,enabled:!!t&&B(t),display:"flex",placement:"top-center",children:n.jsx(O,{icon:r})})})};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(ge,{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:r,sortPriority:l}=e;return t?n.jsxs("span",{className:i.sortingCellIcon,children:[r==="down"?n.jsx(ne,{link:!0,children:n.jsx(O,{icon:$.SORT_ASCENDING})}):r==="up"?n.jsx(ne,{link:!0,children:n.jsx(O,{icon:$.SORT_DESCENDING})}):n.jsx(ne,{faint:!0,children:n.jsx(O,{icon:$.SORT_DESCENDING})}),l&&r?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 Y=({cell:e,isHeader:t,testId:r})=>{const{error:l,warning:a,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:a?i.warning:""),onClick:u?g=>d&&d(g):()=>{},"data-testid":r,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:!!a,text:o||l||a,enabled:o&&B(o)||l&&B(l)||a&&B(a)||!1,maxWidth:s,display:"block",placement:"bottom-center",children:c})})};try{Y.displayName="StaticCell",Y.__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:r,fullWidth:l,closeOnOutsideClick:a,disabled:o}=e;return n.jsx(Je,{content:r,fullWidth:l,closeOnOutsideClick:a,disabled:o,children:n.jsx("div",{className:i.popover,children:n.jsx(Y,{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:r,testId:l})=>{if(!e)return null;switch(e.type){case"Input":case"NumberInput":case"DateInput":case"Select":return n.jsx(le,{cell:e,columnAlignment:r,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(Y,{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.AUTO_UNIT="AutoUnit",e))(S||{});const Q=({cell:e,isHeader:t,columnHeaderAlignment:r,columnAlignment:l=b.LEFT,width:a,snapshot:o,testId:s})=>{if(!e)return null;const{style:u,colSpan:d,rowSpan:p,width:c}=e,g=T.useRef(null),y={bodyAlignment:l,headerAlignment:r,isHeader:t},P=Te(y,i),x=Te(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=N(i.cell,L,e.hasSort?i.sortingCell:null,P,e.breakWord?i.breakWord:""),q=c??a??((o==null?void 0:o.isDragging)&&g.current&&g.current.offsetWidth)??void 0,C={width:q,minWidth:q,...u},A=t?"th":"td";return n.jsx(A,{ref:g,className:w,style:C,colSpan:d,rowSpan:p,children:n.jsx(ye,{cell:e,columnAlignment:x??b.RIGHT,isHeader:t,testId:s})})};try{Q.displayName="Cell",Q.__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:r=!1,columnCount:l,colSpan:a,columnHeaderAlignments:o=[],columnAlignment:s=[],hasRowActions:u,draggableTable:d=!1,snapshot:p=null,provided:c=null,width:g,columnWidths:y,testId:P})=>{const x=T.useRef(null),L=In(o,r,t),{onRowClick:w,onRowFocus:q,onRowMouseEnter:C,onRowMouseLeave:A,expandedContent:I,active:Z}=e,E=e.cells.map((h,v)=>{const he=`${r?0:1}_${t}_${v}`;return n.jsx(Q,{cell:h,isHeader:r,columnAlignment:s[v],columnHeaderAlignment:L[v],width:y?y[v]:void 0,snapshot:p,testId:h.testId},he)}),V=u&&n.jsx(Q,{cell:{type:S.ACTIONS,actions:e.actions},isHeader:r},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",{...c.dragHandleProps,className:R.dragIcon,children:n.jsx(O,{icon:$.DRAG})})});return r?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:a,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,Z?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:a,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:r}=e,{columnWidths:l,footer:a,name:o,rows:s=[],actions:u,actionsRight:d,columnHeaderAlignments:p,columnAlignment:c,striped:g=!0,testId:y,draggable:P,defaultEmptyRow:x=null,onAddRow:L=null,bordered:w=!0,maxHeight:q,fixedWidth:C}=r,A=T.useRef(null),[I,Z]=T.useState({width:0,height:0});T.useEffect(()=>{A.current&&Z({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=a?((je=(Ie=a==null?void 0:a.pagination)==null?void 0:Ie.rowsPerPage)==null?void 0:je.value)===0||Number((Ne=a==null?void 0:a.pagination)==null?void 0:Ne.selectedPage)>=Number((we=a==null?void 0:a.pagination)==null?void 0:we.rowCount)/Number((ve=(Ae=a==null?void 0:a.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((U,We)=>({...U,value:We===j?f:U==null?void 0:U.value}))};L({newRow:D})}}:{...m,disabled:!0}):null,testId:y?`${y}-last-empty-row`:void 0},ee=v?s.concat(ke):s,be={...r,rows:ee},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(G,{actions:u,actionsRight:d,name:o,testId:y&&`${y}-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,g?H.striped:""),"data-testid":y,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:[ee.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]})]})})})}),a&&n.jsx(X,{pagination:a.pagination,actions:a.actions,content:a.content})]}):n.jsxs("div",{className:xe,style:Ce,children:[n.jsx(G,{actions:u,actionsRight:d,name:o,testId:y&&`${y}-title`}),n.jsx(z,{table:be,children:({visibleRows:m})=>n.jsxs("table",{className:N(H.table,g?H.striped:""),"data-testid":y,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:ee.slice(0,m).map((j,_)=>n.jsx(F,{rowIndex:_,row:j,columnCount:V,columnWidths:l,colSpan:W,hasRowActions:k,columnAlignment:c},`1_${_}`))})]})}),a&&n.jsx(X,{colSpan:W,pagination:a.pagination,actions:a.actions,content:a.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{S as C,qe as T};
|