baseui 10.10.0 → 10.12.0

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

@@ -8,12 +8,12 @@ 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 Column from './column.js';
-import {COLUMNS} from './constants.js';
-import {HighlightCellText} from './text-search.js';
-import type {ColumnT, SharedColumnOptionsT} from './types.js';
+import { COLUMNS } from './constants.js';
+import { HighlightCellText } from './text-search.js';
+import type { ColumnT, SharedColumnOptionsT } from './types.js';
 
 type OptionsT = {|
   ...SharedColumnOptionsT<string>,
@@ -55,8 +55,8 @@ function StringColumn(options: OptionsT): StringColumnT {
   return Column({
     kind: COLUMNS.STRING,
     cellBlockAlign: options.cellBlockAlign,
-    buildFilter: function(params) {
-      return function(data) {
+    buildFilter: function (params) {
+      return function (data) {
         return true;
       };
     },
@@ -70,10 +70,10 @@ function StringColumn(options: OptionsT): StringColumnT {
     },
     renderFilter: StringFilter,
     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.js

@@ -49,6 +49,7 @@ function Column(options) {
     mapDataToValue: options.mapDataToValue,
     maxWidth: options.maxWidth,
     minWidth: options.minWidth,
+    // eslint-disable-next-line react/display-name
     renderCell: /*#__PURE__*/React.forwardRef(function (props, ref) {
       var _useStyletron = (0, _index2.useStyletron)(),
           _useStyletron2 = _slicedToArray(_useStyletron, 2),

package/data-table/column.js.flow

@@ -8,13 +8,13 @@ LICENSE file in the root directory of this source tree.
 
 import * as React from 'react';
 
-import {Checkbox} from '../checkbox/index.js';
-import {useStyletron} from '../styles/index.js';
+import { Checkbox } from '../checkbox/index.js';
+import { useStyletron } from '../styles/index.js';
 
-import type {ColumnT} from './types.js';
+import type { ColumnT } from './types.js';
 
 function Column<ValueT, FilterParamsT>(
-  options: ColumnT<ValueT, FilterParamsT>,
+  options: ColumnT<ValueT, FilterParamsT>
 ): ColumnT<ValueT, FilterParamsT> {
   return {
     kind: options.kind,
@@ -22,12 +22,11 @@ function Column<ValueT, FilterParamsT>(
     textQueryFilter: options.textQueryFilter,
     fillWidth: options.fillWidth === undefined ? true : options.fillWidth,
     filterable:
-      Boolean(options.filterable) &&
-      Boolean(options.renderFilter) &&
-      Boolean(options.buildFilter),
+      Boolean(options.filterable) && Boolean(options.renderFilter) && Boolean(options.buildFilter),
     mapDataToValue: options.mapDataToValue,
     maxWidth: options.maxWidth,
     minWidth: options.minWidth,
+    // eslint-disable-next-line react/display-name
     renderCell: React.forwardRef((props, ref) => {
       const [css, theme] = useStyletron();
       const ProvidedCell = options.renderCell;
@@ -67,7 +66,7 @@ function Column<ValueT, FilterParamsT>(
                 onChange={props.onSelect}
                 checked={props.isSelected}
                 overrides={{
-                  Checkmark: {style: {marginTop: null, marginBottom: null}},
+                  Checkmark: { style: { marginTop: null, marginBottom: null } },
                 }}
               />
             )}

package/data-table/constants.js.flow

@@ -43,7 +43,7 @@ export const SORT_DIRECTIONS = Object.freeze({
 export const FILTER_SHELL_WIDTH = '320px';
 
 // Depends on FILTER_SHELL_WIDTH
-export const HISTOGRAM_SIZE = {width: 308, height: 120};
+export const HISTOGRAM_SIZE = { width: 308, height: 120 };
 
 // Arguably visually appealing within the given width.
 // Smaller and we don't have enough detail per bar.

package/data-table/data-table.js

@@ -86,7 +86,7 @@ function CellPlacement(_ref) {
 
   var backgroundColor = theme.colors.backgroundPrimary;
 
-  if (rowIndex % 2 && columnIndex === data.columnHighlightIndex || rowIndex === data.rowHighlightIndex) {
+  if (Boolean(rowIndex % 2) && columnIndex === data.columnHighlightIndex || rowIndex === data.rowHighlightIndex) {
     backgroundColor = theme.colors.backgroundTertiary;
   } else if (rowIndex % 2 || columnIndex === data.columnHighlightIndex) {
     backgroundColor = theme.colors.backgroundSecondary;
@@ -197,7 +197,7 @@ function Header(props) {
   var _React$useState3 = React.useState(0),
       _React$useState4 = _slicedToArray(_React$useState3, 2),
       endResizePos = _React$useState4[0],
-      setEndResizePos = _React$useState4[1]; // eslint-disable-next-line flowtype/no-weak-types
+      setEndResizePos = _React$useState4[1]; // flowlint-next-line unclear-type:off
 
 
   var headerCellRef = React.useRef(null);
@@ -569,7 +569,7 @@ function DataTable(_ref2) {
 
     return rowHeight;
   }, [rowHeight]); // We use state for our ref, to allow hooks to  update when the ref changes.
-  // eslint-disable-next-line flowtype/no-weak-types
+  // flowlint-next-line unclear-type:off
 
   var _React$useState7 = React.useState(null),
       _React$useState8 = _slicedToArray(_React$useState7, 2),
@@ -952,7 +952,7 @@ function DataTable(_ref2) {
         tableHeight: height,
         widths: normalizedWidths
       }
-    }, /*#__PURE__*/React.createElement(_reactWindow.VariableSizeGrid // eslint-disable-next-line flowtype/no-weak-types
+    }, /*#__PURE__*/React.createElement(_reactWindow.VariableSizeGrid // flowlint-next-line unclear-type:off
     , {
       ref: setGridRef,
       overscanRowCount: 10,