@vitrosoftware/common-ui-ts 1.1.122 → 1.1.124

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

@@ -2,6 +2,7 @@ import React from 'react';
 import { CheckboxRef } from './CheckboxRef';
 export interface CheckboxProps {
     value?: boolean;
+    isIndeterminate?: boolean;
     onChange?: (value: boolean, name: string) => void;
     labelPosition?: string;
     label: string;

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { DxfViewerContext } from './DxfViewerContext';
+export interface DxfViewerProps {
+    context: DxfViewerContext;
+}
+export declare const DxfViewer: (props: DxfViewerProps) => JSX.Element;

package/dist/src/controls/DxfViewer/DxfViewerContext.d.ts

@@ -0,0 +1,31 @@
+import { FileVersionItem } from '../FileVersionSelect/FileVersionItem';
+export interface DxfViewerContext {
+    file: any;
+    versionId?: string;
+    currentVersionId: string;
+    issueList: any[];
+    openFile(): void;
+    fileVersionList: FileVersionItem[];
+    createLocale(key: string): any;
+    selectIssue?: (id: string) => void;
+    getIssueList(): Promise<any>;
+    onCreateIssue(data: any): any;
+    toggleIssueDetail(show: boolean): any;
+    zoomToAnnotation?: (id: string) => void;
+    deleteIssueEvent?: string;
+    updateIssueEvent?: string;
+    onChangeFileVersion: (version: FileVersionItem) => any;
+    currentVersionTooltipText?: string;
+    notCurrentVersionTooltipText?: string;
+    expandSidebarIssueDetail?: () => void;
+    initLayers?: (layersList: any[]) => void;
+    onChangeLayerVisibility?: (name: string, val: boolean) => void;
+    layersTitle: string;
+    toggleLayersLabel: string;
+    thumbnailListTitle: string;
+    onLoaded?: () => void;
+    initThumbnail?: (id: string, name: string, imageUrl: string) => string;
+    fileName: string;
+    fileImageUrl: string;
+    scaleAutoLabel: string;
+}

package/dist/src/controls/DxfViewer/Layer.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export interface LayerProps {
+    name: string;
+    displayName: string;
+    color: number;
+    isVisible: boolean;
+    onChange: (value: boolean) => void;
+}
+export declare const Layer: (props: LayerProps) => JSX.Element;

package/dist/src/controls/DxfViewer/LayerList.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { LayerProps } from './Layer';
+export interface LayerListProps {
+    itemList: LayerProps[];
+    onChangeLayerVisibility: (name: string, isVisible: boolean) => void;
+    title: string;
+    fileName: string;
+    fileImageUrl: string;
+    toggleLayersLabel: string;
+}
+export declare const LayerList: (props: LayerListProps) => JSX.Element;

package/dist/src/controls/DxfViewer/Thumbnail.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface ThumbnailProps {
+    id: string;
+    name: string;
+    imageUrl: string;
+}
+export declare const Thumbnail: (props: ThumbnailProps) => JSX.Element;

package/dist/src/controls/DxfViewer/ThumbnailList.d.ts

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

package/dist/src/controls/DxfViewer/Viewer.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { DxfViewerContext } from './DxfViewerContext';
+export interface ViewerProps {
+    context: DxfViewerContext;
+}
+export declare const Viewer: (props: ViewerProps) => JSX.Element;

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface ErrorMessageProps {
+    text: string;
+    className?: string;
+}
+export declare const ErrorMessage: (props: ErrorMessageProps) => JSX.Element;

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

@@ -0,0 +1,3 @@
+export interface FormRef {
+    setErrorMessage: (message: string) => void;
+}

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

@@ -16,7 +16,8 @@ export declare enum LOCALE {
     TWO_FACTOR_AUTHENTICATION_FORM_DESCRIPTION_VALIDITY = "app.common.login.twoFactorAuthenticationForm.description.codeValidityDuration",
     TWO_FACTOR_AUTHENTICATION_FORM_DESCRIPTION_RESEND = "app.common.login.twoFactorAuthenticationForm.description.resendCodeDuration",
     TWO_FACTOR_AUTHENTICATION_FORM_ERROR_EMPTY = "app.common.login.twoFactorAuthenticationForm.error.empty",
-    NTLM_AUTHENTICATION_FORM_DESCRIPTION = "app.common.login.ntlmAuthenticationForm.description",
+    NTLM_AUTHENTICATION_FORM_SUBTITLE_PROGRESS = "app.common.login.ntlmAuthenticationForm.subtitle.progress",
+    NTLM_AUTHENTICATION_FORM_SUBTITLE_ERROR = "app.common.login.ntlmAuthenticationForm.subtitle.error",
     ACTION_LOGIN = "app.common.login.action.login",
     ACTION_GO_BACK = "app.common.login.action.goBack",
     ACTION_RESET_PASSWORD = "app.common.login.action.resetPassword",

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

@@ -1,5 +1,5 @@
-export interface LoginFormRef {
-    setErrorMessage: (message: string) => void;
+import { FormRef } from './FormRef';
+export interface LoginFormRef extends FormRef {
     getUserName: () => string;
     getPassword: () => string;
 }

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

@@ -1,6 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
+import { FormRef } from './FormRef';
 interface NTLMAuthenticationFormProps {
+    imageUrl: string;
+    errorMessage?: string;
     onGoBack: () => void;
 }
-export declare const NTLMAuthenticationForm: (props: NTLMAuthenticationFormProps) => JSX.Element;
+export declare const NTLMAuthenticationForm: React.ForwardRefExoticComponent<NTLMAuthenticationFormProps & React.RefAttributes<FormRef>>;
 export {};

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

@@ -1,5 +1,6 @@
 import React, { FunctionComponent } from 'react';
 import { interfaces } from 'inversify';
+import { ButtonProps } from '../Button/Button';
 export interface LookupPickerProps {
     name?: string;
     valueList?: {
@@ -38,5 +39,6 @@ export interface LookupPickerProps {
     className?: string;
     getAllValueList?: () => Promise<any>;
     container?: interfaces.Container;
+    valueListButton?: ButtonProps;
 }
 export declare const LookupPicker: React.ForwardRefExoticComponent<LookupPickerProps & React.RefAttributes<unknown>>;

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

@@ -1,4 +1,5 @@
 import { FunctionComponentElement } from 'react';
+import { ButtonProps } from '../Button/Button';
 interface ValueListProps {
     inputValue: any;
     list: {
@@ -18,6 +19,7 @@ interface ValueListProps {
         id: string;
     }) => FunctionComponentElement<any> | null;
     placement?: any;
+    button?: ButtonProps;
 }
 export declare const ValueList: (props: ValueListProps) => JSX.Element;
 export {};

package/dist/src/controls/TableView/TableViewConstants.d.ts

@@ -177,3 +177,14 @@ export declare enum MENU_NAME {
 export declare enum PART_TYPE {
     SIDE_BUTTON = "SideButton"
 }
+export declare enum TARGET {
+    OUTSIDE = "Outside"
+}
+export declare enum MENU_ALIGN {
+    BELOW = "below",
+    ABOVE = "above",
+    RIGHT = "right",
+    LEFT = "left",
+    NEXT = "next",
+    PREV = "prev"
+}

package/dist/src/controls/TableView/TreeGridTableViewContextImpl.d.ts

@@ -28,6 +28,7 @@ export declare class TreeGridTableViewContextImpl implements TableViewContext {
     get pageLength(): any;
     get header(): TableViewRow;
     get mainTag(): HTMLElement;
+    get event(): any;
     setSearchCriterionList(searchCriterionList: SearchCriterion[], searchId: string): void;
     clearSearchCriterionList(searchId: string): void;
     getSearchCriterionList(searchId?: string): SearchCriterion[];

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

@@ -1,10 +1,14 @@
 /// <reference types="react" />
 import 'jstree';
 import { TreeViewContext } from './TreeViewContext';
+import { JsTreeViewNode } from './JsTreeViewNode';
 export interface TreeViewProps {
     id: string;
     getData: (obj: any, cb: any) => any;
     onInit: (jsTreeView: TreeViewContext) => any;
+    onDrop?: (treeView: TreeViewContext, targetNode: JsTreeViewNode, eventDetail: {
+        target: any;
+    }, e: DragEvent) => void;
     isCheckboxSelect?: boolean;
     isSaveCheckboxState?: boolean;
     expandNodeIdList?: string[];

package/dist/src/controls/TreeView/TreeViewConfig.d.ts

@@ -29,6 +29,9 @@ export declare class TreeViewConfig {
             tie_selection: boolean;
             cascade: CASCADE;
         };
+        dnd: {
+            is_draggable: () => boolean;
+        };
         contextmenu: () => never[];
     };
 }

package/dist/src/controls/TreeView/TreeViewConstants.d.ts

@@ -43,7 +43,8 @@ export declare enum PLUGIN {
     TYPES = "types",
     WHOLEROW = "wholerow",
     THEMES = "themes",
-    SORT = "sort"
+    SORT = "sort",
+    DND = "dnd"
 }
 export declare enum CASCADE {
     UP = "up",

package/dist/src/index.d.ts

@@ -35,6 +35,7 @@ import { PdfViewerContext } from './controls/PdfViewer/PdfViewerContext';
 import { Login } from './controls/Login/Login';
 import { LoginForm } from './controls/Login/LoginForm';
 import { LoginFormRef } from './controls/Login/LoginFormRef';
+import { FormRef } from './controls/Login/FormRef';
 import { TwoFactorAuthenticationForm } from './controls/Login/TwoFactorAuthenticationForm';
 import { TwoFactorAuthenticationFormRef } from './controls/Login/TwoFactorAuthenticationFormRef';
 import { NTLMAuthenticationForm } from './controls/Login/NTLMAuthenticationForm';
@@ -139,6 +140,9 @@ import { SlideUpPanel } from './controls/SlideUpPanel/SlideUpPanel';
 import { BottomAlignControlGroup } from './controls/BottomAlignControlGroup/BottomAlignControlGroup';
 import { LinearProgress } from './controls/LinearProgress/LinearProgress';
 import { List } from './controls/List/List';
+import { DxfViewer } from './controls/DxfViewer/DxfViewer';
+import { DxfViewerContext } from './controls/DxfViewer/DxfViewerContext';
+import { ErrorMessage } from './controls/ErrorMessage/ErrorMessage';
 export { Breadcrumbs };
 export { TopLevelMenu };
 export { TreeView, TreeViewContext, TREE_VIEW, TreeViewProps, JsTreeViewNode };
@@ -151,7 +155,7 @@ export { View };
 export { TabGroup };
 export { ControlGroup, TabItem };
 export { PdfViewer, PdfViewerContext };
-export { Login, LoginForm, TwoFactorAuthenticationForm, LoginFormRef, TwoFactorAuthenticationFormRef, NTLMAuthenticationForm };
+export { Login, LoginForm, TwoFactorAuthenticationForm, FormRef, LoginFormRef, TwoFactorAuthenticationFormRef, NTLMAuthenticationForm };
 export { Input, InputProps, InputRef };
 export { NumberInput, NUMBER_INPUT };
 export { DatePicker, DatePickerProps };
@@ -223,3 +227,5 @@ export { ImageViewer, ImageViewerRef, ImageItem };
 export { File };
 export { LinearProgress };
 export { List };
+export { DxfViewer, DxfViewerContext };
+export { ErrorMessage };

package/lib/dxf-viewer/BatchingKey.js

@@ -0,0 +1,91 @@
+/** Key for render batches. */
+export class BatchingKey {
+    /**
+     * Components order matters for lookup by prefix.
+     * @param layerName {?String} Layer name, null if not bound to a layer (e.g. block definition).
+     * @param blockName {?String} Block name if applicable. If specified and geometryType is not
+     *  BLOCK_INSTANCE, the batch is part of block definition. Otherwise it is block instance.
+     * @param geometryType {?number} One of BatchingKey.GeometryType.
+     * @param color {number} Color ARGB value.
+     * @param lineType {?number} Line type ID, null for non-lines. Zero is default type (solid
+     *  line).
+     */
+    constructor(layerName, blockName, geometryType, color, lineType) {
+        this.layerName = layerName ?? null;
+        this.blockName = blockName ?? null;
+        this.geometryType = geometryType ?? null;
+        this.color = color;
+        this.lineType = lineType ?? null;
+    }
+
+    /** Comparator function. Fields lexical order corresponds to the constructor arguments order.
+     * Null values are always first.
+     */
+    Compare(other) {
+        let c = CompareValues(this.layerName, other.layerName);
+        if (c !== 0) {
+            return c;
+        }
+        c = CompareValues(this.blockName, other.blockName);
+        if (c !== 0) {
+            return c;
+        }
+        c = CompareValues(this.instanceName, other.instanceName);
+        if (c !== 0) {
+            return c;
+        }
+        c = CompareValues(this.geometryType, other.geometryType);
+        if (c !== 0) {
+            return c;
+        }
+        c = CompareValues(this.color, other.color);
+        if (c !== 0) {
+            return c;
+        }
+        return CompareValues(this.lineType, other.lineType);
+    }
+
+    IsIndexed() {
+        return this.geometryType === BatchingKey.GeometryType.INDEXED_LINES ||
+            this.geometryType === BatchingKey.GeometryType.INDEXED_TRIANGLES ||
+            this.geometryType === BatchingKey.GeometryType.POINTS;
+    }
+
+    IsInstanced() {
+        return this.geometryType === BatchingKey.GeometryType.BLOCK_INSTANCE ||
+            this.geometryType === BatchingKey.GeometryType.POINT_INSTANCE;
+    }
+}
+
+BatchingKey.GeometryType = Object.freeze({
+    POINTS: 0,
+    LINES: 1,
+    INDEXED_LINES: 2,
+    TRIANGLES: 3,
+    INDEXED_TRIANGLES: 4,
+    BLOCK_INSTANCE: 5,
+    /** Shaped point instances. */
+    POINT_INSTANCE: 6
+});
+
+/** Comparator function for arbitrary types. Null is always first. This is used just to make some
+ * ordering for keys in tree structures, so no locale-aware string comparison.
+ */
+export function CompareValues(v1, v2) {
+    if (v1 === null) {
+        if (v2 === null) {
+            return 0;
+        }
+        return -1;
+    }
+    if (v2 === null) {
+        return 1;
+    }
+    if (v1 < v2) {
+        return -1;
+    }
+    if (v1 > v2) {
+        return 1;
+    }
+    return 0;
+}

package/lib/dxf-viewer/DxfFetcher.js

@@ -0,0 +1,39 @@
+import DxfParser from "./parser/DxfParser.js"
+
+/** Fetches and parses DXF file. */
+export class DxfFetcher {
+    constructor(url) {
+        this.url = url
+    }
+
+    /** @param progressCbk {Function} (phase, receivedSize, totalSize) */
+    async Fetch(progressCbk = null) {
+        const response = await fetch(this.url)
+        const totalSize = +response.headers.get('Content-Length')
+
+        const reader = response.body.getReader()
+        let receivedSize = 0
+        //XXX streaming parsing is not supported in dxf-parser for now (its parseStream() method
+        // just accumulates chunks in a string buffer before parsing. Fix it later.
+        let buffer = ""
+        let decoder = new TextDecoder("utf-8")
+        while(true) {
+            const {done, value} = await reader.read()
+            if (done) {
+                buffer += decoder.decode(new ArrayBuffer(0), {stream: false})
+                break
+            }
+            buffer += decoder.decode(value, {stream: true})
+            receivedSize += value.length
+            if (progressCbk !== null) {
+                progressCbk("fetch", receivedSize, totalSize)
+            }
+        }
+
+        if (progressCbk !== null) {
+            progressCbk("parse", 0, null)
+        }
+        const parser = new DxfParser()
+        return parser.parseSync(buffer)
+    }
+}