@rolster/react-components 18.21.9 → 18.21.11
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/index.js +59 -44
- package/dist/cjs/index.js.map +1 -1
- package/dist/es/index.js +59 -45
- package/dist/es/index.js.map +1 -1
- package/dist/esm/components/atoms/Input/Input.js +11 -3
- package/dist/esm/components/atoms/Input/Input.js.map +1 -1
- package/dist/esm/components/atoms/InputMoney/InputMoney.js +2 -2
- package/dist/esm/components/atoms/InputMoney/InputMoney.js.map +1 -1
- package/dist/esm/components/atoms/InputNumber/InputNumber.js +2 -2
- package/dist/esm/components/atoms/InputNumber/InputNumber.js.map +1 -1
- package/dist/esm/components/atoms/InputText/InputText.js +2 -2
- package/dist/esm/components/atoms/InputText/InputText.js.map +1 -1
- package/dist/esm/components/organisms/Datatable/Datatable.d.ts +23 -17
- package/dist/esm/components/organisms/Datatable/Datatable.js +43 -37
- package/dist/esm/components/organisms/Datatable/Datatable.js.map +1 -1
- package/package.json +3 -3
|
@@ -1,12 +1,20 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useCallback, useMemo, useState } from 'react';
|
|
2
|
+
import { useCallback, useEffect, useMemo, useState } from 'react';
|
|
3
3
|
import { renderClassStatus } from '../../../helpers';
|
|
4
4
|
import './Input.css';
|
|
5
5
|
export function RlsInput({ children, disabled, formControl, identifier, onValue, placeholder, type, value }) {
|
|
6
|
+
const valueInitial = formControl?.value ?? value ? String(value) : '';
|
|
7
|
+
const [valueInput, setValueInput] = useState(valueInitial);
|
|
6
8
|
const [focused, setFocused] = useState(false);
|
|
9
|
+
useEffect(() => {
|
|
10
|
+
const valueControl = formControl?.value ? String(formControl.value) : '';
|
|
11
|
+
(!focused || valueInput !== valueControl) && setValueInput(valueControl);
|
|
12
|
+
}, [formControl?.value]);
|
|
7
13
|
const onChange = useCallback((event) => {
|
|
8
|
-
const
|
|
14
|
+
const valueInput = event.target.value;
|
|
15
|
+
const value = type === 'number' ? +valueInput : valueInput;
|
|
9
16
|
onValue && onValue(value);
|
|
17
|
+
setValueInput(valueInput);
|
|
10
18
|
formControl?.setValue(value);
|
|
11
19
|
}, [formControl, onValue]);
|
|
12
20
|
const onFocus = useCallback(() => {
|
|
@@ -23,6 +31,6 @@ export function RlsInput({ children, disabled, formControl, identifier, onValue,
|
|
|
23
31
|
focused: formControl?.focused ?? focused
|
|
24
32
|
});
|
|
25
33
|
}, [formControl?.focused, formControl?.disabled, focused, disabled]);
|
|
26
|
-
return (_jsxs("div", { id: identifier, className: className, children: [_jsx("input", { ref: formControl?.elementRef, className: "rls-input__component", autoComplete: "off", type: type ?? 'text', placeholder: placeholder, disabled: formControl?.disabled || disabled, onFocus: onFocus, onBlur: onBlur, onChange: onChange, value:
|
|
34
|
+
return (_jsxs("div", { id: identifier, className: className, children: [_jsx("input", { ref: formControl?.elementRef, className: "rls-input__component", autoComplete: "off", type: type ?? 'text', placeholder: placeholder, disabled: formControl?.disabled || disabled, onFocus: onFocus, onBlur: onBlur, onChange: onChange, value: valueInput }), _jsx("span", { className: "rls-input__value", children: children })] }));
|
|
27
35
|
}
|
|
28
36
|
//# sourceMappingURL=Input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Input/Input.tsx"],"names":[],"mappings":";AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Input/Input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,11 +4,11 @@ import { RlsAmount } from '../Amount/Amount';
|
|
|
4
4
|
import { RlsInput } from '../Input/Input';
|
|
5
5
|
import './InputMoney.css';
|
|
6
6
|
export function RlsInputMoney({ decimals, disabled, formControl, identifier, onValue, placeholder, symbol, value }) {
|
|
7
|
-
const [valueInput, setValueInput] = useState(value
|
|
7
|
+
const [valueInput, setValueInput] = useState(formControl?.value ?? value ?? 0);
|
|
8
8
|
const onValueInput = useCallback((value) => {
|
|
9
9
|
!formControl && setValueInput(value);
|
|
10
10
|
onValue && onValue(value);
|
|
11
11
|
}, [formControl, onValue]);
|
|
12
|
-
return (_jsx("div", { id: identifier, className: "rls-input-money", children: _jsx(RlsInput, { formControl: formControl, type: "number", value:
|
|
12
|
+
return (_jsx("div", { id: identifier, className: "rls-input-money", children: _jsx(RlsInput, { formControl: formControl, type: "number", value: valueInput, disabled: disabled, placeholder: placeholder, onValue: onValueInput, children: _jsx(RlsAmount, { value: formControl?.value ?? valueInput, symbol: symbol, decimals: decimals }) }) }));
|
|
13
13
|
}
|
|
14
14
|
//# sourceMappingURL=InputMoney.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputMoney.js","sourceRoot":"","sources":["../../../../../src/components/atoms/InputMoney/InputMoney.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,kBAAkB,CAAC;AAO1B,MAAM,UAAU,aAAa,CAAC,EAC5B,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,UAAU,EACV,OAAO,EACP,WAAW,EACX,MAAM,EACN,KAAK,EACW;IAChB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,
|
|
1
|
+
{"version":3,"file":"InputMoney.js","sourceRoot":"","sources":["../../../../../src/components/atoms/InputMoney/InputMoney.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,kBAAkB,CAAC;AAO1B,MAAM,UAAU,aAAa,CAAC,EAC5B,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,UAAU,EACV,OAAO,EACP,WAAW,EACX,MAAM,EACN,KAAK,EACW;IAChB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAC1C,WAAW,EAAE,KAAK,IAAI,KAAK,IAAI,CAAC,CACjC,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAAa,EAAE,EAAE;QAChB,CAAC,WAAW,IAAI,aAAa,CAAC,KAAK,CAAC,CAAC;QACrC,OAAO,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,EACD,CAAC,WAAW,EAAE,OAAO,CAAC,CACvB,CAAC;IAEF,OAAO,CACL,cAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAC,iBAAiB,YAC9C,KAAC,QAAQ,IACP,WAAW,EAAE,WAAW,EACxB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,YAAY,YAErB,KAAC,SAAS,IACR,KAAK,EAAE,WAAW,EAAE,KAAK,IAAI,UAAU,EACvC,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,GAClB,GACO,GACP,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -3,11 +3,11 @@ import { useCallback, useState } from 'react';
|
|
|
3
3
|
import { RlsInput } from '../Input/Input';
|
|
4
4
|
import './InputNumber.css';
|
|
5
5
|
export function RlsInputNumber({ disabled, formControl, identifier, onValue, placeholder, value }) {
|
|
6
|
-
const [valueInput, setValueInput] = useState(value ?? 0);
|
|
6
|
+
const [valueInput, setValueInput] = useState(formControl?.value ?? value ?? 0);
|
|
7
7
|
const onValueInput = useCallback((value) => {
|
|
8
8
|
!formControl && setValueInput(value);
|
|
9
9
|
onValue && onValue(value);
|
|
10
10
|
}, [formControl, onValue]);
|
|
11
|
-
return (_jsx("div", { id: identifier, className: "rls-input-number", children: _jsx(RlsInput, { formControl: formControl, type: "number", value:
|
|
11
|
+
return (_jsx("div", { id: identifier, className: "rls-input-number", children: _jsx(RlsInput, { formControl: formControl, type: "number", value: valueInput, disabled: disabled, placeholder: placeholder, onValue: onValueInput, children: formControl?.value ?? valueInput }) }));
|
|
12
12
|
}
|
|
13
13
|
//# sourceMappingURL=InputNumber.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputNumber.js","sourceRoot":"","sources":["../../../../../src/components/atoms/InputNumber/InputNumber.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,mBAAmB,CAAC;AAE3B,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,WAAW,EACX,UAAU,EACV,OAAO,EACP,WAAW,EACX,KAAK,EACc;IACnB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,
|
|
1
|
+
{"version":3,"file":"InputNumber.js","sourceRoot":"","sources":["../../../../../src/components/atoms/InputNumber/InputNumber.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,mBAAmB,CAAC;AAE3B,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,WAAW,EACX,UAAU,EACV,OAAO,EACP,WAAW,EACX,KAAK,EACc;IACnB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAC1C,WAAW,EAAE,KAAK,IAAI,KAAK,IAAI,CAAC,CACjC,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAAa,EAAE,EAAE;QAChB,CAAC,WAAW,IAAI,aAAa,CAAC,KAAK,CAAC,CAAC;QACrC,OAAO,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,EACD,CAAC,WAAW,EAAE,OAAO,CAAC,CACvB,CAAC;IAEF,OAAO,CACL,cAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAC,kBAAkB,YAC/C,KAAC,QAAQ,IACP,WAAW,EAAE,WAAW,EACxB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,YAAY,YAEpB,WAAW,EAAE,KAAK,IAAI,UAAU,GACxB,GACP,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -3,11 +3,11 @@ import { useCallback, useState } from 'react';
|
|
|
3
3
|
import { RlsInput } from '../Input/Input';
|
|
4
4
|
import './InputText.css';
|
|
5
5
|
export function RlsInputText({ disabled, formControl, identifier, onValue, placeholder, value }) {
|
|
6
|
-
const [valueInput, setValueInput] = useState(value ?? '');
|
|
6
|
+
const [valueInput, setValueInput] = useState(formControl?.value ?? value ?? '');
|
|
7
7
|
const onValueInput = useCallback((value) => {
|
|
8
8
|
!formControl && setValueInput(value);
|
|
9
9
|
onValue && onValue(value);
|
|
10
10
|
}, [formControl, onValue]);
|
|
11
|
-
return (_jsx("div", { id: identifier, className: "rls-input-text", children: _jsx(RlsInput, { formControl: formControl, type: "text", value:
|
|
11
|
+
return (_jsx("div", { id: identifier, className: "rls-input-text", children: _jsx(RlsInput, { formControl: formControl, type: "text", value: valueInput, disabled: disabled, placeholder: placeholder, onValue: onValueInput, children: formControl?.value ?? valueInput }) }));
|
|
12
12
|
}
|
|
13
13
|
//# sourceMappingURL=InputText.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputText.js","sourceRoot":"","sources":["../../../../../src/components/atoms/InputText/InputText.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,iBAAiB,CAAC;AAEzB,MAAM,UAAU,YAAY,CAAC,EAC3B,QAAQ,EACR,WAAW,EACX,UAAU,EACV,OAAO,EACP,WAAW,EACX,KAAK,EACc;IACnB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,
|
|
1
|
+
{"version":3,"file":"InputText.js","sourceRoot":"","sources":["../../../../../src/components/atoms/InputText/InputText.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,iBAAiB,CAAC;AAEzB,MAAM,UAAU,YAAY,CAAC,EAC3B,QAAQ,EACR,WAAW,EACX,UAAU,EACV,OAAO,EACP,WAAW,EACX,KAAK,EACc;IACnB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAC1C,WAAW,EAAE,KAAK,IAAI,KAAK,IAAI,EAAE,CAClC,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAAa,EAAE,EAAE;QAChB,CAAC,WAAW,IAAI,aAAa,CAAC,KAAK,CAAC,CAAC;QACrC,OAAO,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,EACD,CAAC,WAAW,EAAE,OAAO,CAAC,CACvB,CAAC;IAEF,OAAO,CACL,cAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAC,gBAAgB,YAC7C,KAAC,QAAQ,IACP,WAAW,EAAE,WAAW,EACxB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,YAAY,YAEpB,WAAW,EAAE,KAAK,IAAI,UAAU,GACxB,GACP,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { DatatableController } from '../../../controllers';
|
|
3
3
|
import { RlsComponent } from '../../definitions';
|
|
4
|
-
interface
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
interface DatatableProps extends RlsComponent {
|
|
5
|
+
datatable?: DatatableController;
|
|
6
|
+
footer?: ReactNode;
|
|
7
|
+
header?: ReactNode;
|
|
8
|
+
summary?: ReactNode;
|
|
9
|
+
toolbar?: ReactNode;
|
|
8
10
|
}
|
|
9
11
|
interface DatatableSubheaderProps extends RlsComponent {
|
|
10
12
|
className?: string;
|
|
@@ -13,22 +15,26 @@ interface DatatableRecordProps extends RlsComponent {
|
|
|
13
15
|
className?: string;
|
|
14
16
|
error?: boolean;
|
|
15
17
|
info?: boolean;
|
|
18
|
+
overflow?: boolean;
|
|
16
19
|
successs?: boolean;
|
|
17
20
|
warning?: boolean;
|
|
18
21
|
}
|
|
19
|
-
interface
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
22
|
+
interface DatatableCellProps extends RlsComponent {
|
|
23
|
+
className?: string;
|
|
24
|
+
control?: boolean;
|
|
25
|
+
overflow?: boolean;
|
|
26
|
+
}
|
|
27
|
+
interface DatatableFloatingProps extends RlsComponent {
|
|
28
|
+
className?: string;
|
|
29
|
+
invested?: boolean;
|
|
25
30
|
}
|
|
26
|
-
export declare function RlsDatatableHeader({ children, identifier }: RlsComponent): import("react/jsx-runtime").JSX.Element;
|
|
27
|
-
export declare function RlsDatatableTitle({ children, className, control, identifier }: DatatableCellProps): import("react/jsx-runtime").JSX.Element;
|
|
28
|
-
export declare function RlsDatatableSubheader({ children, className, identifier }: DatatableSubheaderProps): import("react/jsx-runtime").JSX.Element;
|
|
29
|
-
export declare function RlsDatatableRecord({ children, className, error, identifier, info, successs, warning }: DatatableRecordProps): import("react/jsx-runtime").JSX.Element;
|
|
30
|
-
export declare function RlsDatatableTotals({ children, className, error, identifier, info, successs, warning }: DatatableRecordProps): import("react/jsx-runtime").JSX.Element;
|
|
31
|
-
export declare function RlsDatatableCell({ children, className, control, identifier, overflow }: DatatableCellProps): import("react/jsx-runtime").JSX.Element;
|
|
32
|
-
export declare function RlsDatatableData({ children, className, control, identifier, overflow }: DatatableCellProps): import("react/jsx-runtime").JSX.Element;
|
|
33
31
|
export declare function RlsDatatable({ children, datatable, footer, header, identifier, rlsTheme, summary, toolbar }: DatatableProps): import("react/jsx-runtime").JSX.Element;
|
|
32
|
+
export declare function RlsDatatableHeader({ children, identifier, rlsTheme }: RlsComponent): import("react/jsx-runtime").JSX.Element;
|
|
33
|
+
export declare function RlsDatatableTitle({ children, className, control, identifier, rlsTheme }: DatatableCellProps): import("react/jsx-runtime").JSX.Element;
|
|
34
|
+
export declare function RlsDatatableSubheader({ children, className, identifier, rlsTheme }: DatatableSubheaderProps): import("react/jsx-runtime").JSX.Element;
|
|
35
|
+
export declare function RlsDatatableRecord({ children, className, error, identifier, info, overflow, successs, warning, rlsTheme }: DatatableRecordProps): import("react/jsx-runtime").JSX.Element;
|
|
36
|
+
export declare function RlsDatatableTotals({ children, className, error, identifier, info, overflow, successs, warning, rlsTheme }: DatatableRecordProps): import("react/jsx-runtime").JSX.Element;
|
|
37
|
+
export declare function RlsDatatableCell({ children, className, control, identifier, overflow, rlsTheme }: DatatableCellProps): import("react/jsx-runtime").JSX.Element;
|
|
38
|
+
export declare function RlsDatatableData({ children, className, control, identifier, overflow }: DatatableCellProps): import("react/jsx-runtime").JSX.Element;
|
|
39
|
+
export declare function RlsDatatableFloating({ children, className, identifier, invested, rlsTheme }: DatatableFloatingProps): import("react/jsx-runtime").JSX.Element;
|
|
34
40
|
export {};
|
|
@@ -1,51 +1,57 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useMemo } from 'react';
|
|
3
3
|
import { renderClassStatus } from '../../../helpers';
|
|
4
|
-
export function
|
|
5
|
-
|
|
4
|
+
export function RlsDatatable({ children, datatable, footer, header, identifier, rlsTheme, summary, toolbar }) {
|
|
5
|
+
const className = useMemo(() => {
|
|
6
|
+
return renderClassStatus('rls-datatable', {
|
|
7
|
+
scrolleable: datatable?.scrolleable
|
|
8
|
+
});
|
|
9
|
+
}, [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 })] }));
|
|
11
|
+
}
|
|
12
|
+
export function RlsDatatableHeader({ children, identifier, rlsTheme }) {
|
|
13
|
+
return (_jsx("tr", { id: identifier, className: "rls-datatable__header", "rls-theme": rlsTheme, children: children }));
|
|
6
14
|
}
|
|
7
|
-
export function RlsDatatableTitle({ children, className, control, identifier }) {
|
|
8
|
-
const
|
|
15
|
+
export function RlsDatatableTitle({ children, className, control, identifier, rlsTheme }) {
|
|
16
|
+
const classNameTitle = useMemo(() => {
|
|
9
17
|
return renderClassStatus('rls-datatable__title', { control }, className);
|
|
10
|
-
}, [
|
|
11
|
-
return (_jsx("th", { id: identifier, className:
|
|
18
|
+
}, [className, control]);
|
|
19
|
+
return (_jsx("th", { id: identifier, className: classNameTitle, "rls-theme": rlsTheme, children: children }));
|
|
12
20
|
}
|
|
13
|
-
export function RlsDatatableSubheader({ children, className, identifier }) {
|
|
14
|
-
const
|
|
21
|
+
export function RlsDatatableSubheader({ children, className, identifier, rlsTheme }) {
|
|
22
|
+
const classNameSubheader = useMemo(() => {
|
|
15
23
|
return renderClassStatus('rls-datatable__subheader', {}, className);
|
|
16
24
|
}, [className]);
|
|
17
|
-
return (_jsx("tr", { id: identifier, className:
|
|
18
|
-
}
|
|
19
|
-
export function RlsDatatableRecord({ children, className, error, identifier, info, successs, warning }) {
|
|
20
|
-
const
|
|
21
|
-
return renderClassStatus('rls-datatable__record', { error, info, successs, warning }, className);
|
|
22
|
-
}, [error, info, successs, warning
|
|
23
|
-
return (_jsx("tr", { id: identifier, className:
|
|
24
|
-
}
|
|
25
|
-
export function RlsDatatableTotals({ children, className, error, identifier, info, successs, warning }) {
|
|
26
|
-
const
|
|
27
|
-
return renderClassStatus('rls-datatable__totals', { error, info, successs, warning }, className);
|
|
28
|
-
}, [error, info, successs, warning
|
|
29
|
-
return (_jsx("div", { id: identifier, className:
|
|
30
|
-
}
|
|
31
|
-
export function RlsDatatableCell({ children, className, control, identifier, overflow }) {
|
|
32
|
-
const
|
|
25
|
+
return (_jsx("tr", { id: identifier, className: classNameSubheader, "rls-theme": rlsTheme, children: children }));
|
|
26
|
+
}
|
|
27
|
+
export function RlsDatatableRecord({ children, className, error, identifier, info, overflow, successs, warning, rlsTheme }) {
|
|
28
|
+
const classNameRecord = useMemo(() => {
|
|
29
|
+
return renderClassStatus('rls-datatable__record', { error, info, overflow, successs, warning }, className);
|
|
30
|
+
}, [className, error, info, overflow, successs, warning]);
|
|
31
|
+
return (_jsx("tr", { id: identifier, className: classNameRecord, "rls-theme": rlsTheme, children: children }));
|
|
32
|
+
}
|
|
33
|
+
export function RlsDatatableTotals({ children, className, error, identifier, info, overflow, successs, warning, rlsTheme }) {
|
|
34
|
+
const classNameTotals = useMemo(() => {
|
|
35
|
+
return renderClassStatus('rls-datatable__totals', { error, info, overflow, successs, warning }, className);
|
|
36
|
+
}, [className, error, info, overflow, successs, warning]);
|
|
37
|
+
return (_jsx("div", { id: identifier, className: classNameTotals, "rls-theme": rlsTheme, children: children }));
|
|
38
|
+
}
|
|
39
|
+
export function RlsDatatableCell({ children, className, control, identifier, overflow, rlsTheme }) {
|
|
40
|
+
const classNameCell = useMemo(() => {
|
|
33
41
|
return renderClassStatus('rls-datatable__cell', { control, overflow }, className);
|
|
34
|
-
}, [control, overflow
|
|
35
|
-
return (_jsx("
|
|
42
|
+
}, [className, control, overflow]);
|
|
43
|
+
return (_jsx("td", { id: identifier, className: classNameCell, "rls-theme": rlsTheme, children: children }));
|
|
36
44
|
}
|
|
37
45
|
export function RlsDatatableData({ children, className, control, identifier, overflow }) {
|
|
38
|
-
const
|
|
46
|
+
const classNameData = useMemo(() => {
|
|
39
47
|
return renderClassStatus('rls-datatable__data', { control, overflow }, className);
|
|
40
|
-
}, [
|
|
41
|
-
return (_jsx("div", { id: identifier, className:
|
|
42
|
-
}
|
|
43
|
-
export function
|
|
44
|
-
const
|
|
45
|
-
return renderClassStatus('rls-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
}, [datatable]);
|
|
49
|
-
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 })] }));
|
|
48
|
+
}, [className, overflow, control]);
|
|
49
|
+
return (_jsx("div", { id: identifier, className: classNameData, children: children }));
|
|
50
|
+
}
|
|
51
|
+
export function RlsDatatableFloating({ children, className, identifier, invested, rlsTheme }) {
|
|
52
|
+
const classNameFloating = useMemo(() => {
|
|
53
|
+
return renderClassStatus('rls-datatable__floating', { invested }, className);
|
|
54
|
+
}, [className, invested]);
|
|
55
|
+
return (_jsx("td", { id: identifier, className: classNameFloating, "rls-theme": rlsTheme, children: children }));
|
|
50
56
|
}
|
|
51
57
|
//# sourceMappingURL=Datatable.js.map
|
|
@@ -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;AAE3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,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.21.
|
|
3
|
+
"version": "18.21.11",
|
|
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.6",
|
|
52
|
-
"@rolster/styles-foundations": "^2.3.
|
|
52
|
+
"@rolster/styles-foundations": "^2.3.36",
|
|
53
53
|
"@rolster/types": "^1.1.0",
|
|
54
54
|
"@types/node-sass": "^4.11.4",
|
|
55
55
|
"@types/react": "^18.0.28",
|
|
@@ -71,7 +71,7 @@
|
|
|
71
71
|
"sass": "^1.62.1",
|
|
72
72
|
"sort-by": "^0.0.2",
|
|
73
73
|
"typescript": "^5.7.2",
|
|
74
|
-
"vite": "^6.2.
|
|
74
|
+
"vite": "^6.2.5"
|
|
75
75
|
},
|
|
76
76
|
"repository": {
|
|
77
77
|
"type": "git",
|