@zohodesk/components 1.4.11 → 1.4.13

package/es/Popup/PositionMapping.js

@@ -1,72 +0,0 @@
-export const absolutePositionMapping = {
-  "bottomCenter": "bottomCenter",
-  "bottomRight": "bottomLeftToRight",
-  "bottomLeft": "bottomRightToLeft",
-  "topCenter": "topCenter",
-  "topRight": "topLeftToRight",
-  "topLeft": "topRightToLeft",
-  "rightCenter": "rightCenter",
-  "rightBottom": "rightTopToBottom",
-  "rightTop": "rightBottomToTop",
-  "leftCenter": "leftCenter",
-  "leftBottom": "leftTopToBottom",
-  "leftTop": "leftBottomToTop",
-  "bottomLeftToRight": "bottomLeftToRight",
-  "bottomRightToLeft": "bottomRightToLeft",
-  "topLeftToRight": "topLeftToRight",
-  "topRightToLeft": "topRightToLeft",
-  "rightTopToBottom": "rightTopToBottom",
-  "rightBottomToTop": "rightBottomToTop",
-  "leftTopToBottom": "leftTopToBottom"
-};
-export const rtlAbsolutePositionMapping = {
-  "bottomCenter": "bottomCenter",
-  "bottomRight": "bottomRightToLeft",
-  "bottomLeft": "bottomLeftToRight",
-  "topCenter": "topCenter",
-  "topRight": "topRightToLeft",
-  "topLeft": "topLeftToRight",
-  "rightCenter": "leftCenter",
-  "rightBottom": "leftTopToBottom",
-  "rightTop": "leftBottomToTop",
-  "leftCenter": "rightCenter",
-  "leftBottom": "rightTopToBottom",
-  "leftTop": "rightBottomToTop",
-  "bottomLeftToRight": "bottomLeftToRight",
-  "bottomRightToLeft": "bottomRightToLeft",
-  "topLeftToRight": "topLeftToRight",
-  "topRightToLeft": "topRightToLeft",
-  "rightTopToBottom": "rightTopToBottom",
-  "rightBottomToTop": "rightBottomToTop",
-  "leftTopToBottom": "leftTopToBottom"
-};
-export const rtlFixedPositionMapping = {
-  "bottomCenter": "bottomCenter",
-  "bottomLeftToRight": "bottomRightToLeft",
-  "bottomCenterToRight": "bottomCenterToLeft",
-  "bottomRightToLeft": "bottomLeftToRight",
-  "bottomCenterToLeft": "bottomCenterToRight",
-  "topCenter": "topCenter",
-  "topLeftToRight": "topRightToLeft",
-  "topCenterToRight": "topCenterToLeft",
-  "topRightToLeft": "topLeftToRight",
-  "topCenterToLeft": "topCenterToRight",
-  "rightTopToBottom": "leftTopToBottom",
-  "rightCenterToBottom": "leftCenterToBottom",
-  "rightCenter": "leftCenter",
-  "rightBottomToTop": "leftBottomToTop",
-  "rightCenterToTop": "leftCenterToTop",
-  "leftTopToBottom": "rightTopToBottom",
-  "leftCenterToBottom": "rightCenterToBottom",
-  "leftCenter": "rightCenter",
-  "leftBottomToTop": "rightBottomToTop",
-  "leftCenterToTop": "rightCenterToTop",
-  "bottomRight": "bottomLeft",
-  "bottomLeft": "bottomRight",
-  "topRight": "topLeft",
-  "topLeft": "topRight",
-  "rightBottom": "leftBottom",
-  "rightTop": "leftTop",
-  "leftBottom": "rightBottom",
-  "leftTop": "rightTop"
-};

package/es/Popup/Registry.js

@@ -1,36 +0,0 @@
-import { getLibraryConfig } from "../Provider/Config.js";
-const Registry = {
-  lastOpenedGroup: [],
-  popups: {},
-  listenerPopupRef: undefined,
-  scrollBlockedListenerPopupRef: undefined,
-  scrollableListenerPopupRef: undefined,
-
-  getOpenedPopups() {
-    return Object.values(Registry.popups).flat().filter(popup => popup.state.isPopupOpen);
-  },
-
-  getOpenedScrollBlockedFixedPopups() {
-    return Registry.getOpenedPopups().filter(popup => popup.getIsOutsideScrollBlocked(popup) && !popup.getIsAbsolutePopup(popup));
-  },
-
-  getOpenedScrollableFixedPopups() {
-    return Registry.getOpenedPopups().filter(popup => !popup.getIsOutsideScrollBlocked(popup) && !popup.getIsAbsolutePopup(popup));
-  },
-
-  getRootElement() {
-    const getRootElement = getLibraryConfig('getRootElement');
-
-    if (getRootElement && typeof getRootElement === 'function') {
-      const parent = getRootElement();
-
-      if (parent) {
-        return parent;
-      }
-    }
-
-    return document;
-  }
-
-};
-export default Registry;

package/es/Popup/intersectionObserver.js

@@ -1,49 +0,0 @@
-let observerCallbacks = null;
-let intersectionObserver = null;
-
-function handleObserverCallbacks(entries) {
-  entries.forEach(entry => {
-    let oldCallbacks = observerCallbacks.get(entry.target);
-
-    if (Array.isArray(oldCallbacks) && oldCallbacks.length) {
-      oldCallbacks.forEach(callback => {
-        callback && callback(entry);
-      });
-    }
-  });
-}
-
-export function addIntersectionObserver(element, callback, options) {
-  if (!!element && typeof callback == 'function') {
-    if (intersectionObserver === null && observerCallbacks === null) {
-      intersectionObserver = new IntersectionObserver(entries => {
-        handleObserverCallbacks(entries);
-      }, options);
-      observerCallbacks = new Map();
-    }
-
-    intersectionObserver.observe(element);
-    let oldCallbacks = observerCallbacks.get(element) || [];
-    observerCallbacks.set(element, [...oldCallbacks, callback]);
-  }
-}
-export function removeIntersectionObserver(element, callback) {
-  if (!!element && typeof callback == 'function') {
-    let oldCallbacks = observerCallbacks ? observerCallbacks.get(element) : null;
-
-    if (Array.isArray(oldCallbacks)) {
-      let callbacks = oldCallbacks.filter(handler => handler !== callback);
-
-      if (intersectionObserver && callbacks.length === 0) {
-        observerCallbacks.delete(element);
-        intersectionObserver.unobserve(element);
-      }
-    }
-
-    if (intersectionObserver && observerCallbacks && observerCallbacks.size === 0) {
-      intersectionObserver.disconnect();
-      intersectionObserver = null;
-      observerCallbacks = null;
-    }
-  }
-}

package/es/Popup/props/propTypes.js

@@ -1,30 +0,0 @@
-import PropTypes from 'prop-types';
-export const ContextTypes = {
-  direction: PropTypes.string
-};
-export const PopupPropTypes = {
-  popupGroup: PropTypes.string,
-  isArrow: PropTypes.bool,
-  isPopupOpen: PropTypes.bool,
-  closeOnScroll: PropTypes.bool,
-  isOutsideScrollBlocked: PropTypes.bool,
-  needResizeHandling: PropTypes.bool,
-  isAbsolutePositioningNeeded: PropTypes.bool,
-  scrollDebounceTime: PropTypes.number,
-  customOrder: PropTypes.arrayOf(PropTypes.string),
-  checkBeforeClose: PropTypes.func
-};
-export const PopupWrappersPropTypes = {
-  openPopupOnly: PropTypes.func,
-  closePopupOnly: PropTypes.func,
-  togglePopup: PropTypes.func,
-  removeClose: PropTypes.func,
-  isPopupReady: PropTypes.bool,
-  position: PropTypes.oneOf(['bottomRight', 'bottomLeft', 'bottomCenter', 'topRight', 'topLeft', 'topCenter', 'rightTop', 'rightBottom', 'rightCenter', 'leftTop', 'leftBottom', 'leftCenter']),
-  getTargetRef: PropTypes.func,
-  getContainerRef: PropTypes.func,
-  ...PopupPropTypes,
-  isRestrictScroll: PropTypes.bool,
-  positionsOffset: PropTypes.object,
-  targetOffset: PropTypes.object
-};

package/es/Popup/viewPort.js

@@ -1,373 +0,0 @@
-const defaultOrder = ['bottomCenter', 'bottomLeftToRight', 'bottomCenterToRight', 'bottomRightToLeft', 'bottomCenterToLeft', 'topCenter', 'topLeftToRight', 'topCenterToRight', 'topRightToLeft', 'topCenterToLeft', 'rightTopToBottom', 'rightCenterToBottom', 'rightCenter', 'rightBottomToTop', 'rightCenterToTop', 'leftTopToBottom', 'leftCenterToBottom', 'leftCenter', 'leftBottomToTop', 'leftCenterToTop', 'bottomRight', 'bottomLeft', 'topRight', 'topLeft', 'rightBottom', 'rightTop', 'leftBottom', 'leftTop'];
-let viewPort = {
-  frameRelativeRects: (el, customFrame, documentEle) => {
-    if (!el) {
-      return;
-    }
-
-    let rectTemp = el.getBoundingClientRect();
-    let rect = {
-      height: rectTemp.height || el.clientHeight,
-      width: rectTemp.width || el.clientWidth,
-      top: rectTemp.top,
-      bottom: rectTemp.bottom,
-      left: rectTemp.left,
-      right: rectTemp.right,
-      x: rectTemp.x,
-      y: rectTemp.y
-    };
-    documentEle = documentEle ? documentEle : document.documentElement;
-    let customFrameRect = {
-      top: 0,
-      left: 0,
-      right: documentEle.clientWidth,
-      bottom: documentEle.clientHeight,
-      height: documentEle.clientHeight,
-      width: documentEle.clientWidth,
-      x: 0,
-      y: 0
-    };
-
-    if (customFrame) {
-      customFrameRect = customFrame.getBoundingClientRect();
-    }
-
-    let newRect = {
-      top: rect.top - customFrameRect.top,
-      left: rect.left - customFrameRect.left,
-      height: rect.height,
-      width: rect.width
-    };
-    newRect.bottom = newRect.top + newRect.height;
-    newRect.right = newRect.left + newRect.width;
-    newRect.x = newRect.left;
-    newRect.y = newRect.top;
-    let rectGap = {
-      top: newRect.top,
-      left: newRect.left,
-      bottom: customFrameRect.height - newRect.bottom,
-      right: customFrameRect.width - newRect.right
-    };
-    rectGap.center = {
-      top: rectGap.top + newRect.height / 2,
-      left: rectGap.left + newRect.width / 2,
-      bottom: rectGap.bottom + newRect.height / 2,
-      right: rectGap.right + newRect.width / 2
-    };
-    return {
-      frameRect: customFrameRect,
-      rect: newRect,
-      rectGap
-    };
-  },
-  isInViewPort: (el, customFrame) => {
-    if (!el) {
-      return;
-    }
-
-    let elRects = viewPort.frameRelativeRects(el, customFrame);
-    let {
-      rect
-    } = elRects;
-    let {
-      frameRect
-    } = elRects;
-    return rect.top >= 0 && rect.left >= 0 && rect.bottom <= frameRect.height && rect.right <= frameRect.width;
-  },
-  getViewPortEle: el => {
-    return el.closest('[data-viewport-container=true]') ? el.closest('[data-viewport-container=true]') : document.documentElement;
-  },
-  possibilities: function (el, relativeBox, customFrame) {
-    let {
-      needArrow,
-      isAbsolute
-    } = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
-
-    if (!el) {
-      return;
-    }
-
-    let elViewPortEle = viewPort.getViewPortEle(el);
-    let elRects = viewPort.frameRelativeRects(el, customFrame, elViewPortEle);
-    let {
-      rect
-    } = elRects;
-    let relativeBoxViewPortEle = viewPort.getViewPortEle(relativeBox);
-    let relativeBoxRects = viewPort.frameRelativeRects(relativeBox, customFrame, relativeBoxViewPortEle);
-    let {
-      rectGap: relativeBoxGap,
-      rect: relativeBoxRect
-    } = relativeBoxRects;
-    let relativeBoxDocumentRects = viewPort.frameRelativeRects(relativeBox, customFrame);
-    let {
-      rectGap: documentGap
-    } = relativeBoxDocumentRects; //rect => PopOverContainer, relativeBoxGap => PopOverTarget
-    //Horizontal ~ ----- X axis
-    //Vertical ~ ||||||| Y axis
-
-    let paddingSpace = 5; // space between target and relative element
-
-    let arrowSize = needArrow ? 10 : 0;
-    let padding = needArrow ? arrowSize : paddingSpace;
-    let arrowHorizontalBalancePx = !isAbsolute && needArrow ? 30 : 0;
-    let arrowVerticalBalancePx = !isAbsolute && needArrow ? 27 : 0;
-    let bottomOverFlow = rect.height + padding > relativeBoxGap.bottom;
-    let topOverFlow = rect.height + padding > relativeBoxGap.top;
-    let rightOverFlow = rect.width + padding > relativeBoxGap.right;
-    let leftOverFlow = rect.width + padding > relativeBoxGap.left;
-    let horizontalCenterOverFlow = rect.width / 2 + padding > relativeBoxGap.center.right || rect.width / 2 + padding > relativeBoxGap.center.left;
-    let verticalCenterOverFlow = rect.height / 2 + padding > relativeBoxGap.center.top || rect.height / 2 + padding > relativeBoxGap.center.bottom;
-    let horizontalLeftToRightOverFlow = rect.width + padding > relativeBoxRect.width + relativeBoxGap.right;
-    let horizontalCenterToRightOverFlow = rect.width + padding > relativeBoxGap.center.right || arrowHorizontalBalancePx > relativeBoxGap.center.left;
-    let horizontalRightToLeft = rect.width + padding > relativeBoxRect.width + relativeBoxGap.left;
-    let horizontalCenterToLeft = rect.width + padding > relativeBoxGap.center.left || arrowHorizontalBalancePx > relativeBoxGap.center.right;
-    let verticalTopToBottomOverFlow = rect.height + padding > relativeBoxRect.height + relativeBoxGap.bottom;
-    let verticalCenterToBottomOverFlow = rect.height + padding > relativeBoxGap.center.bottom || arrowVerticalBalancePx > relativeBoxGap.center.top;
-    let verticalBottomToTopOverFlow = rect.height + padding > relativeBoxRect.height + relativeBoxGap.top;
-    let verticalCenterToTopOverFlow = rect.height + padding > relativeBoxGap.center.top || arrowVerticalBalancePx > relativeBoxGap.center.bottom;
-    let views = {
-      bottomCenter: !(bottomOverFlow || horizontalCenterOverFlow),
-      bottomLeftToRight: !(bottomOverFlow || horizontalLeftToRightOverFlow),
-      bottomCenterToRight: !(bottomOverFlow || horizontalCenterToRightOverFlow),
-      bottomRight: !(bottomOverFlow || rightOverFlow || arrowHorizontalBalancePx > relativeBoxRect.right),
-      bottomRightToLeft: !(bottomOverFlow || horizontalRightToLeft),
-      bottomCenterToLeft: !(bottomOverFlow || horizontalCenterToLeft),
-      bottomLeft: !(bottomOverFlow || leftOverFlow || arrowHorizontalBalancePx > relativeBoxGap.right + relativeBoxRect.width),
-      topCenter: !(topOverFlow || horizontalCenterOverFlow),
-      topLeftToRight: !(topOverFlow || horizontalLeftToRightOverFlow),
-      topCenterToRight: !(topOverFlow || horizontalCenterToRightOverFlow),
-      topRight: !(topOverFlow || rightOverFlow || arrowHorizontalBalancePx > relativeBoxRect.right),
-      topRightToLeft: !(topOverFlow || horizontalRightToLeft),
-      topCenterToLeft: !(topOverFlow || horizontalCenterToLeft),
-      topLeft: !(topOverFlow || leftOverFlow || arrowHorizontalBalancePx > relativeBoxGap.right + relativeBoxRect.width),
-      rightCenter: !(rightOverFlow || verticalCenterOverFlow),
-      rightTopToBottom: !(rightOverFlow || verticalTopToBottomOverFlow),
-      rightCenterToBottom: !(rightOverFlow || verticalCenterToBottomOverFlow),
-      rightBottom: !(rightOverFlow || bottomOverFlow || arrowVerticalBalancePx > relativeBoxRect.bottom),
-      rightBottomToTop: !(rightOverFlow || verticalBottomToTopOverFlow),
-      rightCenterToTop: !(rightOverFlow || verticalCenterToTopOverFlow),
-      rightTop: !(rightOverFlow || topOverFlow || arrowVerticalBalancePx > relativeBoxGap.bottom + relativeBoxRect.height),
-      leftCenter: !(leftOverFlow || verticalCenterOverFlow),
-      leftTopToBottom: !(leftOverFlow || verticalTopToBottomOverFlow),
-      leftCenterToBottom: !(leftOverFlow || verticalCenterToBottomOverFlow),
-      leftBottom: !(leftOverFlow || bottomOverFlow || arrowVerticalBalancePx > relativeBoxRect.bottom),
-      leftBottomToTop: !(leftOverFlow || verticalBottomToTopOverFlow),
-      leftCenterToTop: !(leftOverFlow || verticalCenterToTopOverFlow),
-      leftTop: !(leftOverFlow || topOverFlow || arrowVerticalBalancePx > relativeBoxGap.bottom + relativeBoxRect.height)
-    };
-    let horizontalCenter = relativeBoxGap.left + relativeBoxRect.width / 2;
-    let horizontalLeft = relativeBoxGap.left;
-    let horizontalRight = relativeBoxGap.left + relativeBoxRect.width;
-    let verticalBottom = relativeBoxGap.top + relativeBoxRect.height;
-    let verticalTop = relativeBoxGap.top;
-    let verticalCenter = relativeBoxGap.top + relativeBoxRect.height / 2;
-    let horizontalTop = documentGap.bottom + relativeBoxRect.height;
-    let verticalCenterToTop = documentGap.bottom + relativeBoxRect.height / 2;
-    let viewsOffset = {
-      bottomCenter: {
-        left: horizontalCenter - rect.width / 2,
-        top: verticalBottom + arrowSize
-      },
-      bottomLeftToRight: {
-        left: horizontalLeft,
-        top: verticalBottom + arrowSize
-      },
-      bottomCenterToRight: {
-        left: horizontalCenter - arrowHorizontalBalancePx,
-        top: verticalBottom + arrowSize
-      },
-      bottomRight: {
-        left: horizontalRight - arrowHorizontalBalancePx,
-        top: verticalBottom + arrowSize
-      },
-      bottomRightToLeft: {
-        left: horizontalRight - rect.width,
-        top: verticalBottom + arrowSize
-      },
-      bottomCenterToLeft: {
-        left: horizontalCenter - rect.width + arrowHorizontalBalancePx,
-        top: verticalBottom + arrowSize
-      },
-      bottomLeft: {
-        left: horizontalLeft - rect.width + arrowHorizontalBalancePx,
-        top: verticalBottom + arrowSize
-      },
-      topCenter: {
-        left: horizontalCenter - rect.width / 2,
-        bottom: horizontalTop + arrowSize
-      },
-      topLeftToRight: {
-        left: horizontalLeft,
-        bottom: horizontalTop + arrowSize
-      },
-      topCenterToRight: {
-        left: horizontalCenter - arrowHorizontalBalancePx,
-        bottom: horizontalTop + arrowSize
-      },
-      topRight: {
-        left: horizontalRight - arrowHorizontalBalancePx,
-        bottom: horizontalTop + arrowSize
-      },
-      topRightToLeft: {
-        left: horizontalRight - rect.width,
-        bottom: horizontalTop + arrowSize
-      },
-      topCenterToLeft: {
-        left: horizontalCenter - rect.width + arrowHorizontalBalancePx,
-        bottom: horizontalTop + arrowSize
-      },
-      topLeft: {
-        left: horizontalLeft - rect.width + arrowHorizontalBalancePx,
-        top: verticalTop - (rect.height + arrowSize)
-      },
-      rightCenter: {
-        left: horizontalRight + arrowSize,
-        top: verticalCenter - rect.height / 2
-      },
-      rightTopToBottom: {
-        left: horizontalRight + arrowSize,
-        top: verticalTop
-      },
-      rightCenterToBottom: {
-        left: horizontalRight + arrowSize,
-        top: verticalCenter - arrowVerticalBalancePx
-      },
-      rightBottom: {
-        left: horizontalRight + arrowSize,
-        top: verticalBottom - arrowVerticalBalancePx
-      },
-      rightBottomToTop: {
-        left: horizontalRight + arrowSize,
-        bottom: documentGap.bottom
-      },
-      rightCenterToTop: {
-        left: horizontalRight + arrowSize,
-        bottom: verticalCenterToTop - arrowVerticalBalancePx
-      },
-      rightTop: {
-        left: horizontalRight + arrowSize,
-        bottom: horizontalTop - arrowVerticalBalancePx
-      },
-      leftCenter: {
-        left: horizontalLeft - (rect.width + arrowSize),
-        top: verticalCenter - rect.height / 2
-      },
-      leftTopToBottom: {
-        left: horizontalLeft - (rect.width + arrowSize),
-        top: verticalTop
-      },
-      leftCenterToBottom: {
-        left: horizontalLeft - (rect.width + arrowSize),
-        top: verticalCenter - arrowVerticalBalancePx
-      },
-      leftBottom: {
-        left: horizontalLeft - (rect.width + arrowSize),
-        top: verticalBottom - arrowVerticalBalancePx
-      },
-      leftBottomToTop: {
-        left: horizontalLeft - (rect.width + arrowSize),
-        bottom: documentGap.bottom
-      },
-      leftCenterToTop: {
-        left: horizontalLeft - (rect.width + arrowSize),
-        bottom: verticalCenterToTop - arrowVerticalBalancePx
-      },
-      leftTop: {
-        left: horizontalLeft - (rect.width + arrowSize),
-        bottom: horizontalTop - arrowVerticalBalancePx
-      }
-    };
-    return {
-      views,
-      viewsOffset,
-      targetOffset: relativeBoxRect,
-      popupOffset: rect
-    };
-  },
-  getArrowAdjustments: (el, relativeBox, customFrame) => {
-    if (!el) {
-      return;
-    }
-
-    let elRects = viewPort.frameRelativeRects(el, customFrame);
-    let {
-      rectGap
-    } = elRects;
-    let relativeBoxRects = viewPort.frameRelativeRects(relativeBox, customFrame);
-    let relativeBoxGap = relativeBoxRects.rectGap;
-    return {
-      left: relativeBoxGap.center.left - rectGap.left,
-      right: relativeBoxGap.center.right - rectGap.right,
-      top: relativeBoxGap.center.top - rectGap.top,
-      bottom: relativeBoxGap.center.bottom - rectGap.bottom
-    };
-  },
-  betterView: function (popup, relativeBox) {
-    let defaultView = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
-    let customFrame = arguments.length > 3 ? arguments[3] : undefined;
-    let {
-      needArrow,
-      isAbsolute,
-      customOrder = []
-    } = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
-    let customScrollFrame = isAbsolute ? customFrame : '';
-    let viewPortPossibilities = viewPort.possibilities(popup, relativeBox, customScrollFrame, {
-      needArrow,
-      isAbsolute
-    });
-
-    if (!viewPortPossibilities) {
-      return;
-    }
-
-    let {
-      views,
-      viewsOffset,
-      targetOffset,
-      popupOffset
-    } = viewPortPossibilities;
-    let view = null;
-    let isViewFound = false;
-
-    if (!isViewFound && defaultView && views[defaultView]) {
-      view = defaultView;
-      isViewFound = true;
-    }
-
-    if (!isViewFound) {
-      if (customOrder.length > 0) {
-        isViewFound = customOrder.some(position => {
-          if (views[position]) {
-            view = position;
-            return true;
-          }
-        });
-      } else {
-        isViewFound = defaultOrder.some(position => {
-          if (views[position]) {
-            view = position;
-            return true;
-          }
-        });
-      }
-    }
-
-    if (!isViewFound) {
-      view = defaultView;
-    }
-
-    return {
-      view,
-      views,
-      viewsOffset,
-      targetOffset,
-      popupOffset
-    };
-  }
-};
-export default {
-  betterView: viewPort.betterView,
-  frameRelativeRects: viewPort.frameRelativeRects,
-  getArrowAdjustments: viewPort.getArrowAdjustments,
-  isInViewPort: viewPort.isInViewPort
-};

package/es/Provider/AvatarSize.js

@@ -1,13 +0,0 @@
-import style from "../common/avatarsizes.module.css";
-let styleList = {
-  small: style.small,
-  xsmall: style.xsmall,
-  xxsmall: style.xxsmall,
-  medium: style.medium,
-  xmedium: style.xmedium,
-  large: style.large,
-  xlarge: style.xlarge
-};
-export default function CssProvider(name) {
-  return styleList[name] || '';
-}

package/es/Provider/Config.js

@@ -1,21 +0,0 @@
-let id = {
-  mobileWidth: 640,
-  zindexCounter: 3,
-  idCounter: 0,
-  idPrefix: 'ZD',
-  scrollFetchLimit: 80,
-  isReducedMotion: false,
-  direction: 'ltr',
-  tooltipDebounce: 175,
-  getTooltipContainer: () => {},
-  autoComplete: false,
-  portalPrefix: '',
-  getPortalContainer: () => {},
-  getRootElement: () => {}
-};
-export function getLibraryConfig(key) {
-  return id[key];
-}
-export function setLibraryConfig(configObj) {
-  id = Object.assign({}, id, configObj);
-}

package/es/Provider/CssProvider.js

@@ -1,16 +0,0 @@
-import style from "../common/common.module.css";
-let styleList = {
-  hide: style.hide,
-  isDisabled: style.disabled,
-  isDisable: style.disable,
-  isBlock: style.blockEvent,
-  isFlexible: style.flexgrow,
-  dotted: style.dotted,
-  vMiddle: style.yMiddle,
-  hMiddle: style.xMiddle,
-  smooth: style.ftsmooth,
-  clamp: style.clamp
-};
-export default function CssProvider(name) {
-  return styleList[name] || '';
-}

package/es/Provider/IdProvider.js

@@ -1,66 +0,0 @@
-import { useNumberGenerator, getNumberGenerators } from "./NumberGenerator/NumberGenerator";
-import { getLibraryConfig } from "./Config";
-let globalId = getLibraryConfig('idCounter'),
-    deletedIndexes = [],
-    globalPrefix;
-export function setGlobalIdPrefix(value) {
-  globalPrefix = value;
-}
-export function removeGlobalIdPrefix() {
-  globalPrefix = undefined;
-}
-
-function getGlobalIdPrefix() {
-  return globalPrefix;
-}
-
-export function setGlobalId(id) {
-  globalId = id;
-}
-
-function getGlobalId() {
-  return globalId;
-}
-
-function setDeletedIndexes(array) {
-  deletedIndexes = array;
-}
-
-function getDeletedIndexes() {
-  return deletedIndexes;
-}
-
-function callback(_ref) {
-  let {
-    globalId,
-    deletedIndexes
-  } = _ref;
-  setGlobalId(globalId);
-  setDeletedIndexes(deletedIndexes);
-}
-
-export function useUniqueId(prefix) {
-  return useNumberGenerator({
-    getGlobalId,
-    prefix,
-    getGlobalPrefix: getGlobalIdPrefix,
-    getDeletedIndexes,
-    callback
-  });
-}
-export function getUniqueId(Component, prefix) {
-  return getNumberGenerators({
-    Component,
-    prefix,
-    getGlobalPrefix: getGlobalIdPrefix,
-    getGlobalId,
-    getDeletedIndexes,
-    callback
-  });
-} // let Provider = {
-//   docs: {
-//     componentGroup: 'Provider',
-//     folderName: 'Functions'
-//   }
-// };
-// export { Provider };