@elliemae/ds-form-input-textarea 3.18.0-next.1 → 3.18.0-next.10

package/dist/cjs/DSControlledLargeTextInput.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/DSControlledLargeTextInput.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport React, { useCallback, useRef, useState, useLayoutEffect } from 'react';\nimport {\n  describe,\n  useValidateTypescriptPropTypes,\n  useMemoMergePropsWithDefault,\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n} from '@elliemae/ds-props-helpers';\nimport { mergeRefs } from '@elliemae/ds-utilities';\nimport { propTypes, defaultProps } from './react-desc-prop-types.js';\nimport { StyledTextArea, StyledContainer, WrapperBorder } from './styles.js';\nimport { DSControlledLargeTextInputName, DSControlledLargetTextInputDatatestids } from './exported-related/index.js';\nimport type { DSControlledLargeTextInputT } from './react-desc-prop-types.js';\n\nconst DSControlledLargeTextInput = (props: DSControlledLargeTextInputT.Props): JSX.Element => {\n  useValidateTypescriptPropTypes(props, propTypes, DSControlledLargeTextInputName);\n\n  const propsWithDefault = useMemoMergePropsWithDefault<DSControlledLargeTextInputT.InternalProps>(props, defaultProps);\n\n  const { value, onChange, innerRef, name, id, hasError, maxHeight, ...otherProps } = propsWithDefault;\n\n  const { className, rows, ...globalAttributes } = useGetGlobalAttributes(otherProps);\n\n  const xstyledProps = useGetXstyledProps(otherProps);\n\n  const [calculatedMinHeight, setCalculatedMinHeight] = useState<number>();\n\n  const textareaRef = useRef<HTMLTextAreaElement | null>(null);\n  const ghostRef = useRef<HTMLTextAreaElement | null>(null);\n\n  const handleOnChange = useCallback<React.KeyboardEventHandler<HTMLTextAreaElement>>(\n    (e) => onChange(e.currentTarget.value, e),\n    [onChange],\n  );\n\n  useLayoutEffect(() => {\n    if (ghostRef && ghostRef.current) {\n      const { offsetHeight, scrollHeight } = ghostRef.current;\n      if (rows !== undefined) setCalculatedMinHeight(offsetHeight);\n      else if (maxHeight !== undefined && scrollHeight >= maxHeight) setCalculatedMinHeight(maxHeight);\n      else setCalculatedMinHeight(scrollHeight);\n    }\n  }, [maxHeight, value, rows]);\n\n  const getReferenceSetter = useCallback(() => {\n    const refToMerge = [textareaRef];\n    if (innerRef) refToMerge.push(innerRef);\n    return mergeRefs(...refToMerge);\n  }, [innerRef]);\n\n  return (\n    <StyledContainer\n      className={className}\n      data-testid={DSControlledLargetTextInputDatatestids.CONTAINER}\n      $isDisabled={otherProps.disabled}\n      {...xstyledProps}\n    >\n      <WrapperBorder $hasError={hasError} $isDisabled={otherProps.disabled}>\n        <StyledTextArea\n          ref={getReferenceSetter}\n          aria-multiline\n          value={value}\n          $maxHeight={maxHeight}\n          $minHeight={calculatedMinHeight}\n          onChange={handleOnChange}\n          name={name}\n          id={id}\n          data-testid={DSControlledLargetTextInputDatatestids.INPUT}\n          rows={rows}\n          {...globalAttributes}\n        />\n      </WrapperBorder>\n      <StyledTextArea\n        disabled\n        aria-label=\"ghost textarea\"\n        ref={ghostRef}\n        value={value}\n        style={{ visibility: 'hidden', pointerEvents: 'none', position: 'absolute' }}\n        $maxHeight={maxHeight}\n        rows={rows} \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"],
+  "sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport React, { useCallback, useRef, useState, useLayoutEffect } from 'react';\nimport {\n  describe,\n  useValidateTypescriptPropTypes,\n  useMemoMergePropsWithDefault,\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n} from '@elliemae/ds-props-helpers';\nimport { mergeRefs } from '@elliemae/ds-utilities';\nimport { propTypes, defaultProps } from './react-desc-prop-types.js';\nimport { StyledTextArea, StyledContainer, WrapperBorder } from './styles.js';\nimport { DSControlledLargeTextInputName, DSControlledLargetTextInputDatatestids } from './exported-related/index.js';\nimport type { DSControlledLargeTextInputT } from './react-desc-prop-types.js';\n\nconst DSControlledLargeTextInput = (props: DSControlledLargeTextInputT.Props): JSX.Element => {\n  useValidateTypescriptPropTypes(props, propTypes, DSControlledLargeTextInputName);\n\n  const propsWithDefault = useMemoMergePropsWithDefault<DSControlledLargeTextInputT.InternalProps>(props, defaultProps);\n\n  const { value, onChange, innerRef, name, id, hasError, maxHeight, ...otherProps } = propsWithDefault;\n\n  const { className, rows, ...globalAttributes } = useGetGlobalAttributes(otherProps);\n\n  const xstyledProps = useGetXstyledProps(otherProps);\n\n  const [calculatedMinHeight, setCalculatedMinHeight] = useState<number>();\n\n  const textareaRef = useRef<HTMLTextAreaElement | null>(null);\n  const ghostRef = useRef<HTMLTextAreaElement | null>(null);\n\n  const handleOnChange = useCallback<React.KeyboardEventHandler<HTMLTextAreaElement>>(\n    (e) => onChange(e.currentTarget.value, e),\n    [onChange],\n  );\n\n  useLayoutEffect(() => {\n    if (ghostRef && ghostRef.current) {\n      const { offsetHeight, scrollHeight } = ghostRef.current;\n      if (rows !== undefined) setCalculatedMinHeight(offsetHeight);\n      else if (maxHeight !== undefined && scrollHeight >= maxHeight) setCalculatedMinHeight(maxHeight);\n      else setCalculatedMinHeight(scrollHeight);\n    }\n  }, [maxHeight, value, rows]);\n\n  const getReferenceSetter = useCallback(() => {\n    const refToMerge = [textareaRef];\n    if (innerRef) refToMerge.push(innerRef);\n    return mergeRefs(...refToMerge);\n  }, [innerRef]);\n\n  return (\n    <StyledContainer\n      className={className}\n      data-testid={DSControlledLargetTextInputDatatestids.CONTAINER}\n      $isDisabled={otherProps.disabled}\n      {...xstyledProps}\n    >\n      <WrapperBorder $hasError={hasError} $isDisabled={otherProps.disabled}>\n        <StyledTextArea\n          ref={getReferenceSetter}\n          aria-multiline\n          value={value}\n          $maxHeight={maxHeight}\n          $minHeight={calculatedMinHeight}\n          onChange={handleOnChange}\n          name={name}\n          id={id}\n          data-testid={DSControlledLargetTextInputDatatestids.INPUT}\n          rows={rows}\n          {...globalAttributes}\n        />\n      </WrapperBorder>\n      <StyledTextArea\n        disabled\n        aria-label=\"ghost textarea\"\n        ref={ghostRef}\n        value={value}\n        style={{ visibility: 'hidden', pointerEvents: 'none', position: 'absolute' }}\n        $maxHeight={maxHeight}\n        rows={rows}\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;ADoDnB;AAnDJ,mBAAsE;AACtE,8BAMO;AACP,0BAA0B;AAC1B,mCAAwC;AACxC,oBAA+D;AAC/D,8BAAuF;AAGvF,MAAM,6BAA6B,CAAC,UAA0D;AAC5F,8DAA+B,OAAO,wCAAW,sDAA8B;AAE/E,QAAM,uBAAmB,sDAAwE,OAAO,yCAAY;AAEpH,QAAM,EAAE,OAAO,UAAU,UAAU,MAAM,IAAI,UAAU,WAAW,GAAG,WAAW,IAAI;AAEpF,QAAM,EAAE,WAAW,MAAM,GAAG,iBAAiB,QAAI,gDAAuB,UAAU;AAElF,QAAM,mBAAe,4CAAmB,UAAU;AAElD,QAAM,CAAC,qBAAqB,sBAAsB,QAAI,uBAAiB;AAEvE,QAAM,kBAAc,qBAAmC,IAAI;AAC3D,QAAM,eAAW,qBAAmC,IAAI;AAExD,QAAM,qBAAiB;AAAA,IACrB,CAAC,MAAM,SAAS,EAAE,cAAc,OAAO,CAAC;AAAA,IACxC,CAAC,QAAQ;AAAA,EACX;AAEA,oCAAgB,MAAM;AACpB,QAAI,YAAY,SAAS,SAAS;AAChC,YAAM,EAAE,cAAc,aAAa,IAAI,SAAS;AAChD,UAAI,SAAS;AAAW,+BAAuB,YAAY;AAAA,eAClD,cAAc,UAAa,gBAAgB;AAAW,+BAAuB,SAAS;AAAA;AAC1F,+BAAuB,YAAY;AAAA,IAC1C;AAAA,EACF,GAAG,CAAC,WAAW,OAAO,IAAI,CAAC;AAE3B,QAAM,yBAAqB,0BAAY,MAAM;AAC3C,UAAM,aAAa,CAAC,WAAW;AAC/B,QAAI;AAAU,iBAAW,KAAK,QAAQ;AACtC,eAAO,+BAAU,GAAG,UAAU;AAAA,EAChC,GAAG,CAAC,QAAQ,CAAC;AAEb,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAa,+DAAuC;AAAA,MACpD,aAAa,WAAW;AAAA,MACvB,GAAG;AAAA,MAEJ;AAAA,oDAAC,+BAAc,WAAW,UAAU,aAAa,WAAW,UAC1D;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,kBAAc;AAAA,YACd;AAAA,YACA,YAAY;AAAA,YACZ,YAAY;AAAA,YACZ,UAAU;AAAA,YACV;AAAA,YACA;AAAA,YACA,eAAa,+DAAuC;AAAA,YACpD;AAAA,YACC,GAAG;AAAA;AAAA,QACN,GACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,UAAQ;AAAA,YACR,cAAW;AAAA,YACX,KAAK;AAAA,YACL;AAAA,YACA,OAAO,EAAE,YAAY,UAAU,eAAe,QAAQ,UAAU,WAAW;AAAA,YAC3E,YAAY;AAAA,YACZ;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,2BAA2B,cAAc;AACzC,MAAM,2CAAuC,kCAAS,0BAA0B;AAChF,qCAAqC,YAAY;",
   "names": []
 }

package/dist/esm/DSControlledLargeTextInput.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSControlledLargeTextInput.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport React, { useCallback, useRef, useState, useLayoutEffect } from 'react';\nimport {\n  describe,\n  useValidateTypescriptPropTypes,\n  useMemoMergePropsWithDefault,\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n} from '@elliemae/ds-props-helpers';\nimport { mergeRefs } from '@elliemae/ds-utilities';\nimport { propTypes, defaultProps } from './react-desc-prop-types.js';\nimport { StyledTextArea, StyledContainer, WrapperBorder } from './styles.js';\nimport { DSControlledLargeTextInputName, DSControlledLargetTextInputDatatestids } from './exported-related/index.js';\nimport type { DSControlledLargeTextInputT } from './react-desc-prop-types.js';\n\nconst DSControlledLargeTextInput = (props: DSControlledLargeTextInputT.Props): JSX.Element => {\n  useValidateTypescriptPropTypes(props, propTypes, DSControlledLargeTextInputName);\n\n  const propsWithDefault = useMemoMergePropsWithDefault<DSControlledLargeTextInputT.InternalProps>(props, defaultProps);\n\n  const { value, onChange, innerRef, name, id, hasError, maxHeight, ...otherProps } = propsWithDefault;\n\n  const { className, rows, ...globalAttributes } = useGetGlobalAttributes(otherProps);\n\n  const xstyledProps = useGetXstyledProps(otherProps);\n\n  const [calculatedMinHeight, setCalculatedMinHeight] = useState<number>();\n\n  const textareaRef = useRef<HTMLTextAreaElement | null>(null);\n  const ghostRef = useRef<HTMLTextAreaElement | null>(null);\n\n  const handleOnChange = useCallback<React.KeyboardEventHandler<HTMLTextAreaElement>>(\n    (e) => onChange(e.currentTarget.value, e),\n    [onChange],\n  );\n\n  useLayoutEffect(() => {\n    if (ghostRef && ghostRef.current) {\n      const { offsetHeight, scrollHeight } = ghostRef.current;\n      if (rows !== undefined) setCalculatedMinHeight(offsetHeight);\n      else if (maxHeight !== undefined && scrollHeight >= maxHeight) setCalculatedMinHeight(maxHeight);\n      else setCalculatedMinHeight(scrollHeight);\n    }\n  }, [maxHeight, value, rows]);\n\n  const getReferenceSetter = useCallback(() => {\n    const refToMerge = [textareaRef];\n    if (innerRef) refToMerge.push(innerRef);\n    return mergeRefs(...refToMerge);\n  }, [innerRef]);\n\n  return (\n    <StyledContainer\n      className={className}\n      data-testid={DSControlledLargetTextInputDatatestids.CONTAINER}\n      $isDisabled={otherProps.disabled}\n      {...xstyledProps}\n    >\n      <WrapperBorder $hasError={hasError} $isDisabled={otherProps.disabled}>\n        <StyledTextArea\n          ref={getReferenceSetter}\n          aria-multiline\n          value={value}\n          $maxHeight={maxHeight}\n          $minHeight={calculatedMinHeight}\n          onChange={handleOnChange}\n          name={name}\n          id={id}\n          data-testid={DSControlledLargetTextInputDatatestids.INPUT}\n          rows={rows}\n          {...globalAttributes}\n        />\n      </WrapperBorder>\n      <StyledTextArea\n        disabled\n        aria-label=\"ghost textarea\"\n        ref={ghostRef}\n        value={value}\n        style={{ visibility: 'hidden', pointerEvents: 'none', position: 'absolute' }}\n        $maxHeight={maxHeight}\n        rows={rows} \n      />\n    </StyledContainer>\n  );\n};\n\nDSControlledLargeTextInput.displayName = 'DSControlledLargeTextInput';\nconst DSControlledLargeTextInputWithSchema = describe(DSControlledLargeTextInput);\nDSControlledLargeTextInputWithSchema.propTypes = propTypes as WeakValidationMap<unknown>;\n\nexport { DSControlledLargeTextInput, DSControlledLargeTextInputWithSchema };\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport React, { useCallback, useRef, useState, useLayoutEffect } from 'react';\nimport {\n  describe,\n  useValidateTypescriptPropTypes,\n  useMemoMergePropsWithDefault,\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n} from '@elliemae/ds-props-helpers';\nimport { mergeRefs } from '@elliemae/ds-utilities';\nimport { propTypes, defaultProps } from './react-desc-prop-types.js';\nimport { StyledTextArea, StyledContainer, WrapperBorder } from './styles.js';\nimport { DSControlledLargeTextInputName, DSControlledLargetTextInputDatatestids } from './exported-related/index.js';\nimport type { DSControlledLargeTextInputT } from './react-desc-prop-types.js';\n\nconst DSControlledLargeTextInput = (props: DSControlledLargeTextInputT.Props): JSX.Element => {\n  useValidateTypescriptPropTypes(props, propTypes, DSControlledLargeTextInputName);\n\n  const propsWithDefault = useMemoMergePropsWithDefault<DSControlledLargeTextInputT.InternalProps>(props, defaultProps);\n\n  const { value, onChange, innerRef, name, id, hasError, maxHeight, ...otherProps } = propsWithDefault;\n\n  const { className, rows, ...globalAttributes } = useGetGlobalAttributes(otherProps);\n\n  const xstyledProps = useGetXstyledProps(otherProps);\n\n  const [calculatedMinHeight, setCalculatedMinHeight] = useState<number>();\n\n  const textareaRef = useRef<HTMLTextAreaElement | null>(null);\n  const ghostRef = useRef<HTMLTextAreaElement | null>(null);\n\n  const handleOnChange = useCallback<React.KeyboardEventHandler<HTMLTextAreaElement>>(\n    (e) => onChange(e.currentTarget.value, e),\n    [onChange],\n  );\n\n  useLayoutEffect(() => {\n    if (ghostRef && ghostRef.current) {\n      const { offsetHeight, scrollHeight } = ghostRef.current;\n      if (rows !== undefined) setCalculatedMinHeight(offsetHeight);\n      else if (maxHeight !== undefined && scrollHeight >= maxHeight) setCalculatedMinHeight(maxHeight);\n      else setCalculatedMinHeight(scrollHeight);\n    }\n  }, [maxHeight, value, rows]);\n\n  const getReferenceSetter = useCallback(() => {\n    const refToMerge = [textareaRef];\n    if (innerRef) refToMerge.push(innerRef);\n    return mergeRefs(...refToMerge);\n  }, [innerRef]);\n\n  return (\n    <StyledContainer\n      className={className}\n      data-testid={DSControlledLargetTextInputDatatestids.CONTAINER}\n      $isDisabled={otherProps.disabled}\n      {...xstyledProps}\n    >\n      <WrapperBorder $hasError={hasError} $isDisabled={otherProps.disabled}>\n        <StyledTextArea\n          ref={getReferenceSetter}\n          aria-multiline\n          value={value}\n          $maxHeight={maxHeight}\n          $minHeight={calculatedMinHeight}\n          onChange={handleOnChange}\n          name={name}\n          id={id}\n          data-testid={DSControlledLargetTextInputDatatestids.INPUT}\n          rows={rows}\n          {...globalAttributes}\n        />\n      </WrapperBorder>\n      <StyledTextArea\n        disabled\n        aria-label=\"ghost textarea\"\n        ref={ghostRef}\n        value={value}\n        style={{ visibility: 'hidden', pointerEvents: 'none', position: 'absolute' }}\n        $maxHeight={maxHeight}\n        rows={rows}\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,YAAY,WAAW;ACoDnB,SAOI,KAPJ;AAnDJ,SAAgB,aAAa,QAAQ,UAAU,uBAAuB;AACtE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB;AAC1B,SAAS,WAAW,oBAAoB;AACxC,SAAS,gBAAgB,iBAAiB,qBAAqB;AAC/D,SAAS,gCAAgC,8CAA8C;AAGvF,MAAM,6BAA6B,CAAC,UAA0D;AAC5F,iCAA+B,OAAO,WAAW,8BAA8B;AAE/E,QAAM,mBAAmB,6BAAwE,OAAO,YAAY;AAEpH,QAAM,EAAE,OAAO,UAAU,UAAU,MAAM,IAAI,UAAU,WAAW,GAAG,WAAW,IAAI;AAEpF,QAAM,EAAE,WAAW,MAAM,GAAG,iBAAiB,IAAI,uBAAuB,UAAU;AAElF,QAAM,eAAe,mBAAmB,UAAU;AAElD,QAAM,CAAC,qBAAqB,sBAAsB,IAAI,SAAiB;AAEvE,QAAM,cAAc,OAAmC,IAAI;AAC3D,QAAM,WAAW,OAAmC,IAAI;AAExD,QAAM,iBAAiB;AAAA,IACrB,CAAC,MAAM,SAAS,EAAE,cAAc,OAAO,CAAC;AAAA,IACxC,CAAC,QAAQ;AAAA,EACX;AAEA,kBAAgB,MAAM;AACpB,QAAI,YAAY,SAAS,SAAS;AAChC,YAAM,EAAE,cAAc,aAAa,IAAI,SAAS;AAChD,UAAI,SAAS;AAAW,+BAAuB,YAAY;AAAA,eAClD,cAAc,UAAa,gBAAgB;AAAW,+BAAuB,SAAS;AAAA;AAC1F,+BAAuB,YAAY;AAAA,IAC1C;AAAA,EACF,GAAG,CAAC,WAAW,OAAO,IAAI,CAAC;AAE3B,QAAM,qBAAqB,YAAY,MAAM;AAC3C,UAAM,aAAa,CAAC,WAAW;AAC/B,QAAI;AAAU,iBAAW,KAAK,QAAQ;AACtC,WAAO,UAAU,GAAG,UAAU;AAAA,EAChC,GAAG,CAAC,QAAQ,CAAC;AAEb,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAa,uCAAuC;AAAA,MACpD,aAAa,WAAW;AAAA,MACvB,GAAG;AAAA,MAEJ;AAAA,4BAAC,iBAAc,WAAW,UAAU,aAAa,WAAW,UAC1D;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,kBAAc;AAAA,YACd;AAAA,YACA,YAAY;AAAA,YACZ,YAAY;AAAA,YACZ,UAAU;AAAA,YACV;AAAA,YACA;AAAA,YACA,eAAa,uCAAuC;AAAA,YACpD;AAAA,YACC,GAAG;AAAA;AAAA,QACN,GACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,UAAQ;AAAA,YACR,cAAW;AAAA,YACX,KAAK;AAAA,YACL;AAAA,YACA,OAAO,EAAE,YAAY,UAAU,eAAe,QAAQ,UAAU,WAAW;AAAA,YAC3E,YAAY;AAAA,YACZ;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,2BAA2B,cAAc;AACzC,MAAM,uCAAuC,SAAS,0BAA0B;AAChF,qCAAqC,YAAY;",
   "names": []
 }

package/dist/types/styles.d.ts

@@ -1,15 +1,15 @@
 export declare const StyledContainer: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, {
     $isDisabled?: boolean | undefined;
-}, never>;
+} & import("@elliemae/ds-system").OwnerInterface, never>;
 export declare const WrapperBorder: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, {
     $hasError?: boolean | undefined;
     $isDisabled?: boolean | undefined;
-}, never>;
+} & import("@elliemae/ds-system").OwnerInterface, never>;
 interface StyledTextAreaT {
     resizable?: boolean;
     hasError?: boolean;
     $maxHeight?: number;
     $minHeight?: number;
 }
-export declare const StyledTextArea: import("styled-components").StyledComponent<"textarea", import("@elliemae/ds-system").Theme, StyledTextAreaT, never>;
+export declare const StyledTextArea: import("styled-components").StyledComponent<"textarea", import("@elliemae/ds-system").Theme, StyledTextAreaT & import("@elliemae/ds-system").OwnerInterface, never>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-form-input-textarea",
-  "version": "3.18.0-next.1",
+  "version": "3.18.0-next.10",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Controlled Form Input Textarea",
   "files": [
@@ -35,9 +35,9 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-props-helpers": "3.18.0-next.1",
-    "@elliemae/ds-system": "3.18.0-next.1",
-    "@elliemae/ds-utilities": "3.18.0-next.1"
+    "@elliemae/ds-props-helpers": "3.18.0-next.10",
+    "@elliemae/ds-utilities": "3.18.0-next.10",
+    "@elliemae/ds-system": "3.18.0-next.10"
   },
   "devDependencies": {
     "@elliemae/pui-theme": "~2.7.0",
@@ -54,7 +54,7 @@
     "@xstyled/system": "~3.7.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "styled-components": "~5.3.6",
+    "styled-components": "~5.3.9",
     "styled-system": "^5.1.5"
   },
   "publishConfig": {
@@ -70,6 +70,6 @@
     "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
     "dev:build": "pnpm --filter {.}... build",
     "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
-    "checkDeps": "npx -yes ../ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
+    "checkDeps": "npm exec ../ds-codemods -- check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
   }
 }