indicator-ui 0.1.42 → 0.1.44

package/dist/scss/ui/Buttons/styles/mixins/properties/secondary-color.scss

@@ -42,7 +42,7 @@
 }
 
 @mixin secondaryColorDarkThemeButton {
-  background-color: var(--base-black);
+  background-color: transparent;
   border: 1px solid var(--rose-900);
 
   .icon {

package/dist/scss/ui/Buttons/styles/mixins/properties/secondary-gray.scss

@@ -51,7 +51,7 @@
 }
 
 @mixin secondaryGrayDarkThemeButton {
-  background-color: var(--gray-iron-950);
+  background-color: transparent;
   border: 1px solid var(--gray-iron-700);
 
   .icon {

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

@@ -3,6 +3,9 @@ export declare function CAROUSEL_ANIM(): {
     jumpTo: (track: HTMLElement, timeline: gsap.core.Timeline, params: {
         x: number;
     }) => gsap.core.Timeline;
+    instantJumpTo: (track: HTMLElement, timeline: gsap.core.Timeline, params: {
+        x: number;
+    }) => gsap.core.Timeline;
     getElInitStyle: () => CSSProperties;
     getTrackInitStyle: () => CSSProperties;
     getObjInitStyle: () => CSSProperties;

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

@@ -1,12 +1,14 @@
+import { CSSProperties } from "react";
 import { SmartRefType } from "../../hooks";
 import { CAROUSEL_ANIM } from "./assets";
 type PropsType = [
     ref: SmartRefType<HTMLElement>,
     trackRef: SmartRefType<HTMLElement>
 ];
-type FunReturnType = Pick<ReturnType<typeof CAROUSEL_ANIM>, 'getTrackInitStyle' | 'getElInitStyle' | 'getObjInitStyle'> & {
+type FunReturnType = Pick<ReturnType<typeof CAROUSEL_ANIM>, 'getTrackInitStyle' | 'getObjInitStyle'> & {
     showEl: (el: number | HTMLElement) => void;
-    showElInstance: (el: number | HTMLElement) => void;
+    showElInstant: (el: number | HTMLElement) => void;
+    getElStyle: () => CSSProperties;
 };
 export declare function useCarousel(...args: PropsType): FunReturnType;
 export {};

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

@@ -13,9 +13,5 @@ export type MediaViewerPropsType = {
     media?: MediaViewerMediaType;
     mediaIndex?: number;
     onClose?: () => void;
-    /**
-     * Не показывает элементы, которые находятся не рядом с текущим (curIndex +- 1).
-     * */
-    nearestElementsOnly?: boolean;
     style?: CSSProperties;
 };

package/dist/types/src/ui/MediaViewer/types/components/index.d.ts

@@ -1,4 +1 @@
-export * from './VideoViewerTypes';
-export * from './ImageViewerTypes';
-export * from './ControlBarTypes';
 export * from './ProgressBarTypes';

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

@@ -2,7 +2,7 @@ import React from "react";
 import { MediaViewerPropsType } from "../types";
 type RefType = {
     obj: HTMLDivElement | null;
-    changeCurMedia: (idx: number, instance?: boolean) => void;
+    changeCurMedia: (idx: number, instant?: boolean) => void;
 };
 export declare const MediaViewer: React.ForwardRefExoticComponent<MediaViewerPropsType & React.RefAttributes<RefType>>;
 export {};

package/dist/types/src/ui/MediaViewer/ui/components/ControlBar.d.ts

@@ -1,2 +1,7 @@
-import { ControlBarPropsType } from "../../types";
-export declare function ControlBar({ play, muted, onMute, onPlay, onClose, onPrev, onNext }: ControlBarPropsType): JSX.Element;
+type PropsType = {
+    onClose?: () => void;
+    onPrev?: () => void;
+    onNext?: () => void;
+};
+export declare function ControlBar(props: PropsType): JSX.Element;
+export {};

package/dist/types/src/ui/MediaViewer/ui/components/ImageViewer.d.ts

@@ -1,2 +1,7 @@
-import { ImageViewerPropsType } from "../../types";
-export declare function ImageViewer({ src }: ImageViewerPropsType): JSX.Element;
+import React, { CSSProperties } from "react";
+type PropsType = {
+    src: string;
+    style?: CSSProperties;
+};
+export declare const ImageViewer: React.ForwardRefExoticComponent<PropsType & React.RefAttributes<HTMLImageElement>>;
+export {};

package/dist/types/src/ui/MediaViewer/ui/components/VideoViewer.d.ts

@@ -1,2 +1,14 @@
-import { VideoViewerPropsType } from '../../types';
-export declare function VideoViewer({ play, muted, src, onChangePlay }: VideoViewerPropsType): JSX.Element;
+import React, { CSSProperties } from "react";
+type PropsType = {
+    src: string;
+    style?: CSSProperties;
+};
+type RefType = {
+    obj: HTMLDivElement | null;
+    mute: () => void;
+    unmute: () => void;
+    play: () => void;
+    pause: () => void;
+};
+export declare const VideoViewer: React.ForwardRefExoticComponent<PropsType & React.RefAttributes<RefType>>;
+export {};

package/dist/types/src/ui/Toggle/types/ToggleTypes.d.ts

@@ -1,4 +1,5 @@
 import React from "react";
+import { ToggleBaseSizeType } from "../../../ui";
 type AdditionElementPropsType = {
     isHover?: boolean;
     active?: boolean;
@@ -34,5 +35,6 @@ export type TogglePropsType = {
      * */
     textAfterElement?: AdditionElementType;
     theme?: "light" | "dark";
+    size?: ToggleBaseSizeType;
 };
 export {};

package/dist/types/src/ui/VideoPlayerBase/index.d.ts

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

package/dist/types/src/ui/VideoPlayerBase/ui/VideoPlayerBase.d.ts

@@ -1,2 +1,68 @@
-import { VideoPlayerBasePropsType } from "../types";
-export declare function VideoPlayerBase({ src, browserControl, muted, onChangeDuration, onChangeTime, onChangeVolume, onChangePlay, onCanPlay, onWaiting, time, volume, play, loop, autoPlay, lazyLoad, className, }: VideoPlayerBasePropsType): JSX.Element;
+import React from "react";
+type RefType = {
+    obj: HTMLVideoElement | null;
+    play: () => void;
+    pause: () => void;
+    switchPlay: () => boolean;
+    time: number | undefined;
+    volume: number | undefined;
+    setTime: (time: number) => void;
+    setVolume: (volume: number) => void;
+};
+type VideoPlayerBasePropsType = {
+    /**
+     * Ссылка на видео.
+     * */
+    src?: string;
+    /**
+     * Включить/Выключить браузерные плеер.
+     *
+     * *По умолчанию:* false.
+     * */
+    browserControl?: boolean;
+    /**
+     * Включить/Выключить звук.
+     *
+     * *По умолчанию:* false.
+     * */
+    muted?: boolean;
+    /**
+     * Автоматическое воспроизведение видео.
+     *
+     * *По умолчанию:* false.
+     * */
+    autoPlay?: boolean;
+    /**
+     * `Callback` при изменение длинные видео.
+     * */
+    onChangeDuration?: (duration: number) => void;
+    /**
+     * `Callback` при изменение текущего момента просмотра видео.
+     * */
+    onChangeTime?: (time: number) => void;
+    /**
+     * `Callback` при изменение уровня звука видео.
+     * */
+    onChangeVolume?: (volume: number) => void;
+    /**
+     * `Callback` при изменение состояния проигрыша видео.
+     * */
+    onChangePlay?: (play: boolean) => void;
+    /**
+     * `Callback`, когда видео не хватает данных для показа (можно показать знак загрузки).
+     * */
+    onWaiting?: () => void;
+    /**
+     * `Callback`, когда видео загрузило достаточно данных, чтобы начать воспроизведение (можно убрать знак загрузки).
+     * */
+    onCanPlay?: () => void;
+    /**
+     * Зацикливает видео.
+     *
+     * *По умолчанию:* false.
+     * */
+    loop?: boolean;
+    lazyLoad?: boolean;
+};
+export declare const VideoPlayerBase: React.ForwardRefExoticComponent<VideoPlayerBasePropsType & Omit<React.HTMLAttributes<HTMLVideoElement>, keyof VideoPlayerBasePropsType> & React.RefAttributes<RefType>>;
+export {};

package/package.json

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

package/dist/types/src/ui/MediaViewer/types/components/ControlBarTypes.d.ts

@@ -1,9 +0,0 @@
-export type ControlBarPropsType = {
-    muted?: boolean;
-    play?: boolean;
-    onClose?: () => void;
-    onPrev?: () => void;
-    onNext?: () => void;
-    onMute?: () => void;
-    onPlay?: () => void;
-};

package/dist/types/src/ui/MediaViewer/types/components/ImageViewerTypes.d.ts

@@ -1,3 +0,0 @@
-export type ImageViewerPropsType = {
-    src: string;
-};

package/dist/types/src/ui/MediaViewer/types/components/VideoViewerTypes.d.ts

@@ -1,6 +0,0 @@
-export type VideoViewerPropsType = {
-    src: string;
-    muted?: boolean;
-    play?: boolean;
-    onChangePlay?: (play: boolean) => void;
-};

package/dist/types/src/ui/VideoPlayerBase/types/VideoPlayerBaseTypes.d.ts

@@ -1,77 +0,0 @@
-export type VideoPlayerBasePropsType = {
-    /**
-     * Ссылка на видео.
-     * */
-    src?: string;
-    /**
-     * Включить/Выключить браузерные плейр.
-     *
-     * *По умолчанию:* false.
-     * */
-    browserControl?: boolean;
-    /**
-     * Включить/Выключить звук.
-     *
-     * *По умолчанию:* false.
-     * */
-    muted?: boolean;
-    /**
-     * Автоматическое воспроизведение видео.
-     *
-     * *По умолчанию:* false.
-     * */
-    autoPlay?: boolean;
-    /**
-     * `Callback` при изменение длинные видео.
-     * */
-    onChangeDuration?: (duration: number) => void;
-    /**
-     * `Callback` при изменение текущего момента просмотра видео.
-     * */
-    onChangeTime?: (time: number) => void;
-    /**
-     * `Callback` при изменение уровня звука видео.
-     * */
-    onChangeVolume?: (volume: number) => void;
-    /**
-     * `Callback` при изменение состояния проигрыша видео.
-     * */
-    onChangePlay?: (play: boolean) => void;
-    /**
-     * `Callback`, когда видео не хватает данных для показа (можно показать знак загрузки).
-     * */
-    onWaiting?: () => void;
-    /**
-     * `Callback`, когда видео загрузило достаточно данных, чтобы начать воспроизведение (можно убрать знак загрузки).
-     * */
-    onCanPlay?: () => void;
-    /**
-     * Текущий момент просмотра видео.
-     *
-     * __Компонент реагирует на его изменение.__
-     * */
-    time?: number;
-    /**
-     * Текущий уровень звука видео.
-     *
-     * __Компонент реагирует на его изменение.__
-     * */
-    volume?: number;
-    /**
-     * Play/Pause.
-     *
-     * * При ```play === true``` состояние *Play*.
-     * * При ```play === false``` состояние *Pause*.
-     *
-     * *По умолчанию:* false.
-     * */
-    play?: boolean;
-    /**
-     * Зацикливает видео.
-     *
-     * *По умолчанию:* false.
-     * */
-    loop?: boolean;
-    lazyLoad?: boolean;
-    className?: string;
-};

package/dist/types/src/ui/VideoPlayerBase/types/index.d.ts

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