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

package/esm/SearchBox/DSSearchBox.js

@@ -1,9 +1,8 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import React from 'react';
 import { describe } from 'react-desc';
-import SearchIcon from '@elliemae/ds-icons/Search';
+import { CloseXsmall, Search } from '@elliemae/ds-icons';
 import { DSIconColors } from '@elliemae/ds-icon';
-import CloseXsmall from '@elliemae/ds-icons/CloseXsmall';
 import { SearchBoxTextBox } from './styled.js';
 import { SButton } from './SButton.js';
 import { useSearch } from './useSearch.js';
@@ -12,27 +11,28 @@ import { defaultProps } from './defaultProps.js';
 
 var _Search;
 
-const DSSearchBox = ({
-  className,
-  clearable,
-  containerProps,
-  disableButton,
-  disabled,
-  innerRef,
-  onBlur,
-  onChange,
-  onKeyUp,
-  onSearch,
-  onClearButtonClick,
-  placeholder,
-  property,
-  readOnly,
-  searchOnEnter,
-  onSearchButtonClick,
-  showIcon,
-  style,
-  value
-}) => {
+const DSSearchBox = _ref => {
+  let {
+    className,
+    clearable,
+    containerProps,
+    disableButton,
+    disabled,
+    innerRef,
+    onBlur,
+    onChange,
+    onKeyUp,
+    onSearch,
+    onClearButtonClick,
+    placeholder,
+    property,
+    readOnly,
+    searchOnEnter,
+    onSearchButtonClick,
+    showIcon,
+    style,
+    value
+  } = _ref;
   const {
     searchValue,
     handleChange,
@@ -53,7 +53,7 @@ const DSSearchBox = ({
   const shouldShowSearchIcon = !shouldShowClearIcon && showIcon;
   const shouldShowAnyIcon = shouldShowClearIcon || shouldShowSearchIcon;
   const PureSearchboxIcon = React.useMemo(() => {
-    let Icon = _Search || (_Search = /*#__PURE__*/_jsx(SearchIcon, {
+    let Icon = _Search || (_Search = /*#__PURE__*/_jsx(Search, {
       "aria-label": "Search"
     }));
 

package/esm/SearchBox/NavSearchBox.js

@@ -2,12 +2,9 @@ import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'react';
 import styled from 'styled-components';
 import { describe } from 'react-desc';
-import ChevronDown from '@elliemae/ds-icons/ChevronDown';
-import SearchIcon from '@elliemae/ds-icons/Search';
-import ChevronUp from '@elliemae/ds-icons/ChevronUp';
+import { ChevronDown, ChevronUp, CloseXsmall, Search } from '@elliemae/ds-icons';
 import DSButton from '@elliemae/ds-button';
 import DSTextBox from '../TextBox/DSTextBox.js';
-import CloseXsmall from '@elliemae/ds-icons/CloseXsmall';
 import { navSearchBoxProps } from './props.js';
 import { navSearchBoxDefaultProps } from './defaultProps.js';
 import { jsxs, Fragment } from 'react/jsx-runtime';
@@ -24,9 +21,12 @@ const StyledToolbarRightAddonsWrapper = /*#__PURE__*/styled.div.withConfig({
 })(["display:flex;align-items:center;justify-content:flex-end;"]);
 const NavBtn = /*#__PURE__*/styled(DSButton).withConfig({
   componentId: "sc-sbwvud-3"
-})(["height:calc(100% - 2px);border:none;border-radius:", ";"], ({
-  last
-}) => last ? '2px  2px 0px 0px' : '0px');
+})(["height:calc(100% - 2px);border:none;border-radius:", ";"], _ref => {
+  let {
+    last
+  } = _ref;
+  return last ? '2px  2px 0px 0px' : '0px';
+});
 
 const RightButtonsGroup = props => {
   const {
@@ -72,7 +72,7 @@ const RightButtonsGroup = props => {
         'data-testid': 'ds-navsearchbox-clear'
       },
       buttonType: "text",
-      icon: /*#__PURE__*/_jsx(SearchIcon, {
+      icon: /*#__PURE__*/_jsx(Search, {
         color: ['brand-primary', '800']
       }),
       last: true
@@ -87,7 +87,7 @@ const ResultTracker = props => {
   } = props;
   if (currentResultIndex === -1 && !totalResults) return null;
   if (currentResultIndex === -1 && totalResults) return /*#__PURE__*/_jsx(StyledResultTracker, {}, void 0, totalResults);
-  return /*#__PURE__*/_jsx(StyledResultTracker, {}, void 0, `${currentResultIndex + 1} / ${totalResults}`);
+  return /*#__PURE__*/_jsx(StyledResultTracker, {}, void 0, "".concat(currentResultIndex + 1, " / ").concat(totalResults));
 };
 
 const VerticalSeparator = () => _StyledVerticalSepara || (_StyledVerticalSepara = /*#__PURE__*/_jsx(StyledVerticalSeparator, {}));

package/esm/SearchBox/SButton.js

@@ -7,16 +7,19 @@ const Button = /*#__PURE__*/styled.button.withConfig({
   componentId: "sc-15udc15-0"
 })(["all:unset;position:absolute;height:calc(100% - 2px);width:28px;top:1px;right:1px;display:flex;justify-content:center;align-items:center;box-sizing:border-box;cursor:pointer;z-index:1;svg{fill:", ";}&:disabled{color:#5d6775;cursor:not-allowed;svg{fill:#5d6775;}}&:focus{", "}"], props => props.theme.colors.brand['600'], focus());
 
-const SButton = ({
-  icon,
-  disabled,
-  onClick,
-  dataTestid = "ds-searchbox-button"
-}) => /*#__PURE__*/_jsx(Button, {
-  "data-testid": dataTestid,
-  onClick: onClick,
-  disabled: disabled,
-  type: "button"
-}, void 0, icon);
+const SButton = _ref => {
+  let {
+    icon,
+    disabled,
+    onClick,
+    dataTestid = "ds-searchbox-button"
+  } = _ref;
+  return /*#__PURE__*/_jsx(Button, {
+    "data-testid": dataTestid,
+    onClick: onClick,
+    disabled: disabled,
+    type: "button"
+  }, void 0, icon);
+};
 
 export { SButton };

package/esm/SearchBox/SearchBoxToggle.js

@@ -1,14 +1,20 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'core-js/modules/web.dom-collections.iterator.js';
+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 { useState } from 'react';
 import styled from 'styled-components';
-import SearchIcon from '@elliemae/ds-icons/Search';
+import { Search } from '@elliemae/ds-icons';
 import DSButton from '@elliemae/ds-button';
 import DSSearchBox from './DSSearchBox.js';
 import { jsx } from 'react/jsx-runtime';
 
-var _SearchIcon;
+var _Search;
 
 const _excluded = ["onSearchButtonClick", "width"];
 
@@ -18,15 +24,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 const SEARCH_BUTTON_WIDTH = 26;
 const SearchWrap = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-xt33wm-0"
-})(["transition:width 200ms ease;width:", "px;height:0;", " ", ""], SEARCH_BUTTON_WIDTH, props => !props.show ? `
-        opacity:0;
-
-        & * {
-          width: ${SEARCH_BUTTON_WIDTH}px;
-          height: 0;
-          border: 0;
-        }
-      ` : '', props => props.isOpen ? `width: ${props.width};opacity: 1;height: auto;` : ''); // eslint-disable-next-line react/prop-types
+})(["transition:width 200ms ease;width:", "px;height:0;", " ", ""], SEARCH_BUTTON_WIDTH, props => !props.show ? "\n        opacity:0;\n\n        & * {\n          width: ".concat(SEARCH_BUTTON_WIDTH, "px;\n          height: 0;\n          border: 0;\n        }\n      ") : '', props => props.isOpen ? "width: ".concat(props.width, ";opacity: 1;height: auto;") : ''); // eslint-disable-next-line react/prop-types
 
 const SearchBoxToggle = _ref => {
   let {
@@ -37,14 +35,14 @@ const SearchBoxToggle = _ref => {
 
   const [isOpen, setOpen] = useState(false);
   const [show, setShow] = useState(true);
-  const computedWidth = typeof width === 'number' ? `${width}px` : width;
+  const computedWidth = typeof width === 'number' ? "".concat(width, "px") : width;
 
   const button = /*#__PURE__*/_jsx(DSButton, {
     onClick: () => {
       setOpen(true);
     },
     buttonType: "text",
-    icon: _SearchIcon || (_SearchIcon = /*#__PURE__*/_jsx(SearchIcon, {}))
+    icon: _Search || (_Search = /*#__PURE__*/_jsx(Search, {}))
   });
 
   return /*#__PURE__*/_jsx("div", {}, void 0, show && !isOpen && button, /*#__PURE__*/_jsx(SearchWrap, {

package/esm/SearchBox/useSearch.js

@@ -1,5 +1,6 @@
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useCallback, useEffect } from 'react';
-import { debounce } from '@elliemae/ds-utilities/utils';
+import { debounce } from '@elliemae/ds-utilities';
 
 function handleSearch(clearOnSearch, setValue, searchOnEnter, value, onSearch, property, clickTrigger, onSearchButtonClick) {
   if (clickTrigger) {
@@ -17,7 +18,8 @@ function handleSearch(clearOnSearch, setValue, searchOnEnter, value, onSearch, p
   });
 }
 
-function useSearch(params = {}) {
+function useSearch() {
+  let params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     onKeyUp,
     onSearch,
@@ -37,11 +39,15 @@ function useSearch(params = {}) {
     }
   }, [params.value]);
 
-  const searchWithParams = (clickedSearchButton = false) => handleSearch(clearOnSearch, setValue, searchOnEnter, value, onSearch, property, clickedSearchButton, onSearchButtonClick);
+  const searchWithParams = function () {
+    let clickedSearchButton = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+    return handleSearch(clearOnSearch, setValue, searchOnEnter, value, onSearch, property, clickedSearchButton, onSearchButtonClick);
+  };
 
-  const handleChange = ({
-    target
-  }) => {
+  const handleChange = _ref => {
+    let {
+      target
+    } = _ref;
     onChange(target.value);
     setValue(target.value);
 

package/esm/SearchBox/withSearchable.js

@@ -1,7 +1,12 @@
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+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 _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import React, { Component } from 'react';
-import { debounce } from '@elliemae/ds-utilities/utils';
+import { debounce } from '@elliemae/ds-utilities';
 import { jsx } from 'react/jsx-runtime';
 
 const _excluded = ["containerProps"];
@@ -14,9 +19,7 @@ const withSearchable = WrappedComponent => {
   class Searchable extends Component {
     constructor(props) {
       super(props);
-
-      _defineProperty(this, "debouncedSearch", debounce(this.handleSearch, 200));
-
+      this.debouncedSearch = debounce(this.handleSearch, 200);
       this.state = {
         value: props.value
       };
@@ -29,9 +32,11 @@ const withSearchable = WrappedComponent => {
       this.handleSearch = this.handleSearch.bind(this);
     }
 
-    static getDerivedStateFromProps(nextProps, {
-      prevPropValue
-    }) {
+    static getDerivedStateFromProps(nextProps, _ref) {
+      let {
+        prevPropValue
+      } = _ref;
+
       if (nextProps.value !== prevPropValue) {
         return {
           value: nextProps.value,
@@ -81,9 +86,10 @@ const withSearchable = WrappedComponent => {
       });
     }
 
-    handleChange({
-      target
-    }) {
+    handleChange(_ref2) {
+      let {
+        target
+      } = _ref2;
       const {
         value
       } = target;

package/esm/TextBox/DSTextBox.js

@@ -1,3 +1,8 @@
+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 _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import 'react';
@@ -39,7 +44,7 @@ const DSTextBox = _ref => {
 
   return /*#__PURE__*/jsx(DSInput, _objectSpread(_objectSpread({}, otherProps), {}, {
     "aria-label": !id ? otherProps['aria-label'] || 'Text Box' : undefined,
-    "aria-describedby": otherProps['aria-describedby'] || `${id}_feedback_message`,
+    "aria-describedby": otherProps['aria-describedby'] || "".concat(id, "_feedback_message"),
     autoFocus: autoFocus,
     clearable: clearable,
     containerProps: containerProps,

package/esm/TimeInput/DSTimeInput.js

@@ -1,3 +1,8 @@
+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 _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
@@ -14,43 +19,46 @@ 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(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 DSTimeInput = ({
-  containerProps = {},
-  innerRef,
-  className = '',
-  style = {},
-  onChange = () => null,
-  format,
-  value = '',
-  clearable = false,
-  disabled = false,
-  ariaLabel = 'Time input'
-}) => /*#__PURE__*/_jsx(DSInput, {
-  className: className,
-  clearable: clearable,
-  containerProps: containerProps,
-  customInputType: _ref => {
-    let {
-      onChange: inputOnChange
-    } = _ref,
-        restInputProps = _objectWithoutProperties(_ref, _excluded);
-
-    return /*#__PURE__*/jsx(TimeInputImpl, _objectSpread(_objectSpread({
-      "aria-label": ariaLabel,
-      disabled: disabled,
-      format: format,
-      onChange: time => inputOnChange(time)
-    }, restInputProps), {}, {
-      style: style
-    }));
-  },
-  disabled: disabled,
-  innerRef: innerRef,
-  isShowElipsisActive: false,
-  onChange: onChange,
-  onClear: () => onChange(null),
-  value: value
-});
+const DSTimeInput = _ref => {
+  let {
+    containerProps = {},
+    innerRef,
+    className = '',
+    style = {},
+    onChange = () => null,
+    format,
+    value = '',
+    clearable = false,
+    disabled = false,
+    ariaLabel = 'Time input'
+  } = _ref;
+  return /*#__PURE__*/_jsx(DSInput, {
+    className: className,
+    clearable: clearable,
+    containerProps: containerProps,
+    customInputType: _ref2 => {
+      let {
+        onChange: inputOnChange
+      } = _ref2,
+          restInputProps = _objectWithoutProperties(_ref2, _excluded);
+
+      return /*#__PURE__*/jsx(TimeInputImpl, _objectSpread(_objectSpread({
+        "aria-label": ariaLabel,
+        disabled: disabled,
+        format: format,
+        onChange: time => inputOnChange(time)
+      }, restInputProps), {}, {
+        style: style
+      }));
+    },
+    disabled: disabled,
+    innerRef: innerRef,
+    isShowElipsisActive: false,
+    onChange: onChange,
+    onClear: () => onChange(null),
+    value: value
+  });
+};
 
 DSTimeInput.defaultProps = {
   format: 'hh:mm:ss',

package/esm/TimeInput/TimeInputImpl.js

@@ -1,7 +1,12 @@
+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 { useRef, useMemo } from 'react';
-import { getVisibleTimeByFormat } from '@elliemae/ds-utilities/timeUtils';
+import { getVisibleTimeByFormat } from '@elliemae/ds-utilities';
 import memoize from 'memoize-one';
 import { aggregatedClasses } from '@elliemae/ds-classnames';
 import TimeInputs from './TimeInputs.js';
@@ -13,16 +18,17 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 const blockName = 'input-time';
 const InputTimeContainer = aggregatedClasses('div')(blockName);
 
-const TimeInputImpl = ({
-  format,
-  innerRef,
-  onChange,
-  className,
-  value,
-  disabled,
-  clearable,
-  'arial-label': ariaLabel
-}) => {
+const TimeInputImpl = _ref => {
+  let {
+    format,
+    innerRef,
+    onChange,
+    className,
+    value,
+    disabled,
+    clearable,
+    'arial-label': ariaLabel
+  } = _ref;
   const getVisibleTimeInputs = memoize(formatValue => getVisibleTimeByFormat(formatValue));
   let inputsContainer = useRef();
 

package/esm/TimeInput/TimeInputs.js

@@ -1,5 +1,15 @@
+import 'core-js/modules/esnext.async-iterator.filter.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 _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.some.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.some.js';
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
 import React, { useState, useEffect, createElement } from 'react';
 import { aggregatedClasses } from '@elliemae/ds-classnames';
 import moment from 'moment';
@@ -12,34 +22,41 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 const blockName = 'input-times-group';
 const InputTimesGroup = aggregatedClasses('div')(blockName);
 const TimeInput = aggregatedClasses('input')(blockName, 'input');
-const Divider = aggregatedClasses('span')(blockName, 'divider', ({
-  value
-}) => ({
-  value
-})); // eslint-disable-next-line react/prop-types
-
-const TimeDivider = ({
-  content = ':',
-  value = ''
-}) => /*#__PURE__*/_jsx(Divider, {
-  value: !!value
-}, void 0, content);
-
-const TimeInputs = ({
-  time,
-  format,
-  use12Hours,
-  step = 1,
-  showHours,
-  showMinutes,
-  showSeconds,
-  onChange,
-  disabled,
-  innerRef,
-  clearable,
-  'arial-label': ariaLabel,
-  'aria-label': ariaLabel2
-}) => {
+const Divider = aggregatedClasses('span')(blockName, 'divider', _ref => {
+  let {
+    value
+  } = _ref;
+  return {
+    value
+  };
+}); // eslint-disable-next-line react/prop-types
+
+const TimeDivider = _ref2 => {
+  let {
+    content = ':',
+    value = ''
+  } = _ref2;
+  return /*#__PURE__*/_jsx(Divider, {
+    value: !!value
+  }, void 0, content);
+};
+
+const TimeInputs = _ref3 => {
+  let {
+    time,
+    format,
+    use12Hours,
+    step = 1,
+    showHours,
+    showMinutes,
+    showSeconds,
+    onChange,
+    disabled,
+    innerRef,
+    clearable,
+    'arial-label': ariaLabel,
+    'aria-label': ariaLabel2
+  } = _ref3;
   const [meridiem, setMeridiem] = useState('');
   const [hours, setHours] = useState('');
   const [minutes, setMinutes] = useState('');
@@ -86,7 +103,8 @@ const TimeInputs = ({
     }
   };
 
-  const getNextTimeValue = (value, incrementing = true) => {
+  const getNextTimeValue = function (value) {
+    let incrementing = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
     const parsedValue = parseTimeNumberFromText(value);
     return incrementing ? parsedValue + step : parsedValue - step;
   };

package/esm/TimeInput/utils.js

@@ -1,5 +1,4 @@
-import { addLeadingZeros } from '@elliemae/ds-utilities/timeUtils';
-import { parseInt, isNaN } from '@elliemae/ds-utilities/utils';
+import { parseInt, isNaN, addLeadingZeros } from '@elliemae/ds-utilities';
 import { ARROW_DOWN, ARROW_UP, SHIFT, PLACEHOLDER_TIME, PM, AM } from '@elliemae/ds-shared/constants';
 
 const isAM = time => time && time.hour() < 12;
@@ -84,10 +83,11 @@ const focusPreviousInput = currentEl => {
     previousElement.previousElementSibling.focus();
   }
 };
-const getValidTimeNumber = ({
-  min,
-  max
-}, number, typed) => {
+const getValidTimeNumber = (_ref, number, typed) => {
+  let {
+    min,
+    max
+  } = _ref;
   if (number === undefined || number === null) return null;
 
   if (number > max) {
@@ -98,7 +98,9 @@ const getValidTimeNumber = ({
   if (number < min) return min;
   return number;
 };
-const shouldFocusNextInput = (max, number = 0, stringValue) => {
+const shouldFocusNextInput = function (max) {
+  let number = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  let stringValue = arguments.length > 2 ? arguments[2] : undefined;
   const safeString = String(stringValue);
   const cleanString = safeString.startsWith('00') ? safeString.slice(1) : safeString;
   return number * 10 > max || String(max).length === cleanString.length;

package/esm/Toggle/DSToggle.js

@@ -1,3 +1,8 @@
+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 _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import 'react';