@searchspring/snap-preact-components 0.24.0 → 0.26.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.
- package/dist/cjs/components/Molecules/FacetSlider/FacetSlider.d.ts.map +1 -1
- package/dist/cjs/components/Molecules/FacetSlider/FacetSlider.js +19 -11
- package/dist/cjs/components/Molecules/FacetSlider/FacetSlider.stories.d.ts +1 -0
- package/dist/cjs/components/Molecules/FacetSlider/FacetSlider.stories.d.ts.map +1 -1
- package/dist/cjs/components/Molecules/FacetSlider/FacetSlider.stories.js +1 -0
- package/dist/esm/components/Molecules/FacetSlider/FacetSlider.d.ts.map +1 -1
- package/dist/esm/components/Molecules/FacetSlider/FacetSlider.js +9 -1
- package/dist/esm/components/Molecules/FacetSlider/FacetSlider.stories.d.ts +1 -0
- package/dist/esm/components/Molecules/FacetSlider/FacetSlider.stories.d.ts.map +1 -1
- package/dist/esm/components/Molecules/FacetSlider/FacetSlider.stories.js +1 -0
- package/package.json +11 -11
|
@@ -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;;
|
|
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"}
|
|
@@ -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,
|
|
151
|
-
var
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
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
|
-
|
|
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: (
|
|
177
|
-
max: (
|
|
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 =
|
|
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 = [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FacetSlider.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/FacetSlider/FacetSlider.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAI3B,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAC
|
|
1
|
+
{"version":3,"file":"FacetSlider.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/FacetSlider/FacetSlider.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAI3B,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAK9D,wBAwIE;AAIF,eAAO,MAAM,KAAK,KAAoB,CAAC"}
|
|
@@ -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;;
|
|
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"}
|
|
@@ -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,
|
|
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) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FacetSlider.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/FacetSlider/FacetSlider.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAI3B,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAC
|
|
1
|
+
{"version":3,"file":"FacetSlider.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/FacetSlider/FacetSlider.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAI3B,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAK9D,wBAwIE;AAIF,eAAO,MAAM,KAAK,KAAoB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@searchspring/snap-preact-components",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.26.0",
|
|
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.
|
|
30
|
-
"@searchspring/snap-toolbox": "^0.
|
|
29
|
+
"@searchspring/snap-preact": "^0.26.0",
|
|
30
|
+
"@searchspring/snap-toolbox": "^0.26.0",
|
|
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.
|
|
43
|
-
"@searchspring/snap-controller": "^0.
|
|
44
|
-
"@searchspring/snap-event-manager": "^0.
|
|
45
|
-
"@searchspring/snap-logger": "^0.
|
|
46
|
-
"@searchspring/snap-profiler": "^0.
|
|
47
|
-
"@searchspring/snap-store-mobx": "^0.
|
|
48
|
-
"@searchspring/snap-url-manager": "^0.
|
|
42
|
+
"@searchspring/snap-client": "^0.26.0",
|
|
43
|
+
"@searchspring/snap-controller": "^0.26.0",
|
|
44
|
+
"@searchspring/snap-event-manager": "^0.26.0",
|
|
45
|
+
"@searchspring/snap-logger": "^0.26.0",
|
|
46
|
+
"@searchspring/snap-profiler": "^0.26.0",
|
|
47
|
+
"@searchspring/snap-store-mobx": "^0.26.0",
|
|
48
|
+
"@searchspring/snap-url-manager": "^0.26.0",
|
|
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": "
|
|
68
|
+
"gitHead": "e2a217f1492486b497e6fe4be8102d3fb06c573c"
|
|
69
69
|
}
|