@elliemae/ds-form 2.2.0-alpha.1 → 2.2.0-alpha.2

package/esm/ComboBoxFreeSolo/components/MultiValueRemove.js

@@ -1,35 +1,27 @@
-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 _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); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const PillCloseAddon = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-kbngzd-0"
-})(["cursor:pointer;height:", ";& > span{height:auto;}"], props => props.theme.space.xs);
-
-const MultiValueRemove = props => /*#__PURE__*/jsx(components.MultiValueRemove, _objectSpread(_objectSpread({}, props), {}, {
-  children: _PillCloseAddon || (_PillCloseAddon = /*#__PURE__*/_jsx(PillCloseAddon, {}, void 0, /*#__PURE__*/_jsx(CloseXsmall, {})))
-}));
-
-MultiValueRemove.style = base => _objectSpread(_objectSpread({}, base), {}, {
+import * as React from "react";
+import React2 from "react";
+import styled from "styled-components";
+import { components } from "react-select";
+import { CloseXsmall } from "@elliemae/ds-icons";
+const PillCloseAddon = styled.div`
+  cursor: pointer;
+  height: ${(props) => props.theme.space.xs};
+  & > span {
+    height: auto;
+  }
+`;
+const MultiValueRemove = (props) => /* @__PURE__ */ React2.createElement(components.MultiValueRemove, {
+  ...props
+}, /* @__PURE__ */ React2.createElement(PillCloseAddon, null, /* @__PURE__ */ React2.createElement(CloseXsmall, null)));
+MultiValueRemove.style = (base) => ({
+  ...base,
   paddingLeft: 0,
-  height: '100%',
-  ':hover': {
-    backgroundColor: '#EBF6FF'
+  height: "100%",
+  ":hover": {
+    backgroundColor: "#EBF6FF"
   }
 });
-
-export { MultiValueRemove };
+export {
+  MultiValueRemove
+};
+//# sourceMappingURL=MultiValueRemove.js.map

package/esm/ComboBoxFreeSolo/components/MultiValueRemove.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/ComboBoxFreeSolo/components/MultiValueRemove.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport styled from 'styled-components';\nimport { components } from 'react-select';\nimport { CloseXsmall } from '@elliemae/ds-icons';\n\nconst PillCloseAddon = styled.div`\n  cursor: pointer;\n  height: ${(props) => props.theme.space.xs};\n  & > span {\n    height: auto;\n  }\n`;\n\nconst MultiValueRemove = (props) => (\n  <components.MultiValueRemove {...props}>\n    <PillCloseAddon>\n      <CloseXsmall />\n    </PillCloseAddon>\n  </components.MultiValueRemove>\n);\n\nMultiValueRemove.style = (base) => ({\n  ...base,\n  paddingLeft: 0,\n  height: '100%',\n  ':hover': {\n    backgroundColor: '#EBF6FF',\n  },\n});\n\nexport { MultiValueRemove };\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,iBAAiB,OAAO;AAAA;AAAA,YAElB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAMzC,MAAM,mBAAmB,CAAC,UACxB,qCAAC,WAAW,kBAAZ;AAAA,KAAiC;AAAA,GAC/B,qCAAC,gBAAD,MACE,qCAAC,aAAD;AAKN,iBAAiB,QAAQ,CAAC,SAAU;AAAA,KAC/B;AAAA,EACH,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,UAAU;AAAA,IACR,iBAAiB;AAAA;AAAA;",
+  "names": []
+}

package/esm/ComboBoxFreeSolo/components/SingleValue.js

@@ -1,27 +1,16 @@
-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 { jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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
-  const {
-    children
-  } = props;
-  return /*#__PURE__*/_jsx(MultiValueLabel, {
-    clear: /*#__PURE__*/jsx(SingleValueRemove, _objectSpread({}, props))
-  }, void 0, children);
+import * as React from "react";
+import React2 from "react";
+import { SingleValueRemove } from "./SingleValueRemove";
+import { MultiValueLabel } from "./MultiValueLabel";
+const SingleValue = (props) => {
+  const { children } = props;
+  return /* @__PURE__ */ React2.createElement(MultiValueLabel, {
+    clear: /* @__PURE__ */ React2.createElement(SingleValueRemove, {
+      ...props
+    })
+  }, children);
 };
-
-export { SingleValue };
+export {
+  SingleValue
+};
+//# sourceMappingURL=SingleValue.js.map

package/esm/ComboBoxFreeSolo/components/SingleValue.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/ComboBoxFreeSolo/components/SingleValue.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { SingleValueRemove } from './SingleValueRemove';\nimport { MultiValueLabel } from './MultiValueLabel';\n\nconst SingleValue = (props) => {\n  // eslint-disable-next-line react/prop-types\n  const { children } = props;\n  return (\n    <MultiValueLabel clear={<SingleValueRemove {...props} />}>\n      {children}\n    </MultiValueLabel>\n  );\n};\n\nexport { SingleValue };\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEA,MAAM,cAAc,CAAC,UAAU;AAE7B,QAAM,EAAE,aAAa;AACrB,SACE,qCAAC,iBAAD;AAAA,IAAiB,OAAO,qCAAC,mBAAD;AAAA,SAAuB;AAAA;AAAA,KAC5C;AAAA;",
+  "names": []
+}

package/esm/ComboBoxFreeSolo/components/SingleValueRemove.js

@@ -1,52 +1,42 @@
-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 _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); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const StyledButton = /*#__PURE__*/styled(DSButton).withConfig({
-  componentId: "sc-cikqh1-0"
-})(["padding-right:8px;width:1.16rem !important;height:auto;z-index:10;color:'#000';"]);
-
-const SingleValueRemove = props => {
-  // eslint-disable-next-line react/prop-types
-  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()
-    }))
+import * as React from "react";
+import React2 from "react";
+import { components } from "react-select";
+import styled from "styled-components";
+import { CloseXsmall } from "@elliemae/ds-icons";
+import { DSButton } from "@elliemae/ds-button";
+const StyledButton = styled(DSButton)`
+  padding-right: 8px;
+  width: 1.16rem !important;
+  height: auto;
+  z-index: 10;
+  color: '#000';
+`;
+const SingleValueRemove = (props) => {
+  const { clearValue } = props;
+  return /* @__PURE__ */ React2.createElement(components.ClearIndicator, {
+    ...props
+  }, /* @__PURE__ */ React2.createElement(StyledButton, {
+    ...props,
+    "data-testid": "free-solo-pill-clear-btn",
+    "aria-label": "clear-indicator",
+    buttonType: "text",
+    className: "clear-indicator",
+    icon: /* @__PURE__ */ React2.createElement(CloseXsmall, {
+      fill: "#000"
+    }),
+    onClick: () => clearValue()
   }));
 };
-
-SingleValueRemove.style = base => _objectSpread(_objectSpread({}, base), {}, {
+SingleValueRemove.style = (base) => ({
+  ...base,
   padding: 0,
-  height: '16px',
-  backgroundColor: '#EBF6FF',
-  ':hover': {
-    backgroundColor: '#EBF6FF'
+  height: "16px",
+  backgroundColor: "#EBF6FF",
+  ":hover": {
+    backgroundColor: "#EBF6FF"
   }
 });
-
-export { SingleValueRemove };
+export {
+  SingleValueRemove
+};
+//# sourceMappingURL=SingleValueRemove.js.map

package/esm/ComboBoxFreeSolo/components/SingleValueRemove.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/ComboBoxFreeSolo/components/SingleValueRemove.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { components } from 'react-select';\nimport styled from 'styled-components';\nimport { CloseXsmall } from '@elliemae/ds-icons';\nimport { DSButton } from '@elliemae/ds-button';\n\nconst StyledButton = styled(DSButton)`\n  padding-right: 8px;\n  width: 1.16rem !important;\n  height: auto;\n  z-index: 10;\n  color: '#000';\n`;\n\nconst SingleValueRemove = (props) => {\n  // eslint-disable-next-line react/prop-types\n  const { clearValue } = props;\n\n  return (\n    <components.ClearIndicator {...props}>\n      <StyledButton\n        {...props}\n        data-testid=\"free-solo-pill-clear-btn\"\n        aria-label=\"clear-indicator\"\n        buttonType=\"text\"\n        className=\"clear-indicator\"\n        icon={<CloseXsmall fill=\"#000\" />}\n        onClick={() => clearValue()}\n      />\n    </components.ClearIndicator>\n  );\n};\n\nSingleValueRemove.style = (base) => ({\n  ...base,\n  padding: 0,\n  height: '16px',\n  backgroundColor: '#EBF6FF',\n  ':hover': {\n    backgroundColor: '#EBF6FF',\n  },\n});\n\nexport { SingleValueRemove };\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,eAAe,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ5B,MAAM,oBAAoB,CAAC,UAAU;AAEnC,QAAM,EAAE,eAAe;AAEvB,SACE,qCAAC,WAAW,gBAAZ;AAAA,OAA+B;AAAA,KAC7B,qCAAC,cAAD;AAAA,OACM;AAAA,IACJ,eAAY;AAAA,IACZ,cAAW;AAAA,IACX,YAAW;AAAA,IACX,WAAU;AAAA,IACV,MAAM,qCAAC,aAAD;AAAA,MAAa,MAAK;AAAA;AAAA,IACxB,SAAS,MAAM;AAAA;AAAA;AAMvB,kBAAkB,QAAQ,CAAC,SAAU;AAAA,KAChC;AAAA,EACH,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,UAAU;AAAA,IACR,iBAAiB;AAAA;AAAA;",
+  "names": []
+}

package/esm/ComboBoxFreeSolo/index.js

@@ -1 +1,3 @@
-export { default } from './ComboBoxFreeSolo.js';
+import * as React from "react";
+export * from "./ComboBoxFreeSolo";
+//# sourceMappingURL=index.js.map

package/esm/ComboBoxFreeSolo/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/ComboBoxFreeSolo/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './ComboBoxFreeSolo';\n"],
+  "mappings": "AAAA;ACAA;",
+  "names": []
+}

package/esm/DateInput/DSDateInput.js

@@ -1,49 +1,30 @@
-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 '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';
-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 { jsx } from 'react/jsx-runtime';
-
-const _excluded = ["onChange", "onKeyDown"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-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;
+import * as React from "react";
+import React2, { useState, useCallback, useEffect } from "react";
+import { describe } from "react-desc";
+import { runAll } from "@elliemae/ds-utilities";
+import { DSInput } from "../Input";
+import { DateInputImpl } from "./components/DateInputImpl";
+import { props } from "./props";
+import { defaultProps } from "./defaultProps";
+const DSDateInput = ({
+  innerRef,
+  className,
+  style,
+  onFocus,
+  onBlur,
+  onClear,
+  onChange,
+  onKeyDown,
+  onError,
+  format,
+  value,
+  clearable,
+  disabled,
+  yearMaxRange,
+  yearMinRange,
+  containerProps,
+  INTERNAL_V2_NO_MUTATION
+}) => {
   const [valueDate, setValueDate] = useState(value);
   useEffect(() => {
     if (value) {
@@ -51,7 +32,7 @@ const DSDateInput = _ref => {
     }
   }, [value]);
   const handleOnClear = useCallback(() => {
-    runAll(onClear, setValueDate(''));
+    runAll(onClear, setValueDate(""));
   }, [onClear]);
   const handleKeyDown = useCallback((e, date, inputOnKeyDown) => {
     inputOnKeyDown(e, date);
@@ -60,45 +41,43 @@ const DSDateInput = _ref => {
     setValueDate(date);
     inputOnChange(date);
   }, []);
-  return /*#__PURE__*/_jsx(DSInput, {
-    className: "".concat(className, " input-date-input "),
-    clearable: clearable,
-    containerProps: containerProps,
-    customInputType: _ref2 => {
-      let {
-        onChange: inputOnChange,
-        onKeyDown: inputOnKeyDown
-      } = _ref2,
-          restInputProps = _objectWithoutProperties(_ref2, _excluded);
-
-      return /*#__PURE__*/jsx(DateInputImpl, _objectSpread(_objectSpread({
-        INTERNAL_V2_NO_MUTATION: INTERNAL_V2_NO_MUTATION,
-        disabled: disabled,
-        format: format,
-        onChange: date => handleOnChange(date, inputOnChange),
-        onError: onError,
-        onKeyDown: (e, date) => handleKeyDown(e, date, inputOnKeyDown),
-        value: valueDate
-      }, restInputProps), {}, {
-        style: style,
-        yearMaxRange: yearMaxRange,
-        yearMinRange: yearMinRange,
-        onFocus: onFocus
-      }));
-    },
+  return /* @__PURE__ */ React2.createElement(DSInput, {
+    className: `${className} input-date-input `,
+    clearable,
+    containerProps,
+    customInputType: ({ onChange: inputOnChange, onKeyDown: inputOnKeyDown, ...restInputProps }) => /* @__PURE__ */ React2.createElement(DateInputImpl, {
+      INTERNAL_V2_NO_MUTATION,
+      disabled,
+      format,
+      onChange: (date) => handleOnChange(date, inputOnChange),
+      onError,
+      onKeyDown: (e, date) => handleKeyDown(e, date, inputOnKeyDown),
+      value: valueDate,
+      ...restInputProps,
+      style,
+      yearMaxRange,
+      yearMinRange,
+      onFocus
+    }),
     disableTooltip: false,
-    disabled: disabled,
-    innerRef: innerRef,
-    onBlur: onBlur,
-    onChange: onChange,
-    onKeyDown: onKeyDown,
+    disabled,
+    innerRef,
+    onBlur,
+    onChange,
+    onKeyDown,
     onClear: handleOnClear,
     value: valueDate
   });
 };
-
+DSDateInput.propTypes = props;
 DSDateInput.defaultProps = defaultProps;
-const DSDateInputWithSchema = describe(DSDateInput).deprecated('use DateInputV2 instead');
+const DSDateInputWithSchema = describe(DSDateInput).deprecated("use DateInputV2 instead");
 DSDateInputWithSchema.propTypes = props;
-
-export { DSDateInputWithSchema, DSDateInput as default };
+var DSDateInput_default = DSDateInput;
+export {
+  DSDateInput,
+  DSDateInputWithSchema,
+  DateInputImpl,
+  DSDateInput_default as default
+};
+//# sourceMappingURL=DSDateInput.js.map

package/esm/DateInput/DSDateInput.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/DateInput/DSDateInput.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React, { useState, useCallback, useEffect } from 'react';\nimport { describe } from 'react-desc';\nimport { runAll } from '@elliemae/ds-utilities';\nimport { DSInput } from '../Input';\nimport { DateInputImpl } from './components/DateInputImpl';\nimport { props } from './props';\nimport { defaultProps } from './defaultProps';\n\nconst DSDateInput = ({\n  innerRef,\n  className,\n  style,\n  onFocus,\n  onBlur,\n  onClear,\n  onChange,\n  onKeyDown,\n  onError,\n  format,\n  value,\n  clearable,\n  disabled,\n  yearMaxRange,\n  yearMinRange,\n  containerProps,\n  // TODO remove and keep `true` behavior ( PUI-4141 )\n  INTERNAL_V2_NO_MUTATION,\n}) => {\n  const [valueDate, setValueDate] = useState(value);\n\n  useEffect(() => {\n    if (value) {\n      setValueDate(value);\n    }\n  }, [value]);\n\n  const handleOnClear = useCallback(() => {\n    runAll(onClear, setValueDate(''));\n  }, [onClear]);\n\n  const handleKeyDown = useCallback((e, date, inputOnKeyDown) => {\n    inputOnKeyDown(e, date);\n  }, []);\n\n  const handleOnChange = useCallback((date, inputOnChange) => {\n    setValueDate(date);\n    inputOnChange(date);\n  }, []);\n\n  return (\n    <DSInput\n      className={`${className} input-date-input `}\n      clearable={clearable}\n      containerProps={containerProps}\n      customInputType={({ onChange: inputOnChange, onKeyDown: inputOnKeyDown, ...restInputProps }) => (\n        <DateInputImpl\n          INTERNAL_V2_NO_MUTATION={INTERNAL_V2_NO_MUTATION}\n          disabled={disabled}\n          format={format}\n          onChange={(date) => handleOnChange(date, inputOnChange)}\n          onError={onError}\n          onKeyDown={(e, date) => handleKeyDown(e, date, inputOnKeyDown)}\n          value={valueDate}\n          {...restInputProps}\n          style={style}\n          yearMaxRange={yearMaxRange}\n          yearMinRange={yearMinRange}\n          onFocus={onFocus}\n        />\n      )}\n      disableTooltip={false}\n      disabled={disabled}\n      innerRef={innerRef}\n      onBlur={onBlur}\n      onChange={onChange}\n      onKeyDown={onKeyDown}\n      onClear={handleOnClear}\n      value={valueDate}\n    />\n  );\n};\n\nDSDateInput.propTypes = props;\nDSDateInput.defaultProps = defaultProps;\nconst DSDateInputWithSchema = describe(DSDateInput).deprecated('use DateInputV2 instead');\nDSDateInputWithSchema.propTypes = props;\n\nexport { DateInputImpl, DSDateInputWithSchema, DSDateInput };\n\nexport default DSDateInput;\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,cAAc,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,MACI;AACJ,QAAM,CAAC,WAAW,gBAAgB,SAAS;AAE3C,YAAU,MAAM;AACd,QAAI,OAAO;AACT,mBAAa;AAAA;AAAA,KAEd,CAAC;AAEJ,QAAM,gBAAgB,YAAY,MAAM;AACtC,WAAO,SAAS,aAAa;AAAA,KAC5B,CAAC;AAEJ,QAAM,gBAAgB,YAAY,CAAC,GAAG,MAAM,mBAAmB;AAC7D,mBAAe,GAAG;AAAA,KACjB;AAEH,QAAM,iBAAiB,YAAY,CAAC,MAAM,kBAAkB;AAC1D,iBAAa;AACb,kBAAc;AAAA,KACb;AAEH,SACE,qCAAC,SAAD;AAAA,IACE,WAAW,GAAG;AAAA,IACd;AAAA,IACA;AAAA,IACA,iBAAiB,CAAC,EAAE,UAAU,eAAe,WAAW,mBAAmB,qBACzE,qCAAC,eAAD;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU,CAAC,SAAS,eAAe,MAAM;AAAA,MACzC;AAAA,MACA,WAAW,CAAC,GAAG,SAAS,cAAc,GAAG,MAAM;AAAA,MAC/C,OAAO;AAAA,SACH;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAGJ,gBAAgB;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT,OAAO;AAAA;AAAA;AAKb,YAAY,YAAY;AACxB,YAAY,eAAe;AAC3B,MAAM,wBAAwB,SAAS,aAAa,WAAW;AAC/D,sBAAsB,YAAY;AAIlC,IAAO,sBAAQ;",
+  "names": []
+}

package/esm/DateInput/components/DateInputImpl.js

@@ -1,73 +1,80 @@
-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 { useRef, useMemo } from 'react';
-import { aggregatedClasses } from '@elliemae/ds-classnames';
-import DateInputs from './DateInputs.js';
-import { jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const blockName = 'input-time';
-const DateInputContainer = aggregatedClasses('div')(blockName);
-
-const getVisibleTimeByFormat = format => ({
-  showMonth: format.indexOf('MM') > -1 || format.indexOf('M') > -1,
-  showDay: format.indexOf('DD') > -1 || format.indexOf('D') > -1,
-  showYear: format.indexOf('YYYY') > -1
+import * as React from "react";
+import React2, { useRef, useMemo } from "react";
+import PropTypes from "prop-types";
+import Moment from "moment";
+import { aggregatedClasses } from "@elliemae/ds-classnames";
+import { DateInputs } from "./DateInputs";
+const blockName = "input-time";
+const DateInputContainer = aggregatedClasses("div")(blockName);
+const getVisibleTimeByFormat = (format) => ({
+  showMonth: format.indexOf("MM") > -1 || format.indexOf("M") > -1,
+  showDay: format.indexOf("DD") > -1 || format.indexOf("D") > -1,
+  showYear: format.indexOf("YYYY") > -1
 });
-
-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 DateInputImpl = ({
+  format,
+  innerRef,
+  onBlur,
+  onChange,
+  onKeyDown,
+  onError,
+  className,
+  value,
+  disabled,
+  yearMaxRange,
+  yearMinRange,
+  onFocus,
+  INTERNAL_V2_NO_MUTATION
+}) => {
   const inputContainerRef = useRef();
-
-  const handleFocus = e => {
+  const handleFocus = (e) => {
     onFocus();
-
     if (!e.target.type) {
-      inputContainerRef.current.querySelector('input').focus();
+      inputContainerRef.current.querySelector("input").focus();
     }
   };
-
   const visibleInputs = useMemo(() => getVisibleTimeByFormat(format), [format]);
-  return /*#__PURE__*/_jsx(DateInputContainer, {
-    className: className,
-    disabled: disabled,
-    innerRef: innerRef,
+  return /* @__PURE__ */ React2.createElement(DateInputContainer, {
+    className,
+    disabled,
+    innerRef,
     onClick: handleFocus
-  }, void 0, /*#__PURE__*/jsx(DateInputs, _objectSpread({
-    disabled: disabled,
-    format: format,
-    INTERNAL_V2_NO_MUTATION: INTERNAL_V2_NO_MUTATION,
+  }, /* @__PURE__ */ React2.createElement(DateInputs, {
+    disabled,
+    format,
+    INTERNAL_V2_NO_MUTATION,
     innerRef: inputContainerRef,
-    onBlur: onBlur,
-    onChange: onChange,
+    onBlur,
+    onChange,
     onCustomKeyDown: onKeyDown,
-    onError: onError,
+    onError,
     time: value,
-    yearMaxRange: yearMaxRange,
-    yearMinRange: yearMinRange
-  }, visibleInputs)));
+    yearMaxRange,
+    yearMinRange,
+    ...visibleInputs
+  }));
+};
+DateInputImpl.propTypes = {
+  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]),
+  onBlur: PropTypes.bool,
+  onChange: PropTypes.func,
+  onKeyDown: PropTypes.func,
+  onError: PropTypes.func,
+  format: PropTypes.string,
+  showMonth: PropTypes.bool,
+  className: PropTypes.string,
+  showDay: PropTypes.bool,
+  showYear: PropTypes.bool,
+  step: PropTypes.number,
+  onFocus: PropTypes.func,
+  yearMaxRange: PropTypes.number,
+  disabled: PropTypes.bool,
+  yearMinRange: PropTypes.number,
+  value: PropTypes.instanceOf(Moment)
+};
+var DateInputImpl_default = DateInputImpl;
+export {
+  DateInputImpl,
+  DateInputImpl_default as default
 };
-
-export { DateInputImpl as default };
+//# sourceMappingURL=DateInputImpl.js.map

package/esm/DateInput/components/DateInputImpl.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/DateInput/components/DateInputImpl.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useRef, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport Moment from 'moment';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { DateInputs } from './DateInputs';\n\nconst blockName = 'input-time';\n\nconst DateInputContainer = aggregatedClasses('div')(blockName);\n\nconst getVisibleTimeByFormat = (format) => ({\n  showMonth: format.indexOf('MM') > -1 || format.indexOf('M') > -1,\n  showDay: format.indexOf('DD') > -1 || format.indexOf('D') > -1,\n  showYear: format.indexOf('YYYY') > -1,\n});\n\nconst DateInputImpl = ({\n  format,\n  innerRef,\n  onBlur,\n  onChange,\n  onKeyDown,\n  onError,\n  className,\n  value,\n  disabled,\n  yearMaxRange,\n  yearMinRange,\n  onFocus,\n  // eslint-disable-next-line react/prop-types\n  INTERNAL_V2_NO_MUTATION,\n}) => {\n  const inputContainerRef = useRef();\n\n  const handleFocus = (e) => {\n    onFocus();\n    if (!e.target.type) {\n      inputContainerRef.current.querySelector('input').focus();\n    }\n  };\n\n  const visibleInputs = useMemo(() => getVisibleTimeByFormat(format), [format]);\n\n  return (\n    <DateInputContainer className={className} disabled={disabled} innerRef={innerRef} onClick={handleFocus}>\n      <DateInputs\n        disabled={disabled}\n        format={format}\n        INTERNAL_V2_NO_MUTATION={INTERNAL_V2_NO_MUTATION}\n        innerRef={inputContainerRef}\n        onBlur={onBlur}\n        onChange={onChange}\n        onCustomKeyDown={onKeyDown}\n        onError={onError}\n        time={value}\n        yearMaxRange={yearMaxRange}\n        yearMinRange={yearMinRange}\n        {...visibleInputs}\n      />\n    </DateInputContainer>\n  );\n};\n\nDateInputImpl.propTypes = {\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]),\n  onBlur: PropTypes.bool,\n  onChange: PropTypes.func,\n  onKeyDown: PropTypes.func,\n  onError: PropTypes.func,\n  format: PropTypes.string,\n  showMonth: PropTypes.bool,\n  className: PropTypes.string,\n  showDay: PropTypes.bool,\n  showYear: PropTypes.bool,\n  step: PropTypes.number,\n  onFocus: PropTypes.func,\n  yearMaxRange: PropTypes.number,\n  disabled: PropTypes.bool,\n  yearMinRange: PropTypes.number,\n  value: PropTypes.instanceOf(Moment),\n};\n\nexport { DateInputImpl };\nexport default DateInputImpl;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY;AAElB,MAAM,qBAAqB,kBAAkB,OAAO;AAEpD,MAAM,yBAAyB,CAAC,WAAY;AAAA,EAC1C,WAAW,OAAO,QAAQ,QAAQ,MAAM,OAAO,QAAQ,OAAO;AAAA,EAC9D,SAAS,OAAO,QAAQ,QAAQ,MAAM,OAAO,QAAQ,OAAO;AAAA,EAC5D,UAAU,OAAO,QAAQ,UAAU;AAAA;AAGrC,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,MACI;AACJ,QAAM,oBAAoB;AAE1B,QAAM,cAAc,CAAC,MAAM;AACzB;AACA,QAAI,CAAC,EAAE,OAAO,MAAM;AAClB,wBAAkB,QAAQ,cAAc,SAAS;AAAA;AAAA;AAIrD,QAAM,gBAAgB,QAAQ,MAAM,uBAAuB,SAAS,CAAC;AAErE,SACE,qCAAC,oBAAD;AAAA,IAAoB;AAAA,IAAsB;AAAA,IAAoB;AAAA,IAAoB,SAAS;AAAA,KACzF,qCAAC,YAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,iBAAiB;AAAA,IACjB;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA;AAAA,OACI;AAAA;AAAA;AAMZ,cAAc,YAAY;AAAA,EACxB,UAAU,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,EAAE,SAAS,UAAU;AAAA,EACpF,QAAQ,UAAU;AAAA,EAClB,UAAU,UAAU;AAAA,EACpB,WAAW,UAAU;AAAA,EACrB,SAAS,UAAU;AAAA,EACnB,QAAQ,UAAU;AAAA,EAClB,WAAW,UAAU;AAAA,EACrB,WAAW,UAAU;AAAA,EACrB,SAAS,UAAU;AAAA,EACnB,UAAU,UAAU;AAAA,EACpB,MAAM,UAAU;AAAA,EAChB,SAAS,UAAU;AAAA,EACnB,cAAc,UAAU;AAAA,EACxB,UAAU,UAAU;AAAA,EACpB,cAAc,UAAU;AAAA,EACxB,OAAO,UAAU,WAAW;AAAA;AAI9B,IAAO,wBAAQ;",
+  "names": []
+}