@zohodesk/dot 1.0.0-beta.23 → 1.0.0-beta.230

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'
-  };
-}

package/src/ToastMessage/ToastMessage.js

@@ -1,289 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import Icon from '@zohodesk/icons/lib/Icon';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
-import style from './ToastMessage.module.css';
-import { popNotificationAction } from '../actions';
-
-export default class ToastMessage extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      messageState: this.props.messageState,
-      isClose: this.props.isClose
-    };
-    this._mount = false;
-    this.messageOff = this.messageOff.bind(this);
-    this.closePop = this.closePop.bind(this);
-  }
-
-  componentDidMount() {
-    this._mount = true;
-    let { autoClose, hideTime, id, hidePopNotification } = this.props;
-    if (autoClose) {
-      setTimeout(() => {
-        let { isClose } = this.state;
-        if (!isClose && this._mount) {
-          this.setState({ isClose: true }, () => {
-            setTimeout(() => {
-              hidePopNotification(id);
-            }, 300);
-          });
-        }
-      }, hideTime);
-    }
-  }
-
-  componentWillUnmount() {
-    this._mount = false;
-  }
-
-  messageOff(e) {
-    this.setState({ messageState: !this.state.messageState });
-    e.stopPropagation();
-  }
-
-  closePop(e) {
-    this.setState({ isClose: true }, () => {
-      let { id, hidePopNotification } = this.props;
-      setTimeout(() => {
-        hidePopNotification(id);
-      }, 300);
-    });
-
-    e.stopPropagation();
-  }
-
-  render() {
-    let {
-      id,
-      type,
-      subject,
-      info,
-      submitText,
-      cancelText,
-      iconName,
-      iconSize,
-      submitType,
-      isIconMid,
-      needClose,
-      iconPalette,
-      isMore,
-      message,
-      isAnimate,
-      getLeftContainer,
-      getInnerBottomContainer,
-      getBottomContainer,
-      getSubmitContainer,
-      onSubmit,
-      onCancel,
-      dataId
-    } = this.props;
-
-    let animateClass = this.state.isClose
-      ? style.rightanimate
-      : style.leftanimate;
-    let animateRemoveClass = this.state.isClose
-      ? style.rightanimate
-      : style.leftnoanimate;
-    let channelIcon = (
-      <Icon iconClass={style[iconPalette]} name={iconName} size={iconSize} />
-    );
-
-    return (
-      <Container
-        className={`${style.container} ${
-          isAnimate ? animateClass : animateRemoveClass
-        } ${style[`alert${type}`] ? style[`alert${type}`] : ''}`}
-        isCover={false}
-        dataId={dataId}
-      >
-        <Box className={style.alertifychild} flexible>
-          <Container alignBox='row' className={style.alertifybanner}>
-            <Box className={style.alertleft} flexible>
-              <Container align={isIconMid ? 'vertical' : ''} alignBox='row'>
-                {type != 'success' && !getLeftContainer ? (
-                  <Box className={`${style.alertico}`}>
-                    <span>{channelIcon}</span>
-                  </Box>
-                ) : getLeftContainer ? (
-                  <Box className={`${style.alertico}`}>
-                    {getLeftContainer()}
-                  </Box>
-                ) : null}
-                <Box flexible>
-                  <Container align='vertical' alignBox='row' isCover={false}>
-                    {type == 'success' ? (
-                      <Box className={style.alertTitleLeft}>{channelIcon}</Box>
-                    ) : null}
-                    <Box className={style.alertTitle} flexible>
-                      {subject}
-                    </Box>
-                  </Container>
-                  {info ? <p className={style.alertMessage}>{info}</p> : null}
-                  {getInnerBottomContainer ? (
-                    <div>{getInnerBottomContainer()}</div>
-                  ) : null}
-                </Box>
-                {type == 'information' ? (
-                  <Box
-                    className={style.closeIconPrimary}
-                    onClick={this.closePop}
-                    dataId={dataId + '_close'}
-                  >
-                    <Icon isBold name='ZD-close' size='18' />
-                  </Box>
-                ) : null}
-              </Container>
-            </Box>
-            {type != 'information' ? (
-              <Box className={style.alertright}>
-                <Container className={style.alerttab}>
-                  {needClose ? (
-                    <span
-                      className={style.closeIcon}
-                      onClick={this.closePop}
-                      data-id={dataId + '_closeRight'}
-                    >
-                      <Icon name='ZD-close' size='18' />
-                    </span>
-                  ) : null}
-                  {submitText ? (
-                    <Box
-                      className={`${
-                        getSubmitContainer
-                          ? style.sumbitBorder
-                          : cancelText
-                          ? style.notSolo
-                          : style.mainbutton
-                      } ${getSubmitContainer ? '' : style[submitType]} `}
-                      flexible
-                      onClick={() => {
-                        onSubmit && onSubmit();
-                        popNotificationAction.ob.resolve(id);
-                      }}
-                      dataId={dataId + '_submitButton'}
-                    >
-                      <Container align='vertical' alignBox='row'>
-                        {getSubmitContainer ? (
-                          <Box flexible>{getSubmitContainer()}</Box>
-                        ) : (
-                          <Box className={style.buttonText} flexible>
-                            {submitText}
-                          </Box>
-                        )}
-                      </Container>
-                    </Box>
-                  ) : null}
-                  {cancelText ? (
-                    <Box
-                      className={`${style.cancelButton}`}
-                      flexible
-                      onClick={this.closePop}
-                      dataId={dataId + '_cancelButton'}
-                    >
-                      <Container align='vertical' alignBox='row'>
-                        <Box
-                          className={`${style.buttonText}`}
-                          flexible
-                          onClick={() => {
-                            onCancel && onCancel();
-                            popNotificationAction.ob.reject(id);
-                          }}
-                          dataId={dataId + '_cancelButtonInner'}
-                        >
-                          {cancelText}
-                        </Box>
-                        {isMore ? (
-                          <Box
-                            className={style.dropdown}
-                            onClick={this.messageOff}
-                            dataId={dataId + '_moreIcon'}
-                          >
-                            <Icon name='ZD-down' size='7' />
-                          </Box>
-                        ) : null}
-                      </Container>
-                    </Box>
-                  ) : null}
-                </Container>
-              </Box>
-            ) : null}
-          </Container>
-        </Box>
-        {isMore ? (
-          <Box
-            className={`${style.message} ${
-              this.state.messageState ? '' : style.messageOff
-            }`}
-            tagName='p'
-          >
-            {message}
-          </Box>
-        ) : null}
-
-        {getBottomContainer ? <Box>{getBottomContainer()}</Box> : null}
-      </Container>
-    );
-  }
-}
-
-ToastMessage.propTypes = {
-  autoClose: PropTypes.bool,
-  cancelText: PropTypes.string,
-  getBottomContainer: PropTypes.func,
-  getInnerBottomContainer: PropTypes.func,
-  getLeftContainer: PropTypes.func,
-  getSubmitContainer: PropTypes.func,
-  hidePopNotification: PropTypes.func,
-  hideTime: PropTypes.string,
-  iconName: PropTypes.string,
-  iconPalette: PropTypes.oneOf([
-    'successFill',
-    'dangerFill',
-    'dangerShadow',
-    'successPlain',
-    'dangerPlain',
-    'primaryPlain'
-  ]),
-  iconSize: PropTypes.string,
-  id: PropTypes.string,
-  info: PropTypes.string,
-  isAnimate: PropTypes.bool,
-  isClose: PropTypes.bool,
-  isIconMid: PropTypes.bool,
-  isMore: PropTypes.bool,
-  message: PropTypes.string,
-  messageState: PropTypes.bool,
-  needClose: PropTypes.bool,
-  onCancel: PropTypes.func,
-  onSubmit: PropTypes.func,
-  subject: PropTypes.string,
-  submitText: PropTypes.string,
-  submitType: PropTypes.oneOf(['primary', 'danger', 'success']),
-  type: PropTypes.oneOf(['primary', 'information', 'secondary', 'success']),
-  dataId: PropTypes.string
-};
-
-ToastMessage.defaultProps = {
-  iconName: 'bell',
-  iconSize: '30',
-  submitType: 'primary',
-  isIconMid: false,
-  needClose: false,
-  type: 'primary',
-  isMore: false,
-  messageState: false,
-  isAnimate: true,
-  isClose: false,
-  autoClose: false,
-  hideTime: '3000',
-  dataId: 'toastMessage'
-};
-
-if (__DOCS__) {
-  ToastMessage.docs = {
-    componentGroup: 'Atom',
-    description: ' '
-  };
-}