ods-component-lib 1.19.3 → 1.19.5

package/dist/index.modern.js

@@ -57744,7 +57744,7 @@ var NoListItems = function NoListItems(_ref) {
   var mainText = _ref.mainText,
     subText = _ref.subText;
   return React.createElement("div", {
-    className: "NoListItemsContainer",
+    className: "empty-list-items-container",
     style: styles.container
   }, React.createElement("div", {
     style: styles.iconContainer
@@ -57957,19 +57957,16 @@ var OdsTransfer = function OdsTransfer(props) {
     setSelectedKeys([].concat(sourceSelectedKeys, targetSelectedKeys));
   }, []);
   return React.createElement("div", null, React.createElement("style", null, props.isServerSide && ".dx-pager { display: none; }"), React.createElement(Transfer, {
-    dataSource: props.dataSource,
+    dataSource: transferDataSource,
     targetKeys: targetKeys,
     selectedKeys: selectedKeys,
     onSelectChange: handleSelectChange,
     onChange: handleChange,
     showSelectAll: false,
-    titles: [props.sourceTitle, props.TargetTitle],
-    render: function render(item) {
-      return item.title;
-    },
+    titles: [props.sourceTitle, props.targetTitle],
+    render: props.render,
     className: props.className,
     rootClassName: props.rootClassName,
-    style: props.style,
     showSearch: props.showSearch
   }, function (_ref) {
     var direction = _ref.direction,
@@ -57986,10 +57983,36 @@ var OdsTransfer = function OdsTransfer(props) {
     var leftSideEmpty = direction === "left" && filteredItems.length === 0;
     var rightSideEmpty = direction === "right" && targetKeys.length === 0;
     var combinedDataSource = direction === "right" ? removeDuplicates([].concat(filteredItems, targetItems), props.keyExpr) : filteredItems;
-    return leftSideEmpty || rightSideEmpty ? React.createElement(NoListItems, {
+    var CustomHeader = function CustomHeader() {
+      return React.createElement("div", {
+        className: "transfer-custom-header",
+        style: {
+          padding: "8px 16px",
+          borderBottom: "1px solid #f0f0f0",
+          fontWeight: "bold"
+        }
+      }, direction === "left" ? props.sourceTitle || "Available Items" : props.targetTitle || "Selected Items");
+    };
+    return React.createElement("div", {
+      className: "customize-wrapper-content",
+      style: {
+        height: "100%",
+        overflow: "auto"
+      }
+    }, props.useCustomHeader && React.createElement(CustomHeader, null), leftSideEmpty || rightSideEmpty ? React.createElement("div", {
+      className: "empty-list-items-container-wrapper",
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        justifyContent: "center",
+        alignItems: "center",
+        height: "100%",
+        minHeight: "300px"
+      }
+    }, React.createElement(NoListItems, {
       mainText: props.noContentMainText,
       subText: props.noContentSubText
-    }) : React.createElement(DataGrid__default, {
+    })) : React.createElement(DataGrid__default, {
       dataSource: combinedDataSource,
       keyExpr: props.keyExpr,
       showBorders: true,
@@ -58031,7 +58054,7 @@ var OdsTransfer = function OdsTransfer(props) {
         alignSelf: "stretch",
         margin: 0
       }
-    }, props.pageTitle))));
+    }, props.pageTitle)))));
   }));
 };