@zohodesk/dot 1.0.0-temp-60 → 1.0.0-temp-61

package/es/MessageBanner/docs/MessageBanner__default.docs.js

@@ -1,88 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import MessageBanner from '../MessageBanner';
-export default class MessageBanner__default extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    let {
-      message
-    } = this.props;
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", null, "Type"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("div", {
-      style: {
-        background: '#ddd',
-        padding: 'var(--zd_size16)'
-      }
-    }, /*#__PURE__*/React.createElement(MessageBanner, {
-      message: 'Type: Primary',
-      type: "primary",
-      urlText: "refresh",
-      href: '#',
-      onClick: () => {
-        console.log('clicked');
-      }
-    })), /*#__PURE__*/React.createElement("div", {
-      style: {
-        background: '#ddd',
-        padding: 'var(--zd_size16)'
-      }
-    }, /*#__PURE__*/React.createElement(MessageBanner, {
-      message: 'Type: Secondary',
-      type: "secondary",
-      urlText: "refresh",
-      href: '#',
-      onClick: () => {
-        console.log('clicked');
-      }
-    })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", null, "Palette"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("div", {
-      style: {
-        background: '#ddd',
-        padding: 'var(--zd_size16)'
-      }
-    }, /*#__PURE__*/React.createElement(MessageBanner, {
-      message: 'Palette: default',
-      type: "primary",
-      urlText: "refresh",
-      href: '#',
-      onClick: () => {
-        console.log('clicked');
-      },
-      palette: "default"
-    })), /*#__PURE__*/React.createElement("div", {
-      style: {
-        background: '#ddd',
-        padding: 'var(--zd_size16)'
-      }
-    }, /*#__PURE__*/React.createElement(MessageBanner, {
-      message: 'Palette: blue',
-      urlText: "refresh",
-      href: '#',
-      onClick: () => {
-        console.log('clicked');
-      },
-      palette: "blue"
-    })), /*#__PURE__*/React.createElement("div", {
-      style: {
-        background: '#ddd',
-        padding: 'var(--zd_size16)'
-      }
-    }, /*#__PURE__*/React.createElement(MessageBanner, {
-      message: 'Palette: white',
-      urlText: "refresh",
-      href: '#',
-      onClick: () => {
-        console.log('clicked');
-      },
-      palette: "white"
-    })))));
-  }
-
-}
-
-if (false) {
-  MessageBanner__default.docs = {
-    componentGroup: 'Atom'
-  };
-}

package/es/NewStar/docs/NewStar__default.docs.js

@@ -1,62 +0,0 @@
-import React from 'react';
-import NewStar from '../NewStar';
-export default class NewStar__default extends React.Component {
-  render() {
-    let style = {
-      width: '50px',
-      height: '50px',
-      margin: '30px',
-      position: 'relative'
-    };
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-      style: style
-    }, /*#__PURE__*/React.createElement(NewStar, {
-      palette: "green",
-      position: "topLeft"
-    }), /*#__PURE__*/React.createElement(NewStar, {
-      palette: "green",
-      position: "topRight"
-    }), /*#__PURE__*/React.createElement(NewStar, {
-      palette: "green",
-      position: "bottomLeft"
-    }), /*#__PURE__*/React.createElement(NewStar, {
-      palette: "green",
-      position: "bottomRight"
-    })), /*#__PURE__*/React.createElement("div", {
-      style: style
-    }, /*#__PURE__*/React.createElement(NewStar, {
-      palette: "blue",
-      position: "topLeft"
-    }), /*#__PURE__*/React.createElement(NewStar, {
-      palette: "blue",
-      position: "topRight"
-    }), /*#__PURE__*/React.createElement(NewStar, {
-      palette: "blue",
-      position: "bottomLeft"
-    }), /*#__PURE__*/React.createElement(NewStar, {
-      palette: "blue",
-      position: "bottomRight"
-    })), /*#__PURE__*/React.createElement("div", {
-      style: style
-    }, /*#__PURE__*/React.createElement(NewStar, {
-      palette: "yellow",
-      position: "topLeft"
-    }), /*#__PURE__*/React.createElement(NewStar, {
-      palette: "yellow",
-      position: "topRight"
-    }), /*#__PURE__*/React.createElement(NewStar, {
-      palette: "yellow",
-      position: "bottomLeft"
-    }), /*#__PURE__*/React.createElement(NewStar, {
-      palette: "yellow",
-      position: "bottomRight"
-    })));
-  }
-
-}
-
-if (false) {
-  NewStar__default.docs = {
-    componentGroup: 'Atom'
-  };
-}

package/es/PlusIcon/docs/PlusIcon__default.docs.js

@@ -1,16 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import PlusIcon from '../PlusIcon';
-export default class PlusIcon__default extends Component {
-  render() {
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(PlusIcon, null));
-  }
-
-}
-
-if (false) {
-  PlusIcon__default.docs = {
-    componentGroup: 'Common',
-    folderName: 'Ticket DetailView'
-  };
-}

package/es/ToastMessage/docs/ToastMessage__custom.docs.js

@@ -1,92 +0,0 @@
-import React, { Component } from 'react';
-import ToastMessage from '../ToastMessage';
-import Avatar from '@zohodesk/components/lib/Avatar/Avatar';
-import Switch from '@zohodesk/components/lib/Switch/Switch';
-import style from '@zohodesk/components/lib/common/docStyle.module.css';
-export default class ToastMessage__custom extends Component {
-  constructor(props) {
-    super(props);
-    this.getLeftPanel = this.getLeftPanel.bind(this);
-    this.getSubmitContainer = this.getSubmitContainer.bind(this);
-    this.getFooterContainer = this.getFooterContainer.bind(this);
-    this.getBottomContainer = this.getBottomContainer.bind(this);
-  }
-
-  getLeftPanel() {
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Avatar, {
-      name: "BK",
-      shape: "square",
-      size: "medium",
-      src: "https://hjemly.dk/wp-content/uploads/2016/05/facebook-default-no-profile-pic.jpg"
-    }));
-  }
-
-  getSubmitContainer() {
-    return /*#__PURE__*/React.createElement("div", {
-      style: {
-        textAlign: 'center'
-      }
-    }, /*#__PURE__*/React.createElement(Switch, {
-      checked: true,
-      id: "test2",
-      name: "category"
-    }));
-  }
-
-  getFooterContainer() {
-    return /*#__PURE__*/React.createElement("p", null, "Custome Footer");
-  }
-
-  getBottomContainer() {
-    return /*#__PURE__*/React.createElement("div", null, "text");
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement("div", {
-      className: style.m50
-    }, /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      cancelText: "Not now",
-      getLeftContainer: this.getLeftPanel,
-      info: "There is a few changes occurred in this ticket",
-      isAnimate: false,
-      isIconMid: true,
-      subject: "Screen Notification",
-      submitText: "Submit",
-      getInnerBottomContainer: this.getFooterContainer,
-      getBottomContainer: this.getBottomContainer
-    })), /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      cancelText: "Not now",
-      getLeftContainer: this.getLeftPanel,
-      getSubmitContainer: this.getSubmitContainer,
-      info: "There is a few changes occurred in this ticket",
-      isAnimate: false,
-      subject: "Screen Notification",
-      submitText: "Submit",
-      isIconMid: true
-    })), /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      cancelText: "Not now",
-      info: "There is a few changes occurred in this ticket",
-      isAnimate: false,
-      subject: "Screen Notification",
-      submitText: "Submit",
-      getLeftContainer: this.getLeftPanel,
-      getSubmitContainer: this.getSubmitContainer,
-      getInnerBottomContainer: this.getFooterContainer,
-      isIconMid: true
-    })));
-  }
-
-}
-
-if (false) {
-  ToastMessage__custom.docs = {
-    componentGroup: 'Atom',
-    description: ' '
-  };
-}

package/es/ToastMessage/docs/ToastMessage__information.docs.js

@@ -1,54 +0,0 @@
-import React, { Component } from 'react';
-import ToastMessage from '../ToastMessage';
-import style from '@zohodesk/components/lib/common/docStyle.module.css';
-export default class ToastMessage__information extends Component {
-  render() {
-    return /*#__PURE__*/React.createElement("div", {
-      className: style.m50
-    }, /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      type: "information",
-      subject: "Screen Notification",
-      info: "There is a few changes occurred in this ticket",
-      submitText: "View changes",
-      needClose: true,
-      iconSize: "17",
-      iconName: "ZD-ticknew",
-      isIconMid: true,
-      iconPalette: "successPlain"
-    })), /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      type: "information",
-      iconName: "ZD-exclamationNew",
-      subject: "Log Notification",
-      info: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,",
-      cancelText: "Not now",
-      iconSize: "30",
-      iconPalette: "dangerShadow"
-    })), /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      type: "information",
-      iconName: "ZD-ticknew",
-      subject: "Log Notification",
-      info: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,",
-      cancelText: "Not now",
-      iconSize: "12",
-      iconPalette: "successFill",
-      needClose: true,
-      onPortalClose: () => {
-        console.log('from close');
-      }
-    })));
-  }
-
-}
-
-if (false) {
-  ToastMessage__information.docs = {
-    componentGroup: 'Atom',
-    description: ' '
-  };
-}

package/es/ToastMessage/docs/ToastMessage__primary.docs.js

@@ -1,125 +0,0 @@
-import React, { Component } from 'react';
-import ToastMessage from '../ToastMessage';
-import style from '@zohodesk/components/lib/common/docStyle.module.css';
-export default class ToastMessage__primary extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement("div", {
-      className: style.m50
-    }, /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      iconName: "ZD-exclamationNew",
-      subject: "Screen Notification",
-      info: "There is a few changes occurred in this ticket",
-      submitText: "Submit",
-      cancelText: "Not now",
-      isAnimate: false,
-      iconPalette: "dangerPlain"
-    })), /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      iconName: "ZD-exclamationNew",
-      iconPalette: "dangerPlain",
-      subject: "Screen Notification",
-      info: "There is a few changes occurred in this ticket",
-      submitText: "Submit",
-      cancelText: "Not now",
-      submitType: "success",
-      isAnimate: false
-    })), /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      iconName: "ZD-exclamationNew",
-      subject: "Desktop Notification",
-      info: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,",
-      submitText: "Submit",
-      cancelText: "Not now",
-      submitType: "danger",
-      isIconMid: true,
-      iconPalette: "dangerPlain"
-    })), /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      iconName: "ZD-exclamationNew",
-      iconPalette: "dangerPlain",
-      subject: "Screen Notification",
-      info: "There is a few changes occurred in this ticket",
-      submitText: "Submit",
-      cancelText: "Not now",
-      isMore: true,
-      message: "Do not Show this again"
-    })), /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      iconName: "ZD-exclamationNew",
-      iconPalette: "dangerPlain",
-      subject: "Screen Notification",
-      info: "There is a few changes occurred in this ticket",
-      submitText: "Submit",
-      cancelText: "Not now",
-      submitType: "success",
-      isMore: true,
-      message: "Do not Show this again"
-    })), /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      iconName: "ZD-exclamationNew",
-      subject: "Desktop Notification",
-      info: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,",
-      submitText: "Submit",
-      cancelText: "Not now",
-      submitType: "danger",
-      isIconMid: true,
-      iconPalette: "dangerPlain",
-      isMore: true,
-      messageState: true,
-      message: "Do not Show this again"
-    })), /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      iconName: "ZD-exclamationNew",
-      iconPalette: "primaryPlain",
-      subject: "Mobile Notification",
-      info: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s",
-      submitText: "Submit",
-      cancelText: "Not now"
-    })), /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      iconName: "ZD-exclamationNew",
-      iconPalette: "dangerPlain",
-      subject: "Log Notification",
-      info: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,",
-      cancelText: "Not now"
-    })), /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      iconName: "ZD-exclamationNew",
-      iconPalette: "primaryPlain",
-      subject: "Log Notification",
-      info: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,",
-      submitText: "Submit"
-    })), /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      iconName: "ZD-exclamationNew",
-      iconPalette: "dangerPlain",
-      subject: "Log Notification",
-      info: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,",
-      submitText: "Close",
-      submitType: "danger"
-    })));
-  }
-
-}
-
-if (false) {
-  ToastMessage__primary.docs = {
-    componentGroup: 'Atom',
-    description: ' '
-  };
-}

package/es/ToastMessage/docs/ToastMessage__secondary.docs.js

@@ -1,37 +0,0 @@
-import React, { Component } from 'react';
-import ToastMessage from '../ToastMessage';
-import style from '@zohodesk/components/lib/common/docStyle.module.css';
-export default class ToastMessage__secondary extends Component {
-  render() {
-    return /*#__PURE__*/React.createElement("div", {
-      className: style.m50
-    }, /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      type: "secondary",
-      subject: "Screen Notification",
-      info: "There is a few changes occurred in this ticket",
-      submitText: "View changes",
-      needClose: true,
-      iconSize: "35",
-      iconName: "ZD-update"
-    })), /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      type: "secondary",
-      iconName: "ZD-exclamationNew",
-      subject: "Log Notification",
-      info: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,",
-      cancelText: "Not now",
-      iconSize: "40"
-    })));
-  }
-
-}
-
-if (false) {
-  ToastMessage__secondary.docs = {
-    componentGroup: 'Atom',
-    description: ' '
-  };
-}

package/es/ToastMessage/docs/ToastMessage__success.docs.js

@@ -1,61 +0,0 @@
-import React, { Component } from 'react';
-import ToastMessage from '../ToastMessage';
-import style from '@zohodesk/components/lib/common/docStyle.module.css';
-export default class ToastMessage__success extends Component {
-  render() {
-    return /*#__PURE__*/React.createElement("div", {
-      className: style.m50
-    }, /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      type: "success",
-      subject: "Screen Notification",
-      info: "There is a few changes occurred in this ticket",
-      submitText: "details",
-      iconSize: "12",
-      iconName: "ZD-ticknew",
-      iconPalette: "successFill"
-    })), /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      type: "success",
-      iconName: "ZD-exclamationNew",
-      subject: "Log Notification",
-      info: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,",
-      cancelText: "Not now",
-      iconSize: "16",
-      iconPalette: "dangerFill"
-    })), /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      type: "success",
-      iconName: "ZD-ticknew",
-      subject: "Log Notification",
-      info: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,",
-      submitText: "details",
-      cancelText: "Not now",
-      iconSize: "12",
-      iconPalette: "successFill"
-    })), /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      type: "success",
-      iconName: "ZD-ticknew",
-      subject: "Log Notification",
-      info: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,",
-      submitText: "details",
-      cancelText: "Not now",
-      iconSize: "12",
-      iconPalette: "successFill",
-      submitType: "danger"
-    })));
-  }
-
-}
-
-if (false) {
-  ToastMessage__success.docs = {
-    componentGroup: 'Atom',
-    description: ' '
-  };
-}

package/es/Upload/docs/Upload__default.docs.js

@@ -1,61 +0,0 @@
-import React from 'react';
-import Upload from '../Upload';
-export default class Upload__default extends React.Component {
-  render() {
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Upload, {
-      fileSize: "31.5 KB",
-      tooltip: "Attachment",
-      iconName: "ZD-filePicture",
-      onRemove: () => {}
-    }), /*#__PURE__*/React.createElement(Upload, {
-      fileSize: "31.5 KB",
-      tooltip: "Attachment",
-      iconName: "ZD-filePicture",
-      onRemove: () => {}
-    }), /*#__PURE__*/React.createElement(Upload, {
-      fileSize: "31.5 KB",
-      tooltip: "isPreview",
-      iconName: "ZD-filePicture",
-      onRemove: () => {},
-      isPreview: true
-    }), /*#__PURE__*/React.createElement(Upload, {
-      isAudio: true,
-      onRemove: () => {},
-      fileSize: "31.5 KB",
-      iconName: "ZD-filePicture"
-    }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Upload, {
-      fileSize: "31.5 KB",
-      tooltip: "Attachment",
-      iconName: "ZD-filePicture",
-      onRemove: () => {},
-      size: "small"
-    }), /*#__PURE__*/React.createElement(Upload, {
-      fileSize: "31.5 KB",
-      tooltip: "Attachment",
-      iconName: "ZD-filePicture",
-      onRemove: () => {},
-      size: "small"
-    }), /*#__PURE__*/React.createElement(Upload, {
-      fileSize: "31.5 KB",
-      tooltip: "isPreview",
-      iconName: "ZD-filePicture",
-      onRemove: () => {},
-      isPreview: true,
-      size: "small"
-    }), /*#__PURE__*/React.createElement(Upload, {
-      fileSize: "31.5 KB",
-      tooltip: "Attachment",
-      iconName: "ZD-filePicture",
-      isAudio: true,
-      onRemove: () => {},
-      size: "small"
-    }));
-  }
-
-}
-
-if (false) {
-  Upload__default.docs = {
-    componentGroup: 'Upload'
-  };
-}

package/es/alert/AlertHeader/docs/AlertHeader__default.docs.js

@@ -1,63 +0,0 @@
-import React, { Component } from 'react';
-import AlertHeader from '../AlertHeader';
-export default class AlertHeader__default extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AlertHeader, {
-      title: "Delete",
-      palette: "danger",
-      iconType: "alert",
-      onClose: () => {
-        console.log('On Lookup Close');
-      },
-      closeTitle: "Close Lookup"
-    }), /*#__PURE__*/React.createElement(AlertHeader, {
-      title: "Delete",
-      palette: "primary",
-      iconType: "delete",
-      onClose: () => {
-        console.log('On Lookup Close');
-      }
-    }), /*#__PURE__*/React.createElement(AlertHeader, {
-      title: "Delete",
-      palette: "default",
-      iconType: "remoteAssist",
-      onClose: () => {
-        console.log('On Lookup Close');
-      }
-    }), /*#__PURE__*/React.createElement(AlertHeader, {
-      title: "Delete",
-      palette: "danger",
-      iconType: "splitTicket",
-      onClose: () => {
-        console.log('On Lookup Close');
-      }
-    }), /*#__PURE__*/React.createElement(AlertHeader, {
-      title: "Delete",
-      palette: "primary",
-      iconType: "update",
-      onClose: () => {
-        console.log('On Lookup Close');
-      }
-    }), /*#__PURE__*/React.createElement(AlertHeader, {
-      title: "Delete",
-      onClose: () => {
-        console.log('On Lookup Close');
-      },
-      palette: "default",
-      iconType: "addEndUser",
-      iconSize: "14"
-    }, "[SecondaryName]"));
-  }
-
-}
-
-if (false) {
-  AlertHeader__default.docs = {
-    componentGroup: 'AlertHeader',
-    folderName: 'Alert'
-  };
-}