ods-component-lib 1.18.227 → 1.18.229

package/dist/components/antd/modal/OdsAdvanceModal.d.ts

@@ -0,0 +1,7 @@
+import { ModalProps } from "antd";
+import React from "react";
+export interface ICustomModalProps extends ModalProps {
+    content: React.ReactNode;
+}
+declare const OdsAdvanceModal: React.FC<ICustomModalProps>;
+export default OdsAdvanceModal;

package/dist/components/devextreme/OdsMergeCellDataGrid/OdsMergeCellDataGrid.Constants.d.ts

@@ -0,0 +1,18 @@
+export declare let constants: {
+    totalPageCount: number;
+    loadedPageCount: number;
+    totalRecordCount: number;
+    exportFormats: string[];
+    selectedCellBgColor: string;
+    allowedDataTypesForMultiCellEditing: string[];
+};
+export declare const columnSelectedFieds: {
+    dataField: string;
+    dataType: string;
+    caption: string;
+    visible: boolean;
+};
+export declare const onCancelEditEvent: CustomEvent<{
+    rowData: any;
+}>;
+export declare const dataFieldNameActions = "Actions";

package/dist/components/devextreme/OdsMergeCellDataGrid/OdsMergeCellDataGrid.Functions.d.ts

@@ -0,0 +1,11 @@
+import { ReactElement } from "react";
+import { ICellInfo, IOdsDataGridProps, SummaryTypes } from "./OdsMergeCellDataGrid.Types";
+export declare const checkCellSelectionConstraints: (e: any) => boolean;
+export declare const cellAlreadySelected: (pkValue: any, dataField: string, cellInfos: ICellInfo[]) => boolean;
+export declare const addNewFieldForFastUpdate: (data: any[]) => any[];
+export declare const getRequestHeaders: (props: any) => Headers;
+export declare const concatFilteredLabel: (result: string, totalloaded: number, filteredRowCount: number, filterApplied: boolean, props: any) => string;
+export declare const showSummaryItems: (props: IOdsDataGridProps) => boolean;
+export declare const getSummaryItems: (props: IOdsDataGridProps, columns: any[], grid: any, isMultiLevelColumn?: boolean) => ReactElement[];
+export declare const getSummaryItem: (col: any, visibleIndex: number, summaryType: SummaryTypes, isMultiLevelColumn: boolean, label?: string) => ReactElement;
+export declare const getMultiLevelColumns: (col: any) => any;

package/dist/components/devextreme/OdsMergeCellDataGrid/OdsMergeCellDataGrid.Helper.d.ts

@@ -0,0 +1,19 @@
+import { ICellMergeInfo } from "./OdsMergeCellDataGrid.Types";
+export declare class OdsMergeCellDataGridHelper {
+    private static _instance;
+    private _dataSource;
+    private _columns;
+    private _mergeDataFields;
+    get mergeDataFields(): string[];
+    set mergeDataFields(val: string[]);
+    get dataSource(): any[];
+    set dataSource(val: any[]);
+    get columns(): any[];
+    set columns(val: any[]);
+    constructor();
+    static getInstance: () => OdsMergeCellDataGridHelper;
+    sortDataSource: () => any[];
+    private compareData;
+    private getDataType;
+    mergeDataSource: (keyExpr: string | string[]) => ICellMergeInfo[];
+}

package/dist/components/devextreme/OdsMergeCellDataGrid/OdsMergeCellDataGrid.Style.d.ts

@@ -0,0 +1,6 @@
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    grid: import("antd-style").SerializedStyles;
+    gridCustomSummary: import("antd-style").SerializedStyles;
+    mergeCellChild: import("antd-style").SerializedStyles;
+    mergeCellRoot: import("antd-style").SerializedStyles;
+}>;

package/dist/components/devextreme/OdsMergeCellDataGrid/OdsMergeCellDataGrid.Types.d.ts

@@ -0,0 +1,130 @@
+import React, { MouseEventHandler } from "react";
+import { ButtonType } from "antd/es/button/buttonHelpers";
+import { IButtonProps, IDataGridOptions, IEditingProps, ISelectionProps, ISummaryProps } from "devextreme-react/data-grid";
+import { IColumnOptions, IMasterDetailDatas, IMasterDetailFeatures } from "../OdsMasterDetailDataGrid/types";
+export declare type SummaryTypes = "avg" | "count" | "custom" | "max" | "min" | "sum";
+export interface IMultiCellEditableDataGridProps {
+    hasFastUpdate?: boolean;
+    fastUpdateButtonText?: string;
+    fastUpdateModalTitle?: string;
+    fastUpdateModalCancelText?: string;
+    fastUpdateModalSaveText?: string;
+    fastUpdateFormRequiredFieldMessage?: string;
+    onFastUpdateButtonClick?: MouseEventHandler<Element> | undefined;
+    onFastUpdateFinish?: (values: any, selectedCellInfo: ICellInfo[]) => void;
+    onFastUpdateCancel?: () => void;
+    onFastUpdateFailed?: (errorInfo: any) => void;
+}
+interface IExportProps {
+    enabled: boolean;
+    allowExportSelectedData?: boolean;
+    fileName?: string;
+    selectedText?: string;
+    activeText?: string;
+    passiveText?: string;
+}
+export declare type ITooltipType = "raw" | "styled";
+export interface IOdsDataGridProps extends IDataGridOptions, IMultiCellEditableDataGridProps {
+    ref?: React.MutableRefObject<any> | undefined;
+    dataGridPageName?: string;
+    language: string;
+    exportFileName: string;
+    filterEnabledShow: boolean;
+    pageTitle?: string;
+    toolbarButtonGroup?: IButtonGroup[];
+    actionButtonGroup?: IButtonGroup[];
+    actionButtonGroupCaption?: string;
+    columns: any[];
+    closeGridHeader?: boolean;
+    pageSize?: number;
+    actionColumnEnable: boolean;
+    selectOptions?: ISelectOptions;
+    columnChooserPositionDisabled?: boolean;
+    pagingEnable?: boolean;
+    edit?: IEditingoptions;
+    isServerSide?: boolean;
+    exportProps?: IExportProps;
+    axiosRequest?: IAxiosProps;
+    customSummary?: ISummaryRowOptions;
+    handleEditorPreparing?: any;
+    isFilterRow?: boolean;
+    filterData?: any[];
+    detailGridColums?: any[];
+    detailData?: any;
+    actionButtonsTooltipType?: ITooltipType;
+    isColumnWidthFixed?: boolean;
+    showMasterDetail?: boolean;
+    detailGridColumns?: IColumnOptions[];
+    masterDetailDatas?: IMasterDetailDatas;
+    masterDetailFeatures?: IMasterDetailFeatures;
+    DetailGridComponent?: React.FC<any>;
+    mergeDataFields: string[];
+}
+export interface ISummaryRowOptions {
+    summaryLoadedDataLabel?: string;
+    summaryTotalDataLabel?: string;
+    summaryFilteredDataLabel?: string;
+    summaryItems?: ISummaryProps[];
+    summaryTotalCount?: number;
+    summaryTotalPageCountLabel?: string;
+    showSumInSummary?: boolean;
+    showAvgInSummary?: boolean;
+    showCountInSummary?: boolean;
+    showMaxInSummary?: boolean;
+    showMinInSummary?: boolean;
+    summarySumLabel?: string;
+    summaryAvgLabel?: string;
+    summaryMinLabel?: string;
+    summaryMaxLabel?: string;
+    summaryCountLabel?: string;
+}
+interface IAxiosProps {
+    token: string;
+    requestData?: any;
+    apiUrl: string;
+    environmentUrl: string;
+    requestQueryString?: any;
+    requestType: string;
+}
+interface IEditingoptions extends IEditingProps {
+    formItems?: any[];
+    title?: string;
+}
+interface ISelectOptions extends ISelectionProps {
+    selectEnable: boolean;
+}
+export interface IButtonGroup extends Omit<IButtonProps, "icon"> {
+    icon?: JSX.Element;
+    type?: ButtonType;
+    label?: string;
+    actionPermission?: boolean;
+    onclick?: React.MouseEventHandler<HTMLElement>;
+}
+export interface ICellInfo {
+    dataField: string;
+    pkValue: any;
+}
+export interface ICellIndexInfo {
+    rowIndex: number;
+    colIndex: number;
+}
+export interface IMouseSelectionInfo {
+    cellInfo: ICellInfo;
+    isActive: boolean;
+}
+export interface ICustomizeInfo {
+    value: any;
+    valueText: string;
+}
+export interface ICellMergeInfo {
+    FieldName: string;
+    StartRowIndex: number;
+    EndRowIndex: number;
+    StartKey: number | string;
+    Type: "Original" | "New" | "Dirty" | "OutOfScope" | "Placed";
+}
+export interface IRootCellIndexInfo {
+    FieldName: string;
+    RootIndex: number;
+}
+export {};

package/dist/components/devextreme/OdsMergeCellDataGrid/OdsMergeCellDataGrid.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { IOdsDataGridProps } from "./OdsMergeCellDataGrid.Types";
+declare const OdsMergeCellDataGrid: (props: IOdsDataGridProps) => React.JSX.Element;
+export default OdsMergeCellDataGrid;

package/dist/components/devextreme/OdsTimeline/OdsTimeline.Constants.d.ts

@@ -0,0 +1,4 @@
+export declare const Constants: {
+    timelineDefaultStartDate: Date;
+    timelineDefaultEndDate: Date;
+};

package/dist/components/devextreme/OdsTimeline/OdsTimeline.Functions.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export declare const checkboxCellComponent: (props: any) => React.JSX.Element;
+export declare const statusCellComponent: (props: any) => React.JSX.Element;
+export declare const minimalHeaderCellComponent: (data: any, __el: any) => React.JSX.Element;
+export declare const mapCustomTask: (item: any) => any;
+export declare const setSelectedKeys: (datasource: any[], key?: string, selectedKeys?: number[] | string[]) => any[];

package/dist/components/devextreme/OdsTimeline/OdsTimeline.Types.d.ts

@@ -0,0 +1,77 @@
+/// <reference types="react" />
+import { IColumnProps, IGanttOptions, IItemProps } from "devextreme-react/gantt";
+export interface IMenuLinkItem {
+    text: string;
+    url: string;
+    queryParamNames?: string[];
+}
+export interface ICustomSelectionChange {
+    data: any;
+    isSelected: boolean;
+}
+export interface IDateRangeChange {
+    startDate: Date;
+    endDate: Date;
+}
+export interface IStatusColumnChange {
+    data: any;
+    status: boolean;
+    dataField: string;
+}
+export interface ICheckboxColumnChange {
+    data: any;
+    isChecked: boolean;
+    dataField: string;
+}
+export interface IOdsTimelineProps extends React.PropsWithChildren<IGanttOptions> {
+    /**
+     * Set columns for listview.
+     */
+    customColumns?: IOdsTimelineColumnProps[];
+    /**
+     * Set task list. It is used for list view and timeline view.
+     */
+    customTasks: any[];
+    /**
+     * Set data field name from task list. This is used for selection.
+     */
+    customTaskKey?: string;
+    /**
+     * Set key values to be selected. "multiSelectionEnabled" must be true.
+     */
+    customSelectedKeys?: string[] | number[];
+    /**
+     * Set true if you want multi selection in list view.
+     */
+    multiSelectionEnabled?: boolean;
+    /**
+     * This is a selection event that fired when selection is changed.
+     */
+    onCustomSelectionChanged(e: ICustomSelectionChange): void;
+    /**
+     * This is a date range event that fired when date range is changed.
+     */
+    onDateRangeChange(e: IDateRangeChange): void;
+}
+export interface IOdsTimelineColumnProps extends IColumnProps {
+    isMinimized?: boolean;
+    isStatusColumn?: boolean;
+    isCheckboxColumn?: boolean;
+}
+export interface IOdsTimelineStatusColumnProps extends IOdsTimelineColumnProps {
+    onStatusColumnChange(e: IStatusColumnChange): void;
+}
+export interface IOdsTimelineCheckboxColumnProps extends IOdsTimelineColumnProps {
+    onCheckboxColumnChange(e: ICheckboxColumnChange): void;
+}
+export interface IOdsTimelineDateFilter extends IItemProps {
+    defaultStartDate?: Date;
+    defaultEndDate?: Date;
+    backText?: string;
+    nextText?: string;
+    onFilterRangeChange(e: IDateRangeChange): void;
+}
+export declare const enum DateDirection {
+    prevMonth = "previousMonth",
+    nextMonth = "nextMonth"
+}

package/dist/components/devextreme/OdsTimeline/OdsTimeline.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import "./OdsTimeline.css";
+import { IOdsTimelineProps } from "./OdsTimeline.Types";
+declare const OdsTimeline: (props: IOdsTimelineProps) => React.JSX.Element;
+export default OdsTimeline;

package/dist/components/devextreme/OdsTimeline/OdsTimelineDateFilter.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { IOdsTimelineDateFilter } from "./OdsTimeline.Types";
+export declare const OdsTimelineDateFilter: (props: IOdsTimelineDateFilter | Readonly<IOdsTimelineDateFilter>) => React.JSX.Element;

package/dist/components/devextreme/OdsTimeline/OdsTimelineSelectionColumn.d.ts

@@ -0,0 +1,2 @@
+import { ICustomSelectionChange, IOdsTimelineColumnProps } from "./OdsTimeline.Types";
+export declare const OdsTimelineSelectionColumn: (selectionEvent: (e: ICustomSelectionChange) => void) => IOdsTimelineColumnProps;

package/dist/components/filter/stylesPlus.d.ts

@@ -22,6 +22,7 @@ export declare const useAdvancedFilterButtonStyles: (props?: {
 }) => import("antd-style").ReturnStyles<{
     advancedFilterButton: string;
     advancedFilterRowWrapper: string;
+    advancedFilterRowInner: string;
     advancedFilterRow: string;
 }>;
 export declare const useFilterTagsStyles: (props?: unknown) => import("antd-style").ReturnStyles<{

package/dist/hooks/useOdsRemoteDataGridCustomToolbar.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { ButtonType } from 'antd/es/button/buttonHelpers';
+import { IButtonProps } from 'devextreme-react/data-grid';
+export interface ICustomToolbarProps {
+    pageTitle?: string;
+    toolbarButtonGroup?: IButtonGroup[];
+}
+interface IButtonGroup extends IButtonProps {
+    type?: ButtonType;
+    label?: string;
+    onclick?: React.MouseEventHandler<HTMLElement>;
+    actionPermission?: boolean;
+}
+export declare const useOdsRemoteDataGridCustomToolbar: (props: ICustomToolbarProps) => (e: any) => void;
+export {};

package/dist/index.js

@@ -1948,7 +1948,7 @@ var OdsFilter = function OdsFilter(props) {
   }, props.buttonApplyName)))))));
 };
 
-var _templateObject$q, _templateObject2$2, _templateObject3$2, _templateObject4$1, _templateObject5$1, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17, _templateObject18;
+var _templateObject$q, _templateObject2$2, _templateObject3$2, _templateObject4$1, _templateObject5$1, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17, _templateObject18, _templateObject19;
 var useStyles$1 = antdStyle.createStyles(function (_ref, props) {
   var css = _ref.css,
     cx = _ref.cx,
@@ -1978,15 +1978,16 @@ var useAdvancedFilterButtonStyles$1 = antdStyle.createStyles(function (_ref2, pr
     token = _ref2.token;
   return {
     advancedFilterButton: cx(css(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteralLoose(["\n        display: flex;\n        color: ", ";\n        align-items: center;\n        justify-content: center;\n        padding-left: ", "px;\n        padding-right: ", "px;\n      "])), token.colorPrimary, token.padding, token.padding)),
-    advancedFilterRowWrapper: cx(css(_templateObject16$1 || (_templateObject16$1 = _taggedTemplateLiteralLoose(["\n        margin-top: 16px;\n        margin-bottom: 16px;\n        display: grid;\n        transition: grid-template-rows 0.3s;\n        grid-template-rows: ", ";\n      "])), props.open ? "1fr" : "0fr")),
-    advancedFilterRow: cx(css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n        display: grid;\n        overflow: hidden;\n        width: 100%;\n      "]))))
+    advancedFilterRowWrapper: cx(css(_templateObject16$1 || (_templateObject16$1 = _taggedTemplateLiteralLoose(["\n        display: grid;\n        transition: grid-template-rows 0.3s;\n        grid-template-rows: ", ";\n      "])), props.open ? "1fr" : "0fr")),
+    advancedFilterRowInner: cx(css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n        min-height: 0;\n        overflow: hidden;\n      "])))),
+    advancedFilterRow: cx(css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n        padding-top: 16px;\n        display: grid;\n        overflow: hidden;\n        width: 100%;\n\n        & .ant-form-item .ant-form-item-label > label {\n          text-overflow: ellipsis;\n          overflow: hidden;\n          white-space: nowrap;\n          display: inline-block;\n        }\n      "]))))
   };
 });
 var useFilterTagsStyles$1 = antdStyle.createStyles(function (_ref3) {
   var css = _ref3.css,
     token = _ref3.token;
   return {
-    menu: css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n    width: 100%;\n    border: 0;\n    gap: ", "px;\n    position: relative;\n\n    &::after,\n    &::before {\n      display: none;\n    }\n\n    &.ant-menu-light.ant-menu-horizontal {\n      & > .ant-menu-item {\n        cursor: default;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin: 0;\n        top: unset;\n      }\n\n      & > .ant-menu-submenu {\n        &:hover {\n          &::after {\n            display: none;\n          }\n        }\n      }\n    }\n\n    &.ant-menu-light.ant-menu-horizontal > .ant-menu-submenu-selected::after {\n      display: none;\n    }\n\n    &.ant-menu-light.ant-menu-horizontal > .ant-menu-item::after,\n    &.ant-menu-light.ant-menu-horizontal > .ant-menu-item:hover::after {\n      display: none;\n    }\n\n    &.ant-menu-light.ant-menu-horizontal\n      > .ant-menu-submenu\n      &.ant-menu-light.ant-menu-horizontal\n      > .ant-menu-item::after {\n      display: none;\n    }\n  "])), token.sizeXS)
+    menu: css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n    width: 100%;\n    border: 0;\n    gap: ", "px;\n    position: relative;\n\n    &::after,\n    &::before {\n      display: none;\n    }\n\n    &.ant-menu-light.ant-menu-horizontal {\n      & > .ant-menu-item {\n        cursor: default;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin: 0;\n        top: unset;\n      }\n\n      & > .ant-menu-submenu {\n        &:hover {\n          &::after {\n            display: none;\n          }\n        }\n      }\n    }\n\n    &.ant-menu-light.ant-menu-horizontal > .ant-menu-submenu-selected::after {\n      display: none;\n    }\n\n    &.ant-menu-light.ant-menu-horizontal > .ant-menu-item::after,\n    &.ant-menu-light.ant-menu-horizontal > .ant-menu-item:hover::after {\n      display: none;\n    }\n\n    &.ant-menu-light.ant-menu-horizontal\n      > .ant-menu-submenu\n      &.ant-menu-light.ant-menu-horizontal\n      > .ant-menu-item::after {\n      display: none;\n    }\n  "])), token.sizeXS)
   };
 });
 
@@ -2216,7 +2217,8 @@ var OdsFilterPlus = function OdsFilterPlus(props) {
         label: tab.label,
         children: React__default.createElement(antd.Row, {
           gutter: [12, 16],
-          key: tab.key
+          key: tab.key,
+          align: "top"
         }, tab.children ? tab.children.slice(0, 6).map(function (filterRow, index) {
           return React__default.createElement(antd.Col, Object.assign({
             key: index,
@@ -2234,10 +2236,13 @@ var OdsFilterPlus = function OdsFilterPlus(props) {
   }), " ", React__default.createElement("div", {
     className: advancedFilterStyles.advancedFilterRowWrapper,
     ref: advancedRef
+  }, React__default.createElement("div", {
+    className: advancedFilterStyles.advancedFilterRowInner
   }, React__default.createElement("div", {
     className: advancedFilterStyles.advancedFilterRow
   }, React__default.createElement(antd.Row, {
-    gutter: [12, 16]
+    gutter: [12, 16],
+    align: "top"
   }, props.tabs.map(function (tab) {
     if (tab.key === activeTabKey && tab.children) {
       var additionalRows = tab.children.slice(6).map(function (filterRow, rowIndex) {
@@ -2248,10 +2253,11 @@ var OdsFilterPlus = function OdsFilterPlus(props) {
       return additionalRows;
     }
     return null;
-  })))), shouldDisplayButtonsInline && React__default.createElement(ActionButtons, null)), hasFilterRow && !hasTabFilter && React__default.createElement("div", {
+  }))))), shouldDisplayButtonsInline && React__default.createElement(ActionButtons, null)), hasFilterRow && !hasTabFilter && React__default.createElement("div", {
     className: styles.filterInlineDisplayWrapper
   }, React__default.createElement(antd.Row, {
-    gutter: [12, 16]
+    gutter: [12, 16],
+    align: "top"
   }, filterRow.map(function (item, index) {
     return React__default.createElement(antd.Col, Object.assign({
       key: index
@@ -2261,15 +2267,18 @@ var OdsFilterPlus = function OdsFilterPlus(props) {
   })), shouldDisplayButtonsInline && React__default.createElement(ActionButtons, null)), hasAdvancedFilters && !hasTabFilter && React__default.createElement("div", {
     className: advancedFilterStyles.advancedFilterRowWrapper,
     ref: advancedRef
+  }, React__default.createElement("div", {
+    className: advancedFilterStyles.advancedFilterRowInner
   }, React__default.createElement("div", {
     className: advancedFilterStyles.advancedFilterRow
   }, React__default.createElement(antd.Row, {
-    gutter: [12, 16]
+    gutter: [12, 16],
+    align: "top"
   }, advanceFilterRow === null || advanceFilterRow === void 0 ? void 0 : advanceFilterRow.map(function (item, index) {
     return React__default.createElement(antd.Col, Object.assign({
       key: index
     }, item.colSize || defaultColSize({})), item.element);
-  })))), !shouldDisplayButtonsInline && React__default.createElement("div", {
+  }))))), !shouldDisplayButtonsInline && React__default.createElement("div", {
     className: styles.filterActionButtonsWrapper
   }, React__default.createElement(ActionButtons, null)))))));
 };