@smg-automotive/components 25.11.0-talamcol-migrate-collapse.1 → 25.11.0-talamcol-displayValue-styles.1

package/dist/esm/components/radio/index.js

@@ -0,0 +1,12 @@
+import React, { forwardRef } from 'react';
+import { Radio as Radio$1 } from '@chakra-ui/react';
+export { RadioGroup } from '@chakra-ui/react';
+
+var Radio = forwardRef(function (_a, ref) {
+    var name = _a.name, value = _a.value, label = _a.label, _b = _a.size, size = _b === void 0 ? 'base' : _b, onChange = _a.onChange, _c = _a.isChecked, isChecked = _c === void 0 ? false : _c, isInvalid = _a.isInvalid, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, _e = _a.variant, variant = _e === void 0 ? 'fontRegular' : _e;
+    return (React.createElement(Radio$1, { name: name, value: value, size: size, onChange: onChange, isChecked: isChecked, isInvalid: isInvalid, isDisabled: isDisabled, ref: ref, variant: variant }, label));
+});
+Radio.displayName = 'Radio';
+
+export { Radio as default };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/radio/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/radio/index.tsx"],"sourcesContent":[null],"names":["ChakraRadio"],"mappings":";;;;AAeA,IAAM,KAAK,GAAG,UAAU,CACtB,UACE,EAUC,EACD,GAAG,EAAA;AAVD,IAAA,IAAA,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,KAAK,WAAA,EACL,EAAA,GAAA,EAAA,CAAA,IAAa,EAAb,IAAI,mBAAG,MAAM,GAAA,EAAA,EACb,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAA,GAAA,EAAA,CAAA,SAAiB,EAAjB,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EACjB,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,kBAAkB,EAAlB,UAAU,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,KAAA,EAClB,EAAA,GAAA,EAAA,CAAA,OAAuB,EAAvB,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,aAAa,GAAA,EAAA;AAIzB,IAAA,QACE,KAAA,CAAA,aAAA,CAACA,OAAW,IACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,IAEf,KAAK,CACM;AAElB,CAAC;AAEH,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}

package/dist/esm/components/rangeFilterInput/InputGroup.d.ts

@@ -1,14 +1,12 @@
 import React from 'react';
-import { RecipeVariantProps } from '@chakra-ui/react';
-import { numberInputRecipe } from 'src/themes/shared/slotRecipes/numberInput';
-import type { ChangeCallback, PickedNumberInputProps, RangeFilterInputField } from './index';
-type NumberInputVariantProps = RecipeVariantProps<typeof numberInputRecipe>;
-type InputGroupProps<Name extends string> = NumberInputVariantProps & {
+import { ChangeCallback, PickedNumberInputProps, RangeFilterInputField } from './index';
+type InputGroupProps<Name> = {
     handleChange: (event: ChangeCallback<Name>) => void;
     inputProps: RangeFilterInputField<Name>;
     onBlur?: (event: ChangeCallback<Name>) => void;
     unit?: string;
+    variant: 'inputLeft' | 'inputRight';
 } & PickedNumberInputProps;
-export declare const InputGroup: <Name extends string>({ handleChange, inputProps, onBlur, unit, ...rest }: InputGroupProps<Name>) => React.JSX.Element;
-export {};
+declare function InputGroup<Name extends string>({ handleChange, inputProps, onBlur, unit, variant, ...rest }: InputGroupProps<Name>): React.JSX.Element;
+export default InputGroup;
 //# sourceMappingURL=InputGroup.d.ts.map

package/dist/esm/components/rangeFilterInput/InputGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeFilterInput/InputGroup.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAEL,kBAAkB,EAEnB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAI9E,OAAO,KAAK,EACV,cAAc,EACd,sBAAsB,EACtB,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAEjB,KAAK,uBAAuB,GAAG,kBAAkB,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAE5E,KAAK,eAAe,CAAC,IAAI,SAAS,MAAM,IAAI,uBAAuB,GAAG;IACpE,YAAY,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IACpD,UAAU,EAAE,qBAAqB,CAAC,IAAI,CAAC,CAAC;IACxC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GAAG,sBAAsB,CAAC;AAQ3B,eAAO,MAAM,UAAU,GAAI,IAAI,SAAS,MAAM,EAAE,qDAM7C,eAAe,CAAC,IAAI,CAAC,sBAyEvB,CAAC"}
+{"version":3,"file":"InputGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeFilterInput/InputGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,OAAO,EACL,cAAc,EACd,sBAAsB,EACtB,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAEjB,KAAK,eAAe,CAAC,IAAI,IAAI;IAC3B,YAAY,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IACpD,UAAU,EAAE,qBAAqB,CAAC,IAAI,CAAC,CAAC;IACxC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,WAAW,GAAG,YAAY,CAAC;CACrC,GAAG,sBAAsB,CAAC;AAE3B,iBAAS,UAAU,CAAC,IAAI,SAAS,MAAM,EAAE,EACvC,YAAY,EACZ,UAAU,EACV,MAAM,EACN,IAAI,EACJ,OAAO,EACP,GAAG,IAAI,EACR,EAAE,eAAe,CAAC,IAAI,CAAC,qBAgCvB;AAED,eAAe,UAAU,CAAC"}

package/dist/esm/components/rangeFilterInput/InputGroup.js

@@ -1,71 +1,23 @@
 import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
-import { useDebouncedCallback } from 'use-debounce';
-import React, { useState, useEffect } from 'react';
-import { useSlotRecipe, NumberInput } from '@chakra-ui/react';
-import { InputLeftElement } from './InputLeftElement.js';
+import React, { useState } from 'react';
+import { NumberInput, NumberInputField } from '@chakra-ui/react';
+import InputLeftElement from './InputLeftElement.js';
 
-var parseToNumberOrUndef = function (raw) {
-    if (raw.trim() === '')
-        return undefined;
-    var n = Number(raw);
-    return Number.isNaN(n) ? undefined : n;
-};
-var InputGroup = function (_a) {
-    var _b;
-    var handleChange = _a.handleChange, inputProps = _a.inputProps, onBlur = _a.onBlur, unit = _a.unit, rest = __rest(_a, ["handleChange", "inputProps", "onBlur", "unit"]);
-    var recipe = useSlotRecipe({ key: 'numberInput' });
-    var _c = recipe.splitVariantProps(rest), recipeProps = _c[0], restProps = _c[1];
-    var styles = recipe(recipeProps);
-    /**
-     * Local string state that represents exactly what the user typed.
-     *
-     * Why string:
-     * - Allows intermediate values ("1" → "10" → "100")
-     * - Prevents cursor jumps and unstable behavior
-     * - Most stable approach with Chakra v3 NumberInput
-     */
-    var _d = useState(inputProps.value != null ? String(inputProps.value) : ''), raw = _d[0], setRaw = _d[1];
-    /**
-     * Sync external value changes (e.g. slider moved) back into the input.
-     * Without this, the input would display stale values.
-     */
-    useEffect(function () {
-        setRaw(inputProps.value != null ? String(inputProps.value) : '');
-    }, [inputProps.value]);
-    /**
-     * Debounced emit PER INPUT (important!)
-     *
-     * Why per-input debounce:
-     * - Shared debounce caused race conditions between FROM / TO inputs
-     * - Each input must control its own timing
-     *
-     */
-    var debouncedEmit = useDebouncedCallback(function (nextRaw) {
-        handleChange({
-            name: inputProps.name,
-            value: parseToNumberOrUndef(nextRaw),
-        });
-    }, 1000);
-    return (React.createElement(NumberInput.Root, __assign({ css: styles.root, width: "full", 
-        // Update local string immediately
-        value: raw, onValueChange: function (_a) {
-            var value = _a.value;
-            setRaw(value);
-            debouncedEmit(value);
-        }, 
-        /**
-         * On blur we emit immediately as a safety net,
-         * ensuring the final value is always propagated.
-         */
-        onBlur: function () {
+function InputGroup(_a) {
+    var handleChange = _a.handleChange, inputProps = _a.inputProps, onBlur = _a.onBlur, unit = _a.unit, variant = _a.variant, rest = __rest(_a, ["handleChange", "inputProps", "onBlur", "unit", "variant"]);
+    var _b = useState(false), refocus = _b[0], setRefocus = _b[1];
+    return (React.createElement(NumberInput, __assign({ key: "".concat(inputProps.name, "-").concat(inputProps.value), width: "full", variant: variant, defaultValue: inputProps.value, name: inputProps.name, onChange: function (_, value) {
+            return handleChange({ value: value || undefined, name: inputProps.name });
+        }, onBlur: function (event) {
             onBlur === null || onBlur === void 0 ? void 0 : onBlur({
+                value: Number(event.target.value) || undefined,
                 name: inputProps.name,
-                value: parseToNumberOrUndef(raw),
             });
-        } }, restProps),
+            setRefocus(false);
+        }, onFocus: function () { return setRefocus(true); } }, rest),
         unit ? React.createElement(InputLeftElement, { unit: unit }) : null,
-        React.createElement(NumberInput.Input, { css: styles.input, placeholder: (_b = inputProps.placeholder) !== null && _b !== void 0 ? _b : '', "aria-label": inputProps.ariaLabel, fontSize: "base" })));
-};
+        React.createElement(NumberInputField, { placeholder: inputProps.placeholder ? inputProps.placeholder : '', fontSize: "base", autoFocus: refocus, "aria-label": inputProps.ariaLabel })));
+}
 
-export { InputGroup };
+export { InputGroup as default };
 //# sourceMappingURL=InputGroup.js.map

package/dist/esm/components/rangeFilterInput/InputGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputGroup.js","sources":["../../../../../src/components/rangeFilterInput/InputGroup.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
+{"version":3,"file":"InputGroup.js","sources":["../../../../../src/components/rangeFilterInput/InputGroup.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAmBA,SAAS,UAAU,CAAsB,EAOjB,EAAA;AANtB,IAAA,IAAA,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,OAAO,GAAA,EAAA,CAAA,OAAA,EACJ,IAAI,GAAA,MAAA,CAAA,EAAA,EANgC,2DAOxC,CADQ;IAED,IAAA,EAAA,GAAwB,QAAQ,CAAC,KAAK,CAAC,EAAtC,OAAO,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,UAAU,GAAA,EAAA,CAAA,CAAA,CAAmB;AAE7C,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,WAAW,aACV,GAAG,EAAE,UAAG,UAAU,CAAC,IAAI,EAAA,GAAA,CAAA,CAAA,MAAA,CAAI,UAAU,CAAC,KAAK,CAAE,EAC7C,KAAK,EAAC,MAAM,EACZ,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,UAAU,CAAC,KAAoC,EAC7D,IAAI,EAAE,UAAU,CAAC,IAAI,EACrB,QAAQ,EAAE,UAAC,CAAC,EAAE,KAAK,EAAA;AACjB,YAAA,OAAA,YAAY,CAAC,EAAE,KAAK,EAAE,KAAK,IAAI,SAAS,EAAE,IAAI,EAAE,UAAU,CAAC,IAAI,EAAE,CAAC;AAAlE,QAAA,CAAkE,EAEpE,MAAM,EAAE,UAAC,KAAK,EAAA;AACZ,YAAA,MAAM,KAAA,IAAA,IAAN,MAAM,KAAA,MAAA,GAAA,MAAA,GAAN,MAAM,CAAG;gBACP,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,SAAS;gBAC9C,IAAI,EAAE,UAAU,CAAC,IAAI;AACtB,aAAA,CAAC;YACF,UAAU,CAAC,KAAK,CAAC;AACnB,QAAA,CAAC,EACD,OAAO,EAAE,YAAA,EAAM,OAAA,UAAU,CAAC,IAAI,CAAC,CAAA,CAAhB,CAAgB,EAAA,EAC3B,IAAI,CAAA;AAEP,QAAA,IAAI,GAAG,KAAA,CAAA,aAAA,CAAC,gBAAgB,EAAA,EAAC,IAAI,EAAE,IAAI,EAAA,CAAI,GAAG,IAAI;AAC/C,QAAA,KAAA,CAAA,aAAA,CAAC,gBAAgB,EAAA,EACf,WAAW,EAAE,UAAU,CAAC,WAAW,GAAG,UAAU,CAAC,WAAW,GAAG,EAAE,EACjE,QAAQ,EAAC,MAAM,EACf,SAAS,EAAE,OAAO,EAAA,YAAA,EACN,UAAU,CAAC,SAAS,EAAA,CAChC,CACU;AAElB;;;;"}

package/dist/esm/components/rangeFilterInput/InputLeftElement.d.ts

@@ -1,5 +1,6 @@
 import { FC } from 'react';
-export declare const InputLeftElement: FC<{
+declare const InputLeftElement: FC<{
     unit: string;
 }>;
+export default InputLeftElement;
 //# sourceMappingURL=InputLeftElement.d.ts.map

package/dist/esm/components/rangeFilterInput/InputLeftElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputLeftElement.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeFilterInput/InputLeftElement.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIlC,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAWjD,CAAC"}
+{"version":3,"file":"InputLeftElement.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeFilterInput/InputLeftElement.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIlC,QAAA,MAAM,gBAAgB,EAAE,EAAE,CAAC;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAY1C,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/esm/components/rangeFilterInput/InputLeftElement.js

@@ -1,10 +1,10 @@
 import React from 'react';
-import { InputElement } from '@chakra-ui/react';
+import { InputLeftElement as InputLeftElement$1 } from '@chakra-ui/react';
 
 var InputLeftElement = function (_a) {
     var unit = _a.unit;
-    return (React.createElement(InputElement, { insetY: "0", px: "sm", textStyle: "body-small", pointerEvents: "none" }, unit));
+    return (React.createElement(InputLeftElement$1, { pointerEvents: "none", paddingLeft: "sm", height: "full", fontSize: "sm", width: "auto" }, unit));
 };
 
-export { InputLeftElement };
+export { InputLeftElement as default };
 //# sourceMappingURL=InputLeftElement.js.map

package/dist/esm/components/rangeFilterInput/InputLeftElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputLeftElement.js","sources":["../../../../../src/components/rangeFilterInput/InputLeftElement.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;AAIO,IAAM,gBAAgB,GAAyB,UAAC,EAAQ,EAAA;AAAN,IAAA,IAAA,IAAI,GAAA,EAAA,CAAA,IAAA;IAC3D,QACE,oBAAC,YAAY,EAAA,EACX,MAAM,EAAC,GAAG,EACV,EAAE,EAAC,IAAI,EACP,SAAS,EAAC,YAAY,EACtB,aAAa,EAAC,MAAM,EAAA,EAEnB,IAAI,CACQ;AAEnB;;;;"}
+{"version":3,"file":"InputLeftElement.js","sources":["../../../../../src/components/rangeFilterInput/InputLeftElement.tsx"],"sourcesContent":[null],"names":["ChakraInputLeftElement"],"mappings":";;;AAIA,IAAM,gBAAgB,GAAyB,UAAC,EAAQ,EAAA;AAAN,IAAA,IAAA,IAAI,GAAA,EAAA,CAAA,IAAA;IACpD,QACE,KAAA,CAAA,aAAA,CAACA,kBAAsB,EAAA,EACrB,aAAa,EAAC,MAAM,EACpB,WAAW,EAAC,IAAI,EAChB,MAAM,EAAC,MAAM,EACb,QAAQ,EAAC,IAAI,EACb,KAAK,EAAC,MAAM,EAAA,EAEX,IAAI,CACkB;AAE7B;;;;"}

package/dist/esm/components/rangeFilterInput/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { NumberInput } from '@chakra-ui/react';
+import { NumberInputProps } from '@chakra-ui/react';
 export type RangeFilterInputField<Name> = {
     name: Name;
     value?: number | null;
@@ -10,14 +10,14 @@ export type ChangeCallback<Name> = {
     value?: number | null;
     name: Name;
 };
-export type PickedNumberInputProps = Pick<React.ComponentProps<typeof NumberInput.Root>, 'min' | 'max' | 'disabled' | 'onFocus'>;
-type RangeFilterInputProps<NameFrom extends string, NameTo extends string> = {
+export type PickedNumberInputProps = Pick<NumberInputProps, 'min' | 'max' | 'isDisabled' | 'onFocus'>;
+type RangeFilterInputProps<NameFrom, NameTo> = {
     from: RangeFilterInputField<NameFrom>;
     handleChange: (event: ChangeCallback<NameFrom | NameTo>) => void;
     onBlur?: (event: ChangeCallback<NameFrom | NameTo>) => void;
     to: RangeFilterInputField<NameTo>;
     unit?: string;
 } & PickedNumberInputProps;
-export declare const RangeFilterInput: <NameFrom extends string, NameTo extends string>({ from, to, handleChange, unit, onBlur, ...rest }: RangeFilterInputProps<NameFrom, NameTo>) => React.JSX.Element;
-export {};
+declare function RangeFilterInput<NameFrom extends string, NameTo extends string>({ from, to, handleChange, unit, onBlur, ...rest }: RangeFilterInputProps<NameFrom, NameTo>): React.JSX.Element;
+export default RangeFilterInput;
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/components/rangeFilterInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeFilterInput/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAI/C,MAAM,MAAM,qBAAqB,CAAC,IAAI,IAAI;IACxC,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,cAAc,CAAC,IAAI,IAAI;IACjC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,EAAE,IAAI,CAAC;CACZ,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,IAAI,CACvC,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC,EAC7C,KAAK,GAAG,KAAK,GAAG,UAAU,GAAG,SAAS,CACvC,CAAC;AAEF,KAAK,qBAAqB,CAAC,QAAQ,SAAS,MAAM,EAAE,MAAM,SAAS,MAAM,IAAI;IAC3E,IAAI,EAAE,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IACtC,YAAY,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,QAAQ,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC;IACjE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,QAAQ,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC;IAC5D,EAAE,EAAE,qBAAqB,CAAC,MAAM,CAAC,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GAAG,sBAAsB,CAAC;AAE3B,eAAO,MAAM,gBAAgB,GAC3B,QAAQ,SAAS,MAAM,EACvB,MAAM,SAAS,MAAM,EACrB,mDAOC,qBAAqB,CAAC,QAAQ,EAAE,MAAM,CAAC,sBAsBzC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeFilterInput/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,gBAAgB,EACjB,MAAM,kBAAkB,CAAC;AAI1B,MAAM,MAAM,qBAAqB,CAAC,IAAI,IAAI;IACxC,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,cAAc,CAAC,IAAI,IAAI;IACjC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,EAAE,IAAI,CAAC;CACZ,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,IAAI,CACvC,gBAAgB,EAChB,KAAK,GAAG,KAAK,GAAG,YAAY,GAAG,SAAS,CACzC,CAAC;AAEF,KAAK,qBAAqB,CAAC,QAAQ,EAAE,MAAM,IAAI;IAC7C,IAAI,EAAE,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IACtC,YAAY,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,QAAQ,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC;IACjE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,QAAQ,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC;IAC5D,EAAE,EAAE,qBAAqB,CAAC,MAAM,CAAC,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GAAG,sBAAsB,CAAC;AAE3B,iBAAS,gBAAgB,CAAC,QAAQ,SAAS,MAAM,EAAE,MAAM,SAAS,MAAM,EAAE,EACxE,IAAI,EACJ,EAAE,EACF,YAAY,EACZ,IAAI,EACJ,MAAM,EACN,GAAG,IAAI,EACR,EAAE,qBAAqB,CAAC,QAAQ,EAAE,MAAM,CAAC,qBAwBzC;AAED,eAAe,gBAAgB,CAAC"}

package/dist/esm/components/rangeFilterInput/index.js

@@ -1,14 +1,16 @@
 import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import { useDebouncedCallback } from 'use-debounce';
 import React from 'react';
-import { Flex } from '@chakra-ui/react';
-import { InputGroup } from './InputGroup.js';
+import { InputGroup } from '@chakra-ui/react';
+import InputGroup$1 from './InputGroup.js';
 
-var RangeFilterInput = function (_a) {
+function RangeFilterInput(_a) {
     var from = _a.from, to = _a.to, handleChange = _a.handleChange, unit = _a.unit, onBlur = _a.onBlur, rest = __rest(_a, ["from", "to", "handleChange", "unit", "onBlur"]);
-    return (React.createElement(Flex, null,
-        React.createElement(InputGroup, __assign({ inputProps: from, variant: "inputLeft", handleChange: handleChange, onBlur: onBlur, unit: unit }, rest)),
-        React.createElement(InputGroup, __assign({ inputProps: to, variant: "inputRight", handleChange: handleChange, onBlur: onBlur, unit: unit }, rest))));
-};
+    var handleChangeDebounced = useDebouncedCallback(handleChange, 1000);
+    return (React.createElement(InputGroup, { display: "flex" },
+        React.createElement(InputGroup$1, __assign({ inputProps: from, variant: "inputLeft", handleChange: handleChangeDebounced, onBlur: onBlur, unit: unit }, rest)),
+        React.createElement(InputGroup$1, __assign({ inputProps: to, variant: "inputRight", handleChange: handleChangeDebounced, onBlur: onBlur, unit: unit }, rest))));
+}
 
-export { RangeFilterInput };
+export { RangeFilterInput as default };
 //# sourceMappingURL=index.js.map

package/dist/esm/components/rangeFilterInput/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/rangeFilterInput/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAiCO,IAAM,gBAAgB,GAAG,UAG9B,EAOwC,EAAA;AANxC,IAAA,IAAA,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,EAAE,GAAA,EAAA,CAAA,EAAA,EACF,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,MAAM,GAAA,EAAA,CAAA,MAAA,EACH,IAAI,GAAA,MAAA,CAAA,EAAA,EANP,gDAOD,CADQ;IAEP,QACE,oBAAC,IAAI,EAAA,IAAA;QACH,KAAA,CAAA,aAAA,CAAC,UAAU,aACT,UAAU,EAAE,IAAI,EAChB,OAAO,EAAC,WAAW,EACnB,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EAAA,EACN,IAAI,CAAA,CACR;QAEF,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,QAAA,CAAA,EACT,UAAU,EAAE,EAAE,EACd,OAAO,EAAC,YAAY,EACpB,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EAAA,EACN,IAAI,CAAA,CACR,CACG;AAEX;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/rangeFilterInput/index.tsx"],"sourcesContent":[null],"names":["ChakraInputGroup","InputGroup"],"mappings":";;;;;;AAkCA,SAAS,gBAAgB,CAAiD,EAOhC,EAAA;AANxC,IAAA,IAAA,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,EAAE,GAAA,EAAA,CAAA,EAAA,EACF,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,MAAM,GAAA,EAAA,CAAA,MAAA,EACH,IAAI,GAAA,MAAA,CAAA,EAAA,EANiE,gDAOzE,CADQ;IAEP,IAAM,qBAAqB,GAAG,oBAAoB,CAAC,YAAY,EAAE,IAAI,CAAC;AAEtE,IAAA,QACE,KAAA,CAAA,aAAA,CAACA,UAAgB,EAAA,EAAC,OAAO,EAAC,MAAM,EAAA;QAC9B,KAAA,CAAA,aAAA,CAACC,YAAU,aACT,UAAU,EAAE,IAAI,EAChB,OAAO,EAAC,WAAW,EACnB,YAAY,EAAE,qBAAqB,EACnC,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EAAA,EACN,IAAI,CAAA,CACR;QAEF,KAAA,CAAA,aAAA,CAACA,YAAU,EAAA,QAAA,CAAA,EACT,UAAU,EAAE,EAAE,EACd,OAAO,EAAC,YAAY,EACpB,YAAY,EAAE,qBAAqB,EACnC,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EAAA,EACN,IAAI,CAAA,CACR,CACe;AAEvB;;;;"}

package/dist/esm/components/rangeFilterInputWithSlider/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { NumericMinMaxValue } from '../rangeSlider/RangeSliderWithScale';
 import { Facet, RangeSliderWithChartProps } from '../rangeSlider/RangeSliderWithChart';
-import type { ChangeCallback, PickedNumberInputProps, RangeFilterInputField } from '../rangeFilterInput';
+import { ChangeCallback, PickedNumberInputProps, RangeFilterInputField } from '../rangeFilterInput';
 export type ChangeSliderCallback = {
     touched: 'min' | 'max';
     value: NumericMinMaxValue;
@@ -29,6 +29,6 @@ export type Props<NameFrom, NameTo> = {
     to: RangeFilterInputField<NameTo>;
     unit?: string;
 } & RangeSliderProps & PickedNumberInputProps;
-export declare function RangeFilterInputWithSlider<NameFrom extends string, NameTo extends string>({ rangeSliderScale, facets, unit, onChange, from, to, chartHeight, ...rest }: Props<NameFrom, NameTo>): React.JSX.Element;
-export {};
+declare function RangeFilterInputWithSlider<NameFrom extends string, NameTo extends string>({ rangeSliderScale, facets, unit, onChange, from, to, chartHeight, ...rest }: Props<NameFrom, NameTo>): React.JSX.Element;
+export default RangeFilterInputWithSlider;
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/components/rangeFilterInputWithSlider/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeFilterInputWithSlider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EACL,kBAAkB,EAEnB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EACL,KAAK,EAEL,yBAAyB,EAC1B,MAAM,qCAAqC,CAAC;AAE7C,OAAO,KAAK,EACV,cAAc,EACd,sBAAsB,EACtB,qBAAqB,EACtB,MAAM,qBAAqB,CAAC;AAI7B,MAAM,MAAM,oBAAoB,GAAG;IACjC,OAAO,EAAE,KAAK,GAAG,KAAK,CAAC;IACvB,KAAK,EAAE,kBAAkB,CAAC;CAC3B,CAAC;AAEF,KAAK,kCAAkC,CAAC,IAAI,IAAI;IAC9C,UAAU,CAAC,EAAE,YAAY,GAAG,QAAQ,CAAC;CACtC,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;AAEzB,KAAK,gBAAgB,GAAG;IACtB,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;IACjB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,WAAW,CAAC,EAAE,yBAAyB,CAAC,aAAa,CAAC,CAAC;CACxD,GAAG,CACA;IAAE,MAAM,EAAE,KAAK,EAAE,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,gBAAgB,CAAC,EAAE,KAAK,CAAA;CAAE,GACnE;IAAE,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAAC,MAAM,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,CACtE,CAAC;AAEF,MAAM,MAAM,KAAK,CAAC,QAAQ,EAAE,MAAM,IAAI;IACpC,IAAI,EAAE,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IACtC,QAAQ,EAAE,CACR,KAAK,EAAE,kCAAkC,CAAC,QAAQ,GAAG,MAAM,CAAC,KACzD,IAAI,CAAC;IACV,MAAM,CAAC,EAAE,CACP,KAAK,EAAE,kCAAkC,CAAC,QAAQ,GAAG,MAAM,CAAC,KACzD,IAAI,CAAC;IACV,EAAE,EAAE,qBAAqB,CAAC,MAAM,CAAC,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GAAG,gBAAgB,GAClB,sBAAsB,CAAC;AAEzB,wBAAgB,0BAA0B,CACxC,QAAQ,SAAS,MAAM,EACvB,MAAM,SAAS,MAAM,EACrB,EACA,gBAAgB,EAChB,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,EAAE,EACF,WAAW,EACX,GAAG,IAAI,EACR,EAAE,KAAK,CAAC,QAAQ,EAAE,MAAM,CAAC,qBAsFzB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeFilterInputWithSlider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAA6B,EAC3B,kBAAkB,EACnB,MAAM,qCAAqC,CAAC;AAC7C,OAA6B,EAC3B,KAAK,EACL,yBAAyB,EAC1B,MAAM,qCAAqC,CAAC;AAC7C,OAAyB,EACvB,cAAc,EACd,sBAAsB,EACtB,qBAAqB,EACtB,MAAM,qBAAqB,CAAC;AAI7B,MAAM,MAAM,oBAAoB,GAAG;IACjC,OAAO,EAAE,KAAK,GAAG,KAAK,CAAC;IACvB,KAAK,EAAE,kBAAkB,CAAC;CAC3B,CAAC;AAEF,KAAK,kCAAkC,CAAC,IAAI,IAAI;IAC9C,UAAU,CAAC,EAAE,YAAY,GAAG,QAAQ,CAAC;CACtC,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;AAEzB,KAAK,gBAAgB,GAAG;IACtB,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;IACjB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,WAAW,CAAC,EAAE,yBAAyB,CAAC,aAAa,CAAC,CAAC;CACxD,GAAG,CACA;IAAE,MAAM,EAAE,KAAK,EAAE,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,gBAAgB,CAAC,EAAE,KAAK,CAAA;CAAE,GACnE;IAAE,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAAC,MAAM,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,CACtE,CAAC;AAEF,MAAM,MAAM,KAAK,CAAC,QAAQ,EAAE,MAAM,IAAI;IACpC,IAAI,EAAE,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IACtC,QAAQ,EAAE,CACR,KAAK,EAAE,kCAAkC,CAAC,QAAQ,GAAG,MAAM,CAAC,KACzD,IAAI,CAAC;IACV,MAAM,CAAC,EAAE,CACP,KAAK,EAAE,kCAAkC,CAAC,QAAQ,GAAG,MAAM,CAAC,KACzD,IAAI,CAAC;IACV,EAAE,EAAE,qBAAqB,CAAC,MAAM,CAAC,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GAAG,gBAAgB,GAClB,sBAAsB,CAAC;AAEzB,iBAAS,0BAA0B,CACjC,QAAQ,SAAS,MAAM,EACvB,MAAM,SAAS,MAAM,EACrB,EACA,gBAAgB,EAChB,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,EAAE,EACF,WAAW,EACX,GAAG,IAAI,EACR,EAAE,KAAK,CAAC,QAAQ,EAAE,MAAM,CAAC,qBA8FzB;AAED,eAAe,0BAA0B,CAAC"}

package/dist/esm/components/rangeFilterInputWithSlider/index.js

@@ -0,0 +1,64 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React, { useState, useEffect } from 'react';
+import RangeSliderWithScale from '../rangeSlider/RangeSliderWithScale.js';
+import RangeSliderWithChart from '../rangeSlider/RangeSliderWithChart.js';
+import RangeFilterInput from '../rangeFilterInput/index.js';
+import Flex from '../flex/index.js';
+import { Box } from '@chakra-ui/react';
+
+function RangeFilterInputWithSlider(_a) {
+    var rangeSliderScale = _a.rangeSliderScale, facets = _a.facets, unit = _a.unit, onChange = _a.onChange, from = _a.from, to = _a.to, chartHeight = _a.chartHeight, rest = __rest(_a, ["rangeSliderScale", "facets", "unit", "onChange", "from", "to", "chartHeight"]);
+    var value = {
+        min: from.value,
+        max: to.value,
+    };
+    var _b = useState(value), valuesWhileSliding = _b[0], setValuesWhileSliding = _b[1];
+    var _c = useState(false), isSliding = _c[0], setIsSliding = _c[1];
+    useEffect(function () {
+        setValuesWhileSliding({
+            min: from.value,
+            max: to.value,
+        });
+    }, [from.value, to.value]);
+    var handleSliderChange = function (event) {
+        if (!isSliding) {
+            setIsSliding(true);
+        }
+        setValuesWhileSliding(function (prevValuesWhileSliding) {
+            var _a;
+            return (__assign(__assign({}, prevValuesWhileSliding), (_a = {}, _a[event.touched] = event.value[event.touched], _a)));
+        });
+    };
+    var handleSliderRelease = function (event) {
+        setIsSliding(false);
+        onChange({
+            name: event.touched === 'min' ? from.name : to.name,
+            value: event.value[event.touched],
+            changeType: 'slider',
+        });
+    };
+    var isFilterApplied = function () {
+        return valuesWhileSliding.min === from.value &&
+            valuesWhileSliding.max === to.value;
+    };
+    var appliedValue = function () {
+        if (isSliding || !isFilterApplied()) {
+            return valuesWhileSliding;
+        }
+        else {
+            return value;
+        }
+    };
+    var handleInputChange = function (event) {
+        var _a;
+        // sync slider with input
+        setValuesWhileSliding(__assign(__assign({}, valuesWhileSliding), (_a = {}, _a[event.name === from.name ? 'min' : 'max'] = event.value, _a)));
+        onChange(__assign(__assign({}, event), { changeType: 'inputfield' }));
+    };
+    return (React.createElement(Flex, { direction: "column" },
+        React.createElement(Box, { order: { base: 1, sm: 0 }, px: "md", py: { base: 'md', sm: 0 } }, facets ? (React.createElement(RangeSliderWithChart, { onSliderChange: handleSliderChange, onSliderRelease: handleSliderRelease, selection: appliedValue(), facets: facets, chartHeight: chartHeight })) : (React.createElement(RangeSliderWithScale, { onSliderChange: handleSliderChange, onSliderRelease: handleSliderRelease, selection: appliedValue(), scale: rangeSliderScale }))),
+        React.createElement(RangeFilterInput, __assign({ from: __assign(__assign({}, from), { value: appliedValue().min }), to: __assign(__assign({}, to), { value: appliedValue().max }), handleChange: handleInputChange, onBlur: handleInputChange, unit: unit }, rest))));
+}
+
+export { RangeFilterInputWithSlider as default };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/rangeFilterInputWithSlider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/rangeFilterInputWithSlider/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/esm/components/rangeSlider/Chart.d.ts

@@ -5,6 +5,6 @@ interface Props {
     range: number[];
     height?: 'sm' | 'normal';
 }
-export declare const Chart: React.FC<Props>;
-export {};
+declare const Chart: React.FC<Props>;
+export default Chart;
 //# sourceMappingURL=Chart.d.ts.map

package/dist/esm/components/rangeSlider/Chart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeSlider/Chart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAE/C,UAAU,KAAK;IACb,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;IACjB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,MAAM,CAAC,EAAE,IAAI,GAAG,QAAQ,CAAC;CAC1B;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA0BjC,CAAC"}
+{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeSlider/Chart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAE/C,UAAU,KAAK;IACb,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;IACjB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,MAAM,CAAC,EAAE,IAAI,GAAG,QAAQ,CAAC;CAC1B;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA2B1B,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/esm/components/rangeSlider/Chart.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import Flex from '../flex/index.js';
+import { Box } from '@chakra-ui/react';
+
+var Chart = function (_a) {
+    var facets = _a.facets, range = _a.range;
+    if (!facets || facets.length === 0) {
+        return null;
+    }
+    var maxValue = Math.max.apply(Math, facets.map(function (_a) {
+        var value = _a.value;
+        return value;
+    }));
+    return (React.createElement(Flex, { justify: "space-between", h: "full", "data-testid": "chart" }, facets.map(function (_a, index) {
+        var from = _a.from;
+        return (React.createElement(Box, { h: "full", mx: "1px", flexGrow: 1, key: from, bg: index < range[0] || index > range[1] - 1 ? 'gray.200' : 'gray.500', transition: "transform 1s", transformOrigin: "bottom", transform: "scaleY(".concat(maxValue > 0 ? facets[index].value / maxValue : 0, ")") }));
+    })));
+};
+
+export { Chart as default };
+//# sourceMappingURL=Chart.js.map

package/dist/esm/components/rangeSlider/Chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.js","sources":["../../../../../src/components/rangeSlider/Chart.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAYA,IAAM,KAAK,GAAoB,UAAC,EAAiB,EAAA;QAAf,MAAM,GAAA,EAAA,CAAA,MAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA;IAC7C,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;AAClC,QAAA,OAAO,IAAI;IACb;AAEA,IAAA,IAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAA,KAAA,CAAR,IAAI,EAAQ,MAAM,CAAC,GAAG,CAAC,UAAC,EAAS,EAAA;AAAP,QAAA,IAAA,KAAK,GAAA,EAAA,CAAA,KAAA;AAAO,QAAA,OAAA,KAAK;IAAL,CAAK,CAAC,CAAC;IAE9D,QACE,oBAAC,IAAI,EAAA,EAAC,OAAO,EAAC,eAAe,EAAC,CAAC,EAAC,MAAM,EAAA,aAAA,EAAa,OAAO,IACvD,MAAM,CAAC,GAAG,CAAC,UAAC,EAAQ,EAAE,KAAK,EAAA;AAAb,QAAA,IAAA,IAAI,GAAA,EAAA,CAAA,IAAA;AAAc,QAAA,QAC/B,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EACF,CAAC,EAAC,MAAM,EACR,EAAE,EAAC,KAAK,EACR,QAAQ,EAAE,CAAC,EACX,GAAG,EAAE,IAAI,EACT,EAAE,EACA,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,UAAU,GAAG,UAAU,EAEpE,UAAU,EAAC,cAAc,EACzB,eAAe,EAAC,QAAQ,EACxB,SAAS,EAAE,SAAA,CAAA,MAAA,CACT,QAAQ,GAAG,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,QAAQ,GAAG,CAAC,EAAA,GAAA,CAChD,GACH;IAd6B,CAehC,CAAC,CACG;AAEX;;;;"}

package/dist/esm/components/rangeSlider/RangeSliderWithChart.d.ts

@@ -13,5 +13,6 @@ export interface RangeSliderWithChartProps {
     onSliderRelease: (event: ChangeCallback) => void;
     chartHeight?: BoxProps['h'];
 }
-export declare const RangeSliderWithChart: React.FC<RangeSliderWithChartProps>;
+declare const RangeSliderWithChart: React.FC<RangeSliderWithChartProps>;
+export default RangeSliderWithChart;
 //# sourceMappingURL=RangeSliderWithChart.d.ts.map

package/dist/esm/components/rangeSlider/RangeSliderWithChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RangeSliderWithChart.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeSlider/RangeSliderWithChart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAG5C,OAAO,EACL,cAAc,EACd,kBAAkB,EAEnB,MAAM,wBAAwB,CAAC;AAGhC,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,WAAW,yBAAyB;IACxC,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,SAAS,EAAE,kBAAkB,CAAC;IAC9B,cAAc,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAChD,eAAe,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IACjD,WAAW,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;CAC7B;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAwBpE,CAAC"}
+{"version":3,"file":"RangeSliderWithChart.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeSlider/RangeSliderWithChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAG5C,OAA6B,EAC3B,cAAc,EACd,kBAAkB,EACnB,MAAM,wBAAwB,CAAC;AAGhC,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,WAAW,yBAAyB;IACxC,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,SAAS,EAAE,kBAAkB,CAAC;IAC9B,cAAc,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAChD,eAAe,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IACjD,WAAW,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;CAC7B;AAED,QAAA,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAuB7D,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/esm/components/rangeSlider/RangeSliderWithChart.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Box } from '@chakra-ui/react';
+import RangeSliderWithScale from './RangeSliderWithScale.js';
+import Chart from './Chart.js';
+
+var RangeSliderWithChart = function (_a) {
+    var facets = _a.facets, selection = _a.selection, onSliderChange = _a.onSliderChange, onSliderRelease = _a.onSliderRelease, _b = _a.chartHeight, chartHeight = _b === void 0 ? '3xl' : _b;
+    var sortedFacetsByFromKey = facets.sort(function (a, b) { return a.from - b.from; });
+    var scale = sortedFacetsByFromKey.map(function (_a) {
+        var from = _a.from;
+        return from;
+    });
+    return (React.createElement(RangeSliderWithScale, { onSliderChange: onSliderChange, onSliderRelease: onSliderRelease, selection: selection, scale: scale, renderChart: function (range) { return (React.createElement(Box, { position: "relative", top: "sm", h: chartHeight },
+            React.createElement(Chart, { range: range, facets: sortedFacetsByFromKey }))); } }));
+};
+
+export { RangeSliderWithChart as default };
+//# sourceMappingURL=RangeSliderWithChart.js.map

package/dist/esm/components/rangeSlider/RangeSliderWithChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeSliderWithChart.js","sources":["../../../../../src/components/rangeSlider/RangeSliderWithChart.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAwBA,IAAM,oBAAoB,GAAwC,UAAC,EAMlE,EAAA;AALC,IAAA,IAAA,MAAM,YAAA,EACN,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,eAAe,GAAA,EAAA,CAAA,eAAA,EACf,EAAA,GAAA,EAAA,CAAA,WAAmB,EAAnB,WAAW,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA;IAEnB,IAAM,qBAAqB,GAAG,MAAM,CAAC,IAAI,CAAC,UAAC,CAAC,EAAE,CAAC,EAAA,EAAK,OAAA,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,IAAI,CAAA,CAAf,CAAe,CAAC;AACpE,IAAA,IAAM,KAAK,GAAG,qBAAqB,CAAC,GAAG,CAAC,UAAC,EAAQ,EAAA;AAAN,QAAA,IAAA,IAAI,GAAA,EAAA,CAAA,IAAA;AAAO,QAAA,OAAA,IAAI;AAAJ,IAAA,CAAI,CAAC;AAE3D,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,oBAAoB,IACnB,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,UAAC,KAAe,EAAA,EAAK,QAChC,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,QAAQ,EAAC,UAAU,EAAC,GAAG,EAAC,IAAI,EAAC,CAAC,EAAE,WAAW,EAAA;AAC9C,YAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,qBAAqB,EAAA,CAAI,CAClD,EACP,CAJiC,CAIjC,EAAA,CACD;AAEN;;;;"}

package/dist/esm/components/rangeSlider/RangeSliderWithScale.d.ts

@@ -41,6 +41,6 @@ interface RangeSliderWithScaleProps {
      */
     renderChart?: (range: number[]) => React.ReactNode;
 }
-export declare const RangeSliderWithScale: React.FC<RangeSliderWithScaleProps>;
-export {};
+declare const RangeSliderWithScale: React.FC<RangeSliderWithScaleProps>;
+export default RangeSliderWithScale;
 //# sourceMappingURL=RangeSliderWithScale.d.ts.map

package/dist/esm/components/rangeSlider/RangeSliderWithScale.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RangeSliderWithScale.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeSlider/RangeSliderWithScale.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAItC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC/B,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,EAAE,KAAK,GAAG,KAAK,CAAC;IACvB,KAAK,EAAE,kBAAkB,CAAC;CAC3B,CAAC;AAEF,UAAU,yBAAyB;IACjC;;;;;OAKG;IACH,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB;;;;;OAKG;IACH,SAAS,EAAE,kBAAkB,CAAC;IAC9B;;;OAGG;IACH,cAAc,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAChD;;;OAGG;IACH,eAAe,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IACjD;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,KAAK,CAAC,SAAS,CAAC;CACpD;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAgIpE,CAAC"}
+{"version":3,"file":"RangeSliderWithScale.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeSlider/RangeSliderWithScale.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC/B,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,EAAE,KAAK,GAAG,KAAK,CAAC;IACvB,KAAK,EAAE,kBAAkB,CAAC;CAC3B,CAAC;AAEF,UAAU,yBAAyB;IACjC;;;;;OAKG;IACH,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB;;;;;OAKG;IACH,SAAS,EAAE,kBAAkB,CAAC;IAC9B;;;OAGG;IACH,cAAc,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAChD;;;OAGG;IACH,eAAe,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IACjD;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,KAAK,CAAC,SAAS,CAAC;CACpD;AAED,QAAA,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CA+G7D,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/esm/components/rangeSlider/RangeSliderWithScale.js

@@ -0,0 +1,75 @@
+import { __spreadArray } from '../../node_modules/tslib/tslib.es6.js';
+import React, { useState } from 'react';
+import RangeSlider from './index.js';
+
+var RangeSliderWithScale = function (_a) {
+    var scale = _a.scale, selection = _a.selection, onSliderChange = _a.onSliderChange, onSliderRelease = _a.onSliderRelease, renderChart = _a.renderChart;
+    var _b = useState(null), startRange = _b[0], setStartRange = _b[1];
+    var sortedScale = scale.sort(function (a, b) { return a - b; });
+    var toIndex = function (value) {
+        var closestValue = sortedScale.reduce(function (prev, curr) {
+            return Math.abs(curr - value) < Math.abs(prev - value) ? curr : prev;
+        }, 0);
+        return sortedScale.indexOf(closestValue);
+    };
+    var toValue = function (index) {
+        if (index === sortedScale.length) {
+            return null;
+        }
+        return sortedScale[index];
+    };
+    var toMinMax = function (minIndex, maxIndex, previousSelection) { return ({
+        min: minIndex ? toValue(minIndex) : null,
+        max: maxIndex ? toValue(maxIndex) : previousSelection.max,
+    }); };
+    var toRange = function (_a) {
+        var min = _a.min, max = _a.max;
+        var maxValue = max ? toIndex(max) : sortedScale.length;
+        var minValue = min ? toIndex(min) : 0;
+        var range = [minValue, maxValue];
+        var sortedRange = __spreadArray([], range, true).sort(function (a, b) { return a - b; });
+        return JSON.stringify(range) === JSON.stringify(sortedRange)
+            ? range
+            : [minValue, minValue];
+    };
+    var getChangedThumb = function (initial, current) {
+        var initialMinIndex = initial[0], initialMaxIndex = initial[1];
+        var currentMinIndex = current[0], currentMaxIndex = current[1];
+        if (initialMinIndex === currentMinIndex &&
+            initialMaxIndex === currentMaxIndex) {
+            return null;
+        }
+        return initialMinIndex !== currentMinIndex ? 'min' : 'max';
+    };
+    var getChangeEvent = function (_a) {
+        var newMinIndex = _a[0], newMaxIndex = _a[1];
+        var changedThumb = getChangedThumb(startRange || toRange(selection), [
+            newMinIndex,
+            newMaxIndex,
+        ]);
+        if (!changedThumb)
+            return null;
+        return {
+            touched: changedThumb,
+            value: toMinMax(newMinIndex, newMaxIndex, selection),
+        };
+    };
+    var handleChange = function (newValues, callback) {
+        var changeEvent = getChangeEvent(newValues);
+        if (changeEvent) {
+            callback(changeEvent);
+        }
+    };
+    return (React.createElement(React.Fragment, null,
+        renderChart ? renderChart(toRange(selection)) : null,
+        React.createElement(RangeSlider, { h: "sm", step: 1, min: 0, max: sortedScale.length, onChange: function (newValues) { return handleChange(newValues, onSliderChange); }, onChangeEnd: function (newValues) {
+                var callback = function (event) {
+                    onSliderRelease(event);
+                    setStartRange(newValues);
+                };
+                handleChange(newValues, callback);
+            }, onChangeStart: setStartRange, value: toRange(selection) })));
+};
+
+export { RangeSliderWithScale as default };
+//# sourceMappingURL=RangeSliderWithScale.js.map

package/dist/esm/components/rangeSlider/RangeSliderWithScale.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeSliderWithScale.js","sources":["../../../../../src/components/rangeSlider/RangeSliderWithScale.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/esm/components/rangeSlider/index.d.ts

@@ -1,10 +1,6 @@
-import React from 'react';
-import { Slider } from '@chakra-ui/react';
-type SliderRootProps = Omit<React.ComponentProps<typeof Slider.Root>, 'onChange'>;
-export type RangeSliderProps = SliderRootProps & {
-    onChange?: (values: number[]) => void;
-    onChangeEnd?: (values: number[]) => void;
-};
-export declare const RangeSlider: React.FC<RangeSliderProps>;
-export {};
+import { FC } from 'react';
+import { RangeSliderProps as ChakraRangeSliderProps } from '@chakra-ui/react';
+export type RangeSliderProps = ChakraRangeSliderProps;
+declare const RangeSlider: FC<RangeSliderProps>;
+export default RangeSlider;
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/components/rangeSlider/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeSlider/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,KAAK,eAAe,GAAG,IAAI,CACzB,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,EACxC,UAAU,CACX,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,eAAe,GAAG;IAC/C,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACtC,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAmClD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeSlider/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAEL,gBAAgB,IAAI,sBAAsB,EAI3C,MAAM,kBAAkB,CAAC;AAE1B,MAAM,MAAM,gBAAgB,GAAG,sBAAsB,CAAC;AAEtD,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAkBrC,CAAC;AAEF,eAAe,WAAW,CAAC"}