ods-component-lib 1.18.156 → 1.18.158

package/dist/components/antd/button/OdsDataGrdiRowButton.d.ts

@@ -1,5 +1,5 @@
-import { BaseButtonProps } from "antd/es/button/button";
 import React from "react";
+import { BaseButtonProps } from "antd/es/button/button";
 import { SizeType } from "antd/es/config-provider/SizeContext";
 import { ButtonType } from "antd/es/button/buttonHelpers";
 interface OdsDataGrdiRowButtonProps extends BaseButtonProps {
@@ -19,6 +19,7 @@ interface OdsDataGrdiRowButtonProps extends BaseButtonProps {
     row?: any;
     size?: SizeType;
     type?: ButtonType;
+    tooltip?: string | React.ReactNode | (() => React.ReactNode);
 }
-declare function OdsDataGrdiRowButton({ children, visible, ...props }: OdsDataGrdiRowButtonProps): React.JSX.Element;
+declare const OdsDataGrdiRowButton: React.FC<OdsDataGrdiRowButtonProps>;
 export default OdsDataGrdiRowButton;

package/dist/components/antd/fileUpload/OdsFileUpload.d.ts

@@ -2,6 +2,7 @@ import React from "react";
 declare type FileUploadProps = {
     image: any | null;
     title: string;
+    uploadTitle?: string;
     sendDataToParent: (obj: any) => void;
     allowDocumentUpload?: boolean;
     multipleDoc?: boolean;

package/dist/components/antd/slider/OdsSlider.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { SliderSingleProps } from 'antd/es/slider';
+interface OdsSliderDeneme extends SliderSingleProps {
+    decimaInput?: boolean;
+    spanSizeOfBar?: number;
+    spanSizeOfInput?: number;
+}
+export declare function OdsSlider(props: OdsSliderDeneme): React.JSX.Element;
+export default OdsSlider;

package/dist/components/antd/slider/OdsSlider.styled.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const StyledSlider: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<(import("antd").SliderSingleProps & import("react").RefAttributes<import("rc-slider").SliderRef>) | (import("antd/es/slider").SliderRangeProps & import("react").RefAttributes<import("rc-slider").SliderRef>)>, any, {}, never>;

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

@@ -22,6 +22,7 @@ interface IExportProps {
     activeText?: string;
     passiveText?: string;
 }
+export declare type ITooltipType = "raw" | "styled";
 export interface IOdsDataGridProps extends IDataGridOptions, IMultiCellEditableDataGridProps {
     dataGridPageName?: string;
     language: string;
@@ -48,6 +49,7 @@ export interface IOdsDataGridProps extends IDataGridOptions, IMultiCellEditableD
     detailGridColums?: any[];
     showMasterDetail?: boolean;
     detailData?: any;
+    actionButtonsTooltipType?: ITooltipType;
 }
 export interface ISummaryRowOptions {
     summaryLoadedDataLabel?: string;

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

@@ -1,10 +1,11 @@
 import React from "react";
-import { IButtonGrouOptions, IEditingOptions } from "../types";
+import { IButtonGrouOptions, IEditingOptions, IActionButtonsTooltipType } from "../types";
 /**
  * Custom hook that returns a callback function for rendering action buttons in a cell.
  * @param visibleActionButtons - An array of options for visible action buttons.
  * @param actionButtonGroup - An array of options for action buttons.
  * @param edit - An object containing editing options.
+ * @param tooltipType - The type of tooltip to display.
  * @returns The onActionCellRender callback function.
  */
-export declare const useOnActionCellRenderHandler: (visibleActionButtons: IButtonGrouOptions[] | undefined, actionButtonGroup: IButtonGrouOptions[] | undefined, edit: IEditingOptions | undefined) => (cellData: any | undefined) => React.JSX.Element;
+export declare const useOnActionCellRenderHandler: (visibleActionButtons: IButtonGrouOptions[] | undefined, actionButtonGroup: IButtonGrouOptions[] | undefined, edit: IEditingOptions | undefined, actionButtonsTooltipType: IActionButtonsTooltipType | undefined) => (cellData: any | undefined) => React.JSX.Element;

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

@@ -59,6 +59,7 @@ export interface IButtonGrouOptions extends Omit<IButtonProps, "name"> {
 }
 export interface IScrollingOptions extends Partial<IScrollingProps> {
 }
+export declare type IActionButtonsTooltipType = "raw" | "styled";
 /**
  * Represents the options for summary rows in the data grid.
  */
@@ -80,6 +81,9 @@ export interface ISummaryRowOptions {
     summaryMaxLabel?: string;
     summaryCountLabel?: string;
 }
+/**
+ * Represents the custom options for the ODS data grid.
+ */
 export interface IODSDataGridCustomOptions {
     actionButtonGroup?: IButtonGrouOptions[];
     actionColumnEnable?: boolean;
@@ -101,6 +105,7 @@ export interface IODSDataGridCustomOptions {
     sortingProps?: any;
     toolbarButtonGroup?: IToolbarButtonOptions[];
     totalRecordCount?: number;
+    actionButtonsTooltipType?: IActionButtonsTooltipType;
 }
 /**
  * Represents the props for a virtual data grid component.

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

@@ -14,6 +14,7 @@ export interface IMultiCellEditableDataGridProps {
     onFastUpdateCancel?: () => void;
     onFastUpdateFailed?: (errorInfo: any) => void;
 }
+export declare type IActionButtonsTooltipType = "raw" | "styled";
 export interface IOdsDataGridProps extends IDataGridOptions, IMultiCellEditableDataGridProps {
     dataGridPageName?: string;
     language: string;
@@ -39,6 +40,7 @@ export interface IOdsDataGridProps extends IDataGridOptions, IMultiCellEditableD
     detailGridColums?: any[];
     showMasterDetail?: boolean;
     detailData?: any;
+    actionButtonsTooltipType?: IActionButtonsTooltipType;
 }
 export interface ISummaryRowOptions {
     summaryLoadedDataLabel?: string;

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

@@ -61,6 +61,7 @@ export interface ISummaryRowOptions {
     summaryMaxLabel?: string;
     summaryCountLabel?: string;
 }
+export declare type IActionButtonsTooltipType = "raw" | "styled";
 export interface IVirtualDataGridProps extends IDataGridOptions {
     columns: IColumnConfig[];
     sortingProps?: any;
@@ -81,5 +82,6 @@ export interface IVirtualDataGridProps extends IDataGridOptions {
     columnResizingMode?: 'nextColumn' | 'widget';
     dataGridRef: any;
     applyCellRenderToHeaderFilter?: boolean;
+    actionButtonsTooltipType?: IActionButtonsTooltipType;
 }
 export {};

package/dist/index.js

@@ -1,5 +1,24 @@
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
+function _interopNamespace(e) {
+  if (e && e.__esModule) { return e; } else {
+    var n = {};
+    if (e) {
+      Object.keys(e).forEach(function (k) {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () {
+            return e[k];
+          }
+        });
+      });
+    }
+    n['default'] = e;
+    return n;
+  }
+}
+
 var antd = require('antd');
 var styled = require('styled-components');
 var styled__default = _interopDefault(styled);
@@ -1757,6 +1776,7 @@ function OdsFileUpload(props) {
   var image = props.image,
     removeFile = props.removeFile,
     title = props.title,
+    uploadTitle = props.uploadTitle,
     sendDataToParent = props.sendDataToParent,
     _props$allowDocumentU = props.allowDocumentUpload,
     allowDocumentUpload = _props$allowDocumentU === void 0 ? false : _props$allowDocumentU,
@@ -1974,7 +1994,7 @@ function OdsFileUpload(props) {
     style: {
       marginTop: 8
     }
-  }, "Upload"))), React__default.createElement(antd.Modal, {
+  }, uploadTitle ? uploadTitle : "Upload"))), React__default.createElement(antd.Modal, {
     open: previewOpen,
     title: null,
     footer: null,
@@ -32837,12 +32857,36 @@ if (process.env.NODE_ENV === 'production') {
 });
 
 var _excluded$4 = ["children", "visible"];
-function OdsDataGrdiRowButton(_ref) {
+var Tooltip = React__default.lazy(function () {
+  return new Promise(function (resolve) { resolve(_interopNamespace(require('antd/es/tooltip'))); });
+});
+var OdsDataGrdiRowButton = function OdsDataGrdiRowButton(_ref) {
   var children = _ref.children,
     _ref$visible = _ref.visible,
     visible = _ref$visible === void 0 ? true : _ref$visible,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$4);
-  var isVisible = typeof visible === 'function' ? visible({
+  var onClickFromProps = props.onClick;
+  var _useState = React.useState(false),
+    isTooltipVisible = _useState[0],
+    setIsTooltipVisible = _useState[1];
+  React.useEffect(function () {
+    return function () {
+      setIsTooltipVisible(false);
+    };
+  }, []);
+  var handleOnClickButtonWithTooltip = React.useCallback(function (event) {
+    if (props.disabled) {
+      return;
+    }
+    if (props.tooltip) {
+      setIsTooltipVisible(false);
+    }
+    if (onClickFromProps) {
+      onClickFromProps(event);
+    }
+    setIsTooltipVisible(false);
+  }, []);
+  var isVisible = typeof visible === "function" ? visible({
     column: props.column,
     component: props.component,
     row: props.row
@@ -32850,10 +32894,31 @@ function OdsDataGrdiRowButton(_ref) {
   if (!isVisible) {
     return null;
   }
+  var title = props.hint || "";
+  if (props.tooltip) {
+    var onOpenChange = function onOpenChange(visible) {
+      console.log("visible", visible);
+      setIsTooltipVisible(visible);
+    };
+    return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
+      theme: lightTheme
+    }, React__default.createElement(React.Suspense, {
+      fallback: null
+    }, React__default.createElement(Tooltip, {
+      title: props.tooltip,
+      destroyTooltipOnHide: true,
+      open: isTooltipVisible,
+      onOpenChange: onOpenChange
+    }, React__default.createElement(StyledButton, Object.assign({}, props, {
+      onClick: handleOnClickButtonWithTooltip
+    }), children)))));
+  }
   return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
     theme: lightTheme
-  }, React__default.createElement(StyledButton, Object.assign({}, props), children)));
-}
+  }, React__default.createElement(StyledButton, Object.assign({}, props, {
+    title: title
+  }), children)));
+};
 
 var _templateObject$p, _templateObject2$1;
 var useStyles = antdStyle.createStyles(function (_ref) {
@@ -32926,7 +32991,7 @@ var ExportDataGridToExcel = function ExportDataGridToExcel(_ref) {
           rowCount++;
           lastProcessedRowData = gridCell.data;
         }
-        if (gridCell.column.dataType === "datetime" && gridCell.value) {
+        if ((gridCell.column.dataType === "datetime" || gridCell.column.dataType === "date") && gridCell.value) {
           var date = moment(gridCell.value);
           var formattedDate = date.format("DD.MM.YYYY HH:mm [UTC]Z");
           excelCell.value = formattedDate;
@@ -33330,14 +33395,17 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
           component: cellData.component,
           row: cellData.row
         }) : buttonItem.visible;
-        buttonElements.push(React__default.createElement(OdsDataGrdiRowButton, {
+        buttonElements.push(React__default.createElement(OdsDataGrdiRowButton, Object.assign({
           key: "action-button-" + index,
           hint: buttonItem.hint,
           visible: isVisible,
           size: "small",
           type: "text",
           disabled: buttonItem.actionPermission === undefined ? false : !buttonItem.actionPermission,
-          icon: buttonItem.icon,
+          icon: buttonItem.icon
+        }, props.actionButtonsTooltipType === "styled" && {
+          tooltip: buttonItem.hint
+        }, {
           onClick: function onClick(event) {
             var customEvent = {
               column: cellData.column,
@@ -33349,7 +33417,7 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
             };
             buttonItem.onClick(customEvent);
           }
-        }));
+        })));
       });
     }
     {
@@ -33359,7 +33427,7 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
           component: cellData.component,
           row: cellData.row
         }) : buttonItem.visible;
-        buttonElements.push(React__default.createElement(OdsDataGrdiRowButton, {
+        buttonElements.push(React__default.createElement(OdsDataGrdiRowButton, Object.assign({
           key: "action-button-" + index,
           name: buttonItem.name,
           hint: buttonItem.hint,
@@ -33367,7 +33435,10 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
           size: "small",
           type: "text",
           disabled: buttonItem.actionPermission === undefined ? false : !buttonItem.actionPermission,
-          icon: buttonItem.icon,
+          icon: buttonItem.icon
+        }, props.actionButtonsTooltipType === "styled" && {
+          tooltip: buttonItem.hint
+        }, {
           onClick: function onClick(event) {
             if (buttonItem.onClick) {
               var customEvent = {
@@ -33381,7 +33452,7 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
               buttonItem.onClick(customEvent);
             }
           }
-        }));
+        })));
       });
     }
     if (kebabMenuButtons.length > 0) {
@@ -34680,14 +34751,17 @@ var OdsServerSideDatagrid = function OdsServerSideDatagrid(props) {
           component: cellData.component,
           row: cellData.row
         }) : buttonItem.visible;
-        buttonElements.push(React__default.createElement(OdsDataGrdiRowButton, {
+        buttonElements.push(React__default.createElement(OdsDataGrdiRowButton, Object.assign({
           key: "action-button-" + index,
           hint: buttonItem.hint,
           visible: isVisible,
           size: "small",
           type: "text",
           disabled: buttonItem.actionPermission === undefined ? false : !buttonItem.actionPermission,
-          icon: buttonItem.icon,
+          icon: buttonItem.icon
+        }, props.actionButtonsTooltipType === "styled" && {
+          tooltip: buttonItem.hint
+        }, {
           onClick: function onClick(event) {
             var customEvent = {
               column: cellData.column,
@@ -34699,7 +34773,7 @@ var OdsServerSideDatagrid = function OdsServerSideDatagrid(props) {
             };
             buttonItem.onClick(customEvent);
           }
-        }));
+        })));
       });
     }
     {
@@ -34709,7 +34783,7 @@ var OdsServerSideDatagrid = function OdsServerSideDatagrid(props) {
           component: cellData.component,
           row: cellData.row
         }) : buttonItem.visible;
-        buttonElements.push(React__default.createElement(OdsDataGrdiRowButton, {
+        buttonElements.push(React__default.createElement(OdsDataGrdiRowButton, Object.assign({
           key: "action-button-" + index,
           name: buttonItem.name,
           hint: buttonItem.hint,
@@ -34717,7 +34791,10 @@ var OdsServerSideDatagrid = function OdsServerSideDatagrid(props) {
           size: "small",
           type: "text",
           disabled: buttonItem.actionPermission === undefined ? false : !buttonItem.actionPermission,
-          icon: buttonItem.icon,
+          icon: buttonItem.icon
+        }, props.actionButtonsTooltipType === "styled" && {
+          tooltip: buttonItem.hint
+        }, {
           onClick: function onClick(event) {
             if (buttonItem.onClick) {
               var customEvent = {
@@ -34731,7 +34808,7 @@ var OdsServerSideDatagrid = function OdsServerSideDatagrid(props) {
               buttonItem.onClick(customEvent);
             }
           }
-        }));
+        })));
       });
     }
     if (kebabMenuButtons.length > 0) {
@@ -34901,7 +34978,7 @@ var usePageTitleAndToolbarStyles = antdStyle.createStyles(function (_ref2) {
   };
 });
 
-var useOnActionCellRenderHandler = function useOnActionCellRenderHandler(visibleActionButtons, actionButtonGroup, edit) {
+var useOnActionCellRenderHandler = function useOnActionCellRenderHandler(visibleActionButtons, actionButtonGroup, edit, actionButtonsTooltipType) {
   var onActionCellRender = React.useCallback(function (cellData) {
     if (!cellData || !visibleActionButtons) return null;
     var kebabMenuButtons = actionButtonGroup && actionButtonGroup.length >= 2 && !edit ? actionButtonGroup.slice(2).map(function (button) {
@@ -34926,7 +35003,7 @@ var useOnActionCellRenderHandler = function useOnActionCellRenderHandler(visible
         component: cellData.component,
         row: cellData.row
       }) : buttonItem.visible;
-      return React__default.createElement(OdsDataGrdiRowButton, {
+      return React__default.createElement(OdsDataGrdiRowButton, Object.assign({
         key: "action-button-" + buttonItem.name,
         name: buttonItem.name,
         hint: buttonItem.hint,
@@ -34934,7 +35011,10 @@ var useOnActionCellRenderHandler = function useOnActionCellRenderHandler(visible
         size: "small",
         type: "text",
         disabled: buttonItem.actionPermission === undefined ? false : !buttonItem.actionPermission,
-        icon: buttonItem.icon,
+        icon: buttonItem.icon
+      }, actionButtonsTooltipType === "styled" && {
+        tooltip: buttonItem.hint
+      }, {
         onClick: function onClick(event) {
           if (buttonItem.onClick) {
             var customEvent = {
@@ -34948,7 +35028,7 @@ var useOnActionCellRenderHandler = function useOnActionCellRenderHandler(visible
             buttonItem.onClick(customEvent);
           }
         }
-      });
+      }));
     });
     if (kebabMenuButtons.length > 0) {
       buttonElements.push(React__default.createElement(OdsDropdown, {
@@ -35125,7 +35205,7 @@ var PageTitleAndToolbar = function PageTitleAndToolbar(_ref) {
 };
 var MemoizedPageTitleAndToolbar = React__default.memo(PageTitleAndToolbar);
 
-var _excluded$5 = ["dataGridRef", "actionColumnEnable", "actionButtonGroup", "gridColumns", "columnResizingMode", "customSummary", "dataSource", "editProps", "exportProps", "headerFilter", "isFilterPanel", "isFilterRow", "pageTitle", "pagerProps", "pageSize", "scrollingProps", "sortingProps", "toolbarButtonGroup", "totalRecordCount", "width", "height", "className", "onCellClick", "onContentReady", "onEditorPrepared", "onOptionChanged", "onExporting"];
+var _excluded$5 = ["dataGridRef", "actionColumnEnable", "actionButtonGroup", "gridColumns", "columnResizingMode", "customSummary", "dataSource", "editProps", "exportProps", "headerFilter", "isFilterPanel", "isFilterRow", "pageTitle", "pagerProps", "pageSize", "scrollingProps", "sortingProps", "toolbarButtonGroup", "totalRecordCount", "actionButtonsTooltipType", "width", "height", "className", "onCellClick", "onContentReady", "onEditorPrepared", "onOptionChanged", "onExporting"];
 var DefaultDataGridOptions = {
   allowColumnReordering: true,
   allowColumnResizing: true,
@@ -35159,6 +35239,7 @@ var OdsInlineEditDataGrid = function OdsInlineEditDataGrid(props) {
     sortingPropsFromProps = props.sortingProps,
     toolbarButtonGroupFromProps = props.toolbarButtonGroup,
     totalRecordCountFromProps = props.totalRecordCount,
+    actionButtonsTooltipTypeFromProps = props.actionButtonsTooltipType,
     heightFromProps = props.height,
     onCellClickFromProps = props.onCellClick,
     onContentReadyFromProps = props.onContentReady,
@@ -35215,7 +35296,7 @@ var OdsInlineEditDataGrid = function OdsInlineEditDataGrid(props) {
     }
     return [];
   }, []);
-  var ActionCellRenderPartial = useOnActionCellRenderHandler(VisibleActionButtons, actionButtonGroupFromProps, editPropsFromProps);
+  var ActionCellRenderPartial = useOnActionCellRenderHandler(VisibleActionButtons, actionButtonGroupFromProps, editPropsFromProps, actionButtonsTooltipTypeFromProps);
   var DataGridOptionsFromProps = React.useMemo(function () {
     return _extends({}, AllGridOptions, DefaultDataGridOptions, {
       columnResizingMode: columnResizingModeFromProps != null ? columnResizingModeFromProps : "nextColumn"
@@ -36491,7 +36572,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
           component: cellData.component,
           row: cellData.row
         }) : buttonItem.visible;
-        buttonElements.push(React__default.createElement(OdsDataGrdiRowButton, {
+        buttonElements.push(React__default.createElement(OdsDataGrdiRowButton, Object.assign({
           key: "action-button-" + index,
           hint: buttonItem.hint,
           visible: isVisible,
@@ -36500,7 +36581,10 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
           disabled: buttonItem.actionPermission === undefined ? false : !buttonItem.actionPermission,
           icon: React__default.createElement(DynamicIcon, {
             iconName: buttonItem.icon
-          }),
+          })
+        }, props.actionButtonsTooltipType === "styled" && {
+          tooltip: buttonItem.hint
+        }, {
           onClick: function onClick(event) {
             var customEvent = {
               column: cellData.column,
@@ -36512,7 +36596,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
             };
             buttonItem.onClick(customEvent);
           }
-        }));
+        })));
       });
     }
     {
@@ -36522,7 +36606,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
           component: cellData.component,
           row: cellData.row
         }) : buttonItem.visible;
-        buttonElements.push(React__default.createElement(OdsDataGrdiRowButton, {
+        buttonElements.push(React__default.createElement(OdsDataGrdiRowButton, Object.assign({
           key: "action-button-" + index,
           name: buttonItem.name,
           hint: buttonItem.hint,
@@ -36532,7 +36616,10 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
           disabled: buttonItem.actionPermission === undefined ? false : !buttonItem.actionPermission,
           icon: React__default.createElement(DynamicIcon, {
             iconName: buttonItem.icon
-          }),
+          })
+        }, props.actionButtonsTooltipType === "styled" && {
+          tooltip: buttonItem.hint
+        }, {
           onClick: function onClick(event) {
             if (buttonItem.onClick) {
               var customEvent = {
@@ -36546,7 +36633,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
               buttonItem.onClick(customEvent);
             }
           }
-        }));
+        })));
       });
     }
     if (kebabMenuButtons.length > 0) {