@elliemae/ds-form 2.1.1-rc.1 → 2.2.0-alpha.4

package/esm/DateInputV2/components/styled.js

@@ -1,34 +1,70 @@
-import styled from 'styled-components';
-import { Grid } from '@elliemae/ds-grid';
+import * as React from "react";
+import styled from "styled-components";
+import { Grid } from "@elliemae/ds-grid";
+const DateInputFluidContainer = styled(Grid)`
+  width: 100%;
+  height: 100%;
+  align-items: center;
+`;
+const DateInputWrapper = styled(Grid)`
+  align-items: center;
+  align-content: center;
+  ${({ disabled, theme }) => disabled ? `
+    background: ${theme.colors.neutral[100]};
+    color: ${theme.colors.neutral[500]};
+    ` : ""}
+  width: 102px;
 
-const DateInputFluidContainer = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-ads423-0"
-})(["width:100%;height:100%;align-items:center;"]);
-const DateInputWrapper = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-ads423-1"
-})(["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.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, _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.div.withConfig({
-  componentId: "sc-ads423-3"
-})(["padding:1px;text-align:center;"]);
+  &:focus {
+    outline-style: none;
+    box-shadow: none;
+    border-color: transparent;
+  }
+`;
+const DateInputInput = styled.input`
+  outline: none;
+  border: none;
+  border-radius: 0;
+  width: ${(props) => props.size === "l" ? "38px" : "25px"};
+  height: ${(props) => props.theme.space.xs};
+  ${({ disabled, theme }) => disabled ? `
+  background: ${theme.colors.neutral[100]};
+  color: ${theme.colors.neutral[500]};
+  ` : ""}
+  padding-left: 4px;
+  padding-right: 0px;
+  &::placeholder {
+    font-size: 95%;
+    font-style: italic;
+  }
+  :-moz-placeholder {
+    font-size: 95%;
+    font-style: italic;
+  }
 
-export { DateInputDivider, DateInputFluidContainer, DateInputInput, DateInputWrapper };
+  ::-moz-placeholder {
+    font-size: 95%;
+    font-style: italic;
+  }
+  &:focus {
+    background: ${({ theme }) => theme.colors.brand["300"]};
+    background-clip: content-box;
+  }
+  ::-moz-selection {
+    background: transparent;
+  }
+  ::selection {
+    background: transparent;
+  }
+`;
+const DateInputDivider = styled.div`
+  padding: 1px;
+  text-align: center;
+`;
+export {
+  DateInputDivider,
+  DateInputFluidContainer,
+  DateInputInput,
+  DateInputWrapper
+};
+//# sourceMappingURL=styled.js.map

package/esm/DateInputV2/components/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/DateInputV2/components/styled.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\n\n\nexport const DateInputFluidContainer = styled(Grid)`\n  width: 100%;\n  height: 100%;\n  align-items: center;\n`;\n\nexport const DateInputWrapper = styled(Grid)`\n  align-items: center;\n  align-content: center;\n  ${({ disabled, theme }) =>\n    disabled\n      ? `\n    background: ${theme.colors.neutral[100]};\n    color: ${theme.colors.neutral[500]};\n    `\n      : ''}\n  width: 102px;\n\n  &:focus {\n    outline-style: none;\n    box-shadow: none;\n    border-color: transparent;\n  }\n`;\n\nexport const DateInputInput = styled.input`\n  outline: none;\n  border: none;\n  border-radius: 0;\n  width: ${(props) => (props.size === 'l' ? '38px' : '25px')};\n  height: ${(props) => props.theme.space.xs};\n  ${({ disabled, theme }) =>\n    disabled\n      ? `\n  background: ${theme.colors.neutral[100]};\n  color: ${theme.colors.neutral[500]};\n  `\n      : ''}\n  padding-left: 4px;\n  padding-right: 0px;\n  &::placeholder {\n    font-size: 95%;\n    font-style: italic;\n  }\n  :-moz-placeholder {\n    font-size: 95%;\n    font-style: italic;\n  }\n\n  ::-moz-placeholder {\n    font-size: 95%;\n    font-style: italic;\n  }\n  &:focus {\n    background: ${({ theme }) => theme.colors.brand['300']};\n    background-clip: content-box;\n  }\n  ::-moz-selection {\n    background: transparent;\n  }\n  ::selection {\n    background: transparent;\n  }\n`;\n\nexport const DateInputDivider = styled.div`\n  padding: 1px;\n  text-align: center;\n`;\n"],
+  "mappings": "AAAA;ACAA;AACA;AAGO,MAAM,0BAA0B,OAAO;AAAA;AAAA;AAAA;AAAA;AAMvC,MAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA,IAGnC,CAAC,EAAE,UAAU,YACb,WACI;AAAA,kBACU,MAAM,OAAO,QAAQ;AAAA,aAC1B,MAAM,OAAO,QAAQ;AAAA,QAE1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUD,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA;AAAA,WAI1B,CAAC,UAAW,MAAM,SAAS,MAAM,SAAS;AAAA,YACzC,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,IACrC,CAAC,EAAE,UAAU,YACb,WACI;AAAA,gBACQ,MAAM,OAAO,QAAQ;AAAA,WAC1B,MAAM,OAAO,QAAQ;AAAA,MAExB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAiBU,CAAC,EAAE,YAAY,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAW7C,MAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/esm/DateInputV2/components/utils.js

@@ -1,191 +1,159 @@
-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';
-
+import * as React from "react";
+import { addLeadingZeros } from "@elliemae/ds-utilities";
+import { parseInt, isNaN } from "@elliemae/ds-utilities";
+import moment from "moment";
 const currentYear = new Date().getFullYear();
-
 const getNextSibling = (elem, selector) => {
-  // Get the next sibling element
-  let sibling = elem.nextElementSibling; // If there's no selector, return the first sibling
-
-  if (!selector) return sibling; // If the sibling matches our selector, use it
-  // If not, jump to the next sibling and continue the loop
-
+  let sibling = elem.nextElementSibling;
+  if (!selector)
+    return sibling;
   while (sibling) {
-    if (sibling.matches(selector)) return sibling;
+    if (sibling.matches(selector))
+      return sibling;
     sibling = sibling.nextElementSibling;
   }
-
   return sibling;
 };
-
 const getPreviousSibling = (elem, selector) => {
   let sibling = elem.previousElementSibling;
-  if (!selector) return sibling;
-
+  if (!selector)
+    return sibling;
   while (sibling) {
-    if (sibling.matches(selector)) return sibling;
+    if (sibling.matches(selector))
+      return sibling;
     sibling = sibling.previousElementSibling;
   }
-
   return sibling;
 };
-
-const isArrowIncrementDecrement = key => key === 'ArrowDown' || key === 'ArrowUp'; // TODO remove and keep `true` behavior ( PUI-4141 )
-
+const isArrowIncrementDecrement = (key) => key === "ArrowDown" || key === "ArrowUp";
 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 === undefined) return '';
+  if (value === null || value === void 0)
+    return "";
   return shouldAddLeadingZeros ? addLeadingZeros(leadingZeros)(value) : String(value);
 };
-
-const getFormattedDay = value => {
+const getFormattedDay = (value) => {
   const v = value.length > 2 ? value.slice(-2) : value;
   const parsedValue = parseInt(v, 10);
-  if (parsedValue > 31) return '31';
+  if (parsedValue > 31)
+    return "31";
   return formatTimeNumber(parseTimeNumberFromText(v), true, 2);
 };
-const getShouldShortcircuitDay = value => {
+const getShouldShortcircuitDay = (value) => {
   const v = value.length > 2 ? value.slice(-2) : value;
   const parsedValue = parseInt(v, 10);
-  if (parsedValue > 31) return true; // if the first input is in range 4-9 then there is no other option
-  // so we auto advance
-
-  if (parsedValue > 3 && parsedValue < 10) return true;
+  if (parsedValue > 31)
+    return true;
+  if (parsedValue > 3 && parsedValue < 10)
+    return true;
   return false;
 };
-const getFormattedYear = value => {
+const getFormattedYear = (value) => {
   const v = value.length > 4 ? value.slice(-4) : value;
-  if (parseInt(v) > 9999) return '9999';
+  if (parseInt(v) > 9999)
+    return "9999";
   return formatTimeNumber(parseTimeNumberFromText(v), true, 4);
 };
-const getFormattedMonth = value => {
+const getFormattedMonth = (value) => {
   const v = value.length > 2 ? value.slice(-2) : value;
   const parsedValue = parseInt(v, 10);
-  if (parsedValue > 12) return '12';
+  if (parsedValue > 12)
+    return "12";
   return formatTimeNumber(parseTimeNumberFromText(v), true, 2);
 };
-const getShouldShortcircuitMonth = value => {
+const getShouldShortcircuitMonth = (value) => {
   const v = value.length > 2 ? value.slice(-2) : value;
   const parsedValue = parseInt(v, 10);
-  if (parsedValue > 12) return true; // if the first input is in range 2-9 then there is no other option
-  // so we auto advance
-
-  if (parsedValue > 1 && parsedValue < 10) return true;
+  if (parsedValue > 12)
+    return true;
+  if (parsedValue > 1 && parsedValue < 10)
+    return true;
   return false;
 };
-const parseTimeNumberFromText = stringValue => {
+const parseTimeNumberFromText = (stringValue) => {
   const parsedInt = parseInt(stringValue);
-  if (isNaN(parsedInt)) return null;
+  if (isNaN(parsedInt))
+    return null;
   return parsedInt;
-}; // 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 triggerOnBlur = (blurEvent, onBlur = () => {
+}) => {
+  const { target: currentEl = {}, relatedTarget } = blurEvent || {};
   const nextElement = currentEl.nextElementSibling;
-  const {
-    nextElementSibling
-  } = nextElement || {}; // relatedTarget points to the element that is currently having focus
-
+  const { nextElementSibling } = nextElement || {};
   if (!nextElementSibling || nextElementSibling !== relatedTarget) {
     onBlur(blurEvent);
   }
 };
-const focusNextInput = currentEl => {
-  var _getNextSibling;
-
-  (_getNextSibling = getNextSibling(currentEl, 'input')) === null || _getNextSibling === void 0 ? void 0 : _getNextSibling.focus();
-};
-const focusPreviousInput = currentEl => {
-  var _getPreviousSibling;
-
-  (_getPreviousSibling = getPreviousSibling(currentEl, 'input')) === null || _getPreviousSibling === void 0 ? void 0 : _getPreviousSibling.focus();
-};
-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;
-
+const focusNextInput = (currentEl) => {
+  getNextSibling(currentEl, "input")?.focus();
+};
+const focusPreviousInput = (currentEl) => {
+  getPreviousSibling(currentEl, "input")?.focus();
+};
+const getValidTimeNumber = ({ min, max }, number, valueString = "", onError = () => null) => {
+  if (valueString === "0" || number === 0)
+    return null;
+  if (number === void 0 || number === null)
+    return null;
   if (number > max) {
     onError();
     return max;
   }
-
   if (number < min) {
     onError();
     return min;
   }
-
   return number;
 };
-const shouldFocusNextInput = function (max) {
-  let number = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-  let stringValue = arguments.length > 2 ? arguments[2] : undefined;
-  if (stringValue.length > 1) return true;
+const shouldFocusNextInput = (max, number = 0, stringValue) => {
+  if (stringValue.length > 1)
+    return true;
   return number * 10 > max;
 };
 const getDateValuesFromTime = (time, format) => {
-  if (!time || !time.format) return {};
-  time.format('MM');
-  time.format('DD');
-  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: getFormattedMonth(format),
-    day: getFormattedDay(format),
-    year: getFormattedYear(format)
+    month: getFormattedMonth(format, month),
+    day: getFormattedDay(format, day),
+    year: getFormattedYear(format, year)
   };
 };
 const resetTimeValues = () => ({
-  month: '',
-  day: '',
-  year: ''
+  month: "",
+  day: "",
+  year: ""
 });
-const onInputFocus = e => {
+const onInputFocus = (e) => {
   e.preventDefault();
-  e.stopPropagation(); // we select the whole value to be able to override the value on first key
-  // we don't use selection color to be consistent with the highlight of the input
-
+  e.stopPropagation();
   e.target.select();
 };
-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 getNextTimeValue = (value, target, yearMinRange, yearMaxRange, step = 1, incrementing = 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) => {
@@ -193,61 +161,68 @@ const focusNextInputIfNeeded = (currentEl, max, number, stringValue, currentKey)
     focusNextInput(currentEl);
   }
 };
-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 commonInputProps = (digits = 2, onKeyDown, placeholder) => {
   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 = "".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));
+  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));
   return newDate;
 };
 const isTimeCompletelySet = (date, show, range) => {
   let neededValues = [];
-  const {
-    year,
-    month,
-    day
-  } = date;
-  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;
+  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, getDateValuesFromTime, getFormattedDay, getFormattedMonth, getFormattedYear, getNextTimeValue, getShouldShortcircuitDay, getShouldShortcircuitMonth, getValidTimeNumber, handleCompletedDate, isArrowIncrementDecrement, isTimeCompletelySet, onInputFocus, parseTimeNumberFromText, resetTimeValues, setNativeValue, shouldFocusNextInput, triggerOnBlur };
+  return !neededValues.some((value) => !value) && isValidYear;
+};
+export {
+  commonInputProps,
+  focusNextInput,
+  focusNextInputIfNeeded,
+  focusPreviousInput,
+  getDateValuesFromTime,
+  getFormattedDay,
+  getFormattedMonth,
+  getFormattedYear,
+  getNextTimeValue,
+  getShouldShortcircuitDay,
+  getShouldShortcircuitMonth,
+  getValidTimeNumber,
+  handleCompletedDate,
+  isArrowIncrementDecrement,
+  isTimeCompletelySet,
+  onInputFocus,
+  parseTimeNumberFromText,
+  resetTimeValues,
+  setNativeValue,
+  shouldFocusNextInput,
+  triggerOnBlur
+};
+//# sourceMappingURL=utils.js.map

package/esm/DateInputV2/components/utils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/DateInputV2/components/utils.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-params */\n/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport { addLeadingZeros } from '@elliemae/ds-utilities';\nimport { parseInt, isNaN } from '@elliemae/ds-utilities';\nimport moment from 'moment';\n\nconst currentYear = new Date().getFullYear();\n\nconst getNextSibling = (elem, selector) => {\n  // Get the next sibling element\n  let sibling = elem.nextElementSibling;\n  // If there's no selector, return the first sibling\n  if (!selector) return sibling;\n\n  // If the sibling matches our selector, use it\n  // If not, jump to the next sibling and continue the loop\n  while (sibling) {\n    if (sibling.matches(selector)) return sibling;\n    sibling = sibling.nextElementSibling;\n  }\n  return sibling;\n};\n\nconst getPreviousSibling = (elem, selector) => {\n  let sibling = elem.previousElementSibling;\n  if (!selector) return sibling;\n  while (sibling) {\n    if (sibling.matches(selector)) return sibling;\n    sibling = sibling.previousElementSibling;\n  }\n  return sibling;\n};\n\nexport const isArrowIncrementDecrement = (key) =>\n  key === 'ArrowDown' || key === 'ArrowUp';\n\n// TODO remove and keep `true` behavior ( PUI-4141 )\nexport const setNativeValue = (element, value) => {\n  if (!Object.getOwnPropertyDescriptor(element, 'value')) return;\n  const valueSetter = Object.getOwnPropertyDescriptor(element, 'value').set;\n  const prototype = Object.getPrototypeOf(element);\n  const prototypeValueSetter = Object.getOwnPropertyDescriptor(\n    prototype,\n    'value',\n  ).set;\n\n  if (valueSetter && valueSetter !== prototypeValueSetter) {\n    prototypeValueSetter.call(element, value);\n  } else {\n    valueSetter.call(element, value);\n  }\n  element.dispatchEvent(new Event('input', { bubbles: true }));\n};\n\nconst formatTimeNumber = (value, shouldAddLeadingZeros, leadingZeros) => {\n  if (value === null || value === undefined) return '';\n  return shouldAddLeadingZeros\n    ? addLeadingZeros(leadingZeros)(value)\n    : String(value);\n};\n\nexport const getFormattedDay = (value) => {\n  const v = value.length > 2 ? value.slice(-2) : value;\n  const parsedValue = parseInt(v, 10);\n\n  if (parsedValue > 31) return '31';\n  return formatTimeNumber(parseTimeNumberFromText(v), true, 2);\n};\n\nexport const getShouldShortcircuitDay = (value) => {\n  const v = value.length > 2 ? value.slice(-2) : value;\n  const parsedValue = parseInt(v, 10);\n  if (parsedValue > 31) return true;\n  // if the first input is in range 4-9 then there is no other option\n  // so we auto advance\n  if (parsedValue > 3 && parsedValue < 10) return true;\n  return false;\n};\n\nexport const getFormattedYear = (value) => {\n  const v = value.length > 4 ? value.slice(-4) : value;\n  if (parseInt(v) > 9999) return '9999';\n  return formatTimeNumber(parseTimeNumberFromText(v), true, 4);\n};\n\nexport const getFormattedMonth = (value) => {\n  const v = value.length > 2 ? value.slice(-2) : value;\n  const parsedValue = parseInt(v, 10);\n  if (parsedValue > 12) return '12';\n  return formatTimeNumber(parseTimeNumberFromText(v), true, 2);\n};\n\nexport const getShouldShortcircuitMonth = (value) => {\n  const v = value.length > 2 ? value.slice(-2) : value;\n  const parsedValue = parseInt(v, 10);\n  if (parsedValue > 12) return true;\n  // if the first input is in range 2-9 then there is no other option\n  // so we auto advance\n  if (parsedValue > 1 && parsedValue < 10) return true;\n  return false;\n};\n\nexport const parseTimeNumberFromText = (stringValue) => {\n  const parsedInt = parseInt(stringValue);\n\n  if (isNaN(parsedInt)) return null;\n\n  return parsedInt;\n};\n\n// trigger onBlur for entire DateInput control if focus is not in day, month, year\nexport const triggerOnBlur = (blurEvent, onBlur = () => {}) => {\n  const { target: currentEl = {}, relatedTarget } = blurEvent || {};\n  const nextElement = currentEl.nextElementSibling;\n  const { nextElementSibling } = nextElement || {};\n  // relatedTarget points to the element that is currently having focus\n  if (!nextElementSibling || nextElementSibling !== relatedTarget) {\n    onBlur(blurEvent);\n  }\n};\n\nexport const focusNextInput = (currentEl) => {\n  getNextSibling(currentEl, 'input')?.focus();\n};\n\nexport const focusPreviousInput = (currentEl) => {\n  getPreviousSibling(currentEl, 'input')?.focus();\n};\n\nexport const getValidTimeNumber = (\n  { min, max },\n  number,\n  valueString = '',\n  onError = () => null,\n) => {\n  if (valueString === '0' || number === 0) return null;\n  if (number === undefined || number === null) return null;\n  if (number > max) {\n    onError();\n    return max;\n  }\n  if (number < min) {\n    onError();\n    return min;\n  }\n  return number;\n};\n\nexport const shouldFocusNextInput = (max, number = 0, stringValue) => {\n  if (stringValue.length > 1) return true;\n  return number * 10 > max;\n};\n\nexport const getDateValuesFromTime = (time, format) => {\n  if (!time || !time.format) return {};\n  const month = time.format('MM');\n  const day = time.format('DD');\n  const year = time.format('YYYY');\n  return {\n    month: getFormattedMonth(format, month),\n    day: getFormattedDay(format, day),\n    year: getFormattedYear(format, year),\n  };\n};\n\nexport const resetTimeValues = () => ({\n  month: '',\n  day: '',\n  year: '',\n});\n\nexport const onInputFocus = (e) => {\n  e.preventDefault();\n  e.stopPropagation();\n  // we select the whole value to be able to override the value on first key\n  // we don't use selection color to be consistent with the highlight of the input\n  e.target.select();\n};\n\nexport const getNextTimeValue = (\n  value,\n  target,\n  yearMinRange,\n  yearMaxRange,\n  step = 1,\n  incrementing = true,\n) => {\n  const parsedValue = parseTimeNumberFromText(value);\n  let result = incrementing ? parsedValue + step : parsedValue - step;\n  if (target === 'year') {\n    if (result < yearMinRange) result = currentYear;\n    if (result > yearMaxRange) result = currentYear;\n  }\n  return result;\n};\n\nexport const focusNextInputIfNeeded = (\n  currentEl,\n  max,\n  number,\n  stringValue,\n  currentKey,\n) => {\n  if (\n    shouldFocusNextInput(max, number, stringValue) &&\n    !isArrowIncrementDecrement(currentKey)\n  ) {\n    focusNextInput(currentEl);\n  }\n};\n\nexport const commonInputProps = (digits = 2, onKeyDown, placeholder) => {\n  const props = {\n    pattern: '[0-9]*',\n    placeholder,\n    type: 'text',\n    onKeyDown,\n    onFocus: onInputFocus,\n  };\n  if (digits === 4) props.placeholder = 'YYYY';\n  return props;\n};\n\nexport const handleCompletedDate = (\n  time,\n  date,\n  show,\n  INTERNAL_V2_NO_MUTATION,\n) => {\n  // clone time to avoid mutation when INTERNAL_V2_NO_MUTATION is true\n  const newDate = INTERNAL_V2_NO_MUTATION\n    ? (time && moment(time)) || moment()\n    : time || moment();\n\n  const { year, month, day } = date;\n  const { showYear, showMonth, showDay } = show;\n\n  if (time && !year && !month && !day) return '';\n\n  newDate.value = `${year}-${month}-${day}`;\n\n  if (showMonth && month) newDate.month(parseInt(month - 1, 10));\n  if (showDay && day) newDate.date(parseInt(day, 10));\n  if (showYear && year) newDate.year(parseInt(year, 10));\n\n  return newDate;\n};\n\nexport const isTimeCompletelySet = (date, show, range) => {\n  let neededValues = [];\n  const { year, month, day } = date;\n  const { showYear, showMonth, showDay } = show;\n  const { yearMinRange, yearMaxRange } = range;\n\n  if (showMonth) neededValues = [...neededValues, month || null];\n  if (showDay) neededValues = [...neededValues, day || null];\n  if (showYear) neededValues = [...neededValues, year || null];\n\n  const isValidYear = year < yearMaxRange && year > yearMinRange;\n\n  return !neededValues.some((value) => !value) && isValidYear;\n};\n"],
+  "mappings": "AAAA;ACGA;AACA;AACA;AAEA,MAAM,cAAc,IAAI,OAAO;AAE/B,MAAM,iBAAiB,CAAC,MAAM,aAAa;AAEzC,MAAI,UAAU,KAAK;AAEnB,MAAI,CAAC;AAAU,WAAO;AAItB,SAAO,SAAS;AACd,QAAI,QAAQ,QAAQ;AAAW,aAAO;AACtC,cAAU,QAAQ;AAAA;AAEpB,SAAO;AAAA;AAGT,MAAM,qBAAqB,CAAC,MAAM,aAAa;AAC7C,MAAI,UAAU,KAAK;AACnB,MAAI,CAAC;AAAU,WAAO;AACtB,SAAO,SAAS;AACd,QAAI,QAAQ,QAAQ;AAAW,aAAO;AACtC,cAAU,QAAQ;AAAA;AAEpB,SAAO;AAAA;AAGF,MAAM,4BAA4B,CAAC,QACxC,QAAQ,eAAe,QAAQ;AAG1B,MAAM,iBAAiB,CAAC,SAAS,UAAU;AAChD,MAAI,CAAC,OAAO,yBAAyB,SAAS;AAAU;AACxD,QAAM,cAAc,OAAO,yBAAyB,SAAS,SAAS;AACtE,QAAM,YAAY,OAAO,eAAe;AACxC,QAAM,uBAAuB,OAAO,yBAClC,WACA,SACA;AAEF,MAAI,eAAe,gBAAgB,sBAAsB;AACvD,yBAAqB,KAAK,SAAS;AAAA,SAC9B;AACL,gBAAY,KAAK,SAAS;AAAA;AAE5B,UAAQ,cAAc,IAAI,MAAM,SAAS,EAAE,SAAS;AAAA;AAGtD,MAAM,mBAAmB,CAAC,OAAO,uBAAuB,iBAAiB;AACvE,MAAI,UAAU,QAAQ,UAAU;AAAW,WAAO;AAClD,SAAO,wBACH,gBAAgB,cAAc,SAC9B,OAAO;AAAA;AAGN,MAAM,kBAAkB,CAAC,UAAU;AACxC,QAAM,IAAI,MAAM,SAAS,IAAI,MAAM,MAAM,MAAM;AAC/C,QAAM,cAAc,SAAS,GAAG;AAEhC,MAAI,cAAc;AAAI,WAAO;AAC7B,SAAO,iBAAiB,wBAAwB,IAAI,MAAM;AAAA;AAGrD,MAAM,2BAA2B,CAAC,UAAU;AACjD,QAAM,IAAI,MAAM,SAAS,IAAI,MAAM,MAAM,MAAM;AAC/C,QAAM,cAAc,SAAS,GAAG;AAChC,MAAI,cAAc;AAAI,WAAO;AAG7B,MAAI,cAAc,KAAK,cAAc;AAAI,WAAO;AAChD,SAAO;AAAA;AAGF,MAAM,mBAAmB,CAAC,UAAU;AACzC,QAAM,IAAI,MAAM,SAAS,IAAI,MAAM,MAAM,MAAM;AAC/C,MAAI,SAAS,KAAK;AAAM,WAAO;AAC/B,SAAO,iBAAiB,wBAAwB,IAAI,MAAM;AAAA;AAGrD,MAAM,oBAAoB,CAAC,UAAU;AAC1C,QAAM,IAAI,MAAM,SAAS,IAAI,MAAM,MAAM,MAAM;AAC/C,QAAM,cAAc,SAAS,GAAG;AAChC,MAAI,cAAc;AAAI,WAAO;AAC7B,SAAO,iBAAiB,wBAAwB,IAAI,MAAM;AAAA;AAGrD,MAAM,6BAA6B,CAAC,UAAU;AACnD,QAAM,IAAI,MAAM,SAAS,IAAI,MAAM,MAAM,MAAM;AAC/C,QAAM,cAAc,SAAS,GAAG;AAChC,MAAI,cAAc;AAAI,WAAO;AAG7B,MAAI,cAAc,KAAK,cAAc;AAAI,WAAO;AAChD,SAAO;AAAA;AAGF,MAAM,0BAA0B,CAAC,gBAAgB;AACtD,QAAM,YAAY,SAAS;AAE3B,MAAI,MAAM;AAAY,WAAO;AAE7B,SAAO;AAAA;AAIF,MAAM,gBAAgB,CAAC,WAAW,SAAS,MAAM;AAAA,MAAO;AAC7D,QAAM,EAAE,QAAQ,YAAY,IAAI,kBAAkB,aAAa;AAC/D,QAAM,cAAc,UAAU;AAC9B,QAAM,EAAE,uBAAuB,eAAe;AAE9C,MAAI,CAAC,sBAAsB,uBAAuB,eAAe;AAC/D,WAAO;AAAA;AAAA;AAIJ,MAAM,iBAAiB,CAAC,cAAc;AAC3C,iBAAe,WAAW,UAAU;AAAA;AAG/B,MAAM,qBAAqB,CAAC,cAAc;AAC/C,qBAAmB,WAAW,UAAU;AAAA;AAGnC,MAAM,qBAAqB,CAChC,EAAE,KAAK,OACP,QACA,cAAc,IACd,UAAU,MAAM,SACb;AACH,MAAI,gBAAgB,OAAO,WAAW;AAAG,WAAO;AAChD,MAAI,WAAW,UAAa,WAAW;AAAM,WAAO;AACpD,MAAI,SAAS,KAAK;AAChB;AACA,WAAO;AAAA;AAET,MAAI,SAAS,KAAK;AAChB;AACA,WAAO;AAAA;AAET,SAAO;AAAA;AAGF,MAAM,uBAAuB,CAAC,KAAK,SAAS,GAAG,gBAAgB;AACpE,MAAI,YAAY,SAAS;AAAG,WAAO;AACnC,SAAO,SAAS,KAAK;AAAA;AAGhB,MAAM,wBAAwB,CAAC,MAAM,WAAW;AACrD,MAAI,CAAC,QAAQ,CAAC,KAAK;AAAQ,WAAO;AAClC,QAAM,QAAQ,KAAK,OAAO;AAC1B,QAAM,MAAM,KAAK,OAAO;AACxB,QAAM,OAAO,KAAK,OAAO;AACzB,SAAO;AAAA,IACL,OAAO,kBAAkB,QAAQ;AAAA,IACjC,KAAK,gBAAgB,QAAQ;AAAA,IAC7B,MAAM,iBAAiB,QAAQ;AAAA;AAAA;AAI5B,MAAM,kBAAkB,MAAO;AAAA,EACpC,OAAO;AAAA,EACP,KAAK;AAAA,EACL,MAAM;AAAA;AAGD,MAAM,eAAe,CAAC,MAAM;AACjC,IAAE;AACF,IAAE;AAGF,IAAE,OAAO;AAAA;AAGJ,MAAM,mBAAmB,CAC9B,OACA,QACA,cACA,cACA,OAAO,GACP,eAAe,SACZ;AACH,QAAM,cAAc,wBAAwB;AAC5C,MAAI,SAAS,eAAe,cAAc,OAAO,cAAc;AAC/D,MAAI,WAAW,QAAQ;AACrB,QAAI,SAAS;AAAc,eAAS;AACpC,QAAI,SAAS;AAAc,eAAS;AAAA;AAEtC,SAAO;AAAA;AAGF,MAAM,yBAAyB,CACpC,WACA,KACA,QACA,aACA,eACG;AACH,MACE,qBAAqB,KAAK,QAAQ,gBAClC,CAAC,0BAA0B,aAC3B;AACA,mBAAe;AAAA;AAAA;AAIZ,MAAM,mBAAmB,CAAC,SAAS,GAAG,WAAW,gBAAgB;AACtE,QAAM,QAAQ;AAAA,IACZ,SAAS;AAAA,IACT;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA,SAAS;AAAA;AAEX,MAAI,WAAW;AAAG,UAAM,cAAc;AACtC,SAAO;AAAA;AAGF,MAAM,sBAAsB,CACjC,MACA,MACA,MACA,4BACG;AAEH,QAAM,UAAU,0BACX,QAAQ,OAAO,SAAU,WAC1B,QAAQ;AAEZ,QAAM,EAAE,MAAM,OAAO,QAAQ;AAC7B,QAAM,EAAE,UAAU,WAAW,YAAY;AAEzC,MAAI,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC;AAAK,WAAO;AAE5C,UAAQ,QAAQ,GAAG,QAAQ,SAAS;AAEpC,MAAI,aAAa;AAAO,YAAQ,MAAM,SAAS,QAAQ,GAAG;AAC1D,MAAI,WAAW;AAAK,YAAQ,KAAK,SAAS,KAAK;AAC/C,MAAI,YAAY;AAAM,YAAQ,KAAK,SAAS,MAAM;AAElD,SAAO;AAAA;AAGF,MAAM,sBAAsB,CAAC,MAAM,MAAM,UAAU;AACxD,MAAI,eAAe;AACnB,QAAM,EAAE,MAAM,OAAO,QAAQ;AAC7B,QAAM,EAAE,UAAU,WAAW,YAAY;AACzC,QAAM,EAAE,cAAc,iBAAiB;AAEvC,MAAI;AAAW,mBAAe,CAAC,GAAG,cAAc,SAAS;AACzD,MAAI;AAAS,mBAAe,CAAC,GAAG,cAAc,OAAO;AACrD,MAAI;AAAU,mBAAe,CAAC,GAAG,cAAc,QAAQ;AAEvD,QAAM,cAAc,OAAO,gBAAgB,OAAO;AAElD,SAAO,CAAC,aAAa,KAAK,CAAC,UAAU,CAAC,UAAU;AAAA;",
+  "names": []
+}

package/esm/DateInputV2/index.js

@@ -1,2 +1,7 @@
-export { DateInputs as DateInputsV2Impl } from './components/DateInputs.js';
-export { DSDateInputV2, DSDateInputV2WithSchema, DSDateInputV2 as default } from './components/DSDateInput.js';
+import * as React from "react";
+import { DateInputs } from "./components/DateInputs";
+export * from "./components/DSDateInput";
+export {
+  DateInputs as DateInputsV2Impl
+};
+//# sourceMappingURL=index.js.map

package/esm/DateInputV2/index.js.map

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

package/esm/ExpandableInput/DSExpandableInput.js

@@ -1,33 +1,33 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import ExpandableInputImpl from './ExpandableInputImpl.js';
-
-const DSExpandableInput = _ref => {
-  let {
-    containerProps = {},
-    innerRef,
-    className = '',
-    style = {},
-    triggerComponent = undefined,
-    children,
-    isOpen = false,
-    onOpen = () => null,
-    onClose = () => null,
-    onBlur = () => null,
-    width = undefined
-  } = _ref;
-  return /*#__PURE__*/_jsx(ExpandableInputImpl, {
-    className: className,
-    containerProps: containerProps,
-    innerRef: innerRef,
-    isOpen: isOpen,
-    onBlur: onBlur,
-    onClose: onClose,
-    onOpen: onOpen,
-    style: style,
-    triggerComponent: triggerComponent,
-    width: width
-  }, void 0, children);
+import * as React from "react";
+import React2 from "react";
+import { ExpandableInputImpl } from "./ExpandableInputImpl";
+const DSExpandableInput = ({
+  containerProps = {},
+  innerRef,
+  className = "",
+  style = {},
+  triggerComponent = void 0,
+  children,
+  isOpen = false,
+  onOpen = () => null,
+  onClose = () => null,
+  onBlur = () => null,
+  width = void 0
+}) => /* @__PURE__ */ React2.createElement(ExpandableInputImpl, {
+  className,
+  containerProps,
+  innerRef,
+  isOpen,
+  onBlur,
+  onClose,
+  onOpen,
+  style,
+  triggerComponent,
+  width
+}, children);
+var DSExpandableInput_default = DSExpandableInput;
+export {
+  DSExpandableInput,
+  DSExpandableInput_default as default
 };
-
-export { DSExpandableInput as default };
+//# sourceMappingURL=DSExpandableInput.js.map

package/esm/ExpandableInput/DSExpandableInput.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/ExpandableInput/DSExpandableInput.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { ExpandableInputImpl } from './ExpandableInputImpl';\n\nconst DSExpandableInput = ({\n  containerProps = {},\n  innerRef,\n  className = '',\n  style = {},\n  triggerComponent = undefined,\n  children,\n  isOpen = false,\n  onOpen = () => null,\n  onClose = () => null,\n  onBlur = () => null,\n  width = undefined,\n}) => (\n  <ExpandableInputImpl\n    className={className}\n    containerProps={containerProps}\n    innerRef={innerRef}\n    isOpen={isOpen}\n    onBlur={onBlur}\n    onClose={onClose}\n    onOpen={onOpen}\n    style={style}\n    triggerComponent={triggerComponent}\n    width={width}\n  >\n    {children}\n  </ExpandableInputImpl>\n);\n\nexport { DSExpandableInput };\nexport default DSExpandableInput;\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,oBAAoB,CAAC;AAAA,EACzB,iBAAiB;AAAA,EACjB;AAAA,EACA,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,mBAAmB;AAAA,EACnB;AAAA,EACA,SAAS;AAAA,EACT,SAAS,MAAM;AAAA,EACf,UAAU,MAAM;AAAA,EAChB,SAAS,MAAM;AAAA,EACf,QAAQ;AAAA,MAER,qCAAC,qBAAD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,GAEC;AAKL,IAAO,4BAAQ;",
+  "names": []
+}