indicator-ui 0.0.170 → 0.0.173

package/dist/types/src/assets/icons/index.d.ts

@@ -76,6 +76,7 @@ export { default as VolumeMaxSVG } from './volume-max.svg';
 export { default as VolumeXSVG } from './volume-x.svg';
 export { default as Wallet03SVG } from './wallet-03.svg';
 export { default as XCloseSVG } from './x-close.svg';
+export { default as LineSVG } from './line.svg';
 export { default as EyeSVG } from './eye.svg';
 export { default as MessageSquare02SVG } from './message-square-02.svg';
 export { default as ShareArrowSVG } from './share-arrow.svg';

package/dist/types/src/test/pages/LoadingIndicatorPage.d.ts

@@ -0,0 +1 @@
+export declare function LoadingIndicatorPage(): import("react/jsx-runtime").JSX.Element;

package/dist/types/src/test/pages/MediaPlayerPage.d.ts

@@ -0,0 +1 @@
+export declare function MediaPlayerPage(): import("react/jsx-runtime").JSX.Element;

package/dist/types/src/test/pages/index.d.ts

@@ -15,3 +15,4 @@ export * from './TabFramePage';
 export * from './PaginationPage';
 export * from './UserPickPage';
 export * from './DropdownItemPage';
+export * from './MediaPlayerPage';

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

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

package/dist/types/src/ui/Carousel/styles/index.d.ts

@@ -0,0 +1 @@
+export { default as CarouselStyle } from './Carousel.module.scss';

package/dist/types/src/ui/Carousel/types/CarouselTypes.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from "react";
+export type CarouselPropsType = {
+    children: ReactNode;
+    activeIndex?: number;
+    setActiveIndex?: (index: number) => void;
+};

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

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

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

@@ -0,0 +1,2 @@
+import { CarouselPropsType } from "../types";
+export declare function Carousel({ children, activeIndex, setActiveIndex }: CarouselPropsType): import("react/jsx-runtime").JSX.Element;

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

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

package/dist/types/src/ui/InputFields/DateTimeField/styles/index.d.ts

@@ -1 +1,2 @@
 export { default as DateTimeFieldStyle } from './DateTimeField.module.scss';
+export { default as DateFieldStyle } from './DateField.module.scss';

package/dist/types/src/ui/InputFields/DateTimeField/types/DateFieldTypes.d.ts

@@ -14,7 +14,6 @@ export type DateFieldPropsType = FieldsBasePropsType<string> & {
      * Минимально допустимый год.
      * */
     minYear?: number;
-    /** Дополнительные имена стилей */
-    additionStyles?: string | string[];
     timeZone?: string;
+    className?: string;
 };

package/dist/types/src/ui/InputFields/DateTimeField/types/DateTimeFieldTypes.d.ts

@@ -1,5 +1,6 @@
 import { FieldsBasePropsType } from "../../FieldsBase";
 import { FormatNameType } from "../../../../lib";
+import React from "react";
 export type DateTimeFieldValueType = string;
 /**
  * Конфигурация поля. Соответственно *одна дата*, *одно время* или *и то и другое*.
@@ -42,10 +43,25 @@ export type DateTimeFieldPropsType = FieldsBasePropsType<DateTimeFieldValueType>
     additionStyle?: string | string[];
     timePlaceholder?: string;
     datePlaceholder?: string;
+    /** Иконка слева у даты*/
+    iconDate?: React.ReactNode;
+    /** Иконка слева у времени*/
+    iconTime?: React.ReactNode;
+    /**
+     * Выключает стиль ошибки.
+     * */
+    isError?: boolean;
+    onFocus?: (e: any) => void;
+    onBlur?: (e: any) => void;
     /**
      * Таймзона, в которой будет работать поле.
      *
      * По умолчанию: UTC
      * */
     timeZone?: string;
+    /** Надпись слева от даты*/
+    textDate?: string;
+    /** Надпись слева от даты*/
+    textTime?: string;
+    xClose?: boolean;
 };

package/dist/types/src/ui/InputFields/DateTimeField/types/TimeFieldTypes.d.ts

@@ -1,9 +1,13 @@
 import { FieldsBasePropsType } from "../../FieldsBase";
 import { FormatNameType } from "../../../../lib";
 export type TimeFieldPropsType = FieldsBasePropsType<string> & {
+    /**
+     * Формат времени.
+     * */
     timeFormat?: FormatNameType;
     placeholder?: string;
     /** Дополнительные имена стилей */
     additionStyles?: string | string[];
     timeZone?: string;
+    className?: string;
 };

package/dist/types/src/ui/InputFields/DateTimeField/ui/DateField.d.ts

@@ -1,2 +1,2 @@
 import { DateFieldPropsType } from "../types";
-export declare function DateField({ value, disabled, required, isError, onChange, onFocus, dateFormat, onBlur, minYear, maxYear, additionStyles, timeZone, placeholder, }: DateFieldPropsType): import("react/jsx-runtime").JSX.Element;
+export declare function DateField({ value, disabled, required, isError, onChange, onFocus, dateFormat, onBlur, minYear, maxYear, timeZone, placeholder, className, }: DateFieldPropsType): import("react/jsx-runtime").JSX.Element;

package/dist/types/src/ui/InputFields/DateTimeField/ui/DateTimeField.d.ts

@@ -1,2 +1,2 @@
 import { DateTimeFieldPropsType } from "../types";
-export declare function DateTimeField({ value, fieldConfig, onChange, dateFormat, timeFormat, outFormat, additionStyle, datePlaceholder, timePlaceholder, timeZone, ...props }: DateTimeFieldPropsType): import("react/jsx-runtime").JSX.Element;
+export declare function DateTimeField({ value, fieldConfig, onChange, dateFormat, timeFormat, outFormat, additionStyle, datePlaceholder, timePlaceholder, timeZone, iconDate, iconTime, textDate, textTime, xClose, isError, onFocus, onBlur, ...props }: DateTimeFieldPropsType): import("react/jsx-runtime").JSX.Element;

package/dist/types/src/ui/InputFields/DateTimeField/ui/TimeField.d.ts

@@ -1,2 +1,2 @@
 import { TimeFieldPropsType } from "../types";
-export declare function TimeField({ value, disabled, required, isError, onChange, onFocus, timeFormat, onBlur, placeholder, additionStyles, timeZone, }: TimeFieldPropsType): import("react/jsx-runtime").JSX.Element;
+export declare function TimeField({ value, disabled, required, isError, onChange, onFocus, timeFormat, onBlur, placeholder, additionStyles, timeZone, className }: TimeFieldPropsType): import("react/jsx-runtime").JSX.Element;

package/dist/types/src/ui/Loaders/assets/index.d.ts

@@ -0,0 +1,2 @@
+export { default as LineSimpleSVG } from './LineSimple.svg';
+export { default as LineSpinnerSVG } from './LineSpinner.svg';

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

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

package/dist/types/src/ui/Loaders/styles/index.d.ts

@@ -0,0 +1 @@
+export { default as LoadingIndicatorStyle } from './LoadingIndicator.module.scss';

package/dist/types/src/ui/Loaders/types/LoadingIndicatorTypes.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+export type LoadingIndicatorSizeType = 'small' | 'medium' | 'large' | 'ultra';
+export type LoadingIndicatorStyleType = 'line-simple' | 'line-spinner' | 'dot-circle';
+export type LoadingIndicatorPropsType = {
+    width?: 'fill' | 'hug';
+    height?: 'fill' | 'hug';
+    style?: LoadingIndicatorStyleType;
+    size?: LoadingIndicatorSizeType;
+    /**
+     * При `true` показывает `'Загрузка'`. При `false` - ничего не показывает.
+     *
+     * Если передать `ReactNode`, подставит его.
+     * */
+    supportingText?: boolean | React.ReactNode;
+    additionStyles?: string | string[];
+};

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

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

package/dist/types/src/ui/Loaders/ui/LoadingIndicator.d.ts

@@ -0,0 +1,2 @@
+import { LoadingIndicatorPropsType } from "../types";
+export declare function LoadingIndicator({ size, style, supportingText, width, height, additionStyles, }: LoadingIndicatorPropsType): import("react/jsx-runtime").JSX.Element;

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

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

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

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

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

@@ -0,0 +1,4 @@
+export { default as ControlBarStyle } from './ControlBar.module.scss';
+export { default as VideoProgressBarStyle } from './VideoProgressBar.module.scss';
+export { default as VideoViewerStyle } from './VideoViewer.module.scss';
+export { default as ImageViewerStyle } from './ImageViewer.module.scss';

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

@@ -0,0 +1,2 @@
+export * from './components';
+export { default as MediaViewerStyle } from './MediaViewer.module.scss';

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

@@ -0,0 +1,14 @@
+export type MediaViewerVideoType = {
+    type: 'video';
+    src: string;
+};
+export type MediaViewerImageType = {
+    type: 'image';
+    src: string;
+};
+export type MediaViewerMediaItemType = MediaViewerImageType | MediaViewerVideoType;
+export type MediaViewerMediaType = Array<MediaViewerMediaItemType>;
+export type MediaViewerPropsType = {
+    media?: MediaViewerMediaType;
+    initMediaIndex?: number;
+};

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

@@ -0,0 +1,9 @@
+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

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

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

@@ -0,0 +1,6 @@
+export type ProgressBarPropsType = {
+    progress: number;
+    onChangeProgress: (newProgress: number) => void;
+    onStartDrag?: () => void;
+    onEndDrag?: () => void;
+};

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

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

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

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

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

@@ -0,0 +1,2 @@
+export * from './MediaViewerTypes';
+export * from './components';

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

@@ -0,0 +1,2 @@
+import { MediaViewerPropsType } from "../types";
+export declare function MediaViewer({ media, initMediaIndex }: MediaViewerPropsType): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+import { ControlBarPropsType } from "../../types";
+export declare function ControlBar({ play, muted, onMute, onPlay, onClose, onPrev, onNext }: ControlBarPropsType): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+import { ImageViewerPropsType } from "../../types";
+export declare function ImageViewer({ src }: ImageViewerPropsType): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+import { ProgressBarPropsType } from "../../types";
+export declare function VideoProgressBar({ progress, onChangeProgress, onStartDrag, onEndDrag }: ProgressBarPropsType): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+import { VideoViewerPropsType } from '../../types';
+export declare function VideoViewer({ play, muted, src, onChangePlay }: VideoViewerPropsType): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,4 @@
+export * from './VideoViewer';
+export * from './ImageViewer';
+export * from './VideoProgressBar';
+export * from './ControlBar';

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

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

package/dist/types/src/ui/PlayButton/assets/index.d.ts

@@ -0,0 +1,2 @@
+export { default as StopSVG } from './stop.svg';
+export { default as PlaySVG } from './play.svg';

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

@@ -0,0 +1,3 @@
+export * from './ui';
+export * from './types';
+export * from './assets';

package/dist/types/src/ui/PlayButton/styles/index.d.ts

@@ -0,0 +1 @@
+export { default as PlayButtonStyle } from './PlayButton.module.scss';

package/dist/types/src/ui/PlayButton/types/PlayButtonTypes.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+export type PlayButtonColorType = 'light' | 'dark';
+export type PlayButtonSizeType = 'default' | 'large';
+export type PlayButtonTypeType = 'play' | 'stop';
+export type PlayButtonPropsType = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'type' | 'size'> & {
+    color?: PlayButtonColorType;
+    size?: PlayButtonSizeType;
+    type?: PlayButtonTypeType;
+};

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

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

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

@@ -0,0 +1,2 @@
+import { PlayButtonPropsType } from "../types";
+export declare function PlayButton({ color, type, size, ...props }: PlayButtonPropsType): import("react/jsx-runtime").JSX.Element;

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

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

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

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

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

@@ -0,0 +1,77 @@
+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

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

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

@@ -0,0 +1,2 @@
+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): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export * from "./VideoPlayerBase";

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

@@ -18,3 +18,7 @@ export * from './PaginationBar';
 export * from './ScrollProvider';
 export * from './UserPick';
 export * from './DropdownItem';
+export * from './VideoPlayerBase';
+export * from './Loaders';
+export * from './MediaViewer';
+export * from './Carousel';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "indicator-ui",
-  "version": "0.0.170",
+  "version": "0.0.173",
   "main": "dist/index.js",
   "types": "dist/types/src/index.d.ts",
   "style": "dist/index.css",
@@ -33,6 +33,7 @@
     "css-loader": "^6.8.1",
     "css-modules-typescript-loader": "^4.0.1",
     "date-fns": "^4.1.0",
+    "date-fns-tz": "^3.2.0",
     "file-loader": "^6.2.0",
     "html-loader": "^5.1.0",
     "html-webpack-plugin": "^5.6.3",
@@ -66,8 +67,5 @@
   "files": [
     "dist",
     "docs"
-  ],
-  "dependencies": {
-    "date-fns-tz": "^3.2.0"
-  }
+  ]
 }