@rolster/react-components 19.1.7 → 19.1.9
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-BUZg9poi.css → index-CoA-HvvU.css} +30 -20
- package/dist/cjs/index.js +27 -27
- package/dist/cjs/index.js.map +1 -1
- package/dist/es/assets/{index-BUZg9poi.css → index-CoA-HvvU.css} +30 -20
- package/dist/es/index.js +27 -27
- package/dist/es/index.js.map +1 -1
- package/dist/esm/components/atoms/Amount/Amount.css +2 -0
- package/dist/esm/components/atoms/Amount/Amount.css.map +1 -1
- package/dist/esm/components/atoms/Badge/Badge.css +1 -1
- package/dist/esm/components/atoms/Badge/Badge.css.map +1 -1
- package/dist/esm/components/atoms/Input/Input.css +1 -1
- package/dist/esm/components/atoms/Input/Input.css.map +1 -1
- package/dist/esm/components/atoms/InputDecimal/InputDecimal.css +2 -4
- package/dist/esm/components/atoms/InputDecimal/InputDecimal.css.map +1 -1
- package/dist/esm/components/atoms/InputMoney/InputMoney.css +2 -4
- package/dist/esm/components/atoms/InputMoney/InputMoney.css.map +1 -1
- package/dist/esm/components/atoms/InputPassword/InputPassword.css +1 -1
- package/dist/esm/components/atoms/InputPassword/InputPassword.css.map +1 -1
- package/dist/esm/components/molecules/FieldDecimal/FieldDecimal.d.ts +2 -2
- package/dist/esm/components/molecules/FieldDecimal/FieldDecimal.js +4 -4
- package/dist/esm/components/molecules/FieldDecimal/FieldDecimal.js.map +1 -1
- package/dist/esm/components/molecules/FieldMoney/FieldMoney.d.ts +2 -2
- package/dist/esm/components/molecules/FieldMoney/FieldMoney.js +4 -4
- package/dist/esm/components/molecules/FieldMoney/FieldMoney.js.map +1 -1
- package/dist/esm/components/molecules/FieldNumber/FieldNumber.d.ts +2 -2
- package/dist/esm/components/molecules/FieldNumber/FieldNumber.js +4 -4
- package/dist/esm/components/molecules/FieldNumber/FieldNumber.js.map +1 -1
- package/dist/esm/components/molecules/FieldPassword/FieldPassword.d.ts +2 -2
- package/dist/esm/components/molecules/FieldPassword/FieldPassword.js +7 -7
- package/dist/esm/components/molecules/FieldPassword/FieldPassword.js.map +1 -1
- package/dist/esm/components/molecules/FieldPercentage/FieldPercentage.d.ts +2 -2
- package/dist/esm/components/molecules/FieldPercentage/FieldPercentage.js +4 -4
- package/dist/esm/components/molecules/FieldPercentage/FieldPercentage.js.map +1 -1
- package/dist/esm/components/molecules/FieldText/FieldText.d.ts +2 -2
- package/dist/esm/components/molecules/FieldText/FieldText.js +4 -4
- package/dist/esm/components/molecules/FieldText/FieldText.js.map +1 -1
- package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.css +5 -1
- package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.css.map +1 -1
- package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.css +5 -1
- package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.css.map +1 -1
- package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.css +6 -2
- package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.css.map +1 -1
- package/dist/esm/components/molecules/PickerDayRange/PickerDayRange.css +5 -5
- package/dist/esm/components/molecules/PickerDayRange/PickerDayRange.css.map +1 -1
- package/dist/esm/components/types.d.ts +2 -1
- package/dist/esm/context.js.map +1 -1
- package/dist/esm/index.d.ts +1 -1
- package/package.json +2 -2
|
@@ -11,7 +11,9 @@
|
|
|
11
11
|
);
|
|
12
12
|
display: flex;
|
|
13
13
|
width: var(--rlc-amount-width, auto);
|
|
14
|
+
height: var(--rlc-amount-height, auto);
|
|
14
15
|
justify-content: var(--rlc-amount-text-align, flex-start);
|
|
16
|
+
align-items: var(--rlc-amount-align-items, initial);
|
|
15
17
|
column-gap: var(--rls-sizing-x2);
|
|
16
18
|
font-size: var(--pvt-font-size);
|
|
17
19
|
font-weight: var(--pvt-font-weight);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Amount/Amount.scss"],"names":[],"mappings":"AAOA,YACE,sDACA,0DACA,0DACA,wDACA,yDAEA,mDACA,uDACA,yFAIA,aACA,oCACA,yDACA,gCACA,+BACA,mCACA,4CAEA,uBACE,iCAGF,oBACE,cACA,8CACA,yCAGF,qBACE,aACA,yDACA,kDAGF,qBACE,uFAIA,qFAIA","file":"Amount.css"}
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Amount/Amount.scss"],"names":[],"mappings":"AAOA,YACE,sDACA,0DACA,0DACA,wDACA,yDAEA,mDACA,uDACA,yFAIA,aACA,oCACA,sCACA,yDACA,mDACA,gCACA,+BACA,mCACA,4CAEA,uBACE,iCAGF,oBACE,cACA,8CACA,yCAGF,qBACE,aACA,yDACA,kDAGF,qBACE,uFAIA,qFAIA","file":"Amount.css"}
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
height: var(--pvt-dimension);
|
|
12
12
|
line-height: var(--pvt-dimension);
|
|
13
13
|
padding: var(--rlc-badge-padding, 0rem var(--rls-sizing-x2));
|
|
14
|
-
box-sizing: var(--rlc-badge-
|
|
14
|
+
box-sizing: var(--rlc-badge-box-sizing, border-box);
|
|
15
15
|
font-size: var(--rlc-badge-font-size, var(--rls-smalltext-font-size));
|
|
16
16
|
font-weight: var(--rlc-badge-font-weight, var(--rls-font-weight-regular));
|
|
17
17
|
text-align: center;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Badge/Badge.scss"],"names":[],"mappings":"AAOA,WACE,mEACA,2CACA,2CACA,oDACA,oDAEA,kBACA,qBACA,WACA,+BACA,4BACA,iCACA,4DACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Badge/Badge.scss"],"names":[],"mappings":"AAOA,WACE,mEACA,2CACA,2CACA,oDACA,oDAEA,kBACA,qBACA,WACA,+BACA,4BACA,iCACA,4DACA,mDACA,qEACA,yEACA,kBACA,oFAIA,4BACA,iCACA,sEAEA,qBACE,qCACA,0CAGF,sBACE,6CACA,6CACA,sDACA,sDAGF,gBACE,kBACA,uBACA","file":"Badge.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Input/Input.scss"],"names":[],"mappings":"AAOA,WACE,wEACA,wEAEA,yFAKA,6DACA,oDAEA,8CACA,uBACA,wCAEA,kBACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Input/Input.scss"],"names":[],"mappings":"AAOA,WACE,wEACA,wEAEA,yFAKA,6DACA,oDAEA,8CACA,uBACA,wCAEA,kBACA,mCAEA,oBACE,kDACA,oCAGF,qBACE,yBAGF,sBACE,kBACA,WACA,yBACA,8BACA,aACA,YACA,YACA,aACA,yBACA,sCACA,0CACA,+BACA,iCACA,yCAEA,kGAEE,YACA,wBAGF,mCACE,+BAGF,iCACE,sCACA,+BAGF,gCACE,oBAGF,+BACE,WAIJ,kBACE,kBACA,SACA,UACA,WACA,yBACA,8BACA,yBACA,oBACA,gBACA,mBACA,iCACA,kCACA,0CACA,+BACA,iCACA","file":"Input.css"}
|
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
.rls-input-decimal {
|
|
2
|
+
--rlc-amount-height: inherit;
|
|
3
|
+
--rlc-amount-align-items: center;
|
|
2
4
|
--rlc-tabular-text-font-size: var(--rls-input-font-size);
|
|
3
5
|
--rlc-tabular-text-char-width: 5.25rem;
|
|
4
6
|
position: relative;
|
|
5
7
|
width: 100%;
|
|
6
8
|
box-sizing: border-box;
|
|
7
|
-
}
|
|
8
|
-
.rls-input-decimal .rls-amount {
|
|
9
|
-
height: inherit;
|
|
10
|
-
align-items: center;
|
|
11
9
|
} /*# sourceMappingURL=InputDecimal.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/InputDecimal/InputDecimal.scss"],"names":[],"mappings":"AAOA,mBACE,yDACA,uCAEA,kBACA,WACA
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/InputDecimal/InputDecimal.scss"],"names":[],"mappings":"AAOA,mBACE,6BACA,iCACA,yDACA,uCAEA,kBACA,WACA","file":"InputDecimal.css"}
|
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
.rls-input-money {
|
|
2
|
+
--rlc-amount-height: inherit;
|
|
3
|
+
--rlc-amount-align-items: center;
|
|
2
4
|
--rlc-tabular-text-font-size: var(--rls-input-font-size);
|
|
3
5
|
--rlc-tabular-text-char-width: 5.25rem;
|
|
4
6
|
position: relative;
|
|
5
7
|
width: 100%;
|
|
6
8
|
box-sizing: border-box;
|
|
7
|
-
}
|
|
8
|
-
.rls-input-money .rls-amount {
|
|
9
|
-
height: inherit;
|
|
10
|
-
align-items: center;
|
|
11
9
|
} /*# sourceMappingURL=InputMoney.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/InputMoney/InputMoney.scss"],"names":[],"mappings":"AAOA,iBACE,yDACA,uCAEA,kBACA,WACA
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/InputMoney/InputMoney.scss"],"names":[],"mappings":"AAOA,iBACE,6BACA,iCACA,yDACA,uCAEA,kBACA,WACA","file":"InputMoney.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/InputPassword/InputPassword.scss"],"names":[],"mappings":"AAOA,oBACE,kBACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/InputPassword/InputPassword.scss"],"names":[],"mappings":"AAOA,oBACE,kBACA,4CACA,sBAEA,+BACE,kBACA,WACA,WACA,6BACA,kCACA,aACA,YACA,YACA,aACA,yBACA,kCACA,0CACA,qCACA,+CAEA,oHAEE,YACA,wBAGF,4CACE,+BAGF,0CACE,sCACA,+BAGF,wCACE","file":"InputPassword.css"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { BigDecimal } from '@rolster/commons';
|
|
2
|
-
import {
|
|
2
|
+
import { FieldProps } from '../../types';
|
|
3
3
|
import './FieldDecimal.css';
|
|
4
|
-
interface FieldDecimalProps extends
|
|
4
|
+
interface FieldDecimalProps extends FieldProps<BigDecimal> {
|
|
5
5
|
decimals?: number;
|
|
6
6
|
symbol?: string;
|
|
7
7
|
}
|
|
@@ -5,18 +5,18 @@ import { RlsInputDecimal } from '../../atoms/InputDecimal/InputDecimal';
|
|
|
5
5
|
import { RlsMessageFormError } from '../MessageFormError/MessageFormError';
|
|
6
6
|
import './FieldDecimal.css';
|
|
7
7
|
export function RlsFieldDecimal(props) {
|
|
8
|
-
const { children, formControl, identifier,
|
|
8
|
+
const { children, formControl, identifier, rlsTheme } = props;
|
|
9
9
|
const disabled = useMemo(() => {
|
|
10
10
|
return formControl?.disabled || props.disabled;
|
|
11
11
|
}, [formControl?.disabled, props.disabled]);
|
|
12
12
|
const className = useMemo(() => {
|
|
13
13
|
return renderClassStatus('rls-field-box', {
|
|
14
|
-
focused: formControl?.focused && !disabled,
|
|
15
|
-
error: formControl?.wrong,
|
|
16
14
|
disabled,
|
|
15
|
+
error: formControl?.wrong,
|
|
16
|
+
focused: formControl?.focused && !disabled,
|
|
17
17
|
readonly: props.readOnly
|
|
18
18
|
}, 'rls-field-decimal');
|
|
19
19
|
}, [formControl?.focused, formControl?.wrong, props.readOnly, disabled]);
|
|
20
|
-
return (_jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [children && _jsx("span", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsx("div", { className: "rls-field-box__body", children: _jsx(RlsInputDecimal, { ...props }) }) }), !msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }));
|
|
20
|
+
return (_jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [children && _jsx("span", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsx("div", { className: "rls-field-box__body", children: _jsx(RlsInputDecimal, { ...props }) }) }), !props.msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }));
|
|
21
21
|
}
|
|
22
22
|
//# sourceMappingURL=FieldDecimal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldDecimal.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldDecimal/FieldDecimal.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAExE,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,oBAAoB,CAAC;AAO5B,MAAM,UAAU,eAAe,CAAC,KAAwB;IACtD,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,
|
|
1
|
+
{"version":3,"file":"FieldDecimal.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldDecimal/FieldDecimal.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAExE,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,oBAAoB,CAAC;AAO5B,MAAM,UAAU,eAAe,CAAC,KAAwB;IACtD,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE9D,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,OAAO,WAAW,EAAE,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC;IACjD,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE5C,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CACtB,eAAe,EACf;YACE,QAAQ;YACR,KAAK,EAAE,WAAW,EAAE,KAAK;YACzB,OAAO,EAAE,WAAW,EAAE,OAAO,IAAI,CAAC,QAAQ;YAC1C,QAAQ,EAAE,KAAK,CAAC,QAAQ;SACzB,EACD,mBAAmB,CACpB,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzE,OAAO,CACL,eAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC3D,QAAQ,IAAI,eAAM,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAQ,EAErE,cAAK,SAAS,EAAC,0BAA0B,YACvC,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,eAAe,OAAK,KAAK,GAAI,GAC1B,GACF,EAEL,CAAC,KAAK,CAAC,gBAAgB,IAAI,CAC1B,KAAC,mBAAmB,IAClB,SAAS,EAAC,sBAAsB,EAChC,WAAW,EAAE,WAAW,GACxB,CACH,IACG,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { FieldProps } from '../../types';
|
|
2
2
|
import './FieldMoney.css';
|
|
3
|
-
interface FieldMoneyProps extends
|
|
3
|
+
interface FieldMoneyProps extends FieldProps<number> {
|
|
4
4
|
decimals?: number;
|
|
5
5
|
symbol?: string;
|
|
6
6
|
}
|
|
@@ -5,18 +5,18 @@ import { RlsInputMoney } from '../../atoms/InputMoney/InputMoney';
|
|
|
5
5
|
import { RlsMessageFormError } from '../MessageFormError/MessageFormError';
|
|
6
6
|
import './FieldMoney.css';
|
|
7
7
|
export function RlsFieldMoney(props) {
|
|
8
|
-
const { children, formControl, identifier,
|
|
8
|
+
const { children, formControl, identifier, rlsTheme } = props;
|
|
9
9
|
const disabled = useMemo(() => {
|
|
10
10
|
return formControl?.disabled || props.disabled;
|
|
11
11
|
}, [formControl?.disabled, props.disabled]);
|
|
12
12
|
const className = useMemo(() => {
|
|
13
13
|
return renderClassStatus('rls-field-box', {
|
|
14
|
-
focused: formControl?.focused && !disabled,
|
|
15
|
-
error: formControl?.wrong,
|
|
16
14
|
disabled,
|
|
15
|
+
error: formControl?.wrong,
|
|
16
|
+
focused: formControl?.focused && !disabled,
|
|
17
17
|
readonly: props.readOnly
|
|
18
18
|
}, 'rls-field-money');
|
|
19
19
|
}, [formControl?.focused, formControl?.wrong, props.readOnly, disabled]);
|
|
20
|
-
return (_jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [children && _jsx("span", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsx("div", { className: "rls-field-box__body", children: _jsx(RlsInputMoney, { ...props }) }) }), !msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }));
|
|
20
|
+
return (_jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [children && _jsx("span", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsx("div", { className: "rls-field-box__body", children: _jsx(RlsInputMoney, { ...props }) }) }), !props.msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }));
|
|
21
21
|
}
|
|
22
22
|
//# sourceMappingURL=FieldMoney.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldMoney.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldMoney/FieldMoney.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAElE,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,kBAAkB,CAAC;AAO1B,MAAM,UAAU,aAAa,CAAC,KAAsB;IAClD,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,
|
|
1
|
+
{"version":3,"file":"FieldMoney.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldMoney/FieldMoney.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAElE,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,kBAAkB,CAAC;AAO1B,MAAM,UAAU,aAAa,CAAC,KAAsB;IAClD,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE9D,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,OAAO,WAAW,EAAE,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC;IACjD,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE5C,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CACtB,eAAe,EACf;YACE,QAAQ;YACR,KAAK,EAAE,WAAW,EAAE,KAAK;YACzB,OAAO,EAAE,WAAW,EAAE,OAAO,IAAI,CAAC,QAAQ;YAC1C,QAAQ,EAAE,KAAK,CAAC,QAAQ;SACzB,EACD,iBAAiB,CAClB,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzE,OAAO,CACL,eAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC3D,QAAQ,IAAI,eAAM,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAQ,EAErE,cAAK,SAAS,EAAC,0BAA0B,YACvC,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,aAAa,OAAK,KAAK,GAAI,GACxB,GACF,EAEL,CAAC,KAAK,CAAC,gBAAgB,IAAI,CAC1B,KAAC,mBAAmB,IAClB,SAAS,EAAC,sBAAsB,EAChC,WAAW,EAAE,WAAW,GACxB,CACH,IACG,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { FieldProps } from '../../types';
|
|
2
2
|
import './FieldNumber.css';
|
|
3
|
-
interface FieldNumberProps extends
|
|
3
|
+
interface FieldNumberProps extends FieldProps<number> {
|
|
4
4
|
decimals?: number;
|
|
5
5
|
}
|
|
6
6
|
export declare function RlsFieldNumber(props: FieldNumberProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -5,18 +5,18 @@ import { RlsInputNumber } from '../../atoms/InputNumber/InputNumber';
|
|
|
5
5
|
import { RlsMessageFormError } from '../MessageFormError/MessageFormError';
|
|
6
6
|
import './FieldNumber.css';
|
|
7
7
|
export function RlsFieldNumber(props) {
|
|
8
|
-
const { children, formControl, identifier,
|
|
8
|
+
const { children, formControl, identifier, rlsTheme } = props;
|
|
9
9
|
const disabled = useMemo(() => {
|
|
10
10
|
return formControl?.disabled || props.disabled;
|
|
11
11
|
}, [formControl?.disabled, props.disabled]);
|
|
12
12
|
const className = useMemo(() => {
|
|
13
13
|
return renderClassStatus('rls-field-box', {
|
|
14
|
-
focused: formControl?.focused && !disabled,
|
|
15
|
-
error: formControl?.wrong,
|
|
16
14
|
disabled,
|
|
15
|
+
error: formControl?.wrong,
|
|
16
|
+
focused: formControl?.focused && !disabled,
|
|
17
17
|
readonly: props.readOnly
|
|
18
18
|
}, 'rls-field-number');
|
|
19
19
|
}, [formControl?.focused, formControl?.wrong, props.readOnly, disabled]);
|
|
20
|
-
return (_jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [children && _jsx("span", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsx("div", { className: "rls-field-box__body", children: _jsx(RlsInputNumber, { ...props }) }) }), !msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }));
|
|
20
|
+
return (_jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [children && _jsx("span", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsx("div", { className: "rls-field-box__body", children: _jsx(RlsInputNumber, { ...props }) }) }), !props.msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }));
|
|
21
21
|
}
|
|
22
22
|
//# sourceMappingURL=FieldNumber.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldNumber.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldNumber/FieldNumber.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAErE,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,mBAAmB,CAAC;AAM3B,MAAM,UAAU,cAAc,CAAC,KAAuB;IACpD,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,
|
|
1
|
+
{"version":3,"file":"FieldNumber.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldNumber/FieldNumber.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAErE,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,mBAAmB,CAAC;AAM3B,MAAM,UAAU,cAAc,CAAC,KAAuB;IACpD,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE9D,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,OAAO,WAAW,EAAE,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC;IACjD,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE5C,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CACtB,eAAe,EACf;YACE,QAAQ;YACR,KAAK,EAAE,WAAW,EAAE,KAAK;YACzB,OAAO,EAAE,WAAW,EAAE,OAAO,IAAI,CAAC,QAAQ;YAC1C,QAAQ,EAAE,KAAK,CAAC,QAAQ;SACzB,EACD,kBAAkB,CACnB,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzE,OAAO,CACL,eAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC3D,QAAQ,IAAI,eAAM,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAQ,EAErE,cAAK,SAAS,EAAC,0BAA0B,YACvC,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,cAAc,OAAK,KAAK,GAAI,GACzB,GACF,EAEL,CAAC,KAAK,CAAC,gBAAgB,IAAI,CAC1B,KAAC,mBAAmB,IAClB,SAAS,EAAC,sBAAsB,EAChC,WAAW,EAAE,WAAW,GACxB,CACH,IACG,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { FieldProps } from '../../types';
|
|
2
2
|
import './FieldPassword.css';
|
|
3
|
-
export declare function RlsFieldPassword(props:
|
|
3
|
+
export declare function RlsFieldPassword(props: FieldProps<string>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -6,22 +6,22 @@ import { RlsInputPassword } from '../../atoms/InputPassword/InputPassword';
|
|
|
6
6
|
import { RlsMessageFormError } from '../MessageFormError/MessageFormError';
|
|
7
7
|
import './FieldPassword.css';
|
|
8
8
|
export function RlsFieldPassword(props) {
|
|
9
|
-
const { children, formControl, identifier,
|
|
10
|
-
const [
|
|
9
|
+
const { children, formControl, identifier, rlsTheme } = props;
|
|
10
|
+
const [passwordIsActive, setPasswordIsActive] = useState(true);
|
|
11
11
|
const disabled = useMemo(() => {
|
|
12
12
|
return formControl?.disabled || props.disabled;
|
|
13
13
|
}, [formControl?.disabled, props.disabled]);
|
|
14
14
|
const className = useMemo(() => {
|
|
15
15
|
return renderClassStatus('rls-field-box', {
|
|
16
|
-
focused: formControl?.focused && !disabled,
|
|
17
|
-
error: formControl?.wrong,
|
|
18
16
|
disabled,
|
|
17
|
+
error: formControl?.wrong,
|
|
18
|
+
focused: formControl?.focused && !disabled,
|
|
19
19
|
readonly: props.readOnly
|
|
20
20
|
}, 'rls-field-password');
|
|
21
21
|
}, [formControl?.focused, formControl?.wrong, props.readOnly, disabled]);
|
|
22
|
-
const
|
|
23
|
-
|
|
22
|
+
const onTogglePassword = useCallback(() => {
|
|
23
|
+
setPasswordIsActive((password) => !password);
|
|
24
24
|
}, []);
|
|
25
|
-
return (_jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [children && _jsx("span", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsxs("div", { className: "rls-field-box__body", children: [_jsx(RlsInputPassword, { ...props, type:
|
|
25
|
+
return (_jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [children && _jsx("span", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsxs("div", { className: "rls-field-box__body", children: [_jsx(RlsInputPassword, { ...props, type: passwordIsActive ? 'password' : 'text' }), _jsx(RlsButtonAction, { icon: passwordIsActive ? 'eye' : 'eye-off', onClick: onTogglePassword })] }) }), !props.msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }));
|
|
26
26
|
}
|
|
27
27
|
//# sourceMappingURL=FieldPassword.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldPassword.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldPassword/FieldPassword.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAE3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,qBAAqB,CAAC;AAE7B,MAAM,UAAU,gBAAgB,CAAC,
|
|
1
|
+
{"version":3,"file":"FieldPassword.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldPassword/FieldPassword.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAE3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,qBAAqB,CAAC;AAE7B,MAAM,UAAU,gBAAgB,CAAC,KAAyB;IACxD,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE9D,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE/D,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,OAAO,WAAW,EAAE,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC;IACjD,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE5C,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CACtB,eAAe,EACf;YACE,QAAQ;YACR,KAAK,EAAE,WAAW,EAAE,KAAK;YACzB,OAAO,EAAE,WAAW,EAAE,OAAO,IAAI,CAAC,QAAQ;YAC1C,QAAQ,EAAE,KAAK,CAAC,QAAQ;SACzB,EACD,oBAAoB,CACrB,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzE,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,mBAAmB,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC/C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,eAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC3D,QAAQ,IAAI,eAAM,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAQ,EAErE,cAAK,SAAS,EAAC,0BAA0B,YACvC,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,gBAAgB,OACX,KAAK,EACT,IAAI,EAAE,gBAAgB,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,GAC5C,EAEF,KAAC,eAAe,IACd,IAAI,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAC1C,OAAO,EAAE,gBAAgB,GACzB,IACE,GACF,EAEL,CAAC,KAAK,CAAC,gBAAgB,IAAI,CAC1B,KAAC,mBAAmB,IAClB,SAAS,EAAC,sBAAsB,EAChC,WAAW,EAAE,WAAW,GACxB,CACH,IACG,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { FieldProps } from '../../types';
|
|
2
2
|
import './FieldPercentage.css';
|
|
3
|
-
interface FieldPercentageProps extends
|
|
3
|
+
interface FieldPercentageProps extends FieldProps<number> {
|
|
4
4
|
decimals?: number;
|
|
5
5
|
}
|
|
6
6
|
export declare function RlsFieldPercentage(props: FieldPercentageProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -5,18 +5,18 @@ import { RlsInputPercentage } from '../../atoms/InputPercentage/InputPercentage'
|
|
|
5
5
|
import { RlsMessageFormError } from '../MessageFormError/MessageFormError';
|
|
6
6
|
import './FieldPercentage.css';
|
|
7
7
|
export function RlsFieldPercentage(props) {
|
|
8
|
-
const { children, formControl, identifier,
|
|
8
|
+
const { children, formControl, identifier, rlsTheme } = props;
|
|
9
9
|
const disabled = useMemo(() => {
|
|
10
10
|
return formControl?.disabled || props.disabled;
|
|
11
11
|
}, [formControl?.disabled, props.disabled]);
|
|
12
12
|
const className = useMemo(() => {
|
|
13
13
|
return renderClassStatus('rls-field-box', {
|
|
14
|
-
focused: formControl?.focused && !disabled,
|
|
15
|
-
error: formControl?.wrong,
|
|
16
14
|
disabled,
|
|
15
|
+
error: formControl?.wrong,
|
|
16
|
+
focused: formControl?.focused && !disabled,
|
|
17
17
|
readonly: props.readOnly
|
|
18
18
|
}, 'rls-field-percentage');
|
|
19
19
|
}, [formControl?.focused, formControl?.wrong, props.readOnly, disabled]);
|
|
20
|
-
return (_jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [children && _jsx("span", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsx("div", { className: "rls-field-box__body", children: _jsx(RlsInputPercentage, { ...props }) }) }), !msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }));
|
|
20
|
+
return (_jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [children && _jsx("span", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsx("div", { className: "rls-field-box__body", children: _jsx(RlsInputPercentage, { ...props }) }) }), !props.msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }));
|
|
21
21
|
}
|
|
22
22
|
//# sourceMappingURL=FieldPercentage.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldPercentage.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldPercentage/FieldPercentage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,6CAA6C,CAAC;AAEjF,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,uBAAuB,CAAC;AAM/B,MAAM,UAAU,kBAAkB,CAAC,KAA2B;IAC5D,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,
|
|
1
|
+
{"version":3,"file":"FieldPercentage.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldPercentage/FieldPercentage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,6CAA6C,CAAC;AAEjF,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,uBAAuB,CAAC;AAM/B,MAAM,UAAU,kBAAkB,CAAC,KAA2B;IAC5D,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE9D,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,OAAO,WAAW,EAAE,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC;IACjD,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE5C,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CACtB,eAAe,EACf;YACE,QAAQ;YACR,KAAK,EAAE,WAAW,EAAE,KAAK;YACzB,OAAO,EAAE,WAAW,EAAE,OAAO,IAAI,CAAC,QAAQ;YAC1C,QAAQ,EAAE,KAAK,CAAC,QAAQ;SACzB,EACD,sBAAsB,CACvB,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzE,OAAO,CACL,eAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC3D,QAAQ,IAAI,eAAM,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAQ,EAErE,cAAK,SAAS,EAAC,0BAA0B,YACvC,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,kBAAkB,OAAK,KAAK,GAAI,GAC7B,GACF,EAEL,CAAC,KAAK,CAAC,gBAAgB,IAAI,CAC1B,KAAC,mBAAmB,IAClB,SAAS,EAAC,sBAAsB,EAChC,WAAW,EAAE,WAAW,GACxB,CACH,IACG,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { FieldProps } from '../../types';
|
|
2
2
|
import './FieldText.css';
|
|
3
|
-
export declare function RlsFieldText(props:
|
|
3
|
+
export declare function RlsFieldText(props: FieldProps<string>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -5,18 +5,18 @@ import { RlsInputText } from '../../atoms/InputText/InputText';
|
|
|
5
5
|
import { RlsMessageFormError } from '../MessageFormError/MessageFormError';
|
|
6
6
|
import './FieldText.css';
|
|
7
7
|
export function RlsFieldText(props) {
|
|
8
|
-
const { children, formControl, identifier,
|
|
8
|
+
const { children, formControl, identifier, rlsTheme } = props;
|
|
9
9
|
const disabled = useMemo(() => {
|
|
10
10
|
return formControl?.disabled || props.disabled;
|
|
11
11
|
}, [formControl?.disabled, props.disabled]);
|
|
12
12
|
const className = useMemo(() => {
|
|
13
13
|
return renderClassStatus('rls-field-box', {
|
|
14
|
-
focused: formControl?.focused && !disabled,
|
|
15
|
-
error: formControl?.wrong,
|
|
16
14
|
disabled,
|
|
15
|
+
error: formControl?.wrong,
|
|
16
|
+
focused: formControl?.focused && !disabled,
|
|
17
17
|
readonly: props.readOnly
|
|
18
18
|
}, 'rls-field-text');
|
|
19
19
|
}, [formControl?.focused, formControl?.wrong, props.readOnly, disabled]);
|
|
20
|
-
return (_jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [children && _jsx("span", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsx("div", { className: "rls-field-box__body", children: _jsx(RlsInputText, { ...props }) }) }), !msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }));
|
|
20
|
+
return (_jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [children && _jsx("span", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsx("div", { className: "rls-field-box__body", children: _jsx(RlsInputText, { ...props }) }) }), !props.msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }));
|
|
21
21
|
}
|
|
22
22
|
//# sourceMappingURL=FieldText.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldText.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldText/FieldText.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAE/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,iBAAiB,CAAC;AAEzB,MAAM,UAAU,YAAY,CAAC,
|
|
1
|
+
{"version":3,"file":"FieldText.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldText/FieldText.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAE/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,iBAAiB,CAAC;AAEzB,MAAM,UAAU,YAAY,CAAC,KAAyB;IACpD,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE9D,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,OAAO,WAAW,EAAE,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC;IACjD,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE5C,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CACtB,eAAe,EACf;YACE,QAAQ;YACR,KAAK,EAAE,WAAW,EAAE,KAAK;YACzB,OAAO,EAAE,WAAW,EAAE,OAAO,IAAI,CAAC,QAAQ;YAC1C,QAAQ,EAAE,KAAK,CAAC,QAAQ;SACzB,EACD,gBAAgB,CACjB,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzE,OAAO,CACL,eAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC3D,QAAQ,IAAI,eAAM,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAQ,EAErE,cAAK,SAAS,EAAC,0BAA0B,YACvC,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,YAAY,OAAK,KAAK,GAAI,GACvB,GACF,EAEL,CAAC,KAAK,CAAC,gBAAgB,IAAI,CAC1B,KAAC,mBAAmB,IAClB,SAAS,EAAC,sBAAsB,EAChC,WAAW,EAAE,WAAW,GACxB,CACH,IACG,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
.rls-label-checkbox {
|
|
2
2
|
--pvt-dimension: var(--rlc-label-checkbox-dimension, var(--rls-sizing-x12));
|
|
3
|
+
--pvt-label-font-size: var(
|
|
4
|
+
--rlc-label-checkbox-font-size,
|
|
5
|
+
var(--rls-label-font-size)
|
|
6
|
+
);
|
|
3
7
|
--rlc-checkbox-dimension: var(--pvt-dimension);
|
|
4
8
|
--rlc-checkbox-cursor: pointer;
|
|
5
9
|
--rlc-ballot-padding: 0rem;
|
|
@@ -31,7 +35,7 @@
|
|
|
31
35
|
}
|
|
32
36
|
.rls-label-checkbox__text {
|
|
33
37
|
flex: 1 1 auto;
|
|
34
|
-
font-size: var(--
|
|
38
|
+
font-size: var(--pvt-label-font-size);
|
|
35
39
|
font-weight: var(--rls-font-weight-medium);
|
|
36
40
|
letter-spacing: var(--rls-label-letter-spacing);
|
|
37
41
|
line-height: var(--pvt-text-height);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/LabelCheckBox/LabelCheckBox.scss"],"names":[],"mappings":"AAOA,oBACE,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/LabelCheckBox/LabelCheckBox.scss"],"names":[],"mappings":"AAOA,oBACE,4EACA,yFAKA,+CACA,+BACA,2BAEA,sBACA,yCACA,4BACA,+BACA,mCAEA,aACA,gCACA,mBAEA,8BACE,wBAEA,oBAGF,6BACE,2BAGF,8BACE,kCACA,6BACA,gCACA,wBAGF,+BACE,2BACA,cAGF,0BACE,cACA,qCACA,0CACA,+CACA,mCACA,qEACA,iBACA,gCACA,gBAEA,4BACE,eACA,iBACA,sBACA","file":"LabelCheckBox.css"}
|
|
@@ -3,6 +3,10 @@
|
|
|
3
3
|
--rlc-label-radiobutton-dimension,
|
|
4
4
|
var(--rls-sizing-x12)
|
|
5
5
|
);
|
|
6
|
+
--pvt-label-font-size: var(
|
|
7
|
+
--rlc-label-radiobutton-font-size,
|
|
8
|
+
var(--rls-label-font-size)
|
|
9
|
+
);
|
|
6
10
|
--rlc-radiobutton-dimension: var(--pvt-dimension);
|
|
7
11
|
--rlc-radiobutton-cursor: pointer;
|
|
8
12
|
--rlc-ballot-padding: 0rem;
|
|
@@ -34,7 +38,7 @@
|
|
|
34
38
|
}
|
|
35
39
|
.rls-label-radiobutton__text {
|
|
36
40
|
flex: 1 1 auto;
|
|
37
|
-
font-size: var(--
|
|
41
|
+
font-size: var(--pvt-label-font-size);
|
|
38
42
|
font-weight: var(--rls-font-weight-medium);
|
|
39
43
|
letter-spacing: var(--rls-label-letter-spacing);
|
|
40
44
|
line-height: var(--pvt-text-height);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/LabelRadioButton/LabelRadioButton.scss"],"names":[],"mappings":"AAOA,uBACE,iFAKA,kDACA,kCACA,2BAEA,sBACA,yCACA,4BACA,+BACA,mCAEA,aACA,gCACA,mBAEA,iCACE,wBAEA,oBAGF,gCACE,2BAGF,iCACE,kCACA,6BACA,gCACA,wBAGF,kCACE,2BACA,cAGF,6BACE,cACA,qCACA,0CACA,+CACA,mCACA,wEACA,iBACA,gCACA,gBAEA,+BACE,eACA,iBACA,sBACA","file":"LabelRadioButton.css"}
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/LabelRadioButton/LabelRadioButton.scss"],"names":[],"mappings":"AAOA,uBACE,iFAKA,4FAKA,kDACA,kCACA,2BAEA,sBACA,yCACA,4BACA,+BACA,mCAEA,aACA,gCACA,mBAEA,iCACE,wBAEA,oBAGF,gCACE,2BAGF,iCACE,kCACA,6BACA,gCACA,wBAGF,kCACE,2BACA,cAGF,6BACE,cACA,qCACA,0CACA,+CACA,mCACA,wEACA,iBACA,gCACA,gBAEA,+BACE,eACA,iBACA,sBACA","file":"LabelRadioButton.css"}
|
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
.rls-label-switch {
|
|
2
2
|
--rlc-switch-cursor: pointer;
|
|
3
3
|
--rlc-ballot-padding: 0rem;
|
|
4
|
+
--pvt-label-font-size: var(
|
|
5
|
+
--rlc-label-switch-font-size,
|
|
6
|
+
var(--rls-label-font-size)
|
|
7
|
+
);
|
|
4
8
|
--pvt-text-opacity: 1;
|
|
5
9
|
--pvt-text-height: var(--rls-sizing-x12);
|
|
6
10
|
--pvt-text-overflow: hidden;
|
|
@@ -24,12 +28,12 @@
|
|
|
24
28
|
--pvt-text-height: auto;
|
|
25
29
|
}
|
|
26
30
|
.rls-label-switch__component {
|
|
27
|
-
width:
|
|
31
|
+
width: var(--rlc-switch-max-width, var(--rls-sizing-x20));
|
|
28
32
|
flex: 0 0 auto;
|
|
29
33
|
}
|
|
30
34
|
.rls-label-switch__text {
|
|
31
35
|
flex: 1 1 auto;
|
|
32
|
-
font-size: var(--
|
|
36
|
+
font-size: var(--pvt-label-font-size);
|
|
33
37
|
font-weight: var(--rls-font-weight-medium);
|
|
34
38
|
letter-spacing: var(--rls-label-letter-spacing);
|
|
35
39
|
line-height: var(--pvt-text-height);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/LabelSwitch/LabelSwitch.scss"],"names":[],"mappings":"AAOA,kBACE,6BACA,2BAEA,sBACA,yCACA,4BACA,+BACA,mCAEA,aACA,gCACA,mBAEA,4BACE,wBAEA,oBAGF,2BACE,2BAGF,4BACE,kCACA,6BACA,gCACA,wBAGF,6BACE,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/LabelSwitch/LabelSwitch.scss"],"names":[],"mappings":"AAOA,kBACE,6BACA,2BAEA,uFAKA,sBACA,yCACA,4BACA,+BACA,mCAEA,aACA,gCACA,mBAEA,4BACE,wBAEA,oBAGF,2BACE,2BAGF,4BACE,kCACA,6BACA,gCACA,wBAGF,6BACE,yDACA,cAGF,wBACE,cACA,qCACA,0CACA,+CACA,mCACA,mEACA,iBACA,gCACA,gBAEA,0BACE,eACA,iBACA,sBACA","file":"LabelSwitch.css"}
|
|
@@ -45,16 +45,16 @@
|
|
|
45
45
|
padding: var(--rls-sizing-x1);
|
|
46
46
|
box-sizing: border-box;
|
|
47
47
|
}
|
|
48
|
-
.rls-picker-day-range__element--
|
|
49
|
-
--pvt-span-nothover-background: var(--rls-
|
|
50
|
-
--pvt-span-nothover-font-color: var(--rls-app-color-050);
|
|
48
|
+
.rls-picker-day-range__element--ranged {
|
|
49
|
+
--pvt-span-nothover-background: var(--rls-theme-color-100);
|
|
51
50
|
}
|
|
52
51
|
.rls-picker-day-range__element--source {
|
|
53
52
|
--pvt-span-nothover-background: var(--rls-theme-color-500);
|
|
54
53
|
--pvt-span-nothover-font-color: var(--rls-app-color-050);
|
|
55
54
|
}
|
|
56
|
-
.rls-picker-day-range__element--
|
|
57
|
-
--pvt-span-nothover-background: var(--rls-
|
|
55
|
+
.rls-picker-day-range__element--end {
|
|
56
|
+
--pvt-span-nothover-background: var(--rls-app-color-900);
|
|
57
|
+
--pvt-span-nothover-font-color: var(--rls-app-color-050);
|
|
58
58
|
}
|
|
59
59
|
.rls-picker-day-range__element--forbidden {
|
|
60
60
|
--pvt-span-background: var(--rls-app-color-200);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/PickerDayRange/PickerDayRange.scss"],"names":[],"mappings":"AAOA,sBACE,4CACA,wCACA,mCAEA,kBACA,kDACA,WACA,iBACA,sBACA,6BACA,sBACA,iBAEA,6BACE,+BACA,kBACA,oCACA,8CACA,wCACA,wCAGF,8BACE,aAGF,6BACE,WACA,6BACA,kCACA,kBACA,uCACA,+BACA,2CACA,iDAGF,iCACE,aACA,sBACA,6BAGF,4BACE,aAGF,+BACE,kBACA,6BACA,sBAEA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/PickerDayRange/PickerDayRange.scss"],"names":[],"mappings":"AAOA,sBACE,4CACA,wCACA,mCAEA,kBACA,kDACA,WACA,iBACA,sBACA,6BACA,sBACA,iBAEA,6BACE,+BACA,kBACA,oCACA,8CACA,wCACA,wCAGF,8BACE,aAGF,6BACE,WACA,6BACA,kCACA,kBACA,uCACA,+BACA,2CACA,iDAGF,iCACE,aACA,sBACA,6BAGF,4BACE,aAGF,+BACE,kBACA,6BACA,sBAEA,uCACE,2DAGF,uCACE,2DACA,yDAGF,oCACE,yDACA,yDAGF,0CACE,gDAEA,oBACA,WAGF,yCACE,oBACA,WAGF,qCACE,kBACA,cACA,yCACA,4CACA,mCACA,6BACA,kCACA,sBACA,mDAEA,iDACE,+CACA,0CAGF,2CACE,+BACA","file":"PickerDayRange.css"}
|
|
@@ -16,7 +16,8 @@ export interface InputProps<T = any> {
|
|
|
16
16
|
readOnly?: boolean;
|
|
17
17
|
value?: T;
|
|
18
18
|
}
|
|
19
|
-
export interface
|
|
19
|
+
export interface FieldProps<T = any> extends InputProps<T>, RlsComponent {
|
|
20
|
+
groupModeEnabled?: boolean;
|
|
20
21
|
msgErrorDisabled?: boolean;
|
|
21
22
|
}
|
|
22
23
|
export type ImageRatio = '1:1' | '3:4' | '4:3' | '3:2' | '8:5' | '16:9';
|
package/dist/esm/context.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/context.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,EAEL,kBAAkB,EAClB,eAAe,EAChB,MAAM,kDAAkD,CAAC;AAC1D,OAAO,EAEL,WAAW,EACZ,MAAM,0CAA0C,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAUlD,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CAAW;IAChD,YAAY,EAAE,GAAG,EAAE;QACjB,OAAO,OAAO,CAAC,OAAO,CAAC,kBAAkB,CAAC,QAAQ,EAAE,CAAC,CAAC;IACxD,CAAC;IACD,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;IAClB,WAAW,EAAE,GAAG,EAAE,GAAE,CAAC;IACrB,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;IACxB,mBAAmB,EAAE,GAAG,EAAE,GAAE,CAAC;CAC9B,CAAC,CAAC;AAEH,MAAM,UAAU,cAAc,CAAC,EAAE,QAAQ,EAAgB;IACvD,MAAM,EAAE,eAAe,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAC;IAC5D,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,CAAC;IAEhD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChE,MAAM,CAAC,WAAW,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEnD,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,eAAe,EAAE;YACxC,MAAM,EAAE,WAAW;YACnB,iBAAiB,EAAE,WAAW;YAC9B,iBAAiB,EAAE,gBAAgB;SACpC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,WAAW,EAAE,WAAW,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAEjD,OAAO,CACL,MAAC,UAAU,IACT,KAAK,EAAE;YACL,YAAY;YACZ,QAAQ;YACR,WAAW;YACX,cAAc;YACd,mBAAmB;SACpB,aAED,eAAK,SAAS,EAAE,SAAS,aACtB,QAAQ,
|
|
1
|
+
{"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/context.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,EAEL,kBAAkB,EAClB,eAAe,EAChB,MAAM,kDAAkD,CAAC;AAC1D,OAAO,EAEL,WAAW,EACZ,MAAM,0CAA0C,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAUlD,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CAAW;IAChD,YAAY,EAAE,GAAG,EAAE;QACjB,OAAO,OAAO,CAAC,OAAO,CAAC,kBAAkB,CAAC,QAAQ,EAAE,CAAC,CAAC;IACxD,CAAC;IACD,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;IAClB,WAAW,EAAE,GAAG,EAAE,GAAE,CAAC;IACrB,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;IACxB,mBAAmB,EAAE,GAAG,EAAE,GAAE,CAAC;CAC9B,CAAC,CAAC;AAEH,MAAM,UAAU,cAAc,CAAC,EAAE,QAAQ,EAAgB;IACvD,MAAM,EAAE,eAAe,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAC;IAC5D,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,CAAC;IAEhD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChE,MAAM,CAAC,WAAW,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEnD,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,eAAe,EAAE;YACxC,MAAM,EAAE,WAAW;YACnB,iBAAiB,EAAE,WAAW;YAC9B,iBAAiB,EAAE,gBAAgB;SACpC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,WAAW,EAAE,WAAW,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAEjD,OAAO,CACL,MAAC,UAAU,IACT,KAAK,EAAE;YACL,YAAY;YACZ,QAAQ;YACR,WAAW;YACX,cAAc;YACd,mBAAmB;SACpB,aAED,eAAK,SAAS,EAAE,SAAS,aACtB,QAAQ,EAER,WAAW,IACR,EAEL,eAAe,IACL,CACd,CAAC;AACJ,CAAC"}
|
package/dist/esm/index.d.ts
CHANGED
|
@@ -74,7 +74,7 @@ export * from './components/organisms/PickerDate/PickerDate';
|
|
|
74
74
|
export * from './components/organisms/PickerDateRange/PickerDateRange';
|
|
75
75
|
export * from './components/organisms/Snackbar/Snackbar';
|
|
76
76
|
export * from './components/definitions';
|
|
77
|
-
export { RolsterReactInputControl } from './components/types';
|
|
77
|
+
export { FieldProps as FieldBoxProps, InputProps, RolsterReactInputControl } from './components/types';
|
|
78
78
|
export * from './context';
|
|
79
79
|
export * from './controllers/DatatableController';
|
|
80
80
|
export * from './controllers/FormSingleSelectionController';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rolster/react-components",
|
|
3
|
-
"version": "19.1.
|
|
3
|
+
"version": "19.1.9",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Package containing UI components for React Project.",
|
|
6
6
|
"module": "dist/esm/index.js",
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
"@rollup/plugin-node-resolve": "^15.2.1",
|
|
49
49
|
"@rollup/plugin-typescript": "^11.1.3",
|
|
50
50
|
"@rolster/rollup": "^1.0.8",
|
|
51
|
-
"@rolster/styles-foundations": "^2.6.
|
|
51
|
+
"@rolster/styles-foundations": "^2.6.19",
|
|
52
52
|
"@rolster/types": "^1.1.0",
|
|
53
53
|
"@types/node-sass": "^4.11.4",
|
|
54
54
|
"@types/react": "^19.0.0",
|