@zohodesk/dot 1.0.0-temp-230.1 → 1.0.0-temp-230.2

package/es/AttachmentViewer/AttachmentImage.js

@@ -43,7 +43,8 @@ export default class AttachmentImage extends Component {
       isCover,
       customClass,
       onLoad,
-      onError
+      onError,
+      imageRef
     } = this.props;
     const {
       isImageValid
@@ -59,6 +60,7 @@ export default class AttachmentImage extends Component {
       className: customImageClass,
       alt: alt,
       isCover: isCover,
+      eleRef: imageRef,
       onLoad: onLoad,
       onError: onError
     });

package/es/AttachmentViewer/AttachmentViewer.js

@@ -367,7 +367,8 @@ export default class AttachmentViewer extends Component {
       children,
       dataId = 'attachViewer',
       customClass = {},
-      customProps = {}
+      customProps = {},
+      imageRef
     } = data;
     const {
       imageProps = {}
@@ -376,6 +377,7 @@ export default class AttachmentViewer extends Component {
       customImageClass = '',
       customChildrenClass = ''
     } = customClass;
+    const resolvedImageRef = imageRef;
     const retainZoom = canZoom && selectedIndex == i && maintainZoom;
     const handleZoomOut = isPreviewAttachmentValid && isZoomed ? this.zoomOut.bind(this, i) : undefined;
     const handleZoomIn = isPreviewAttachmentValid && !isZoomed ? e => this.zoomIn(e, i, true) : undefined;
@@ -395,7 +397,9 @@ export default class AttachmentViewer extends Component {
       dataId: dataId,
       id: `img${i}`,
       isCover: false
-    }, imageProps), children);
+    }, imageProps, {
+      imageRef: resolvedImageRef
+    }), children);
     return typeof renderCustomImagePreviewElement === 'function' ? renderCustomImagePreviewElement({
       defaultView: img,
       data,

package/es/AttachmentViewer/props/propTypes.js

@@ -2,6 +2,9 @@ import PropTypes from 'prop-types';
 import { propTypes as AvatarProps } from '@zohodesk/components/es/Avatar/props/propTypes';
 export const AttachmentImage_propTypes = {
   alt: PropTypes.string,
+  imageRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
+    current: PropTypes.any
+  })]),
   customClass: PropTypes.shape({
     customImageClass: PropTypes.string,
     customChildrenClass: PropTypes.string
@@ -17,6 +20,9 @@ export const AttachmentImage_propTypes = {
 };
 export const AttachmentViewer_propTypes = {
   hideAttachmentViewer: PropTypes.func,
+  imageRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
+    current: PropTypes.any
+  })]),
   i18nKeys: PropTypes.shape({
     nextText: PropTypes.string,
     previousText: PropTypes.string,

package/lib/AttachmentViewer/AttachmentImage.js

@@ -92,7 +92,8 @@ var AttachmentImage = /*#__PURE__*/function (_Component) {
           isCover = _this$props.isCover,
           customClass = _this$props.customClass,
           onLoad = _this$props.onLoad,
-          onError = _this$props.onError;
+          onError = _this$props.onError,
+          imageRef = _this$props.imageRef;
       var isImageValid = this.state.isImageValid;
       var _customClass$customIm = customClass.customImageClass,
           customImageClass = _customClass$customIm === void 0 ? '' : _customClass$customIm;
@@ -104,6 +105,7 @@ var AttachmentImage = /*#__PURE__*/function (_Component) {
         className: customImageClass,
         alt: alt,
         isCover: isCover,
+        eleRef: imageRef,
         onLoad: onLoad,
         onError: onError
       });

package/lib/AttachmentViewer/AttachmentViewer.js

@@ -461,13 +461,15 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
           _data$customClass = data.customClass,
           customClass = _data$customClass === void 0 ? {} : _data$customClass,
           _data$customProps = data.customProps,
-          customProps = _data$customProps === void 0 ? {} : _data$customProps;
+          customProps = _data$customProps === void 0 ? {} : _data$customProps,
+          imageRef = data.imageRef;
       var _customProps$imagePro = customProps.imageProps,
           imageProps = _customProps$imagePro === void 0 ? {} : _customProps$imagePro;
       var _customClass$customIm = customClass.customImageClass,
           customImageClass = _customClass$customIm === void 0 ? '' : _customClass$customIm,
           _customClass$customCh = customClass.customChildrenClass,
           customChildrenClass = _customClass$customCh === void 0 ? '' : _customClass$customCh;
+      var resolvedImageRef = imageRef;
       var retainZoom = canZoom && selectedIndex == i && maintainZoom;
       var handleZoomOut = isPreviewAttachmentValid && isZoomed ? this.zoomOut.bind(this, i) : undefined;
       var handleZoomIn = isPreviewAttachmentValid && !isZoomed ? function (e) {
@@ -490,7 +492,9 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
         dataId: dataId,
         id: "img".concat(i),
         isCover: false
-      }, imageProps), children);
+      }, imageProps, {
+        imageRef: resolvedImageRef
+      }), children);
 
       return typeof renderCustomImagePreviewElement === 'function' ? renderCustomImagePreviewElement({
         defaultView: img,

package/lib/AttachmentViewer/props/propTypes.js

@@ -13,6 +13,9 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 
 var AttachmentImage_propTypes = {
   alt: _propTypes["default"].string,
+  imageRef: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].shape({
+    current: _propTypes["default"].any
+  })]),
   customClass: _propTypes["default"].shape({
     customImageClass: _propTypes["default"].string,
     customChildrenClass: _propTypes["default"].string
@@ -29,6 +32,9 @@ var AttachmentImage_propTypes = {
 exports.AttachmentImage_propTypes = AttachmentImage_propTypes;
 var AttachmentViewer_propTypes = {
   hideAttachmentViewer: _propTypes["default"].func,
+  imageRef: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].shape({
+    current: _propTypes["default"].any
+  })]),
   i18nKeys: _propTypes["default"].shape({
     nextText: _propTypes["default"].string,
     previousText: _propTypes["default"].string,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/dot",
-  "version": "1.0.0-temp-230.1",
+  "version": "1.0.0-temp-230.2",
   "main": "lib/index",
   "module": "es/index.js",
   "private": false,
@@ -41,9 +41,9 @@
     "downloadOnly": "react-cli clean ./node_modules ./package-lock.json && npm install --legacy-peer-deps",
     "expublish": "node ../publish.js -- exp",
     "css:lineheight:validate": "npx z-node-plugins lineheight:errorcheck ./src/",
-    "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",
+    "variable:addignore": "npx css-variable-migrator addignore ./src",
+    "variable:convert": "npx css-variable-migrator convert ./src",
+    "variable:check": "npx css-variable-migrator check ./src",
     "css:review": " npm run dubCheck && npm run css:lineheight:validate && npm run theme:validate ",
     "theme:validate": "npx z-node-plugins theme:validate ./src ./.cli ./.cli/stringContains.js",
     "theme:addignore": "npx z-node-plugins theme:addignore ./src ./.cli ./.cli/stringContains.js",
@@ -66,15 +66,15 @@
     "@testing-library/react-hooks": "^7.0.2",
     "@testing-library/user-event": "^13.0.10",
     "@zohodesk-private/color-variable-preprocessor": "1.3.1",
-    "@zohodesk-private/css-variable-migrator": "1.0.9",
+    "@zohodesk-private/css-variable-migrator": "1.0.11",
     "@zohodesk-private/node-plugins": "1.1.14",
     "@zohodesk-private/react-prop-validator": "1.2.3",
     "@zohodesk/a11y": "2.3.9",
     "@zohodesk/client_build_tool": "0.0.20",
-    "@zohodesk/components": "1.6.12",
+    "@zohodesk/components": "1.6.13",
     "@zohodesk/dotkit": "1.0.9",
     "@zohodesk/hooks": "2.0.8",
-    "@zohodesk/icons": "1.3.0",
+    "@zohodesk/icons": "1.3.1",
     "@zohodesk/layout": "3.1.0",
     "@zohodesk/react-cli": "1.1.27",
     "@zohodesk/svg": "1.3.5",
@@ -89,8 +89,8 @@
   "peerDependencies": {
     "velocity-react": "1.4.3",
     "@zohodesk/variables": "1.3.1",
-    "@zohodesk/components": "1.6.12",
-    "@zohodesk/icons": "1.3.0",
+    "@zohodesk/components": "1.6.13",
+    "@zohodesk/icons": "1.3.1",
     "@zohodesk/svg": "1.3.5",
     "@zohodesk/virtualizer": "1.0.13",
     "react-sortable-hoc": "^0.8.3",