@elliemae/ds-form-input-textarea 3.2.0 → 3.2.1-rc.2

package/dist/cjs/DSControlledLargeTextInput.js

@@ -1,3 +1,4 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

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 } from 'react';\nimport {\n  describe,\n  useValidateTypescriptPropTypes,\n  useMemoMergePropsWithDefault,\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n} from '@elliemae/ds-utilities';\nimport { propTypes, defaultProps } from './react-desc-prop-types';\nimport { StyledTextArea, StyledContainer, StyledCharCounter } 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 {\n    maxLength,\n    value,\n    onChange,\n    innerRef,\n    resizable,\n    name,\n    id,\n    withoutCharacterCounter,\n    hasError,\n    ...otherProps\n  } = propsWithDefault;\n\n  const { className, ...globalAttributes } = useGetGlobalAttributes(otherProps);\n\n  const xstyledProps = useGetXstyledProps(otherProps);\n\n  const handleOnChange = useCallback(\n    (e: React.KeyboardEvent) => onChange((e.target as HTMLInputElement).value, e),\n    [onChange],\n  );\n\n  return (\n    <StyledContainer\n      className={className}\n      data-testid={DSControlledLargetTextInputDatatestids.CONTAINER}\n      {...xstyledProps}\n    >\n      <StyledTextArea\n        ref={innerRef}\n        maxLength={maxLength}\n        aria-multiline\n        value={value}\n        onChange={handleOnChange}\n        resizable={resizable}\n        name={name}\n        id={id}\n        data-testid={DSControlledLargetTextInputDatatestids.INPUT}\n        hasError={hasError}\n        {...globalAttributes}\n      />\n      {maxLength && !withoutCharacterCounter && (\n        <StyledCharCounter\n          data-testid={DSControlledLargetTextInputDatatestids.CHAR_COUNTER}\n        >{`${value.length}/${maxLength}`}</StyledCharCounter>\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,mBAAsD;AACtD,0BAMO;AACP,mCAAwC;AACxC,oBAAmE;AACnE,8BAAuD;AAGvD,MAAM,6BAA6B,CAAC,UAA0D;AAC5F,0DAA+B,OAAO,sCAAS;AAE/C,QAAM,mBAAmB,sDAAgE,OAAO,yCAAY;AAE5G,QAWI,uBAVF;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAEE,IADC,uBACD,IADC;AAAA,IATH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIF,QAA2C,qDAAuB,UAAU,GAApE,gBAAmC,IAArB,6BAAqB,IAArB,CAAd;AAER,QAAM,eAAe,4CAAmB,UAAU;AAElD,QAAM,iBAAiB,8BACrB,CAAC,MAA2B,SAAU,EAAE,OAA4B,OAAO,CAAC,GAC5E,CAAC,QAAQ,CACX;AAEA,SACE,mDAAC;AAAA,IACC;AAAA,IACA,eAAa,+DAAuC;AAAA,KAChD,eAEJ,mDAAC;AAAA,IACC,KAAK;AAAA,IACL;AAAA,IACA,kBAAc;AAAA,IACd;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAa,+DAAuC;AAAA,IACpD;AAAA,KACI,iBACN,GACC,aAAa,CAAC,2BACb,mDAAC;AAAA,IACC,eAAa,+DAAuC;AAAA,KACpD,GAAG,MAAM,UAAU,WAAY,CAErC;AAEJ;AAEA,2BAA2B,cAAc;AACzC,MAAM,uCAAuC,kCAAS,0BAA0B;AAChF,qCAAqC,YAAY;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAsD;AACtD,0BAMO;AACP,mCAAwC;AACxC,oBAAmE;AACnE,8BAAuD;AAGvD,MAAM,6BAA6B,CAAC,UAA0D;AAC5F,0DAA+B,OAAO,sCAAS;AAE/C,QAAM,mBAAmB,sDAAgE,OAAO,yCAAY;AAE5G,QAWI,uBAVF;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAEE,IADC,uBACD,IADC;AAAA,IATH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIF,QAA2C,qDAAuB,UAAU,GAApE,gBAAmC,IAArB,6BAAqB,IAArB,CAAd;AAER,QAAM,eAAe,4CAAmB,UAAU;AAElD,QAAM,iBAAiB,8BACrB,CAAC,MAA2B,SAAU,EAAE,OAA4B,OAAO,CAAC,GAC5E,CAAC,QAAQ,CACX;AAEA,SACE,mDAAC;AAAA,IACC;AAAA,IACA,eAAa,+DAAuC;AAAA,KAChD,eAEJ,mDAAC;AAAA,IACC,KAAK;AAAA,IACL;AAAA,IACA,kBAAc;AAAA,IACd;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAa,+DAAuC;AAAA,IACpD;AAAA,KACI,iBACN,GACC,aAAa,CAAC,2BACb,mDAAC;AAAA,IACC,eAAa,+DAAuC;AAAA,KACpD,GAAG,MAAM,UAAU,WAAY,CAErC;AAEJ;AAEA,2BAA2B,cAAc;AACzC,MAAM,uCAAuC,kCAAS,0BAA0B;AAChF,qCAAqC,YAAY;",
   "names": []
 }

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

@@ -1,3 +1,4 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

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

@@ -1,3 +1,4 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

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

@@ -1,3 +1,4 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

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

@@ -1,3 +1,4 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

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

@@ -1,3 +1,4 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;

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    withoutCharacterCounter: boolean;\n    resizable: boolean;\n    hasError: boolean;\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    innerRef?: React.MutableRefObject<HTMLTextAreaElement | null>;\n    maxLength?: string;\n    rows?: string;\n    hasError?: boolean;\n  }\n\n  export interface Props extends DefaultProps, PropsOptional, RequiredProps {}\n}\n\nexport const defaultProps: DSControlledLargeTextInputT.DefaultProps = {\n  value: '',\n  onChange: noop,\n  withoutCharacterCounter: false,\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  withoutCharacterCounter: PropTypes.bool.description('Removes the character counter.').defaultValue(false),\n  id: PropTypes.string.description('Unique id.'),\n  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description('Inner ref to the input.'),\n  maxLength: PropTypes.string.description('Max characters allowed.'),\n  disabled: PropTypes.bool.description('Set disabled state.'),\n  readOnly: PropTypes.bool.description('Set readonly state.'),\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;AA4Bb,MAAM,eAAyD;AAAA,EACpE,OAAO;AAAA,EACP,UAAU;AAAA,EACV,yBAAyB;AAAA,EACzB,WAAW;AAAA,EACX,UAAU;AACZ;AAEO,MAAM,YAAY,gDACpB,gDACA,uCAFoB;AAAA,EAGvB,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,yBAAyB,8BAAU,KAAK,YAAY,gCAAgC,EAAE,aAAa,KAAK;AAAA,EACxG,IAAI,8BAAU,OAAO,YAAY,YAAY;AAAA,EAC7C,UAAU,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,IAAI,CAAC,EAAE,YAAY,yBAAyB;AAAA,EACvG,WAAW,8BAAU,OAAO,YAAY,yBAAyB;AAAA,EACjE,UAAU,8BAAU,KAAK,YAAY,qBAAqB;AAAA,EAC1D,UAAU,8BAAU,KAAK,YAAY,qBAAqB;AAAA,EAC1D,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;AA4Bb,MAAM,eAAyD;AAAA,EACpE,OAAO;AAAA,EACP,UAAU;AAAA,EACV,yBAAyB;AAAA,EACzB,WAAW;AAAA,EACX,UAAU;AACZ;AAEO,MAAM,YAAY,gDACpB,gDACA,uCAFoB;AAAA,EAGvB,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,yBAAyB,8BAAU,KAAK,YAAY,gCAAgC,EAAE,aAAa,KAAK;AAAA,EACxG,IAAI,8BAAU,OAAO,YAAY,YAAY;AAAA,EAC7C,UAAU,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,IAAI,CAAC,EAAE,YAAY,yBAAyB;AAAA,EACvG,WAAW,8BAAU,OAAO,YAAY,yBAAyB;AAAA,EACjE,UAAU,8BAAU,KAAK,YAAY,qBAAqB;AAAA,EAC1D,UAAU,8BAAU,KAAK,YAAY,qBAAqB;AAAA,EAC1D,UAAU,8BAAU,KAAK,YAAY,kBAAkB,EAAE,aAAa,KAAK;AAC7E;",
   "names": []
 }

package/dist/cjs/styles.js

@@ -1,3 +1,4 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

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 StyledCharCounter = styled('span', {\n  name: DSControlledLargeTextInputName,\n  slot: DSControlledLargeTextInputSlots.CHAR_COUNTER,\n})`\n  justify-self: flex-end;\n`;\n\nexport const StyledTextArea = styled('textarea', {\n  name: DSControlledLargeTextInputName,\n  slot: DSControlledLargeTextInputSlots.INPUT,\n})<StyledTextAreaT>`\n  width: 100%;\n  ${({ resizable }) => (resizable ? `` : `resize: none;`)}\n  &:disabled {\n    &:hover {\n      cursor: not-allowed;\n    }\n  }\n\n  ${({ hasError }) => (hasError ? `border: 1px solid red;` : ``)}\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;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,oBAAoB,6BAAO,QAAQ;AAAA,EAC9C,MAAM;AAAA,EACN,MAAM,wDAAgC;AACxC,CAAC;AAAA;AAAA;AAIM,MAAM,iBAAiB,6BAAO,YAAY;AAAA,EAC/C,MAAM;AAAA,EACN,MAAM,wDAAgC;AACxC,CAAC;AAAA;AAAA,IAEG,CAAC,EAAE,gBAAiB,YAAY,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOrC,CAAC,EAAE,eAAgB,WAAW,2BAA2B;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;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,oBAAoB,6BAAO,QAAQ;AAAA,EAC9C,MAAM;AAAA,EACN,MAAM,wDAAgC;AACxC,CAAC;AAAA;AAAA;AAIM,MAAM,iBAAiB,6BAAO,YAAY;AAAA,EAC/C,MAAM;AAAA,EACN,MAAM,wDAAgC;AACxC,CAAC;AAAA;AAAA,IAEG,CAAC,EAAE,gBAAiB,YAAY,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOrC,CAAC,EAAE,eAAgB,WAAW,2BAA2B;AAAA;",
   "names": []
 }

package/dist/esm/DSControlledLargeTextInput.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;

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 } from 'react';\nimport {\n  describe,\n  useValidateTypescriptPropTypes,\n  useMemoMergePropsWithDefault,\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n} from '@elliemae/ds-utilities';\nimport { propTypes, defaultProps } from './react-desc-prop-types';\nimport { StyledTextArea, StyledContainer, StyledCharCounter } 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 {\n    maxLength,\n    value,\n    onChange,\n    innerRef,\n    resizable,\n    name,\n    id,\n    withoutCharacterCounter,\n    hasError,\n    ...otherProps\n  } = propsWithDefault;\n\n  const { className, ...globalAttributes } = useGetGlobalAttributes(otherProps);\n\n  const xstyledProps = useGetXstyledProps(otherProps);\n\n  const handleOnChange = useCallback(\n    (e: React.KeyboardEvent) => onChange((e.target as HTMLInputElement).value, e),\n    [onChange],\n  );\n\n  return (\n    <StyledContainer\n      className={className}\n      data-testid={DSControlledLargetTextInputDatatestids.CONTAINER}\n      {...xstyledProps}\n    >\n      <StyledTextArea\n        ref={innerRef}\n        maxLength={maxLength}\n        aria-multiline\n        value={value}\n        onChange={handleOnChange}\n        resizable={resizable}\n        name={name}\n        id={id}\n        data-testid={DSControlledLargetTextInputDatatestids.INPUT}\n        hasError={hasError}\n        {...globalAttributes}\n      />\n      {maxLength && !withoutCharacterCounter && (\n        <StyledCharCounter\n          data-testid={DSControlledLargetTextInputDatatestids.CHAR_COUNTER}\n        >{`${value.length}/${maxLength}`}</StyledCharCounter>\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;AAOA;AACA;AACA;AAGA,MAAM,6BAA6B,CAAC,UAA0D;AAC5F,iCAA+B,OAAO,SAAS;AAE/C,QAAM,mBAAmB,6BAAgE,OAAO,YAAY;AAE5G,QAWI,uBAVF;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAEE,IADC,uBACD,IADC;AAAA,IATH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIF,QAA2C,4BAAuB,UAAU,GAApE,gBAAmC,IAArB,6BAAqB,IAArB,CAAd;AAER,QAAM,eAAe,mBAAmB,UAAU;AAElD,QAAM,iBAAiB,YACrB,CAAC,MAA2B,SAAU,EAAE,OAA4B,OAAO,CAAC,GAC5E,CAAC,QAAQ,CACX;AAEA,SACE,qCAAC;AAAA,IACC;AAAA,IACA,eAAa,uCAAuC;AAAA,KAChD,eAEJ,qCAAC;AAAA,IACC,KAAK;AAAA,IACL;AAAA,IACA,kBAAc;AAAA,IACd;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAa,uCAAuC;AAAA,IACpD;AAAA,KACI,iBACN,GACC,aAAa,CAAC,2BACb,qCAAC;AAAA,IACC,eAAa,uCAAuC;AAAA,KACpD,GAAG,MAAM,UAAU,WAAY,CAErC;AAEJ;AAEA,2BAA2B,cAAc;AACzC,MAAM,uCAAuC,SAAS,0BAA0B;AAChF,qCAAqC,YAAY;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;AACA;AACA;AAGA,MAAM,6BAA6B,CAAC,UAA0D;AAC5F,iCAA+B,OAAO,SAAS;AAE/C,QAAM,mBAAmB,6BAAgE,OAAO,YAAY;AAE5G,QAWI,uBAVF;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAEE,IADC,uBACD,IADC;AAAA,IATH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIF,QAA2C,4BAAuB,UAAU,GAApE,gBAAmC,IAArB,6BAAqB,IAArB,CAAd;AAER,QAAM,eAAe,mBAAmB,UAAU;AAElD,QAAM,iBAAiB,YACrB,CAAC,MAA2B,SAAU,EAAE,OAA4B,OAAO,CAAC,GAC5E,CAAC,QAAQ,CACX;AAEA,SACE,qCAAC;AAAA,IACC;AAAA,IACA,eAAa,uCAAuC;AAAA,KAChD,eAEJ,qCAAC;AAAA,IACC,KAAK;AAAA,IACL;AAAA,IACA,kBAAc;AAAA,IACd;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAa,uCAAuC;AAAA,IACpD;AAAA,KACI,iBACN,GACC,aAAa,CAAC,2BACb,qCAAC;AAAA,IACC,eAAa,uCAAuC;AAAA,KACpD,GAAG,MAAM,UAAU,WAAY,CAErC;AAEJ;AAEA,2BAA2B,cAAc;AACzC,MAAM,uCAAuC,SAAS,0BAA0B;AAChF,qCAAqC,YAAY;",
   "names": []
 }

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

@@ -1,3 +1,4 @@
+"use strict";
 import * as React from "react";
 const DSControlledLargetTextInputDatatestids = {
   CONTAINER: "ds-controlled-large-text-input-container",

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;ACAO,MAAM,yCAAyC;AAAA,EACpD,WAAW;AAAA,EACX,cAAc;AAAA,EACd,OAAO;AACT;",
   "names": []
 }

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

@@ -1,3 +1,4 @@
+"use strict";
 import * as React from "react";
 export * from "./data-test-ids";
 export * from "./theming";

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;ACAA;AACA;",
   "names": []
 }

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

@@ -1,3 +1,4 @@
+"use strict";
 import * as React from "react";
 const DSControlledLargeTextInputName = "DS-ControlledLargeTextInput";
 const DSControlledLargeTextInputSlots = {

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;ACAO,MAAM,iCAAiC;AAEvC,MAAM,kCAAkC;AAAA,EAC7C,WAAW;AAAA,EACX,OAAO;AAAA,EACP,cAAc;AAChB;",
   "names": []
 }

package/dist/esm/index.js

@@ -1,3 +1,4 @@
+"use strict";
 import * as React from "react";
 export * from "./DSControlledLargeTextInput";
 export * from "./exported-related";

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;ACAA;AACA;",
   "names": []
 }

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

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;

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    withoutCharacterCounter: boolean;\n    resizable: boolean;\n    hasError: boolean;\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    innerRef?: React.MutableRefObject<HTMLTextAreaElement | null>;\n    maxLength?: string;\n    rows?: string;\n    hasError?: boolean;\n  }\n\n  export interface Props extends DefaultProps, PropsOptional, RequiredProps {}\n}\n\nexport const defaultProps: DSControlledLargeTextInputT.DefaultProps = {\n  value: '',\n  onChange: noop,\n  withoutCharacterCounter: false,\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  withoutCharacterCounter: PropTypes.bool.description('Removes the character counter.').defaultValue(false),\n  id: PropTypes.string.description('Unique id.'),\n  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description('Inner ref to the input.'),\n  maxLength: PropTypes.string.description('Max characters allowed.'),\n  disabled: PropTypes.bool.description('Set disabled state.'),\n  readOnly: PropTypes.bool.description('Set readonly state.'),\n  hasError: PropTypes.bool.description('Set error state.').defaultValue(false),\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AAEA,MAAM,OAAO,MAAM;AAAC;AA4Bb,MAAM,eAAyD;AAAA,EACpE,OAAO;AAAA,EACP,UAAU;AAAA,EACV,yBAAyB;AAAA,EACzB,WAAW;AAAA,EACX,UAAU;AACZ;AAEO,MAAM,YAAY,gDACpB,4BACA,mBAFoB;AAAA,EAGvB,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,yBAAyB,UAAU,KAAK,YAAY,gCAAgC,EAAE,aAAa,KAAK;AAAA,EACxG,IAAI,UAAU,OAAO,YAAY,YAAY;AAAA,EAC7C,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,IAAI,CAAC,EAAE,YAAY,yBAAyB;AAAA,EACvG,WAAW,UAAU,OAAO,YAAY,yBAAyB;AAAA,EACjE,UAAU,UAAU,KAAK,YAAY,qBAAqB;AAAA,EAC1D,UAAU,UAAU,KAAK,YAAY,qBAAqB;AAAA,EAC1D,UAAU,UAAU,KAAK,YAAY,kBAAkB,EAAE,aAAa,KAAK;AAC7E;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AAEA,MAAM,OAAO,MAAM;AAAC;AA4Bb,MAAM,eAAyD;AAAA,EACpE,OAAO;AAAA,EACP,UAAU;AAAA,EACV,yBAAyB;AAAA,EACzB,WAAW;AAAA,EACX,UAAU;AACZ;AAEO,MAAM,YAAY,gDACpB,4BACA,mBAFoB;AAAA,EAGvB,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,yBAAyB,UAAU,KAAK,YAAY,gCAAgC,EAAE,aAAa,KAAK;AAAA,EACxG,IAAI,UAAU,OAAO,YAAY,YAAY;AAAA,EAC7C,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,IAAI,CAAC,EAAE,YAAY,yBAAyB;AAAA,EACvG,WAAW,UAAU,OAAO,YAAY,yBAAyB;AAAA,EACjE,UAAU,UAAU,KAAK,YAAY,qBAAqB;AAAA,EAC1D,UAAU,UAAU,KAAK,YAAY,qBAAqB;AAAA,EAC1D,UAAU,UAAU,KAAK,YAAY,kBAAkB,EAAE,aAAa,KAAK;AAC7E;",
   "names": []
 }

package/dist/esm/styles.js

@@ -1,3 +1,4 @@
+"use strict";
 import * as React from "react";
 import { styled, layout, space, sizing } from "@elliemae/ds-system";
 import { DSControlledLargeTextInputName, DSControlledLargeTextInputSlots } from "./exported-related";

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 StyledCharCounter = styled('span', {\n  name: DSControlledLargeTextInputName,\n  slot: DSControlledLargeTextInputSlots.CHAR_COUNTER,\n})`\n  justify-self: flex-end;\n`;\n\nexport const StyledTextArea = styled('textarea', {\n  name: DSControlledLargeTextInputName,\n  slot: DSControlledLargeTextInputSlots.INPUT,\n})<StyledTextAreaT>`\n  width: 100%;\n  ${({ resizable }) => (resizable ? `` : `resize: none;`)}\n  &:disabled {\n    &:hover {\n      cursor: not-allowed;\n    }\n  }\n\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,oBAAoB,OAAO,QAAQ;AAAA,EAC9C,MAAM;AAAA,EACN,MAAM,gCAAgC;AACxC,CAAC;AAAA;AAAA;AAIM,MAAM,iBAAiB,OAAO,YAAY;AAAA,EAC/C,MAAM;AAAA,EACN,MAAM,gCAAgC;AACxC,CAAC;AAAA;AAAA,IAEG,CAAC,EAAE,gBAAiB,YAAY,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOrC,CAAC,EAAE,eAAgB,WAAW,2BAA2B;AAAA;",
+  "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,oBAAoB,OAAO,QAAQ;AAAA,EAC9C,MAAM;AAAA,EACN,MAAM,gCAAgC;AACxC,CAAC;AAAA;AAAA;AAIM,MAAM,iBAAiB,OAAO,YAAY;AAAA,EAC/C,MAAM;AAAA,EACN,MAAM,gCAAgC;AACxC,CAAC;AAAA;AAAA,IAEG,CAAC,EAAE,gBAAiB,YAAY,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOrC,CAAC,EAAE,eAAgB,WAAW,2BAA2B;AAAA;",
   "names": []
 }

package/package.json

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