@codeleap/web 4.3.0 → 4.3.2
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/components/Modal/index.js +3 -6
- package/dist/components/Modal/index.js.map +1 -1
- package/dist/components/PaginationButtons/index.js +1 -1
- package/dist/components/PaginationButtons/index.js.map +1 -1
- package/dist/components/PaginationIndicator/index.d.ts +2 -1
- package/dist/components/Touchable/index.js +2 -2
- package/dist/components/Touchable/index.js.map +1 -1
- package/dist/components/View/index.js +1 -16
- package/dist/components/View/index.js.map +1 -1
- package/dist/lib/hooks/useBreakpointMatch.d.ts +2 -2
- package/dist/lib/hooks/useBreakpointMatch.js +97 -20
- package/dist/lib/hooks/useBreakpointMatch.js.map +1 -1
- package/dist/lib/hooks/useMediaQuery.d.ts +1 -5
- package/dist/lib/hooks/useMediaQuery.js +4 -12
- package/dist/lib/hooks/useMediaQuery.js.map +1 -1
- package/dist/lib/tools/localStorage.d.ts +1 -1
- package/dist/lib/tools/localStorage.js.map +1 -1
- package/dist/lib/tools/mediaQuery.d.ts +1 -0
- package/dist/lib/tools/mediaQuery.js +9 -2
- package/dist/lib/tools/mediaQuery.js.map +1 -1
- package/dist/lib/tools/modal.d.ts +5 -10
- package/dist/lib/tools/modal.js +27 -33
- package/dist/lib/tools/modal.js.map +1 -1
- package/package.json +20 -21
- package/package.json.bak +4 -5
- package/src/components/Modal/index.tsx +5 -9
- package/src/components/PaginationButtons/index.tsx +1 -1
- package/src/components/Touchable/index.tsx +1 -1
- package/src/components/View/index.tsx +2 -18
- package/src/lib/hooks/useBreakpointMatch.ts +93 -26
- package/src/lib/hooks/useMediaQuery.ts +6 -26
- package/src/lib/tools/localStorage.ts +2 -2
- package/src/lib/tools/mediaQuery.ts +6 -1
- package/src/lib/tools/modal.ts +15 -42
|
@@ -88,7 +88,7 @@ var ModalDefaultHeader = function (props) {
|
|
|
88
88
|
var ModalContent = function (modalProps) {
|
|
89
89
|
var children = modalProps.children, visible = modalProps.visible, title = modalProps.title, toggle = modalProps.toggle, footer = modalProps.footer, style = modalProps.style, ModalHeader = modalProps.renderHeader, closable = modalProps.closable, withOverlay = modalProps.withOverlay, showClose = modalProps.showClose, closeIconName = modalProps.closeIconName, scroll = modalProps.scroll, renderModalBody = modalProps.renderModalBody, closeOnEscape = modalProps.closeOnEscape, onClose = modalProps.onClose, overlayProps = modalProps.overlayProps, dismissOnBackdrop = modalProps.dismissOnBackdrop, zIndex = modalProps.zIndex, withScrollContainer = modalProps.withScrollContainer, debugName = modalProps.debugName, backdropProps = modalProps.backdropProps, alterHistory = modalProps.alterHistory, modalId = modalProps.id, autoIndex = modalProps.autoIndex, props = __rest(modalProps, ["children", "visible", "title", "toggle", "footer", "style", "renderHeader", "closable", "withOverlay", "showClose", "closeIconName", "scroll", "renderModalBody", "closeOnEscape", "onClose", "overlayProps", "dismissOnBackdrop", "zIndex", "withScrollContainer", "debugName", "backdropProps", "alterHistory", "id", "autoIndex"]);
|
|
90
90
|
var styles = (0, useStylesFor_1.useStylesFor)(exports.Modal.styleRegistryName, style);
|
|
91
|
-
var index =
|
|
91
|
+
var index = modal_1.modalsState.use(function (state) { var _a, _b; return (_b = (_a = state.indexes) === null || _a === void 0 ? void 0 : _a[modalId]) !== null && _b !== void 0 ? _b : 0; });
|
|
92
92
|
var id = (0, react_1.useId)();
|
|
93
93
|
var modalRef = (0, react_1.useRef)(null);
|
|
94
94
|
var toggleAndReturn = function () {
|
|
@@ -160,11 +160,8 @@ var ModalContent = function (modalProps) {
|
|
|
160
160
|
exports.ModalContent = ModalContent;
|
|
161
161
|
var Modal = function (props) {
|
|
162
162
|
var allProps = __assign(__assign({}, exports.Modal.defaultProps), props);
|
|
163
|
-
var accessible = allProps.accessible,
|
|
163
|
+
var accessible = allProps.accessible, visible = allProps.visible, scrollLock = allProps.scrollLock, _modalId = allProps.modalId, autoIndex = allProps.autoIndex, toggle = allProps.toggle;
|
|
164
164
|
var modalId = (0, react_1.useRef)(_modalId !== null && _modalId !== void 0 ? _modalId : (0, uuid_1.v4)());
|
|
165
|
-
var setIndex = (0, modal_1.ModalStore)(function (store) { return store.setIndex; });
|
|
166
|
-
var visible = types_1.TypeGuards.isBoolean(_visible) ? _visible : (0, modal_1.ModalStore)(function (store) { var _a, _b; return ((_b = (_a = store.modals) === null || _a === void 0 ? void 0 : _a[_modalId]) !== null && _b !== void 0 ? _b : false); });
|
|
167
|
-
var toggle = types_1.TypeGuards.isFunction(_toggle) ? _toggle : (0, modal_1.ModalStore)(function (store) { return function () { return store.toggle(_modalId); }; });
|
|
168
165
|
(0, hooks_1.onMount)(function () {
|
|
169
166
|
if (accessible) {
|
|
170
167
|
var appRoot_1 = document.body;
|
|
@@ -182,7 +179,7 @@ var Modal = function (props) {
|
|
|
182
179
|
(0, modal_1.modalScrollLock)(visible, modalId.current);
|
|
183
180
|
if (autoIndex) {
|
|
184
181
|
setTimeout(function () {
|
|
185
|
-
|
|
182
|
+
(0, modal_1.modalInferIndexes)(visible, modalId.current);
|
|
186
183
|
}, visible ? 0 : 500);
|
|
187
184
|
}
|
|
188
185
|
return function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yCAA4C;AAC5C,yCAAmD;AACnD,6CAA4C;AAC5C,wDAAgC;AAChC,6BAAyB;AACzB,gCAA8B;AAC9B,gCAA8B;AAC9B,sCAAoC;AACpC,4CAA0C;AAC1C,0CAAwC;AACxC,+
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -52,7 +52,7 @@ var PaginationButtons = function (props) {
|
|
|
52
52
|
var theme = (0, styles_1.useTheme)(function (store) { return store === null || store === void 0 ? void 0 : store.current; });
|
|
53
53
|
var _c = paginationProps.boundaries, boundaries = _c === void 0 ? 2 : _c;
|
|
54
54
|
var query = (_a = theme === null || theme === void 0 ? void 0 : theme.media) === null || _a === void 0 ? void 0 : _a.down('tabletSmall');
|
|
55
|
-
var _isMobile = (0, lib_1.useMediaQuery)(query
|
|
55
|
+
var _isMobile = (0, lib_1.useMediaQuery)(query);
|
|
56
56
|
var isMobileQuery = types_1.TypeGuards.isBoolean(isMobile) ? isMobile : _isMobile;
|
|
57
57
|
var centeredElementIndex = isMobileQuery ? 3 : boundaries + 1;
|
|
58
58
|
var _d = (0, lib_1.usePagination)(__assign({ abbreviationSymbol: abbreviationSymbol, isMobile: isMobileQuery, displayLeftArrow: displayLeftArrow, displayRightArrow: displayRightArrow, shouldAbbreviate: shouldAbbreviate }, paginationProps)), range = _d.range, first = _d.first, next = _d.next, previous = _d.previous, setPage = _d.setPage, page = _d.page, status = _d.status;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PaginationButtons/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yCAA4C;AAC5C,gCAA8B;AAC9B,oCAAkC;AAClC,iCAAwF;AAExF,2CAAkI;AAElI,2CAAwB;AACxB,0CAAuB;AAEhB,IAAM,iBAAiB,GAAG,UAAC,KAA6B;;IAC7D,IAAM,QAAQ,yBACT,yBAAiB,CAAC,YAAY,GAC9B,KAAK,CACT,CAAA;IAGC,IAAA,gBAAgB,GAad,QAAQ,iBAbM,EAChB,gBAAgB,GAYd,QAAQ,iBAZM,EAChB,iBAAiB,GAWf,QAAQ,kBAXO,EACjB,QAAQ,GAUN,QAAQ,SAVF,EACR,KAAK,GASH,QAAQ,MATL,EACL,SAAS,GAQP,QAAQ,UARD,EACT,mBAAmB,GAOjB,QAAQ,oBAPS,EACnB,oBAAoB,GAMlB,QAAQ,qBANU,EACpB,oBAAoB,GAKlB,QAAQ,qBALU,EACpB,qBAAqB,GAInB,QAAQ,sBAJW,EACrB,kBAAkB,GAGhB,QAAQ,mBAHQ,EAClB,QAAQ,GAEN,QAAQ,SAFF,EACL,eAAe,UAChB,QAAQ,EAdN,iOAcL,CADmB,CACR;IAEZ,IAAM,KAAK,GAAG,IAAA,iBAAQ,EAAC,UAAA,KAAK,IAAI,OAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,EAAd,CAAc,CAAoB,CAAA;IAE1D,IAAA,KAAmB,eAAe,WAApB,EAAd,UAAU,mBAAG,CAAC,KAAA,CAAoB;IAE1C,IAAM,KAAK,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,IAAI,CAAC,aAAsB,CAAC,CAAA;IAExD,IAAM,SAAS,GAAG,IAAA,mBAAa,EAAC,KAAK,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PaginationButtons/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
import { PaginationIndicatorProps } from './types';
|
|
2
3
|
import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
|
|
3
4
|
export * from './styles';
|
|
4
5
|
export * from './types';
|
|
5
6
|
export declare const PaginationIndicator: {
|
|
6
|
-
(props: PaginationIndicatorProps):
|
|
7
|
+
(props: PaginationIndicatorProps): JSX.Element;
|
|
7
8
|
styleRegistryName: string;
|
|
8
9
|
elements: string[];
|
|
9
10
|
rootElement: string;
|
|
@@ -51,7 +51,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
51
51
|
exports.Touchable = void 0;
|
|
52
52
|
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
53
53
|
var hooks_1 = require("@codeleap/hooks");
|
|
54
|
-
var
|
|
54
|
+
var hooks_2 = require("@codeleap/hooks");
|
|
55
55
|
var types_1 = require("@codeleap/types");
|
|
56
56
|
var react_1 = __importStar(require("react"));
|
|
57
57
|
var lib_1 = require("../../lib");
|
|
@@ -65,7 +65,7 @@ exports.Touchable = (0, react_1.forwardRef)(function (touchableProps, ref) {
|
|
|
65
65
|
var propagate = allProps.propagate, debounce = allProps.debounce, leadingDebounce = allProps.leadingDebounce, setPressed = allProps.setPressed, component = allProps.component, disabled = allProps.disabled, onPress = allProps.onPress, onClick = allProps.onClick, debugName = allProps.debugName, debugComponent = allProps.debugComponent, style = allProps.style, analyticsEnabled = allProps.analyticsEnabled, analyticsName = allProps.analyticsName, analyticsData = allProps.analyticsData, props = __rest(allProps, ["propagate", "debounce", "leadingDebounce", "setPressed", "component", "disabled", "onPress", "onClick", "debugName", "debugComponent", "style", "analyticsEnabled", "analyticsName", "analyticsData"]);
|
|
66
66
|
var styles = (0, useStylesFor_1.useStylesFor)(exports.Touchable.styleRegistryName, style);
|
|
67
67
|
var pressed = react_1.default.useRef(!!leadingDebounce);
|
|
68
|
-
var logger = (0,
|
|
68
|
+
var logger = (0, hooks_2.useGlobalContext)().logger;
|
|
69
69
|
(0, hooks_1.onMount)(function () {
|
|
70
70
|
if (!!leadingDebounce && !!debounce) {
|
|
71
71
|
setTimeout(function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Touchable/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yCAAyC;AACzC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Touchable/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -39,41 +39,26 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
39
39
|
exports.View = void 0;
|
|
40
40
|
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
41
41
|
var types_1 = require("@codeleap/types");
|
|
42
|
-
var hooks_1 = require("@codeleap/hooks");
|
|
43
42
|
var react_1 = require("react");
|
|
44
|
-
var hooks_2 = require("../../lib/hooks");
|
|
45
43
|
var framer_motion_1 = require("framer-motion");
|
|
46
44
|
var test_1 = require("../../lib/utils/test");
|
|
47
45
|
var useStylesFor_1 = require("../../lib/hooks/useStylesFor");
|
|
48
46
|
var WebStyleRegistry_1 = require("../../lib/WebStyleRegistry");
|
|
49
|
-
var styles_1 = require("@codeleap/styles");
|
|
50
47
|
__exportStar(require("./styles"), exports);
|
|
51
48
|
__exportStar(require("./types"), exports);
|
|
52
49
|
exports.View = (0, react_1.forwardRef)(function (viewProps, ref) {
|
|
53
50
|
var _a = __assign(__assign({}, exports.View.defaultProps), viewProps), component = _a.component, children = _a.children, is = _a.is, not = _a.not, up = _a.up, onHover = _a.onHover, debugName = _a.debugName, down = _a.down, style = _a.style, animated = _a.animated, animatedProps = _a.animatedProps, props = __rest(_a, ["component", "children", "is", "not", "up", "onHover", "debugName", "down", "style", "animated", "animatedProps"]);
|
|
54
51
|
var styles = (0, useStylesFor_1.useStylesFor)(exports.View.styleRegistryName, style);
|
|
55
52
|
var Component = animated ? ((framer_motion_1.motion === null || framer_motion_1.motion === void 0 ? void 0 : framer_motion_1.motion[component]) || framer_motion_1.motion.div) : (component || 'div');
|
|
56
|
-
var theme = (0, styles_1.useTheme)(function (store) { return store.current; });
|
|
57
53
|
function handleHover(isMouseOverElement) {
|
|
58
54
|
onHover === null || onHover === void 0 ? void 0 : onHover(isMouseOverElement);
|
|
59
55
|
}
|
|
60
|
-
var platformMediaQuery = (0, hooks_1.useMemo)(function () {
|
|
61
|
-
var _a;
|
|
62
|
-
// @ts-expect-error theme type
|
|
63
|
-
return (_a = theme === null || theme === void 0 ? void 0 : theme.media) === null || _a === void 0 ? void 0 : _a.renderToPlatformQuery({
|
|
64
|
-
is: is,
|
|
65
|
-
not: not,
|
|
66
|
-
up: up,
|
|
67
|
-
down: down,
|
|
68
|
-
});
|
|
69
|
-
}, [is, not, up, down]);
|
|
70
|
-
var matches = (0, hooks_2.useMediaQuery)(platformMediaQuery);
|
|
71
56
|
var hoverProps = types_1.TypeGuards.isFunction(onHover) && {
|
|
72
57
|
onMouseEnter: function () { return handleHover(true); },
|
|
73
58
|
onMouseLeave: function () { return handleHover(false); },
|
|
74
59
|
};
|
|
75
60
|
var testId = (0, test_1.getTestId)(viewProps);
|
|
76
|
-
return ((0, jsx_runtime_1.jsx)(Component, __assign({}, hoverProps, props, animatedProps, { ref: ref, "data-testid": testId, css:
|
|
61
|
+
return ((0, jsx_runtime_1.jsx)(Component, __assign({}, hoverProps, props, animatedProps, { ref: ref, "data-testid": testId, css: styles.wrapper }, { children: children })));
|
|
77
62
|
});
|
|
78
63
|
exports.View.styleRegistryName = 'View';
|
|
79
64
|
exports.View.elements = ['wrapper'];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/View/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yCAA4C;AAC5C
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/View/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yCAA4C;AAC5C,+BAAsD;AACtD,+CAAsC;AAEtC,6CAAgD;AAChD,6DAA2D;AAC3D,+DAA6D;AAG7D,2CAAwB;AACxB,0CAAuB;AAEV,QAAA,IAAI,GAAG,IAAA,kBAAU,EAA4B,UAAC,SAAS,EAAE,GAAG;IACvE,IAAM,2BAcD,YAAI,CAAC,YAAY,GACjB,SAAS,CACb,EAfC,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,EAAE,QAAA,EACF,GAAG,SAAA,EACH,EAAE,QAAA,EACF,OAAO,aAAA,EACP,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,aAAa,mBAAA,EACV,KAAK,cAZJ,kHAaL,CAGA,CAAA;IAED,IAAM,MAAM,GAAG,IAAA,2BAAY,EAAC,YAAI,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAE1D,IAAM,SAAS,GAAgB,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAA,sBAAM,aAAN,sBAAM,uBAAN,sBAAM,CAAG,SAAmB,CAAC,KAAI,sBAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,IAAI,KAAK,CAAC,CAAA;IAE9G,SAAS,WAAW,CAAC,kBAA2B;QAC9C,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,kBAAkB,CAAC,CAAA;IAC/B,CAAC;IAED,IAAM,UAAU,GAAG,kBAAU,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI;QACnD,YAAY,EAAE,cAAM,OAAA,WAAW,CAAC,IAAI,CAAC,EAAjB,CAAiB;QACrC,YAAY,EAAE,cAAM,OAAA,WAAW,CAAC,KAAK,CAAC,EAAlB,CAAkB;KACvC,CAAA;IAED,IAAM,MAAM,GAAG,IAAA,gBAAS,EAAC,SAAS,CAAC,CAAA;IAEnC,OAAO,CACL,uBAAC,SAAS,eACJ,UAAU,EACV,KAAK,EACL,aAAa,IACjB,GAAG,EAAE,GAAG,iBACK,MAAM,EACnB,GAAG,EAAE,MAAM,CAAC,OAAO,gBAElB,QAAQ,IACC,CACb,CAAA;AACH,CAAC,CAAwC,CAAA;AAEzC,YAAI,CAAC,iBAAiB,GAAG,MAAM,CAAA;AAC/B,YAAI,CAAC,QAAQ,GAAG,CAAC,SAAS,CAAC,CAAA;AAC3B,YAAI,CAAC,WAAW,GAAG,SAAS,CAAA;AAE5B,YAAI,CAAC,gBAAgB,GAAG,UAAsB,MAAS;IACrD,OAAO,YAAyG,CAAA;AAClH,CAAC,CAAA;AAED,YAAI,CAAC,YAAY,GAAG;IAClB,SAAS,EAAE,KAAK;IAChB,QAAQ,EAAE,KAAK;CACM,CAAA;AAEvB,mCAAgB,CAAC,iBAAiB,CAAC,YAAI,CAAC,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
export declare function useBreakpointMatch<T
|
|
1
|
+
import { Breakpoint } from '@codeleap/styles';
|
|
2
|
+
export declare function useBreakpointMatch<T = string>(values: Partial<Record<Breakpoint, T>>): T;
|
|
@@ -1,34 +1,110 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
2
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
14
|
exports.useBreakpointMatch = void 0;
|
|
4
15
|
var react_1 = require("react");
|
|
5
16
|
var types_1 = require("@codeleap/types");
|
|
6
17
|
var styles_1 = require("@codeleap/styles");
|
|
7
|
-
var
|
|
18
|
+
var tools_1 = require("../tools");
|
|
19
|
+
var getTheme = function () { return styles_1.themeStore.getState().current; };
|
|
20
|
+
function validateBreakpoint(currentTheme, breakpoint) {
|
|
21
|
+
var matchesDown = (0, tools_1.isMediaQuery)(currentTheme.media.down(breakpoint));
|
|
22
|
+
var matchesUp = (0, tools_1.isMediaQuery)(currentTheme.media.up(breakpoint));
|
|
23
|
+
return !matchesUp && matchesDown;
|
|
24
|
+
}
|
|
25
|
+
function useBreakpointMatches() {
|
|
26
|
+
return (0, react_1.useState)(function () {
|
|
27
|
+
var currentTheme = getTheme();
|
|
28
|
+
var breakpointMatches = {};
|
|
29
|
+
for (var breakpoint in currentTheme.breakpoints) {
|
|
30
|
+
breakpointMatches[breakpoint] = validateBreakpoint(currentTheme, breakpoint);
|
|
31
|
+
}
|
|
32
|
+
return breakpointMatches;
|
|
33
|
+
});
|
|
34
|
+
}
|
|
35
|
+
function useBreakpointListeners() {
|
|
36
|
+
var _a = useBreakpointMatches(), breakpointMatches = _a[0], setBreakpointMatches = _a[1];
|
|
37
|
+
var loaded = (0, react_1.useRef)(false);
|
|
38
|
+
var mediaQueries = (0, react_1.useRef)({});
|
|
39
|
+
function callback(event, breakpoint) {
|
|
40
|
+
var currentTheme = getTheme();
|
|
41
|
+
setBreakpointMatches(function (prevState) {
|
|
42
|
+
var updatedMatches = __assign({}, prevState);
|
|
43
|
+
updatedMatches[breakpoint] = validateBreakpoint(currentTheme, breakpoint);
|
|
44
|
+
return updatedMatches;
|
|
45
|
+
});
|
|
46
|
+
}
|
|
47
|
+
(0, react_1.useEffect)(function () {
|
|
48
|
+
if (loaded.current)
|
|
49
|
+
return;
|
|
50
|
+
loaded.current = true;
|
|
51
|
+
var currentTheme = getTheme();
|
|
52
|
+
var _loop_1 = function (breakpoint) {
|
|
53
|
+
var queryUp = (0, tools_1.getMediaQuery)(currentTheme.media.up(breakpoint));
|
|
54
|
+
var matchUp = window.matchMedia(queryUp);
|
|
55
|
+
mediaQueries.current[breakpoint] = matchUp;
|
|
56
|
+
try {
|
|
57
|
+
matchUp.addEventListener('change', function (event) { return callback(event, breakpoint); });
|
|
58
|
+
}
|
|
59
|
+
catch (_a) {
|
|
60
|
+
matchUp.addListener(function (event) { return callback(event, breakpoint); });
|
|
61
|
+
}
|
|
62
|
+
};
|
|
63
|
+
for (var breakpoint in currentTheme.breakpoints) {
|
|
64
|
+
_loop_1(breakpoint);
|
|
65
|
+
}
|
|
66
|
+
return function () {
|
|
67
|
+
var _loop_2 = function (breakpoint) {
|
|
68
|
+
var matchUp = mediaQueries.current[breakpoint];
|
|
69
|
+
try {
|
|
70
|
+
matchUp.removeEventListener('change', function (event) { return callback(event, breakpoint); });
|
|
71
|
+
}
|
|
72
|
+
catch (_a) {
|
|
73
|
+
matchUp.removeListener(function (event) { return callback(event, breakpoint); });
|
|
74
|
+
}
|
|
75
|
+
};
|
|
76
|
+
for (var breakpoint in mediaQueries.current) {
|
|
77
|
+
_loop_2(breakpoint);
|
|
78
|
+
}
|
|
79
|
+
mediaQueries.current = {};
|
|
80
|
+
};
|
|
81
|
+
}, []);
|
|
82
|
+
return breakpointMatches;
|
|
83
|
+
}
|
|
8
84
|
function useBreakpointMatch(values) {
|
|
9
|
-
var
|
|
10
|
-
var theme = (0, styles_1.useTheme)(function (store) { return store.current; });
|
|
11
|
-
var themeBreakpoints = (_a = theme === null || theme === void 0 ? void 0 : theme.breakpoints) !== null && _a !== void 0 ? _a : {};
|
|
85
|
+
var breakpointMatches = useBreakpointListeners();
|
|
12
86
|
var breakpoints = (0, react_1.useMemo)(function () {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
87
|
+
return Object.entries(getTheme().breakpoints)
|
|
88
|
+
.sort(function (_a, _b) {
|
|
89
|
+
var a = _a[1];
|
|
90
|
+
var b = _b[1];
|
|
91
|
+
return a - b;
|
|
92
|
+
})
|
|
93
|
+
.reduce(function (acc, _a) {
|
|
94
|
+
var key = _a[0], value = _a[1];
|
|
95
|
+
acc[key] = value;
|
|
96
|
+
return acc;
|
|
97
|
+
}, {});
|
|
17
98
|
}, []);
|
|
18
99
|
var breakpointValues = (0, react_1.useMemo)(function () {
|
|
19
|
-
|
|
20
|
-
return _breakpoints.sort(function (a, b) { return (breakpoints === null || breakpoints === void 0 ? void 0 : breakpoints[a]) - (breakpoints === null || breakpoints === void 0 ? void 0 : breakpoints[b]); });
|
|
100
|
+
return Object.keys(breakpoints).sort(function (a, b) { return (breakpoints === null || breakpoints === void 0 ? void 0 : breakpoints[a]) - (breakpoints === null || breakpoints === void 0 ? void 0 : breakpoints[b]); });
|
|
21
101
|
}, []);
|
|
22
|
-
var
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
var matchesUp = (0, useMediaQuery_1.useMediaQuery)((_c = theme === null || theme === void 0 ? void 0 : theme.media) === null || _c === void 0 ? void 0 : _c.up(breakpoint_1), { getInitialValueInEffect: false });
|
|
26
|
-
breakpointMatches[breakpoint_1] = !matchesUp && matchesDown;
|
|
27
|
-
}
|
|
28
|
-
var currentBreakpoint = (_d = Object.keys(breakpointMatches)) === null || _d === void 0 ? void 0 : _d.find(function (key) { return breakpointMatches === null || breakpointMatches === void 0 ? void 0 : breakpointMatches[key]; });
|
|
102
|
+
var currentBreakpoint = (0, react_1.useMemo)(function () {
|
|
103
|
+
return Object.keys(breakpointMatches).find(function (key) { return breakpointMatches[key]; });
|
|
104
|
+
}, [breakpointMatches]);
|
|
29
105
|
var breakpoint = (0, react_1.useMemo)(function () {
|
|
30
106
|
var _a;
|
|
31
|
-
var validBreakpointIndex = breakpointValues === null || breakpointValues === void 0 ? void 0 : breakpointValues.findIndex(function (
|
|
107
|
+
var validBreakpointIndex = breakpointValues === null || breakpointValues === void 0 ? void 0 : breakpointValues.findIndex(function (key) { return key === currentBreakpoint; });
|
|
32
108
|
var validBreakpoints = breakpointValues === null || breakpointValues === void 0 ? void 0 : breakpointValues.slice(validBreakpointIndex, 100);
|
|
33
109
|
var validBreakpoint = null;
|
|
34
110
|
validBreakpoint = validBreakpoints === null || validBreakpoints === void 0 ? void 0 : validBreakpoints.find(function (currentValue) {
|
|
@@ -38,11 +114,12 @@ function useBreakpointMatch(values) {
|
|
|
38
114
|
}
|
|
39
115
|
});
|
|
40
116
|
if (types_1.TypeGuards.isNil(validBreakpoint)) {
|
|
41
|
-
validBreakpoint = (_a = breakpointValues === null || breakpointValues === void 0 ? void 0 : breakpointValues.reverse()) === null || _a === void 0 ? void 0 : _a.find(function (
|
|
117
|
+
validBreakpoint = (_a = breakpointValues === null || breakpointValues === void 0 ? void 0 : breakpointValues.reverse()) === null || _a === void 0 ? void 0 : _a.find(function (key) { return !!(values === null || values === void 0 ? void 0 : values[key]); });
|
|
42
118
|
}
|
|
43
119
|
return validBreakpoint;
|
|
44
120
|
}, [currentBreakpoint]);
|
|
45
|
-
return values === null || values === void 0 ? void 0 : values[breakpoint];
|
|
121
|
+
var value = (0, react_1.useMemo)(function () { return values === null || values === void 0 ? void 0 : values[breakpoint]; }, [breakpoint]);
|
|
122
|
+
return value;
|
|
46
123
|
}
|
|
47
124
|
exports.useBreakpointMatch = useBreakpointMatch;
|
|
48
125
|
//# sourceMappingURL=useBreakpointMatch.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useBreakpointMatch.js","sourceRoot":"","sources":["../../../src/lib/hooks/useBreakpointMatch.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useBreakpointMatch.js","sourceRoot":"","sources":["../../../src/lib/hooks/useBreakpointMatch.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1 @@
|
|
|
1
|
-
export
|
|
2
|
-
getInitialValueInEffect?: boolean;
|
|
3
|
-
initialValue?: boolean;
|
|
4
|
-
}
|
|
5
|
-
export declare function useMediaQuery(query: string, queryOptions?: UseMediaQueryOptions): boolean;
|
|
1
|
+
export declare function useMediaQuery(query: string): boolean;
|
|
@@ -3,27 +3,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.useMediaQuery = void 0;
|
|
4
4
|
var react_1 = require("react");
|
|
5
5
|
var tools_1 = require("../tools");
|
|
6
|
-
function useMediaQuery(query
|
|
7
|
-
|
|
8
|
-
var _a = queryOptions.initialValue, initialValue = _a === void 0 ? false : _a, _b = queryOptions.getInitialValueInEffect, getInitialValueInEffect = _b === void 0 ? true : _b;
|
|
9
|
-
var _query = (0, react_1.useMemo)(function () {
|
|
10
|
-
var _a;
|
|
11
|
-
if (!query)
|
|
12
|
-
return '';
|
|
13
|
-
return (_a = query === null || query === void 0 ? void 0 : query.trim()) === null || _a === void 0 ? void 0 : _a.replace('@media screen and ', '');
|
|
14
|
-
}, [query]);
|
|
15
|
-
var _c = (0, react_1.useState)((getInitialValueInEffect || !query) ? initialValue : (0, tools_1.isMediaQuery)(query, initialValue)), matches = _c[0], setMatches = _c[1];
|
|
6
|
+
function useMediaQuery(query) {
|
|
7
|
+
var _a = (0, react_1.useState)((0, tools_1.isMediaQuery)(query)), matches = _a[0], setMatches = _a[1];
|
|
16
8
|
var queryRef = (0, react_1.useRef)();
|
|
17
9
|
(0, react_1.useEffect)(function () {
|
|
18
10
|
if ((query === null || query === void 0 ? void 0 : query.trim()) === '' || !query)
|
|
19
11
|
return;
|
|
20
12
|
if ('matchMedia' in window) {
|
|
21
|
-
queryRef.current = window.matchMedia(
|
|
13
|
+
queryRef.current = window.matchMedia((0, tools_1.getMediaQuery)(query));
|
|
22
14
|
setMatches(queryRef.current.matches);
|
|
23
15
|
return (0, tools_1.attachMediaListener)(queryRef.current, function (event) { return setMatches(event.matches); });
|
|
24
16
|
}
|
|
25
17
|
return undefined;
|
|
26
|
-
}, [
|
|
18
|
+
}, []);
|
|
27
19
|
return matches;
|
|
28
20
|
}
|
|
29
21
|
exports.useMediaQuery = useMediaQuery;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useMediaQuery.js","sourceRoot":"","sources":["../../../src/lib/hooks/useMediaQuery.ts"],"names":[],"mappings":";;;AAAA,+
|
|
1
|
+
{"version":3,"file":"useMediaQuery.js","sourceRoot":"","sources":["../../../src/lib/hooks/useMediaQuery.ts"],"names":[],"mappings":";;;AAAA,+BAAmD;AACnD,kCAA2E;AAE3E,SAAgB,aAAa,CAAC,KAAa;IACnC,IAAA,KAAwB,IAAA,gBAAQ,EAAC,IAAA,oBAAY,EAAC,KAAK,CAAC,CAAC,EAApD,OAAO,QAAA,EAAE,UAAU,QAAiC,CAAA;IAE3D,IAAM,QAAQ,GAAG,IAAA,cAAM,GAAkB,CAAA;IAEzC,IAAA,iBAAS,EAAC;QACR,IAAI,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,EAAE,MAAK,EAAE,IAAI,CAAC,KAAK;YAAE,OAAM;QAE1C,IAAI,YAAY,IAAI,MAAM,EAAE;YAC1B,QAAQ,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,IAAA,qBAAa,EAAC,KAAK,CAAC,CAAC,CAAA;YAC1D,UAAU,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;YACpC,OAAO,IAAA,2BAAmB,EAAC,QAAQ,CAAC,OAAO,EAAE,UAAC,KAAK,IAAK,OAAA,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,EAAzB,CAAyB,CAAC,CAAA;SACnF;QAED,OAAO,SAAS,CAAA;IAClB,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,OAAO,CAAA;AAChB,CAAC;AAlBD,sCAkBC"}
|
|
@@ -15,7 +15,7 @@ export declare class LocalStorage<T extends Record<string, string>> {
|
|
|
15
15
|
private parseValue;
|
|
16
16
|
private serializeValue;
|
|
17
17
|
replaceItem(key: Key<T>, value: any): string;
|
|
18
|
-
getItem(key: Key<T>, parseValue?: boolean):
|
|
18
|
+
getItem<V = string>(key: Key<T>, parseValue?: boolean): V | null;
|
|
19
19
|
removeItem(key: Key<T>): void;
|
|
20
20
|
setItem(key: Key<T>, value: any): string;
|
|
21
21
|
clear(): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"localStorage.js","sourceRoot":"","sources":["../../../src/lib/tools/localStorage.ts"],"names":[],"mappings":";;;AAAA,+BAA2C;AAC3C,yCAA4C;AAY5C;IAKE,sBAAY,IAAO;QAFX,qBAAgB,GAAsC,EAAE,CAAA;QAG9D,IAAI,CAAC,WAAW,GAAG,IAAI,CAAA;IACzB,CAAC;IAEM,sCAAe,GAAtB;QACE,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;YACjC,OAAO;gBACL,OAAO,EAAE,cAAM,OAAA,IAAI,EAAJ,CAAI;gBACnB,OAAO,EAAE,cAAM,OAAA,IAAI,EAAJ,CAAI;gBACnB,KAAK,EAAE,cAAM,OAAA,IAAI,EAAJ,CAAI;gBACjB,UAAU,EAAE,cAAM,OAAA,IAAI,EAAJ,CAAI;aAChB,CAAA;SACT;QAED,OAAO,YAAY,CAAA;IACrB,CAAC;IAEM,oCAAa,GAApB,UAAqB,GAAW;;QAC9B,OAAO,MAAM,CAAC,MAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,mCAAI,GAAG,CAAC,CAAA;IAC7C,CAAC;IAEO,iCAAU,GAAlB,UAAmB,KAAU;QAC3B,IAAI;YACF,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;SACzB;QAAC,OAAO,CAAC,EAAE;YACV,OAAO,KAAK,CAAA;SACb;IACH,CAAC;IAEO,qCAAc,GAAtB,UAAuB,KAAU;QAC/B,IAAI,kBAAU,CAAC,QAAQ,CAAC,KAAK,CAAC;YAAE,OAAO,KAAK,CAAA;QAE5C,IAAI;YACF,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAA;SAC7B;QAAC,OAAO,CAAC,EAAE;YACV,OAAO,KAAK,CAAA;SACb;IACH,CAAC;IAEM,kCAAW,GAAlB,UAAmB,GAAW,EAAE,KAAU;QACxC,IAAM,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;QAC1C,IAAM,OAAO,GAAG,IAAI,CAAC,eAAe,EAAE,CAAA;QACtC,OAAO,CAAC,UAAU,CAAC,UAAU,CAAC,CAAA;QAC9B,IAAM,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;QAClD,OAAO,CAAC,OAAO,CAAC,UAAU,EAAE,eAAe,CAAC,CAAA;QAC5C,OAAO,eAAe,CAAA;IACxB,CAAC;IAEM,8BAAO,GAAd,
|
|
1
|
+
{"version":3,"file":"localStorage.js","sourceRoot":"","sources":["../../../src/lib/tools/localStorage.ts"],"names":[],"mappings":"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"}
|
|
@@ -7,5 +7,6 @@ type MediaQueryCallback = (event: {
|
|
|
7
7
|
* https://stackoverflow.com/questions/56466261/matchmedia-addlistener-marked-as-deprecated-addeventlistener-equivalent
|
|
8
8
|
* */
|
|
9
9
|
export declare function attachMediaListener(query: MediaQueryList, callback: MediaQueryCallback): () => void;
|
|
10
|
+
export declare function getMediaQuery(query: string): string;
|
|
10
11
|
export declare function isMediaQuery(query: string, initialValue?: boolean): boolean;
|
|
11
12
|
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.isMediaQuery = exports.attachMediaListener = void 0;
|
|
3
|
+
exports.isMediaQuery = exports.getMediaQuery = exports.attachMediaListener = void 0;
|
|
4
4
|
/**
|
|
5
5
|
* Older versions of Safari (shipped withCatalina and before) do not support addEventListener on matchMedia
|
|
6
6
|
* https://stackoverflow.com/questions/56466261/matchmedia-addlistener-marked-as-deprecated-addeventlistener-equivalent
|
|
@@ -16,9 +16,16 @@ function attachMediaListener(query, callback) {
|
|
|
16
16
|
}
|
|
17
17
|
}
|
|
18
18
|
exports.attachMediaListener = attachMediaListener;
|
|
19
|
+
function getMediaQuery(query) {
|
|
20
|
+
var _a;
|
|
21
|
+
if (!query)
|
|
22
|
+
return '';
|
|
23
|
+
return (_a = query === null || query === void 0 ? void 0 : query.trim()) === null || _a === void 0 ? void 0 : _a.replace('@media screen and ', '');
|
|
24
|
+
}
|
|
25
|
+
exports.getMediaQuery = getMediaQuery;
|
|
19
26
|
function isMediaQuery(query, initialValue) {
|
|
20
27
|
if (initialValue === void 0) { initialValue = false; }
|
|
21
|
-
var media = query
|
|
28
|
+
var media = getMediaQuery(query);
|
|
22
29
|
if (typeof window !== 'undefined' && 'matchMedia' in window) {
|
|
23
30
|
return window.matchMedia(media).matches;
|
|
24
31
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mediaQuery.js","sourceRoot":"","sources":["../../../src/lib/tools/mediaQuery.ts"],"names":[],"mappings":";;;AAEA;;;KAGK;AACL,SAAgB,mBAAmB,CAAC,KAAqB,EAAE,QAA4B;IACrF,IAAI;QACF,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;QAC1C,OAAO,cAAM,OAAA,KAAK,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,EAA7C,CAA6C,CAAA;KAC3D;IAAC,OAAO,CAAC,EAAE;QACV,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAA;QAC3B,OAAO,cAAM,OAAA,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAA9B,CAA8B,CAAA;KAC5C;AACH,CAAC;AARD,kDAQC;AAED,SAAgB,
|
|
1
|
+
{"version":3,"file":"mediaQuery.js","sourceRoot":"","sources":["../../../src/lib/tools/mediaQuery.ts"],"names":[],"mappings":";;;AAEA;;;KAGK;AACL,SAAgB,mBAAmB,CAAC,KAAqB,EAAE,QAA4B;IACrF,IAAI;QACF,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;QAC1C,OAAO,cAAM,OAAA,KAAK,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,EAA7C,CAA6C,CAAA;KAC3D;IAAC,OAAO,CAAC,EAAE;QACV,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAA;QAC3B,OAAO,cAAM,OAAA,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAA9B,CAA8B,CAAA;KAC5C;AACH,CAAC;AARD,kDAQC;AAED,SAAgB,aAAa,CAAC,KAAa;;IACzC,IAAI,CAAC,KAAK;QAAE,OAAO,EAAE,CAAA;IACrB,OAAO,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,EAAE,0CAAE,OAAO,CAAC,oBAAoB,EAAE,EAAE,CAAC,CAAA;AACzD,CAAC;AAHD,sCAGC;AAED,SAAgB,YAAY,CAAC,KAAa,EAAE,YAAoB;IAApB,6BAAA,EAAA,oBAAoB;IAC9D,IAAM,KAAK,GAAG,aAAa,CAAC,KAAK,CAAC,CAAA;IAElC,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,YAAY,IAAI,MAAM,EAAE;QAC3D,OAAO,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,OAAO,CAAA;KACxC;IAED,OAAO,YAAY,CAAA;AACrB,CAAC;AARD,oCAQC"}
|
|
@@ -1,11 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
indexes:
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
toggle: (id: string, to?: boolean) => void;
|
|
7
|
-
};
|
|
8
|
-
export declare const ModalStore: import("zustand").UseBoundStore<import("zustand").StoreApi<TModalStore>>;
|
|
9
|
-
export declare function toggleModal(id: string, to?: boolean): void;
|
|
1
|
+
export declare const modalsState: import("@codeleap/store").GlobalState<{
|
|
2
|
+
currentModal: any;
|
|
3
|
+
indexes: {};
|
|
4
|
+
}>;
|
|
5
|
+
export declare function modalInferIndexes(visible: boolean, id: string): void;
|
|
10
6
|
export declare function modalScrollLock(to: boolean, modalIdentifier: string): void;
|
|
11
|
-
export {};
|
package/dist/lib/tools/modal.js
CHANGED
|
@@ -1,56 +1,50 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
2
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.modalScrollLock = exports.
|
|
14
|
+
exports.modalScrollLock = exports.modalInferIndexes = exports.modalsState = void 0;
|
|
4
15
|
var types_1 = require("@codeleap/types");
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
exports.
|
|
8
|
-
|
|
9
|
-
indexes
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
indexes[modalIdentifier] = INDEX;
|
|
15
|
-
return { indexes: indexes };
|
|
16
|
-
}
|
|
16
|
+
var store_1 = require("@codeleap/store");
|
|
17
|
+
var overlapIndex = 99;
|
|
18
|
+
exports.modalsState = (0, store_1.globalState)({ currentModal: null, indexes: {} });
|
|
19
|
+
function modalInferIndexes(visible, id) {
|
|
20
|
+
var indexes = __assign({}, exports.modalsState.value.indexes);
|
|
21
|
+
if (!visible) {
|
|
22
|
+
indexes[id] = overlapIndex;
|
|
23
|
+
}
|
|
24
|
+
else {
|
|
17
25
|
var currentIndex = 0;
|
|
18
26
|
for (var key in indexes) {
|
|
19
27
|
if (indexes[key] > currentIndex) {
|
|
20
28
|
currentIndex = indexes[key];
|
|
21
29
|
}
|
|
22
30
|
}
|
|
23
|
-
indexes[
|
|
24
|
-
return { indexes: indexes };
|
|
25
|
-
}); },
|
|
26
|
-
toggle: function (id, to) {
|
|
27
|
-
if (to === void 0) { to = null; }
|
|
28
|
-
return set(function (store) {
|
|
29
|
-
var modals = store.modals;
|
|
30
|
-
var hasModal = types_1.TypeGuards.isBoolean(modals === null || modals === void 0 ? void 0 : modals[id]);
|
|
31
|
-
var visible = types_1.TypeGuards.isBoolean(to) ? to : (hasModal ? !(modals === null || modals === void 0 ? void 0 : modals[id]) : true);
|
|
32
|
-
modals[id] = visible;
|
|
33
|
-
return { modals: modals };
|
|
34
|
-
});
|
|
31
|
+
indexes[id] = currentIndex + overlapIndex;
|
|
35
32
|
}
|
|
36
|
-
|
|
37
|
-
function toggleModal(id, to) {
|
|
38
|
-
if (to === void 0) { to = null; }
|
|
39
|
-
exports.ModalStore.getState().toggle(id, to);
|
|
33
|
+
exports.modalsState.set({ indexes: indexes });
|
|
40
34
|
}
|
|
41
|
-
exports.
|
|
35
|
+
exports.modalInferIndexes = modalInferIndexes;
|
|
42
36
|
function modalScrollLock(to, modalIdentifier) {
|
|
43
37
|
var _a;
|
|
44
|
-
var modalId = exports.
|
|
38
|
+
var modalId = exports.modalsState.value.currentModal;
|
|
45
39
|
var alreadyDifferentOpenedModal = !types_1.TypeGuards.isNil(modalId) && modalIdentifier !== modalId;
|
|
46
40
|
if (alreadyDifferentOpenedModal)
|
|
47
41
|
return;
|
|
48
42
|
if (types_1.TypeGuards.isNil(modalId) && to === true) {
|
|
49
|
-
exports.
|
|
43
|
+
exports.modalsState.set({ currentModal: modalIdentifier });
|
|
50
44
|
modalId = modalIdentifier;
|
|
51
45
|
}
|
|
52
46
|
else if (!types_1.TypeGuards.isNil(modalId) && to === false) {
|
|
53
|
-
exports.
|
|
47
|
+
exports.modalsState.set({ currentModal: null });
|
|
54
48
|
}
|
|
55
49
|
var htmlStyle = (_a = document === null || document === void 0 ? void 0 : document.documentElement) === null || _a === void 0 ? void 0 : _a.style;
|
|
56
50
|
if (htmlStyle.overflowX !== 'hidden') {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../src/lib/tools/modal.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../src/lib/tools/modal.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,yCAA4C;AAC5C,yCAA6C;AAE7C,IAAM,YAAY,GAAG,EAAE,CAAA;AAEV,QAAA,WAAW,GAAG,IAAA,mBAAW,EAAC,EAAE,YAAY,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAA;AAE3E,SAAgB,iBAAiB,CAAC,OAAgB,EAAE,EAAU;IAC5D,IAAM,OAAO,gBAAQ,mBAAW,CAAC,KAAK,CAAC,OAAO,CAAE,CAAA;IAEhD,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO,CAAC,EAAE,CAAC,GAAG,YAAY,CAAA;KAC3B;SAAM;QACL,IAAI,YAAY,GAAG,CAAC,CAAA;QAEpB,KAAK,IAAM,GAAG,IAAI,OAAO,EAAE;YACzB,IAAI,OAAO,CAAC,GAAG,CAAC,GAAG,YAAY,EAAE;gBAC/B,YAAY,GAAG,OAAO,CAAC,GAAG,CAAC,CAAA;aAC5B;SACF;QAED,OAAO,CAAC,EAAE,CAAC,GAAG,YAAY,GAAG,YAAY,CAAA;KAC1C;IAED,mBAAW,CAAC,GAAG,CAAC,EAAE,OAAO,SAAA,EAAE,CAAC,CAAA;AAC9B,CAAC;AAlBD,8CAkBC;AAED,SAAgB,eAAe,CAAC,EAAW,EAAE,eAAuB;;IAClE,IAAI,OAAO,GAAG,mBAAW,CAAC,KAAK,CAAC,YAAY,CAAA;IAE5C,IAAM,2BAA2B,GAAG,CAAC,kBAAU,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,eAAe,KAAK,OAAO,CAAA;IAE7F,IAAI,2BAA2B;QAAE,OAAM;IAEvC,IAAI,kBAAU,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,IAAI,EAAE;QAC5C,mBAAW,CAAC,GAAG,CAAC,EAAE,YAAY,EAAE,eAAe,EAAE,CAAC,CAAA;QAClD,OAAO,GAAG,eAAe,CAAA;KAC1B;SAAM,IAAI,CAAC,kBAAU,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,KAAK,EAAE;QACrD,mBAAW,CAAC,GAAG,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC,CAAA;KACxC;IAED,IAAM,SAAS,GAAG,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,eAAe,0CAAE,KAAK,CAAA;IAElD,IAAI,SAAS,CAAC,SAAS,KAAK,QAAQ,EAAE;QACpC,SAAS,CAAC,SAAS,GAAG,QAAQ,CAAA;KAC/B;IAED,IAAI,EAAE,EAAE;QACN,SAAS,CAAC,SAAS,GAAG,QAAQ,CAAA;KAC/B;SAAM,IAAI,eAAe,KAAK,OAAO,IAAI,EAAE,KAAK,KAAK,EAAE;QACtD,SAAS,CAAC,SAAS,GAAG,MAAM,CAAA;KAC7B;AACH,CAAC;AAzBD,0CAyBC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@codeleap/web",
|
|
3
|
-
"version": "4.3.
|
|
3
|
+
"version": "4.3.2",
|
|
4
4
|
"main": "src/index.ts",
|
|
5
5
|
"repository": {
|
|
6
6
|
"url": "https://github.com/codeleap-uk/internal-libs-monorepo.git",
|
|
@@ -9,14 +9,15 @@
|
|
|
9
9
|
},
|
|
10
10
|
"license": "UNLICENSED",
|
|
11
11
|
"devDependencies": {
|
|
12
|
-
"@codeleap/config": "4.3.
|
|
13
|
-
"@codeleap/form": "4.3.
|
|
14
|
-
"@codeleap/hooks": "4.3.
|
|
15
|
-
"@codeleap/i18n": "4.3.
|
|
16
|
-
"@codeleap/logger": "4.3.
|
|
17
|
-
"@codeleap/query": "4.3.
|
|
18
|
-
"@codeleap/types": "4.3.
|
|
19
|
-
"@codeleap/utils": "4.3.
|
|
12
|
+
"@codeleap/config": "4.3.2",
|
|
13
|
+
"@codeleap/form": "4.3.2",
|
|
14
|
+
"@codeleap/hooks": "4.3.2",
|
|
15
|
+
"@codeleap/i18n": "4.3.2",
|
|
16
|
+
"@codeleap/logger": "4.3.2",
|
|
17
|
+
"@codeleap/query": "4.3.2",
|
|
18
|
+
"@codeleap/types": "4.3.2",
|
|
19
|
+
"@codeleap/utils": "4.3.2",
|
|
20
|
+
"@codeleap/store": "4.3.2",
|
|
20
21
|
"@types/react-slick": "^0.23.13"
|
|
21
22
|
},
|
|
22
23
|
"scripts": {
|
|
@@ -42,25 +43,23 @@
|
|
|
42
43
|
"react-select": "^5.7.3",
|
|
43
44
|
"react-slick": "^0.29.0",
|
|
44
45
|
"slick-carousel": "^1.8.1",
|
|
45
|
-
"uuid": "^8.3.2"
|
|
46
|
-
"zustand": "^4.4.1"
|
|
46
|
+
"uuid": "^8.3.2"
|
|
47
47
|
},
|
|
48
48
|
"peerDependencies": {
|
|
49
|
-
"@codeleap/types": "4.3.
|
|
50
|
-
"@codeleap/utils": "4.3.
|
|
51
|
-
"@codeleap/hooks": "4.3.
|
|
52
|
-
"@codeleap/form": "4.3.
|
|
53
|
-
"@codeleap/i18n": "4.3.
|
|
54
|
-
"@codeleap/query": "4.3.
|
|
55
|
-
"@codeleap/logger": "4.3.
|
|
56
|
-
"@codeleap/styles": "4.3.
|
|
49
|
+
"@codeleap/types": "4.3.2",
|
|
50
|
+
"@codeleap/utils": "4.3.2",
|
|
51
|
+
"@codeleap/hooks": "4.3.2",
|
|
52
|
+
"@codeleap/form": "4.3.2",
|
|
53
|
+
"@codeleap/i18n": "4.3.2",
|
|
54
|
+
"@codeleap/query": "4.3.2",
|
|
55
|
+
"@codeleap/logger": "4.3.2",
|
|
56
|
+
"@codeleap/styles": "4.3.2",
|
|
57
|
+
"@codeleap/store": "4.3.2",
|
|
57
58
|
"@emotion/react": "11.10.6",
|
|
58
59
|
"@reach/router": "^1.3.4",
|
|
59
60
|
"axios": "1.3.5",
|
|
60
|
-
"gatsby-plugin-intl": "^0.3.3",
|
|
61
61
|
"react": "18.1.0",
|
|
62
62
|
"react-dom": "18.2.0",
|
|
63
|
-
"react-helmet": "^6.1.0",
|
|
64
63
|
"react-select": "*",
|
|
65
64
|
"typescript": "5.0.4"
|
|
66
65
|
}
|
package/package.json.bak
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@codeleap/web",
|
|
3
|
-
"version": "4.3.
|
|
3
|
+
"version": "4.3.2",
|
|
4
4
|
"main": "src/index.ts",
|
|
5
5
|
"repository": {
|
|
6
6
|
"url": "https://github.com/codeleap-uk/internal-libs-monorepo.git",
|
|
@@ -17,6 +17,7 @@
|
|
|
17
17
|
"@codeleap/query": "workspace:*",
|
|
18
18
|
"@codeleap/types": "workspace:*",
|
|
19
19
|
"@codeleap/utils": "workspace:*",
|
|
20
|
+
"@codeleap/store": "workspace:*",
|
|
20
21
|
"@types/react-slick": "^0.23.13"
|
|
21
22
|
},
|
|
22
23
|
"scripts": {
|
|
@@ -42,8 +43,7 @@
|
|
|
42
43
|
"react-select": "^5.7.3",
|
|
43
44
|
"react-slick": "^0.29.0",
|
|
44
45
|
"slick-carousel": "^1.8.1",
|
|
45
|
-
"uuid": "^8.3.2"
|
|
46
|
-
"zustand": "^4.4.1"
|
|
46
|
+
"uuid": "^8.3.2"
|
|
47
47
|
},
|
|
48
48
|
"peerDependencies": {
|
|
49
49
|
"@codeleap/types": "workspace:*",
|
|
@@ -54,13 +54,12 @@
|
|
|
54
54
|
"@codeleap/query": "workspace:*",
|
|
55
55
|
"@codeleap/logger": "workspace:*",
|
|
56
56
|
"@codeleap/styles": "workspace:*",
|
|
57
|
+
"@codeleap/store": "workspace:*",
|
|
57
58
|
"@emotion/react": "11.10.6",
|
|
58
59
|
"@reach/router": "^1.3.4",
|
|
59
60
|
"axios": "1.3.5",
|
|
60
|
-
"gatsby-plugin-intl": "^0.3.3",
|
|
61
61
|
"react": "18.1.0",
|
|
62
62
|
"react-dom": "18.2.0",
|
|
63
|
-
"react-helmet": "^6.1.0",
|
|
64
63
|
"react-select": "*",
|
|
65
64
|
"typescript": "5.0.4"
|
|
66
65
|
}
|
|
@@ -8,7 +8,7 @@ import { Text } from '../Text'
|
|
|
8
8
|
import { Overlay } from '../Overlay'
|
|
9
9
|
import { ActionIcon } from '../ActionIcon'
|
|
10
10
|
import { Touchable } from '../Touchable'
|
|
11
|
-
import { modalScrollLock,
|
|
11
|
+
import { modalScrollLock, modalInferIndexes, modalsState } from '../../lib/tools/modal'
|
|
12
12
|
import { ModalHeaderProps, ModalProps } from './types'
|
|
13
13
|
import { useStylesFor } from '../../lib/hooks/useStylesFor'
|
|
14
14
|
import { WebStyleRegistry } from '../../lib/WebStyleRegistry'
|
|
@@ -107,7 +107,7 @@ export const ModalContent = (modalProps: ModalProps & { id: string }) => {
|
|
|
107
107
|
|
|
108
108
|
const styles = useStylesFor(Modal.styleRegistryName, style)
|
|
109
109
|
|
|
110
|
-
const index =
|
|
110
|
+
const index = modalsState.use(state => state.indexes?.[modalId] ?? 0)
|
|
111
111
|
|
|
112
112
|
const id = useId()
|
|
113
113
|
const modalRef = useRef(null)
|
|
@@ -252,18 +252,14 @@ export const Modal = (props: ModalProps) => {
|
|
|
252
252
|
|
|
253
253
|
const {
|
|
254
254
|
accessible,
|
|
255
|
-
visible
|
|
255
|
+
visible,
|
|
256
256
|
scrollLock,
|
|
257
257
|
modalId: _modalId,
|
|
258
258
|
autoIndex,
|
|
259
|
-
toggle
|
|
259
|
+
toggle,
|
|
260
260
|
} = allProps
|
|
261
261
|
|
|
262
262
|
const modalId = useRef(_modalId ?? v4())
|
|
263
|
-
const setIndex = ModalStore(store => store.setIndex)
|
|
264
|
-
|
|
265
|
-
const visible = TypeGuards.isBoolean(_visible) ? _visible : ModalStore(store => (store.modals?.[_modalId] ?? false))
|
|
266
|
-
const toggle = TypeGuards.isFunction(_toggle) ? _toggle : ModalStore(store => () => store.toggle(_modalId))
|
|
267
263
|
|
|
268
264
|
onMount(() => {
|
|
269
265
|
if (accessible) {
|
|
@@ -284,7 +280,7 @@ export const Modal = (props: ModalProps) => {
|
|
|
284
280
|
|
|
285
281
|
if (autoIndex) {
|
|
286
282
|
setTimeout(() => {
|
|
287
|
-
|
|
283
|
+
modalInferIndexes(visible, modalId.current)
|
|
288
284
|
}, visible ? 0 : 500)
|
|
289
285
|
}
|
|
290
286
|
|
|
@@ -36,7 +36,7 @@ export const PaginationButtons = (props: PaginationButtonsProps) => {
|
|
|
36
36
|
|
|
37
37
|
const query = theme?.media?.down('tabletSmall' as never)
|
|
38
38
|
|
|
39
|
-
const _isMobile = useMediaQuery(query
|
|
39
|
+
const _isMobile = useMediaQuery(query)
|
|
40
40
|
const isMobileQuery = TypeGuards.isBoolean(isMobile) ? isMobile : _isMobile
|
|
41
41
|
|
|
42
42
|
const centeredElementIndex = isMobileQuery ? 3 : boundaries + 1
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { onMount } from '@codeleap/hooks'
|
|
2
|
-
import { useGlobalContext } from '@codeleap/
|
|
2
|
+
import { useGlobalContext } from '@codeleap/hooks'
|
|
3
3
|
import { TypeGuards } from '@codeleap/types'
|
|
4
4
|
import React, { ComponentType, ElementType, forwardRef, HTMLAttributes } from 'react'
|
|
5
5
|
import { stopPropagation } from '../../lib'
|
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
import { TypeGuards } from '@codeleap/types'
|
|
2
|
-
import { useMemo } from '@codeleap/hooks'
|
|
3
2
|
import React, { ElementType, forwardRef } from 'react'
|
|
4
|
-
import { useMediaQuery } from '../../lib/hooks'
|
|
5
3
|
import { motion } from 'framer-motion'
|
|
6
4
|
import { ViewProps } from './types'
|
|
7
5
|
import { getTestId } from '../../lib/utils/test'
|
|
8
6
|
import { useStylesFor } from '../../lib/hooks/useStylesFor'
|
|
9
7
|
import { WebStyleRegistry } from '../../lib/WebStyleRegistry'
|
|
10
|
-
import { AnyRecord, IJSX, StyledComponentProps, StyledComponentWithProps
|
|
8
|
+
import { AnyRecord, IJSX, StyledComponentProps, StyledComponentWithProps } from '@codeleap/styles'
|
|
11
9
|
|
|
12
10
|
export * from './styles'
|
|
13
11
|
export * from './types'
|
|
@@ -35,24 +33,10 @@ export const View = forwardRef<HTMLDivElement, ViewProps>((viewProps, ref) => {
|
|
|
35
33
|
|
|
36
34
|
const Component: ElementType = animated ? (motion?.[component as string] || motion.div) : (component || 'div')
|
|
37
35
|
|
|
38
|
-
const theme = useTheme(store => store.current)
|
|
39
|
-
|
|
40
36
|
function handleHover(isMouseOverElement: boolean) {
|
|
41
37
|
onHover?.(isMouseOverElement)
|
|
42
38
|
}
|
|
43
39
|
|
|
44
|
-
const platformMediaQuery = useMemo(() => {
|
|
45
|
-
// @ts-expect-error theme type
|
|
46
|
-
return theme?.media?.renderToPlatformQuery({
|
|
47
|
-
is,
|
|
48
|
-
not,
|
|
49
|
-
up,
|
|
50
|
-
down,
|
|
51
|
-
})
|
|
52
|
-
}, [is, not, up, down])
|
|
53
|
-
|
|
54
|
-
const matches = useMediaQuery(platformMediaQuery)
|
|
55
|
-
|
|
56
40
|
const hoverProps = TypeGuards.isFunction(onHover) && {
|
|
57
41
|
onMouseEnter: () => handleHover(true),
|
|
58
42
|
onMouseLeave: () => handleHover(false),
|
|
@@ -67,7 +51,7 @@ export const View = forwardRef<HTMLDivElement, ViewProps>((viewProps, ref) => {
|
|
|
67
51
|
{...animatedProps}
|
|
68
52
|
ref={ref}
|
|
69
53
|
data-testid={testId}
|
|
70
|
-
css={
|
|
54
|
+
css={styles.wrapper}
|
|
71
55
|
>
|
|
72
56
|
{children}
|
|
73
57
|
</Component>
|
|
@@ -1,44 +1,109 @@
|
|
|
1
|
-
import { useMemo } from 'react'
|
|
1
|
+
import { useEffect, useMemo, useRef, useState } from 'react'
|
|
2
2
|
import { TypeGuards } from '@codeleap/types'
|
|
3
|
-
import { AppTheme, Theme,
|
|
4
|
-
import {
|
|
3
|
+
import { AppTheme, Theme, themeStore, Breakpoint } from '@codeleap/styles'
|
|
4
|
+
import { getMediaQuery, isMediaQuery } from '../tools'
|
|
5
5
|
|
|
6
|
-
|
|
6
|
+
const getTheme = () => themeStore.getState().current as AppTheme<Theme>
|
|
7
7
|
|
|
8
|
-
|
|
9
|
-
const
|
|
8
|
+
function validateBreakpoint(currentTheme: AppTheme<Theme>, breakpoint: string) {
|
|
9
|
+
const matchesDown = isMediaQuery(currentTheme.media.down(breakpoint as never))
|
|
10
|
+
const matchesUp = isMediaQuery(currentTheme.media.up(breakpoint as never))
|
|
10
11
|
|
|
11
|
-
|
|
12
|
+
return !matchesUp && matchesDown
|
|
13
|
+
}
|
|
12
14
|
|
|
13
|
-
|
|
14
|
-
|
|
15
|
+
function useBreakpointMatches() {
|
|
16
|
+
return useState<Record<string, boolean>>(() => {
|
|
17
|
+
const currentTheme = getTheme()
|
|
15
18
|
|
|
16
|
-
|
|
19
|
+
const breakpointMatches: Record<string, boolean> = {}
|
|
17
20
|
|
|
18
|
-
const
|
|
21
|
+
for (const breakpoint in currentTheme.breakpoints) {
|
|
22
|
+
breakpointMatches[breakpoint] = validateBreakpoint(currentTheme, breakpoint)
|
|
23
|
+
}
|
|
19
24
|
|
|
20
|
-
return
|
|
21
|
-
}
|
|
25
|
+
return breakpointMatches
|
|
26
|
+
})
|
|
27
|
+
}
|
|
22
28
|
|
|
23
|
-
|
|
24
|
-
|
|
29
|
+
function useBreakpointListeners() {
|
|
30
|
+
const [breakpointMatches, setBreakpointMatches] = useBreakpointMatches()
|
|
31
|
+
const loaded = useRef(false)
|
|
32
|
+
const mediaQueries = useRef<Record<string, MediaQueryList>>({})
|
|
25
33
|
|
|
26
|
-
|
|
27
|
-
|
|
34
|
+
function callback(event: MediaQueryListEvent, breakpoint: string) {
|
|
35
|
+
const currentTheme = getTheme()
|
|
28
36
|
|
|
29
|
-
|
|
37
|
+
setBreakpointMatches((prevState) => {
|
|
38
|
+
const updatedMatches = { ...prevState }
|
|
30
39
|
|
|
31
|
-
|
|
32
|
-
const matchesDown = useMediaQuery(theme?.media?.down(breakpoint as never), { getInitialValueInEffect: false })
|
|
33
|
-
const matchesUp = useMediaQuery(theme?.media?.up(breakpoint as never), { getInitialValueInEffect: false })
|
|
40
|
+
updatedMatches[breakpoint] = validateBreakpoint(currentTheme, breakpoint)
|
|
34
41
|
|
|
35
|
-
|
|
42
|
+
return updatedMatches
|
|
43
|
+
})
|
|
36
44
|
}
|
|
37
45
|
|
|
38
|
-
|
|
46
|
+
useEffect(() => {
|
|
47
|
+
if (loaded.current) return
|
|
48
|
+
|
|
49
|
+
loaded.current = true
|
|
50
|
+
|
|
51
|
+
const currentTheme = getTheme()
|
|
52
|
+
|
|
53
|
+
for (const breakpoint in currentTheme.breakpoints) {
|
|
54
|
+
const queryUp = getMediaQuery(currentTheme.media.up(breakpoint as never))
|
|
55
|
+
|
|
56
|
+
const matchUp = window.matchMedia(queryUp)
|
|
57
|
+
|
|
58
|
+
mediaQueries.current[breakpoint] = matchUp
|
|
59
|
+
|
|
60
|
+
try {
|
|
61
|
+
matchUp.addEventListener('change', (event) => callback(event, breakpoint))
|
|
62
|
+
} catch {
|
|
63
|
+
matchUp.addListener((event) => callback(event, breakpoint))
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
return () => {
|
|
68
|
+
for (const breakpoint in mediaQueries.current) {
|
|
69
|
+
const matchUp = mediaQueries.current[breakpoint]
|
|
70
|
+
|
|
71
|
+
try {
|
|
72
|
+
matchUp.removeEventListener('change', (event) => callback(event, breakpoint))
|
|
73
|
+
} catch {
|
|
74
|
+
matchUp.removeListener((event) => callback(event, breakpoint))
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
mediaQueries.current = {}
|
|
79
|
+
}
|
|
80
|
+
}, [])
|
|
81
|
+
|
|
82
|
+
return breakpointMatches
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
export function useBreakpointMatch<T = string>(values: Partial<Record<Breakpoint, T>>): T {
|
|
86
|
+
const breakpointMatches = useBreakpointListeners()
|
|
87
|
+
|
|
88
|
+
const breakpoints = useMemo(() => {
|
|
89
|
+
return Object.entries(getTheme().breakpoints)
|
|
90
|
+
.sort(([, a], [, b]) => a - b)
|
|
91
|
+
.reduce((acc, [key, value]) => {
|
|
92
|
+
acc[key] = value
|
|
93
|
+
return acc
|
|
94
|
+
}, {} as Record<string, number>)
|
|
95
|
+
}, [])
|
|
96
|
+
|
|
97
|
+
const breakpointValues = useMemo(() => {
|
|
98
|
+
return Object.keys(breakpoints).sort((a, b) => breakpoints?.[a] - breakpoints?.[b])
|
|
99
|
+
}, [])
|
|
100
|
+
|
|
101
|
+
const currentBreakpoint = useMemo(() => {
|
|
102
|
+
return Object.keys(breakpointMatches).find((key) => breakpointMatches[key])
|
|
103
|
+
}, [breakpointMatches])
|
|
39
104
|
|
|
40
105
|
const breakpoint = useMemo(() => {
|
|
41
|
-
const validBreakpointIndex = breakpointValues?.findIndex(
|
|
106
|
+
const validBreakpointIndex = breakpointValues?.findIndex(key => key === currentBreakpoint)
|
|
42
107
|
|
|
43
108
|
const validBreakpoints = breakpointValues?.slice(validBreakpointIndex, 100)
|
|
44
109
|
|
|
@@ -51,11 +116,13 @@ export function useBreakpointMatch<T extends string = string>(values: Partial<Br
|
|
|
51
116
|
})
|
|
52
117
|
|
|
53
118
|
if (TypeGuards.isNil(validBreakpoint)) {
|
|
54
|
-
validBreakpoint = breakpointValues?.reverse()?.find(
|
|
119
|
+
validBreakpoint = breakpointValues?.reverse()?.find(key => !!values?.[key])
|
|
55
120
|
}
|
|
56
121
|
|
|
57
122
|
return validBreakpoint
|
|
58
123
|
}, [currentBreakpoint])
|
|
59
124
|
|
|
60
|
-
|
|
125
|
+
const value = useMemo(() => values?.[breakpoint], [breakpoint])
|
|
126
|
+
|
|
127
|
+
return value
|
|
61
128
|
}
|
|
@@ -1,28 +1,8 @@
|
|
|
1
|
-
import { useEffect,
|
|
2
|
-
import { attachMediaListener, isMediaQuery } from '../tools'
|
|
1
|
+
import { useEffect, useRef, useState } from 'react'
|
|
2
|
+
import { attachMediaListener, getMediaQuery, isMediaQuery } from '../tools'
|
|
3
3
|
|
|
4
|
-
export
|
|
5
|
-
|
|
6
|
-
initialValue?: boolean
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
export function useMediaQuery(
|
|
10
|
-
query: string,
|
|
11
|
-
queryOptions: UseMediaQueryOptions = {},
|
|
12
|
-
) {
|
|
13
|
-
const {
|
|
14
|
-
initialValue = false,
|
|
15
|
-
getInitialValueInEffect = true,
|
|
16
|
-
} = queryOptions
|
|
17
|
-
|
|
18
|
-
const _query = useMemo(() => {
|
|
19
|
-
if (!query) return ''
|
|
20
|
-
return query?.trim()?.replace('@media screen and ', '')
|
|
21
|
-
}, [query])
|
|
22
|
-
|
|
23
|
-
const [matches, setMatches] = useState(
|
|
24
|
-
(getInitialValueInEffect || !query) ? initialValue : isMediaQuery(query, initialValue),
|
|
25
|
-
)
|
|
4
|
+
export function useMediaQuery(query: string) {
|
|
5
|
+
const [matches, setMatches] = useState(isMediaQuery(query))
|
|
26
6
|
|
|
27
7
|
const queryRef = useRef<MediaQueryList>()
|
|
28
8
|
|
|
@@ -30,13 +10,13 @@ export function useMediaQuery(
|
|
|
30
10
|
if (query?.trim() === '' || !query) return
|
|
31
11
|
|
|
32
12
|
if ('matchMedia' in window) {
|
|
33
|
-
queryRef.current = window.matchMedia(
|
|
13
|
+
queryRef.current = window.matchMedia(getMediaQuery(query))
|
|
34
14
|
setMatches(queryRef.current.matches)
|
|
35
15
|
return attachMediaListener(queryRef.current, (event) => setMatches(event.matches))
|
|
36
16
|
}
|
|
37
17
|
|
|
38
18
|
return undefined
|
|
39
|
-
}, [
|
|
19
|
+
}, [])
|
|
40
20
|
|
|
41
21
|
return matches
|
|
42
22
|
}
|
|
@@ -64,7 +64,7 @@ export class LocalStorage<T extends Record<string, string>> {
|
|
|
64
64
|
return serializedValue
|
|
65
65
|
}
|
|
66
66
|
|
|
67
|
-
public getItem(key: Key<T>, parseValue = true):
|
|
67
|
+
public getItem<V = string>(key: Key<T>, parseValue = true): V | null {
|
|
68
68
|
const storageKey = this.getStorageKey(key)
|
|
69
69
|
const storage = this.getLocalStorage()
|
|
70
70
|
|
|
@@ -74,7 +74,7 @@ export class LocalStorage<T extends Record<string, string>> {
|
|
|
74
74
|
value = this.parseValue(value)
|
|
75
75
|
}
|
|
76
76
|
|
|
77
|
-
return value
|
|
77
|
+
return value as V
|
|
78
78
|
}
|
|
79
79
|
|
|
80
80
|
public removeItem(key: Key<T>): void {
|
|
@@ -14,8 +14,13 @@ export function attachMediaListener(query: MediaQueryList, callback: MediaQueryC
|
|
|
14
14
|
}
|
|
15
15
|
}
|
|
16
16
|
|
|
17
|
+
export function getMediaQuery(query: string) {
|
|
18
|
+
if (!query) return ''
|
|
19
|
+
return query?.trim()?.replace('@media screen and ', '')
|
|
20
|
+
}
|
|
21
|
+
|
|
17
22
|
export function isMediaQuery(query: string, initialValue = false) {
|
|
18
|
-
const media = query
|
|
23
|
+
const media = getMediaQuery(query)
|
|
19
24
|
|
|
20
25
|
if (typeof window !== 'undefined' && 'matchMedia' in window) {
|
|
21
26
|
return window.matchMedia(media).matches
|
package/src/lib/tools/modal.ts
CHANGED
|
@@ -1,29 +1,16 @@
|
|
|
1
1
|
import { TypeGuards } from '@codeleap/types'
|
|
2
|
-
import {
|
|
2
|
+
import { globalState } from '@codeleap/store'
|
|
3
3
|
|
|
4
|
-
|
|
5
|
-
identifier: string | null
|
|
6
|
-
indexes: Record<string, number>
|
|
7
|
-
modals: Record<string, boolean>
|
|
8
|
-
setIndex: (visible: boolean, modalIdentifier: string) => void
|
|
9
|
-
toggle: (id: string, to?: boolean) => void
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
const INDEX = 99
|
|
4
|
+
const overlapIndex = 99
|
|
13
5
|
|
|
14
|
-
export const
|
|
15
|
-
identifier: null,
|
|
16
|
-
indexes: {},
|
|
17
|
-
modals: {},
|
|
18
|
-
setIndex: (visible: boolean, modalIdentifier: string) => set(store => {
|
|
19
|
-
const indexes = store.indexes
|
|
6
|
+
export const modalsState = globalState({ currentModal: null, indexes: {} })
|
|
20
7
|
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
return { indexes }
|
|
25
|
-
}
|
|
8
|
+
export function modalInferIndexes(visible: boolean, id: string) {
|
|
9
|
+
const indexes = { ...modalsState.value.indexes }
|
|
26
10
|
|
|
11
|
+
if (!visible) {
|
|
12
|
+
indexes[id] = overlapIndex
|
|
13
|
+
} else {
|
|
27
14
|
let currentIndex = 0
|
|
28
15
|
|
|
29
16
|
for (const key in indexes) {
|
|
@@ -32,38 +19,24 @@ export const ModalStore = create<TModalStore>((set) => ({
|
|
|
32
19
|
}
|
|
33
20
|
}
|
|
34
21
|
|
|
35
|
-
indexes[
|
|
36
|
-
|
|
37
|
-
return { indexes }
|
|
38
|
-
}),
|
|
39
|
-
toggle: (id: string, to = null) => set(store => {
|
|
40
|
-
const modals = store.modals
|
|
41
|
-
|
|
42
|
-
const hasModal = TypeGuards.isBoolean(modals?.[id])
|
|
43
|
-
const visible = TypeGuards.isBoolean(to) ? to : (hasModal ? !modals?.[id] : true)
|
|
44
|
-
|
|
45
|
-
modals[id] = visible
|
|
46
|
-
|
|
47
|
-
return { modals }
|
|
48
|
-
})
|
|
49
|
-
}))
|
|
22
|
+
indexes[id] = currentIndex + overlapIndex
|
|
23
|
+
}
|
|
50
24
|
|
|
51
|
-
|
|
52
|
-
ModalStore.getState().toggle(id, to)
|
|
25
|
+
modalsState.set({ indexes })
|
|
53
26
|
}
|
|
54
27
|
|
|
55
28
|
export function modalScrollLock(to: boolean, modalIdentifier: string) {
|
|
56
|
-
let modalId =
|
|
29
|
+
let modalId = modalsState.value.currentModal
|
|
57
30
|
|
|
58
31
|
const alreadyDifferentOpenedModal = !TypeGuards.isNil(modalId) && modalIdentifier !== modalId
|
|
59
|
-
|
|
32
|
+
|
|
60
33
|
if (alreadyDifferentOpenedModal) return
|
|
61
34
|
|
|
62
35
|
if (TypeGuards.isNil(modalId) && to === true) {
|
|
63
|
-
|
|
36
|
+
modalsState.set({ currentModal: modalIdentifier })
|
|
64
37
|
modalId = modalIdentifier
|
|
65
38
|
} else if (!TypeGuards.isNil(modalId) && to === false) {
|
|
66
|
-
|
|
39
|
+
modalsState.set({ currentModal: null })
|
|
67
40
|
}
|
|
68
41
|
|
|
69
42
|
const htmlStyle = document?.documentElement?.style
|