scorer-ui-kit 2.2.5 → 2.3.0

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { ITooltipType } from '..';
+declare type ITooltip = {
+    message: string;
+    tooltipFor: React.RefObject<HTMLElement>;
+    icon?: string;
+    type?: ITooltipType;
+    tooltipPosition?: ITooltipPosition;
+    maxWidth?: string;
+};
+export declare type ITooltipPosition = 'top-left' | 'top' | 'top-right' | 'bottom-left' | 'bottom' | 'bottom-right' | 'left-top' | 'left' | 'left-bottom' | 'right-top' | 'right' | 'right-bottom';
+declare const Tooltip: React.FC<ITooltip>;
+export default Tooltip;

package/dist/Alerts/index.d.ts

@@ -1,5 +1,7 @@
 import AlertBar, { AlertWrapper } from './atom/AlertBar';
 import Notification, { INotificationProps } from './atom/Notification';
-export { AlertBar, Notification, AlertWrapper, };
+import Tooltip, { ITooltipPosition } from './atom/Tooltip';
+export { AlertBar, Notification, AlertWrapper, Tooltip };
 export declare type AlertType = 'error' | 'warning' | 'info' | 'success' | 'neutral';
-export type { INotificationProps };
+export declare type ITooltipType = 'warning' | 'info' | 'success' | 'neutral';
+export type { INotificationProps, ITooltipPosition };

package/dist/Filters/atoms/FilterButton.d.ts

@@ -1,9 +1,11 @@
 import React, { ButtonHTMLAttributes } from 'react';
+import { FilterButtonDesign } from '..';
 interface OwnProps {
     icon: string;
     hasFlipArrow?: boolean;
     isSortAscending?: boolean;
     isOpen?: boolean;
+    design?: FilterButtonDesign;
 }
 declare type IFilterButton = OwnProps & ButtonHTMLAttributes<HTMLButtonElement>;
 declare const FilterButton: React.FC<IFilterButton>;

package/dist/Filters/atoms/FilterDropHandler.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { FilterButtonDesign } from '..';
 interface IFilterDropHandler {
     buttonIcon: string;
     buttonText: string;
@@ -6,6 +7,7 @@ interface IFilterDropHandler {
     minWidth?: number;
     minHeight?: number;
     isSortAscending?: boolean;
+    design?: FilterButtonDesign;
     onToggleOpenCallback?: (isOpen: boolean) => void;
     onCloseCallback?: () => void;
 }

package/dist/Filters/index.d.ts

@@ -9,4 +9,5 @@ import FiltersResults, { IFilterLabel } from './molecules/FiltersResults';
 import FilterBar from './organisms/FilterBar';
 import { IFilterType, IFilterItem, IFilterResult, IFilterValue, ISearchFilter, IFilterDropdownExt, IFilterDropdownConfig, IFilterDatePicker, isFilterItem } from './FilterTypes';
 export { DatePicker, FilterDropdownContainer, FilterButton, FilterDropdown, SortDropdown, FilterLayout, FilterInputs, FiltersResults, FilterBar, isFilterItem, isDateInterval, };
-export type { ISearchFilter, IFilterInputs, IFilterDropdownExt, IFilterLabel, IFilterDropdownConfig, IFilterType, IFilterItem, IFilterResult, IFilterValue, DateInterval, IFilterDatePicker };
+declare type FilterButtonDesign = 'default' | 'basic';
+export type { ISearchFilter, IFilterInputs, IFilterDropdownExt, IFilterLabel, IFilterDropdownConfig, IFilterType, IFilterItem, IFilterResult, IFilterValue, DateInterval, IFilterDatePicker, FilterButtonDesign };

package/dist/Filters/molecules/FilterDropdown.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { IInputOptionsType } from '../../Form';
 import { IFilterItem, IFilterValue } from '../FilterTypes';
+import { FilterButtonDesign } from '..';
 export interface IFilterDropdown {
     buttonIcon: string;
     buttonText: string;
@@ -15,6 +16,7 @@ export interface IFilterDropdown {
     maxDisplayedItems?: number;
     searchResultText?: string;
     emptyResultText?: string;
+    design?: FilterButtonDesign;
     onSelect: (newSelection: IFilterValue) => void;
 }
 declare const FilterDropdown: React.FC<IFilterDropdown>;

package/dist/Filters/molecules/SortDropdown.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { IFilterItem } from '../FilterTypes';
+import { FilterButtonDesign } from '..';
 export interface ISortDropdown {
     buttonText: string;
     list: IFilterItem[];
@@ -10,6 +11,7 @@ export interface ISortDropdown {
     descendingText?: string;
     isSortAscending?: boolean;
     selected: IFilterItem;
+    design?: FilterButtonDesign;
     onSelect: (newSort: IFilterItem, isSortAscending: boolean) => void;
 }
 declare const SortDropdown: React.FC<ISortDropdown>;

package/dist/index.d.ts

@@ -1,9 +1,9 @@
 import defaultTheme from './theme';
 import ThemeVariables from './theme/ThemeVariables';
 import { BaseStyles } from './theme/ThemeHelpers';
-import { AlertBar, Notification, INotificationProps, AlertWrapper } from './Alerts';
+import { AlertBar, Notification, INotificationProps, AlertWrapper, Tooltip, ITooltipPosition, AlertType, ITooltipType } 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, SplitButton, ISplitButtonProps, ButtonsStack, IButtonsStack, IButtonStack } 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 { DatePicker, DateInterval, isDateInterval, IFilterDatePicker, FilterDropdownContainer, FilterButton, FilterDropdown, SortDropdown, FilterLayout, FilterInputs, ISearchFilter, IFilterDropdownExt, FiltersResults, IFilterLabel, FilterBar, IFilterDropdownConfig, IFilterType, IFilterItem, IFilterValue, IFilterResult, isFilterItem, FilterButtonDesign } from './Filters';
 import Icon, { IconSVGs } from './Icons/Icon';
 import StatusIcon from './Icons/StatusIcon';
 import { LineUI, LineUIVideo, LineUIRTC, LineSetContext, LineReducer } from './LineUI';
@@ -21,7 +21,7 @@ import WebRTCClient from './WebRTCClient';
 import { ContentLayout, FullWidthContentBlock, UtilityHeader, SplitLayout, IHeaderContent, IUtilityHeader, ISplitLayoutHandles } from './Layouts';
 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, ThemeVariables, BaseStyles, 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, ButtonsStack, 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, FlexContentPlaceholder, Spinner, WebRTCClient, MainMenu, TopBar, MainContainer, Layout, Content, SidebarBox, SidebarLink, SidebarHeading, Logo, SidebarLinkHeading, BackLink, Sidebar, GlobalUI, ContentLayout, FullWidthContentBlock, UtilityHeader, SplitLayout, Tabs, TabContext, Tab, TabList, TabContent, TabWithIcon, TabsWithIconBar, CameraPanels, CameraPanelWrapper, Tag, TagList, TagListWrapper, MediaBox, BasicSearchInput, DebouncedSearcher, ActionsBar, Pagination, NotificationProvider, useNotification, ModalContext, ModalProvider, useModal };
+export { defaultTheme, ThemeVariables, BaseStyles, AlertBar, Notification, AlertWrapper, Tooltip, 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, ButtonsStack, 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, FlexContentPlaceholder, Spinner, WebRTCClient, MainMenu, TopBar, MainContainer, Layout, Content, SidebarBox, SidebarLink, SidebarHeading, Logo, SidebarLinkHeading, BackLink, Sidebar, GlobalUI, ContentLayout, FullWidthContentBlock, UtilityHeader, SplitLayout, 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
  */
@@ -29,4 +29,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, ISplitButtonProps, IHeaderTag, IItemsOption, IPagination, IHeaderContent, IUtilityHeader, IButtonsStack, IButtonStack, ISplitLayoutHandles };
+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, IHeaderTag, IItemsOption, IPagination, IHeaderContent, IUtilityHeader, ITooltipPosition, IButtonsStack, IButtonStack, ISplitLayoutHandles, AlertType, ITooltipType, FilterButtonDesign };