@zohodesk/dot 1.0.0-temp.999 → 1.0.0-test.239

package/es/avatar/AvatarThread/docs/AvatarThread__default.docs.js

@@ -1,147 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import AvatarThread from '../AvatarThread';
-import style from '@zohodesk/components/lib/common/docStyle.module.css';
-export default class AvatarThread__default extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    let margin = {
-      margin: '10px'
-    };
-    return /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", {
-      style: margin
-    }, "Show Icon On Hover"), /*#__PURE__*/React.createElement("span", {
-      style: margin
-    }, /*#__PURE__*/React.createElement(AvatarThread, {
-      name: "Bharathikannan",
-      size: "medium",
-      iconName: "ZD-minus",
-      iconSize: "8",
-      iconColor: "primary",
-      borderPalette: "primary",
-      showOnHover: true
-    }))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", {
-      style: margin
-    }, "BorderPalatte"), /*#__PURE__*/React.createElement("span", {
-      style: margin
-    }, /*#__PURE__*/React.createElement(AvatarThread, {
-      src: "https://contacts.zoho.com/file?ID=8237519&exp=6000&t=user&fs=thumb",
-      name: "Bharathikannan",
-      size: "medium",
-      iconName: "ZD-TK-in",
-      iconSize: "14",
-      iconColor: "primary",
-      borderPalette: "primary"
-    })), /*#__PURE__*/React.createElement("span", {
-      style: margin
-    }, /*#__PURE__*/React.createElement(AvatarThread, {
-      src: "https://contacts.zoho.com/file?ID=8237519&exp=6000&t=user&fs=thumb",
-      name: "Bharathikannan",
-      size: "medium",
-      iconName: "ZD-TK-in",
-      iconSize: "14",
-      iconColor: "success",
-      borderPalette: "success"
-    })), /*#__PURE__*/React.createElement("span", {
-      style: margin
-    }, /*#__PURE__*/React.createElement(AvatarThread, {
-      src: "https://contacts.zoho.com/file?ID=8237519&exp=6000&t=user&fs=thumb",
-      name: "Bharathikannan",
-      size: "medium",
-      iconName: "ZD-TK-in",
-      iconSize: "14",
-      iconColor: "danger",
-      borderPalette: "danger"
-    })), /*#__PURE__*/React.createElement("span", {
-      style: margin
-    }, /*#__PURE__*/React.createElement(AvatarThread, {
-      src: "https://contacts.zoho.com/file?ID=8237519&exp=6000&t=user&fs=thumb",
-      name: "Bharathikannan",
-      size: "medium",
-      iconName: "ZD-TK-in",
-      iconSize: "14",
-      iconColor: "default",
-      borderPalette: "default"
-    }))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", {
-      style: margin
-    }, "Icon Color"), /*#__PURE__*/React.createElement("span", {
-      style: margin
-    }, /*#__PURE__*/React.createElement(AvatarThread, {
-      src: "https://contacts.zoho.com/file?ID=8237519&exp=6000&t=user&fs=thumb",
-      name: "Bharathikannan",
-      size: "medium",
-      iconName: "ZD-chFacebook",
-      iconSize: "10",
-      iconColor: "primary"
-    })), /*#__PURE__*/React.createElement("span", {
-      style: margin
-    }, /*#__PURE__*/React.createElement(AvatarThread, {
-      src: "https://contacts.zoho.com/file?ID=8237519&exp=6000&t=user&fs=thumb",
-      name: "Bharathikannan",
-      size: "medium",
-      iconName: "ZD-chFacebook",
-      iconSize: "10",
-      iconColor: "danger"
-    }))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", {
-      style: margin
-    }, "Size"), /*#__PURE__*/React.createElement("span", {
-      style: margin
-    }, /*#__PURE__*/React.createElement(AvatarThread, {
-      src: "https://contacts.zoho.com/file?ID=8237519&exp=6000&t=user&fs=thumb",
-      name: "Bharathikannan",
-      size: "small",
-      iconName: "ZD-chFacebook",
-      iconSize: "10"
-    })), /*#__PURE__*/React.createElement("span", {
-      style: margin
-    }, /*#__PURE__*/React.createElement(AvatarThread, {
-      src: "https://contacts.zoho.com/file?ID=8237519&exp=6000&t=user&fs=thumb",
-      name: "Bharathikannan",
-      size: "xsmall",
-      iconName: "ZD-chFacebook",
-      iconSize: "10"
-    })), /*#__PURE__*/React.createElement("span", {
-      style: margin
-    }, /*#__PURE__*/React.createElement(AvatarThread, {
-      src: "https://contacts.zoho.com/file?ID=8237519&exp=6000&t=user&fs=thumb",
-      name: "Bharathikannan",
-      size: "medium",
-      iconName: "ZD-chFacebook",
-      iconSize: "10"
-    })), /*#__PURE__*/React.createElement("span", {
-      style: margin
-    }, /*#__PURE__*/React.createElement(AvatarThread, {
-      src: "https://contacts.zoho.com/file?ID=8237519&exp=6000&t=user&fs=thumb",
-      name: "Bharathikannan",
-      size: "xmedium",
-      iconName: "ZD-chFacebook",
-      iconSize: "10"
-    })), /*#__PURE__*/React.createElement("span", {
-      style: margin
-    }, /*#__PURE__*/React.createElement(AvatarThread, {
-      src: "https://contacts.zoho.com/file?ID=8237519&exp=6000&t=user&fs=thumb",
-      name: "Bharathikannan",
-      size: "large",
-      iconName: "ZD-chFacebook",
-      iconSize: "10"
-    })), /*#__PURE__*/React.createElement("span", {
-      style: margin
-    }, /*#__PURE__*/React.createElement(AvatarThread, {
-      src: "https://contacts.zoho.com/file?ID=8237519&exp=6000&t=user&fs=thumb",
-      name: "Bharathikannan",
-      size: "xlarge",
-      iconName: "ZD-chFacebook",
-      iconSize: "10"
-    })))));
-  }
-
-}
-
-if (false) {
-  AvatarThread__default.docs = {
-    componentGroup: 'Avatar Group'
-  };
-}

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

@@ -1,173 +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,24 +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,34 +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,228 +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'
-};