@searchspring/snap-preact-components 0.73.5 → 0.73.6

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/cjs/components/Atoms/Merchandising/Banner/Banner.d.ts.map +1 -1
  2. package/dist/cjs/components/Atoms/Merchandising/Banner/Banner.js +10 -5
  3. package/dist/esm/components/Atoms/Merchandising/Banner/Banner.d.ts.map +1 -1
  4. package/dist/esm/components/Atoms/Merchandising/Banner/Banner.js +10 -5
  5. package/package.json +11 -11
package/dist/cjs/components/Atoms/Merchandising/Banner/Banner.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Atoms/Merchandising/Banner/Banner.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,cAAc,EAAc,MAAM,mBAAmB,CAAC;AAE/D,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC3E,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAWxH,eAAO,MAAM,MAAM,KA4ClB,CAAC;AAEF,MAAM,WAAW,WAAY,SAAQ,cAAc;IAClD,OAAO,EAAE,aAAa,CAAC;IACvB,IAAI,EAAE,WAAW,CAAC;IAClB,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;CAClF"}
1
+ {"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Atoms/Merchandising/Banner/Banner.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,cAAc,EAAc,MAAM,mBAAmB,CAAC;AAE/D,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC3E,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAYxH,eAAO,MAAM,MAAM,KAqDlB,CAAC;AAEF,MAAM,WAAW,WAAY,SAAQ,cAAc;IAClD,OAAO,EAAE,aAAa,CAAC;IACvB,IAAI,EAAE,WAAW,CAAC;IAClB,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;CAClF"}
package/dist/cjs/components/Atoms/Merchandising/Banner/Banner.js CHANGED
@@ -19,6 +19,8 @@ exports.Banner = void 0;
19
19
  var preact_1 = require("preact");
20
20
  var react_1 = require("@emotion/react");
21
21
  var classnames_1 = __importDefault(require("classnames"));
22
+ var mobx_react_1 = require("mobx-react");
23
+ var hooks_1 = require("preact/hooks");
22
24
  var providers_1 = require("../../../../providers");
23
25
  var snap_store_mobx_1 = require("@searchspring/snap-store-mobx");
24
26
  var CSS = {
@@ -31,11 +33,11 @@ var CSS = {
31
33
  });
32
34
  },
33
35
  };
34
- exports.Banner = (0, providers_1.withController)((0, providers_1.withTracking)(function (properties) {
36
+ exports.Banner = (0, providers_1.withController)((0, mobx_react_1.observer)(function (properties) {
35
37
  var _a, _b, _c, _d;
36
38
  var globalTheme = (0, providers_1.useTheme)();
37
39
  var props = __assign(__assign(__assign({}, (_a = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _a === void 0 ? void 0 : _a.banner), properties), (_c = (_b = properties.theme) === null || _b === void 0 ? void 0 : _b.components) === null || _c === void 0 ? void 0 : _c.banner);
38
- var trackingRef = props.trackingRef, content = props.content, type = props.type, disableStyles = props.disableStyles, className = props.className, style = props.style;
40
+ var content = props.content, type = props.type, disableStyles = props.disableStyles, className = props.className, style = props.style;
39
41
  if (type === snap_store_mobx_1.ContentType.INLINE) {
40
42
  console.warn("BannerType '".concat(snap_store_mobx_1.ContentType.INLINE, "' is not supported in <Banner /> component"));
41
43
  return (0, react_1.jsx)(preact_1.Fragment, null);
@@ -52,8 +54,11 @@ exports.Banner = (0, providers_1.withController)((0, providers_1.withTracking)(f
52
54
  if (!type || !value) {
53
55
  return (0, react_1.jsx)(preact_1.Fragment, null);
54
56
  }
55
- return ((0, react_1.jsx)(providers_1.CacheProvider, null,
56
- (0, react_1.jsx)("div", __assign({ className: (0, classnames_1.default)('ss__banner', "ss__banner--".concat(type), className) }, styling, { ref: trackingRef, dangerouslySetInnerHTML: {
57
+ var Content = (0, hooks_1.useCallback)((0, providers_1.withTracking)(function (trackingProps) {
58
+ return ((0, react_1.jsx)("div", __assign({ className: (0, classnames_1.default)('ss__banner', "ss__banner--".concat(type), className) }, styling, { ref: trackingProps.trackingRef, dangerouslySetInnerHTML: {
57
59
  __html: typeof value === 'string' ? value : value.join(''),
58
- } }))));
60
+ } })));
61
+ }), [value, type]);
62
+ return ((0, react_1.jsx)(providers_1.CacheProvider, null,
63
+ (0, react_1.jsx)(Content, __assign({}, props))));
59
64
  }));
package/dist/esm/components/Atoms/Merchandising/Banner/Banner.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Atoms/Merchandising/Banner/Banner.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,cAAc,EAAc,MAAM,mBAAmB,CAAC;AAE/D,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC3E,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAWxH,eAAO,MAAM,MAAM,KA4ClB,CAAC;AAEF,MAAM,WAAW,WAAY,SAAQ,cAAc;IAClD,OAAO,EAAE,aAAa,CAAC;IACvB,IAAI,EAAE,WAAW,CAAC;IAClB,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;CAClF"}
1
+ {"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Atoms/Merchandising/Banner/Banner.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,cAAc,EAAc,MAAM,mBAAmB,CAAC;AAE/D,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC3E,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAYxH,eAAO,MAAM,MAAM,KAqDlB,CAAC;AAEF,MAAM,WAAW,WAAY,SAAQ,cAAc;IAClD,OAAO,EAAE,aAAa,CAAC;IACvB,IAAI,EAAE,WAAW,CAAC;IAClB,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;CAClF"}
package/dist/esm/components/Atoms/Merchandising/Banner/Banner.js CHANGED
@@ -2,6 +2,8 @@
2
2
  import { Fragment } from 'preact';
3
3
  import { jsx, css } from '@emotion/react';
4
4
  import classnames from 'classnames';
5
+ import { observer } from 'mobx-react';
6
+ import { useCallback } from 'preact/hooks';
5
7
  import { useTheme, CacheProvider, withController, withTracking } from '../../../../providers';
6
8
  import { ContentType } from '@searchspring/snap-store-mobx';
7
9
  const CSS = {
@@ -12,7 +14,7 @@ const CSS = {
12
14
  },
13
15
  }),
14
16
  };
15
- export const Banner = withController(withTracking((properties) => {
17
+ export const Banner = withController(observer((properties) => {
16
18
  const globalTheme = useTheme();
17
19
  const props = {
18
20
  // global theme
@@ -21,7 +23,7 @@ export const Banner = withController(withTracking((properties) => {
21
23
  ...properties,
22
24
  ...properties.theme?.components?.banner,
23
25
  };
24
- const { trackingRef, content, type, disableStyles, className, style } = props;
26
+ const { content, type, disableStyles, className, style } = props;
25
27
  if (type === ContentType.INLINE) {
26
28
  console.warn(`BannerType '${ContentType.INLINE}' is not supported in <Banner /> component`);
27
29
  return jsx(Fragment, null);
@@ -38,8 +40,11 @@ export const Banner = withController(withTracking((properties) => {
38
40
  if (!type || !value) {
39
41
  return jsx(Fragment, null);
40
42
  }
41
- return (jsx(CacheProvider, null,
42
- jsx("div", { className: classnames('ss__banner', `ss__banner--${type}`, className), ...styling, ref: trackingRef, dangerouslySetInnerHTML: {
43
+ const Content = useCallback(withTracking((trackingProps) => {
44
+ return (jsx("div", { className: classnames('ss__banner', `ss__banner--${type}`, className), ...styling, ref: trackingProps.trackingRef, dangerouslySetInnerHTML: {
43
45
  __html: typeof value === 'string' ? value : value.join(''),
44
- } })));
46
+ } }));
47
+ }), [value, type]);
48
+ return (jsx(CacheProvider, null,
49
+ jsx(Content, { ...props })));
45
50
  }));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@searchspring/snap-preact-components",
3
- "version": "0.73.5",
3
+ "version": "0.73.6",
4
4
  "description": "Snap Preact Component Library",
5
5
  "author": "Searchspring",
6
6
  "license": "MIT",
@@ -29,7 +29,7 @@
29
29
  "dependencies": {
30
30
  "@cypress/react": "^8.0.0",
31
31
  "@emotion/react": "11.9.0",
32
- "@searchspring/snap-toolbox": "0.73.5",
32
+ "@searchspring/snap-toolbox": "0.73.6",
33
33
  "classnames": "^2.3.2",
34
34
  "cypress": "^13.7.1",
35
35
  "cypress-wait-until": "^1.7.2",
@@ -52,14 +52,14 @@
52
52
  "@babel/preset-env": "^7.21.4",
53
53
  "@babel/preset-react": "^7.18.6",
54
54
  "@babel/runtime": "^7.21.0",
55
- "@searchspring/snap-client": "0.73.5",
56
- "@searchspring/snap-controller": "0.73.5",
57
- "@searchspring/snap-event-manager": "0.73.5",
58
- "@searchspring/snap-logger": "0.73.5",
59
- "@searchspring/snap-profiler": "0.73.5",
60
- "@searchspring/snap-store-mobx": "0.73.5",
61
- "@searchspring/snap-tracker": "0.73.5",
62
- "@searchspring/snap-url-manager": "0.73.5",
55
+ "@searchspring/snap-client": "0.73.6",
56
+ "@searchspring/snap-controller": "0.73.6",
57
+ "@searchspring/snap-event-manager": "0.73.6",
58
+ "@searchspring/snap-logger": "0.73.6",
59
+ "@searchspring/snap-profiler": "0.73.6",
60
+ "@searchspring/snap-store-mobx": "0.73.6",
61
+ "@searchspring/snap-tracker": "0.73.6",
62
+ "@searchspring/snap-url-manager": "0.73.6",
63
63
  "@storybook/addon-actions": "6.4.22",
64
64
  "@storybook/addon-controls": "6.4.22",
65
65
  "@storybook/addon-docs": "6.4.22",
@@ -84,5 +84,5 @@
84
84
  "webpack-merge": "^5.8.0"
85
85
  },
86
86
  "sideEffects": false,
87
- "gitHead": "3052c4ea9cc631b0b398c72ea0f155084e15b7ee"
87
+ "gitHead": "afcdd6d76bafbd19d5a1e7fa656a811700d99c19"
88
88
  }