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

package/src/FreezeLayer/docs/FreezeLayer__dark.docs.js

@@ -1,53 +0,0 @@
-import React, { Component } from 'react';
-import FreezeLayer from '../FreezeLayer';
-import Button from '@zohodesk/components/lib/Button/Button';
-
-
-export default class FreezeLayer__dark extends Component {
-  constructor(props) {
-    super(props);
-    this.state = { view: false };
-    this.toggle = this.toggle.bind(this);
-  }
-
-  toggle() {
-    this.setState({ view: !this.state.view });
-  }
-
-  render() {
-    let { view } = this.state;
-    return (
-      <div>
-        <Button
-          text='Click to view FreezeLayer'
-          palette='secondary'
-          onClick={this.toggle}
-        />
-        <FreezeLayer
-          align='both'
-          palette='dark'
-          isActive={view}
-          onClick={this.toggle}
-          animationName='fade'
-          childAnimationName='expand'
-        >
-          <div
-            style={{
-              color: 'var(--dot_text_black)',
-              fontSize: '40px',
-              padding: '100px',
-              background: 'var(--dot_bg_white)'
-            }}
-          >
-            Im children
-          </div>
-        </FreezeLayer>
-      </div>
-    );
-  }
-}
-if (__DOCS__) {
-  FreezeLayer__dark.docs = {
-    componentGroup: 'Atom'
-  };
-}

package/src/FreezeLayer/docs/FreezeLayer__default.docs.js

@@ -1,51 +0,0 @@
-import React, { Component } from 'react';
-import FreezeLayer from '../FreezeLayer';
-import Button from '@zohodesk/components/lib/Button/Button';
-
-export default class FreezeLayer__default extends Component {
-  constructor(props) {
-    super(props);
-    this.state = { view: false };
-    this.toggle = this.toggle.bind(this);
-  }
-
-  toggle() {
-    this.setState({ view: !this.state.view });
-  }
-
-  render() {
-    let { view } = this.state;
-    return (
-      <div>
-        <Button
-          text='Click to view FreezeLayer'
-          palette='secondary'
-          onClick={this.toggle}
-        />
-        <FreezeLayer
-          align='both'
-          isActive={view}
-          onClick={this.toggle}
-          animationName='expand'
-        >
-          <span
-            style={{
-              color: 'var(--dot_text_black)',
-              fontSize: '40px',
-              padding: '100px',
-              background: 'var(--dot_bg_white)'
-            }}
-          >
-            Im children
-          </span>
-        </FreezeLayer>
-      </div>
-    );
-  }
-}
-
-if (__DOCS__) {
-  FreezeLayer__default.docs = {
-    componentGroup: 'Atom'
-  };
-}

package/src/GridIcons/GridIcons.js

@@ -1,63 +0,0 @@
-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';
-
-export default class GridIcons extends Component {
-  render() {
-    let {
-      onClick,
-      dataId,
-      eleRef,
-      iconName,
-      iconSize,
-      isBold,
-      dataTitle,
-      iconClass,
-      className
-    } = this.props;
-    return (
-      <Container
-        alignBox="row"
-        className={`${style.iconContainer} ${className ? className : ''}`}
-        onClick={onClick}
-        eleRef={eleRef}
-        align="both"
-        isCover={false}
-        data-title={dataTitle}
-        dataId={dataId}
-        isInline
-      >
-        <Icon
-          name={iconName}
-          size={iconSize}
-          isBold={isBold}
-          iconClass={iconClass}
-        />
-      </Container>
-    );
-  }
-}
-
-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 (__DOCS__) {
-  GridIcons.docs = {
-    componentGroup: 'Atom'
-  };
-}

package/src/GridIcons/GridIcons.module.css

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

package/src/GridIcons/docs/GridIcons__default.docs.js

@@ -1,13 +0,0 @@
-import React, { Component } from 'react';
-import GridIcons from '../GridIcons';
-
-export default class GridIcons__default extends Component {
-  render() {
-    return <GridIcons iconSize='12' />;
-  }
-}
-if (__DOCS__) {
-  GridIcons__default.docs = {
-    componentGroup: 'Atom'
-  };
-}

package/src/Image/Image.js

@@ -1,41 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import style from './Image.module.css';
-
-export default class Image extends React.Component {
-  render() {
-    let { alt, src, className, isCover, title, onClick, dataId } = this.props;
-    return (
-      <img
-        src={src}
-        alt={alt}
-        data-title={title}
-        data-id={dataId}
-        className={` ${className} ${
-          isCover ? style.imgFullSize : style.imgMaxFullSize
-        } `}
-        onClick={onClick}
-      />
-    );
-  }
-}
-
-Image.propTypes = {
-  alt: PropTypes.string.isRequired,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  isCover: PropTypes.bool,
-  onClick: PropTypes.func,
-  src: PropTypes.string.isRequired,
-  title: PropTypes.string
-};
-
-Image.defaultProps = {
-  isCover: false,
-  className: ''
-};
-if (__DOCS__) {
-  Image.docs = {
-    componentGroup: 'Atom'
-  };
-}

package/src/Image/Image.module.css

@@ -1,11 +0,0 @@
-.imgFullSize{
-    height:100%;
-    width:100%
-}
-.imgMaxFullSize{
-    max-height:100%;
-    max-width:100%
-}
-.imgFullSize, .imgMaxFullSize{
-    font-size: 12px
-}

package/src/Image/docs/Image__default.docs.js

@@ -1,18 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import Image from '../Image';
-export default class Image__default extends Component {
-  render() {
-    return (
-      <div style={{ height: '120px', width: '120px' }}>
-        <Image src='https://hjemly.dk/wp-content/uploads/2016/05/facebook-default-no-profile-pic.jpg' />
-      </div>
-    );
-  }
-}
-
-if (__DOCS__) {
-  Image__default.docs = {
-    componentGroup: 'Atom'
-  };
-}

package/src/Link/Link.js

@@ -1,115 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import style from './Link.module.css';
-import LinkContext from './LinkContext.js';
-
-export default class Link extends React.Component {
-  constructor(props, context) {
-    super(props, context);
-    this.onCallBack = this.onCallBack.bind(this);
-  }
-
-  onCallBack(urlOutput, href, e) {
-    let { onClick, hasReload, target } = this.props;
-    let { onCallBack } = this.context.options;
-
-    onClick && onClick(e);
-    if (!hasReload && target != '_blank') {
-      e && e.preventDefault();
-    }
-    e && e.stopPropagation();
-    !onClick && onCallBack && onCallBack(urlOutput, href, e);
-  }
-
-  addHttp(url) {
-    /* eslint-disable */
-    if (!/^(f|ht)tps?:\/\//i.test(url)) {
-      url = 'http://' + url;
-    }
-    /* eslint-enable */
-    return url;
-  }
-
-  render() {
-    let {
-      children,
-      href,
-      target,
-      urlData,
-      urlName,
-      className,
-      title,
-      download,
-      rel,
-      dataId
-    } = this.props;
-    let { isLink, constructURL } = this.context.options;
-    let urlOutput = href ? href : constructURL(urlName, urlData);
-    let hrefUrl = '';
-    let option = {};
-    if (download) {
-      option.download = true;
-    }
-    let ignoreKeys = [
-      'children',
-      'href',
-      'target',
-      'urlData',
-      'urlName',
-      'className',
-      'title',
-      'download',
-      'rel',
-      'dataId',
-      'hasReload'
-    ];
-    let others = Object.keys(this.props)
-      .filter(key => ignoreKeys.indexOf(key) == -1)
-      .reduce((res, key) => {
-        res[key] = this.props[key];
-        return res;
-      }, {});
-
-    //urlOutput = this.addHttp(urlOutput);
-    return (
-      <a
-        href={isLink && urlOutput ? urlOutput : 'javascript:void(0);'}
-        target={target}
-        data-title={title}
-        className={`${style.container}  ${className ? className : ''}`}
-        {...option}
-        rel={rel}
-        data-id={dataId}
-        {...others}
-        onClick={this.onCallBack.bind(this, urlOutput, href)}
-      >
-        {children}
-      </a>
-    );
-  }
-}
-
-Link.contextType = LinkContext;
-
-Link.defaultProps = {
-  rel: 'noopener noreferrer',
-  hasReload: false
-};
-Link.propTypes = {
-  children: PropTypes.string,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  href: PropTypes.string,
-  rel: PropTypes.string,
-  target: PropTypes.oneOf(['_blank', '_self']),
-  title: PropTypes.string,
-  urlData: PropTypes.object,
-  urlName: PropTypes.string,
-  hasReload: PropTypes.bool
-};
-
-if (__DOCS__) {
-  Link.docs = {
-    componentGroup: 'Atom'
-  };
-}

package/src/Link/Link.module.css

@@ -1,4 +0,0 @@
-.container {
-  text-decoration: none;
-  color: inherit;
-}

package/src/Link/LinkContext.js

@@ -1,9 +0,0 @@
-import React from 'react';
-let LinkContext = React.createContext({
-  options: {
-    onCallBack: null,
-    isLink: true,
-    constructURL: () => false
-  }
-});
-export default LinkContext;

package/src/Link/docs/Link__default.docs.js

@@ -1,91 +0,0 @@
-import React, { Component } from 'react';
-import Link from '../Link';
-
-export default class Link__default extends React.Component {
-  constructor(props) {
-    super(props);
-    this.onCallBack = this.onCallBack.bind(this);
-    this.onConcertURL = this.onConcertURL.bind(this);
-  }
-
-  onCallBack(value) {
-    console.log(value);
-  }
-
-  onConcertURL(name, obj) {
-    console.log(name, obj, 'onConcertURL');
-  }
-
-  render() {
-    let style = { width: '200px', marginBottom: '20px', display: 'block' };
-    return (
-      <div>
-        <span style={style}>
-          <Link
-            href={null}
-            onClick={this.onConcertURL}
-            rel='noopener noreferrer'
-          >
-            Activities
-          </Link>
-        </span>
-        {/*<span style={style}>
-            <Link
-              type='subscribe'
-              align='center'
-              url='https://payments.zoho.com/html/store/index.html#subscription?serviceId=4501&customId=663fdca528bdf9365ce2f40f33c92dfdf35b4163fc71296705f3c7989596ba8f'
-            >
-              submit
-            </Link>
-          </span>
-          <span style={style}>
-            <Link
-              type='subscribe'
-              align='left'
-              url='https://payments.zoho.com/html/store/index.html#subscription?serviceId=4501&customId=663fdca528bdf9365ce2f40f33c92dfdf35b4163fc71296705f3c7989596ba8f'
-            >
-              submit
-            </Link>
-          </span>
-          <span style={style}>
-            <Link
-              type='subscribe'
-              align='right'
-              url='https://payments.zoho.com/html/store/index.html#subscription?serviceId=4501&customId=663fdca528bdf9365ce2f40f33c92dfdf35b4163fc71296705f3c7989596ba8f'
-            >
-              submit
-            </Link>
-          </span>
-          <span style={style}>
-            <Link
-              type='default'
-              align='center'
-              url='https://payments.zoho.com/html/store/index.html#subscription?serviceId=4501&customId=663fdca528bdf9365ce2f40f33c92dfdf35b4163fc71296705f3c7989596ba8f'
-            />
-          </span>
-          <span style={style}>
-            <Link
-              type='default'
-              align='right'
-              url='https://payments.zoho.com/html/store/index.html#subscription?serviceId=4501&customId=663fdca528bdf9365ce2f40f33c92dfdf35b4163fc71296705f3c7989596ba8f'
-            >
-              submit
-            </Link>
-          </span>
-          <span style={style}>
-            <Link
-              linkType='blank'
-              type='default'
-              url='https://payments.zoho.com/html/store/index.html#subscription?serviceId=4501&customId=663fdca528bdf9365ce2f40f33c92dfdf35b4163fc71296705f3c7989596ba8f'
-            >
-              submit
-            </Link>
-          </span>*/}
-      </div>
-    );
-  }
-}
-
-Link__default.docs = {
-  componentGroup: 'Atom'
-};

package/src/PlusIcon/PlusIcon.js

@@ -1,68 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import style from './PlusIcon.module.css';
-import AvatarIcon from '../avatar/AvatarIcon/AvatarIcon';
-
-export default class PlusIcon extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    let {
-      dataId,
-      iconName,
-      iconClass,
-      iconColor,
-      iconSize,
-      palette,
-      size,
-      onClick,
-      title
-    } = this.props;
-    return (
-      <span
-        className={style.container}
-        onClick={onClick}
-        data-id={dataId}
-        data-title={title}
-      >
-        <AvatarIcon
-          name={iconName}
-          iconClass={iconClass}
-          iconColor={iconColor}
-          iconSize={iconSize}
-          palette={palette}
-          size={size}
-        />
-      </span>
-    );
-  }
-}
-PlusIcon.defaultProps = {
-  size: 'xmedium',
-  iconName: 'ZD-plus',
-  palette: 'secondary',
-  iconSize: '16',
-  iconColor: 'primary',
-  dataId: 'addreqNowbutton',
-  iconClass: ''
-};
-PlusIcon.propTypes = {
-  dataId: PropTypes.string,
-  iconClass: PropTypes.string,
-  iconName: PropTypes.string,
-  iconSize: PropTypes.string,
-  onClick: PropTypes.func,
-  palette: PropTypes.string,
-  size: PropTypes.string,
-  title: PropTypes.string,
-  iconColor: PropTypes.string
-};
-
-if (__DOCS__) {
-  PlusIcon.docs = {
-    componentGroup: 'Common',
-    folderName: 'Ticket DetailView'
-  };
-}

package/src/PlusIcon/PlusIcon.module.css

@@ -1,7 +0,0 @@
-.container {
-  composes: dinblk from '~@zohodesk/components/lib/common/common.module.css';
-  border-radius: 50%;
-  box-shadow: 0 2px 3px 0 var(--zd_shadow_primarytrans3);
-  cursor: pointer;
-  background-color: var(--zd_bg_faintblue);
-}

package/src/PlusIcon/docs/PlusIcon__default.docs.js

@@ -1,18 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import PlusIcon from '../PlusIcon';
-export default class PlusIcon__default extends Component {
-  render() {
-    return (
-      <div>
-        <PlusIcon />
-      </div>
-    );
-  }
-}
-if (__DOCS__) {
-  PlusIcon__default.docs = {
-    componentGroup: 'Common',
-    folderName: 'Ticket DetailView'
-  };
-}