@zohodesk/dot 1.0.0-temp-106 → 1.0.0-temp-108

package/es/avatar/AvatarUser/docs/AvatarUser__default.docs.js

@@ -1,170 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import AvatarUser from '../AvatarUser';
-import style from '@zohodesk/components/lib/common/docStyle.module.css';
-export default class AvatarUser__default extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-  render() {
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
-      className: `${style.docspan} ${style.vtop}`
-    }, /*#__PURE__*/React.createElement(AvatarUser, {
-      name: "Bharathikannan",
-      size: "small",
-      isPaid: true
-    })), /*#__PURE__*/React.createElement("span", {
-      className: `${style.docspan} ${style.vtop}`
-    }, /*#__PURE__*/React.createElement(AvatarUser, {
-      name: "Bharathikannan",
-      size: "xsmall",
-      isPaid: true
-    })), /*#__PURE__*/React.createElement("span", {
-      className: `${style.docspan} ${style.vtop}`
-    }, /*#__PURE__*/React.createElement(AvatarUser, {
-      name: "Bharathikannan",
-      size: "medium",
-      isPaid: true
-    })), /*#__PURE__*/React.createElement("span", {
-      className: `${style.docspan} ${style.vtop}`
-    }, /*#__PURE__*/React.createElement(AvatarUser, {
-      name: "Bharathikannan",
-      size: "xmedium",
-      isPaid: true
-    })), /*#__PURE__*/React.createElement("span", {
-      className: `${style.docspan} ${style.vtop}`
-    }, /*#__PURE__*/React.createElement(AvatarUser, {
-      name: "Bharathikannan",
-      size: "large",
-      isPaid: true
-    })), /*#__PURE__*/React.createElement("span", {
-      className: `${style.docspan} ${style.vtop}`
-    }, /*#__PURE__*/React.createElement(AvatarUser, {
-      name: "Bharathikannan",
-      size: "xlarge",
-      isPaid: true
-    }))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
-      className: `${style.docspan} ${style.vtop}`
-    }, /*#__PURE__*/React.createElement(AvatarUser, {
-      name: "Bharathikannan",
-      size: "small",
-      isPortal: true
-    })), /*#__PURE__*/React.createElement("span", {
-      className: `${style.docspan} ${style.vtop}`
-    }, /*#__PURE__*/React.createElement(AvatarUser, {
-      name: "Bharathikannan",
-      size: "xsmall",
-      isPortal: true
-    })), /*#__PURE__*/React.createElement("span", {
-      className: `${style.docspan} ${style.vtop}`
-    }, /*#__PURE__*/React.createElement(AvatarUser, {
-      name: "Bharathikannan",
-      size: "medium",
-      isPortal: true
-    })), /*#__PURE__*/React.createElement("span", {
-      className: `${style.docspan} ${style.vtop}`
-    }, /*#__PURE__*/React.createElement(AvatarUser, {
-      name: "Bharathikannan",
-      size: "xmedium",
-      isPortal: true
-    })), /*#__PURE__*/React.createElement("span", {
-      className: `${style.docspan} ${style.vtop}`
-    }, /*#__PURE__*/React.createElement(AvatarUser, {
-      name: "Bharathikannan",
-      size: "large",
-      isPortal: true
-    })), /*#__PURE__*/React.createElement("span", {
-      className: `${style.docspan} ${style.vtop}`
-    }, /*#__PURE__*/React.createElement(AvatarUser, {
-      name: "Bharathikannan",
-      size: "xlarge",
-      isPortal: true
-    }))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
-      className: `${style.docspan} ${style.vtop}`
-    }, /*#__PURE__*/React.createElement(AvatarUser, {
-      iconName: "ZD-chTwitter",
-      iconSize: "8",
-      title: "Twitter",
-      size: "small",
-      isLocked: true
-    })), /*#__PURE__*/React.createElement("span", {
-      className: `${style.docspan} ${style.vtop}`
-    }, /*#__PURE__*/React.createElement(AvatarUser, {
-      iconName: "ZD-chTwitter",
-      iconSize: "10",
-      title: "Twitter",
-      size: "xsmall",
-      isLocked: true
-    })), /*#__PURE__*/React.createElement("span", {
-      className: `${style.docspan} ${style.vtop}`
-    }, /*#__PURE__*/React.createElement(AvatarUser, {
-      name: "Bharathikannan",
-      size: "medium",
-      isLocked: true
-    })), /*#__PURE__*/React.createElement("span", {
-      className: `${style.docspan} ${style.vtop}`
-    }, /*#__PURE__*/React.createElement(AvatarUser, {
-      name: "Bharathikannan",
-      size: "xmedium",
-      isLocked: true
-    })), /*#__PURE__*/React.createElement("span", {
-      className: `${style.docspan} ${style.vtop}`
-    }, /*#__PURE__*/React.createElement(AvatarUser, {
-      name: "Bharathikannan",
-      size: "large",
-      isLocked: true
-    })), /*#__PURE__*/React.createElement("span", {
-      className: `${style.docspan} ${style.vtop}`
-    }, /*#__PURE__*/React.createElement(AvatarUser, {
-      name: "Bharathikannan",
-      size: "xlarge",
-      isLocked: true
-    }))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
-      className: `${style.docspan} ${style.vtop}`
-    }, /*#__PURE__*/React.createElement(AvatarUser, {
-      iconName: "ZD-chTwitter",
-      iconSize: "8",
-      title: "Twitter",
-      size: "small",
-      needDelete: true
-    })), /*#__PURE__*/React.createElement("span", {
-      className: `${style.docspan} ${style.vtop}`
-    }, /*#__PURE__*/React.createElement(AvatarUser, {
-      iconName: "ZD-chTwitter",
-      iconSize: "10",
-      title: "Twitter",
-      size: "xsmall",
-      needDelete: true
-    })), /*#__PURE__*/React.createElement("span", {
-      className: `${style.docspan} ${style.vtop}`
-    }, /*#__PURE__*/React.createElement(AvatarUser, {
-      name: "Bharathikannan",
-      size: "medium",
-      needDelete: true
-    })), /*#__PURE__*/React.createElement("span", {
-      className: `${style.docspan} ${style.vtop}`
-    }, /*#__PURE__*/React.createElement(AvatarUser, {
-      name: "Bharathikannan",
-      size: "xmedium",
-      needDelete: true
-    })), /*#__PURE__*/React.createElement("span", {
-      className: `${style.docspan} ${style.vtop}`
-    }, /*#__PURE__*/React.createElement(AvatarUser, {
-      name: "Bharathikannan",
-      size: "large",
-      needDelete: true
-    })), /*#__PURE__*/React.createElement("span", {
-      className: `${style.docspan} ${style.vtop}`
-    }, /*#__PURE__*/React.createElement(AvatarUser, {
-      name: "Bharathikannan",
-      size: "xlarge",
-      needDelete: true
-    }))));
-  }
-}
-if (false) {
-  AvatarUser__default.docs = {
-    componentGroup: 'Avatar Group',
-    description: ' '
-  };
-}

package/es/avatar/AvatarWithTeam/docs/AvatarWithTeam__default.docs.js

@@ -1,21 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import AvatarWithTeam from '../AvatarWithTeam';
-export default class AvatarWithTeam__default extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-  render() {
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(AvatarWithTeam, {
-      name: "feedback",
-      src: "https://hjemly.dk/wp-content/uploads/2016/05/facebook-default-no-profile-pic.jpg",
-      teamName: "BK"
-    }));
-  }
-}
-if (false) {
-  AvatarWithTeam__default.docs = {
-    componentGroup: 'Avatar Group',
-    description: ' '
-  };
-}

package/es/deprecated/SelectDropdown/docs/SelectDropdown__default.docs.js

@@ -1,31 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import SelectDropdown from '../SelectDropdown';
-export default class SelectDropdown__default extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-  render() {
-    return /*#__PURE__*/React.createElement(SelectDropdown, {
-      title: "DropDown",
-      suggestions: {
-        options: [{
-          id: '1',
-          value: 'Zoho desk'
-        }, {
-          id: '2',
-          value: 'Zoho projects'
-        }],
-        idKey: 'id',
-        valueKey: 'value'
-      },
-      selectedText: "Zoho Desk"
-    });
-  }
-}
-if (false) {
-  SelectDropdown__default.docs = {
-    componentGroup: 'Header',
-    folderName: 'Setup'
-  };
-}

package/es/dropdown/ToggleDropDown/docs/ToggleDropDown__default.docs.js

@@ -1,224 +0,0 @@
-import React from 'react';
-import ToggleDropDown from '../ToggleDropDown';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
-export default class ToggleDropDown__default extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      value: 'One',
-      groupValue: 'One',
-      valueId: 'one',
-      groupValueId: 'one'
-    };
-    this.onDropdownSelect = this.onSelect.bind(this, 'value');
-    this.onGroupSelect = this.onSelect.bind(this, 'groupValue');
-    this.getFooter = this.getFooter.bind(this);
-  }
-  onSelect(type, element, e) {
-    this.setState({
-      [type]: e.value,
-      [`${type}Id`]: e.id
-    });
-  }
-  getFooter() {
-    return /*#__PURE__*/React.createElement("div", null, "Custom Footer");
-  }
-  render() {
-    let {
-      value,
-      groupValue,
-      groupValueId,
-      valueId
-    } = this.state;
-    let options = [{
-      value: 'One',
-      id: 'one',
-      iconName: 'ZD-setupFields'
-    }, {
-      value: 'Two',
-      id: 'two',
-      iconName: 'ZD-setupFields'
-    }, {
-      value: 'Three',
-      id: 'three',
-      iconName: 'ZD-setupFields'
-    }, {
-      value: 'Four',
-      id: 'four',
-      iconName: 'ZD-setupFields'
-    }, {
-      needDivider: true
-    }, {
-      value: 'Five',
-      id: 'five',
-      iconName: 'ZD-setupFields'
-    }, {
-      value: 'Six',
-      id: 'six',
-      iconName: 'ZD-setupFields'
-    }, {
-      value: 'Seven',
-      id: 'seven',
-      iconName: 'ZD-setupFields'
-    }, {
-      needDivider: true
-    }, {
-      value: 'Eight',
-      id: 'eight',
-      iconName: 'ZD-setupFields'
-    }, {
-      needDivider: true
-    }, {
-      value: 'Nine',
-      id: 'nine',
-      iconName: 'ZD-setupFields'
-    }, {
-      value: 'Ten',
-      id: 'ten',
-      iconName: 'ZD-setupFields'
-    }];
-    let groupOptions = [{
-      name: 'Group 1',
-      items: [{
-        value: 'One',
-        id: 'one'
-      }, {
-        value: 'Two',
-        id: 'two'
-      }, {
-        value: 'Three',
-        id: 'three'
-      }]
-    }, {
-      name: 'Group 2',
-      items: [{
-        value: 'Four',
-        id: 'four'
-      }, {
-        value: 'Five',
-        id: 'five'
-      }, {
-        value: 'Six',
-        id: 'six'
-      }, {
-        value: 'Seven',
-        id: 'seven'
-      }],
-      needDivider: true
-    }, {
-      name: 'Group 3',
-      items: [{
-        value: 'Eight',
-        id: 'eight'
-      }, {
-        value: 'Nine',
-        id: 'nine'
-      }, {
-        value: 'Ten',
-        id: 'ten'
-      }],
-      needDivider: true
-    }, {
-      name: 'Group 4',
-      items: [{
-        value: 'Eleven',
-        id: 'eleven'
-      }, {
-        value: 'Twelve',
-        id: 'twelve'
-      }, {
-        value: 'Thirteen',
-        id: 'thirteen'
-      }, {
-        value: 'Fourteen',
-        id: 'fourteen'
-      }, {
-        value: 'Fifteen',
-        id: 'fifteen'
-      }],
-      needDivider: true
-    }, {
-      name: 'Group 5',
-      items: [{
-        value: 'Sixteen',
-        id: 'sixteen'
-      }, {
-        value: 'Seventeen',
-        id: 'seventeen'
-      }, {
-        value: 'Eighteen',
-        id: 'eighteen'
-      }]
-    }];
-    return /*#__PURE__*/React.createElement(Container, {
-      alignBox: "row",
-      style: {
-        padding: 20
-      }
-    }, /*#__PURE__*/React.createElement(Box, {
-      style: {
-        width: 330
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      style: {
-        font: '14px var(--zd_semibold)',
-        marginBottom: 9,
-        textTransform: 'uppercase'
-      }
-    }, "DropDown"), /*#__PURE__*/React.createElement(ToggleDropDown, {
-      value: value,
-      dataTitle: value,
-      keyName: "value",
-      onClick: this.onDropdownSelect,
-      isSearch: true,
-      options: options,
-      boxSize: "large",
-      boxPosition: "bottomRight",
-      selectedId: valueId,
-      isNeedEffect: false
-    })), /*#__PURE__*/React.createElement(Box, {
-      style: {
-        width: 330
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      style: {
-        font: '14px var(--zd_semibold)',
-        marginBottom: 9,
-        textTransform: 'uppercase'
-      }
-    }, "Group DropDown"), /*#__PURE__*/React.createElement(ToggleDropDown, {
-      value: groupValue,
-      dataTitle: groupValue,
-      keyName: "value",
-      onClick: this.onGroupSelect,
-      isSearch: true,
-      options: groupOptions,
-      boxSize: "large",
-      boxPosition: "bottomRight",
-      isGroupDropDown: true,
-      selectedId: groupValueId,
-      isNeedEffect: false
-    })), /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement("div", {
-      style: {
-        font: '14px var(--zd_semibold)',
-        marginBottom: 9,
-        textTransform: 'uppercase'
-      }
-    }, "Custom Footer"), /*#__PURE__*/React.createElement(ToggleDropDown, {
-      value: value,
-      dataTitle: value,
-      keyName: "value",
-      onClick: this.onDropdownSelect,
-      isSearch: true,
-      options: options,
-      boxSize: "large",
-      boxPosition: "bottomRight",
-      selectedId: valueId,
-      isNeedEffect: false,
-      getFooter: this.getFooter
-    })));
-  }
-}
-ToggleDropDown__default.docs = {
-  componentGroup: 'Molecule'
-};

package/es/emptystate/CommonEmptyState/docs/CommonEmptyState__default.docs.js

@@ -1,105 +0,0 @@
-import React, { Component } from 'react';
-import CommonEmptyState from '../CommonEmptyState';
-import EmptySearch from '@zohodesk/svg/lib/emptystate/version3/EmptySearch';
-import EmptyAccounts from '@zohodesk/svg/lib/emptystate/version3/EmptyAccounts';
-import EmptyTicket from '@zohodesk/svg/lib/emptystate/version3/EmptyTicket';
-import Button from '@zohodesk/components/lib/Button/Button';
-import { Container } from '@zohodesk/components/lib/Layout';
-export default class CommonEmptyState__default extends Component {
-  constructor(props) {
-    super(props);
-    this.emptySearch = this.emptySearch.bind(this);
-    this.emptyAccount = this.emptyAccount.bind(this);
-    this.emptyTicket = this.emptyTicket.bind(this);
-  }
-  emptySearch() {
-    return /*#__PURE__*/React.createElement(EmptySearch, {
-      size: "small"
-    });
-  }
-  emptyAccount() {
-    return /*#__PURE__*/React.createElement(EmptyAccounts, null);
-  }
-  emptyTicket() {
-    return /*#__PURE__*/React.createElement(EmptyTicket, null);
-  }
-  render() {
-    let styles = {
-      height: '300px',
-      width: ' 400px',
-      margin: '5px 10px',
-      border: '1px solid #eee'
-    };
-    return /*#__PURE__*/React.createElement(Container, {
-      align: "both",
-      alignBox: "row",
-      wrap: "wrap"
-    }, /*#__PURE__*/React.createElement("div", {
-      style: styles
-    }, /*#__PURE__*/React.createElement(CommonEmptyState, {
-      title: "oops!",
-      description: "There are no views matching the keyword.",
-      size: "small",
-      getEmptyState: this.emptySearch
-    })), /*#__PURE__*/React.createElement("div", {
-      style: styles
-    }, /*#__PURE__*/React.createElement(CommonEmptyState, {
-      title: "No Accounts Found",
-      description: "Add a new account.",
-      linkText: "Learn more",
-      linkUrl: "#",
-      getEmptyState: this.emptyAccount
-    })), /*#__PURE__*/React.createElement("div", {
-      style: styles
-    }, /*#__PURE__*/React.createElement(CommonEmptyState, {
-      title: "oops!",
-      description: "There are no views matching the keyword.",
-      linkDescription: "Search in",
-      linkText: "Archived views",
-      linkUrl: "#",
-      size: "small",
-      getEmptyState: this.emptySearch
-    })), /*#__PURE__*/React.createElement("div", {
-      style: styles
-    }, /*#__PURE__*/React.createElement(CommonEmptyState, {
-      title: "No Archived Views",
-      linkText: "Learn more",
-      size: "small",
-      getEmptyState: this.emptySearch
-    })), /*#__PURE__*/React.createElement("div", {
-      style: styles
-    }, /*#__PURE__*/React.createElement(CommonEmptyState, {
-      title: "No Ticket Found",
-      description: "Get started by adding a new tickets to help desk or Import tickets from an external Database.",
-      linkText: "Learn more",
-      linkUrl: "#",
-      getEmptyState: this.emptyTicket
-    }, /*#__PURE__*/React.createElement(Button, {
-      palette: "primaryFilled",
-      text: "Add Ticket"
-    }))), /*#__PURE__*/React.createElement("div", {
-      style: styles
-    }, /*#__PURE__*/React.createElement(CommonEmptyState, {
-      title: "No Ticket Found",
-      description: "Get started by adding a new tickets to help desk or Import tickets from an external Database.",
-      linkText: "Learn more",
-      linkUrl: "#",
-      getEmptyState: this.emptyTicket
-    }, /*#__PURE__*/React.createElement(Button, {
-      palette: "primaryFilled",
-      text: "Add Ticket"
-    }), /*#__PURE__*/React.createElement("span", {
-      style: {
-        margin: '0 18px'
-      }
-    }, "or"), /*#__PURE__*/React.createElement(Button, {
-      palette: "primaryFilled",
-      text: "Import Ticket"
-    }))));
-  }
-}
-if (false) {
-  CommonEmptyState__default.docs = {
-    componentGroup: 'EmptyState'
-  };
-}

package/es/emptystate/EditionPage/docs/EditionPage__default.docs.js

@@ -1,19 +0,0 @@
-import React, { Component } from 'react';
-import EditionPage from '../EditionPage';
-export default class EditionPage__default extends Component {
-  render() {
-    return /*#__PURE__*/React.createElement(EditionPage, {
-      title: "Access Denied",
-      subtitle: "Your current edition does not support this feature.",
-      dataId: "empty",
-      butttonText: "Upgrade Now",
-      information: "our current edition does not support this feature.",
-      footerText: "asdf"
-    });
-  }
-}
-if (false) {
-  EditionPage__default.docs = {
-    componentGroup: 'EmptyState'
-  };
-}

package/es/errorstate/Inconvenience/docs/Inconvenience__default.docs.js

@@ -1,17 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import Inconvenience from '../Inconvenience';
-export default class Inconvenience__default extends React.Component {
-  render() {
-    return /*#__PURE__*/React.createElement(Inconvenience, {
-      subtitle: "Sorry! for the inconvenience.",
-      description: "Please try again later or report this issue ",
-      urlText: "Enter your feedback"
-    });
-  }
-}
-if (false) {
-  Inconvenience__default.docs = {
-    componentGroup: 'errorStates'
-  };
-}

package/es/errorstate/LinkText/docs/LinkText__default.docs.js

@@ -1,15 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import LinkText from '../LinkText';
-export default class LinkText__default extends React.Component {
-  render() {
-    return /*#__PURE__*/React.createElement(LinkText, {
-      text: "Go to Preference"
-    });
-  }
-}
-if (false) {
-  LinkText__default.docs = {
-    componentGroup: 'errorStates'
-  };
-}

package/es/errorstate/NoRequestFound/docs/NoRequestFound__default.docs.js

@@ -1,17 +0,0 @@
-import React from 'react';
-import NoRequestFound from '../NoRequestFound';
-export default class NoRequestFound__default extends React.Component {
-  render() {
-    return /*#__PURE__*/React.createElement(NoRequestFound, {
-      btmText: "Please try again later or report this issue ",
-      subtitle: "Sorry! no request found.",
-      description: "Please try again later or report this issue ",
-      urlText: "Enter your feedback"
-    });
-  }
-}
-if (false) {
-  NoRequestFound__default.docs = {
-    componentGroup: 'errorStates'
-  };
-}

package/es/errorstate/PermissionPlay/docs/PermissionPlay__default.docs.js

@@ -1,18 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import PermissionPlay from '../PermissionPlay';
-export default class PermissionPlay__default extends React.Component {
-  render() {
-    return /*#__PURE__*/React.createElement(PermissionPlay, {
-      title: "Permissions in play",
-      subtitle: "keep intruders at bay!",
-      description: "You do not have the permission(s) required to access this landing page. Please contact your administrator to obtain the permission(s) or set a new landing page",
-      urlText: "Enter your feedback"
-    });
-  }
-}
-if (false) {
-  PermissionPlay__default.docs = {
-    componentGroup: 'errorStates'
-  };
-}

package/es/errorstate/RequestUrlNotFound/docs/RequestUrlNotFound__default.docs.js

@@ -1,17 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import RequestUrlNotFound from '../RequestUrlNotFound';
-export default class RequestUrlNotFound__default extends React.Component {
-  render() {
-    return /*#__PURE__*/React.createElement(RequestUrlNotFound, {
-      subtitle: "Sorry! Request URL not found.",
-      description: "Please try again later or report this issue ",
-      urlText: "Enter your feedback"
-    });
-  }
-}
-if (false) {
-  RequestUrlNotFound__default.docs = {
-    componentGroup: 'errorStates'
-  };
-}

package/es/errorstate/UnableToProcess/docs/UnableToProcess__default.docs.js

@@ -1,17 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import UnableToProcess from '../UnableToProcess';
-export default class UnableToProcess__default extends React.Component {
-  render() {
-    return /*#__PURE__*/React.createElement(UnableToProcess, {
-      subtitle: "Oops! Unable to process the request. ",
-      description: "Please try again later or report this issue ",
-      urlText: "Enter your feedback"
-    });
-  }
-}
-if (false) {
-  UnableToProcess__default.docs = {
-    componentGroup: 'errorStates'
-  };
-}