@rolster/react-components 19.1.11 → 19.1.13
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-CDqDWlee.css → index-Dvak5slE.css} +44 -8
- package/dist/cjs/index.js +129 -32
- package/dist/cjs/index.js.map +1 -1
- package/dist/es/assets/{index-CDqDWlee.css → index-Dvak5slE.css} +44 -8
- package/dist/es/index.js +128 -33
- package/dist/es/index.js.map +1 -1
- package/dist/esm/components/atoms/Button/Button.css +1 -0
- package/dist/esm/components/atoms/Button/Button.css.map +1 -1
- package/dist/esm/components/atoms/ButtonAction/ButtonAction.css +3 -0
- package/dist/esm/components/atoms/ButtonAction/ButtonAction.css.map +1 -1
- package/dist/esm/components/atoms/Input/Input.css +2 -0
- package/dist/esm/components/atoms/Input/Input.css.map +1 -1
- package/dist/esm/components/atoms/Input/Input.js +12 -12
- package/dist/esm/components/atoms/Input/Input.js.map +1 -1
- package/dist/esm/components/atoms/InputDecimal/InputDecimal.css +0 -2
- package/dist/esm/components/atoms/InputDecimal/InputDecimal.css.map +1 -1
- package/dist/esm/components/atoms/InputMoney/InputMoney.css +0 -2
- package/dist/esm/components/atoms/InputMoney/InputMoney.css.map +1 -1
- package/dist/esm/components/definitions.d.ts +5 -2
- package/dist/esm/components/molecules/Ballot/Ballot.css +6 -4
- package/dist/esm/components/molecules/Ballot/Ballot.css.map +1 -1
- package/dist/esm/components/molecules/Ballot/Ballot.d.ts +1 -1
- package/dist/esm/components/molecules/Ballot/Ballot.js +5 -5
- package/dist/esm/components/molecules/Ballot/Ballot.js.map +1 -1
- package/dist/esm/components/organisms/BottomSheet/BottomSheet.d.ts +5 -2
- package/dist/esm/components/organisms/BottomSheet/BottomSheet.js +6 -5
- package/dist/esm/components/organisms/BottomSheet/BottomSheet.js.map +1 -1
- package/dist/esm/components/organisms/Dropdown/Dropdown.css +31 -0
- package/dist/esm/components/organisms/Dropdown/Dropdown.css.map +1 -0
- package/dist/esm/components/organisms/Dropdown/Dropdown.d.ts +8 -0
- package/dist/esm/components/organisms/Dropdown/Dropdown.js +23 -0
- package/dist/esm/components/organisms/Dropdown/Dropdown.js.map +1 -0
- package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocomplete.js +1 -1
- package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocomplete.js.map +1 -1
- package/dist/esm/components/organisms/FieldSelect/FieldSelect.js +1 -1
- package/dist/esm/components/organisms/FieldSelect/FieldSelect.js.map +1 -1
- package/dist/esm/components/organisms/FormNavigation/FormNavigation.d.ts +3 -1
- package/dist/esm/components/organisms/FormNavigation/FormNavigation.js +3 -3
- package/dist/esm/components/organisms/FormNavigation/FormNavigation.js.map +1 -1
- package/dist/esm/components/organisms/Modal/Modal.d.ts +5 -2
- package/dist/esm/components/organisms/Modal/Modal.js +6 -5
- package/dist/esm/components/organisms/Modal/Modal.js.map +1 -1
- package/dist/esm/controllers/DropdownController.d.ts +9 -0
- package/dist/esm/controllers/DropdownController.js +75 -0
- package/dist/esm/controllers/DropdownController.js.map +1 -0
- package/dist/esm/index.d.ts +3 -1
- package/dist/esm/index.js +2 -0
- package/dist/esm/index.js.map +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Button/Button.scss"],"names":[],"mappings":"AAOA,YACE,sCACA,kCACA,4EACA,4DACA,qCACA,wCACA,2DAEA,6BACA,mDACA,yBAEA,mDACA,mDACA,kDAEA,kDACA,kDACA,wBAEA,mDACA,qDACA,oDAEA,qDACA,qDACA,oDAEA,oDACA,oDACA,0BAEA,yDACA,sDACA,4BAEA,kBACA,aACA,oCACA,aACA,yBAEA,wCACE,qFAIF,iCACE,yCAGF,iCACE,mDACA,kDACA,yBAEA,sCACA,qDACA,oDAEA,qDACA,qDACA,oDAEA,qDACA,qDACA,oDAEA,kDACA,kDACA,wBAEA,oDACA,mDACA,0BAEA,sDACA,qDACA,4BAGF,qBACE,sCAEA,oCACA,iDACA,yBAEA,sCACA,mDACA,kDAEA,sCACA,mDACA,kDAEA,mDACA,mDACA,kDAEA,gDACA,gDACA,wBAEA,kDACA,kDACA,0BAEA,oDACA,oDACA,4BAEA,oBAGF,qBACE,aACA,uBACA,mBACA,gBACA,+DACA,kCACA,6BACA,qEACA,sBACA,qEACA,gDACA,2CACA,wCACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Button/Button.scss"],"names":[],"mappings":"AAOA,YACE,sCACA,kCACA,4EACA,4DACA,qCACA,wCACA,2DAEA,6BACA,mDACA,yBAEA,mDACA,mDACA,kDAEA,kDACA,kDACA,wBAEA,mDACA,qDACA,oDAEA,qDACA,qDACA,oDAEA,oDACA,oDACA,0BAEA,yDACA,sDACA,4BAEA,kBACA,aACA,oCACA,aACA,yBAEA,wCACE,qFAIF,iCACE,yCAGF,iCACE,mDACA,kDACA,yBAEA,sCACA,qDACA,oDAEA,qDACA,qDACA,oDAEA,qDACA,qDACA,oDAEA,kDACA,kDACA,wBAEA,oDACA,mDACA,0BAEA,sDACA,qDACA,4BAGF,qBACE,sCAEA,oCACA,iDACA,yBAEA,sCACA,mDACA,kDAEA,sCACA,mDACA,kDAEA,mDACA,mDACA,kDAEA,gDACA,gDACA,wBAEA,kDACA,kDACA,0BAEA,oDACA,oDACA,4BAEA,oBAGF,qBACE,aACA,uBACA,mBACA,gBACA,+DACA,kCACA,6BACA,qEACA,sBACA,qEACA,gDACA,2CACA,wCACA,gDACA,oBAEA,6BACE,kBACA,cACA,WACA,QACA,SACA,8CACA,+CACA,6CACA,8CACA,kBACA,YACA,mBACA,6BACA,+CACA,8CACA,gDAGF,4BACE,iDACA,6DACA,6DACA,qDAGF,8BACE,mDACA,+DACA,+DACA,uDAGF,8BACE,mDACA,+DACA,+DACA,uDAGF,8BACE,mDACA,+DACA,+DACA,uDACA,0DAGF,2BACE,gDACA,4DACA,4DACA,oDACA,0DAGF,6BACE,kDACA,8DACA,8DACA,sDACA,0DAGF,+BACE,oDACA,gEACA,gEACA,wDACA,0DAIJ,yBACE,aACA,WACA,mBACA,mEACA,kCACA,oBACA,sCACA,gDACA,yEACA,iEACA,uBACA,gBACA,mBAEA,2BACE,qBACA,cAKN,+BACE,GACE,mBAGF,IACE,mBAGF,KACE,UACA","file":"Button.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/ButtonAction/ButtonAction.scss"],"names":[],"mappings":"AAOA,mBACE,oFAKA,gEAEA,6EACA,oCACA,yBAEA,kBACA,4BACA,6BACA,YACA,aACA,6BACA,sBACA,iBACA,eACA,4CACA,wDACA,qDAEA,2BACE,kBACA,cACA,WACA,QACA,SACA,YACA,kBACA,kBACA,mBACA,mCACA,8CACA,+CACA,6CACA,8CAGF,wCACE,gEAGF,iCACE,mBAGF,0BACE,kBACA,WACA,QACA,SACA,YACA,kCACA,mCACA,sCACA,uCACA,kBACA,mCACA,mBACA,sDAGF,wCACE,yBACA,sCAEA,+CACE,mBAIJ,4BACE,WACA,oBAGF,4BACE,kBACA,sCACA,SACA,WACA,cACA,6BACA,mCACA,mBACA,oBACA,2BACA,oCACA,+BACA,2DACA,mCACA,qDAIJ,gCACE,GACE,mBAGF,IACE,mBAGF,KACE,UACA","file":"ButtonAction.css"}
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/ButtonAction/ButtonAction.scss"],"names":[],"mappings":"AAOA,mBACE,oFAKA,gEAEA,6EACA,oCACA,yBAEA,kBACA,4BACA,6BACA,YACA,aACA,6BACA,sBACA,iBACA,eACA,4CACA,wDACA,qDAEA,2BACE,kBACA,cACA,WACA,QACA,SACA,YACA,kBACA,kBACA,mBACA,mCACA,8CACA,+CACA,6CACA,8CAGF,wCACE,gEAGF,iCACE,mBAGF,0BACE,kBACA,WACA,QACA,SACA,YACA,kCACA,mCACA,sCACA,uCACA,kBACA,mCACA,mBACA,sDAGF,wCACE,yBACA,sCAEA,+CACE,mBAIJ,4BACE,WACA,oBAGF,4BACE,oBAGF,4BACE,kBACA,sCACA,SACA,WACA,cACA,6BACA,mCACA,mBACA,oBACA,2BACA,oCACA,+BACA,2DACA,mCACA,qDAIJ,gCACE,GACE,mBAGF,IACE,mBAGF,KACE,UACA","file":"ButtonAction.css"}
|
|
@@ -10,6 +10,8 @@
|
|
|
10
10
|
--pvt-value-font-color: var(--pvt-font-color);
|
|
11
11
|
--pvt-value-opacity: 1;
|
|
12
12
|
--pvt-component-font-color: transparent;
|
|
13
|
+
--rlc-amount-height: var(--pvt-height);
|
|
14
|
+
--rlc-amount-align-items: center;
|
|
13
15
|
position: relative;
|
|
14
16
|
width: var(--rlc-input-width, 100%);
|
|
15
17
|
}
|
|
@@ -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,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
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Input/Input.scss"],"names":[],"mappings":"AAOA,WACE,wEACA,wEAEA,yFAKA,6DACA,oDAEA,8CACA,uBACA,wCAEA,uCACA,iCAEA,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"}
|
|
@@ -3,7 +3,7 @@ import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
|
3
3
|
import { renderClassStatus } from '../../../helpers/css';
|
|
4
4
|
import './Input.css';
|
|
5
5
|
export function RlsInput({ children, decimals, disabled, formControl, identifier, onBlur, onEnter, onFocus, onKeyDown, onKeyUp, onValue, placeholder, readOnly, type, value }) {
|
|
6
|
-
const valueInitial = formControl?.value ?? value ? String(value) : '';
|
|
6
|
+
const valueInitial = (formControl?.value ?? value) ? String(value) : '';
|
|
7
7
|
const [valueInput, setValueInput] = useState(valueInitial);
|
|
8
8
|
const [focused, setFocused] = useState(false);
|
|
9
9
|
const changeIsInternal = useRef(false);
|
|
@@ -14,7 +14,7 @@ export function RlsInput({ children, decimals, disabled, formControl, identifier
|
|
|
14
14
|
}
|
|
15
15
|
changeIsInternal.current = false;
|
|
16
16
|
}, [formControl?.value]);
|
|
17
|
-
const
|
|
17
|
+
const onChangeInput = useCallback((event) => {
|
|
18
18
|
const valueInput = event.target.value;
|
|
19
19
|
const value = type === 'number'
|
|
20
20
|
? parseFloat((+valueInput).toFixed(decimals))
|
|
@@ -24,22 +24,22 @@ export function RlsInput({ children, decimals, disabled, formControl, identifier
|
|
|
24
24
|
setValueInput(valueInput);
|
|
25
25
|
formControl?.setValue(value);
|
|
26
26
|
}, [formControl, onValue, type, decimals]);
|
|
27
|
-
const
|
|
28
|
-
onKeyDown
|
|
29
|
-
event.key === 'Enter' && onEnter
|
|
27
|
+
const onKeyDownInput = useCallback((event) => {
|
|
28
|
+
onKeyDown?.(event);
|
|
29
|
+
event.key === 'Enter' && onEnter?.();
|
|
30
30
|
}, [onKeyDown, onEnter]);
|
|
31
|
-
const
|
|
32
|
-
onKeyUp
|
|
31
|
+
const onKeyUpInput = useCallback((event) => {
|
|
32
|
+
onKeyUp?.(event);
|
|
33
33
|
}, [onKeyUp]);
|
|
34
|
-
const
|
|
34
|
+
const onFocusInput = useCallback(() => {
|
|
35
35
|
formControl?.focus();
|
|
36
36
|
setFocused(() => true);
|
|
37
|
-
onFocus
|
|
37
|
+
onFocus?.();
|
|
38
38
|
}, [formControl, onFocus]);
|
|
39
|
-
const
|
|
39
|
+
const onBlurInput = useCallback(() => {
|
|
40
40
|
formControl?.blur();
|
|
41
41
|
setFocused(() => false);
|
|
42
|
-
onBlur
|
|
42
|
+
onBlur?.();
|
|
43
43
|
}, [formControl, onBlur]);
|
|
44
44
|
const className = useMemo(() => {
|
|
45
45
|
return renderClassStatus('rls-input', {
|
|
@@ -47,6 +47,6 @@ export function RlsInput({ children, decimals, disabled, formControl, identifier
|
|
|
47
47
|
focused: formControl?.focused ?? focused
|
|
48
48
|
});
|
|
49
49
|
}, [formControl?.focused, formControl?.disabled, focused, disabled]);
|
|
50
|
-
return (_jsxs("div", { id: identifier, className: className, children: [_jsx("input", { ref: formControl?.elementRef, className: "rls-input__component", autoComplete: "off", type: type ?? 'text', placeholder: placeholder, disabled: formControl?.disabled || disabled, readOnly: readOnly, onFocus:
|
|
50
|
+
return (_jsxs("div", { id: identifier, className: className, children: [_jsx("input", { ref: formControl?.elementRef, className: "rls-input__component", autoComplete: "off", type: type ?? 'text', placeholder: placeholder, disabled: formControl?.disabled || disabled, readOnly: readOnly, onFocus: onFocusInput, onBlur: onBlurInput, onChange: onChangeInput, onKeyDown: onKeyDownInput, onKeyUp: onKeyUpInput, value: valueInput }), _jsx("span", { className: "rls-input__value", children: children })] }));
|
|
51
51
|
}
|
|
52
52
|
//# sourceMappingURL=Input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Input/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAIL,WAAW,EACX,SAAS,EACT,OAAO,EACP,MAAM,EACN,QAAQ,EACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAGzD,OAAO,aAAa,CAAC;AAOrB,MAAM,UAAU,QAAQ,CAAC,EACvB,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,UAAU,EACV,MAAM,EACN,OAAO,EACP,OAAO,EACP,SAAS,EACT,OAAO,EACP,OAAO,EACP,WAAW,EACX,QAAQ,EACR,IAAI,EACJ,KAAK,EACM;IACX,MAAM,YAAY,GAAG,WAAW,EAAE,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Input/Input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/InputDecimal/InputDecimal.scss"],"names":[],"mappings":"AAOA,mBACE,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/InputDecimal/InputDecimal.scss"],"names":[],"mappings":"AAOA,mBACE,yDACA,uCAEA,kBACA,WACA","file":"InputDecimal.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/InputMoney/InputMoney.scss"],"names":[],"mappings":"AAOA,iBACE,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/InputMoney/InputMoney.scss"],"names":[],"mappings":"AAOA,iBACE,yDACA,uCAEA,kBACA,WACA","file":"InputMoney.css"}
|
|
@@ -1,6 +1,9 @@
|
|
|
1
|
+
import { PropsWithChildren } from 'react';
|
|
1
2
|
export type RlsTheme = 'primary' | 'secondary' | 'tertiary' | 'success' | 'info' | 'warning' | 'danger' | 'berry' | 'hope' | 'mountains' | 'ross' | 'amaizing' | 'purple' | 'amber' | 'smartness' | 'obsidian';
|
|
2
|
-
export interface
|
|
3
|
+
export interface PropsWithRlsTheme {
|
|
4
|
+
rlsTheme?: RlsTheme;
|
|
5
|
+
}
|
|
6
|
+
export interface RlsComponent extends PropsWithChildren<PropsWithRlsTheme> {
|
|
3
7
|
className?: string;
|
|
4
8
|
identifier?: string;
|
|
5
|
-
rlsTheme?: RlsTheme;
|
|
6
9
|
}
|
|
@@ -9,8 +9,8 @@
|
|
|
9
9
|
--rlc-ballot-title-letter-spacing,
|
|
10
10
|
var(--rls-label-letter-spacing)
|
|
11
11
|
);
|
|
12
|
-
--pvt-title-height: var(
|
|
13
|
-
--rlc-ballot-title-height,
|
|
12
|
+
--pvt-title-line-height: var(
|
|
13
|
+
--rlc-ballot-title-line-height,
|
|
14
14
|
var(--rls-label-line-height)
|
|
15
15
|
);
|
|
16
16
|
--pvt-subtitle-font-size: var(
|
|
@@ -21,8 +21,8 @@
|
|
|
21
21
|
--rlc-ballot-subtitle-letter-spacing,
|
|
22
22
|
var(--rls-smalltext-letter-spacing)
|
|
23
23
|
);
|
|
24
|
-
--pvt-subtitle-height: var(
|
|
25
|
-
--rlc-ballot-subtitle-height,
|
|
24
|
+
--pvt-subtitle-line-height: var(
|
|
25
|
+
--rlc-ballot-subtitle-line-height,
|
|
26
26
|
var(--rls-smalltext-line-height)
|
|
27
27
|
);
|
|
28
28
|
position: relative;
|
|
@@ -66,6 +66,7 @@
|
|
|
66
66
|
);
|
|
67
67
|
font-size: var(--pvt-title-font-size);
|
|
68
68
|
letter-spacing: var(--pvt-title-letter-spacing);
|
|
69
|
+
line-height: var(--pvt-title-line-height);
|
|
69
70
|
}
|
|
70
71
|
.rls-ballot__subtitle {
|
|
71
72
|
--rlc-skeleton-text-font-size: var(--pvt-subtitle-font-size);
|
|
@@ -80,6 +81,7 @@
|
|
|
80
81
|
);
|
|
81
82
|
font-size: var(--pvt-subtitle-font-size);
|
|
82
83
|
letter-spacing: var(--pvt-subtitle-letter-spacing);
|
|
84
|
+
line-height: var(--pvt-subtitle-line-height);
|
|
83
85
|
overflow: var(--rlc-ballot-subtitle-overflow, initial);
|
|
84
86
|
text-overflow: var(--rlc-ballot-subtitle-text-overflow, initial);
|
|
85
87
|
white-space: var(--rlc-ballot-subtitle-white-space, initial);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/Ballot/Ballot.scss"],"names":[],"mappings":"AAOA,YACE,0CACA,2CAEA,uFAKA,sGAKA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/Ballot/Ballot.scss"],"names":[],"mappings":"AAOA,YACE,0CACA,2CAEA,uFAKA,sGAKA,6FAKA,iGAKA,gHAKA,uGAKA,kBACA,aACA,oCACA,mBACA,gCACA,wDACA,sBACA,gBAEA,sBACE,mCACA,mCAGF,sBACE,0BAGF,uBACE,aACA,gBACA,sBACA,kEAGF,+CACE,kEAGF,mBACE,0DACA,iCACA,oEAEA,kBACA,WACA,+BACA,gBACA,mBACA,uBACA,+EAIA,qCACA,+CACA,yCAGF,sBACE,6DACA,iCACA,uEAEA,kBACA,6CACA,+BACA,kFAIA,wCACA,kDACA,4CACA,sDACA,gEACA","file":"Ballot.css"}
|
|
@@ -8,5 +8,5 @@ interface BallotProps extends RlsComponent {
|
|
|
8
8
|
skeleton?: boolean;
|
|
9
9
|
subtitle?: ReactNode;
|
|
10
10
|
}
|
|
11
|
-
export declare function RlsBallot({ bordered, children, img, initials, skeleton, subtitle, rlsTheme }: BallotProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export declare function RlsBallot({ bordered, className, children, img, initials, skeleton, subtitle, rlsTheme }: BallotProps): import("react/jsx-runtime").JSX.Element;
|
|
12
12
|
export {};
|
|
@@ -4,10 +4,10 @@ import { renderClassStatus } from '../../../helpers/css';
|
|
|
4
4
|
import { RlsAvatar } from '../../atoms/Avatar/Avatar';
|
|
5
5
|
import { RlsSkeletonText } from '../../atoms/SkeletonText/SkeletonText';
|
|
6
6
|
import './Ballot.css';
|
|
7
|
-
export function RlsBallot({ bordered, children, img, initials, skeleton, subtitle, rlsTheme }) {
|
|
8
|
-
const
|
|
9
|
-
return renderClassStatus('rls-ballot', { bordered, skeleton });
|
|
10
|
-
}, [bordered, skeleton]);
|
|
11
|
-
return (_jsxs("div", { className:
|
|
7
|
+
export function RlsBallot({ bordered, className, children, img, initials, skeleton, subtitle, rlsTheme }) {
|
|
8
|
+
const classNameBallot = useMemo(() => {
|
|
9
|
+
return renderClassStatus('rls-ballot', { bordered, skeleton }, className);
|
|
10
|
+
}, [bordered, skeleton, className]);
|
|
11
|
+
return (_jsxs("div", { className: classNameBallot, "rls-theme": rlsTheme, children: [(img || initials) && (_jsxs(RlsAvatar, { skeleton: skeleton, children: [img && _jsx("img", { src: img }), initials && _jsx("span", { children: initials })] })), _jsxs("div", { className: "rls-ballot__component", children: [_jsx("div", { className: "rls-ballot__title", children: _jsx(RlsSkeletonText, { active: skeleton, children: children }) }), subtitle && (_jsx("div", { className: "rls-ballot__subtitle", children: _jsx(RlsSkeletonText, { active: skeleton, children: subtitle }) }))] })] }));
|
|
12
12
|
}
|
|
13
13
|
//# sourceMappingURL=Ballot.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Ballot.js","sourceRoot":"","sources":["../../../../../src/components/molecules/Ballot/Ballot.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,OAAO,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAExE,OAAO,cAAc,CAAC;AAUtB,MAAM,UAAU,SAAS,CAAC,EACxB,QAAQ,EACR,QAAQ,EACR,GAAG,EACH,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACI;IACZ,MAAM,
|
|
1
|
+
{"version":3,"file":"Ballot.js","sourceRoot":"","sources":["../../../../../src/components/molecules/Ballot/Ballot.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,OAAO,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAExE,OAAO,cAAc,CAAC;AAUtB,MAAM,UAAU,SAAS,CAAC,EACxB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,EACH,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACI;IACZ,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE;QACnC,OAAO,iBAAiB,CAAC,YAAY,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,SAAS,CAAC,CAAC;IAC5E,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC;IAEpC,OAAO,CACL,eAAK,SAAS,EAAE,eAAe,eAAa,QAAQ,aACjD,CAAC,GAAG,IAAI,QAAQ,CAAC,IAAI,CACpB,MAAC,SAAS,IAAC,QAAQ,EAAE,QAAQ,aAC1B,GAAG,IAAI,cAAK,GAAG,EAAE,GAAG,GAAI,EACxB,QAAQ,IAAI,yBAAO,QAAQ,GAAQ,IAC1B,CACb,EAED,eAAK,SAAS,EAAC,uBAAuB,aACpC,cAAK,SAAS,EAAC,mBAAmB,YAChC,KAAC,eAAe,IAAC,MAAM,EAAE,QAAQ,YAAG,QAAQ,GAAmB,GAC3D,EACL,QAAQ,IAAI,CACX,cAAK,SAAS,EAAC,sBAAsB,YACnC,KAAC,eAAe,IAAC,MAAM,EAAE,QAAQ,YAAG,QAAQ,GAAmB,GAC3D,CACP,IACG,IACF,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,8 +1,11 @@
|
|
|
1
|
+
import { PortalController } from '../../../controllers/PortalController';
|
|
1
2
|
import { RlsComponent } from '../../definitions';
|
|
2
3
|
import './BottomSheet.css';
|
|
3
4
|
interface BottomSheetProps extends RlsComponent {
|
|
4
|
-
|
|
5
|
+
autoclose?: boolean;
|
|
6
|
+
controller?: PortalController;
|
|
7
|
+
onBackdrop?: () => void;
|
|
5
8
|
visible?: boolean;
|
|
6
9
|
}
|
|
7
|
-
export declare function RlsBottomSheet({ children, className,
|
|
10
|
+
export declare function RlsBottomSheet({ autoclose, children, className, controller, onBackdrop, visible, rlsTheme }: BottomSheetProps): import("react").ReactPortal;
|
|
8
11
|
export {};
|
|
@@ -3,13 +3,14 @@ import { useCallback, useMemo } from 'react';
|
|
|
3
3
|
import ReactDOM from 'react-dom';
|
|
4
4
|
import { renderClassStatus } from '../../../helpers/css';
|
|
5
5
|
import './BottomSheet.css';
|
|
6
|
-
export function RlsBottomSheet({ children, className,
|
|
6
|
+
export function RlsBottomSheet({ autoclose, children, className, controller, onBackdrop, visible, rlsTheme }) {
|
|
7
7
|
const classNameSheet = useMemo(() => {
|
|
8
|
-
return renderClassStatus('rls-bottom-sheet', { visible }, className);
|
|
9
|
-
}, [className, visible]);
|
|
8
|
+
return renderClassStatus('rls-bottom-sheet', { visible: controller?.visible ?? visible }, className);
|
|
9
|
+
}, [className, visible, controller?.visible]);
|
|
10
10
|
const onClickBackdrop = useCallback(() => {
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
autoclose && controller?.close();
|
|
12
|
+
onBackdrop?.();
|
|
13
|
+
}, [autoclose, controller, onBackdrop]);
|
|
13
14
|
return ReactDOM.createPortal(_jsxs("div", { className: classNameSheet, "rls-theme": rlsTheme, children: [_jsx("div", { className: "rls-bottom-sheet__component", children: children }), _jsx("div", { className: "rls-bottom-sheet__backdrop", onClick: onClickBackdrop })] }), document.body);
|
|
14
15
|
}
|
|
15
16
|
//# sourceMappingURL=BottomSheet.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomSheet.js","sourceRoot":"","sources":["../../../../../src/components/organisms/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,QAAQ,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"BottomSheet.js","sourceRoot":"","sources":["../../../../../src/components/organisms/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,QAAQ,MAAM,WAAW,CAAC;AAEjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,mBAAmB,CAAC;AAS3B,MAAM,UAAU,cAAc,CAAC,EAC7B,SAAS,EACT,QAAQ,EACR,SAAS,EACT,UAAU,EACV,UAAU,EACV,OAAO,EACP,QAAQ,EACS;IACjB,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,OAAO,iBAAiB,CACtB,kBAAkB,EAClB,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,IAAI,OAAO,EAAE,EAC3C,SAAS,CACV,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;IAE9C,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,SAAS,IAAI,UAAU,EAAE,KAAK,EAAE,CAAC;QACjC,UAAU,EAAE,EAAE,CAAC;IACjB,CAAC,EAAE,CAAC,SAAS,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC;IAExC,OAAO,QAAQ,CAAC,YAAY,CAC1B,eAAK,SAAS,EAAE,cAAc,eAAa,QAAQ,aACjD,cAAK,SAAS,EAAC,6BAA6B,YAAE,QAAQ,GAAO,EAE7D,cACE,SAAS,EAAC,4BAA4B,EACtC,OAAO,EAAE,eAAe,GACnB,IACH,EACN,QAAQ,CAAC,IAAI,CACd,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
.rls-dropdown {
|
|
2
|
+
--pvt-content-opacity: 0;
|
|
3
|
+
--pvt-content-transform: scale(0, 0);
|
|
4
|
+
position: var(--rlc-dropdown-position, absolute);
|
|
5
|
+
display: block;
|
|
6
|
+
opacity: 0;
|
|
7
|
+
width: auto;
|
|
8
|
+
z-index: -16;
|
|
9
|
+
transition: opacity 240ms 0ms var(--rls-standard-curve);
|
|
10
|
+
}
|
|
11
|
+
.rls-dropdown--visible {
|
|
12
|
+
--pvt-content-opacity: 1;
|
|
13
|
+
--pvt-content-transform: scale(1, 1);
|
|
14
|
+
opacity: 1;
|
|
15
|
+
z-index: var(--rlc-dropdown-z-index, var(--rls-z-index-4));
|
|
16
|
+
}
|
|
17
|
+
.rls-dropdown__content {
|
|
18
|
+
display: block;
|
|
19
|
+
width: auto;
|
|
20
|
+
max-width: var(--rlc-dropdown-max-width, 150rem);
|
|
21
|
+
border-radius: var(--rlc-dropdown-radius, var(--rls-sizing-x6));
|
|
22
|
+
padding: var(--rlc-dropdown-padding, var(--rls-sizing-x6));
|
|
23
|
+
box-sizing: border-box;
|
|
24
|
+
border: var(--rlc-dropdown-border, var(--rls-app-border-1-200));
|
|
25
|
+
background: var(--rlc-dropdown-background, var(--rls-app-color-050));
|
|
26
|
+
opacity: var(--pvt-content-opacity);
|
|
27
|
+
transform: var(--pvt-content-transform);
|
|
28
|
+
transition:
|
|
29
|
+
transform 240ms 0ms var(--rls-standard-curve),
|
|
30
|
+
opacity 240ms 0ms var(--rls-standard-curve);
|
|
31
|
+
} /*# sourceMappingURL=Dropdown.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/Dropdown/Dropdown.scss"],"names":[],"mappings":"AAOA,cACE,yBACA,qCAEA,gDACA,cACA,UACA,WACA,YACA,uDAEA,uBACE,yBACA,qCAEA,UACA,0DAGF,uBACE,cACA,WACA,gDACA,+DACA,0DACA,sBACA,+DACA,oEACA,mCACA,uCACA,WACE","file":"Dropdown.css"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { DropdownController } from '../../../controllers/DropdownController';
|
|
2
|
+
import { RlsComponent } from '../../definitions';
|
|
3
|
+
import './Dropdown.css';
|
|
4
|
+
interface DropdownProps extends RlsComponent {
|
|
5
|
+
controller: DropdownController;
|
|
6
|
+
}
|
|
7
|
+
export declare function RlsDropdown({ children, controller, rlsTheme }: DropdownProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect, useMemo } from 'react';
|
|
3
|
+
import { renderClassStatus } from '../../../helpers/css';
|
|
4
|
+
import './Dropdown.css';
|
|
5
|
+
export function RlsDropdown({ children, controller, rlsTheme }) {
|
|
6
|
+
const className = useMemo(() => {
|
|
7
|
+
return renderClassStatus('rls-dropdown', {
|
|
8
|
+
visible: controller.visible
|
|
9
|
+
});
|
|
10
|
+
}, [controller.visible]);
|
|
11
|
+
useEffect(() => {
|
|
12
|
+
function onCloseDropdown({ target }) {
|
|
13
|
+
!controller.component.current.contains(target) &&
|
|
14
|
+
controller.close();
|
|
15
|
+
}
|
|
16
|
+
document.addEventListener('click', onCloseDropdown);
|
|
17
|
+
return () => {
|
|
18
|
+
document.removeEventListener('click', onCloseDropdown);
|
|
19
|
+
};
|
|
20
|
+
}, []);
|
|
21
|
+
return (_jsx("div", { ref: controller.component, className: className, "rls-theme": rlsTheme, children: _jsx("div", { className: "rls-dropdown__content", children: children }) }));
|
|
22
|
+
}
|
|
23
|
+
//# sourceMappingURL=Dropdown.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Dropdown/Dropdown.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,gBAAgB,CAAC;AAMxB,MAAM,UAAU,WAAW,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAiB;IAC3E,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,cAAc,EAAE;YACvC,OAAO,EAAE,UAAU,CAAC,OAAO;SAC5B,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;IAEzB,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,eAAe,CAAC,EAAE,MAAM,EAAc;YAC7C,CAAC,UAAU,CAAC,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAa,CAAC;gBACnD,UAAU,CAAC,KAAK,EAAE,CAAC;QACvB,CAAC;QAED,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC;QAEpD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC;QACzD,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,cAAK,GAAG,EAAE,UAAU,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,eAAa,QAAQ,YACvE,cAAK,SAAS,EAAC,uBAAuB,YAAE,QAAQ,GAAO,GACnD,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -65,7 +65,7 @@ export function RlsFieldAutocompleteTemplate(props) {
|
|
|
65
65
|
return (_jsxs("div", { id: props.identifier, ref: autocomplete.refContent, 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("input", { className: "rls-field-list__control", readOnly: true, disabled: disabled, placeholder: placeholder, value: autocomplete.value, onClick: autocomplete.onClickControl }), !props.readOnly && (_jsx("button", { className: "rls-field-list__action", disabled: disabled, onClick: autocomplete.onClickAction, children: _jsx(RlsIcon, { value: autocomplete.value ? 'trash-2' : 'arrow-ios-down' }) }))] }) }), !msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl })), _jsxs("div", { className: classNameSuggestions, children: [_jsx("div", { className: "rls-field-list__suggestions__body", children: _jsxs("ul", { ref: autocomplete.refList, className: "rls-field-list__ul", children: [_jsxs("div", { className: "rls-field-list__ul__search", children: [_jsx("input", { ref: autocomplete.refInput, className: "rls-field-list__ul__control", type: "text", placeholder: labels.listInputPlaceholder, value: autocomplete.pattern, onChange: onChangePattern, onFocus: autocomplete.onFocusInput, onBlur: autocomplete.onBlurInput, onKeyDown: onKeyDownPattern, disabled: disabled || searching }), onSearch && (_jsx("button", { disabled: disabled || searching, onClick: onClickPattern, children: _jsx(RlsIcon, { value: "search" }) }))] }), searching && _jsx(RlsProgressBar, { indeterminate: true }), autocomplete.coincidences.map((element, index) => (_jsx("li", { className: "rls-field-list__element", tabIndex: -1, onClick: autocomplete.onClickElement(element), onKeyDown: autocomplete.onKeydownElement(element), children: render(element) }, index))), !autocomplete.coincidences.length && (_jsx("li", { className: "rls-field-list__empty", children: _jsxs("div", { className: "rls-field-list__empty__description", children: [_jsx("label", { className: "rls-label-bold rls-truncate", children: labels.listEmptyTitle }), _jsx("p", { className: "rls-caption-regular", children: labels.listEmptyDescription })] }) }))] }) }), _jsx("div", { className: "rls-field-list__backdrop", onClick: autocomplete.onClickBackdrop })] })] }));
|
|
66
66
|
}
|
|
67
67
|
export function RlsFieldAutocomplete(props) {
|
|
68
|
-
const render = useCallback((element) => (_jsx(RlsBallot, { subtitle: element.subtitle, img: element.img, initials: element.initials, children: _jsx("span", { children: element.title }) })), []);
|
|
68
|
+
const render = useCallback((element) => (_jsx(RlsBallot, { className: "rls-field-list__ballot", subtitle: element.subtitle, img: element.img, initials: element.initials, children: _jsx("span", { children: element.title }) })), []);
|
|
69
69
|
return _jsx(RlsFieldAutocompleteTemplate, { ...props, render: render });
|
|
70
70
|
}
|
|
71
71
|
//# sourceMappingURL=FieldAutocomplete.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldAutocomplete.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldAutocomplete/FieldAutocomplete.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"FieldAutocomplete.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldAutocomplete/FieldAutocomplete.tsx"],"names":[],"mappings":"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"}
|
|
@@ -50,7 +50,7 @@ export function RlsFieldSelectTemplate(props) {
|
|
|
50
50
|
return (_jsxs("div", { id: props.identifier, ref: select.refContent, 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("input", { ref: select.refInput, className: "rls-field-list__control", readOnly: true, placeholder: placeholder, value: select.value, onFocus: select.onFocusInput, onBlur: select.onBlurInput, onClick: select.onClickInput, onKeyDown: select.onKeydownInput, disabled: disabled }), !props.readOnly && (_jsx("button", { className: 'rls-field-list__action', disabled: disabled, onClick: select.onClickAction, children: _jsx(RlsIcon, { value: !unremovable && !!select.value ? 'close' : 'arrow-ios-down' }) }))] }) }), !msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl })), _jsxs("div", { className: classNameSuggestions, children: [_jsx("div", { className: "rls-field-list__suggestions__body", children: _jsxs("ul", { ref: select.refList, className: "rls-field-list__ul", children: [suggestions.map((element, index) => (_jsx("li", { className: "rls-field-list__element", tabIndex: -1, onClick: select.onClickElement(element), onKeyDown: select.onKeydownElement(element), children: render(element) }, index))), !suggestions.length && (_jsx("li", { className: "rls-field-list__empty", children: _jsxs("div", { className: "rls-field-list__empty__description", children: [_jsx("label", { className: "rls-label-bold rls-truncate", children: labels.listEmptyTitle }), _jsx("p", { className: "rls-caption-regular", children: labels.listEmptyDescription })] }) }))] }) }), _jsx("div", { className: "rls-field-list__backdrop", onClick: select.onClickBackdrop })] })] }));
|
|
51
51
|
}
|
|
52
52
|
export function RlsFieldSelect(props) {
|
|
53
|
-
const render = useCallback((element) => (_jsx(RlsBallot, { subtitle: element.subtitle, img: element.img, initials: element.initials, children: _jsx("span", { children: element.title }) })), []);
|
|
53
|
+
const render = useCallback((element) => (_jsx(RlsBallot, { className: "rls-field-list__ballot", subtitle: element.subtitle, img: element.img, initials: element.initials, children: _jsx("span", { children: element.title }) })), []);
|
|
54
54
|
return _jsx(RlsFieldSelectTemplate, { ...props, render: render });
|
|
55
55
|
}
|
|
56
56
|
//# sourceMappingURL=FieldSelect.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldSelect.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldSelect/FieldSelect.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"FieldSelect.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldSelect/FieldSelect.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
|
+
import { PortalController } from '../../../controllers/PortalController';
|
|
1
2
|
import { RlsComponent } from '../../definitions';
|
|
2
3
|
import './FormNavigation.css';
|
|
3
4
|
export interface FormNavigationProps extends RlsComponent {
|
|
5
|
+
controller?: PortalController;
|
|
4
6
|
visible?: boolean;
|
|
5
7
|
}
|
|
6
|
-
export declare function RlsFormNavigation({ children, className, visible, rlsTheme }: FormNavigationProps): import("react").ReactPortal;
|
|
8
|
+
export declare function RlsFormNavigation({ children, className, controller, visible, rlsTheme }: FormNavigationProps): import("react").ReactPortal;
|
|
@@ -3,10 +3,10 @@ import { useMemo } from 'react';
|
|
|
3
3
|
import ReactDOM from 'react-dom';
|
|
4
4
|
import { renderClassStatus } from '../../../helpers/css';
|
|
5
5
|
import './FormNavigation.css';
|
|
6
|
-
export function RlsFormNavigation({ children, className, visible, rlsTheme }) {
|
|
6
|
+
export function RlsFormNavigation({ children, className, controller, visible, rlsTheme }) {
|
|
7
7
|
const classNameForm = useMemo(() => {
|
|
8
|
-
return renderClassStatus('rls-form-navigation', { visible }, className);
|
|
9
|
-
}, [visible,
|
|
8
|
+
return renderClassStatus('rls-form-navigation', { visible: controller?.visible ?? visible }, className);
|
|
9
|
+
}, [className, visible, controller?.visible]);
|
|
10
10
|
return ReactDOM.createPortal(_jsx("div", { className: classNameForm, "rls-theme": rlsTheme, children: _jsx("div", { className: "rls-form-navigation__component", children: children }) }), document.body);
|
|
11
11
|
}
|
|
12
12
|
//# sourceMappingURL=FormNavigation.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormNavigation.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FormNavigation/FormNavigation.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,QAAQ,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"FormNavigation.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FormNavigation/FormNavigation.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,QAAQ,MAAM,WAAW,CAAC;AAEjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,sBAAsB,CAAC;AAO9B,MAAM,UAAU,iBAAiB,CAAC,EAChC,QAAQ,EACR,SAAS,EACT,UAAU,EACV,OAAO,EACP,QAAQ,EACY;IACpB,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,OAAO,iBAAiB,CACtB,qBAAqB,EACrB,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,IAAI,OAAO,EAAE,EAC3C,SAAS,CACV,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;IAE9C,OAAO,QAAQ,CAAC,YAAY,CAC1B,cAAK,SAAS,EAAE,aAAa,eAAa,QAAQ,YAChD,cAAK,SAAS,EAAC,gCAAgC,YAAE,QAAQ,GAAO,GAC5D,EACN,QAAQ,CAAC,IAAI,CACd,CAAC;AACJ,CAAC"}
|
|
@@ -1,8 +1,11 @@
|
|
|
1
|
+
import { PortalController } from '../../../controllers/PortalController';
|
|
1
2
|
import { RlsComponent } from '../../definitions';
|
|
2
3
|
import './Modal.css';
|
|
3
4
|
interface ModalProps extends RlsComponent {
|
|
4
|
-
|
|
5
|
+
autoclose?: boolean;
|
|
6
|
+
controller?: PortalController;
|
|
7
|
+
onBackdrop?: () => void;
|
|
5
8
|
visible?: boolean;
|
|
6
9
|
}
|
|
7
|
-
export declare function RlsModal({ children, className,
|
|
10
|
+
export declare function RlsModal({ autoclose, children, className, controller, onBackdrop, visible, rlsTheme }: ModalProps): import("react").ReactPortal;
|
|
8
11
|
export {};
|
|
@@ -3,13 +3,14 @@ import { useCallback, useMemo } from 'react';
|
|
|
3
3
|
import ReactDOM from 'react-dom';
|
|
4
4
|
import { renderClassStatus } from '../../../helpers/css';
|
|
5
5
|
import './Modal.css';
|
|
6
|
-
export function RlsModal({ children, className,
|
|
6
|
+
export function RlsModal({ autoclose, children, className, controller, onBackdrop, visible, rlsTheme }) {
|
|
7
7
|
const classNameModal = useMemo(() => {
|
|
8
|
-
return renderClassStatus('rls-modal', { visible }, className);
|
|
9
|
-
}, [className, visible]);
|
|
8
|
+
return renderClassStatus('rls-modal', { visible: controller?.visible ?? visible }, className);
|
|
9
|
+
}, [className, visible, controller?.visible]);
|
|
10
10
|
const onClickBackdrop = useCallback(() => {
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
autoclose && controller?.close();
|
|
12
|
+
onBackdrop?.();
|
|
13
|
+
}, [autoclose, controller, onBackdrop]);
|
|
13
14
|
return ReactDOM.createPortal(_jsxs("div", { className: classNameModal, "rls-theme": rlsTheme, children: [_jsx("div", { className: "rls-modal__component", children: children }), _jsx("div", { className: "rls-modal__backdrop", onClick: onClickBackdrop })] }), document.body);
|
|
14
15
|
}
|
|
15
16
|
//# sourceMappingURL=Modal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Modal/Modal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,QAAQ,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Modal/Modal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,QAAQ,MAAM,WAAW,CAAC;AAEjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,aAAa,CAAC;AASrB,MAAM,UAAU,QAAQ,CAAC,EACvB,SAAS,EACT,QAAQ,EACR,SAAS,EACT,UAAU,EACV,UAAU,EACV,OAAO,EACP,QAAQ,EACG;IACX,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,OAAO,iBAAiB,CACtB,WAAW,EACX,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,IAAI,OAAO,EAAE,EAC3C,SAAS,CACV,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;IAE9C,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,SAAS,IAAI,UAAU,EAAE,KAAK,EAAE,CAAC;QACjC,UAAU,EAAE,EAAE,CAAC;IACjB,CAAC,EAAE,CAAC,SAAS,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC;IAExC,OAAO,QAAQ,CAAC,YAAY,CAC1B,eAAK,SAAS,EAAE,cAAc,eAAa,QAAQ,aACjD,cAAK,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAO,EAEtD,cAAK,SAAS,EAAC,qBAAqB,EAAC,OAAO,EAAE,eAAe,GAAQ,IACjE,EACN,QAAQ,CAAC,IAAI,CACd,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { MouseEvent, RefObject } from 'react';
|
|
2
|
+
export interface DropdownController {
|
|
3
|
+
close: () => void;
|
|
4
|
+
component: RefObject<HTMLDivElement>;
|
|
5
|
+
open: (positionX?: number, positionY?: number) => void;
|
|
6
|
+
openWithEvent: (event: MouseEvent) => void;
|
|
7
|
+
visible: boolean;
|
|
8
|
+
}
|
|
9
|
+
export declare function useDropdownController(): DropdownController;
|