@rolster/react-components 1.5.7 → 18.10.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/{lib.cjs-c052832f.css → index-Fy0sGm5F.css} +159 -106
- package/dist/cjs/index.js +2119 -0
- package/dist/cjs/index.js.map +1 -0
- package/dist/es/assets/{lib-c052832f.css → index-Fy0sGm5F.css} +159 -106
- package/dist/es/index.js +2051 -0
- package/dist/es/index.js.map +1 -0
- package/dist/esm/components/atoms/Amount/Amount.css +3 -2
- package/dist/esm/components/atoms/Amount/Amount.d.ts +3 -1
- package/dist/esm/components/atoms/Amount/Amount.js +2 -2
- package/dist/esm/components/atoms/Amount/Amount.js.map +1 -1
- package/dist/esm/components/atoms/Button/Button.css +1 -1
- package/dist/esm/components/atoms/CheckBox/CheckBox.d.ts +8 -1
- package/dist/esm/components/atoms/CheckBox/CheckBox.js +7 -2
- package/dist/esm/components/atoms/CheckBox/CheckBox.js.map +1 -1
- package/dist/esm/components/atoms/Icon/Icon.css +1 -1
- package/dist/esm/components/atoms/Input/Input.css +1 -1
- package/dist/esm/components/atoms/Input/Input.d.ts +3 -3
- package/dist/esm/components/atoms/Input/Input.js +12 -10
- package/dist/esm/components/atoms/Input/Input.js.map +1 -1
- package/dist/esm/components/atoms/InputMoney/InputMoney.d.ts +3 -3
- package/dist/esm/components/atoms/InputMoney/InputMoney.js +5 -10
- package/dist/esm/components/atoms/InputMoney/InputMoney.js.map +1 -1
- package/dist/esm/components/atoms/InputNumber/InputNumber.d.ts +3 -3
- package/dist/esm/components/atoms/InputNumber/InputNumber.js +5 -10
- package/dist/esm/components/atoms/InputNumber/InputNumber.js.map +1 -1
- package/dist/esm/components/atoms/InputPassword/InputPassword.d.ts +1 -1
- package/dist/esm/components/atoms/InputPassword/InputPassword.js +9 -7
- package/dist/esm/components/atoms/InputPassword/InputPassword.js.map +1 -1
- package/dist/esm/components/atoms/InputText/InputText.d.ts +3 -3
- package/dist/esm/components/atoms/InputText/InputText.js +5 -10
- package/dist/esm/components/atoms/InputText/InputText.js.map +1 -1
- package/dist/esm/components/atoms/Label/Label.css +3 -0
- package/dist/esm/components/atoms/Label/Label.d.ts +2 -0
- package/dist/esm/components/atoms/Label/Label.js +5 -0
- package/dist/esm/components/atoms/Label/Label.js.map +1 -0
- package/dist/esm/components/atoms/MessageIcon/MessageIcon.css +12 -0
- package/dist/esm/components/atoms/MessageIcon/MessageIcon.d.ts +7 -0
- package/dist/esm/components/atoms/MessageIcon/MessageIcon.js +7 -0
- package/dist/esm/components/atoms/MessageIcon/MessageIcon.js.map +1 -0
- package/dist/esm/components/atoms/RadioButton/RadioButton.d.ts +2 -1
- package/dist/esm/components/atoms/RadioButton/RadioButton.js +2 -2
- package/dist/esm/components/atoms/RadioButton/RadioButton.js.map +1 -1
- package/dist/esm/components/atoms/SearchInput/SearchInput.d.ts +2 -2
- package/dist/esm/components/atoms/Switch/Switch.css +40 -21
- package/dist/esm/components/atoms/Switch/Switch.d.ts +7 -1
- package/dist/esm/components/atoms/Switch/Switch.js +8 -3
- package/dist/esm/components/atoms/Switch/Switch.js.map +1 -1
- package/dist/esm/components/atoms/index.d.ts +2 -0
- package/dist/esm/components/atoms/index.js +2 -0
- package/dist/esm/components/atoms/index.js.map +1 -1
- package/dist/esm/components/molecules/ButtonToggle/ButtonToggle.js.map +1 -1
- package/dist/esm/components/molecules/CheckBoxLabel/CheckBoxLabel.css +1 -5
- package/dist/esm/components/molecules/CheckBoxLabel/CheckBoxLabel.d.ts +1 -1
- package/dist/esm/components/molecules/CheckBoxLabel/CheckBoxLabel.js.map +1 -1
- package/dist/esm/components/molecules/DayPicker/DayPicker.d.ts +1 -1
- package/dist/esm/components/molecules/DayPicker/DayPicker.js +1 -1
- package/dist/esm/components/molecules/DayPicker/DayPicker.js.map +1 -1
- package/dist/esm/components/molecules/DayRangePicker/DayRangePicker.d.ts +1 -1
- package/dist/esm/components/molecules/DayRangePicker/DayRangePicker.js +1 -1
- package/dist/esm/components/molecules/DayRangePicker/DayRangePicker.js.map +1 -1
- package/dist/esm/components/molecules/MoneyField/MoneyField.d.ts +4 -2
- package/dist/esm/components/molecules/MoneyField/MoneyField.js +7 -8
- package/dist/esm/components/molecules/MoneyField/MoneyField.js.map +1 -1
- package/dist/esm/components/molecules/MonthPicker/MonthPicker.d.ts +1 -1
- package/dist/esm/components/molecules/MonthPicker/MonthPicker.js.map +1 -1
- package/dist/esm/components/molecules/MonthTitlePicker/MonthTitlePicker.d.ts +1 -1
- package/dist/esm/components/molecules/MonthTitlePicker/MonthTitlePicker.js +1 -1
- package/dist/esm/components/molecules/MonthTitlePicker/MonthTitlePicker.js.map +1 -1
- package/dist/esm/components/molecules/NumberField/NumberField.d.ts +4 -2
- package/dist/esm/components/molecules/NumberField/NumberField.js +7 -8
- package/dist/esm/components/molecules/NumberField/NumberField.js.map +1 -1
- package/dist/esm/components/molecules/Pagination/Pagination.js.map +1 -1
- package/dist/esm/components/molecules/PasswordField/PasswordField.d.ts +1 -1
- package/dist/esm/components/molecules/PasswordField/PasswordField.js +6 -7
- package/dist/esm/components/molecules/PasswordField/PasswordField.js.map +1 -1
- package/dist/esm/components/molecules/RadioButtonLabel/RadioButtonLabel.d.ts +1 -1
- package/dist/esm/components/molecules/RadioButtonLabel/RadioButtonLabel.js.map +1 -1
- package/dist/esm/components/molecules/SwitchLabel/SwitchLabel.css +2 -5
- package/dist/esm/components/molecules/SwitchLabel/SwitchLabel.d.ts +1 -1
- package/dist/esm/components/molecules/SwitchLabel/SwitchLabel.js.map +1 -1
- package/dist/esm/components/molecules/TextField/TextField.d.ts +4 -2
- package/dist/esm/components/molecules/TextField/TextField.js +7 -8
- package/dist/esm/components/molecules/TextField/TextField.js.map +1 -1
- package/dist/esm/components/molecules/YearPicker/YearPicker.d.ts +2 -2
- package/dist/esm/components/molecules/YearPicker/YearPicker.js +2 -2
- package/dist/esm/components/molecules/YearPicker/YearPicker.js.map +1 -1
- package/dist/esm/components/organisms/AutocompleteField/AutocompleteField.css +21 -19
- package/dist/esm/components/organisms/AutocompleteField/AutocompleteField.d.ts +15 -8
- package/dist/esm/components/organisms/AutocompleteField/AutocompleteField.js +26 -159
- package/dist/esm/components/organisms/AutocompleteField/AutocompleteField.js.map +1 -1
- package/dist/esm/components/organisms/AutocompleteField/autocomplete-field.hook.d.ts +27 -0
- package/dist/esm/components/organisms/AutocompleteField/autocomplete-field.hook.js +170 -0
- package/dist/esm/components/organisms/AutocompleteField/autocomplete-field.hook.js.map +1 -0
- package/dist/esm/components/organisms/Card/Card.css +1 -1
- package/dist/esm/components/organisms/Confirmation/Confirmation.css +58 -34
- package/dist/esm/components/organisms/Confirmation/Confirmation.js +2 -1
- package/dist/esm/components/organisms/Confirmation/Confirmation.js.map +1 -1
- package/dist/esm/components/organisms/Datatable/Datatable.d.ts +2 -1
- package/dist/esm/components/organisms/Datatable/Datatable.js +3 -2
- package/dist/esm/components/organisms/Datatable/Datatable.js.map +1 -1
- package/dist/esm/components/organisms/DateField/DateField.css +3 -0
- package/dist/esm/components/organisms/DateField/DateField.d.ts +1 -1
- package/dist/esm/components/organisms/DateField/DateField.js +10 -3
- package/dist/esm/components/organisms/DateField/DateField.js.map +1 -1
- package/dist/esm/components/organisms/DatePicker/DatePicker.d.ts +1 -1
- package/dist/esm/components/organisms/DatePicker/DatePicker.js +4 -3
- package/dist/esm/components/organisms/DatePicker/DatePicker.js.map +1 -1
- package/dist/esm/components/organisms/DateRangeField/DateRangeField.d.ts +1 -1
- package/dist/esm/components/organisms/DateRangeField/DateRangeField.js.map +1 -1
- package/dist/esm/components/organisms/DateRangePicker/DateRangePicker.d.ts +1 -1
- package/dist/esm/components/organisms/DateRangePicker/DateRangePicker.js +3 -2
- package/dist/esm/components/organisms/DateRangePicker/DateRangePicker.js.map +1 -1
- package/dist/esm/components/organisms/SelectField/SelectField.d.ts +13 -8
- package/dist/esm/components/organisms/SelectField/SelectField.js +21 -89
- package/dist/esm/components/organisms/SelectField/SelectField.js.map +1 -1
- package/dist/esm/components/organisms/SelectField/select-field.hook.d.ts +24 -0
- package/dist/esm/components/organisms/SelectField/select-field.hook.js +104 -0
- package/dist/esm/components/organisms/SelectField/select-field.hook.js.map +1 -0
- package/dist/esm/components/organisms/Snackbar/Snackbar.css +14 -16
- package/dist/esm/components/organisms/Snackbar/Snackbar.d.ts +1 -1
- package/dist/esm/components/organisms/Snackbar/Snackbar.js +1 -1
- package/dist/esm/components/organisms/Snackbar/Snackbar.js.map +1 -1
- package/dist/esm/hooks/index.d.ts +0 -2
- package/dist/esm/hooks/index.js +0 -2
- package/dist/esm/hooks/index.js.map +1 -1
- package/dist/esm/hooks/list-control.hook.d.ts +14 -8
- package/dist/esm/hooks/list-control.hook.js +22 -15
- package/dist/esm/hooks/list-control.hook.js.map +1 -1
- package/dist/esm/i18n.d.ts +18 -0
- package/dist/esm/i18n.js +23 -0
- package/dist/esm/i18n.js.map +1 -0
- package/dist/esm/models.d.ts +19 -8
- package/dist/esm/models.js +8 -9
- package/dist/esm/models.js.map +1 -1
- package/dist/esm/utils/css.d.ts +1 -1
- package/dist/esm/utils/css.js +4 -1
- package/dist/esm/utils/css.js.map +1 -1
- package/dist/esm/utils/date-range-picker.js.map +1 -1
- package/dist/esm/utils/day-picker.js.map +1 -1
- package/dist/esm/utils/month-picker.js +1 -1
- package/dist/esm/utils/month-picker.js.map +1 -1
- package/dist/esm/utils/year-picker.js.map +1 -1
- package/package.json +26 -11
- package/dist/cjs/lib.cjs.js +0 -3366
- package/dist/cjs/lib.cjs.js.map +0 -1
- package/dist/es/lib.js +0 -3300
- package/dist/es/lib.js.map +0 -1
- package/dist/esm/hooks/form-control.hook.d.ts +0 -15
- package/dist/esm/hooks/form-control.hook.js +0 -77
- package/dist/esm/hooks/form-control.hook.js.map +0 -1
- package/dist/esm/hooks/form-group.hook.d.ts +0 -2
- package/dist/esm/hooks/form-group.hook.js +0 -22
- package/dist/esm/hooks/form-group.hook.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Confirmation.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Confirmation/Confirmation.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,OAAO,oBAAoB,CAAC;AAE5B,MAAM,OAAO,kBAAmB,SAAQ,aAOvC;IACQ,MAAM,CAAC,QAAQ;QACpB,OAAO,IAAI,kBAAkB,CAAC,UAAU,CAAC,CAAC;IAC5C,CAAC;IAEM,MAAM,CAAC,MAAM;QAClB,OAAO,IAAI,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IAC1C,CAAC;CACF;AAoCD,MAAM,UAAU,eAAe,CAAC,EAC9B,QAAQ,EACR,OAAO,EACP,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,OAAO,EACM;IACb,OAAO,CACL,eACE,SAAS,EAAE,iBAAiB,CAAC,kBAAkB,EAAE,EAAE,OAAO,EAAE,CAAC,eAClD,QAAQ,aAEnB,eAAK,SAAS,EAAC,6BAA6B,aAC1C,eAAK,SAAS,EAAC,0BAA0B,aACtC,KAAK,IAAI,CACR,cAAK,SAAS,EAAC,iCAAiC,YAAE,KAAK,GAAO,CAC/D,EACA,QAAQ,IAAI,CACX,cAAK,SAAS,EAAC,oCAAoC,YAAE,QAAQ,GAAO,CACrE,IACG,EAEN,cAAK,SAAS,EAAC,wBAAwB,YACpC,OAAO,IAAI,CACV,cAAK,SAAS,EAAC,iCAAiC,YAAE,OAAO,GAAO,CACjE,GACG,EACL,CAAC,QAAQ,IAAI,MAAM,CAAC,IAAI,CACvB,cAAK,SAAS,EAAC,0BAA0B,YACvC,eAAK,SAAS,EAAC,mCAAmC,aAC/C,QAAQ,IAAI,CACX,KAAC,SAAS,IACR,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE;wCACZ,IAAI,QAAQ,CAAC,OAAO,EAAE;
|
|
1
|
+
{"version":3,"file":"Confirmation.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Confirmation/Confirmation.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,6 +2,7 @@ import { RlsComponent } from '../../definitions';
|
|
|
2
2
|
interface DatatableCell extends RlsComponent {
|
|
3
3
|
className?: string;
|
|
4
4
|
control?: boolean;
|
|
5
|
+
overflow?: boolean;
|
|
5
6
|
}
|
|
6
7
|
interface DatatableRow extends RlsComponent {
|
|
7
8
|
className?: string;
|
|
@@ -13,6 +14,6 @@ interface Datatable extends RlsComponent {
|
|
|
13
14
|
export declare function RlsDatatableHeader({ children }: RlsComponent): import("react/jsx-runtime").JSX.Element;
|
|
14
15
|
export declare function RlsDatatableTitle({ children, className, control }: DatatableCell): import("react/jsx-runtime").JSX.Element;
|
|
15
16
|
export declare function RlsDatatableData({ children, className }: DatatableRow): import("react/jsx-runtime").JSX.Element;
|
|
16
|
-
export declare function RlsDatatableCell({ children, className, control }: DatatableCell): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export declare function RlsDatatableCell({ children, className, control, overflow }: DatatableCell): import("react/jsx-runtime").JSX.Element;
|
|
17
18
|
export declare function RlsDatatable({ children, footer, header, rlsTheme }: Datatable): import("react/jsx-runtime").JSX.Element;
|
|
18
19
|
export {};
|
|
@@ -9,8 +9,9 @@ export function RlsDatatableTitle({ children, className, control }) {
|
|
|
9
9
|
export function RlsDatatableData({ children, className }) {
|
|
10
10
|
return _jsx("tr", { className: `rls-datatable__data ${className}`, children: children });
|
|
11
11
|
}
|
|
12
|
-
export function RlsDatatableCell({ children, className, control }) {
|
|
13
|
-
return (_jsx("th", { className: `${className} ` +
|
|
12
|
+
export function RlsDatatableCell({ children, className, control, overflow }) {
|
|
13
|
+
return (_jsx("th", { className: `${className} ` +
|
|
14
|
+
renderClassStatus('rls-datatable__cell', { control, overflow }), children: children }));
|
|
14
15
|
}
|
|
15
16
|
export function RlsDatatable({ children, footer, header, rlsTheme }) {
|
|
16
17
|
return (_jsxs("div", { className: "rls-datatable", "rls-theme": rlsTheme, children: [_jsxs("table", { children: [header && _jsx("thead", { className: "rls-datatable__thead", children: header }), _jsx("tbody", { className: "rls-datatable__tbody", children: children })] }), footer && _jsx("div", { className: "rls-datatable__tfooter", children: footer })] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Datatable.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Datatable/Datatable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"Datatable.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Datatable/Datatable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAkBvD,MAAM,UAAU,kBAAkB,CAAC,EAAE,QAAQ,EAAgB;IAC3D,OAAO,aAAI,SAAS,EAAC,uBAAuB,YAAE,QAAQ,GAAM,CAAC;AAC/D,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,EAChC,QAAQ,EACR,SAAS,EACT,OAAO,EACO;IACd,OAAO,CACL,aACE,SAAS,EACP,GAAG,SAAS,GAAG,GAAG,iBAAiB,CAAC,sBAAsB,EAAE,EAAE,OAAO,EAAE,CAAC,YAGzE,QAAQ,GACN,CACN,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAgB;IACpE,OAAO,aAAI,SAAS,EAAE,uBAAuB,SAAS,EAAE,YAAG,QAAQ,GAAM,CAAC;AAC5E,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,SAAS,EACT,OAAO,EACP,QAAQ,EACM;IACd,OAAO,CACL,aACE,SAAS,EACP,GAAG,SAAS,GAAG;YACf,iBAAiB,CAAC,qBAAqB,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,YAGhE,QAAQ,GACN,CACN,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,EAC3B,QAAQ,EACR,MAAM,EACN,MAAM,EACN,QAAQ,EACE;IACV,OAAO,CACL,eAAK,SAAS,EAAC,eAAe,eAAY,QAAQ,aAChD,4BACG,MAAM,IAAI,gBAAO,SAAS,EAAC,sBAAsB,YAAE,MAAM,GAAS,EAEnE,gBAAO,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAS,IACpD,EAEP,MAAM,IAAI,cAAK,SAAS,EAAC,wBAAwB,YAAE,MAAM,GAAO,IAC7D,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { formatDate } from '@rolster/helpers-date';
|
|
3
3
|
import { useEffect, useState } from 'react';
|
|
4
|
-
import {
|
|
4
|
+
import { renderClassStatus } from '../../../utils/css';
|
|
5
|
+
import { RlsMessageIcon, RlsIcon } from '../../atoms';
|
|
5
6
|
import { RlsDatePicker } from '../DatePicker/DatePicker';
|
|
6
7
|
import { RlsModal } from '../Modal/Modal';
|
|
7
8
|
import './DateField.css';
|
|
@@ -11,7 +12,7 @@ export function RlsDateField({ children, date, disabled, formControl, maxDate, m
|
|
|
11
12
|
const [show, setShow] = useState(false);
|
|
12
13
|
const [description, setDescription] = useState('');
|
|
13
14
|
useEffect(() => {
|
|
14
|
-
setDescription(value ? formatDate(value, 'dd/mx/aa') : '');
|
|
15
|
+
setDescription(value ? formatDate(value, '{dd}/{mx}/{aa}') : '');
|
|
15
16
|
}, [value]);
|
|
16
17
|
function onClickInput() {
|
|
17
18
|
setShow(true);
|
|
@@ -20,16 +21,22 @@ export function RlsDateField({ children, date, disabled, formControl, maxDate, m
|
|
|
20
21
|
if (value) {
|
|
21
22
|
formControl?.setState(undefined);
|
|
22
23
|
setValue(undefined);
|
|
24
|
+
if (formControl && !formControl.touched) {
|
|
25
|
+
formControl.touch();
|
|
26
|
+
}
|
|
23
27
|
}
|
|
24
28
|
else {
|
|
25
29
|
setShow(true);
|
|
26
30
|
}
|
|
27
31
|
}
|
|
28
|
-
return (_jsxs("div", { className: "rls-date-field", "rls-theme": rlsTheme, children: [_jsxs("div", { className:
|
|
32
|
+
return (_jsxs("div", { className: "rls-date-field", "rls-theme": rlsTheme, children: [_jsxs("div", { className: renderClassStatus('rls-box-field', { disabled }), children: [children && _jsx("label", { className: "rls-box-field__label", children: children }), _jsx("div", { className: "rls-box-field__component", children: _jsxs("div", { className: "rls-box-field__body", children: [_jsx("input", { className: "rls-date-field__control", type: "text", value: description, readOnly: true, placeholder: placeholder, onClick: onClickInput, disabled: disabled }), _jsx("button", { className: "rls-date-field__action", onClick: onClean, disabled: disabled, children: _jsx(RlsIcon, { value: value ? 'trash-2' : 'calendar' }) })] }) }), formControl?.touched && formControl?.error && (_jsx("div", { className: "rls-box-field__error", children: _jsx(RlsMessageIcon, { icon: "alert-triangle", rlsTheme: "danger", children: formControl.error.message }) }))] }), _jsx(RlsModal, { visible: show, children: _jsx(RlsDatePicker, { formControl: formControl, date: date, disabled: disabled, maxDate: maxDate, minDate: minDate, onListener: ({ value }) => {
|
|
29
33
|
if (value) {
|
|
30
34
|
setValue(value);
|
|
31
35
|
}
|
|
32
36
|
setShow(false);
|
|
37
|
+
if (formControl && !formControl.touched) {
|
|
38
|
+
formControl.touch();
|
|
39
|
+
}
|
|
33
40
|
} }) })] }));
|
|
34
41
|
}
|
|
35
42
|
//# sourceMappingURL=DateField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateField.js","sourceRoot":"","sources":["../../../../../src/components/organisms/DateField/DateField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"DateField.js","sourceRoot":"","sources":["../../../../../src/components/organisms/DateField/DateField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { formatDate, refactorDay, refactorMonth, refactorYear } from '@rolster/helpers-date';
|
|
3
|
+
import { useReactControl } from '@rolster/react-forms';
|
|
3
4
|
import { useEffect, useState } from 'react';
|
|
4
|
-
import
|
|
5
|
+
import reactI18n from '../../../i18n';
|
|
5
6
|
import { PickerListenerType } from '../../../types';
|
|
6
7
|
import { renderClassStatus } from '../../../utils/css';
|
|
7
8
|
import { verifyDateRange } from '../../../utils/date-picker';
|
|
8
9
|
import { RlsButton } from '../../atoms';
|
|
9
10
|
import { RlsDayPicker, RlsMonthPicker, RlsMonthTitlePicker, RlsYearPicker } from '../../molecules';
|
|
10
11
|
import './DatePicker.css';
|
|
11
|
-
const FORMAT_DESCRIPTION = 'dw, mx dd de aa';
|
|
12
|
+
const FORMAT_DESCRIPTION = '{dw}, {mx} {dd} de {aa}';
|
|
12
13
|
const VISIBILITY_STATE = {
|
|
13
14
|
month: false,
|
|
14
15
|
day: false,
|
|
@@ -94,6 +95,6 @@ export function RlsDatePicker({ automatic, date, formControl, disabled, maxDate,
|
|
|
94
95
|
year,
|
|
95
96
|
day,
|
|
96
97
|
month
|
|
97
|
-
}), children: [_jsx(RlsDayPicker, { formControl: dayControl, date: value, maxDate: maxDate, minDate: minDate, disabled: disabled }), _jsx(RlsMonthPicker, { formControl: monthControl, date: value, maxDate: maxDate, minDate: minDate, disabled: disabled }), _jsx(RlsYearPicker, { formControl: yearControl, date: value, maxDate: maxDate, minDate: minDate, disabled: disabled })] }), _jsx("div", { className: renderClassStatus('rls-date-picker__footer', { automatic }), children: _jsxs("div", { className: "rls-date-picker__actions", children: [_jsx("div", { className: "rls-date-picker__actions--cancel", children: _jsx(RlsButton, { type: "ghost", onClick: onCancel, children:
|
|
98
|
+
}), children: [_jsx(RlsDayPicker, { formControl: dayControl, date: value, maxDate: maxDate, minDate: minDate, disabled: disabled }), _jsx(RlsMonthPicker, { formControl: monthControl, date: value, maxDate: maxDate, minDate: minDate, disabled: disabled }), _jsx(RlsYearPicker, { formControl: yearControl, date: value, maxDate: maxDate, minDate: minDate, disabled: disabled })] }), _jsx("div", { className: renderClassStatus('rls-date-picker__footer', { automatic }), children: _jsxs("div", { className: "rls-date-picker__actions", children: [_jsx("div", { className: "rls-date-picker__actions--cancel", children: _jsx(RlsButton, { type: "ghost", onClick: onCancel, children: reactI18n('dateActionCancel') }) }), _jsx("div", { className: "rls-date-picker__actions--today", children: _jsx(RlsButton, { type: "ghost", onClick: onToday, children: reactI18n('dateActionToday') }) }), _jsx("div", { className: "rls-date-picker__actions--ok", children: _jsx(RlsButton, { type: "raised", onClick: onSelect, children: reactI18n('dateActionSelect') }) })] }) })] }));
|
|
98
99
|
}
|
|
99
100
|
//# sourceMappingURL=DatePicker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../../src/components/organisms/DatePicker/DatePicker.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,UAAU,EACV,WAAW,EACX,aAAa,EACb,YAAY,EACb,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../../src/components/organisms/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangeField.js","sourceRoot":"","sources":["../../../../../src/components/organisms/DateRangeField/DateRangeField.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"DateRangeField.js","sourceRoot":"","sources":["../../../../../src/components/organisms/DateRangeField/DateRangeField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAEtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,sBAAsB,CAAC;AAW9B,MAAM,UAAU,iBAAiB,CAAC,EAChC,QAAQ,EACR,IAAI,EAAE,UAAU,EAChB,QAAQ,EACR,WAAW,EACX,OAAO,EACP,OAAO,EACP,WAAW,EACX,QAAQ,EACO;IACf,MAAM,YAAY,GAAG,WAAW,EAAE,KAAK,IAAI,SAAS,CAAC,GAAG,EAAE,CAAC;IAC3D,MAAM,WAAW,GAAG,UAAU,IAAI,IAAI,IAAI,EAAE,CAAC;IAE7C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAwB,YAAY,CAAC,CAAC;IACxE,MAAM,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAmB,WAAW,CAAC,CAAC;IACvD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEnD,SAAS,CAAC,GAAG,EAAE;QACb,cAAc,CAAC,KAAK,EAAE,WAAW,IAAI,EAAE,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,SAAS,YAAY;QACnB,OAAO,CAAC,IAAI,CAAC,CAAC;IAChB,CAAC;IAED,SAAS,aAAa;QACpB,IAAI,KAAK,EAAE,CAAC;YACV,WAAW,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC;YACjC,QAAQ,CAAC,SAAS,CAAC,CAAC;QACtB,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,IAAI,CAAC,CAAC;QAChB,CAAC;IACH,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAC,gBAAgB,eAAY,QAAQ,aACjD,eAAK,SAAS,EAAC,eAAe,aAC3B,QAAQ,IAAI,gBAAO,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAS,EAEvE,cAAK,SAAS,EAAC,0BAA0B,YACvC,eAAK,SAAS,EAAC,qBAAqB,aAClC,gBACE,SAAS,EAAC,yBAAyB,EACnC,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,IAAI,EACd,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,YAAY,GACrB,EAEF,iBAAQ,SAAS,EAAC,wBAAwB,EAAC,OAAO,EAAE,aAAa,YAC/D,KAAC,OAAO,IAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,GAAI,GAC3C,IACL,GACF,IACF,EAEN,KAAC,QAAQ,IAAC,OAAO,EAAE,IAAI,YACrB,KAAC,kBAAkB,IACjB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;wBACxB,IAAI,KAAK,EAAE,CAAC;4BACV,QAAQ,CAAC,KAAK,CAAC,CAAC;wBAClB,CAAC;wBAED,OAAO,CAAC,KAAK,CAAC,CAAC;oBACjB,CAAC,GACD,GACO,IACP,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { normalizeMinTime, refactorMonth, refactorYear } from '@rolster/helpers-date';
|
|
3
|
+
import { useReactControl } from '@rolster/react-forms';
|
|
3
4
|
import { useEffect, useState } from 'react';
|
|
4
|
-
import
|
|
5
|
+
import reactI18n from '../../../i18n';
|
|
5
6
|
import { DateRange } from '../../../models';
|
|
6
7
|
import { renderClassStatus } from '../../../utils/css';
|
|
7
8
|
import { PickerListenerType } from '../../../types';
|
|
@@ -84,6 +85,6 @@ export function RlsDateRangePicker({ automatic, date: datePicker, disabled, form
|
|
|
84
85
|
month
|
|
85
86
|
}), children: [_jsx(RlsDayRangePicker, { formControl: dayControl, date: date, maxDate: maxDate, minDate: minDate, disabled: disabled }), _jsx(RlsMonthPicker, { formControl: monthControl, date: date, maxDate: maxDate, minDate: minDate, disabled: disabled }), _jsx(RlsYearPicker, { formControl: yearControl, date: date, maxDate: maxDate, minDate: minDate, disabled: disabled })] }), _jsx("div", { className: renderClassStatus('rls-date-range-picker__footer', {
|
|
86
87
|
automatic
|
|
87
|
-
}), children: _jsxs("div", { className: "rls-date-range-picker__actions", children: [_jsx("div", { className: "rls-date-range-picker__actions--cancel", children: _jsx(RlsButton, { type: "ghost", onClick: onCancel, children:
|
|
88
|
+
}), children: _jsxs("div", { className: "rls-date-range-picker__actions", children: [_jsx("div", { className: "rls-date-range-picker__actions--cancel", children: _jsx(RlsButton, { type: "ghost", onClick: onCancel, children: reactI18n('dateActionCancel') }) }), _jsx("div", { className: "rls-date-range-picker__actions--ok", children: _jsx(RlsButton, { type: "raised", onClick: onSelect, children: reactI18n('dateActionSelect') }) })] }) })] }));
|
|
88
89
|
}
|
|
89
90
|
//# sourceMappingURL=DateRangePicker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangePicker.js","sourceRoot":"","sources":["../../../../../src/components/organisms/DateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,gBAAgB,EAChB,aAAa,EACb,YAAY,EACb,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,
|
|
1
|
+
{"version":3,"file":"DateRangePicker.js","sourceRoot":"","sources":["../../../../../src/components/organisms/DateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,14 +1,19 @@
|
|
|
1
|
-
import { ReactControl } from '
|
|
2
|
-
import {
|
|
1
|
+
import { ReactControl } from '@rolster/react-forms';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
|
+
import { AbstractListElement as Element, ListElement } from '../../../models';
|
|
3
4
|
import { RlsComponent } from '../../definitions';
|
|
4
5
|
import './SelectField.css';
|
|
5
|
-
interface
|
|
6
|
-
suggestions:
|
|
7
|
-
children?: any;
|
|
6
|
+
interface SelectFieldProps<T = unknown, E extends Element<T> = Element<T>> extends RlsComponent {
|
|
7
|
+
suggestions: E[];
|
|
8
8
|
disabled?: boolean;
|
|
9
|
-
formControl?: ReactControl<HTMLElement>;
|
|
10
|
-
onSelect?: (value: T) => void;
|
|
9
|
+
formControl?: ReactControl<HTMLElement, T>;
|
|
11
10
|
placeholder?: string;
|
|
11
|
+
onSelect?: (value: T) => void;
|
|
12
|
+
onValue?: (value?: T) => void;
|
|
13
|
+
}
|
|
14
|
+
interface SelectFieldTemplateProps<T = unknown, E extends Element<T> = Element<T>> extends SelectFieldProps<T, E> {
|
|
15
|
+
render: (element: E) => ReactNode;
|
|
12
16
|
}
|
|
13
|
-
export declare function
|
|
17
|
+
export declare function RlsSelectFieldTemplate<T = unknown, E extends Element<T> = Element<T>>({ suggestions, children, disabled, formControl, placeholder, rlsTheme, onSelect, onValue, render }: SelectFieldTemplateProps<T, E>): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
export declare function RlsSelectField<T = unknown>(props: SelectFieldProps<T, ListElement<T>>): import("react/jsx-runtime").JSX.Element;
|
|
14
19
|
export {};
|
|
@@ -1,95 +1,27 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
3
|
-
import { useListControl } from '../../../hooks';
|
|
2
|
+
import reactI18n from '../../../i18n';
|
|
4
3
|
import { renderClassStatus } from '../../../utils/css';
|
|
5
|
-
import { RlsIcon } from '../../atoms';
|
|
4
|
+
import { RlsMessageIcon, RlsIcon } from '../../atoms';
|
|
6
5
|
import { RlsBallot } from '../../molecules';
|
|
6
|
+
import { useSelectField } from './select-field.hook';
|
|
7
7
|
import './SelectField.css';
|
|
8
|
-
export function
|
|
9
|
-
const {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
setVisible(true);
|
|
27
|
-
}
|
|
28
|
-
function onKeydownInput(event) {
|
|
29
|
-
switch (event.code) {
|
|
30
|
-
case 'Space':
|
|
31
|
-
setVisible(true);
|
|
32
|
-
break;
|
|
33
|
-
case 'Enter':
|
|
34
|
-
setVisible(true);
|
|
35
|
-
break;
|
|
36
|
-
case 'Escape':
|
|
37
|
-
setVisible(false);
|
|
38
|
-
break;
|
|
39
|
-
case 'Tab':
|
|
40
|
-
setVisible(false);
|
|
41
|
-
break;
|
|
42
|
-
default:
|
|
43
|
-
navigationInput(event);
|
|
44
|
-
break;
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
function onClickAction() {
|
|
48
|
-
const newVisible = !visible;
|
|
49
|
-
setVisible(newVisible);
|
|
50
|
-
if (newVisible) {
|
|
51
|
-
inputRef?.current?.focus();
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
function onClickBackdrop() {
|
|
55
|
-
setVisible(false);
|
|
56
|
-
}
|
|
57
|
-
function onClickItem(element) {
|
|
58
|
-
return () => {
|
|
59
|
-
onChange(element);
|
|
60
|
-
};
|
|
61
|
-
}
|
|
62
|
-
function onKeydownItem(element) {
|
|
63
|
-
return (event) => {
|
|
64
|
-
switch (event.code) {
|
|
65
|
-
case 'Enter':
|
|
66
|
-
onChange(element);
|
|
67
|
-
break;
|
|
68
|
-
default:
|
|
69
|
-
navigationElement(event);
|
|
70
|
-
break;
|
|
71
|
-
}
|
|
72
|
-
};
|
|
73
|
-
}
|
|
74
|
-
function onChange({ description, value }) {
|
|
75
|
-
inputRef?.current?.focus();
|
|
76
|
-
setVisible(false);
|
|
77
|
-
if (onSelect) {
|
|
78
|
-
onSelect(value);
|
|
79
|
-
}
|
|
80
|
-
else {
|
|
81
|
-
if (formControl) {
|
|
82
|
-
setChangeInternal(true);
|
|
83
|
-
formControl.setState(value);
|
|
84
|
-
}
|
|
85
|
-
setValue(description);
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
return (_jsxs("div", { ref: boxContentRef, className: 'rls-select-field rls-list-field ' +
|
|
89
|
-
renderClassStatus('rls-box-field', { active, disabled }), "rls-theme": rlsTheme, children: [children && _jsx("label", { className: "rls-box-field__label", children: children }), _jsx("div", { className: "rls-box-field__component", children: _jsxs("div", { className: "rls-box-field__body", children: [_jsx("input", { ref: inputRef, className: "rls-list-field__control", readOnly: true, disabled: disabled, placeholder: placeholder, value: value, onFocus: onFocusInput, onBlur: onBlurInput, onClick: onClickInput, onKeyDown: onKeydownInput }), _jsx("button", { className: renderClassStatus('rls-list-field__action', { visible }), disabled: disabled, onClick: onClickAction, children: _jsx(RlsIcon, { value: "arrow-ios-down" }) })] }) }), _jsxs("div", { className: renderClassStatus('rls-list-field__suggestions', {
|
|
90
|
-
visible,
|
|
91
|
-
hide: !visible,
|
|
92
|
-
higher
|
|
93
|
-
}), children: [_jsxs("ul", { ref: listRef, className: "rls-list-field__ul", children: [suggestions.map((element, index) => (_jsx("li", { className: "rls-list-field__element", tabIndex: -1, onClick: onClickItem(element), onKeyDown: onKeydownItem(element), children: _jsx(RlsBallot, { subtitle: element.subtitle, img: element.img, initials: element.initials, children: element.title }) }, index))), !suggestions.length && (_jsx("li", { className: "rls-list-field__empty", children: _jsxs("div", { className: "rls-list-field__empty__description", children: [_jsx("label", { className: "label-bold truncate", children: "Selecci\u00F3n no disponible" }), _jsx("label", { className: "caption-regular", children: "Lo sentimos, en el momento no hay elementos en el listado" })] }) }))] }), _jsx("div", { className: "rls-list-field__backdrop", onClick: onClickBackdrop })] })] }));
|
|
8
|
+
export function RlsSelectFieldTemplate({ suggestions, children, disabled, formControl, placeholder, rlsTheme, onSelect, onValue, render }) {
|
|
9
|
+
const { listControl, onBlurInput, onClickAction, onClickBackdrop, onClickElement, onClickInput, onFocusInput, onKeydownElement, onKeydownInput } = useSelectField({
|
|
10
|
+
suggestions,
|
|
11
|
+
disabled,
|
|
12
|
+
formControl,
|
|
13
|
+
onSelect,
|
|
14
|
+
onValue
|
|
15
|
+
});
|
|
16
|
+
return (_jsxs("div", { ref: listControl.boxContentRef, className: renderClassStatus('rls-box-field', { focused: listControl.focused, disabled }, 'rls-select-field rls-list-field'), "rls-theme": rlsTheme, children: [children && _jsx("label", { className: "rls-box-field__label", children: children }), _jsx("div", { className: "rls-box-field__component", children: _jsxs("div", { className: "rls-box-field__body", children: [_jsx("input", { ref: listControl.inputRef, className: "rls-list-field__control", readOnly: true, disabled: disabled, placeholder: placeholder, value: listControl.value, onFocus: onFocusInput, onBlur: onBlurInput, onClick: onClickInput, onKeyDown: onKeydownInput }), _jsx("button", { className: renderClassStatus('rls-list-field__action', {
|
|
17
|
+
visible: listControl.visible
|
|
18
|
+
}), disabled: disabled, onClick: onClickAction, children: _jsx(RlsIcon, { value: "arrow-ios-down" }) })] }) }), formControl?.touched && formControl?.error && (_jsx("div", { className: "rls-box-field__error", children: _jsx(RlsMessageIcon, { icon: "alert-triangle", rlsTheme: "danger", children: formControl.error.message }) })), _jsxs("div", { className: renderClassStatus('rls-list-field__suggestions', {
|
|
19
|
+
visible: listControl.visible,
|
|
20
|
+
hide: !listControl.visible,
|
|
21
|
+
higher: listControl.higher
|
|
22
|
+
}), children: [_jsx("div", { className: "rls-list-field__suggestions__body", children: _jsxs("ul", { ref: listControl.listRef, className: "rls-list-field__ul", children: [suggestions.map((element, index) => (_jsx("li", { className: "rls-list-field__element", tabIndex: -1, onClick: onClickElement(element), onKeyDown: onKeydownElement(element), children: render(element) }, index))), !suggestions.length && (_jsx("li", { className: "rls-list-field__empty", children: _jsxs("div", { className: "rls-list-field__empty__description", children: [_jsx("label", { className: "label-bold truncate", children: reactI18n('listEmptyTitle') }), _jsx("p", { className: "caption-regular", children: reactI18n('listEmptyDescription') })] }) }))] }) }), _jsx("div", { className: "rls-list-field__backdrop", onClick: onClickBackdrop })] })] }));
|
|
23
|
+
}
|
|
24
|
+
export function RlsSelectField(props) {
|
|
25
|
+
return (_jsx(RlsSelectFieldTemplate, { ...props, render: (element) => (_jsx(RlsBallot, { subtitle: element.subtitle, img: element.img, initials: element.initials, children: element.title })) }));
|
|
94
26
|
}
|
|
95
27
|
//# sourceMappingURL=SelectField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectField.js","sourceRoot":"","sources":["../../../../../src/components/organisms/SelectField/SelectField.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"SelectField.js","sourceRoot":"","sources":["../../../../../src/components/organisms/SelectField/SelectField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { ReactControl } from '@rolster/react-forms';
|
|
2
|
+
import { KeyboardEvent, KeyboardEventHandler, MouseEventHandler } from 'react';
|
|
3
|
+
import { ListControl } from '../../../hooks';
|
|
4
|
+
import { AbstractListElement as Element } from '../../../models';
|
|
5
|
+
export interface SelectControl<T = unknown, E extends Element<T> = Element<T>> {
|
|
6
|
+
listControl: ListControl<T>;
|
|
7
|
+
onBlurInput: () => void;
|
|
8
|
+
onClickAction: () => void;
|
|
9
|
+
onClickBackdrop: () => void;
|
|
10
|
+
onClickElement: (element: E) => MouseEventHandler;
|
|
11
|
+
onClickInput: () => void;
|
|
12
|
+
onFocusInput: () => void;
|
|
13
|
+
onKeydownElement: (element: E) => KeyboardEventHandler;
|
|
14
|
+
onKeydownInput: (event: KeyboardEvent) => void;
|
|
15
|
+
}
|
|
16
|
+
interface SelectProps<T = unknown, E extends Element<T> = Element<T>> {
|
|
17
|
+
suggestions: E[];
|
|
18
|
+
disabled?: boolean;
|
|
19
|
+
formControl?: ReactControl<HTMLElement, T>;
|
|
20
|
+
onSelect?: (value: T) => void;
|
|
21
|
+
onValue?: (value?: T) => void;
|
|
22
|
+
}
|
|
23
|
+
export declare function useSelectField<T = unknown, E extends Element<T> = Element<T>>({ suggestions, formControl, onSelect, onValue }: SelectProps<T, E>): SelectControl<T, E>;
|
|
24
|
+
export {};
|
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
import { useEffect, useState } from 'react';
|
|
2
|
+
import { useListControl } from '../../../hooks';
|
|
3
|
+
export function useSelectField({ suggestions, formControl, onSelect, onValue }) {
|
|
4
|
+
const listControl = useListControl({ suggestions, formControl });
|
|
5
|
+
const { collection, inputRef, visible, setFocused, setValue, setVisible, navigationElement, navigationInput } = listControl;
|
|
6
|
+
const [changeInternal, setChangeInternal] = useState(false);
|
|
7
|
+
useEffect(() => {
|
|
8
|
+
if (!changeInternal) {
|
|
9
|
+
redefineDescription();
|
|
10
|
+
}
|
|
11
|
+
setChangeInternal(false);
|
|
12
|
+
}, [formControl?.state]);
|
|
13
|
+
useEffect(() => {
|
|
14
|
+
redefineDescription();
|
|
15
|
+
}, [collection]);
|
|
16
|
+
function redefineDescription() {
|
|
17
|
+
const element = formControl?.state && collection.find(formControl?.state);
|
|
18
|
+
setValue(element?.description || '');
|
|
19
|
+
}
|
|
20
|
+
function onFocusInput() {
|
|
21
|
+
setFocused(true);
|
|
22
|
+
}
|
|
23
|
+
function onBlurInput() {
|
|
24
|
+
setFocused(false);
|
|
25
|
+
}
|
|
26
|
+
function onClickControl() {
|
|
27
|
+
setVisible(true);
|
|
28
|
+
}
|
|
29
|
+
function onKeydownInput(event) {
|
|
30
|
+
switch (event.code) {
|
|
31
|
+
case 'Space':
|
|
32
|
+
setVisible(true);
|
|
33
|
+
break;
|
|
34
|
+
case 'Enter':
|
|
35
|
+
setVisible(true);
|
|
36
|
+
break;
|
|
37
|
+
case 'Escape':
|
|
38
|
+
setVisible(false);
|
|
39
|
+
break;
|
|
40
|
+
case 'Tab':
|
|
41
|
+
setVisible(false);
|
|
42
|
+
break;
|
|
43
|
+
default:
|
|
44
|
+
navigationInput(event);
|
|
45
|
+
break;
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
function onClickAction() {
|
|
49
|
+
const newVisible = !visible;
|
|
50
|
+
setVisible(newVisible);
|
|
51
|
+
if (newVisible) {
|
|
52
|
+
inputRef?.current?.focus();
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
function onClickBackdrop() {
|
|
56
|
+
setVisible(false);
|
|
57
|
+
}
|
|
58
|
+
function onClickElement(element) {
|
|
59
|
+
return () => {
|
|
60
|
+
onChange(element);
|
|
61
|
+
};
|
|
62
|
+
}
|
|
63
|
+
function onKeydownElement(element) {
|
|
64
|
+
return (event) => {
|
|
65
|
+
switch (event.code) {
|
|
66
|
+
case 'Enter':
|
|
67
|
+
onChange(element);
|
|
68
|
+
break;
|
|
69
|
+
default:
|
|
70
|
+
navigationElement(event);
|
|
71
|
+
break;
|
|
72
|
+
}
|
|
73
|
+
};
|
|
74
|
+
}
|
|
75
|
+
function onChange({ description, value }) {
|
|
76
|
+
inputRef?.current?.focus();
|
|
77
|
+
setVisible(false);
|
|
78
|
+
if (onSelect) {
|
|
79
|
+
onSelect(value);
|
|
80
|
+
}
|
|
81
|
+
else {
|
|
82
|
+
if (formControl) {
|
|
83
|
+
setChangeInternal(true);
|
|
84
|
+
formControl.setState(value);
|
|
85
|
+
}
|
|
86
|
+
setValue(description);
|
|
87
|
+
}
|
|
88
|
+
if (onValue) {
|
|
89
|
+
onValue(value);
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
return {
|
|
93
|
+
listControl,
|
|
94
|
+
onBlurInput,
|
|
95
|
+
onClickAction,
|
|
96
|
+
onClickBackdrop,
|
|
97
|
+
onClickInput: onClickControl,
|
|
98
|
+
onClickElement,
|
|
99
|
+
onFocusInput,
|
|
100
|
+
onKeydownElement,
|
|
101
|
+
onKeydownInput
|
|
102
|
+
};
|
|
103
|
+
}
|
|
104
|
+
//# sourceMappingURL=select-field.hook.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select-field.hook.js","sourceRoot":"","sources":["../../../../../src/components/organisms/SelectField/select-field.hook.ts"],"names":[],"mappings":"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"}
|