baseui 10.9.2 → 10.11.1

package/es/radio/radio.js

@@ -61,7 +61,7 @@ class Radio extends React.Component {
   }
 
   componentDidMount() {
-    if (this.props.autoFocus && this.props.inputRef.current) {
+    if (this.props.autoFocus && this.props.inputRef?.current) {
       this.props.inputRef.current.focus();
     }
 

package/es/radio/radiogroup.js

@@ -64,7 +64,7 @@ class StatelessRadioGroup extends React.Component {
     if (process.env.NODE_ENV !== "production") {
       const overrideKeys = Object.keys(overrides); // TODO(v11)
 
-      if (overrideKeys.length && !overrideKeys.includes('RadioGroupRoot')) {
+      if (Boolean(overrideKeys.length) && !overrideKeys.includes('RadioGroupRoot')) {
         // eslint-disable-next-line no-console
         console.warn(`All overrides beside 'RadioGroupRoot' will be deprecated in the next major version update.
           Pass other overrides to the 'Radio' children instead.

package/es/rating/emoticon-rating.js

@@ -79,7 +79,7 @@ class EmoticonRating extends React.Component {
         refs.push(starRef);
         ratings.push( /*#__PURE__*/React.createElement(Emoticon, _extends({
           key: x,
-          role: "radio" // eslint-disable-next-line flowtype/no-weak-types
+          role: "radio" // flowlint-next-line unclear-type:off
           ,
           ref: starRef,
           tabIndex: isFocusable ? '0' : '-1',

package/es/rating/star-rating.js

@@ -81,7 +81,7 @@ class StarRating extends React.Component {
         ratings.push( /*#__PURE__*/React.createElement(Star, _extends({
           key: x,
           role: "radio",
-          title: "rating" // eslint-disable-next-line flowtype/no-weak-types
+          title: "rating" // flowlint-next-line unclear-type:off
           ,
           ref: starRef,
           tabIndex: isFocusable ? '0' : '-1',

package/es/select/autosize-input.js

@@ -78,8 +78,7 @@ export default class AutosizeInput extends React.Component {
       ref: inputRef
     }, inputProps)), /*#__PURE__*/React.createElement(StyledInputSizer, {
       $size: this.props.$size,
-      ref: this.sizerRef // $FlowFixMe checking for $style before use
-      ,
+      ref: this.sizerRef,
       $style: inputProps.$style ? inputProps.$style : null
     }, sizerValue));
   }

package/es/select/dropdown.js

@@ -115,7 +115,7 @@ export default class SelectDropdown extends React.Component {
       $type: type,
       $width: width
     };
-  } // eslint-disable-next-line flowtype/no-weak-types
+  } // flowlint-next-line unclear-type:off
 
 
   render() {
@@ -131,8 +131,7 @@ export default class SelectDropdown extends React.Component {
     } = this.props;
     const [DropdownContainer, dropdownContainerProps] = getOverrides(overrides.DropdownContainer, StyledDropdownContainer);
     const [ListItem, listItemProps] = getOverrides(overrides.DropdownListItem, StyledDropdownListItem);
-    const [OverriddenStatefulMenu, // $FlowFixMe
-    {
+    const [OverriddenStatefulMenu, {
       overrides: statefulMenuOverrides = {},
       ...restStatefulMenuProps
     }] = getOverrides(overrides.StatefulMenu, StatefulMenu);
@@ -184,7 +183,6 @@ export default class SelectDropdown extends React.Component {
                 },
                 // slightly hacky way to handle the list item style overrides
                 // since the menu component doesn't provide a top level overrides for it
-                // $FlowFixMe
                 style: listItemProps.$style
               }
             },

package/es/select/multi-value.js

@@ -8,7 +8,7 @@ LICENSE file in the root directory of this source tree.
 */
 import * as React from 'react';
 import { getOverrides } from '../helpers/overrides.js';
-import { Tag, VARIANT as TAG_VARIANT } from '../tag/index.js'; // eslint-disable-next-line flowtype/no-weak-types
+import { Tag, VARIANT as TAG_VARIANT } from '../tag/index.js'; // flowlint-next-line unclear-type:off
 
 export default function MultiValue(props) {
   const {

package/es/select/select-component.js

@@ -36,7 +36,7 @@ const isLeftClick = event => event.button !== null && event.button !== undefined
 
 const 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);
   }
 };
@@ -57,7 +57,7 @@ export function isInteractive(rootTarget, rootElement) {
   }
 
   return false;
-} // eslint-disable-next-line flowtype/no-weak-types
+}
 
 class Select extends React.Component {
   // anchor is a ref that refers to the outermost element rendered when the dropdown menu is not
@@ -748,7 +748,8 @@ class Select extends 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, _extends({
@@ -956,7 +957,7 @@ class Select extends 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: ref => {
         if (!ref) return;

package/es/select/styled-components.js

@@ -5,9 +5,8 @@ This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
 import { styled } from '../styles/index.js';
-import { TYPE } from './constants.js';
+import { TYPE, SIZE } from './constants.js';
 import { StyledList, StyledListItem } from '../menu/index.js';
-import { SIZE } from './constants.js';
 import { ellipsisText } from '../styles/util.js';
 
 function getFont(size = SIZE.default, typography) {

package/es/select/value.js

@@ -8,7 +8,7 @@ LICENSE file in the root directory of this source tree.
 */
 import * as React from 'react';
 import { StyledSingleValue } from './styled-components.js';
-import { getOverrides } from '../helpers/overrides.js'; // eslint-disable-next-line flowtype/no-weak-types
+import { getOverrides } from '../helpers/overrides.js'; // flowlint-next-line unclear-type:off
 
 export default function Value(props) {
   const {

package/es/slider/slider.js

@@ -46,7 +46,7 @@ function Slider({
       setIsFocusVisible(true);
     }
 
-    const index = // eslint-disable-next-line flowtype/no-weak-types
+    const index = // flowlint-next-line unclear-type:off
     event.target.parentNode.firstChild === event.target ? 0 : 1;
     setFocusedThumbIndex(index);
   }, []);
@@ -111,7 +111,7 @@ function Slider({
       index,
       isDragged
     }) => {
-      const displayLabel = persistentThumb ? persistentThumb : (index && isHovered1 || !index && isHovered0 || isDragged) && !disabled;
+      const displayLabel = persistentThumb ? persistentThumb : (!!index && isHovered1 || !index && isHovered0 || isDragged) && !disabled;
       return /*#__PURE__*/React.createElement(Thumb, _extends({}, props, {
         onMouseEnter: () => {
           if (index === 0) {

package/es/snackbar/snackbar-element.js

@@ -11,7 +11,8 @@ import { Button, KIND, SHAPE } from '../button/index.js';
 import { getOverrides } from '../helpers/overrides.js';
 import { useStyletron } from '../styles/index.js';
 import { StyledRoot, StyledContent, StyledStartEnhancerContainer, StyledSpinner, StyledMessage, StyledWrapActionButtonContainer, StyledActionButtonContainer } from './styled-components.js';
-const ActionButton = /*#__PURE__*/React.forwardRef(({
+const ActionButton = /*#__PURE__*/React.forwardRef( // flowlint-next-line unclear-type:off
+({
   onClick,
   message,
   overrides = {}
@@ -42,6 +43,7 @@ const ActionButton = /*#__PURE__*/React.forwardRef(({
     shape: SHAPE.pill
   }, message));
 });
+ActionButton.displayName = 'ActionButton';
 export default function SnackbarElement({
   actionMessage,
   actionOnClick,
@@ -94,8 +96,7 @@ export default function SnackbarElement({
   React.useEffect(() => {
     if (typeof document !== 'undefined') {
       if (focus && actionButtonRef.current) {
-        prevFocusRef.current = document.activeElement; // $FlowFixMe
-
+        prevFocusRef.current = document.activeElement;
         actionButtonRef.current.focus();
       }
 

package/es/snackbar/styled-components.js

@@ -52,7 +52,7 @@ export const StyledSpinner = withStyle(StyledSpinnerNext, ({
   };
 });
 StyledSpinner.displayName = "StyledSpinner";
-export const StyledMessage = styled('p', // $FlowFixMe - suppressing due to webkit properties
+export const StyledMessage = styled('p', //$FlowExpectedError[incompatible-shape]
 ({
   $theme,
   $hasSuffix

package/es/spinner/spinner.js

@@ -32,24 +32,28 @@ class Spinner extends React.Component {
     }, overrides);
     const [TrackPath, trackPathProps] = getOverrides(overrides.TrackPath, StyledTrackPath);
     const [ActivePath, activePathProps] = getOverrides(overrides.ActivePath, StyledActivePath);
-    return /*#__PURE__*/React.createElement(Icon, _extends({
-      "aria-label": this.props['aria-label'] || 'Loading',
-      "data-baseweb": "spinner",
-      title: "Spinner",
-      viewBox: "3 3 18 18"
-    }, this.props, {
-      overrides: mergedOverrides
-    }), /*#__PURE__*/React.createElement(TrackPath, _extends({
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5ZM3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12Z",
-      $color: this.props.color
-    }, trackPathProps)), /*#__PURE__*/React.createElement(ActivePath, _extends({
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M16.9497 7.05015C14.2161 4.31648 9.78392 4.31648 7.05025 7.05015C6.65973 7.44067 6.02656 7.44067 5.63604 7.05015C5.24551 6.65962 5.24551 6.02646 5.63604 5.63593C9.15076 2.12121 14.8492 2.12121 18.364 5.63593C18.7545 6.02646 18.7545 6.65962 18.364 7.05015C17.9734 7.44067 17.3403 7.44067 16.9497 7.05015Z",
-      $color: this.props.color
-    }, activePathProps)));
+    return (
+      /*#__PURE__*/
+      // $FlowExpectedError[cannot-spread-inexact]
+      React.createElement(Icon, _extends({
+        "aria-label": 'Loading',
+        "data-baseweb": "spinner",
+        title: "Spinner",
+        viewBox: "3 3 18 18"
+      }, this.props, {
+        overrides: mergedOverrides
+      }), /*#__PURE__*/React.createElement(TrackPath, _extends({
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5ZM3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12Z",
+        $color: this.props.color
+      }, trackPathProps)), /*#__PURE__*/React.createElement(ActivePath, _extends({
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M16.9497 7.05015C14.2161 4.31648 9.78392 4.31648 7.05025 7.05015C6.65973 7.44067 6.02656 7.44067 5.63604 7.05015C5.24551 6.65962 5.24551 6.02646 5.63604 5.63593C9.15076 2.12121 14.8492 2.12121 18.364 5.63593C18.7545 6.02646 18.7545 6.65962 18.364 7.05015C17.9734 7.44067 17.3403 7.44067 16.9497 7.05015Z",
+        $color: this.props.color
+      }, activePathProps)))
+    );
   }
 
 }

package/es/spinner/styled-components.js

@@ -45,12 +45,14 @@ export const StyledActivePath = styled('path', props => ({
 
 StyledActivePath.displayName = "StyledActivePath";
 export const StyledSpinnerNext = styled('i', ({
+  //$FlowFixMe
   $theme,
   $color = $theme.colors.contentAccent,
+  //$FlowFixMe
   $borderWidth,
+  //$FlowFixMe
   $size = SIZE.medium
 }) => {
-  //$FlowFixMe
   let borderSize = {
     large: $theme.sizing.scale300,
     medium: $theme.sizing.scale100,
@@ -71,7 +73,6 @@ export const StyledSpinnerNext = styled('i', ({
   }
 
   if (!boxSize) {
-    //$FlowFixMe
     boxSize = $theme.sizing[$size];
 
     if (!boxSize) {

package/es/styles/__mocks__/styled.js

@@ -9,7 +9,7 @@ This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
 
-/* eslint-disable flowtype/no-weak-types */
+/* flowlint unclear-type:off */
 import * as React from 'react';
 import { getInitialStyle } from 'styletron-standard';
 import { LightTheme } from '../../themes/index.js';
@@ -100,6 +100,7 @@ export function styled(ElementName, objOrFn = {}) {
 }
 export const withStyle = styled;
 export function withWrapper(StyledElement, wrapperFn) {
+  // eslint-disable-next-line react/display-name
   return /*#__PURE__*/React.forwardRef((props, ref) => wrapperFn(StyledElement)({
     ref: ref,
     ...props,

package/es/styles/styled.js

@@ -12,6 +12,7 @@ import { driver, getInitialStyle } from 'styletron-standard';
 import { ThemeContext } from './theme-provider.js';
 
 const wrapper = StyledComponent => {
+  // eslint-disable-next-line react/display-name
   return /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, theme => /*#__PURE__*/React.createElement(StyledComponent, _extends({
     ref: ref
   }, props, {
@@ -20,39 +21,40 @@ const wrapper = StyledComponent => {
 };
 /* eslint-disable flowtype/generic-spacing */
 
-/* eslint-disable flowtype/no-weak-types */
+/* flowlint unclear-type:off */
 
 
 /* eslint-enable flowtype/generic-spacing */
 
-/* eslint-enable flowtype/no-weak-types */
+/* flowlint unclear-type:error */
 export function createThemedStyled() {
   return createStyled({
     wrapper,
     getInitialStyle,
-    driver // eslint-disable-next-line flowtype/no-weak-types
+    driver // flowlint-next-line unclear-type:off
 
   });
 }
 export const styled = createThemedStyled();
 export function createThemedWithStyle() {
-  // eslint-disable-next-line flowtype/no-weak-types
+  // flowlint-next-line unclear-type:off
   return styletronWithStyle;
 }
 export const withStyle = createThemedWithStyle();
 export function createThemedUseStyletron() {
   return function () {
-    // eslint-disable-next-line flowtype/no-weak-types
+    // flowlint-next-line unclear-type:off
     const theme = React.useContext(ThemeContext);
     const [css] = styletronUseStyletron();
     return [css, theme];
   };
 }
 export const useStyletron = createThemedUseStyletron();
-export function withWrapper( // eslint-disable-next-line flowtype/no-weak-types
+export function withWrapper( // flowlint-next-line unclear-type:off
 StyledElement, wrapperFn) {
-  // eslint-disable-next-line flowtype/no-weak-types
+  // flowlint-next-line unclear-type:off
   return styletronWithWrapper(StyledElement, Styled => {
+    // eslint-disable-next-line react/display-name
     return /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, theme => wrapperFn(Styled)({
       ref: ref,
       ...props,

package/es/table/sortable-head-cell.js

@@ -47,7 +47,7 @@ export const SortableHeadCellFactory = (CustomHeadCell = StyledHeadCell) => {
     };
 
     const enableHeadClick = fillClickTarget && !disabled;
-    let ariaLabel = props.ariaLabel;
+    let ariaLabel = props['aria-label'] || props.ariaLabel;
 
     if (!ariaLabel) {
       if (typeof props.title === 'string') {

package/es/table-semantic/styled-components.js

@@ -24,7 +24,8 @@ export const StyledRoot = styled('div', ({
   $theme,
   $divider
 }) => {
-  return { ...($divider === DIVIDER.grid || $divider === DIVIDER.vertical ? expandBorderStyles($theme.borders.border300) : {}),
+  const borderStyles = $divider === DIVIDER.grid || $divider === DIVIDER.vertical ? expandBorderStyles($theme.borders.border300) : {};
+  return { ...borderStyles,
     ...($divider === DIVIDER.horizontal ? {
       borderBottomWidth: $theme.borders.border300.borderWidth,
       borderBottomStyle: $theme.borders.border300.borderStyle,

package/es/tabs/tabs.js

@@ -31,7 +31,7 @@ export default class Tabs extends React.Component {
       orientation,
       children,
       overrides = {}
-    } = this.props; // eslint-disable-next-line flowtype/no-weak-types
+    } = this.props; // flowlint-next-line unclear-type:off
 
     const tabs = React.Children.map(children, (child, index) => {
       if (!child) return;
@@ -65,7 +65,7 @@ export default class Tabs extends React.Component {
     const {
       TabContent: TabContentOverride
     } = overrides;
-    const [TabContent, tabContentProps] = getOverrides(TabContentOverride, StyledTabContent); // eslint-disable-next-line flowtype/no-weak-types
+    const [TabContent, tabContentProps] = getOverrides(TabContentOverride, StyledTabContent); // flowlint-next-line unclear-type:off
 
     const tabs = React.Children.map(children, (child, index) => {
       if (!child) return;

package/es/tag/styled-components.js

@@ -248,8 +248,7 @@ const getColorStateFromProps = props => {
   if (props.$disabled) return COLOR_STATE.disabled;
   if (props.$variant === VARIANT.solid) return COLOR_STATE.solid;
   return COLOR_STATE.outline;
-}; // $FlowFixMe https://github.com/facebook/flow/issues/7745
-
+};
 
 export const Action = styled('span', props => {
   const {
@@ -276,8 +275,7 @@ export const Action = styled('span', props => {
     transitionDuration: 'background-color',
     transitionTimingFunction: $theme.animation.easeOutCurve
   };
-}); // $FlowFixMe https://github.com/facebook/flow/issues/7745
-
+});
 Action.displayName = "Action";
 export const StartEnhancerContainer = styled('div', ({
   $theme,
@@ -297,8 +295,7 @@ export const StartEnhancerContainer = styled('div', ({
     display: 'flex',
     [paddingDir]: paddingMagnitude
   };
-}); // $FlowFixMe https://github.com/facebook/flow/issues/7745
-
+});
 StartEnhancerContainer.displayName = "StartEnhancerContainer";
 export const Text = styled('span', props => {
   const {
@@ -311,8 +308,7 @@ export const Text = styled('span', props => {
     maxWidth: props.$theme.sizing.scale3200,
     order: $theme.direction === 'rtl' ? 1 : 0
   };
-}); // $FlowFixMe https://github.com/facebook/flow/issues/7745
-
+});
 Text.displayName = "Text";
 export const Root = styled('span', props => {
   const {

package/es/tag/tag.js

@@ -111,7 +111,7 @@ const Tag = /*#__PURE__*/React.forwardRef((props, ref) => {
   }[size]; // Capitalize for JSX
 
   const StartEnhancer = startEnhancer;
-  return /*#__PURE__*/React.createElement(Root // eslint-disable-next-line flowtype/no-weak-types
+  return /*#__PURE__*/React.createElement(Root // flowlint-next-line unclear-type:off
   , _extends({
     ref: ref,
     "data-baseweb": "tag",

package/es/textarea/styled-components.js

@@ -6,17 +6,19 @@ LICENSE file in the root directory of this source tree.
 */
 import { styled } from '../styles/index.js';
 import { getInputStyles, getInputContainerStyles, getRootStyles } from '../input/styled-components.js';
-// $FlowFixMe https://github.com/facebook/flow/issues/7745
 export const StyledTextAreaRoot = styled('div', props => {
-  return getRootStyles({ ...props,
+  return getRootStyles({
+    $positive: false,
+    ...props,
     $hasIconTrailing: false
   });
-}); // $FlowFixMe https://github.com/facebook/flow/issues/7745
-
+});
 StyledTextAreaRoot.displayName = "StyledTextAreaRoot";
-export const StyledTextareaContainer = styled('div', props => ({ ...getInputContainerStyles(props)
-})); // $FlowFixMe https://github.com/facebook/flow/issues/7745
-
+export const StyledTextareaContainer = styled('div', props => ({ ...getInputContainerStyles({
+    $positive: false,
+    ...props
+  })
+}));
 StyledTextareaContainer.displayName = "StyledTextareaContainer";
 export const StyledTextarea = styled('textarea', props => ({ ...getInputStyles(props),
   resize: 'none'

package/es/textarea/textarea.js

@@ -57,7 +57,8 @@ class Textarea extends React.Component {
       $positive: this.props.positive,
       $required: this.props.required
     }, rootProps), /*#__PURE__*/React.createElement(BaseInput, _extends({}, this.props, {
-      type: CUSTOM_INPUT_TYPE.textarea,
+      type: CUSTOM_INPUT_TYPE.textarea // $FlowFixMe[incompatible-indexer]
+      ,
       overrides: inputOverrides,
       onFocus: this.onFocus,
       onBlur: this.onBlur

package/es/timepicker/timepicker.js

@@ -293,16 +293,14 @@ class TimePicker extends React.Component {
       overrides = {},
       adapter
     } = this.props;
-    const [OverriddenSelect, selectProps] = getOverrides(overrides.Select, Select); // $FlowFixMe
-
+    const [OverriddenSelect, selectProps] = getOverrides(overrides.Select, Select);
     selectProps.overrides = mergeOverrides({
       Dropdown: {
         style: {
           maxHeight: '126px'
         }
       }
-    }, // $FlowFixMe
-    selectProps.overrides);
+    }, selectProps.overrides);
     const value = this.props.value && adapter.isValid(this.props.value) ? this.buildSelectedOption(this.props.value, this.props.format) : this.state.value;
     return /*#__PURE__*/React.createElement(LocaleContext.Consumer, null, locale => {
       let ariaLabel;

package/es/timezonepicker/timezone-picker.js

@@ -32,7 +32,7 @@ class TimezonePicker extends React.Component {
         try {
           const offset = getTimezoneOffset(zoneName, compareDate) / 3_600_000;
           const offsetFormatted = `${offset >= 0 ? '+' : '-'}${Math.abs(offset)}`;
-          let label = `(GMT${offsetFormatted}) ${zoneName.replace('_', ' ')}`;
+          let label = `(GMT${offsetFormatted}) ${zoneName.replace(/_/g, ' ')}`;
 
           if (this.props.includeAbbreviations) {
             const abbreviation = format(compareDate, 'zzz', {
@@ -115,16 +115,13 @@ class TimezonePicker extends React.Component {
       overrides = {}
     } = this.props;
     const [OverriddenSelect, selectProps] = getOverrides(overrides.Select, Select);
-    const selectOverrides = mergeOverrides({
+    selectProps.overrides = mergeOverrides({
       Dropdown: {
         style: {
           maxHeight: '360px'
         }
       }
-    }, // $FlowFixMe
-    selectProps.overrides); // $FlowFixMe
-
-    selectProps.overrides = selectOverrides;
+    }, selectProps.overrides);
     let options = this.state.timezones;
 
     if (this.props.mapLabels) {

package/es/timezonepicker/tzdata.js

@@ -1,2 +1,7 @@
-/* eslint-disable header/header */
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
 export const zones = ['Europe/Andorra', 'Asia/Dubai', 'Asia/Kabul', 'Europe/Tirane', 'Asia/Yerevan', 'Antarctica/Casey', 'Antarctica/Davis', 'Antarctica/Mawson', 'Antarctica/Palmer', 'Antarctica/Rothera', 'Antarctica/Troll', 'Antarctica/Vostok', 'America/Argentina/Buenos_Aires', 'America/Argentina/Cordoba', 'America/Argentina/Salta', 'America/Argentina/Jujuy', 'America/Argentina/Tucuman', 'America/Argentina/Catamarca', 'America/Argentina/La_Rioja', 'America/Argentina/San_Juan', 'America/Argentina/Mendoza', 'America/Argentina/San_Luis', 'America/Argentina/Rio_Gallegos', 'America/Argentina/Ushuaia', 'Pacific/Pago_Pago', 'Europe/Vienna', 'Australia/Lord_Howe', 'Antarctica/Macquarie', 'Australia/Hobart', 'Australia/Melbourne', 'Australia/Sydney', 'Australia/Broken_Hill', 'Australia/Brisbane', 'Australia/Lindeman', 'Australia/Adelaide', 'Australia/Darwin', 'Australia/Perth', 'Australia/Eucla', 'Asia/Baku', 'America/Barbados', 'Asia/Dhaka', 'Europe/Brussels', 'Europe/Sofia', 'Atlantic/Bermuda', 'Asia/Brunei', 'America/La_Paz', 'America/Noronha', 'America/Belem', 'America/Fortaleza', 'America/Recife', 'America/Araguaina', 'America/Maceio', 'America/Bahia', 'America/Sao_Paulo', 'America/Campo_Grande', 'America/Cuiaba', 'America/Santarem', 'America/Porto_Velho', 'America/Boa_Vista', 'America/Manaus', 'America/Eirunepe', 'America/Rio_Branco', 'Asia/Thimphu', 'Europe/Minsk', 'America/Belize', 'America/St_Johns', 'America/Halifax', 'America/Glace_Bay', 'America/Moncton', 'America/Goose_Bay', 'America/Toronto', 'America/Nipigon', 'America/Thunder_Bay', 'America/Iqaluit', 'America/Pangnirtung', 'America/Winnipeg', 'America/Rainy_River', 'America/Resolute', 'America/Rankin_Inlet', 'America/Regina', 'America/Swift_Current', 'America/Edmonton', 'America/Cambridge_Bay', 'America/Yellowknife', 'America/Inuvik', 'America/Dawson_Creek', 'America/Fort_Nelson', 'America/Whitehorse', 'America/Dawson', 'America/Vancouver', 'Indian/Cocos', 'Europe/Zurich', 'Africa/Abidjan', 'Pacific/Rarotonga', 'America/Santiago', 'America/Punta_Arenas', 'Pacific/Easter', 'Asia/Shanghai', 'Asia/Urumqi', 'America/Bogota', 'America/Costa_Rica', 'America/Havana', 'Atlantic/Cape_Verde', 'Indian/Christmas', 'Asia/Nicosia', 'Asia/Famagusta', 'Europe/Prague', 'Europe/Berlin', 'Europe/Copenhagen', 'America/Santo_Domingo', 'Africa/Algiers', 'America/Guayaquil', 'Pacific/Galapagos', 'Europe/Tallinn', 'Africa/Cairo', 'Africa/El_Aaiun', 'Europe/Madrid', 'Africa/Ceuta', 'Atlantic/Canary', 'Europe/Helsinki', 'Pacific/Fiji', 'Atlantic/Stanley', 'Pacific/Chuuk', 'Pacific/Pohnpei', 'Pacific/Kosrae', 'Atlantic/Faroe', 'Europe/Paris', 'Europe/London', 'Asia/Tbilisi', 'America/Cayenne', 'Europe/Gibraltar', 'America/Nuuk', 'America/Danmarkshavn', 'America/Scoresbysund', 'America/Thule', 'Europe/Athens', 'Atlantic/South_Georgia', 'America/Guatemala', 'Pacific/Guam', 'Africa/Bissau', 'America/Guyana', 'Asia/Hong_Kong', 'America/Tegucigalpa', 'America/Port-au-Prince', 'Europe/Budapest', 'Asia/Jakarta', 'Asia/Pontianak', 'Asia/Makassar', 'Asia/Jayapura', 'Europe/Dublin', 'Asia/Jerusalem', 'Asia/Kolkata', 'Indian/Chagos', 'Asia/Baghdad', 'Asia/Tehran', 'Atlantic/Reykjavik', 'Europe/Rome', 'America/Jamaica', 'Asia/Amman', 'Asia/Tokyo', 'Africa/Nairobi', 'Asia/Bishkek', 'Pacific/Tarawa', 'Pacific/Kanton', 'Pacific/Kiritimati', 'Asia/Pyongyang', 'Asia/Seoul', 'Asia/Almaty', 'Asia/Qyzylorda', 'Asia/Qostanay', 'Asia/Aqtobe', 'Asia/Aqtau', 'Asia/Atyrau', 'Asia/Oral', 'Asia/Beirut', 'Asia/Colombo', 'Africa/Monrovia', 'Europe/Vilnius', 'Europe/Luxembourg', 'Europe/Riga', 'Africa/Tripoli', 'Africa/Casablanca', 'Europe/Monaco', 'Europe/Chisinau', 'Pacific/Majuro', 'Pacific/Kwajalein', 'Asia/Yangon', 'Asia/Ulaanbaatar', 'Asia/Hovd', 'Asia/Choibalsan', 'Asia/Macau', 'America/Martinique', 'Europe/Malta', 'Indian/Mauritius', 'Indian/Maldives', 'America/Mexico_City', 'America/Cancun', 'America/Merida', 'America/Monterrey', 'America/Matamoros', 'America/Mazatlan', 'America/Chihuahua', 'America/Ojinaga', 'America/Hermosillo', 'America/Tijuana', 'America/Bahia_Banderas', 'Asia/Kuala_Lumpur', 'Asia/Kuching', 'Africa/Maputo', 'Africa/Windhoek', 'Pacific/Noumea', 'Pacific/Norfolk', 'Africa/Lagos', 'America/Managua', 'Europe/Amsterdam', 'Europe/Oslo', 'Asia/Kathmandu', 'Pacific/Nauru', 'Pacific/Niue', 'Pacific/Auckland', 'Pacific/Chatham', 'America/Panama', 'America/Lima', 'Pacific/Tahiti', 'Pacific/Marquesas', 'Pacific/Gambier', 'Pacific/Port_Moresby', 'Pacific/Bougainville', 'Asia/Manila', 'Asia/Karachi', 'Europe/Warsaw', 'America/Miquelon', 'Pacific/Pitcairn', 'America/Puerto_Rico', 'Asia/Gaza', 'Asia/Hebron', 'Europe/Lisbon', 'Atlantic/Madeira', 'Atlantic/Azores', 'Pacific/Palau', 'America/Asuncion', 'Asia/Qatar', 'Indian/Reunion', 'Europe/Bucharest', 'Europe/Belgrade', 'Europe/Kaliningrad', 'Europe/Moscow', 'Europe/Simferopol', 'Europe/Kirov', 'Europe/Volgograd', 'Europe/Astrakhan', 'Europe/Saratov', 'Europe/Ulyanovsk', 'Europe/Samara', 'Asia/Yekaterinburg', 'Asia/Omsk', 'Asia/Novosibirsk', 'Asia/Barnaul', 'Asia/Tomsk', 'Asia/Novokuznetsk', 'Asia/Krasnoyarsk', 'Asia/Irkutsk', 'Asia/Chita', 'Asia/Yakutsk', 'Asia/Khandyga', 'Asia/Vladivostok', 'Asia/Ust-Nera', 'Asia/Magadan', 'Asia/Sakhalin', 'Asia/Srednekolymsk', 'Asia/Kamchatka', 'Asia/Anadyr', 'Asia/Riyadh', 'Pacific/Guadalcanal', 'Indian/Mahe', 'Africa/Khartoum', 'Europe/Stockholm', 'Asia/Singapore', 'America/Paramaribo', 'Africa/Juba', 'Africa/Sao_Tome', 'America/El_Salvador', 'Asia/Damascus', 'America/Grand_Turk', 'Africa/Ndjamena', 'Indian/Kerguelen', 'Asia/Bangkok', 'Asia/Dushanbe', 'Pacific/Fakaofo', 'Asia/Dili', 'Asia/Ashgabat', 'Africa/Tunis', 'Pacific/Tongatapu', 'Europe/Istanbul', 'Pacific/Funafuti', 'Asia/Taipei', 'Europe/Kiev', 'Europe/Uzhgorod', 'Europe/Zaporozhye', 'Pacific/Wake', 'America/New_York', 'America/Detroit', 'America/Kentucky/Louisville', 'America/Kentucky/Monticello', 'America/Indiana/Indianapolis', 'America/Indiana/Vincennes', 'America/Indiana/Winamac', 'America/Indiana/Marengo', 'America/Indiana/Petersburg', 'America/Indiana/Vevay', 'America/Chicago', 'America/Indiana/Tell_City', 'America/Indiana/Knox', 'America/Menominee', 'America/North_Dakota/Center', 'America/North_Dakota/New_Salem', 'America/North_Dakota/Beulah', 'America/Denver', 'America/Boise', 'America/Phoenix', 'America/Los_Angeles', 'America/Anchorage', 'America/Juneau', 'America/Sitka', 'America/Metlakatla', 'America/Yakutat', 'America/Nome', 'America/Adak', 'Pacific/Honolulu', 'America/Montevideo', 'Asia/Samarkand', 'Asia/Tashkent', 'America/Caracas', 'Asia/Ho_Chi_Minh', 'Pacific/Efate', 'Pacific/Wallis', 'Pacific/Apia', 'Africa/Johannesburg'];

package/es/timezonepicker/update-tzdata.js

@@ -45,16 +45,21 @@ async function main() {
     }
 
     const file = [];
-    file.push('/* eslint-disable header/header */');
-    file.push('// @flow');
-    file.push('');
+    file.push(`/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+// @flow
+`);
     file.push('export const zones = [');
 
     for (const zone of zones) {
       file.push(`  '${zone}',`);
     }
 
-    file.push('];');
+    file.push('];\n');
     const tzdataPath = path.join(__dirname, 'tzdata.js');
     await fs.promises.writeFile(tzdataPath, file.join('\n')); // $FlowFixMe - flow is not aware of recursive option