@elliemae/ds-controlled-form 2.4.1-rc.0 → 2.4.1-rc.4

package/cjs/checkbox/ControlledCheckbox.js

@@ -40,6 +40,7 @@ const DSControlledCheckbox = props => {
     label,
     hasError,
     innerRef,
+    wrapLabel,
     tabIndex,
     ariaLabel: legacyAriaLabel,
     ariaControls: legacyAriaControls,
@@ -92,7 +93,7 @@ const DSControlledCheckbox = props => {
     readOnly: readOnly,
     checked: checked,
     "data-testid": "ds-checkbox-label"
-  }, void 0, /*#__PURE__*/_jsx__default["default"](dsTruncatedTooltipText.SimpleTruncatedTooltipText, {
+  }, void 0, wrapLabel ? label : /*#__PURE__*/_jsx__default["default"](dsTruncatedTooltipText.SimpleTruncatedTooltipText, {
     value: label
   })));
 };

package/cjs/checkbox/react-desc-prop-types.js

@@ -18,6 +18,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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__default["default"](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 defaultProps = {
+  wrapLabel: false,
   hasError: false,
   tabIndex: undefined,
   checked: false

package/cjs/index.js

@@ -23,6 +23,9 @@ var DSInputText = require('./text-input/DSInputText.js');
 var dataTestIds = require('./text-input/exported-related/data-test-ids.js');
 var theming = require('./text-input/exported-related/theming.js');
 var ControlledToggle = require('./toggle/ControlledToggle.js');
+var DSControlledLargeTextInput = require('./large-text-input/DSControlledLargeTextInput.js');
+var dataTestIds$1 = require('./large-text-input/exported-related/data-test-ids.js');
+var theming$1 = require('./large-text-input/exported-related/theming.js');
 
 
 
@@ -63,3 +66,8 @@ exports.DSInputTextName = theming.DSInputTextName;
 exports.DSInputTextSlots = theming.DSInputTextSlots;
 exports.DSControlledToggle = ControlledToggle.DSControlledToggle;
 exports.DSControlledToggleWithSchema = ControlledToggle.DSControlledToggleWithSchema;
+exports.DSControlledLargeTextInput = DSControlledLargeTextInput.DSControlledLargeTextInput;
+exports.DSControlledLargeTextInputWithSchema = DSControlledLargeTextInput.DSControlledLargeTextInputWithSchema;
+exports.DSControlledLargetTextInputDatatestids = dataTestIds$1.DSControlledLargetTextInputDatatestids;
+exports.DSControlledLargeTextInputName = theming$1.DSControlledLargeTextInputName;
+exports.DSControlledLargeTextInputSlots = theming$1.DSControlledLargeTextInputSlots;

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

@@ -0,0 +1,83 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var React = require('react');
+var dsPropsHelpers = require('@elliemae/ds-props-helpers');
+var reactDescPropTypes = require('./react-desc-prop-types.js');
+var styles = require('./styles.js');
+var dataTestIds = require('./exported-related/data-test-ids.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+
+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__default["default"](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 => {
+  dsPropsHelpers.useValidateTypescriptPropTypes(props, reactDescPropTypes.propTypes);
+  const propsWithDefault = dsPropsHelpers.useMemoMergePropsWithDefault(props, reactDescPropTypes.defaultProps);
+
+  const {
+    maxLength,
+    value,
+    onChange,
+    innerRef,
+    resizable,
+    name,
+    id,
+    withoutCharacterCounter,
+    hasError
+  } = propsWithDefault,
+        otherProps = _objectWithoutProperties__default["default"](propsWithDefault, _excluded);
+
+  const _useGetGlobalAttribut = dsPropsHelpers.useGetGlobalAttributes(otherProps),
+        {
+    className
+  } = _useGetGlobalAttribut,
+        globalAttributes = _objectWithoutProperties__default["default"](_useGetGlobalAttribut, _excluded2);
+
+  const xstyledProps = dsPropsHelpers.useGetXstyledProps(otherProps);
+  const handleOnChange = React.useCallback(e => onChange(e.target.value, e), [onChange]);
+  return /*#__PURE__*/jsxRuntime.jsxs(styles.StyledContainer, _objectSpread(_objectSpread({
+    className: className,
+    "data-testid": dataTestIds.DSControlledLargetTextInputDatatestids.CONTAINER
+  }, xstyledProps), {}, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(styles.StyledTextArea, _objectSpread({
+      ref: innerRef,
+      maxLength: maxLength,
+      "aria-multiline": true,
+      value: value,
+      onChange: handleOnChange,
+      resizable: resizable,
+      name: name,
+      id: id,
+      "data-testid": dataTestIds.DSControlledLargetTextInputDatatestids.INPUT,
+      hasError: hasError
+    }, globalAttributes)), maxLength && !withoutCharacterCounter && /*#__PURE__*/_jsx__default["default"](styles.StyledCharCounter, {
+      "data-testid": dataTestIds.DSControlledLargetTextInputDatatestids.CHAR_COUNTER
+    }, void 0, "".concat(value.length, "/").concat(maxLength))]
+  }));
+};
+
+const DSControlledLargeTextInputWithSchema = dsPropsHelpers.describe(DSControlledLargeTextInput);
+DSControlledLargeTextInputWithSchema.propTypes = reactDescPropTypes.propTypes;
+
+exports.DSControlledLargeTextInput = DSControlledLargeTextInput;
+exports.DSControlledLargeTextInputWithSchema = DSControlledLargeTextInputWithSchema;

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

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const DSControlledLargetTextInputDatatestids = {
+  CONTAINER: 'ds-controlled-large-text-input-container',
+  CHAR_COUNTER: 'ds-controlled-large-text-input-char-counter',
+  INPUT: 'ds-controlled-large-text-input'
+};
+
+exports.DSControlledLargetTextInputDatatestids = DSControlledLargetTextInputDatatestids;

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

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var dataTestIds = require('./data-test-ids.js');
+var theming = require('./theming.js');
+
+
+
+exports.DSControlledLargetTextInputDatatestids = dataTestIds.DSControlledLargetTextInputDatatestids;
+exports.DSControlledLargeTextInputName = theming.DSControlledLargeTextInputName;
+exports.DSControlledLargeTextInputSlots = theming.DSControlledLargeTextInputSlots;

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

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const DSControlledLargeTextInputName = 'ds-controlled-large-text-input';
+const DSControlledLargeTextInputSlots = {
+  CONTAINER: 'root',
+  INPUT: 'input',
+  CHAR_COUNTER: 'char-counter'
+};
+
+exports.DSControlledLargeTextInputName = DSControlledLargeTextInputName;
+exports.DSControlledLargeTextInputSlots = DSControlledLargeTextInputSlots;

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

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DSControlledLargeTextInput = require('./DSControlledLargeTextInput.js');
+var dataTestIds = require('./exported-related/data-test-ids.js');
+var theming = require('./exported-related/theming.js');
+
+
+
+exports.DSControlledLargeTextInput = DSControlledLargeTextInput.DSControlledLargeTextInput;
+exports.DSControlledLargeTextInputWithSchema = DSControlledLargeTextInput.DSControlledLargeTextInputWithSchema;
+exports.DSControlledLargetTextInputDatatestids = dataTestIds.DSControlledLargetTextInputDatatestids;
+exports.DSControlledLargeTextInputName = theming.DSControlledLargeTextInputName;
+exports.DSControlledLargeTextInputSlots = theming.DSControlledLargeTextInputSlots;

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

@@ -0,0 +1,45 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var dsPropsHelpers = require('@elliemae/ds-props-helpers');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+
+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__default["default"](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({}, dsPropsHelpers.globalAttributesPropTypes), dsPropsHelpers.xstyledPropTypes), {}, {
+  value: dsPropsHelpers.PropTypes.string.description('Text are value.').defaultValue(''),
+  onChange: dsPropsHelpers.PropTypes.func.description('OnChange cb.').defaultValue('() => {}'),
+  resizable: dsPropsHelpers.PropTypes.bool.description('Enables to resize the component.').defaultValue(false),
+  rows: dsPropsHelpers.PropTypes.string.description('Sets the number of lines for the default height. Once lines are reached, scroll behavior enables.'),
+  withoutCharacterCounter: dsPropsHelpers.PropTypes.bool.description('Removes the character counter.').defaultValue(false),
+  id: dsPropsHelpers.PropTypes.string.description('Unique id.'),
+  innerRef: dsPropsHelpers.PropTypes.oneOfType([dsPropsHelpers.PropTypes.object, dsPropsHelpers.PropTypes.func]).description('Inner ref to the input.'),
+  maxLength: dsPropsHelpers.PropTypes.string.description('Max characters allowed.'),
+  disabled: dsPropsHelpers.PropTypes.bool.description('Set disabled state.'),
+  readOnly: dsPropsHelpers.PropTypes.bool.description('Set readonly state.'),
+  hasError: dsPropsHelpers.PropTypes.bool.description('Set error state.').defaultValue(false)
+});
+
+exports.defaultProps = defaultProps;
+exports.propTypes = propTypes;

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

@@ -0,0 +1,40 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
+var dsSystem = require('@elliemae/ds-system');
+var styledComponents = require('@xstyled/styled-components');
+var theming = require('./exported-related/theming.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefaultLegacy(_taggedTemplateLiteral);
+
+var _templateObject, _templateObject2, _templateObject3;
+const StyledContainer = dsSystem.styled('div', {
+  name: theming.DSControlledLargeTextInputName,
+  slot: theming.DSControlledLargeTextInputSlots.CONTAINER
+})(_templateObject || (_templateObject = _taggedTemplateLiteral__default["default"](["\n  display: grid;\n  grid-gap: 4px;\n  grid-template-rows: auto auto;\n  grid-template-columns: fit-content;\n  ", "\n  ", "\n  ", "\n"])), styledComponents.layout, styledComponents.space, styledComponents.sizing);
+const StyledCharCounter = dsSystem.styled('span', {
+  name: theming.DSControlledLargeTextInputName,
+  slot: theming.DSControlledLargeTextInputSlots.CHAR_COUNTER
+})(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default["default"](["\n  justify-self: flex-end;\n"])));
+const StyledTextArea = dsSystem.styled('textarea', {
+  name: theming.DSControlledLargeTextInputName,
+  slot: theming.DSControlledLargeTextInputSlots.INPUT
+})(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral__default["default"](["\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;" : "";
+});
+
+exports.StyledCharCounter = StyledCharCounter;
+exports.StyledContainer = StyledContainer;
+exports.StyledTextArea = StyledTextArea;

package/esm/checkbox/ControlledCheckbox.js

@@ -30,6 +30,7 @@ const DSControlledCheckbox = props => {
     label,
     hasError,
     innerRef,
+    wrapLabel,
     tabIndex,
     ariaLabel: legacyAriaLabel,
     ariaControls: legacyAriaControls,
@@ -82,7 +83,7 @@ const DSControlledCheckbox = props => {
     readOnly: readOnly,
     checked: checked,
     "data-testid": "ds-checkbox-label"
-  }, void 0, /*#__PURE__*/_jsx(SimpleTruncatedTooltipText, {
+  }, void 0, wrapLabel ? label : /*#__PURE__*/_jsx(SimpleTruncatedTooltipText, {
     value: label
   })));
 };

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

@@ -10,6 +10,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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 defaultProps = {
+  wrapLabel: false,
   hasError: false,
   tabIndex: undefined,
   checked: false

package/esm/index.js

@@ -19,3 +19,6 @@ 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-controlled-form",
-  "version": "2.4.1-rc.0",
+  "version": "2.4.1-rc.4",
   "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"
@@ -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"
@@ -836,20 +856,20 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-button": "2.4.1-rc.0",
-    "@elliemae/ds-circular-progress-indicator": "2.4.1-rc.0",
-    "@elliemae/ds-controlled-form": "2.4.1-rc.0",
-    "@elliemae/ds-form": "2.4.1-rc.0",
-    "@elliemae/ds-form-layout-blocks": "2.4.1-rc.0",
-    "@elliemae/ds-grid": "2.4.1-rc.0",
-    "@elliemae/ds-icon": "2.4.1-rc.0",
-    "@elliemae/ds-icons": "2.4.1-rc.0",
-    "@elliemae/ds-pills": "2.4.1-rc.0",
-    "@elliemae/ds-popperjs": "2.4.1-rc.0",
-    "@elliemae/ds-props-helpers": "2.4.1-rc.0",
-    "@elliemae/ds-system": "2.4.1-rc.0",
-    "@elliemae/ds-tooltip": "2.4.1-rc.0",
-    "@elliemae/ds-truncated-tooltip-text": "2.4.1-rc.0",
+    "@elliemae/ds-button": "2.4.1-rc.4",
+    "@elliemae/ds-circular-progress-indicator": "2.4.1-rc.4",
+    "@elliemae/ds-controlled-form": "2.4.1-rc.4",
+    "@elliemae/ds-form": "2.4.1-rc.4",
+    "@elliemae/ds-form-layout-blocks": "2.4.1-rc.4",
+    "@elliemae/ds-grid": "2.4.1-rc.4",
+    "@elliemae/ds-icon": "2.4.1-rc.4",
+    "@elliemae/ds-icons": "2.4.1-rc.4",
+    "@elliemae/ds-pills": "2.4.1-rc.4",
+    "@elliemae/ds-popperjs": "2.4.1-rc.4",
+    "@elliemae/ds-props-helpers": "2.4.1-rc.4",
+    "@elliemae/ds-system": "2.4.1-rc.4",
+    "@elliemae/ds-tooltip": "2.4.1-rc.4",
+    "@elliemae/ds-truncated-tooltip-text": "2.4.1-rc.4",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.3",
     "react-popper": "~2.2.5",

package/types/checkbox/react-desc-prop-types.d.ts

@@ -6,6 +6,7 @@ export declare namespace DSControlledCheckboxT {
         tabIndex?: number;
         hasError?: boolean;
         'data-testid'?: string;
+        wrapLabel: boolean;
     }
     interface OptionalProps {
         innerRef: React.RefObject<HTMLInputElement> | React.LegacyRef<HTMLInputElement>;

package/types/index.d.ts

@@ -6,3 +6,4 @@ export * from './date-time-picker';
 export * from './mask-hook';
 export * from './text-input';
 export * from './toggle';
+export * from './large-text-input';

package/types/large-text-input/DSControlledLargeTextInput.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { DSControlledLargeTextInputT } from './react-desc-prop-types';
+declare const DSControlledLargeTextInput: (props: DSControlledLargeTextInputT.Props) => JSX.Element;
+declare const DSControlledLargeTextInputWithSchema: any;
+export { DSControlledLargeTextInput, DSControlledLargeTextInputWithSchema };

package/types/large-text-input/exported-related/data-test-ids.d.ts

@@ -0,0 +1,5 @@
+export declare const DSControlledLargetTextInputDatatestids: {
+    CONTAINER: string;
+    CHAR_COUNTER: string;
+    INPUT: string;
+};

package/types/large-text-input/exported-related/index.d.ts

@@ -0,0 +1,2 @@
+export * from './data-test-ids';
+export * from './theming';

package/types/large-text-input/exported-related/theming.d.ts

@@ -0,0 +1,6 @@
+export declare const DSControlledLargeTextInputName = "ds-controlled-large-text-input";
+export declare const DSControlledLargeTextInputSlots: {
+    CONTAINER: string;
+    INPUT: string;
+    CHAR_COUNTER: string;
+};

package/types/large-text-input/index.d.ts

@@ -0,0 +1,2 @@
+export * from './DSControlledLargeTextInput';
+export * from './exported-related';

package/types/large-text-input/react-desc-prop-types.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+export declare namespace DSControlledLargeTextInputT {
+    interface DefaultProps {
+        value: string;
+        onChange: () => void;
+        withoutCharacterCounter: boolean;
+        resizable: boolean;
+        hasError: boolean;
+    }
+    interface RequiredProps {
+        name: string;
+        id: string;
+    }
+    interface PropsOptional {
+        disabled?: boolean;
+        readOnly?: boolean;
+        innerRef?: React.MutableRefObject<HTMLTextAreaElement | null>;
+        maxLength?: string;
+        rows?: string;
+        hasError?: boolean;
+    }
+    interface Props extends DefaultProps, PropsOptional, RequiredProps {
+    }
+}
+export declare const defaultProps: DSControlledLargeTextInputT.DefaultProps;
+export declare const propTypes: any;

package/types/large-text-input/styles.d.ts

@@ -0,0 +1,3 @@
+export declare const StyledContainer: any;
+export declare const StyledCharCounter: any;
+export declare const StyledTextArea: any;

package/types/large-text-input/tests/DSControlledLargeTextInput.test.d.ts

@@ -0,0 +1 @@
+export {};

package/cjs/text-input/exported-related/name.js

@@ -1,7 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const DSInputTextName = 'ds-input-text';
-
-exports.DSInputTextName = DSInputTextName;

package/cjs/text-input/exported-related/slots.js

@@ -1,11 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const DSInputTextSlots = {
-  INPUT: 'input',
-  INPUT_WRAPPER: 'input-wrapper',
-  CLEAR_BUTTON: 'input-clear-button'
-};
-
-exports.DSInputTextSlots = DSInputTextSlots;

package/esm/text-input/exported-related/name.js

@@ -1,3 +0,0 @@
-const DSInputTextName = 'ds-input-text';
-
-export { DSInputTextName };

package/esm/text-input/exported-related/slots.js

@@ -1,7 +0,0 @@
-const DSInputTextSlots = {
-  INPUT: 'input',
-  INPUT_WRAPPER: 'input-wrapper',
-  CLEAR_BUTTON: 'input-clear-button'
-};
-
-export { DSInputTextSlots };

package/types/text-input/exported-related/name.d.ts

@@ -1 +0,0 @@
-export declare const DSInputTextName = "ds-input-text";

package/types/text-input/exported-related/slots.d.ts

@@ -1,5 +0,0 @@
-export declare const DSInputTextSlots: {
-    INPUT: string;
-    INPUT_WRAPPER: string;
-    CLEAR_BUTTON: string;
-};