@rolster/react-components 18.14.1 → 18.15.2
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--xgdaD5z.css → index-Dbh6DUCn.css} +66 -96
- package/dist/cjs/index.js +1790 -1180
- package/dist/cjs/index.js.map +1 -1
- package/dist/es/assets/{index--xgdaD5z.css → index-Dbh6DUCn.css} +66 -96
- package/dist/es/index.js +1674 -1064
- package/dist/es/index.js.map +1 -1
- package/dist/esm/components/atoms/Amount/Amount.js +1 -1
- package/dist/esm/components/atoms/Amount/Amount.js.map +1 -1
- package/dist/esm/components/atoms/Avatar/Avatar.css +1 -1
- package/dist/esm/components/atoms/Button/Button.d.ts +2 -2
- package/dist/esm/components/atoms/CheckBox/CheckBox.js +2 -2
- package/dist/esm/components/atoms/CheckBox/CheckBox.js.map +1 -1
- package/dist/esm/components/atoms/Input/Input.js +4 -7
- package/dist/esm/components/atoms/Input/Input.js.map +1 -1
- package/dist/esm/components/atoms/InputMoney/InputMoney.css +2 -0
- 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/InputPassword/InputPassword.js +1 -4
- package/dist/esm/components/atoms/InputPassword/InputPassword.js.map +1 -1
- package/dist/esm/components/atoms/{SearchInput/SearchInput.css → InputSearch/InputSearch.css} +1 -2
- package/dist/esm/components/atoms/InputSearch/InputSearch.d.ts +9 -0
- package/dist/esm/components/atoms/{SearchInput/SearchInput.js → InputSearch/InputSearch.js} +4 -4
- package/dist/esm/components/atoms/{SearchInput/SearchInput.js.map → InputSearch/InputSearch.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/atoms/Label/Label.css +6 -0
- package/dist/esm/components/atoms/Poster/Poster.css +4 -3
- package/dist/esm/components/atoms/ProgressBar/ProgressBar.css +1 -2
- package/dist/esm/components/atoms/RadioButton/RadioButton.css +0 -1
- package/dist/esm/components/atoms/Skeleton/Skeleton.css +3 -4
- package/dist/esm/components/atoms/SkeletonText/SkeletonText.css +8 -48
- package/dist/esm/components/atoms/SkeletonText/SkeletonText.js +2 -2
- package/dist/esm/components/atoms/SkeletonText/SkeletonText.js.map +1 -1
- package/dist/esm/components/atoms/Switch/Switch.js +2 -2
- package/dist/esm/components/atoms/TabularText/TabularText.css +5 -2
- package/dist/esm/components/atoms/index.d.ts +1 -1
- package/dist/esm/components/atoms/index.js +1 -1
- package/dist/esm/components/atoms/index.js.map +1 -1
- package/dist/esm/components/molecules/Ballot/Ballot.css +1 -1
- package/dist/esm/components/molecules/ButtonToggle/ButtonToggle.d.ts +2 -2
- package/dist/esm/components/molecules/ButtonToggle/ButtonToggle.js.map +1 -1
- package/dist/esm/components/molecules/FieldMoney/FieldMoney.js +1 -1
- package/dist/esm/components/molecules/FieldMoney/FieldMoney.js.map +1 -1
- package/dist/esm/components/molecules/FieldNumber/FieldNumber.js +1 -1
- package/dist/esm/components/molecules/FieldNumber/FieldNumber.js.map +1 -1
- package/dist/esm/components/molecules/FieldPassword/FieldPassword.js +1 -1
- package/dist/esm/components/molecules/FieldPassword/FieldPassword.js.map +1 -1
- package/dist/esm/components/molecules/FieldText/FieldText.js +1 -1
- package/dist/esm/components/molecules/FieldText/FieldText.js.map +1 -1
- package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.js +4 -4
- package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.js.map +1 -1
- package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.js +4 -4
- package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.js.map +1 -1
- package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.js +4 -4
- package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.js.map +1 -1
- package/dist/esm/components/molecules/MessageFormError/{MesageFormError.js → MessageFormError.js} +1 -1
- package/dist/esm/components/molecules/MessageFormError/MessageFormError.js.map +1 -0
- package/dist/esm/components/molecules/Pagination/Pagination.d.ts +7 -19
- package/dist/esm/components/molecules/Pagination/Pagination.js +42 -198
- package/dist/esm/components/molecules/Pagination/Pagination.js.map +1 -1
- package/dist/esm/components/molecules/PickerDay/PickerDay.css +5 -3
- package/dist/esm/components/molecules/PickerDay/PickerDay.js +9 -9
- package/dist/esm/components/molecules/PickerDay/PickerDay.js.map +1 -1
- package/dist/esm/components/molecules/PickerDayRange/PickerDayRange.d.ts +1 -1
- package/dist/esm/components/molecules/PickerDayRange/PickerDayRange.js +6 -6
- package/dist/esm/components/molecules/PickerDayRange/PickerDayRange.js.map +1 -1
- package/dist/esm/components/molecules/PickerMonth/PickerMonth.js +8 -8
- package/dist/esm/components/molecules/PickerMonth/PickerMonth.js.map +1 -1
- package/dist/esm/components/molecules/PickerMonthTitle/PickerMonthTitle.css +1 -1
- package/dist/esm/components/molecules/PickerMonthTitle/PickerMonthTitle.js +19 -19
- package/dist/esm/components/molecules/PickerMonthTitle/PickerMonthTitle.js.map +1 -1
- package/dist/esm/components/molecules/PickerYear/PickerYear.css +8 -3
- package/dist/esm/components/molecules/PickerYear/PickerYear.js +8 -8
- package/dist/esm/components/molecules/PickerYear/PickerYear.js.map +1 -1
- package/dist/esm/components/molecules/index.d.ts +1 -1
- package/dist/esm/components/molecules/index.js +1 -1
- package/dist/esm/components/molecules/index.js.map +1 -1
- package/dist/esm/components/organisms/Confirmation/Confirmation.css +15 -12
- package/dist/esm/components/organisms/Confirmation/Confirmation.d.ts +1 -1
- package/dist/esm/components/organisms/Confirmation/Confirmation.js +2 -10
- package/dist/esm/components/organisms/Confirmation/Confirmation.js.map +1 -1
- package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocomplete.d.ts +8 -8
- package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocomplete.js +14 -14
- package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocomplete.js.map +1 -1
- package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocompleteHook.d.ts +4 -4
- package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocompleteHook.js +6 -6
- package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocompleteHook.js.map +1 -1
- package/dist/esm/components/organisms/FieldDate/FieldDate.d.ts +3 -2
- package/dist/esm/components/organisms/FieldDate/FieldDate.js +19 -22
- package/dist/esm/components/organisms/FieldDate/FieldDate.js.map +1 -1
- package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.d.ts +2 -2
- package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.js +3 -3
- package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.js.map +1 -1
- package/dist/esm/components/organisms/FieldSelect/FieldSelect.d.ts +6 -6
- package/dist/esm/components/organisms/FieldSelect/FieldSelect.js +9 -9
- package/dist/esm/components/organisms/FieldSelect/FieldSelect.js.map +1 -1
- package/dist/esm/components/organisms/FieldSelect/FieldSelectHook.d.ts +2 -2
- package/dist/esm/components/organisms/FieldSelect/FieldSelectHook.js +4 -4
- package/dist/esm/components/organisms/FieldSelect/FieldSelectHook.js.map +1 -1
- package/dist/esm/components/organisms/PickerDate/PickerDate.css +1 -3
- package/dist/esm/components/organisms/PickerDate/PickerDate.d.ts +2 -2
- package/dist/esm/components/organisms/PickerDate/PickerDate.js +26 -26
- package/dist/esm/components/organisms/PickerDate/PickerDate.js.map +1 -1
- package/dist/esm/components/organisms/PickerDateRange/PickerDateRange.d.ts +3 -3
- package/dist/esm/components/organisms/PickerDateRange/PickerDateRange.js +15 -15
- package/dist/esm/components/organisms/PickerDateRange/PickerDateRange.js.map +1 -1
- package/dist/esm/helpers/date-range-picker.d.ts +1 -1
- package/dist/esm/helpers/date-range-picker.js +1 -1
- package/dist/esm/helpers/date-range-picker.js.map +1 -1
- package/dist/esm/hooks/DatatableHook.js +7 -4
- package/dist/esm/hooks/DatatableHook.js.map +1 -1
- package/dist/esm/hooks/ListControlHook.d.ts +14 -12
- package/dist/esm/hooks/ListControlHook.js +44 -36
- package/dist/esm/hooks/ListControlHook.js.map +1 -1
- package/package.json +19 -18
- package/dist/esm/components/atoms/SearchInput/SearchInput.d.ts +0 -9
- package/dist/esm/components/molecules/MessageFormError/MesageFormError.css +0 -0
- package/dist/esm/components/molecules/MessageFormError/MesageFormError.js.map +0 -1
- /package/dist/esm/components/molecules/MessageFormError/{MesageFormError.d.ts → MessageFormError.d.ts} +0 -0
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
.rls-picker-month-title {
|
|
2
2
|
display: flex;
|
|
3
3
|
justify-content: space-between;
|
|
4
|
+
align-items: center;
|
|
4
5
|
}
|
|
5
6
|
.rls-picker-month-title span {
|
|
6
7
|
color: var(--rls-app-color-300);
|
|
7
8
|
cursor: default;
|
|
8
|
-
margin: auto 0rem;
|
|
9
9
|
height: var(--rls-sizing-x14);
|
|
10
10
|
line-height: var(--rls-sizing-x14);
|
|
11
11
|
font-size: var(--rls-sizing-x10);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { itIsDefined } from '@rolster/
|
|
3
|
-
import { monthLimitTemplate } from '@rolster/
|
|
4
|
-
import { MONTH_NAMES, Month } from '@rolster/
|
|
2
|
+
import { itIsDefined } from '@rolster/commons';
|
|
3
|
+
import { monthLimitTemplate } from '@rolster/components';
|
|
4
|
+
import { MONTH_NAMES, Month } from '@rolster/dates';
|
|
5
5
|
import { RlsButtonAction } from '../../atoms';
|
|
6
6
|
import './PickerMonthTitle.css';
|
|
7
7
|
export function RlsPickerMonthTitle({ monthControl, type, yearControl, date, disabled, maxDate, minDate, onClick }) {
|
|
@@ -9,42 +9,42 @@ export function RlsPickerMonthTitle({ monthControl, type, yearControl, date, dis
|
|
|
9
9
|
date,
|
|
10
10
|
maxDate,
|
|
11
11
|
minDate,
|
|
12
|
-
month: monthControl.
|
|
12
|
+
month: monthControl.value
|
|
13
13
|
});
|
|
14
|
-
const monthName = MONTH_NAMES()[monthControl.
|
|
14
|
+
const monthName = MONTH_NAMES()[monthControl.value || 0];
|
|
15
15
|
function onPreviousMonth() {
|
|
16
|
-
if (itIsDefined(monthControl.
|
|
17
|
-
if (monthControl.
|
|
18
|
-
monthControl.
|
|
16
|
+
if (itIsDefined(monthControl.value) && itIsDefined(yearControl.value)) {
|
|
17
|
+
if (monthControl.value > Month.January) {
|
|
18
|
+
monthControl.setValue(monthControl.value - 1);
|
|
19
19
|
}
|
|
20
20
|
else {
|
|
21
|
-
monthControl.
|
|
22
|
-
yearControl.
|
|
21
|
+
monthControl.setValue(Month.December);
|
|
22
|
+
yearControl.setValue(yearControl.value - 1);
|
|
23
23
|
}
|
|
24
24
|
}
|
|
25
25
|
}
|
|
26
26
|
function onPreviousYear() {
|
|
27
|
-
if (itIsDefined(yearControl.
|
|
28
|
-
yearControl.
|
|
27
|
+
if (itIsDefined(yearControl.value)) {
|
|
28
|
+
yearControl.setValue(yearControl.value - 1);
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
31
|
function onPrevious() {
|
|
32
32
|
type === 'month' ? onPreviousMonth() : onPreviousYear();
|
|
33
33
|
}
|
|
34
34
|
function onNextMonth() {
|
|
35
|
-
if (itIsDefined(monthControl.
|
|
36
|
-
if (monthControl.
|
|
37
|
-
monthControl.
|
|
35
|
+
if (itIsDefined(monthControl.value) && itIsDefined(yearControl.value)) {
|
|
36
|
+
if (monthControl.value < Month.December) {
|
|
37
|
+
monthControl.setValue(monthControl.value + 1);
|
|
38
38
|
}
|
|
39
39
|
else {
|
|
40
|
-
monthControl.
|
|
41
|
-
yearControl.
|
|
40
|
+
monthControl.setValue(Month.January);
|
|
41
|
+
yearControl.setValue(yearControl.value + 1);
|
|
42
42
|
}
|
|
43
43
|
}
|
|
44
44
|
}
|
|
45
45
|
function onNextYear() {
|
|
46
|
-
if (itIsDefined(yearControl.
|
|
47
|
-
yearControl.
|
|
46
|
+
if (itIsDefined(yearControl.value)) {
|
|
47
|
+
yearControl.setValue(yearControl.value + 1);
|
|
48
48
|
}
|
|
49
49
|
}
|
|
50
50
|
function onNext() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PickerMonthTitle.js","sourceRoot":"","sources":["../../../../../src/components/molecules/PickerMonthTitle/PickerMonthTitle.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"PickerMonthTitle.js","sourceRoot":"","sources":["../../../../../src/components/molecules/PickerMonthTitle/PickerMonthTitle.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
.rls-picker-year {
|
|
2
2
|
--pvt-component-background: transparent;
|
|
3
|
-
--pvt-component-font-color: var(--rls-app-color-
|
|
3
|
+
--pvt-component-font-color: var(--rls-app-color-300);
|
|
4
4
|
--pvt-component-border: var(--rls-border-1) solid transparent;
|
|
5
5
|
position: relative;
|
|
6
6
|
width: 100%;
|
|
@@ -19,6 +19,11 @@
|
|
|
19
19
|
background: var(--rls-app-background-100);
|
|
20
20
|
border-radius: var(--rls-sizing-x4);
|
|
21
21
|
}
|
|
22
|
+
.rls-picker-year__header > label {
|
|
23
|
+
font-weight: var(--rls-font-weight-semibold);
|
|
24
|
+
font-size: 8.75rem;
|
|
25
|
+
letter-spacing: 0.325rem;
|
|
26
|
+
}
|
|
22
27
|
.rls-picker-year__action {
|
|
23
28
|
width: var(--rls-sizing-x16);
|
|
24
29
|
height: var(--rls-sizing-x16);
|
|
@@ -82,8 +87,8 @@
|
|
|
82
87
|
pointer-events: none;
|
|
83
88
|
}
|
|
84
89
|
.rls-picker-year__year__span {
|
|
85
|
-
font-weight: var(--rls-font-weight-
|
|
86
|
-
font-size:
|
|
90
|
+
font-weight: var(--rls-font-weight-medium);
|
|
91
|
+
font-size: 7.5rem;
|
|
87
92
|
cursor: default;
|
|
88
93
|
pointer-events: none;
|
|
89
94
|
letter-spacing: 0.325rem;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { itIsDefined } from '@rolster/
|
|
3
|
-
import { checkYearPicker, createYearPicker } from '@rolster/
|
|
2
|
+
import { itIsDefined } from '@rolster/commons';
|
|
3
|
+
import { checkYearPicker, createYearPicker } from '@rolster/components';
|
|
4
4
|
import { useEffect, useState } from 'react';
|
|
5
5
|
import { renderClassStatus } from '../../../helpers/css';
|
|
6
6
|
import { RlsButtonAction } from '../../atoms';
|
|
7
7
|
import './PickerYear.css';
|
|
8
8
|
export function RlsPickerYear({ date, disabled: disabledPicker, formControl, maxDate, minDate, onValue, rlsTheme }) {
|
|
9
9
|
const currentDate = date || new Date();
|
|
10
|
-
const [value, setValue] = useState(formControl?.
|
|
11
|
-
const [year, setYear] = useState(formControl?.
|
|
10
|
+
const [value, setValue] = useState(formControl?.value || currentDate.getFullYear());
|
|
11
|
+
const [year, setYear] = useState(formControl?.value || currentDate.getFullYear());
|
|
12
12
|
const [template, setTemplate] = useState(createYearPicker(createPickerProps()));
|
|
13
13
|
useEffect(() => {
|
|
14
14
|
const props = createPickerProps(); // YearPickerProps
|
|
@@ -20,9 +20,9 @@ export function RlsPickerYear({ date, disabled: disabledPicker, formControl, max
|
|
|
20
20
|
useEffect(() => {
|
|
21
21
|
const year = checkYearPicker(createPickerProps());
|
|
22
22
|
itIsDefined(year)
|
|
23
|
-
? formControl?.
|
|
24
|
-
: setValue(formControl?.
|
|
25
|
-
}, [formControl?.
|
|
23
|
+
? formControl?.setValue(year)
|
|
24
|
+
: setValue(formControl?.value || currentDate.getFullYear());
|
|
25
|
+
}, [formControl?.value]);
|
|
26
26
|
function createPickerProps() {
|
|
27
27
|
return {
|
|
28
28
|
date: currentDate,
|
|
@@ -32,7 +32,7 @@ export function RlsPickerYear({ date, disabled: disabledPicker, formControl, max
|
|
|
32
32
|
};
|
|
33
33
|
}
|
|
34
34
|
function setYearValue(value) {
|
|
35
|
-
formControl ? formControl.
|
|
35
|
+
formControl ? formControl.setValue(value) : setValue(value);
|
|
36
36
|
setYear(value);
|
|
37
37
|
}
|
|
38
38
|
function onClickPrev() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PickerYear.js","sourceRoot":"","sources":["../../../../../src/components/molecules/PickerYear/PickerYear.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"PickerYear.js","sourceRoot":"","sources":["../../../../../src/components/molecules/PickerYear/PickerYear.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,7 +8,7 @@ export * from './FieldText/FieldText';
|
|
|
8
8
|
export * from './LabelCheckBox/LabelCheckBox';
|
|
9
9
|
export * from './LabelRadioButton/LabelRadioButton';
|
|
10
10
|
export * from './LabelSwitch/LabelSwitch';
|
|
11
|
-
export * from './MessageFormError/
|
|
11
|
+
export * from './MessageFormError/MessageFormError';
|
|
12
12
|
export * from './Pagination/Pagination';
|
|
13
13
|
export * from './PickerDay/PickerDay';
|
|
14
14
|
export * from './PickerDayRange/PickerDayRange';
|
|
@@ -8,7 +8,7 @@ export * from './FieldText/FieldText';
|
|
|
8
8
|
export * from './LabelCheckBox/LabelCheckBox';
|
|
9
9
|
export * from './LabelRadioButton/LabelRadioButton';
|
|
10
10
|
export * from './LabelSwitch/LabelSwitch';
|
|
11
|
-
export * from './MessageFormError/
|
|
11
|
+
export * from './MessageFormError/MessageFormError';
|
|
12
12
|
export * from './Pagination/Pagination';
|
|
13
13
|
export * from './PickerDay/PickerDay';
|
|
14
14
|
export * from './PickerDayRange/PickerDayRange';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/molecules/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,iCAAiC,CAAC;AAChD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uBAAuB,CAAC;AACtC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qCAAqC,CAAC;AACpD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/molecules/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,iCAAiC,CAAC;AAChD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uBAAuB,CAAC;AACtC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qCAAqC,CAAC;AACpD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qCAAqC,CAAC;AACpD,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iCAAiC,CAAC;AAChD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qCAAqC,CAAC;AACpD,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC"}
|
|
@@ -18,12 +18,12 @@
|
|
|
18
18
|
--pvt-backdrop-bottom: initial;
|
|
19
19
|
position: fixed;
|
|
20
20
|
display: flex;
|
|
21
|
-
justify-content: center;
|
|
22
|
-
align-items: center;
|
|
23
21
|
top: 0rem;
|
|
24
22
|
left: 0rem;
|
|
25
23
|
width: 100vw;
|
|
26
24
|
height: 100vh;
|
|
25
|
+
justify-content: center;
|
|
26
|
+
align-items: center;
|
|
27
27
|
z-index: var(--rls-z-index-24);
|
|
28
28
|
visibility: hidden;
|
|
29
29
|
}
|
|
@@ -39,11 +39,11 @@
|
|
|
39
39
|
.rls-confirmation__component {
|
|
40
40
|
position: absolute;
|
|
41
41
|
display: flex;
|
|
42
|
-
flex-direction: column;
|
|
43
|
-
row-gap: var(--rls-sizing-x8);
|
|
44
42
|
width: calc(100% - var(--rls-sizing-x16));
|
|
45
43
|
max-width: 280rem;
|
|
46
44
|
height: var(--pvt-component-height);
|
|
45
|
+
flex-direction: column;
|
|
46
|
+
row-gap: var(--rls-sizing-x8);
|
|
47
47
|
opacity: var(--pvt-component-opacity);
|
|
48
48
|
visibility: var(--pvt-component-visibility);
|
|
49
49
|
padding: var(--rls-sizing-x8) 0rem;
|
|
@@ -61,13 +61,13 @@
|
|
|
61
61
|
.rls-confirmation__header {
|
|
62
62
|
position: relative;
|
|
63
63
|
display: flex;
|
|
64
|
-
flex-direction: column;
|
|
65
|
-
row-gap: var(--rls-sizing-x2);
|
|
66
64
|
width: 100%;
|
|
65
|
+
flex-direction: column;
|
|
66
|
+
row-gap: var(--rls-sizing-x4);
|
|
67
67
|
padding: 0rem var(--rls-sizing-x8);
|
|
68
68
|
box-sizing: border-box;
|
|
69
69
|
}
|
|
70
|
-
.rls-
|
|
70
|
+
.rls-confirmation__title {
|
|
71
71
|
text-align: center;
|
|
72
72
|
color: var(--rls-app-color-500);
|
|
73
73
|
font-weight: var(--rls-font-weight-bold);
|
|
@@ -76,7 +76,7 @@
|
|
|
76
76
|
letter-spacing: var(--pvt-title-letter-spacing);
|
|
77
77
|
text-transform: var(--pvt-title-text-transform);
|
|
78
78
|
}
|
|
79
|
-
.rls-
|
|
79
|
+
.rls-confirmation__subtitle {
|
|
80
80
|
text-align: center;
|
|
81
81
|
color: var(--rls-theme-color-300);
|
|
82
82
|
font-weight: var(--rls-font-weight-bold);
|
|
@@ -91,11 +91,11 @@
|
|
|
91
91
|
padding: 0rem var(--rls-sizing-x8);
|
|
92
92
|
box-sizing: border-box;
|
|
93
93
|
}
|
|
94
|
-
.rls-
|
|
94
|
+
.rls-confirmation__message {
|
|
95
95
|
color: var(--rls-app-color-300);
|
|
96
96
|
text-align: center;
|
|
97
97
|
}
|
|
98
|
-
.rls-
|
|
98
|
+
.rls-confirmation__message p {
|
|
99
99
|
font-weight: var(--rls-font-weight-medium);
|
|
100
100
|
font-size: var(--pvt-content-font-size);
|
|
101
101
|
line-height: var(--pvt-content-line-height);
|
|
@@ -107,7 +107,7 @@
|
|
|
107
107
|
padding: var(--rls-sizing-x4) var(--rls-sizing-x8) 0rem var(--rls-sizing-x8);
|
|
108
108
|
box-sizing: border-box;
|
|
109
109
|
}
|
|
110
|
-
.rls-
|
|
110
|
+
.rls-confirmation__actions {
|
|
111
111
|
position: relative;
|
|
112
112
|
width: 100%;
|
|
113
113
|
display: flex;
|
|
@@ -141,7 +141,10 @@
|
|
|
141
141
|
--pvt-subtitle-line-height: var(--rls-smalltext-line-height);
|
|
142
142
|
--pvt-content-font-size: 7.325rem;
|
|
143
143
|
}
|
|
144
|
-
.rls-
|
|
144
|
+
.rls-confirmation__header {
|
|
145
|
+
row-gap: var(--rls-sizing-x2);
|
|
146
|
+
}
|
|
147
|
+
.rls-confirmation__actions {
|
|
145
148
|
flex-direction: column-reverse;
|
|
146
149
|
column-gap: 0rem;
|
|
147
150
|
row-gap: var(--rls-sizing-x8);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { PartialSealed } from '@rolster/
|
|
2
|
+
import { PartialSealed } from '@rolster/commons';
|
|
3
3
|
import { useState } from 'react';
|
|
4
4
|
import ReactDOM from 'react-dom';
|
|
5
5
|
import reactI18n from '../../../i18n';
|
|
@@ -15,15 +15,7 @@ export class ConfirmationResult extends PartialSealed {
|
|
|
15
15
|
}
|
|
16
16
|
}
|
|
17
17
|
export function RlsConfirmation({ approved, content, reject, rlsTheme, subtitle, title, visible }) {
|
|
18
|
-
return (_jsxs("div", { className: renderClassStatus('rls-confirmation', { visible }), "rls-theme": rlsTheme, children: [_jsxs("div", { className: "rls-confirmation__component", children: [_jsxs("div", { className: "rls-confirmation__header", children: [title &&
|
|
19
|
-
if (approved.onClick) {
|
|
20
|
-
approved.onClick();
|
|
21
|
-
}
|
|
22
|
-
}, children: approved.label })), reject && (_jsx(RlsButton, { type: "outline", onClick: () => {
|
|
23
|
-
if (reject.onClick) {
|
|
24
|
-
reject.onClick();
|
|
25
|
-
}
|
|
26
|
-
}, children: reject.label }))] }) }))] }), _jsx("div", { className: "rls-confirmation__backdrop" })] }));
|
|
18
|
+
return (_jsxs("div", { className: renderClassStatus('rls-confirmation', { visible }), "rls-theme": rlsTheme, children: [_jsxs("div", { className: "rls-confirmation__component", children: [_jsxs("div", { className: "rls-confirmation__header", children: [title && _jsx("div", { className: "rls-confirmation__title", children: title }), subtitle && (_jsx("div", { className: "rls-confirmation__subtitle", children: subtitle }))] }), _jsx("div", { className: "rls-confirmation__body", children: content && (_jsx("div", { className: "rls-confirmation__message", children: content })) }), (approved || reject) && (_jsx("div", { className: "rls-confirmation__footer", children: _jsxs("div", { className: "rls-confirmation__actions", children: [approved && (_jsx(RlsButton, { type: "raised", onClick: approved.onClick, children: approved.label })), reject && (_jsx(RlsButton, { type: "outline", onClick: reject.onClick, children: reject.label }))] }) }))] }), _jsx("div", { className: "rls-confirmation__backdrop" })] }));
|
|
27
19
|
}
|
|
28
20
|
export function useConfirmationService() {
|
|
29
21
|
const [config, setConfig] = useState({});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Confirmation.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Confirmation/Confirmation.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Confirmation.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Confirmation/Confirmation.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
import { AbstractAutocompleteElement as Element, AutocompleteElement } from '@rolster/
|
|
1
|
+
import { AbstractAutocompleteElement as Element, AutocompleteElement } from '@rolster/components';
|
|
2
2
|
import { ReactControl } from '@rolster/react-forms';
|
|
3
3
|
import { ReactNode } from 'react';
|
|
4
4
|
import { RlsComponent } from '../../definitions';
|
|
5
5
|
import './FieldAutocomplete.css';
|
|
6
|
-
interface FieldAutocompleteProps<T =
|
|
6
|
+
interface FieldAutocompleteProps<T = any, E extends Element<T> = Element<T>> extends RlsComponent {
|
|
7
7
|
suggestions: E[];
|
|
8
8
|
disabled?: boolean;
|
|
9
|
-
formControl?: ReactControl<HTMLElement, T>;
|
|
9
|
+
formControl?: ReactControl<HTMLElement, T | undefined>;
|
|
10
10
|
hiddenIcon?: boolean;
|
|
11
|
-
placeholder?: string;
|
|
12
|
-
searching?: boolean;
|
|
13
11
|
onSearch?: (pattern: string) => void;
|
|
14
12
|
onSelect?: (value: T) => void;
|
|
15
13
|
onValue?: (value?: T) => void;
|
|
14
|
+
placeholder?: string;
|
|
15
|
+
searching?: boolean;
|
|
16
16
|
}
|
|
17
|
-
interface FieldAutocompleteTemplateProps<T =
|
|
17
|
+
interface FieldAutocompleteTemplateProps<T = any, E extends Element<T> = Element<T>> extends FieldAutocompleteProps<T, E> {
|
|
18
18
|
render: (element: E) => ReactNode;
|
|
19
19
|
}
|
|
20
|
-
export declare function RlsFieldAutocompleteTemplate<T =
|
|
21
|
-
export declare function RlsFieldAutocomplete<T =
|
|
20
|
+
export declare function RlsFieldAutocompleteTemplate<T = any, E extends Element<T> = Element<T>>({ render, suggestions, children, disabled, formControl, hiddenIcon, onSearch, onSelect, onValue, placeholder, rlsTheme, searching }: FieldAutocompleteTemplateProps<T, E>): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
export declare function RlsFieldAutocomplete<T = any>(props: FieldAutocompleteProps<T, AutocompleteElement<T>>): import("react/jsx-runtime").JSX.Element;
|
|
22
22
|
export {};
|
|
@@ -5,27 +5,27 @@ import { RlsIcon, RlsProgressBar } from '../../atoms';
|
|
|
5
5
|
import { RlsBallot, RlsMessageFormError } from '../../molecules';
|
|
6
6
|
import { useFieldAutocomplete } from './FieldAutocompleteHook';
|
|
7
7
|
import './FieldAutocomplete.css';
|
|
8
|
-
export function RlsFieldAutocompleteTemplate({ suggestions, children, disabled, formControl, hiddenIcon,
|
|
9
|
-
const
|
|
8
|
+
export function RlsFieldAutocompleteTemplate({ render, suggestions, children, disabled, formControl, hiddenIcon, onSearch, onSelect, onValue, placeholder, rlsTheme, searching }) {
|
|
9
|
+
const fieldAutocomplete = useFieldAutocomplete({
|
|
10
10
|
suggestions,
|
|
11
11
|
disabled,
|
|
12
12
|
formControl,
|
|
13
13
|
onSelect,
|
|
14
14
|
onValue
|
|
15
15
|
});
|
|
16
|
-
return (_jsxs("div", { ref: listControl.
|
|
16
|
+
return (_jsxs("div", { ref: fieldAutocomplete.listControl.contentRef, className: renderClassStatus('rls-field-box', {
|
|
17
17
|
disabled,
|
|
18
|
-
focused: listControl.focused,
|
|
19
|
-
selected: !!listControl.value
|
|
20
|
-
}, 'rls-field-list rls-field-autocomplete'), "rls-theme": rlsTheme, children: [children && _jsx("label", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsxs("div", { className: "rls-field-box__body", children: [_jsx("label", { className: "rls-field-list__control", onClick: onClickControl, children: listControl.value ? (_jsx("span", { className: "rls-field-list__control__description", children: listControl.value })) : (_jsx("span", { className: "rls-field-list__control__placeholder", children: placeholder })) }), !hiddenIcon && listControl.value && (_jsx("button", { className: "rls-field-list__action", disabled: disabled, onClick: onClickAction, children: _jsx(RlsIcon, { value: "trash-2" }) }))] }) }), _jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }), _jsxs("div", { className: renderClassStatus('rls-field-list__suggestions', {
|
|
21
|
-
visible: listControl.visible,
|
|
22
|
-
hide: !listControl.visible,
|
|
23
|
-
higher: listControl.higher
|
|
24
|
-
}), children: [_jsx("div", { className: "rls-field-list__suggestions__body", children: _jsxs("ul", { ref: listControl.listRef, className: "rls-field-list__ul", children: [_jsxs("div", { className: "rls-field-list__ul__search", children: [_jsx("input", { ref: listControl.inputRef, className: "rls-field-list__ul__control", type: "text", placeholder: reactI18n('listInputPlaceholder'), value: pattern, onChange: ({ target: { value } }) => {
|
|
25
|
-
setPattern(value);
|
|
26
|
-
}, disabled: disabled || searching, onFocus: onFocusInput, onBlur: onBlurInput, onKeyDown: onKeydownInput }), onSearch && (_jsx("button", { disabled: disabled || searching, onClick: () => {
|
|
27
|
-
onSearch(pattern);
|
|
28
|
-
}, children: _jsx(RlsIcon, { value: "search" }) }))] }), searching && _jsx(RlsProgressBar, { indeterminate: true }), coincidences.map((element, index) => (_jsx("li", { className: "rls-field-list__element", tabIndex: -1, onClick: onClickElement(element), onKeyDown: onKeydownElement(element), children: render(element) }, index))), !coincidences.length && (_jsx("li", { className: "rls-field-list__empty", children: _jsxs("div", { className: "rls-field-list__empty__description", children: [_jsx("label", { className: "rls-label-bold truncate", children: reactI18n('listEmptyTitle') }), _jsx("p", { className: "rls-caption-regular", children: reactI18n('listEmptyDescription') })] }) }))] }) }), _jsx("div", { className: "rls-field-list__backdrop", onClick: onClickBackdrop })] })] }));
|
|
18
|
+
focused: fieldAutocomplete.listControl.focused,
|
|
19
|
+
selected: !!fieldAutocomplete.listControl.value
|
|
20
|
+
}, 'rls-field-list rls-field-autocomplete'), "rls-theme": rlsTheme, children: [children && _jsx("label", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsxs("div", { className: "rls-field-box__body", children: [_jsx("label", { className: "rls-field-list__control", onClick: fieldAutocomplete.onClickControl, children: fieldAutocomplete.listControl.value ? (_jsx("span", { className: "rls-field-list__control__description", children: fieldAutocomplete.listControl.value })) : (_jsx("span", { className: "rls-field-list__control__placeholder", children: placeholder })) }), !hiddenIcon && fieldAutocomplete.listControl.value && (_jsx("button", { className: "rls-field-list__action", disabled: disabled, onClick: fieldAutocomplete.onClickAction, children: _jsx(RlsIcon, { value: "trash-2" }) }))] }) }), _jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }), _jsxs("div", { className: renderClassStatus('rls-field-list__suggestions', {
|
|
21
|
+
visible: fieldAutocomplete.listControl.visible,
|
|
22
|
+
hide: !fieldAutocomplete.listControl.visible,
|
|
23
|
+
higher: fieldAutocomplete.listControl.higher
|
|
24
|
+
}), children: [_jsx("div", { className: "rls-field-list__suggestions__body", children: _jsxs("ul", { ref: fieldAutocomplete.listControl.listRef, className: "rls-field-list__ul", children: [_jsxs("div", { className: "rls-field-list__ul__search", children: [_jsx("input", { ref: fieldAutocomplete.listControl.inputRef, className: "rls-field-list__ul__control", type: "text", placeholder: reactI18n('listInputPlaceholder'), value: fieldAutocomplete.pattern, onChange: ({ target: { value } }) => {
|
|
25
|
+
fieldAutocomplete.setPattern(value);
|
|
26
|
+
}, disabled: disabled || searching, onFocus: fieldAutocomplete.onFocusInput, onBlur: fieldAutocomplete.onBlurInput, onKeyDown: fieldAutocomplete.onKeydownInput }), onSearch && (_jsx("button", { disabled: disabled || searching, onClick: () => {
|
|
27
|
+
onSearch(fieldAutocomplete.pattern);
|
|
28
|
+
}, children: _jsx(RlsIcon, { value: "search" }) }))] }), searching && _jsx(RlsProgressBar, { indeterminate: true }), fieldAutocomplete.coincidences.map((element, index) => (_jsx("li", { className: "rls-field-list__element", tabIndex: -1, onClick: fieldAutocomplete.onClickElement(element), onKeyDown: fieldAutocomplete.onKeydownElement(element), children: render(element) }, index))), !fieldAutocomplete.coincidences.length && (_jsx("li", { className: "rls-field-list__empty", children: _jsxs("div", { className: "rls-field-list__empty__description", children: [_jsx("label", { className: "rls-label-bold truncate", children: reactI18n('listEmptyTitle') }), _jsx("p", { className: "rls-caption-regular", children: reactI18n('listEmptyDescription') })] }) }))] }) }), _jsx("div", { className: "rls-field-list__backdrop", onClick: fieldAutocomplete.onClickBackdrop })] })] }));
|
|
29
29
|
}
|
|
30
30
|
export function RlsFieldAutocomplete(props) {
|
|
31
31
|
return (_jsx(RlsFieldAutocompleteTemplate, { ...props, render: (element) => (_jsx(RlsBallot, { subtitle: element.subtitle, img: element.img, initials: element.initials, children: element.title })) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldAutocomplete.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldAutocomplete/FieldAutocomplete.tsx"],"names":[],"mappings":";AAMA,OAAO,SAAS,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAEtD,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AACjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,yBAAyB,CAAC;AAsBjC,MAAM,UAAU,4BAA4B,CAG1C,EACA,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,UAAU,EACV,
|
|
1
|
+
{"version":3,"file":"FieldAutocomplete.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldAutocomplete/FieldAutocomplete.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { AbstractAutocompleteElement as Element } from '@rolster/
|
|
1
|
+
import { AbstractAutocompleteElement as Element } from '@rolster/components';
|
|
2
2
|
import { ReactControl } from '@rolster/react-forms';
|
|
3
3
|
import { KeyboardEvent, KeyboardEventHandler, MouseEventHandler } from 'react';
|
|
4
4
|
import { ListControl } from '../../../hooks';
|
|
@@ -16,12 +16,12 @@ export interface FieldAutocompleteControl<T = unknown, E extends Element<T> = El
|
|
|
16
16
|
pattern: string;
|
|
17
17
|
setPattern: (value: string) => void;
|
|
18
18
|
}
|
|
19
|
-
interface FieldAutocompleteProps<T =
|
|
19
|
+
interface FieldAutocompleteProps<T = any, E extends Element<T> = Element<T>> {
|
|
20
20
|
suggestions: E[];
|
|
21
21
|
disabled?: boolean;
|
|
22
|
-
formControl?: ReactControl<HTMLElement, T>;
|
|
22
|
+
formControl?: ReactControl<HTMLElement, T | undefined>;
|
|
23
23
|
onSelect?: (value: T) => void;
|
|
24
24
|
onValue?: (value?: T) => void;
|
|
25
25
|
}
|
|
26
|
-
export declare function useFieldAutocomplete<T =
|
|
26
|
+
export declare function useFieldAutocomplete<T = any, E extends Element<T> = Element<T>>({ disabled, formControl, onSelect, onValue, suggestions }: FieldAutocompleteProps<T, E>): FieldAutocompleteControl<T, E>;
|
|
27
27
|
export {};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { createAutocompleteStore } from '@rolster/components';
|
|
2
2
|
import { useEffect, useRef, useState } from 'react';
|
|
3
3
|
import { useListControl } from '../../../hooks';
|
|
4
4
|
const DURATION_ANIMATION = 240;
|
|
@@ -31,14 +31,14 @@ export function useFieldAutocomplete({ disabled, formControl, onSelect, onValue,
|
|
|
31
31
|
changeInternal.current = false;
|
|
32
32
|
return;
|
|
33
33
|
}
|
|
34
|
-
refresh(collection, formControl?.
|
|
35
|
-
}, [formControl?.
|
|
34
|
+
refresh(collection, formControl?.value);
|
|
35
|
+
}, [formControl?.value]);
|
|
36
36
|
useEffect(() => {
|
|
37
37
|
if (!initializedCollection.current || !initializedState.current) {
|
|
38
38
|
initializedCollection.current = true;
|
|
39
39
|
return;
|
|
40
40
|
}
|
|
41
|
-
refresh(collection, formControl?.
|
|
41
|
+
refresh(collection, formControl?.value);
|
|
42
42
|
}, [collection]);
|
|
43
43
|
function refresh(collection, state) {
|
|
44
44
|
if (!state) {
|
|
@@ -54,7 +54,7 @@ export function useFieldAutocomplete({ disabled, formControl, onSelect, onValue,
|
|
|
54
54
|
function setFormState(value) {
|
|
55
55
|
if (formControl) {
|
|
56
56
|
changeInternal.current = true;
|
|
57
|
-
formControl.
|
|
57
|
+
formControl.setValue(value);
|
|
58
58
|
}
|
|
59
59
|
}
|
|
60
60
|
function onClickControl() {
|
|
@@ -117,7 +117,7 @@ export function useFieldAutocomplete({ disabled, formControl, onSelect, onValue,
|
|
|
117
117
|
}
|
|
118
118
|
}
|
|
119
119
|
function refreshCoincidences(pattern, reboot = false) {
|
|
120
|
-
const { collection, store } =
|
|
120
|
+
const { collection, store } = createAutocompleteStore({
|
|
121
121
|
pattern,
|
|
122
122
|
suggestions,
|
|
123
123
|
reboot,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldAutocompleteHook.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldAutocomplete/FieldAutocompleteHook.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,uBAAuB,EACxB,MAAM,
|
|
1
|
+
{"version":3,"file":"FieldAutocompleteHook.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldAutocomplete/FieldAutocompleteHook.ts"],"names":[],"mappings":"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"}
|
|
@@ -4,11 +4,12 @@ import './FieldDate.css';
|
|
|
4
4
|
interface FieldDateProps extends RlsComponent {
|
|
5
5
|
date?: Date;
|
|
6
6
|
disabled?: boolean;
|
|
7
|
-
formControl?: ReactControl<HTMLElement, Date
|
|
7
|
+
formControl?: ReactControl<HTMLElement, Undefined<Date>>;
|
|
8
|
+
format?: string;
|
|
8
9
|
maxDate?: Date;
|
|
9
10
|
minDate?: Date;
|
|
10
11
|
onValue?: (value?: Date) => void;
|
|
11
12
|
placeholder?: string;
|
|
12
13
|
}
|
|
13
|
-
export declare function RlsFieldDate({ children, date, disabled, formControl, maxDate, minDate, onValue, placeholder, rlsTheme }: FieldDateProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export declare function RlsFieldDate({ children, date, disabled, formControl, format, maxDate, minDate, onValue, placeholder, rlsTheme }: FieldDateProps): import("react/jsx-runtime").JSX.Element;
|
|
14
15
|
export {};
|