@rolster/react-components 18.26.20 → 18.26.21
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/cjs/assets/{index-BLQqmL9z.css → index-DLpY_E_c.css} +13 -6
- package/dist/cjs/index.js +4 -3
- package/dist/cjs/index.js.map +1 -1
- package/dist/es/assets/{index-BLQqmL9z.css → index-DLpY_E_c.css} +13 -6
- package/dist/es/index.js +4 -3
- package/dist/es/index.js.map +1 -1
- package/dist/esm/components/atoms/Button/Button.css +1 -1
- package/dist/esm/components/organisms/Datatable/DataTable.css +12 -5
- package/dist/esm/components/organisms/Datatable/DataTable.css.map +1 -1
- package/dist/esm/components/organisms/Datatable/Datatable.d.ts +2 -1
- package/dist/esm/components/organisms/Datatable/Datatable.js +4 -3
- package/dist/esm/components/organisms/Datatable/Datatable.js.map +1 -1
- package/package.json +2 -2
|
@@ -162,7 +162,7 @@
|
|
|
162
162
|
--pvt-button-ripple-background: var(--rls-theme-font-900);
|
|
163
163
|
}
|
|
164
164
|
.rls-button__content--gradient {
|
|
165
|
-
--rlc-spinner-color: var(--pvt-
|
|
165
|
+
--rlc-spinner-color: var(--pvt-gradient-font-color);
|
|
166
166
|
--pvt-button-content-font-color: var(--pvt-gradient-font-color);
|
|
167
167
|
--pvt-button-content-background: var(--pvt-gradient-background);
|
|
168
168
|
--pvt-button-content-border: var(--pvt-gradient-border);
|
|
@@ -11,6 +11,11 @@
|
|
|
11
11
|
--rlc-datatable-font-color,
|
|
12
12
|
var(--rls-app-color-900)
|
|
13
13
|
);
|
|
14
|
+
--pvt-datatable-padding-component: 0rem;
|
|
15
|
+
--pvt-datatable-padding-scroll: var(--rlc-datatable-padding-scroll, 0rem);
|
|
16
|
+
--pvt-datatable-table-overflow: initial;
|
|
17
|
+
--pvt-datatable-body-overflow: initial;
|
|
18
|
+
--pvt-datatable-header-padding-right: var(--pvt-datatable-padding-scroll);
|
|
14
19
|
--pvt-datatable-header-background: var(
|
|
15
20
|
--rlc-datatable-header-background,
|
|
16
21
|
var(--rls-app-color-100)
|
|
@@ -19,9 +24,6 @@
|
|
|
19
24
|
--rlc-datatable-record-background,
|
|
20
25
|
transparent
|
|
21
26
|
);
|
|
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
27
|
--pvt-datatable-floating-background: var(--rls-app-color-100);
|
|
26
28
|
--rlc-amount-font-size: var(--pvt-datatable-font-size);
|
|
27
29
|
--rlc-amount-width: 100%;
|
|
@@ -51,6 +53,11 @@
|
|
|
51
53
|
border-radius: var(--rls-sizing-x4);
|
|
52
54
|
box-sizing: border-box;
|
|
53
55
|
}
|
|
56
|
+
.rls-datatable--resizable {
|
|
57
|
+
--pvt-datatable-table-overflow: hidden;
|
|
58
|
+
--pvt-datatable-body-overflow: auto;
|
|
59
|
+
height: 100%;
|
|
60
|
+
}
|
|
54
61
|
.rls-datatable--scrolleable {
|
|
55
62
|
--pvt-datatable-padding-scroll: var(--rls-sizing-x4);
|
|
56
63
|
--pvt-datatable-header-padding-right: calc(
|
|
@@ -72,7 +79,7 @@
|
|
|
72
79
|
.rls-datatable__table {
|
|
73
80
|
display: flex;
|
|
74
81
|
flex: 0 1 auto;
|
|
75
|
-
overflow:
|
|
82
|
+
overflow: var(--pvt-datatable-table-overflow);
|
|
76
83
|
}
|
|
77
84
|
.rls-datatable__table > table {
|
|
78
85
|
display: flex;
|
|
@@ -156,7 +163,7 @@
|
|
|
156
163
|
row-gap: var(--rls-sizing-x6);
|
|
157
164
|
padding-right: var(--pvt-datatable-padding-scroll);
|
|
158
165
|
box-sizing: border-box;
|
|
159
|
-
overflow-y:
|
|
166
|
+
overflow-y: var(--pvt-datatable-body-overflow);
|
|
160
167
|
}
|
|
161
168
|
.rls-datatable__subheader,
|
|
162
169
|
.rls-datatable__record,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/Datatable/DataTable.scss"],"names":[],"mappings":"AA0GA,eACE,wFAKA,uGAKA,wFAKA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/Datatable/DataTable.scss"],"names":[],"mappings":"AA0GA,eACE,wFAKA,uGAKA,wFAKA,wCACA,0EAEA,wCACA,uCAEA,0EACA,sGAKA,yFAKA,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,0BACE,uCACA,oCAEA,YAGF,4BACE,qDAEA,4IAKA,mGAIF,wBACE,aACA,cACA,gCACA,+CACA,sBACA,kDACA,mCAGF,sBACE,aACA,cACA,6CAEA,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,6BACA,kCACA,+BACA,qFAIA,yCACA,mDACA,gBACA,gBACA,mBAEA,+BAlOF,qDACA,oCAEA,0CACA,0CACA,2CACA,uDAEA,yCACA,0CAEA,8CACA,oDACA,iDACA,kDACA,kDAEA,aACA,uBACA,mBACA,4BACA,aAEA,mCACE,4BA8MA,2BACE,cACA,WACA,uBACA,gBAIJ,qBACE,aACA,cACA,sBACA,6BACA,kDACA,sBACA,8CAGF,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,0CAvUA,6CACA,qDACA,sDACA,mCACA,kCACA,0CACA,wCACA,2CACA,kCACA,wCACA,+CAEA,mEACA,oEACA,wEACA,uDACA,2DACA,wDAEA,uDACA,sDACA,0CACA,2CAqTE,kBACA,aACA,mBACA,eACA,gBACA,iCACA,2CACA,sCACA,yCACA,mDA7RF,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,0BA4PJ,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"}
|
|
@@ -4,6 +4,7 @@ import './Datatable.css';
|
|
|
4
4
|
interface DatatableProps extends RlsComponent {
|
|
5
5
|
footer?: ReactNode;
|
|
6
6
|
header?: ReactNode;
|
|
7
|
+
resizable?: boolean;
|
|
7
8
|
summary?: ReactNode;
|
|
8
9
|
table?: HTMLTableSectionElement;
|
|
9
10
|
toolbar?: ReactNode;
|
|
@@ -28,7 +29,7 @@ interface DatatableFloatingProps extends RlsComponent {
|
|
|
28
29
|
className?: string;
|
|
29
30
|
invested?: boolean;
|
|
30
31
|
}
|
|
31
|
-
export declare function RlsDatatable({ children, footer, header, identifier, rlsTheme, summary, table, toolbar }: DatatableProps): import("react/jsx-runtime").JSX.Element;
|
|
32
|
+
export declare function RlsDatatable({ children, footer, header, identifier, rlsTheme, resizable, summary, table, toolbar }: DatatableProps): import("react/jsx-runtime").JSX.Element;
|
|
32
33
|
export declare function RlsDatatableHeader({ children, identifier, rlsTheme }: RlsComponent): import("react/jsx-runtime").JSX.Element;
|
|
33
34
|
export declare function RlsDatatableTitle({ children, className, control, identifier, rlsTheme }: DatatableCellProps): import("react/jsx-runtime").JSX.Element;
|
|
34
35
|
export declare function RlsDatatableSubheader({ children, className, identifier, rlsTheme }: DatatableSubheaderProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -3,13 +3,14 @@ import { useMemo } from 'react';
|
|
|
3
3
|
import { useDatatable } from '../../../controllers/DatatableController';
|
|
4
4
|
import { renderClassStatus } from '../../../helpers/css';
|
|
5
5
|
import './Datatable.css';
|
|
6
|
-
export function RlsDatatable({ children, footer, header, identifier, rlsTheme, summary, table, toolbar }) {
|
|
6
|
+
export function RlsDatatable({ children, footer, header, identifier, rlsTheme, resizable, summary, table, toolbar }) {
|
|
7
7
|
const datatable = useDatatable(table);
|
|
8
8
|
const className = useMemo(() => {
|
|
9
9
|
return renderClassStatus('rls-datatable', {
|
|
10
|
-
|
|
10
|
+
resizable,
|
|
11
|
+
scrolleable: resizable && datatable?.scrolleable
|
|
11
12
|
});
|
|
12
|
-
}, [datatable]);
|
|
13
|
+
}, [resizable, datatable.scrolleable]);
|
|
13
14
|
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 })] }));
|
|
14
15
|
}
|
|
15
16
|
export function RlsDatatableHeader({ children, identifier, rlsTheme }) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Datatable.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Datatable/Datatable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,OAAO,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"Datatable.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Datatable/Datatable.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rolster/react-components",
|
|
3
|
-
"version": "18.26.
|
|
3
|
+
"version": "18.26.21",
|
|
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.
|
|
52
|
+
"@rolster/styles-foundations": "^2.6.13",
|
|
53
53
|
"@rolster/types": "^1.1.0",
|
|
54
54
|
"@types/node-sass": "^4.11.4",
|
|
55
55
|
"@types/react": "^18.0.28",
|