@zohodesk/dot 1.0.0-temp-109 → 1.0.0-temp-111

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

@@ -21,8 +21,10 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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); }
 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 _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, _toPropertyKey(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 _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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); }; }
@@ -58,93 +60,74 @@ var AlertLookup = /*#__PURE__*/function (_Component) {
     _classCallCheck(this, AlertLookup);
     _this = _super.call(this, props);
     _this.getAriaId = (0, _IdProvider.getUniqueId)(_assertThisInitialized(_this));
-    _this.documentKeydownHandler = _this.documentKeydownHandler.bind(_assertThisInitialized(_this));
-    _this.getButtonRef = _this.getButtonRef.bind(_assertThisInitialized(_this));
+    // this.documentKeydownHandler = this.documentKeydownHandler.bind(this);
     return _this;
   }
+
+  // componentDidMount() {
+  //   let { isActive } = this.props;
+  //   if (isActive) {
+  //     document.addEventListener('keydown', this.documentKeydownHandler)
+  //   }
+  // }
+
+  // componentDidUpdate(prevProps) {
+  //   let { isActive } = this.props;
+  //   if (prevProps.isActive !== isActive) {
+  //     isActive
+  //       ? document.addEventListener('keydown', this.documentKeydownHandler)
+  //       : document.removeEventListener('keydown', this.documentKeydownHandler);
+  //   }
+  // }
+  // componentWillUnmount() {
+  //   document.removeEventListener('keydown', this.documentKeydownHandler);
+  // }
+
+  // documentKeydownHandler(e = {}) {
+  //   let { onSubmitClick, onCancelClick, isActive, onEsc, onClose } = this.props;
+  //   if (e.keyCode === 27 && isActive) {
+  //     e && e.preventDefault && e.preventDefault();
+  //     onEsc == 'close'
+  //       ? onClose && onClose(e)
+  //       : onCancelClick && onCancelClick(e);
+  //   } else if (e.keyCode === 13 && isActive) {
+  //     e && e.preventDefault && e.preventDefault();
+  //     onSubmitClick && onSubmitClick(e);
+  //   }
+  // }
   _createClass(AlertLookup, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var isActive = this.props.isActive;
-      if (isActive) {
-        document.addEventListener('keydown', this.documentKeydownHandler);
-      }
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      var isActive = this.props.isActive;
-      if (prevProps.isActive !== isActive) {
-        isActive ? document.addEventListener('keydown', this.documentKeydownHandler) : document.removeEventListener('keydown', this.documentKeydownHandler);
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      document.removeEventListener('keydown', this.documentKeydownHandler);
-    }
-  }, {
-    key: "documentKeydownHandler",
-    value: function documentKeydownHandler() {
-      var e = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    key: "render",
+    value: function render() {
       var _this$props = this.props,
+        isActive = _this$props.isActive,
+        size = _this$props.size,
+        _this$props$type = _this$props.type,
+        type = _this$props$type === void 0 ? 'danger' : _this$props$type,
+        title = _this$props.title,
+        message = _this$props.message,
+        confirmationMessage = _this$props.confirmationMessage,
+        submitText = _this$props.submitText,
+        cancelText = _this$props.cancelText,
         onSubmitClick = _this$props.onSubmitClick,
         onCancelClick = _this$props.onCancelClick,
-        isActive = _this$props.isActive,
-        onEsc = _this$props.onEsc,
-        onClose = _this$props.onClose;
-      if (e.keyCode === 27 && isActive) {
-        e && e.preventDefault && e.preventDefault();
-        onEsc == 'close' ? onClose && onClose(e) : onCancelClick && onCancelClick(e);
-      } else if (e.keyCode === 13 && isActive) {
-        e && e.preventDefault && e.preventDefault();
-        onSubmitClick && onSubmitClick(e);
-      }
-    }
-  }, {
-    key: "getButtonRef",
-    value: function getButtonRef(el) {
-      var _this2 = this;
-      this.okButton = el;
-      var isDefaultFocus = this.props.isDefaultFocus;
-      if (isDefaultFocus) {
-        // el && el.focus();
-        setTimeout(function () {
-          _this2.okButton && _this2.okButton.focus && _this2.okButton.focus();
-        }, 100);
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-        isActive = _this$props2.isActive,
-        size = _this$props2.size,
-        _this$props2$type = _this$props2.type,
-        type = _this$props2$type === void 0 ? 'danger' : _this$props2$type,
-        title = _this$props2.title,
-        message = _this$props2.message,
-        confirmationMessage = _this$props2.confirmationMessage,
-        submitText = _this$props2.submitText,
-        cancelText = _this$props2.cancelText,
-        onSubmitClick = _this$props2.onSubmitClick,
-        onCancelClick = _this$props2.onCancelClick,
-        children = _this$props2.children,
-        forwardRef = _this$props2.forwardRef,
-        onClose = _this$props2.onClose,
-        headerChildren = _this$props2.headerChildren,
-        wrapHeader = _this$props2.wrapHeader,
-        dataId = _this$props2.dataId,
-        onLookupClick = _this$props2.onLookupClick,
-        _this$props2$customCl = _this$props2.customClass,
-        customClass = _this$props2$customCl === void 0 ? {} : _this$props2$customCl,
-        needIcon = _this$props2.needIcon,
-        a11y = _this$props2.a11y,
-        customProps = _this$props2.customProps,
-        align = _this$props2.align,
-        childAnimationName = _this$props2.childAnimationName,
-        isHtmlContent = _this$props2.isHtmlContent,
-        scroll = _this$props2.scroll;
+        children = _this$props.children,
+        forwardRef = _this$props.forwardRef,
+        onClose = _this$props.onClose,
+        headerChildren = _this$props.headerChildren,
+        wrapHeader = _this$props.wrapHeader,
+        dataId = _this$props.dataId,
+        onLookupClick = _this$props.onLookupClick,
+        _this$props$customCla = _this$props.customClass,
+        customClass = _this$props$customCla === void 0 ? {} : _this$props$customCla,
+        needIcon = _this$props.needIcon,
+        a11y = _this$props.a11y,
+        customProps = _this$props.customProps,
+        align = _this$props.align,
+        childAnimationName = _this$props.childAnimationName,
+        isHtmlContent = _this$props.isHtmlContent,
+        scroll = _this$props.scroll,
+        isDefaultFocus = _this$props.isDefaultFocus,
+        onEsc = _this$props.onEsc;
       var _customProps$LookupPr = customProps.LookupProps,
         LookupProps = _customProps$LookupPr === void 0 ? {} : _customProps$LookupPr,
         _customProps$AlertHea = customProps.AlertHeaderProps,
@@ -168,6 +151,8 @@ var AlertLookup = /*#__PURE__*/function (_Component) {
         ariaDescribedby: a11y && a11y.ariaDescribedby ? a11y.ariaDescribedby : ariaMessageId + ' ' + ariaConfirmMsgId
       };
       return /*#__PURE__*/_react["default"].createElement(_Lookup["default"], _extends({
+        onClose: onEsc == 'close' ? onClose : onCancelClick,
+        needFocusScope: true,
         isActive: isActive,
         size: size,
         dataId: dataId,
@@ -216,7 +201,9 @@ var AlertLookup = /*#__PURE__*/function (_Component) {
         dataId: dataId === 'alertPopup' ? 'alertConfirmButton' : "".concat(dataId, "_confirmButton"),
         onClick: onSubmitClick,
         palette: buttonPalette,
-        getRef: this.getButtonRef
+        customProps: {
+          'data-a11y-autofocus': isDefaultFocus
+        }
       }, PrimaryButtonProps)), cancelText && /*#__PURE__*/_react["default"].createElement(_Button["default"], _extends({
         dataId: dataId === 'alertPopup' ? 'alertCancelButton' : "".concat(dataId, "_cancelButton"),
         text: cancelText,

package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js

@@ -16,8 +16,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 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 _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 _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, _toPropertyKey(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 _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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); }; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/dot",
-  "version": "1.0.0-temp-109",
+  "version": "1.0.0-temp-111",
   "main": "lib/index",
   "module": "es/index.js",
   "private": false,
@@ -22,7 +22,7 @@
     "build": "react-cli build:component:cmjs",
     "buildlocal": " react-cli build:component:cmjs && npm run rtl",
     "build:es": "react-cli build:library:es",
-    "build:dev": "npm run clean && npm run build:variables && npm run build && npm run build:es --module:mode=dev -- -w",
+    "build:dev": "npm run build:variables && npm run build && npm run build:es --module:mode=dev -- -w",
     "rtl:watch": "react-cli rtl ./src ./es -w",
     "rtl": "react-cli rtl ./src ./lib && react-cli rtl ./src ./es",
     "prepare": "npm run init && npm run build && npm run build:es && npm run rtl",
@@ -33,8 +33,8 @@
     "lintAllFix": "npm run lintAll --eslint:fix=true",
     "test": "react-cli test",
     "sstest": "react-cli sstest",
-    "common_package_build": "cd ../common && npm run build && cd ../components",
-    "docs": "npm run common_package_build && npm run dubCheck && react-cli docs",
+    "common_package_build": "cd ../common && npm run build && cd ../dot",
+    "docs": "npm run dubCheck && react-cli docs",
     "postpublish": "react-cli postpublish",
     "download": "rm package-lock.json && rm -rf node_modules/ && npm install",
     "expublish": "npm publish --tag experimental-version"
@@ -44,19 +44,21 @@
     "velocity-react": "1.4.3",
     "@zohodesk/variables": "1.0.0-beta.29",
     "@zohodesk/i18n": "1.0.0-beta.7",
-    "@zohodesk/components": "1.0.0-temp-109",
+    "@zohodesk/components": "1.0.0-alpha-255",
     "@zohodesk/icons": "1.0.0-beta.109",
     "@zohodesk/svg": "1.0.0-beta.49",
     "@zohodesk/virtualizer": "1.0.3",
-    "react-sortable-hoc": "^0.8.3"
+    "react-sortable-hoc": "^0.8.3",
+    "@zohodesk/a11y": "1.3.4"
   },
   "peerDependencies": {
     "velocity-react": "1.4.3",
     "@zohodesk/variables": "1.0.0-beta.29",
     "@zohodesk/i18n": "1.0.0-beta.7",
-    "@zohodesk/components": "1.0.0-temp-109",
+    "@zohodesk/components": "1.0.0-alpha-255",
     "@zohodesk/icons": "1.0.0-beta.109",
-    "@zohodesk/svg": "1.0.0-beta.48"
+    "@zohodesk/svg": "1.0.0-beta.48",
+    "@zohodesk/a11y": "1.3.4"
   },
   "react-cli": {
     "preprocess": {