@inceptionbg/iui 2.0.23 → 2.0.24

package/src/hooks/useLocalPopoverControl.ts

@@ -1,32 +1,32 @@
-import { useCallback, useImperativeHandle, useRef } from 'react';
-import { ILocalPopupControl } from '../types/IPopup';
-
-interface Props {
-  control: ILocalPopupControl;
-  onCloseCallback?: () => void;
-}
-
-export const useLocalPopoverControl = ({ control, onCloseCallback }: Props) => {
-  const elementRef = useRef<HTMLDivElement>(null);
-
-  const handleOpen = useCallback(() => control.setIsOpen(true), [control]);
-
-  const handleClose = useCallback(() => {
-    elementRef.current?.classList.add('closing');
-    setTimeout(() => {
-      onCloseCallback?.();
-      control.setIsOpen(false);
-    }, 200);
-  }, [control, onCloseCallback]);
-
-  useImperativeHandle(control?.controlRef, () => ({
-    onOpen: handleOpen,
-    onClose: handleClose,
-  }));
-
-  return {
-    isOpen: control?.isOpen,
-    onClose: handleClose,
-    elementRef: elementRef,
-  };
-};
+import type { ILocalPopupControl } from '../types/IPopup';
+import { useCallback, useImperativeHandle, useRef } from 'react';
+
+interface Props {
+  control: ILocalPopupControl;
+  onCloseCallback?: () => void;
+}
+
+export const useLocalPopoverControl = ({ control, onCloseCallback }: Props) => {
+  const elementRef = useRef<HTMLDivElement>(null);
+
+  const handleOpen = useCallback(() => control.setIsOpen(true), [control]);
+
+  const handleClose = useCallback(() => {
+    elementRef.current?.classList.add('closing');
+    setTimeout(() => {
+      onCloseCallback?.();
+      control.setIsOpen(false);
+    }, 200);
+  }, [control, onCloseCallback]);
+
+  useImperativeHandle(control?.controlRef, () => ({
+    onOpen: handleOpen,
+    onClose: handleClose,
+  }));
+
+  return {
+    isOpen: control?.isOpen,
+    onClose: handleClose,
+    elementRef: elementRef,
+  };
+};

package/src/hooks/useOnEsc.ts

@@ -1,14 +1,14 @@
-import { useEffect } from 'react';
-
-export const useOnEsc = (onEsc: () => void, disabled?: boolean) => {
-  useEffect(() => {
-    if (!disabled) {
-      const onEscPress = (e: KeyboardEvent) => {
-        e.code === 'Escape' && onEsc();
-      };
-
-      document.body.addEventListener('keyup', onEscPress);
-      return () => document.body.removeEventListener('keyup', onEscPress);
-    }
-  }, [onEsc, disabled]);
-};
+import { useEffect } from 'react';
+
+export const useOnEsc = (onEsc: () => void, disabled?: boolean) => {
+  useEffect(() => {
+    if (!disabled) {
+      const onEscPress = (e: KeyboardEvent) => {
+        e.code === 'Escape' && onEsc();
+      };
+
+      document.body.addEventListener('keyup', onEscPress);
+      return () => document.body.removeEventListener('keyup', onEscPress);
+    }
+  }, [onEsc, disabled]);
+};

package/src/hooks/usePopupControl.ts

@@ -1,22 +1,22 @@
-import { useCallback, useRef, useState } from 'react';
-import { IPopupControl, IPopupControlRef } from '../types/IPopup';
-
-export const usePopupControl: (props?: {
-  onCloseCallback?: () => void;
-}) => IPopupControl = props => {
-  const [isOpen, setIsOpen] = useState(false);
-
-  const controlRef = useRef<IPopupControlRef>(null);
-
-  const onOpen = useCallback(() => controlRef.current?.onOpen(), []);
-  const onClose = useCallback(() => {
-    controlRef.current?.onClose();
-    props?.onCloseCallback?.();
-  }, [props]);
-
-  return {
-    control: { controlRef, isOpen, setIsOpen },
-    onOpen,
-    onClose,
-  };
-};
+import type { IPopupControl, IPopupControlRef } from '../types/IPopup';
+import { useCallback, useRef, useState } from 'react';
+
+export const usePopupControl: (props?: {
+  onCloseCallback?: () => void;
+}) => IPopupControl = props => {
+  const [isOpen, setIsOpen] = useState(false);
+
+  const controlRef = useRef<IPopupControlRef>(null);
+
+  const onOpen = useCallback(() => controlRef.current?.onOpen(), []);
+  const onClose = useCallback(() => {
+    controlRef.current?.onClose();
+    props?.onCloseCallback?.();
+  }, [props]);
+
+  return {
+    control: { controlRef, isOpen, setIsOpen },
+    onOpen,
+    onClose,
+  };
+};

package/src/hooks/useZendesk.ts

@@ -1,21 +1,21 @@
-import { useEffect } from 'react';
-
-declare global {
-  var zE: {
-    show: () => void;
-    hide: () => void;
-    activate: () => void;
-    setLocale: (locale: string) => void;
-  };
-}
-
-export const useHideZendesk = () => {
-  useEffect(() => {
-    const zendesk = window.zE ?? null;
-    if (zendesk) {
-      //     zendesk.setLocale('sr');
-      zendesk.hide();
-      return () => zendesk.show();
-    }
-  }, []);
-};
+import { useEffect } from 'react';
+
+declare global {
+  var zE: {
+    show: () => void;
+    hide: () => void;
+    activate: () => void;
+    setLocale: (locale: string) => void;
+  };
+}
+
+export const useHideZendesk = () => {
+  useEffect(() => {
+    const zendesk = window.zE ?? null;
+    if (zendesk) {
+      //     zendesk.setLocale('sr');
+      zendesk.hide();
+      return () => zendesk.show();
+    }
+  }, []);
+};