baseui 10.9.2 → 10.11.1

package/data-table/column-boolean.js.flow

@@ -8,13 +8,13 @@ LICENSE file in the root directory of this source tree.
 
 import * as React from 'react';
 
-import {useStyletron} from '../styles/index.js';
+import { useStyletron } from '../styles/index.js';
 
-import {CategoricalFilter} from './column-categorical.js';
+import { CategoricalFilter } from './column-categorical.js';
 import Column from './column.js';
-import {COLUMNS} from './constants.js';
-import type {ColumnT, SharedColumnOptionsT} from './types.js';
-import {LocaleContext} from '../locale/index.js';
+import { COLUMNS } from './constants.js';
+import type { ColumnT, SharedColumnOptionsT } from './types.js';
+import { LocaleContext } from '../locale/index.js';
 
 type OptionsT = {|
   ...SharedColumnOptionsT<boolean>,
@@ -28,9 +28,9 @@ type FilterParametersT = {|
 
 type BooleanColumnT = ColumnT<boolean, FilterParametersT>;
 
-function mapSelection<X, Y>(selection: Set<X>, transform: X => Y): Set<Y> {
+function mapSelection<X, Y>(selection: Set<X>, transform: (X) => Y): Set<Y> {
   const coercedSelection = new Set<Y>();
-  selection.forEach(item => coercedSelection.add(transform(item)));
+  selection.forEach((item) => coercedSelection.add(transform(item)));
   return coercedSelection;
 }
 
@@ -39,20 +39,15 @@ function BooleanFilter(props) {
 
   let selectionString = new Set();
   if (props.filterParams && props.filterParams.selection) {
-    selectionString = mapSelection(props.filterParams.selection, i =>
-      i
-        ? locale.datatable.booleanFilterTrue
-        : locale.datatable.booleanFilterFalse,
+    selectionString = mapSelection(props.filterParams.selection, (i) =>
+      i ? locale.datatable.booleanFilterTrue : locale.datatable.booleanFilterFalse
     );
   }
 
   return (
     <CategoricalFilter
       close={props.close}
-      data={[
-        locale.datatable.booleanFilterTrue,
-        locale.datatable.booleanFilterFalse,
-      ]}
+      data={[locale.datatable.booleanFilterTrue, locale.datatable.booleanFilterFalse]}
       filterParams={
         props.filterParams
           ? {
@@ -62,11 +57,11 @@ function BooleanFilter(props) {
             }
           : undefined
       }
-      setFilter={params => {
+      setFilter={(params) => {
         props.setFilter({
           selection: mapSelection(
             params.selection,
-            i => i === locale.datatable.booleanFilterTrue,
+            (i) => i === locale.datatable.booleanFilterTrue
           ),
           exclude: params.exclude,
           description: params.description,
@@ -97,8 +92,8 @@ function BooleanCell(props) {
 function BooleanColumn(options: OptionsT): BooleanColumnT {
   return Column({
     kind: COLUMNS.BOOLEAN,
-    buildFilter: function(params) {
-      return function(data) {
+    buildFilter: function (params) {
+      return function (data) {
         const included = params.selection.has(data);
         return params.exclude ? !included : included;
       };
@@ -112,7 +107,7 @@ function BooleanColumn(options: OptionsT): BooleanColumnT {
     renderCell: BooleanCell,
     renderFilter: BooleanFilter,
     sortable: options.sortable === undefined ? true : options.sortable,
-    sortFn: function(a, b) {
+    sortFn: function (a, b) {
       if (a === b) return 0;
       return a ? -1 : 1;
     },

package/data-table/column-categorical.js.flow

@@ -8,20 +8,20 @@ LICENSE file in the root directory of this source tree.
 
 import * as React from 'react';
 
-import {Button, SIZE, KIND} from '../button/index.js';
-import {ButtonGroup} from '../button-group/index.js';
-import {Checkbox, StyledLabel} from '../checkbox/index.js';
+import { Button, SIZE, KIND } from '../button/index.js';
+import { ButtonGroup } from '../button-group/index.js';
+import { Checkbox, StyledLabel } from '../checkbox/index.js';
 import Search from '../icon/search.js';
-import {Input, SIZE as INPUT_SIZE} from '../input/index.js';
-import {useStyletron, withStyle} from '../styles/index.js';
-import {LabelSmall} from '../typography/index.js';
+import { Input, SIZE as INPUT_SIZE } from '../input/index.js';
+import { useStyletron, withStyle } from '../styles/index.js';
+import { LabelSmall } from '../typography/index.js';
 
 import Column from './column.js';
-import {COLUMNS} from './constants.js';
-import type {ColumnT, SharedColumnOptionsT} from './types.js';
-import {LocaleContext} from '../locale/index.js';
+import { COLUMNS } from './constants.js';
+import type { ColumnT, SharedColumnOptionsT } from './types.js';
+import { LocaleContext } from '../locale/index.js';
 import FilterShell from './filter-shell.js';
-import {matchesQuery, splitByQuery, HighlightCellText} from './text-search.js';
+import { matchesQuery, splitByQuery, HighlightCellText } from './text-search.js';
 
 type OptionsT = {|
   ...SharedColumnOptionsT<string>,
@@ -50,10 +50,7 @@ function InputBefore() {
   );
 }
 
-function FilterQuickControls(props: {
-  onSelectAll: () => void,
-  onClearSelection: () => void,
-}) {
+function FilterQuickControls(props: { onSelectAll: () => void, onClearSelection: () => void }) {
   const locale = React.useContext(LocaleContext);
 
   return (
@@ -68,7 +65,7 @@ function FilterQuickControls(props: {
   );
 }
 
-const StyledHighlightLabel = withStyle(StyledLabel, props => {
+const StyledHighlightLabel = withStyle(StyledLabel, (props) => {
   const style = {
     whiteSpace: 'pre',
     color: props.$isActive
@@ -85,7 +82,7 @@ const StyledHighlightLabel = withStyle(StyledLabel, props => {
 });
 
 function HighlightCheckboxLabel(props) {
-  const {children, ...restProps} = props;
+  const { children, ...restProps } = props;
 
   if (!props.query) {
     return <StyledLabel {...restProps}>{children}</StyledLabel>;
@@ -110,7 +107,7 @@ function HighlightCheckboxLabel(props) {
 type CategoricalFilterProps = {
   data: string[],
   close: () => void,
-  setFilter: FilterParametersT => void,
+  setFilter: (FilterParametersT) => void,
   filterParams?: FilterParametersT,
 };
 
@@ -118,22 +115,20 @@ export function CategoricalFilter(props: CategoricalFilterProps) {
   const [css, theme] = useStyletron();
   const locale = React.useContext(LocaleContext);
   const [selection, setSelection] = React.useState<Set<string>>(
-    props.filterParams ? props.filterParams.selection : new Set(),
+    props.filterParams ? props.filterParams.selection : new Set()
   );
   const [exclude, setExclude] = React.useState(
-    props.filterParams ? props.filterParams.exclude : false,
+    props.filterParams ? props.filterParams.exclude : false
   );
   const [query, setQuery] = React.useState('');
   const categories = React.useMemo(() => {
     return props.data.reduce((set, category) => set.add(category), new Set());
   }, [props.data]);
 
-  const checkboxStyles = css({marginBottom: theme.sizing.scale200});
+  const checkboxStyles = css({ marginBottom: theme.sizing.scale200 });
 
   const showQuery = Boolean(categories.size >= 10);
-  const filteredCategories = Array.from(categories, c => c).filter(c =>
-    matchesQuery(c, query),
-  );
+  const filteredCategories = Array.from(categories, (c) => c).filter((c) => matchesQuery(c, query));
 
   return (
     <FilterShell
@@ -151,9 +146,9 @@ export function CategoricalFilter(props: CategoricalFilterProps) {
       {showQuery && (
         <Input
           size={INPUT_SIZE.compact}
-          overrides={{Before: InputBefore}}
+          overrides={{ Before: InputBefore }}
           value={query}
-          onChange={event => setQuery(event.target.value)}
+          onChange={(event) => setQuery(event.target.value)}
           clearable
         />
       )}
@@ -166,7 +161,7 @@ export function CategoricalFilter(props: CategoricalFilterProps) {
         >
           <FilterQuickControls
             onSelectAll={() => {
-              categories.forEach(c => selection.add(c));
+              categories.forEach((c) => selection.add(c));
               setSelection(new Set(selection));
             }}
             onClearSelection={() => {
@@ -201,7 +196,7 @@ export function CategoricalFilter(props: CategoricalFilterProps) {
                   setSelection(new Set(selection));
                 }}
                 overrides={{
-                  Label: {component: HighlightCheckboxLabel, props: {query}},
+                  Label: { component: HighlightCheckboxLabel, props: { query } },
                 }}
               >
                 {category}
@@ -236,8 +231,8 @@ function CategoricalCell(props) {
 function CategoricalColumn(options: OptionsT): CategoricalColumnT {
   return Column({
     kind: COLUMNS.CATEGORICAL,
-    buildFilter: function(params) {
-      return function(data) {
+    buildFilter: function (params) {
+      return function (data) {
         const included = params.selection.has(data);
         return params.exclude ? !included : included;
       };
@@ -251,10 +246,10 @@ function CategoricalColumn(options: OptionsT): CategoricalColumnT {
     renderCell: CategoricalCell,
     renderFilter: CategoricalFilter,
     sortable: options.sortable === undefined ? true : options.sortable,
-    sortFn: function(a, b) {
+    sortFn: function (a, b) {
       return a.localeCompare(b);
     },
-    textQueryFilter: function(textQuery, data) {
+    textQueryFilter: function (textQuery, data) {
       return data.toLowerCase().includes(textQuery.toLowerCase());
     },
     title: options.title,

package/data-table/column-custom.js

@@ -18,6 +18,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 function CustomColumn(options) {
+  //$FlowFixMe
   return (0, _column.default)(_objectSpread({
     kind: _constants.COLUMNS.CUSTOM
   }, options));

package/data-table/column-custom.js.flow

@@ -7,13 +7,8 @@ LICENSE file in the root directory of this source tree.
 // @flow
 
 import Column from './column.js';
-import {COLUMNS} from './constants.js';
-import type {
-  ColumnT,
-  RenderCellT,
-  RenderFilterT,
-  SharedColumnOptionsT,
-} from './types.js';
+import { COLUMNS } from './constants.js';
+import type { ColumnT, RenderCellT, RenderFilterT, SharedColumnOptionsT } from './types.js';
 
 // I could not re-use the ColumnT type to build this.. tried to spread the ColumnT
 // and define renderFilter, etc. to optional, but required status was maintained.
@@ -21,15 +16,16 @@ type OptionsT<ValueT, FilterParamsT> = {|
   ...SharedColumnOptionsT<ValueT>,
   renderCell: RenderCellT<ValueT>,
   renderFilter?: RenderFilterT<ValueT, FilterParamsT>,
-  buildFilter?: FilterParamsT => ValueT => boolean,
+  buildFilter?: (FilterParamsT) => (ValueT) => boolean,
   textQueryFilter?: (string, ValueT) => boolean,
   sortFn?: (ValueT, ValueT) => number,
 |};
 
 function CustomColumn<ValueT, FilterParamsT>(
-  options: OptionsT<ValueT, FilterParamsT>,
+  options: OptionsT<ValueT, FilterParamsT>
 ): ColumnT<ValueT, FilterParamsT> {
-  return Column({kind: COLUMNS.CUSTOM, ...options});
+  //$FlowFixMe
+  return Column({ kind: COLUMNS.CUSTOM, ...options });
 }
 
 export default CustomColumn;

package/data-table/column-datetime.js

@@ -264,7 +264,7 @@ function DatetimeFilter(props) {
   var _React$useState7 = React.useState([initialState.categoricalOperator]),
       _React$useState8 = _slicedToArray(_React$useState7, 2),
       categoricalOperator = _React$useState8[0],
-      setCategoricalOperator = _React$useState8[1]; // eslint-disable-next-line flowtype/no-weak-types
+      setCategoricalOperator = _React$useState8[1]; // flowlint-next-line unclear-type:off
 
 
   var _React$useState9 = React.useState(initialState.rangeDates.length ? initialState.rangeDates : [new Date(datesSorted[0]), new Date(datesSorted[datesSorted.length - 1])]),
@@ -306,7 +306,7 @@ function DatetimeFilter(props) {
     },
     onApply: function onApply() {
       if (isRange) {
-        // eslint-disable-next-line flowtype/no-weak-types
+        // flowlint-next-line unclear-type:off
         var op = rangeOperator[0].id;
         var description = '';
 
@@ -338,7 +338,7 @@ function DatetimeFilter(props) {
       }
 
       if (isCategorical) {
-        // eslint-disable-next-line flowtype/no-weak-types
+        // flowlint-next-line unclear-type:off
         var _op = categoricalOperator[0].id;
         var selection = [];
         var operatorLocaleLabelKey = '';
@@ -431,7 +431,7 @@ function DatetimeFilter(props) {
     value: rangeOperator,
     onChange: function onChange(params) {
       return setRangeOperator(params.value);
-    } // eslint-disable-next-line flowtype/no-weak-types
+    } // flowlint-next-line unclear-type:off
     ,
     mountNode: mountNode.current,
     options: RANGE_OPERATIONS.map(function (op) {
@@ -446,7 +446,7 @@ function DatetimeFilter(props) {
     className: css({
       paddingTop: theme.sizing.scale600
     })
-  }, (rangeOperator[0].id === _constants.DATETIME_OPERATIONS.RANGE_DATETIME || rangeOperator[0].id === _constants.DATETIME_OPERATIONS.RANGE_DATE) && /*#__PURE__*/React.createElement(_index14.Datepicker // eslint-disable-next-line flowtype/no-weak-types
+  }, (rangeOperator[0].id === _constants.DATETIME_OPERATIONS.RANGE_DATETIME || rangeOperator[0].id === _constants.DATETIME_OPERATIONS.RANGE_DATE) && /*#__PURE__*/React.createElement(_index14.Datepicker // flowlint-next-line unclear-type:off
   , {
     mountNode: mountNode.current,
     value: rangeDates,
@@ -518,7 +518,7 @@ function DatetimeFilter(props) {
         label: locale.datatable[op.localeLabelKey],
         id: op.id
       };
-    }) // eslint-disable-next-line flowtype/no-weak-types
+    }) // flowlint-next-line unclear-type:off
     ,
     mountNode: mountNode.current,
     size: "compact",