@searchspring/snap-preact-components 0.29.0 → 0.30.0

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 (38) hide show
  1. package/dist/cjs/components/Molecules/Carousel/Carousel.d.ts.map +1 -1
  2. package/dist/cjs/components/Molecules/Carousel/Carousel.js +1 -1
  3. package/dist/cjs/components/Molecules/Carousel/Carousel.stories.d.ts +1 -1
  4. package/dist/cjs/components/Molecules/Slideout/Slideout.d.ts +1 -1
  5. package/dist/cjs/components/Molecules/Slideout/Slideout.d.ts.map +1 -1
  6. package/dist/cjs/components/Molecules/Slideout/Slideout.js +2 -2
  7. package/dist/cjs/components/Molecules/Slideout/Slideout.stories.d.ts +0 -3
  8. package/dist/cjs/components/Molecules/Slideout/Slideout.stories.d.ts.map +1 -1
  9. package/dist/cjs/components/Molecules/Slideout/Slideout.stories.js +1 -2
  10. package/dist/cjs/components/Organisms/BranchOverride/BranchOverride.d.ts.map +1 -1
  11. package/dist/cjs/components/Organisms/BranchOverride/BranchOverride.js +4 -1
  12. package/dist/cjs/components/Organisms/Recommendation/Recommendation.stories.d.ts +1 -1
  13. package/dist/cjs/mocks/searchResponse.d.ts +7 -0
  14. package/dist/cjs/mocks/searchResponse.d.ts.map +1 -1
  15. package/dist/cjs/providers/controller.d.ts +4 -4
  16. package/dist/cjs/providers/controller.d.ts.map +1 -1
  17. package/dist/cjs/providers/controller.js +3 -3
  18. package/dist/cjs/providers/store.d.ts +2 -2
  19. package/dist/cjs/providers/store.d.ts.map +1 -1
  20. package/dist/cjs/providers/store.js +3 -3
  21. package/dist/cjs/setupTests.js +1 -0
  22. package/dist/esm/components/Molecules/Carousel/Carousel.d.ts.map +1 -1
  23. package/dist/esm/components/Molecules/Carousel/Carousel.js +1 -1
  24. package/dist/esm/components/Molecules/Slideout/Slideout.d.ts +1 -1
  25. package/dist/esm/components/Molecules/Slideout/Slideout.d.ts.map +1 -1
  26. package/dist/esm/components/Molecules/Slideout/Slideout.js +2 -1
  27. package/dist/esm/components/Molecules/Slideout/Slideout.stories.d.ts +0 -3
  28. package/dist/esm/components/Molecules/Slideout/Slideout.stories.d.ts.map +1 -1
  29. package/dist/esm/components/Molecules/Slideout/Slideout.stories.js +1 -2
  30. package/dist/esm/components/Organisms/BranchOverride/BranchOverride.d.ts.map +1 -1
  31. package/dist/esm/components/Organisms/BranchOverride/BranchOverride.js +4 -1
  32. package/dist/esm/providers/controller.d.ts +3 -3
  33. package/dist/esm/providers/controller.d.ts.map +1 -1
  34. package/dist/esm/providers/controller.js +3 -3
  35. package/dist/esm/providers/store.d.ts +1 -1
  36. package/dist/esm/providers/store.d.ts.map +1 -1
  37. package/dist/esm/providers/store.js +3 -3
  38. package/package.json +14 -15
@@ -1 +1 @@
1
- {"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Carousel/Carousel.tsx"],"names":[],"mappings":";AAQA,OAAO,UAAsC,MAAM,aAAa,CAAC;AAMjE,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAc,MAAM,gBAAgB,CAAC;AA8H9E,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BtC,CAAC;AAEF,eAAO,MAAM,kCAAkC;;;;;;CAM9C,CAAC;AAEF,eAAO,MAAM,QAAQ,gBAAyB,aAAa,KAAG,WAAW;;CAgJvE,CAAC;AAEH,MAAM,WAAW,aAAc,SAAQ,cAAc;IACpD,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAClC,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,YAAY,KAAK,IAAI,CAAC;IAClF,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC3E,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC3E,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC;CACxB"}
1
+ {"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Carousel/Carousel.tsx"],"names":[],"mappings":";AAQA,OAAO,UAAsC,MAAM,aAAa,CAAC;AAMjE,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAc,MAAM,gBAAgB,CAAC;AA8H9E,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BtC,CAAC;AAEF,eAAO,MAAM,kCAAkC;;;;;;CAM9C,CAAC;AAEF,eAAO,MAAM,QAAQ,gBAAyB,aAAa,KAAG,WAAW;;CAiJvE,CAAC;AAEH,MAAM,WAAW,aAAc,SAAQ,cAAc;IACpD,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAClC,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,YAAY,KAAK,IAAI,CAAC;IAClF,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC3E,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC3E,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC;CACxB"}
@@ -274,7 +274,7 @@ exports.Carousel = (0, mobx_react_lite_1.observer)(function (properties) {
274
274
  ? {
275
275
  clickable: true,
276
276
  }
277
- : false }, additionalProps, displaySettings), children.map(function (child) {
277
+ : false, threshold: 7 }, additionalProps, displaySettings), children.map(function (child) {
278
278
  return (0, react_1.jsx)(react_2.SwiperSlide, null, child);
279
279
  })),
280
280
  (0, react_1.jsx)("div", { className: (0, classnames_1.default)('ss__carousel__next-wrapper', { 'ss__carousel__next-wrapper--hidden': hideButtons }) },
@@ -147,7 +147,7 @@ declare const _default: {
147
147
  };
148
148
  };
149
149
  breakpoints: {
150
- defaultValue: any;
150
+ defaultValue: undefined;
151
151
  description: string;
152
152
  table: {
153
153
  type: {
@@ -5,7 +5,7 @@ import { ComponentProps } from '../../../types';
5
5
  export declare function Slideout(properties: SlideoutProps): JSX.Element;
6
6
  export interface SlideoutProps extends ComponentProps {
7
7
  children?: ComponentChildren;
8
- active: boolean;
8
+ active?: boolean;
9
9
  buttonContent?: string | JSX.Element;
10
10
  width?: string;
11
11
  displayAt?: string;
@@ -1 +1 @@
1
- {"version":3,"file":"Slideout.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Slideout/Slideout.tsx"],"names":[],"mappings":";AAAA,eAAe;AACf,OAAO,EAAe,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAQxD,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAyB5D,wBAAgB,QAAQ,CAAC,UAAU,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAyE/D;AAED,MAAM,WAAW,aAAc,SAAQ,cAAc;IACpD,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,kBAAkB,CAAC;CACpC;AAED,oBAAY,kBAAkB,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC"}
1
+ {"version":3,"file":"Slideout.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Slideout/Slideout.tsx"],"names":[],"mappings":";AAAA,eAAe;AACf,OAAO,EAAe,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAQxD,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAyB5D,wBAAgB,QAAQ,CAAC,UAAU,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CA0E/D;AAED,MAAM,WAAW,aAAc,SAAQ,cAAc;IACpD,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,kBAAkB,CAAC;CACpC;AAED,oBAAY,kBAAkB,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC"}
@@ -51,7 +51,7 @@ function Slideout(properties) {
51
51
  var globalTheme = (0, providers_1.useTheme)();
52
52
  var props = __assign(__assign(__assign({
53
53
  // default props
54
- displayAt: '', slideDirection: 'left', width: '300px', buttonContent: 'click me', overlayColor: 'rgba(0,0,0,0.8)', transitionSpeed: '0.25s' }, (_a = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _a === void 0 ? void 0 : _a.slideout), properties), (_c = (_b = properties.theme) === null || _b === void 0 ? void 0 : _b.components) === null || _c === void 0 ? void 0 : _c.slideout);
54
+ active: false, displayAt: '', slideDirection: 'left', width: '300px', buttonContent: 'click me', overlayColor: 'rgba(0,0,0,0.8)', transitionSpeed: '0.25s' }, (_a = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _a === void 0 ? void 0 : _a.slideout), properties), (_c = (_b = properties.theme) === null || _b === void 0 ? void 0 : _b.components) === null || _c === void 0 ? void 0 : _c.slideout);
55
55
  var children = props.children, active = props.active, buttonContent = props.buttonContent, width = props.width, displayAt = props.displayAt, transitionSpeed = props.transitionSpeed, overlayColor = props.overlayColor, slideDirection = props.slideDirection, disableStyles = props.disableStyles, className = props.className, style = props.style;
56
56
  var subProps = {
57
57
  overlay: __assign(__assign(__assign({
@@ -65,7 +65,7 @@ function Slideout(properties) {
65
65
  theme: props === null || props === void 0 ? void 0 : props.theme }),
66
66
  };
67
67
  // state
68
- var _e = (0, hooks_1.useState)(active), isActive = _e[0], setActive = _e[1];
68
+ var _e = (0, hooks_1.useState)(Boolean(active)), isActive = _e[0], setActive = _e[1];
69
69
  var toggleActive = function () {
70
70
  setActive(!isActive);
71
71
  document.body.style.overflow = isActive ? 'hidden' : '';
@@ -62,9 +62,6 @@ declare const _default: {
62
62
  };
63
63
  active: {
64
64
  description: string;
65
- type: {
66
- required: boolean;
67
- };
68
65
  table: {
69
66
  type: {
70
67
  summary: string;
@@ -1 +1 @@
1
- {"version":3,"file":"Slideout.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Slideout/Slideout.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAI3B,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIrD,wBA6FE;AAEF,eAAO,MAAM,OAAO;WAAU,aAAa;;;;CAI1C,CAAC"}
1
+ {"version":3,"file":"Slideout.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Slideout/Slideout.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAI3B,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIrD,wBA4FE;AAEF,eAAO,MAAM,OAAO;WAAU,aAAa;;;;CAI1C,CAAC"}
@@ -31,8 +31,7 @@ exports.default = {
31
31
  },
32
32
  },
33
33
  argTypes: __assign({ active: {
34
- description: 'Slideout is active',
35
- type: { required: true },
34
+ description: 'Initial state of the slideout.',
36
35
  table: {
37
36
  type: {
38
37
  summary: 'boolean',
@@ -1 +1 @@
1
- {"version":3,"file":"BranchOverride.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/BranchOverride/BranchOverride.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AA0O5D,eAAO,MAAM,cAAc,eAAgB,mBAAmB,KAAG,WA2GhE,CAAC;AAMF,MAAM,WAAW,mBAAoB,SAAQ,cAAc;IAC1D,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE;QACP,OAAO,EAAE,MAAM,CAAC;QAChB,WAAW,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,OAAO,CAAC,EAAE;QACT,GAAG,EAAE,MAAM,CAAC;QACZ,YAAY,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB"}
1
+ {"version":3,"file":"BranchOverride.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/BranchOverride/BranchOverride.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AA8O5D,eAAO,MAAM,cAAc,eAAgB,mBAAmB,KAAG,WAgHhE,CAAC;AAMF,MAAM,WAAW,mBAAoB,SAAQ,cAAc;IAC1D,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE;QACP,OAAO,EAAE,MAAM,CAAC;QAChB,WAAW,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,OAAO,CAAC,EAAE;QACT,GAAG,EAAE,MAAM,CAAC;QACZ,YAAY,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB"}
@@ -114,6 +114,7 @@ var CSS = {
114
114
  },
115
115
  };
116
116
  var darkTheme = {
117
+ class: 'ss__branch-override--dark',
117
118
  main: {
118
119
  border: '0',
119
120
  background: 'rgba(59, 35, 173, 0.9)',
@@ -147,6 +148,7 @@ var darkTheme = {
147
148
  },
148
149
  };
149
150
  var lightTheme = {
151
+ class: 'ss__branch-override--light',
150
152
  main: {
151
153
  border: '1px solid #ccc',
152
154
  background: 'rgba(255, 255, 255, 0.95)',
@@ -179,6 +181,7 @@ var lightTheme = {
179
181
  },
180
182
  };
181
183
  var failureTheme = {
184
+ class: 'ss__branch-override--error',
182
185
  main: {
183
186
  border: '0',
184
187
  background: 'rgba(130, 6, 6, 0.9)',
@@ -244,7 +247,7 @@ var BranchOverride = function (properties) {
244
247
  else if (style) {
245
248
  styling.css = [style];
246
249
  }
247
- return (details || error) && name ? ((0, react_1.jsx)("div", __assign({ className: (0, classnames_1.default)('ss__branch-override', { 'ss__branch-override--collapsed': collapsed }, className) }, styling, { onClick: function (e) {
250
+ return (details || error) && name ? ((0, react_1.jsx)("div", __assign({ className: (0, classnames_1.default)('ss__branch-override', componentThemes[themeName].class, { 'ss__branch-override--collapsed': collapsed }, className) }, styling, { onClick: function (e) {
248
251
  e.preventDefault();
249
252
  e.stopPropagation();
250
253
  setCollapsed(0);
@@ -190,7 +190,7 @@ declare const _default: {
190
190
  };
191
191
  };
192
192
  breakpoints: {
193
- defaultValue: any;
193
+ defaultValue: undefined;
194
194
  description: string;
195
195
  table: {
196
196
  type: {
@@ -73,6 +73,13 @@ export declare const hierarchyFacetFilteredMock: {
73
73
  multiple: string;
74
74
  hierarchyDelimiter: string;
75
75
  values: ({
76
+ history: boolean;
77
+ value: null;
78
+ filtered: boolean;
79
+ label: string;
80
+ level: number;
81
+ count?: undefined;
82
+ } | {
76
83
  history: boolean;
77
84
  value: string;
78
85
  filtered: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"searchResponse.d.ts","sourceRoot":"","sources":["../../../src/mocks/searchResponse.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;CAkFzB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;CAkCzB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;CA4E5B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;CA2M9B,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;CAgJtC,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;CAiB3B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+zE1B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyI7B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;CAwG7B,CAAC"}
1
+ {"version":3,"file":"searchResponse.d.ts","sourceRoot":"","sources":["../../../src/mocks/searchResponse.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;CAkFzB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;CAkCzB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;CA4E5B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;CA2M9B,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgJtC,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;CAiB3B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+zE1B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyI7B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;CAwG7B,CAAC"}
@@ -1,9 +1,9 @@
1
- import preact, { ComponentChildren, ComponentType } from 'preact';
1
+ import { h, ComponentChildren, ComponentType } from 'preact';
2
2
  import type { AbstractController } from '@searchspring/snap-controller';
3
3
  export declare const ControllerProvider: ({ children, controller }: {
4
4
  children: ComponentChildren;
5
5
  controller: AbstractController;
6
- }) => preact.JSX.Element;
7
- export declare const useController: () => AbstractController;
8
- export declare const withController: (Component: ComponentType) => (props: any) => preact.JSX.Element;
6
+ }) => h.JSX.Element;
7
+ export declare const useController: () => AbstractController | null;
8
+ export declare function withController<C extends ComponentType>(Component: C): C;
9
9
  //# sourceMappingURL=controller.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"controller.d.ts","sourceRoot":"","sources":["../../../src/providers/controller.tsx"],"names":[],"mappings":"AACA,OAAO,MAAM,EAAE,EAAoB,iBAAiB,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAEpF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAIxE,eAAO,MAAM,kBAAkB;cAA0C,iBAAiB;gBAAc,kBAAkB;wBAEzH,CAAC;AAEF,eAAO,MAAM,aAAa,0BAAsC,CAAC;AAEjE,eAAO,MAAM,cAAc,cAAe,aAAa,aAAa,GAAG,uBAEtE,CAAC"}
1
+ {"version":3,"file":"controller.d.ts","sourceRoot":"","sources":["../../../src/providers/controller.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAiB,iBAAiB,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAE5E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAIxE,eAAO,MAAM,kBAAkB;cAA0C,iBAAiB;gBAAc,kBAAkB;mBAEzH,CAAC;AAEF,eAAO,MAAM,aAAa,iCAAsC,CAAC;AAEjE,wBAAgB,cAAc,CAAC,CAAC,SAAS,aAAa,EAAE,SAAS,EAAE,CAAC,GAAG,CAAC,CAIvE"}
@@ -22,7 +22,7 @@ var ControllerProvider = function (_a) {
22
22
  exports.ControllerProvider = ControllerProvider;
23
23
  var useController = function () { return (0, hooks_1.useContext)(ControllerContext); };
24
24
  exports.useController = useController;
25
- var withController = function (Component) { return function (props) {
26
- return (0, preact_1.h)(Component, __assign({ controller: (0, exports.useController)() }, props));
27
- }; };
25
+ function withController(Component) {
26
+ return (function (props) { return ((0, preact_1.h)(ControllerContext.Consumer, null, function (controller) { return (0, preact_1.h)(Component, __assign({}, props, { controller: controller })); })); });
27
+ }
28
28
  exports.withController = withController;
@@ -4,6 +4,6 @@ export declare const StoreProvider: ({ children, store }: {
4
4
  children: ComponentChildren;
5
5
  store: AbstractStore;
6
6
  }) => preact.JSX.Element;
7
- export declare const useStore: () => AbstractStore;
8
- export declare const withStore: (Component: ComponentType) => (props: any) => preact.JSX.Element;
7
+ export declare const useStore: () => AbstractStore | null;
8
+ export declare function withStore<C extends ComponentType>(Component: C): C;
9
9
  //# sourceMappingURL=store.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../../src/providers/store.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAoB,iBAAiB,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAEpF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAInE,eAAO,MAAM,aAAa;cAAqC,iBAAiB;WAAS,aAAa;wBAErG,CAAC;AAEF,eAAO,MAAM,QAAQ,qBAAiC,CAAC;AAEvD,eAAO,MAAM,SAAS,cAAe,aAAa,aAAa,GAAG,uBAEjE,CAAC"}
1
+ {"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../../src/providers/store.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAoB,iBAAiB,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAEpF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAInE,eAAO,MAAM,aAAa;cAAqC,iBAAiB;WAAS,aAAa;wBAErG,CAAC;AAEF,eAAO,MAAM,QAAQ,4BAAiC,CAAC;AAEvD,wBAAgB,SAAS,CAAC,CAAC,SAAS,aAAa,EAAE,SAAS,EAAE,CAAC,GAAG,CAAC,CAElE"}
@@ -22,7 +22,7 @@ var StoreProvider = function (_a) {
22
22
  exports.StoreProvider = StoreProvider;
23
23
  var useStore = function () { return (0, hooks_1.useContext)(StoreContext); };
24
24
  exports.useStore = useStore;
25
- var withStore = function (Component) { return function (props) {
26
- return (0, preact_1.h)(Component, __assign({ store: (0, exports.useStore)() }, props));
27
- }; };
25
+ function withStore(Component) {
26
+ return (function (props) { return (0, preact_1.h)(StoreContext.Consumer, null, function (store) { return (0, preact_1.h)(Component, __assign({}, props, { store: store })); }); });
27
+ }
28
28
  exports.withStore = withStore;
@@ -1 +1,2 @@
1
+ "use strict";
1
2
  require('@testing-library/jest-dom/extend-expect');
@@ -1 +1 @@
1
- {"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Carousel/Carousel.tsx"],"names":[],"mappings":";AAQA,OAAO,UAAsC,MAAM,aAAa,CAAC;AAMjE,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAc,MAAM,gBAAgB,CAAC;AA8H9E,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BtC,CAAC;AAEF,eAAO,MAAM,kCAAkC;;;;;;CAM9C,CAAC;AAEF,eAAO,MAAM,QAAQ,gBAAyB,aAAa,KAAG,WAAW;;CAgJvE,CAAC;AAEH,MAAM,WAAW,aAAc,SAAQ,cAAc;IACpD,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAClC,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,YAAY,KAAK,IAAI,CAAC;IAClF,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC3E,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC3E,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC;CACxB"}
1
+ {"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Carousel/Carousel.tsx"],"names":[],"mappings":";AAQA,OAAO,UAAsC,MAAM,aAAa,CAAC;AAMjE,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAc,MAAM,gBAAgB,CAAC;AA8H9E,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BtC,CAAC;AAEF,eAAO,MAAM,kCAAkC;;;;;;CAM9C,CAAC;AAEF,eAAO,MAAM,QAAQ,gBAAyB,aAAa,KAAG,WAAW;;CAiJvE,CAAC;AAEH,MAAM,WAAW,aAAc,SAAQ,cAAc;IACpD,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAClC,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,YAAY,KAAK,IAAI,CAAC;IAClF,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC3E,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC3E,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC;CACxB"}
@@ -236,7 +236,7 @@ export const Carousel = observer((properties) => {
236
236
  ? {
237
237
  clickable: true,
238
238
  }
239
- : false, ...additionalProps, ...displaySettings }, children.map((child) => {
239
+ : false, threshold: 7, ...additionalProps, ...displaySettings }, children.map((child) => {
240
240
  return jsx(SwiperSlide, null, child);
241
241
  })),
242
242
  jsx("div", { className: classnames('ss__carousel__next-wrapper', { 'ss__carousel__next-wrapper--hidden': hideButtons }) },
@@ -5,7 +5,7 @@ import { ComponentProps } from '../../../types';
5
5
  export declare function Slideout(properties: SlideoutProps): JSX.Element;
6
6
  export interface SlideoutProps extends ComponentProps {
7
7
  children?: ComponentChildren;
8
- active: boolean;
8
+ active?: boolean;
9
9
  buttonContent?: string | JSX.Element;
10
10
  width?: string;
11
11
  displayAt?: string;
@@ -1 +1 @@
1
- {"version":3,"file":"Slideout.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Slideout/Slideout.tsx"],"names":[],"mappings":";AAAA,eAAe;AACf,OAAO,EAAe,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAQxD,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAyB5D,wBAAgB,QAAQ,CAAC,UAAU,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAyE/D;AAED,MAAM,WAAW,aAAc,SAAQ,cAAc;IACpD,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,kBAAkB,CAAC;CACpC;AAED,oBAAY,kBAAkB,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC"}
1
+ {"version":3,"file":"Slideout.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Slideout/Slideout.tsx"],"names":[],"mappings":";AAAA,eAAe;AACf,OAAO,EAAe,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAQxD,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAyB5D,wBAAgB,QAAQ,CAAC,UAAU,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CA0E/D;AAED,MAAM,WAAW,aAAc,SAAQ,cAAc;IACpD,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,kBAAkB,CAAC;CACpC;AAED,oBAAY,kBAAkB,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC"}
@@ -30,6 +30,7 @@ export function Slideout(properties) {
30
30
  const globalTheme = useTheme();
31
31
  const props = {
32
32
  // default props
33
+ active: false,
33
34
  displayAt: '',
34
35
  slideDirection: 'left',
35
36
  width: '300px',
@@ -60,7 +61,7 @@ export function Slideout(properties) {
60
61
  },
61
62
  };
62
63
  // state
63
- const [isActive, setActive] = useState(active);
64
+ const [isActive, setActive] = useState(Boolean(active));
64
65
  const toggleActive = () => {
65
66
  setActive(!isActive);
66
67
  document.body.style.overflow = isActive ? 'hidden' : '';
@@ -62,9 +62,6 @@ declare const _default: {
62
62
  };
63
63
  active: {
64
64
  description: string;
65
- type: {
66
- required: boolean;
67
- };
68
65
  table: {
69
66
  type: {
70
67
  summary: string;
@@ -1 +1 @@
1
- {"version":3,"file":"Slideout.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Slideout/Slideout.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAI3B,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIrD,wBA6FE;AAEF,eAAO,MAAM,OAAO;WAAU,aAAa;;;;CAI1C,CAAC"}
1
+ {"version":3,"file":"Slideout.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Slideout/Slideout.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAI3B,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIrD,wBA4FE;AAEF,eAAO,MAAM,OAAO;WAAU,aAAa;;;;CAI1C,CAAC"}
@@ -15,8 +15,7 @@ export default {
15
15
  },
16
16
  argTypes: {
17
17
  active: {
18
- description: 'Slideout is active',
19
- type: { required: true },
18
+ description: 'Initial state of the slideout.',
20
19
  table: {
21
20
  type: {
22
21
  summary: 'boolean',
@@ -1 +1 @@
1
- {"version":3,"file":"BranchOverride.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/BranchOverride/BranchOverride.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AA0O5D,eAAO,MAAM,cAAc,eAAgB,mBAAmB,KAAG,WA2GhE,CAAC;AAMF,MAAM,WAAW,mBAAoB,SAAQ,cAAc;IAC1D,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE;QACP,OAAO,EAAE,MAAM,CAAC;QAChB,WAAW,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,OAAO,CAAC,EAAE;QACT,GAAG,EAAE,MAAM,CAAC;QACZ,YAAY,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB"}
1
+ {"version":3,"file":"BranchOverride.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/BranchOverride/BranchOverride.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AA8O5D,eAAO,MAAM,cAAc,eAAgB,mBAAmB,KAAG,WAgHhE,CAAC;AAMF,MAAM,WAAW,mBAAoB,SAAQ,cAAc;IAC1D,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE;QACP,OAAO,EAAE,MAAM,CAAC;QAChB,WAAW,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,OAAO,CAAC,EAAE;QACT,GAAG,EAAE,MAAM,CAAC;QACZ,YAAY,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB"}
@@ -94,6 +94,7 @@ const CSS = {
94
94
  }),
95
95
  };
96
96
  const darkTheme = {
97
+ class: 'ss__branch-override--dark',
97
98
  main: {
98
99
  border: '0',
99
100
  background: 'rgba(59, 35, 173, 0.9)',
@@ -127,6 +128,7 @@ const darkTheme = {
127
128
  },
128
129
  };
129
130
  const lightTheme = {
131
+ class: 'ss__branch-override--light',
130
132
  main: {
131
133
  border: '1px solid #ccc',
132
134
  background: 'rgba(255, 255, 255, 0.95)',
@@ -159,6 +161,7 @@ const lightTheme = {
159
161
  },
160
162
  };
161
163
  const failureTheme = {
164
+ class: 'ss__branch-override--error',
162
165
  main: {
163
166
  border: '0',
164
167
  background: 'rgba(130, 6, 6, 0.9)',
@@ -235,7 +238,7 @@ export const BranchOverride = (properties) => {
235
238
  else if (style) {
236
239
  styling.css = [style];
237
240
  }
238
- return (details || error) && name ? (jsx("div", { className: classnames('ss__branch-override', { 'ss__branch-override--collapsed': collapsed }, className), ...styling, onClick: (e) => {
241
+ return (details || error) && name ? (jsx("div", { className: classnames('ss__branch-override', componentThemes[themeName].class, { 'ss__branch-override--collapsed': collapsed }, className), ...styling, onClick: (e) => {
239
242
  e.preventDefault();
240
243
  e.stopPropagation();
241
244
  setCollapsed(0);
@@ -1,9 +1,9 @@
1
- import preact, { ComponentChildren, ComponentType } from 'preact';
1
+ import { h, ComponentChildren, ComponentType } from 'preact';
2
2
  import type { AbstractController } from '@searchspring/snap-controller';
3
3
  export declare const ControllerProvider: ({ children, controller }: {
4
4
  children: ComponentChildren;
5
5
  controller: AbstractController;
6
- }) => preact.JSX.Element;
6
+ }) => h.JSX.Element;
7
7
  export declare const useController: () => AbstractController | null;
8
- export declare const withController: (Component: ComponentType) => (props: any) => preact.JSX.Element;
8
+ export declare function withController<C extends ComponentType>(Component: C): C;
9
9
  //# sourceMappingURL=controller.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"controller.d.ts","sourceRoot":"","sources":["../../../src/providers/controller.tsx"],"names":[],"mappings":"AACA,OAAO,MAAM,EAAE,EAAoB,iBAAiB,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAEpF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAIxE,eAAO,MAAM,kBAAkB;cAA0C,iBAAiB;gBAAc,kBAAkB;wBAEzH,CAAC;AAEF,eAAO,MAAM,aAAa,iCAAsC,CAAC;AAEjE,eAAO,MAAM,cAAc,cAAe,aAAa,aAAa,GAAG,uBAEtE,CAAC"}
1
+ {"version":3,"file":"controller.d.ts","sourceRoot":"","sources":["../../../src/providers/controller.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAiB,iBAAiB,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAE5E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAIxE,eAAO,MAAM,kBAAkB;cAA0C,iBAAiB;gBAAc,kBAAkB;mBAEzH,CAAC;AAEF,eAAO,MAAM,aAAa,iCAAsC,CAAC;AAEjE,wBAAgB,cAAc,CAAC,CAAC,SAAS,aAAa,EAAE,SAAS,EAAE,CAAC,GAAG,CAAC,CAIvE"}
@@ -5,6 +5,6 @@ export const ControllerProvider = ({ children, controller }) => {
5
5
  return h(ControllerContext.Provider, { value: controller }, children);
6
6
  };
7
7
  export const useController = () => useContext(ControllerContext);
8
- export const withController = (Component) => (props) => {
9
- return h(Component, { controller: useController(), ...props });
10
- };
8
+ export function withController(Component) {
9
+ return ((props) => (h(ControllerContext.Consumer, null, (controller) => h(Component, { ...props, controller: controller }))));
10
+ }
@@ -5,5 +5,5 @@ export declare const StoreProvider: ({ children, store }: {
5
5
  store: AbstractStore;
6
6
  }) => preact.JSX.Element;
7
7
  export declare const useStore: () => AbstractStore | null;
8
- export declare const withStore: (Component: ComponentType) => (props: any) => preact.JSX.Element;
8
+ export declare function withStore<C extends ComponentType>(Component: C): C;
9
9
  //# sourceMappingURL=store.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../../src/providers/store.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAoB,iBAAiB,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAEpF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAInE,eAAO,MAAM,aAAa;cAAqC,iBAAiB;WAAS,aAAa;wBAErG,CAAC;AAEF,eAAO,MAAM,QAAQ,4BAAiC,CAAC;AAEvD,eAAO,MAAM,SAAS,cAAe,aAAa,aAAa,GAAG,uBAEjE,CAAC"}
1
+ {"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../../src/providers/store.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAoB,iBAAiB,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAEpF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAInE,eAAO,MAAM,aAAa;cAAqC,iBAAiB;WAAS,aAAa;wBAErG,CAAC;AAEF,eAAO,MAAM,QAAQ,4BAAiC,CAAC;AAEvD,wBAAgB,SAAS,CAAC,CAAC,SAAS,aAAa,EAAE,SAAS,EAAE,CAAC,GAAG,CAAC,CAElE"}
@@ -5,6 +5,6 @@ export const StoreProvider = ({ children, store }) => {
5
5
  return h(StoreContext.Provider, { value: store }, children);
6
6
  };
7
7
  export const useStore = () => useContext(StoreContext);
8
- export const withStore = (Component) => (props) => {
9
- return h(Component, { store: useStore(), ...props });
10
- };
8
+ export function withStore(Component) {
9
+ return ((props) => h(StoreContext.Consumer, null, (store) => h(Component, { ...props, store: store })));
10
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@searchspring/snap-preact-components",
3
- "version": "0.29.0",
3
+ "version": "0.30.0",
4
4
  "description": "Snap Preact Component Library",
5
5
  "author": "Searchspring",
6
6
  "license": "MIT",
@@ -15,7 +15,7 @@
15
15
  "README.md"
16
16
  ],
17
17
  "scripts": {
18
- "build": "rm -rf ./dist && tsc --skipLibCheck && tsc --skipLibCheck -p tsconfig.cjs.json",
18
+ "build": "rm -rf ./dist && tsc && tsc -p tsconfig.cjs.json",
19
19
  "build:docs": "build-storybook -o ./docs",
20
20
  "dev": "tsc --watch",
21
21
  "format": "prettier --write 'src/**/*.{js,jsx,ts,tsx}'",
@@ -26,7 +26,7 @@
26
26
  },
27
27
  "dependencies": {
28
28
  "@emotion/react": "11.9.0",
29
- "@searchspring/snap-toolbox": "^0.29.0",
29
+ "@searchspring/snap-toolbox": "^0.30.0",
30
30
  "classnames": "2.3.1",
31
31
  "deepmerge": "4.2.2",
32
32
  "mobx-react-lite": "3.4.0",
@@ -37,15 +37,14 @@
37
37
  "preact": "10.7.3"
38
38
  },
39
39
  "devDependencies": {
40
- "@mdx-js/loader": "1.6.22",
41
- "@searchspring/snap-client": "^0.29.0",
42
- "@searchspring/snap-controller": "^0.29.0",
43
- "@searchspring/snap-event-manager": "^0.29.0",
44
- "@searchspring/snap-logger": "^0.29.0",
45
- "@searchspring/snap-profiler": "^0.29.0",
46
- "@searchspring/snap-store-mobx": "^0.29.0",
47
- "@searchspring/snap-tracker": "^0.29.0",
48
- "@searchspring/snap-url-manager": "^0.29.0",
40
+ "@searchspring/snap-client": "^0.30.0",
41
+ "@searchspring/snap-controller": "^0.30.0",
42
+ "@searchspring/snap-event-manager": "^0.30.0",
43
+ "@searchspring/snap-logger": "^0.30.0",
44
+ "@searchspring/snap-profiler": "^0.30.0",
45
+ "@searchspring/snap-store-mobx": "^0.30.0",
46
+ "@searchspring/snap-tracker": "^0.30.0",
47
+ "@searchspring/snap-url-manager": "^0.30.0",
49
48
  "@storybook/addon-actions": "6.4.22",
50
49
  "@storybook/addon-controls": "6.4.22",
51
50
  "@storybook/addon-docs": "6.4.22",
@@ -58,13 +57,13 @@
58
57
  "@testing-library/jest-dom": "5.16.4",
59
58
  "@testing-library/preact": "2.0.1",
60
59
  "@testing-library/user-event": "13.5.0",
60
+ "@types/react": "16.14.28",
61
61
  "@types/react-ranger": "2.0.1",
62
62
  "mobx-react": "7.5.0",
63
63
  "preact": "10.7.3",
64
64
  "react": "16.14.0",
65
- "react-dom": "16.14.0",
66
- "ts-loader": "9.3.0"
65
+ "react-dom": "16.14.0"
67
66
  },
68
67
  "sideEffects": false,
69
- "gitHead": "8519941d9efa15462c21be62a51fa43000177584"
68
+ "gitHead": "48ab43e7ecb42f7b0e1da15b85fe02cc929918f6"
70
69
  }