@zohodesk/components 1.0.0-temp-47 → 1.0.0-temp-48

package/es/AvatarTeam/docs/AvatarTeam__palette.docs.js

@@ -0,0 +1,50 @@
+import React from 'react';
+import AvatarTeam from '../AvatarTeam';
+import style from '../../common/docStyle.module.css';
+import CodeExtract from '@zohodesk/docstool/lib/CodeExtractor/CodeExtractor';
+export default class AvatarTeam__palette extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+      style: {
+        background: 'var(--dot_bg_black)',
+        display: 'inline-block'
+      }
+    }, /*#__PURE__*/React.createElement("span", {
+      className: `${style.docspan} ${style.vtop}`
+    }, /*#__PURE__*/React.createElement(CodeExtract, null, /*#__PURE__*/React.createElement(AvatarTeam, {
+      name: "Bharathikannan",
+      size: "xmedium",
+      palette: "primary"
+    }))), /*#__PURE__*/React.createElement("span", {
+      className: `${style.docspan} ${style.vtop}`
+    }, /*#__PURE__*/React.createElement(CodeExtract, null, /*#__PURE__*/React.createElement(AvatarTeam, {
+      name: "Bharathikannan",
+      size: "xmedium",
+      palette: "secondary"
+    }))), /*#__PURE__*/React.createElement("span", {
+      className: `${style.docspan} ${style.vtop}`
+    }, /*#__PURE__*/React.createElement(CodeExtract, null, /*#__PURE__*/React.createElement(AvatarTeam, {
+      name: "Bharathikannan",
+      size: "xmedium",
+      palette: "primary",
+      isFilled: true
+    }))), /*#__PURE__*/React.createElement("span", {
+      className: `${style.docspan} ${style.vtop}`
+    }, /*#__PURE__*/React.createElement(CodeExtract, null, /*#__PURE__*/React.createElement(AvatarTeam, {
+      name: "Bharathikannan",
+      size: "xmedium",
+      palette: "secondary",
+      isFilled: true
+    })))));
+  }
+
+}
+
+if (false) {
+  AvatarTeam__palette.docs = {
+    componentGroup: 'Avatar Group',
+    folderName: 'Style Guide',
+    external: true,
+    description: ' '
+  };
+}

package/es/AvatarTeam/docs/AvatarTeam__size.docs.js

@@ -0,0 +1,49 @@
+import React from 'react';
+import AvatarTeam from '../AvatarTeam';
+import style from '../../common/docStyle.module.css';
+import CodeExtract from '@zohodesk/docstool/lib/CodeExtractor/CodeExtractor';
+export default class AvatarTeam__size extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+      className: `${style.docspan} ${style.vtop}`
+    }, /*#__PURE__*/React.createElement(CodeExtract, null, /*#__PURE__*/React.createElement(AvatarTeam, {
+      name: "Bharathikannan",
+      size: "small"
+    }))), /*#__PURE__*/React.createElement("span", {
+      className: `${style.docspan} ${style.vtop}`
+    }, /*#__PURE__*/React.createElement(CodeExtract, null, /*#__PURE__*/React.createElement(AvatarTeam, {
+      name: "Bharathikannan",
+      size: "xsmall"
+    }))), /*#__PURE__*/React.createElement("span", {
+      className: `${style.docspan} ${style.vtop}`
+    }, /*#__PURE__*/React.createElement(CodeExtract, null, /*#__PURE__*/React.createElement(AvatarTeam, {
+      name: "Bharathikannan",
+      size: "medium"
+    }))), /*#__PURE__*/React.createElement("span", {
+      className: `${style.docspan} ${style.vtop}`
+    }, /*#__PURE__*/React.createElement(CodeExtract, null, /*#__PURE__*/React.createElement(AvatarTeam, {
+      name: "Bharathikannan",
+      size: "xmedium"
+    }))), /*#__PURE__*/React.createElement("span", {
+      className: `${style.docspan} ${style.vtop}`
+    }, /*#__PURE__*/React.createElement(CodeExtract, null, /*#__PURE__*/React.createElement(AvatarTeam, {
+      name: "Bharathikannan",
+      size: "large"
+    }))), /*#__PURE__*/React.createElement("span", {
+      className: `${style.docspan} ${style.vtop}`
+    }, /*#__PURE__*/React.createElement(CodeExtract, null, /*#__PURE__*/React.createElement(AvatarTeam, {
+      name: "Bharathikannan",
+      size: "xlarge"
+    })))));
+  }
+
+}
+
+if (false) {
+  AvatarTeam__size.docs = {
+    componentGroup: 'Avatar Group',
+    folderName: 'Style Guide',
+    external: true,
+    description: ' '
+  };
+}

package/es/Button/Button.js

@@ -1,3 +1,5 @@
+function _extends() { _extends = Object.assign || 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); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import style from './Button.module.css';
@@ -26,7 +28,8 @@ export default class Button extends React.Component {
       needAppearance,
       getRef,
       title,
-      customClass
+      customClass,
+      customProps
     } = this.props;
     let {
       customButton = '',
@@ -37,7 +40,7 @@ export default class Button extends React.Component {
     let statusLower = status.toLowerCase();
     let classList = needAppearance ? `${style[paletteLower]} ${rounded ? style.rounded : ''} ${!children ? style[size.toLowerCase()] : `${style[`${size}Btn`]} 
              ${rounded ? style[`${size}Btn${paletteLower}`] : ''}`}` : `${style.default}`;
-    return /*#__PURE__*/React.createElement("button", {
+    return /*#__PURE__*/React.createElement("button", _extends({
       className: `${customButton} ${classList} ${isBold ? style.bold : ''}  `,
       "data-id": disabled ? `${dataId}_disabled` : dataId,
       disabled: disabled || statusLower === 'loading',
@@ -45,7 +48,7 @@ export default class Button extends React.Component {
       "data-title": title,
       type: "button",
       ref: getRef
-    }, children ? children : text, status !== 'none' && needAppearance && /*#__PURE__*/React.createElement("div", {
+    }, customProps), children ? children : text, status !== 'none' && needAppearance && /*#__PURE__*/React.createElement("div", {
       className: style.overlay
     }, /*#__PURE__*/React.createElement("div", {
       className: `${customStatusSize} ${statusLower === 'loading' ? `${style.loading} ${style[`${size}loading`]}` : style.success}`
@@ -67,7 +70,8 @@ Button.defaultProps = {
   size: 'medium',
   status: 'none',
   text: 'Button',
-  customClass: {}
+  customClass: {},
+  customProps: {}
 };
 Button.propTypes = {
   children: PropTypes.node,

package/es/Button/__tests__/Button.spec.js

@@ -1,4 +1,3 @@
-import "core-js/modules/web.url.to-json";
 import React from 'react';
 import Button from '../Button';
 import TestUtils from 'react-dom/test-utils';