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

package/es/FlipCard/docs/FlipCard__default.docs.js

@@ -1,66 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import FlipCard from '../FlipCard';
-export default class FlipCard__default extends Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      isChecked: false
-    };
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(FlipCard, {
-      channel: "email",
-      action: "incoming",
-      id: "test1",
-      onChange: (id, checked) => {
-        this.setState({
-          isChecked: checked
-        });
-      },
-      noNeedFlip: true,
-      isChecked: this.state.isChecked,
-      size: "xmedium"
-    })), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(FlipCard, {
-      id: "test2",
-      name: "phone",
-      onChange: (id, checked) => {
-        this.setState({
-          isChecked: checked
-        });
-      },
-      isChecked: this.state.isChecked,
-      size: "xmedium"
-    })), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(FlipCard, {
-      id: "test3",
-      name: "EL",
-      isPaidUser: true,
-      onChange: (id, checked) => {
-        this.setState({
-          isChecked: checked
-        });
-      },
-      isChecked: this.state.isChecked,
-      size: "xmedium"
-    })), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(FlipCard, {
-      id: "test4",
-      name: "BK",
-      isPortalUser: true,
-      onChange: (id, checked) => {
-        this.setState({
-          isChecked: checked
-        });
-      },
-      isChecked: this.state.isChecked,
-      size: "xmedium"
-    })));
-  }
-
-}
-
-if (false) {
-  FlipCard__default.docs = {
-    componentGroup: 'Molecule'
-  };
-}

package/es/FormAction/docs/FormAction__default.docs.js

@@ -1,72 +0,0 @@
-import React, { Component } from 'react';
-import Button from '@zohodesk/components/lib/Button/Button';
-import Icon from '@zohodesk/icons/lib/Icon';
-import FormAction, { LeftSide, RightSide, Center } from '../FormAction';
-export default class FormAction__default extends Component {
-  render() {
-    return /*#__PURE__*/React.createElement("div", {
-      style: {
-        marginTop: '20px'
-      }
-    }, /*#__PURE__*/React.createElement(FormAction, null, /*#__PURE__*/React.createElement(LeftSide, null, /*#__PURE__*/React.createElement("p", null, "Left"))), /*#__PURE__*/React.createElement(FormAction, {
-      size: "medium"
-    }, /*#__PURE__*/React.createElement(RightSide, null, /*#__PURE__*/React.createElement("p", null, "Right"))), /*#__PURE__*/React.createElement(FormAction, {
-      size: "large"
-    }, /*#__PURE__*/React.createElement(LeftSide, null, /*#__PURE__*/React.createElement("p", null, "Left")), /*#__PURE__*/React.createElement(RightSide, null, /*#__PURE__*/React.createElement("p", null, "Right"))), /*#__PURE__*/React.createElement(FormAction, {
-      size: "small"
-    }, /*#__PURE__*/React.createElement(Center, null, /*#__PURE__*/React.createElement("p", null, "Center"))), /*#__PURE__*/React.createElement(FormAction, {
-      size: "large"
-    }, /*#__PURE__*/React.createElement(LeftSide, null, /*#__PURE__*/React.createElement(Button, {
-      text: "primary",
-      palette: "primary"
-    }), /*#__PURE__*/React.createElement(Button, {
-      text: "primaryFilled",
-      palette: "primaryFilled"
-    })), /*#__PURE__*/React.createElement(RightSide, null, /*#__PURE__*/React.createElement("p", null, "Large"))), /*#__PURE__*/React.createElement(FormAction, {
-      size: "medium"
-    }, /*#__PURE__*/React.createElement(LeftSide, null, /*#__PURE__*/React.createElement(Button, {
-      text: "primary",
-      palette: "primary"
-    }), /*#__PURE__*/React.createElement(Button, {
-      text: "primaryFilled",
-      palette: "primaryFilled"
-    })), /*#__PURE__*/React.createElement(RightSide, null, /*#__PURE__*/React.createElement("p", null, "Medium"))), /*#__PURE__*/React.createElement(FormAction, {
-      size: "medium",
-      paddingLeftSize: "xmedium"
-    }, /*#__PURE__*/React.createElement(LeftSide, null, /*#__PURE__*/React.createElement(Button, {
-      text: "primary",
-      palette: "primary"
-    }), /*#__PURE__*/React.createElement(Button, {
-      text: "primaryFilled",
-      palette: "primaryFilled"
-    })), /*#__PURE__*/React.createElement(RightSide, null, /*#__PURE__*/React.createElement("p", null, "XMedium"))), /*#__PURE__*/React.createElement(FormAction, {
-      size: "small"
-    }, /*#__PURE__*/React.createElement(LeftSide, null, /*#__PURE__*/React.createElement(Button, {
-      text: "primary",
-      palette: "primary",
-      size: "small"
-    }), /*#__PURE__*/React.createElement(Button, {
-      text: "primaryFilled",
-      palette: "primaryFilled",
-      size: "small"
-    })), /*#__PURE__*/React.createElement(RightSide, null, /*#__PURE__*/React.createElement("p", null, "Small"))), /*#__PURE__*/React.createElement(FormAction, {
-      size: "small",
-      paddingLeftSize: "xsmall"
-    }, /*#__PURE__*/React.createElement(LeftSide, null, /*#__PURE__*/React.createElement(Button, {
-      text: "primary",
-      palette: "primary",
-      size: "small"
-    }), /*#__PURE__*/React.createElement(Button, {
-      text: "primaryFilled",
-      palette: "primaryFilled",
-      size: "small"
-    })), /*#__PURE__*/React.createElement(RightSide, null, /*#__PURE__*/React.createElement("p", null, "XSmall"))));
-  }
-
-}
-
-if (false) {
-  FormAction__default.docs = {
-    componentGroup: 'Atom'
-  };
-}

package/es/FreezeLayer/docs/FreezeLayer__dark.docs.js

@@ -1,51 +0,0 @@
-import React, { Component } from 'react';
-import FreezeLayer from '../FreezeLayer';
-import Button from '@zohodesk/components/lib/Button/Button';
-export default class FreezeLayer__dark extends Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      view: false
-    };
-    this.toggle = this.toggle.bind(this);
-  }
-
-  toggle() {
-    this.setState({
-      view: !this.state.view
-    });
-  }
-
-  render() {
-    let {
-      view
-    } = this.state;
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
-      text: "Click to view FreezeLayer",
-      palette: "secondary",
-      onClick: this.toggle
-    }), /*#__PURE__*/React.createElement(FreezeLayer, {
-      align: "both",
-      palette: "dark",
-      isActive: view,
-      onClick: this.toggle,
-      animationName: "fade",
-      childAnimationName: "expand",
-      needAutoZindex: true
-    }, /*#__PURE__*/React.createElement("div", {
-      style: {
-        color: 'var(--dot_black)',
-        fontSize: '40px',
-        padding: '100px',
-        background: 'var(--dot_white)'
-      }
-    }, "Im children")));
-  }
-
-}
-
-if (false) {
-  FreezeLayer__dark.docs = {
-    componentGroup: 'Atom'
-  };
-}

package/es/FreezeLayer/docs/FreezeLayer__default.docs.js

@@ -1,48 +0,0 @@
-import React, { Component } from 'react';
-import FreezeLayer from '../FreezeLayer';
-import Button from '@zohodesk/components/lib/Button/Button';
-export default class FreezeLayer__default extends Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      view: false
-    };
-    this.toggle = this.toggle.bind(this);
-  }
-
-  toggle() {
-    this.setState({
-      view: !this.state.view
-    });
-  }
-
-  render() {
-    let {
-      view
-    } = this.state;
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
-      text: "Click to view FreezeLayer",
-      palette: "secondary",
-      onClick: this.toggle
-    }), /*#__PURE__*/React.createElement(FreezeLayer, {
-      align: "both",
-      isActive: view,
-      onClick: this.toggle,
-      animationName: "expand"
-    }, /*#__PURE__*/React.createElement("span", {
-      style: {
-        color: 'var(--dot_black)',
-        fontSize: '40px',
-        padding: '100px',
-        background: 'var(--dot_white)'
-      }
-    }, "Im children")));
-  }
-
-}
-
-if (false) {
-  FreezeLayer__default.docs = {
-    componentGroup: 'Atom'
-  };
-}

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