@elliemae/ds-form 2.0.0-alpha.1 → 2.0.0-alpha.13

package/cjs/FloatingLabelInput/DSFloatingLabelInput.js

@@ -12,123 +12,126 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
 const noop = () => {};
 
-const DSFloatingLabelInput = ({
-  containerProps = {},
-  arialLabel = '',
-
-  /**
-   * Gets the reference for the input controller
-   *
-   * @param {HTMLElement} node
-   */
-  innerRef = noop,
-
-  /**
-   * Custom className for floatingLabelInput
-   */
-  className = '',
-
-  /**
-   * Props injected to the input component
-   *
-   * @type Object
-   */
-  extraInputProps = {},
-
-  /**
-   * Input controller
-   *
-   * @type {element}
-   */
-  inputComponent = DSTextBox['default'],
-
-  /**
-   * Input value
-   *
-   * @type {string}
-   */
-  value = '',
-
-  /**
-   * Label component
-   *
-   * @type {element}
-   */
-  labelComponent = DSLabel,
-
-  /**
-   * Label text
-   *
-   * @type {string | element}
-   */
-  labelText = null,
-
-  /**
-   * Callback when input controller has changed
-   *
-   * @param event
-   */
-  onChange = noop,
-  onBlur = noop,
-  onFocus = noop,
-
-  /**
-   * Whether the label is floating or not
-   *
-   * @type {boolean}
-   */
-  isOpen = false,
-
-  /**
-   * Whether ...
-   *
-   * @type {boolean}
-   */
-  hasError = false,
-
-  /**
-   * Whether ...
-   *
-   * @type {boolean}
-   */
-  readOnly = false,
-
-  /**
-   * Whether ...
-   *
-   * @type {boolean}
-   */
-  disabled = false,
-
-  /**
-   * Whether ...
-   *
-   * @type {boolean}
-   */
-  required = false,
-  optional = false,
-  mask = null,
-  useSubfix = ''
-}) => /*#__PURE__*/_jsx__default['default'](FloatingLabelInputImpl, {
-  arialLabel: arialLabel,
-  className: className,
-  disabled: disabled,
-  extraInputProps: extraInputProps,
-  hasError: hasError,
-  innerRef: innerRef,
-  inputComponent: inputComponent,
-  isOpen: isOpen,
-  labelComponent: labelComponent,
-  labelText: labelText,
-  mask: mask,
-  onBlur: onBlur,
-  onChange: onChange,
-  onFocus: onFocus,
-  optional: optional,
-  readOnly: readOnly,
-  required: required,
-  useSubfix: useSubfix,
-  value: value
-});
+const DSFloatingLabelInput = _ref => {
+  let {
+    containerProps = {},
+    arialLabel = '',
+
+    /**
+     * Gets the reference for the input controller
+     *
+     * @param {HTMLElement} node
+     */
+    innerRef = noop,
+
+    /**
+     * Custom className for floatingLabelInput
+     */
+    className = '',
+
+    /**
+     * Props injected to the input component
+     *
+     * @type Object
+     */
+    extraInputProps = {},
+
+    /**
+     * Input controller
+     *
+     * @type {element}
+     */
+    inputComponent = DSTextBox["default"],
+
+    /**
+     * Input value
+     *
+     * @type {string}
+     */
+    value = '',
+
+    /**
+     * Label component
+     *
+     * @type {element}
+     */
+    labelComponent = DSLabel,
+
+    /**
+     * Label text
+     *
+     * @type {string | element}
+     */
+    labelText = null,
+
+    /**
+     * Callback when input controller has changed
+     *
+     * @param event
+     */
+    onChange = noop,
+    onBlur = noop,
+    onFocus = noop,
+
+    /**
+     * Whether the label is floating or not
+     *
+     * @type {boolean}
+     */
+    isOpen = false,
+
+    /**
+     * Whether ...
+     *
+     * @type {boolean}
+     */
+    hasError = false,
+
+    /**
+     * Whether ...
+     *
+     * @type {boolean}
+     */
+    readOnly = false,
+
+    /**
+     * Whether ...
+     *
+     * @type {boolean}
+     */
+    disabled = false,
+
+    /**
+     * Whether ...
+     *
+     * @type {boolean}
+     */
+    required = false,
+    optional = false,
+    mask = null,
+    useSubfix = ''
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](FloatingLabelInputImpl, {
+    arialLabel: arialLabel,
+    className: className,
+    disabled: disabled,
+    extraInputProps: extraInputProps,
+    hasError: hasError,
+    innerRef: innerRef,
+    inputComponent: inputComponent,
+    isOpen: isOpen,
+    labelComponent: labelComponent,
+    labelText: labelText,
+    mask: mask,
+    onBlur: onBlur,
+    onChange: onChange,
+    onFocus: onFocus,
+    optional: optional,
+    readOnly: readOnly,
+    required: required,
+    useSubfix: useSubfix,
+    value: value
+  });
+};
 
 module.exports = DSFloatingLabelInput;

package/cjs/FloatingLabelInput/FloatingLabelInputImpl.js

@@ -1,10 +1,15 @@
 'use strict';
 
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.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 _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
 var dsClassnames = require('@elliemae/ds-classnames');
-var getComponentFromProps = require('@elliemae/ds-utilities/getComponentFromProps');
+var dsUtilities = require('@elliemae/ds-utilities');
 var DSTextWrapper = require('@elliemae/ds-text-wrapper');
 var resizeObserver = require('resize-observer');
 var getSvgPath = require('./getSvgPath.js');
@@ -15,28 +20,31 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var getComponentFromProps__default = /*#__PURE__*/_interopDefaultLegacy(getComponentFromProps);
 var DSTextWrapper__default = /*#__PURE__*/_interopDefaultLegacy(DSTextWrapper);
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 const blockName = 'labeled-outline';
-const Wrapper = dsClassnames.aggregatedClasses('div')(blockName, null, ({
-  isOpen
-}) => ({
-  'has-value': isOpen
-}));
+const Wrapper = dsClassnames.aggregatedClasses('div')(blockName, null, _ref => {
+  let {
+    isOpen
+  } = _ref;
+  return {
+    'has-value': isOpen
+  };
+});
 const FloatingLabel = dsClassnames.aggregatedClasses('label')(blockName, 'label');
 const OutlineIdle = dsClassnames.aggregatedClasses('div')(blockName, 'idle');
 const Outline = dsClassnames.aggregatedClasses('div')(blockName, 'outline');
 const OutlinePath = dsClassnames.aggregatedClasses('path')(blockName, 'outline__path');
 
-const shouldUpdateSvgPath = ({
-  width,
-  height,
-  labelWidth
-}, prevSizes) => {
+const shouldUpdateSvgPath = (_ref2, prevSizes) => {
+  let {
+    width,
+    height,
+    labelWidth
+  } = _ref2;
   if (width !== prevSizes.width) return true;
   if (height !== prevSizes.height) return true;
   return labelWidth !== prevSizes.labelWidth;
@@ -45,15 +53,12 @@ const shouldUpdateSvgPath = ({
 class FloatingLabelInputImpl extends React.Component {
   constructor(props) {
     super(props);
-
-    _defineProperty__default['default'](this, "resizeObserver", new resizeObserver.ResizeObserver(() => this.updatePath()));
-
-    _defineProperty__default['default'](this, "prevSizes", {});
-
-    this.wrapperRef = /*#__PURE__*/React__default['default'].createRef();
-    this.outlinePathRef = /*#__PURE__*/React__default['default'].createRef();
-    this.outlineIdleRef = /*#__PURE__*/React__default['default'].createRef();
-    this.labelRef = /*#__PURE__*/React__default['default'].createRef();
+    this.resizeObserver = new resizeObserver.ResizeObserver(() => this.updatePath());
+    this.prevSizes = {};
+    this.wrapperRef = /*#__PURE__*/React__default["default"].createRef();
+    this.outlinePathRef = /*#__PURE__*/React__default["default"].createRef();
+    this.outlineIdleRef = /*#__PURE__*/React__default["default"].createRef();
+    this.labelRef = /*#__PURE__*/React__default["default"].createRef();
     this.updatePath = this.updatePath.bind(this);
   }
 
@@ -155,9 +160,9 @@ class FloatingLabelInputImpl extends React.Component {
       useSubfix
     }, extraInputProps);
 
-    const InputComponent = getComponentFromProps__default['default'](inputComponent, inputProps);
+    const InputComponent = dsUtilities.getComponentFromProps(inputComponent, inputProps);
     const isOpen = this.isOpened;
-    return /*#__PURE__*/_jsx__default['default'](Wrapper, {
+    return /*#__PURE__*/_jsx__default["default"](Wrapper, {
       classProps: {
         hasError,
         isOpen,
@@ -169,28 +174,28 @@ class FloatingLabelInputImpl extends React.Component {
       onFocus: () => null,
       onMouseOut: this.handleMouseOut,
       onMouseOver: this.handleMouseOver
-    }, void 0, InputComponent, /*#__PURE__*/_jsx__default['default'](FloatingLabel, {
+    }, void 0, InputComponent, /*#__PURE__*/_jsx__default["default"](FloatingLabel, {
       classProps: {
         isOpen
       },
       innerRef: this.labelRef
-    }, void 0, /*#__PURE__*/_jsx__default['default'](DSTextWrapper__default['default'], {
+    }, void 0, /*#__PURE__*/_jsx__default["default"](DSTextWrapper__default["default"], {
       maxWidth: "100%",
       text: labelText
-    }), /*#__PURE__*/_jsx__default['default'](RequiredMark, {
+    }), /*#__PURE__*/_jsx__default["default"](RequiredMark, {
       optional: optional,
       required: required
-    })), /*#__PURE__*/_jsx__default['default'](Outline, {}, void 0, /*#__PURE__*/_jsx__default['default']("svg", {}, void 0, /*#__PURE__*/_jsx__default['default'](OutlinePath, {
+    })), /*#__PURE__*/_jsx__default["default"](Outline, {}, void 0, /*#__PURE__*/_jsx__default["default"]("svg", {}, void 0, /*#__PURE__*/_jsx__default["default"](OutlinePath, {
       innerRef: this.outlinePathRef
-    }))), /*#__PURE__*/_jsx__default['default'](OutlineIdle, {
+    }))), /*#__PURE__*/_jsx__default["default"](OutlineIdle, {
       innerRef: this.outlineIdleRef
     }));
   }
 
 }
 
-_defineProperty__default['default'](FloatingLabelInputImpl, "defaultProps", {
+FloatingLabelInputImpl.defaultProps = {
   onChange: () => null
-});
+};
 
 module.exports = FloatingLabelInputImpl;

package/cjs/FloatingLabelInput/getSvgPath.js

@@ -1,14 +1,15 @@
 'use strict';
 
 /* eslint-disable prefer-template,max-statements,no-nested-ternary */
-function getSvgPath({
-  labelWidth = 50,
-  width = 200,
-  height = 35,
-  radiusStyle,
-  hasRightRadius = true,
-  hasLeftRadius = true
-}) {
+function getSvgPath(_ref) {
+  let {
+    labelWidth = 50,
+    width = 200,
+    height = 35,
+    radiusStyle,
+    hasRightRadius = true,
+    hasLeftRadius = true
+  } = _ref;
   const notchWidth = labelWidth;
   const radius = parseFloat(radiusStyle);
   const cornerWidth = radius + 1.3;
@@ -33,7 +34,9 @@ function getSvgPath({
     extraSizeForTopH = 0;
   }
 
-  const pathMiddle = '' + (hasRightRadius ? 'a' + radius + ',' + radius + ' 0 0 1 ' + radius + ',' + radius : '') + 'v' + (height - (2 * cornerWidth - (extraSizeForRightV + 1.5))) + (hasRightRadius ? 'a' + radius + ',' + radius + ' 0 0 1 ' + -radius + ',' + radius : '') + 'h' + (-width + 2 * cornerWidth - extraSizeForH) + (hasLeftRadius ? 'a' + radius + ',' + radius + ' 0 0 1 ' + -radius + ',' + -radius : '') + 'v' + (-height + (2 * cornerWidth - (extraSizeForLeftV + 1.5))) + (hasLeftRadius ? 'a' + radius + ',' + radius + ' 0 0 1 ' + radius + ',' + -radius : '');
+  const pathMiddle = '' + (hasRightRadius ? 'a' + radius + ',' + radius + ' 0 0 1 ' + radius + ',' + radius : '') + 'v' + (height - (2 * cornerWidth - (extraSizeForRightV + 1.5))) + ( // right vertical line
+  hasRightRadius ? 'a' + radius + ',' + radius + ' 0 0 1 ' + -radius + ',' + radius : '') + 'h' + (-width + 2 * cornerWidth - extraSizeForH) + (hasLeftRadius ? 'a' + radius + ',' + radius + ' 0 0 1 ' + -radius + ',' + -radius : '') + 'v' + (-height + (2 * cornerWidth - (extraSizeForLeftV + 1.5))) + ( // left vertical line
+  hasLeftRadius ? 'a' + radius + ',' + radius + ' 0 0 1 ' + radius + ',' + -radius : '');
   let path;
 
   {

package/cjs/FormItem/DSFormItemLayout.js

@@ -2,13 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.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 _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 require('react');
 var reactDesc = require('react-desc');
 var dsClassnames = require('@elliemae/ds-classnames');
-var getComponentFromProps = require('@elliemae/ds-utilities/getComponentFromProps');
+var dsUtilities = require('@elliemae/ds-utilities');
 var Group = require('@elliemae/ds-shared/GroupContext/Group');
 var DSInputGroup = require('../InputGroup/DSInputGroup.js');
 var DSFloatingLabelInput = require('../FloatingLabelInput/DSFloatingLabelInput.js');
@@ -24,7 +29,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var getComponentFromProps__default = /*#__PURE__*/_interopDefaultLegacy(getComponentFromProps);
 var Group__default = /*#__PURE__*/_interopDefaultLegacy(Group);
 
 var _Group;
@@ -33,23 +37,26 @@ const _excluded = ["leftLabel", "floatingLabel", "name", "id", "value", "inputCo
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 const blockName = 'form-item';
-const Wrapper = dsClassnames.aggregatedClasses('div')(blockName, null, ({
-  leftLabel,
-  variant,
-  fitContent,
-  withHighlight
-}) => ({
-  'with-left-label': leftLabel,
-  'fit-content': fitContent,
-  [variant]: variant,
-  'with-highlight': withHighlight
-}));
-const WrapperContent = dsClassnames.aggregatedClasses('div')(`${blockName}-content`);
-const WrapperContentGroup = dsClassnames.aggregatedClasses('fieldset')(`${blockName}-content`);
-
-const DSFormItemLayout = _ref => {
+const Wrapper = dsClassnames.aggregatedClasses('div')(blockName, null, _ref => {
+  let {
+    leftLabel,
+    variant,
+    fitContent,
+    withHighlight
+  } = _ref;
+  return {
+    'with-left-label': leftLabel,
+    'fit-content': fitContent,
+    [variant]: variant,
+    'with-highlight': withHighlight
+  };
+});
+const WrapperContent = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-content"));
+const WrapperContentGroup = dsClassnames.aggregatedClasses('fieldset')("".concat(blockName, "-content"));
+
+const DSFormItemLayout = _ref2 => {
   var _WrapperContentComp;
 
   let {
@@ -92,10 +99,10 @@ const DSFormItemLayout = _ref => {
     fitContent,
     withHighlight,
     containerProps
-  } = _ref,
-      rest = _objectWithoutProperties__default['default'](_ref, _excluded);
+  } = _ref2,
+      rest = _objectWithoutProperties__default["default"](_ref2, _excluded);
 
-  const isGroup = InputComponent.type === (_Group || (_Group = /*#__PURE__*/_jsx__default['default'](Group__default['default'], {}))).type;
+  const isGroup = InputComponent.type === (_Group || (_Group = /*#__PURE__*/_jsx__default["default"](Group__default["default"], {}))).type;
 
   const floatingLabelOverride = floatingLabel === 'UNSAFE';
   const WrapperContentComp = !isGroup ? WrapperContent : WrapperContentGroup; // group the input props to not duplicate it inside the specific inputComponent (floating or not)
@@ -120,7 +127,7 @@ const DSFormItemLayout = _ref => {
     required
   }, rest);
 
-  const renderInput = Input => leftAddon || rightAddon ? /*#__PURE__*/_jsx__default['default'](DSInputGroup['default'], {
+  const renderInput = Input => leftAddon || rightAddon ? /*#__PURE__*/_jsx__default["default"](DSInputGroup["default"], {
     leftAddon: leftAddon,
     rightAddon: rightAddon,
     variant: variant
@@ -138,14 +145,14 @@ const DSFormItemLayout = _ref => {
   }));
 
   const InputWithLabel = floatingLabelOverride ? renderInput(renderFloating) : /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/_jsx__default['default'](LabelComponent, {
+    children: [/*#__PURE__*/_jsx__default["default"](LabelComponent, {
       htmlFor: id || name,
       label: labelText,
       optional: optional,
       required: required,
       isGroup: isGroup,
       truncateText: truncateText
-    }), renderInput(getComponentFromProps__default['default'](InputComponent, inputProps))]
+    }), renderInput(dsUtilities.getComponentFromProps(InputComponent, inputProps))]
   });
 
   if (suffix) {
@@ -160,14 +167,14 @@ const DSFormItemLayout = _ref => {
         withHighlight
       }
     }, containerProps), {}, {
-      children: /*#__PURE__*/_jsx__default['default'](Suffix.SuffixWrapper, {
+      children: /*#__PURE__*/_jsx__default["default"](Suffix.SuffixWrapper, {
         className: "suffix-wrapper"
-      }, void 0, /*#__PURE__*/_jsx__default['default'](Suffix.SuffixInputWrapper, {
+      }, void 0, /*#__PURE__*/_jsx__default["default"](Suffix.SuffixInputWrapper, {
         className: "suffix-input-wrapper"
-      }, void 0, _WrapperContentComp || (_WrapperContentComp = /*#__PURE__*/_jsx__default['default'](WrapperContentComp, {}, void 0, InputWithLabel, extraContent)), /*#__PURE__*/_jsx__default['default'](FeedbackComponent, {
+      }, void 0, _WrapperContentComp || (_WrapperContentComp = /*#__PURE__*/_jsx__default["default"](WrapperContentComp, {}, void 0, InputWithLabel, extraContent)), /*#__PURE__*/_jsx__default["default"](FeedbackComponent, {
         hasError: hasError,
         text: validationState || hasError ? validationMessage : feedbackMessage
-      })), /*#__PURE__*/_jsx__default['default'](Suffix.Suffix, {
+      })), /*#__PURE__*/_jsx__default["default"](Suffix.Suffix, {
         className: "suffix-label",
         label: !!labelText,
         withFeedback: Boolean(validationMessage || feedbackMessage)
@@ -186,7 +193,7 @@ const DSFormItemLayout = _ref => {
       withHighlight
     }
   }, containerProps), {}, {
-    children: [/*#__PURE__*/_jsx__default['default'](WrapperContentComp, {}, void 0, InputWithLabel, extraContent), /*#__PURE__*/_jsx__default['default'](FeedbackComponent, {
+    children: [/*#__PURE__*/_jsx__default["default"](WrapperContentComp, {}, void 0, InputWithLabel, extraContent), /*#__PURE__*/_jsx__default["default"](FeedbackComponent, {
       hasError: hasError,
       text: validationState || hasError ? validationMessage : feedbackMessage
     })]
@@ -197,7 +204,7 @@ DSFormItemLayout.defaultProps = defaultProps.defaultProps;
 const DSFormItemLayoutWithSchema = reactDesc.describe(DSFormItemLayout);
 DSFormItemLayoutWithSchema.propTypes = props.props;
 
-exports.DSError = DSError['default'];
+exports.DSError = DSError["default"];
 exports.FORMITEM_LAYOUT_VARIANTS = variants.FORMITEM_LAYOUT_VARIANTS;
 exports.DSFormItemLayoutWithSchema = DSFormItemLayoutWithSchema;
-exports['default'] = DSFormItemLayout;
+exports["default"] = DSFormItemLayout;

package/cjs/FormItem/Error/DSError.js

@@ -10,12 +10,13 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-const DSError = ({
-  hasError = false,
-  errorText = 'Error'
-}) => {
+const DSError = _ref => {
+  let {
+    hasError = false,
+    errorText = 'Error'
+  } = _ref;
   if (!hasError) return null;
-  return /*#__PURE__*/_jsx__default['default']("div", {
+  return /*#__PURE__*/_jsx__default["default"]("div", {
     className: "em-ds-error"
   }, void 0, errorText);
 };
@@ -31,4 +32,4 @@ const DSErrorWithSchema = reactDesc.describe(DSError);
 DSErrorWithSchema.propTypes = props;
 
 exports.DSErrorWithSchema = DSErrorWithSchema;
-exports['default'] = DSError;
+exports["default"] = DSError;

package/cjs/FormItem/Feedback.js

@@ -11,12 +11,13 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 const blockName = 'form-item';
 const FeedbackSpan = dsClassnames.aggregatedClasses('span')(blockName, 'feedback');
 
-const Feedback = ({
-  text,
-  hasError
-}) => {
+const Feedback = _ref => {
+  let {
+    text,
+    hasError
+  } = _ref;
   if (!text) return null;
-  return /*#__PURE__*/_jsx__default['default'](FeedbackSpan, {
+  return /*#__PURE__*/_jsx__default["default"](FeedbackSpan, {
     classProps: hasError
   }, void 0, text);
 };

package/cjs/FormItem/Label/DSLabel.js

@@ -14,22 +14,23 @@ var DSTruncatedTooltipText__default = /*#__PURE__*/_interopDefaultLegacy(DSTrunc
 const blockName = 'em-ds-label';
 const Text = dsClassnames.aggregatedClasses('span')(blockName, 'text');
 
-const DSLabel = ({
-  children,
-  label,
-  htmlFor,
-  required,
-  optional,
-  truncateText = true,
-  isGroup = false
-}) => {
+const DSLabel = _ref => {
+  let {
+    children,
+    label,
+    htmlFor,
+    required,
+    optional,
+    truncateText = true,
+    isGroup = false
+  } = _ref;
   const Tag = isGroup ? 'legend' : 'label';
-  return /*#__PURE__*/_jsx__default['default'](Tag, {
-    className: `${blockName}${isGroup ? ` ${blockName}--group` : ''}`,
+  return /*#__PURE__*/_jsx__default["default"](Tag, {
+    className: "".concat(blockName).concat(isGroup ? " ".concat(blockName, "--group") : ''),
     htmlFor: htmlFor
-  }, void 0, truncateText ? /*#__PURE__*/_jsx__default['default'](DSTruncatedTooltipText__default['default'], {
+  }, void 0, truncateText ? /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText__default["default"], {
     value: children || label
-  }) : /*#__PURE__*/_jsx__default['default'](Text, {}, void 0, label), /*#__PURE__*/_jsx__default['default'](RequiredMark, {
+  }) : /*#__PURE__*/_jsx__default["default"](Text, {}, void 0, label), /*#__PURE__*/_jsx__default["default"](RequiredMark, {
     optional: optional,
     required: required
   }));