@searchspring/snap-preact-components 0.25.0 → 0.26.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.
Files changed (5) hide show
  1. package/dist/cjs/components/Molecules/FacetSlider/FacetSlider.d.ts.map +1 -1
  2. package/dist/cjs/components/Molecules/FacetSlider/FacetSlider.js +19 -11
  3. package/dist/esm/components/Molecules/FacetSlider/FacetSlider.d.ts.map +1 -1
  4. package/dist/esm/components/Molecules/FacetSlider/FacetSlider.js +9 -1
  5. package/package.json +11 -11
package/dist/cjs/components/Molecules/FacetSlider/FacetSlider.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FacetSlider.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/FacetSlider/FacetSlider.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AA+H5D,eAAO,MAAM,WAAW,gBAAyB,gBAAgB,KAAG,WAAW;;CAgJ7E,CAAC;AAEH,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACvD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,KAAK,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACpC"}
1
+ {"version":3,"file":"FacetSlider.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/FacetSlider/FacetSlider.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AA+H5D,eAAO,MAAM,WAAW,gBAAyB,gBAAgB,KAAG,WAAW;;CAwJ7E,CAAC;AAEH,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACvD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,KAAK,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACpC"}
package/dist/cjs/components/Molecules/FacetSlider/FacetSlider.js CHANGED
@@ -141,20 +141,28 @@ var CSS = {
141
141
  },
142
142
  };
143
143
  exports.FacetSlider = (0, mobx_react_lite_1.observer)(function (properties) {
144
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
144
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
145
145
  var globalTheme = (0, providers_1.useTheme)();
146
146
  var theme = __assign(__assign({}, globalTheme), properties.theme);
147
147
  var props = __assign(__assign(__assign({
148
148
  // default props
149
149
  tickSize: ((_a = properties.facet) === null || _a === void 0 ? void 0 : _a.step) * 10 || 20 }, (_b = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _b === void 0 ? void 0 : _b.facetSlider), properties), (_d = (_c = properties.theme) === null || _c === void 0 ? void 0 : _c.components) === null || _d === void 0 ? void 0 : _d.facetSlider);
150
- var tickTextColor = props.tickTextColor, trackColor = props.trackColor, valueTextColor = props.valueTextColor, railColor = props.railColor, handleColor = props.handleColor, handleDraggingColor = props.handleDraggingColor, showTicks = props.showTicks, tickSize = props.tickSize, facet = props.facet, stickyHandleLabel = props.stickyHandleLabel, onChange = props.onChange, onDrag = props.onDrag, disableStyles = props.disableStyles, className = props.className, style = props.style;
151
- var _s = (0, hooks_1.useState)([(_e = facet.active) === null || _e === void 0 ? void 0 : _e.low, (_f = facet.active) === null || _f === void 0 ? void 0 : _f.high]), values = _s[0], setValues = _s[1];
152
- var _t = (0, hooks_1.useState)([(_g = facet.active) === null || _g === void 0 ? void 0 : _g.low, (_h = facet.active) === null || _h === void 0 ? void 0 : _h.high]), active = _t[0], setActive = _t[1];
153
- if (values[0] != ((_j = facet.active) === null || _j === void 0 ? void 0 : _j.low) || values[1] != ((_k = facet.active) === null || _k === void 0 ? void 0 : _k.high)) {
154
- setActive([(_l = facet.active) === null || _l === void 0 ? void 0 : _l.low, (_m = facet.active) === null || _m === void 0 ? void 0 : _m.high]);
155
- setValues([(_o = facet.active) === null || _o === void 0 ? void 0 : _o.low, (_p = facet.active) === null || _p === void 0 ? void 0 : _p.high]);
150
+ var tickTextColor = props.tickTextColor, trackColor = props.trackColor, valueTextColor = props.valueTextColor, railColor = props.railColor, handleColor = props.handleColor, handleDraggingColor = props.handleDraggingColor, showTicks = props.showTicks, facet = props.facet, stickyHandleLabel = props.stickyHandleLabel, onChange = props.onChange, onDrag = props.onDrag, disableStyles = props.disableStyles, className = props.className, style = props.style;
151
+ var tickSize = props.tickSize;
152
+ if (isNaN(Number(tickSize)) || Number(tickSize) <= 0) {
153
+ // fallback to default (causes chrome to crash)
154
+ tickSize = ((_e = properties.facet) === null || _e === void 0 ? void 0 : _e.step) * 10 || 20;
156
155
  }
157
- var _u = (0, react_ranger_1.useRanger)({
156
+ else {
157
+ tickSize = Number(tickSize);
158
+ }
159
+ var _t = (0, hooks_1.useState)([(_f = facet.active) === null || _f === void 0 ? void 0 : _f.low, (_g = facet.active) === null || _g === void 0 ? void 0 : _g.high]), values = _t[0], setValues = _t[1];
160
+ var _u = (0, hooks_1.useState)([(_h = facet.active) === null || _h === void 0 ? void 0 : _h.low, (_j = facet.active) === null || _j === void 0 ? void 0 : _j.high]), active = _u[0], setActive = _u[1];
161
+ if (values[0] != ((_k = facet.active) === null || _k === void 0 ? void 0 : _k.low) || values[1] != ((_l = facet.active) === null || _l === void 0 ? void 0 : _l.high)) {
162
+ setActive([(_m = facet.active) === null || _m === void 0 ? void 0 : _m.low, (_o = facet.active) === null || _o === void 0 ? void 0 : _o.high]);
163
+ setValues([(_p = facet.active) === null || _p === void 0 ? void 0 : _p.low, (_q = facet.active) === null || _q === void 0 ? void 0 : _q.high]);
164
+ }
165
+ var _v = (0, react_ranger_1.useRanger)({
158
166
  values: active,
159
167
  onChange: function (val) {
160
168
  var _a;
@@ -173,11 +181,11 @@ exports.FacetSlider = (0, mobx_react_lite_1.observer)(function (properties) {
173
181
  setActive(val);
174
182
  onDrag && onDrag(val);
175
183
  },
176
- min: (_q = facet.range) === null || _q === void 0 ? void 0 : _q.low,
177
- max: (_r = facet.range) === null || _r === void 0 ? void 0 : _r.high,
184
+ min: (_r = facet.range) === null || _r === void 0 ? void 0 : _r.low,
185
+ max: (_s = facet.range) === null || _s === void 0 ? void 0 : _s.high,
178
186
  stepSize: facet.step,
179
187
  tickSize: tickSize,
180
- }), getTrackProps = _u.getTrackProps, ticks = _u.ticks, segments = _u.segments, handles = _u.handles;
188
+ }), getTrackProps = _v.getTrackProps, ticks = _v.ticks, segments = _v.segments, handles = _v.handles;
181
189
  var styling = {};
182
190
  if (!disableStyles) {
183
191
  styling.css = [
package/dist/esm/components/Molecules/FacetSlider/FacetSlider.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FacetSlider.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/FacetSlider/FacetSlider.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AA+H5D,eAAO,MAAM,WAAW,gBAAyB,gBAAgB,KAAG,WAAW;;CAgJ7E,CAAC;AAEH,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACvD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,KAAK,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACpC"}
1
+ {"version":3,"file":"FacetSlider.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/FacetSlider/FacetSlider.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AA+H5D,eAAO,MAAM,WAAW,gBAAyB,gBAAgB,KAAG,WAAW;;CAwJ7E,CAAC;AAEH,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACvD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,KAAK,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACpC"}
package/dist/esm/components/Molecules/FacetSlider/FacetSlider.js CHANGED
@@ -131,7 +131,15 @@ export const FacetSlider = observer((properties) => {
131
131
  ...properties,
132
132
  ...properties.theme?.components?.facetSlider,
133
133
  };
134
- const { tickTextColor, trackColor, valueTextColor, railColor, handleColor, handleDraggingColor, showTicks, tickSize, facet, stickyHandleLabel, onChange, onDrag, disableStyles, className, style, } = props;
134
+ const { tickTextColor, trackColor, valueTextColor, railColor, handleColor, handleDraggingColor, showTicks, facet, stickyHandleLabel, onChange, onDrag, disableStyles, className, style, } = props;
135
+ let { tickSize } = props;
136
+ if (isNaN(Number(tickSize)) || Number(tickSize) <= 0) {
137
+ // fallback to default (causes chrome to crash)
138
+ tickSize = properties.facet?.step * 10 || 20;
139
+ }
140
+ else {
141
+ tickSize = Number(tickSize);
142
+ }
135
143
  const [values, setValues] = useState([facet.active?.low, facet.active?.high]);
136
144
  const [active, setActive] = useState([facet.active?.low, facet.active?.high]);
137
145
  if (values[0] != facet.active?.low || values[1] != facet.active?.high) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@searchspring/snap-preact-components",
3
- "version": "0.25.0",
3
+ "version": "0.26.1",
4
4
  "description": "Snap Preact Component Library",
5
5
  "author": "Searchspring",
6
6
  "license": "MIT",
@@ -26,8 +26,8 @@
26
26
  },
27
27
  "dependencies": {
28
28
  "@emotion/react": "^11.7.1",
29
- "@searchspring/snap-preact": "^0.25.0",
30
- "@searchspring/snap-toolbox": "^0.25.0",
29
+ "@searchspring/snap-preact": "^0.26.1",
30
+ "@searchspring/snap-toolbox": "^0.26.1",
31
31
  "classnames": "^2.3.1",
32
32
  "deepmerge": "^4.2.2",
33
33
  "mobx-react-lite": "^3.2.3",
@@ -39,13 +39,13 @@
39
39
  },
40
40
  "devDependencies": {
41
41
  "@mdx-js/loader": "^1.6.22",
42
- "@searchspring/snap-client": "^0.25.0",
43
- "@searchspring/snap-controller": "^0.25.0",
44
- "@searchspring/snap-event-manager": "^0.25.0",
45
- "@searchspring/snap-logger": "^0.25.0",
46
- "@searchspring/snap-profiler": "^0.25.0",
47
- "@searchspring/snap-store-mobx": "^0.25.0",
48
- "@searchspring/snap-url-manager": "^0.25.0",
42
+ "@searchspring/snap-client": "^0.26.1",
43
+ "@searchspring/snap-controller": "^0.26.1",
44
+ "@searchspring/snap-event-manager": "^0.26.1",
45
+ "@searchspring/snap-logger": "^0.26.1",
46
+ "@searchspring/snap-profiler": "^0.26.1",
47
+ "@searchspring/snap-store-mobx": "^0.26.1",
48
+ "@searchspring/snap-url-manager": "^0.26.1",
49
49
  "@storybook/addon-actions": "^6.4.9",
50
50
  "@storybook/addon-controls": "^6.4.9",
51
51
  "@storybook/addon-docs": "^6.4.9",
@@ -65,5 +65,5 @@
65
65
  "ts-loader": "^9.2.6"
66
66
  },
67
67
  "sideEffects": false,
68
- "gitHead": "b227a42874d7ae49b2cbe99a9879c7d761b24ee5"
68
+ "gitHead": "2e6b920f3e72bc2dd1def27d546fc3e24d463c3c"
69
69
  }