ods-component-lib 1.18.152 → 1.18.154

package/dist/components/antd/form/OdsBasicForm.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { FormProps, ButtonProps } from 'antd';
+export interface IFormItemRuleProps {
+    required?: boolean;
+    message?: string;
+}
+export interface IFormItemProps {
+    label?: string;
+    name?: string;
+    formItemType: string;
+    rules?: IFormItemRuleProps[];
+}
+export interface IFormProps extends FormProps {
+    formItems: IFormItemProps[];
+    formButtons: ButtonProps[];
+}
+declare function OdsBasicForm(props: IFormProps): React.JSX.Element;
+export default OdsBasicForm;

package/dist/components/antd/icon/OdsIcon.d.ts

@@ -0,0 +1,10 @@
+import { IconBaseProps } from "@ant-design/icons/lib/components/Icon";
+import React from "react";
+export interface IconProps extends IconBaseProps {
+    type: string;
+    twoToneColor?: string;
+    iconComponent?: string;
+    iconSVCName?: string;
+}
+declare function OdsIcon(props: IconProps): React.JSX.Element;
+export default OdsIcon;

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/antd/select/OdsCustomMultiSelect.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { SelectProps } from "antd";
+export interface ISelectProps extends SelectProps {
+    buttonLabel: string;
+}
+declare function OdsCustomMultiSelect(props: ISelectProps): React.JSX.Element;
+export default OdsCustomMultiSelect;

package/dist/components/antd/select/OdsMultiSelect.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { SelectProps } from "antd";
+import { IOdsSelectOption } from "./OdsSelect.styled";
+export interface OdsMultiSelectProps extends SelectProps {
+    selectAllText?: string | undefined;
+    dataSource: IOdsSelectOption[];
+}
+declare const OdsMultiSelect: (props: OdsMultiSelectProps) => React.JSX.Element;
+export default OdsMultiSelect;

package/dist/components/custom/OdsLogin.d.ts

@@ -0,0 +1,8 @@
+import { FormProps } from "antd";
+import React from "react";
+export interface IFormProps extends FormProps {
+    items: any[];
+    loading: boolean;
+}
+declare function OdsLogin(props: IFormProps): React.JSX.Element;
+export default OdsLogin;

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

@@ -0,0 +1,3 @@
+import React from "react";
+declare const _default: React.MemoExoticComponent<(props: any) => React.JSX.Element>;
+export default _default;

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

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const DynamicIcon: ({ iconName }: {
+    iconName: any;
+}) => React.JSX.Element;
+export default DynamicIcon;

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

@@ -0,0 +1,56 @@
+import React from "react";
+import { IDataGridOptions, IEditingProps, ISelectionProps, IButtonProps } from 'devextreme-react/data-grid';
+import { ButtonType } from "antd/es/button/buttonHelpers";
+interface IButtonGroup extends IButtonProps {
+    type?: ButtonType;
+    label?: string;
+    onclick?: React.MouseEventHandler<HTMLElement>;
+    actionPermission?: boolean;
+}
+interface IEditingoptions extends IEditingProps {
+    formItems?: any[];
+    title?: string;
+}
+interface ISelectOptions extends ISelectionProps {
+    selectEnable: boolean;
+}
+interface IOdsDataGridProps extends IDataGridOptions {
+    actionButtonGroup?: IButtonGroup[];
+    toolbarButtonGroup?: IButtonGroup[];
+    exportFileName?: string;
+    summaryTotalColumnName?: string;
+    storeState?: boolean;
+    summaryTotalDataCount?: number;
+    summaryTotalDataDisplayLabel?: string;
+    summaryTotalPagesize?: number;
+    editHintLabel?: string;
+    editButtonClick?: any;
+    deleteButtonClick?: any;
+    pageTitle?: string;
+    pageSize?: number;
+    pagingEnable?: boolean;
+    searchEnable?: boolean;
+    filterEnable?: boolean;
+    headerFilterEnable?: boolean;
+    columnChooserPositionDisabled?: boolean;
+    editEnable?: boolean;
+    popupTitle?: string;
+    scroll?: any;
+    exportEnable?: boolean;
+    customPopup?: boolean;
+    onExportingCustom?: any;
+    filterEnabledShow?: boolean;
+    scrolUseNative?: boolean;
+    formItems?: any[];
+    hintForDeleteButton?: string;
+    hintForEditButton?: string;
+    exportFormats?: string[];
+    actionPermission?: boolean;
+    columns: any[];
+    actionColumnEnable?: boolean;
+    edit?: IEditingoptions;
+    selectOptions?: ISelectOptions;
+    actionColumnCaption?: string;
+}
+declare function OdsDataGridNew(props: IOdsDataGridProps): React.JSX.Element;
+export default OdsDataGridNew;

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/OdsProfDataGrid.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare function OdsProfDataGrid(props: any): React.JSX.Element;
+export default OdsProfDataGrid;

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

@@ -79,5 +79,6 @@ export interface IVirtualDataGridProps extends IDataGridOptions {
     totalRecordCount: number;
     columnResizingMode?: 'nextColumn' | 'widget';
     dataGridRef: any;
+    applyCellRenderToHeaderFilter?: boolean;
 }
 export {};

package/dist/components/devextreme/dataGridHandlers/OnToolbarButtonHandler.d.ts

@@ -3,14 +3,5 @@ interface IOnToolbarPreparingOptions {
     toolbarButtonGroup?: any[];
     callback?: (e: any) => void;
 }
-/**
- * Handles the rendering and configuration of the toolbar for ODS DataGrid.
- * This hook prepares the toolbar based on the button configuration provided through props,
- * rendering primary and secondary buttons directly and additional buttons in a dropdown if necessary.
- *
- * @param {Object} props - The properties including configuration for toolbar buttons and the page title.
- * @returns {Function} A memoized function that configures and populates the toolbar with buttons and title.
- *   This function is intended to be used as a callback in the toolbar's preparation phase of the DataGrid component.
- */
 export declare const useOnToolbarButtonHandler: ({ pageTitle, toolbarButtonGroup, callback }: IOnToolbarPreparingOptions) => (e: any) => void;
 export {};

package/dist/components/devextreme/treeview/DxTreeView.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const DxTreeView: (props: any) => React.JSX.Element;
+export default DxTreeView;

package/dist/index.js

@@ -35026,7 +35026,7 @@ var useStyles$2 = antdStyle.createStyles(function (_ref) {
   var css = _ref.css,
     token = _ref.token;
   return {
-    toolbarGrid: css(_templateObject$r || (_templateObject$r = _taggedTemplateLiteralLoose(["\n  & .toolbar-primary-button {\n    margin-left: ", "px;\n  }\n\n  & .toolbar-dropdown-container {\n    margin-left: ", "px;\n  }\n  "])), token.margin, token.marginXXS)
+    toolbarGrid: css(_templateObject$r || (_templateObject$r = _taggedTemplateLiteralLoose(["\n    & .toolbar-primary-button {\n      margin-left: ", "px;\n    }\n    & .toolbar-dropdown-container {\n      margin-left: ", "px;\n    }\n    & .title-container { \n      display: flex;\n      margin: 0;\n    }\n  "])), token.margin, token.marginXXS)
   };
 });
 
@@ -35036,79 +35036,94 @@ var useOnToolbarButtonHandler = function useOnToolbarButtonHandler(_ref) {
     callback = _ref.callback;
   var _useStyles = useStyles$2(),
     styles = _useStyles.styles;
-  var onToolbarPreparing = React.useMemo(function () {
-    return function (e) {
-      if ((toolbarButtonGroup === null || toolbarButtonGroup === void 0 ? void 0 : toolbarButtonGroup.length) > 0) {
-        var primaryButtons = toolbarButtonGroup.slice(0, 3);
-        var additionalButtons = toolbarButtonGroup.length > 3 ? toolbarButtonGroup.slice(3) : [];
-        primaryButtons.forEach(function (button, index) {
-          var buttonContainer = document.createElement('div');
-          var rootButton = client_1(buttonContainer);
-          rootButton.render(React__default.createElement(React__default.Fragment, null, React__default.createElement(OdsButton, Object.assign({
-            key: index,
-            className: "toolbar-primary-button",
-            type: button.type
-          }, button.onclick && {
-            onClick: button.onclick
-          }, {
-            disabled: button.disabled
-          }), button.label)));
-          e.toolbarOptions.items.push({
-            location: 'before',
-            widget: 'dxTemplate',
-            template: function template(_, __, container) {
-              container.classList.add(styles.toolbarGrid);
-              container.appendChild(buttonContainer);
-            }
-          });
+  var initialPropsRef = React.useRef({
+    pageTitle: pageTitle,
+    toolbarButtonGroup: toolbarButtonGroup,
+    callback: callback
+  });
+  if (!initialPropsRef.current) {
+    initialPropsRef.current = {
+      pageTitle: pageTitle,
+      toolbarButtonGroup: toolbarButtonGroup,
+      callback: callback
+    };
+  }
+  var onToolbarPreparing = React.useRef(function (e) {
+    var _initialPropsRef$curr = initialPropsRef.current,
+      pageTitle = _initialPropsRef$curr.pageTitle,
+      toolbarButtonGroup = _initialPropsRef$curr.toolbarButtonGroup,
+      callback = _initialPropsRef$curr.callback;
+    if ((toolbarButtonGroup === null || toolbarButtonGroup === void 0 ? void 0 : toolbarButtonGroup.length) > 0) {
+      var primaryButtons = toolbarButtonGroup.slice(0, 3);
+      var additionalButtons = toolbarButtonGroup.length > 3 ? toolbarButtonGroup.slice(3) : [];
+      primaryButtons.forEach(function (button, index) {
+        var buttonContainer = document.createElement('div');
+        var rootButton = client_1(buttonContainer);
+        rootButton.render(React__default.createElement(OdsButton, Object.assign({
+          key: index,
+          className: "toolbar-primary-button",
+          type: button.type
+        }, button.onclick && {
+          onClick: button.onclick
+        }, {
+          disabled: button.disabled
+        }), button.label));
+        e.toolbarOptions.items.push({
+          location: 'before',
+          widget: 'dxTemplate',
+          template: function template(_, __, container) {
+            container.classList.add(styles.toolbarGrid);
+            container.appendChild(buttonContainer);
+          }
         });
-        if (additionalButtons.length > 0) {
-          var dropdownContainer = document.createElement('div');
-          dropdownContainer.classList.add('toolbar-dropdown-container');
-          var rootDropdown = client_1(dropdownContainer);
-          rootDropdown.render(React__default.createElement(React__default.Fragment, null, React__default.createElement(OdsDropdown, {
-            key: "dropdown-custom-toolbar",
-            menuItems: additionalButtons.map(function (button) {
-              return {
-                label: button.label,
-                onClick: button.onclick
-              };
-            })
-          }, React__default.createElement(OdsButton, {
-            type: "text",
-            icon: React__default.createElement(DynamicIcon, {
-              iconName: "kebabMenu"
-            })
-          }))));
-          e.toolbarOptions.items.push({
-            location: 'before',
-            widget: 'dxTemplate',
-            template: function template(_, __, container) {
-              container.classList.add(styles.toolbarGrid);
-              container.appendChild(dropdownContainer);
-            }
-          });
-        }
-      }
-      if (pageTitle) {
-        var titleContainer = document.createElement('div');
-        var rootTitle = client_1(titleContainer);
-        rootTitle.render(React__default.createElement(React__default.Fragment, null, React__default.createElement(OdsTitle, {
-          level: 5
-        }, pageTitle)));
-        e.toolbarOptions.items.unshift({
+      });
+      if (additionalButtons.length > 0) {
+        var dropdownContainer = document.createElement('div');
+        var rootDropdown = client_1(dropdownContainer);
+        rootDropdown.render(React__default.createElement(OdsDropdown, {
+          key: "dropdown-custom-toolbar",
+          menuItems: additionalButtons.map(function (button) {
+            return {
+              label: button.label,
+              onClick: button.onclick
+            };
+          })
+        }, React__default.createElement(OdsButton, {
+          type: "text",
+          icon: React__default.createElement(DynamicIcon, {
+            iconName: "kebabMenu"
+          })
+        })));
+        e.toolbarOptions.items.push({
           location: 'before',
-          cssClass: 'toolbarTitleItem',
+          widget: 'dxTemplate',
           template: function template(_, __, container) {
-            container.appendChild(titleContainer);
+            container.classList.add(styles.toolbarGrid);
+            container.appendChild(dropdownContainer);
           }
         });
       }
-      if (callback) {
-        callback(e);
-      }
-    };
-  }, [pageTitle, toolbarButtonGroup]);
+    }
+    if (pageTitle) {
+      var titleContainer = document.createElement('div');
+      var rootTitle = client_1(titleContainer);
+      rootTitle.render(React__default.createElement(OdsTitle, {
+        level: 5,
+        className: "title-container"
+      }, pageTitle));
+      e.toolbarOptions.items.unshift({
+        location: 'before',
+        widget: 'dxTemplate',
+        template: function template(_, __, container) {
+          container.classList.add(styles.toolbarGrid);
+          container.appendChild(titleContainer);
+        }
+      });
+    }
+    if (callback) {
+      callback(e);
+    }
+  }).current;
   return onToolbarPreparing;
 };
 
@@ -35175,6 +35190,13 @@ var OdsServerSideDatagrid = function OdsServerSideDatagrid(props) {
           props.columns.forEach(function (col) {
             var _item$col$dataField;
             var colValue = (_item$col$dataField = item[col.dataField]) === null || _item$col$dataField === void 0 ? void 0 : _item$col$dataField.toString();
+            if (props.applyCellRenderToHeaderFilter && col.cellRender) {
+              try {
+                colValue = col.cellRender({
+                  value: colValue
+                });
+              } catch (error) {}
+            }
             if (colValue && !uniqueValuesByColumn[col.dataField].has(colValue)) {
               uniqueValuesByColumn[col.dataField].add(colValue);
               addItem[col.dataField] = colValue;