@pingux/astro 2.0.0-alpha.1 → 2.0.0-alpha.4

package/lib/components/TextField/TextField.js

@@ -9,51 +9,43 @@ import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 import _Object$values from "@babel/runtime-corejs3/core-js-stable/object/values";
-
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-import React, { forwardRef, useRef, useImperativeHandle } from 'react';
+import React, { forwardRef, useImperativeHandle, useRef } from 'react';
 import PropTypes from 'prop-types';
 import { v4 as uuid } from 'uuid';
-import { Box, FieldHelperText, Input, Label } from '../../';
-import { ariaAttributesBasePropTypes } from '../../utils/devUtils/props/ariaAttributes';
+import { Box, FieldHelperText, Input, Label } from '../..';
 import { useField, useLabelHeight, usePropWarning } from '../../hooks';
-import statuses from '../../utils/devUtils/constants/statuses';
 import useColumnStyles from '../../hooks/useColumnStyles';
+import statuses from '../../utils/devUtils/constants/statuses';
+import { ariaAttributesBasePropTypes } from '../../utils/devUtils/props/ariaAttributes';
 import { inputFieldAttributesBasePropTypes } from '../../utils/devUtils/props/fieldAttributes';
+
 /**
  * Combines a text input, label, and helper text for a complete, form-ready solution.
  */
-
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var TextField = /*#__PURE__*/forwardRef(function (props, ref) {
   var helperText = props.helperText,
-      slots = props.slots,
-      status = props.status;
-
+    slots = props.slots,
+    status = props.status;
   var _useField = useField(props),
-      fieldContainerProps = _useField.fieldContainerProps,
-      fieldControlInputProps = _useField.fieldControlInputProps,
-      fieldControlWrapperProps = _useField.fieldControlWrapperProps,
-      fieldLabelProps = _useField.fieldLabelProps;
-
+    fieldContainerProps = _useField.fieldContainerProps,
+    fieldControlInputProps = _useField.fieldControlInputProps,
+    fieldControlWrapperProps = _useField.fieldControlWrapperProps,
+    fieldLabelProps = _useField.fieldLabelProps;
   var inputRef = useRef();
   var labelRef = useRef();
   usePropWarning(props, 'disabled', 'isDisabled');
   /* istanbul ignore next */
-
   useImperativeHandle(ref, function () {
     return inputRef.current;
   });
-
   var _useLabelHeight = useLabelHeight({
-    labelRef: labelRef,
-    inputRef: inputRef
-  }),
-      isLabelHigher = _useLabelHeight.isLabelHigher;
-
+      labelRef: labelRef,
+      inputRef: inputRef
+    }),
+    isLabelHigher = _useLabelHeight.isLabelHigher;
   var columnStyleProps = useColumnStyles({
     labelMode: props.labelMode
   });
@@ -82,19 +74,14 @@ var TextField = /*#__PURE__*/forwardRef(function (props, ref) {
 TextField.propTypes = _objectSpread(_objectSpread({
   /** The rendered label for the field. */
   label: PropTypes.node,
-
   /** A string designating whether or not the label is a float label. */
   labelMode: PropTypes.string,
-
   /** Text rendered below the input. */
   helperText: PropTypes.node,
-
   /** The unique identifier for the input element. */
   id: PropTypes.string,
-
   /** The name for the input element. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname). */
   name: PropTypes.string,
-
   /**
    * Callback fired when the value is changed on the input element.
    *
@@ -102,71 +89,51 @@ TextField.propTypes = _objectSpread(_objectSpread({
    * You can pull out the new value by accessing `event.target.value` (string).
    */
   onChange: PropTypes.func,
-
   /** The value for the input element (controlled). */
   value: PropTypes.string,
-
   /** How the input should handle autocompletion according to the browser. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautocomplete). The `autocomplete` prop is an alias for this. */
   autoComplete: PropTypes.string,
-
   /** @ignore Alias for `autoComplete` prop. Exists for backwards-compatibility. */
   autocomplete: PropTypes.string,
-
   /** A list of class names to apply to the input element. */
   className: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),
-
   /** The default value for the input element. */
   defaultValue: PropTypes.string,
-
   /** Whether the input element is automatically focused when loaded onto the page. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautofocus). */
   hasAutoFocus: PropTypes.bool,
-
   /** If present this prop will cause a help hint to render in the label of the field. */
   hintText: PropTypes.string,
-
   /** Whether the field has a status indicator. */
   hasNoStatusIndicator: PropTypes.bool,
-
   /** Whether the field is disabled. */
   isDisabled: PropTypes.bool,
-
   /** Whether the input can be selected, but not changed by the user. */
   isReadOnly: PropTypes.bool,
-
   /** Whether the field is required. */
   isRequired: PropTypes.bool,
-
   /** Add max Length to input value */
   maxLength: PropTypes.number,
-
   /**
    * Callback fired when focus is lost on the input element.
    */
   onBlur: PropTypes.func,
-
   /**
    * Callback fired when focus is lost on the input element.
    */
   onFocus: PropTypes.func,
-
   /** The placeholder text to display in the input element. */
   placeholder: PropTypes.string,
-
   /** Provides a way to insert markup in specified places. */
   slots: PropTypes.shape({
     /** The given node will be inserted before the input. */
     beforeInput: PropTypes.node,
-
     /** The given node will be inserted into the field container. */
     inContainer: PropTypes.node
   }),
-
   /** Determines the input status indicator and helper text styling. */
   status: PropTypes.oneOf(_Object$values(statuses)),
-
   /** Determines the type of input to use. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdeftype). */
   type: PropTypes.string,
-
   /** Props object that is spread directly into the input wrapper element. */
   wrapperProps: PropTypes.shape({})
 }, ariaAttributesBasePropTypes), inputFieldAttributesBasePropTypes);

package/lib/components/TextField/TextField.stories.js

@@ -12,21 +12,18 @@ import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectW
 import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 var _excluded = ["variant"];
 import _Object$values from "@babel/runtime-corejs3/core-js-stable/object/values";
-
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import React, { useState } from 'react';
 import isEmpty from 'lodash/isEmpty';
-import TextField from '.';
-import { Box } from '../../';
+import { Box } from '../..';
+import useCopyToClipboard from '../../hooks/useCopyToClipboard';
+import statuses from '../../utils/devUtils/constants/statuses.js';
 import { ariaAttributeBaseArgTypes } from '../../utils/devUtils/props/ariaAttributes';
 import { inputFieldAttributeBaseArgTypes } from '../../utils/devUtils/props/fieldAttributes';
-import { modes as labelModes } from '../Label/constants';
 import CopyButton from '../CopyText/CopyButton';
-import statuses from '../../utils/devUtils/constants/statuses.js';
-import useCopyToClipboard from '../../hooks/useCopyToClipboard';
+import { modes as labelModes } from '../Label/constants';
+import TextField from '.';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Form/TextField',
@@ -62,8 +59,7 @@ export default {
 };
 export var Default = function Default(_ref) {
   var variant = _ref.variant,
-      args = _objectWithoutProperties(_ref, _excluded);
-
+    args = _objectWithoutProperties(_ref, _excluded);
   return ___EmotionJSX(TextField, _extends({
     id: "default-id",
     name: "custom-name",
@@ -120,10 +116,9 @@ LeftLabel.parameters = {
 };
 export var Controlled = function Controlled() {
   var _useState = useState(''),
-      _useState2 = _slicedToArray(_useState, 2),
-      value = _useState2[0],
-      setValue = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
   return ___EmotionJSX(TextField, {
     label: "Example Label",
     onChange: function onChange(e) {
@@ -159,10 +154,9 @@ export var Required = function Required() {
 };
 export var DynamicRequired = function DynamicRequired() {
   var _useState3 = useState(''),
-      _useState4 = _slicedToArray(_useState3, 2),
-      value = _useState4[0],
-      setValue = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    value = _useState4[0],
+    setValue = _useState4[1];
   return ___EmotionJSX(TextField, {
     isRequired: isEmpty(value) // isEmpty from lodash
     ,
@@ -215,15 +209,13 @@ export var MaxLength = function MaxLength() {
 };
 export var WithSlots = function WithSlots() {
   var _useState5 = useState("[{ 'type': 'work', 'streetAddress': 'San Antonio MI 47096' },{ 'type': 'home', 'streetAddress': 'Santa Rosa MN 98804' }]"),
-      _useState6 = _slicedToArray(_useState5, 2),
-      addressesValue = _useState6[0],
-      setAddressesValue = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    addressesValue = _useState6[0],
+    setAddressesValue = _useState6[1];
   var _useState7 = useState("[{ 'status': 'inactive', 'subject': 'example@pingidentity.com' },{ 'status': 'active', 'subject': 'john@pingidentity.com' }]"),
-      _useState8 = _slicedToArray(_useState7, 2),
-      jsonValue = _useState8[0],
-      setJsonValue = _useState8[1];
-
+    _useState8 = _slicedToArray(_useState7, 2),
+    jsonValue = _useState8[0],
+    setJsonValue = _useState8[1];
   var copyAddressesToClipboard = useCopyToClipboard(addressesValue);
   var copyJsonToClipboard = useCopyToClipboard(jsonValue);
   var buttonSx = {

package/lib/components/TextField/TextField.test.js

@@ -5,9 +5,9 @@ import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object
 import React from 'react';
 import { render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
-import TextField from '.';
-import axeTest from '../../utils/testUtils/testAxe';
 import statuses from '../../utils/devUtils/constants/statuses';
+import axeTest from '../../utils/testUtils/testAxe';
+import TextField from '.';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var testId = 'test-text-field';
 var testLabel = 'Test Label';
@@ -15,13 +15,12 @@ var defaultProps = {
   'data-testid': testId,
   label: testLabel
 };
-
 var getComponent = function getComponent() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return render(___EmotionJSX(TextField, _extends({}, defaultProps, props)));
-}; // Need to be added to each test file to test accessibility using axe.
-
+};
 
+// Need to be added to each test file to test accessibility using axe.
 axeTest(getComponent);
 test('default text field', function () {
   getComponent();
@@ -52,7 +51,6 @@ test('text field with helper text', function () {
 });
 test('label will receive gridRow attribute if it will be higher than input', function () {
   var originalOffsetHeight = _Object$getOwnPropertyDescriptor(HTMLElement.prototype, 'offsetHeight');
-
   _Object$defineProperties(window.HTMLElement.prototype, {
     offsetHeight: {
       get: function get() {
@@ -60,10 +58,8 @@ test('label will receive gridRow attribute if it will be higher than input', fun
       }
     }
   });
-
   getComponent();
   expect(screen.getByText(defaultProps.label)).toHaveStyle('grid-row: 1/5');
-
   _Object$defineProperty(HTMLElement.prototype, 'offsetHeight', originalOffsetHeight);
 });
 test('form wrapper will have default max label column width when no custom width set', function () {

package/lib/components/TimeZonePicker/TimeZonePicker.js

@@ -10,11 +10,8 @@ import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 var _excluded = ["additionalTimeZones", "emptySearchText", "locales", "localeOptions"];
-
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context8, _context9; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context8 = ownKeys(Object(source), !0)).call(_context8, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context9 = ownKeys(Object(source))).call(_context9, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
@@ -25,36 +22,30 @@ import _parseFloat from "@babel/runtime-corejs3/core-js-stable/parse-float";
 import _sortInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/sort";
 import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import PropTypes from 'prop-types';
-import defaultTimezones, { usCities } from './timezones.js';
 import { Box, ComboBoxField, Item, Text } from '../../index';
+import defaultTimezones, { usCities } from './timezones.js';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-
 var createSearchTags = function createSearchTags(_ref) {
   var _context, _context2, _context3, _context4;
-
   var gmt = _ref.gmt,
-      gmtLabel = _ref.gmtLabel,
-      timeZone = _ref.timeZone;
+    gmtLabel = _ref.gmtLabel,
+    timeZone = _ref.timeZone;
   var additionalTags = '';
   var americaTimeZone = _includesInstanceProperty(timeZone).call(timeZone, 'America') && timeZone.substring(8);
-
   if (_includesInstanceProperty(usCities).call(usCities, americaTimeZone)) {
     additionalTags = "US ".concat(americaTimeZone);
   }
-
   return _concatInstanceProperty(_context = _concatInstanceProperty(_context2 = _concatInstanceProperty(_context3 = _concatInstanceProperty(_context4 = "".concat(gmt, " ")).call(_context4, gmtLabel, " ")).call(_context3, timeZone, " ")).call(_context2, timeZone === null || timeZone === void 0 ? void 0 : timeZone.replace(/_/g, ' '), " ")).call(_context, additionalTags);
 };
-
 var getLocaleTime = function getLocaleTime(_ref2) {
   var timeZone = _ref2.timeZone,
-      locales = _ref2.locales,
-      localeOptions = _ref2.localeOptions;
+    locales = _ref2.locales,
+    localeOptions = _ref2.localeOptions;
   var date = new Date();
   return date.toLocaleTimeString(locales, _objectSpread({
     timeZone: timeZone
   }, localeOptions));
 };
-
 var getTimezoneOffset = function getTimezoneOffset(timeZone) {
   var now = new Date();
   var tzString = now.toLocaleString('en-US', {
@@ -66,6 +57,7 @@ var getTimezoneOffset = function getTimezoneOffset(timeZone) {
   var formattedString = "".concat(offset, ":00");
   return offset > 0 ? "+".concat(formattedString) : formattedString;
 };
+
 /**
  *  Component allows users to choose a timezone from the list.
  *  You can checkout the default timezones list [here](https://github.com/yury-dymov/react-bootstrap-timezone-picker/blob/master/src/timezones.json).
@@ -73,34 +65,27 @@ var getTimezoneOffset = function getTimezoneOffset(timeZone) {
  *  Utilizes ComboBoxField component. You can use the same props as with
  *  the ComboBoxField - they will be spread into it.
  */
-
-
 var TimeZonePicker = /*#__PURE__*/forwardRef(function (props, ref) {
   var additionalTimeZones = props.additionalTimeZones,
-      emptySearchText = props.emptySearchText,
-      locales = props.locales,
-      localeOptions = props.localeOptions,
-      otherProps = _objectWithoutProperties(props, _excluded);
-
+    emptySearchText = props.emptySearchText,
+    locales = props.locales,
+    localeOptions = props.localeOptions,
+    otherProps = _objectWithoutProperties(props, _excluded);
   var _useState = useState(''),
-      _useState2 = _slicedToArray(_useState, 2),
-      search = _useState2[0],
-      setSearch = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    search = _useState2[0],
+    setSearch = _useState2[1];
   var _useState3 = useState(true),
-      _useState4 = _slicedToArray(_useState3, 2),
-      timeUpdate = _useState4[0],
-      setTimeUpdate = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    timeUpdate = _useState4[0],
+    setTimeUpdate = _useState4[1];
   var _useState5 = useState([]),
-      _useState6 = _slicedToArray(_useState5, 2),
-      timeZones = _useState6[0],
-      setTimeZones = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    timeZones = _useState6[0],
+    setTimeZones = _useState6[1];
   var extendedTimeZonesList = additionalTimeZones ? _objectSpread(_objectSpread({}, defaultTimezones), additionalTimeZones) : defaultTimezones;
   var timeZonePickerRef = useRef();
   /* istanbul ignore next */
-
   useImperativeHandle(ref, function () {
     return timeZonePickerRef.current;
   });
@@ -108,10 +93,8 @@ var TimeZonePicker = /*#__PURE__*/forwardRef(function (props, ref) {
     if (timeUpdate) {
       var createTimeZoneTimes = function createTimeZoneTimes() {
         var _context5;
-
         return _mapInstanceProperty(_context5 = _Object$entries(extendedTimeZonesList)).call(_context5, function (item) {
           var _item$;
-
           var gmt = "GMT".concat(getTimezoneOffset(item[1]));
           var gmtLabel = item[0].substring(12);
           var timeZone = (_item$ = item[1]) === null || _item$ === void 0 ? void 0 : _item$.replace(/_/g, ' ');
@@ -133,7 +116,6 @@ var TimeZonePicker = /*#__PURE__*/forwardRef(function (props, ref) {
           };
         });
       };
-
       setTimeZones(createTimeZoneTimes());
       setTimeUpdate(false);
     }
@@ -141,7 +123,6 @@ var TimeZonePicker = /*#__PURE__*/forwardRef(function (props, ref) {
   var filterTimezones = useCallback(function (timeZonesList) {
     return _filterInstanceProperty(timeZonesList).call(timeZonesList, function (_ref3) {
       var _context6;
-
       var searchTags = _ref3.searchTags;
       return _indexOfInstanceProperty(_context6 = searchTags.toUpperCase()).call(_context6, search.toUpperCase()) > -1;
     });
@@ -149,28 +130,22 @@ var TimeZonePicker = /*#__PURE__*/forwardRef(function (props, ref) {
   var filteredTimezones = useMemo(function () {
     return filterTimezones(timeZones);
   }, [filterTimezones, timeZones]);
-
   var sortByGMT = function sortByGMT(a, b) {
     var aNum = _parseFloat(a.gmt.split('GMT')[1].split(':')[0]);
-
     var bNum = _parseFloat(b.gmt.split('GMT')[1].split(')')[0]);
-
     return aNum - bNum;
   };
-
   var checkIsSelectedItem = function checkIsSelectedItem() {
     return _filterInstanceProperty(timeZones).call(timeZones, function (tz) {
       return tz.timeZone === search;
     }).length > 0;
   };
-
   var renderTimeZones = function renderTimeZones(timeZonesToRender) {
     var _context7;
-
     return _mapInstanceProperty(_context7 = _sortInstanceProperty(timeZonesToRender).call(timeZonesToRender, sortByGMT)).call(_context7, function (_ref4) {
       var gmt = _ref4.gmt,
-          time = _ref4.time,
-          timeZone = _ref4.timeZone;
+        time = _ref4.time,
+        timeZone = _ref4.timeZone;
       return ___EmotionJSX(Item, {
         key: timeZone,
         "data-id": timeZone,
@@ -190,14 +165,12 @@ var TimeZonePicker = /*#__PURE__*/forwardRef(function (props, ref) {
       }, time))));
     });
   };
-
   var items = useMemo(function () {
     if (filteredTimezones.length === 0) {
       return ___EmotionJSX(Item, {
         key: emptySearchText
       }, emptySearchText);
     }
-
     return renderTimeZones(checkIsSelectedItem() ? timeZones : filteredTimezones);
   }, [emptySearchText, filteredTimezones, search, timeZones]);
   var comboBoxFieldProps = useMemo(function () {
@@ -232,13 +205,10 @@ TimeZonePicker.propTypes = {
    * e.g. `{'(GMT+02:00) Africa/Juba': 'Africa/Juba'}`
    */
   additionalTimeZones: PropTypes.shape({}),
-
   /** Text that will be shown if no search results are found. */
   emptySearchText: PropTypes.string,
-
   /** Locale(s) to use when generating the time format. See [MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleTimeString#using_locales) for more info. */
   locales: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),
-
   /** Custom options to use when generating the time format. See [MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleTimeString#using_options) for more info. */
   localeOptions: PropTypes.shape({})
 };

package/lib/components/TimeZonePicker/TimeZonePicker.test.js

@@ -1,25 +1,21 @@
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import React from 'react';
 import userEvent from '@testing-library/user-event';
+import { OverlayProvider, TimeZonePicker } from '../../index';
 import { render, screen } from '../../utils/testUtils/testWrapper';
-import { TimeZonePicker, OverlayProvider } from '../../index';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var testTimeZoneJuba = 'Africa/Juba';
 var testTimeZoneApia = 'Pacific/Apia';
 var defaultProps = {
   label: 'Test Label'
 };
-
 var getComponent = function getComponent() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-      _ref$renderFn = _ref.renderFn,
-      renderFn = _ref$renderFn === void 0 ? render : _ref$renderFn;
-
+    _ref$renderFn = _ref.renderFn,
+    renderFn = _ref$renderFn === void 0 ? render : _ref$renderFn;
   return renderFn(___EmotionJSX(OverlayProvider, null, ___EmotionJSX(TimeZonePicker, _extends({}, defaultProps, props))));
 };
-
 beforeAll(function () {
   jest.spyOn(window.HTMLElement.prototype, 'clientWidth', 'get').mockImplementation(function () {
     return 1000;

package/lib/components/TooltipTrigger/Tooltip.js

@@ -9,17 +9,14 @@ import Text from '../Text';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var Tooltip = /*#__PURE__*/forwardRef(function (props, ref) {
   var children = props.children,
-      others = _objectWithoutProperties(props, _excluded);
-
+    others = _objectWithoutProperties(props, _excluded);
   var _useContext = useContext(TooltipContext),
-      state = _useContext.state;
-
+    state = _useContext.state;
   var _useTooltip = useTooltip(props, state),
-      tooltipProps = _useTooltip.tooltipProps;
-
+    tooltipProps = _useTooltip.tooltipProps;
   var tooltipRef = useRef();
-  /* istanbul ignore next */
 
+  /* istanbul ignore next */
   useImperativeHandle(ref, function () {
     return tooltipRef.current;
   });

package/lib/components/TooltipTrigger/Tooltip.styles.js

@@ -7,17 +7,13 @@ import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-st
 import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
 import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
 import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-import { text } from '../Button/Buttons.styles';
 import { baseBadge } from '../Badge/Badge.styles';
+import { text } from '../Button/Buttons.styles';
 var container = {
   p: 'sm'
 };
-
 var badge = _objectSpread(_objectSpread({}, baseBadge), {}, {
   cursor: 'default',
   '&.is-hovered, &.is-pressed': {
@@ -25,7 +21,6 @@ var badge = _objectSpread(_objectSpread({}, baseBadge), {}, {
     outline: 'none'
   }
 });
-
 export var button = {
   cursor: 'default',
   '&.is-hovered, &.is-pressed': {
@@ -36,7 +31,6 @@ export var button = {
     }
   }
 };
-
 var inline = _objectSpread(_objectSpread({}, text), {}, {
   cursor: 'default',
   alignSelf: 'flex-start',
@@ -46,7 +40,6 @@ var inline = _objectSpread(_objectSpread({}, text), {}, {
     textDecoration: 'inherit'
   }
 });
-
 var content = {
   maxWidth: '10em',
   maxHeight: '15em',