scorer-ui-kit 1.7.12 → 1.7.15

package/README.md

@@ -1,6 +1,6 @@
 # scorer-ui-kit
 
-This project is prefered to be run using npm 6, usually you can find it in node version 12 [(Why?)](https://github.com/nodejs/node/discussions/37689) [(How to downgrade?)](https://www.geeksforgeeks.org/how-to-install-the-previous-version-of-node-js-and-npm/).
+This project is preferred to be run using npm 6, usually you can find it in node version 12 [(Why?)](https://github.com/nodejs/node/discussions/37689) [(How to downgrade?)](https://www.geeksforgeeks.org/how-to-install-the-previous-version-of-node-js-and-npm/).
 
 ```bash
 npm --version # verify your npm version

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

@@ -2,6 +2,7 @@ import React, { ButtonHTMLAttributes } from 'react';
 interface OwnProps {
     icon: string;
     hasFlipArrow?: boolean;
+    isSortAscending?: boolean;
     isOpen?: boolean;
 }
 declare type IFilterButton = OwnProps & ButtonHTMLAttributes<HTMLButtonElement>;

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

@@ -3,8 +3,9 @@ interface IFilterDropHandler {
     buttonIcon: string;
     buttonText: string;
     disabled?: boolean;
-    min_width?: number;
-    min_height?: number;
+    minWidth?: number;
+    minHeight?: number;
+    isSortAscending?: boolean;
     onToggleOpenCallback?: (isOpen: boolean) => void;
     onCloseCallback?: () => void;
 }

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

@@ -0,0 +1,6 @@
+import React from 'react';
+interface ILoadingBox {
+    loadingText?: string;
+}
+declare const LoadingBox: React.FC<ILoadingBox>;
+export default LoadingBox;

package/dist/Filters/index.d.ts

@@ -2,9 +2,10 @@ import DatePicker, { DateInterval, isDateInterval } from './molecules/DatePicker
 import FilterDropdownContainer from './atoms/FilterDropdownContainer';
 import FilterButton from './atoms/FilterButton';
 import FilterDropdown from './molecules/FilterDropdown';
+import SortDropdown from './molecules/SortDropdown';
 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, FilterInputs, FiltersResults, FilterBar, isFilterItem, isDateInterval, };
+export { DatePicker, FilterDropdownContainer, FilterButton, FilterDropdown, SortDropdown, FilterInputs, FiltersResults, FilterBar, isFilterItem, isDateInterval, };
 export type { ISearchFilter, IFilterInputs, IFilterDropdownExt, IFilterLabel, IFilterDropdownConfig, IFilterType, IFilterItem, IFilterResult, IFilterValue, DateInterval, IFilterDatePicker };

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

@@ -16,6 +16,7 @@ export interface IDatePicker {
     timeZoneTitle?: string;
     timeZoneValueTitle?: string;
     updateCallback?: (data: DateInterval | Date) => void;
+    lang?: 'en' | 'ja';
 }
 declare const DatePicker: React.FC<IDatePicker>;
 export default DatePicker;

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import { IFilterItem } from '../FilterTypes';
+export interface ISortDropdown {
+    buttonText: string;
+    list: IFilterItem[];
+    disabled?: boolean;
+    isLoading?: boolean;
+    loadingText?: string;
+    ascendingText?: string;
+    descendingText?: string;
+    isSortAscending?: boolean;
+    selected: IFilterItem;
+    onSelect: (newSort: IFilterItem, isSortAscending: boolean) => void;
+}
+declare const SortDropdown: React.FC<ISortDropdown>;
+export default SortDropdown;

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

@@ -2,7 +2,7 @@ import React from 'react';
 import { IInputOptionsType } from '..';
 interface IFilterOption {
     title: string;
-    value: string | number;
+    value?: string | number;
     optionType?: IInputOptionsType;
     selected?: boolean;
     disabled?: boolean;

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

@@ -1,7 +1,9 @@
 import React from 'react';
 import { IconButtonData } from '../atoms/IconButton';
+declare type IAlignmentOptions = 'left' | 'center' | 'right';
 declare type IGroupButtonsData = {
     buttonsConfig: IconButtonData[];
+    alignment?: IAlignmentOptions;
 };
 declare const ActionButtons: React.FC<IGroupButtonsData>;
 export default ActionButtons;

package/dist/LineUI/LineUIRTC.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { LineUIOptions } from '.';
+import { LineUIOptions, LineUIVideoOptions } from '.';
 interface LineUIProps {
     ws: string;
     onSizeChange?: (size: {
@@ -12,6 +12,7 @@ interface LineUIProps {
         width: number;
     }) => void;
     options?: LineUIOptions;
+    videoOptions?: LineUIVideoOptions;
 }
 declare const LineUI: React.FC<LineUIProps>;
 export default LineUI;

package/dist/Misc/index.d.ts

@@ -3,5 +3,6 @@ import TagList, { ITagList, TagListWrapper } from './molecules/TagList';
 import BasicSearchInput from './atoms/BasicSearchInput';
 import BigIconsSummary from './atoms/BigIconsSummary';
 import MediaBox from './atoms/MediaBox';
-export { Tag, TagList, TagListWrapper, MediaBox, BasicSearchInput, BigIconsSummary, };
+import DebouncedSearcher from './molecules/DebouncedSearcher';
+export { Tag, TagList, TagListWrapper, MediaBox, BasicSearchInput, BigIconsSummary, DebouncedSearcher, };
 export type { ITagList, ITag };

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { IBasicSearchInput } from '../atoms/BasicSearchInput';
+interface IDebouncedSearcher extends IBasicSearchInput {
+    defaultValue?: string;
+    onDebouncedChange?: (newValue: string) => void;
+}
+declare const DebouncedSearcher: React.FC<IDebouncedSearcher>;
+export default DebouncedSearcher;

package/dist/Pages/atoms/PageTitle.d.ts

@@ -5,6 +5,7 @@ interface IProps {
     areaTitle?: string;
     areaHref?: string;
     updateDocTitle?: boolean;
+    hideAreaInDocTitle?: boolean;
 }
 declare const PageTitle: React.FC<IProps>;
 export default PageTitle;

package/dist/Pages/molecules/PageHeader.d.ts

@@ -6,6 +6,7 @@ interface IProps {
     icon?: string;
     introductionText?: string;
     updateDocTitle?: boolean;
+    hideAreaInDocTitle?: boolean;
 }
 declare const PageHeader: React.FC<IProps>;
 export default PageHeader;

package/dist/index.d.ts

@@ -3,14 +3,14 @@ import darkTheme from './themes/dark';
 import themeFallbackHelper from './themes/themeFallbackHelper';
 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 { DatePicker, DateInterval, isDateInterval, IFilterDatePicker, FilterDropdownContainer, FilterButton, FilterDropdown, FilterInputs, ISearchFilter, IFilterDropdownExt, FiltersResults, IFilterLabel, FilterBar, IFilterDropdownConfig, IFilterType, IFilterItem, IFilterValue, IFilterResult, isFilterItem } from './Filters';
+import { DatePicker, DateInterval, isDateInterval, IFilterDatePicker, FilterDropdownContainer, FilterButton, FilterDropdown, SortDropdown, 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';
 import { LineUI, LineUIVideo, LineUIRTC, LineSetContext, LineReducer } from './LineUI';
 import { IntroductionText, PageHeader, PageTitle, MultilineContent } from './Pages';
 import { TypeTable, TableRowThumbnail, TableHeaderTitle, EditCell } from './Tables';
 import { Controls, PTZProvider, PTZReducer, usePTZ, PTZContext } from './PTZControl';
-import { Tag, TagList, ITag, ITagList, TagListWrapper, MediaBox, BasicSearchInput } from './Misc';
+import { Tag, TagList, ITag, ITagList, TagListWrapper, MediaBox, BasicSearchInput, DebouncedSearcher } from './Misc';
 import { ConfirmationModal } from './Modals';
 import { useInterval, useTo, useTitle, useCopyToClipboard, useModal, useNotification, useClickOutside, useMediaModal, IModal, usePoll } from './hooks';
 import { NotificationProvider, ModalContext, ModalProvider } from './context';
@@ -19,7 +19,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 { darkTheme, lightTheme, themeFallbackHelper, 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, 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, resetButtonStyles, Spinner, WebRTCClient, MainMenu, TopBar, MainContainer, Layout, Content, SidebarBox, SidebarLink, SidebarHeading, Logo, SidebarLinkHeading, BackLink, Sidebar, GlobalUI, Tabs, TabContext, Tab, TabList, TabContent, TabWithIcon, TabsWithIconBar, Tag, TagList, TagListWrapper, MediaBox, BasicSearchInput, NotificationProvider, useNotification, ModalContext, ModalProvider, useModal };
+export { darkTheme, lightTheme, themeFallbackHelper, 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, 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, resetButtonStyles, Spinner, WebRTCClient, MainMenu, TopBar, MainContainer, Layout, Content, SidebarBox, SidebarLink, SidebarHeading, Logo, SidebarLinkHeading, BackLink, Sidebar, GlobalUI, Tabs, TabContext, Tab, TabList, TabContent, TabWithIcon, TabsWithIconBar, Tag, TagList, TagListWrapper, MediaBox, BasicSearchInput, DebouncedSearcher, NotificationProvider, useNotification, ModalContext, ModalProvider, useModal };
 /**
  * Values based on colors.feedback from theme
  */