@elliemae/ds-controlled-form 2.4.1-rc.1 → 2.4.1-rc.5

package/esm/combobox/react-desc-prop-types.js

@@ -12,7 +12,8 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function noop() {}
 const ComboboxPropTypes = _objectSpread(_objectSpread({}, globalAttributesPropTypes), {}, {
   placeholder: PropTypes.string.description("input's placeholder value").defaultValue(''),
-  options: PropTypes.oneOfType([PropTypes.array, PropTypes.object]).isRequired.description('List of options').defaultValue([]),
+  allOptions: PropTypes.oneOfType([PropTypes.array, PropTypes.object]).isRequired.description('List of original options').defaultValue([]),
+  filteredOptions: PropTypes.oneOfType([PropTypes.array, PropTypes.object]).description('List of filtered options to show in the menu based on the current internal input filter value').defaultValue([]),
   selectedValues: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.object), PropTypes.object]).isRequired.description('Array of option or single option selected'),
   disabled: PropTypes.bool.description('wheter or not the input is disabled').defaultValue('false'),
   autoFocus: PropTypes.bool.description('Whether the combo box uses auto focus or not').defaultValue('false'),

package/esm/combobox/utils/listHelper.js

@@ -6,6 +6,8 @@ import 'core-js/modules/esnext.iterator.some.js';
 import 'core-js/modules/esnext.async-iterator.find.js';
 import 'core-js/modules/esnext.iterator.find.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import { MENU_OPTION_TYPES } from '../constants.js';
 
 const getSelectableOptions = options => options.filter(option => option.type === MENU_OPTION_TYPES.OPTION && !option.disabled);
@@ -30,15 +32,17 @@ const findInCircularList = function (list, from, criteria) {
 
   return from; // return same item
 };
+const getLastValueSelected = selectedValues => {
+  if (Array.isArray(selectedValues)) {
+    return selectedValues[selectedValues.length - 1];
+  }
+
+  return selectedValues;
+};
 const getFirstOption = (options, selectedValues, inputValue) => {
   if (!inputValue) {
-    if (Array.isArray(selectedValues) && selectedValues.length > 0) {
-      return selectedValues[selectedValues.length - 1].dsId;
-    }
-
-    if (selectedValues !== null && selectedValues !== void 0 && selectedValues.dsId) {
-      return selectedValues.dsId;
-    }
+    const lastValue = getLastValueSelected(selectedValues);
+    if (lastValue) return lastValue.dsId;
   }
 
   for (let i = 0; i < options.length; i += 1) if (!['section', 'separator'].includes(options[i].type) && !options[i].disabled) {
@@ -64,12 +68,34 @@ const getSuggestedValueOnChange = (selectedOption, selectedValues) => {
 
   return selectedOption;
 };
-const getLastValueSelected = selectedValues => {
-  if (Array.isArray(selectedValues)) {
-    return selectedValues[selectedValues.length - 1];
+const filterOptions = (inputValue, options) => options.filter(option => option.type === MENU_OPTION_TYPES.OPTION && option.label.toLowerCase().includes(inputValue.toLowerCase()));
+const selectedValuesWithSections = (optionsToParse, multiSelectedValue) => {
+  var _items2;
+
+  const items = [];
+  if (optionsToParse) optionsToParse.forEach(option => {
+    // const isSelectedValue = multiSelectedValue.find((item) => item?.dsId === option.dsId);
+    if (option.type === MENU_OPTION_TYPES.OPTION && isSelected(multiSelectedValue, option)) {
+      items.push(option);
+    }
+
+    if (option.type === MENU_OPTION_TYPES.SECTION) {
+      var _items;
+
+      if (((_items = items[items.length - 1]) === null || _items === void 0 ? void 0 : _items.type) === MENU_OPTION_TYPES.SECTION) {
+        items[items.length - 1] = option;
+      } else {
+        items.push(option);
+      }
+    }
+  });
+
+  if (((_items2 = items[items.length - 1]) === null || _items2 === void 0 ? void 0 : _items2.type) === MENU_OPTION_TYPES.SECTION) {
+    items.pop();
   }
 
-  return selectedValues;
+  return items;
 };
+const getFilteredOptionsSelected = (filteredOption, selectedValues) => filteredOption.filter(option => option.type === MENU_OPTION_TYPES.OPTION && isSelected(selectedValues, option));
 
-export { findInCircularList, getFirstOption, getLastValueSelected, getOptions, getSelectableOptions, getSuggestedValueOnChange, isSelected, isSelectedValueEmpty, isSelectedValueMultiple };
+export { filterOptions, findInCircularList, getFilteredOptionsSelected, getFirstOption, getLastValueSelected, getOptions, getSelectableOptions, getSuggestedValueOnChange, isSelected, isSelectedValueEmpty, isSelectedValueMultiple, selectedValuesWithSections };

package/esm/index.js

@@ -1,6 +1,6 @@
 export { DSAutocomplete, DSAutocompleteWithSchema } from './autocomplete/Autocomplete.js';
 export { DSControlledCheckbox, DSControlledCheckboxWithSchema } from './checkbox/ControlledCheckbox.js';
-export { DSComboBox, DSComboBoxWithSchema } from './combobox/ComboBox.js';
+export { DSComboBox, DSComboBox as DSComboBoxV3, DSComboBoxWithSchema } from './combobox/ComboBox.js';
 export { DSControlledDateRangePicker, DSControlledDateRangePickerWithSchema } from './date-range-picker/ControlledDateRangePicker.js';
 export { ControlledDateRangePickerDatatestid } from './date-range-picker/ControlledDateRangePickerDatatestid.js';
 export { CONTROLLED_DATE_RANGE_PICKER_TYPES } from './date-range-picker/ControlledDateRangePickerTypes.js';
@@ -11,11 +11,14 @@ export { deconstructValuesFromDateString, prependStringWithPlaceHolders } from '
 export { getValidationDateTimeStringMetaInfo } from './date-time-picker/utils/dateTimeHelpers.js';
 export { getDateStringFromDay, getDateValuesFromDate, getDayFromDateString, getValidationDateStringMetaInfo } from './date-time-picker/utils/dateHelpers.js';
 export { getValidationTimeStringMetaInfo } from './date-time-picker/utils/timeHelpers.js';
-export { UsePhoneMaskWithSchema, usePhoneMask } from './mask-hook/hooks/usePhoneMask.js';
-export { UseNumberMaskWithSchema, useNumberMask } from './mask-hook/hooks/useNumberMask.js';
-export { UseSSNMaskWithSchema, useSSNMask } from './mask-hook/hooks/useSSNMask.js';
-export { UseZipCodeMaskWithSchema, useZipCode } from './mask-hook/hooks/useZipCode.js';
+export { UsePhoneMaskWithSchema, getPhoneMaskedValue, usePhoneMask } from './mask-hook/hooks/usePhoneMask.js';
+export { UseNumberMaskWithSchema, getNumberMaskedValue, useNumberMask } from './mask-hook/hooks/useNumberMask.js';
+export { UseSSNMaskWithSchema, getSSNMaskedValue, useSSNMask } from './mask-hook/hooks/useSSNMask.js';
+export { UseZipCodeMaskWithSchema, getUseZipMaskedValue, useZipCodeMask } from './mask-hook/hooks/useZipCodeMask.js';
 export { DSInputText, DSInputTextWithSchema } from './text-input/DSInputText.js';
 export { DSInputTextDataTestIds } from './text-input/exported-related/data-test-ids.js';
 export { DSInputTextName, DSInputTextSlots } from './text-input/exported-related/theming.js';
 export { DSControlledToggle, DSControlledToggleWithSchema } from './toggle/ControlledToggle.js';
+export { DSControlledLargeTextInput, DSControlledLargeTextInputWithSchema } from './large-text-input/DSControlledLargeTextInput.js';
+export { DSControlledLargetTextInputDatatestids } from './large-text-input/exported-related/data-test-ids.js';
+export { DSControlledLargeTextInputName, DSControlledLargeTextInputSlots } from './large-text-input/exported-related/theming.js';

package/esm/large-text-input/DSControlledLargeTextInput.js

@@ -0,0 +1,72 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import { useCallback } from 'react';
+import { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault, useGetGlobalAttributes, useGetXstyledProps } from '@elliemae/ds-props-helpers';
+import { propTypes, defaultProps } from './react-desc-prop-types.js';
+import { StyledContainer, StyledTextArea, StyledCharCounter } from './styles.js';
+import { DSControlledLargetTextInputDatatestids } from './exported-related/data-test-ids.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+const _excluded = ["maxLength", "value", "onChange", "innerRef", "resizable", "name", "id", "withoutCharacterCounter", "hasError"],
+      _excluded2 = ["className"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+const DSControlledLargeTextInput = props => {
+  useValidateTypescriptPropTypes(props, propTypes);
+  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
+
+  const {
+    maxLength,
+    value,
+    onChange,
+    innerRef,
+    resizable,
+    name,
+    id,
+    withoutCharacterCounter,
+    hasError
+  } = propsWithDefault,
+        otherProps = _objectWithoutProperties(propsWithDefault, _excluded);
+
+  const _useGetGlobalAttribut = useGetGlobalAttributes(otherProps),
+        {
+    className
+  } = _useGetGlobalAttribut,
+        globalAttributes = _objectWithoutProperties(_useGetGlobalAttribut, _excluded2);
+
+  const xstyledProps = useGetXstyledProps(otherProps);
+  const handleOnChange = useCallback(e => onChange(e.target.value, e), [onChange]);
+  return /*#__PURE__*/jsxs(StyledContainer, _objectSpread(_objectSpread({
+    className: className,
+    "data-testid": DSControlledLargetTextInputDatatestids.CONTAINER
+  }, xstyledProps), {}, {
+    children: [/*#__PURE__*/jsx(StyledTextArea, _objectSpread({
+      ref: innerRef,
+      maxLength: maxLength,
+      "aria-multiline": true,
+      value: value,
+      onChange: handleOnChange,
+      resizable: resizable,
+      name: name,
+      id: id,
+      "data-testid": DSControlledLargetTextInputDatatestids.INPUT,
+      hasError: hasError
+    }, globalAttributes)), maxLength && !withoutCharacterCounter && /*#__PURE__*/_jsx(StyledCharCounter, {
+      "data-testid": DSControlledLargetTextInputDatatestids.CHAR_COUNTER
+    }, void 0, "".concat(value.length, "/").concat(maxLength))]
+  }));
+};
+
+const DSControlledLargeTextInputWithSchema = describe(DSControlledLargeTextInput);
+DSControlledLargeTextInputWithSchema.propTypes = propTypes;
+
+export { DSControlledLargeTextInput, DSControlledLargeTextInputWithSchema };

package/esm/large-text-input/exported-related/data-test-ids.js

@@ -0,0 +1,7 @@
+const DSControlledLargetTextInputDatatestids = {
+  CONTAINER: 'ds-controlled-large-text-input-container',
+  CHAR_COUNTER: 'ds-controlled-large-text-input-char-counter',
+  INPUT: 'ds-controlled-large-text-input'
+};
+
+export { DSControlledLargetTextInputDatatestids };

package/esm/large-text-input/exported-related/index.js

@@ -0,0 +1,2 @@
+export { DSControlledLargetTextInputDatatestids } from './data-test-ids.js';
+export { DSControlledLargeTextInputName, DSControlledLargeTextInputSlots } from './theming.js';

package/esm/large-text-input/exported-related/theming.js

@@ -0,0 +1,8 @@
+const DSControlledLargeTextInputName = 'ds-controlled-large-text-input';
+const DSControlledLargeTextInputSlots = {
+  CONTAINER: 'root',
+  INPUT: 'input',
+  CHAR_COUNTER: 'char-counter'
+};
+
+export { DSControlledLargeTextInputName, DSControlledLargeTextInputSlots };

package/esm/large-text-input/index.js

@@ -0,0 +1,3 @@
+export { DSControlledLargeTextInput, DSControlledLargeTextInputWithSchema } from './DSControlledLargeTextInput.js';
+export { DSControlledLargetTextInputDatatestids } from './exported-related/data-test-ids.js';
+export { DSControlledLargeTextInputName, DSControlledLargeTextInputSlots } from './exported-related/theming.js';

package/esm/large-text-input/react-desc-prop-types.js

@@ -0,0 +1,36 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+const noop = () => {};
+
+const defaultProps = {
+  value: '',
+  onChange: noop,
+  withoutCharacterCounter: false,
+  resizable: false,
+  hasError: false
+};
+const propTypes = _objectSpread(_objectSpread(_objectSpread({}, globalAttributesPropTypes), xstyledPropTypes), {}, {
+  value: PropTypes.string.description('Text are value.').defaultValue(''),
+  onChange: PropTypes.func.description('OnChange cb.').defaultValue('() => {}'),
+  resizable: PropTypes.bool.description('Enables to resize the component.').defaultValue(false),
+  rows: PropTypes.string.description('Sets the number of lines for the default height. Once lines are reached, scroll behavior enables.'),
+  withoutCharacterCounter: PropTypes.bool.description('Removes the character counter.').defaultValue(false),
+  id: PropTypes.string.description('Unique id.'),
+  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description('Inner ref to the input.'),
+  maxLength: PropTypes.string.description('Max characters allowed.'),
+  disabled: PropTypes.bool.description('Set disabled state.'),
+  readOnly: PropTypes.bool.description('Set readonly state.'),
+  hasError: PropTypes.bool.description('Set error state.').defaultValue(false)
+});
+
+export { defaultProps, propTypes };

package/esm/large-text-input/styles.js

@@ -0,0 +1,30 @@
+import _taggedTemplateLiteral from '@babel/runtime/helpers/esm/taggedTemplateLiteral';
+import { styled } from '@elliemae/ds-system';
+import { layout, space, sizing } from '@xstyled/styled-components';
+import { DSControlledLargeTextInputName, DSControlledLargeTextInputSlots } from './exported-related/theming.js';
+
+var _templateObject, _templateObject2, _templateObject3;
+const StyledContainer = styled('div', {
+  name: DSControlledLargeTextInputName,
+  slot: DSControlledLargeTextInputSlots.CONTAINER
+})(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: grid;\n  grid-gap: 4px;\n  grid-template-rows: auto auto;\n  grid-template-columns: fit-content;\n  ", "\n  ", "\n  ", "\n"])), layout, space, sizing);
+const StyledCharCounter = styled('span', {
+  name: DSControlledLargeTextInputName,
+  slot: DSControlledLargeTextInputSlots.CHAR_COUNTER
+})(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  justify-self: flex-end;\n"])));
+const StyledTextArea = styled('textarea', {
+  name: DSControlledLargeTextInputName,
+  slot: DSControlledLargeTextInputSlots.INPUT
+})(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: 100%;\n  ", "\n  &:disabled {\n    &:hover {\n      cursor: not-allowed;\n    }\n  }\n\n  ", "\n"])), _ref => {
+  let {
+    resizable
+  } = _ref;
+  return resizable ? "" : "resize: none;";
+}, _ref2 => {
+  let {
+    hasError
+  } = _ref2;
+  return hasError ? "border: 1px solid red;" : "";
+});
+
+export { StyledCharCounter, StyledContainer, StyledTextArea };

package/esm/mask-hook/hooks/index.js

@@ -1,4 +1,4 @@
-export { UsePhoneMaskWithSchema, usePhoneMask } from './usePhoneMask.js';
-export { UseNumberMaskWithSchema, useNumberMask } from './useNumberMask.js';
-export { UseSSNMaskWithSchema, useSSNMask } from './useSSNMask.js';
-export { UseZipCodeMaskWithSchema, useZipCode } from './useZipCode.js';
+export { UsePhoneMaskWithSchema, getPhoneMaskedValue, usePhoneMask } from './usePhoneMask.js';
+export { UseNumberMaskWithSchema, getNumberMaskedValue, useNumberMask } from './useNumberMask.js';
+export { UseSSNMaskWithSchema, getSSNMaskedValue, useSSNMask } from './useSSNMask.js';
+export { UseZipCodeMaskWithSchema, getUseZipMaskedValue, useZipCodeMask } from './useZipCodeMask.js';

package/esm/mask-hook/hooks/useNumberMask.js

@@ -156,7 +156,11 @@ const useNumberMask = props => {
     onBlur
   };
 };
+const getNumberMaskedValue = (value, opts) => {
+  const [maskedValue] = conformValue(value, value.length - 1, '', opts);
+  return maskedValue;
+};
 const UseNumberMaskWithSchema = describe(useNumberMask);
 UseNumberMaskWithSchema.propTypes = DSMaskNumberHookPropsTypes;
 
-export { UseNumberMaskWithSchema, useNumberMask };
+export { UseNumberMaskWithSchema, getNumberMaskedValue, useNumberMask };

package/esm/mask-hook/hooks/usePhoneMask.js

@@ -78,7 +78,11 @@ const usePhoneMask = props => {
     onChange
   };
 };
+const getPhoneMaskedValue = (value, opts) => {
+  const [maskedValue] = conformValue(value, value.length - 1, '', opts);
+  return maskedValue;
+};
 const UsePhoneMaskWithSchema = describe(usePhoneMask);
 UsePhoneMaskWithSchema.propTypes = DSMaskPhoneHookPropsTypes;
 
-export { UsePhoneMaskWithSchema, usePhoneMask };
+export { UsePhoneMaskWithSchema, getPhoneMaskedValue, usePhoneMask };

package/esm/mask-hook/hooks/useSSNMask.js

@@ -61,7 +61,11 @@ const useSSNMask = props => {
     onChange
   };
 };
+const getSSNMaskedValue = value => {
+  const [maskedValue] = conformValue(value, value.length - 1, '');
+  return maskedValue;
+};
 const UseSSNMaskWithSchema = describe(useSSNMask);
 UseSSNMaskWithSchema.propTypes = DSMaskHookPropsTypes;
 
-export { UseSSNMaskWithSchema, useSSNMask };
+export { UseSSNMaskWithSchema, getSSNMaskedValue, useSSNMask };

package/esm/mask-hook/hooks/{useZipCode.js → useZipCodeMask.js}

@@ -14,14 +14,14 @@ const zipCodeSpecialChars = [['-', 5]];
 
 const conformValue = (rawValue, cursorPos, lastKeyCode) => {
   // Work with digits only
-  let maskedValue = rawValue.split('').filter(char => char >= '0' && char <= '9'); // We only consider first 5 digits
+  let maskedValue = rawValue.split('').filter(char => char >= '0' && char <= '9'); // We only consider first 9 digits
 
-  maskedValue = maskedValue.slice(0, 6);
+  maskedValue = maskedValue.slice(0, 9);
   const maskedPos = getPartialMaskedPos(rawValue, maskedValue, cursorPos);
   return addSpecialCharacters(maskedValue, zipCodeSpecialChars, maskedPos, lastKeyCode);
 };
 
-const useZipCode = props => {
+const useZipCodeMask = props => {
   const propsWithDefault = useMemoMergePropsWithDefault(props, DSMaskHookDefaultProps);
   useValidateTypescriptPropTypes(propsWithDefault, DSMaskHookPropsTypes);
   const {
@@ -58,7 +58,11 @@ const useZipCode = props => {
     onChange
   };
 };
-const UseZipCodeMaskWithSchema = describe(useZipCode);
+const getUseZipMaskedValue = value => {
+  const [maskedValue] = conformValue(value, value.length - 1, '');
+  return maskedValue;
+};
+const UseZipCodeMaskWithSchema = describe(useZipCodeMask);
 UseZipCodeMaskWithSchema.propTypes = DSMaskHookPropsTypes;
 
-export { UseZipCodeMaskWithSchema, useZipCode };
+export { UseZipCodeMaskWithSchema, getUseZipMaskedValue, useZipCodeMask };

package/esm/mask-hook/index.js

@@ -1,4 +1,4 @@
-export { UsePhoneMaskWithSchema, usePhoneMask } from './hooks/usePhoneMask.js';
-export { UseNumberMaskWithSchema, useNumberMask } from './hooks/useNumberMask.js';
-export { UseSSNMaskWithSchema, useSSNMask } from './hooks/useSSNMask.js';
-export { UseZipCodeMaskWithSchema, useZipCode } from './hooks/useZipCode.js';
+export { UsePhoneMaskWithSchema, getPhoneMaskedValue, usePhoneMask } from './hooks/usePhoneMask.js';
+export { UseNumberMaskWithSchema, getNumberMaskedValue, useNumberMask } from './hooks/useNumberMask.js';
+export { UseSSNMaskWithSchema, getSSNMaskedValue, useSSNMask } from './hooks/useSSNMask.js';
+export { UseZipCodeMaskWithSchema, getUseZipMaskedValue, useZipCodeMask } from './hooks/useZipCodeMask.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-controlled-form",
-  "version": "2.4.1-rc.1",
+  "version": "2.4.1-rc.5",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Controlled Form Controllers",
   "module": "./esm/index.js",
@@ -59,14 +59,6 @@
       "import": "./esm/text-input/exported-related/theming.js",
       "require": "./cjs/text-input/exported-related/theming.js"
     },
-    "./text-input/exported-related/slots": {
-      "import": "./esm/text-input/exported-related/slots.js",
-      "require": "./cjs/text-input/exported-related/slots.js"
-    },
-    "./text-input/exported-related/name": {
-      "import": "./esm/text-input/exported-related/name.js",
-      "require": "./cjs/text-input/exported-related/name.js"
-    },
     "./text-input/exported-related": {
       "import": "./esm/text-input/exported-related/index.js",
       "require": "./cjs/text-input/exported-related/index.js"
@@ -111,9 +103,9 @@
       "import": "./esm/mask-hook/index.js",
       "require": "./cjs/mask-hook/index.js"
     },
-    "./mask-hook/hooks/useZipCode": {
-      "import": "./esm/mask-hook/hooks/useZipCode.js",
-      "require": "./cjs/mask-hook/hooks/useZipCode.js"
+    "./mask-hook/hooks/useZipCodeMask": {
+      "import": "./esm/mask-hook/hooks/useZipCodeMask.js",
+      "require": "./cjs/mask-hook/hooks/useZipCodeMask.js"
     },
     "./mask-hook/hooks/useSSNMask": {
       "import": "./esm/mask-hook/hooks/useSSNMask.js",
@@ -131,6 +123,34 @@
       "import": "./esm/mask-hook/hooks/index.js",
       "require": "./cjs/mask-hook/hooks/index.js"
     },
+    "./large-text-input/styles": {
+      "import": "./esm/large-text-input/styles.js",
+      "require": "./cjs/large-text-input/styles.js"
+    },
+    "./large-text-input/react-desc-prop-types": {
+      "import": "./esm/large-text-input/react-desc-prop-types.js",
+      "require": "./cjs/large-text-input/react-desc-prop-types.js"
+    },
+    "./large-text-input": {
+      "import": "./esm/large-text-input/index.js",
+      "require": "./cjs/large-text-input/index.js"
+    },
+    "./large-text-input/exported-related/theming": {
+      "import": "./esm/large-text-input/exported-related/theming.js",
+      "require": "./cjs/large-text-input/exported-related/theming.js"
+    },
+    "./large-text-input/exported-related": {
+      "import": "./esm/large-text-input/exported-related/index.js",
+      "require": "./cjs/large-text-input/exported-related/index.js"
+    },
+    "./large-text-input/exported-related/data-test-ids": {
+      "import": "./esm/large-text-input/exported-related/data-test-ids.js",
+      "require": "./cjs/large-text-input/exported-related/data-test-ids.js"
+    },
+    "./large-text-input/DSControlledLargeTextInput": {
+      "import": "./esm/large-text-input/DSControlledLargeTextInput.js",
+      "require": "./cjs/large-text-input/DSControlledLargeTextInput.js"
+    },
     "./date-time-picker/utils/timeHelpers": {
       "import": "./esm/date-time-picker/utils/timeHelpers.js",
       "require": "./cjs/date-time-picker/utils/timeHelpers.js"
@@ -695,13 +715,9 @@
       "import": "./esm/autocomplete/utils/listHelper.js",
       "require": "./cjs/autocomplete/utils/listHelper.js"
     },
-    "./autocomplete/utils/hooks/useOnElementResize": {
-      "import": "./esm/autocomplete/utils/hooks/useOnElementResize.js",
-      "require": "./cjs/autocomplete/utils/hooks/useOnElementResize.js"
-    },
-    "./autocomplete/utils/hooks/useKeyboardNavigation": {
-      "import": "./esm/autocomplete/utils/hooks/useKeyboardNavigation.js",
-      "require": "./cjs/autocomplete/utils/hooks/useKeyboardNavigation.js"
+    "./autocomplete/tests/utils": {
+      "import": "./esm/autocomplete/tests/utils.js",
+      "require": "./cjs/autocomplete/tests/utils.js"
     },
     "./autocomplete/sharedTypes": {
       "import": "./esm/autocomplete/sharedTypes.js",
@@ -711,14 +727,6 @@
       "import": "./esm/autocomplete/react-desc-prop-types.js",
       "require": "./cjs/autocomplete/react-desc-prop-types.js"
     },
-    "./autocomplete/propTypes": {
-      "import": "./esm/autocomplete/propTypes.js",
-      "require": "./cjs/autocomplete/propTypes.js"
-    },
-    "./autocomplete/parts/menu-list/useMenuList": {
-      "import": "./esm/autocomplete/parts/menu-list/useMenuList.js",
-      "require": "./cjs/autocomplete/parts/menu-list/useMenuList.js"
-    },
     "./autocomplete/parts/menu-list/useItemRenderer": {
       "import": "./esm/autocomplete/parts/menu-list/useItemRenderer.js",
       "require": "./cjs/autocomplete/parts/menu-list/useItemRenderer.js"
@@ -735,29 +743,9 @@
       "import": "./esm/autocomplete/parts/menu-list/index.js",
       "require": "./cjs/autocomplete/parts/menu-list/index.js"
     },
-    "./autocomplete/parts/controls/useMaskedOnChange": {
-      "import": "./esm/autocomplete/parts/controls/useMaskedOnChange.js",
-      "require": "./cjs/autocomplete/parts/controls/useMaskedOnChange.js"
-    },
-    "./autocomplete/parts/controls/useKeyboardNavigation": {
-      "import": "./esm/autocomplete/parts/controls/useKeyboardNavigation.js",
-      "require": "./cjs/autocomplete/parts/controls/useKeyboardNavigation.js"
-    },
-    "./autocomplete/parts/controls/useControlsInput": {
-      "import": "./esm/autocomplete/parts/controls/useControlsInput.js",
-      "require": "./cjs/autocomplete/parts/controls/useControlsInput.js"
-    },
-    "./autocomplete/parts/controls/styled": {
-      "import": "./esm/autocomplete/parts/controls/styled.js",
-      "require": "./cjs/autocomplete/parts/controls/styled.js"
-    },
-    "./autocomplete/parts/controls": {
-      "import": "./esm/autocomplete/parts/controls/index.js",
-      "require": "./cjs/autocomplete/parts/controls/index.js"
-    },
-    "./autocomplete/parts/controls/Controls": {
-      "import": "./esm/autocomplete/parts/controls/Controls.js",
-      "require": "./cjs/autocomplete/parts/controls/Controls.js"
+    "./autocomplete/parts/container/useKeyboardNavigation": {
+      "import": "./esm/autocomplete/parts/container/useKeyboardNavigation.js",
+      "require": "./cjs/autocomplete/parts/container/useKeyboardNavigation.js"
     },
     "./autocomplete/parts/container/styled": {
       "import": "./esm/autocomplete/parts/container/styled.js",
@@ -771,38 +759,14 @@
       "import": "./esm/autocomplete/parts/container/Container.js",
       "require": "./cjs/autocomplete/parts/container/Container.js"
     },
-    "./autocomplete/parts/a11y-messages/styled": {
-      "import": "./esm/autocomplete/parts/a11y-messages/styled.js",
-      "require": "./cjs/autocomplete/parts/a11y-messages/styled.js"
-    },
-    "./autocomplete/parts/a11y-messages/SingleAllyMessages": {
-      "import": "./esm/autocomplete/parts/a11y-messages/SingleAllyMessages.js",
-      "require": "./cjs/autocomplete/parts/a11y-messages/SingleAllyMessages.js"
-    },
-    "./autocomplete/parts/a11y-messages/MultiAllyMessages": {
-      "import": "./esm/autocomplete/parts/a11y-messages/MultiAllyMessages.js",
-      "require": "./cjs/autocomplete/parts/a11y-messages/MultiAllyMessages.js"
-    },
-    "./autocomplete/parts/a11y-messages": {
-      "import": "./esm/autocomplete/parts/a11y-messages/index.js",
-      "require": "./cjs/autocomplete/parts/a11y-messages/index.js"
-    },
     "./autocomplete": {
       "import": "./esm/autocomplete/index.js",
       "require": "./cjs/autocomplete/index.js"
     },
-    "./autocomplete/config/useGetPropsWithDefault": {
-      "import": "./esm/autocomplete/config/useGetPropsWithDefault.js",
-      "require": "./cjs/autocomplete/config/useGetPropsWithDefault.js"
-    },
     "./autocomplete/config/useAutocomplete": {
       "import": "./esm/autocomplete/config/useAutocomplete.js",
       "require": "./cjs/autocomplete/config/useAutocomplete.js"
     },
-    "./autocomplete/config/constants": {
-      "import": "./esm/autocomplete/config/constants.js",
-      "require": "./cjs/autocomplete/config/constants.js"
-    },
     "./autocomplete/AutocompleteDataTestids": {
       "import": "./esm/autocomplete/AutocompleteDataTestids.js",
       "require": "./cjs/autocomplete/AutocompleteDataTestids.js"
@@ -836,20 +800,20 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-button": "2.4.1-rc.1",
-    "@elliemae/ds-circular-progress-indicator": "2.4.1-rc.1",
-    "@elliemae/ds-controlled-form": "2.4.1-rc.1",
-    "@elliemae/ds-form": "2.4.1-rc.1",
-    "@elliemae/ds-form-layout-blocks": "2.4.1-rc.1",
-    "@elliemae/ds-grid": "2.4.1-rc.1",
-    "@elliemae/ds-icon": "2.4.1-rc.1",
-    "@elliemae/ds-icons": "2.4.1-rc.1",
-    "@elliemae/ds-pills": "2.4.1-rc.1",
-    "@elliemae/ds-popperjs": "2.4.1-rc.1",
-    "@elliemae/ds-props-helpers": "2.4.1-rc.1",
-    "@elliemae/ds-system": "2.4.1-rc.1",
-    "@elliemae/ds-tooltip": "2.4.1-rc.1",
-    "@elliemae/ds-truncated-tooltip-text": "2.4.1-rc.1",
+    "@elliemae/ds-button": "2.4.1-rc.5",
+    "@elliemae/ds-circular-progress-indicator": "2.4.1-rc.5",
+    "@elliemae/ds-controlled-form": "2.4.1-rc.5",
+    "@elliemae/ds-form": "2.4.1-rc.5",
+    "@elliemae/ds-form-layout-blocks": "2.4.1-rc.5",
+    "@elliemae/ds-grid": "2.4.1-rc.5",
+    "@elliemae/ds-icon": "2.4.1-rc.5",
+    "@elliemae/ds-icons": "2.4.1-rc.5",
+    "@elliemae/ds-pills": "2.4.1-rc.5",
+    "@elliemae/ds-popperjs": "2.4.1-rc.5",
+    "@elliemae/ds-props-helpers": "2.4.1-rc.5",
+    "@elliemae/ds-system": "2.4.1-rc.5",
+    "@elliemae/ds-tooltip": "2.4.1-rc.5",
+    "@elliemae/ds-truncated-tooltip-text": "2.4.1-rc.5",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.3",
     "react-popper": "~2.2.5",