baseui 12.2.0 → 13.0.0

package/checkbox/types.d.ts

@@ -1,9 +1,9 @@
 import type * as React from 'react';
 import type { Override } from '../helpers/overrides';
 import type { STYLE_TYPE } from './constants';
-export declare type LabelPlacement = 'top' | 'right' | 'bottom' | 'left';
-export declare type StyleType = keyof typeof STYLE_TYPE;
-export declare type CheckboxOverrides = {
+export type LabelPlacement = 'top' | 'right' | 'bottom' | 'left';
+export type StyleType = keyof typeof STYLE_TYPE;
+export type CheckboxOverrides = {
     Checkmark?: Override;
     Label?: Override;
     Root?: Override;
@@ -12,16 +12,14 @@ export declare type CheckboxOverrides = {
     ToggleInner?: Override;
     ToggleTrack?: Override;
 };
-export declare type DefaultProps = {
+export type DefaultProps = {
     overrides?: any;
     children?: React.ReactNode;
     checked: boolean;
     disabled: boolean;
     error: boolean;
-    type: string;
     autoFocus: boolean;
     isIndeterminate: boolean;
-    inputRef: React.RefObject<HTMLInputElement>;
     checkmarkType: StyleType;
     onChange: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
     onMouseEnter: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
@@ -32,7 +30,7 @@ export declare type DefaultProps = {
     onBlur: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
     containsInteractiveElement?: boolean;
 };
-export declare type CheckboxProps = {
+export type CheckboxProps = {
     /** Id of element which contains a related caption */
     'aria-describedby'?: string;
     /** Id of element which contains a related error message */
@@ -57,8 +55,8 @@ export declare type CheckboxProps = {
     inputRef?: React.RefObject<HTMLInputElement>;
     /** Focus the checkbox on initial render. */
     autoFocus?: boolean;
-    /** Passed to the input element type attribute */
-    type?: string;
+    /** Passed to the input element id attribute */
+    id?: string;
     /** Passed to the input element name attribute */
     name?: string;
     /** Passed to the input element value attribute */
@@ -86,18 +84,18 @@ export declare type CheckboxProps = {
     /** handler for blur events on trigger element. */
     onBlur?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
 };
-export declare type CheckboxState = {
+export type CheckboxState = {
     isFocused: boolean;
     isFocusVisible: boolean;
     isHovered: boolean;
     isActive: boolean;
 };
-export declare type CheckboxReducerState = {
+export type CheckboxReducerState = {
     checked?: boolean;
     isIndeterminate?: boolean;
 };
-export declare type StateReducer = (stateType: string, nextState: CheckboxReducerState, currentState: CheckboxReducerState, event: React.ChangeEvent<HTMLInputElement>) => CheckboxReducerState;
-export declare type StatefulContainerChildProps = {
+export type StateReducer = (stateType: string, nextState: CheckboxReducerState, currentState: CheckboxReducerState, event: React.ChangeEvent<HTMLInputElement>) => CheckboxReducerState;
+export type StatefulContainerChildProps = {
     overrides?: CheckboxOverrides;
     /** Handler for change events on trigger element. */
     onChange?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
@@ -112,7 +110,7 @@ export declare type StatefulContainerChildProps = {
     /** Focus the checkbox on initial render. */
     autoFocus?: boolean;
 } & CheckboxReducerState;
-export declare type DefaultStatefulProps = {
+export type DefaultStatefulProps = {
     initialState: CheckboxReducerState;
     children?: (a: StatefulContainerChildProps) => React.ReactNode;
     stateReducer: StateReducer;
@@ -122,7 +120,7 @@ export declare type DefaultStatefulProps = {
     onFocus: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
     onBlur: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
 };
-export declare type StatefulContainerProps = {
+export type StatefulContainerProps = {
     overrides?: CheckboxOverrides;
     /** Component or String value for label of checkbox. */
     children?: (a: StatefulContainerChildProps) => React.ReactNode;
@@ -143,11 +141,11 @@ export declare type StatefulContainerProps = {
     /** Focus the checkbox on initial render. */
     autoFocus?: boolean;
 };
-export declare type StatefulCheckboxProps = {
+export type StatefulCheckboxProps = {
     /** Defines the components initial state value */
     initialState?: CheckboxReducerState;
 } & Omit<CheckboxProps, 'value' | keyof DefaultProps> & Partial<DefaultProps>;
-export declare type SharedStyleProps = {
+export type SharedStyleProps = {
     $isFocused: boolean;
     $isFocusVisible: boolean;
     $isHovered: boolean;

package/checkbox/types.js.flow

@@ -66,8 +66,8 @@ export type PropsT = {
   inputRef: ReactRefT<HTMLInputElement>,
   /** Focus the checkbox on initial render. */
   autoFocus?: boolean,
-  /** Passed to the input element type attribute */
-  type?: string,
+  /** Passed to the input element id attribute */
+  id?: string,
   /** Passed to the input element name attribute */
   name?: string,
   /** Passed to the input element value attribute */

package/combobox/combobox.js

@@ -55,6 +55,8 @@ var ARROW_DOWN = 40; // aria 1.1 spec: https://www.w3.org/TR/wai-aria-practices/
 function Combobox(props) {
   var _props$autocomplete = props.autocomplete,
       autocomplete = _props$autocomplete === void 0 ? true : _props$autocomplete,
+      _props$clearable = props.clearable,
+      clearable = _props$clearable === void 0 ? false : _props$clearable,
       _props$disabled = props.disabled,
       disabled = _props$disabled === void 0 ? false : _props$disabled,
       _props$error = props.error,
@@ -94,7 +96,8 @@ function Combobox(props) {
       setIsOpen = _React$useState6[1];
 
   var rootRef = React.useRef(null);
-  var inputRef = React.useRef(null);
+  var defaultInputRef = React.useRef(null);
+  var inputRef = forwardInputRef || defaultInputRef;
   var listboxRef = React.useRef(null);
   var selectedOptionRef = React.useRef(null);
   var seed = (0, _reactUid.useUIDSeed)();
@@ -132,6 +135,7 @@ function Combobox(props) {
   }, [isOpen, selectedOptionRef.current, listboxRef.current]);
   var listboxWidth = React.useMemo(function () {
     if (rootRef.current) {
+      // @ts-ignore
       return "".concat(rootRef.current.clientWidth, "px");
     }
 
@@ -142,7 +146,8 @@ function Combobox(props) {
     if (!disabled) {
       setIsOpen(true);
     }
-  }
+  } // @ts-ignore
+
 
   function handleKeyDown(event) {
     if (event.keyCode === ARROW_DOWN) {
@@ -201,7 +206,8 @@ function Combobox(props) {
       setSelectionIndex(-1);
       setTempValue(value);
     }
-  }
+  } // @ts-ignore
+
 
   function handleFocus(event) {
     if (!isOpen && options.length) {
@@ -209,13 +215,15 @@ function Combobox(props) {
     }
 
     if (onFocus) onFocus(event);
-  }
+  } // @ts-ignore
+
 
   function handleBlur(event) {
     if (listboxRef.current && event.relatedTarget && // NOTE(chase): Contains method expects a Node type, but relatedTarget is
     // EventTarget which is a super type of Node. Passing an EventTarget seems
     // to work fine, assuming the flow type is too strict.
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    // @ts-ignore
     listboxRef.current.contains(event.relatedTarget)) {
       return;
     }
@@ -226,35 +234,25 @@ function Combobox(props) {
     if (onBlur) onBlur(event);
   }
 
-  function handleInputClick() {
+  function handleInputClick(event) {
     if (inputRef.current) {
+      // @ts-ignore
       inputRef.current.focus();
     }
 
     if (!isOpen && options.length) {
       handleOpen();
     }
-  }
+  } // @ts-ignore
+
 
   function handleInputChange(event) {
     handleOpen();
     setSelectionIndex(-1);
     onChange(event.target.value, null);
     setTempValue(event.target.value);
-  }
+  } // @ts-ignore
 
-  function handleInputRef(input) {
-    inputRef.current = input;
-
-    if (forwardInputRef) {
-      if (typeof forwardInputRef === 'function') {
-        forwardInputRef(input);
-      } else {
-        // @ts-expect-error todo(flow->ts)
-        forwardInputRef.current = input;
-      }
-    }
-  }
 
   function handleOptionClick(index) {
     var clickedOption = options[index];
@@ -267,6 +265,7 @@ function Combobox(props) {
       setTempValue(stringified);
 
       if (inputRef.current) {
+        // @ts-ignore
         inputRef.current.focus();
       }
     }
@@ -367,9 +366,10 @@ function Combobox(props) {
       ,
       role: "combobox"
     }, inputContainerProps), /*#__PURE__*/React.createElement(OverriddenInput, _extends({
-      inputRef: handleInputRef,
+      inputRef: inputRef,
       "aria-activedescendant": isOpen && selectionIndex >= 0 ? activeDescendantId : undefined,
       "aria-autocomplete": "list",
+      clearable: clearable,
       disabled: disabled,
       error: error,
       name: name,

package/combobox/combobox.js.flow

@@ -32,6 +32,7 @@ const ARROW_DOWN = 40;
 function Combobox<OptionT>(props: PropsT<OptionT>) {
   const {
     autocomplete = true,
+    clearable = false,
     disabled = false,
     error = false,
     onBlur,
@@ -56,7 +57,10 @@ function Combobox<OptionT>(props: PropsT<OptionT>) {
   const [isOpen, setIsOpen] = React.useState(false);
 
   const rootRef = React.useRef(null);
-  const inputRef = React.useRef(null);
+  let inputRef = React.useRef(null);
+  if (forwardInputRef) {
+    inputRef = forwardInputRef;
+  }
   const listboxRef = React.useRef(null);
   const selectedOptionRef = React.useRef(null);
 
@@ -185,7 +189,7 @@ function Combobox<OptionT>(props: PropsT<OptionT>) {
     if (onBlur) onBlur(event);
   }
 
-  function handleInputClick() {
+  function handleInputClick(event) {
     if (inputRef.current) {
       inputRef.current.focus();
     }
@@ -312,9 +316,10 @@ function Combobox<OptionT>(props: PropsT<OptionT>) {
           {...inputContainerProps}
         >
           <OverriddenInput
-            inputRef={handleInputRef}
+            inputRef={inputRef}
             aria-activedescendant={isOpen && selectionIndex >= 0 ? activeDescendantId : undefined}
             aria-autocomplete="list"
+            clearable={clearable}
             disabled={disabled}
             error={error}
             name={name}

package/combobox/index.d.ts

@@ -4,4 +4,4 @@ export { default as Combobox } from './combobox';
 export { StyledRoot, StyledInputContainer, StyledListBox, StyledListItem, } from './styled-components';
 export * from './types';
 /** @deprecated use ComboboxProps instead. To be removed in future versions.*/
-export declare type PropsT = ComboboxProps;
+export type PropsT = ComboboxProps;

package/combobox/styled-components.js

@@ -41,7 +41,9 @@ exports.StyledListBox = StyledListBox;
 StyledListBox.displayName = "StyledListBox";
 StyledListBox.displayName = 'StyledListBox';
 
-function buildStylesForSize(size, theme) {
+function buildStylesForSize( // @ts-ignore
+size, // @ts-ignore
+theme) {
   var paddingDir = theme.direction === 'rtl' ? 'paddingRight' : 'paddingLeft';
 
   switch (size) {

package/combobox/types.d.ts

@@ -1,7 +1,7 @@
 import type * as React from 'react';
 import type { Override } from '../helpers/overrides';
 import type { SIZE } from '../input';
-export declare type ComboboxOverrides = {
+export type ComboboxOverrides = {
     Root?: Override;
     InputContainer?: Override;
     Input?: Override;
@@ -9,8 +9,10 @@ export declare type ComboboxOverrides = {
     ListBox?: Override;
     ListItem?: Override;
 };
-export declare type ComboboxProps<Option = unknown> = {
+export type ComboboxProps<Option = unknown> = {
     autocomplete?: boolean;
+    /** If true, adds a clear value icon button to the end of the input container. */
+    clearable?: boolean;
     disabled?: boolean;
     error?: boolean;
     listBoxLabel?: string;
@@ -21,7 +23,7 @@ export declare type ComboboxProps<Option = unknown> = {
     mapOptionToString: (a: Option) => string;
     id?: string;
     name?: string;
-    inputRef?: React.Ref<HTMLElement>;
+    inputRef?: React.RefObject<HTMLElement>;
     onBlur?: (a: React.ChangeEvent<HTMLInputElement>) => unknown;
     onChange: (b: string, a: Option | null) => unknown;
     onFocus?: (a: React.ChangeEvent<HTMLInputElement>) => unknown;

package/combobox/types.js.flow

@@ -16,6 +16,8 @@ export type ReactRefT<T> = { current: null | T } | {| current: null | T |};
 export type PropsT<OptionT = mixed> = {|
   // Controls if the input value will be updated while keyboard navigating. Defaults to true.
   autocomplete?: boolean,
+  /** If true, adds a clear value icon button to the end of the input container. */
+  clearable?: boolean,
   // Disallows text input and listbox opening.
   disabled?: boolean,
   // Proxies value through to Input component.

package/data-table/column-anchor.d.ts

@@ -1,17 +1,17 @@
 import * as React from 'react';
 import type { ColumnOptions, SharedColumnOptions } from './types';
-declare type Value = {
+type Value = {
     content: string;
     href: string;
 };
-declare type ReplacementElementAs = React.ComponentType<{
+type ReplacementElementAs = React.ComponentType<{
     href: string;
     children: string;
 }>;
-declare type Options = {
+type Options = {
     elementAs?: ReplacementElementAs | string;
 } & SharedColumnOptions<Value>;
-declare type FilterParameters = {};
-declare type AnchorColumn = ColumnOptions<Value, FilterParameters>;
+type FilterParameters = {};
+type AnchorColumn = ColumnOptions<Value, FilterParameters>;
 declare function AnchorColumn(options: Options): AnchorColumn;
 export default AnchorColumn;

package/data-table/column-anchor.js

@@ -38,9 +38,11 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
+// @ts-ignore
 function AnchorFilter(props) {
   return /*#__PURE__*/React.createElement("div", null, "not implemented for anchor column");
-}
+} // @ts-ignore
+
 
 function AnchorCell(props) {
   var _useStyletron = (0, _styles.useStyletron)(),

package/data-table/column-boolean.d.ts

@@ -1,10 +1,10 @@
 import type { ColumnOptions, SharedColumnOptions } from './types';
-declare type Options = {} & SharedColumnOptions<boolean>;
-declare type FilterParameters = {
+type Options = {} & SharedColumnOptions<boolean>;
+type FilterParameters = {
     selection: Set<boolean>;
     description: string;
     exclude: boolean;
 };
-declare type BooleanColumn = ColumnOptions<boolean, FilterParameters>;
+type BooleanColumn = ColumnOptions<boolean, FilterParameters>;
 declare function BooleanColumn(options: Options): BooleanColumn;
 export default BooleanColumn;

package/data-table/column-boolean.js

@@ -43,7 +43,8 @@ function mapSelection(selection, transform) {
     return coercedSelection.add(transform(item));
   });
   return coercedSelection;
-}
+} // @ts-ignore
+
 
 function BooleanFilter(props) {
   var locale = React.useContext(_locale.LocaleContext);
@@ -73,7 +74,8 @@ function BooleanFilter(props) {
       });
     }
   });
-}
+} // @ts-ignore
+
 
 function BooleanCell(props) {
   var _useStyletron = (0, _styles.useStyletron)(),

package/data-table/column-categorical.d.ts

@@ -1,13 +1,13 @@
 /// <reference types="react" />
 import type { ColumnOptions, SharedColumnOptions } from './types';
-declare type Options = {} & SharedColumnOptions<string>;
-declare type FilterParameters = {
+type Options = {} & SharedColumnOptions<string>;
+type FilterParameters = {
     description: string;
     exclude: boolean;
     selection: Set<string>;
 };
-declare type CategoricalColumn = ColumnOptions<string, FilterParameters>;
-declare type CategoricalFilterProps = {
+type CategoricalColumn = ColumnOptions<string, FilterParameters>;
+type CategoricalFilterProps = {
     data: string[];
     close: () => void;
     setFilter: (a: FilterParameters) => void;

package/data-table/column-categorical.js

@@ -98,11 +98,13 @@ var StyledHighlightLabel = (0, _styles.withStyle)(_checkbox.StyledLabel, functio
   };
 
   if (!props.$isFirst) {
+    // @ts-ignore
     style.paddingLeft = null;
   }
 
   return style;
-});
+}); // @ts-ignore
+
 StyledHighlightLabel.displayName = "StyledHighlightLabel";
 
 function HighlightCheckboxLabel(props) {
@@ -180,6 +182,7 @@ function CategoricalFilter(props) {
       props.close();
     }
   }, showQuery && /*#__PURE__*/React.createElement(_input.Input, {
+    "aria-label": locale.datatable.categoricalFilterSearchLabel,
     size: _input.SIZE.compact,
     overrides: {
       Before: InputBefore
@@ -191,6 +194,7 @@ function CategoricalFilter(props) {
     clearable: true
   }), !query && /*#__PURE__*/React.createElement("div", {
     style: {
+      // @ts-ignore
       marginTop: showQuery ? theme.sizing.scale600 : null
     }
   }, /*#__PURE__*/React.createElement(FilterQuickControls, {
@@ -225,7 +229,7 @@ function CategoricalFilter(props) {
         setSelection(new Set(selection));
       },
       overrides: {
-        // @ts-expect-error
+        // @ts-ignore
         Label: {
           component: HighlightCheckboxLabel,
           props: {
@@ -235,7 +239,8 @@ function CategoricalFilter(props) {
       }
     }, category));
   })));
-}
+} // @ts-ignore
+
 
 function CategoricalCell(props) {
   var _useStyletron5 = (0, _styles.useStyletron)(),

package/data-table/column-custom.d.ts

@@ -1,5 +1,5 @@
 import type { ColumnOptions, RenderCell, RenderFilter, SharedColumnOptions } from './types';
-declare type Options<Value, FilterParams> = {
+type Options<Value, FilterParams> = {
     renderCell: RenderCell<Value>;
     renderFilter?: RenderFilter<Value, FilterParams>;
     buildFilter?: (a: FilterParams) => (a: Value) => boolean;

package/data-table/column-datetime.d.ts

@@ -1,17 +1,17 @@
 import { DATETIME_OPERATIONS } from './constants';
 import type { ColumnOptions, SharedColumnOptions } from './types';
-declare type Options = {
+type Options = {
     formatString?: string;
     locale?: any;
 } & SharedColumnOptions<Date>;
-declare type DatetimeOperations = typeof DATETIME_OPERATIONS.RANGE_DATETIME | typeof DATETIME_OPERATIONS.RANGE_DATE | typeof DATETIME_OPERATIONS.RANGE_TIME | typeof DATETIME_OPERATIONS.WEEKDAY | typeof DATETIME_OPERATIONS.MONTH | typeof DATETIME_OPERATIONS.QUARTER | typeof DATETIME_OPERATIONS.HALF | typeof DATETIME_OPERATIONS.YEAR;
-declare type FilterParameters = {
+type DatetimeOperations = typeof DATETIME_OPERATIONS.RANGE_DATETIME | typeof DATETIME_OPERATIONS.RANGE_DATE | typeof DATETIME_OPERATIONS.RANGE_TIME | typeof DATETIME_OPERATIONS.WEEKDAY | typeof DATETIME_OPERATIONS.MONTH | typeof DATETIME_OPERATIONS.QUARTER | typeof DATETIME_OPERATIONS.HALF | typeof DATETIME_OPERATIONS.YEAR;
+type FilterParameters = {
     operation: DatetimeOperations;
     range: Date[];
     selection: number[];
     description: string;
     exclude: boolean;
 };
-declare type DatetimeColumn = ColumnOptions<Date, FilterParameters>;
+type DatetimeColumn = ColumnOptions<Date, FilterParameters>;
 declare function DatetimeColumn(options: Options): DatetimeColumn;
 export default DatetimeColumn;

package/data-table/column-datetime.js

@@ -88,7 +88,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var DATE_FORMAT = 'MM-dd-yyyy';
 var MASK = '99-99-9999 - 99-99-9999';
 var TIME_FORMAT = 'HH:mm ss:SS';
-var FORMAT_STRING = "".concat(DATE_FORMAT, " ").concat(TIME_FORMAT);
+var FORMAT_STRING = "".concat(DATE_FORMAT, " ").concat(TIME_FORMAT); // @ts-ignore
 
 function sortDates(a, b) {
   return a - b;
@@ -122,7 +122,7 @@ var CATEGORICAL_OPERATIONS = [{
 }];
 var WEEKDAYS = [0, 1, 2, 3, 4, 5, 6];
 var MONTHS = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];
-var QUARTERS = [0, 1, 2, 3];
+var QUARTERS = [0, 1, 2, 3]; // @ts-ignore
 
 function Checks(props) {
   var _useStyletron = (0, _styles.useStyletron)(),
@@ -146,12 +146,14 @@ function Checks(props) {
       checked: checked,
       onChange: function onChange() {
         if (checked) {
+          // @ts-ignore
           props.setValue(function (prev) {
             return prev.filter(function (i) {
               return i !== item.id;
             });
           });
         } else {
+          // @ts-ignore
           props.setValue(function (prev) {
             return [].concat(_toConsumableArray(prev), [item.id]);
           });
@@ -159,7 +161,8 @@ function Checks(props) {
       }
     }, item.label));
   }));
-}
+} // @ts-ignore
+
 
 function filterParamsToInitialState(input) {
   var output = {
@@ -167,11 +170,17 @@ function filterParamsToInitialState(input) {
     comparatorIndex: 0,
     rangeOperator: RANGE_OPERATIONS[0],
     categoricalOperator: CATEGORICAL_OPERATIONS[0],
+    // @ts-ignore
     rangeDates: [],
+    // @ts-ignore
     years: [],
+    // @ts-ignore
     halves: [],
+    // @ts-ignore
     quarters: [],
+    // @ts-ignore
     months: [],
+    // @ts-ignore
     weekdays: []
   };
 
@@ -216,7 +225,8 @@ function filterParamsToInitialState(input) {
   }
 
   return output;
-}
+} // @ts-ignore
+
 
 function DatetimeFilter(props) {
   var _useStyletron3 = (0, _styles.useStyletron)(),
@@ -231,8 +241,10 @@ function DatetimeFilter(props) {
     return props.data.sort(sortDates);
   }, [props.data]);
   var presentYears = React.useMemo(function () {
-    var dict = {};
+    var dict = {}; // @ts-ignore
+
     props.data.forEach(function (date) {
+      // @ts-ignore
       dict[(0, _index2.default)(date)] = true;
     });
     return Object.keys(dict).map(function (n) {
@@ -376,6 +388,7 @@ function DatetimeFilter(props) {
         }
 
         if (operatorLocaleLabelKey) {
+          // @ts-ignore
           _description = "".concat(locale.datatable[operatorLocaleLabelKey], " - ").concat(_description);
         }
 
@@ -436,6 +449,7 @@ function DatetimeFilter(props) {
     mountNode: mountNode.current,
     options: RANGE_OPERATIONS.map(function (op) {
       return {
+        // @ts-ignore
         label: locale.datatable[op.localeLabelKey],
         id: op.id
       };
@@ -515,6 +529,7 @@ function DatetimeFilter(props) {
     },
     options: CATEGORICAL_OPERATIONS.map(function (op) {
       return {
+        // @ts-ignore
         label: locale.datatable[op.localeLabelKey],
         id: op.id
       };
@@ -576,7 +591,8 @@ function DatetimeFilter(props) {
       };
     })
   })))));
-}
+} // @ts-ignore
+
 
 function DatetimeCell(props) {
   var _useStyletron5 = (0, _styles.useStyletron)(),

package/data-table/column-numerical.d.ts

@@ -1,19 +1,19 @@
 import { NUMERICAL_FORMATS } from './constants';
 import { type ExcludeKind } from './filter-shell';
 import type { ColumnOptions, SharedColumnOptions } from './types';
-declare type NumericalFormats = typeof NUMERICAL_FORMATS.DEFAULT | typeof NUMERICAL_FORMATS.ACCOUNTING | typeof NUMERICAL_FORMATS.PERCENTAGE;
-declare type Options = {
+type NumericalFormats = typeof NUMERICAL_FORMATS.DEFAULT | typeof NUMERICAL_FORMATS.ACCOUNTING | typeof NUMERICAL_FORMATS.PERCENTAGE;
+type Options = {
     format?: NumericalFormats | ((value: number) => string);
     highlight?: (a: number) => boolean;
     precision?: number;
 } & SharedColumnOptions<number>;
-declare type FilterParameters = {
+type FilterParameters = {
     lowerValue: number;
     upperValue: number;
     description: string;
     exclude: boolean;
     excludeKind: ExcludeKind;
 };
-declare type NumericalColumn = ColumnOptions<number, FilterParameters>;
+type NumericalColumn = ColumnOptions<number, FilterParameters>;
 declare function NumericalColumn(options: Options): NumericalColumn;
 export default NumericalColumn;