@rolster/react-components 1.4.2 → 1.5.1
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-a7ae2768.css → lib.cjs-78c58092.css} +3 -0
- package/dist/cjs/lib.cjs.js +64 -24
- package/dist/cjs/lib.cjs.js.map +1 -1
- package/dist/es/assets/{lib-a7ae2768.css → lib-78c58092.css} +3 -0
- package/dist/es/lib.js +64 -24
- package/dist/es/lib.js.map +1 -1
- package/dist/esm/components/atoms/Amount/Amount.css +1 -0
- package/dist/esm/components/atoms/Input/Input.css +2 -0
- package/dist/esm/components/atoms/Input/Input.d.ts +2 -1
- package/dist/esm/components/atoms/Input/Input.js +4 -1
- package/dist/esm/components/atoms/Input/Input.js.map +1 -1
- package/dist/esm/components/atoms/InputMoney/InputMoney.d.ts +2 -1
- package/dist/esm/components/atoms/InputMoney/InputMoney.js +10 -2
- package/dist/esm/components/atoms/InputMoney/InputMoney.js.map +1 -1
- package/dist/esm/components/atoms/InputNumber/InputNumber.d.ts +2 -1
- package/dist/esm/components/atoms/InputNumber/InputNumber.js +10 -2
- package/dist/esm/components/atoms/InputNumber/InputNumber.js.map +1 -1
- package/dist/esm/components/atoms/InputPassword/InputPassword.d.ts +2 -1
- package/dist/esm/components/atoms/InputPassword/InputPassword.js +4 -1
- package/dist/esm/components/atoms/InputPassword/InputPassword.js.map +1 -1
- package/dist/esm/components/atoms/InputText/InputText.d.ts +2 -1
- package/dist/esm/components/atoms/InputText/InputText.js +10 -2
- package/dist/esm/components/atoms/InputText/InputText.js.map +1 -1
- package/dist/esm/components/organisms/AutocompleteField/AutocompleteField.d.ts +3 -2
- package/dist/esm/components/organisms/AutocompleteField/AutocompleteField.js +13 -8
- package/dist/esm/components/organisms/AutocompleteField/AutocompleteField.js.map +1 -1
- package/dist/esm/components/organisms/SelectField/SelectField.d.ts +2 -1
- package/dist/esm/components/organisms/SelectField/SelectField.js +13 -8
- package/dist/esm/components/organisms/SelectField/SelectField.js.map +1 -1
- package/package.json +1 -1
|
@@ -27,6 +27,7 @@
|
|
|
27
27
|
color: var(--pvt-component-font-color);
|
|
28
28
|
font-weight: var(--font-weight-medium);
|
|
29
29
|
font-size: var(--rls-input-font-size);
|
|
30
|
+
text-align: var(--rls-input-text-align);
|
|
30
31
|
letter-spacing: var(--rls-input-letter-spacing);
|
|
31
32
|
}
|
|
32
33
|
.rls-input__component::-webkit-outer-spin-button,
|
|
@@ -59,5 +60,6 @@
|
|
|
59
60
|
color: var(--pvt-value-font-color);
|
|
60
61
|
font-weight: var(--font-weight-medium);
|
|
61
62
|
font-size: var(--rls-input-font-size);
|
|
63
|
+
text-align: var(--rls-input-text-align);
|
|
62
64
|
letter-spacing: var(--rls-input-letter-spacing);
|
|
63
65
|
}
|
|
@@ -6,8 +6,9 @@ interface Input extends RlsComponent {
|
|
|
6
6
|
defaultValue?: any;
|
|
7
7
|
disabled?: boolean;
|
|
8
8
|
formControl?: ReactControl<HTMLInputElement>;
|
|
9
|
+
onValue?: (value: any) => void;
|
|
9
10
|
placeholder?: string;
|
|
10
11
|
type?: HTMLInputTypeAttribute;
|
|
11
12
|
}
|
|
12
|
-
export declare function RlsInput({ children, defaultValue, disabled, formControl, placeholder, type }: Input): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export declare function RlsInput({ children, defaultValue, disabled, formControl, onValue, placeholder, type }: Input): import("react/jsx-runtime").JSX.Element;
|
|
13
14
|
export {};
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { useState } from 'react';
|
|
3
3
|
import { renderClassStatus } from '../../../utils/css';
|
|
4
4
|
import './Input.css';
|
|
5
|
-
export function RlsInput({ children, defaultValue, disabled, formControl, placeholder, type }) {
|
|
5
|
+
export function RlsInput({ children, defaultValue, disabled, formControl, onValue, placeholder, type }) {
|
|
6
6
|
const [active, setActive] = useState(false);
|
|
7
7
|
function onChange(event) {
|
|
8
8
|
switch (type) {
|
|
@@ -16,6 +16,9 @@ export function RlsInput({ children, defaultValue, disabled, formControl, placeh
|
|
|
16
16
|
}
|
|
17
17
|
function setState(value) {
|
|
18
18
|
formControl?.setState(value);
|
|
19
|
+
if (onValue) {
|
|
20
|
+
onValue(value);
|
|
21
|
+
}
|
|
19
22
|
}
|
|
20
23
|
function onFocus() {
|
|
21
24
|
formControl?.setActive(true);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Input/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA0B,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,OAAO,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Input/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA0B,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,OAAO,aAAa,CAAC;AAWrB,MAAM,UAAU,QAAQ,CAAC,EACvB,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,OAAO,EACP,WAAW,EACX,IAAI,EACE;IACN,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,SAAS,QAAQ,CAAC,KAAU;QAC1B,QAAQ,IAAI,EAAE;YACZ,KAAK,QAAQ;gBACX,QAAQ,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gBAC9B,MAAM;YACR;gBACE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gBAC7B,MAAM;SACT;IACH,CAAC;IAED,SAAS,QAAQ,CAAC,KAAsB;QACtC,WAAW,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;QAE7B,IAAI,OAAO,EAAE;YACX,OAAO,CAAC,KAAK,CAAC,CAAC;SAChB;IACH,CAAC;IAED,SAAS,OAAO;QACd,WAAW,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;QAC7B,SAAS,CAAC,IAAI,CAAC,CAAC;IAClB,CAAC;IAED,SAAS,MAAM;QACb,WAAW,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;QAC5B,WAAW,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;QAC9B,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC;IAED,OAAO,CACL,eACE,SAAS,EAAE,iBAAiB,CAAC,WAAW,EAAE;YACxC,MAAM,EAAE,WAAW,EAAE,MAAM,IAAI,MAAM;YACrC,QAAQ;SACT,CAAC,aAEF,gBACE,GAAG,EAAE,WAAW,EAAE,UAAU,EAC5B,SAAS,EAAC,sBAAsB,EAChC,YAAY,EAAC,KAAK,EAClB,IAAI,EAAE,IAAI,IAAI,MAAM,EACpB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,WAAW,EAAE,KAAK,IAAI,YAAY,IAAI,EAAE,GAC/C,EACF,eAAM,SAAS,EAAC,kBAAkB,YAAE,QAAQ,GAAQ,IAChD,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -5,8 +5,9 @@ interface InputMoney {
|
|
|
5
5
|
defaultValue?: number;
|
|
6
6
|
disabled?: boolean;
|
|
7
7
|
formControl?: ReactControl<HTMLInputElement, number>;
|
|
8
|
+
onValue?: (value: number) => void;
|
|
8
9
|
placeholder?: string;
|
|
9
10
|
symbol?: string;
|
|
10
11
|
}
|
|
11
|
-
export declare function RlsInputMoney({ decimals, defaultValue, disabled, formControl, placeholder, symbol }: InputMoney): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export declare function RlsInputMoney({ decimals, defaultValue, disabled, formControl, onValue, placeholder, symbol }: InputMoney): import("react/jsx-runtime").JSX.Element;
|
|
12
13
|
export {};
|
|
@@ -3,13 +3,21 @@ import { useEffect, useState } from 'react';
|
|
|
3
3
|
import { RlsAmount } from '../Amount/Amount';
|
|
4
4
|
import { RlsInput } from '../Input/Input';
|
|
5
5
|
import './InputMoney.css';
|
|
6
|
-
export function RlsInputMoney({ decimals, defaultValue, disabled, formControl, placeholder, symbol }) {
|
|
6
|
+
export function RlsInputMoney({ decimals, defaultValue, disabled, formControl, onValue, placeholder, symbol }) {
|
|
7
7
|
const [value, setValue] = useState(defaultValue || 0);
|
|
8
8
|
useEffect(() => {
|
|
9
9
|
formControl?.subscribe((value) => {
|
|
10
10
|
setValue(value || 0);
|
|
11
11
|
});
|
|
12
12
|
}, []);
|
|
13
|
-
|
|
13
|
+
function onMoney(value) {
|
|
14
|
+
if (!formControl) {
|
|
15
|
+
setValue(value);
|
|
16
|
+
}
|
|
17
|
+
if (onValue) {
|
|
18
|
+
onValue(value);
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
return (_jsx("div", { className: "rls-input-money", children: _jsx(RlsInput, { formControl: formControl, type: "number", disabled: disabled, placeholder: placeholder, defaultValue: defaultValue, onValue: onMoney, children: _jsx(RlsAmount, { value: formControl?.state || value, symbol: symbol, decimals: decimals }) }) }));
|
|
14
22
|
}
|
|
15
23
|
//# sourceMappingURL=InputMoney.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputMoney.js","sourceRoot":"","sources":["../../../../../src/components/atoms/InputMoney/InputMoney.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"InputMoney.js","sourceRoot":"","sources":["../../../../../src/components/atoms/InputMoney/InputMoney.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,kBAAkB,CAAC;AAY1B,MAAM,UAAU,aAAa,CAAC,EAC5B,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,OAAO,EACP,WAAW,EACX,MAAM,EACK;IACX,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,IAAI,CAAC,CAAC,CAAC;IAEtD,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,EAAE,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE;YAC/B,QAAQ,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC;QACvB,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,OAAO,CAAC,KAAa;QAC5B,IAAI,CAAC,WAAW,EAAE;YAChB,QAAQ,CAAC,KAAK,CAAC,CAAC;SACjB;QAED,IAAI,OAAO,EAAE;YACX,OAAO,CAAC,KAAK,CAAC,CAAC;SAChB;IACH,CAAC;IAED,OAAO,CACL,cAAK,SAAS,EAAC,iBAAiB,YAC9B,KAAC,QAAQ,IACP,WAAW,EAAE,WAAW,EACxB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,YAEhB,KAAC,SAAS,IACR,KAAK,EAAE,WAAW,EAAE,KAAK,IAAI,KAAK,EAClC,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,GAClB,GACO,GACP,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -4,7 +4,8 @@ interface InputNumber {
|
|
|
4
4
|
disabled?: boolean;
|
|
5
5
|
defaultValue?: number;
|
|
6
6
|
formControl?: ReactControl<HTMLInputElement, number>;
|
|
7
|
+
onValue?: (value: number) => void;
|
|
7
8
|
placeholder?: string;
|
|
8
9
|
}
|
|
9
|
-
export declare function RlsInputNumber({ disabled, defaultValue, formControl, placeholder }: InputNumber): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export declare function RlsInputNumber({ disabled, defaultValue, formControl, onValue, placeholder }: InputNumber): import("react/jsx-runtime").JSX.Element;
|
|
10
11
|
export {};
|
|
@@ -2,13 +2,21 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { useEffect, useState } from 'react';
|
|
3
3
|
import { RlsInput } from '../Input/Input';
|
|
4
4
|
import './InputNumber.css';
|
|
5
|
-
export function RlsInputNumber({ disabled, defaultValue, formControl, placeholder }) {
|
|
5
|
+
export function RlsInputNumber({ disabled, defaultValue, formControl, onValue, placeholder }) {
|
|
6
6
|
const [value, setValue] = useState(defaultValue || 0);
|
|
7
7
|
useEffect(() => {
|
|
8
8
|
formControl?.subscribe((value) => {
|
|
9
9
|
setValue(value || 0);
|
|
10
10
|
});
|
|
11
11
|
}, []);
|
|
12
|
-
|
|
12
|
+
function onNumber(value) {
|
|
13
|
+
if (!formControl) {
|
|
14
|
+
setValue(value);
|
|
15
|
+
}
|
|
16
|
+
if (onValue) {
|
|
17
|
+
onValue(value);
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
return (_jsx("div", { className: "rls-input-number", children: _jsx(RlsInput, { formControl: formControl, type: "number", disabled: disabled, placeholder: placeholder, onValue: onNumber, children: formControl?.state || value }) }));
|
|
13
21
|
}
|
|
14
22
|
//# sourceMappingURL=InputNumber.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputNumber.js","sourceRoot":"","sources":["../../../../../src/components/atoms/InputNumber/InputNumber.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"InputNumber.js","sourceRoot":"","sources":["../../../../../src/components/atoms/InputNumber/InputNumber.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,mBAAmB,CAAC;AAU3B,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,OAAO,EACP,WAAW,EACC;IACZ,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,IAAI,CAAC,CAAC,CAAC;IAEtD,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,EAAE,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE;YAC/B,QAAQ,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC;QACvB,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,QAAQ,CAAC,KAAa;QAC7B,IAAI,CAAC,WAAW,EAAE;YAChB,QAAQ,CAAC,KAAK,CAAC,CAAC;SACjB;QAED,IAAI,OAAO,EAAE;YACX,OAAO,CAAC,KAAK,CAAC,CAAC;SAChB;IACH,CAAC;IAED,OAAO,CACL,cAAK,SAAS,EAAC,kBAAkB,YAC/B,KAAC,QAAQ,IACP,WAAW,EAAE,WAAW,EACxB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,QAAQ,YAEhB,WAAW,EAAE,KAAK,IAAI,KAAK,GACnB,GACP,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -5,8 +5,9 @@ type InputPasswordType = 'password' | 'text';
|
|
|
5
5
|
interface InputPassword extends RlsComponent {
|
|
6
6
|
disabled?: boolean;
|
|
7
7
|
formControl?: ReactControl<HTMLInputElement, string>;
|
|
8
|
+
onValue?: (value: string) => void;
|
|
8
9
|
placeholder?: string;
|
|
9
10
|
type?: InputPasswordType;
|
|
10
11
|
}
|
|
11
|
-
export declare function RlsInputPassword({ disabled, formControl, placeholder, type }: InputPassword): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export declare function RlsInputPassword({ disabled, formControl, onValue, placeholder, type }: InputPassword): import("react/jsx-runtime").JSX.Element;
|
|
12
13
|
export {};
|
|
@@ -2,10 +2,13 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { useState } from 'react';
|
|
3
3
|
import { renderClassStatus } from '../../../utils/css';
|
|
4
4
|
import './InputPassword.css';
|
|
5
|
-
export function RlsInputPassword({ disabled, formControl, placeholder, type }) {
|
|
5
|
+
export function RlsInputPassword({ disabled, formControl, onValue, placeholder, type }) {
|
|
6
6
|
const [active, setActive] = useState(false);
|
|
7
7
|
function onChange(event) {
|
|
8
8
|
formControl?.setState(event.target.value);
|
|
9
|
+
if (onValue) {
|
|
10
|
+
onValue(event.target.value);
|
|
11
|
+
}
|
|
9
12
|
}
|
|
10
13
|
function onFocus() {
|
|
11
14
|
setActive(true);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputPassword.js","sourceRoot":"","sources":["../../../../../src/components/atoms/InputPassword/InputPassword.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,OAAO,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"InputPassword.js","sourceRoot":"","sources":["../../../../../src/components/atoms/InputPassword/InputPassword.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,OAAO,qBAAqB,CAAC;AAY7B,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,WAAW,EACX,OAAO,EACP,WAAW,EACX,IAAI,EACU;IACd,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,SAAS,QAAQ,CAAC,KAAU;QAC1B,WAAW,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAE1C,IAAI,OAAO,EAAE;YACX,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;SAC7B;IACH,CAAC;IAED,SAAS,OAAO;QACd,SAAS,CAAC,IAAI,CAAC,CAAC;QAChB,WAAW,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC;IAED,SAAS,MAAM;QACb,SAAS,CAAC,KAAK,CAAC,CAAC;QACjB,WAAW,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;QAC9B,WAAW,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC;IAED,OAAO,CACL,cACE,SAAS,EAAE,iBAAiB,CAAC,oBAAoB,EAAE;YACjD,MAAM,EAAE,WAAW,EAAE,MAAM,IAAI,MAAM;YACrC,QAAQ;SACT,CAAC,YAEF,gBACE,SAAS,EAAC,+BAA+B,EACzC,YAAY,EAAC,KAAK,EAClB,IAAI,EAAE,IAAI,IAAI,UAAU,EACxB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,GAClB,GACE,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -4,7 +4,8 @@ interface InputText {
|
|
|
4
4
|
defaultValue?: string;
|
|
5
5
|
disabled?: boolean;
|
|
6
6
|
formControl?: ReactControl<HTMLInputElement, string>;
|
|
7
|
+
onValue?: (value: string) => void;
|
|
7
8
|
placeholder?: string;
|
|
8
9
|
}
|
|
9
|
-
export declare function RlsInputText({ defaultValue, disabled, formControl, placeholder }: InputText): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export declare function RlsInputText({ defaultValue, disabled, formControl, onValue, placeholder }: InputText): import("react/jsx-runtime").JSX.Element;
|
|
10
11
|
export {};
|
|
@@ -2,13 +2,21 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { useEffect, useState } from 'react';
|
|
3
3
|
import { RlsInput } from '../Input/Input';
|
|
4
4
|
import './InputText.css';
|
|
5
|
-
export function RlsInputText({ defaultValue, disabled, formControl, placeholder }) {
|
|
5
|
+
export function RlsInputText({ defaultValue, disabled, formControl, onValue, placeholder }) {
|
|
6
6
|
const [value, setValue] = useState(defaultValue || '');
|
|
7
7
|
useEffect(() => {
|
|
8
8
|
formControl?.subscribe((value) => {
|
|
9
9
|
setValue(value || '');
|
|
10
10
|
});
|
|
11
11
|
}, []);
|
|
12
|
-
|
|
12
|
+
function onText(value) {
|
|
13
|
+
if (!formControl) {
|
|
14
|
+
setValue(value);
|
|
15
|
+
}
|
|
16
|
+
if (onValue) {
|
|
17
|
+
onValue(value);
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
return (_jsx("div", { className: "rls-input-text", children: _jsx(RlsInput, { formControl: formControl, type: "text", disabled: disabled, placeholder: placeholder, onValue: onText, children: formControl?.state || value }) }));
|
|
13
21
|
}
|
|
14
22
|
//# sourceMappingURL=InputText.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputText.js","sourceRoot":"","sources":["../../../../../src/components/atoms/InputText/InputText.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"InputText.js","sourceRoot":"","sources":["../../../../../src/components/atoms/InputText/InputText.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,iBAAiB,CAAC;AAUzB,MAAM,UAAU,YAAY,CAAC,EAC3B,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,OAAO,EACP,WAAW,EACD;IACV,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,IAAI,EAAE,CAAC,CAAC;IAEvD,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,EAAE,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE;YAC/B,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;QACxB,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,MAAM,CAAC,KAAa;QAC3B,IAAI,CAAC,WAAW,EAAE;YAChB,QAAQ,CAAC,KAAK,CAAC,CAAC;SACjB;QAED,IAAI,OAAO,EAAE;YACX,OAAO,CAAC,KAAK,CAAC,CAAC;SAChB;IACH,CAAC;IAED,OAAO,CACL,cAAK,SAAS,EAAC,gBAAgB,YAC7B,KAAC,QAAQ,IACP,WAAW,EAAE,WAAW,EACxB,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,MAAM,YAEd,WAAW,EAAE,KAAK,IAAI,KAAK,GACnB,GACP,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -6,9 +6,10 @@ interface AutocompleteField<T = unknown> extends RlsComponent {
|
|
|
6
6
|
suggestions: ListFieldElement<T>[];
|
|
7
7
|
disabled?: boolean;
|
|
8
8
|
formControl?: ReactControl<HTMLElement>;
|
|
9
|
+
onSearch?: (pattern: string) => void;
|
|
10
|
+
onSelect?: (value: T) => void;
|
|
9
11
|
placeholder?: string;
|
|
10
12
|
searching?: boolean;
|
|
11
|
-
onSearch?: (pattern: string) => void;
|
|
12
13
|
}
|
|
13
|
-
export declare function RlsAutocompleteField<T = unknown>({ suggestions, children, disabled, formControl, placeholder, searching, rlsTheme
|
|
14
|
+
export declare function RlsAutocompleteField<T = unknown>({ suggestions, children, disabled, formControl, onSearch, onSelect, placeholder, searching, rlsTheme }: AutocompleteField<T>): import("react/jsx-runtime").JSX.Element;
|
|
14
15
|
export {};
|
|
@@ -8,7 +8,7 @@ import { RlsBallot } from '../../molecules';
|
|
|
8
8
|
import './AutocompleteField.css';
|
|
9
9
|
const DURATION_ANIMATION = 240;
|
|
10
10
|
const MAX_ELEMENTS = 6;
|
|
11
|
-
export function RlsAutocompleteField({ suggestions, children, disabled, formControl, placeholder, searching, rlsTheme
|
|
11
|
+
export function RlsAutocompleteField({ suggestions, children, disabled, formControl, onSearch, onSelect, placeholder, searching, rlsTheme }) {
|
|
12
12
|
const [pattern, setPattern] = useState('');
|
|
13
13
|
const [coincidences, setCoincidences] = useState([]);
|
|
14
14
|
const [store, setStore] = useState({
|
|
@@ -74,12 +74,12 @@ export function RlsAutocompleteField({ suggestions, children, disabled, formCont
|
|
|
74
74
|
function onClickBackdrop() {
|
|
75
75
|
setVisible(false);
|
|
76
76
|
}
|
|
77
|
-
function
|
|
77
|
+
function onClickItem(element) {
|
|
78
78
|
return () => {
|
|
79
79
|
onChange(element);
|
|
80
80
|
};
|
|
81
81
|
}
|
|
82
|
-
function
|
|
82
|
+
function onKeydownItem(element) {
|
|
83
83
|
return (event) => {
|
|
84
84
|
switch (event.code) {
|
|
85
85
|
case 'Enter':
|
|
@@ -94,11 +94,16 @@ export function RlsAutocompleteField({ suggestions, children, disabled, formCont
|
|
|
94
94
|
function onChange(element) {
|
|
95
95
|
const { description, value } = element;
|
|
96
96
|
setVisible(false);
|
|
97
|
-
if (
|
|
98
|
-
|
|
99
|
-
|
|
97
|
+
if (onSelect) {
|
|
98
|
+
onSelect(value);
|
|
99
|
+
}
|
|
100
|
+
else {
|
|
101
|
+
if (formControl) {
|
|
102
|
+
setChangeInternal(true);
|
|
103
|
+
formControl.setState(value);
|
|
104
|
+
}
|
|
105
|
+
setValue(description);
|
|
100
106
|
}
|
|
101
|
-
setValue(description);
|
|
102
107
|
}
|
|
103
108
|
function filterSuggestions(pattern, reboot = false) {
|
|
104
109
|
if (pattern) {
|
|
@@ -156,6 +161,6 @@ export function RlsAutocompleteField({ suggestions, children, disabled, formCont
|
|
|
156
161
|
setPattern(value);
|
|
157
162
|
}, disabled: disabled || searching, onFocus: onFocusInput, onBlur: onBlurInput, onKeyDown: onKeydownInput }), onSearch && (_jsx("button", { disabled: disabled || searching, onClick: () => {
|
|
158
163
|
onSearch(pattern);
|
|
159
|
-
}, children: _jsx(RlsIcon, { value: "search" }) }))] }), searching && _jsx(RlsProgressBar, { indeterminate: true }), coincidences.map((element, index) => (_jsx("li", { className: "rls-list-field__element", tabIndex: -1, onClick:
|
|
164
|
+
}, children: _jsx(RlsIcon, { value: "search" }) }))] }), searching && _jsx(RlsProgressBar, { indeterminate: true }), coincidences.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))), !coincidences.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 })] })] }));
|
|
160
165
|
}
|
|
161
166
|
//# sourceMappingURL=AutocompleteField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AutocompleteField.js","sourceRoot":"","sources":["../../../../../src/components/organisms/AutocompleteField/AutocompleteField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAIL,SAAS,EACT,QAAQ,EACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAgB,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAE9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAEtD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,yBAAyB,CAAC;AAEjC,MAAM,kBAAkB,GAAG,GAAG,CAAC;AAC/B,MAAM,YAAY,GAAG,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"AutocompleteField.js","sourceRoot":"","sources":["../../../../../src/components/organisms/AutocompleteField/AutocompleteField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,7 +7,8 @@ interface SelectField<T = unknown> extends RlsComponent {
|
|
|
7
7
|
children?: any;
|
|
8
8
|
disabled?: boolean;
|
|
9
9
|
formControl?: ReactControl<HTMLElement>;
|
|
10
|
+
onSelect?: (value: T) => void;
|
|
10
11
|
placeholder?: string;
|
|
11
12
|
}
|
|
12
|
-
export declare function RlsSelectField<T = unknown>({ suggestions, children, disabled, formControl, placeholder, rlsTheme }: SelectField<T>): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export declare function RlsSelectField<T = unknown>({ suggestions, children, disabled, formControl, onSelect, placeholder, rlsTheme }: SelectField<T>): import("react/jsx-runtime").JSX.Element;
|
|
13
14
|
export {};
|
|
@@ -5,7 +5,7 @@ import { renderClassStatus } from '../../../utils/css';
|
|
|
5
5
|
import { RlsIcon } from '../../atoms';
|
|
6
6
|
import { RlsBallot } from '../../molecules';
|
|
7
7
|
import './SelectField.css';
|
|
8
|
-
export function RlsSelectField({ suggestions, children, disabled, formControl, placeholder, rlsTheme }) {
|
|
8
|
+
export function RlsSelectField({ suggestions, children, disabled, formControl, onSelect, placeholder, rlsTheme }) {
|
|
9
9
|
const { active, boxContentRef, higher, inputRef, listRef, suggestionsField, value, visible, setActive, setValue, setVisible, navigationElement, navigationInput } = useListControl(suggestions);
|
|
10
10
|
const [changeInternal, setChangeInternal] = useState(false);
|
|
11
11
|
useEffect(() => {
|
|
@@ -54,12 +54,12 @@ export function RlsSelectField({ suggestions, children, disabled, formControl, p
|
|
|
54
54
|
function onClickBackdrop() {
|
|
55
55
|
setVisible(false);
|
|
56
56
|
}
|
|
57
|
-
function
|
|
57
|
+
function onClickItem(element) {
|
|
58
58
|
return () => {
|
|
59
59
|
onChange(element);
|
|
60
60
|
};
|
|
61
61
|
}
|
|
62
|
-
function
|
|
62
|
+
function onKeydownItem(element) {
|
|
63
63
|
return (event) => {
|
|
64
64
|
switch (event.code) {
|
|
65
65
|
case 'Enter':
|
|
@@ -74,17 +74,22 @@ export function RlsSelectField({ suggestions, children, disabled, formControl, p
|
|
|
74
74
|
function onChange({ description, value }) {
|
|
75
75
|
inputRef?.current?.focus();
|
|
76
76
|
setVisible(false);
|
|
77
|
-
if (
|
|
78
|
-
|
|
79
|
-
|
|
77
|
+
if (onSelect) {
|
|
78
|
+
onSelect(value);
|
|
79
|
+
}
|
|
80
|
+
else {
|
|
81
|
+
if (formControl) {
|
|
82
|
+
setChangeInternal(true);
|
|
83
|
+
formControl.setState(value);
|
|
84
|
+
}
|
|
85
|
+
setValue(description);
|
|
80
86
|
}
|
|
81
|
-
setValue(description);
|
|
82
87
|
}
|
|
83
88
|
return (_jsxs("div", { ref: boxContentRef, className: 'rls-select-field rls-list-field ' +
|
|
84
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', {
|
|
85
90
|
visible,
|
|
86
91
|
hide: !visible,
|
|
87
92
|
higher
|
|
88
|
-
}), 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:
|
|
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 })] })] }));
|
|
89
94
|
}
|
|
90
95
|
//# sourceMappingURL=SelectField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectField.js","sourceRoot":"","sources":["../../../../../src/components/organisms/SelectField/SelectField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAIL,SAAS,EACT,QAAQ,EACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAgB,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAE9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAEtC,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"SelectField.js","sourceRoot":"","sources":["../../../../../src/components/organisms/SelectField/SelectField.tsx"],"names":[],"mappings":"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"}
|