@elliemae/ds-form 3.0.0-alpha.0 → 3.0.0-alpha.1

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

@@ -1,9 +1,26 @@
 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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
@@ -232,8 +249,7 @@ const DateInputs = ({
       handleMonthChange(e);
       (0, import_utils.triggerOnBlur)(e, onBlur);
     };
-    return /* @__PURE__ */ import_react.default.createElement(MonthInput, {
-      ...(0, import_utils.commonInputProps)(digits, onKeyDown, placeholder),
+    return /* @__PURE__ */ import_react.default.createElement(MonthInput, __spreadProps(__spreadValues({}, (0, import_utils.commonInputProps)(digits, onKeyDown, placeholder)), {
       autocomplete: "off",
       key: "month-input",
       "data-testid": "month",
@@ -242,7 +258,7 @@ const DateInputs = ({
       onBlur: onMonthInputBlur,
       onChange: handleMonthChange,
       value: month
-    });
+    }));
   };
   const renderDayInput = () => {
     if (!showDay)
@@ -252,8 +268,7 @@ const DateInputs = ({
       handleDayChange(e);
       (0, import_utils.triggerOnBlur)(e, onBlur);
     };
-    return /* @__PURE__ */ import_react.default.createElement(DayInput, {
-      ...(0, import_utils.commonInputProps)(digits, onKeyDown, placeholder),
+    return /* @__PURE__ */ import_react.default.createElement(DayInput, __spreadProps(__spreadValues({}, (0, import_utils.commonInputProps)(digits, onKeyDown, placeholder)), {
       autocomplete: "off",
       key: "day-input",
       "data-testid": "day",
@@ -262,7 +277,7 @@ const DateInputs = ({
       onBlur: onDayInputBlur,
       onChange: handleDayChange,
       value: day
-    });
+    }));
   };
   const renderYearInput = () => {
     if (!showYear)
@@ -273,8 +288,7 @@ const DateInputs = ({
       handleYearChange(e);
       (0, import_utils.triggerOnBlur)(e, onBlur);
     };
-    return /* @__PURE__ */ import_react.default.createElement(YearInput, {
-      ...(0, import_utils.commonInputProps)(digits, onKeyDown, placeholder),
+    return /* @__PURE__ */ import_react.default.createElement(YearInput, __spreadProps(__spreadValues({}, (0, import_utils.commonInputProps)(digits, onKeyDown, placeholder)), {
       autocomplete: "off",
       key: "seconds-input",
       "data-testid": "year",
@@ -283,7 +297,7 @@ const DateInputs = ({
       onBlur: onYearInputBlur,
       onChange: handleYearChange,
       value: year
-    });
+    }));
   };
   const renderDateInputs = () => {
     const inputs = [renderMonthInput(), renderDayInput(), renderYearInput()];

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

@@ -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

@@ -1,9 +1,26 @@
 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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
@@ -123,8 +140,7 @@ const DateInputs = ({ onBlur, onChange, onDateChange, disabled, onCustomKeyDown,
       setOnChangeDateTrigger({});
       (0, import_utils.triggerOnBlur)(e, onBlur);
     };
-    return /* @__PURE__ */ import_react.default.createElement(import_styled.DateInputInput, {
-      ...(0, import_utils.commonInputProps)(digits, onKeyDown, placeholder),
+    return /* @__PURE__ */ import_react.default.createElement(import_styled.DateInputInput, __spreadProps(__spreadValues({}, (0, import_utils.commonInputProps)(digits, onKeyDown, placeholder)), {
       autoComplete: "off",
       key: "month-input",
       "data-testid": "month",
@@ -135,7 +151,7 @@ const DateInputs = ({ onBlur, onChange, onDateChange, disabled, onCustomKeyDown,
       value: month,
       tabIndex,
       ref: dayRef
-    });
+    }));
   };
   const renderDayInput = () => {
     placeholder = "DD";
@@ -143,8 +159,7 @@ const DateInputs = ({ onBlur, onChange, onDateChange, disabled, onCustomKeyDown,
       setOnChangeDateTrigger({});
       (0, import_utils.triggerOnBlur)(e, onBlur);
     };
-    return /* @__PURE__ */ import_react.default.createElement(import_styled.DateInputInput, {
-      ...(0, import_utils.commonInputProps)(digits, onKeyDown, placeholder),
+    return /* @__PURE__ */ import_react.default.createElement(import_styled.DateInputInput, __spreadProps(__spreadValues({}, (0, import_utils.commonInputProps)(digits, onKeyDown, placeholder)), {
       autoComplete: "off",
       key: "day-input",
       "data-testid": "day",
@@ -154,7 +169,7 @@ const DateInputs = ({ onBlur, onChange, onDateChange, disabled, onCustomKeyDown,
       onChange: onDayChange,
       value: day,
       tabIndex
-    });
+    }));
   };
   const renderYearInput = () => {
     placeholder = "YY";
@@ -162,8 +177,7 @@ 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, {
-      ...(0, import_utils.commonInputProps)(digits, onKeyDown, placeholder),
+    return /* @__PURE__ */ import_react.default.createElement(import_styled.DateInputInput, __spreadProps(__spreadValues({}, (0, import_utils.commonInputProps)(digits, onKeyDown, placeholder)), {
       autoComplete: "off",
       key: "year-input",
       "data-testid": "year",
@@ -174,7 +188,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

@@ -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": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/ExpandableInput/ExpandableInputImpl.js

@@ -1,9 +1,26 @@
 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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
@@ -66,12 +83,11 @@ class ExpandableInputImpl extends import_react.Component {
         onOpen();
       }
     };
-    return /* @__PURE__ */ import_react.default.createElement(ExpandableInput, {
-      ...containerProps,
+    return /* @__PURE__ */ import_react.default.createElement(ExpandableInput, __spreadProps(__spreadValues({}, 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

@@ -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/utils';\nimport { InputAddonWrapper } from '../Input';\n\nconst blockName = 'expandable-input';\n\nconst ExpandableInput = aggregatedClasses('div')(\n  blockName,\n  null,\n  ({ isOpen }) => ({ opened: isOpen }),\n);\nconst InputWrapper = aggregatedClasses(InputAddonWrapper)(\n  blockName,\n  'wrapper',\n  ({ isOpen }) => ({ opened: isOpen }),\n);\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 {\n      innerRef,\n      triggerComponent,\n      children,\n      width,\n      isOpen,\n      onOpen,\n      onClose,\n      onBlur,\n      containerProps,\n    } = 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;", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA+C;AAC/C,2BAAkC;AAClC,mBAA2B;AAC3B,mBAAkC;AAElC,MAAM,YAAY;AAElB,MAAM,kBAAkB,4CAAkB,OACxC,WACA,MACA,CAAC,EAAE,aAAc,GAAE,QAAQ;AAE7B,MAAM,eAAe,4CAAkB,gCACrC,WACA,WACA,CAAC,EAAE,aAAc,GAAE,QAAQ;AAG7B,kCAAkC,uBAAU;AAAA,EAC1C,mBAAmB,WAAW;AAC5B,UAAM,EAAE,WAAW,KAAK;AACxB,QAAI,UAAU,WAAW,UAAU;AAAQ,WAAK,MAAM;AAAA;AAAA,EAGxD,SAAS;AACP,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACE,KAAK;AACT,UAAM,iBAAiB,qBAAM,SAAS,KAAK;AAC3C,UAAM,qBAAqB,OAAK;AAC9B,UAAI,6BAAW,iBAAiB;AAAU,yBAAiB,QAAQ;AACnE,UAAI,QAAQ;AACV;AAAA,aACK;AACL;AAAA;AAAA;AAIJ,WACE,mDAAC,iBAAD;AAAA,SACM;AAAA,MACJ,YAAY,EAAE;AAAA,MACd;AAAA,MACA,OAAO,EAAE,OAAO,UAAU;AAAA,OAE1B,mDAAC,cAAD;AAAA,MACE,iBAAiB;AAAA,QACf,+BAAa,kBAAkB;AAAA,UAC7B,KAAK;AAAA,UACL,SAAS;AAAA;AAAA;AAAA,OAIZ,+BAAa,gBAAgB;AAAA,MAC5B,WAAW;AAAA,MACX,UAAU,UAAS,KAAK,QAAQ;AAAA,MAChC;AAAA;AAAA;AAAA;AASZ,IAAO,8BAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA+C;AAC/C,2BAAkC;AAClC,mBAA2B;AAC3B,mBAAkC;AAElC,MAAM,YAAY;AAElB,MAAM,kBAAkB,4CAAkB,OACxC,WACA,MACA,CAAC,EAAE,aAAc,GAAE,QAAQ;AAE7B,MAAM,eAAe,4CAAkB,gCACrC,WACA,WACA,CAAC,EAAE,aAAc,GAAE,QAAQ;AAG7B,kCAAkC,uBAAU;AAAA,EAC1C,mBAAmB,WAAW;AAC5B,UAAM,EAAE,WAAW,KAAK;AACxB,QAAI,UAAU,WAAW,UAAU;AAAQ,WAAK,MAAM;AAAA;AAAA,EAGxD,SAAS;AACP,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACE,KAAK;AACT,UAAM,iBAAiB,qBAAM,SAAS,KAAK;AAC3C,UAAM,qBAAqB,OAAK;AAC9B,UAAI,6BAAW,iBAAiB;AAAU,yBAAiB,QAAQ;AACnE,UAAI,QAAQ;AACV;AAAA,aACK;AACL;AAAA;AAAA;AAIJ,WACE,mDAAC,iBAAD,iCACM,iBADN;AAAA,MAEE,YAAY,EAAE;AAAA,MACd;AAAA,MACA,OAAO,EAAE,OAAO,UAAU;AAAA,QAE1B,mDAAC,cAAD;AAAA,MACE,iBAAiB;AAAA,QACf,+BAAa,kBAAkB;AAAA,UAC7B,KAAK;AAAA,UACL,SAAS;AAAA;AAAA;AAAA,OAIZ,+BAAa,gBAAgB;AAAA,MAC5B,WAAW;AAAA,MACX,UAAU,UAAS,KAAK,QAAQ;AAAA,MAChC;AAAA;AAAA;AAAA;AASZ,IAAO,8BAAQ;",
   "names": []
 }

package/dist/cjs/FloatingLabelInput/FloatingLabelInputImpl.js

@@ -2,8 +2,22 @@ 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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
@@ -129,7 +143,7 @@ class FloatingLabelInputImpl extends import_react.Component {
       useSubfix,
       optional
     } = this.props;
-    const inputProps = {
+    const inputProps = __spreadValues({
       ariaLabel,
       className: "floating-label-input-controller",
       disabled,
@@ -141,9 +155,8 @@ 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

@@ -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.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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAiC;AACjC,2BAAkC;AAClC,0BAAsC;AACtC,6BAA8B;AAC9B,6BAA+B;AAC/B,wBAA2B;AAC3B,0BAA6B;AAE7B,MAAM,YAAY;AAElB,MAAM,UAAU,4CAAkB,OAAO,WAAW,MAAM,CAAC,EAAE,aAAc;AAAA,EACzE,aAAa;AAAA;AAEf,MAAM,gBAAgB,4CAAkB,SAAS,WAAW;AAC5D,MAAM,cAAc,4CAAkB,OAAO,WAAW;AACxD,MAAM,UAAU,4CAAkB,OAAO,WAAW;AACpD,MAAM,cAAc,4CAAkB,QAAQ,WAAW;AAEzD,MAAM,sBAAsB,CAAC,EAAE,OAAO,QAAQ,cAAc,cAAc;AACxE,MAAI,UAAU,UAAU;AAAO,WAAO;AACtC,MAAI,WAAW,UAAU;AAAQ,WAAO;AACxC,SAAO,eAAe,UAAU;AAAA;AAGlC,qCAAqC,uBAAU;AAAA,EAO7C,YAAY,OAAO;AACjB,UAAM;AAPR,0BAAiB,IAAI,sCAAe,MAAM,KAAK;AAE/C,qBAAY;AAMV,SAAK,aAAa,qBAAM;AACxB,SAAK,iBAAiB,qBAAM;AAC5B,SAAK,iBAAiB,qBAAM;AAC5B,SAAK,WAAW,qBAAM;AAEtB,SAAK,aAAa,KAAK,WAAW,KAAK;AAAA;AAAA,EAGzC,oBAAoB;AAClB,SAAK,eAAe,QAAQ,KAAK,WAAW;AAAA;AAAA,EAG9C,qBAAqB;AACnB,QAAI,CAAC,oBAAoB,KAAK,OAAO,KAAK;AAAY;AACtD,SAAK;AAAA;AAAA,EAGP,uBAAuB;AACrB,SAAK,eAAe,UAAU,KAAK,WAAW;AAAA;AAAA,MAG5C,QAAQ;AACV,UAAM,EAAE,SAAS,YAAY,KAAK;AAClC,UAAM,EAAE,SAAS,cAAc,KAAK;AACpC,UAAM,EAAE,SAAS,kBAAkB,KAAK;AACxC,UAAM,WAAW,OAAO,iBAAiB;AACzC,UAAM,aAAa,SAAS,iBAAiB;AAC7C,UAAM,cAAc,SAAS,iBAAiB;AAC9C,UAAM,gBAAgB,WAAW,gBAAgB;AACjD,UAAM,iBAAiB,WAAW,iBAAiB;AACnD,WAAO;AAAA,MACL,YAAY,QAAQ,cAAc;AAAA,MAClC,OAAO,UAAU;AAAA,MACjB,QAAQ,UAAU;AAAA,MAClB,aAAa;AAAA,MACb;AAAA,MACA;AAAA;AAAA;AAAA,MAIA,WAAW;AACb,UAAM,EAAE,SAAS,QAAQ,UAAU,KAAK;AACxC,WAAO,WAAY,OAAM,QAAQ,SAAS,CAAC,CAAC,MAAM,SAAS,CAAC,CAAC,UAAU;AAAA;AAAA,EAGzE,SAAS,OAAO;AACd,UAAM,EAAE,kBAAkB,KAAK;AAC/B,QAAI;AAAe,aAAO,cAAc;AAExC,QAAI,SAAS,MAAM;AAAQ,aAAO,MAAM,OAAO;AAE/C,WAAO;AAAA;AAAA,EAGT,aAAa;AACX,UAAM,OAAO,kCAAW,KAAK;AAC7B,SAAK,YAAY,KAAK;AACtB,SAAK,eAAe,QAAQ,aAAa,KAAK;AAAA;AAAA,EAGhD,SAAS;AACP,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACE,KAAK;AAET,UAAM,aAAa;AAAA,MACjB;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,SACG;AAAA;AAEL,UAAM,iBAAiB,+CAAsB,gBAAgB;AAC7D,UAAM,SAAS,KAAK;AAEpB,WACE,mDAAC,SAAD;AAAA,MACE,YAAY;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,MAEF,UAAU,KAAK;AAAA,MACf,QAAQ,MAAM;AAAA,MACd,SAAS,MAAM;AAAA,MACf,YAAY,KAAK;AAAA,MACjB,aAAa,KAAK;AAAA,OAEjB,gBACD,mDAAC,eAAD;AAAA,MAAe,YAAY,EAAE;AAAA,MAAU,UAAU,KAAK;AAAA,OACpD,mDAAC,sCAAD;AAAA,MAAe,UAAS;AAAA,MAAO,MAAM;AAAA,QACrC,mDAAC,kCAAD;AAAA,MAAc;AAAA,MAAoB;AAAA,SAEpC,mDAAC,SAAD,MACE,mDAAC,OAAD,MACE,mDAAC,aAAD;AAAA,MAAa,UAAU,KAAK;AAAA,UAGhC,mDAAC,aAAD;AAAA,MAAa,UAAU,KAAK;AAAA;AAAA;AAAA;AA9H3B,AALT,uBAKS,eAAe,EAAE,UAAU,MAAM;AAqI1C,IAAO,iCAAQ;",
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/FormItem/DSFormItemLayout.js

@@ -1,10 +1,39 @@
 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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+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 });
@@ -55,51 +84,88 @@ 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 = ({
-  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 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 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 = {
-    ...extraInputProps,
+  const inputProps = __spreadValues(__spreadProps(__spreadValues({}, extraInputProps), {
     disabled,
     hasError: hasError || validationState === "error",
     id,
@@ -116,16 +182,14 @@ const DSFormItemLayout = ({
     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, {
-    ...inputProps,
+  const renderFloating = /* @__PURE__ */ import_react.default.createElement(import_FloatingLabelInput.DSFloatingLabelInput, __spreadProps(__spreadValues({}, inputProps), {
     extraInputProps,
     focused,
     inputComponent: InputComponent,
@@ -134,7 +198,7 @@ const DSFormItemLayout = ({
     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,
@@ -144,7 +208,7 @@ const DSFormItemLayout = ({
     truncateText
   }), renderInput((0, import_ds_utilities.getComponentFromProps)(InputComponent, inputProps)));
   if (suffix) {
-    return /* @__PURE__ */ import_react.default.createElement(Wrapper, {
+    return /* @__PURE__ */ import_react.default.createElement(Wrapper, __spreadValues({
       classProps: {
         disabled,
         readOnly,
@@ -153,9 +217,8 @@ const DSFormItemLayout = ({
         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"
@@ -168,7 +231,7 @@ const DSFormItemLayout = ({
       withFeedback: Boolean(validationMessage || feedbackMessage)
     }, suffix)));
   }
-  return /* @__PURE__ */ import_react.default.createElement(Wrapper, {
+  return /* @__PURE__ */ import_react.default.createElement(Wrapper, __spreadValues({
     classProps: {
       disabled,
       readOnly,
@@ -177,9 +240,8 @@ const DSFormItemLayout = ({
       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
   }));