ods-component-lib 1.19.4 → 1.19.5

package/dist/components/devextreme/OdsTransfer.d.ts

@@ -49,12 +49,13 @@ interface OdsTransferProps<RecordType = any> {
     noContentSubText: string;
     onTargetChange?: (selectedItems: RecordType[]) => void;
     sourceTitle?: string;
-    TargetTitle?: string;
-    displayPageTitle?: false;
+    targetTitle?: string;
+    displayPageTitle?: boolean;
     className?: string;
     rootClassName?: string;
-    style?: React.CSSProperties;
     showSearch?: boolean;
+    render?: any;
+    useCustomHeader?: boolean;
 }
 export declare const getRequestHeaders: (props: any) => Headers;
 declare const OdsTransfer: React.FC<OdsTransferProps>;

package/dist/index.js

@@ -57769,7 +57769,7 @@ var NoListItems = function NoListItems(_ref) {
   var mainText = _ref.mainText,
     subText = _ref.subText;
   return React__default.createElement("div", {
-    className: "NoListItemsContainer",
+    className: "empty-list-items-container",
     style: styles.container
   }, React__default.createElement("div", {
     style: styles.iconContainer
@@ -57982,19 +57982,16 @@ var OdsTransfer = function OdsTransfer(props) {
     setSelectedKeys([].concat(sourceSelectedKeys, targetSelectedKeys));
   }, []);
   return React__default.createElement("div", null, React__default.createElement("style", null, props.isServerSide && ".dx-pager { display: none; }"), React__default.createElement(antd.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,
@@ -58011,10 +58008,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__default.createElement(NoListItems, {
+    var CustomHeader = function CustomHeader() {
+      return React__default.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__default.createElement("div", {
+      className: "customize-wrapper-content",
+      style: {
+        height: "100%",
+        overflow: "auto"
+      }
+    }, props.useCustomHeader && React__default.createElement(CustomHeader, null), leftSideEmpty || rightSideEmpty ? React__default.createElement("div", {
+      className: "empty-list-items-container-wrapper",
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        justifyContent: "center",
+        alignItems: "center",
+        height: "100%",
+        minHeight: "300px"
+      }
+    }, React__default.createElement(NoListItems, {
       mainText: props.noContentMainText,
       subText: props.noContentSubText
-    }) : React__default.createElement(DataGrid__default, {
+    })) : React__default.createElement(DataGrid__default, {
       dataSource: combinedDataSource,
       keyExpr: props.keyExpr,
       showBorders: true,
@@ -58056,7 +58079,7 @@ var OdsTransfer = function OdsTransfer(props) {
         alignSelf: "stretch",
         margin: 0
       }
-    }, props.pageTitle))));
+    }, props.pageTitle)))));
   }));
 };