related-ui-components 1.1.6

package/lib/commonjs/components/Filters/PointsRangeSelector.js

@@ -0,0 +1,262 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeMultiSlider = _interopRequireDefault(require("@ptomasroos/react-native-multi-slider"));
+var _Input = _interopRequireDefault(require("../Input/Input.js"));
+var _index = require("../../theme/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+// Get initial screen width (we'll refine this with onLayout)
+const {
+  width: SCREEN_WIDTH
+} = _reactNative.Dimensions.get("window");
+const HORIZONTAL_PADDING = 40; // Adjust based on your container's padding
+
+const PointsRangeSelector = ({
+  minLimit = 0,
+  maxLimit = 1000,
+  initialMin = 50,
+  initialMax = 500,
+  resetKey,
+  isRTL = _reactNative.I18nManager.isRTL,
+  onChange,
+  // Style props
+  containerStyle,
+  inputsContainerStyle,
+  customInputContainerStyle,
+  customInputFieldStyle,
+  sliderContainerStyle,
+  multiSliderContainerStyle,
+  trackStyle,
+  selectedTrackStyle,
+  unselectedTrackStyle,
+  markerStyle,
+  markerEnabledStyle,
+  markerDisabledStyle,
+  markerDotStyle,
+  inputProps = {},
+  multiSliderProps = {}
+}) => {
+  const theme = (0, _index.useTheme)();
+  const styles = createStyles(theme, isRTL);
+  const [values, setValues] = (0, _react.useState)([initialMin, initialMax]);
+  const [minInputValue, setMinInputValue] = (0, _react.useState)(initialMin.toString());
+  const [maxInputValue, setMaxInputValue] = (0, _react.useState)(initialMax.toString());
+
+  // Track container width for responsive sizing
+  const [containerWidth, setContainerWidth] = (0, _react.useState)(SCREEN_WIDTH - HORIZONTAL_PADDING);
+
+  // Handle container layout to get precise width
+  const onContainerLayout = (0, _react.useCallback)(event => {
+    const {
+      width
+    } = event.nativeEvent.layout;
+    setContainerWidth(width);
+  }, []);
+  (0, _react.useEffect)(() => {
+    setValues([initialMin, initialMax]);
+    setMinInputValue(initialMin.toString());
+    setMaxInputValue(initialMax.toString());
+    if (onChange) {
+      onChange(initialMin, initialMax);
+    }
+  }, [resetKey, initialMin, initialMax]);
+  const handleValuesChange = newValues => {
+    setValues(newValues);
+    setMinInputValue(newValues[0].toString());
+    setMaxInputValue(newValues[1].toString());
+    if (onChange) {
+      onChange(newValues[0], newValues[1]);
+    }
+  };
+  const handleMinInputChange = text => {
+    setMinInputValue(text);
+    if (text && !isNaN(Number(text))) {
+      const newValue = Number(text);
+      if (newValue < minLimit || newValue >= values[1]) {
+        return;
+      }
+      const newValues = [newValue, values[1]];
+      setValues(newValues);
+      if (onChange) {
+        onChange(newValues[0], newValues[1]);
+      }
+    }
+  };
+  const handleMaxInputChange = text => {
+    setMaxInputValue(text);
+    if (text && !isNaN(Number(text))) {
+      const newValue = Number(text);
+      if (newValue > maxLimit || newValue <= values[0]) {
+        return;
+      }
+      const newValues = [values[0], newValue];
+      setValues(newValues);
+      if (onChange) {
+        onChange(newValues[0], newValues[1]);
+      }
+    }
+  };
+
+  // Custom marker component
+  const CustomMarker = ({
+    currentValue,
+    enabled
+  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [styles.marker, enabled ? styles.markerEnabled : styles.markerDisabled, markerStyle, enabled ? markerEnabledStyle : markerDisabledStyle],
+    hitSlop: {
+      top: 10,
+      right: 10,
+      bottom: 10,
+      left: 10
+    },
+    children: enabled && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.markerDot, markerDotStyle]
+    })
+  });
+
+  // Prepare inputs in the correct order based on RTL setting
+  const renderInputs = () => {
+    const minInput = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.default, {
+      value: minInputValue,
+      onChangeText: handleMinInputChange,
+      keyboardType: "numeric",
+      placeholder: "Min",
+      containerStyle: [styles.customInputContainer, customInputContainerStyle],
+      inputContainerStyle: [styles.customInputField, customInputFieldStyle],
+      textAlign: isRTL ? "right" : "left",
+      ...inputProps
+    });
+    const maxInput = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.default, {
+      value: maxInputValue,
+      onChangeText: handleMaxInputChange,
+      keyboardType: "numeric",
+      placeholder: "Max",
+      containerStyle: [styles.customInputContainer, customInputContainerStyle],
+      inputContainerStyle: [styles.customInputField, customInputFieldStyle],
+      textAlign: isRTL ? "right" : "left",
+      ...inputProps
+    });
+
+    // If RTL, we swap the order of the inputs
+    return isRTL ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [maxInput, minInput]
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [minInput, maxInput]
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.container, containerStyle],
+    onLayout: onContainerLayout,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.inputsContainer, inputsContainerStyle],
+      children: renderInputs()
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.sliderContainer, sliderContainerStyle],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeMultiSlider.default, {
+        values: values,
+        min: minLimit,
+        max: maxLimit,
+        step: 10,
+        allowOverlap: false,
+        snapped: true,
+        onValuesChange: handleValuesChange,
+        selectedStyle: [styles.selectedTrack, selectedTrackStyle],
+        unselectedStyle: [styles.unselectedTrack, unselectedTrackStyle],
+        containerStyle: [styles.sliderContainerStyle, multiSliderContainerStyle],
+        trackStyle: [styles.track, trackStyle],
+        sliderLength: containerWidth // Use measured width for slider length
+        ,
+        customMarker: CustomMarker
+        // For RTL support with MultiSlider
+        ,
+        enabledOne: true,
+        enabledTwo: true,
+        isRTL: isRTL,
+        ...multiSliderProps
+      })
+    })]
+  });
+};
+const createStyles = (theme, isRTL) => _reactNative.StyleSheet.create({
+  container: {
+    // Default container styling
+  },
+  inputsContainer: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    marginBottom: 20
+  },
+  customInputContainer: {
+    width: "48%"
+  },
+  customInputField: {
+    minHeight: 40,
+    textAlign: isRTL ? "right" : "left"
+  },
+  sliderContainer: {
+    marginVertical: 10,
+    alignItems: "center",
+    width: "100%",
+    // Apply any RTL specific styling if needed
+    transform: isRTL ? [{
+      scaleX: -1
+    }] : []
+  },
+  sliderContainerStyle: {
+    height: 30,
+    width: "100%"
+  },
+  track: {
+    height: 4,
+    borderRadius: 2
+  },
+  selectedTrack: {
+    backgroundColor: theme.primary
+  },
+  unselectedTrack: {
+    backgroundColor: theme.border
+  },
+  marker: {
+    width: 20,
+    height: 20,
+    borderRadius: 12,
+    backgroundColor: theme.surface,
+    borderWidth: 2,
+    shadowColor: "#000",
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 2.84,
+    elevation: 3,
+    alignItems: "center",
+    justifyContent: "center",
+    // Flip the marker back when parent is flipped for RTL
+    transform: isRTL ? [{
+      scaleX: -1
+    }] : []
+  },
+  markerEnabled: {
+    borderColor: theme.primary
+  },
+  markerDisabled: {
+    borderColor: theme.disabled
+  },
+  markerDot: {
+    width: 18,
+    height: 18,
+    borderRadius: 12,
+    backgroundColor: theme.primary
+  }
+});
+var _default = exports.default = PointsRangeSelector;
+//# sourceMappingURL=PointsRangeSelector.js.map

package/lib/commonjs/components/Filters/PointsRangeSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeMultiSlider","_interopRequireDefault","_Input","_index","_jsxRuntime","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","width","SCREEN_WIDTH","Dimensions","HORIZONTAL_PADDING","PointsRangeSelector","minLimit","maxLimit","initialMin","initialMax","resetKey","isRTL","I18nManager","onChange","containerStyle","inputsContainerStyle","customInputContainerStyle","customInputFieldStyle","sliderContainerStyle","multiSliderContainerStyle","trackStyle","selectedTrackStyle","unselectedTrackStyle","markerStyle","markerEnabledStyle","markerDisabledStyle","markerDotStyle","inputProps","multiSliderProps","theme","useTheme","styles","createStyles","values","setValues","useState","minInputValue","setMinInputValue","toString","maxInputValue","setMaxInputValue","containerWidth","setContainerWidth","onContainerLayout","useCallback","event","nativeEvent","layout","useEffect","handleValuesChange","newValues","handleMinInputChange","text","isNaN","Number","newValue","handleMaxInputChange","CustomMarker","currentValue","enabled","jsx","View","style","marker","markerEnabled","markerDisabled","hitSlop","top","right","bottom","left","children","markerDot","renderInputs","minInput","value","onChangeText","keyboardType","placeholder","customInputContainer","inputContainerStyle","customInputField","textAlign","maxInput","jsxs","Fragment","container","onLayout","inputsContainer","sliderContainer","min","max","step","allowOverlap","snapped","onValuesChange","selectedStyle","selectedTrack","unselectedStyle","unselectedTrack","track","sliderLength","customMarker","enabledOne","enabledTwo","StyleSheet","create","flexDirection","justifyContent","marginBottom","minHeight","marginVertical","alignItems","transform","scaleX","height","borderRadius","backgroundColor","primary","border","surface","borderWidth","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","borderColor","disabled","_default","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Filters/PointsRangeSelector.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Filters/README.md

@@ -0,0 +1,212 @@
+# Filters Component
+
+A flexible, customizable bottom sheet filter component for React Native applications with support for sorting options, points range selection, brand filtering, and extensive styling options.
+
+![Filters Example](../../assets/components/Filters.png)
+
+## Basic Usage
+
+```jsx
+import React from 'react';
+import { View } from 'react-native';
+import { Filters } from '@your-org/component-library';
+
+const ExampleScreen = () => {
+  const sortOptions = [
+    { id: 1, name: 'Price: Low to High', value: 'price_asc' },
+    { id: 2, name: 'Price: High to Low', value: 'price_desc' },
+  ];
+  
+  const brands = [
+    { id: '1', name: 'Brand A', logo: require('../assets/brandA.png') },
+    { id: '2', name: 'Brand B', logo: require('../assets/brandB.png') },
+  ];
+  
+  const handleFilterApply = (result) => {
+    console.log('Applied filters:', result);
+  };
+  
+  return (
+    <View style={{ flex: 1 }}>
+      <Filters 
+        sortOptions={sortOptions}
+        brands={brands}
+        onActionButtonPress={handleFilterApply}
+      />
+    </View>
+  );
+};
+
+export default ExampleScreen;
+```
+
+## Props
+
+The `Filters` component provides extensive customization options through its props.
+
+### Core Properties
+
+| Prop | Type | Required | Default | Description |
+|------|------|----------|---------|-------------|
+| `onActionButtonPress` | `(result: FilterResult) => void` | ❌ | - | Function called when Apply Filter button is pressed |
+| `sortOptions` | `SortOption[]` | ❌ | `[]` | Array of sorting options to display |
+| `brands` | `Brand[]` | ❌ | `[]` | Array of brand options to display |
+| `isRTL` | `boolean` | ❌ | `I18nManager.isRTL` | Whether to display in right-to-left mode |
+
+### Layout & Sections Properties
+
+| Prop | Type | Required | Default | Description |
+|------|------|----------|---------|-------------|
+| `sortSectionTitle` | `string` | ❌ | `"Sort"` | Title for the sorting section |
+| `pointsRangeSectionTitle` | `string` | ❌ | `"Points range"` | Title for the points range section |
+| `brandSectionTitle` | `string` | ❌ | `"Brands"` | Title for the brands section |
+| `showPointsRange` | `boolean` | ❌ | `true` | Whether to display the points range section |
+| `headerTitleText` | `string` | ❌ | `"Filter"` | Text for the header title |
+| `headerResetText` | `string` | ❌ | `"Reset All"` | Text for the reset button |
+| `applyButtonText` | `string` | ❌ | `"Apply Filter"` | Text for the apply button |
+
+### Points Range Properties
+
+| Prop | Type | Required | Default | Description |
+|------|------|----------|---------|-------------|
+| `rangeMinLimit` | `number` | ❌ | `0` | Minimum possible value for the range selector |
+| `rangeMaxLimit` | `number` | ❌ | `1000` | Maximum possible value for the range selector |
+| `rangeInitialMin` | `number` | ❌ | `0` | Initial minimum selected value |
+| `rangeInitialMax` | `number` | ❌ | `1000` | Initial maximum selected value |
+
+### Points Range Styling Properties
+
+| Prop | Type | Required | Default | Description |
+|------|------|----------|---------|-------------|
+| `pointsRangeContainerStyle` | `ViewStyle` | ❌ | - | Style for the main points range container |
+| `pointsRangeInputsContainerStyle` | `ViewStyle` | ❌ | - | Style for the inputs container in points range selector |
+| `pointsRangeCustomInputContainerStyle` | `ViewStyle` | ❌ | - | Style for the custom input containers |
+| `pointsRangeCustomInputFieldStyle` | `ViewStyle` | ❌ | - | Style for the input fields |
+| `pointsRangeSliderContainerStyle` | `ViewStyle` | ❌ | - | Style for the slider container |
+| `pointsRangeMultiSliderContainerStyle` | `ViewStyle` | ❌ | - | Style for the multi-slider container |
+| `pointsRangeTrackStyle` | `ViewStyle` | ❌ | - | Style for the slider track |
+| `pointsRangeSelectedTrackStyle` | `ViewStyle` | ❌ | - | Style for the selected portion of the track |
+| `pointsRangeUnselectedTrackStyle` | `ViewStyle` | ❌ | - | Style for the unselected portions of the track |
+| `pointsRangeMarkerStyle` | `ViewStyle` | ❌ | - | Style for slider markers |
+| `pointsRangeMarkerEnabledStyle` | `ViewStyle` | ❌ | - | Style for enabled slider markers |
+| `pointsRangeMarkerDisabledStyle` | `ViewStyle` | ❌ | - | Style for disabled slider markers |
+| `pointsRangeMarkerDotStyle` | `ViewStyle` | ❌ | - | Style for the marker dots |
+| `pointsRangeInputProps` | `Object` | ❌ | - | Additional props to pass to the range input fields |
+| `pointsRangeMultiSliderProps` | `Object` | ❌ | - | Additional props to pass to the MultiSlider component |
+
+### Brand Configuration Properties
+
+| Prop | Type | Required | Default | Description |
+|------|------|----------|---------|-------------|
+| `brandActiveIcon` | `React.ReactNode` | ❌ | `<Ionicons name="checkmark-outline" />` | Icon to show for selected brands |
+| `brandActiveIconStyle` | `ViewStyle` | ❌ | - | Style for the active brand icon |
+
+### Bottom Sheet Properties
+
+| Prop | Type | Required | Default | Description |
+|------|------|----------|---------|-------------|
+| `bottomSheetIndex` | `number` | ❌ | `0` | Initial index for the bottom sheet |
+| `snapPoints` | `string[]` | ❌ | `["50%", "90%"]` | Snap points for the bottom sheet |
+| `handleIndicatorStyle` | `ViewStyle` | ❌ | - | Style for the bottom sheet handle indicator |
+
+### Style Customization Properties
+
+| Prop | Type | Required | Default | Description |
+|------|------|----------|---------|-------------|
+| `containerStyle` | `ViewStyle` | ❌ | - | Style for the main container |
+| `headerStyle` | `ViewStyle` | ❌ | - | Style for the header |
+| `titleStyle` | `TextStyle` | ❌ | - | Style for the header title |
+| `resetTextStyle` | `TextStyle` | ❌ | - | Style for the reset text |
+| `sectionStyle` | `ViewStyle` | ❌ | - | Style for all filter sections |
+| `sortSectionStyle` | `ViewStyle` | ❌ | - | Style specifically for the sort section |
+| `sectionTitleStyle` | `TextStyle` | ❌ | - | Style for section titles |
+| `optionRowStyle` | `ViewStyle` | ❌ | - | Style for option rows in the sort section |
+| `optionTextStyle` | `TextStyle` | ❌ | - | Style for option text in the sort section |
+| `checkboxColor` | `string` | ❌ | `theme.secondary` | Color for checkboxes |
+| `brandContainerStyle` | `ViewStyle` | ❌ | - | Style for the brands grid container |
+| `applyButtonStyle` | `ViewStyle` | ❌ | - | Style for the apply button |
+| `applyButtonTextStyle` | `TextStyle` | ❌ | - | Style for the apply button text |
+| `bottomSheetStyle` | `ViewStyle` | ❌ | - | Style for the bottom sheet |
+
+## Types
+
+```typescript
+type SortOption = {
+  name: string;
+  value: string;
+  id: number;
+};
+
+type Brand = {
+  id: string;
+  name: string;
+  logo: ImageRequireSource;
+};
+
+type FilterResult = {
+  sort: SortOption[];
+  pointsRange: { min: number; max: number };
+  selectedBrands: Brand[];
+};
+```
+
+## Examples
+
+### Basic Filter with Sort Options Only
+
+```jsx
+<Filters 
+  sortOptions={[
+    { id: 1, name: 'Newest First', value: 'newest' },
+    { id: 2, name: 'Oldest First', value: 'oldest' },
+    { id: 3, name: 'Highest Rated', value: 'rated_desc' }
+  ]}
+  showPointsRange={false}
+  onActionButtonPress={(result) => handleSort(result.sort)}
+/>
+```
+
+### Points Range Filter with Custom Limits
+
+```jsx
+<Filters 
+  showPointsRange={true}
+  rangeMinLimit={0}
+  rangeMaxLimit={5000}
+  rangeInitialMin={100}
+  rangeInitialMax={2000}
+  pointsRangeSectionTitle="Price Range"
+  onActionButtonPress={(result) => handlePriceRange(result.pointsRange)}
+/>
+```
+
+### Brand Selection with Custom Styling
+
+```jsx
+<Filters 
+  brands={[
+    { id: 'nike', name: 'Nike', logo: require('../assets/nike.png') },
+    { id: 'adidas', name: 'Adidas', logo: require('../assets/adidas.png') },
+    { id: 'puma', name: 'Puma', logo: require('../assets/puma.png') }
+  ]}
+  brandSectionTitle="Select Brands"
+  brandContainerStyle={{ justifyContent: 'space-between' }}
+  brandActiveIconStyle={{ backgroundColor: '#E0F7FA' }}
+  onActionButtonPress={(result) => handleBrandFilter(result.selectedBrands)}
+/>
+```
+
+### RTL Support with Custom Headers
+
+```jsx
+<Filters 
+  isRTL={true}
+  headerTitleText="فلتر"
+  headerResetText="إعادة تعيين الكل"
+  applyButtonText="تطبيق الفلتر"
+  sortSectionTitle="ترتيب"
+  pointsRangeSectionTitle="نطاق النقاط"
+  brandSectionTitle="العلامات التجارية"
+  onActionButtonPress={handleArabicFilters}
+/>
+```

package/lib/commonjs/components/Filters/index.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  PointsRangeSelector: true
+};
+Object.defineProperty(exports, "PointsRangeSelector", {
+  enumerable: true,
+  get: function () {
+    return _PointsRangeSelector.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _Filters.default;
+  }
+});
+var _Filters = _interopRequireWildcard(require("./Filters.js"));
+Object.keys(_Filters).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Filters[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Filters[key];
+    }
+  });
+});
+var _PointsRangeSelector = _interopRequireWildcard(require("./PointsRangeSelector.js"));
+Object.keys(_PointsRangeSelector).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _PointsRangeSelector[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _PointsRangeSelector[key];
+    }
+  });
+});
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/Filters/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Filters","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_PointsRangeSelector","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","n","__proto__","a","getOwnPropertyDescriptor","u","i","set"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Filters/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,QAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEAC,MAAA,CAAAC,IAAA,CAAAJ,QAAA,EAAAK,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAN,QAAA,CAAAM,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAd,QAAA,CAAAM,GAAA;IAAA;EAAA;AAAA;AADA,IAAAS,oBAAA,GAAAd,uBAAA,CAAAC,OAAA;AAEAC,MAAA,CAAAC,IAAA,CAAAW,oBAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,oBAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,oBAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AAAsC,SAAAU,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAhB,wBAAAgB,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAN,GAAA,CAAAG,CAAA,OAAAO,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAvB,MAAA,CAAAS,cAAA,IAAAT,MAAA,CAAAwB,wBAAA,WAAAC,CAAA,IAAAX,CAAA,oBAAAW,CAAA,OAAApB,cAAA,CAAAC,IAAA,CAAAQ,CAAA,EAAAW,CAAA,SAAAC,CAAA,GAAAH,CAAA,GAAAvB,MAAA,CAAAwB,wBAAA,CAAAV,CAAA,EAAAW,CAAA,UAAAC,CAAA,KAAAA,CAAA,CAAAf,GAAA,IAAAe,CAAA,CAAAC,GAAA,IAAA3B,MAAA,CAAAS,cAAA,CAAAY,CAAA,EAAAI,CAAA,EAAAC,CAAA,IAAAL,CAAA,CAAAI,CAAA,IAAAX,CAAA,CAAAW,CAAA,YAAAJ,CAAA,CAAAF,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAU,GAAA,CAAAb,CAAA,EAAAO,CAAA,GAAAA,CAAA","ignoreList":[]}