@zohodesk/components 1.2.25 → 1.2.26

package/lib/v1/MultiSelect/MultiSelect.js

@@ -39,10 +39,10 @@ var _IdProvider = require("../../Provider/IdProvider");
 
 var _ResponsiveDropBox = _interopRequireDefault(require("../ResponsiveDropBox/ResponsiveDropBox"));
 
-var _CustomResponsive = require("../Responsive/CustomResponsive");
-
 var _Loader = _interopRequireDefault(require("@zohodesk/svg/lib/Loader/Loader"));
 
+var _isMobilePopover = _interopRequireDefault(require("../DropBox/utils/isMobilePopover"));
+
 var _icons = require("@zohodesk/icons");
 
 var _MultiSelectModule = _interopRequireDefault(require("../../MultiSelect/MultiSelect.module.css"));
@@ -51,8 +51,6 @@ var _Common = require("../../utils/Common.js");
 
 var _dropDownUtils = require("../../utils/dropDownUtils");
 
-var _Config = require("../../Provider/Config");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -99,6 +97,8 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
+// import { getLibraryConfig } from '../../Provider/Config';
+
 /* eslint-disable react/forbid-component-props */
 
 /* eslint-disable react/no-unused-prop-types */
@@ -921,16 +921,6 @@ var MultiSelectComponent = /*#__PURE__*/function (_React$Component) {
         openPopupOnly: openPopupOnly
       });
     }
-  }, {
-    key: "responsiveFunc",
-    value: function responsiveFunc(_ref6) {
-      var mediaQueryOR = _ref6.mediaQueryOR;
-      return {
-        tabletMode: mediaQueryOR([{
-          maxWidth: 700
-        }])
-      };
-    }
   }, {
     key: "getSelectionUI",
     value: function getSelectionUI() {
@@ -1051,8 +1041,6 @@ var MultiSelectComponent = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this5 = this;
-
       var _this$props15 = this.props,
           isReadOnly = _this$props15.isReadOnly,
           searchEmptyMessage = _this$props15.searchEmptyMessage,
@@ -1102,6 +1090,7 @@ var MultiSelectComponent = /*#__PURE__*/function (_React$Component) {
         searchEmptyText: i18nKeys.searchEmptyText || searchEmptyMessage,
         noMoreText: i18nKeys.noMoreText || noMoreOptionsMessage
       });
+      var isModel = (0, _isMobilePopover["default"])(needResponsive);
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(_MultiSelectModule["default"].wrapper, " ").concat(isDisabled ? _MultiSelectModule["default"].disabled : '', " ").concat(isReadOnly ? _MultiSelectModule["default"].readOnly : '', " ").concat(disableAction ? (0, _CssProvider["default"])('isBlock') : '', " ").concat(borderColor === 'transparent' ? _MultiSelectModule["default"].transparentContainer : '', " ").concat(needEffect && !(isDisabled || isReadOnly) ? _MultiSelectModule["default"].effect : ''),
         "data-id": "".concat(isDisabled ? "".concat(dataId, "_disabled") : isReadOnly ? "".concat(dataId, "_readOnly") : dataId),
@@ -1109,83 +1098,77 @@ var MultiSelectComponent = /*#__PURE__*/function (_React$Component) {
         "data-title": isDisabled ? title : null,
         onClick: this.handleInputFocus,
         "data-selector-id": dataSelectorId
-      }, this.getSelectionUI(), !isReadOnly && !isDisabled && !disableAction && isPopupOpen ? /*#__PURE__*/_react["default"].createElement(_CustomResponsive.ResponsiveReceiver, {
-        query: this.responsiveFunc,
-        responsiveId: "Helmet"
-      }, function (_ref7) {
-        var tabletMode = _ref7.tabletMode;
-        return /*#__PURE__*/_react["default"].createElement(_ResponsiveDropBox["default"], {
-          animationStyle: animationStyle,
-          boxPosition: position || "".concat(defaultDropBoxPosition),
-          getRef: getContainerRef,
-          isActive: isPopupReady,
-          isAnimate: isAnimate,
-          isArrow: false,
-          onClick: removeClose,
-          needResponsive: needResponsive,
-          isPadding: false,
-          isBoxPaddingNeed: isBoxPaddingNeed,
-          palette: palette,
-          htmlId: setAriaId,
-          a11y: {
-            role: 'listbox',
-            ariaMultiselectable: true
-          },
-          size: boxSize,
-          alignBox: "row",
-          isResponsivePadding: getFooter ? false : true
-        }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-          flexible: true
-        }, /*#__PURE__*/_react["default"].createElement(_Card["default"], {
-          customClass: "".concat(_MultiSelectModule["default"].box, " ").concat(_MultiSelectModule["default"]["".concat(palette, "Box")]),
-          onScroll: _this5.handleScroll
-        }, tabletMode && /*#__PURE__*/_react["default"].createElement(_MobileHeader["default"], {
-          selectedOptions: selectedOptions,
-          i18nKeys: i18nKeys,
-          onClick: _this5.handlePopupClose
-        }, /*#__PURE__*/_react["default"].createElement("div", {
-          className: _MultiSelectModule["default"].effect
-        }, _this5.getSelectionUI(true))), needSelectAll ? /*#__PURE__*/_react["default"].createElement(_Card.CardHeader, null, /*#__PURE__*/_react["default"].createElement(_MultiSelectHeader["default"], {
-          onSelect: _this5.handleSelectAll,
-          selectAllText: selectAllText,
-          suggestions: suggestions,
-          dataId: dataId
-        })) : null, isLoading ? /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
-          align: "both",
-          className: _MultiSelectModule["default"].loader
-        }, /*#__PURE__*/_react["default"].createElement(_Loader["default"], null)) : /*#__PURE__*/_react["default"].createElement(_Card.CardContent, {
-          shrink: true,
-          customClass: !tabletMode && dropBoxSize ? _MultiSelectModule["default"][dropBoxSize] : '',
-          eleRef: _this5.suggestionContainerRef
-        }, isSearching ? /*#__PURE__*/_react["default"].createElement("div", {
-          className: _MultiSelectModule["default"][palette]
-        }, searchText) : suggestions.length ? /*#__PURE__*/_react["default"].createElement(_Suggestions["default"], {
-          suggestions: suggestions,
-          getRef: _this5.suggestionItemRef,
-          hoverOption: hoverOption,
-          onClick: _this5.handleSelectOption,
-          onMouseEnter: _this5.handleMouseEnter,
-          needBorder: false,
-          dataId: "".concat(dataId, "_Options"),
-          palette: palette,
-          selectedOptions: selectedOptionIds,
-          a11y: {
-            role: 'option'
-          }
-        }) : /*#__PURE__*/_react["default"].createElement(_EmptyState["default"], {
-          isLoading: isFetchingOptions,
-          options: options,
-          searchString: searchStr,
-          suggestions: suggestions,
-          dataId: dataId,
-          palette: palette,
-          i18nKeys: i18nKeys,
-          htmlId: ariaErrorId
-        }), isFetchingOptions && /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
-          isCover: false,
-          align: "both"
-        }, /*#__PURE__*/_react["default"].createElement(_Loader["default"], null))), getFooter ? /*#__PURE__*/_react["default"].createElement(_Card.CardFooter, null, getFooter()) : null)));
-      }) : null);
+      }, this.getSelectionUI(), !isReadOnly && !isDisabled && !disableAction && isPopupOpen ? /*#__PURE__*/_react["default"].createElement(_ResponsiveDropBox["default"], {
+        animationStyle: animationStyle,
+        boxPosition: position || "".concat(defaultDropBoxPosition),
+        getRef: getContainerRef,
+        isActive: isPopupReady,
+        isAnimate: isAnimate,
+        isArrow: false,
+        onClick: removeClose,
+        needResponsive: needResponsive,
+        isPadding: false,
+        isBoxPaddingNeed: isBoxPaddingNeed,
+        palette: palette,
+        htmlId: setAriaId,
+        a11y: {
+          role: 'listbox',
+          ariaMultiselectable: true
+        },
+        size: boxSize,
+        alignBox: "row",
+        isResponsivePadding: getFooter ? false : true
+      }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+        flexible: true
+      }, /*#__PURE__*/_react["default"].createElement(_Card["default"], {
+        customClass: "".concat(_MultiSelectModule["default"].box, " ").concat(_MultiSelectModule["default"]["".concat(palette, "Box")]),
+        onScroll: this.handleScroll
+      }, isModel && /*#__PURE__*/_react["default"].createElement(_MobileHeader["default"], {
+        selectedOptions: selectedOptions,
+        i18nKeys: i18nKeys,
+        onClick: this.handlePopupClose
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: _MultiSelectModule["default"].effect
+      }, this.getSelectionUI(true))), needSelectAll ? /*#__PURE__*/_react["default"].createElement(_Card.CardHeader, null, /*#__PURE__*/_react["default"].createElement(_MultiSelectHeader["default"], {
+        onSelect: this.handleSelectAll,
+        selectAllText: selectAllText,
+        suggestions: suggestions,
+        dataId: dataId
+      })) : null, isLoading ? /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+        align: "both",
+        className: _MultiSelectModule["default"].loader
+      }, /*#__PURE__*/_react["default"].createElement(_Loader["default"], null)) : /*#__PURE__*/_react["default"].createElement(_Card.CardContent, {
+        shrink: true,
+        customClass: !isModel && dropBoxSize ? _MultiSelectModule["default"][dropBoxSize] : '',
+        eleRef: this.suggestionContainerRef
+      }, isSearching ? /*#__PURE__*/_react["default"].createElement("div", {
+        className: _MultiSelectModule["default"][palette]
+      }, searchText) : suggestions.length ? /*#__PURE__*/_react["default"].createElement(_Suggestions["default"], {
+        suggestions: suggestions,
+        getRef: this.suggestionItemRef,
+        hoverOption: hoverOption,
+        onClick: this.handleSelectOption,
+        onMouseEnter: this.handleMouseEnter,
+        needBorder: false,
+        dataId: "".concat(dataId, "_Options"),
+        palette: palette,
+        selectedOptions: selectedOptionIds,
+        a11y: {
+          role: 'option'
+        }
+      }) : /*#__PURE__*/_react["default"].createElement(_EmptyState["default"], {
+        isLoading: isFetchingOptions,
+        options: options,
+        searchString: searchStr,
+        suggestions: suggestions,
+        dataId: dataId,
+        palette: palette,
+        i18nKeys: i18nKeys,
+        htmlId: ariaErrorId
+      }), isFetchingOptions && /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+        isCover: false,
+        align: "both"
+      }, /*#__PURE__*/_react["default"].createElement(_Loader["default"], null))), getFooter ? /*#__PURE__*/_react["default"].createElement(_Card.CardFooter, null, getFooter()) : null))) : null);
     }
   }]);
 

package/lib/v1/MultiSelect/MultiSelectWithAvatar.js

@@ -37,11 +37,9 @@ var _IdProvider = require("../../Provider/IdProvider");
 
 var _ResponsiveDropBox = _interopRequireDefault(require("../ResponsiveDropBox/ResponsiveDropBox"));
 
-var _CustomResponsive = require("../Responsive/CustomResponsive");
-
 var _Loader = _interopRequireDefault(require("@zohodesk/svg/lib/Loader/Loader"));
 
-var _icons = require("@zohodesk/icons");
+var _isMobilePopover = _interopRequireDefault(require("../DropBox/utils/isMobilePopover"));
 
 var _MultiSelectModule = _interopRequireDefault(require("../../MultiSelect/MultiSelect.module.css"));
 
@@ -111,21 +109,9 @@ var MultiSelectWithAvatarComponent = /*#__PURE__*/function (_MultiSelectComponen
         disabledOptions: disabledOptions
       });
     }
-  }, {
-    key: "responsiveFunc",
-    value: function responsiveFunc(_ref) {
-      var mediaQueryOR = _ref.mediaQueryOR;
-      return {
-        tabletMode: mediaQueryOR([{
-          maxWidth: 700
-        }])
-      };
-    }
   }, {
     key: "render",
     value: function render() {
-      var _this2 = this;
-
       var _this$props = this.props,
           isReadOnly = _this$props.isReadOnly,
           needSelectAll = _this$props.needSelectAll,
@@ -163,6 +149,7 @@ var MultiSelectWithAvatarComponent = /*#__PURE__*/function (_MultiSelectComponen
         searchEmptyText: i18nKeys.searchEmptyText || searchEmptyMessage,
         noMoreText: i18nKeys.noMoreText || noMoreOptionsMessage
       });
+      var isModel = (0, _isMobilePopover["default"])(needResponsive);
       var _this$state = this.state,
           selectedOptions = _this$state.selectedOptions,
           searchStr = _this$state.searchStr,
@@ -181,81 +168,75 @@ var MultiSelectWithAvatarComponent = /*#__PURE__*/function (_MultiSelectComponen
         "data-title": isDisabled ? title : null,
         onClick: this.handleInputFocus,
         "data-selector-id": dataSelectorId
-      }, this.getSelectionUI(), popUpState ? /*#__PURE__*/_react["default"].createElement(_CustomResponsive.ResponsiveReceiver, {
-        query: this.responsiveFunc,
-        responsiveId: "Helmet"
-      }, function (_ref2) {
-        var tabletMode = _ref2.tabletMode;
-        return /*#__PURE__*/_react["default"].createElement(_ResponsiveDropBox["default"], {
-          animationStyle: animationStyle,
-          boxPosition: position || "".concat(defaultDropBoxPosition, "Center"),
-          getRef: getContainerRef,
-          isActive: isPopupReady,
-          isAnimate: isAnimate,
-          isArrow: false,
-          onClick: removeClose,
-          needResponsive: needResponsive,
-          isPadding: false,
-          isBoxPaddingNeed: isBoxPaddingNeed,
-          palette: palette,
-          htmlId: setAriaId,
-          a11y: {
-            ariaMultiselectable: true,
-            role: 'listbox'
-          },
-          isResponsivePadding: true,
-          alignBox: "row"
-        }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-          flexible: true
-        }, /*#__PURE__*/_react["default"].createElement(_Card["default"], {
-          customClass: "".concat(_MultiSelectModule["default"].box, " ").concat(_MultiSelectModule["default"]["".concat(palette, "Box")]),
-          onScroll: _this2.handleScroll
-        }, tabletMode && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_MobileHeader["default"], {
-          selectedOptions: selectedOptions,
-          i18nKeys: i18nKeys,
-          onClick: _this2.handlePopupClose
-        }, /*#__PURE__*/_react["default"].createElement("div", {
-          className: _MultiSelectModule["default"].effect
-        }, _this2.getSelectionUI(true)))), needSelectAll ? /*#__PURE__*/_react["default"].createElement(_Card.CardHeader, null, /*#__PURE__*/_react["default"].createElement(_MultiSelectHeader["default"], {
-          onSelect: _this2.handleSelectAll,
-          selectAllText: selectAllText,
-          suggestions: suggestions,
-          dataId: dataId
-        })) : null, isLoading ? /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
-          align: "both",
-          className: _MultiSelectModule["default"].loader
-        }, /*#__PURE__*/_react["default"].createElement(_Loader["default"], null)) : /*#__PURE__*/_react["default"].createElement(_Card.CardContent, {
-          shrink: true,
-          customClass: !tabletMode && dropBoxSize ? _MultiSelectModule["default"][dropBoxSize] : '',
-          eleRef: _this2.suggestionContainerRef
-        }, suggestions.length ? /*#__PURE__*/_react["default"].createElement(_Suggestions["default"], _extends({
-          needTick: keepSelectedOptions,
-          suggestions: suggestions,
-          getRef: _this2.suggestionItemRef,
-          hoverOption: hoverOption,
-          onClick: _this2.handleSelectOption,
-          onMouseEnter: _this2.handleMouseEnter,
-          needBorder: false,
-          dataId: "".concat(dataId, "_Options"),
-          palette: palette,
-          selectedOptions: selectedOptionIds,
-          a11y: {
-            role: 'option'
-          }
-        }, SuggestionsProps)) : /*#__PURE__*/_react["default"].createElement(_EmptyState["default"], {
-          isLoading: isFetchingOptions,
-          options: options,
-          searchString: searchStr,
-          suggestions: suggestions,
-          dataId: dataId,
-          palette: palette,
-          i18nKeys: i18nKeys,
-          htmlId: ariaErrorId
-        }), isFetchingOptions && /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
-          isCover: false,
-          align: "both"
-        }, /*#__PURE__*/_react["default"].createElement(_Loader["default"], null))))));
-      }) : null);
+      }, this.getSelectionUI(), popUpState ? /*#__PURE__*/_react["default"].createElement(_ResponsiveDropBox["default"], {
+        animationStyle: animationStyle,
+        boxPosition: position || "".concat(defaultDropBoxPosition, "Center"),
+        getRef: getContainerRef,
+        isActive: isPopupReady,
+        isAnimate: isAnimate,
+        isArrow: false,
+        onClick: removeClose,
+        needResponsive: needResponsive,
+        isPadding: false,
+        isBoxPaddingNeed: isBoxPaddingNeed,
+        palette: palette,
+        htmlId: setAriaId,
+        a11y: {
+          ariaMultiselectable: true,
+          role: 'listbox'
+        },
+        isResponsivePadding: true,
+        alignBox: "row"
+      }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+        flexible: true
+      }, /*#__PURE__*/_react["default"].createElement(_Card["default"], {
+        customClass: "".concat(_MultiSelectModule["default"].box, " ").concat(_MultiSelectModule["default"]["".concat(palette, "Box")]),
+        onScroll: this.handleScroll
+      }, isModel && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_MobileHeader["default"], {
+        selectedOptions: selectedOptions,
+        i18nKeys: i18nKeys,
+        onClick: this.handlePopupClose
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: _MultiSelectModule["default"].effect
+      }, this.getSelectionUI(true)))), needSelectAll ? /*#__PURE__*/_react["default"].createElement(_Card.CardHeader, null, /*#__PURE__*/_react["default"].createElement(_MultiSelectHeader["default"], {
+        onSelect: this.handleSelectAll,
+        selectAllText: selectAllText,
+        suggestions: suggestions,
+        dataId: dataId
+      })) : null, isLoading ? /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+        align: "both",
+        className: _MultiSelectModule["default"].loader
+      }, /*#__PURE__*/_react["default"].createElement(_Loader["default"], null)) : /*#__PURE__*/_react["default"].createElement(_Card.CardContent, {
+        shrink: true,
+        customClass: !isModel && dropBoxSize ? _MultiSelectModule["default"][dropBoxSize] : '',
+        eleRef: this.suggestionContainerRef
+      }, suggestions.length ? /*#__PURE__*/_react["default"].createElement(_Suggestions["default"], _extends({
+        needTick: keepSelectedOptions,
+        suggestions: suggestions,
+        getRef: this.suggestionItemRef,
+        hoverOption: hoverOption,
+        onClick: this.handleSelectOption,
+        onMouseEnter: this.handleMouseEnter,
+        needBorder: false,
+        dataId: "".concat(dataId, "_Options"),
+        palette: palette,
+        selectedOptions: selectedOptionIds,
+        a11y: {
+          role: 'option'
+        }
+      }, SuggestionsProps)) : /*#__PURE__*/_react["default"].createElement(_EmptyState["default"], {
+        isLoading: isFetchingOptions,
+        options: options,
+        searchString: searchStr,
+        suggestions: suggestions,
+        dataId: dataId,
+        palette: palette,
+        i18nKeys: i18nKeys,
+        htmlId: ariaErrorId
+      }), isFetchingOptions && /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+        isCover: false,
+        align: "both"
+      }, /*#__PURE__*/_react["default"].createElement(_Loader["default"], null)))))) : null);
     }
   }]);
 

package/lib/v1/Tag/Tag.js

@@ -133,7 +133,7 @@ function Tag(props) {
   }, text), onRemove && /*#__PURE__*/_react["default"].createElement(_Button["default"], {
     customClass: "".concat(_TagModule["default"].close, " ").concat(active ? _TagModule["default"]["active".concat(closePalette, "Close")] : '', "\n          ").concat(rounded ? _TagModule["default"].lgRadiusClose : _TagModule["default"].smRadiusClose, " ").concat(isDarkPalette ? _TagModule["default"].darkTagClose : '', "\n          ").concat(customTagClose, " ").concat(_TagModule["default"]["close".concat(closePalette)]),
     dataId: "".concat(dataId, "_RemoveTag"),
-    "data-title": closeTitle,
+    title: closeTitle,
     onClick: handleRemove,
     a11y: {
       ariaLabel: clearLabel

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/components",
-  "version": "1.2.25",
+  "version": "1.2.26",
   "main": "es/index.js",
   "module": "es/index.js",
   "private": false,
@@ -69,8 +69,8 @@
     "@zohodesk-private/react-prop-validator": "1.2.1",
     "@zohodesk/a11y": "2.2.0",
     "@zohodesk/docstool": "1.0.0-alpha-2",
-    "@zohodesk/hooks": "2.0.2",
-    "@zohodesk/icons": "1.0.27",
+    "@zohodesk/hooks": "2.0.3",
+    "@zohodesk/icons": "1.0.32",
     "@zohodesk/svg": "1.1.10",
     "@zohodesk/utils": "1.3.13",
     "@zohodesk/variables": "1.0.0",
@@ -85,13 +85,13 @@
     "selectn": "1.1.2"
   },
   "peerDependencies": {
-    "@zohodesk/icons": "1.0.27",
+    "@zohodesk/icons": "1.0.32",
     "@zohodesk/variables": "1.0.0",
     "@zohodesk/svg": "1.1.10",
     "@zohodesk/virtualizer": "1.0.3",
     "velocity-react": "1.4.3",
     "react-sortable-hoc": "^0.8.3",
-    "@zohodesk/hooks": "2.0.2",
+    "@zohodesk/hooks": "2.0.3",
     "@zohodesk/utils": "1.3.13",
     "@zohodesk/a11y": "2.2.0"
   }