ods-component-lib 1.23.3 → 1.23.5

package/dist/components/devextreme/OdsTransferV2.js

@@ -11,25 +11,27 @@ const b = {
   totalPageCount: 1,
   loadedPageCount: 1,
   totalRecordCount: 0
-}, ft = (d) => new Headers({
-  "Content-Type": "application/json",
-  Authorization: `Bearer ${d.axiosRequest?.token || ""}`,
-  "Accept-Language": d.language || "EN"
-}), w = (d, h) => {
-  const f = /* @__PURE__ */ new Set();
-  return d.filter((g) => {
-    const l = g[h];
-    return !f.has(l) && f.add(l);
+}, ft = (l) => {
+  const f = new Headers({
+    "Content-Type": "application/json",
+    "Accept-Language": l.language || "EN"
   });
-}, ut = (d, h) => d.map((f) => ({
-  ...f,
-  key: f[h] || f.Id
+  return l.axiosRequest?.token && f.set("Authorization", `Bearer ${l.axiosRequest.token}`), f;
+}, w = (l, f) => {
+  const u = /* @__PURE__ */ new Set();
+  return l.filter((g) => {
+    const c = g[f];
+    return !u.has(c) && u.add(c);
+  });
+}, ut = (l, f) => l.map((u) => ({
+  ...u,
+  key: u[f] || u.Id
 })), wt = ({
-  dataSource: d = [],
-  language: h,
-  pagingEnable: f = !0,
+  dataSource: l = [],
+  language: f,
+  pagingEnable: u = !0,
   pageSize: g = 10,
-  isServerSide: l,
+  isServerSide: c,
   axiosRequest: t,
   columns: I,
   pageTitle: T,
@@ -54,52 +56,53 @@ const b = {
   ), [m, q] = p(
     ut(P, o)
   ), [y, X] = p([]), [Y, Z] = p([]), k = tt(null), A = D(async () => {
-    if (!t || !l) return;
+    if (!t || !c) 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);
       n = `${n}?${r}`;
     }
-    const u = {
+    const h = {
       method: t.requestType,
-      headers: ft({ language: h, axiosRequest: t }),
+      headers: ft({ language: f, axiosRequest: t }),
+      credentials: t.token ? "same-origin" : "include",
       body: e ? void 0 : JSON.stringify(t.requestData)
     };
     try {
-      const r = await fetch(n, u), c = await r.json(), i = c.Data || c;
+      const r = await fetch(n, h), i = await r.json(), d = i.Data || i;
       U(
-        (a) => b.loadedPageCount === 1 ? i : [...a, ...i]
-      ), b.totalPageCount = c.PageCount || Math.ceil((c.rowCount || i.length) / g), b.totalRecordCount = c.RowCount || parseInt(r.headers.get("x-total-count") || i.length, 10);
+        (a) => b.loadedPageCount === 1 ? d : [...a, ...d]
+      ), b.totalPageCount = i.PageCount || Math.ceil((i.rowCount || d.length) / g), b.totalRecordCount = i.RowCount || parseInt(r.headers.get("x-total-count") || d.length, 10);
     } catch {
     }
-  }, [t, g, h, l]);
+  }, [t, g, f, c]);
   B(() => {
-    l && t && (U([]), A());
+    c && t && (U([]), A());
   }, [
     t?.requestData,
     t?.requestQueryString,
     t?.apiUrl,
     t?.environmentUrl,
     A,
-    l
+    c
   ]), B(() => {
-    const n = [...l ? S : d, ...m], u = w(n, o).map((r) => ({
+    const n = [...c ? S : l, ...m], h = w(n, o).map((r) => ({
       ...r,
       key: r[o]
     }));
-    X(u);
-  }, [S, d, m, o, l]);
+    X(h);
+  }, [S, l, m, o, c]);
   const E = D(
-    (e, n, u) => {
+    (e, n, h) => {
       W(e);
       const r = y.filter(
-        (i) => e.includes(i[o])
-      ), c = w(
-        n === "left" ? m.filter((i) => !u.includes(i[o])).concat(r) : [...m, ...r],
+        (d) => e.includes(d[o])
+      ), i = w(
+        n === "left" ? m.filter((d) => !h.includes(d[o])).concat(r) : [...m, ...r],
         o
       );
-      q(c), F?.(c);
+      q(i), F?.(i);
     },
     [y, m, o, F]
   ), x = D(
@@ -120,7 +123,7 @@ const b = {
     }
   );
   return /* @__PURE__ */ C("div", { className: it.wrapper, children: [
-    l && /* @__PURE__ */ s("style", { children: ".dx-pager { display: none; }" }),
+    c && /* @__PURE__ */ s("style", { children: ".dx-pager { display: none; }" }),
     /* @__PURE__ */ s(
       et,
       {
@@ -135,8 +138,8 @@ const b = {
         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], o) : n;
+        children: ({ direction: e, filteredItems: n, onItemSelectAll: h }) => {
+          const r = e === "left" && n.length === 0, i = e === "right" && j.length === 0, d = e === "right" ? w([...n, ...m], o) : n;
           return /* @__PURE__ */ C(
             "div",
             {
@@ -144,7 +147,7 @@ const b = {
               style: { height: "100%", overflow: "auto" },
               children: [
                 J && /* @__PURE__ */ s(R, { direction: e }),
-                r || c ? /* @__PURE__ */ s(
+                r || i ? /* @__PURE__ */ s(
                   "div",
                   {
                     className: "empty-list-items-container-wrapper",
@@ -167,10 +170,10 @@ const b = {
                 ) : /* @__PURE__ */ C(
                   at,
                   {
-                    dataSource: i,
+                    dataSource: d,
                     keyExpr: o,
                     showBorders: !0,
-                    paging: { enabled: f, pageSize: Q },
+                    paging: { enabled: u, pageSize: Q },
                     selection: {
                       mode: "multiple",
                       selectAllMode: "page",
@@ -180,7 +183,7 @@ const b = {
                       selectedRowKeys: a,
                       currentDeselectedRowKeys: $
                     }) => {
-                      u(a, !0), $.length > 0 && u($, !1);
+                      h(a, !0), $.length > 0 && h($, !1);
                     },
                     columns: I,
                     columnFixing: { enabled: !0 },

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

@@ -1 +1 @@
-{"version":3,"file":"OdsTransferV2.js","sources":["../../../src/components/devextreme/OdsTransferV2.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback, useRef, FC } from \"react\";\r\nimport { Transfer, TransferProps } from \"antd\";\r\nimport DataGrid, {\r\n  Column as DxColumn,\r\n  FilterRow,\r\n  Toolbar,\r\n  Item as DxItem,\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 styles from \"./Transfer.module.scss\";\r\nimport { isTextEmpty } from \"../../utils/commonFunctions\";\r\n\r\ninterface Column {\r\n  title?: string;\r\n  dataIndex?: string;\r\n  key?: string;\r\n  caption?: string;\r\n  tooltip?: { enable: boolean };\r\n  dataField?: string;\r\n  dataType?: \"string\" | \"number\" | \"boolean\" | \"object\" | \"date\" | \"datetime\";\r\n  calculateSortValue?: string;\r\n}\r\n\r\ninterface AxiosProps {\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 SummaryRowOptions {\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<T = any> {\r\n  dataSource?: T[];\r\n  language: string;\r\n  pagingEnable?: boolean;\r\n  pageSize?: number;\r\n  isServerSide: boolean;\r\n  axiosRequest?: AxiosProps;\r\n  customSummary?: SummaryRowOptions;\r\n  dataGridPageName?: string;\r\n  columns: (string | Column)[];\r\n  pageTitle?: string;\r\n  keyExpr: string;\r\n  noDataText: string;\r\n  defaultPageSize: number;\r\n  targetItems?: T[];\r\n  noContentMainText: string;\r\n  noContentSubText: string;\r\n  onTargetChange?: (selectedItems: T[]) => 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?: TransferProps<T>[\"render\"];\r\n  useCustomHeader?: boolean;\r\n}\r\n\r\ninterface RequestHeadersProps {\r\n  language: string;\r\n  axiosRequest?: AxiosProps;\r\n}\r\n\r\nconst constants = {\r\n  totalPageCount: 1,\r\n  loadedPageCount: 1,\r\n  totalRecordCount: 0,\r\n};\r\n\r\nconst getRequestHeaders = (props: RequestHeadersProps): Headers => {\r\n  return new Headers({\r\n    \"Content-Type\": \"application/json\",\r\n    Authorization: `Bearer ${props.axiosRequest?.token || \"\"}`,\r\n    \"Accept-Language\": props.language || \"EN\",\r\n  });\r\n};\r\n\r\nconst removeDuplicates = <T,>(items: T[], keyExpr: string): T[] => {\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\nconst initializeTargetItems = <T,>(items: T[], keyExpr: string): T[] => {\r\n  return items.map((item) => ({\r\n    ...item,\r\n    key: item[keyExpr] || item[\"Id\"],\r\n  }));\r\n};\r\n\r\nconst OdsTransferV2: FC<OdsTransferProps> = ({\r\n  dataSource = [],\r\n  language,\r\n  pagingEnable = true,\r\n  pageSize = 10,\r\n  isServerSide,\r\n  axiosRequest,\r\n  columns,\r\n  pageTitle,\r\n  keyExpr,\r\n  noDataText,\r\n  defaultPageSize,\r\n  targetItems: initialTargetItems = [],\r\n  noContentMainText,\r\n  noContentSubText,\r\n  onTargetChange,\r\n  sourceTitle = \"Available Items\",\r\n  targetTitle = \"Selected Items\",\r\n  displayPageTitle = false,\r\n  className,\r\n  rootClassName,\r\n  showSearch = false,\r\n  render,\r\n  useCustomHeader = false,\r\n}) => {\r\n  const [data, setData] = useState<any[]>([]);\r\n  const [targetKeys, setTargetKeys] = useState<string[]>(\r\n    initialTargetItems.map((item) => item[keyExpr])\r\n  );\r\n  const [targetItems, setTargetItems] = useState<any[]>(\r\n    initializeTargetItems(initialTargetItems, keyExpr)\r\n  );\r\n  const [transferDataSource, setTransferDataSource] = useState<any[]>([]);\r\n  const [selectedKeys, setSelectedKeys] = useState<string[]>([]);\r\n  const gridRef = useRef<any>(null);\r\n\r\n  const fetchData = useCallback(async () => {\r\n    if (!axiosRequest || !isServerSide) return;\r\n\r\n    const isGet = axiosRequest.requestType.toUpperCase() === \"GET\";\r\n    let apiUrl = `${axiosRequest.environmentUrl}${axiosRequest.apiUrl}`;\r\n\r\n    if (axiosRequest.requestData?.PaginatedRequest) {\r\n      axiosRequest.requestData.PaginatedRequest.PageSize = pageSize;\r\n    }\r\n\r\n    if (axiosRequest.requestQueryString) {\r\n      axiosRequest.requestQueryString.maxResultCount = pageSize;\r\n      if (\r\n        constants.loadedPageCount > 1 &&\r\n        constants.totalPageCount >= constants.loadedPageCount\r\n      ) {\r\n        axiosRequest.requestQueryString.skipCount = (\r\n          (constants.loadedPageCount - 1) *\r\n          pageSize\r\n        ).toString();\r\n      }\r\n      if (isGet) {\r\n        const query = queryString.stringify(axiosRequest.requestQueryString);\r\n        apiUrl = `${apiUrl}?${query}`;\r\n      }\r\n    }\r\n\r\n    const requestOptions: RequestInit = {\r\n      method: axiosRequest.requestType,\r\n      headers: getRequestHeaders({ language, axiosRequest }),\r\n      body: isGet ? undefined : JSON.stringify(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      const dataArray = newData.Data || newData;\r\n\r\n      setData((prevData) =>\r\n        constants.loadedPageCount === 1\r\n          ? dataArray\r\n          : [...prevData, ...dataArray]\r\n      );\r\n\r\n      constants.totalPageCount =\r\n        newData.PageCount ||\r\n        Math.ceil((newData.rowCount || dataArray.length) / pageSize);\r\n      constants.totalRecordCount =\r\n        newData.RowCount ||\r\n        parseInt(response.headers.get(\"x-total-count\") || dataArray.length, 10);\r\n    } catch (error) {\r\n      console.error(\"Error fetching data:\", error);\r\n    }\r\n  }, [axiosRequest, pageSize, language, isServerSide]);\r\n\r\n  useEffect(() => {\r\n    if (isServerSide && axiosRequest) {\r\n      setData([]);\r\n      fetchData();\r\n    }\r\n  }, [\r\n    axiosRequest?.requestData,\r\n    axiosRequest?.requestQueryString,\r\n    axiosRequest?.apiUrl,\r\n    axiosRequest?.environmentUrl,\r\n    fetchData,\r\n    isServerSide,\r\n  ]);\r\n\r\n  useEffect(() => {\r\n    let sourceData = isServerSide ? data : dataSource;\r\n    const combinedData = [...sourceData, ...targetItems];\r\n    const uniqueData = removeDuplicates(combinedData, keyExpr).map((item) => ({\r\n      ...item,\r\n      key: item[keyExpr],\r\n    }));\r\n    setTransferDataSource(uniqueData);\r\n  }, [data, dataSource, targetItems, keyExpr, isServerSide]);\r\n\r\n  const handleChange = useCallback(\r\n    (newTargetKeys: string[], direction: string, moveKeys: string[]) => {\r\n      setTargetKeys(newTargetKeys);\r\n      const selectedItems = transferDataSource.filter((item) =>\r\n        newTargetKeys.includes(item[keyExpr])\r\n      );\r\n\r\n      const updatedItems = removeDuplicates(\r\n        direction === \"left\"\r\n          ? targetItems\r\n              .filter((item) => !moveKeys.includes(item[keyExpr]))\r\n              .concat(selectedItems)\r\n          : [...targetItems, ...selectedItems],\r\n        keyExpr\r\n      );\r\n\r\n      setTargetItems(updatedItems);\r\n      onTargetChange?.(updatedItems);\r\n    },\r\n    [transferDataSource, targetItems, keyExpr, onTargetChange]\r\n  );\r\n\r\n  const handleSelectChange = useCallback(\r\n    (sourceSelectedKeys: string[], targetSelectedKeys: string[]) => {\r\n      setSelectedKeys([...sourceSelectedKeys, ...targetSelectedKeys]);\r\n    },\r\n    []\r\n  );\r\n\r\n  const CustomHeader = ({ direction }: { direction: string }) => (\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\" ? sourceTitle : targetTitle}\r\n    </div>\r\n  );\r\n\r\n  return (\r\n    <div className={styles.wrapper}>\r\n      {isServerSide && <style>{`.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={[sourceTitle, targetTitle]}\r\n        render={render}\r\n        className={className}\r\n        rootClassName={rootClassName}\r\n        showSearch={showSearch}\r\n      >\r\n        {({ direction, filteredItems, onItemSelectAll }) => {\r\n          const isLeftEmpty =\r\n            direction === \"left\" && filteredItems.length === 0;\r\n          const isRightEmpty = direction === \"right\" && targetKeys.length === 0;\r\n          const combinedDataSource =\r\n            direction === \"right\"\r\n              ? removeDuplicates([...filteredItems, ...targetItems], keyExpr)\r\n              : filteredItems;\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              {useCustomHeader && <CustomHeader direction={direction} />}\r\n              {isLeftEmpty || isRightEmpty ? (\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={noContentMainText}\r\n                    subText={noContentSubText}\r\n                  />\r\n                </div>\r\n              ) : (\r\n                <DataGrid\r\n                  dataSource={combinedDataSource}\r\n                  keyExpr={keyExpr}\r\n                  showBorders\r\n                  paging={{ enabled: pagingEnable, pageSize: defaultPageSize }}\r\n                  selection={{\r\n                    mode: \"multiple\",\r\n                    selectAllMode: \"page\",\r\n                    showCheckBoxesMode: \"always\",\r\n                  }}\r\n                  onSelectionChanged={({\r\n                    selectedRowKeys,\r\n                    currentDeselectedRowKeys,\r\n                  }) => {\r\n                    onItemSelectAll(selectedRowKeys, true);\r\n                    if (currentDeselectedRowKeys.length > 0) {\r\n                      onItemSelectAll(currentDeselectedRowKeys, false);\r\n                    }\r\n                  }}\r\n                  columns={columns}\r\n                  columnFixing={{ enabled: true }}\r\n                  noDataText={noDataText}\r\n                  ref={gridRef}\r\n                >\r\n                  <FilterRow visible={true} />\r\n                  {columns.map((column) =>\r\n                    typeof column === \"string\" ? (\r\n                      <DxColumn\r\n                        key={column}\r\n                        dataField={column}\r\n                        caption={column}\r\n                        headerFilter={{}}\r\n                      />\r\n                    ) : (\r\n                      <DxColumn\r\n                        key={column.dataIndex}\r\n                        dataField={column.dataField || column.dataIndex}\r\n                        caption={column.caption || column.title}\r\n                        dataType={\r\n                          column.dataType as\r\n                            | \"string\"\r\n                            | \"number\"\r\n                            | \"boolean\"\r\n                            | \"object\"\r\n                            | \"date\"\r\n                            | \"datetime\"\r\n                            | undefined\r\n                        }\r\n                        calculateSortValue={column.calculateSortValue}\r\n                        headerFilter={{}}\r\n                      />\r\n                    )\r\n                  )}\r\n                  {displayPageTitle && !isTextEmpty(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                          {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 OdsTransferV2;\r\n"],"names":["constants","getRequestHeaders","props","removeDuplicates","items","keyExpr","seen","item","key","initializeTargetItems","OdsTransferV2","dataSource","language","pagingEnable","pageSize","isServerSide","axiosRequest","columns","pageTitle","noDataText","defaultPageSize","initialTargetItems","noContentMainText","noContentSubText","onTargetChange","sourceTitle","targetTitle","displayPageTitle","className","rootClassName","showSearch","render","useCustomHeader","data","setData","useState","targetKeys","setTargetKeys","targetItems","setTargetItems","transferDataSource","setTransferDataSource","selectedKeys","setSelectedKeys","gridRef","useRef","fetchData","useCallback","isGet","apiUrl","query","queryString","requestOptions","response","newData","dataArray","prevData","useEffect","combinedData","uniqueData","handleChange","newTargetKeys","direction","moveKeys","selectedItems","updatedItems","handleSelectChange","sourceSelectedKeys","targetSelectedKeys","CustomHeader","jsx","jsxs","styles","Transfer","filteredItems","onItemSelectAll","isLeftEmpty","isRightEmpty","combinedDataSource","NoContentComponent","DataGrid","selectedRowKeys","currentDeselectedRowKeys","FilterRow","column","DxColumn","isTextEmpty","Toolbar","DxItem","OdsTitle"],"mappings":"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"}
+{"version":3,"file":"OdsTransferV2.js","sources":["../../../src/components/devextreme/OdsTransferV2.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback, useRef, FC } from \"react\";\r\nimport { Transfer, TransferProps } from \"antd\";\r\nimport DataGrid, {\r\n  Column as DxColumn,\r\n  FilterRow,\r\n  Toolbar,\r\n  Item as DxItem,\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 styles from \"./Transfer.module.scss\";\r\nimport { isTextEmpty } from \"../../utils/commonFunctions\";\r\n\r\ninterface Column {\r\n  title?: string;\r\n  dataIndex?: string;\r\n  key?: string;\r\n  caption?: string;\r\n  tooltip?: { enable: boolean };\r\n  dataField?: string;\r\n  dataType?: \"string\" | \"number\" | \"boolean\" | \"object\" | \"date\" | \"datetime\";\r\n  calculateSortValue?: string;\r\n}\r\n\r\ninterface AxiosProps {\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 SummaryRowOptions {\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<T = any> {\r\n  dataSource?: T[];\r\n  language: string;\r\n  pagingEnable?: boolean;\r\n  pageSize?: number;\r\n  isServerSide: boolean;\r\n  axiosRequest?: AxiosProps;\r\n  customSummary?: SummaryRowOptions;\r\n  dataGridPageName?: string;\r\n  columns: (string | Column)[];\r\n  pageTitle?: string;\r\n  keyExpr: string;\r\n  noDataText: string;\r\n  defaultPageSize: number;\r\n  targetItems?: T[];\r\n  noContentMainText: string;\r\n  noContentSubText: string;\r\n  onTargetChange?: (selectedItems: T[]) => 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?: TransferProps<T>[\"render\"];\r\n  useCustomHeader?: boolean;\r\n}\r\n\r\ninterface RequestHeadersProps {\r\n  language: string;\r\n  axiosRequest?: AxiosProps;\r\n}\r\n\r\nconst constants = {\r\n  totalPageCount: 1,\r\n  loadedPageCount: 1,\r\n  totalRecordCount: 0,\r\n};\r\n\r\nconst getRequestHeaders = (props: RequestHeadersProps): Headers => {\r\n  const headers = new Headers({\r\n    \"Content-Type\": \"application/json\",\r\n    \"Accept-Language\": props.language || \"EN\",\r\n  });\r\n  if (props.axiosRequest?.token) {\r\n    headers.set(\"Authorization\", `Bearer ${props.axiosRequest.token}`);\r\n  }\r\n  return headers;\r\n};\r\n\r\nconst removeDuplicates = <T,>(items: T[], keyExpr: string): T[] => {\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\nconst initializeTargetItems = <T,>(items: T[], keyExpr: string): T[] => {\r\n  return items.map((item) => ({\r\n    ...item,\r\n    key: item[keyExpr] || item[\"Id\"],\r\n  }));\r\n};\r\n\r\nconst OdsTransferV2: FC<OdsTransferProps> = ({\r\n  dataSource = [],\r\n  language,\r\n  pagingEnable = true,\r\n  pageSize = 10,\r\n  isServerSide,\r\n  axiosRequest,\r\n  columns,\r\n  pageTitle,\r\n  keyExpr,\r\n  noDataText,\r\n  defaultPageSize,\r\n  targetItems: initialTargetItems = [],\r\n  noContentMainText,\r\n  noContentSubText,\r\n  onTargetChange,\r\n  sourceTitle = \"Available Items\",\r\n  targetTitle = \"Selected Items\",\r\n  displayPageTitle = false,\r\n  className,\r\n  rootClassName,\r\n  showSearch = false,\r\n  render,\r\n  useCustomHeader = false,\r\n}) => {\r\n  const [data, setData] = useState<any[]>([]);\r\n  const [targetKeys, setTargetKeys] = useState<string[]>(\r\n    initialTargetItems.map((item) => item[keyExpr])\r\n  );\r\n  const [targetItems, setTargetItems] = useState<any[]>(\r\n    initializeTargetItems(initialTargetItems, keyExpr)\r\n  );\r\n  const [transferDataSource, setTransferDataSource] = useState<any[]>([]);\r\n  const [selectedKeys, setSelectedKeys] = useState<string[]>([]);\r\n  const gridRef = useRef<any>(null);\r\n\r\n  const fetchData = useCallback(async () => {\r\n    if (!axiosRequest || !isServerSide) return;\r\n\r\n    const isGet = axiosRequest.requestType.toUpperCase() === \"GET\";\r\n    let apiUrl = `${axiosRequest.environmentUrl}${axiosRequest.apiUrl}`;\r\n\r\n    if (axiosRequest.requestData?.PaginatedRequest) {\r\n      axiosRequest.requestData.PaginatedRequest.PageSize = pageSize;\r\n    }\r\n\r\n    if (axiosRequest.requestQueryString) {\r\n      axiosRequest.requestQueryString.maxResultCount = pageSize;\r\n      if (\r\n        constants.loadedPageCount > 1 &&\r\n        constants.totalPageCount >= constants.loadedPageCount\r\n      ) {\r\n        axiosRequest.requestQueryString.skipCount = (\r\n          (constants.loadedPageCount - 1) *\r\n          pageSize\r\n        ).toString();\r\n      }\r\n      if (isGet) {\r\n        const query = queryString.stringify(axiosRequest.requestQueryString);\r\n        apiUrl = `${apiUrl}?${query}`;\r\n      }\r\n    }\r\n\r\n    const requestOptions: RequestInit = {\r\n      method: axiosRequest.requestType,\r\n      headers: getRequestHeaders({ language, axiosRequest }),\r\n      credentials: axiosRequest.token ? \"same-origin\" : \"include\",\r\n      body: isGet ? undefined : JSON.stringify(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      const dataArray = newData.Data || newData;\r\n\r\n      setData((prevData) =>\r\n        constants.loadedPageCount === 1\r\n          ? dataArray\r\n          : [...prevData, ...dataArray]\r\n      );\r\n\r\n      constants.totalPageCount =\r\n        newData.PageCount ||\r\n        Math.ceil((newData.rowCount || dataArray.length) / pageSize);\r\n      constants.totalRecordCount =\r\n        newData.RowCount ||\r\n        parseInt(response.headers.get(\"x-total-count\") || dataArray.length, 10);\r\n    } catch (error) {\r\n      console.error(\"Error fetching data:\", error);\r\n    }\r\n  }, [axiosRequest, pageSize, language, isServerSide]);\r\n\r\n  useEffect(() => {\r\n    if (isServerSide && axiosRequest) {\r\n      setData([]);\r\n      fetchData();\r\n    }\r\n  }, [\r\n    axiosRequest?.requestData,\r\n    axiosRequest?.requestQueryString,\r\n    axiosRequest?.apiUrl,\r\n    axiosRequest?.environmentUrl,\r\n    fetchData,\r\n    isServerSide,\r\n  ]);\r\n\r\n  useEffect(() => {\r\n    let sourceData = isServerSide ? data : dataSource;\r\n    const combinedData = [...sourceData, ...targetItems];\r\n    const uniqueData = removeDuplicates(combinedData, keyExpr).map((item) => ({\r\n      ...item,\r\n      key: item[keyExpr],\r\n    }));\r\n    setTransferDataSource(uniqueData);\r\n  }, [data, dataSource, targetItems, keyExpr, isServerSide]);\r\n\r\n  const handleChange = useCallback(\r\n    (newTargetKeys: string[], direction: string, moveKeys: string[]) => {\r\n      setTargetKeys(newTargetKeys);\r\n      const selectedItems = transferDataSource.filter((item) =>\r\n        newTargetKeys.includes(item[keyExpr])\r\n      );\r\n\r\n      const updatedItems = removeDuplicates(\r\n        direction === \"left\"\r\n          ? targetItems\r\n              .filter((item) => !moveKeys.includes(item[keyExpr]))\r\n              .concat(selectedItems)\r\n          : [...targetItems, ...selectedItems],\r\n        keyExpr\r\n      );\r\n\r\n      setTargetItems(updatedItems);\r\n      onTargetChange?.(updatedItems);\r\n    },\r\n    [transferDataSource, targetItems, keyExpr, onTargetChange]\r\n  );\r\n\r\n  const handleSelectChange = useCallback(\r\n    (sourceSelectedKeys: string[], targetSelectedKeys: string[]) => {\r\n      setSelectedKeys([...sourceSelectedKeys, ...targetSelectedKeys]);\r\n    },\r\n    []\r\n  );\r\n\r\n  const CustomHeader = ({ direction }: { direction: string }) => (\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\" ? sourceTitle : targetTitle}\r\n    </div>\r\n  );\r\n\r\n  return (\r\n    <div className={styles.wrapper}>\r\n      {isServerSide && <style>{`.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={[sourceTitle, targetTitle]}\r\n        render={render}\r\n        className={className}\r\n        rootClassName={rootClassName}\r\n        showSearch={showSearch}\r\n      >\r\n        {({ direction, filteredItems, onItemSelectAll }) => {\r\n          const isLeftEmpty =\r\n            direction === \"left\" && filteredItems.length === 0;\r\n          const isRightEmpty = direction === \"right\" && targetKeys.length === 0;\r\n          const combinedDataSource =\r\n            direction === \"right\"\r\n              ? removeDuplicates([...filteredItems, ...targetItems], keyExpr)\r\n              : filteredItems;\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              {useCustomHeader && <CustomHeader direction={direction} />}\r\n              {isLeftEmpty || isRightEmpty ? (\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={noContentMainText}\r\n                    subText={noContentSubText}\r\n                  />\r\n                </div>\r\n              ) : (\r\n                <DataGrid\r\n                  dataSource={combinedDataSource}\r\n                  keyExpr={keyExpr}\r\n                  showBorders\r\n                  paging={{ enabled: pagingEnable, pageSize: defaultPageSize }}\r\n                  selection={{\r\n                    mode: \"multiple\",\r\n                    selectAllMode: \"page\",\r\n                    showCheckBoxesMode: \"always\",\r\n                  }}\r\n                  onSelectionChanged={({\r\n                    selectedRowKeys,\r\n                    currentDeselectedRowKeys,\r\n                  }) => {\r\n                    onItemSelectAll(selectedRowKeys, true);\r\n                    if (currentDeselectedRowKeys.length > 0) {\r\n                      onItemSelectAll(currentDeselectedRowKeys, false);\r\n                    }\r\n                  }}\r\n                  columns={columns}\r\n                  columnFixing={{ enabled: true }}\r\n                  noDataText={noDataText}\r\n                  ref={gridRef}\r\n                >\r\n                  <FilterRow visible={true} />\r\n                  {columns.map((column) =>\r\n                    typeof column === \"string\" ? (\r\n                      <DxColumn\r\n                        key={column}\r\n                        dataField={column}\r\n                        caption={column}\r\n                        headerFilter={{}}\r\n                      />\r\n                    ) : (\r\n                      <DxColumn\r\n                        key={column.dataIndex}\r\n                        dataField={column.dataField || column.dataIndex}\r\n                        caption={column.caption || column.title}\r\n                        dataType={\r\n                          column.dataType as\r\n                            | \"string\"\r\n                            | \"number\"\r\n                            | \"boolean\"\r\n                            | \"object\"\r\n                            | \"date\"\r\n                            | \"datetime\"\r\n                            | undefined\r\n                        }\r\n                        calculateSortValue={column.calculateSortValue}\r\n                        headerFilter={{}}\r\n                      />\r\n                    )\r\n                  )}\r\n                  {displayPageTitle && !isTextEmpty(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                          {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 OdsTransferV2;\r\n"],"names":["constants","getRequestHeaders","props","headers","removeDuplicates","items","keyExpr","seen","item","key","initializeTargetItems","OdsTransferV2","dataSource","language","pagingEnable","pageSize","isServerSide","axiosRequest","columns","pageTitle","noDataText","defaultPageSize","initialTargetItems","noContentMainText","noContentSubText","onTargetChange","sourceTitle","targetTitle","displayPageTitle","className","rootClassName","showSearch","render","useCustomHeader","data","setData","useState","targetKeys","setTargetKeys","targetItems","setTargetItems","transferDataSource","setTransferDataSource","selectedKeys","setSelectedKeys","gridRef","useRef","fetchData","useCallback","isGet","apiUrl","query","queryString","requestOptions","response","newData","dataArray","prevData","useEffect","combinedData","uniqueData","handleChange","newTargetKeys","direction","moveKeys","selectedItems","updatedItems","handleSelectChange","sourceSelectedKeys","targetSelectedKeys","CustomHeader","jsx","jsxs","styles","Transfer","filteredItems","onItemSelectAll","isLeftEmpty","isRightEmpty","combinedDataSource","NoContentComponent","DataGrid","selectedRowKeys","currentDeselectedRowKeys","FilterRow","column","DxColumn","isTextEmpty","Toolbar","DxItem","OdsTitle"],"mappings":"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"}

package/dist/index.d.ts

@@ -35,8 +35,7 @@ import { IPagerProps } from 'devextreme-react/data-grid';
 import { IScrollingProps } from 'devextreme-react/data-grid';
 import { ISelectionProps } from 'devextreme-react/data-grid';
 import { ISummaryProps } from 'devextreme-react/data-grid';
-import { JSX } from 'react/jsx-runtime';
-import { JSX as JSX_2 } from 'react';
+import { JSX } from 'react';
 import { LinkProps } from 'antd/es/typography/Link';
 import { ListProps } from 'antd/es/list';
 import { ModalProps } from 'antd/es/modal';
@@ -70,7 +69,7 @@ import { TreeSelectProps } from 'antd/es/tree-select';
 import { UploadProps } from 'antd';
 
 declare interface AxiosProps {
-    token: string;
+    token?: string;
     requestData?: any;
     apiUrl: string;
     environmentUrl: string;
@@ -205,7 +204,7 @@ declare interface FilterProps_2 {
     form: FormInstance<any>;
     savedFilter?: default_2.ReactNode;
     filterRow?: {
-        element: JSX_2.Element;
+        element: JSX.Element;
         colSize?: {
             xs: number;
             sm: number;
@@ -226,7 +225,7 @@ declare interface FilterProps_2 {
 }
 
 declare interface IActionButton {
-    icon: JSX_2.Element;
+    icon: JSX.Element;
     visible: boolean;
     disabled: boolean;
     hint: string;
@@ -235,7 +234,7 @@ declare interface IActionButton {
 
 declare interface IActionButtonGroup extends Partial<IButtonGroup_5> {
     elementType?: "button" | "element";
-    element?: JSX_2.Element;
+    element?: JSX.Element;
 }
 
 declare type IActionButtonsTooltipType = "raw" | "styled";
@@ -243,7 +242,7 @@ declare type IActionButtonsTooltipType = "raw" | "styled";
 declare type IActionButtonsTooltipType_2 = "raw" | "styled";
 
 declare interface IAxiosProps {
-    token: string;
+    token?: string;
     requestData?: any;
     apiUrl: string;
     environmentUrl: string;
@@ -252,7 +251,7 @@ declare interface IAxiosProps {
 }
 
 declare interface IAxiosProps_2 {
-    token: string;
+    token?: string;
     requestData?: any;
     apiUrl: string;
     environmentUrl: string;
@@ -261,7 +260,7 @@ declare interface IAxiosProps_2 {
 }
 
 declare interface IAxiosProps_3 {
-    token: string;
+    token?: string;
     requestData?: any;
     apiUrl: string;
     environmentUrl: string;
@@ -270,7 +269,7 @@ declare interface IAxiosProps_3 {
 }
 
 declare interface IAxiosProps_4 {
-    token: string;
+    token?: string;
     requestData?: any;
     apiUrl: string;
     environmentUrl: string;
@@ -279,7 +278,7 @@ declare interface IAxiosProps_4 {
 }
 
 declare interface IAxiosProps_5 {
-    token: string;
+    token?: string;
     requestData?: any;
     apiUrl: string;
     environmentUrl: string;
@@ -338,7 +337,7 @@ declare interface IButtonGrouOptions extends Omit<IButtonProps, "name"> {
 }
 
 declare interface IButtonGroup extends Omit<IButtonProps, 'icon'> {
-    icon?: JSX_2.Element;
+    icon?: JSX.Element;
     type?: ButtonType;
     label?: string;
     actionPermission?: boolean;
@@ -346,7 +345,7 @@ declare interface IButtonGroup extends Omit<IButtonProps, 'icon'> {
 }
 
 declare interface IButtonGroup_2 extends Omit<IButtonProps, "icon"> {
-    icon?: JSX_2.Element;
+    icon?: JSX.Element;
     type?: ButtonType;
     label?: string;
     isLabelVisible?: boolean;
@@ -355,7 +354,7 @@ declare interface IButtonGroup_2 extends Omit<IButtonProps, "icon"> {
 }
 
 declare interface IButtonGroup_3 extends Omit<IButtonProps, "icon"> {
-    icon?: JSX_2.Element;
+    icon?: JSX.Element;
     type?: ButtonType;
     label?: string;
     actionPermission?: boolean;
@@ -378,7 +377,7 @@ declare interface IButtonGroup_5 extends IButtonProps {
 }
 
 declare interface IButtonGroup_6 extends Omit<IButtonProps, "icon"> {
-    icon?: JSX_2.Element;
+    icon?: JSX.Element;
     type?: ButtonType;
     label?: string;
     actionPermission?: boolean;
@@ -395,15 +394,15 @@ declare interface IColumnConfig {
     caption: string;
     allowSorting?: boolean;
     allowSearch?: boolean;
-    cellRender?: (data: any) => JSX_2.Element | string;
-    calculateCellValue?: (data: any) => JSX_2.Element | string;
+    cellRender?: (data: any) => JSX.Element | string;
+    calculateCellValue?: (data: any) => JSX.Element | string;
     calculateFilterExpression?: (value: any, operation: string, target: string) => any;
     format?: string | object;
     allowFiltering?: boolean;
 }
 
 declare interface IColumnOptions extends Omit<IColumnProps, "cellRender" | "calculateFilterExpression" | "format"> {
-    cellRender?: (data: any) => JSX_2.Element | string;
+    cellRender?: (data: any) => JSX.Element | string;
     calculateFilterExpression?: (value: any, operation: string, target: string) => any;
     format?: string | object;
     allowFiltering?: boolean;
@@ -413,7 +412,7 @@ declare interface IColumnOptions extends Omit<IColumnProps, "cellRender" | "calc
  * Represents the configuration for a column in the data grid.
  */
 declare interface IColumnOptions_2 extends Omit<IColumnProps, "cellRender" | "calculateFilterExpression" | "format"> {
-    cellRender?: (data: any) => JSX_2.Element | string;
+    cellRender?: (data: any) => JSX.Element | string;
     calculateFilterExpression?: (value: any, operation: string, target: string) => any;
     format?: string | object;
 }
@@ -1031,9 +1030,9 @@ export declare function OdsBadge(props: BadgeProps): JSX.Element;
 
 export declare function OdsBadgeRibbon(props: BadgeProps): JSX.Element;
 
-export declare const OdsBasicDataGrid: (props: IOdsDataGridProps) => JSX.Element;
+export declare const OdsBasicDataGrid: (props: IOdsDataGridProps) => default_2.JSX.Element;
 
-export declare const OdsBatchEditDataGrid: (props: IBatchEditDataGridProps) => JSX.Element;
+export declare const OdsBatchEditDataGrid: (props: IBatchEditDataGridProps) => default_2.JSX.Element;
 
 export declare function OdsButton(props: ButtonProps): JSX.Element;
 
@@ -1055,13 +1054,13 @@ export declare function OdsCheckbox(props: CheckboxProps): JSX.Element;
 
 export declare function OdsCheckboxGroup(props: CheckboxGroupProps): JSX.Element;
 
-export declare function OdsCollapse(props: CollapseProps): JSX.Element;
+export declare function OdsCollapse(props: CollapseProps): default_2.JSX.Element;
 
 export declare namespace OdsCollapse {
     var Panel: default_2.ForwardRefExoticComponent<CollapsePanelProps & default_2.RefAttributes<HTMLDivElement>>;
 }
 
-export declare function OdsConfigProvider({ children, prefixCls, theme: customTheme }: OdsConfigProviderProps): JSX.Element;
+export declare function OdsConfigProvider({ children, prefixCls, theme: customTheme }: OdsConfigProviderProps): default_2.JSX.Element;
 
 declare interface OdsConfigProviderProps {
     children: default_2.ReactNode;
@@ -1085,7 +1084,7 @@ declare type OdsCurrencyInputProps = InputNumberProps & {
 
 export declare const OdsDataGrid: default_2.ForwardRefExoticComponent<IOdsDataGridOptions & default_2.RefAttributes<DataGridRef_2<unknown, unknown>>>;
 
-export declare function OdsDataGridLegacy(props: any): JSX.Element;
+export declare function OdsDataGridLegacy(props: any): default_2.JSX.Element;
 
 export declare const OdsDataGridMemoized: default_2.NamedExoticComponent<IOdsDataGridOptions & default_2.RefAttributes<DataGridRef_2<unknown, unknown>>>;
 
@@ -1097,23 +1096,23 @@ export declare function OdsDatepicker(props: DatePickerProps): JSX.Element;
 
 export declare function OdsDateRangePicker(props: RangePickerProps): JSX.Element;
 
-export declare function OdsDisplayGrid(props: any): JSX.Element;
+export declare function OdsDisplayGrid(props: any): default_2.JSX.Element;
 
 export declare function OdsDivider(props: DividerProps): JSX.Element;
 
 export declare function OdsDropdown(props: IDropDownProps): JSX.Element;
 
-export declare function OdsFileUpload(props: FileUploadProps): JSX.Element;
+export declare function OdsFileUpload(props: FileUploadProps): default_2.JSX.Element;
 
-export declare function OdsFileUploadv2(props: FileUploadProps_2): JSX.Element;
+export declare function OdsFileUploadv2(props: FileUploadProps_2): default_2.JSX.Element;
 
-export declare const OdsFilter: (props: PropsWithChildren<FilterProps>) => JSX.Element;
+export declare const OdsFilter: (props: PropsWithChildren<FilterProps>) => default_2.JSX.Element;
 
 export declare const OdsFilterPlus: (props: PropsWithChildren<FilterProps_2>) => JSX.Element;
 
 export declare const OdsFilterTagView: ({ preparedFilterTextViewJson }: {
     preparedFilterTextViewJson: any;
-}) => JSX.Element;
+}) => default_2.JSX.Element;
 
 export declare function OdsImage(props: ImageProps): JSX.Element;
 
@@ -1164,13 +1163,13 @@ declare interface OdsRangeTimepickerProps extends RangePickerProps {
 
 export declare function OdsRate(props: RateProps): JSX.Element;
 
-export declare const OdsRemoteDataGrid: (props: IOdsDataGridProps_3) => JSX.Element;
+export declare const OdsRemoteDataGrid: (props: IOdsDataGridProps_3) => default_2.JSX.Element;
 
 export declare function OdsSearch(props: SearchProps): JSX.Element;
 
 export declare function OdsSelect(props: SelectProps): JSX.Element;
 
-export declare const OdsServerSideDatagrid: (props: IVirtualDataGridProps) => JSX.Element;
+export declare const OdsServerSideDatagrid: (props: IVirtualDataGridProps) => default_2.JSX.Element;
 
 export declare function OdsSpin(props: SpinProps): JSX.Element;