@zohodesk/dot 1.9.2 → 1.9.4

package/es/v1/setup/table/Text/props/propTypes.js

@@ -1,13 +0,0 @@
-import PropTypes from 'prop-types';
-export const propTypes = {
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  onClick: PropTypes.func,
-  palette: PropTypes.oneOf(['default', 'primary', 'green', 'danger']),
-  size: PropTypes.oneOf(['small', 'medium']),
-  target: PropTypes.string,
-  text: PropTypes.string,
-  title: PropTypes.string,
-  type: PropTypes.oneOf(['bold', 'semiBold', 'heading']),
-  url: PropTypes.string
-};

package/es/v1/setup/table/index.js

@@ -1,5 +0,0 @@
-export { default as Table } from "./Table/Table";
-export { default as TableBody } from "./TableBody/TableBody";
-export { default as TableData } from "./TableData/TableData";
-export { default as TableHead } from "./TableHead/TableHead";
-export { default as TableRow } from "./TableRow/TableRow";

package/es/v1/svg/PlusIcon.js

@@ -1,25 +0,0 @@
-import React from 'react';
-import { PlusIcon_defaultProps } from "./props/defaultProps";
-import { PlusIcon_propTypes } from "./props/propTypes";
-import SVG from '@zohodesk/svg/es/v1/SVG/SVG';
-export default function PlusIcon(props) {
-  let {
-    isRender,
-    isSymbol,
-    className
-  } = props;
-  return /*#__PURE__*/React.createElement(SVG, {
-    viewBox: "0 0 32 32",
-    name: "PlusIcon",
-    isRender: isRender,
-    isSymbol: isSymbol,
-    className: className
-  }, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
-    style: {
-      fill: '#767d89'
-    },
-    d: "M16,2.7c0.4,0,0.7,0.1,0.9,0.4s0.4,0.6,0.4,0.9v10.7H28c0.4,0,0.7,0.1,0.9,0.4c0.3,0.3,0.4,0.6,0.4,0.9 c0,0.4-0.1,0.7-0.4,0.9c-0.3,0.3-0.6,0.4-0.9,0.4H17.3V28c0,0.4-0.1,0.7-0.4,0.9c-0.3,0.3-0.6,0.4-0.9,0.4c-0.4,0-0.7-0.1-0.9-0.4 c-0.3-0.3-0.4-0.6-0.4-0.9V17.3H4c-0.4,0-0.7-0.1-0.9-0.4S2.7,16.4,2.7,16s0.1-0.7,0.4-0.9c0.3-0.3,0.6-0.4,0.9-0.4h10.7V4 c0-0.4,0.1-0.7,0.4-0.9C15.3,2.8,15.6,2.7,16,2.7z"
-  })));
-}
-PlusIcon.propTypes = PlusIcon_propTypes;
-PlusIcon.defaultProps = PlusIcon_defaultProps;

package/es/v1/svg/SnippetIcon.js

@@ -1,27 +0,0 @@
-import React from 'react';
-import { SnippetIcon_defaultProps } from "./props/defaultProps";
-import { SnippetIcon_propTypes } from "./props/propTypes";
-import SVG from '@zohodesk/svg/es/v1/SVG/SVG';
-export default function SnippetIcon(props) {
-  let {
-    isRender,
-    isSymbol,
-    className
-  } = props;
-  return /*#__PURE__*/React.createElement(SVG, {
-    viewBox: "0 0 31 32",
-    name: "SnippetIcon",
-    isRender: isRender,
-    isSymbol: isSymbol,
-    className: className
-  }, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
-    d: "M14.4,8.2L15.6,9L16,8.4l-1-0.7l2.5-3.7L11.5,0L8.9,3.8L7.9,3L7.6,3.6l1.2,0.8c-2.3,3-5.9,0.8-6,0.7L2.3,4.9L0,23.8 l16.6-9.3l-0.4-0.3C15.9,13.9,12.6,11.5,14.4,8.2L14.4,8.2z M1.5,22l5.2-7.7c0.3,0.1,0.6,0.2,0.9,0.2c1.2,0,2.1-0.9,2.2-2.1 c0-1.2-0.9-2.1-2.1-2.2c-1.2,0-2.1,0.9-2.2,2.1c0,0.6,0.2,1.2,0.7,1.6L1,21.6L2.8,6c1.2,0.6,4.4,1.7,6.5-1.1l4.5,3 c-1.8,3,0.4,5.6,1.4,6.5L1.5,22L1.5,22z M6.7,13.6c-0.7-0.4-0.8-1.3-0.4-2s1.3-0.8,2-0.4c0.7,0.4,0.8,1.3,0.4,2 c-0.2,0.3-0.5,0.5-0.9,0.6C7.5,13.9,7.1,13.8,6.7,13.6L6.7,13.6z"
-  }), /*#__PURE__*/React.createElement("path", {
-    style: {
-      fill: '#03A3FE'
-    },
-    d: "M30.9,25c-4.9,0.7-5.4,1.2-5.9,6.7c-0.6-5.4-1.1-6-6.1-6.5c4.9-0.7,5.4-1.2,5.9-6.7 C25.4,23.9,25.9,24.5,30.9,25z M30.3,8.2c-4.5,0.6-4.9,1.1-5.5,6.3c-0.5-5.3-0.9-5.8-5.4-6.4c4.5-0.6,4.9-1.1,5.5-6.3 C25.4,7.1,25.8,7.6,30.3,8.2z M16.2,25.7c-4.5,0.6-4.9,1.1-5.5,6.3c-0.5-5.3-0.9-5.8-5.4-6.4c4.5-0.6,4.9-1.1,5.5-6.3 C11.3,24.6,11.7,25.1,16.2,25.7z"
-  })));
-}
-SnippetIcon.propTypes = SnippetIcon_propTypes;
-SnippetIcon.defaultProps = SnippetIcon_defaultProps;

package/es/v1/svg/TemplateIcon.js

@@ -1,28 +0,0 @@
-import React from 'react';
-import { TemplateIcon_defaultProps } from "./props/defaultProps";
-import { TemplateIcon_propTypes } from "./props/propTypes";
-import SVG from '@zohodesk/svg/es/v1/SVG/SVG';
-export default function TemplateIcon(props) {
-  let {
-    isRender,
-    isSymbol,
-    className
-  } = props;
-  return /*#__PURE__*/React.createElement(SVG, {
-    viewBox: "0 0 40 40",
-    name: "TemplateIcon",
-    isRender: isRender,
-    isSymbol: isSymbol,
-    className: className
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M33.09,3H6.91A3.91,3.91,0,0,0,3,6.91V33.09A3.91,3.91,0,0,0,6.91,37H33.09A3.91,3.91,0,0,0,37,33.09V6.91A3.92,3.92,0,0,0,33.09,3ZM6.91,5H33.09A1.92,1.92,0,0,1,35,6.91v4.62H5V6.91A1.92,1.92,0,0,1,6.91,5ZM33.09,35H6.91A1.92,1.92,0,0,1,5,33.09V13.53H35V33.09A1.92,1.92,0,0,1,33.09,35Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M9.33,9.33A1.07,1.07,0,1,0,8.27,8.27,1.06,1.06,0,0,0,9.33,9.33Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M13.6,9.33a1.07,1.07,0,1,0-1.07-1.06A1.06,1.06,0,0,0,13.6,9.33Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M24.87,23H21V19.13a1,1,0,1,0-2,0V23H15.13a1,1,0,0,0,0,2H19v3.86a1,1,0,0,0,2,0V25h3.87a1,1,0,1,0,0-2Z"
-  }));
-}
-TemplateIcon.propTypes = TemplateIcon_propTypes;
-TemplateIcon.defaultProps = TemplateIcon_defaultProps;

package/es/v1/svg/index.js

@@ -1,3 +0,0 @@
-export { default as PlusIcon } from "./PlusIcon";
-export { default as SnippetIcon } from "./SnippetIcon";
-export { default as TemplateIcon } from "./TemplateIcon";

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

@@ -1,15 +0,0 @@
-export const PlusIcon_defaultProps = {
-  isRender: true,
-  isSymbol: false,
-  className: ''
-};
-export const SnippetIcon_defaultProps = {
-  isRender: true,
-  isSymbol: false,
-  className: ''
-};
-export const TemplateIcon_defaultProps = {
-  isRender: true,
-  isSymbol: false,
-  className: ''
-};

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

@@ -1,16 +0,0 @@
-import PropTypes from 'prop-types';
-export const PlusIcon_propTypes = {
-  className: PropTypes.string,
-  isRender: PropTypes.bool,
-  isSymbol: PropTypes.bool
-};
-export const SnippetIcon_propTypes = {
-  className: PropTypes.string,
-  isRender: PropTypes.bool,
-  isSymbol: PropTypes.bool
-};
-export const TemplateIcon_propTypes = {
-  className: PropTypes.string,
-  isRender: PropTypes.bool,
-  isSymbol: PropTypes.bool
-};

package/es/v1/utils/ChannelIconMapping.js

@@ -1,129 +0,0 @@
-export function getChannelMappingObj() {
-  return {
-    EMAIL: {
-      default: 'ZD-CH-mail',
-      incoming: 'ZD-CH-mailIn',
-      outgoing: 'ZD-CH-mailOut',
-      draft: 'ZD-CH-draft',
-      forward: 'ZD-CH-emailForward',
-      forwardDraft: 'ZD-TK-forwardDraft',
-      missed: 'ZD-CH-mailMissed'
-    },
-    FACEBOOK: {
-      default: 'ZD-CH-facebook',
-      incoming: 'ZD-CH-facebookIn',
-      outgoing: 'ZD-CH-facebookOut',
-      draft: 'ZD-CH-draft',
-      forward: 'ZD-CH-emailForward',
-      forwardDraft: 'ZD-TK-forwardDraft',
-      missed: 'ZD-CH-facebookMissed'
-    },
-    FACEBOOK_DM: {
-      default: 'ZD-CH-directFacebook',
-      incoming: 'ZD-CH-directFacebookIn',
-      outgoing: 'ZD-CH-directFacebookOut',
-      draft: 'ZD-CH-draft',
-      forward: 'ZD-CH-emailForward',
-      forwardDraft: 'ZD-TK-forwardDraft',
-      missed: 'ZD-CH-directFacebookMissed'
-    },
-    TWITTER: {
-      default: 'ZD-CH-twitter',
-      incoming: 'ZD-CH-twitterIn',
-      outgoing: 'ZD-CH-twitterOut',
-      draft: 'ZD-CH-draft',
-      forward: 'ZD-CH-emailForward',
-      forwardDraft: 'ZD-TK-forwardDraft',
-      missed: 'ZD-CH-twitterMissed'
-    },
-    FORUMS: {
-      default: 'ZD-CH-forum',
-      incoming: 'ZD-CH-forumIn',
-      outgoing: 'ZD-CH-forumOut',
-      draft: 'ZD-CH-draft',
-      forward: 'ZD-CH-emailForward',
-      forwardDraft: 'ZD-TK-forwardDraft',
-      missed: 'ZD-CH-forumMissed'
-    },
-    CHAT: {
-      default: 'ZD-CH-chat',
-      incoming: 'ZD-CH-chatIn',
-      outgoing: 'ZD-CH-chatOut',
-      draft: 'ZD-CH-draft',
-      forward: 'ZD-CH-emailForward',
-      forwardDraft: 'ZD-TK-forwardDraft',
-      missed: 'ZD-CH-chatMissed'
-    },
-    OFFLINE_CHAT: {
-      default: 'ZD-CH-chat',
-      incoming: 'ZD-CH-chatIn',
-      outgoing: 'ZD-CH-chatOut',
-      draft: 'ZD-CH-draft',
-      forward: 'ZD-CH-emailForward',
-      forwardDraft: 'ZD-TK-forwardDraft',
-      missed: 'ZD-CH-chatMissed'
-    },
-    ONLINE_CHAT: {
-      default: 'ZD-CH-chat',
-      incoming: 'ZD-CH-chatIn',
-      outgoing: 'ZD-CH-chatOut',
-      draft: 'ZD-CH-draft',
-      forward: 'ZD-CH-emailForward',
-      forwardDraft: 'ZD-TK-forwardDraft',
-      missed: 'ZD-CH-chatMissed'
-    },
-    PHONE: {
-      default: 'ZD-CH-call',
-      incoming: 'ZD-CH-callIn',
-      outgoing: 'ZD-CH-callOut',
-      draft: 'ZD-CH-draft',
-      forward: 'ZD-CH-emailForward',
-      forwardDraft: 'ZD-TK-forwardDraft',
-      missed: 'ZD-CH-callMissed'
-    },
-    WEB: {
-      default: 'ZD-CH-web',
-      incoming: 'ZD-CH-webIn',
-      out: 'ZD-CH-webOut',
-      draft: 'ZD-CH-draft',
-      forward: 'ZD-CH-emailForward',
-      forwardDraft: 'ZD-TK-forwardDraft',
-      missed: 'ZD-CH-webMissed'
-    },
-    CUSTOMERPORTAL: {
-      default: 'ZD-CH-web',
-      incoming: 'ZD-CH-webIn',
-      out: 'ZD-CH-webOut',
-      draft: 'ZD-CH-draft',
-      forward: 'ZD-CH-emailForward',
-      forwardDraft: 'ZD-TK-forwardDraft',
-      missed: 'ZD-CH-webMissed'
-    },
-    FEEDBACK: {
-      default: 'ZD-CH-happiness',
-      incoming: 'ZD-CH-happinessIn',
-      out: 'ZD-CH-happinessOut',
-      draft: 'ZD-CH-draft',
-      forward: 'ZD-CH-emailForward',
-      forwardDraft: 'ZD-TK-forwardDraft',
-      missed: 'ZD-CH-happinessMissed'
-    },
-    'FEEDBACK WIDGET': {
-      default: 'ZD-CH-feedbackWidget'
-    }
-  };
-}
-export function getActivitiesIconObj(name) {
-  let activitiesIcons = {
-    'ZD-TK-task': '18',
-    'ZD-SE-conversation': '21',
-    'ZD-GN-phone': '21',
-    'ZD-TK-remoteAssist': '18',
-    'ZD-TK-event': '18',
-    'ZD-CH-callIn': '21',
-    'ZD-CH-callMissed': '21',
-    'ZD-CH-callOut': '21',
-    'ZD-CH-callOutBound': '21'
-  };
-  return activitiesIcons[name] ? activitiesIcons[name] : null;
-}

package/es/v1/utils/General.js

@@ -1,45 +0,0 @@
-export function stopBubbling(event) {
-  event.preventDefault();
-  event.stopPropagation && event.stopPropagation();
-  event.nativeEvent && event.nativeEvent.stopImmediatePropagation && event.nativeEvent.stopImmediatePropagation();
-}
-export function getFullName() {
-  let firstName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-  let lastName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-  let fullName = '';
-
-  if (firstName !== null && firstName !== '') {
-    fullName = firstName;
-  }
-
-  if (lastName !== null && lastName !== '') {
-    fullName = `${fullName}${lastName}`;
-  }
-
-  return fullName;
-}
-export function shallowDiff() {
-  let a = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  let b = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
-  for (let i in a) {
-    if (!(i in b)) {
-      return true;
-    }
-  }
-
-  for (let i in b) {
-    if (a[i] !== b[i]) {
-      return true;
-    }
-  }
-
-  return false;
-}
-export function formatPhoneUrl(phone) {
-  if (/^[0-9]{1,10}$/.test(phone)) {
-    return phone.length == 10 ? `(${phone.slice(0, 3)}) ${phone.slice(3, 6)}-${phone.slice(6, 10)}` : phone;
-  }
-
-  return phone;
-}

package/es/v1/utils/editorUtils.js

@@ -1,193 +0,0 @@
-// editorUtils
-export function editorContentValidate(editorObj) {
-  let content = editorObj && editorObj.getContent && editorObj.getContent() || '';
-
-  if (content == '' || !content.length || content == '<div><br></div>' || editorObj.mode !== 'plaintext' && !editorObj.doc.body.innerText.trim().length && !editorObj.doc.getElementsByTagName('img').length && !editorObj.doc.getElementsByTagName('iframe').length && !isValidSpace(editorObj)) {
-    return false;
-  }
-
-  return true;
-}
-
-function isValidSpace(editorObj) {
-  let uTags = editorObj.doc.body.getElementsByTagName('u');
-  let isValidContent = false;
-
-  for (let i = 0; i < uTags.length; i++) {
-    let uTag = uTags[i];
-    let contentLength = uTag.innerText.length;
-
-    if (contentLength) {
-      isValidContent = true;
-      break;
-    }
-  }
-
-  return isValidContent;
-}
-
-export function fixEncoding(str) {
-  if (/&amp;lt;|&amp;gt;/g.test(str) == true) {
-    str = str.replace(/&amp;lt;/g, '&lt;');
-    str = str.replace(/&amp;gt;/g, '&gt;');
-  }
-
-  return str;
-}
-export function encodeForHtml(str) {
-  if (/<|>|&|"|'|\\/g.test(str) == true) {
-    str = str.replace(/&/g, '&amp;');
-    str = str.replace(/</g, '&lt;');
-    str = str.replace(/>/g, '&gt;');
-    str = str.replace(/"/g, '&quot;');
-    str = str.replace(/\\/g, '&#x5c;');
-    str = str.replace(/'/g, '&#39;');
-  }
-
-  return str;
-} // attachment
-
-export function isFileNameSizeInvalid(fileName, fileNameMaxCharacters) {
-  return fileName.length > fileNameMaxCharacters;
-}
-export function isImageFormat(fileName, allowedFileExtensions) {
-  let extension = getExtensionFromFileName(fileName);
-  const isValidExtension = allowedFileExtensions.includes(extension);
-  return isValidExtension;
-}
-export function getExtensionFromFileName(fileName) {
-  if (fileName && fileName.indexOf('.') != -1) {
-    return fileName.substring(fileName.lastIndexOf('.') + 1, fileName.length).toLowerCase();
-  }
-
-  return '';
-} // common
-
-export function triggerKeyup(elem) {
-  let keyup = new KeyboardEvent('keyup');
-  elem && elem.dispatchEvent && elem.dispatchEvent(keyup);
-} // editor
-
-export function getRichEditorContent(key) {
-  let richTextEditor = global.editor[key];
-
-  if (richTextEditor != undefined) {
-    let content = richTextEditor.getContent();
-    content = content.trim();
-
-    if (content == '<br>') {
-      return '';
-    }
-
-    if (richTextEditor.mode == 'plaintext') {
-      content = replaceNewLineCharacter(content);
-    }
-
-    return content;
-  }
-
-  return '';
-}
-
-function replaceNewLineCharacter(content) {
-  if (typeof content !== 'undefined') {
-    content = encodeForHtml(content);
-    content = content.replace(/\n/g, '<br/>');
-  }
-
-  return content;
-}
-
-export const changeContent = (id, value) => {
-  let editorObj = global.editor && global.editor[id];
-
-  if (editorObj) {
-    let content = fixEncoding(value);
-
-    if (editorObj.mode === 'plaintext') {
-      editorObj.squireInstance.setHTML(content);
-      editorObj.plainText(editorObj.squireInstance.getHTML());
-    } else {
-      editorObj.setContent(content);
-    }
-  }
-};
-export function validateEditorContentOnInsertHtml(node) {
-  if (node.nodeName === 'IFRAME') {
-    let iframeSrcRegex = /^(https?:)?\/\/((www\.youtube\.com)|(www\.youtube-nocookie\.com)|(([a-z\-]+\.)?flowplayer\.org)|(www\.useloom\.com)|(player\.vimeo\.com)|(www\.dailymotion\.com)|(w\.soundcloud\.com)|(whatfix\.com)|([a-z\-]+\.zoho\.com)|([a-z\-]+\.google\.com)|([a-z\-]+\.efficientforms\.com)|([a-z0-9\-]+\.microsoftstream\.com)).*$/;
-
-    if (!node.getAttribute('src') || !iframeSrcRegex.test(node.getAttribute('src'))) {
-      node.parentNode.removeChild(node);
-    }
-  }
-} // loadresource
-
-/* use promise and remove callback*/
-
-export function loadResource(url, type, id, callback) {
-  return new Promise(resolve => {
-    let css, script;
-
-    if (id && document.getElementById(id)) {
-      resolve();
-      return;
-    }
-
-    if (type === 'css') {
-      css = document.createElement('link');
-      css.type = 'text/css';
-      css.rel = 'stylesheet';
-      css.href = url;
-      css.id = id || '';
-
-      css.onload = function () {
-        resolve();
-      };
-
-      css.onerror = function () {
-        resolve();
-      };
-
-      document.getElementsByTagName('head')[0].appendChild(css);
-    } else if (type === 'js') {
-      script = document.createElement('script');
-      script.type = 'text/javascript';
-      script.src = url;
-      script.defer = true;
-
-      script.onload = function () {
-        resolve();
-
-        if (id) {
-          script.id = id;
-        }
-
-        if (typeof callback === 'function') {
-          callback();
-        }
-      };
-
-      script.onerror = function () {
-        resolve();
-      };
-
-      document.getElementsByTagName('head')[0].appendChild(script);
-    }
-  });
-} // bind
-
-export function bind() {
-  for (var _len = arguments.length, handlers = new Array(_len), _key = 0; _key < _len; _key++) {
-    handlers[_key] = arguments[_key];
-  }
-
-  handlers.forEach(handler => {
-    if (__DEVELOPMENT__) {
-      if (!this[handler]) {
-        console.log('Handler method not defined: ', handler);
-      }
-    }
-
-    this[handler] = this[handler].bind(this);
-  });
-}

package/lib/v1/ActionButton/ActionButton.js

@@ -1,173 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _defaultProps = require("./props/defaultProps");
-
-var _propTypes = require("./props/propTypes");
-
-var _Popup = _interopRequireDefault(require("@zohodesk/components/es/v1/Popup/Popup"));
-
-var _icons = require("@zohodesk/icons");
-
-var _Button = _interopRequireDefault(require("@zohodesk/components/es/v1/Button/Button"));
-
-var _Layout = require("@zohodesk/components/es/v1/Layout");
-
-var _ResponsiveDropBox = _interopRequireDefault(require("@zohodesk/components/es/v1/ResponsiveDropBox/ResponsiveDropBox"));
-
-var _CssProvider = _interopRequireDefault(require("@zohodesk/components/es/Provider/CssProvider"));
-
-var _semanticButtonModule = _interopRequireDefault(require("@zohodesk/components/es/semantic/Button/semanticButton.module.css"));
-
-var _ActionButtonModule = _interopRequireDefault(require("../../ActionButton/ActionButton.module.css"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function ActionButton(props) {
-  var isLoading = props.isLoading,
-      onClick = props.onClick,
-      size = props.size,
-      dataId = props.dataId,
-      dataSelectorId = props.dataSelectorId,
-      isArrow = props.isArrow,
-      text = props.text,
-      subText = props.subText,
-      arrowBoxSize = props.arrowBoxSize,
-      palette = props.palette,
-      onHover = props.onHover,
-      position = props.position,
-      className = props.className,
-      iconName = props.iconName,
-      iconSize = props.iconSize,
-      dataTitle = props.dataTitle,
-      isDisabled = props.isDisabled,
-      isPopupOpen = props.isPopupOpen,
-      removeClose = props.removeClose,
-      children = props.children,
-      dropBoxClass = props.dropBoxClass,
-      isBoxPaddingNeed = props.isBoxPaddingNeed,
-      getContainerRef = props.getContainerRef,
-      getTargetRef = props.getTargetRef,
-      removeChildrenTooltip = props.removeChildrenTooltip,
-      innerClassName = props.innerClassName,
-      popupGroup = props.popupGroup,
-      togglePopup = props.togglePopup,
-      defaultPosition = props.defaultPosition,
-      openPopupOnly = props.openPopupOnly,
-      isAbsolutePositioningNeeded = props.isAbsolutePositioningNeeded,
-      isRestrictScroll = props.isRestrictScroll,
-      positionsOffset = props.positionsOffset,
-      targetOffset = props.targetOffset;
-
-  var handleTogglePopup = function handleTogglePopup(e) {
-    togglePopup(e, defaultPosition);
-  };
-
-  var handlePopupOpen = function handlePopupOpen(e) {
-    openPopupOnly(e, defaultPosition);
-  };
-
-  return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
-    alignBox: "row",
-    isCover: false,
-    className: " ".concat(_ActionButtonModule["default"].container, " ").concat(_ActionButtonModule["default"][palette + 'Box'], " ").concat(_ActionButtonModule["default"][size], " ").concat(className, " ").concat(isDisabled ? (0, _CssProvider["default"])('isDisabled') : '', " ").concat(!onClick ? _ActionButtonModule["default"].wholeDiv : '', " "),
-    onClick: onHover ? removeClose : !onClick ? handleTogglePopup : undefined,
-    onMouseEnter: !onClick ? onHover && handleTogglePopup : undefined,
-    onMouseLeave: !onClick ? onHover && handleTogglePopup : undefined,
-    eleRef: getTargetRef,
-    dataSelectorId: dataSelectorId,
-    dataId: "".concat(dataId, "_actionButton")
-  }, isLoading ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-    flexible: true
-  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    status: "loading",
-    palette: palette,
-    size: "medium",
-    customClass: {
-      customButton: _ActionButtonModule["default"].btn
-    },
-    text: text
-  })) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-    flexible: true,
-    onClick: onClick,
-    dataId: dataId,
-    className: "".concat(_semanticButtonModule["default"].buttonReset, " ").concat(_ActionButtonModule["default"].contentBox, " ").concat(_ActionButtonModule["default"][palette + 'Btn'], " ").concat(_ActionButtonModule["default"][size + '_btnBox'], " ").concat(children ? _ActionButtonModule["default"].contentBoxBdr : _ActionButtonModule["default"].contentBoxBdrRds, " ").concat(_ActionButtonModule["default"].clickable, " ").concat(innerClassName, " "),
-    "data-title": dataTitle,
-    tagName: "button",
-    tabIndex: "0"
-  }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
-    align: "both"
-  }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-    className: _ActionButtonModule["default"].contentwrapper
-  }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
-    isCover: false,
-    alignBox: "row",
-    align: "vertical"
-  }, iconName ? /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
-    name: iconName,
-    size: iconSize,
-    iconClass: "".concat(_ActionButtonModule["default"].iconClr, " ").concat(text ? _ActionButtonModule["default"].iconMrgn : '')
-  }) : null, text ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-    shrink: true,
-    className: _ActionButtonModule["default"].txt,
-    "data-title": removeChildrenTooltip ? null : text
-  }, text) : null)), subText ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-    "data-title": removeChildrenTooltip ? null : subText,
-    className: _ActionButtonModule["default"].subTxt
-  }, subText) : null)), children ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-    onClick: onClick && !onHover ? handleTogglePopup : handlePopupOpen,
-    onMouseEnter: onClick ? onHover && handleTogglePopup : undefined,
-    onMouseLeave: onClick ? onHover && handleTogglePopup : undefined,
-    className: "".concat(_semanticButtonModule["default"].buttonReset, " ").concat(_ActionButtonModule["default"][arrowBoxSize + '_arrowBox'], " ").concat(_ActionButtonModule["default"][palette + 'Arw'], "  ").concat(_ActionButtonModule["default"].arrowWrapper, " ").concat(isPopupOpen ? _ActionButtonModule["default"].arrowActive : ''),
-    dataId: "".concat(dataId, "_arrowButton"),
-    tabIndex: "0",
-    tagName: "button",
-    dataSelectorId: "".concat(dataSelectorId, "_arrowButton")
-  }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
-    align: "both"
-  }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
-    name: "ZD-down",
-    size: "6",
-    iconClass: _ActionButtonModule["default"].arrow
-  })), isPopupOpen ? /*#__PURE__*/_react["default"].createElement(_ResponsiveDropBox["default"], {
-    size: "small",
-    isActive: isPopupOpen,
-    boxPosition: position,
-    isAnimate: true,
-    isArrow: isArrow,
-    customClass: {
-      customDropBoxWrap: dropBoxClass
-    },
-    isBoxPaddingNeed: isBoxPaddingNeed,
-    getRef: getContainerRef,
-    popupGroup: popupGroup,
-    needFocusScope: true,
-    onClose: handleTogglePopup,
-    dataId: "".concat(dataId, "_dropbox"),
-    isAbsolutePositioningNeeded: isAbsolutePositioningNeeded,
-    isRestrictScroll: isRestrictScroll,
-    positionsOffset: positionsOffset,
-    targetOffset: targetOffset
-  }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-    flexible: true,
-    shrink: true,
-    scroll: "vertical"
-  }, children)) : null) : null));
-}
-
-ActionButton.defaultProps = _defaultProps.defaultProps;
-ActionButton.propTypes = _propTypes.propTypes;
-var ActionButtonComponent = (0, _Popup["default"])(ActionButton);
-ActionButtonComponent.defaultProps = _defaultProps.defaultProps;
-ActionButtonComponent.propTypes = _propTypes.propTypes; // ActionButton.docs = {
-//   componentGroup: 'Atom'
-// };
-
-var _default = ActionButtonComponent;
-exports["default"] = _default;