ods-component-lib 1.18.196 → 1.18.198

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/index.js

@@ -1655,7 +1655,7 @@ var useStyles = antdStyle.createStyles(function (_ref, props) {
     filterBodyWrapper: cx(grid, css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n          transition: grid-template-rows 0.3s;\n          grid-template-rows: ", ";\n        "])), props.open ? "1fr" : "0fr")),
     filterBody: cx(css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n          overflow: hidden;\n          width: 100%;\n        "])))),
     filterActionButtonsWrapper: cx(flex, css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n          width: 100%;\n          justify-content: flex-end;\n          gap: ", "px;\n        "])), token.sizeSM)),
-    filterTagsWrapper: cx(flex, css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n          align-items: center;\n          justify-content: center;\n          width: 85%;\n          max-width: 85%;\n          min-width: 85%;\n        "])))),
+    filterTagsWrapper: cx(flex, css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n          align-items: center;\n          justify-content: center;\n          width: 85%;\n          max-width: 85%;\n          min-width: 85%;\n          transition: opacity 0.3s;\n          opacity: ", ";\n        "])), props.open ? 0 : 1)),
     toggleButton: cx(flex),
     clearButton: cx(flex)
   };
@@ -1674,7 +1674,7 @@ var useFilterTagsStyles = antdStyle.createStyles(function (_ref3) {
   var css = _ref3.css,
     token = _ref3.token;
   return {
-    menu: css(_templateObject16 || (_templateObject16 = _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-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(_templateObject16 || (_templateObject16 = _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)
   };
 });
 
@@ -1707,8 +1707,15 @@ var OdsFilterTagView = function OdsFilterTagView(_ref) {
     theme: {
       components: {
         Menu: {
+          horizontalLineHeight: "22px",
+          activeBarHeight: 0,
           itemPaddingInline: 0,
-          horizontalLineHeight: "22px"
+          itemHeight: 30,
+          itemMarginBlock: 0,
+          itemActiveBg: "transparent",
+          itemHoverBg: "transparent",
+          itemSelectedBg: "transparent",
+          subMenuItemBg: "transparent"
         },
         Tag: {
           marginXS: 0
@@ -1716,7 +1723,6 @@ var OdsFilterTagView = function OdsFilterTagView(_ref) {
       }
     }
   }, React__default.createElement(antd.Menu, {
-    expandIcon: React__default.createElement("div", null, React__default.createElement(outline.ChevronDownIcon, null)),
     defaultSelectedKeys: ["1"],
     mode: "horizontal",
     className: styles.menu
@@ -1753,10 +1759,15 @@ var OdsFilter = function OdsFilter(props) {
   var handleHideShowAdvancedFilter = function handleHideShowAdvancedFilter() {
     if (!showFilter) {
       setShowFilter(true);
+      setTimeout(function () {
+        setShowAdvanceFilter(!showAdvanceFilter);
+      }, 200);
+    } else {
+      setShowAdvanceFilter(!showAdvanceFilter);
     }
-    setShowAdvanceFilter(!showAdvanceFilter);
   };
   var handleHideShowFilter = function handleHideShowFilter() {
+    setShowAdvanceFilter(false);
     setShowFilter(!showFilter);
   };
   var onClearSearch = function onClearSearch() {