@elliemae/ds-form 3.0.0-next.2 → 3.0.0-next.6

package/dist/esm/FormItem/Suffix/Suffix.js

@@ -0,0 +1,35 @@
+import * as React from "react";
+import styled from "styled-components";
+const Suffix = styled.div`
+  height: 2.16rem;
+  align-items: center;
+  display: flex;
+  ${(props) => {
+  if (props.label && !props.withFeedback) {
+    return `
+      padding-top: 1.2rem;
+      `;
+  }
+  if (!props.label && !props.withFeedback) {
+    return `
+      padding-top: 1rem;
+      `;
+  }
+}}
+`;
+const SuffixInputWrapper = styled.div`
+  padding-right: 0.32rem;
+  flex: 1;
+`;
+const SuffixWrapper = styled.div`
+  display: flex;
+  align-items: center;
+`;
+var Suffix_default = Suffix;
+export {
+  Suffix,
+  SuffixInputWrapper,
+  SuffixWrapper,
+  Suffix_default as default
+};
+//# sourceMappingURL=Suffix.js.map

package/dist/esm/FormItem/Suffix/Suffix.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/FormItem/Suffix/Suffix.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
+  "mappings": "AAAA;ACCA;AAEO,MAAM,SAAS,OAAO;AAAA;AAAA;AAAA;AAAA,IAIzB,WAAS;AACT,MAAI,MAAM,SAAS,CAAC,MAAM,cAAc;AACtC,WAAO;AAAA;AAAA;AAAA;AAIT,MAAI,CAAC,MAAM,SAAS,CAAC,MAAM,cAAc;AACvC,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAON,MAAM,qBAAqB,OAAO;AAAA;AAAA;AAAA;AAIlC,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAKpC,IAAO,iBAAQ;",
+  "names": []
+}

package/dist/esm/FormItem/ValidationFieldWrapper.js

@@ -0,0 +1,92 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import * as React from "react";
+import { Component } from "react";
+class ValidationFieldWrapper extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      value: props.value
+    };
+  }
+  componentDidMount() {
+    const { value } = this.state;
+    this.executeValidations(value);
+  }
+  static getDerivedStateFromProps(nextProps, prevState) {
+    const { value } = nextProps;
+    if (value === prevState.value)
+      return null;
+    return __spreadProps(__spreadValues({}, prevState), {
+      value
+    });
+  }
+  handleChange(e) {
+    const { onChange } = this.props;
+    this.setState({ value: e.target.value });
+    if (onChange)
+      onChange(e);
+  }
+  handleBlur(e) {
+    const { onBlur, validateOnBlur } = this.props;
+    const { value } = this.state;
+    if (validateOnBlur)
+      this.executeValidations(value);
+    onBlur(e);
+  }
+  executeValidations(value) {
+    const { validations } = this.props;
+    if (validations && Array.isArray(validations)) {
+      if (!validations.some((validation) => {
+        const { error, payload } = validation({ value });
+        if (error)
+          this.setState({ validationMessage: payload, state: error });
+        return error;
+      })) {
+        this.setState({ hasError: false });
+      }
+    }
+  }
+  render() {
+    const { children } = this.props;
+    const { value, validationMessage, validationState, hasError } = this.state;
+    return children({
+      value,
+      validationMessage,
+      validationState,
+      hasError,
+      onChange: this.handleChange,
+      onBlur: this.handleBlur
+    });
+  }
+}
+ValidationFieldWrapper.defaultProps = {
+  validateOnBlur: false,
+  validateOnChange: false,
+  name: "",
+  value: "",
+  validate: () => null,
+  onChange: () => null,
+  onBlur: () => null
+};
+export {
+  ValidationFieldWrapper as default
+};
+//# sourceMappingURL=ValidationFieldWrapper.js.map

package/dist/esm/FormItem/ValidationFieldWrapper.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FormItem/ValidationFieldWrapper.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AAEA,qCAAoD,UAAU;AAAA,EAW5D,YAAY,OAAO;AACjB,UAAM;AACN,SAAK,QAAQ;AAAA,MACX,OAAO,MAAM;AAAA;AAAA;AAAA,EAIjB,oBAAoB;AAClB,UAAM,EAAE,UAAU,KAAK;AACvB,SAAK,mBAAmB;AAAA;AAAA,SAGnB,yBAAyB,WAAW,WAAW;AACpD,UAAM,EAAE,UAAU;AAClB,QAAI,UAAU,UAAU;AAAO,aAAO;AACtC,WAAO,iCACF,YADE;AAAA,MAEL;AAAA;AAAA;AAAA,EAIJ,aAAa,GAAG;AACd,UAAM,EAAE,aAAa,KAAK;AAC1B,SAAK,SAAS,EAAE,OAAO,EAAE,OAAO;AAChC,QAAI;AAAU,eAAS;AAAA;AAAA,EAGzB,WAAW,GAAG;AACZ,UAAM,EAAE,QAAQ,mBAAmB,KAAK;AACxC,UAAM,EAAE,UAAU,KAAK;AACvB,QAAI;AAAgB,WAAK,mBAAmB;AAC5C,WAAO;AAAA;AAAA,EAGT,mBAAmB,OAAO;AACxB,UAAM,EAAE,gBAAgB,KAAK;AAC7B,QAAI,eAAe,MAAM,QAAQ,cAAc;AAC7C,UACE,CAAC,YAAY,KAAK,gBAAc;AAC9B,cAAM,EAAE,OAAO,YAAY,WAAW,EAAE;AACxC,YAAI;AACF,eAAK,SAAS,EAAE,mBAAmB,SAAS,OAAO;AACrD,eAAO;AAAA,UAET;AACA,aAAK,SAAS,EAAE,UAAU;AAAA;AAAA;AAAA;AAAA,EAKhC,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;AAAA;AAAA;AArEV,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;AAAA;",
+  "names": []
+}

package/dist/esm/FormItem/defaultProps.js

@@ -0,0 +1,43 @@
+import * as React from "react";
+import { DSTextBox } from "../TextBox";
+import { DSLabel } from "./Label/DSLabel";
+import { Feedback } from "./Feedback";
+import { FORMITEM_LAYOUT_VARIANTS } from "./variants";
+const defaultProps = {
+  leftLabel: false,
+  floatingLabel: false,
+  inputComponent: DSTextBox,
+  labelComponent: DSLabel,
+  feedbackComponent: Feedback,
+  hasError: false,
+  validationMessage: "",
+  feedbackMessage: "",
+  focused: false,
+  autoFocus: false,
+  disabled: false,
+  onChange: () => {
+  },
+  onBlur: () => {
+  },
+  onFocus: () => {
+  },
+  onPaste: () => {
+  },
+  onKeyUp: () => {
+  },
+  extraInputProps: {},
+  leftAddon: null,
+  rightAddon: null,
+  required: false,
+  optional: false,
+  useSubfix: "",
+  suffix: "",
+  variant: FORMITEM_LAYOUT_VARIANTS.DEFAULT,
+  containerProps: {},
+  fitContent: false,
+  withHighlight: false
+};
+export {
+  defaultProps
+};
+//# sourceMappingURL=defaultProps.js.map

package/dist/esm/FormItem/defaultProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FormItem/defaultProps.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { DSTextBox } from '../TextBox';\nimport { DSLabel } from './Label/DSLabel';\nimport { Feedback } from './Feedback';\nimport { FORMITEM_LAYOUT_VARIANTS } from './variants';\n\nexport const defaultProps = {\n  leftLabel: false,\n  floatingLabel: false,\n  inputComponent: DSTextBox,\n  labelComponent: DSLabel,\n  feedbackComponent: Feedback,\n  hasError: false,\n  validationMessage: '',\n  feedbackMessage: '',\n  focused: false,\n  autoFocus: false,\n  disabled: false,\n  onChange: () => {},\n  onBlur: () => {},\n  onFocus: () => {},\n  onPaste: () => {},\n  onKeyUp: () => {},\n  extraInputProps: {},\n  leftAddon: null,\n  rightAddon: null,\n  required: false,\n  optional: false,\n  useSubfix: '',\n  suffix: '',\n  variant: FORMITEM_LAYOUT_VARIANTS.DEFAULT,\n  containerProps: {},\n  fitContent: false,\n  withHighlight: false,\n};\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEO,MAAM,eAAe;AAAA,EAC1B,WAAW;AAAA,EACX,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,mBAAmB;AAAA,EACnB,UAAU;AAAA,EACV,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,UAAU,MAAM;AAAA;AAAA,EAChB,QAAQ,MAAM;AAAA;AAAA,EACd,SAAS,MAAM;AAAA;AAAA,EACf,SAAS,MAAM;AAAA;AAAA,EACf,SAAS,MAAM;AAAA;AAAA,EACf,iBAAiB;AAAA,EACjB,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,SAAS,yBAAyB;AAAA,EAClC,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,eAAe;AAAA;",
+  "names": []
+}

package/dist/esm/FormItem/index.js

@@ -0,0 +1,18 @@
+import * as React from "react";
+import {
+  default as default2,
+  DSFormItemLayout,
+  FORMITEM_LAYOUT_VARIANTS,
+  DSError,
+  DSFormItemLayoutWithSchema
+} from "./DSFormItemLayout";
+import { DSErrorWithSchema } from "./Error/DSError";
+export {
+  DSError,
+  DSErrorWithSchema,
+  DSFormItemLayout,
+  DSFormItemLayoutWithSchema,
+  FORMITEM_LAYOUT_VARIANTS,
+  default2 as default
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/FormItem/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FormItem/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export {\n  default,\n  DSFormItemLayout,\n  FORMITEM_LAYOUT_VARIANTS,\n  DSError,\n  DSFormItemLayoutWithSchema,\n} from './DSFormItemLayout';\nexport { DSErrorWithSchema } from './Error/DSError';\n"],
+  "mappings": "AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;",
+  "names": []
+}

package/dist/esm/FormItem/props.js

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FormItem/props.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AACA;AAEO,MAAM,QAAQ;AAAA,EAEnB,gBAAgB,UAAU,OAAO,YAAY;AAAA,EAE7C,gBAAgB,UAAU,KACvB,YAAY,2DACZ,aAAa;AAAA,EAEhB,WAAW,UAAU,KAAK,YAAY;AAAA,EAEtC,eAAe,UAAU,KAAK,YAAY;AAAA,EAE1C,IAAI,UAAU,OAAO,YAAY;AAAA,EAEjC,MAAM,UAAU,OAAO,YAAY;AAAA,EAEnC,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,SAAS,YACjF;AAAA,EAGF,gBAAgB,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,UAAU,YAAY;AAAA,EAGrF,qBAAqB,UAAU,KAC5B,YAAY,kEACZ,aAAa;AAAA,EAEhB,gBAAgB,UAAU,KAAK,YAAY;AAAA,EAE3C,mBAAmB,UAAU,KAAK,YAAY;AAAA,EAE9C,WAAW,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,UAAU,YAAY;AAAA,EAElF,UAAU,UAAU,KAAK,YAAY;AAAA,EAErC,YAAY,UAAU,KAAK,YACzB;AAAA,EAGF,iBAAiB,UAAU,MAAM,CAAC,WAAW,SAAS,YAAY,YAAY;AAAA,EAE9E,mBAAmB,UAAU,OAAO,YAAY;AAAA,EAEhD,iBAAiB,UAAU,OAAO,YAAY;AAAA,EAE9C,UAAU,UAAU,KAAK,YAAY;AAAA,EAErC,SAAS,UAAU,KAAK,YAAY;AAAA,EAEpC,MAAM,UAAU,OAAO,YAAY;AAAA,EAEnC,WAAW,UAAU,KAAK,YAAY;AAAA,EAEtC,UAAU,UAAU,KAAK,YAAY;AAAA,EAErC,UAAU,UAAU,KAAK,YAAY;AAAA,EAErC,QAAQ,UAAU,KAAK,YAAY;AAAA,EAEnC,iBAAiB,UAAU,OAAO,YAAY;AAAA,EAE9C,cAAc,UAAU,QAAQ,YAAY;AAAA,EAE5C,WAAW,UAAU,QAAQ,YAAY;AAAA,EAEzC,YAAY,UAAU,QAAQ,YAAY;AAAA,EAE1C,UAAU,UAAU,KAAK,YAAY;AAAA,EAErC,UAAU,UAAU,KAAK,YAAY;AAAA,EAErC,SAAS,UAAU,KAAK,YAAY;AAAA,EAEpC,SAAS,UAAU,KAAK,YAAY;AAAA,EAEpC,cAAc,UAAU,KAAK,YAAY;AAAA,EAEzC,SAAS,UAAU,KAAK,YAAY;AAAA,EAEpC,MAAM,UAAU,UAAU;AAAA,IAExB,UAAU;AAAA,IACV,UAAU;AAAA,KACT,YAAY;AAAA,EAEf,WAAW,UAAU,OAAO,YAAY;AAAA,EAExC,QAAQ,UAAU,OAAO,YAAY;AAAA,EAErC,SAAS,UAAU,MAAM;AAAA,IACvB,yBAAyB;AAAA,IACzB,yBAAyB;AAAA,IACzB,yBAAyB;AAAA,IACzB,yBAAyB;AAAA,IACzB,yBAAyB;AAAA,IACzB,yBAAyB;AAAA,KACxB,YAAY;AAAA,EACf,eAAe,UAAU,KAAK,YAAY;AAAA;",
+  "names": []
+}

package/dist/esm/FormItem/variants.js

@@ -0,0 +1,13 @@
+import * as React from "react";
+const FORMITEM_LAYOUT_VARIANTS = {
+  DEFAULT: "variant-default",
+  FOCUS: "variant-focus",
+  ACTIVE: "variant-active",
+  DISABLED: "variant-disabled",
+  READ_ONLY: "variant-read-only",
+  OPTIONAL: "variant-optional"
+};
+export {
+  FORMITEM_LAYOUT_VARIANTS
+};
+//# sourceMappingURL=variants.js.map

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

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

package/dist/esm/Input/DSInput.js

@@ -0,0 +1,2 @@
+import * as React from "react";
+//# sourceMappingURL=DSInput.js.map

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

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

package/dist/esm/Input/InputAddonWrapper.js

@@ -0,0 +1,2 @@
+import * as React from "react";
+//# sourceMappingURL=InputAddonWrapper.js.map

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

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

package/dist/esm/Input/InputImpl.js

@@ -0,0 +1,2 @@
+import * as React from "react";
+//# sourceMappingURL=InputImpl.js.map

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

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

package/dist/esm/Input/index.js

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { DSInput, InputAddonWrapper, DSInput as DSInput2 } from "@elliemae/ds-common/Input";
+export {
+  DSInput,
+  InputAddonWrapper,
+  DSInput2 as default
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/InputGroup/AddonWrapper.js

@@ -0,0 +1,48 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import * as React from "react";
+import React2, { Component } from "react";
+import { aggregatedClasses } from "@elliemae/ds-classnames";
+const blockName = "input-addon-group";
+const Container = aggregatedClasses("div")(blockName);
+const InputAddon = aggregatedClasses("span")(blockName, "addon");
+class AddonWrapper extends Component {
+  constructor() {
+    super(...arguments);
+    this.state = {};
+  }
+  render() {
+    const {
+      leftAddon,
+      rightAddon,
+      children: inputComponent,
+      className,
+      containerProps
+    } = this.props;
+    const childType = inputComponent && inputComponent.type && inputComponent.type.name ? inputComponent.type.name.toLowerCase() : "default";
+    return /* @__PURE__ */ React2.createElement(Container, __spreadValues({
+      className: `${className} ${blockName}--${childType}`
+    }, containerProps), leftAddon && /* @__PURE__ */ React2.createElement(InputAddon, null, leftAddon), inputComponent, rightAddon && /* @__PURE__ */ React2.createElement(InputAddon, null, rightAddon));
+  }
+}
+AddonWrapper.defaultProps = {};
+var AddonWrapper_default = AddonWrapper;
+export {
+  AddonWrapper,
+  AddonWrapper_default as default
+};
+//# sourceMappingURL=AddonWrapper.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/InputGroup/AddonWrapper.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AAEA,MAAM,YAAY;AAElB,MAAM,YAAY,kBAAkB,OAAO;AAC3C,MAAM,aAAa,kBAAkB,QAAQ,WAAW;AAExD,2BAA2B,UAAU;AAAA,EAArC,cARA;AAQA;AAGE,iBAAQ;AAAA;AAAA,EAER,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,gBACzB;AACN,WACE,qCAAC,WAAD;AAAA,MACE,WAAW,GAAG,aAAa,cAAc;AAAA,OACrC,iBAEH,aAAa,qCAAC,YAAD,MAAa,YAC1B,gBACA,cAAc,qCAAC,YAAD,MAAa;AAAA;AAAA;AAvB3B,AADT,aACS,eAAe;AA8BxB,IAAO,uBAAQ;",
+  "names": []
+}

package/dist/esm/InputGroup/DSInputGroup.js

@@ -0,0 +1,33 @@
+import * as React from "react";
+import React2 from "react";
+import { describe } from "react-desc";
+import { AddonWrapper } from "./AddonWrapper";
+import { props } from "./props";
+import { defaultProps } from "./defaultProps";
+const DSInputGroup = ({
+  containerProps,
+  innerRef,
+  className,
+  style,
+  leftAddon,
+  rightAddon,
+  children: InputComponents
+}) => /* @__PURE__ */ React2.createElement(AddonWrapper, {
+  ref: innerRef,
+  className,
+  containerProps,
+  leftAddon,
+  rightAddon,
+  style
+}, InputComponents);
+DSInputGroup.propTypes = props;
+DSInputGroup.defaultProps = defaultProps;
+const DSInputGroupWithSchema = describe(DSInputGroup);
+DSInputGroupWithSchema.propTypes = props;
+var DSInputGroup_default = DSInputGroup;
+export {
+  DSInputGroup,
+  DSInputGroupWithSchema,
+  DSInputGroup_default as default
+};
+//# sourceMappingURL=DSInputGroup.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/InputGroup/DSInputGroup.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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;\nconst DSInputGroupWithSchema = describe(DSInputGroup);\n\nDSInputGroupWithSchema.propTypes = props;\n\nexport default DSInputGroup;\nexport { DSInputGroupWithSchema, DSInputGroup };\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,MAEV,qCAAC,cAAD;AAAA,EACE,KAAK;AAAA,EACL;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,GAEC;AAIL,aAAa,YAAY;AACzB,aAAa,eAAe;AAC5B,MAAM,yBAAyB,SAAS;AAExC,uBAAuB,YAAY;AAEnC,IAAO,uBAAQ;",
+  "names": []
+}

package/dist/esm/InputGroup/defaultProps.js

@@ -0,0 +1,13 @@
+import * as React from "react";
+const defaultProps = {
+  containerProps: {},
+  innerRef: null,
+  className: "",
+  style: {},
+  leftAddon: null,
+  rightAddon: null
+};
+export {
+  defaultProps
+};
+//# sourceMappingURL=defaultProps.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/InputGroup/defaultProps.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const defaultProps = {\n  containerProps: {},\n  innerRef: null,\n  className: '',\n  style: {},\n  leftAddon: null,\n  rightAddon: null,\n};\n"],
+  "mappings": "AAAA;ACAO,MAAM,eAAe;AAAA,EAC1B,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,WAAW;AAAA,EACX,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA;",
+  "names": []
+}

package/dist/esm/InputGroup/index.js

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { default as default2, DSInputGroupWithSchema, DSInputGroup } from "./DSInputGroup";
+export {
+  DSInputGroup,
+  DSInputGroupWithSchema,
+  default2 as default
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/InputGroup/props.js

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { PropTypes } from "react-desc";
+const props = {
+  containerProps: PropTypes.shape({}).description("props injected to wrapper of page header"),
+  innerRef: PropTypes.oneOfType([
+    PropTypes.func,
+    PropTypes.shape({ current: PropTypes.any })
+  ]).description("inner ref for input group wrapper"),
+  className: PropTypes.string.description("class for input group wrapper"),
+  style: PropTypes.object.description("Set style for the input group"),
+  leftAddon: PropTypes.element.description("Component to be added at the left side of the input"),
+  rightAddon: PropTypes.element.description("Component to be added at the right side of the input"),
+  children: PropTypes.element.description("Input components to show")
+};
+export {
+  props
+};
+//# sourceMappingURL=props.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/InputGroup/props.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,QAAQ;AAAA,EAEnB,gBAAgB,UAAU,MAAM,IAAI,YAClC;AAAA,EAGF,UAAU,UAAU,UAAU;AAAA,IAC5B,UAAU;AAAA,IACV,UAAU,MAAM,EAAE,SAAS,UAAU;AAAA,KACpC,YAAY;AAAA,EAEf,WAAW,UAAU,OAAO,YAAY;AAAA,EAIxC,OAAO,UAAU,OAAO,YAAY;AAAA,EAIpC,WAAW,UAAU,QAAQ,YAC3B;AAAA,EAKF,YAAY,UAAU,QAAQ,YAC5B;AAAA,EAKF,UAAU,UAAU,QAAQ,YAAY;AAAA;",
+  "names": []
+}