@elliemae/ds-form 3.1.0-next.2 → 3.1.0-next.3

package/dist/cjs/CheckboxGroup/DSCheckboxGroup.js

@@ -44,7 +44,7 @@ module.exports = __toCommonJS(DSCheckboxGroup_exports);
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
 var import_prop_types = __toESM(require("prop-types"));
-var import_react_desc = require("react-desc");
+var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_ds_shared = require("@elliemae/ds-shared");
 var import_FormItem = require("../FormItem");
 var import_Checkbox = require("../Checkbox");
@@ -117,7 +117,7 @@ const noop = () => null;
 DSCheckboxGroup.propTypes = import_props.props;
 DSCheckboxGroup.defaultProps = import_defaultProps.defaultProps;
 DSCheckboxGroup.displayName = "DSCheckboxGroup";
-const DSCheckboxGroupWithSchema = (0, import_react_desc.describe)(DSCheckboxGroup);
+const DSCheckboxGroupWithSchema = (0, import_ds_utilities.describe)(DSCheckboxGroup);
 DSCheckboxGroupWithSchema.propTypes = import_props.props;
 CheckboxItem.propTypes = {
   checked: import_prop_types.default.bool,

package/dist/cjs/CheckboxGroup/DSCheckboxGroup.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/CheckboxGroup/DSCheckboxGroup.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { describe } from 'react-desc';\nimport { GroupItem, Group } from '@elliemae/ds-shared';\nimport { DSFormItemLayout } from '../FormItem';\nimport { DSCheckbox } from '../Checkbox';\nimport { props as cprops } from './props';\nimport { defaultProps } from './defaultProps';\n\n// todo: replace that for aggregatedClasses\nconst emClassPrefix = 'em-ds';\nconst baseClass = `${emClassPrefix}-checkbox-group`;\n\nconst CheckboxItem = (props) => (\n  <GroupItem\n    render={(context) => (\n      <DSCheckbox\n        {...props}\n        checked={\n          context.activeValue && context.activeValue.indexOf(props.value) !== -1\n        }\n        disabled={context.disabled || props.disabled}\n        onChange={context.onChange}\n      />\n    )}\n  />\n);\n\nconst DSCheckboxGroup = ({\n  onChange,\n  activeValue,\n  children,\n  disabled,\n  orientation,\n  truncateText,\n  labelProps,\n  containerProps,\n}) => {\n  const checkRefs = [];\n  const count = React.Children.count(children);\n  const onKeyDown = (e, index) => {\n    if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {\n      if (index === 0) checkRefs[count - 1].focus();\n      else checkRefs[index - 1].focus();\n    }\n    if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {\n      if (index === count - 1) checkRefs[0].focus();\n      else checkRefs[index + 1].focus();\n    }\n  };\n  const group = (\n    <Group\n      activeValue={activeValue}\n      disabled={disabled}\n      multiple\n      onChange={onChange}\n    >\n      <div\n        className={`${baseClass} ${baseClass}--${orientation}`}\n        {...(labelProps && labelProps.labelText ? {} : containerProps)}\n        role=\"group\"\n      >\n        {React.Children.map(\n          children,\n          (child, index) => (\n            <CheckboxItem\n              {...child.props}\n              innerRef={(t) => {\n                checkRefs.push(t);\n              }}\n              onKeyDown={(e) => onKeyDown(e, index)}\n            />\n          ),\n          null,\n        )}\n      </div>\n    </Group>\n  );\n\n  if (labelProps && labelProps.labelText) {\n    return (\n      <div\n        className={`${baseClass}-form-item-layout-wrapper`}\n        {...containerProps}\n        role=\"group\"\n      >\n        <DSFormItemLayout\n          {...labelProps}\n          inputComponent={group}\n          onChange={onChange}\n          truncateText={truncateText}\n        />\n      </div>\n    );\n  }\n  return group;\n};\n\nconst noop = () => null;\n\nDSCheckboxGroup.propTypes = cprops;\nDSCheckboxGroup.defaultProps = defaultProps;\nDSCheckboxGroup.displayName = 'DSCheckboxGroup';\nconst DSCheckboxGroupWithSchema = describe(DSCheckboxGroup);\nDSCheckboxGroupWithSchema.propTypes = cprops;\n\nCheckboxItem.propTypes = {\n  checked: PropTypes.bool,\n  disabled: PropTypes.bool,\n  onChange: PropTypes.func,\n};\n\nCheckboxItem.defaultProps = {\n  checked: false,\n  disabled: false,\n  onChange: noop,\n};\n\nexport { DSCheckboxGroup, DSCheckboxGroupWithSchema };\n// export default DSCheckboxGroup;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AACtB,wBAAyB;AACzB,uBAAiC;AACjC,sBAAiC;AACjC,sBAA2B;AAC3B,mBAAgC;AAChC,0BAA6B;AAG7B,MAAM,gBAAgB;AACtB,MAAM,YAAY,GAAG;AAErB,MAAM,eAAe,CAAC,UACpB,mDAAC;AAAA,EACC,QAAQ,CAAC,YACP,mDAAC,6DACK,QADL;AAAA,IAEC,SACE,QAAQ,eAAe,QAAQ,YAAY,QAAQ,MAAM,KAAK,MAAM;AAAA,IAEtE,UAAU,QAAQ,YAAY,MAAM;AAAA,IACpC,UAAU,QAAQ;AAAA,IACpB;AAAA,CAEJ;AAGF,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,YAAY,CAAC;AACnB,QAAM,QAAQ,qBAAM,SAAS,MAAM,QAAQ;AAC3C,QAAM,YAAY,CAAC,GAAG,UAAU;AAC9B,QAAI,EAAE,QAAQ,eAAe,EAAE,QAAQ,WAAW;AAChD,UAAI,UAAU;AAAG,kBAAU,QAAQ,GAAG,MAAM;AAAA;AACvC,kBAAU,QAAQ,GAAG,MAAM;AAAA,IAClC;AACA,QAAI,EAAE,QAAQ,gBAAgB,EAAE,QAAQ,aAAa;AACnD,UAAI,UAAU,QAAQ;AAAG,kBAAU,GAAG,MAAM;AAAA;AACvC,kBAAU,QAAQ,GAAG,MAAM;AAAA,IAClC;AAAA,EACF;AACA,QAAM,QACJ,mDAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA,UAAQ;AAAA,IACR;AAAA,KAEA,mDAAC;AAAA,IACC,WAAW,GAAG,aAAa,cAAc;AAAA,KACpC,cAAc,WAAW,YAAY,CAAC,IAAI,iBAFhD;AAAA,IAGC,MAAK;AAAA,MAEJ,qBAAM,SAAS,IACd,UACA,CAAC,OAAO,UACN,mDAAC,+CACK,MAAM,QADX;AAAA,IAEC,UAAU,CAAC,MAAM;AACf,gBAAU,KAAK,CAAC;AAAA,IAClB;AAAA,IACA,WAAW,CAAC,MAAM,UAAU,GAAG,KAAK;AAAA,IACtC,GAEF,IACF,CACF,CACF;AAGF,MAAI,cAAc,WAAW,WAAW;AACtC,WACE,mDAAC;AAAA,MACC,WAAW,GAAG;AAAA,OACV,iBAFL;AAAA,MAGC,MAAK;AAAA,QAEL,mDAAC,mEACK,aADL;AAAA,MAEC,gBAAgB;AAAA,MAChB;AAAA,MACA;AAAA,MACF,CACF;AAAA,EAEJ;AACA,SAAO;AACT;AAEA,MAAM,OAAO,MAAM;AAEnB,gBAAgB,YAAY;AAC5B,gBAAgB,eAAe;AAC/B,gBAAgB,cAAc;AAC9B,MAAM,4BAA4B,gCAAS,eAAe;AAC1D,0BAA0B,YAAY;AAEtC,aAAa,YAAY;AAAA,EACvB,SAAS,0BAAU;AAAA,EACnB,UAAU,0BAAU;AAAA,EACpB,UAAU,0BAAU;AACtB;AAEA,aAAa,eAAe;AAAA,EAC1B,SAAS;AAAA,EACT,UAAU;AAAA,EACV,UAAU;AACZ;",
+  "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { describe } from '@elliemae/ds-utilities';\nimport { GroupItem, Group } from '@elliemae/ds-shared';\nimport { DSFormItemLayout } from '../FormItem';\nimport { DSCheckbox } from '../Checkbox';\nimport { props as cprops } from './props';\nimport { defaultProps } from './defaultProps';\n\n// todo: replace that for aggregatedClasses\nconst emClassPrefix = 'em-ds';\nconst baseClass = `${emClassPrefix}-checkbox-group`;\n\nconst CheckboxItem = (props) => (\n  <GroupItem\n    render={(context) => (\n      <DSCheckbox\n        {...props}\n        checked={\n          context.activeValue && context.activeValue.indexOf(props.value) !== -1\n        }\n        disabled={context.disabled || props.disabled}\n        onChange={context.onChange}\n      />\n    )}\n  />\n);\n\nconst DSCheckboxGroup = ({\n  onChange,\n  activeValue,\n  children,\n  disabled,\n  orientation,\n  truncateText,\n  labelProps,\n  containerProps,\n}) => {\n  const checkRefs = [];\n  const count = React.Children.count(children);\n  const onKeyDown = (e, index) => {\n    if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {\n      if (index === 0) checkRefs[count - 1].focus();\n      else checkRefs[index - 1].focus();\n    }\n    if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {\n      if (index === count - 1) checkRefs[0].focus();\n      else checkRefs[index + 1].focus();\n    }\n  };\n  const group = (\n    <Group\n      activeValue={activeValue}\n      disabled={disabled}\n      multiple\n      onChange={onChange}\n    >\n      <div\n        className={`${baseClass} ${baseClass}--${orientation}`}\n        {...(labelProps && labelProps.labelText ? {} : containerProps)}\n        role=\"group\"\n      >\n        {React.Children.map(\n          children,\n          (child, index) => (\n            <CheckboxItem\n              {...child.props}\n              innerRef={(t) => {\n                checkRefs.push(t);\n              }}\n              onKeyDown={(e) => onKeyDown(e, index)}\n            />\n          ),\n          null,\n        )}\n      </div>\n    </Group>\n  );\n\n  if (labelProps && labelProps.labelText) {\n    return (\n      <div\n        className={`${baseClass}-form-item-layout-wrapper`}\n        {...containerProps}\n        role=\"group\"\n      >\n        <DSFormItemLayout\n          {...labelProps}\n          inputComponent={group}\n          onChange={onChange}\n          truncateText={truncateText}\n        />\n      </div>\n    );\n  }\n  return group;\n};\n\nconst noop = () => null;\n\nDSCheckboxGroup.propTypes = cprops;\nDSCheckboxGroup.defaultProps = defaultProps;\nDSCheckboxGroup.displayName = 'DSCheckboxGroup';\nconst DSCheckboxGroupWithSchema = describe(DSCheckboxGroup);\nDSCheckboxGroupWithSchema.propTypes = cprops;\n\nCheckboxItem.propTypes = {\n  checked: PropTypes.bool,\n  disabled: PropTypes.bool,\n  onChange: PropTypes.func,\n};\n\nCheckboxItem.defaultProps = {\n  checked: false,\n  disabled: false,\n  onChange: noop,\n};\n\nexport { DSCheckboxGroup, DSCheckboxGroupWithSchema };\n// export default DSCheckboxGroup;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AACtB,0BAAyB;AACzB,uBAAiC;AACjC,sBAAiC;AACjC,sBAA2B;AAC3B,mBAAgC;AAChC,0BAA6B;AAG7B,MAAM,gBAAgB;AACtB,MAAM,YAAY,GAAG;AAErB,MAAM,eAAe,CAAC,UACpB,mDAAC;AAAA,EACC,QAAQ,CAAC,YACP,mDAAC,6DACK,QADL;AAAA,IAEC,SACE,QAAQ,eAAe,QAAQ,YAAY,QAAQ,MAAM,KAAK,MAAM;AAAA,IAEtE,UAAU,QAAQ,YAAY,MAAM;AAAA,IACpC,UAAU,QAAQ;AAAA,IACpB;AAAA,CAEJ;AAGF,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,YAAY,CAAC;AACnB,QAAM,QAAQ,qBAAM,SAAS,MAAM,QAAQ;AAC3C,QAAM,YAAY,CAAC,GAAG,UAAU;AAC9B,QAAI,EAAE,QAAQ,eAAe,EAAE,QAAQ,WAAW;AAChD,UAAI,UAAU;AAAG,kBAAU,QAAQ,GAAG,MAAM;AAAA;AACvC,kBAAU,QAAQ,GAAG,MAAM;AAAA,IAClC;AACA,QAAI,EAAE,QAAQ,gBAAgB,EAAE,QAAQ,aAAa;AACnD,UAAI,UAAU,QAAQ;AAAG,kBAAU,GAAG,MAAM;AAAA;AACvC,kBAAU,QAAQ,GAAG,MAAM;AAAA,IAClC;AAAA,EACF;AACA,QAAM,QACJ,mDAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA,UAAQ;AAAA,IACR;AAAA,KAEA,mDAAC;AAAA,IACC,WAAW,GAAG,aAAa,cAAc;AAAA,KACpC,cAAc,WAAW,YAAY,CAAC,IAAI,iBAFhD;AAAA,IAGC,MAAK;AAAA,MAEJ,qBAAM,SAAS,IACd,UACA,CAAC,OAAO,UACN,mDAAC,+CACK,MAAM,QADX;AAAA,IAEC,UAAU,CAAC,MAAM;AACf,gBAAU,KAAK,CAAC;AAAA,IAClB;AAAA,IACA,WAAW,CAAC,MAAM,UAAU,GAAG,KAAK;AAAA,IACtC,GAEF,IACF,CACF,CACF;AAGF,MAAI,cAAc,WAAW,WAAW;AACtC,WACE,mDAAC;AAAA,MACC,WAAW,GAAG;AAAA,OACV,iBAFL;AAAA,MAGC,MAAK;AAAA,QAEL,mDAAC,mEACK,aADL;AAAA,MAEC,gBAAgB;AAAA,MAChB;AAAA,MACA;AAAA,MACF,CACF;AAAA,EAEJ;AACA,SAAO;AACT;AAEA,MAAM,OAAO,MAAM;AAEnB,gBAAgB,YAAY;AAC5B,gBAAgB,eAAe;AAC/B,gBAAgB,cAAc;AAC9B,MAAM,4BAA4B,kCAAS,eAAe;AAC1D,0BAA0B,YAAY;AAEtC,aAAa,YAAY;AAAA,EACvB,SAAS,0BAAU;AAAA,EACnB,UAAU,0BAAU;AAAA,EACpB,UAAU,0BAAU;AACtB;AAEA,aAAa,eAAe;AAAA,EAC1B,SAAS;AAAA,EACT,UAAU;AAAA,EACV,UAAU;AACZ;",
   "names": []
 }

package/dist/cjs/CheckboxGroup/props.js

@@ -24,21 +24,21 @@ __export(props_exports, {
 });
 module.exports = __toCommonJS(props_exports);
 var React = __toESM(require("react"));
-var import_react_desc = require("react-desc");
+var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_Checkbox = require("../Checkbox");
 var import_ds_shared = require("@elliemae/ds-shared");
 const props = {
-  onChange: import_react_desc.PropTypes.func.description("Allows a function that is triggered once the checkbox group changes"),
-  activeValue: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.string, import_react_desc.PropTypes.number, import_react_desc.PropTypes.array]).description("Default active value"),
-  children: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.shape({
-    type: import_Checkbox.DSCheckbox
+  onChange: import_ds_utilities.PropTypes.func.description("Allows a function that is triggered once the checkbox group changes"),
+  activeValue: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.string, import_ds_utilities.PropTypes.number, import_ds_utilities.PropTypes.array]).description("Default active value"),
+  children: import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.shape({
+    type: import_ds_utilities.PropTypes.oneOf([import_Checkbox.DSCheckbox])
   })).description("Checkbox group items to show of type DSCheckbox"),
-  disabled: import_react_desc.PropTypes.bool.description("Whether the checkbox group is disabled or not"),
-  orientation: import_react_desc.PropTypes.oneOf(import_ds_shared.orientation).description("['horizontal', 'vertical']"),
-  labelProps: import_react_desc.PropTypes.objectOf(import_react_desc.PropTypes.shape({
-    feedbackMessage: import_react_desc.PropTypes.string,
-    labelText: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.string, import_react_desc.PropTypes.element]),
-    required: import_react_desc.PropTypes.bool
-  })).description("label props")
+  disabled: import_ds_utilities.PropTypes.bool.description("Whether the checkbox group is disabled or not"),
+  orientation: import_ds_utilities.PropTypes.oneOf(import_ds_shared.orientation).description("['horizontal', 'vertical']"),
+  labelProps: import_ds_utilities.PropTypes.shape({
+    feedbackMessage: import_ds_utilities.PropTypes.string,
+    labelText: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.string, import_ds_utilities.PropTypes.element]),
+    required: import_ds_utilities.PropTypes.bool
+  }).description("label props")
 };
 //# sourceMappingURL=props.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/CheckboxGroup/props.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { PropTypes } from 'react-desc';\nimport { DSCheckbox } from '../Checkbox';\nimport { orientation as checkboxGroupOrientation } from '@elliemae/ds-shared';\n\nexport const props = {\n  /**\n   * Allows a function that is triggered once the checkbox group changes\n   */\n  onChange: PropTypes.func.description('Allows a function that is triggered once the checkbox group changes'),\n  /**\n   * Default active value\n   */\n  activeValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.array]).description(\n    'Default active value',\n  ),\n  /**\n   * Checkbox group items to show of type DSCheckbox\n   */\n  children: PropTypes.arrayOf(\n    PropTypes.shape({\n      type: DSCheckbox,\n    }),\n  ).description('Checkbox group items to show of type DSCheckbox'),\n  /**\n   * Whether the checkbox group is disabled or not\n   */\n  disabled: PropTypes.bool.description('Whether the checkbox group is disabled or not'),\n  /**\n   * ['horizontal', 'vertical']\n   */\n  orientation: PropTypes.oneOf(checkboxGroupOrientation).description(\"['horizontal', 'vertical']\"),\n  /**\n   * label props\n   */\n  labelProps: PropTypes.objectOf(\n    PropTypes.shape({\n      feedbackMessage: PropTypes.string,\n      labelText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n      required: PropTypes.bool,\n    }),\n  ).description('label props'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA0B;AAC1B,sBAA2B;AAC3B,uBAAwD;AAEjD,MAAM,QAAQ;AAAA,EAInB,UAAU,4BAAU,KAAK,YAAY,qEAAqE;AAAA,EAI1G,aAAa,4BAAU,UAAU,CAAC,4BAAU,QAAQ,4BAAU,QAAQ,4BAAU,KAAK,CAAC,EAAE,YACtF,sBACF;AAAA,EAIA,UAAU,4BAAU,QAClB,4BAAU,MAAM;AAAA,IACd,MAAM;AAAA,EACR,CAAC,CACH,EAAE,YAAY,iDAAiD;AAAA,EAI/D,UAAU,4BAAU,KAAK,YAAY,+CAA+C;AAAA,EAIpF,aAAa,4BAAU,MAAM,4BAAwB,EAAE,YAAY,4BAA4B;AAAA,EAI/F,YAAY,4BAAU,SACpB,4BAAU,MAAM;AAAA,IACd,iBAAiB,4BAAU;AAAA,IAC3B,WAAW,4BAAU,UAAU,CAAC,4BAAU,QAAQ,4BAAU,OAAO,CAAC;AAAA,IACpE,UAAU,4BAAU;AAAA,EACtB,CAAC,CACH,EAAE,YAAY,aAAa;AAC7B;",
+  "sourcesContent": ["import { PropTypes } from '@elliemae/ds-utilities';\nimport { DSCheckbox } from '../Checkbox';\nimport { orientation as checkboxGroupOrientation } from '@elliemae/ds-shared';\n\nexport const props = {\n  /**\n   * Allows a function that is triggered once the checkbox group changes\n   */\n  onChange: PropTypes.func.description('Allows a function that is triggered once the checkbox group changes'),\n  /**\n   * Default active value\n   */\n  activeValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.array]).description(\n    'Default active value',\n  ),\n  /**\n   * Checkbox group items to show of type DSCheckbox\n   */\n  children: PropTypes.arrayOf(\n    PropTypes.shape({\n      type: PropTypes.oneOf([DSCheckbox]),\n    }),\n  ).description('Checkbox group items to show of type DSCheckbox'),\n  /**\n   * Whether the checkbox group is disabled or not\n   */\n  disabled: PropTypes.bool.description('Whether the checkbox group is disabled or not'),\n  /**\n   * ['horizontal', 'vertical']\n   */\n  orientation: PropTypes.oneOf(checkboxGroupOrientation).description(\"['horizontal', 'vertical']\"),\n  /**\n   * label props\n   */\n  labelProps: PropTypes.shape({\n    feedbackMessage: PropTypes.string,\n    labelText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n    required: PropTypes.bool,\n  }).description('label props'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA0B;AAC1B,sBAA2B;AAC3B,uBAAwD;AAEjD,MAAM,QAAQ;AAAA,EAInB,UAAU,8BAAU,KAAK,YAAY,qEAAqE;AAAA,EAI1G,aAAa,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,QAAQ,8BAAU,KAAK,CAAC,EAAE,YACtF,sBACF;AAAA,EAIA,UAAU,8BAAU,QAClB,8BAAU,MAAM;AAAA,IACd,MAAM,8BAAU,MAAM,CAAC,0BAAU,CAAC;AAAA,EACpC,CAAC,CACH,EAAE,YAAY,iDAAiD;AAAA,EAI/D,UAAU,8BAAU,KAAK,YAAY,+CAA+C;AAAA,EAIpF,aAAa,8BAAU,MAAM,4BAAwB,EAAE,YAAY,4BAA4B;AAAA,EAI/F,YAAY,8BAAU,MAAM;AAAA,IAC1B,iBAAiB,8BAAU;AAAA,IAC3B,WAAW,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,OAAO,CAAC;AAAA,IACpE,UAAU,8BAAU;AAAA,EACtB,CAAC,EAAE,YAAY,aAAa;AAC9B;",
   "names": []
 }

package/dist/cjs/ComboBoxFreeSolo/components/MultiValueLabel.js

@@ -25,8 +25,8 @@ __export(MultiValueLabel_exports, {
 module.exports = __toCommonJS(MultiValueLabel_exports);
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-const RemovablePillWrapper = import_styled_components.default.div`
+var import_ds_system = require("@elliemae/ds-system");
+const RemovablePillWrapper = import_ds_system.styled.div`
   display: flex;
   align-items: center;
   outline: none;
@@ -42,7 +42,7 @@ const RemovablePillWrapper = import_styled_components.default.div`
     border-bottom-right-radius: ${(props) => props.theme.fontSizes.value[600]};
   }
 `;
-const PillLabel = import_styled_components.default.span`
+const PillLabel = import_ds_system.styled.span`
   margin: 0 4px;
   color: ${(props) => props.theme.colors.neutral[800]};
   white-space: nowrap;

package/dist/cjs/ComboBoxFreeSolo/components/MultiValueLabel.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ComboBoxFreeSolo/components/MultiValueLabel.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport styled from 'styled-components';\n\nconst RemovablePillWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  outline: none;\n  height: ${(props) => props.theme.space.xs};\n  max-width: 90%;\n  margin: 0;\n  padding: 0 4px;\n  background-color: ${(props) => props.theme.colors.brand[200]};\n  border-top-left-radius: ${(props) => props.theme.fontSizes.value[600]};\n  border-bottom-left-radius: ${(props) => props.theme.fontSizes.value[600]};\n  & + div {\n    border-top-right-radius: ${(props) => props.theme.fontSizes.value[600]};\n    border-bottom-right-radius: ${(props) => props.theme.fontSizes.value[600]};\n  }\n`;\n\nconst PillLabel = styled.span`\n  margin: 0 4px;\n  color: ${(props) => props.theme.colors.neutral[800]};\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n`;\n\nconst RemovablePill = ({ label, clear }) => (\n  <>\n    <RemovablePillWrapper data-testid=\"pill-wrapper\">\n      <PillLabel>{label}</PillLabel>\n    </RemovablePillWrapper>\n    {clear}\n  </>\n);\n\nconst MultiValueLabel = ({ children, clear }) => (\n  <RemovablePill label={children} clear={clear} />\n);\n\nexport { MultiValueLabel };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,+BAAmB;AAEnB,MAAM,uBAAuB,iCAAO;AAAA;AAAA;AAAA;AAAA,YAIxB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA,sBAInB,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA,4BAC9B,CAAC,UAAU,MAAM,MAAM,UAAU,MAAM;AAAA,+BACpC,CAAC,UAAU,MAAM,MAAM,UAAU,MAAM;AAAA;AAAA,+BAEvC,CAAC,UAAU,MAAM,MAAM,UAAU,MAAM;AAAA,kCACpC,CAAC,UAAU,MAAM,MAAM,UAAU,MAAM;AAAA;AAAA;AAIzE,MAAM,YAAY,iCAAO;AAAA;AAAA,WAEd,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAMjD,MAAM,gBAAgB,CAAC,EAAE,OAAO,YAC9B,wFACE,mDAAC;AAAA,EAAqB,eAAY;AAAA,GAChC,mDAAC,iBAAW,KAAM,CACpB,GACC,KACH;AAGF,MAAM,kBAAkB,CAAC,EAAE,UAAU,YACnC,mDAAC;AAAA,EAAc,OAAO;AAAA,EAAU;AAAA,CAAc;",
+  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { styled } from '@elliemae/ds-system';\n\nconst RemovablePillWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  outline: none;\n  height: ${(props) => props.theme.space.xs};\n  max-width: 90%;\n  margin: 0;\n  padding: 0 4px;\n  background-color: ${(props) => props.theme.colors.brand[200]};\n  border-top-left-radius: ${(props) => props.theme.fontSizes.value[600]};\n  border-bottom-left-radius: ${(props) => props.theme.fontSizes.value[600]};\n  & + div {\n    border-top-right-radius: ${(props) => props.theme.fontSizes.value[600]};\n    border-bottom-right-radius: ${(props) => props.theme.fontSizes.value[600]};\n  }\n`;\n\nconst PillLabel = styled.span`\n  margin: 0 4px;\n  color: ${(props) => props.theme.colors.neutral[800]};\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n`;\n\nconst RemovablePill = ({ label, clear }) => (\n  <>\n    <RemovablePillWrapper data-testid=\"pill-wrapper\">\n      <PillLabel>{label}</PillLabel>\n    </RemovablePillWrapper>\n    {clear}\n  </>\n);\n\nconst MultiValueLabel = ({ children, clear }) => (\n  <RemovablePill label={children} clear={clear} />\n);\n\nexport { MultiValueLabel };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,uBAAuB;AAEvB,MAAM,uBAAuB,wBAAO;AAAA;AAAA;AAAA;AAAA,YAIxB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA,sBAInB,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA,4BAC9B,CAAC,UAAU,MAAM,MAAM,UAAU,MAAM;AAAA,+BACpC,CAAC,UAAU,MAAM,MAAM,UAAU,MAAM;AAAA;AAAA,+BAEvC,CAAC,UAAU,MAAM,MAAM,UAAU,MAAM;AAAA,kCACpC,CAAC,UAAU,MAAM,MAAM,UAAU,MAAM;AAAA;AAAA;AAIzE,MAAM,YAAY,wBAAO;AAAA;AAAA,WAEd,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAMjD,MAAM,gBAAgB,CAAC,EAAE,OAAO,YAC9B,wFACE,mDAAC;AAAA,EAAqB,eAAY;AAAA,GAChC,mDAAC,iBAAW,KAAM,CACpB,GACC,KACH;AAGF,MAAM,kBAAkB,CAAC,EAAE,UAAU,YACnC,mDAAC;AAAA,EAAc,OAAO;AAAA,EAAU;AAAA,CAAc;",
   "names": []
 }

package/dist/cjs/ComboBoxFreeSolo/components/MultiValueRemove.js

@@ -42,10 +42,10 @@ __export(MultiValueRemove_exports, {
 module.exports = __toCommonJS(MultiValueRemove_exports);
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
+var import_ds_system = require("@elliemae/ds-system");
 var import_react_select = require("react-select");
 var import_ds_icons = require("@elliemae/ds-icons");
-const PillCloseAddon = import_styled_components.default.div`
+const PillCloseAddon = import_ds_system.styled.div`
   cursor: pointer;
   height: ${(props) => props.theme.space.xs};
   & > span {

package/dist/cjs/ComboBoxFreeSolo/components/MultiValueRemove.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ComboBoxFreeSolo/components/MultiValueRemove.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport styled from 'styled-components';\nimport { components } from 'react-select';\nimport { CloseXsmall } from '@elliemae/ds-icons';\n\nconst PillCloseAddon = styled.div`\n  cursor: pointer;\n  height: ${(props) => props.theme.space.xs};\n  & > span {\n    height: auto;\n  }\n`;\n\nconst MultiValueRemove = (props) => (\n  <components.MultiValueRemove {...props}>\n    <PillCloseAddon>\n      <CloseXsmall />\n    </PillCloseAddon>\n  </components.MultiValueRemove>\n);\n\nMultiValueRemove.style = (base) => ({\n  ...base,\n  paddingLeft: 0,\n  height: '100%',\n  ':hover': {\n    backgroundColor: '#EBF6FF',\n  },\n});\n\nexport { MultiValueRemove };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,+BAAmB;AACnB,0BAA2B;AAC3B,sBAA4B;AAE5B,MAAM,iBAAiB,iCAAO;AAAA;AAAA,YAElB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAMzC,MAAM,mBAAmB,CAAC,UACxB,mDAAC,+BAAW,kBAAX,mBAAgC,QAC/B,mDAAC,sBACC,mDAAC,iCAAY,CACf,CACF;AAGF,iBAAiB,QAAQ,CAAC,SAAU,iCAC/B,OAD+B;AAAA,EAElC,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,UAAU;AAAA,IACR,iBAAiB;AAAA,EACnB;AACF;",
+  "sourcesContent": ["import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { components } from 'react-select';\nimport { CloseXsmall } from '@elliemae/ds-icons';\n\nconst PillCloseAddon = styled.div`\n  cursor: pointer;\n  height: ${(props) => props.theme.space.xs};\n  & > span {\n    height: auto;\n  }\n`;\n\nconst MultiValueRemove = (props) => (\n  <components.MultiValueRemove {...props}>\n    <PillCloseAddon>\n      <CloseXsmall />\n    </PillCloseAddon>\n  </components.MultiValueRemove>\n);\n\nMultiValueRemove.style = (base) => ({\n  ...base,\n  paddingLeft: 0,\n  height: '100%',\n  ':hover': {\n    backgroundColor: '#EBF6FF',\n  },\n});\n\nexport { MultiValueRemove };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,uBAAuB;AACvB,0BAA2B;AAC3B,sBAA4B;AAE5B,MAAM,iBAAiB,wBAAO;AAAA;AAAA,YAElB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAMzC,MAAM,mBAAmB,CAAC,UACxB,mDAAC,+BAAW,kBAAX,mBAAgC,QAC/B,mDAAC,sBACC,mDAAC,iCAAY,CACf,CACF;AAGF,iBAAiB,QAAQ,CAAC,SAAU,iCAC/B,OAD+B;AAAA,EAElC,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,UAAU;AAAA,IACR,iBAAiB;AAAA,EACnB;AACF;",
   "names": []
 }

package/dist/cjs/ComboBoxFreeSolo/components/SingleValueRemove.js

@@ -43,10 +43,10 @@ module.exports = __toCommonJS(SingleValueRemove_exports);
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
 var import_react_select = require("react-select");
-var import_styled_components = __toESM(require("styled-components"));
+var import_ds_system = require("@elliemae/ds-system");
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_ds_button = require("@elliemae/ds-button");
-const StyledButton = (0, import_styled_components.default)(import_ds_button.DSButton)`
+const StyledButton = (0, import_ds_system.styled)(import_ds_button.DSButton)`
   padding-right: 8px;
   width: 1.16rem !important;
   height: auto;

package/dist/cjs/ComboBoxFreeSolo/components/SingleValueRemove.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ComboBoxFreeSolo/components/SingleValueRemove.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { components } from 'react-select';\nimport styled from 'styled-components';\nimport { CloseXsmall } from '@elliemae/ds-icons';\nimport { DSButton } from '@elliemae/ds-button';\n\nconst StyledButton = styled(DSButton)`\n  padding-right: 8px;\n  width: 1.16rem !important;\n  height: auto;\n  z-index: 10;\n  color: '#000';\n`;\n\nconst SingleValueRemove = (props) => {\n  // eslint-disable-next-line react/prop-types\n  const { clearValue } = props;\n\n  return (\n    <components.ClearIndicator {...props}>\n      <StyledButton\n        {...props}\n        data-testid=\"free-solo-pill-clear-btn\"\n        aria-label=\"clear-indicator\"\n        buttonType=\"text\"\n        className=\"clear-indicator\"\n        icon={<CloseXsmall fill=\"#000\" />}\n        onClick={() => clearValue()}\n      />\n    </components.ClearIndicator>\n  );\n};\n\nSingleValueRemove.style = (base) => ({\n  ...base,\n  padding: 0,\n  height: '16px',\n  backgroundColor: '#EBF6FF',\n  ':hover': {\n    backgroundColor: '#EBF6FF',\n  },\n});\n\nexport { SingleValueRemove };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAA2B;AAC3B,+BAAmB;AACnB,sBAA4B;AAC5B,uBAAyB;AAEzB,MAAM,eAAe,sCAAO,yBAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQpC,MAAM,oBAAoB,CAAC,UAAU;AAEnC,QAAM,EAAE,eAAe;AAEvB,SACE,mDAAC,+BAAW,gBAAX,mBAA8B,QAC7B,mDAAC,+CACK,QADL;AAAA,IAEC,eAAY;AAAA,IACZ,cAAW;AAAA,IACX,YAAW;AAAA,IACX,WAAU;AAAA,IACV,MAAM,mDAAC;AAAA,MAAY,MAAK;AAAA,KAAO;AAAA,IAC/B,SAAS,MAAM,WAAW;AAAA,IAC5B,CACF;AAEJ;AAEA,kBAAkB,QAAQ,CAAC,SAAU,iCAChC,OADgC;AAAA,EAEnC,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,UAAU;AAAA,IACR,iBAAiB;AAAA,EACnB;AACF;",
+  "sourcesContent": ["import React from 'react';\nimport { components } from 'react-select';\nimport { styled } from '@elliemae/ds-system';\nimport { CloseXsmall } from '@elliemae/ds-icons';\nimport { DSButton } from '@elliemae/ds-button';\n\nconst StyledButton = styled(DSButton)`\n  padding-right: 8px;\n  width: 1.16rem !important;\n  height: auto;\n  z-index: 10;\n  color: '#000';\n`;\n\nconst SingleValueRemove = (props) => {\n  // eslint-disable-next-line react/prop-types\n  const { clearValue } = props;\n\n  return (\n    <components.ClearIndicator {...props}>\n      <StyledButton\n        {...props}\n        data-testid=\"free-solo-pill-clear-btn\"\n        aria-label=\"clear-indicator\"\n        buttonType=\"text\"\n        className=\"clear-indicator\"\n        icon={<CloseXsmall fill=\"#000\" />}\n        onClick={() => clearValue()}\n      />\n    </components.ClearIndicator>\n  );\n};\n\nSingleValueRemove.style = (base) => ({\n  ...base,\n  padding: 0,\n  height: '16px',\n  backgroundColor: '#EBF6FF',\n  ':hover': {\n    backgroundColor: '#EBF6FF',\n  },\n});\n\nexport { SingleValueRemove };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAA2B;AAC3B,uBAAuB;AACvB,sBAA4B;AAC5B,uBAAyB;AAEzB,MAAM,eAAe,6BAAO,yBAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQpC,MAAM,oBAAoB,CAAC,UAAU;AAEnC,QAAM,EAAE,eAAe;AAEvB,SACE,mDAAC,+BAAW,gBAAX,mBAA8B,QAC7B,mDAAC,+CACK,QADL;AAAA,IAEC,eAAY;AAAA,IACZ,cAAW;AAAA,IACX,YAAW;AAAA,IACX,WAAU;AAAA,IACV,MAAM,mDAAC;AAAA,MAAY,MAAK;AAAA,KAAO;AAAA,IAC/B,SAAS,MAAM,WAAW;AAAA,IAC5B,CACF;AAEJ;AAEA,kBAAkB,QAAQ,CAAC,SAAU,iCAChC,OADgC;AAAA,EAEnC,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,UAAU;AAAA,IACR,iBAAiB;AAAA,EACnB;AACF;",
   "names": []
 }

package/dist/cjs/DateInput/DSDateInput.js

@@ -57,7 +57,6 @@ __export(DSDateInput_exports, {
 module.exports = __toCommonJS(DSDateInput_exports);
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_Input = require("../Input");
 var import_DateInputImpl = require("./components/DateInputImpl");
@@ -132,7 +131,7 @@ const DSDateInput = ({
 DSDateInput.propTypes = import_props.props;
 DSDateInput.defaultProps = import_defaultProps.defaultProps;
 DSDateInput.displayName = "DSDateInput";
-const DSDateInputWithSchema = (0, import_react_desc.describe)(DSDateInput).deprecated("use DateInputV2 instead");
+const DSDateInputWithSchema = (0, import_ds_utilities.describe)(DSDateInput).deprecated("use DateInputV2 instead");
 DSDateInputWithSchema.propTypes = import_props.props;
 var DSDateInput_default = DSDateInput;
 //# sourceMappingURL=DSDateInput.js.map

package/dist/cjs/DateInput/DSDateInput.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/DateInput/DSDateInput.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\nimport React, { useState, useCallback, useEffect } from 'react';\nimport { describe } from 'react-desc';\nimport { runAll } from '@elliemae/ds-utilities';\nimport { DSInput } from '../Input';\nimport { DateInputImpl } from './components/DateInputImpl';\nimport { props } from './props';\nimport { defaultProps } from './defaultProps';\n\nconst DSDateInput = ({\n  innerRef,\n  className,\n  style,\n  onFocus,\n  onBlur,\n  onClear,\n  onChange,\n  onKeyDown,\n  onError,\n  format,\n  value,\n  clearable,\n  disabled,\n  yearMaxRange,\n  yearMinRange,\n  containerProps,\n  // TODO remove and keep `true` behavior ( PUI-4141 )\n  INTERNAL_V2_NO_MUTATION,\n}) => {\n  const [valueDate, setValueDate] = useState(value);\n\n  useEffect(() => {\n    if (value) {\n      setValueDate(value);\n    }\n  }, [value]);\n\n  const handleOnClear = useCallback(() => {\n    runAll(onClear, setValueDate(''));\n  }, [onClear]);\n\n  const handleKeyDown = useCallback((e, date, inputOnKeyDown) => {\n    inputOnKeyDown(e, date);\n  }, []);\n\n  const handleOnChange = useCallback((date, inputOnChange) => {\n    setValueDate(date);\n    inputOnChange(date);\n  }, []);\n\n  return (\n    <DSInput\n      className={`${className} input-date-input `}\n      clearable={clearable}\n      containerProps={containerProps}\n      customInputType={({ onChange: inputOnChange, onKeyDown: inputOnKeyDown, ...restInputProps }) => (\n        <DateInputImpl\n          INTERNAL_V2_NO_MUTATION={INTERNAL_V2_NO_MUTATION}\n          disabled={disabled}\n          format={format}\n          onChange={(date) => handleOnChange(date, inputOnChange)}\n          onError={onError}\n          onKeyDown={(e, date) => handleKeyDown(e, date, inputOnKeyDown)}\n          value={valueDate}\n          {...restInputProps}\n          style={style}\n          yearMaxRange={yearMaxRange}\n          yearMinRange={yearMinRange}\n          onFocus={onFocus}\n        />\n      )}\n      disableTooltip={false}\n      disabled={disabled}\n      innerRef={innerRef}\n      onBlur={onBlur}\n      onChange={onChange}\n      onKeyDown={onKeyDown}\n      onClear={handleOnClear}\n      value={valueDate}\n    />\n  );\n};\n\nDSDateInput.propTypes = props;\nDSDateInput.defaultProps = defaultProps;\nDSDateInput.displayName = 'DSDateInput';\nconst DSDateInputWithSchema = describe(DSDateInput).deprecated('use DateInputV2 instead');\nDSDateInputWithSchema.propTypes = props;\n\nexport { DateInputImpl, DSDateInputWithSchema, DSDateInput };\n\nexport default DSDateInput;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAwD;AACxD,wBAAyB;AACzB,0BAAuB;AACvB,mBAAwB;AACxB,2BAA8B;AAC9B,mBAAsB;AACtB,0BAA6B;AAE7B,MAAM,cAAc,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,MACI;AACJ,QAAM,CAAC,WAAW,gBAAgB,2BAAS,KAAK;AAEhD,8BAAU,MAAM;AACd,QAAI,OAAO;AACT,mBAAa,KAAK;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,gBAAgB,8BAAY,MAAM;AACtC,oCAAO,SAAS,aAAa,EAAE,CAAC;AAAA,EAClC,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,gBAAgB,8BAAY,CAAC,GAAG,MAAM,mBAAmB;AAC7D,mBAAe,GAAG,IAAI;AAAA,EACxB,GAAG,CAAC,CAAC;AAEL,QAAM,iBAAiB,8BAAY,CAAC,MAAM,kBAAkB;AAC1D,iBAAa,IAAI;AACjB,kBAAc,IAAI;AAAA,EACpB,GAAG,CAAC,CAAC;AAEL,SACE,mDAAC;AAAA,IACC,WAAW,GAAG;AAAA,IACd;AAAA,IACA;AAAA,IACA,iBAAiB,CAAC,OAA2E;AAA3E,mBAAE,YAAU,eAAe,WAAW,mBAAtC,IAAyD,2BAAzD,IAAyD,CAAvD,YAAyB;AAC3C,gEAAC;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU,CAAC,SAAS,eAAe,MAAM,aAAa;AAAA,QACtD;AAAA,QACA,WAAW,CAAC,GAAG,SAAS,cAAc,GAAG,MAAM,cAAc;AAAA,QAC7D,OAAO;AAAA,SACH,iBARL;AAAA,QASC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACF;AAAA;AAAA,IAEF,gBAAgB;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT,OAAO;AAAA,GACT;AAEJ;AAEA,YAAY,YAAY;AACxB,YAAY,eAAe;AAC3B,YAAY,cAAc;AAC1B,MAAM,wBAAwB,gCAAS,WAAW,EAAE,WAAW,yBAAyB;AACxF,sBAAsB,YAAY;AAIlC,IAAO,sBAAQ;",
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport React, { useState, useCallback, useEffect } from 'react';\nimport { describe, runAll } from '@elliemae/ds-utilities';\nimport { DSInput } from '../Input';\nimport { DateInputImpl } from './components/DateInputImpl';\nimport { props } from './props';\nimport { defaultProps } from './defaultProps';\n\nconst DSDateInput = ({\n  innerRef,\n  className,\n  style,\n  onFocus,\n  onBlur,\n  onClear,\n  onChange,\n  onKeyDown,\n  onError,\n  format,\n  value,\n  clearable,\n  disabled,\n  yearMaxRange,\n  yearMinRange,\n  containerProps,\n  // TODO remove and keep `true` behavior ( PUI-4141 )\n  INTERNAL_V2_NO_MUTATION,\n}) => {\n  const [valueDate, setValueDate] = useState(value);\n\n  useEffect(() => {\n    if (value) {\n      setValueDate(value);\n    }\n  }, [value]);\n\n  const handleOnClear = useCallback(() => {\n    runAll(onClear, setValueDate(''));\n  }, [onClear]);\n\n  const handleKeyDown = useCallback((e, date, inputOnKeyDown) => {\n    inputOnKeyDown(e, date);\n  }, []);\n\n  const handleOnChange = useCallback((date, inputOnChange) => {\n    setValueDate(date);\n    inputOnChange(date);\n  }, []);\n\n  return (\n    <DSInput\n      className={`${className} input-date-input `}\n      clearable={clearable}\n      containerProps={containerProps}\n      customInputType={({ onChange: inputOnChange, onKeyDown: inputOnKeyDown, ...restInputProps }) => (\n        <DateInputImpl\n          INTERNAL_V2_NO_MUTATION={INTERNAL_V2_NO_MUTATION}\n          disabled={disabled}\n          format={format}\n          onChange={(date) => handleOnChange(date, inputOnChange)}\n          onError={onError}\n          onKeyDown={(e, date) => handleKeyDown(e, date, inputOnKeyDown)}\n          value={valueDate}\n          {...restInputProps}\n          style={style}\n          yearMaxRange={yearMaxRange}\n          yearMinRange={yearMinRange}\n          onFocus={onFocus}\n        />\n      )}\n      disableTooltip={false}\n      disabled={disabled}\n      innerRef={innerRef}\n      onBlur={onBlur}\n      onChange={onChange}\n      onKeyDown={onKeyDown}\n      onClear={handleOnClear}\n      value={valueDate}\n    />\n  );\n};\n\nDSDateInput.propTypes = props;\nDSDateInput.defaultProps = defaultProps;\nDSDateInput.displayName = 'DSDateInput';\nconst DSDateInputWithSchema = describe(DSDateInput).deprecated('use DateInputV2 instead');\nDSDateInputWithSchema.propTypes = props;\n\nexport { DateInputImpl, DSDateInputWithSchema, DSDateInput };\n\nexport default DSDateInput;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAwD;AACxD,0BAAiC;AACjC,mBAAwB;AACxB,2BAA8B;AAC9B,mBAAsB;AACtB,0BAA6B;AAE7B,MAAM,cAAc,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,MACI;AACJ,QAAM,CAAC,WAAW,gBAAgB,2BAAS,KAAK;AAEhD,8BAAU,MAAM;AACd,QAAI,OAAO;AACT,mBAAa,KAAK;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,gBAAgB,8BAAY,MAAM;AACtC,oCAAO,SAAS,aAAa,EAAE,CAAC;AAAA,EAClC,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,gBAAgB,8BAAY,CAAC,GAAG,MAAM,mBAAmB;AAC7D,mBAAe,GAAG,IAAI;AAAA,EACxB,GAAG,CAAC,CAAC;AAEL,QAAM,iBAAiB,8BAAY,CAAC,MAAM,kBAAkB;AAC1D,iBAAa,IAAI;AACjB,kBAAc,IAAI;AAAA,EACpB,GAAG,CAAC,CAAC;AAEL,SACE,mDAAC;AAAA,IACC,WAAW,GAAG;AAAA,IACd;AAAA,IACA;AAAA,IACA,iBAAiB,CAAC,OAA2E;AAA3E,mBAAE,YAAU,eAAe,WAAW,mBAAtC,IAAyD,2BAAzD,IAAyD,CAAvD,YAAyB;AAC3C,gEAAC;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU,CAAC,SAAS,eAAe,MAAM,aAAa;AAAA,QACtD;AAAA,QACA,WAAW,CAAC,GAAG,SAAS,cAAc,GAAG,MAAM,cAAc;AAAA,QAC7D,OAAO;AAAA,SACH,iBARL;AAAA,QASC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACF;AAAA;AAAA,IAEF,gBAAgB;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT,OAAO;AAAA,GACT;AAEJ;AAEA,YAAY,YAAY;AACxB,YAAY,eAAe;AAC3B,YAAY,cAAc;AAC1B,MAAM,wBAAwB,kCAAS,WAAW,EAAE,WAAW,yBAAyB;AACxF,sBAAsB,YAAY;AAIlC,IAAO,sBAAQ;",
   "names": []
 }

package/dist/cjs/DateInput/props.js

@@ -24,26 +24,26 @@ __export(props_exports, {
 });
 module.exports = __toCommonJS(props_exports);
 var React = __toESM(require("react"));
-var import_react_desc = require("react-desc");
+var import_ds_utilities = require("@elliemae/ds-utilities");
 const props = {
-  containerProps: import_react_desc.PropTypes.object.description("props injected to date input wrapper node"),
-  innerRef: import_react_desc.PropTypes.oneOfType([
-    import_react_desc.PropTypes.func,
-    import_react_desc.PropTypes.shape({ current: import_react_desc.PropTypes.any })
+  containerProps: import_ds_utilities.PropTypes.object.description("props injected to date input wrapper node"),
+  innerRef: import_ds_utilities.PropTypes.oneOfType([
+    import_ds_utilities.PropTypes.func,
+    import_ds_utilities.PropTypes.shape({ current: import_ds_utilities.PropTypes.any })
   ]).description("inner ref for input wrapper"),
-  className: import_react_desc.PropTypes.string.description("class for input"),
-  style: import_react_desc.PropTypes.object.description("Set style for the date input"),
-  onBlur: import_react_desc.PropTypes.func.description("Triggers the onBlur when focus moves out of date input"),
-  onFocus: import_react_desc.PropTypes.func.description("Triggers the onFocus when the component gets the focus"),
-  onClear: import_react_desc.PropTypes.func.description("Triggers the onClear"),
-  onKeyDown: import_react_desc.PropTypes.func.description("Triggers the onKeyDown"),
-  onChange: import_react_desc.PropTypes.func.description("Allows a function that is triggered once the date input changes"),
-  onError: import_react_desc.PropTypes.func.description("Triggers the onError once one input date is wrong"),
-  format: import_react_desc.PropTypes.string.description("Format type for date input"),
-  value: import_react_desc.PropTypes.string.description("Default value once the component is initialized"),
-  clearable: import_react_desc.PropTypes.bool.description("Whether the date input is clearable or not"),
-  disabled: import_react_desc.PropTypes.bool.description("Whether the date input is disabled or not"),
-  yearMaxRange: import_react_desc.PropTypes.number.description("Max year that can be accepted by the date input"),
-  yearMinRange: import_react_desc.PropTypes.number.description("Min year that can be accepted by the date input")
+  className: import_ds_utilities.PropTypes.string.description("class for input"),
+  style: import_ds_utilities.PropTypes.object.description("Set style for the date input"),
+  onBlur: import_ds_utilities.PropTypes.func.description("Triggers the onBlur when focus moves out of date input"),
+  onFocus: import_ds_utilities.PropTypes.func.description("Triggers the onFocus when the component gets the focus"),
+  onClear: import_ds_utilities.PropTypes.func.description("Triggers the onClear"),
+  onKeyDown: import_ds_utilities.PropTypes.func.description("Triggers the onKeyDown"),
+  onChange: import_ds_utilities.PropTypes.func.description("Allows a function that is triggered once the date input changes"),
+  onError: import_ds_utilities.PropTypes.func.description("Triggers the onError once one input date is wrong"),
+  format: import_ds_utilities.PropTypes.string.description("Format type for date input"),
+  value: import_ds_utilities.PropTypes.string.description("Default value once the component is initialized"),
+  clearable: import_ds_utilities.PropTypes.bool.description("Whether the date input is clearable or not"),
+  disabled: import_ds_utilities.PropTypes.bool.description("Whether the date input is disabled or not"),
+  yearMaxRange: import_ds_utilities.PropTypes.number.description("Max year that can be accepted by the date input"),
+  yearMinRange: import_ds_utilities.PropTypes.number.description("Min year that can be accepted by the date input")
 };
 //# sourceMappingURL=props.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/DateInput/props.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { PropTypes } from 'react-desc';\n\nexport const props = {\n  /** props injected to date input wrapper node */\n  containerProps: PropTypes.object.description(\n    'props injected to date input wrapper node',\n  ),\n  /** inner ref for input wrapper */\n  innerRef: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.shape({ current: PropTypes.any }),\n  ]).description('inner ref for input wrapper'),\n  /** class for input */\n  className: PropTypes.string.description('class for input'),\n  /**\n   * Set style for the date input\n   */\n  style: PropTypes.object.description('Set style for the date input'),\n  /**\n   * Triggers the onBlur when focus moves out of date input\n   */\n  onBlur: PropTypes.func.description(\n    'Triggers the onBlur when focus moves out of date input',\n  ),\n  /**\n   * Triggers the onFocus when the component gets the focus\n   */\n  onFocus: PropTypes.func.description(\n    'Triggers the onFocus when the component gets the focus',\n  ),\n  /**\n   * Triggers the onClear\n   */\n  onClear: PropTypes.func.description('Triggers the onClear'),\n  /**\n   * Triggers the onKeyDown\n   */\n  onKeyDown: PropTypes.func.description('Triggers the onKeyDown'),\n  /**\n   * Allows a function that is triggered once the date input changes\n   */\n  onChange: PropTypes.func.description(\n    'Allows a function that is triggered once the date input changes',\n  ),\n  /**\n   * Triggers the onError once one input date is wrong\n   */\n  onError: PropTypes.func.description(\n    'Triggers the onError once one input date is wrong',\n  ),\n  /**\n   * Format type for date input\n   */\n  format: PropTypes.string.description('Format type for date input'),\n  /**\n   * Default value once the component is initialized\n   */\n  value: PropTypes.string.description(\n    'Default value once the component is initialized',\n  ),\n  /**\n   * Whether the date input is clearable or not\n   */\n  clearable: PropTypes.bool.description(\n    'Whether the date input is clearable or not',\n  ),\n  /**\n   * Whether the date input is disabled or not\n   */\n  disabled: PropTypes.bool.description(\n    'Whether the date input is disabled or not',\n  ),\n  /**\n   * Max year that can be accepted by the date input\n   */\n  yearMaxRange: PropTypes.number.description(\n    'Max year that can be accepted by the date input',\n  ),\n  /**\n   * Min year that can be accepted by the date input\n   */\n  yearMinRange: PropTypes.number.description(\n    'Min year that can be accepted by the date input',\n  ),\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA0B;AAEnB,MAAM,QAAQ;AAAA,EAEnB,gBAAgB,4BAAU,OAAO,YAC/B,2CACF;AAAA,EAEA,UAAU,4BAAU,UAAU;AAAA,IAC5B,4BAAU;AAAA,IACV,4BAAU,MAAM,EAAE,SAAS,4BAAU,IAAI,CAAC;AAAA,EAC5C,CAAC,EAAE,YAAY,6BAA6B;AAAA,EAE5C,WAAW,4BAAU,OAAO,YAAY,iBAAiB;AAAA,EAIzD,OAAO,4BAAU,OAAO,YAAY,8BAA8B;AAAA,EAIlE,QAAQ,4BAAU,KAAK,YACrB,wDACF;AAAA,EAIA,SAAS,4BAAU,KAAK,YACtB,wDACF;AAAA,EAIA,SAAS,4BAAU,KAAK,YAAY,sBAAsB;AAAA,EAI1D,WAAW,4BAAU,KAAK,YAAY,wBAAwB;AAAA,EAI9D,UAAU,4BAAU,KAAK,YACvB,iEACF;AAAA,EAIA,SAAS,4BAAU,KAAK,YACtB,mDACF;AAAA,EAIA,QAAQ,4BAAU,OAAO,YAAY,4BAA4B;AAAA,EAIjE,OAAO,4BAAU,OAAO,YACtB,iDACF;AAAA,EAIA,WAAW,4BAAU,KAAK,YACxB,4CACF;AAAA,EAIA,UAAU,4BAAU,KAAK,YACvB,2CACF;AAAA,EAIA,cAAc,4BAAU,OAAO,YAC7B,iDACF;AAAA,EAIA,cAAc,4BAAU,OAAO,YAC7B,iDACF;AACF;",
+  "sourcesContent": ["import { PropTypes } from '@elliemae/ds-utilities';\n\nexport const props = {\n  /** props injected to date input wrapper node */\n  containerProps: PropTypes.object.description(\n    'props injected to date input wrapper node',\n  ),\n  /** inner ref for input wrapper */\n  innerRef: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.shape({ current: PropTypes.any }),\n  ]).description('inner ref for input wrapper'),\n  /** class for input */\n  className: PropTypes.string.description('class for input'),\n  /**\n   * Set style for the date input\n   */\n  style: PropTypes.object.description('Set style for the date input'),\n  /**\n   * Triggers the onBlur when focus moves out of date input\n   */\n  onBlur: PropTypes.func.description(\n    'Triggers the onBlur when focus moves out of date input',\n  ),\n  /**\n   * Triggers the onFocus when the component gets the focus\n   */\n  onFocus: PropTypes.func.description(\n    'Triggers the onFocus when the component gets the focus',\n  ),\n  /**\n   * Triggers the onClear\n   */\n  onClear: PropTypes.func.description('Triggers the onClear'),\n  /**\n   * Triggers the onKeyDown\n   */\n  onKeyDown: PropTypes.func.description('Triggers the onKeyDown'),\n  /**\n   * Allows a function that is triggered once the date input changes\n   */\n  onChange: PropTypes.func.description(\n    'Allows a function that is triggered once the date input changes',\n  ),\n  /**\n   * Triggers the onError once one input date is wrong\n   */\n  onError: PropTypes.func.description(\n    'Triggers the onError once one input date is wrong',\n  ),\n  /**\n   * Format type for date input\n   */\n  format: PropTypes.string.description('Format type for date input'),\n  /**\n   * Default value once the component is initialized\n   */\n  value: PropTypes.string.description(\n    'Default value once the component is initialized',\n  ),\n  /**\n   * Whether the date input is clearable or not\n   */\n  clearable: PropTypes.bool.description(\n    'Whether the date input is clearable or not',\n  ),\n  /**\n   * Whether the date input is disabled or not\n   */\n  disabled: PropTypes.bool.description(\n    'Whether the date input is disabled or not',\n  ),\n  /**\n   * Max year that can be accepted by the date input\n   */\n  yearMaxRange: PropTypes.number.description(\n    'Max year that can be accepted by the date input',\n  ),\n  /**\n   * Min year that can be accepted by the date input\n   */\n  yearMinRange: PropTypes.number.description(\n    'Min year that can be accepted by the date input',\n  ),\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,OAAO,YAC/B,2CACF;AAAA,EAEA,UAAU,8BAAU,UAAU;AAAA,IAC5B,8BAAU;AAAA,IACV,8BAAU,MAAM,EAAE,SAAS,8BAAU,IAAI,CAAC;AAAA,EAC5C,CAAC,EAAE,YAAY,6BAA6B;AAAA,EAE5C,WAAW,8BAAU,OAAO,YAAY,iBAAiB;AAAA,EAIzD,OAAO,8BAAU,OAAO,YAAY,8BAA8B;AAAA,EAIlE,QAAQ,8BAAU,KAAK,YACrB,wDACF;AAAA,EAIA,SAAS,8BAAU,KAAK,YACtB,wDACF;AAAA,EAIA,SAAS,8BAAU,KAAK,YAAY,sBAAsB;AAAA,EAI1D,WAAW,8BAAU,KAAK,YAAY,wBAAwB;AAAA,EAI9D,UAAU,8BAAU,KAAK,YACvB,iEACF;AAAA,EAIA,SAAS,8BAAU,KAAK,YACtB,mDACF;AAAA,EAIA,QAAQ,8BAAU,OAAO,YAAY,4BAA4B;AAAA,EAIjE,OAAO,8BAAU,OAAO,YACtB,iDACF;AAAA,EAIA,WAAW,8BAAU,KAAK,YACxB,4CACF;AAAA,EAIA,UAAU,8BAAU,KAAK,YACvB,2CACF;AAAA,EAIA,cAAc,8BAAU,OAAO,YAC7B,iDACF;AAAA,EAIA,cAAc,8BAAU,OAAO,YAC7B,iDACF;AACF;",
   "names": []
 }

package/dist/cjs/DateInputV2/components/DSDateInput.js

@@ -27,7 +27,7 @@ __export(DSDateInput_exports, {
 module.exports = __toCommonJS(DSDateInput_exports);
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
+var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_Input = require("../../Input");
 var import_DateInputs = require("./DateInputs");
 var import_props = require("./props");
@@ -68,7 +68,7 @@ const DSDateInputV2 = ({
 DSDateInputV2.defaultProps = import_props.defaultProps;
 DSDateInputV2.propTypes = import_props.props;
 DSDateInputV2.displayName = "DSDateInputV2";
-const DSDateInputV2WithSchema = (0, import_react_desc.describe)(DSDateInputV2);
+const DSDateInputV2WithSchema = (0, import_ds_utilities.describe)(DSDateInputV2);
 DSDateInputV2WithSchema.propTypes = import_props.props;
 var DSDateInput_default = DSDateInputV2;
 //# sourceMappingURL=DSDateInput.js.map

package/dist/cjs/DateInputV2/components/DSDateInput.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/DateInputV2/components/DSDateInput.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { describe } from 'react-desc';\nimport { DSInput } from '../../Input';\nimport { DateInputs } from './DateInputs';\nimport { props, defaultProps } from './props';\n\nconst DSDateInputV2 = ({\n  onFocus,\n  onBlur,\n  onChange,\n  onDateChange,\n  onKeyDown,\n  onError,\n  value,\n  disabled,\n  containerProps,\n  tabIndex,\n  innerRef,\n}) => (\n  <DSInput\n    innerRef={innerRef}\n    containerProps={containerProps}\n    customInputType={({ innerRef: ir }) => (\n      <DateInputs\n        disabled={disabled}\n        innerRef={ir}\n        onBlur={onBlur}\n        onChange={onChange}\n        onDateChange={onDateChange}\n        onCustomKeyDown={onKeyDown}\n        onError={onError}\n        time={value}\n        tabIndex={tabIndex}\n      />\n    )}\n    disableTooltip={false}\n    disabled={disabled}\n    onBlur={onBlur}\n    onFocus={onFocus}\n    onKeyDown={onKeyDown}\n    value={value}\n    tabIndex={tabIndex}\n  />\n);\n\nDSDateInputV2.defaultProps = defaultProps;\n\nDSDateInputV2.propTypes = props;\nDSDateInputV2.displayName = 'DSDateInputV2';\nconst DSDateInputV2WithSchema = describe(DSDateInputV2);\nDSDateInputV2WithSchema.propTypes = props;\n\nexport { DSDateInputV2, DSDateInputV2WithSchema };\nexport default DSDateInputV2;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAyB;AACzB,mBAAwB;AACxB,wBAA2B;AAC3B,mBAAoC;AAEpC,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAEA,mDAAC;AAAA,EACC;AAAA,EACA;AAAA,EACA,iBAAiB,CAAC,EAAE,UAAU,SAC5B,mDAAC;AAAA,IACC;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,iBAAiB;AAAA,IACjB;AAAA,IACA,MAAM;AAAA,IACN;AAAA,GACF;AAAA,EAEF,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,CACF;AAGF,cAAc,eAAe;AAE7B,cAAc,YAAY;AAC1B,cAAc,cAAc;AAC5B,MAAM,0BAA0B,gCAAS,aAAa;AACtD,wBAAwB,YAAY;AAGpC,IAAO,sBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { DSInput } from '../../Input';\nimport { DateInputs } from './DateInputs';\nimport { props, defaultProps } from './props';\n\nconst DSDateInputV2 = ({\n  onFocus,\n  onBlur,\n  onChange,\n  onDateChange,\n  onKeyDown,\n  onError,\n  value,\n  disabled,\n  containerProps,\n  tabIndex,\n  innerRef,\n}) => (\n  <DSInput\n    innerRef={innerRef}\n    containerProps={containerProps}\n    customInputType={({ innerRef: ir }) => (\n      <DateInputs\n        disabled={disabled}\n        innerRef={ir}\n        onBlur={onBlur}\n        onChange={onChange}\n        onDateChange={onDateChange}\n        onCustomKeyDown={onKeyDown}\n        onError={onError}\n        time={value}\n        tabIndex={tabIndex}\n      />\n    )}\n    disableTooltip={false}\n    disabled={disabled}\n    onBlur={onBlur}\n    onFocus={onFocus}\n    onKeyDown={onKeyDown}\n    value={value}\n    tabIndex={tabIndex}\n  />\n);\n\nDSDateInputV2.defaultProps = defaultProps;\n\nDSDateInputV2.propTypes = props;\nDSDateInputV2.displayName = 'DSDateInputV2';\nconst DSDateInputV2WithSchema = describe(DSDateInputV2);\nDSDateInputV2WithSchema.propTypes = props;\n\nexport { DSDateInputV2, DSDateInputV2WithSchema };\nexport default DSDateInputV2;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAAyB;AACzB,mBAAwB;AACxB,wBAA2B;AAC3B,mBAAoC;AAEpC,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAEA,mDAAC;AAAA,EACC;AAAA,EACA;AAAA,EACA,iBAAiB,CAAC,EAAE,UAAU,SAC5B,mDAAC;AAAA,IACC;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,iBAAiB;AAAA,IACjB;AAAA,IACA,MAAM;AAAA,IACN;AAAA,GACF;AAAA,EAEF,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,CACF;AAGF,cAAc,eAAe;AAE7B,cAAc,YAAY;AAC1B,cAAc,cAAc;AAC5B,MAAM,0BAA0B,kCAAS,aAAa;AACtD,wBAAwB,YAAY;AAGpC,IAAO,sBAAQ;",
   "names": []
 }

package/dist/cjs/DateInputV2/components/props.js

@@ -25,21 +25,21 @@ __export(props_exports, {
 });
 module.exports = __toCommonJS(props_exports);
 var React = __toESM(require("react"));
-var import_react_desc = require("react-desc");
+var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_lodash = require("lodash");
 const props = {
-  containerProps: import_react_desc.PropTypes.object.description("Props to inject to date input wrapper"),
-  onBlur: import_react_desc.PropTypes.func.description("Triggers the onBlur when focus moves out of date input"),
-  onFocus: import_react_desc.PropTypes.func.description("Triggers the onFocus when the component gets the focus"),
-  onKeyDown: import_react_desc.PropTypes.func.description("Triggers the onKeyDown"),
-  onChange: import_react_desc.PropTypes.func.description("Allows a function that is triggered once the date input changes"),
-  onDateChange: import_react_desc.PropTypes.func.description(" Triggers when the date is completely set and  only once you have blurred the corresponding input. For example if you are editing the day and the year and month are already set, once you completely set the day it will trigger."),
-  onError: import_react_desc.PropTypes.func.description("Triggers the onError once one input date is wrong"),
-  value: import_react_desc.PropTypes.string.description("Default value once the component is initialized MMDDYYYY"),
-  disabled: import_react_desc.PropTypes.bool.description("Whether the date input is disabled or not"),
-  tabIndex: import_react_desc.PropTypes.oneOfType([
-    import_react_desc.PropTypes.number,
-    import_react_desc.PropTypes.string
+  containerProps: import_ds_utilities.PropTypes.object.description("Props to inject to date input wrapper"),
+  onBlur: import_ds_utilities.PropTypes.func.description("Triggers the onBlur when focus moves out of date input"),
+  onFocus: import_ds_utilities.PropTypes.func.description("Triggers the onFocus when the component gets the focus"),
+  onKeyDown: import_ds_utilities.PropTypes.func.description("Triggers the onKeyDown"),
+  onChange: import_ds_utilities.PropTypes.func.description("Allows a function that is triggered once the date input changes"),
+  onDateChange: import_ds_utilities.PropTypes.func.description(" Triggers when the date is completely set and  only once you have blurred the corresponding input. For example if you are editing the day and the year and month are already set, once you completely set the day it will trigger."),
+  onError: import_ds_utilities.PropTypes.func.description("Triggers the onError once one input date is wrong"),
+  value: import_ds_utilities.PropTypes.string.description("Default value once the component is initialized MMDDYYYY"),
+  disabled: import_ds_utilities.PropTypes.bool.description("Whether the date input is disabled or not"),
+  tabIndex: import_ds_utilities.PropTypes.oneOfType([
+    import_ds_utilities.PropTypes.number,
+    import_ds_utilities.PropTypes.string
   ]).description("tab index")
 };
 const defaultProps = {

package/dist/cjs/DateInputV2/components/props.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/DateInputV2/components/props.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\n\nexport const props = {\n  /** Props to inject to date input wrapper */\n  containerProps: PropTypes.object.description(\n    'Props to inject to date input wrapper',\n  ),\n  /**\n   * Triggers the onBlur when focus moves out of date input\n   */\n  onBlur: PropTypes.func.description(\n    'Triggers the onBlur when focus moves out of date input',\n  ),\n  /**\n   * Triggers the onFocus when the component gets the focus\n   */\n  onFocus: PropTypes.func.description(\n    'Triggers the onFocus when the component gets the focus',\n  ),\n  /**\n   * Triggers the onKeyDown\n   */\n  onKeyDown: PropTypes.func.description('Triggers the onKeyDown'),\n  /**\n   * Allows a function that is triggered once the date input changes\n   */\n  onChange: PropTypes.func.description(\n    'Allows a function that is triggered once the date input changes',\n  ),\n  /**\n   * Triggers when the date is completely set and  only once you have blurred the\n   * corresponding input. For example if you are editing the day and the year and month\n   * are already set, once you completely set the day it will trigger.\n   */\n  onDateChange: PropTypes.func.description(\n    ' Triggers when the date is completely set and  only once you have blurred the corresponding input. For example if you are editing the day and the year and month are already set, once you completely set the day it will trigger.',\n  ),\n  /**\n   * Triggers the onError once one input date is wrong\n   */\n  onError: PropTypes.func.description(\n    'Triggers the onError once one input date is wrong',\n  ),\n  /**\n   * Default value once the component is initialized MMDDYYYY\n   */\n  value: PropTypes.string.description(\n    'Default value once the component is initialized MMDDYYYY',\n  ),\n  /**\n   * Whether the date input is disabled or not\n   */\n  disabled: PropTypes.bool.description(\n    'Whether the date input is disabled or not',\n  ),\n  /**\n   * tab index\n   */\n  tabIndex: PropTypes.oneOfType([\n    PropTypes.number,\n    PropTypes.string,\n  ]).description('tab index'),\n};\n\nexport const defaultProps = {\n  onFocus: noop,\n  onBlur: noop,\n  onChange: noop,\n  onDateChange: noop,\n  onKeyDown: noop,\n  onError: noop,\n  value: '',\n  disabled: false,\n  containerProps: {},\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA0B;AAC1B,oBAAqB;AAEd,MAAM,QAAQ;AAAA,EAEnB,gBAAgB,4BAAU,OAAO,YAC/B,uCACF;AAAA,EAIA,QAAQ,4BAAU,KAAK,YACrB,wDACF;AAAA,EAIA,SAAS,4BAAU,KAAK,YACtB,wDACF;AAAA,EAIA,WAAW,4BAAU,KAAK,YAAY,wBAAwB;AAAA,EAI9D,UAAU,4BAAU,KAAK,YACvB,iEACF;AAAA,EAMA,cAAc,4BAAU,KAAK,YAC3B,oOACF;AAAA,EAIA,SAAS,4BAAU,KAAK,YACtB,mDACF;AAAA,EAIA,OAAO,4BAAU,OAAO,YACtB,0DACF;AAAA,EAIA,UAAU,4BAAU,KAAK,YACvB,2CACF;AAAA,EAIA,UAAU,4BAAU,UAAU;AAAA,IAC5B,4BAAU;AAAA,IACV,4BAAU;AAAA,EACZ,CAAC,EAAE,YAAY,WAAW;AAC5B;AAEO,MAAM,eAAe;AAAA,EAC1B,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,cAAc;AAAA,EACd,WAAW;AAAA,EACX,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AAAA,EACV,gBAAgB,CAAC;AACnB;",
+  "sourcesContent": ["import { PropTypes } from '@elliemae/ds-utilities';\nimport { noop } from 'lodash';\n\nexport const props = {\n  /** Props to inject to date input wrapper */\n  containerProps: PropTypes.object.description(\n    'Props to inject to date input wrapper',\n  ),\n  /**\n   * Triggers the onBlur when focus moves out of date input\n   */\n  onBlur: PropTypes.func.description(\n    'Triggers the onBlur when focus moves out of date input',\n  ),\n  /**\n   * Triggers the onFocus when the component gets the focus\n   */\n  onFocus: PropTypes.func.description(\n    'Triggers the onFocus when the component gets the focus',\n  ),\n  /**\n   * Triggers the onKeyDown\n   */\n  onKeyDown: PropTypes.func.description('Triggers the onKeyDown'),\n  /**\n   * Allows a function that is triggered once the date input changes\n   */\n  onChange: PropTypes.func.description(\n    'Allows a function that is triggered once the date input changes',\n  ),\n  /**\n   * Triggers when the date is completely set and  only once you have blurred the\n   * corresponding input. For example if you are editing the day and the year and month\n   * are already set, once you completely set the day it will trigger.\n   */\n  onDateChange: PropTypes.func.description(\n    ' Triggers when the date is completely set and  only once you have blurred the corresponding input. For example if you are editing the day and the year and month are already set, once you completely set the day it will trigger.',\n  ),\n  /**\n   * Triggers the onError once one input date is wrong\n   */\n  onError: PropTypes.func.description(\n    'Triggers the onError once one input date is wrong',\n  ),\n  /**\n   * Default value once the component is initialized MMDDYYYY\n   */\n  value: PropTypes.string.description(\n    'Default value once the component is initialized MMDDYYYY',\n  ),\n  /**\n   * Whether the date input is disabled or not\n   */\n  disabled: PropTypes.bool.description(\n    'Whether the date input is disabled or not',\n  ),\n  /**\n   * tab index\n   */\n  tabIndex: PropTypes.oneOfType([\n    PropTypes.number,\n    PropTypes.string,\n  ]).description('tab index'),\n};\n\nexport const defaultProps = {\n  onFocus: noop,\n  onBlur: noop,\n  onChange: noop,\n  onDateChange: noop,\n  onKeyDown: noop,\n  onError: noop,\n  value: '',\n  disabled: false,\n  containerProps: {},\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA0B;AAC1B,oBAAqB;AAEd,MAAM,QAAQ;AAAA,EAEnB,gBAAgB,8BAAU,OAAO,YAC/B,uCACF;AAAA,EAIA,QAAQ,8BAAU,KAAK,YACrB,wDACF;AAAA,EAIA,SAAS,8BAAU,KAAK,YACtB,wDACF;AAAA,EAIA,WAAW,8BAAU,KAAK,YAAY,wBAAwB;AAAA,EAI9D,UAAU,8BAAU,KAAK,YACvB,iEACF;AAAA,EAMA,cAAc,8BAAU,KAAK,YAC3B,oOACF;AAAA,EAIA,SAAS,8BAAU,KAAK,YACtB,mDACF;AAAA,EAIA,OAAO,8BAAU,OAAO,YACtB,0DACF;AAAA,EAIA,UAAU,8BAAU,KAAK,YACvB,2CACF;AAAA,EAIA,UAAU,8BAAU,UAAU;AAAA,IAC5B,8BAAU;AAAA,IACV,8BAAU;AAAA,EACZ,CAAC,EAAE,YAAY,WAAW;AAC5B;AAEO,MAAM,eAAe;AAAA,EAC1B,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,cAAc;AAAA,EACd,WAAW;AAAA,EACX,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AAAA,EACV,gBAAgB,CAAC;AACnB;",
   "names": []
 }

package/dist/cjs/DateInputV2/components/styled.js

@@ -27,14 +27,14 @@ __export(styled_exports, {
 });
 module.exports = __toCommonJS(styled_exports);
 var React = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
+var import_ds_system = require("@elliemae/ds-system");
 var import_ds_grid = require("@elliemae/ds-grid");
-const DateInputFluidContainer = (0, import_styled_components.default)(import_ds_grid.Grid)`
+const DateInputFluidContainer = (0, import_ds_system.styled)(import_ds_grid.Grid)`
   width: 100%;
   height: 100%;
   align-items: center;
 `;
-const DateInputWrapper = (0, import_styled_components.default)(import_ds_grid.Grid)`
+const DateInputWrapper = (0, import_ds_system.styled)(import_ds_grid.Grid)`
   align-items: center;
   align-content: center;
   ${({ disabled, theme }) => disabled ? `
@@ -49,7 +49,7 @@ const DateInputWrapper = (0, import_styled_components.default)(import_ds_grid.Gr
     border-color: transparent;
   }
 `;
-const DateInputInput = import_styled_components.default.input`
+const DateInputInput = import_ds_system.styled.input`
   outline: none;
   border: none;
   border-radius: 0;
@@ -85,7 +85,7 @@ const DateInputInput = import_styled_components.default.input`
     background: transparent;
   }
 `;
-const DateInputDivider = import_styled_components.default.div`
+const DateInputDivider = import_ds_system.styled.div`
   padding: 1px;
   text-align: center;
 `;

package/dist/cjs/DateInputV2/components/styled.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/DateInputV2/components/styled.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\n\n\nexport const DateInputFluidContainer = styled(Grid)`\n  width: 100%;\n  height: 100%;\n  align-items: center;\n`;\n\nexport const DateInputWrapper = styled(Grid)`\n  align-items: center;\n  align-content: center;\n  ${({ disabled, theme }) =>\n    disabled\n      ? `\n    background: ${theme.colors.neutral[100]};\n    color: ${theme.colors.neutral[500]};\n    `\n      : ''}\n  width: 102px;\n\n  &:focus {\n    outline-style: none;\n    box-shadow: none;\n    border-color: transparent;\n  }\n`;\n\nexport const DateInputInput = styled.input`\n  outline: none;\n  border: none;\n  border-radius: 0;\n  width: ${(props) => (props.size === 'l' ? '38px' : '25px')};\n  height: ${(props) => props.theme.space.xs};\n  ${({ disabled, theme }) =>\n    disabled\n      ? `\n  background: ${theme.colors.neutral[100]};\n  color: ${theme.colors.neutral[500]};\n  `\n      : ''}\n  padding-left: 4px;\n  padding-right: 0px;\n  &::placeholder {\n    font-size: 95%;\n    font-style: italic;\n  }\n  :-moz-placeholder {\n    font-size: 95%;\n    font-style: italic;\n  }\n\n  ::-moz-placeholder {\n    font-size: 95%;\n    font-style: italic;\n  }\n  &:focus {\n    background: ${({ theme }) => theme.colors.brand['300']};\n    background-clip: content-box;\n  }\n  ::-moz-selection {\n    background: transparent;\n  }\n  ::selection {\n    background: transparent;\n  }\n`;\n\nexport const DateInputDivider = styled.div`\n  padding: 1px;\n  text-align: center;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AACnB,qBAAqB;AAGd,MAAM,0BAA0B,sCAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAM3C,MAAM,mBAAmB,sCAAO,mBAAI;AAAA;AAAA;AAAA,IAGvC,CAAC,EAAE,UAAU,YACb,WACI;AAAA,kBACU,MAAM,OAAO,QAAQ;AAAA,aAC1B,MAAM,OAAO,QAAQ;AAAA,QAE1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUD,MAAM,iBAAiB,iCAAO;AAAA;AAAA;AAAA;AAAA,WAI1B,CAAC,UAAW,MAAM,SAAS,MAAM,SAAS;AAAA,YACzC,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,IACrC,CAAC,EAAE,UAAU,YACb,WACI;AAAA,gBACQ,MAAM,OAAO,QAAQ;AAAA,WAC1B,MAAM,OAAO,QAAQ;AAAA,MAExB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAiBU,CAAC,EAAE,YAAY,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAW7C,MAAM,mBAAmB,iCAAO;AAAA;AAAA;AAAA;",
+  "sourcesContent": ["import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\n\n\nexport const DateInputFluidContainer = styled(Grid)`\n  width: 100%;\n  height: 100%;\n  align-items: center;\n`;\n\nexport const DateInputWrapper = styled(Grid)`\n  align-items: center;\n  align-content: center;\n  ${({ disabled, theme }) =>\n    disabled\n      ? `\n    background: ${theme.colors.neutral[100]};\n    color: ${theme.colors.neutral[500]};\n    `\n      : ''}\n  width: 102px;\n\n  &:focus {\n    outline-style: none;\n    box-shadow: none;\n    border-color: transparent;\n  }\n`;\n\nexport const DateInputInput = styled.input`\n  outline: none;\n  border: none;\n  border-radius: 0;\n  width: ${(props) => (props.size === 'l' ? '38px' : '25px')};\n  height: ${(props) => props.theme.space.xs};\n  ${({ disabled, theme }) =>\n    disabled\n      ? `\n  background: ${theme.colors.neutral[100]};\n  color: ${theme.colors.neutral[500]};\n  `\n      : ''}\n  padding-left: 4px;\n  padding-right: 0px;\n  &::placeholder {\n    font-size: 95%;\n    font-style: italic;\n  }\n  :-moz-placeholder {\n    font-size: 95%;\n    font-style: italic;\n  }\n\n  ::-moz-placeholder {\n    font-size: 95%;\n    font-style: italic;\n  }\n  &:focus {\n    background: ${({ theme }) => theme.colors.brand['300']};\n    background-clip: content-box;\n  }\n  ::-moz-selection {\n    background: transparent;\n  }\n  ::selection {\n    background: transparent;\n  }\n`;\n\nexport const DateInputDivider = styled.div`\n  padding: 1px;\n  text-align: center;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,qBAAqB;AAGd,MAAM,0BAA0B,6BAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAM3C,MAAM,mBAAmB,6BAAO,mBAAI;AAAA;AAAA;AAAA,IAGvC,CAAC,EAAE,UAAU,YACb,WACI;AAAA,kBACU,MAAM,OAAO,QAAQ;AAAA,aAC1B,MAAM,OAAO,QAAQ;AAAA,QAE1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUD,MAAM,iBAAiB,wBAAO;AAAA;AAAA;AAAA;AAAA,WAI1B,CAAC,UAAW,MAAM,SAAS,MAAM,SAAS;AAAA,YACzC,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,IACrC,CAAC,EAAE,UAAU,YACb,WACI;AAAA,gBACQ,MAAM,OAAO,QAAQ;AAAA,WAC1B,MAAM,OAAO,QAAQ;AAAA,MAExB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAiBU,CAAC,EAAE,YAAY,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAW7C,MAAM,mBAAmB,wBAAO;AAAA;AAAA;AAAA;",
   "names": []
 }

package/dist/cjs/FormItem/DSFormItemLayout.js

@@ -58,7 +58,6 @@ __export(DSFormItemLayout_exports, {
 module.exports = __toCommonJS(DSFormItemLayout_exports);
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
 var import_ds_classnames = require("@elliemae/ds-classnames");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_ds_shared = require("@elliemae/ds-shared");
@@ -243,7 +242,7 @@ const DSFormItemLayout = (_a) => {
 DSFormItemLayout.propTypes = import_props.props;
 DSFormItemLayout.defaultProps = import_defaultProps.defaultProps;
 DSFormItemLayout.displayName = "DSFormItemLayout";
-const DSFormItemLayoutWithSchema = (0, import_react_desc.describe)(DSFormItemLayout);
+const DSFormItemLayoutWithSchema = (0, import_ds_utilities.describe)(DSFormItemLayout);
 DSFormItemLayoutWithSchema.propTypes = import_props.props;
 var DSFormItemLayout_default = DSFormItemLayout;
 //# sourceMappingURL=DSFormItemLayout.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/FormItem/DSFormItemLayout.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport React from 'react';\nimport { describe } from 'react-desc';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { getComponentFromProps } from '@elliemae/ds-utilities';\nimport { Group } from '@elliemae/ds-shared';\nimport { DSInputGroup } from '../InputGroup';\nimport { DSFloatingLabelInput } from '../FloatingLabelInput';\nimport { DSError } from './Error/DSError';\nimport { props } from './props';\nimport { defaultProps } from './defaultProps';\nimport { FORMITEM_LAYOUT_VARIANTS } from './variants';\nimport { Suffix, SuffixInputWrapper, SuffixWrapper } from './Suffix/Suffix';\n// import { maskTypes } from '../InputMask/MaskTypes';\n\nexport { DSError, FORMITEM_LAYOUT_VARIANTS };\n\nconst blockName = 'form-item';\n\nconst Wrapper = aggregatedClasses('div')(blockName, null, ({ leftLabel, variant, fitContent, withHighlight }) => ({\n  'with-left-label': leftLabel,\n  'fit-content': fitContent,\n  [variant]: variant,\n  'with-highlight': withHighlight,\n}));\n\nconst WrapperContent = aggregatedClasses('div')(`${blockName}-content`);\nconst WrapperContentGroup = aggregatedClasses('fieldset')(`${blockName}-content`);\n\nconst DSFormItemLayout = ({\n  leftLabel,\n  floatingLabel,\n  name,\n  id,\n  value,\n  inputComponent: InputComponent,\n  labelComponent: LabelComponent,\n  feedbackComponent: FeedbackComponent,\n  labelText,\n  truncateText,\n  hasError,\n  // orientation = 'vertical', // one of [ vertical, horizontal ]\n  validationState, // one of [ success, error, warning ]\n  validationMessage,\n  feedbackMessage,\n  readOnly,\n  focused,\n  type,\n  autoFocus,\n  disabled,\n  onChange,\n  onBlur,\n  onFocus,\n  onPaste,\n  onKeyUp,\n  extraInputProps,\n  extraContent,\n  leftAddon,\n  rightAddon,\n  required,\n  optional,\n  mask,\n  useSubfix,\n  suffix,\n  variant,\n  fitContent,\n  withHighlight,\n  containerProps,\n  ...rest\n}) => {\n  const isGroup = InputComponent.type === (<Group />).type;\n  const floatingLabelOverride = floatingLabel === 'UNSAFE';\n  const WrapperContentComp = !isGroup ? WrapperContent : WrapperContentGroup;\n\n  // group the input props to not duplicate it inside the specific inputComponent (floating or not)\n  const inputProps = {\n    ...extraInputProps,\n    disabled,\n    hasError: hasError || validationState === 'error',\n    id,\n    name,\n    type,\n    autoFocus,\n    onBlur,\n    onChange,\n    onFocus,\n    onPaste,\n    onKeyUp,\n    readOnly,\n    value,\n    mask,\n    useSubfix,\n    variant,\n    required,\n    ...rest,\n  };\n\n  const renderInput = (Input) =>\n    leftAddon || rightAddon ? (\n      <DSInputGroup leftAddon={leftAddon} rightAddon={rightAddon} variant={variant}>\n        {Input}\n      </DSInputGroup>\n    ) : (\n      Input\n    );\n\n  const renderFloating = (\n    <DSFloatingLabelInput\n      {...inputProps}\n      extraInputProps={extraInputProps}\n      focused={focused}\n      inputComponent={InputComponent}\n      labelComponent={LabelComponent}\n      labelText={labelText}\n      optional={optional}\n      required={required}\n      variant={variant}\n    />\n  );\n\n  const InputWithLabel = floatingLabelOverride ? (\n    renderInput(renderFloating)\n  ) : (\n    <>\n      <LabelComponent\n        htmlFor={id || name}\n        label={labelText}\n        optional={optional}\n        required={required}\n        isGroup={isGroup}\n        truncateText={truncateText}\n      />\n      {renderInput(getComponentFromProps(InputComponent, inputProps))}\n    </>\n  );\n\n  if (suffix) {\n    return (\n      <Wrapper\n        classProps={{\n          disabled,\n          readOnly,\n          hasError,\n          leftLabel,\n          variant,\n          fitContent,\n          withHighlight,\n        }}\n        {...containerProps}\n      >\n        <SuffixWrapper className=\"suffix-wrapper\">\n          <SuffixInputWrapper className=\"suffix-input-wrapper\">\n            <WrapperContentComp>\n              {InputWithLabel}\n              {extraContent}\n            </WrapperContentComp>\n            <FeedbackComponent\n              hasError={hasError}\n              text={validationState || hasError ? validationMessage : feedbackMessage}\n            />\n          </SuffixInputWrapper>\n          <Suffix\n            className=\"suffix-label\"\n            label={!!labelText}\n            withFeedback={Boolean(validationMessage || feedbackMessage)}\n          >\n            {suffix}\n          </Suffix>\n        </SuffixWrapper>\n      </Wrapper>\n    );\n  }\n\n  return (\n    <Wrapper\n      classProps={{\n        disabled,\n        readOnly,\n        hasError,\n        leftLabel,\n        variant,\n        fitContent,\n        withHighlight,\n      }}\n      {...containerProps}\n    >\n      <WrapperContentComp>\n        {InputWithLabel}\n        {extraContent}\n      </WrapperContentComp>\n      <FeedbackComponent hasError={hasError} text={validationState || hasError ? validationMessage : feedbackMessage} />\n    </Wrapper>\n  );\n};\n\nDSFormItemLayout.propTypes = props;\nDSFormItemLayout.defaultProps = defaultProps;\nDSFormItemLayout.displayName = 'DSFormItemLayout';\nconst DSFormItemLayoutWithSchema = describe(DSFormItemLayout);\nDSFormItemLayoutWithSchema.propTypes = props;\n\nexport default DSFormItemLayout;\nexport { DSFormItemLayoutWithSchema, DSFormItemLayout };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport React from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { describe, getComponentFromProps } from '@elliemae/ds-utilities';\nimport { Group } from '@elliemae/ds-shared';\nimport { DSInputGroup } from '../InputGroup';\nimport { DSFloatingLabelInput } from '../FloatingLabelInput';\nimport { DSError } from './Error/DSError';\nimport { props } from './props';\nimport { defaultProps } from './defaultProps';\nimport { FORMITEM_LAYOUT_VARIANTS } from './variants';\nimport { Suffix, SuffixInputWrapper, SuffixWrapper } from './Suffix/Suffix';\n// import { maskTypes } from '../InputMask/MaskTypes';\n\nexport { DSError, FORMITEM_LAYOUT_VARIANTS };\n\nconst blockName = 'form-item';\n\nconst Wrapper = aggregatedClasses('div')(blockName, null, ({ leftLabel, variant, fitContent, withHighlight }) => ({\n  'with-left-label': leftLabel,\n  'fit-content': fitContent,\n  [variant]: variant,\n  'with-highlight': withHighlight,\n}));\n\nconst WrapperContent = aggregatedClasses('div')(`${blockName}-content`);\nconst WrapperContentGroup = aggregatedClasses('fieldset')(`${blockName}-content`);\n\nconst DSFormItemLayout = ({\n  leftLabel,\n  floatingLabel,\n  name,\n  id,\n  value,\n  inputComponent: InputComponent,\n  labelComponent: LabelComponent,\n  feedbackComponent: FeedbackComponent,\n  labelText,\n  truncateText,\n  hasError,\n  // orientation = 'vertical', // one of [ vertical, horizontal ]\n  validationState, // one of [ success, error, warning ]\n  validationMessage,\n  feedbackMessage,\n  readOnly,\n  focused,\n  type,\n  autoFocus,\n  disabled,\n  onChange,\n  onBlur,\n  onFocus,\n  onPaste,\n  onKeyUp,\n  extraInputProps,\n  extraContent,\n  leftAddon,\n  rightAddon,\n  required,\n  optional,\n  mask,\n  useSubfix,\n  suffix,\n  variant,\n  fitContent,\n  withHighlight,\n  containerProps,\n  ...rest\n}) => {\n  const isGroup = InputComponent.type === (<Group />).type;\n  const floatingLabelOverride = floatingLabel === 'UNSAFE';\n  const WrapperContentComp = !isGroup ? WrapperContent : WrapperContentGroup;\n\n  // group the input props to not duplicate it inside the specific inputComponent (floating or not)\n  const inputProps = {\n    ...extraInputProps,\n    disabled,\n    hasError: hasError || validationState === 'error',\n    id,\n    name,\n    type,\n    autoFocus,\n    onBlur,\n    onChange,\n    onFocus,\n    onPaste,\n    onKeyUp,\n    readOnly,\n    value,\n    mask,\n    useSubfix,\n    variant,\n    required,\n    ...rest,\n  };\n\n  const renderInput = (Input) =>\n    leftAddon || rightAddon ? (\n      <DSInputGroup leftAddon={leftAddon} rightAddon={rightAddon} variant={variant}>\n        {Input}\n      </DSInputGroup>\n    ) : (\n      Input\n    );\n\n  const renderFloating = (\n    <DSFloatingLabelInput\n      {...inputProps}\n      extraInputProps={extraInputProps}\n      focused={focused}\n      inputComponent={InputComponent}\n      labelComponent={LabelComponent}\n      labelText={labelText}\n      optional={optional}\n      required={required}\n      variant={variant}\n    />\n  );\n\n  const InputWithLabel = floatingLabelOverride ? (\n    renderInput(renderFloating)\n  ) : (\n    <>\n      <LabelComponent\n        htmlFor={id || name}\n        label={labelText}\n        optional={optional}\n        required={required}\n        isGroup={isGroup}\n        truncateText={truncateText}\n      />\n      {renderInput(getComponentFromProps(InputComponent, inputProps))}\n    </>\n  );\n\n  if (suffix) {\n    return (\n      <Wrapper\n        classProps={{\n          disabled,\n          readOnly,\n          hasError,\n          leftLabel,\n          variant,\n          fitContent,\n          withHighlight,\n        }}\n        {...containerProps}\n      >\n        <SuffixWrapper className=\"suffix-wrapper\">\n          <SuffixInputWrapper className=\"suffix-input-wrapper\">\n            <WrapperContentComp>\n              {InputWithLabel}\n              {extraContent}\n            </WrapperContentComp>\n            <FeedbackComponent\n              hasError={hasError}\n              text={validationState || hasError ? validationMessage : feedbackMessage}\n            />\n          </SuffixInputWrapper>\n          <Suffix\n            className=\"suffix-label\"\n            label={!!labelText}\n            withFeedback={Boolean(validationMessage || feedbackMessage)}\n          >\n            {suffix}\n          </Suffix>\n        </SuffixWrapper>\n      </Wrapper>\n    );\n  }\n\n  return (\n    <Wrapper\n      classProps={{\n        disabled,\n        readOnly,\n        hasError,\n        leftLabel,\n        variant,\n        fitContent,\n        withHighlight,\n      }}\n      {...containerProps}\n    >\n      <WrapperContentComp>\n        {InputWithLabel}\n        {extraContent}\n      </WrapperContentComp>\n      <FeedbackComponent hasError={hasError} text={validationState || hasError ? validationMessage : feedbackMessage} />\n    </Wrapper>\n  );\n};\n\nDSFormItemLayout.propTypes = props;\nDSFormItemLayout.defaultProps = defaultProps;\nDSFormItemLayout.displayName = 'DSFormItemLayout';\nconst DSFormItemLayoutWithSchema = describe(DSFormItemLayout);\nDSFormItemLayoutWithSchema.propTypes = props;\n\nexport default DSFormItemLayout;\nexport { DSFormItemLayoutWithSchema, DSFormItemLayout };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/FormItem/Error/DSError.js

@@ -27,7 +27,7 @@ __export(DSError_exports, {
 module.exports = __toCommonJS(DSError_exports);
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
+var import_ds_utilities = require("@elliemae/ds-utilities");
 const DSError = ({ hasError = false, errorText = "Error" }) => {
   if (!hasError)
     return null;
@@ -36,12 +36,12 @@ const DSError = ({ hasError = false, errorText = "Error" }) => {
   }, errorText);
 };
 const props = {
-  hasError: import_react_desc.PropTypes.bool.description("error state"),
-  errorText: import_react_desc.PropTypes.string.description("error label text")
+  hasError: import_ds_utilities.PropTypes.bool.description("error state"),
+  errorText: import_ds_utilities.PropTypes.string.description("error label text")
 };
 DSError.propTypes = props;
 DSError.displayName = "DSError";
-const DSErrorWithSchema = (0, import_react_desc.describe)(DSError);
+const DSErrorWithSchema = (0, import_ds_utilities.describe)(DSError);
 DSErrorWithSchema.propTypes = props;
 var DSError_default = DSError;
 //# sourceMappingURL=DSError.js.map