scorer-ui-kit 1.7.17 → 1.7.18

package/dist/Alerts/atom/Notification.d.ts

@@ -8,13 +8,15 @@ export declare const IconNames: {
     neutral: string;
 };
 export declare type INotificationProps = {
+    id?: string;
     type: AlertType;
     message: string;
-    icon?: string;
     actionTextButton?: string;
+    isPinned?: boolean;
+    closeNow?: boolean;
+    icon?: string;
     onTextButtonClick?: () => void;
     closeCallback?: () => void;
-    isPinned?: boolean;
 };
 declare const Notification: React.FC<INotificationProps>;
 export default Notification;

package/dist/CameraPanels/atoms/MediaStream.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { IFeedbackColor } from '../..';
+import { IMediaModal } from '../../Misc/atoms/MediaBox';
+export interface IMediaStream extends IMediaModal {
+    isEmptyWithIcon?: boolean;
+    emptyIcon?: string;
+    status?: IFeedbackColor;
+    noticeMessage?: string;
+    noticeTitle?: string;
+    noticeIcon?: string;
+    hasNotice?: boolean;
+}
+declare const MediaStream: React.FC<IMediaStream>;
+export default MediaStream;

package/dist/CameraPanels/atoms/PanelMetaData.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface IPanelMetaData {
+    deviceIcon?: string;
+    leftSubTitle?: string;
+    leftTitle?: string;
+    rightTitle?: string;
+    rightSubTitle?: string;
+    hideIcon?: boolean;
+}
+declare const PanelMetaData: React.FC<IPanelMetaData>;
+export default PanelMetaData;

package/dist/CameraPanels/index.d.ts

@@ -0,0 +1,6 @@
+import CameraPanels from "./organisms/CameraPanels";
+import CameraPanel, { ICameraPanel, CameraPanelWrapper } from "./molecules/CameraPanel";
+import MediaStream, { IMediaStream } from "./atoms/MediaStream";
+import PanelMetaData, { IPanelMetaData } from "./atoms/PanelMetaData";
+export { CameraPanels, CameraPanel, PanelMetaData, MediaStream, CameraPanelWrapper };
+export type { ICameraPanel, IMediaStream, IPanelMetaData };

package/dist/CameraPanels/molecules/CameraPanel.d.ts

@@ -0,0 +1,14 @@
+import React, { ReactElement } from 'react';
+import { IMediaStream } from '../atoms/MediaStream';
+import { IPanelMetaData } from '../atoms/PanelMetaData';
+export declare const CameraPanelWrapper: import("styled-components").StyledComponent<"div", any, {
+    hasOnClick: boolean;
+}, never>;
+export interface ICameraPanel {
+    streamProps: IMediaStream;
+    panelMetaData?: IPanelMetaData;
+    customBottom?: ReactElement;
+    panelOnClick?: () => void;
+}
+declare const NewComponent: React.FC<ICameraPanel>;
+export default NewComponent;

package/dist/CameraPanels/organisms/CameraPanels.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ICameraPanel } from '../molecules/CameraPanel';
+interface ICameraPanels {
+    panels: ICameraPanel[];
+}
+declare const CameraPanels: React.FC<ICameraPanels>;
+export default CameraPanels;

package/dist/Form/atoms/ButtonWithIcon.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { IButtonProps } from '..';
-interface IProps extends IButtonProps {
+export interface IButtonWithIcon extends IButtonProps {
     icon: string;
     position?: 'left' | 'right';
 }
-declare const ButtonWithIcon: React.FC<IProps>;
+declare const ButtonWithIcon: React.FC<IButtonWithIcon>;
 export default ButtonWithIcon;

package/dist/Misc/atoms/ActionsBar.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { IButtonWithIcon } from '../../Form/atoms/ButtonWithIcon';
+export interface IActionsButton extends IButtonWithIcon {
+    text: string;
+}
+export interface IActionsBar {
+    title?: string;
+    finishTextButton?: string;
+    actionButtons?: IActionsButton[];
+    selectedTemplate?: string;
+    totalSelected?: number;
+    totalAvailable?: number;
+    finishCallback?: () => void;
+}
+declare const ActionsBar: React.FC<IActionsBar>;
+export default ActionsBar;

package/dist/Misc/atoms/MediaBox.d.ts

@@ -1,12 +1,20 @@
 import React, { VideoHTMLAttributes } from 'react';
 import { IMediaType } from '../../index';
+export declare const MediaBoxWrapper: import("styled-components").StyledComponent<"div", any, {
+    minWidth?: string | undefined;
+    minHeight?: string | undefined;
+}, never>;
 export interface IMediaModal {
     src: string;
     mediaType: IMediaType;
     alt?: string;
     videoOptions?: VideoHTMLAttributes<HTMLVideoElement>;
     hasModalLimits?: boolean;
-    onError?: () => void;
+    retryLoading?: boolean;
+    retryLimit?: number;
+    minWidth?: string;
+    minHeight?: string;
+    onError?: (e: Event) => void;
     onMediaLoad?: () => void;
 }
 declare const MediaBox: React.FC<IMediaModal>;

package/dist/Misc/index.d.ts

@@ -4,5 +4,6 @@ import BasicSearchInput from './atoms/BasicSearchInput';
 import BigIconsSummary from './atoms/BigIconsSummary';
 import MediaBox from './atoms/MediaBox';
 import DebouncedSearcher from './molecules/DebouncedSearcher';
-export { Tag, TagList, TagListWrapper, MediaBox, BasicSearchInput, BigIconsSummary, DebouncedSearcher, };
-export type { ITagList, ITag };
+import ActionsBar, { IActionsBar, IActionsButton } from './atoms/ActionsBar';
+export { Tag, TagList, TagListWrapper, MediaBox, BasicSearchInput, BigIconsSummary, DebouncedSearcher, ActionsBar };
+export type { ITagList, ITag, IActionsBar, IActionsButton };

package/dist/Tables/atoms/TableRowThumbnail.d.ts

@@ -7,6 +7,8 @@ interface IProps {
     aspect?: VideoAspects;
     mediaUrl?: string;
     mediaType?: IMediaType;
+    retryImageLoad?: boolean;
+    retryLimit?: number;
 }
 declare const TableRowThumbnail: React.FC<IProps>;
 export default TableRowThumbnail;

package/dist/common/index.d.ts

@@ -1,3 +1,4 @@
 export declare const RowCss: import("styled-components").FlattenSimpleInterpolation;
 export declare const ColumnCss: import("styled-components").FlattenSimpleInterpolation;
 export declare const resetButtonStyles: import("styled-components").FlattenSimpleInterpolation;
+export declare const EllipsisStyles: import("styled-components").FlattenSimpleInterpolation;

package/dist/context/NotificationContext.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import { INotificationProps } from '../Alerts/atom/Notification';
 declare type NotificationContextType = {
     sendNotification: (newNotification: INotificationProps) => void;
+    clearNotifications: () => void;
 };
 declare const NotificationContext: React.Context<NotificationContextType>;
 declare const NotificationProvider: React.FC;

package/dist/helpers/index.d.ts

@@ -15,4 +15,5 @@ export declare const isTimeUnit: (value: any) => boolean;
 declare const getTopLevelPath: (pathname: string) => string;
 declare const getImageType: (img: HTMLImageElement) => string;
 declare const isValidImage: (file: File) => boolean;
-export { clamp, isValidImage, getImageType, getTextTimeUnit, isInsideRange, getShortTextTimeUnit, getTopLevelPath, };
+declare const uniqueID: () => string;
+export { clamp, isValidImage, getImageType, getTextTimeUnit, isInsideRange, getShortTextTimeUnit, getTopLevelPath, uniqueID };

package/dist/index.d.ts

@@ -10,7 +10,8 @@ import { LineUI, LineUIVideo, LineUIRTC, LineSetContext, LineReducer } from './L
 import { IntroductionText, PageHeader, PageTitle, MultilineContent } from './Pages';
 import { TypeTable, TableRowThumbnail, TableHeaderTitle, EditCell } from './Tables';
 import { Controls, PTZProvider, PTZReducer, usePTZ, PTZContext } from './PTZControl';
-import { Tag, TagList, ITag, ITagList, TagListWrapper, MediaBox, BasicSearchInput, DebouncedSearcher } from './Misc';
+import { CameraPanels, CameraPanelWrapper, ICameraPanel, IMediaStream, IPanelMetaData } from './CameraPanels';
+import { Tag, TagList, ITag, ITagList, TagListWrapper, MediaBox, BasicSearchInput, DebouncedSearcher, ActionsBar, IActionsButton } from './Misc';
 import { ConfirmationModal } from './Modals';
 import { useInterval, useTo, useTitle, useCopyToClipboard, useModal, useNotification, useClickOutside, useMediaModal, IModal, usePoll } from './hooks';
 import { NotificationProvider, ModalContext, ModalProvider } from './context';
@@ -19,7 +20,7 @@ import Spinner from './Indicators/Spinner';
 import WebRTCClient from './WebRTCClient';
 import { MainMenu, TopBar, Content, Layout, MainContainer, SidebarBox, SidebarLink, SidebarHeading, Logo, SidebarLinkHeading, BackLink, Sidebar, GlobalUI, INotificationItem, INotificationsHistory, ICustomDrawer } from './Global';
 import { Tabs, TabContext, Tab, TabList, TabContent, TabWithIcon, TabsWithIconBar, ITabIcon } from './Tabs';
-export { darkTheme, lightTheme, themeFallbackHelper, AlertBar, Notification, AlertWrapper, LineUI, LineUIVideo, LineUIRTC, LineSetContext, LineReducer, Form, Button, ButtonWithIcon, ButtonWithLoading, IconButton, ActionButtons, Input, SmallInput, Label, Switch, Checkbox, PasswordField, TextField, TextArea, TextAreaField, SliderInput, DurationSlider, PercentageSlider, InputFileButton, DropArea, CropTool, AvatarUploader, SelectField, SelectWrapper, AreaUploadManager, RadioButton, ConfirmationModal, DatePicker, FilterDropdownContainer, FilterButton, FilterDropdown, SortDropdown, FilterInputs, FiltersResults, FilterBar, isFilterItem, isDateInterval, Icon, IconSVGs, StatusIcon, IntroductionText, PageHeader, PageTitle, MultilineContent, Controls, PTZProvider, PTZContext, PTZReducer, usePTZ, TypeTable, TableRowThumbnail, TableHeaderTitle, EditCell, useInterval, useTo, useTitle, useCopyToClipboard, useClickOutside, usePoll, useMediaModal, resetButtonStyles, Spinner, WebRTCClient, MainMenu, TopBar, MainContainer, Layout, Content, SidebarBox, SidebarLink, SidebarHeading, Logo, SidebarLinkHeading, BackLink, Sidebar, GlobalUI, Tabs, TabContext, Tab, TabList, TabContent, TabWithIcon, TabsWithIconBar, Tag, TagList, TagListWrapper, MediaBox, BasicSearchInput, DebouncedSearcher, NotificationProvider, useNotification, ModalContext, ModalProvider, useModal };
+export { darkTheme, lightTheme, themeFallbackHelper, AlertBar, Notification, AlertWrapper, LineUI, LineUIVideo, LineUIRTC, LineSetContext, LineReducer, Form, Button, ButtonWithIcon, ButtonWithLoading, IconButton, ActionButtons, Input, SmallInput, Label, Switch, Checkbox, PasswordField, TextField, TextArea, TextAreaField, SliderInput, DurationSlider, PercentageSlider, InputFileButton, DropArea, CropTool, AvatarUploader, SelectField, SelectWrapper, AreaUploadManager, RadioButton, ConfirmationModal, DatePicker, FilterDropdownContainer, FilterButton, FilterDropdown, SortDropdown, FilterInputs, FiltersResults, FilterBar, isFilterItem, isDateInterval, Icon, IconSVGs, StatusIcon, IntroductionText, PageHeader, PageTitle, MultilineContent, Controls, PTZProvider, PTZContext, PTZReducer, usePTZ, TypeTable, TableRowThumbnail, TableHeaderTitle, EditCell, useInterval, useTo, useTitle, useCopyToClipboard, useClickOutside, usePoll, useMediaModal, resetButtonStyles, Spinner, WebRTCClient, MainMenu, TopBar, MainContainer, Layout, Content, SidebarBox, SidebarLink, SidebarHeading, Logo, SidebarLinkHeading, BackLink, Sidebar, GlobalUI, Tabs, TabContext, Tab, TabList, TabContent, TabWithIcon, TabsWithIconBar, CameraPanels, CameraPanelWrapper, Tag, TagList, TagListWrapper, MediaBox, BasicSearchInput, DebouncedSearcher, ActionsBar, NotificationProvider, useNotification, ModalContext, ModalProvider, useModal };
 /**
  * Values based on colors.feedback from theme
  */
@@ -27,4 +28,4 @@ export declare type IFeedbackColor = 'error' | 'warning' | 'info' | 'success' |
 export declare type ITimeUnit = 'seconds' | 'minutes' | 'hours';
 export declare type IMediaType = 'img' | 'video';
 export declare type IStatusDot = 'caution' | 'danger' | 'good' | 'neutral' | 'highlight';
-export type { IModal, INotificationProps, IconButtonData, ITag, ITagList, ISliderMark, INotificationItem, INotificationsHistory, ICustomDrawer, ISearchFilter, IFilterDropdownExt, IFilterLabel, IFilterDropdownConfig, ITabIcon, IFilterType, IFilterItem, IFilterValue, IFilterResult, DateInterval, IFilterDatePicker, };
+export type { IModal, INotificationProps, IconButtonData, ITag, ITagList, ISliderMark, INotificationItem, INotificationsHistory, ICustomDrawer, ISearchFilter, IFilterDropdownExt, IFilterLabel, IFilterDropdownConfig, ITabIcon, IFilterType, IFilterItem, IFilterValue, IFilterResult, DateInterval, IFilterDatePicker, ICameraPanel, IMediaStream, IPanelMetaData, IActionsButton };