scorer-ui-kit 2.6.5 → 2.6.7

package/README.md

@@ -78,6 +78,9 @@ Some stock photos were used as placeholders in this UI Kit. These were sourced t
 Photo by [Van Thanh](https://unsplash.com/@vanthanh2608?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText) on [Unsplash](https://unsplash.com/s/photos/cafe?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText)
 
 
+Photo by <a href="https://unsplash.com/@thomashabr?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash">Thomas Habr</a> on <a href="https://unsplash.com/photos/aerial-photography-of-empire-state-building-6NmnrAJPq7M?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash">Unsplash</a>
+      
+
 ## License
 
 The Scorer UI Kit is released under the [MIT license](../../LICENSE.md).

package/dist/Filters/FilterTypes.d.ts

@@ -9,6 +9,11 @@ declare type IFilterItem = {
 };
 declare type IFilterValue = IFilterItem | IFilterItem[] | null;
 declare type IFilterType = 'search' | 'dropdown' | 'datepicker';
+declare type IToggleOption = {
+    text: string;
+    value: string | number;
+    icon: string;
+};
 declare const isFilterItem: (item: any) => item is IFilterItem;
 interface IFilterResult {
     id: string;
@@ -48,4 +53,4 @@ interface IFilterDropdownConfig {
     name?: string;
 }
 export { isFilterItem };
-export type { IFilterType, IFilterItem, IFilterResult, IFilterValue, ISearchFilter, IFilterDropdownExt, IFilterDatePicker, IFilterDropdownConfig };
+export type { IFilterType, IFilterItem, IFilterResult, IFilterValue, ISearchFilter, IFilterDropdownExt, IFilterDatePicker, IFilterDropdownConfig, IToggleOption, };

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { IToggleOption } from '../FilterTypes';
+import { FilterButtonDesign } from '..';
+declare type IToggleButton = {
+    options: IToggleOption[];
+    categoryLabel: String;
+    selectedIndex: number;
+    design?: FilterButtonDesign;
+    onToggle: (index: number, value: string | number) => void;
+};
+declare const ToggleButton: React.FC<IToggleButton>;
+export default ToggleButton;

package/dist/Filters/index.d.ts

@@ -7,7 +7,8 @@ import FilterLayout from './molecules/FilterLayout';
 import FilterInputs, { IFilterInputs } from './molecules/FilterInputs';
 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, };
+import ToggleButton from './atoms/ToggleButton';
+import { IFilterType, IFilterItem, IFilterResult, IFilterValue, ISearchFilter, IFilterDropdownExt, IFilterDropdownConfig, IFilterDatePicker, isFilterItem, IToggleOption } from './FilterTypes';
+export { DatePicker, FilterDropdownContainer, FilterButton, FilterDropdown, SortDropdown, FilterLayout, FilterInputs, FiltersResults, FilterBar, isFilterItem, isDateInterval, ToggleButton };
 declare type FilterButtonDesign = 'default' | 'basic';
-export type { ISearchFilter, IFilterInputs, IFilterDropdownExt, IFilterLabel, IFilterDropdownConfig, IFilterType, IFilterItem, IFilterResult, IFilterValue, DateInterval, IFilterDatePicker, FilterButtonDesign, DateRange };
+export type { ISearchFilter, IFilterInputs, IFilterDropdownExt, IFilterLabel, IFilterDropdownConfig, IFilterType, IFilterItem, IFilterResult, IFilterValue, DateInterval, IFilterDatePicker, FilterButtonDesign, IToggleOption, DateRange };

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

@@ -1,4 +1,5 @@
 import React, { SelectHTMLAttributes } from 'react';
+import { TypeFieldState } from '..';
 export declare const SelectWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 interface ILabel {
     htmlFor: string;
@@ -6,9 +7,11 @@ interface ILabel {
     isSameRow?: boolean;
 }
 interface OwnProps {
+    fieldState?: TypeFieldState;
     label?: ILabel;
     isCompact?: boolean;
     placeholder?: string;
+    icon?: string;
     changeCallback?: (value: string) => void;
 }
 declare type ISelect = OwnProps & SelectHTMLAttributes<HTMLSelectElement>;

package/dist/Layouts/index.d.ts

@@ -12,6 +12,7 @@ export interface IUtilityHeader {
     backLink?: string;
     showBreadcrumbs?: boolean;
     breadcrumbs?: IBreadcrumb[];
+    showHomeIcon?: boolean;
     showShareLink?: boolean;
     shareLink?: string;
 }

package/dist/index.d.ts

@@ -3,7 +3,7 @@ import ThemeVariables from './theme/ThemeVariables';
 import { BaseStyles } from './theme/ThemeHelpers';
 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, DateRange, IFilterDatePicker, FilterDropdownContainer, FilterButton, FilterDropdown, SortDropdown, FilterLayout, FilterInputs, ISearchFilter, IFilterDropdownExt, FiltersResults, IFilterLabel, FilterBar, IFilterDropdownConfig, IFilterType, IFilterItem, IFilterValue, IFilterResult, isFilterItem, FilterButtonDesign } from './Filters';
+import { DatePicker, DateInterval, isDateInterval, DateRange, IFilterDatePicker, FilterDropdownContainer, FilterButton, FilterDropdown, SortDropdown, FilterLayout, FilterInputs, ISearchFilter, IFilterDropdownExt, FiltersResults, IFilterLabel, FilterBar, IFilterDropdownConfig, IFilterType, IFilterItem, IFilterValue, IFilterResult, isFilterItem, FilterButtonDesign, ToggleButton, IToggleOption } 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, 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 };
+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, ToggleButton, 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, ITooltipPosition, IButtonsStack, IButtonStack, ISplitLayoutHandles, AlertType, ITooltipType, FilterButtonDesign, DateRange };
+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, IToggleOption, DateRange };