scorer-ui-kit 2.6.4 → 2.6.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Filters/FilterTypes.d.ts +6 -1
- package/dist/Filters/atoms/ToggleButton.d.ts +12 -0
- package/dist/Filters/index.d.ts +4 -3
- package/dist/Layouts/index.d.ts +1 -0
- package/dist/index.d.ts +3 -3
- package/dist/index.js +123 -85
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +123 -86
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
|
@@ -9,6 +9,11 @@ declare type IFilterItem = {
|
|
|
9
9
|
};
|
|
10
10
|
declare type IFilterValue = IFilterItem | IFilterItem[] | null;
|
|
11
11
|
declare type IFilterType = 'search' | 'dropdown' | 'datepicker';
|
|
12
|
+
declare type IToggleOption = {
|
|
13
|
+
text: string;
|
|
14
|
+
value: string | number;
|
|
15
|
+
icon: string;
|
|
16
|
+
};
|
|
12
17
|
declare const isFilterItem: (item: any) => item is IFilterItem;
|
|
13
18
|
interface IFilterResult {
|
|
14
19
|
id: string;
|
|
@@ -48,4 +53,4 @@ interface IFilterDropdownConfig {
|
|
|
48
53
|
name?: string;
|
|
49
54
|
}
|
|
50
55
|
export { isFilterItem };
|
|
51
|
-
export type { IFilterType, IFilterItem, IFilterResult, IFilterValue, ISearchFilter, IFilterDropdownExt, IFilterDatePicker, IFilterDropdownConfig };
|
|
56
|
+
export type { IFilterType, IFilterItem, IFilterResult, IFilterValue, ISearchFilter, IFilterDropdownExt, IFilterDatePicker, IFilterDropdownConfig, IToggleOption, };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { IToggleOption } from '../FilterTypes';
|
|
3
|
+
import { FilterButtonDesign } from '..';
|
|
4
|
+
declare type IToggleButton = {
|
|
5
|
+
options: IToggleOption[];
|
|
6
|
+
categoryLabel: String;
|
|
7
|
+
selectedIndex: number;
|
|
8
|
+
design?: FilterButtonDesign;
|
|
9
|
+
onToggle: (index: number, value: string | number) => void;
|
|
10
|
+
};
|
|
11
|
+
declare const ToggleButton: React.FC<IToggleButton>;
|
|
12
|
+
export default ToggleButton;
|
package/dist/Filters/index.d.ts
CHANGED
|
@@ -7,7 +7,8 @@ import FilterLayout from './molecules/FilterLayout';
|
|
|
7
7
|
import FilterInputs, { IFilterInputs } from './molecules/FilterInputs';
|
|
8
8
|
import FiltersResults, { IFilterLabel } from './molecules/FiltersResults';
|
|
9
9
|
import FilterBar from './organisms/FilterBar';
|
|
10
|
-
import
|
|
11
|
-
|
|
10
|
+
import ToggleButton from './atoms/ToggleButton';
|
|
11
|
+
import { IFilterType, IFilterItem, IFilterResult, IFilterValue, ISearchFilter, IFilterDropdownExt, IFilterDropdownConfig, IFilterDatePicker, isFilterItem, IToggleOption } from './FilterTypes';
|
|
12
|
+
export { DatePicker, FilterDropdownContainer, FilterButton, FilterDropdown, SortDropdown, FilterLayout, FilterInputs, FiltersResults, FilterBar, isFilterItem, isDateInterval, ToggleButton };
|
|
12
13
|
declare type FilterButtonDesign = 'default' | 'basic';
|
|
13
|
-
export type { ISearchFilter, IFilterInputs, IFilterDropdownExt, IFilterLabel, IFilterDropdownConfig, IFilterType, IFilterItem, IFilterResult, IFilterValue, DateInterval, IFilterDatePicker, FilterButtonDesign, DateRange };
|
|
14
|
+
export type { ISearchFilter, IFilterInputs, IFilterDropdownExt, IFilterLabel, IFilterDropdownConfig, IFilterType, IFilterItem, IFilterResult, IFilterValue, DateInterval, IFilterDatePicker, FilterButtonDesign, IToggleOption, DateRange };
|
package/dist/Layouts/index.d.ts
CHANGED
package/dist/index.d.ts
CHANGED
|
@@ -3,7 +3,7 @@ import ThemeVariables from './theme/ThemeVariables';
|
|
|
3
3
|
import { BaseStyles } from './theme/ThemeHelpers';
|
|
4
4
|
import { AlertBar, Notification, INotificationProps, AlertWrapper, Tooltip, ITooltipPosition, AlertType, ITooltipType } from './Alerts';
|
|
5
5
|
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';
|
|
6
|
-
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';
|
|
6
|
+
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';
|
|
7
7
|
import Icon, { IconSVGs } from './Icons/Icon';
|
|
8
8
|
import StatusIcon from './Icons/StatusIcon';
|
|
9
9
|
import { LineUI, LineUIVideo, LineUIRTC, LineSetContext, LineReducer } from './LineUI';
|
|
@@ -21,7 +21,7 @@ import WebRTCClient from './WebRTCClient';
|
|
|
21
21
|
import { ContentLayout, FullWidthContentBlock, UtilityHeader, SplitLayout, IHeaderContent, IUtilityHeader, ISplitLayoutHandles } from './Layouts';
|
|
22
22
|
import { MainMenu, TopBar, Content, Layout, MainContainer, SidebarBox, SidebarLink, SidebarHeading, Logo, SidebarLinkHeading, BackLink, Sidebar, GlobalUI, INotificationItem, INotificationsHistory, ICustomDrawer } from './Global';
|
|
23
23
|
import { Tabs, TabContext, Tab, TabList, TabContent, TabWithIcon, TabsWithIconBar, ITabIcon } from './Tabs';
|
|
24
|
-
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 };
|
|
24
|
+
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 };
|
|
25
25
|
/**
|
|
26
26
|
* Values based on colors.feedback from theme
|
|
27
27
|
*/
|
|
@@ -29,4 +29,4 @@ export declare type IFeedbackColor = 'error' | 'warning' | 'info' | 'success' |
|
|
|
29
29
|
export declare type ITimeUnit = 'seconds' | 'minutes' | 'hours';
|
|
30
30
|
export declare type IMediaType = 'img' | 'video';
|
|
31
31
|
export declare type IStatusDot = 'caution' | 'danger' | 'good' | 'neutral' | 'highlight';
|
|
32
|
-
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 };
|
|
32
|
+
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 };
|