@zohodesk/icons 1.3.9 → 1.3.11

package/lib/Icon/SvgIcon.js

@@ -37,7 +37,7 @@ function SvgIcon(_ref) {
   var fontStyle = size ? {
     '--zd-iconfont-size': 'var(--zd_font_size' + size + ')'
   } : _constants.DUMMY_OBJECT;
-  var className = "".concat(_IconModule["default"].svgIcon, " ").concat(iconClass ? iconClass : '', "  ").concat(onClick ? _IconModule["default"].cursor : '');
+  var className = "".concat(_IconModule["default"].svgIcon, " ").concat(onClick ? _IconModule["default"].cursor : '', " ").concat(iconClass ? iconClass : '');
   return /*#__PURE__*/_react["default"].createElement("svg", _extends({
     className: className,
     onClick: onClick,

package/lib/Icon/__tests__/Icon.spec.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _index = _interopRequireDefault(require("../index"));
+
+var _FontFactory = require("../FontFactory");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+var iconNames = _toConsumableArray(new Set(Object.values(_FontFactory.FontFactory).flatMap(function (group) {
+  return Object.keys(group);
+}))).sort();
+
+describe('Icon - FontFactory names', function () {
+  test.each(iconNames)('renders "%s"', function (name) {
+    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
+      name: name
+    })),
+        asFragment = _render.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/lib/Icon/__tests__/__snapshots__/FontIcon.spec.js.snap

@@ -4,7 +4,7 @@ exports[`FontIcon -  checking "isBold" is false 1`] = `
 <DocumentFragment>
   <i
     aria-hidden="true"
-    class="zd_font_icons basic undefined    "
+    class="zd_font_icons basic"
     data-id="fontIcon"
     data-selector-id="fontIcon"
     data-test-id="fontIcon"
@@ -16,7 +16,7 @@ exports[`FontIcon -  checking "isBold" is true 1`] = `
 <DocumentFragment>
   <i
     aria-hidden="true"
-    class="zd_font_icons basic undefined fbold   "
+    class="zd_font_icons basic fbold"
     data-id="fontIcon"
     data-selector-id="fontIcon"
     data-test-id="fontIcon"
@@ -28,7 +28,7 @@ exports[`FontIcon -  rendering "IconName" 1`] = `
 <DocumentFragment>
   <i
     aria-hidden="true"
-    class="zd_font_icons basic undefined    "
+    class="zd_font_icons basic"
     data-id="fontIcon"
     data-selector-id="fontIcon"
     data-test-id="fontIcon"
@@ -40,19 +40,19 @@ exports[`FontIcon -  rendering "Name" with "iconContent" and without path 1`] =
 <DocumentFragment>
   <i
     aria-hidden="true"
-    class="zd_font_icons basic undefined    "
+    class="zd_font_icons basic"
     data-id="fontIcon"
     data-selector-id="fontIcon"
     data-test-id="fontIcon"
   >
     <span
-      class="icon1 "
+      class="icon1"
     />
     <span
-      class="icon2 "
+      class="icon2"
     />
     <span
-      class="icon3 "
+      class="icon3"
     />
   </i>
 </DocumentFragment>
@@ -62,7 +62,7 @@ exports[`FontIcon -  rendering "ariaHidden" is false 1`] = `
 <DocumentFragment>
   <i
     aria-hidden="false"
-    class="zd_font_icons basic undefined    "
+    class="zd_font_icons basic"
     data-id="fontIcon"
     data-selector-id="fontIcon"
     data-test-id="fontIcon"
@@ -74,7 +74,7 @@ exports[`FontIcon -  rendering "custumIcon" with path 1`] = `
 <DocumentFragment>
   <i
     aria-hidden="true"
-    class="zd_font_icons basic undefined    red"
+    class="zd_font_icons red basic"
     data-id="fontIcon"
     data-selector-id="fontIcon"
     data-test-id="fontIcon"
@@ -93,7 +93,7 @@ exports[`FontIcon -  rendering "iconClass" with path  1`] = `
 <DocumentFragment>
   <i
     aria-hidden="true"
-    class="zd_font_icons basic undefined  iconStyleCss  "
+    class="zd_font_icons basic iconStyleCss"
     data-id="fontIcon"
     data-selector-id="fontIcon"
     data-test-id="fontIcon"
@@ -115,7 +115,7 @@ exports[`FontIcon -  rendering custom attributes with tagAttributes prop 1`] = `
 <DocumentFragment>
   <i
     aria-hidden="true"
-    class="zd_font_icons basic undefined    "
+    class="zd_font_icons basic"
     data-custom-attr="true"
     data-id="fontIcon"
     data-selector-id="fontIcon"
@@ -128,7 +128,7 @@ exports[`FontIcon -  rendering custom icon name 1`] = `
 <DocumentFragment>
   <i
     aria-hidden="true"
-    class="zd_font_icons basic undefined    red"
+    class="zd_font_icons red basic"
     data-id="fontIcon"
     data-selector-id="fontIcon"
     data-test-id="fontIcon"
@@ -140,7 +140,7 @@ exports[`FontIcon -  rendering the "default" props 1`] = `
 <DocumentFragment>
   <i
     aria-hidden="true"
-    class="zd_font_icons basic undefined    "
+    class="zd_font_icons basic"
     data-id="fontIcon"
     data-selector-id="fontIcon"
     data-test-id="fontIcon"
@@ -152,7 +152,7 @@ exports[`FontIcon -  rendering the "fontSize" 1`] = `
 <DocumentFragment>
   <i
     aria-hidden="true"
-    class="zd_font_icons basic undefined    "
+    class="zd_font_icons basic"
     data-id="fontIcon"
     data-selector-id="fontIcon"
     data-test-id="fontIcon"
@@ -165,7 +165,7 @@ exports[`FontIcon -  rendering the "iconClass" 1`] = `
 <DocumentFragment>
   <i
     aria-hidden="true"
-    class="zd_font_icons basic undefined  iconStyleCss  "
+    class="zd_font_icons basic iconStyleCss"
     data-id="fontIcon"
     data-selector-id="fontIcon"
     data-test-id="fontIcon"
@@ -177,7 +177,7 @@ exports[`FontIcon -  rendering the "pathname" 1`] = `
 <DocumentFragment>
   <i
     aria-hidden="true"
-    class="zd_font_icons basic zd67f91bb627    "
+    class="zd_font_icons basic zd67f91bb627"
     data-id="fontIcon"
     data-selector-id="fontIcon"
     data-test-id="fontIcon"
@@ -189,7 +189,7 @@ exports[`FontIcon -  rendering the "title" 1`] = `
 <DocumentFragment>
   <i
     aria-hidden="true"
-    class="zd_font_icons basic undefined    "
+    class="zd_font_icons basic"
     data-id="fontIcon"
     data-selector-id="fontIcon"
     data-test-id="fontIcon"
@@ -202,7 +202,7 @@ exports[`FontIcon -  rendering the "titlePostion" to - bottom 1`] = `
 <DocumentFragment>
   <i
     aria-hidden="true"
-    class="zd_font_icons basic undefined    "
+    class="zd_font_icons basic"
     data-id="fontIcon"
     data-selector-id="fontIcon"
     data-test-id="fontIcon"
@@ -215,7 +215,7 @@ exports[`FontIcon -  rendering the "titlePostion" to - left 1`] = `
 <DocumentFragment>
   <i
     aria-hidden="true"
-    class="zd_font_icons basic undefined    "
+    class="zd_font_icons basic"
     data-id="fontIcon"
     data-selector-id="fontIcon"
     data-test-id="fontIcon"
@@ -228,7 +228,7 @@ exports[`FontIcon -  rendering the "titlePostion" to - right 1`] = `
 <DocumentFragment>
   <i
     aria-hidden="true"
-    class="zd_font_icons basic undefined    "
+    class="zd_font_icons basic"
     data-id="fontIcon"
     data-selector-id="fontIcon"
     data-test-id="fontIcon"
@@ -241,7 +241,7 @@ exports[`FontIcon -  rendering the "titlePostion" to - top 1`] = `
 <DocumentFragment>
   <i
     aria-hidden="true"
-    class="zd_font_icons basic undefined    "
+    class="zd_font_icons basic"
     data-id="fontIcon"
     data-selector-id="fontIcon"
     data-test-id="fontIcon"