@vitrosoftware/common-ui-ts 1.1.12 → 1.1.14

package/dist/constants/Event.d.ts

@@ -1,4 +1,8 @@
 export declare enum EVENT {
     MOUSEDOWN = "mousedown",
-    RESIZE = "resize"
+    MOUSEUP = "mouseup",
+    KEYDOWN = "keydown",
+    RESIZE = "resize",
+    DRAGOVER = "dragover",
+    DRAGLEAVE = "dragleave"
 }

package/dist/controls/ActionHandler/ActionHandler.d.ts

@@ -1,11 +1,16 @@
 import React from 'react';
 interface ActionHandlerProps {
     actionCode: string;
+    actionText?: string;
     processItem: (item: any) => any;
     item?: any;
     itemList: any[];
     isShowAfterAction?: boolean;
     isShowProgress?: boolean;
+    isHideProgressBar?: boolean;
+    isShow?: boolean;
+    isBlockInterface?: boolean;
+    isAutoClose?: boolean;
     onAfterAction?: (error: any, successResult: any, failResult: any) => void;
     onBeforeAction?: () => void;
     onAfterActionClose?: (error: any, successResult: any, failResult: any) => void;
@@ -20,8 +25,6 @@ interface ActionHandlerProps {
     labelNo?: string;
     children?: React.ReactNode;
     durationMs?: number;
-    isShow?: boolean;
-    isBlockInterface?: boolean;
 }
-export declare let ActionHandler: React.FunctionComponent<ActionHandlerProps>;
+export declare const ActionHandler: React.FunctionComponent<ActionHandlerProps>;
 export {};

package/dist/controls/ActionHandler/ActionHandlerConstants.d.ts

@@ -1,23 +1,30 @@
 export declare enum LOCALE {
     CONF_SINGLE = "app.common.msg.action.conf.single",
     CONF_MULTI = "app.common.msg.action.conf.multi",
+    ITEM_COUNT = "app.common.actionHandler.itemCount",
     SUCCESS_SINGLE = "app.common.msg.action.success.single",
     SUCCESS_MULTI = "app.common.msg.action.success.multi",
     ERROR_SINGLE = "app.common.msg.action.error.single",
     ERROR_MULTI = "app.common.msg.action.error.multi",
     PROGRESS_SINGLE = "app.common.msg.action.progress.single",
     PROGRESS_MULTI = "app.common.msg.action.progress.multi",
-    YES = "app.common.action.yes",
-    NO = "app.common.action.no"
+    WARNING_SINGLE = "app.common.msg.action.warning.single",
+    WARNING_MULTI = "app.common.msg.action.warning.multi",
+    ACTION = "app.common.action",
+    ACTION_MSG = "app.common.msg.action",
+    ERROR_MSG = "app.common.msg.error",
+    SUCCESS = "success",
+    PROGRESS = "progress",
+    ERROR = "error",
+    CANCEL = "app.common.action.cancel",
+    PENDING = "app.common.msg.action.pending",
+    PROCESSING = "app.common.msg.action.processing",
+    COMPLETE = "app.common.msg.action.complete"
 }
 export declare enum PLACEMENT {
     TOP = "top",
     BOTTOM = "bottom"
 }
-export declare enum CTRL {
-    QUESTION = "?",
-    EMPTY = ""
-}
 export declare enum TRIGGER {
     CLICK = "click"
 }

package/dist/controls/ActionHandler/ActionInfo.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+interface ActionInfoProps {
+    itemList: any[];
+    successResult: any[];
+    failResult: any[];
+    action: number;
+    currentItem: any;
+    actionCode: string;
+    isSuccess: boolean;
+}
+export declare const ActionInfo: (props: ActionInfoProps) => JSX.Element;
+export {};

package/dist/controls/ActionHandler/ActionInfoItem.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+interface ActionInfoItemProps {
+    id: string;
+    name: string;
+    info: {
+        success?: boolean;
+        error?: boolean;
+        progress?: boolean;
+        text: string;
+    };
+}
+export declare const ActionInfoItem: (props: ActionInfoItemProps) => JSX.Element;
+export {};

package/dist/controls/Alert/Alert.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+interface AlertProps {
+    title?: string;
+    text?: string;
+    type: string;
+    setMessage?: any;
+    actionList?: {
+        text: string;
+        onClick: () => any;
+    }[];
+    onClose?: () => any;
+    isDismissible?: boolean;
+    isMultiline?: boolean;
+    isPositionCenter?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+}
+export declare const Alert: (props: AlertProps) => JSX.Element;
+export {};

package/dist/controls/Alert/AlertConstants.d.ts

@@ -0,0 +1,5 @@
+export declare enum TYPE {
+    SUCCESS = "success",
+    ERROR = "danger",
+    WARNING = "warning"
+}

package/dist/controls/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,9 +1,13 @@
 /// <reference types="react" />
 import { BreadcrumbsItem } from './BreadcrumbsItem';
 export interface BreadcrumbsProps {
-    text: string;
-    itemList: BreadcrumbsItem[];
+    text?: string;
+    itemList?: BreadcrumbsItem[];
+    getItemList?: (e: any) => any;
+    updateEvent?: string;
+    resetEvent?: string;
     onClick: (item: BreadcrumbsItem) => void;
     displayItemCount: number;
+    wrapRoot?: boolean;
 }
 export declare const Breadcrumbs: (props: BreadcrumbsProps) => JSX.Element;

package/dist/controls/Breadcrumbs/Item.d.ts

@@ -1,8 +1,9 @@
 /// <reference types="react" />
 interface ItemProps {
     onClick?: () => void;
-    text: string;
+    text?: string;
     id: string;
+    className?: string;
 }
 export declare const Item: (props: ItemProps) => JSX.Element;
 export {};

package/dist/controls/Button/Button.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+interface ButtonProps {
+    text: string;
+    isDisabled?: boolean;
+    isCreateRipple?: boolean;
+    to?: string;
+    onClick?: (e: any) => any;
+    className?: string;
+    imageUrl?: string;
+    imageHoverUrl?: string;
+    imageClassName?: string;
+}
+export declare const Button: (props: ButtonProps) => JSX.Element;
+export {};

package/dist/controls/CommandMenu/CommandMenu.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface CommandMenuProps {
+    children: React.ReactNode;
+}
+export declare const CommandMenu: (props: CommandMenuProps) => JSX.Element;
+export {};

package/dist/controls/CommandMenu/CommandMenuButton.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+interface CommandMenuButtonProps {
+    text: string;
+    isDisabled?: boolean;
+    isCreateRipple?: boolean;
+    to?: string;
+    onClick?: (e: any) => any;
+    imageUrl?: string;
+    imageHoverUrl?: string;
+    className?: string;
+}
+export declare const CommandMenuButton: (props: CommandMenuButtonProps) => JSX.Element;
+export {};

package/dist/controls/CommandMenu/CommandMenuDropdownButton.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+interface CommandMenuDropdownButtonProps {
+    itemList?: {
+        text: string;
+        onClick: (e: any) => any;
+    }[];
+    toggle?: any;
+    children: React.ReactNode;
+    text: string;
+    isVisibleFunction?: boolean;
+    isHideChevronDown?: boolean;
+    imageUrl?: string;
+    imageHoverUrl?: string;
+    className?: string;
+}
+export declare const CommandMenuDropdownButton: (props: CommandMenuDropdownButtonProps) => JSX.Element;
+export {};

package/dist/controls/CommandMenu/CommandMenuItemHeader.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+interface CommandMenuItemHeaderProps {
+    text: string;
+    isVisibleFunction?: boolean;
+    isHideChevronDown?: boolean;
+    imageUrl?: string;
+    imageHoverUrl?: string;
+    className?: string;
+}
+export declare const CommandMenuItemHeader: (props: CommandMenuItemHeaderProps) => JSX.Element;
+export {};

package/dist/controls/CommandMenu/CommandMenuLookupPicker.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+interface CommandMenuLookupPickerProps {
+    name?: string;
+    valueList?: {
+        id: string;
+    }[];
+    getValueList?: (value: string) => Promise<any>;
+    selectedValueList?: {
+        id: string;
+    }[];
+    selectedValue?: any;
+    scrollableElement?: any;
+    charCount?: number;
+    filterValueTemplate?: any;
+    selectedValueTemplate?: any;
+    filterMinLength: number;
+    isMultiSelect?: boolean;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    isRequired?: boolean;
+    onChange?: (value: any[] | any, name?: string) => void;
+    onBlur?: (value: any[] | any, name?: string) => void;
+    label?: string;
+    labelWidth?: number;
+    placeholder?: string;
+    emptyPlaceholder?: string;
+    errorMessage?: string;
+    children?: React.ReactNode;
+    className?: string;
+}
+export declare const CommandMenuLookupPicker: (props: CommandMenuLookupPickerProps) => JSX.Element;
+export {};

package/dist/controls/CommandMenu/CommandMenuSubItem.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+interface CommandMenuSubItemProps {
+    text: string;
+    toggle: boolean;
+    title?: string;
+    onClick: (e: any) => any;
+    href?: string;
+    imageUrl?: string;
+    imageHoverUrl?: string;
+}
+export declare const CommandMenuSubItem: (props: CommandMenuSubItemProps) => JSX.Element;
+export {};

package/dist/controls/DatePicker/DatePicker.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+interface DatePickerProps {
+    name?: string;
+    culture?: string;
+    value: string | Date;
+    start?: string;
+    depth?: string;
+    format?: string;
+    minValue?: Date;
+    maxValue?: Date;
+    label?: string;
+    labelWidth?: number;
+    labelPosition?: string;
+    errorMessage?: string;
+    placeholder?: string;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    isRequired?: boolean;
+    isWorkDay?: (date: Date) => any;
+    onOpen?: (e: any, container: any) => void;
+    onChange?: (value: any, name?: string) => void;
+    onClose?: (value: any, name?: string) => void;
+    className?: string;
+}
+export declare const DatePicker: (props: DatePickerProps) => JSX.Element;
+export {};

package/dist/controls/DatePicker/DatePickerConstants.d.ts

@@ -0,0 +1,12 @@
+export declare enum VIEW {
+    MONTH = "month",
+    YEAR = "year",
+    DECADE = "decade",
+    CENTURY = "century"
+}
+export declare enum CULTURE {
+    RU = "ru-RU"
+}
+export declare enum LABEL_POSITION {
+    LEFT = "left"
+}

package/dist/controls/Dialog/Dialog.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+interface DialogProps {
+    title: string;
+    labelClose?: string;
+    labelAction?: string;
+    isDismissible?: boolean;
+    width?: number;
+    height?: number;
+    onClose?: () => any;
+    children: any;
+}
+export declare const Dialog: (props: DialogProps) => JSX.Element;
+export {};

package/dist/controls/Dialog/DialogButton.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+interface DialogButtonProps {
+    text: string;
+    onClick: () => any;
+    isDisabled?: boolean;
+    className?: string;
+}
+export declare const DialogButton: (props: DialogButtonProps) => JSX.Element;
+export {};

package/dist/controls/Dialog/DialogCloseButton.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface DialogCloseButton {
+    text: string;
+    isDisabled?: boolean;
+    onClose: () => any;
+}
+export declare const DialogCloseButton: (props: DialogCloseButton) => JSX.Element;
+export {};

package/dist/controls/Dialog/DialogComponent.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+interface DialogComponent {
+    width?: number;
+    height?: number;
+    children: any;
+    isDismissibe?: boolean;
+}
+export declare const DialogComponent: (props: DialogComponent) => JSX.Element;
+export {};

package/dist/controls/Dialog/DialogConstants.d.ts

@@ -0,0 +1,5 @@
+export declare enum LOCALE {
+    ACTION_CANCEL = "app.common.action.cancel",
+    ACTION_CLOSE = "app.common.action.close",
+    ACTION_SAVE = "app.common.action.save"
+}

package/dist/controls/Dialog/DialogContent.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface DialogContentProps {
+    children?: React.ReactNode;
+}
+export declare const DialogContent: (props: DialogContentProps) => JSX.Element;
+export {};

package/dist/controls/Dialog/DialogFooter.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface DialogFooterProps {
+    labelClose?: string;
+    labelAction?: string;
+    onActionClick?: () => any;
+    onClose?: () => any;
+    isDismissible?: boolean;
+    children?: React.ReactNode;
+}
+export declare const DialogFooter: (props: DialogFooterProps) => JSX.Element;
+export {};

package/dist/controls/Dialog/DialogHeader.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface DialogHeaderProps {
+    title: string;
+}
+export declare const DialogHeader: (props: DialogHeaderProps) => JSX.Element;
+export {};

package/dist/controls/Input/Input.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+interface InputProps {
+    name?: string;
+    type?: string;
+    value?: string;
+    number?: string;
+    height?: number;
+    minHeight?: number;
+    maxHeight?: number;
+    rows?: number;
+    placeholder?: string;
+    label?: string;
+    labelWidth?: number;
+    labelPosition?: string;
+    errorMessage?: string;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    isRequired?: boolean;
+    isMultiline?: boolean;
+    isAutoComplete?: boolean;
+    isIcon?: boolean;
+    onChange?: (value: string, name?: string) => void;
+    onBlur?: (e: any) => void;
+    onFocus?: (e: any) => void;
+    onChangeSize?: (element: HTMLInputElement | HTMLTextAreaElement) => void;
+    onKeyPress?: (e: any) => void;
+    onKeyDown?: (e: any) => void;
+    children?: React.ReactNode;
+    className?: string;
+}
+export declare const Input: (props: InputProps) => JSX.Element;
+export {};

package/dist/controls/Input/InputConstants.d.ts

@@ -0,0 +1,11 @@
+export declare enum AUTOCOMPLETE {
+    ON = "on",
+    OFF = "off"
+}
+export declare enum NUMBER {
+    FLOAT = "float"
+}
+export declare enum REGEXP {
+    FLOAT = "^[0-9]+[.,]?[0-9]{0,2}$",
+    INT = "^[0-9]+$"
+}

package/dist/controls/Label/Label.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+interface LabelProps {
+    text: string;
+    isRequired?: boolean;
+    className?: string;
+    width?: number;
+}
+export declare const Label: (props: LabelProps) => JSX.Element;
+export default Label;

package/dist/controls/Label/LabelConstants.d.ts

@@ -0,0 +1,3 @@
+export declare enum POSITION {
+    LEFT = "left"
+}

package/dist/controls/Login/Login.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+interface LoginProps {
+    onSubmit: (userName: string, password: string) => any;
+    onResetPassword?: () => any;
+    onSaveData?: () => any;
+    onRegister?: () => any;
+    userNameErrorText?: string;
+    passwordErrorText?: string;
+    emptyErrorText?: string;
+    copyright?: string;
+    linkItemList?: {
+        text: string;
+        url: string;
+    }[];
+}
+export declare const Login: (props: LoginProps) => JSX.Element;
+export {};

package/dist/controls/Login/LoginConstants.d.ts

@@ -0,0 +1,18 @@
+export declare enum LOCALE {
+    ERROR_EMPTY = "app.common.login.error.empty",
+    ERROR_WRONG_DATA = "app.common.login.error.wrongData",
+    PLACEHOLDER_NAME = "app.common.login.placeholder.userName",
+    PLACEHOLDER_PASSWORD = "app.common.login.placeholder.password",
+    PLACEHOLDER = "app.common.login.placeholder",
+    ACTION_SAVE_DATA = "app.common.login.action.saveData",
+    ACTION_LOGIN = "app.common.login.action.login",
+    ACTION_RESET_PASSWORD = "app.common.login.action.resetPassword",
+    ACTION_REGISTER = "app.common.login.action.register",
+    SEPARATOR_TEXT = "app.common.login.separatorText",
+    TITLE = "app.common.login.title",
+    COPYRIGHT = "app.common.login.copyright"
+}
+export declare enum INPUT_TYPE {
+    PASSWORD = "password",
+    TEXT = "text"
+}

package/dist/controls/Login/LoginFooter.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+interface LoginFooterProps {
+    copyright?: string;
+    itemList?: {
+        text: string;
+        url: string;
+    }[];
+}
+export declare const LoginFooter: (props: LoginFooterProps) => JSX.Element;
+export {};

package/dist/controls/Login/LoginInput.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+interface LoginInputProps {
+    type?: string;
+    name: string;
+    label?: string;
+    placeholder?: string;
+    onKeyPress: (e: any) => void;
+    onChange: (value: any, name: string) => any;
+    error?: string;
+    emptyErrorText?: string;
+    onBlur?: (e: any) => any;
+    onFocus?: () => any;
+    isDisabled: boolean;
+    isValidate?: boolean;
+}
+export declare const LoginInput: (props: LoginInputProps) => JSX.Element;
+export {};

package/dist/controls/LookupPicker/LookupPicker.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+interface LookupPickerProps {
+    name?: string;
+    valueList?: {
+        id: string;
+    }[];
+    getValueList?: (value: string) => Promise<any>;
+    selectedValueList?: {
+        id: string;
+    }[];
+    selectedValue?: any;
+    scrollableElement?: any;
+    charCount?: number;
+    filterValueTemplate?: any;
+    selectedValueTemplate?: any;
+    filterMinLength: number;
+    isMultiSelect?: boolean;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    isRequired?: boolean;
+    onChange?: (value: any[] | any, name?: string) => void;
+    onBlur?: (e: any, name?: string) => void;
+    label?: string;
+    labelWidth?: number;
+    placeholder?: string;
+    emptyPlaceholder?: string;
+    errorMessage?: string;
+    children?: React.ReactNode;
+    className?: string;
+    getAllValueList?: () => Promise<any>;
+}
+export declare const LookupPicker: (props: LookupPickerProps) => JSX.Element;
+export {};

package/dist/controls/LookupPicker/LookupPickerConstants.d.ts

@@ -0,0 +1,3 @@
+export declare enum LOCALE {
+    PLACEHOLDER_EMPTY = "app.common.lookupPicker.empty"
+}

package/dist/controls/LookupPicker/SelectedValueList.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+interface SelectedValueListProps {
+    list: {
+        id: string;
+    }[];
+    isMultiSelect?: boolean;
+    selectedValueTemplate: (value: any) => any;
+    onOptionValueDelete: (id: string) => any;
+}
+export declare const SelectedValueList: (props: SelectedValueListProps) => JSX.Element;
+export {};

package/dist/controls/LookupPicker/ValueList.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+interface ValueListProps {
+    inputValue: any;
+    list: {
+        id: string;
+    }[];
+    filterValueTemplate: (item: {
+        id: string;
+    }) => any;
+    isPending?: boolean;
+    isVisible?: boolean;
+    onOptionValueSelect: (id: string) => any;
+    emptyPlaceholder: string;
+}
+export declare const ValueList: (props: ValueListProps) => JSX.Element;
+export {};

package/dist/controls/Sidebar/Item.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+interface ItemProps {
+    text: string;
+    imageUrl: string;
+    imageHoverUrl?: string;
+    isHover?: boolean;
+}
+export declare const Item: (props: ItemProps) => JSX.Element;
+export {};

package/dist/controls/Sidebar/LinkItem.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+interface LinkItem {
+    link?: string;
+    currentUrl: string;
+    activeItem?: string;
+    id: string;
+    onClick?: string;
+    href?: string;
+    isExternal?: boolean;
+    imageUrl: string;
+    imageHoverUrl?: string;
+    text: string;
+    linkItemWidth?: number;
+}
+export declare const LinkItem: (props: LinkItem) => JSX.Element;
+export {};

package/dist/controls/Sidebar/Section.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { SidebarItem } from './SidebarItem';
+interface SectionProps {
+    text?: string;
+    itemList: SidebarItem[];
+    activeItem?: string;
+    currentUrl: string;
+    linkItemWidth?: number;
+}
+export declare const Section: (props: SectionProps) => JSX.Element;
+export {};

package/dist/controls/Sidebar/SectionList.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { SidebarSection } from './SidebarSection';
+interface SectionListProps {
+    itemList: SidebarSection[];
+    currentUrl: string;
+    activeItem?: string;
+    linkItemWidth?: number;
+}
+export declare const SectionList: React.ForwardRefExoticComponent<SectionListProps & React.RefAttributes<unknown>>;
+export {};