@zohodesk/dot 1.3.0 → 1.3.2

package/es/v1/avatar/AvatarUser/AvatarUser.js

@@ -12,105 +12,98 @@ import { Icon } from '@zohodesk/icons';
 import style from '../../../avatar/AvatarUser/AvatarUser.module.css';
 /**** Methods ****/
 
-export default class AvatarUser extends React.Component {
-  render() {
-    let {
-      src,
-      alternateSrc,
-      name,
-      size,
-      onClick,
-      onDelete,
-      title,
-      isPaid,
-      isPortal,
-      isLocked,
-      dataId,
-      dataSelectorId,
-      needTitle,
-      needDelete,
-      initial,
-      palette,
-      textPalette,
-      customTextClass,
-      iconName,
-      iconSize,
-      iconClass,
-      iconColor,
-      i18nKeys,
-      customProps
-    } = this.props;
-    let {
-      AvatarUserProps = {},
-      AvatarIconProps = {},
-      AvatarProps = {}
-    } = customProps;
-    let {
-      paidTitle = 'Paid User',
-      portalTitle = 'End User',
-      lockTitle = 'Locked'
-    } = i18nKeys;
-    return /*#__PURE__*/React.createElement("div", _extends({
-      className: `${style.container} ${style[size]}`,
-      "data-id": dataId || name || iconName,
-      "data-test-id": dataId || name || iconName,
-      "data-selector-id": dataSelectorId
-    }, AvatarUserProps), iconName ? /*#__PURE__*/React.createElement(AvatarIcon, _extends({
-      name: iconName,
-      iconSize: iconSize,
-      size: size,
-      iconClass: iconClass,
-      dataId: iconName,
-      iconColor: iconColor,
-      title: title
-    }, AvatarIconProps)) : /*#__PURE__*/React.createElement(Avatar, _extends({
-      src: src,
-      name: name,
-      initial: initial,
-      title: title,
-      onClick: onClick,
-      size: size,
-      needTitle: needTitle,
-      palette: palette,
-      textPalette: textPalette,
-      customClass: customTextClass,
-      alternateSrc: alternateSrc
-    }, AvatarProps)), isPaid ? /*#__PURE__*/React.createElement("span", {
-      "data-title": paidTitle,
-      className: style.paid,
-      "data-id": "paidUser",
-      "data-test-id": "paidUser"
-    }, /*#__PURE__*/React.createElement(Icon, {
-      name: "ZD-paiduser"
-    })) : null, isPortal ? /*#__PURE__*/React.createElement("span", {
-      "data-title": portalTitle,
-      className: style.portal,
-      "data-id": "portalUser",
-      "data-test-id": "portalUser"
-    }, /*#__PURE__*/React.createElement(Icon, {
-      name: "ZD-globe1"
-    })) : null, isLocked ? /*#__PURE__*/React.createElement("span", {
-      "data-title": lockTitle,
-      className: style.lock,
-      "data-id": "locked",
-      "data-test-id": "locked"
-    }, /*#__PURE__*/React.createElement(Icon, {
-      name: "ZD-lock01"
-    })) : null, needDelete ? /*#__PURE__*/React.createElement("span", {
-      className: style.delete,
-      "data-id": "dltContactPhoto",
-      "data-test-id": "dltContactPhoto",
-      onClick: onDelete
-    }, /*#__PURE__*/React.createElement(Icon, {
-      name: "ZD-delete2",
-      size: "15"
-    })) : null);
-  }
-
+export default function AvatarUser(props) {
+  let {
+    src,
+    alternateSrc,
+    name,
+    size,
+    onClick,
+    onDelete,
+    title,
+    isPaid,
+    isPortal,
+    isLocked,
+    dataId,
+    dataSelectorId,
+    needTitle,
+    needDelete,
+    initial,
+    palette,
+    textPalette,
+    customTextClass,
+    iconName,
+    iconSize,
+    iconClass,
+    iconColor,
+    i18nKeys,
+    customProps
+  } = props;
+  let {
+    AvatarUserProps = {},
+    AvatarIconProps = {},
+    AvatarProps = {}
+  } = customProps;
+  let {
+    paidTitle = 'Paid User',
+    portalTitle = 'End User',
+    lockTitle = 'Locked'
+  } = i18nKeys;
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: `${style.container} ${style[size]}`,
+    "data-id": dataId || name || iconName,
+    "data-test-id": dataId || name || iconName,
+    "data-selector-id": dataSelectorId
+  }, AvatarUserProps), iconName ? /*#__PURE__*/React.createElement(AvatarIcon, _extends({
+    name: iconName,
+    iconSize: iconSize,
+    size: size,
+    iconClass: iconClass,
+    dataId: iconName,
+    iconColor: iconColor,
+    title: title
+  }, AvatarIconProps)) : /*#__PURE__*/React.createElement(Avatar, _extends({
+    src: src,
+    name: name,
+    initial: initial,
+    title: title,
+    onClick: onClick,
+    size: size,
+    needTitle: needTitle,
+    palette: palette,
+    textPalette: textPalette,
+    customClass: customTextClass,
+    alternateSrc: alternateSrc
+  }, AvatarProps)), isPaid ? /*#__PURE__*/React.createElement("span", {
+    "data-title": paidTitle,
+    className: style.paid,
+    "data-id": "paidUser",
+    "data-test-id": "paidUser"
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "ZD-paiduser"
+  })) : null, isPortal ? /*#__PURE__*/React.createElement("span", {
+    "data-title": portalTitle,
+    className: style.portal,
+    "data-id": "portalUser",
+    "data-test-id": "portalUser"
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "ZD-globe1"
+  })) : null, isLocked ? /*#__PURE__*/React.createElement("span", {
+    "data-title": lockTitle,
+    className: style.lock,
+    "data-id": "locked",
+    "data-test-id": "locked"
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "ZD-lock01"
+  })) : null, needDelete ? /*#__PURE__*/React.createElement("span", {
+    className: style.delete,
+    "data-id": "dltContactPhoto",
+    "data-test-id": "dltContactPhoto",
+    onClick: onDelete
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "ZD-delete2",
+    size: "15"
+  })) : null);
 }
 AvatarUser.propTypes = propTypes;
-AvatarUser.defaultProps = defaultProps; // if (__DOCS__) {
-//   AvatarUser.docs = {
-//     componentGroup: 'Avatar Group'
-//   };
-// }
+AvatarUser.defaultProps = defaultProps;

package/es/v1/avatar/AvatarWithTeam/AvatarWithTeam.js

@@ -6,93 +6,86 @@ import { propTypes } from '../../../avatar/AvatarWithTeam/props/propTypes';
 import Avatar from '@zohodesk/components/es/v1/Avatar/Avatar';
 import AvatarTeam from '@zohodesk/components/es/v1/AvatarTeam/AvatarTeam';
 import style from '../../../avatar/AvatarWithTeam/AvatarWithTeam.module.css';
-export default class AvatarWithTeam extends React.Component {
-  render() {
-    let {
-      name,
-      size,
-      src,
-      teamName,
-      isTeam,
-      needTitle = false,
-      initial,
-      title,
-      palette,
-      textPalette,
-      customTextClass,
-      teamClassName,
-      borderOnActive,
-      customProps,
-      dataSelectorId,
-      teamBorderActive
-    } = this.props;
-    let {
-      AvatarWithTeamProps = {},
-      Avatar1Props = {},
-      AvatarTeam1Props = {},
-      Avatar2Props = {},
-      AvatarTeam2Props = {}
-    } = customProps;
-    return /*#__PURE__*/React.createElement("span", _extends({
-      className: `${style.container} `,
-      "data-id": "avatarWithTeamId",
-      "data-test-id": "avatarWithTeamId",
-      "data-selector-id": dataSelectorId
-    }, AvatarWithTeamProps), isTeam && teamName ? /*#__PURE__*/React.createElement(Avatar, _extends({
-      name: name,
-      src: src,
-      size: size,
-      initial: initial,
-      needTitle: needTitle,
-      palette: palette,
-      textPalette: textPalette,
-      customClass: customTextClass,
-      borderOnActive: borderOnActive
-    }, Avatar1Props)) : isTeam ? /*#__PURE__*/React.createElement(AvatarTeam, _extends({
-      name: name,
-      src: src,
-      size: size,
-      needTitle: needTitle,
-      title: needTitle ? title : undefined,
-      palette: palette,
-      textPalette: textPalette,
-      customClass: {
-        customAvatar: customTextClass
-      },
-      borderOnActive: borderOnActive
-    }, AvatarTeam1Props)) : /*#__PURE__*/React.createElement(Avatar, _extends({
-      name: name,
-      src: src,
-      size: size,
-      initial: initial,
-      needTitle: needTitle,
-      palette: palette,
-      textPalette: textPalette,
-      customClass: customTextClass,
-      borderOnActive: borderOnActive
-    }, Avatar2Props)), teamName ? /*#__PURE__*/React.createElement("span", {
-      className: `${style.teamAvatar} ${teamClassName} `,
-      "data-id": "teamNameTestId",
-      "data-test-id": "teamNameTestId",
-      "data-title": needTitle ? title : undefined
-    }, /*#__PURE__*/React.createElement(AvatarTeam, _extends({
-      name: teamName,
-      size: "small",
-      palette: palette,
-      textPalette: textPalette,
-      isFilled: true,
-      needTitle: needTitle,
-      customClass: {
-        customAvatar: customTextClass
-      },
-      borderOnActive: teamBorderActive
-    }, AvatarTeam2Props))) : null);
-  }
-
+export default function AvatarWithTeam(props) {
+  let {
+    name,
+    size,
+    src,
+    teamName,
+    isTeam,
+    needTitle = false,
+    initial,
+    title,
+    palette,
+    textPalette,
+    customTextClass,
+    teamClassName,
+    borderOnActive,
+    customProps,
+    dataSelectorId,
+    teamBorderActive
+  } = props;
+  let {
+    AvatarWithTeamProps = {},
+    Avatar1Props = {},
+    AvatarTeam1Props = {},
+    Avatar2Props = {},
+    AvatarTeam2Props = {}
+  } = customProps;
+  return /*#__PURE__*/React.createElement("span", _extends({
+    className: `${style.container} `,
+    "data-id": "avatarWithTeamId",
+    "data-test-id": "avatarWithTeamId",
+    "data-selector-id": dataSelectorId
+  }, AvatarWithTeamProps), isTeam && teamName ? /*#__PURE__*/React.createElement(Avatar, _extends({
+    name: name,
+    src: src,
+    size: size,
+    initial: initial,
+    needTitle: needTitle,
+    palette: palette,
+    textPalette: textPalette,
+    customClass: customTextClass,
+    borderOnActive: borderOnActive
+  }, Avatar1Props)) : isTeam ? /*#__PURE__*/React.createElement(AvatarTeam, _extends({
+    name: name,
+    src: src,
+    size: size,
+    needTitle: needTitle,
+    title: needTitle ? title : undefined,
+    palette: palette,
+    textPalette: textPalette,
+    customClass: {
+      customAvatar: customTextClass
+    },
+    borderOnActive: borderOnActive
+  }, AvatarTeam1Props)) : /*#__PURE__*/React.createElement(Avatar, _extends({
+    name: name,
+    src: src,
+    size: size,
+    initial: initial,
+    needTitle: needTitle,
+    palette: palette,
+    textPalette: textPalette,
+    customClass: customTextClass,
+    borderOnActive: borderOnActive
+  }, Avatar2Props)), teamName ? /*#__PURE__*/React.createElement("span", {
+    className: `${style.teamAvatar} ${teamClassName} `,
+    "data-id": "teamNameTestId",
+    "data-test-id": "teamNameTestId",
+    "data-title": needTitle ? title : undefined
+  }, /*#__PURE__*/React.createElement(AvatarTeam, _extends({
+    name: teamName,
+    size: "small",
+    palette: palette,
+    textPalette: textPalette,
+    isFilled: true,
+    needTitle: needTitle,
+    customClass: {
+      customAvatar: customTextClass
+    },
+    borderOnActive: teamBorderActive
+  }, AvatarTeam2Props))) : null);
 }
 AvatarWithTeam.defaultProps = defaultProps;
-AvatarWithTeam.propTypes = propTypes; // if (__DOCS__) {
-//   AvatarWithTeam.docs = {
-//     componentGroup: 'Avatar Group'
-//   };
-// }
+AvatarWithTeam.propTypes = propTypes;

package/es/v1/form/fields/CheckBoxField/CheckBoxField.js

@@ -114,12 +114,12 @@ function CheckBoxField(props) {
     type: errorType,
     dataId: `${dataId}_ValidationRuleMessage`
   }, ValidationMessageProps2))));
-} // const MomoizedCheckBoxField = memo(CheckBoxField);
-// export default MomoizedCheckBoxField;
-// MomoizedCheckBoxField.propTypes = propTypes;
-// MomoizedCheckBoxField.defaultProps = defaultProps;
-
+}
 
 CheckBoxField.propTypes = propTypes;
 CheckBoxField.defaultProps = defaultProps;
-export default CheckBoxField;
+const MemoizedCheckBoxField = /*#__PURE__*/memo(CheckBoxField);
+MemoizedCheckBoxField.propTypes = propTypes;
+MemoizedCheckBoxField.defaultProps = defaultProps;
+MemoizedCheckBoxField.displayName = 'CheckBoxField';
+export default MemoizedCheckBoxField;

package/es/v1/form/fields/CurrencyField/CurrencyField.js

@@ -146,12 +146,12 @@ function CurrencyField(props) {
     htmlFor: uniqueId,
     dataId: `${dataId}_ValidationRuleMessage`
   }, ValidationMessageProps2))));
-} // const MomoizedCurrencyField = memo(CurrencyField);
-// export default MomoizedCurrencyField;
-// MomoizedCurrencyField.propTypes = propTypes;
-// MomoizedCurrencyField.defaultProps = defaultProps;
-
+}
 
 CurrencyField.propTypes = propTypes;
 CurrencyField.defaultProps = defaultProps;
-export default CurrencyField;
+const MemoizedCurrencyField = /*#__PURE__*/memo(CurrencyField);
+MemoizedCurrencyField.propTypes = propTypes;
+MemoizedCurrencyField.defaultProps = defaultProps;
+MemoizedCurrencyField.displayName = 'CurrencyField';
+export default MemoizedCurrencyField;

package/es/v1/form/fields/DateField/DateField.js

@@ -153,12 +153,12 @@ function DateField(props) {
     htmlFor: getAriaId,
     dataId: `${dataId}_ValidationRuleMessage`
   }, ValidationMessageProps2))));
-} // const MomoizedDateField = memo(DateField);
-// export default MomoizedDateField;
-// MomoizedDateField.propTypes = propTypes;
-// MomoizedDateField.defaultProps = defaultProps;
-
+}
 
 DateField.propTypes = propTypes;
 DateField.defaultProps = defaultProps;
-export default DateField;
+const MemoizedDateField = /*#__PURE__*/memo(DateField);
+MemoizedDateField.propTypes = propTypes;
+MemoizedDateField.defaultProps = defaultProps;
+MemoizedDateField.displayName = 'DateField';
+export default MemoizedDateField;

package/es/v1/form/fields/FieldContainer/FieldContainer.js

@@ -55,12 +55,12 @@ function FieldContainer(props) {
     "data-test-id": `${dataId}_ePHI`,
     className: style.ePhiTag
   }, ePhiText) : null, renderEnd ? renderEnd() : null);
-} // const MomoizedFieldContainer = memo(FieldContainer);
-// export default MomoizedFieldContainer;
-// MomoizedFieldContainer.propTypes = propTypes;
-// MomoizedFieldContainer.defaultProps = defaultProps;
-
+}
 
 FieldContainer.propTypes = propTypes;
 FieldContainer.defaultProps = defaultProps;
-export default FieldContainer;
+const MemoizedFieldContainer = /*#__PURE__*/memo(FieldContainer);
+MemoizedFieldContainer.propTypes = propTypes;
+MemoizedFieldContainer.defaultProps = defaultProps;
+MemoizedFieldContainer.displayName = 'FieldContainer';
+export default MemoizedFieldContainer;

package/es/v1/form/fields/MultiSelectField/MultiSelectField.js

@@ -178,12 +178,12 @@ function MultiSelectField(props) {
     dataId: `${dataId}_ValidationRuleMessage`,
     htmlFor: uniqueId
   }, ValidationMessageProps2)));
-} // const MomoizedMultiSelectField = memo(MultiSelectField);
-// export default MomoizedMultiSelectField;
-// MomoizedMultiSelectField.propTypes = propTypes;
-// MomoizedMultiSelectField.defaultProps = defaultProps;
-
+}
 
 MultiSelectField.propTypes = propTypes;
 MultiSelectField.defaultProps = defaultProps;
-export default MultiSelectField;
+const MemoizedMultiSelectField = /*#__PURE__*/memo(MultiSelectField);
+MemoizedMultiSelectField.propTypes = propTypes;
+MemoizedMultiSelectField.defaultProps = defaultProps;
+MemoizedMultiSelectField.displayName = 'MultiSelectField';
+export default MemoizedMultiSelectField;

package/es/v1/form/fields/PhoneField/PhoneField.js

@@ -150,12 +150,12 @@ function PhoneField(props) {
     name: "ZD-GN-phone",
     size: "14"
   })) : null));
-} // const MomoizedPhoneField = memo(PhoneField);
-// export default MomoizedPhoneField;
-// MomoizedPhoneField.propTypes = propTypes;
-// MomoizedPhoneField.defaultProps = defaultProps;
-
+}
 
 PhoneField.propTypes = propTypes;
 PhoneField.defaultProps = defaultProps;
-export default PhoneField;
+const MemoizedPhoneField = /*#__PURE__*/memo(PhoneField);
+MemoizedPhoneField.propTypes = propTypes;
+MemoizedPhoneField.defaultProps = defaultProps;
+MemoizedPhoneField.displayName = 'PhoneField';
+export default MemoizedPhoneField;