scorer-ui-kit 2.1.2 → 2.2.0

package/dist/Global/atoms/Layout.d.ts

@@ -10,4 +10,5 @@ export declare const MainContainer: import("styled-components").StyledComponent<
 export declare const ContentArea: import("styled-components").StyledComponent<"div", any, {
     maxWidth?: string | undefined;
     paddingOverride?: string | undefined;
+    legacyLayout?: boolean | undefined;
 }, never>;

package/dist/Global/templates/GlobalUI.d.ts

@@ -3,6 +3,7 @@ import { IMenu, ITopBar } from '..';
 interface OwnProps {
     maxWidth?: string;
     paddingOverride?: string;
+    legacyLayout?: boolean;
     onMenuToggle?: (isMenuOpen: boolean) => void;
 }
 declare type INavigation = OwnProps & IMenu & ITopBar;

package/dist/Layouts/atoms/FullWidthContentBlock.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const FullWidthContentBlock: React.FC;
+export default FullWidthContentBlock;

package/dist/Layouts/index.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import ContentLayout from './organisms/ContentLayout';
+import FullWidthContentBlock from './atoms/FullWidthContentBlock';
+import UtilityHeader from './molecules/UtilityHeader';
+interface IBreadcrumb {
+    text: string;
+    href: string;
+}
+export interface IUtilityHeader {
+    $iconInGutter?: boolean;
+    backLink?: string;
+    showBreadcrumbs?: boolean;
+    breadcrumbs?: IBreadcrumb[];
+    showShareLink?: boolean;
+    shareLink?: string;
+}
+export interface IHeaderContent {
+    UtilityHeaderOptions?: IUtilityHeader;
+    PageHeaderArea?: React.ReactNode | React.FC;
+    TabsElementArea?: React.ReactNode | React.FC;
+}
+export { ContentLayout, FullWidthContentBlock, UtilityHeader };

package/dist/Layouts/molecules/UtilityHeader.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { IUtilityHeader } from "..";
+declare const UtilityHeader: React.FC<IUtilityHeader>;
+export default UtilityHeader;

package/dist/Layouts/organisms/ContentLayout.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { IHeaderContent } from "..";
+interface IContentLayout {
+    layout?: 'default' | 'fullscreen' | 'dashboard';
+    HeaderContent?: IHeaderContent;
+}
+declare const ContentLayout: React.FC<IContentLayout>;
+export default ContentLayout;

package/dist/index.d.ts

@@ -1,4 +1,5 @@
-import defaultTheme from './themes/light/light';
+import defaultTheme from './theme';
+import ThemeVariables from './theme/ThemeVariables';
 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, 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';
@@ -16,9 +17,10 @@ import { NotificationProvider, ModalContext, ModalProvider } from './context';
 import { resetButtonStyles } from './common';
 import Spinner from './Indicators/Spinner';
 import WebRTCClient from './WebRTCClient';
+import { ContentLayout, FullWidthContentBlock, UtilityHeader, IHeaderContent, IUtilityHeader } 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, 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 };
+export { defaultTheme, ThemeVariables, 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, ContentLayout, FullWidthContentBlock, UtilityHeader, 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 +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, ICameraPanel, IMediaStream, IPanelMetaData, IActionsButton, ISplitButtonProps, IItemsOption, IPagination, };
+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, IHeaderContent, IUtilityHeader };