@zohodesk/dot 1.0.0-beta.22 → 1.0.0-beta.220

package/es/setup/table/Table/docs/Table__default.docs.js

@@ -1,193 +0,0 @@
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
-import React from 'react';
-import Table from '../Table';
-import TableHead from '../../TableHead/TableHead';
-import TableData from '../../TableData/TableData';
-import TableBody from '../../TableBody/TableBody';
-import TableRow from '../../TableRow/TableRow';
-import Text from '../../Text/Text';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
-import hoverCss from '../../TableData/hover.css';
-
-var Table__default = function (_React$Component) {
-  _inherits(Table__default, _React$Component);
-
-  function Table__default(props) {
-    _classCallCheck(this, Table__default);
-
-    var _this = _possibleConstructorReturn(this, (Table__default.__proto__ || _Object$getPrototypeOf(Table__default)).call(this, props));
-
-    _this.over = _this.over.bind(_this);
-    _this.out = _this.out.bind(_this);
-    return _this;
-  }
-
-  _createClass(Table__default, [{
-    key: 'over',
-    value: function over() {
-      console.log('over');
-    }
-  }, {
-    key: 'out',
-    value: function out() {
-      console.log('out');
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      return React.createElement(
-        Table,
-        null,
-        React.createElement(
-          TableHead,
-          null,
-          React.createElement(
-            TableData,
-            { flexible: true, shrink: true, type: 'size150' },
-            React.createElement(Text, { type: 'heading', text: 'header1' })
-          ),
-          React.createElement(
-            TableData,
-            { flexible: true, shrink: true, type: 'size150' },
-            React.createElement(Text, { type: 'heading', text: 'header2' })
-          ),
-          React.createElement(
-            TableData,
-            { flexible: true, shrink: true, type: 'size150' },
-            React.createElement(Text, { type: 'heading', text: 'header3' })
-          ),
-          React.createElement(
-            TableData,
-            { flexible: true, shrink: true, type: 'size150', align: 'center' },
-            React.createElement(Text, { type: 'heading', text: 'header4' })
-          )
-        ),
-        React.createElement(
-          TableBody,
-          null,
-          React.createElement(
-            TableRow,
-            { onMouseEnter: this.over, onMouseLeave: this.out },
-            React.createElement(
-              TableData,
-              { flexible: true, shrink: true, type: 'size150' },
-              React.createElement(Text, { text: 'Data1' })
-            ),
-            React.createElement(
-              TableData,
-              { flexible: true, shrink: true, type: 'size150' },
-              React.createElement(Text, { type: 'semiBold', text: 'Data2' })
-            ),
-            React.createElement(
-              TableData,
-              { flexible: true, shrink: true, type: 'size150' },
-              React.createElement(
-                Container,
-                { alignBox: 'row' },
-                React.createElement(
-                  Box,
-                  { shrink: 'true' },
-                  React.createElement(Text, { text: 'Not Verified - ' })
-                ),
-                React.createElement(
-                  Box,
-                  { style: { 'margin-left': '4px' } },
-                  React.createElement(Text, { text: ' Verify', type: 'primary' })
-                )
-              )
-            ),
-            React.createElement(
-              TableData,
-              { flexible: true, shrink: true, type: 'size150', align: 'center' },
-              React.createElement(Text, { text: 'Data4' })
-            )
-          ),
-          React.createElement(
-            TableRow,
-            null,
-            React.createElement(
-              TableData,
-              { flexible: true, shrink: true, type: 'size150' },
-              React.createElement(Text, { text: 'Data1' })
-            ),
-            React.createElement(
-              TableData,
-              { flexible: true, shrink: true, type: 'size150' },
-              React.createElement(Text, { type: 'semiBold', text: 'Data2' })
-            ),
-            React.createElement(
-              TableData,
-              { flexible: true, shrink: true, type: 'size150' },
-              React.createElement(Text, { style: { 'margin-left': '4px' }, text: '-' })
-            ),
-            React.createElement(
-              TableData,
-              { flexible: true, shrink: true, type: 'size150', align: 'center' },
-              React.createElement(Text, { text: 'Data4' })
-            )
-          ),
-          React.createElement(
-            TableRow,
-            { className: '' + hoverCss.container },
-            React.createElement(
-              TableData,
-              { flexible: true, shrink: true, type: 'size150' },
-              React.createElement(Text, { text: 'Data1' })
-            ),
-            React.createElement(
-              TableData,
-              { flexible: true, shrink: true, type: 'size150' },
-              React.createElement(Text, { type: 'semiBold', text: 'Data2' })
-            ),
-            React.createElement(
-              TableData,
-              { flexible: true, shrink: true, type: 'size150' },
-              React.createElement(
-                Container,
-                { alignBox: 'row' },
-                React.createElement(
-                  Box,
-                  { shrink: 'true' },
-                  React.createElement(Text, { text: 'verified' })
-                ),
-                React.createElement(
-                  Box,
-                  { shrink: 'true', style: { 'margin-left': '4px' } },
-                  React.createElement(Text, { text: ' - ' })
-                ),
-                React.createElement(
-                  Box,
-                  {
-                    className: hoverCss.opac0,
-                    style: { 'margin-left': '4px' }
-                  },
-                  React.createElement(Text, { text: ' Details', palette: 'primary' })
-                )
-              )
-            ),
-            React.createElement(
-              TableData,
-              { flexible: true, shrink: true, type: 'size150', align: 'center' },
-              React.createElement(Text, { text: 'Data4' })
-            )
-          )
-        )
-      );
-    }
-  }]);
-
-  return Table__default;
-}(React.Component);
-
-export default Table__default;
-
-if (false) {
-  Table__default.docs = {
-    componentGroup: 'Table',
-    folderName: 'Setup'
-  };
-}

package/es/setup/table/Text/Text.css

@@ -1,37 +0,0 @@
-.bold {
-  composes: bold from '~@zohodesk/components/lib/common/common.module.css';
-}
-.semiBold {
-  composes: semibold from '~@zohodesk/components/lib/common/common.module.css';
-}
-.primaryColor {
-  color: var(--zd_text_primary);
-}
-.defaultColor {
-  color: var(--zd_text_dark);
-}
-.greenColor {
-  color: var(--zd_text_olive10);
-}
-.dangerColor {
-  color: var(--dot_text_brightRed);
-}
-.small {
-  font-size: var(--zd_size13);
-  max-width: 100%;
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
-}
-.medium {
-  font-size: var(--zd_size14);
-  max-width: 100%;
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
-}
-.heading {
-  text-transform: uppercase;
-  color: var(--zd_text_dark5);
-  vertical-align: middle;
-  composes: small;
-}
-.isClickable {
-  cursor: pointer;
-}

package/es/setup/table/Text/docs/Text__default.docs.js

@@ -1,69 +0,0 @@
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
-import React from 'react';
-import Text from '../Text';
-
-var Text__default = function (_React$Component) {
-  _inherits(Text__default, _React$Component);
-
-  function Text__default() {
-    _classCallCheck(this, Text__default);
-
-    return _possibleConstructorReturn(this, (Text__default.__proto__ || _Object$getPrototypeOf(Text__default)).apply(this, arguments));
-  }
-
-  _createClass(Text__default, [{
-    key: 'render',
-    value: function render() {
-      return React.createElement(
-        'div',
-        null,
-        React.createElement(
-          'div',
-          null,
-          React.createElement(Text, { text: 'Default Text' })
-        ),
-        React.createElement(
-          'div',
-          null,
-          React.createElement(Text, { text: 'bold', type: 'bold', url: '#', palette: 'primary' })
-        ),
-        React.createElement(
-          'div',
-          null,
-          React.createElement(Text, {
-            text: 'semiBold',
-            type: 'semiBold',
-            palette: 'primary',
-            url: '#'
-          })
-        ),
-        React.createElement(
-          'div',
-          null,
-          React.createElement(Text, { text: 'link Regular', palette: 'primary', url: '#' })
-        ),
-        React.createElement(
-          'div',
-          null,
-          React.createElement(Text, { text: 'Medium Text', size: 'medium', onClick: 'dummy()' })
-        )
-      );
-    }
-  }]);
-
-  return Text__default;
-}(React.Component);
-
-export default Text__default;
-
-
-if (false) {
-  Text__default.docs = {
-    componentGroup: 'Text',
-    folderName: 'Setup'
-  };
-}

package/es/svg/docs/SVG__default.docs.js

@@ -1,87 +0,0 @@
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
-import React from 'react';
-import PlusIcon from '../PlusIcon';
-import SnippetIcon from '../SnippetIcon';
-import TemplateIcon from '../TemplateIcon';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
-
-var SVG__default = function (_React$Component) {
-  _inherits(SVG__default, _React$Component);
-
-  function SVG__default() {
-    _classCallCheck(this, SVG__default);
-
-    return _possibleConstructorReturn(this, (SVG__default.__proto__ || _Object$getPrototypeOf(SVG__default)).apply(this, arguments));
-  }
-
-  _createClass(SVG__default, [{
-    key: 'render',
-    value: function render() {
-      var boxStyle = {
-        minWidth: '15%',
-        border: '1px solid #dcdcdc',
-        padding: '5px',
-        margin: '5px'
-      };
-      var textStyle = {
-        textAlign: 'center',
-        padding: '10px 0',
-        background: ' #f9f9f9',
-        marginTop: '10px',
-        color: '#000'
-      };
-      return React.createElement(
-        React.Fragment,
-        null,
-        React.createElement(
-          Container,
-          { alignBox: 'row', align: 'both', wrap: 'wrap' },
-          React.createElement(
-            Box,
-            { flexible: true, style: boxStyle },
-            React.createElement(PlusIcon, null),
-            React.createElement(
-              'div',
-              { style: textStyle },
-              'PlusIcon'
-            )
-          ),
-          React.createElement(
-            Box,
-            { flexible: true, style: boxStyle },
-            React.createElement(SnippetIcon, null),
-            React.createElement(
-              'div',
-              { style: textStyle },
-              'SnippetIcon'
-            )
-          ),
-          React.createElement(
-            Box,
-            { flexible: true, style: boxStyle },
-            React.createElement(TemplateIcon, null),
-            React.createElement(
-              'div',
-              { style: textStyle },
-              'TemplateIcon'
-            )
-          )
-        )
-      );
-    }
-  }]);
-
-  return SVG__default;
-}(React.Component);
-
-export default SVG__default;
-
-if (false) {
-  SVG__default.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/es/utils/Ticket.js

@@ -1,3 +0,0 @@
-export var getPriorityColor = function getPriorityColor(priority) {
-  return priority === 'High' ? 'red' : priority === 'Medium' ? 'orange' : priority === 'Low' ? 'green' : priority ? 'black' : 'gray';
-};

package/lib/ChannelIcon/docs/ChannelIcon__default.docs.js

@@ -1,114 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _ChannelIcon = require('../ChannelIcon');
-
-var _ChannelIcon2 = _interopRequireDefault(_ChannelIcon);
-
-var _ChannelIconMapping = require('../../utils/ChannelIconMapping');
-
-var _Layout = require('@zohodesk/components/lib/Layout');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
-var ChannelIcon__default = function (_Component) {
-  _inherits(ChannelIcon__default, _Component);
-
-  function ChannelIcon__default(props) {
-    _classCallCheck(this, ChannelIcon__default);
-
-    return _possibleConstructorReturn(this, (ChannelIcon__default.__proto__ || Object.getPrototypeOf(ChannelIcon__default)).call(this, props));
-  }
-
-  _createClass(ChannelIcon__default, [{
-    key: 'render',
-    value: function render() {
-      var boxStyle = {},
-          style = {
-        border: '1px solid #c3c1c1',
-        padding: '10px',
-        margin: '1px 10px',
-        textAlign: 'center'
-      },
-          titleStyle = {
-        'font-size': '13px',
-        'padding-bottom': '5px',
-        'border-bottom': '1px solid #c3c1c1',
-        margin: '10px 0 5px',
-        textAlign: 'center'
-      };
-      var channels = (0, _ChannelIconMapping.getChannelMappingObj)();
-      return _react2.default.createElement(
-        _Layout.Container,
-        null,
-        Object.keys(channels).map(function (item, i) {
-          return _react2.default.createElement(
-            _Layout.Box,
-            { key: i, scroll: 'none', style: { padding: '5px' } },
-            _react2.default.createElement(
-              'p',
-              { style: titleStyle },
-              item
-            ),
-            _react2.default.createElement(
-              _Layout.Container,
-              {
-                alignBox: 'row',
-                align: 'vertical',
-                isCover: false,
-                wrap: 'wrap'
-              },
-              Object.keys(channels[item]).map(function (channel, j) {
-                return _react2.default.createElement(
-                  _Layout.Box,
-                  { flexible: true, style: style, key: j },
-                  _react2.default.createElement(
-                    'h6',
-                    null,
-                    channel
-                  ),
-                  _react2.default.createElement(
-                    'div',
-                    null,
-                    _react2.default.createElement(_ChannelIcon2.default, {
-                      name: item,
-                      action: channel,
-                      iconSize: '21',
-                      size: 'medium'
-                    })
-                  )
-                );
-              })
-            )
-          );
-        }),
-        _react2.default.createElement('br', null)
-      );
-    }
-  }]);
-
-  return ChannelIcon__default;
-}(_react.Component);
-
-exports.default = ChannelIcon__default;
-
-if (false) {
-  ChannelIcon__default.docs = {
-    componentGroup: 'Atom'
-  };
-}

package/lib/Drawer/docs/Drawer__default.docs.js

@@ -1,95 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _Drawer = require('../Drawer');
-
-var _Drawer2 = _interopRequireDefault(_Drawer);
-
-var _Button = require('@zohodesk/components/lib/Button/Button');
-
-var _Button2 = _interopRequireDefault(_Button);
-
-var _DrawerModule = require('../Drawer.module.css');
-
-var _DrawerModule2 = _interopRequireDefault(_DrawerModule);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
-var Drawer__default = function (_React$Component) {
-  _inherits(Drawer__default, _React$Component);
-
-  function Drawer__default(props) {
-    _classCallCheck(this, Drawer__default);
-
-    var _this = _possibleConstructorReturn(this, (Drawer__default.__proto__ || Object.getPrototypeOf(Drawer__default)).call(this, props));
-
-    _this.state = {
-      isActive: true
-    };
-
-    _this.onClose = _this.onClose.bind(_this);
-    return _this;
-  }
-
-  _createClass(Drawer__default, [{
-    key: 'onClose',
-    value: function onClose() {
-      this.setState({
-        isActive: false
-      });
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      var isActive = this.state.isActive;
-
-      return _react2.default.createElement(
-        _Drawer2.default,
-        { isActive: isActive, needFreeze: true, paddingSize: 'small' },
-        _react2.default.createElement(_Drawer.Header, {
-          title: 'Add Component',
-          onClose: this.onClose,
-          iconName: 'zdDuetimeQueueNew',
-          iconSize: '15'
-        }),
-        _react2.default.createElement(
-          _Drawer.Content,
-          { className: _DrawerModule2.default.headerTest },
-          'Content'
-        ),
-        _react2.default.createElement(
-          _Drawer.Footer,
-          null,
-          _react2.default.createElement(_Button2.default, { text: 'Save', palette: 'primaryFilled' }),
-          _react2.default.createElement(_Button2.default, { text: 'Cancel', palette: 'secondary' })
-        )
-      );
-    }
-  }]);
-
-  return Drawer__default;
-}(_react2.default.Component);
-
-exports.default = Drawer__default;
-
-if (false) {
-  Drawer__default.docs = {
-    componentGroup: 'Template',
-    folderName: 'Style Guide'
-  };
-}

package/lib/Drawer/docs/Drawer__noFreeze.docs.js

@@ -1,59 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _Drawer = require('../Drawer');
-
-var _Drawer2 = _interopRequireDefault(_Drawer);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
-var Drawer__noFreeze = function (_React$Component) {
-  _inherits(Drawer__noFreeze, _React$Component);
-
-  function Drawer__noFreeze(props) {
-    _classCallCheck(this, Drawer__noFreeze);
-
-    return _possibleConstructorReturn(this, (Drawer__noFreeze.__proto__ || Object.getPrototypeOf(Drawer__noFreeze)).call(this, props));
-  }
-
-  _createClass(Drawer__noFreeze, [{
-    key: 'render',
-    value: function render() {
-      return _react2.default.createElement(
-        _Drawer2.default,
-        { isActive: true },
-        _react2.default.createElement(
-          'div',
-          null,
-          'Children'
-        )
-      );
-    }
-  }]);
-
-  return Drawer__noFreeze;
-}(_react2.default.Component);
-
-exports.default = Drawer__noFreeze;
-
-if (false) {
-  Drawer__noFreeze.docs = {
-    componentGroup: 'Template',
-    folderName: 'Style Guide'
-  };
-}