@elliemae/ds-form-input-text 3.51.0-rc.8 → 3.51.1

package/dist/cjs/DSInputText.js

@@ -34,7 +34,7 @@ __export(DSInputText_exports, {
 module.exports = __toCommonJS(DSInputText_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
+var import_react = __toESM(require("react"));
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_ds_icon = require("@elliemae/ds-icon");
 var import_ds_system = require("@elliemae/ds-system");
@@ -74,6 +74,14 @@ const DSInputText = (props) => {
     onClear();
     inputRef?.current?.focus();
   }, [onClear]);
+  const shouldCallOnChange = import_react.default.useMemo(() => !applyAriaDisabled && !readOnly, [applyAriaDisabled, readOnly]);
+  const otherGlobalAttributesCleaned = import_react.default.useMemo(
+    () => ({
+      ...otherGlobalAttributes,
+      ...shouldCallOnChange ? {} : { onChange: void 0 }
+    }),
+    [otherGlobalAttributes, shouldCallOnChange]
+  );
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     import_components.StyledInputWrapper,
     {
@@ -103,7 +111,7 @@ const DSInputText = (props) => {
             "aria-disabled": applyAriaDisabled,
             "aria-readonly": readOnly,
             ...handlers,
-            ...otherGlobalAttributes,
+            ...otherGlobalAttributesCleaned,
             ...ownerPropsConfig
           }
         ),

package/dist/cjs/DSInputText.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/DSInputText.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable complexity */\nimport React, { useCallback, useMemo, useRef } from 'react';\nimport { CloseMedium } from '@elliemae/ds-icons';\nimport { DSIconColors } from '@elliemae/ds-icon';\nimport { mergeRefs } from '@elliemae/ds-system';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { useInputText } from './config/useInputText.js';\nimport type { DSInputTextT } from './react-desc-prop-types.js';\nimport { DSInputTextPropTypes } from './react-desc-prop-types.js';\nimport { StyledClearButton, StyledInput, StyledInputWrapper } from './styled/components.js';\n\nexport const DSInputText: React.ComponentType<DSInputTextT.Props> = (props) => {\n  const {\n    globalAttributes: { className, id, ...otherGlobalAttributes },\n    hasFocus,\n    handlers,\n    propsWithDefault,\n    xstyledProps,\n    ownerPropsConfig,\n  } = useInputText(props);\n\n  const {\n    clearable,\n    disabled,\n    hasError,\n    innerRef,\n    placeholder,\n    readOnly,\n    inputSize,\n    onClear,\n    value,\n    applyAriaDisabled,\n    ariaDescribedBy,\n  } = propsWithDefault;\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const shouldDisplayClearButton = clearable && !disabled && value !== '' && !applyAriaDisabled && !readOnly;\n\n  const defaultAriaDescribedBy = useMemo(\n    () => (id !== undefined ? `${id}_feedback_message ${id}_error_message` : undefined),\n    [id],\n  );\n\n  const handleClear = useCallback(() => {\n    onClear();\n    inputRef?.current?.focus();\n  }, [onClear]);\n\n  return (\n    <StyledInputWrapper\n      className={className}\n      cols={shouldDisplayClearButton ? ['auto', 'min-content'] : ['auto']}\n      isDisabled={disabled}\n      applyAriaDisabled={applyAriaDisabled}\n      isReadOnly={readOnly}\n      hasError={hasError}\n      hasFocus={hasFocus}\n      inputSize={inputSize}\n      {...xstyledProps}\n      {...ownerPropsConfig}\n    >\n      <StyledInput\n        inputSize={inputSize}\n        disabled={disabled}\n        placeholder={placeholder}\n        readOnly={readOnly}\n        innerRef={mergeRefs(innerRef, inputRef)}\n        value={value}\n        aria-describedby={\n          defaultAriaDescribedBy || ariaDescribedBy ? `${defaultAriaDescribedBy} ${ariaDescribedBy}` : undefined\n        }\n        aria-invalid={hasError}\n        id={id}\n        aria-disabled={applyAriaDisabled}\n        aria-readonly={readOnly}\n        {...handlers}\n        {...otherGlobalAttributes}\n        {...ownerPropsConfig}\n      />\n      {shouldDisplayClearButton && (\n        <StyledClearButton\n          disabled={disabled || applyAriaDisabled || readOnly}\n          aria-label=\"Clear input value\"\n          aria-controls={id}\n          aria-describedby={id}\n          buttonType=\"icon\"\n          onClick={handleClear}\n          size=\"s\"\n          {...ownerPropsConfig}\n        >\n          <CloseMedium color={DSIconColors.PRIMARY} size=\"s\" />\n        </StyledClearButton>\n      )}\n    </StyledInputWrapper>\n  );\n};\n\nDSInputText.displayName = 'DSInputText';\nexport const DSInputTextWithSchema = describe(DSInputText);\nDSInputTextWithSchema.propTypes = DSInputTextPropTypes;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADiDnB;AAhDJ,mBAAoD;AACpD,sBAA4B;AAC5B,qBAA6B;AAC7B,uBAA0B;AAC1B,8BAAyB;AACzB,0BAA6B;AAE7B,mCAAqC;AACrC,wBAAmE;AAE5D,MAAM,cAAuD,CAAC,UAAU;AAC7E,QAAM;AAAA,IACJ,kBAAkB,EAAE,WAAW,IAAI,GAAG,sBAAsB;AAAA,IAC5D;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,kCAAa,KAAK;AAEtB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,eAAW,qBAAyB,IAAI;AAC9C,QAAM,2BAA2B,aAAa,CAAC,YAAY,UAAU,MAAM,CAAC,qBAAqB,CAAC;AAElG,QAAM,6BAAyB;AAAA,IAC7B,MAAO,OAAO,SAAY,GAAG,EAAE,qBAAqB,EAAE,mBAAmB;AAAA,IACzE,CAAC,EAAE;AAAA,EACL;AAEA,QAAM,kBAAc,0BAAY,MAAM;AACpC,YAAQ;AACR,cAAU,SAAS,MAAM;AAAA,EAC3B,GAAG,CAAC,OAAO,CAAC;AAEZ,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAM,2BAA2B,CAAC,QAAQ,aAAa,IAAI,CAAC,MAAM;AAAA,MAClE,YAAY;AAAA,MACZ;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACH,GAAG;AAAA,MAEJ;AAAA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,cAAU,4BAAU,UAAU,QAAQ;AAAA,YACtC;AAAA,YACA,oBACE,0BAA0B,kBAAkB,GAAG,sBAAsB,IAAI,eAAe,KAAK;AAAA,YAE/F,gBAAc;AAAA,YACd;AAAA,YACA,iBAAe;AAAA,YACf,iBAAe;AAAA,YACd,GAAG;AAAA,YACH,GAAG;AAAA,YACH,GAAG;AAAA;AAAA,QACN;AAAA,QACC,4BACC;AAAA,UAAC;AAAA;AAAA,YACC,UAAU,YAAY,qBAAqB;AAAA,YAC3C,cAAW;AAAA,YACX,iBAAe;AAAA,YACf,oBAAkB;AAAA,YAClB,YAAW;AAAA,YACX,SAAS;AAAA,YACT,MAAK;AAAA,YACJ,GAAG;AAAA,YAEJ,sDAAC,+BAAY,OAAO,4BAAa,SAAS,MAAK,KAAI;AAAA;AAAA,QACrD;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,YAAY,cAAc;AACnB,MAAM,4BAAwB,kCAAS,WAAW;AACzD,sBAAsB,YAAY;",
-  "names": []
+  "sourcesContent": ["/* eslint-disable complexity */\nimport React, { useCallback, useMemo, useRef } from 'react';\nimport { CloseMedium } from '@elliemae/ds-icons';\nimport { DSIconColors } from '@elliemae/ds-icon';\nimport { mergeRefs } from '@elliemae/ds-system';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { useInputText } from './config/useInputText.js';\nimport type { DSInputTextT } from './react-desc-prop-types.js';\nimport { DSInputTextPropTypes } from './react-desc-prop-types.js';\nimport { StyledClearButton, StyledInput, StyledInputWrapper } from './styled/components.js';\n\nexport const DSInputText: React.ComponentType<DSInputTextT.Props> = (props) => {\n  const {\n    globalAttributes: { className, id, ...otherGlobalAttributes },\n    hasFocus,\n    handlers,\n    propsWithDefault,\n    xstyledProps,\n    ownerPropsConfig,\n  } = useInputText(props);\n\n  const {\n    clearable,\n    disabled,\n    hasError,\n    innerRef,\n    placeholder,\n    readOnly,\n    inputSize,\n    onClear,\n    value,\n    applyAriaDisabled,\n    ariaDescribedBy,\n  } = propsWithDefault;\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const shouldDisplayClearButton = clearable && !disabled && value !== '' && !applyAriaDisabled && !readOnly;\n\n  const defaultAriaDescribedBy = useMemo(\n    () => (id !== undefined ? `${id}_feedback_message ${id}_error_message` : undefined),\n    [id],\n  );\n\n  const handleClear = useCallback(() => {\n    onClear();\n    inputRef?.current?.focus();\n  }, [onClear]);\n\n  const shouldCallOnChange = React.useMemo(() => !applyAriaDisabled && !readOnly, [applyAriaDisabled, readOnly]);\n\n  /*\n   * Remove the onChange handler if the input is disabled or readOnly\n   * https://jira.elliemae.io/browse/PUI-15365\n   */\n  const otherGlobalAttributesCleaned = React.useMemo(\n    () => ({\n      ...otherGlobalAttributes,\n      ...(shouldCallOnChange ? {} : { onChange: undefined }),\n    }),\n    [otherGlobalAttributes, shouldCallOnChange],\n  );\n\n  return (\n    <StyledInputWrapper\n      className={className}\n      cols={shouldDisplayClearButton ? ['auto', 'min-content'] : ['auto']}\n      isDisabled={disabled}\n      applyAriaDisabled={applyAriaDisabled}\n      isReadOnly={readOnly}\n      hasError={hasError}\n      hasFocus={hasFocus}\n      inputSize={inputSize}\n      {...xstyledProps}\n      {...ownerPropsConfig}\n    >\n      <StyledInput\n        inputSize={inputSize}\n        disabled={disabled}\n        placeholder={placeholder}\n        readOnly={readOnly}\n        innerRef={mergeRefs(innerRef, inputRef)}\n        value={value}\n        aria-describedby={\n          defaultAriaDescribedBy || ariaDescribedBy ? `${defaultAriaDescribedBy} ${ariaDescribedBy}` : undefined\n        }\n        aria-invalid={hasError}\n        id={id}\n        aria-disabled={applyAriaDisabled}\n        aria-readonly={readOnly}\n        {...handlers}\n        {...otherGlobalAttributesCleaned}\n        {...ownerPropsConfig}\n      />\n      {shouldDisplayClearButton && (\n        <StyledClearButton\n          disabled={disabled || applyAriaDisabled || readOnly}\n          aria-label=\"Clear input value\"\n          aria-controls={id}\n          aria-describedby={id}\n          buttonType=\"icon\"\n          onClick={handleClear}\n          size=\"s\"\n          {...ownerPropsConfig}\n        >\n          <CloseMedium color={DSIconColors.PRIMARY} size=\"s\" />\n        </StyledClearButton>\n      )}\n    </StyledInputWrapper>\n  );\n};\n\nDSInputText.displayName = 'DSInputText';\nexport const DSInputTextWithSchema = describe(DSInputText);\nDSInputTextWithSchema.propTypes = DSInputTextPropTypes;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD+DnB;AA9DJ,mBAAoD;AACpD,sBAA4B;AAC5B,qBAA6B;AAC7B,uBAA0B;AAC1B,8BAAyB;AACzB,0BAA6B;AAE7B,mCAAqC;AACrC,wBAAmE;AAE5D,MAAM,cAAuD,CAAC,UAAU;AAC7E,QAAM;AAAA,IACJ,kBAAkB,EAAE,WAAW,IAAI,GAAG,sBAAsB;AAAA,IAC5D;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,kCAAa,KAAK;AAEtB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,eAAW,qBAAyB,IAAI;AAC9C,QAAM,2BAA2B,aAAa,CAAC,YAAY,UAAU,MAAM,CAAC,qBAAqB,CAAC;AAElG,QAAM,6BAAyB;AAAA,IAC7B,MAAO,OAAO,SAAY,GAAG,EAAE,qBAAqB,EAAE,mBAAmB;AAAA,IACzE,CAAC,EAAE;AAAA,EACL;AAEA,QAAM,kBAAc,0BAAY,MAAM;AACpC,YAAQ;AACR,cAAU,SAAS,MAAM;AAAA,EAC3B,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,qBAAqB,aAAAA,QAAM,QAAQ,MAAM,CAAC,qBAAqB,CAAC,UAAU,CAAC,mBAAmB,QAAQ,CAAC;AAM7G,QAAM,+BAA+B,aAAAA,QAAM;AAAA,IACzC,OAAO;AAAA,MACL,GAAG;AAAA,MACH,GAAI,qBAAqB,CAAC,IAAI,EAAE,UAAU,OAAU;AAAA,IACtD;AAAA,IACA,CAAC,uBAAuB,kBAAkB;AAAA,EAC5C;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAM,2BAA2B,CAAC,QAAQ,aAAa,IAAI,CAAC,MAAM;AAAA,MAClE,YAAY;AAAA,MACZ;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACH,GAAG;AAAA,MAEJ;AAAA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,cAAU,4BAAU,UAAU,QAAQ;AAAA,YACtC;AAAA,YACA,oBACE,0BAA0B,kBAAkB,GAAG,sBAAsB,IAAI,eAAe,KAAK;AAAA,YAE/F,gBAAc;AAAA,YACd;AAAA,YACA,iBAAe;AAAA,YACf,iBAAe;AAAA,YACd,GAAG;AAAA,YACH,GAAG;AAAA,YACH,GAAG;AAAA;AAAA,QACN;AAAA,QACC,4BACC;AAAA,UAAC;AAAA;AAAA,YACC,UAAU,YAAY,qBAAqB;AAAA,YAC3C,cAAW;AAAA,YACX,iBAAe;AAAA,YACf,oBAAkB;AAAA,YAClB,YAAW;AAAA,YACX,SAAS;AAAA,YACT,MAAK;AAAA,YACJ,GAAG;AAAA,YAEJ,sDAAC,+BAAY,OAAO,4BAAa,SAAS,MAAK,KAAI;AAAA;AAAA,QACrD;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,YAAY,cAAc;AACnB,MAAM,4BAAwB,kCAAS,WAAW;AACzD,sBAAsB,YAAY;",
+  "names": ["React"]
 }

package/dist/cjs/index.js

@@ -27,8 +27,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var src_exports = {};
-__export(src_exports, {
+var index_exports = {};
+__export(index_exports, {
   DSFormInputTextName: () => import_constants.DSFormInputTextName,
   DSInputTextDataTestIds: () => import_constants.DSInputTextDataTestIds,
   DSInputTextName: () => import_constants.DSInputTextName,
@@ -36,8 +36,8 @@ __export(src_exports, {
   FORM_INPUT_TEXT_DATA_TESTID: () => import_constants.FORM_INPUT_TEXT_DATA_TESTID,
   FORM_INPUT_TEXT_SLOTS: () => import_constants.FORM_INPUT_TEXT_SLOTS
 });
-module.exports = __toCommonJS(src_exports);
+module.exports = __toCommonJS(index_exports);
 var React = __toESM(require("react"));
-__reExport(src_exports, require("./DSInputText.js"), module.exports);
+__reExport(index_exports, require("./DSInputText.js"), module.exports);
 var import_constants = require("./constants/index.js");
 //# sourceMappingURL=index.js.map

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 './DSInputText.js';\nexport type { DSInputTextT } from './react-desc-prop-types.js';\nexport {\n  DSFormInputTextName,\n  FORM_INPUT_TEXT_SLOTS,\n  FORM_INPUT_TEXT_DATA_TESTID,\n  // legacy imports to avoid breaking changes\n  DSInputTextDataTestIds,\n  DSInputTextSlots,\n  DSInputTextName,\n} from './constants/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,6BAAd;AAEA,uBAQO;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAc,6BAAd;AAEA,uBAQO;",
   "names": []
 }

package/dist/esm/DSInputText.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useCallback, useMemo, useRef } from "react";
+import React2, { useCallback, useMemo, useRef } from "react";
 import { CloseMedium } from "@elliemae/ds-icons";
 import { DSIconColors } from "@elliemae/ds-icon";
 import { mergeRefs } from "@elliemae/ds-system";
@@ -40,6 +40,14 @@ const DSInputText = (props) => {
     onClear();
     inputRef?.current?.focus();
   }, [onClear]);
+  const shouldCallOnChange = React2.useMemo(() => !applyAriaDisabled && !readOnly, [applyAriaDisabled, readOnly]);
+  const otherGlobalAttributesCleaned = React2.useMemo(
+    () => ({
+      ...otherGlobalAttributes,
+      ...shouldCallOnChange ? {} : { onChange: void 0 }
+    }),
+    [otherGlobalAttributes, shouldCallOnChange]
+  );
   return /* @__PURE__ */ jsxs(
     StyledInputWrapper,
     {
@@ -69,7 +77,7 @@ const DSInputText = (props) => {
             "aria-disabled": applyAriaDisabled,
             "aria-readonly": readOnly,
             ...handlers,
-            ...otherGlobalAttributes,
+            ...otherGlobalAttributesCleaned,
             ...ownerPropsConfig
           }
         ),

package/dist/esm/DSInputText.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSInputText.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport React, { useCallback, useMemo, useRef } from 'react';\nimport { CloseMedium } from '@elliemae/ds-icons';\nimport { DSIconColors } from '@elliemae/ds-icon';\nimport { mergeRefs } from '@elliemae/ds-system';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { useInputText } from './config/useInputText.js';\nimport type { DSInputTextT } from './react-desc-prop-types.js';\nimport { DSInputTextPropTypes } from './react-desc-prop-types.js';\nimport { StyledClearButton, StyledInput, StyledInputWrapper } from './styled/components.js';\n\nexport const DSInputText: React.ComponentType<DSInputTextT.Props> = (props) => {\n  const {\n    globalAttributes: { className, id, ...otherGlobalAttributes },\n    hasFocus,\n    handlers,\n    propsWithDefault,\n    xstyledProps,\n    ownerPropsConfig,\n  } = useInputText(props);\n\n  const {\n    clearable,\n    disabled,\n    hasError,\n    innerRef,\n    placeholder,\n    readOnly,\n    inputSize,\n    onClear,\n    value,\n    applyAriaDisabled,\n    ariaDescribedBy,\n  } = propsWithDefault;\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const shouldDisplayClearButton = clearable && !disabled && value !== '' && !applyAriaDisabled && !readOnly;\n\n  const defaultAriaDescribedBy = useMemo(\n    () => (id !== undefined ? `${id}_feedback_message ${id}_error_message` : undefined),\n    [id],\n  );\n\n  const handleClear = useCallback(() => {\n    onClear();\n    inputRef?.current?.focus();\n  }, [onClear]);\n\n  return (\n    <StyledInputWrapper\n      className={className}\n      cols={shouldDisplayClearButton ? ['auto', 'min-content'] : ['auto']}\n      isDisabled={disabled}\n      applyAriaDisabled={applyAriaDisabled}\n      isReadOnly={readOnly}\n      hasError={hasError}\n      hasFocus={hasFocus}\n      inputSize={inputSize}\n      {...xstyledProps}\n      {...ownerPropsConfig}\n    >\n      <StyledInput\n        inputSize={inputSize}\n        disabled={disabled}\n        placeholder={placeholder}\n        readOnly={readOnly}\n        innerRef={mergeRefs(innerRef, inputRef)}\n        value={value}\n        aria-describedby={\n          defaultAriaDescribedBy || ariaDescribedBy ? `${defaultAriaDescribedBy} ${ariaDescribedBy}` : undefined\n        }\n        aria-invalid={hasError}\n        id={id}\n        aria-disabled={applyAriaDisabled}\n        aria-readonly={readOnly}\n        {...handlers}\n        {...otherGlobalAttributes}\n        {...ownerPropsConfig}\n      />\n      {shouldDisplayClearButton && (\n        <StyledClearButton\n          disabled={disabled || applyAriaDisabled || readOnly}\n          aria-label=\"Clear input value\"\n          aria-controls={id}\n          aria-describedby={id}\n          buttonType=\"icon\"\n          onClick={handleClear}\n          size=\"s\"\n          {...ownerPropsConfig}\n        >\n          <CloseMedium color={DSIconColors.PRIMARY} size=\"s\" />\n        </StyledClearButton>\n      )}\n    </StyledInputWrapper>\n  );\n};\n\nDSInputText.displayName = 'DSInputText';\nexport const DSInputTextWithSchema = describe(DSInputText);\nDSInputTextWithSchema.propTypes = DSInputTextPropTypes;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACiDnB,SAYE,KAZF;AAhDJ,SAAgB,aAAa,SAAS,cAAc;AACpD,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAC7B,SAAS,iBAAiB;AAC1B,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAE7B,SAAS,4BAA4B;AACrC,SAAS,mBAAmB,aAAa,0BAA0B;AAE5D,MAAM,cAAuD,CAAC,UAAU;AAC7E,QAAM;AAAA,IACJ,kBAAkB,EAAE,WAAW,IAAI,GAAG,sBAAsB;AAAA,IAC5D;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,aAAa,KAAK;AAEtB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,WAAW,OAAyB,IAAI;AAC9C,QAAM,2BAA2B,aAAa,CAAC,YAAY,UAAU,MAAM,CAAC,qBAAqB,CAAC;AAElG,QAAM,yBAAyB;AAAA,IAC7B,MAAO,OAAO,SAAY,GAAG,EAAE,qBAAqB,EAAE,mBAAmB;AAAA,IACzE,CAAC,EAAE;AAAA,EACL;AAEA,QAAM,cAAc,YAAY,MAAM;AACpC,YAAQ;AACR,cAAU,SAAS,MAAM;AAAA,EAC3B,GAAG,CAAC,OAAO,CAAC;AAEZ,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAM,2BAA2B,CAAC,QAAQ,aAAa,IAAI,CAAC,MAAM;AAAA,MAClE,YAAY;AAAA,MACZ;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACH,GAAG;AAAA,MAEJ;AAAA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,UAAU,UAAU,UAAU,QAAQ;AAAA,YACtC;AAAA,YACA,oBACE,0BAA0B,kBAAkB,GAAG,sBAAsB,IAAI,eAAe,KAAK;AAAA,YAE/F,gBAAc;AAAA,YACd;AAAA,YACA,iBAAe;AAAA,YACf,iBAAe;AAAA,YACd,GAAG;AAAA,YACH,GAAG;AAAA,YACH,GAAG;AAAA;AAAA,QACN;AAAA,QACC,4BACC;AAAA,UAAC;AAAA;AAAA,YACC,UAAU,YAAY,qBAAqB;AAAA,YAC3C,cAAW;AAAA,YACX,iBAAe;AAAA,YACf,oBAAkB;AAAA,YAClB,YAAW;AAAA,YACX,SAAS;AAAA,YACT,MAAK;AAAA,YACJ,GAAG;AAAA,YAEJ,8BAAC,eAAY,OAAO,aAAa,SAAS,MAAK,KAAI;AAAA;AAAA,QACrD;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,YAAY,cAAc;AACnB,MAAM,wBAAwB,SAAS,WAAW;AACzD,sBAAsB,YAAY;",
-  "names": []
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport React, { useCallback, useMemo, useRef } from 'react';\nimport { CloseMedium } from '@elliemae/ds-icons';\nimport { DSIconColors } from '@elliemae/ds-icon';\nimport { mergeRefs } from '@elliemae/ds-system';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { useInputText } from './config/useInputText.js';\nimport type { DSInputTextT } from './react-desc-prop-types.js';\nimport { DSInputTextPropTypes } from './react-desc-prop-types.js';\nimport { StyledClearButton, StyledInput, StyledInputWrapper } from './styled/components.js';\n\nexport const DSInputText: React.ComponentType<DSInputTextT.Props> = (props) => {\n  const {\n    globalAttributes: { className, id, ...otherGlobalAttributes },\n    hasFocus,\n    handlers,\n    propsWithDefault,\n    xstyledProps,\n    ownerPropsConfig,\n  } = useInputText(props);\n\n  const {\n    clearable,\n    disabled,\n    hasError,\n    innerRef,\n    placeholder,\n    readOnly,\n    inputSize,\n    onClear,\n    value,\n    applyAriaDisabled,\n    ariaDescribedBy,\n  } = propsWithDefault;\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const shouldDisplayClearButton = clearable && !disabled && value !== '' && !applyAriaDisabled && !readOnly;\n\n  const defaultAriaDescribedBy = useMemo(\n    () => (id !== undefined ? `${id}_feedback_message ${id}_error_message` : undefined),\n    [id],\n  );\n\n  const handleClear = useCallback(() => {\n    onClear();\n    inputRef?.current?.focus();\n  }, [onClear]);\n\n  const shouldCallOnChange = React.useMemo(() => !applyAriaDisabled && !readOnly, [applyAriaDisabled, readOnly]);\n\n  /*\n   * Remove the onChange handler if the input is disabled or readOnly\n   * https://jira.elliemae.io/browse/PUI-15365\n   */\n  const otherGlobalAttributesCleaned = React.useMemo(\n    () => ({\n      ...otherGlobalAttributes,\n      ...(shouldCallOnChange ? {} : { onChange: undefined }),\n    }),\n    [otherGlobalAttributes, shouldCallOnChange],\n  );\n\n  return (\n    <StyledInputWrapper\n      className={className}\n      cols={shouldDisplayClearButton ? ['auto', 'min-content'] : ['auto']}\n      isDisabled={disabled}\n      applyAriaDisabled={applyAriaDisabled}\n      isReadOnly={readOnly}\n      hasError={hasError}\n      hasFocus={hasFocus}\n      inputSize={inputSize}\n      {...xstyledProps}\n      {...ownerPropsConfig}\n    >\n      <StyledInput\n        inputSize={inputSize}\n        disabled={disabled}\n        placeholder={placeholder}\n        readOnly={readOnly}\n        innerRef={mergeRefs(innerRef, inputRef)}\n        value={value}\n        aria-describedby={\n          defaultAriaDescribedBy || ariaDescribedBy ? `${defaultAriaDescribedBy} ${ariaDescribedBy}` : undefined\n        }\n        aria-invalid={hasError}\n        id={id}\n        aria-disabled={applyAriaDisabled}\n        aria-readonly={readOnly}\n        {...handlers}\n        {...otherGlobalAttributesCleaned}\n        {...ownerPropsConfig}\n      />\n      {shouldDisplayClearButton && (\n        <StyledClearButton\n          disabled={disabled || applyAriaDisabled || readOnly}\n          aria-label=\"Clear input value\"\n          aria-controls={id}\n          aria-describedby={id}\n          buttonType=\"icon\"\n          onClick={handleClear}\n          size=\"s\"\n          {...ownerPropsConfig}\n        >\n          <CloseMedium color={DSIconColors.PRIMARY} size=\"s\" />\n        </StyledClearButton>\n      )}\n    </StyledInputWrapper>\n  );\n};\n\nDSInputText.displayName = 'DSInputText';\nexport const DSInputTextWithSchema = describe(DSInputText);\nDSInputTextWithSchema.propTypes = DSInputTextPropTypes;\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC+DnB,SAYE,KAZF;AA9DJ,OAAOA,UAAS,aAAa,SAAS,cAAc;AACpD,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAC7B,SAAS,iBAAiB;AAC1B,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAE7B,SAAS,4BAA4B;AACrC,SAAS,mBAAmB,aAAa,0BAA0B;AAE5D,MAAM,cAAuD,CAAC,UAAU;AAC7E,QAAM;AAAA,IACJ,kBAAkB,EAAE,WAAW,IAAI,GAAG,sBAAsB;AAAA,IAC5D;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,aAAa,KAAK;AAEtB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,WAAW,OAAyB,IAAI;AAC9C,QAAM,2BAA2B,aAAa,CAAC,YAAY,UAAU,MAAM,CAAC,qBAAqB,CAAC;AAElG,QAAM,yBAAyB;AAAA,IAC7B,MAAO,OAAO,SAAY,GAAG,EAAE,qBAAqB,EAAE,mBAAmB;AAAA,IACzE,CAAC,EAAE;AAAA,EACL;AAEA,QAAM,cAAc,YAAY,MAAM;AACpC,YAAQ;AACR,cAAU,SAAS,MAAM;AAAA,EAC3B,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,qBAAqBA,OAAM,QAAQ,MAAM,CAAC,qBAAqB,CAAC,UAAU,CAAC,mBAAmB,QAAQ,CAAC;AAM7G,QAAM,+BAA+BA,OAAM;AAAA,IACzC,OAAO;AAAA,MACL,GAAG;AAAA,MACH,GAAI,qBAAqB,CAAC,IAAI,EAAE,UAAU,OAAU;AAAA,IACtD;AAAA,IACA,CAAC,uBAAuB,kBAAkB;AAAA,EAC5C;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAM,2BAA2B,CAAC,QAAQ,aAAa,IAAI,CAAC,MAAM;AAAA,MAClE,YAAY;AAAA,MACZ;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACH,GAAG;AAAA,MAEJ;AAAA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,UAAU,UAAU,UAAU,QAAQ;AAAA,YACtC;AAAA,YACA,oBACE,0BAA0B,kBAAkB,GAAG,sBAAsB,IAAI,eAAe,KAAK;AAAA,YAE/F,gBAAc;AAAA,YACd;AAAA,YACA,iBAAe;AAAA,YACf,iBAAe;AAAA,YACd,GAAG;AAAA,YACH,GAAG;AAAA,YACH,GAAG;AAAA;AAAA,QACN;AAAA,QACC,4BACC;AAAA,UAAC;AAAA;AAAA,YACC,UAAU,YAAY,qBAAqB;AAAA,YAC3C,cAAW;AAAA,YACX,iBAAe;AAAA,YACf,oBAAkB;AAAA,YAClB,YAAW;AAAA,YACX,SAAS;AAAA,YACT,MAAK;AAAA,YACJ,GAAG;AAAA,YAEJ,8BAAC,eAAY,OAAO,aAAa,SAAS,MAAK,KAAI;AAAA;AAAA,QACrD;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,YAAY,cAAc;AACnB,MAAM,wBAAwB,SAAS,WAAW;AACzD,sBAAsB,YAAY;",
+  "names": ["React"]
 }

package/dist/types/config/useInputText.d.ts

@@ -1,7 +1,7 @@
 import type React from 'react';
 import type { DSInputTextT } from '../react-desc-prop-types.js';
 export declare const useInputText: (props: DSInputTextT.Props) => {
-    globalAttributes: Partial<Pick<object, "form" | "list" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "noValidate" | "open" | "optimum" | "pattern" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap"> & Omit<{
+    globalAttributes: Partial<Pick<object, "form" | "list" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "noValidate" | "open" | "optimum" | "pattern" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap"> & Omit<{
         form?: string | undefined;
         list?: string | undefined;
         "aria-activedescendant"?: string | undefined;
@@ -267,6 +267,8 @@ export declare const useInputText: (props: DSInputTextT.Props) => {
         unselectable?: "off" | "on" | undefined;
         inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
+        exportparts?: string | undefined;
+        part?: string | undefined;
         accept?: string | undefined;
         acceptCharset?: string | undefined;
         action?: string | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-form-input-text",
-  "version": "3.51.0-rc.8",
+  "version": "3.51.1",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Controlled Form Input Text",
   "files": [
@@ -36,23 +36,23 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-button-v2": "3.51.0-rc.8",
-    "@elliemae/ds-grid": "3.51.0-rc.8",
-    "@elliemae/ds-icon": "3.51.0-rc.8",
-    "@elliemae/ds-icons": "3.51.0-rc.8",
-    "@elliemae/ds-props-helpers": "3.51.0-rc.8",
-    "@elliemae/ds-system": "3.51.0-rc.8"
+    "@elliemae/ds-button-v2": "3.51.1",
+    "@elliemae/ds-grid": "3.51.1",
+    "@elliemae/ds-icon": "3.51.1",
+    "@elliemae/ds-system": "3.51.1",
+    "@elliemae/ds-props-helpers": "3.51.1",
+    "@elliemae/ds-icons": "3.51.1"
   },
   "devDependencies": {
     "@elliemae/pui-cli": "9.0.0-next.55",
-    "@elliemae/pui-theme": "~2.10.0",
+    "@elliemae/pui-theme": "~2.11.0",
     "jest": "~29.7.0",
     "styled-components": "~5.3.9",
     "styled-system": "^5.1.5",
-    "@elliemae/ds-monorepo-devops": "3.51.0-rc.8"
+    "@elliemae/ds-monorepo-devops": "3.51.1"
   },
   "peerDependencies": {
-    "@elliemae/pui-theme": "~2.10.0",
+    "@elliemae/pui-theme": "~2.11.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "styled-components": "~5.3.9",