baseui 0.0.0-next-2aecb6f → 0.0.0-next-aad2baf

package/timepicker/timepicker.js.flow

@@ -8,27 +8,20 @@ LICENSE file in the root directory of this source tree.
 
 import * as React from 'react';
 
-import {getOverrides, mergeOverrides} from '../helpers/overrides.js';
-import {LocaleContext} from '../locale/index.js';
-import type {OnChangeParamsT, OptionT} from '../select/index.js';
-import {filterOptions, Select} from '../select/index.js';
+import { getOverrides, mergeOverrides } from '../helpers/overrides.js';
+import { LocaleContext } from '../locale/index.js';
+import type { OnChangeParamsT, OptionT } from '../select/index.js';
+import { filterOptions, Select } from '../select/index.js';
 import DateHelpers from '../datepicker/utils/date-helpers.js';
 import dateFnsAdapter from '../datepicker/utils/date-fns-adapter.js';
-import type {
-  TimePickerDefaultPropsT,
-  TimePickerPropsT,
-  TimePickerStateT,
-} from './types.js';
+import type { TimePickerDefaultPropsT, TimePickerPropsT, TimePickerStateT } from './types.js';
 
 const MINUTE = 60;
 const HOUR = MINUTE * 60;
 const DAY = HOUR * 24;
 const NOON = DAY / 2;
 
-class TimePicker<T = Date> extends React.Component<
-  TimePickerPropsT<T>,
-  TimePickerStateT,
-> {
+class TimePicker<T = Date> extends React.Component<TimePickerPropsT<T>, TimePickerStateT> {
   static defaultProps: TimePickerDefaultPropsT = {
     format: '12',
     step: 900,
@@ -38,7 +31,7 @@ class TimePicker<T = Date> extends React.Component<
   };
   dateHelpers: DateHelpers<T>;
 
-  state = {steps: [], value: null};
+  state = { steps: [], value: null };
 
   constructor(props: TimePickerPropsT<T>) {
     super(props);
@@ -87,15 +80,15 @@ class TimePicker<T = Date> extends React.Component<
     }
     if (formatChanged || stepChanged || minTimeChange || maxTimeChange) {
       const steps = this.buildSteps();
-      this.setState({steps});
+      this.setState({ steps });
     }
     if (prevProps.value && !this.props.value) {
-      this.setState({value: null});
+      this.setState({ value: null });
     }
   }
 
   onChange = (params: OnChangeParamsT) => {
-    this.setState({value: params.value[0]});
+    this.setState({ value: params.value[0] });
     if (params.value.length === 0) {
       if (this.props.nullable) {
         this.props.onChange && this.props.onChange(null);
@@ -133,10 +126,7 @@ class TimePicker<T = Date> extends React.Component<
    * Converts a time string, e.g. 10:00, to one or more possible TimePicker
    * options representing that time.
    */
-  stringToOptions: (string, format?: '12' | '24') => Array<OptionT> = (
-    str,
-    format = '12',
-  ) => {
+  stringToOptions: (string, format?: '12' | '24') => Array<OptionT> = (str, format = '12') => {
     // leading zero is optional, AM/PM is optional
     const twelveHourRegex = /^(1[0-2]|0?[1-9]):([0-5][0-9]) ?([AaPp][Mm]?)?$/;
     // leading zero is optional
@@ -152,7 +142,7 @@ class TimePicker<T = Date> extends React.Component<
     let hoursMinutes = [];
     switch (format) {
       case '24': {
-        hoursMinutes = [{hours, minutes}];
+        hoursMinutes = [{ hours, minutes }];
         break;
       }
       case '12':
@@ -162,22 +152,22 @@ class TimePicker<T = Date> extends React.Component<
         // if there's no AM/PM, add both AM and PM options
         if (!meridiem) {
           hoursMinutes = [
-            {hours: twelveHours, minutes},
-            {hours: twelveHours + 12, minutes},
+            { hours: twelveHours, minutes },
+            { hours: twelveHours + 12, minutes },
           ];
         } else {
           const twentyFourHours =
             meridiem.toLowerCase()[0] === 'a' ? twelveHours : twelveHours + 12;
 
-          hoursMinutes = [{hours: twentyFourHours, minutes}];
+          hoursMinutes = [{ hours: twentyFourHours, minutes }];
         }
         break;
       }
     }
 
-    return hoursMinutes.map(({hours, minutes}) => {
+    return hoursMinutes.map(({ hours, minutes }) => {
       const secs = hours * 3600 + minutes * 60;
-      return {id: secs, label: this.secondsToLabel(secs, format)};
+      return { id: secs, label: this.secondsToLabel(secs, format) };
     });
   };
 
@@ -187,42 +177,29 @@ class TimePicker<T = Date> extends React.Component<
     this.props.onChange && this.props.onChange(updatedDate);
   };
 
-  setTime: (?T, number, number, number) => T = (
-    val,
-    hours,
-    minutes,
-    seconds,
-  ) => {
-    const {setSeconds, setMinutes, setHours} = this.dateHelpers;
-    const date = this.props.adapter.startOfDay(
-      this.props.adapter.date(val || undefined),
-    );
+  setTime: (?T, number, number, number) => T = (val, hours, minutes, seconds) => {
+    const { setSeconds, setMinutes, setHours } = this.dateHelpers;
+    const date = this.props.adapter.startOfDay(this.props.adapter.date(val || undefined));
     return setSeconds(setMinutes(setHours(date, hours), minutes), seconds);
   };
 
-  getTimeWindowInSeconds = (step: number): {start: number, end: number} => {
-    let {minTime: min, maxTime: max, ignoreMinMaxDateComponent} = this.props;
+  getTimeWindowInSeconds = (step: number): { start: number, end: number } => {
+    let { minTime: min, maxTime: max, ignoreMinMaxDateComponent } = this.props;
     const dayStart = this.setTime(this.props.value, 0, 0, 0);
     const dayEnd = this.setTime(this.props.value, 24, 0, 0);
 
-    if (
-      !min ||
-      (this.props.adapter.isBefore(min, dayStart) && !ignoreMinMaxDateComponent)
-    ) {
+    if (!min || (this.props.adapter.isBefore(min, dayStart) && !ignoreMinMaxDateComponent)) {
       min = dayStart;
     } else {
       min = this.setTime(
         this.props.value,
         this.props.adapter.getHours(min),
         this.props.adapter.getMinutes(min),
-        this.props.adapter.getSeconds(min),
+        this.props.adapter.getSeconds(min)
       );
     }
 
-    if (
-      !max ||
-      (this.props.adapter.isAfter(max, dayEnd) && !ignoreMinMaxDateComponent)
-    ) {
+    if (!max || (this.props.adapter.isAfter(max, dayEnd) && !ignoreMinMaxDateComponent)) {
       max = dayEnd;
     } else {
       max = this.setTime(
@@ -230,7 +207,7 @@ class TimePicker<T = Date> extends React.Component<
         this.props.adapter.getHours(max),
         this.props.adapter.getMinutes(max),
         // maxTime (if provided) should be inclusive, so add an extra second here
-        this.props.adapter.getSeconds(max) + 1,
+        this.props.adapter.getSeconds(max) + 1
       );
     }
 
@@ -244,14 +221,14 @@ class TimePicker<T = Date> extends React.Component<
   };
 
   buildSteps = () => {
-    const {step = 900} = this.props;
+    const { step = 900 } = this.props;
 
     const timeWindow = this.getTimeWindowInSeconds(step);
     let stepCount = (timeWindow.end - timeWindow.start) / step;
     if (__DEV__ && stepCount > 500) {
       // eslint-disable-next-line no-console
       console.warn(
-        `Provided step value (${step}) results in ${stepCount} steps. Performance may suffer when more than 500 elements are rendered.`,
+        `Provided step value (${step}) results in ${stepCount} steps. Performance may suffer when more than 500 elements are rendered.`
       );
     }
 
@@ -262,7 +239,7 @@ class TimePicker<T = Date> extends React.Component<
       if (__DEV__) {
         // eslint-disable-next-line no-console
         console.warn(
-          `Provided step value (${step}) does not spread evenly across a day. Rounding from ${previousStepCount} total steps to ${stepCount}.`,
+          `Provided step value (${step}) does not spread evenly across a day. Rounding from ${previousStepCount} total steps to ${stepCount}.`
         );
       }
     }
@@ -278,7 +255,7 @@ class TimePicker<T = Date> extends React.Component<
     options,
     filterValue,
     excludeOptions,
-    newProps,
+    newProps
   ) => {
     const result = this.stringToOptions(filterValue, this.props.format);
     if (result.length) {
@@ -287,10 +264,7 @@ class TimePicker<T = Date> extends React.Component<
     return filterOptions(options, filterValue, excludeOptions, newProps);
   };
 
-  buildSelectedOption: (T, ?'12' | '24') => OptionT = (
-    value,
-    format = '12',
-  ) => {
+  buildSelectedOption: (T, ?'12' | '24') => OptionT = (value, format = '12') => {
     const secs = this.dateHelpers.dateToSeconds(value);
     return {
       id: secs,
@@ -299,15 +273,12 @@ class TimePicker<T = Date> extends React.Component<
   };
 
   render() {
-    const {format, overrides = {}, adapter} = this.props;
+    const { format, overrides = {}, adapter } = this.props;
 
-    const [OverriddenSelect, selectProps] = getOverrides(
-      overrides.Select,
-      Select,
-    );
+    const [OverriddenSelect, selectProps] = getOverrides(overrides.Select, Select);
     selectProps.overrides = mergeOverrides(
-      {Dropdown: {style: {maxHeight: '126px'}}},
-      selectProps.overrides,
+      { Dropdown: { style: { maxHeight: '126px' } } },
+      selectProps.overrides
     );
 
     const value =
@@ -341,9 +312,7 @@ class TimePicker<T = Date> extends React.Component<
                 id: n,
                 label: this.secondsToLabel(n, this.props.format),
               }))}
-              filterOptions={
-                this.props.creatable ? this.creatableFilterOptions : undefined
-              }
+              filterOptions={this.props.creatable ? this.creatableFilterOptions : undefined}
               onChange={this.onChange}
               // if value is defined, it should be an array type
               value={value ? [value] : value}

package/timepicker/types.js.flow

@@ -6,10 +6,10 @@ LICENSE file in the root directory of this source tree.
 */
 // @flow
 /* eslint-disable flowtype/generic-spacing */
-import type {OverrideT} from '../helpers/overrides.js';
-import type {OptionT} from '../select/index.js';
-import type {SizeT} from '../input/types.js';
-import type {DateIOAdapter} from '../datepicker/utils/types.js';
+import type { OverrideT } from '../helpers/overrides.js';
+import type { OptionT } from '../select/index.js';
+import type { SizeT } from '../input/types.js';
+import type { DateIOAdapter } from '../datepicker/utils/types.js';
 
 export type TimePickerPropsT<T = Date> = {
   /** Render options in AM/PM format or 24 hour format. Defaults to 12 hour. */

package/timezonepicker/index.js.flow

@@ -5,7 +5,7 @@ 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 TimezonePicker} from './timezone-picker.js';
+export { default as TimezonePicker } from './timezone-picker.js';
 
 export type * from './types.js';
 

package/timezonepicker/timezone-picker.js.flow

@@ -8,24 +8,17 @@ LICENSE file in the root directory of this source tree.
 // @flow
 
 import * as React from 'react';
-import {format, getTimezoneOffset} from 'date-fns-tz';
+import { format, getTimezoneOffset } from 'date-fns-tz';
 
-import {getOverrides, mergeOverrides} from '../helpers/overrides.js';
-import {LocaleContext} from '../locale/index.js';
-import {Select} from '../select/index.js';
+import { getOverrides, mergeOverrides } from '../helpers/overrides.js';
+import { LocaleContext } from '../locale/index.js';
+import { Select } from '../select/index.js';
 
-import type {
-  TimezonePickerPropsT,
-  TimezonePickerStateT,
-  TimezoneT,
-} from './types.js';
-import {zones} from './tzdata.js';
+import type { TimezonePickerPropsT, TimezonePickerStateT, TimezoneT } from './types.js';
+import { zones } from './tzdata.js';
 
-class TimezonePicker extends React.Component<
-  TimezonePickerPropsT,
-  TimezonePickerStateT,
-> {
-  state = {timezones: [], value: null};
+class TimezonePicker extends React.Component<TimezonePickerPropsT, TimezonePickerStateT> {
+  state = { timezones: [], value: null };
 
   componentDidMount() {
     const timezones = this.buildTimezones(this.props.date || new Date());
@@ -33,15 +26,15 @@ class TimezonePicker extends React.Component<
     if (__BROWSER__) {
       if (!this.props.value) {
         const tz = Intl.DateTimeFormat().resolvedOptions().timeZone;
-        this.setState({timezones, value: tz});
+        this.setState({ timezones, value: tz });
 
         const option = timezones.find((o) => o.id === tz);
         option && this.props.onChange && this.props.onChange(option);
       } else {
-        this.setState({timezones});
+        this.setState({ timezones });
       }
     } else {
-      this.setState({timezones});
+      this.setState({ timezones });
     }
   }
 
@@ -50,7 +43,7 @@ class TimezonePicker extends React.Component<
     const nextTime = this.props.date ? this.props.date.getTime() : 0;
     if (prevTime !== nextTime) {
       const timezones = this.buildTimezones(this.props.date || new Date());
-      this.setState({timezones});
+      this.setState({ timezones });
 
       const option = timezones.find((o) => o.id === this.state.value);
       option && this.props.onChange && this.props.onChange(option);
@@ -67,7 +60,7 @@ class TimezonePicker extends React.Component<
         let label = `(GMT${offsetFormatted}) ${zoneName.replace(/_/g, ' ')}`;
 
         if (this.props.includeAbbreviations) {
-          const abbreviation = format(compareDate, 'zzz', {timeZone: zoneName});
+          const abbreviation = format(compareDate, 'zzz', { timeZone: zoneName });
           if (abbreviation) {
             label += ` - ${abbreviation}`;
           }
@@ -101,16 +94,13 @@ class TimezonePicker extends React.Component<
   };
 
   render() {
-    const {overrides = {}} = this.props;
-    const [OverriddenSelect, selectProps] = getOverrides(
-      overrides.Select,
-      Select,
-    );
+    const { overrides = {} } = this.props;
+    const [OverriddenSelect, selectProps] = getOverrides(overrides.Select, Select);
     selectProps.overrides = mergeOverrides(
       {
-        Dropdown: {style: {maxHeight: '360px'}},
+        Dropdown: { style: { maxHeight: '360px' } },
       },
-      selectProps.overrides,
+      selectProps.overrides
     );
 
     let options = this.state.timezones;
@@ -135,16 +125,16 @@ class TimezonePicker extends React.Component<
             size={this.props.size}
             onChange={(params) => {
               if (params.type === 'clear') {
-                this.setState({value: ''});
+                this.setState({ value: '' });
                 this.props.onChange && this.props.onChange(null);
               } else {
-                this.setState({value: params.option.id});
+                this.setState({ value: params.option.id });
                 this.props.onChange && this.props.onChange(params.option);
               }
             }}
             value={
               this.props.value || this.state.value
-                ? [{id: this.props.value || this.state.value}]
+                ? [{ id: this.props.value || this.state.value }]
                 : null
             }
             {...selectProps}

package/timezonepicker/types.js.flow

@@ -7,10 +7,10 @@ LICENSE file in the root directory of this source tree.
 // @flow
 /* eslint-disable flowtype/generic-spacing */
 import * as React from 'react';
-import type {OverrideT} from '../helpers/overrides.js';
+import type { OverrideT } from '../helpers/overrides.js';
 
-import type {OptionT} from '../select/index.js';
-import type {SizeT} from '../input/types.js';
+import type { OptionT } from '../select/index.js';
+import type { SizeT } from '../input/types.js';
 
 export type TimezonePickerStateT = {
   /** List of timezones from the IANA database. */
@@ -45,7 +45,7 @@ export type TimezonePickerPropsT = {
   mapLabels?: (OptionT) => React.Node,
   /** Callback for when the timezone selection changes. */
   onChange?: (value: ?TimezoneT) => mixed,
-  overrides?: {Select?: OverrideT},
+  overrides?: { Select?: OverrideT },
   /**
    * Optional value that can be provided to fully control the component. If not provided,
    * TimezonePicker will manage state internally.

package/timezonepicker/tzdata.js

@@ -5,6 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.zones = void 0;
 
-/* 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.
+*/
 var 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'];
 exports.zones = zones;

package/timezonepicker/tzdata.js.flow

@@ -1,4 +1,9 @@
-/* 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.
+*/
 // @flow
 
 export const zones = [

package/timezonepicker/update-tzdata.js

@@ -121,9 +121,7 @@ function _main() {
 
           case 34:
             file = [];
-            file.push('/* eslint-disable header/header */');
-            file.push('// @flow');
-            file.push('');
+            file.push("/*\nCopyright (c) Uber Technologies, Inc.\n\nThis source code is licensed under the MIT license found in the\nLICENSE file in the root directory of this source tree.\n*/\n// @flow\n");
             file.push('export const zones = [');
 
             for (_i = 0, _zones = zones; _i < _zones.length; _i++) {
@@ -131,32 +129,32 @@ function _main() {
               file.push("  '".concat(zone, "',"));
             }
 
-            file.push('];');
+            file.push('];\n');
             tzdataPath = path.join(__dirname, 'tzdata.js');
-            _context.next = 44;
+            _context.next = 42;
             return fs.promises.writeFile(tzdataPath, file.join('\n'));
 
-          case 44:
-            _context.next = 46;
+          case 42:
+            _context.next = 44;
             return fs.promises.rmdir(tmpDir, {
               recursive: true
             });
 
-          case 46:
-            _context.next = 51;
+          case 44:
+            _context.next = 49;
             break;
 
-          case 48:
-            _context.prev = 48;
+          case 46:
+            _context.prev = 46;
             _context.t1 = _context["catch"](0);
             console.error(_context.t1);
 
-          case 51:
+          case 49:
           case "end":
             return _context.stop();
         }
       }
-    }, _callee, null, [[0, 48], [16, 28, 31, 34]]);
+    }, _callee, null, [[0, 46], [16, 28, 31, 34]]);
   }));
   return _main.apply(this, arguments);
 }

package/timezonepicker/update-tzdata.js.flow

@@ -21,7 +21,7 @@ async function main() {
   try {
     const tmpDir = path.join(__dirname, 'tmp');
     // $FlowFixMe - flow is not aware of recursive option
-    await fs.promises.rmdir(tmpDir, {recursive: true});
+    await fs.promises.rmdir(tmpDir, { recursive: true });
     await fs.promises.mkdir(tmpDir);
 
     const src = `https://www.iana.org/time-zones/repository/tzdata-latest.tar.gz`;
@@ -44,20 +44,25 @@ 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
-    await fs.promises.rmdir(tmpDir, {recursive: true});
+    await fs.promises.rmdir(tmpDir, { recursive: true });
   } catch (error) {
     console.error(error);
   }

package/toast/index.js.flow

@@ -5,10 +5,10 @@ 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 toaster, ToasterContainer} from './toaster.js';
-export {default as Toast} from './toast.js';
+export { default as toaster, ToasterContainer } from './toaster.js';
+export { default as Toast } from './toast.js';
 // Constants
-export {KIND, PLACEMENT, TYPE} from './constants.js';
+export { KIND, PLACEMENT, TYPE } from './constants.js';
 // Styled elements
 export {
   Root as StyledRoot,

package/toast/styled-components.js.flow

@@ -6,9 +6,9 @@ LICENSE file in the root directory of this source tree.
 */
 // @flow
 
-import {styled} from '../styles/index.js';
-import {getSvgStyles} from '../icon/styled-components.js';
-import {KIND, PLACEMENT, TYPE} from './constants.js';
+import { styled } from '../styles/index.js';
+import { getSvgStyles } from '../icon/styled-components.js';
+import { KIND, PLACEMENT, TYPE } from './constants.js';
 import {
   type SharedStylePropsArgT,
   type ToasterSharedStylePropsArgT,
@@ -16,14 +16,10 @@ import {
   type NotificationTypeT,
   type PlacementTypeT,
 } from './types.js';
-import type {ThemeT} from '../styles/types.js';
-import type {StyleObject} from 'styletron-standard';
+import type { ThemeT } from '../styles/types.js';
+import type { StyleObject } from 'styletron-standard';
 
-function getBackgroundColor(
-  kind: KindTypeT,
-  type: NotificationTypeT,
-  theme: ThemeT,
-) {
+function getBackgroundColor(kind: KindTypeT, type: NotificationTypeT, theme: ThemeT) {
   const isInline = type === TYPE.inline;
   return {
     [KIND.info]: isInline
@@ -103,7 +99,7 @@ export function getPlacement(placement: PlacementTypeT) {
 
 export const Root = styled<ToasterSharedStylePropsArgT>(
   'div',
-  ({$placement, $theme}: ToasterSharedStylePropsArgT & {$theme: ThemeT}) => {
+  ({ $placement, $theme }: ToasterSharedStylePropsArgT & { $theme: ThemeT }) => {
     return {
       pointerEvents: 'none',
       position: 'fixed',
@@ -116,23 +112,18 @@ export const Root = styled<ToasterSharedStylePropsArgT>(
       marginRight: $theme.sizing.scale600,
       ...getPlacement($placement),
     };
-  },
+  }
 );
 
 export const InnerContainer = styled<SharedStylePropsArgT>(
   'div',
   // eslint-disable-next-line no-empty-pattern
-  ({}: SharedStylePropsArgT & {$theme: ThemeT}) => ({}),
+  ({}: SharedStylePropsArgT & { $theme: ThemeT }) => ({})
 );
 
 export const Body = styled<SharedStylePropsArgT>(
   'div',
-  ({
-    $isVisible,
-    $kind,
-    $type,
-    $theme,
-  }: SharedStylePropsArgT & {$theme: ThemeT}) => {
+  ({ $isVisible, $kind, $type, $theme }: SharedStylePropsArgT & { $theme: ThemeT }) => {
     const isInline = $type === TYPE.inline;
     return {
       ...$theme.typography.font300,
@@ -146,8 +137,7 @@ export const Body = styled<SharedStylePropsArgT>(
       paddingLeft: $theme.sizing.scale600,
       marginTop: $theme.sizing.scale300,
       marginBottom: $theme.sizing.scale300,
-      backgroundColor:
-        getBackgroundColor($kind, $type, $theme) || $theme.colors.accent,
+      backgroundColor: getBackgroundColor($kind, $type, $theme) || $theme.colors.accent,
       borderTopLeftRadius: $theme.borders.radius400,
       borderTopRightRadius: $theme.borders.radius400,
       borderBottomRightRadius: $theme.borders.radius400,
@@ -160,7 +150,7 @@ export const Body = styled<SharedStylePropsArgT>(
       display: 'flex',
       justifyContent: 'space-between',
     };
-  },
+  }
 );
 
 export const CloseIconSvg = styled<{
@@ -180,12 +170,12 @@ export const CloseIconSvg = styled<{
     $color: string,
     $theme: ThemeT,
   }): StyleObject => ({
-    ...getSvgStyles({$theme, $size, $color}),
+    ...getSvgStyles({ $theme, $size, $color }),
     cursor: 'pointer',
     width: $size || '16px',
     flexShrink: 0,
     outline: $isFocusVisible ? `3px solid ${$theme.colors.accent}` : 'none',
-  }),
+  })
 );
 
 declare var __DEV__: boolean;