@rolster/react-components 18.26.17 → 18.26.19

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.
@@ -0,0 +1,362 @@
1
+ .rls-datatable {
2
+ --pvt-datatable-font-size: var(
3
+ --rlc-datatable-font-size,
4
+ var(--rls-label-font-size)
5
+ );
6
+ --pvt-datatable-letter-spacing: var(
7
+ --rlc-datatable-letter-spacing,
8
+ var(--rls-label-letter-spacing)
9
+ );
10
+ --pvt-datatable-font-color: var(
11
+ --rlc-datatable-font-color,
12
+ var(--rls-app-color-900)
13
+ );
14
+ --pvt-datatable-header-background: var(
15
+ --rlc-datatable-header-background,
16
+ var(--rls-app-color-100)
17
+ );
18
+ --pvt-datatable-record-background: var(
19
+ --rlc-datatable-record-background,
20
+ transparent
21
+ );
22
+ --pvt-datatable-padding-component: 0rem;
23
+ --pvt-datatable-padding-scroll: var(--rlc-datatable-padding-scroll, 0rem);
24
+ --pvt-datatable-header-padding-right: var(--pvt-datatable-padding-scroll);
25
+ --pvt-datatable-floating-background: var(--rls-app-color-100);
26
+ --rlc-amount-font-size: var(--pvt-datatable-font-size);
27
+ --rlc-amount-width: 100%;
28
+ --rlc-badge-padding: 0.5rem 1.5rem;
29
+ --rlc-ballot-padding: 0rem;
30
+ --rlc-ballot-component-row-gap: var(--rls-sizing-x1);
31
+ --rlc-ballot-title-letter-spacing: var(--rls-smalltext-letter-spacing);
32
+ --rlc-ballot-title-font-size: var(--rls-smalltext-font-size);
33
+ --rlc-ballot-title-height: var(--rls-smalltext-line-height);
34
+ --rlc-ballot-subtitle-letter-spacing: var(--rls-overline-letter-spacing);
35
+ --rlc-ballot-subtitle-font-size: var(--rls-overline-font-size);
36
+ --rlc-ballot-subtitle-height: var(--rls-overline-line-height);
37
+ --rlc-field-box-body-background: transparent;
38
+ --rlc-field-box-padding: 0rem;
39
+ --rlc-field-box-width: 100%;
40
+ --rlc-field-box-error-display: none;
41
+ --rlc-field-box-label-display: none;
42
+ --rlc-input-font-size: var(--pvt-datatable-font-size);
43
+ --rlc-input-letter-spacing: var(--pvt-datatable-letter-spacing);
44
+ --rlc-skeleton-text-column-gap: var(--rls-sizing-x2);
45
+ position: relative;
46
+ display: flex;
47
+ width: 100%;
48
+ height: var(--rlc-datatable-height, auto);
49
+ flex-direction: column;
50
+ row-gap: var(--rls-sizing-x6);
51
+ border-radius: var(--rls-sizing-x4);
52
+ box-sizing: border-box;
53
+ }
54
+ .rls-datatable--scrolleable {
55
+ --pvt-datatable-padding-scroll: var(--rls-sizing-x4);
56
+ --pvt-datatable-header-padding-right: calc(
57
+ var(--pvt-datatable-padding-scroll) +
58
+ var(--rlc-datatable-width-scroll, var(--rls-sizing-x4))
59
+ );
60
+ --pvt-datatable-padding-component: 0rem
61
+ calc(var(--pvt-datatable-padding-scroll) + 5rem) 0rem 0rem;
62
+ }
63
+ .rls-datatable__toolbar {
64
+ display: flex;
65
+ flex: 0 0 auto;
66
+ column-gap: var(--rls-sizing-x6);
67
+ padding: var(--pvt-datatable-padding-component);
68
+ box-sizing: border-box;
69
+ background: var(--pvt-datatable-header-background);
70
+ border-radius: var(--rls-sizing-x4);
71
+ }
72
+ .rls-datatable__table {
73
+ display: flex;
74
+ flex: 1 1 auto;
75
+ overflow: hidden;
76
+ }
77
+ .rls-datatable__table > table {
78
+ display: flex;
79
+ width: 100%;
80
+ flex-direction: column;
81
+ row-gap: var(--rls-sizing-x4);
82
+ border-spacing: 0;
83
+ border-collapse: collapse;
84
+ }
85
+ .rls-datatable__head {
86
+ flex: 0 0 auto;
87
+ width: 100%;
88
+ padding-right: var(--pvt-datatable-header-padding-right);
89
+ box-sizing: border-box;
90
+ }
91
+ .rls-datatable__header {
92
+ display: flex;
93
+ column-gap: var(--rls-sizing-x6);
94
+ padding: 0rem var(--rls-sizing-x6);
95
+ box-sizing: border-box;
96
+ background: var(--pvt-datatable-header-background);
97
+ border: var(--rls-app-border-1-200);
98
+ border-radius: var(--rls-sizing-x4);
99
+ }
100
+ .rls-datatable__header .rls-poster {
101
+ width: calc(100% - var(--rls-sizing-x2));
102
+ margin: auto 0rem;
103
+ overflow: hidden;
104
+ text-overflow: ellipsis;
105
+ white-space: nowrap;
106
+ }
107
+ .rls-datatable__title {
108
+ position: relative;
109
+ display: flex;
110
+ flex: 0 0 auto;
111
+ height: var(--rls-sizing-x20);
112
+ line-height: var(--rls-sizing-x20);
113
+ color: var(--rls-app-color-700);
114
+ font-weight: var(
115
+ --rlc-datatable-header-font-weight,
116
+ var(--rls-font-weight-semibold)
117
+ );
118
+ font-size: var(--pvt-datatable-font-size);
119
+ letter-spacing: var(--pvt-datatable-letter-spacing);
120
+ text-align: left;
121
+ overflow: hidden;
122
+ white-space: nowrap;
123
+ }
124
+ .rls-datatable__title--control {
125
+ --rlc-action-ripple-dimension: var(--rls-sizing-x16);
126
+ --rlc-action-ripple-position: -8rem;
127
+ --rlc-avatar-radius: var(--rls-sizing-x3);
128
+ --rlc-avatar-width: var(--rls-sizing-x16);
129
+ --rlc-avatar-height: var(--rls-sizing-x16);
130
+ --rlc-avatar-font-size: var(--pvt-datatable-font-size);
131
+ --rlc-image-width: var(--rls-sizing-x12);
132
+ --rlc-image-height: var(--rls-sizing-x12);
133
+ --rlc-switch-max-width: var(--rls-sizing-x16);
134
+ --rlc-switch-component-height: var(--rls-sizing-x8);
135
+ --rlc-switch-element-width: var(--rls-sizing-x6);
136
+ --rlc-switch-element-height: var(--rls-sizing-x4);
137
+ --rlc-switch-element-radius: var(--rls-sizing-x4);
138
+ display: flex;
139
+ justify-content: center;
140
+ align-items: center;
141
+ width: var(--rls-sizing-x24);
142
+ padding: 0rem;
143
+ }
144
+ .rls-datatable__title--control > img {
145
+ width: var(--rls-sizing-x12);
146
+ }
147
+ .rls-datatable__title > span {
148
+ display: block;
149
+ width: 100%;
150
+ text-overflow: ellipsis;
151
+ overflow: hidden;
152
+ }
153
+ .rls-datatable__body {
154
+ display: flex;
155
+ flex: 1 1 auto;
156
+ flex-direction: column;
157
+ row-gap: var(--rls-sizing-x6);
158
+ padding-right: var(--pvt-datatable-padding-scroll);
159
+ box-sizing: border-box;
160
+ overflow-y: auto;
161
+ }
162
+ .rls-datatable__subheader,
163
+ .rls-datatable__record,
164
+ .rls-datatable__totals {
165
+ position: relative;
166
+ display: flex;
167
+ column-gap: var(--rls-sizing-x6);
168
+ padding: 0rem var(--rls-sizing-x6);
169
+ box-sizing: border-box;
170
+ background: var(--pvt-datatable-record-background);
171
+ border: var(--rls-app-border-1-200);
172
+ border-radius: var(--rls-sizing-x4);
173
+ }
174
+ .rls-datatable__subheader--success,
175
+ .rls-datatable__record--success,
176
+ .rls-datatable__totals--success {
177
+ --pvt-datatable-floating-background: var(--rls-success-color-100);
178
+ background: var(--rls-success-color-050);
179
+ border: var(--rls-success-border-1-200);
180
+ }
181
+ .rls-datatable__subheader--info,
182
+ .rls-datatable__record--info,
183
+ .rls-datatable__totals--info {
184
+ --pvt-datatable-floating-background: var(--rls-info-color-100);
185
+ background: var(--rls-info-color-050);
186
+ border: var(--rls-info-border-1-200);
187
+ }
188
+ .rls-datatable__subheader--warning,
189
+ .rls-datatable__record--warning,
190
+ .rls-datatable__totals--warning {
191
+ --pvt-datatable-floating-background: var(--rls-warning-color-100);
192
+ background: var(--rls-warning-color-050);
193
+ border: var(--rls-warning-border-1-200);
194
+ }
195
+ .rls-datatable__subheader--error,
196
+ .rls-datatable__record--error,
197
+ .rls-datatable__totals--error {
198
+ --pvt-datatable-floating-background: var(--rls-danger-color-100);
199
+ background: var(--rls-danger-color-050);
200
+ border: var(--rls-danger-border-1-200);
201
+ }
202
+ .rls-datatable__subheader--contained,
203
+ .rls-datatable__record--contained,
204
+ .rls-datatable__totals--contained {
205
+ overflow: hidden;
206
+ }
207
+ .rls-datatable__subheader {
208
+ position: sticky;
209
+ top: 0px;
210
+ z-index: var(--rls-z-index-4);
211
+ background: rgba(241, 238, 247, 0.8);
212
+ backdrop-filter: blur(2px);
213
+ }
214
+ .rls-datatable__cell,
215
+ .rls-datatable__data {
216
+ --rlc-field-box-body-background: transparent;
217
+ --rlc-field-box-body-background-focused: transparent;
218
+ --rlc-field-box-body-background-disabled: transparent;
219
+ --rlc-field-box-body-padding: 0rem;
220
+ --rlc-field-box-body-border: none;
221
+ --rlc-field-box-body-border-focused: none;
222
+ --rlc-field-box-body-border-error: none;
223
+ --rlc-field-box-body-border-disabled: none;
224
+ --rlc-field-box-body-shadow: none;
225
+ --rlc-field-box-body-shadow-error: none;
226
+ --rlc-field-box-action-background: transparent;
227
+ --rlc-field-list-control-font-size: var(--pvt-datatable-font-size);
228
+ --rlc-field-list-control-font-weight: var(--rls-font-weight-medium);
229
+ --rlc-field-list-control-letter-spacing: var(--rls-body-letter-spacing);
230
+ --rlc-field-list-element-padding: var(--rls-sizing-x4);
231
+ --rlc-field-list-suggestions-bottom: var(--rls-sizing-x24);
232
+ --rlc-field-list-suggestions-top: var(--rls-sizing-x24);
233
+ --rlc-poster-font-size: var(--pvt-datatable-font-size);
234
+ --rlc-poster-width: calc(100% - var(--rls-sizing-x2));
235
+ --rlc-poster-height: var(--rls-sizing-x8);
236
+ --rlc-poster-padding: var(--rls-sizing-x2);
237
+ position: relative;
238
+ display: flex;
239
+ align-items: center;
240
+ cursor: default;
241
+ text-align: left;
242
+ min-height: var(--rls-sizing-x20);
243
+ font-weight: var(--rls-font-weight-regular);
244
+ color: var(--pvt-datatable-font-color);
245
+ font-size: var(--pvt-datatable-font-size);
246
+ letter-spacing: var(--pvt-datatable-letter-spacing);
247
+ }
248
+ .rls-datatable__cell--contained,
249
+ .rls-datatable__data--contained {
250
+ overflow: hidden;
251
+ }
252
+ .rls-datatable__cell--control,
253
+ .rls-datatable__data--control {
254
+ --rlc-action-ripple-dimension: var(--rls-sizing-x16);
255
+ --rlc-action-ripple-position: -8rem;
256
+ --rlc-avatar-radius: var(--rls-sizing-x3);
257
+ --rlc-avatar-width: var(--rls-sizing-x16);
258
+ --rlc-avatar-height: var(--rls-sizing-x16);
259
+ --rlc-avatar-font-size: var(--pvt-datatable-font-size);
260
+ --rlc-image-width: var(--rls-sizing-x12);
261
+ --rlc-image-height: var(--rls-sizing-x12);
262
+ --rlc-switch-max-width: var(--rls-sizing-x16);
263
+ --rlc-switch-component-height: var(--rls-sizing-x8);
264
+ --rlc-switch-element-width: var(--rls-sizing-x6);
265
+ --rlc-switch-element-height: var(--rls-sizing-x4);
266
+ --rlc-switch-element-radius: var(--rls-sizing-x4);
267
+ display: flex;
268
+ justify-content: center;
269
+ align-items: center;
270
+ width: var(--rls-sizing-x24);
271
+ padding: 0rem;
272
+ }
273
+ .rls-datatable__cell--control > img,
274
+ .rls-datatable__data--control > img {
275
+ width: var(--rls-sizing-x12);
276
+ }
277
+ .rls-datatable__cell.rls-align-center,
278
+ .rls-datatable__data.rls-align-center {
279
+ justify-content: center;
280
+ }
281
+ .rls-datatable__cell > span,
282
+ .rls-datatable__data > span {
283
+ display: block;
284
+ width: 100%;
285
+ white-space: nowrap;
286
+ text-overflow: ellipsis;
287
+ overflow: hidden;
288
+ }
289
+ .rls-datatable__cell > p,
290
+ .rls-datatable__data > p {
291
+ padding: var(--rls-sizing-x2) 0rem;
292
+ }
293
+ .rls-datatable__cell .rls-field-list,
294
+ .rls-datatable__data .rls-field-list {
295
+ --rlc-field-box-body-padding: var(--rls-sizing-x4) 0rem;
296
+ --rlc-field-box-action-dimension: var(--rls-sizing-x10);
297
+ }
298
+ .rls-datatable__cell .rls-poster,
299
+ .rls-datatable__data .rls-poster {
300
+ overflow: hidden;
301
+ text-overflow: ellipsis;
302
+ white-space: nowrap;
303
+ }
304
+ .rls-datatable__cell > a:hover,
305
+ .rls-datatable__data > a:hover {
306
+ color: var(--rls-app-color-700);
307
+ text-decoration: underline;
308
+ }
309
+ .rls-datatable__floating {
310
+ --pvt-action-tooltip-left: 0;
311
+ --pvt-action-tooltip-right: initial;
312
+ --pvt-action-tooltip-transform: translate(calc(-100% - var(--rls-sizing-x4)));
313
+ position: absolute;
314
+ display: flex;
315
+ left: initial;
316
+ right: 0;
317
+ height: 100%;
318
+ column-gap: 4rem;
319
+ align-items: center;
320
+ z-index: var(--rls-z-index-2);
321
+ padding: 0rem var(--rls-sizing-x6);
322
+ background: var(--pvt-datatable-floating-background);
323
+ border-right: none;
324
+ transform: translateX(calc(100% - var(--rls-sizing-x4)));
325
+ transition: transform 240ms var(--rls-standard-curve);
326
+ }
327
+ .rls-datatable__floating:hover {
328
+ transform: translateX(0);
329
+ }
330
+ .rls-datatable__floating--invested {
331
+ --pvt-action-tooltip-left: initial;
332
+ --pvt-action-tooltip-right: 0;
333
+ --pvt-action-tooltip-transform: translate(calc(100% + var(--rls-sizing-x4)));
334
+ right: initial;
335
+ left: 0;
336
+ transform: translateX(calc(-100% + var(--rls-sizing-x4)));
337
+ }
338
+ .rls-datatable__floating[rls-theme] {
339
+ background: var(--rls-theme-color-050);
340
+ }
341
+ .rls-datatable__floating .rls-button-action__tooltip {
342
+ top: 0;
343
+ left: var(--pvt-action-tooltip-left);
344
+ right: var(--pvt-action-tooltip-right);
345
+ transform: var(--pvt-action-tooltip-transform);
346
+ z-index: var(--rls-z-index-2);
347
+ }
348
+ .rls-datatable__summary {
349
+ --pvt-datatable-record-background: var(--rls-app-color-100);
350
+ flex: 0 0 auto;
351
+ padding-right: var(--pvt-datatable-header-padding-right);
352
+ box-sizing: border-box;
353
+ }
354
+ .rls-datatable__footer {
355
+ --pvt-datatable-record-background: var(--rls-app-color-100);
356
+ position: relative;
357
+ flex: 0 0 auto;
358
+ width: 100%;
359
+ padding: var(--pvt-datatable-padding-component);
360
+ box-sizing: border-box;
361
+ overflow: hidden;
362
+ } /*# sourceMappingURL=DataTable.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/Datatable/DataTable.scss"],"names":[],"mappings":"AA0GA,eACE,wFAKA,uGAKA,wFAKA,sGAKA,yFAKA,wCACA,0EACA,0EACA,8DAEA,uDACA,yBAEA,mCAEA,2BACA,qDACA,uEACA,6DACA,4DACA,yEACA,+DACA,8DAEA,6CACA,8BACA,4BACA,oCACA,oCAEA,sDACA,gEAEA,qDAEA,kBACA,aACA,WACA,yCACA,sBACA,6BACA,mCACA,sBAEA,4BACE,qDAEA,4IAKA,mGAIF,wBACE,aACA,cACA,gCACA,+CACA,sBACA,kDACA,mCAGF,sBACE,aACA,cACA,gBAEA,4BACE,aACA,WACA,sBACA,6BACA,iBACA,yBAIJ,qBACE,cACA,WACA,wDACA,sBAGF,uBACE,aACA,gCACA,kCACA,sBACA,kDACA,mCACA,mCAEA,mCACE,wCACA,iBACA,gBACA,uBACA,mBAIJ,sBACE,kBACA,aACA,cACA,6BACA,kCACA,+BACA,qFAIA,yCACA,mDACA,gBACA,gBACA,mBAEA,+BAxNF,qDACA,oCAEA,0CACA,0CACA,2CACA,uDAEA,yCACA,0CAEA,8CACA,oDACA,iDACA,kDACA,kDAEA,aACA,uBACA,mBACA,4BACA,aAEA,mCACE,4BAoMA,2BACE,cACA,WACA,uBACA,gBAIJ,qBACE,aACA,cACA,sBACA,6BACA,kDACA,sBACA,gBAGF,wEAGE,kBACA,aACA,gCACA,kCACA,sBACA,kDACA,mCACA,mCAEA,mGACE,kEAEA,wCACA,uCAGF,0FACE,+DAEA,qCACA,oCAGF,mGACE,kEAEA,wCACA,uCAGF,6FACE,iEAEA,uCACA,sCAGF,yGACE,gBAIJ,0BACE,gBACA,QACA,6BACA,gCACA,0BAGF,0CA7TA,6CACA,qDACA,sDACA,mCACA,kCACA,0CACA,wCACA,2CACA,kCACA,wCACA,+CAEA,mEACA,oEACA,wEACA,uDACA,2DACA,wDAEA,uDACA,sDACA,0CACA,2CA2SE,kBACA,aACA,mBACA,eACA,gBACA,iCACA,2CACA,sCACA,yCACA,mDAnRF,gEACE,gBAGF,4DAjCA,qDACA,oCAEA,0CACA,0CACA,2CACA,uDAEA,yCACA,0CAEA,8CACA,oDACA,iDACA,kDACA,kDAEA,aACA,uBACA,mBACA,4BACA,aAEA,oEACE,4BAaF,4EACE,uBAGF,oDACE,cACA,WACA,mBACA,uBACA,gBAGF,8CACE,kCAGF,0EACE,wDACA,wDAGF,kEACE,gBACA,uBACA,mBAIA,0DACE,+BACA,0BAkPJ,yBACE,6BACA,oCACA,gFAIA,kBACA,aACA,aACA,QACA,YACA,gBACA,mBACA,6BACA,kCACA,oDACA,kBACA,wDACA,qDAEA,+BACE,wBAGF,mCACE,mCACA,8BACA,+EAIA,cACA,OACA,yDAGF,oCACE,sCAGF,qDACE,MACA,oCACA,sCACA,8CACA,6BAIJ,wBACE,4DAEA,cACA,wDACA,sBAGF,uBACE,4DAEA,kBACA,cACA,WACA,+CACA,sBACA","file":"DataTable.css"}
@@ -1,11 +1,11 @@
1
1
  import { ReactNode } from 'react';
2
- import { DatatableController } from '../../../controllers/DatatableController';
3
2
  import { RlsComponent } from '../../definitions';
3
+ import './Datatable.css';
4
4
  interface DatatableProps extends RlsComponent {
5
- datatable?: DatatableController;
6
5
  footer?: ReactNode;
7
6
  header?: ReactNode;
8
7
  summary?: ReactNode;
8
+ table?: HTMLTableSectionElement;
9
9
  toolbar?: ReactNode;
10
10
  }
11
11
  interface DatatableSubheaderProps extends RlsComponent {
@@ -28,7 +28,7 @@ interface DatatableFloatingProps extends RlsComponent {
28
28
  className?: string;
29
29
  invested?: boolean;
30
30
  }
31
- export declare function RlsDatatable({ children, datatable, footer, header, identifier, rlsTheme, summary, toolbar }: DatatableProps): import("react/jsx-runtime").JSX.Element;
31
+ export declare function RlsDatatable({ children, footer, header, identifier, rlsTheme, summary, table, toolbar }: DatatableProps): import("react/jsx-runtime").JSX.Element;
32
32
  export declare function RlsDatatableHeader({ children, identifier, rlsTheme }: RlsComponent): import("react/jsx-runtime").JSX.Element;
33
33
  export declare function RlsDatatableTitle({ children, className, control, identifier, rlsTheme }: DatatableCellProps): import("react/jsx-runtime").JSX.Element;
34
34
  export declare function RlsDatatableSubheader({ children, className, identifier, rlsTheme }: DatatableSubheaderProps): import("react/jsx-runtime").JSX.Element;
@@ -1,13 +1,16 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { useMemo } from 'react';
3
+ import { useDatatable } from '../../../controllers/DatatableController';
3
4
  import { renderClassStatus } from '../../../helpers/css';
4
- export function RlsDatatable({ children, datatable, footer, header, identifier, rlsTheme, summary, toolbar }) {
5
+ import './Datatable.css';
6
+ export function RlsDatatable({ children, footer, header, identifier, rlsTheme, summary, table, toolbar }) {
7
+ const datatable = useDatatable(table);
5
8
  const className = useMemo(() => {
6
9
  return renderClassStatus('rls-datatable', {
7
10
  scrolleable: datatable?.scrolleable
8
11
  });
9
12
  }, [datatable]);
10
- return (_jsxs("div", { className: className, "rls-theme": rlsTheme, children: [toolbar && _jsx("div", { className: "rls-datatable__toolbar", children: toolbar }), _jsxs("table", { id: identifier, children: [header && _jsx("thead", { className: "rls-datatable__head", children: header }), _jsx("tbody", { ref: datatable?.tableRef, className: "rls-datatable__body", children: children })] }), summary && _jsx("div", { className: "rls-datatable__summary", children: summary }), footer && _jsx("div", { className: "rls-datatable__footer", children: footer })] }));
13
+ return (_jsxs("div", { className: className, "rls-theme": rlsTheme, children: [toolbar && _jsx("div", { className: "rls-datatable__toolbar", children: toolbar }), _jsx("div", { className: "rls-datatable__table", children: _jsxs("table", { id: identifier, children: [header && _jsx("thead", { className: "rls-datatable__head", children: header }), _jsx("tbody", { ref: datatable?.refTable, className: "rls-datatable__body", children: children })] }) }), summary && _jsx("div", { className: "rls-datatable__summary", children: summary }), footer && _jsx("div", { className: "rls-datatable__footer", children: footer })] }));
11
14
  }
12
15
  export function RlsDatatableHeader({ children, identifier, rlsTheme }) {
13
16
  return (_jsx("tr", { id: identifier, className: "rls-datatable__header", "rls-theme": rlsTheme, children: children }));
@@ -1 +1 @@
1
- {"version":3,"file":"Datatable.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Datatable/Datatable.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Datatable.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Datatable/Datatable.tsx"],"names":[],"mappings":"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"}
@@ -1,6 +1,6 @@
1
1
  import { RefObject } from 'react';
2
2
  export interface DatatableController {
3
+ refTable: RefObject<HTMLTableSectionElement>;
3
4
  scrolleable: boolean;
4
- tableRef: RefObject<HTMLTableSectionElement>;
5
5
  }
6
- export declare function useDatatable(): DatatableController;
6
+ export declare function useDatatable(table?: HTMLTableSectionElement): DatatableController;
@@ -9,16 +9,16 @@ function createObserver(options) {
9
9
  observer.observe(table);
10
10
  return observer;
11
11
  }
12
- export function useDatatable() {
12
+ export function useDatatable(table) {
13
13
  const [scrolleable, setScrolleable] = useState(false);
14
- const tableRef = useRef(null);
14
+ const refTable = useRef(table ? table : null);
15
15
  useEffect(() => {
16
- const observer = tableRef?.current &&
17
- createObserver({ setScrolleable, table: tableRef?.current });
16
+ const observer = refTable.current &&
17
+ createObserver({ setScrolleable, table: refTable.current });
18
18
  return () => {
19
19
  observer?.disconnect();
20
20
  };
21
21
  }, []);
22
- return { scrolleable, tableRef };
22
+ return { refTable, scrolleable };
23
23
  }
24
24
  //# sourceMappingURL=DatatableController.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"DatatableController.js","sourceRoot":"","sources":["../../../src/controllers/DatatableController.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAY/D,SAAS,cAAc,CAAC,OAA8B;IACpD,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC;IAE1C,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;QACvC,MAAM,YAAY,GAAG,KAAK,CAAC,YAAY,IAAI,CAAC,CAAC;QAC7C,MAAM,YAAY,GAAG,KAAK,CAAC,YAAY,IAAI,CAAC,CAAC;QAE7C,cAAc,CAAC,YAAY,GAAG,YAAY,CAAC,CAAC;IAC9C,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAExB,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,MAAM,UAAU,YAAY;IAC1B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,QAAQ,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IAEvD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GACZ,QAAQ,EAAE,OAAO;YACjB,cAAc,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAC;QAE/D,OAAO,GAAG,EAAE;YACV,QAAQ,EAAE,UAAU,EAAE,CAAC;QACzB,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC;AACnC,CAAC"}
1
+ {"version":3,"file":"DatatableController.js","sourceRoot":"","sources":["../../../src/controllers/DatatableController.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAY/D,SAAS,cAAc,CAAC,OAA8B;IACpD,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC;IAE1C,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;QACvC,MAAM,YAAY,GAAG,KAAK,CAAC,YAAY,IAAI,CAAC,CAAC;QAC7C,MAAM,YAAY,GAAG,KAAK,CAAC,YAAY,IAAI,CAAC,CAAC;QAE7C,cAAc,CAAC,YAAY,GAAG,YAAY,CAAC,CAAC;IAC9C,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAExB,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,MAAM,UAAU,YAAY,CAC1B,KAA+B;IAE/B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,QAAQ,GAAG,MAAM,CAA0B,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAEvE,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GACZ,QAAQ,CAAC,OAAO;YAChB,cAAc,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC;QAE9D,OAAO,GAAG,EAAE;YACV,QAAQ,EAAE,UAAU,EAAE,CAAC;QACzB,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC;AACnC,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rolster/react-components",
3
- "version": "18.26.17",
3
+ "version": "18.26.19",
4
4
  "type": "module",
5
5
  "description": "Package containing UI components for React Project.",
6
6
  "module": "dist/esm/index.js",
@@ -49,7 +49,7 @@
49
49
  "@rollup/plugin-node-resolve": "^15.2.1",
50
50
  "@rollup/plugin-typescript": "^11.1.3",
51
51
  "@rolster/rollup": "^1.0.8",
52
- "@rolster/styles-foundations": "^2.6.9",
52
+ "@rolster/styles-foundations": "^2.6.11",
53
53
  "@rolster/types": "^1.1.0",
54
54
  "@types/node-sass": "^4.11.4",
55
55
  "@types/react": "^18.0.28",