@zohodesk/components 1.0.0-temp-255 → 1.0.0-temp-252.4

package/es/MultiSelect/AdvancedGroupMultiSelect.js

@@ -272,7 +272,9 @@ class AdvancedGroupMultiSelect extends React.Component {
     }) : this.togglePopup(e);
   }
 
-  handleClickSelectedOption(id = '', e) {
+  handleClickSelectedOption() {
+    let id = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    let e = arguments.length > 1 ? arguments[1] : undefined;
     let {
       selectedOptionIds
     } = this.state;
@@ -544,7 +546,11 @@ class AdvancedGroupMultiSelect extends React.Component {
     });
   }
 
-  handleFetchOptions(...args) {
+  handleFetchOptions() {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
     let [APICall, searchStr] = args;
     let {
       isFetchingOptions
@@ -657,7 +663,9 @@ class AdvancedGroupMultiSelect extends React.Component {
     this.handleChange([]);
   }
 
-  handleChange(selectedOptions = [], e) {
+  handleChange() {
+    let selectedOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    let e = arguments.length > 1 ? arguments[1] : undefined;
     let {
       onChange,
       needToCloseOnSelect,
@@ -829,9 +837,10 @@ class AdvancedGroupMultiSelect extends React.Component {
     }
   }
 
-  responsiveFunc({
-    mediaQueryOR
-  }) {
+  responsiveFunc(_ref) {
+    let {
+      mediaQueryOR
+    } = _ref;
     return {
       tabletMode: mediaQueryOR([{
         maxWidth: 700
@@ -1002,94 +1011,97 @@ class AdvancedGroupMultiSelect extends React.Component {
     }))) : null))), !isReadOnly && !isDisabled && isPopupOpen ? /*#__PURE__*/React.createElement(ResponsiveReceiver, {
       query: this.responsiveFunc,
       responsiveId: "Helmet"
-    }, ({
-      tabletMode
-    }) => /*#__PURE__*/React.createElement(ResponsiveDropBox, {
-      animationStyle: animationStyle,
-      boxPosition: position || `${defaultDropBoxPosition}Center`,
-      getRef: getContainerRef,
-      isActive: isPopupReady,
-      isAnimate: true,
-      isArrow: false,
-      onClick: removeClose,
-      needResponsive: needResponsive,
-      isPadding: isPadding,
-      isBoxPaddingNeed: !needSelectAll,
-      isAbsolutePositioningNeeded: isAbsolutePositioningNeeded,
-      positionsOffset: positionsOffset,
-      targetOffset: targetOffset,
-      isRestrictScroll: isRestrictScroll,
-      htmlId: setAriaId,
-      a11y: {
-        role: 'listbox',
-        ariaMultiselectable: true
-      },
-      alignBox: "row",
-      dataId: `${dataId}_dropbox`
-    }, /*#__PURE__*/React.createElement(Box, {
-      flexible: true
-    }, /*#__PURE__*/React.createElement(Card, {
-      customClass: `${style.box} ${style[`${palette}Box`]}`,
-      onScroll: this.handleScroll
-    }, needSelectAll && !(limit >= 0) ? /*#__PURE__*/React.createElement(CardHeader, null, /*#__PURE__*/React.createElement(MultiSelectHeader, {
-      onSelect: this.handleSelectAll,
-      selectAllText: selectAllText,
-      suggestions: suggestionOptionIds,
-      dataId: dataId
-    })) : null, isDataLoaded ? /*#__PURE__*/React.createElement(CardContent, {
-      shrink: true,
-      customClass: !tabletMode && dropBoxSize ? style[dropBoxSize] : '',
-      eleRef: this.suggestionContainerRef
-    }, /*#__PURE__*/React.createElement(React.Fragment, {
-      key: 'SuggestonsParent'
-    }, suggestionGroups.length ? suggestionGroups.map(group => {
+    }, _ref2 => {
       let {
-        options: suggestions = []
-      } = group;
-      let groupId = group.id;
-      let groupName = group.name;
-      let hoverId = suggestionOptionIds[hoverIndex];
-      return /*#__PURE__*/React.createElement(React.Fragment, {
-        key: groupId
-      }, groupName && /*#__PURE__*/React.createElement("div", {
-        className: style.groupTitle
-      }, /*#__PURE__*/React.createElement(DropDownHeading, {
-        text: groupName,
-        a11y: {
-          role: 'heading'
-        }
-      })), /*#__PURE__*/React.createElement(Suggestions, _extends({}, SuggestionsProps, {
-        suggestions: suggestions,
-        selectedOptions: selectedOptionIds,
-        getRef: this.suggestionItemRef,
-        hoverId: hoverId,
-        onClick: this.handleSelectOption,
-        onMouseEnter: this.handleMouseEnter,
-        needTick: true,
-        listItemSize: listItemSize,
+        tabletMode
+      } = _ref2;
+      return /*#__PURE__*/React.createElement(ResponsiveDropBox, {
+        animationStyle: animationStyle,
+        boxPosition: position || `${defaultDropBoxPosition}Center`,
+        getRef: getContainerRef,
+        isActive: isPopupReady,
+        isAnimate: true,
+        isArrow: false,
+        onClick: removeClose,
+        needResponsive: needResponsive,
+        isPadding: isPadding,
+        isBoxPaddingNeed: !needSelectAll,
+        isAbsolutePositioningNeeded: isAbsolutePositioningNeeded,
+        positionsOffset: positionsOffset,
+        targetOffset: targetOffset,
+        isRestrictScroll: isRestrictScroll,
+        htmlId: setAriaId,
         a11y: {
-          role: 'option'
+          role: 'listbox',
+          ariaMultiselectable: true
         },
-        limit: limit,
-        limitReachedMessage: limitReachedMessage,
-        dataId: `${dataId}_Options`
-      })));
-    }) : /*#__PURE__*/React.createElement(EmptyState, {
-      options: revampedGroups,
-      searchString: searchStr,
-      suggestions: suggestionGroups,
-      renderCustomEmptyState: renderCustomEmptyState,
-      dataId: dataId,
-      isLoading: isFetchingOptions,
-      i18nKeys: i18nKeys,
-      htmlId: ariaErrorId
-    }), isNextOptions && /*#__PURE__*/React.createElement("div", {
-      className: style.loader
-    }, /*#__PURE__*/React.createElement(Loader, null)))) : /*#__PURE__*/React.createElement("div", {
-      className: style.loader
-    }, /*#__PURE__*/React.createElement(Loader, null)), getFooter ? isDataLoaded ? /*#__PURE__*/React.createElement(CardFooter, null, getFooter()) : /*#__PURE__*/React.createElement("div", {
-      className: style.loader
-    }, /*#__PURE__*/React.createElement(Loader, null)) : null)))) : null);
+        alignBox: "row",
+        dataId: `${dataId}_dropbox`
+      }, /*#__PURE__*/React.createElement(Box, {
+        flexible: true
+      }, /*#__PURE__*/React.createElement(Card, {
+        customClass: `${style.box} ${style[`${palette}Box`]}`,
+        onScroll: this.handleScroll
+      }, needSelectAll && !(limit >= 0) ? /*#__PURE__*/React.createElement(CardHeader, null, /*#__PURE__*/React.createElement(MultiSelectHeader, {
+        onSelect: this.handleSelectAll,
+        selectAllText: selectAllText,
+        suggestions: suggestionOptionIds,
+        dataId: dataId
+      })) : null, isDataLoaded ? /*#__PURE__*/React.createElement(CardContent, {
+        shrink: true,
+        customClass: !tabletMode && dropBoxSize ? style[dropBoxSize] : '',
+        eleRef: this.suggestionContainerRef
+      }, /*#__PURE__*/React.createElement(React.Fragment, {
+        key: 'SuggestonsParent'
+      }, suggestionGroups.length ? suggestionGroups.map(group => {
+        let {
+          options: suggestions = []
+        } = group;
+        let groupId = group.id;
+        let groupName = group.name;
+        let hoverId = suggestionOptionIds[hoverIndex];
+        return /*#__PURE__*/React.createElement(React.Fragment, {
+          key: groupId
+        }, groupName && /*#__PURE__*/React.createElement("div", {
+          className: style.groupTitle
+        }, /*#__PURE__*/React.createElement(DropDownHeading, {
+          text: groupName,
+          a11y: {
+            role: 'heading'
+          }
+        })), /*#__PURE__*/React.createElement(Suggestions, _extends({}, SuggestionsProps, {
+          suggestions: suggestions,
+          selectedOptions: selectedOptionIds,
+          getRef: this.suggestionItemRef,
+          hoverId: hoverId,
+          onClick: this.handleSelectOption,
+          onMouseEnter: this.handleMouseEnter,
+          needTick: true,
+          listItemSize: listItemSize,
+          a11y: {
+            role: 'option'
+          },
+          limit: limit,
+          limitReachedMessage: limitReachedMessage,
+          dataId: `${dataId}_Options`
+        })));
+      }) : /*#__PURE__*/React.createElement(EmptyState, {
+        options: revampedGroups,
+        searchString: searchStr,
+        suggestions: suggestionGroups,
+        renderCustomEmptyState: renderCustomEmptyState,
+        dataId: dataId,
+        isLoading: isFetchingOptions,
+        i18nKeys: i18nKeys,
+        htmlId: ariaErrorId
+      }), isNextOptions && /*#__PURE__*/React.createElement("div", {
+        className: style.loader
+      }, /*#__PURE__*/React.createElement(Loader, null)))) : /*#__PURE__*/React.createElement("div", {
+        className: style.loader
+      }, /*#__PURE__*/React.createElement(Loader, null)), getFooter ? isDataLoaded ? /*#__PURE__*/React.createElement(CardFooter, null, getFooter()) : /*#__PURE__*/React.createElement("div", {
+        className: style.loader
+      }, /*#__PURE__*/React.createElement(Loader, null)) : null)));
+    }) : null);
   }
 
 }

package/es/MultiSelect/AdvancedMultiSelect.js

@@ -83,7 +83,9 @@ export class AdvancedMultiSelectComponent extends MultiSelectComponent {
     return suggestions;
   }
 
-  handleChange(selectedOptions = [], e) {
+  handleChange() {
+    let selectedOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    let e = arguments.length > 1 ? arguments[1] : undefined;
     const {
       optionsNormalize,
       searchStr
@@ -331,9 +333,10 @@ export class AdvancedMultiSelectComponent extends MultiSelectComponent {
     });
   }
 
-  responsiveFunc({
-    mediaQueryOR
-  }) {
+  responsiveFunc(_ref) {
+    let {
+      mediaQueryOR
+    } = _ref;
     return {
       tabletMode: mediaQueryOR([{
         maxWidth: 700
@@ -511,76 +514,79 @@ export class AdvancedMultiSelectComponent extends MultiSelectComponent {
     }))) : null))), !isReadOnly && !isDisabled && isPopupOpen ? /*#__PURE__*/React.createElement(ResponsiveReceiver, {
       query: this.responsiveFunc,
       responsiveId: "Helmet"
-    }, ({
-      tabletMode
-    }) => /*#__PURE__*/React.createElement(ResponsiveDropBox, _extends({
-      animationStyle: animationStyle,
-      boxPosition: position || `${defaultDropBoxPosition}Center`,
-      getRef: getContainerRef,
-      isActive: isPopupReady,
-      isAnimate: isAnimate,
-      isArrow: false,
-      onClick: removeClose,
-      isPadding: false,
-      isBoxPaddingNeed: isBoxPaddingNeed,
-      htmlId: setAriaId,
-      a11y: {
-        role: 'listbox',
-        ariaMultiselectable: true
-      },
-      dataId: `${dataIdMultiSelectComp}_dropbox`,
-      isAbsolutePositioningNeeded: isAbsolutePositioningNeeded,
-      positionsOffset: positionsOffset,
-      targetOffset: targetOffset,
-      isRestrictScroll: isRestrictScroll
-    }, DropBoxProps, {
-      alignBox: "row",
-      isResponsivePadding: getFooter ? false : true
-    }), isLoading ? /*#__PURE__*/React.createElement(Container, {
-      align: "both",
-      className: style.loader
-    }, /*#__PURE__*/React.createElement(Loader, null)) : /*#__PURE__*/React.createElement(Box, {
-      flexible: true
-    }, /*#__PURE__*/React.createElement(Card, {
-      customClass: style.box,
-      onScroll: this.handleScroll
-    }, needSelectAll && !(limit >= 0) ? /*#__PURE__*/React.createElement(CardHeader, null, /*#__PURE__*/React.createElement(MultiSelectHeader, {
-      onSelect: this.handleSelectAll,
-      selectAllText: selectAllText,
-      suggestions: suggestions,
-      dataId: dataIdSelectAllEle
-    })) : null, /*#__PURE__*/React.createElement(CardContent, {
-      shrink: true,
-      customClass: !tabletMode && dropBoxSize ? style[dropBoxSize] : '',
-      eleRef: this.suggestionContainerRef
-    }, suggestions.length ? /*#__PURE__*/React.createElement(Suggestions, _extends({
-      suggestions: suggestions,
-      selectedOptions: allselectedOptionIds,
-      getRef: this.suggestionItemRef,
-      hoverOption: hoverOption,
-      onClick: this.handleSelectOption,
-      onMouseEnter: this.handleMouseEnter,
-      needTick: true,
-      listItemSize: listItemSize,
-      a11y: {
-        role: 'option'
-      },
-      dataId: `${dataIdMultiSelectComp}_Options`,
-      limit: limit,
-      limitReachedMessage: limitReachedMessage
-    }, SuggestionsProps)) : /*#__PURE__*/React.createElement(EmptyState, {
-      isLoading: isFetchingOptions,
-      options: options,
-      searchString: searchStr,
-      suggestions: suggestions,
-      renderCustomEmptyState: renderCustomEmptyState,
-      dataId: dataIdLoading,
-      i18nKeys: i18nKeys,
-      htmlId: ariaErrorId
-    }), isFetchingOptions && /*#__PURE__*/React.createElement(Container, {
-      isCover: false,
-      align: "both"
-    }, /*#__PURE__*/React.createElement(Loader, null))), getFooter ? /*#__PURE__*/React.createElement(CardFooter, null, getFooter()) : null)))) : null);
+    }, _ref2 => {
+      let {
+        tabletMode
+      } = _ref2;
+      return /*#__PURE__*/React.createElement(ResponsiveDropBox, _extends({
+        animationStyle: animationStyle,
+        boxPosition: position || `${defaultDropBoxPosition}Center`,
+        getRef: getContainerRef,
+        isActive: isPopupReady,
+        isAnimate: isAnimate,
+        isArrow: false,
+        onClick: removeClose,
+        isPadding: false,
+        isBoxPaddingNeed: isBoxPaddingNeed,
+        htmlId: setAriaId,
+        a11y: {
+          role: 'listbox',
+          ariaMultiselectable: true
+        },
+        dataId: `${dataIdMultiSelectComp}_dropbox`,
+        isAbsolutePositioningNeeded: isAbsolutePositioningNeeded,
+        positionsOffset: positionsOffset,
+        targetOffset: targetOffset,
+        isRestrictScroll: isRestrictScroll
+      }, DropBoxProps, {
+        alignBox: "row",
+        isResponsivePadding: getFooter ? false : true
+      }), isLoading ? /*#__PURE__*/React.createElement(Container, {
+        align: "both",
+        className: style.loader
+      }, /*#__PURE__*/React.createElement(Loader, null)) : /*#__PURE__*/React.createElement(Box, {
+        flexible: true
+      }, /*#__PURE__*/React.createElement(Card, {
+        customClass: style.box,
+        onScroll: this.handleScroll
+      }, needSelectAll && !(limit >= 0) ? /*#__PURE__*/React.createElement(CardHeader, null, /*#__PURE__*/React.createElement(MultiSelectHeader, {
+        onSelect: this.handleSelectAll,
+        selectAllText: selectAllText,
+        suggestions: suggestions,
+        dataId: dataIdSelectAllEle
+      })) : null, /*#__PURE__*/React.createElement(CardContent, {
+        shrink: true,
+        customClass: !tabletMode && dropBoxSize ? style[dropBoxSize] : '',
+        eleRef: this.suggestionContainerRef
+      }, suggestions.length ? /*#__PURE__*/React.createElement(Suggestions, _extends({
+        suggestions: suggestions,
+        selectedOptions: allselectedOptionIds,
+        getRef: this.suggestionItemRef,
+        hoverOption: hoverOption,
+        onClick: this.handleSelectOption,
+        onMouseEnter: this.handleMouseEnter,
+        needTick: true,
+        listItemSize: listItemSize,
+        a11y: {
+          role: 'option'
+        },
+        dataId: `${dataIdMultiSelectComp}_Options`,
+        limit: limit,
+        limitReachedMessage: limitReachedMessage
+      }, SuggestionsProps)) : /*#__PURE__*/React.createElement(EmptyState, {
+        isLoading: isFetchingOptions,
+        options: options,
+        searchString: searchStr,
+        suggestions: suggestions,
+        renderCustomEmptyState: renderCustomEmptyState,
+        dataId: dataIdLoading,
+        i18nKeys: i18nKeys,
+        htmlId: ariaErrorId
+      }), isFetchingOptions && /*#__PURE__*/React.createElement(Container, {
+        isCover: false,
+        align: "both"
+      }, /*#__PURE__*/React.createElement(Loader, null))), getFooter ? /*#__PURE__*/React.createElement(CardFooter, null, getFooter()) : null)));
+    }) : null);
   }
 
 }

package/es/MultiSelect/MultiSelect.js

@@ -613,7 +613,11 @@ export class MultiSelectComponent extends React.Component {
     }
   }
 
-  handleFetchOptions(...args) {
+  handleFetchOptions() {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
     const [APICall, searchStr] = args;
     const {
       isFetchingOptions
@@ -679,7 +683,9 @@ export class MultiSelectComponent extends React.Component {
     });
   }
 
-  handleClickSelectedOption(id = '', e) {
+  handleClickSelectedOption() {
+    let id = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    let e = arguments.length > 1 ? arguments[1] : undefined;
     const {
       selectedOptions
     } = this.props;
@@ -755,7 +761,9 @@ export class MultiSelectComponent extends React.Component {
     isNextOptions && getNextOptions && this.handleFetchOptions(getNextOptions, searchStr);
   }
 
-  handleChange(selectedOptions = [], e) {
+  handleChange() {
+    let selectedOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    let e = arguments.length > 1 ? arguments[1] : undefined;
     const {
       optionsNormalize
     } = this.state;
@@ -904,7 +912,8 @@ export class MultiSelectComponent extends React.Component {
     this.suggestionContainer && refFunc(this.suggestionContainer);
   }
 
-  getSelectionUI(isResponsive = false) {
+  getSelectionUI() {
+    let isResponsive = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     let {
       size,
       needBorder,

package/es/MultiSelect/Suggestions.js

@@ -14,11 +14,12 @@ import { Container, Box } from "../Layout";
 import { DUMMY_OBJECT, DUMMY_ARRAY } from "../utils/Common";
 import { renderNode } from '@zohodesk/utils';
 
-function SuggestionsVirtualizerContainer({
-  eleRef,
-  children,
-  setVirtualizerContainerRefFunction
-}) {
+function SuggestionsVirtualizerContainer(_ref) {
+  let {
+    eleRef,
+    children,
+    setVirtualizerContainerRefFunction
+  } = _ref;
   useMemo(() => {
     typeof setVirtualizerContainerRefFunction === 'function' && setVirtualizerContainerRefFunction(eleRef);
   }, [eleRef, setVirtualizerContainerRefFunction]);
@@ -32,11 +33,12 @@ export default class Suggestions extends React.PureComponent {
     this.renderVirtualizerSuggestionListItem = this.renderVirtualizerSuggestionListItem.bind(this);
   }
 
-  renderSuggestionList({
-    suggestion,
-    index,
-    ref
-  }) {
+  renderSuggestionList(_ref2) {
+    let {
+      suggestion,
+      index,
+      ref
+    } = _ref2;
     const {
       getRef,
       hoverOption,
@@ -168,10 +170,11 @@ export default class Suggestions extends React.PureComponent {
     }));
   }
 
-  renderVirtualizerSuggestionListItem({
-    index,
-    ref
-  }) {
+  renderVirtualizerSuggestionListItem(_ref3) {
+    let {
+      index,
+      ref
+    } = _ref3;
     const {
       suggestions
     } = this.props;

package/es/Popup/Popup.js

@@ -5,7 +5,10 @@ import { DUMMY_ARRAY, DUMMY_OBJECT } from "./../utils/Common.js";
 import Registry from '@zohodesk/dotkit/es/react/components/Popup/Registry.js';
 global.closeGroupPopups = Registry.closeAllPopupsInGroup;
 
-const Popup = (Component, group = 'global', needResizeHandling = true, options = DUMMY_OBJECT) => {
+const Popup = function (Component) {
+  let group = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'global';
+  let needResizeHandling = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+  let options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : DUMMY_OBJECT;
   const {
     isAbsolutePositioningNeeded = true,
     isArrow = false,

package/es/Provider/IdProvider.js

@@ -30,10 +30,11 @@ function getDeletedIndexes() {
   return deletedIndexes;
 }
 
-function callback({
-  globalId,
-  deletedIndexes
-}) {
+function callback(_ref) {
+  let {
+    globalId,
+    deletedIndexes
+  } = _ref;
   setGlobalId(globalId);
   setDeletedIndexes(deletedIndexes);
 }

package/es/Provider/LibraryContext.js

@@ -3,17 +3,18 @@ import PropTypes from 'prop-types';
 import LibraryContextInit from "./LibraryContextInit";
 import { getLibraryConfig } from "./Config";
 
-const LibraryContextProvider = ({
-  isReducedMotion,
-  direction,
-  coloredTagVariant,
-  hasTagColorInheritedToText,
-  shouldIndicateSwitchState,
-  shouldStrikeThroughDisabledButton,
-  labelRequiredType,
-  shouldHighlightRequiredLabel,
-  children
-}) => {
+const LibraryContextProvider = _ref => {
+  let {
+    isReducedMotion,
+    direction,
+    coloredTagVariant,
+    hasTagColorInheritedToText,
+    shouldIndicateSwitchState,
+    shouldStrikeThroughDisabledButton,
+    labelRequiredType,
+    shouldHighlightRequiredLabel,
+    children
+  } = _ref;
   const [value, setValue] = useState({
     isReducedMotion,
     direction,

package/es/Provider/NumberGenerator/NumberGenerator.js

@@ -50,13 +50,14 @@ export function decreaseGlobalIds(numbers, deletedIndexes, globalId) {
     deletedIndexes
   };
 }
-export function useNumberGenerator({
-  getGlobalId,
-  prefix,
-  getGlobalPrefix,
-  getDeletedIndexes,
-  callback
-}) {
+export function useNumberGenerator(_ref) {
+  let {
+    getGlobalId,
+    prefix,
+    getGlobalPrefix,
+    getDeletedIndexes,
+    callback
+  } = _ref;
   let presentValues = useRef([]),
       presentIndex = useRef(0);
   prefix = typeof prefix === 'undefined' ? '' : `${prefix}_`;
@@ -83,14 +84,15 @@ export function useNumberGenerator({
   presentIndex.current = -1;
   return getNextId;
 }
-export function getNumberGenerators({
-  Component,
-  prefix,
-  getGlobalPrefix,
-  getGlobalId,
-  getDeletedIndexes,
-  callback
-}) {
+export function getNumberGenerators(_ref2) {
+  let {
+    Component,
+    prefix,
+    getGlobalPrefix,
+    getGlobalId,
+    getDeletedIndexes,
+    callback
+  } = _ref2;
   let presentIndex = 0,
       presentValues = [],
       {

package/es/Provider/ZindexProvider.js

@@ -27,10 +27,11 @@ function getDeletedIndexes() {
   return deletedIndexes;
 }
 
-function callback({
-  globalId,
-  deletedIndexes
-}) {
+function callback(_ref) {
+  let {
+    globalId,
+    deletedIndexes
+  } = _ref;
   setInitialZIndex(globalId);
   setDeletedIndexes(deletedIndexes);
 }

package/es/Responsive/CustomResponsive.js

@@ -94,7 +94,9 @@ ResponsiveSender.defaultProps = { ...CustomResponsiveSender_defaultProps,
 };
 ResponsiveSender.contextType = ResponsiveContext;
 ResponsiveSender.propTypes = CustomResponsiveSender_propTypes;
-export function useResponsiveReceiver(responsiveId = defaultResponsiveId, query) {
+export function useResponsiveReceiver() {
+  let responsiveId = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultResponsiveId;
+  let query = arguments.length > 1 ? arguments[1] : undefined;
   const [, forceUpdate] = useState();
   const totalContextData = useContext(ResponsiveContext);
   const validSizeContextData = totalContextData[validSizeResponsiveId];
@@ -172,13 +174,14 @@ export function useResponsiveReceiver(responsiveId = defaultResponsiveId, query)
   updateLatestData();
   return data.current;
 }
-export function ResponsiveReceiver({
-  children,
-  responsiveId,
-  query,
-  eleRef,
-  domRefKey
-}) {
+export function ResponsiveReceiver(_ref) {
+  let {
+    children,
+    responsiveId,
+    query,
+    eleRef,
+    domRefKey
+  } = _ref;
   const data = useResponsiveReceiver(responsiveId, query);
   const child = children(data);
   return eleRef ? /*#__PURE__*/React.createElement(DOMRefWrapper, {