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

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

@@ -0,0 +1,53 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var DSError_exports = {};
+__export(DSError_exports, {
+  DSError: () => DSError,
+  DSErrorWithSchema: () => DSErrorWithSchema,
+  default: () => DSError_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+const DSError = ({ hasError = false, errorText = "Error" }) => {
+  if (!hasError)
+    return null;
+  return /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "em-ds-error"
+  }, errorText);
+};
+const props = {
+  hasError: import_react_desc.PropTypes.bool.description("error state"),
+  errorText: import_react_desc.PropTypes.string.description("error label text")
+};
+DSError.propTypes = props;
+const DSErrorWithSchema = (0, import_react_desc.describe)(DSError);
+DSErrorWithSchema.propTypes = props;
+var DSError_default = DSError;
+module.exports = __toCommonJS(DSError_exports);
+//# sourceMappingURL=DSError.js.map

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

@@ -0,0 +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;\n\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;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AAEpC,MAAM,UAAU,CAAC,EAAE,WAAW,OAAO,YAAY,cAAc;AAC7D,MAAI,CAAC;AAAU,WAAO;AACtB,SAAO,mDAAC,OAAD;AAAA,IAAK,WAAU;AAAA,KAAe;AAAA;AAGvC,MAAM,QAAQ;AAAA,EAEZ,UAAU,4BAAU,KAAK,YAAY;AAAA,EAErC,WAAW,4BAAU,OAAO,YAAY;AAAA;AAG1C,QAAQ,YAAY;AAEpB,MAAM,oBAAoB,gCAAS;AAEnC,kBAAkB,YAAY;AAE9B,IAAO,kBAAQ;",
+  "names": []
+}

package/dist/cjs/FormItem/Feedback.js

@@ -0,0 +1,47 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var Feedback_exports = {};
+__export(Feedback_exports, {
+  Feedback: () => Feedback,
+  default: () => Feedback_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_classnames = require("@elliemae/ds-classnames");
+const blockName = "form-item";
+const FeedbackSpan = (0, import_ds_classnames.aggregatedClasses)("span")(blockName, "feedback");
+const Feedback = ({ text, hasError }) => {
+  if (!text)
+    return null;
+  return /* @__PURE__ */ import_react.default.createElement(FeedbackSpan, {
+    classProps: hasError
+  }, text);
+};
+var Feedback_default = Feedback;
+module.exports = __toCommonJS(Feedback_exports);
+//# sourceMappingURL=Feedback.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/FormItem/Feedback.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockName = 'form-item';\n\nconst FeedbackSpan = aggregatedClasses('span')(blockName, 'feedback');\n\nconst Feedback = ({ text, hasError }) => {\n  if (!text) return null;\n  return <FeedbackSpan classProps={hasError}>{text}</FeedbackSpan>;\n};\n\nexport { Feedback };\nexport default Feedback;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,2BAAkC;AAElC,MAAM,YAAY;AAElB,MAAM,eAAe,4CAAkB,QAAQ,WAAW;AAE1D,MAAM,WAAW,CAAC,EAAE,MAAM,eAAe;AACvC,MAAI,CAAC;AAAM,WAAO;AAClB,SAAO,mDAAC,cAAD;AAAA,IAAc,YAAY;AAAA,KAAW;AAAA;AAI9C,IAAO,mBAAQ;",
+  "names": []
+}

package/dist/cjs/FormItem/Label/DSLabel.js

@@ -0,0 +1,72 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var DSLabel_exports = {};
+__export(DSLabel_exports, {
+  DSLabel: () => DSLabel,
+  default: () => DSLabel_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_prop_types = __toESM(require("prop-types"));
+var import_ds_classnames = require("@elliemae/ds-classnames");
+var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
+var import_RequiredMark = require("../../RequiredMark");
+const blockName = "em-ds-label";
+const Text = (0, import_ds_classnames.aggregatedClasses)("span")(blockName, "text");
+const DSLabel = ({
+  children,
+  label,
+  htmlFor,
+  required,
+  optional,
+  truncateText = true,
+  isGroup = false
+}) => {
+  const Tag = isGroup ? "legend" : "label";
+  return /* @__PURE__ */ import_react.default.createElement(Tag, {
+    className: `${blockName}${isGroup ? ` ${blockName}--group` : ""}`,
+    htmlFor
+  }, truncateText ? /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.DSTruncatedTooltipText, {
+    value: children || label
+  }) : /* @__PURE__ */ import_react.default.createElement(Text, null, label), /* @__PURE__ */ import_react.default.createElement(import_RequiredMark.RequiredMark, {
+    optional,
+    required
+  }));
+};
+DSLabel.propTypes = {
+  children: import_prop_types.default.string,
+  label: import_prop_types.default.string,
+  htmlFor: import_prop_types.default.string,
+  required: import_prop_types.default.bool,
+  optional: import_prop_types.default.bool,
+  truncateText: import_prop_types.default.bool,
+  isGroup: import_prop_types.default.bool
+};
+var DSLabel_default = DSLabel;
+module.exports = __toCommonJS(DSLabel_exports);
+//# sourceMappingURL=DSLabel.js.map

package/dist/cjs/FormItem/Label/DSLabel.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/FormItem/Label/DSLabel.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable jsx-a11y/label-has-associated-control */\n/* eslint-disable react/no-unknown-property, jsx-a11y/label-has-for */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { DSTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { RequiredMark } from '../../RequiredMark';\n\nconst blockName = 'em-ds-label';\n\nconst Text = aggregatedClasses('span')(blockName, 'text');\n\nconst DSLabel = ({\n  children,\n  label,\n  htmlFor,\n  required,\n  optional,\n  truncateText = true,\n  isGroup = false,\n}) => {\n  const Tag = isGroup ? 'legend' : 'label';\n\n  return (\n    <Tag\n      className={`${blockName}${isGroup ? ` ${blockName}--group` : ''}`}\n      htmlFor={htmlFor}\n    >\n      {truncateText ? (\n        <DSTruncatedTooltipText value={children || label} />\n      ) : (\n        <Text>{label}</Text>\n      )}\n      <RequiredMark optional={optional} required={required} />\n    </Tag>\n  );\n};\n\nDSLabel.propTypes = {\n  children: PropTypes.string,\n  label: PropTypes.string,\n  htmlFor: PropTypes.string,\n  required: PropTypes.bool,\n  optional: PropTypes.bool,\n  truncateText: PropTypes.bool,\n  isGroup: PropTypes.bool,\n};\n\nexport { DSLabel };\nexport default DSLabel;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAkB;AAClB,wBAAsB;AACtB,2BAAkC;AAClC,uCAAuC;AACvC,0BAA6B;AAE7B,MAAM,YAAY;AAElB,MAAM,OAAO,4CAAkB,QAAQ,WAAW;AAElD,MAAM,UAAU,CAAC;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,UAAU;AAAA,MACN;AACJ,QAAM,MAAM,UAAU,WAAW;AAEjC,SACE,mDAAC,KAAD;AAAA,IACE,WAAW,GAAG,YAAY,UAAU,IAAI,qBAAqB;AAAA,IAC7D;AAAA,KAEC,eACC,mDAAC,yDAAD;AAAA,IAAwB,OAAO,YAAY;AAAA,OAE3C,mDAAC,MAAD,MAAO,QAET,mDAAC,kCAAD;AAAA,IAAc;AAAA,IAAoB;AAAA;AAAA;AAKxC,QAAQ,YAAY;AAAA,EAClB,UAAU,0BAAU;AAAA,EACpB,OAAO,0BAAU;AAAA,EACjB,SAAS,0BAAU;AAAA,EACnB,UAAU,0BAAU;AAAA,EACpB,UAAU,0BAAU;AAAA,EACpB,cAAc,0BAAU;AAAA,EACxB,SAAS,0BAAU;AAAA;AAIrB,IAAO,kBAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,64 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var Suffix_exports = {};
+__export(Suffix_exports, {
+  Suffix: () => Suffix,
+  SuffixInputWrapper: () => SuffixInputWrapper,
+  SuffixWrapper: () => SuffixWrapper,
+  default: () => Suffix_default
+});
+var React = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+const Suffix = import_styled_components.default.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 = import_styled_components.default.div`
+  padding-right: 0.32rem;
+  flex: 1;
+`;
+const SuffixWrapper = import_styled_components.default.div`
+  display: flex;
+  align-items: center;
+`;
+var Suffix_default = Suffix;
+module.exports = __toCommonJS(Suffix_exports);
+//# sourceMappingURL=Suffix.js.map

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

@@ -0,0 +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;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;AAIT,MAAI,CAAC,MAAM,SAAS,CAAC,MAAM,cAAc;AACvC,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAON,MAAM,qBAAqB,iCAAO;AAAA;AAAA;AAAA;AAIlC,MAAM,gBAAgB,iCAAO;AAAA;AAAA;AAAA;AAKpC,IAAO,iBAAQ;",
+  "names": []
+}

package/dist/cjs/FormItem/ValidationFieldWrapper.js

@@ -0,0 +1,119 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+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));
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var ValidationFieldWrapper_exports = {};
+__export(ValidationFieldWrapper_exports, {
+  default: () => ValidationFieldWrapper
+});
+var React = __toESM(require("react"));
+var import_react = require("react");
+class ValidationFieldWrapper extends import_react.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
+};
+module.exports = __toCommonJS(ValidationFieldWrapper_exports);
+//# sourceMappingURL=ValidationFieldWrapper.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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;ACAA,YAAuB;ADAvB,mBAA0B;AAE1B,qCAAoD,uBAAU;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/cjs/FormItem/defaultProps.js

@@ -0,0 +1,72 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var defaultProps_exports = {};
+__export(defaultProps_exports, {
+  defaultProps: () => defaultProps
+});
+var React = __toESM(require("react"));
+var import_TextBox = require("../TextBox");
+var import_DSLabel = require("./Label/DSLabel");
+var import_Feedback = require("./Feedback");
+var import_variants = require("./variants");
+const defaultProps = {
+  leftLabel: false,
+  floatingLabel: false,
+  inputComponent: import_TextBox.DSTextBox,
+  labelComponent: import_DSLabel.DSLabel,
+  feedbackComponent: import_Feedback.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: import_variants.FORMITEM_LAYOUT_VARIANTS.DEFAULT,
+  containerProps: {},
+  fitContent: false,
+  withHighlight: false
+};
+module.exports = __toCommonJS(defaultProps_exports);
+//# sourceMappingURL=defaultProps.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/FormItem/defaultProps.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,qBAA0B;AAC1B,qBAAwB;AACxB,sBAAyB;AACzB,sBAAyC;AAElC,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,yCAAyB;AAAA,EAClC,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,eAAe;AAAA;",
+  "names": []
+}

package/dist/cjs/FormItem/index.js

@@ -0,0 +1,41 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var FormItem_exports = {};
+__export(FormItem_exports, {
+  DSError: () => import_DSFormItemLayout.DSError,
+  DSErrorWithSchema: () => import_DSError.DSErrorWithSchema,
+  DSFormItemLayout: () => import_DSFormItemLayout.DSFormItemLayout,
+  DSFormItemLayoutWithSchema: () => import_DSFormItemLayout.DSFormItemLayoutWithSchema,
+  FORMITEM_LAYOUT_VARIANTS: () => import_DSFormItemLayout.FORMITEM_LAYOUT_VARIANTS,
+  default: () => import_DSFormItemLayout.default
+});
+var React = __toESM(require("react"));
+var import_DSFormItemLayout = __toESM(require("./DSFormItemLayout"));
+var import_DSError = require("./Error/DSError");
+module.exports = __toCommonJS(FormItem_exports);
+//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/FormItem/props.js

@@ -0,0 +1,87 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var props_exports = {};
+__export(props_exports, {
+  props: () => props
+});
+var React = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+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
+  ]).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([
+    import_variants.FORMITEM_LAYOUT_VARIANTS.DEFAULT,
+    import_variants.FORMITEM_LAYOUT_VARIANTS.FOCUS,
+    import_variants.FORMITEM_LAYOUT_VARIANTS.ACTIVE,
+    import_variants.FORMITEM_LAYOUT_VARIANTS.DISABLED,
+    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")
+};
+module.exports = __toCommonJS(props_exports);
+//# sourceMappingURL=props.js.map