npm - @elliemae/ds-form - Versions diffs - 3.1.0-next.2 → 3.1.0-next.20 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (389) hide show

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

@@ -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 CHANGED Viewed

@@ -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

package/dist/cjs/FormItem/Error/DSError.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/FormItem/Error/DSError.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\n\nconst DSError = ({ hasError = false, errorText = 'Error' }) => {\n  if (!hasError) return null;\n  return <div className=\"em-ds-error\">{errorText}</div>;\n};\n\nconst props = {\n  /** error state */\n  hasError: PropTypes.bool.description('error state'),\n  /** error label text */\n  errorText: PropTypes.string.description('error label text'),\n};\n\nDSError.propTypes = props;\nDSError.displayName = 'DSError';\nconst DSErrorWithSchema = describe(DSError);\n\nDSErrorWithSchema.propTypes = props;\n\nexport default DSError;\nexport { DSErrorWithSchema, DSError };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AAEpC,MAAM,UAAU,CAAC,EAAE,WAAW,OAAO,YAAY,cAAc;AAC7D,MAAI,CAAC;AAAU,WAAO;AACtB,SAAO,mDAAC;AAAA,IAAI,WAAU;AAAA,KAAe,SAAU;AACjD;AAEA,MAAM,QAAQ;AAAA,EAEZ,UAAU,4BAAU,KAAK,YAAY,aAAa;AAAA,EAElD,WAAW,4BAAU,OAAO,YAAY,kBAAkB;AAC5D;AAEA,QAAQ,YAAY;AACpB,QAAQ,cAAc;AACtB,MAAM,oBAAoB,gCAAS,OAAO;AAE1C,kBAAkB,YAAY;AAE9B,IAAO,kBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\n\nconst DSError = ({ hasError = false, errorText = 'Error' }) => {\n  if (!hasError) return null;\n  return <div className=\"em-ds-error\">{errorText}</div>;\n};\n\nconst props = {\n  /** error state */\n  hasError: PropTypes.bool.description('error state'),\n  /** error label text */\n  errorText: PropTypes.string.description('error label text'),\n};\n\nDSError.propTypes = props;\nDSError.displayName = 'DSError';\nconst DSErrorWithSchema = describe(DSError);\n\nDSErrorWithSchema.propTypes = props;\n\nexport default DSError;\nexport { DSErrorWithSchema, DSError };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAAoC;AAEpC,MAAM,UAAU,CAAC,EAAE,WAAW,OAAO,YAAY,cAAc;AAC7D,MAAI,CAAC;AAAU,WAAO;AACtB,SAAO,mDAAC;AAAA,IAAI,WAAU;AAAA,KAAe,SAAU;AACjD;AAEA,MAAM,QAAQ;AAAA,EAEZ,UAAU,8BAAU,KAAK,YAAY,aAAa;AAAA,EAElD,WAAW,8BAAU,OAAO,YAAY,kBAAkB;AAC5D;AAEA,QAAQ,YAAY;AACpB,QAAQ,cAAc;AACtB,MAAM,oBAAoB,kCAAS,OAAO;AAE1C,kBAAkB,YAAY;AAE9B,IAAO,kBAAQ;",
   "names": []
 }

package/dist/cjs/FormItem/Suffix/Suffix.js CHANGED Viewed

@@ -27,8 +27,8 @@ __export(Suffix_exports, {
 });
 module.exports = __toCommonJS(Suffix_exports);
 var React = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-const Suffix = import_styled_components.default.div`
+var import_ds_system = require("@elliemae/ds-system");
+const Suffix = import_ds_system.styled.div`
   height: 2.16rem;
   align-items: center;
   display: flex;
@@ -45,11 +45,11 @@ const Suffix = import_styled_components.default.div`
   }
 }}
 `;
-const SuffixInputWrapper = import_styled_components.default.div`
+const SuffixInputWrapper = import_ds_system.styled.div`
   padding-right: 0.32rem;
   flex: 1;
 `;
-const SuffixWrapper = import_styled_components.default.div`
+const SuffixWrapper = import_ds_system.styled.div`
   display: flex;
   align-items: center;
 `;

package/dist/cjs/FormItem/Suffix/Suffix.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/FormItem/Suffix/Suffix.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable consistent-return */\nimport styled from 'styled-components';\n\nexport const Suffix = styled.div`\n  height: 2.16rem;\n  align-items: center;\n  display: flex;\n  ${props => {\n    if (props.label && !props.withFeedback) {\n      return `\n      padding-top: 1.2rem;\n      `;\n    }\n    if (!props.label && !props.withFeedback) {\n      return `\n      padding-top: 1rem;\n      `;\n    }\n  }}\n`;\n\nexport const SuffixInputWrapper = styled.div`\n  padding-right: 0.32rem;\n  flex: 1;\n`;\nexport const SuffixWrapper = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nexport default Suffix;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,+BAAmB;AAEZ,MAAM,SAAS,iCAAO;AAAA;AAAA;AAAA;AAAA,IAIzB,WAAS;AACT,MAAI,MAAM,SAAS,CAAC,MAAM,cAAc;AACtC,WAAO;AAAA;AAAA;AAAA,EAGT;AACA,MAAI,CAAC,MAAM,SAAS,CAAC,MAAM,cAAc;AACvC,WAAO;AAAA;AAAA;AAAA,EAGT;AACF;AAAA;AAGK,MAAM,qBAAqB,iCAAO;AAAA;AAAA;AAAA;AAIlC,MAAM,gBAAgB,iCAAO;AAAA;AAAA;AAAA;AAKpC,IAAO,iBAAQ;",
+  "sourcesContent": ["/* eslint-disable consistent-return */\nimport { styled } from '@elliemae/ds-system';\n\nexport const Suffix = styled.div`\n  height: 2.16rem;\n  align-items: center;\n  display: flex;\n  ${props => {\n    if (props.label && !props.withFeedback) {\n      return `\n      padding-top: 1.2rem;\n      `;\n    }\n    if (!props.label && !props.withFeedback) {\n      return `\n      padding-top: 1rem;\n      `;\n    }\n  }}\n`;\n\nexport const SuffixInputWrapper = styled.div`\n  padding-right: 0.32rem;\n  flex: 1;\n`;\nexport const SuffixWrapper = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nexport default Suffix;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,uBAAuB;AAEhB,MAAM,SAAS,wBAAO;AAAA;AAAA;AAAA;AAAA,IAIzB,WAAS;AACT,MAAI,MAAM,SAAS,CAAC,MAAM,cAAc;AACtC,WAAO;AAAA;AAAA;AAAA,EAGT;AACA,MAAI,CAAC,MAAM,SAAS,CAAC,MAAM,cAAc;AACvC,WAAO;AAAA;AAAA;AAAA,EAGT;AACF;AAAA;AAGK,MAAM,qBAAqB,wBAAO;AAAA;AAAA;AAAA;AAIlC,MAAM,gBAAgB,wBAAO;AAAA;AAAA;AAAA;AAKpC,IAAO,iBAAQ;",
   "names": []
 }

package/dist/cjs/FormItem/ValidationFieldWrapper.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/FormItem/ValidationFieldWrapper.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { Component } from 'react';\n\nexport default class ValidationFieldWrapper extends Component {\n  static defaultProps = {\n    validateOnBlur: false,\n    validateOnChange: false,\n    name: '', // name in context of the form\n    value: '',\n    validate: () => null,\n    onChange: () => null,\n    onBlur: () => null,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      value: props.value,\n    };\n  }\n\n  componentDidMount() {\n    const { value } = this.state;\n    this.executeValidations(value);\n  }\n\n  static getDerivedStateFromProps(nextProps, prevState) {\n    const { value } = nextProps;\n    if (value === prevState.value) return null;\n    return {\n      ...prevState,\n      value,\n    };\n  }\n\n  handleChange = (e) => {\n    const { onChange } = this.props;\n    this.setState({ value: e.target.value });\n    if (onChange) onChange(e);\n  }\n\n  handleBlur = (e) => {\n    const { onBlur, validateOnBlur } = this.props;\n    const { value } = this.state;\n    if (validateOnBlur) this.executeValidations(value);\n    onBlur(e);\n  }\n\n  executeValidations = (value) => {\n    const { validations } = this.props;\n    if (validations && Array.isArray(validations)) {\n      if (\n        !validations.some(validation => {\n          const { error, payload } = validation({ value });\n          if (error)\n            this.setState({ validationMessage: payload, state: error });\n          return error;\n        })\n      ) {\n        this.setState({ hasError: false });\n      }\n    }\n  }\n\n  render() {\n    const { children } = this.props;\n    const { value, validationMessage, validationState, hasError } = this.state;\n    return children({\n      value,\n      validationMessage,\n      validationState,\n      hasError,\n      onChange: this.handleChange,\n      onBlur: this.handleBlur,\n    });\n  }\n}\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA0B;AAE1B,MAAO,+BAA6C,uBAAU;AAAA,EAW5D,YAAY,OAAO;AACjB,UAAM,KAAK;AAoBb,wBAAe,CAAC,MAAM;AACpB,YAAM,EAAE,aAAa,KAAK;AAC1B,WAAK,SAAS,EAAE,OAAO,EAAE,OAAO,MAAM,CAAC;AACvC,UAAI;AAAU,iBAAS,CAAC;AAAA,IAC1B;AAEA,sBAAa,CAAC,MAAM;AAClB,YAAM,EAAE,QAAQ,mBAAmB,KAAK;AACxC,YAAM,EAAE,UAAU,KAAK;AACvB,UAAI;AAAgB,aAAK,mBAAmB,KAAK;AACjD,aAAO,CAAC;AAAA,IACV;AAEA,8BAAqB,CAAC,UAAU;AAC9B,YAAM,EAAE,gBAAgB,KAAK;AAC7B,UAAI,eAAe,MAAM,QAAQ,WAAW,GAAG;AAC7C,YACE,CAAC,YAAY,KAAK,gBAAc;AAC9B,gBAAM,EAAE,OAAO,YAAY,WAAW,EAAE,MAAM,CAAC;AAC/C,cAAI;AACF,iBAAK,SAAS,EAAE,mBAAmB,SAAS,OAAO,MAAM,CAAC;AAC5D,iBAAO;AAAA,QACT,CAAC,GACD;AACA,eAAK,SAAS,EAAE,UAAU,MAAM,CAAC;AAAA,QACnC;AAAA,MACF;AAAA,IACF;AA9CE,SAAK,QAAQ;AAAA,MACX,OAAO,MAAM;AAAA,IACf;AAAA,EACF;AAAA,EAEA,oBAAoB;AAClB,UAAM,EAAE,UAAU,KAAK;AACvB,SAAK,mBAAmB,KAAK;AAAA,EAC/B;AAAA,SAEO,yBAAyB,WAAW,WAAW;AACpD,UAAM,EAAE,UAAU;AAClB,QAAI,UAAU,UAAU;AAAO,aAAO;AACtC,WAAO,iCACF,YADE;AAAA,MAEL;AAAA,IACF;AAAA,EACF;AAAA,EA+BA,SAAS;AACP,UAAM,EAAE,aAAa,KAAK;AAC1B,UAAM,EAAE,OAAO,mBAAmB,iBAAiB,aAAa,KAAK;AACrE,WAAO,SAAS;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU,KAAK;AAAA,MACf,QAAQ,KAAK;AAAA,IACf,CAAC;AAAA,EACH;AACF;AAxES,AADT,uBACS,eAAe;AAAA,EACpB,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU,MAAM;AAAA,EAChB,UAAU,MAAM;AAAA,EAChB,QAAQ,MAAM;AAChB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA0B;AAE1B,MAAO,+BAA6C,uBAAU;AAAA,EAW5D,YAAY,OAAO;AACjB,UAAM,KAAK;AAoBb,wBAAe,CAAC,MAAM;AACpB,YAAM,EAAE,aAAa,KAAK;AAC1B,WAAK,SAAS,EAAE,OAAO,EAAE,OAAO,MAAM,CAAC;AACvC,UAAI;AAAU,iBAAS,CAAC;AAAA,IAC1B;AAEA,sBAAa,CAAC,MAAM;AAClB,YAAM,EAAE,QAAQ,mBAAmB,KAAK;AACxC,YAAM,EAAE,UAAU,KAAK;AACvB,UAAI;AAAgB,aAAK,mBAAmB,KAAK;AACjD,aAAO,CAAC;AAAA,IACV;AAEA,8BAAqB,CAAC,UAAU;AAC9B,YAAM,EAAE,gBAAgB,KAAK;AAC7B,UAAI,eAAe,MAAM,QAAQ,WAAW,GAAG;AAC7C,YACE,CAAC,YAAY,KAAK,gBAAc;AAC9B,gBAAM,EAAE,OAAO,YAAY,WAAW,EAAE,MAAM,CAAC;AAC/C,cAAI;AACF,iBAAK,SAAS,EAAE,mBAAmB,SAAS,OAAO,MAAM,CAAC;AAC5D,iBAAO;AAAA,QACT,CAAC,GACD;AACA,eAAK,SAAS,EAAE,UAAU,MAAM,CAAC;AAAA,QACnC;AAAA,MACF;AAAA,IACF;AA9CE,SAAK,QAAQ;AAAA,MACX,OAAO,MAAM;AAAA,IACf;AAAA,EACF;AAAA,EAEA,oBAAoB;AAClB,UAAM,EAAE,UAAU,KAAK;AACvB,SAAK,mBAAmB,KAAK;AAAA,EAC/B;AAAA,EAEA,OAAO,yBAAyB,WAAW,WAAW;AACpD,UAAM,EAAE,UAAU;AAClB,QAAI,UAAU,UAAU;AAAO,aAAO;AACtC,WAAO,iCACF,YADE;AAAA,MAEL;AAAA,IACF;AAAA,EACF;AAAA,EA+BA,SAAS;AACP,UAAM,EAAE,aAAa,KAAK;AAC1B,UAAM,EAAE,OAAO,mBAAmB,iBAAiB,aAAa,KAAK;AACrE,WAAO,SAAS;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU,KAAK;AAAA,MACf,QAAQ,KAAK;AAAA,IACf,CAAC;AAAA,EACH;AACF;AAxEE,AADmB,uBACZ,eAAe;AAAA,EACpB,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU,MAAM;AAAA,EAChB,UAAU,MAAM;AAAA,EAChB,QAAQ,MAAM;AAChB;",
   "names": []
 }

package/dist/cjs/FormItem/props.js CHANGED Viewed

@@ -24,50 +24,52 @@ __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_variants = require("./variants");
 const props = {
-  containerProps: import_react_desc.PropTypes.object.description("props to inject to form item layout wrapper"),
-  disableTooltip: import_react_desc.PropTypes.bool.description("Whether to show a tooltip or not when text does not fit").defaultValue(true),
-  leftLabel: import_react_desc.PropTypes.bool.description("position label on the left"),
-  floatingLabel: import_react_desc.PropTypes.bool.description("turn on floating label"),
-  id: import_react_desc.PropTypes.string.description("id for form item layout"),
-  name: import_react_desc.PropTypes.string.description("html name prop for form tags"),
-  value: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.string, import_react_desc.PropTypes.number, import_react_desc.PropTypes.object]).description("form item layout element value"),
-  inputComponent: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.func, import_react_desc.PropTypes.element]).description("Any input component"),
-  isShowElipsisActive: import_react_desc.PropTypes.bool.description("Wheter to enable the ellipsis and tooltip functionality or not").defaultValue(true),
-  labelComponent: import_react_desc.PropTypes.func.description("Label component"),
-  feedbackComponent: import_react_desc.PropTypes.func.description("feedback component to embed on form item"),
-  labelText: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.string, import_react_desc.PropTypes.element]).description("label text"),
-  hasError: import_react_desc.PropTypes.bool.description("error state"),
-  fitContent: import_react_desc.PropTypes.bool.description("Adds fit content css property to the main container, making the layout width adapt to the input component"),
-  validationState: import_react_desc.PropTypes.oneOf(["success", "error", "warning"]).description("validation state"),
-  validationMessage: import_react_desc.PropTypes.string.description("validation message"),
-  feedbackMessage: import_react_desc.PropTypes.string.description("feedback message"),
-  readOnly: import_react_desc.PropTypes.bool.description("read only form item"),
-  focused: import_react_desc.PropTypes.bool.description("focused state"),
-  type: import_react_desc.PropTypes.string.description("input type"),
-  autoFocus: import_react_desc.PropTypes.bool.description("auto focus input"),
-  disabled: import_react_desc.PropTypes.bool.description("disabled state"),
-  onChange: import_react_desc.PropTypes.func.description("on change handler"),
-  onBlur: import_react_desc.PropTypes.func.description("on blur handler"),
-  extraInputProps: import_react_desc.PropTypes.object.description("extra input props to inject"),
-  extraContent: import_react_desc.PropTypes.element.description("extra content"),
-  leftAddon: import_react_desc.PropTypes.element.description("left addon for form item"),
-  rightAddon: import_react_desc.PropTypes.element.description("right addon for form item"),
-  required: import_react_desc.PropTypes.bool.description("add required mark"),
-  optional: import_react_desc.PropTypes.bool.description("add optional mark"),
-  onFocus: import_react_desc.PropTypes.func.description("on focus handler"),
-  onPaste: import_react_desc.PropTypes.func.description("on paste handler"),
-  truncateText: import_react_desc.PropTypes.bool.description("add truncation and ellipsis"),
-  onKeyUp: import_react_desc.PropTypes.func.description("on key up event handler"),
-  mask: import_react_desc.PropTypes.oneOfType([
-    import_react_desc.PropTypes.string,
-    import_react_desc.PropTypes.func
+  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("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("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
   ]).description("mask for input mask component"),
-  useSubfix: import_react_desc.PropTypes.string.description("add suffix to input"),
-  suffix: import_react_desc.PropTypes.string.description("suffix for input"),
-  variant: import_react_desc.PropTypes.oneOf([
+  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([
     import_variants.FORMITEM_LAYOUT_VARIANTS.DEFAULT,
     import_variants.FORMITEM_LAYOUT_VARIANTS.FOCUS,
     import_variants.FORMITEM_LAYOUT_VARIANTS.ACTIVE,
@@ -75,6 +77,6 @@ const props = {
     import_variants.FORMITEM_LAYOUT_VARIANTS.READ_ONLY,
     import_variants.FORMITEM_LAYOUT_VARIANTS.OPTIONAL
   ]).description("form item layout type"),
-  withHighlight: import_react_desc.PropTypes.bool.description("adds highlight style to the input component")
+  withHighlight: import_ds_utilities.PropTypes.bool.description("adds highlight style to the input component")
 };
 //# sourceMappingURL=props.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/FormItem/props.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { PropTypes } from 'react-desc';\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  ]).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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",
+  "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": "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",
   "names": []
 }

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

@@ -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 {\n      leftAddon,\n      rightAddon,\n      children: inputComponent,\n      className,\n      containerProps,\n    } = this.props;\n    const childType =\n      inputComponent && inputComponent.type && inputComponent.type.name\n        ? inputComponent.type.name.toLowerCase()\n        : 'default';\n    return (\n      <Container\n        className={`${className} ${blockName}--${childType}`}\n        {...containerProps}\n      >\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;ADAvB,mBAAiC;AACjC,2BAAkC;AAElC,MAAM,YAAY;AAElB,MAAM,YAAY,4CAAkB,KAAK,EAAE,SAAS;AACpD,MAAM,aAAa,4CAAkB,MAAM,EAAE,WAAW,OAAO;AAE/D,MAAM,qBAAqB,uBAAU;AAAA,EAArC;AAAA;AAGE,iBAAQ,CAAC;AAAA;AAAA,EAET,SAAS;AACP,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA;AAAA,QACE,KAAK;AACT,UAAM,YACJ,kBAAkB,eAAe,QAAQ,eAAe,KAAK,OACzD,eAAe,KAAK,KAAK,YAAY,IACrC;AACN,WACE,mDAAC;AAAA,MACC,WAAW,GAAG,aAAa,cAAc;AAAA,OACrC,iBAEH,aAAa,mDAAC,kBAAY,SAAU,GACpC,gBACA,cAAc,mDAAC,kBAAY,UAAW,CACzC;AAAA,EAEJ;AACF;AA3BS,AADT,aACS,eAAe,CAAC;AA8BzB,IAAO,uBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAiC;AACjC,2BAAkC;AAElC,MAAM,YAAY;AAElB,MAAM,YAAY,4CAAkB,KAAK,EAAE,SAAS;AACpD,MAAM,aAAa,4CAAkB,MAAM,EAAE,WAAW,OAAO;AAE/D,MAAM,qBAAqB,uBAAU;AAAA,EAArC;AAAA;AAGE,iBAAQ,CAAC;AAAA;AAAA,EAET,SAAS;AACP,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA;AAAA,QACE,KAAK;AACT,UAAM,YACJ,kBAAkB,eAAe,QAAQ,eAAe,KAAK,OACzD,eAAe,KAAK,KAAK,YAAY,IACrC;AACN,WACE,mDAAC;AAAA,MACC,WAAW,GAAG,aAAa,cAAc;AAAA,OACrC,iBAEH,aAAa,mDAAC,kBAAY,SAAU,GACpC,gBACA,cAAc,mDAAC,kBAAY,UAAW,CACzC;AAAA,EAEJ;AACF;AA3BE,AADI,aACG,eAAe,CAAC;AA8BzB,IAAO,uBAAQ;",
   "names": []
 }

package/dist/cjs/InputGroup/DSInputGroup.js CHANGED Viewed

@@ -27,7 +27,7 @@ __export(DSInputGroup_exports, {
 module.exports = __toCommonJS(DSInputGroup_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_AddonWrapper = require("./AddonWrapper");
 var import_props = require("./props");
 var import_defaultProps = require("./defaultProps");
@@ -50,7 +50,7 @@ const DSInputGroup = ({
 DSInputGroup.propTypes = import_props.props;
 DSInputGroup.defaultProps = import_defaultProps.defaultProps;
 DSInputGroup.displayName = "DSInputGroup";
-const DSInputGroupWithSchema = (0, import_react_desc.describe)(DSInputGroup);
+const DSInputGroupWithSchema = (0, import_ds_utilities.describe)(DSInputGroup);
 DSInputGroupWithSchema.propTypes = import_props.props;
 var DSInputGroup_default = DSInputGroup;
 //# sourceMappingURL=DSInputGroup.js.map

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

@@ -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 'react-desc';\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;ADAvB,mBAAkB;AAClB,wBAAyB;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,MAEV,mDAAC;AAAA,EACC,KAAK;AAAA,EACL;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,GAEC,eACH;AAGF,aAAa,YAAY;AACzB,aAAa,eAAe;AAC5B,aAAa,cAAc;AAC3B,MAAM,yBAAyB,gCAAS,YAAY;AAEpD,uBAAuB,YAAY;AAEnC,IAAO,uBAAQ;",
+  "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;ADAvB,mBAAkB;AAClB,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;AAAA,MAEV,mDAAC;AAAA,EACC,KAAK;AAAA,EACL;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,GAEC,eACH;AAGF,aAAa,YAAY;AACzB,aAAa,eAAe;AAC5B,aAAa,cAAc;AAC3B,MAAM,yBAAyB,kCAAS,YAAY;AAEpD,uBAAuB,YAAY;AAEnC,IAAO,uBAAQ;",
   "names": []
 }

package/dist/cjs/InputGroup/props.js CHANGED Viewed

@@ -24,17 +24,17 @@ __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.shape({}).description("props injected to wrapper of page header"),
-  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.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("inner ref for input group wrapper"),
-  className: import_react_desc.PropTypes.string.description("class for input group wrapper"),
-  style: import_react_desc.PropTypes.object.description("Set style for the input group"),
-  leftAddon: import_react_desc.PropTypes.element.description("Component to be added at the left side of the input"),
-  rightAddon: import_react_desc.PropTypes.element.description("Component to be added at the right side of the input"),
-  children: import_react_desc.PropTypes.element.description("Input components to show")
+  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")
 };
 //# sourceMappingURL=props.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/InputGroup/props.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { PropTypes } from 'react-desc';\n\nexport const props = {\n  /** props injected to wrapper of page header */\n  containerProps: PropTypes.shape({}).description(\n    'props injected to wrapper of page header',\n  ),\n  /** inner ref for input group wrapper */\n  innerRef: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.shape({ current: PropTypes.any }),\n  ]).description('inner ref for input group wrapper'),\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(\n    'Component to be added at the left side of the input',\n  ),\n  /**\n   * Component to be added at the right side of the input\n   */\n  rightAddon: PropTypes.element.description(\n    'Component to be added at the right side of the input',\n  ),\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,wBAA0B;AAEnB,MAAM,QAAQ;AAAA,EAEnB,gBAAgB,4BAAU,MAAM,CAAC,CAAC,EAAE,YAClC,0CACF;AAAA,EAEA,UAAU,4BAAU,UAAU;AAAA,IAC5B,4BAAU;AAAA,IACV,4BAAU,MAAM,EAAE,SAAS,4BAAU,IAAI,CAAC;AAAA,EAC5C,CAAC,EAAE,YAAY,mCAAmC;AAAA,EAElD,WAAW,4BAAU,OAAO,YAAY,+BAA+B;AAAA,EAIvE,OAAO,4BAAU,OAAO,YAAY,+BAA+B;AAAA,EAInE,WAAW,4BAAU,QAAQ,YAC3B,qDACF;AAAA,EAIA,YAAY,4BAAU,QAAQ,YAC5B,sDACF;AAAA,EAIA,UAAU,4BAAU,QAAQ,YAAY,0BAA0B;AACpE;",
+  "sourcesContent": ["import { PropTypes } from '@elliemae/ds-utilities';\n\nexport const props = {\n  /** props injected to wrapper of page header */\n  containerProps: PropTypes.shape({}).description(\n    'props injected to wrapper of page header',\n  ),\n  /** inner ref for input group wrapper */\n  innerRef: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.shape({ current: PropTypes.any }),\n  ]).description('inner ref for input group wrapper'),\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(\n    'Component to be added at the left side of the input',\n  ),\n  /**\n   * Component to be added at the right side of the input\n   */\n  rightAddon: PropTypes.element.description(\n    'Component to be added at the right side of the input',\n  ),\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,YAClC,0CACF;AAAA,EAEA,UAAU,8BAAU,UAAU;AAAA,IAC5B,8BAAU;AAAA,IACV,8BAAU,MAAM,EAAE,SAAS,8BAAU,IAAI,CAAC;AAAA,EAC5C,CAAC,EAAE,YAAY,mCAAmC;AAAA,EAElD,WAAW,8BAAU,OAAO,YAAY,+BAA+B;AAAA,EAIvE,OAAO,8BAAU,OAAO,YAAY,+BAA+B;AAAA,EAInE,WAAW,8BAAU,QAAQ,YAC3B,qDACF;AAAA,EAIA,YAAY,8BAAU,QAAQ,YAC5B,sDACF;AAAA,EAIA,UAAU,8BAAU,QAAQ,YAAY,0BAA0B;AACpE;",
   "names": []
 }

package/dist/cjs/InputMask/DSInputMask.js CHANGED Viewed

@@ -58,7 +58,7 @@ __export(DSInputMask_exports, {
 module.exports = __toCommonJS(DSInputMask_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_MaskTypes = require("./MaskTypes");
 var import_MaskPipes = require("./MaskPipes");
 var import_DSInputMaskDeprecated = require("./DSInputMaskDeprecated");
@@ -157,7 +157,7 @@ const DSInputMask = (_a) => {
 DSInputMask.propTypes = import_props.inputProps;
 DSInputMask.defaultProps = import_defaultProps.defaultProps;
 DSInputMask.displayName = "DSInputMask";
-const DSInputMaskWithSchema = (0, import_react_desc.describe)(DSInputMask).description("Masking input for custom formats");
+const DSInputMaskWithSchema = (0, import_ds_utilities.describe)(DSInputMask).description("Masking input for custom formats");
 DSInputMaskWithSchema.propTypes = import_props.inputProps;
 var DSInputMask_default = DSInputMask;
 //# sourceMappingURL=DSInputMask.js.map

package/dist/cjs/InputMask/DSInputMask.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/InputMask/DSInputMask.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { describe } from 'react-desc';\nimport { MASK_TYPES } from './MaskTypes';\nimport { MASK_PIPES } from './MaskPipes';\nimport { DSInputMaskDeprecated } from './DSInputMaskDeprecated';\nimport { inputProps } from './props';\nimport { defaultProps } from './defaultProps';\nimport { OutOfTheBoxMaskTypes } from './mask_types';\n\nconst isStringMask = (mask: any) => typeof mask === 'string';\n\nconst isObjectMask = (mask: any) => typeof mask === 'object' && mask.type;\n\nconst getRawMask = (mask: any, rawValue: string) =>\n  typeof mask === 'function' ? mask(rawValue) : mask;\n\nconst getValueFromEventOrString = (e: any): string => {\n  let value = e;\n  if (e && e.target) {\n    const {\n      target: { value: eValue },\n    } = e;\n    value = eValue;\n  }\n  return value;\n};\n\nconst DSInputMask = ({\n  'aria-label': ariaLabel = 'Input Mask',\n  autoFocus,\n  innerRef,\n  mask,\n  pipe,\n  value: valueOrEvent,\n  ...rest\n}) => {\n  const [rawValue, setRawValue] = useState(\n    getValueFromEventOrString(valueOrEvent),\n  );\n\n  useEffect(() => {\n    setRawValue(getValueFromEventOrString(valueOrEvent));\n  }, [valueOrEvent]);\n\n  const [rawMask, setRawMask] = useState<any>(getRawMask(mask, rawValue));\n\n  const [focus, setFocus] = useState(autoFocus);\n\n  const [lastkey, setLastkey] = useState<{ code: number; key: string }>({\n    code: null,\n    key: null,\n  });\n\n  const [cursorPosition, setCursorPosition] = useState({ current: 0 });\n\n  const handleSetMask = useCallback(\n    (newValue) => {\n      setRawMask(getRawMask(mask, newValue));\n    },\n    [mask],\n  );\n\n  if (!pipe && isStringMask(rawMask)) {\n    return OutOfTheBoxMaskTypes[rawMask]({\n      ...rest,\n      'aria-label': ariaLabel,\n      innerRef,\n      value: rawValue,\n      focus,\n      setFocus,\n      setRawMask: handleSetMask,\n      cursorPosition,\n      setCursorPosition,\n      lastkey,\n      setLastkey,\n      setRawValue,\n    });\n  }\n\n  if (!pipe && isObjectMask(rawMask)) {\n    // we should change rawMask.type to rawMask.maskType\n    // to avoid override standard props\n    return OutOfTheBoxMaskTypes[rawMask.type]({\n      ...rawMask,\n      ...rest,\n      'aria-label': ariaLabel,\n      innerRef,\n      value: rawValue,\n      focus,\n      setFocus,\n      setRawMask: handleSetMask,\n      cursorPosition,\n      setCursorPosition,\n      lastkey,\n      setLastkey,\n      setRawValue,\n    });\n  }\n\n  const getDeprecatedMask = () => {\n    if (mask === MASK_TYPES.DATE) return MASK_TYPES.DATE_DEPRECATED;\n    if (mask === MASK_TYPES.DATE_TIME) return MASK_TYPES.DATE_TIME_DEPRECATED;\n    return mask;\n  };\n  return (\n    <DSInputMaskDeprecated\n      {...rest}\n      aria-label={ariaLabel}\n      autoFocus={autoFocus}\n      innerRef={innerRef}\n      mask={getDeprecatedMask()}\n      pipe={pipe}\n      value={rawValue}\n    />\n  );\n};\n\nDSInputMask.propTypes = inputProps;\nDSInputMask.defaultProps = defaultProps;\nDSInputMask.displayName = 'DSInputMask';\nconst DSInputMaskWithSchema = describe(DSInputMask).description(\n  'Masking input for custom formats',\n);\nDSInputMaskWithSchema.propTypes = inputProps;\n\nexport { MASK_TYPES, MASK_PIPES, DSInputMaskWithSchema, DSInputMask };\nexport default DSInputMask;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAwD;AACxD,wBAAyB;AACzB,uBAA2B;AAC3B,uBAA2B;AAC3B,mCAAsC;AACtC,mBAA2B;AAC3B,0BAA6B;AAC7B,wBAAqC;AAErC,MAAM,eAAe,CAAC,SAAc,OAAO,SAAS;AAEpD,MAAM,eAAe,CAAC,SAAc,OAAO,SAAS,YAAY,KAAK;AAErE,MAAM,aAAa,CAAC,MAAW,aAC7B,OAAO,SAAS,aAAa,KAAK,QAAQ,IAAI;AAEhD,MAAM,4BAA4B,CAAC,MAAmB;AACpD,MAAI,QAAQ;AACZ,MAAI,KAAK,EAAE,QAAQ;AACjB,UAAM;AAAA,MACJ,QAAQ,EAAE,OAAO;AAAA,QACf;AACJ,YAAQ;AAAA,EACV;AACA,SAAO;AACT;AAEA,MAAM,cAAc,CAAC,OAQf;AARe,eACnB;AAAA,kBAAc,YAAY;AAAA,IAC1B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,MANY,IAOhB,iBAPgB,IAOhB;AAAA,IANH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,CAAC,UAAU,eAAe,2BAC9B,0BAA0B,YAAY,CACxC;AAEA,8BAAU,MAAM;AACd,gBAAY,0BAA0B,YAAY,CAAC;AAAA,EACrD,GAAG,CAAC,YAAY,CAAC;AAEjB,QAAM,CAAC,SAAS,cAAc,2BAAc,WAAW,MAAM,QAAQ,CAAC;AAEtE,QAAM,CAAC,OAAO,YAAY,2BAAS,SAAS;AAE5C,QAAM,CAAC,SAAS,cAAc,2BAAwC;AAAA,IACpE,MAAM;AAAA,IACN,KAAK;AAAA,EACP,CAAC;AAED,QAAM,CAAC,gBAAgB,qBAAqB,2BAAS,EAAE,SAAS,EAAE,CAAC;AAEnE,QAAM,gBAAgB,8BACpB,CAAC,aAAa;AACZ,eAAW,WAAW,MAAM,QAAQ,CAAC;AAAA,EACvC,GACA,CAAC,IAAI,CACP;AAEA,MAAI,CAAC,QAAQ,aAAa,OAAO,GAAG;AAClC,WAAO,uCAAqB,SAAS,iCAChC,OADgC;AAAA,MAEnC,cAAc;AAAA,MACd;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,EAAC;AAAA,EACH;AAEA,MAAI,CAAC,QAAQ,aAAa,OAAO,GAAG;AAGlC,WAAO,uCAAqB,QAAQ,MAAM,gDACrC,UACA,OAFqC;AAAA,MAGxC,cAAc;AAAA,MACd;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,EAAC;AAAA,EACH;AAEA,QAAM,oBAAoB,MAAM;AAC9B,QAAI,SAAS,4BAAW;AAAM,aAAO,4BAAW;AAChD,QAAI,SAAS,4BAAW;AAAW,aAAO,4BAAW;AACrD,WAAO;AAAA,EACT;AACA,SACE,mDAAC,qFACK,OADL;AAAA,IAEC,cAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,MAAM,kBAAkB;AAAA,IACxB;AAAA,IACA,OAAO;AAAA,IACT;AAEJ;AAEA,YAAY,YAAY;AACxB,YAAY,eAAe;AAC3B,YAAY,cAAc;AAC1B,MAAM,wBAAwB,gCAAS,WAAW,EAAE,YAClD,kCACF;AACA,sBAAsB,YAAY;AAGlC,IAAO,sBAAQ;",
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { MASK_TYPES } from './MaskTypes';\nimport { MASK_PIPES } from './MaskPipes';\nimport { DSInputMaskDeprecated } from './DSInputMaskDeprecated';\nimport { inputProps } from './props';\nimport { defaultProps } from './defaultProps';\nimport { OutOfTheBoxMaskTypes } from './mask_types';\n\nconst isStringMask = (mask: any) => typeof mask === 'string';\n\nconst isObjectMask = (mask: any) => typeof mask === 'object' && mask.type;\n\nconst getRawMask = (mask: any, rawValue: string) =>\n  typeof mask === 'function' ? mask(rawValue) : mask;\n\nconst getValueFromEventOrString = (e: any): string => {\n  let value = e;\n  if (e && e.target) {\n    const {\n      target: { value: eValue },\n    } = e;\n    value = eValue;\n  }\n  return value;\n};\n\nconst DSInputMask = ({\n  'aria-label': ariaLabel = 'Input Mask',\n  autoFocus,\n  innerRef,\n  mask,\n  pipe,\n  value: valueOrEvent,\n  ...rest\n}) => {\n  const [rawValue, setRawValue] = useState(\n    getValueFromEventOrString(valueOrEvent),\n  );\n\n  useEffect(() => {\n    setRawValue(getValueFromEventOrString(valueOrEvent));\n  }, [valueOrEvent]);\n\n  const [rawMask, setRawMask] = useState<any>(getRawMask(mask, rawValue));\n\n  const [focus, setFocus] = useState(autoFocus);\n\n  const [lastkey, setLastkey] = useState<{ code: number; key: string }>({\n    code: null,\n    key: null,\n  });\n\n  const [cursorPosition, setCursorPosition] = useState({ current: 0 });\n\n  const handleSetMask = useCallback(\n    (newValue) => {\n      setRawMask(getRawMask(mask, newValue));\n    },\n    [mask],\n  );\n\n  if (!pipe && isStringMask(rawMask)) {\n    return OutOfTheBoxMaskTypes[rawMask]({\n      ...rest,\n      'aria-label': ariaLabel,\n      innerRef,\n      value: rawValue,\n      focus,\n      setFocus,\n      setRawMask: handleSetMask,\n      cursorPosition,\n      setCursorPosition,\n      lastkey,\n      setLastkey,\n      setRawValue,\n    });\n  }\n\n  if (!pipe && isObjectMask(rawMask)) {\n    // we should change rawMask.type to rawMask.maskType\n    // to avoid override standard props\n    return OutOfTheBoxMaskTypes[rawMask.type]({\n      ...rawMask,\n      ...rest,\n      'aria-label': ariaLabel,\n      innerRef,\n      value: rawValue,\n      focus,\n      setFocus,\n      setRawMask: handleSetMask,\n      cursorPosition,\n      setCursorPosition,\n      lastkey,\n      setLastkey,\n      setRawValue,\n    });\n  }\n\n  const getDeprecatedMask = () => {\n    if (mask === MASK_TYPES.DATE) return MASK_TYPES.DATE_DEPRECATED;\n    if (mask === MASK_TYPES.DATE_TIME) return MASK_TYPES.DATE_TIME_DEPRECATED;\n    return mask;\n  };\n  return (\n    <DSInputMaskDeprecated\n      {...rest}\n      aria-label={ariaLabel}\n      autoFocus={autoFocus}\n      innerRef={innerRef}\n      mask={getDeprecatedMask()}\n      pipe={pipe}\n      value={rawValue}\n    />\n  );\n};\n\nDSInputMask.propTypes = inputProps;\nDSInputMask.defaultProps = defaultProps;\nDSInputMask.displayName = 'DSInputMask';\nconst DSInputMaskWithSchema = describe(DSInputMask).description(\n  'Masking input for custom formats',\n);\nDSInputMaskWithSchema.propTypes = inputProps;\n\nexport { MASK_TYPES, MASK_PIPES, DSInputMaskWithSchema, DSInputMask };\nexport default DSInputMask;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAwD;AACxD,0BAAyB;AACzB,uBAA2B;AAC3B,uBAA2B;AAC3B,mCAAsC;AACtC,mBAA2B;AAC3B,0BAA6B;AAC7B,wBAAqC;AAErC,MAAM,eAAe,CAAC,SAAc,OAAO,SAAS;AAEpD,MAAM,eAAe,CAAC,SAAc,OAAO,SAAS,YAAY,KAAK;AAErE,MAAM,aAAa,CAAC,MAAW,aAC7B,OAAO,SAAS,aAAa,KAAK,QAAQ,IAAI;AAEhD,MAAM,4BAA4B,CAAC,MAAmB;AACpD,MAAI,QAAQ;AACZ,MAAI,KAAK,EAAE,QAAQ;AACjB,UAAM;AAAA,MACJ,QAAQ,EAAE,OAAO;AAAA,QACf;AACJ,YAAQ;AAAA,EACV;AACA,SAAO;AACT;AAEA,MAAM,cAAc,CAAC,OAQf;AARe,eACnB;AAAA,kBAAc,YAAY;AAAA,IAC1B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,MANY,IAOhB,iBAPgB,IAOhB;AAAA,IANH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,CAAC,UAAU,eAAe,2BAC9B,0BAA0B,YAAY,CACxC;AAEA,8BAAU,MAAM;AACd,gBAAY,0BAA0B,YAAY,CAAC;AAAA,EACrD,GAAG,CAAC,YAAY,CAAC;AAEjB,QAAM,CAAC,SAAS,cAAc,2BAAc,WAAW,MAAM,QAAQ,CAAC;AAEtE,QAAM,CAAC,OAAO,YAAY,2BAAS,SAAS;AAE5C,QAAM,CAAC,SAAS,cAAc,2BAAwC;AAAA,IACpE,MAAM;AAAA,IACN,KAAK;AAAA,EACP,CAAC;AAED,QAAM,CAAC,gBAAgB,qBAAqB,2BAAS,EAAE,SAAS,EAAE,CAAC;AAEnE,QAAM,gBAAgB,8BACpB,CAAC,aAAa;AACZ,eAAW,WAAW,MAAM,QAAQ,CAAC;AAAA,EACvC,GACA,CAAC,IAAI,CACP;AAEA,MAAI,CAAC,QAAQ,aAAa,OAAO,GAAG;AAClC,WAAO,uCAAqB,SAAS,iCAChC,OADgC;AAAA,MAEnC,cAAc;AAAA,MACd;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,EAAC;AAAA,EACH;AAEA,MAAI,CAAC,QAAQ,aAAa,OAAO,GAAG;AAGlC,WAAO,uCAAqB,QAAQ,MAAM,gDACrC,UACA,OAFqC;AAAA,MAGxC,cAAc;AAAA,MACd;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,EAAC;AAAA,EACH;AAEA,QAAM,oBAAoB,MAAM;AAC9B,QAAI,SAAS,4BAAW;AAAM,aAAO,4BAAW;AAChD,QAAI,SAAS,4BAAW;AAAW,aAAO,4BAAW;AACrD,WAAO;AAAA,EACT;AACA,SACE,mDAAC,qFACK,OADL;AAAA,IAEC,cAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,MAAM,kBAAkB;AAAA,IACxB;AAAA,IACA,OAAO;AAAA,IACT;AAEJ;AAEA,YAAY,YAAY;AACxB,YAAY,eAAe;AAC3B,YAAY,cAAc;AAC1B,MAAM,wBAAwB,kCAAS,WAAW,EAAE,YAClD,kCACF;AACA,sBAAsB,YAAY;AAGlC,IAAO,sBAAQ;",
   "names": []
 }

package/dist/cjs/InputMask/mask_types/DateInputMask.js CHANGED Viewed

@@ -55,7 +55,6 @@ __export(DateInputMask_exports, {
 module.exports = __toCommonJS(DateInputMask_exports);
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
 var import_TextBox = require("../../TextBox");
 var import_setCaretPosition = require("../utils/setCaretPosition");
 const conformValue = (rawValue, cursorPos, lastkeycode) => {
@@ -231,40 +230,5 @@ const DateInputMask = (_a) => {
     value: maskedValue
   }));
 };
-DateInputMask.propTypes = {
-  focus: import_react_desc.PropTypes.bool,
-  setFocus: import_react_desc.PropTypes.func,
-  setRawMask: import_react_desc.PropTypes.func,
-  cursorPosition: import_react_desc.PropTypes.shape({ current: import_react_desc.PropTypes.number }),
-  setCursorPosition: import_react_desc.PropTypes.func,
-  lastkey: import_react_desc.PropTypes.shape({ code: import_react_desc.PropTypes.number, key: import_react_desc.PropTypes.string }),
-  setLastkey: import_react_desc.PropTypes.func,
-  setRawValue: import_react_desc.PropTypes.func,
-  style: import_react_desc.PropTypes.object,
-  disabled: import_react_desc.PropTypes.bool,
-  className: import_react_desc.PropTypes.string,
-  name: import_react_desc.PropTypes.string,
-  maxLength: import_react_desc.PropTypes.number,
-  minLength: import_react_desc.PropTypes.number,
-  fluidWidth: import_react_desc.PropTypes.bool,
-  placeholder: import_react_desc.PropTypes.string,
-  value: import_react_desc.PropTypes.string,
-  onChange: import_react_desc.PropTypes.func,
-  onKeyDown: import_react_desc.PropTypes.func,
-  leftComponent: import_react_desc.PropTypes.element,
-  rightComponent: import_react_desc.PropTypes.element,
-  onFocus: import_react_desc.PropTypes.func,
-  onBlur: import_react_desc.PropTypes.func,
-  onPaste: import_react_desc.PropTypes.func,
-  onKeyUp: import_react_desc.PropTypes.func,
-  hasError: import_react_desc.PropTypes.bool,
-  readOnly: import_react_desc.PropTypes.bool,
-  onClick: import_react_desc.PropTypes.func,
-  clearable: import_react_desc.PropTypes.bool,
-  type: import_react_desc.PropTypes.string,
-  innerRef: import_react_desc.PropTypes.any,
-  mask: import_react_desc.PropTypes.any,
-  placeholderChar: import_react_desc.PropTypes.string
-};
 var DateInputMask_default = DateInputMask;
 //# sourceMappingURL=DateInputMask.js.map

package/dist/cjs/InputMask/mask_types/DateInputMask.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/InputMask/mask_types/DateInputMask.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport React, { useCallback, useLayoutEffect, useRef, useState } from 'react';\nimport { PropTypes } from 'react-desc';\nimport { DSTextBox } from '../../TextBox';\nimport { TCharsToAdd } from '../types';\nimport { setCaretPosition } from '../utils/setCaretPosition';\n\nconst conformValue = (\n  rawValue: string,\n  cursorPos: number,\n  lastkeycode: number,\n) => {\n  const nextMaskedValue = rawValue\n    .split('')\n    .filter((char) => char >= '0' && char <= '9')\n    .slice(0, 8);\n\n  let maskedPos = 0;\n  for (let i = 0; i < cursorPos; i += 1) {\n    if (nextMaskedValue[maskedPos] === rawValue[i]) maskedPos += 1;\n  }\n\n  // list of [string to add, position to add]\n  const charactersToAdd: TCharsToAdd = [\n    ['/', 2],\n    ['/', 5],\n  ];\n\n  charactersToAdd.forEach(([chars, pos]) => {\n    if (nextMaskedValue.length > pos) {\n      nextMaskedValue.splice(pos, 0, chars);\n      if (maskedPos >= pos) maskedPos += chars.length;\n    }\n  });\n\n  if (lastkeycode !== 8 && maskedPos < nextMaskedValue.length) {\n    charactersToAdd.forEach(([chars, pos]) => {\n      if (maskedPos === pos) maskedPos += chars.length;\n    });\n  } else if (lastkeycode === 8 && maskedPos) {\n    charactersToAdd.forEach(([chars, pos]) => {\n      if (maskedPos === pos + 1) maskedPos -= chars.length;\n    });\n  }\n\n  return { nextMaskedValue: nextMaskedValue.join(''), maskedPos };\n};\n\nconst DateInputMask = ({\n  focus,\n  setFocus,\n  setRawMask,\n  cursorPosition,\n  setCursorPosition,\n  lastkey,\n  setLastkey,\n  setRawValue,\n  style,\n  disabled,\n  className,\n  name,\n  maxLength,\n  minLength,\n  fluidWidth,\n  placeholder,\n  onKeyDown,\n  onClick,\n  onChange,\n  onFocus,\n  onBlur,\n  onPaste,\n  onKeyUp,\n  hasError,\n  readOnly,\n  type,\n  innerRef,\n  clearable = false,\n  leftComponent,\n  rightComponent,\n  value,\n  ...rest\n}) => {\n  const inputRef = useRef();\n  const [maskedValue, setMaskedValue] = useState(value);\n\n  const conform = useCallback(\n    ({ rawValue, cursorPos, lastkeycode, shouldUpdateCursorPos = true }) => {\n      const { nextMaskedValue, maskedPos } = conformValue(\n        rawValue,\n        cursorPos,\n        lastkeycode,\n      );\n      const event = {\n        target: {\n          value: nextMaskedValue,\n          originalValue: rawValue,\n        },\n      };\n      if (onChange && nextMaskedValue !== maskedValue) onChange(event);\n\n      setMaskedValue(nextMaskedValue);\n      setRawValue(nextMaskedValue);\n\n      if (shouldUpdateCursorPos) setCursorPosition({ current: maskedPos });\n    },\n    [maskedValue, onChange],\n  );\n\n  const handleOnChange = useCallback(\n    (e) => {\n      const { value: rawValue, selectionEnd } = e.target;\n      setRawMask(rawValue);\n      setRawValue(rawValue);\n      setCursorPosition({ current: selectionEnd });\n      setFocus(true);\n    },\n    [setRawMask, setRawValue, setCursorPosition, setFocus, lastkey.code],\n  );\n\n  useLayoutEffect(() => {\n    if (focus) setCaretPosition(inputRef.current, cursorPosition.current);\n  }, [focus, cursorPosition]);\n\n  useLayoutEffect(() => {\n    // if the value changes, then re-conform the mask\n    conform({\n      rawValue: value,\n      cursorPos: cursorPosition.current,\n      lastkeycode: lastkey.code,\n      shouldUpdateCursorPos: focus,\n    });\n  }, [focus, value, cursorPosition.current]);\n\n  const handleKeyDown = useCallback(\n    (e) => {\n      e.stopPropagation();\n      setLastkey({ key: e.key, code: e.keyCode });\n      onKeyDown(e);\n    },\n    [onKeyDown],\n  );\n\n  const handleBlur = useCallback(\n    (e) => {\n      setFocus(false);\n      onBlur(e);\n    },\n    [onBlur],\n  );\n\n  return (\n    <DSTextBox\n      {...rest}\n      className={className}\n      clearable={clearable}\n      disabled={disabled}\n      fluidWidth={fluidWidth}\n      hasError={hasError}\n      innerRef={(ref) => {\n        inputRef.current = ref;\n        if (innerRef) innerRef(ref);\n      }}\n      isActive={focus}\n      leftComponent={leftComponent}\n      maxLength={maxLength}\n      minLength={minLength}\n      name={name}\n      onBlur={handleBlur}\n      onChange={handleOnChange}\n      onClick={onClick}\n      onFocus={onFocus}\n      onKeyDown={handleKeyDown}\n      onKeyUp={onKeyUp}\n      onPaste={onPaste}\n      placeholder={placeholder}\n      readOnly={readOnly}\n      rightComponent={rightComponent}\n      style={style}\n      type={type}\n      value={maskedValue}\n    />\n  );\n};\n\nDateInputMask.propTypes = {\n  focus: PropTypes.bool,\n  setFocus: PropTypes.func,\n  setRawMask: PropTypes.func,\n  cursorPosition: PropTypes.shape({ current: PropTypes.number }),\n  setCursorPosition: PropTypes.func,\n  lastkey: PropTypes.shape({ code: PropTypes.number, key: PropTypes.string }),\n  setLastkey: PropTypes.func,\n  setRawValue: PropTypes.func,\n  style: PropTypes.object,\n  disabled: PropTypes.bool,\n  className: PropTypes.string,\n  name: PropTypes.string,\n  maxLength: PropTypes.number,\n  minLength: PropTypes.number,\n  fluidWidth: PropTypes.bool,\n  placeholder: PropTypes.string,\n  value: PropTypes.string,\n  onChange: PropTypes.func,\n  onKeyDown: PropTypes.func,\n  leftComponent: PropTypes.element,\n  rightComponent: PropTypes.element,\n  onFocus: PropTypes.func,\n  onBlur: PropTypes.func,\n  onPaste: PropTypes.func,\n  onKeyUp: PropTypes.func,\n  hasError: PropTypes.bool,\n  readOnly: PropTypes.bool,\n  onClick: PropTypes.func,\n  clearable: PropTypes.bool,\n  type: PropTypes.string,\n  innerRef: PropTypes.any,\n  mask: PropTypes.any,\n  placeholderChar: PropTypes.string,\n};\n\nexport { DateInputMask };\nexport default DateInputMask;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport React, { useCallback, useLayoutEffect, useRef, useState } from 'react';\nimport { PropTypes } from '@elliemae/ds-utilities';\nimport { DSTextBox } from '../../TextBox';\nimport { TCharsToAdd } from '../types';\nimport { setCaretPosition } from '../utils/setCaretPosition';\n\nconst conformValue = (\n  rawValue: string,\n  cursorPos: number,\n  lastkeycode: number,\n) => {\n  const nextMaskedValue = rawValue\n    .split('')\n    .filter((char) => char >= '0' && char <= '9')\n    .slice(0, 8);\n\n  let maskedPos = 0;\n  for (let i = 0; i < cursorPos; i += 1) {\n    if (nextMaskedValue[maskedPos] === rawValue[i]) maskedPos += 1;\n  }\n\n  // list of [string to add, position to add]\n  const charactersToAdd: TCharsToAdd = [\n    ['/', 2],\n    ['/', 5],\n  ];\n\n  charactersToAdd.forEach(([chars, pos]) => {\n    if (nextMaskedValue.length > pos) {\n      nextMaskedValue.splice(pos, 0, chars);\n      if (maskedPos >= pos) maskedPos += chars.length;\n    }\n  });\n\n  if (lastkeycode !== 8 && maskedPos < nextMaskedValue.length) {\n    charactersToAdd.forEach(([chars, pos]) => {\n      if (maskedPos === pos) maskedPos += chars.length;\n    });\n  } else if (lastkeycode === 8 && maskedPos) {\n    charactersToAdd.forEach(([chars, pos]) => {\n      if (maskedPos === pos + 1) maskedPos -= chars.length;\n    });\n  }\n\n  return { nextMaskedValue: nextMaskedValue.join(''), maskedPos };\n};\n\nconst DateInputMask = ({\n  focus,\n  setFocus,\n  setRawMask,\n  cursorPosition,\n  setCursorPosition,\n  lastkey,\n  setLastkey,\n  setRawValue,\n  style,\n  disabled,\n  className,\n  name,\n  maxLength,\n  minLength,\n  fluidWidth,\n  placeholder,\n  onKeyDown,\n  onClick,\n  onChange,\n  onFocus,\n  onBlur,\n  onPaste,\n  onKeyUp,\n  hasError,\n  readOnly,\n  type,\n  innerRef,\n  clearable = false,\n  leftComponent,\n  rightComponent,\n  value,\n  ...rest\n}) => {\n  const inputRef = useRef();\n  const [maskedValue, setMaskedValue] = useState(value);\n\n  const conform = useCallback(\n    ({ rawValue, cursorPos, lastkeycode, shouldUpdateCursorPos = true }) => {\n      const { nextMaskedValue, maskedPos } = conformValue(\n        rawValue,\n        cursorPos,\n        lastkeycode,\n      );\n      const event = {\n        target: {\n          value: nextMaskedValue,\n          originalValue: rawValue,\n        },\n      };\n      if (onChange && nextMaskedValue !== maskedValue) onChange(event);\n\n      setMaskedValue(nextMaskedValue);\n      setRawValue(nextMaskedValue);\n\n      if (shouldUpdateCursorPos) setCursorPosition({ current: maskedPos });\n    },\n    [maskedValue, onChange],\n  );\n\n  const handleOnChange = useCallback(\n    (e) => {\n      const { value: rawValue, selectionEnd } = e.target;\n      setRawMask(rawValue);\n      setRawValue(rawValue);\n      setCursorPosition({ current: selectionEnd });\n      setFocus(true);\n    },\n    [setRawMask, setRawValue, setCursorPosition, setFocus, lastkey.code],\n  );\n\n  useLayoutEffect(() => {\n    if (focus) setCaretPosition(inputRef.current, cursorPosition.current);\n  }, [focus, cursorPosition]);\n\n  useLayoutEffect(() => {\n    // if the value changes, then re-conform the mask\n    conform({\n      rawValue: value,\n      cursorPos: cursorPosition.current,\n      lastkeycode: lastkey.code,\n      shouldUpdateCursorPos: focus,\n    });\n  }, [focus, value, cursorPosition.current]);\n\n  const handleKeyDown = useCallback(\n    (e) => {\n      e.stopPropagation();\n      setLastkey({ key: e.key, code: e.keyCode });\n      onKeyDown(e);\n    },\n    [onKeyDown],\n  );\n\n  const handleBlur = useCallback(\n    (e) => {\n      setFocus(false);\n      onBlur(e);\n    },\n    [onBlur],\n  );\n\n  return (\n    <DSTextBox\n      {...rest}\n      className={className}\n      clearable={clearable}\n      disabled={disabled}\n      fluidWidth={fluidWidth}\n      hasError={hasError}\n      innerRef={(ref) => {\n        inputRef.current = ref;\n        if (innerRef) innerRef(ref);\n      }}\n      isActive={focus}\n      leftComponent={leftComponent}\n      maxLength={maxLength}\n      minLength={minLength}\n      name={name}\n      onBlur={handleBlur}\n      onChange={handleOnChange}\n      onClick={onClick}\n      onFocus={onFocus}\n      onKeyDown={handleKeyDown}\n      onKeyUp={onKeyUp}\n      onPaste={onPaste}\n      placeholder={placeholder}\n      readOnly={readOnly}\n      rightComponent={rightComponent}\n      style={style}\n      type={type}\n      value={maskedValue}\n    />\n  );\n};\n\nexport { DateInputMask };\nexport default DateInputMask;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": []
 }