scorer-ui-kit 2.9.2 → 2.10.0

package/dist/Filters/FilterTypes.d.ts

@@ -1,8 +1,8 @@
 import { IInputOptionsType } from '../Form';
 import { IBasicSearchInput } from '../Misc/atoms/BasicSearchInput';
-import { DateInterval } from './molecules/DatePicker';
 import { IDropdownDatePicker } from './molecules/DropdownDatePicker';
 import { IFilterDropdown } from './molecules/FilterDropdown';
+import { IDateInterval } from '.';
 declare type IFilterItem = {
     text: string;
     value: string | number;
@@ -18,7 +18,7 @@ declare const isFilterItem: (item: any) => item is IFilterItem;
 interface IFilterResult {
     id: string;
     type: IFilterType;
-    selected: IFilterItem | IFilterItem[] | DateInterval | Date | null;
+    selected: IFilterItem | IFilterItem[] | IDateInterval | Date | null;
 }
 interface ISearchFilter extends IBasicSearchInput {
     id: string;

package/dist/Filters/index.d.ts

@@ -1,4 +1,5 @@
-import DatePicker, { DateInterval, isDateInterval, DateRange } from './molecules/DatePicker';
+import DatePicker, { IDatePicker } from './molecules/DatePicker';
+import { isDateInterval } from '../helpers';
 import FilterDropdownContainer from './atoms/FilterDropdownContainer';
 import FilterButton from './atoms/FilterButton';
 import FilterDropdown from './molecules/FilterDropdown';
@@ -8,6 +9,14 @@ import FilterInputs, { IFilterInputs } from './molecules/FilterInputs';
 import FiltersResults, { IFilterLabel } from './molecules/FiltersResults';
 import FilterBar from './organisms/FilterBar';
 import ToggleButton from './atoms/ToggleButton';
+export interface IDateInterval {
+    start: Date;
+    end: Date;
+}
+export interface IDateRange {
+    start: Date | null;
+    end: Date | null;
+}
 import { IFilterType, IFilterItem, IFilterResult, IFilterValue, ISearchFilter, IFilterDropdownExt, IFilterDropdownConfig, IFilterDatePicker, isFilterItem, IToggleOption, FilterButtonDesign } from './FilterTypes';
 export { DatePicker, FilterDropdownContainer, FilterButton, FilterDropdown, SortDropdown, FilterLayout, FilterInputs, FiltersResults, FilterBar, isFilterItem, isDateInterval, ToggleButton };
-export type { ISearchFilter, IFilterInputs, IFilterDropdownExt, IFilterLabel, IFilterDropdownConfig, IFilterType, IFilterItem, IFilterResult, IFilterValue, DateInterval, IFilterDatePicker, FilterButtonDesign, IToggleOption, DateRange };
+export type { ISearchFilter, IFilterInputs, IFilterDropdownExt, IFilterLabel, IFilterDropdownConfig, IFilterType, IFilterItem, IFilterResult, IFilterValue, IFilterDatePicker, FilterButtonDesign, IToggleOption, IDatePicker };

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

@@ -1,17 +1,9 @@
 import React from 'react';
+import { IDateInterval, IDateRange } from '..';
 declare type DateMode = "single" | "interval";
 declare type TimeMode = "off" | "single" | "interval";
-export declare const isDateInterval: (value: any) => value is DateInterval;
-export interface DateInterval {
-    start: Date;
-    end: Date;
-}
-export interface DateRange {
-    start: Date | null;
-    end: Date | null;
-}
 export interface IDatePicker {
-    initialValue?: Date | DateInterval;
+    initialValue?: Date | IDateInterval;
     dateMode?: DateMode;
     timeMode?: TimeMode;
     hasEmptyValue?: boolean;
@@ -19,14 +11,14 @@ export interface IDatePicker {
     dateTimeTextLower?: string;
     timeZoneTitle?: string;
     timeZoneValueTitle?: string;
-    availableRange?: DateRange;
+    availableRange?: IDateRange;
     contentDays?: Date[];
     lang?: 'en' | 'ja';
     cancelText?: string;
     applyText?: string;
     hasApply?: boolean;
     disableApply?: boolean;
-    updateCallback?: (data: DateInterval | Date) => void;
+    updateCallback?: (data: IDateInterval | Date) => void;
     applyCallback?: () => void;
     cancelCallback?: () => void;
 }

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

@@ -1,15 +1,15 @@
 import React from 'react';
-import { DateInterval, IDatePicker } from './DatePicker';
+import { IDateInterval, IDatePicker } from '..';
 export interface IDropdownDatePicker extends IDatePicker {
     buttonIcon: string;
     buttonText: string;
     disabled?: boolean;
-    selected?: DateInterval | Date | null;
-    onCloseCallback?: (value: DateInterval | Date | null) => void;
-    onUpdateCallback?: (value: DateInterval | Date | null) => void;
-    onToggleCallback?: (value: DateInterval | Date | null, isOpen: boolean) => void;
+    selected?: IDateInterval | Date | null;
+    onCloseCallback?: (value: IDateInterval | Date | null) => void;
+    onUpdateCallback?: (value: IDateInterval | Date | null) => void;
+    onToggleCallback?: (value: IDateInterval | Date | null, isOpen: boolean) => void;
     onCancelCallback?: () => void;
-    onApplyCallback?: (data: DateInterval | Date) => void;
+    onApplyCallback?: (data: IDateInterval | Date) => void;
 }
 declare const DropdownDatePicker: React.FC<IDropdownDatePicker>;
 export default DropdownDatePicker;

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

@@ -1,9 +1,9 @@
 import React from 'react';
 import { IFilterItem, IFilterType } from '../FilterTypes';
-import { DateInterval } from './DatePicker';
+import { IDateInterval } from '..';
 export interface IFilterLabel {
     filterId: string;
-    item: IFilterItem | Date | DateInterval;
+    item: IFilterItem | Date | IDateInterval;
     type: IFilterType;
     icon?: string;
     filterName?: string;
@@ -14,7 +14,7 @@ interface IFilterResults {
     resultTextTemplate?: string;
     clearText?: string;
     resultsDateFormat?: string;
-    onRemoveFilter?: (filterId: string, type: IFilterType, item: IFilterItem | Date | DateInterval) => void;
+    onRemoveFilter?: (filterId: string, type: IFilterType, item: IFilterItem | Date | IDateInterval) => void;
     onClearAll?: () => void;
 }
 declare const FiltersResults: React.FC<IFilterResults>;

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

@@ -5,6 +5,7 @@ interface OwnProps {
     design?: TypeButtonDesigns;
     shadow?: boolean;
     noPadding?: boolean;
+    loading?: boolean;
 }
 declare type Props = OwnProps & ButtonHTMLAttributes<HTMLButtonElement>;
 declare const Button: React.FC<Props>;

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

@@ -3,7 +3,6 @@ import { IButtonProps } from '..';
 export interface IButtonWithIcon extends IButtonProps {
     icon: string;
     position?: 'left' | 'right';
-    loading?: boolean;
     shadow?: boolean;
 }
 declare const ButtonWithIcon: React.FC<IButtonWithIcon>;

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

@@ -2,7 +2,6 @@ import React from 'react';
 import { IButtonProps } from '..';
 interface IProps extends IButtonProps {
     position?: 'left' | 'right';
-    loading: boolean;
     shadow?: boolean;
 }
 declare const ButtonWithLoading: React.FC<IProps>;

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

@@ -5,7 +5,7 @@ declare enum SwitchPosition {
     Neutral = 2,
     Locked = 3
 }
-declare type TypeSwitchState = 'default' | 'loading' | 'locked' | 'disabled' | 'failure';
+export declare type TypeSwitchState = 'default' | 'loading' | 'locked' | 'disabled' | 'failure';
 declare type SwitchThemes = 'on' | 'off' | 'danger';
 interface IProps {
     labelText?: string;
@@ -13,6 +13,7 @@ interface IProps {
     rightTheme?: SwitchThemes;
     state?: TypeSwitchState;
     checked?: boolean;
+    defaultChecked?: boolean;
     onChangeCallback?: (checked: boolean, indeterminate?: boolean) => void;
 }
 declare const Switch: React.FC<IProps>;

package/dist/Form/index.d.ts

@@ -6,7 +6,7 @@ import ActionButtons from './molecules/ActionButtons';
 import Input from './atoms/Input';
 import SmallInput from './atoms/SmallInput';
 import Label from './atoms/Label';
-import Switch from './atoms/Switch';
+import Switch, { TypeSwitchState } from './atoms/Switch';
 import Checkbox from './atoms/Checkbox';
 import RadioButton from './atoms/RadioButton';
 import TextArea from './atoms/TextArea';
@@ -28,7 +28,7 @@ import SplitButton, { ISplitButtonProps } from './molecules/SplitButton';
 import ButtonsStack, { IButtonsStack, IButtonStack } from './molecules/ButtonsStack';
 export { Form, Button, ButtonWithIcon, ButtonWithLoading, IconButton, ActionButtons, SmallInput, Input, Label, Checkbox, Switch, PasswordField, TextField, TextArea, TextAreaField, SliderInput, DurationSlider, PercentageSlider, InputFileButton, AvatarUploader, DropArea, CropTool, SelectField, SelectWrapper, AreaUploadManager, RadioButton, SplitButton, ButtonsStack, };
 export declare type TypeFieldState = 'default' | 'disabled' | 'required' | 'valid' | 'invalid' | 'processing';
-export declare type TypeButtonDesigns = 'primary' | 'secondary' | 'warning' | 'danger';
+export declare type TypeButtonDesigns = 'primary' | 'secondary' | 'warning' | 'danger' | 'text-only' | 'outline';
 export declare type TypeButtonSizes = 'xsmall' | 'small' | 'normal' | 'large';
 export declare type ISelectSizes = 'small' | 'normal';
 export declare type IInputOptionsType = "text" | "checkbox" | "radio";
@@ -36,6 +36,7 @@ export declare type TypeLabelDirection = 'column' | 'row' | 'row-reverse';
 interface ButtonProps {
     size?: TypeButtonSizes;
     design?: TypeButtonDesigns;
+    loading?: boolean;
 }
 export declare type IButtonProps = ButtonProps & ButtonHTMLAttributes<HTMLButtonElement>;
-export type { IconButtonData, ISliderMark, ISplitButtonProps, IButtonsStack, IButtonStack };
+export type { IconButtonData, ISliderMark, ISplitButtonProps, IButtonsStack, IButtonStack, TypeSwitchState };

package/dist/helpers/index.d.ts

@@ -1,4 +1,5 @@
-import { DateInterval, ITimeUnit } from '../index';
+import { ITimeUnit } from '..';
+import { IDateInterval } from '../Filters';
 declare const isInsideRange: (value: number, min: number, max: number) => boolean;
 declare const clamp: (value: number, minValue: number, maxValue: number) => number;
 /**
@@ -17,5 +18,6 @@ declare const getImageType: (img: HTMLImageElement) => string;
 declare const isValidImage: (file: File) => boolean;
 declare const uniqueID: () => string;
 declare const isNotNumber: (value: string) => boolean;
-declare const areDatesEqual: (storedValue: DateInterval | Date | null | undefined, currentDisplay: DateInterval | Date | null) => boolean;
-export { clamp, isValidImage, getImageType, getTextTimeUnit, isInsideRange, getShortTextTimeUnit, getTopLevelPath, uniqueID, isNotNumber, areDatesEqual };
+declare const areDatesEqual: (storedValue: IDateInterval | Date | null | undefined, currentDisplay: IDateInterval | Date | null) => boolean;
+declare const isDateInterval: (value: any) => value is IDateInterval;
+export { clamp, isValidImage, isDateInterval, getImageType, getTextTimeUnit, isInsideRange, getShortTextTimeUnit, getTopLevelPath, uniqueID, isNotNumber, areDatesEqual };

package/dist/index.d.ts

@@ -2,8 +2,8 @@ import defaultTheme from './theme';
 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, ToggleButton, IToggleOption } from './Filters';
+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, TypeSwitchState } from './Form';
+import { DatePicker, isDateInterval, IFilterDatePicker, FilterDropdownContainer, FilterButton, FilterDropdown, SortDropdown, FilterLayout, FilterInputs, ISearchFilter, IFilterDropdownExt, FiltersResults, IFilterLabel, FilterBar, IFilterDropdownConfig, IFilterType, IFilterItem, IFilterValue, IFilterResult, isFilterItem, FilterButtonDesign, ToggleButton, IToggleOption, IDateInterval, IDateRange } from './Filters';
 import Icon, { IconSVGs } from './Icons/Icon';
 import StatusIcon from './Icons/StatusIcon';
 import { LineUI, LineUIVideo, LineUIRTC, LineSetContext, LineReducer } from './LineUI';
@@ -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, IToggleOption, DateRange };
+export type { IModal, INotificationProps, IconButtonData, ITag, ITagList, ISliderMark, INotificationItem, INotificationsHistory, ICustomDrawer, ISearchFilter, IFilterDropdownExt, IFilterLabel, IFilterDropdownConfig, ITabIcon, IFilterType, IFilterItem, IFilterValue, IFilterResult, IFilterDatePicker, ICameraPanel, IMediaStream, IPanelMetaData, IActionsButton, ISplitButtonProps, IHeaderTag, IItemsOption, IPagination, IHeaderContent, IUtilityHeader, ITooltipPosition, IButtonsStack, IButtonStack, ISplitLayoutHandles, AlertType, ITooltipType, FilterButtonDesign, IToggleOption, IDateInterval, IDateRange, TypeSwitchState };