indicator-ui 1.1.44 → 1.1.45

package/dist/types/src/hooks/index.d.ts

@@ -20,7 +20,9 @@ export * from './simpleElement';
 export * from './placement';
 export * from './forms';
 export * from './useScroll';
+export * from './useClickOutside';
 export * from './scroll';
+export * from './modalsFederation';
 export * from './utils';
 export * from './elementsRefsAdapteers';
 export * from './feed';

package/dist/types/src/hooks/modalsFederation/anchoredModal/assets/animationPresets.d.ts

@@ -0,0 +1,3 @@
+import { AnchoredModalAnimationFactoryCallback, AnchoredModalEnterAnimationPreset, AnchoredModalLeaveAnimationPreset } from '../types';
+export declare const ENTER_ANIMATION_PRESETS: Record<AnchoredModalEnterAnimationPreset, AnchoredModalAnimationFactoryCallback>;
+export declare const LEAVE_ANIMATION_PRESETS: Record<AnchoredModalLeaveAnimationPreset, AnchoredModalAnimationFactoryCallback>;

package/dist/types/src/hooks/modalsFederation/anchoredModal/assets/index.d.ts

@@ -0,0 +1 @@
+export * from './animationPresets';

package/dist/types/src/hooks/modalsFederation/anchoredModal/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './useAnchoredModalController';

package/dist/types/src/hooks/modalsFederation/anchoredModal/hooks/useAnchoredModalController.d.ts

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+import { UseAnchoredModalOptions } from '../types';
+import { useModalAnimation } from './useModalAnimation';
+type UseModalAnimationOptions = Parameters<typeof useModalAnimation>[number];
+type PropsType = UseAnchoredModalOptions & Pick<UseModalAnimationOptions, 'enter' | 'leave'> & {
+    anchorRef: React.RefObject<HTMLElement | null>;
+    modalRef: React.RefObject<HTMLElement | null>;
+};
+export declare function useAnchoredModalController(props: PropsType): {
+    open: () => Promise<void>;
+    close: () => Promise<unknown>;
+    toggle: () => Promise<unknown>;
+    applyPosition: (optionsInstance?: import('../../..').AnchoredModalPositionOptions & {
+        strategy?: import('../../..').AnchoredModalStrategy;
+        scrollableParentBehavior?: import('../../..').AnchoredModalScrollableParentBehavior;
+        windowScrollBehavior?: import('../../..').AnchoredModalWindowScrollBehavior;
+        closeOnClickOutside?: boolean;
+    } & {
+        zIndex?: number;
+    }) => void;
+};
+export {};

package/dist/types/src/hooks/modalsFederation/anchoredModal/hooks/useAnchoredPositionCompute.d.ts

@@ -0,0 +1,4 @@
+import { AnchoredModalPositionOptions, AnchoredModalPositionRect } from '../types';
+export declare function useAnchoredPositionCompute(): {
+    calcAnchoredPosition: (element: HTMLElement, anchor: HTMLElement, options: AnchoredModalPositionOptions) => AnchoredModalPositionRect;
+};

package/dist/types/src/hooks/modalsFederation/anchoredModal/hooks/useApplyPosition.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { UseAnchoredModalOptions } from '../types';
+type ApplyPositionOptions = UseAnchoredModalOptions & {
+    zIndex?: number;
+};
+type PropsType = {
+    anchorRef: React.RefObject<HTMLElement | null>;
+    modalRef: React.RefObject<HTMLElement | null>;
+    options: ApplyPositionOptions;
+};
+export declare function useApplyPosition(props: PropsType): {
+    applyPosition: (optionsInstance?: ApplyPositionOptions) => void;
+};
+export {};

package/dist/types/src/hooks/modalsFederation/anchoredModal/hooks/useModalAnimation.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { AnchoredModalAnimationFactoryCallback, AnchoredModalEnterAnimationPreset, AnchoredModalLeaveAnimationPreset } from '../types';
+type PropsType = {
+    modalRef: React.RefObject<HTMLElement | null>;
+    leave?: AnchoredModalAnimationFactoryCallback | AnchoredModalLeaveAnimationPreset;
+    enter?: AnchoredModalAnimationFactoryCallback | AnchoredModalEnterAnimationPreset;
+};
+export declare function useModalAnimation(props: PropsType): {
+    onLeave: () => Promise<unknown>;
+    onEnter: () => Promise<unknown>;
+};
+export {};

package/dist/types/src/hooks/modalsFederation/anchoredModal/hooks/useModalOutsideClick.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+type PropsType = {
+    modalRef: React.RefObject<HTMLElement | null>;
+    anchorRef: React.RefObject<HTMLElement | null>;
+    isOpenRef: React.RefObject<boolean>;
+    closeOnClickOutside: boolean;
+    closeModal: () => void;
+};
+export declare function useModalOutsideClick(props: PropsType): void;
+export {};

package/dist/types/src/hooks/modalsFederation/anchoredModal/hooks/usePositionOnOptionsChange.d.ts

@@ -0,0 +1,3 @@
+type Callback<T> = (options: T) => void;
+export declare function usePositionOnOptionsChange<T>(callback: Callback<T>, options: T): void;
+export {};

package/dist/types/src/hooks/modalsFederation/anchoredModal/hooks/usePositionOnResize.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+type Callback = () => void;
+type OptionsType = {
+    anchorRef: React.RefObject<HTMLElement | null>;
+    elementRef: React.RefObject<HTMLElement | null>;
+};
+export declare function usePositionOnResize(callback: Callback, opt: OptionsType): void;
+export {};

package/dist/types/src/hooks/modalsFederation/anchoredModal/hooks/useScrollBehavior.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { useApplyPosition } from './useApplyPosition';
+import { AnchoredModalScrollableParentBehavior, AnchoredModalWindowScrollBehavior } from '../types';
+type PropsType = Pick<ReturnType<typeof useApplyPosition>, 'applyPosition'> & {
+    closeModal: () => void;
+    isOpenedRef: React.RefObject<boolean>;
+    windowScrollBehavior?: AnchoredModalWindowScrollBehavior;
+    scrollableParentBehavior?: AnchoredModalScrollableParentBehavior;
+    anchorRef: React.RefObject<HTMLElement | null>;
+};
+export declare function useScrollBehavior(props: PropsType): void;
+export {};

package/dist/types/src/hooks/modalsFederation/anchoredModal/index.d.ts

@@ -0,0 +1,2 @@
+export * from './hooks';
+export * from './types';

package/dist/types/src/hooks/modalsFederation/anchoredModal/types/index.d.ts

@@ -0,0 +1,30 @@
+export type OffsetExtend = number;
+export type ShiftExtend = number;
+export type Placement = "top" | "bottom" | "left" | "right";
+export type Align = 'start' | 'center' | 'end';
+export type Boundary = 'viewport' | Element;
+export type AnchoredModalEnterAnimationPreset = 'fade-in' | 'scale-in' | 'slide-in-top' | 'slide-in-bottom' | 'slide-in-left' | 'slide-in-right';
+export type AnchoredModalLeaveAnimationPreset = 'fade-out' | 'scale-out' | 'slide-out-top' | 'slide-out-bottom' | 'slide-out-left' | 'slide-out-right';
+export type AnchoredModalAnimationFactoryCallback = (el: HTMLElement) => gsap.core.Tween;
+export type AnchoredModalPositionOptions = {
+    placement?: Placement;
+    align?: Align;
+    offset?: OffsetExtend;
+    shift?: ShiftExtend;
+    boundary?: Boundary;
+};
+export type AnchoredModalPositionRect = {
+    top: number;
+    bottom: number;
+    left: number;
+    right: number;
+};
+export type AnchoredModalScrollableParentBehavior = 'lock' | 'close' | 'none';
+export type AnchoredModalWindowScrollBehavior = 'close' | 'reposition' | 'none';
+export type AnchoredModalStrategy = 'absolute' | 'fixed';
+export type UseAnchoredModalOptions = AnchoredModalPositionOptions & {
+    strategy?: AnchoredModalStrategy;
+    scrollableParentBehavior?: AnchoredModalScrollableParentBehavior;
+    windowScrollBehavior?: AnchoredModalWindowScrollBehavior;
+    closeOnClickOutside?: boolean;
+};

package/dist/types/src/hooks/modalsFederation/context/ModalFederationProvider.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { ModalFederationContext } from './main';
+type PropsType = Pick<React.ComponentProps<typeof ModalFederationContext.Provider>, 'children'>;
+export declare function ModalFederationProvider(props: PropsType): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/src/hooks/modalsFederation/context/ModalPortal.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+type PropsType = {
+    children?: React.ReactNode;
+};
+export declare function ModalPortal(props: PropsType): React.ReactNode;
+export {};

package/dist/types/src/hooks/modalsFederation/context/index.d.ts

@@ -0,0 +1,3 @@
+export * from './useModalFederationContext';
+export * from './ModalFederationProvider';
+export * from './ModalPortal';

package/dist/types/src/hooks/modalsFederation/context/main.d.ts

@@ -0,0 +1,8 @@
+type ModalFederationContextType = {
+    portalNode: HTMLElement;
+    requestZIndex: () => number;
+    releaseZIndex: (z: number) => void;
+};
+export declare const ModalFederationContext: import('react').Context<ModalFederationContextType | null>;
+export declare const START_Z_INDEX = 100;
+export {};

package/dist/types/src/hooks/modalsFederation/context/useModalFederationContext.d.ts

@@ -0,0 +1,4 @@
+export declare function useModalFederationContext(): {
+    requestZIndex: () => number;
+    releaseZIndex: (z: number) => void;
+};

package/dist/types/src/hooks/modalsFederation/dialogModal/assets/animationPresets.d.ts

@@ -0,0 +1,3 @@
+import { DialogModalAnimationFactoryCallback, DialogModalEnterAnimationPreset, DialogModalLeaveAnimationPreset } from '../types';
+export declare const ENTER_ANIMATION_PRESETS: Record<DialogModalEnterAnimationPreset, DialogModalAnimationFactoryCallback>;
+export declare const LEAVE_ANIMATION_PRESETS: Record<DialogModalLeaveAnimationPreset, DialogModalAnimationFactoryCallback>;

package/dist/types/src/hooks/modalsFederation/dialogModal/assets/index.d.ts

@@ -0,0 +1 @@
+export * from './animationPresets';

package/dist/types/src/hooks/modalsFederation/dialogModal/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './useDialogModalController';

package/dist/types/src/hooks/modalsFederation/dialogModal/hooks/useApplyPosition.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+type ApplyPositionOptions = {
+    zIndex?: number;
+};
+type PropsType = {
+    backdropRef: React.RefObject<HTMLElement | null>;
+    options: ApplyPositionOptions;
+};
+export declare function useApplyPosition(props: PropsType): {
+    applyPosition: (optionsInstance?: ApplyPositionOptions) => void;
+};
+export {};

package/dist/types/src/hooks/modalsFederation/dialogModal/hooks/useDialogModalAnimation.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { DialogModalAnimationFactoryCallback, DialogModalEnterAnimationPreset, DialogModalLeaveAnimationPreset } from '../types';
+type PropsType = {
+    backdropRef: React.RefObject<HTMLElement | null>;
+    panelRef: React.RefObject<HTMLElement | null>;
+    leave?: DialogModalAnimationFactoryCallback | DialogModalLeaveAnimationPreset;
+    enter?: DialogModalAnimationFactoryCallback | DialogModalEnterAnimationPreset;
+};
+export declare function useDialogModalAnimation(props: PropsType): {
+    onLeave: () => Promise<unknown>;
+    onEnter: () => Promise<unknown>;
+};
+export {};

package/dist/types/src/hooks/modalsFederation/dialogModal/hooks/useDialogModalController.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { UseDialogModalOptions } from '../types';
+import { useDialogModalAnimation } from './useDialogModalAnimation';
+type UseDialogModalAnimationProps = Parameters<typeof useDialogModalAnimation>[number];
+type PropsType = UseDialogModalOptions & Pick<UseDialogModalAnimationProps, 'enter' | 'leave'> & {
+    backdropRef: React.RefObject<HTMLElement | null>;
+    panelRef: React.RefObject<HTMLElement | null>;
+};
+export declare function useDialogModalController(props: PropsType): {
+    open: () => Promise<void>;
+    close: () => Promise<unknown>;
+    toggle: () => Promise<unknown>;
+};
+export {};

package/dist/types/src/hooks/modalsFederation/dialogModal/hooks/useDialogModalOutsideClick.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+type PropsType = {
+    panelRef: React.RefObject<HTMLElement | null>;
+    closeModal: () => void;
+    isOpenRef?: React.RefObject<boolean>;
+    closeOnClickOutside: boolean;
+};
+export declare function useDialogModalOutsideClick(props: PropsType): void;
+export {};

package/dist/types/src/hooks/modalsFederation/dialogModal/hooks/useESCControl.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+type PropsType = {
+    backdropRef: React.RefObject<HTMLElement | null>;
+    closeModal: () => void;
+    closeOnEscKeyDown: boolean;
+};
+export declare function useESCControl(props: PropsType): void;
+export {};

package/dist/types/src/hooks/modalsFederation/dialogModal/hooks/useFocusManager.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+type PropsType = {
+    isOpenRef: React.RefObject<boolean>;
+    panelRef: React.RefObject<HTMLElement | null>;
+};
+export declare function useFocusManager(props: PropsType): {
+    onOpen: () => void;
+    onClose: () => void;
+};
+export {};

package/dist/types/src/hooks/modalsFederation/dialogModal/index.d.ts

@@ -0,0 +1,2 @@
+export * from './hooks';
+export * from './types';

package/dist/types/src/hooks/modalsFederation/dialogModal/types/index.d.ts

@@ -0,0 +1,7 @@
+export type DialogModalEnterAnimationPreset = 'fade' | 'scale' | 'slide-up' | 'slide-down';
+export type DialogModalLeaveAnimationPreset = 'fade' | 'scale' | 'slide-up' | 'slide-down';
+export type DialogModalAnimationFactoryCallback = (panel: HTMLElement, backdrop: HTMLElement) => gsap.core.Animation;
+export type UseDialogModalOptions = {
+    closeOnClickOutside?: boolean;
+    closeOnEscKeyDown?: boolean;
+};

package/dist/types/src/hooks/modalsFederation/index.d.ts

@@ -0,0 +1,3 @@
+export * from './anchoredModal';
+export * from './dialogModal';
+export * from './context';

package/dist/types/src/hooks/scroll/hooks/firstScrollableParent/index.d.ts

@@ -0,0 +1 @@
+export * from './useFirstScrollableParent';

package/dist/types/src/hooks/scroll/hooks/firstScrollableParent/useFirstScrollableParent.d.ts

@@ -0,0 +1,4 @@
+export declare function useFirstScrollableParent(): {
+    getFirstScrollableParent: (element: HTMLElement) => HTMLElement | null;
+    isScrollableElement: (element: HTMLElement) => boolean;
+};

package/dist/types/src/hooks/scroll/hooks/index.d.ts

@@ -6,3 +6,4 @@ export * from './scrollSync';
 export * from './scrollToAsync';
 export * from './elementScrollPosition';
 export * from './scrollMaster';
+export * from './firstScrollableParent';

package/dist/types/src/hooks/useClickOutside.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+type RefElement = React.RefObject<HTMLElement | null>;
+type PropsType = {
+    refs: Array<RefElement>;
+    callback: () => void;
+    isEnableRef?: React.RefObject<boolean>;
+};
+export declare function useClickOutside(props: PropsType): void;
+export {};

package/docs/ForDev.md

@@ -8,7 +8,7 @@
 
 В проекте есть два ключевых входа для модулей — **js/ts** и **scss**.
 
-#### 📂 `src/index.ts` (js/ts модули)
+#### 📂 `src/index.tsx` (js/ts модули)
 
 Добавляем сюда все модули, которые должны быть доступны через:
 

package/package.json

@@ -11,7 +11,7 @@
     "react-components",
     "ui-kit"
   ],
-  "version": "1.1.44",
+  "version": "1.1.45",
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",