ods-component-lib 1.18.207 → 1.18.210

package/dist/index.modern.js

@@ -1,4 +1,4 @@
-import { Alert, AutoComplete, Button, Dropdown, Calendar, Card as Card$1, Checkbox, DatePicker, Divider, Collapse, Image, Input, InputNumber, List, Modal, notification, Radio, Rate, Select, Space, Spin, Switch, Tabs, Table, Tag, Timeline, TimePicker, Typography, theme, Badge, ConfigProvider, Menu, Form as Form$1, Row, Col, Upload, Tooltip as Tooltip$1, Transfer } from 'antd';
+import { Alert, AutoComplete, Button, Dropdown, Calendar, Card as Card$1, Checkbox, DatePicker, Divider, Collapse, Image, Input, InputNumber, List, Modal, notification, Radio, Rate, Select, Space, Spin, Switch, Tabs, Table, Tag, Timeline, TimePicker, Typography, theme, Badge, ConfigProvider, Menu, Form as Form$1, Row, Col, Upload, Tooltip as Tooltip$1, Transfer, Progress, TreeSelect } from 'antd';
 import styled, { ThemeProvider } from 'styled-components';
 import React, { useState, useRef, useEffect, useCallback, Suspense, useMemo } from 'react';
 import Marquee from 'react-fast-marquee';
@@ -16,7 +16,7 @@ import jsPDF from 'jspdf';
 import { Workbook } from 'exceljs';
 import { saveAs } from 'file-saver-es';
 import moment from 'moment';
-import { GridIcon, UpArrow5Icon, DownArrow5Icon, Loop1Icon, KebabMenuIcon, EditIcon, Trash1Icon, CopyIcon, DiscountIcon, RefreshIcon, LinkBreakIcon, FloppyDiskIcon, Discount2Icon, Slide1Icon } from 'ods-icon/react/24/outline';
+import { GridIcon, UpArrow5Icon, DownArrow5Icon, Loop1Icon, EditIcon, Trash1Icon, CopyIcon, DiscountIcon, KebabMenuIcon, RefreshIcon, LinkBreakIcon, FloppyDiskIcon, Discount2Icon, Slide1Icon } from 'ods-icon/react/24/outline';
 import { TreeList, Lookup, DataGrid as DataGrid$2, Toolbar as Toolbar$1 } from 'devextreme-react';
 import { createStyles } from 'antd-style';
 import { saveAs as saveAs$1 } from 'file-saver';
@@ -33182,6 +33182,214 @@ var ExportDataGridToExcel = function ExportDataGridToExcel(_ref) {
   });
 };
 
+var iconComponents = {
+  edit: EditIcon,
+  "delete": Trash1Icon,
+  copy: CopyIcon,
+  discount: DiscountIcon,
+  kebabMenu: KebabMenuIcon,
+  refresh: RefreshIcon,
+  unmap: LinkBreakIcon,
+  save: FloppyDiskIcon,
+  cancel: Loop1Icon,
+  discount2Icon: Discount2Icon
+};
+var DynamicIcon = function DynamicIcon(_ref) {
+  var iconName = _ref.iconName;
+  var IconComponent = iconComponents[iconName];
+  if (!IconComponent) {
+    return null;
+  }
+  return React.createElement(IconComponent, null);
+};
+
+var useOnActionCellRenderHandler = function useOnActionCellRenderHandler(visibleActionButtons, actionButtonGroup, edit, actionButtonsTooltipType) {
+  var onActionCellRender = useCallback(function (cellData) {
+    if (!cellData || !visibleActionButtons) return null;
+    var kebabMenuButtons = actionButtonGroup && actionButtonGroup.length >= 2 && !edit ? actionButtonGroup.slice(2).map(function (button) {
+      return {
+        icon: button.icon,
+        onClick: function onClick(event) {
+          var customEvent = {
+            column: cellData.column,
+            component: cellData.component,
+            element: cellData.element,
+            event: event,
+            model: cellData.data,
+            row: cellData.row
+          };
+          button.onClick(customEvent);
+        }
+      };
+    }) : [];
+    var buttonElements = visibleActionButtons.map(function (buttonItem) {
+      var isVisible = typeof buttonItem.visible === "function" ? buttonItem.visible({
+        column: cellData.column,
+        component: cellData.component,
+        row: cellData.row
+      }) : buttonItem.visible;
+      return React.createElement(OdsDataGrdiRowButton, Object.assign({
+        key: "action-button-" + buttonItem.name,
+        name: buttonItem.name,
+        hint: buttonItem.hint,
+        visible: isVisible,
+        size: "small",
+        type: "text",
+        disabled: buttonItem.actionPermission === undefined ? false : !buttonItem.actionPermission,
+        icon: buttonItem.icon
+      }, actionButtonsTooltipType === "styled" && {
+        tooltip: buttonItem.hint
+      }, {
+        onClick: function onClick(event) {
+          if (buttonItem.onClick) {
+            var customEvent = {
+              column: cellData.column,
+              component: cellData.component,
+              element: cellData.element,
+              event: event,
+              model: cellData.data,
+              row: cellData.row
+            };
+            buttonItem.onClick(customEvent);
+          }
+        }
+      }));
+    });
+    if (kebabMenuButtons.length > 0) {
+      buttonElements.push(React.createElement(OdsDropdown, {
+        key: "dropdown-" + (cellData.rowIndex || cellData.data.ID),
+        menuItems: kebabMenuButtons
+      }, React.createElement(OdsDataGrdiRowButton, {
+        type: "text",
+        icon: React.createElement(DynamicIcon, {
+          iconName: "kebabMenu"
+        })
+      })));
+    }
+    return React.createElement(React.Fragment, null, buttonElements);
+  }, [visibleActionButtons]);
+  return onActionCellRender;
+};
+
+var useOnExportingHandler = function useOnExportingHandler(exportProps, getSummary, callback) {
+  var onExporting = useCallback(function (e) {
+    if (exportProps) {
+      var _exportProps$fileName, _exportProps$activeTe, _exportProps$passiveT;
+      ExportDataGridToExcel({
+        gridComponent: e.component,
+        baseFileName: (_exportProps$fileName = exportProps.fileName) != null ? _exportProps$fileName : "DataGrid",
+        selectedText: exportProps.selectedText,
+        getSummary: getSummary,
+        selectedRowsOnly: e.selectedRowsOnly,
+        activeText: (_exportProps$activeTe = exportProps.activeText) != null ? _exportProps$activeTe : "Active",
+        passiveText: (_exportProps$passiveT = exportProps.passiveText) != null ? _exportProps$passiveT : "Passive"
+      });
+    }
+    if (callback) {
+      callback(e);
+    }
+  }, [getSummary]);
+  return onExporting;
+};
+
+var MasterDetailDataGrid = function MasterDetailDataGrid(_ref) {
+  var columns = _ref.columns,
+    dataSource = _ref.dataSource,
+    _ref$masterDetailFeat = _ref.masterDetailFeatures,
+    masterDetailFeatures = _ref$masterDetailFeat === void 0 ? {} : _ref$masterDetailFeat,
+    masterDetailData = _ref.masterDetailData;
+  var visibleActionButtons = useMemo(function () {
+    if (masterDetailFeatures.masterActionButtonGroup && masterDetailFeatures.masterActionButtonGroup.length >= 2) {
+      return masterDetailFeatures.masterActionButtonGroup.slice(0, 2);
+    }
+    return masterDetailFeatures.masterActionButtonGroup || [];
+  }, [masterDetailFeatures.masterActionButtonGroup]);
+  var onActionCellRender = useOnActionCellRenderHandler(visibleActionButtons, masterDetailFeatures.masterActionButtonGroup);
+  var getTotalDataCount = function getTotalDataCount() {
+    return "" + dataSource.length;
+  };
+  var handleExporting = useOnExportingHandler(masterDetailFeatures.exportProps, getTotalDataCount);
+  var effectiveColumns = (masterDetailData === null || masterDetailData === void 0 ? void 0 : masterDetailData.detailGridColumns) || columns || (dataSource[0] ? Object.keys(dataSource[0]).map(function (key) {
+    return {
+      dataField: key,
+      caption: key.charAt(0).toUpperCase() + key.slice(1),
+      allowFiltering: true
+    };
+  }) : []);
+  return React.createElement(DataGrid$1, {
+    style: {
+      maxHeight: masterDetailFeatures.maxHeight ? masterDetailFeatures.maxHeight + "px" : "400px",
+      overflow: "auto"
+    },
+    dataSource: dataSource,
+    showBorders: true,
+    columnAutoWidth: true,
+    allowColumnReordering: true,
+    selection: {
+      mode: masterDetailFeatures.showCheckbox ? "multiple" : "none"
+    },
+    paging: {
+      enabled: true,
+      pageSize: masterDetailFeatures.pageSize || 20
+    },
+    filterRow: {
+      visible: masterDetailFeatures.createFilter
+    },
+    onExporting: handleExporting,
+    onToolbarPreparing: masterDetailFeatures.detailToolbar
+  }, effectiveColumns.map(function (col) {
+    return React.createElement(Column, Object.assign({
+      key: col.dataField
+    }, col, {
+      headerFilter: {
+        visible: col.allowFiltering
+      }
+    }));
+  }), React.createElement(ColumnChooser, {
+    enabled: masterDetailFeatures.columnChooser,
+    mode: "select"
+  }, React.createElement(Position, {
+    my: "right top",
+    at: "right bottom",
+    of: document.querySelector("." + "props.dataGridPageName") ? "." + "props.dataGridPageName" + " .dx-datagrid-column-chooser-button" : ".dx-datagrid-column-chooser-button"
+  }), React.createElement(ColumnChooserSearch, {
+    enabled: true,
+    editorOptions: {
+      placeholder: ""
+    }
+  }), React.createElement(HeaderFilter, {
+    visible: true
+  }), React.createElement(ColumnChooserSelection, {
+    allowSelectAll: true,
+    selectByClick: true,
+    recursive: true
+  })), (masterDetailFeatures === null || masterDetailFeatures === void 0 ? void 0 : masterDetailFeatures.exportEnabled) && React.createElement(Export, Object.assign({}, masterDetailFeatures.exportProps)), masterDetailFeatures.actionColumnEnable && React.createElement(Column, {
+    dataField: "Actions",
+    caption: "",
+    minWidth: 10,
+    width: 160,
+    fixed: true,
+    allowSorting: false,
+    type: "buttons",
+    showInColumnChooser: false,
+    cellRender: onActionCellRender
+  }), React.createElement(FilterRow, {
+    visible: masterDetailFeatures.createFilter
+  }), React.createElement(Selection, {
+    mode: masterDetailFeatures.showCheckbox ? "multiple" : "none"
+  }), React.createElement(SearchPanel, {
+    visible: masterDetailFeatures.showSearchPanel
+  }), React.createElement(Toolbar, null, React.createElement(Item$1, {
+    name: "searchPanel"
+  }), React.createElement(Item$1, {
+    name: "columnChooserButton",
+    cssClass: "toolbarPanelItems"
+  }), React.createElement(Item$1, {
+    name: "exportButton",
+    cssClass: "toolbarPanelItems"
+  })));
+};
+
 var useToken$1 = theme.useToken;
 var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
   var _props$columnResizing, _props$className, _props$selection, _props$selectOptions, _props$selectOptions$, _props$selectOptions2, _props$selectOptions$2, _props$selectOptions3;
@@ -33197,7 +33405,10 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
     onFastUpdateButtonClick = props.onFastUpdateButtonClick,
     onFastUpdateFinish = props.onFastUpdateFinish,
     onFastUpdateCancel = props.onFastUpdateCancel,
-    onFastUpdateFailed = props.onFastUpdateFailed;
+    onFastUpdateFailed = props.onFastUpdateFailed,
+    detailGridColumns = props.detailGridColumns,
+    detailData = props.detailData,
+    masterDetailFeatures = props.masterDetailFeatures;
   var _useToken = useToken$1(),
     token = _useToken.token;
   var _AntForm$useForm = Form$1.useForm(),
@@ -33769,14 +33980,19 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
       }
     });
   };
-  var detailGrid = function detailGrid(_ref) {
-    var data = _ref.data;
-    return React.createElement(OdsBasicDataGrid, Object.assign({}, props, {
-      showMasterDetail: false,
-      columns: props.detailGridColums,
-      dataSource: props.detailData[data.key.ID]
-    }));
-  };
+  var renderMasterDetailGrid = useCallback(function (_ref) {
+    var _dataSource$data;
+    var dataSource = _ref.data;
+    var detailID = dataSource === null || dataSource === void 0 ? void 0 : (_dataSource$data = dataSource.data) === null || _dataSource$data === void 0 ? void 0 : _dataSource$data.ID;
+    if (!detailID || !(detailData !== null && detailData !== void 0 && detailData[detailID])) {
+      return null;
+    }
+    return React.createElement(MasterDetailDataGrid, {
+      columns: detailGridColumns,
+      dataSource: detailData[detailID],
+      masterDetailFeatures: masterDetailFeatures
+    });
+  }, [detailGridColumns, detailData, masterDetailFeatures]);
   var checkIsPropArray = function checkIsPropArray(prop) {
     return prop && Array.isArray(prop);
   };
@@ -33926,7 +34142,7 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
     }
   }), props.showMasterDetail && React.createElement(MasterDetail, {
     enabled: true,
-    component: detailGrid
+    component: renderMasterDetailGrid
   }), props.edit && React.createElement(Editing, {
     mode: props.edit.mode,
     allowUpdating: props.edit.allowUpdating,
@@ -34617,27 +34833,6 @@ var useStyles$2 = createStyles(function (_ref) {
   };
 });
 
-var iconComponents = {
-  edit: EditIcon,
-  "delete": Trash1Icon,
-  copy: CopyIcon,
-  discount: DiscountIcon,
-  kebabMenu: KebabMenuIcon,
-  refresh: RefreshIcon,
-  unmap: LinkBreakIcon,
-  save: FloppyDiskIcon,
-  cancel: Loop1Icon,
-  discount2Icon: Discount2Icon
-};
-var DynamicIcon = function DynamicIcon(_ref) {
-  var iconName = _ref.iconName;
-  var IconComponent = iconComponents[iconName];
-  if (!IconComponent) {
-    return null;
-  }
-  return React.createElement(IconComponent, null);
-};
-
 var OdsServerSideDatagrid = function OdsServerSideDatagrid(props) {
   var _props$dataGridRef, _props$dataGridRef$da, _props$dataGridRef$da2, _props$dataGridRef$da3, _props$columnResizing, _props$selection, _props$pagerProps$vis, _props$pagerProps, _props$pagerProps$sho, _props$pagerProps2, _props$pagerProps$sho2, _props$pagerProps3, _props$pagerProps$dis, _props$pagerProps4, _props$pagerProps$inf, _props$pagerProps5, _props$exportProps;
   var rowCount = useRef(0);
@@ -35028,7 +35223,7 @@ var usePageTitleAndToolbarStyles = createStyles(function (_ref2) {
   };
 });
 
-var useOnActionCellRenderHandler = function useOnActionCellRenderHandler(visibleActionButtons, actionButtonGroup, edit, actionButtonsTooltipType) {
+var useOnActionCellRenderHandler$1 = function useOnActionCellRenderHandler(visibleActionButtons, actionButtonGroup, edit, actionButtonsTooltipType) {
   var onActionCellRender = useCallback(function (cellData) {
     if (!cellData || !visibleActionButtons) return null;
     var kebabMenuButtons = actionButtonGroup && actionButtonGroup.length >= 2 && !edit ? actionButtonGroup.slice(2).map(function (button) {
@@ -35148,7 +35343,7 @@ var useOnEditorPreparedHandler = function useOnEditorPreparedHandler(callback) {
   return onEditorPrepared;
 };
 
-var useOnExportingHandler = function useOnExportingHandler(exportProps, getSummary, callback) {
+var useOnExportingHandler$1 = function useOnExportingHandler(exportProps, getSummary, callback) {
   var onExporting = useCallback(function (e) {
     if (exportProps) {
       var _exportProps$fileName, _exportProps$activeTe, _exportProps$passiveT;
@@ -35328,7 +35523,7 @@ var OdsInlineEditDataGrid = function OdsInlineEditDataGrid(props) {
   var handleOptionChanged = useOnOptionChangedHandler(dataGridRefFromProps, totalFilteredCount, sortingPropsFromProps, setFilterApplied, setUpdateTrigger, onOptionChangedFromProps);
   useEffect(function () {}, [updateTrigger]);
   var handleEditorPrepared = useOnEditorPreparedHandler(onEditorPreparedFromProps);
-  var handleExporting = useOnExportingHandler(exportPropsFromProps, renderTotal, onExportingFromProps);
+  var handleExporting = useOnExportingHandler$1(exportPropsFromProps, renderTotal, onExportingFromProps);
   var handleCellClick = useCallback(function (e) {
     if (e.rowType != "header") {
       e.cellElement.style.backgroundColor = "transparent";
@@ -35346,7 +35541,7 @@ var OdsInlineEditDataGrid = function OdsInlineEditDataGrid(props) {
     }
     return [];
   }, []);
-  var ActionCellRenderPartial = useOnActionCellRenderHandler(VisibleActionButtons, actionButtonGroupFromProps, editPropsFromProps, actionButtonsTooltipTypeFromProps);
+  var ActionCellRenderPartial = useOnActionCellRenderHandler$1(VisibleActionButtons, actionButtonGroupFromProps, editPropsFromProps, actionButtonsTooltipTypeFromProps);
   var DataGridOptionsFromProps = useMemo(function () {
     return _extends({}, AllGridOptions, DefaultDataGridOptions, {
       columnResizingMode: columnResizingModeFromProps != null ? columnResizingModeFromProps : "nextColumn"
@@ -35454,193 +35649,6 @@ var OdsInlineEditDataGrid = function OdsInlineEditDataGrid(props) {
   }, React.createElement("p", null, renderTotal())));
 };
 
-var useOnActionCellRenderHandler$1 = function useOnActionCellRenderHandler(visibleActionButtons, actionButtonGroup, edit, actionButtonsTooltipType) {
-  var onActionCellRender = useCallback(function (cellData) {
-    if (!cellData || !visibleActionButtons) return null;
-    var kebabMenuButtons = actionButtonGroup && actionButtonGroup.length >= 2 && !edit ? actionButtonGroup.slice(2).map(function (button) {
-      return {
-        icon: button.icon,
-        onClick: function onClick(event) {
-          var customEvent = {
-            column: cellData.column,
-            component: cellData.component,
-            element: cellData.element,
-            event: event,
-            model: cellData.data,
-            row: cellData.row
-          };
-          button.onClick(customEvent);
-        }
-      };
-    }) : [];
-    var buttonElements = visibleActionButtons.map(function (buttonItem) {
-      var isVisible = typeof buttonItem.visible === "function" ? buttonItem.visible({
-        column: cellData.column,
-        component: cellData.component,
-        row: cellData.row
-      }) : buttonItem.visible;
-      return React.createElement(OdsDataGrdiRowButton, Object.assign({
-        key: "action-button-" + buttonItem.name,
-        name: buttonItem.name,
-        hint: buttonItem.hint,
-        visible: isVisible,
-        size: "small",
-        type: "text",
-        disabled: buttonItem.actionPermission === undefined ? false : !buttonItem.actionPermission,
-        icon: buttonItem.icon
-      }, actionButtonsTooltipType === "styled" && {
-        tooltip: buttonItem.hint
-      }, {
-        onClick: function onClick(event) {
-          if (buttonItem.onClick) {
-            var customEvent = {
-              column: cellData.column,
-              component: cellData.component,
-              element: cellData.element,
-              event: event,
-              model: cellData.data,
-              row: cellData.row
-            };
-            buttonItem.onClick(customEvent);
-          }
-        }
-      }));
-    });
-    if (kebabMenuButtons.length > 0) {
-      buttonElements.push(React.createElement(OdsDropdown, {
-        key: "dropdown-" + (cellData.rowIndex || cellData.data.ID),
-        menuItems: kebabMenuButtons
-      }, React.createElement(OdsDataGrdiRowButton, {
-        type: "text",
-        icon: React.createElement(DynamicIcon, {
-          iconName: "kebabMenu"
-        })
-      })));
-    }
-    return React.createElement(React.Fragment, null, buttonElements);
-  }, [visibleActionButtons]);
-  return onActionCellRender;
-};
-
-var useOnExportingHandler$1 = function useOnExportingHandler(exportProps, getSummary, callback) {
-  var onExporting = useCallback(function (e) {
-    if (exportProps) {
-      var _exportProps$fileName, _exportProps$activeTe, _exportProps$passiveT;
-      ExportDataGridToExcel({
-        gridComponent: e.component,
-        baseFileName: (_exportProps$fileName = exportProps.fileName) != null ? _exportProps$fileName : "DataGrid",
-        selectedText: exportProps.selectedText,
-        getSummary: getSummary,
-        selectedRowsOnly: e.selectedRowsOnly,
-        activeText: (_exportProps$activeTe = exportProps.activeText) != null ? _exportProps$activeTe : "Active",
-        passiveText: (_exportProps$passiveT = exportProps.passiveText) != null ? _exportProps$passiveT : "Passive"
-      });
-    }
-    if (callback) {
-      callback(e);
-    }
-  }, [getSummary]);
-  return onExporting;
-};
-
-var MasterDetailDataGrid = function MasterDetailDataGrid(_ref) {
-  var columns = _ref.columns,
-    dataSource = _ref.dataSource,
-    _ref$masterDetailFeat = _ref.masterDetailFeatures,
-    masterDetailFeatures = _ref$masterDetailFeat === void 0 ? {} : _ref$masterDetailFeat,
-    masterDetailData = _ref.masterDetailData;
-  var visibleActionButtons = useMemo(function () {
-    if (masterDetailFeatures.masterActionButtonGroup && masterDetailFeatures.masterActionButtonGroup.length >= 2) {
-      return masterDetailFeatures.masterActionButtonGroup.slice(0, 2);
-    }
-    return masterDetailFeatures.masterActionButtonGroup || [];
-  }, [masterDetailFeatures.masterActionButtonGroup]);
-  var onActionCellRender = useOnActionCellRenderHandler$1(visibleActionButtons, masterDetailFeatures.masterActionButtonGroup);
-  var getTotalDataCount = function getTotalDataCount() {
-    return "" + dataSource.length;
-  };
-  var handleExporting = useOnExportingHandler$1(masterDetailFeatures.exportProps, getTotalDataCount);
-  var effectiveColumns = (masterDetailData === null || masterDetailData === void 0 ? void 0 : masterDetailData.detailGridColumns) || columns || (dataSource[0] ? Object.keys(dataSource[0]).map(function (key) {
-    return {
-      dataField: key,
-      caption: key.charAt(0).toUpperCase() + key.slice(1),
-      allowFiltering: true
-    };
-  }) : []);
-  return React.createElement(DataGrid$1, {
-    style: {
-      maxHeight: masterDetailFeatures.maxHeight ? masterDetailFeatures.maxHeight + "px" : "400px",
-      overflow: "auto"
-    },
-    dataSource: dataSource,
-    showBorders: true,
-    columnAutoWidth: true,
-    allowColumnReordering: true,
-    selection: {
-      mode: masterDetailFeatures.showCheckbox ? "multiple" : "none"
-    },
-    paging: {
-      enabled: true,
-      pageSize: masterDetailFeatures.pageSize || 20
-    },
-    filterRow: {
-      visible: masterDetailFeatures.createFilter
-    },
-    onExporting: handleExporting,
-    onToolbarPreparing: masterDetailFeatures.detailToolbar
-  }, effectiveColumns.map(function (col) {
-    return React.createElement(Column, Object.assign({
-      key: col.dataField
-    }, col, {
-      headerFilter: {
-        visible: col.allowFiltering
-      }
-    }));
-  }), React.createElement(ColumnChooser, {
-    enabled: masterDetailFeatures.columnChooser,
-    mode: "select"
-  }, React.createElement(Position, {
-    my: "right top",
-    at: "right bottom",
-    of: document.querySelector("." + "props.dataGridPageName") ? "." + "props.dataGridPageName" + " .dx-datagrid-column-chooser-button" : ".dx-datagrid-column-chooser-button"
-  }), React.createElement(ColumnChooserSearch, {
-    enabled: true,
-    editorOptions: {
-      placeholder: ""
-    }
-  }), React.createElement(HeaderFilter, {
-    visible: true
-  }), React.createElement(ColumnChooserSelection, {
-    allowSelectAll: true,
-    selectByClick: true,
-    recursive: true
-  })), (masterDetailFeatures === null || masterDetailFeatures === void 0 ? void 0 : masterDetailFeatures.exportEnabled) && React.createElement(Export, Object.assign({}, masterDetailFeatures.exportProps)), masterDetailFeatures.actionColumnEnable && React.createElement(Column, {
-    dataField: "Actions",
-    caption: "",
-    minWidth: 10,
-    width: 160,
-    fixed: true,
-    allowSorting: false,
-    type: "buttons",
-    showInColumnChooser: false,
-    cellRender: onActionCellRender
-  }), React.createElement(FilterRow, {
-    visible: masterDetailFeatures.createFilter
-  }), React.createElement(Selection, {
-    mode: masterDetailFeatures.showCheckbox ? "multiple" : "none"
-  }), React.createElement(SearchPanel, {
-    visible: masterDetailFeatures.showSearchPanel
-  }), React.createElement(Toolbar, null, React.createElement(Item$1, {
-    name: "searchPanel"
-  }), React.createElement(Item$1, {
-    name: "columnChooserButton",
-    cssClass: "toolbarPanelItems"
-  }), React.createElement(Item$1, {
-    name: "exportButton",
-    cssClass: "toolbarPanelItems"
-  })));
-};
-
 var _templateObject$t, _templateObject2$5;
 var useStyles$4 = createStyles(function (_ref) {
   var token = _ref.token,
@@ -35889,6 +35897,136 @@ var OdsChange = function OdsChange(props) {
 };
 var OdsChange$1 = React.memo(OdsChange);
 
+var _templateObject$u;
+var StyledProgress = styled(Progress)(_templateObject$u || (_templateObject$u = _taggedTemplateLiteralLoose(["\n //\n .ant-progress-bg {\n    ", "\n  }\n"])), function (props) {
+  return props.strokeLinecap === 'square' && 'border-radius: 8px 0px 0px 8px !important;';
+});
+
+function OdsProgress(props) {
+  return React.createElement(React.Fragment, null, React.createElement(ThemeProvider, {
+    theme: lightTheme
+  }, React.createElement(StyledProgress, Object.assign({}, props))));
+}
+
+var _templateObject$v;
+var useStyles$5 = createStyles(function (_ref) {
+  var css = _ref.css;
+  return {
+    Wrapper: css(_templateObject$v || (_templateObject$v = _taggedTemplateLiteralLoose(["\n        width: 100%;\n    "])))
+  };
+});
+function OdsTreeSelect(props) {
+  var _useStyles = useStyles$5(),
+    styles = _useStyles.styles;
+  return React.createElement(React.Fragment, null, React.createElement(ThemeProvider, {
+    theme: lightTheme
+  }, React.createElement(ConfigProvider, {
+    theme: {
+      components: {
+        TreeSelect: {}
+      }
+    }
+  }, React.createElement(TreeSelect, Object.assign({
+    className: styles.Wrapper
+  }, props)))));
+}
+
+var _excluded$6 = ["currencyOptions", "defaultCurrencyId", "locale", "onChange"];
+var _templateObject$w;
+var useStyles$6 = createStyles(function (_ref) {
+  var css = _ref.css;
+  return {
+    Wrapper: css(_templateObject$w || (_templateObject$w = _taggedTemplateLiteralLoose(["\n        width: 100%;\n    "])))
+  };
+});
+var OdsCurrencyInput = function OdsCurrencyInput(_ref2) {
+  var _currencyOptions$find;
+  var currencyOptions = _ref2.currencyOptions,
+    defaultCurrencyId = _ref2.defaultCurrencyId,
+    _ref2$locale = _ref2.locale,
+    locale = _ref2$locale === void 0 ? 'tr-TR' : _ref2$locale,
+    onChange = _ref2.onChange,
+    props = _objectWithoutPropertiesLoose(_ref2, _excluded$6);
+  var _useStyles = useStyles$6(),
+    styles = _useStyles.styles;
+  var _useState = useState({
+      value: undefined,
+      currencyId: defaultCurrencyId,
+      currencyLabel: ((_currencyOptions$find = currencyOptions.find(function (option) {
+        return option.value === defaultCurrencyId;
+      })) === null || _currencyOptions$find === void 0 ? void 0 : _currencyOptions$find.label) || ''
+    }),
+    result = _useState[0],
+    setResult = _useState[1];
+  useEffect(function () {
+    if (result) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(result);
+    }
+  }, [result]);
+  var formatValue = function formatValue(value) {
+    if (value === undefined || value === null) return '';
+    return new Intl.NumberFormat(locale).format(Number(value));
+  };
+  var parseValue = function parseValue(stringNumber) {
+    var thousandSeparator = Intl.NumberFormat(locale).format(11111).replace(/(?:[0-9\xB2\xB3\xB9\xBC-\xBE\u0660-\u0669\u06F0-\u06F9\u07C0-\u07C9\u0966-\u096F\u09E6-\u09EF\u09F4-\u09F9\u0A66-\u0A6F\u0AE6-\u0AEF\u0B66-\u0B6F\u0B72-\u0B77\u0BE6-\u0BF2\u0C66-\u0C6F\u0C78-\u0C7E\u0CE6-\u0CEF\u0D58-\u0D5E\u0D66-\u0D78\u0DE6-\u0DEF\u0E50-\u0E59\u0ED0-\u0ED9\u0F20-\u0F33\u1040-\u1049\u1090-\u1099\u1369-\u137C\u16EE-\u16F0\u17E0-\u17E9\u17F0-\u17F9\u1810-\u1819\u1946-\u194F\u19D0-\u19DA\u1A80-\u1A89\u1A90-\u1A99\u1B50-\u1B59\u1BB0-\u1BB9\u1C40-\u1C49\u1C50-\u1C59\u2070\u2074-\u2079\u2080-\u2089\u2150-\u2182\u2185-\u2189\u2460-\u249B\u24EA-\u24FF\u2776-\u2793\u2CFD\u3007\u3021-\u3029\u3038-\u303A\u3192-\u3195\u3220-\u3229\u3248-\u324F\u3251-\u325F\u3280-\u3289\u32B1-\u32BF\uA620-\uA629\uA6E6-\uA6EF\uA830-\uA835\uA8D0-\uA8D9\uA900-\uA909\uA9D0-\uA9D9\uA9F0-\uA9F9\uAA50-\uAA59\uABF0-\uABF9\uFF10-\uFF19]|\uD800[\uDD07-\uDD33\uDD40-\uDD78\uDD8A\uDD8B\uDEE1-\uDEFB\uDF20-\uDF23\uDF41\uDF4A\uDFD1-\uDFD5]|\uD801[\uDCA0-\uDCA9]|\uD802[\uDC58-\uDC5F\uDC79-\uDC7F\uDCA7-\uDCAF\uDCFB-\uDCFF\uDD16-\uDD1B\uDDBC\uDDBD\uDDC0-\uDDCF\uDDD2-\uDDFF\uDE40-\uDE48\uDE7D\uDE7E\uDE9D-\uDE9F\uDEEB-\uDEEF\uDF58-\uDF5F\uDF78-\uDF7F\uDFA9-\uDFAF]|\uD803[\uDCFA-\uDCFF\uDD30-\uDD39\uDE60-\uDE7E\uDF1D-\uDF26\uDF51-\uDF54\uDFC5-\uDFCB]|\uD804[\uDC52-\uDC6F\uDCF0-\uDCF9\uDD36-\uDD3F\uDDD0-\uDDD9\uDDE1-\uDDF4\uDEF0-\uDEF9]|\uD805[\uDC50-\uDC59\uDCD0-\uDCD9\uDE50-\uDE59\uDEC0-\uDEC9\uDF30-\uDF3B]|\uD806[\uDCE0-\uDCF2\uDD50-\uDD59]|\uD807[\uDC50-\uDC6C\uDD50-\uDD59\uDDA0-\uDDA9\uDF50-\uDF59\uDFC0-\uDFD4]|\uD809[\uDC00-\uDC6E]|\uD81A[\uDE60-\uDE69\uDEC0-\uDEC9\uDF50-\uDF59\uDF5B-\uDF61]|\uD81B[\uDE80-\uDE96]|\uD834[\uDEC0-\uDED3\uDEE0-\uDEF3\uDF60-\uDF78]|\uD835[\uDFCE-\uDFFF]|\uD838[\uDD40-\uDD49\uDEF0-\uDEF9]|\uD839[\uDCF0-\uDCF9]|\uD83A[\uDCC7-\uDCCF\uDD50-\uDD59]|\uD83B[\uDC71-\uDCAB\uDCAD-\uDCAF\uDCB1-\uDCB4\uDD01-\uDD2D\uDD2F-\uDD3D]|\uD83C[\uDD00-\uDD0C]|\uD83E[\uDFF0-\uDFF9])/g, '');
+    var decimalSeparator = Intl.NumberFormat(locale).format(1.1).replace(/(?:[0-9\xB2\xB3\xB9\xBC-\xBE\u0660-\u0669\u06F0-\u06F9\u07C0-\u07C9\u0966-\u096F\u09E6-\u09EF\u09F4-\u09F9\u0A66-\u0A6F\u0AE6-\u0AEF\u0B66-\u0B6F\u0B72-\u0B77\u0BE6-\u0BF2\u0C66-\u0C6F\u0C78-\u0C7E\u0CE6-\u0CEF\u0D58-\u0D5E\u0D66-\u0D78\u0DE6-\u0DEF\u0E50-\u0E59\u0ED0-\u0ED9\u0F20-\u0F33\u1040-\u1049\u1090-\u1099\u1369-\u137C\u16EE-\u16F0\u17E0-\u17E9\u17F0-\u17F9\u1810-\u1819\u1946-\u194F\u19D0-\u19DA\u1A80-\u1A89\u1A90-\u1A99\u1B50-\u1B59\u1BB0-\u1BB9\u1C40-\u1C49\u1C50-\u1C59\u2070\u2074-\u2079\u2080-\u2089\u2150-\u2182\u2185-\u2189\u2460-\u249B\u24EA-\u24FF\u2776-\u2793\u2CFD\u3007\u3021-\u3029\u3038-\u303A\u3192-\u3195\u3220-\u3229\u3248-\u324F\u3251-\u325F\u3280-\u3289\u32B1-\u32BF\uA620-\uA629\uA6E6-\uA6EF\uA830-\uA835\uA8D0-\uA8D9\uA900-\uA909\uA9D0-\uA9D9\uA9F0-\uA9F9\uAA50-\uAA59\uABF0-\uABF9\uFF10-\uFF19]|\uD800[\uDD07-\uDD33\uDD40-\uDD78\uDD8A\uDD8B\uDEE1-\uDEFB\uDF20-\uDF23\uDF41\uDF4A\uDFD1-\uDFD5]|\uD801[\uDCA0-\uDCA9]|\uD802[\uDC58-\uDC5F\uDC79-\uDC7F\uDCA7-\uDCAF\uDCFB-\uDCFF\uDD16-\uDD1B\uDDBC\uDDBD\uDDC0-\uDDCF\uDDD2-\uDDFF\uDE40-\uDE48\uDE7D\uDE7E\uDE9D-\uDE9F\uDEEB-\uDEEF\uDF58-\uDF5F\uDF78-\uDF7F\uDFA9-\uDFAF]|\uD803[\uDCFA-\uDCFF\uDD30-\uDD39\uDE60-\uDE7E\uDF1D-\uDF26\uDF51-\uDF54\uDFC5-\uDFCB]|\uD804[\uDC52-\uDC6F\uDCF0-\uDCF9\uDD36-\uDD3F\uDDD0-\uDDD9\uDDE1-\uDDF4\uDEF0-\uDEF9]|\uD805[\uDC50-\uDC59\uDCD0-\uDCD9\uDE50-\uDE59\uDEC0-\uDEC9\uDF30-\uDF3B]|\uD806[\uDCE0-\uDCF2\uDD50-\uDD59]|\uD807[\uDC50-\uDC6C\uDD50-\uDD59\uDDA0-\uDDA9\uDF50-\uDF59\uDFC0-\uDFD4]|\uD809[\uDC00-\uDC6E]|\uD81A[\uDE60-\uDE69\uDEC0-\uDEC9\uDF50-\uDF59\uDF5B-\uDF61]|\uD81B[\uDE80-\uDE96]|\uD834[\uDEC0-\uDED3\uDEE0-\uDEF3\uDF60-\uDF78]|\uD835[\uDFCE-\uDFFF]|\uD838[\uDD40-\uDD49\uDEF0-\uDEF9]|\uD839[\uDCF0-\uDCF9]|\uD83A[\uDCC7-\uDCCF\uDD50-\uDD59]|\uD83B[\uDC71-\uDCAB\uDCAD-\uDCAF\uDCB1-\uDCB4\uDD01-\uDD2D\uDD2F-\uDD3D]|\uD83C[\uDD00-\uDD0C]|\uD83E[\uDFF0-\uDFF9])/g, '');
+    return parseFloat(stringNumber.replace(new RegExp('\\' + thousandSeparator, 'g'), '').replace(new RegExp('\\' + decimalSeparator), '.'));
+  };
+  return React.createElement(React.Fragment, null, React.createElement(ThemeProvider, {
+    theme: lightTheme
+  }, React.createElement(ConfigProvider, {
+    theme: {
+      components: {}
+    }
+  }, React.createElement(InputNumber, Object.assign({
+    addonAfter: React.createElement(CurrencySelect, {
+      currencyOptions: currencyOptions,
+      onSelect: function onSelect(value, selected) {
+        setResult(_extends({}, result, {
+          currencyId: value,
+          currencyLabel: selected.label
+        }));
+      },
+      defaultCurrencyId: defaultCurrencyId
+    }),
+    value: result.value,
+    className: styles.Wrapper,
+    onChange: function onChange(value) {
+      setResult(_extends({}, result, {
+        value: value
+      }));
+    },
+    formatter: function formatter(value) {
+      return formatValue(Number(value));
+    },
+    parser: function parser(value) {
+      return parseValue(value);
+    }
+  }, props)))));
+};
+var CurrencySelect = function CurrencySelect(_ref3) {
+  var currencyOptions = _ref3.currencyOptions,
+    _onSelect = _ref3.onSelect,
+    defaultCurrencyId = _ref3.defaultCurrencyId;
+  return React.createElement(Select, {
+    defaultValue: defaultCurrencyId,
+    style: {
+      width: 80
+    },
+    onSelect: function onSelect(value, selected) {
+      _onSelect(Number(value), {
+        value: Number(selected.value),
+        label: selected.key
+      });
+    }
+  }, currencyOptions.map(function (option) {
+    return React.createElement(Select.Option, {
+      key: option.label,
+      value: option.value
+    }, option.label);
+  }));
+};
+
 /**
  * Checks if `value` is the
  * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
@@ -37537,5 +37675,5 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
   })));
 };
 
-export { DxTreeList, OdsAlert, OdsAutoComplete, OdsBadge, OdsBadgeRibbon, OdsBannerAlert, OdsBasicDataGrid, OdsBasicTable, OdsButton, OdsCalendar, OdsCard, OdsChange$1 as OdsChange, OdsCheckbox, OdsCheckboxGroup, OdsCollapse, OdsDataGrid, OdsDateRangePicker, OdsDatepicker, OdsDisplayGrid, OdsDivider, OdsDropdown, OdsDropdownButton, OdsFileUpload, OdsFilter, OdsFilterTagView, OdsImage, OdsInlineEditDataGrid, OdsInput, OdsInputNumber, OdsLink, OdsList, MasterDetailDataGrid as OdsMasterDetailDataGrid, OdsModal, OdsModalOld, OdsMultiSelect, OdsNotification, OdsParagraph, OdsPassword, OdsPhoneInput, OdsRadio, OdsRadioGroup, OdsRangeTimepicker, OdsRate, OdsRemoteDataGrid, OdsSearch, OdsSelect, OdsSelectableTable, OdsServerSideDatagrid, OdsSpin, OdsSwitch, OdsTab, OdsBasicTable as OdsTable, OdsTag, OdsText, OdsTextArea, OdsTimeline, OdsTimepicker, OdsTitle, OdsTransfer };
+export { DxTreeList, OdsAlert, OdsAutoComplete, OdsBadge, OdsBadgeRibbon, OdsBannerAlert, OdsBasicDataGrid, OdsBasicTable, OdsButton, OdsCalendar, OdsCard, OdsChange$1 as OdsChange, OdsCheckbox, OdsCheckboxGroup, OdsCollapse, OdsCurrencyInput, OdsDataGrid, OdsDateRangePicker, OdsDatepicker, OdsDisplayGrid, OdsDivider, OdsDropdown, OdsDropdownButton, OdsFileUpload, OdsFilter, OdsFilterTagView, OdsImage, OdsInlineEditDataGrid, OdsInput, OdsInputNumber, OdsLink, OdsList, MasterDetailDataGrid as OdsMasterDetailDataGrid, OdsModal, OdsModalOld, OdsMultiSelect, OdsNotification, OdsParagraph, OdsPassword, OdsPhoneInput, OdsProgress, OdsRadio, OdsRadioGroup, OdsRangeTimepicker, OdsRate, OdsRemoteDataGrid, OdsSearch, OdsSelect, OdsSelectableTable, OdsServerSideDatagrid, OdsSpin, OdsSwitch, OdsTab, OdsBasicTable as OdsTable, OdsTag, OdsText, OdsTextArea, OdsTimeline, OdsTimepicker, OdsTitle, OdsTransfer, OdsTreeSelect };
 //# sourceMappingURL=index.modern.js.map