@zohodesk/dot 1.0.0-temp-187.23 → 1.0.0-temp-187.24

package/es/ImportantNotes/ImportantNotes.js

@@ -1,48 +0,0 @@
-import React from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import { Container, Box } from '@zohodesk/components/es/Layout';
-import { Icon } from '@zohodesk/icons';
-import style from "./ImportantNotes.module.css";
-export default class ImportantNotes extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    let {
-      text,
-      iconName,
-      iconSize,
-      children,
-      iconClass,
-      isCover,
-      className
-    } = this.props;
-    return /*#__PURE__*/React.createElement(Container, {
-      isInline: !isCover,
-      isCover: false,
-      alignBox: "row",
-      align: "top",
-      className: `${style.section} ${className || ''}`
-    }, iconName ? /*#__PURE__*/React.createElement(Box, {
-      className: style.icon,
-      align: "start"
-    }, /*#__PURE__*/React.createElement(Icon, {
-      name: iconName,
-      size: iconSize,
-      iconClass: iconClass
-    })) : null, text || children ? /*#__PURE__*/React.createElement(Box, {
-      flexible: true,
-      className: style.title
-    }, text, children ? children : null) : null);
-  }
-
-}
-ImportantNotes.propTypes = propTypes;
-ImportantNotes.defaultProps = defaultProps; // if (__DOCS__) {
-//   ImportantNotes.docs = {
-//     componentGroup: 'Common',
-//     folderName: 'General'
-//   };
-// }

package/es/ImportantNotes/ImportantNotes.module.css

@@ -1,24 +0,0 @@
-.section {
-  background: var(--zdt_importantnotes_bg);
-  padding: var(--zd_size5) var(--zd_size10) ;
-}
-
-.title {
-  font-size: var(--zd_font_size13) ;
-  line-height: 1.3846;
-  color: var(--zdt_importantnotes_title_text);
-}
-
-.icon {
-  color: var(--zdt_importantnotes_icon);
-  font-size: 0 ;
-  margin-top: var(--zd_size1) ;
-}
-
-[dir=ltr] .icon {
-  margin-right: var(--zd_size5) ;
-}
-
-[dir=rtl] .icon {
-  margin-left: var(--zd_size5) ;
-}

package/es/ImportantNotes/__tests__/ImportantNotes.spec.js

@@ -1,107 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import ImportantNotes from "../ImportantNotes";
-describe('ImportantNotes', () => {
-  test('rendering the defult props', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ImportantNotes, null));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('rendering the text prop', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ImportantNotes, {
-      text: "sample text for notes"
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('rendering the iconName prop', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ImportantNotes, {
-      iconName: "ZD-GN-info",
-      text: "sample text for notes"
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('rendering the iconName prop and text and children are empty', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ImportantNotes, {
-      iconName: ""
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('rendering the iconName prop is null and given text value', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ImportantNotes, {
-      iconName: "",
-      text: "sample text for notes"
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('rendering the iconSize', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ImportantNotes, {
-      iconName: "ZD-GN-info",
-      iconSize: "15"
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('rendering the children', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ImportantNotes, null, "children"));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('rendering the text and children prop', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ImportantNotes, {
-      text: "sample text for notes"
-    }, "Sample text for children"));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('rendering the text and children prop is empty', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ImportantNotes, {
-      text: ""
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('rendering the iconClass', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ImportantNotes, {
-      iconName: "ZD-GN-info",
-      iconClass: "customIconClass"
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('rendering the isCover prop is true', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ImportantNotes, null));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('rendering the isCover prop is false', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ImportantNotes, {
-      isCover: false
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('rendering the className prop', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ImportantNotes, {
-      className: "customClass"
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-});

package/es/ImportantNotes/__tests__/__snapshots__/ImportantNotes.spec.js.snap

@@ -1,361 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`ImportantNotes rendering the children 1`] = `
-<DocumentFragment>
-  <div
-    class="section  flex rowdir top"
-    data-id="containerComponent"
-    data-selector-id="container"
-    data-test-id="containerComponent"
-  >
-    <div
-      class="icon shrinkOff selfStart"
-      data-id="boxComponent"
-      data-selector-id="box"
-      data-test-id="boxComponent"
-    >
-      <i
-        aria-hidden="true"
-        class="zd_font_icons basic icon-help-centre    "
-        data-id="fontIcon"
-        data-selector-id="fontIcon"
-        data-test-id="fontIcon"
-        style="--zd-iconfont-size: var(--zd_font_size14);"
-      />
-    </div>
-    <div
-      class="title grow basis shrinkOff"
-      data-id="boxComponent"
-      data-selector-id="box"
-      data-test-id="boxComponent"
-    >
-      children
-    </div>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`ImportantNotes rendering the className prop 1`] = `
-<DocumentFragment>
-  <div
-    class="section customClass flex rowdir top"
-    data-id="containerComponent"
-    data-selector-id="container"
-    data-test-id="containerComponent"
-  >
-    <div
-      class="icon shrinkOff selfStart"
-      data-id="boxComponent"
-      data-selector-id="box"
-      data-test-id="boxComponent"
-    >
-      <i
-        aria-hidden="true"
-        class="zd_font_icons basic icon-help-centre    "
-        data-id="fontIcon"
-        data-selector-id="fontIcon"
-        data-test-id="fontIcon"
-        style="--zd-iconfont-size: var(--zd_font_size14);"
-      />
-    </div>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`ImportantNotes rendering the defult props 1`] = `
-<DocumentFragment>
-  <div
-    class="section  flex rowdir top"
-    data-id="containerComponent"
-    data-selector-id="container"
-    data-test-id="containerComponent"
-  >
-    <div
-      class="icon shrinkOff selfStart"
-      data-id="boxComponent"
-      data-selector-id="box"
-      data-test-id="boxComponent"
-    >
-      <i
-        aria-hidden="true"
-        class="zd_font_icons basic icon-help-centre    "
-        data-id="fontIcon"
-        data-selector-id="fontIcon"
-        data-test-id="fontIcon"
-        style="--zd-iconfont-size: var(--zd_font_size14);"
-      />
-    </div>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`ImportantNotes rendering the iconClass 1`] = `
-<DocumentFragment>
-  <div
-    class="section  flex rowdir top"
-    data-id="containerComponent"
-    data-selector-id="container"
-    data-test-id="containerComponent"
-  >
-    <div
-      class="icon shrinkOff selfStart"
-      data-id="boxComponent"
-      data-selector-id="box"
-      data-test-id="boxComponent"
-    >
-      <i
-        aria-hidden="true"
-        class="zd_font_icons basic icon-info  customIconClass  "
-        data-id="fontIcon"
-        data-selector-id="fontIcon"
-        data-test-id="fontIcon"
-        style="--zd-iconfont-size: var(--zd_font_size14);"
-      />
-    </div>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`ImportantNotes rendering the iconName prop 1`] = `
-<DocumentFragment>
-  <div
-    class="section  flex rowdir top"
-    data-id="containerComponent"
-    data-selector-id="container"
-    data-test-id="containerComponent"
-  >
-    <div
-      class="icon shrinkOff selfStart"
-      data-id="boxComponent"
-      data-selector-id="box"
-      data-test-id="boxComponent"
-    >
-      <i
-        aria-hidden="true"
-        class="zd_font_icons basic icon-info    "
-        data-id="fontIcon"
-        data-selector-id="fontIcon"
-        data-test-id="fontIcon"
-        style="--zd-iconfont-size: var(--zd_font_size14);"
-      />
-    </div>
-    <div
-      class="title grow basis shrinkOff"
-      data-id="boxComponent"
-      data-selector-id="box"
-      data-test-id="boxComponent"
-    >
-      sample text for notes
-    </div>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`ImportantNotes rendering the iconName prop and text and children are empty 1`] = `
-<DocumentFragment>
-  <div
-    class="section  flex rowdir top"
-    data-id="containerComponent"
-    data-selector-id="container"
-    data-test-id="containerComponent"
-  />
-</DocumentFragment>
-`;
-
-exports[`ImportantNotes rendering the iconName prop is null and given text value 1`] = `
-<DocumentFragment>
-  <div
-    class="section  flex rowdir top"
-    data-id="containerComponent"
-    data-selector-id="container"
-    data-test-id="containerComponent"
-  >
-    <div
-      class="title grow basis shrinkOff"
-      data-id="boxComponent"
-      data-selector-id="box"
-      data-test-id="boxComponent"
-    >
-      sample text for notes
-    </div>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`ImportantNotes rendering the iconSize 1`] = `
-<DocumentFragment>
-  <div
-    class="section  flex rowdir top"
-    data-id="containerComponent"
-    data-selector-id="container"
-    data-test-id="containerComponent"
-  >
-    <div
-      class="icon shrinkOff selfStart"
-      data-id="boxComponent"
-      data-selector-id="box"
-      data-test-id="boxComponent"
-    >
-      <i
-        aria-hidden="true"
-        class="zd_font_icons basic icon-info    "
-        data-id="fontIcon"
-        data-selector-id="fontIcon"
-        data-test-id="fontIcon"
-        style="--zd-iconfont-size: var(--zd_font_size15);"
-      />
-    </div>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`ImportantNotes rendering the isCover prop is false 1`] = `
-<DocumentFragment>
-  <div
-    class="section  inflex rowdir top"
-    data-id="containerComponent"
-    data-selector-id="container"
-    data-test-id="containerComponent"
-  >
-    <div
-      class="icon shrinkOff selfStart"
-      data-id="boxComponent"
-      data-selector-id="box"
-      data-test-id="boxComponent"
-    >
-      <i
-        aria-hidden="true"
-        class="zd_font_icons basic icon-help-centre    "
-        data-id="fontIcon"
-        data-selector-id="fontIcon"
-        data-test-id="fontIcon"
-        style="--zd-iconfont-size: var(--zd_font_size14);"
-      />
-    </div>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`ImportantNotes rendering the isCover prop is true 1`] = `
-<DocumentFragment>
-  <div
-    class="section  flex rowdir top"
-    data-id="containerComponent"
-    data-selector-id="container"
-    data-test-id="containerComponent"
-  >
-    <div
-      class="icon shrinkOff selfStart"
-      data-id="boxComponent"
-      data-selector-id="box"
-      data-test-id="boxComponent"
-    >
-      <i
-        aria-hidden="true"
-        class="zd_font_icons basic icon-help-centre    "
-        data-id="fontIcon"
-        data-selector-id="fontIcon"
-        data-test-id="fontIcon"
-        style="--zd-iconfont-size: var(--zd_font_size14);"
-      />
-    </div>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`ImportantNotes rendering the text and children prop 1`] = `
-<DocumentFragment>
-  <div
-    class="section  flex rowdir top"
-    data-id="containerComponent"
-    data-selector-id="container"
-    data-test-id="containerComponent"
-  >
-    <div
-      class="icon shrinkOff selfStart"
-      data-id="boxComponent"
-      data-selector-id="box"
-      data-test-id="boxComponent"
-    >
-      <i
-        aria-hidden="true"
-        class="zd_font_icons basic icon-help-centre    "
-        data-id="fontIcon"
-        data-selector-id="fontIcon"
-        data-test-id="fontIcon"
-        style="--zd-iconfont-size: var(--zd_font_size14);"
-      />
-    </div>
-    <div
-      class="title grow basis shrinkOff"
-      data-id="boxComponent"
-      data-selector-id="box"
-      data-test-id="boxComponent"
-    >
-      sample text for notesSample text for children
-    </div>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`ImportantNotes rendering the text and children prop is empty 1`] = `
-<DocumentFragment>
-  <div
-    class="section  flex rowdir top"
-    data-id="containerComponent"
-    data-selector-id="container"
-    data-test-id="containerComponent"
-  >
-    <div
-      class="icon shrinkOff selfStart"
-      data-id="boxComponent"
-      data-selector-id="box"
-      data-test-id="boxComponent"
-    >
-      <i
-        aria-hidden="true"
-        class="zd_font_icons basic icon-help-centre    "
-        data-id="fontIcon"
-        data-selector-id="fontIcon"
-        data-test-id="fontIcon"
-        style="--zd-iconfont-size: var(--zd_font_size14);"
-      />
-    </div>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`ImportantNotes rendering the text prop 1`] = `
-<DocumentFragment>
-  <div
-    class="section  flex rowdir top"
-    data-id="containerComponent"
-    data-selector-id="container"
-    data-test-id="containerComponent"
-  >
-    <div
-      class="icon shrinkOff selfStart"
-      data-id="boxComponent"
-      data-selector-id="box"
-      data-test-id="boxComponent"
-    >
-      <i
-        aria-hidden="true"
-        class="zd_font_icons basic icon-help-centre    "
-        data-id="fontIcon"
-        data-selector-id="fontIcon"
-        data-test-id="fontIcon"
-        style="--zd-iconfont-size: var(--zd_font_size14);"
-      />
-    </div>
-    <div
-      class="title grow basis shrinkOff"
-      data-id="boxComponent"
-      data-selector-id="box"
-      data-test-id="boxComponent"
-    >
-      sample text for notes
-    </div>
-  </div>
-</DocumentFragment>
-`;

package/es/ImportantNotes/props/defaultProps.js

@@ -1,6 +0,0 @@
-export const defaultProps = {
-  iconName: 'ZD-helpCentre',
-  iconSize: '14',
-  iconClass: '',
-  isCover: true
-};

package/es/ImportantNotes/props/propTypes.js

@@ -1,10 +0,0 @@
-import PropTypes from 'prop-types';
-export const propTypes = {
-  children: PropTypes.node,
-  iconClass: PropTypes.string,
-  iconName: PropTypes.string,
-  iconSize: PropTypes.string,
-  isCover: PropTypes.bool,
-  text: PropTypes.string,
-  className: PropTypes.string
-};

package/es/Link/Link.js

@@ -1,106 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-import React from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import { cancelBubblingEffect } from '@zohodesk/components/es/utils/Common';
-import style from "./Link.module.css";
-import LinkContext from "./LinkContext";
-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;
-
-    if (e && (e.metaKey || e.altKey || e.ctrlKey || e.shiftKey)) {
-      cancelBubblingEffect(e);
-      return;
-    }
-
-    onClick && onClick(e);
-
-    if (!hasReload && target != '_blank') {
-      e && e.preventDefault();
-    }
-
-    cancelBubblingEffect(e);
-    !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,
-      customProps,
-      ariaLabel
-    } = this.props;
-    let {
-      isLink,
-      constructURL
-    } = this.context.options;
-    let urlOutput = href ? href : constructURL(urlName, urlData);
-    let option = {};
-
-    if (download) {
-      option.download = true;
-    }
-
-    let ignoreKeys = ['children', 'href', 'target', 'urlData', 'urlName', 'className', 'title', 'download', 'rel', 'dataId', 'hasReload', 'customProps', 'option', 'ariaLabel'];
-    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 /*#__PURE__*/React.createElement("a", _extends({
-      href: isLink && urlOutput ? urlOutput : 'javascript:void(0);',
-      target: target,
-      "data-title": title,
-      className: `${style.container}  ${className ? className : ''}`
-    }, option, {
-      rel: rel,
-      "data-id": dataId,
-      "data-test-id": dataId
-    }, others, {
-      onClick: this.onCallBack.bind(this, urlOutput, href)
-    }, customProps, {
-      "aria-label": ariaLabel
-    }), children);
-  }
-
-}
-Link.contextType = LinkContext;
-Link.defaultProps = defaultProps;
-Link.propTypes = propTypes; // if (__DOCS__) {
-//   Link.docs = {
-//     componentGroup: 'Atom'
-//   };
-// }

package/es/Link/Link.module.css

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

package/es/Link/LinkContext.js

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