@elliemae/ds-form 3.16.0-next.2 → 3.16.0-next.21

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

@@ -2,7 +2,7 @@ import * as React from "react";
 import { addLeadingZeros } from "@elliemae/ds-utilities";
 import { parseInt, isNaN } from "@elliemae/ds-utilities";
 import moment from "moment";
-const currentYear = new Date().getFullYear();
+const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
 const getNextSibling = (elem, selector) => {
   let sibling = elem.nextElementSibling;
   if (!selector)

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/DateInputV2/components/utils.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-params */\n/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport { addLeadingZeros } from '@elliemae/ds-utilities';\nimport { parseInt, isNaN } from '@elliemae/ds-utilities';\nimport moment from 'moment';\n\nconst currentYear = new Date().getFullYear();\n\nconst getNextSibling = (elem, selector) => {\n  // Get the next sibling element\n  let sibling = elem.nextElementSibling;\n  // If there's no selector, return the first sibling\n  if (!selector) return sibling;\n\n  // If the sibling matches our selector, use it\n  // If not, jump to the next sibling and continue the loop\n  while (sibling) {\n    if (sibling.matches(selector)) return sibling;\n    sibling = sibling.nextElementSibling;\n  }\n  return sibling;\n};\n\nconst getPreviousSibling = (elem, selector) => {\n  let sibling = elem.previousElementSibling;\n  if (!selector) return sibling;\n  while (sibling) {\n    if (sibling.matches(selector)) return sibling;\n    sibling = sibling.previousElementSibling;\n  }\n  return sibling;\n};\n\nexport const isArrowIncrementDecrement = (key) => key === 'ArrowDown' || key === 'ArrowUp';\n\n// TODO remove and keep `true` behavior ( PUI-4141 )\nexport const setNativeValue = (element, value) => {\n  if (!Object.getOwnPropertyDescriptor(element, 'value')) return;\n  const valueSetter = Object.getOwnPropertyDescriptor(element, 'value').set;\n  const prototype = Object.getPrototypeOf(element);\n  const prototypeValueSetter = Object.getOwnPropertyDescriptor(prototype, 'value').set;\n\n  if (valueSetter && valueSetter !== prototypeValueSetter) {\n    prototypeValueSetter.call(element, value);\n  } else {\n    valueSetter.call(element, value);\n  }\n  element.dispatchEvent(new Event('input', { bubbles: true }));\n};\n\nconst formatTimeNumber = (value, shouldAddLeadingZeros, leadingZeros) => {\n  if (value === null || value === undefined) return '';\n  return shouldAddLeadingZeros ? addLeadingZeros(leadingZeros)(value) : String(value);\n};\n\nexport const getFormattedDay = (value) => {\n  const v = value.length > 2 ? value.slice(-2) : value;\n  const parsedValue = parseInt(v, 10);\n\n  if (parsedValue > 31) return '31';\n  return formatTimeNumber(parseTimeNumberFromText(v), true, 2);\n};\n\nexport const getShouldShortcircuitDay = (value) => {\n  const v = value.length > 2 ? value.slice(-2) : value;\n  const parsedValue = parseInt(v, 10);\n  if (parsedValue > 31) return true;\n  // if the first input is in range 4-9 then there is no other option\n  // so we auto advance\n  if (parsedValue > 3 && parsedValue < 10) return true;\n  return false;\n};\n\nexport const getFormattedYear = (value) => {\n  const v = value.length > 4 ? value.slice(-4) : value;\n  if (parseInt(v) > 9999) return '9999';\n  return formatTimeNumber(parseTimeNumberFromText(v), true, 4);\n};\n\nexport const getFormattedMonth = (value) => {\n  const v = value.length > 2 ? value.slice(-2) : value;\n  const parsedValue = parseInt(v, 10);\n  if (parsedValue > 12) return '12';\n  return formatTimeNumber(parseTimeNumberFromText(v), true, 2);\n};\n\nexport const getShouldShortcircuitMonth = (value) => {\n  const v = value.length > 2 ? value.slice(-2) : value;\n  const parsedValue = parseInt(v, 10);\n  if (parsedValue > 12) return true;\n  // if the first input is in range 2-9 then there is no other option\n  // so we auto advance\n  if (parsedValue > 1 && parsedValue < 10) return true;\n  return false;\n};\n\nexport const parseTimeNumberFromText = (stringValue) => {\n  const parsedInt = parseInt(stringValue);\n\n  if (isNaN(parsedInt)) return null;\n\n  return parsedInt;\n};\n\n// trigger onBlur for entire DateInput control if focus is not in day, month, year\nexport const triggerOnBlur = (blurEvent, onBlur = () => {}) => {\n  const { target: currentEl = {}, relatedTarget } = blurEvent || {};\n  const nextElement = currentEl.nextElementSibling;\n  const { nextElementSibling } = nextElement || {};\n  // relatedTarget points to the element that is currently having focus\n  if (!nextElementSibling || nextElementSibling !== relatedTarget) {\n    onBlur(blurEvent);\n  }\n};\n\nexport const focusNextInput = (currentEl) => {\n  getNextSibling(currentEl, 'input')?.focus();\n};\n\nexport const focusPreviousInput = (currentEl) => {\n  getPreviousSibling(currentEl, 'input')?.focus();\n};\n\nexport const getValidTimeNumber = ({ min, max }, number, valueString = '', onError = () => null) => {\n  if (valueString === '0' || number === 0) return null;\n  if (number === undefined || number === null) return null;\n  if (number > max) {\n    onError();\n    return max;\n  }\n  if (number < min) {\n    onError();\n    return min;\n  }\n  return number;\n};\n\nexport const shouldFocusNextInput = (max, number = 0, stringValue) => {\n  if (stringValue.length > 1) return true;\n  return number * 10 > max;\n};\n\nexport const getDateValuesFromTime = (time, format) => {\n  if (!time || !time.format) return {};\n  const month = time.format('MM');\n  const day = time.format('DD');\n  const year = time.format('YYYY');\n  return {\n    month: getFormattedMonth(format, month),\n    day: getFormattedDay(format, day),\n    year: getFormattedYear(format, year),\n  };\n};\n\nexport const resetTimeValues = () => ({\n  month: '',\n  day: '',\n  year: '',\n});\n\nexport const onInputFocus = (e) => {\n  e.preventDefault();\n  e.stopPropagation();\n  // we select the whole value to be able to override the value on first key\n  // we don't use selection color to be consistent with the highlight of the input\n  e.target.select();\n};\n\nexport const getNextTimeValue = (value, target, yearMinRange, yearMaxRange, step = 1, incrementing = true) => {\n  const parsedValue = parseTimeNumberFromText(value);\n  let result = incrementing ? parsedValue + step : parsedValue - step;\n  if (target === 'year') {\n    if (result < yearMinRange) result = currentYear;\n    if (result > yearMaxRange) result = currentYear;\n  }\n  return result;\n};\n\nexport const focusNextInputIfNeeded = (currentEl, max, number, stringValue, currentKey) => {\n  if (shouldFocusNextInput(max, number, stringValue) && !isArrowIncrementDecrement(currentKey)) {\n    focusNextInput(currentEl);\n  }\n};\n\nexport const commonInputProps = (digits = 2, onKeyDown, placeholder) => {\n  const props = {\n    pattern: '[0-9]*',\n    placeholder,\n    type: 'text',\n    onKeyDown,\n    onFocus: onInputFocus,\n  };\n  if (digits === 4) props.placeholder = 'YYYY';\n  return props;\n};\n\nexport const handleCompletedDate = (time, date, show, INTERNAL_V2_NO_MUTATION) => {\n  // clone time to avoid mutation when INTERNAL_V2_NO_MUTATION is true\n  const newDate = INTERNAL_V2_NO_MUTATION ? (time && moment(time)) || moment() : time || moment();\n\n  const { year, month, day } = date;\n  const { showYear, showMonth, showDay } = show;\n\n  if (time && !year && !month && !day) return '';\n\n  newDate.value = `${year}-${month}-${day}`;\n\n  if (showMonth && month) newDate.month(parseInt(month - 1, 10));\n  if (showDay && day) newDate.date(parseInt(day, 10));\n  if (showYear && year) newDate.year(parseInt(year, 10));\n\n  return newDate;\n};\n\nexport const isTimeCompletelySet = (date, show, range) => {\n  let neededValues = [];\n  const { year, month, day } = date;\n  const { showYear, showMonth, showDay } = show;\n  const { yearMinRange, yearMaxRange } = range;\n\n  if (showMonth) neededValues = [...neededValues, month || null];\n  if (showDay) neededValues = [...neededValues, day || null];\n  if (showYear) neededValues = [...neededValues, year || null];\n\n  const isValidYear = year < yearMaxRange && year > yearMinRange;\n\n  return !neededValues.some((value) => !value) && isValidYear;\n};\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/esm/DateInputV2/index.js

@@ -1,6 +1,6 @@
 import * as React from "react";
-import { DateInputs } from "./components/DateInputs";
-export * from "./components/DSDateInput";
+import { DateInputs } from "./components/DateInputs.js";
+export * from "./components/DSDateInput.js";
 export {
   DateInputs as DateInputsV2Impl
 };

package/dist/esm/DateInputV2/index.js.map

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

package/dist/esm/ExpandableInput/DSExpandableInput.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-import { ExpandableInputImpl } from "./ExpandableInputImpl";
+import { ExpandableInputImpl } from "./ExpandableInputImpl.js";
 const DSExpandableInput = ({
   containerProps = {},
   innerRef,

package/dist/esm/ExpandableInput/DSExpandableInput.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/ExpandableInput/DSExpandableInput.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { ExpandableInputImpl } from './ExpandableInputImpl';\n\nconst DSExpandableInput = ({\n  containerProps = {},\n  innerRef,\n  className = '',\n  style = {},\n  triggerComponent = undefined,\n  children,\n  isOpen = false,\n  onOpen = () => null,\n  onClose = () => null,\n  onBlur = () => null,\n  width = undefined,\n}) => (\n  <ExpandableInputImpl\n    className={className}\n    containerProps={containerProps}\n    innerRef={innerRef}\n    isOpen={isOpen}\n    onBlur={onBlur}\n    onClose={onClose}\n    onOpen={onOpen}\n    style={style}\n    triggerComponent={triggerComponent}\n    width={width}\n  >\n    {children}\n  </ExpandableInputImpl>\n);\n\nexport { DSExpandableInput };\nexport default DSExpandableInput;\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { ExpandableInputImpl } from './ExpandableInputImpl.js';\n\nconst DSExpandableInput = ({\n  containerProps = {},\n  innerRef,\n  className = '',\n  style = {},\n  triggerComponent = undefined,\n  children,\n  isOpen = false,\n  onOpen = () => null,\n  onClose = () => null,\n  onBlur = () => null,\n  width = undefined,\n}) => (\n  <ExpandableInputImpl\n    className={className}\n    containerProps={containerProps}\n    innerRef={innerRef}\n    isOpen={isOpen}\n    onBlur={onBlur}\n    onClose={onClose}\n    onOpen={onOpen}\n    style={style}\n    triggerComponent={triggerComponent}\n    width={width}\n  >\n    {children}\n  </ExpandableInputImpl>\n);\n\nexport { DSExpandableInput };\nexport default DSExpandableInput;\n"],
   "mappings": "AAAA,YAAY,WAAW;ACgBrB;AAfF,SAAS,2BAA2B;AAEpC,MAAM,oBAAoB,CAAC;AAAA,EACzB,iBAAiB,CAAC;AAAA,EAClB;AAAA,EACA,YAAY;AAAA,EACZ,QAAQ,CAAC;AAAA,EACT,mBAAmB;AAAA,EACnB;AAAA,EACA,SAAS;AAAA,EACT,SAAS,MAAM;AAAA,EACf,UAAU,MAAM;AAAA,EAChB,SAAS,MAAM;AAAA,EACf,QAAQ;AACV,MACE;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEC;AAAA;AACH;AAIF,IAAO,4BAAQ;",
   "names": []
 }

package/dist/esm/ExpandableInput/ExpandableInputImpl.js

@@ -3,7 +3,7 @@ import { jsx } from "react/jsx-runtime";
 import React2, { Component, cloneElement } from "react";
 import { aggregatedClasses } from "@elliemae/ds-classnames";
 import { isFunction } from "@elliemae/ds-shared";
-import { InputAddonWrapper } from "../Input";
+import { InputAddonWrapper } from "../Input/index.js";
 const blockName = "expandable-input";
 const ExpandableInput = aggregatedClasses("div")(blockName, null, ({ isOpen }) => ({ opened: isOpen }));
 const InputWrapper = aggregatedClasses(InputAddonWrapper)(blockName, "wrapper", ({ isOpen }) => ({ opened: isOpen }));

package/dist/esm/ExpandableInput/ExpandableInputImpl.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/ExpandableInput/ExpandableInputImpl.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { Component, cloneElement } from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { isFunction } from '@elliemae/ds-shared';\nimport { InputAddonWrapper } from '../Input/index.js';\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"],
   "mappings": "AAAA,YAAY,WAAW;ACmCf;AAnCR,OAAOA,UAAS,WAAW,oBAAoB;AAC/C,SAAS,yBAAyB;AAClC,SAAS,kBAAkB;AAC3B,SAAS,yBAAyB;AAElC,MAAM,YAAY;AAElB,MAAM,kBAAkB,kBAAkB,KAAK,EAAE,WAAW,MAAM,CAAC,EAAE,OAAO,OAAO,EAAE,QAAQ,OAAO,EAAE;AACtG,MAAM,eAAe,kBAAkB,iBAAiB,EAAE,WAAW,WAAW,CAAC,EAAE,OAAO,OAAO,EAAE,QAAQ,OAAO,EAAE;AAEpH,MAAM,4BAA4B,UAAU;AAAA,EAC1C,mBAAmB,WAAW;AAC5B,UAAM,EAAE,OAAO,IAAI,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,eAAe,IAAI,KAAK;AAC9G,UAAM,iBAAiBA,OAAM,SAAS,KAAK,QAAQ;AACnD,UAAM,qBAAqB,CAAC,MAAM;AAChC,UAAI,WAAW,iBAAiB,OAAO;AAAG,yBAAiB,QAAQ,CAAC;AACpE,UAAI,QAAQ;AACV,gBAAQ;AAAA,MACV,OAAO;AACL,eAAO;AAAA,MACT;AAAA,IACF;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,YAAY,EAAE,OAAO;AAAA,QACrB;AAAA,QACA,OAAO,EAAE,OAAO,UAAU,MAAM;AAAA,QAEhC;AAAA,UAAC;AAAA;AAAA,YACC,iBAAiB;AAAA,cACf,aAAa,kBAAkB;AAAA,gBAC7B,KAAK;AAAA,gBACL,SAAS;AAAA,cACX,CAAC;AAAA,YACH;AAAA,YAEC,uBAAa,gBAAgB;AAAA,cAC5B,WAAW;AAAA,cACX,UAAU,CAAC,SAAU,KAAK,QAAQ;AAAA,cAClC;AAAA,YACF,CAAC;AAAA;AAAA,QACH;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAGA,IAAO,8BAAQ;",
   "names": ["React"]
 }

package/dist/esm/ExpandableInput/index.js

@@ -1,3 +1,3 @@
 import * as React from "react";
-export * from "./DSExpandableInput";
+export * from "./DSExpandableInput.js";
 //# sourceMappingURL=index.js.map

package/dist/esm/ExpandableInput/index.js.map

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

package/dist/esm/FloatingLabelInput/DSFloatingLabelInput.js

@@ -1,27 +1,90 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-import { FloatingLabelInputImpl } from "./FloatingLabelInputImpl";
-import { DSLabel } from "../FormItem/Label/DSLabel";
-import { DSTextBox } from "../TextBox";
+import { FloatingLabelInputImpl } from "./FloatingLabelInputImpl.js";
+import { DSLabel } from "../FormItem/Label/DSLabel.js";
+import { DSTextBox } from "../TextBox/index.js";
 const noop = () => {
 };
 const DSFloatingLabelInput = ({
   containerProps = {},
   arialLabel = "",
+  /**
+   * Gets the reference for the input controller
+   *
+   * @param {HTMLElement} node
+   */
   innerRef = noop,
+  /**
+   * Custom className for floatingLabelInput
+   */
   className = "",
+  /**
+   * Props injected to the input component
+   *
+   * @type Object
+   */
   extraInputProps = {},
+  /**
+   * Input controller
+   *
+   * @type {element}
+   */
   inputComponent = DSTextBox,
+  /**
+   * Input value
+   *
+   * @type {string}
+   */
   value = "",
+  /**
+   * Label component
+   *
+   * @type {element}
+   */
   labelComponent = DSLabel,
+  /**
+   * Label text
+   *
+   * @type {string | element}
+   */
   labelText = null,
+  /**
+   * Callback when input controller has changed
+   *
+   * @param event
+   */
   onChange = noop,
   onBlur = noop,
   onFocus = noop,
+  /**
+   * Whether the label is floating or not
+   *
+   * @type {boolean}
+   */
   isOpen = false,
+  /**
+   * Whether ...
+   *
+   * @type {boolean}
+   */
   hasError = false,
+  /**
+   * Whether ...
+   *
+   * @type {boolean}
+   */
   readOnly = false,
+  /**
+   * Whether ...
+   *
+   * @type {boolean}
+   */
   disabled = false,
+  /**
+   * Whether ...
+   *
+   * @type {boolean}
+   */
   required = false,
   optional = false,
   mask = null,

package/dist/esm/FloatingLabelInput/DSFloatingLabelInput.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FloatingLabelInput/DSFloatingLabelInput.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { FloatingLabelInputImpl } from './FloatingLabelInputImpl';\nimport { DSLabel } from '../FormItem/Label/DSLabel';\nimport { DSTextBox } from '../TextBox';\n\nconst noop = () => {};\nconst DSFloatingLabelInput = ({\n  containerProps = {},\n  arialLabel = '',\n  /**\n   * Gets the reference for the input controller\n   *\n   * @param {HTMLElement} node\n   */\n  innerRef = noop,\n  /**\n   * Custom className for floatingLabelInput\n   */\n  className = '',\n  /**\n   * Props injected to the input component\n   *\n   * @type Object\n   */\n  extraInputProps = {},\n  /**\n   * Input controller\n   *\n   * @type {element}\n   */\n  inputComponent = DSTextBox,\n  /**\n   * Input value\n   *\n   * @type {string}\n   */\n  value = '',\n  /**\n   * Label component\n   *\n   * @type {element}\n   */\n  labelComponent = DSLabel,\n  /**\n   * Label text\n   *\n   * @type {string | element}\n   */\n  labelText = null,\n  /**\n   * Callback when input controller has changed\n   *\n   * @param event\n   */\n  onChange = noop,\n  onBlur = noop,\n  onFocus = noop,\n  /**\n   * Whether the label is floating or not\n   *\n   * @type {boolean}\n   */\n  isOpen = false,\n  /**\n   * Whether ...\n   *\n   * @type {boolean}\n   */\n  hasError = false,\n  /**\n   * Whether ...\n   *\n   * @type {boolean}\n   */\n  readOnly = false,\n  /**\n   * Whether ...\n   *\n   * @type {boolean}\n   */\n  disabled = false,\n  /**\n   * Whether ...\n   *\n   * @type {boolean}\n   */\n  required = false,\n  optional = false,\n  mask = null,\n  useSubfix = '',\n}) => (\n  <FloatingLabelInputImpl\n    arialLabel={arialLabel}\n    className={className}\n    disabled={disabled}\n    extraInputProps={extraInputProps}\n    hasError={hasError}\n    innerRef={innerRef}\n    inputComponent={inputComponent}\n    isOpen={isOpen}\n    labelComponent={labelComponent}\n    labelText={labelText}\n    mask={mask}\n    onBlur={onBlur}\n    onChange={onChange}\n    onFocus={onFocus}\n    optional={optional}\n    readOnly={readOnly}\n    required={required}\n    useSubfix={useSubfix}\n    value={value}\n  />\n);\n\nexport { DSFloatingLabelInput };\nexport default DSFloatingLabelInput;\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC2FrB;AA1FF,SAAS,8BAA8B;AACvC,SAAS,eAAe;AACxB,SAAS,iBAAiB;AAE1B,MAAM,OAAO,MAAM;AAAC;AACpB,MAAM,uBAAuB,CAAC;AAAA,EAC5B,iBAAiB,CAAC;AAAA,EAClB,aAAa;AAAA,EAMb,WAAW;AAAA,EAIX,YAAY;AAAA,EAMZ,kBAAkB,CAAC;AAAA,EAMnB,iBAAiB;AAAA,EAMjB,QAAQ;AAAA,EAMR,iBAAiB;AAAA,EAMjB,YAAY;AAAA,EAMZ,WAAW;AAAA,EACX,SAAS;AAAA,EACT,UAAU;AAAA,EAMV,SAAS;AAAA,EAMT,WAAW;AAAA,EAMX,WAAW;AAAA,EAMX,WAAW;AAAA,EAMX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP,YAAY;AACd,MACE;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AACF;AAIF,IAAO,+BAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { FloatingLabelInputImpl } from './FloatingLabelInputImpl.js';\nimport { DSLabel } from '../FormItem/Label/DSLabel.js';\nimport { DSTextBox } from '../TextBox/index.js';\n\nconst noop = () => {};\nconst DSFloatingLabelInput = ({\n  containerProps = {},\n  arialLabel = '',\n  /**\n   * Gets the reference for the input controller\n   *\n   * @param {HTMLElement} node\n   */\n  innerRef = noop,\n  /**\n   * Custom className for floatingLabelInput\n   */\n  className = '',\n  /**\n   * Props injected to the input component\n   *\n   * @type Object\n   */\n  extraInputProps = {},\n  /**\n   * Input controller\n   *\n   * @type {element}\n   */\n  inputComponent = DSTextBox,\n  /**\n   * Input value\n   *\n   * @type {string}\n   */\n  value = '',\n  /**\n   * Label component\n   *\n   * @type {element}\n   */\n  labelComponent = DSLabel,\n  /**\n   * Label text\n   *\n   * @type {string | element}\n   */\n  labelText = null,\n  /**\n   * Callback when input controller has changed\n   *\n   * @param event\n   */\n  onChange = noop,\n  onBlur = noop,\n  onFocus = noop,\n  /**\n   * Whether the label is floating or not\n   *\n   * @type {boolean}\n   */\n  isOpen = false,\n  /**\n   * Whether ...\n   *\n   * @type {boolean}\n   */\n  hasError = false,\n  /**\n   * Whether ...\n   *\n   * @type {boolean}\n   */\n  readOnly = false,\n  /**\n   * Whether ...\n   *\n   * @type {boolean}\n   */\n  disabled = false,\n  /**\n   * Whether ...\n   *\n   * @type {boolean}\n   */\n  required = false,\n  optional = false,\n  mask = null,\n  useSubfix = '',\n}) => (\n  <FloatingLabelInputImpl\n    arialLabel={arialLabel}\n    className={className}\n    disabled={disabled}\n    extraInputProps={extraInputProps}\n    hasError={hasError}\n    innerRef={innerRef}\n    inputComponent={inputComponent}\n    isOpen={isOpen}\n    labelComponent={labelComponent}\n    labelText={labelText}\n    mask={mask}\n    onBlur={onBlur}\n    onChange={onChange}\n    onFocus={onFocus}\n    optional={optional}\n    readOnly={readOnly}\n    required={required}\n    useSubfix={useSubfix}\n    value={value}\n  />\n);\n\nexport { DSFloatingLabelInput };\nexport default DSFloatingLabelInput;\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC2FrB;AA1FF,SAAS,8BAA8B;AACvC,SAAS,eAAe;AACxB,SAAS,iBAAiB;AAE1B,MAAM,OAAO,MAAM;AAAC;AACpB,MAAM,uBAAuB,CAAC;AAAA,EAC5B,iBAAiB,CAAC;AAAA,EAClB,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMb,WAAW;AAAA;AAAA;AAAA;AAAA,EAIX,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMZ,kBAAkB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMnB,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMjB,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMR,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMjB,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMZ,WAAW;AAAA,EACX,SAAS;AAAA,EACT,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMV,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMT,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMX,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMX,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP,YAAY;AACd,MACE;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AACF;AAIF,IAAO,+BAAQ;",
   "names": []
 }

package/dist/esm/FloatingLabelInput/FloatingLabelInputImpl.js

@@ -5,8 +5,8 @@ import { aggregatedClasses } from "@elliemae/ds-classnames";
 import { getComponentFromProps } from "@elliemae/ds-utilities";
 import { DSTextWrapper } from "@elliemae/ds-text-wrapper";
 import { ResizeObserver } from "resize-observer";
-import { getSvgPath } from "./getSvgPath";
-import { RequiredMark } from "../RequiredMark/RequiredMark";
+import { getSvgPath } from "./getSvgPath.js";
+import { RequiredMark } from "../RequiredMark/RequiredMark.js";
 const blockName = "labeled-outline";
 const Wrapper = aggregatedClasses("div")(blockName, null, ({ isOpen }) => ({
   "has-value": isOpen

package/dist/esm/FloatingLabelInput/FloatingLabelInputImpl.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FloatingLabelInput/FloatingLabelInputImpl.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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.js';\nimport { RequiredMark } from '../RequiredMark/RequiredMark.js';\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"],
   "mappings": "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",
   "names": ["React"]
 }

package/dist/esm/FloatingLabelInput/getSvgPath.js

@@ -28,7 +28,9 @@ function getSvgPath({
   if (!hasLeftRadius && hasRightRadius || hasRightRadius && hasLeftRadius) {
     extraSizeForTopH = 0;
   }
-  const pathMiddle = (hasRightRadius ? "a" + radius + "," + radius + " 0 0 1 " + radius + "," + radius : "") + "v" + (height - (2 * cornerWidth - (extraSizeForRightV + 1.5))) + (hasRightRadius ? "a" + radius + "," + radius + " 0 0 1 " + -radius + "," + radius : "") + "h" + (-width + 2 * cornerWidth - extraSizeForH) + (hasLeftRadius ? "a" + radius + "," + radius + " 0 0 1 " + -radius + "," + -radius : "") + "v" + (-height + (2 * cornerWidth - (extraSizeForLeftV + 1.5))) + (hasLeftRadius ? "a" + radius + "," + radius + " 0 0 1 " + radius + "," + -radius : "");
+  const pathMiddle = (hasRightRadius ? "a" + radius + "," + radius + " 0 0 1 " + radius + "," + radius : "") + "v" + (height - (2 * cornerWidth - (extraSizeForRightV + 1.5))) + // right vertical line
+  (hasRightRadius ? "a" + radius + "," + radius + " 0 0 1 " + -radius + "," + radius : "") + "h" + (-width + 2 * cornerWidth - extraSizeForH) + (hasLeftRadius ? "a" + radius + "," + radius + " 0 0 1 " + -radius + "," + -radius : "") + "v" + (-height + (2 * cornerWidth - (extraSizeForLeftV + 1.5))) + // left vertical line
+  (hasLeftRadius ? "a" + radius + "," + radius + " 0 0 1 " + radius + "," + -radius : "");
   let path;
   if (!isRtl) {
     path = "M" + (cornerWidth + leadingStrokeLength + paddedNotchWidth) + "," + 0.5 + "h" + (width - 2 * cornerWidth - paddedNotchWidth - leadingStrokeLength + extraSizeForTopH) + pathMiddle + "h" + leadingStrokeLength;

package/dist/esm/FloatingLabelInput/getSvgPath.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FloatingLabelInput/getSvgPath.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable prefer-template,max-statements,no-nested-ternary */\nfunction getSvgPath({\n  labelWidth = 50,\n  width = 200,\n  height = 35,\n  radiusStyle,\n  hasRightRadius = true,\n  hasLeftRadius = true,\n}) {\n  const notchWidth = labelWidth;\n  const isRtl = false;\n\n  const radius = parseFloat(radiusStyle);\n  const cornerWidth = radius + 1.3;\n  const leadingStrokeLength = 4;\n  const paddedNotchWidth = notchWidth + 8;\n\n  let extraSizeForH = 0;\n  let extraSizeForLeftV = 0;\n  let extraSizeForRightV = 0;\n  let extraSizeForTopH = radius;\n\n  if (!hasRightRadius) {\n    extraSizeForH += radius;\n    extraSizeForRightV = radius * 2;\n  }\n  if (!hasLeftRadius) {\n    extraSizeForH += radius;\n    extraSizeForLeftV = radius * 2;\n  }\n\n  if ((!hasLeftRadius && hasRightRadius) || (hasRightRadius && hasLeftRadius)) {\n    extraSizeForTopH = 0;\n  }\n\n  const pathMiddle =\n    '' +\n    (hasRightRadius ? 'a' + radius + ',' + radius + ' 0 0 1 ' + radius + ',' + radius : '') +\n    'v' +\n    (height - (2 * cornerWidth - (extraSizeForRightV + 1.5))) + // right vertical line\n    (hasRightRadius ? 'a' + radius + ',' + radius + ' 0 0 1 ' + -radius + ',' + radius : '') +\n    'h' +\n    (-width + 2 * cornerWidth - extraSizeForH) +\n    (hasLeftRadius ? 'a' + radius + ',' + radius + ' 0 0 1 ' + -radius + ',' + -radius : '') +\n    'v' +\n    (-height + (2 * cornerWidth - (extraSizeForLeftV + 1.5))) + // left vertical line\n    (hasLeftRadius ? 'a' + radius + ',' + radius + ' 0 0 1 ' + radius + ',' + -radius : '');\n\n  let path;\n  if (!isRtl) {\n    path =\n      '' +\n      'M' +\n      (cornerWidth + leadingStrokeLength + paddedNotchWidth) +\n      ',' +\n      0.5 +\n      'h' +\n      (width - 2 * cornerWidth - paddedNotchWidth - leadingStrokeLength + extraSizeForTopH) +\n      pathMiddle +\n      'h' +\n      leadingStrokeLength;\n  } else {\n    path =\n      '' +\n      'M' +\n      (width - cornerWidth - leadingStrokeLength) +\n      ',' +\n      0.5 +\n      'h' +\n      leadingStrokeLength +\n      pathMiddle +\n      'h' +\n      (width - 2 * cornerWidth - paddedNotchWidth - leadingStrokeLength);\n  }\n  return path;\n}\n\nexport { getSvgPath };\nexport default getSvgPath;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,WAAW;AAAA,EAClB,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,SAAS;AAAA,EACT;AAAA,EACA,iBAAiB;AAAA,EACjB,gBAAgB;AAClB,GAAG;AACD,QAAM,aAAa;AACnB,QAAM,QAAQ;AAEd,QAAM,SAAS,WAAW,WAAW;AACrC,QAAM,cAAc,SAAS;AAC7B,QAAM,sBAAsB;AAC5B,QAAM,mBAAmB,aAAa;AAEtC,MAAI,gBAAgB;AACpB,MAAI,oBAAoB;AACxB,MAAI,qBAAqB;AACzB,MAAI,mBAAmB;AAEvB,MAAI,CAAC,gBAAgB;AACnB,qBAAiB;AACjB,yBAAqB,SAAS;AAAA,EAChC;AACA,MAAI,CAAC,eAAe;AAClB,qBAAiB;AACjB,wBAAoB,SAAS;AAAA,EAC/B;AAEA,MAAK,CAAC,iBAAiB,kBAAoB,kBAAkB,eAAgB;AAC3E,uBAAmB;AAAA,EACrB;AAEA,QAAM,cAEH,iBAAiB,MAAM,SAAS,MAAM,SAAS,YAAY,SAAS,MAAM,SAAS,MACpF,OACC,UAAU,IAAI,eAAe,qBAAqB,UAClD,iBAAiB,MAAM,SAAS,MAAM,SAAS,YAAY,CAAC,SAAS,MAAM,SAAS,MACrF,OACC,CAAC,QAAQ,IAAI,cAAc,kBAC3B,gBAAgB,MAAM,SAAS,MAAM,SAAS,YAAY,CAAC,SAAS,MAAM,CAAC,SAAS,MACrF,OACC,CAAC,UAAU,IAAI,eAAe,oBAAoB,UAClD,gBAAgB,MAAM,SAAS,MAAM,SAAS,YAAY,SAAS,MAAM,CAAC,SAAS;AAEtF,MAAI;AACJ,MAAI,CAAC,OAAO;AACV,WACE,OAEC,cAAc,sBAAsB,oBACrC,MACA,MACA,OACC,QAAQ,IAAI,cAAc,mBAAmB,sBAAsB,oBACpE,aACA,MACA;AAAA,EACJ,OAAO;AACL,WACE,OAEC,QAAQ,cAAc,uBACvB,MACA,MACA,MACA,sBACA,aACA,OACC,QAAQ,IAAI,cAAc,mBAAmB;AAAA,EAClD;AACA,SAAO;AACT;AAGA,IAAO,qBAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,WAAW;AAAA,EAClB,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,SAAS;AAAA,EACT;AAAA,EACA,iBAAiB;AAAA,EACjB,gBAAgB;AAClB,GAAG;AACD,QAAM,aAAa;AACnB,QAAM,QAAQ;AAEd,QAAM,SAAS,WAAW,WAAW;AACrC,QAAM,cAAc,SAAS;AAC7B,QAAM,sBAAsB;AAC5B,QAAM,mBAAmB,aAAa;AAEtC,MAAI,gBAAgB;AACpB,MAAI,oBAAoB;AACxB,MAAI,qBAAqB;AACzB,MAAI,mBAAmB;AAEvB,MAAI,CAAC,gBAAgB;AACnB,qBAAiB;AACjB,yBAAqB,SAAS;AAAA,EAChC;AACA,MAAI,CAAC,eAAe;AAClB,qBAAiB;AACjB,wBAAoB,SAAS;AAAA,EAC/B;AAEA,MAAK,CAAC,iBAAiB,kBAAoB,kBAAkB,eAAgB;AAC3E,uBAAmB;AAAA,EACrB;AAEA,QAAM,cAEH,iBAAiB,MAAM,SAAS,MAAM,SAAS,YAAY,SAAS,MAAM,SAAS,MACpF,OACC,UAAU,IAAI,eAAe,qBAAqB;AAAA,GAClD,iBAAiB,MAAM,SAAS,MAAM,SAAS,YAAY,CAAC,SAAS,MAAM,SAAS,MACrF,OACC,CAAC,QAAQ,IAAI,cAAc,kBAC3B,gBAAgB,MAAM,SAAS,MAAM,SAAS,YAAY,CAAC,SAAS,MAAM,CAAC,SAAS,MACrF,OACC,CAAC,UAAU,IAAI,eAAe,oBAAoB;AAAA,GAClD,gBAAgB,MAAM,SAAS,MAAM,SAAS,YAAY,SAAS,MAAM,CAAC,SAAS;AAEtF,MAAI;AACJ,MAAI,CAAC,OAAO;AACV,WACE,OAEC,cAAc,sBAAsB,oBACrC,MACA,MACA,OACC,QAAQ,IAAI,cAAc,mBAAmB,sBAAsB,oBACpE,aACA,MACA;AAAA,EACJ,OAAO;AACL,WACE,OAEC,QAAQ,cAAc,uBACvB,MACA,MACA,MACA,sBACA,aACA,OACC,QAAQ,IAAI,cAAc,mBAAmB;AAAA,EAClD;AACA,SAAO;AACT;AAGA,IAAO,qBAAQ;",
   "names": []
 }

package/dist/esm/FloatingLabelInput/index.js

@@ -1,3 +1,3 @@
 import * as React from "react";
-export * from "./DSFloatingLabelInput";
+export * from "./DSFloatingLabelInput.js";
 //# sourceMappingURL=index.js.map

package/dist/esm/FloatingLabelInput/index.js.map

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

package/dist/esm/FormItem/DSFormItemLayout.js

@@ -1,15 +1,16 @@
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { aggregatedClasses } from "@elliemae/ds-classnames";
-import { describe, getComponentFromProps } from "@elliemae/ds-utilities";
+import { getComponentFromProps, useDeprecateComponent } from "@elliemae/ds-utilities";
+import { describe } from "@elliemae/ds-props-helpers";
 import { Group } from "@elliemae/ds-shared";
-import { DSInputGroup } from "../InputGroup";
-import { DSFloatingLabelInput } from "../FloatingLabelInput";
-import { DSError } from "./Error/DSError";
-import { props } from "./props";
-import { defaultProps } from "./defaultProps";
-import { FORMITEM_LAYOUT_VARIANTS } from "./variants";
-import { Suffix, SuffixInputWrapper, SuffixWrapper } from "./Suffix/Suffix";
+import { DSInputGroup } from "../InputGroup/index.js";
+import { DSFloatingLabelInput } from "../FloatingLabelInput/index.js";
+import { DSError } from "./Error/DSError.js";
+import { props } from "./props.js";
+import { defaultProps } from "./defaultProps.js";
+import { FORMITEM_LAYOUT_VARIANTS } from "./variants.js";
+import { Suffix, SuffixInputWrapper, SuffixWrapper } from "./Suffix/Suffix.js";
 const blockName = "form-item";
 const Wrapper = aggregatedClasses("div")(blockName, null, ({ leftLabel, variant, fitContent, withHighlight }) => ({
   "with-left-label": leftLabel,
@@ -31,7 +32,9 @@ const DSFormItemLayout = ({
   labelText,
   truncateText,
   hasError,
+  // orientation = 'vertical', // one of [ vertical, horizontal ]
   validationState,
+  // one of [ success, error, warning ]
   validationMessage,
   feedbackMessage,
   readOnly,
@@ -59,6 +62,7 @@ const DSFormItemLayout = ({
   containerProps,
   ...rest
 }) => {
+  useDeprecateComponent({ componentName: "ds-form/FormItemLayout", version: "3.x Date: 2023 Q1" });
   const isGroup = InputComponent.type === (/* @__PURE__ */ jsx(Group, {})).type;
   const floatingLabelOverride = floatingLabel === "UNSAFE";
   const WrapperContentComp = !isGroup ? WrapperContent : WrapperContentGroup;

package/dist/esm/FormItem/DSFormItemLayout.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FormItem/DSFormItemLayout.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport React from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { describe, getComponentFromProps } from '@elliemae/ds-utilities';\nimport { Group } from '@elliemae/ds-shared';\nimport { DSInputGroup } from '../InputGroup';\nimport { DSFloatingLabelInput } from '../FloatingLabelInput';\nimport { DSError } from './Error/DSError';\nimport { props } from './props';\nimport { defaultProps } from './defaultProps';\nimport { FORMITEM_LAYOUT_VARIANTS } from './variants';\nimport { Suffix, SuffixInputWrapper, SuffixWrapper } from './Suffix/Suffix';\n// import { maskTypes } from '../InputMask/MaskTypes';\n\nexport { DSError, FORMITEM_LAYOUT_VARIANTS };\n\nconst blockName = 'form-item';\n\nconst Wrapper = aggregatedClasses('div')(blockName, null, ({ leftLabel, variant, fitContent, withHighlight }) => ({\n  'with-left-label': leftLabel,\n  'fit-content': fitContent,\n  [variant]: variant,\n  'with-highlight': withHighlight,\n}));\n\nconst WrapperContent = aggregatedClasses('div')(`${blockName}-content`);\nconst WrapperContentGroup = aggregatedClasses('fieldset')(`${blockName}-content`);\n\nconst DSFormItemLayout = ({\n  leftLabel,\n  floatingLabel,\n  name,\n  id,\n  value,\n  inputComponent: InputComponent,\n  labelComponent: LabelComponent,\n  feedbackComponent: FeedbackComponent,\n  labelText,\n  truncateText,\n  hasError,\n  // orientation = 'vertical', // one of [ vertical, horizontal ]\n  validationState, // one of [ success, error, warning ]\n  validationMessage,\n  feedbackMessage,\n  readOnly,\n  focused,\n  type,\n  autoFocus,\n  disabled,\n  onChange,\n  onBlur,\n  onFocus,\n  onPaste,\n  onKeyUp,\n  extraInputProps,\n  extraContent,\n  leftAddon,\n  rightAddon,\n  required,\n  optional,\n  mask,\n  useSubfix,\n  suffix,\n  variant,\n  fitContent,\n  withHighlight,\n  containerProps,\n  ...rest\n}) => {\n  const isGroup = InputComponent.type === (<Group />).type;\n  const floatingLabelOverride = floatingLabel === 'UNSAFE';\n  const WrapperContentComp = !isGroup ? WrapperContent : WrapperContentGroup;\n\n  // group the input props to not duplicate it inside the specific inputComponent (floating or not)\n  const inputProps = {\n    ...extraInputProps,\n    disabled,\n    hasError: hasError || validationState === 'error',\n    id,\n    name,\n    type,\n    autoFocus,\n    onBlur,\n    onChange,\n    onFocus,\n    onPaste,\n    onKeyUp,\n    readOnly,\n    value,\n    mask,\n    useSubfix,\n    variant,\n    required,\n    ...rest,\n  };\n\n  const renderInput = (Input) =>\n    leftAddon || rightAddon ? (\n      <DSInputGroup leftAddon={leftAddon} rightAddon={rightAddon} variant={variant}>\n        {Input}\n      </DSInputGroup>\n    ) : (\n      Input\n    );\n\n  const renderFloating = (\n    <DSFloatingLabelInput\n      {...inputProps}\n      extraInputProps={extraInputProps}\n      focused={focused}\n      inputComponent={InputComponent}\n      labelComponent={LabelComponent}\n      labelText={labelText}\n      optional={optional}\n      required={required}\n      variant={variant}\n    />\n  );\n\n  const InputWithLabel = floatingLabelOverride ? (\n    renderInput(renderFloating)\n  ) : (\n    <>\n      <LabelComponent\n        htmlFor={id || name}\n        label={labelText}\n        optional={optional}\n        required={required}\n        isGroup={isGroup}\n        truncateText={truncateText}\n      />\n      {renderInput(getComponentFromProps(InputComponent, inputProps))}\n    </>\n  );\n\n  if (suffix) {\n    return (\n      <Wrapper\n        classProps={{\n          disabled,\n          readOnly,\n          hasError,\n          leftLabel,\n          variant,\n          fitContent,\n          withHighlight,\n        }}\n        {...containerProps}\n      >\n        <SuffixWrapper className=\"suffix-wrapper\">\n          <SuffixInputWrapper className=\"suffix-input-wrapper\">\n            <WrapperContentComp>\n              {InputWithLabel}\n              {extraContent}\n            </WrapperContentComp>\n            <FeedbackComponent\n              hasError={hasError}\n              text={validationState || hasError ? validationMessage : feedbackMessage}\n            />\n          </SuffixInputWrapper>\n          <Suffix\n            className=\"suffix-label\"\n            label={!!labelText}\n            withFeedback={Boolean(validationMessage || feedbackMessage)}\n          >\n            {suffix}\n          </Suffix>\n        </SuffixWrapper>\n      </Wrapper>\n    );\n  }\n\n  return (\n    <Wrapper\n      classProps={{\n        disabled,\n        readOnly,\n        hasError,\n        leftLabel,\n        variant,\n        fitContent,\n        withHighlight,\n      }}\n      {...containerProps}\n    >\n      <WrapperContentComp>\n        {InputWithLabel}\n        {extraContent}\n      </WrapperContentComp>\n      <FeedbackComponent hasError={hasError} text={validationState || hasError ? validationMessage : feedbackMessage} />\n    </Wrapper>\n  );\n};\n\nDSFormItemLayout.propTypes = props;\nDSFormItemLayout.defaultProps = defaultProps;\nDSFormItemLayout.displayName = 'DSFormItemLayout';\nconst DSFormItemLayoutWithSchema = describe(DSFormItemLayout);\nDSFormItemLayoutWithSchema.propTypes = props;\n\nexport default DSFormItemLayout;\nexport { DSFormItemLayoutWithSchema, DSFormItemLayout };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACsEoB,SAqDvC,UArDuC,KAqDvC,YArDuC;AAnE3C,SAAS,yBAAyB;AAClC,SAAS,UAAU,6BAA6B;AAChD,SAAS,aAAa;AACtB,SAAS,oBAAoB;AAC7B,SAAS,4BAA4B;AACrC,SAAS,eAAe;AACxB,SAAS,aAAa;AACtB,SAAS,oBAAoB;AAC7B,SAAS,gCAAgC;AACzC,SAAS,QAAQ,oBAAoB,qBAAqB;AAK1D,MAAM,YAAY;AAElB,MAAM,UAAU,kBAAkB,KAAK,EAAE,WAAW,MAAM,CAAC,EAAE,WAAW,SAAS,YAAY,cAAc,OAAO;AAAA,EAChH,mBAAmB;AAAA,EACnB,eAAe;AAAA,EACf,CAAC,UAAU;AAAA,EACX,kBAAkB;AACpB,EAAE;AAEF,MAAM,iBAAiB,kBAAkB,KAAK,EAAE,GAAG,mBAAmB;AACtE,MAAM,sBAAsB,kBAAkB,UAAU,EAAE,GAAG,mBAAmB;AAEhF,MAAM,mBAAmB,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,mBAAmB;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AACL,MAAM;AACJ,QAAM,UAAU,eAAe,UAAU,oBAAC,SAAM,GAAI;AACpD,QAAM,wBAAwB,kBAAkB;AAChD,QAAM,qBAAqB,CAAC,UAAU,iBAAiB;AAGvD,QAAM,aAAa;AAAA,IACjB,GAAG;AAAA,IACH;AAAA,IACA,UAAU,YAAY,oBAAoB;AAAA,IAC1C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL;AAEA,QAAM,cAAc,CAAC,UACnB,aAAa,aACX,oBAAC,gBAAa,WAAsB,YAAwB,SACzD,iBACH,IAEA;AAGJ,QAAM,iBACJ;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA,gBAAgB;AAAA,MAChB,gBAAgB;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAGF,QAAM,iBAAiB,wBACrB,YAAY,cAAc,IAE1B,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AAAA,QACf,OAAO;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,IACC,YAAY,sBAAsB,gBAAgB,UAAU,CAAC;AAAA,KAChE;AAGF,MAAI,QAAQ;AACV,WACE;AAAA,MAAC;AAAA;AAAA,QACC,YAAY;AAAA,UACV;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEJ,+BAAC,iBAAc,WAAU,kBACvB;AAAA,+BAAC,sBAAmB,WAAU,wBAC5B;AAAA,iCAAC,sBACE;AAAA;AAAA,cACA;AAAA,eACH;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC;AAAA,gBACA,MAAM,mBAAmB,WAAW,oBAAoB;AAAA;AAAA,YAC1D;AAAA,aACF;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO,CAAC,CAAC;AAAA,cACT,cAAc,QAAQ,qBAAqB,eAAe;AAAA,cAEzD;AAAA;AAAA,UACH;AAAA,WACF;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAY;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,6BAAC,sBACE;AAAA;AAAA,UACA;AAAA,WACH;AAAA,QACA,oBAAC,qBAAkB,UAAoB,MAAM,mBAAmB,WAAW,oBAAoB,iBAAiB;AAAA;AAAA;AAAA,EAClH;AAEJ;AAEA,iBAAiB,YAAY;AAC7B,iBAAiB,eAAe;AAChC,iBAAiB,cAAc;AAC/B,MAAM,6BAA6B,SAAS,gBAAgB;AAC5D,2BAA2B,YAAY;AAEvC,IAAO,2BAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport React from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { getComponentFromProps, useDeprecateComponent } from '@elliemae/ds-utilities';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { Group } from '@elliemae/ds-shared';\nimport { DSInputGroup } from '../InputGroup/index.js';\nimport { DSFloatingLabelInput } from '../FloatingLabelInput/index.js';\nimport { DSError } from './Error/DSError.js';\nimport { props } from './props.js';\nimport { defaultProps } from './defaultProps.js';\nimport { FORMITEM_LAYOUT_VARIANTS } from './variants.js';\nimport { Suffix, SuffixInputWrapper, SuffixWrapper } from './Suffix/Suffix.js';\n// import { maskTypes } from '../InputMask/MaskTypes';\n\nexport { DSError, FORMITEM_LAYOUT_VARIANTS };\n\nconst blockName = 'form-item';\n\nconst Wrapper = aggregatedClasses('div')(blockName, null, ({ leftLabel, variant, fitContent, withHighlight }) => ({\n  'with-left-label': leftLabel,\n  'fit-content': fitContent,\n  [variant]: variant,\n  'with-highlight': withHighlight,\n}));\n\nconst WrapperContent = aggregatedClasses('div')(`${blockName}-content`);\nconst WrapperContentGroup = aggregatedClasses('fieldset')(`${blockName}-content`);\n\nconst DSFormItemLayout = ({\n  leftLabel,\n  floatingLabel,\n  name,\n  id,\n  value,\n  inputComponent: InputComponent,\n  labelComponent: LabelComponent,\n  feedbackComponent: FeedbackComponent,\n  labelText,\n  truncateText,\n  hasError,\n  // orientation = 'vertical', // one of [ vertical, horizontal ]\n  validationState, // one of [ success, error, warning ]\n  validationMessage,\n  feedbackMessage,\n  readOnly,\n  focused,\n  type,\n  autoFocus,\n  disabled,\n  onChange,\n  onBlur,\n  onFocus,\n  onPaste,\n  onKeyUp,\n  extraInputProps,\n  extraContent,\n  leftAddon,\n  rightAddon,\n  required,\n  optional,\n  mask,\n  useSubfix,\n  suffix,\n  variant,\n  fitContent,\n  withHighlight,\n  containerProps,\n  ...rest\n}) => {\n  useDeprecateComponent({ componentName: 'ds-form/FormItemLayout', version: '3.x Date: 2023 Q1' });\n\n  const isGroup = InputComponent.type === (<Group />).type;\n  const floatingLabelOverride = floatingLabel === 'UNSAFE';\n  const WrapperContentComp = !isGroup ? WrapperContent : WrapperContentGroup;\n\n  // group the input props to not duplicate it inside the specific inputComponent (floating or not)\n  const inputProps = {\n    ...extraInputProps,\n    disabled,\n    hasError: hasError || validationState === 'error',\n    id,\n    name,\n    type,\n    autoFocus,\n    onBlur,\n    onChange,\n    onFocus,\n    onPaste,\n    onKeyUp,\n    readOnly,\n    value,\n    mask,\n    useSubfix,\n    variant,\n    required,\n    ...rest,\n  };\n\n  const renderInput = (Input) =>\n    leftAddon || rightAddon ? (\n      <DSInputGroup leftAddon={leftAddon} rightAddon={rightAddon} variant={variant}>\n        {Input}\n      </DSInputGroup>\n    ) : (\n      Input\n    );\n\n  const renderFloating = (\n    <DSFloatingLabelInput\n      {...inputProps}\n      extraInputProps={extraInputProps}\n      focused={focused}\n      inputComponent={InputComponent}\n      labelComponent={LabelComponent}\n      labelText={labelText}\n      optional={optional}\n      required={required}\n      variant={variant}\n    />\n  );\n\n  const InputWithLabel = floatingLabelOverride ? (\n    renderInput(renderFloating)\n  ) : (\n    <>\n      <LabelComponent\n        htmlFor={id || name}\n        label={labelText}\n        optional={optional}\n        required={required}\n        isGroup={isGroup}\n        truncateText={truncateText}\n      />\n      {renderInput(getComponentFromProps(InputComponent, inputProps))}\n    </>\n  );\n\n  if (suffix) {\n    return (\n      <Wrapper\n        classProps={{\n          disabled,\n          readOnly,\n          hasError,\n          leftLabel,\n          variant,\n          fitContent,\n          withHighlight,\n        }}\n        {...containerProps}\n      >\n        <SuffixWrapper className=\"suffix-wrapper\">\n          <SuffixInputWrapper className=\"suffix-input-wrapper\">\n            <WrapperContentComp>\n              {InputWithLabel}\n              {extraContent}\n            </WrapperContentComp>\n            <FeedbackComponent\n              hasError={hasError}\n              text={validationState || hasError ? validationMessage : feedbackMessage}\n            />\n          </SuffixInputWrapper>\n          <Suffix\n            className=\"suffix-label\"\n            label={!!labelText}\n            withFeedback={Boolean(validationMessage || feedbackMessage)}\n          >\n            {suffix}\n          </Suffix>\n        </SuffixWrapper>\n      </Wrapper>\n    );\n  }\n\n  return (\n    <Wrapper\n      classProps={{\n        disabled,\n        readOnly,\n        hasError,\n        leftLabel,\n        variant,\n        fitContent,\n        withHighlight,\n      }}\n      {...containerProps}\n    >\n      <WrapperContentComp>\n        {InputWithLabel}\n        {extraContent}\n      </WrapperContentComp>\n      <FeedbackComponent hasError={hasError} text={validationState || hasError ? validationMessage : feedbackMessage} />\n    </Wrapper>\n  );\n};\n\nDSFormItemLayout.propTypes = props;\nDSFormItemLayout.defaultProps = defaultProps;\nDSFormItemLayout.displayName = 'DSFormItemLayout';\nconst DSFormItemLayoutWithSchema = describe(DSFormItemLayout);\nDSFormItemLayoutWithSchema.propTypes = props;\n\nexport default DSFormItemLayout;\nexport { DSFormItemLayoutWithSchema, DSFormItemLayout };\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/FormItem/Error/DSError.js

@@ -1,13 +1,15 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-import { PropTypes, describe } from "@elliemae/ds-utilities";
+import { PropTypes, describe } from "@elliemae/ds-props-helpers";
 const DSError = ({ hasError = false, errorText = "Error" }) => {
   if (!hasError)
     return null;
   return /* @__PURE__ */ jsx("div", { className: "em-ds-error", children: errorText });
 };
 const props = {
+  /** error state */
   hasError: PropTypes.bool.description("error state"),
+  /** error label text */
   errorText: PropTypes.string.description("error label text")
 };
 DSError.propTypes = props;

package/dist/esm/FormItem/Error/DSError.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/FormItem/Error/DSError.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\n\nconst DSError = ({ hasError = false, errorText = 'Error' }) => {\n  if (!hasError) return null;\n  return <div className=\"em-ds-error\">{errorText}</div>;\n};\n\nconst props = {\n  /** error state */\n  hasError: PropTypes.bool.description('error state'),\n  /** error label text */\n  errorText: PropTypes.string.description('error label text'),\n};\n\nDSError.propTypes = props;\nDSError.displayName = 'DSError';\nconst DSErrorWithSchema = describe(DSError);\n\nDSErrorWithSchema.propTypes = props;\n\nexport default DSError;\nexport { DSErrorWithSchema, DSError };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACKd;AAJT,SAAS,WAAW,gBAAgB;AAEpC,MAAM,UAAU,CAAC,EAAE,WAAW,OAAO,YAAY,QAAQ,MAAM;AAC7D,MAAI,CAAC;AAAU,WAAO;AACtB,SAAO,oBAAC,SAAI,WAAU,eAAe,qBAAU;AACjD;AAEA,MAAM,QAAQ;AAAA,EAEZ,UAAU,UAAU,KAAK,YAAY,aAAa;AAAA,EAElD,WAAW,UAAU,OAAO,YAAY,kBAAkB;AAC5D;AAEA,QAAQ,YAAY;AACpB,QAAQ,cAAc;AACtB,MAAM,oBAAoB,SAAS,OAAO;AAE1C,kBAAkB,YAAY;AAE9B,IAAO,kBAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\n\nconst DSError = ({ hasError = false, errorText = 'Error' }) => {\n  if (!hasError) return null;\n  return <div className=\"em-ds-error\">{errorText}</div>;\n};\n\nconst props = {\n  /** error state */\n  hasError: PropTypes.bool.description('error state'),\n  /** error label text */\n  errorText: PropTypes.string.description('error label text'),\n};\n\nDSError.propTypes = props;\nDSError.displayName = 'DSError';\nconst DSErrorWithSchema = describe(DSError);\n\nDSErrorWithSchema.propTypes = props;\n\nexport default DSError;\nexport { DSErrorWithSchema, DSError };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACKd;AAJT,SAAS,WAAW,gBAAgB;AAEpC,MAAM,UAAU,CAAC,EAAE,WAAW,OAAO,YAAY,QAAQ,MAAM;AAC7D,MAAI,CAAC;AAAU,WAAO;AACtB,SAAO,oBAAC,SAAI,WAAU,eAAe,qBAAU;AACjD;AAEA,MAAM,QAAQ;AAAA;AAAA,EAEZ,UAAU,UAAU,KAAK,YAAY,aAAa;AAAA;AAAA,EAElD,WAAW,UAAU,OAAO,YAAY,kBAAkB;AAC5D;AAEA,QAAQ,YAAY;AACpB,QAAQ,cAAc;AACtB,MAAM,oBAAoB,SAAS,OAAO;AAE1C,kBAAkB,YAAY;AAE9B,IAAO,kBAAQ;",
   "names": []
 }

package/dist/esm/FormItem/Label/DSLabel.js

@@ -3,7 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import PropTypes from "prop-types";
 import { aggregatedClasses } from "@elliemae/ds-classnames";
 import { DSTruncatedTooltipText } from "@elliemae/ds-truncated-tooltip-text";
-import { RequiredMark } from "../../RequiredMark";
+import { RequiredMark } from "../../RequiredMark/index.js";
 const blockName = "em-ds-label";
 const Text = aggregatedClasses("span")(blockName, "text");
 const DSLabel = ({ children, label, htmlFor, required, optional, truncateText = true, isGroup = false }) => {

package/dist/esm/FormItem/Label/DSLabel.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/FormItem/Label/DSLabel.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable jsx-a11y/label-has-associated-control */\n/* eslint-disable react/no-unknown-property, jsx-a11y/label-has-for */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { DSTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { RequiredMark } from '../../RequiredMark';\n\nconst blockName = 'em-ds-label';\n\nconst Text = aggregatedClasses('span')(blockName, 'text');\n\nconst DSLabel = ({ children, label, htmlFor, required, optional, truncateText = true, isGroup = false }) => {\n  const Tag = isGroup ? 'legend' : 'label';\n\n  return (\n    <Tag className={`${blockName}${isGroup ? ` ${blockName}--group` : ''}`} htmlFor={htmlFor}>\n      {truncateText ? <DSTruncatedTooltipText value={children || label} /> : <Text>{label}</Text>}\n      <RequiredMark optional={optional} required={required} />\n    </Tag>\n  );\n};\n\nDSLabel.propTypes = {\n  children: PropTypes.string,\n  label: PropTypes.string,\n  htmlFor: PropTypes.string,\n  required: PropTypes.bool,\n  optional: PropTypes.bool,\n  truncateText: PropTypes.bool,\n  isGroup: PropTypes.bool,\n};\n\nexport { DSLabel };\nexport default DSLabel;\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable jsx-a11y/label-has-associated-control */\n/* eslint-disable react/no-unknown-property, jsx-a11y/label-has-for */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { DSTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { RequiredMark } from '../../RequiredMark/index.js';\n\nconst blockName = 'em-ds-label';\n\nconst Text = aggregatedClasses('span')(blockName, 'text');\n\nconst DSLabel = ({ children, label, htmlFor, required, optional, truncateText = true, isGroup = false }) => {\n  const Tag = isGroup ? 'legend' : 'label';\n\n  return (\n    <Tag className={`${blockName}${isGroup ? ` ${blockName}--group` : ''}`} htmlFor={htmlFor}>\n      {truncateText ? <DSTruncatedTooltipText value={children || label} /> : <Text>{label}</Text>}\n      <RequiredMark optional={optional} required={required} />\n    </Tag>\n  );\n};\n\nDSLabel.propTypes = {\n  children: PropTypes.string,\n  label: PropTypes.string,\n  htmlFor: PropTypes.string,\n  required: PropTypes.bool,\n  optional: PropTypes.bool,\n  truncateText: PropTypes.bool,\n  isGroup: PropTypes.bool,\n};\n\nexport { DSLabel };\nexport default DSLabel;\n"],
   "mappings": "AAAA,YAAY,WAAW;ACgBnB,SACkB,KADlB;AAbJ,OAAO,eAAe;AACtB,SAAS,yBAAyB;AAClC,SAAS,8BAA8B;AACvC,SAAS,oBAAoB;AAE7B,MAAM,YAAY;AAElB,MAAM,OAAO,kBAAkB,MAAM,EAAE,WAAW,MAAM;AAExD,MAAM,UAAU,CAAC,EAAE,UAAU,OAAO,SAAS,UAAU,UAAU,eAAe,MAAM,UAAU,MAAM,MAAM;AAC1G,QAAM,MAAM,UAAU,WAAW;AAEjC,SACE,qBAAC,OAAI,WAAW,GAAG,YAAY,UAAU,IAAI,qBAAqB,MAAM,SACrE;AAAA,mBAAe,oBAAC,0BAAuB,OAAO,YAAY,OAAO,IAAK,oBAAC,QAAM,iBAAM;AAAA,IACpF,oBAAC,gBAAa,UAAoB,UAAoB;AAAA,KACxD;AAEJ;AAEA,QAAQ,YAAY;AAAA,EAClB,UAAU,UAAU;AAAA,EACpB,OAAO,UAAU;AAAA,EACjB,SAAS,UAAU;AAAA,EACnB,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AAAA,EACpB,cAAc,UAAU;AAAA,EACxB,SAAS,UAAU;AACrB;AAGA,IAAO,kBAAQ;",
   "names": []
 }

package/dist/esm/FormItem/ValidationFieldWrapper.js

@@ -63,6 +63,7 @@ ValidationFieldWrapper.defaultProps = {
   validateOnBlur: false,
   validateOnChange: false,
   name: "",
+  // name in context of the form
   value: "",
   validate: () => null,
   onChange: () => null,

package/dist/esm/FormItem/ValidationFieldWrapper.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FormItem/ValidationFieldWrapper.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { Component } from 'react';\n\nexport default class ValidationFieldWrapper extends Component {\n  static defaultProps = {\n    validateOnBlur: false,\n    validateOnChange: false,\n    name: '', // name in context of the form\n    value: '',\n    validate: () => null,\n    onChange: () => null,\n    onBlur: () => null,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      value: props.value,\n    };\n  }\n\n  componentDidMount() {\n    const { value } = this.state;\n    this.executeValidations(value);\n  }\n\n  static getDerivedStateFromProps(nextProps, prevState) {\n    const { value } = nextProps;\n    if (value === prevState.value) return null;\n    return {\n      ...prevState,\n      value,\n    };\n  }\n\n  handleChange = (e) => {\n    const { onChange } = this.props;\n    this.setState({ value: e.target.value });\n    if (onChange) onChange(e);\n  };\n\n  handleBlur = (e) => {\n    const { onBlur, validateOnBlur } = this.props;\n    const { value } = this.state;\n    if (validateOnBlur) this.executeValidations(value);\n    onBlur(e);\n  };\n\n  executeValidations = (value) => {\n    const { validations } = this.props;\n    if (validations && Array.isArray(validations)) {\n      if (\n        !validations.some((validation) => {\n          const { error, payload } = validation({ value });\n          if (error) this.setState({ validationMessage: payload, state: error });\n          return error;\n        })\n      ) {\n        this.setState({ hasError: false });\n      }\n    }\n  };\n\n  render() {\n    const { children } = this.props;\n    const { value, validationMessage, validationState, hasError } = this.state;\n    return children({\n      value,\n      validationMessage,\n      validationState,\n      hasError,\n      onChange: this.handleChange,\n      onBlur: this.handleBlur,\n    });\n  }\n}\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAE1B,MAAO,+BAA6C,UAAU;AAAA,EAW5D,YAAY,OAAO;AACjB,UAAM,KAAK;AAoBb,wBAAe,CAAC,MAAM;AACpB,YAAM,EAAE,SAAS,IAAI,KAAK;AAC1B,WAAK,SAAS,EAAE,OAAO,EAAE,OAAO,MAAM,CAAC;AACvC,UAAI;AAAU,iBAAS,CAAC;AAAA,IAC1B;AAEA,sBAAa,CAAC,MAAM;AAClB,YAAM,EAAE,QAAQ,eAAe,IAAI,KAAK;AACxC,YAAM,EAAE,MAAM,IAAI,KAAK;AACvB,UAAI;AAAgB,aAAK,mBAAmB,KAAK;AACjD,aAAO,CAAC;AAAA,IACV;AAEA,8BAAqB,CAAC,UAAU;AAC9B,YAAM,EAAE,YAAY,IAAI,KAAK;AAC7B,UAAI,eAAe,MAAM,QAAQ,WAAW,GAAG;AAC7C,YACE,CAAC,YAAY,KAAK,CAAC,eAAe;AAChC,gBAAM,EAAE,OAAO,QAAQ,IAAI,WAAW,EAAE,MAAM,CAAC;AAC/C,cAAI;AAAO,iBAAK,SAAS,EAAE,mBAAmB,SAAS,OAAO,MAAM,CAAC;AACrE,iBAAO;AAAA,QACT,CAAC,GACD;AACA,eAAK,SAAS,EAAE,UAAU,MAAM,CAAC;AAAA,QACnC;AAAA,MACF;AAAA,IACF;AA7CE,SAAK,QAAQ;AAAA,MACX,OAAO,MAAM;AAAA,IACf;AAAA,EACF;AAAA,EAEA,oBAAoB;AAClB,UAAM,EAAE,MAAM,IAAI,KAAK;AACvB,SAAK,mBAAmB,KAAK;AAAA,EAC/B;AAAA,EAEA,OAAO,yBAAyB,WAAW,WAAW;AACpD,UAAM,EAAE,MAAM,IAAI;AAClB,QAAI,UAAU,UAAU;AAAO,aAAO;AACtC,WAAO;AAAA,MACL,GAAG;AAAA,MACH;AAAA,IACF;AAAA,EACF;AAAA,EA8BA,SAAS;AACP,UAAM,EAAE,SAAS,IAAI,KAAK;AAC1B,UAAM,EAAE,OAAO,mBAAmB,iBAAiB,SAAS,IAAI,KAAK;AACrE,WAAO,SAAS;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU,KAAK;AAAA,MACf,QAAQ,KAAK;AAAA,IACf,CAAC;AAAA,EACH;AACF;AAxEqB,uBACZ,eAAe;AAAA,EACpB,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU,MAAM;AAAA,EAChB,UAAU,MAAM;AAAA,EAChB,QAAQ,MAAM;AAChB;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAE1B,MAAO,+BAA6C,UAAU;AAAA,EAW5D,YAAY,OAAO;AACjB,UAAM,KAAK;AAoBb,wBAAe,CAAC,MAAM;AACpB,YAAM,EAAE,SAAS,IAAI,KAAK;AAC1B,WAAK,SAAS,EAAE,OAAO,EAAE,OAAO,MAAM,CAAC;AACvC,UAAI;AAAU,iBAAS,CAAC;AAAA,IAC1B;AAEA,sBAAa,CAAC,MAAM;AAClB,YAAM,EAAE,QAAQ,eAAe,IAAI,KAAK;AACxC,YAAM,EAAE,MAAM,IAAI,KAAK;AACvB,UAAI;AAAgB,aAAK,mBAAmB,KAAK;AACjD,aAAO,CAAC;AAAA,IACV;AAEA,8BAAqB,CAAC,UAAU;AAC9B,YAAM,EAAE,YAAY,IAAI,KAAK;AAC7B,UAAI,eAAe,MAAM,QAAQ,WAAW,GAAG;AAC7C,YACE,CAAC,YAAY,KAAK,CAAC,eAAe;AAChC,gBAAM,EAAE,OAAO,QAAQ,IAAI,WAAW,EAAE,MAAM,CAAC;AAC/C,cAAI;AAAO,iBAAK,SAAS,EAAE,mBAAmB,SAAS,OAAO,MAAM,CAAC;AACrE,iBAAO;AAAA,QACT,CAAC,GACD;AACA,eAAK,SAAS,EAAE,UAAU,MAAM,CAAC;AAAA,QACnC;AAAA,MACF;AAAA,IACF;AA7CE,SAAK,QAAQ;AAAA,MACX,OAAO,MAAM;AAAA,IACf;AAAA,EACF;AAAA,EAEA,oBAAoB;AAClB,UAAM,EAAE,MAAM,IAAI,KAAK;AACvB,SAAK,mBAAmB,KAAK;AAAA,EAC/B;AAAA,EAEA,OAAO,yBAAyB,WAAW,WAAW;AACpD,UAAM,EAAE,MAAM,IAAI;AAClB,QAAI,UAAU,UAAU;AAAO,aAAO;AACtC,WAAO;AAAA,MACL,GAAG;AAAA,MACH;AAAA,IACF;AAAA,EACF;AAAA,EA8BA,SAAS;AACP,UAAM,EAAE,SAAS,IAAI,KAAK;AAC1B,UAAM,EAAE,OAAO,mBAAmB,iBAAiB,SAAS,IAAI,KAAK;AACrE,WAAO,SAAS;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU,KAAK;AAAA,MACf,QAAQ,KAAK;AAAA,IACf,CAAC;AAAA,EACH;AACF;AAxEqB,uBACZ,eAAe;AAAA,EACpB,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,MAAM;AAAA;AAAA,EACN,OAAO;AAAA,EACP,UAAU,MAAM;AAAA,EAChB,UAAU,MAAM;AAAA,EAChB,QAAQ,MAAM;AAChB;",
   "names": []
 }

package/dist/esm/FormItem/defaultProps.js

@@ -1,8 +1,8 @@
 import * as React from "react";
-import { DSTextBox } from "../TextBox";
-import { DSLabel } from "./Label/DSLabel";
-import { Feedback } from "./Feedback";
-import { FORMITEM_LAYOUT_VARIANTS } from "./variants";
+import { DSTextBox } from "../TextBox/index.js";
+import { DSLabel } from "./Label/DSLabel.js";
+import { Feedback } from "./Feedback.js";
+import { FORMITEM_LAYOUT_VARIANTS } from "./variants.js";
 const defaultProps = {
   leftLabel: false,
   floatingLabel: false,

package/dist/esm/FormItem/defaultProps.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FormItem/defaultProps.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { DSTextBox } from '../TextBox';\nimport { DSLabel } from './Label/DSLabel';\nimport { Feedback } from './Feedback';\nimport { FORMITEM_LAYOUT_VARIANTS } from './variants';\n\nexport const defaultProps = {\n  leftLabel: false,\n  floatingLabel: false,\n  inputComponent: DSTextBox,\n  labelComponent: DSLabel,\n  feedbackComponent: Feedback,\n  hasError: false,\n  validationMessage: '',\n  feedbackMessage: '',\n  focused: false,\n  autoFocus: false,\n  disabled: false,\n  onChange: () => {},\n  onBlur: () => {},\n  onFocus: () => {},\n  onPaste: () => {},\n  onKeyUp: () => {},\n  extraInputProps: {},\n  leftAddon: null,\n  rightAddon: null,\n  required: false,\n  optional: false,\n  useSubfix: '',\n  suffix: '',\n  variant: FORMITEM_LAYOUT_VARIANTS.DEFAULT,\n  containerProps: {},\n  fitContent: false,\n  withHighlight: false,\n};\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { DSTextBox } from '../TextBox/index.js';\nimport { DSLabel } from './Label/DSLabel.js';\nimport { Feedback } from './Feedback.js';\nimport { FORMITEM_LAYOUT_VARIANTS } from './variants.js';\n\nexport const defaultProps = {\n  leftLabel: false,\n  floatingLabel: false,\n  inputComponent: DSTextBox,\n  labelComponent: DSLabel,\n  feedbackComponent: Feedback,\n  hasError: false,\n  validationMessage: '',\n  feedbackMessage: '',\n  focused: false,\n  autoFocus: false,\n  disabled: false,\n  onChange: () => {},\n  onBlur: () => {},\n  onFocus: () => {},\n  onPaste: () => {},\n  onKeyUp: () => {},\n  extraInputProps: {},\n  leftAddon: null,\n  rightAddon: null,\n  required: false,\n  optional: false,\n  useSubfix: '',\n  suffix: '',\n  variant: FORMITEM_LAYOUT_VARIANTS.DEFAULT,\n  containerProps: {},\n  fitContent: false,\n  withHighlight: false,\n};\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAC1B,SAAS,eAAe;AACxB,SAAS,gBAAgB;AACzB,SAAS,gCAAgC;AAElC,MAAM,eAAe;AAAA,EAC1B,WAAW;AAAA,EACX,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,mBAAmB;AAAA,EACnB,UAAU;AAAA,EACV,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,UAAU,MAAM;AAAA,EAAC;AAAA,EACjB,QAAQ,MAAM;AAAA,EAAC;AAAA,EACf,SAAS,MAAM;AAAA,EAAC;AAAA,EAChB,SAAS,MAAM;AAAA,EAAC;AAAA,EAChB,SAAS,MAAM;AAAA,EAAC;AAAA,EAChB,iBAAiB,CAAC;AAAA,EAClB,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,SAAS,yBAAyB;AAAA,EAClC,gBAAgB,CAAC;AAAA,EACjB,YAAY;AAAA,EACZ,eAAe;AACjB;",
   "names": []
 }

package/dist/esm/FormItem/index.js

@@ -5,8 +5,8 @@ import {
   FORMITEM_LAYOUT_VARIANTS,
   DSError,
   DSFormItemLayoutWithSchema
-} from "./DSFormItemLayout";
-import { DSErrorWithSchema } from "./Error/DSError";
+} from "./DSFormItemLayout.js";
+import { DSErrorWithSchema } from "./Error/DSError.js";
 export {
   DSError,
   DSErrorWithSchema,

package/dist/esm/FormItem/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FormItem/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export {\n  default,\n  DSFormItemLayout,\n  FORMITEM_LAYOUT_VARIANTS,\n  DSError,\n  DSFormItemLayoutWithSchema,\n} from './DSFormItemLayout';\nexport { DSErrorWithSchema } from './Error/DSError';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export {\n  default,\n  DSFormItemLayout,\n  FORMITEM_LAYOUT_VARIANTS,\n  DSError,\n  DSFormItemLayoutWithSchema,\n} from './DSFormItemLayout.js';\nexport { DSErrorWithSchema } from './Error/DSError.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,EACE,WAAAA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,yBAAyB;",
   "names": ["default"]
 }