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

package/es/IconButton/docs/IconButton__default.docs.js

@@ -1,219 +0,0 @@
-import React, { Component } from 'react';
-import IconButton from '../IconButton';
-export default class IconButton__default extends Component {
-  render() {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-      style: {
-        margin: '10px'
-      }
-    }, /*#__PURE__*/React.createElement("h3", {
-      style: {
-        margin: '30px'
-      }
-    }, "isBold"), /*#__PURE__*/React.createElement("span", {
-      style: {
-        margin: '30px'
-      }
-    }, /*#__PURE__*/React.createElement(IconButton, {
-      iconSize: "12",
-      iconName: "ZD-commentNew",
-      palette: "primary",
-      isBold: true
-    })), /*#__PURE__*/React.createElement("span", {
-      style: {
-        margin: '30px'
-      }
-    }, /*#__PURE__*/React.createElement(IconButton, {
-      isBold: true,
-      iconSize: "12",
-      iconName: "ZD-more",
-      palette: "secondary"
-    })), /*#__PURE__*/React.createElement("span", {
-      style: {
-        margin: '30px'
-      }
-    }, /*#__PURE__*/React.createElement(IconButton, {
-      iconSize: "12",
-      iconName: "ZD-commentNew",
-      palette: "primaryFilled",
-      isBold: true
-    }))), /*#__PURE__*/React.createElement("div", {
-      style: {
-        margin: '10px'
-      }
-    }, /*#__PURE__*/React.createElement("h3", {
-      style: {
-        margin: '30px'
-      }
-    }, "Palette"), /*#__PURE__*/React.createElement("span", {
-      style: {
-        margin: '30px'
-      }
-    }, /*#__PURE__*/React.createElement(IconButton, {
-      iconSize: "12",
-      iconName: "ZD-commentNew",
-      palette: "primary",
-      onClick: () => {
-        console.log('click');
-      },
-      onMouseDown: () => {
-        console.log('Down');
-      },
-      onMouseOver: () => {
-        console.log('over');
-      }
-    })), /*#__PURE__*/React.createElement("span", {
-      style: {
-        margin: '30px'
-      }
-    }, /*#__PURE__*/React.createElement(IconButton, {
-      iconSize: "12",
-      iconName: "ZD-more"
-    })), /*#__PURE__*/React.createElement("span", {
-      style: {
-        margin: '30px'
-      }
-    }, /*#__PURE__*/React.createElement(IconButton, {
-      iconSize: "12",
-      iconName: "ZD-commentNew",
-      palette: "primaryFilled"
-    }))), /*#__PURE__*/React.createElement("div", {
-      style: {
-        margin: '10px'
-      }
-    }, /*#__PURE__*/React.createElement("h3", {
-      style: {
-        margin: '30px'
-      }
-    }, "isActive"), /*#__PURE__*/React.createElement("span", {
-      style: {
-        margin: '30px'
-      }
-    }, /*#__PURE__*/React.createElement(IconButton, {
-      iconSize: "12",
-      iconName: "ZD-commentNew",
-      palette: "primary",
-      isActive: true
-    })), /*#__PURE__*/React.createElement("span", {
-      style: {
-        margin: '30px'
-      }
-    }, /*#__PURE__*/React.createElement(IconButton, {
-      iconSize: "12",
-      iconName: "ZD-more",
-      isActive: true
-    })), /*#__PURE__*/React.createElement("span", {
-      style: {
-        margin: '30px'
-      }
-    }, /*#__PURE__*/React.createElement(IconButton, {
-      iconSize: "12",
-      iconName: "ZD-commentNew",
-      palette: "primaryFilled",
-      isActive: true
-    }))), /*#__PURE__*/React.createElement("div", {
-      style: {
-        margin: '10px'
-      }
-    }, /*#__PURE__*/React.createElement("h3", {
-      style: {
-        margin: '30px'
-      }
-    }, "Border On Hover"), /*#__PURE__*/React.createElement("span", {
-      style: {
-        margin: '30px'
-      }
-    }, /*#__PURE__*/React.createElement(IconButton, {
-      iconSize: "12",
-      iconName: "ZD-commentNew",
-      palette: "primary",
-      hoverType: "border"
-    })), /*#__PURE__*/React.createElement("span", {
-      style: {
-        margin: '30px'
-      }
-    }, /*#__PURE__*/React.createElement(IconButton, {
-      iconSize: "12",
-      iconName: "ZD-more",
-      hoverType: "border"
-    }))), /*#__PURE__*/React.createElement("div", {
-      style: {
-        margin: '10px'
-      }
-    }, /*#__PURE__*/React.createElement("h3", {
-      style: {
-        margin: '30px'
-      }
-    }, "isDisabled"), /*#__PURE__*/React.createElement("span", {
-      style: {
-        margin: '30px'
-      }
-    }, /*#__PURE__*/React.createElement(IconButton, {
-      iconSize: "12",
-      iconName: "ZD-commentNew",
-      palette: "primary",
-      isDisabled: true
-    })), /*#__PURE__*/React.createElement("span", {
-      style: {
-        margin: '30px'
-      }
-    }, /*#__PURE__*/React.createElement(IconButton, {
-      iconSize: "12",
-      iconName: "ZD-more",
-      isDisabled: true
-    })), /*#__PURE__*/React.createElement("span", {
-      style: {
-        margin: '30px'
-      }
-    }, /*#__PURE__*/React.createElement(IconButton, {
-      iconSize: "12",
-      iconName: "ZD-commentNew",
-      palette: "primaryFilled",
-      isDisabled: true
-    }))), /*#__PURE__*/React.createElement("div", {
-      style: {
-        margin: '10px'
-      }
-    }, /*#__PURE__*/React.createElement("h3", {
-      style: {
-        margin: '30px'
-      }
-    }, "Tooltip"), /*#__PURE__*/React.createElement("span", {
-      style: {
-        margin: '30px'
-      }
-    }, /*#__PURE__*/React.createElement(IconButton, {
-      iconSize: "12",
-      iconName: "ZD-commentNew",
-      palette: "primary",
-      isDisabled: true,
-      title: "primary"
-    })), /*#__PURE__*/React.createElement("span", {
-      style: {
-        margin: '30px'
-      }
-    }, /*#__PURE__*/React.createElement(IconButton, {
-      iconSize: "12",
-      iconName: "ZD-more",
-      isDisabled: true,
-      title: "default"
-    })), /*#__PURE__*/React.createElement("span", {
-      style: {
-        margin: '30px'
-      }
-    }, /*#__PURE__*/React.createElement(IconButton, {
-      iconSize: "12",
-      iconName: "ZD-commentNew",
-      palette: "primaryFilled",
-      isDisabled: true,
-      title: "primaryFilled"
-    }))));
-  }
-
-}
-
-if (false) {
-  IconButton__default.docs = {
-    componentGroup: 'Atom'
-  };
-}

package/es/Image/docs/Image__default.docs.js

@@ -1,22 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import Image from '../Image';
-export default class Image__default extends Component {
-  render() {
-    return /*#__PURE__*/React.createElement("div", {
-      style: {
-        height: '120px',
-        width: '120px'
-      }
-    }, /*#__PURE__*/React.createElement(Image, {
-      src: "https://hjemly.dk/wp-content/uploads/2016/05/facebook-default-no-profile-pic.jpg"
-    }));
-  }
-
-}
-
-if (false) {
-  Image__default.docs = {
-    componentGroup: 'Atom'
-  };
-}

package/es/ImportantNotes/docs/ImportantNotes__default.docs.js

@@ -1,22 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import ImportantNotes from '../ImportantNotes';
-export default class ImportantNotes__default extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement(ImportantNotes, {
-      text: "Forwarded threads are always marked as private regardless of this setting.Forwarded threads are always marked as private regardless of this setting.Forwarded threads are always marked as private regardless of this setting.Forwarded threads are always marked as private regardless of this setting.Forwarded threads are always marked as private regardless of this setting."
-    }, "Children");
-  }
-
-}
-
-if (false) {
-  ImportantNotes__default.docs = {
-    componentGroup: 'Common',
-    folderName: 'General'
-  };
-}

package/es/Link/docs/Link__default.docs.js

@@ -1,36 +0,0 @@
-import React, { Component } from 'react';
-import Link from '../Link';
-export default class Link__default extends React.Component {
-  constructor(props) {
-    super(props);
-    this.onCallBack = this.onCallBack.bind(this);
-    this.onConcertURL = this.onConcertURL.bind(this);
-  }
-
-  onCallBack(value) {
-    console.log(value);
-  }
-
-  onConcertURL(name, obj) {
-    console.log(name, obj, 'onConcertURL');
-  }
-
-  render() {
-    let style = {
-      width: '200px',
-      marginBottom: '20px',
-      display: 'block'
-    };
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
-      style: style
-    }, /*#__PURE__*/React.createElement(Link, {
-      href: null,
-      onClick: this.onConcertURL,
-      rel: "noopener noreferrer"
-    }, "Activities")));
-  }
-
-}
-Link__default.docs = {
-  componentGroup: 'Atom'
-};

package/es/Loader/docs/Loader__default.docs.js

@@ -1,23 +0,0 @@
-import React from 'react';
-import Loader from '../Loader';
-export default class Loader__default extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement("div", {
-      style: {
-        background: 'var(--dot_black)',
-        height: '40px'
-      }
-    }, /*#__PURE__*/React.createElement(Loader, null));
-  }
-
-}
-
-if (false) {
-  Loader__default.docs = {
-    componentGroup: 'Atom'
-  };
-}

package/es/Message/docs/Message__default.docs.js

@@ -1,55 +0,0 @@
-import React from 'react';
-import Message from '../Message';
-export default class Message__default extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    let style = {
-      position: 'relative',
-      height: '100px',
-      overflow: 'hidden'
-    };
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-      className: style.m20,
-      style: style
-    }, /*#__PURE__*/React.createElement(Message, {
-      type: "success",
-      message: "The status has been successfully updated",
-      showMessage: true,
-      hideMessage: () => {}
-    })), /*#__PURE__*/React.createElement("div", {
-      className: style.m20,
-      style: style
-    }, /*#__PURE__*/React.createElement(Message, {
-      type: "alert",
-      message: "The status has been successfully updated",
-      showMessage: true,
-      hideMessage: () => {}
-    })), /*#__PURE__*/React.createElement("div", {
-      className: style.m20,
-      style: style
-    }, /*#__PURE__*/React.createElement(Message, {
-      type: "info",
-      message: "The status has been successfully updated",
-      showMessage: true,
-      hideMessage: () => {}
-    })), /*#__PURE__*/React.createElement("div", {
-      className: style.m20,
-      style: style
-    }, /*#__PURE__*/React.createElement(Message, {
-      type: "info",
-      message: "The status has been successfully updated <h1>asdf</h1>",
-      showMessage: true,
-      hideMessage: () => {}
-    })));
-  }
-
-}
-
-if (false) {
-  Message__default.docs = {
-    componentGroup: 'Atom'
-  };
-}

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: ' '
-  };
-}