@elliemae/ds-form 2.0.0-alpha.1 → 2.0.0-alpha.13

package/cjs/DateInputV2/components/DateInputs.js

@@ -4,6 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
 var moment = require('moment');
 var utils = require('./utils.js');
@@ -22,34 +30,35 @@ var _DateInputDivider;
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(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 source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 const FORMAT = 'MMDDYYYY';
-const DateInputs = ({
-  onBlur,
-  onChange,
-  onDateChange,
-  disabled,
-  onCustomKeyDown,
-  time,
-  tabIndex,
-  innerRef
-}) => {
+const DateInputs = _ref => {
+  let {
+    onBlur,
+    onChange,
+    onDateChange,
+    disabled,
+    onCustomKeyDown,
+    time,
+    tabIndex,
+    innerRef
+  } = _ref;
   const [month, setMonth] = React.useState('');
   const [day, setDay] = React.useState('');
   const [year, setYear] = React.useState('');
   const [onChangeDateTrigger, setOnChangeDateTrigger] = React.useState({});
-  const dayRef = React__default['default'].useRef();
+  const dayRef = React__default["default"].useRef();
   const [haveInputsOnChangeTriggered, setHaveInputsOnChangeTriggered] = React.useState(false);
   let digits = 2;
   let placeholder = '';
-  const handleFluidClick = React__default['default'].useCallback(e => {
+  const handleFluidClick = React__default["default"].useCallback(e => {
     if (!e.target.type && dayRef.current) {
       dayRef.current.focus();
     }
   }, [dayRef.current]);
-  const triggerOnDateChange = React__default['default'].useCallback(() => {
+  const triggerOnDateChange = React__default["default"].useCallback(() => {
     if (month && day && year && haveInputsOnChangeTriggered) {
-      const momentValue = moment__default['default'](`${month}${day}${year}`, 'MMDDYYYY', true);
+      const momentValue = moment__default["default"]("".concat(month).concat(day).concat(year), 'MMDDYYYY', true);
 
       if (momentValue.isValid()) {
         onDateChange(momentValue);
@@ -59,7 +68,7 @@ const DateInputs = ({
     }
   }, [day, month, year, haveInputsOnChangeTriggered]); // isArrowChange is coming from the onKeyDown handler in helpers
 
-  const onMonthChange = React__default['default'].useCallback((e, isArrowChange) => {
+  const onMonthChange = React__default["default"].useCallback((e, isArrowChange) => {
     const value = utils.getFormattedMonth(e.target.value);
     const shouldAdvance = utils.getShouldShortcircuitMonth(e.target.value);
     setMonth(value);
@@ -71,7 +80,7 @@ const DateInputs = ({
     }
   }, []); // isArrowChange is coming from the onKeyDown handler in helpers
 
-  const onDayChange = React__default['default'].useCallback((e, isArrowChange) => {
+  const onDayChange = React__default["default"].useCallback((e, isArrowChange) => {
     const value = utils.getFormattedDay(e.target.value);
     const shouldAdvance = utils.getShouldShortcircuitDay(e.target.value);
     setDay(value);
@@ -82,7 +91,7 @@ const DateInputs = ({
       setOnChangeDateTrigger({});
     }
   }, []);
-  const onYearChange = React__default['default'].useCallback(e => {
+  const onYearChange = React__default["default"].useCallback(e => {
     const value = utils.getFormattedYear(e.target.value);
     setYear(value);
     setHaveInputsOnChangeTriggered(true);
@@ -92,15 +101,15 @@ const DateInputs = ({
     // When component mounts haveInputsOnChangeTriggered is set to false
     // so this is not triggered on mount but is triggered with all other changes
     if (haveInputsOnChangeTriggered) {
-      const momentValue = moment__default['default'](`${month}${day}${year}`, FORMAT, true);
-      onChange(`${month}${day}${year}`, momentValue.isValid() ? momentValue : null);
+      const momentValue = moment__default["default"]("".concat(month).concat(day).concat(year), FORMAT, true);
+      onChange("".concat(month).concat(day).concat(year), momentValue.isValid() ? momentValue : null);
     }
   }, [day, month, year]);
   React.useEffect(() => {
     triggerOnDateChange();
   }, [onChangeDateTrigger]);
   React.useEffect(() => {
-    if (time && time !== `${month}${day}${year}` && moment__default['default'](time, 'MMDDYYYY').isValid()) {
+    if (time && time !== "".concat(month).concat(day).concat(year) && moment__default["default"](time, 'MMDDYYYY').isValid()) {
       const values = String(time || '');
       if (values.slice(0, 2)) setMonth(values.slice(0, 2));
       if (values.slice(2, 4)) setDay(values.slice(2, 4));
@@ -185,14 +194,14 @@ const DateInputs = ({
 
   const renderDateInputs = () => {
     const inputs = [renderMonthInput(), renderDayInput(), renderYearInput()];
-    const inputsWithDividers = inputs.reduce((acc, input, index) => input ? acc.concat([index ? _DateInputDivider || (_DateInputDivider = /*#__PURE__*/_jsx__default['default'](styled.DateInputDivider, {}, void 0, "/")) : null, input]) : acc, []);
-    return [inputsWithDividers, /*#__PURE__*/React__default['default'].createElement('span', {
+    const inputsWithDividers = inputs.reduce((acc, input, index) => input ? acc.concat([index ? _DateInputDivider || (_DateInputDivider = /*#__PURE__*/_jsx__default["default"](styled.DateInputDivider, {}, void 0, "/")) : null, input]) : acc, []);
+    return [inputsWithDividers, /*#__PURE__*/React__default["default"].createElement('span', {
       key: 'span'
     }) // hack for next/prev focus
     ];
   };
 
-  return /*#__PURE__*/_jsx__default['default'](styled.DateInputFluidContainer, {
+  return /*#__PURE__*/_jsx__default["default"](styled.DateInputFluidContainer, {
     onClick: handleFluidClick,
     "data-testid": "date-input-fluidContainer"
   }, void 0, /*#__PURE__*/jsxRuntime.jsx(styled.DateInputWrapper, {

package/cjs/DateInputV2/components/propsTypes.js

@@ -9,24 +9,24 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
 const DateInputsPropTypes = {
-  innerRef: PropTypes__default['default'].oneOfType([PropTypes__default['default'].func, PropTypes__default['default'].shape({
-    current: PropTypes__default['default'].any
+  innerRef: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].shape({
+    current: PropTypes__default["default"].any
   })]),
-  onBlur: PropTypes__default['default'].func,
-  onChange: PropTypes__default['default'].func,
-  onDateChange: PropTypes__default['default'].func,
-  onCustomKeyDown: PropTypes__default['default'].func,
-  onError: PropTypes__default['default'].func,
-  format: PropTypes__default['default'].string,
-  showMonth: PropTypes__default['default'].bool,
-  showDay: PropTypes__default['default'].bool,
-  showYear: PropTypes__default['default'].bool,
-  step: PropTypes__default['default'].number,
-  yearMaxRange: PropTypes__default['default'].number,
-  disabled: PropTypes__default['default'].bool,
-  yearMinRange: PropTypes__default['default'].number,
-  time: PropTypes__default['default'].string,
-  tabIndex: PropTypes__default['default'].oneOfType([PropTypes__default['default'].number, PropTypes__default['default'].string])
+  onBlur: PropTypes__default["default"].func,
+  onChange: PropTypes__default["default"].func,
+  onDateChange: PropTypes__default["default"].func,
+  onCustomKeyDown: PropTypes__default["default"].func,
+  onError: PropTypes__default["default"].func,
+  format: PropTypes__default["default"].string,
+  showMonth: PropTypes__default["default"].bool,
+  showDay: PropTypes__default["default"].bool,
+  showYear: PropTypes__default["default"].bool,
+  step: PropTypes__default["default"].number,
+  yearMaxRange: PropTypes__default["default"].number,
+  disabled: PropTypes__default["default"].bool,
+  yearMinRange: PropTypes__default["default"].number,
+  time: PropTypes__default["default"].string,
+  tabIndex: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string])
 };
 
 exports.DateInputsPropTypes = DateInputsPropTypes;

package/cjs/DateInputV2/components/styled.js

@@ -3,36 +3,39 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var styled = require('styled-components');
-var dsGrid = require('@elliemae/ds-grid');
+var Grid = require('@elliemae/ds-grid');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const DateInputFluidContainer = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
+const DateInputFluidContainer = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
   componentId: "sc-ads423-0"
 })(["width:100%;height:100%;align-items:center;"]);
-const DateInputWrapper = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
+const DateInputWrapper = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
   componentId: "sc-ads423-1"
-})(["align-items:center;align-content:center;", " width:102px;&:focus{outline-style:none;box-shadow:none;border-color:transparent;}"], ({
-  disabled,
-  theme
-}) => disabled ? `
-    background: ${theme.colors.neutral[100]};
-    color: ${theme.colors.neutral[500]};
-    ` : '');
-const DateInputInput = /*#__PURE__*/styled__default['default'].input.withConfig({
+})(["align-items:center;align-content:center;", " width:102px;&:focus{outline-style:none;box-shadow:none;border-color:transparent;}"], _ref => {
+  let {
+    disabled,
+    theme
+  } = _ref;
+  return disabled ? "\n    background: ".concat(theme.colors.neutral[100], ";\n    color: ").concat(theme.colors.neutral[500], ";\n    ") : '';
+});
+const DateInputInput = /*#__PURE__*/styled__default["default"].input.withConfig({
   componentId: "sc-ads423-2"
-})(["outline:none;border:none;border-radius:0;width:", ";height:", ";", " padding-left:4px;padding-right:0px;&::placeholder{font-size:95%;font-style:italic;}:-moz-placeholder{font-size:95%;font-style:italic;}::-moz-placeholder{font-size:95%;font-style:italic;}&:focus{background:", ";background-clip:content-box;}::-moz-selection{background:transparent;}::selection{background:transparent;}"], props => props.size === 'l' ? '38px' : '25px', props => props.theme.space.xs, ({
-  disabled,
-  theme
-}) => disabled ? `
-  background: ${theme.colors.neutral[100]};
-  color: ${theme.colors.neutral[500]};
-  ` : '', ({
-  theme
-}) => theme.colors.brand['300']);
-const DateInputDivider = /*#__PURE__*/styled__default['default'].div.withConfig({
+})(["outline:none;border:none;border-radius:0;width:", ";height:", ";", " padding-left:4px;padding-right:0px;&::placeholder{font-size:95%;font-style:italic;}:-moz-placeholder{font-size:95%;font-style:italic;}::-moz-placeholder{font-size:95%;font-style:italic;}&:focus{background:", ";background-clip:content-box;}::-moz-selection{background:transparent;}::selection{background:transparent;}"], props => props.size === 'l' ? '38px' : '25px', props => props.theme.space.xs, _ref2 => {
+  let {
+    disabled,
+    theme
+  } = _ref2;
+  return disabled ? "\n  background: ".concat(theme.colors.neutral[100], ";\n  color: ").concat(theme.colors.neutral[500], ";\n  ") : '';
+}, _ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return theme.colors.brand['300'];
+});
+const DateInputDivider = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-ads423-3"
 })(["padding:1px;text-align:center;"]);
 

package/cjs/DateInputV2/components/utils.js

@@ -2,15 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var timeUtils = require('@elliemae/ds-utilities/timeUtils');
-var utils = require('@elliemae/ds-utilities/utils');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.some.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.some.js');
+var dsUtilities = require('@elliemae/ds-utilities');
 var moment = require('moment');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
 
-/* eslint-disable max-params */
 const currentYear = new Date().getFullYear();
 
 const getNextSibling = (elem, selector) => {
@@ -61,18 +63,18 @@ const setNativeValue = (element, value) => {
 
 const formatTimeNumber = (value, shouldAddLeadingZeros, leadingZeros) => {
   if (value === null || value === undefined) return '';
-  return shouldAddLeadingZeros ? timeUtils.addLeadingZeros(leadingZeros)(value) : String(value);
+  return shouldAddLeadingZeros ? dsUtilities.addLeadingZeros(leadingZeros)(value) : String(value);
 };
 
 const getFormattedDay = value => {
   const v = value.length > 2 ? value.slice(-2) : value;
-  const parsedValue = utils.parseInt(v, 10);
+  const parsedValue = dsUtilities.parseInt(v, 10);
   if (parsedValue > 31) return '31';
   return formatTimeNumber(parseTimeNumberFromText(v), true, 2);
 };
 const getShouldShortcircuitDay = value => {
   const v = value.length > 2 ? value.slice(-2) : value;
-  const parsedValue = utils.parseInt(v, 10);
+  const parsedValue = dsUtilities.parseInt(v, 10);
   if (parsedValue > 31) return true; // if the first input is in range 4-9 then there is no other option
   // so we auto advance
 
@@ -81,18 +83,18 @@ const getShouldShortcircuitDay = value => {
 };
 const getFormattedYear = value => {
   const v = value.length > 4 ? value.slice(-4) : value;
-  if (utils.parseInt(v) > 9999) return '9999';
+  if (dsUtilities.parseInt(v) > 9999) return '9999';
   return formatTimeNumber(parseTimeNumberFromText(v), true, 4);
 };
 const getFormattedMonth = value => {
   const v = value.length > 2 ? value.slice(-2) : value;
-  const parsedValue = utils.parseInt(v, 10);
+  const parsedValue = dsUtilities.parseInt(v, 10);
   if (parsedValue > 12) return '12';
   return formatTimeNumber(parseTimeNumberFromText(v), true, 2);
 };
 const getShouldShortcircuitMonth = value => {
   const v = value.length > 2 ? value.slice(-2) : value;
-  const parsedValue = utils.parseInt(v, 10);
+  const parsedValue = dsUtilities.parseInt(v, 10);
   if (parsedValue > 12) return true; // if the first input is in range 2-9 then there is no other option
   // so we auto advance
 
@@ -100,12 +102,13 @@ const getShouldShortcircuitMonth = value => {
   return false;
 };
 const parseTimeNumberFromText = stringValue => {
-  const parsedInt = utils.parseInt(stringValue);
-  if (utils.isNaN(parsedInt)) return null;
+  const parsedInt = dsUtilities.parseInt(stringValue);
+  if (dsUtilities.isNaN(parsedInt)) return null;
   return parsedInt;
 }; // trigger onBlur for entire DateInput control if focus is not in day, month, year
 
-const triggerOnBlur = (blurEvent, onBlur = () => {}) => {
+const triggerOnBlur = function (blurEvent) {
+  let onBlur = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : () => {};
   const {
     target: currentEl = {},
     relatedTarget
@@ -129,10 +132,13 @@ const focusPreviousInput = currentEl => {
 
   (_getPreviousSibling = getPreviousSibling(currentEl, 'input')) === null || _getPreviousSibling === void 0 ? void 0 : _getPreviousSibling.focus();
 };
-const getValidTimeNumber = ({
-  min,
-  max
-}, number, valueString = '', onError = () => null) => {
+const getValidTimeNumber = function (_ref, number) {
+  let {
+    min,
+    max
+  } = _ref;
+  let valueString = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
+  let onError = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : () => null;
   if (valueString === '0' || number === 0) return null;
   if (number === undefined || number === null) return null;
 
@@ -148,7 +154,9 @@ const getValidTimeNumber = ({
 
   return number;
 };
-const shouldFocusNextInput = (max, number = 0, stringValue) => {
+const shouldFocusNextInput = function (max) {
+  let number = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  let stringValue = arguments.length > 2 ? arguments[2] : undefined;
   if (stringValue.length > 1) return true;
   return number * 10 > max;
 };
@@ -175,7 +183,9 @@ const onInputFocus = e => {
 
   e.target.select();
 };
-const getNextTimeValue = (value, target, yearMinRange, yearMaxRange, step = 1, incrementing = true) => {
+const getNextTimeValue = function (value, target, yearMinRange, yearMaxRange) {
+  let step = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;
+  let incrementing = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : true;
   const parsedValue = parseTimeNumberFromText(value);
   let result = incrementing ? parsedValue + step : parsedValue - step;
 
@@ -191,7 +201,10 @@ const focusNextInputIfNeeded = (currentEl, max, number, stringValue, currentKey)
     focusNextInput(currentEl);
   }
 };
-const commonInputProps = (digits = 2, onKeyDown, placeholder) => {
+const commonInputProps = function () {
+  let digits = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 2;
+  let onKeyDown = arguments.length > 1 ? arguments[1] : undefined;
+  let placeholder = arguments.length > 2 ? arguments[2] : undefined;
   const props = {
     pattern: '[0-9]*',
     placeholder,
@@ -204,7 +217,7 @@ const commonInputProps = (digits = 2, onKeyDown, placeholder) => {
 };
 const handleCompletedDate = (time, date, show, INTERNAL_V2_NO_MUTATION) => {
   // clone time to avoid mutation when INTERNAL_V2_NO_MUTATION is true
-  const newDate = INTERNAL_V2_NO_MUTATION ? time && moment__default['default'](time) || moment__default['default']() : time || moment__default['default']();
+  const newDate = INTERNAL_V2_NO_MUTATION ? time && moment__default["default"](time) || moment__default["default"]() : time || moment__default["default"]();
   const {
     year,
     month,
@@ -216,10 +229,10 @@ const handleCompletedDate = (time, date, show, INTERNAL_V2_NO_MUTATION) => {
     showDay
   } = show;
   if (time && !year && !month && !day) return '';
-  newDate.value = `${year}-${month}-${day}`;
-  if (showMonth && month) newDate.month(utils.parseInt(month - 1, 10));
-  if (showDay && day) newDate.date(utils.parseInt(day, 10));
-  if (showYear && year) newDate.year(utils.parseInt(year, 10));
+  newDate.value = "".concat(year, "-").concat(month, "-").concat(day);
+  if (showMonth && month) newDate.month(dsUtilities.parseInt(month - 1, 10));
+  if (showDay && day) newDate.date(dsUtilities.parseInt(day, 10));
+  if (showYear && year) newDate.year(dsUtilities.parseInt(year, 10));
   return newDate;
 };
 const isTimeCompletelySet = (date, show, range) => {

package/cjs/DateInputV2/index.js

@@ -10,4 +10,4 @@ var DSDateInput = require('./components/DSDateInput.js');
 exports.DateInputsV2Impl = DateInputs.DateInputs;
 exports.DSDateInputV2 = DSDateInput.DSDateInputV2;
 exports.DSDateInputV2WithSchema = DSDateInput.DSDateInputV2WithSchema;
-exports.default = DSDateInput.DSDateInputV2;
+exports["default"] = DSDateInput.DSDateInputV2;

package/cjs/ExpandableInput/DSExpandableInput.js

@@ -8,29 +8,32 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-const DSExpandableInput = ({
-  containerProps = {},
-  innerRef,
-  className = '',
-  style = {},
-  triggerComponent = undefined,
-  children,
-  isOpen = false,
-  onOpen = () => null,
-  onClose = () => null,
-  onBlur = () => null,
-  width = undefined
-}) => /*#__PURE__*/_jsx__default['default'](ExpandableInputImpl, {
-  className: className,
-  containerProps: containerProps,
-  innerRef: innerRef,
-  isOpen: isOpen,
-  onBlur: onBlur,
-  onClose: onClose,
-  onOpen: onOpen,
-  style: style,
-  triggerComponent: triggerComponent,
-  width: width
-}, void 0, children);
+const DSExpandableInput = _ref => {
+  let {
+    containerProps = {},
+    innerRef,
+    className = '',
+    style = {},
+    triggerComponent = undefined,
+    children,
+    isOpen = false,
+    onOpen = () => null,
+    onClose = () => null,
+    onBlur = () => null,
+    width = undefined
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](ExpandableInputImpl, {
+    className: className,
+    containerProps: containerProps,
+    innerRef: innerRef,
+    isOpen: isOpen,
+    onBlur: onBlur,
+    onClose: onClose,
+    onOpen: onOpen,
+    style: style,
+    triggerComponent: triggerComponent,
+    width: width
+  }, void 0, children);
+};
 
 module.exports = DSExpandableInput;

package/cjs/ExpandableInput/ExpandableInputImpl.js

@@ -1,5 +1,10 @@
 'use strict';
 
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
@@ -18,18 +23,24 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(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 source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 const blockName = 'expandable-input';
-const ExpandableInput = dsClassnames.aggregatedClasses('div')(blockName, null, ({
-  isOpen
-}) => ({
-  opened: isOpen
-}));
-const InputWrapper = dsClassnames.aggregatedClasses(InputAddonWrapper)(blockName, 'wrapper', ({
-  isOpen
-}) => ({
-  opened: isOpen
-}));
+const ExpandableInput = dsClassnames.aggregatedClasses('div')(blockName, null, _ref => {
+  let {
+    isOpen
+  } = _ref;
+  return {
+    opened: isOpen
+  };
+});
+const InputWrapper = dsClassnames.aggregatedClasses(InputAddonWrapper)(blockName, 'wrapper', _ref2 => {
+  let {
+    isOpen
+  } = _ref2;
+  return {
+    opened: isOpen
+  };
+});
 class ExpandableInputImpl extends React.Component {
   constructor() {
     super();
@@ -54,7 +65,7 @@ class ExpandableInputImpl extends React.Component {
       onBlur,
       containerProps
     } = this.props;
-    const InputComponent = React__default['default'].Children.only(children);
+    const InputComponent = React__default["default"].Children.only(children);
 
     const handleTriggerClick = e => {
       if (utils.isFunction(triggerComponent.onClick)) triggerComponent.onClick(e);
@@ -74,7 +85,7 @@ class ExpandableInputImpl extends React.Component {
       style: {
         width: isOpen && width
       },
-      children: /*#__PURE__*/_jsx__default['default'](InputWrapper, {
+      children: /*#__PURE__*/_jsx__default["default"](InputWrapper, {
         rightComponents: [/*#__PURE__*/React.cloneElement(triggerComponent, {
           key: 'handler',
           onClick: handleTriggerClick