@itwin/itwinui-react 3.12.0 → 3.12.2

package/cjs/core/Table/cells/EditableCell.js

@@ -40,7 +40,7 @@ const EditableCell = (props) => {
   }, [cellProps.value]);
   const [key, setKey] = _react.useState((0, _index.getRandomValue)(10));
   const [isDirty, setIsDirty] = _react.useState(false);
-  return (0, _react.createElement)(
+  return _react.createElement(
     _index.Box,
     {
       ...cellElementProps,

package/cjs/core/Table/columns/actionColumn.d.ts

@@ -35,6 +35,6 @@ export declare const ActionColumn: <T extends Record<string, unknown>>({ columnM
     columnClassName: string;
     cellClassName: string;
     disableReordering: boolean;
-    Header: ({ allColumns, dispatch, state }: HeaderProps<T>) => import("react/jsx-runtime").JSX.Element | null;
+    Header: ({ allColumns, dispatch, state }: HeaderProps<T>) => React.JSX.Element | null;
 };
 export {};

package/cjs/core/Table/columns/actionColumn.js

@@ -9,7 +9,6 @@ Object.defineProperty(exports, 'ActionColumn', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _jsxruntime = require('react/jsx-runtime');
 const _react = _interop_require_wildcard._(require('react'));
 const _Checkbox = require('../../Checkbox/Checkbox.js');
 const _index = require('../../../utils/index.js');
@@ -61,10 +60,11 @@ const ActionColumn = ({ columnManager = false } = {}) => {
                 });
               });
             };
-            return (0, _jsxruntime.jsx)(
+            return _react.createElement(
               _MenuItem.MenuItem,
               {
-                startIcon: (0, _jsxruntime.jsx)(_Checkbox.Checkbox, {
+                key: column.id,
+                startIcon: _react.createElement(_Checkbox.Checkbox, {
                   checked: checked,
                   disabled: column.disableToggleVisibility,
                   onClick: (e) => e.stopPropagation(),
@@ -73,32 +73,40 @@ const ActionColumn = ({ columnManager = false } = {}) => {
                 }),
                 onClick: onClick,
                 disabled: column.disableToggleVisibility,
-                children: (0, _jsxruntime.jsx)('div', {
-                  id: `iui-column-${column.id}`,
-                  children: column.render('Header'),
-                }),
               },
-              column.id,
+              _react.createElement(
+                'div',
+                {
+                  id: `iui-column-${column.id}`,
+                },
+                column.render('Header'),
+              ),
             );
           });
       const dropdownMenuProps =
         typeof columnManager !== 'boolean'
           ? columnManager.dropdownMenuProps
           : {};
-      return (0, _jsxruntime.jsx)(_DropdownMenu.DropdownMenu, {
-        ...dropdownMenuProps,
-        menuItems: headerCheckBoxes,
-        onVisibleChange: (open) => {
-          setIsOpen(open);
-          dropdownMenuProps?.onVisibleChange?.(open);
+      return _react.createElement(
+        _DropdownMenu.DropdownMenu,
+        {
+          ...dropdownMenuProps,
+          menuItems: headerCheckBoxes,
+          onVisibleChange: (open) => {
+            setIsOpen(open);
+            dropdownMenuProps?.onVisibleChange?.(open);
+          },
         },
-        children: (0, _jsxruntime.jsx)(_IconButton.IconButton, {
-          styleType: 'borderless',
-          isActive: isOpen,
-          ref: buttonRef,
-          children: (0, _jsxruntime.jsx)(_index.SvgColumnManager, {}),
-        }),
-      });
+        _react.createElement(
+          _IconButton.IconButton,
+          {
+            styleType: 'borderless',
+            isActive: isOpen,
+            ref: buttonRef,
+          },
+          _react.createElement(_index.SvgColumnManager, null),
+        ),
+      );
     },
   };
 };

package/cjs/core/Table/columns/expanderColumn.d.ts

@@ -39,6 +39,6 @@ export declare const ExpanderColumn: <T extends Record<string, unknown>>(props?:
     maxWidth: number;
     columnClassName: string;
     cellClassName: string;
-    Cell: (props: CellProps<T>) => import("react/jsx-runtime").JSX.Element | null;
-    cellRenderer: (props: CellRendererProps<T>) => import("react/jsx-runtime").JSX.Element;
+    Cell: (props: CellProps<T>) => React.JSX.Element | null;
+    cellRenderer: (props: CellRendererProps<T>) => React.JSX.Element;
 };

package/cjs/core/Table/columns/expanderColumn.js

@@ -18,7 +18,6 @@ _export(exports, {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _jsxruntime = require('react/jsx-runtime');
 const _react = _interop_require_wildcard._(require('react'));
 const _index = require('../../../utils/index.js');
 const _IconButton = require('../../Buttons/IconButton.js');
@@ -41,22 +40,25 @@ const ExpanderColumn = (props = {}) => {
       if (!subComponent?.(row)) {
         return null;
       } else {
-        return (0, _jsxruntime.jsx)(_IconButton.IconButton, {
-          className: 'iui-table-row-expander',
-          styleType: 'borderless',
-          size: 'small',
-          onClick: (e) => {
-            e.stopPropagation();
-            row.toggleRowExpanded();
+        return _react.createElement(
+          _IconButton.IconButton,
+          {
+            className: 'iui-table-row-expander',
+            styleType: 'borderless',
+            size: 'small',
+            onClick: (e) => {
+              e.stopPropagation();
+              row.toggleRowExpanded();
+            },
+            disabled: isDisabled?.(props.row.original),
+            'aria-expanded': row.isExpanded,
           },
-          disabled: isDisabled?.(props.row.original),
-          'aria-expanded': row.isExpanded,
-          children: (0, _jsxruntime.jsx)(_index.SvgChevronRight, {}),
-        });
+          _react.createElement(_index.SvgChevronRight, null),
+        );
       }
     },
     cellRenderer: (props) =>
-      (0, _jsxruntime.jsx)(_index1.DefaultCell, {
+      _react.createElement(_index1.DefaultCell, {
         ...props,
         isDisabled: (rowData) => !!isDisabled?.(rowData),
       }),

package/cjs/core/Table/columns/selectionColumn.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { CellProps, CellRendererProps, HeaderProps } from '../../../react-table/react-table.js';
 export declare const SELECTION_CELL_ID = "iui-table-checkbox-selector";
 /**
@@ -26,7 +27,7 @@ export declare const SelectionColumn: <T extends Record<string, unknown>>(props?
     maxWidth: number;
     columnClassName: string;
     cellClassName: string;
-    Header: ({ getToggleAllRowsSelectedProps, toggleAllRowsSelected, rows, preFilteredFlatRows, state, }: HeaderProps<T>) => import("react/jsx-runtime").JSX.Element;
-    Cell: ({ row, selectSubRows }: CellProps<T>) => import("react/jsx-runtime").JSX.Element;
-    cellRenderer: (props: CellRendererProps<T>) => import("react/jsx-runtime").JSX.Element;
+    Header: ({ getToggleAllRowsSelectedProps, toggleAllRowsSelected, rows, preFilteredFlatRows, state, }: HeaderProps<T>) => React.JSX.Element;
+    Cell: ({ row, selectSubRows }: CellProps<T>) => React.JSX.Element;
+    cellRenderer: (props: CellRendererProps<T>) => React.JSX.Element;
 };

package/cjs/core/Table/columns/selectionColumn.js

@@ -17,7 +17,8 @@ _export(exports, {
     return SelectionColumn;
   },
 });
-const _jsxruntime = require('react/jsx-runtime');
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _react = _interop_require_wildcard._(require('react'));
 const _Checkbox = require('../../Checkbox/Checkbox.js');
 const _index = require('../cells/index.js');
 const SELECTION_CELL_ID = 'iui-table-checkbox-selector';
@@ -50,7 +51,7 @@ const SelectionColumn = (props = {}) => {
       );
       const indeterminate =
         !checked && Object.keys(state.selectedRowIds).length > 0;
-      return (0, _jsxruntime.jsx)(_Checkbox.Checkbox, {
+      return _react.createElement(_Checkbox.Checkbox, {
         ...getToggleAllRowsSelectedProps(),
         style: {},
         title: '',
@@ -62,7 +63,7 @@ const SelectionColumn = (props = {}) => {
       });
     },
     Cell: ({ row, selectSubRows = true }) =>
-      (0, _jsxruntime.jsx)(_Checkbox.Checkbox, {
+      _react.createElement(_Checkbox.Checkbox, {
         ...row.getToggleRowSelectedProps(),
         style: {},
         title: '',
@@ -81,7 +82,7 @@ const SelectionColumn = (props = {}) => {
         },
       }),
     cellRenderer: (props) =>
-      (0, _jsxruntime.jsx)(_index.DefaultCell, {
+      _react.createElement(_index.DefaultCell, {
         ...props,
         isDisabled: (rowData) => !!isDisabled?.(rowData),
       }),

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

@@ -20,4 +20,4 @@ export type BaseFilterProps = {
  *   />
  * </BaseFilter>
  */
-export declare const BaseFilter: (props: BaseFilterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BaseFilter: (props: BaseFilterProps) => React.JSX.Element;

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

@@ -10,20 +10,22 @@ Object.defineProperty(exports, 'BaseFilter', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _jsxruntime = require('react/jsx-runtime');
 const _react = _interop_require_wildcard._(require('react'));
 const _classnames = _interop_require_default._(require('classnames'));
 const _index = require('../../../utils/index.js');
 const BaseFilter = (props) => {
   const { children, className, style, id } = props;
   (0, _index.useGlobals)();
-  return (0, _jsxruntime.jsx)(_index.Box, {
-    className: (0, _classnames.default)('iui-table-column-filter', className),
-    style: style,
-    onClick: (e) => {
-      e.stopPropagation();
+  return _react.createElement(
+    _index.Box,
+    {
+      className: (0, _classnames.default)('iui-table-column-filter', className),
+      style: style,
+      onClick: (e) => {
+        e.stopPropagation();
+      },
+      id: id,
     },
-    id: id,
-    children: children,
-  });
+    children,
+  );
 };

package/cjs/core/Table/filters/DateRangeFilter/DatePickerInput.js

@@ -9,7 +9,6 @@ Object.defineProperty(exports, 'DatePickerInput', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _jsxruntime = require('react/jsx-runtime');
 const _react = _interop_require_wildcard._(require('react'));
 const _index = require('../../../../utils/index.js');
 const _DatePicker = require('../../../DatePicker/DatePicker.js');
@@ -75,60 +74,63 @@ const DatePickerInput = _react.forwardRef((props, forwardedRef) => {
     },
     [onChange, parseInput],
   );
-  return (0, _jsxruntime.jsxs)(_InputGrid.InputGrid, {
-    labelPlacement: 'inline',
-    ...wrapperProps,
-    children: [
-      (0, _jsxruntime.jsx)(_Label.Label, {
+  return _react.createElement(
+    _InputGrid.InputGrid,
+    {
+      labelPlacement: 'inline',
+      ...wrapperProps,
+    },
+    _react.createElement(
+      _Label.Label,
+      {
         as: 'label',
         required: required,
         disabled: disabled,
         htmlFor: id,
         ...labelProps,
-        children: label,
+      },
+      label,
+    ),
+    _react.createElement(
+      _InputWithDecorations.InputWithDecorations,
+      inputWrapperProps,
+      _react.createElement(_InputWithDecorations.InputWithDecorations.Input, {
+        id: id,
+        value: inputValue,
+        onChange: onInputChange,
+        required: required,
+        disabled: disabled,
+        ref: forwardedRef,
+        ...rest,
       }),
-      (0, _jsxruntime.jsxs)(_InputWithDecorations.InputWithDecorations, {
-        ...inputWrapperProps,
-        children: [
-          (0, _jsxruntime.jsx)(
-            _InputWithDecorations.InputWithDecorations.Input,
-            {
-              id: id,
-              value: inputValue,
-              onChange: onInputChange,
-              required: required,
-              disabled: disabled,
-              ref: forwardedRef,
-              ...rest,
-            },
-          ),
-          (0, _jsxruntime.jsx)(_Popover.Popover, {
-            content: (0, _jsxruntime.jsx)(_DatePicker.DatePicker, {
-              date: date,
-              onChange: onDateSelected,
-              setFocus: true,
-              isDateDisabled: isDateDisabled,
-              localizedNames: localizedNames,
-              applyBackground: false,
-              showDatesOutsideMonth: false,
-              showYearSelection: showYearSelection,
-            }),
-            placement: 'bottom-end',
-            visible: isVisible,
-            onVisibleChange: setIsVisible,
-            closeOnOutsideClick: true,
-            applyBackground: true,
-            children: (0, _jsxruntime.jsx)(
-              _InputWithDecorations.InputWithDecorations.Button,
-              {
-                'aria-label': 'Date picker',
-                ref: buttonRef,
-                children: (0, _jsxruntime.jsx)(_index.SvgCalendar, {}),
-              },
-            ),
+      _react.createElement(
+        _Popover.Popover,
+        {
+          content: _react.createElement(_DatePicker.DatePicker, {
+            date: date,
+            onChange: onDateSelected,
+            setFocus: true,
+            isDateDisabled: isDateDisabled,
+            localizedNames: localizedNames,
+            applyBackground: false,
+            showDatesOutsideMonth: false,
+            showYearSelection: showYearSelection,
           }),
-        ],
-      }),
-    ],
-  });
+          placement: 'bottom-end',
+          visible: isVisible,
+          onVisibleChange: setIsVisible,
+          closeOnOutsideClick: true,
+          applyBackground: true,
+        },
+        _react.createElement(
+          _InputWithDecorations.InputWithDecorations.Button,
+          {
+            'aria-label': 'Date picker',
+            ref: buttonRef,
+          },
+          _react.createElement(_index.SvgCalendar, null),
+        ),
+      ),
+    ),
+  );
 });

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

@@ -14,4 +14,4 @@ export type DateRangeFilterProps<T extends Record<string, unknown>> = TableFilte
     placeholder?: string;
     translatedLabels?: DateRangeTranslation & FilterButtonBarTranslation;
 } & Pick<React.ComponentProps<typeof DatePickerInput>, 'showYearSelection'>;
-export declare const DateRangeFilter: <T extends Record<string, unknown>>(props: DateRangeFilterProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const DateRangeFilter: <T extends Record<string, unknown>>(props: DateRangeFilterProps<T>) => React.JSX.Element;

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

@@ -9,7 +9,6 @@ Object.defineProperty(exports, 'DateRangeFilter', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _jsxruntime = require('react/jsx-runtime');
 const _react = _interop_require_wildcard._(require('react'));
 const _index = require('../../../../utils/index.js');
 const _FilterButtonBar = require('../FilterButtonBar.js');
@@ -101,40 +100,40 @@ const DateRangeFilter = (props) => {
       setFilter([from, to]);
     }
   };
-  return (0, _jsxruntime.jsxs)(_BaseFilter.BaseFilter, {
-    children: [
-      (0, _jsxruntime.jsx)(_DatePickerInput.DatePickerInput, {
-        ref: inputRef,
-        label: translatedStrings.from,
-        date: from,
-        onChange: onFromChange,
-        formatDate: formatDate,
-        parseInput: parseInput,
-        onKeyDown: onKeyDown,
-        placeholder: placeholder,
-        selectedDate: to,
-        isFromOrTo: 'from',
-        localizedNames: translatedStrings.datePicker,
-        showYearSelection: showYearSelection,
-      }),
-      (0, _jsxruntime.jsx)(_DatePickerInput.DatePickerInput, {
-        label: translatedStrings.to,
-        date: to,
-        onChange: onToChange,
-        formatDate: formatDate,
-        parseInput: parseInput,
-        onKeyDown: onKeyDown,
-        placeholder: placeholder,
-        selectedDate: from,
-        isFromOrTo: 'to',
-        localizedNames: translatedStrings.datePicker,
-        showYearSelection: showYearSelection,
-      }),
-      (0, _jsxruntime.jsx)(_FilterButtonBar.FilterButtonBar, {
-        setFilter: () => setFilter([from, to]),
-        clearFilter: clearFilter,
-        translatedLabels: translatedLabels,
-      }),
-    ],
-  });
+  return _react.createElement(
+    _BaseFilter.BaseFilter,
+    null,
+    _react.createElement(_DatePickerInput.DatePickerInput, {
+      ref: inputRef,
+      label: translatedStrings.from,
+      date: from,
+      onChange: onFromChange,
+      formatDate: formatDate,
+      parseInput: parseInput,
+      onKeyDown: onKeyDown,
+      placeholder: placeholder,
+      selectedDate: to,
+      isFromOrTo: 'from',
+      localizedNames: translatedStrings.datePicker,
+      showYearSelection: showYearSelection,
+    }),
+    _react.createElement(_DatePickerInput.DatePickerInput, {
+      label: translatedStrings.to,
+      date: to,
+      onChange: onToChange,
+      formatDate: formatDate,
+      parseInput: parseInput,
+      onKeyDown: onKeyDown,
+      placeholder: placeholder,
+      selectedDate: from,
+      isFromOrTo: 'to',
+      localizedNames: translatedStrings.datePicker,
+      showYearSelection: showYearSelection,
+    }),
+    _react.createElement(_FilterButtonBar.FilterButtonBar, {
+      setFilter: () => setFilter([from, to]),
+      clearFilter: clearFilter,
+      translatedLabels: translatedLabels,
+    }),
+  );
 };

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

@@ -27,4 +27,4 @@ export type FilterButtonBarProps = {
  * @example
  * <FilterButtonBar setFilter={() => setFilter(text)} clearFilter={clearFilter} />
  */
-export declare const FilterButtonBar: (props: FilterButtonBarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FilterButtonBar: (props: FilterButtonBarProps) => React.JSX.Element;

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

@@ -10,7 +10,6 @@ Object.defineProperty(exports, 'FilterButtonBar', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _jsxruntime = require('react/jsx-runtime');
 const _react = _interop_require_wildcard._(require('react'));
 const _classnames = _interop_require_default._(require('classnames'));
 const _index = require('../../../utils/index.js');
@@ -34,21 +33,28 @@ const FilterButtonBar = (props) => {
     ...translatedLabels,
   };
   (0, _index.useGlobals)();
-  return (0, _jsxruntime.jsxs)(_index.Box, {
-    className: (0, _classnames.default)('iui-button-bar', className),
-    style: style,
-    id: id,
-    children: [
-      children,
-      (0, _jsxruntime.jsx)(_Button.Button, {
+  return _react.createElement(
+    _index.Box,
+    {
+      className: (0, _classnames.default)('iui-button-bar', className),
+      style: style,
+      id: id,
+    },
+    children,
+    _react.createElement(
+      _Button.Button,
+      {
         styleType: 'high-visibility',
         onClick: setFilter,
-        children: translatedStrings.filter,
-      }),
-      (0, _jsxruntime.jsx)(_Button.Button, {
+      },
+      translatedStrings.filter,
+    ),
+    _react.createElement(
+      _Button.Button,
+      {
         onClick: clearFilter,
-        children: translatedStrings.clear,
-      }),
-    ],
-  });
+      },
+      translatedStrings.clear,
+    ),
+  );
 };

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

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { HeaderGroup } from '../../../react-table/react-table.js';
 import type { CommonProps } from '../../../utils/index.js';
 export type FilterToggleProps<T extends Record<string, unknown>> = {
@@ -6,4 +7,4 @@ export type FilterToggleProps<T extends Record<string, unknown>> = {
 /**
  * Handles showing filter icon and opening filter component.
  */
-export declare const FilterToggle: <T extends Record<string, unknown>>(props: FilterToggleProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const FilterToggle: <T extends Record<string, unknown>>(props: FilterToggleProps<T>) => React.JSX.Element;

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

@@ -10,7 +10,6 @@ Object.defineProperty(exports, 'FilterToggle', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _jsxruntime = require('react/jsx-runtime');
 const _react = _interop_require_wildcard._(require('react'));
 const _classnames = _interop_require_default._(require('classnames'));
 const _index = require('../../../utils/index.js');
@@ -34,38 +33,45 @@ const FilterToggle = (props) => {
   }, [close, column]);
   const isColumnFiltered =
     column.filterValue != null && column.filterValue !== '';
-  return (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
-    children:
-      column.canFilter &&
+  return _react.createElement(
+    _react.Fragment,
+    null,
+    column.canFilter &&
       column.Filter &&
-      (0, _jsxruntime.jsx)(_Popover.Popover, {
-        content: column.render('Filter', {
-          close,
-          setFilter,
-          clearFilter,
-        }),
-        placement: 'bottom-start',
-        visible: isVisible,
-        onVisibleChange: setIsVisible,
-        closeOnOutsideClick: true,
-        applyBackground: true,
-        children: (0, _jsxruntime.jsx)(_IconButton.IconButton, {
-          styleType: 'borderless',
-          isActive: isVisible || isColumnFiltered,
-          className: (0, _classnames.default)(
-            'iui-table-filter-button',
-            className,
-          ),
-          'aria-label': 'Filter',
-          onClick: (e) => {
-            e.stopPropagation();
+      _react.createElement(
+        _Popover.Popover,
+        {
+          content: column.render('Filter', {
+            close,
+            setFilter,
+            clearFilter,
+          }),
+          placement: 'bottom-start',
+          visible: isVisible,
+          onVisibleChange: setIsVisible,
+          closeOnOutsideClick: true,
+          applyBackground: true,
+        },
+        _react.createElement(
+          _IconButton.IconButton,
+          {
+            styleType: 'borderless',
+            isActive: isVisible || isColumnFiltered,
+            className: (0, _classnames.default)(
+              'iui-table-filter-button',
+              className,
+            ),
+            'aria-label': 'Filter',
+            onClick: (e) => {
+              e.stopPropagation();
+            },
+            'data-iui-shift': 'left',
+            ...rest,
           },
-          'data-iui-shift': 'left',
-          ...rest,
-          children: isColumnFiltered
-            ? (0, _jsxruntime.jsx)(_index.SvgFilter, {})
-            : (0, _jsxruntime.jsx)(_index.SvgFilterHollow, {}),
-        }),
-      }),
-  });
+          isColumnFiltered
+            ? _react.createElement(_index.SvgFilter, null)
+            : _react.createElement(_index.SvgFilterHollow, null),
+        ),
+      ),
+  );
 };

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

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { FilterButtonBarTranslation } from '../FilterButtonBar.js';
 import type { TableFilterProps } from '../types.js';
 export type NumberRangeTranslation = {
@@ -7,4 +8,4 @@ export type NumberRangeTranslation = {
 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>) => import("react/jsx-runtime").JSX.Element;
+export declare const NumberRangeFilter: <T extends Record<string, unknown>>(props: NumberRangeFilterProps<T>) => React.JSX.Element;