@janbox/storefront-ui 2.0.0 → 2.0.2

package/dist/lib/filter-panel/input-range-filter-panel.js

@@ -1,77 +0,0 @@
-import { jsx } from "@emotion/react/jsx-runtime";
-import { TYPING_DEBOUNCE } from "../../constants/index.js";
-import { useQueryParams } from "../../hooks/use-query-params.js";
-import "react";
-import "lodash-es";
-import "../../theme/palette.js";
-import { NumberParamParser } from "../../utils/query-params.js";
-import { InputRange } from "../input-range/input-range.js";
-const InputRangeFilterPanel = ({ value, queryParam, placeholder, onChange }) => {
-  var _a, _b, _c, _d;
-  const { queryParams, setQueryParams } = useQueryParams({
-    ...((_a = queryParam == null ? void 0 : queryParam.from) == null ? void 0 : _a.key) ? {
-      [queryParam.from.key]: {
-        parser(value2) {
-          return new NumberParamParser(value2).parse();
-        }
-      }
-    } : {},
-    ...((_b = queryParam == null ? void 0 : queryParam.to) == null ? void 0 : _b.key) ? {
-      [queryParam.to.key]: {
-        parser(value2) {
-          return new NumberParamParser(value2).parse();
-        }
-      }
-    } : {}
-  });
-  const finalValue = {
-    from: (value == null ? void 0 : value.from) ?? (((_c = queryParam == null ? void 0 : queryParam.from) == null ? void 0 : _c.key) ? queryParams[queryParam.from.key] : void 0),
-    to: (value == null ? void 0 : value.to) ?? (((_d = queryParam == null ? void 0 : queryParam.to) == null ? void 0 : _d.key) ? queryParams[queryParam.to.key] : void 0)
-  };
-  const onInputRangeChange = (event, edge) => {
-    var _a2, _b2;
-    const valueAsNumber = event.target.valueAsNumber;
-    if (edge === "from" && ((_a2 = queryParam == null ? void 0 : queryParam.from) == null ? void 0 : _a2.key)) {
-      setQueryParams(
-        {
-          [queryParam.from.key]: isNaN(valueAsNumber) ? void 0 : valueAsNumber
-        },
-        {
-          preventScrollReset: true
-        }
-      );
-    }
-    if (edge === "to" && ((_b2 = queryParam == null ? void 0 : queryParam.to) == null ? void 0 : _b2.key)) {
-      setQueryParams(
-        {
-          [queryParam.to.key]: isNaN(valueAsNumber) ? void 0 : valueAsNumber
-        },
-        {
-          preventScrollReset: true
-        }
-      );
-    }
-    onChange == null ? void 0 : onChange(event, edge);
-  };
-  return /* @__PURE__ */ jsx(
-    InputRange,
-    {
-      onChange: onInputRangeChange,
-      inputs: [
-        {
-          debounce: TYPING_DEBOUNCE,
-          value: finalValue.from ?? "",
-          placeholder: placeholder == null ? void 0 : placeholder.from
-        },
-        {
-          debounce: TYPING_DEBOUNCE,
-          value: finalValue.to ?? "",
-          placeholder: placeholder == null ? void 0 : placeholder.to
-        }
-      ]
-    }
-  );
-};
-export {
-  InputRangeFilterPanel
-};