@zohodesk/components 1.6.0 → 1.6.2

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

@@ -1,202 +0,0 @@
-import PropTypes from 'prop-types';
-export const ListContainer_Props = {
-  active: PropTypes.bool,
-  autoHover: PropTypes.bool,
-  children: PropTypes.node,
-  dataId: PropTypes.string,
-  dataSelectorId: PropTypes.string,
-  disableTitle: PropTypes.string,
-  highlight: PropTypes.bool,
-  href: PropTypes.string,
-  isDisabled: PropTypes.bool,
-  isLink: PropTypes.bool,
-  needBorder: PropTypes.bool,
-  needTick: PropTypes.bool,
-  onClick: PropTypes.func,
-  onMouseEnter: PropTypes.func,
-  onMouseOver: PropTypes.func,
-  palette: PropTypes.oneOf(['default', 'primary', 'secondary', 'dark']),
-  size: PropTypes.oneOf(['small', 'medium', 'large']),
-  target: PropTypes.oneOf(['blank', 'self']),
-  title: PropTypes.string,
-  a11y: PropTypes.shape({
-    role: PropTypes.string,
-    ariaSelected: PropTypes.bool
-  }),
-  customClass: PropTypes.string,
-  customProps: PropTypes.object,
-  eleRef: PropTypes.func
-};
-export const ListItem_Props = {
-  active: PropTypes.bool,
-  autoHover: PropTypes.bool,
-  children: PropTypes.node,
-  dataId: PropTypes.string,
-  dataSelectorId: PropTypes.string,
-  disableTitle: PropTypes.string,
-  getRef: PropTypes.func,
-  highlight: PropTypes.bool,
-  href: PropTypes.string,
-  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  index: PropTypes.number,
-  isDisabled: PropTypes.bool,
-  isLink: PropTypes.bool,
-  needBorder: PropTypes.bool,
-  needTick: PropTypes.bool,
-  onClick: PropTypes.func,
-  onMouseEnter: PropTypes.func,
-  palette: PropTypes.oneOf(['default', 'primary', 'secondary', 'dark']),
-  size: PropTypes.oneOf(['small', 'medium', 'large']),
-  target: PropTypes.oneOf(['blank', 'self']),
-  title: PropTypes.string,
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
-  a11y: PropTypes.shape({
-    role: PropTypes.string,
-    ariaSelected: PropTypes.bool
-  }),
-  needMultiLineText: PropTypes.bool,
-  customClass: PropTypes.shape({
-    customListItem: PropTypes.string,
-    customTickIcon: PropTypes.string
-  }),
-  customProps: PropTypes.shape({
-    ListItemProps: PropTypes.object
-  })
-};
-export const ListItemWithAvatar_Props = {
-  active: PropTypes.bool,
-  autoHover: PropTypes.bool,
-  avatarPalette: PropTypes.string,
-  avatarPalette: PropTypes.string,
-  dataId: PropTypes.string,
-  dataSelectorId: PropTypes.string,
-  disableTitle: PropTypes.string,
-  getRef: PropTypes.func,
-  highlight: PropTypes.bool,
-  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  imgSrc: PropTypes.string,
-  index: PropTypes.number,
-  initial: PropTypes.string,
-  isDisabled: PropTypes.bool,
-  isTeam: PropTypes.bool,
-  name: PropTypes.string,
-  needAvatarTitle: PropTypes.bool,
-  needBorder: PropTypes.bool,
-  needTick: PropTypes.bool,
-  onClick: PropTypes.func,
-  onMouseEnter: PropTypes.func,
-  palette: PropTypes.oneOf(['dark']),
-  size: PropTypes.string,
-  title: PropTypes.string,
-  value: PropTypes.string,
-  a11y: PropTypes.shape({
-    role: PropTypes.string,
-    ariaSelected: PropTypes.bool,
-    ariaHidden: PropTypes.bool
-  }),
-  customClass: PropTypes.shape({
-    customListItem: PropTypes.string,
-    customAvatar: PropTypes.string,
-    customAvatarTeam: PropTypes.string
-  }),
-  needMultiLineText: PropTypes.bool,
-  customProps: PropTypes.shape({
-    ListItemProps: PropTypes.object
-  })
-};
-export const ListItemWithCheckBox_Props = {
-  active: PropTypes.bool,
-  autoHover: PropTypes.bool,
-  checked: PropTypes.bool,
-  dataId: PropTypes.string,
-  dataSelectorId: PropTypes.string,
-  disableTitle: PropTypes.string,
-  getRef: PropTypes.func,
-  highlight: PropTypes.bool,
-  id: PropTypes.string,
-  index: PropTypes.string,
-  isDisabled: PropTypes.bool,
-  onClick: PropTypes.func,
-  onHover: PropTypes.func,
-  palette: PropTypes.string,
-  size: PropTypes.string,
-  title: PropTypes.string,
-  value: PropTypes.string,
-  a11y: PropTypes.shape({
-    role: PropTypes.string,
-    ariaSelected: PropTypes.bool
-  }),
-  needMultiLineText: PropTypes.bool,
-  customClass: PropTypes.shape({
-    customListItem: PropTypes.string,
-    customCheckBox: PropTypes.string,
-    customLabel: PropTypes.string
-  }),
-  customProps: PropTypes.object
-};
-export const ListItemWithIcon_Props = {
-  active: PropTypes.bool,
-  autoHover: PropTypes.bool,
-  dataId: PropTypes.string,
-  dataSelectorId: PropTypes.string,
-  disableTitle: PropTypes.string,
-  getRef: PropTypes.func,
-  highlight: PropTypes.bool,
-  iconClass: PropTypes.string,
-  iconName: PropTypes.string,
-  iconSize: PropTypes.string,
-  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  index: PropTypes.number,
-  isDisabled: PropTypes.bool,
-  needBorder: PropTypes.bool,
-  needTick: PropTypes.bool,
-  onClick: PropTypes.func,
-  onMouseEnter: PropTypes.func,
-  palette: PropTypes.string,
-  size: PropTypes.string,
-  title: PropTypes.string,
-  value: PropTypes.string,
-  a11y: PropTypes.shape({
-    role: PropTypes.string,
-    ariaSelected: PropTypes.bool,
-    ariaHidden: PropTypes.bool
-  }),
-  needMultiLineText: PropTypes.bool,
-  customClass: PropTypes.string,
-  customProps: PropTypes.shape({
-    ListItemProps: PropTypes.object
-  }),
-  isLink: PropTypes.bool,
-  href: PropTypes.string,
-  target: PropTypes.string
-};
-export const ListItemWithRadio_Props = {
-  active: PropTypes.bool,
-  autoHover: PropTypes.bool,
-  checked: PropTypes.bool,
-  dataId: PropTypes.string,
-  dataSelectorId: PropTypes.string,
-  disableTitle: PropTypes.string,
-  getRef: PropTypes.func,
-  highlight: PropTypes.bool,
-  id: PropTypes.string,
-  index: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  isDisabled: PropTypes.bool,
-  onClick: PropTypes.func,
-  onHover: PropTypes.func,
-  palette: PropTypes.string,
-  size: PropTypes.string,
-  title: PropTypes.string,
-  value: PropTypes.string,
-  a11y: PropTypes.shape({
-    role: PropTypes.string,
-    ariaSelected: PropTypes.bool
-  }),
-  needMultiLineText: PropTypes.bool,
-  customClass: PropTypes.shape({
-    customListItem: PropTypes.string,
-    customRadio: PropTypes.string,
-    customRadioWrap: PropTypes.string
-  }),
-  customProps: PropTypes.object
-};

package/es/v1/Modal/Modal.js

@@ -1,125 +0,0 @@
-import React, { useState, useRef, useEffect, useCallback } from 'react';
-import ReactDOM from 'react-dom';
-import useEffectCallOnlyAfterState from '@zohodesk/hooks/es/utils/useEffectCallOnlyAfterState';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import style from "../../AppContainer/AppContainer.module.css";
-let createdPortalIds = [];
-let newPortalPrefix = 'CPortal';
-let portalChildrenTopIndexValues;
-export default function Modal(props) {
-  let {
-    children,
-    isActive,
-    autoZIndexNeeded,
-    portalId: propPortalId
-  } = props;
-  const [isMounted, setMounted] = useState(false);
-  const portalId = useRef(propPortalId);
-  const ref = useRef(null);
-  const isZIndexAppendNeeded = useRef();
-  const zIndex = useRef();
-  const modalRoot = useRef();
-  const newModalRoot = useRef();
-  const containerDiv = useRef();
-  const portalDiv = useRef(); // document.createDocumentFragment()
-
-  const isCustomPortalId = useRef();
-  const setRef = useCallback(ele => {
-    ref.current = ele;
-
-    if (isZIndexAppendNeeded.current) {
-      ref.current.style.zIndex = zIndex.current;
-      isZIndexAppendNeeded.current = false;
-    }
-  }, []);
-
-  function getPortalDiv() {
-    modalRoot.current = propPortalId ? document.querySelector(`[data-portal=${propPortalId}]`) : "";
-
-    if (!modalRoot.current) {
-      portalId.current = handleAddPortalId();
-      newModalRoot.current = document.createElement('div');
-      newModalRoot.current.className = style.container;
-      newModalRoot.current.setAttribute('data-portal', portalId.current);
-      containerDiv.current && containerDiv.current.appendChild(newModalRoot.current);
-      modalRoot.current = newModalRoot.current;
-    }
-
-    return modalRoot.current;
-  }
-
-  useEffect(() => {
-    containerDiv.current = document.getElementsByTagName("desk")[0] ? document.getElementsByTagName('desk')[0] : document.getElementsByTagName('body')[0];
-    portalDiv.current = getPortalDiv();
-    setMounted(true);
-    setTimeout(() => {
-      handleInsertPortalDiv();
-    });
-    return () => {
-      // modalRoot.current && modalRoot.current.removeChild(portalDiv.current);
-      if (newModalRoot.current) {
-        containerDiv.current && containerDiv.current.removeChild(newModalRoot.current);
-        handleRemovePortalId();
-      }
-
-      if (zIndex.current && portalChildrenTopIndexValues === zIndex.current) {
-        portalChildrenTopIndexValues -= 1;
-      }
-    };
-  }, []);
-  useEffectCallOnlyAfterState(() => {
-    if (isActive) {
-      handleInsertPortalDiv();
-    } else if (zIndex.current && portalChildrenTopIndexValues === zIndex.current) {
-      portalChildrenTopIndexValues -= 1;
-    }
-  }, [isActive]);
-
-  function handleInsertPortalDiv() {
-    if (autoZIndexNeeded && isActive) {
-      let newHighValue = Number(portalChildrenTopIndexValues || 10) + 1;
-      portalChildrenTopIndexValues = newHighValue;
-      zIndex.current = newHighValue;
-
-      if (ref.current) {
-        ref.current.style.zIndex = newHighValue;
-      } else {
-        isZIndexAppendNeeded.current = true;
-      }
-    }
-  }
-
-  function handleAddPortalId() {
-    let createdPortalIdsLen = createdPortalIds.length;
-    let newPortalId = createdPortalIdsLen ? createdPortalIds[createdPortalIdsLen - 1] + 1 : 1;
-    createdPortalIds.push(newPortalId);
-    portalId.current = newPortalId;
-    isCustomPortalId.current = true;
-    return `${newPortalPrefix}${newPortalId}`;
-  }
-
-  function handleRemovePortalId() {
-    if (isCustomPortalId.current) {
-      createdPortalIds = createdPortalIds.filter(id => id !== portalId.current);
-    }
-  }
-
-  let Element = children.type,
-      elementProps = children.props;
-
-  if (isMounted) {
-    if (Element) {
-      return /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(Element, {
-        ref: setRef,
-        ...elementProps
-      }), portalDiv.current);
-    }
-
-    return null;
-  }
-
-  return null;
-}
-Modal.defaultProps = defaultProps;
-Modal.propTypes = propTypes;

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

@@ -1,3 +0,0 @@
-export const defaultProps = {
-  portalId: 'portal1'
-};

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

@@ -1,7 +0,0 @@
-import PropTypes from 'prop-types';
-export const propTypes = {
-  autoZIndexNeeded: PropTypes.bool,
-  children: PropTypes.node,
-  portalId: PropTypes.string,
-  isActive: PropTypes.bool
-};