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

package/es/FlipCard/docs/FlipCard__default.docs.js

@@ -1,105 +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 FlipCard from '../FlipCard';
-
-var FlipCard__default = function (_Component) {
-  _inherits(FlipCard__default, _Component);
-
-  function FlipCard__default(props) {
-    _classCallCheck(this, FlipCard__default);
-
-    var _this = _possibleConstructorReturn(this, (FlipCard__default.__proto__ || _Object$getPrototypeOf(FlipCard__default)).call(this, props));
-
-    _this.state = { isChecked: false };
-    return _this;
-  }
-
-  _createClass(FlipCard__default, [{
-    key: 'render',
-    value: function render() {
-      var _this2 = this;
-
-      return React.createElement(
-        'div',
-        null,
-        React.createElement(
-          'div',
-          null,
-          React.createElement(FlipCard, {
-            channel: 'email',
-            action: 'incoming',
-            id: 'test1',
-            onChange: function onChange(id, checked) {
-              _this2.setState({ isChecked: checked });
-            },
-            noNeedFlip: true,
-            isChecked: this.state.isChecked,
-            size: 'xmedium'
-          })
-        ),
-        React.createElement('br', null),
-        React.createElement('br', null),
-        React.createElement(
-          'div',
-          null,
-          React.createElement(FlipCard, {
-            id: 'test2',
-            name: 'phone',
-            onChange: function onChange(id, checked) {
-              _this2.setState({ isChecked: checked });
-            },
-            isChecked: this.state.isChecked,
-            size: 'xmedium'
-          })
-        ),
-        React.createElement('br', null),
-        React.createElement('br', null),
-        React.createElement(
-          'div',
-          null,
-          React.createElement(FlipCard, {
-            id: 'test3',
-            name: 'EL',
-            isPaidUser: true,
-            onChange: function onChange(id, checked) {
-              _this2.setState({ isChecked: checked });
-            },
-            isChecked: this.state.isChecked,
-            size: 'xmedium'
-          })
-        ),
-        React.createElement('br', null),
-        React.createElement('br', null),
-        React.createElement(
-          'div',
-          null,
-          React.createElement(FlipCard, {
-            id: 'test4',
-            name: 'BK',
-            isPortalUser: true,
-            onChange: function onChange(id, checked) {
-              _this2.setState({ isChecked: checked });
-            },
-            isChecked: this.state.isChecked,
-            size: 'xmedium'
-          })
-        )
-      );
-    }
-  }]);
-
-  return FlipCard__default;
-}(Component);
-
-export default FlipCard__default;
-
-if (false) {
-  FlipCard__default.docs = {
-    componentGroup: 'Molecule'
-  };
-}

package/es/FormAction/docs/FormAction__default.docs.js

@@ -1,199 +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 Button from '@zohodesk/components/lib/Button/Button';
-import Icon from '@zohodesk/icons/lib/Icon';
-import FormAction, { LeftSide, RightSide, Center } from '../FormAction';
-
-var FormAction__default = function (_Component) {
-  _inherits(FormAction__default, _Component);
-
-  function FormAction__default() {
-    _classCallCheck(this, FormAction__default);
-
-    return _possibleConstructorReturn(this, (FormAction__default.__proto__ || _Object$getPrototypeOf(FormAction__default)).apply(this, arguments));
-  }
-
-  _createClass(FormAction__default, [{
-    key: 'render',
-    value: function render() {
-      return React.createElement(
-        'div',
-        { style: {
-            marginTop: '20px'
-          }
-        },
-        React.createElement(
-          FormAction,
-          null,
-          React.createElement(
-            LeftSide,
-            null,
-            React.createElement(
-              'p',
-              null,
-              'Left'
-            )
-          )
-        ),
-        React.createElement(
-          FormAction,
-          { size: 'medium' },
-          React.createElement(
-            RightSide,
-            null,
-            React.createElement(
-              'p',
-              null,
-              'Right'
-            )
-          )
-        ),
-        React.createElement(
-          FormAction,
-          { size: 'large' },
-          React.createElement(
-            LeftSide,
-            null,
-            React.createElement(
-              'p',
-              null,
-              'Left'
-            )
-          ),
-          React.createElement(
-            RightSide,
-            null,
-            React.createElement(
-              'p',
-              null,
-              'Right'
-            )
-          )
-        ),
-        React.createElement(
-          FormAction,
-          { size: 'small' },
-          React.createElement(
-            Center,
-            null,
-            React.createElement(
-              'p',
-              null,
-              'Center'
-            )
-          )
-        ),
-        React.createElement(
-          FormAction,
-          { size: 'large' },
-          React.createElement(
-            LeftSide,
-            null,
-            React.createElement(Button, { text: 'primary', palette: 'primary' }),
-            React.createElement(Button, { text: 'primaryFilled', palette: 'primaryFilled' })
-          ),
-          React.createElement(
-            RightSide,
-            null,
-            React.createElement(
-              'p',
-              null,
-              'Large'
-            )
-          )
-        ),
-        React.createElement(
-          FormAction,
-          { size: 'medium' },
-          React.createElement(
-            LeftSide,
-            null,
-            React.createElement(Button, { text: 'primary', palette: 'primary' }),
-            React.createElement(Button, { text: 'primaryFilled', palette: 'primaryFilled' })
-          ),
-          React.createElement(
-            RightSide,
-            null,
-            React.createElement(
-              'p',
-              null,
-              'Medium'
-            )
-          )
-        ),
-        React.createElement(
-          FormAction,
-          { size: 'medium', paddingLeftSize: 'xmedium' },
-          React.createElement(
-            LeftSide,
-            null,
-            React.createElement(Button, { text: 'primary', palette: 'primary' }),
-            React.createElement(Button, { text: 'primaryFilled', palette: 'primaryFilled' })
-          ),
-          React.createElement(
-            RightSide,
-            null,
-            React.createElement(
-              'p',
-              null,
-              'XMedium'
-            )
-          )
-        ),
-        React.createElement(
-          FormAction,
-          { size: 'small' },
-          React.createElement(
-            LeftSide,
-            null,
-            React.createElement(Button, { text: 'primary', palette: 'primary', size: 'small' }),
-            React.createElement(Button, { text: 'primaryFilled', palette: 'primaryFilled', size: 'small' })
-          ),
-          React.createElement(
-            RightSide,
-            null,
-            React.createElement(
-              'p',
-              null,
-              'Small'
-            )
-          )
-        ),
-        React.createElement(
-          FormAction,
-          { size: 'small', paddingLeftSize: 'xsmall' },
-          React.createElement(
-            LeftSide,
-            null,
-            React.createElement(Button, { text: 'primary', palette: 'primary', size: 'small' }),
-            React.createElement(Button, { text: 'primaryFilled', palette: 'primaryFilled', size: 'small' })
-          ),
-          React.createElement(
-            RightSide,
-            null,
-            React.createElement(
-              'p',
-              null,
-              'XSmall'
-            )
-          )
-        )
-      );
-    }
-  }]);
-
-  return FormAction__default;
-}(Component);
-
-export default FormAction__default;
-
-
-if (false) {
-  FormAction__default.docs = {
-    componentGroup: 'FormAction'
-  };
-}

package/es/FreezeLayer/docs/FreezeLayer__dark.docs.js

@@ -1,77 +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 FreezeLayer from '../FreezeLayer';
-import Button from '@zohodesk/components/lib/Button/Button';
-
-var FreezeLayer__dark = function (_Component) {
-  _inherits(FreezeLayer__dark, _Component);
-
-  function FreezeLayer__dark(props) {
-    _classCallCheck(this, FreezeLayer__dark);
-
-    var _this = _possibleConstructorReturn(this, (FreezeLayer__dark.__proto__ || _Object$getPrototypeOf(FreezeLayer__dark)).call(this, props));
-
-    _this.state = { view: false };
-    _this.toggle = _this.toggle.bind(_this);
-    return _this;
-  }
-
-  _createClass(FreezeLayer__dark, [{
-    key: 'toggle',
-    value: function toggle() {
-      this.setState({ view: !this.state.view });
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      var view = this.state.view;
-
-      return React.createElement(
-        'div',
-        null,
-        React.createElement(Button, {
-          text: 'Click to view FreezeLayer',
-          palette: 'secondary',
-          onClick: this.toggle
-        }),
-        React.createElement(
-          FreezeLayer,
-          {
-            align: 'both',
-            palette: 'dark',
-            isActive: view,
-            onClick: this.toggle,
-            animationName: 'fade',
-            childAnimationName: 'expand'
-          },
-          React.createElement(
-            'div',
-            {
-              style: {
-                color: 'var(--dot_text_black)',
-                fontSize: '40px',
-                padding: '100px',
-                background: 'var(--dot_bg_white)'
-              }
-            },
-            'Im children'
-          )
-        )
-      );
-    }
-  }]);
-
-  return FreezeLayer__dark;
-}(Component);
-
-export default FreezeLayer__dark;
-
-if (false) {
-  FreezeLayer__dark.docs = {
-    componentGroup: 'Atom'
-  };
-}

package/es/FreezeLayer/docs/FreezeLayer__default.docs.js

@@ -1,76 +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 FreezeLayer from '../FreezeLayer';
-import Button from '@zohodesk/components/lib/Button/Button';
-
-var FreezeLayer__default = function (_Component) {
-  _inherits(FreezeLayer__default, _Component);
-
-  function FreezeLayer__default(props) {
-    _classCallCheck(this, FreezeLayer__default);
-
-    var _this = _possibleConstructorReturn(this, (FreezeLayer__default.__proto__ || _Object$getPrototypeOf(FreezeLayer__default)).call(this, props));
-
-    _this.state = { view: false };
-    _this.toggle = _this.toggle.bind(_this);
-    return _this;
-  }
-
-  _createClass(FreezeLayer__default, [{
-    key: 'toggle',
-    value: function toggle() {
-      this.setState({ view: !this.state.view });
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      var view = this.state.view;
-
-      return React.createElement(
-        'div',
-        null,
-        React.createElement(Button, {
-          text: 'Click to view FreezeLayer',
-          palette: 'secondary',
-          onClick: this.toggle
-        }),
-        React.createElement(
-          FreezeLayer,
-          {
-            align: 'both',
-            isActive: view,
-            onClick: this.toggle,
-            animationName: 'expand'
-          },
-          React.createElement(
-            'span',
-            {
-              style: {
-                color: 'var(--dot_text_black)',
-                fontSize: '40px',
-                padding: '100px',
-                background: 'var(--dot_bg_white)'
-              }
-            },
-            'Im children'
-          )
-        )
-      );
-    }
-  }]);
-
-  return FreezeLayer__default;
-}(Component);
-
-export default FreezeLayer__default;
-
-
-if (false) {
-  FreezeLayer__default.docs = {
-    componentGroup: 'Atom'
-  };
-}

package/es/GridIcons/GridIcons.js

@@ -1,84 +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 } from '@zohodesk/components/lib/Layout';
-import Icon from '@zohodesk/icons/lib/Icon';
-
-import style from './GridIcons.module.css';
-
-var GridIcons = function (_Component) {
-  _inherits(GridIcons, _Component);
-
-  function GridIcons() {
-    _classCallCheck(this, GridIcons);
-
-    return _possibleConstructorReturn(this, (GridIcons.__proto__ || _Object$getPrototypeOf(GridIcons)).apply(this, arguments));
-  }
-
-  _createClass(GridIcons, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          onClick = _props.onClick,
-          dataId = _props.dataId,
-          eleRef = _props.eleRef,
-          iconName = _props.iconName,
-          iconSize = _props.iconSize,
-          isBold = _props.isBold,
-          dataTitle = _props.dataTitle,
-          iconClass = _props.iconClass,
-          className = _props.className;
-
-      return React.createElement(
-        Container,
-        {
-          alignBox: 'row',
-          className: style.iconContainer + ' ' + (className ? className : ''),
-          onClick: onClick,
-          eleRef: eleRef,
-          align: 'both',
-          isCover: false,
-          'data-title': dataTitle,
-          dataId: dataId,
-          isInline: true
-        },
-        React.createElement(Icon, {
-          name: iconName,
-          size: iconSize,
-          isBold: isBold,
-          iconClass: iconClass
-        })
-      );
-    }
-  }]);
-
-  return GridIcons;
-}(Component);
-
-export default GridIcons;
-
-
-GridIcons.propTypes = {
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  dataTitle: PropTypes.string,
-  eleRef: PropTypes.func,
-  iconClass: PropTypes.string,
-  iconName: PropTypes.string,
-  iconSize: PropTypes.string,
-  isBold: PropTypes.bool,
-  onClick: PropTypes.func
-};
-GridIcons.defaultProps = {
-  iconName: 'ZD-more1',
-  isBold: false
-};
-if (false) {
-  GridIcons.docs = {
-    componentGroup: 'Atom'
-  };
-}

package/es/GridIcons/GridIcons.module.css

@@ -1,11 +0,0 @@
-.iconContainer {
-  width: var(--zd_size28);
-  height: var(--zd_size28);
-  color: var(--dot_text_black);
-  border: 1px solid var(--dot_border_paleBlue);
-  border-radius: var(--zd_size4);
-  cursor: pointer;
-}
-.iconContainer:hover {
-  border: solid 1px var(--dot_border_slateGrey);
-}

package/es/GridIcons/docs/GridIcons__default.docs.js

@@ -1,34 +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 GridIcons from '../GridIcons';
-
-var GridIcons__default = function (_Component) {
-  _inherits(GridIcons__default, _Component);
-
-  function GridIcons__default() {
-    _classCallCheck(this, GridIcons__default);
-
-    return _possibleConstructorReturn(this, (GridIcons__default.__proto__ || _Object$getPrototypeOf(GridIcons__default)).apply(this, arguments));
-  }
-
-  _createClass(GridIcons__default, [{
-    key: 'render',
-    value: function render() {
-      return React.createElement(GridIcons, { iconSize: '12' });
-    }
-  }]);
-
-  return GridIcons__default;
-}(Component);
-
-export default GridIcons__default;
-
-if (false) {
-  GridIcons__default.docs = {
-    componentGroup: 'Atom'
-  };
-}

package/es/Image/docs/Image__default.docs.js

@@ -1,40 +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 Image from '../Image';
-
-var Image__default = function (_Component) {
-  _inherits(Image__default, _Component);
-
-  function Image__default() {
-    _classCallCheck(this, Image__default);
-
-    return _possibleConstructorReturn(this, (Image__default.__proto__ || _Object$getPrototypeOf(Image__default)).apply(this, arguments));
-  }
-
-  _createClass(Image__default, [{
-    key: 'render',
-    value: function render() {
-      return React.createElement(
-        'div',
-        { style: { height: '120px', width: '120px' } },
-        React.createElement(Image, { src: 'https://hjemly.dk/wp-content/uploads/2016/05/facebook-default-no-profile-pic.jpg' })
-      );
-    }
-  }]);
-
-  return Image__default;
-}(Component);
-
-export default Image__default;
-
-
-if (false) {
-  Image__default.docs = {
-    componentGroup: 'Atom'
-  };
-}

package/es/Link/docs/Link__default.docs.js

@@ -1,64 +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 Link from '../Link';
-
-var Link__default = function (_React$Component) {
-  _inherits(Link__default, _React$Component);
-
-  function Link__default(props) {
-    _classCallCheck(this, Link__default);
-
-    var _this = _possibleConstructorReturn(this, (Link__default.__proto__ || _Object$getPrototypeOf(Link__default)).call(this, props));
-
-    _this.onCallBack = _this.onCallBack.bind(_this);
-    _this.onConcertURL = _this.onConcertURL.bind(_this);
-    return _this;
-  }
-
-  _createClass(Link__default, [{
-    key: 'onCallBack',
-    value: function onCallBack(value) {
-      console.log(value);
-    }
-  }, {
-    key: 'onConcertURL',
-    value: function onConcertURL(name, obj) {
-      console.log(name, obj, 'onConcertURL');
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      var style = { width: '200px', marginBottom: '20px', display: 'block' };
-      return React.createElement(
-        'div',
-        null,
-        React.createElement(
-          'span',
-          { style: style },
-          React.createElement(
-            Link,
-            {
-              href: null,
-              onClick: this.onConcertURL,
-              rel: 'noopener noreferrer'
-            },
-            'Activities'
-          )
-        )
-      );
-    }
-  }]);
-
-  return Link__default;
-}(React.Component);
-
-export default Link__default;
-
-
-Link__default.docs = {
-  componentGroup: 'Atom'
-};