@zohodesk/components 1.0.0-temp-45 → 1.0.0-temp-48

package/README.md

@@ -32,22 +32,6 @@ In this Package, we Provide Some Basic Components to Build Web App
 - TextBoxIcon
 - Tooltip
 
-# 1.0.0-alpha-223
-
-- bg,shadow,text,border based variables removed and renamed.
-# 1.0.0-alpha-222
-
-- Tabs=> isResponsive condition handled properly
-- Select, MultiSelect => on press tab, choose selected value then move focus to next focuable element flow implemented 
-
-# 1.0.0-alpha-221
-
-- blueDefaultTheme & blueDarkTheme class name added in Blue CTATheme & ComponentTheme files
-
-# 1.0.0-alpha-220
-
-- Tooltip Delay Controlled to Improve Perf
-
 # 1.0.0-alpha-219
 
 - ContextOptimizer => ShallowEqal function issue solved

package/es/Animation/docs/Animation__default.docs.js

@@ -7,9 +7,9 @@ export default class Animation__default extends React.Component {
     let styles = {
       width: '200px',
       height: '100px',
-      background: 'var(--dot_black)',
+      background: 'var(--dot_bg_black)',
       textAlign: 'center',
-      color: 'var(--dot_white)',
+      color: 'var(--dot_text_white)',
       lineHeight: '100px'
     };
     return /*#__PURE__*/React.createElement(Container, {

package/es/Animation/docs/Animation__fadeIn.docs.js

@@ -7,9 +7,9 @@ export default class Animation__fadeIn extends React.Component {
     let style = {
       width: '200px',
       height: '100px',
-      background: 'var(--dot_black)',
+      background: 'var(--dot_bg_black)',
       textAlign: 'center',
-      color: 'var(--dot_white)',
+      color: 'var(--dot_text_white)',
       lineHeight: '100px'
     };
     return /*#__PURE__*/React.createElement(Container, {

package/es/Animation/docs/Animation__scaleIn.docs.js

@@ -7,9 +7,9 @@ export default class Animation__scaleIn extends React.Component {
     let style = {
       width: '200px',
       height: '100px',
-      background: 'var(--dot_black)',
+      background: 'var(--dot_bg_black)',
       textAlign: 'center',
-      color: 'var(--dot_white)',
+      color: 'var(--dot_text_white)',
       lineHeight: '100px'
     };
     return /*#__PURE__*/React.createElement(Container, {

package/es/Animation/docs/Animation__skewIn.docs.js

@@ -7,9 +7,9 @@ export default class Animation__skewIn extends React.Component {
     let style = {
       width: '200px',
       height: '100px',
-      background: 'var(--dot_black)',
+      background: 'var(--dot_bg_black)',
       textAlign: 'center',
-      color: 'var(--dot_white)',
+      color: 'var(--dot_text_white)',
       lineHeight: '100px'
     };
     return /*#__PURE__*/React.createElement(Container, {

package/es/Animation/docs/Animation__slideDown.docs.js

@@ -7,9 +7,9 @@ export default class Animation__slideDown extends React.Component {
     let style = {
       width: '200px',
       height: '100px',
-      background: 'var(--dot_black)',
+      background: 'var(--dot_bg_black)',
       textAlign: 'center',
-      color: 'var(--dot_white)',
+      color: 'var(--dot_text_white)',
       lineHeight: '100px'
     };
     return /*#__PURE__*/React.createElement(Container, {

package/es/Animation/docs/Animation__slideLeft.docs.js

@@ -7,9 +7,9 @@ export default class Animation__slideLeft extends React.Component {
     let style = {
       width: '200px',
       height: '100px',
-      background: 'var(--dot_black)',
+      background: 'var(--dot_bg_black)',
       textAlign: 'center',
-      color: 'var(--dot_white)',
+      color: 'var(--dot_text_white)',
       lineHeight: '100px'
     };
     return /*#__PURE__*/React.createElement(Container, {

package/es/Animation/docs/Animation__zoomIn.docs.js

@@ -7,9 +7,9 @@ export default class Animation__zoomIn extends React.Component {
     let style = {
       width: '200px',
       height: '100px',
-      background: 'var(--dot_black)',
+      background: 'var(--dot_bg_black)',
       textAlign: 'center',
-      color: 'var(--dot_white)',
+      color: 'var(--dot_text_white)',
       lineHeight: '100px'
     };
     return /*#__PURE__*/React.createElement(Container, {

package/es/AppContainer/AppContainer.js

@@ -13,71 +13,30 @@ import '@zohodesk/variables/lib/fontFamilyVariables.module.css';
 import '@zohodesk/variables/lib/transitionVariables.module.css';
 import '@zohodesk/variables/lib/no_transitionVariables.module.css';
 import style from './AppContainer.module.css';
-import { getLibraryConfig } from '../Provider/Config';
 export default class AppContainer extends React.Component {
   constructor(props) {
     super(props);
     this.setTooltipRef = this.setTooltipRef.bind(this);
     this.handleOver = this.handleOver.bind(this);
-    this.mouseOverDispatch = this.mouseOverDispatch.bind(this);
-    this.removeTimeout = this.removeTimeout.bind(this);
-    this.getContainerRef = this.getContainerRef.bind(this);
-    this.timer = null;
-    this.tooltipDebounce = getLibraryConfig('tooltipDebounce');
   }
 
-  mouseOverDispatch(e) {
+  handleOver(e) {
     if (this.tooltipRef) {
       this.tooltipRef.handleOver(e);
     }
   }
 
-  removeTimeout() {
-    if (this.timer) {
-      this.timer = clearTimeout(this.timer);
-    }
-  }
-
-  handleOver(e) {
-    if (this.timer) {
-      this.timer = clearTimeout(this.timer);
-    }
-
-    this.timer = setTimeout(() => this.mouseOverDispatch(e), this.tooltipDebounce);
-  }
-
-  getContainerRef(ref) {
-    let {
-      eleRef
-    } = this.props;
-    this.containerElement = ref;
-    eleRef && eleRef(ref);
-  }
-
   setTooltipRef(ref) {
     this.tooltipRef = ref;
   }
 
-  componentDidMount() {
-    if (this.containerElement) {
-      this.containerElement.addEventListener('mouseover', this.handleOver, false);
-      this.containerElement.addEventListener('mouseout', this.removeTimeout, false);
-    }
-  }
-
-  componentWillUnmount() {
-    if (this.containerElement) {
-      this.containerElement.removeEventListener('mouseover', this.handleOver, false);
-      this.containerElement.addEventListener('mouseout', this.removeTimeout, false);
-    }
-  }
-
   render() {
     let {
       className,
       children,
       tagName,
       dataId,
+      eleRef,
       tooltipClass,
       tooltipParentClass,
       customProps
@@ -88,11 +47,11 @@ export default class AppContainer extends React.Component {
       ExtraProps = {}
     } = customProps;
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Container, _extends({
-      className: `${style.container} ${className}` //onMouseOver={this.handleOver}
-      ,
+      className: `${style.container} ${className}`,
+      onMouseOver: this.handleOver,
       dataId: dataId,
       tagName: tagName,
-      eleRef: this.getContainerRef
+      eleRef: eleRef
     }, ContainerProps, ExtraProps), /*#__PURE__*/React.createElement(Box, {
       flexible: true
     }, children)), /*#__PURE__*/React.createElement("div", _extends({}, ExtraProps, {