@elliemae/ds-form 2.2.0-alpha.3 → 3.0.0-next.0

package/esm/DateInput/components/utils.js

@@ -1,91 +1,115 @@
-import * as React from "react";
-import { addLeadingZeros, parseInt, isNaN } from "@elliemae/ds-utilities";
-import moment from "moment";
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.some.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.some.js';
+import { parseInt, isNaN, addLeadingZeros } from '@elliemae/ds-utilities';
+import moment from 'moment';
+
 const currentYear = new Date().getFullYear();
-const isArrowIncrementDecrement = (key) => key === "ArrowDown" || key === "ArrowUp";
+const isArrowIncrementDecrement = key => key === 'ArrowDown' || key === 'ArrowUp'; // TODO remove and keep `true` behavior ( PUI-4141 )
+
 const setNativeValue = (element, value) => {
-  if (!Object.getOwnPropertyDescriptor(element, "value"))
-    return;
-  const valueSetter = Object.getOwnPropertyDescriptor(element, "value").set;
+  if (!Object.getOwnPropertyDescriptor(element, 'value')) return;
+  const valueSetter = Object.getOwnPropertyDescriptor(element, 'value').set;
   const prototype = Object.getPrototypeOf(element);
-  const prototypeValueSetter = Object.getOwnPropertyDescriptor(prototype, "value").set;
+  const prototypeValueSetter = Object.getOwnPropertyDescriptor(prototype, 'value').set;
+
   if (valueSetter && valueSetter !== prototypeValueSetter) {
     prototypeValueSetter.call(element, value);
   } else {
     valueSetter.call(element, value);
   }
-  element.dispatchEvent(new Event("input", { bubbles: true }));
+
+  element.dispatchEvent(new Event('input', {
+    bubbles: true
+  }));
 };
+
 const formatTimeNumber = (value, shouldAddLeadingZeros, leadingZeros) => {
-  if (value === null || value === void 0)
-    return "";
+  if (value === null || value === undefined) return '';
   return shouldAddLeadingZeros ? addLeadingZeros(leadingZeros)(value) : String(value);
 };
+
 const formatDay = (format, value) => {
-  const shouldAddLeadingZeros = format.indexOf("DD") > -1;
+  const shouldAddLeadingZeros = format.indexOf('DD') > -1;
   return formatTimeNumber(value, shouldAddLeadingZeros, 2);
 };
 const formatYear = (format, value) => {
-  const shouldAddLeadingZeros = format.indexOf("YYYY") > -1;
+  const shouldAddLeadingZeros = format.indexOf('YYYY') > -1;
   return formatTimeNumber(value, shouldAddLeadingZeros, 4);
 };
 const formatMonth = (format, value) => {
-  const shouldAddLeadingZeros = format.indexOf("MM") > -1;
+  const shouldAddLeadingZeros = format.indexOf('MM') > -1;
   return formatTimeNumber(value, shouldAddLeadingZeros, 2);
 };
-const parseTimeNumberFromText = (stringValue) => {
+const parseTimeNumberFromText = stringValue => {
   const parsedInt = parseInt(stringValue);
-  if (isNaN(parsedInt))
-    return null;
+  if (isNaN(parsedInt)) return null;
   return parsedInt;
-};
-const triggerOnBlur = (blurEvent, onBlur = () => {
-}) => {
-  const { target: currentEl = {}, relatedTarget } = blurEvent || {};
+}; // trigger onBlur for entire DateInput control if focus is not in day, month, year
+
+const triggerOnBlur = function (blurEvent) {
+  let onBlur = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : () => {};
+  const {
+    target: currentEl = {},
+    relatedTarget
+  } = blurEvent || {};
   const nextElement = currentEl.nextElementSibling;
-  const { nextElementSibling } = nextElement || {};
+  const {
+    nextElementSibling
+  } = nextElement || {}; // relatedTarget points to the element that is currently having focus
+
   if (!nextElementSibling || nextElementSibling !== relatedTarget) {
     onBlur(blurEvent);
   }
 };
-const focusNextInput = (currentEl) => {
+const focusNextInput = currentEl => {
   const nextElement = currentEl.nextElementSibling;
+
   if (nextElement && nextElement.nextElementSibling) {
     nextElement.nextElementSibling.focus();
   }
 };
-const focusPreviousInput = (currentEl) => {
+const focusPreviousInput = currentEl => {
   const previousElement = currentEl.previousElementSibling;
+
   if (previousElement && previousElement.previousElementSibling) {
     previousElement.previousElementSibling.focus();
   }
 };
-const getValidTimeNumber = ({ min, max }, number, valueString = "", onError = () => null) => {
-  if (valueString === "0" || number === 0)
-    return null;
-  if (number === void 0 || number === null)
-    return 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;
+
   if (number > max) {
     onError();
     return max;
   }
+
   if (number < min) {
     onError();
     return min;
   }
+
   return number;
 };
-const shouldFocusNextInput = (max, number = 0, stringValue) => {
-  if (stringValue.length > 1 && !stringValue.startsWith("0"))
-    return true;
+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;
 };
 const getDateValuesFromTime = (time, format) => {
-  if (!time || !time.format)
-    return {};
-  const month = time.format("MM");
-  const day = time.format("DD");
-  const year = time.format("YYYY");
+  if (!time || !time.format) return {};
+  const month = time.format('MM');
+  const day = time.format('DD');
+  const year = time.format('YYYY');
   return {
     month: formatMonth(format, month),
     day: formatDay(format, day),
@@ -93,24 +117,26 @@ const getDateValuesFromTime = (time, format) => {
   };
 };
 const resetTimeValues = () => ({
-  month: "",
-  day: "",
-  year: ""
+  month: '',
+  day: '',
+  year: ''
 });
-const onInputFocus = (e) => {
+const onInputFocus = e => {
   e.preventDefault();
   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;
-  if (target === "year") {
-    if (result < yearMinRange)
-      result = currentYear;
-    if (result > yearMaxRange)
-      result = currentYear;
+
+  if (target === 'year') {
+    if (result < yearMinRange) result = currentYear;
+    if (result > yearMaxRange) result = currentYear;
   }
+
   return result;
 };
 const focusNextInputIfNeeded = (currentEl, max, number, stringValue, currentKey) => {
@@ -118,68 +144,62 @@ 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]*",
+    pattern: '[0-9]*',
     placeholder,
-    type: "text",
+    type: 'text',
     onKeyDown,
     onFocus: onInputFocus
   };
-  if (digits === 4)
-    props.placeholder = "YYYY";
+  if (digits === 4) props.placeholder = 'YYYY';
   return props;
 };
 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(time) || moment() : time || moment();
-  const { year, month, day } = date;
-  const { showYear, showMonth, showDay } = show;
-  if (time && !year && !month && !day)
-    return "";
-  newDate.value = `${year}-${month}-${day}`;
-  if (showMonth && month)
-    newDate.month(parseInt(month - 1, 10));
-  if (showDay && day)
-    newDate.date(parseInt(day, 10));
-  if (showYear && year)
-    newDate.year(parseInt(year, 10));
+  const {
+    year,
+    month,
+    day
+  } = date;
+  const {
+    showYear,
+    showMonth,
+    showDay
+  } = show;
+  if (time && !year && !month && !day) return '';
+  newDate.value = "".concat(year, "-").concat(month, "-").concat(day);
+  if (showMonth && month) newDate.month(parseInt(month - 1, 10));
+  if (showDay && day) newDate.date(parseInt(day, 10));
+  if (showYear && year) newDate.year(parseInt(year, 10));
   return newDate;
 };
 const isTimeCompletelySet = (date, show, range) => {
   let neededValues = [];
-  const { year, month, day } = date;
-  if (day.length < 1 || month.length < 1)
-    return false;
-  const { showYear, showMonth, showDay } = show;
-  const { yearMinRange, yearMaxRange } = range;
-  if (showMonth)
-    neededValues = [...neededValues, month || null];
-  if (showDay)
-    neededValues = [...neededValues, day || null];
-  if (showYear)
-    neededValues = [...neededValues, year || null];
+  const {
+    year,
+    month,
+    day
+  } = date;
+  if (day.length < 1 || month.length < 1) return false;
+  const {
+    showYear,
+    showMonth,
+    showDay
+  } = show;
+  const {
+    yearMinRange,
+    yearMaxRange
+  } = range;
+  if (showMonth) neededValues = [...neededValues, month || null];
+  if (showDay) neededValues = [...neededValues, day || null];
+  if (showYear) neededValues = [...neededValues, year || null];
   const isValidYear = year < yearMaxRange && year > yearMinRange;
-  return !neededValues.some((value) => !value) && isValidYear;
-};
-export {
-  commonInputProps,
-  focusNextInput,
-  focusNextInputIfNeeded,
-  focusPreviousInput,
-  formatDay,
-  formatMonth,
-  formatYear,
-  getDateValuesFromTime,
-  getNextTimeValue,
-  getValidTimeNumber,
-  handleCompletedDate,
-  isArrowIncrementDecrement,
-  isTimeCompletelySet,
-  onInputFocus,
-  parseTimeNumberFromText,
-  resetTimeValues,
-  setNativeValue,
-  shouldFocusNextInput,
-  triggerOnBlur
-};
-//# sourceMappingURL=utils.js.map
+  return !neededValues.some(value => !value) && isValidYear;
+};
+
+export { commonInputProps, focusNextInput, focusNextInputIfNeeded, focusPreviousInput, formatDay, formatMonth, formatYear, getDateValuesFromTime, getNextTimeValue, getValidTimeNumber, handleCompletedDate, isArrowIncrementDecrement, isTimeCompletelySet, onInputFocus, parseTimeNumberFromText, resetTimeValues, setNativeValue, shouldFocusNextInput, triggerOnBlur };

package/esm/DateInput/defaultProps.js

@@ -1,8 +1,8 @@
-import * as React from "react";
 const noop = () => null;
+
 const currentYear = new Date().getFullYear();
 const defaultProps = {
-  className: "",
+  className: '',
   style: {},
   onFocus: noop,
   onBlur: noop,
@@ -10,8 +10,8 @@ const defaultProps = {
   onChange: noop,
   onKeyDown: noop,
   onError: noop,
-  format: "MM:DD:YYYY",
-  value: "",
+  format: 'MM:DD:YYYY',
+  value: '',
   clearable: true,
   disabled: false,
   yearMaxRange: currentYear + 100,
@@ -19,7 +19,5 @@ const defaultProps = {
   containerProps: {},
   INTERNAL_V2_NO_MUTATION: false
 };
-export {
-  defaultProps
-};
-//# sourceMappingURL=defaultProps.js.map
+
+export { defaultProps };

package/esm/DateInput/index.js

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

package/esm/DateInput/props.js

@@ -1,27 +1,81 @@
-import * as React from "react";
-import { PropTypes } from "react-desc";
+import { PropTypes } from 'react-desc';
+
 const props = {
-  containerProps: PropTypes.object.description("props injected to date input wrapper node"),
-  innerRef: PropTypes.oneOfType([
-    PropTypes.func,
-    PropTypes.shape({ current: PropTypes.any })
-  ]).description("inner ref for input wrapper"),
-  className: PropTypes.string.description("class for input"),
-  style: PropTypes.object.description("Set style for the date input"),
-  onBlur: PropTypes.func.description("Triggers the onBlur when focus moves out of date input"),
-  onFocus: PropTypes.func.description("Triggers the onFocus when the component gets the focus"),
-  onClear: PropTypes.func.description("Triggers the onClear"),
-  onKeyDown: PropTypes.func.description("Triggers the onKeyDown"),
-  onChange: PropTypes.func.description("Allows a function that is triggered once the date input changes"),
-  onError: PropTypes.func.description("Triggers the onError once one input date is wrong"),
-  format: PropTypes.string.description("Format type for date input"),
-  value: PropTypes.string.description("Default value once the component is initialized"),
-  clearable: PropTypes.bool.description("Whether the date input is clearable or not"),
-  disabled: PropTypes.bool.description("Whether the date input is disabled or not"),
-  yearMaxRange: PropTypes.number.description("Max year that can be accepted by the date input"),
-  yearMinRange: PropTypes.number.description("Min year that can be accepted by the date input")
+  /** props injected to date input wrapper node */
+  containerProps: PropTypes.object.description('props injected to date input wrapper node'),
+
+  /** inner ref for input wrapper */
+  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
+    current: PropTypes.any
+  })]).description('inner ref for input wrapper'),
+
+  /** class for input */
+  className: PropTypes.string.description('class for input'),
+
+  /**
+   * Set style for the date input
+   */
+  style: PropTypes.object.description('Set style for the date input'),
+
+  /**
+   * Triggers the onBlur when focus moves out of date input
+   */
+  onBlur: PropTypes.func.description('Triggers the onBlur when focus moves out of date input'),
+
+  /**
+   * Triggers the onFocus when the component gets the focus
+   */
+  onFocus: PropTypes.func.description('Triggers the onFocus when the component gets the focus'),
+
+  /**
+   * Triggers the onClear
+   */
+  onClear: PropTypes.func.description('Triggers the onClear'),
+
+  /**
+   * Triggers the onKeyDown
+   */
+  onKeyDown: PropTypes.func.description('Triggers the onKeyDown'),
+
+  /**
+   * Allows a function that is triggered once the date input changes
+   */
+  onChange: PropTypes.func.description('Allows a function that is triggered once the date input changes'),
+
+  /**
+   * Triggers the onError once one input date is wrong
+   */
+  onError: PropTypes.func.description('Triggers the onError once one input date is wrong'),
+
+  /**
+   * Format type for date input
+   */
+  format: PropTypes.string.description('Format type for date input'),
+
+  /**
+   * Default value once the component is initialized
+   */
+  value: PropTypes.string.description('Default value once the component is initialized'),
+
+  /**
+   * Whether the date input is clearable or not
+   */
+  clearable: PropTypes.bool.description('Whether the date input is clearable or not'),
+
+  /**
+   * Whether the date input is disabled or not
+   */
+  disabled: PropTypes.bool.description('Whether the date input is disabled or not'),
+
+  /**
+   * Max year that can be accepted by the date input
+   */
+  yearMaxRange: PropTypes.number.description('Max year that can be accepted by the date input'),
+
+  /**
+   * Min year that can be accepted by the date input
+   */
+  yearMinRange: PropTypes.number.description('Min year that can be accepted by the date input')
 };
-export {
-  props
-};
-//# sourceMappingURL=props.js.map
+
+export { props };

package/esm/DateInputV2/components/DSDateInput.js

@@ -1,51 +1,55 @@
-import * as React from "react";
-import React2 from "react";
-import { describe } from "react-desc";
-import { DSInput } from "../../Input";
-import { DateInputs } from "./DateInputs";
-import { props, defaultProps } from "./props";
-const DSDateInputV2 = ({
-  onFocus,
-  onBlur,
-  onChange,
-  onDateChange,
-  onKeyDown,
-  onError,
-  value,
-  disabled,
-  containerProps,
-  tabIndex,
-  innerRef
-}) => /* @__PURE__ */ React2.createElement(DSInput, {
-  innerRef,
-  containerProps,
-  customInputType: ({ innerRef: ir }) => /* @__PURE__ */ React2.createElement(DateInputs, {
-    disabled,
-    innerRef: ir,
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import { describe } from 'react-desc';
+import DSInput from '../../Input/DSInput.js';
+import { DateInputs } from './DateInputs.js';
+import { props, defaultProps } from './props.js';
+
+const DSDateInputV2 = _ref => {
+  let {
+    onFocus,
     onBlur,
     onChange,
     onDateChange,
-    onCustomKeyDown: onKeyDown,
+    onKeyDown,
     onError,
-    time: value,
-    tabIndex
-  }),
-  disableTooltip: false,
-  disabled,
-  onBlur,
-  onFocus,
-  onKeyDown,
-  value,
-  tabIndex
-});
+    value,
+    disabled,
+    containerProps,
+    tabIndex,
+    innerRef
+  } = _ref;
+  return /*#__PURE__*/_jsx(DSInput, {
+    innerRef: innerRef,
+    containerProps: containerProps,
+    customInputType: _ref2 => {
+      let {
+        innerRef: ir
+      } = _ref2;
+      return /*#__PURE__*/_jsx(DateInputs, {
+        disabled: disabled,
+        innerRef: ir,
+        onBlur: onBlur,
+        onChange: onChange,
+        onDateChange: onDateChange,
+        onCustomKeyDown: onKeyDown,
+        onError: onError,
+        time: value,
+        tabIndex: tabIndex
+      });
+    },
+    disableTooltip: false,
+    disabled: disabled,
+    onBlur: onBlur,
+    onFocus: onFocus,
+    onKeyDown: onKeyDown,
+    value: value,
+    tabIndex: tabIndex
+  });
+};
+
 DSDateInputV2.defaultProps = defaultProps;
-DSDateInputV2.propTypes = props;
 const DSDateInputV2WithSchema = describe(DSDateInputV2);
 DSDateInputV2WithSchema.propTypes = props;
-var DSDateInput_default = DSDateInputV2;
-export {
-  DSDateInputV2,
-  DSDateInputV2WithSchema,
-  DSDateInput_default as default
-};
-//# sourceMappingURL=DSDateInput.js.map
+
+export { DSDateInputV2, DSDateInputV2WithSchema };