@zohodesk/dot 1.9.2 → 1.9.4

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

@@ -1,37 +0,0 @@
-import PropTypes from 'prop-types';
-export const propTypes = {
-  action: PropTypes.string,
-  channel: PropTypes.string,
-  channelTitle: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  className: PropTypes.string,
-  customTextClass: PropTypes.string,
-  dataId: PropTypes.string,
-  frontClass: PropTypes.string,
-  icon: PropTypes.string,
-  iconClass: PropTypes.string,
-  iconColor: PropTypes.string,
-  iconSize: PropTypes.string,
-  id: PropTypes.string.isRequired,
-  initial: PropTypes.string,
-  isChecked: PropTypes.bool,
-  isFilledCheckbox: PropTypes.bool,
-  isPaidUser: PropTypes.bool,
-  isPortalUser: PropTypes.bool,
-  name: PropTypes.string,
-  needTitle: PropTypes.bool,
-  noNeedFlip: PropTypes.bool,
-  onChange: PropTypes.func,
-  palette: PropTypes.oneOf(['primary', 'secondary', 'info', 'default']),
-  size: PropTypes.string,
-  src: PropTypes.string,
-  textPalette: PropTypes.oneOf(['white', 'black']),
-  ticList: PropTypes.string,
-  ticListContainer: PropTypes.string,
-  tourId: PropTypes.string,
-  customProps: PropTypes.shape({
-    CheckBoxProps: PropTypes.object,
-    ChannelIconProps: PropTypes.object,
-    AvatarIconProps: PropTypes.object,
-    AvatarUserProps: PropTypes.object
-  })
-};

package/es/v1/FormAction/FormAction.js

@@ -1,75 +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 style from "../../FormAction/FormAction.module.css";
-export const LeftSide = props => {
-  props.children;
-};
-export const RightSide = props => {
-  props.children;
-};
-export const Center = props => {
-  props.children;
-};
-export default function FormAction(props) {
-  let {
-    size,
-    children,
-    paddingLeftSize,
-    paddingRightClass,
-    dataSelectorId
-  } = props;
-  let leftbuttonGroup = [],
-      rightbuttonGroup = [],
-      centerbuttonGroup = [];
-  React.Children.map(children, child => {
-    if (!child) {
-      return child;
-    } else if (child.type === LeftSide) {
-      leftbuttonGroup = leftbuttonGroup.concat(child.props.children);
-    } else if (child.type === RightSide) {
-      rightbuttonGroup = rightbuttonGroup.concat(child.props.children);
-    } else if (child.type === Center) {
-      centerbuttonGroup = centerbuttonGroup.concat(child.props.children);
-    } else {
-      leftbuttonGroup.push(child);
-    }
-  });
-  let hasLeftChild = leftbuttonGroup.length > 0;
-  let hasRightChild = rightbuttonGroup.length > 0;
-  let hasCenterChild = centerbuttonGroup.length > 0;
-  return /*#__PURE__*/React.createElement("div", {
-    className: style.wrapperDiv,
-    "data-selector-id": dataSelectorId
-  }, /*#__PURE__*/React.createElement(Container, {
-    alignBox: "row",
-    isCover: false,
-    align: hasCenterChild ? 'around' : hasRightChild && !hasLeftChild ? 'right' : null,
-    className: `
-                        ${`${style.footerParent} ${hasCenterChild ? '' : style[`${paddingLeftSize ? paddingLeftSize : size}Padding`]} ${paddingRightClass}`}
-
-                        ${style[`${size}Footer`]}
-                    `
-  }, hasLeftChild ? /*#__PURE__*/React.createElement(Box, {
-    flexible: hasRightChild ? true : false,
-    shrink: !hasRightChild && hasLeftChild ? true : false
-  }, leftbuttonGroup.length > 1 ? leftbuttonGroup.map((item, index) => /*#__PURE__*/React.createElement("div", {
-    className: style.marginRight,
-    key: index
-  }, item)) : leftbuttonGroup[0]) : null, hasRightChild ? /*#__PURE__*/React.createElement(Box, {
-    shrink: hasRightChild && !hasLeftChild ? true : false
-  }, rightbuttonGroup.length > 1 ? rightbuttonGroup.map((item, index) => /*#__PURE__*/React.createElement("div", {
-    className: style.marginRight,
-    key: index
-  }, item)) : rightbuttonGroup[0]) : null, hasCenterChild ? /*#__PURE__*/React.createElement(Box, null, centerbuttonGroup.length > 1 ? centerbuttonGroup.map((item, index) => /*#__PURE__*/React.createElement("div", {
-    className: style.marginRight,
-    key: index
-  }, item)) : centerbuttonGroup[0]) : null));
-}
-FormAction.propTypes = propTypes;
-FormAction.defaultProps = defaultProps; // if (__DOCS__) {
-//   FormAction.docs = {
-//     componentGroup: 'Atom'
-//   };
-// }

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

@@ -1,5 +0,0 @@
-export const defaultProps = {
-  size: 'medium',
-  paddingRightClass: '',
-  dataSelectorId: 'formAction'
-};

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

@@ -1,8 +0,0 @@
-import PropTypes from 'prop-types';
-export const propTypes = {
-  children: PropTypes.node,
-  paddingLeftSize: PropTypes.oneOf(['large', 'medium', 'xmedium', 'small', 'xsmall']),
-  paddingRightClass: PropTypes.string,
-  size: PropTypes.oneOf(['large', 'medium', 'small']),
-  dataSelectorId: PropTypes.string
-};

package/es/v1/FreezeLayer/FreezeLayer.js

@@ -1,74 +0,0 @@
-import React from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import { Container } from '@zohodesk/components/es/v1/Layout';
-import { mergeStyle } from '@zohodesk/utils';
-import VelocityAnimationGroup from '@zohodesk/components/es/v1/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup';
-import { useZIndex } from '@zohodesk/components/es/Provider/ZindexProvider';
-import cssJSLogic from "../../FreezeLayer/css/cssJSLogic";
-import useFreezeLayer from "../../Hooks/useFreezeLayer";
-import style from "../../FreezeLayer/css/FreezeLayer.module.css";
-export default function FreezeLayer(props) {
-  let {
-    isActive: propsActive,
-    children,
-    align,
-    childAnimationName,
-    palette,
-    onClick,
-    animationName,
-    runOnMount,
-    forwardRef,
-    isSvgMask,
-    needAutoZindex,
-    customStyle
-  } = props;
-  const finalStyle = mergeStyle(style, customStyle);
-  const {
-    freezeClass
-  } = cssJSLogic({
-    props,
-    style: finalStyle
-  });
-  const getNextIndex = useZIndex();
-  const {
-    isActive,
-    isChildActive,
-    handleClick
-  } = useFreezeLayer({
-    isActive: propsActive,
-    onClick
-  });
-  return /*#__PURE__*/React.createElement(VelocityAnimationGroup, {
-    name: animationName && animationName,
-    isActive: isActive,
-    runOnMount: runOnMount
-  }, /*#__PURE__*/React.createElement("div", {
-    style: isActive && needAutoZindex ? {
-      zIndex: `${getNextIndex()}`
-    } : {},
-    className: freezeClass,
-    onClick: handleClick,
-    "data-drag-parent": true,
-    ref: forwardRef
-  }, children && /*#__PURE__*/React.createElement(React.Fragment, null, childAnimationName ? /*#__PURE__*/React.createElement(VelocityAnimationGroup, {
-    name: childAnimationName,
-    isActive: isChildActive,
-    enterDelay: palette === 'plain' ? 0 : 300,
-    component: Container,
-    alignBox: "row",
-    align: align,
-    dataId: "reactFreezeLayer"
-  }, children) : isSvgMask ? /*#__PURE__*/React.createElement(React.Fragment, null, children) : /*#__PURE__*/React.createElement(Container, {
-    alignBox: "row",
-    align: align,
-    dataId: "reactFreezeLayer"
-  }, children))));
-}
-FreezeLayer.propTypes = propTypes;
-FreezeLayer.defaultProps = defaultProps; // if (__DOCS__) {
-//   FreezeLayer.docs = {
-//     componentGroup: 'Atom',
-//     folderName: 'General'
-//   };
-// }

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

@@ -1,9 +0,0 @@
-export const defaultProps = {
-  isActive: false,
-  palette: 'default',
-  zIndex: '5',
-  isSvgMask: false,
-  customClass: '',
-  customStyle: {},
-  needAutoZindex: true
-};

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

@@ -1,19 +0,0 @@
-import PropTypes from 'prop-types';
-let animationValues = ['fade', 'shrink', 'expand', 'slideRight', 'slideDown', 'flyDown'];
-export const propTypes = {
-  align: PropTypes.oneOf(['horizontal', 'vertical', 'both']),
-  animationName: PropTypes.oneOf(animationValues),
-  childAnimationName: PropTypes.oneOf(animationValues),
-  children: PropTypes.node,
-  customClass: PropTypes.string,
-  forwardRef: PropTypes.object,
-  isActive: PropTypes.bool,
-  isSvgMask: PropTypes.bool,
-  needAutoZindex: PropTypes.bool,
-  onClick: PropTypes.oneOfType([PropTypes.func, PropTypes.bool]),
-  palette: PropTypes.oneOf(['dark', 'default', 'darkLight', 'plain', 'snow']),
-  runOnMount: PropTypes.bool,
-  customStyle: PropTypes.object,
-  zIndex: PropTypes.oneOf(['3', '5', '7', '10'])
-};
-export default propTypes;

package/es/v1/GlobalNotification/GlobalNotification.js

@@ -1,144 +0,0 @@
-import React, { useEffect } from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes, UI_propTypes, new_propTypes } from "./props/propTypes";
-import AutoClose from "../../actions/AutoClose";
-import AlertIcons from "../alert/alertIcons/AlertIcons";
-import AlertClose from "../alert/AlertClose/AlertClose";
-import { Container, Box } from '@zohodesk/components/es/v1/Layout';
-import { cancelBubblingEffect } from '@zohodesk/components/es/utils/Common';
-import style from "../../version2/GlobalNotification/GlobalNotification.module.css";
-export default function GlobalNotification(props) {
-  let {
-    type,
-    message,
-    hideMessage,
-    hideTime,
-    onClick,
-    onClose,
-    needAutoClose,
-    i18nKeys = {},
-    customProps,
-    dataSelectorId,
-    id,
-    needShadow,
-    shadowCount,
-    eleRef
-  } = props;
-  const hideMessageTimer = useRef(null);
-  const [shadowClose, setShadowClose] = useState(true);
-  useEffect(() => {
-    if (needAutoClose) {
-      hideMessageTimer.current = setTimeout(() => {
-        hideMessage(id);
-      }, hideTime);
-    }
-
-    return () => {
-      if (hideMessageTimer.current) {
-        clearTimeout(hideMessageTimer.current);
-      }
-    };
-  }, []);
-  let {
-    closeTitle = 'Close'
-  } = i18nKeys;
-
-  function onCloseLocal(e) {
-    setShadowClose(false);
-    hideMessage && hideMessage(id);
-    onClose && onClose(e);
-  }
-
-  return /*#__PURE__*/React.createElement(GlobalNotificationUI, {
-    type: type,
-    message: message,
-    hideMessage: hideMessage,
-    onClick: onClick,
-    closeTitle: closeTitle,
-    customProps: customProps,
-    dataSelectorId: dataSelectorId,
-    id: id,
-    shadowCount: shadowCount,
-    onClose: onCloseLocal,
-    needShadow: shadowClose && needShadow,
-    eleRef: eleRef
-  });
-}
-GlobalNotification.propTypes = propTypes;
-GlobalNotification.defaultProps = defaultProps; // if (__DOCS__) {
-//   GlobalNotification.docs = {
-//     componentGroup: 'GlobalNotification',
-//     folderName: 'Alert'
-//   };
-// }
-
-export function GlobalNotificationUI(props) {
-  let {
-    type = '',
-    message,
-    onClick,
-    closeTitle = '',
-    customProps = {},
-    dataSelectorId,
-    shadowCount,
-    needShadow,
-    eleRef,
-    onClose
-  } = props;
-  let {
-    ExtraProps = {}
-  } = customProps;
-
-  function onCloseLocal(e) {
-    cancelBubblingEffect(e);
-    onClose && onClose(e);
-  }
-
-  return /*#__PURE__*/React.createElement("div", {
-    ref: eleRef,
-    className: ` ${style.message} 
-        ${needShadow && shadowCount >= 2 ? shadowCount > 2 ? `${style.stackShadowTwo} ${style.stackShadowOne}` : style.stackShadowOne : ''}
-        ${type ? style[type] : ''}
-      `,
-    "data-id": `show_${type}_message`,
-    "data-test-id": `show_${type}_message`,
-    tabIndex: 0,
-    "data-selector-id": dataSelectorId,
-    ...ExtraProps
-  }, /*#__PURE__*/React.createElement(Container, {
-    className: `${style.container}`,
-    alignBox: "row",
-    isCover: false,
-    align: "vertical",
-    isInline: true
-  }, /*#__PURE__*/React.createElement(Box, {
-    className: style.icon
-  }, /*#__PURE__*/React.createElement(AlertIcons, {
-    type: type,
-    variant: "secondary"
-  })), /*#__PURE__*/React.createElement(Box, {
-    flexible: true
-  }, /*#__PURE__*/React.createElement("div", {
-    className: style.text,
-    onClick: onClick,
-    "data-id": "infoMessage",
-    "data-test-id": "infoMessage",
-    dangerouslySetInnerHTML: {
-      __html: message
-    }
-  })), /*#__PURE__*/React.createElement(Box, {
-    className: style.close
-  }, /*#__PURE__*/React.createElement(AlertClose, {
-    dataId: `close_${type}_message`,
-    dataTitle: closeTitle,
-    onClose: onCloseLocal,
-    type: type
-  }))));
-}
-GlobalNotificationUI.propTypes = UI_propTypes;
-export function GlobalNotificationNew(props) {
-  return /*#__PURE__*/React.createElement(AutoClose, { ...props,
-    Element: GlobalNotificationUI
-  });
-}
-GlobalNotificationNew.propTypes = new_propTypes;

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

@@ -1,6 +0,0 @@
-export const defaultProps = {
-  customProps: {},
-  dataSelectorId: 'globalNotification',
-  needAutoClose: true,
-  hideTime: 3000
-};

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

@@ -1,42 +0,0 @@
-import PropTypes from 'prop-types';
-export const propTypes = {
-  dataSelectorId: PropTypes.string,
-  hideMessage: PropTypes.func,
-  message: PropTypes.string,
-  onClick: PropTypes.func,
-  showMessage: PropTypes.bool,
-  type: PropTypes.oneOf(['success', 'danger', 'info', 'warning', 'error']),
-  i18nKeys: PropTypes.object,
-  customProps: PropTypes.shape({
-    ExtraProps: PropTypes.object
-  }),
-  id: PropTypes.number,
-  hideTime: PropTypes.number,
-  needAutoClose: PropTypes.bool,
-  isCollapseView: PropTypes.bool,
-  shadowCount: PropTypes.number,
-  needShadow: PropTypes.bool
-};
-export const UI_propTypes = {
-  dataSelectorId: PropTypes.string,
-  onClose: PropTypes.func,
-  closeTitle: PropTypes.string,
-  hideMessage: PropTypes.func,
-  message: PropTypes.string,
-  onClick: PropTypes.func,
-  type: PropTypes.oneOf(['success', 'danger', 'info', 'warning', 'error']),
-  customProps: PropTypes.shape({
-    ExtraProps: PropTypes.object
-  }),
-  needShadow: PropTypes.bool,
-  shadowCount: PropTypes.number,
-  id: PropTypes.number,
-  onClose: PropTypes.func
-};
-export const new_propTypes = {
-  Element: PropTypes.element,
-  isClose: PropTypes.bool,
-  onPortalClose: PropTypes.func,
-  autoClose: PropTypes.bool,
-  hideTime: PropTypes.string
-};

package/es/v1/IconButton/IconButton.js

@@ -1,112 +0,0 @@
-import React, { useState } from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import { Icon } from '@zohodesk/icons';
-import { Container } from '@zohodesk/components/es/v1/Layout';
-import btnStyle from '@zohodesk/components/es/semantic/Button/semanticButton.module.css';
-import RippleEffect from '@zohodesk/components/es/v1/RippleEffect/RippleEffect';
-import style from "../../IconButton/IconButton.module.css";
-export default function IconButton(props) {
-  let {
-    palette,
-    iconSize,
-    iconName,
-    className,
-    iconClass,
-    dataId,
-    dataSelectorId,
-    eleRef,
-    isActive,
-    tourId,
-    isDisabled,
-    children,
-    hoverType,
-    title,
-    isBold,
-    isNeedEffect,
-    needButtonTag,
-    a11y,
-    dataIsHtml,
-    customProps,
-    onClick,
-    onMouseOver,
-    onMouseDown
-  } = props;
-  const [isPressed, setPressed] = useState(false);
-
-  function handleToggle(e) {
-    if (e.key === ' ' || e.key === 'Enter' || e.key === 'Spacebar') {
-      e.preventDefault(); // triggerClick(e);
-
-      triggerMouseDown(e);
-    }
-  }
-
-  function triggerClick(e) {
-    !isDisabled ? (onClick && onClick(e), setPressed(true)) : null;
-  }
-
-  function triggerMouseOver(e) {
-    !isDisabled ? (onMouseOver && onMouseOver(e), setPressed(true)) : null;
-  }
-
-  function triggerMouseDown(e) {
-    !isDisabled ? (onMouseDown && onMouseDown(e), setPressed(true)) : null;
-  }
-
-  function onBlur(e) {
-    !isDisabled ? setPressed(false) : null;
-  }
-
-  let {
-    ariaHaspopup,
-    ariaExpanded,
-    ariaLabel,
-    ariaControls,
-    ariaLabelledby
-  } = a11y;
-  return /*#__PURE__*/React.createElement(RippleEffect, {
-    palette: palette,
-    isActive: isActive,
-    hoverType: hoverType,
-    isDisabled: isDisabled,
-    isNeedEffect: isNeedEffect
-  }, /*#__PURE__*/React.createElement(Container, {
-    "aria-label": ariaLabel,
-    "aria-haspopup": ariaHaspopup,
-    "aria-expanded": ariaExpanded,
-    "aria-controls": ariaControls,
-    "aria-labelledby": ariaLabelledby,
-    tagName: needButtonTag ? 'button' : 'div',
-    isInline: true,
-    tourId: tourId,
-    align: "both",
-    isCover: false,
-    className: `${needButtonTag && btnStyle.buttonReset} ${style.wrapper} ${className ? className : ''} ${isActive ? style[`${palette}_active`] : style[palette]}`,
-    dataId: dataId,
-    dataSelectorId: dataSelectorId,
-    onClick: triggerClick,
-    "data-title": title,
-    "data-ishtml": dataIsHtml,
-    eleRef: eleRef,
-    onMouseDown: triggerMouseDown,
-    onMouseEnter: triggerMouseOver,
-    "aria-pressed": isPressed,
-    onKeyDown: handleToggle,
-    onFocus: triggerMouseOver,
-    onBlur: onBlur,
-    disabled: isDisabled,
-    ...customProps
-  }, iconName ? /*#__PURE__*/React.createElement(Icon, {
-    isBold: isBold,
-    size: iconSize,
-    name: iconName,
-    iconClass: iconClass
-  }) : null, children ? children : null));
-}
-IconButton.propTypes = propTypes;
-IconButton.defaultProps = defaultProps; // if (__DOCS__) {
-//   IconButton.docs = {
-//     componentGroup: 'Atom'
-//   };
-// }

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

@@ -1,17 +0,0 @@
-export const defaultProps = {
-  palette: 'default',
-  iconSize: '13',
-  className: '',
-  iconClass: '',
-  dataId: 'iconContainer',
-  isActive: false,
-  isDisabled: false,
-  hoverType: 'default',
-  isBold: false,
-  isNeedEffect: true,
-  needButtonTag: true,
-  a11y: {},
-  dataIsHtml: false,
-  customProps: {},
-  dataSelectorId: 'iconButton'
-};

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

@@ -1,33 +0,0 @@
-import PropTypes from 'prop-types';
-export const propTypes = {
-  children: PropTypes.node,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  dataSelectorId: PropTypes.string,
-  eleRef: PropTypes.func,
-  hoverType: PropTypes.oneOf(['default', 'border', 'bg']),
-  iconClass: PropTypes.string,
-  iconName: PropTypes.string,
-  iconSize: PropTypes.string,
-  isActive: PropTypes.bool,
-  isBold: PropTypes.bool,
-  isDisabled: PropTypes.bool,
-  isNeedEffect: PropTypes.bool,
-  onClick: PropTypes.func,
-  onMouseDown: PropTypes.func,
-  onMouseOver: PropTypes.func,
-  palette: PropTypes.oneOf(['primary', 'primaryFilled', 'default']),
-  title: PropTypes.string,
-  tourId: PropTypes.string,
-  isNeedEffect: PropTypes.bool,
-  needButtonTag: PropTypes.bool,
-  a11y: PropTypes.shape({
-    ariaHaspopup: PropTypes.bool,
-    ariaExpanded: PropTypes.bool,
-    ariaLabel: PropTypes.string,
-    ariaControls: PropTypes.string,
-    ariaLabelledby: PropTypes.string
-  }),
-  dataIsHtml: PropTypes.bool,
-  customProps: PropTypes.object
-};

package/es/v1/Image/Image.js

@@ -1,36 +0,0 @@
-import React from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import style from "../../Image/Image.module.css";
-export default function Image(props) {
-  let {
-    alt,
-    src,
-    className,
-    isCover,
-    title,
-    onClick,
-    dataId,
-    htmlId,
-    eleRef,
-    original,
-    onLoad,
-    onError
-  } = props;
-  return /*#__PURE__*/React.createElement("img", {
-    src: src,
-    alt: alt,
-    "data-title": title,
-    "data-id": dataId,
-    "data-test-id": dataId,
-    className: ` ${className} ${isCover ? style.imgFullSize : style.imgMaxFullSize} `,
-    onClick: onClick,
-    id: htmlId,
-    ref: eleRef,
-    "data-original": original,
-    onLoad: onLoad,
-    onError: onError
-  });
-}
-Image.propTypes = propTypes;
-Image.defaultProps = defaultProps;

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

@@ -1,4 +0,0 @@
-export const defaultProps = {
-  isCover: false,
-  className: ''
-};

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

@@ -1,15 +0,0 @@
-import PropTypes from 'prop-types';
-export const propTypes = {
-  alt: PropTypes.string.isRequired,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  eleRef: PropTypes.func,
-  htmlId: PropTypes.string,
-  isCover: PropTypes.bool,
-  onClick: PropTypes.func,
-  original: PropTypes.string,
-  src: PropTypes.string.isRequired,
-  title: PropTypes.string,
-  onLoad: PropTypes.func,
-  onError: PropTypes.func
-};