@elliemae/ds-form 1.60.0 → 2.0.0-alpha.12

package/esm/ExpandableInput/index.js

@@ -1,24 +1 @@
 export { default } from './DSExpandableInput.js';
-import 'react';
-import './ExpandableInputImpl.js';
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/classCallCheck';
-import '@babel/runtime/helpers/esm/createClass';
-import '@babel/runtime/helpers/esm/inherits';
-import '@babel/runtime/helpers/esm/possibleConstructorReturn';
-import '@babel/runtime/helpers/esm/getPrototypeOf';
-import '@elliemae/ds-classnames';
-import '@elliemae/ds-shared/utils';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import '../Input/InputImpl.js';
-import '@babel/runtime/helpers/esm/typeof';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@babel/runtime/helpers/esm/assertThisInitialized';
-import 'prop-types';
-import 'lodash';
-import '@elliemae/ds-icons';
-import '@elliemae/ds-button';
-import '@elliemae/ds-tooltip';
-import '../Input/InputAddonWrapper.js';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-//# sourceMappingURL=index.js.map

package/esm/FloatingLabelInput/DSFloatingLabelInput.js

@@ -1,78 +1,111 @@
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import FloatingLabelInputImpl from './FloatingLabelInputImpl.js';
 import DSLabel from '../FormItem/Label/DSLabel.js';
 import DSTextBox from '../TextBox/DSTextBox.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@babel/runtime/helpers/esm/classCallCheck';
-import '@babel/runtime/helpers/esm/createClass';
-import '@babel/runtime/helpers/esm/assertThisInitialized';
-import '@babel/runtime/helpers/esm/inherits';
-import '@babel/runtime/helpers/esm/possibleConstructorReturn';
-import '@babel/runtime/helpers/esm/getPrototypeOf';
-import '@elliemae/ds-classnames';
-import '@elliemae/ds-utilities';
-import '@elliemae/ds-text-wrapper';
-import 'resize-observer';
-import './getSvgPath.js';
-import '../RequiredMark/RequiredMark.js';
-import 'prop-types';
-import '@elliemae/ds-truncated-tooltip-text';
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react-desc';
-import '../Input/DSInput.js';
-import '../Input/InputImpl.js';
-import '@babel/runtime/helpers/esm/typeof';
-import 'lodash';
-import '@elliemae/ds-icons';
-import '@elliemae/ds-button';
-import '@elliemae/ds-tooltip';
-import '../Input/InputAddonWrapper.js';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-
-var noop = function noop() {};
-
-var DSFloatingLabelInput = function DSFloatingLabelInput(_ref) {
-  _ref.containerProps;
-      var _ref$arialLabel = _ref.arialLabel,
-      arialLabel = _ref$arialLabel === void 0 ? '' : _ref$arialLabel,
-      _ref$innerRef = _ref.innerRef,
-      innerRef = _ref$innerRef === void 0 ? noop : _ref$innerRef,
-      _ref$className = _ref.className,
-      className = _ref$className === void 0 ? '' : _ref$className,
-      _ref$extraInputProps = _ref.extraInputProps,
-      extraInputProps = _ref$extraInputProps === void 0 ? {} : _ref$extraInputProps,
-      _ref$inputComponent = _ref.inputComponent,
-      inputComponent = _ref$inputComponent === void 0 ? DSTextBox : _ref$inputComponent,
-      _ref$value = _ref.value,
-      value = _ref$value === void 0 ? '' : _ref$value,
-      _ref$labelComponent = _ref.labelComponent,
-      labelComponent = _ref$labelComponent === void 0 ? DSLabel : _ref$labelComponent,
-      _ref$labelText = _ref.labelText,
-      labelText = _ref$labelText === void 0 ? null : _ref$labelText,
-      _ref$onChange = _ref.onChange,
-      onChange = _ref$onChange === void 0 ? noop : _ref$onChange,
-      _ref$onBlur = _ref.onBlur,
-      onBlur = _ref$onBlur === void 0 ? noop : _ref$onBlur,
-      _ref$onFocus = _ref.onFocus,
-      onFocus = _ref$onFocus === void 0 ? noop : _ref$onFocus,
-      _ref$isOpen = _ref.isOpen,
-      isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
-      _ref$hasError = _ref.hasError,
-      hasError = _ref$hasError === void 0 ? false : _ref$hasError,
-      _ref$readOnly = _ref.readOnly,
-      readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      _ref$required = _ref.required,
-      required = _ref$required === void 0 ? false : _ref$required,
-      _ref$optional = _ref.optional,
-      optional = _ref$optional === void 0 ? false : _ref$optional,
-      _ref$mask = _ref.mask,
-      mask = _ref$mask === void 0 ? null : _ref$mask,
-      _ref$useSubfix = _ref.useSubfix,
-      useSubfix = _ref$useSubfix === void 0 ? '' : _ref$useSubfix;
-  return /*#__PURE__*/React.createElement(FloatingLabelInputImpl, {
+
+const noop = () => {};
+
+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,
+
+    /**
+     * 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(FloatingLabelInputImpl, {
     arialLabel: arialLabel,
     className: className,
     disabled: disabled,
@@ -96,4 +129,3 @@ var DSFloatingLabelInput = function DSFloatingLabelInput(_ref) {
 };
 
 export { DSFloatingLabelInput as default };
-//# sourceMappingURL=DSFloatingLabelInput.js.map

package/esm/FloatingLabelInput/FloatingLabelInputImpl.js

@@ -1,10 +1,10 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _classCallCheck from '@babel/runtime/helpers/esm/classCallCheck';
-import _createClass from '@babel/runtime/helpers/esm/createClass';
-import _assertThisInitialized from '@babel/runtime/helpers/esm/assertThisInitialized';
-import _inherits from '@babel/runtime/helpers/esm/inherits';
-import _possibleConstructorReturn from '@babel/runtime/helpers/esm/possibleConstructorReturn';
-import _getPrototypeOf from '@babel/runtime/helpers/esm/getPrototypeOf';
 import React, { Component } from 'react';
 import { aggregatedClasses } from '@elliemae/ds-classnames';
 import { getComponentFromProps } from '@elliemae/ds-utilities';
@@ -16,196 +16,177 @@ import RequiredMark from '../RequiredMark/RequiredMark.js';
 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(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 _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-var blockName = 'labeled-outline';
-var Wrapper = aggregatedClasses('div')(blockName, null, function (_ref) {
-  var isOpen = _ref.isOpen;
+const blockName = 'labeled-outline';
+const Wrapper = aggregatedClasses('div')(blockName, null, _ref => {
+  let {
+    isOpen
+  } = _ref;
   return {
     'has-value': isOpen
   };
 });
-var FloatingLabel = aggregatedClasses('label')(blockName, 'label');
-var OutlineIdle = aggregatedClasses('div')(blockName, 'idle');
-var Outline = aggregatedClasses('div')(blockName, 'outline');
-var OutlinePath = aggregatedClasses('path')(blockName, 'outline__path');
-
-var shouldUpdateSvgPath = function shouldUpdateSvgPath(_ref2, prevSizes) {
-  var width = _ref2.width,
-      height = _ref2.height,
-      labelWidth = _ref2.labelWidth;
+const FloatingLabel = aggregatedClasses('label')(blockName, 'label');
+const OutlineIdle = aggregatedClasses('div')(blockName, 'idle');
+const Outline = aggregatedClasses('div')(blockName, 'outline');
+const OutlinePath = aggregatedClasses('path')(blockName, 'outline__path');
+
+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;
 };
 
-var FloatingLabelInputImpl = /*#__PURE__*/function (_Component) {
-  _inherits(FloatingLabelInputImpl, _Component);
+class FloatingLabelInputImpl extends Component {
+  constructor(props) {
+    super(props);
+    this.resizeObserver = new ResizeObserver(() => this.updatePath());
+    this.prevSizes = {};
+    this.wrapperRef = /*#__PURE__*/React.createRef();
+    this.outlinePathRef = /*#__PURE__*/React.createRef();
+    this.outlineIdleRef = /*#__PURE__*/React.createRef();
+    this.labelRef = /*#__PURE__*/React.createRef();
+    this.updatePath = this.updatePath.bind(this);
+  }
 
-  var _super = _createSuper(FloatingLabelInputImpl);
+  componentDidMount() {
+    this.resizeObserver.observe(this.wrapperRef.current);
+  }
 
-  function FloatingLabelInputImpl(props) {
-    var _this;
+  componentDidUpdate() {
+    if (!shouldUpdateSvgPath(this.sizes, this.prevSizes)) return;
+    this.updatePath();
+  }
 
-    _classCallCheck(this, FloatingLabelInputImpl);
+  componentWillUnmount() {
+    this.resizeObserver.unobserve(this.wrapperRef.current);
+  }
 
-    _this = _super.call(this, props);
-    _this.resizeObserver = new ResizeObserver(function () {
-      return _this.updatePath();
-    });
-    _this.prevSizes = {};
-    _this.wrapperRef = /*#__PURE__*/React.createRef();
-    _this.outlinePathRef = /*#__PURE__*/React.createRef();
-    _this.outlineIdleRef = /*#__PURE__*/React.createRef();
-    _this.labelRef = /*#__PURE__*/React.createRef();
-    _this.updatePath = _this.updatePath.bind(_assertThisInitialized(_this));
-    return _this;
+  get sizes() {
+    const {
+      current: labelEl
+    } = this.labelRef;
+    const {
+      current: wrapperEl
+    } = this.wrapperRef;
+    const {
+      current: outlineIdleEl
+    } = this.outlineIdleRef;
+    const elStyles = window.getComputedStyle(outlineIdleEl);
+    const leftRadius = elStyles.getPropertyValue('border-top-left-radius');
+    const rightRadius = elStyles.getPropertyValue('border-top-right-radius');
+    const hasLeftRadius = parseFloat(leftRadius) !== 0;
+    const hasRightRadius = parseFloat(rightRadius) !== 0;
+    return {
+      labelWidth: labelEl.offsetWidth * 0.9,
+      width: wrapperEl.offsetWidth,
+      height: wrapperEl.offsetHeight,
+      radiusStyle: leftRadius,
+      hasLeftRadius,
+      hasRightRadius
+    };
   }
 
-  _createClass(FloatingLabelInputImpl, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.resizeObserver.observe(this.wrapperRef.current);
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate() {
-      if (!shouldUpdateSvgPath(this.sizes, this.prevSizes)) return;
-      this.updatePath();
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.resizeObserver.unobserve(this.wrapperRef.current);
-    }
-  }, {
-    key: "sizes",
-    get: function get() {
-      var labelEl = this.labelRef.current;
-      var wrapperEl = this.wrapperRef.current;
-      var outlineIdleEl = this.outlineIdleRef.current;
-      var elStyles = window.getComputedStyle(outlineIdleEl);
-      var leftRadius = elStyles.getPropertyValue('border-top-left-radius');
-      var rightRadius = elStyles.getPropertyValue('border-top-right-radius');
-      var hasLeftRadius = parseFloat(leftRadius) !== 0;
-      var hasRightRadius = parseFloat(rightRadius) !== 0;
-      return {
-        labelWidth: labelEl.offsetWidth * 0.9,
-        width: wrapperEl.offsetWidth,
-        height: wrapperEl.offsetHeight,
-        radiusStyle: leftRadius,
-        hasLeftRadius: hasLeftRadius,
-        hasRightRadius: hasRightRadius
-      };
-    }
-  }, {
-    key: "isOpened",
-    get: function get() {
-      var _this$props = this.props,
-          focused = _this$props.focused,
-          isOpen = _this$props.isOpen,
-          value = _this$props.value;
-      return focused || (Array.isArray(value) ? !!value.length : !!value) || isOpen;
-    }
-  }, {
-    key: "getValue",
-    value: function getValue(value) {
-      var valueAccessor = this.props.valueAccessor;
-      if (valueAccessor) return valueAccessor(value); // is an event
-
-      if (value && value.target) return value.target.value;
-      return value;
-    }
-  }, {
-    key: "updatePath",
-    value: function updatePath() {
-      var path = getSvgPath(this.sizes);
-      this.prevSizes = this.sizes;
-      this.outlinePathRef.current.setAttribute('d', path);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-          ariaLabel = _this$props2.ariaLabel,
-          hasError = _this$props2.hasError,
-          readOnly = _this$props2.readOnly,
-          disabled = _this$props2.disabled,
-          inputComponent = _this$props2.inputComponent,
-          labelText = _this$props2.labelText,
-          onBlur = _this$props2.onBlur,
-          onFocus = _this$props2.onFocus,
-          innerRef = _this$props2.innerRef,
-          extraInputProps = _this$props2.extraInputProps,
-          required = _this$props2.required,
-          value = _this$props2.value,
-          onChange = _this$props2.onChange,
-          mask = _this$props2.mask,
-          useSubfix = _this$props2.useSubfix,
-          optional = _this$props2.optional;
-
-      var inputProps = _objectSpread({
-        ariaLabel: ariaLabel,
-        className: 'floating-label-input-controller',
-        disabled: disabled,
-        hasError: hasError,
-        onBlur: onBlur,
-        onChange: onChange,
-        onFocus: onFocus,
-        readOnly: readOnly,
-        value: value,
-        innerRef: innerRef,
-        mask: mask,
-        useSubfix: useSubfix
-      }, extraInputProps);
-
-      var InputComponent = getComponentFromProps(inputComponent, inputProps);
-      var isOpen = this.isOpened;
-      return /*#__PURE__*/React.createElement(Wrapper, {
-        classProps: {
-          hasError: hasError,
-          isOpen: isOpen,
-          readOnly: readOnly,
-          disabled: disabled
-        },
-        innerRef: this.wrapperRef,
-        onBlur: function onBlur() {
-          return null;
-        },
-        onFocus: function onFocus() {
-          return null;
-        },
-        onMouseOut: this.handleMouseOut,
-        onMouseOver: this.handleMouseOver
-      }, InputComponent, /*#__PURE__*/React.createElement(FloatingLabel, {
-        classProps: {
-          isOpen: isOpen
-        },
-        innerRef: this.labelRef
-      }, /*#__PURE__*/React.createElement(DSTextWrapper, {
-        maxWidth: "100%",
-        text: labelText
-      }), /*#__PURE__*/React.createElement(RequiredMark, {
-        optional: optional,
-        required: required
-      })), /*#__PURE__*/React.createElement(Outline, null, /*#__PURE__*/React.createElement("svg", null, /*#__PURE__*/React.createElement(OutlinePath, {
-        innerRef: this.outlinePathRef
-      }))), /*#__PURE__*/React.createElement(OutlineIdle, {
-        innerRef: this.outlineIdleRef
-      }));
-    }
-  }]);
-
-  return FloatingLabelInputImpl;
-}(Component);
+  get isOpened() {
+    const {
+      focused,
+      isOpen,
+      value
+    } = this.props;
+    return focused || (Array.isArray(value) ? !!value.length : !!value) || isOpen;
+  }
 
-FloatingLabelInputImpl.defaultProps = {
-  onChange: function onChange() {
-    return null;
+  getValue(value) {
+    const {
+      valueAccessor
+    } = this.props;
+    if (valueAccessor) return valueAccessor(value); // is an event
+
+    if (value && value.target) return value.target.value;
+    return value;
+  }
+
+  updatePath() {
+    const path = getSvgPath(this.sizes);
+    this.prevSizes = this.sizes;
+    this.outlinePathRef.current.setAttribute('d', path);
+  }
+
+  render() {
+    const {
+      ariaLabel,
+      hasError,
+      readOnly,
+      disabled,
+      inputComponent,
+      labelText,
+      onBlur,
+      onFocus,
+      innerRef,
+      extraInputProps,
+      required,
+      value,
+      onChange,
+      mask,
+      useSubfix,
+      optional
+    } = this.props;
+
+    const inputProps = _objectSpread({
+      ariaLabel,
+      className: 'floating-label-input-controller',
+      disabled,
+      hasError,
+      onBlur,
+      onChange,
+      onFocus,
+      readOnly,
+      value,
+      innerRef,
+      mask,
+      useSubfix
+    }, extraInputProps);
+
+    const InputComponent = getComponentFromProps(inputComponent, inputProps);
+    const isOpen = this.isOpened;
+    return /*#__PURE__*/_jsx(Wrapper, {
+      classProps: {
+        hasError,
+        isOpen,
+        readOnly,
+        disabled
+      },
+      innerRef: this.wrapperRef,
+      onBlur: () => null,
+      onFocus: () => null,
+      onMouseOut: this.handleMouseOut,
+      onMouseOver: this.handleMouseOver
+    }, void 0, InputComponent, /*#__PURE__*/_jsx(FloatingLabel, {
+      classProps: {
+        isOpen
+      },
+      innerRef: this.labelRef
+    }, void 0, /*#__PURE__*/_jsx(DSTextWrapper, {
+      maxWidth: "100%",
+      text: labelText
+    }), /*#__PURE__*/_jsx(RequiredMark, {
+      optional: optional,
+      required: required
+    })), /*#__PURE__*/_jsx(Outline, {}, void 0, /*#__PURE__*/_jsx("svg", {}, void 0, /*#__PURE__*/_jsx(OutlinePath, {
+      innerRef: this.outlinePathRef
+    }))), /*#__PURE__*/_jsx(OutlineIdle, {
+      innerRef: this.outlineIdleRef
+    }));
   }
+
+}
+
+FloatingLabelInputImpl.defaultProps = {
+  onChange: () => null
 };
 
 export { FloatingLabelInputImpl as default };
-//# sourceMappingURL=FloatingLabelInputImpl.js.map

package/esm/FloatingLabelInput/getSvgPath.js

@@ -1,25 +1,22 @@
 /* eslint-disable prefer-template,max-statements,no-nested-ternary */
 function getSvgPath(_ref) {
-  var _ref$labelWidth = _ref.labelWidth,
-      labelWidth = _ref$labelWidth === void 0 ? 50 : _ref$labelWidth,
-      _ref$width = _ref.width,
-      width = _ref$width === void 0 ? 200 : _ref$width,
-      _ref$height = _ref.height,
-      height = _ref$height === void 0 ? 35 : _ref$height,
-      radiusStyle = _ref.radiusStyle,
-      _ref$hasRightRadius = _ref.hasRightRadius,
-      hasRightRadius = _ref$hasRightRadius === void 0 ? true : _ref$hasRightRadius,
-      _ref$hasLeftRadius = _ref.hasLeftRadius,
-      hasLeftRadius = _ref$hasLeftRadius === void 0 ? true : _ref$hasLeftRadius;
-  var notchWidth = labelWidth;
-  var radius = parseFloat(radiusStyle);
-  var cornerWidth = radius + 1.3;
-  var leadingStrokeLength = 4;
-  var paddedNotchWidth = notchWidth + 8;
-  var extraSizeForH = 0;
-  var extraSizeForLeftV = 0;
-  var extraSizeForRightV = 0;
-  var extraSizeForTopH = radius;
+  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;
+  const leadingStrokeLength = 4;
+  const paddedNotchWidth = notchWidth + 8;
+  let extraSizeForH = 0;
+  let extraSizeForLeftV = 0;
+  let extraSizeForRightV = 0;
+  let extraSizeForTopH = radius;
 
   if (!hasRightRadius) {
     extraSizeForH += radius;
@@ -35,10 +32,10 @@ function getSvgPath(_ref) {
     extraSizeForTopH = 0;
   }
 
-  var pathMiddle = '' + (hasRightRadius ? 'a' + radius + ',' + radius + ' 0 0 1 ' + radius + ',' + radius : '') + 'v' + (height - (2 * cornerWidth - (extraSizeForRightV + 1.5))) + ( // right vertical line
+  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 : '');
-  var path;
+  let path;
 
   {
     path = '' + 'M' + (cornerWidth + leadingStrokeLength + paddedNotchWidth) + ',' + 0.5 + 'h' + (width - 2 * cornerWidth - paddedNotchWidth - leadingStrokeLength + extraSizeForTopH) + pathMiddle + 'h' + leadingStrokeLength;
@@ -48,4 +45,3 @@ function getSvgPath(_ref) {
 }
 
 export { getSvgPath as default };
-//# sourceMappingURL=getSvgPath.js.map