ods-component-lib 1.23.2 → 1.23.4

package/dist/components/devextreme/OdsTransferV2.js

@@ -1,7 +1,7 @@
 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 { useState as p, useRef as tt, useCallback as D, useEffect as O } from "react";
 import { Transfer as et } from "antd";
-import at, { FilterRow as nt, Column as H, Toolbar as rt, Item as st } from "devextreme-react/data-grid";
+import at, { FilterRow as nt, Column as Q, Toolbar as rt, Item as st } from "devextreme-react/data-grid";
 import * as ot from "../../node_modules/query-string/base.js";
 import lt from "./NoContentComponent.js";
 import ct from "../antd/typography/OdsTitle.js";
@@ -13,7 +13,6 @@ const b = {
   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();
@@ -34,8 +33,8 @@ const b = {
   columns: I,
   pageTitle: T,
   keyExpr: o,
-  noDataText: O,
-  defaultPageSize: Q,
+  noDataText: $,
+  defaultPageSize: B,
   targetItems: P = [],
   noContentMainText: G,
   noContentSubText: L,
@@ -44,16 +43,16 @@ const b = {
   targetTitle: v = "Selected Items",
   displayPageTitle: M = !1,
   className: V,
-  rootClassName: z,
-  showSearch: K = !1,
-  render: _,
+  rootClassName: K,
+  showSearch: _ = !1,
+  render: z,
   useCustomHeader: J = !1
 }) => {
   const [S, U] = p([]), [j, W] = p(
     P.map((e) => e[o])
   ), [m, q] = p(
     ut(P, o)
-  ), [y, X] = p([]), [Y, Z] = p([]), k = tt(null), A = D(async () => {
+  ), [y, X] = p([]), [Y, Z] = p([]), E = tt(null), A = D(async () => {
     if (!t || !l) return;
     const e = t.requestType.toUpperCase() === "GET";
     let n = `${t.environmentUrl}${t.apiUrl}`;
@@ -63,7 +62,8 @@ const b = {
     }
     const u = {
       method: t.requestType,
-      headers: ft({ language: h, axiosRequest: t }),
+      headers: ft({ language: h }),
+      credentials: "include",
       body: e ? void 0 : JSON.stringify(t.requestData)
     };
     try {
@@ -74,7 +74,7 @@ const b = {
     } catch {
     }
   }, [t, g, h, l]);
-  B(() => {
+  O(() => {
     l && t && (U([]), A());
   }, [
     t?.requestData,
@@ -83,14 +83,14 @@ const b = {
     t?.environmentUrl,
     A,
     l
-  ]), B(() => {
+  ]), O(() => {
     const n = [...l ? S : d, ...m], u = w(n, o).map((r) => ({
       ...r,
       key: r[o]
     }));
     X(u);
   }, [S, d, m, o, l]);
-  const E = D(
+  const k = D(
     (e, n, u) => {
       W(e);
       const r = y.filter(
@@ -128,13 +128,13 @@ const b = {
         targetKeys: j,
         selectedKeys: Y,
         onSelectChange: x,
-        onChange: E,
+        onChange: k,
         showSelectAll: !1,
         titles: [N, v],
-        render: _,
+        render: z,
         className: V,
-        rootClassName: z,
-        showSearch: K,
+        rootClassName: K,
+        showSearch: _,
         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;
           return /* @__PURE__ */ C(
@@ -170,7 +170,7 @@ const b = {
                     dataSource: i,
                     keyExpr: o,
                     showBorders: !0,
-                    paging: { enabled: f, pageSize: Q },
+                    paging: { enabled: f, pageSize: B },
                     selection: {
                       mode: "multiple",
                       selectAllMode: "page",
@@ -178,19 +178,19 @@ const b = {
                     },
                     onSelectionChanged: ({
                       selectedRowKeys: a,
-                      currentDeselectedRowKeys: $
+                      currentDeselectedRowKeys: H
                     }) => {
-                      u(a, !0), $.length > 0 && u($, !1);
+                      u(a, !0), H.length > 0 && u(H, !1);
                     },
                     columns: I,
                     columnFixing: { enabled: !0 },
-                    noDataText: O,
-                    ref: k,
+                    noDataText: $,
+                    ref: E,
                     children: [
                       /* @__PURE__ */ s(nt, { visible: !0 }),
                       I.map(
                         (a) => typeof a == "string" ? /* @__PURE__ */ s(
-                          H,
+                          Q,
                           {
                             dataField: a,
                             caption: a,
@@ -198,7 +198,7 @@ const b = {
                           },
                           a
                         ) : /* @__PURE__ */ s(
-                          H,
+                          Q,
                           {
                             dataField: a.dataField || a.dataIndex,
                             caption: a.caption || a.title,

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  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    \"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      credentials: \"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","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,6 @@ import { TreeSelectProps } from 'antd/es/tree-select';
 import { UploadProps } from 'antd';
 
 declare interface AxiosProps {
-    token: string;
     requestData?: any;
     apiUrl: string;
     environmentUrl: string;
@@ -205,7 +203,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 +224,7 @@ declare interface FilterProps_2 {
 }
 
 declare interface IActionButton {
-    icon: JSX_2.Element;
+    icon: JSX.Element;
     visible: boolean;
     disabled: boolean;
     hint: string;
@@ -235,7 +233,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 +241,6 @@ declare type IActionButtonsTooltipType = "raw" | "styled";
 declare type IActionButtonsTooltipType_2 = "raw" | "styled";
 
 declare interface IAxiosProps {
-    token: string;
     requestData?: any;
     apiUrl: string;
     environmentUrl: string;
@@ -252,7 +249,6 @@ declare interface IAxiosProps {
 }
 
 declare interface IAxiosProps_2 {
-    token: string;
     requestData?: any;
     apiUrl: string;
     environmentUrl: string;
@@ -261,7 +257,6 @@ declare interface IAxiosProps_2 {
 }
 
 declare interface IAxiosProps_3 {
-    token: string;
     requestData?: any;
     apiUrl: string;
     environmentUrl: string;
@@ -270,7 +265,6 @@ declare interface IAxiosProps_3 {
 }
 
 declare interface IAxiosProps_4 {
-    token: string;
     requestData?: any;
     apiUrl: string;
     environmentUrl: string;
@@ -279,7 +273,6 @@ declare interface IAxiosProps_4 {
 }
 
 declare interface IAxiosProps_5 {
-    token: string;
     requestData?: any;
     apiUrl: string;
     environmentUrl: string;
@@ -338,7 +331,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 +339,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 +348,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 +371,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 +388,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 +406,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 +1024,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 +1048,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 +1078,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 +1090,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 +1157,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;
 

package/dist/index.js

@@ -51,7 +51,7 @@ import { default as We } from "./components/devextreme/OdsBatchEditDataGrid/OdsB
 import { default as Ye } from "./components/devextreme/OdsBasicDataGrid/OdsBasicDataGrid.js";
 import { default as $e } from "./components/devextreme/OdsDataGrid.Legacy.js";
 import { default as aa } from "./components/devextreme/OdsDisplayGrid.js";
-import { default as ta } from "./components/devextreme/OdsInlineEditDataGrid/OdsInlineEditDataGrid.js";
+import { OdsInlineEditDataGrid as ta } from "./components/devextreme/OdsInlineEditDataGrid/OdsInlineEditDataGrid.js";
 import { default as da } from "./components/devextreme/OdsMergeCellDataGrid/OdsMergeCellDataGrid.js";
 import { default as fa } from "./components/devextreme/OdsRemoteDataGrid.js";
 import { default as pa } from "./components/devextreme/OdsServerSideDatagrid/OdsServerSideDatagrid.js";
@@ -61,8 +61,8 @@ import { default as na } from "./components/devextreme/OdsTransferV2.js";
 import { default as ca } from "./components/filter/OdsFilter.js";
 import { default as ga } from "./components/filter/OdsFilterPlus.js";
 import { default as Ga } from "./components/filter/OdsFilterTagView.js";
-import { useBodyClass as Ba, useBodyClasses as ba, useBodyClasses as ha } from "./components/devextreme/DataGrid/hooks/useBodyClasses.js";
 export * from "devextreme-react/data-grid";
+import { useBodyClass as ba, useBodyClasses as ha, useBodyClasses as Ra } from "./components/devextreme/DataGrid/hooks/useBodyClasses.js";
 export {
   ze as DATA_GRID_CLASSES,
   o as OdsAlert,
@@ -130,8 +130,8 @@ export {
   na as OdsTransferV2,
   Ue as OdsTreeSelect,
   He as defaultAppearanceSettings,
-  Ba as useBodyClass,
-  ba as useBodyClasses,
-  ha as useOdsBodyClasses
+  ba as useBodyClass,
+  ha as useBodyClasses,
+  Ra as useOdsBodyClasses
 };
 //# sourceMappingURL=index.js.map

package/dist/node_modules/core-js/internals/advance-string-index.js

@@ -5,7 +5,7 @@ function d() {
   n = 1;
   var t = u().charAt;
   return r = function(i, e, a) {
-    return e + (a ? t(i, e).length : 1);
+    return e + (a && t(i, e).length || 1);
   }, r;
 }
 export {

package/dist/node_modules/core-js/internals/advance-string-index.js.map

@@ -1 +1 @@
-{"version":3,"file":"advance-string-index.js","sources":["../../../../node_modules/core-js/internals/advance-string-index.js"],"sourcesContent":["'use strict';\nvar charAt = require('../internals/string-multibyte').charAt;\n\n// `AdvanceStringIndex` abstract operation\n// https://tc39.es/ecma262/#sec-advancestringindex\nmodule.exports = function (S, index, unicode) {\n  return index + (unicode ? charAt(S, index).length : 1);\n};\n"],"names":["charAt","require$$0","advanceStringIndex","S","index","unicode"],"mappings":";;;;;AACA,MAAIA,IAASC,EAAA,EAAyC;AAItD,SAAAC,IAAiB,SAAUC,GAAGC,GAAOC,GAAS;AAC5C,WAAOD,KAASC,IAAUL,EAAOG,GAAGC,CAAK,EAAE,SAAS;AAAA,EACtD;;","x_google_ignoreList":[0]}
+{"version":3,"file":"advance-string-index.js","sources":["../../../../node_modules/core-js/internals/advance-string-index.js"],"sourcesContent":["'use strict';\nvar charAt = require('../internals/string-multibyte').charAt;\n\n// `AdvanceStringIndex` abstract operation\n// https://tc39.es/ecma262/#sec-advancestringindex\nmodule.exports = function (S, index, unicode) {\n  return index + (unicode ? charAt(S, index).length || 1 : 1);\n};\n"],"names":["charAt","require$$0","advanceStringIndex","S","index","unicode"],"mappings":";;;;;AACA,MAAIA,IAASC,EAAA,EAAyC;AAItD,SAAAC,IAAiB,SAAUC,GAAGC,GAAOC,GAAS;AAC5C,WAAOD,KAASC,KAAUL,EAAOG,GAAGC,CAAK,EAAE,UAAU;AAAA,EACvD;;","x_google_ignoreList":[0]}

package/dist/node_modules/core-js/internals/environment-is-ios.js

@@ -1,10 +1,10 @@
 import { __require as i } from "./environment-user-agent.js";
-var e, r;
+var e, n;
 function o() {
-  if (r) return e;
-  r = 1;
-  var n = i();
-  return e = /(?:ipad|iphone|ipod).*applewebkit/i.test(n), e;
+  if (n) return e;
+  n = 1;
+  var r = i();
+  return e = /ipad|iphone|ipod/i.test(r) && /applewebkit/i.test(r), e;
 }
 export {
   o as __require

package/dist/node_modules/core-js/internals/environment-is-ios.js.map

@@ -1 +1 @@
-{"version":3,"file":"environment-is-ios.js","sources":["../../../../node_modules/core-js/internals/environment-is-ios.js"],"sourcesContent":["'use strict';\nvar userAgent = require('../internals/environment-user-agent');\n\n// eslint-disable-next-line redos/no-vulnerable -- safe\nmodule.exports = /(?:ipad|iphone|ipod).*applewebkit/i.test(userAgent);\n"],"names":["userAgent","require$$0","environmentIsIos"],"mappings":";;;;;AACA,MAAIA,IAAYC,EAAA;AAGhB,SAAAC,IAAiB,qCAAqC,KAAKF,CAAS;;","x_google_ignoreList":[0]}
+{"version":3,"file":"environment-is-ios.js","sources":["../../../../node_modules/core-js/internals/environment-is-ios.js"],"sourcesContent":["'use strict';\nvar userAgent = require('../internals/environment-user-agent');\n\nmodule.exports = /ipad|iphone|ipod/i.test(userAgent) && /applewebkit/i.test(userAgent);\n"],"names":["userAgent","require$$0","environmentIsIos"],"mappings":";;;;;AACA,MAAIA,IAAYC,EAAA;AAEhB,SAAAC,IAAiB,oBAAoB,KAAKF,CAAS,KAAK,eAAe,KAAKA,CAAS;;","x_google_ignoreList":[0]}

package/dist/node_modules/core-js/internals/function-bind-native.js

@@ -5,8 +5,8 @@ function o() {
   n = 1;
   var e = t();
   return r = !e(function() {
-    var i = (function() {
-    }).bind();
+    var i = function() {
+    }.bind();
     return typeof i != "function" || i.hasOwnProperty("prototype");
   }), r;
 }

package/dist/node_modules/core-js/internals/function-bind-native.js.map

@@ -1 +1 @@
-{"version":3,"file":"function-bind-native.js","sources":["../../../../node_modules/core-js/internals/function-bind-native.js"],"sourcesContent":["'use strict';\nvar fails = require('../internals/fails');\n\nmodule.exports = !fails(function () {\n  // eslint-disable-next-line es/no-function-prototype-bind -- safe\n  var test = (function () { /* empty */ }).bind();\n  // eslint-disable-next-line no-prototype-builtins -- safe\n  return typeof test != 'function' || test.hasOwnProperty('prototype');\n});\n"],"names":["fails","require$$0","functionBindNative","test"],"mappings":";;;;;AACA,MAAIA,IAAQC,EAAA;AAEZ,SAAAC,IAAiB,CAACF,EAAM,WAAY;AAElC,QAAIG,KAAQ,WAAY;AAAA,IAAA,GAAiB,KAAI;AAE7C,WAAO,OAAOA,KAAQ,cAAcA,EAAK,eAAe,WAAW;AAAA,EACrE,CAAC;;","x_google_ignoreList":[0]}
+{"version":3,"file":"function-bind-native.js","sources":["../../../../node_modules/core-js/internals/function-bind-native.js"],"sourcesContent":["'use strict';\nvar fails = require('../internals/fails');\n\nmodule.exports = !fails(function () {\n  // eslint-disable-next-line es/no-function-prototype-bind -- safe\n  var test = function () { /* empty */ }.bind();\n  // eslint-disable-next-line no-prototype-builtins -- safe\n  return typeof test != 'function' || test.hasOwnProperty('prototype');\n});\n"],"names":["fails","require$$0","functionBindNative","test"],"mappings":";;;;;AACA,MAAIA,IAAQC,EAAA;AAEZ,SAAAC,IAAiB,CAACF,EAAM,WAAY;AAElC,QAAIG,IAAO,WAAY;AAAA,IAAA,EAAgB,KAAI;AAE3C,WAAO,OAAOA,KAAQ,cAAcA,EAAK,eAAe,WAAW;AAAA,EACrE,CAAC;;","x_google_ignoreList":[0]}

package/dist/node_modules/core-js/internals/function-name.js

@@ -4,8 +4,8 @@ var t, o;
 function R() {
   if (o) return t;
   o = 1;
-  var r = m(), i = s(), n = Function.prototype, a = r && Object.getOwnPropertyDescriptor, e = i(n, "name"), u = e && (function() {
-  }).name === "something", c = e && (!r || r && a(n, "name").configurable);
+  var r = m(), i = s(), n = Function.prototype, a = r && Object.getOwnPropertyDescriptor, e = i(n, "name"), u = e && function() {
+  }.name === "something", c = e && (!r || r && a(n, "name").configurable);
   return t = {
     EXISTS: e,
     PROPER: u,

package/dist/node_modules/core-js/internals/function-name.js.map

@@ -1 +1 @@
-{"version":3,"file":"function-name.js","sources":["../../../../node_modules/core-js/internals/function-name.js"],"sourcesContent":["'use strict';\nvar DESCRIPTORS = require('../internals/descriptors');\nvar hasOwn = require('../internals/has-own-property');\n\nvar FunctionPrototype = Function.prototype;\n// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe\nvar getDescriptor = DESCRIPTORS && Object.getOwnPropertyDescriptor;\n\nvar EXISTS = hasOwn(FunctionPrototype, 'name');\n// additional protection from minified / mangled / dropped function names\nvar PROPER = EXISTS && (function something() { /* empty */ }).name === 'something';\nvar CONFIGURABLE = EXISTS && (!DESCRIPTORS || (DESCRIPTORS && getDescriptor(FunctionPrototype, 'name').configurable));\n\nmodule.exports = {\n  EXISTS: EXISTS,\n  PROPER: PROPER,\n  CONFIGURABLE: CONFIGURABLE\n};\n"],"names":["DESCRIPTORS","require$$0","hasOwn","require$$1","FunctionPrototype","getDescriptor","EXISTS","PROPER","CONFIGURABLE","functionName"],"mappings":";;;;;;AACA,MAAIA,IAAcC,EAAA,GACdC,IAASC,EAAA,GAETC,IAAoB,SAAS,WAE7BC,IAAgBL,KAAe,OAAO,0BAEtCM,IAASJ,EAAOE,GAAmB,MAAM,GAEzCG,IAASD,MAAW,WAAqB;AAAA,EAAA,GAAiB,SAAS,aACnEE,IAAeF,MAAW,CAACN,KAAgBA,KAAeK,EAAcD,GAAmB,MAAM,EAAE;AAEvG,SAAAK,IAAiB;AAAA,IACf,QAAQH;AAAA,IACR,QAAQC;AAAA,IACR,cAAcC;AAAA;;","x_google_ignoreList":[0]}
+{"version":3,"file":"function-name.js","sources":["../../../../node_modules/core-js/internals/function-name.js"],"sourcesContent":["'use strict';\nvar DESCRIPTORS = require('../internals/descriptors');\nvar hasOwn = require('../internals/has-own-property');\n\nvar FunctionPrototype = Function.prototype;\n// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe\nvar getDescriptor = DESCRIPTORS && Object.getOwnPropertyDescriptor;\n\nvar EXISTS = hasOwn(FunctionPrototype, 'name');\n// additional protection from minified / mangled / dropped function names\nvar PROPER = EXISTS && function something() { /* empty */ }.name === 'something';\nvar CONFIGURABLE = EXISTS && (!DESCRIPTORS || (DESCRIPTORS && getDescriptor(FunctionPrototype, 'name').configurable));\n\nmodule.exports = {\n  EXISTS: EXISTS,\n  PROPER: PROPER,\n  CONFIGURABLE: CONFIGURABLE\n};\n"],"names":["DESCRIPTORS","require$$0","hasOwn","require$$1","FunctionPrototype","getDescriptor","EXISTS","PROPER","CONFIGURABLE","functionName"],"mappings":";;;;;;AACA,MAAIA,IAAcC,EAAA,GACdC,IAASC,EAAA,GAETC,IAAoB,SAAS,WAE7BC,IAAgBL,KAAe,OAAO,0BAEtCM,IAASJ,EAAOE,GAAmB,MAAM,GAEzCG,IAASD,KAAU,WAAqB;AAAA,EAAA,EAAgB,SAAS,aACjEE,IAAeF,MAAW,CAACN,KAAgBA,KAAeK,EAAcD,GAAmB,MAAM,EAAE;AAEvG,SAAAK,IAAiB;AAAA,IACf,QAAQH;AAAA,IACR,QAAQC;AAAA,IACR,cAAcC;AAAA;;","x_google_ignoreList":[0]}