ods-component-lib 1.18.209 → 1.18.211

package/dist/index.modern.js

@@ -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,
@@ -35923,7 +35931,36 @@ function OdsTreeSelect(props) {
   }, props)))));
 }
 
-var _excluded$6 = ["currencyOptions", "defaultCurrencyId", "locale", "onChange"];
+var _excluded$6 = ["currencyOptions", "onSelect", "defaultCurrencyId", "disabled"];
+var CurrencySelect = function CurrencySelect(_ref) {
+  var currencyOptions = _ref.currencyOptions,
+    onSelect = _ref.onSelect,
+    defaultCurrencyId = _ref.defaultCurrencyId,
+    disabled = _ref.disabled,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$6);
+  var onSelectHandler = function onSelectHandler(value) {
+    var selectedOption = currencyOptions.find(function (option) {
+      return option.id === Number(value);
+    });
+    onSelect(selectedOption);
+  };
+  return React.createElement(Select, Object.assign({
+    disabled: disabled,
+    defaultValue: defaultCurrencyId,
+    onSelect: onSelectHandler
+  }, props), currencyOptions.map(function (option) {
+    return React.createElement(Select.Option, {
+      key: "" + option.code,
+      value: option.id
+    }, React.createElement(Tooltip$1, {
+      placement: 'right',
+      title: option.name
+    }, option.symbol));
+  }));
+};
+
+var _excluded$7 = ["currencyOptions", "defaultCurrencyId", "defaultCurrencyCode", "fixedCurrency"],
+  _excluded2 = ["currencySelectProps", "defaultValue", "locale", "onChange", "dontFormatValue", "min"];
 var _templateObject$w;
 var useStyles$6 = createStyles(function (_ref) {
   var css = _ref.css;
@@ -35932,91 +35969,84 @@ var useStyles$6 = createStyles(function (_ref) {
   };
 });
 var OdsCurrencyInput = function OdsCurrencyInput(_ref2) {
-  var _currencyOptions$find;
-  var currencyOptions = _ref2.currencyOptions,
-    defaultCurrencyId = _ref2.defaultCurrencyId,
+  var _ref2$currencySelectP = _ref2.currencySelectProps,
+    currencyOptions = _ref2$currencySelectP.currencyOptions,
+    defaultCurrencyId = _ref2$currencySelectP.defaultCurrencyId,
+    defaultCurrencyCode = _ref2$currencySelectP.defaultCurrencyCode,
+    _ref2$currencySelectP2 = _ref2$currencySelectP.fixedCurrency,
+    fixedCurrency = _ref2$currencySelectP2 === void 0 ? false : _ref2$currencySelectP2,
+    currencySelectProps = _objectWithoutPropertiesLoose(_ref2$currencySelectP, _excluded$7),
+    _ref2$defaultValue = _ref2.defaultValue,
+    defaultValue = _ref2$defaultValue === void 0 ? "" : _ref2$defaultValue,
     _ref2$locale = _ref2.locale,
     locale = _ref2$locale === void 0 ? 'tr-TR' : _ref2$locale,
     onChange = _ref2.onChange,
-    props = _objectWithoutPropertiesLoose(_ref2, _excluded$6);
+    dontFormatValue = _ref2.dontFormatValue,
+    _ref2$min = _ref2.min,
+    min = _ref2$min === void 0 ? 0 : _ref2$min,
+    props = _objectWithoutPropertiesLoose(_ref2, _excluded2);
   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];
+  var defaultCurrency = useMemo(function () {
+    return currencyOptions.find(function (option) {
+      return option.id === defaultCurrencyId || option.code === defaultCurrencyCode;
+    });
+  }, [currencyOptions, defaultCurrencyId, defaultCurrencyCode]);
+  var _useState = useState(defaultValue),
+    value = _useState[0],
+    setValue = _useState[1];
+  var _useState2 = useState(defaultCurrency),
+    currency = _useState2[0],
+    setCurrency = _useState2[1];
   useEffect(function () {
-    if (result) {
-      onChange === null || onChange === void 0 ? void 0 : onChange(result);
+    if (currency && value !== undefined) {
+      onChange === null || onChange === void 0 ? void 0 : onChange({
+        value: value,
+        currency: currency
+      });
     }
-  }, [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: {}
+  }, [currency, value]);
+  var currencySelector = useMemo(function () {
+    if (!currencyOptions || currencyOptions.length === 0) {
+      return undefined;
+    } else if (fixedCurrency) {
+      return defaultCurrency === null || defaultCurrency === void 0 ? void 0 : defaultCurrency.symbol;
     }
-  }, React.createElement(InputNumber, Object.assign({
-    addonAfter: React.createElement(CurrencySelect, {
+    return React.createElement(CurrencySelect, Object.assign({
       currencyOptions: currencyOptions,
-      onSelect: function onSelect(value, selected) {
-        setResult(_extends({}, result, {
-          currencyId: value,
-          currencyLabel: selected.label
-        }));
+      onSelect: function onSelect(selected) {
+        return setCurrency(selected);
       },
-      defaultCurrencyId: defaultCurrencyId
-    }),
-    value: result.value,
+      defaultCurrencyId: defaultCurrency === null || defaultCurrency === void 0 ? void 0 : defaultCurrency.id
+    }, currencySelectProps));
+  }, [fixedCurrency, currencyOptions, defaultCurrency]);
+  return React.createElement(React.Fragment, null, React.createElement(ThemeProvider, {
+    theme: lightTheme
+  }, React.createElement(InputNumber, Object.assign({
+    defaultValue: defaultValue,
+    min: min,
+    addonBefore: currencySelector,
+    value: value,
     className: styles.Wrapper,
     onChange: function onChange(value) {
-      setResult(_extends({}, result, {
-        value: value
-      }));
+      return setValue(value);
     },
     formatter: function formatter(value) {
-      return formatValue(Number(value));
+      return dontFormatValue ? String(value) : formatValue(Number(value), locale);
     },
     parser: function parser(value) {
-      return parseValue(value);
+      return dontFormatValue ? value : parseValue(value, locale);
     }
-  }, props)))));
+  }, 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);
-  }));
+var formatValue = function formatValue(value, locale) {
+  if (value === undefined || value === null) return '';
+  return new Intl.NumberFormat(locale).format(Number(value));
+};
+var parseValue = function parseValue(stringNumber, locale) {
+  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), '.'));
 };
 
 /**