@itwin/itwinui-react 3.13.3 → 3.14.0

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

@@ -1,65 +1,61 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "NumberRangeFilter", {
-    enumerable: true,
-    get: function() {
-        return NumberRangeFilter;
-    }
+Object.defineProperty(exports, 'NumberRangeFilter', {
+  enumerable: true,
+  get: function () {
+    return NumberRangeFilter;
+  },
 });
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = _interop_require_wildcard._(require("react"));
-const _index = require("../../../../utils/index.js");
-const _FilterButtonBar = require("../FilterButtonBar.js");
-const _BaseFilter = require("../BaseFilter.js");
-const _LabeledInput = require("../../../LabeledInput/LabeledInput.js");
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _react = _interop_require_wildcard._(require('react'));
+const _index = require('../../../../utils/index.js');
+const _FilterButtonBar = require('../FilterButtonBar.js');
+const _BaseFilter = require('../BaseFilter.js');
+const _LabeledInput = require('../../../LabeledInput/LabeledInput.js');
 const defaultStrings = {
-    from: 'From',
-    to: 'To'
+  from: 'From',
+  to: 'To',
 };
-const NumberRangeFilter = (props)=>{
-    let { column, translatedLabels, setFilter, clearFilter } = props;
-    (0, _index.useGlobals)();
-    let translatedStrings = {
-        ...defaultStrings,
-        ...translatedLabels
-    };
-    let inputRef = _react.useRef(null);
-    _react.useEffect(()=>{
-        if (inputRef.current) inputRef.current.focus();
-    }, []);
-    let [from, setFrom] = _react.useState(column.filterValue?.[0] ?? '');
-    let [to, setTo] = _react.useState(column.filterValue?.[1] ?? '');
-    let parseInputValue = (value)=>!value || isNaN(Number(value)) ? void 0 : Number(value);
-    let onKeyDown = (event)=>{
-        if (event.altKey) return;
-        if ('Enter' === event.key) setFilter([
-            parseInputValue(from),
-            parseInputValue(to)
-        ]);
-    };
-    return _react.createElement(_BaseFilter.BaseFilter, null, _react.createElement(_LabeledInput.LabeledInput, {
-        ref: inputRef,
-        label: translatedStrings.from,
-        value: from,
-        onChange: (e)=>setFrom(e.target.value),
-        onKeyDown: onKeyDown,
-        type: "number",
-        displayStyle: "inline"
-    }), _react.createElement(_LabeledInput.LabeledInput, {
-        label: translatedStrings.to,
-        value: to,
-        onChange: (e)=>setTo(e.target.value),
-        type: "number",
-        displayStyle: "inline",
-        onKeyDown: onKeyDown
-    }), _react.createElement(_FilterButtonBar.FilterButtonBar, {
-        setFilter: ()=>setFilter([
-                parseInputValue(from),
-                parseInputValue(to)
-            ]),
-        clearFilter: clearFilter,
-        translatedLabels: translatedLabels
-    }));
+const NumberRangeFilter = (props) => {
+  let { column, translatedLabels, setFilter, clearFilter } = props;
+  (0, _index.useGlobals)();
+  let translatedStrings = {
+    ...defaultStrings,
+    ...translatedLabels,
+  };
+  let inputRef = _react.useRef(null);
+  _react.useEffect(() => {
+    if (inputRef.current) inputRef.current.focus();
+  }, []);
+  let [from, setFrom] = _react.useState(column.filterValue?.[0] ?? '');
+  let [to, setTo] = _react.useState(column.filterValue?.[1] ?? '');
+  let parseInputValue = (value) =>
+    !value || isNaN(Number(value)) ? void 0 : Number(value);
+  return _react.createElement(
+    _BaseFilter.BaseFilter,
+    {
+      onSubmit: () => setFilter([parseInputValue(from), parseInputValue(to)]),
+    },
+    _react.createElement(_LabeledInput.LabeledInput, {
+      ref: inputRef,
+      label: translatedStrings.from,
+      value: from,
+      onChange: (e) => setFrom(e.target.value),
+      type: 'number',
+      displayStyle: 'inline',
+    }),
+    _react.createElement(_LabeledInput.LabeledInput, {
+      label: translatedStrings.to,
+      value: to,
+      onChange: (e) => setTo(e.target.value),
+      type: 'number',
+      displayStyle: 'inline',
+    }),
+    _react.createElement(_FilterButtonBar.FilterButtonBar, {
+      clearFilter: clearFilter,
+      translatedLabels: translatedLabels,
+    }),
+  );
 };

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

@@ -1,39 +1,41 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "TextFilter", {
-    enumerable: true,
-    get: function() {
-        return TextFilter;
-    }
+Object.defineProperty(exports, 'TextFilter', {
+  enumerable: true,
+  get: function () {
+    return TextFilter;
+  },
 });
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = _interop_require_wildcard._(require("react"));
-const _index = require("../../../../utils/index.js");
-const _Input = require("../../../Input/Input.js");
-const _FilterButtonBar = require("../FilterButtonBar.js");
-const _BaseFilter = require("../BaseFilter.js");
-const TextFilter = (props)=>{
-    let { column, translatedLabels, setFilter, clearFilter } = props;
-    (0, _index.useGlobals)();
-    let [text, setText] = _react.useState(column.filterValue ?? '');
-    let inputRef = _react.useRef(null);
-    _react.useEffect(()=>{
-        if (inputRef.current) inputRef.current.focus();
-    }, []);
-    let onKeyDown = (event)=>{
-        if (event.altKey) return;
-        if ('Enter' === event.key) setFilter(text);
-    };
-    return _react.createElement(_BaseFilter.BaseFilter, null, _react.createElement(_Input.Input, {
-        ref: inputRef,
-        value: text,
-        onChange: (e)=>setText(e.target.value),
-        onKeyDown: onKeyDown
-    }), _react.createElement(_FilterButtonBar.FilterButtonBar, {
-        setFilter: ()=>setFilter(text),
-        clearFilter: clearFilter,
-        translatedLabels: translatedLabels
-    }));
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _react = _interop_require_wildcard._(require('react'));
+const _index = require('../../../../utils/index.js');
+const _Input = require('../../../Input/Input.js');
+const _FilterButtonBar = require('../FilterButtonBar.js');
+const _BaseFilter = require('../BaseFilter.js');
+const TextFilter = (props) => {
+  let { column, translatedLabels, setFilter, clearFilter } = props;
+  (0, _index.useGlobals)();
+  let [text, setText] = _react.useState(column.filterValue ?? '');
+  let inputRef = _react.useRef(null);
+  _react.useEffect(() => {
+    if (inputRef.current) inputRef.current.focus();
+  }, []);
+  return _react.createElement(
+    _BaseFilter.BaseFilter,
+    {
+      onSubmit: () => setFilter(text),
+    },
+    _react.createElement(_Input.Input, {
+      ref: inputRef,
+      value: text,
+      onChange: (e) => setText(e.target.value),
+      required: true,
+    }),
+    _react.createElement(_FilterButtonBar.FilterButtonBar, {
+      clearFilter: clearFilter,
+      translatedLabels: translatedLabels,
+    }),
+  );
 };

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

@@ -1,25 +1,31 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "customFilterFunctions", {
-    enumerable: true,
-    get: function() {
-        return customFilterFunctions;
-    }
+Object.defineProperty(exports, 'customFilterFunctions', {
+  enumerable: true,
+  get: function () {
+    return customFilterFunctions;
+  },
 });
-const isValidDate = (date)=>!!date && !isNaN(date.valueOf());
-const betweenDate = (rows, ids, filterValue)=>{
-    let [min, max] = filterValue || [];
-    let MAX_DATE_VALUE = 8640000000000000;
-    let minValue = isValidDate(min) ? min : new Date(-MAX_DATE_VALUE);
-    let maxValue = isValidDate(max) ? max : new Date(MAX_DATE_VALUE);
-    return rows.filter((row)=>ids.some((id)=>{
-            let rowValue = row.values[id];
-            return rowValue.valueOf() >= minValue.valueOf() && rowValue.valueOf() <= maxValue.valueOf();
-        }));
+const isValidDate = (date) => !!date && !isNaN(date.valueOf());
+const betweenDate = (rows, ids, filterValue) => {
+  let [min, max] = filterValue || [];
+  let MAX_DATE_VALUE = 8640000000000000;
+  let minValue = isValidDate(min) ? min : new Date(-MAX_DATE_VALUE);
+  let maxValue = isValidDate(max) ? max : new Date(MAX_DATE_VALUE);
+  return rows.filter((row) =>
+    ids.some((id) => {
+      let rowValue = row.values[id];
+      return (
+        rowValue.valueOf() >= minValue.valueOf() &&
+        rowValue.valueOf() <= maxValue.valueOf()
+      );
+    }),
+  );
 };
-betweenDate.autoRemove = (val)=>!val || !isValidDate(val[0]) && !isValidDate(val[1]);
+betweenDate.autoRemove = (val) =>
+  !val || (!isValidDate(val[0]) && !isValidDate(val[1]));
 const customFilterFunctions = {
-    betweenDate
+  betweenDate,
 };

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

@@ -1,83 +1,125 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "defaultFilterFunctions", {
-    enumerable: true,
-    get: function() {
-        return defaultFilterFunctions;
-    }
+Object.defineProperty(exports, 'defaultFilterFunctions', {
+  enumerable: true,
+  get: function () {
+    return defaultFilterFunctions;
+  },
 });
-const text = (rows, ids, filterValue)=>{
-    rows = rows.filter((row)=>ids.some((id)=>{
-            let rowValue = row.values[id];
-            return String(rowValue).toLowerCase().includes(String(filterValue).toLowerCase());
-        }));
-    return rows;
+const text = (rows, ids, filterValue) => {
+  rows = rows.filter((row) =>
+    ids.some((id) => {
+      let rowValue = row.values[id];
+      return String(rowValue)
+        .toLowerCase()
+        .includes(String(filterValue).toLowerCase());
+    }),
+  );
+  return rows;
 };
-text.autoRemove = (val)=>!val;
-const exactText = (rows, ids, filterValue)=>rows.filter((row)=>ids.some((id)=>{
-            let rowValue = row.values[id];
-            return void 0 === rowValue || String(rowValue).toLowerCase() === String(filterValue).toLowerCase();
-        }));
-exactText.autoRemove = (val)=>!val;
-const exactTextCase = (rows, ids, filterValue)=>rows.filter((row)=>ids.some((id)=>{
-            let rowValue = row.values[id];
-            return void 0 === rowValue || String(rowValue) === String(filterValue);
-        }));
-exactTextCase.autoRemove = (val)=>!val;
-const includes = (rows, ids, filterValue)=>rows.filter((row)=>ids.some((id)=>{
-            let rowValue = row.values[id];
-            return rowValue.includes(filterValue);
-        }));
-includes.autoRemove = (val)=>!val || !val.length;
-const includesAll = (rows, ids, filterValue)=>rows.filter((row)=>ids.some((id)=>{
-            let 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)=>rows.filter((row)=>ids.some((id)=>{
-            let 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)=>rows.filter((row)=>ids.some((id)=>{
-            let rowValue = row.values[id];
-            return filterValue.includes(rowValue);
-        }));
-includesValue.autoRemove = (val)=>!val || !val.length;
-const exact = (rows, ids, filterValue)=>rows.filter((row)=>ids.some((id)=>{
-            let rowValue = row.values[id];
-            return rowValue === filterValue;
-        }));
-exact.autoRemove = (val)=>void 0 === val;
-const equals = (rows, ids, filterValue)=>rows.filter((row)=>ids.some((id)=>{
-            let rowValue = row.values[id];
-            return rowValue == filterValue;
-        }));
-equals.autoRemove = (val)=>null == val;
-const between = (rows, ids, filterValue)=>{
-    let [min, max] = filterValue || [];
-    min = 'number' == typeof min ? min : -1 / 0;
-    max = 'number' == typeof max ? max : 1 / 0;
-    if (min > max) {
-        let temp = min;
-        min = max;
-        max = temp;
-    }
-    return rows.filter((row)=>ids.some((id)=>{
-            let rowValue = row.values[id];
-            return rowValue >= min && rowValue <= max;
-        }));
+text.autoRemove = (val) => !val;
+const exactText = (rows, ids, filterValue) =>
+  rows.filter((row) =>
+    ids.some((id) => {
+      let rowValue = row.values[id];
+      return (
+        void 0 === rowValue ||
+        String(rowValue).toLowerCase() === String(filterValue).toLowerCase()
+      );
+    }),
+  );
+exactText.autoRemove = (val) => !val;
+const exactTextCase = (rows, ids, filterValue) =>
+  rows.filter((row) =>
+    ids.some((id) => {
+      let rowValue = row.values[id];
+      return void 0 === rowValue || String(rowValue) === String(filterValue);
+    }),
+  );
+exactTextCase.autoRemove = (val) => !val;
+const includes = (rows, ids, filterValue) =>
+  rows.filter((row) =>
+    ids.some((id) => {
+      let rowValue = row.values[id];
+      return rowValue.includes(filterValue);
+    }),
+  );
+includes.autoRemove = (val) => !val || !val.length;
+const includesAll = (rows, ids, filterValue) =>
+  rows.filter((row) =>
+    ids.some((id) => {
+      let 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) =>
+  rows.filter((row) =>
+    ids.some((id) => {
+      let 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) =>
+  rows.filter((row) =>
+    ids.some((id) => {
+      let rowValue = row.values[id];
+      return filterValue.includes(rowValue);
+    }),
+  );
+includesValue.autoRemove = (val) => !val || !val.length;
+const exact = (rows, ids, filterValue) =>
+  rows.filter((row) =>
+    ids.some((id) => {
+      let rowValue = row.values[id];
+      return rowValue === filterValue;
+    }),
+  );
+exact.autoRemove = (val) => void 0 === val;
+const equals = (rows, ids, filterValue) =>
+  rows.filter((row) =>
+    ids.some((id) => {
+      let rowValue = row.values[id];
+      return rowValue == filterValue;
+    }),
+  );
+equals.autoRemove = (val) => null == val;
+const between = (rows, ids, filterValue) => {
+  let [min, max] = filterValue || [];
+  min = 'number' == typeof min ? min : -1 / 0;
+  max = 'number' == typeof max ? max : 1 / 0;
+  if (min > max) {
+    let temp = min;
+    min = max;
+    max = temp;
+  }
+  return rows.filter((row) =>
+    ids.some((id) => {
+      let rowValue = row.values[id];
+      return rowValue >= min && rowValue <= max;
+    }),
+  );
 };
-between.autoRemove = (val)=>!val || 'number' != typeof val[0] && 'number' != typeof val[1];
+between.autoRemove = (val) =>
+  !val || ('number' != typeof val[0] && 'number' != typeof val[1]);
 const defaultFilterFunctions = {
-    text,
-    exactText,
-    exactTextCase,
-    includes,
-    includesAll,
-    includesSome,
-    includesValue,
-    between
+  text,
+  exactText,
+  exactTextCase,
+  includes,
+  includesAll,
+  includesSome,
+  includesValue,
+  between,
 };

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

@@ -1,28 +1,29 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
 function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
+  for (var name in all)
+    Object.defineProperty(target, name, {
+      enumerable: true,
+      get: all[name],
     });
 }
 _export(exports, {
-    BaseFilter: function() {
-        return _BaseFilter.BaseFilter;
-    },
-    FilterButtonBar: function() {
-        return _FilterButtonBar.FilterButtonBar;
-    },
-    FilterToggle: function() {
-        return _FilterToggle.FilterToggle;
-    },
-    tableFilters: function() {
-        return _tableFilters.tableFilters;
-    }
+  BaseFilter: function () {
+    return _BaseFilter.BaseFilter;
+  },
+  FilterButtonBar: function () {
+    return _FilterButtonBar.FilterButtonBar;
+  },
+  FilterToggle: function () {
+    return _FilterToggle.FilterToggle;
+  },
+  tableFilters: function () {
+    return _tableFilters.tableFilters;
+  },
 });
-const _BaseFilter = require("./BaseFilter.js");
-const _tableFilters = require("./tableFilters.js");
-const _FilterButtonBar = require("./FilterButtonBar.js");
-const _FilterToggle = require("./FilterToggle.js");
+const _BaseFilter = require('./BaseFilter.js');
+const _tableFilters = require('./tableFilters.js');
+const _FilterButtonBar = require('./FilterButtonBar.js');
+const _FilterToggle = require('./FilterToggle.js');

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

@@ -1,29 +1,32 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "tableFilters", {
-    enumerable: true,
-    get: function() {
-        return tableFilters;
-    }
+Object.defineProperty(exports, 'tableFilters', {
+  enumerable: true,
+  get: function () {
+    return tableFilters;
+  },
 });
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = _interop_require_wildcard._(require("react"));
-const _DateRangeFilter = require("./DateRangeFilter/DateRangeFilter.js");
-const _NumberRangeFilter = require("./NumberRangeFilter/NumberRangeFilter.js");
-const _TextFilter = require("./TextFilter/TextFilter.js");
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _react = _interop_require_wildcard._(require('react'));
+const _DateRangeFilter = require('./DateRangeFilter/DateRangeFilter.js');
+const _NumberRangeFilter = require('./NumberRangeFilter/NumberRangeFilter.js');
+const _TextFilter = require('./TextFilter/TextFilter.js');
 const tableFilters = {
-    TextFilter: (translatedLabels)=>(props)=>_react.createElement(_TextFilter.TextFilter, {
-                ...props,
-                translatedLabels: translatedLabels
-            }),
-    DateRangeFilter: (options)=>(props)=>_react.createElement(_DateRangeFilter.DateRangeFilter, {
-                ...props,
-                ...options
-            }),
-    NumberRangeFilter: (translatedLabels)=>(props)=>_react.createElement(_NumberRangeFilter.NumberRangeFilter, {
-                ...props,
-                translatedLabels: translatedLabels
-            })
+  TextFilter: (translatedLabels) => (props) =>
+    _react.createElement(_TextFilter.TextFilter, {
+      ...props,
+      translatedLabels: translatedLabels,
+    }),
+  DateRangeFilter: (options) => (props) =>
+    _react.createElement(_DateRangeFilter.DateRangeFilter, {
+      ...props,
+      ...options,
+    }),
+  NumberRangeFilter: (translatedLabels) => (props) =>
+    _react.createElement(_NumberRangeFilter.NumberRangeFilter, {
+      ...props,
+      translatedLabels: translatedLabels,
+    }),
 };

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

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