@elliemae/ds-form-input-textarea 3.4.3-rc.1 → 3.4.4-rc.0

package/dist/cjs/DSControlledLargeTextInput.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var DSControlledLargeTextInput_exports = {};
 __export(DSControlledLargeTextInput_exports, {
@@ -26,7 +29,8 @@ __export(DSControlledLargeTextInput_exports, {
 });
 module.exports = __toCommonJS(DSControlledLargeTextInput_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_react_desc_prop_types = require("./react-desc-prop-types");
 var import_styles = require("./styles");
@@ -40,7 +44,10 @@ const DSControlledLargeTextInput = (props) => {
   const [calculatedMinHeight, setCalculatedMinHeight] = (0, import_react.useState)(void 0);
   const textareaRef = (0, import_react.useRef)(null);
   const ghostRef = (0, import_react.useRef)(null);
-  const handleOnChange = (0, import_react.useCallback)((e) => onChange(e.target.value, e), [onChange]);
+  const handleOnChange = (0, import_react.useCallback)(
+    (e) => onChange(e.target.value, e),
+    [onChange]
+  );
   (0, import_react.useLayoutEffect)(() => {
     if (ghostRef && ghostRef.current && value !== "") {
       ghostRef.current.style.maxHeight = "0px";
@@ -52,30 +59,34 @@ const DSControlledLargeTextInput = (props) => {
       ghostRef.current.style.maxHeight = `${maxHeight}px`;
     }
   }, [maxHeight, value]);
-  return /* @__PURE__ */ import_react.default.createElement(import_styles.StyledContainer, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.StyledContainer, {
     className,
     "data-testid": import_exported_related.DSControlledLargetTextInputDatatestids.CONTAINER,
-    ...xstyledProps
-  }, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledTextArea, {
-    ref: (0, import_ds_utilities.mergeRefs)(innerRef, textareaRef),
-    "aria-multiline": true,
-    value,
-    $maxHeight: maxHeight,
-    $minHeight: calculatedMinHeight,
-    onChange: handleOnChange,
-    resizable,
-    name,
-    id,
-    "data-testid": import_exported_related.DSControlledLargetTextInputDatatestids.INPUT,
-    $hasError: hasError,
-    ...globalAttributes
-  }), /* @__PURE__ */ import_react.default.createElement(import_styles.StyledTextArea, {
-    disabled: true,
-    ref: ghostRef,
-    value,
-    style: { visibility: "hidden", pointerEvents: "none", position: "absolute" },
-    $maxHeight: maxHeight
-  }));
+    ...xstyledProps,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledTextArea, {
+        ref: (0, import_ds_utilities.mergeRefs)(innerRef, textareaRef),
+        "aria-multiline": true,
+        value,
+        $maxHeight: maxHeight,
+        $minHeight: calculatedMinHeight,
+        onChange: handleOnChange,
+        resizable,
+        name,
+        id,
+        "data-testid": import_exported_related.DSControlledLargetTextInputDatatestids.INPUT,
+        $hasError: hasError,
+        ...globalAttributes
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledTextArea, {
+        disabled: true,
+        ref: ghostRef,
+        value,
+        style: { visibility: "hidden", pointerEvents: "none", position: "absolute" },
+        $maxHeight: maxHeight
+      })
+    ]
+  });
 };
 DSControlledLargeTextInput.displayName = "DSControlledLargeTextInput";
 const DSControlledLargeTextInputWithSchema = (0, import_ds_utilities.describe)(DSControlledLargeTextInput);

package/dist/cjs/DSControlledLargeTextInput.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/DSControlledLargeTextInput.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useCallback, WeakValidationMap, useRef, useState, useLayoutEffect } from 'react';\nimport {\n  describe,\n  mergeRefs,\n  useValidateTypescriptPropTypes,\n  useMemoMergePropsWithDefault,\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n} from '@elliemae/ds-utilities';\nimport { propTypes, defaultProps } from './react-desc-prop-types';\nimport { StyledTextArea, StyledContainer } from './styles';\nimport { DSControlledLargetTextInputDatatestids } from './exported-related';\nimport type { DSControlledLargeTextInputT } from './react-desc-prop-types';\n\nconst DSControlledLargeTextInput = (props: DSControlledLargeTextInputT.Props): JSX.Element => {\n  useValidateTypescriptPropTypes(props, propTypes);\n\n  const propsWithDefault = useMemoMergePropsWithDefault<DSControlledLargeTextInputT.Props>(props, defaultProps);\n\n  const { value, onChange, innerRef, resizable, name, id, hasError, maxHeight, ...otherProps } = propsWithDefault;\n\n  const { className, ...globalAttributes } = useGetGlobalAttributes(otherProps);\n\n  const xstyledProps = useGetXstyledProps(otherProps);\n\n  const [calculatedMinHeight, setCalculatedMinHeight] = useState(undefined)\n\n  const textareaRef = useRef<HTMLTextAreaElement | null>(null);\n  const ghostRef = useRef<HTMLTextAreaElement | null>(null);\n\n  const handleOnChange = useCallback(\n    (e: React.KeyboardEvent) => onChange((e.target as HTMLInputElement).value, e),\n    [onChange],\n  );\n\n  useLayoutEffect(() => {\n    if (ghostRef && ghostRef.current && value !== '') {\n      ghostRef.current.style.maxHeight = '0px';\n      const { scrollHeight } = ghostRef.current;\n      if (maxHeight !== undefined && scrollHeight >= maxHeight) setCalculatedMinHeight(`${maxHeight}`);\n      else setCalculatedMinHeight(`${scrollHeight}`)\n      ghostRef.current.style.maxHeight = `${maxHeight}px`;\n    }\n  }, [maxHeight, value]);\n\n  return (\n    <StyledContainer\n      className={className}\n      data-testid={DSControlledLargetTextInputDatatestids.CONTAINER}\n      {...xstyledProps}\n    >\n      <StyledTextArea\n        ref={mergeRefs(innerRef, textareaRef)}\n        aria-multiline\n        value={value}\n        $maxHeight={maxHeight}\n        $minHeight={calculatedMinHeight}\n        onChange={handleOnChange}\n        resizable={resizable}\n        name={name}\n        id={id}\n        data-testid={DSControlledLargetTextInputDatatestids.INPUT}\n        $hasError={hasError}\n        {...globalAttributes}\n      />\n      <StyledTextArea\n        disabled\n        ref={ghostRef}\n        value={value}\n        style={{ visibility: 'hidden', pointerEvents: 'none', position: 'absolute' }}\n        $maxHeight={maxHeight}\n      />\n    </StyledContainer>\n  );\n};\n\nDSControlledLargeTextInput.displayName = 'DSControlledLargeTextInput';\nconst DSControlledLargeTextInputWithSchema = describe(DSControlledLargeTextInput);\nDSControlledLargeTextInputWithSchema.propTypes = propTypes as WeakValidationMap<unknown>;\n\nexport { DSControlledLargeTextInput, DSControlledLargeTextInputWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAyF;AACzF,0BAOO;AACP,mCAAwC;AACxC,oBAAgD;AAChD,8BAAuD;AAGvD,MAAM,6BAA6B,CAAC,UAA0D;AAC5F,0DAA+B,OAAO,sCAAS;AAE/C,QAAM,mBAAmB,sDAAgE,OAAO,yCAAY;AAE5G,QAAM,EAAE,OAAO,UAAU,UAAU,WAAW,MAAM,IAAI,UAAU,cAAc,eAAe;AAE/F,QAAM,EAAE,cAAc,qBAAqB,gDAAuB,UAAU;AAE5E,QAAM,eAAe,4CAAmB,UAAU;AAElD,QAAM,CAAC,qBAAqB,0BAA0B,2BAAS,MAAS;AAExE,QAAM,cAAc,yBAAmC,IAAI;AAC3D,QAAM,WAAW,yBAAmC,IAAI;AAExD,QAAM,iBAAiB,8BACrB,CAAC,MAA2B,SAAU,EAAE,OAA4B,OAAO,CAAC,GAC5E,CAAC,QAAQ,CACX;AAEA,oCAAgB,MAAM;AACpB,QAAI,YAAY,SAAS,WAAW,UAAU,IAAI;AAChD,eAAS,QAAQ,MAAM,YAAY;AACnC,YAAM,EAAE,iBAAiB,SAAS;AAClC,UAAI,cAAc,UAAa,gBAAgB;AAAW,+BAAuB,GAAG,WAAW;AAAA;AAC1F,+BAAuB,GAAG,cAAc;AAC7C,eAAS,QAAQ,MAAM,YAAY,GAAG;AAAA,IACxC;AAAA,EACF,GAAG,CAAC,WAAW,KAAK,CAAC;AAErB,SACE,mDAAC;AAAA,IACC;AAAA,IACA,eAAa,+DAAuC;AAAA,IACnD,GAAG;AAAA,KAEJ,mDAAC;AAAA,IACC,KAAK,mCAAU,UAAU,WAAW;AAAA,IACpC,kBAAc;AAAA,IACd;AAAA,IACA,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAa,+DAAuC;AAAA,IACpD,WAAW;AAAA,IACV,GAAG;AAAA,GACN,GACA,mDAAC;AAAA,IACC,UAAQ;AAAA,IACR,KAAK;AAAA,IACL;AAAA,IACA,OAAO,EAAE,YAAY,UAAU,eAAe,QAAQ,UAAU,WAAW;AAAA,IAC3E,YAAY;AAAA,GACd,CACF;AAEJ;AAEA,2BAA2B,cAAc;AACzC,MAAM,uCAAuC,kCAAS,0BAA0B;AAChF,qCAAqC,YAAY;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAyF;AACzF,0BAOO;AACP,mCAAwC;AACxC,oBAAgD;AAChD,8BAAuD;AAGvD,MAAM,6BAA6B,CAAC,UAA0D;AAC5F,0DAA+B,OAAO,sCAAS;AAE/C,QAAM,uBAAmB,kDAAgE,OAAO,yCAAY;AAE5G,QAAM,EAAE,OAAO,UAAU,UAAU,WAAW,MAAM,IAAI,UAAU,cAAc,WAAW,IAAI;AAE/F,QAAM,EAAE,cAAc,iBAAiB,QAAI,4CAAuB,UAAU;AAE5E,QAAM,mBAAe,wCAAmB,UAAU;AAElD,QAAM,CAAC,qBAAqB,sBAAsB,QAAI,uBAAS,MAAS;AAExE,QAAM,kBAAc,qBAAmC,IAAI;AAC3D,QAAM,eAAW,qBAAmC,IAAI;AAExD,QAAM,qBAAiB;AAAA,IACrB,CAAC,MAA2B,SAAU,EAAE,OAA4B,OAAO,CAAC;AAAA,IAC5E,CAAC,QAAQ;AAAA,EACX;AAEA,oCAAgB,MAAM;AACpB,QAAI,YAAY,SAAS,WAAW,UAAU,IAAI;AAChD,eAAS,QAAQ,MAAM,YAAY;AACnC,YAAM,EAAE,aAAa,IAAI,SAAS;AAClC,UAAI,cAAc,UAAa,gBAAgB;AAAW,+BAAuB,GAAG,WAAW;AAAA;AAC1F,+BAAuB,GAAG,cAAc;AAC7C,eAAS,QAAQ,MAAM,YAAY,GAAG;AAAA,IACxC;AAAA,EACF,GAAG,CAAC,WAAW,KAAK,CAAC;AAErB,SACE,6CAAC;AAAA,IACC;AAAA,IACA,eAAa,+DAAuC;AAAA,IACnD,GAAG;AAAA,IAEJ;AAAA,kDAAC;AAAA,QACC,SAAK,+BAAU,UAAU,WAAW;AAAA,QACpC,kBAAc;AAAA,QACd;AAAA,QACA,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA,eAAa,+DAAuC;AAAA,QACpD,WAAW;AAAA,QACV,GAAG;AAAA,OACN;AAAA,MACA,4CAAC;AAAA,QACC,UAAQ;AAAA,QACR,KAAK;AAAA,QACL;AAAA,QACA,OAAO,EAAE,YAAY,UAAU,eAAe,QAAQ,UAAU,WAAW;AAAA,QAC3E,YAAY;AAAA,OACd;AAAA;AAAA,GACF;AAEJ;AAEA,2BAA2B,cAAc;AACzC,MAAM,2CAAuC,8BAAS,0BAA0B;AAChF,qCAAqC,YAAY;",
   "names": []
 }

package/dist/cjs/exported-related/data-test-ids.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var data_test_ids_exports = {};
 __export(data_test_ids_exports, {

package/dist/cjs/exported-related/data-test-ids.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/exported-related/data-test-ids.ts", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export const DSControlledLargetTextInputDatatestids = {\n  CONTAINER: 'ds-controlled-large-text-input-container',\n  CHAR_COUNTER: 'ds-controlled-large-text-input-char-counter',\n  INPUT: 'ds-controlled-large-text-input',\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,yCAAyC;AAAA,EACpD,WAAW;AAAA,EACX,cAAc;AAAA,EACd,OAAO;AACT;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,yCAAyC;AAAA,EACpD,WAAW;AAAA,EACX,cAAc;AAAA,EACd,OAAO;AACT;",
   "names": []
 }

package/dist/cjs/exported-related/index.js

@@ -14,7 +14,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var exported_related_exports = {};
 module.exports = __toCommonJS(exported_related_exports);

package/dist/cjs/exported-related/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/exported-related/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export * from './data-test-ids';\nexport * from './theming';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,qCAAc,4BAAd;AACA,qCAAc,sBADd;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,qCAAc,4BAAd;AACA,qCAAc,sBADd;",
   "names": []
 }

package/dist/cjs/exported-related/theming.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var theming_exports = {};
 __export(theming_exports, {

package/dist/cjs/exported-related/theming.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/exported-related/theming.ts", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export const DSControlledLargeTextInputName = 'DS-ControlledLargeTextInput';\n\nexport const DSControlledLargeTextInputSlots = {\n  CONTAINER: 'root',\n  INPUT: 'input',\n  CHAR_COUNTER: 'char-counter',\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,iCAAiC;AAEvC,MAAM,kCAAkC;AAAA,EAC7C,WAAW;AAAA,EACX,OAAO;AAAA,EACP,cAAc;AAChB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,iCAAiC;AAEvC,MAAM,kCAAkC;AAAA,EAC7C,WAAW;AAAA,EACX,OAAO;AAAA,EACP,cAAc;AAChB;",
   "names": []
 }

package/dist/cjs/index.js

@@ -14,7 +14,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var src_exports = {};
 module.exports = __toCommonJS(src_exports);

package/dist/cjs/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.ts", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export * from './DSControlledLargeTextInput';\nexport * from './exported-related';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,yCAAd;AACA,wBAAc,+BADd;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,yCAAd;AACA,wBAAc,+BADd;",
   "names": []
 }

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

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var react_desc_prop_types_exports = {};
 __export(react_desc_prop_types_exports, {
@@ -42,7 +45,9 @@ const propTypes = {
   value: import_ds_utilities.PropTypes.string.description("Text are value.").defaultValue(""),
   onChange: import_ds_utilities.PropTypes.func.description("OnChange cb.").defaultValue("() => {}"),
   resizable: import_ds_utilities.PropTypes.bool.description("Enables to resize the component.").defaultValue(false),
-  rows: import_ds_utilities.PropTypes.string.description("Sets the number of lines for the default height. Once lines are reached, scroll behavior enables."),
+  rows: import_ds_utilities.PropTypes.string.description(
+    "Sets the number of lines for the default height. Once lines are reached, scroll behavior enables."
+  ),
   id: import_ds_utilities.PropTypes.string.description("Unique id."),
   innerRef: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.object, import_ds_utilities.PropTypes.func]).description("Inner ref to the input."),
   disabled: import_ds_utilities.PropTypes.bool.description("Set disabled state."),

package/dist/cjs/react-desc-prop-types.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/react-desc-prop-types.ts", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-utilities';\n\nconst noop = () => {};\n\nexport declare namespace DSControlledLargeTextInputT {\n  export interface DefaultProps {\n    value: string;\n    onChange: () => void;\n    resizable: boolean;\n    hasError: boolean;\n    rows: string;\n  }\n\n  export interface RequiredProps {\n    name: string;\n    id: string;\n  }\n\n  export interface PropsOptional {\n    disabled?: boolean;\n    readOnly?: boolean;\n    maxHeight?: number;\n    innerRef?: React.MutableRefObject<HTMLTextAreaElement | null>;\n    hasError?: boolean;\n  }\n\n  export interface Props extends DefaultProps, PropsOptional, RequiredProps {}\n}\n\nexport const defaultProps: DSControlledLargeTextInputT.DefaultProps = {\n  rows: '2',\n  value: '',\n  onChange: noop,\n  resizable: false,\n  hasError: false,\n};\n\nexport const propTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  value: PropTypes.string.description('Text are value.').defaultValue(''),\n  onChange: PropTypes.func.description('OnChange cb.').defaultValue('() => {}'),\n  resizable: PropTypes.bool.description('Enables to resize the component.').defaultValue(false),\n  rows: PropTypes.string.description(\n    'Sets the number of lines for the default height. Once lines are reached, scroll behavior enables.',\n  ),\n  id: PropTypes.string.description('Unique id.'),\n  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description('Inner ref to the input.'),\n  disabled: PropTypes.bool.description('Set disabled state.'),\n  readOnly: PropTypes.bool.description('Set readonly state.'),\n  maxHeight: PropTypes.number.description('Set max height to recize input text'),\n  hasError: PropTypes.bool.description('Set error state.').defaultValue(false),\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAuE;AAEvE,MAAM,OAAO,MAAM;AAAC;AA2Bb,MAAM,eAAyD;AAAA,EACpE,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,WAAW;AAAA,EACX,UAAU;AACZ;AAEO,MAAM,YAAY;AAAA,EACvB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,OAAO,8BAAU,OAAO,YAAY,iBAAiB,EAAE,aAAa,EAAE;AAAA,EACtE,UAAU,8BAAU,KAAK,YAAY,cAAc,EAAE,aAAa,UAAU;AAAA,EAC5E,WAAW,8BAAU,KAAK,YAAY,kCAAkC,EAAE,aAAa,KAAK;AAAA,EAC5F,MAAM,8BAAU,OAAO,YACrB,mGACF;AAAA,EACA,IAAI,8BAAU,OAAO,YAAY,YAAY;AAAA,EAC7C,UAAU,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,IAAI,CAAC,EAAE,YAAY,yBAAyB;AAAA,EACvG,UAAU,8BAAU,KAAK,YAAY,qBAAqB;AAAA,EAC1D,UAAU,8BAAU,KAAK,YAAY,qBAAqB;AAAA,EAC1D,WAAW,8BAAU,OAAO,YAAY,qCAAqC;AAAA,EAC7E,UAAU,8BAAU,KAAK,YAAY,kBAAkB,EAAE,aAAa,KAAK;AAC7E;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAuE;AAEvE,MAAM,OAAO,MAAM;AAAC;AA2Bb,MAAM,eAAyD;AAAA,EACpE,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,WAAW;AAAA,EACX,UAAU;AACZ;AAEO,MAAM,YAAY;AAAA,EACvB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,OAAO,8BAAU,OAAO,YAAY,iBAAiB,EAAE,aAAa,EAAE;AAAA,EACtE,UAAU,8BAAU,KAAK,YAAY,cAAc,EAAE,aAAa,UAAU;AAAA,EAC5E,WAAW,8BAAU,KAAK,YAAY,kCAAkC,EAAE,aAAa,KAAK;AAAA,EAC5F,MAAM,8BAAU,OAAO;AAAA,IACrB;AAAA,EACF;AAAA,EACA,IAAI,8BAAU,OAAO,YAAY,YAAY;AAAA,EAC7C,UAAU,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,IAAI,CAAC,EAAE,YAAY,yBAAyB;AAAA,EACvG,UAAU,8BAAU,KAAK,YAAY,qBAAqB;AAAA,EAC1D,UAAU,8BAAU,KAAK,YAAY,qBAAqB;AAAA,EAC1D,WAAW,8BAAU,OAAO,YAAY,qCAAqC;AAAA,EAC7E,UAAU,8BAAU,KAAK,YAAY,kBAAkB,EAAE,aAAa,KAAK;AAC7E;",
   "names": []
 }

package/dist/cjs/styles.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var styles_exports = {};
 __export(styles_exports, {

package/dist/cjs/styles.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/styles.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { styled, layout, space, sizing } from '@elliemae/ds-system';\nimport { DSControlledLargeTextInputName, DSControlledLargeTextInputSlots } from './exported-related';\n\ninterface StyledTextAreaT {\n  resizable: boolean;\n  hasError: boolean;\n}\n\nexport const StyledContainer = styled('div', {\n  name: DSControlledLargeTextInputName,\n  slot: DSControlledLargeTextInputSlots.CONTAINER,\n})`\n  display: grid;\n  grid-gap: 4px;\n  grid-template-rows: auto auto;\n  grid-template-columns: fit-content;\n  ${layout}\n  ${space}\n  ${sizing}\n`;\n\nexport const StyledTextArea = styled('textarea', {\n  name: DSControlledLargeTextInputName,\n  slot: DSControlledLargeTextInputSlots.INPUT,\n})<StyledTextAreaT>`\n  &:hover { \n    border: 1px solid ${({theme}) => theme.colors.brand[700]};\n  }\n  width: 100%;\n  ${({ resizable }) => (resizable ? `` : `resize: none;`)}\n  &:disabled {\n    &:hover {\n      cursor: not-allowed;\n    }\n  }\n  ${({ $maxHeight }) => ($maxHeight ? `max-height: ${$maxHeight}px;` : ``)}\n  ${({ $minHeight }) => ($minHeight ? `min-height: ${$minHeight}px;` : ``)}\n  ${({ disabled }) => (disabled ? `overflow: hidden` : '')}\n  ${({ $hasError }) => ($hasError ? `border: 1px solid red;` : ``)}\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA8C;AAC9C,8BAAgF;AAOzE,MAAM,kBAAkB,6BAAO,OAAO;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,wDAAgC;AACxC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKG;AAAA,IACA;AAAA,IACA;AAAA;AAGG,MAAM,iBAAiB,6BAAO,YAAY;AAAA,EAC/C,MAAM;AAAA,EACN,MAAM,wDAAgC;AACxC,CAAC;AAAA;AAAA,wBAEuB,CAAC,EAAC,YAAW,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA,IAGpD,CAAC,EAAE,gBAAiB,YAAY,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMrC,CAAC,EAAE,iBAAkB,aAAa,eAAe,kBAAkB;AAAA,IACnE,CAAC,EAAE,iBAAkB,aAAa,eAAe,kBAAkB;AAAA,IACnE,CAAC,EAAE,eAAgB,WAAW,qBAAqB;AAAA,IACnD,CAAC,EAAE,gBAAiB,YAAY,2BAA2B;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA8C;AAC9C,8BAAgF;AAOzE,MAAM,sBAAkB,yBAAO,OAAO;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,wDAAgC;AACxC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKG;AAAA,IACA;AAAA,IACA;AAAA;AAGG,MAAM,qBAAiB,yBAAO,YAAY;AAAA,EAC/C,MAAM;AAAA,EACN,MAAM,wDAAgC;AACxC,CAAC;AAAA;AAAA,wBAEuB,CAAC,EAAC,MAAK,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA,IAGpD,CAAC,EAAE,UAAU,MAAO,YAAY,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMrC,CAAC,EAAE,WAAW,MAAO,aAAa,eAAe,kBAAkB;AAAA,IACnE,CAAC,EAAE,WAAW,MAAO,aAAa,eAAe,kBAAkB;AAAA,IACnE,CAAC,EAAE,SAAS,MAAO,WAAW,qBAAqB;AAAA,IACnD,CAAC,EAAE,UAAU,MAAO,YAAY,2BAA2B;AAAA;",
   "names": []
 }

package/dist/esm/DSControlledLargeTextInput.js

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useCallback, useRef, useState, useLayoutEffect } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useRef, useState, useLayoutEffect } from "react";
 import {
   describe,
   mergeRefs,
@@ -20,7 +21,10 @@ const DSControlledLargeTextInput = (props) => {
   const [calculatedMinHeight, setCalculatedMinHeight] = useState(void 0);
   const textareaRef = useRef(null);
   const ghostRef = useRef(null);
-  const handleOnChange = useCallback((e) => onChange(e.target.value, e), [onChange]);
+  const handleOnChange = useCallback(
+    (e) => onChange(e.target.value, e),
+    [onChange]
+  );
   useLayoutEffect(() => {
     if (ghostRef && ghostRef.current && value !== "") {
       ghostRef.current.style.maxHeight = "0px";
@@ -32,30 +36,34 @@ const DSControlledLargeTextInput = (props) => {
       ghostRef.current.style.maxHeight = `${maxHeight}px`;
     }
   }, [maxHeight, value]);
-  return /* @__PURE__ */ React2.createElement(StyledContainer, {
+  return /* @__PURE__ */ jsxs(StyledContainer, {
     className,
     "data-testid": DSControlledLargetTextInputDatatestids.CONTAINER,
-    ...xstyledProps
-  }, /* @__PURE__ */ React2.createElement(StyledTextArea, {
-    ref: mergeRefs(innerRef, textareaRef),
-    "aria-multiline": true,
-    value,
-    $maxHeight: maxHeight,
-    $minHeight: calculatedMinHeight,
-    onChange: handleOnChange,
-    resizable,
-    name,
-    id,
-    "data-testid": DSControlledLargetTextInputDatatestids.INPUT,
-    $hasError: hasError,
-    ...globalAttributes
-  }), /* @__PURE__ */ React2.createElement(StyledTextArea, {
-    disabled: true,
-    ref: ghostRef,
-    value,
-    style: { visibility: "hidden", pointerEvents: "none", position: "absolute" },
-    $maxHeight: maxHeight
-  }));
+    ...xstyledProps,
+    children: [
+      /* @__PURE__ */ jsx(StyledTextArea, {
+        ref: mergeRefs(innerRef, textareaRef),
+        "aria-multiline": true,
+        value,
+        $maxHeight: maxHeight,
+        $minHeight: calculatedMinHeight,
+        onChange: handleOnChange,
+        resizable,
+        name,
+        id,
+        "data-testid": DSControlledLargetTextInputDatatestids.INPUT,
+        $hasError: hasError,
+        ...globalAttributes
+      }),
+      /* @__PURE__ */ jsx(StyledTextArea, {
+        disabled: true,
+        ref: ghostRef,
+        value,
+        style: { visibility: "hidden", pointerEvents: "none", position: "absolute" },
+        $maxHeight: maxHeight
+      })
+    ]
+  });
 };
 DSControlledLargeTextInput.displayName = "DSControlledLargeTextInput";
 const DSControlledLargeTextInputWithSchema = describe(DSControlledLargeTextInput);

package/dist/esm/DSControlledLargeTextInput.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSControlledLargeTextInput.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback, WeakValidationMap, useRef, useState, useLayoutEffect } from 'react';\nimport {\n  describe,\n  mergeRefs,\n  useValidateTypescriptPropTypes,\n  useMemoMergePropsWithDefault,\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n} from '@elliemae/ds-utilities';\nimport { propTypes, defaultProps } from './react-desc-prop-types';\nimport { StyledTextArea, StyledContainer } from './styles';\nimport { DSControlledLargetTextInputDatatestids } from './exported-related';\nimport type { DSControlledLargeTextInputT } from './react-desc-prop-types';\n\nconst DSControlledLargeTextInput = (props: DSControlledLargeTextInputT.Props): JSX.Element => {\n  useValidateTypescriptPropTypes(props, propTypes);\n\n  const propsWithDefault = useMemoMergePropsWithDefault<DSControlledLargeTextInputT.Props>(props, defaultProps);\n\n  const { value, onChange, innerRef, resizable, name, id, hasError, maxHeight, ...otherProps } = propsWithDefault;\n\n  const { className, ...globalAttributes } = useGetGlobalAttributes(otherProps);\n\n  const xstyledProps = useGetXstyledProps(otherProps);\n\n  const [calculatedMinHeight, setCalculatedMinHeight] = useState(undefined)\n\n  const textareaRef = useRef<HTMLTextAreaElement | null>(null);\n  const ghostRef = useRef<HTMLTextAreaElement | null>(null);\n\n  const handleOnChange = useCallback(\n    (e: React.KeyboardEvent) => onChange((e.target as HTMLInputElement).value, e),\n    [onChange],\n  );\n\n  useLayoutEffect(() => {\n    if (ghostRef && ghostRef.current && value !== '') {\n      ghostRef.current.style.maxHeight = '0px';\n      const { scrollHeight } = ghostRef.current;\n      if (maxHeight !== undefined && scrollHeight >= maxHeight) setCalculatedMinHeight(`${maxHeight}`);\n      else setCalculatedMinHeight(`${scrollHeight}`)\n      ghostRef.current.style.maxHeight = `${maxHeight}px`;\n    }\n  }, [maxHeight, value]);\n\n  return (\n    <StyledContainer\n      className={className}\n      data-testid={DSControlledLargetTextInputDatatestids.CONTAINER}\n      {...xstyledProps}\n    >\n      <StyledTextArea\n        ref={mergeRefs(innerRef, textareaRef)}\n        aria-multiline\n        value={value}\n        $maxHeight={maxHeight}\n        $minHeight={calculatedMinHeight}\n        onChange={handleOnChange}\n        resizable={resizable}\n        name={name}\n        id={id}\n        data-testid={DSControlledLargetTextInputDatatestids.INPUT}\n        $hasError={hasError}\n        {...globalAttributes}\n      />\n      <StyledTextArea\n        disabled\n        ref={ghostRef}\n        value={value}\n        style={{ visibility: 'hidden', pointerEvents: 'none', position: 'absolute' }}\n        $maxHeight={maxHeight}\n      />\n    </StyledContainer>\n  );\n};\n\nDSControlledLargeTextInput.displayName = 'DSControlledLargeTextInput';\nconst DSControlledLargeTextInputWithSchema = describe(DSControlledLargeTextInput);\nDSControlledLargeTextInputWithSchema.propTypes = propTypes as WeakValidationMap<unknown>;\n\nexport { DSControlledLargeTextInput, DSControlledLargeTextInputWithSchema };\n"],
-  "mappings": "AAAA;ACAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA;AACA;AACA;AAGA,MAAM,6BAA6B,CAAC,UAA0D;AAC5F,iCAA+B,OAAO,SAAS;AAE/C,QAAM,mBAAmB,6BAAgE,OAAO,YAAY;AAE5G,QAAM,EAAE,OAAO,UAAU,UAAU,WAAW,MAAM,IAAI,UAAU,cAAc,eAAe;AAE/F,QAAM,EAAE,cAAc,qBAAqB,uBAAuB,UAAU;AAE5E,QAAM,eAAe,mBAAmB,UAAU;AAElD,QAAM,CAAC,qBAAqB,0BAA0B,SAAS,MAAS;AAExE,QAAM,cAAc,OAAmC,IAAI;AAC3D,QAAM,WAAW,OAAmC,IAAI;AAExD,QAAM,iBAAiB,YACrB,CAAC,MAA2B,SAAU,EAAE,OAA4B,OAAO,CAAC,GAC5E,CAAC,QAAQ,CACX;AAEA,kBAAgB,MAAM;AACpB,QAAI,YAAY,SAAS,WAAW,UAAU,IAAI;AAChD,eAAS,QAAQ,MAAM,YAAY;AACnC,YAAM,EAAE,iBAAiB,SAAS;AAClC,UAAI,cAAc,UAAa,gBAAgB;AAAW,+BAAuB,GAAG,WAAW;AAAA;AAC1F,+BAAuB,GAAG,cAAc;AAC7C,eAAS,QAAQ,MAAM,YAAY,GAAG;AAAA,IACxC;AAAA,EACF,GAAG,CAAC,WAAW,KAAK,CAAC;AAErB,SACE,qCAAC;AAAA,IACC;AAAA,IACA,eAAa,uCAAuC;AAAA,IACnD,GAAG;AAAA,KAEJ,qCAAC;AAAA,IACC,KAAK,UAAU,UAAU,WAAW;AAAA,IACpC,kBAAc;AAAA,IACd;AAAA,IACA,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAa,uCAAuC;AAAA,IACpD,WAAW;AAAA,IACV,GAAG;AAAA,GACN,GACA,qCAAC;AAAA,IACC,UAAQ;AAAA,IACR,KAAK;AAAA,IACL;AAAA,IACA,OAAO,EAAE,YAAY,UAAU,eAAe,QAAQ,UAAU,WAAW;AAAA,IAC3E,YAAY;AAAA,GACd,CACF;AAEJ;AAEA,2BAA2B,cAAc;AACzC,MAAM,uCAAuC,SAAS,0BAA0B;AAChF,qCAAqC,YAAY;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,SAAgB,aAAgC,QAAQ,UAAU,uBAAuB;AACzF;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,WAAW,oBAAoB;AACxC,SAAS,gBAAgB,uBAAuB;AAChD,SAAS,8CAA8C;AAGvD,MAAM,6BAA6B,CAAC,UAA0D;AAC5F,iCAA+B,OAAO,SAAS;AAE/C,QAAM,mBAAmB,6BAAgE,OAAO,YAAY;AAE5G,QAAM,EAAE,OAAO,UAAU,UAAU,WAAW,MAAM,IAAI,UAAU,cAAc,WAAW,IAAI;AAE/F,QAAM,EAAE,cAAc,iBAAiB,IAAI,uBAAuB,UAAU;AAE5E,QAAM,eAAe,mBAAmB,UAAU;AAElD,QAAM,CAAC,qBAAqB,sBAAsB,IAAI,SAAS,MAAS;AAExE,QAAM,cAAc,OAAmC,IAAI;AAC3D,QAAM,WAAW,OAAmC,IAAI;AAExD,QAAM,iBAAiB;AAAA,IACrB,CAAC,MAA2B,SAAU,EAAE,OAA4B,OAAO,CAAC;AAAA,IAC5E,CAAC,QAAQ;AAAA,EACX;AAEA,kBAAgB,MAAM;AACpB,QAAI,YAAY,SAAS,WAAW,UAAU,IAAI;AAChD,eAAS,QAAQ,MAAM,YAAY;AACnC,YAAM,EAAE,aAAa,IAAI,SAAS;AAClC,UAAI,cAAc,UAAa,gBAAgB;AAAW,+BAAuB,GAAG,WAAW;AAAA;AAC1F,+BAAuB,GAAG,cAAc;AAC7C,eAAS,QAAQ,MAAM,YAAY,GAAG;AAAA,IACxC;AAAA,EACF,GAAG,CAAC,WAAW,KAAK,CAAC;AAErB,SACE,qBAAC;AAAA,IACC;AAAA,IACA,eAAa,uCAAuC;AAAA,IACnD,GAAG;AAAA,IAEJ;AAAA,0BAAC;AAAA,QACC,KAAK,UAAU,UAAU,WAAW;AAAA,QACpC,kBAAc;AAAA,QACd;AAAA,QACA,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA,eAAa,uCAAuC;AAAA,QACpD,WAAW;AAAA,QACV,GAAG;AAAA,OACN;AAAA,MACA,oBAAC;AAAA,QACC,UAAQ;AAAA,QACR,KAAK;AAAA,QACL;AAAA,QACA,OAAO,EAAE,YAAY,UAAU,eAAe,QAAQ,UAAU,WAAW;AAAA,QAC3E,YAAY;AAAA,OACd;AAAA;AAAA,GACF;AAEJ;AAEA,2BAA2B,cAAc;AACzC,MAAM,uCAAuC,SAAS,0BAA0B;AAChF,qCAAqC,YAAY;",
   "names": []
 }

package/dist/esm/exported-related/data-test-ids.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/data-test-ids.ts"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSControlledLargetTextInputDatatestids = {\n  CONTAINER: 'ds-controlled-large-text-input-container',\n  CHAR_COUNTER: 'ds-controlled-large-text-input-char-counter',\n  INPUT: 'ds-controlled-large-text-input',\n};\n"],
-  "mappings": "AAAA;ACAO,MAAM,yCAAyC;AAAA,EACpD,WAAW;AAAA,EACX,cAAc;AAAA,EACd,OAAO;AACT;",
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,yCAAyC;AAAA,EACpD,WAAW;AAAA,EACX,cAAc;AAAA,EACd,OAAO;AACT;",
   "names": []
 }

package/dist/esm/exported-related/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/index.ts"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './data-test-ids';\nexport * from './theming';\n"],
-  "mappings": "AAAA;ACAA;AACA;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;",
   "names": []
 }

package/dist/esm/exported-related/theming.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/theming.ts"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSControlledLargeTextInputName = 'DS-ControlledLargeTextInput';\n\nexport const DSControlledLargeTextInputSlots = {\n  CONTAINER: 'root',\n  INPUT: 'input',\n  CHAR_COUNTER: 'char-counter',\n};\n"],
-  "mappings": "AAAA;ACAO,MAAM,iCAAiC;AAEvC,MAAM,kCAAkC;AAAA,EAC7C,WAAW;AAAA,EACX,OAAO;AAAA,EACP,cAAc;AAChB;",
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,iCAAiC;AAEvC,MAAM,kCAAkC;AAAA,EAC7C,WAAW;AAAA,EACX,OAAO;AAAA,EACP,cAAc;AAChB;",
   "names": []
 }

package/dist/esm/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.ts"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSControlledLargeTextInput';\nexport * from './exported-related';\n"],
-  "mappings": "AAAA;ACAA;AACA;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;",
   "names": []
 }

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

@@ -15,7 +15,9 @@ const propTypes = {
   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."),
+  rows: PropTypes.string.description(
+    "Sets the number of lines for the default height. Once lines are reached, scroll behavior enables."
+  ),
   id: PropTypes.string.description("Unique id."),
   innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description("Inner ref to the input."),
   disabled: PropTypes.bool.description("Set disabled state."),

package/dist/esm/react-desc-prop-types.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.ts"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-utilities';\n\nconst noop = () => {};\n\nexport declare namespace DSControlledLargeTextInputT {\n  export interface DefaultProps {\n    value: string;\n    onChange: () => void;\n    resizable: boolean;\n    hasError: boolean;\n    rows: string;\n  }\n\n  export interface RequiredProps {\n    name: string;\n    id: string;\n  }\n\n  export interface PropsOptional {\n    disabled?: boolean;\n    readOnly?: boolean;\n    maxHeight?: number;\n    innerRef?: React.MutableRefObject<HTMLTextAreaElement | null>;\n    hasError?: boolean;\n  }\n\n  export interface Props extends DefaultProps, PropsOptional, RequiredProps {}\n}\n\nexport const defaultProps: DSControlledLargeTextInputT.DefaultProps = {\n  rows: '2',\n  value: '',\n  onChange: noop,\n  resizable: false,\n  hasError: false,\n};\n\nexport const propTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  value: PropTypes.string.description('Text are value.').defaultValue(''),\n  onChange: PropTypes.func.description('OnChange cb.').defaultValue('() => {}'),\n  resizable: PropTypes.bool.description('Enables to resize the component.').defaultValue(false),\n  rows: PropTypes.string.description(\n    'Sets the number of lines for the default height. Once lines are reached, scroll behavior enables.',\n  ),\n  id: PropTypes.string.description('Unique id.'),\n  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description('Inner ref to the input.'),\n  disabled: PropTypes.bool.description('Set disabled state.'),\n  readOnly: PropTypes.bool.description('Set readonly state.'),\n  maxHeight: PropTypes.number.description('Set max height to recize input text'),\n  hasError: PropTypes.bool.description('Set error state.').defaultValue(false),\n};\n"],
-  "mappings": "AAAA;ACAA;AAEA,MAAM,OAAO,MAAM;AAAC;AA2Bb,MAAM,eAAyD;AAAA,EACpE,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,WAAW;AAAA,EACX,UAAU;AACZ;AAEO,MAAM,YAAY;AAAA,EACvB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,OAAO,UAAU,OAAO,YAAY,iBAAiB,EAAE,aAAa,EAAE;AAAA,EACtE,UAAU,UAAU,KAAK,YAAY,cAAc,EAAE,aAAa,UAAU;AAAA,EAC5E,WAAW,UAAU,KAAK,YAAY,kCAAkC,EAAE,aAAa,KAAK;AAAA,EAC5F,MAAM,UAAU,OAAO,YACrB,mGACF;AAAA,EACA,IAAI,UAAU,OAAO,YAAY,YAAY;AAAA,EAC7C,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,IAAI,CAAC,EAAE,YAAY,yBAAyB;AAAA,EACvG,UAAU,UAAU,KAAK,YAAY,qBAAqB;AAAA,EAC1D,UAAU,UAAU,KAAK,YAAY,qBAAqB;AAAA,EAC1D,WAAW,UAAU,OAAO,YAAY,qCAAqC;AAAA,EAC7E,UAAU,UAAU,KAAK,YAAY,kBAAkB,EAAE,aAAa,KAAK;AAC7E;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,WAAW,2BAA2B,wBAAwB;AAEvE,MAAM,OAAO,MAAM;AAAC;AA2Bb,MAAM,eAAyD;AAAA,EACpE,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,WAAW;AAAA,EACX,UAAU;AACZ;AAEO,MAAM,YAAY;AAAA,EACvB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,OAAO,UAAU,OAAO,YAAY,iBAAiB,EAAE,aAAa,EAAE;AAAA,EACtE,UAAU,UAAU,KAAK,YAAY,cAAc,EAAE,aAAa,UAAU;AAAA,EAC5E,WAAW,UAAU,KAAK,YAAY,kCAAkC,EAAE,aAAa,KAAK;AAAA,EAC5F,MAAM,UAAU,OAAO;AAAA,IACrB;AAAA,EACF;AAAA,EACA,IAAI,UAAU,OAAO,YAAY,YAAY;AAAA,EAC7C,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,IAAI,CAAC,EAAE,YAAY,yBAAyB;AAAA,EACvG,UAAU,UAAU,KAAK,YAAY,qBAAqB;AAAA,EAC1D,UAAU,UAAU,KAAK,YAAY,qBAAqB;AAAA,EAC1D,WAAW,UAAU,OAAO,YAAY,qCAAqC;AAAA,EAC7E,UAAU,UAAU,KAAK,YAAY,kBAAkB,EAAE,aAAa,KAAK;AAC7E;",
   "names": []
 }

package/dist/esm/styles.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/styles.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled, layout, space, sizing } from '@elliemae/ds-system';\nimport { DSControlledLargeTextInputName, DSControlledLargeTextInputSlots } from './exported-related';\n\ninterface StyledTextAreaT {\n  resizable: boolean;\n  hasError: boolean;\n}\n\nexport const StyledContainer = styled('div', {\n  name: DSControlledLargeTextInputName,\n  slot: DSControlledLargeTextInputSlots.CONTAINER,\n})`\n  display: grid;\n  grid-gap: 4px;\n  grid-template-rows: auto auto;\n  grid-template-columns: fit-content;\n  ${layout}\n  ${space}\n  ${sizing}\n`;\n\nexport const StyledTextArea = styled('textarea', {\n  name: DSControlledLargeTextInputName,\n  slot: DSControlledLargeTextInputSlots.INPUT,\n})<StyledTextAreaT>`\n  &:hover { \n    border: 1px solid ${({theme}) => theme.colors.brand[700]};\n  }\n  width: 100%;\n  ${({ resizable }) => (resizable ? `` : `resize: none;`)}\n  &:disabled {\n    &:hover {\n      cursor: not-allowed;\n    }\n  }\n  ${({ $maxHeight }) => ($maxHeight ? `max-height: ${$maxHeight}px;` : ``)}\n  ${({ $minHeight }) => ($minHeight ? `min-height: ${$minHeight}px;` : ``)}\n  ${({ disabled }) => (disabled ? `overflow: hidden` : '')}\n  ${({ $hasError }) => ($hasError ? `border: 1px solid red;` : ``)}\n`;\n"],
-  "mappings": "AAAA;ACAA;AACA;AAOO,MAAM,kBAAkB,OAAO,OAAO;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,gCAAgC;AACxC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKG;AAAA,IACA;AAAA,IACA;AAAA;AAGG,MAAM,iBAAiB,OAAO,YAAY;AAAA,EAC/C,MAAM;AAAA,EACN,MAAM,gCAAgC;AACxC,CAAC;AAAA;AAAA,wBAEuB,CAAC,EAAC,YAAW,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA,IAGpD,CAAC,EAAE,gBAAiB,YAAY,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMrC,CAAC,EAAE,iBAAkB,aAAa,eAAe,kBAAkB;AAAA,IACnE,CAAC,EAAE,iBAAkB,aAAa,eAAe,kBAAkB;AAAA,IACnE,CAAC,EAAE,eAAgB,WAAW,qBAAqB;AAAA,IACnD,CAAC,EAAE,gBAAiB,YAAY,2BAA2B;AAAA;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,QAAQ,OAAO,cAAc;AAC9C,SAAS,gCAAgC,uCAAuC;AAOzE,MAAM,kBAAkB,OAAO,OAAO;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,gCAAgC;AACxC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKG;AAAA,IACA;AAAA,IACA;AAAA;AAGG,MAAM,iBAAiB,OAAO,YAAY;AAAA,EAC/C,MAAM;AAAA,EACN,MAAM,gCAAgC;AACxC,CAAC;AAAA;AAAA,wBAEuB,CAAC,EAAC,MAAK,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA,IAGpD,CAAC,EAAE,UAAU,MAAO,YAAY,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMrC,CAAC,EAAE,WAAW,MAAO,aAAa,eAAe,kBAAkB;AAAA,IACnE,CAAC,EAAE,WAAW,MAAO,aAAa,eAAe,kBAAkB;AAAA,IACnE,CAAC,EAAE,SAAS,MAAO,WAAW,qBAAqB;AAAA,IACnD,CAAC,EAAE,UAAU,MAAO,YAAY,2BAA2B;AAAA;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-form-input-textarea",
-  "version": "3.4.3-rc.1",
+  "version": "3.4.4-rc.0",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Controlled Form Input Textarea",
   "files": [
@@ -35,8 +35,8 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-system": "3.4.3-rc.1",
-    "@elliemae/ds-utilities": "3.4.3-rc.1",
+    "@elliemae/ds-system": "3.4.4-rc.0",
+    "@elliemae/ds-utilities": "3.4.4-rc.0",
     "@xstyled/styled-components": "~3.6.0"
   },
   "devDependencies": {