@elliemae/ds-form 1.60.0 → 2.0.0-alpha.12

package/esm/ComboBoxFreeSolo/components/MultiValueLabel.js

@@ -1,44 +1,36 @@
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import styled from 'styled-components';
+import { jsxs, Fragment } from 'react/jsx-runtime';
 
-/* eslint-disable react/prop-types */
-var RemovablePillWrapper = /*#__PURE__*/styled.div.withConfig({
+const RemovablePillWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-1qoa267-0"
-})(["display:flex;align-items:center;outline:none;height:", ";max-width:90%;margin:0;padding:0 4px;background-color:", ";border-top-left-radius:", ";border-bottom-left-radius:", ";& + div{border-top-right-radius:", ";border-bottom-right-radius:", ";}"], function (props) {
-  return props.theme.space.xs;
-}, function (props) {
-  return props.theme.colors.brand[200];
-}, function (props) {
-  return props.theme.fontSizes.value[600];
-}, function (props) {
-  return props.theme.fontSizes.value[600];
-}, function (props) {
-  return props.theme.fontSizes.value[600];
-}, function (props) {
-  return props.theme.fontSizes.value[600];
-});
-var PillLabel = /*#__PURE__*/styled.span.withConfig({
+})(["display:flex;align-items:center;outline:none;height:", ";max-width:90%;margin:0;padding:0 4px;background-color:", ";border-top-left-radius:", ";border-bottom-left-radius:", ";& + div{border-top-right-radius:", ";border-bottom-right-radius:", ";}"], props => props.theme.space.xs, props => props.theme.colors.brand[200], props => props.theme.fontSizes.value[600], props => props.theme.fontSizes.value[600], props => props.theme.fontSizes.value[600], props => props.theme.fontSizes.value[600]);
+const PillLabel = /*#__PURE__*/styled.span.withConfig({
   componentId: "sc-1qoa267-1"
-})(["margin:0 4px;color:", ";white-space:nowrap;text-overflow:ellipsis;overflow:hidden;"], function (props) {
-  return props.theme.colors.neutral[800];
-});
+})(["margin:0 4px;color:", ";white-space:nowrap;text-overflow:ellipsis;overflow:hidden;"], props => props.theme.colors.neutral[800]);
 
-var RemovablePill = function RemovablePill(_ref) {
-  var label = _ref.label,
-      clear = _ref.clear;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(RemovablePillWrapper, {
-    "data-testid": "pill-wrapper"
-  }, /*#__PURE__*/React.createElement(PillLabel, null, label)), clear);
+const RemovablePill = _ref => {
+  let {
+    label,
+    clear
+  } = _ref;
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/_jsx(RemovablePillWrapper, {
+      "data-testid": "pill-wrapper"
+    }, void 0, /*#__PURE__*/_jsx(PillLabel, {}, void 0, label)), clear]
+  });
 };
 
-var MultiValueLabel = function MultiValueLabel(_ref2) {
-  var children = _ref2.children,
-      clear = _ref2.clear;
-  return /*#__PURE__*/React.createElement(RemovablePill, {
+const MultiValueLabel = _ref2 => {
+  let {
+    children,
+    clear
+  } = _ref2;
+  return /*#__PURE__*/_jsx(RemovablePill, {
     label: children,
     clear: clear
   });
 };
 
 export { MultiValueLabel };
-//# sourceMappingURL=MultiValueLabel.js.map

package/esm/ComboBoxFreeSolo/components/MultiValueRemove.js

@@ -1,31 +1,35 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import styled from 'styled-components';
 import { components } from 'react-select';
 import { CloseXsmall } from '@elliemae/ds-icons';
+import { jsx } from 'react/jsx-runtime';
+
+var _PillCloseAddon;
 
 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(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; }
-var PillCloseAddon = /*#__PURE__*/styled.div.withConfig({
+const PillCloseAddon = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-kbngzd-0"
-})(["cursor:pointer;height:", ";& > span{height:auto;}"], function (props) {
-  return props.theme.space.xs;
-});
+})(["cursor:pointer;height:", ";& > span{height:auto;}"], props => props.theme.space.xs);
 
-var MultiValueRemove = function MultiValueRemove(props) {
-  return /*#__PURE__*/React.createElement(components.MultiValueRemove, props, /*#__PURE__*/React.createElement(PillCloseAddon, null, /*#__PURE__*/React.createElement(CloseXsmall, null)));
-};
+const MultiValueRemove = props => /*#__PURE__*/jsx(components.MultiValueRemove, _objectSpread(_objectSpread({}, props), {}, {
+  children: _PillCloseAddon || (_PillCloseAddon = /*#__PURE__*/_jsx(PillCloseAddon, {}, void 0, /*#__PURE__*/_jsx(CloseXsmall, {})))
+}));
 
-MultiValueRemove.style = function (base) {
-  return _objectSpread(_objectSpread({}, base), {}, {
-    paddingLeft: 0,
-    height: '100%',
-    ':hover': {
-      backgroundColor: '#EBF6FF'
-    }
-  });
-};
+MultiValueRemove.style = base => _objectSpread(_objectSpread({}, base), {}, {
+  paddingLeft: 0,
+  height: '100%',
+  ':hover': {
+    backgroundColor: '#EBF6FF'
+  }
+});
 
 export { MultiValueRemove };
-//# sourceMappingURL=MultiValueRemove.js.map

package/esm/ComboBoxFreeSolo/components/SingleValue.js

@@ -1,20 +1,27 @@
-import React from 'react';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'react';
 import { SingleValueRemove } from './SingleValueRemove.js';
 import { MultiValueLabel } from './MultiValueLabel.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@babel/runtime/helpers/esm/extends';
-import 'react-select';
-import 'styled-components';
-import '@elliemae/ds-icons';
-import '@elliemae/ds-button';
+import { jsx } from 'react/jsx-runtime';
 
-var SingleValue = function SingleValue(props) {
+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(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 SingleValue = props => {
   // eslint-disable-next-line react/prop-types
-  var children = props.children;
-  return /*#__PURE__*/React.createElement(MultiValueLabel, {
-    clear: /*#__PURE__*/React.createElement(SingleValueRemove, props)
-  }, children);
+  const {
+    children
+  } = props;
+  return /*#__PURE__*/_jsx(MultiValueLabel, {
+    clear: /*#__PURE__*/jsx(SingleValueRemove, _objectSpread({}, props))
+  }, void 0, children);
 };
 
 export { SingleValue };
-//# sourceMappingURL=SingleValue.js.map

package/esm/ComboBoxFreeSolo/components/SingleValueRemove.js

@@ -1,45 +1,52 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _extends from '@babel/runtime/helpers/esm/extends';
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import { components } from 'react-select';
 import styled from 'styled-components';
 import { CloseXsmall } from '@elliemae/ds-icons';
 import DSButton from '@elliemae/ds-button';
+import { jsx } from 'react/jsx-runtime';
+
+var _CloseXsmall;
 
 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(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; }
-var StyledButton = /*#__PURE__*/styled(DSButton).withConfig({
+const StyledButton = /*#__PURE__*/styled(DSButton).withConfig({
   componentId: "sc-cikqh1-0"
 })(["padding-right:8px;width:1.16rem !important;height:auto;z-index:10;color:'#000';"]);
 
-var SingleValueRemove = function SingleValueRemove(props) {
+const SingleValueRemove = props => {
   // eslint-disable-next-line react/prop-types
-  var clearValue = props.clearValue;
-  return /*#__PURE__*/React.createElement(components.ClearIndicator, props, /*#__PURE__*/React.createElement(StyledButton, _extends({}, props, {
-    "data-testid": "free-solo-pill-clear-btn",
-    "aria-label": "clear-indicator",
-    buttonType: "text",
-    className: "clear-indicator",
-    icon: /*#__PURE__*/React.createElement(CloseXsmall, {
-      fill: "#000"
-    }),
-    onClick: function onClick() {
-      return clearValue();
-    }
-  })));
+  const {
+    clearValue
+  } = props;
+  return /*#__PURE__*/jsx(components.ClearIndicator, _objectSpread(_objectSpread({}, props), {}, {
+    children: /*#__PURE__*/jsx(StyledButton, _objectSpread(_objectSpread({}, props), {}, {
+      "data-testid": "free-solo-pill-clear-btn",
+      "aria-label": "clear-indicator",
+      buttonType: "text",
+      className: "clear-indicator",
+      icon: _CloseXsmall || (_CloseXsmall = /*#__PURE__*/_jsx(CloseXsmall, {
+        fill: "#000"
+      })),
+      onClick: () => clearValue()
+    }))
+  }));
 };
 
-SingleValueRemove.style = function (base) {
-  return _objectSpread(_objectSpread({}, base), {}, {
-    padding: 0,
-    height: '16px',
-    backgroundColor: '#EBF6FF',
-    ':hover': {
-      backgroundColor: '#EBF6FF'
-    }
-  });
-};
+SingleValueRemove.style = base => _objectSpread(_objectSpread({}, base), {}, {
+  padding: 0,
+  height: '16px',
+  backgroundColor: '#EBF6FF',
+  ':hover': {
+    backgroundColor: '#EBF6FF'
+  }
+});
 
 export { SingleValueRemove };
-//# sourceMappingURL=SingleValueRemove.js.map

package/esm/ComboBoxFreeSolo/index.js

@@ -1,118 +1 @@
 export { default } from './ComboBoxFreeSolo.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import 'react';
-import 'prop-types';
-import 'lodash';
-import '../ComboBox/v1/DSComboBox.js';
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import '@babel/runtime/helpers/esm/classCallCheck';
-import '@babel/runtime/helpers/esm/createClass';
-import '@babel/runtime/helpers/esm/inherits';
-import '@babel/runtime/helpers/esm/possibleConstructorReturn';
-import '@babel/runtime/helpers/esm/getPrototypeOf';
-import 'react-select';
-import 'react-popper';
-import 'react-measure';
-import '@elliemae/ds-utilities';
-import '../ComboBox/v1/withSelectStringValueConverter.js';
-import '@babel/runtime/helpers/esm/typeof';
-import '../prop-types-45aa1e9c.js';
-import '../ComboBox/v1/components/Control.js';
-import '../ComboBox/v1/components/DropdownIndicator.js';
-import '@elliemae/ds-icons';
-import '@elliemae/ds-button';
-import '../ComboBox/v1/components/SelectMenu.js';
-import '@elliemae/ds-overlay';
-import '@elliemae/ds-menu';
-import '@elliemae/ds-popper';
-import '../ComboBox/v1/components/ClearIndicator.js';
-import '../ComboBox/v1/components/MenuList.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import 'react-window';
-import 'memoize-one';
-import '../ComboBox/v1/components/CustomOption.js';
-import '@elliemae/ds-truncated-tooltip-text';
-import '../ComboBox/v1/components/CustomOptionMulti.js';
-import '../Checkbox/DSCheckbox.js';
-import 'react-desc';
-import 'uid';
-import '@elliemae/ds-classnames';
-import '../Checkbox/elements/CheckMark.js';
-import 'styled-components';
-import '../Checkbox/defaultProps.js';
-import '../Checkbox/props.js';
-import '../ComboBox/v1/components/MultiSelectHeader.js';
-import '../ComboBox/v1/components/MultiValueLabel.js';
-import '../ComboBox/v1/components/MultiValueRemove.js';
-import '../ComboBox/v1/components/SingleValueLabel.js';
-import '../ComboBox/v1/components/calculateWidth.js';
-import '../ComboBox/v1/components/ValueContainer.js';
-import '../ComboBox/v2/Combobox.js';
-import 'react-select/creatable';
-import '@elliemae/ds-system';
-import '../ComboBox/v2/components/DropdownIndicator.js';
-import '../ComboBox/v2/context.js';
-import '../ComboBox/v2/components/GroupHeading.js';
-import '@elliemae/ds-separator';
-import '../ComboBox/v2/components/utils.js';
-import '../ComboBox/v2/components/SelectMenu.js';
-import '../ComboBox/v2/components/Content.js';
-import '../ComboBox/v2/components/Control.js';
-import '../ComboBox/v2/components/ClearIndicator.js';
-import '../ComboBox/v2/components/MenuList.js';
-import '../ComboBox/v2/components/CustomOption.js';
-import '../ComboBox/v2/components/CustomOptionMulti.js';
-import '../ComboBox/v2/components/MultiSelectHeader.js';
-import '../ComboBox/v2/components/useMenuListHeight.js';
-import '../ComboBox/v2/components/MultiValueLabel.js';
-import '../ComboBox/v2/components/MultiValueRemove.js';
-import '../ComboBox/v2/components/SingleValueLabel.js';
-import '../ComboBox/v2/components/LoadingIndicator.js';
-import '@elliemae/ds-circular-progress-indicator';
-import '../ComboBox/v2/components/calculateWidth.js';
-import '../ComboBox/v2/components/ValueContainer.js';
-import '../ComboBox/v3/ComboBox.js';
-import '@elliemae/ds-props-helpers';
-import '../ComboBox/v3/config/useComboBox.js';
-import 'react-virtual';
-import '../ComboBox/v3/config/useGetPropsWithDefault.js';
-import '../ComboBox/v3/ComboBoxCTX.js';
-import '../ComboBox/v3/parts/container/Container.js';
-import '@elliemae/ds-popperjs';
-import '../ComboBox/v3/parts/container/styled.js';
-import '../ComboBox/v3/parts/controls/Controls.js';
-import '../ComboBox/v3/parts/dropdown-indicator/DropdownIndicator.js';
-import '@elliemae/ds-icons/ChevronSmallDown';
-import '../ComboBox/v3/parts/dropdown-indicator/styled.js';
-import '../ComboBox/v3/ComboboxDataTestids.js';
-import '../ComboBox/v3/parts/controls/styled.js';
-import '@elliemae/ds-grid';
-import '../ComboBox/v3/parts/multi-selected-values-container/MultiSelectedValuesContainer.js';
-import '@elliemae/ds-pills';
-import '../ComboBox/v3/parts/multi-selected-values-container/useGroupPills.js';
-import '../ComboBox/v3/utils/hooks/useOnElementResize.js';
-import '../ComboBox/v3/parts/a11y-messages/MultiAllyMessages.js';
-import '../ComboBox/v3/utils/listHelper.js';
-import '../ComboBox/v3/parts/a11y-messages/styled.js';
-import '../ComboBox/v3/parts/controls-input/ControlsInput.js';
-import '../ComboBox/v3/parts/controls-input/styled.js';
-import '../ComboBox/v3/utils/hooks/useKeyboardNavigation.js';
-import '../ComboBox/v3/parts/controls-input/useControlsInput.js';
-import '../ComboBox/v3/parts/single-selected-value-container/SingleSelectedValueContainer.js';
-import '../ComboBox/v3/parts/single-selected-value-container/styled.js';
-import '../ComboBox/v3/parts/menu-list/MenuList.js';
-import '../ComboBox/v3/parts/menu-list/styled.js';
-import '../ComboBox/v3/parts/header-list/HeaderList.js';
-import '../ComboBox/v3/parts/header-list/styled.js';
-import '../ComboBox/v3/parts/empty-state/index.js';
-import '../ComboBox/v3/parts/empty-state/styled.js';
-import '../ComboBox/v3/parts/menu-list/useMenuList.js';
-import '@elliemae/ds-form';
-import '../ComboBox/v3/propTypes.js';
-import './components/MultiValueLabel.js';
-import './components/MultiValueRemove.js';
-import './components/SingleValue.js';
-import './components/SingleValueRemove.js';
-//# sourceMappingURL=index.js.map

package/esm/DateInput/DSDateInput.js

@@ -1,7 +1,13 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
-import React, { useState, useEffect, useCallback } from 'react';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { useState, useEffect, useCallback } from 'react';
 import { describe } from 'react-desc';
 import { runAll } from '@elliemae/ds-utilities';
 import DSInput from '../Input/DSInput.js';
@@ -9,90 +15,71 @@ import DateInputImpl from './components/DateInputImpl.js';
 export { default as DateInputImpl } from './components/DateInputImpl.js';
 import { props } from './props.js';
 import { defaultProps } from './defaultProps.js';
-import '../Input/InputImpl.js';
-import '@babel/runtime/helpers/esm/typeof';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@babel/runtime/helpers/esm/classCallCheck';
-import '@babel/runtime/helpers/esm/createClass';
-import '@babel/runtime/helpers/esm/assertThisInitialized';
-import '@babel/runtime/helpers/esm/inherits';
-import '@babel/runtime/helpers/esm/possibleConstructorReturn';
-import '@babel/runtime/helpers/esm/getPrototypeOf';
-import 'prop-types';
-import 'lodash';
-import '@elliemae/ds-classnames';
-import '@elliemae/ds-icons';
-import '@elliemae/ds-button';
-import '@elliemae/ds-tooltip';
-import '../Input/InputAddonWrapper.js';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import 'moment';
-import './components/DateInputs.js';
-import './components/utils.js';
+import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["onChange", "onKeyDown"];
+const _excluded = ["onChange", "onKeyDown"];
 
-var DSDateInput = function DSDateInput(_ref) {
-  var innerRef = _ref.innerRef,
-      className = _ref.className,
-      style = _ref.style,
-      onFocus = _ref.onFocus,
-      onBlur = _ref.onBlur,
-      onClear = _ref.onClear,
-      onChange = _ref.onChange,
-      onKeyDown = _ref.onKeyDown,
-      onError = _ref.onError,
-      format = _ref.format,
-      value = _ref.value,
-      clearable = _ref.clearable,
-      disabled = _ref.disabled,
-      yearMaxRange = _ref.yearMaxRange,
-      yearMinRange = _ref.yearMinRange,
-      containerProps = _ref.containerProps,
-      INTERNAL_V2_NO_MUTATION = _ref.INTERNAL_V2_NO_MUTATION;
+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; }
 
-  var _useState = useState(value),
-      _useState2 = _slicedToArray(_useState, 2),
-      valueDate = _useState2[0],
-      setValueDate = _useState2[1];
+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(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; }
 
-  useEffect(function () {
+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] = useState(value);
+  useEffect(() => {
     if (value) {
       setValueDate(value);
     }
   }, [value]);
-  var handleOnClear = useCallback(function () {
+  const handleOnClear = useCallback(() => {
     runAll(onClear, setValueDate(''));
   }, [onClear]);
-  var handleKeyDown = useCallback(function (e, date, inputOnKeyDown) {
+  const handleKeyDown = useCallback((e, date, inputOnKeyDown) => {
     inputOnKeyDown(e, date);
   }, []);
-  var handleOnChange = useCallback(function (date, inputOnChange) {
+  const handleOnChange = useCallback((date, inputOnChange) => {
     setValueDate(date);
     inputOnChange(date);
   }, []);
-  return /*#__PURE__*/React.createElement(DSInput, {
+  return /*#__PURE__*/_jsx(DSInput, {
     className: "".concat(className, " input-date-input "),
     clearable: clearable,
     containerProps: containerProps,
-    customInputType: function customInputType(_ref2) {
-      var inputOnChange = _ref2.onChange,
-          inputOnKeyDown = _ref2.onKeyDown,
+    customInputType: _ref2 => {
+      let {
+        onChange: inputOnChange,
+        onKeyDown: inputOnKeyDown
+      } = _ref2,
           restInputProps = _objectWithoutProperties(_ref2, _excluded);
 
-      return /*#__PURE__*/React.createElement(DateInputImpl, _extends({
+      return /*#__PURE__*/jsx(DateInputImpl, _objectSpread(_objectSpread({
         INTERNAL_V2_NO_MUTATION: INTERNAL_V2_NO_MUTATION,
         disabled: disabled,
         format: format,
-        onChange: function onChange(date) {
-          return handleOnChange(date, inputOnChange);
-        },
+        onChange: date => handleOnChange(date, inputOnChange),
         onError: onError,
-        onKeyDown: function onKeyDown(e, date) {
-          return handleKeyDown(e, date, inputOnKeyDown);
-        },
+        onKeyDown: (e, date) => handleKeyDown(e, date, inputOnKeyDown),
         value: valueDate
-      }, restInputProps, {
+      }, restInputProps), {}, {
         style: style,
         yearMaxRange: yearMaxRange,
         yearMinRange: yearMinRange,
@@ -110,10 +97,8 @@ var DSDateInput = function DSDateInput(_ref) {
   });
 };
 
-DSDateInput.propTypes = props;
 DSDateInput.defaultProps = defaultProps;
-var DSDateInputWithSchema = describe(DSDateInput).deprecated('use DateInputV2 instead');
+const DSDateInputWithSchema = describe(DSDateInput).deprecated('use DateInputV2 instead');
 DSDateInputWithSchema.propTypes = props;
 
 export { DSDateInputWithSchema, DSDateInput as default };
-//# sourceMappingURL=DSDateInput.js.map