baseui 10.9.2 → 10.11.1

package/select/index.d.ts

@@ -1,11 +1,11 @@
 import * as React from 'react';
-import {StyletronComponent} from 'styletron-react';
-import {SIZE} from '../input';
-import {OnItemSelect} from '../menu';
-import {Override} from '../overrides';
-import {Locale} from '../locale';
+import { StyletronComponent } from 'styletron-react';
+import { SIZE } from '../input';
+import { OnItemSelect } from '../menu';
+import { Override } from '../overrides';
+import { Locale } from '../locale';
 
-export {SIZE} from '../input';
+export { SIZE } from '../input';
 
 export interface TYPE {
   select: 'select';
@@ -27,7 +27,7 @@ export interface Option {
   [others: string]: any;
 }
 export type Value = ReadonlyArray<Option>;
-export type OptgroupsT = {__ungrouped: Value; [key: string]: Value};
+export type OptgroupsT = { __ungrouped: Value; [key: string]: Value };
 export type OptionsT = Value | OptgroupsT;
 
 export type ChangeAction = () => any;
@@ -44,7 +44,7 @@ export type filterOptions = (
     matchProp?: 'any' | 'label' | 'value';
     trimFilter?: boolean;
     valueKey?: string;
-  },
+  }
 ) => Value;
 
 export interface SelectOverrides {
@@ -91,7 +91,7 @@ export interface SelectProps {
     options: Value,
     filterValue: string,
     excludeOptions?: Value,
-    newProps?: {valueKey: string; labelKey: string},
+    newProps?: { valueKey: string; labelKey: string }
   ) => Value;
   filterOutSelected?: boolean;
   getOptionLabel?: (args: {
@@ -102,9 +102,9 @@ export interface SelectProps {
       $isHighlighted?: boolean;
     };
   }) => React.ReactNode;
-  getValueLabel?: (args: {option: Option}) => React.ReactNode;
+  getValueLabel?: (args: { option: Option }) => React.ReactNode;
   id?: string;
-  controlRef?: React.Ref<HTMLInputElement | HTMLDivElement>;
+  controlRef?: React.Ref<HTMLInputElement>;
   isLoading?: boolean;
   labelKey?: string;
   startOpen?: boolean;
@@ -164,22 +164,18 @@ export class Select extends React.Component<SelectProps, SelectState> {
         $disabled: boolean;
         $isHighlighted: boolean;
       };
-    },
+    }
   ): React.ReactNode;
-  getValueLabel({option}: {option: Option}): React.ReactNode;
+  getValueLabel({ option }: { option: Option }): React.ReactNode;
   getValueArray(value: Value): Option[];
   setValue(value: Value, option: Option, type: ChangeAction): void;
-  selectValue({item}: {item: Option}): void;
+  selectValue({ item }: { item: Option }): void;
   addValue(item: Option): void;
   popValue(): void;
   removeValue(item: Option): void;
   clearValue(event: KeyboardEvent | MouseEvent | TouchEvent): void;
   renderLoading(): React.ReactNode;
-  renderValue(
-    valueArray: Value,
-    isOpen: boolean,
-    locale: Locale,
-  ): React.ReactNode;
+  renderValue(valueArray: Value, isOpen: boolean, locale: Locale): React.ReactNode;
   renderInput(): React.ReactNode;
   renderClear(): React.ReactNode;
   renderArrow(): React.ReactNode;
@@ -219,10 +215,7 @@ export interface AutosizeInputProps {
 export interface AutosizeInputState {
   inputWidth: number;
 }
-export class AutosizeInput extends React.Component<
-  AutosizeInputProps,
-  AutosizeInputState
-> {
+export class AutosizeInput extends React.Component<AutosizeInputProps, AutosizeInputState> {
   sizerRef(el?: HTMLElement): void;
   updateInputWidth(): void;
 }
@@ -276,18 +269,14 @@ export class SelectDropdown extends React.Component<DropdownProps> {
     $type: TYPE[keyof TYPE];
     $width: number;
   };
-  getItemLabel(option: {[key: string]: any}): React.ReactNode;
+  getItemLabel(option: { [key: string]: any }): React.ReactNode;
   onMouseDown(e: Event): void;
 }
 
 export interface State {
   value: Value;
 }
-export type StateReducer = (
-  stateType: string,
-  nextState: State,
-  currentState: State,
-) => State;
+export type StateReducer = (stateType: string, nextState: State, currentState: State) => State;
 export interface OnChangeParams {
   value: Value;
   option?: Option;
@@ -306,10 +295,7 @@ export interface StatefulContainerProps {
   stateReducer?: StateReducer;
   onChange?: (params: OnChangeParams) => any;
 }
-export class StatefulSelectContainer extends React.Component<
-  StatefulContainerProps,
-  State
-> {
+export class StatefulSelectContainer extends React.Component<StatefulContainerProps, State> {
   onChange(params: OnChangeParams): void;
   internalSetState(params: OnChangeParams): void;
 }

package/select/index.js.flow

@@ -5,17 +5,15 @@ This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
 // @flow
-export {default as Select} from './select.js';
-export {default as SingleSelect} from './single-select.js';
-export {default as MultiSelect} from './multi-select.js';
-export {default as SingleValue} from './value.js';
-export {default as MultiValue} from './multi-value.js';
-export {default as AutosizeInput} from './autosize-input.js';
-export {default as SelectDropdown} from './dropdown.js';
-export {default as StatefulSelect} from './stateful-select.js';
-export {
-  default as StatefulSelectContainer,
-} from './stateful-select-container.js';
+export { default as Select } from './select.js';
+export { default as SingleSelect } from './single-select.js';
+export { default as MultiSelect } from './multi-select.js';
+export { default as SingleValue } from './value.js';
+export { default as MultiValue } from './multi-value.js';
+export { default as AutosizeInput } from './autosize-input.js';
+export { default as SelectDropdown } from './dropdown.js';
+export { default as StatefulSelect } from './stateful-select.js';
+export { default as StatefulSelectContainer } from './stateful-select-container.js';
 // Styled elements
 export {
   StyledRoot,
@@ -37,8 +35,8 @@ export {
   StyledDropdownListItem,
   StyledOptionContent,
 } from './styled-components.js';
-export {default as filterOptions} from './utils/default-filter-options.js';
-export {SIZE, TYPE, STATE_CHANGE_TYPE} from './constants.js';
+export { default as filterOptions } from './utils/default-filter-options.js';
+export { SIZE, TYPE, STATE_CHANGE_TYPE } from './constants.js';
 export type * from './types.js';
 
 declare var __DEV__: boolean;

package/select/multi-select.js.flow

@@ -8,12 +8,10 @@ LICENSE file in the root directory of this source tree.
 import * as React from 'react';
 import SelectComponent from './select-component.js';
 import MultiValue from './multi-value.js';
-import type {PropsT} from './types.js';
+import type { PropsT } from './types.js';
 
 function MultiSelect(props: $Shape<PropsT>) {
-  return (
-    <SelectComponent {...props} multi={true} valueComponent={MultiValue} />
-  );
+  return <SelectComponent {...props} multi={true} valueComponent={MultiValue} />;
 }
 
 export default MultiSelect;

package/select/multi-value.js

@@ -35,7 +35,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-// eslint-disable-next-line flowtype/no-weak-types
+// flowlint-next-line unclear-type:off
 function MultiValue(props) {
   var _props$overrides = props.overrides,
       overrides = _props$overrides === void 0 ? {} : _props$overrides,

package/select/multi-value.js.flow

@@ -6,23 +6,20 @@ LICENSE file in the root directory of this source tree.
 */
 // @flow
 import * as React from 'react';
-import {getOverrides} from '../helpers/overrides.js';
-import {Tag, VARIANT as TAG_VARIANT} from '../tag/index.js';
+import { getOverrides } from '../helpers/overrides.js';
+import { Tag, VARIANT as TAG_VARIANT } from '../tag/index.js';
 
-// eslint-disable-next-line flowtype/no-weak-types
+// flowlint-next-line unclear-type:off
 export default function MultiValue(props: any) {
-  const {overrides = {}, removeValue, ...restProps} = props;
+  const { overrides = {}, removeValue, ...restProps } = props;
   // todo(v11): remove the MultiValue override in favor of Tag
-  const [MultiValue, tagProps] = getOverrides(
-    overrides.Tag || overrides.MultiValue,
-    Tag,
-  );
+  const [MultiValue, tagProps] = getOverrides(overrides.Tag || overrides.MultiValue, Tag);
   return (
     <MultiValue
       variant={TAG_VARIANT.solid}
       overrides={{
         Root: {
-          style: ({$theme: {sizing}}) => ({
+          style: ({ $theme: { sizing } }) => ({
             marginRight: sizing.scale0,
             marginBottom: sizing.scale0,
             marginLeft: sizing.scale0,

package/select/select-component.js

@@ -102,7 +102,7 @@ var isLeftClick = function isLeftClick(event) {
 
 var containsNode = function containsNode(parent, child) {
   if (typeof document !== 'undefined') {
-    // eslint-disable-next-line flowtype/no-weak-types
+    // flowlint-next-line unclear-type:off
     return child && parent && parent.contains(child);
   }
 };
@@ -123,8 +123,7 @@ function isInteractive(rootTarget, rootElement) {
   }
 
   return false;
-} // eslint-disable-next-line flowtype/no-weak-types
-
+}
 
 var Select = /*#__PURE__*/function (_React$Component) {
   _inherits(Select, _React$Component);
@@ -892,7 +891,8 @@ var Select = /*#__PURE__*/function (_React$Component) {
             padding: 0
           },
           tabIndex: -1
-        }, overrides.Input ? overrides.Input.props ? overrides.Input.props : {} : {})));
+        }, overrides.Input ? overrides.Input.props ? // $FlowExpectedError[not-an-object]
+        overrides.Input.props : {} : {})));
       }
 
       return /*#__PURE__*/React.createElement(InputContainer, _extends({}, sharedProps, inputContainerProps), /*#__PURE__*/React.createElement(_autosizeInput.default, _extends({
@@ -1153,7 +1153,7 @@ var Select = /*#__PURE__*/function (_React$Component) {
           // apply the ref to the Root component below it would be overwritten before the popover
           // renders it. Using this strategy, we will get a ref to the popover, then reuse its
           // anchorRef so we can check if clicks are on the select component or not.
-          // eslint-disable-next-line flowtype/no-weak-types
+          // flowlint-next-line unclear-type:off
           , _extends({
             innerRef: function innerRef(ref) {
               if (!ref) return;