ods-component-lib 1.19.4 → 1.19.6

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
@@ -57865,8 +57865,9 @@ var OdsTransfer = function OdsTransfer(props) {
   }, [(_props$axiosRequest4 = props.axiosRequest) === null || _props$axiosRequest4 === void 0 ? void 0 : _props$axiosRequest4.requestData, (_props$axiosRequest5 = props.axiosRequest) === null || _props$axiosRequest5 === void 0 ? void 0 : _props$axiosRequest5.requestQueryString]);
   var fetchData = React.useCallback(function () {
     try {
-      var _props$axiosRequest6, _props$axiosRequest6$, _props$axiosRequest7, _props$axiosRequest9;
+      var _props$axiosRequest6, _props$axiosRequest6$, _props$axiosRequest7;
       if (!props.axiosRequest) return Promise.resolve();
+      var isGet = props.axiosRequest.requestType.toUpperCase() === "GET";
       var apiUrl = "" + props.axiosRequest.environmentUrl + props.axiosRequest.apiUrl;
       if ((_props$axiosRequest6 = props.axiosRequest) !== null && _props$axiosRequest6 !== void 0 && (_props$axiosRequest6$ = _props$axiosRequest6.requestData) !== null && _props$axiosRequest6$ !== void 0 && _props$axiosRequest6$.PaginatedRequest) {
         props.axiosRequest.requestData.PaginatedRequest.PageSize = props.pageSize;
@@ -57877,14 +57878,19 @@ var OdsTransfer = function OdsTransfer(props) {
         if (constants$3.loadedPageCount > 1 && constants$3.totalPageCount >= constants$3.loadedPageCount) {
           props.axiosRequest.requestQueryString.skipCount = ((constants$3.loadedPageCount - 1) * props.pageSize).toString();
         }
-        var query = queryString.stringify((_props$axiosRequest8 = props.axiosRequest) === null || _props$axiosRequest8 === void 0 ? void 0 : _props$axiosRequest8.requestQueryString);
-        apiUrl = apiUrl + "?" + query;
+        if (isGet && (_props$axiosRequest8 = props.axiosRequest) !== null && _props$axiosRequest8 !== void 0 && _props$axiosRequest8.requestQueryString) {
+          var query = queryString.stringify(props.axiosRequest.requestQueryString);
+          apiUrl = apiUrl + "?" + query;
+        }
       }
       var requestOptions = {
         method: props.axiosRequest.requestType,
-        headers: getRequestHeaders(props),
-        body: JSON.stringify((_props$axiosRequest9 = props.axiosRequest) === null || _props$axiosRequest9 === void 0 ? void 0 : _props$axiosRequest9.requestData)
+        headers: getRequestHeaders(props)
       };
+      if (!isGet) {
+        var _props$axiosRequest9;
+        requestOptions.body = JSON.stringify((_props$axiosRequest9 = props.axiosRequest) === null || _props$axiosRequest9 === void 0 ? void 0 : _props$axiosRequest9.requestData);
+      }
       var _temp = _finallyRethrows(function () {
         return _catch(function () {
           return Promise.resolve(fetch(apiUrl, requestOptions)).then(function (response) {
@@ -57982,19 +57988,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 +58014,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 +58085,7 @@ var OdsTransfer = function OdsTransfer(props) {
         alignSelf: "stretch",
         margin: 0
       }
-    }, props.pageTitle))));
+    }, props.pageTitle)))));
   }));
 };