scorer-ui-kit 2.1.0 → 2.1.2

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

@@ -1,7 +1,7 @@
 import React, { ButtonHTMLAttributes } from 'react';
 import { IconProps } from '../../Icons/Icon';
 interface OwnProps {
-    hoverColor?: ISvgIcons['color'];
+    hoverColor?: string;
 }
 export declare type IconButtonData = OwnProps & IconProps & ButtonHTMLAttributes<HTMLButtonElement>;
 declare const IconButton: React.FC<IconButtonData>;

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

@@ -0,0 +1,16 @@
+import { ButtonHTMLAttributes, FC } from 'react';
+import { TypeButtonDesigns, TypeButtonSizes } from '..';
+export interface IMOption {
+    text: string;
+    icon?: string;
+    hasOnSelectLoading?: boolean;
+    design?: TypeButtonDesigns | string;
+    noBorderTop?: boolean;
+    textMaxWidth?: string;
+    size?: TypeButtonSizes;
+    onClickCallback?: () => void;
+    closeCallback: () => void;
+}
+export declare type ISplitButtonOption = IMOption & ButtonHTMLAttributes<HTMLButtonElement>;
+declare const SplitButtonOption: FC<ISplitButtonOption>;
+export default SplitButtonOption;

package/dist/Form/index.d.ts

@@ -24,7 +24,8 @@ import AvatarUploader from './organisms/AvatarUploader';
 import AreaUploadManager from './organisms/AreaUploadManager';
 import Form from './Form';
 import { ButtonHTMLAttributes } from 'react';
-export { Form, Button, ButtonWithIcon, ButtonWithLoading, IconButton, ActionButtons, SmallInput, Input, Label, Checkbox, Switch, PasswordField, TextField, TextArea, TextAreaField, SliderInput, DurationSlider, PercentageSlider, InputFileButton, AvatarUploader, DropArea, CropTool, SelectField, SelectWrapper, AreaUploadManager, RadioButton, };
+import SplitButton, { ISplitButtonProps } from './molecules/SplitButton';
+export { Form, Button, ButtonWithIcon, ButtonWithLoading, IconButton, ActionButtons, SmallInput, Input, Label, Checkbox, Switch, PasswordField, TextField, TextArea, TextAreaField, SliderInput, DurationSlider, PercentageSlider, InputFileButton, AvatarUploader, DropArea, CropTool, SelectField, SelectWrapper, AreaUploadManager, RadioButton, SplitButton };
 export declare type TypeFieldState = 'default' | 'disabled' | 'required' | 'valid' | 'invalid' | 'processing';
 export declare type TypeButtonDesigns = 'primary' | 'secondary' | 'danger';
 export declare type TypeButtonSizes = 'xsmall' | 'small' | 'normal' | 'large';
@@ -35,4 +36,4 @@ interface ButtonProps {
     design?: TypeButtonDesigns;
 }
 export declare type IButtonProps = ButtonProps & ButtonHTMLAttributes<HTMLButtonElement>;
-export type { IconButtonData, ISliderMark };
+export type { IconButtonData, ISliderMark, ISplitButtonProps };

package/dist/Form/molecules/SplitButton.d.ts

@@ -0,0 +1,21 @@
+import React, { ButtonHTMLAttributes } from 'react';
+import { TypeButtonSizes, TypeButtonDesigns } from '..';
+interface IButtonItem {
+    id: string;
+    icon?: string;
+    text: string;
+    hasOnSelectLoading?: boolean;
+    onClickCallback?: () => void;
+}
+declare type ISplitButtonItem = IButtonItem & ButtonHTMLAttributes<HTMLButtonElement>;
+export interface ISplitButtonProps {
+    mainButtonId: string;
+    buttonList: ISplitButtonItem[];
+    isSortAscending?: boolean;
+    size?: TypeButtonSizes;
+    design?: TypeButtonDesigns | string;
+    textMaxWidth?: string;
+    disabled?: boolean;
+}
+declare const SplitButton: React.FC<ISplitButtonProps>;
+export default SplitButton;

package/dist/Indicators/Spinner.d.ts

@@ -1,5 +1,8 @@
 import React from "react";
-declare type SpinnerSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
+import { TypeButtonDesigns, TypeButtonSizes } from "../Form";
+export declare type SpinnerSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
+export declare const buttonSpinnerSize: (buttonSize: TypeButtonSizes) => SpinnerSize;
+export declare const isTypeButtonDesigns: (value: any) => value is TypeButtonDesigns;
 interface IProps {
     size: SpinnerSize;
     styling: string;

package/dist/Misc/index.d.ts

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

package/dist/Misc/molecules/Pagination.d.ts

@@ -0,0 +1,20 @@
+import React, { HTMLAttributes } from 'react';
+export interface IItemsOption {
+    value: number;
+    textValue: string;
+}
+interface OwnProps {
+    pageText?: string;
+    totalPages: number;
+    activePage?: number;
+    buttonText?: string;
+    itemsText?: string;
+    selectWidth?: string;
+    selectDisabled?: boolean;
+    itemsOptions: IItemsOption[];
+    onPageChange: (page: number) => void;
+    onItemsChange: (items: number) => void;
+}
+export declare type IPagination = OwnProps & HTMLAttributes<HTMLDivElement>;
+declare const Pagination: React.FC<IPagination>;
+export default Pagination;

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import defaultTheme from './themes/light/light';
 import { AlertBar, Notification, INotificationProps, AlertWrapper } from './Alerts';
-import { Form, Button, ButtonWithIcon, ButtonWithLoading, IconButton, IconButtonData, ActionButtons, SmallInput, Input, Label, Switch, Checkbox, PasswordField, TextField, TextArea, TextAreaField, SliderInput, ISliderMark, DurationSlider, PercentageSlider, InputFileButton, DropArea, CropTool, AvatarUploader, SelectField, SelectWrapper, AreaUploadManager, RadioButton } from './Form';
+import { Form, Button, ButtonWithIcon, ButtonWithLoading, IconButton, IconButtonData, ActionButtons, SmallInput, Input, Label, Switch, Checkbox, PasswordField, TextField, TextArea, TextAreaField, SliderInput, ISliderMark, DurationSlider, PercentageSlider, InputFileButton, DropArea, CropTool, AvatarUploader, SelectField, SelectWrapper, AreaUploadManager, RadioButton, SplitButton, ISplitButtonProps } from './Form';
 import { DatePicker, DateInterval, isDateInterval, IFilterDatePicker, FilterDropdownContainer, FilterButton, FilterDropdown, SortDropdown, FilterLayout, FilterInputs, ISearchFilter, IFilterDropdownExt, FiltersResults, IFilterLabel, FilterBar, IFilterDropdownConfig, IFilterType, IFilterItem, IFilterValue, IFilterResult, isFilterItem } from './Filters';
 import Icon, { IconSVGs } from './Icons/Icon';
 import StatusIcon from './Icons/StatusIcon';
@@ -9,7 +9,7 @@ import { IntroductionText, PageHeader, PageTitle, MultilineContent } from './Pag
 import { TypeTable, TableRowThumbnail, TableHeaderTitle, EditCell } from './Tables';
 import { Controls, PTZProvider, PTZReducer, usePTZ, PTZContext } from './PTZControl';
 import { CameraPanels, CameraPanelWrapper, ICameraPanel, IMediaStream, IPanelMetaData } from './CameraPanels';
-import { Tag, TagList, ITag, ITagList, TagListWrapper, MediaBox, BasicSearchInput, DebouncedSearcher, ActionsBar, IActionsButton } from './Misc';
+import { Tag, TagList, ITag, ITagList, TagListWrapper, MediaBox, BasicSearchInput, DebouncedSearcher, ActionsBar, IActionsButton, Pagination, IItemsOption, IPagination } from './Misc';
 import { ConfirmationModal } from './Modals';
 import { useInterval, useTo, useTitle, useCopyToClipboard, useModal, useNotification, useClickOutside, useMediaModal, IModal, usePoll, useThemeToggle } from './hooks';
 import { NotificationProvider, ModalContext, ModalProvider } from './context';
@@ -18,7 +18,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 { defaultTheme, 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, FilterLayout, 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, useThemeToggle, 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 };
+export { defaultTheme, 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, SplitButton, ConfirmationModal, DatePicker, FilterDropdownContainer, FilterButton, FilterDropdown, SortDropdown, FilterLayout, 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, useThemeToggle, 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, Pagination, NotificationProvider, useNotification, ModalContext, ModalProvider, useModal };
 /**
  * Values based on colors.feedback from theme
  */
@@ -26,4 +26,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, ICameraPanel, IMediaStream, IPanelMetaData, IActionsButton };
+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, ISplitButtonProps, IItemsOption, IPagination, };