@zohodesk/dot 1.0.0-beta.226 → 1.0.0-beta.227

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

@@ -0,0 +1,22 @@
+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

@@ -0,0 +1,22 @@
+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

@@ -0,0 +1,36 @@
+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

@@ -0,0 +1,23 @@
+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

@@ -0,0 +1,55 @@
+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

@@ -0,0 +1,88 @@
+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

@@ -0,0 +1,62 @@
+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

@@ -0,0 +1,16 @@
+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

@@ -0,0 +1,92 @@
+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

@@ -0,0 +1,54 @@
+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

@@ -0,0 +1,125 @@
+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

@@ -0,0 +1,37 @@
+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: ' '
+  };
+}