ods-component-lib 1.21.2 → 1.22.2

package/dist/components/devextreme/OdsTransfer.js

@@ -1,36 +1,42 @@
 import { jsxs as h, jsx as u } from "react/jsx-runtime";
 import { useState as x, useRef as F, useCallback as q, useEffect as C } from "react";
-/* empty css           */
-import Q, { FilterRow as H, Column as j, Toolbar as A, Item as B } from "devextreme-react/data-grid";
-import * as M from "../../node_modules/query-string/base.js";
-import O from "./NoContentComponent.js";
-import $ from "../antd/typography/OdsTitle.js";
-import { isTextEmpty as G } from "../../utils/commonFunctions.js";
-import K from "../../node_modules/antd/es/transfer/index.js";
+import Q from "./Transfer.module.scss.js";
+import H, { FilterRow as j, Column as A, Toolbar as B, Item as M } from "devextreme-react/data-grid";
+import * as O from "../../node_modules/query-string/base.js";
+import $ from "./NoContentComponent.js";
+import G from "../antd/typography/OdsTitle.js";
+import { isTextEmpty as K } from "../../utils/commonFunctions.js";
+import L from "../../node_modules/antd/es/transfer/index.js";
 let l = {
   totalPageCount: 1,
   loadedPageCount: 1,
   totalRecordCount: 0
 };
-const L = (e) => new Headers({
+const V = (e) => new Headers({
   "Content-Type": "application/json",
   Authorization: "Bearer " + (e.axiosRequest ? e.axiosRequest.token : ""),
   "Accept-Language": e.language != "" ? e.language : "EN"
-}), ee = (e) => {
+}), te = (e) => {
   const D = (t) => t.map((a) => ({
     ...a,
     key: a.key || a.Id
-  })), [g, f] = x([]), I = F(null), [w, E] = x([]), [S, R] = x(e.targetItems?.map((t) => t[e.keyExpr]) || []), [o, P] = x(D(e.targetItems || [])), [y, T] = x(g || []), b = q(async () => {
+  })), [g, f] = x([]), w = F(null), [I, E] = x([]), [S, R] = x(
+    e.targetItems?.map((t) => t[e.keyExpr]) || []
+  ), [o, P] = x(
+    D(e.targetItems || [])
+  ), [y, T] = x(g || []), b = q(async () => {
     if (!e.axiosRequest) return;
     const t = e.axiosRequest.requestType.toUpperCase() === "GET";
     let a = `${e.axiosRequest.environmentUrl}${e.axiosRequest.apiUrl}`;
     if (e.axiosRequest?.requestData?.PaginatedRequest && (e.axiosRequest.requestData.PaginatedRequest.PageSize = e.pageSize), e.axiosRequest?.requestQueryString && (e.axiosRequest.requestQueryString.maxResultCount = e.pageSize, l.loadedPageCount > 1 && l.totalPageCount >= l.loadedPageCount && (e.axiosRequest.requestQueryString.skipCount = ((l.loadedPageCount - 1) * e.pageSize).toString()), t && e.axiosRequest?.requestQueryString)) {
-      const s = M.stringify(e.axiosRequest.requestQueryString);
+      const s = O.stringify(
+        e.axiosRequest.requestQueryString
+      );
       a = `${a}?${s}`;
     }
     const n = {
       method: e.axiosRequest.requestType,
-      headers: L(e)
+      headers: V(e)
     };
     t || (n.body = JSON.stringify(e.axiosRequest?.requestData));
     try {
@@ -55,13 +61,20 @@ const L = (e) => new Headers({
   ]);
   C(() => {
     e.axiosRequest && (f([]), b());
-  }, [e.axiosRequest?.requestData, e.axiosRequest?.requestQueryString, e.axiosRequest?.apiUrl, e.axiosRequest?.environmentUrl]);
+  }, [
+    e.axiosRequest?.requestData,
+    e.axiosRequest?.requestQueryString,
+    e.axiosRequest?.apiUrl,
+    e.axiosRequest?.environmentUrl
+  ]);
   const v = (t, a) => {
     if (a?.PageCount || a?.RowCount)
       l.totalPageCount = a.PageCount, l.totalRecordCount = a.RowCount;
     else {
       let n;
-      t && (n = t.headers.get("x-total-count")), n == null && (n = a?.rowCount), n == null && (n = a?.length), l.totalRecordCount = parseInt(n, 10) || 0, l.totalPageCount = Math.ceil(l.totalRecordCount / e.pageSize);
+      t && (n = t.headers.get("x-total-count")), n == null && (n = a?.rowCount), n == null && (n = a?.length), l.totalRecordCount = parseInt(n, 10) || 0, l.totalPageCount = Math.ceil(
+        l.totalRecordCount / e.pageSize
+      );
     }
   }, m = (t, a) => {
     const n = /* @__PURE__ */ new Set();
@@ -72,7 +85,9 @@ const L = (e) => new Headers({
   };
   C(() => {
     const t = e.targetItems ? [...e.targetItems, ...g] : g, a = m(t, e.keyExpr);
-    T(a.map((n) => ({ ...n, key: n[e.keyExpr] })));
+    T(
+      a.map((n) => ({ ...n, key: n[e.keyExpr] }))
+    );
   }, [g, e.targetItems]), C(() => {
     (o || e.targetItems) && (T((t) => {
       const n = [...o.map((i) => ({
@@ -87,33 +102,42 @@ const L = (e) => new Headers({
   const N = q(
     (t, a, n) => {
       R(t);
-      const s = y.filter((i) => t.includes(i[e.keyExpr]));
+      const s = y.filter(
+        (i) => t.includes(i[e.keyExpr])
+      );
       if (P((i) => {
         const r = [...i, ...s];
         return m(
-          a === "left" ? r.filter((c) => !n.includes(c[e.keyExpr])) : r,
+          a === "left" ? r.filter(
+            (c) => !n.includes(c[e.keyExpr])
+          ) : r,
           e.keyExpr
         );
       }), e.onTargetChange) {
         const i = [...o, ...s], r = m(
-          a === "left" ? i.filter((c) => !n.includes(c[e.keyExpr])) : i,
+          a === "left" ? i.filter(
+            (c) => !n.includes(c[e.keyExpr])
+          ) : i,
           e.keyExpr
         );
         e.onTargetChange(r);
       }
     },
     [g, y, o]
-  ), z = q((t, a) => {
-    E([...t, ...a]);
-  }, []);
-  return /* @__PURE__ */ h("div", { children: [
+  ), z = q(
+    (t, a) => {
+      E([...t, ...a]);
+    },
+    []
+  );
+  return /* @__PURE__ */ h("div", { className: Q.wrapper, children: [
     /* @__PURE__ */ u("style", { children: e.isServerSide && ".dx-pager { display: none; }" }),
     /* @__PURE__ */ u(
-      K,
+      L,
       {
         dataSource: y,
         targetKeys: S,
-        selectedKeys: w,
+        selectedKeys: I,
         onSelectChange: z,
         onChange: N,
         showSelectAll: !1,
@@ -123,9 +147,15 @@ const L = (e) => new Headers({
         rootClassName: e.rootClassName,
         showSearch: e.showSearch,
         children: ({ direction: t, filteredItems: a, onItemSelectAll: n }) => {
-          const s = ({ selectedRowKeys: d, currentDeselectedRowKeys: k }) => {
+          const s = ({
+            selectedRowKeys: d,
+            currentDeselectedRowKeys: k
+          }) => {
             n(d, !0), k.length > 0 && n(k, !1);
-          }, i = t === "left" && a.length === 0, r = t === "right" && S?.length === 0, c = t === "right" ? m([...a, ...o], e.keyExpr) : a, U = () => /* @__PURE__ */ u(
+          }, i = t === "left" && a.length === 0, r = t === "right" && S?.length === 0, c = t === "right" ? m(
+            [...a, ...o],
+            e.keyExpr
+          ) : a, U = () => /* @__PURE__ */ u(
             "div",
             {
               className: "transfer-custom-header",
@@ -137,81 +167,88 @@ const L = (e) => new Headers({
               children: t === "left" ? e.sourceTitle || "Available Items" : e.targetTitle || "Selected Items"
             }
           );
-          return /* @__PURE__ */ h("div", { className: "customize-wrapper-content", style: { height: "100%", overflow: "auto" }, children: [
-            e.useCustomHeader && /* @__PURE__ */ u(U, {}),
-            i || r ? /* @__PURE__ */ u(
-              "div",
-              {
-                className: "empty-list-items-container-wrapper",
-                style: {
-                  display: "flex",
-                  flexDirection: "column",
-                  justifyContent: "center",
-                  alignItems: "center",
-                  height: "100%",
-                  minHeight: "300px"
-                },
-                children: /* @__PURE__ */ u(
-                  O,
+          return /* @__PURE__ */ h(
+            "div",
+            {
+              className: "customize-wrapper-content",
+              style: { height: "100%", overflow: "auto" },
+              children: [
+                e.useCustomHeader && /* @__PURE__ */ u(U, {}),
+                i || r ? /* @__PURE__ */ u(
+                  "div",
+                  {
+                    className: "empty-list-items-container-wrapper",
+                    style: {
+                      display: "flex",
+                      flexDirection: "column",
+                      justifyContent: "center",
+                      alignItems: "center",
+                      height: "100%",
+                      minHeight: "300px"
+                    },
+                    children: /* @__PURE__ */ u(
+                      $,
+                      {
+                        mainText: e.noContentMainText,
+                        subText: e.noContentSubText
+                      }
+                    )
+                  }
+                ) : /* @__PURE__ */ h(
+                  H,
                   {
-                    mainText: e.noContentMainText,
-                    subText: e.noContentSubText
+                    dataSource: c,
+                    keyExpr: e.keyExpr,
+                    showBorders: !0,
+                    paging: { enabled: !0 },
+                    selection: {
+                      mode: "multiple",
+                      selectAllMode: "page",
+                      showCheckBoxesMode: "always"
+                    },
+                    onSelectionChanged: s,
+                    columns: e.columns,
+                    columnFixing: { enabled: !0 },
+                    noDataText: e.noDataText,
+                    ref: w,
+                    children: [
+                      e.showFilters ?? /* @__PURE__ */ u(j, { visible: !0 }),
+                      e.columns.map((d) => /* @__PURE__ */ u(
+                        A,
+                        {
+                          dataField: d.dataField,
+                          caption: d.caption,
+                          dataType: d.dataType,
+                          calculateSortValue: d.calculateSortValue,
+                          allowHeaderFiltering: e.showFilters
+                        }
+                      )),
+                      e.displayPageTitle && !K(e.pageTitle) && /* @__PURE__ */ u(B, { children: /* @__PURE__ */ u(M, { location: "before", cssClass: "toolbarTitleItem", children: /* @__PURE__ */ u(
+                        G,
+                        {
+                          level: 5,
+                          style: {
+                            display: "flex",
+                            alignItems: "center",
+                            alignSelf: "stretch",
+                            margin: 0
+                          },
+                          children: e.pageTitle
+                        }
+                      ) }) })
+                    ]
                   }
                 )
-              }
-            ) : /* @__PURE__ */ h(
-              Q,
-              {
-                dataSource: c,
-                keyExpr: e.keyExpr,
-                showBorders: !0,
-                paging: { enabled: !0 },
-                selection: {
-                  mode: "multiple",
-                  selectAllMode: "page",
-                  showCheckBoxesMode: "always"
-                },
-                onSelectionChanged: s,
-                columns: e.columns,
-                columnFixing: { enabled: !0 },
-                noDataText: e.noDataText,
-                ref: I,
-                children: [
-                  e.showFilters ?? /* @__PURE__ */ u(H, { visible: !0 }),
-                  e.columns.map((d) => /* @__PURE__ */ u(
-                    j,
-                    {
-                      dataField: d.dataField,
-                      caption: d.caption,
-                      dataType: d.dataType,
-                      calculateSortValue: d.calculateSortValue,
-                      allowHeaderFiltering: e.showFilters
-                    }
-                  )),
-                  e.displayPageTitle && !G(e.pageTitle) && /* @__PURE__ */ u(A, { children: /* @__PURE__ */ u(B, { location: "before", cssClass: "toolbarTitleItem", children: /* @__PURE__ */ u(
-                    $,
-                    {
-                      level: 5,
-                      style: {
-                        display: "flex",
-                        alignItems: "center",
-                        alignSelf: "stretch",
-                        margin: 0
-                      },
-                      children: e.pageTitle
-                    }
-                  ) }) })
-                ]
-              }
-            )
-          ] });
+              ]
+            }
+          );
         }
       }
     )
   ] });
 };
 export {
-  ee as default,
-  L as getRequestHeaders
+  te as default,
+  V as getRequestHeaders
 };
 //# sourceMappingURL=OdsTransfer.js.map

package/dist/components/devextreme/OdsTransfer.js.map

@@ -1 +1 @@
-{"version":3,"file":"OdsTransfer.js","sources":["../../../src/components/devextreme/OdsTransfer.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback, useRef } from \"react\";\r\nimport { Transfer } from \"antd\";\r\nimport \"devextreme/dist/css/dx.light.css\";\r\nimport \"./styles.css\";\r\nimport DataGrid, { Item as DxItem, Column as DxColumn, FilterRow, Toolbar } from \"devextreme-react/data-grid\";\r\nimport queryString from \"query-string\";\r\nimport NoContentComponent from \"./NoContentComponent\";\r\nimport OdsTitle from \"../antd/typography/OdsTitle\";\r\nimport { isTextEmpty } from \"../../utils/commonFunctions\";\r\n\r\nexport interface Column {\r\n  title: string;\r\n  dataIndex: string;\r\n  key?: string;\r\n  caption?: string;\r\n  tooltip?: { enable: boolean };\r\n}\r\n\r\nlet constants = {\r\n  totalPageCount: 1,\r\n  loadedPageCount: 1,\r\n  totalRecordCount: 0,\r\n};\r\n\r\ninterface IAxiosProps {\r\n  token: string;\r\n  requestData?: any;\r\n  apiUrl: string;\r\n  environmentUrl: string;\r\n  requestQueryString?: any;\r\n  requestType: string;\r\n}\r\n\r\ninterface ISummaryRowOptions {\r\n  summaryLoadedDataLabel?: string;\r\n  summaryTotalDataLabel?: string;\r\n  summaryFilteredDataLabel?: string;\r\n  summaryTotalCount?: number;\r\n  summaryTotalPageCountLabel?: string;\r\n  summarySumLabel?: string;\r\n  summaryAvgLabel?: string;\r\n  summaryMinLabel?: string;\r\n  summaryMaxLabel?: string;\r\n  summaryCountLabel?: string;\r\n}\r\n\r\ninterface OdsTransferProps<RecordType = any> {\r\n  dataSource?: RecordType[];\r\n  language: string;\r\n  pagingEnable?: boolean;\r\n  pageSize?: number;\r\n  isServerSide: boolean;\r\n  axiosRequest?: IAxiosProps;\r\n  customSummary?: ISummaryRowOptions;\r\n  dataGridPageName?: string;\r\n  columns: any[];\r\n  pageTitle?: string;\r\n  keyExpr: string;\r\n  noDataText: string;\r\n  defaultPageSize: number;\r\n  targetItems?: any[];\r\n  noContentMainText: string;\r\n  noContentSubText: string;\r\n  onTargetChange?: (selectedItems: RecordType[]) => void;\r\n  sourceTitle?: string;\r\n  targetTitle?: string;\r\n  displayPageTitle?: boolean;\r\n  className?: string;\r\n  rootClassName?: string;\r\n  showSearch?: boolean;\r\n  render?: any;\r\n  useCustomHeader?: boolean;\r\n  showFilters?: boolean; \r\n}\r\n\r\nexport const getRequestHeaders = (props) => {\r\n  return new Headers({\r\n    \"Content-Type\": \"application/json\",\r\n    Authorization: \"Bearer \" + (props.axiosRequest ? props.axiosRequest.token : \"\"),\r\n    \"Accept-Language\": props.language != \"\" ? props.language : \"EN\",\r\n  });\r\n};\r\n\r\nconst OdsTransfer: React.FC<OdsTransferProps> = (props) => {\r\n  const initializeTargetItems = (items) => {\r\n    return items.map((item) => ({\r\n      ...item,\r\n      key: item.key || item.Id,\r\n    }));\r\n  };\r\n\r\n  const [data, setData] = useState([]);\r\n  const gridRef = useRef(null);\r\n  const [selectedKeys, setSelectedKeys] = useState([]);\r\n  const [targetKeys, setTargetKeys] = useState<string[]>(props.targetItems?.map((item) => item[props.keyExpr]) || []);\r\n  const [targetItems, setTargetItems] = useState(initializeTargetItems(props.targetItems || []));\r\n  const [transferDataSource, setTransferDataSource] = useState(data || []);\r\n\r\n  const fetchData = useCallback(async () => {\r\n    if (!props.axiosRequest) return;\r\n\r\n    const isGet = props.axiosRequest.requestType.toUpperCase() === \"GET\";\r\n\r\n    let apiUrl = `${props.axiosRequest.environmentUrl}${props.axiosRequest.apiUrl}`;\r\n\r\n    if (props.axiosRequest?.requestData?.PaginatedRequest) {\r\n      props.axiosRequest.requestData.PaginatedRequest.PageSize = props.pageSize;\r\n    }\r\n\r\n    if (props.axiosRequest?.requestQueryString) {\r\n      props.axiosRequest.requestQueryString.maxResultCount = props.pageSize;\r\n      if (constants.loadedPageCount > 1 && constants.totalPageCount >= constants.loadedPageCount) {\r\n        props.axiosRequest.requestQueryString.skipCount = ((constants.loadedPageCount - 1) * props.pageSize).toString();\r\n      }\r\n\r\n      if (isGet && props.axiosRequest?.requestQueryString) {\r\n        const query = queryString.stringify(props.axiosRequest.requestQueryString);\r\n        apiUrl = `${apiUrl}?${query}`;\r\n      }\r\n    }\r\n    const requestOptions: RequestInit = {\r\n      method: props.axiosRequest.requestType,\r\n      headers: getRequestHeaders(props),\r\n    };\r\n\r\n    if (!isGet) {\r\n      requestOptions.body = JSON.stringify(props.axiosRequest?.requestData);\r\n    }\r\n\r\n    try {\r\n      const response = await fetch(apiUrl, requestOptions);\r\n      const newData = await response.json();\r\n      if (constants.loadedPageCount === 1) {\r\n        setData(newData.Data ? newData.Data : newData);\r\n        constants.loadedPageCount = 1;\r\n      } else if (constants.totalPageCount >= constants.loadedPageCount) {\r\n        const newArray = newData.Data ? newData.Data : newData;\r\n        setData((prevData) => [...prevData, ...newArray]);\r\n      }\r\n      getTotalCount(response, newData);\r\n    } catch (error) {\r\n      console.error(\"Error fetching data:\", error);\r\n    } finally {\r\n    }\r\n  }, [\r\n    props.axiosRequest?.requestData,\r\n    props.axiosRequest?.apiUrl,\r\n    props.axiosRequest?.environmentUrl,\r\n    props.axiosRequest?.requestQueryString,\r\n    props.axiosRequest?.requestType,\r\n    props.pageSize,\r\n    props.isServerSide,\r\n  ]);\r\n\r\n  useEffect(() => {\r\n    if (props.axiosRequest) {\r\n      setData([]);\r\n      fetchData();\r\n    }\r\n  }, [props.axiosRequest?.requestData, props.axiosRequest?.requestQueryString, props.axiosRequest?.apiUrl, props.axiosRequest?.environmentUrl]);\r\n\r\n  const getTotalCount = (response: Response, data: any): void => {\r\n    if (data?.PageCount || data?.RowCount) {\r\n      constants.totalPageCount = data.PageCount;\r\n      constants.totalRecordCount = data.RowCount;\r\n    } else {\r\n      let totalCount;\r\n\r\n      if (response) totalCount = response.headers.get(\"x-total-count\");\r\n      if (totalCount == null) totalCount = data?.rowCount;\r\n      if (totalCount == null) totalCount = data?.length;\r\n\r\n      constants.totalRecordCount = parseInt(totalCount, 10) || 0;\r\n      constants.totalPageCount = Math.ceil(constants.totalRecordCount / props.pageSize);\r\n    }\r\n  };\r\n\r\n  const removeDuplicates = (items, keyExpr) => {\r\n    const seen = new Set();\r\n    return items.filter((item) => {\r\n      const key = item[keyExpr];\r\n      return !seen.has(key) && seen.add(key);\r\n    });\r\n  };\r\n\r\n  useEffect(() => {\r\n    const combinedData = props.targetItems ? [...props.targetItems, ...data] : data;\r\n\r\n    const uniqueData = removeDuplicates(combinedData, props.keyExpr);\r\n\r\n    setTransferDataSource(uniqueData.map((item) => ({ ...item, key: item[props.keyExpr] })));\r\n  }, [data, props.targetItems]);\r\n\r\n  useEffect(() => {\r\n    if (targetItems || props.targetItems) {\r\n      setTransferDataSource((prevData) => {\r\n        const updatedTargetItems = targetItems.map((item) => ({\r\n          ...item,\r\n          key: item[props.keyExpr],\r\n        }));\r\n        const combinedData = [...updatedTargetItems, ...prevData];\r\n        const uniqueData = removeDuplicates(combinedData, props.keyExpr);\r\n        return uniqueData;\r\n      });\r\n\r\n      setTargetKeys(\r\n        targetItems?.length > 0 ? targetItems?.map((item) => item[props.keyExpr]) : props.targetItems?.map((item) => item[props.keyExpr])\r\n      );\r\n    }\r\n  }, [targetItems, props.keyExpr, props.targetItems]);\r\n\r\n  const handleChange = useCallback(\r\n    (targetKeys, direction, moveKey) => {\r\n      setTargetKeys(targetKeys);\r\n      const selectedItems = transferDataSource.filter((item) => targetKeys.includes(item[props.keyExpr]));\r\n\r\n      setTargetItems((prevTargetItems) => {\r\n        const updatedItems = [...prevTargetItems, ...selectedItems];\r\n        return removeDuplicates(\r\n          direction === \"left\" ? updatedItems.filter((item) => !moveKey.includes(item[props.keyExpr])) : updatedItems,\r\n          props.keyExpr\r\n        );\r\n      });\r\n      if (props.onTargetChange) {\r\n        const updatedItems = [...targetItems, ...selectedItems];\r\n        const uniqueItems = removeDuplicates(\r\n          direction === \"left\" ? updatedItems.filter((item) => !moveKey.includes(item[props.keyExpr])) : updatedItems,\r\n          props.keyExpr\r\n        );\r\n        props.onTargetChange(uniqueItems);\r\n      }\r\n    },\r\n    [data, transferDataSource, targetItems]\r\n  );\r\n\r\n  const handleSelectChange = useCallback((sourceSelectedKeys, targetSelectedKeys) => {\r\n    setSelectedKeys([...sourceSelectedKeys, ...targetSelectedKeys]);\r\n  }, []);\r\n\r\n  return (\r\n    <div>\r\n      <style>{props.isServerSide && `.dx-pager { display: none; }`}</style>\r\n      <Transfer\r\n        dataSource={transferDataSource}\r\n        targetKeys={targetKeys}\r\n        selectedKeys={selectedKeys}\r\n        onSelectChange={handleSelectChange}\r\n        onChange={handleChange}\r\n        showSelectAll={false}\r\n        titles={[props.sourceTitle, props.targetTitle]}\r\n        render={props.render}\r\n        className={props.className}\r\n        rootClassName={props.rootClassName}\r\n        showSearch={props.showSearch}\r\n      >\r\n        {({ direction, filteredItems, onItemSelectAll }) => {\r\n          const onSelectionChanged = ({ selectedRowKeys: changedRowKeys, currentDeselectedRowKeys }) => {\r\n            onItemSelectAll(changedRowKeys, true);\r\n            if (currentDeselectedRowKeys.length > 0) {\r\n              onItemSelectAll(currentDeselectedRowKeys, false);\r\n            }\r\n          };\r\n\r\n          const leftSideEmpty = direction === \"left\" && filteredItems.length === 0;\r\n          const rightSideEmpty = direction === \"right\" && targetKeys?.length === 0;\r\n\r\n          const combinedDataSource = direction === \"right\" ? removeDuplicates([...filteredItems, ...targetItems], props.keyExpr) : filteredItems;\r\n\r\n          const CustomHeader = () => (\r\n            <div\r\n              className=\"transfer-custom-header\"\r\n              style={{\r\n                padding: \"8px 16px\",\r\n                borderBottom: \"1px solid #f0f0f0\",\r\n                fontWeight: \"bold\",\r\n              }}\r\n            >\r\n              {direction === \"left\" ? props.sourceTitle || \"Available Items\" : props.targetTitle || \"Selected Items\"}\r\n            </div>\r\n          );\r\n\r\n          return (\r\n            <div className=\"customize-wrapper-content\" style={{ height: \"100%\", overflow: \"auto\" }}>\r\n              {props.useCustomHeader && <CustomHeader />}\r\n              {leftSideEmpty || rightSideEmpty ? (\r\n                <div\r\n                  className=\"empty-list-items-container-wrapper\"\r\n                  style={{\r\n                    display: \"flex\",\r\n                    flexDirection: \"column\",\r\n                    justifyContent: \"center\",\r\n                    alignItems: \"center\",\r\n                    height: \"100%\",\r\n                    minHeight: \"300px\",\r\n                  }}\r\n                >\r\n                 <NoContentComponent\r\n                    mainText={props.noContentMainText}\r\n                    subText={props.noContentSubText}\r\n                  />\r\n                </div>\r\n              ) : (\r\n                <DataGrid\r\n                  dataSource={combinedDataSource}\r\n                  keyExpr={props.keyExpr}\r\n                  showBorders\r\n                  paging={{ enabled: true }}\r\n                  selection={{\r\n                    mode: \"multiple\",\r\n                    selectAllMode: \"page\",\r\n                    showCheckBoxesMode: \"always\",\r\n                  }}\r\n                  onSelectionChanged={onSelectionChanged}\r\n                  columns={props.columns}\r\n                  columnFixing={{ enabled: true }}\r\n                  noDataText={props.noDataText}\r\n                  ref={gridRef}\r\n                >\r\n                 {props.showFilters ?? <FilterRow visible={true} />}\r\n                  {props.columns.map((column) => (\r\n                    <DxColumn\r\n                      dataField={column.dataField}\r\n                      caption={column.caption}\r\n                      dataType={column.dataType}\r\n                      calculateSortValue={column.calculateSortValue}\r\n                      allowHeaderFiltering={props.showFilters}\r\n                    />\r\n                  ))}\r\n                  {props.displayPageTitle && !isTextEmpty(props.pageTitle) && (\r\n                    <Toolbar>\r\n                      <DxItem location=\"before\" cssClass=\"toolbarTitleItem\">\r\n                        <OdsTitle\r\n                          level={5}\r\n                          style={{\r\n                            display: \"flex\",\r\n                            alignItems: \"center\",\r\n                            alignSelf: \"stretch\",\r\n                            margin: 0,\r\n                          }}\r\n                        >\r\n                          {props.pageTitle}\r\n                        </OdsTitle>\r\n                      </DxItem>\r\n                    </Toolbar>\r\n                  )}\r\n                </DataGrid>\r\n              )}\r\n            </div>\r\n          );\r\n        }}\r\n      </Transfer>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default OdsTransfer;\r\n"],"names":["constants","getRequestHeaders","props","OdsTransfer","initializeTargetItems","items","item","data","setData","useState","gridRef","useRef","selectedKeys","setSelectedKeys","targetKeys","setTargetKeys","targetItems","setTargetItems","transferDataSource","setTransferDataSource","fetchData","useCallback","isGet","apiUrl","query","queryString","requestOptions","response","newData","newArray","prevData","getTotalCount","useEffect","totalCount","removeDuplicates","keyExpr","seen","key","combinedData","uniqueData","handleChange","direction","moveKey","selectedItems","prevTargetItems","updatedItems","uniqueItems","handleSelectChange","sourceSelectedKeys","targetSelectedKeys","jsx","Transfer","filteredItems","onItemSelectAll","onSelectionChanged","changedRowKeys","currentDeselectedRowKeys","leftSideEmpty","rightSideEmpty","combinedDataSource","CustomHeader","jsxs","NoContentComponent","DataGrid","FilterRow","column","DxColumn","isTextEmpty","Toolbar","DxItem","OdsTitle"],"mappings":"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"}
+{"version":3,"file":"OdsTransfer.js","sources":["../../../src/components/devextreme/OdsTransfer.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback, useRef } from \"react\";\r\nimport { Transfer } from \"antd\";\r\nimport styles from \"./Transfer.module.scss\";\r\nimport DataGrid, {\r\n  Item as DxItem,\r\n  Column as DxColumn,\r\n  FilterRow,\r\n  Toolbar,\r\n} from \"devextreme-react/data-grid\";\r\nimport queryString from \"query-string\";\r\nimport NoContentComponent from \"./NoContentComponent\";\r\nimport OdsTitle from \"../antd/typography/OdsTitle\";\r\nimport { isTextEmpty } from \"../../utils/commonFunctions\";\r\n\r\nexport interface Column {\r\n  title: string;\r\n  dataIndex: string;\r\n  key?: string;\r\n  caption?: string;\r\n  tooltip?: { enable: boolean };\r\n}\r\n\r\nlet constants = {\r\n  totalPageCount: 1,\r\n  loadedPageCount: 1,\r\n  totalRecordCount: 0,\r\n};\r\n\r\ninterface IAxiosProps {\r\n  token: string;\r\n  requestData?: any;\r\n  apiUrl: string;\r\n  environmentUrl: string;\r\n  requestQueryString?: any;\r\n  requestType: string;\r\n}\r\n\r\ninterface ISummaryRowOptions {\r\n  summaryLoadedDataLabel?: string;\r\n  summaryTotalDataLabel?: string;\r\n  summaryFilteredDataLabel?: string;\r\n  summaryTotalCount?: number;\r\n  summaryTotalPageCountLabel?: string;\r\n  summarySumLabel?: string;\r\n  summaryAvgLabel?: string;\r\n  summaryMinLabel?: string;\r\n  summaryMaxLabel?: string;\r\n  summaryCountLabel?: string;\r\n}\r\n\r\ninterface OdsTransferProps<RecordType = any> {\r\n  dataSource?: RecordType[];\r\n  language: string;\r\n  pagingEnable?: boolean;\r\n  pageSize?: number;\r\n  isServerSide: boolean;\r\n  axiosRequest?: IAxiosProps;\r\n  customSummary?: ISummaryRowOptions;\r\n  dataGridPageName?: string;\r\n  columns: any[];\r\n  pageTitle?: string;\r\n  keyExpr: string;\r\n  noDataText: string;\r\n  defaultPageSize: number;\r\n  targetItems?: any[];\r\n  noContentMainText: string;\r\n  noContentSubText: string;\r\n  onTargetChange?: (selectedItems: RecordType[]) => void;\r\n  sourceTitle?: string;\r\n  targetTitle?: string;\r\n  displayPageTitle?: boolean;\r\n  className?: string;\r\n  rootClassName?: string;\r\n  showSearch?: boolean;\r\n  render?: any;\r\n  useCustomHeader?: boolean;\r\n  showFilters?: boolean;\r\n}\r\n\r\nexport const getRequestHeaders = (props) => {\r\n  return new Headers({\r\n    \"Content-Type\": \"application/json\",\r\n    Authorization:\r\n      \"Bearer \" + (props.axiosRequest ? props.axiosRequest.token : \"\"),\r\n    \"Accept-Language\": props.language != \"\" ? props.language : \"EN\",\r\n  });\r\n};\r\n\r\nconst OdsTransfer: React.FC<OdsTransferProps> = (props) => {\r\n  const initializeTargetItems = (items) => {\r\n    return items.map((item) => ({\r\n      ...item,\r\n      key: item.key || item.Id,\r\n    }));\r\n  };\r\n\r\n  const [data, setData] = useState([]);\r\n  const gridRef = useRef(null);\r\n  const [selectedKeys, setSelectedKeys] = useState([]);\r\n  const [targetKeys, setTargetKeys] = useState<string[]>(\r\n    props.targetItems?.map((item) => item[props.keyExpr]) || []\r\n  );\r\n  const [targetItems, setTargetItems] = useState(\r\n    initializeTargetItems(props.targetItems || [])\r\n  );\r\n  const [transferDataSource, setTransferDataSource] = useState(data || []);\r\n\r\n  const fetchData = useCallback(async () => {\r\n    if (!props.axiosRequest) return;\r\n\r\n    const isGet = props.axiosRequest.requestType.toUpperCase() === \"GET\";\r\n\r\n    let apiUrl = `${props.axiosRequest.environmentUrl}${props.axiosRequest.apiUrl}`;\r\n\r\n    if (props.axiosRequest?.requestData?.PaginatedRequest) {\r\n      props.axiosRequest.requestData.PaginatedRequest.PageSize = props.pageSize;\r\n    }\r\n\r\n    if (props.axiosRequest?.requestQueryString) {\r\n      props.axiosRequest.requestQueryString.maxResultCount = props.pageSize;\r\n      if (\r\n        constants.loadedPageCount > 1 &&\r\n        constants.totalPageCount >= constants.loadedPageCount\r\n      ) {\r\n        props.axiosRequest.requestQueryString.skipCount = (\r\n          (constants.loadedPageCount - 1) *\r\n          props.pageSize\r\n        ).toString();\r\n      }\r\n\r\n      if (isGet && props.axiosRequest?.requestQueryString) {\r\n        const query = queryString.stringify(\r\n          props.axiosRequest.requestQueryString\r\n        );\r\n        apiUrl = `${apiUrl}?${query}`;\r\n      }\r\n    }\r\n    const requestOptions: RequestInit = {\r\n      method: props.axiosRequest.requestType,\r\n      headers: getRequestHeaders(props),\r\n    };\r\n\r\n    if (!isGet) {\r\n      requestOptions.body = JSON.stringify(props.axiosRequest?.requestData);\r\n    }\r\n\r\n    try {\r\n      const response = await fetch(apiUrl, requestOptions);\r\n      const newData = await response.json();\r\n      if (constants.loadedPageCount === 1) {\r\n        setData(newData.Data ? newData.Data : newData);\r\n        constants.loadedPageCount = 1;\r\n      } else if (constants.totalPageCount >= constants.loadedPageCount) {\r\n        const newArray = newData.Data ? newData.Data : newData;\r\n        setData((prevData) => [...prevData, ...newArray]);\r\n      }\r\n      getTotalCount(response, newData);\r\n    } catch (error) {\r\n      console.error(\"Error fetching data:\", error);\r\n    } finally {\r\n    }\r\n  }, [\r\n    props.axiosRequest?.requestData,\r\n    props.axiosRequest?.apiUrl,\r\n    props.axiosRequest?.environmentUrl,\r\n    props.axiosRequest?.requestQueryString,\r\n    props.axiosRequest?.requestType,\r\n    props.pageSize,\r\n    props.isServerSide,\r\n  ]);\r\n\r\n  useEffect(() => {\r\n    if (props.axiosRequest) {\r\n      setData([]);\r\n      fetchData();\r\n    }\r\n  }, [\r\n    props.axiosRequest?.requestData,\r\n    props.axiosRequest?.requestQueryString,\r\n    props.axiosRequest?.apiUrl,\r\n    props.axiosRequest?.environmentUrl,\r\n  ]);\r\n\r\n  const getTotalCount = (response: Response, data: any): void => {\r\n    if (data?.PageCount || data?.RowCount) {\r\n      constants.totalPageCount = data.PageCount;\r\n      constants.totalRecordCount = data.RowCount;\r\n    } else {\r\n      let totalCount;\r\n\r\n      if (response) totalCount = response.headers.get(\"x-total-count\");\r\n      if (totalCount == null) totalCount = data?.rowCount;\r\n      if (totalCount == null) totalCount = data?.length;\r\n\r\n      constants.totalRecordCount = parseInt(totalCount, 10) || 0;\r\n      constants.totalPageCount = Math.ceil(\r\n        constants.totalRecordCount / props.pageSize\r\n      );\r\n    }\r\n  };\r\n\r\n  const removeDuplicates = (items, keyExpr) => {\r\n    const seen = new Set();\r\n    return items.filter((item) => {\r\n      const key = item[keyExpr];\r\n      return !seen.has(key) && seen.add(key);\r\n    });\r\n  };\r\n\r\n  useEffect(() => {\r\n    const combinedData = props.targetItems\r\n      ? [...props.targetItems, ...data]\r\n      : data;\r\n\r\n    const uniqueData = removeDuplicates(combinedData, props.keyExpr);\r\n\r\n    setTransferDataSource(\r\n      uniqueData.map((item) => ({ ...item, key: item[props.keyExpr] }))\r\n    );\r\n  }, [data, props.targetItems]);\r\n\r\n  useEffect(() => {\r\n    if (targetItems || props.targetItems) {\r\n      setTransferDataSource((prevData) => {\r\n        const updatedTargetItems = targetItems.map((item) => ({\r\n          ...item,\r\n          key: item[props.keyExpr],\r\n        }));\r\n        const combinedData = [...updatedTargetItems, ...prevData];\r\n        const uniqueData = removeDuplicates(combinedData, props.keyExpr);\r\n        return uniqueData;\r\n      });\r\n\r\n      setTargetKeys(\r\n        targetItems?.length > 0\r\n          ? targetItems?.map((item) => item[props.keyExpr])\r\n          : props.targetItems?.map((item) => item[props.keyExpr])\r\n      );\r\n    }\r\n  }, [targetItems, props.keyExpr, props.targetItems]);\r\n\r\n  const handleChange = useCallback(\r\n    (targetKeys, direction, moveKey) => {\r\n      setTargetKeys(targetKeys);\r\n      const selectedItems = transferDataSource.filter((item) =>\r\n        targetKeys.includes(item[props.keyExpr])\r\n      );\r\n\r\n      setTargetItems((prevTargetItems) => {\r\n        const updatedItems = [...prevTargetItems, ...selectedItems];\r\n        return removeDuplicates(\r\n          direction === \"left\"\r\n            ? updatedItems.filter(\r\n                (item) => !moveKey.includes(item[props.keyExpr])\r\n              )\r\n            : updatedItems,\r\n          props.keyExpr\r\n        );\r\n      });\r\n      if (props.onTargetChange) {\r\n        const updatedItems = [...targetItems, ...selectedItems];\r\n        const uniqueItems = removeDuplicates(\r\n          direction === \"left\"\r\n            ? updatedItems.filter(\r\n                (item) => !moveKey.includes(item[props.keyExpr])\r\n              )\r\n            : updatedItems,\r\n          props.keyExpr\r\n        );\r\n        props.onTargetChange(uniqueItems);\r\n      }\r\n    },\r\n    [data, transferDataSource, targetItems]\r\n  );\r\n\r\n  const handleSelectChange = useCallback(\r\n    (sourceSelectedKeys, targetSelectedKeys) => {\r\n      setSelectedKeys([...sourceSelectedKeys, ...targetSelectedKeys]);\r\n    },\r\n    []\r\n  );\r\n\r\n  return (\r\n    <div className={styles.wrapper}>\r\n      <style>{props.isServerSide && `.dx-pager { display: none; }`}</style>\r\n      <Transfer\r\n        dataSource={transferDataSource}\r\n        targetKeys={targetKeys}\r\n        selectedKeys={selectedKeys}\r\n        onSelectChange={handleSelectChange}\r\n        onChange={handleChange}\r\n        showSelectAll={false}\r\n        titles={[props.sourceTitle, props.targetTitle]}\r\n        render={props.render}\r\n        className={props.className}\r\n        rootClassName={props.rootClassName}\r\n        showSearch={props.showSearch}\r\n      >\r\n        {({ direction, filteredItems, onItemSelectAll }) => {\r\n          const onSelectionChanged = ({\r\n            selectedRowKeys: changedRowKeys,\r\n            currentDeselectedRowKeys,\r\n          }) => {\r\n            onItemSelectAll(changedRowKeys, true);\r\n            if (currentDeselectedRowKeys.length > 0) {\r\n              onItemSelectAll(currentDeselectedRowKeys, false);\r\n            }\r\n          };\r\n\r\n          const leftSideEmpty =\r\n            direction === \"left\" && filteredItems.length === 0;\r\n          const rightSideEmpty =\r\n            direction === \"right\" && targetKeys?.length === 0;\r\n\r\n          const combinedDataSource =\r\n            direction === \"right\"\r\n              ? removeDuplicates(\r\n                  [...filteredItems, ...targetItems],\r\n                  props.keyExpr\r\n                )\r\n              : filteredItems;\r\n\r\n          const CustomHeader = () => (\r\n            <div\r\n              className=\"transfer-custom-header\"\r\n              style={{\r\n                padding: \"8px 16px\",\r\n                borderBottom: \"1px solid #f0f0f0\",\r\n                fontWeight: \"bold\",\r\n              }}\r\n            >\r\n              {direction === \"left\"\r\n                ? props.sourceTitle || \"Available Items\"\r\n                : props.targetTitle || \"Selected Items\"}\r\n            </div>\r\n          );\r\n\r\n          return (\r\n            <div\r\n              className=\"customize-wrapper-content\"\r\n              style={{ height: \"100%\", overflow: \"auto\" }}\r\n            >\r\n              {props.useCustomHeader && <CustomHeader />}\r\n              {leftSideEmpty || rightSideEmpty ? (\r\n                <div\r\n                  className=\"empty-list-items-container-wrapper\"\r\n                  style={{\r\n                    display: \"flex\",\r\n                    flexDirection: \"column\",\r\n                    justifyContent: \"center\",\r\n                    alignItems: \"center\",\r\n                    height: \"100%\",\r\n                    minHeight: \"300px\",\r\n                  }}\r\n                >\r\n                  <NoContentComponent\r\n                    mainText={props.noContentMainText}\r\n                    subText={props.noContentSubText}\r\n                  />\r\n                </div>\r\n              ) : (\r\n                <DataGrid\r\n                  dataSource={combinedDataSource}\r\n                  keyExpr={props.keyExpr}\r\n                  showBorders\r\n                  paging={{ enabled: true }}\r\n                  selection={{\r\n                    mode: \"multiple\",\r\n                    selectAllMode: \"page\",\r\n                    showCheckBoxesMode: \"always\",\r\n                  }}\r\n                  onSelectionChanged={onSelectionChanged}\r\n                  columns={props.columns}\r\n                  columnFixing={{ enabled: true }}\r\n                  noDataText={props.noDataText}\r\n                  ref={gridRef}\r\n                >\r\n                  {props.showFilters ?? <FilterRow visible={true} />}\r\n                  {props.columns.map((column) => (\r\n                    <DxColumn\r\n                      dataField={column.dataField}\r\n                      caption={column.caption}\r\n                      dataType={column.dataType}\r\n                      calculateSortValue={column.calculateSortValue}\r\n                      allowHeaderFiltering={props.showFilters}\r\n                    />\r\n                  ))}\r\n                  {props.displayPageTitle && !isTextEmpty(props.pageTitle) && (\r\n                    <Toolbar>\r\n                      <DxItem location=\"before\" cssClass=\"toolbarTitleItem\">\r\n                        <OdsTitle\r\n                          level={5}\r\n                          style={{\r\n                            display: \"flex\",\r\n                            alignItems: \"center\",\r\n                            alignSelf: \"stretch\",\r\n                            margin: 0,\r\n                          }}\r\n                        >\r\n                          {props.pageTitle}\r\n                        </OdsTitle>\r\n                      </DxItem>\r\n                    </Toolbar>\r\n                  )}\r\n                </DataGrid>\r\n              )}\r\n            </div>\r\n          );\r\n        }}\r\n      </Transfer>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default OdsTransfer;\r\n"],"names":["constants","getRequestHeaders","props","OdsTransfer","initializeTargetItems","items","item","data","setData","useState","gridRef","useRef","selectedKeys","setSelectedKeys","targetKeys","setTargetKeys","targetItems","setTargetItems","transferDataSource","setTransferDataSource","fetchData","useCallback","isGet","apiUrl","query","queryString","requestOptions","response","newData","newArray","prevData","getTotalCount","useEffect","totalCount","removeDuplicates","keyExpr","seen","key","combinedData","uniqueData","handleChange","direction","moveKey","selectedItems","prevTargetItems","updatedItems","uniqueItems","handleSelectChange","sourceSelectedKeys","targetSelectedKeys","jsxs","styles","jsx","Transfer","filteredItems","onItemSelectAll","onSelectionChanged","changedRowKeys","currentDeselectedRowKeys","leftSideEmpty","rightSideEmpty","combinedDataSource","CustomHeader","NoContentComponent","DataGrid","FilterRow","column","DxColumn","isTextEmpty","Toolbar","DxItem","OdsTitle"],"mappings":"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"}

package/dist/components/devextreme/OdsTransferV2.js

@@ -1,17 +1,17 @@
-import { jsxs as C, jsx as o } from "react/jsx-runtime";
+import { jsxs as C, jsx as s } from "react/jsx-runtime";
 import { useState as p, useRef as tt, useCallback as D, useEffect as B } from "react";
 import et, { FilterRow as at, Column as H, Toolbar as nt, Item as rt } from "devextreme-react/data-grid";
-import * as ot from "../../node_modules/query-string/base.js";
-import st from "./NoContentComponent.js";
+import * as st from "../../node_modules/query-string/base.js";
+import ot from "./NoContentComponent.js";
 import lt from "../antd/typography/OdsTitle.js";
-/* empty css           */
-import { isTextEmpty as ct } from "../../utils/commonFunctions.js";
-import it from "../../node_modules/antd/es/transfer/index.js";
+import ct from "./Transfer.module.scss.js";
+import { isTextEmpty as it } from "../../utils/commonFunctions.js";
+import dt from "../../node_modules/antd/es/transfer/index.js";
 const b = {
   totalPageCount: 1,
   loadedPageCount: 1,
   totalRecordCount: 0
-}, dt = (d) => new Headers({
+}, ft = (d) => new Headers({
   "Content-Type": "application/json",
   Authorization: `Bearer ${d.axiosRequest?.token || ""}`,
   "Accept-Language": d.language || "EN"
@@ -21,10 +21,10 @@ const b = {
     const l = g[h];
     return !f.has(l) && f.add(l);
   });
-}, ft = (d, h) => d.map((f) => ({
+}, ut = (d, h) => d.map((f) => ({
   ...f,
   key: f[h] || f.Id
-})), bt = ({
+})), wt = ({
   dataSource: d = [],
   language: h,
   pagingEnable: f = !0,
@@ -33,15 +33,15 @@ const b = {
   axiosRequest: t,
   columns: I,
   pageTitle: T,
-  keyExpr: s,
+  keyExpr: o,
   noDataText: O,
   defaultPageSize: Q,
   targetItems: P = [],
   noContentMainText: G,
   noContentSubText: L,
   onTargetChange: F,
-  sourceTitle: v = "Available Items",
-  targetTitle: N = "Selected Items",
+  sourceTitle: N = "Available Items",
+  targetTitle: v = "Selected Items",
   displayPageTitle: M = !1,
   className: V,
   rootClassName: z,
@@ -50,20 +50,20 @@ const b = {
   useCustomHeader: J = !1
 }) => {
   const [S, U] = p([]), [j, W] = p(
-    P.map((e) => e[s])
+    P.map((e) => e[o])
   ), [m, q] = p(
-    ft(P, s)
+    ut(P, o)
   ), [y, X] = p([]), [Y, Z] = p([]), k = tt(null), A = D(async () => {
     if (!t || !l) return;
     const e = t.requestType.toUpperCase() === "GET";
     let n = `${t.environmentUrl}${t.apiUrl}`;
     if (t.requestData?.PaginatedRequest && (t.requestData.PaginatedRequest.PageSize = g), t.requestQueryString && (t.requestQueryString.maxResultCount = g, e)) {
-      const r = ot.stringify(t.requestQueryString);
+      const r = st.stringify(t.requestQueryString);
       n = `${n}?${r}`;
     }
     const u = {
       method: t.requestType,
-      headers: dt({ language: h, axiosRequest: t }),
+      headers: ft({ language: h, axiosRequest: t }),
       body: e ? void 0 : JSON.stringify(t.requestData)
     };
     try {
@@ -84,30 +84,30 @@ const b = {
     A,
     l
   ]), B(() => {
-    const n = [...l ? S : d, ...m], u = w(n, s).map((r) => ({
+    const n = [...l ? S : d, ...m], u = w(n, o).map((r) => ({
       ...r,
-      key: r[s]
+      key: r[o]
     }));
     X(u);
-  }, [S, d, m, s, l]);
+  }, [S, d, m, o, l]);
   const E = D(
     (e, n, u) => {
       W(e);
       const r = y.filter(
-        (i) => e.includes(i[s])
+        (i) => e.includes(i[o])
       ), c = w(
-        n === "left" ? m.filter((i) => !u.includes(i[s])).concat(r) : [...m, ...r],
-        s
+        n === "left" ? m.filter((i) => !u.includes(i[o])).concat(r) : [...m, ...r],
+        o
       );
       q(c), F?.(c);
     },
-    [y, m, s, F]
+    [y, m, o, F]
   ), x = D(
     (e, n) => {
       Z([...e, ...n]);
     },
     []
-  ), R = ({ direction: e }) => /* @__PURE__ */ o(
+  ), R = ({ direction: e }) => /* @__PURE__ */ s(
     "div",
     {
       className: "transfer-custom-header",
@@ -116,13 +116,13 @@ const b = {
         borderBottom: "1px solid #f0f0f0",
         fontWeight: "bold"
       },
-      children: e === "left" ? v : N
+      children: e === "left" ? N : v
     }
   );
-  return /* @__PURE__ */ C("div", { children: [
-    l && /* @__PURE__ */ o("style", { children: ".dx-pager { display: none; }" }),
-    /* @__PURE__ */ o(
-      it,
+  return /* @__PURE__ */ C("div", { className: ct.wrapper, children: [
+    l && /* @__PURE__ */ s("style", { children: ".dx-pager { display: none; }" }),
+    /* @__PURE__ */ s(
+      dt,
       {
         dataSource: y,
         targetKeys: j,
@@ -130,21 +130,21 @@ const b = {
         onSelectChange: x,
         onChange: E,
         showSelectAll: !1,
-        titles: [v, N],
+        titles: [N, v],
         render: _,
         className: V,
         rootClassName: z,
         showSearch: K,
         children: ({ direction: e, filteredItems: n, onItemSelectAll: u }) => {
-          const r = e === "left" && n.length === 0, c = e === "right" && j.length === 0, i = e === "right" ? w([...n, ...m], s) : n;
+          const r = e === "left" && n.length === 0, c = e === "right" && j.length === 0, i = e === "right" ? w([...n, ...m], o) : n;
           return /* @__PURE__ */ C(
             "div",
             {
               className: "customize-wrapper-content",
               style: { height: "100%", overflow: "auto" },
               children: [
-                J && /* @__PURE__ */ o(R, { direction: e }),
-                r || c ? /* @__PURE__ */ o(
+                J && /* @__PURE__ */ s(R, { direction: e }),
+                r || c ? /* @__PURE__ */ s(
                   "div",
                   {
                     className: "empty-list-items-container-wrapper",
@@ -156,8 +156,8 @@ const b = {
                       height: "100%",
                       minHeight: "300px"
                     },
-                    children: /* @__PURE__ */ o(
-                      st,
+                    children: /* @__PURE__ */ s(
+                      ot,
                       {
                         mainText: G,
                         subText: L
@@ -168,7 +168,7 @@ const b = {
                   et,
                   {
                     dataSource: i,
-                    keyExpr: s,
+                    keyExpr: o,
                     showBorders: !0,
                     paging: { enabled: f, pageSize: Q },
                     selection: {
@@ -187,9 +187,9 @@ const b = {
                     noDataText: O,
                     ref: k,
                     children: [
-                      /* @__PURE__ */ o(at, { visible: !0 }),
+                      /* @__PURE__ */ s(at, { visible: !0 }),
                       I.map(
-                        (a) => typeof a == "string" ? /* @__PURE__ */ o(
+                        (a) => typeof a == "string" ? /* @__PURE__ */ s(
                           H,
                           {
                             dataField: a,
@@ -197,7 +197,7 @@ const b = {
                             headerFilter: {}
                           },
                           a
-                        ) : /* @__PURE__ */ o(
+                        ) : /* @__PURE__ */ s(
                           H,
                           {
                             dataField: a.dataField || a.dataIndex,
@@ -209,7 +209,7 @@ const b = {
                           a.dataIndex
                         )
                       ),
-                      M && !ct(T) && /* @__PURE__ */ o(nt, { children: /* @__PURE__ */ o(rt, { location: "before", cssClass: "toolbarTitleItem", children: /* @__PURE__ */ o(
+                      M && !it(T) && /* @__PURE__ */ s(nt, { children: /* @__PURE__ */ s(rt, { location: "before", cssClass: "toolbarTitleItem", children: /* @__PURE__ */ s(
                         lt,
                         {
                           level: 5,
@@ -234,6 +234,6 @@ const b = {
   ] });
 };
 export {
-  bt as default
+  wt as default
 };
 //# sourceMappingURL=OdsTransferV2.js.map