npm - @elliemae/ds-form - Versions diffs - 3.3.0-next.2 → 3.3.0-next.5 - Mend

@elliemae/ds-form 3.3.0-next.2 → 3.3.0-next.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (149) hide show

package/dist/cjs/DateInput/components/DateInputs.js CHANGED Viewed

@@ -1,27 +1,10 @@
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -244,7 +227,8 @@ const DateInputs = ({
       handleMonthChange(e);
       (0, import_utils.triggerOnBlur)(e, onBlur);
     };
-    return /* @__PURE__ */ import_react.default.createElement(MonthInput, __spreadProps(__spreadValues({}, (0, import_utils.commonInputProps)(digits, onKeyDown, placeholder)), {
+    return /* @__PURE__ */ import_react.default.createElement(MonthInput, {
+      ...(0, import_utils.commonInputProps)(digits, onKeyDown, placeholder),
       autocomplete: "off",
       key: "month-input",
       "data-testid": "month",
@@ -253,7 +237,7 @@ const DateInputs = ({
       onBlur: onMonthInputBlur,
       onChange: handleMonthChange,
       value: month
-    }));
+    });
   };
   const renderDayInput = () => {
     if (!showDay)
@@ -263,7 +247,8 @@ const DateInputs = ({
       handleDayChange(e);
       (0, import_utils.triggerOnBlur)(e, onBlur);
     };
-    return /* @__PURE__ */ import_react.default.createElement(DayInput, __spreadProps(__spreadValues({}, (0, import_utils.commonInputProps)(digits, onKeyDown, placeholder)), {
+    return /* @__PURE__ */ import_react.default.createElement(DayInput, {
+      ...(0, import_utils.commonInputProps)(digits, onKeyDown, placeholder),
       autocomplete: "off",
       key: "day-input",
       "data-testid": "day",
@@ -272,7 +257,7 @@ const DateInputs = ({
       onBlur: onDayInputBlur,
       onChange: handleDayChange,
       value: day
-    }));
+    });
   };
   const renderYearInput = () => {
     if (!showYear)
@@ -283,7 +268,8 @@ const DateInputs = ({
       handleYearChange(e);
       (0, import_utils.triggerOnBlur)(e, onBlur);
     };
-    return /* @__PURE__ */ import_react.default.createElement(YearInput, __spreadProps(__spreadValues({}, (0, import_utils.commonInputProps)(digits, onKeyDown, placeholder)), {
+    return /* @__PURE__ */ import_react.default.createElement(YearInput, {
+      ...(0, import_utils.commonInputProps)(digits, onKeyDown, placeholder),
       autocomplete: "off",
       key: "seconds-input",
       "data-testid": "year",
@@ -292,7 +278,7 @@ const DateInputs = ({
       onBlur: onYearInputBlur,
       onChange: handleYearChange,
       value: year
-    }));
+    });
   };
   const renderDateInputs = () => {
     const inputs = [renderMonthInput(), renderDayInput(), renderYearInput()];

package/dist/cjs/DateInput/components/DateInputs.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/DateInput/components/DateInputs.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable import/no-unresolved */\n/* eslint-disable indent */\n/* eslint-disable react/no-array-index-key */\n/* eslint-disable max-lines */\n/* eslint-disable max-statements */\nimport React, { useState, useEffect, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport Moment from 'moment';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { usePrevious } from '@elliemae/ds-utilities';\nimport {\n  formatMonth,\n  formatDay,\n  formatYear,\n  getValidTimeNumber,\n  setNativeValue,\n  parseTimeNumberFromText,\n  focusNextInput,\n  focusPreviousInput,\n  getDateValuesFromTime,\n  getNextTimeValue,\n  focusNextInputIfNeeded,\n  commonInputProps,\n  handleCompletedDate,\n  triggerOnBlur,\n  isTimeCompletelySet,\n} from './utils';\n\nconst blockName = 'input-date-group';\n\nconst InputTimesGroup = aggregatedClasses('div')(blockName);\nconst MonthInput = aggregatedClasses('input')(blockName, 'input input-month');\nconst DayInput = aggregatedClasses('input')(blockName, 'input input-day');\nconst YearInput = aggregatedClasses('input')(blockName, 'input input-year');\nconst Divider = aggregatedClasses('span')(blockName, 'divider', ({ value }) => ({\n  value,\n}));\n\n// eslint-disable-next-line react/prop-types\nconst DateDivider = ({ content = ':', value = '' }) => <Divider value={!!value}>{content}</Divider>;\n\nconst DateInputs = ({\n  innerRef,\n  onBlur,\n  onChange,\n  onCustomKeyDown,\n  onError,\n  format = '',\n  showMonth = true,\n  showDay = true,\n  showYear = true,\n  step = 1,\n  yearMaxRange,\n  disabled,\n  yearMinRange,\n  time,\n  // TODO remove and keep `true` behavior ( PUI-4141 )\n  INTERNAL_V2_NO_MUTATION, // eslint-disable-line react/prop-types\n}) => {\n  const [currentKey, setCurrentKey] = useState('ArrowUp');\n  const [month, setMonth] = useState('');\n  const [day, setDay] = useState('');\n  const [year, setYear] = useState('');\n  const prevTime = usePrevious(time);\n  const prevFormat = usePrevious(format);\n\n  let digits = 2;\n  let placeholder = '';\n\n  useEffect(() => {\n    if (time) {\n      const dateValues = getDateValuesFromTime(time, format);\n      setMonth(dateValues.month);\n      setDay(dateValues.day);\n      setYear(dateValues.year);\n    }\n  }, [format, time]);\n\n  useEffect(() => {\n    if (!time && prevTime) {\n      setMonth('');\n      setDay('');\n      setYear('');\n      onChange('');\n    }\n    if (time && prevTime && time.format && time.format(format) !== prevTime.format(prevFormat)) {\n      const dateValues = getDateValuesFromTime(time, format);\n\n      setMonth(dateValues.month);\n      setDay(dateValues.day);\n      setYear(dateValues.year);\n    }\n  }, [time, prevTime, format, prevFormat, onChange]);\n\n  const isCompletedDate = useCallback(\n    () => isTimeCompletelySet({ year, month, day }, { showYear, showMonth, showDay }, { yearMinRange, yearMaxRange }),\n    [day, month, showDay, showMonth, showYear, year, yearMaxRange, yearMinRange],\n  );\n\n  useEffect(() => {\n    if (INTERNAL_V2_NO_MUTATION) {\n      const dateValues = getDateValuesFromTime(time, format);\n\n      if (dateValues.day !== day && isCompletedDate()) {\n        onChange(\n          handleCompletedDate(time, { year, month, day }, { showYear, showMonth, showDay }, INTERNAL_V2_NO_MUTATION),\n        );\n      } else if (dateValues.month !== month && isCompletedDate()) {\n        onChange(\n          handleCompletedDate(time, { year, month, day }, { showYear, showMonth, showDay }, INTERNAL_V2_NO_MUTATION),\n        );\n      } else if (dateValues.year !== year && isCompletedDate()) {\n        onChange(\n          handleCompletedDate(time, { year, month, day }, { showYear, showMonth, showDay }, INTERNAL_V2_NO_MUTATION),\n        );\n      }\n    }\n  }, [\n    INTERNAL_V2_NO_MUTATION,\n    day,\n    format,\n    isCompletedDate,\n    month,\n    onChange,\n    showDay,\n    showMonth,\n    showYear,\n    time,\n    year,\n  ]);\n\n  const triggerChange = () =>\n    handleCompletedDate(time, { year, month, day }, { showYear, showMonth, showDay }, INTERNAL_V2_NO_MUTATION);\n\n  const handleYearChange = (e) => {\n    const { value } = e.target;\n    const yearValue = parseTimeNumberFromText(value);\n    const yearRange = { min: 1, max: 9999 };\n    const nextYear = getValidTimeNumber(yearRange, yearValue, value, onError);\n\n    setYear(formatYear(format, nextYear));\n    if (isCompletedDate() && !INTERNAL_V2_NO_MUTATION) {\n      onChange(triggerChange());\n    }\n    focusNextInputIfNeeded(e.target, yearRange.max, nextYear, value, currentKey);\n  };\n\n  const handleMonthChange = (e) => {\n    const { value } = e.target;\n    const monthValue = parseTimeNumberFromText(value);\n    const monthRange = { min: 1, max: 12 };\n    const nextMonth = getValidTimeNumber(monthRange, monthValue, value, onError);\n    setMonth(formatMonth(format, nextMonth));\n    if (isCompletedDate() && !INTERNAL_V2_NO_MUTATION) {\n      onChange(triggerChange());\n    }\n    focusNextInputIfNeeded(e.target, monthRange.max, nextMonth, value, currentKey);\n  };\n\n  const handleDayChange = (e) => {\n    const { value } = e.target;\n    const dayValue = parseTimeNumberFromText(value);\n    const dayRange = { min: 1, max: 31 };\n    const nextDay = getValidTimeNumber(dayRange, dayValue, value, onError);\n    setDay(formatDay(format, nextDay));\n    if (isCompletedDate() && !INTERNAL_V2_NO_MUTATION) {\n      onChange(triggerChange());\n    }\n    if (value !== day) focusNextInputIfNeeded(e.target, dayRange.max, nextDay, value, currentKey);\n  };\n\n  // eslint-disable-next-line complexity\n  const onKeyDown = (event, shouldIncrementDecrement = true) => {\n    const { value, name } = event.target;\n    const change = {\n      day: (v) => handleDayChange({ target: { value: v } }),\n      month: (v) => handleMonthChange({ target: { value: v } }),\n      year: (v) => handleYearChange({ target: { value: v } }),\n    };\n    switch (event.key) {\n      case 'ArrowLeft': {\n        event.preventDefault();\n        focusPreviousInput(event.target);\n        break;\n      }\n      case 'ArrowUp': {\n        if (shouldIncrementDecrement) {\n          event.preventDefault();\n          setCurrentKey(event.key);\n          const incrementedValue = getNextTimeValue(value, name, yearMinRange, yearMaxRange, step, true);\n          if (INTERNAL_V2_NO_MUTATION) {\n            change[name](incrementedValue);\n          } else {\n            setNativeValue(event.target, incrementedValue);\n          }\n        }\n        break;\n      }\n      case 'ArrowDown': {\n        if (shouldIncrementDecrement) {\n          event.preventDefault();\n          setCurrentKey(event.key);\n          const decrementedValue = getNextTimeValue(value, name, yearMinRange, yearMaxRange, step, false);\n          if (INTERNAL_V2_NO_MUTATION) {\n            change[name](decrementedValue);\n          } else {\n            setNativeValue(event.target, decrementedValue);\n          }\n        }\n        break;\n      }\n      case 'ArrowRight': {\n        event.preventDefault();\n        focusNextInput(event.target);\n        break;\n      }\n      case 'Backspace': {\n        event.preventDefault();\n        if (!value) {\n          focusPreviousInput(event.target);\n        } else {\n          // eslint-disable-next-line no-lonely-if\n          if (INTERNAL_V2_NO_MUTATION) {\n            change[name]('');\n          } else {\n            setNativeValue(event.target, '');\n          }\n        }\n        break;\n      }\n      case 'Enter': {\n        if (onCustomKeyDown && isCompletedDate()) onCustomKeyDown(event, triggerChange());\n        setCurrentKey(null);\n        break;\n      }\n      default:\n        if (onCustomKeyDown) onCustomKeyDown(event);\n        setCurrentKey(null);\n    }\n  };\n\n  const renderMonthInput = () => {\n    if (!showMonth) return null;\n    placeholder = 'MM';\n    const onMonthInputBlur = (e) => {\n      handleMonthChange(e);\n      triggerOnBlur(e, onBlur);\n    };\n    return (\n      <MonthInput\n        {...commonInputProps(digits, onKeyDown, placeholder)}\n        autocomplete=\"off\"\n        key=\"month-input\"\n        data-testid=\"month\"\n        disabled={disabled}\n        name=\"month\"\n        onBlur={onMonthInputBlur}\n        onChange={handleMonthChange}\n        value={month}\n      />\n    );\n  };\n  const renderDayInput = () => {\n    if (!showDay) return null;\n    placeholder = 'DD';\n    const onDayInputBlur = (e) => {\n      handleDayChange(e);\n      triggerOnBlur(e, onBlur);\n    };\n    return (\n      <DayInput\n        {...commonInputProps(digits, onKeyDown, placeholder)}\n        autocomplete=\"off\"\n        key=\"day-input\"\n        data-testid=\"day\"\n        disabled={disabled}\n        name=\"day\"\n        onBlur={onDayInputBlur}\n        onChange={handleDayChange}\n        value={day}\n      />\n    );\n  };\n  const renderYearInput = () => {\n    if (!showYear) return null;\n    placeholder = 'YY';\n    digits = 4;\n    const onYearInputBlur = (e) => {\n      handleYearChange(e);\n      triggerOnBlur(e, onBlur);\n    };\n    return (\n      <YearInput\n        {...commonInputProps(digits, onKeyDown, placeholder)}\n        autocomplete=\"off\"\n        key=\"seconds-input\"\n        data-testid=\"year\"\n        disabled={disabled}\n        name=\"year\"\n        onBlur={onYearInputBlur}\n        onChange={handleYearChange}\n        value={year}\n      />\n    );\n  };\n\n  const renderDateInputs = () => {\n    const inputs = [renderMonthInput(), renderDayInput(), renderYearInput()];\n    const inputsWithDividers = inputs.reduce(\n      (acc, input, index) =>\n        input\n          ? acc.concat([index ? <DateDivider key={index} content=\" / \" value={input.props.value} /> : null, input])\n          : acc,\n      [],\n    );\n\n    return [\n      inputsWithDividers,\n      React.createElement('span', { key: 'span' }), // hack for next/prev focus\n    ];\n  };\n\n  return <InputTimesGroup innerRef={innerRef}>{renderDateInputs()}</InputTimesGroup>;\n};\n\nDateInputs.propTypes = {\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]),\n  onBlur: PropTypes.bool,\n  onChange: PropTypes.func,\n  onCustomKeyDown: PropTypes.func,\n  onError: PropTypes.func,\n  format: PropTypes.string,\n  showMonth: PropTypes.bool,\n  showDay: PropTypes.bool,\n  showYear: PropTypes.bool,\n  step: PropTypes.number,\n  yearMaxRange: PropTypes.number,\n  disabled: PropTypes.bool,\n  yearMinRange: PropTypes.number,\n  time: PropTypes.instanceOf(Moment),\n};\n\nexport { DateInputs };\nexport default DateInputs;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/DateInputV2/components/DateInputs.js CHANGED Viewed

@@ -1,27 +1,10 @@
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -135,7 +118,8 @@ const DateInputs = ({ onBlur, onChange, onDateChange, disabled, onCustomKeyDown,
       setOnChangeDateTrigger({});
       (0, import_utils.triggerOnBlur)(e, onBlur);
     };
-    return /* @__PURE__ */ import_react.default.createElement(import_styled.DateInputInput, __spreadProps(__spreadValues({}, (0, import_utils.commonInputProps)(digits, onKeyDown, placeholder)), {
+    return /* @__PURE__ */ import_react.default.createElement(import_styled.DateInputInput, {
+      ...(0, import_utils.commonInputProps)(digits, onKeyDown, placeholder),
       autoComplete: "off",
       key: "month-input",
       "data-testid": "month",
@@ -146,7 +130,7 @@ const DateInputs = ({ onBlur, onChange, onDateChange, disabled, onCustomKeyDown,
       value: month,
       tabIndex,
       ref: dayRef
-    }));
+    });
   };
   const renderDayInput = () => {
     placeholder = "DD";
@@ -154,7 +138,8 @@ const DateInputs = ({ onBlur, onChange, onDateChange, disabled, onCustomKeyDown,
       setOnChangeDateTrigger({});
       (0, import_utils.triggerOnBlur)(e, onBlur);
     };
-    return /* @__PURE__ */ import_react.default.createElement(import_styled.DateInputInput, __spreadProps(__spreadValues({}, (0, import_utils.commonInputProps)(digits, onKeyDown, placeholder)), {
+    return /* @__PURE__ */ import_react.default.createElement(import_styled.DateInputInput, {
+      ...(0, import_utils.commonInputProps)(digits, onKeyDown, placeholder),
       autoComplete: "off",
       key: "day-input",
       "data-testid": "day",
@@ -164,7 +149,7 @@ const DateInputs = ({ onBlur, onChange, onDateChange, disabled, onCustomKeyDown,
       onChange: onDayChange,
       value: day,
       tabIndex
-    }));
+    });
   };
   const renderYearInput = () => {
     placeholder = "YY";
@@ -172,7 +157,8 @@ const DateInputs = ({ onBlur, onChange, onDateChange, disabled, onCustomKeyDown,
     const onYearInputBlur = (e) => {
       (0, import_utils.triggerOnBlur)(e, onBlur);
     };
-    return /* @__PURE__ */ import_react.default.createElement(import_styled.DateInputInput, __spreadProps(__spreadValues({}, (0, import_utils.commonInputProps)(digits, onKeyDown, placeholder)), {
+    return /* @__PURE__ */ import_react.default.createElement(import_styled.DateInputInput, {
+      ...(0, import_utils.commonInputProps)(digits, onKeyDown, placeholder),
       autoComplete: "off",
       key: "year-input",
       "data-testid": "year",
@@ -183,7 +169,7 @@ const DateInputs = ({ onBlur, onChange, onDateChange, disabled, onCustomKeyDown,
       value: year,
       size: "l",
       tabIndex
-    }));
+    });
   };
   const renderDateInputs = () => {
     const inputs = [renderMonthInput(), renderDayInput(), renderYearInput()];

package/dist/cjs/DateInputV2/components/DateInputs.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/DateInputV2/components/DateInputs.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable indent */\n/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport React, { useState, useEffect } from 'react';\nimport moment from 'moment';\nimport {\n  commonInputProps,\n  triggerOnBlur,\n  focusNextInput,\n  getFormattedDay,\n  getShouldShortcircuitDay,\n  getFormattedMonth,\n  getShouldShortcircuitMonth,\n  getFormattedYear,\n} from './utils';\nimport { onKeyDownHelper } from './helpers';\nimport { DateInputDivider, DateInputWrapper, DateInputInput, DateInputFluidContainer } from './styled';\nimport { DateInputsPropTypes } from './propsTypes';\n\nconst FORMAT = 'MMDDYYYY';\n\nexport const DateInputs = ({ onBlur, onChange, onDateChange, disabled, onCustomKeyDown, time, tabIndex, innerRef }) => {\n  const [month, setMonth] = useState('');\n  const [day, setDay] = useState('');\n  const [year, setYear] = useState('');\n  const [onChangeDateTrigger, setOnChangeDateTrigger] = useState({});\n  const dayRef = React.useRef<HTMLInputElement>();\n  const [haveInputsOnChangeTriggered, setHaveInputsOnChangeTriggered] = useState(false);\n\n  let digits = 2;\n  let placeholder = '';\n\n  const handleFluidClick = React.useCallback(\n    (e: React.MouseEvent<Element, MouseEvent>) => {\n      if (!(e.target as HTMLInputElement).type && dayRef.current) {\n        dayRef.current.focus();\n      }\n    },\n    [dayRef.current],\n  );\n\n  const triggerOnDateChange = React.useCallback(() => {\n    if (month && day && year && haveInputsOnChangeTriggered) {\n      const momentValue = moment(`${month}${day}${year}`, 'MMDDYYYY', true);\n      if (momentValue.isValid()) {\n        onDateChange(momentValue);\n      }\n      setHaveInputsOnChangeTriggered(false);\n    }\n  }, [day, month, year, haveInputsOnChangeTriggered]);\n\n  // isArrowChange is coming from the onKeyDown handler in helpers\n  const onMonthChange = React.useCallback((e, isArrowChange) => {\n    const value = getFormattedMonth(e.target.value);\n    const shouldAdvance = getShouldShortcircuitMonth(e.target.value);\n    setMonth(value);\n    setHaveInputsOnChangeTriggered(true);\n    if (e.target.value.length > 1 || shouldAdvance) {\n      if (!isArrowChange) focusNextInput(e.target);\n      setOnChangeDateTrigger({});\n    }\n  }, []);\n\n  // isArrowChange is coming from the onKeyDown handler in helpers\n  const onDayChange = React.useCallback((e, isArrowChange) => {\n    const value = getFormattedDay(e.target.value);\n    const shouldAdvance = getShouldShortcircuitDay(e.target.value);\n    setDay(value);\n    setHaveInputsOnChangeTriggered(true);\n    if (e.target.value.length > 1 || shouldAdvance) {\n      if (!isArrowChange) focusNextInput(e.target);\n      setOnChangeDateTrigger({});\n    }\n  }, []);\n\n  const onYearChange = React.useCallback((e) => {\n    const value = getFormattedYear(e.target.value);\n    setYear(value);\n    setHaveInputsOnChangeTriggered(true);\n    setOnChangeDateTrigger({});\n  }, []);\n\n  useEffect(() => {\n    // When component mounts haveInputsOnChangeTriggered is set to false\n    // so this is not triggered on mount but is triggered with all other changes\n    if (haveInputsOnChangeTriggered) {\n      const momentValue = moment(`${month}${day}${year}`, FORMAT, true);\n      onChange(`${month}${day}${year}`, momentValue.isValid() ? momentValue : null);\n    }\n  }, [day, month, year]);\n\n  useEffect(() => {\n    triggerOnDateChange();\n  }, [onChangeDateTrigger]);\n\n  useEffect(() => {\n    if (time && time !== `${month}${day}${year}` && moment(time, 'MMDDYYYY').isValid()) {\n      const values = String(time || '');\n      if (values.slice(0, 2)) setMonth(values.slice(0, 2));\n      if (values.slice(2, 4)) setDay(values.slice(2, 4));\n      if (values.slice(4, 8)) setYear(values.slice(4, 8));\n    } else if (!time && (month || day || year)) {\n      setMonth('');\n      setDay('');\n      setYear('');\n    }\n  }, [time]);\n\n  const onKeyDown = (event) =>\n    onKeyDownHelper(event, {\n      onDayChange,\n      onMonthChange,\n      onYearChange,\n    });\n\n  const renderMonthInput = () => {\n    placeholder = 'MM';\n    const onMonthInputBlur = (e) => {\n      setOnChangeDateTrigger({});\n      triggerOnBlur(e, onBlur);\n    };\n    return (\n      <DateInputInput\n        {...commonInputProps(digits, onKeyDown, placeholder)}\n        autoComplete=\"off\"\n        key=\"month-input\"\n        data-testid=\"month\"\n        disabled={disabled}\n        name=\"month\"\n        onBlur={onMonthInputBlur}\n        onChange={onMonthChange}\n        value={month}\n        tabIndex={tabIndex}\n        ref={dayRef}\n      />\n    );\n  };\n  const renderDayInput = () => {\n    placeholder = 'DD';\n    const onDayInputBlur = (e) => {\n      setOnChangeDateTrigger({});\n      triggerOnBlur(e, onBlur);\n    };\n    return (\n      <DateInputInput\n        {...commonInputProps(digits, onKeyDown, placeholder)}\n        autoComplete=\"off\"\n        key=\"day-input\"\n        data-testid=\"day\"\n        disabled={disabled}\n        name=\"day\"\n        onBlur={onDayInputBlur}\n        onChange={onDayChange}\n        value={day}\n        tabIndex={tabIndex}\n      />\n    );\n  };\n  const renderYearInput = () => {\n    placeholder = 'YY';\n    digits = 4;\n    const onYearInputBlur = (e) => {\n      triggerOnBlur(e, onBlur);\n    };\n    return (\n      <DateInputInput\n        {...commonInputProps(digits, onKeyDown, placeholder)}\n        autoComplete=\"off\"\n        key=\"year-input\"\n        data-testid=\"year\"\n        disabled={disabled}\n        name=\"year\"\n        onBlur={onYearInputBlur}\n        onChange={onYearChange}\n        value={year}\n        size=\"l\"\n        tabIndex={tabIndex}\n      />\n    );\n  };\n\n  const renderDateInputs = () => {\n    const inputs = [renderMonthInput(), renderDayInput(), renderYearInput()];\n    const inputsWithDividers = inputs.reduce(\n      (acc, input, index) => (input ? acc.concat([index ? <DateInputDivider>/</DateInputDivider> : null, input]) : acc),\n      [],\n    );\n\n    return [\n      inputsWithDividers,\n      React.createElement('span', { key: 'span' }), // hack for next/prev focus\n    ];\n  };\n\n  return (\n    <DateInputFluidContainer onClick={handleFluidClick} data-testid=\"date-input-fluidContainer\">\n      <DateInputWrapper\n        disabled={disabled}\n        ref={innerRef}\n        onKeyDown={onCustomKeyDown}\n        tabIndex={-1}\n        cols={['auto', '6px', 'auto', '6px', 'auto']}\n      >\n        {renderDateInputs()}\n      </DateInputWrapper>\n    </DateInputFluidContainer>\n  );\n};\n\nDateInputs.propTypes = DateInputsPropTypes;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,mBAA2C;AAC3C,oBAAmB;AACnB,mBASO;AACP,qBAAgC;AAChC,oBAA4F;AAC5F,wBAAoC;AAEpC,MAAM,SAAS;AAER,MAAM,aAAa,CAAC,EAAE,QAAQ,UAAU,cAAc,UAAU,iBAAiB,MAAM,UAAU,eAAe;AACrH,QAAM,CAAC,OAAO,YAAY,2BAAS,EAAE;AACrC,QAAM,CAAC,KAAK,UAAU,2BAAS,EAAE;AACjC,QAAM,CAAC,MAAM,WAAW,2BAAS,EAAE;AACnC,QAAM,CAAC,qBAAqB,0BAA0B,2BAAS,CAAC,CAAC;AACjE,QAAM,SAAS,qBAAM,OAAyB;AAC9C,QAAM,CAAC,6BAA6B,kCAAkC,2BAAS,KAAK;AAEpF,MAAI,SAAS;AACb,MAAI,cAAc;AAElB,QAAM,mBAAmB,qBAAM,YAC7B,CAAC,MAA6C;AAC5C,QAAI,CAAE,EAAE,OAA4B,QAAQ,OAAO,SAAS;AAC1D,aAAO,QAAQ,MAAM;AAAA,IACvB;AAAA,EACF,GACA,CAAC,OAAO,OAAO,CACjB;AAEA,QAAM,sBAAsB,qBAAM,YAAY,MAAM;AAClD,QAAI,SAAS,OAAO,QAAQ,6BAA6B;AACvD,YAAM,cAAc,2BAAO,GAAG,QAAQ,MAAM,QAAQ,YAAY,IAAI;AACpE,UAAI,YAAY,QAAQ,GAAG;AACzB,qBAAa,WAAW;AAAA,MAC1B;AACA,qCAA+B,KAAK;AAAA,IACtC;AAAA,EACF,GAAG,CAAC,KAAK,OAAO,MAAM,2BAA2B,CAAC;AAGlD,QAAM,gBAAgB,qBAAM,YAAY,CAAC,GAAG,kBAAkB;AAC5D,UAAM,QAAQ,oCAAkB,EAAE,OAAO,KAAK;AAC9C,UAAM,gBAAgB,6CAA2B,EAAE,OAAO,KAAK;AAC/D,aAAS,KAAK;AACd,mCAA+B,IAAI;AACnC,QAAI,EAAE,OAAO,MAAM,SAAS,KAAK,eAAe;AAC9C,UAAI,CAAC;AAAe,yCAAe,EAAE,MAAM;AAC3C,6BAAuB,CAAC,CAAC;AAAA,IAC3B;AAAA,EACF,GAAG,CAAC,CAAC;AAGL,QAAM,cAAc,qBAAM,YAAY,CAAC,GAAG,kBAAkB;AAC1D,UAAM,QAAQ,kCAAgB,EAAE,OAAO,KAAK;AAC5C,UAAM,gBAAgB,2CAAyB,EAAE,OAAO,KAAK;AAC7D,WAAO,KAAK;AACZ,mCAA+B,IAAI;AACnC,QAAI,EAAE,OAAO,MAAM,SAAS,KAAK,eAAe;AAC9C,UAAI,CAAC;AAAe,yCAAe,EAAE,MAAM;AAC3C,6BAAuB,CAAC,CAAC;AAAA,IAC3B;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,eAAe,qBAAM,YAAY,CAAC,MAAM;AAC5C,UAAM,QAAQ,mCAAiB,EAAE,OAAO,KAAK;AAC7C,YAAQ,KAAK;AACb,mCAA+B,IAAI;AACnC,2BAAuB,CAAC,CAAC;AAAA,EAC3B,GAAG,CAAC,CAAC;AAEL,8BAAU,MAAM;AAGd,QAAI,6BAA6B;AAC/B,YAAM,cAAc,2BAAO,GAAG,QAAQ,MAAM,QAAQ,QAAQ,IAAI;AAChE,eAAS,GAAG,QAAQ,MAAM,QAAQ,YAAY,QAAQ,IAAI,cAAc,IAAI;AAAA,IAC9E;AAAA,EACF,GAAG,CAAC,KAAK,OAAO,IAAI,CAAC;AAErB,8BAAU,MAAM;AACd,wBAAoB;AAAA,EACtB,GAAG,CAAC,mBAAmB,CAAC;AAExB,8BAAU,MAAM;AACd,QAAI,QAAQ,SAAS,GAAG,QAAQ,MAAM,UAAU,2BAAO,MAAM,UAAU,EAAE,QAAQ,GAAG;AAClF,YAAM,SAAS,OAAO,QAAQ,EAAE;AAChC,UAAI,OAAO,MAAM,GAAG,CAAC;AAAG,iBAAS,OAAO,MAAM,GAAG,CAAC,CAAC;AACnD,UAAI,OAAO,MAAM,GAAG,CAAC;AAAG,eAAO,OAAO,MAAM,GAAG,CAAC,CAAC;AACjD,UAAI,OAAO,MAAM,GAAG,CAAC;AAAG,gBAAQ,OAAO,MAAM,GAAG,CAAC,CAAC;AAAA,IACpD,WAAW,CAAC,QAAS,UAAS,OAAO,OAAO;AAC1C,eAAS,EAAE;AACX,aAAO,EAAE;AACT,cAAQ,EAAE;AAAA,IACZ;AAAA,EACF,GAAG,CAAC,IAAI,CAAC;AAET,QAAM,YAAY,CAAC,UACjB,oCAAgB,OAAO;AAAA,IACrB;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAEH,QAAM,mBAAmB,MAAM;AAC7B,kBAAc;AACd,UAAM,mBAAmB,CAAC,MAAM;AAC9B,6BAAuB,CAAC,CAAC;AACzB,sCAAc,GAAG,MAAM;AAAA,IACzB;AACA,WACE,mDAAC,+DACK,mCAAiB,QAAQ,WAAW,WAAW,IADpD;AAAA,MAEC,cAAa;AAAA,MACb,KAAI;AAAA,MACJ,eAAY;AAAA,MACZ;AAAA,MACA,MAAK;AAAA,MACL,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,OAAO;AAAA,MACP;AAAA,MACA,KAAK;AAAA,MACP;AAAA,EAEJ;AACA,QAAM,iBAAiB,MAAM;AAC3B,kBAAc;AACd,UAAM,iBAAiB,CAAC,MAAM;AAC5B,6BAAuB,CAAC,CAAC;AACzB,sCAAc,GAAG,MAAM;AAAA,IACzB;AACA,WACE,mDAAC,+DACK,mCAAiB,QAAQ,WAAW,WAAW,IADpD;AAAA,MAEC,cAAa;AAAA,MACb,KAAI;AAAA,MACJ,eAAY;AAAA,MACZ;AAAA,MACA,MAAK;AAAA,MACL,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,OAAO;AAAA,MACP;AAAA,MACF;AAAA,EAEJ;AACA,QAAM,kBAAkB,MAAM;AAC5B,kBAAc;AACd,aAAS;AACT,UAAM,kBAAkB,CAAC,MAAM;AAC7B,sCAAc,GAAG,MAAM;AAAA,IACzB;AACA,WACE,mDAAC,+DACK,mCAAiB,QAAQ,WAAW,WAAW,IADpD;AAAA,MAEC,cAAa;AAAA,MACb,KAAI;AAAA,MACJ,eAAY;AAAA,MACZ;AAAA,MACA,MAAK;AAAA,MACL,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,OAAO;AAAA,MACP,MAAK;AAAA,MACL;AAAA,MACF;AAAA,EAEJ;AAEA,QAAM,mBAAmB,MAAM;AAC7B,UAAM,SAAS,CAAC,iBAAiB,GAAG,eAAe,GAAG,gBAAgB,CAAC;AACvE,UAAM,qBAAqB,OAAO,OAChC,CAAC,KAAK,OAAO,UAAW,QAAQ,IAAI,OAAO,CAAC,QAAQ,mDAAC,sCAAiB,GAAC,IAAsB,MAAM,KAAK,CAAC,IAAI,KAC7G,CAAC,CACH;AAEA,WAAO;AAAA,MACL;AAAA,MACA,qBAAM,cAAc,QAAQ,EAAE,KAAK,OAAO,CAAC;AAAA,IAC7C;AAAA,EACF;AAEA,SACE,mDAAC;AAAA,IAAwB,SAAS;AAAA,IAAkB,eAAY;AAAA,KAC9D,mDAAC;AAAA,IACC;AAAA,IACA,KAAK;AAAA,IACL,WAAW;AAAA,IACX,UAAU;AAAA,IACV,MAAM,CAAC,QAAQ,OAAO,QAAQ,OAAO,MAAM;AAAA,KAE1C,iBAAiB,CACpB,CACF;AAEJ;AAEA,WAAW,YAAY;",
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/ExpandableInput/ExpandableInputImpl.js CHANGED Viewed

@@ -1,27 +1,10 @@
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -68,11 +51,12 @@ class ExpandableInputImpl extends import_react.Component {
         onOpen();
       }
     };
-    return /* @__PURE__ */ import_react.default.createElement(ExpandableInput, __spreadProps(__spreadValues({}, containerProps), {
+    return /* @__PURE__ */ import_react.default.createElement(ExpandableInput, {
+      ...containerProps,
       classProps: { isOpen },
       innerRef,
       style: { width: isOpen && width }
-    }), /* @__PURE__ */ import_react.default.createElement(InputWrapper, {
+    }, /* @__PURE__ */ import_react.default.createElement(InputWrapper, {
       rightComponents: [
         (0, import_react.cloneElement)(triggerComponent, {
           key: "handler",

package/dist/cjs/ExpandableInput/ExpandableInputImpl.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/ExpandableInput/ExpandableInputImpl.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { Component, cloneElement } from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { isFunction } from '@elliemae/ds-shared';\nimport { InputAddonWrapper } from '../Input';\n\nconst blockName = 'expandable-input';\n\nconst ExpandableInput = aggregatedClasses('div')(blockName, null, ({ isOpen }) => ({ opened: isOpen }));\nconst InputWrapper = aggregatedClasses(InputAddonWrapper)(blockName, 'wrapper', ({ isOpen }) => ({ opened: isOpen }));\n\nclass ExpandableInputImpl extends Component {\n  componentDidUpdate(prevProps) {\n    const { isOpen } = this.props;\n    if (isOpen && isOpen !== prevProps.isOpen) this.input.focus();\n  }\n\n  render() {\n    const { innerRef, triggerComponent, children, width, isOpen, onOpen, onClose, onBlur, containerProps } = this.props;\n    const InputComponent = React.Children.only(children);\n    const handleTriggerClick = (e) => {\n      if (isFunction(triggerComponent.onClick)) triggerComponent.onClick(e);\n      if (isOpen) {\n        onClose();\n      } else {\n        onOpen();\n      }\n    };\n\n    return (\n      <ExpandableInput\n        {...containerProps}\n        classProps={{ isOpen }}\n        innerRef={innerRef}\n        style={{ width: isOpen && width }}\n      >\n        <InputWrapper\n          rightComponents={[\n            cloneElement(triggerComponent, {\n              key: 'handler',\n              onClick: handleTriggerClick,\n            }),\n          ]}\n        >\n          {cloneElement(InputComponent, {\n            className: 'expandable-input__input',\n            innerRef: (node) => (this.input = node),\n            onBlur,\n          })}\n        </InputWrapper>\n      </ExpandableInput>\n    );\n  }\n}\n\nexport { ExpandableInputImpl };\nexport default ExpandableInputImpl;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA+C;AAC/C,2BAAkC;AAClC,uBAA2B;AAC3B,mBAAkC;AAElC,MAAM,YAAY;AAElB,MAAM,kBAAkB,4CAAkB,KAAK,EAAE,WAAW,MAAM,CAAC,EAAE,aAAc,GAAE,QAAQ,OAAO,EAAE;AACtG,MAAM,eAAe,4CAAkB,8BAAiB,EAAE,WAAW,WAAW,CAAC,EAAE,aAAc,GAAE,QAAQ,OAAO,EAAE;AAEpH,MAAM,4BAA4B,uBAAU;AAAA,EAC1C,mBAAmB,WAAW;AAC5B,UAAM,EAAE,WAAW,KAAK;AACxB,QAAI,UAAU,WAAW,UAAU;AAAQ,WAAK,MAAM,MAAM;AAAA,EAC9D;AAAA,EAEA,SAAS;AACP,UAAM,EAAE,UAAU,kBAAkB,UAAU,OAAO,QAAQ,QAAQ,SAAS,QAAQ,mBAAmB,KAAK;AAC9G,UAAM,iBAAiB,qBAAM,SAAS,KAAK,QAAQ;AACnD,UAAM,qBAAqB,CAAC,MAAM;AAChC,UAAI,iCAAW,iBAAiB,OAAO;AAAG,yBAAiB,QAAQ,CAAC;AACpE,UAAI,QAAQ;AACV,gBAAQ;AAAA,MACV,OAAO;AACL,eAAO;AAAA,MACT;AAAA,IACF;AAEA,WACE,mDAAC,kDACK,iBADL;AAAA,MAEC,YAAY,EAAE,OAAO;AAAA,MACrB;AAAA,MACA,OAAO,EAAE,OAAO,UAAU,MAAM;AAAA,QAEhC,mDAAC;AAAA,MACC,iBAAiB;AAAA,QACf,+BAAa,kBAAkB;AAAA,UAC7B,KAAK;AAAA,UACL,SAAS;AAAA,QACX,CAAC;AAAA,MACH;AAAA,OAEC,+BAAa,gBAAgB;AAAA,MAC5B,WAAW;AAAA,MACX,UAAU,CAAC,SAAU,KAAK,QAAQ;AAAA,MAClC;AAAA,IACF,CAAC,CACH,CACF;AAAA,EAEJ;AACF;AAGA,IAAO,8BAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA+C;AAC/C,2BAAkC;AAClC,uBAA2B;AAC3B,mBAAkC;AAElC,MAAM,YAAY;AAElB,MAAM,kBAAkB,4CAAkB,KAAK,EAAE,WAAW,MAAM,CAAC,EAAE,aAAc,GAAE,QAAQ,OAAO,EAAE;AACtG,MAAM,eAAe,4CAAkB,8BAAiB,EAAE,WAAW,WAAW,CAAC,EAAE,aAAc,GAAE,QAAQ,OAAO,EAAE;AAEpH,MAAM,4BAA4B,uBAAU;AAAA,EAC1C,mBAAmB,WAAW;AAC5B,UAAM,EAAE,WAAW,KAAK;AACxB,QAAI,UAAU,WAAW,UAAU;AAAQ,WAAK,MAAM,MAAM;AAAA,EAC9D;AAAA,EAEA,SAAS;AACP,UAAM,EAAE,UAAU,kBAAkB,UAAU,OAAO,QAAQ,QAAQ,SAAS,QAAQ,mBAAmB,KAAK;AAC9G,UAAM,iBAAiB,qBAAM,SAAS,KAAK,QAAQ;AACnD,UAAM,qBAAqB,CAAC,MAAM;AAChC,UAAI,iCAAW,iBAAiB,OAAO;AAAG,yBAAiB,QAAQ,CAAC;AACpE,UAAI,QAAQ;AACV,gBAAQ;AAAA,MACV,OAAO;AACL,eAAO;AAAA,MACT;AAAA,IACF;AAEA,WACE,mDAAC;AAAA,MACE,GAAG;AAAA,MACJ,YAAY,EAAE,OAAO;AAAA,MACrB;AAAA,MACA,OAAO,EAAE,OAAO,UAAU,MAAM;AAAA,OAEhC,mDAAC;AAAA,MACC,iBAAiB;AAAA,QACf,+BAAa,kBAAkB;AAAA,UAC7B,KAAK;AAAA,UACL,SAAS;AAAA,QACX,CAAC;AAAA,MACH;AAAA,OAEC,+BAAa,gBAAgB;AAAA,MAC5B,WAAW;AAAA,MACX,UAAU,CAAC,SAAU,KAAK,QAAQ;AAAA,MAClC;AAAA,IACF,CAAC,CACH,CACF;AAAA,EAEJ;AACF;AAGA,IAAO,8BAAQ;",
   "names": []
 }

package/dist/cjs/FloatingLabelInput/FloatingLabelInputImpl.js CHANGED Viewed

@@ -3,22 +3,8 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -141,7 +127,7 @@ class FloatingLabelInputImpl extends import_react.Component {
       useSubfix,
       optional
     } = this.props;
-    const inputProps = __spreadValues({
+    const inputProps = {
       ariaLabel,
       className: "floating-label-input-controller",
       disabled,
@@ -153,8 +139,9 @@ class FloatingLabelInputImpl extends import_react.Component {
       value,
       innerRef,
       mask,
-      useSubfix
-    }, extraInputProps);
+      useSubfix,
+      ...extraInputProps
+    };
     const InputComponent = (0, import_ds_utilities.getComponentFromProps)(inputComponent, inputProps);
     const isOpen = this.isOpened;
     return /* @__PURE__ */ import_react.default.createElement(Wrapper, {

package/dist/cjs/FloatingLabelInput/FloatingLabelInputImpl.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/FloatingLabelInput/FloatingLabelInputImpl.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable react/no-unused-state */\nimport React, { Component } from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { getComponentFromProps } from '@elliemae/ds-utilities';\nimport { DSTextWrapper } from '@elliemae/ds-text-wrapper';\nimport { ResizeObserver } from 'resize-observer';\nimport { getSvgPath } from './getSvgPath';\nimport { RequiredMark } from '../RequiredMark/RequiredMark';\n\nconst blockName = 'labeled-outline';\n\nconst Wrapper = aggregatedClasses('div')(blockName, null, ({ isOpen }) => ({\n  'has-value': isOpen,\n}));\nconst FloatingLabel = aggregatedClasses('label')(blockName, 'label');\nconst OutlineIdle = aggregatedClasses('div')(blockName, 'idle');\nconst Outline = aggregatedClasses('div')(blockName, 'outline');\nconst OutlinePath = aggregatedClasses('path')(blockName, 'outline__path');\n\nconst shouldUpdateSvgPath = ({ width, height, labelWidth }, prevSizes) => {\n  if (width !== prevSizes.width) return true;\n  if (height !== prevSizes.height) return true;\n  return labelWidth !== prevSizes.labelWidth;\n};\n\nclass FloatingLabelInputImpl extends Component {\n  resizeObserver = new ResizeObserver(() => this.updatePath());\n\n  prevSizes = {};\n\n  static defaultProps = { onChange: () => null };\n\n  constructor(props) {\n    super(props);\n    this.wrapperRef = React.createRef();\n    this.outlinePathRef = React.createRef();\n    this.outlineIdleRef = React.createRef();\n    this.labelRef = React.createRef();\n\n    this.sizes = this.sizes.bind(this);\n    this.isOpened = this.isOpened.bind(this);\n    this.getValue = this.getValue.bind(this);\n    this.updatePath = this.updatePath.bind(this);\n  }\n\n  componentDidMount() {\n    this.resizeObserver.observe(this.wrapperRef.current);\n  }\n\n  componentDidUpdate() {\n    if (!shouldUpdateSvgPath(this.sizes, this.prevSizes)) return;\n    this.updatePath();\n  }\n\n  componentWillUnmount() {\n    this.resizeObserver.unobserve(this.wrapperRef.current);\n  }\n\n  get sizes() {\n    const { current: labelEl } = this.labelRef;\n    const { current: wrapperEl } = this.wrapperRef;\n    const { current: outlineIdleEl } = this.outlineIdleRef;\n    const elStyles = window.getComputedStyle(outlineIdleEl);\n    const leftRadius = elStyles.getPropertyValue('border-top-left-radius');\n    const rightRadius = elStyles.getPropertyValue('border-top-right-radius');\n    const hasLeftRadius = parseFloat(leftRadius) !== 0;\n    const hasRightRadius = parseFloat(rightRadius) !== 0;\n    return {\n      labelWidth: labelEl.offsetWidth * 0.9,\n      width: wrapperEl.offsetWidth,\n      height: wrapperEl.offsetHeight,\n      radiusStyle: leftRadius,\n      hasLeftRadius,\n      hasRightRadius,\n    };\n  }\n\n  get isOpened() {\n    const { focused, isOpen, value } = this.props;\n    return focused || (Array.isArray(value) ? !!value.length : !!value) || isOpen;\n  }\n\n  getValue(value) {\n    const { valueAccessor } = this.props;\n    if (valueAccessor) return valueAccessor(value);\n    // is an event\n    if (value && value.target) return value.target.value;\n\n    return value;\n  }\n\n  updatePath() {\n    const path = getSvgPath(this.sizes);\n    this.prevSizes = this.sizes;\n    this.outlinePathRef.current.setAttribute('d', path);\n  }\n\n  render() {\n    const {\n      ariaLabel,\n      hasError,\n      readOnly,\n      disabled,\n      inputComponent,\n      labelText,\n      onBlur,\n      onFocus,\n      innerRef,\n      extraInputProps,\n      required,\n      value,\n      onChange,\n      mask,\n      useSubfix,\n      optional,\n    } = this.props;\n\n    const inputProps = {\n      ariaLabel,\n      className: 'floating-label-input-controller',\n      disabled,\n      hasError,\n      onBlur,\n      onChange,\n      onFocus,\n      readOnly,\n      value,\n      innerRef,\n      mask,\n      useSubfix,\n      ...extraInputProps,\n    };\n    const InputComponent = getComponentFromProps(inputComponent, inputProps);\n    const isOpen = this.isOpened;\n\n    return (\n      <Wrapper\n        classProps={{\n          hasError,\n          isOpen,\n          readOnly,\n          disabled,\n        }}\n        innerRef={this.wrapperRef}\n        onBlur={() => null}\n        onFocus={() => null}\n        onMouseOut={this.handleMouseOut}\n        onMouseOver={this.handleMouseOver}\n      >\n        {InputComponent}\n        <FloatingLabel classProps={{ isOpen }} innerRef={this.labelRef}>\n          <DSTextWrapper maxWidth=\"100%\" text={labelText} />\n          <RequiredMark optional={optional} required={required} />\n        </FloatingLabel>\n        <Outline>\n          <svg>\n            <OutlinePath innerRef={this.outlinePathRef} />\n          </svg>\n        </Outline>\n        <OutlineIdle innerRef={this.outlineIdleRef} />\n      </Wrapper>\n    );\n  }\n}\n\nexport { FloatingLabelInputImpl };\nexport default FloatingLabelInputImpl;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/FormItem/DSFormItemLayout.js CHANGED Viewed

@@ -1,39 +1,10 @@
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -78,88 +49,51 @@ const Wrapper = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, nu
 }));
 const WrapperContent = (0, import_ds_classnames.aggregatedClasses)("div")(`${blockName}-content`);
 const WrapperContentGroup = (0, import_ds_classnames.aggregatedClasses)("fieldset")(`${blockName}-content`);
-const DSFormItemLayout = (_a) => {
-  var _b = _a, {
-    leftLabel,
-    floatingLabel,
-    name,
-    id,
-    value,
-    inputComponent: InputComponent,
-    labelComponent: LabelComponent,
-    feedbackComponent: FeedbackComponent,
-    labelText,
-    truncateText,
-    hasError,
-    validationState,
-    validationMessage,
-    feedbackMessage,
-    readOnly,
-    focused,
-    type,
-    autoFocus,
-    disabled,
-    onChange,
-    onBlur,
-    onFocus,
-    onPaste,
-    onKeyUp,
-    extraInputProps,
-    extraContent,
-    leftAddon,
-    rightAddon,
-    required,
-    optional,
-    mask,
-    useSubfix,
-    suffix,
-    variant,
-    fitContent,
-    withHighlight,
-    containerProps
-  } = _b, rest = __objRest(_b, [
-    "leftLabel",
-    "floatingLabel",
-    "name",
-    "id",
-    "value",
-    "inputComponent",
-    "labelComponent",
-    "feedbackComponent",
-    "labelText",
-    "truncateText",
-    "hasError",
-    "validationState",
-    "validationMessage",
-    "feedbackMessage",
-    "readOnly",
-    "focused",
-    "type",
-    "autoFocus",
-    "disabled",
-    "onChange",
-    "onBlur",
-    "onFocus",
-    "onPaste",
-    "onKeyUp",
-    "extraInputProps",
-    "extraContent",
-    "leftAddon",
-    "rightAddon",
-    "required",
-    "optional",
-    "mask",
-    "useSubfix",
-    "suffix",
-    "variant",
-    "fitContent",
-    "withHighlight",
-    "containerProps"
-  ]);
+const DSFormItemLayout = ({
+  leftLabel,
+  floatingLabel,
+  name,
+  id,
+  value,
+  inputComponent: InputComponent,
+  labelComponent: LabelComponent,
+  feedbackComponent: FeedbackComponent,
+  labelText,
+  truncateText,
+  hasError,
+  validationState,
+  validationMessage,
+  feedbackMessage,
+  readOnly,
+  focused,
+  type,
+  autoFocus,
+  disabled,
+  onChange,
+  onBlur,
+  onFocus,
+  onPaste,
+  onKeyUp,
+  extraInputProps,
+  extraContent,
+  leftAddon,
+  rightAddon,
+  required,
+  optional,
+  mask,
+  useSubfix,
+  suffix,
+  variant,
+  fitContent,
+  withHighlight,
+  containerProps,
+  ...rest
+}) => {
   const isGroup = InputComponent.type === (/* @__PURE__ */ import_react.default.createElement(import_ds_shared.Group, null)).type;
   const floatingLabelOverride = floatingLabel === "UNSAFE";
   const WrapperContentComp = !isGroup ? WrapperContent : WrapperContentGroup;
-  const inputProps = __spreadValues(__spreadProps(__spreadValues({}, extraInputProps), {
+  const inputProps = {
+    ...extraInputProps,
     disabled,
     hasError: hasError || validationState === "error",
     id,
@@ -176,14 +110,16 @@ const DSFormItemLayout = (_a) => {
     mask,
     useSubfix,
     variant,
-    required
-  }), rest);
+    required,
+    ...rest
+  };
   const renderInput = (Input) => leftAddon || rightAddon ? /* @__PURE__ */ import_react.default.createElement(import_InputGroup.DSInputGroup, {
     leftAddon,
     rightAddon,
     variant
   }, Input) : Input;
-  const renderFloating = /* @__PURE__ */ import_react.default.createElement(import_FloatingLabelInput.DSFloatingLabelInput, __spreadProps(__spreadValues({}, inputProps), {
+  const renderFloating = /* @__PURE__ */ import_react.default.createElement(import_FloatingLabelInput.DSFloatingLabelInput, {
+    ...inputProps,
     extraInputProps,
     focused,
     inputComponent: InputComponent,
@@ -192,7 +128,7 @@ const DSFormItemLayout = (_a) => {
     optional,
     required,
     variant
-  }));
+  });
   const InputWithLabel = floatingLabelOverride ? renderInput(renderFloating) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(LabelComponent, {
     htmlFor: id || name,
     label: labelText,
@@ -202,7 +138,7 @@ const DSFormItemLayout = (_a) => {
     truncateText
   }), renderInput((0, import_ds_utilities.getComponentFromProps)(InputComponent, inputProps)));
   if (suffix) {
-    return /* @__PURE__ */ import_react.default.createElement(Wrapper, __spreadValues({
+    return /* @__PURE__ */ import_react.default.createElement(Wrapper, {
       classProps: {
         disabled,
         readOnly,
@@ -211,8 +147,9 @@ const DSFormItemLayout = (_a) => {
         variant,
         fitContent,
         withHighlight
-      }
-    }, containerProps), /* @__PURE__ */ import_react.default.createElement(import_Suffix.SuffixWrapper, {
+      },
+      ...containerProps
+    }, /* @__PURE__ */ import_react.default.createElement(import_Suffix.SuffixWrapper, {
       className: "suffix-wrapper"
     }, /* @__PURE__ */ import_react.default.createElement(import_Suffix.SuffixInputWrapper, {
       className: "suffix-input-wrapper"
@@ -225,7 +162,7 @@ const DSFormItemLayout = (_a) => {
       withFeedback: Boolean(validationMessage || feedbackMessage)
     }, suffix)));
   }
-  return /* @__PURE__ */ import_react.default.createElement(Wrapper, __spreadValues({
+  return /* @__PURE__ */ import_react.default.createElement(Wrapper, {
     classProps: {
       disabled,
       readOnly,
@@ -234,8 +171,9 @@ const DSFormItemLayout = (_a) => {
       variant,
       fitContent,
       withHighlight
-    }
-  }, containerProps), /* @__PURE__ */ import_react.default.createElement(WrapperContentComp, null, InputWithLabel, extraContent), /* @__PURE__ */ import_react.default.createElement(FeedbackComponent, {
+    },
+    ...containerProps
+  }, /* @__PURE__ */ import_react.default.createElement(WrapperContentComp, null, InputWithLabel, extraContent), /* @__PURE__ */ import_react.default.createElement(FeedbackComponent, {
     hasError,
     text: validationState || hasError ? validationMessage : feedbackMessage
   }));