@i-novus/n2o-components 7.27.37 → 7.27.39

package/lib/display/Tooltip/useTooltipFloating.js

@@ -0,0 +1,74 @@
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { autoUpdate, flip, offset, shift, useFloating } from '@floating-ui/react';
+import { useClickOutside } from '../../utils/useClickOutside';
+export var Container;
+(function (Container) {
+    Container["BODY"] = "body";
+    Container["TARGET"] = "target";
+})(Container || (Container = {}));
+/**
+ * Хук для управления состоянием тултипа
+ */
+export function useTooltipFloating({ delay, placement, container, closeOnClickOutside }) {
+    const [open, onOpenChange] = useState(false);
+    const timeoutRef = useRef();
+    const isMountedRef = useRef(false);
+    useEffect(() => {
+        isMountedRef.current = true;
+        return () => {
+            isMountedRef.current = false;
+            clearTimeout(timeoutRef.current);
+        };
+    }, []);
+    const handleOpen = useCallback(() => {
+        if (!isMountedRef.current) {
+            return;
+        }
+        clearTimeout(timeoutRef.current);
+        timeoutRef.current = window.setTimeout(() => onOpenChange(true), delay);
+    }, [delay]);
+    const handleClose = useCallback(() => {
+        if (!isMountedRef.current) {
+            return;
+        }
+        clearTimeout(timeoutRef.current);
+        onOpenChange(false);
+    }, []);
+    const toggle = useCallback(() => {
+        if (!isMountedRef.current) {
+            return;
+        }
+        clearTimeout(timeoutRef.current);
+        onOpenChange(prev => !prev);
+    }, []);
+    /** Хук возвращающий позиционирование */
+    const { refs, floatingStyles } = useFloating({
+        open,
+        onOpenChange,
+        placement,
+        strategy: container === Container.TARGET ? 'absolute' : 'fixed',
+        middleware: [offset(6), flip(), shift()],
+        whileElementsMounted: autoUpdate,
+    });
+    useClickOutside({
+        isActive: open && closeOnClickOutside,
+        onClickOutside: handleClose,
+        excludeRefs: [
+            refs.reference,
+            refs.floating,
+        ],
+    });
+    const style = Object.assign({ zIndex: 9999 }, (container === Container.TARGET ? { width: 'max-content' } : {}));
+    return {
+        open,
+        onOpenChange,
+        handleOpen,
+        handleClose,
+        toggle,
+        refs,
+        floatingRef: refs.setFloating,
+        floatingStyles: Object.assign(Object.assign({}, floatingStyles), style),
+        portal: container === Container.BODY,
+    };
+}
+//# sourceMappingURL=useTooltipFloating.js.map

package/lib/display/Tooltip/useTooltipFloating.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTooltipFloating.js","sourceRoot":"","sources":["../../../src/display/Tooltip/useTooltipFloating.ts"],"names":[],"mappings":"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"}

package/lib/display/Tooltip/useTooltipTrigger.d.ts

@@ -0,0 +1,24 @@
+import { ReactElement, Ref, MutableRefObject } from 'react';
+import { ReferenceType } from '@floating-ui/react';
+export declare enum Trigger {
+    HOVER = "hover",
+    CLICK = "click"
+}
+export interface TooltipTrigger {
+    children: ReactElement & {
+        ref?: Ref<unknown>;
+    };
+    refs: {
+        setReference(node: ReferenceType | null): void;
+        reference: MutableRefObject<ReferenceType | null>;
+    };
+    trigger: Trigger;
+    handleOpen(): void;
+    handleClose(): void;
+    toggle(): void;
+}
+/** Хук для работы с системой позиционирования
+ * Устанавливает слушателей эвентов
+ * Объединяет существующие ref с ссылками, необходимыми для позиционирования
+ */
+export declare function useTooltipTrigger({ children, refs, trigger, handleOpen, handleClose, toggle, }: TooltipTrigger): ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;

package/lib/display/Tooltip/useTooltipTrigger.js

@@ -0,0 +1,52 @@
+import { cloneElement, useEffect, } from 'react';
+export var Trigger;
+(function (Trigger) {
+    Trigger["HOVER"] = "hover";
+    Trigger["CLICK"] = "click";
+})(Trigger || (Trigger = {}));
+/** Хук для работы с системой позиционирования
+ * Устанавливает слушателей эвентов
+ * Объединяет существующие ref с ссылками, необходимыми для позиционирования
+ */
+export function useTooltipTrigger({ children, refs, trigger, handleOpen, handleClose, toggle, }) {
+    useEffect(() => {
+        const element = refs.reference.current;
+        if (!element) {
+            return;
+        }
+        const eventHandlers = [];
+        if (trigger === Trigger.HOVER) {
+            eventHandlers.push(['mouseenter', handleOpen], ['mouseleave', handleClose], ['focus', handleOpen], ['blur', handleClose]);
+        }
+        if (trigger === Trigger.CLICK) {
+            eventHandlers.push(['click', toggle]);
+        }
+        eventHandlers.forEach(([event, handler]) => {
+            element.addEventListener(event, handler);
+        });
+        // eslint-disable-next-line consistent-return
+        return () => {
+            eventHandlers.forEach(([event, handler]) => {
+                element.removeEventListener(event, handler);
+            });
+        };
+    }, [trigger, handleOpen, handleClose, toggle, refs.reference]);
+    if (!children) {
+        return null;
+    }
+    return cloneElement(children, {
+        ref: (node) => {
+            refs.setReference(node);
+            if (node) {
+                // Проброс оригинального ref
+                if (typeof children.ref === 'function') {
+                    children.ref(node);
+                }
+                else if (children.ref) {
+                    children.ref.current = node;
+                }
+            }
+        },
+    });
+}
+//# sourceMappingURL=useTooltipTrigger.js.map

package/lib/display/Tooltip/useTooltipTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTooltipTrigger.js","sourceRoot":"","sources":["../../../src/display/Tooltip/useTooltipTrigger.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EACZ,SAAS,GAIZ,MAAM,OAAO,CAAA;AAGd,MAAM,CAAN,IAAY,OAGX;AAHD,WAAY,OAAO;IACf,0BAAe,CAAA;IACf,0BAAe,CAAA;AACnB,CAAC,EAHW,OAAO,KAAP,OAAO,QAGlB;AAcD;;;GAGG;AACH,MAAM,UAAU,iBAAiB,CAAC,EACI,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,UAAU,EACV,WAAW,EACX,MAAM,GACO;IAC/C,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,OAA6B,CAAA;QAE5D,IAAI,CAAC,OAAO,EAAE;YAAE,OAAM;SAAE;QAExB,MAAM,aAAa,GAAgC,EAAE,CAAA;QAErD,IAAI,OAAO,KAAK,OAAO,CAAC,KAAK,EAAE;YAC3B,aAAa,CAAC,IAAI,CACd,CAAC,YAAY,EAAE,UAAU,CAAC,EAC1B,CAAC,YAAY,EAAE,WAAW,CAAC,EAC3B,CAAC,OAAO,EAAE,UAAU,CAAC,EACrB,CAAC,MAAM,EAAE,WAAW,CAAC,CACxB,CAAA;SACJ;QAED,IAAI,OAAO,KAAK,OAAO,CAAC,KAAK,EAAE;YAC3B,aAAa,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAA;SACxC;QAED,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE,EAAE;YACvC,OAAO,CAAC,gBAAgB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAA;QAC5C,CAAC,CAAC,CAAA;QAEF,6CAA6C;QAC7C,OAAO,GAAG,EAAE;YACR,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE,EAAE;gBACvC,OAAO,CAAC,mBAAmB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAA;YAC/C,CAAC,CAAC,CAAA;QACN,CAAC,CAAA;IACL,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAA;IAE9D,IAAI,CAAC,QAAQ,EAAE;QAAE,OAAO,IAAI,CAAA;KAAE;IAE9B,OAAO,YAAY,CAAC,QAAQ,EAAE;QAC1B,GAAG,EAAE,CAAC,IAAwB,EAAE,EAAE;YAC9B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;YACvB,IAAI,IAAI,EAAE;gBACN,4BAA4B;gBAC5B,IAAI,OAAO,QAAQ,CAAC,GAAG,KAAK,UAAU,EAAE;oBACpC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;iBACrB;qBAAM,IAAI,QAAQ,CAAC,GAAG,EAAE;oBACpB,QAAQ,CAAC,GAA4C,CAAC,OAAO,GAAG,IAAI,CAAA;iBACxE;aACJ;QACL,CAAC;KACJ,CAAC,CAAA;AACN,CAAC"}

package/lib/utils/parseFormatter.d.ts

@@ -13,4 +13,4 @@
  * @param typeAndformat - строка с типом данных и форматом
  * @returns {*}
  */
-export function parseFormatter(data: any, typeAndformat?: boolean): any;
+export function parseFormatter(data: any, typeAndformat?: string): any;

package/lib/utils/parseFormatter.js

@@ -45,7 +45,7 @@ function snils(value, formatString = '000-000-000 00') {
  * @param typeAndformat - строка с типом данных и форматом
  * @returns {*}
  */
-export function parseFormatter(data, typeAndformat = false) {
+export function parseFormatter(data, typeAndformat = '') {
     if (numeral.formats.phone === undefined) {
         numeral.register('format', 'phone', {
             regexps: {

package/lib/utils/parseFormatter.js.map

@@ -1 +1 @@
-{"version":3,"file":"parseFormatter.js","sourceRoot":"","sources":["../../src/utils/parseFormatter.js"],"names":[],"mappings":"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"}
+{"version":3,"file":"parseFormatter.js","sourceRoot":"","sources":["../../src/utils/parseFormatter.js"],"names":[],"mappings":"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"}

package/lib/utils/useClickOutside.d.ts

@@ -0,0 +1,11 @@
+import { RefObject } from 'react';
+declare type RefType = RefObject<HTMLElement | null> | {
+    current: HTMLElement | null;
+};
+interface UseClickOutsideProps {
+    isActive: boolean;
+    onClickOutside(): void;
+    excludeRefs: RefType[];
+}
+export declare function useClickOutside({ isActive, onClickOutside, excludeRefs, }: UseClickOutsideProps): void;
+export {};

package/lib/utils/useClickOutside.js

@@ -0,0 +1,23 @@
+import { useEffect } from 'react';
+export function useClickOutside({ isActive, onClickOutside, excludeRefs, }) {
+    useEffect(() => {
+        if (!isActive) {
+            return;
+        }
+        const handleClickOutside = (e) => {
+            const target = e.target;
+            const isInside = excludeRefs.some((ref) => {
+                const element = ref.current;
+                return element instanceof HTMLElement && element.contains(target);
+            });
+            if (isInside) {
+                return;
+            }
+            onClickOutside();
+        };
+        document.addEventListener('pointerdown', handleClickOutside);
+        // eslint-disable-next-line consistent-return
+        return () => document.removeEventListener('pointerdown', handleClickOutside);
+    }, [isActive, onClickOutside, excludeRefs]);
+}
+//# sourceMappingURL=useClickOutside.js.map

package/lib/utils/useClickOutside.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClickOutside.js","sourceRoot":"","sources":["../../src/utils/useClickOutside.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAE,MAAM,OAAO,CAAA;AAU5C,MAAM,UAAU,eAAe,CAAC,EAC5B,QAAQ,EACR,cAAc,EACd,WAAW,GACQ;IACnB,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,QAAQ,EAAE;YAAE,OAAM;SAAE;QAEzB,MAAM,kBAAkB,GAAG,CAAC,CAAa,EAAE,EAAE;YACzC,MAAM,MAAM,GAAG,CAAC,CAAC,MAAc,CAAA;YAE/B,MAAM,QAAQ,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE;gBACtC,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAA;gBAE3B,OAAO,OAAO,YAAY,WAAW,IAAI,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;YACrE,CAAC,CAAC,CAAA;YAEF,IAAI,QAAQ,EAAE;gBAAE,OAAM;aAAE;YAExB,cAAc,EAAE,CAAA;QACpB,CAAC,CAAA;QAED,QAAQ,CAAC,gBAAgB,CAAC,aAAa,EAAE,kBAAkB,CAAC,CAAA;QAE5D,6CAA6C;QAC7C,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,aAAa,EAAE,kBAAkB,CAAC,CAAA;IAChF,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,EAAE,WAAW,CAAC,CAAC,CAAA;AAC/C,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@i-novus/n2o-components",
-  "version": "7.27.37",
+  "version": "7.27.39",
   "description": "UI components for N2O framework",
   "author": "I-Novus LLC<n2o@i-novus.ru>",
   "license": "Apache-2.0",
@@ -38,6 +38,7 @@
     "lint": "yarn eslint && yarn stylelint"
   },
   "dependencies": {
+    "@floating-ui/react": "^0.27.13",
     "@fontsource/exo-2": "^4.3.0",
     "@fortawesome/fontawesome-free": "^6.4.2",
     "@fortawesome/fontawesome-svg-core": "^6.4.2",