indicator-ui 0.1.37 → 0.1.38

package/dist/types/src/hooks/modalWindows/useBackdropModal.d.ts

@@ -1,10 +1,11 @@
 import { RefObject } from "react";
+import { SmartRefType } from "../../hooks";
 import { useBackgroundModalAnim } from "../ui-animations";
 type UseBackgroundModalAnimOptionsPropsType = Exclude<Parameters<typeof useBackgroundModalAnim>['1'], undefined>;
 type OptionsType<C extends HTMLElement = HTMLElement> = UseBackgroundModalAnimOptionsPropsType & {
     containerClickAreaRef?: RefObject<C | null>;
 };
-type PropsType<T extends HTMLElement = HTMLElement> = [ref: RefObject<T | null>, options?: OptionsType];
+type PropsType<T extends HTMLElement = HTMLElement> = [ref: SmartRefType<T>, options?: OptionsType];
 /**
  * Хук для backdrop-модального окна.
  *

package/dist/types/src/hooks/modalWindows/useModal.d.ts

@@ -1,10 +1,10 @@
-import { RefObject } from "react";
+import { SmartRefType } from "../../hooks";
 import { useInteractiveZone } from "../useInteractiveZone";
 import { useModalAnim } from "../ui-animations";
 type UseModalAnimOptionsPropsType = Exclude<Parameters<typeof useModalAnim>['1'], undefined>;
 type UseInteractiveZoneOptionsPropsType = Exclude<Parameters<typeof useInteractiveZone>['2'], undefined>;
 type OptionsType = Pick<UseInteractiveZoneOptionsPropsType, 'addition'> & UseModalAnimOptionsPropsType;
-type PropsType<T extends HTMLElement = HTMLElement> = [ref: RefObject<T | null>, options?: OptionsType];
+type PropsType<T extends HTMLElement = HTMLElement> = [ref: SmartRefType<T>, options?: OptionsType];
 /**
  * Хук для модального окна.
  *

package/dist/types/src/hooks/placement/useSmartPlacementResolver.d.ts

@@ -1,12 +1,13 @@
-import { CSSProperties, RefObject } from "react";
+import { CSSProperties } from "react";
 import { calculateAvailablePosition } from "./calculateAvailablePosition";
+import { SmartRefType } from "../../hooks";
 type CalculateAvailablePositionPropsType = Parameters<typeof calculateAvailablePosition>['0'];
 type NewPlacementPosType = ReturnType<typeof calculateAvailablePosition>;
 type PropsType = [
-    ref: RefObject<HTMLElement | null>,
+    ref: SmartRefType<HTMLElement>,
     options?: Omit<CalculateAvailablePositionPropsType, 'objRect' | 'parentRect' | 'windowRect'> & {
-        parentRef?: RefObject<HTMLElement | null>;
-        windowRef?: RefObject<HTMLElement | null>;
+        parentRef?: SmartRefType<HTMLElement>;
+        windowRef?: SmartRefType<HTMLElement>;
     }
 ];
 type FunReturnType = {

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

@@ -1,5 +1,5 @@
 import { RefObject } from "react";
-type SmartRefType<T extends HTMLElement> = RefObject<T | null> | T | null | undefined;
+export type SmartRefType<T extends HTMLElement> = RefObject<T | null> | T | null | undefined;
 type SimpleRefElementWorkPropsType<T extends HTMLElement> = [
     ref?: SmartRefType<T>
 ];
@@ -8,7 +8,7 @@ type SimpleRefElementWorkFunReturnType<T extends HTMLElement> = [
     _getObj: (item: SmartRefType<T>) => T | null
 ];
 export declare function useSimpleRefElementWork<T extends HTMLElement = HTMLElement>(...args: SimpleRefElementWorkPropsType<T>): SimpleRefElementWorkFunReturnType<T>;
-type SmartRefListType<T extends HTMLElement> = SmartRefType<T> | Array<SmartRefType<T>>;
+export type SmartRefListType<T extends HTMLElement> = SmartRefType<T> | Array<SmartRefType<T>>;
 type SimpleRefListElementWorkPropsType<T extends HTMLElement> = [
     ref?: SmartRefListType<T>
 ];

package/dist/types/src/hooks/ui-animations/useBackgroundModalAnim.d.ts

@@ -1,7 +1,8 @@
-import { CSSProperties, RefObject } from "react";
+import { CSSProperties } from "react";
 import { BACKDROP_MODAL_ANIMATIONS } from "./assets";
+import { SmartRefType } from "../../hooks";
 type OptionsType<T extends HTMLElement = HTMLElement> = {
-    targetRef?: RefObject<T | null>;
+    targetRef?: SmartRefType<T>;
     onViewing?: () => void;
     onHiding?: () => void;
     backdropClassName?: string;
@@ -12,7 +13,7 @@ type OptionsType<T extends HTMLElement = HTMLElement> = {
     };
     backdropColor?: string;
 };
-type PropsType<T extends HTMLElement = HTMLElement> = [ref: RefObject<T | null>, options?: OptionsType];
+type PropsType<T extends HTMLElement = HTMLElement> = [ref: SmartRefType<T>, options?: OptionsType];
 type AnimationsTypes = keyof ReturnType<typeof BACKDROP_MODAL_ANIMATIONS>;
 /**
  * Хук для анимации backdrop-модального окна.

package/dist/types/src/hooks/ui-animations/useModalAnim.d.ts

@@ -1,9 +1,10 @@
-import { CSSProperties, RefObject } from "react";
+import { CSSProperties } from "react";
 import { useSmartPlacementResolver } from "../placement/useSmartPlacementResolver";
 import { MODAL_ANIMATIONS } from "./assets";
+import { SmartRefType } from "../../hooks";
 type UseSmartPlacementResolverOptionsType = Exclude<Parameters<typeof useSmartPlacementResolver>['1'], undefined>;
 type OptionsType<T extends HTMLElement = HTMLElement> = Pick<UseSmartPlacementResolverOptionsType, 'position'> & {
-    targetRef?: RefObject<T | null>;
+    targetRef?: SmartRefType<T>;
     onViewing?: () => void;
     onHiding?: () => void;
     smartPlacementOptions?: Omit<UseSmartPlacementResolverOptionsType, 'position'>;
@@ -16,7 +17,7 @@ type OptionsType<T extends HTMLElement = HTMLElement> = Pick<UseSmartPlacementRe
     };
     backdropColor?: string;
 };
-type PropsType<T extends HTMLElement = HTMLElement> = [ref: RefObject<T | null>, options?: OptionsType];
+type PropsType<T extends HTMLElement = HTMLElement> = [ref: SmartRefType<T>, options?: OptionsType];
 type AnimationsTypes = keyof ReturnType<typeof MODAL_ANIMATIONS>;
 /**
  * Хук для анимации модального окна.

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

@@ -1,6 +1,6 @@
-import React from "react";
-type PropsType<T> = [
-    ref: React.RefObject<T | null>,
+import { SmartRefType, SmartRefListType } from "../hooks";
+type PropsType<T extends HTMLElement> = [
+    ref: SmartRefType<T>,
     callbacks?: {
         onMissClick?: () => void;
         onInnerClick?: () => void;
@@ -9,7 +9,7 @@ type PropsType<T> = [
         /** Дополнительные элементы для реагирования как и с `ref` */
         addition?: Array<HTMLElement | null>;
         /** Элементы, которые будут игнорироваться */
-        ignore?: Array<HTMLElement | null>;
+        ignore?: SmartRefListType<HTMLElement>;
     }
 ];
 /**

package/dist/types/src/ui/MediaViewer/types/MediaViewerTypes.d.ts

@@ -1,3 +1,4 @@
+import { CSSProperties } from "react";
 export type MediaViewerVideoType = {
     type: 'video';
     src: string;
@@ -16,4 +17,5 @@ export type MediaViewerPropsType = {
      * Не показывает элементы, которые находятся не рядом с текущим (curIndex +- 1).
      * */
     nearestElementsOnly?: boolean;
+    style?: CSSProperties;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "indicator-ui",
-  "version": "0.1.37",
+  "version": "0.1.38",
   "main": "dist/index.js",
   "types": "dist/types/src/index.d.ts",
   "style": "dist/index.css",