@rolster/react-components 19.7.5 → 19.7.11
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/index.cjs +100 -44
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/es/index.mjs +100 -44
- package/dist/es/index.mjs.map +1 -1
- package/dist/esm/components/organisms/Confirmation/Confirmation.d.ts +2 -1
- package/dist/esm/components/organisms/Confirmation/Confirmation.js +13 -4
- package/dist/esm/components/organisms/Confirmation/Confirmation.js.map +1 -1
- 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/FieldAutocomplete/FieldAutocompleteController.js +16 -3
- package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocompleteController.js.map +1 -1
- package/dist/esm/components/organisms/FieldClock/FieldClock.js +1 -1
- package/dist/esm/components/organisms/FieldClock/FieldClock.js.map +1 -1
- package/dist/esm/components/organisms/FieldColor/FieldColor.js +4 -4
- package/dist/esm/components/organisms/FieldColor/FieldColor.js.map +1 -1
- package/dist/esm/components/organisms/FieldDate/FieldDate.js +1 -1
- package/dist/esm/components/organisms/FieldDate/FieldDate.js.map +1 -1
- package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.js +1 -1
- package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.js.map +1 -1
- package/dist/esm/components/organisms/FieldList/FieldList.js +1 -1
- package/dist/esm/components/organisms/FieldList/FieldList.js.map +1 -1
- package/dist/esm/components/organisms/FieldList/FieldListController.js +13 -3
- package/dist/esm/components/organisms/FieldList/FieldListController.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/FieldSelect/FieldSelectController.js +13 -3
- package/dist/esm/components/organisms/FieldSelect/FieldSelectController.js.map +1 -1
- package/dist/esm/components/organisms/Notifications/Notifications.d.ts +2 -1
- package/dist/esm/components/organisms/Notifications/Notifications.js +11 -5
- package/dist/esm/components/organisms/Notifications/Notifications.js.map +1 -1
- package/dist/esm/components/organisms/Snackbar/Snackbar.d.ts +2 -1
- package/dist/esm/components/organisms/Snackbar/Snackbar.js +12 -6
- package/dist/esm/components/organisms/Snackbar/Snackbar.js.map +1 -1
- package/dist/esm/context.js +3 -3
- package/dist/esm/context.js.map +1 -1
- package/dist/esm/controllers/DropdownController.js +2 -8
- package/dist/esm/controllers/DropdownController.js.map +1 -1
- package/dist/esm/controllers/ListController.js +3 -3
- package/dist/esm/controllers/ListController.js.map +1 -1
- package/dist/esm/controllers/PortalController.js +2 -2
- package/dist/esm/controllers/PortalController.js.map +1 -1
- package/dist/esm/controllers/TabsController.d.ts +5 -1
- package/dist/esm/controllers/TabsController.js +12 -4
- package/dist/esm/controllers/TabsController.js.map +1 -1
- package/package.json +2 -2
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { memo, useCallback, useEffect, useRef, useState } from 'react';
|
|
2
|
+
import { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
3
3
|
import { renderClassStatus } from '../../../helpers/css';
|
|
4
4
|
import { RlsIcon } from '../../atoms/Icon/Icon';
|
|
5
5
|
const DURATION_ANIMATION = 240;
|
|
@@ -22,6 +22,7 @@ function RlsSnackbarComponent({ content, onClose, icon, rlsTheme, title, visible
|
|
|
22
22
|
return (_jsxs("div", { className: className, "rls-theme": rlsTheme, children: [icon && (_jsx("div", { className: "rls-snackbar__avatar", children: _jsx(RlsIcon, { value: icon }) })), _jsxs("div", { className: "rls-snackbar__component", children: [_jsxs("div", { className: "rls-snackbar__header", children: [_jsx("div", { className: "rls-snackbar__title", children: title }), _jsx("button", { onClick: onClose, children: _jsx(RlsIcon, { value: "close" }) })] }), _jsx("div", { className: "rls-snackbar__content", children: content })] })] }));
|
|
23
23
|
}
|
|
24
24
|
export const RlsSnackbar = memo(RlsSnackbarComponent);
|
|
25
|
+
const RlsSnackbarNode = RlsSnackbar;
|
|
25
26
|
export function useSnackbar() {
|
|
26
27
|
const timeoutId = useRef(undefined);
|
|
27
28
|
const duration = useRef(4000);
|
|
@@ -29,6 +30,8 @@ export function useSnackbar() {
|
|
|
29
30
|
config: {},
|
|
30
31
|
visible: false
|
|
31
32
|
});
|
|
33
|
+
const stateRef = useRef(state);
|
|
34
|
+
stateRef.current = state;
|
|
32
35
|
const onClose = useCallback(() => {
|
|
33
36
|
if (timeoutId.current) {
|
|
34
37
|
clearTimeout(timeoutId.current);
|
|
@@ -36,7 +39,13 @@ export function useSnackbar() {
|
|
|
36
39
|
timeoutId.current = undefined;
|
|
37
40
|
setState((state) => ({ ...state, visible: false }));
|
|
38
41
|
}, []);
|
|
39
|
-
const
|
|
42
|
+
const onCloseRef = useRef(onClose);
|
|
43
|
+
onCloseRef.current = onClose;
|
|
44
|
+
const RlsSnackbar = useMemo(() => {
|
|
45
|
+
return function RlsSnackbar(props) {
|
|
46
|
+
return (_jsx(RlsSnackbarNode, { ...props, ...stateRef.current.config, visible: stateRef.current.visible, onClose: onCloseRef.current }));
|
|
47
|
+
};
|
|
48
|
+
}, []);
|
|
40
49
|
useEffect(() => {
|
|
41
50
|
if (state.visible) {
|
|
42
51
|
timeoutId.current = setTimeout(() => {
|
|
@@ -60,9 +69,6 @@ export function useSnackbar() {
|
|
|
60
69
|
visible: !state.visible
|
|
61
70
|
}));
|
|
62
71
|
}, []);
|
|
63
|
-
return {
|
|
64
|
-
RlsSnackbar: rlsSnackbar,
|
|
65
|
-
snackbar
|
|
66
|
-
};
|
|
72
|
+
return { RlsSnackbar, snackbar };
|
|
67
73
|
}
|
|
68
74
|
//# sourceMappingURL=Snackbar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Snackbar.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Snackbar/Snackbar.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,IAAI,EAEJ,WAAW,EACX,SAAS,EACT,MAAM,EACN,QAAQ,EACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAGhD,MAAM,kBAAkB,GAAG,GAAG,CAAC;AAC/B,MAAM,aAAa,GAAG,EAAE,CAAC;AACzB,MAAM,YAAY,GAAG,IAAI,CAAC;AAC1B,MAAM,YAAY,GAAG,IAAI,CAAC;AAC1B,MAAM,cAAc,GAAG,GAAG,CAAC;AAE3B,SAAS,iBAAiB,CAAC,EAAE,MAAM,EAAU;IAC3C,IAAI,QAAQ,GAAG,MAAM,GAAG,aAAa,CAAC;IAEtC,IAAI,QAAQ,GAAG,YAAY,EAAE,CAAC;QAC5B,QAAQ,GAAG,YAAY,CAAC;IAC1B,CAAC;SAAM,IAAI,QAAQ,GAAG,YAAY,EAAE,CAAC;QACnC,QAAQ,GAAG,YAAY,CAAC;IAC1B,CAAC;IAED,OAAO,QAAQ,GAAG,cAAc,CAAC;AACnC,CAAC;
|
|
1
|
+
{"version":3,"file":"Snackbar.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Snackbar/Snackbar.tsx"],"names":[],"mappings":"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"}
|
package/dist/esm/context.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { createContext, useContext, useMemo, useState } from 'react';
|
|
3
3
|
import { useConfirmation } from './components/organisms/Confirmation/Confirmation';
|
|
4
4
|
import { useNotifications } from './components/organisms/Notifications/Notifications';
|
|
@@ -14,8 +14,8 @@ export function useRlsContext() {
|
|
|
14
14
|
}
|
|
15
15
|
export function RlsApplication({ children }) {
|
|
16
16
|
const { RlsConfirmation, confirmation } = useConfirmation();
|
|
17
|
-
const { RlsNotifications, notify } = useNotifications();
|
|
18
17
|
const { RlsSnackbar, snackbar } = useSnackbar();
|
|
18
|
+
const { RlsNotifications, notify } = useNotifications();
|
|
19
19
|
const [navbarInApp, setNavbarInApp] = useState(false);
|
|
20
20
|
const [navbarIsCondense, setNavbarIsCondense] = useState(false);
|
|
21
21
|
const [appIsMobile, setIsMobile] = useState(false);
|
|
@@ -32,6 +32,6 @@ export function RlsApplication({ children }) {
|
|
|
32
32
|
setNavbarIsCondense,
|
|
33
33
|
snackbar
|
|
34
34
|
}), [confirmation, notify, snackbar]);
|
|
35
|
-
return (_jsxs(RlsContext, { value: state, children: [_jsxs("div", { className: className, children: [children, RlsSnackbar] }), RlsNotifications,
|
|
35
|
+
return (_jsxs(RlsContext, { value: state, children: [_jsxs("div", { className: className, children: [children, _jsx(RlsSnackbar, {})] }), _jsx(RlsConfirmation, {}), _jsx(RlsNotifications, {})] }));
|
|
36
36
|
}
|
|
37
37
|
//# 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,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAErE,OAAO,EAEL,eAAe,EAChB,MAAM,kDAAkD,CAAC;AAC1D,OAAO,EAEL,gBAAgB,EACjB,MAAM,oDAAoD,CAAC;AAC5D,OAAO,EAEL,WAAW,EACZ,MAAM,0CAA0C,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAWlD,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CAAkB,IAAI,CAAC,CAAC;AAE/D,MAAM,UAAU,aAAa;IAC3B,MAAM,KAAK,GAAG,UAAU,CAAC,UAAU,CAAC,CAAC;IAErC,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,IAAI,KAAK,CAAC,uCAAuC,CAAC,CAAC;IAC3D,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,EAAE,QAAQ,EAAgB;IACvD,MAAM,EAAE,eAAe,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAC;IAC5D,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/context.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAErE,OAAO,EAEL,eAAe,EAChB,MAAM,kDAAkD,CAAC;AAC1D,OAAO,EAEL,gBAAgB,EACjB,MAAM,oDAAoD,CAAC;AAC5D,OAAO,EAEL,WAAW,EACZ,MAAM,0CAA0C,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAWlD,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CAAkB,IAAI,CAAC,CAAC;AAE/D,MAAM,UAAU,aAAa;IAC3B,MAAM,KAAK,GAAG,UAAU,CAAC,UAAU,CAAC,CAAC;IAErC,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,IAAI,KAAK,CAAC,uCAAuC,CAAC,CAAC;IAC3D,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC;AAED,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;IAChD,MAAM,EAAE,gBAAgB,EAAE,MAAM,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAExD,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,iBAAiB,CAAC,eAAe,EAAE;QACnD,MAAM,EAAE,WAAW;QACnB,iBAAiB,EAAE,WAAW;QAC9B,iBAAiB,EAAE,gBAAgB;KACpC,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE,CAAC,CAAC;QACL,YAAY;QACZ,MAAM;QACN,WAAW;QACX,cAAc;QACd,mBAAmB;QACnB,QAAQ;KACT,CAAC,EACF,CAAC,YAAY,EAAE,MAAM,EAAE,QAAQ,CAAC,CACjC,CAAC;IAEF,OAAO,CACL,MAAC,UAAU,IAAC,KAAK,EAAE,KAAK,aACtB,eAAK,SAAS,EAAE,SAAS,aACtB,QAAQ,EAET,KAAC,WAAW,KAAG,IACX,EAEN,KAAC,eAAe,KAAG,EACnB,KAAC,gBAAgB,KAAG,IACT,CACd,CAAC;AACJ,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { useCallback, useRef, useState } from 'react';
|
|
1
|
+
import { useCallback, useMemo, useRef, useState } from 'react';
|
|
2
2
|
export function useDropdownController(effect = '0% 0%') {
|
|
3
3
|
const [visible, setVisible] = useState(false);
|
|
4
4
|
const component = useRef(null);
|
|
@@ -66,12 +66,6 @@ export function useDropdownController(effect = '0% 0%') {
|
|
|
66
66
|
const close = useCallback(() => {
|
|
67
67
|
setVisible(false);
|
|
68
68
|
}, []);
|
|
69
|
-
return {
|
|
70
|
-
close,
|
|
71
|
-
component,
|
|
72
|
-
open,
|
|
73
|
-
openWithEvent,
|
|
74
|
-
visible
|
|
75
|
-
};
|
|
69
|
+
return useMemo(() => ({ close, component, open, openWithEvent, visible }), [close, open, openWithEvent, visible]);
|
|
76
70
|
}
|
|
77
71
|
//# sourceMappingURL=DropdownController.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownController.js","sourceRoot":"","sources":["../../../src/controllers/DropdownController.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"DropdownController.js","sourceRoot":"","sources":["../../../src/controllers/DropdownController.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAYtF,MAAM,UAAU,qBAAqB,CACnC,SAAyB,OAAO;IAEhC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAK,CAAC,CAAC;IAEhD,MAAM,IAAI,GAAG,WAAW,CACtB,CAAC,SAAkB,EAAE,SAAkB,EAAE,EAAE;QACzC,MAAM,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC,aAAa,CAC7C,wBAAwB,CACV,CAAC;QAEjB,OAAO,CAAC,KAAK,CAAC,eAAe,GAAG,MAAM,CAAC;QACvC,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,SAAS,IAAI,CAAC;QAC/C,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,SAAS,IAAI,CAAC;QAEhD,UAAU,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,KAAiB,EAAE,EAAE;QACtD,MAAM,WAAW,GAAG,SAAS,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;QAC9D,MAAM,WAAW,GAAI,KAAK,CAAC,MAAsB,CAAC,qBAAqB,EAAE,CAAC;QAE1E,IAAI,SAAiB,CAAC;QACtB,IAAI,SAAiB,CAAC;QACtB,IAAI,MAAsB,CAAC;QAC3B,IAAI,SAAS,GAAG,CAAC,CAAC;QAElB,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,GAAG,WAAW,CAAC,KAAK,GAAG,CAAC,CAAC;QACvD,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC;QAExD,IAAI,QAAQ,GAAG,WAAW,CAAC,KAAK,IAAI,MAAM,CAAC,UAAU,EAAE,CAAC;YACtD,SAAS,GAAG,QAAQ,CAAC;YACrB,SAAS,IAAI,CAAC,CAAC;QACjB,CAAC;aAAM,IAAI,QAAQ,GAAG,WAAW,CAAC,KAAK,GAAG,WAAW,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC;YAChE,SAAS,GAAG,QAAQ,GAAG,WAAW,CAAC,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC;YAC7D,SAAS,IAAI,CAAC,CAAC;QACjB,CAAC;aAAM,CAAC;YACN,SAAS,GAAG,MAAM,CAAC,UAAU,GAAG,WAAW,CAAC,KAAK,CAAC;YAClD,SAAS,IAAI,CAAC,CAAC;QACjB,CAAC;QAED,IAAI,QAAQ,GAAG,WAAW,CAAC,MAAM,IAAI,MAAM,CAAC,WAAW,EAAE,CAAC;YACxD,SAAS,GAAG,QAAQ,CAAC;YACrB,SAAS,IAAI,CAAC,CAAC;QACjB,CAAC;aAAM,IAAI,QAAQ,GAAG,WAAW,CAAC,MAAM,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAClE,SAAS,GAAG,QAAQ,GAAG,WAAW,CAAC,MAAM,GAAG,WAAW,CAAC,MAAM,CAAC;YAC/D,SAAS,IAAI,CAAC,CAAC;QACjB,CAAC;aAAM,CAAC;YACN,SAAS,GAAG,MAAM,CAAC,WAAW,GAAG,WAAW,CAAC,MAAM,CAAC;YACpD,SAAS,IAAI,CAAC,CAAC;QACjB,CAAC;QAED,QAAQ,SAAS,EAAE,CAAC;YAClB,KAAK,CAAC;gBACJ,MAAM,GAAG,SAAS,CAAC;gBACnB,MAAM;YACR,KAAK,CAAC;gBACJ,MAAM,GAAG,SAAS,CAAC;gBACnB,MAAM;YACR,KAAK,EAAE;gBACL,MAAM,GAAG,WAAW,CAAC;gBACrB,MAAM;YACR;gBACE,MAAM,GAAG,OAAO,CAAC;gBACjB,MAAM;QACV,CAAC;QAED,MAAM,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC,aAAa,CAC7C,wBAAwB,CACV,CAAC;QAEjB,OAAO,CAAC,KAAK,CAAC,eAAe,GAAG,MAAM,CAAC;QACvC,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,SAAS,IAAI,CAAC;QAC/C,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,SAAS,IAAI,CAAC;QAEhD,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,KAAK,CAAC,eAAe,EAAE,CAAC;IAC1B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7B,UAAU,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,OAAO,CACZ,GAAG,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,aAAa,EAAE,OAAO,EAAE,CAAC,EAC1D,CAAC,KAAK,EAAE,IAAI,EAAE,aAAa,EAAE,OAAO,CAAC,CACtC,CAAC;AACJ,CAAC"}
|
|
@@ -43,7 +43,7 @@ export function useListController({ suggestions, automatic, formControl, referen
|
|
|
43
43
|
const refInput = useRef(null);
|
|
44
44
|
const listIsOpen = useRef(false);
|
|
45
45
|
const stableSuggestions = useStableSuggestions(suggestions);
|
|
46
|
-
const collection = useMemo(() => new ListCollection(stableSuggestions, reference), [stableSuggestions]);
|
|
46
|
+
const collection = useMemo(() => new ListCollection(stableSuggestions, reference), [stableSuggestions, reference]);
|
|
47
47
|
const [state, refreshState] = useState({
|
|
48
48
|
focused: false,
|
|
49
49
|
higher: false,
|
|
@@ -152,7 +152,7 @@ export function useListController({ suggestions, automatic, formControl, referen
|
|
|
152
152
|
position: position.current
|
|
153
153
|
});
|
|
154
154
|
}, [state.higher]);
|
|
155
|
-
return {
|
|
155
|
+
return useMemo(() => ({
|
|
156
156
|
...state,
|
|
157
157
|
navigationElement,
|
|
158
158
|
navigationInput,
|
|
@@ -161,6 +161,6 @@ export function useListController({ suggestions, automatic, formControl, referen
|
|
|
161
161
|
refList,
|
|
162
162
|
setFormValue,
|
|
163
163
|
setState
|
|
164
|
-
};
|
|
164
|
+
}), [state, navigationElement, navigationInput, setFormValue, setState]);
|
|
165
165
|
}
|
|
166
166
|
//# sourceMappingURL=ListController.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListController.js","sourceRoot":"","sources":["../../../src/controllers/ListController.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,cAAc,EACd,yBAAyB,EACzB,uBAAuB,EACxB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAGL,WAAW,EACX,SAAS,EACT,OAAO,EACP,MAAM,EACN,QAAQ,EACT,MAAM,OAAO,CAAC;AAEf,MAAM,mBAAmB,GAAG,EAAE,CAAC;AAC/B,MAAM,iBAAiB,GAAG,EAAE,CAAC;AA6B7B,SAAS,UAAU;IACjB,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;QAClC,OAAO,iBAAiB,CAAC;IAC3B,CAAC;IAED,MAAM,QAAQ,GAAG,UAAU,CACzB,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,QAAQ,CACpD,CAAC;IAEF,OAAO,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC;AACrD,CAAC;AAED,SAAS,uBAAuB,CAC9B,CAA2B,EAC3B,CAA2B;IAE3B,OAAO,CACL,CAAC,KAAK,CAAC;QACP,CAAC,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,OAAO,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAC7E,CAAC;AACJ,CAAC;AAED,SAAS,oBAAoB,CAC3B,WAAqC;IAErC,MAAM,cAAc,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;IAE3C,IAAI,CAAC,uBAAuB,CAAC,cAAc,CAAC,OAAO,EAAE,WAAW,CAAC,EAAE,CAAC;QAClE,cAAc,CAAC,OAAO,GAAG,WAAW,CAAC;IACvC,CAAC;IAED,OAAO,cAAc,CAAC,OAAO,CAAC;AAChC,CAAC;AAED,SAAS,mBAAmB,CAC1B,OAA2B,EAC3B,IAAwB;IAExB,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,KAAK,CAAC;IACf,CAAC;IAED,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;IACxD,MAAM,UAAU,GAAG,GAAG,CAAC;IACvB,MAAM,UAAU,GAAG,MAAM,CAAC,WAAW,GAAG,MAAM,CAAC;IAE/C,MAAM,SAAS,GAAG,mBAAmB,GAAG,UAAU,EAAE,CAAC;IACrD,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,YAAY,IAAI,SAAS,EAAE,SAAS,CAAC,CAAC;IAE3E,IAAI,UAAU,IAAI,aAAa,EAAE,CAAC;QAChC,OAAO,KAAK,CAAC;IACf,CAAC;IAED,IAAI,UAAU,IAAI,aAAa,EAAE,CAAC;QAChC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,UAAU,GAAG,UAAU,CAAC;AACjC,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAsB,EACrD,WAAW,EACX,SAAS,EACT,WAAW,EACX,SAAS,EACiB;IAC1B,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,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAEjC,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,WAAW,CAAC,CAAC;IAE5D,MAAM,UAAU,GAAG,OAAO,CACxB,GAAG,EAAE,CAAC,IAAI,cAAc,CAAO,iBAAiB,EAAE,SAAS,CAAC,EAC5D,CAAC,iBAAiB,CAAC,
|
|
1
|
+
{"version":3,"file":"ListController.js","sourceRoot":"","sources":["../../../src/controllers/ListController.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { useCallback, useState } from 'react';
|
|
1
|
+
import { useCallback, useMemo, useState } from 'react';
|
|
2
2
|
export function usePortalController() {
|
|
3
3
|
const [visible, setVisible] = useState(false);
|
|
4
4
|
const open = useCallback(() => {
|
|
@@ -7,6 +7,6 @@ export function usePortalController() {
|
|
|
7
7
|
const close = useCallback(() => {
|
|
8
8
|
setVisible(false);
|
|
9
9
|
}, []);
|
|
10
|
-
return { close, open, visible };
|
|
10
|
+
return useMemo(() => ({ close, open, visible }), [close, open, visible]);
|
|
11
11
|
}
|
|
12
12
|
//# sourceMappingURL=PortalController.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PortalController.js","sourceRoot":"","sources":["../../../src/controllers/PortalController.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"PortalController.js","sourceRoot":"","sources":["../../../src/controllers/PortalController.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAQvD,MAAM,UAAU,mBAAmB;IACjC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,IAAI,GAAG,WAAW,CAAC,GAAG,EAAE;QAC5B,UAAU,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7B,UAAU,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;AAC3E,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
+
import { RlsComponent } from '../components/definitions';
|
|
2
3
|
import { Tab } from '../components/molecules/Tabs/Tabs';
|
|
3
4
|
import { RolsterReactHtmlControl } from '../components/types';
|
|
4
5
|
interface TabsControllerOptions<T = any> {
|
|
@@ -6,9 +7,12 @@ interface TabsControllerOptions<T = any> {
|
|
|
6
7
|
onValue?: (value: T) => void;
|
|
7
8
|
value?: T;
|
|
8
9
|
}
|
|
10
|
+
type TabsPropsRender<T = any> = RlsComponent & {
|
|
11
|
+
value?: T;
|
|
12
|
+
};
|
|
9
13
|
export interface TabsController<T = any> {
|
|
10
14
|
formControl: RolsterReactHtmlControl<T>;
|
|
11
|
-
Tabs: ReactNode;
|
|
15
|
+
Tabs: (props: TabsPropsRender<T>) => ReactNode;
|
|
12
16
|
}
|
|
13
17
|
export declare function useTabsController<T = any>(options: TabsControllerOptions<T>): TabsController<T>;
|
|
14
18
|
export {};
|
|
@@ -1,12 +1,20 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useFormControl } from '@rolster/react-forms';
|
|
3
|
-
import { useMemo } from 'react';
|
|
3
|
+
import { useMemo, useRef } from 'react';
|
|
4
4
|
import { RlsTabs } from '../components/molecules/Tabs/Tabs';
|
|
5
5
|
export function useTabsController(options) {
|
|
6
6
|
const formControl = useFormControl(options.value);
|
|
7
|
+
const tabsRef = useRef(options.tabs);
|
|
8
|
+
tabsRef.current = options.tabs;
|
|
9
|
+
const onValueRef = useRef(options.onValue);
|
|
10
|
+
onValueRef.current = options.onValue;
|
|
11
|
+
const formControlRef = useRef(formControl);
|
|
12
|
+
formControlRef.current = formControl;
|
|
7
13
|
const Tabs = useMemo(() => {
|
|
8
|
-
return (
|
|
9
|
-
|
|
10
|
-
|
|
14
|
+
return function Tabs(props) {
|
|
15
|
+
return (_jsx(RlsTabs, { ...props, tabs: tabsRef.current, formControl: formControlRef.current, onValue: onValueRef.current }));
|
|
16
|
+
};
|
|
17
|
+
}, []);
|
|
18
|
+
return useMemo(() => ({ Tabs, formControl }), [Tabs, formControl]);
|
|
11
19
|
}
|
|
12
20
|
//# sourceMappingURL=TabsController.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabsController.js","sourceRoot":"","sources":["../../../src/controllers/TabsController.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAa,OAAO,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"TabsController.js","sourceRoot":"","sources":["../../../src/controllers/TabsController.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAa,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,OAAO,EAAO,MAAM,mCAAmC,CAAC;AAgBjE,MAAM,UAAU,iBAAiB,CAC/B,OAAiC;IAEjC,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAElD,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,OAAO,CAAC,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC;IAE/B,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAC3C,UAAU,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;IAErC,MAAM,cAAc,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;IAC3C,cAAc,CAAC,OAAO,GAAG,WAAW,CAAC;IAErC,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE;QACxB,OAAO,SAAS,IAAI,CAAC,KAAyB;YAC5C,OAAO,CACL,KAAC,OAAO,OACF,KAAK,EACT,IAAI,EAAE,OAAO,CAAC,OAAO,EACrB,WAAW,EAAE,cAAc,CAAC,OAAO,EACnC,OAAO,EAAE,UAAU,CAAC,OAAO,GAC3B,CACH,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC;AACrE,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rolster/react-components",
|
|
3
|
-
"version": "19.7.
|
|
3
|
+
"version": "19.7.11",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Package containing UI components for React Project.",
|
|
6
6
|
"license": "MIT",
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
"devDependencies": {
|
|
51
51
|
"@eslint/js": "^10.0.1",
|
|
52
52
|
"@rolster/rollup": "^2.1.1",
|
|
53
|
-
"@rolster/styles-foundations": "^3.4.
|
|
53
|
+
"@rolster/styles-foundations": "^3.4.15",
|
|
54
54
|
"@rolster/types": "^1.1.1",
|
|
55
55
|
"@types/react": "^19.0.0",
|
|
56
56
|
"@types/react-dom": "^19.0.0",
|