@zohodesk/dot 1.0.0-temp-59 → 1.0.0-temp-62

package/es/form/fields/ValidationMessage/docs/ValidationMessage__default.docs.js

@@ -1,58 +0,0 @@
-import React from 'react';
-import ValidationMessage from '../ValidationMessage';
-export default class ValidationMessage__default extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ValidationMessage, {
-      text: "validation",
-      palette: "default",
-      size: "small",
-      type: "secondary",
-      tooltip: "Information"
-    }), /*#__PURE__*/React.createElement(ValidationMessage, {
-      text: "validation",
-      palette: "primary",
-      size: "small",
-      type: "secondary"
-    }), /*#__PURE__*/React.createElement(ValidationMessage, {
-      text: "validation",
-      palette: "secondary",
-      size: "small",
-      type: "secondary",
-      tooltip: "Information"
-    }), /*#__PURE__*/React.createElement(ValidationMessage, {
-      text: "validation",
-      palette: "danger",
-      size: "small",
-      type: "secondary"
-    }), /*#__PURE__*/React.createElement(ValidationMessage, {
-      text: "validation",
-      palette: "mandatory",
-      size: "small",
-      type: "secondary",
-      tooltip: "Information"
-    }), /*#__PURE__*/React.createElement(ValidationMessage, {
-      text: "validation",
-      palette: "dark",
-      size: "small",
-      type: "secondary"
-    }), /*#__PURE__*/React.createElement(ValidationMessage, {
-      text: "validation",
-      palette: "disable",
-      size: "small",
-      type: "secondary",
-      tooltip: "Information"
-    }));
-  }
-
-}
-
-if (false) {
-  ValidationMessage__default.docs = {
-    componentGroup: 'Form Fields',
-    folderName: 'Style Guide'
-  };
-}

package/es/form/layout/Field/docs/Field__default.docs.js

@@ -1,25 +0,0 @@
-import React, { Component } from 'react';
-import Field from '../Field';
-export default class Field__default extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement(Field, {
-      column: "two",
-      rowBreak: true
-    }, /*#__PURE__*/React.createElement("div", {
-      style: {
-        textAlign: 'center'
-      }
-    }, "Chidren"));
-  }
-
-}
-
-if (false) {
-  Field__default.docs = {
-    componentGroup: 'ModuleAddForm'
-  };
-}

package/es/form/layout/Section/docs/Section__default.docs.js

@@ -1,21 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import Section from '../Section';
-export default class Section__default extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement(Section, {
-      title: "SectionTitle"
-    }, /*#__PURE__*/React.createElement("div", null, "Section children"));
-  }
-
-}
-
-if (false) {
-  Section__default.docs = {
-    componentGroup: 'ModuleAddForm'
-  };
-}

package/es/layout/SetupDetailLayout/docs/SetupDetailLayout__default.docs.js

@@ -1,29 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { SetupDetailLayout, SetupHeader, SetupFooter, SetupContent } from '../';
-import FormAction from '../../../FormAction/FormAction';
-export default class SetupDetailLayout__default extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement(SetupDetailLayout, {
-      getHelpInfo: () => {},
-      needHelpInfo: true
-    }, /*#__PURE__*/React.createElement(SetupHeader, {
-      title: "Setup",
-      getLeftPlaceHolder: () => /*#__PURE__*/React.createElement("p", null, "setupLeft"),
-      getRightPlaceHolder: () => /*#__PURE__*/React.createElement("p", null, "setupRight")
-    }), /*#__PURE__*/React.createElement(SetupContent, null, /*#__PURE__*/React.createElement("span", null, "Content")), /*#__PURE__*/React.createElement(SetupFooter, null, /*#__PURE__*/React.createElement(FormAction, {
-      size: "large"
-    }, /*#__PURE__*/React.createElement("p", null, "Footer"))));
-  }
-
-}
-
-if (false) {
-  SetupDetailLayout__default.docs = {
-    componentGroup: 'Template'
-  };
-}

package/es/layout/SubtabLayout/docs/SubtabLayout__default.docs.js

@@ -1,67 +0,0 @@
-import React from 'react';
-import { SubtabLayout, SubtabHeader, SubtabContent, SubtabFooter } from '../';
-export default class SubtabLayout__default extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      needBorder: true,
-      needShadow: false
-    };
-    this.onScroll = this.onScroll.bind(this);
-    this.interval = null;
-  }
-
-  onScroll() {
-    this.setState({
-      needBorder: true,
-      needShadow: true
-    });
-    this.interval = null;
-    let intern = setTimeout(() => {
-      clearInterval(this.interval);
-      this.setState({
-        needBorder: true,
-        needShadow: false
-      });
-    }, 500);
-    this.interval = intern;
-  }
-
-  render() {
-    let boxStyle = {
-      padding: 'var(--zd_size21)'
-    };
-    let {
-      needShadow,
-      needBorder
-    } = this.state;
-    return /*#__PURE__*/React.createElement("div", {
-      style: {
-        height: '100vh',
-        width: '100%'
-      }
-    }, /*#__PURE__*/React.createElement(SubtabLayout, null, /*#__PURE__*/React.createElement(SubtabHeader, {
-      needShadow: needShadow,
-      needBorder: needBorder
-    }), /*#__PURE__*/React.createElement(SubtabContent, null, /*#__PURE__*/React.createElement("div", {
-      onScroll: this.onScroll,
-      style: {
-        height: '100%',
-        width: '100%'
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      style: boxStyle
-    }, "box 1"), /*#__PURE__*/React.createElement("div", {
-      style: boxStyle
-    }, "box 1"), /*#__PURE__*/React.createElement("div", {
-      style: boxStyle
-    }, "box 2"))), /*#__PURE__*/React.createElement(SubtabFooter, null, "Footer")));
-  }
-
-}
-
-if (false) {
-  SubtabLayout__default.docs = {
-    componentGroup: 'Template'
-  };
-}

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,77 +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({
-    mediaQueryOR
-  }) {
-    return {
-      uptoTablet: mediaQueryOR([{
-        maxWidth: 640
-      }])
-    };
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement(ResponsiveReceiver, {
-      query: this.responsiveFunc
-    }, ({
-      uptoTablet
-    }) => /*#__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: ''
-  };
-}