@zohodesk/dot 1.9.1 → 1.9.3

package/es/v1/ImportantNotes/ImportantNotes.js

@@ -1,41 +0,0 @@
-import React from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import { Container, Box } from '@zohodesk/components/es/v1/Layout';
-import { Icon } from '@zohodesk/icons';
-import style from "../../ImportantNotes/ImportantNotes.module.css";
-export default function ImportantNotes(props) {
-  let {
-    text,
-    iconName,
-    iconSize,
-    children,
-    iconClass,
-    isCover,
-    className
-  } = 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/v1/ImportantNotes/props/defaultProps.js

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

package/es/v1/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/v1/Link/Link.js

@@ -1,93 +0,0 @@
-import React, { useContext, useRef } from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import { cancelBubblingEffect } from '@zohodesk/components/es/utils/Common';
-import LinkContext from "../../Link/LinkContext";
-import style from "../../Link/Link.module.css";
-export default function Link(props) {
-  let {
-    children,
-    href,
-    target,
-    urlData,
-    urlName,
-    className,
-    title,
-    download,
-    rel,
-    dataId,
-    customProps,
-    ariaLabel,
-    hasReload,
-    onClick
-  } = props;
-  const {
-    options
-  } = useContext(LinkContext);
-  const {
-    isLink,
-    constructURL,
-    onCallBack
-  } = options;
-  let urlOutput = href ? href : constructURL(urlName, urlData);
-  let option = useRef({});
-
-  if (download) {
-    option.current.download = true;
-  }
-
-  let ignoreKeys = ['children', 'href', 'target', 'urlData', 'urlName', 'className', 'title', 'download', 'rel', 'dataId', 'hasReload', 'customProps', 'option', 'ariaLabel'];
-  let others = Object.keys(props).filter(key => ignoreKeys.indexOf(key) == -1).reduce((res, key) => {
-    res[key] = props[key];
-    return res;
-  }, {});
-
-  function callBack(e) {
-    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(e);
-  }
-
-  function addHttp(url) {
-    /* eslint-disable */
-    if (!/^(f|ht)tps?:\/\//i.test(url)) {
-      url = 'http://' + url;
-    }
-    /* eslint-enable */
-
-
-    return url;
-  } //urlOutput = addHttp(urlOutput);
-
-
-  return /*#__PURE__*/React.createElement("a", {
-    href: isLink && urlOutput ? urlOutput : 'javascript:void(0);',
-    target: target,
-    "data-title": title,
-    className: `${style.container}  ${className ? className : ''}`,
-    ...option.current,
-    rel: rel,
-    "data-id": dataId,
-    "data-test-id": dataId,
-    ...others,
-    onClick: callBack,
-    ...customProps,
-    "aria-label": ariaLabel
-  }, children);
-}
-Link.defaultProps = defaultProps;
-Link.propTypes = propTypes; // if (__DOCS__) {
-//   Link.docs = {
-//     componentGroup: 'Atom'
-//   };
-// }

package/es/v1/Link/props/defaultProps.js

@@ -1,5 +0,0 @@
-export const defaultProps = {
-  rel: 'noopener noreferrer',
-  hasReload: false,
-  customProps: {}
-};

package/es/v1/Link/props/propTypes.js

@@ -1,18 +0,0 @@
-import PropTypes from 'prop-types';
-export const propTypes = {
-  children: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  hasReload: PropTypes.bool,
-  href: PropTypes.string,
-  rel: PropTypes.string,
-  target: PropTypes.oneOf(['_blank', '_self']),
-  title: PropTypes.string,
-  urlData: PropTypes.object,
-  urlName: PropTypes.string,
-  customProps: PropTypes.object,
-  onClick: PropTypes.func,
-  download: PropTypes.bool,
-  ariaLabel: PropTypes.string,
-  key: PropTypes.string
-};

package/es/v1/Loader/Loader.js

@@ -1,15 +0,0 @@
-import React from 'react';
-import { useZIndex } from '@zohodesk/components/es/Provider/ZindexProvider';
-import style from "../../Loader/Loader.module.css";
-export default function Loader() {
-  let getNextId = useZIndex();
-  let Zindex = getNextId();
-  return /*#__PURE__*/React.createElement("div", {
-    className: style.ajaxLoader,
-    style: {
-      zIndex: `${Zindex}`
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: style.loader
-  }));
-}

package/es/v1/Message/Message.js

@@ -1,91 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes, MessageUI_propTypes, MessageNew_propTypes } from "./props/propTypes";
-import { Icon } from '@zohodesk/icons';
-import AutoClose from "../actions/AutoClose";
-import style from "../../Message/Message.module.css";
-export default function Message(props) {
-  // constructor(props) {
-  //   super(props);
-  //   this.state = { hideMessage: false };
-  // }
-  // const [hideMessage,setHideMessage] = useState(false)
-  let {
-    showMessage,
-    hideMessage,
-    type
-  } = props;
-  useEffect(() => {
-    if (type != 'alert') {
-      setTimeout(() => {
-        hideMessage();
-      }, 3000);
-    }
-  }, [showMessage]);
-  return /*#__PURE__*/React.createElement(MessageUI, { ...props
-  });
-}
-Message.propTypes = propTypes;
-Message.defaultProps = defaultProps;
-export function MessageUI(props) {
-  function onClose(e) {
-    let {
-      hideMessage,
-      onClose
-    } = props;
-    hideMessage && hideMessage(e);
-    onClose && onClose(e);
-  }
-
-  let {
-    type,
-    message,
-    onClick,
-    i18nKeys,
-    dataSelectorId
-  } = props;
-  let {
-    closeTitle = 'Close'
-  } = i18nKeys;
-  return /*#__PURE__*/React.createElement("div", {
-    className: style.message,
-    "data-id": `show_${type}_message`,
-    "data-test-id": `show_${type}_message`,
-    "data-selector-id": dataSelectorId
-  }, /*#__PURE__*/React.createElement("div", {
-    className: style.container
-  }, /*#__PURE__*/React.createElement("div", {
-    className: style[type]
-  }, /*#__PURE__*/React.createElement("span", {
-    className: style.tickIcn
-  }, /*#__PURE__*/React.createElement(Icon, {
-    name: type == 'alert' ? 'ZD-notifiExclamation' : type == 'info' ? 'ZD-info31' : 'ZD-check',
-    isBold: true,
-    size: "10"
-  }))), /*#__PURE__*/React.createElement("span", {
-    className: style.text,
-    onClick: onClick,
-    "data-id": "infoMessage",
-    "data-test-id": "infoMessage",
-    dangerouslySetInnerHTML: {
-      __html: message
-    }
-  }), /*#__PURE__*/React.createElement("span", {
-    className: style.close,
-    "data-title": closeTitle,
-    onClick: onClose,
-    "data-id": `close_${type}_message`,
-    "data-test-id": `close_${type}_message`
-  }, /*#__PURE__*/React.createElement(Icon, {
-    name: "ZD-closee",
-    isBold: true,
-    size: "10"
-  }))));
-}
-MessageUI.propTypes = MessageUI_propTypes;
-export function MessageNew(props) {
-  return /*#__PURE__*/React.createElement(AutoClose, { ...props,
-    Element: MessageUI
-  });
-}
-MessageNew.propTypes = MessageNew_propTypes;

package/es/v1/Message/props/defaultProps.js

@@ -1,4 +0,0 @@
-export const defaultProps = {
-  i18nKeys: {},
-  dataSelectorId: 'message'
-};

package/es/v1/Message/props/propTypes.js

@@ -1,20 +0,0 @@
-import PropTypes from 'prop-types';
-import { propTypes as AutoClose_PropTypes } from "../../actions/props/propTypes";
-export const propTypes = {
-  hideMessage: PropTypes.func,
-  showMessage: PropTypes.bool,
-  type: PropTypes.oneOf(['success', 'alert', 'info'])
-};
-export const MessageUI_propTypes = {
-  message: PropTypes.string,
-  onClick: PropTypes.func,
-  onClose: PropTypes.func,
-  dataSelectorId: PropTypes.string,
-  i18nKeys: PropTypes.shape({
-    closeTitle: PropTypes.string
-  }),
-  hideMessage: PropTypes.func,
-  type: PropTypes.oneOf(['success', 'alert', 'info'])
-};
-export const MessageNew_propTypes = { ...AutoClose_PropTypes
-};

package/es/v1/MessageBanner/MessageBanner.js

@@ -1,60 +0,0 @@
-import React from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import Link from "../Link/Link";
-import { Icon } from '@zohodesk/icons';
-import { Container, Box } from '@zohodesk/components/es/v1/Layout';
-import style from "../../MessageBanner/MessageBanner.module.css";
-export default function MessageBanner(props) {
-  let {
-    type,
-    message,
-    onClose,
-    href,
-    onClick,
-    urlText,
-    palette,
-    customClass,
-    dataId,
-    dataSelectorId
-  } = props;
-  return /*#__PURE__*/React.createElement(Container, {
-    className: `${style[`type_${type}`]} ${style[`palette_${palette}`]} ${customClass}`,
-    alignBox: "row",
-    isCover: false,
-    dataId: dataId,
-    dataSelectorId: dataSelectorId
-  }, /*#__PURE__*/React.createElement(Box, {
-    className: style.content,
-    flexible: true
-  }, /*#__PURE__*/React.createElement(Container, {
-    alignBox: "row",
-    align: "both"
-  }, /*#__PURE__*/React.createElement(Box, {
-    className: style.message,
-    adjust: true,
-    shrink: true,
-    "data-title": message
-  }, message), href && /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Link, {
-    href: href,
-    onClick: onClick,
-    className: style.link,
-    target: "_blank",
-    dataId: `${dataId}_link`
-  }, urlText)))), onClose ? /*#__PURE__*/React.createElement(Box, {
-    className: style.close,
-    onClick: onClose,
-    dataId: `${dataId}_close`
-  }, /*#__PURE__*/React.createElement(Container, {
-    align: "both"
-  }, /*#__PURE__*/React.createElement(Icon, {
-    name: "ZD-closee",
-    size: "35"
-  }))) : null);
-}
-MessageBanner.defaultProps = defaultProps;
-MessageBanner.propTypes = propTypes; // if (__DOCS__) {
-//   MessageBanner.docs = {
-//     componentGroup: 'Atom'
-//   };
-// }

package/es/v1/MessageBanner/props/defaultProps.js

@@ -1,7 +0,0 @@
-export const defaultProps = {
-  type: 'primary',
-  palette: 'default',
-  customClass: '',
-  dataId: 'MessageBanner',
-  dataSelectorId: 'messageBanner'
-};

package/es/v1/MessageBanner/props/propTypes.js

@@ -1,13 +0,0 @@
-import PropTypes from 'prop-types';
-export const propTypes = {
-  customClass: PropTypes.string,
-  href: PropTypes.string,
-  message: PropTypes.string,
-  onClick: PropTypes.func,
-  onClose: PropTypes.func,
-  palette: PropTypes.oneOf(['default', 'blue', 'white']),
-  type: PropTypes.oneOf(['primary', 'secondary']),
-  urlText: PropTypes.string,
-  dataId: PropTypes.string,
-  dataSelectorId: PropTypes.string
-};

package/es/v1/NewStar/NewStar.js

@@ -1,61 +0,0 @@
-import React from 'react';
-import { Icon } from '@zohodesk/icons';
-import { Container } from '@zohodesk/components/es/v1/Layout';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import style from "../../NewStar/NewStar.module.css";
-
-const NewStar = props => {
-  const {
-    palette,
-    customClass,
-    position
-  } = props;
-  const alignPosition = {
-    topRight: {
-      className: style.topRight // align: 'right',
-      // alignBox: 'row',
-      // reverse: 'wrap'
-
-    },
-    topLeft: {
-      className: style.topLeft // align: 'left',
-      // alignBox: 'row',
-      // reverse: 'wrap'
-
-    },
-    bottomLeft: {
-      className: style.bottomLeft // align: 'left',
-      // alignBox: 'column-reverse',
-      // reverse: 'wrap'
-
-    },
-    bottomRight: {
-      className: style.bottomRight // align: 'right',
-      // alignBox: 'column',
-      // reverse: 'wrap-reverse'
-
-    }
-  };
-  return /*#__PURE__*/React.createElement(Container, {
-    alignBox: "row",
-    isCover: false,
-    className: `${style.star} ${alignPosition[position].className} ${customClass}`
-  }, /*#__PURE__*/React.createElement(Icon, {
-    name: "ZD-snippetStar",
-    iconClass: `${style[palette]} ${style.starOne}`,
-    size: "10"
-  }), /*#__PURE__*/React.createElement(Icon, {
-    name: "ZD-snippetStar",
-    iconClass: `${style[palette]} ${style.starTwo}`,
-    size: "10"
-  }), /*#__PURE__*/React.createElement(Icon, {
-    name: "ZD-snippetStar",
-    iconClass: `${style[palette]} ${style.starThree}`,
-    size: "10"
-  }));
-};
-
-NewStar.propTypes = propTypes;
-NewStar.defaultProps = defaultProps;
-export default NewStar;

package/es/v1/NewStar/props/defaultProps.js

@@ -1,4 +0,0 @@
-export const defaultProps = {
-  customClass: '',
-  position: 'topRight'
-};

package/es/v1/NewStar/props/propTypes.js

@@ -1,6 +0,0 @@
-import PropTypes from 'prop-types';
-export const propTypes = {
-  customClass: PropTypes.string,
-  palette: PropTypes.oneOf(['green', 'blue', 'yellow']),
-  position: PropTypes.oneOf(['topRight', 'topLeft', 'bottomRight', 'bottomLeft'])
-};

package/es/v1/PlusIcon/PlusIcon.js

@@ -1,32 +0,0 @@
-import React from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import style from "../../PlusIcon/PlusIcon.module.css";
-import AvatarIcon from "../avatar/AvatarIcon/AvatarIcon";
-export default function PlusIcon(props) {
-  let {
-    dataId,
-    iconName,
-    iconClass,
-    iconSize,
-    size,
-    onClick,
-    title,
-    customClass
-  } = props;
-  return /*#__PURE__*/React.createElement("span", {
-    className: style.container,
-    onClick: onClick,
-    "data-id": dataId,
-    "data-test-id": dataId,
-    "data-title": title
-  }, /*#__PURE__*/React.createElement(AvatarIcon, {
-    name: iconName,
-    iconClass: `${iconClass} ${style.icon}`,
-    iconSize: iconSize,
-    size: size,
-    className: `${customClass} ${style.plusIcon}`
-  }));
-}
-PlusIcon.defaultProps = defaultProps;
-PlusIcon.propTypes = propTypes;

package/es/v1/PlusIcon/props/defaultProps.js

@@ -1,8 +0,0 @@
-export const defaultProps = {
-  size: 'xmedium',
-  iconName: 'ZD-plus',
-  iconSize: '16',
-  dataId: 'addreqNowbutton',
-  iconClass: '',
-  customClass: ''
-};

package/es/v1/PlusIcon/props/propTypes.js

@@ -1,11 +0,0 @@
-import PropTypes from 'prop-types';
-export const propTypes = {
-  dataId: PropTypes.string,
-  iconClass: PropTypes.string,
-  iconName: PropTypes.string,
-  iconSize: PropTypes.string,
-  onClick: PropTypes.func,
-  size: PropTypes.string,
-  title: PropTypes.string,
-  customClass: PropTypes.string
-};

package/es/v1/Separator/Separator.js

@@ -1,53 +0,0 @@
-import React from 'react';
-import { Container, Box } from '@zohodesk/components/es/v1/Layout';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import style from "../../Separator/Separator.module.css";
-export default function Separator(props) {
-  const {
-    children,
-    type,
-    customSeparatorType,
-    palette,
-    wrap,
-    shrink,
-    aligndirection,
-    customClass
-  } = props;
-  const {
-    customWrapper,
-    customSeparator,
-    customChildren
-  } = customClass;
-  const data = children.filter(el => el !== null && el !== undefined && el !== false);
-  return /*#__PURE__*/React.createElement(Container, {
-    alignBox: aligndirection,
-    align: aligndirection === 'row' ? 'vertical' : '',
-    wrap: wrap,
-    isCover: false,
-    className: `${style.varClass} ${customWrapper}`
-  }, data.map((child, i) => {
-    if (child) {
-      if (data.length - 1 == i || aligndirection == 'column') {
-        return child && /*#__PURE__*/React.createElement(Box, {
-          shrink: shrink,
-          key: i,
-          className: customChildren
-        }, child);
-      }
-
-      return child && /*#__PURE__*/React.createElement(React.Fragment, {
-        key: i
-      }, /*#__PURE__*/React.createElement(Box, {
-        shrink: shrink,
-        key: i,
-        className: customChildren
-      }, child), /*#__PURE__*/React.createElement(Box, {
-        className: `${style.separator} ${style[palette]} ${customSeparatorType ? '' : style[type]} ${customSeparator} `,
-        key: i
-      }, customSeparatorType ? customSeparatorType : type == 'slash' ? '/' : type == 'arrow' ? '>' : type == 'comma' ? ',' : '\u2022'));
-    }
-  }));
-}
-Separator.defaultProps = defaultProps;
-Separator.propTypes = propTypes;

package/es/v1/Separator/props/defaultProps.js

@@ -1,12 +0,0 @@
-export const defaultProps = {
-  palette: 'default',
-  type: 'dot',
-  wrap: false,
-  shrink: false,
-  aligndirection: 'row',
-  customClass: {
-    customWrapper: '',
-    customSeparator: '',
-    customChildren: ''
-  }
-};

package/es/v1/Separator/props/propTypes.js

@@ -1,11 +0,0 @@
-import PropTypes from 'prop-types';
-export const propTypes = {
-  aligndirection: PropTypes.string,
-  children: PropTypes.any,
-  palette: PropTypes.oneOf(['default', 'primary', 'secondary']),
-  shrink: PropTypes.bool,
-  type: PropTypes.oneOf(['dot', 'slash', 'arrow', 'comma', 'none']),
-  wrap: PropTypes.bool,
-  customClass: PropTypes.object,
-  customSeparatorType: PropTypes.string
-};

package/es/v1/TagWithIcon/TagWithIcon.js

@@ -1,39 +0,0 @@
-import React from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import { Container, Box } from '@zohodesk/components/es/v1/Layout';
-import Icon from '@zohodesk/icons/es/Icon';
-import style from "../../TagWithIcon/TagWithIcon.module.css";
-export default function TagWithIcon(props) {
-  const {
-    text,
-    iconName,
-    iconSize,
-    palette,
-    iconClass,
-    isBold,
-    size,
-    dataId,
-    className,
-    title
-  } = props;
-  return /*#__PURE__*/React.createElement(Container, {
-    isInline: true,
-    alignBox: "row",
-    align: "vertical",
-    isCover: false,
-    className: `${style.wrapper} ${style[palette]} ${style[size]} ${className}`,
-    dataId: dataId,
-    title: title
-  }, iconName ? /*#__PURE__*/React.createElement(Icon, {
-    name: iconName,
-    size: iconSize,
-    iconClass: `${text ? style.iconSpace : ''} ${iconClass} `
-  }) : null, text ? /*#__PURE__*/React.createElement(Box, {
-    shrink: true,
-    "data-title": text,
-    className: `${style.text} ${style[size]}_text ${isBold ? style.bold : ''}`
-  }, text) : null);
-}
-TagWithIcon.propTypes = propTypes;
-TagWithIcon.defaultProps = defaultProps;

package/es/v1/TagWithIcon/props/defaultProps.js

@@ -1,8 +0,0 @@
-export const defaultProps = {
-  iconSize: '9',
-  size: 'large',
-  iconClass: '',
-  isBold: true,
-  palette: 'grey',
-  className: ''
-};

package/es/v1/TagWithIcon/props/propTypes.js

@@ -1,13 +0,0 @@
-import PropTypes from 'prop-types';
-export const propTypes = {
-  iconClass: PropTypes.string,
-  iconName: PropTypes.string,
-  iconSize: PropTypes.string,
-  title: PropTypes.string,
-  isBold: PropTypes.bool,
-  palette: PropTypes.oneOf(['yellow', 'blue', 'grey']),
-  size: PropTypes.oneOf(['small', 'large']),
-  className: PropTypes.string,
-  text: PropTypes.string,
-  dataId: PropTypes.string
-};