@zohodesk/components 1.0.0-temp-37 → 1.0.0-temp-41

package/README_Beta.md

@@ -1,2 +1,2 @@
-- FocusScope added
-- Focus Ring added
+- FocusScope added
+- Focus Ring added

package/__testUtils__/globals.js

@@ -1,46 +1,46 @@
-let moduleMapKey = require('./moduleMapKey.json');
-global.SupportUI = {
-  Departments: {
-    getDepartmentAgents() {},
-    getDepartmentName() {}
-  },
-  CurrentUser: {
-    getSelectedDepartmentId() {},
-    getAccessibleDepartments() {},
-    getZuid() {}
-  },
-  CurrentPortal: {
-    getPortalZgId() {
-      return this.zgid;
-    },
-    getPortalName() {
-      return this.portalName;
-    },
-    getBaseDomain() {},
-    getMarketplaceDomain() {},
-    additioninfo: {
-      LICENSE_TYPE: ''
-    },
-    portalName: 'MyPortal',
-    zgid: '1234456'
-  },
-  History: {
-    changeHashSilently() {}
-  }
-};
-global.showLoadingBar = function() {};
-global.hideLoadingBar = function() {};
-global.showAnimateMessageDiv = function() {};
-global.hideAnimateMessageDiv = function() {};
-global.requestAnimationFrame = function(fn) {
-  setTimeout(fn, 16);
-};
-
-global.moduleMapKey = moduleMapKey;
-global.MutationObserver = function() {
-  return {
-    replaceObservationElement: () => {},
-    disconnect: () => {},
-    observe: () => {}
-  };
-};
+let moduleMapKey = require('./moduleMapKey.json');
+global.SupportUI = {
+  Departments: {
+    getDepartmentAgents() {},
+    getDepartmentName() {}
+  },
+  CurrentUser: {
+    getSelectedDepartmentId() {},
+    getAccessibleDepartments() {},
+    getZuid() {}
+  },
+  CurrentPortal: {
+    getPortalZgId() {
+      return this.zgid;
+    },
+    getPortalName() {
+      return this.portalName;
+    },
+    getBaseDomain() {},
+    getMarketplaceDomain() {},
+    additioninfo: {
+      LICENSE_TYPE: ''
+    },
+    portalName: 'MyPortal',
+    zgid: '1234456'
+  },
+  History: {
+    changeHashSilently() {}
+  }
+};
+global.showLoadingBar = function() {};
+global.hideLoadingBar = function() {};
+global.showAnimateMessageDiv = function() {};
+global.hideAnimateMessageDiv = function() {};
+global.requestAnimationFrame = function(fn) {
+  setTimeout(fn, 16);
+};
+
+global.moduleMapKey = moduleMapKey;
+global.MutationObserver = function() {
+  return {
+    replaceObservationElement: () => {},
+    disconnect: () => {},
+    observe: () => {}
+  };
+};

package/__testUtils__/moduleMapKey.json

@@ -1,138 +1,138 @@
-{
-  "Activities": {
-    "changed_i18n_module": "Activities",
-    "changed_module": "Activities",
-    "changed_i18n_plural_module": "Activities",
-    "changed_sing_module": "Activity",
-    "changed_plural_module": "Activities",
-    "changed_i18n_sing_module": "Activity"
-  },
-  "Products": {
-    "changed_i18n_module": "Products",
-    "changed_module": "Products",
-    "changed_i18n_plural_module": "Products",
-    "changed_sing_module": "Product",
-    "changed_plural_module": "Products",
-    "changed_i18n_sing_module": "Product"
-  },
-  "Tasks": {
-    "changed_i18n_module": "Tasks",
-    "changed_module": "Tasks",
-    "changed_i18n_plural_module": "Tasks",
-    "changed_sing_module": "Task",
-    "changed_plural_module": "Tasks",
-    "changed_i18n_sing_module": "Task"
-  },
-  "Calls": {
-    "changed_i18n_module": "Calls",
-    "changed_module": "Calls",
-    "changed_i18n_plural_module": "Calls",
-    "changed_sing_module": "Call",
-    "changed_plural_module": "Calls",
-    "changed_i18n_sing_module": "Call"
-  },
-  "Reports": {
-    "changed_i18n_module": "Reports",
-    "changed_module": "Reports",
-    "changed_i18n_plural_module": "Reports",
-    "changed_sing_module": "Report",
-    "changed_plural_module": "Reports",
-    "changed_i18n_sing_module": "Report"
-  },
-  "Leads": {
-    "changed_i18n_module": "Leads",
-    "changed_module": "Leads",
-    "changed_i18n_plural_module": "Leads",
-    "changed_sing_module": "Lead",
-    "changed_plural_module": "Leads",
-    "changed_i18n_sing_module": "Lead"
-  },
-  "Contacts": {
-    "changed_i18n_module": "Contacts",
-    "changed_module": "Contacts",
-    "changed_i18n_plural_module": "Contacts",
-    "changed_sing_module": "Contact",
-    "changed_plural_module": "Contacts",
-    "changed_i18n_sing_module": "Contact"
-  },
-  "Solutions": {
-    "changed_i18n_module": "Knowledge Base",
-    "changed_module": "Knowledge Base",
-    "changed_i18n_plural_module": "Articles",
-    "changed_sing_module": "Article",
-    "changed_plural_module": "Articles",
-    "changed_i18n_sing_module": "Article"
-  },
-  "TimeEntry": {
-    "changed_i18n_module": "Time Entry",
-    "changed_module": "Time Entry",
-    "changed_i18n_plural_module": "Time Entry",
-    "changed_sing_module": "Time Entry",
-    "changed_plural_module": "Time Entry",
-    "changed_i18n_sing_module": "Time Entry"
-  },
-  "Socials": {
-    "changed_i18n_module": "Social",
-    "changed_module": "Social",
-    "changed_i18n_plural_module": "Social",
-    "changed_sing_module": "Social",
-    "changed_plural_module": "Social",
-    "changed_i18n_sing_module": "Social"
-  },
-  "Events": {
-    "changed_i18n_module": "Events",
-    "changed_module": "Events",
-    "changed_i18n_plural_module": "Events",
-    "changed_sing_module": "Event",
-    "changed_plural_module": "Events",
-    "changed_i18n_sing_module": "Event"
-  },
-  "Chat": {
-    "changed_i18n_module": "Chat",
-    "changed_module": "Chat",
-    "changed_i18n_plural_module": "Chat",
-    "changed_sing_module": "Chat",
-    "changed_plural_module": "Chat",
-    "changed_i18n_sing_module": "Chat"
-  },
-  "Dashboards": {
-    "changed_i18n_module": "Dashboards",
-    "changed_module": "Dashboards",
-    "changed_i18n_plural_module": "Dashboards",
-    "changed_sing_module": "Dashboard",
-    "changed_plural_module": "Dashboards",
-    "changed_i18n_sing_module": "Dashboard"
-  },
-  "Contracts": {
-    "changed_i18n_module": "Contracts",
-    "changed_module": "Contracts",
-    "changed_i18n_plural_module": "Contracts",
-    "changed_sing_module": "Contract",
-    "changed_plural_module": "Contracts",
-    "changed_i18n_sing_module": "Contract"
-  },
-  "Cases": {
-    "changed_i18n_module": "Tickets",
-    "changed_module": "Tickets",
-    "changed_i18n_plural_module": "Tickets",
-    "changed_sing_module": "Ticket",
-    "changed_plural_module": "Tickets",
-    "changed_i18n_sing_module": "Ticket"
-  },
-  "Community": {
-    "changed_i18n_module": "Community",
-    "changed_module": "Community",
-    "changed_i18n_plural_module": "Community",
-    "changed_sing_module": "Community",
-    "changed_plural_module": "Community",
-    "changed_i18n_sing_module": "Community"
-  },
-  "Accounts": {
-    "changed_i18n_module": "Accounts",
-    "changed_module": "Accounts",
-    "changed_i18n_plural_module": "Accounts",
-    "changed_sing_module": "Account",
-    "changed_plural_module": "Accounts",
-    "changed_i18n_sing_module": "Account"
-  }
-}
+{
+  "Activities": {
+    "changed_i18n_module": "Activities",
+    "changed_module": "Activities",
+    "changed_i18n_plural_module": "Activities",
+    "changed_sing_module": "Activity",
+    "changed_plural_module": "Activities",
+    "changed_i18n_sing_module": "Activity"
+  },
+  "Products": {
+    "changed_i18n_module": "Products",
+    "changed_module": "Products",
+    "changed_i18n_plural_module": "Products",
+    "changed_sing_module": "Product",
+    "changed_plural_module": "Products",
+    "changed_i18n_sing_module": "Product"
+  },
+  "Tasks": {
+    "changed_i18n_module": "Tasks",
+    "changed_module": "Tasks",
+    "changed_i18n_plural_module": "Tasks",
+    "changed_sing_module": "Task",
+    "changed_plural_module": "Tasks",
+    "changed_i18n_sing_module": "Task"
+  },
+  "Calls": {
+    "changed_i18n_module": "Calls",
+    "changed_module": "Calls",
+    "changed_i18n_plural_module": "Calls",
+    "changed_sing_module": "Call",
+    "changed_plural_module": "Calls",
+    "changed_i18n_sing_module": "Call"
+  },
+  "Reports": {
+    "changed_i18n_module": "Reports",
+    "changed_module": "Reports",
+    "changed_i18n_plural_module": "Reports",
+    "changed_sing_module": "Report",
+    "changed_plural_module": "Reports",
+    "changed_i18n_sing_module": "Report"
+  },
+  "Leads": {
+    "changed_i18n_module": "Leads",
+    "changed_module": "Leads",
+    "changed_i18n_plural_module": "Leads",
+    "changed_sing_module": "Lead",
+    "changed_plural_module": "Leads",
+    "changed_i18n_sing_module": "Lead"
+  },
+  "Contacts": {
+    "changed_i18n_module": "Contacts",
+    "changed_module": "Contacts",
+    "changed_i18n_plural_module": "Contacts",
+    "changed_sing_module": "Contact",
+    "changed_plural_module": "Contacts",
+    "changed_i18n_sing_module": "Contact"
+  },
+  "Solutions": {
+    "changed_i18n_module": "Knowledge Base",
+    "changed_module": "Knowledge Base",
+    "changed_i18n_plural_module": "Articles",
+    "changed_sing_module": "Article",
+    "changed_plural_module": "Articles",
+    "changed_i18n_sing_module": "Article"
+  },
+  "TimeEntry": {
+    "changed_i18n_module": "Time Entry",
+    "changed_module": "Time Entry",
+    "changed_i18n_plural_module": "Time Entry",
+    "changed_sing_module": "Time Entry",
+    "changed_plural_module": "Time Entry",
+    "changed_i18n_sing_module": "Time Entry"
+  },
+  "Socials": {
+    "changed_i18n_module": "Social",
+    "changed_module": "Social",
+    "changed_i18n_plural_module": "Social",
+    "changed_sing_module": "Social",
+    "changed_plural_module": "Social",
+    "changed_i18n_sing_module": "Social"
+  },
+  "Events": {
+    "changed_i18n_module": "Events",
+    "changed_module": "Events",
+    "changed_i18n_plural_module": "Events",
+    "changed_sing_module": "Event",
+    "changed_plural_module": "Events",
+    "changed_i18n_sing_module": "Event"
+  },
+  "Chat": {
+    "changed_i18n_module": "Chat",
+    "changed_module": "Chat",
+    "changed_i18n_plural_module": "Chat",
+    "changed_sing_module": "Chat",
+    "changed_plural_module": "Chat",
+    "changed_i18n_sing_module": "Chat"
+  },
+  "Dashboards": {
+    "changed_i18n_module": "Dashboards",
+    "changed_module": "Dashboards",
+    "changed_i18n_plural_module": "Dashboards",
+    "changed_sing_module": "Dashboard",
+    "changed_plural_module": "Dashboards",
+    "changed_i18n_sing_module": "Dashboard"
+  },
+  "Contracts": {
+    "changed_i18n_module": "Contracts",
+    "changed_module": "Contracts",
+    "changed_i18n_plural_module": "Contracts",
+    "changed_sing_module": "Contract",
+    "changed_plural_module": "Contracts",
+    "changed_i18n_sing_module": "Contract"
+  },
+  "Cases": {
+    "changed_i18n_module": "Tickets",
+    "changed_module": "Tickets",
+    "changed_i18n_plural_module": "Tickets",
+    "changed_sing_module": "Ticket",
+    "changed_plural_module": "Tickets",
+    "changed_i18n_sing_module": "Ticket"
+  },
+  "Community": {
+    "changed_i18n_module": "Community",
+    "changed_module": "Community",
+    "changed_i18n_plural_module": "Community",
+    "changed_sing_module": "Community",
+    "changed_plural_module": "Community",
+    "changed_i18n_sing_module": "Community"
+  },
+  "Accounts": {
+    "changed_i18n_module": "Accounts",
+    "changed_module": "Accounts",
+    "changed_i18n_plural_module": "Accounts",
+    "changed_sing_module": "Account",
+    "changed_plural_module": "Accounts",
+    "changed_i18n_sing_module": "Account"
+  }
+}

package/dubFinder.js

@@ -1,96 +1,96 @@
-let fs = require('fs');
-let path = require('path');
-let result = {};
-let filesArray = 0;
-function listFiles(newPath) {
-  let cwd = newPath ? newPath : process.cwd();
-  try {
-    let files = fs.readdirSync(cwd, { withFileTypes: true });
-    files.map(file => {
-      let fileName = file.name,
-        filePath = file;
-      if (!file.isDirectory) {
-        filePath = fs.statSync(path.resolve(cwd, file));
-        fileName = file;
-      }
-      if (filePath.isDirectory()) {
-        if (
-          fileName != 'node_modules' &&
-          fileName != 'deskapp' &&
-          fileName != '__testUtils__' &&
-          fileName != 'efc-tutorial' &&
-          fileName != 'mockapi' &&
-          fileName != 'es' &&
-          fileName != 'lib'
-        ) {
-          listFiles(path.resolve(cwd, fileName));
-        }
-      } else {
-        if (fileName.substr(fileName.lastIndexOf('.') + 1) == 'css') {
-          let lastIndex =
-            fileName.indexOf('.module.css') != -1
-              ? fileName.lastIndexOf('.module.css')
-              : fileName.lastIndexOf('.css');
-          let keyName = fileName.substring(0, lastIndex).toLowerCase();
-          result[keyName] = result[keyName] ? result[keyName] : [];
-          result[keyName].push(path.resolve(cwd, fileName));
-        }
-      }
-    });
-  } catch (e) {
-    console.log('The error exception : ==>', e);
-  }
-}
-// function listFiles(newPath) {
-//   let cwd = newPath ? newPath : process.cwd();
-//   fs.readdir(cwd, { withFileTypes: true }, (err, files) => {
-//     files.map(file => {
-
-//       // if (file.isDirectory()) {
-//       //   if (
-//       //     file.name != 'node_modules' &&
-//       //     file.name != 'deskapp' &&
-//       //     file.name != '__testUtils__' &&
-//       //     file.name != 'efc-tutorial' &&
-//       //     file.name != 'mockapi'
-//       //   ) {
-//       //     listFiles(path.resolve(cwd, file.name));
-//       //   }
-//       // } else {
-//       //   if (file.name.substr(file.name.lastIndexOf('.') + 1) == 'css') {
-//       //     result[file.name] = result[file.name] ? result[file.name] : [];
-//       //     result[file.name].push(path.resolve(cwd, file.name));
-//       //   }
-//       // }
-//     });
-//   });
-// }
-listFiles(process.cwd());
-let [, , ...extraPaths] = process.argv;
-extraPaths.map(pathWay => {
-  listFiles(path.resolve(process.cwd(), pathWay));
-});
-console.log(
-  '\x1b[33m%s\x1b[0m',
-  '!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! \n '
-);
-
-console.log(
-  '\x1b[5m\x1b[44m%s\x1b[0m',
-  'Finding Duplicate CSS Files Please Wait ...'
-);
-
-let print = false;
-Object.keys(result).map(val => {
-  if (result[val].length > 1) {
-    print = true;
-    console.log('\x1b[31m', val, ' ==> ', result[val]);
-  }
-});
-if (!print) {
-  console.log('\x1b[31m', 'No Dublicates Found');
-}
-console.log(
-  '\x1b[33m%s\x1b[0m',
-  '\n \n!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! \n'
-);
+let fs = require('fs');
+let path = require('path');
+let result = {};
+let filesArray = 0;
+function listFiles(newPath) {
+  let cwd = newPath ? newPath : process.cwd();
+  try {
+    let files = fs.readdirSync(cwd, { withFileTypes: true });
+    files.map(file => {
+      let fileName = file.name,
+        filePath = file;
+      if (!file.isDirectory) {
+        filePath = fs.statSync(path.resolve(cwd, file));
+        fileName = file;
+      }
+      if (filePath.isDirectory()) {
+        if (
+          fileName != 'node_modules' &&
+          fileName != 'deskapp' &&
+          fileName != '__testUtils__' &&
+          fileName != 'efc-tutorial' &&
+          fileName != 'mockapi' &&
+          fileName != 'es' &&
+          fileName != 'lib'
+        ) {
+          listFiles(path.resolve(cwd, fileName));
+        }
+      } else {
+        if (fileName.substr(fileName.lastIndexOf('.') + 1) == 'css') {
+          let lastIndex =
+            fileName.indexOf('.module.css') != -1
+              ? fileName.lastIndexOf('.module.css')
+              : fileName.lastIndexOf('.css');
+          let keyName = fileName.substring(0, lastIndex).toLowerCase();
+          result[keyName] = result[keyName] ? result[keyName] : [];
+          result[keyName].push(path.resolve(cwd, fileName));
+        }
+      }
+    });
+  } catch (e) {
+    console.log('The error exception : ==>', e);
+  }
+}
+// function listFiles(newPath) {
+//   let cwd = newPath ? newPath : process.cwd();
+//   fs.readdir(cwd, { withFileTypes: true }, (err, files) => {
+//     files.map(file => {
+
+//       // if (file.isDirectory()) {
+//       //   if (
+//       //     file.name != 'node_modules' &&
+//       //     file.name != 'deskapp' &&
+//       //     file.name != '__testUtils__' &&
+//       //     file.name != 'efc-tutorial' &&
+//       //     file.name != 'mockapi'
+//       //   ) {
+//       //     listFiles(path.resolve(cwd, file.name));
+//       //   }
+//       // } else {
+//       //   if (file.name.substr(file.name.lastIndexOf('.') + 1) == 'css') {
+//       //     result[file.name] = result[file.name] ? result[file.name] : [];
+//       //     result[file.name].push(path.resolve(cwd, file.name));
+//       //   }
+//       // }
+//     });
+//   });
+// }
+listFiles(process.cwd());
+let [, , ...extraPaths] = process.argv;
+extraPaths.map(pathWay => {
+  listFiles(path.resolve(process.cwd(), pathWay));
+});
+console.log(
+  '\x1b[33m%s\x1b[0m',
+  '!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! \n '
+);
+
+console.log(
+  '\x1b[5m\x1b[44m%s\x1b[0m',
+  'Finding Duplicate CSS Files Please Wait ...'
+);
+
+let print = false;
+Object.keys(result).map(val => {
+  if (result[val].length > 1) {
+    print = true;
+    console.log('\x1b[31m', val, ' ==> ', result[val]);
+  }
+});
+if (!print) {
+  console.log('\x1b[31m', 'No Dublicates Found');
+}
+console.log(
+  '\x1b[33m%s\x1b[0m',
+  '\n \n!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! \n'
+);

package/es/AppContainer/AppContainer.js

@@ -11,31 +11,73 @@ import '@zohodesk/variables/lib/sizeVariables.module.css';
 import '@zohodesk/variables/lib/fontsizeVariables.module.css';
 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');
   }
 
-  handleOver(e) {
+  mouseOverDispatch(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
@@ -46,11 +88,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: eleRef
+      eleRef: this.getContainerRef
     }, ContainerProps, ExtraProps), /*#__PURE__*/React.createElement(Box, {
       flexible: true
     }, children)), /*#__PURE__*/React.createElement("div", _extends({}, ExtraProps, {