@elliemae/ds-form 2.0.0-next.7 → 2.0.0-rc.10

package/cjs/ComboBoxFreeSolo/components/SingleValueRemove.js

@@ -2,12 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+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');
 require('react');
 var Select = require('react-select');
 var styled = require('styled-components');
-var CloseXsmall = require('@elliemae/ds-icons/CloseXsmall');
+var dsIcons = require('@elliemae/ds-icons');
 var DSButton = require('@elliemae/ds-button');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -16,7 +21,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-var CloseXsmall__default = /*#__PURE__*/_interopDefaultLegacy(CloseXsmall);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 
 var _CloseXsmall;
@@ -39,7 +43,7 @@ const SingleValueRemove = props => {
       "aria-label": "clear-indicator",
       buttonType: "text",
       className: "clear-indicator",
-      icon: _CloseXsmall || (_CloseXsmall = /*#__PURE__*/_jsx__default["default"](CloseXsmall__default["default"], {
+      icon: _CloseXsmall || (_CloseXsmall = /*#__PURE__*/_jsx__default["default"](dsIcons.CloseXsmall, {
         fill: "#000"
       })),
       onClick: () => clearValue()

package/cjs/DateInput/DSDateInput.js

@@ -6,9 +6,14 @@ var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 require('core-js/modules/web.dom-collections.iterator.js');
+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 React = require('react');
 var reactDesc = require('react-desc');
-var utils = require('@elliemae/ds-utilities/utils');
+var dsUtilities = require('@elliemae/ds-utilities');
 var DSInput = require('../Input/DSInput.js');
 var DateInputImpl = require('./components/DateInputImpl.js');
 var props = require('./props.js');
@@ -27,26 +32,27 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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 DSDateInput = ({
-  innerRef,
-  className,
-  style,
-  onFocus,
-  onBlur,
-  onClear,
-  onChange,
-  onKeyDown,
-  onError,
-  format,
-  value,
-  clearable,
-  disabled,
-  yearMaxRange,
-  yearMinRange,
-  containerProps,
-  // TODO remove and keep `true` behavior ( PUI-4141 )
-  INTERNAL_V2_NO_MUTATION
-}) => {
+const DSDateInput = _ref => {
+  let {
+    innerRef,
+    className,
+    style,
+    onFocus,
+    onBlur,
+    onClear,
+    onChange,
+    onKeyDown,
+    onError,
+    format,
+    value,
+    clearable,
+    disabled,
+    yearMaxRange,
+    yearMinRange,
+    containerProps,
+    // TODO remove and keep `true` behavior ( PUI-4141 )
+    INTERNAL_V2_NO_MUTATION
+  } = _ref;
   const [valueDate, setValueDate] = React.useState(value);
   React.useEffect(() => {
     if (value) {
@@ -54,8 +60,8 @@ const DSDateInput = ({
     }
   }, [value]);
   const handleOnClear = React.useCallback(() => {
-    utils.runAll(onClear, setValueDate(''));
-  }, []);
+    dsUtilities.runAll(onClear, setValueDate(''));
+  }, [onClear]);
   const handleKeyDown = React.useCallback((e, date, inputOnKeyDown) => {
     inputOnKeyDown(e, date);
   }, []);
@@ -67,12 +73,12 @@ const DSDateInput = ({
     className: "".concat(className, " input-date-input "),
     clearable: clearable,
     containerProps: containerProps,
-    customInputType: _ref => {
+    customInputType: _ref2 => {
       let {
         onChange: inputOnChange,
         onKeyDown: inputOnKeyDown
-      } = _ref,
-          restInputProps = _objectWithoutProperties__default["default"](_ref, _excluded);
+      } = _ref2,
+          restInputProps = _objectWithoutProperties__default["default"](_ref2, _excluded);
 
       return /*#__PURE__*/jsxRuntime.jsx(DateInputImpl, _objectSpread(_objectSpread({
         INTERNAL_V2_NO_MUTATION: INTERNAL_V2_NO_MUTATION,

package/cjs/DateInput/components/DateInputImpl.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 _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
@@ -24,22 +29,23 @@ const getVisibleTimeByFormat = format => ({
   showYear: format.indexOf('YYYY') > -1
 });
 
-const DateInputImpl = ({
-  format,
-  innerRef,
-  onBlur,
-  onChange,
-  onKeyDown,
-  onError,
-  className,
-  value,
-  disabled,
-  yearMaxRange,
-  yearMinRange,
-  onFocus,
-  // eslint-disable-next-line react/prop-types
-  INTERNAL_V2_NO_MUTATION
-}) => {
+const DateInputImpl = _ref => {
+  let {
+    format,
+    innerRef,
+    onBlur,
+    onChange,
+    onKeyDown,
+    onError,
+    className,
+    value,
+    disabled,
+    yearMaxRange,
+    yearMinRange,
+    onFocus,
+    // eslint-disable-next-line react/prop-types
+    INTERNAL_V2_NO_MUTATION
+  } = _ref;
   const inputContainerRef = React.useRef();
 
   const handleFocus = e => {
@@ -50,7 +56,7 @@ const DateInputImpl = ({
     }
   };
 
-  const visibleInputs = React.useMemo(() => getVisibleTimeByFormat(format));
+  const visibleInputs = React.useMemo(() => getVisibleTimeByFormat(format), [format]);
   return /*#__PURE__*/_jsx__default["default"](DateInputContainer, {
     className: className,
     disabled: disabled,

package/cjs/DateInput/components/DateInputs.js

@@ -3,9 +3,16 @@
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _jsx = require('@babel/runtime/helpers/jsx');
 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 dsClassnames = require('@elliemae/ds-classnames');
-var usePrevious = require('@elliemae/ds-utilities/hooks/usePrevious');
+var dsUtilities = require('@elliemae/ds-utilities');
 var utils = require('./utils.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -13,7 +20,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var usePrevious__default = /*#__PURE__*/_interopDefaultLegacy(usePrevious);
 
 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; }
 
@@ -23,44 +29,51 @@ const InputTimesGroup = dsClassnames.aggregatedClasses('div')(blockName);
 const MonthInput = dsClassnames.aggregatedClasses('input')(blockName, 'input input-month');
 const DayInput = dsClassnames.aggregatedClasses('input')(blockName, 'input input-day');
 const YearInput = dsClassnames.aggregatedClasses('input')(blockName, 'input input-year');
-const Divider = dsClassnames.aggregatedClasses('span')(blockName, 'divider', ({
-  value
-}) => ({
-  value
-})); // eslint-disable-next-line react/prop-types
-
-const DateDivider = ({
-  content = ':',
-  value = ''
-}) => /*#__PURE__*/_jsx__default["default"](Divider, {
-  value: !!value
-}, void 0, content);
-
-const DateInputs = ({
-  innerRef,
-  onBlur,
-  onChange,
-  onCustomKeyDown,
-  onError,
-  format = '',
-  showMonth = true,
-  showDay = true,
-  showYear = true,
-  step = 1,
-  yearMaxRange,
-  disabled,
-  yearMinRange,
-  time,
-  // TODO remove and keep `true` behavior ( PUI-4141 )
-  INTERNAL_V2_NO_MUTATION // eslint-disable-line react/prop-types
-
-}) => {
+const Divider = dsClassnames.aggregatedClasses('span')(blockName, 'divider', _ref => {
+  let {
+    value
+  } = _ref;
+  return {
+    value
+  };
+}); // eslint-disable-next-line react/prop-types
+
+const DateDivider = _ref2 => {
+  let {
+    content = ':',
+    value = ''
+  } = _ref2;
+  return /*#__PURE__*/_jsx__default["default"](Divider, {
+    value: !!value
+  }, void 0, content);
+};
+
+const DateInputs = _ref3 => {
+  let {
+    innerRef,
+    onBlur,
+    onChange,
+    onCustomKeyDown,
+    onError,
+    format = '',
+    showMonth = true,
+    showDay = true,
+    showYear = true,
+    step = 1,
+    yearMaxRange,
+    disabled,
+    yearMinRange,
+    time,
+    // TODO remove and keep `true` behavior ( PUI-4141 )
+    INTERNAL_V2_NO_MUTATION // eslint-disable-line react/prop-types
+
+  } = _ref3;
   const [currentKey, setCurrentKey] = React.useState('ArrowUp');
   const [month, setMonth] = React.useState('');
   const [day, setDay] = React.useState('');
   const [year, setYear] = React.useState('');
-  const prevTime = usePrevious__default["default"](time);
-  const prevFormat = usePrevious__default["default"](format);
+  const prevTime = dsUtilities.usePrevious(time);
+  const prevFormat = dsUtilities.usePrevious(format);
   let digits = 2;
   let placeholder = '';
   React.useEffect(() => {
@@ -70,7 +83,7 @@ const DateInputs = ({
       setDay(dateValues.day);
       setYear(dateValues.year);
     }
-  }, [time]);
+  }, [format, time]);
   React.useEffect(() => {
     if (!time && prevTime) {
       setMonth('');
@@ -85,9 +98,8 @@ const DateInputs = ({
       setDay(dateValues.day);
       setYear(dateValues.year);
     }
-  }, [time, prevTime, format]);
-
-  const isCompletedDate = () => utils.isTimeCompletelySet({
+  }, [time, prevTime, format, prevFormat, onChange]);
+  const isCompletedDate = React.useCallback(() => utils.isTimeCompletelySet({
     year,
     month,
     day
@@ -98,8 +110,7 @@ const DateInputs = ({
   }, {
     yearMinRange,
     yearMaxRange
-  });
-
+  }), [day, month, showDay, showMonth, showYear, year, yearMaxRange, yearMinRange]);
   React.useEffect(() => {
     if (INTERNAL_V2_NO_MUTATION) {
       const dateValues = utils.getDateValuesFromTime(time, format);
@@ -136,7 +147,7 @@ const DateInputs = ({
         }, INTERNAL_V2_NO_MUTATION));
       }
     }
-  }, [day, month, year]);
+  }, [INTERNAL_V2_NO_MUTATION, day, format, isCompletedDate, month, onChange, showDay, showMonth, showYear, time, year]);
 
   const triggerChange = () => utils.handleCompletedDate(time, {
     year,
@@ -206,7 +217,8 @@ const DateInputs = ({
   }; // eslint-disable-next-line complexity
 
 
-  const onKeyDown = (event, shouldIncrementDecrement = true) => {
+  const onKeyDown = function (event) {
+    let shouldIncrementDecrement = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
     const {
       value,
       name

package/cjs/DateInput/components/utils.js

@@ -3,8 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('core-js/modules/web.dom-collections.iterator.js');
-var timeUtils = require('@elliemae/ds-utilities/timeUtils');
-var utils = require('@elliemae/ds-utilities/utils');
+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 }; }
@@ -33,7 +35,7 @@ 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 formatDay = (format, value) => {
@@ -49,12 +51,13 @@ const formatMonth = (format, value) => {
   return formatTimeNumber(value, shouldAddLeadingZeros, 2);
 };
 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
@@ -82,10 +85,13 @@ const focusPreviousInput = currentEl => {
     previousElement.previousElementSibling.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;
 
@@ -101,7 +107,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 && !stringValue.startsWith('0')) return true;
   return number * 10 > max;
 };
@@ -126,7 +134,9 @@ const onInputFocus = e => {
   e.stopPropagation();
   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;
 
@@ -142,7 +152,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,
@@ -168,9 +181,9 @@ const handleCompletedDate = (time, date, show, INTERNAL_V2_NO_MUTATION) => {
   } = show;
   if (time && !year && !month && !day) return '';
   newDate.value = "".concat(year, "-").concat(month, "-").concat(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));
+  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/components/DSDateInput.js

@@ -13,42 +13,48 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-const DSDateInputV2 = ({
-  onFocus,
-  onBlur,
-  onChange,
-  onDateChange,
-  onKeyDown,
-  onError,
-  value,
-  disabled,
-  containerProps,
-  tabIndex,
-  innerRef
-}) => /*#__PURE__*/_jsx__default["default"](DSInput["default"], {
-  innerRef: innerRef,
-  containerProps: containerProps,
-  customInputType: ({
-    innerRef: ir
-  }) => /*#__PURE__*/_jsx__default["default"](DateInputs.DateInputs, {
+const DSDateInputV2 = _ref => {
+  let {
+    onFocus,
+    onBlur,
+    onChange,
+    onDateChange,
+    onKeyDown,
+    onError,
+    value,
+    disabled,
+    containerProps,
+    tabIndex,
+    innerRef
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](DSInput["default"], {
+    innerRef: innerRef,
+    containerProps: containerProps,
+    customInputType: _ref2 => {
+      let {
+        innerRef: ir
+      } = _ref2;
+      return /*#__PURE__*/_jsx__default["default"](DateInputs.DateInputs, {
+        disabled: disabled,
+        innerRef: ir,
+        onBlur: onBlur,
+        onChange: onChange,
+        onDateChange: onDateChange,
+        onCustomKeyDown: onKeyDown,
+        onError: onError,
+        time: value,
+        tabIndex: tabIndex
+      });
+    },
+    disableTooltip: false,
     disabled: disabled,
-    innerRef: ir,
     onBlur: onBlur,
-    onChange: onChange,
-    onDateChange: onDateChange,
-    onCustomKeyDown: onKeyDown,
-    onError: onError,
-    time: value,
+    onFocus: onFocus,
+    onKeyDown: onKeyDown,
+    value: value,
     tabIndex: tabIndex
-  }),
-  disableTooltip: false,
-  disabled: disabled,
-  onBlur: onBlur,
-  onFocus: onFocus,
-  onKeyDown: onKeyDown,
-  value: value,
-  tabIndex: tabIndex
-});
+  });
+};
 
 DSDateInputV2.defaultProps = props.defaultProps;
 const DSDateInputV2WithSchema = reactDesc.describe(DSDateInputV2);

package/cjs/DateInputV2/components/DateInputs.js

@@ -5,6 +5,13 @@ 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');
@@ -25,16 +32,17 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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('');

package/cjs/DateInputV2/components/styled.js

@@ -3,29 +3,38 @@
 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 ? "\n    background: ".concat(theme.colors.neutral[100], ";\n    color: ").concat(theme.colors.neutral[500], ";\n    ") : '');
+})(["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 ? "\n  background: ".concat(theme.colors.neutral[100], ";\n  color: ").concat(theme.colors.neutral[500], ";\n  ") : '', ({
-  theme
-}) => theme.colors.brand['300']);
+})(["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;"]);