@zohodesk/dot 1.0.0-temp-203 → 1.0.0-temp-203.2

package/lib/form/fields/RadioField/__tests__/__snapshots__/RadioField.spec.js.snap

@@ -24,7 +24,7 @@ exports[`RadioField rendering options with isBoxStyle 1`] = `
         >
           <div
             class="radio  
-            hoverprimary medium filled centerPathprimary  shrinkOff"
+            hoverprimary medium filled centerPathprimary   shrinkOff"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
@@ -51,7 +51,7 @@ exports[`RadioField rendering options with isBoxStyle 1`] = `
             </label>
           </div>
           <div
-            class="text grow basis shrinkOff"
+            class="text  grow basis shrinkOff"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
@@ -59,7 +59,7 @@ exports[`RadioField rendering options with isBoxStyle 1`] = `
             <label
               class="label title medium default font_primary
           dotted cursor  
-              primaryLabel pointer  "
+              primaryLabel pointer    "
               data-id="Chennai_label"
               data-selector-id="label"
               data-test-id="Chennai_label"
@@ -86,7 +86,7 @@ exports[`RadioField rendering options with isBoxStyle 1`] = `
         >
           <div
             class="radio  
-             medium filled centerPathprimary  shrinkOff"
+             medium filled centerPathprimary  disabled shrinkOff"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
@@ -113,7 +113,7 @@ exports[`RadioField rendering options with isBoxStyle 1`] = `
             </label>
           </div>
           <div
-            class="text grow basis shrinkOff"
+            class="text disabled grow basis shrinkOff"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
@@ -121,7 +121,7 @@ exports[`RadioField rendering options with isBoxStyle 1`] = `
             <label
               class="label title medium default font_primary
           dotted cursor  
-              primaryLabel disabled  "
+              primaryLabel     "
               data-id="Mumbai_label"
               data-selector-id="label"
               data-test-id="Mumbai_label"
@@ -147,7 +147,7 @@ exports[`RadioField rendering options with isBoxStyle 1`] = `
         >
           <div
             class="radio  
-            hoverprimary medium filled centerPathprimary  shrinkOff"
+            hoverprimary medium filled centerPathprimary   shrinkOff"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
@@ -174,7 +174,7 @@ exports[`RadioField rendering options with isBoxStyle 1`] = `
             </label>
           </div>
           <div
-            class="text grow basis shrinkOff"
+            class="text  grow basis shrinkOff"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
@@ -182,7 +182,7 @@ exports[`RadioField rendering options with isBoxStyle 1`] = `
             <label
               class="label title medium default font_primary
           dotted cursor  
-              primaryLabel pointer  "
+              primaryLabel pointer    "
               data-id="Delhi_label"
               data-selector-id="label"
               data-test-id="Delhi_label"
@@ -217,7 +217,7 @@ exports[`RadioField rendering options with isBoxStyle 1`] = `
         >
           <div
             class="radio  
-            hoverprimary medium filled centerPathprimary  shrinkOff"
+            hoverprimary medium filled centerPathprimary   shrinkOff"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
@@ -244,7 +244,7 @@ exports[`RadioField rendering options with isBoxStyle 1`] = `
             </label>
           </div>
           <div
-            class="text grow basis shrinkOff"
+            class="text  grow basis shrinkOff"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
@@ -252,7 +252,7 @@ exports[`RadioField rendering options with isBoxStyle 1`] = `
             <label
               class="label title medium default font_primary
           dotted cursor  
-              primaryLabel pointer  "
+              primaryLabel pointer    "
               data-id="Kolkata_label"
               data-selector-id="label"
               data-test-id="Kolkata_label"
@@ -305,7 +305,7 @@ exports[`RadioField rendering with options 1`] = `
         >
           <div
             class="radio  
-            hoverprimary medium filled centerPathprimary  shrinkOff"
+            hoverprimary medium filled centerPathprimary   shrinkOff"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
@@ -332,7 +332,7 @@ exports[`RadioField rendering with options 1`] = `
             </label>
           </div>
           <div
-            class="text grow basis shrinkOff"
+            class="text  grow basis shrinkOff"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
@@ -340,7 +340,7 @@ exports[`RadioField rendering with options 1`] = `
             <label
               class="label title medium default font_primary
           dotted cursor  
-              primaryLabel pointer  "
+              primaryLabel pointer    "
               data-id="Chennai_label"
               data-selector-id="label"
               data-test-id="Chennai_label"
@@ -367,7 +367,7 @@ exports[`RadioField rendering with options 1`] = `
         >
           <div
             class="radio  
-             medium filled centerPathprimary  shrinkOff"
+             medium filled centerPathprimary  disabled shrinkOff"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
@@ -394,7 +394,7 @@ exports[`RadioField rendering with options 1`] = `
             </label>
           </div>
           <div
-            class="text grow basis shrinkOff"
+            class="text disabled grow basis shrinkOff"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
@@ -402,7 +402,7 @@ exports[`RadioField rendering with options 1`] = `
             <label
               class="label title medium default font_primary
           dotted cursor  
-              primaryLabel disabled  "
+              primaryLabel     "
               data-id="Mumbai_label"
               data-selector-id="label"
               data-test-id="Mumbai_label"
@@ -428,7 +428,7 @@ exports[`RadioField rendering with options 1`] = `
         >
           <div
             class="radio  
-            hoverprimary medium filled centerPathprimary  shrinkOff"
+            hoverprimary medium filled centerPathprimary   shrinkOff"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
@@ -455,7 +455,7 @@ exports[`RadioField rendering with options 1`] = `
             </label>
           </div>
           <div
-            class="text grow basis shrinkOff"
+            class="text  grow basis shrinkOff"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
@@ -463,7 +463,7 @@ exports[`RadioField rendering with options 1`] = `
             <label
               class="label title medium default font_primary
           dotted cursor  
-              primaryLabel pointer  "
+              primaryLabel pointer    "
               data-id="Delhi_label"
               data-selector-id="label"
               data-test-id="Delhi_label"
@@ -498,7 +498,7 @@ exports[`RadioField rendering with options 1`] = `
         >
           <div
             class="radio  
-            hoverprimary medium filled centerPathprimary  shrinkOff"
+            hoverprimary medium filled centerPathprimary   shrinkOff"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
@@ -525,7 +525,7 @@ exports[`RadioField rendering with options 1`] = `
             </label>
           </div>
           <div
-            class="text grow basis shrinkOff"
+            class="text  grow basis shrinkOff"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
@@ -533,7 +533,7 @@ exports[`RadioField rendering with options 1`] = `
             <label
               class="label title medium default font_primary
           dotted cursor  
-              primaryLabel pointer  "
+              primaryLabel pointer    "
               data-id="Kolkata_label"
               data-selector-id="label"
               data-test-id="Kolkata_label"

package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.js

@@ -213,7 +213,8 @@ var TagsMultiSelect = /*#__PURE__*/function (_React$Component) {
           positionsOffset = _this$props3.positionsOffset,
           targetOffset = _this$props3.targetOffset,
           customClass = _this$props3.customClass,
-          customProps = _this$props3.customProps;
+          customProps = _this$props3.customProps,
+          isFocus = _this$props3.isFocus;
       var showAll = this.state.showAll;
       var chipLimit = !isPopupReady ? showAll ? tagsList.length : chipNeedToShow : tagsList.length;
       var _customClass$tagCusto = customClass.tagCustomClass,
@@ -228,8 +229,9 @@ var TagsMultiSelect = /*#__PURE__*/function (_React$Component) {
           TagWrapperProps = _customProps$TagWrapp === void 0 ? {} : _customProps$TagWrapp,
           _customProps$TagProps = customProps.TagProps,
           TagProps = _customProps$TagProps === void 0 ? {} : _customProps$TagProps;
+      var isEditable = !isReadOnly;
       return /*#__PURE__*/_react["default"].createElement("div", {
-        className: "".concat(_TagsMultiSelectModule["default"].container, " ").concat(!isReadOnly ? " ".concat(needBorder ? _TagsMultiSelectModule["default"].hasBorder : '', "\n              ").concat(needBorder ? _TagsMultiSelectModule["default"]["borderColor_".concat(borderColor)] : _TagsMultiSelectModule["default"].borderColor_transparent, " ").concat(isPopupReady && needBorder ? _TagsMultiSelectModule["default"].active : '') : '', " ").concat(className),
+        className: "".concat(_TagsMultiSelectModule["default"].container, " ").concat(!isReadOnly ? " ".concat(needBorder ? _TagsMultiSelectModule["default"].hasBorder : '', "\n              ").concat(needBorder ? _TagsMultiSelectModule["default"]["borderColor_".concat(borderColor)] : _TagsMultiSelectModule["default"].borderColor_transparent, " ").concat(isPopupReady && needBorder || isEditable && isFocus ? _TagsMultiSelectModule["default"].active : '') : '', " ").concat(className),
         onClick: _General.stopBubbling,
         "data-id": "".concat(dataId, "_tagsContainer"),
         "data-test-id": "".concat(dataId, "_tagsContainer"),

package/lib/form/fields/TagsMultiSelect/props/propTypes.js

@@ -63,6 +63,7 @@ var propTypes = {
     TextBoxIconProps: _propTypes["default"].object,
     TagWrapperProps: _propTypes["default"].object,
     TagProps: _propTypes["default"].object
-  })
+  }),
+  isFocus: _propTypes["default"].bool
 };
 exports.propTypes = propTypes;

package/lib/form/fields/TextEditorField/TextEditorField.js

@@ -148,7 +148,6 @@ var TextEditorField = /*#__PURE__*/function (_PureComponent) {
           needInlineAttachment = _this$props4.needInlineAttachment,
           i18nKeys = _this$props4.i18nKeys,
           className = _this$props4.className,
-          children = _this$props4.children,
           ePhiData = _this$props4.ePhiData,
           customProps = _this$props4.customProps;
       var _customProps$LabelPro = customProps.LabelProps,

package/lib/form/fields/TextEditorField/__tests__/__snapshots__/TextEditorField.spec.js.snap

@@ -14,7 +14,7 @@ exports[`TextEditorField rendering the defult props 1`] = `
         data-selector-id="textEditorWrapper"
       >
         <textarea
-          class="textBox  container xsmall primary needBorder noresize     effect borderColor_default"
+          class="textBox  container xsmall primary needBorder noresize     effect  borderColor_default"
           data-id="TextareaComp"
           data-selector-id="textarea"
           data-test-id="TextareaComp"

package/lib/form/fields/TextEditorWrapper/__tests__/__snapshots__/TextEditorWrapper.spec.js.snap

@@ -7,7 +7,7 @@ exports[`TextEditorWrapper rendering the defult props 1`] = `
     data-selector-id="textEditorWrapper"
   >
     <textarea
-      class="textBox  container small primary needBorder noresize  smallanimated   effect borderColor_default"
+      class="textBox  container small primary needBorder noresize  smallanimated   effect  borderColor_default"
       data-id="TextareaComp"
       data-selector-id="textarea"
       data-test-id="TextareaComp"

package/lib/form/fields/TextareaField/__tests__/__snapshots__/TextareaField.spec.js.snap

@@ -10,7 +10,7 @@ exports[`TextareaField rendering the defult props 1`] = `
       class="fieldContainer "
     >
       <textarea
-        class="  container xsmall primary needBorder resizeY  xsmallanimated   effect borderColor_default"
+        class="  container xsmall primary needBorder resizeY  xsmallanimated   effect  borderColor_default"
         data-id="property(undefined)"
         data-selector-id="textarea"
         data-test-id="property(undefined)"

package/lib/list/AvatarFlip/__tests__/__snapshots__/AvatarFlip.spec.js.snap

@@ -21,7 +21,7 @@ exports[`AvatarFlip rendering the defult props 1`] = `
         <div
           aria-checked="false"
           class="container pointer primary 
-          inflex rowdir vCenter"
+           inflex rowdir vCenter"
           data-id="listViewCheckBox_undefined"
           data-selector-id="container"
           data-test-id="listViewCheckBox_undefined"
@@ -29,7 +29,7 @@ exports[`AvatarFlip rendering the defult props 1`] = `
           tabindex="0"
         >
           <div
-            class="boxContainer medium  filled shrinkOff"
+            class="boxContainer medium  filled  shrinkOff"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"

package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js

@@ -21,7 +21,7 @@ var _AlertIcons = _interopRequireDefault(require("../../alertIcons/AlertIcons"))
 
 var _CustomResponsive = require("@zohodesk/components/lib/Responsive/CustomResponsive");
 
-var _Typography = _interopRequireDefault(require("@zohodesk/components/es/Typography/Typography"));
+var _Typography = _interopRequireDefault(require("@zohodesk/components/es/v1/Typography/Typography"));
 
 var _DesktopNotificationHeaderModule = _interopRequireDefault(require("./DesktopNotificationHeader.module.css"));
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/dot",
-  "version": "1.0.0-temp-203",
+  "version": "1.0.0-temp-203.2",
   "main": "lib/index",
   "module": "es/index.js",
   "private": false,
@@ -63,10 +63,10 @@
     "@zohodesk-private/node-plugins": "1.1.8",
     "@zohodesk-private/react-prop-validator": "1.2.3",
     "@zohodesk/a11y": "2.2.6",
-    "@zohodesk/components": "1.2.52",
-    "@zohodesk/dotkit": "1.0.0-temp-0",
+    "@zohodesk/components": "1.2.53",
+    "@zohodesk/dotkit": "1.0.0-temp-0.2",
     "@zohodesk/hooks": "2.0.5",
-    "@zohodesk/icons": "1.0.69",
+    "@zohodesk/icons": "1.0.70",
     "@zohodesk/svg": "1.1.22",
     "@zohodesk/utils": "1.3.14",
     "@zohodesk/variables": "1.0.0",
@@ -78,8 +78,8 @@
   "peerDependencies": {
     "velocity-react": "1.4.3",
     "@zohodesk/variables": "1.0.0",
-    "@zohodesk/components": "1.2.52",
-    "@zohodesk/icons": "1.0.69",
+    "@zohodesk/components": "1.2.53",
+    "@zohodesk/icons": "1.0.70",
     "@zohodesk/svg": "1.1.22",
     "@zohodesk/virtualizer": "1.0.3",
     "react-sortable-hoc": "^0.8.3",

package/es/services/context/AttachmentViewerContext.js

@@ -1,37 +0,0 @@
-import React, { createContext, useState, useCallback, useMemo } from 'react';
-import AttachmentViewer from '../components/Attachment/AttachmentViewer';
-import useGlobalService from '../hooks/useGlobalService';
-export const AttachmentViewerContext = /*#__PURE__*/createContext();
-export const AttachmentViewerProvider = props => {
-  const {
-    children
-  } = props;
-  const modifiedProps = { ...props
-  };
-  delete modifiedProps.children;
-  const [attachment, setAttachment] = useState({});
-  const showAttachmentViewer = useCallback(attachment => {
-    setAttachment(attachment);
-  }, []);
-  const hideAttachmentViewer = useCallback(() => {
-    setAttachment({});
-  }, []);
-  const contextValue = useMemo(() => ({
-    attachment,
-    showAttachmentViewer,
-    hideAttachmentViewer
-  }), [attachment]);
-  useGlobalService('attachmentViewer', {
-    showAttachmentViewer,
-    hideAttachmentViewer
-  });
-  return /*#__PURE__*/React.createElement(AttachmentViewerContext.Provider, {
-    value: contextValue
-  }, children, /*#__PURE__*/React.createElement(AttachmentViewer, {
-    attachment: attachment,
-    hideAttachmentViewer: hideAttachmentViewer,
-    ...modifiedProps
-  }));
-};
-export const AttachmentViewerConsumer = AttachmentViewerContext.Consumer;
-export default AttachmentViewerContext;

package/es/services/context/ToastNotificationContext.js

@@ -1,49 +0,0 @@
-import React, { createContext, useState, useRef, useCallback, useMemo } from 'react';
-import ToastNotification from '../components/ToastNotification/ToastNotification';
-import useGlobalService from '../hooks/useGlobalService';
-export const ToastNotificationContext = /*#__PURE__*/createContext();
-export const ToastNotificationProvider = props => {
-  const {
-    children
-  } = props;
-  const modifiedProps = { ...props
-  };
-  delete modifiedProps.children;
-  const [toastMessages, setToastMessages] = useState([]);
-  const toastIdCounter = useRef(0);
-  const showToastNotification = useCallback(message => {
-    const id = `toast${toastIdCounter.current++}`;
-    const toastMessage = {
-      id,
-      data: message
-    };
-    setToastMessages(prevMessages => [...prevMessages, toastMessage]);
-  }, []);
-  const hideToastNotification = useCallback(id => {
-    setToastMessages(prevMessages => prevMessages.filter(message => message.id !== id));
-  }, []);
-  const clearToastNotifications = useCallback(() => {
-    setToastMessages([]);
-  }, []);
-  const contextValue = useMemo(() => ({
-    toastMessages,
-    showToastNotification,
-    hideToastNotification,
-    clearToastNotifications
-  }), [toastMessages]);
-  useGlobalService('toastNotification', {
-    showToastNotification,
-    hideToastNotification,
-    clearToastNotifications
-  });
-  return /*#__PURE__*/React.createElement(ToastNotificationContext.Provider, {
-    value: contextValue
-  }, children, /*#__PURE__*/React.createElement(ToastNotification, {
-    messages: toastMessages,
-    hideToastNotification: hideToastNotification,
-    clearToastNotifications: clearToastNotifications,
-    ...modifiedProps
-  }));
-};
-export const ToastNotificationConsumer = ToastNotificationContext.Consumer;
-export default ToastNotificationContext;

package/es/services/helpers/getAttributeValues.js

@@ -1,19 +0,0 @@
-export default function getAttributeValues(_ref) {
-  let {
-    element,
-    attributes
-  } = _ref;
-  const values = {};
-
-  for (let attr of attributes) {
-    const value = element.getAttribute(attr);
-    const key = attr.replace('data-', '');
-
-    if (value) {
-      values[key] = value;
-    }
-  }
-
-  return values;
-}
-;

package/es/services/helpers/handleGloabeService.js

@@ -1,16 +0,0 @@
-export const setGlobalService = (serviceName, serviceFunctions) => {
-  if (!global.DOTServices) {
-    global.DOTServices = {};
-  }
-
-  global.DOTServices[serviceName] = serviceFunctions;
-};
-export const removeGlobalService = serviceName => {
-  if (global.DOTServices && global.DOTServices[serviceName]) {
-    delete global.DOTServices[serviceName];
-  }
-
-  if (global.DOTServices && Object.keys(global.DOTServices).length === 0) {
-    delete global.DOTServices;
-  }
-};

package/es/services/hoc/WithAttachmentViewer.js

@@ -1,16 +0,0 @@
-import React, { forwardRef } from 'react';
-import useAttachmentViewerService from '../hooks/useAttachmentViewerService';
-
-const WithAttachmentViewer = Component => {
-  const WrappedComponent = /*#__PURE__*/forwardRef((props, ref) => {
-    const attachmentViewerProperties = useAttachmentViewerService();
-    return /*#__PURE__*/React.createElement(Component, { ...props,
-      ref: ref,
-      attachmentViewerProperties: attachmentViewerProperties
-    });
-  });
-  WrappedComponent.displayName = `WithAttachmentViewer(${Component.displayName || Component.name || 'Component'})`;
-  return WrappedComponent;
-};
-
-export default WithAttachmentViewer;

package/es/services/hoc/WithEventPopup.js

@@ -1,49 +0,0 @@
-import React, { useCallback, forwardRef, useMemo } from 'react';
-import { Popup } from '@zohodesk/components';
-import { cancelBubblingEffect } from '@zohodesk/components/es/utils/Common';
-import useEventService from '../hooks/useEventService';
-
-const WithEventPopup = function (Component) {
-  let properties = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  const {
-    onClick
-  } = properties;
-  const WrappedComponent = /*#__PURE__*/forwardRef((props, ref) => {
-    const {
-      isPopupOpen,
-      getTargetRef,
-      togglePopup,
-      attributes = [],
-      keyAttribute
-    } = props;
-
-    const _togglePopup = useCallback(event => {
-      cancelBubblingEffect(event);
-
-      if (typeof onClick === 'function') {
-        onClick(event);
-      }
-
-      getTargetRef(event.target);
-      togglePopup(event);
-    }, [getTargetRef, togglePopup]);
-
-    const {
-      attributeValues
-    } = useEventService({
-      attributes,
-      keyAttribute,
-      isRendered: isPopupOpen,
-      onClick: _togglePopup
-    });
-    const memoizedAttributeValues = useMemo(() => attributeValues, [attributeValues]);
-    return isPopupOpen ? /*#__PURE__*/React.createElement(Component, { ...props,
-      ref: ref,
-      attributeValues: memoizedAttributeValues
-    }) : null;
-  });
-  WrappedComponent.displayName = `WithEventPopup(${Component.displayName || Component.name || 'Component'})`;
-  return WrappedComponent;
-};
-
-export default (Component => Popup(WithEventPopup(Component)));

package/es/services/hoc/WithToastNotification.js

@@ -1,16 +0,0 @@
-import React, { forwardRef } from 'react';
-import useToastNotificationService from '../hooks/useToastNotificationService';
-
-const WithToastNotification = Component => {
-  const WrappedComponent = /*#__PURE__*/forwardRef((props, ref) => {
-    const toastProperties = useToastNotificationService();
-    return /*#__PURE__*/React.createElement(Component, { ...props,
-      ref: ref,
-      toastProperties: toastProperties
-    });
-  });
-  WrappedComponent.displayName = `WithToastNotification(${Component.displayName || Component.name || 'Component'})`;
-  return WrappedComponent;
-};
-
-export default WithToastNotification;

package/es/services/hooks/useAttachmentViewerService.js

@@ -1,8 +0,0 @@
-import { useContext } from 'react';
-import AttachmentViewerContext from '../context/AttachmentViewerContext';
-
-const useAttachmentViewerService = () => {
-  return useContext(AttachmentViewerContext);
-};
-
-export default useAttachmentViewerService;

package/es/services/hooks/useEventService.js

@@ -1,49 +0,0 @@
-import { useCallback, useEffect, useMemo, useRef } from 'react';
-import { cancelBubblingEffect } from '@zohodesk/components/es/utils/Common';
-import getAttributeValues from '../helpers/getAttributeValues';
-
-const useEventService = properties => {
-  const {
-    attributes = [],
-    keyAttribute,
-    isRendered,
-    onClick
-  } = properties;
-  const attributesValue = useRef({});
-  useEffect(() => {
-    if (!isRendered) {
-      attributesValue.current = {};
-    }
-  }, [isRendered]);
-  const handleClick = useCallback(event => {
-    cancelBubblingEffect(event);
-    const target = event.target.getAttribute(keyAttribute) || event.target.closest(`[${keyAttribute}]`);
-
-    if (target) {
-      const attributeData = getAttributeValues({
-        element: event.target,
-        attributes
-      });
-
-      if (Object.keys(attributeData).length > 0) {
-        attributesValue.current = attributeData;
-      }
-
-      if (typeof onClick === 'function') {
-        onClick(event);
-      }
-    }
-  }, [attributes, keyAttribute, onClick]);
-  useEffect(() => {
-    document.addEventListener('click', handleClick);
-    return () => {
-      document.removeEventListener('click', handleClick);
-    };
-  }, [handleClick]);
-  const attributeValues = useMemo(() => attributesValue.current, [attributesValue.current]);
-  return {
-    attributeValues
-  };
-};
-
-export default useEventService;

package/es/services/hooks/useGlobalService.js

@@ -1,13 +0,0 @@
-import { useEffect } from 'react';
-import { removeGlobalService, setGlobalService } from "../helpers/handleGloabeService";
-
-const useGlobalService = (serviceName, serviceFunctions) => {
-  useEffect(() => {
-    setGlobalService(serviceName, serviceFunctions);
-    return () => {
-      removeGlobalService(serviceName);
-    };
-  }, [serviceName, serviceFunctions]);
-};
-
-export default useGlobalService;

package/es/services/hooks/useToastNotificationService.js

@@ -1,8 +0,0 @@
-import { useContext } from 'react';
-import ToastNotificationContext from '../context/ToastNotificationContext';
-
-const useToastNotificationService = () => {
-  return useContext(ToastNotificationContext);
-};
-
-export default useToastNotificationService;