@pingux/astro 2.238.0-alpha.0 → 2.239.0-alpha.0

package/lib/components/DatePicker/DateField.js

@@ -1,22 +1,4 @@
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
-import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
-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 _extends from "@babel/runtime-corejs3/helpers/esm/extends";
-import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
-var _excluded = ["buttonProps", "className", "fieldProps", "groupProps", "groupRef", "hasFormatHelpText", "helperText", "isDisabled", "isOpen", "isReadOnly", "isRequired", "isQuiet", "status", "datePickerState", "minValue", "maxValue", "unavailableRanges", "fieldControlProps", "hasAutoFocus"],
-  _excluded2 = ["defaultValue"];
-import _setTimeout from "@babel/runtime-corejs3/core-js-stable/set-timeout";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context4, _context5; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context4 = ownKeys(Object(t), !0)).call(_context4, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context5 = ownKeys(Object(t))).call(_context5, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import { FocusScope } from 'react-aria';
 import { Item } from 'react-stately';
@@ -36,107 +18,110 @@ import DateSegment from './DateSegment';
  * Parts of the date is displayed in editable segments
  */
 import { jsx as ___EmotionJSX } from "@emotion/react";
-var ARIA_LABELS_CALENDAR_BUTTON_EXPANSION = {
+const ARIA_LABELS_CALENDAR_BUTTON_EXPANSION = {
   OPEN: 'Open the Calendar Popover',
   CLOSE: 'Close the Calendar Popover'
 };
-var DateField = /*#__PURE__*/forwardRef(function (props, ref) {
-  var _labelRef$current, _context3;
-  var buttonProps = props.buttonProps,
-    className = props.className,
-    fieldProps = props.fieldProps,
-    groupProps = props.groupProps,
-    groupRef = props.groupRef,
-    hasFormatHelpText = props.hasFormatHelpText,
-    helperText = props.helperText,
-    _props$isDisabled = props.isDisabled,
-    isDisabled = _props$isDisabled === void 0 ? false : _props$isDisabled,
-    isOpen = props.isOpen,
-    _props$isReadOnly = props.isReadOnly,
-    isReadOnly = _props$isReadOnly === void 0 ? false : _props$isReadOnly,
-    _props$isRequired = props.isRequired,
-    isRequired = _props$isRequired === void 0 ? false : _props$isRequired,
-    _props$isQuiet = props.isQuiet,
-    isQuiet = _props$isQuiet === void 0 ? false : _props$isQuiet,
-    _props$status = props.status,
-    status = _props$status === void 0 ? statuses.DEFAULT : _props$status,
-    datePickerState = props.datePickerState,
-    minValue = props.minValue,
-    maxValue = props.maxValue,
-    unavailableRanges = props.unavailableRanges,
-    fieldControlProps = props.fieldControlProps,
-    _props$hasAutoFocus = props.hasAutoFocus,
-    hasAutoFocus = _props$hasAutoFocus === void 0 ? false : _props$hasAutoFocus,
-    other = _objectWithoutProperties(props, _excluded);
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    errorMessage = _useState2[0],
-    setErrorMessage = _useState2[1];
-  var fieldRef = useRef(null);
-  var inputRef = useRef(null);
-  var labelRef = useRef(null);
+const DateField = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    buttonProps,
+    className,
+    fieldProps,
+    groupProps,
+    groupRef,
+    hasFormatHelpText,
+    helperText,
+    isDisabled = false,
+    isOpen,
+    isReadOnly = false,
+    isRequired = false,
+    isQuiet = false,
+    status = statuses.DEFAULT,
+    datePickerState,
+    minValue,
+    maxValue,
+    unavailableRanges,
+    fieldControlProps,
+    hasAutoFocus = false,
+    ...other
+  } = props;
+  const [errorMessage, setErrorMessage] = useState('');
+  const fieldRef = useRef(null);
+  const inputRef = useRef(null);
+  const labelRef = useRef(null);
 
   // istanbul ignore next
-  useImperativeHandle(ref, function () {
-    return inputRef.current;
+  useImperativeHandle(ref, () => inputRef.current);
+  const {
+    locale
+  } = useLocale();
+  const state = useDateFieldState({
+    ...fieldProps,
+    locale,
+    createCalendar
   });
-  var _useLocale = useLocale(),
-    locale = _useLocale.locale;
-  var state = useDateFieldState(_objectSpread(_objectSpread({}, fieldProps), {}, {
-    locale: locale,
-    createCalendar: createCalendar
-  }));
-  var _useStatusClasses = useStatusClasses(className, _defineProperty({
-      isDisabled: isDisabled,
-      isReadOnly: isReadOnly
-    }, "is-".concat(status), true)),
-    classNames = _useStatusClasses.classNames;
-  var segments = state.segments;
-  var _ref = datePickerState || {},
-    setValue = _ref.setValue;
-  var _useDateField = useDateField(_objectSpread({}, fieldProps), state, fieldRef),
-    dateFieldProps = _useDateField.fieldProps;
+  const {
+    classNames
+  } = useStatusClasses(className, {
+    isDisabled,
+    isReadOnly,
+    [`is-${status}`]: true
+  });
+  const {
+    segments
+  } = state;
+  const {
+    setValue
+  } = datePickerState || {};
+  const {
+    fieldProps: dateFieldProps
+  } = useDateField({
+    ...fieldProps
+  }, state, fieldRef);
 
   // removing a duplicate id, otherwise the groups element and field element each apply it
   delete dateFieldProps.id;
 
   // useDateFieldState does not return defaultValue so we separate it out to prevent control clashes
-  var defaultValue = props.defaultValue,
-    others = _objectWithoutProperties(props, _excluded2);
-  var _useField = useField(_objectSpread(_objectSpread({}, others), {}, {
-      value: state.value ? String(state.value) : ''
-    })),
-    fieldContainerProps = _useField.fieldContainerProps,
-    fieldControlInputProps = _useField.fieldControlInputProps,
-    fieldControlWrapperProps = _useField.fieldControlWrapperProps,
-    fieldLabelProps = _useField.fieldLabelProps;
-  var toggleCalendarButtonAriaLabel = isOpen ? ARIA_LABELS_CALENDAR_BUTTON_EXPANSION.OPEN : ARIA_LABELS_CALENDAR_BUTTON_EXPANSION.CLOSE;
-  useEffect(function () {
+  const {
+    defaultValue,
+    ...others
+  } = props;
+  const {
+    fieldContainerProps,
+    fieldControlInputProps,
+    fieldControlWrapperProps,
+    fieldLabelProps
+  } = useField({
+    ...others,
+    value: state.value ? String(state.value) : ''
+  });
+  const toggleCalendarButtonAriaLabel = isOpen ? ARIA_LABELS_CALENDAR_BUTTON_EXPANSION.OPEN : ARIA_LABELS_CALENDAR_BUTTON_EXPANSION.CLOSE;
+  useEffect(() => {
     if (errorMessage) {
-      var timer = _setTimeout(function () {
+      const timer = setTimeout(() => {
         setErrorMessage('');
       }, 5000);
-      return function () {
+      return () => {
         clearTimeout(timer);
       };
     }
     return undefined;
   }, [errorMessage]);
-  var getKey = function getKey(segment, index) {
-    var _context;
-    return _concatInstanceProperty(_context = "".concat(segment, "-")).call(_context, index);
+  const getKey = (segment, index) => {
+    return `${segment}-${index}`;
   };
-  var isLocalEnUS = useMemo(function () {
+  const isLocalEnUS = useMemo(() => {
     return locale === 'en-US';
   }, [locale]);
 
   /**
    * Reordering segments object for YYYY-MM-DD format
    */
-  var enUSSegments = [];
+  const enUSSegments = [];
   if (locale === 'en-US') {
     do {
-      _forEachInstanceProperty(segments).call(segments, function (item) {
+      segments.forEach(item => {
         if (item.type === 'year' && enUSSegments.length === 0) {
           enUSSegments.push(item);
         }
@@ -160,22 +145,21 @@ var DateField = /*#__PURE__*/forwardRef(function (props, ref) {
    * Creates an expected date format helper text and automatically changes based on locale.
    */
 
-  var formatHelpText = useMemo(function () {
-    var _context2;
-    return _mapInstanceProperty(_context2 = isLocalEnUS ? enUSSegments : segments).call(_context2, function (s) {
+  const formatHelpText = useMemo(() => {
+    return (isLocalEnUS ? enUSSegments : segments).map(s => {
       return s.text;
     }).join(' ');
   }, [hasFormatHelpText]);
-  var handlePaste = useCallback(function (e) {
-    var copiedValue = e.clipboardData.getData('text');
-    var isNextAvailableDate;
-    var handleSetDateValue = function handleSetDateValue(isDate) {
+  const handlePaste = useCallback(e => {
+    const copiedValue = e.clipboardData.getData('text');
+    let isNextAvailableDate;
+    const handleSetDateValue = isDate => {
       if (setValue) setValue(isDate);
     };
     if (isLocalEnUS && !isDisabled && !isReadOnly) {
       try {
         if (copiedValue.match(/^\d{4}-\d{2}-\d{2}$/) !== null) {
-          var DateProps = {
+          const DateProps = {
             isMinValue: minValue && parseDate(minValue),
             isMaxValue: maxValue && parseDate(maxValue),
             isValidDate: parseDate(copiedValue)
@@ -191,12 +175,12 @@ var DateField = /*#__PURE__*/forwardRef(function (props, ref) {
             return handleSetDateValue(DateProps.isMaxValue);
           }
           if (unavailableRanges) {
-            _mapInstanceProperty(unavailableRanges).call(unavailableRanges, function (interval) {
+            unavailableRanges.map(interval => {
               if (DateProps.isValidDate >= parseDate(interval[0]) && DateProps.isValidDate <= parseDate(interval[1])) {
                 isNextAvailableDate = parseDate(interval[1]).add({
                   days: 1
                 });
-                return isNextAvailableDate && setErrorMessage("Pasted value ".concat(copiedValue, " is an unavailable date"));
+                return isNextAvailableDate && setErrorMessage(`Pasted value ${copiedValue} is an unavailable date`);
               }
               return null;
             });
@@ -206,7 +190,7 @@ var DateField = /*#__PURE__*/forwardRef(function (props, ref) {
         }
         throw new Error();
       } catch (err) {
-        setErrorMessage("Invalid Date. Paste in YYYY-MM-DD format. Pasted value ".concat(copiedValue));
+        setErrorMessage(`Invalid Date. Paste in YYYY-MM-DD format. Pasted value ${copiedValue}`);
       }
     }
     return null;
@@ -224,31 +208,28 @@ var DateField = /*#__PURE__*/forwardRef(function (props, ref) {
   }), ___EmotionJSX(Box, fieldControlWrapperProps, ___EmotionJSX(VisuallyHidden, null, ___EmotionJSX(Input, _extends({
     ref: inputRef,
     type: "date/text",
-    "data-testid": "date-field"
-  }, _objectSpread({
+    "data-testid": "date-field",
     tabIndex: -1
-  }, fieldControlInputProps), {
-    "aria-labelledby": labelRef === null || labelRef === void 0 || (_labelRef$current = labelRef.current) === null || _labelRef$current === void 0 ? void 0 : _labelRef$current.id
+  }, fieldControlInputProps, {
+    "aria-labelledby": labelRef?.current?.id
   })))), ___EmotionJSX(Box, _extends({
     isRow: true,
     variant: "forms.datePicker.inputField"
   }, dateFieldProps, fieldControlProps, {
     ref: fieldRef,
     className: classNames
-  }), ___EmotionJSX(FocusScope, null, _mapInstanceProperty(_context3 = isLocalEnUS ? enUSSegments : segments).call(_context3, function (segment, index) {
-    return ___EmotionJSX(DateSegment, _extends({
-      key: getKey(segment, index),
-      segment: segment,
-      state: state,
-      isDisabled: isDisabled,
-      isReadOnly: isReadOnly,
-      isRequired: isRequired,
-      segments: isLocalEnUS ? enUSSegments : segments,
-      handlePaste: handlePaste,
-      segmentIndex: index,
-      isLocalEnUS: isLocalEnUS
-    }, other));
-  })), ___EmotionJSX(IconButton, _extends({
+  }), ___EmotionJSX(FocusScope, null, (isLocalEnUS ? enUSSegments : segments).map((segment, index) => ___EmotionJSX(DateSegment, _extends({
+    key: getKey(segment, index),
+    segment: segment,
+    state: state,
+    isDisabled: isDisabled,
+    isReadOnly: isReadOnly,
+    isRequired: isRequired,
+    segments: isLocalEnUS ? enUSSegments : segments,
+    handlePaste: handlePaste,
+    segmentIndex: index,
+    isLocalEnUS: isLocalEnUS
+  }, other)))), ___EmotionJSX(IconButton, _extends({
     variant: "datePicker.containedIcon",
     isDisabled: isDisabled || isReadOnly
   }, buttonProps, {
@@ -260,9 +241,7 @@ var DateField = /*#__PURE__*/forwardRef(function (props, ref) {
     },
     size: 20
   })))), hasFormatHelpText && ___EmotionJSX(FieldHelperText, null, formatHelpText), errorMessage && ___EmotionJSX(Messages, {
-    onClose: function onClose() {
-      return setErrorMessage('');
-    }
+    onClose: () => setErrorMessage('')
   }, ___EmotionJSX(Item, {
     key: "message1",
     status: "error"

package/lib/components/DatePicker/DatePicker.js

@@ -1,15 +1,4 @@
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
-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 _extends from "@babel/runtime-corejs3/helpers/esm/extends";
-import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React, { forwardRef, useRef } from 'react';
 import { parseDate } from '@internationalized/date';
 import { useDatePicker } from '@react-aria/datepicker';
@@ -33,63 +22,67 @@ import DateField from './DateField';
  * Strings are parsed with parseDate.
  */
 import { jsx as ___EmotionJSX } from "@emotion/react";
-var parseDateProp = function parseDateProp(val) {
+const parseDateProp = val => {
   if (!val) return undefined;
   return typeof val === 'string' ? parseDate(val) : val;
 };
-var DatePicker = /*#__PURE__*/forwardRef(function (props, ref) {
-  var defaultValue = props.defaultValue,
-    hasAutoFocus = props.hasAutoFocus,
-    helperText = props.helperText,
-    helpHintProps = props.helpHintProps,
-    isDefaultOpen = props.isDefaultOpen,
-    _props$isDisabled = props.isDisabled,
-    isDisabled = _props$isDisabled === void 0 ? false : _props$isDisabled,
-    _props$isReadOnly = props.isReadOnly,
-    isReadOnly = _props$isReadOnly === void 0 ? false : _props$isReadOnly,
-    _props$isRequired = props.isRequired,
-    isRequired = _props$isRequired === void 0 ? false : _props$isRequired,
-    maxValue = props.maxValue,
-    minValue = props.minValue,
-    status = props.status,
-    value = props.value,
-    unavailableRanges = props.unavailableRanges,
-    fieldControlProps = props.fieldControlProps,
-    calendarWrapperProps = props.calendarWrapperProps;
-  var groupRef = useRef(null);
-  var popoverRef = useRef(null);
+const DatePicker = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    defaultValue,
+    hasAutoFocus,
+    helperText,
+    helpHintProps,
+    isDefaultOpen,
+    isDisabled = false,
+    isReadOnly = false,
+    isRequired = false,
+    maxValue,
+    minValue,
+    status,
+    value,
+    unavailableRanges,
+    fieldControlProps,
+    calendarWrapperProps
+  } = props;
+  const groupRef = useRef(null);
+  const popoverRef = useRef(null);
 
   /**
    *  This function is run against each date in the calendar
    */
-  var isDateUnavailable = function isDateUnavailable(date) {
+  const isDateUnavailable = date => {
     return isDateWithinRanges(date, unavailableRanges);
   };
 
   /**
    * To accept date value as an object or as a string in format YYYY-MM-DD
    */
-  var parsedDates = {
+  const parsedDates = {
     value: parseDateProp(value),
     defaultValue: parseDateProp(defaultValue),
     maxValue: parseDateProp(maxValue),
     minValue: parseDateProp(minValue),
     isDateUnavailable: unavailableRanges ? isDateUnavailable : undefined
   };
-  var state = useDatePickerState(_objectSpread({
+  const state = useDatePickerState({
     autoFocus: hasAutoFocus,
-    defaultOpen: isDefaultOpen
-  }, mergeProps(props, parsedDates)));
-  var _useDatePicker = useDatePicker(_objectSpread({
-      autoFocus: hasAutoFocus
-    }, mergeProps(props, parsedDates)), state, groupRef),
-    buttonProps = _useDatePicker.buttonProps,
-    calendarProps = _useDatePicker.calendarProps,
-    dialogProps = _useDatePicker.dialogProps,
-    fieldProps = _useDatePicker.fieldProps,
-    groupProps = _useDatePicker.groupProps,
-    labelProps = _useDatePicker.labelProps;
-  var calendar = !isReadOnly && ___EmotionJSX(Popover, {
+    defaultOpen: isDefaultOpen,
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    ...mergeProps(props, parsedDates)
+  });
+  const {
+    buttonProps,
+    calendarProps,
+    dialogProps,
+    fieldProps,
+    groupProps,
+    labelProps
+  } = useDatePicker({
+    autoFocus: hasAutoFocus,
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    ...mergeProps(props, parsedDates)
+  }, state, groupRef);
+  const calendar = !isReadOnly && ___EmotionJSX(Popover, {
     hasNoArrow: true,
     isDismissable: true,
     isNonModal: true,

package/lib/components/DatePicker/DatePicker.styles.js

@@ -1,26 +1,19 @@
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
-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(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { defaultFocus, input } from '../Input/Input.styles';
-var inSlotContainer = _objectSpread(_objectSpread({}, input.fieldControlWrapper), {}, {
+const inSlotContainer = {
+  ...input.fieldControlWrapper,
   position: 'relative',
   // Override the parent fieldContainer's '> .is-default { width: 100% }' rule
   // because it has higher specificity.
   width: 'fit-content !important'
-});
-var inputField = _objectSpread(_objectSpread({}, input), {}, {
+};
+const inputField = {
+  ...input,
   width: 'auto',
   pr: 'xl',
   position: 'relative',
-  '&:focus-within:not(.is-read-only)': _objectSpread({}, defaultFocus),
+  '&:focus-within:not(.is-read-only)': {
+    ...defaultFocus
+  },
   ':hover': {
     cursor: 'text'
   },
@@ -28,8 +21,8 @@ var inputField = _objectSpread(_objectSpread({}, input), {}, {
     backgroundColor: 'accent.95',
     border: 'none'
   }
-});
-export var containedIcon = {
+};
+export const containedIcon = {
   position: 'absolute',
   right: 5,
   width: 28,
@@ -37,7 +30,7 @@ export var containedIcon = {
   top: '50%',
   transform: 'translateY(-50%)'
 };
-var segment = {
+const segment = {
   '&:focus-visible': {
     outline: '1px solid',
     outlineColor: 'active',
@@ -45,8 +38,8 @@ var segment = {
   }
 };
 export default {
-  inSlotContainer: inSlotContainer,
-  inputField: inputField,
-  containedIcon: containedIcon,
-  segment: segment
+  inSlotContainer,
+  inputField,
+  containedIcon,
+  segment
 };

package/lib/components/DatePicker/DateSegment.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
-import _padStartInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/pad-start";
 import React, { forwardRef, useCallback, useImperativeHandle, useRef } from 'react';
 import { useFocusManager } from 'react-aria';
 import { useDateSegment } from '@react-aria/datepicker';
@@ -8,31 +7,34 @@ import { jsx as ___EmotionJSX } from "@emotion/react";
 /**
  * Each editable segment of date.
  */
-var DateSegment = /*#__PURE__*/forwardRef(function (props, ref) {
-  var isLocalEnUS = props.isLocalEnUS,
-    segment = props.segment,
-    state = props.state,
-    handlePaste = props.handlePaste,
-    segments = props.segments,
-    segmentIndex = props.segmentIndex;
-  var segmentRef = useRef(null);
+const DateSegment = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    isLocalEnUS,
+    segment,
+    state,
+    handlePaste,
+    segments,
+    segmentIndex
+  } = props;
+  const segmentRef = useRef(null);
   // istanbul ignore next
-  useImperativeHandle(ref, function () {
-    return segmentRef.current;
-  });
-  var text = segment.text,
-    isPlaceholder = segment.isPlaceholder,
-    type = segment.type;
-  var _useDateSegment = useDateSegment(segment, state, segmentRef),
-    segmentProps = _useDateSegment.segmentProps;
+  useImperativeHandle(ref, () => segmentRef.current);
+  const {
+    text,
+    isPlaceholder,
+    type
+  } = segment;
+  const {
+    segmentProps
+  } = useDateSegment(segment, state, segmentRef);
 
   /**
    * Handler to autofocus segments when using delete key
    */
-  var focusManager = useFocusManager();
-  var handleKeyEvents = useCallback(function (e) {
-    var getSegmentValue = function getSegmentValue(index) {
-      var isNumber = /^\d+$/.test(segments[index].text);
+  const focusManager = useFocusManager();
+  const handleKeyEvents = useCallback(e => {
+    const getSegmentValue = index => {
+      const isNumber = /^\d+$/.test(segments[index].text);
       return isNumber;
     };
     if (e.key === 'Backspace' && isPlaceholder) {
@@ -54,11 +56,11 @@ var DateSegment = /*#__PURE__*/forwardRef(function (props, ref) {
     }
     return null;
   }, [focusManager, segment, isPlaceholder]);
-  var displayText = text;
+  let displayText = text;
   if (text === '/') {
     displayText = '-';
   } else {
-    var padLength = 0;
+    let padLength = 0;
     if (isLocalEnUS) {
       if (type === 'year') {
         padLength = 4;
@@ -66,7 +68,7 @@ var DateSegment = /*#__PURE__*/forwardRef(function (props, ref) {
         padLength = 2;
       }
     }
-    displayText = _padStartInstanceProperty(text).call(text, padLength, '0');
+    displayText = text.padStart(padLength, '0');
   }
   return ___EmotionJSX(Box, _extends({}, segmentProps, {
     ref: segmentRef,

package/lib/components/EditButton/EditButton.js

@@ -1,19 +1,18 @@
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
-var _excluded = ["size"];
 import React, { forwardRef } from 'react';
 import PencilIcon from '@pingux/mdi-react/PencilIcon';
 import { Box, Icon, IconButton } from '../../index';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-export var IconSize = {
+export const IconSize = {
   sm: 10,
   md: 15,
   lg: 20
 };
-var EditButton = /*#__PURE__*/forwardRef(function (props, ref) {
-  var _props$size = props.size,
-    size = _props$size === void 0 ? 'md' : _props$size,
-    other = _objectWithoutProperties(props, _excluded);
+const EditButton = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    size = 'md',
+    ...other
+  } = props;
   return ___EmotionJSX(Box, {
     ref: ref
   }, ___EmotionJSX(IconButton, _extends({