@rolster/react-components 18.21.19 → 18.21.21
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-KtbnpnSR.css → index-CiASINsv.css} +18 -5
- package/dist/cjs/index.js +49 -25
- package/dist/cjs/index.js.map +1 -1
- package/dist/es/assets/{index-KtbnpnSR.css → index-CiASINsv.css} +18 -5
- package/dist/es/index.js +49 -25
- package/dist/es/index.js.map +1 -1
- package/dist/esm/components/atoms/Button/Button.css +16 -1
- package/dist/esm/components/atoms/Button/Button.d.ts +1 -1
- package/dist/esm/components/atoms/Button/Button.js.map +1 -1
- package/dist/esm/components/organisms/Confirmation/Confirmation.d.ts +5 -0
- package/dist/esm/components/organisms/Confirmation/Confirmation.js +11 -10
- package/dist/esm/components/organisms/Confirmation/Confirmation.js.map +1 -1
- package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocompleteController.js +11 -5
- package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocompleteController.js.map +1 -1
- package/dist/esm/components/organisms/FieldSelect/FieldSelectController.js +9 -2
- package/dist/esm/components/organisms/FieldSelect/FieldSelectController.js.map +1 -1
- package/dist/esm/components/organisms/Snackbar/Snackbar.css +2 -4
- package/dist/esm/context.d.ts +2 -1
- package/dist/esm/context.js +15 -5
- package/dist/esm/context.js.map +1 -1
- package/dist/esm/controllers/ListController.d.ts +1 -0
- package/dist/esm/controllers/ListController.js +4 -4
- package/dist/esm/controllers/ListController.js.map +1 -1
- package/package.json +2 -2
|
@@ -5,6 +5,9 @@
|
|
|
5
5
|
--pvt-button-content-animation: none;
|
|
6
6
|
--pvt-button-content-visibility: hidden;
|
|
7
7
|
--pvt-button-ripple-background: var(--rls-theme-color-700);
|
|
8
|
+
--pvt-classic-background: var(--rls-app-color-200);
|
|
9
|
+
--pvt-classic-font-color: var(--rls-app-color-500);
|
|
10
|
+
--pvt-classic-border: none;
|
|
8
11
|
--pvt-raised-background: var(--rls-theme-color-500);
|
|
9
12
|
--pvt-raised-font-color: var(--rls-theme-font-500);
|
|
10
13
|
--pvt-raised-border: none;
|
|
@@ -37,11 +40,14 @@
|
|
|
37
40
|
--pvt-button-content-visibility: visible;
|
|
38
41
|
}
|
|
39
42
|
.rls-button:not(:disabled):hover {
|
|
43
|
+
--pvt-classic-background: var(--rls-theme-color-200);
|
|
44
|
+
--pvt-classic-font-color: var(--rls-theme-color-600);
|
|
45
|
+
--pvt-classic-border: none;
|
|
40
46
|
--pvt-raised-background: var(--rls-theme-color-700);
|
|
41
47
|
--pvt-raised-font-color: var(--rls-theme-font-900);
|
|
42
48
|
--pvt-raised-border: none;
|
|
43
49
|
--pvt-flat-background: var(--rls-theme-color-600);
|
|
44
|
-
--pvt-flat-font-color: var(--rls-theme-
|
|
50
|
+
--pvt-flat-font-color: var(--rls-theme-color-050);
|
|
45
51
|
--pvt-flat-border: none;
|
|
46
52
|
--pvt-stroked-background: var(--rls-theme-color-100);
|
|
47
53
|
--pvt-stroked-font-color: var(--rls-theme-color-700);
|
|
@@ -57,6 +63,9 @@
|
|
|
57
63
|
--pvt-gradient-border: none;
|
|
58
64
|
}
|
|
59
65
|
.rls-button:disabled {
|
|
66
|
+
--pvt-classic-background: var(--rls-app-color-100);
|
|
67
|
+
--pvt-classic-font-color: var(--rls-app-color-400);
|
|
68
|
+
--pvt-classic-border: none;
|
|
60
69
|
--pvt-raised-background: var(--rls-theme-color-200);
|
|
61
70
|
--pvt-raised-font-color: var(--rls-theme-color-400);
|
|
62
71
|
--pvt-raised-border: none;
|
|
@@ -109,6 +118,12 @@
|
|
|
109
118
|
animation: var(--pvt-button-content-animation);
|
|
110
119
|
visibility: var(--pvt-button-content-visibility);
|
|
111
120
|
}
|
|
121
|
+
.rls-button__content--classic {
|
|
122
|
+
--pvt-button-content-background: var(--pvt-classic-background);
|
|
123
|
+
--pvt-button-content-font-color: var(--pvt-classic-font-color);
|
|
124
|
+
--pvt-button-content-border: var(--pvt-classic-border);
|
|
125
|
+
--pvt-button-ripple-background: var(--rls-theme-font-900);
|
|
126
|
+
}
|
|
112
127
|
.rls-button__content--raised {
|
|
113
128
|
--pvt-button-content-background: var(--pvt-raised-background);
|
|
114
129
|
--pvt-button-content-font-color: var(--pvt-raised-font-color);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { MouseEventHandler } from 'react';
|
|
2
2
|
import { RlsComponent } from '../../definitions';
|
|
3
3
|
import './Button.css';
|
|
4
|
-
export type RlsButtonType = 'raised' | 'flat' | 'stroked' | 'outline' | 'ghost' | 'gradient';
|
|
4
|
+
export type RlsButtonType = 'classic' | 'raised' | 'flat' | 'stroked' | 'outline' | 'ghost' | 'gradient';
|
|
5
5
|
interface ButtonProps extends RlsComponent {
|
|
6
6
|
type: RlsButtonType;
|
|
7
7
|
disabled?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Button/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,OAAO,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Button/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,OAAO,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,cAAc,CAAC;AAmBtB,MAAM,UAAU,SAAS,CAAC,EACxB,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,UAAU,EACV,UAAU,EACV,QAAQ,EACR,OAAO,EACK;IACZ,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,qBAAqB,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC;IAC5D,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,CACL,iBACE,EAAE,EAAE,UAAU,EACd,SAAS,EAAC,YAAY,EACtB,OAAO,EAAE,OAAO,eACL,QAAQ,EACnB,QAAQ,EAAE,QAAQ,YAElB,eAAK,SAAS,EAAE,SAAS,aACtB,UAAU,IAAI,KAAC,OAAO,IAAC,KAAK,EAAE,UAAU,GAAI,EAC5C,QAAQ,IAAI,cAAK,SAAS,EAAC,mBAAmB,YAAE,QAAQ,GAAO,EAC/D,UAAU,IAAI,KAAC,OAAO,IAAC,KAAK,EAAE,UAAU,GAAI,IACzC,GACC,CACV,CAAC;AACJ,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { PartialSealed } from '@rolster/commons';
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
|
+
import { RlsButtonType } from '../../atoms/Button/Button';
|
|
3
4
|
import { RlsTheme } from '../../definitions';
|
|
4
5
|
import './Confirmation.css';
|
|
5
6
|
export declare class ConfirmationResult extends PartialSealed<void, void, {
|
|
@@ -13,7 +14,9 @@ type Result = Promise<ConfirmationResult>;
|
|
|
13
14
|
interface ConfirmationButton {
|
|
14
15
|
label: string;
|
|
15
16
|
onClick: () => void;
|
|
17
|
+
type: RlsButtonType;
|
|
16
18
|
identifier?: string;
|
|
19
|
+
rlsTheme?: RlsTheme;
|
|
17
20
|
}
|
|
18
21
|
interface ConfirmationBasic {
|
|
19
22
|
content?: ReactNode;
|
|
@@ -29,6 +32,8 @@ interface ConfirmationProps extends ConfirmationBasic {
|
|
|
29
32
|
interface ConfirmationAction {
|
|
30
33
|
label: string;
|
|
31
34
|
identifier?: string;
|
|
35
|
+
rlsTheme?: RlsTheme;
|
|
36
|
+
type?: RlsButtonType;
|
|
32
37
|
}
|
|
33
38
|
interface ConfirmationOptions extends ConfirmationBasic {
|
|
34
39
|
approved?: ConfirmationAction;
|
|
@@ -18,27 +18,26 @@ export function RlsConfirmation({ approved, content, reject, rlsTheme, subtitle,
|
|
|
18
18
|
const className = useMemo(() => {
|
|
19
19
|
return renderClassStatus('rls-confirmation', { visible });
|
|
20
20
|
}, [visible]);
|
|
21
|
-
return (_jsxs("div", { className: className, "rls-theme": rlsTheme, children: [_jsxs("div", { className: "rls-confirmation__component", children: [_jsxs("div", { className: "rls-confirmation__header", children: [title && _jsx("div", { className: "rls-confirmation__title", children: title }), subtitle && (_jsx("div", { className: "rls-confirmation__subtitle", children: subtitle }))] }), _jsx("div", { className: "rls-confirmation__body", children: content && (_jsx("div", { className: "rls-confirmation__message", children: content })) }), (approved || reject) && (_jsx("div", { className: "rls-confirmation__footer", children: _jsxs("div", { className: "rls-confirmation__actions", children: [approved && (_jsx(RlsButton, { identifier: approved.identifier, type:
|
|
21
|
+
return (_jsxs("div", { className: className, "rls-theme": rlsTheme, children: [_jsxs("div", { className: "rls-confirmation__component", children: [_jsxs("div", { className: "rls-confirmation__header", children: [title && _jsx("div", { className: "rls-confirmation__title", children: title }), subtitle && (_jsx("div", { className: "rls-confirmation__subtitle", children: subtitle }))] }), _jsx("div", { className: "rls-confirmation__body", children: content && (_jsx("div", { className: "rls-confirmation__message", children: content })) }), (approved || reject) && (_jsx("div", { className: "rls-confirmation__footer", children: _jsxs("div", { className: "rls-confirmation__actions", children: [approved && (_jsx(RlsButton, { identifier: approved.identifier, type: approved.type, onClick: approved.onClick, rlsTheme: approved.rlsTheme, children: approved.label })), reject && (_jsx(RlsButton, { identifier: reject.identifier, type: reject.type, onClick: reject.onClick, rlsTheme: reject.rlsTheme, children: reject.label }))] }) }))] }), _jsx("div", { className: "rls-confirmation__backdrop" })] }));
|
|
22
22
|
}
|
|
23
23
|
export function useConfirmation() {
|
|
24
24
|
const [config, setConfig] = useState({});
|
|
25
25
|
const [visible, setVisible] = useState(false);
|
|
26
|
-
const
|
|
26
|
+
const component = ReactDOM.createPortal(_jsx(RlsConfirmation, { ...config, visible: visible }), document.body);
|
|
27
27
|
const confirmation = useCallback((options) => {
|
|
28
28
|
return new Promise((resolve) => {
|
|
29
|
-
const {
|
|
29
|
+
const { approved, reject } = options;
|
|
30
30
|
setConfig({
|
|
31
|
-
|
|
32
|
-
rlsTheme,
|
|
33
|
-
subtitle,
|
|
34
|
-
title,
|
|
31
|
+
...options,
|
|
35
32
|
approved: {
|
|
36
33
|
label: approved?.label ?? reactI18n('confirmationActionApproved'),
|
|
37
34
|
onClick: () => {
|
|
38
35
|
setVisible(false);
|
|
39
36
|
resolve(ConfirmationResult.approved());
|
|
40
37
|
},
|
|
41
|
-
identifier: approved?.identifier
|
|
38
|
+
identifier: approved?.identifier,
|
|
39
|
+
rlsTheme: approved?.rlsTheme,
|
|
40
|
+
type: approved?.type ?? 'raised'
|
|
42
41
|
},
|
|
43
42
|
reject: reject
|
|
44
43
|
? {
|
|
@@ -47,7 +46,9 @@ export function useConfirmation() {
|
|
|
47
46
|
setVisible(false);
|
|
48
47
|
resolve(ConfirmationResult.reject());
|
|
49
48
|
},
|
|
50
|
-
identifier: reject.identifier
|
|
49
|
+
identifier: reject.identifier,
|
|
50
|
+
rlsTheme: reject.rlsTheme,
|
|
51
|
+
type: reject?.type ?? 'classic'
|
|
51
52
|
}
|
|
52
53
|
: undefined
|
|
53
54
|
});
|
|
@@ -55,7 +56,7 @@ export function useConfirmation() {
|
|
|
55
56
|
});
|
|
56
57
|
}, []);
|
|
57
58
|
return {
|
|
58
|
-
RlsConfirmation:
|
|
59
|
+
RlsConfirmation: component,
|
|
59
60
|
confirmation
|
|
60
61
|
};
|
|
61
62
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Confirmation.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Confirmation/Confirmation.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAa,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"Confirmation.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Confirmation/Confirmation.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,10 +4,14 @@ import { useListController } from '../../../controllers';
|
|
|
4
4
|
const DURATION_ANIMATION = 240;
|
|
5
5
|
const MAX_ELEMENTS = 6;
|
|
6
6
|
export function useFieldAutocomplete(props) {
|
|
7
|
-
const
|
|
7
|
+
const limit = useRef(props.suggestions.length);
|
|
8
|
+
const controller = useListController({
|
|
9
|
+
...props,
|
|
10
|
+
limit: limit.current
|
|
11
|
+
});
|
|
8
12
|
const [coincidences, setCoincidences] = useState([]);
|
|
9
13
|
const [pattern, setPattern] = useState('');
|
|
10
|
-
const
|
|
14
|
+
const _store = useRef({
|
|
11
15
|
coincidences: [],
|
|
12
16
|
pattern: '',
|
|
13
17
|
previous: null
|
|
@@ -17,10 +21,12 @@ export function useFieldAutocomplete(props) {
|
|
|
17
21
|
pattern,
|
|
18
22
|
suggestions,
|
|
19
23
|
reboot,
|
|
20
|
-
store:
|
|
24
|
+
store: _store.current
|
|
21
25
|
});
|
|
22
|
-
|
|
23
|
-
|
|
26
|
+
_store.current = store;
|
|
27
|
+
const coincidences = collection.slice(0, MAX_ELEMENTS);
|
|
28
|
+
setCoincidences(coincidences);
|
|
29
|
+
limit.current = coincidences.length;
|
|
24
30
|
}, []);
|
|
25
31
|
useEffect(() => {
|
|
26
32
|
refreshCoincidences(props.suggestions, pattern, true);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldAutocompleteController.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldAutocomplete/FieldAutocompleteController.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,uBAAuB,EACxB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAIL,WAAW,EACX,SAAS,EACT,MAAM,EACN,QAAQ,EACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAGzD,MAAM,kBAAkB,GAAG,GAAG,CAAC;AAC/B,MAAM,YAAY,GAAG,CAAC,CAAC;AAoCvB,MAAM,UAAU,oBAAoB,CAIlC,KAAsC;IACtC,MAAM,UAAU,GAAG,iBAAiB,CAAO,KAAK,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"FieldAutocompleteController.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldAutocomplete/FieldAutocompleteController.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,uBAAuB,EACxB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAIL,WAAW,EACX,SAAS,EACT,MAAM,EACN,QAAQ,EACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAGzD,MAAM,kBAAkB,GAAG,GAAG,CAAC;AAC/B,MAAM,YAAY,GAAG,CAAC,CAAC;AAoCvB,MAAM,UAAU,oBAAoB,CAIlC,KAAsC;IACtC,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAE/C,MAAM,UAAU,GAAG,iBAAiB,CAAO;QACzC,GAAG,KAAK;QACR,KAAK,EAAE,KAAK,CAAC,OAAO;KACrB,CAAC,CAAC;IAEH,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAM,EAAE,CAAC,CAAC;IAC1D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE3C,MAAM,MAAM,GAAG,MAAM,CAA0B;QAC7C,YAAY,EAAE,EAAE;QAChB,OAAO,EAAE,EAAE;QACX,QAAQ,EAAE,IAAI;KACf,CAAC,CAAC;IAEH,MAAM,mBAAmB,GAAG,WAAW,CACrC,CAAC,WAAgB,EAAE,OAAsB,EAAE,MAAM,GAAG,KAAK,EAAE,EAAE;QAC3D,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,uBAAuB,CAAC;YACpD,OAAO;YACP,WAAW;YACX,MAAM;YACN,KAAK,EAAE,MAAM,CAAC,OAAO;SACtB,CAAC,CAAC;QAEH,MAAM,CAAC,OAAO,GAAG,KAAK,CAAC;QAEvB,MAAM,YAAY,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC;QAEvD,eAAe,CAAC,YAAY,CAAC,CAAC;QAC9B,KAAK,CAAC,OAAO,GAAG,YAAY,CAAC,MAAM,CAAC;IACtC,CAAC,EACD,EAAE,CACH,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,mBAAmB,CAAC,KAAK,CAAC,WAAW,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;IACxD,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IAExB,SAAS,CAAC,GAAG,EAAE;QACb,mBAAmB,CAAC,KAAK,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;IAClD,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,UAAU,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE1B,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,UAAU,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;IAC1C,CAAC,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE1B,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,KAAoB,EAAE,EAAE;QACvB,QAAQ,KAAK,CAAC,IAAI,EAAE,CAAC;YACnB,KAAK,QAAQ,CAAC;YACd,KAAK,KAAK;gBACR,UAAU,CAAC,QAAQ,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,CAAC;gBAC/C,MAAM;YAER;gBACE,UAAU,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;gBAClC,MAAM;QACV,CAAC;IACH,CAAC,EACD,CAAC,UAAU,CAAC,QAAQ,EAAE,UAAU,CAAC,eAAe,CAAC,CAClD,CAAC;IAEF,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE;QACtC,UAAU,CAAC,QAAQ,CAAC,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC,CAAC;QAE9C,UAAU,CAAC,GAAG,EAAE;YACd,UAAU,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;QACxC,CAAC,EAAE,kBAAkB,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE1B,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,IAAI,UAAU,CAAC,KAAK,EAAE,CAAC;YACrB,UAAU,CAAC,QAAQ,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,CAAC;YAC/C,UAAU,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;YACnC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,KAAU,CAAC,CAAC;QACnD,CAAC;aAAM,CAAC;YACN,cAAc,EAAE,CAAC;QACnB,CAAC;IACH,CAAC,EAAE;QACD,UAAU,CAAC,KAAK;QAChB,UAAU,CAAC,QAAQ;QACnB,UAAU,CAAC,YAAY;QACvB,KAAK,CAAC,OAAO;KACd,CAAC,CAAC;IAEH,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,UAAU,CAAC,QAAQ,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,CAAC;IACjD,CAAC,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE1B,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,OAAmB,EAAE,EAAE;QACtB,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;YACnB,UAAU,CAAC,QAAQ,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,CAAC;YAC/C,OAAO,CAAC,KAAK,IAAI,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACjD,CAAC;aAAM,CAAC;YACN,UAAU,CAAC,QAAQ,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,CAAC;YAC/C,UAAU,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QACnC,CAAC;QAED,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAChD,CAAC,EACD;QACE,UAAU,CAAC,QAAQ;QACnB,UAAU,CAAC,YAAY;QACvB,KAAK,CAAC,QAAQ;QACd,KAAK,CAAC,OAAO;KACd,CACF,CAAC;IAEF,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,OAAmB,EAAE,EAAE;QACtB,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,OAAO,CAAC,CAAC;QACpB,CAAC,CAAC;IACJ,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,OAAmB,EAAE,EAAE;QACtB,OAAO,CAAC,KAAoB,EAAE,EAAE;YAC9B,KAAK,CAAC,IAAI,KAAK,OAAO;gBACpB,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC;gBACnB,CAAC,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAC1C,CAAC,CAAC;IACJ,CAAC,EACD,CAAC,QAAQ,EAAE,UAAU,CAAC,iBAAiB,CAAC,CACzC,CAAC;IAEF,OAAO;QACL,GAAG,UAAU;QACb,YAAY;QACZ,WAAW;QACX,aAAa;QACb,eAAe;QACf,cAAc;QACd,cAAc;QACd,YAAY;QACZ,gBAAgB;QAChB,cAAc;QACd,OAAO;QACP,UAAU;KACX,CAAC;AACJ,CAAC"}
|
|
@@ -1,7 +1,14 @@
|
|
|
1
|
-
import { useCallback } from 'react';
|
|
1
|
+
import { useCallback, useEffect, useRef } from 'react';
|
|
2
2
|
import { useListController } from '../../../controllers';
|
|
3
3
|
export function useFieldSelect(props) {
|
|
4
|
-
const
|
|
4
|
+
const limit = useRef(props.suggestions.length);
|
|
5
|
+
const controller = useListController({
|
|
6
|
+
...props,
|
|
7
|
+
limit: limit.current
|
|
8
|
+
});
|
|
9
|
+
useEffect(() => {
|
|
10
|
+
limit.current = props.suggestions.length;
|
|
11
|
+
}, [props.suggestions]);
|
|
5
12
|
const onFocusInput = useCallback(() => {
|
|
6
13
|
controller.setState({ focused: true });
|
|
7
14
|
}, [controller.setState]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldSelectController.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldSelect/FieldSelectController.ts"],"names":[],"mappings":"AAEA,OAAO,EAIL,WAAW,
|
|
1
|
+
{"version":3,"file":"FieldSelectController.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldSelect/FieldSelectController.ts"],"names":[],"mappings":"AAEA,OAAO,EAIL,WAAW,EACX,SAAS,EACT,MAAM,EACP,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAiCzD,MAAM,UAAU,cAAc,CAI5B,KAAgC;IAChC,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAE/C,MAAM,UAAU,GAAG,iBAAiB,CAAO;QACzC,GAAG,KAAK;QACR,KAAK,EAAE,KAAK,CAAC,OAAO;KACrB,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC;IAC3C,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IAExB,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,UAAU,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE1B,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,UAAU,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;IAC1C,CAAC,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE1B,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,UAAU,CAAC,QAAQ,CAAC,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE1B,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,KAAoB,EAAE,EAAE;QACvB,QAAQ,KAAK,CAAC,IAAI,EAAE,CAAC;YACnB,KAAK,OAAO,CAAC;YACb,KAAK,OAAO;gBACV,UAAU,CAAC,QAAQ,CAAC,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC,CAAC;gBAC9C,MAAM;YAER,KAAK,QAAQ,CAAC;YACd,KAAK,KAAK;gBACR,UAAU,CAAC,QAAQ,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,CAAC;gBAC/C,MAAM;YAER;gBACE,UAAU,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;gBAClC,MAAM;QACV,CAAC;IACH,CAAC,EACD,CAAC,UAAU,CAAC,QAAQ,EAAE,UAAU,CAAC,eAAe,CAAC,CAClD,CAAC;IAEF,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,MAAM,SAAS,GAAG,CAAC,KAAK,CAAC,WAAW,IAAI,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC;QAE3D,IAAI,SAAS,EAAE,CAAC;YACd,UAAU,CAAC,QAAQ,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,CAAC;YAC/C,UAAU,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;YACnC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,KAAU,CAAC,CAAC;QACnD,CAAC;aAAM,CAAC;YACN,MAAM,cAAc,GAAG,CAAC,UAAU,CAAC,cAAc,CAAC;YAClD,UAAU,CAAC,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC,CAAC;YACxC,cAAc,IAAI,UAAU,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;QAC1D,CAAC;IACH,CAAC,EAAE;QACD,UAAU,CAAC,cAAc;QACzB,UAAU,CAAC,KAAK;QAChB,UAAU,CAAC,QAAQ;QACnB,UAAU,CAAC,YAAY;QACvB,KAAK,CAAC,WAAW;QACjB,KAAK,CAAC,OAAO;KACd,CAAC,CAAC;IAEH,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,UAAU,CAAC,QAAQ,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,CAAC;IACjD,CAAC,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE1B,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,OAAmB,EAAE,EAAE;QACtB,UAAU,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;QAEtC,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;YACnB,UAAU,CAAC,QAAQ,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,CAAC;YAC/C,OAAO,CAAC,KAAK,IAAI,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACjD,CAAC;aAAM,CAAC;YACN,UAAU,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;YACjC,UAAU,CAAC,QAAQ,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,CAAC;QACjD,CAAC;QAED,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAChD,CAAC,EACD;QACE,UAAU,CAAC,QAAQ;QACnB,UAAU,CAAC,YAAY;QACvB,KAAK,CAAC,QAAQ;QACd,KAAK,CAAC,OAAO;KACd,CACF,CAAC;IAEF,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,OAAmB,EAAE,EAAE;QACtB,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,OAAO,CAAC,CAAC;QACpB,CAAC,CAAC;IACJ,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,OAAmB,EAAE,EAAE;QACtB,OAAO,CAAC,KAAoB,EAAE,EAAE;YAC9B,KAAK,CAAC,IAAI,KAAK,OAAO;gBACpB,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC;gBACnB,CAAC,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAC1C,CAAC,CAAC;IACJ,CAAC,EACD,CAAC,QAAQ,EAAE,UAAU,CAAC,iBAAiB,CAAC,CACzC,CAAC;IAEF,OAAO;QACL,GAAG,UAAU;QACb,WAAW;QACX,aAAa;QACb,eAAe;QACf,YAAY;QACZ,cAAc;QACd,YAAY;QACZ,gBAAgB;QAChB,cAAc;KACf,CAAC;AACJ,CAAC"}
|
|
@@ -11,9 +11,7 @@
|
|
|
11
11
|
padding: var(--rls-sizing-x6);
|
|
12
12
|
box-sizing: border-box;
|
|
13
13
|
border-radius: var(--rls-sizing-x4);
|
|
14
|
-
background: var(--rls-
|
|
15
|
-
box-shadow: var(--rls-light-shadow-bottom-4);
|
|
16
|
-
border: var(--rls-theme-border-1-300);
|
|
14
|
+
background: var(--rls-theme-color-100);
|
|
17
15
|
transform: translate(-50%, 100%);
|
|
18
16
|
transition: transform 160ms 0ms var(--rls-standard-curve);
|
|
19
17
|
}
|
|
@@ -21,7 +19,7 @@
|
|
|
21
19
|
transform: translate(-50%, calc(0% - var(--rls-sizing-x8)));
|
|
22
20
|
}
|
|
23
21
|
.rls-snackbar__avatar {
|
|
24
|
-
--rlc-icon-color: var(--rls-
|
|
22
|
+
--rlc-icon-color: var(--rls-theme-color-050);
|
|
25
23
|
display: flex;
|
|
26
24
|
justify-content: center;
|
|
27
25
|
align-items: center;
|
package/dist/esm/context.d.ts
CHANGED
|
@@ -3,7 +3,8 @@ import { RlsComponent } from './components/definitions';
|
|
|
3
3
|
interface RlsState {
|
|
4
4
|
confirmation: Confirmation;
|
|
5
5
|
snackbar: Snackbar;
|
|
6
|
-
|
|
6
|
+
setNavbarInApp: (hasNavbar: boolean) => void;
|
|
7
|
+
setNavbarIsCondense: (isCondense: boolean) => void;
|
|
7
8
|
}
|
|
8
9
|
export declare const RlsContext: import("react").Context<RlsState>;
|
|
9
10
|
export declare function RlsApplication({ children }: RlsComponent): import("react/jsx-runtime").JSX.Element;
|
package/dist/esm/context.js
CHANGED
|
@@ -7,15 +7,25 @@ export const RlsContext = createContext({
|
|
|
7
7
|
return Promise.resolve(ConfirmationResult.approved());
|
|
8
8
|
},
|
|
9
9
|
snackbar: () => { },
|
|
10
|
-
|
|
10
|
+
setNavbarInApp: () => { },
|
|
11
|
+
setNavbarIsCondense: () => { }
|
|
11
12
|
});
|
|
12
13
|
export function RlsApplication({ children }) {
|
|
13
14
|
const { RlsConfirmation, confirmation } = useConfirmation();
|
|
14
15
|
const { RlsSnackbar, snackbar } = useSnackbar();
|
|
15
|
-
const [
|
|
16
|
+
const [hasNavbar, setNavbarInApp] = useState(false);
|
|
17
|
+
const [isNavbarCondense, setNavbarIsCondense] = useState(false);
|
|
16
18
|
const className = useMemo(() => {
|
|
17
|
-
return renderClassStatus('rls-app__body', {
|
|
18
|
-
|
|
19
|
-
|
|
19
|
+
return renderClassStatus('rls-app__body', {
|
|
20
|
+
snackbar: hasNavbar,
|
|
21
|
+
'navbar-condense': isNavbarCondense
|
|
22
|
+
});
|
|
23
|
+
}, [hasNavbar]);
|
|
24
|
+
return (_jsxs(RlsContext.Provider, { value: {
|
|
25
|
+
confirmation,
|
|
26
|
+
snackbar,
|
|
27
|
+
setNavbarInApp,
|
|
28
|
+
setNavbarIsCondense
|
|
29
|
+
}, children: [_jsxs("div", { className: className, children: [children, RlsSnackbar] }), RlsConfirmation] }));
|
|
20
30
|
}
|
|
21
31
|
//# sourceMappingURL=context.js.map
|
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;AACzD,OAAO,EACL,kBAAkB,EAGlB,eAAe,EACf,WAAW,EACZ,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;
|
|
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;AACzD,OAAO,EACL,kBAAkB,EAGlB,eAAe,EACf,WAAW,EACZ,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAS9C,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,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,SAAS,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhE,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,eAAe,EAAE;YACxC,QAAQ,EAAE,SAAS;YACnB,iBAAiB,EAAE,gBAAgB;SACpC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL,MAAC,UAAU,CAAC,QAAQ,IAClB,KAAK,EAAE;YACL,YAAY;YACZ,QAAQ;YACR,cAAc;YACd,mBAAmB;SACpB,aAED,eAAK,SAAS,EAAE,SAAS,aACtB,QAAQ,EACR,WAAW,IACR,EACL,eAAe,IACI,CACvB,CAAC;AACJ,CAAC"}
|
|
@@ -17,6 +17,7 @@ export interface ListController<T = any> extends ListControllerState {
|
|
|
17
17
|
setState: (state: Partial<ListControllerState>) => void;
|
|
18
18
|
}
|
|
19
19
|
interface ListControllerProps<T = any, K = string> {
|
|
20
|
+
limit: number;
|
|
20
21
|
suggestions: AbstractListElement<T>[];
|
|
21
22
|
automatic?: boolean;
|
|
22
23
|
formControl?: ReactControl<HTMLElement, T | undefined> | ReactControl<HTMLElement, NonNullable<T>>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ListCollection, locationListCanTop, navigationListFromElement, navigationListFromInput } from '@rolster/components';
|
|
2
2
|
import { useCallback, useEffect, useRef, useState } from 'react';
|
|
3
3
|
export function useListController(props) {
|
|
4
|
-
const { suggestions, automatic, formControl, reference } = props;
|
|
4
|
+
const { limit, suggestions, automatic, formControl, reference } = props;
|
|
5
5
|
const listIsOpen = useRef(false);
|
|
6
6
|
const contentRef = useRef(null);
|
|
7
7
|
const listRef = useRef(null);
|
|
@@ -64,15 +64,15 @@ export function useListController(props) {
|
|
|
64
64
|
changeValueInternal.current = false;
|
|
65
65
|
}, [collection, formControl?.value]);
|
|
66
66
|
const setState = useCallback((state) => {
|
|
67
|
-
const
|
|
67
|
+
const minHeightList = limit > 0 ? (limit < 6 ? limit * 48 : 300) : 160;
|
|
68
68
|
const _state = state.modalIsVisible
|
|
69
69
|
? {
|
|
70
70
|
...state,
|
|
71
|
-
higher: locationListCanTop(contentRef.current, listRef.current,
|
|
71
|
+
higher: locationListCanTop(contentRef.current, listRef.current, minHeightList)
|
|
72
72
|
}
|
|
73
73
|
: state;
|
|
74
74
|
refreshState((state) => ({ ...state, ..._state }));
|
|
75
|
-
}, []);
|
|
75
|
+
}, [limit]);
|
|
76
76
|
const setFormValue = useCallback((element, initialValue = false) => {
|
|
77
77
|
refreshState((state) => ({
|
|
78
78
|
...state,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListController.js","sourceRoot":"","sources":["../../../src/controllers/ListController.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,cAAc,EACd,kBAAkB,EAClB,yBAAyB,EACzB,uBAAuB,EACxB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAGL,WAAW,EACX,SAAS,EACT,MAAM,EACN,QAAQ,EACT,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ListController.js","sourceRoot":"","sources":["../../../src/controllers/ListController.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,cAAc,EACd,kBAAkB,EAClB,yBAAyB,EACzB,uBAAuB,EACxB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAGL,WAAW,EACX,SAAS,EACT,MAAM,EACN,QAAQ,EACT,MAAM,OAAO,CAAC;AA8Bf,MAAM,UAAU,iBAAiB,CAC/B,KAAgC;IAEhC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAExE,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACjC,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,OAAO,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAC/C,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEhD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAC1C,IAAI,cAAc,CAAO,WAAW,CAAC,CACtC,CAAC;IAEF,MAAM,CAAC,KAAK,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAsB;QAC1D,OAAO,EAAE,KAAK;QACd,MAAM,EAAE,KAAK;QACb,KAAK,EAAE,EAAE;QACT,cAAc,EAAE,KAAK;KACtB,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;IAC3B,MAAM,cAAc,GAAG,MAAM,EAAK,CAAC;IACnC,MAAM,mBAAmB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAE1C,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,kBAAkB,CAAC,EAAE,MAAM,EAAc;YAChD,CAAC,UAAU,EAAE,OAAO,EAAE,QAAQ,CAAC,MAAa,CAAC;gBAC3C,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;QACnE,CAAC;QAED,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAC;QAEvD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAC;QAC5D,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,UAAU,CAAC,OAAO,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC;YAChD,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;QAC5B,CAAC;QAED,IAAI,UAAU,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;YAChD,WAAW,EAAE,KAAK,EAAE,CAAC;QACvB,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC;IAE3B,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,IAAI,cAAc,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC;IAC5D,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,CAAC;YACjC,IAAI,WAAW,EAAE,KAAK,EAAE,CAAC;gBACvB,MAAM,OAAO,GAAG,UAAU,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;gBAEnD,IAAI,CAAC,OAAO,EAAE,CAAC;oBACb,cAAc,CAAC,OAAO,GAAG,WAAW,CAAC,KAAK,CAAC;oBAE3C,SAAS;wBACP,CAAC,CAAC,YAAY,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC;wBACzC,CAAC,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;gBAC9B,CAAC;qBAAM,CAAC;oBACN,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;gBACtE,CAAC;YACH,CAAC;iBAAM,IAAI,cAAc,CAAC,OAAO,EAAE,CAAC;gBAClC,MAAM,OAAO,GAAG,UAAU,CAAC,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;gBAExD,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;YAC1E,CAAC;iBAAM,CAAC;gBACN,SAAS;oBACP,CAAC,CAAC,YAAY,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC;oBACzC,CAAC,CAAC,YAAY,CAAC,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;YAC5C,CAAC;QACH,CAAC;QAED,mBAAmB,CAAC,OAAO,GAAG,KAAK,CAAC;IACtC,CAAC,EAAE,CAAC,UAAU,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;IAErC,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,KAAmC,EAAE,EAAE;QACtC,MAAM,aAAa,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;QAEvE,MAAM,MAAM,GAAG,KAAK,CAAC,cAAc;YACjC,CAAC,CAAC;gBACE,GAAG,KAAK;gBACR,MAAM,EAAE,kBAAkB,CACxB,UAAU,CAAC,OAAO,EAClB,OAAO,CAAC,OAAO,EACf,aAAa,CACd;aACF;YACH,CAAC,CAAC,KAAK,CAAC;QAEV,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,GAAG,MAAM,EAAE,CAAC,CAAC,CAAC;IACrD,CAAC,EACD,CAAC,KAAK,CAAC,CACR,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,OAAkC,EAAE,YAAY,GAAG,KAAK,EAAE,EAAE;QAC3D,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YACvB,GAAG,KAAK;YACR,KAAK,EAAE,OAAO,EAAE,WAAW,IAAI,EAAE;SAClC,CAAC,CAAC,CAAC;QAEJ,mBAAmB,CAAC,OAAO,GAAG,IAAI,CAAC;QAEnC,YAAY;YACV,CAAC,CAAC,WAAW,EAAE,eAAe,CAAC,OAAO,EAAE,KAAK,CAAC;YAC9C,CAAC,CAAC,WAAW,EAAE,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IAC5C,CAAC,EACD,CAAC,WAAW,CAAC,CACd,CAAC;IAEF,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,KAAoB,EAAE,EAAE;QACvB,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC;YACzB,MAAM,SAAS,GAAG,uBAAuB,CAAC;gBACxC,OAAO,EAAE,UAAU,CAAC,OAAO;gBAC3B,KAAK,EAAE,KAAY;gBACnB,IAAI,EAAE,OAAO,CAAC,OAAO;aACtB,CAAC,CAAC;YAEH,QAAQ,CAAC,OAAO,GAAG,SAAS,IAAI,CAAC,CAAC;QACpC,CAAC;IACH,CAAC,EACD,CAAC,KAAK,CAAC,cAAc,CAAC,CACvB,CAAC;IAEF,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,KAAoB,EAAE,EAAE;QACvB,QAAQ,CAAC,OAAO,GAAG,yBAAyB,CAAC;YAC3C,OAAO,EAAE,UAAU,CAAC,OAAO;YAC3B,KAAK,EAAE,KAAY;YACnB,KAAK,EAAE,QAAQ,CAAC,OAAO;YACvB,IAAI,EAAE,OAAO,CAAC,OAAO;YACrB,QAAQ,EAAE,QAAQ,CAAC,OAAO;SAC3B,CAAC,CAAC;IACL,CAAC,EACD,CAAC,KAAK,CAAC,cAAc,CAAC,CACvB,CAAC;IAEF,OAAO;QACL,GAAG,KAAK;QACR,UAAU;QACV,QAAQ;QACR,OAAO;QACP,iBAAiB;QACjB,eAAe;QACf,YAAY;QACZ,QAAQ;KACT,CAAC;AACJ,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rolster/react-components",
|
|
3
|
-
"version": "18.21.
|
|
3
|
+
"version": "18.21.21",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Package containing UI components for React Project.",
|
|
6
6
|
"module": "dist/esm/index.js",
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
"@rollup/plugin-node-resolve": "^15.2.1",
|
|
50
50
|
"@rollup/plugin-typescript": "^11.1.3",
|
|
51
51
|
"@rolster/rollup": "^1.0.6",
|
|
52
|
-
"@rolster/styles-foundations": "^2.4.
|
|
52
|
+
"@rolster/styles-foundations": "^2.4.16",
|
|
53
53
|
"@rolster/types": "^1.1.0",
|
|
54
54
|
"@types/node-sass": "^4.11.4",
|
|
55
55
|
"@types/react": "^18.0.28",
|