scorer-ui-kit 2.0.1 → 2.0.3

package/dist/Form/index.d.ts

@@ -1,38 +0,0 @@
-import Button from './atoms/Button';
-import ButtonWithIcon from './atoms/ButtonWithIcon';
-import ButtonWithLoading from './atoms/ButtonWithLoading';
-import IconButton, { IconButtonData } from './atoms/IconButton';
-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 Checkbox from './atoms/Checkbox';
-import RadioButton from './atoms/RadioButton';
-import TextArea from './atoms/TextArea';
-import SelectField, { SelectWrapper } from './atoms/SelectField';
-import SliderInput, { ISliderMark } from './atoms/SliderInput';
-import InputFileButton from './atoms/InputFileButton';
-import DurationSlider from './molecules/DurationSlider';
-import PercentageSlider from './molecules/PercentageSlider';
-import PasswordField from './molecules/PasswordField';
-import TextField from './molecules/TextField';
-import TextAreaField from './molecules/TextAreaField';
-import DropArea from './atoms/DropArea';
-import CropTool from './molecules/CropTool';
-import AvatarUploader from './organisms/AvatarUploader';
-import AreaUploadManager from './organisms/AreaUploadManager';
-import Form from './Form';
-import { ButtonHTMLAttributes } from 'react';
-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, };
-export declare type TypeFieldState = 'default' | 'disabled' | 'required' | 'valid' | 'invalid' | 'processing';
-export declare type TypeButtonDesigns = 'primary' | 'secondary' | 'danger';
-export declare type TypeButtonSizes = 'xsmall' | 'small' | 'normal' | 'large';
-export declare type ISelectSizes = 'small' | 'normal';
-export declare type IInputOptionsType = "text" | "checkbox" | "radio";
-interface ButtonProps {
-    size?: TypeButtonSizes;
-    design?: TypeButtonDesigns;
-}
-export declare type IButtonProps = ButtonProps & ButtonHTMLAttributes<HTMLButtonElement>;
-export type { IconButtonData, ISliderMark };

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

@@ -1,9 +0,0 @@
-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/Form/molecules/CropTool.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-interface ICrop {
-    title?: string;
-    cancelBtnTxt?: string;
-    cropBtnTxt?: string;
-    imgUrl: string;
-    isResizable?: boolean;
-    cropHeight?: number;
-    cropWidth?: number;
-    canvasHeight: number;
-    canvasWidth: number;
-    aspectRatio?: number;
-    onCrop?: (newFileUrl: string, fileType: string) => void;
-    onClose?: () => void;
-    onError?: (msg: string) => void;
-}
-declare const CropTool: React.FC<ICrop>;
-export default CropTool;

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

@@ -1,11 +0,0 @@
-import React from 'react';
-import { ITimeUnit } from '../../index';
-import { ISlider } from '../atoms/SliderInput';
-interface IDurationSliderProps {
-    title: string;
-    timeUnit: ITimeUnit | string;
-    controlledValue?: number;
-}
-declare type IDurationSlider = IDurationSliderProps & ISlider;
-declare const DurationSlider: React.FC<IDurationSlider>;
-export default DurationSlider;

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

@@ -1,11 +0,0 @@
-import React, { InputHTMLAttributes } from 'react';
-import { TypeFieldState } from '..';
-interface OwnProps {
-    name: string;
-    label: string;
-    fieldState: TypeFieldState;
-    feedbackMessage?: string;
-}
-declare type Props = OwnProps & InputHTMLAttributes<HTMLInputElement>;
-declare const PasswordField: React.FC<Props>;
-export default PasswordField;

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

@@ -1,15 +0,0 @@
-import React, { InputHTMLAttributes } from 'react';
-import { ISliderMark } from '../atoms/SliderInput';
-import { IFeedbackColor } from '../../index';
-interface IPercentageSliderProps {
-    step?: number;
-    marks?: ISliderMark[];
-    defaultValue?: number;
-    value?: number;
-    inputCallback?: (value: number) => void;
-    updateThumbColor?: (value: number) => IFeedbackColor;
-    updateTitle?: (value: number) => string;
-}
-declare type IPercentageSlider = IPercentageSliderProps & InputHTMLAttributes<HTMLInputElement>;
-declare const PercentageSlider: React.FC<IPercentageSlider>;
-export default PercentageSlider;

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

@@ -1,11 +0,0 @@
-import React, { TextareaHTMLAttributes } from 'react';
-import { TypeFieldState } from '..';
-interface OwnProps {
-    name: string;
-    label: string;
-    fieldState: TypeFieldState;
-    feedbackMessage?: string;
-}
-declare type Props = OwnProps & TextareaHTMLAttributes<HTMLTextAreaElement>;
-declare const TextAreaField: React.FC<Props>;
-export default TextAreaField;

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

@@ -1,12 +0,0 @@
-import React from 'react';
-import { InputProps } from '../atoms/Input';
-import { TypeFieldState } from '..';
-interface OwnProps {
-    name: string;
-    label: string;
-    fieldState: TypeFieldState;
-    feedbackMessage?: string;
-}
-declare type Props = OwnProps & InputProps;
-declare const TextField: React.FC<Props>;
-export default TextField;

package/dist/Form/organisms/AreaUploadManager.d.ts

@@ -1,13 +0,0 @@
-import React, { ReactElement } from 'react';
-interface IAreaUploaderManager {
-    title?: string;
-    description?: string;
-    fileIcons?: string[];
-    selectFilesText?: string;
-    addMoreFilesText?: string;
-    allowedFileTypes?: string[];
-    customComponent?: ReactElement;
-    onChangeCallback?: (goodFiles: FileList, rejectedFiles: FileList) => void;
-}
-declare const AreaUploadManager: React.FC<IAreaUploaderManager>;
-export default AreaUploadManager;

package/dist/Form/organisms/AvatarUploader.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-interface IAvatar {
-    title?: string;
-    photoText?: string;
-    buttonText?: string;
-    buttonTextReplace?: string;
-    cropToolTitle?: string;
-    cropToolCancelTxt?: string;
-    cropToolConfirmTxt?: string;
-    uploaderCropText?: string;
-    deletePhotoText?: string;
-    currentImg?: string;
-    hasCrop?: boolean;
-    onAvatarUpdate?: (imgFile: File) => void;
-    onError?: (msg: string) => void;
-    onRemove?: () => void;
-}
-declare const AvatarUploader: React.FC<IAvatar>;
-export default AvatarUploader;

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

@@ -1,8 +0,0 @@
-import React, { ButtonHTMLAttributes } from 'react';
-interface ICloseProps {
-    closeId: string;
-    closeText?: string;
-}
-declare type IClose = ICloseProps & ButtonHTMLAttributes<HTMLButtonElement>;
-declare const CloseButton: React.FC<IClose>;
-export default CloseButton;

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

@@ -1,16 +0,0 @@
-import React from 'react';
-interface IProps {
-    title: string;
-    icon: string;
-    isActive: boolean;
-    menuOpen?: boolean;
-    submenuOpen?: boolean;
-    hasSubmenu?: boolean;
-    contextKey?: number;
-    href?: string;
-    compact?: boolean;
-    isExternalLink?: boolean;
-    onClickCallback?: (...args: any[]) => void;
-}
-declare const ContextItem: React.FC<IProps>;
-export default ContextItem;

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

@@ -1,9 +0,0 @@
-import { FC } from 'react';
-interface IDrawerBottomMenu {
-    icon: string;
-    title: string;
-    subTitle: string;
-    onClickCallback?: () => void;
-}
-declare const DrawerBottomMenu: FC<IDrawerBottomMenu>;
-export default DrawerBottomMenu;

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

@@ -1,13 +0,0 @@
-export declare const MOBILE_CLOSE_HEIGHT = 50;
-export declare const MOBILE_NAVBAR_HEIGHT = 68;
-export declare const Layout: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const MobileLayout: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Content: import("styled-components").StyledComponent<"div", any, {
-    maxWidth?: string | undefined;
-    padBottom?: boolean | undefined;
-}, never>;
-export declare const MainContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ContentArea: import("styled-components").StyledComponent<"div", any, {
-    maxWidth?: string | undefined;
-    paddingOverride?: string | undefined;
-}, never>;

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

@@ -1,8 +0,0 @@
-import React from 'react';
-interface ILogoLink {
-    closeId: string;
-    logoMark?: string;
-    home?: string;
-}
-declare const MobileLogoLink: React.FC<ILogoLink>;
-export default MobileLogoLink;

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

@@ -1,6 +0,0 @@
-import React from 'react';
-interface OwnProps {
-    closeId: string;
-}
-declare const MobileNavbarContent: React.FC<OwnProps>;
-export default MobileNavbarContent;

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

@@ -1,15 +0,0 @@
-import React from 'react';
-import { IMenuItemTop } from '..';
-interface IProps {
-    item: IMenuItemTop;
-    contextKey: number;
-    submenuOpen: boolean;
-    loading: boolean;
-    menuOpen?: boolean;
-    topLevelPath: string;
-    minHeight?: number;
-    onClickCallback?: (...args: any[]) => void;
-    readyCallback?: (...args: any[]) => void;
-}
-declare const NavigationItem: React.FC<IProps>;
-export default NavigationItem;

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

@@ -1,4 +0,0 @@
-import React from 'react';
-import { INotificationItem } from '../index';
-declare const NotificationItem: React.FC<INotificationItem>;
-export default NotificationItem;

package/dist/Global/index.d.ts

@@ -1,80 +0,0 @@
-import { ReactElement } from 'react';
-import { Content, Layout, MainContainer } from './atoms/Layout';
-import MainMenu from './organisms/MainMenu';
-import TopBar from './molecules/TopBar';
-import GlobalUI from './templates/GlobalUI';
-import { IStatusDot } from '..';
-export { SidebarBox, SidebarLink, SidebarHeading, Logo, SidebarLinkHeading, BackLink, default as Sidebar } from './molecules/Sidebar';
-export { Content, Layout, MainMenu, TopBar, MainContainer, GlobalUI };
-export interface IMenuTop {
-    items: IMenuItemTop[];
-}
-export interface IMenuItemTop {
-    title: string;
-    icon?: any;
-    href?: string;
-    isExternalLink?: boolean;
-    submenu?: IMenuItemSubmenu[];
-}
-export interface IMenuItemSubmenu {
-    title: string;
-    href?: string;
-    isExternalLink?: boolean;
-}
-export interface IMenu {
-    content: IMenuTop;
-    home?: string;
-    openWidth?: number;
-    logoMark?: string;
-    logoText?: string;
-    supportUrl?: string;
-    keepOpenText?: string;
-    autoHideText?: string;
-    defaultMenuOpen?: boolean;
-    canAlwaysPin?: boolean;
-}
-export interface ICustomDrawer {
-    customComponent: ReactElement;
-    icon: string;
-    status?: IStatusDot;
-    counter?: number;
-    width?: string;
-}
-export interface ITopBar {
-    hasNotifications?: boolean;
-    userSubmenu?: any[];
-    loggedInUser: string;
-    hasLanguage?: boolean;
-    selectedLanguageText?: string;
-    hasLogout?: boolean;
-    logoutText?: string;
-    logoutLink?: string;
-    hasSearch?: boolean;
-    hasCurrentUser?: boolean;
-    currentUserText?: string;
-    accountOptionText?: string;
-    searchPlaceholder?: string;
-    userDrawerBespoke?: ReactElement;
-    notificationsHistory?: INotificationsHistory;
-    customDrawer?: ICustomDrawer;
-    hasSwitchTheme?: boolean;
-    isLightMode?: boolean;
-    switchThemeText?: string;
-    selectedThemeText?: string;
-    onLogout?: () => void;
-    onLanguageToggle?: () => void;
-    onThemeToggle?: () => void;
-}
-export interface INotificationItem {
-    imgUrl?: string;
-    title: string;
-    message: string;
-    time: string;
-}
-export interface INotificationsHistory {
-    read: INotificationItem[];
-    unread: INotificationItem[];
-    noNotificationsText?: string;
-    readNotificationsText?: string;
-    unreadNotificationsText?: string;
-}

package/dist/Global/molecules/MobileUserMenu.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { ITopBar } from '../index';
-interface IMobileUserMenu extends ITopBar {
-    closeId: string;
-}
-declare const MobileUserMenu: React.FC<IMobileUserMenu>;
-export default MobileUserMenu;

package/dist/Global/molecules/NotificationsHistory.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { INotificationsHistory } from '../index';
-declare const NotificationsHistory: React.FC<INotificationsHistory>;
-export default NotificationsHistory;

package/dist/Global/molecules/Sidebar.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import { Link } from 'react-router-dom';
-export declare const SidebarBox: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SidebarHeading: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SidebarLinkHeading: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const BackLink: import("styled-components").StyledComponent<typeof Link, any, {}, never>;
-export declare const SidebarLink: React.FC<{
-    title: string;
-    to: string;
-}>;
-interface LogoProps {
-    logoTextTop: string;
-    logoTextBottom: string;
-}
-export declare const Logo: React.FC<LogoProps>;
-declare const Sidebar: React.FC;
-export default Sidebar;

package/dist/Global/molecules/TopBar.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { ITopBar } from '../index';
-declare const TopBar: React.FC<ITopBar>;
-export default TopBar;

package/dist/Global/molecules/UserMenu.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { ITopBar } from '../index';
-interface IUserMenu extends ITopBar {
-    closeOnClick?: () => void;
-}
-declare const UserMenu: React.FC<IUserMenu>;
-export default UserMenu;

package/dist/Global/organisms/MainMenu.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { IMenu } from '..';
-declare const MainMenu: React.FC<IMenu>;
-export default MainMenu;

package/dist/Global/organisms/MobileMenu.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { IMenu } from '..';
-interface IMobileMenu extends IMenu {
-    closeId: string;
-}
-declare const MobileMenu: React.FC<IMobileMenu>;
-export default MobileMenu;

package/dist/Global/organisms/MobileNavbar.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { IMenu, ITopBar, INotificationsHistory } from '..';
-interface OwnProps {
-    closeText?: string;
-    notificationsHistory?: INotificationsHistory;
-}
-declare type IMobileNavbar = OwnProps & IMenu & ITopBar;
-declare const MobileNavbar: React.FC<IMobileNavbar>;
-export default MobileNavbar;

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

@@ -1,9 +0,0 @@
-import React from 'react';
-import { IMenu, ITopBar } from '..';
-interface OwnProps {
-    maxWidth?: string;
-    paddingOverride?: string;
-}
-declare type INavigation = OwnProps & IMenu & ITopBar;
-declare const GlobalUI: React.FC<INavigation>;
-export default GlobalUI;

package/dist/Icons/Icon.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { IconSVGs } from '@future-standard/icons';
-declare const IconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const IconWrapperForSVG: import("styled-components").StyledComponent<"g", any, {}, never>;
-export { IconWrapper, IconWrapperForSVG, IconSVGs };
-export interface IconProps {
-    icon: string;
-    size?: number;
-    weight?: 'light' | 'regular' | 'heavy' | 'strong';
-    color?: ISvgIcons['color'];
-    forSvgUsage?: boolean;
-}
-declare const Icon: React.FC<IconProps>;
-export default Icon;

package/dist/Icons/StatusIcon.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { IStatusDot } from '..';
-interface IStatusIcon {
-    icon: string;
-    status?: IStatusDot;
-    counter?: number;
-}
-declare const StatusIcon: React.FC<IStatusIcon>;
-export default StatusIcon;

package/dist/Indicators/Spinner.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-declare type SpinnerSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
-interface IProps {
-    size: SpinnerSize;
-    styling: string;
-}
-declare const Spinner: React.FC<IProps>;
-export default Spinner;

package/dist/LineUI/Contexts.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { IPointSet } from '.';
-interface IContextProps {
-    state: IPointSet[];
-    dispatch: any;
-}
-export declare const LineSetContext: import("react").Context<IContextProps>;
-export {};

package/dist/LineUI/Control.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-interface IControlProps {
-}
-export declare const Control: React.FC<IControlProps>;
-export default Control;

package/dist/LineUI/HandleUnit.d.ts

@@ -1,23 +0,0 @@
-import React from 'react';
-import { IDragLineUISharedOptions } from '.';
-interface IHandleUnitProps {
-    lineSetId: number;
-    index: number;
-    angle: number | null;
-    useAngles: boolean;
-    unit: number;
-    size: number;
-    x: number;
-    y: number;
-    Icon?: React.FunctionComponent<React.SVGProps<SVGSVGElement>> & {
-        rotate?: number;
-    };
-    rotate?: number;
-    moveCallback: any;
-    moveEndCB?: () => void;
-    options: IDragLineUISharedOptions;
-    readOnlyHandle?: boolean;
-    styling?: string;
-}
-declare const HandleUnit: React.FC<IHandleUnitProps>;
-export default HandleUnit;

package/dist/LineUI/LineReducer.d.ts

@@ -1,41 +0,0 @@
-import { IPointSet } from './';
-export declare type IReducerActions = UpdateAction | LoadAction | AddSetAction | RemoveAction | AddPointAction | RemovePointAction | UpdateSetOptions | RenameSetAction;
-interface AddSetAction {
-    type: 'ADD_SET';
-    data: IPointSet;
-}
-interface UpdateAction {
-    type: 'UPDATE' | 'UPDATE_SET_POINTS';
-    index: number;
-    data: IPointSet;
-}
-interface RenameSetAction {
-    type: 'RENAME_SET';
-    index: number;
-    data: {
-        name: string;
-    };
-}
-interface UpdateSetOptions {
-    type: 'UPDATE_SET_OPTIONS';
-    index: number;
-    data: Partial<IPointSet>;
-}
-interface RemoveAction {
-    type: 'REMOVE_SET';
-    index: number;
-}
-interface LoadAction {
-    type: 'LOAD';
-    state: IPointSet[];
-}
-interface AddPointAction {
-    type: 'ADD_POINT';
-    index: number;
-}
-interface RemovePointAction {
-    type: 'REMOVE_POINT';
-    index: number;
-}
-declare const _default: (state: IPointSet[], action: IReducerActions) => IPointSet[];
-export default _default;

package/dist/LineUI/LineSet.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { IPointSet, IDragLineUISharedOptions } from '.';
-interface ILineSetProps {
-    lineSetId: number;
-    boundaries: any;
-    size: number;
-    unit: number;
-    lineData: IPointSet;
-    options: IDragLineUISharedOptions;
-    onLineMoveEnd: () => void;
-    getCTM: () => DOMMatrix | null;
-}
-declare const LineSet: React.FC<ILineSetProps>;
-export default LineSet;

package/dist/LineUI/LineUI.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { LineUIOptions } from '.';
-interface LineUIProps {
-    src: string;
-    onSizeChange?: (size: {
-        h: number;
-        w: number;
-    }) => void;
-    onLineMoveEnd?: () => void;
-    options?: LineUIOptions;
-    showDirectionMark?: boolean;
-}
-declare const LineUI: React.FC<LineUIProps>;
-export default LineUI;

package/dist/LineUI/LineUIRTC.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-import { LineUIOptions, LineUIVideoOptions } from '.';
-interface LineUIProps {
-    ws: string;
-    onSizeChange?: (size: {
-        h: number;
-        w: number;
-    }) => void;
-    onLineMoveEnd?: () => void;
-    onLoaded?: (metadata: {
-        height: number;
-        width: number;
-    }) => void;
-    options?: LineUIOptions;
-    videoOptions?: LineUIVideoOptions;
-}
-declare const LineUI: React.FC<LineUIProps>;
-export default LineUI;

package/dist/LineUI/LineUIVideo.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-import { LineUIOptions, LineUIVideoOptions } from '.';
-interface LineUIProps {
-    src: string;
-    onSizeChange?: (size: {
-        h: number;
-        w: number;
-    }) => void;
-    onLineMoveEnd?: () => void;
-    onLoaded?: (metadata: {
-        height: number;
-        width: number;
-    }) => void;
-    options?: LineUIOptions;
-    videoOptions: LineUIVideoOptions;
-}
-declare const LineUIVideo: React.FC<LineUIProps>;
-export default LineUIVideo;

package/dist/LineUI/LineUnit.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-import { IDragLineUISharedOptions } from '.';
-interface ILineUnitProps {
-    lineSetId: number;
-    options: IDragLineUISharedOptions;
-    x1: number;
-    y1: number;
-    x2: number;
-    y2: number;
-    unit: number;
-    lineMoveCallback: any;
-    lineMoveStartCallback: any;
-    moveEndCB?: () => void;
-    label?: string;
-    styling?: string;
-    showSmallDirectionMark?: boolean;
-    overrideShowMoveHandle?: boolean;
-}
-declare const LineUnit: React.FC<ILineUnitProps>;
-export default LineUnit;