@zohodesk/dot 1.0.0-beta.21 → 1.0.0-beta.212

package/es/list/Icons/DeleteIcon.js

@@ -1,79 +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 PropTypes from 'prop-types';
-import style from './Icons.module.css';
-import { licensePermissionCheckHOC, RestrictionValidator } from '@zohodesk/permissions';
-import Icon from '@zohodesk/icons/lib/Icon';
-
-var DeleteComponent = function (_React$Component) {
-  _inherits(DeleteComponent, _React$Component);
-
-  function DeleteComponent() {
-    _classCallCheck(this, DeleteComponent);
-
-    return _possibleConstructorReturn(this, (DeleteComponent.__proto__ || _Object$getPrototypeOf(DeleteComponent)).apply(this, arguments));
-  }
-
-  _createClass(DeleteComponent, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          module = _props.module,
-          features = _props.features,
-          onClick = _props.onClick,
-          dataId = _props.dataId,
-          dataTitle = _props.dataTitle,
-          iconClass = _props.iconClass,
-          className = _props.className;
-
-      return React.createElement(
-        RestrictionValidator,
-        { module: module, features: features, action: 'delete' },
-        React.createElement(
-          'span',
-          {
-            onClick: onClick,
-            className: style.iconStyle + ' ' + style.redHover + ' ' + (className ? className : ''),
-            'data-id': dataId,
-            'data-title': dataTitle
-          },
-          React.createElement(Icon, { name: 'ZD-delete2', iconClass: iconClass })
-        )
-      );
-    }
-  }]);
-
-  return DeleteComponent;
-}(React.Component);
-
-export default DeleteComponent;
-
-DeleteComponent.propTypes = {
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  dataTitle: PropTypes.string,
-  features: PropTypes.array,
-  iconClass: PropTypes.string,
-  module: PropTypes.string,
-  onClick: PropTypes.func
-};
-function DeleteIcon(module) {
-  return licensePermissionCheckHOC({
-    component: {
-      license: '*',
-      permission: module + '_delete'
-    }
-  })(DeleteComponent);
-}
-
-export var TicketDeleteIcon = DeleteIcon('tickets');
-export var ContactDeleteIcon = DeleteIcon('contacts');
-export var TaskDeleteIcon = DeleteIcon('tasks');
-export var CallDeleteIcon = DeleteIcon('calls');
-export var EventDeleteIcon = DeleteIcon('events');
-export var AccountDeleteIcon = DeleteIcon('accounts');
-export var ProductDeleteIcon = DeleteIcon('products');

package/es/list/Icons/EditIcon.js

@@ -1,78 +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 PropTypes from 'prop-types';
-import style from './Icons.module.css';
-import { RestrictionValidator, licensePermissionCheckHOC } from '@zohodesk/permissions';
-import Icon from '@zohodesk/icons/lib/Icon';
-
-var EditComponent = function (_React$Component) {
-  _inherits(EditComponent, _React$Component);
-
-  function EditComponent() {
-    _classCallCheck(this, EditComponent);
-
-    return _possibleConstructorReturn(this, (EditComponent.__proto__ || _Object$getPrototypeOf(EditComponent)).apply(this, arguments));
-  }
-
-  _createClass(EditComponent, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          module = _props.module,
-          _props$features = _props.features,
-          features = _props$features === undefined ? [] : _props$features,
-          onClick = _props.onClick,
-          dataId = _props.dataId,
-          dataTitle = _props.dataTitle,
-          iconClass = _props.iconClass,
-          className = _props.className;
-
-      return React.createElement(
-        RestrictionValidator,
-        { module: module, features: features, action: 'edit' },
-        React.createElement(
-          'span',
-          {
-            onClick: onClick,
-            className: style.iconStyle + ' ' + style.blueHover + ' ' + (className ? className : ''),
-            'data-id': dataId,
-            'data-title': dataTitle
-          },
-          React.createElement(Icon, { name: 'ZD-pen2', iconClass: iconClass })
-        )
-      );
-    }
-  }]);
-
-  return EditComponent;
-}(React.Component);
-
-EditComponent.propTypes = {
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  dataTitle: PropTypes.string,
-  features: PropTypes.array,
-  iconClass: PropTypes.string,
-  module: PropTypes.string,
-  onClick: PropTypes.func
-};
-function EditIcon(module) {
-  return licensePermissionCheckHOC({
-    component: {
-      license: '*',
-      permission: module + '_edit'
-    }
-  })(EditComponent);
-}
-
-export var TicketEditIcon = EditIcon('tickets');
-export var ContactEditIcon = EditIcon('contacts');
-export var TaskEditIcon = EditIcon('tasks');
-export var CallEditIcon = EditIcon('calls');
-export var EventEditIcon = EditIcon('events');
-export var AccountEditIcon = EditIcon('accounts');
-export var ProductEditIcon = EditIcon('products');

package/es/list/Icons/FloatingIcons.js

@@ -1,58 +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, { Component } from 'react';
-import PropTypes from 'prop-types';
-import style from './Icons.module.css';
-
-var FloatingIcons = function (_Component) {
-  _inherits(FloatingIcons, _Component);
-
-  function FloatingIcons(props) {
-    _classCallCheck(this, FloatingIcons);
-
-    return _possibleConstructorReturn(this, (FloatingIcons.__proto__ || _Object$getPrototypeOf(FloatingIcons)).call(this, props));
-  }
-
-  _createClass(FloatingIcons, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          _props$children = _props.children,
-          children = _props$children === undefined ? [] : _props$children,
-          iconClass = _props.iconClass;
-
-      var icons = React.Children.toArray(children).filter(function (o) {
-        return o;
-      });
-
-      return React.createElement(
-        'span',
-        { className: '' + style.container },
-        icons.map(function (child) {
-          return React.cloneElement(child, { iconClass: iconClass });
-        })
-      );
-    }
-  }]);
-
-  return FloatingIcons;
-}(Component);
-
-export default FloatingIcons;
-
-FloatingIcons.propTypes = {
-  children: PropTypes.element,
-  iconClass: PropTypes.string
-};
-FloatingIcons.defaultProps = {
-  size: 'medium'
-};
-if (false) {
-  FloatingIcons.docs = {
-    folderName: 'List',
-    componentGroup: 'FloatingIcons'
-  };
-}

package/es/list/Icons/Icons.module.css

@@ -1,15 +0,0 @@
-.container,
-.iconStyle {
-  composes: inlineFlex from '../listCommon.module.css';
-}
-.iconStyle {
-  color: var(--dot_text_shuttleGrey);
-  padding: 0 var(--zd_size9);
-  cursor: pointer;
-}
-.blueHover:hover {
-  color: var(--dot_text_primary);
-}
-.redHover:hover {
-  color: var(--dot_text_brightRed);
-}

package/es/list/Icons/SmartIcon.js

@@ -1,47 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import style from './Icons.module.css';
-import { RestrictionValidator } from '@zohodesk/permissions';
-import Icon from '@zohodesk/icons/lib/Icon';
-
-var Smart = function Smart(_ref) {
-  var onClick = _ref.onClick,
-      dataId = _ref.dataId,
-      dataTitle = _ref.dataTitle,
-      iconClass = _ref.iconClass,
-      className = _ref.className;
-  return React.createElement(
-    'span',
-    {
-      onClick: onClick,
-      className: style.iconStyle + ' ' + style.blueHover + ' ' + (className ? className : ''),
-      'data-id': dataId,
-      'data-title': dataTitle
-    },
-    React.createElement(Icon, { name: 'ZD-smartviewIcon', iconClass: iconClass })
-  );
-};
-Smart.propTypes = {
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  dataTitle: PropTypes.string,
-  features: PropTypes.array,
-  iconClass: PropTypes.string,
-  module: PropTypes.string,
-  onClick: PropTypes.func
-};
-var SmartIcon = function SmartIcon(props) {
-  var module = props.module,
-      features = props.features;
-
-  return React.createElement(
-    RestrictionValidator,
-    { module: module, features: features, action: 'peek' },
-    React.createElement(Smart, props)
-  );
-};
-SmartIcon.propTypes = {
-  features: PropTypes.array,
-  module: PropTypes.string
-};
-export default SmartIcon;

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

@@ -1,56 +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, { Component } from 'react';
-import PropTypes from 'prop-types';
-import FloatingIcons from '../FloatingIcons';
-import { I18NProvider } from '@zohodesk/i18n';
-import { TicketEditIcon } from '../EditIcon';
-import { TicketDeleteIcon } from '../DeleteIcon';
-import SmartIcon from '../SmartIcon';
-
-var FloatingIcons__default = function (_Component) {
-  _inherits(FloatingIcons__default, _Component);
-
-  function FloatingIcons__default(props) {
-    _classCallCheck(this, FloatingIcons__default);
-
-    return _possibleConstructorReturn(this, (FloatingIcons__default.__proto__ || _Object$getPrototypeOf(FloatingIcons__default)).call(this, props));
-  }
-
-  _createClass(FloatingIcons__default, [{
-    key: 'render',
-    value: function render() {
-      var permission = {
-        tickets: {
-          edit: true,
-          delete: true
-        }
-      };
-      return React.createElement(
-        I18NProvider,
-        { permission: permission, license: {} },
-        React.createElement(
-          FloatingIcons,
-          null,
-          React.createElement(TicketEditIcon, null),
-          React.createElement(TicketDeleteIcon, null),
-          React.createElement(SmartIcon, null)
-        )
-      );
-    }
-  }]);
-
-  return FloatingIcons__default;
-}(Component);
-
-export default FloatingIcons__default;
-
-if (false) {
-  FloatingIcons__default.docs = {
-    folderName: 'List',
-    componentGroup: 'FloatingIcons'
-  };
-}

package/es/list/ListLayout/ListLayout.js

@@ -1,140 +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, { Component } from 'react';
-import PropTypes from 'prop-types';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
-import { VelocityTransitionGroup, VelocityComponent } from 'velocity-react';
-
-import style from './ListLayout.module.css';
-
-var ListLayout = function (_Component) {
-  _inherits(ListLayout, _Component);
-
-  function ListLayout(props) {
-    _classCallCheck(this, ListLayout);
-
-    return _possibleConstructorReturn(this, (ListLayout.__proto__ || _Object$getPrototypeOf(ListLayout)).call(this, props));
-  }
-
-  _createClass(ListLayout, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          children = _props.children,
-          className = _props.className,
-          needHover = _props.needHover,
-          footer = _props.footer,
-          align = _props.align,
-          view = _props.view,
-          containerClass = _props.containerClass,
-          isActive = _props.isActive,
-          onClick = _props.onClick,
-          dataId = _props.dataId;
-
-      return React.createElement(
-        Container,
-        {
-          alignBox: 'column',
-          isCover: false,
-          className: style.container + ' ' + containerClass + ' ' + (needHover ? style.listHover : '') + ' ' + (isActive ? style.active : '') + ' ' + style[view],
-          onClick: onClick,
-          dataId: dataId
-        },
-        React.createElement(
-          VelocityComponent,
-          null,
-          React.createElement(
-            Container,
-            {
-              alignBox: 'row',
-              align: align,
-              className: style.innerContainer + ' ' + (className ? className : '')
-            },
-            children
-          )
-        ),
-        React.createElement(
-          VelocityTransitionGroup,
-          {
-            enter: {
-              animation: 'slideDown',
-              duration: 250
-            },
-            leave: {
-              animation: 'slideUp',
-              duration: 250
-            }
-          },
-          footer && footer()
-        )
-      );
-    }
-  }]);
-
-  return ListLayout;
-}(Component);
-
-export default ListLayout;
-
-ListLayout.propTypes = {
-  align: PropTypes.string,
-  children: PropTypes.node,
-  className: PropTypes.string,
-  containerClass: PropTypes.string,
-  dataId: PropTypes.string,
-  footer: PropTypes.func,
-  isActive: PropTypes.bool,
-  needHover: PropTypes.bool,
-  onClick: PropTypes.func,
-  view: PropTypes.oneOf(['classic', 'compact', 'subtablist', 'superCompact'])
-};
-ListLayout.defaultProps = {
-  needHover: true,
-  view: 'classic',
-  isActive: false,
-  dataId: 'ticketsListInPopup'
-};
-export var Column = function (_Component2) {
-  _inherits(Column, _Component2);
-
-  function Column(props) {
-    _classCallCheck(this, Column);
-
-    return _possibleConstructorReturn(this, (Column.__proto__ || _Object$getPrototypeOf(Column)).call(this, props));
-  }
-
-  _createClass(Column, [{
-    key: 'render',
-    value: function render() {
-      var _props2 = this.props,
-          children = _props2.children,
-          flexible = _props2.flexible,
-          className = _props2.className;
-
-      return React.createElement(
-        Box,
-        {
-          className: '' + (className ? className : ''),
-          flexible: flexible ? true : false
-        },
-        children
-      );
-    }
-  }]);
-
-  return Column;
-}(Component);
-Column.propTypes = {
-  children: PropTypes.node,
-  className: PropTypes.string,
-  flexible: PropTypes.bool
-};
-if (false) {
-  ListLayout.docs = {
-    folderName: 'List',
-    componentGroup: 'ListLayout'
-  };
-}

package/es/list/ListLayout/ListLayout.module.css

@@ -1,27 +0,0 @@
-.container {
-  position: relative;
-  cursor: pointer;
-  padding: 0 var(--zd_size30);
-}
-.listHover:hover {
-  background: var(--dot_listItemHover);
-}
-.active, .active:hover {
-  background: var(--dot_listItemActive);
-}
-
-/* View */
-.classic .innerContainer {
-  min-height: var(--zd_size70);
-  padding: var(--zd_size13) 0;
-}
-.compact .innerContainer {
-  padding: var(--zd_size5) 0;
-}
-.superCompact .innerContainer {
-  min-height: var(--zd_size35);
-  padding: var(--zd_size2) 0;
-}
-.compact .innerContainer, .classic .innerContainer, .superCompact .innerContainer {
-  border-bottom: 1px dotted var(--dot_border_solitude);
-}

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

@@ -1,131 +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, { Component } from 'react';
-import PropTypes from 'prop-types';
-import ListLayout, { Column } from '../ListLayout';
-
-var ListLayout__default = function (_Component) {
-  _inherits(ListLayout__default, _Component);
-
-  function ListLayout__default(props) {
-    _classCallCheck(this, ListLayout__default);
-
-    return _possibleConstructorReturn(this, (ListLayout__default.__proto__ || _Object$getPrototypeOf(ListLayout__default)).call(this, props));
-  }
-
-  _createClass(ListLayout__default, [{
-    key: 'generateFooter',
-    value: function generateFooter() {
-      return React.createElement(
-        'div',
-        { style: { padding: '20px' } },
-        'Footer Area..!'
-      );
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      return React.createElement(
-        'div',
-        null,
-        React.createElement(
-          'h3',
-          null,
-          'We have to define at least 1 Column and maximum 3 column in ',
-          React.createElement(
-            'b',
-            null,
-            'ListLayout'
-          ),
-          ' Component'
-        ),
-        React.createElement(
-          'h4',
-          null,
-          'Variation1'
-        ),
-        React.createElement(
-          ListLayout,
-          { footer: this.generateFooter },
-          React.createElement(
-            Column,
-            null,
-            React.createElement(
-              'div',
-              { style: { padding: '20px' } },
-              'Column One'
-            )
-          ),
-          React.createElement(
-            Column,
-            { flexible: true },
-            React.createElement(
-              'div',
-              { style: { padding: '20px' } },
-              'Column Two'
-            )
-          ),
-          React.createElement(
-            Column,
-            null,
-            React.createElement(
-              'div',
-              { style: { padding: '20px' } },
-              'Column Three'
-            )
-          ),
-          React.createElement(
-            Column,
-            null,
-            React.createElement(
-              'div',
-              { style: { padding: '20px' } },
-              'Column Four'
-            )
-          )
-        ),
-        React.createElement(
-          'h4',
-          null,
-          'Variation2'
-        ),
-        React.createElement(
-          ListLayout,
-          { needHover: true },
-          React.createElement(
-            Column,
-            { flexible: true },
-            React.createElement(
-              'div',
-              { style: { padding: '20px' } },
-              'Column One'
-            )
-          ),
-          React.createElement(
-            Column,
-            null,
-            React.createElement(
-              'div',
-              { style: { padding: '20px' } },
-              'Column Two'
-            )
-          )
-        )
-      );
-    }
-  }]);
-
-  return ListLayout__default;
-}(Component);
-
-export default ListLayout__default;
-
-if (false) {
-  ListLayout__default.docs = {
-    folderName: 'List',
-    componentGroup: 'ListLayout'
-  };
-}

package/es/list/ListStencils/ListStencils.js

@@ -1,63 +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';
-/*** Libraries ***/
-import React, { Component } from 'react';
-
-/*** Components ***/
-import Stencils from '@zohodesk/components/lib/Stencils/Stencils';
-/*** CSS ***/
-import style from './ListStencils.module.css';
-
-var ListStencils = function (_Component) {
-  _inherits(ListStencils, _Component);
-
-  function ListStencils() {
-    _classCallCheck(this, ListStencils);
-
-    return _possibleConstructorReturn(this, (ListStencils.__proto__ || _Object$getPrototypeOf(ListStencils)).apply(this, arguments));
-  }
-
-  _createClass(ListStencils, [{
-    key: 'render',
-    value: function render() {
-      return React.createElement(
-        'div',
-        { className: style.container },
-        React.createElement(
-          'div',
-          { className: style.innerContainer },
-          React.createElement(
-            'div',
-            { className: style.avatar },
-            React.createElement(Stencils, { shape: 'circle', size: 'large' })
-          ),
-          React.createElement(
-            'div',
-            { className: style.innerEleContainer },
-            React.createElement(Stencils, { size: 'default' }),
-            React.createElement(
-              'div',
-              { className: style.mt10 },
-              React.createElement(Stencils, { size: 'medium' })
-            )
-          )
-        )
-      );
-    }
-  }]);
-
-  return ListStencils;
-}(Component);
-
-export default ListStencils;
-
-
-if (false) {
-  ListStencils.docs = {
-    folderName: 'List',
-    componentGroup: 'ListStencils'
-  };
-}