ods-component-lib 1.18.227 → 1.18.228

package/dist/App.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const App: React.FC;
+export default App;

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/OdsInlineEditDataGrid/handlers/ContentHandlers.d.ts

@@ -0,0 +1,14 @@
+import { ContentReadyEvent } from "devextreme/ui/data_grid";
+import { IColumnConfig } from "../types";
+/**
+ * Custom hook to handle content ready events for the data grid.
+ * @param {React.MutableRefObject<any>} lastPageIndexRef - Reference to the last page index.
+ * @param {boolean} contentReady - Boolean indicating if the content is ready.
+ * @param {Function} setRowCount - Function to set the row count state
+ * @param {Function} setContentReady - Function to set the content ready state.
+ * @param {Function} setCurrentPage - Function to set the current page state.
+ * @param {Function} setCurrentPageSize - Function to set the current page size state.
+ * @param {Function} [callback] - Optional callback function.
+ * @returns {(e: ContentReadyEvent<any, any>) => void} handleContentReady - Handler for content ready event.
+ */
+export declare const useContentHandlers: (lastPageIndexRef: React.MutableRefObject<any>, contentReady: boolean, columns: IColumnConfig[], setRowCount: Function, setContentReady: Function, setCurrentPage: Function, setCurrentPageSize: Function, setHeaderFilterData: Function, callback?: Function) => (e: ContentReadyEvent<any, any>) => void;

package/dist/components/devextreme/OdsInlineEditDataGrid/handlers/EditorPreparedHandlers.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Custom hook that returns a callback function to handle the "editorPrepared" event of a DevExtreme component.
+ * This callback function is responsible for customizing the editor's behavior based on specific conditions.
+ *
+ * @returns {Function} The callback function to handle the "editorPrepared" event.
+ */
+export declare const useEditorPreparedHandlers: () => (e: any) => void;

package/dist/components/devextreme/OdsInlineEditDataGrid/handlers/OnExportingHandlers.d.ts

@@ -0,0 +1,19 @@
+interface IOnExportingProps {
+    gridComponent: any;
+    baseFileName?: string;
+    selectedText?: string;
+    getSummary: () => string;
+    selectedRowsOnly: boolean;
+}
+/**
+ * Handles the exporting of data from the grid component.
+ *
+ * @param {IOnExportingProps} params - The parameters for exporting the data.
+ * @param {React.RefObject<Grid>} params.gridComponent - The reference to the grid component.
+ * @param {string} params.baseFileName - The base file name for the exported file.
+ * @param {string} params.selectedText - The text to be displayed for selected rows.
+ * @param {Function} params.getSummary - The function to get the summary of the exported data.
+ * @param {boolean} params.selectedRowsOnly - Indicates whether to export only selected rows.
+ */
+export declare const onExporting: ({ gridComponent, baseFileName, selectedText, getSummary, selectedRowsOnly, }: IOnExportingProps) => void;
+export {};

package/dist/components/devextreme/OdsInlineEditDataGrid/handlers/OptionHandlers.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Custom hook to handle option change events for the data grid.
+ * @param {Object} dataGridRef - The dataGridRef property passed to the hook.
+ * @param {Function} setFilterApplied - Function to set the filter applied state.
+ * @returns {Function} - Handler function for option changed event.
+ */
+export declare const useOptionHandlers: (dataGridRef: any, setFilterApplied: any) => (e: any) => void;

package/dist/components/devextreme/OdsInlineEditDataGrid/handlers/SummaryHandlers.d.ts

@@ -0,0 +1,21 @@
+import type { ISummaryRowOptions } from "../types";
+interface IUseSummaryHandlersProps {
+    customSummary?: ISummaryRowOptions;
+    totalRecordCount: number;
+    currentPageSize: number;
+    currentPage: number;
+    filterApplied: boolean;
+    rowCount: number;
+    filteredRowCount: number;
+    isServerSide?: boolean;
+}
+/**
+ * Custom hook that provides summary handlers for a data grid.
+ *
+ * @param {IUseSummaryHandlersProps} props - The props object containing necessary parameters.
+ * @returns {Object} - An object containing the renderTotal function.
+ */
+export declare const useSummaryHandlers: ({ customSummary, totalRecordCount, currentPageSize, currentPage, filterApplied, rowCount, filteredRowCount, }: IUseSummaryHandlersProps) => {
+    renderTotal: () => string | null;
+};
+export {};

package/dist/components/devextreme/OdsInlineEditDataGrid/partials/ActionCellRender.d.ts

@@ -0,0 +1,15 @@
+import { FC } from "react";
+import { IVirtualDataGridProps } from "../types";
+interface ActionCellRenderProps {
+    cellData: any;
+    actionButtons: IVirtualDataGridProps["actionButtonGroup"];
+    edit?: IVirtualDataGridProps["edit"];
+    actionButtonGroup?: IVirtualDataGridProps["actionButtonGroup"];
+}
+/**
+ * Renders the action buttons for a cell in the OdsInlineEditDataGrid component.
+ * @param {ActionCellRenderProps} props - The props for the ActionCellRender component.
+ * @returns {ReactNode} - The rendered action buttons.
+ */
+declare const ActionCellRender: FC<ActionCellRenderProps>;
+export default ActionCellRender;

package/dist/components/devextreme/OdsInlineEditDataGrid/partials/EditingPartial.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { IEditingOptions } from "../types";
+/**
+ * Component that handles editing functionalities within the data grid.
+ * @param {IEditingOptions} props - The properties passed to the component.
+ * @returns {JSX.Element} - The JSX element representing the editing handlers.
+ */
+declare const EditingPartial: React.FC<IEditingOptions>;
+export default EditingPartial;

package/dist/components/devextreme/OdsInlineEditDataGrid/partials/PageTitle.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { IToolbarButton } from "../types";
+interface PageTitleAndToolbarProps {
+    pageTitle?: string;
+    toolbarButtonGroup?: IToolbarButton[];
+}
+declare const MemoizedPageTitleAndToolbar: React.NamedExoticComponent<PageTitleAndToolbarProps>;
+export default MemoizedPageTitleAndToolbar;

package/dist/components/devextreme/OdsInlineEditDataGrid/utils.d.ts

@@ -0,0 +1,19 @@
+interface IConcatFilteredLabelProps {
+    result: string;
+    totalLoaded: number;
+    filteredRowCount: number;
+    filterApplied: boolean;
+    summaryFilteredDataLabel: string;
+}
+/**
+ * Concatenates the filtered label with the result string.
+ *
+ * @param {IConcatFilteredLabelProps} props - The object containing the necessary properties.
+ * @returns {string} - The concatenated result string.
+ */
+export declare const concatFilteredLabel: ({ result, totalLoaded, filteredRowCount, filterApplied, summaryFilteredDataLabel, }: IConcatFilteredLabelProps) => string;
+export {};
+/**
+ * This file contains utility functions related to the OdsInlineEditDataGrid component.
+ * These utility functions are used for handling filtering and data manipulation.
+ */

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/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)))))));
 };