@elliemae/ds-form 3.16.0-next.2 → 3.16.0-next.21

package/dist/cjs/FormItem/props.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -28,56 +32,96 @@ __export(props_exports, {
 });
 module.exports = __toCommonJS(props_exports);
 var React = __toESM(require("react"));
-var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_variants = require("./variants");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_variants = require("./variants.js");
 const props = {
-  containerProps: import_ds_utilities.PropTypes.object.description("props to inject to form item layout wrapper"),
-  disableTooltip: import_ds_utilities.PropTypes.bool.description("Whether to show a tooltip or not when text does not fit").defaultValue(true),
-  leftLabel: import_ds_utilities.PropTypes.bool.description("position label on the left"),
-  floatingLabel: import_ds_utilities.PropTypes.bool.description("turn on floating label"),
-  id: import_ds_utilities.PropTypes.string.description("id for form item layout"),
-  name: import_ds_utilities.PropTypes.string.description("html name prop for form tags"),
-  value: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.string, import_ds_utilities.PropTypes.number, import_ds_utilities.PropTypes.object]).description(
+  /** props to inject to form item layout wrapper */
+  containerProps: import_ds_props_helpers.PropTypes.object.description("props to inject to form item layout wrapper"),
+  /** disableTooltip */
+  disableTooltip: import_ds_props_helpers.PropTypes.bool.description("Whether to show a tooltip or not when text does not fit").defaultValue(true),
+  /** position label on the left */
+  leftLabel: import_ds_props_helpers.PropTypes.bool.description("position label on the left"),
+  /** turn on floating label */
+  floatingLabel: import_ds_props_helpers.PropTypes.bool.description("turn on floating label"),
+  /** id for form item layout */
+  id: import_ds_props_helpers.PropTypes.string.description("id for form item layout"),
+  /** html name prop for form tags */
+  name: import_ds_props_helpers.PropTypes.string.description("html name prop for form tags"),
+  /** form item layout element value */
+  value: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.string, import_ds_props_helpers.PropTypes.number, import_ds_props_helpers.PropTypes.object]).description(
     "form item layout element value"
   ),
-  inputComponent: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.func, import_ds_utilities.PropTypes.element]).description("Any input component"),
-  isShowElipsisActive: import_ds_utilities.PropTypes.bool.description("Wheter to enable the ellipsis and tooltip functionality or not").defaultValue(true),
-  labelComponent: import_ds_utilities.PropTypes.func.description("Label component"),
-  feedbackComponent: import_ds_utilities.PropTypes.func.description("feedback component to embed on form item"),
-  labelText: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.string, import_ds_utilities.PropTypes.element]).description("label text"),
-  hasError: import_ds_utilities.PropTypes.bool.description("error state"),
-  fitContent: import_ds_utilities.PropTypes.bool.description(
+  /** Any input component */
+  inputComponent: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.func, import_ds_props_helpers.PropTypes.element]).description("Any input component"),
+  /** isShowElipsisActive */
+  /** isShowElipsisActive */
+  isShowElipsisActive: import_ds_props_helpers.PropTypes.bool.description("Wheter to enable the ellipsis and tooltip functionality or not").defaultValue(true),
+  /** Label component  */
+  labelComponent: import_ds_props_helpers.PropTypes.func.description("Label component"),
+  /** feedback component to embed on form item */
+  feedbackComponent: import_ds_props_helpers.PropTypes.func.description("feedback component to embed on form item"),
+  /** label text */
+  labelText: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.string, import_ds_props_helpers.PropTypes.element]).description("label text"),
+  /** error state */
+  hasError: import_ds_props_helpers.PropTypes.bool.description("error state"),
+  /** add fit content to form container */
+  fitContent: import_ds_props_helpers.PropTypes.bool.description(
     "Adds fit content css property to the main container, making the layout width adapt to the input component"
   ),
-  validationState: import_ds_utilities.PropTypes.oneOf(["success", "error", "warning"]).description("validation state"),
-  validationMessage: import_ds_utilities.PropTypes.string.description("validation message"),
-  feedbackMessage: import_ds_utilities.PropTypes.string.description("feedback message"),
-  readOnly: import_ds_utilities.PropTypes.bool.description("read only form item"),
-  focused: import_ds_utilities.PropTypes.bool.description("focused state"),
-  type: import_ds_utilities.PropTypes.string.description("input type"),
-  autoFocus: import_ds_utilities.PropTypes.bool.description("auto focus input"),
-  disabled: import_ds_utilities.PropTypes.bool.description("disabled state"),
-  onChange: import_ds_utilities.PropTypes.func.description("on change handler"),
-  onBlur: import_ds_utilities.PropTypes.func.description("on blur handler"),
-  extraInputProps: import_ds_utilities.PropTypes.object.description("extra input props to inject"),
-  extraContent: import_ds_utilities.PropTypes.element.description("extra content"),
-  leftAddon: import_ds_utilities.PropTypes.element.description("left addon for form item"),
-  rightAddon: import_ds_utilities.PropTypes.element.description("right addon for form item"),
-  required: import_ds_utilities.PropTypes.bool.description("add required mark"),
-  optional: import_ds_utilities.PropTypes.bool.description("add optional mark"),
-  onFocus: import_ds_utilities.PropTypes.func.description("on focus handler"),
-  onPaste: import_ds_utilities.PropTypes.func.description("on paste handler"),
-  truncateText: import_ds_utilities.PropTypes.bool.description("add truncation and ellipsis"),
-  onKeyUp: import_ds_utilities.PropTypes.func.description("on key up event handler"),
-  mask: import_ds_utilities.PropTypes.oneOfType([
-    import_ds_utilities.PropTypes.string,
-    import_ds_utilities.PropTypes.func,
-    import_ds_utilities.PropTypes.object,
-    import_ds_utilities.PropTypes.array
+  /** validation state */
+  validationState: import_ds_props_helpers.PropTypes.oneOf(["success", "error", "warning"]).description("validation state"),
+  /** validation message */
+  validationMessage: import_ds_props_helpers.PropTypes.string.description("validation message"),
+  /** feedback message */
+  feedbackMessage: import_ds_props_helpers.PropTypes.string.description("feedback message"),
+  /** read only form item */
+  readOnly: import_ds_props_helpers.PropTypes.bool.description("read only form item"),
+  /** focused state */
+  focused: import_ds_props_helpers.PropTypes.bool.description("focused state"),
+  /** input type */
+  type: import_ds_props_helpers.PropTypes.string.description("input type"),
+  /** auto focus input */
+  autoFocus: import_ds_props_helpers.PropTypes.bool.description("auto focus input"),
+  /** disabled state */
+  disabled: import_ds_props_helpers.PropTypes.bool.description("disabled state"),
+  /** on change handler */
+  onChange: import_ds_props_helpers.PropTypes.func.description("on change handler"),
+  /** on blur handler */
+  onBlur: import_ds_props_helpers.PropTypes.func.description("on blur handler"),
+  /** extra input props to inject */
+  extraInputProps: import_ds_props_helpers.PropTypes.object.description("extra input props to inject"),
+  /** extra content */
+  extraContent: import_ds_props_helpers.PropTypes.element.description("extra content"),
+  /** left addon for form item */
+  leftAddon: import_ds_props_helpers.PropTypes.element.description("left addon for form item"),
+  /** right addon for form item */
+  rightAddon: import_ds_props_helpers.PropTypes.element.description("right addon for form item"),
+  /** add required mark */
+  required: import_ds_props_helpers.PropTypes.bool.description("add required mark"),
+  /** add optional mark */
+  optional: import_ds_props_helpers.PropTypes.bool.description("add optional mark"),
+  /** on focus handler */
+  onFocus: import_ds_props_helpers.PropTypes.func.description("on focus handler"),
+  /** on paste handler */
+  onPaste: import_ds_props_helpers.PropTypes.func.description("on paste handler"),
+  /** add truncation and ellipsis */
+  truncateText: import_ds_props_helpers.PropTypes.bool.description("add truncation and ellipsis"),
+  /** on key up event handler */
+  onKeyUp: import_ds_props_helpers.PropTypes.func.description("on key up event handler"),
+  /** mask for input mask component */
+  mask: import_ds_props_helpers.PropTypes.oneOfType([
+    // PropTypes.oneOf(maskTypes),
+    import_ds_props_helpers.PropTypes.string,
+    import_ds_props_helpers.PropTypes.func,
+    import_ds_props_helpers.PropTypes.object,
+    import_ds_props_helpers.PropTypes.array
   ]).description("mask for input mask component"),
-  useSubfix: import_ds_utilities.PropTypes.string.description("add suffix to input"),
-  suffix: import_ds_utilities.PropTypes.string.description("suffix for input"),
-  variant: import_ds_utilities.PropTypes.oneOf([
+  /** add suffix to input */
+  useSubfix: import_ds_props_helpers.PropTypes.string.description("add suffix to input"),
+  /** suffix for input */
+  suffix: import_ds_props_helpers.PropTypes.string.description("suffix for input"),
+  /** form item layout type */
+  variant: import_ds_props_helpers.PropTypes.oneOf([
     import_variants.FORMITEM_LAYOUT_VARIANTS.DEFAULT,
     import_variants.FORMITEM_LAYOUT_VARIANTS.FOCUS,
     import_variants.FORMITEM_LAYOUT_VARIANTS.ACTIVE,
@@ -85,6 +129,6 @@ const props = {
     import_variants.FORMITEM_LAYOUT_VARIANTS.READ_ONLY,
     import_variants.FORMITEM_LAYOUT_VARIANTS.OPTIONAL
   ]).description("form item layout type"),
-  withHighlight: import_ds_utilities.PropTypes.bool.description("adds highlight style to the input component")
+  withHighlight: import_ds_props_helpers.PropTypes.bool.description("adds highlight style to the input component")
 };
 //# sourceMappingURL=props.js.map

package/dist/cjs/FormItem/props.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/FormItem/props.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { PropTypes } from '@elliemae/ds-utilities';\nimport { FORMITEM_LAYOUT_VARIANTS } from './variants';\n\nexport const props = {\n  /** props to inject to form item layout wrapper */\n  containerProps: PropTypes.object.description('props to inject to form item layout wrapper'),\n  /** disableTooltip */\n  disableTooltip: PropTypes.bool\n    .description('Whether to show a tooltip or not when text does not fit')\n    .defaultValue(true),\n  /** position label on the left */\n  leftLabel: PropTypes.bool.description('position label on the left'),\n  /** turn on floating label */\n  floatingLabel: PropTypes.bool.description('turn on floating label'),\n  /** id for form item layout */\n  id: PropTypes.string.description('id for form item layout'),\n  /** html name prop for form tags */\n  name: PropTypes.string.description('html name prop for form tags'),\n  /** form item layout element value */\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).description(\n    'form item layout element value',\n  ),\n  /** Any input component */\n  inputComponent: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description('Any input component'),\n  /** isShowElipsisActive */\n  /** isShowElipsisActive */\n  isShowElipsisActive: PropTypes.bool\n    .description('Wheter to enable the ellipsis and tooltip functionality or not')\n    .defaultValue(true),\n  /** Label component  */\n  labelComponent: PropTypes.func.description('Label component'),\n  /** feedback component to embed on form item */\n  feedbackComponent: PropTypes.func.description('feedback component to embed on form item'),\n  /** label text */\n  labelText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description('label text'),\n  /** error state */\n  hasError: PropTypes.bool.description('error state'),\n  /** add fit content to form container */\n  fitContent: PropTypes.bool.description(\n    'Adds fit content css property to the main container, making the layout width adapt to the input component',\n  ),\n  /** validation state */\n  validationState: PropTypes.oneOf(['success', 'error', 'warning']).description('validation state'),\n  /** validation message */\n  validationMessage: PropTypes.string.description('validation message'),\n  /** feedback message */\n  feedbackMessage: PropTypes.string.description('feedback message'),\n  /** read only form item */\n  readOnly: PropTypes.bool.description('read only form item'),\n  /** focused state */\n  focused: PropTypes.bool.description('focused state'),\n  /** input type */\n  type: PropTypes.string.description('input type'),\n  /** auto focus input */\n  autoFocus: PropTypes.bool.description('auto focus input'),\n  /** disabled state */\n  disabled: PropTypes.bool.description('disabled state'),\n  /** on change handler */\n  onChange: PropTypes.func.description('on change handler'),\n  /** on blur handler */\n  onBlur: PropTypes.func.description('on blur handler'),\n  /** extra input props to inject */\n  extraInputProps: PropTypes.object.description('extra input props to inject'),\n  /** extra content */\n  extraContent: PropTypes.element.description('extra content'),\n  /** left addon for form item */\n  leftAddon: PropTypes.element.description('left addon for form item'),\n  /** right addon for form item */\n  rightAddon: PropTypes.element.description('right addon for form item'),\n  /** add required mark */\n  required: PropTypes.bool.description('add required mark'),\n  /** add optional mark */\n  optional: PropTypes.bool.description('add optional mark'),\n  /** on focus handler */\n  onFocus: PropTypes.func.description('on focus handler'),\n  /** on paste handler */\n  onPaste: PropTypes.func.description('on paste handler'),\n  /** add truncation and ellipsis */\n  truncateText: PropTypes.bool.description('add truncation and ellipsis'),\n  /** on key up event handler */\n  onKeyUp: PropTypes.func.description('on key up event handler'),\n  /** mask for input mask component */\n  mask: PropTypes.oneOfType([\n    // PropTypes.oneOf(maskTypes),\n    PropTypes.string,\n    PropTypes.func,\n    PropTypes.object,\n    PropTypes.array,\n  ]).description('mask for input mask component'),\n  /** add suffix to input */\n  useSubfix: PropTypes.string.description('add suffix to input'),\n  /** suffix for input */\n  suffix: PropTypes.string.description('suffix for input'),\n  /** form item layout type */\n  variant: PropTypes.oneOf([\n    FORMITEM_LAYOUT_VARIANTS.DEFAULT,\n    FORMITEM_LAYOUT_VARIANTS.FOCUS,\n    FORMITEM_LAYOUT_VARIANTS.ACTIVE,\n    FORMITEM_LAYOUT_VARIANTS.DISABLED,\n    FORMITEM_LAYOUT_VARIANTS.READ_ONLY,\n    FORMITEM_LAYOUT_VARIANTS.OPTIONAL,\n  ]).description('form item layout type'),\n  withHighlight: PropTypes.bool.description('adds highlight style to the input component'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA0B;AAC1B,sBAAyC;AAElC,MAAM,QAAQ;AAAA,EAEnB,gBAAgB,8BAAU,OAAO,YAAY,6CAA6C;AAAA,EAE1F,gBAAgB,8BAAU,KACvB,YAAY,yDAAyD,EACrE,aAAa,IAAI;AAAA,EAEpB,WAAW,8BAAU,KAAK,YAAY,4BAA4B;AAAA,EAElE,eAAe,8BAAU,KAAK,YAAY,wBAAwB;AAAA,EAElE,IAAI,8BAAU,OAAO,YAAY,yBAAyB;AAAA,EAE1D,MAAM,8BAAU,OAAO,YAAY,8BAA8B;AAAA,EAEjE,OAAO,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,QAAQ,8BAAU,MAAM,CAAC,EAAE;AAAA,IACjF;AAAA,EACF;AAAA,EAEA,gBAAgB,8BAAU,UAAU,CAAC,8BAAU,MAAM,8BAAU,OAAO,CAAC,EAAE,YAAY,qBAAqB;AAAA,EAG1G,qBAAqB,8BAAU,KAC5B,YAAY,gEAAgE,EAC5E,aAAa,IAAI;AAAA,EAEpB,gBAAgB,8BAAU,KAAK,YAAY,iBAAiB;AAAA,EAE5D,mBAAmB,8BAAU,KAAK,YAAY,0CAA0C;AAAA,EAExF,WAAW,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,OAAO,CAAC,EAAE,YAAY,YAAY;AAAA,EAE9F,UAAU,8BAAU,KAAK,YAAY,aAAa;AAAA,EAElD,YAAY,8BAAU,KAAK;AAAA,IACzB;AAAA,EACF;AAAA,EAEA,iBAAiB,8BAAU,MAAM,CAAC,WAAW,SAAS,SAAS,CAAC,EAAE,YAAY,kBAAkB;AAAA,EAEhG,mBAAmB,8BAAU,OAAO,YAAY,oBAAoB;AAAA,EAEpE,iBAAiB,8BAAU,OAAO,YAAY,kBAAkB;AAAA,EAEhE,UAAU,8BAAU,KAAK,YAAY,qBAAqB;AAAA,EAE1D,SAAS,8BAAU,KAAK,YAAY,eAAe;AAAA,EAEnD,MAAM,8BAAU,OAAO,YAAY,YAAY;AAAA,EAE/C,WAAW,8BAAU,KAAK,YAAY,kBAAkB;AAAA,EAExD,UAAU,8BAAU,KAAK,YAAY,gBAAgB;AAAA,EAErD,UAAU,8BAAU,KAAK,YAAY,mBAAmB;AAAA,EAExD,QAAQ,8BAAU,KAAK,YAAY,iBAAiB;AAAA,EAEpD,iBAAiB,8BAAU,OAAO,YAAY,6BAA6B;AAAA,EAE3E,cAAc,8BAAU,QAAQ,YAAY,eAAe;AAAA,EAE3D,WAAW,8BAAU,QAAQ,YAAY,0BAA0B;AAAA,EAEnE,YAAY,8BAAU,QAAQ,YAAY,2BAA2B;AAAA,EAErE,UAAU,8BAAU,KAAK,YAAY,mBAAmB;AAAA,EAExD,UAAU,8BAAU,KAAK,YAAY,mBAAmB;AAAA,EAExD,SAAS,8BAAU,KAAK,YAAY,kBAAkB;AAAA,EAEtD,SAAS,8BAAU,KAAK,YAAY,kBAAkB;AAAA,EAEtD,cAAc,8BAAU,KAAK,YAAY,6BAA6B;AAAA,EAEtE,SAAS,8BAAU,KAAK,YAAY,yBAAyB;AAAA,EAE7D,MAAM,8BAAU,UAAU;AAAA,IAExB,8BAAU;AAAA,IACV,8BAAU;AAAA,IACV,8BAAU;AAAA,IACV,8BAAU;AAAA,EACZ,CAAC,EAAE,YAAY,+BAA+B;AAAA,EAE9C,WAAW,8BAAU,OAAO,YAAY,qBAAqB;AAAA,EAE7D,QAAQ,8BAAU,OAAO,YAAY,kBAAkB;AAAA,EAEvD,SAAS,8BAAU,MAAM;AAAA,IACvB,yCAAyB;AAAA,IACzB,yCAAyB;AAAA,IACzB,yCAAyB;AAAA,IACzB,yCAAyB;AAAA,IACzB,yCAAyB;AAAA,IACzB,yCAAyB;AAAA,EAC3B,CAAC,EAAE,YAAY,uBAAuB;AAAA,EACtC,eAAe,8BAAU,KAAK,YAAY,6CAA6C;AACzF;",
+  "sourcesContent": ["import { PropTypes } from '@elliemae/ds-props-helpers';\nimport { FORMITEM_LAYOUT_VARIANTS } from './variants.js';\n\nexport const props = {\n  /** props to inject to form item layout wrapper */\n  containerProps: PropTypes.object.description('props to inject to form item layout wrapper'),\n  /** disableTooltip */\n  disableTooltip: PropTypes.bool\n    .description('Whether to show a tooltip or not when text does not fit')\n    .defaultValue(true),\n  /** position label on the left */\n  leftLabel: PropTypes.bool.description('position label on the left'),\n  /** turn on floating label */\n  floatingLabel: PropTypes.bool.description('turn on floating label'),\n  /** id for form item layout */\n  id: PropTypes.string.description('id for form item layout'),\n  /** html name prop for form tags */\n  name: PropTypes.string.description('html name prop for form tags'),\n  /** form item layout element value */\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).description(\n    'form item layout element value',\n  ),\n  /** Any input component */\n  inputComponent: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description('Any input component'),\n  /** isShowElipsisActive */\n  /** isShowElipsisActive */\n  isShowElipsisActive: PropTypes.bool\n    .description('Wheter to enable the ellipsis and tooltip functionality or not')\n    .defaultValue(true),\n  /** Label component  */\n  labelComponent: PropTypes.func.description('Label component'),\n  /** feedback component to embed on form item */\n  feedbackComponent: PropTypes.func.description('feedback component to embed on form item'),\n  /** label text */\n  labelText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description('label text'),\n  /** error state */\n  hasError: PropTypes.bool.description('error state'),\n  /** add fit content to form container */\n  fitContent: PropTypes.bool.description(\n    'Adds fit content css property to the main container, making the layout width adapt to the input component',\n  ),\n  /** validation state */\n  validationState: PropTypes.oneOf(['success', 'error', 'warning']).description('validation state'),\n  /** validation message */\n  validationMessage: PropTypes.string.description('validation message'),\n  /** feedback message */\n  feedbackMessage: PropTypes.string.description('feedback message'),\n  /** read only form item */\n  readOnly: PropTypes.bool.description('read only form item'),\n  /** focused state */\n  focused: PropTypes.bool.description('focused state'),\n  /** input type */\n  type: PropTypes.string.description('input type'),\n  /** auto focus input */\n  autoFocus: PropTypes.bool.description('auto focus input'),\n  /** disabled state */\n  disabled: PropTypes.bool.description('disabled state'),\n  /** on change handler */\n  onChange: PropTypes.func.description('on change handler'),\n  /** on blur handler */\n  onBlur: PropTypes.func.description('on blur handler'),\n  /** extra input props to inject */\n  extraInputProps: PropTypes.object.description('extra input props to inject'),\n  /** extra content */\n  extraContent: PropTypes.element.description('extra content'),\n  /** left addon for form item */\n  leftAddon: PropTypes.element.description('left addon for form item'),\n  /** right addon for form item */\n  rightAddon: PropTypes.element.description('right addon for form item'),\n  /** add required mark */\n  required: PropTypes.bool.description('add required mark'),\n  /** add optional mark */\n  optional: PropTypes.bool.description('add optional mark'),\n  /** on focus handler */\n  onFocus: PropTypes.func.description('on focus handler'),\n  /** on paste handler */\n  onPaste: PropTypes.func.description('on paste handler'),\n  /** add truncation and ellipsis */\n  truncateText: PropTypes.bool.description('add truncation and ellipsis'),\n  /** on key up event handler */\n  onKeyUp: PropTypes.func.description('on key up event handler'),\n  /** mask for input mask component */\n  mask: PropTypes.oneOfType([\n    // PropTypes.oneOf(maskTypes),\n    PropTypes.string,\n    PropTypes.func,\n    PropTypes.object,\n    PropTypes.array,\n  ]).description('mask for input mask component'),\n  /** add suffix to input */\n  useSubfix: PropTypes.string.description('add suffix to input'),\n  /** suffix for input */\n  suffix: PropTypes.string.description('suffix for input'),\n  /** form item layout type */\n  variant: PropTypes.oneOf([\n    FORMITEM_LAYOUT_VARIANTS.DEFAULT,\n    FORMITEM_LAYOUT_VARIANTS.FOCUS,\n    FORMITEM_LAYOUT_VARIANTS.ACTIVE,\n    FORMITEM_LAYOUT_VARIANTS.DISABLED,\n    FORMITEM_LAYOUT_VARIANTS.READ_ONLY,\n    FORMITEM_LAYOUT_VARIANTS.OPTIONAL,\n  ]).description('form item layout type'),\n  withHighlight: PropTypes.bool.description('adds highlight style to the input component'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/FormItem/variants.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/dist/cjs/FormItem/variants.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/FormItem/variants.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export const FORMITEM_LAYOUT_VARIANTS = {\n  DEFAULT: 'variant-default',\n  FOCUS: 'variant-focus',\n  ACTIVE: 'variant-active',\n  DISABLED: 'variant-disabled',\n  READ_ONLY: 'variant-read-only',\n  OPTIONAL: 'variant-optional',\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,2BAA2B;AAAA,EACtC,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,WAAW;AAAA,EACX,UAAU;AACZ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,2BAA2B;AAAA,EACtC,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,WAAW;AAAA,EACX,UAAU;AACZ;",
   "names": []
 }

package/dist/cjs/Input/DSInput.js

@@ -14,6 +14,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/dist/cjs/Input/DSInput.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA,YAAuB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;",
   "names": []
 }

package/dist/cjs/Input/InputAddonWrapper.js

@@ -14,6 +14,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/dist/cjs/Input/InputAddonWrapper.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA,YAAuB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;",
   "names": []
 }

package/dist/cjs/Input/InputImpl.js

@@ -14,6 +14,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/dist/cjs/Input/InputImpl.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA,YAAuB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;",
   "names": []
 }

package/dist/cjs/Input/index.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/dist/cjs/Input/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/Input/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export { DSInput, InputAddonWrapper, DSInput as default } from '@elliemae/ds-common/Input';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA+D;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA+D;",
   "names": []
 }

package/dist/cjs/InputGroup/AddonWrapper.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/dist/cjs/InputGroup/AddonWrapper.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/InputGroup/AddonWrapper.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { Component } from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockName = 'input-addon-group';\n\nconst Container = aggregatedClasses('div')(blockName);\nconst InputAddon = aggregatedClasses('span')(blockName, 'addon');\n\nclass AddonWrapper extends Component {\n  static defaultProps = {};\n\n  state = {};\n\n  render() {\n    const { leftAddon, rightAddon, children: inputComponent, className, containerProps } = this.props;\n    const childType =\n      inputComponent && inputComponent.type && inputComponent.type.name\n        ? inputComponent.type.name.toLowerCase()\n        : 'default';\n    return (\n      <Container className={`${className} ${blockName}--${childType}`} {...containerProps}>\n        {leftAddon && <InputAddon>{leftAddon}</InputAddon>}\n        {inputComponent}\n        {rightAddon && <InputAddon>{rightAddon}</InputAddon>}\n      </Container>\n    );\n  }\n}\n\nexport { AddonWrapper };\nexport default AddonWrapper;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADoBjB;AApBN,mBAAiC;AACjC,2BAAkC;AAElC,MAAM,YAAY;AAElB,MAAM,gBAAY,wCAAkB,KAAK,EAAE,SAAS;AACpD,MAAM,iBAAa,wCAAkB,MAAM,EAAE,WAAW,OAAO;AAE/D,MAAM,qBAAqB,uBAAU;AAAA,EAArC;AAAA;AAGE,iBAAQ,CAAC;AAAA;AAAA,EAET,SAAS;AACP,UAAM,EAAE,WAAW,YAAY,UAAU,gBAAgB,WAAW,eAAe,IAAI,KAAK;AAC5F,UAAM,YACJ,kBAAkB,eAAe,QAAQ,eAAe,KAAK,OACzD,eAAe,KAAK,KAAK,YAAY,IACrC;AACN,WACE,6CAAC,aAAU,WAAW,GAAG,aAAa,cAAc,aAAc,GAAG,gBAClE;AAAA,mBAAa,4CAAC,cAAY,qBAAU;AAAA,MACpC;AAAA,MACA,cAAc,4CAAC,cAAY,sBAAW;AAAA,OACzC;AAAA,EAEJ;AACF;AAnBM,aACG,eAAe,CAAC;AAqBzB,IAAO,uBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADoBjB;AApBN,mBAAiC;AACjC,2BAAkC;AAElC,MAAM,YAAY;AAElB,MAAM,gBAAY,wCAAkB,KAAK,EAAE,SAAS;AACpD,MAAM,iBAAa,wCAAkB,MAAM,EAAE,WAAW,OAAO;AAE/D,MAAM,qBAAqB,uBAAU;AAAA,EAArC;AAAA;AAGE,iBAAQ,CAAC;AAAA;AAAA,EAET,SAAS;AACP,UAAM,EAAE,WAAW,YAAY,UAAU,gBAAgB,WAAW,eAAe,IAAI,KAAK;AAC5F,UAAM,YACJ,kBAAkB,eAAe,QAAQ,eAAe,KAAK,OACzD,eAAe,KAAK,KAAK,YAAY,IACrC;AACN,WACE,6CAAC,aAAU,WAAW,GAAG,aAAa,cAAc,aAAc,GAAG,gBAClE;AAAA,mBAAa,4CAAC,cAAY,qBAAU;AAAA,MACpC;AAAA,MACA,cAAc,4CAAC,cAAY,sBAAW;AAAA,OACzC;AAAA,EAEJ;AACF;AAnBM,aACG,eAAe,CAAC;AAqBzB,IAAO,uBAAQ;",
   "names": []
 }

package/dist/cjs/InputGroup/DSInputGroup.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -32,9 +36,10 @@ module.exports = __toCommonJS(DSInputGroup_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_AddonWrapper = require("./AddonWrapper");
-var import_props = require("./props");
-var import_defaultProps = require("./defaultProps");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_AddonWrapper = require("./AddonWrapper.js");
+var import_props = require("./props.js");
+var import_defaultProps = require("./defaultProps.js");
 const DSInputGroup = ({
   containerProps,
   innerRef,
@@ -43,22 +48,26 @@ const DSInputGroup = ({
   leftAddon,
   rightAddon,
   children: InputComponents
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-  import_AddonWrapper.AddonWrapper,
-  {
-    ref: innerRef,
-    className,
-    containerProps,
-    leftAddon,
-    rightAddon,
-    style,
-    children: InputComponents
-  }
-);
+  // as InputComponents,
+}) => {
+  (0, import_ds_utilities.useDeprecateComponent)({ componentName: "ds-form/InputGroup", version: "3.x Date: 2023 Q1" });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_AddonWrapper.AddonWrapper,
+    {
+      ref: innerRef,
+      className,
+      containerProps,
+      leftAddon,
+      rightAddon,
+      style,
+      children: InputComponents
+    }
+  );
+};
 DSInputGroup.propTypes = import_props.props;
 DSInputGroup.defaultProps = import_defaultProps.defaultProps;
 DSInputGroup.displayName = "DSInputGroup";
-const DSInputGroupWithSchema = (0, import_ds_utilities.describe)(DSInputGroup);
+const DSInputGroupWithSchema = (0, import_ds_props_helpers.describe)(DSInputGroup);
 DSInputGroupWithSchema.propTypes = import_props.props;
 var DSInputGroup_default = DSInputGroup;
 //# sourceMappingURL=DSInputGroup.js.map

package/dist/cjs/InputGroup/DSInputGroup.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/InputGroup/DSInputGroup.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { AddonWrapper } from './AddonWrapper';\nimport { props } from './props';\nimport { defaultProps } from './defaultProps';\n\nconst DSInputGroup = ({\n  containerProps,\n  innerRef,\n  className,\n  style,\n  leftAddon,\n  rightAddon,\n  children: InputComponents, // as InputComponents,\n}) => (\n  <AddonWrapper\n    ref={innerRef}\n    className={className}\n    containerProps={containerProps}\n    leftAddon={leftAddon}\n    rightAddon={rightAddon}\n    style={style}\n  >\n    {InputComponents}\n  </AddonWrapper>\n);\n\nDSInputGroup.propTypes = props;\nDSInputGroup.defaultProps = defaultProps;\nDSInputGroup.displayName = 'DSInputGroup';\nconst DSInputGroupWithSchema = describe(DSInputGroup);\n\nDSInputGroupWithSchema.propTypes = props;\n\nexport default DSInputGroup;\nexport { DSInputGroupWithSchema, DSInputGroup };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADerB;AAdF,0BAAyB;AACzB,0BAA6B;AAC7B,mBAAsB;AACtB,0BAA6B;AAE7B,MAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AACZ,MACE;AAAA,EAAC;AAAA;AAAA,IACC,KAAK;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEC;AAAA;AACH;AAGF,aAAa,YAAY;AACzB,aAAa,eAAe;AAC5B,aAAa,cAAc;AAC3B,MAAM,6BAAyB,8BAAS,YAAY;AAEpD,uBAAuB,YAAY;AAEnC,IAAO,uBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { useDeprecateComponent } from '@elliemae/ds-utilities';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { AddonWrapper } from './AddonWrapper.js';\nimport { props } from './props.js';\nimport { defaultProps } from './defaultProps.js';\n\nconst DSInputGroup = ({\n  containerProps,\n  innerRef,\n  className,\n  style,\n  leftAddon,\n  rightAddon,\n  children: InputComponents, // as InputComponents,\n}) => {\n  useDeprecateComponent({ componentName: 'ds-form/InputGroup', version: '3.x Date: 2023 Q1' });\n\n  return (\n    <AddonWrapper\n      ref={innerRef}\n      className={className}\n      containerProps={containerProps}\n      leftAddon={leftAddon}\n      rightAddon={rightAddon}\n      style={style}\n    >\n      {InputComponents}\n    </AddonWrapper>\n  );\n};\n\nDSInputGroup.propTypes = props;\nDSInputGroup.defaultProps = defaultProps;\nDSInputGroup.displayName = 'DSInputGroup';\nconst DSInputGroupWithSchema = describe(DSInputGroup);\n\nDSInputGroupWithSchema.propTypes = props;\n\nexport default DSInputGroup;\nexport { DSInputGroupWithSchema, DSInputGroup };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADmBnB;AAlBJ,0BAAsC;AACtC,8BAAyB;AACzB,0BAA6B;AAC7B,mBAAsB;AACtB,0BAA6B;AAE7B,MAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA;AACZ,MAAM;AACJ,iDAAsB,EAAE,eAAe,sBAAsB,SAAS,oBAAoB,CAAC;AAE3F,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;AAEA,aAAa,YAAY;AACzB,aAAa,eAAe;AAC5B,aAAa,cAAc;AAC3B,MAAM,6BAAyB,kCAAS,YAAY;AAEpD,uBAAuB,YAAY;AAEnC,IAAO,uBAAQ;",
   "names": []
 }

package/dist/cjs/InputGroup/defaultProps.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/dist/cjs/InputGroup/defaultProps.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/InputGroup/defaultProps.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export const defaultProps = {\n  containerProps: {},\n  innerRef: null,\n  className: '',\n  style: {},\n  leftAddon: null,\n  rightAddon: null,\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,eAAe;AAAA,EAC1B,gBAAgB,CAAC;AAAA,EACjB,UAAU;AAAA,EACV,WAAW;AAAA,EACX,OAAO,CAAC;AAAA,EACR,WAAW;AAAA,EACX,YAAY;AACd;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,eAAe;AAAA,EAC1B,gBAAgB,CAAC;AAAA,EACjB,UAAU;AAAA,EACV,WAAW;AAAA,EACX,OAAO,CAAC;AAAA,EACR,WAAW;AAAA,EACX,YAAY;AACd;",
   "names": []
 }

package/dist/cjs/InputGroup/index.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -30,5 +34,5 @@ __export(InputGroup_exports, {
 });
 module.exports = __toCommonJS(InputGroup_exports);
 var React = __toESM(require("react"));
-var import_DSInputGroup = __toESM(require("./DSInputGroup"));
+var import_DSInputGroup = __toESM(require("./DSInputGroup.js"));
 //# sourceMappingURL=index.js.map

package/dist/cjs/InputGroup/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/InputGroup/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export { default, DSInputGroupWithSchema, DSInputGroup } from './DSInputGroup';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA8D;",
+  "sourcesContent": ["export { default, DSInputGroupWithSchema, DSInputGroup } from './DSInputGroup.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA8D;",
   "names": []
 }

package/dist/cjs/InputGroup/props.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -28,16 +32,31 @@ __export(props_exports, {
 });
 module.exports = __toCommonJS(props_exports);
 var React = __toESM(require("react"));
-var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 const props = {
-  containerProps: import_ds_utilities.PropTypes.shape({}).description("props injected to wrapper of page header"),
-  innerRef: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.func, import_ds_utilities.PropTypes.shape({ current: import_ds_utilities.PropTypes.any })]).description(
+  /** props injected to wrapper of page header */
+  containerProps: import_ds_props_helpers.PropTypes.shape({}).description("props injected to wrapper of page header"),
+  /** inner ref for input group wrapper */
+  innerRef: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.func, import_ds_props_helpers.PropTypes.shape({ current: import_ds_props_helpers.PropTypes.any })]).description(
     "inner ref for input group wrapper"
   ),
-  className: import_ds_utilities.PropTypes.string.description("class for input group wrapper"),
-  style: import_ds_utilities.PropTypes.object.description("Set style for the input group"),
-  leftAddon: import_ds_utilities.PropTypes.element.description("Component to be added at the left side of the input"),
-  rightAddon: import_ds_utilities.PropTypes.element.description("Component to be added at the right side of the input"),
-  children: import_ds_utilities.PropTypes.element.description("Input components to show")
+  /** class for input group wrapper */
+  className: import_ds_props_helpers.PropTypes.string.description("class for input group wrapper"),
+  /**
+   * Set style for the input group
+   */
+  style: import_ds_props_helpers.PropTypes.object.description("Set style for the input group"),
+  /**
+   * Component to be added at the left side of the input
+   */
+  leftAddon: import_ds_props_helpers.PropTypes.element.description("Component to be added at the left side of the input"),
+  /**
+   * Component to be added at the right side of the input
+   */
+  rightAddon: import_ds_props_helpers.PropTypes.element.description("Component to be added at the right side of the input"),
+  /**
+   * Input components to show
+   */
+  children: import_ds_props_helpers.PropTypes.element.description("Input components to show")
 };
 //# sourceMappingURL=props.js.map

package/dist/cjs/InputGroup/props.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/InputGroup/props.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { PropTypes } from '@elliemae/ds-utilities';\n\nexport const props = {\n  /** props injected to wrapper of page header */\n  containerProps: PropTypes.shape({}).description('props injected to wrapper of page header'),\n  /** inner ref for input group wrapper */\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]).description(\n    'inner ref for input group wrapper',\n  ),\n  /** class for input group wrapper */\n  className: PropTypes.string.description('class for input group wrapper'),\n  /**\n   * Set style for the input group\n   */\n  style: PropTypes.object.description('Set style for the input group'),\n  /**\n   * Component to be added at the left side of the input\n   */\n  leftAddon: PropTypes.element.description('Component to be added at the left side of the input'),\n  /**\n   * Component to be added at the right side of the input\n   */\n  rightAddon: PropTypes.element.description('Component to be added at the right side of the input'),\n  /**\n   * Input components to show\n   */\n  children: PropTypes.element.description('Input components to show'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA0B;AAEnB,MAAM,QAAQ;AAAA,EAEnB,gBAAgB,8BAAU,MAAM,CAAC,CAAC,EAAE,YAAY,0CAA0C;AAAA,EAE1F,UAAU,8BAAU,UAAU,CAAC,8BAAU,MAAM,8BAAU,MAAM,EAAE,SAAS,8BAAU,IAAI,CAAC,CAAC,CAAC,EAAE;AAAA,IAC3F;AAAA,EACF;AAAA,EAEA,WAAW,8BAAU,OAAO,YAAY,+BAA+B;AAAA,EAIvE,OAAO,8BAAU,OAAO,YAAY,+BAA+B;AAAA,EAInE,WAAW,8BAAU,QAAQ,YAAY,qDAAqD;AAAA,EAI9F,YAAY,8BAAU,QAAQ,YAAY,sDAAsD;AAAA,EAIhG,UAAU,8BAAU,QAAQ,YAAY,0BAA0B;AACpE;",
+  "sourcesContent": ["import { PropTypes } from '@elliemae/ds-props-helpers';\n\nexport const props = {\n  /** props injected to wrapper of page header */\n  containerProps: PropTypes.shape({}).description('props injected to wrapper of page header'),\n  /** inner ref for input group wrapper */\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]).description(\n    'inner ref for input group wrapper',\n  ),\n  /** class for input group wrapper */\n  className: PropTypes.string.description('class for input group wrapper'),\n  /**\n   * Set style for the input group\n   */\n  style: PropTypes.object.description('Set style for the input group'),\n  /**\n   * Component to be added at the left side of the input\n   */\n  leftAddon: PropTypes.element.description('Component to be added at the left side of the input'),\n  /**\n   * Component to be added at the right side of the input\n   */\n  rightAddon: PropTypes.element.description('Component to be added at the right side of the input'),\n  /**\n   * Input components to show\n   */\n  children: PropTypes.element.description('Input components to show'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA0B;AAEnB,MAAM,QAAQ;AAAA;AAAA,EAEnB,gBAAgB,kCAAU,MAAM,CAAC,CAAC,EAAE,YAAY,0CAA0C;AAAA;AAAA,EAE1F,UAAU,kCAAU,UAAU,CAAC,kCAAU,MAAM,kCAAU,MAAM,EAAE,SAAS,kCAAU,IAAI,CAAC,CAAC,CAAC,EAAE;AAAA,IAC3F;AAAA,EACF;AAAA;AAAA,EAEA,WAAW,kCAAU,OAAO,YAAY,+BAA+B;AAAA;AAAA;AAAA;AAAA,EAIvE,OAAO,kCAAU,OAAO,YAAY,+BAA+B;AAAA;AAAA;AAAA;AAAA,EAInE,WAAW,kCAAU,QAAQ,YAAY,qDAAqD;AAAA;AAAA;AAAA;AAAA,EAI9F,YAAY,kCAAU,QAAQ,YAAY,sDAAsD;AAAA;AAAA;AAAA;AAAA,EAIhG,UAAU,kCAAU,QAAQ,YAAY,0BAA0B;AACpE;",
   "names": []
 }

package/dist/cjs/InputMask/DSInputMask.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -35,12 +39,13 @@ var 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_MaskTypes = require("./MaskTypes");
-var import_MaskPipes = require("./MaskPipes");
-var import_DSInputMaskDeprecated = require("./DSInputMaskDeprecated");
-var import_props = require("./props");
-var import_defaultProps = require("./defaultProps");
-var import_mask_types = require("./mask_types");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_MaskTypes = require("./MaskTypes.js");
+var import_MaskPipes = require("./MaskPipes.js");
+var import_DSInputMaskDeprecated = require("./DSInputMaskDeprecated.js");
+var import_props = require("./props.js");
+var import_defaultProps = require("./defaultProps.js");
+var import_mask_types = require("./mask_types/index.js");
 const isStringMask = (mask) => typeof mask === "string";
 const isObjectMask = (mask) => typeof mask === "object" && mask.type;
 const getRawMask = (mask, rawValue) => typeof mask === "function" ? mask(rawValue) : mask;
@@ -63,6 +68,7 @@ const DSInputMask = ({
   value: valueOrEvent,
   ...rest
 }) => {
+  (0, import_ds_utilities.useDeprecateComponent)({ componentName: "ds-form/InputMask", version: "3.x Date: 2023 Q1" });
   const [rawValue, setRawValue] = (0, import_react.useState)(getValueFromEventOrString(valueOrEvent));
   (0, import_react.useEffect)(() => {
     setRawValue(getValueFromEventOrString(valueOrEvent));
@@ -136,7 +142,7 @@ const DSInputMask = ({
 DSInputMask.propTypes = import_props.inputProps;
 DSInputMask.defaultProps = import_defaultProps.defaultProps;
 DSInputMask.displayName = "DSInputMask";
-const DSInputMaskWithSchema = (0, import_ds_utilities.describe)(DSInputMask).description("Masking input for custom formats");
+const DSInputMaskWithSchema = (0, import_ds_props_helpers.describe)(DSInputMask).description("Masking input for custom formats");
 DSInputMaskWithSchema.propTypes = import_props.inputProps;
 var DSInputMask_default = DSInputMask;
 //# sourceMappingURL=DSInputMask.js.map