@vitrosoftware/common-ui-ts 1.1.11 → 1.1.13

package/css/white/controls/pdf-viewer/zoom.css

@@ -0,0 +1,14 @@
+.canvasWrapper {
+    position: relative;
+}
+
+canvas.zoom {
+    position: absolute;
+    z-index: 2;
+    opacity: 0;
+    /*outline: 2px solid #ff0000;*/
+}
+
+canvas.zoom.loaded {
+    opacity: 1;
+}

package/css/white/controls/sidebar/sidebar-item.css

@@ -0,0 +1,54 @@
+.vitro-icon > :global(.vitro-icon-hover) {
+    display: none;
+}
+
+.vitro-icon:hover > :global(.vitro-icon-hover) {
+    display: block;
+}
+
+.vitro-icon:hover > :global(.vitro-icon-default) {
+    display: none;
+}
+
+.vitro-icon {
+    width: 30px;
+    height: 30px;
+    margin: 0 auto;
+}
+
+.vitro-item-text {
+    -webkit-box-flex: 1;
+    -ms-flex-positive: 1;
+    flex-grow: 1;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    -ms-flex-negative: 1;
+    flex-shrink: 1;
+    overflow: hidden;
+}
+
+.vitro-icon-text {
+    font-weight: 400;
+    display: block;
+    margin: 4px 0 9px 0;
+}
+
+.vitro-icon-text, .vitro-item-text {
+    color: #222d44;
+    font-family: "GraphikRegular";
+    font-size: 9pt;
+
+    display: none;
+}
+
+ul > li > ul > li:hover .vitro-icon-text, ul > li > ul > li:hover .vitro-item-text, ul > li > ul > li > a.vitro-active .vitro-icon-text, ul > li > ul > li > a.vitro-active .vitro-item-text {
+    color: #FF5B2D;
+}
+
+.vitro-item-text {
+    display: none;
+}
+
+:global(.vitro-display-none) {
+  display: none;
+}

package/css/white/controls/sidebar/sidebar.css

@@ -0,0 +1,75 @@
+.vitro-sidebar {
+    padding-top: 0 !important;
+    height: 100%;
+    left: -280px;
+    z-index: 900;
+    position: fixed;
+    overflow: hidden;
+    background-color: #fff;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    width: 90px;
+}
+
+.vitro-sidebar div {
+    width: 90px;
+}
+
+.vitro-sidebar ul {
+    list-style-type: none;
+    padding: 0;
+    margin: 0;
+}
+
+.vitro-sidebar a {
+    text-decoration: none;
+    -webkit-transition: color .3s ease;
+    transition: color .3s ease;
+}
+
+.vitro-sidebar ul li a {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-wrap: nowrap;
+    flex-wrap: nowrap;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    text-decoration: none;
+    position: relative;
+    width: 100%;
+    cursor: pointer;
+    padding: 10px 0;
+}
+
+.vitro-sidebar span {
+    text-align: center;
+}
+
+.vitro-sidebar a,
+.vitro-sidebar li.active > a,
+.vitro-sidebar a:hover i,
+.vitro-sidebar a:hover:before,
+.vitro-sidebar li.active a i {
+    color: #1e1e1e;
+}
+
+:global(.toggled) .vitro-sidebar {
+    left: 0px;
+}
+
+:global(.pinned):not(.vitro-sidebar-hovered) .vitro-sidebar {
+    width: 90px;
+}
+
+@media (max-width: 500px) {
+    .vitro-sidebar div {
+        width: 87px;
+    }
+
+    :global(.pinned):not(.vitro-sidebar-hovered) .vitro-sidebar {
+        width: 87px;
+    }
+}

package/dist/constants/Ctrl.d.ts

@@ -0,0 +1,28 @@
+export declare class CTRL {
+    static readonly DOT = ".";
+    static readonly SEMICOLON = ";";
+    static readonly COLON = ":";
+    static readonly COMMA = ",";
+    static readonly EMPTY = "";
+    static readonly SPACE = " ";
+    static readonly SHARP = "#";
+    static readonly BRACE_OPEN = "{";
+    static readonly BRACE_CLOSE = "}";
+    static readonly PARENTHESIS_OPEN = "(";
+    static readonly PARENTHESIS_CLOSE = ")";
+    static readonly EQUAL = "=";
+    static readonly AMPERSAND = "&";
+    static readonly DASH = "-";
+    static readonly SLASH = "/";
+    static readonly BACKSLASH = "\\";
+    static readonly TILDE = "~";
+    static readonly AT_SIGN = "@";
+    static readonly BAR = "|";
+    static readonly PLUS = "+";
+    static readonly PERCENT = "%";
+    static readonly QUESTION = "?";
+    static readonly UNDERSCORE = "_";
+    static readonly QUOTATION_MARK = "'";
+    static readonly ZERO = "0";
+    static readonly ASTERISK = "*";
+}

package/dist/constants/Event.d.ts

@@ -0,0 +1,8 @@
+export declare enum EVENT {
+    MOUSEDOWN = "mousedown",
+    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"
+}