npm - ods-component-lib - Versions diffs - 1.21.2 → 1.22.2 - Mend

ods-component-lib 1.21.2 → 1.22.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (996) hide show

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

	@@ -1 +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 \"devextreme/dist/css/dx.light.css\";\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.css\";\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\n// Component\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 // Fetch data from API\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 // Update constants\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 // Handle API data fetching\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 // Update transfer data source\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 // Handle target items change\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 // Handle selection change\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 // Custom Header Component\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>\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","Transfer","filteredItems","onItemSelectAll","isLeftEmpty","isRightEmpty","combinedDataSource","jsxs","NoContentComponent","DataGrid","selectedRowKeys","currentDeselectedRowKeys","FilterRow","column","DxColumn","isTextEmpty","Toolbar","DxItem","OdsTitle"],"mappings":"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"}
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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"}

package/dist/components/devextreme/Transfer.module.scss.js ADDED Viewed

@@ -0,0 +1,8 @@
+const e = "Transfer-module__wrapper___en30o", r = {
+  wrapper: e
+};
+export {
+  r as default,
+  e as wrapper
+};
+//# sourceMappingURL=Transfer.module.scss.js.map

package/dist/components/devextreme/Transfer.module.scss.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"Transfer.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/devextreme/datagridUtils/DynamicIcon.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { o } from "../../../_virtual/index2.js";
+import { o } from "../../../_virtual/index.js";
 const t = {
   edit: o.EditIcon,
   delete: o.Trash1Icon,

package/dist/components/filter/OdsFilter.js CHANGED Viewed

@@ -1,32 +1,30 @@
-import { jsx as t, jsxs as r } from "react/jsx-runtime";
-import x, { useState as u, useEffect as w } from "react";
-import { o as a } from "../../_virtual/index2.js";
-import R from "../antd/card/OdsCard.js";
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import C, { useState as v, useEffect as w } from "react";
+import { o as n } from "../../_virtual/index.js";
+import x from "../antd/card/OdsCard.js";
 import s from "../antd/button/OdsButton.js";
-import S from "../antd/tab/OdsTab.js";
+import R from "../antd/tab/OdsTab.js";
 import I from "./OdsFilterTagView.js";
-import { useStyles as k, useAdvancedFilterButtonStyles as b } from "./styles.js";
-import F from "../../node_modules/antd/es/config-provider/index.js";
-import O from "../../node_modules/antd/es/form/index.js";
-import W from "../../node_modules/antd/es/grid/col.js";
-import p from "../../node_modules/antd/es/grid/row.js";
-import E from "../../node_modules/antd/es/typography/index.js";
-const { Title: H } = E, Q = (e) => {
-  const [n, f] = u(!0), o = x.createRef(), { styles: i } = k({ open: n }), [l, c] = u(
+import i from "./styles.module.scss.js";
+import u from "../../node_modules/antd/es/config-provider/index.js";
+import k from "../../node_modules/antd/es/form/index.js";
+import S from "../../node_modules/antd/es/grid/col.js";
+import b from "../../node_modules/antd/es/grid/row.js";
+import $ from "../../node_modules/antd/es/typography/index.js";
+const { Title: p } = $, q = (e) => {
+  const [r, h] = v(!0), o = C.createRef(), [a, c] = v(
     !e.advancedFilterClosed
-  ), { styles: m } = b({
-    open: l
-  }), h = e.advancedFilterRow !== void 0, g = e.tabs !== void 0, y = e.filterRow !== void 0;
+  ), m = e.advancedFilterRow !== void 0, F = e.tabs !== void 0, g = e.filterRow !== void 0;
   w(() => {
-    e.filterTag && e.filterTag.length > 0 && v();
+    e.filterTag && e.filterTag.length > 0 && f();
   }, [e.filterTag]);
-  const T = () => {
-    n ? c(!l) : (f(!0), setTimeout(() => {
-      c(!l);
+  const y = () => {
+    r ? c(!a) : (h(!0), setTimeout(() => {
+      c(!a);
     }, 200));
-  }, v = () => {
-    c(!1), f(!n);
-  }, A = () => {
+  }, f = () => {
+    c(!1), h(!r);
+  }, T = () => {
     e.onClickClear && e.onClickClear();
   }, N = async () => {
     try {
@@ -34,17 +32,17 @@ const { Title: H } = E, Q = (e) => {
     } catch {
       return null;
     }
-  }, B = async () => {
+  }, A = async () => {
     o.current && o.current.querySelectorAll(
       ".ant-form-item-has-error"
     )?.length > 0 && c(!0);
-  }, C = async () => {
+  }, B = async () => {
     const d = await N();
-    h && await B(), d ? e.onFinish && e.onFinish(d) : e.onFinishFailed && e.onFinishFailed();
+    m && await A(), d ? e.onFinish && e.onFinish(d) : e.onFinishFailed && e.onFinishFailed();
   };
   return w(() => {
-  }, [o, l]), /* @__PURE__ */ t(R, { className: i.filterWrapper, children: /* @__PURE__ */ t(
-    F,
+  }, [o, a]), /* @__PURE__ */ t(x, { className: i.filterWrapper, children: /* @__PURE__ */ t(
+    u,
     {
       theme: {
         components: {
@@ -57,17 +55,17 @@ const { Title: H } = E, Q = (e) => {
           }
         }
       },
-      children: /* @__PURE__ */ r(
-        O,
+      children: /* @__PURE__ */ l(
+        k,
         {
           form: e.form,
           layout: "vertical",
-          className: i.filterInner,
+          className: `${i.filterInner} ${r ? i.open : ""}`,
           children: [
-            /* @__PURE__ */ t(p, { gutter: [12, 12], align: "middle", children: /* @__PURE__ */ r(W, { span: 24, className: i.filterTopWrapper, children: [
-              /* @__PURE__ */ r("div", { className: i.filterTopInfo, children: [
-                /* @__PURE__ */ t("div", { className: i.filterTopTitle, children: /* @__PURE__ */ t(H, { level: 5, children: e.title }) }),
-                /* @__PURE__ */ t("div", { className: i.filterTagsWrapper, children: e.filterTag && e.filterTag.length > 0 && /* @__PURE__ */ t(
+            /* @__PURE__ */ t(b, { gutter: [12, 12], align: "middle", children: /* @__PURE__ */ l(S, { span: 24, className: i.filterTopWrapper, children: [
+              /* @__PURE__ */ l("div", { className: i.filterTopInfo, children: [
+                /* @__PURE__ */ t("div", { className: i.filterTopTitle, children: /* @__PURE__ */ t(p, { level: 5, children: e.title }) }),
+                /* @__PURE__ */ t("div", { className: `${i.filterTagsWrapper} ${r ? i.hidden : ""}`, children: e.filterTag && e.filterTag.length > 0 && /* @__PURE__ */ t(
                   I,
                   {
                     preparedFilterTextViewJson: e.filterTag
@@ -75,7 +73,7 @@ const { Title: H } = E, Q = (e) => {
                 ) })
               ] }),
               /* @__PURE__ */ t(
-                F,
+                u,
                 {
                   theme: {
                     components: {
@@ -84,30 +82,30 @@ const { Title: H } = E, Q = (e) => {
                       }
                     }
                   },
-                  children: /* @__PURE__ */ r("div", { className: i.filterTopActions, children: [
-                    h && /* @__PURE__ */ t(
+                  children: /* @__PURE__ */ l("div", { className: i.filterTopActions, children: [
+                    m && /* @__PURE__ */ t(
                       s,
                       {
                         title: "Advanced Search",
-                        className: m.advancedFilterButton,
-                        size: "medium",
+                        className: i.advancedFilterButton,
+                        size: "middle",
                         type: "link",
-                        icon: l ? /* @__PURE__ */ t(
-                          a.UpArrow5Icon,
+                        icon: a ? /* @__PURE__ */ t(
+                          n.UpArrow5Icon,
                           {
                             width: 16,
                             height: 16,
                             viewBox: "0 0 24 24"
                           }
                         ) : /* @__PURE__ */ t(
-                          a.DownArrow5Icon,
+                          n.DownArrow5Icon,
                           {
                             width: 16,
                             height: 16,
                             viewBox: "0 0 24 24"
                           }
                         ),
-                        onClick: T,
+                        onClick: y,
                         children: e.buttonAdvancedSearchName
                       }
                     ),
@@ -118,51 +116,51 @@ const { Title: H } = E, Q = (e) => {
                         className: i.toggleButton,
                         size: "large",
                         type: "default",
-                        icon: n ? /* @__PURE__ */ t(
-                          a.UpArrow5Icon,
+                        icon: r ? /* @__PURE__ */ t(
+                          n.UpArrow5Icon,
                           {
                             width: 16,
                             height: 16,
                             viewBox: "0 0 24 24"
                           }
                         ) : /* @__PURE__ */ t(
-                          a.DownArrow5Icon,
+                          n.DownArrow5Icon,
                           {
                             width: 16,
                             height: 16,
                             viewBox: "0 0 24 24"
                           }
                         ),
-                        onClick: v
+                        onClick: f
                       }
                     )
                   ] })
                 }
               )
             ] }) }),
-            /* @__PURE__ */ t("div", { className: i.filterBodyWrapper, children: /* @__PURE__ */ r("div", { className: i.filterBody, children: [
-              g && /* @__PURE__ */ t(S, { items: e.tabs }),
-              y && e.filterRow,
-              h && /* @__PURE__ */ t(
+            /* @__PURE__ */ t("div", { className: `${i.filterBodyWrapper} ${r ? i.open : ""}`, children: /* @__PURE__ */ l("div", { className: i.filterBody, children: [
+              F && /* @__PURE__ */ t(R, { items: e.tabs }),
+              g && e.filterRow,
+              m && /* @__PURE__ */ t(
                 "div",
                 {
-                  className: m.advancedFilterRowWrapper,
+                  className: `${i.advancedFilterRowWrapper} ${a ? i.open : ""}`,
                   ref: o,
-                  children: /* @__PURE__ */ t("div", { className: m.advancedFilterRow, children: e.advancedFilterRow })
+                  children: /* @__PURE__ */ t("div", { className: i.advancedFilterRow, children: e.advancedFilterRow })
                 }
               ),
-              /* @__PURE__ */ r("div", { className: i.filterActionButtonsWrapper, children: [
+              /* @__PURE__ */ l("div", { className: i.filterActionButtonsWrapper, children: [
                 /* @__PURE__ */ t(
                   s,
                   {
                     type: "text",
-                    onClick: A,
-                    icon: /* @__PURE__ */ t(a.Loop1Icon, { width: 16, height: 16, viewBox: "0 0 24 24" }),
+                    onClick: T,
+                    icon: /* @__PURE__ */ t(n.Loop1Icon, { width: 16, height: 16, viewBox: "0 0 24 24" }),
                     className: i.clearButton,
                     children: e.buttonClearAllName
                   }
                 ),
-                /* @__PURE__ */ t(s, { type: "primary", onClick: C, children: e.buttonApplyName })
+                /* @__PURE__ */ t(s, { type: "primary", onClick: B, children: e.buttonApplyName })
               ] })
             ] }) })
           ]
@@ -172,6 +170,6 @@ const { Title: H } = E, Q = (e) => {
   ) });
 };
 export {
-  Q as default
+  q as default
 };
 //# sourceMappingURL=OdsFilter.js.map

package/dist/components/filter/OdsFilter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OdsFilter.js","sources":["../../../src/components/filter/OdsFilter.tsx"],"sourcesContent":["import React, { PropsWithChildren, useEffect, useState } from \"react\";\r\nimport { Col, ConfigProvider, Form, FormInstance, Row, Typography } from \"antd\";\r\nimport { Loop1Icon } from \"ods-icon/react/24/outline\";\r\nimport { DownArrow5Icon, UpArrow5Icon } from \"ods-icon/react/24/outline\";\r\nimport OdsCard from \"../antd/card/OdsCard\";\r\nimport OdsButton from \"../antd/button/OdsButton\";\r\nimport OdsTab from \"../antd/tab/OdsTab\";\r\nimport OdsFilterTagView from \"./OdsFilterTagView\";\r\nimport { useStyles, useAdvancedFilterButtonStyles } from \"./styles\";\r\n\r\nconst { Title } = Typography;\r\n\r\nexport interface FilterProps {\r\n filterRow?: React.ReactNode;\r\n filterTag?: any[];\r\n tabs?: any[];\r\n form: FormInstance<any>;\r\n savedFilter?: React.ReactNode;\r\n\r\n title: string;\r\n buttonClearAllName: string;\r\n buttonApplyName: string;\r\n\r\n buttonAdvancedSearchName?: string;\r\n advancedFilterRow?: React.ReactNode;\r\n advancedFilterClosed?: boolean;\r\n\r\n onFinish?: (values: any) => void;\r\n onFinishFailed?: () => void;\r\n onClickClear?: () => void;\r\n}\r\n\r\nconst OdsFilter = (props: PropsWithChildren<FilterProps>) => {\r\n const [showFilter, setShowFilter] = useState(true);\r\n\r\n const advancedRef = React.createRef<HTMLDivElement>();\r\n\r\n const { styles } = useStyles({ open: showFilter });\r\n\r\n const [showAdvanceFilter, setShowAdvanceFilter] = useState(\r\n !props.advancedFilterClosed\r\n );\r\n\r\n const { styles: advancedFilterStyles } = useAdvancedFilterButtonStyles({\r\n open: showAdvanceFilter,\r\n });\r\n\r\n const hasAdvancedFilters = props.advancedFilterRow !== undefined;\r\n const hasTagFilter = props.tabs !== undefined;\r\n const hasFilterRow = props.filterRow !== undefined;\r\n\r\n useEffect(() => {\r\n if (props.filterTag && props.filterTag.length > 0) handleHideShowFilter();\r\n }, [props.filterTag]);\r\n\r\n const handleHideShowAdvancedFilter = () => {\r\n if (!showFilter) {\r\n setShowFilter(true);\r\n\r\n setTimeout(() => {\r\n setShowAdvanceFilter(!showAdvanceFilter);\r\n }, 200);\r\n } else {\r\n setShowAdvanceFilter(!showAdvanceFilter);\r\n }\r\n };\r\n\r\n const handleHideShowFilter = () => {\r\n setShowAdvanceFilter(false);\r\n setShowFilter(!showFilter);\r\n };\r\n\r\n const onClearSearch = () => {\r\n if (props.onClickClear) {\r\n props.onClickClear();\r\n }\r\n };\r\n\r\n const checkFilterValues = async () => {\r\n try {\r\n return await props.form.validateFields();\r\n } catch (error) {\r\n return null;\r\n }\r\n };\r\n\r\n const findErrorIfAdvancedFilterHasError = async () => {\r\n if (advancedRef.current) {\r\n const errorItems = advancedRef.current.querySelectorAll(\r\n \".ant-form-item-has-error\"\r\n );\r\n\r\n if (errorItems?.length > 0) {\r\n setShowAdvanceFilter(true);\r\n }\r\n }\r\n };\r\n\r\n const handleOnClickApply = async () => {\r\n const values = await checkFilterValues();\r\n\r\n if (hasAdvancedFilters) {\r\n await findErrorIfAdvancedFilterHasError();\r\n }\r\n\r\n if (values) {\r\n if (props.onFinish) {\r\n props.onFinish(values);\r\n }\r\n } else {\r\n props.onFinishFailed && props.onFinishFailed();\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if (showAdvanceFilter) {\r\n }\r\n }, [advancedRef, showAdvanceFilter]);\r\n\r\n return (\r\n <OdsCard className={styles.filterWrapper}>\r\n <ConfigProvider\r\n theme={{\r\n components: {\r\n Form: {\r\n itemMarginBottom: 16,\r\n verticalLabelPadding: \"0 0 4px 0\",\r\n },\r\n Typography: {\r\n titleMarginBottom: 0,\r\n },\r\n },\r\n }}\r\n >\r\n <Form\r\n form={props.form}\r\n layout=\"vertical\"\r\n className={styles.filterInner}\r\n >\r\n <Row gutter={[12, 12]} align=\"middle\">\r\n <Col span={24} className={styles.filterTopWrapper}>\r\n <div className={styles.filterTopInfo}>\r\n <div className={styles.filterTopTitle}>\r\n <Title level={5}>{props.title}</Title>\r\n </div>\r\n <div className={styles.filterTagsWrapper}>\r\n {props.filterTag && props.filterTag.length > 0 && (\r\n <OdsFilterTagView\r\n preparedFilterTextViewJson={props.filterTag}\r\n ></OdsFilterTagView>\r\n )}\r\n </div>\r\n </div>\r\n <ConfigProvider\r\n theme={{\r\n components: {\r\n Button: {\r\n borderRadiusLG: 6,\r\n },\r\n },\r\n }}\r\n >\r\n <div className={styles.filterTopActions}>\r\n {hasAdvancedFilters && (\r\n <OdsButton\r\n title=\"Advanced Search\"\r\n className={advancedFilterStyles.advancedFilterButton}\r\n size=\"medium\"\r\n type=\"link\"\r\n icon={\r\n showAdvanceFilter ? (\r\n <UpArrow5Icon\r\n width={16}\r\n height={16}\r\n viewBox=\"0 0 24 24\"\r\n />\r\n ) : (\r\n <DownArrow5Icon\r\n width={16}\r\n height={16}\r\n viewBox=\"0 0 24 24\"\r\n />\r\n )\r\n }\r\n onClick={handleHideShowAdvancedFilter}\r\n >\r\n {props.buttonAdvancedSearchName}\r\n </OdsButton>\r\n )}\r\n {props.savedFilter}\r\n <OdsButton\r\n className={styles.toggleButton}\r\n size=\"large\"\r\n type=\"default\"\r\n icon={\r\n showFilter ? (\r\n <UpArrow5Icon\r\n width={16}\r\n height={16}\r\n viewBox=\"0 0 24 24\"\r\n />\r\n ) : (\r\n <DownArrow5Icon\r\n width={16}\r\n height={16}\r\n viewBox=\"0 0 24 24\"\r\n />\r\n )\r\n }\r\n onClick={handleHideShowFilter}\r\n />\r\n </div>\r\n </ConfigProvider>\r\n </Col>\r\n </Row>\r\n\r\n <div className={styles.filterBodyWrapper}>\r\n <div className={styles.filterBody}>\r\n {hasTagFilter && <OdsTab items={props.tabs}></OdsTab>}\r\n\r\n {hasFilterRow && props.filterRow}\r\n\r\n {hasAdvancedFilters && (\r\n <div\r\n className={advancedFilterStyles.advancedFilterRowWrapper}\r\n ref={advancedRef}\r\n >\r\n <div className={advancedFilterStyles.advancedFilterRow}>\r\n {props.advancedFilterRow}\r\n </div>\r\n </div>\r\n )}\r\n\r\n <div className={styles.filterActionButtonsWrapper}>\r\n <OdsButton\r\n type=\"text\"\r\n onClick={onClearSearch}\r\n icon={\r\n <Loop1Icon width={16} height={16} viewBox=\"0 0 24 24\" />\r\n }\r\n className={styles.clearButton}\r\n >\r\n {props.buttonClearAllName}\r\n </OdsButton>\r\n <OdsButton type=\"primary\" onClick={handleOnClickApply}>\r\n {props.buttonApplyName}\r\n </OdsButton>\r\n </div>\r\n </div>\r\n </div>\r\n </Form>\r\n </ConfigProvider>\r\n </OdsCard>\r\n );\r\n};\r\n\r\nexport default OdsFilter;\r\n"],"names":["Title","Typography","OdsFilter","props","showFilter","setShowFilter","useState","advancedRef","React","styles","useStyles","showAdvanceFilter","setShowAdvanceFilter","advancedFilterStyles","useAdvancedFilterButtonStyles","hasAdvancedFilters","hasTagFilter","hasFilterRow","useEffect","handleHideShowFilter","handleHideShowAdvancedFilter","onClearSearch","checkFilterValues","findErrorIfAdvancedFilterHasError","handleOnClickApply","values","jsx","OdsCard","ConfigProvider","jsxs","Form","Row","Col","OdsFilterTagView","OdsButton","UpArrow5Icon","DownArrow5Icon","OdsTab","Loop1Icon"],"mappings":"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"}
1	+ {"version":3,"file":"OdsFilter.js","sources":["../../../src/components/filter/OdsFilter.tsx"],"sourcesContent":["import React, { PropsWithChildren, useEffect, useState } from \"react\";\r\nimport { Col, ConfigProvider, Form, FormInstance, Row, Typography } from \"antd\";\r\nimport { Loop1Icon } from \"ods-icon/react/24/outline\";\r\nimport { DownArrow5Icon, UpArrow5Icon } from \"ods-icon/react/24/outline\";\r\nimport OdsCard from \"../antd/card/OdsCard\";\r\nimport OdsButton from \"../antd/button/OdsButton\";\r\nimport OdsTab from \"../antd/tab/OdsTab\";\r\nimport OdsFilterTagView from \"./OdsFilterTagView\";\r\nimport styles from \"./styles.module.scss\";\r\n\r\nconst { Title } = Typography;\r\n\r\nexport interface FilterProps {\r\n filterRow?: React.ReactNode;\r\n filterTag?: any[];\r\n tabs?: any[];\r\n form: FormInstance<any>;\r\n savedFilter?: React.ReactNode;\r\n\r\n title: string;\r\n buttonClearAllName: string;\r\n buttonApplyName: string;\r\n\r\n buttonAdvancedSearchName?: string;\r\n advancedFilterRow?: React.ReactNode;\r\n advancedFilterClosed?: boolean;\r\n\r\n onFinish?: (values: any) => void;\r\n onFinishFailed?: () => void;\r\n onClickClear?: () => void;\r\n}\r\n\r\nconst OdsFilter = (props: PropsWithChildren<FilterProps>) => {\r\n const [showFilter, setShowFilter] = useState(true);\r\n\r\n const advancedRef = React.createRef<HTMLDivElement>();\r\n\r\n const [showAdvanceFilter, setShowAdvanceFilter] = useState(\r\n !props.advancedFilterClosed\r\n );\r\n\r\n const hasAdvancedFilters = props.advancedFilterRow !== undefined;\r\n const hasTagFilter = props.tabs !== undefined;\r\n const hasFilterRow = props.filterRow !== undefined;\r\n\r\n useEffect(() => {\r\n if (props.filterTag && props.filterTag.length > 0) handleHideShowFilter();\r\n }, [props.filterTag]);\r\n\r\n const handleHideShowAdvancedFilter = () => {\r\n if (!showFilter) {\r\n setShowFilter(true);\r\n\r\n setTimeout(() => {\r\n setShowAdvanceFilter(!showAdvanceFilter);\r\n }, 200);\r\n } else {\r\n setShowAdvanceFilter(!showAdvanceFilter);\r\n }\r\n };\r\n\r\n const handleHideShowFilter = () => {\r\n setShowAdvanceFilter(false);\r\n setShowFilter(!showFilter);\r\n };\r\n\r\n const onClearSearch = () => {\r\n if (props.onClickClear) {\r\n props.onClickClear();\r\n }\r\n };\r\n\r\n const checkFilterValues = async () => {\r\n try {\r\n return await props.form.validateFields();\r\n } catch (error) {\r\n return null;\r\n }\r\n };\r\n\r\n const findErrorIfAdvancedFilterHasError = async () => {\r\n if (advancedRef.current) {\r\n const errorItems = advancedRef.current.querySelectorAll(\r\n \".ant-form-item-has-error\"\r\n );\r\n\r\n if (errorItems?.length > 0) {\r\n setShowAdvanceFilter(true);\r\n }\r\n }\r\n };\r\n\r\n const handleOnClickApply = async () => {\r\n const values = await checkFilterValues();\r\n\r\n if (hasAdvancedFilters) {\r\n await findErrorIfAdvancedFilterHasError();\r\n }\r\n\r\n if (values) {\r\n if (props.onFinish) {\r\n props.onFinish(values);\r\n }\r\n } else {\r\n props.onFinishFailed && props.onFinishFailed();\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if (showAdvanceFilter) {\r\n }\r\n }, [advancedRef, showAdvanceFilter]);\r\n\r\n return (\r\n <OdsCard className={styles.filterWrapper}>\r\n <ConfigProvider\r\n theme={{\r\n components: {\r\n Form: {\r\n itemMarginBottom: 16,\r\n verticalLabelPadding: \"0 0 4px 0\",\r\n },\r\n Typography: {\r\n titleMarginBottom: 0,\r\n },\r\n },\r\n }}\r\n >\r\n <Form\r\n form={props.form}\r\n layout=\"vertical\"\r\n className={`${styles.filterInner} ${showFilter ? styles.open : ''}`}\r\n >\r\n <Row gutter={[12, 12]} align=\"middle\">\r\n <Col span={24} className={styles.filterTopWrapper}>\r\n <div className={styles.filterTopInfo}>\r\n <div className={styles.filterTopTitle}>\r\n <Title level={5}>{props.title}</Title>\r\n </div>\r\n <div className={`${styles.filterTagsWrapper} ${showFilter ? styles.hidden : ''}`}>\r\n {props.filterTag && props.filterTag.length > 0 && (\r\n <OdsFilterTagView\r\n preparedFilterTextViewJson={props.filterTag}\r\n ></OdsFilterTagView>\r\n )}\r\n </div>\r\n </div>\r\n <ConfigProvider\r\n theme={{\r\n components: {\r\n Button: {\r\n borderRadiusLG: 6,\r\n },\r\n },\r\n }}\r\n >\r\n <div className={styles.filterTopActions}>\r\n {hasAdvancedFilters && (\r\n <OdsButton\r\n title=\"Advanced Search\"\r\n className={styles.advancedFilterButton}\r\n size=\"middle\"\r\n type=\"link\"\r\n icon={\r\n showAdvanceFilter ? (\r\n <UpArrow5Icon\r\n width={16}\r\n height={16}\r\n viewBox=\"0 0 24 24\"\r\n />\r\n ) : (\r\n <DownArrow5Icon\r\n width={16}\r\n height={16}\r\n viewBox=\"0 0 24 24\"\r\n />\r\n )\r\n }\r\n onClick={handleHideShowAdvancedFilter}\r\n >\r\n {props.buttonAdvancedSearchName}\r\n </OdsButton>\r\n )}\r\n {props.savedFilter}\r\n <OdsButton\r\n className={styles.toggleButton}\r\n size=\"large\"\r\n type=\"default\"\r\n icon={\r\n showFilter ? (\r\n <UpArrow5Icon\r\n width={16}\r\n height={16}\r\n viewBox=\"0 0 24 24\"\r\n />\r\n ) : (\r\n <DownArrow5Icon\r\n width={16}\r\n height={16}\r\n viewBox=\"0 0 24 24\"\r\n />\r\n )\r\n }\r\n onClick={handleHideShowFilter}\r\n />\r\n </div>\r\n </ConfigProvider>\r\n </Col>\r\n </Row>\r\n\r\n <div className={`${styles.filterBodyWrapper} ${showFilter ? styles.open : ''}`}>\r\n <div className={styles.filterBody}>\r\n {hasTagFilter && <OdsTab items={props.tabs}></OdsTab>}\r\n\r\n {hasFilterRow && props.filterRow}\r\n\r\n {hasAdvancedFilters && (\r\n <div\r\n className={`${styles.advancedFilterRowWrapper} ${showAdvanceFilter ? styles.open : ''}`}\r\n ref={advancedRef}\r\n >\r\n <div className={styles.advancedFilterRow}>\r\n {props.advancedFilterRow}\r\n </div>\r\n </div>\r\n )}\r\n\r\n <div className={styles.filterActionButtonsWrapper}>\r\n <OdsButton\r\n type=\"text\"\r\n onClick={onClearSearch}\r\n icon={\r\n <Loop1Icon width={16} height={16} viewBox=\"0 0 24 24\" />\r\n }\r\n className={styles.clearButton}\r\n >\r\n {props.buttonClearAllName}\r\n </OdsButton>\r\n <OdsButton type=\"primary\" onClick={handleOnClickApply}>\r\n {props.buttonApplyName}\r\n </OdsButton>\r\n </div>\r\n </div>\r\n </div>\r\n </Form>\r\n </ConfigProvider>\r\n </OdsCard>\r\n );\r\n};\r\n\r\nexport default OdsFilter;\r\n"],"names":["Title","Typography","OdsFilter","props","showFilter","setShowFilter","useState","advancedRef","React","showAdvanceFilter","setShowAdvanceFilter","hasAdvancedFilters","hasTagFilter","hasFilterRow","useEffect","handleHideShowFilter","handleHideShowAdvancedFilter","onClearSearch","checkFilterValues","findErrorIfAdvancedFilterHasError","handleOnClickApply","values","jsx","OdsCard","styles","ConfigProvider","jsxs","Form","Row","Col","OdsFilterTagView","OdsButton","UpArrow5Icon","DownArrow5Icon","OdsTab","Loop1Icon"],"mappings":"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"}