@zohodesk/dot 1.0.0-temp-65 → 1.0.0-temp-66

package/es/list/AvatarFlip/docs/AvatarFlip__default.docs.js

@@ -1,100 +0,0 @@
-import React, { Component } from 'react';
-import AvatarFlip from '../AvatarFlip';
-export default class AvatarFlip__default extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement("div", {
-      style: {
-        padding: '20px'
-      }
-    }, /*#__PURE__*/React.createElement("h2", {
-      style: {
-        marginBottom: '10px'
-      }
-    }, "Task Module Icon"), /*#__PURE__*/React.createElement("div", {
-      style: {
-        display: 'flex'
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      style: {
-        marginRight: '15px'
-      }
-    }, /*#__PURE__*/React.createElement(AvatarFlip, {
-      id: "taskIcon",
-      noNeedFlip: false,
-      size: "xmedium",
-      name: "email",
-      icon: "ZD-taskNone"
-    })), /*#__PURE__*/React.createElement("div", {
-      style: {
-        marginRight: '15px'
-      }
-    }, /*#__PURE__*/React.createElement(AvatarFlip, {
-      id: "taskMeeting",
-      noNeedFlip: false,
-      size: "xmedium",
-      name: "email",
-      icon: "ZD-taskMeeting"
-    })), /*#__PURE__*/React.createElement("div", {
-      style: {
-        marginRight: '15px'
-      }
-    }, /*#__PURE__*/React.createElement(AvatarFlip, {
-      id: "taskCall",
-      noNeedFlip: false,
-      size: "xmedium",
-      name: "email",
-      icon: "ZD-taskCall"
-    })), /*#__PURE__*/React.createElement("div", {
-      style: {
-        marginRight: '15px'
-      }
-    }, /*#__PURE__*/React.createElement(AvatarFlip, {
-      id: "taskDemo",
-      noNeedFlip: false,
-      size: "xmedium",
-      name: "email",
-      icon: "ZD-taskDemo"
-    }))), /*#__PURE__*/React.createElement("h2", {
-      style: {
-        marginBottom: '10px',
-        marginTop: '10px'
-      }
-    }, "Customers Module Icon"), /*#__PURE__*/React.createElement("div", {
-      style: {
-        display: 'flex'
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      style: {
-        marginRight: '15px'
-      }
-    }, /*#__PURE__*/React.createElement(AvatarFlip, {
-      id: "portalUser",
-      noNeedFlip: false,
-      size: "xmedium",
-      name: "Antro J",
-      isPortalUser: true
-    })), /*#__PURE__*/React.createElement("div", {
-      style: {
-        marginRight: '15px'
-      }
-    }, /*#__PURE__*/React.createElement(AvatarFlip, {
-      id: "paidUser",
-      noNeedFlip: false,
-      size: "xmedium",
-      name: "Antro J",
-      isPaidUser: true
-    }))));
-  }
-
-}
-
-if (false) {
-  AvatarFlip__default.docs = {
-    folderName: 'List',
-    componentGroup: 'AvatarFlip'
-  };
-}

package/es/list/BluePrintStatus/docs/BluePrintStatus__default.docs.js

@@ -1,19 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import BluePrintStatus from '../BluePrintStatus';
-export default class BluePrintStatus__default extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement(BluePrintStatus, null);
-  }
-
-}
-
-if (false) {
-  BluePrintStatus__default.docs = {
-    componentGroup: ''
-  };
-}

package/es/list/Comment/docs/Comment__default.docs.js

@@ -1,26 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import Comment from '../Comment';
-export default class Comment__default extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement("div", {
-      style: {
-        margin: '30px'
-      }
-    }, /*#__PURE__*/React.createElement(Comment, {
-      count: "2"
-    }));
-  }
-
-}
-
-if (false) {
-  Comment__default.docs = {
-    folderName: 'List',
-    componentGroup: 'Comment'
-  };
-}

package/es/list/DotNew/docs/DotNew__default.docs.js

@@ -1,20 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import DotNew from '../DotNew';
-export default class DotNew__default extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement(DotNew, null);
-  }
-
-}
-
-if (false) {
-  DotNew__default.docs = {
-    folderName: 'List',
-    componentGroup: 'DotNew'
-  };
-}

package/es/list/GridStencils/docs/GridStencils__default.docs.js

@@ -1,35 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import GridStencils from '../GridStencils';
-import style from '@zohodesk/components/lib/common/docStyle.module.css';
-export default class GridStencils__default extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("div", {
-      className: style.w350
-    }, /*#__PURE__*/React.createElement(GridStencils, {
-      lineBar: "Bar",
-      from: "leftPanel",
-      isThreeLayout: true
-    }), /*#__PURE__*/React.createElement(GridStencils, {
-      lineBar: "Bar"
-    }), /*#__PURE__*/React.createElement(GridStencils, {
-      lineBar: "Bar"
-    }), /*#__PURE__*/React.createElement(GridStencils, {
-      lineBar: "Bar"
-    }), /*#__PURE__*/React.createElement(GridStencils, {
-      lineBar: "Bar"
-    })));
-  }
-
-}
-
-if (false) {
-  GridStencils__default.docs = {
-    folderName: 'List',
-    componentGroup: 'GridStencils'
-  };
-}

package/es/list/Icons/docs/FloatingIcons__default.docs.js

@@ -1,24 +0,0 @@
-import React, { Component } from 'react';
-import FloatingIcons from '../FloatingIcons';
-import EditIcon from '../EditIcon';
-import DeleteIcon from '../DeleteIcon';
-import SmartIcon from '../SmartIcon';
-import ReadUnreadIcon from '../ReadUnreadIcon';
-export default class FloatingIcons__default extends Component {
-  render() {
-    return /*#__PURE__*/React.createElement(FloatingIcons, null, /*#__PURE__*/React.createElement(ReadUnreadIcon, {
-      isRead: true,
-      iconSize: "15"
-    }), /*#__PURE__*/React.createElement(ReadUnreadIcon, {
-      iconSize: "15"
-    }), /*#__PURE__*/React.createElement(EditIcon, null), /*#__PURE__*/React.createElement(DeleteIcon, null), /*#__PURE__*/React.createElement(SmartIcon, null));
-  }
-
-}
-
-if (false) {
-  FloatingIcons__default.docs = {
-    folderName: 'List',
-    componentGroup: 'FloatingIcons'
-  };
-}

package/es/list/ListLayout/docs/ListLayout__default.docs.js

@@ -1,60 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import ListLayout, { Column } from '../ListLayout';
-export default class ListLayout__default extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  generateFooter() {
-    return /*#__PURE__*/React.createElement("div", {
-      style: {
-        padding: '20px'
-      }
-    }, "Footer Area..!");
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h3", null, "We have to define at least 1 Column and maximum 3 column in ", /*#__PURE__*/React.createElement("b", null, "ListLayout"), " Component"), /*#__PURE__*/React.createElement("h4", null, "Variation1"), /*#__PURE__*/React.createElement(ListLayout, {
-      footer: this.generateFooter
-    }, /*#__PURE__*/React.createElement(Column, null, /*#__PURE__*/React.createElement("div", {
-      style: {
-        padding: '20px'
-      }
-    }, "Column One")), /*#__PURE__*/React.createElement(Column, {
-      flexible: true
-    }, /*#__PURE__*/React.createElement("div", {
-      style: {
-        padding: '20px'
-      }
-    }, "Column Two")), /*#__PURE__*/React.createElement(Column, null, /*#__PURE__*/React.createElement("div", {
-      style: {
-        padding: '20px'
-      }
-    }, "Column Three")), /*#__PURE__*/React.createElement(Column, null, /*#__PURE__*/React.createElement("div", {
-      style: {
-        padding: '20px'
-      }
-    }, "Column Four"))), /*#__PURE__*/React.createElement("h4", null, "Variation2"), /*#__PURE__*/React.createElement(ListLayout, {
-      needHover: true
-    }, /*#__PURE__*/React.createElement(Column, {
-      flexible: true
-    }, /*#__PURE__*/React.createElement("div", {
-      style: {
-        padding: '20px'
-      }
-    }, "Column One")), /*#__PURE__*/React.createElement(Column, null, /*#__PURE__*/React.createElement("div", {
-      style: {
-        padding: '20px'
-      }
-    }, "Column Two"))));
-  }
-
-}
-
-if (false) {
-  ListLayout__default.docs = {
-    folderName: 'List',
-    componentGroup: 'ListLayout'
-  };
-}

package/es/list/ListStencils/docs/ListStencils__default.docs.js

@@ -1,20 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import ListStencils from '../ListStencils';
-export default class ListStencils__default extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement(ListStencils, null);
-  }
-
-}
-
-if (false) {
-  ListStencils__default.docs = {
-    folderName: 'List',
-    componentGroup: 'ListStencils'
-  };
-}

package/es/list/SecondaryText/docs/ContactName__default.docs.js

@@ -1,23 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import ContactName from '../ContactName';
-export default class ContactName__default extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement(ContactName, {
-      text: "Antro Contact",
-      isPaidUser: true
-    });
-  }
-
-}
-
-if (false) {
-  ContactName__default.docs = {
-    folderName: 'List',
-    componentGroup: 'ContactName'
-  };
-}

package/es/list/SecondryPanel/docs/SecondryPanelDocs.module.css

@@ -1,37 +0,0 @@
-.layoutWrapper {
-  width: 100%;
-  margin-bottom: 20px;
-  padding: 10px;
-}
-
-.minilayoutContainer {
-  flex-direction: column;
-}
-.container {
-  background: gray;
-}
-.itemId {
-  composes: flexshrink from '~@zohodesk/components/lib/common/common.module.css';
-}
-.itemInner {
-  composes: dflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
-  max-width: var(--zd_size240);
-  font-size: 13px;
-  padding: 5px;
-  background: #fafafa;
-}
-.itemText {
-  composes: flexgrow flexshrink flexbasis from '~@zohodesk/components/lib/common/common.module.css';
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-.itemDot {
-  display: inline-block;
-  vertical-align: middle;
-  width: 3px;
-  height: 3px;
-  background-color: red;
-  border-radius: 50%;
-  margin: 0 10px;
-}

package/es/list/SecondryPanel/docs/SecondryPanel__default.docs.js

@@ -1,81 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import SecondryPanel, { SecondryPanelUL, SecondryPanelLI } from '../SecondryPanel';
-import style from './SecondryPanelDocs.module.css';
-import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
-export default class SecondryPanel__default extends Component {
-  constructor(props) {
-    super(props);
-    this.responsiveFunc = this.responsiveFunc.bind(this);
-  }
-
-  responsiveFunc(_ref) {
-    let {
-      mediaQueryOR
-    } = _ref;
-    return {
-      uptoTablet: mediaQueryOR([{
-        maxWidth: 640
-      }])
-    };
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement(ResponsiveReceiver, {
-      query: this.responsiveFunc
-    }, _ref2 => {
-      let {
-        uptoTablet
-      } = _ref2;
-      return /*#__PURE__*/React.createElement(SecondryPanel, {
-        className: style.layoutWrapper
-      }, /*#__PURE__*/React.createElement(SecondryPanelUL, {
-        className: `${uptoTablet ? style.minilayoutContainer : ''}`
-      }, /*#__PURE__*/React.createElement(SecondryPanelLI, null, /*#__PURE__*/React.createElement(SecondryPanelUL, {
-        className: style.container
-      }, /*#__PURE__*/React.createElement(SecondryPanelLI, {
-        className: `${style.itemId}`
-      }, /*#__PURE__*/React.createElement("span", {
-        className: style.itemInner
-      }, /*#__PURE__*/React.createElement("span", {
-        className: style.itemText
-      }, "#12303456789"), /*#__PURE__*/React.createElement("span", {
-        className: style.itemDot
-      }))), /*#__PURE__*/React.createElement(SecondryPanelLI, null, /*#__PURE__*/React.createElement("span", {
-        className: style.itemInner
-      }, /*#__PURE__*/React.createElement("span", {
-        className: style.itemText
-      }, "Nicole Hawkins"), /*#__PURE__*/React.createElement("span", {
-        className: style.itemDot
-      }))), /*#__PURE__*/React.createElement(SecondryPanelLI, null, /*#__PURE__*/React.createElement("span", {
-        className: style.itemInner
-      }, /*#__PURE__*/React.createElement("span", {
-        className: style.itemText
-      }, "Welcome to Diffchecker"), /*#__PURE__*/React.createElement("span", {
-        className: style.itemDot
-      }))))), /*#__PURE__*/React.createElement(SecondryPanelLI, null, /*#__PURE__*/React.createElement(SecondryPanelUL, {
-        className: style.container
-      }, /*#__PURE__*/React.createElement(SecondryPanelLI, null, /*#__PURE__*/React.createElement("span", {
-        className: style.itemInner
-      }, /*#__PURE__*/React.createElement("span", {
-        className: style.itemText
-      }, "28 Jun 2019"), /*#__PURE__*/React.createElement("span", {
-        className: style.itemDot
-      }))), /*#__PURE__*/React.createElement(SecondryPanelLI, null, /*#__PURE__*/React.createElement("span", {
-        className: style.itemInner
-      }, /*#__PURE__*/React.createElement("span", {
-        className: style.itemText
-      }, "28 May 2019 07:41 PM"), /*#__PURE__*/React.createElement("span", {
-        className: style.itemDot
-      })))))));
-    });
-  }
-
-}
-
-if (false) {
-  SecondryPanel__default.docs = {
-    folderName: 'List',
-    componentGroup: 'SecondaryLayout'
-  };
-}

package/es/list/SentimentStatus/docs/SentimentStatus__default.docs.js

@@ -1,19 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import SentimentStatus from '../SentimentStatus';
-export default class SentimentStatus__default extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement(SentimentStatus, null);
-  }
-
-}
-
-if (false) {
-  SentimentStatus__default.docs = {
-    componentGroup: ''
-  };
-}

package/es/list/Subject/docs/Subject__default.docs.js

@@ -1,44 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import Subject from '../Subject';
-export default class Subject__default extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement("div", {
-      style: {
-        margin: '10px'
-      }
-    }, /*#__PURE__*/React.createElement("div", null, "Font Variant"), /*#__PURE__*/React.createElement("div", {
-      style: {
-        margin: '10px'
-      }
-    }, /*#__PURE__*/React.createElement(Subject, {
-      text: "MacBook Pro - A touch of genius"
-    })), /*#__PURE__*/React.createElement("div", {
-      style: {
-        margin: '10px'
-      }
-    }, /*#__PURE__*/React.createElement(Subject, {
-      text: "MacBook Pro - A touch of genius",
-      fontWeight: "semibold"
-    })), /*#__PURE__*/React.createElement("div", {
-      style: {
-        margin: '10px'
-      }
-    }, /*#__PURE__*/React.createElement(Subject, {
-      text: "MacBook Pro - A touch of genius",
-      fontWeight: "bold"
-    })));
-  }
-
-}
-
-if (false) {
-  Subject__default.docs = {
-    folderName: 'List',
-    componentGroup: 'Subject'
-  };
-}

package/es/list/TagNew/docs/TagNew__default.docs.js

@@ -1,23 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import TagNew from '../TagNew';
-export default class TagNew__default extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement(TagNew, {
-      text: "3 New",
-      animate: true
-    });
-  }
-
-}
-
-if (false) {
-  TagNew__default.docs = {
-    folderName: 'List',
-    componentGroup: 'TagNew'
-  };
-}

package/es/list/Thread/docs/Thread__default.docs.js

@@ -1,22 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import Thread from '../Thread';
-export default class Thread__default extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement(Thread, {
-      count: "1"
-    });
-  }
-
-}
-
-if (false) {
-  Thread__default.docs = {
-    folderName: 'List',
-    componentGroup: 'Thread'
-  };
-}