@vitrosoftware/common-ui-ts 1.1.74 → 1.1.77

package/dist/src/controls/DropdownButton/DropdownButton.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { DropdownItem } from './DropdownItem';
+interface DropdownButtonProps {
+    itemList: DropdownItem[];
+    title?: string | React.ReactNode;
+    isIgnoreOverflow?: boolean;
+    isFlip?: boolean;
+    onToggle?: (state: any, e: any) => any;
+    className?: string;
+    flip?: boolean;
+}
+export declare const DropdownButton: (props: DropdownButtonProps) => JSX.Element;
+export {};

package/dist/src/controls/FieldIterator/FieldIterator.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import '../../../css/std/controls/field-iterator/field-iterator.css';
+interface FieldIteratorProps {
+    fieldList: any[];
+    componentMap: {
+        name: string;
+        value: React.FunctionComponent<any>;
+    }[];
+    rowFieldList?: string[];
+    fieldValueMap?: any;
+    changedFieldValueMap?: Map<string, any>;
+    isClearChangedFieldValueMap?: boolean;
+    onChange: (changedFieldValueMap: Map<string, any>, saveStatus?: {
+        isSaving: boolean;
+    }) => any;
+    errorControlList?: {
+        fieldName: string;
+        message: string;
+    }[];
+    isVisibleOverflow?: boolean;
+    isReadOnly?: boolean;
+}
+export declare const FieldIterator: React.ForwardRefExoticComponent<FieldIteratorProps & React.RefAttributes<unknown>>;
+export {};

package/dist/src/controls/FileVersionSelect/FileVersionItem.d.ts

@@ -0,0 +1,6 @@
+export interface FileVersionItem {
+    id: string;
+    name: string;
+    userName: string;
+    date: string;
+}

package/dist/src/controls/FileVersionSelect/FileVersionSelect.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { FileVersionItem } from './FileVersionItem';
+export interface FileVersionSelectProps {
+    fileName: string;
+    itemList: FileVersionItem[];
+    currentVersionId: string;
+    selectedVersionId: string;
+    tooltipTextCurrent: string;
+    tooltipTextNotCurrent: string;
+    onChange: (version: FileVersionItem) => any;
+}
+export declare const FileVersionSelect: (props: FileVersionSelectProps) => JSX.Element;

package/dist/src/controls/FileVersionSelect/Item.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { FileVersionItem } from './FileVersionItem';
+export interface ItemProps {
+    version: FileVersionItem;
+    fileName: string;
+    isActive: boolean;
+    isCurrent: boolean;
+    onClick: (version: FileVersionItem) => any;
+}
+export declare const Item: (props: ItemProps) => JSX.Element;

package/dist/src/controls/Icon/Icon.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import '../../../css/std/controls/icon/icon.css';
+interface IconProps {
+    defaultUrl: string;
+    hoverUrl?: string;
+    className?: string;
+    isHover?: boolean;
+    onClick?: () => any;
+}
+export declare const Icon: (props: IconProps) => JSX.Element;
+export {};

package/dist/src/controls/ImagePicker/ImagePicker.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { DropdownItem } from '../DropdownButton/DropdownItem';
+interface ImagePickerProps {
+    label: string;
+    name?: string;
+    itemList?: DropdownItem[];
+    defaultUrl?: string;
+    classNameRoot?: string;
+    classNameIcon?: string;
+    classNameDefaultIcon?: string;
+    imgUrlUpload?: string;
+    imgUrlDelete?: string;
+    onChange: (file: File | null, name?: string) => void;
+}
+export declare const ImagePicker: (props: ImagePickerProps) => JSX.Element;
+export {};

package/dist/src/controls/ImagePicker/ImagePickerConstants.d.ts

@@ -0,0 +1,8 @@
+export declare enum ACTION {
+    UPLOAD = "upload",
+    DELETE = "delete"
+}
+export declare enum LOCALE {
+    ACTION_UPLOAD = "app.common.action.upload",
+    ACTION_DELETE = "app.common.action.delete"
+}

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

@@ -0,0 +1,32 @@
+import React from 'react';
+interface InputProps {
+    name?: string;
+    type?: string;
+    value?: 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;
+    isError?: 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: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<unknown>>;
+export {};

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

@@ -0,0 +1,4 @@
+export declare enum AUTOCOMPLETE {
+    ON = "on",
+    OFF = "off"
+}

package/dist/src/controls/IssueTile/IssueTile.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+interface IssueTileProps {
+    id: string;
+    url?: string;
+    text: string;
+    userName: string;
+    userImage?: string;
+    date: any;
+    fileVersion: number;
+    fileVersionUrl?: string;
+    status: string;
+    statusColor?: string;
+    actionList?: {
+        key: string;
+        text: string;
+        value: any;
+        onClick: (e: any, value: string) => any;
+    }[];
+    onClick: () => any;
+    onBlur: (e: any) => any;
+    onShowMoreClick: (e: any, issue?: any) => any;
+    isActive?: boolean;
+    createLocale: (key: string) => any;
+}
+export declare const IssueTile: (props: IssueTileProps) => JSX.Element;
+export {};

package/dist/src/controls/IssueTile/IssueTileConstants.d.ts

@@ -0,0 +1,3 @@
+export declare enum LOCALE {
+    TEXTAREA_LABEL = "app.common.issueTile.textareaLabel"
+}

package/dist/src/controls/IssueTile/IssueTileFooter.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface IssueTileFooterProps {
+    status: string;
+    statusColor?: string;
+    onShowMoreClick?: (e: any, issue?: any) => any;
+}
+export declare const IssueTileFooter: (props: IssueTileFooterProps) => JSX.Element;
+export {};

package/dist/src/controls/IssueTile/IssueTileHeader.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+interface IssueTileHeaderProps {
+    id: string;
+    url?: string;
+    userName: string;
+    userImage?: string;
+    date: any;
+    fileVersion: number;
+    fileVersionUrl?: string;
+    actionList?: {
+        key: string;
+        text: string;
+        value: any;
+        onClick: (value: any, e: any) => any;
+    }[];
+}
+export declare const IssueTileHeader: (props: IssueTileHeaderProps) => JSX.Element;
+export {};

package/dist/src/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/src/controls/Label/LabelConstants.d.ts

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

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

@@ -0,0 +1,16 @@
+import React from 'react';
+interface LoginProps {
+    onSubmit: (userName: string, password: string) => any;
+    onResetPassword?: () => any;
+    onSaveData?: (value: any[] | any, name?: string) => any;
+    onRegister?: () => any;
+    errorMessage?: string;
+    emptyErrorText?: string;
+    copyright?: string;
+    linkItemList?: {
+        text: string;
+        url: string;
+    }[];
+}
+export declare const Login: React.ForwardRefExoticComponent<LoginProps & React.RefAttributes<unknown>>;
+export {};

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

@@ -0,0 +1,17 @@
+export declare enum LOCALE {
+    ERROR_EMPTY = "app.common.login.error.empty",
+    FIELD_NAME = "app.common.login.field.userName",
+    FIELD_PASSWORD = "app.common.login.field.password",
+    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 FIELD_NAME {
+    USER_NAME = "userName",
+    PASSWORD = "password",
+    SAVE_DATA = "saveData"
+}

package/dist/src/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/src/controls/LookupPicker/LookupPicker.d.ts

@@ -0,0 +1,39 @@
+import React, { FunctionComponent } 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;
+    htmlValueTemplate?: FunctionComponent<any>;
+    getHtmlValueTemplateProps?: (item: {
+        id: string;
+    }) => any;
+    filterMinLength: number;
+    isMultiSelect?: boolean;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    isRequired?: boolean;
+    isFlipDropdown?: boolean;
+    onChange?: (value: any[] | any, name?: string) => void;
+    onBlur?: (e: any, name?: string) => void;
+    onFocus?: (e: any) => void;
+    label?: string;
+    labelWidth?: number;
+    placeholder?: string;
+    emptyPlaceholder?: string;
+    errorMessage?: string;
+    children?: React.ReactNode;
+    className?: string;
+    getAllValueList?: () => Promise<any>;
+}
+export declare const LookupPicker: React.ForwardRefExoticComponent<LookupPickerProps & React.RefAttributes<unknown>>;
+export {};

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

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

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

@@ -0,0 +1,14 @@
+import { FunctionComponentElement } from 'react';
+interface SelectedValueListProps {
+    list: {
+        id: string;
+    }[];
+    isMultiSelect?: boolean;
+    selectedValueTemplate: (value: any) => any;
+    onOptionValueDelete: (id: string) => any;
+    getHtmlValue?: (item: {
+        id: string;
+    }) => FunctionComponentElement<any> | null;
+}
+export declare const SelectedValueList: (props: SelectedValueListProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,22 @@
+import { FunctionComponentElement } from 'react';
+interface ValueListProps {
+    inputValue: any;
+    list: {
+        id: string;
+    }[];
+    filterValueTemplate: (item: {
+        id: string;
+    }) => any;
+    isPending?: boolean;
+    isVisible: boolean;
+    isFlip?: boolean;
+    onOptionValueSelect: (id: string) => any;
+    emptyPlaceholder: string;
+    contentRef: any;
+    containerRef: any;
+    getHtmlValue?: (item: {
+        id: string;
+    }) => FunctionComponentElement<any> | null;
+}
+export declare const ValueList: (props: ValueListProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,11 @@
+import { FunctionComponentElement } from 'react';
+interface ValueListItemProps {
+    item: {
+        id: string;
+    };
+    onSelect: (id: string) => any;
+    createDisplayValue: (item: any) => any;
+    htmlValue?: FunctionComponentElement<any> | null;
+}
+export declare const ValueListItem: (props: ValueListItemProps) => JSX.Element;
+export {};

package/dist/src/controls/MessageInput/MessageInput.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+interface MessageInputProps {
+    placeholder?: string;
+    isDisabled?: boolean;
+    onSubmit: (value: string) => any;
+    onAddFile?: () => any;
+    onChange?: (value: string) => any;
+    onDrop?: (e: any) => any;
+    children?: React.ReactNode;
+}
+export declare const MessageInput: (props: MessageInputProps) => JSX.Element;
+export {};

package/dist/src/controls/MessageInput/MessageInputConstants.d.ts

@@ -0,0 +1,3 @@
+export declare enum LOCALE {
+    PLACEHOLDER = "app.common.messageInput.placeholder"
+}

package/dist/src/controls/MicroFrontend/MicroFrontend.d.ts

@@ -0,0 +1,8 @@
+import { FunctionComponent } from "react";
+interface MicroFrontendProps {
+    name: string;
+    host: string;
+    data: any;
+}
+export declare const MicroFrontend: FunctionComponent<MicroFrontendProps>;
+export {};

package/dist/src/controls/MicroFrontend/MicroFrontendState.d.ts

@@ -0,0 +1,8 @@
+export declare class MicroFrontendState {
+    constructor();
+    unmount(): void;
+    init: boolean;
+    name: string | null;
+    renderInProgress: boolean;
+    unmountAction: Function | null;
+}

package/dist/src/controls/MicroFrontend/renderMicrofrontend.d.ts

@@ -0,0 +1,2 @@
+import { MicroFrontendState } from './MicroFrontendState';
+export declare const renderMicrofrontend: (rendererName: string, microFrontendState: MicroFrontendState, rootElement: HTMLElement, data: any, tryCnt: number) => void;

package/dist/src/controls/NumberInput/NumberInput.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import * as INPUT from './NumberInputConstants';
+interface NumberInputProps {
+    name?: string;
+    value?: number;
+    number: INPUT.TYPE;
+    height?: number;
+    minHeight?: number;
+    maxHeight?: number;
+    placeholder?: string;
+    label?: string;
+    labelWidth?: number;
+    labelPosition?: string;
+    errorMessage?: string;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    isRequired?: boolean;
+    isAutoComplete?: boolean;
+    isIcon?: boolean;
+    onChange?: (value: number | null, 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 NumberInput: React.ForwardRefExoticComponent<NumberInputProps & React.RefAttributes<unknown>>;
+export {};

package/dist/src/controls/NumberInput/NumberInputConstants.d.ts

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

package/dist/src/controls/PasswordInput/PasswordInput.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+interface PasswordInputProps {
+    name?: string;
+    value?: 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;
+    isError?: 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 PasswordInput: React.ForwardRefExoticComponent<PasswordInputProps & React.RefAttributes<unknown>>;
+export {};

package/dist/src/controls/PasswordInput/PasswordInputConstants.d.ts

@@ -0,0 +1,4 @@
+export declare enum TYPE {
+    TEXT = "text",
+    PASSWORD = "password"
+}

package/dist/src/controls/PdfViewer/PdfViewerContext.d.ts

@@ -1,12 +1,17 @@
+import { FileVersionItem } from '../FileVersionSelect/FileVersionItem';
 export interface PdfViewerContext {
     file: any;
+    versionId?: string;
+    currentVersionId: string;
     openFile(): void;
-    getFile(id: string): any;
-    getFileVersionList(id: string): any;
+    fileVersionList: FileVersionItem[];
     createLocale(key: string): any;
     getIssueList(): Promise<any>;
     onCreateIssue(data: any): any;
     toggleIssueDetail(show: boolean): any;
     deleteIssueEvent?: string;
     updateIssueEvent?: string;
+    onChangeFileVersion: (version: FileVersionItem) => any;
+    currentVersionTooltipText?: string;
+    notCurrentVersionTooltipText?: string;
 }

package/dist/src/controls/RouteItem/RouteItem.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+interface RouteItemProps {
+    id: string;
+    name: string;
+    userName?: string;
+    userImage?: string;
+    date?: string;
+    status?: string;
+    statusColor?: string;
+    comment?: string;
+    itemId?: string;
+    itemUrl?: string;
+    children?: React.ReactNode;
+    target?: object;
+}
+export declare const RouteItem: (props: RouteItemProps) => JSX.Element;
+export {};

package/dist/src/controls/ScrollBar/ScrollBar.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface ScrollBarProps {
+    isHideScrollX?: boolean;
+    isFocusOnScroll?: boolean;
+    onInit?: (container: any) => any;
+    children: React.ReactNode;
+}
+export declare const ScrollBar: (props: ScrollBarProps) => JSX.Element;
+export {};

package/dist/src/controls/Search/CheckboxList.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+interface CheckboxListProps {
+    itemList: {
+        id: string;
+        name: string;
+        value?: boolean;
+    }[];
+    onChange?: (selectedItemList: string[]) => any;
+    isAllSelected?: boolean;
+}
+export declare const CheckboxList: (props: CheckboxListProps) => JSX.Element;
+export {};

package/dist/src/controls/Search/Filter.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { Condition } from '../Criterion/Condition';
+import { Operator } from '../Criterion/Operator';
+interface FilterProps {
+    fieldList: any[];
+    valueList: any[];
+    componentMap: {
+        name: string;
+        value: React.FunctionComponent<any>;
+    }[];
+    fieldValueMap?: Map<string, any>;
+    onChange: (changedFieldValueMap: Map<string, any>, saveStatus?: {
+        isSaving: boolean;
+    }) => any;
+    operatorList: Operator[];
+    getConditionList: (componentName: string) => Condition[];
+    getDefaultCondition?: (componentName: string) => number;
+    onDeleteField: (id: string) => any;
+}
+export declare const Filter: (props: FilterProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { SearchCriterion } from '../Search/SearchCriterion';
+interface InputProps {
+    valueList: SearchCriterion[];
+    textValue?: string;
+    placeholder?: string;
+    onSettingsClick?: () => any;
+    onCancel: () => any;
+    onSubmit: (value?: string, searchCriterionList?: SearchCriterion[]) => any;
+    onChange?: (value: any) => any;
+    onBlur?: () => any;
+    onFocus?: () => any;
+    onRemoveValue?: (newItemList: SearchCriterion[]) => any;
+    isShowSettings?: boolean;
+    isSettingsActive?: boolean;
+    isActive: boolean;
+    isMobileView: boolean;
+    className?: string;
+}
+export declare const Input: (props: InputProps) => JSX.Element;
+export {};

package/dist/src/controls/Search/Search.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { SearchCriterion } from './SearchCriterion';
+import { Condition } from '../Criterion/Condition';
+import { Operator } from '../Criterion/Operator';
+interface SearchProps {
+    fieldList: any[];
+    visibleFieldList?: any[];
+    searchCriterionList?: SearchCriterion[];
+    onFilterChange?: (searchCriterionList: SearchCriterion[]) => any;
+    onSubmit: (searchCriterionList: SearchCriterion[]) => any;
+    onCancel: () => any;
+    componentMap: {
+        name: string;
+        value: React.FunctionComponent<any>;
+    }[];
+    onAddField?: (selectedFieldIdList: string[]) => any;
+    operatorList: Operator[];
+    getConditionList: (componentName: string) => Condition[];
+    getDefaultCondition?: (componentName: string) => number;
+    isAllFieldsVisible?: boolean;
+    labelCancel: string;
+    labelSearch: string;
+    labelAddField: string;
+    defaultSearchFieldName: string;
+    inputPlaceholder?: string;
+    maxFieldCount?: number;
+}
+export declare const Search: (props: SearchProps) => JSX.Element;
+export {};

package/dist/src/controls/Search/SearchConstants.d.ts

@@ -0,0 +1,4 @@
+export declare enum LOCALE {
+    INPUT_MORE = "app.common.search.input.more",
+    EMPTY_PLACEHOLDER = "app.common.search.checkboxList.emptyPlaceholder"
+}

package/dist/src/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 {};