@itwin/itwinui-react 3.0.3 → 3.0.5

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

@@ -1,48 +1,36 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextFilter = void 0;
-const tslib_1 = require('tslib');
+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 = tslib_1.__importStar(require('react'));
-const index_js_1 = require('../../../utils/index.js');
-const Input_js_1 = require('../../../Input/Input.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 Input_js_1 = require("../../../Input/Input.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 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(Input_js_1.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,
-    }),
-  );
+    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(Input_js_1.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,26 +10,24 @@ 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,128 +1,123 @@
-'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,
 };

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

@@ -1,39 +1,15 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-exports.FilterToggle =
-  exports.FilterButtonBar =
-  exports.tableFilters =
-  exports.BaseFilter =
-    void 0;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FilterToggle = exports.FilterButtonBar = exports.tableFilters = exports.BaseFilter = void 0;
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-var BaseFilter_js_1 = require('./BaseFilter.js');
-Object.defineProperty(exports, 'BaseFilter', {
-  enumerable: true,
-  get: function () {
-    return BaseFilter_js_1.BaseFilter;
-  },
-});
-var tableFilters_js_1 = require('./tableFilters.js');
-Object.defineProperty(exports, 'tableFilters', {
-  enumerable: true,
-  get: function () {
-    return tableFilters_js_1.tableFilters;
-  },
-});
-var FilterButtonBar_js_1 = require('./FilterButtonBar.js');
-Object.defineProperty(exports, 'FilterButtonBar', {
-  enumerable: true,
-  get: function () {
-    return FilterButtonBar_js_1.FilterButtonBar;
-  },
-});
-var FilterToggle_js_1 = require('./FilterToggle.js');
-Object.defineProperty(exports, 'FilterToggle', {
-  enumerable: true,
-  get: function () {
-    return FilterToggle_js_1.FilterToggle;
-  },
-});
+var BaseFilter_js_1 = require("./BaseFilter.js");
+Object.defineProperty(exports, "BaseFilter", { enumerable: true, get: function () { return BaseFilter_js_1.BaseFilter; } });
+var tableFilters_js_1 = require("./tableFilters.js");
+Object.defineProperty(exports, "tableFilters", { enumerable: true, get: function () { return tableFilters_js_1.tableFilters; } });
+var FilterButtonBar_js_1 = require("./FilterButtonBar.js");
+Object.defineProperty(exports, "FilterButtonBar", { enumerable: true, get: function () { return FilterButtonBar_js_1.FilterButtonBar; } });
+var FilterToggle_js_1 = require("./FilterToggle.js");
+Object.defineProperty(exports, "FilterToggle", { enumerable: true, get: function () { return FilterToggle_js_1.FilterToggle; } });

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

@@ -1,51 +1,39 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.tableFilters = void 0;
-const tslib_1 = require('tslib');
+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 = tslib_1.__importStar(require('react'));
-const DateRangeFilter_js_1 = require('./DateRangeFilter/DateRangeFilter.js');
-const NumberRangeFilter_js_1 = require('./NumberRangeFilter/NumberRangeFilter.js');
-const TextFilter_js_1 = require('./TextFilter/TextFilter.js');
+const React = tslib_1.__importStar(require("react"));
+const DateRangeFilter_js_1 = require("./DateRangeFilter/DateRangeFilter.js");
+const NumberRangeFilter_js_1 = require("./NumberRangeFilter/NumberRangeFilter.js");
+const TextFilter_js_1 = require("./TextFilter/TextFilter.js");
 exports.tableFilters = {
-  /**
-   * Basic filter with a single input field.
-   * @param translatedLabels Translated filter labels.
-   */
-  TextFilter: (translatedLabels) => (props) =>
-    React.createElement(TextFilter_js_1.TextFilter, {
-      ...props,
-      translatedLabels: translatedLabels,
-    }),
-  /**
-   * Date range filter.
-   *
-   * By default it handles user input in `en-us` date format. If you want to use other format
-   * please provide `formatDate`, `parseInput` and `placeholder`.
-   *
-   * It only works with `Date` type object properties.
-   * If your data is different type e.g. `string`, you can use `accessor` property in column description:
-   * `accessor: (rowData) => new Date(rowData.date)`.
-   */
-  DateRangeFilter: (options) => (props) =>
-    React.createElement(DateRangeFilter_js_1.DateRangeFilter, {
-      ...props,
-      ...options,
-    }),
-  /**
-   * Number range filter.
-   *
-   * It only works with `number` type object properties.
-   * If your data is different type e.g. `string`, you can use `accessor` property in column description:
-   * `accessor: (rowData) => Number(rowData.numberProp)`.
-   * @param translatedLabels Translated filter labels.
-   */
-  NumberRangeFilter: (translatedLabels) => (props) =>
-    React.createElement(NumberRangeFilter_js_1.NumberRangeFilter, {
-      ...props,
-      translatedLabels: translatedLabels,
-    }),
+    /**
+     * Basic filter with a single input field.
+     * @param translatedLabels Translated filter labels.
+     */
+    TextFilter: (translatedLabels) => (props) => (React.createElement(TextFilter_js_1.TextFilter, { ...props, translatedLabels: translatedLabels })),
+    /**
+     * Date range filter.
+     *
+     * By default it handles user input in `en-us` date format. If you want to use other format
+     * please provide `formatDate`, `parseInput` and `placeholder`.
+     *
+     * It only works with `Date` type object properties.
+     * If your data is different type e.g. `string`, you can use `accessor` property in column description:
+     * `accessor: (rowData) => new Date(rowData.date)`.
+     */
+    DateRangeFilter: (options) => (props) => (React.createElement(DateRangeFilter_js_1.DateRangeFilter, { ...props, ...options })),
+    /**
+     * Number range filter.
+     *
+     * It only works with `number` type object properties.
+     * If your data is different type e.g. `string`, you can use `accessor` property in column description:
+     * `accessor: (rowData) => Number(rowData.numberProp)`.
+     * @param translatedLabels Translated filter labels.
+     */
+    NumberRangeFilter: (translatedLabels) => (props) => (React.createElement(NumberRangeFilter_js_1.NumberRangeFilter, { ...props, translatedLabels: translatedLabels })),
 };

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

@@ -1,2 +1,2 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/core/Table/hooks/index.js

@@ -1,71 +1,23 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-exports.useStickyColumns =
-  exports.useScrollToRow =
-  exports.useColumnDragAndDrop =
-  exports.useResizeColumns =
-  exports.useSubRowSelection =
-  exports.useSubRowFiltering =
-  exports.useSelectionCell =
-  exports.useExpanderCell =
-    void 0;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStickyColumns = exports.useScrollToRow = exports.useColumnDragAndDrop = exports.useResizeColumns = exports.useSubRowSelection = exports.useSubRowFiltering = exports.useSelectionCell = exports.useExpanderCell = void 0;
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-var useExpanderCell_js_1 = require('./useExpanderCell.js');
-Object.defineProperty(exports, 'useExpanderCell', {
-  enumerable: true,
-  get: function () {
-    return useExpanderCell_js_1.useExpanderCell;
-  },
-});
-var useSelectionCell_js_1 = require('./useSelectionCell.js');
-Object.defineProperty(exports, 'useSelectionCell', {
-  enumerable: true,
-  get: function () {
-    return useSelectionCell_js_1.useSelectionCell;
-  },
-});
-var useSubRowFiltering_js_1 = require('./useSubRowFiltering.js');
-Object.defineProperty(exports, 'useSubRowFiltering', {
-  enumerable: true,
-  get: function () {
-    return useSubRowFiltering_js_1.useSubRowFiltering;
-  },
-});
-var useSubRowSelection_js_1 = require('./useSubRowSelection.js');
-Object.defineProperty(exports, 'useSubRowSelection', {
-  enumerable: true,
-  get: function () {
-    return useSubRowSelection_js_1.useSubRowSelection;
-  },
-});
-var useResizeColumns_js_1 = require('./useResizeColumns.js');
-Object.defineProperty(exports, 'useResizeColumns', {
-  enumerable: true,
-  get: function () {
-    return useResizeColumns_js_1.useResizeColumns;
-  },
-});
-var useColumnDragAndDrop_js_1 = require('./useColumnDragAndDrop.js');
-Object.defineProperty(exports, 'useColumnDragAndDrop', {
-  enumerable: true,
-  get: function () {
-    return useColumnDragAndDrop_js_1.useColumnDragAndDrop;
-  },
-});
-var useScrollToRow_js_1 = require('./useScrollToRow.js');
-Object.defineProperty(exports, 'useScrollToRow', {
-  enumerable: true,
-  get: function () {
-    return useScrollToRow_js_1.useScrollToRow;
-  },
-});
-var useStickyColumns_js_1 = require('./useStickyColumns.js');
-Object.defineProperty(exports, 'useStickyColumns', {
-  enumerable: true,
-  get: function () {
-    return useStickyColumns_js_1.useStickyColumns;
-  },
-});
+var useExpanderCell_js_1 = require("./useExpanderCell.js");
+Object.defineProperty(exports, "useExpanderCell", { enumerable: true, get: function () { return useExpanderCell_js_1.useExpanderCell; } });
+var useSelectionCell_js_1 = require("./useSelectionCell.js");
+Object.defineProperty(exports, "useSelectionCell", { enumerable: true, get: function () { return useSelectionCell_js_1.useSelectionCell; } });
+var useSubRowFiltering_js_1 = require("./useSubRowFiltering.js");
+Object.defineProperty(exports, "useSubRowFiltering", { enumerable: true, get: function () { return useSubRowFiltering_js_1.useSubRowFiltering; } });
+var useSubRowSelection_js_1 = require("./useSubRowSelection.js");
+Object.defineProperty(exports, "useSubRowSelection", { enumerable: true, get: function () { return useSubRowSelection_js_1.useSubRowSelection; } });
+var useResizeColumns_js_1 = require("./useResizeColumns.js");
+Object.defineProperty(exports, "useResizeColumns", { enumerable: true, get: function () { return useResizeColumns_js_1.useResizeColumns; } });
+var useColumnDragAndDrop_js_1 = require("./useColumnDragAndDrop.js");
+Object.defineProperty(exports, "useColumnDragAndDrop", { enumerable: true, get: function () { return useColumnDragAndDrop_js_1.useColumnDragAndDrop; } });
+var useScrollToRow_js_1 = require("./useScrollToRow.js");
+Object.defineProperty(exports, "useScrollToRow", { enumerable: true, get: function () { return useScrollToRow_js_1.useScrollToRow; } });
+var useStickyColumns_js_1 = require("./useStickyColumns.js");
+Object.defineProperty(exports, "useStickyColumns", { enumerable: true, get: function () { return useStickyColumns_js_1.useStickyColumns; } });