@zohodesk/dot 1.2.1 → 1.2.3

package/lib/v1/version2/index.js

@@ -0,0 +1,58 @@
+"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
+});
+Object.defineProperty(exports, "AlertClose", {
+  enumerable: true,
+  get: function get() {
+    return _AlertClose["default"];
+  }
+});
+Object.defineProperty(exports, "GlobalNotification", {
+  enumerable: true,
+  get: function get() {
+    return _GlobalNotification["default"];
+  }
+});
+Object.defineProperty(exports, "GlobalNotificationNew", {
+  enumerable: true,
+  get: function get() {
+    return _GlobalNotification.GlobalNotificationNew;
+  }
+});
+Object.defineProperty(exports, "GlobalNotificationUI", {
+  enumerable: true,
+  get: function get() {
+    return _GlobalNotification.GlobalNotificationUI;
+  }
+});
+exports.notification = exports.lookup = exports.errorstate = exports.alertIcons = void 0;
+
+var _AlertClose = _interopRequireDefault(require("./AlertClose/AlertClose"));
+
+var _alertIcons = _interopRequireWildcard(require("./alertIcons"));
+
+exports.alertIcons = _alertIcons;
+
+var _errorstate = _interopRequireWildcard(require("./errorstate"));
+
+exports.errorstate = _errorstate;
+
+var _GlobalNotification = _interopRequireWildcard(require("./GlobalNotification/GlobalNotification"));
+
+var _lookup = _interopRequireWildcard(require("./lookup"));
+
+exports.lookup = _lookup;
+
+var _notification = _interopRequireWildcard(require("./notification"));
+
+exports.notification = _notification;
+
+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; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/v1/version2/lookup/AlertHeader/AlertHeader.js

@@ -0,0 +1,104 @@
+"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"] = AlertHeader;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Layout = require("@zohodesk/components/lib/Layout");
+
+var _AlertClose = _interopRequireDefault(require("../../AlertClose/AlertClose"));
+
+var _AlertIcons = _interopRequireDefault(require("../../alertIcons/AlertIcons"));
+
+var _AlertHeaderNewModule = _interopRequireDefault(require("../../../../version2/lookup/AlertHeader/css/AlertHeaderNew.module.css"));
+
+var _cssJSLogic2 = _interopRequireDefault(require("../../../../version2/lookup/AlertHeader/css/cssJSLogic"));
+
+var _utils = require("@zohodesk/utils");
+
+var _useDragger = _interopRequireDefault(require("../../../../Hooks/Dragger/useDragger"));
+
+var _defaultProps = _interopRequireDefault(require("../../../../version2/lookup/AlertHeader/props/defaultProps"));
+
+var _propTypes = _interopRequireDefault(require("../../../../version2/lookup/AlertHeader/props/propTypes"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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; }
+
+//AlertDependencies
+//CSS
+//customHooks
+//Props
+function AlertHeader(props) {
+  var title = props.title,
+      needIcon = props.needIcon,
+      onClose = props.onClose,
+      closeTitle = props.closeTitle,
+      children = props.children,
+      breakChildren = props.breakChildren,
+      dataId = props.dataId,
+      type = props.type,
+      htmlId = props.htmlId,
+      customStyle = props.customStyle,
+      dragBoundaryLimit = props.dragBoundaryLimit;
+  var finalStyle = (0, _utils.mergeStyle)(_AlertHeaderNewModule["default"], customStyle);
+
+  var _cssJSLogic = (0, _cssJSLogic2["default"])({
+    props: props,
+    style: finalStyle
+  }),
+      alertHeaderContainerClass = _cssJSLogic.alertHeaderContainerClass;
+
+  var dragRef = (0, _react.useRef)(null); //dragRef
+
+  (0, _useDragger["default"])({
+    isActive: true,
+    ChildRef: dragRef,
+    boundaryLimit: dragBoundaryLimit
+  }); //custom Hook
+
+  return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+    align: "vertical",
+    alignBox: "row",
+    className: "".concat(alertHeaderContainerClass),
+    isCover: false,
+    wrap: "wrap",
+    "data-drag-hook": "true",
+    eleRef: dragRef
+  }, needIcon && /*#__PURE__*/_react["default"].createElement("div", {
+    className: finalStyle.iconContainer
+  }, /*#__PURE__*/_react["default"].createElement(_AlertIcons["default"], {
+    type: type
+  })), (title || children) && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    flexible: true
+  }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+    alignBox: "row",
+    wrap: breakChildren ? 'wrap' : null
+  }, title && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    className: finalStyle.title,
+    shrink: true,
+    id: htmlId
+  }, title), children && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    adjust: true,
+    flexible: true
+  }, children))), onClose && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    className: _AlertHeaderNewModule["default"].close
+  }, /*#__PURE__*/_react["default"].createElement(_AlertClose["default"], {
+    onClose: onClose,
+    dataTitle: closeTitle,
+    dataId: "".concat(dataId, "_close"),
+    type: "light"
+  })));
+} //Props
+
+
+AlertHeader.propTypes = _propTypes["default"];
+AlertHeader.defaultProps = _defaultProps["default"];

package/lib/v1/version2/lookup/AlertLookup/AlertLookup.js

@@ -19,11 +19,11 @@ var _Layout = require("@zohodesk/components/lib/Layout");
 
 var _Lookup = _interopRequireDefault(require("../../../lookup/Lookup/Lookup"));
 
-var _AlertHeader = _interopRequireDefault(require("../../../../version2/lookup/AlertHeader/AlertHeader"));
+var _AlertHeader = _interopRequireDefault(require("../AlertHeader/AlertHeader"));
 
-var _Section = _interopRequireDefault(require("../../../../lookup/Section/Section"));
+var _Section = _interopRequireDefault(require("../../../lookup/Section/Section"));
 
-var _FormAction = _interopRequireDefault(require("../../../../FormAction/FormAction"));
+var _FormAction = _interopRequireDefault(require("../../../FormAction/FormAction"));
 
 var _AlertLookupNewModule = _interopRequireDefault(require("../../../../version2/lookup/AlertLookup/AlertLookupNew.module.css"));
 
@@ -103,6 +103,8 @@ function AlertLookup(props) {
   var ariaMessageId = getAriaId();
   var ariaConfirmMsgId = getAriaId();
   var ariaTitleId = getAriaId();
+  var ariaLeaveButtonId = getAriaId();
+  var ariaStayButtonId = getAriaId();
   a11y = {
     ariaLabelledby: a11y && a11y.ariaLabelledby ? a11y.ariaLabelledby : ariaTitleId,
     ariaDescribedby: a11y && a11y.ariaDescribedby ? a11y.ariaDescribedby : ariaMessageId + ' ' + ariaConfirmMsgId
@@ -161,12 +163,22 @@ function AlertLookup(props) {
     customProps: {
       'data-a11y-autofocus': isDefaultFocus
     }
-  }, PrimaryButtonProps)), cancelText && /*#__PURE__*/_react["default"].createElement(_Button["default"], _extends({
+  }, PrimaryButtonProps, {
+    a11y: {
+      'aria-labelledby': ariaTitleId + ' ' + ariaMessageId + ' ' + ariaLeaveButtonId
+    },
+    id: ariaLeaveButtonId
+  })), cancelText && /*#__PURE__*/_react["default"].createElement(_Button["default"], _extends({
     dataId: dataId === 'alertPopup' ? 'alertCancelButton' : "".concat(dataId, "_cancelButton"),
     text: cancelText,
     onClick: onCancelClick,
     palette: "secondary"
-  }, SecondaryButtonProps))))) : null))));
+  }, SecondaryButtonProps, {
+    a11y: {
+      'aria-labelledby': ariaTitleId + ' ' + ariaMessageId + ' ' + ariaStayButtonId
+    },
+    id: ariaStayButtonId
+  }))))) : null))));
 }
 
 AlertLookup.propTypes = _propTypes.propTypes;

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

@@ -0,0 +1,193 @@
+"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.DesktopNotificationUI = DesktopNotificationUI;
+exports["default"] = DesktopNotification;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _defaultProps = require("../../../../version2/notification/DesktopNotification/props/defaultProps");
+
+var _propTypes = require("../../../../version2/notification/DesktopNotification/props/propTypes");
+
+var _Layout = require("@zohodesk/components/lib/Layout");
+
+var _ZindexProvider = require("@zohodesk/components/lib/Provider/ZindexProvider");
+
+var _AutoClose = _interopRequireDefault(require("../../../actions/AutoClose"));
+
+var _Button = _interopRequireDefault(require("@zohodesk/components/lib/Button/Button"));
+
+var _FormAction = _interopRequireDefault(require("../../../FormAction/FormAction"));
+
+var _DesktopNotificationHeader = _interopRequireDefault(require("../DesktopNotificationHeader/DesktopNotificationHeader"));
+
+var _DesktopNotificationModule = _interopRequireDefault(require("../../../../version2/notification/DesktopNotification/DesktopNotification.module.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var buttonPaletteObject = {
+  success: {
+    buttonPalette: 'successFilled'
+  },
+  error: {
+    buttonPalette: 'dangerFilled'
+  },
+  danger: {
+    buttonPalette: 'dangerFilled'
+  },
+  warning: {
+    buttonPalette: 'dangerFilled'
+  },
+  info: {
+    buttonPalette: 'primaryFilled'
+  },
+  notification: {
+    buttonPalette: 'primaryFilled'
+  }
+};
+
+function DesktopNotificationUI(props) {
+  var _props$type = props.type,
+      type = _props$type === void 0 ? '' : _props$type,
+      submitText = props.submitText,
+      cancelText = props.cancelText,
+      submitType = props.submitType,
+      isMore = props.isMore,
+      message = props.message,
+      isAnimate = props.isAnimate,
+      getBottomContainer = props.getBottomContainer,
+      getSubmitContainer = props.getSubmitContainer,
+      onSubmit = props.onSubmit,
+      onCancel = props.onCancel,
+      dataId = props.dataId,
+      dataSelectorId = props.dataSelectorId,
+      isClose = props.isClose,
+      needAutoZindex = props.needAutoZindex,
+      title = props.title,
+      subTitle = props.subTitle,
+      needIcon = props.needIcon,
+      info = props.info,
+      secondaryInfo = props.secondaryInfo,
+      titleVariant = props.titleVariant,
+      getSectionContainer = props.getSectionContainer,
+      isShrinkView = props.isShrinkView,
+      size = props.size,
+      onClose = props.onClose,
+      needClose = props.needClose,
+      _props$customClass = props.customClass,
+      customClass = _props$customClass === void 0 ? {} : _props$customClass,
+      _props$i18nKeys = props.i18nKeys,
+      i18nKeys = _props$i18nKeys === void 0 ? {} : _props$i18nKeys,
+      customProps = props.customProps;
+  var _i18nKeys$closeTitle = i18nKeys.closeTitle,
+      closeTitle = _i18nKeys$closeTitle === void 0 ? 'Close' : _i18nKeys$closeTitle;
+  var containerClass = customClass.containerClass;
+
+  var _ref = buttonPaletteObject[type] || {},
+      _ref$buttonPalette = _ref.buttonPalette,
+      buttonPalette = _ref$buttonPalette === void 0 ? 'dangerFilled' : _ref$buttonPalette;
+
+  var _customProps$ExtraPro = customProps.ExtraProps,
+      ExtraProps = _customProps$ExtraPro === void 0 ? {} : _customProps$ExtraPro;
+
+  function onClickSubmit(e) {
+    onSubmit && onSubmit();
+  }
+
+  function onClickCancel(e) {
+    onCancel && onCancel();
+  }
+
+  var animateClass = isClose ? _DesktopNotificationModule["default"].rightanimate : _DesktopNotificationModule["default"].leftanimate;
+  var animateRemoveClass = isClose ? _DesktopNotificationModule["default"].rightanimate : _DesktopNotificationModule["default"].leftnoanimate;
+  var getNextIndex = (0, _ZindexProvider.useZIndex)();
+  var Zindex = isAnimate ? getNextIndex() : null;
+  var uiVariantOne = title && (info || secondaryInfo);
+  var uiVariantTwo = title && !(info || secondaryInfo) && !getSectionContainer;
+  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,
+    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;
+
+function DesktopNotification(props) {
+  return /*#__PURE__*/_react["default"].createElement(_AutoClose["default"], _extends({}, props, {
+    Element: DesktopNotificationUI
+  }));
+}
+
+DesktopNotification.propTypes = _propTypes.propTypes;
+DesktopNotification.defaultProps = _defaultProps.defaultProps; // if (__DOCS__) {
+//   DesktopNotification.docs = {
+//     componentGroup: 'DesktopNotification',
+//     folderName: 'Alert'
+//   };
+// }

package/lib/version2/lookup/AlertLookup/AlertLookup.js

@@ -176,6 +176,8 @@ var AlertLookup = /*#__PURE__*/function (_Component) {
       var ariaMessageId = this.getAriaId();
       var ariaConfirmMsgId = this.getAriaId();
       var ariaTitleId = this.getAriaId();
+      var ariaLeaveButtonId = this.getAriaId();
+      var ariaStayButtonId = this.getAriaId();
       a11y = {
         ariaLabelledby: a11y && a11y.ariaLabelledby ? a11y.ariaLabelledby : ariaTitleId,
         ariaDescribedby: a11y && a11y.ariaDescribedby ? a11y.ariaDescribedby : ariaMessageId + ' ' + ariaConfirmMsgId
@@ -234,12 +236,22 @@ var AlertLookup = /*#__PURE__*/function (_Component) {
         customProps: {
           'data-a11y-autofocus': isDefaultFocus
         }
-      }, PrimaryButtonProps)), cancelText && /*#__PURE__*/_react["default"].createElement(_Button["default"], _extends({
+      }, PrimaryButtonProps, {
+        a11y: {
+          'aria-labelledby': ariaTitleId + ' ' + ariaMessageId + ' ' + ariaLeaveButtonId
+        },
+        id: ariaLeaveButtonId
+      })), cancelText && /*#__PURE__*/_react["default"].createElement(_Button["default"], _extends({
         dataId: dataId === 'alertPopup' ? 'alertCancelButton' : "".concat(dataId, "_cancelButton"),
         text: cancelText,
         onClick: onCancelClick,
         palette: "secondary"
-      }, SecondaryButtonProps))))) : null))));
+      }, SecondaryButtonProps, {
+        a11y: {
+          'aria-labelledby': ariaTitleId + ' ' + ariaMessageId + ' ' + ariaStayButtonId
+        },
+        id: ariaStayButtonId
+      }))))) : null))));
     }
   }]);
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/dot",
-  "version": "1.2.1",
+  "version": "1.2.3",
   "main": "lib/index",
   "module": "es/index.js",
   "private": false,
@@ -44,17 +44,17 @@
     "variable:addignore": "node ./node_modules/@zohodesk-private/css-variable-migrator/es/variableIgnore.js ./src",
     "variable:convert": "node ./node_modules/@zohodesk-private/css-variable-migrator/es/pxParserPostcss.js ./src",
     "variable:check": "node  ./node_modules/@zohodesk-private/css-variable-migrator/es/variableErrorCheck.js ./src ./node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json",
-    "review:props": "node ./node_modules/@zohodesk-private/react-prop-validator/es/propValidation.js ./src/ ./.cli ./.cli devMode "
+    "review:props": "node ./node_modules/@zohodesk-private/react-prop-validator/es/propValidation.js ./src/ ./.cli ./.cli "
   },
   "devDependencies": {
     "@zohodesk-private/css-variable-migrator": "^1.0.7",
     "@zohodesk-private/node-plugins": "^1.0.0",
     "@zohodesk-private/color-variable-preprocessor": "1.0.6",
-    "@zohodesk-private/react-prop-validator": "0.0.7",
-    "@zohodesk/components": "1.2.1",
-    "@zohodesk/a11y": "2.0.0",
+    "@zohodesk-private/react-prop-validator": "0.1.0",
+    "@zohodesk/components": "1.2.3",
+    "@zohodesk/a11y": "2.0.2",
     "@zohodesk/i18n": "1.0.0-beta.23",
-    "@zohodesk/icons": "1.0.1",
+    "@zohodesk/icons": "1.0.2",
     "@zohodesk/svg": "1.1.1",
     "@zohodesk/variables": "1.0.0",
     "@zohodesk/virtualizer": "1.0.3",
@@ -71,13 +71,13 @@
     "velocity-react": "1.4.3",
     "@zohodesk/variables": "1.0.0",
     "@zohodesk/i18n": "1.0.0-beta.23",
-    "@zohodesk/components": "1.2.1",
-    "@zohodesk/icons": "1.0.1",
+    "@zohodesk/components": "1.2.3",
+    "@zohodesk/icons": "1.0.2",
     "@zohodesk/svg": "1.1.1",
     "@zohodesk/virtualizer": "1.0.3",
     "react-sortable-hoc": "^0.8.3",
     "@zohodesk/hooks": "2.0.1",
     "@zohodesk/utils": "1.3.13",
-    "@zohodesk/a11y": "1.3.7"
+    "@zohodesk/a11y": "2.0.2"
   }
 }

package/result.json

@@ -1 +1 @@
-{"jobDetails":{"isRunByLocal":true,"hostName":"bharathi-zt93","platForm":"Darwin","branchName":"testcase_gowtham"},"tests":{"unitCase":{"isExecuted":"Yes","numberOfSuccess":14,"numberOfFails":0,"numberOfCases":14,"numberOfSuites":3,"endTime":1691776057760,"startTime":1691776054972,"coverageDetail":{"codeCoveragePercentage":98.03,"fileCoveragePercentage":0},"fileDetails":[{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/dot/src/Image/__tests__/Image.spec.js","CaseList":{"passedCaseList":[],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/dot/src/ExternalLink/__tests__/ExternalLink.spec.js","CaseList":{"passedCaseList":["should add http/https to href tag if it is not already present","should not add http/https to href tag if it is already present","should default to / if href is undefined"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/dot/src/avatar/AvatarWithTeam/__tests__/AvatarWithTeam.spec.js","CaseList":{"passedCaseList":["Check whether Avatar mounted or not","Check children length ","Check whether AvatarWithTeam mounted or not","Check whether AvatarTeam  mounted or not"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/dot/src/ExternalLink/__tests__/ExternalLink.spec.js","CaseList":{"passedCaseList":["should add http/https to href tag if it is not already present","should not add http/https to href tag if it is already present","should default to / if href is undefined"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/dot/src/Image/__tests__/Image.spec.js","CaseList":{"passedCaseList":["rendering the default props","checking  \"isCover\" is false","rendering \"alt\" and \"src\" value ","rendering  \"dataid\" value","rendering \"Original\" value","rendering \"Id\" value","rendering \"title\" value"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/dot/src/avatar/AvatarWithTeam/__tests__/AvatarWithTeam.spec.js","CaseList":{"passedCaseList":["Check whether Avatar mounted or not","Check children length ","Check whether AvatarWithTeam mounted or not","Check whether AvatarTeam  mounted or not"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/dot/src/ExternalLink/__tests__/ExternalLink.spec.js","CaseList":{"passedCaseList":["should add http/https to href tag if it is not already present","should not add http/https to href tag if it is already present","should default to / if href is undefined"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/dot/src/Image/__tests__/Image.spec.js","CaseList":{"passedCaseList":["rendering the default props","checking  \"isCover\" is false","rendering \"alt\" and \"src\" value ","rendering  \"dataid\" value","rendering \"Original\" value","rendering \"Id\" value","rendering \"title\" value"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/dot/src/avatar/AvatarWithTeam/__tests__/AvatarWithTeam.spec.js","CaseList":{"passedCaseList":["Check whether Avatar mounted or not","Check children length ","Check whether AvatarWithTeam mounted or not","Check whether AvatarTeam  mounted or not"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/dot/src/ExternalLink/__tests__/ExternalLink.spec.js","CaseList":{"passedCaseList":["should add http/https to href tag if it is not already present","should not add http/https to href tag if it is already present","should default to / if href is undefined"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/dot/src/avatar/AvatarWithTeam/__tests__/AvatarWithTeam.spec.js","CaseList":{"passedCaseList":["Check whether Avatar mounted or not","Check children length ","Check whether AvatarWithTeam mounted or not","Check whether AvatarTeam  mounted or not"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/dot/src/Image/__tests__/Image.spec.js","CaseList":{"passedCaseList":["rendering the default props","checking  \"isCover\" is false","rendering \"alt\" and \"src\" value ","rendering  \"dataid\" value","rendering \"Original\" value","rendering \"Id\" value","rendering \"title\" value"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/dot/src/ExternalLink/__tests__/ExternalLink.spec.js","CaseList":{"passedCaseList":["should add http/https to href tag if it is not already present","should not add http/https to href tag if it is already present","should default to / if href is undefined"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/dot/src/avatar/AvatarWithTeam/__tests__/AvatarWithTeam.spec.js","CaseList":{"passedCaseList":["Check whether Avatar mounted or not","Check children length ","Check whether AvatarWithTeam mounted or not","Check whether AvatarTeam  mounted or not"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/dot/src/Image/__tests__/Image.spec.js","CaseList":{"passedCaseList":["rendering the default props","checking  \"isCover\" is false","rendering \"alt\" and \"src\" value ","rendering  \"dataid\" value","rendering \"Original\" value","rendering \"Id\" value","rendering \"title\" value"],"failedCaseList":[]}}]}}}
+{"jobDetails":{"isRunByLocal":true,"hostName":"bharathi-zt93","platForm":"Darwin","branchName":"testcase_gowtham"},"tests":{"unitCase":{"isExecuted":"Yes","numberOfSuccess":14,"numberOfFails":0,"numberOfCases":14,"numberOfSuites":3,"endTime":1693238421406,"startTime":1693238418652,"coverageDetail":{"codeCoveragePercentage":98.03,"fileCoveragePercentage":0},"fileDetails":[{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/dot/src/Image/__tests__/Image.spec.js","CaseList":{"passedCaseList":[],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/dot/src/ExternalLink/__tests__/ExternalLink.spec.js","CaseList":{"passedCaseList":["should add http/https to href tag if it is not already present","should not add http/https to href tag if it is already present","should default to / if href is undefined"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/dot/src/avatar/AvatarWithTeam/__tests__/AvatarWithTeam.spec.js","CaseList":{"passedCaseList":["Check whether Avatar mounted or not","Check children length ","Check whether AvatarWithTeam mounted or not","Check whether AvatarTeam  mounted or not"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/dot/src/ExternalLink/__tests__/ExternalLink.spec.js","CaseList":{"passedCaseList":["should add http/https to href tag if it is not already present","should not add http/https to href tag if it is already present","should default to / if href is undefined"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/dot/src/Image/__tests__/Image.spec.js","CaseList":{"passedCaseList":["rendering the default props","checking  \"isCover\" is false","rendering \"alt\" and \"src\" value ","rendering  \"dataid\" value","rendering \"Original\" value","rendering \"Id\" value","rendering \"title\" value"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/dot/src/avatar/AvatarWithTeam/__tests__/AvatarWithTeam.spec.js","CaseList":{"passedCaseList":["Check whether Avatar mounted or not","Check children length ","Check whether AvatarWithTeam mounted or not","Check whether AvatarTeam  mounted or not"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/dot/src/ExternalLink/__tests__/ExternalLink.spec.js","CaseList":{"passedCaseList":["should add http/https to href tag if it is not already present","should not add http/https to href tag if it is already present","should default to / if href is undefined"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/dot/src/Image/__tests__/Image.spec.js","CaseList":{"passedCaseList":["rendering the default props","checking  \"isCover\" is false","rendering \"alt\" and \"src\" value ","rendering  \"dataid\" value","rendering \"Original\" value","rendering \"Id\" value","rendering \"title\" value"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/dot/src/avatar/AvatarWithTeam/__tests__/AvatarWithTeam.spec.js","CaseList":{"passedCaseList":["Check whether Avatar mounted or not","Check children length ","Check whether AvatarWithTeam mounted or not","Check whether AvatarTeam  mounted or not"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/dot/src/ExternalLink/__tests__/ExternalLink.spec.js","CaseList":{"passedCaseList":["should add http/https to href tag if it is not already present","should not add http/https to href tag if it is already present","should default to / if href is undefined"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/dot/src/avatar/AvatarWithTeam/__tests__/AvatarWithTeam.spec.js","CaseList":{"passedCaseList":["Check whether Avatar mounted or not","Check children length ","Check whether AvatarWithTeam mounted or not","Check whether AvatarTeam  mounted or not"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/dot/src/Image/__tests__/Image.spec.js","CaseList":{"passedCaseList":["rendering the default props","checking  \"isCover\" is false","rendering \"alt\" and \"src\" value ","rendering  \"dataid\" value","rendering \"Original\" value","rendering \"Id\" value","rendering \"title\" value"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/dot/src/ExternalLink/__tests__/ExternalLink.spec.js","CaseList":{"passedCaseList":["should add http/https to href tag if it is not already present","should not add http/https to href tag if it is already present","should default to / if href is undefined"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/dot/src/avatar/AvatarWithTeam/__tests__/AvatarWithTeam.spec.js","CaseList":{"passedCaseList":["Check whether Avatar mounted or not","Check children length ","Check whether AvatarWithTeam mounted or not","Check whether AvatarTeam  mounted or not"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/dot/src/Image/__tests__/Image.spec.js","CaseList":{"passedCaseList":["rendering the default props","checking  \"isCover\" is false","rendering \"alt\" and \"src\" value ","rendering  \"dataid\" value","rendering \"Original\" value","rendering \"Id\" value","rendering \"title\" value"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/dot/src/ExternalLink/__tests__/ExternalLink.spec.js","CaseList":{"passedCaseList":["should add http/https to href tag if it is not already present","should not add http/https to href tag if it is already present","should default to / if href is undefined"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/dot/src/avatar/AvatarWithTeam/__tests__/AvatarWithTeam.spec.js","CaseList":{"passedCaseList":["Check whether Avatar mounted or not","Check children length ","Check whether AvatarWithTeam mounted or not","Check whether AvatarTeam  mounted or not"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/dot/src/Image/__tests__/Image.spec.js","CaseList":{"passedCaseList":["rendering the default props","checking  \"isCover\" is false","rendering \"alt\" and \"src\" value ","rendering  \"dataid\" value","rendering \"Original\" value","rendering \"Id\" value","rendering \"title\" value"],"failedCaseList":[]}}]}}}

package/es/docs/formDocs.js

@@ -1,15 +0,0 @@
-export { default as FieldLayout } from '../form/layout/Field/Field';
-export { default as New_Section } from '../form/layout/Section/Section';
-export { default as ValidationMessage } from '../form/fields/ValidationMessage/ValidationMessage';
-export { default as TextBoxField } from '../form/fields/TextBoxField/TextBoxField';
-export { default as TextareaField } from '../form/fields/TextareaField/TextareaField';
-export { default as SelectField } from '../form/fields/SelectField/SelectField';
-export { default as PhoneField } from '../form/fields/PhoneField/PhoneField';
-export { default as MultiSelectField } from '../form/fields/MultiSelectField/MultiSelectField';
-export { default as DateField } from '../form/fields/DateField/DateField';
-export { default as CheckBoxField } from '../form/fields/CheckBoxField/CheckBoxField';
-export { default as CurrencyField } from '../form/fields/CurrencyField/CurrencyField';
-export { default as TagsMultiSelect } from '../form/fields/TagsMultiSelect/TagsMultiSelect';
-export { default as TagsMultiSelectField } from '../form/fields/TagsMultiSelectField/TagsMultiSelectField';
-export { default as TextEditorField } from '../form/fields/TextEditorField/TextEditorField';
-export { default as FieldContainer } from '../form/fields/FieldContainer/FieldContainer';

package/es/docs/generalDocs.js

@@ -1,63 +0,0 @@
-export { default as Image } from '../Image/Image';
-export { default as AvatarStatus } from '../avatar/AvatarStatus/AvatarStatus';
-export { default as AvatarIcon } from '../avatar/AvatarIcon/AvatarIcon';
-export { default as AvatarUser } from '../avatar/AvatarUser/AvatarUser';
-export { default as AvatarClose } from '../avatar/AvatarClose/AvatarClose';
-export { default as AvatarCollision } from '../avatar/AvatarCollision/AvatarCollision';
-export { default as AvatarThread } from '../avatar/AvatarThread/AvatarThread';
-export { default as AvatarWithTeam } from '../avatar/AvatarWithTeam/AvatarWithTeam';
-export { default as ChannelIcon } from '../ChannelIcon/ChannelIcon';
-export { default as FlipCard } from '../FlipCard/FlipCard';
-export { default as ListAvatarFlip } from '../list/AvatarFlip/AvatarFlip';
-export { default as ListComment } from '../list/Comment/Comment';
-export { default as ListDotNew } from '../list/DotNew/DotNew';
-export { default as GridStencils } from '../list/GridStencils/GridStencils';
-export { default as ListUserTime } from '../list/UserTime/UserTime';
-export { default as ListThread } from '../list/Thread/Thread';
-export { default as ListTagNew } from '../list/TagNew/TagNew';
-export { default as ListItemLayout } from '../list/ListLayout/ListLayout';
-export { default as ListStencils } from '../list/ListStencils/ListStencils';
-export { default as SecondryPanel } from '../list/SecondryPanel/SecondryPanel';
-export { default as ListFloatingIcons } from '../list/Icons/FloatingIcons';
-export { default as Link } from '../Link/Link';
-export { default as ListSubject } from '../list/Subject/Subject';
-export { default as ListStatusDropdown } from '../list/status/StatusDropdown/StatusDropdown';
-export { default as StatusListItem } from '../list/status/StatusListItem/StatusListItem';
-export { default as ToggleDropDown } from '../dropdown/ToggleDropDown/ToggleDropDown';
-export { default as SubtabLayout } from '../layout/SubtabLayout/SubtabLayout';
-export { default as FreezeLayer } from '../FreezeLayer/FreezeLayer';
-export { default as PlusIcon } from '../PlusIcon/PlusIcon';
-export { default as FormAction } from '../FormAction/FormAction';
-export { default as ToastMessage } from '../ToastMessage/ToastMessage';
-export { default as Drawer } from '../Drawer/Drawer';
-export { default as CommonEmptyState } from '../emptystate/CommonEmptyState/CommonEmptyState';
-export { default as EditionPage } from '../emptystate/EditionPage/EditionPage';
-export { default as EmState_Inconvenience } from '../errorstate/Inconvenience/Inconvenience';
-export { default as EmState_NoRequestFound } from '../errorstate/NoRequestFound/NoRequestFound';
-export { default as EmState_PermissionPlay } from '../errorstate/PermissionPlay/PermissionPlay';
-export { default as EmState_RequestUrlNotFound } from '../errorstate/RequestUrlNotFound/RequestUrlNotFound';
-export { default as EmState_UnableToProcess } from '../errorstate/UnableToProcess/UnableToProcess';
-export { default as EmState_UnauthorizedLogin } from '../errorstate/UnauthorizedLogin/UnauthorizedLogin';
-export { default as EmState_WillBack } from '../errorstate/WillBack/WillBack';
-export { default as EmState_LinkText } from '../errorstate/LinkText/LinkText';
-export { default as IconButton } from '../IconButton/IconButton';
-export { default as AlphabeticList } from '../AlphabeticList/AlphabeticList';
-export { default as ImportantNotes } from '../ImportantNotes/ImportantNotes';
-export { default as Attachment } from '../Attachment/Attachment';
-export { default as Upload } from '../Upload/Upload';
-export { default as MessageBanner } from '../MessageBanner/MessageBanner';
-export { default as Loader } from '../Loader/Loader';
-export { default as NewStar } from '../NewStar/NewStar';
-export { default as Message } from '../Message/Message';
-export { default as ActionButton } from '../ActionButton/ActionButton';
-/* version 2 error states */
-
-export { default as V2_ErrState_Inconvenience } from '../version2/errorstate/Inconvenience/Inconvenience';
-export { default as V2_ErrState_UnableToProcessRequest } from '../version2/errorstate/UnableToProcessRequest/UnableToProcessRequest';
-export { default as V2_ErrState_UrlNotFound } from '../version2/errorstate/UrlNotFound/UrlNotFound';
-export { default as V2_ErrState_UnauthorizedLogin } from '../version2/errorstate/UnauthorizedLogin/UnauthorizedLogin';
-export { default as V2_ErrState_WillBeRightBack } from '../version2/errorstate/WillBeRightBack/WillBeRightBack';
-export { default as V2_ErrState_OopsSomethingMiss } from '../version2/errorstate/OopsSomethingMiss/OopsSomethingMiss';
-/* Attachment Viewer */
-
-export { default as AttachmentViewer } from '../AttachmentViewer/AttachmentViewer';

package/es/docs/lookupDocs.js

@@ -1,17 +0,0 @@
-export { default as LookupClose } from '../lookup/header/Close/Close';
-export { default as ModuleLookupHeader } from '../lookup/header/ModuleHeader/ModuleHeader';
-export { default as LookupSearch } from '../lookup/header/Search/Search';
-export { default as TicketLookupHeader } from '../lookup/header/TicketHeader/TicketHeader';
-export { default as LookupTitle } from '../lookup/header/Title/Title';
-export { default as LookupViewDropdown } from '../lookup/header/ViewDropDown/ViewDropDown';
-export { default as AlertLookup } from '../alert/AlertLookup/AlertLookup';
-export { default as AlertHeader } from '../alert/AlertHeader/AlertHeader';
-export { default as LookupEmptyPage } from '../lookup/EmptyPage/EmptyPage'; // New alerts
-
-export { default as AlertLookupNew } from '../version2/lookup/AlertLookup/AlertLookup';
-export { default as AlertHeaderNew } from '../version2/lookup/AlertHeader/AlertHeader';
-export { default as AlertIconsNew } from '../version2/alertIcons/AlertIcons';
-export { default as AlertCloseNew } from '../version2/AlertClose/AlertClose';
-export { default as GlobalNotification } from '../version2/GlobalNotification/GlobalNotification';
-export { default as DesktopNotification } from '../version2/notification/DesktopNotification/DesktopNotification';
-export { default as DesktopNotificationHeader } from '../version2/notification/DesktopNotificationHeader/DesktopNotificationHeader';