@zohodesk/dot 1.9.11 → 1.9.13

package/lib/AttachmentViewer/props/defaultProps.js

@@ -4,6 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AttachmentViewer_defaultProps = exports.AttachmentImage_defaultProps = void 0;
+
+var _General = require("../../utils/General");
+
 var AttachmentImage_defaultProps = {
   dataId: 'AttachmentImage',
   customClass: {
@@ -18,7 +21,8 @@ var AttachmentViewer_defaultProps = {
   maintainZoom: false,
   isActive: false,
   dataId: 'AttachmentViewer',
-  i18nKeys: {},
-  customProps: {}
+  i18nKeys: _General.DUMMY_OBJECT,
+  customProps: _General.DUMMY_OBJECT,
+  hasCount: true
 };
 exports.AttachmentViewer_defaultProps = AttachmentViewer_defaultProps;

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
@@ -41,7 +44,7 @@ var AttachmentViewer_propTypes = {
     showText: _propTypes["default"].string,
     previewUnsupportedText: _propTypes["default"].string
   }),
-  needDownload: _propTypes["default"].string,
+  needDownload: _propTypes["default"].bool,
   previewObj: _propTypes["default"].object,
   responsiveId: _propTypes["default"].string,
   maintainZoom: _propTypes["default"].bool,
@@ -54,8 +57,12 @@ var AttachmentViewer_propTypes = {
     document: _propTypes["default"].arrayOf(_propTypes["default"].string)
   }),
   renderUnSupportedElement: _propTypes["default"].func,
+  renderCustomImagePreviewElement: _propTypes["default"].func,
   customProps: _propTypes["default"].shape({
     avatarProps: _propTypes["default"].exact(_propTypes2.propTypes)
-  })
+  }),
+  hasCount: _propTypes["default"].bool,
+  renderCustomIcons: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].node]),
+  onSelectedAttachmentChange: _propTypes["default"].func
 };
 exports.AttachmentViewer_propTypes = AttachmentViewer_propTypes;

package/lib/DotProvider/props/defaultProps.js

@@ -7,7 +7,7 @@ exports.defaultProps = void 0;
 
 var _constants = require("../utils/constants");
 
-var _utils = require("@zohodesk/utils");
+var _constant = require("@zohodesk/utils/es/constantProps/constant");
 
 var defaultProps = {
   themeAppearance: _constants.THEME_APPEARANCE_LIGHT,
@@ -16,7 +16,7 @@ var defaultProps = {
   baseFontUnit: '16px',
   zoomUnitVariable: '--zd_baseUnit',
   fontUnitVariable: '--zd_baseFontUnit',
-  excludeFeatures: _utils.DUMMY_ARRAY,
+  excludeFeatures: _constant.DUMMY_ARRAY,
   themeAppearanceAttr: 'data-mode',
   themeColorAttr: 'data-theme'
 };

package/lib/Link/Link.js

@@ -110,7 +110,8 @@ var Link = /*#__PURE__*/function (_React$Component) {
           rel = _this$props2.rel,
           dataId = _this$props2.dataId,
           customProps = _this$props2.customProps,
-          ariaLabel = _this$props2.ariaLabel;
+          ariaLabel = _this$props2.ariaLabel,
+          downloadName = _this$props2.downloadName;
       var _this$context$options = this.context.options,
           isLink = _this$context$options.isLink,
           constructURL = _this$context$options.constructURL;
@@ -118,10 +119,10 @@ var Link = /*#__PURE__*/function (_React$Component) {
       var option = {};
 
       if (download) {
-        option.download = true;
+        option.download = downloadName || true;
       }
 
-      var ignoreKeys = ['children', 'href', 'target', 'urlData', 'urlName', 'className', 'title', 'download', 'rel', 'dataId', 'hasReload', 'customProps', 'option', 'ariaLabel'];
+      var ignoreKeys = ['children', 'href', 'target', 'urlData', 'urlName', 'className', 'title', 'download', 'downloadName', 'rel', 'dataId', 'hasReload', 'customProps', 'option', 'ariaLabel'];
       var others = Object.keys(this.props).filter(function (key) {
         return ignoreKeys.indexOf(key) == -1;
       }).reduce(function (res, key) {

package/lib/Link/props/propTypes.js

@@ -23,6 +23,7 @@ var propTypes = {
   customProps: _propTypes["default"].object,
   onClick: _propTypes["default"].func,
   download: _propTypes["default"].bool,
+  downloadName: _propTypes["default"].string,
   ariaLabel: _propTypes["default"].string,
   key: _propTypes["default"].string
 };

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

@@ -15,6 +15,8 @@ var _AlertClose = _interopRequireDefault(require("../../AlertClose/AlertClose"))
 
 var _AlertIcons = _interopRequireDefault(require("../../alertIcons/AlertIcons"));
 
+var _renderNode = _interopRequireDefault(require("@zohodesk/utils/es/renderNode"));
+
 var _AlertHeaderNewModule = _interopRequireDefault(require("./css/AlertHeaderNew.module.css"));
 
 var _cssJSLogic2 = _interopRequireDefault(require("./css/cssJSLogic"));
@@ -48,7 +50,8 @@ function AlertHeader(props) {
       type = props.type,
       htmlId = props.htmlId,
       customStyle = props.customStyle,
-      dragBoundaryLimit = props.dragBoundaryLimit;
+      dragBoundaryLimit = props.dragBoundaryLimit,
+      renderAlertIcon = props.renderAlertIcon;
   var finalStyle = (0, _utils.mergeStyle)(_AlertHeaderNewModule["default"], customStyle);
 
   var _cssJSLogic = (0, _cssJSLogic2["default"])({
@@ -75,7 +78,7 @@ function AlertHeader(props) {
     eleRef: dragRef
   }, needIcon && /*#__PURE__*/_react["default"].createElement("div", {
     className: finalStyle.iconContainer
-  }, /*#__PURE__*/_react["default"].createElement(_AlertIcons["default"], {
+  }, (0, _renderNode["default"])(renderAlertIcon) || /*#__PURE__*/_react["default"].createElement(_AlertIcons["default"], {
     type: type
   })), (title || children) && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
     flexible: true

package/lib/version2/lookup/AlertHeader/__tests__/AlertHeader.spec.js

@@ -15,4 +15,30 @@ describe('AlertHeader', function () {
 
     expect(asFragment()).toMatchSnapshot();
   });
+  test('renders custom renderAlertIcon when needIcon is true', function () {
+    var customIcon = /*#__PURE__*/_react["default"].createElement("span", {
+      "data-test-id": "custom-icon"
+    }, "icon");
+
+    var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AlertHeader["default"], {
+      needIcon: true,
+      renderAlertIcon: customIcon
+    })),
+        asFragment = _render2.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('does not render custom renderAlertIcon when needIcon is false', function () {
+    var customIcon = /*#__PURE__*/_react["default"].createElement("span", {
+      "data-test-id": "custom-icon"
+    }, "icon");
+
+    var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AlertHeader["default"], {
+      needIcon: false,
+      renderAlertIcon: customIcon
+    })),
+        asFragment = _render3.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
 });

package/lib/version2/lookup/AlertHeader/__tests__/__snapshots__/AlertHeader.spec.js.snap

@@ -1,5 +1,17 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`AlertHeader does not render custom renderAlertIcon when needIcon is false 1`] = `
+<DocumentFragment>
+  <div
+    class="container danger flex rowdir wrap vCenter"
+    data-drag-hook="true"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  />
+</DocumentFragment>
+`;
+
 exports[`AlertHeader rendering the defult props 1`] = `
 <DocumentFragment>
   <div
@@ -86,3 +98,25 @@ exports[`AlertHeader rendering the defult props 1`] = `
   </div>
 </DocumentFragment>
 `;
+
+exports[`AlertHeader renders custom renderAlertIcon when needIcon is true 1`] = `
+<DocumentFragment>
+  <div
+    class="container danger flex rowdir wrap vCenter"
+    data-drag-hook="true"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="iconContainer"
+    >
+      <span
+        data-test-id="custom-icon"
+      >
+        icon
+      </span>
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/lib/version2/lookup/AlertHeader/props/propTypes.js

@@ -25,6 +25,7 @@ var _default = {
     left: _propTypes["default"].number,
     right: _propTypes["default"].number,
     bottom: _propTypes["default"].number
-  })
+  }),
+  renderAlertIcon: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].node])
 };
 exports["default"] = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/dot",
-  "version": "1.9.11",
+  "version": "1.9.13",
   "main": "lib/index",
   "module": "es/index.js",
   "private": false,
@@ -18,7 +18,7 @@
   ],
   "scripts": {
     "clean": "react-cli clean lib es coverage assets && mkdir assets",
-    "dubCheck": "node ./node_modules/@zohodesk-private/node-plugins/es/dublication_css_file_finder  ../components/src ../internal/desk-components/src node_modules/@zohodesk/icons/es node_modules/@zohodesk/variables/es node_modules/@zohodesk/svg/es",
+    "dubCheck": "npx z-node-plugins dub:check ../components/src ../internal/desk-components/src node_modules/@zohodesk/icons/es node_modules/@zohodesk/variables/es node_modules/@zohodesk/svg/es",
     "build:lib": "cbt build:lib src,assets lib,assets",
     "build:es": "cbt build:es src,assets es,assets",
     "build:es:watch": "cbt build:es src es",
@@ -40,22 +40,22 @@
     "download": "npm run downloadOnly  && cd ../ && npm run download",
     "downloadOnly": "react-cli clean ./node_modules ./package-lock.json && npm install --legacy-peer-deps",
     "expublish": "node ../publish.js -- exp",
-    "css:lineheight:validate": "node ./node_modules/@zohodesk-private/node-plugins/es/lineheight_automation/lineHeightErrorCheck.js ./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",
+    "css:lineheight:validate": "npx z-node-plugins lineheight:errorcheck ./src/",
+    "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": "node ./node_modules/@zohodesk-private/node-plugins/es/appearance_theme_validation validate ./src ./.cli ./.cli/stringContains.js",
-    "theme:addignore": "node ./node_modules/@zohodesk-private/node-plugins/es/appearance_theme_validation addignore ./src ./.cli ./.cli/stringContains.js",
-    "theme:removeignore": "node ./node_modules/@zohodesk-private/node-plugins/es/appearance_theme_validation removeignore ./src ./.cli",
+    "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",
+    "theme:removeignore": "npx z-node-plugins theme:removeignore ./src ./.cli",
     "review:props": "node ./node_modules/@zohodesk-private/react-prop-validator/es/propValidation.js propValidationArg.json",
-    "css:layer_config_generate": "node ./node_modules/@zohodesk-private/node-plugins/es/css_layer_generator/scan_css_generate_json.js ./src ./assets css_layer_config.json",
-    "css:layer_wrap_es": "node ./node_modules/@zohodesk-private/node-plugins/es/css_layer_generator/write_layer_in_css.js ./es ./assets css_layer_config.json --rewrite=src=es --rewrite=assets=assets --skip-existing-layer",
-    "css:layer_wrap_lib": "node ./node_modules/@zohodesk-private/node-plugins/es/css_layer_generator/write_layer_in_css.js ./lib ./assets css_layer_config.json --rewrite=src=lib  --rewrite=assets=assets --skip-existing-layer",
-    "css:layer_generate_order": "node ./node_modules/@zohodesk-private/node-plugins/es/css_layer_generator/generate_layer_order.js  css_layer_config.json ./src/dot_layer.module.css",
-    "css:layer_config_validate": "node ./node_modules/@zohodesk-private/node-plugins/es/css_layer_generator/validate.js  css_layer_config.json ./src/ ./assets",
+    "css:layer_config_generate": "npx z-node-plugins css:scan ./src ./assets css_layer_config.json",
+    "css:layer_wrap_es": "npx z-node-plugins css:layer_wrap ./es ./assets css_layer_config.json --rewrite=src=es --rewrite=assets=assets --skip-existing-layer",
+    "css:layer_wrap_lib": "npx z-node-plugins css:layer_wrap ./lib ./assets css_layer_config.json --rewrite=src=lib --rewrite=assets=assets --skip-existing-layer",
+    "css:layer_generate_order": "npx z-node-plugins css:layer_order css_layer_config.json ./src/dot_layer.module.css",
+    "css:layer_config_validate": "npx z-node-plugins css:layer_validate css_layer_config.json ./src/ ./assets",
     "css:build": "npm run css:layer_config_validate && npm run css:layer_generate_order && npm run build",
-    "css:layer_remove": "node ./node_modules/@zohodesk-private/node-plugins/es/css_layer_generator/remove_layer.js ./es ./assets css_layer_config.json --rewrite=src=es  --rewrite=assets=assets",
+    "css:layer_remove": "npx z-node-plugins css:layer_remove ./es ./assets css_layer_config.json --rewrite=src=es --rewrite=assets=assets",
     "cssVariableConvert": "react-cli variableConverter ./lib ./lib && react-cli variableConverter ./es ./es",
     "publish": "node ../publish.js",
     "check_package": "node ../check_dependencies.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/node-plugins": "1.1.13",
+    "@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/client_build_tool": "0.0.23",
+    "@zohodesk/components": "1.6.16",
     "@zohodesk/dotkit": "1.0.9",
     "@zohodesk/hooks": "2.0.8",
-    "@zohodesk/icons": "1.2.8",
+    "@zohodesk/icons": "1.3.3",
     "@zohodesk/layout": "3.1.0",
     "@zohodesk/react-cli": "1.1.27",
     "@zohodesk/svg": "1.3.5",
@@ -83,19 +83,21 @@
     "@zohodesk/virtualizer": "1.0.13",
     "postcss-discard-comments": "^7.0.5",
     "react-sortable-hoc": "^0.8.3",
-    "velocity-react": "1.4.3"
+    "velocity-react": "1.4.3",
+    "@dot-system/css-utility": "0.1.1"
   },
   "peerDependencies": {
     "velocity-react": "1.4.3",
     "@zohodesk/variables": "1.3.1",
-    "@zohodesk/components": "1.6.12",
-    "@zohodesk/icons": "1.2.8",
+    "@zohodesk/components": "1.6.16",
+    "@zohodesk/icons": "1.3.3",
     "@zohodesk/svg": "1.3.5",
     "@zohodesk/virtualizer": "1.0.13",
     "react-sortable-hoc": "^0.8.3",
     "@zohodesk/hooks": "2.0.8",
     "@zohodesk/utils": "1.3.16",
     "@zohodesk/a11y": "2.3.9",
-    "@zohodesk/layout": "3.1.0"
+    "@zohodesk/layout": "3.1.0",
+    "@dot-system/css-utility": "0.1.1"
   }
 }