@zohodesk/dot 1.4.0 → 1.4.2

package/lib/setup/table/TableRow/SetupTableRow.module.css

@@ -9,6 +9,7 @@
   margin-left: var(--zd_size40) ;
   margin-right: var(--zd_size40) ;
 }
+
 .container:hover {
-  background-color: var( --zdt_setuptablerow_hover_bg);
-}
+  background-color: var(--zdt_setuptablerow_hover_bg);
+}

package/lib/v1/ActionButton/ActionButton.js

@@ -58,12 +58,17 @@ function ActionButton(props) {
       innerClassName = props.innerClassName,
       popupGroup = props.popupGroup,
       togglePopup = props.togglePopup,
-      defaultPosition = props.defaultPosition;
+      defaultPosition = props.defaultPosition,
+      openPopupOnly = props.openPopupOnly;
 
   var handleTogglePopup = function handleTogglePopup(e) {
     togglePopup(e, defaultPosition);
   };
 
+  var handlePopupOpen = function handlePopupOpen(e) {
+    openPopupOnly(e, defaultPosition);
+  };
+
   return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
     alignBox: "row",
     isCover: false,
@@ -111,7 +116,7 @@ function ActionButton(props) {
     "data-title": removeChildrenTooltip ? null : subText,
     className: _ActionButtonModule["default"].subTxt
   }, subText) : null)), children ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-    onClick: onClick ? !onHover && handleTogglePopup : undefined,
+    onClick: onClick && !onHover ? handleTogglePopup : handlePopupOpen,
     onMouseEnter: onClick ? onHover && handleTogglePopup : undefined,
     onMouseLeave: onClick ? onHover && handleTogglePopup : undefined,
     className: "".concat(_semanticButtonModule["default"].buttonReset, " ").concat(_ActionButtonModule["default"][arrowBoxSize + '_arrowBox'], " ").concat(_ActionButtonModule["default"][palette + 'Arw'], "  ").concat(_ActionButtonModule["default"].arrowWrapper, " ").concat(isPopupOpen ? _ActionButtonModule["default"].arrowActive : ''),

package/lib/v1/Drawer/Drawer.js

@@ -103,10 +103,7 @@ function Header(props) {
     shrink: true
   }, /*#__PURE__*/_react["default"].createElement(_Heading["default"], {
     title: title,
-    className: _DrawerModule["default"].title,
-    a11y: {
-      tabindex: '0'
-    }
+    className: _DrawerModule["default"].title
   })) : null, getTitleChildren ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, getTitleChildren()) : null)) : null, children ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, children) : null)), onClose ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
     onClick: onClose,
     dataId: "closeButton",
@@ -181,7 +178,7 @@ function Drawer(props) {
         _focusScopeProps$need4 = focusScopeProps.needFocusLoop,
         needFocusLoop = _focusScopeProps$need4 === void 0 ? true : _focusScopeProps$need4,
         _focusScopeProps$need5 = focusScopeProps.needEnterAction,
-        needEnterAction = _focusScopeProps$need5 === void 0 ? false : _focusScopeProps$need5;
+        needEnterAction = _focusScopeProps$need5 === void 0 ? true : _focusScopeProps$need5;
 
     var childrenWithProps = _react["default"].Children.map(children, function (child) {
       if (child.type === Header || child.type === Footer || child.type === Content) {

package/lib/v1/Link/Link.js

@@ -104,8 +104,7 @@ function Link(props) {
   }, others, {
     onClick: callBack
   }, customProps, {
-    "aria-label": ariaLabel,
-    tabIndex: "0"
+    "aria-label": ariaLabel
   }), children);
 }
 

package/lib/v1/avatar/AvatarStatus/AvatarStatus.js

@@ -46,7 +46,6 @@ function AvatarStatus(props) {
   return /*#__PURE__*/_react["default"].createElement("div", _extends({
     className: "".concat(_AvatarStatusModule["default"].container, " ").concat(className, " ")
   }, AvatarStatusProps, {
-    tabIndex: "0",
     "aria-label": "".concat(title, ", ").concat(name, ", ").concat(statusTitle),
     "data-selector-id": dataSelectorId
   }), /*#__PURE__*/_react["default"].createElement(_Avatar["default"], _extends({

package/lib/v1/list/ListLayout/ListLayout.js

@@ -50,7 +50,7 @@ function ListLayout(props) {
     "data-id": dataId,
     "data-test-id": dataId,
     "data-title": dataTitle,
-    tabIndex: "0",
+    tabIndex: onClick ? '0' : null,
     role: role,
     "data-a11y-inset-focus": true,
     "aria-label": ariaLabel,

package/lib/v1/list/status/StatusDropdown/StatusDropdown.js

@@ -306,8 +306,8 @@ function StatusDropdown(props) {
     dataId: dataId,
     onClick: removeClose,
     disabled: isDisabled || isReadOnly ? true : false,
-    "aria-haspopup": true,
-    "aria-expanded": isPopupOpen && isEditable ? true : false,
+    "aria-haspopup": isSearch ? 'listbox' : 'menu',
+    "aria-expanded": isPopupReady && isEditable ? true : false,
     tabIndex: tabIndex,
     "aria-labelledby": ariaLabelledby,
     "aria-label": ariaLabel,
@@ -364,10 +364,10 @@ function StatusDropdown(props) {
       inputRef: searchInputRef,
       onKeyDown: handleKeyDown,
       a11y: {
-        ariaHaspopup: true,
-        ariaExpanded: true,
+        ariaHaspopup: isSearch ? 'listbox' : 'menu',
+        ariaExpanded: isPopupReady,
         role: 'combobox',
-        ariaActivedescendant: value,
+        ariaActivedescendant: isPopupReady ? value : '',
         ariaOwns: ariaTitleId
       }
     })) : null, title && optionsList.length != 0 && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
@@ -389,7 +389,7 @@ function StatusDropdown(props) {
       onScroll: handleScroll,
       role: isSearch ? 'listbox' : 'menu',
       "aria-labelledby": ariaTitleId,
-      tabindex: "0"
+      tabindex: "-1"
     }, optionsList.length != 0 && isDataLoaded ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, optionsList.map(function (item, i) {
       return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, {
         key: i

package/lib/v1/lookup/Lookup/Lookup.js

@@ -69,7 +69,7 @@ function Lookup(props) {
       _focusScopeProps$need4 = focusScopeProps.needFocusLoop,
       needFocusLoop = _focusScopeProps$need4 === void 0 ? true : _focusScopeProps$need4,
       _focusScopeProps$need5 = focusScopeProps.needEnterAction,
-      needEnterAction = _focusScopeProps$need5 === void 0 ? false : _focusScopeProps$need5;
+      needEnterAction = _focusScopeProps$need5 === void 0 ? true : _focusScopeProps$need5;
   var createRef = (0, _react.useRef)(null);
   var handleKeyDown = (0, _react.useCallback)(function (e) {
     onKeyDown && onKeyDown(e);

package/lib/v1/notification/DesktopNotification/DesktopNotification.js

@@ -24,6 +24,8 @@ var _FormAction = _interopRequireDefault(require("../../../FormAction/FormAction
 
 var _DesktopNotificationHeader = _interopRequireDefault(require("../DesktopNotificationHeader/DesktopNotificationHeader"));
 
+var _CustomResponsive = require("@zohodesk/components/lib/Responsive/CustomResponsive");
+
 var _DesktopNotificationModule = _interopRequireDefault(require("../../../version2/notification/DesktopNotification/DesktopNotification.module.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -84,7 +86,8 @@ function DesktopNotificationUI(props) {
       customClass = _props$customClass === void 0 ? {} : _props$customClass,
       _props$i18nKeys = props.i18nKeys,
       i18nKeys = _props$i18nKeys === void 0 ? {} : _props$i18nKeys,
-      customProps = props.customProps;
+      customProps = props.customProps,
+      responsiveId = props.responsiveId;
   var _i18nKeys$closeTitle = i18nKeys.closeTitle,
       closeTitle = _i18nKeys$closeTitle === void 0 ? 'Close' : _i18nKeys$closeTitle;
   var containerClass = customClass.containerClass;
@@ -110,66 +113,82 @@ function DesktopNotificationUI(props) {
   var Zindex = isAnimate ? getNextIndex() : null;
   var uiVariantOne = title && (info || secondaryInfo);
   var uiVariantTwo = title && !(info || secondaryInfo) && !getSectionContainer;
+
+  function responsiveFunc(_ref2) {
+    var mediaQueryOR = _ref2.mediaQueryOR;
+    return {
+      uptoTablet: mediaQueryOR([{
+        maxWidth: 760
+      }])
+    };
+  }
+
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: _DesktopNotificationModule["default"].parentElement,
     style: needAutoZindex && isAnimate ? {
       zIndex: "".concat(Zindex)
     } : {},
     "data-selector-id": dataSelectorId
-  }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, _extends({
-    className: "".concat(_DesktopNotificationModule["default"].container, " ").concat(isAnimate ? animateClass : animateRemoveClass, " ").concat(_DesktopNotificationModule["default"]["".concat(size)] ? _DesktopNotificationModule["default"]["".concat(size)] : '', " ").concat(isShrinkView ? _DesktopNotificationModule["default"].globalNotify : '', " ").concat(containerClass),
-    isCover: false,
-    dataId: dataId,
-    isInline: uiVariantTwo
-  }, ExtraProps), /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, /*#__PURE__*/_react["default"].createElement(_DesktopNotificationHeader["default"], {
-    type: type,
-    title: title,
-    variant: titleVariant,
-    needIcon: needIcon,
-    onClose: onClose,
-    closeTitle: closeTitle,
-    renderAlertIcon: renderAlertIcon,
-    dataId: "".concat(dataId, "_close"),
-    needClose: needClose
-  })), /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
-    alignBox: "column"
-  }, uiVariantOne && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-    flexible: true
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(_DesktopNotificationModule["default"].section, " ").concat(_DesktopNotificationModule["default"].infoText)
-  }, subTitle && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(_DesktopNotificationModule["default"].subTitle, " ").concat(info || secondaryInfo ? _DesktopNotificationModule["default"].subTitleMargin : '')
-  }, subTitle), info && /*#__PURE__*/_react["default"].createElement("div", null, info), secondaryInfo && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(info ? _DesktopNotificationModule["default"].secondaryInfo : '')
-  }, secondaryInfo))), getSectionContainer && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-    flexible: true
-  }, getSectionContainer()), submitText || cancelText ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, /*#__PURE__*/_react["default"].createElement("div", {
-    className: _DesktopNotificationModule["default"].footer
-  }, isMore ? /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(_DesktopNotificationModule["default"].message)
-  }, message) : null, /*#__PURE__*/_react["default"].createElement(_FormAction["default"], {
-    size: "small",
-    paddingLeftSize: "xmedium"
-  }, submitText ? /*#__PURE__*/_react["default"].createElement("div", {
-    onClick: onClickSubmit,
-    "data-id": "".concat(dataId, "_submitButton"),
-    "data-test-id": "".concat(dataId, "_submitButton")
-  }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
-    align: "vertical",
-    alignBox: "row"
-  }, getSubmitContainer ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-    flexible: true
-  }, getSubmitContainer()) : /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-    flexible: true
-  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    text: submitText,
-    palette: submitType ? submitType : buttonPalette
-  })))) : null, cancelText ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    text: cancelText,
-    palette: "secondary",
-    dataId: "".concat(dataId, "_cancelButton"),
-    onClick: onClickCancel
-  })) : null))) : null)), getBottomContainer ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, getBottomContainer()) : null));
+  }, /*#__PURE__*/_react["default"].createElement(_CustomResponsive.ResponsiveReceiver, {
+    query: responsiveFunc,
+    responsiveId: responsiveId
+  }, function (_ref3) {
+    var uptoTablet = _ref3.uptoTablet;
+    return /*#__PURE__*/_react["default"].createElement(_Layout.Container, _extends({
+      className: "".concat(_DesktopNotificationModule["default"].container, " ").concat(isAnimate ? animateClass : animateRemoveClass, "\n             ").concat(isShrinkView ? _DesktopNotificationModule["default"].globalNotify : '', " ").concat(containerClass, "\n             ").concat(uptoTablet ? _DesktopNotificationModule["default"].tapWidth : _DesktopNotificationModule["default"]["".concat(size)]),
+      isCover: false,
+      dataId: dataId,
+      isInline: uiVariantTwo
+    }, ExtraProps), /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, /*#__PURE__*/_react["default"].createElement(_DesktopNotificationHeader["default"], {
+      type: type,
+      title: title,
+      variant: titleVariant,
+      needIcon: needIcon,
+      onClose: onClose,
+      closeTitle: closeTitle,
+      renderAlertIcon: renderAlertIcon,
+      dataId: "".concat(dataId, "_close"),
+      needClose: needClose
+    })), /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+      alignBox: "column"
+    }, uiVariantOne && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+      flexible: true
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(_DesktopNotificationModule["default"].section, " ").concat(_DesktopNotificationModule["default"].infoText)
+    }, subTitle && /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(_DesktopNotificationModule["default"].subTitle, " ").concat(info || secondaryInfo ? _DesktopNotificationModule["default"].subTitleMargin : '')
+    }, subTitle), info && /*#__PURE__*/_react["default"].createElement("div", null, info), secondaryInfo && /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(info ? _DesktopNotificationModule["default"].secondaryInfo : '')
+    }, secondaryInfo))), getSectionContainer && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+      flexible: true
+    }, getSectionContainer()), submitText || cancelText ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, /*#__PURE__*/_react["default"].createElement("div", {
+      className: _DesktopNotificationModule["default"].footer
+    }, isMore ? /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(_DesktopNotificationModule["default"].message)
+    }, message) : null, /*#__PURE__*/_react["default"].createElement(_FormAction["default"], {
+      size: "small",
+      paddingLeftSize: "xmedium"
+    }, submitText ? /*#__PURE__*/_react["default"].createElement("div", {
+      onClick: onClickSubmit,
+      "data-id": "".concat(dataId, "_submitButton"),
+      "data-test-id": "".concat(dataId, "_submitButton")
+    }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+      align: "vertical",
+      alignBox: "row"
+    }, getSubmitContainer ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+      flexible: true
+    }, getSubmitContainer()) : /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+      flexible: true
+    }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+      text: submitText,
+      palette: submitType ? submitType : buttonPalette
+    })))) : null, cancelText ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+      text: cancelText,
+      palette: "secondary",
+      dataId: "".concat(dataId, "_cancelButton"),
+      onClick: onClickCancel
+    })) : null))) : null)), getBottomContainer ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, getBottomContainer()) : null);
+  }));
 }
 
 DesktopNotificationUI.propTypes = _propTypes.DesktopNotificationUI_propTypes;

package/lib/v1/notification/DesktopNotification/props/defaultProps.js

@@ -4,6 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
+var _Config = require("../../../../Provider/Config");
+
 var _default = {
   isMore: false,
   isAnimate: true,
@@ -17,6 +20,7 @@ var _default = {
   isShrinkView: false,
   needClose: true,
   customProps: {},
-  dataSelectorId: 'desktopNotification'
+  dataSelectorId: 'desktopNotification',
+  responsiveId: (0, _Config.getDotLibraryConfig)('desktopNotificationResponsiveId')
 };
 exports["default"] = _default;

package/lib/v1/notification/DesktopNotification/props/propTypes.js

@@ -14,7 +14,8 @@ var propTypes = {
   onPortalClose: _propTypes["default"].func,
   autoClose: _propTypes["default"].bool,
   hideTime: _propTypes["default"].string,
-  Element: _propTypes["default"].element
+  Element: _propTypes["default"].element,
+  responsiveId: _propTypes["default"].string
 };
 exports.propTypes = propTypes;
 var DesktopNotificationUI_propTypes = {

package/lib/v1/notification/DesktopNotificationHeader/DesktopNotificationHeader.js

@@ -17,6 +17,10 @@ var _AlertClose = _interopRequireDefault(require("../../alert/AlertClose/AlertCl
 
 var _AlertIcons = _interopRequireDefault(require("../../alert/alertIcons/AlertIcons"));
 
+var _CustomResponsive = require("@zohodesk/components/lib/Responsive/CustomResponsive");
+
+var _Typography = _interopRequireDefault(require("@zohodesk/components/es/v1/Typography/Typography"));
+
 var _DesktopNotificationHeaderModule = _interopRequireDefault(require("../../../version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -31,35 +35,65 @@ function DesktopNotificationHeader(props) {
       needIcon = props.needIcon,
       title = props.title,
       renderAlertIcon = props.renderAlertIcon,
-      needClose = props.needClose;
+      needClose = props.needClose,
+      responsiveId = props.responsiveId;
+
+  function responsiveFunc(_ref) {
+    var mediaQueryOR = _ref.mediaQueryOR;
+    return {
+      uptoTablet: mediaQueryOR([{
+        maxWidth: 760
+      }])
+    };
+  }
+
   return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
     align: "vertical",
     alignBox: "row",
     className: "".concat(_DesktopNotificationHeaderModule["default"].container, " ").concat(_DesktopNotificationHeaderModule["default"][variant], " ").concat(_DesktopNotificationHeaderModule["default"][type]),
     isCover: false,
     wrap: "wrap"
-  }, needIcon ? /*#__PURE__*/_react["default"].createElement("div", {
-    className: _DesktopNotificationHeaderModule["default"].iconContainer
-  }, renderAlertIcon ? renderAlertIcon() : /*#__PURE__*/_react["default"].createElement(_AlertIcons["default"], {
-    type: type
-  })) : null, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-    flexible: true
-  }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
-    alignBox: "row",
-    align: "center"
-  }, variant === 'primary' ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-    className: _DesktopNotificationHeaderModule["default"].title,
-    shrink: true
-  }, title) : /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-    className: "".concat(_DesktopNotificationHeaderModule["default"].infoText)
-  }, title))), needClose ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-    className: _DesktopNotificationHeaderModule["default"].close
-  }, /*#__PURE__*/_react["default"].createElement(_AlertClose["default"], {
-    onClose: onClose,
-    dataTitle: closeTitle,
-    dataId: dataId,
-    type: "light"
-  })) : null);
+  }, /*#__PURE__*/_react["default"].createElement(_CustomResponsive.ResponsiveReceiver, {
+    query: responsiveFunc,
+    responsiveId: responsiveId
+  }, function (_ref2) {
+    var uptoTablet = _ref2.uptoTablet;
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, needIcon ? /*#__PURE__*/_react["default"].createElement("div", {
+      className: _DesktopNotificationHeaderModule["default"].iconContainer
+    }, renderAlertIcon ? renderAlertIcon() : /*#__PURE__*/_react["default"].createElement(_AlertIcons["default"], {
+      type: type
+    })) : null, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+      flexible: true
+    }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+      alignBox: "row",
+      align: "center"
+    }, variant === 'primary' ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+      shrink: true
+    }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+      $i18n_dataTitle: title,
+      $ui_className: _DesktopNotificationHeaderModule["default"].title,
+      $ui_tagName: "h1",
+      $ui_size: uptoTablet ? '16' : '18',
+      $ui_lineHeight: "20",
+      $ui_weight: "bold",
+      $flag_reset: true,
+      $ui_wordBreak: "breakWord"
+    }, title)) : /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+      className: "".concat(_DesktopNotificationHeaderModule["default"].infoText)
+    }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+      $i18n_dataTitle: title,
+      $ui_className: _DesktopNotificationHeaderModule["default"].title,
+      $ui_size: "14",
+      $ui_wordBreak: "breakWord"
+    }, title)))), needClose ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+      className: _DesktopNotificationHeaderModule["default"].close
+    }, /*#__PURE__*/_react["default"].createElement(_AlertClose["default"], {
+      onClose: onClose,
+      dataTitle: closeTitle,
+      dataId: dataId,
+      type: "light"
+    })) : null);
+  }));
 }
 
 DesktopNotificationHeader.propTypes = _propTypes["default"];

package/lib/v1/notification/DesktopNotificationHeader/props/defaultProps.js

@@ -4,9 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
+var _Config = require("../../../../Provider/Config");
+
 var _default = {
   needIcon: true,
   variant: 'primary',
-  needClose: true
+  needClose: true,
+  responsiveId: (0, _Config.getDotLibraryConfig)('desktopNotificationResponsiveId')
 };
 exports["default"] = _default;

package/lib/v1/notification/DesktopNotificationHeader/props/propTypes.js

@@ -18,6 +18,7 @@ var _default = {
   title: _propTypes["default"].string,
   renderAlertIcon: _propTypes["default"].func,
   type: _propTypes["default"].oneOf(['success', 'error', 'danger', 'warning', 'info', 'notification', 'alarm']),
-  variant: _propTypes["default"].oneOf(['primary', 'secondary'])
+  variant: _propTypes["default"].oneOf(['primary', 'secondary']),
+  responsiveId: _propTypes["default"].string
 };
 exports["default"] = _default;

package/lib/v1/setup/header/Button/Button.js

@@ -1,11 +1,9 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = Button;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -19,65 +17,21 @@ var _HeaderButtonModule = _interopRequireDefault(require("../../../../setup/head
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-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 _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function Button(props) {
+  var palette = props.palette,
+      text = props.text,
+      onClick = props.onClick,
+      id = props.id;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: _HeaderButtonModule["default"].container
+  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    id: id,
+    onClick: onClick,
+    palette: palette,
+    size: "medium",
+    text: text
+  }));
+}
 
-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; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-var Button = /*#__PURE__*/function (_React$Component) {
-  _inherits(Button, _React$Component);
-
-  var _super = _createSuper(Button);
-
-  function Button(props) {
-    _classCallCheck(this, Button);
-
-    return _super.call(this, props);
-  }
-
-  _createClass(Button, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          palette = _this$props.palette,
-          text = _this$props.text,
-          onClick = _this$props.onClick,
-          id = _this$props.id;
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: _HeaderButtonModule["default"].container
-      }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-        id: id,
-        onClick: onClick,
-        palette: palette,
-        size: "medium",
-        text: text
-      }));
-    }
-  }]);
-
-  return Button;
-}(_react["default"].Component);
-
-exports["default"] = Button;
 Button.defaultProps = _defaultProps.defaultProps;
-Button.propTypes = _propTypes.propTypes; // if (__DOCS__) {
-//   Button.docs = {
-//     componentGroup: 'Header',
-//     folderName: 'Setup'
-//   };
-// }
+Button.propTypes = _propTypes.propTypes;