@zohodesk/dot 1.0.0-temp-85 → 1.0.0-temp-88

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

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

@@ -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'
+  };
+}