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

package/es/setup/table/TableData/TableData.css

@@ -1,44 +0,0 @@
-[dir=ltr] .container {
-  padding-left: var(--zd_size20);
-}[dir=rtl] .container {
-  padding-right: var(--zd_size20);
-}
-.size70 {
-  flex-basis: var(--zd_size70);
-  -webkit-flex-basis: var(--zd_size70);
-  -moz-flex-basis: var(--zd_size70);
-  -ms-flex-basis: var(--zd_size70);
-}
-.size90 {
-  flex-basis: var(--zd_size90);
-  -webkit-flex-basis: var(--zd_size90);
-  -moz-flex-basis: var(--zd_size90);
-  -ms-flex-basis: var(--zd_size90);
-}
-.size150 {
-  flex-basis: var(--zd_size150);
-  -webkit-flex-basis: var(--zd_size150);
-  -moz-flex-basis: var(--zd_size150);
-  -ms-flex-basis: var(--zd_size150);
-}
-.size220 {
-  flex-basis: var(--zd_size220);
-  -webkit-flex-basis: var(--zd_size220);
-  -moz-flex-basis: var(--zd_size220);
-  -ms-flex-basis: var(--zd_size220);
-}
-.center {
-  text-align: center;
-}
-[dir=ltr] .left {
-  text-align: left;
-}
-[dir=rtl] .left {
-  text-align: right;
-}
-[dir=ltr] .right {
-  text-align: right;
-}
-[dir=rtl] .right {
-  text-align: left;
-}

package/es/setup/table/TableData/TableData.js

@@ -1,68 +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 { Box } from '@zohodesk/components/lib/Layout';
-import style from './TableData.css';
-
-var TableData = function (_React$Component) {
-  _inherits(TableData, _React$Component);
-
-  function TableData(props) {
-    _classCallCheck(this, TableData);
-
-    return _possibleConstructorReturn(this, (TableData.__proto__ || _Object$getPrototypeOf(TableData)).call(this, props));
-  }
-
-  _createClass(TableData, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          children = _props.children,
-          flexible = _props.flexible,
-          shrink = _props.shrink,
-          align = _props.align,
-          type = _props.type,
-          dataId = _props.dataId;
-
-      return React.createElement(
-        Box,
-        {
-          dataId: dataId,
-          flexible: flexible,
-          shrink: shrink,
-          className: ' ' + style.container + ' ' + (type ? style[type] : '') + ' ' + (align ? style[align] ? style[align] : '' : '')
-        },
-        children
-      );
-    }
-  }]);
-
-  return TableData;
-}(React.Component);
-
-export default TableData;
-
-TableData.defaultProps = {
-  flexible: false,
-  dataId: 'tableData'
-};
-
-TableData.propTypes = {
-  children: PropTypes.element,
-  flexible: PropTypes.string,
-  shrink: PropTypes.string,
-  align: PropTypes.oneOf(['center', 'left', 'right']),
-  type: PropTypes.oneOf(['size70', 'size90', 'size150', 'size220']),
-  dataId: PropTypes.string
-};
-
-if (false) {
-  TableData.docs = {
-    componentGroup: 'Table',
-    folderName: 'Setup'
-  };
-}

package/es/setup/table/TableData/hover.css

@@ -1,6 +0,0 @@
-.opac0 {
-  opacity: 0;
-}
-.container:hover .opac0 {
-  opacity: 1;
-}

package/es/setup/table/TableHead/TableHead.css

@@ -1,12 +0,0 @@
-.container {
-  border-bottom: 1px solid var(--zd_border_smoke59);
-}[dir=ltr] .container {
-  padding-right: var(--zd_size40);
-  padding-left: var(--zd_size40);
-}[dir=rtl] .container {
-  padding-left: var(--zd_size40);
-  padding-right: var(--zd_size40);
-}
-.subContainer {
-  height: var(--zd_size40);
-}

package/es/setup/table/TableHead/TableHead.js

@@ -1,72 +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 { Container, Box } from '@zohodesk/components/lib/Layout';
-import style from './TableHead.css';
-
-var TableHead = function (_React$Component) {
-  _inherits(TableHead, _React$Component);
-
-  function TableHead(props) {
-    _classCallCheck(this, TableHead);
-
-    return _possibleConstructorReturn(this, (TableHead.__proto__ || _Object$getPrototypeOf(TableHead)).call(this, props));
-  }
-
-  _createClass(TableHead, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          children = _props.children,
-          className = _props.className,
-          onMouseEnter = _props.onMouseEnter,
-          onMouseLeave = _props.onMouseLeave,
-          dataId = _props.dataId;
-
-      return React.createElement(
-        Box,
-        {
-          className: style.container + ' ' + className + ' ',
-          dataId: dataId,
-          onMouseEnter: onMouseEnter,
-          onMouseLeave: onMouseLeave
-        },
-        React.createElement(
-          Container,
-          {
-            alignBox: 'row',
-            align: 'vertical',
-            className: style.subContainer
-          },
-          children
-        )
-      );
-    }
-  }]);
-
-  return TableHead;
-}(React.Component);
-
-export default TableHead;
-
-TableHead.defaultProps = {
-  dataId: 'tableHead',
-  className: ''
-};
-TableHead.propTypes = {
-  children: PropTypes.element,
-  className: PropTypes.string,
-  onMouseEnter: PropTypes.func,
-  onMouseLeave: PropTypes.func
-};
-
-if (false) {
-  TableHead.docs = {
-    componentGroup: 'Table',
-    folderName: 'Setup'
-  };
-}

package/es/setup/table/TableRow/TableRow.css

@@ -1,14 +0,0 @@
-.container {
-  position: relative;
-  height: var(--zd_size52);
-  border-bottom: 1px solid var(--zd_border_alabaster);
-}[dir=ltr] .container {
-  margin-right: var(--zd_size40);
-  margin-left: var(--zd_size40);
-}[dir=rtl] .container {
-  margin-left: var(--zd_size40);
-  margin-right: var(--zd_size40);
-}
-.container:hover {
-  background-color: var(--zd_bg_snow);
-}

package/es/setup/table/TableRow/TableRow.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 { Container } from '@zohodesk/components/lib/Layout';
-import style from './TableRow.css';
-
-var TableRow = function (_React$Component) {
-  _inherits(TableRow, _React$Component);
-
-  function TableRow(props) {
-    _classCallCheck(this, TableRow);
-
-    return _possibleConstructorReturn(this, (TableRow.__proto__ || _Object$getPrototypeOf(TableRow)).call(this, props));
-  }
-
-  _createClass(TableRow, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          children = _props.children,
-          eleRef = _props.eleRef,
-          eleStyle = _props.eleStyle,
-          className = _props.className,
-          dataId = _props.dataId,
-          onMouseEnter = _props.onMouseEnter,
-          onMouseLeave = _props.onMouseLeave,
-          onClick = _props.onClick;
-
-      return React.createElement(
-        Container,
-        {
-          dataId: dataId,
-          eleRef: eleRef,
-          style: eleStyle,
-          align: 'vertical',
-          isCover: false,
-          alignBox: 'row',
-          onMouseEnter: onMouseEnter,
-          onMouseLeave: onMouseLeave,
-          className: style.container + ' ' + className,
-          onClick: onClick
-        },
-        children
-      );
-    }
-  }]);
-
-  return TableRow;
-}(React.Component);
-
-export default TableRow;
-
-
-TableRow.defaultProps = {
-  dataId: 'tableRow',
-  className: ''
-};
-TableRow.propTypes = {
-  children: PropTypes.element,
-  eleRef: PropTypes.func,
-  eleStyle: PropTypes.object,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  onMouseEnter: PropTypes.func,
-  onMouseLeave: PropTypes.func,
-  onClick: PropTypes.func
-};
-
-if (false) {
-  TableRow.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/Text.js

@@ -1,103 +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 Link from '../../../Link/Link';
-import style from './Text.css';
-
-var Text = function (_React$Component) {
-  _inherits(Text, _React$Component);
-
-  function Text() {
-    _classCallCheck(this, Text);
-
-    return _possibleConstructorReturn(this, (Text.__proto__ || _Object$getPrototypeOf(Text)).apply(this, arguments));
-  }
-
-  _createClass(Text, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          text = _props.text,
-          url = _props.url,
-          _props$onClick = _props.onClick,
-          onClick = _props$onClick === undefined ? function () {} : _props$onClick,
-          type = _props.type,
-          palette = _props.palette,
-          _props$className = _props.className,
-          className = _props$className === undefined ? '' : _props$className,
-          size = _props.size,
-          dataId = _props.dataId,
-          _props$title = _props.title,
-          title = _props$title === undefined ? null : _props$title,
-          target = _props.target;
-
-      title = title || text;
-      var textComponent;
-      var classNameCheck = style[type] + '  ' + style[palette + 'Color'] + ' ' + style[size] + ' ' + className + ' ' + (onClick ? style.isClickable : '');
-
-      if (url) {
-        textComponent = React.createElement(
-          Link,
-          {
-            title: title,
-            dataId: dataId,
-            href: url,
-            target: target,
-            className: classNameCheck,
-            onClick: onClick
-          },
-          text
-        );
-      } else {
-        textComponent = React.createElement(
-          'div',
-          {
-            'data-title': title,
-            'data-id': dataId,
-            className: classNameCheck,
-            onClick: onClick
-          },
-          text
-        );
-      }
-
-      return textComponent;
-    }
-  }]);
-
-  return Text;
-}(React.Component);
-
-export default Text;
-
-
-Text.defaultProps = {
-  size: 'small',
-  palette: 'default',
-  target: '_blank',
-  dataId: 'text'
-};
-
-Text.propTypes = {
-  text: PropTypes.string,
-  onClick: PropTypes.func,
-  url: PropTypes.string,
-  type: PropTypes.oneOf('bold', 'semiBold', 'heading'),
-  className: PropTypes.string,
-  palette: PropTypes.oneOf('default', 'primary', 'green', 'danger'),
-  size: PropTypes.oneOf('small', 'medium'),
-  dataId: PropTypes.string,
-  title: PropTypes.string,
-  target: PropTypes.string
-};
-
-if (false) {
-  Text.docs = {
-    componentGroup: 'Text',
-    folderName: 'Setup'
-  };
-}

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/PlusIcon.js

@@ -1,68 +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 SVG from '@zohodesk/svg/lib/svg/SVG';
-
-var PlusIcon = function (_React$Component) {
-  _inherits(PlusIcon, _React$Component);
-
-  function PlusIcon() {
-    _classCallCheck(this, PlusIcon);
-
-    return _possibleConstructorReturn(this, (PlusIcon.__proto__ || _Object$getPrototypeOf(PlusIcon)).apply(this, arguments));
-  }
-
-  _createClass(PlusIcon, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          isRender = _props.isRender,
-          isSymbol = _props.isSymbol,
-          className = _props.className;
-
-      return React.createElement(
-        SVG,
-        {
-          viewBox: '0 0 32 32',
-          name: 'PlusIcon',
-          isRender: isRender,
-          isSymbol: isSymbol,
-          className: className
-        },
-        React.createElement(
-          'g',
-          null,
-          React.createElement('path', {
-            style: { fill: '#767d89' },
-            d: 'M16,2.7c0.4,0,0.7,0.1,0.9,0.4s0.4,0.6,0.4,0.9v10.7H28c0.4,0,0.7,0.1,0.9,0.4c0.3,0.3,0.4,0.6,0.4,0.9 c0,0.4-0.1,0.7-0.4,0.9c-0.3,0.3-0.6,0.4-0.9,0.4H17.3V28c0,0.4-0.1,0.7-0.4,0.9c-0.3,0.3-0.6,0.4-0.9,0.4c-0.4,0-0.7-0.1-0.9-0.4 c-0.3-0.3-0.4-0.6-0.4-0.9V17.3H4c-0.4,0-0.7-0.1-0.9-0.4S2.7,16.4,2.7,16s0.1-0.7,0.4-0.9c0.3-0.3,0.6-0.4,0.9-0.4h10.7V4 c0-0.4,0.1-0.7,0.4-0.9C15.3,2.8,15.6,2.7,16,2.7z'
-          })
-        )
-      );
-    }
-  }]);
-
-  return PlusIcon;
-}(React.Component);
-
-export default PlusIcon;
-
-PlusIcon.propTypes = {
-  className: PropTypes.string,
-  isRender: PropTypes.bool,
-  isSymbol: PropTypes.bool
-};
-PlusIcon.defaultProps = {
-  isRender: true,
-  isSymbol: false,
-  className: ''
-};
-
-if (false) {
-  PlusIcon.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/es/svg/SnippetIcon.js

@@ -1,71 +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 SVG from '@zohodesk/svg/lib/svg/SVG';
-
-var SnippetIcon = function (_React$Component) {
-  _inherits(SnippetIcon, _React$Component);
-
-  function SnippetIcon() {
-    _classCallCheck(this, SnippetIcon);
-
-    return _possibleConstructorReturn(this, (SnippetIcon.__proto__ || _Object$getPrototypeOf(SnippetIcon)).apply(this, arguments));
-  }
-
-  _createClass(SnippetIcon, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          isRender = _props.isRender,
-          isSymbol = _props.isSymbol,
-          className = _props.className;
-
-      return React.createElement(
-        SVG,
-        {
-          viewBox: '0 0 31 32',
-          name: 'SnippetIcon',
-          isRender: isRender,
-          isSymbol: isSymbol,
-          className: className
-        },
-        React.createElement(
-          'g',
-          null,
-          React.createElement('path', {
-            d: 'M14.4,8.2L15.6,9L16,8.4l-1-0.7l2.5-3.7L11.5,0L8.9,3.8L7.9,3L7.6,3.6l1.2,0.8c-2.3,3-5.9,0.8-6,0.7L2.3,4.9L0,23.8 l16.6-9.3l-0.4-0.3C15.9,13.9,12.6,11.5,14.4,8.2L14.4,8.2z M1.5,22l5.2-7.7c0.3,0.1,0.6,0.2,0.9,0.2c1.2,0,2.1-0.9,2.2-2.1 c0-1.2-0.9-2.1-2.1-2.2c-1.2,0-2.1,0.9-2.2,2.1c0,0.6,0.2,1.2,0.7,1.6L1,21.6L2.8,6c1.2,0.6,4.4,1.7,6.5-1.1l4.5,3 c-1.8,3,0.4,5.6,1.4,6.5L1.5,22L1.5,22z M6.7,13.6c-0.7-0.4-0.8-1.3-0.4-2s1.3-0.8,2-0.4c0.7,0.4,0.8,1.3,0.4,2 c-0.2,0.3-0.5,0.5-0.9,0.6C7.5,13.9,7.1,13.8,6.7,13.6L6.7,13.6z'
-          }),
-          React.createElement('path', {
-            style: { fill: '#03A3FE' },
-            d: 'M30.9,25c-4.9,0.7-5.4,1.2-5.9,6.7c-0.6-5.4-1.1-6-6.1-6.5c4.9-0.7,5.4-1.2,5.9-6.7 C25.4,23.9,25.9,24.5,30.9,25z M30.3,8.2c-4.5,0.6-4.9,1.1-5.5,6.3c-0.5-5.3-0.9-5.8-5.4-6.4c4.5-0.6,4.9-1.1,5.5-6.3 C25.4,7.1,25.8,7.6,30.3,8.2z M16.2,25.7c-4.5,0.6-4.9,1.1-5.5,6.3c-0.5-5.3-0.9-5.8-5.4-6.4c4.5-0.6,4.9-1.1,5.5-6.3 C11.3,24.6,11.7,25.1,16.2,25.7z'
-          })
-        )
-      );
-    }
-  }]);
-
-  return SnippetIcon;
-}(React.Component);
-
-export default SnippetIcon;
-
-SnippetIcon.propTypes = {
-  className: PropTypes.string,
-  isRender: PropTypes.bool,
-  isSymbol: PropTypes.bool
-};
-SnippetIcon.defaultProps = {
-  isRender: true,
-  isSymbol: false,
-  className: ''
-};
-
-if (false) {
-  SnippetIcon.docs = {
-    componentGroup: 'SVG'
-  };
-}