@elliemae/ds-form 2.0.0-alpha.10 → 2.0.0-alpha.14

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; }
 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,11 +53,8 @@ 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.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();
@@ -155,7 +160,7 @@ 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, {
       classProps: {
@@ -189,8 +194,8 @@ class FloatingLabelInputImpl extends React.Component {
 
 }
 
-_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;
@@ -35,21 +39,24 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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,8 +99,8 @@ 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;
 
@@ -145,7 +152,7 @@ const DSFormItemLayout = _ref => {
       required: required,
       isGroup: isGroup,
       truncateText: truncateText
-    }), renderInput(getComponentFromProps__default["default"](InputComponent, inputProps))]
+    }), renderInput(dsUtilities.getComponentFromProps(InputComponent, inputProps))]
   });
 
   if (suffix) {

package/cjs/FormItem/Error/DSError.js

@@ -10,10 +10,11 @@ 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", {
     className: "em-ds-error"

package/cjs/FormItem/Feedback.js

@@ -11,10 +11,11 @@ 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, {
     classProps: hasError

package/cjs/FormItem/Label/DSLabel.js

@@ -14,18 +14,19 @@ 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` : ''}`,
+    className: "".concat(blockName).concat(isGroup ? " ".concat(blockName, "--group") : ''),
     htmlFor: htmlFor
   }, void 0, truncateText ? /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText__default["default"], {
     value: children || label

package/cjs/FormItem/Suffix/Suffix.js

@@ -13,15 +13,11 @@ 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 = /*#__PURE__*/styled__default["default"].div.withConfig({

package/cjs/FormItem/ValidationFieldWrapper.js

@@ -1,6 +1,13 @@
 '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 }; }
@@ -104,8 +111,7 @@ class ValidationFieldWrapper extends React.Component {
   }
 
 }
-
-_defineProperty__default["default"](ValidationFieldWrapper, "defaultProps", {
+ValidationFieldWrapper.defaultProps = {
   validateOnBlur: false,
   validateOnChange: false,
   name: '',
@@ -114,6 +120,6 @@ _defineProperty__default["default"](ValidationFieldWrapper, "defaultProps", {
   validate: () => null,
   onChange: () => null,
   onBlur: () => null
-});
+};
 
 module.exports = ValidationFieldWrapper;

package/cjs/Input/DSInput.js

@@ -2,6 +2,11 @@
 
 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 _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 require('react');
@@ -54,7 +59,7 @@ const DSInput = _ref => {
     "aria-label": otherProps['aria-label'],
     "aria-describedby": otherProps['aria-describedby'],
     autoFocus: autoFocus,
-    className: `${className} ${disabled ? 'input-disabled' : ''}`,
+    className: "".concat(className, " ").concat(disabled ? 'input-disabled' : ''),
     clearable: clearable,
     containerProps: containerProps,
     customInputType: customInputType,