@zohodesk/dot 1.0.0-temp-60 → 1.0.0-temp.213

package/es/version2/lookup/AlertLookup/docs/AlertLookup__default.docs.js

@@ -1,147 +0,0 @@
-import React, { Component } from 'react';
-import AlertLookup from '../AlertLookup';
-import Button from '@zohodesk/components/lib/Button/Button';
-export default class AlertLookup__default extends Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      lookup: false
-    };
-    this.onCancel = this.onCancel.bind(this);
-    this.headerChildren = this.headerChildren.bind(this);
-  }
-
-  lookupOpen(lookup) {
-    this.setState({
-      lookup: lookup
-    });
-  }
-
-  onCancel() {
-    this.setState({
-      lookup: false
-    });
-  }
-
-  headerChildren() {
-    return /*#__PURE__*/React.createElement("div", null, "Custom");
-  }
-
-  render() {
-    let {
-      lookup
-    } = this.state;
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-      style: {
-        margin: '20px'
-      }
-    }, /*#__PURE__*/React.createElement(Button, {
-      text: "Delete Type Alert",
-      palette: "dangerFilled",
-      onClick: this.lookupOpen.bind(this, 'ticketDelete')
-    })), /*#__PURE__*/React.createElement("div", {
-      style: {
-        margin: '20px'
-      }
-    }, /*#__PURE__*/React.createElement(Button, {
-      text: "Remote Assist",
-      palette: "primaryFilled",
-      onClick: this.lookupOpen.bind(this, 'remoteAssist')
-    })), /*#__PURE__*/React.createElement("div", {
-      style: {
-        margin: '20px'
-      }
-    }, /*#__PURE__*/React.createElement(Button, {
-      text: "Close Type Alert",
-      palette: "dangerFilled",
-      onClick: this.lookupOpen.bind(this, 'ticketClose')
-    })), /*#__PURE__*/React.createElement("div", {
-      style: {
-        margin: '20px'
-      }
-    }, /*#__PURE__*/React.createElement(Button, {
-      text: "Custom children Type Alert",
-      palette: "dangerFilled",
-      onClick: this.lookupOpen.bind(this, 'customType')
-    })), /*#__PURE__*/React.createElement("div", {
-      style: {
-        margin: '20px'
-      }
-    }, /*#__PURE__*/React.createElement(Button, {
-      text: "Collision Alert",
-      palette: "dangerFilled",
-      onClick: this.lookupOpen.bind(this, 'collsionAlert')
-    })), /*#__PURE__*/React.createElement(AlertLookup, {
-      isActive: lookup === 'ticketDelete' ? true : false,
-      onSubmitClick: () => {
-        console.log('On Delete');
-      },
-      onCancelClick: this.onCancel,
-      title: "Delete Ticket",
-      message: "Deleting this Ticket will move their Activities, and Time Entry to the Recycle Bin.",
-      confirmationMessage: "Would you like to delete?",
-      submitText: "Delete",
-      cancelText: "Cancel",
-      onClose: this.onCancel
-    }), /*#__PURE__*/React.createElement(AlertLookup, {
-      isActive: lookup === 'remoteAssist' ? true : false,
-      type: "info",
-      palette: "primary",
-      onSubmitClick: () => {
-        console.log('On Delete');
-      },
-      onCancelClick: this.onCancel,
-      title: "Remote Assist",
-      message: /*#__PURE__*/React.createElement("div", null, "You are about to send an invite for remote assistance to", ' ', /*#__PURE__*/React.createElement("b", null, "antro.avemaxa@gmail.com")),
-      confirmationMessage: "Would you like to continue?",
-      submitText: "Continue",
-      cancelText: "Cancel"
-    }), /*#__PURE__*/React.createElement(AlertLookup, {
-      isActive: lookup === 'ticketClose' ? true : false,
-      type: "danger",
-      onSubmitClick: () => {
-        console.log('On Delete');
-      },
-      onCancelClick: this.onCancel,
-      title: "Close Ticket",
-      message: "Do you want to close this Ticket?",
-      submitText: "Ok",
-      cancelText: "Cancel"
-    }), /*#__PURE__*/React.createElement(AlertLookup, {
-      isActive: lookup === 'customType' ? true : false,
-      type: "danger",
-      onSubmitClick: () => {
-        console.log('On Delete');
-      },
-      onCancelClick: this.onCancel,
-      title: "Close Ticket",
-      submitText: "Ok",
-      cancelText: "Cancel",
-      headerChildren: this.headerChildren
-    }, /*#__PURE__*/React.createElement("div", null, "Custom children Type")), /*#__PURE__*/React.createElement(AlertLookup, {
-      type: "danger",
-      isActive: lookup === 'collsionAlert' ? true : false,
-      onSubmitClick: () => {
-        console.log('collsionAlert');
-      },
-      onCancelClick: this.onCancel,
-      message: "Antro is already drafting a response.",
-      confirmationMessage: "Would you still like to reply?",
-      submitText: "Yes",
-      cancelText: "No",
-      onClose: this.onCancel,
-      needIcon: false,
-      align: "vertical",
-      childAnimationName: "expand",
-      scroll: "vertical"
-    }));
-  }
-
-}
-
-if (false) {
-  AlertLookup__default.docs = {
-    componentGroup: 'AlertLookup',
-    folderName: 'Alert'
-  };
-}

package/es/version2/lookup/alertLookupCommonNew.module.css

@@ -1,26 +0,0 @@
-/* Notes */
-
-.noteContainer {
-    padding: var(--zd_size4) var(--zd_size30) 0;
-    border-left: solid 1px var(--zdt_alertlookup_border);
-}
-
-.noteTitle {
-    font-size: var(--zd_font_size13);
-    font-family: var(--zd_semibold);
-    composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
-}
-
-.noteUl {
-    padding: var(--zd_size14) var(--zd_size16) 0;
-    margin: 0;
-}
-
-.noteUl li {
-    font-size: var(--zd_font_size12);
-    /* line-height: var(--zd_size14); */
-    color: var(--zdt_alertlookuop_text);
-    margin-bottom: var(--zd_size15);
-    list-style-type: disc;
-    line-height: initial;
-}

package/es/version2/notification/DesktopNotification/DesktopNotification.js

@@ -1,209 +0,0 @@
-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, { useState } from 'react';
-import PropTypes from 'prop-types';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
-import { useZIndex } from '@zohodesk/components/lib/Provider/ZindexProvider';
-import AutoClose from '../../../actions/AutoClose';
-import Button from '@zohodesk/components/lib/Button/Button';
-import FormAction from '../../../FormAction/FormAction';
-import DesktopNotificationHeader from '../DesktopNotificationHeader/DesktopNotificationHeader';
-import style from './DesktopNotification.module.css';
-let buttonPaletteObject = {
-  success: {
-    buttonPalette: 'successFilled'
-  },
-  error: {
-    buttonPalette: 'dangerFilled'
-  },
-  danger: {
-    buttonPalette: 'dangerFilled'
-  },
-  warning: {
-    buttonPalette: 'dangerFilled'
-  },
-  info: {
-    buttonPalette: 'primaryFilled'
-  },
-  notification: {
-    buttonPalette: 'primaryFilled'
-  }
-};
-export function DesktopNotificationUI(props) {
-  let {
-    type = '',
-    submitText,
-    cancelText,
-    submitType,
-    isMore,
-    message,
-    isAnimate,
-    getBottomContainer,
-    getSubmitContainer,
-    onSubmit,
-    onCancel,
-    dataId,
-    isClose,
-    needAutoZindex,
-    title,
-    subTitle,
-    needIcon,
-    info,
-    secondaryInfo,
-    titleVariant,
-    getSectionContainer,
-    isShrinkView,
-    size,
-    onClose,
-    needClose,
-    customClass = {},
-    i18nKeys = {},
-    customProps
-  } = props;
-  let {
-    closeTitle = 'Close'
-  } = i18nKeys;
-  let {
-    containerClass
-  } = customClass;
-  let {
-    buttonPalette = 'dangerFilled'
-  } = buttonPaletteObject[type] || {};
-  let {
-    ExtraProps = {}
-  } = customProps;
-
-  function onClickSubmit(e) {
-    onSubmit && onSubmit();
-  }
-
-  function onClickCancel(e) {
-    onCancel && onCancel();
-  }
-
-  let animateClass = isClose ? style.rightanimate : style.leftanimate;
-  let animateRemoveClass = isClose ? style.rightanimate : style.leftnoanimate;
-  let getNextIndex = useZIndex();
-  let Zindex = isAnimate ? getNextIndex() : null;
-  let uiVariantOne = title && (info || secondaryInfo);
-  let uiVariantTwo = title && !(info || secondaryInfo) && !getSectionContainer;
-  return /*#__PURE__*/React.createElement("div", {
-    className: style.parentElement,
-    style: needAutoZindex && isAnimate ? {
-      zIndex: `${Zindex}`
-    } : {}
-  }, /*#__PURE__*/React.createElement(Container, _extends({
-    className: `${style.container} ${isAnimate ? animateClass : animateRemoveClass} ${style[`${size}`] ? style[`${size}`] : ''} ${isShrinkView ? style.globalNotify : ''} ${containerClass}`,
-    isCover: false,
-    dataId: dataId,
-    isInline: uiVariantTwo
-  }, ExtraProps), /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(DesktopNotificationHeader, {
-    type: type,
-    title: title,
-    variant: titleVariant,
-    needIcon: needIcon,
-    onClose: onClose,
-    closeTitle: closeTitle,
-    dataId: `${dataId}_close`,
-    needClose: needClose
-  })), /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Container, {
-    alignBox: "column"
-  }, uiVariantOne && /*#__PURE__*/React.createElement(Box, {
-    flexible: true
-  }, /*#__PURE__*/React.createElement("div", {
-    className: `${style.section} ${style.infoText}`
-  }, subTitle && /*#__PURE__*/React.createElement("div", {
-    className: `${style.subTitle} ${info || secondaryInfo ? style.subTitleMargin : ''}`
-  }, subTitle), info && /*#__PURE__*/React.createElement("div", null, info), secondaryInfo && /*#__PURE__*/React.createElement("div", {
-    className: `${info ? style.secondaryInfo : ''}`
-  }, secondaryInfo))), getSectionContainer && /*#__PURE__*/React.createElement(Box, {
-    flexible: true
-  }, getSectionContainer()), submitText || cancelText ? /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement("div", {
-    className: style.footer
-  }, isMore ? /*#__PURE__*/React.createElement("div", {
-    className: `${style.message}`,
-    tagName: "p"
-  }, message) : null, /*#__PURE__*/React.createElement(FormAction, {
-    size: "small",
-    paddingLeftSize: "xmedium"
-  }, submitText ? /*#__PURE__*/React.createElement("div", {
-    onClick: onClickSubmit,
-    "data-id": `${dataId}_submitButton`
-  }, /*#__PURE__*/React.createElement(Container, {
-    align: "vertical",
-    alignBox: "row"
-  }, getSubmitContainer ? /*#__PURE__*/React.createElement(Box, {
-    flexible: true
-  }, getSubmitContainer()) : /*#__PURE__*/React.createElement(Box, {
-    flexible: true
-  }, /*#__PURE__*/React.createElement(Button, {
-    text: submitText,
-    palette: submitType ? submitType : buttonPalette
-  })))) : null, cancelText ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
-    text: cancelText,
-    palette: "secondary",
-    dataId: `${dataId}_cancelButton`,
-    onClick: onClickCancel
-  })) : null))) : null)), getBottomContainer ? /*#__PURE__*/React.createElement(Box, null, getBottomContainer()) : null));
-}
-export default function DesktopNotification(props) {
-  return /*#__PURE__*/React.createElement(AutoClose, _extends({}, props, {
-    Element: DesktopNotificationUI
-  }));
-}
-DesktopNotification.propTypes = {
-  autoClose: PropTypes.bool,
-  cancelText: PropTypes.string,
-  customClass: PropTypes.object,
-  dataId: PropTypes.string,
-  getBottomContainer: PropTypes.func,
-  getSectionContainer: PropTypes.func,
-  getSubmitContainer: PropTypes.func,
-  hidePopNotification: PropTypes.func,
-  hideTime: PropTypes.string,
-  i18nKeys: PropTypes.object,
-  id: PropTypes.string,
-  info: PropTypes.string,
-  isAnimate: PropTypes.bool,
-  isClose: PropTypes.bool,
-  isMore: PropTypes.bool,
-  isShrinkView: PropTypes.bool,
-  message: PropTypes.string,
-  needAutoZindex: PropTypes.bool,
-  needClose: PropTypes.bool,
-  needIcon: PropTypes.bool,
-  onCancel: PropTypes.func,
-  onClose: PropTypes.func,
-  onSubmit: PropTypes.func,
-  secondaryInfo: PropTypes.string,
-  size: PropTypes.oneOf(['medium', 'large']),
-  subTitle: PropTypes.string,
-  submitText: PropTypes.string,
-  submitType: PropTypes.oneOf(['primary', 'danger', 'success']),
-  titleVariant: PropTypes.oneOf(['primary', 'secondary']),
-  type: PropTypes.oneOf(['success', 'error', 'danger', 'warning', 'info', 'notification', 'alarm']),
-  customProps: PropTypes.shape({
-    ExtraProps: PropTypes.object
-  })
-};
-DesktopNotification.defaultProps = {
-  isMore: false,
-  isAnimate: true,
-  isClose: false,
-  autoClose: false,
-  hideTime: '3000',
-  dataId: 'toastMessage',
-  needAutoZindex: true,
-  needIcon: true,
-  titleVariant: 'primary',
-  isShrinkView: false,
-  needClose: true,
-  customProps: {}
-};
-
-if (false) {
-  DesktopNotification.docs = {
-    componentGroup: 'DesktopNotification',
-    folderName: 'Alert'
-  };
-}

package/es/version2/notification/DesktopNotification/DesktopNotification.module.css

@@ -1,90 +0,0 @@
-.parentElement {
-  margin-bottom: var(--zd_size7);
-  position: relative;
-}
-.container {
-  background-color: var(--zdt_desktopnotification_bg);
-  color: var(--zdt_desktopnotification_text);
-  transition: all var(--zd_transition4);
-  position: relative;
-  transform-origin: right center;
-  max-height: 100%;
-  box-shadow: 0 4px 20px var(--zdt_desktopnotification_box_shadow);
-  border-radius: 0 0 var(--zd_size10) var(--zd_size10);
-  pointer-events: auto;
-}
-.globalNotify {
-  max-width: var(--zd_size490);
-  min-width: var(--zd_size394);
-}
-/* Size */
-.medium {
-  width: var(--zd_size452);
-}
-.large {
-  width: var(--zd_size580);
-}
-/* Animation Style */
-.closeAnimation {
-  max-height: 0;
-  margin-bottom: 0;
-  transition: all var(--zd_transition3) 0.4s;
-}
-.animation {
-  composes: modeForward from '~@zohodesk/components/lib/common/animation.module.css';
-  animation-duration: var(--zd_transition4);
-  -webkit-animation-duration: var(--zd_transition4);
-}
-.leftanimate {
-  composes: slideLeft from '~@zohodesk/components/lib/common/animation.module.css';
-  composes: animation;
-}
-.leftnoanimate {
-  transform: translateX(0) scale(1);
-  opacity: 1;
-}
-.rightanimate {
-  composes: slideRight from '~@zohodesk/components/lib/common/animation.module.css';
-  composes: animation;
-  composes: closeAnimation;
-}
-/* Container Style */
-.message {
-  padding: var(--zd_size10) var(--zd_size20) var(--zd_size10) var(--zd_size76);
-  border-top: 1px solid var(--zd_smoke1);
-  cursor: pointer;
-  position: relative;
-  color: var(--zd_smoke18);
-  font-size: var(--zd_font_size11);
-  composes: dotted textCap from '~@zohodesk/components/lib/common/common.module.css';
-  height: var(--zd_size33);
-  transition: padding var(--zd_transition3), height var(--zd_transition3);
-}
-.message:hover {
-  background: var(--zd_alabaster);
-}
-/* Section */
-.section {
-  padding: var(--zd_size15) var(--zd_size30) var(--zd_size30);
-}
-.subTitle {
-  font-size: var(--zd_font_size15);
-  line-height: 1.3;
-  font-family: var(--zd_semibold);
-  composes: ftsmooth wbreak from '~@zohodesk/components/lib/common/common.module.css';
-}
-.subTitleMargin {
-  margin-bottom: var(--zd_size17);
-}
-.infoText {
-  font-size: var(--zd_font_size14);
-  line-height: 1.28;
-  composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
-}
-.secondaryInfo {
-  margin-top: var(--zd_size20);
-}
-.footer {
-  border-radius: 0 0 var(--zd_size10) var(--zd_size10);
-  overflow: hidden;
-}

package/es/version2/notification/DesktopNotification/docs/DesktopNotification__default.docs.js

@@ -1,92 +0,0 @@
-import React, { Component } from 'react';
-import DesktopNotification from '../DesktopNotification';
-import style from '@zohodesk/components/lib/common/docStyle.module.css';
-export default class DesktopNotification__default extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement("div", {
-      className: style.m50
-    }, /*#__PURE__*/React.createElement("div", {
-      style: {
-        marginBottom: '20px'
-      }
-    }, /*#__PURE__*/React.createElement(DesktopNotification, {
-      type: "success",
-      title: "Updated Successfully",
-      info: "The Customer Insights(3) extension has been updated successfully",
-      isAnimate: false,
-      size: "medium",
-      i18nKeys: {
-        closeTitle: 'Custom Close Title'
-      }
-    })), /*#__PURE__*/React.createElement("div", {
-      style: {
-        marginBottom: '20px'
-      }
-    }, /*#__PURE__*/React.createElement(DesktopNotification, {
-      type: "notification",
-      title: "Desktop Notification",
-      info: "Zoho Desk needs your Permission to enable desktop notification.",
-      submitText: "SUBMIT",
-      cancelText: "NOT NOW",
-      isAnimate: false,
-      size: "medium"
-    })), /*#__PURE__*/React.createElement("div", {
-      style: {
-        marginBottom: '20px'
-      }
-    }, /*#__PURE__*/React.createElement(DesktopNotification, {
-      type: "danger",
-      title: "Authorization Pending",
-      info: "Authorize your account for Zoho OAuth service to acivate this extension",
-      submitText: "AUTHORIZE",
-      submitType: "danger",
-      isAnimate: false,
-      size: "medium"
-    })), /*#__PURE__*/React.createElement("div", {
-      style: {
-        marginBottom: '20px'
-      }
-    }, /*#__PURE__*/React.createElement(DesktopNotification, {
-      type: "info",
-      title: "Scheduled Call time",
-      subTitle: "You are 13 Head of the scheduled call time.",
-      info: "Would you like to proceed this call now?",
-      submitText: "Yes",
-      cancelText: "Not Now",
-      isAnimate: false,
-      size: "medium"
-    })), /*#__PURE__*/React.createElement("div", {
-      style: {
-        marginBottom: '20px'
-      }
-    }, /*#__PURE__*/React.createElement(DesktopNotification, {
-      type: "success",
-      title: "You have started following this Ticket",
-      titleVariant: "secondary",
-      isAnimate: false,
-      isShrinkView: true
-    })), /*#__PURE__*/React.createElement("div", {
-      style: {
-        marginBottom: '20px'
-      }
-    }, /*#__PURE__*/React.createElement(DesktopNotification, {
-      type: "danger",
-      title: "You an integrate with either zoho cliq slack at a time. Please disable the integration with slack and try again.",
-      titleVariant: "secondary",
-      isAnimate: false,
-      isShrinkView: true
-    })));
-  }
-
-}
-
-if (false) {
-  DesktopNotification__default.docs = {
-    componentGroup: 'DesktopNotification',
-    folderName: 'Alert'
-  };
-}

package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js

@@ -1,75 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
-import AlertClose from '../../AlertClose/AlertClose';
-import AlertIcons from '../../alertIcons/AlertIcons';
-import style from './DesktopNotificationHeader.module.css';
-export default class DesktopNotificationHeader extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    let {
-      onClose,
-      closeTitle,
-      dataId,
-      variant,
-      type = '',
-      needIcon,
-      title,
-      needClose
-    } = this.props;
-    return /*#__PURE__*/React.createElement(Container, {
-      align: "vertical",
-      alignBox: "row",
-      className: `${style.container} ${style[variant]} ${style[type]}`,
-      isCover: false,
-      wrap: "wrap"
-    }, needIcon ? /*#__PURE__*/React.createElement("div", {
-      className: style.iconContainer
-    }, /*#__PURE__*/React.createElement(AlertIcons, {
-      type: type
-    })) : null, /*#__PURE__*/React.createElement(Box, {
-      flexible: true
-    }, /*#__PURE__*/React.createElement(Container, {
-      alignBox: "row",
-      align: "center"
-    }, variant === 'primary' ? /*#__PURE__*/React.createElement(Box, {
-      className: style.title,
-      shrink: true
-    }, title) : /*#__PURE__*/React.createElement(Box, {
-      className: `${style.infoText}`
-    }, title))), needClose ? /*#__PURE__*/React.createElement(Box, {
-      className: style.close
-    }, /*#__PURE__*/React.createElement(AlertClose, {
-      onClose: onClose,
-      dataTitle: closeTitle,
-      dataId: dataId,
-      type: "light"
-    })) : null);
-  }
-
-}
-DesktopNotificationHeader.propTypes = {
-  closeTitle: PropTypes.string,
-  dataId: PropTypes.string,
-  needClose: PropTypes.bool,
-  needIcon: PropTypes.bool,
-  onClose: PropTypes.func,
-  title: PropTypes.string,
-  type: PropTypes.oneOf(['success', 'error', 'danger', 'warning', 'info', 'notification', 'alarm']),
-  variant: PropTypes.oneOf(['primary', 'secondary'])
-};
-DesktopNotificationHeader.defaultProps = {
-  needIcon: true,
-  variant: 'primary',
-  needClose: true
-};
-
-if (false) {
-  DesktopNotificationHeader.docs = {
-    componentGroup: 'DesktopNotificationHeader',
-    folderName: 'Alert'
-  };
-}