@rolster/react-components 18.25.7 → 18.26.0
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-BR6Z9tba.css → index-C00JrtzY.css} +401 -366
- package/dist/cjs/index.js +94 -85
- package/dist/cjs/index.js.map +1 -1
- package/dist/es/assets/{index-BR6Z9tba.css → index-C00JrtzY.css} +401 -366
- package/dist/es/index.js +93 -86
- package/dist/es/index.js.map +1 -1
- package/dist/esm/components/atoms/Badge/Badge.css +10 -6
- package/dist/esm/components/atoms/Badge/Badge.css.map +1 -1
- package/dist/esm/components/atoms/Button/Button.css +74 -72
- package/dist/esm/components/atoms/Button/Button.css.map +1 -1
- package/dist/esm/components/atoms/CheckBox/CheckBox.css +13 -14
- package/dist/esm/components/atoms/CheckBox/CheckBox.css.map +1 -1
- package/dist/esm/components/atoms/CheckBox/CheckBox.js +2 -1
- package/dist/esm/components/atoms/CheckBox/CheckBox.js.map +1 -1
- package/dist/esm/components/atoms/{InputDouble/InputDouble.css → InputDecimal/InputDecimal.css} +3 -3
- package/dist/esm/components/atoms/InputDecimal/InputDecimal.css.map +1 -0
- package/dist/esm/components/atoms/InputDecimal/InputDecimal.d.ts +9 -0
- package/dist/esm/components/atoms/InputDecimal/InputDecimal.js +21 -0
- package/dist/esm/components/atoms/InputDecimal/InputDecimal.js.map +1 -0
- package/dist/esm/components/atoms/Poster/Poster.css +13 -19
- package/dist/esm/components/atoms/Poster/Poster.css.map +1 -1
- package/dist/esm/components/atoms/Poster/Poster.d.ts +1 -2
- package/dist/esm/components/atoms/Poster/Poster.js +3 -3
- package/dist/esm/components/atoms/Poster/Poster.js.map +1 -1
- package/dist/esm/components/atoms/RadioButton/RadioButton.css +12 -5
- package/dist/esm/components/atoms/RadioButton/RadioButton.css.map +1 -1
- package/dist/esm/components/atoms/Switch/Switch.css +30 -25
- package/dist/esm/components/atoms/Switch/Switch.css.map +1 -1
- package/dist/esm/components/atoms/Switch/Switch.d.ts +4 -3
- package/dist/esm/components/atoms/Switch/Switch.js +6 -6
- package/dist/esm/components/atoms/Switch/Switch.js.map +1 -1
- package/dist/esm/components/definitions.d.ts +1 -1
- package/dist/esm/components/molecules/Alert/Alert.css +18 -10
- package/dist/esm/components/molecules/Alert/Alert.css.map +1 -1
- package/dist/esm/components/molecules/FieldDecimal/FieldDecimal.css +6 -0
- package/dist/esm/components/molecules/FieldDecimal/FieldDecimal.css.map +1 -0
- package/dist/esm/components/molecules/FieldDecimal/FieldDecimal.d.ts +9 -0
- package/dist/esm/components/molecules/{FieldDouble/FieldDouble.js → FieldDecimal/FieldDecimal.js} +6 -6
- package/dist/esm/components/molecules/FieldDecimal/FieldDecimal.js.map +1 -0
- package/dist/esm/components/molecules/FieldMoney/FieldMoney.css +1 -1
- package/dist/esm/components/molecules/FieldMoney/FieldMoney.css.map +1 -1
- package/dist/esm/components/molecules/FieldNumber/FieldNumber.css +1 -1
- package/dist/esm/components/molecules/FieldNumber/FieldNumber.css.map +1 -1
- package/dist/esm/components/molecules/FieldPassword/FieldPassword.css +1 -1
- package/dist/esm/components/molecules/FieldPassword/FieldPassword.css.map +1 -1
- package/dist/esm/components/molecules/FieldPercentage/FieldPercentage.css +1 -1
- package/dist/esm/components/molecules/FieldPercentage/FieldPercentage.css.map +1 -1
- package/dist/esm/components/molecules/FieldReadonly/FieldReadonly.css +1 -1
- package/dist/esm/components/molecules/FieldReadonly/FieldReadonly.css.map +1 -1
- package/dist/esm/components/molecules/FieldText/FieldText.css +1 -1
- package/dist/esm/components/molecules/FieldText/FieldText.css.map +1 -1
- package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.css +1 -0
- package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.css.map +1 -1
- package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.js +5 -9
- package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.js.map +1 -1
- package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.css +1 -0
- package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.css.map +1 -1
- package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.js +8 -9
- package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.js.map +1 -1
- package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.css +1 -0
- package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.css.map +1 -1
- package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.d.ts +2 -1
- package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.js +7 -11
- package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.js.map +1 -1
- package/dist/esm/components/molecules/PickerClock/PickerClock.d.ts +1 -0
- package/dist/esm/components/molecules/PickerClock/PickerClock.js +5 -0
- package/dist/esm/components/molecules/PickerClock/PickerClock.js.map +1 -0
- package/dist/esm/components/molecules/PickerDay/PickerDay.css +52 -38
- package/dist/esm/components/molecules/PickerDay/PickerDay.css.map +1 -1
- package/dist/esm/components/molecules/PickerDay/PickerDay.js +2 -9
- package/dist/esm/components/molecules/PickerDay/PickerDay.js.map +1 -1
- package/dist/esm/components/molecules/PickerDayRange/PickerDayRange.css +36 -32
- package/dist/esm/components/molecules/PickerDayRange/PickerDayRange.css.map +1 -1
- package/dist/esm/components/molecules/PickerDayRange/PickerDayRange.js +2 -6
- package/dist/esm/components/molecules/PickerDayRange/PickerDayRange.js.map +1 -1
- package/dist/esm/components/molecules/PickerMonth/PickerMonth.css +6 -10
- package/dist/esm/components/molecules/PickerMonth/PickerMonth.css.map +1 -1
- package/dist/esm/components/molecules/PickerSelectorTitle/PickerSelectorTitle.css +29 -5
- package/dist/esm/components/molecules/PickerSelectorTitle/PickerSelectorTitle.css.map +1 -1
- package/dist/esm/components/molecules/PickerSelectorTitle/PickerSelectorTitle.d.ts +2 -2
- package/dist/esm/components/molecules/PickerSelectorTitle/PickerSelectorTitle.js +8 -2
- package/dist/esm/components/molecules/PickerSelectorTitle/PickerSelectorTitle.js.map +1 -1
- package/dist/esm/components/molecules/PickerYear/PickerYear.css +22 -27
- package/dist/esm/components/molecules/PickerYear/PickerYear.css.map +1 -1
- package/dist/esm/components/molecules/PickerYear/PickerYear.js +3 -3
- package/dist/esm/components/molecules/PickerYear/PickerYear.js.map +1 -1
- package/dist/esm/components/organisms/Card/Card.css +5 -2
- package/dist/esm/components/organisms/Card/Card.css.map +1 -1
- package/dist/esm/components/organisms/Confirmation/Confirmation.d.ts +2 -2
- package/dist/esm/components/organisms/Confirmation/Confirmation.js +2 -2
- package/dist/esm/components/organisms/Datatable/Datatable.d.ts +6 -6
- package/dist/esm/components/organisms/Datatable/Datatable.js +12 -12
- package/dist/esm/components/organisms/Datatable/Datatable.js.map +1 -1
- package/dist/esm/components/organisms/FieldDate/FieldDate.css +9 -4
- package/dist/esm/components/organisms/FieldDate/FieldDate.css.map +1 -1
- package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.css +9 -4
- package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.css.map +1 -1
- package/dist/esm/components/organisms/FieldSelect/FieldSelect.css +1 -1
- package/dist/esm/components/organisms/FieldSelect/FieldSelect.css.map +1 -1
- package/dist/esm/components/organisms/PickerDate/PickerDate.css +24 -39
- package/dist/esm/components/organisms/PickerDate/PickerDate.css.map +1 -1
- package/dist/esm/components/organisms/PickerDate/PickerDate.js +4 -6
- package/dist/esm/components/organisms/PickerDate/PickerDate.js.map +1 -1
- package/dist/esm/components/organisms/PickerDateRange/PickerDateRange.css +23 -41
- package/dist/esm/components/organisms/PickerDateRange/PickerDateRange.css.map +1 -1
- package/dist/esm/components/organisms/PickerDateRange/PickerDateRange.js +3 -6
- package/dist/esm/components/organisms/PickerDateRange/PickerDateRange.js.map +1 -1
- package/dist/esm/controllers/FormSingleSelectionController.d.ts +13 -0
- package/dist/esm/controllers/FormSingleSelectionController.js +15 -0
- package/dist/esm/controllers/FormSingleSelectionController.js.map +1 -0
- package/dist/esm/controllers/FormToggleController.d.ts +11 -0
- package/dist/esm/controllers/FormToggleController.js +16 -0
- package/dist/esm/controllers/FormToggleController.js.map +1 -0
- package/dist/esm/index.d.ts +4 -2
- package/dist/esm/index.js +4 -2
- package/dist/esm/index.js.map +1 -1
- package/package.json +4 -4
- package/dist/esm/components/atoms/InputDouble/InputDouble.css.map +0 -1
- package/dist/esm/components/atoms/InputDouble/InputDouble.d.ts +0 -9
- package/dist/esm/components/atoms/InputDouble/InputDouble.js +0 -21
- package/dist/esm/components/atoms/InputDouble/InputDouble.js.map +0 -1
- package/dist/esm/components/molecules/FieldDouble/FieldDouble.css +0 -6
- package/dist/esm/components/molecules/FieldDouble/FieldDouble.css.map +0 -1
- package/dist/esm/components/molecules/FieldDouble/FieldDouble.d.ts +0 -9
- package/dist/esm/components/molecules/FieldDouble/FieldDouble.js.map +0 -1
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
--pvt-span-nothover-font-color: inherit;
|
|
4
4
|
--pvt-span-background: transparent;
|
|
5
5
|
position: relative;
|
|
6
|
-
display: flex;
|
|
6
|
+
display: var(--rlc-picker-day-range-display, flex);
|
|
7
7
|
width: 100%;
|
|
8
8
|
max-width: 140rem;
|
|
9
9
|
flex-direction: column;
|
|
@@ -12,26 +12,30 @@
|
|
|
12
12
|
user-select: none;
|
|
13
13
|
}
|
|
14
14
|
.rls-picker-day-range__title {
|
|
15
|
-
color: var(--rls-
|
|
15
|
+
color: var(--rls-app-color-600);
|
|
16
16
|
text-align: center;
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
line-height: var(--rls-subtitle-line-height);
|
|
17
|
+
font-size: var(--rls-body-font-size);
|
|
18
|
+
letter-spacing: var(--rls-body-letter-spacing);
|
|
19
|
+
line-height: var(--rls-body-line-height);
|
|
21
20
|
font-weight: var(--rls-font-weight-bold);
|
|
22
21
|
}
|
|
23
22
|
.rls-picker-day-range__header {
|
|
24
23
|
display: flex;
|
|
25
|
-
background: var(--rls-app-color-200);
|
|
26
|
-
color: var(--rls-app-color-900);
|
|
27
|
-
border-radius: var(--rls-sizing-x2);
|
|
28
24
|
}
|
|
29
25
|
.rls-picker-day-range__label {
|
|
30
|
-
padding: var(--rls-sizing-x6) 0rem;
|
|
31
|
-
text-align: center;
|
|
32
26
|
width: 100%;
|
|
33
|
-
|
|
34
|
-
|
|
27
|
+
height: var(--rls-sizing-x20);
|
|
28
|
+
line-height: var(--rls-sizing-x20);
|
|
29
|
+
text-align: center;
|
|
30
|
+
font-size: 5.875rem;
|
|
31
|
+
color: var(--rls-app-color-600);
|
|
32
|
+
font-weight: var(--rls-font-weight-regular);
|
|
33
|
+
letter-spacing: 0.375rem;
|
|
34
|
+
}
|
|
35
|
+
.rls-picker-day-range__component {
|
|
36
|
+
display: flex;
|
|
37
|
+
flex-direction: column;
|
|
38
|
+
row-gap: var(--rls-sizing-x3);
|
|
35
39
|
}
|
|
36
40
|
.rls-picker-day-range__week {
|
|
37
41
|
display: flex;
|
|
@@ -41,25 +45,6 @@
|
|
|
41
45
|
padding: var(--rls-sizing-x1);
|
|
42
46
|
box-sizing: border-box;
|
|
43
47
|
}
|
|
44
|
-
.rls-picker-day-range__element__span {
|
|
45
|
-
position: relative;
|
|
46
|
-
display: block;
|
|
47
|
-
color: var(--rls-app-color-900);
|
|
48
|
-
border-radius: var(--rls-sizing-x4);
|
|
49
|
-
height: var(--rls-sizing-x18);
|
|
50
|
-
line-height: var(--rls-sizing-x18);
|
|
51
|
-
margin: var(--rls-sizing-x1) 0rem;
|
|
52
|
-
font-size: 7rem;
|
|
53
|
-
font-weight: var(--rls-font-weight-semibold);
|
|
54
|
-
}
|
|
55
|
-
.rls-picker-day-range__element__span:not(:hover) {
|
|
56
|
-
background: var(--pvt-span-nothover-background);
|
|
57
|
-
color: var(--pvt-span-nothover-font-color);
|
|
58
|
-
}
|
|
59
|
-
.rls-picker-day-range__element__span:hover {
|
|
60
|
-
color: var(--rls-app-color-050);
|
|
61
|
-
background: var(--rls-theme-color-900);
|
|
62
|
-
}
|
|
63
48
|
.rls-picker-day-range__element--end {
|
|
64
49
|
--pvt-span-nothover-background: var(--rls-app-color-900);
|
|
65
50
|
--pvt-span-nothover-font-color: var(--rls-app-color-050);
|
|
@@ -79,4 +64,23 @@
|
|
|
79
64
|
.rls-picker-day-range__element--disabled {
|
|
80
65
|
pointer-events: none;
|
|
81
66
|
opacity: 0.5;
|
|
67
|
+
}
|
|
68
|
+
.rls-picker-day-range__element__span {
|
|
69
|
+
position: relative;
|
|
70
|
+
display: block;
|
|
71
|
+
font-size: 7rem;
|
|
72
|
+
font-weight: var(--rls-font-weight-semibold);
|
|
73
|
+
border-radius: var(--rls-sizing-x4);
|
|
74
|
+
height: var(--rls-sizing-x18);
|
|
75
|
+
line-height: var(--rls-sizing-x18);
|
|
76
|
+
box-sizing: border-box;
|
|
77
|
+
letter-spacing: 0.475rem;
|
|
78
|
+
}
|
|
79
|
+
.rls-picker-day-range__element__span:not(:hover) {
|
|
80
|
+
background: var(--pvt-span-nothover-background);
|
|
81
|
+
color: var(--pvt-span-nothover-font-color);
|
|
82
|
+
}
|
|
83
|
+
.rls-picker-day-range__element__span:hover {
|
|
84
|
+
color: var(--rls-app-color-050);
|
|
85
|
+
background: var(--rls-theme-color-900);
|
|
82
86
|
} /*# sourceMappingURL=PickerDayRange.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/PickerDayRange/PickerDayRange.scss"],"names":[],"mappings":"AAOA,sBACE,4CACA,wCACA,mCAEA,kBACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/PickerDayRange/PickerDayRange.scss"],"names":[],"mappings":"AAOA,sBACE,4CACA,wCACA,mCAEA,kBACA,kDACA,WACA,iBACA,sBACA,6BACA,sBACA,iBAEA,6BACE,+BACA,kBACA,oCACA,8CACA,wCACA,wCAGF,8BACE,aAGF,6BACE,WACA,6BACA,kCACA,kBACA,mBACA,+BACA,2CACA,uBAGF,iCACE,aACA,sBACA,6BAGF,4BACE,aAGF,+BACE,kBACA,6BACA,sBAEA,oCACE,yDACA,yDAGF,uCACE,2DACA,yDAGF,uCACE,2DAGF,0CACE,gDAEA,oBACA,WAGF,yCACE,oBACA,WAGF,qCACE,kBACA,cACA,eACA,4CACA,mCACA,6BACA,kCACA,sBACA,uBAEA,iDACE,+CACA,0CAGF,2CACE,+BACA","file":"PickerDayRange.css"}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { createDayRangePicker } from '@rolster/components';
|
|
3
|
-
import { assignDayInDate, DAY_LABELS, dateIsBefore,
|
|
3
|
+
import { assignDayInDate, DAY_LABELS, dateIsBefore, DateRange, normalizeMinTime } from '@rolster/dates';
|
|
4
4
|
import { i18nSubscribe } from '@rolster/i18n';
|
|
5
5
|
import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
6
|
-
import { DATE_FORMAT } from '../../../constants/picker.constant';
|
|
7
6
|
import { renderClassStatus } from '../../../helpers/css';
|
|
8
7
|
import './PickerDayRange.css';
|
|
9
8
|
function RlsPickerDayRangeHeaders() {
|
|
@@ -62,9 +61,6 @@ export function RlsPickerDayRange({ date: _date, disabled, formControl, maxDate,
|
|
|
62
61
|
maxDate
|
|
63
62
|
}));
|
|
64
63
|
}, [date, range, minDate, maxDate]);
|
|
65
|
-
|
|
66
|
-
return (_jsx("div", { className: "rls-picker-day-range__title", children: dateFormatTemplate(sourceDate.current, DATE_FORMAT) }));
|
|
67
|
-
}, [sourceDate.current]);
|
|
68
|
-
return (_jsxs("div", { className: "rls-picker-day-range", "rls-theme": rlsTheme, children: [title, headers, component] }));
|
|
64
|
+
return (_jsxs("div", { className: "rls-picker-day-range", "rls-theme": rlsTheme, children: [headers, component] }));
|
|
69
65
|
}
|
|
70
66
|
//# sourceMappingURL=PickerDayRange.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PickerDayRange.js","sourceRoot":"","sources":["../../../../../src/components/molecules/PickerDayRange/PickerDayRange.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,oBAAoB,EAGrB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,eAAe,EACf,UAAU,EACV,YAAY,EACZ,
|
|
1
|
+
{"version":3,"file":"PickerDayRange.js","sourceRoot":"","sources":["../../../../../src/components/molecules/PickerDayRange/PickerDayRange.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
.rls-picker-month {
|
|
2
2
|
--pvt-component-background: transparent;
|
|
3
3
|
--pvt-component-font-color: var(--rls-app-color-900);
|
|
4
|
-
--pvt-component-border: var(--rls-border-1) solid transparent;
|
|
5
4
|
position: relative;
|
|
6
|
-
display: grid;
|
|
5
|
+
display: var(--rlc-picker-month-display, grid);
|
|
7
6
|
grid-template-columns: repeat(3, 1fr);
|
|
8
7
|
width: 100%;
|
|
9
8
|
max-width: 140rem;
|
|
@@ -24,32 +23,29 @@
|
|
|
24
23
|
}
|
|
25
24
|
.rls-picker-month__component:not(:hover) {
|
|
26
25
|
color: var(--pvt-component-font-color);
|
|
27
|
-
border: var(--pvt-component-border);
|
|
28
26
|
background: var(--pvt-component-background);
|
|
29
27
|
}
|
|
30
28
|
.rls-picker-month__component:hover {
|
|
31
29
|
background: var(--rls-theme-color-900);
|
|
32
30
|
color: var(--rls-theme-font-900);
|
|
33
|
-
border: var(--rls-theme-border-1-900);
|
|
34
31
|
}
|
|
35
32
|
.rls-picker-month__component--selected {
|
|
36
|
-
--pvt-component-
|
|
33
|
+
--pvt-component-background: var(--rls-theme-color-200);
|
|
34
|
+
--pvt-component-font-color: var(--rls-theme-color-600);
|
|
37
35
|
}
|
|
38
36
|
.rls-picker-month__component--focused {
|
|
39
|
-
--pvt-component-background: var(--rls-theme-
|
|
37
|
+
--pvt-component-background: var(--rls-theme-gradient-500);
|
|
40
38
|
--pvt-component-font-color: var(--rls-theme-color-050);
|
|
41
|
-
--pvt-component-border: var(--rls-theme-border-1-500);
|
|
42
39
|
}
|
|
43
40
|
.rls-picker-month__component--disabled {
|
|
44
41
|
--pvt-component-background: transparent;
|
|
45
42
|
--pvt-component-font-color: var(--rls-app-color-400);
|
|
46
|
-
--pvt-component-border: var(--rls-border-1) solid transparent;
|
|
47
43
|
pointer-events: none;
|
|
48
44
|
}
|
|
49
45
|
.rls-picker-month__span {
|
|
50
46
|
font-weight: var(--rls-font-weight-semibold);
|
|
51
|
-
font-size:
|
|
47
|
+
font-size: var(--rls-caption-font-size);
|
|
52
48
|
cursor: default;
|
|
53
49
|
pointer-events: none;
|
|
54
|
-
letter-spacing: 0.
|
|
50
|
+
letter-spacing: 0.325rem;
|
|
55
51
|
} /*# sourceMappingURL=PickerMonth.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/PickerMonth/PickerMonth.scss"],"names":[],"mappings":"AAOA,kBACE,wCACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/PickerMonth/PickerMonth.scss"],"names":[],"mappings":"AAOA,kBACE,wCACA,qDAEA,kBACA,8CACA,qCACA,WACA,iBACA,gCACA,6BACA,6BACA,sBAEA,6BACE,kBACA,aACA,sBACA,uBACA,mBACA,6BACA,mCACA,sBAEA,yCACE,sCACA,2CAGF,mCACE,sCACA,gCAGF,uCACE,uDACA,uDAGF,sCACE,0DACA,uDAGF,uCACE,wCACA,qDAEA,oBAIJ,wBACE,4CACA,uCACA,eACA,oBACA","file":"PickerMonth.css"}
|
|
@@ -2,15 +2,39 @@
|
|
|
2
2
|
display: flex;
|
|
3
3
|
justify-content: space-between;
|
|
4
4
|
align-items: center;
|
|
5
|
+
padding: var(--rlc-picker-selector-title-padding, 0rem);
|
|
6
|
+
box-sizing: border-box;
|
|
7
|
+
border-radius: var(--rlc-picker-selector-title-radius, 0rem);
|
|
8
|
+
background: var(--rlc-picker-selector-title-background, transparent);
|
|
5
9
|
}
|
|
6
|
-
.rls-picker-selector-
|
|
7
|
-
|
|
10
|
+
.rls-picker-selector-title__label {
|
|
11
|
+
display: flex;
|
|
12
|
+
column-gap: var(--rls-sizing-x3);
|
|
13
|
+
justify-content: center;
|
|
14
|
+
}
|
|
15
|
+
.rls-picker-selector-title__label > span {
|
|
16
|
+
font-size: var(--rls-body-font-size);
|
|
17
|
+
font-weight: var(--rls-font-weight-bold);
|
|
8
18
|
cursor: default;
|
|
9
19
|
height: var(--rls-sizing-x14);
|
|
10
20
|
line-height: var(--rls-sizing-x14);
|
|
11
|
-
font-size: var(--rls-sizing-x10);
|
|
12
|
-
font-weight: var(--rls-font-weight-bold);
|
|
13
21
|
}
|
|
14
|
-
.rls-picker-selector-
|
|
22
|
+
.rls-picker-selector-title__label > span:hover {
|
|
15
23
|
color: var(--rls-theme-color-500);
|
|
24
|
+
}
|
|
25
|
+
.rls-picker-selector-title > button {
|
|
26
|
+
--rlc-icon-dimension: var(--rls-sizing-x10);
|
|
27
|
+
background: var(--rls-app-color-050);
|
|
28
|
+
outline: none;
|
|
29
|
+
padding: var(--rls-sizing-x2);
|
|
30
|
+
border-radius: var(--rls-sizing-x4);
|
|
31
|
+
color: var(--rls-app-color-900);
|
|
32
|
+
}
|
|
33
|
+
.rls-picker-selector-title > button:hover {
|
|
34
|
+
background: var(--rls-app-color-300);
|
|
35
|
+
}
|
|
36
|
+
.rls-picker-selector-title > button:disabled {
|
|
37
|
+
opacity: 0.5;
|
|
38
|
+
background: rgba(0, 0, 0, 0);
|
|
39
|
+
color: var(--rls-app-color-600);
|
|
16
40
|
} /*# sourceMappingURL=PickerSelectorTitle.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/PickerSelectorTitle/PickerSelectorTitle.scss"],"names":[],"mappings":"AAOA,2BACE,aACA,8BACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/PickerSelectorTitle/PickerSelectorTitle.scss"],"names":[],"mappings":"AAOA,2BACE,aACA,8BACA,mBACA,uDACA,sBACA,4DACA,oEAEA,kCACE,aACA,gCACA,uBAEA,uCACE,oCACA,wCACA,eACA,6BACA,kCAEA,6CACE,iCAKN,kCACE,4CAEA,oCACA,aACA,6BACA,mCACA,+BAEA,wCACE,oCAGF,2CACE,WACA,yBACA","file":"PickerSelectorTitle.css"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ReactControl } from '@rolster/react-forms';
|
|
2
2
|
import './PickerSelectorTitle.css';
|
|
3
|
-
type PickerSelectorTitleType = 'month' | 'year';
|
|
3
|
+
export type PickerSelectorTitleType = 'month' | 'year';
|
|
4
4
|
interface PickerSelectorTitleProps {
|
|
5
5
|
monthControl: ReactControl<HTMLElement, number>;
|
|
6
6
|
type: PickerSelectorTitleType;
|
|
@@ -9,7 +9,7 @@ interface PickerSelectorTitleProps {
|
|
|
9
9
|
disabled?: boolean;
|
|
10
10
|
maxDate?: Date;
|
|
11
11
|
minDate?: Date;
|
|
12
|
-
onClick?: () => void;
|
|
12
|
+
onClick?: (type: PickerSelectorTitleType) => void;
|
|
13
13
|
}
|
|
14
14
|
export declare function RlsPickerSelectorTitle({ monthControl, type, yearControl, date, disabled, maxDate, minDate, onClick }: PickerSelectorTitleProps): import("react/jsx-runtime").JSX.Element;
|
|
15
15
|
export {};
|
|
@@ -4,7 +4,7 @@ import { monthLimitTemplate } from '@rolster/components';
|
|
|
4
4
|
import { MONTH_NAMES, Month } from '@rolster/dates';
|
|
5
5
|
import { i18nSubscribe } from '@rolster/i18n';
|
|
6
6
|
import { useCallback, useEffect, useMemo, useState } from 'react';
|
|
7
|
-
import {
|
|
7
|
+
import { RlsIcon } from '../../atoms/Icon/Icon';
|
|
8
8
|
import './PickerSelectorTitle.css';
|
|
9
9
|
export function RlsPickerSelectorTitle({ monthControl, type, yearControl, date, disabled, maxDate, minDate, onClick }) {
|
|
10
10
|
const { limitNext, limitPrevious } = useMemo(() => {
|
|
@@ -36,6 +36,12 @@ export function RlsPickerSelectorTitle({ monthControl, type, yearControl, date,
|
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
38
|
}, [monthControl.value, yearControl.value]);
|
|
39
|
+
const onMonth = useCallback(() => {
|
|
40
|
+
onClick && onClick('month');
|
|
41
|
+
}, [onClick]);
|
|
42
|
+
const onYear = useCallback(() => {
|
|
43
|
+
onClick && onClick('year');
|
|
44
|
+
}, [onClick]);
|
|
39
45
|
const onPreviousYear = useCallback(() => {
|
|
40
46
|
valueIsDefined(yearControl.value) &&
|
|
41
47
|
yearControl.setValue(yearControl.value - 1);
|
|
@@ -62,6 +68,6 @@ export function RlsPickerSelectorTitle({ monthControl, type, yearControl, date,
|
|
|
62
68
|
const onNext = useCallback(() => {
|
|
63
69
|
type === 'month' ? onNextMonth() : onNextYear();
|
|
64
70
|
}, [type, onNextMonth, onNextYear]);
|
|
65
|
-
return (_jsxs("div", { className: "rls-picker-selector-title", children: [_jsx(
|
|
71
|
+
return (_jsxs("div", { className: "rls-picker-selector-title", children: [_jsx("button", { onClick: onPrevious, disabled: limitPrevious || disabled, children: _jsx(RlsIcon, { value: "arrow-ios-left" }) }), _jsxs("div", { className: "rls-picker-selector-title__label", children: [_jsxs("span", { onClick: onMonth, children: [label, ","] }), _jsx("span", { onClick: onYear, children: yearControl.value })] }), _jsx("button", { onClick: onNext, disabled: limitNext || disabled, children: _jsx(RlsIcon, { value: "arrow-ios-right" }) })] }));
|
|
66
72
|
}
|
|
67
73
|
//# sourceMappingURL=PickerSelectorTitle.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PickerSelectorTitle.js","sourceRoot":"","sources":["../../../../../src/components/molecules/PickerSelectorTitle/PickerSelectorTitle.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"PickerSelectorTitle.js","sourceRoot":"","sources":["../../../../../src/components/molecules/PickerSelectorTitle/PickerSelectorTitle.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
.rls-picker-year {
|
|
2
2
|
--pvt-component-background: transparent;
|
|
3
3
|
--pvt-component-font-color: var(--rls-app-color-600);
|
|
4
|
-
--pvt-component-border: var(--rls-border-1) solid transparent;
|
|
5
4
|
position: relative;
|
|
5
|
+
display: var(--rlc-picker-year-display, block);
|
|
6
6
|
width: 100%;
|
|
7
7
|
max-width: 140rem;
|
|
8
8
|
box-sizing: border-box;
|
|
@@ -14,33 +14,30 @@
|
|
|
14
14
|
justify-content: space-between;
|
|
15
15
|
align-items: center;
|
|
16
16
|
box-sizing: border-box;
|
|
17
|
-
padding: var(--rls-sizing-x4)
|
|
18
|
-
color: var(--rls-app-color-900);
|
|
19
|
-
background: var(--rls-app-color-200);
|
|
17
|
+
padding: var(--rls-sizing-x4);
|
|
20
18
|
border-radius: var(--rls-sizing-x4);
|
|
21
19
|
}
|
|
22
|
-
.rls-picker-year__header >
|
|
20
|
+
.rls-picker-year__header > span {
|
|
21
|
+
font-size: var(--rls-body-font-size);
|
|
23
22
|
font-weight: var(--rls-font-weight-semibold);
|
|
24
|
-
font-size: 8.75rem;
|
|
25
23
|
letter-spacing: 0.325rem;
|
|
24
|
+
color: var(--rls-app-color-900);
|
|
26
25
|
}
|
|
27
26
|
.rls-picker-year__action {
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
}
|
|
32
|
-
.rls-picker-year__action button {
|
|
33
|
-
color: var(--rls-app-color-900);
|
|
34
|
-
background: rgba(0, 0, 0, 0);
|
|
27
|
+
--rlc-icon-dimension: var(--rls-sizing-x10);
|
|
28
|
+
background: var(--rls-theme-color-100);
|
|
29
|
+
color: var(--rls-theme-color-600);
|
|
35
30
|
outline: none;
|
|
36
|
-
|
|
37
|
-
|
|
31
|
+
padding: var(--rls-sizing-x2);
|
|
32
|
+
border-radius: var(--rls-sizing-x4);
|
|
38
33
|
}
|
|
39
|
-
.rls-picker-year__action
|
|
34
|
+
.rls-picker-year__action:not(:disabled):hover {
|
|
40
35
|
color: var(--rls-theme-color-500);
|
|
41
36
|
}
|
|
42
|
-
.rls-picker-year__action
|
|
37
|
+
.rls-picker-year__action:disabled {
|
|
43
38
|
opacity: 0.5;
|
|
39
|
+
background: rgba(0, 0, 0, 0);
|
|
40
|
+
color: var(--rls-theme-color-300);
|
|
44
41
|
}
|
|
45
42
|
.rls-picker-year__component {
|
|
46
43
|
position: relative;
|
|
@@ -55,41 +52,39 @@
|
|
|
55
52
|
.rls-picker-year__element {
|
|
56
53
|
position: relative;
|
|
57
54
|
display: flex;
|
|
55
|
+
height: var(--rls-sizing-x20);
|
|
58
56
|
align-items: center;
|
|
59
57
|
justify-content: center;
|
|
60
58
|
box-sizing: border-box;
|
|
61
59
|
text-align: center;
|
|
62
|
-
height: var(--rls-sizing-x20);
|
|
63
60
|
border-radius: var(--rls-sizing-x4);
|
|
61
|
+
box-shadow: none;
|
|
64
62
|
}
|
|
65
63
|
.rls-picker-year__element:not(:hover) {
|
|
66
64
|
color: var(--pvt-component-font-color);
|
|
67
|
-
border: var(--pvt-component-border);
|
|
68
65
|
background: var(--pvt-component-background);
|
|
69
66
|
}
|
|
70
67
|
.rls-picker-year__element:hover {
|
|
71
68
|
background: var(--rls-theme-color-900);
|
|
72
|
-
color: var(--rls-theme-
|
|
73
|
-
border: var(--rls-theme-border-1-900);
|
|
69
|
+
color: var(--rls-theme-color-050);
|
|
74
70
|
}
|
|
75
71
|
.rls-picker-year__element--selected {
|
|
76
|
-
--pvt-component-
|
|
72
|
+
--pvt-component-background: var(--rls-theme-color-200);
|
|
73
|
+
--pvt-component-font-color: var(--rls-theme-color-600);
|
|
77
74
|
}
|
|
78
75
|
.rls-picker-year__element--focused {
|
|
79
|
-
--pvt-component-background: var(--rls-theme-
|
|
76
|
+
--pvt-component-background: var(--rls-theme-gradient-500);
|
|
80
77
|
--pvt-component-font-color: var(--rls-theme-color-050);
|
|
81
|
-
--pvt-component-border: var(--rls-theme-border-1-500);
|
|
82
78
|
}
|
|
83
79
|
.rls-picker-year__element--disabled {
|
|
84
80
|
--pvt-span-background: var(--rls-app-color-100);
|
|
85
81
|
--pvt-component-font-color: var(--rls-app-color-400);
|
|
86
|
-
--pvt-span-border: var(--rls-border-1) solid var(--rls-app-color-100);
|
|
87
82
|
pointer-events: none;
|
|
88
83
|
}
|
|
89
84
|
.rls-picker-year__span {
|
|
85
|
+
font-size: var(--rls-body-font-size);
|
|
86
|
+
letter-spacing: var(--rls-body-letter-spacing);
|
|
90
87
|
font-weight: var(--rls-font-weight-medium);
|
|
91
|
-
font-size: 7.5rem;
|
|
92
88
|
cursor: default;
|
|
93
89
|
pointer-events: none;
|
|
94
|
-
letter-spacing: 0.325rem;
|
|
95
90
|
} /*# sourceMappingURL=PickerYear.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/PickerYear/PickerYear.scss"],"names":[],"mappings":"AAOA,iBACE,wCACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/PickerYear/PickerYear.scss"],"names":[],"mappings":"AAOA,iBACE,wCACA,qDAEA,kBACA,8CACA,WACA,iBACA,sBACA,gBACA,iBAEA,yBACE,aACA,8BACA,mBACA,sBACA,6BACA,mCAEA,8BACE,oCACA,4CACA,uBACA,+BAIJ,yBACE,4CAEA,sCACA,iCACA,aACA,6BACA,mCAEA,8CACE,iCAGF,kCACE,WACA,yBACA,iCAIJ,4BACE,kBACA,aACA,WACA,qCACA,6BACA,sBACA,6BACA,gCAGF,0BACE,kBACA,aACA,6BACA,mBACA,uBACA,sBACA,kBACA,mCACA,gBAEA,sCACE,sCACA,2CAGF,gCACE,sCACA,iCAGF,oCACE,uDACA,uDAGF,mCACE,0DACA,uDAGF,oCACE,gDACA,qDAEA,oBAIJ,uBACE,oCACA,8CACA,0CACA,eACA","file":"PickerYear.css"}
|
|
@@ -3,7 +3,7 @@ import { valueIsDefined } from '@rolster/commons';
|
|
|
3
3
|
import { createYearPicker, verifyYearPicker } from '@rolster/components';
|
|
4
4
|
import { useCallback, useEffect, useMemo, useState } from 'react';
|
|
5
5
|
import { renderClassStatus } from '../../../helpers/css';
|
|
6
|
-
import {
|
|
6
|
+
import { RlsIcon } from '../../atoms/Icon/Icon';
|
|
7
7
|
import './PickerYear.css';
|
|
8
8
|
function RlsPickerYearElement({ onSelect, year, disabled }) {
|
|
9
9
|
const className = useMemo(() => {
|
|
@@ -16,7 +16,7 @@ function RlsPickerYearElement({ onSelect, year, disabled }) {
|
|
|
16
16
|
const onClick = useCallback(() => {
|
|
17
17
|
year.value && !year.disabled && !disabled && onSelect(year.value);
|
|
18
18
|
}, [year.value, year.disabled, disabled, onSelect]);
|
|
19
|
-
return (_jsx("div", { className: className, onClick: onClick, children: _jsx("span", { className: "rls-picker-year__span
|
|
19
|
+
return (_jsx("div", { className: className, onClick: onClick, children: _jsx("span", { className: "rls-picker-year__span", children: year.value || '????' }) }));
|
|
20
20
|
}
|
|
21
21
|
export function RlsPickerYear({ date: _date, disabled, formControl, maxDate, minDate, onValue, rlsTheme }) {
|
|
22
22
|
const date = useMemo(() => _date || new Date(), [_date]);
|
|
@@ -60,6 +60,6 @@ export function RlsPickerYear({ date: _date, disabled, formControl, maxDate, min
|
|
|
60
60
|
const onClickNext = useCallback(() => {
|
|
61
61
|
setYear((year) => year + 8);
|
|
62
62
|
}, []);
|
|
63
|
-
return (_jsxs("div", { className: "rls-picker-year", "rls-theme": rlsTheme, children: [_jsxs("div", { className: "rls-picker-year__header", children: [_jsx("
|
|
63
|
+
return (_jsxs("div", { className: "rls-picker-year", "rls-theme": rlsTheme, children: [_jsxs("div", { className: "rls-picker-year__header", children: [_jsx("button", { className: "rls-picker-year__action rls-picker-year__action--prev", onClick: onClickPrev, disabled: !template.canPrevious || disabled, children: _jsx(RlsIcon, { value: "arrow-ios-left" }) }), _jsxs("span", { children: [template.minRange, " - ", template.maxRange] }), _jsx("button", { className: "rls-picker-year__action rls-picker-year__action--next", onClick: onClickNext, disabled: !template.canNext || disabled, children: _jsx(RlsIcon, { value: "arrow-ios-right" }) })] }), _jsx("div", { className: "rls-picker-year__component", children: component })] }));
|
|
64
64
|
}
|
|
65
65
|
//# sourceMappingURL=PickerYear.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PickerYear.js","sourceRoot":"","sources":["../../../../../src/components/molecules/PickerYear/PickerYear.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAEjB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"PickerYear.js","sourceRoot":"","sources":["../../../../../src/components/molecules/PickerYear/PickerYear.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,17 +1,20 @@
|
|
|
1
1
|
.rls-card {
|
|
2
2
|
--rlc-divider-background: var(--rls-app-color-300);
|
|
3
|
-
--pvt-background: var(--rls-app-color-
|
|
3
|
+
--pvt-background: var(--rls-app-color-050);
|
|
4
4
|
--pvt-border: var(--rls-app-border-2-300);
|
|
5
|
+
--pvt-box-shadow: var(--rlc-card-box-shadow, var(--rls-app-shadow-center-4));
|
|
5
6
|
background: var(--pvt-background);
|
|
6
7
|
border-radius: var(--rls-sizing-x4);
|
|
8
|
+
box-shadow: var(--pvt-box-shadow);
|
|
7
9
|
}
|
|
8
10
|
.rls-card[rls-theme] {
|
|
9
11
|
--rlc-divider-background: var(--rls-theme-color-300);
|
|
10
|
-
--pvt-background: var(--rls-theme-color-
|
|
12
|
+
--pvt-background: var(--rls-theme-color-050);
|
|
11
13
|
}
|
|
12
14
|
.rls-card--outline {
|
|
13
15
|
border: var(--pvt-border);
|
|
14
16
|
box-sizing: border-box;
|
|
17
|
+
box-shadow: none;
|
|
15
18
|
}
|
|
16
19
|
.rls-card__content {
|
|
17
20
|
display: flex;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/Card/Card.scss"],"names":[],"mappings":"AAOA,UACE,mDACA,2CACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/Card/Card.scss"],"names":[],"mappings":"AAOA,UACE,mDACA,2CACA,0CACA,6EAEA,iCACA,mCACA,iCAEA,qBACE,qDACA,6CAGF,mBACE,yBACA,sBACA,gBAGF,mBACE,aACA,sBACA,0DACA,8DACA","file":"Card.css"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { SealedPartial } from '@rolster/commons';
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
3
|
import { RlsButtonType } from '../../atoms/Button/Button';
|
|
4
4
|
import { RlsTheme } from '../../definitions';
|
|
5
5
|
import './Confirmation.css';
|
|
6
|
-
export declare class ConfirmationResult extends
|
|
6
|
+
export declare class ConfirmationResult extends SealedPartial<void, void, {
|
|
7
7
|
approved: () => void;
|
|
8
8
|
reject: () => void;
|
|
9
9
|
}> {
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { SealedPartial } from '@rolster/commons';
|
|
3
3
|
import { useCallback, useMemo, useState } from 'react';
|
|
4
4
|
import ReactDOM from 'react-dom';
|
|
5
5
|
import { renderClassStatus } from '../../../helpers/css';
|
|
6
6
|
import { reactI18n } from '../../../i18n';
|
|
7
7
|
import { RlsButton } from '../../atoms/Button/Button';
|
|
8
8
|
import './Confirmation.css';
|
|
9
|
-
export class ConfirmationResult extends
|
|
9
|
+
export class ConfirmationResult extends SealedPartial {
|
|
10
10
|
static approved() {
|
|
11
11
|
return new ConfirmationResult('approved');
|
|
12
12
|
}
|
|
@@ -13,16 +13,16 @@ interface DatatableSubheaderProps extends RlsComponent {
|
|
|
13
13
|
}
|
|
14
14
|
interface DatatableRecordProps extends RlsComponent {
|
|
15
15
|
className?: string;
|
|
16
|
+
contained?: boolean;
|
|
16
17
|
error?: boolean;
|
|
17
18
|
info?: boolean;
|
|
18
|
-
overflow?: boolean;
|
|
19
19
|
success?: boolean;
|
|
20
20
|
warning?: boolean;
|
|
21
21
|
}
|
|
22
22
|
interface DatatableCellProps extends RlsComponent {
|
|
23
23
|
className?: string;
|
|
24
|
+
contained?: boolean;
|
|
24
25
|
control?: boolean;
|
|
25
|
-
overflow?: boolean;
|
|
26
26
|
}
|
|
27
27
|
interface DatatableFloatingProps extends RlsComponent {
|
|
28
28
|
className?: string;
|
|
@@ -32,9 +32,9 @@ export declare function RlsDatatable({ children, datatable, footer, header, iden
|
|
|
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;
|
|
35
|
-
export declare function RlsDatatableRecord({ children, className, error, identifier, info,
|
|
36
|
-
export declare function RlsDatatableTotals({ children, className, error, identifier, info,
|
|
37
|
-
export declare function RlsDatatableCell({ children, className, control, identifier,
|
|
38
|
-
export declare function RlsDatatableData({ children, className, control, identifier
|
|
35
|
+
export declare function RlsDatatableRecord({ children, className, contained, error, identifier, info, success, warning, rlsTheme }: DatatableRecordProps): import("react/jsx-runtime").JSX.Element;
|
|
36
|
+
export declare function RlsDatatableTotals({ children, className, contained, error, identifier, info, success, warning, rlsTheme }: DatatableRecordProps): import("react/jsx-runtime").JSX.Element;
|
|
37
|
+
export declare function RlsDatatableCell({ children, className, contained, control, identifier, rlsTheme }: DatatableCellProps): import("react/jsx-runtime").JSX.Element;
|
|
38
|
+
export declare function RlsDatatableData({ children, className, contained, control, identifier }: DatatableCellProps): import("react/jsx-runtime").JSX.Element;
|
|
39
39
|
export declare function RlsDatatableFloating({ children, className, identifier, invested, rlsTheme }: DatatableFloatingProps): import("react/jsx-runtime").JSX.Element;
|
|
40
40
|
export {};
|
|
@@ -24,28 +24,28 @@ export function RlsDatatableSubheader({ children, className, identifier, rlsThem
|
|
|
24
24
|
}, [className]);
|
|
25
25
|
return (_jsx("tr", { id: identifier, className: classNameSubheader, "rls-theme": rlsTheme, children: children }));
|
|
26
26
|
}
|
|
27
|
-
export function RlsDatatableRecord({ children, className, error, identifier, info,
|
|
27
|
+
export function RlsDatatableRecord({ children, className, contained, error, identifier, info, success, warning, rlsTheme }) {
|
|
28
28
|
const classNameRecord = useMemo(() => {
|
|
29
|
-
return renderClassStatus('rls-datatable__record', { error, info,
|
|
30
|
-
}, [className, error, info,
|
|
29
|
+
return renderClassStatus('rls-datatable__record', { error, info, contained, success, warning }, className);
|
|
30
|
+
}, [className, error, info, contained, success, warning]);
|
|
31
31
|
return (_jsx("tr", { id: identifier, className: classNameRecord, "rls-theme": rlsTheme, children: children }));
|
|
32
32
|
}
|
|
33
|
-
export function RlsDatatableTotals({ children, className, error, identifier, info,
|
|
33
|
+
export function RlsDatatableTotals({ children, className, contained, error, identifier, info, success, warning, rlsTheme }) {
|
|
34
34
|
const classNameTotals = useMemo(() => {
|
|
35
|
-
return renderClassStatus('rls-datatable__totals', { error, info,
|
|
36
|
-
}, [className, error, info,
|
|
35
|
+
return renderClassStatus('rls-datatable__totals', { error, info, contained, success, warning }, className);
|
|
36
|
+
}, [className, error, info, contained, success, warning]);
|
|
37
37
|
return (_jsx("div", { id: identifier, className: classNameTotals, "rls-theme": rlsTheme, children: children }));
|
|
38
38
|
}
|
|
39
|
-
export function RlsDatatableCell({ children, className, control, identifier,
|
|
39
|
+
export function RlsDatatableCell({ children, className, contained, control, identifier, rlsTheme }) {
|
|
40
40
|
const classNameCell = useMemo(() => {
|
|
41
|
-
return renderClassStatus('rls-datatable__cell', { control,
|
|
42
|
-
}, [className, control,
|
|
41
|
+
return renderClassStatus('rls-datatable__cell', { control, contained }, className);
|
|
42
|
+
}, [className, control, contained]);
|
|
43
43
|
return (_jsx("td", { id: identifier, className: classNameCell, "rls-theme": rlsTheme, children: children }));
|
|
44
44
|
}
|
|
45
|
-
export function RlsDatatableData({ children, className, control, identifier
|
|
45
|
+
export function RlsDatatableData({ children, className, contained, control, identifier }) {
|
|
46
46
|
const classNameData = useMemo(() => {
|
|
47
|
-
return renderClassStatus('rls-datatable__data', { control,
|
|
48
|
-
}, [className,
|
|
47
|
+
return renderClassStatus('rls-datatable__data', { control, contained }, className);
|
|
48
|
+
}, [className, contained, control]);
|
|
49
49
|
return (_jsx("div", { id: identifier, className: classNameData, children: children }));
|
|
50
50
|
}
|
|
51
51
|
export function RlsDatatableFloating({ children, className, identifier, invested, rlsTheme }) {
|