@codeleap/web 5.5.0 → 5.5.1
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/Icon/index.js +6 -6
- package/dist/components/Icon/index.js.map +1 -1
- package/dist/components/PaginationButtons/index.js +6 -6
- package/dist/components/PaginationButtons/index.js.map +1 -1
- package/dist/lib/hooks/useBreakpointMatch.js +1 -1
- package/dist/lib/hooks/useBreakpointMatch.js.map +1 -1
- package/dist/lib/hooks/useStylesFor.js +13 -1
- package/dist/lib/hooks/useStylesFor.js.map +1 -1
- package/package.json +17 -17
- package/package.json.bak +1 -1
- package/src/components/Icon/index.tsx +3 -3
- package/src/components/PaginationButtons/index.tsx +3 -3
- package/src/lib/hooks/useBreakpointMatch.ts +1 -1
- package/src/lib/hooks/useStylesFor.ts +16 -1
|
@@ -45,16 +45,16 @@ var WebStyleRegistry_1 = require("../../lib/WebStyleRegistry");
|
|
|
45
45
|
__exportStar(require("./styles"), exports);
|
|
46
46
|
__exportStar(require("./types"), exports);
|
|
47
47
|
var Icon = function (props) {
|
|
48
|
-
var _a, _b
|
|
49
|
-
var
|
|
50
|
-
var
|
|
48
|
+
var _a, _b;
|
|
49
|
+
var _c = __assign(__assign({}, exports.Icon.defaultProps), props), name = _c.name, style = _c.style, renderEmptySpace = _c.renderEmptySpace, otherProps = __rest(_c, ["name", "style", "renderEmptySpace"]);
|
|
50
|
+
var themeIcons = (0, styles_1.useTheme)(function (store) { var _a; return (_a = store.theme) === null || _a === void 0 ? void 0 : _a.icons; });
|
|
51
51
|
var styles = (0, useStylesFor_1.useStylesFor)(exports.Icon.styleRegistryName, style);
|
|
52
|
-
var Component =
|
|
52
|
+
var Component = themeIcons === null || themeIcons === void 0 ? void 0 : themeIcons[name];
|
|
53
53
|
if (!name) {
|
|
54
54
|
var iconStyle = styles.icon;
|
|
55
55
|
return renderEmptySpace ? ((0, jsx_runtime_1.jsx)(View_1.View, { style: {
|
|
56
|
-
height: (
|
|
57
|
-
width: (
|
|
56
|
+
height: (_a = iconStyle.size) !== null && _a !== void 0 ? _a : iconStyle.height,
|
|
57
|
+
width: (_b = iconStyle.size) !== null && _b !== void 0 ? _b : iconStyle.width,
|
|
58
58
|
} })) : null;
|
|
59
59
|
}
|
|
60
60
|
if (!Component)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Icon/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gCAA8B;AAC9B,6DAA2D;AAC3D,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Icon/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gCAA8B;AAC9B,6DAA2D;AAC3D,2CAAkF;AAClF,+DAA6D;AAG7D,2CAAwB;AACxB,0CAAuB;AAEhB,IAAM,IAAI,GAAG,UAAC,KAAe;;IAClC,IAAM,2BAMD,YAAI,CAAC,YAAY,GACjB,KAAK,CACT,EAPC,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,gBAAgB,sBAAA,EACb,UAAU,cAJT,qCAKL,CAGA,CAAA;IAED,IAAM,UAAU,GAAG,IAAA,iBAAQ,EAAC,UAAA,KAAK,YAAI,OAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,KAAK,CAAA,EAAA,CAAC,CAAA;IAExD,IAAM,MAAM,GAAG,IAAA,2BAAY,EAAC,YAAI,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAE1D,IAAM,SAAS,GAAG,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAG,IAAI,CAAC,CAAA;IAEpC,IAAI,CAAC,IAAI,EAAE;QACT,IAAM,SAAS,GAAG,MAAM,CAAC,IAA8C,CAAA;QAEvE,OAAO,gBAAgB,CAAC,CAAC,CAAC,CACxB,uBAAC,WAAI,IACH,KAAK,EAAE;gBACL,MAAM,EAAE,MAAA,SAAS,CAAC,IAAI,mCAAI,SAAS,CAAC,MAAM;gBAC1C,KAAK,EAAE,MAAA,SAAS,CAAC,IAAI,mCAAI,SAAS,CAAC,KAAK;aACzC,GACD,CACH,CAAC,CAAC,CAAC,IAAI,CAAA;KACT;IAED,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAA;IAE3B,OAAO,uBAAC,SAAS,eAAK,UAAU,IAAE,KAAK,EAAE,MAAM,CAAC,IAAI,IAAI,CAAA;AAC1D,CAAC,CAAA;AAjCY,QAAA,IAAI,QAiChB;AAED,YAAI,CAAC,iBAAiB,GAAG,MAAM,CAAA;AAC/B,YAAI,CAAC,QAAQ,GAAG,CAAC,MAAM,CAAC,CAAA;AACxB,YAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,YAAI,CAAC,gBAAgB,GAAG,UAAsB,MAAS;IACrD,OAAO,YAAuE,CAAA;AAChF,CAAC,CAAA;AAED,YAAI,CAAC,YAAY,GAAG,EAAwB,CAAA;AAE5C,mCAAgB,CAAC,iBAAiB,CAAC,YAAI,CAAC,CAAA"}
|
|
@@ -46,16 +46,16 @@ var styles_1 = require("@codeleap/styles");
|
|
|
46
46
|
__exportStar(require("./styles"), exports);
|
|
47
47
|
__exportStar(require("./types"), exports);
|
|
48
48
|
var PaginationButtons = function (props) {
|
|
49
|
-
var _a
|
|
49
|
+
var _a;
|
|
50
50
|
var allProps = __assign(__assign({}, exports.PaginationButtons.defaultProps), props);
|
|
51
51
|
var shouldAbbreviate = allProps.shouldAbbreviate, displayLeftArrow = allProps.displayLeftArrow, displayRightArrow = allProps.displayRightArrow, disabled = allProps.disabled, style = allProps.style, itemProps = allProps.itemProps, controlLeftIconName = allProps.controlLeftIconName, controlRightIconName = allProps.controlRightIconName, leftArrowButtonProps = allProps.leftArrowButtonProps, rightArrowButtonProps = allProps.rightArrowButtonProps, abbreviationSymbol = allProps.abbreviationSymbol, isMobile = allProps.isMobile, paginationProps = __rest(allProps, ["shouldAbbreviate", "displayLeftArrow", "displayRightArrow", "disabled", "style", "itemProps", "controlLeftIconName", "controlRightIconName", "leftArrowButtonProps", "rightArrowButtonProps", "abbreviationSymbol", "isMobile"]);
|
|
52
|
-
var
|
|
53
|
-
var
|
|
54
|
-
var query =
|
|
52
|
+
var themeMedia = (0, styles_1.useTheme)(function (store) { var _a; return (_a = store === null || store === void 0 ? void 0 : store.theme) === null || _a === void 0 ? void 0 : _a.media; });
|
|
53
|
+
var _b = paginationProps.boundaries, boundaries = _b === void 0 ? 2 : _b;
|
|
54
|
+
var query = themeMedia === null || themeMedia === void 0 ? void 0 : themeMedia.down('tabletSmall');
|
|
55
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
|
-
var
|
|
58
|
+
var _c = (0, lib_1.usePagination)(__assign({ abbreviationSymbol: abbreviationSymbol, isMobile: isMobileQuery, displayLeftArrow: displayLeftArrow, displayRightArrow: displayRightArrow, shouldAbbreviate: shouldAbbreviate }, paginationProps)), range = _c.range, first = _c.first, next = _c.next, previous = _c.previous, setPage = _c.setPage, page = _c.page, status = _c.status;
|
|
59
59
|
var styles = (0, lib_1.useStylesFor)(exports.PaginationButtons.styleRegistryName, style);
|
|
60
60
|
var compositionStyles = (0, styles_1.useCompositionStyles)(['button', 'arrowLeftButton', 'arrowRightButton'], styles);
|
|
61
61
|
var fetchPreviousPage = function () {
|
|
@@ -91,7 +91,7 @@ var PaginationButtons = function (props) {
|
|
|
91
91
|
(_b = props === null || props === void 0 ? void 0 : props.onPressItem) === null || _b === void 0 ? void 0 : _b.call(props, item);
|
|
92
92
|
fetchPage(Number(item));
|
|
93
93
|
};
|
|
94
|
-
return ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({ style: styles.wrapper }, { children: [displayLeftArrow ? ((0, jsx_runtime_1.jsx)(Button_1.Button, __assign({ icon: controlLeftIconName, onPress: function () { return onPressItem({ item: null, isArrowLeft: true, isArrowRight: false }); } }, leftArrowButtonProps, { style: compositionStyles.arrowLeftButton }))) : null, (
|
|
94
|
+
return ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({ style: styles.wrapper }, { children: [displayLeftArrow ? ((0, jsx_runtime_1.jsx)(Button_1.Button, __assign({ icon: controlLeftIconName, onPress: function () { return onPressItem({ item: null, isArrowLeft: true, isArrowRight: false }); } }, leftArrowButtonProps, { style: compositionStyles.arrowLeftButton }))) : null, (_a = range === null || range === void 0 ? void 0 : range.map) === null || _a === void 0 ? void 0 : _a.call(range, function (item, index) {
|
|
95
95
|
var _a;
|
|
96
96
|
if (props === null || props === void 0 ? void 0 : props.renderItem) {
|
|
97
97
|
return (_a = props === null || props === void 0 ? void 0 : props.renderItem) === null || _a === void 0 ? void 0 : _a.call(props, item, index);
|
|
@@ -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,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PaginationButtons/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -16,7 +16,7 @@ var react_1 = require("react");
|
|
|
16
16
|
var types_1 = require("@codeleap/types");
|
|
17
17
|
var styles_1 = require("@codeleap/styles");
|
|
18
18
|
var tools_1 = require("../tools");
|
|
19
|
-
var getTheme = function () { return styles_1.themeStore.
|
|
19
|
+
var getTheme = function () { return styles_1.themeStore.themeTyped; };
|
|
20
20
|
function validateBreakpoint(currentTheme, breakpoint) {
|
|
21
21
|
var matchesDown = (0, tools_1.isMediaQuery)(currentTheme.media.down(breakpoint));
|
|
22
22
|
var matchesUp = (0, tools_1.isMediaQuery)(currentTheme.media.up(breakpoint));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useBreakpointMatch.js","sourceRoot":"","sources":["../../../src/lib/hooks/useBreakpointMatch.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,+BAA4D;AAC5D,yCAA4C;AAC5C,2CAA0E;AAC1E,kCAAsD;AAEtD,IAAM,QAAQ,GAAG,cAAM,OAAA,mBAAU,CAAC,
|
|
1
|
+
{"version":3,"file":"useBreakpointMatch.js","sourceRoot":"","sources":["../../../src/lib/hooks/useBreakpointMatch.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,+BAA4D;AAC5D,yCAA4C;AAC5C,2CAA0E;AAC1E,kCAAsD;AAEtD,IAAM,QAAQ,GAAG,cAAM,OAAA,mBAAU,CAAC,UAAU,EAArB,CAAqB,CAAA;AAE5C,SAAS,kBAAkB,CAAC,YAA6B,EAAE,UAAkB;IAC3E,IAAM,WAAW,GAAG,IAAA,oBAAY,EAAC,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,UAAmB,CAAC,CAAC,CAAA;IAC9E,IAAM,SAAS,GAAG,IAAA,oBAAY,EAAC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC,UAAmB,CAAC,CAAC,CAAA;IAE1E,OAAO,CAAC,SAAS,IAAI,WAAW,CAAA;AAClC,CAAC;AAED,SAAS,oBAAoB;IAC3B,OAAO,IAAA,gBAAQ,EAA0B;QACvC,IAAM,YAAY,GAAG,QAAQ,EAAE,CAAA;QAE/B,IAAM,iBAAiB,GAA4B,EAAE,CAAA;QAErD,KAAK,IAAM,UAAU,IAAI,YAAY,CAAC,WAAW,EAAE;YACjD,iBAAiB,CAAC,UAAU,CAAC,GAAG,kBAAkB,CAAC,YAAY,EAAE,UAAU,CAAC,CAAA;SAC7E;QAED,OAAO,iBAAiB,CAAA;IAC1B,CAAC,CAAC,CAAA;AACJ,CAAC;AAED,SAAS,sBAAsB;IACvB,IAAA,KAA4C,oBAAoB,EAAE,EAAjE,iBAAiB,QAAA,EAAE,oBAAoB,QAA0B,CAAA;IACxE,IAAM,MAAM,GAAG,IAAA,cAAM,EAAC,KAAK,CAAC,CAAA;IAC5B,IAAM,YAAY,GAAG,IAAA,cAAM,EAAiC,EAAE,CAAC,CAAA;IAE/D,SAAS,QAAQ,CAAC,KAA0B,EAAE,UAAkB;QAC9D,IAAM,YAAY,GAAG,QAAQ,EAAE,CAAA;QAE/B,oBAAoB,CAAC,UAAC,SAAS;YAC7B,IAAM,cAAc,gBAAQ,SAAS,CAAE,CAAA;YAEvC,cAAc,CAAC,UAAU,CAAC,GAAG,kBAAkB,CAAC,YAAY,EAAE,UAAU,CAAC,CAAA;YAEzE,OAAO,cAAc,CAAA;QACvB,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,IAAA,iBAAS,EAAC;QACR,IAAI,MAAM,CAAC,OAAO;YAAE,OAAM;QAE1B,MAAM,CAAC,OAAO,GAAG,IAAI,CAAA;QAErB,IAAM,YAAY,GAAG,QAAQ,EAAE,CAAA;gCAEpB,UAAU;YACnB,IAAM,OAAO,GAAG,IAAA,qBAAa,EAAC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC,UAAmB,CAAC,CAAC,CAAA;YAEzE,IAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;YAE1C,YAAY,CAAC,OAAO,CAAC,UAAU,CAAC,GAAG,OAAO,CAAA;YAE1C,IAAI;gBACF,OAAO,CAAC,gBAAgB,CAAC,QAAQ,EAAE,UAAC,KAAK,IAAK,OAAA,QAAQ,CAAC,KAAK,EAAE,UAAU,CAAC,EAA3B,CAA2B,CAAC,CAAA;aAC3E;YAAC,WAAM;gBACN,OAAO,CAAC,WAAW,CAAC,UAAC,KAAK,IAAK,OAAA,QAAQ,CAAC,KAAK,EAAE,UAAU,CAAC,EAA3B,CAA2B,CAAC,CAAA;aAC5D;;QAXH,KAAK,IAAM,UAAU,IAAI,YAAY,CAAC,WAAW;oBAAtC,UAAU;SAYpB;QAED,OAAO;oCACM,UAAU;gBACnB,IAAM,OAAO,GAAG,YAAY,CAAC,OAAO,CAAC,UAAU,CAAC,CAAA;gBAEhD,IAAI;oBACF,OAAO,CAAC,mBAAmB,CAAC,QAAQ,EAAE,UAAC,KAAK,IAAK,OAAA,QAAQ,CAAC,KAAK,EAAE,UAAU,CAAC,EAA3B,CAA2B,CAAC,CAAA;iBAC9E;gBAAC,WAAM;oBACN,OAAO,CAAC,cAAc,CAAC,UAAC,KAAK,IAAK,OAAA,QAAQ,CAAC,KAAK,EAAE,UAAU,CAAC,EAA3B,CAA2B,CAAC,CAAA;iBAC/D;;YAPH,KAAK,IAAM,UAAU,IAAI,YAAY,CAAC,OAAO;wBAAlC,UAAU;aAQpB;YAED,YAAY,CAAC,OAAO,GAAG,EAAE,CAAA;QAC3B,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,iBAAiB,CAAA;AAC1B,CAAC;AAED,SAAgB,kBAAkB,CAAa,MAAsC;IACnF,IAAM,iBAAiB,GAAG,sBAAsB,EAAE,CAAA;IAElD,IAAM,WAAW,GAAG,IAAA,eAAO,EAAC;QAC1B,OAAO,MAAM,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,WAAW,CAAC;aAC1C,IAAI,CAAC,UAAC,EAAK,EAAE,EAAK;gBAAT,CAAC,QAAA;gBAAM,CAAC,QAAA;YAAM,OAAA,CAAC,GAAG,CAAC;QAAL,CAAK,CAAC;aAC7B,MAAM,CAAC,UAAC,GAAG,EAAE,EAAY;gBAAX,GAAG,QAAA,EAAE,KAAK,QAAA;YACvB,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;YAChB,OAAO,GAAG,CAAA;QACZ,CAAC,EAAE,EAA4B,CAAC,CAAA;IACpC,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,gBAAgB,GAAG,IAAA,eAAO,EAAC;QAC/B,OAAO,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,UAAC,CAAC,EAAE,CAAC,IAAK,OAAA,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,CAAC,CAAC,KAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,CAAC,CAAC,CAAA,EAAnC,CAAmC,CAAC,CAAA;IACrF,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,iBAAiB,GAAG,IAAA,eAAO,EAAC;QAChC,OAAO,MAAM,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,IAAI,CAAC,UAAC,GAAG,IAAK,OAAA,iBAAiB,CAAC,GAAG,CAAC,EAAtB,CAAsB,CAAC,CAAA;IAC7E,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAA;IAEvB,IAAM,UAAU,GAAG,IAAA,eAAO,EAAC;;QACzB,IAAM,oBAAoB,GAAG,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,SAAS,CAAC,UAAA,GAAG,IAAI,OAAA,GAAG,KAAK,iBAAiB,EAAzB,CAAyB,CAAC,CAAA;QAE1F,IAAM,gBAAgB,GAAG,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,KAAK,CAAC,oBAAoB,EAAE,GAAG,CAAC,CAAA;QAE3E,IAAI,eAAe,GAAG,IAAI,CAAA;QAE1B,eAAe,GAAG,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,IAAI,CAAC,UAAC,YAAY;;YACpD,IAAI,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAC,MAAM,CAAC,0CAAE,QAAQ,CAAC,YAAY,CAAC,EAAE;gBAChD,OAAO,YAAY,CAAA;aACpB;QACH,CAAC,CAAC,CAAA;QAEF,IAAI,kBAAU,CAAC,KAAK,CAAC,eAAe,CAAC,EAAE;YACrC,eAAe,GAAG,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,OAAO,EAAE,0CAAE,IAAI,CAAC,UAAA,GAAG,IAAI,OAAA,CAAC,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,GAAG,CAAC,CAAA,EAAf,CAAe,CAAC,CAAA;SAC5E;QAED,OAAO,eAAe,CAAA;IACxB,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAA;IAEvB,IAAM,KAAK,GAAG,IAAA,eAAO,EAAC,cAAM,OAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,UAAU,CAAC,EAApB,CAAoB,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IAE/D,OAAO,KAAK,CAAA;AACd,CAAC;AA3CD,gDA2CC"}
|
|
@@ -4,12 +4,24 @@ exports.useStylesFor = void 0;
|
|
|
4
4
|
var styles_1 = require("@codeleap/styles");
|
|
5
5
|
var react_1 = require("react");
|
|
6
6
|
var WebStyleRegistry_1 = require("../WebStyleRegistry");
|
|
7
|
+
var hooks_1 = require("@codeleap/hooks");
|
|
7
8
|
var useStylesFor = function (componentName, style) {
|
|
8
9
|
var styleObserver = (0, styles_1.useStyleObserver)(style);
|
|
10
|
+
var isClient = (0, hooks_1.useIsClient)().isClient;
|
|
9
11
|
var styles = (0, react_1.useMemo)(function () {
|
|
10
12
|
return WebStyleRegistry_1.WebStyleRegistry.current.styleFor(componentName, style);
|
|
11
13
|
}, [styleObserver]);
|
|
12
|
-
|
|
14
|
+
var processedStyles = (0, react_1.useMemo)(function () {
|
|
15
|
+
// this is strange, but necessary to recalculate the pre-set styles from SSR
|
|
16
|
+
return Object.entries(styles).reduce(function (acc, _a) {
|
|
17
|
+
var key = _a[0], styleValue = _a[1];
|
|
18
|
+
var isServer = typeof window === 'undefined';
|
|
19
|
+
var inEnvTransition = isServer ? false : !isClient;
|
|
20
|
+
acc[key] = inEnvTransition ? { opacity: 0 } : styleValue;
|
|
21
|
+
return acc;
|
|
22
|
+
}, {});
|
|
23
|
+
}, [styles, isClient]);
|
|
24
|
+
return processedStyles;
|
|
13
25
|
};
|
|
14
26
|
exports.useStylesFor = useStylesFor;
|
|
15
27
|
//# sourceMappingURL=useStylesFor.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useStylesFor.js","sourceRoot":"","sources":["../../../src/lib/hooks/useStylesFor.ts"],"names":[],"mappings":";;;AAAA,2CAA8D;AAC9D,+BAA+B;AAC/B,wDAAsD;
|
|
1
|
+
{"version":3,"file":"useStylesFor.js","sourceRoot":"","sources":["../../../src/lib/hooks/useStylesFor.ts"],"names":[],"mappings":";;;AAAA,2CAA8D;AAC9D,+BAA+B;AAC/B,wDAAsD;AACtD,yCAA6C;AAEtC,IAAM,YAAY,GAAG,UAAc,aAAqB,EAAE,KAA2B;IAC1F,IAAM,aAAa,GAAG,IAAA,yBAAgB,EAAC,KAAK,CAAC,CAAA;IAErC,IAAA,QAAQ,GAAK,IAAA,mBAAW,GAAE,SAAlB,CAAkB;IAElC,IAAM,MAAM,GAAG,IAAA,eAAO,EAAC;QACrB,OAAO,mCAAgB,CAAC,OAAO,CAAC,QAAQ,CAAC,aAAa,EAAE,KAAK,CAAC,CAAA;IAChE,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;IAEnB,IAAM,eAAe,GAAG,IAAA,eAAO,EAAC;QAC9B,4EAA4E;QAC5E,OAAO,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,UAAC,GAAG,EAAE,EAAiB;gBAAhB,GAAG,QAAA,EAAE,UAAU,QAAA;YACzD,IAAM,QAAQ,GAAG,OAAO,MAAM,KAAK,WAAW,CAAA;YAC9C,IAAM,eAAe,GAAG,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;YAEpD,GAAG,CAAC,GAAG,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,CAAA;YAExD,OAAO,GAAG,CAAA;QACZ,CAAC,EAAE,EAAO,CAAC,CAAA;IACb,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEtB,OAAO,eAAe,CAAA;AACxB,CAAC,CAAA;AAtBY,QAAA,YAAY,gBAsBxB"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@codeleap/web",
|
|
3
|
-
"version": "5.5.
|
|
3
|
+
"version": "5.5.1",
|
|
4
4
|
"main": "src/index.ts",
|
|
5
5
|
"repository": {
|
|
6
6
|
"url": "https://github.com/codeleap-uk/internal-libs-monorepo.git",
|
|
@@ -9,14 +9,14 @@
|
|
|
9
9
|
},
|
|
10
10
|
"license": "UNLICENSED",
|
|
11
11
|
"devDependencies": {
|
|
12
|
-
"@codeleap/config": "5.5.
|
|
13
|
-
"@codeleap/hooks": "5.5.
|
|
14
|
-
"@codeleap/i18n": "5.5.
|
|
15
|
-
"@codeleap/logger": "5.5.
|
|
16
|
-
"@codeleap/query": "5.5.
|
|
17
|
-
"@codeleap/types": "5.5.
|
|
18
|
-
"@codeleap/utils": "5.5.
|
|
19
|
-
"@codeleap/store": "5.5.
|
|
12
|
+
"@codeleap/config": "5.5.1",
|
|
13
|
+
"@codeleap/hooks": "5.5.1",
|
|
14
|
+
"@codeleap/i18n": "5.5.1",
|
|
15
|
+
"@codeleap/logger": "5.5.1",
|
|
16
|
+
"@codeleap/query": "5.5.1",
|
|
17
|
+
"@codeleap/types": "5.5.1",
|
|
18
|
+
"@codeleap/utils": "5.5.1",
|
|
19
|
+
"@codeleap/store": "5.5.1",
|
|
20
20
|
"@types/react-slick": "^0.23.13"
|
|
21
21
|
},
|
|
22
22
|
"scripts": {
|
|
@@ -45,14 +45,14 @@
|
|
|
45
45
|
"uuid": "^8.3.2"
|
|
46
46
|
},
|
|
47
47
|
"peerDependencies": {
|
|
48
|
-
"@codeleap/types": "5.5.
|
|
49
|
-
"@codeleap/utils": "5.5.
|
|
50
|
-
"@codeleap/hooks": "5.5.
|
|
51
|
-
"@codeleap/i18n": "5.5.
|
|
52
|
-
"@codeleap/query": "5.5.
|
|
53
|
-
"@codeleap/logger": "5.5.
|
|
54
|
-
"@codeleap/styles": "5.5.
|
|
55
|
-
"@codeleap/store": "5.5.
|
|
48
|
+
"@codeleap/types": "5.5.1",
|
|
49
|
+
"@codeleap/utils": "5.5.1",
|
|
50
|
+
"@codeleap/hooks": "5.5.1",
|
|
51
|
+
"@codeleap/i18n": "5.5.1",
|
|
52
|
+
"@codeleap/query": "5.5.1",
|
|
53
|
+
"@codeleap/logger": "5.5.1",
|
|
54
|
+
"@codeleap/styles": "5.5.1",
|
|
55
|
+
"@codeleap/store": "5.5.1",
|
|
56
56
|
"@emotion/react": "11.10.6",
|
|
57
57
|
"@reach/router": "^1.3.4",
|
|
58
58
|
"axios": "^1.7.9",
|
package/package.json.bak
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { View } from '../View'
|
|
2
2
|
import { useStylesFor } from '../../lib/hooks/useStylesFor'
|
|
3
|
-
import { AnyRecord,
|
|
3
|
+
import { AnyRecord, IJSX, StyledComponentProps, useTheme } from '@codeleap/styles'
|
|
4
4
|
import { WebStyleRegistry } from '../../lib/WebStyleRegistry'
|
|
5
5
|
import { IconProps } from './types'
|
|
6
6
|
|
|
@@ -18,11 +18,11 @@ export const Icon = (props:IconProps) => {
|
|
|
18
18
|
...props,
|
|
19
19
|
}
|
|
20
20
|
|
|
21
|
-
const
|
|
21
|
+
const themeIcons = useTheme(store => store.theme?.icons)
|
|
22
22
|
|
|
23
23
|
const styles = useStylesFor(Icon.styleRegistryName, style)
|
|
24
24
|
|
|
25
|
-
const Component =
|
|
25
|
+
const Component = themeIcons?.[name]
|
|
26
26
|
|
|
27
27
|
if (!name) {
|
|
28
28
|
const iconStyle = styles.icon as React.CSSProperties & { size: number }
|
|
@@ -3,7 +3,7 @@ import { View } from '../View'
|
|
|
3
3
|
import { Button } from '../Button'
|
|
4
4
|
import { useMediaQuery, usePagination, useStylesFor, WebStyleRegistry } from '../../lib'
|
|
5
5
|
import { PaginationButtonsProps } from './types'
|
|
6
|
-
import { AnyRecord, AppIcon,
|
|
6
|
+
import { AnyRecord, AppIcon, IJSX, StyledComponentProps, useCompositionStyles, useTheme } from '@codeleap/styles'
|
|
7
7
|
|
|
8
8
|
export * from './styles'
|
|
9
9
|
export * from './types'
|
|
@@ -30,11 +30,11 @@ export const PaginationButtons = (props: PaginationButtonsProps) => {
|
|
|
30
30
|
...paginationProps
|
|
31
31
|
} = allProps
|
|
32
32
|
|
|
33
|
-
const
|
|
33
|
+
const themeMedia = useTheme(store => store?.theme?.media)
|
|
34
34
|
|
|
35
35
|
const { boundaries = 2 } = paginationProps
|
|
36
36
|
|
|
37
|
-
const query =
|
|
37
|
+
const query = themeMedia?.down('tabletSmall' as never)
|
|
38
38
|
|
|
39
39
|
const _isMobile = useMediaQuery(query)
|
|
40
40
|
const isMobileQuery = TypeGuards.isBoolean(isMobile) ? isMobile : _isMobile
|
|
@@ -3,7 +3,7 @@ import { TypeGuards } from '@codeleap/types'
|
|
|
3
3
|
import { AppTheme, Theme, themeStore, Breakpoint } from '@codeleap/styles'
|
|
4
4
|
import { getMediaQuery, isMediaQuery } from '../tools'
|
|
5
5
|
|
|
6
|
-
const getTheme = () => themeStore.
|
|
6
|
+
const getTheme = () => themeStore.themeTyped
|
|
7
7
|
|
|
8
8
|
function validateBreakpoint(currentTheme: AppTheme<Theme>, breakpoint: string) {
|
|
9
9
|
const matchesDown = isMediaQuery(currentTheme.media.down(breakpoint as never))
|
|
@@ -1,13 +1,28 @@
|
|
|
1
1
|
import { StyleProp, useStyleObserver } from '@codeleap/styles'
|
|
2
2
|
import { useMemo } from 'react'
|
|
3
3
|
import { WebStyleRegistry } from '../WebStyleRegistry'
|
|
4
|
+
import { useIsClient } from '@codeleap/hooks'
|
|
4
5
|
|
|
5
6
|
export const useStylesFor = <T = unknown>(componentName: string, style: StyleProp<T, string>): T => {
|
|
6
7
|
const styleObserver = useStyleObserver(style)
|
|
7
8
|
|
|
9
|
+
const { isClient } = useIsClient()
|
|
10
|
+
|
|
8
11
|
const styles = useMemo(() => {
|
|
9
12
|
return WebStyleRegistry.current.styleFor(componentName, style)
|
|
10
13
|
}, [styleObserver])
|
|
11
14
|
|
|
12
|
-
|
|
15
|
+
const processedStyles = useMemo(() => {
|
|
16
|
+
// this is strange, but necessary to recalculate the pre-set styles from SSR
|
|
17
|
+
return Object.entries(styles).reduce((acc, [key, styleValue]) => {
|
|
18
|
+
const isServer = typeof window === 'undefined'
|
|
19
|
+
const inEnvTransition = isServer ? false : !isClient
|
|
20
|
+
|
|
21
|
+
acc[key] = inEnvTransition ? { opacity: 0 } : styleValue
|
|
22
|
+
|
|
23
|
+
return acc
|
|
24
|
+
}, {} as T)
|
|
25
|
+
}, [styles, isClient])
|
|
26
|
+
|
|
27
|
+
return processedStyles
|
|
13
28
|
}
|