@docsvision/webclient 5.17.0-beta.17 → 5.17.0-beta.19

package/Platform/DepartmentRowViewRouteTypeMapper.d.ts

@@ -1,10 +1,7 @@
 import { IExistingRowRouteData } from '@docsvision/webclient/Platform/IExistingRowRouteData';
 import { IRouteInfo } from "@docsvision/webclient/System/IRouteInfo";
 import { IRouteTypeMapper } from "@docsvision/webclient/System/IRouteTypeMapper";
-export declare const CardID = "CardID";
-export declare const SectionID = "SectionID";
-export declare const RowID = "RowID";
-export declare const RowViewRouteName = "DepartmentRowView";
+export declare const DepartmentRowViewRouteName = "DepartmentRowView";
 export declare class DepartmentRowViewRouteTypeMapper implements IRouteTypeMapper<IExistingRowRouteData> {
     hashPattern: string;
     resolve(path: string, parameters: {

package/Platform/Diagram.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { BaseControl } from "@docsvision/webclient/System/BaseControl";
+import { ControlImpl } from "@docsvision/webclient/System/ControlImpl";
+import { BaseControlImplState } from "@docsvision/webclient/System/BaseControlImpl";
+import { DiagramParams } from '@docsvision/webclient/Platform/DiagramOptions';
+import { DiagramLogic } from '@docsvision/webclient/Platform/DiagramLogic';
+import { DiagramView } from '@docsvision/webclient/Platform/DiagramView';
+
+export interface DiagramState extends BaseControlImplState, DiagramParams {
+    logic: DiagramLogic;
+    view: DiagramView;
+}
+export declare class Diagram extends BaseControl<DiagramParams, DiagramState> {
+    construct(): void;
+    protected createParams(): DiagramParams;
+    protected createImpl(): ControlImpl;
+    protected addCssClass: () => "" | "diagram__open-folder";
+    renderControl(): JSX.Element;
+}

package/Platform/Diagram.stories.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { Diagram } from '@docsvision/webclient/Platform/Diagram';
+declare const _default: {
+    title: string;
+    component: typeof Diagram;
+};
+export default _default;
+export declare const Bar: () => JSX.Element;
+export declare const StackedBar: () => JSX.Element;
+export declare const StackedAreaCharts: () => JSX.Element;
+export declare const PieChart: () => JSX.Element;

package/Platform/DiagramChart.d.ts

@@ -0,0 +1,7 @@
+import { LegacyRef } from 'react';
+
+export interface IDiagramChartProps {
+    chartRef: LegacyRef<HTMLDivElement>;
+    height: number;
+}
+export declare function DiagramChart(props: IDiagramChartProps): JSX.Element;

package/Platform/DiagramConstants.d.ts

@@ -0,0 +1,12 @@
+export declare const DIAGRAM_COLORS: {
+    Indigo: string;
+    Cyan: string;
+    Green: string;
+    Orange: string;
+    Red: string;
+    Purple: string;
+    Violet: string;
+    Gray: string;
+    Brown: string;
+    Multicolored: string[];
+};

package/Platform/DiagramContainer.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { DiagramLogic } from "@docsvision/webclient/Platform/DiagramLogic";
+import { DiagramView } from "@docsvision/webclient/Platform/DiagramView";
+export declare function DiagramContainer(props: {
+    logic: DiagramLogic;
+    view: DiagramView;
+}): JSX.Element;

package/Platform/DiagramLoader.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { DiagramParams } from '@docsvision/webclient/Platform/DiagramOptions';
+export interface IDiagramLoaderProps {
+    options: DiagramParams;
+    wrapperRef: React.RefObject<HTMLDivElement>;
+    show: boolean;
+}
+export declare function DiagramLoader({ options, wrapperRef, show }: IDiagramLoaderProps): JSX.Element;

package/Platform/DiagramLogic.d.ts

@@ -0,0 +1,74 @@
+import { GenModels } from '@docsvision/webclient/Generated/DocsVision.WebClient.Models';
+import { IChartData, IDiagramLogic, QueryKind, IParsedModel, IPointConfig, IApexChart, IDiagramRequestStrategy, ParseDiagramModel, ChartClass } from '@docsvision/webclient/Platform/IDiagramModels';
+import { ComponentLogic } from '@docsvision/web/core/component';
+import { DiagramParams } from '@docsvision/webclient/Platform/DiagramOptions';
+import { MutableRefObject } from 'react';
+import { DiagramRequestFolderStrategy, DiagramRequestSearchStrategy } from '@docsvision/webclient/Platform/Strategies';
+export declare class DiagramLogic extends ComponentLogic<DiagramParams> {
+    domain: 
+import("effector").Domain;
+    $options: 
+import("effector").Store<IDiagramLogic>;
+    $queryKind: 
+import("effector").Store<QueryKind>;
+    getRequestStrategy: (options: DiagramParams) => DiagramRequestFolderStrategy | DiagramRequestSearchStrategy;
+    renderDiagramFx: 
+import("effector").Effect<IApexChart, void, Error>;
+    goToFolderFx: 
+import("effector").Effect<IPointConfig, void, Error>;
+    private applyFiltersToFolder;
+    initializeOptions(): void;
+    $chartInstance: 
+import("effector").Store<IApexChart>;
+    $chartLib: 
+import("effector").Store<any>;
+    $colorsObject: 
+import("effector").Store<{
+        theme: object;
+        colors: string[];
+    }>;
+    $diagramInitializeParams: 
+import("effector").Store<{
+        title?: undefined;
+        legend?: undefined;
+        type?: undefined;
+        height?: undefined;
+    } | {
+        title: {
+            text: string;
+            align: string;
+        };
+        legend: {
+            show: boolean;
+            position: string;
+            horizontalAlign: string;
+        };
+        type: 
+import("./Functions/GetDiagramType").IDiagramTypeOptions;
+        height: number;
+    }>;
+    setChartRef: 
+import("effector").Event<MutableRefObject<HTMLDivElement>>;
+    $chartRef: 
+import("effector").Store<MutableRefObject<HTMLDivElement>>;
+    initializeChartFx: 
+import("effector").Effect<MutableRefObject<HTMLDivElement>, {
+        lib: ChartClass;
+        data: ParseDiagramModel;
+    }, Error>;
+    diagramInitialize(): void;
+    $diagramType: 
+import("effector").Store<GenModels.DiagramType>;
+    $chartData: 
+import("effector").Store<IChartData>;
+    $gridModel: 
+import("effector").Store<ParseDiagramModel>;
+    $parsedGridModel: 
+import("effector").Store<IParsedModel>;
+    setStrategy: 
+import("effector").Event<IDiagramRequestStrategy>;
+    $strategy: 
+import("effector").Store<IDiagramRequestStrategy>;
+    chartMiddlewaresInitialize(): void;
+    init(options: DiagramParams): void;
+}

package/Platform/DiagramOptions.d.ts

@@ -0,0 +1,54 @@
+import { $CardsPresentationController, $GridController } from "@docsvision/webclient/Generated/DocsVision.WebClient.Controllers";
+import { GenModels } from "@docsvision/webclient/Generated/DocsVision.WebClient.Models";
+import { DiagramLogic } from "@docsvision/webclient/Platform/DiagramLogic";
+import { DiagramView } from "@docsvision/webclient/Platform/DiagramView";
+import { ParseDiagramModel } from "@docsvision/webclient/Platform/IDiagramModels";
+import { BaseControlParams } from "@docsvision/webclient/System/BaseControl";
+import { CancelableApiEvent } from "@docsvision/webclient/System/ApiEvent";
+import { $Router } from "@docsvision/webclient/System/$Router";
+import { $FolderColors } from "@docsvision/webclient/System/$FolderColors";
+import { IControlOptions } from "@docsvision/webclient/System/IControlOptions";
+import { Optional } from "@docsvision/web/core/services";
+import { $DeviceType } from "@docsvision/web/core/system-services/environment/DeviceTypeService";
+/**
+ * Содержит публичные свойства элемента управления [DiagramParams]{@link DiagramParams}.
+ */
+export declare class DiagramParams extends BaseControlParams {
+    /** Standart CSS class */
+    standardCssClass?: string;
+    isLegendEnabled: boolean;
+    /** Положение легенды */
+    legendPosition: GenModels.DiagramLegendPosition;
+    /** Заголовок */
+    title: string;
+    /** Цветовой режим */
+    colorMode: GenModels.DiagramColorMode;
+    /** Цветовая схема */
+    colorScheme: GenModels.DiagramLegendColorScheme;
+    openFolder: boolean;
+    /** Параметры */
+    parameters?: Array<unknown>;
+    /** Тип диаграммы */
+    diagramType: GenModels.DiagramType;
+    folderId?: string;
+    viewId?: string;
+    /** Идентификатор запроса  */
+    searchQueryId?: string;
+    /** Первая колонка */
+    columnPrimary: string;
+    /** Вторая колонка */
+    columnSecondary: string;
+    /** Опции диаграммы */
+    chartOptions?: object;
+    /** Высота */
+    height: number;
+    /** После загрузки данных */
+    dataLoaded?: CancelableApiEvent<ParseDiagramModel>;
+    /** Сервисы контрола */
+    services: DiagramServices;
+}
+export declare type DiagramServices = Optional<$DiagramOptions> & $CardsPresentationController & $GridController & $Router & $DeviceType & $FolderColors;
+export declare type $DiagramOptions = {
+    diagramOptions: IControlOptions<DiagramParams, DiagramLogic, DiagramView>;
+};
+export declare const $DiagramOptions: string | ((model?: $DiagramOptions) => IControlOptions<DiagramParams, DiagramLogic, DiagramView>);

package/Platform/DiagramQueryParams.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { IControlSelectorProps } from '@docsvision/webclient/Helpers/ControlSelector/IControlSelectorProps';
+import { IDiagramQueryParameter } from '@docsvision/webclient/Platform/IDiagramModels';
+import { Event } from 'effector';
+
+export interface IDiagramQueryProps {
+    queryParams: Array<IControlSelectorProps>;
+    editQueryParams: Event<IDiagramQueryParameter>;
+}
+export declare function DiagramQueryParams(props: IDiagramQueryProps): JSX.Element;

package/Platform/DiagramUtils.d.ts

@@ -0,0 +1,12 @@
+import { GenModels } from "@docsvision/webclient/Generated/DocsVision.WebClient.Models";
+import { IChartColumns, IColValue, ParseDiagramModel, QueryKind } from "@docsvision/webclient/Platform/IDiagramModels";
+export declare const countValues: (data: IColValue[]) => {
+    [key: string]: number;
+};
+export declare const formatIfDate: <T extends string | IColValue>(item: T) => T;
+export declare const dateToDefaultFormat: (value: string) => string;
+export declare const getUniqueValues: (values: string[]) => string[];
+export declare const isDate: (value: string) => boolean;
+export declare function calculateTitleWidth(title: string, width: number): number;
+export declare function calculateHeight(width: number, defaultHeight: number, diagramType: GenModels.DiagramType): number;
+export declare const getRequestedColumns: (model: ParseDiagramModel, queryKind: QueryKind, columnPrimary: string, columnSecondary: string) => IChartColumns;

package/Platform/DiagramView.d.ts

@@ -0,0 +1,10 @@
+import { DiagramChart } from "@docsvision/webclient/Platform/DiagramChart";
+import { DiagramLoader } from "@docsvision/webclient/Platform/DiagramLoader";
+import { DiagramQueryParams } from "@docsvision/webclient/Platform/DiagramQueryParams";
+import { DiagramWrapper } from "@docsvision/webclient/Platform/DiagramWrapper";
+export declare class DiagramView {
+    chart: typeof DiagramChart;
+    controlWrapper: typeof DiagramWrapper;
+    queryParams: typeof DiagramQueryParams;
+    loader: typeof DiagramLoader;
+}

package/Platform/DiagramWrapper.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare function DiagramWrapper({ children, wrapperRef }: {
+    children: any;
+    wrapperRef: any;
+}): JSX.Element;

package/Platform/DownloadFilesBatchOperationImpl.d.ts

@@ -3,7 +3,7 @@ import "file-saver";
 import { DownloadFilesBatchOperationParams } from '@docsvision/webclient/Platform/DownloadFilesBatchOperation';
 import { BaseControlState } from '@docsvision/webclient/System/BaseControl';
 import { BaseControlImpl } from '@docsvision/webclient/System/BaseControlImpl';
-import './DownloadFilesBatchOperation.css';
+
 export interface IDownloadFilesBatchOperationState extends DownloadFilesBatchOperationParams, BaseControlState {
 }
 export interface DownloadFilesBatchOperationState extends IDownloadFilesBatchOperationState {

package/Platform/Dropdown.stories.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { Dropdown } from './Dropdown';
-import './Dropdown.stories.css';
+
 declare const _default: {
     title: string;
     component: typeof Dropdown;

package/Platform/ExistingRowRouteNames.d.ts

@@ -1,2 +1,2 @@
-export declare const RowViewRouteName = "RowView";
-export declare const RowEditRouteName = "RowEdit";
+export declare const ExistingRowViewRouteName = "RowView";
+export declare const ExistingRowEditRouteName = "RowEdit";

package/Platform/FilePreviewImpl.d.ts

@@ -60,7 +60,7 @@ export declare class FilePreviewImpl extends BaseControlImpl<FilePreviewParams,
     get isEditMode(): boolean;
     get fileOpen(): boolean;
     get isCommentsOpened(): boolean;
-    getTabIndex(): 0 | -1;
+    getTabIndex(): -1 | 0;
     componentDidMount(): Promise<void>;
     componentWillUnmount(): Promise<void>;
     onFileListWasChanged: () => Promise<void>;
@@ -98,7 +98,9 @@ export declare class FilePreviewImpl extends BaseControlImpl<FilePreviewParams,
         strictMode: boolean;
         selectedID: string;
     };
+    checkAllowedPreviewExtension: (ext: string) => boolean;
     onCurrentFileChange: (selectedElement: IComboBoxElement) => Promise<void>;
     filePreviewDialog: () => JSX.Element;
+    private getFileId;
     protected renderControl(): JSX.Element;
 }

package/Platform/FilterBoolean.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { IFilterComponent } from '@docsvision/webclient/Platform/IFilterComponent';
+
+export interface IFilterBooleanProps extends IFilterComponent {
+}
+export declare const FilterBoolean: React.NamedExoticComponent<IFilterBooleanProps>;

package/Platform/FilterDate.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import '@docsvision/webclient/Platform/Controls/FolderGrid/Plugins/Filtering/components/inputs/FocusableTextInput.css';
-import './FilterDate.css';
+
+
 import { IFilterComponent } from '@docsvision/webclient/Platform/IFilterComponent';
 export declare enum FilterDateMode {
     DateList = 0,

package/Platform/FilterDateRangePicker.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import './FilterDateRangePicker.css';
+
 import { IFilterComponent } from '@docsvision/webclient/Platform/IFilterComponent';
 export interface IFilterDateRangePickerProps extends IFilterComponent {
 }

package/Platform/FocusableTextInput.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import '@docsvision/webclient/Platform/Controls/FolderGrid/Plugins/Filtering/components/inputs/FocusableTextInput.css';
+
 import { IFilterComponent } from '@docsvision/webclient/Platform/IFilterComponent';
 export interface IPanelInputProps extends IFilterComponent {
 }

package/Platform/FolderGrid.d.ts

@@ -10,7 +10,7 @@ import { $FolderInfo } from '@docsvision/webclient/Platform/$FolderInfo';
 import { $FolderPluginProvider } from '@docsvision/webclient/Platform/$FolderPluginProvider';
 import { $CurrentLocation } from '@docsvision/webclient/System/LayoutServices';
 import { $FolderDataLoading } from '@docsvision/webclient/Platform/$FolderDataLoading';
-import './FolderGrid.css';
+
 import { ITablePlugins } from '@docsvision/web/components/table/interfaces';
 import { $BatchOperationServices } from '@docsvision/webclient/BackOffice/DelegateBatchOperation';
 import { $Domain } from '@docsvision/web/core/state-management';

package/Platform/FolderHelpDialog.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { $Locale } from '@docsvision/webclient/StandardServices';
-import './FolderHelpDialog.css';
+
 export interface IFolderHelpDialogProps {
     isOpen: boolean;
     closeModal(): void;

package/Platform/FolderMainMenuItem.d.ts

@@ -14,6 +14,7 @@ import { IProxyControl } from "@docsvision/webclient/System/IProxyControl";
 import { BasicEvent } from "@docsvision/webclient/System/BasicEvent";
 import { CancelableEvent } from "@docsvision/webclient/System/CancelableEvent";
 import { $Router } from '@docsvision/webclient/System/$Router';
+import { $FolderColors } from "@docsvision/webclient/System/$FolderColors";
 /**
  * Содержит публичные свойства элемента управления [FolderMainMenuItem]{@link FolderMainMenuItem}.
  */
@@ -64,7 +65,7 @@ export declare class FolderMainMenuItemParams extends BaseNavigationMainMenuItem
     subfolderAdding?: CancelableEvent<Layout>;
     /** Событие после сохраниния подпапки */
     subfolderAdded?: BasicEvent<SubfolderAddedEventArgs>;
-    services?: $LayoutFolderController & $ControlStore & $Router & $UnreadCounter & $Folders & $DeviceType;
+    services?: $LayoutFolderController & $ControlStore & $Router & $UnreadCounter & $Folders & $DeviceType & $FolderColors;
 }
 /**
  * Контрол для отображения ссылки на папку в списке элементов главной панели.

package/Platform/FolderMainMenuItemImpl.d.ts

@@ -36,6 +36,7 @@ export declare class FolderMainMenuItemImpl extends BaseNavigationMainMenuItemIm
     protected getChildrenAutoExpandLevelsCount: () => number;
     protected canAutoExpand: () => boolean;
     protected autoExpand(): Promise<void>;
+    getChildLevel(): number;
     renderChildren(): React.ReactNode[];
     protected hasSubfolders(): boolean;
     loadChildren(levelsDown?: number): Promise<GenModels.FolderNode>;

package/Platform/FolderOperationManager.d.ts

@@ -4,7 +4,7 @@ import { TSecurityDescriptorDialogPropsServices } from "@docsvision/webclient/Pl
 import { Layout } from "@docsvision/webclient/System/Layout";
 import { BasicEvent } from "@docsvision/webclient/System/BasicEvent";
 import { CancelableEvent } from "@docsvision/webclient/System/CancelableEvent";
-import "./FolderOperationManager.css";
+
 import { $LayoutFolderController } from "@docsvision/webclient/Generated/DocsVision.WebClient.Controllers";
 export declare type FolderEditedEventArgs = {
     layout: Layout;

package/Platform/FolderSizePlugin.d.ts

@@ -6,6 +6,6 @@ import { $CheckboxService } from "@docsvision/web/components/table/plugins/check
 import { $Grouping } from "@docsvision/web/components/table/plugins/grouping";
 import { $TableData } from "@docsvision/web/components/table/plugins/table-data";
 import { Optional } from "@docsvision/web/core/services";
-import "./FolderSizePlugin.css";
+
 export declare const FolderSizeToolbarLabelFeature = "FolderSizeToolbarLabelFeature";
 export declare const FolderSizePlugin: TablePlugins.Toolbar.Component<$FolderDataLoading & Optional<$CheckboxService> & $Grouping & $TableData & $FolderInfo & $SearchParametersFolder>;

package/Platform/FolderTypeDialog.d.ts

@@ -2,7 +2,7 @@
 import { Tree } from '@docsvision/webclient/Helpers/Tree/Tree';
 import { FolderTypeItem, FolderTypeTreeNode } from '@docsvision/webclient/Platform/FolderTypeItemsImpl';
 import { LoadingState } from '@docsvision/webclient/System/LoadingState';
-import "./FolderTypeDialog.css";
+
 export declare type FolderTypeDialogProps = {
     items: Array<FolderTypeTreeNode>;
     selected: FolderTypeItem;

package/Platform/FolderViewItemsImpl.d.ts

@@ -44,7 +44,7 @@ export declare class FolderViewItemsImpl extends InputBasedControlImpl<string, F
         checked?: boolean;
         crossOrigin?: string;
         disabled?: boolean;
-        enterKeyHint?: "done" | "search" | "enter" | "go" | "next" | "previous" | "send";
+        enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send";
         form?: string;
         formAction?: string;
         formEncType?: string;
@@ -110,11 +110,11 @@ export declare class FolderViewItemsImpl extends InputBasedControlImpl<string, F
         results?: number;
         security?: string;
         unselectable?: "on" | "off";
-        inputMode?: "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
+        inputMode?: "none" | "text" | "url" | "tel" | "email" | "numeric" | "decimal" | "search";
         is?: string;
         'aria-activedescendant'?: string;
         'aria-atomic'?: boolean | "true" | "false";
-        'aria-autocomplete'?: "none" | "inline" | "list" | "both";
+        'aria-autocomplete'?: "none" | "list" | "inline" | "both";
         'aria-busy'?: boolean | "true" | "false";
         'aria-checked'?: boolean | "true" | "false" | "mixed";
         'aria-colcount'?: number;
@@ -125,7 +125,7 @@ export declare class FolderViewItemsImpl extends InputBasedControlImpl<string, F
         'aria-describedby'?: string;
         'aria-details'?: string;
         'aria-disabled'?: boolean | "true" | "false";
-        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup";
+        'aria-dropeffect'?: "copy" | "none" | "link" | "execute" | "move" | "popup";
         'aria-errormessage'?: string;
         'aria-expanded'?: boolean | "true" | "false";
         'aria-flowto'?: string;
@@ -323,6 +323,8 @@ export declare class FolderViewItemsImpl extends InputBasedControlImpl<string, F
         onAnimationIterationCapture?: (event: React.AnimationEvent<HTMLInputElement>) => void;
         onTransitionEnd?: (event: React.TransitionEvent<HTMLInputElement>) => void;
         onTransitionEndCapture?: (event: React.TransitionEvent<HTMLInputElement>) => void;
+        css?: 
+import("@emotion/core").InterpolationWithTheme<any>;
     };
     protected attachTypeahead(typeahead: Typeahead): void;
     protected onTypeaheadSelected(variant: FolderViewVariant): Promise<void>;

package/Platform/FormatSearchQueryParams.d.ts

@@ -0,0 +1,2 @@
+import { IDiagramChosenQueryParams } from "@docsvision/webclient/Platform/IDiagramModels";
+export declare function formatSearchQueryParams(queryParams: any, queryParamsChosen: IDiagramChosenQueryParams): any;

package/Platform/GetDiagramType.d.ts

@@ -0,0 +1,6 @@
+import { GenModels } from "@docsvision/webclient/Generated/DocsVision.WebClient.Models";
+export interface IDiagramTypeOptions {
+    type?: string;
+    stacked?: boolean;
+}
+export declare const getDiagramType: (diagramType: GenModels.DiagramType) => IDiagramTypeOptions;

package/Platform/GroupMainMenuItemImpl.d.ts

@@ -16,5 +16,6 @@ export declare class GroupMainMenuItemImpl<P extends GroupMainMenuItemParams, S
     protected getChildrenAutoExpandLevelsCount: () => number;
     renderProxyChildren(): React.ReactNode[];
     protected getCssClass(): string;
+    getChildLevel(): number;
     renderControl(): JSX.Element;
 }

package/Platform/IDiagramModels.d.ts

@@ -0,0 +1,129 @@
+import { GenModels } from "@docsvision/webclient/Generated/DocsVision.WebClient.Models";
+import { DiagramParams, DiagramServices } from "@docsvision/webclient/Platform/DiagramOptions";
+import { ITransformOptions } from "@docsvision/webclient/Platform/TransformToChartData";
+export interface IDiagramLogic extends DiagramParams {
+    children?: Array<unknown>;
+    services: DiagramServices;
+}
+export interface IChartData {
+    labels?: string[];
+    series?: number[] | Array<{
+        data: number[];
+        name?: string;
+    }>;
+    options: {
+        [key: string]: unknown;
+    };
+}
+export declare enum QueryKind {
+    FolderQuery = 0,
+    SearchQuery = 1
+}
+export interface IChartDataElement {
+    value: number;
+    label: string;
+}
+export interface IChartColumn {
+    name: string;
+    id: string;
+    type: DiagramColumnType;
+}
+export interface IColValue {
+    value: string;
+    count: number;
+    primaryValue?: string;
+}
+export interface IChartColumns {
+    primary: IChartColumn;
+    secondary: IChartColumn;
+}
+export interface IParsedColumns {
+    primary: IColValue[];
+    secondary: IColValue[];
+}
+export interface IParsedModel {
+    data?: IParsedColumns;
+    chartColumns?: IChartColumns;
+}
+export interface ISeriesAccumulation {
+    name: string;
+    primaryCount: {
+        [key: string]: number | null;
+    };
+}
+export interface IDiagramChosenQueryParams {
+    items: Array<{
+        parameterName: string;
+        selected: unknown;
+    }>;
+}
+export interface IDiagramQueryParameter {
+    enabled?: boolean;
+    name: string;
+    valueContainer: string;
+    controlTypeName: string;
+}
+export interface IChartConfigModel {
+    representation: any;
+    series: any;
+    xaxis: any;
+    type: any;
+    labels: any;
+    legend: any;
+    title: any;
+    colorNum: any;
+    colorMode: any;
+}
+export interface IPointConfig {
+    dataPointIndex: number;
+    selectedDataPoints: {
+        [p: number]: number[];
+    };
+    seriesIndex: number;
+}
+export interface IApexChart {
+    updateOptions: (...args: any[]) => void;
+    updateSeries: (series: number[] | Array<{
+        data: number[];
+        name?: string;
+    }>) => void;
+    render: () => void;
+}
+export declare type DiagramRequestModel = GenModels.CardListRequestModel | GenModels.SearchRequestModelDiagram;
+export interface IDiagramRequestStrategy {
+    options: DiagramParams;
+    createRequest: (options: DiagramParams) => DiagramRequestModel | GenModels.DistinctValuesDiagramRequestModel;
+    requestData: (request: DiagramRequestModel) => Promise<ParseDiagramModel>;
+    parseModel: (model: ParseDiagramModel, options: IParseDiagramOptions) => IParsedModel;
+    transformToChartData: (model: IParsedModel, options: ITransformOptions) => IChartData;
+}
+export interface IDiagramLoaderRectParams {
+    x: number;
+    y: number;
+    rectHeight?: number;
+    numberOfElements?: number;
+    wrapHeight?: number;
+    contentWidth?: number;
+    legendX?: number;
+    legendY?: number;
+    isHorizontal?: boolean;
+}
+export interface IDiagramLoaderLegendParams {
+    x: number;
+    y: number;
+    isHorizontal?: boolean;
+    isCircleBullets?: boolean;
+}
+export interface IParseDiagramOptions {
+    queryKind: QueryKind;
+    params: Partial<DiagramParams>;
+}
+export declare type ParseDiagramModel = GenModels.SearchResponseModelDiagram | GenModels.DistinctDiagramValuesModel;
+export declare type ChartClass = new (root: HTMLElement, options: unknown) => IApexChart;
+export declare type ChartModule = {
+    default: ChartClass;
+};
+export declare enum DiagramColumnType {
+    Common = 0,
+    Date = 1
+}

package/Platform/InputWithMask.d.ts

@@ -1,7 +1,7 @@
 import React, { FocusEvent, RefObject } from 'react';
 import { ReactInputMask } from 'react-input-mask';
 import { IDateFormatPluginData } from '@docsvision/web/components/table/plugins/filter/elements/filter-panel/FilterPanelLogic';
-import './InputWithMask.css';
+
 import { Moment } from 'moment';
 export interface IInputWithMaskProps {
     value: string[];

package/Platform/LayoutIconButtonImpl.d.ts

@@ -2,7 +2,7 @@ import { LayoutIconButtonParams } from "@docsvision/webclient/Platform/LayoutIco
 import { BaseControlState } from "@docsvision/webclient/System/BaseControl";
 import { BaseControlImpl } from "@docsvision/webclient/System/BaseControlImpl";
 import React from "react";
-import "./LayoutIconButton.css";
+
 /** @internal */
 export interface ILayoutIconButtonState extends LayoutIconButtonParams, BaseControlState {
     loading: boolean;