@codeleap/web 5.5.4 → 5.6.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.
Files changed (5) hide show
  1. package/dist/lib/hooks/useStylesFor.js +3 -3
  2. package/dist/lib/hooks/useStylesFor.js.map +1 -1
  3. package/package.json +17 -17
  4. package/package.json.bak +1 -1
  5. package/src/lib/hooks/useStylesFor.ts +6 -6
package/dist/lib/hooks/useStylesFor.js CHANGED
@@ -7,7 +7,7 @@ var WebStyleRegistry_1 = require("../WebStyleRegistry");
7
7
  var hooks_1 = require("@codeleap/hooks");
8
8
  var useStylesFor = function (componentName, style) {
9
9
  var styleObserver = (0, styles_1.useStyleObserver)(style);
10
- var isClient = (0, hooks_1.useIsClient)().isClient;
10
+ var isMounted = (0, hooks_1.useIsMounted)();
11
11
  var styles = (0, react_1.useMemo)(function () {
12
12
  return WebStyleRegistry_1.WebStyleRegistry.current.styleFor(componentName, style);
13
13
  }, [styleObserver]);
@@ -16,11 +16,11 @@ var useStylesFor = function (componentName, style) {
16
16
  return Object.entries(styles).reduce(function (acc, _a) {
17
17
  var key = _a[0], styleValue = _a[1];
18
18
  var isServer = typeof window === 'undefined';
19
- var inEnvTransition = isServer ? false : !isClient;
19
+ var inEnvTransition = isServer ? false : !isMounted;
20
20
  acc[key] = inEnvTransition ? { opacity: 0 } : styleValue;
21
21
  return acc;
22
22
  }, {});
23
- }, [styles, isClient]);
23
+ }, [styles, isMounted]);
24
24
  return processedStyles;
25
25
  };
26
26
  exports.useStylesFor = useStylesFor;
package/dist/lib/hooks/useStylesFor.js.map CHANGED
@@ -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;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"}
1
+ {"version":3,"file":"useStylesFor.js","sourceRoot":"","sources":["../../../src/lib/hooks/useStylesFor.ts"],"names":[],"mappings":";;;AAAA,2CAA8D;AAC9D,+BAA+B;AAC/B,wDAAsD;AACtD,yCAA8C;AAEvC,IAAM,YAAY,GAAG,UAAc,aAAqB,EAAE,KAA2B;IAC1F,IAAM,aAAa,GAAG,IAAA,yBAAgB,EAAC,KAAK,CAAC,CAAA;IAE7C,IAAM,SAAS,GAAG,IAAA,oBAAY,GAAE,CAAA;IAEhC,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,SAAS,CAAA;YAErD,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,SAAS,CAAC,CAAC,CAAA;IAEvB,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.4",
3
+ "version": "5.6.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,14 @@
9
9
  },
10
10
  "license": "UNLICENSED",
11
11
  "devDependencies": {
12
- "@codeleap/config": "5.5.4",
13
- "@codeleap/hooks": "5.5.4",
14
- "@codeleap/i18n": "5.5.4",
15
- "@codeleap/logger": "5.5.4",
16
- "@codeleap/query": "5.5.4",
17
- "@codeleap/types": "5.5.4",
18
- "@codeleap/utils": "5.5.4",
19
- "@codeleap/store": "5.5.4",
12
+ "@codeleap/config": "5.6.2",
13
+ "@codeleap/hooks": "5.6.2",
14
+ "@codeleap/i18n": "5.6.2",
15
+ "@codeleap/logger": "5.6.2",
16
+ "@codeleap/query": "5.6.2",
17
+ "@codeleap/types": "5.6.2",
18
+ "@codeleap/utils": "5.6.2",
19
+ "@codeleap/store": "5.6.2",
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.4",
49
- "@codeleap/utils": "5.5.4",
50
- "@codeleap/hooks": "5.5.4",
51
- "@codeleap/i18n": "5.5.4",
52
- "@codeleap/query": "5.5.4",
53
- "@codeleap/logger": "5.5.4",
54
- "@codeleap/styles": "5.5.4",
55
- "@codeleap/store": "5.5.4",
48
+ "@codeleap/types": "5.6.2",
49
+ "@codeleap/utils": "5.6.2",
50
+ "@codeleap/hooks": "5.6.2",
51
+ "@codeleap/i18n": "5.6.2",
52
+ "@codeleap/query": "5.6.2",
53
+ "@codeleap/logger": "5.6.2",
54
+ "@codeleap/styles": "5.6.2",
55
+ "@codeleap/store": "5.6.2",
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
  {
2
2
  "name": "@codeleap/web",
3
- "version": "5.5.4",
3
+ "version": "5.6.2",
4
4
  "main": "src/index.ts",
5
5
  "repository": {
6
6
  "url": "https://github.com/codeleap-uk/internal-libs-monorepo.git",
package/src/lib/hooks/useStylesFor.ts CHANGED
@@ -1,12 +1,12 @@
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
+ import { useIsMounted } from '@codeleap/hooks'
5
5
 
6
6
  export const useStylesFor = <T = unknown>(componentName: string, style: StyleProp<T, string>): T => {
7
7
  const styleObserver = useStyleObserver(style)
8
8
 
9
- const { isClient } = useIsClient()
9
+ const isMounted = useIsMounted()
10
10
 
11
11
  const styles = useMemo(() => {
12
12
  return WebStyleRegistry.current.styleFor(componentName, style)
@@ -16,13 +16,13 @@ export const useStylesFor = <T = unknown>(componentName: string, style: StylePro
16
16
  // this is strange, but necessary to recalculate the pre-set styles from SSR
17
17
  return Object.entries(styles).reduce((acc, [key, styleValue]) => {
18
18
  const isServer = typeof window === 'undefined'
19
- const inEnvTransition = isServer ? false : !isClient
20
-
19
+ const inEnvTransition = isServer ? false : !isMounted
20
+
21
21
  acc[key] = inEnvTransition ? { opacity: 0 } : styleValue
22
-
22
+
23
23
  return acc
24
24
  }, {} as T)
25
- }, [styles, isClient])
25
+ }, [styles, isMounted])
26
26
 
27
27
  return processedStyles
28
28
  }