@itwin/itwinui-react 3.0.0-dev.4 → 3.0.0-dev.5

package/cjs/core/Table/filters/FilterToggle.js

@@ -1,62 +1,70 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.FilterToggle = void 0;
+const tslib_1 = require('tslib');
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const React = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const index_js_1 = require("../../utils/index.js");
-const index_js_2 = require("../../Buttons/index.js");
+const React = tslib_1.__importStar(require('react'));
+const classnames_1 = tslib_1.__importDefault(require('classnames'));
+const index_js_1 = require('../../utils/index.js');
+const index_js_2 = require('../../Buttons/index.js');
 /**
  * Handles showing filter icon and opening filter component.
  */
 const FilterToggle = (props) => {
-    const { column, className, ...rest } = props;
-    (0, index_js_1.useGlobals)();
-    const [isVisible, setIsVisible] = React.useState(false);
-    const close = React.useCallback(() => setIsVisible(false), []);
-    const setFilter = React.useCallback((filterValue) => {
-        column.setFilter(filterValue);
-        close();
-    }, [close, column]);
-    const clearFilter = React.useCallback(() => {
-        column.setFilter(undefined);
-        close();
-    }, [close, column]);
-    const isColumnFiltered = column.filterValue != null && column.filterValue !== '';
-    return (React.createElement(React.Fragment, null, column.canFilter && column.Filter && (React.createElement(index_js_1.Popover, { content: column.render('Filter', { close, setFilter, clearFilter }), placement: 'bottom-start', visible: isVisible, onClickOutside: close },
-        React.createElement(index_js_2.IconButton, { styleType: 'borderless', isActive: isVisible || isColumnFiltered, className: (0, classnames_1.default)('iui-table-filter-button', className), onClick: (e) => {
-                setIsVisible((v) => !v);
-                // Prevents from triggering sort
-                e.stopPropagation();
-            }, ...rest }, isColumnFiltered ? React.createElement(index_js_1.SvgFilter, null) : React.createElement(index_js_1.SvgFilterHollow, null))))));
+  const { column, className, ...rest } = props;
+  (0, index_js_1.useGlobals)();
+  const [isVisible, setIsVisible] = React.useState(false);
+  const close = React.useCallback(() => setIsVisible(false), []);
+  const setFilter = React.useCallback(
+    (filterValue) => {
+      column.setFilter(filterValue);
+      close();
+    },
+    [close, column],
+  );
+  const clearFilter = React.useCallback(() => {
+    column.setFilter(undefined);
+    close();
+  }, [close, column]);
+  const isColumnFiltered =
+    column.filterValue != null && column.filterValue !== '';
+  return React.createElement(
+    React.Fragment,
+    null,
+    column.canFilter &&
+      column.Filter &&
+      React.createElement(
+        index_js_1.Popover,
+        {
+          content: column.render('Filter', { close, setFilter, clearFilter }),
+          placement: 'bottom-start',
+          visible: isVisible,
+          onClickOutside: close,
+        },
+        React.createElement(
+          index_js_2.IconButton,
+          {
+            styleType: 'borderless',
+            isActive: isVisible || isColumnFiltered,
+            className: (0, classnames_1.default)(
+              'iui-table-filter-button',
+              className,
+            ),
+            onClick: (e) => {
+              setIsVisible((v) => !v);
+              // Prevents from triggering sort
+              e.stopPropagation();
+            },
+            ...rest,
+          },
+          isColumnFiltered
+            ? React.createElement(index_js_1.SvgFilter, null)
+            : React.createElement(index_js_1.SvgFilterHollow, null),
+        ),
+      ),
+  );
 };
 exports.FilterToggle = FilterToggle;

package/cjs/core/Table/filters/NumberRangeFilter/NumberRangeFilter.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import * as React from 'react';
 import type { FilterButtonBarTranslation } from '../FilterButtonBar.js';
 import type { TableFilterProps } from '../types.js';
-export declare type NumberRangeTranslation = {
+export type NumberRangeTranslation = {
     from: string;
     to: string;
 };
-export declare type NumberRangeFilterProps<T extends Record<string, unknown>> = TableFilterProps<T> & {
+export type NumberRangeFilterProps<T extends Record<string, unknown>> = TableFilterProps<T> & {
     translatedLabels?: NumberRangeTranslation & FilterButtonBarTranslation;
 };
-export declare const NumberRangeFilter: <T extends Record<string, unknown>>(props: NumberRangeFilterProps<T>) => JSX.Element;
+export declare const NumberRangeFilter: <T extends Record<string, unknown>>(props: NumberRangeFilterProps<T>) => React.JSX.Element;

package/cjs/core/Table/filters/NumberRangeFilter/NumberRangeFilter.js

@@ -1,62 +1,68 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.NumberRangeFilter = void 0;
+const tslib_1 = require('tslib');
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const React = __importStar(require("react"));
-const index_js_1 = require("../../../utils/index.js");
-const FilterButtonBar_js_1 = require("../FilterButtonBar.js");
-const BaseFilter_js_1 = require("../BaseFilter.js");
-const index_js_2 = require("../../../LabeledInput/index.js");
+const React = tslib_1.__importStar(require('react'));
+const index_js_1 = require('../../../utils/index.js');
+const FilterButtonBar_js_1 = require('../FilterButtonBar.js');
+const BaseFilter_js_1 = require('../BaseFilter.js');
+const index_js_2 = require('../../../LabeledInput/index.js');
 const defaultStrings = {
-    from: 'From',
-    to: 'To',
+  from: 'From',
+  to: 'To',
 };
 const NumberRangeFilter = (props) => {
-    const { column, translatedLabels, setFilter, clearFilter } = props;
-    (0, index_js_1.useGlobals)();
-    const translatedStrings = { ...defaultStrings, ...translatedLabels };
-    const [from, setFrom] = React.useState(column.filterValue?.[0] ?? '');
-    const [to, setTo] = React.useState(column.filterValue?.[1] ?? '');
-    const parseInputValue = (value) => {
-        return !value || isNaN(Number(value)) ? undefined : Number(value);
-    };
-    const onKeyDown = (event) => {
-        if (event.altKey) {
-            return;
-        }
-        if (event.key === 'Enter') {
-            setFilter([parseInputValue(from), parseInputValue(to)]);
-        }
-    };
-    return (React.createElement(BaseFilter_js_1.BaseFilter, null,
-        React.createElement(index_js_2.LabeledInput, { label: translatedStrings.from, value: from, onChange: (e) => setFrom(e.target.value), onKeyDown: onKeyDown, type: 'number', displayStyle: 'inline', setFocus: true }),
-        React.createElement(index_js_2.LabeledInput, { label: translatedStrings.to, value: to, onChange: (e) => setTo(e.target.value), type: 'number', displayStyle: 'inline', onKeyDown: onKeyDown }),
-        React.createElement(FilterButtonBar_js_1.FilterButtonBar, { setFilter: () => setFilter([parseInputValue(from), parseInputValue(to)]), clearFilter: clearFilter, translatedLabels: translatedLabels })));
+  const { column, translatedLabels, setFilter, clearFilter } = props;
+  (0, index_js_1.useGlobals)();
+  const translatedStrings = { ...defaultStrings, ...translatedLabels };
+  const inputRef = React.useRef(null);
+  React.useEffect(() => {
+    if (inputRef.current) {
+      inputRef.current.focus();
+    }
+  }, []);
+  const [from, setFrom] = React.useState(column.filterValue?.[0] ?? '');
+  const [to, setTo] = React.useState(column.filterValue?.[1] ?? '');
+  const parseInputValue = (value) => {
+    return !value || isNaN(Number(value)) ? undefined : Number(value);
+  };
+  const onKeyDown = (event) => {
+    if (event.altKey) {
+      return;
+    }
+    if (event.key === 'Enter') {
+      setFilter([parseInputValue(from), parseInputValue(to)]);
+    }
+  };
+  return React.createElement(
+    BaseFilter_js_1.BaseFilter,
+    null,
+    React.createElement(index_js_2.LabeledInput, {
+      ref: inputRef,
+      label: translatedStrings.from,
+      value: from,
+      onChange: (e) => setFrom(e.target.value),
+      onKeyDown: onKeyDown,
+      type: 'number',
+      displayStyle: 'inline',
+    }),
+    React.createElement(index_js_2.LabeledInput, {
+      label: translatedStrings.to,
+      value: to,
+      onChange: (e) => setTo(e.target.value),
+      type: 'number',
+      displayStyle: 'inline',
+      onKeyDown: onKeyDown,
+    }),
+    React.createElement(FilterButtonBar_js_1.FilterButtonBar, {
+      setFilter: () => setFilter([parseInputValue(from), parseInputValue(to)]),
+      clearFilter: clearFilter,
+      translatedLabels: translatedLabels,
+    }),
+  );
 };
 exports.NumberRangeFilter = NumberRangeFilter;

package/cjs/core/Table/filters/TextFilter/TextFilter.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import * as React from 'react';
 import type { FilterButtonBarTranslation } from '../FilterButtonBar.js';
 import type { TableFilterProps } from '../types.js';
-export declare type TextFilterProps<T extends Record<string, unknown>> = TableFilterProps<T> & {
+export type TextFilterProps<T extends Record<string, unknown>> = TableFilterProps<T> & {
     translatedLabels?: FilterButtonBarTranslation;
 };
-export declare const TextFilter: <T extends Record<string, unknown>>(props: TextFilterProps<T>) => JSX.Element;
+export declare const TextFilter: <T extends Record<string, unknown>>(props: TextFilterProps<T>) => React.JSX.Element;

package/cjs/core/Table/filters/TextFilter/TextFilter.js

@@ -1,52 +1,48 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.TextFilter = void 0;
+const tslib_1 = require('tslib');
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const React = __importStar(require("react"));
-const index_js_1 = require("../../../utils/index.js");
-const index_js_2 = require("../../../Input/index.js");
-const FilterButtonBar_js_1 = require("../FilterButtonBar.js");
-const BaseFilter_js_1 = require("../BaseFilter.js");
+const React = tslib_1.__importStar(require('react'));
+const index_js_1 = require('../../../utils/index.js');
+const index_js_2 = require('../../../Input/index.js');
+const FilterButtonBar_js_1 = require('../FilterButtonBar.js');
+const BaseFilter_js_1 = require('../BaseFilter.js');
 const TextFilter = (props) => {
-    const { column, translatedLabels, setFilter, clearFilter } = props;
-    (0, index_js_1.useGlobals)();
-    const [text, setText] = React.useState(column.filterValue ?? '');
-    const onKeyDown = (event) => {
-        if (event.altKey) {
-            return;
-        }
-        if (event.key === 'Enter') {
-            setFilter(text);
-        }
-    };
-    return (React.createElement(BaseFilter_js_1.BaseFilter, null,
-        React.createElement(index_js_2.Input, { value: text, onChange: (e) => setText(e.target.value), onKeyDown: onKeyDown, setFocus: true }),
-        React.createElement(FilterButtonBar_js_1.FilterButtonBar, { setFilter: () => setFilter(text), clearFilter: clearFilter, translatedLabels: translatedLabels })));
+  const { column, translatedLabels, setFilter, clearFilter } = props;
+  (0, index_js_1.useGlobals)();
+  const [text, setText] = React.useState(column.filterValue ?? '');
+  const inputRef = React.useRef(null);
+  React.useEffect(() => {
+    if (inputRef.current) {
+      inputRef.current.focus();
+    }
+  }, []);
+  const onKeyDown = (event) => {
+    if (event.altKey) {
+      return;
+    }
+    if (event.key === 'Enter') {
+      setFilter(text);
+    }
+  };
+  return React.createElement(
+    BaseFilter_js_1.BaseFilter,
+    null,
+    React.createElement(index_js_2.Input, {
+      ref: inputRef,
+      value: text,
+      onChange: (e) => setText(e.target.value),
+      onKeyDown: onKeyDown,
+    }),
+    React.createElement(FilterButtonBar_js_1.FilterButtonBar, {
+      setFilter: () => setFilter(text),
+      clearFilter: clearFilter,
+      translatedLabels: translatedLabels,
+    }),
+  );
 };
 exports.TextFilter = TextFilter;

package/cjs/core/Table/filters/customFilterFunctions.js

@@ -1,5 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.customFilterFunctions = void 0;
 const isValidDate = (date) => !!date && !isNaN(date.valueOf());
 /**
@@ -10,24 +10,26 @@ const isValidDate = (date) => !!date && !isNaN(date.valueOf());
  * @returns Filtered rows
  */
 const betweenDate = (rows, ids, filterValue) => {
-    const [min, max] = filterValue || [];
-    const MAX_DATE_VALUE = 8640000000000000;
-    const minValue = (isValidDate(min) ? min : new Date(-MAX_DATE_VALUE));
-    const maxValue = (isValidDate(max) ? max : new Date(MAX_DATE_VALUE));
-    return rows.filter((row) => {
-        return ids.some((id) => {
-            const rowValue = row.values[id];
-            return (rowValue.valueOf() >= minValue.valueOf() &&
-                rowValue.valueOf() <= maxValue.valueOf());
-        });
+  const [min, max] = filterValue || [];
+  const MAX_DATE_VALUE = 8640000000000000;
+  const minValue = isValidDate(min) ? min : new Date(-MAX_DATE_VALUE);
+  const maxValue = isValidDate(max) ? max : new Date(MAX_DATE_VALUE);
+  return rows.filter((row) => {
+    return ids.some((id) => {
+      const rowValue = row.values[id];
+      return (
+        rowValue.valueOf() >= minValue.valueOf() &&
+        rowValue.valueOf() <= maxValue.valueOf()
+      );
     });
+  });
 };
 /**
  * Filter is not being set if filter value is invalid.
  */
 betweenDate.autoRemove = (val) => {
-    return !val || (!isValidDate(val[0]) && !isValidDate(val[1]));
+  return !val || (!isValidDate(val[0]) && !isValidDate(val[1]));
 };
 exports.customFilterFunctions = {
-    betweenDate,
+  betweenDate,
 };

package/cjs/core/Table/filters/defaultFilterFunctions.js

@@ -1,123 +1,128 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.defaultFilterFunctions = void 0;
 const text = (rows, ids, filterValue) => {
-    rows = rows.filter((row) => {
-        return ids.some((id) => {
-            const rowValue = row.values[id];
-            return String(rowValue)
-                .toLowerCase()
-                .includes(String(filterValue).toLowerCase());
-        });
+  rows = rows.filter((row) => {
+    return ids.some((id) => {
+      const rowValue = row.values[id];
+      return String(rowValue)
+        .toLowerCase()
+        .includes(String(filterValue).toLowerCase());
     });
-    return rows;
+  });
+  return rows;
 };
 text.autoRemove = (val) => !val;
 const exactText = (rows, ids, filterValue) => {
-    return rows.filter((row) => {
-        return ids.some((id) => {
-            const rowValue = row.values[id];
-            return rowValue !== undefined
-                ? String(rowValue).toLowerCase() === String(filterValue).toLowerCase()
-                : true;
-        });
+  return rows.filter((row) => {
+    return ids.some((id) => {
+      const rowValue = row.values[id];
+      return rowValue !== undefined
+        ? String(rowValue).toLowerCase() === String(filterValue).toLowerCase()
+        : true;
     });
+  });
 };
 exactText.autoRemove = (val) => !val;
 const exactTextCase = (rows, ids, filterValue) => {
-    return rows.filter((row) => {
-        return ids.some((id) => {
-            const rowValue = row.values[id];
-            return rowValue !== undefined
-                ? String(rowValue) === String(filterValue)
-                : true;
-        });
+  return rows.filter((row) => {
+    return ids.some((id) => {
+      const rowValue = row.values[id];
+      return rowValue !== undefined
+        ? String(rowValue) === String(filterValue)
+        : true;
     });
+  });
 };
 exactTextCase.autoRemove = (val) => !val;
 const includes = (rows, ids, filterValue) => {
-    return rows.filter((row) => {
-        return ids.some((id) => {
-            const rowValue = row.values[id];
-            return rowValue.includes(filterValue);
-        });
+  return rows.filter((row) => {
+    return ids.some((id) => {
+      const rowValue = row.values[id];
+      return rowValue.includes(filterValue);
     });
+  });
 };
 includes.autoRemove = (val) => !val || !val.length;
 const includesAll = (rows, ids, filterValue) => {
-    return rows.filter((row) => {
-        return ids.some((id) => {
-            const rowValue = row.values[id];
-            return (rowValue &&
-                rowValue.length &&
-                filterValue.every((val) => rowValue.includes(val)));
-        });
+  return rows.filter((row) => {
+    return ids.some((id) => {
+      const rowValue = row.values[id];
+      return (
+        rowValue &&
+        rowValue.length &&
+        filterValue.every((val) => rowValue.includes(val))
+      );
     });
+  });
 };
 includesAll.autoRemove = (val) => !val || !val.length;
 const includesSome = (rows, ids, filterValue) => {
-    return rows.filter((row) => {
-        return ids.some((id) => {
-            const rowValue = row.values[id];
-            return (rowValue &&
-                rowValue.length &&
-                filterValue.some((val) => rowValue.includes(val)));
-        });
+  return rows.filter((row) => {
+    return ids.some((id) => {
+      const rowValue = row.values[id];
+      return (
+        rowValue &&
+        rowValue.length &&
+        filterValue.some((val) => rowValue.includes(val))
+      );
     });
+  });
 };
 includesSome.autoRemove = (val) => !val || !val.length;
 const includesValue = (rows, ids, filterValue) => {
-    return rows.filter((row) => {
-        return ids.some((id) => {
-            const rowValue = row.values[id];
-            return filterValue.includes(rowValue);
-        });
+  return rows.filter((row) => {
+    return ids.some((id) => {
+      const rowValue = row.values[id];
+      return filterValue.includes(rowValue);
     });
+  });
 };
 includesValue.autoRemove = (val) => !val || !val.length;
 const exact = (rows, ids, filterValue) => {
-    return rows.filter((row) => {
-        return ids.some((id) => {
-            const rowValue = row.values[id];
-            return rowValue === filterValue;
-        });
+  return rows.filter((row) => {
+    return ids.some((id) => {
+      const rowValue = row.values[id];
+      return rowValue === filterValue;
     });
+  });
 };
 exact.autoRemove = (val) => typeof val === 'undefined';
 const equals = (rows, ids, filterValue) => {
-    return rows.filter((row) => {
-        return ids.some((id) => {
-            const rowValue = row.values[id];
-            // eslint-disable-next-line eqeqeq
-            return rowValue == filterValue;
-        });
+  return rows.filter((row) => {
+    return ids.some((id) => {
+      const rowValue = row.values[id];
+      // eslint-disable-next-line eqeqeq
+      return rowValue == filterValue;
     });
+  });
 };
 equals.autoRemove = (val) => val == null;
 const between = (rows, ids, filterValue) => {
-    let [min, max] = filterValue || [];
-    min = typeof min === 'number' ? min : -Infinity;
-    max = typeof max === 'number' ? max : Infinity;
-    if (min > max) {
-        const temp = min;
-        min = max;
-        max = temp;
-    }
-    return rows.filter((row) => {
-        return ids.some((id) => {
-            const rowValue = row.values[id];
-            return rowValue >= min && rowValue <= max;
-        });
+  let [min, max] = filterValue || [];
+  min = typeof min === 'number' ? min : -Infinity;
+  max = typeof max === 'number' ? max : Infinity;
+  if (min > max) {
+    const temp = min;
+    min = max;
+    max = temp;
+  }
+  return rows.filter((row) => {
+    return ids.some((id) => {
+      const rowValue = row.values[id];
+      return rowValue >= min && rowValue <= max;
     });
+  });
 };
-between.autoRemove = (val) => !val || (typeof val[0] !== 'number' && typeof val[1] !== 'number');
+between.autoRemove = (val) =>
+  !val || (typeof val[0] !== 'number' && typeof val[1] !== 'number');
 exports.defaultFilterFunctions = {
-    text,
-    exactText,
-    exactTextCase,
-    includes,
-    includesAll,
-    includesSome,
-    includesValue,
-    between,
+  text,
+  exactText,
+  exactTextCase,
+  includes,
+  includesAll,
+  includesSome,
+  includesValue,
+  between,
 };