@elliemae/ds-form 2.2.0-alpha.3 → 3.0.0-next.0

package/cjs/FormItem/Suffix/Suffix.js

@@ -1,64 +1,33 @@
-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) => {
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styled = require('styled-components');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+/* eslint-disable consistent-return */
+const Suffix = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-126c671-0"
+})(["height:2.16rem;align-items:center;display:flex;", ""], props => {
   if (props.label && !props.withFeedback) {
-    return `
-      padding-top: 1.2rem;
-      `;
+    return "\n      padding-top: 1.2rem;\n      ";
   }
+
   if (!props.label && !props.withFeedback) {
-    return `
-      padding-top: 1rem;
-      `;
+    return "\n      padding-top: 1rem;\n      ";
   }
-}}
-`;
-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
+});
+const SuffixInputWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-126c671-1"
+})(["padding-right:0.32rem;flex:1;"]);
+const SuffixWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-126c671-2"
+})(["display:flex;align-items:center;"]);
+
+exports.Suffix = Suffix;
+exports.SuffixInputWrapper = SuffixInputWrapper;
+exports.SuffixWrapper = SuffixWrapper;
+exports["default"] = Suffix;

package/cjs/FormItem/ValidationFieldWrapper.js

@@ -1,85 +1,105 @@
-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 ValidationFieldWrapper_exports = {};
-__export(ValidationFieldWrapper_exports, {
-  default: () => ValidationFieldWrapper
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-class ValidationFieldWrapper extends import_react.Component {
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/esnext.async-iterator.some.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.some.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+class ValidationFieldWrapper extends React.Component {
   constructor(props) {
     super(props);
     this.state = {
       value: props.value
     };
   }
+
   componentDidMount() {
-    const { value } = this.state;
+    const {
+      value
+    } = this.state;
     this.executeValidations(value);
   }
+
   static getDerivedStateFromProps(nextProps, prevState) {
-    const { value } = nextProps;
-    if (value === prevState.value)
-      return null;
-    return {
-      ...prevState,
+    const {
       value
-    };
+    } = nextProps;
+    if (value === prevState.value) return null;
+    return _objectSpread(_objectSpread({}, prevState), {}, {
+      value
+    });
   }
+
   handleChange(e) {
-    const { onChange } = this.props;
-    this.setState({ value: e.target.value });
-    if (onChange)
-      onChange(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);
+    const {
+      onBlur,
+      validateOnBlur
+    } = this.props;
+    const {
+      value
+    } = this.state;
+    if (validateOnBlur) this.executeValidations(value);
     onBlur(e);
   }
+
   executeValidations(value) {
-    const { validations } = this.props;
+    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 });
+      if (!validations.some(validation => {
+        const {
+          error,
+          payload
+        } = validation({
+          value
+        });
+        if (error) this.setState({
+          validationMessage: payload,
+          state: error
+        });
         return error;
       })) {
-        this.setState({ hasError: false });
+        this.setState({
+          hasError: false
+        });
       }
     }
   }
+
   render() {
-    const { children } = this.props;
-    const { value, validationMessage, validationState, hasError } = this.state;
+    const {
+      children
+    } = this.props;
+    const {
+      value,
+      validationMessage,
+      validationState,
+      hasError
+    } = this.state;
     return children({
       value,
       validationMessage,
@@ -89,15 +109,17 @@ class ValidationFieldWrapper extends import_react.Component {
       onBlur: this.handleBlur
     });
   }
+
 }
 ValidationFieldWrapper.defaultProps = {
   validateOnBlur: false,
   validateOnChange: false,
-  name: "",
-  value: "",
+  name: '',
+  // name in context of the form
+  value: '',
   validate: () => null,
   onChange: () => null,
   onBlur: () => null
 };
-module.exports = __toCommonJS(ValidationFieldWrapper_exports);
-//# sourceMappingURL=ValidationFieldWrapper.js.map
+
+module.exports = ValidationFieldWrapper;

package/cjs/FormItem/defaultProps.js

@@ -1,72 +1,40 @@
-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 = __toESM(require("../TextBox"));
-var import_DSLabel = __toESM(require("./Label/DSLabel"));
-var import_Feedback = __toESM(require("./Feedback"));
-var import_variants = __toESM(require("./variants"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DSTextBox = require('../TextBox/DSTextBox.js');
+var DSLabel = require('./Label/DSLabel.js');
+var Feedback = require('./Feedback.js');
+var variants = require('./variants.js');
+
 const defaultProps = {
   leftLabel: false,
   floatingLabel: false,
-  inputComponent: import_TextBox.DSTextBox,
-  labelComponent: import_DSLabel.DSLabel,
-  feedbackComponent: import_Feedback.Feedback,
+  inputComponent: DSTextBox["default"],
+  labelComponent: DSLabel,
+  feedbackComponent: Feedback,
   hasError: false,
-  validationMessage: "",
-  feedbackMessage: "",
+  validationMessage: '',
+  feedbackMessage: '',
   focused: false,
   autoFocus: false,
   disabled: false,
-  onChange: () => {
-  },
-  onBlur: () => {
-  },
-  onFocus: () => {
-  },
-  onPaste: () => {
-  },
-  onKeyUp: () => {
-  },
+  onChange: () => {},
+  onBlur: () => {},
+  onFocus: () => {},
+  onPaste: () => {},
+  onKeyUp: () => {},
   extraInputProps: {},
   leftAddon: null,
   rightAddon: null,
   required: false,
   optional: false,
-  useSubfix: "",
-  suffix: "",
-  variant: import_variants.FORMITEM_LAYOUT_VARIANTS.DEFAULT,
+  useSubfix: '',
+  suffix: '',
+  variant: variants.FORMITEM_LAYOUT_VARIANTS.DEFAULT,
   containerProps: {},
   fitContent: false,
   withHighlight: false
 };
-module.exports = __toCommonJS(defaultProps_exports);
-//# sourceMappingURL=defaultProps.js.map
+
+exports.defaultProps = defaultProps;

package/cjs/FormItem/index.js

@@ -1,41 +1,15 @@
-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 = __toESM(require("./Error/DSError"));
-module.exports = __toCommonJS(FormItem_exports);
-//# sourceMappingURL=index.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DSFormItemLayout = require('./DSFormItemLayout.js');
+var DSError = require('./Error/DSError.js');
+var variants = require('./variants.js');
+
+
+
+exports.DSFormItemLayoutWithSchema = DSFormItemLayout.DSFormItemLayoutWithSchema;
+exports["default"] = DSFormItemLayout["default"];
+exports.DSError = DSError["default"];
+exports.DSErrorWithSchema = DSError.DSErrorWithSchema;
+exports.FORMITEM_LAYOUT_VARIANTS = variants.FORMITEM_LAYOUT_VARIANTS;

package/cjs/FormItem/props.js

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