ods-component-lib 1.18.207 → 1.18.210

package/dist/index.js

@@ -33206,6 +33206,214 @@ var ExportDataGridToExcel = function ExportDataGridToExcel(_ref) {
   });
 };
 
+var iconComponents = {
+  edit: outline.EditIcon,
+  "delete": outline.Trash1Icon,
+  copy: outline.CopyIcon,
+  discount: outline.DiscountIcon,
+  kebabMenu: outline.KebabMenuIcon,
+  refresh: outline.RefreshIcon,
+  unmap: outline.LinkBreakIcon,
+  save: outline.FloppyDiskIcon,
+  cancel: outline.Loop1Icon,
+  discount2Icon: outline.Discount2Icon
+};
+var DynamicIcon = function DynamicIcon(_ref) {
+  var iconName = _ref.iconName;
+  var IconComponent = iconComponents[iconName];
+  if (!IconComponent) {
+    return null;
+  }
+  return React__default.createElement(IconComponent, null);
+};
+
+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) {
+      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__default.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__default.createElement(OdsDropdown, {
+        key: "dropdown-" + (cellData.rowIndex || cellData.data.ID),
+        menuItems: kebabMenuButtons
+      }, React__default.createElement(OdsDataGrdiRowButton, {
+        type: "text",
+        icon: React__default.createElement(DynamicIcon, {
+          iconName: "kebabMenu"
+        })
+      })));
+    }
+    return React__default.createElement(React__default.Fragment, null, buttonElements);
+  }, [visibleActionButtons]);
+  return onActionCellRender;
+};
+
+var useOnExportingHandler = function useOnExportingHandler(exportProps, getSummary, callback) {
+  var onExporting = React.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 = React.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__default.createElement(DataGrid__default, {
+    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__default.createElement(DataGrid.Column, Object.assign({
+      key: col.dataField
+    }, col, {
+      headerFilter: {
+        visible: col.allowFiltering
+      }
+    }));
+  }), React__default.createElement(DataGrid.ColumnChooser, {
+    enabled: masterDetailFeatures.columnChooser,
+    mode: "select"
+  }, React__default.createElement(DataGrid.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__default.createElement(DataGrid.ColumnChooserSearch, {
+    enabled: true,
+    editorOptions: {
+      placeholder: ""
+    }
+  }), React__default.createElement(DataGrid.HeaderFilter, {
+    visible: true
+  }), React__default.createElement(DataGrid.ColumnChooserSelection, {
+    allowSelectAll: true,
+    selectByClick: true,
+    recursive: true
+  })), (masterDetailFeatures === null || masterDetailFeatures === void 0 ? void 0 : masterDetailFeatures.exportEnabled) && React__default.createElement(DataGrid.Export, Object.assign({}, masterDetailFeatures.exportProps)), masterDetailFeatures.actionColumnEnable && React__default.createElement(DataGrid.Column, {
+    dataField: "Actions",
+    caption: "",
+    minWidth: 10,
+    width: 160,
+    fixed: true,
+    allowSorting: false,
+    type: "buttons",
+    showInColumnChooser: false,
+    cellRender: onActionCellRender
+  }), React__default.createElement(DataGrid.FilterRow, {
+    visible: masterDetailFeatures.createFilter
+  }), React__default.createElement(DataGrid.Selection, {
+    mode: masterDetailFeatures.showCheckbox ? "multiple" : "none"
+  }), React__default.createElement(DataGrid.SearchPanel, {
+    visible: masterDetailFeatures.showSearchPanel
+  }), React__default.createElement(DataGrid.Toolbar, null, React__default.createElement(DataGrid.Item, {
+    name: "searchPanel"
+  }), React__default.createElement(DataGrid.Item, {
+    name: "columnChooserButton",
+    cssClass: "toolbarPanelItems"
+  }), React__default.createElement(DataGrid.Item, {
+    name: "exportButton",
+    cssClass: "toolbarPanelItems"
+  })));
+};
+
 var useToken$1 = antd.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;
@@ -33221,7 +33429,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 = antd.Form.useForm(),
@@ -33793,14 +34004,19 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
       }
     });
   };
-  var detailGrid = function detailGrid(_ref) {
-    var data = _ref.data;
-    return React__default.createElement(OdsBasicDataGrid, Object.assign({}, props, {
-      showMasterDetail: false,
-      columns: props.detailGridColums,
-      dataSource: props.detailData[data.key.ID]
-    }));
-  };
+  var renderMasterDetailGrid = React.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__default.createElement(MasterDetailDataGrid, {
+      columns: detailGridColumns,
+      dataSource: detailData[detailID],
+      masterDetailFeatures: masterDetailFeatures
+    });
+  }, [detailGridColumns, detailData, masterDetailFeatures]);
   var checkIsPropArray = function checkIsPropArray(prop) {
     return prop && Array.isArray(prop);
   };
@@ -33950,7 +34166,7 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
     }
   }), props.showMasterDetail && React__default.createElement(DataGrid.MasterDetail, {
     enabled: true,
-    component: detailGrid
+    component: renderMasterDetailGrid
   }), props.edit && React__default.createElement(DataGrid.Editing, {
     mode: props.edit.mode,
     allowUpdating: props.edit.allowUpdating,
@@ -34641,27 +34857,6 @@ var useStyles$2 = antdStyle.createStyles(function (_ref) {
   };
 });
 
-var iconComponents = {
-  edit: outline.EditIcon,
-  "delete": outline.Trash1Icon,
-  copy: outline.CopyIcon,
-  discount: outline.DiscountIcon,
-  kebabMenu: outline.KebabMenuIcon,
-  refresh: outline.RefreshIcon,
-  unmap: outline.LinkBreakIcon,
-  save: outline.FloppyDiskIcon,
-  cancel: outline.Loop1Icon,
-  discount2Icon: outline.Discount2Icon
-};
-var DynamicIcon = function DynamicIcon(_ref) {
-  var iconName = _ref.iconName;
-  var IconComponent = iconComponents[iconName];
-  if (!IconComponent) {
-    return null;
-  }
-  return React__default.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 = React.useRef(0);
@@ -35052,7 +35247,7 @@ var usePageTitleAndToolbarStyles = antdStyle.createStyles(function (_ref2) {
   };
 });
 
-var useOnActionCellRenderHandler = function useOnActionCellRenderHandler(visibleActionButtons, actionButtonGroup, edit, actionButtonsTooltipType) {
+var useOnActionCellRenderHandler$1 = 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) {
@@ -35172,7 +35367,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 = React.useCallback(function (e) {
     if (exportProps) {
       var _exportProps$fileName, _exportProps$activeTe, _exportProps$passiveT;
@@ -35352,7 +35547,7 @@ var OdsInlineEditDataGrid = function OdsInlineEditDataGrid(props) {
   var handleOptionChanged = useOnOptionChangedHandler(dataGridRefFromProps, totalFilteredCount, sortingPropsFromProps, setFilterApplied, setUpdateTrigger, onOptionChangedFromProps);
   React.useEffect(function () {}, [updateTrigger]);
   var handleEditorPrepared = useOnEditorPreparedHandler(onEditorPreparedFromProps);
-  var handleExporting = useOnExportingHandler(exportPropsFromProps, renderTotal, onExportingFromProps);
+  var handleExporting = useOnExportingHandler$1(exportPropsFromProps, renderTotal, onExportingFromProps);
   var handleCellClick = React.useCallback(function (e) {
     if (e.rowType != "header") {
       e.cellElement.style.backgroundColor = "transparent";
@@ -35370,7 +35565,7 @@ var OdsInlineEditDataGrid = function OdsInlineEditDataGrid(props) {
     }
     return [];
   }, []);
-  var ActionCellRenderPartial = useOnActionCellRenderHandler(VisibleActionButtons, actionButtonGroupFromProps, editPropsFromProps, actionButtonsTooltipTypeFromProps);
+  var ActionCellRenderPartial = useOnActionCellRenderHandler$1(VisibleActionButtons, actionButtonGroupFromProps, editPropsFromProps, actionButtonsTooltipTypeFromProps);
   var DataGridOptionsFromProps = React.useMemo(function () {
     return _extends({}, AllGridOptions, DefaultDataGridOptions, {
       columnResizingMode: columnResizingModeFromProps != null ? columnResizingModeFromProps : "nextColumn"
@@ -35478,193 +35673,6 @@ var OdsInlineEditDataGrid = function OdsInlineEditDataGrid(props) {
   }, React__default.createElement("p", null, renderTotal())));
 };
 
-var useOnActionCellRenderHandler$1 = 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) {
-      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__default.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__default.createElement(OdsDropdown, {
-        key: "dropdown-" + (cellData.rowIndex || cellData.data.ID),
-        menuItems: kebabMenuButtons
-      }, React__default.createElement(OdsDataGrdiRowButton, {
-        type: "text",
-        icon: React__default.createElement(DynamicIcon, {
-          iconName: "kebabMenu"
-        })
-      })));
-    }
-    return React__default.createElement(React__default.Fragment, null, buttonElements);
-  }, [visibleActionButtons]);
-  return onActionCellRender;
-};
-
-var useOnExportingHandler$1 = function useOnExportingHandler(exportProps, getSummary, callback) {
-  var onExporting = React.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 = React.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__default.createElement(DataGrid__default, {
-    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__default.createElement(DataGrid.Column, Object.assign({
-      key: col.dataField
-    }, col, {
-      headerFilter: {
-        visible: col.allowFiltering
-      }
-    }));
-  }), React__default.createElement(DataGrid.ColumnChooser, {
-    enabled: masterDetailFeatures.columnChooser,
-    mode: "select"
-  }, React__default.createElement(DataGrid.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__default.createElement(DataGrid.ColumnChooserSearch, {
-    enabled: true,
-    editorOptions: {
-      placeholder: ""
-    }
-  }), React__default.createElement(DataGrid.HeaderFilter, {
-    visible: true
-  }), React__default.createElement(DataGrid.ColumnChooserSelection, {
-    allowSelectAll: true,
-    selectByClick: true,
-    recursive: true
-  })), (masterDetailFeatures === null || masterDetailFeatures === void 0 ? void 0 : masterDetailFeatures.exportEnabled) && React__default.createElement(DataGrid.Export, Object.assign({}, masterDetailFeatures.exportProps)), masterDetailFeatures.actionColumnEnable && React__default.createElement(DataGrid.Column, {
-    dataField: "Actions",
-    caption: "",
-    minWidth: 10,
-    width: 160,
-    fixed: true,
-    allowSorting: false,
-    type: "buttons",
-    showInColumnChooser: false,
-    cellRender: onActionCellRender
-  }), React__default.createElement(DataGrid.FilterRow, {
-    visible: masterDetailFeatures.createFilter
-  }), React__default.createElement(DataGrid.Selection, {
-    mode: masterDetailFeatures.showCheckbox ? "multiple" : "none"
-  }), React__default.createElement(DataGrid.SearchPanel, {
-    visible: masterDetailFeatures.showSearchPanel
-  }), React__default.createElement(DataGrid.Toolbar, null, React__default.createElement(DataGrid.Item, {
-    name: "searchPanel"
-  }), React__default.createElement(DataGrid.Item, {
-    name: "columnChooserButton",
-    cssClass: "toolbarPanelItems"
-  }), React__default.createElement(DataGrid.Item, {
-    name: "exportButton",
-    cssClass: "toolbarPanelItems"
-  })));
-};
-
 var _templateObject$t, _templateObject2$5;
 var useStyles$4 = antdStyle.createStyles(function (_ref) {
   var token = _ref.token,
@@ -35913,6 +35921,136 @@ var OdsChange = function OdsChange(props) {
 };
 var OdsChange$1 = React__default.memo(OdsChange);
 
+var _templateObject$u;
+var StyledProgress = styled__default(antd.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__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
+    theme: lightTheme
+  }, React__default.createElement(StyledProgress, Object.assign({}, props))));
+}
+
+var _templateObject$v;
+var useStyles$5 = antdStyle.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__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
+    theme: lightTheme
+  }, React__default.createElement(antd.ConfigProvider, {
+    theme: {
+      components: {
+        TreeSelect: {}
+      }
+    }
+  }, React__default.createElement(antd.TreeSelect, Object.assign({
+    className: styles.Wrapper
+  }, props)))));
+}
+
+var _excluded$6 = ["currencyOptions", "defaultCurrencyId", "locale", "onChange"];
+var _templateObject$w;
+var useStyles$6 = antdStyle.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 = React.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];
+  React.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__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
+    theme: lightTheme
+  }, React__default.createElement(antd.ConfigProvider, {
+    theme: {
+      components: {}
+    }
+  }, React__default.createElement(antd.InputNumber, Object.assign({
+    addonAfter: React__default.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__default.createElement(antd.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__default.createElement(antd.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)
@@ -37576,6 +37714,7 @@ exports.OdsChange = OdsChange$1;
 exports.OdsCheckbox = OdsCheckbox;
 exports.OdsCheckboxGroup = OdsCheckboxGroup;
 exports.OdsCollapse = OdsCollapse;
+exports.OdsCurrencyInput = OdsCurrencyInput;
 exports.OdsDataGrid = OdsDataGrid;
 exports.OdsDateRangePicker = OdsDateRangePicker;
 exports.OdsDatepicker = OdsDatepicker;
@@ -37600,6 +37739,7 @@ exports.OdsNotification = OdsNotification;
 exports.OdsParagraph = OdsParagraph;
 exports.OdsPassword = OdsPassword;
 exports.OdsPhoneInput = OdsPhoneInput;
+exports.OdsProgress = OdsProgress;
 exports.OdsRadio = OdsRadio;
 exports.OdsRadioGroup = OdsRadioGroup;
 exports.OdsRangeTimepicker = OdsRangeTimepicker;
@@ -37620,4 +37760,5 @@ exports.OdsTimeline = OdsTimeline;
 exports.OdsTimepicker = OdsTimepicker;
 exports.OdsTitle = OdsTitle;
 exports.OdsTransfer = OdsTransfer;
+exports.OdsTreeSelect = OdsTreeSelect;
 //# sourceMappingURL=index.js.map