@zohodesk/components 1.2.23 → 1.2.24

package/lib/AvatarTeam/__tests__/AvatarTeam.spec.js

@@ -1,129 +1,145 @@
 "use strict";
 
 var _react = _interopRequireDefault(require("react"));
+
 var _react2 = require("@testing-library/react");
+
 var _AvatarTeam = _interopRequireDefault(require("../AvatarTeam.js"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 describe('AvatarTeam', function () {
   test('rendering the defult props', function () {
     var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AvatarTeam["default"], null)),
-      asFragment = _render.asFragment;
+        asFragment = _render.asFragment;
+
     expect(asFragment()).toMatchSnapshot();
   });
   test('rendering the Props of Avatar', function () {
     var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AvatarTeam["default"], {
-        name: "AvatarTeamName",
-        src: "https://www.w3schools.com/images/w3schools_green.jpg",
-        title: "AvatarTeam",
-        needTitle: true,
-        borderOnActive: true,
-        border: true,
-        needInnerBorder: true,
-        needBorder: true,
-        needDefaultBorder: true
-      })),
-      asFragment = _render2.asFragment;
+      name: "AvatarTeamName",
+      src: "https://www.w3schools.com/images/w3schools_green.jpg",
+      title: "AvatarTeam",
+      needTitle: true,
+      borderOnActive: true,
+      border: true,
+      needInnerBorder: true,
+      needBorder: true,
+      needDefaultBorder: true
+    })),
+        asFragment = _render2.asFragment;
+
     expect(asFragment()).toMatchSnapshot();
   });
   var palettes = ['primary', 'secondary', 'info'];
   test.each(palettes)('rendering the palette of- %s', function (palette) {
     var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AvatarTeam["default"], {
-        palette: palette
-      })),
-      asFragment = _render3.asFragment;
+      palette: palette
+    })),
+        asFragment = _render3.asFragment;
+
     expect(asFragment()).toMatchSnapshot();
   });
   var sizes = ['xxsmall', 'small', 'xsmall', 'medium', 'xmedium', 'large', 'xlarge'];
   test.each(sizes)('rendering the sizes of- %s', function (size) {
     var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AvatarTeam["default"], {
-        size: size
-      })),
-      asFragment = _render4.asFragment;
+      size: size
+    })),
+        asFragment = _render4.asFragment;
+
     expect(asFragment()).toMatchSnapshot();
   });
   var textPalettes = ['white', 'black'];
   test.each(textPalettes)('rendering the textPalette of- %s', function (textPalette) {
     var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AvatarTeam["default"], {
-        textPalette: textPalette
-      })),
-      asFragment = _render5.asFragment;
+      textPalette: textPalette
+    })),
+        asFragment = _render5.asFragment;
+
     expect(asFragment()).toMatchSnapshot();
   });
   test('rendering borderOnActive', function () {
     var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AvatarTeam["default"], {
-        borderOnActive: true
-      })),
-      asFragment = _render6.asFragment;
+      borderOnActive: true
+    })),
+        asFragment = _render6.asFragment;
+
     expect(asFragment()).toMatchSnapshot();
   });
   test('rendering border is true', function () {
     var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AvatarTeam["default"], {
-        borderOnHover: true
-      })),
-      asFragment = _render7.asFragment;
+      borderOnHover: true
+    })),
+        asFragment = _render7.asFragment;
+
     expect(asFragment()).toMatchSnapshot();
   });
   test('rendering the onClick prop with asFragment and toMatchSnapshot', function () {
     // Define an onClick mock function
-    var onClickMock = jest.fn();
+    var onClickMock = jest.fn(); // Render the Label component with the onClick prop
 
-    // Render the Label component with the onClick prop
     var _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AvatarTeam["default"], {
-        onClick: onClickMock
-      })),
-      asFragment = _render8.asFragment;
+      onClick: onClickMock
+    })),
+        asFragment = _render8.asFragment;
+
     expect(asFragment()).toMatchSnapshot();
   });
   var palette = ['primary', 'secondary', 'info'];
   test.each(palette)('rendering the palette with isFilled of- %s', function (palette) {
     var _render9 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AvatarTeam["default"], {
-        palette: palette,
-        isFilled: true
-      })),
-      asFragment = _render9.asFragment;
+      palette: palette,
+      isFilled: true
+    })),
+        asFragment = _render9.asFragment;
+
     expect(asFragment()).toMatchSnapshot();
   });
   test('rendering CustomClass - customAvatar', function () {
     var _render10 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AvatarTeam["default"], {
-        customClass: {
-          customAvatar: 'TeamCustomClass'
-        }
-      })),
-      asFragment = _render10.asFragment;
+      customClass: {
+        customAvatar: 'TeamCustomClass'
+      }
+    })),
+        asFragment = _render10.asFragment;
+
     expect(asFragment()).toMatchSnapshot();
   });
   test('rendering CustomClass - customAvatarTeam', function () {
     var _render11 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AvatarTeam["default"], {
-        customClass: {
-          customAvatarTeam: 'AvatarTeamCustomAvatar'
-        }
-      })),
-      asFragment = _render11.asFragment;
+      customClass: {
+        customAvatarTeam: 'AvatarTeamCustomAvatar'
+      }
+    })),
+        asFragment = _render11.asFragment;
+
     expect(asFragment()).toMatchSnapshot();
   });
   test('rendering customProps - AvatarTeamProps', function () {
     var _render12 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AvatarTeam["default"], {
-        customProps: {
-          AvatarTeamProps: {
-            'data-team-avatar': true,
-            isbold: 'Prakash the King maker'
-          }
+      customProps: {
+        AvatarTeamProps: {
+          'data-team-avatar': true,
+          isbold: 'Prakash the King maker'
         }
-      })),
-      asFragment = _render12.asFragment;
+      }
+    })),
+        asFragment = _render12.asFragment;
+
     expect(asFragment()).toMatchSnapshot();
   });
   test('rendering customProps - AvatarProps', function () {
     var _render13 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AvatarTeam["default"], {
-        src: "https://www.w3schools.com/images/w3schools_green.jpg",
-        customProps: {
-          AvatarProps: {
-            size: 'small',
-            isAnimate: false
-          }
+      src: "https://www.w3schools.com/images/w3schools_green.jpg",
+      customProps: {
+        AvatarProps: {
+          size: 'small',
+          isAnimate: false
         }
-      })),
-      asFragment = _render13.asFragment;
+      }
+    })),
+        asFragment = _render13.asFragment;
+
     expect(asFragment()).toMatchSnapshot();
   });
 });

package/lib/AvatarTeam/props/propTypes.js

@@ -4,8 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.propTypes = void 0;
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 var propTypes = {
   dataId: _propTypes["default"].string,
   dataSelectorId: _propTypes["default"].string,

package/lib/Button/Button.js

@@ -4,43 +4,55 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = Button;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _defaultProps = require("./props/defaultProps");
+
 var _propTypes = require("./props/propTypes");
+
 var _cssJSLogic2 = _interopRequireDefault(require("./css/cssJSLogic"));
+
 var _utils = require("@zohodesk/utils");
+
 var _ButtonModule = _interopRequireDefault(require("./css/Button.module.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 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); }
+
 /*
 Button text and children props?
 use children for both cases
 toLowerCase check needed?
 */
+
 /* eslint css-modules/no-unused-class: [2, { markAsUsed: ['small','medium','large','xlarge','button_medium','button_small','primary','primaryfilled','danger','dangerfilled','plainprimary', 'plainsecondary', 'secondary', 'secondaryfilled', 'successFilled','tertiaryFilled'] }] */
 function Button(props) {
   var text = props.text,
-    disabled = props.disabled,
-    onClick = props.onClick,
-    status = props.status,
-    children = props.children,
-    dataId = props.dataId,
-    needAppearance = props.needAppearance,
-    getRef = props.getRef,
-    title = props.title,
-    dataSelectorId = props.dataSelectorId,
-    customProps = props.customProps,
-    customStyle = props.customStyle,
-    a11y = props.a11y,
-    id = props.id;
+      disabled = props.disabled,
+      onClick = props.onClick,
+      status = props.status,
+      children = props.children,
+      dataId = props.dataId,
+      needAppearance = props.needAppearance,
+      getRef = props.getRef,
+      title = props.title,
+      dataSelectorId = props.dataSelectorId,
+      customProps = props.customProps,
+      customStyle = props.customStyle,
+      a11y = props.a11y,
+      id = props.id;
   var finalStyle = (0, _utils.mergeStyle)(_ButtonModule["default"], customStyle);
+
   var _cssJSLogic = (0, _cssJSLogic2["default"])({
-      props: props,
-      style: finalStyle
-    }),
-    buttonClass = _cssJSLogic.buttonClass,
-    loaderParentClass = _cssJSLogic.loaderParentClass,
-    loaderChildClass = _cssJSLogic.loaderChildClass;
+    props: props,
+    style: finalStyle
+  }),
+      buttonClass = _cssJSLogic.buttonClass,
+      loaderParentClass = _cssJSLogic.loaderParentClass,
+      loaderChildClass = _cssJSLogic.loaderChildClass;
+
   var statusLower = status.toLowerCase();
   return /*#__PURE__*/_react["default"].createElement("button", _extends({
     className: buttonClass,
@@ -62,10 +74,9 @@ function Button(props) {
     className: loaderChildClass
   }))));
 }
-Button.defaultProps = _defaultProps.defaultProps;
-Button.propTypes = _propTypes.propTypes;
 
-// if (__DOCS__) {
+Button.defaultProps = _defaultProps.defaultProps;
+Button.propTypes = _propTypes.propTypes; // if (__DOCS__) {
 //   Button.docs = {
 //     componentGroup: 'Form Elements',
 //     folderName: 'Style Guide'

package/lib/Button/__tests__/Button.spec.js

@@ -1,112 +1,129 @@
 "use strict";
 
 var _react = _interopRequireDefault(require("react"));
+
 var _Button = _interopRequireDefault(require("../Button"));
+
 var _react2 = require("@testing-library/react");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 describe('Button component', function () {
   test('Should be render with the basic set of default props', function () {
     var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Button["default"], null)),
-      asFragment = _render.asFragment;
+        asFragment = _render.asFragment;
+
     expect(asFragment()).toMatchSnapshot();
   });
   var palette = ['plainPrimary', 'plainSecondary', 'primary', 'primaryFilled', 'dangerFilled', 'secondary', 'secondaryFilled', 'successFilled', 'info', 'tertiaryFilled'];
   test.each(palette)('Should render palette of buttons - %s', function (palette) {
     var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-        palette: palette
-      })),
-      asFragment = _render2.asFragment;
+      palette: palette
+    })),
+        asFragment = _render2.asFragment;
+
     expect(asFragment()).toMatchSnapshot();
   });
   var size = ['small', 'medium', 'large', 'xlarge'];
   test.each(size)('Should render Sizes of buttons - %s', function (size) {
     var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-        size: size
-      })),
-      asFragment = _render3.asFragment;
+      size: size
+    })),
+        asFragment = _render3.asFragment;
+
     expect(asFragment()).toMatchSnapshot();
   });
   var status = ['loading', 'success', 'none'];
   test.each(status)('Should render Status of buttons - %s', function (status) {
     var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-        status: status
-      })),
-      asFragment = _render4.asFragment;
+      status: status
+    })),
+        asFragment = _render4.asFragment;
+
     expect(asFragment()).toMatchSnapshot();
   });
   var customStatus = ['loading', 'success'];
   test.each(customStatus)('Should render CustomStatusclassname of buttons - %s', function (customStatus) {
     var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-        status: customStatus,
-        customClass: {
-          customStatus: "customStautusClassName"
-        }
-      })),
-      asFragment = _render5.asFragment;
+      status: customStatus,
+      customClass: {
+        customStatus: "customStautusClassName"
+      }
+    })),
+        asFragment = _render5.asFragment;
+
     expect(asFragment()).toMatchSnapshot();
   });
   test('Should be render with the basic set of default props with disabled is true', function () {
     var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-        disabled: true
-      })),
-      asFragment = _render6.asFragment;
+      disabled: true
+    })),
+        asFragment = _render6.asFragment;
+
     expect(asFragment()).toMatchSnapshot();
   });
   test('Should be render with the basic set of default props with isBold is false', function () {
     var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-        isBold: false
-      })),
-      asFragment = _render7.asFragment;
+      isBold: false
+    })),
+        asFragment = _render7.asFragment;
+
     expect(asFragment()).toMatchSnapshot();
   });
   test('Should be render with the basic set of default props with rounded is true', function () {
     var _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-        rounded: true
-      })),
-      asFragment = _render8.asFragment;
+      rounded: true
+    })),
+        asFragment = _render8.asFragment;
+
     expect(asFragment()).toMatchSnapshot();
   });
   test('Should be render with the basic set of default props with needAppearance is false', function () {
     var _render9 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-        needAppearance: false
-      })),
-      asFragment = _render9.asFragment;
+      needAppearance: false
+    })),
+        asFragment = _render9.asFragment;
+
     expect(asFragment()).toMatchSnapshot();
   });
   test('Should be render with the basic set customButtonclass with buttonClass ', function () {
     var _render10 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-        customClass: {
-          customButton: "customButtonClass"
-        }
-      })),
-      asFragment = _render10.asFragment;
+      customClass: {
+        customButton: "customButtonClass"
+      }
+    })),
+        asFragment = _render10.asFragment;
+
     expect(asFragment()).toMatchSnapshot();
   });
   test('Should be render with the basic set customstatusSize props with buttonClass ', function () {
     var _render11 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-        customClass: {
-          customStatusSize: "customButtonClass"
-        }
-      })),
-      asFragment = _render11.asFragment;
+      customClass: {
+        customStatusSize: "customButtonClass"
+      }
+    })),
+        asFragment = _render11.asFragment;
+
     expect(asFragment()).toMatchSnapshot();
   });
   test('Should be render with the basic set customstyle ', function () {
     var _render12 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-        customStyle: {
-          bold: "buttonBold"
-        }
-      })),
-      asFragment = _render12.asFragment;
+      customStyle: {
+        bold: "buttonBold"
+      }
+    })),
+        asFragment = _render12.asFragment;
+
     expect(asFragment()).toMatchSnapshot();
   });
   test('Should be render with the customstyle with medium ', function () {
     var _render13 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-        customStyle: {
-          $medium: "buttonMedium"
-        }
-      })),
-      asFragment = _render13.asFragment;
+      customStyle: {
+        $medium: "buttonMedium"
+      }
+    })),
+        asFragment = _render13.asFragment;
+
     expect(asFragment()).toMatchSnapshot();
   });
 });