npm - @bjsdistribution/dms-client-return - Versions diffs - 0.1.81-prod → 0.1.82-prod - Mend

@bjsdistribution/dms-client-return 0.1.81-prod → 0.1.82-prod

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 (37) hide show

package/dist/components/order-daily-overview/return-after-table/table/OrderTable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OrderTable.js","sources":["../../../../../src/components/order-daily-overview/return-after-table/table/OrderTable.tsx"],"sourcesContent":["import { Empty, notification, Select } from 'antd';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\nimport { Skeleton } from 'antd';\n// import { useSelectedOrders } from '../../../store';\nimport { useOrderId, useReturnAfterOrderData } from '../../../order-view/store';\nimport { EmptyDataContainer } from '../../table/table-data/styles';\nimport PrinterIcon from '../../../../assets/icons/PrinterIcon';\nimport DownIcon from '../../../../assets/icons/DownIcon';\nimport {\n StyledTable,\n StyledTableWrapper,\n CustomDrop,\n} from '../../return-order-table/return-orders-filters/returnstyles';\nimport { useLoading, usePrintOptionTOggle } from '../../store/store';\nimport { NavLink } from 'react-router-dom';\nimport { displayValueOrNA, formatDate } from '../../shared/utlis';\nimport PrintDropDown from '../../shared/elements/PrintDropDown';\nimport {\n useAssignData,\n useAssignPayload,\n useCallApiAgain,\n useClientPortal,\n} from '../../../store';\nimport styled from 'styled-components';\nimport { useApiHook } from '@bjsdistribution/dms-component-library';\nimport { ApiResponse } from '../../common/interface';\nimport CaretDownFilledIcon from '../../../../common/CaretDownFilledIcon';\nimport SortIcon from '../../../../common/SortIcon';\nimport { VOLUME_UNIT } from '../../../../common/utils';\nimport { WEIGHT_UNIT, getAccountTypeLabel } from '../../../../common/utils';\n\nconst OrderTable = () => {\n // const [, setSelectedReturnOrder] = useSelectedOrders();\n // const [selectAll, setSelectAll] = useState(false);\n const dropdownRefParent = useRef<HTMLDivElement>(null);\n const dropdownRef = useRef<HTMLDivElement>(null);\n const [printToogle, setPrintToggle] = usePrintOptionTOggle();\n const [assignData] = useAssignData();\n const [, setOrderId] = useOrderId();\n const [returnAfterOrder] = useReturnAfterOrderData();\n const [assignPayload, setAssignPayload] = useAssignPayload();\n const [, setAssign] = useState<boolean>(false);\n const [, setCallAPi] = useCallApiAgain();\n const [loading] = useLoading();\n const [isClientPortal] = useClientPortal();\n\n //sorting\n const [sortConfig, setSortConfig] = useState<{\n key: string;\n direction: 'asc' \| 'desc';\n } \| null>(null);\n\n const handleSort = (key: string) => {\n setSortConfig((prev: any) => {\n if (prev?.key === key && prev.direction === 'asc') {\n return { key, direction: 'desc' };\n }\n return { key, direction: 'asc' };\n });\n };\n\n const sortedData = useMemo(() => {\n if (!returnAfterOrder \|\| !sortConfig) return returnAfterOrder;\n\n const { key, direction } = sortConfig;\n return [...returnAfterOrder].sort((a, b) => {\n const valueA = a[key];\n const valueB = b[key];\n\n if (typeof valueA === 'number' && typeof valueB === 'number') {\n return direction === 'asc' ? valueA - valueB : valueB - valueA;\n }\n if (typeof valueA === 'string' && typeof valueB === 'string') {\n return direction === 'asc'\n ? valueA.localeCompare(valueB)\n : valueB.localeCompare(valueA);\n }\n return 0;\n });\n }, [returnAfterOrder, sortConfig]);\n\n const renderSortIcon = (columnKey: string) => {\n if (!sortConfig \|\| sortConfig.key !== columnKey) {\n return <SortIcon />;\n }\n return sortConfig.direction === 'asc' ? (\n <CaretDownFilledIcon />\n ) : (\n <CaretDownFilledIcon />\n );\n };\n\n const OpenDropDown = (index: number) => {\n setPrintToggle(prevIndex => (prevIndex === index ? null : index));\n };\n\n // Close dropdown outside click\n useEffect(() => {\n document.addEventListener('mousedown', handleClickOutside);\n return () => {\n document.removeEventListener('mousedown', handleClickOutside);\n };\n }, []);\n const handleClickOutside = (event: MouseEvent) => {\n if (\n dropdownRef.current &&\n !dropdownRef.current.contains(event.target as Node)\n ) {\n setPrintToggle(null);\n }\n };\n\n // const handleSelectAll = (e: any) => {\n // setSelectAll(e.target.checked);\n // if (e.target.checked) {\n // setSelectedReturnOrder(\n // returnAfterOrder.map((e: any) => ({\n // id: e.id,\n // status_id: 3,\n // }))\n // );\n // } else {\n // setSelectedReturnOrder([]);\n // }\n // };\n\n // const handleSelectInvoice = (id: any) => {\n // setSelectedReturnOrder((prevSelectedInvoices: any) => {\n // const isSelected = prevSelectedInvoices?.some(\n // (item: any) => item.id === id\n // );\n\n // if (isSelected) {\n // return prevSelectedInvoices.filter((items: any) => items.id !== id);\n // } else {\n // return [...prevSelectedInvoices, { id, status_id: 3 }];\n // }\n // });\n // };\n\n const getStatusClass = (status: string) => {\n switch (status) {\n case 'Cancelled':\n return { color: '#E95252', background: 'rgba(233, 82, 82, 0.15)' };\n case 'On Hold':\n return { color: '#F4A503', background: '#FFF1D6' };\n case 'Sub-Contracted':\n return { color: '#F4A503', background: '#FFF1D6' };\n case 'Awaiting route':\n return { color: '#845ADF', background: 'rgba(132, 90, 223, 0.15)' };\n case 'Awaiting':\n return { color: '#845ADF', background: 'rgba(132, 90, 223, 0.15)' };\n case 'Completed':\n return {\n color: '#1F9254',\n background: 'rgba(41, 204, 106, 0.15)',\n };\n case 'Outstanding':\n return { color: '#FF9900', background: 'rgba(255, 153, 0, 0.15)' };\n case 'Routed':\n return { color: '#6396E5', background: 'rgba(99, 150, 229, 0.15)' };\n default:\n return { color: '#000', background: '#fff' };\n }\n };\n\n // API for Assign\n const {\n data: actionResponse,\n setShouldPerformAction: setAssignAction,\n error: apiError,\n } = useApiHook<{\n data: ApiResponse[];\n }>({\n endpoint: `return_orders/update/assign/`,\n method: 'PUT',\n body: [assignPayload],\n performAction: false,\n });\n\n //client options\n const assignOptions = assignData?.map((option: any) => ({\n label: option?.type?.charAt(0)?.toUpperCase() + option?.type?.slice(1),\n value: option?.bjs_delivery,\n }));\n\n const handleAssignPayload = (Id: number, value: boolean) => {\n setCallAPi(false);\n setAssign(value);\n setAssignPayload({\n ...assignPayload,\n return_order_id: Id,\n bjs_delivery: value,\n });\n setAssignAction(true);\n };\n\n useEffect(() => {\n //@ts-ignore\n if (actionResponse?.code === 200) {\n setCallAPi(true);\n notification.success({\n message: 'Success',\n // @ts-ignore\n description: `${actionResponse?.message}`,\n });\n // @ts-ignore\n } else if (apiError?.detail) {\n notification.error({\n message: 'Failure',\n // @ts-ignore\n description: `${apiError?.detail[0]?.msg}`,\n });\n }\n }, [actionResponse, apiError]);\n\n return (\n <>\n <StyledTableWrapper className=\"fortables\">\n <StyledTable>\n <thead>\n <tr>\n {/* <th className=\"emailInvoiceCheckbox\">\n <Checkbox checked={false} />\n </th> /}\n <th onClick={() => handleSort('created_at')}>\n <div className=\"sortIconClass\">\n Created {renderSortIcon('created_at')}\n </div>\n </th>\n <th onClick={() => handleSort('return_location_name')}>\n <div className=\"sortIconClass\">\n Return Location {renderSortIcon('return_location_name')}\n </div>\n </th>\n <th>Pick Up Location</th>\n <th> Client</th>\n <th onClick={() => handleSort('recipient_name')}>\n <div className=\"sortIconClass\">\n Recipient {renderSortIcon('recipient_name')}\n </div>\n </th>\n <th>Consignment</th>\n <th>Return Order No</th>\n <th> Total Parts</th>\n <th> Total Orders</th>\n <th onClick={() => handleSort('weight')}>\n <div className=\"sortIconClass\">\n Total Weight ({WEIGHT_UNIT}) {renderSortIcon('weight')}\n </div>\n </th>\n <th onClick={() => handleSort('cube')}>\n <div className=\"sortIconClass\">\n Total {VOLUME_UNIT} {renderSortIcon('cube')}\n </div>\n </th>\n <th>Assign</th>\n <th>Status</th>\n <th className=\"emailInvoiceShare\">Labels</th>\n </tr>\n </thead>\n <tbody>\n {loading ? (\n <tr>\n <td colSpan={16}>\n <Skeleton active />\n </td>\n <td colSpan={16}></td>\n </tr>\n ) : sortedData?.length === 0 ? (\n <tr>\n <td colSpan={16}>\n <EmptyDataContainer>\n <Empty />\n </EmptyDataContainer>\n </td>\n </tr>\n ) : (\n sortedData?.map((item: any, index: any) => {\n const statusMapping: any = {\n cancelled: 'Cancelled',\n 'on hold': 'On Hold',\n SC: 'Sub-Contracted',\n 'awaiting route': 'Awaiting',\n 'awaiting confirmation': 'Awaiting',\n complete: 'Completed',\n outstanding: 'Outstanding',\n routed: 'Routed',\n failed: 'Failed',\n };\n const status = statusMapping[item?.status_value] \|\| 'Unknown';\n const statusClass = getStatusClass(status);\n\n return (\n <tr key={item.id}>\n {/ <td>\n <Checkbox\n checked={false}\n // onChange={() => handleSelectInvoice(item.id)}\n />\n </td> /}\n <td>{formatDate(new Date(item?.created_at))}</td>\n <td>{displayValueOrNA(item?.return_location_name)}</td>\n\n <td>\n {item?.locations?.length\n ? item?.locations.join(', ')\n : 'N/A'}\n </td>\n\n <td>\n {displayValueOrNA(item?.customer_name)}\n {getAccountTypeLabel(item?.owner_id) && (\n <span> ({getAccountTypeLabel(item?.owner_id)})</span>\n )}\n </td>\n\n <td onClick={() => setOrderId(item.id)}>\n <ul style={{ listStyleType: 'none', padding: 0 }}>\n <li\n style={{\n color: '#0099ff',\n fontWeight: 600,\n paddingLeft: 0,\n }}\n >\n <NavLink to={`../${item.id}`}>\n {displayValueOrNA(item?.recipient_name)}\n </NavLink>\n </li>\n <li style={{ color: '#888075' }}>\n {displayValueOrNA(item?.postcode)}\n </li>\n </ul>\n </td>\n\n <td>{displayValueOrNA(item?.customer_name)}</td>\n\n <td>\n {displayValueOrNA(item?.consignment)}\n {!isClientPortal && Number(item?.failure_count) > 0 && (\n <span\n style={{\n color: 'inherit',\n fontWeight: 700,\n marginLeft: 2,\n }}\n title=\"Delivery Failure Count\"\n >\n - [{item?.failure_count}]\n </span>\n )}\n </td>\n <td>{displayValueOrNA(item?.order_number)}</td>\n\n <td>{displayValueOrNA(item?.total_products)}</td>\n <td>{displayValueOrNA(item?.total_orders)}</td>\n\n <td>\n {displayValueOrNA(item?.weight)}{' '}\n {item?.weight && item?.weight > 0 ? WEIGHT_UNIT : ''}\n </td>\n\n <td>{displayValueOrNA(item?.cube)}</td>\n\n <td key={item.id}>\n <StyledAntSelect\n options={assignOptions}\n placeholder=\"Select\"\n onChange={(value: any) =>\n handleAssignPayload(item?.id, value)\n }\n style={{ width: '150px' }}\n value={item?.bjs_delivery}\n />\n </td>\n\n <td>\n <ul\n className=\"statuscontainer\"\n style={{\n listStyleType: 'none',\n background: statusClass.background,\n }}\n >\n <li\n className=\"statustext\"\n style={{ color: statusClass.color }}\n >\n {status}\n </li>\n </ul>\n </td>\n <td>\n <ul className=\"actionbox\">\n <CustomDrop\n ref={dropdownRefParent}\n className={printToogle === index ? 'active' : ''}\n >\n <li\n className=\"shareIconContainer\"\n onClick={() => OpenDropDown(index)}\n >\n <PrinterIcon />\n <DownIcon />\n\n {printToogle === index && (\n <div ref={dropdownRef}>\n <PrintDropDown legacyProductId={item} />\n </div>\n )}\n </li>\n </CustomDrop>\n </ul>\n </td>\n </tr>\n );\n })\n )}\n </tbody>\n </StyledTable>\n </StyledTableWrapper>\n </>\n );\n};\n\nconst StyledAntSelect = styled(Select)`\n .ant-select-selector {\n / width: 22vw; */\n border-radius: 22px;\n }\n .ant-select-clear {\n top: 40% !important;\n font-size: 18px !important;\n }\n`;\n\nexport default OrderTable;\n"],"names":["OrderTable","dropdownRefParent","useRef","dropdownRef","printToogle","setPrintToggle","usePrintOptionTOggle","assignData","useAssignData","setOrderId","useOrderId","returnAfterOrder","useReturnAfterOrderData","assignPayload","setAssignPayload","useAssignPayload","setAssign","useState","setCallAPi","useCallApiAgain","loading","useLoading","isClientPortal","useClientPortal","sortConfig","setSortConfig","handleSort","key","prev","sortedData","useMemo","direction","a","b","valueA","valueB","renderSortIcon","columnKey","SortIcon","CaretDownFilledIcon","OpenDropDown","index","prevIndex","useEffect","handleClickOutside","event","getStatusClass","status","actionResponse","setAssignAction","apiError","useApiHook","assignOptions","option","handleAssignPayload","Id","value","notification","jsx","StyledTableWrapper","StyledTable","jsxs","WEIGHT_UNIT","VOLUME_UNIT","Skeleton","EmptyDataContainer","Empty","item","statusClass","formatDate","displayValueOrNA","getAccountTypeLabel","NavLink","StyledAntSelect","CustomDrop","PrinterIcon","DownIcon","PrintDropDown","styled","Select"],"mappings":"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"}
1	+ {"version":3,"file":"OrderTable.js","sources":["../../../../../src/components/order-daily-overview/return-after-table/table/OrderTable.tsx"],"sourcesContent":["import { Empty, notification, Select } from 'antd';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\nimport { Skeleton } from 'antd';\n// import { useSelectedOrders } from '../../../store';\nimport { useOrderId, useReturnAfterOrderData } from '../../../order-view/store';\nimport { EmptyDataContainer } from '../../table/table-data/styles';\nimport PrinterIcon from '../../../../assets/icons/PrinterIcon';\nimport DownIcon from '../../../../assets/icons/DownIcon';\nimport {\n StyledTable,\n StyledTableWrapper,\n CustomDrop,\n} from '../../return-order-table/return-orders-filters/returnstyles';\nimport { useLoading, usePrintOptionTOggle } from '../../store/store';\nimport { NavLink } from 'react-router-dom';\nimport { displayValueOrNA, formatDate } from '../../shared/utlis';\nimport PrintDropDown from '../../shared/elements/PrintDropDown';\nimport {\n useAssignData,\n useAssignPayload,\n useCallApiAgain,\n useClientPortal,\n} from '../../../store';\nimport styled from 'styled-components';\nimport { useApiHook } from '@bjsdistribution/dms-component-library';\nimport { ApiResponse } from '../../common/interface';\nimport CaretDownFilledIcon from '../../../../common/CaretDownFilledIcon';\nimport SortIcon from '../../../../common/SortIcon';\nimport { VOLUME_UNIT } from '../../../../common/utils';\nimport { WEIGHT_UNIT, getAccountTypeLabel } from '../../../../common/utils';\n\nconst OrderTable = () => {\n // const [, setSelectedReturnOrder] = useSelectedOrders();\n // const [selectAll, setSelectAll] = useState(false);\n const dropdownRefParent = useRef<HTMLDivElement>(null);\n const dropdownRef = useRef<HTMLDivElement>(null);\n const [printToogle, setPrintToggle] = usePrintOptionTOggle();\n const [assignData] = useAssignData();\n const [, setOrderId] = useOrderId();\n const [returnAfterOrder] = useReturnAfterOrderData();\n const [assignPayload, setAssignPayload] = useAssignPayload();\n const [, setAssign] = useState<boolean>(false);\n const [, setCallAPi] = useCallApiAgain();\n const [loading] = useLoading();\n const [isClientPortal] = useClientPortal();\n\n //sorting\n const [sortConfig, setSortConfig] = useState<{\n key: string;\n direction: 'asc' \| 'desc';\n } \| null>(null);\n\n const handleSort = (key: string) => {\n setSortConfig((prev: any) => {\n if (prev?.key === key && prev.direction === 'asc') {\n return { key, direction: 'desc' };\n }\n return { key, direction: 'asc' };\n });\n };\n\n const sortedData = useMemo(() => {\n if (!returnAfterOrder \|\| !sortConfig) return returnAfterOrder;\n\n const { key, direction } = sortConfig;\n return [...returnAfterOrder].sort((a, b) => {\n const valueA = a[key];\n const valueB = b[key];\n\n if (typeof valueA === 'number' && typeof valueB === 'number') {\n return direction === 'asc' ? valueA - valueB : valueB - valueA;\n }\n if (typeof valueA === 'string' && typeof valueB === 'string') {\n return direction === 'asc'\n ? valueA.localeCompare(valueB)\n : valueB.localeCompare(valueA);\n }\n return 0;\n });\n }, [returnAfterOrder, sortConfig]);\n\n const renderSortIcon = (columnKey: string) => {\n if (!sortConfig \|\| sortConfig.key !== columnKey) {\n return <SortIcon />;\n }\n return sortConfig.direction === 'asc' ? (\n <CaretDownFilledIcon />\n ) : (\n <CaretDownFilledIcon />\n );\n };\n\n const OpenDropDown = (index: number) => {\n setPrintToggle(prevIndex => (prevIndex === index ? null : index));\n };\n\n // Close dropdown outside click\n useEffect(() => {\n document.addEventListener('mousedown', handleClickOutside);\n return () => {\n document.removeEventListener('mousedown', handleClickOutside);\n };\n }, []);\n const handleClickOutside = (event: MouseEvent) => {\n if (\n dropdownRef.current &&\n !dropdownRef.current.contains(event.target as Node)\n ) {\n setPrintToggle(null);\n }\n };\n\n // const handleSelectAll = (e: any) => {\n // setSelectAll(e.target.checked);\n // if (e.target.checked) {\n // setSelectedReturnOrder(\n // returnAfterOrder.map((e: any) => ({\n // id: e.id,\n // status_id: 3,\n // }))\n // );\n // } else {\n // setSelectedReturnOrder([]);\n // }\n // };\n\n // const handleSelectInvoice = (id: any) => {\n // setSelectedReturnOrder((prevSelectedInvoices: any) => {\n // const isSelected = prevSelectedInvoices?.some(\n // (item: any) => item.id === id\n // );\n\n // if (isSelected) {\n // return prevSelectedInvoices.filter((items: any) => items.id !== id);\n // } else {\n // return [...prevSelectedInvoices, { id, status_id: 3 }];\n // }\n // });\n // };\n\n const getStatusClass = (status: string) => {\n switch (status) {\n case 'Cancelled':\n return { color: '#E95252', background: 'rgba(233, 82, 82, 0.15)' };\n case 'On Hold':\n return { color: '#F4A503', background: '#FFF1D6' };\n case 'Sub-Contracted':\n return { color: '#F4A503', background: '#FFF1D6' };\n case 'Awaiting route':\n return { color: '#845ADF', background: 'rgba(132, 90, 223, 0.15)' };\n case 'Awaiting':\n return { color: '#845ADF', background: 'rgba(132, 90, 223, 0.15)' };\n case 'Completed':\n return {\n color: '#1F9254',\n background: 'rgba(41, 204, 106, 0.15)',\n };\n case 'Outstanding':\n return { color: '#FF9900', background: 'rgba(255, 153, 0, 0.15)' };\n case 'Routed':\n return { color: '#6396E5', background: 'rgba(99, 150, 229, 0.15)' };\n default:\n return { color: '#000', background: '#fff' };\n }\n };\n\n // API for Assign\n const {\n data: actionResponse,\n setShouldPerformAction: setAssignAction,\n error: apiError,\n } = useApiHook<{\n data: ApiResponse[];\n }>({\n endpoint: `return_orders/update/assign/`,\n method: 'PUT',\n body: [assignPayload],\n performAction: false,\n });\n\n //client options\n const assignOptions = assignData?.map((option: any) => ({\n label: option?.type?.charAt(0)?.toUpperCase() + option?.type?.slice(1),\n value: option?.bjs_delivery,\n }));\n\n const handleAssignPayload = (Id: number, value: boolean) => {\n setCallAPi(false);\n setAssign(value);\n setAssignPayload({\n ...assignPayload,\n return_order_id: Id,\n bjs_delivery: value,\n });\n setAssignAction(true);\n };\n\n useEffect(() => {\n //@ts-ignore\n if (actionResponse?.code === 200) {\n setCallAPi(true);\n notification.success({\n message: 'Success',\n // @ts-ignore\n description: `${actionResponse?.message}`,\n });\n // @ts-ignore\n } else if (apiError?.detail) {\n notification.error({\n message: 'Failure',\n // @ts-ignore\n description: `${apiError?.detail[0]?.msg}`,\n });\n }\n }, [actionResponse, apiError]);\n\n return (\n <>\n <StyledTableWrapper className=\"fortables\">\n <StyledTable>\n <thead>\n <tr>\n {/* <th className=\"emailInvoiceCheckbox\">\n <Checkbox checked={false} />\n </th> /}\n <th onClick={() => handleSort('created_at')}>\n <div className=\"sortIconClass\">\n Created {renderSortIcon('created_at')}\n </div>\n </th>\n <th onClick={() => handleSort('return_location_name')}>\n <div className=\"sortIconClass\">\n Return Location {renderSortIcon('return_location_name')}\n </div>\n </th>\n <th>Pick Up Location</th>\n <th> Client</th>\n <th onClick={() => handleSort('recipient_name')}>\n <div className=\"sortIconClass\">\n Recipient {renderSortIcon('recipient_name')}\n </div>\n </th>\n <th>Consignment</th>\n <th>Return Order No</th>\n <th> Total Parts</th>\n <th> Total Orders</th>\n <th onClick={() => handleSort('weight')}>\n <div className=\"sortIconClass\">\n Total Weight ({WEIGHT_UNIT}) {renderSortIcon('weight')}\n </div>\n </th>\n <th onClick={() => handleSort('cube')}>\n <div className=\"sortIconClass\">\n Total {VOLUME_UNIT} {renderSortIcon('cube')}\n </div>\n </th>\n <th>Assign</th>\n <th>Status</th>\n <th className=\"emailInvoiceShare\">Labels</th>\n </tr>\n </thead>\n <tbody>\n {loading ? (\n <tr>\n <td colSpan={16}>\n <Skeleton active />\n </td>\n <td colSpan={16}></td>\n </tr>\n ) : sortedData?.length === 0 ? (\n <tr>\n <td colSpan={16}>\n <EmptyDataContainer>\n <Empty />\n </EmptyDataContainer>\n </td>\n </tr>\n ) : (\n sortedData?.map((item: any, index: any) => {\n const statusMapping: any = {\n cancelled: 'Cancelled',\n 'on hold': 'On Hold',\n SC: 'Sub-Contracted',\n 'awaiting route': 'Awaiting',\n 'awaiting confirmation': 'Awaiting',\n complete: 'Completed',\n outstanding: 'Outstanding',\n routed: 'Routed',\n failed: 'Failed',\n };\n const status = statusMapping[item?.status_value] \|\| 'Unknown';\n const statusClass = getStatusClass(status);\n\n return (\n <tr key={item.id}>\n {/ <td>\n <Checkbox\n checked={false}\n // onChange={() => handleSelectInvoice(item.id)}\n />\n </td> /}\n <td>{formatDate(new Date(item?.created_at))}</td>\n <td>{displayValueOrNA(item?.return_location_name)}</td>\n\n <td>\n {item?.locations?.length\n ? item?.locations.join(', ')\n : 'N/A'}\n </td>\n\n <td>\n {displayValueOrNA(item?.customer_name)}\n {getAccountTypeLabel(item?.owner_id) && (\n <span> ({getAccountTypeLabel(item?.owner_id)})</span>\n )}\n </td>\n\n <td onClick={() => setOrderId(item.id)}>\n <ul style={{ listStyleType: 'none', padding: 0 }}>\n <li\n style={{\n color: '#0099ff',\n fontWeight: 600,\n paddingLeft: 0,\n }}\n >\n <NavLink to={`../${item.id}`}>\n {displayValueOrNA(item?.recipient_name)}\n </NavLink>\n </li>\n <li style={{ color: '#888075' }}>\n {displayValueOrNA(item?.postcode)}\n </li>\n </ul>\n </td>\n\n <td>\n {displayValueOrNA(item?.consignment)}\n {!isClientPortal && Number(item?.failure_count) > 0 && (\n <span\n style={{\n color: 'inherit',\n fontWeight: 700,\n marginLeft: 2,\n }}\n title=\"Delivery Failure Count\"\n >\n - [{item?.failure_count}]\n </span>\n )}\n </td>\n <td>{displayValueOrNA(item?.order_number)}</td>\n\n <td>{displayValueOrNA(item?.total_products)}</td>\n <td>{displayValueOrNA(item?.total_orders)}</td>\n\n <td>\n {displayValueOrNA(item?.weight)}{' '}\n {item?.weight && item?.weight > 0 ? WEIGHT_UNIT : ''}\n </td>\n\n <td>{displayValueOrNA(item?.cube)}</td>\n\n <td key={item.id}>\n <StyledAntSelect\n options={assignOptions}\n placeholder=\"Select\"\n onChange={(value: any) =>\n handleAssignPayload(item?.id, value)\n }\n style={{ width: '150px' }}\n value={item?.bjs_delivery}\n />\n </td>\n\n <td>\n <ul\n className=\"statuscontainer\"\n style={{\n listStyleType: 'none',\n background: statusClass.background,\n }}\n >\n <li\n className=\"statustext\"\n style={{ color: statusClass.color }}\n >\n {status}\n </li>\n </ul>\n </td>\n <td>\n <ul className=\"actionbox\">\n <CustomDrop\n ref={dropdownRefParent}\n className={printToogle === index ? 'active' : ''}\n >\n <li\n className=\"shareIconContainer\"\n onClick={() => OpenDropDown(index)}\n >\n <PrinterIcon />\n <DownIcon />\n\n {printToogle === index && (\n <div ref={dropdownRef}>\n <PrintDropDown legacyProductId={item} />\n </div>\n )}\n </li>\n </CustomDrop>\n </ul>\n </td>\n </tr>\n );\n })\n )}\n </tbody>\n </StyledTable>\n </StyledTableWrapper>\n </>\n );\n};\n\nconst StyledAntSelect = styled(Select)`\n .ant-select-selector {\n / width: 22vw; */\n border-radius: 22px;\n }\n .ant-select-clear {\n top: 40% !important;\n font-size: 18px !important;\n }\n`;\n\nexport default OrderTable;\n"],"names":["OrderTable","dropdownRefParent","useRef","dropdownRef","printToogle","setPrintToggle","usePrintOptionTOggle","assignData","useAssignData","setOrderId","useOrderId","returnAfterOrder","useReturnAfterOrderData","assignPayload","setAssignPayload","useAssignPayload","setAssign","useState","setCallAPi","useCallApiAgain","loading","useLoading","isClientPortal","useClientPortal","sortConfig","setSortConfig","handleSort","key","prev","sortedData","useMemo","direction","a","b","valueA","valueB","renderSortIcon","columnKey","SortIcon","CaretDownFilledIcon","OpenDropDown","index","prevIndex","useEffect","handleClickOutside","event","getStatusClass","status","actionResponse","setAssignAction","apiError","useApiHook","assignOptions","option","handleAssignPayload","Id","value","notification","jsx","StyledTableWrapper","StyledTable","jsxs","WEIGHT_UNIT","VOLUME_UNIT","Skeleton","EmptyDataContainer","Empty","item","statusClass","formatDate","displayValueOrNA","getAccountTypeLabel","NavLink","StyledAntSelect","CustomDrop","PrinterIcon","DownIcon","PrintDropDown","styled","Select"],"mappings":"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"}

package/dist/components/order-daily-overview/return-order-table/return-orders-filters/returnstyles.js CHANGED Viewed

@@ -129,17 +129,43 @@ r.span`
   padding: 3px 12px;
   border-radius: 4px;
 `;
-const t = r.div`
+const d = r.div`
   display: flex;
   justify-content: center;
-`, i = r.table`
+`, i = r.div`
+  max-height: calc(100vh - 360px);
+  overflow-x: hidden;
+  width: 100%;
+  padding-top: 10px;
+  background: #fff;
+  &::-webkit-scrollbar {
+    width: 6px;
+    border-radius: 100px;
+    height: 6px;
+  }
+  &::-webkit-scrollbar-track {
+    background: #e2e0db;
+    border-radius: 100px;
+  }
+  &::-webkit-scrollbar-thumb {
+    background: #7b61ff;
+    border-radius: 100px;
+  }
+  &::-webkit-scrollbar-thumb:hover {
+    background: #5d3eff;
+  }
+`, a = r.table`
   border-spacing: 0 10px;
   width: 100%;
-  /* min-width: 1600px; */
+  table-layout: auto;
   thead {
-    white-space: nowrap;
     position: sticky;
-    top: 10px;
+    top: 0;
     z-index: 1;
     background: #fff;
     box-shadow: 0px 0px 1px #ffffff, 0px -10px 1px #ffffff;
@@ -150,33 +176,41 @@ const t = r.div`
       font-family: 'lato', sans-serif;
       .emailInvoiceCheckbox {
         padding-right: 0px;
-        width: 0;
+        width: 24px;
         > div {
           width: fit-content;
         }
       }
-      .custom-check {
-        position: absolute;
-      }
       .emailInvoiceNo {
         padding-left: 0px;
       }
       .emailInvoiceShare {
-        width: 100px;
+        width: 80px;
       }
       th {
         color: #3a3630;
-        font-size: 14px;
+        font-size: 12px;
         font-style: normal;
         font-weight: 600;
-        line-height: normal;
-        padding: 11px 15px;
+        line-height: 1.3;
+        padding: 8px 6px;
         background: #f0f2f2;
         border-right: none;
         border-left: none;
         text-align: left;
         border: 1px solid rgba(0, 0, 0, 0.08);
         border-width: 1px 0;
+        word-wrap: break-word;
+        overflow-wrap: break-word;
+        white-space: normal;
+        .ant-checkbox-wrapper,
+        .ant-checkbox,
+        input[type='checkbox'] {
+          transform: scale(0.8);
+          transform-origin: center center;
+        }
         &:first-child {
           border-radius: 100px 0 0 100px;
           border-left: 1px solid rgba(0, 0, 0, 0.08);
@@ -188,26 +222,38 @@ const t = r.div`
         .sortIconClass {
           cursor: pointer;
           display: flex;
+          align-items: center;
+          gap: 4px;
         }
       }
     }
   }
   tbody {
-    max-height: 400px;
-    overflow-y: auto;
     tr {
       td {
         color: #3a3630;
-        font-size: 13px;
+        font-size: 11px;
         font-style: normal;
         font-weight: 400;
-        line-height: normal;
-        padding: 12px 15px;
+        line-height: 1.3;
+        padding: 6px 6px;
         background: #fff;
         border: 1px solid rgba(0, 0, 0, 0.08);
         border-right: none;
         border-left: none;
         position: relative;
+        word-wrap: break-word;
+        overflow-wrap: break-word;
+        white-space: normal;
+        .custom-check,
+        .ant-checkbox-wrapper,
+        .ant-checkbox,
+        input[type='checkbox'] {
+          transform: scale(0.8);
+          transform-origin: center center;
+        }
         .disabled-wrapper {
           cursor: not-allowed !important;
           display: inline-block;
@@ -221,71 +267,61 @@ const t = r.div`
         }
         .shareIconContainer {
           display: flex;
-          padding: 2px 12px;
+          padding: 2px 8px;
           align-items: center;
-          gap: 8px;
+          gap: 4px;
           border-radius: 20px;
           border: 1px solid var(--tonal-brown-101, #e2e0db);
           background: #fff;
           list-style-type: none;
-          /* padding-left: 0; */
-          /* fontWeight: 600,
-          paddingLeft: 0, */
           cursor: pointer;
           position: relative;
         }
         .statusCancelled {
           color: #e95252;
-          /* background: rgba(233, 82, 82, 0.15); */
           padding: 4px 8px;
           border-radius: 4px;
         }
         .statusOnHold {
           color: #f4a503;
-          /* background: #fff1d6; */
           padding: 4px 8px;
           border-radius: 4px;
         }
         .statusSubContracted {
           color: #845adf;
-          /* background: rgba(132, 90, 223, 0.15); */
           padding: 4px 8px;
           border-radius: 4px;
         }
         .statusAwaiting {
           color: #845adf;
-          /* background: rgba(132, 90, 223, 0.15); */
           padding: 4px 8px;
           border-radius: 4px;
         }
         .statusCompleted {
           color: #1f9254;
-          /* background: rgba(41, 204, 106, 0.15); */
           padding: 4px 8px;
           border-radius: 4px;
         }
         .statusOutstanding {
           color: #f4a503;
-          /* background: #fff1d6; */
           padding: 4px 8px;
           border-radius: 4px;
         }
         .statusUnknown {
           color: #000;
-          /* background: #fff; */
           padding: 4px 8px;
           border-radius: 4px;
         }
         .statustext {
           color: #1f9254;
           font-family: 'Open Sans';
-          font-size: 12px;
+          font-size: 11px;
           font-style: normal;
           font-weight: 600;
           line-height: normal;
@@ -294,11 +330,9 @@ const t = r.div`
           display: flex;
           padding: 2px 12px;
           align-items: center;
           width: 28px;
           height: 28px;
           flex-direction: column;
           border-radius: 14px;
           border: 1px solid #e2e0db;
           background: #fff;
@@ -315,8 +349,8 @@ const t = r.div`
         }
         .awaiting {
           display: flex;
-          min-width: 85px;
-          padding: 6px 10px;
+          min-width: fit-content;
+          padding: 4px 6px;
           justify-content: center;
           align-items: center;
           gap: 5px;
@@ -324,12 +358,13 @@ const t = r.div`
           background: rgba(233, 82, 82, 0.15);
           color: #e95252;
           font-family: 'Open Sans';
-          font-size: 12px;
+          font-size: 11px;
           font-weight: 600;
         }
         ul > li > a {
           text-decoration: none !important;
           color: #0099ff;
+          word-break: break-all;
         }
       }
       &:nth-child(even) td {
@@ -462,45 +497,7 @@ const t = r.div`
       padding: 0;
     }
   }
-`, a = r.div`
-  max-height: 60vh;
-  overflow-x: auto;
-  // min-height: 50vh;
-  .fortables {
-    max-height: 60vh;
-    overflow-x: auto;
-    min-height: 50vh;
-  }
-  /* height: 600px; */
-  /* box-shadow: 0px 0px 30px 6px rgba(46, 45, 116, 0.05); */
-  &::-webkit-scrollbar {
-    width: 5px;
-    border-radius: 100px;
-    height: 5px;
-  }
-  &::-webkit-scrollbar-track {
-    background: #777;
-    border-radius: 100px;
-  }
-  &::-webkit-scrollbar-thumb {
-    background: #7b61ff;
-    border-radius: 100px;
-  }
-  &::-webkit-scrollbar-thumb:hover {
-    background: #7b61ff;
-  }
 `, n = r.div`
-  /* border-radius: 20px;
-  border: 1px solid #e2e0db;
-  background: #fff;
-  display: flex;
-  padding: 4px 8px;
-  gap: 8px;
-  align-items: center; */
   cursor: pointer;
   &.active .drop {
     transform: rotate(180deg);
@@ -508,8 +505,8 @@ const t = r.div`
 `;
 export {
   n as CustomDrop,
-  t as EmptyDataContainer,
-  i as StyledTable,
-  a as StyledTableWrapper
+  d as EmptyDataContainer,
+  a as StyledTable,
+  i as StyledTableWrapper
 };
 //# sourceMappingURL=returnstyles.js.map

package/dist/components/order-daily-overview/return-order-table/return-orders-filters/returnstyles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"returnstyles.js","sources":["../../../../../src/components/order-daily-overview/return-order-table/return-orders-filters/returnstyles.ts"],"sourcesContent":["import { Button } from '@bjsdistribution/dms-component-library';\nimport styled from 'styled-components';\n\nexport const IconContainers = styled.div`\n display: flex;\n gap: 5px;\n i {\n display: flex;\n width: 25px;\n height: 25px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 10px;\n flex-shrink: 0;\n border-radius: 15px;\n background: #edebe8;\n svg {\n }\n }\n`;\n\nexport const Div = styled.div`\n display: flex;\n justify-content: center;\n`;\n\nexport const ModalTitle = styled.span`\n font-size: 20px;\n font-weight: 900;\n line-height: 32px;\n margin: 5px;\n padding: 0;\n text-transform: uppercase;\n align-items: center;\n display: flex;\n justify-content: center;\n`;\n\nexport const Description = styled.span`\n color: #aea9a1;\n padding: 10px;\n`;\n\nexport const Container = styled.div`\n display: flex;\n align-items: center;\n justify-content: center;\n width: 75px;\n height: 75px;\n padding: 14px;\n border-radius: 50%;\n background: #eff2f5;\n border: 10px solid #b7d0f7;\n`;\n\nexport const ConfirmButton = styled(Button)``;\n\nexport const CancelButton = styled.button`\n cursor: pointer;\n font-size: 16px;\n opacity: 1;\n background: white;\n color: #3a3630;\n border: thin solid #3a3630;\n white-space: nowrap;\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 40px;\n padding: 8px 10px;\n border-radius: 6px;\n`;\n\nexport const SectionsContainer = styled.div`\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 10px;\n text-align: center;\n`;\n\nexport const MainContainer = styled.div`\n padding: 24px;\n border-radius: 12px;\n background: #ffffff;\n box-shadow: 0px 20px 24px -4px #10182814;\n width: 30%;\n max-width: 50%;\n margin: 0 auto;\n @media (max-width: 1024px) {\n max-width: 40%;\n }\n`;\n\nexport const ButtonContainer = styled.div`\n display: flex;\n flex-direction: row;\n gap: 10px;\n`;\n\n// export const StyledTable = styled.table`\n// border-spacing: 0 12px;\n// width: 100%;\n// thead {\n// tr {\n// border-radius: 40px;\n// border-spacing: 0 12px;\n// th {\n// color: #3a3630;\n// font-size: 14px;\n// font-style: normal;\n// font-weight: 600;\n// line-height: normal;\n// padding: 11px 15px;\n// background: #f0f2f2;\n// border-right: none;\n// border-left: none;\n// text-align: left;\n// border: 1px solid rgba(0, 0, 0, 0.08);\n// border-width: 1px 0;\n// &:first-child {\n// border-radius: 100px 0 0 100px;\n// border-left: 1px solid rgba(0, 0, 0, 0.08);\n// }\n// &:last-child {\n// border-radius: 0px 100px 100px 0;\n// border-right: 1px solid rgba(0, 0, 0, 0.08);\n// }\n// }\n// }\n// }\n// tbody {\n// tr {\n// td {\n// color: #3a3630;\n// font-size: 13px;\n// font-style: normal;\n// font-weight: 400;\n// line-height: normal;\n// padding: 12px 15px;\n// background: #fff;\n// border: 1px solid rgba(0, 0, 0, 0.08);\n// border-right: none;\n// border-left: none;\n\n// > svg {\n// transform: scale(1.5);\n// background-color: #edebe8;\n// border-radius: 20px;\n// padding: 5px;\n// }\n// }\n// td:first-child {\n// border-radius: 100px 0 0 100px;\n// border-left: 1px solid rgba(0, 0, 0, 0.08);\n// }\n// td:last-child {\n// border-radius: 0px 100px 100px 0;\n// border-right: 1px solid rgba(0, 0, 0, 0.08);\n// }\n// .flex {\n// display: flex;\n// flex-direction: row;\n// gap: 15px;\n// height: 29px;\n// align-items: center;\n\n// > svg {\n// transform: scale(1.5);\n// background-color: #edebe8;\n// border-radius: 20px;\n// }\n// }\n// }\n// }\n// `;\n\nexport const Header = styled.div`\n display: flex;\n justify-content: space-between;\n border-bottom: 1px solid #e3e3e3;\n`;\n\nexport const HeaderText = styled.div`\n color: #3a3630;\n font-size: 16px;\n font-weight: 500;\n text-transform: uppercase;\n padding: 10px;\n`;\n\nexport const Padding = styled.div`\n padding: 0px 10px 10px 10px;\n`;\n\nexport const HeaderCont = styled.div`\n display: flex;\n flex-direction: column;\n padding: 10px;\n`;\n\nexport const Main = styled.div`\n border: 1px solid #e3e3e3;\n background: #f8fafc;\n justify-content: space-between;\n align-items: center;\n border-radius: 15px 15px 0 0;\n margin-top: 15px;\n padding-top: 10px;\n`;\n\nexport const SendButton = styled(Button)`\n border-radius: 25px;\n &:disabled {\n background-color: #d3d3d3;\n cursor: not-allowed;\n }\n`;\n\nexport const TdWrapper = styled.span`\n background-color: rgba(153, 153, 153, 0.1);\n padding: 3px 12px;\n border-radius: 4px;\n`;\n\nexport const EmptyDataContainer = styled.div`\n display: flex;\n justify-content: center;\n`;\n\nexport const StyledTable = styled.table`\n border-spacing: 0 10px;\n width: 100%;\n /* min-width: 1600px; /\n thead {\n white-space: nowrap;\n position: sticky;\n top: 10px;\n z-index: 1;\n background: #fff;\n box-shadow: 0px 0px 1px #ffffff, 0px -10px 1px #ffffff;\n tr {\n border-radius: 40px;\n border-spacing: 0 10px;\n position: relative;\n font-family: 'lato', sans-serif;\n .emailInvoiceCheckbox {\n padding-right: 0px;\n width: 0;\n > div {\n width: fit-content;\n }\n }\n .custom-check {\n position: absolute;\n }\n .emailInvoiceNo {\n padding-left: 0px;\n }\n .emailInvoiceShare {\n width: 100px;\n }\n th {\n color: #3a3630;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n padding: 11px 15px;\n background: #f0f2f2;\n border-right: none;\n border-left: none;\n text-align: left;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-width: 1px 0;\n &:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n &:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n .sortIconClass {\n cursor: pointer;\n display: flex;\n }\n }\n }\n }\n tbody {\n max-height: 400px;\n overflow-y: auto;\n tr {\n td {\n color: #3a3630;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n padding: 12px 15px;\n background: #fff;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-right: none;\n border-left: none;\n position: relative;\n .disabled-wrapper {\n cursor: not-allowed !important;\n display: inline-block;\n {\n pointer-events: none !important;\n }\n }\n .actionbox {\n display: flex;\n gap: 5px;\n }\n .shareIconContainer {\n display: flex;\n padding: 2px 12px;\n align-items: center;\n gap: 8px;\n border-radius: 20px;\n border: 1px solid var(--tonal-brown-101, #e2e0db);\n background: #fff;\n list-style-type: none;\n /* padding-left: 0; /\n / fontWeight: 600,\n paddingLeft: 0, /\n cursor: pointer;\n position: relative;\n }\n .statusCancelled {\n color: #e95252;\n / background: rgba(233, 82, 82, 0.15); /\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusOnHold {\n color: #f4a503;\n / background: #fff1d6; /\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusSubContracted {\n color: #845adf;\n / background: rgba(132, 90, 223, 0.15); /\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusAwaiting {\n color: #845adf;\n / background: rgba(132, 90, 223, 0.15); /\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusCompleted {\n color: #1f9254;\n / background: rgba(41, 204, 106, 0.15); /\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusOutstanding {\n color: #f4a503;\n / background: #fff1d6; /\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusUnknown {\n color: #000;\n / background: #fff; /\n padding: 4px 8px;\n border-radius: 4px;\n }\n .statustext {\n color: #1f9254;\n font-family: 'Open Sans';\n font-size: 12px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n }\n .downloadcontainer {\n display: flex;\n padding: 2px 12px;\n align-items: center;\n\n width: 28px;\n height: 28px;\n flex-direction: column;\n\n border-radius: 14px;\n border: 1px solid #e2e0db;\n background: #fff;\n }\n .statuscontainer {\n display: flex;\n padding: 5px 30px 5px 30px;\n justify-content: center;\n align-items: center;\n gap: 5px;\n flex: 1 0 0;\n border-radius: 22px;\n background: rgba(41, 204, 106, 0.15);\n }\n .awaiting {\n display: flex;\n min-width: 85px;\n padding: 6px 10px;\n justify-content: center;\n align-items: center;\n gap: 5px;\n border-radius: 22px;\n background: rgba(233, 82, 82, 0.15);\n color: #e95252;\n font-family: 'Open Sans';\n font-size: 12px;\n font-weight: 600;\n }\n ul > li > a {\n text-decoration: none !important;\n color: #0099ff;\n }\n }\n &:nth-child(even) td {\n background: #f6fbff;\n }\n td:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n td:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n .flex {\n display: flex;\n flex-direction: row;\n gap: 5px;\n height: 29px;\n align-items: center;\n }\n\n &.insideTable {\n td {\n border-radius: 0;\n border: none;\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n table {\n border-spacing: 0;\n width: 100%;\n border-radius: 5px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n overflow: hidden;\n border-top-left-radius: 15px;\n border-top-right-radius: 15px;\n thead {\n tr {\n border-bottom: none;\n th {\n padding: 14px 20px;\n text-align: left;\n border-top: 0;\n border-right: 0;\n border-left: 0;\n background: #f8fafc;\n\n &:first-child {\n border-radius: 0;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n border-top-left-radius: 15px;\n }\n &:last-child {\n border-radius: 0;\n }\n }\n }\n }\n tbody {\n tr.product-row td {\n border-bottom: none;\n }\n\n tr.ni-row td {\n border-top: none;\n padding-top: 0;\n background: #fff;\n }\n\n tr.product-row td:first-child {\n border-bottom-left-radius: 0;\n }\n\n tr.product-row td:last-child {\n border-bottom-right-radius: 0;\n }\n\n tr.ni-row td:first-child {\n border-top-left-radius: 0;\n }\n\n tr.ni-row td:last-child {\n border-top-right-radius: 0;\n }\n\n tr.ni-row:nth-child(even) td {\n background: #fff;\n }\n tr {\n td {\n padding: 14px 20px;\n text-align: left;\n border-bottom: 1px solid rgba(58, 54, 48, 0.15);\n background: #fff;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n }\n }\n }\n }\n }\n }\n\n .actions {\n display: flex;\n align-items: center;\n gap: 20px;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n\n .close-icon {\n transform: scale(1.3);\n background-color: transparent;\n border-radius: 0;\n padding: 0;\n }\n }\n`;\n\n// Styled components\nexport const StyledTableWrapper = styled.div`\n max-height: 60vh;\n overflow-x: auto;\n // min-height: 50vh;\n\n .fortables {\n max-height: 60vh;\n overflow-x: auto;\n min-height: 50vh;\n }\n / height: 600px; /\n / box-shadow: 0px 0px 30px 6px rgba(46, 45, 116, 0.05); /\n &::-webkit-scrollbar {\n width: 5px;\n border-radius: 100px;\n height: 5px;\n }\n\n &::-webkit-scrollbar-track {\n background: #777;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb {\n background: #7b61ff;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb:hover {\n background: #7b61ff;\n }\n`;\n\nexport const CustomDrop = styled.div`\n / border-radius: 20px;\n border: 1px solid #e2e0db;\n background: #fff;\n display: flex;\n padding: 4px 8px;\n gap: 8px;\n align-items: center; */\n cursor: pointer;\n &.active .drop {\n transform: rotate(180deg);\n }\n`;\n"],"names":["styled","Button","EmptyDataContainer","StyledTable","StyledTableWrapper","CustomDrop"],"mappings":";;AAG8BA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBlBA,EAAO;AAAA;AAAA;AAAA;AAKAA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYNA,EAAO;AAAA;AAAA;AAAA;AAKTA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYHA,EAAOC,CAAM;AAEdD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBFA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQXA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaLA,EAAO;AAAA;AAAA;AAAA;AAAA;AAmFhBA,EAAO;AAAA;AAAA;AAAA;AAAA;AAMHA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQVA,EAAO;AAAA;AAAA;AAIJA,EAAO;AAAA;AAAA;AAAA;AAAA;AAMbA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUDA,EAAOC,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQdD,EAAO;AAAA;AAAA;AAAA;AAAA;AAMzB,MAAME,IAAqBF,EAAO;AAAA;AAAA;AAAA,GAK5BG,IAAcH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA6UrBI,IAAqBJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAiC5BK,IAAaL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
1	+ {"version":3,"file":"returnstyles.js","sources":["../../../../../src/components/order-daily-overview/return-order-table/return-orders-filters/returnstyles.ts"],"sourcesContent":["import { Button } from '@bjsdistribution/dms-component-library';\nimport styled from 'styled-components';\n\nexport const IconContainers = styled.div`\n display: flex;\n gap: 5px;\n i {\n display: flex;\n width: 25px;\n height: 25px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 10px;\n flex-shrink: 0;\n border-radius: 15px;\n background: #edebe8;\n svg {\n }\n }\n`;\n\nexport const Div = styled.div`\n display: flex;\n justify-content: center;\n`;\n\nexport const ModalTitle = styled.span`\n font-size: 20px;\n font-weight: 900;\n line-height: 32px;\n margin: 5px;\n padding: 0;\n text-transform: uppercase;\n align-items: center;\n display: flex;\n justify-content: center;\n`;\n\nexport const Description = styled.span`\n color: #aea9a1;\n padding: 10px;\n`;\n\nexport const Container = styled.div`\n display: flex;\n align-items: center;\n justify-content: center;\n width: 75px;\n height: 75px;\n padding: 14px;\n border-radius: 50%;\n background: #eff2f5;\n border: 10px solid #b7d0f7;\n`;\n\nexport const ConfirmButton = styled(Button)``;\n\nexport const CancelButton = styled.button`\n cursor: pointer;\n font-size: 16px;\n opacity: 1;\n background: white;\n color: #3a3630;\n border: thin solid #3a3630;\n white-space: nowrap;\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 40px;\n padding: 8px 10px;\n border-radius: 6px;\n`;\n\nexport const SectionsContainer = styled.div`\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 10px;\n text-align: center;\n`;\n\nexport const MainContainer = styled.div`\n padding: 24px;\n border-radius: 12px;\n background: #ffffff;\n box-shadow: 0px 20px 24px -4px #10182814;\n width: 30%;\n max-width: 50%;\n margin: 0 auto;\n @media (max-width: 1024px) {\n max-width: 40%;\n }\n`;\n\nexport const ButtonContainer = styled.div`\n display: flex;\n flex-direction: row;\n gap: 10px;\n`;\n\nexport const Header = styled.div`\n display: flex;\n justify-content: space-between;\n border-bottom: 1px solid #e3e3e3;\n`;\n\nexport const HeaderText = styled.div`\n color: #3a3630;\n font-size: 16px;\n font-weight: 500;\n text-transform: uppercase;\n padding: 10px;\n`;\n\nexport const Padding = styled.div`\n padding: 0px 10px 10px 10px;\n`;\n\nexport const HeaderCont = styled.div`\n display: flex;\n flex-direction: column;\n padding: 10px;\n`;\n\nexport const Main = styled.div`\n border: 1px solid #e3e3e3;\n background: #f8fafc;\n justify-content: space-between;\n align-items: center;\n border-radius: 15px 15px 0 0;\n margin-top: 15px;\n padding-top: 10px;\n`;\n\nexport const SendButton = styled(Button)`\n border-radius: 25px;\n &:disabled {\n background-color: #d3d3d3;\n cursor: not-allowed;\n }\n`;\n\nexport const TdWrapper = styled.span`\n background-color: rgba(153, 153, 153, 0.1);\n padding: 3px 12px;\n border-radius: 4px;\n`;\n\nexport const EmptyDataContainer = styled.div`\n display: flex;\n justify-content: center;\n`;\n\nexport const StyledTableWrapper = styled.div`\n max-height: calc(100vh - 360px);\n overflow-x: hidden;\n width: 100%;\n padding-top: 10px;\n background: #fff;\n\n &::-webkit-scrollbar {\n width: 6px;\n border-radius: 100px;\n height: 6px;\n }\n\n &::-webkit-scrollbar-track {\n background: #e2e0db;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb {\n background: #7b61ff;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb:hover {\n background: #5d3eff;\n }\n`;\n\nexport const StyledTable = styled.table`\n border-spacing: 0 10px;\n width: 100%;\n table-layout: auto;\n\n thead {\n position: sticky;\n top: 0;\n z-index: 1;\n background: #fff;\n box-shadow: 0px 0px 1px #ffffff, 0px -10px 1px #ffffff;\n tr {\n border-radius: 40px;\n border-spacing: 0 10px;\n position: relative;\n font-family: 'lato', sans-serif;\n .emailInvoiceCheckbox {\n padding-right: 0px;\n width: 24px;\n > div {\n width: fit-content;\n }\n }\n .emailInvoiceNo {\n padding-left: 0px;\n }\n .emailInvoiceShare {\n width: 80px;\n }\n th {\n color: #3a3630;\n font-size: 12px;\n font-style: normal;\n font-weight: 600;\n line-height: 1.3;\n padding: 8px 6px;\n background: #f0f2f2;\n border-right: none;\n border-left: none;\n text-align: left;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-width: 1px 0;\n word-wrap: break-word;\n overflow-wrap: break-word;\n white-space: normal;\n\n .ant-checkbox-wrapper,\n .ant-checkbox,\n input[type='checkbox'] {\n transform: scale(0.8);\n transform-origin: center center;\n }\n\n &:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n &:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n .sortIconClass {\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: 4px;\n }\n }\n }\n }\n tbody {\n tr {\n td {\n color: #3a3630;\n font-size: 11px;\n font-style: normal;\n font-weight: 400;\n line-height: 1.3;\n padding: 6px 6px;\n background: #fff;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-right: none;\n border-left: none;\n position: relative;\n word-wrap: break-word;\n overflow-wrap: break-word;\n white-space: normal;\n\n .custom-check,\n .ant-checkbox-wrapper,\n .ant-checkbox,\n input[type='checkbox'] {\n transform: scale(0.8);\n transform-origin: center center;\n }\n\n .disabled-wrapper {\n cursor: not-allowed !important;\n display: inline-block;\n * {\n pointer-events: none !important;\n }\n }\n .actionbox {\n display: flex;\n gap: 5px;\n }\n .shareIconContainer {\n display: flex;\n padding: 2px 8px;\n align-items: center;\n gap: 4px;\n border-radius: 20px;\n border: 1px solid var(--tonal-brown-101, #e2e0db);\n background: #fff;\n list-style-type: none;\n cursor: pointer;\n position: relative;\n }\n .statusCancelled {\n color: #e95252;\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusOnHold {\n color: #f4a503;\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusSubContracted {\n color: #845adf;\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusAwaiting {\n color: #845adf;\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusCompleted {\n color: #1f9254;\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusOutstanding {\n color: #f4a503;\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusUnknown {\n color: #000;\n padding: 4px 8px;\n border-radius: 4px;\n }\n .statustext {\n color: #1f9254;\n font-family: 'Open Sans';\n font-size: 11px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n }\n .downloadcontainer {\n display: flex;\n padding: 2px 12px;\n align-items: center;\n width: 28px;\n height: 28px;\n flex-direction: column;\n border-radius: 14px;\n border: 1px solid #e2e0db;\n background: #fff;\n }\n .statuscontainer {\n display: flex;\n padding: 5px 30px 5px 30px;\n justify-content: center;\n align-items: center;\n gap: 5px;\n flex: 1 0 0;\n border-radius: 22px;\n background: rgba(41, 204, 106, 0.15);\n }\n .awaiting {\n display: flex;\n min-width: fit-content;\n padding: 4px 6px;\n justify-content: center;\n align-items: center;\n gap: 5px;\n border-radius: 22px;\n background: rgba(233, 82, 82, 0.15);\n color: #e95252;\n font-family: 'Open Sans';\n font-size: 11px;\n font-weight: 600;\n }\n ul > li > a {\n text-decoration: none !important;\n color: #0099ff;\n word-break: break-all;\n }\n }\n &:nth-child(even) td {\n background: #f6fbff;\n }\n td:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n td:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n .flex {\n display: flex;\n flex-direction: row;\n gap: 5px;\n height: 29px;\n align-items: center;\n }\n\n &.insideTable {\n td {\n border-radius: 0;\n border: none;\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n table {\n border-spacing: 0;\n width: 100%;\n border-radius: 5px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n overflow: hidden;\n border-top-left-radius: 15px;\n border-top-right-radius: 15px;\n thead {\n tr {\n border-bottom: none;\n th {\n padding: 14px 20px;\n text-align: left;\n border-top: 0;\n border-right: 0;\n border-left: 0;\n background: #f8fafc;\n\n &:first-child {\n border-radius: 0;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n border-top-left-radius: 15px;\n }\n &:last-child {\n border-radius: 0;\n }\n }\n }\n }\n tbody {\n tr.product-row td {\n border-bottom: none;\n }\n\n tr.ni-row td {\n border-top: none;\n padding-top: 0;\n background: #fff;\n }\n\n tr.product-row td:first-child {\n border-bottom-left-radius: 0;\n }\n\n tr.product-row td:last-child {\n border-bottom-right-radius: 0;\n }\n\n tr.ni-row td:first-child {\n border-top-left-radius: 0;\n }\n\n tr.ni-row td:last-child {\n border-top-right-radius: 0;\n }\n\n tr.ni-row:nth-child(even) td {\n background: #fff;\n }\n tr {\n td {\n padding: 14px 20px;\n text-align: left;\n border-bottom: 1px solid rgba(58, 54, 48, 0.15);\n background: #fff;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n }\n }\n }\n }\n }\n }\n\n .actions {\n display: flex;\n align-items: center;\n gap: 20px;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n\n .close-icon {\n transform: scale(1.3);\n background-color: transparent;\n border-radius: 0;\n padding: 0;\n }\n }\n`;\n\nexport const CustomDrop = styled.div`\n cursor: pointer;\n &.active .drop {\n transform: rotate(180deg);\n }\n`;\n"],"names":["styled","Button","EmptyDataContainer","StyledTableWrapper","StyledTable","CustomDrop"],"mappings":";;AAG8BA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBlBA,EAAO;AAAA;AAAA;AAAA;AAKAA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYNA,EAAO;AAAA;AAAA;AAAA;AAKTA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYHA,EAAOC,CAAM;AAEdD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBFA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQXA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaLA,EAAO;AAAA;AAAA;AAAA;AAAA;AAMhBA,EAAO;AAAA;AAAA;AAAA;AAAA;AAMHA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQVA,EAAO;AAAA;AAAA;AAIJA,EAAO;AAAA;AAAA;AAAA;AAAA;AAMbA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUDA,EAAOC,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQdD,EAAO;AAAA;AAAA;AAAA;AAAA;AAMzB,MAAME,IAAqBF,EAAO;AAAA;AAAA;AAAA,GAK5BG,IAAqBH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA4B5BI,IAAcJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAqVrBK,IAAaL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-daily-overview/store/store.js CHANGED Viewed

@@ -1,25 +1,25 @@
-import { atom as e, useAtom as t } from "jotai";
-e([]);
-e(!1);
-const o = e(null), m = () => t(o);
-e(!1);
-e("tablegrid");
-e([]);
-const s = e(!1), d = () => t(s), a = e(!1), f = () => t(a), r = e(null);
-function p() {
-  return t(r);
+import { atom as t, useAtom as e } from "jotai";
+t([]);
+t(!1);
+const a = t(null), v = () => e(a);
+t(!1);
+t("tablegrid");
+t([]);
+const o = t(!1), p = () => e(o), s = t(!1), O = () => e(s), r = t(null);
+function D() {
+  return e(r);
 }
-const u = e(null);
-function v() {
-  return t(u);
+const i = t(null);
+function I() {
+  return e(i);
 }
-const c = e(null);
-function O() {
-  return t(c);
+const u = t(null);
+function S() {
+  return e(u);
 }
-e(null);
-e(null);
-const n = e({
+t(null);
+t(null);
+const n = {
   firstPage: 1,
   lastPage: 1,
   next_page: 1,
@@ -27,20 +27,20 @@ const n = e({
   previous_page: 1,
   total: 0,
   totalPages: 0
-}), I = () => t(n), i = e(50), S = () => t(i), D = () => t(n), l = e(50), L = () => t(l), w = () => t(n), g = e(50), A = () => t(g);
-e([]);
+}, c = t({ ...n }), w = () => e(c), l = t(50), L = () => e(l), g = t({ ...n }), R = () => e(g), P = t(50), A = () => e(P), m = t({ ...n }), U = () => e(m), d = t(50), x = () => e(d);
+t([]);
 export {
-  I as UsePaginationData,
-  w as UsePaginationOverviewData,
-  D as UsePaginationReturnData,
-  A as useItemsPerOverviewPage,
-  S as useItemsPerPage,
-  L as useItemsPerReturnPage,
-  f as useLoading,
-  m as usePrintOptionTOggle,
-  p as useSelectedAction,
-  O as useSelectedClient,
-  v as useSelectedLocation,
-  d as useStatsLoading
+  w as UsePaginationData,
+  U as UsePaginationOverviewData,
+  R as UsePaginationReturnData,
+  x as useItemsPerOverviewPage,
+  L as useItemsPerPage,
+  A as useItemsPerReturnPage,
+  O as useLoading,
+  v as usePrintOptionTOggle,
+  D as useSelectedAction,
+  S as useSelectedClient,
+  I as useSelectedLocation,
+  p as useStatsLoading
 };
 //# sourceMappingURL=store.js.map

package/dist/components/order-daily-overview/store/store.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"store.js","sources":["../../../../src/components/order-daily-overview/store/store.ts"],"sourcesContent":["import { atom, useAtom } from 'jotai';\n\nimport { PaginationData, TableColumn, TableRowType } from '../shared/interface';\n\nimport { ModalType } from '../shared/types';\nexport const visibleColumnsAtom = atom<string[]>([]);\nconst toggleColumnMenuAtom = atom<boolean>(false);\nexport const useToggleColumn = () => {\n return useAtom(toggleColumnMenuAtom);\n};\n\nexport const initialVisibleColumns = (tableData: TableColumn[]) => {\n return tableData.map(column => column.key);\n};\n\n// Dropdown\nconst PrintOptionTOggle = atom<number \| null>(null);\nexport const usePrintOptionTOggle = () => {\n return useAtom(PrintOptionTOggle);\n};\n\nconst menuDropDown = atom<boolean>(false);\nexport const useMenuDropDown = () => {\n return useAtom(menuDropDown);\n};\n\n//route page\nconst modalTypeAtom = atom<ModalType>('tablegrid');\n\nexport function useModalType() {\n return useAtom(modalTypeAtom);\n}\n// Overview Table\nconst atomRoutesTable = atom<TableRowType[]>([]);\nexport const useRoutesTable = () => {\n return useAtom(atomRoutesTable);\n};\n//this\nconst loading = atom<boolean>(false);\nexport const useStatsLoading = () => {\n return useAtom(loading);\n};\n\n//order return page\nconst loadingState = atom<boolean>(false);\nexport const useLoading = () => {\n return useAtom(loadingState);\n};\n\nconst selectedAction = atom<string \| null>(null);\nexport function useSelectedAction() {\n return useAtom(selectedAction);\n}\n\nconst selectedLocation = atom<any[] \| null>(null);\nexport function useSelectedLocation() {\n return useAtom(selectedLocation);\n}\n\nconst selectedClient = atom<number \| null>(null);\nexport function useSelectedClient() {\n return useAtom(selectedClient);\n}\n\nconst clientTableId = atom<number \| null>(null);\nexport function useIdForTableName() {\n return useAtom(clientTableId);\n}\n\nconst clientTableName = atom<string \| null>(null);\nexport function useTableName() {\n return useAtom(clientTableName);\n}\n\n// Paginations\n\nconst ~~atomPaginationData~~ = ~~atom<PaginationData>(~~{\n firstPage: 1,\n lastPage: 1,\n next_page: 1,\n page: 0,\n previous_page: 1,\n total: 0,\n totalPages: 0,\n});\n//client filter\nexport const UsePaginationData = () => {\n return useAtom(atomPaginationData);\n};\n\nconst atomItemsPerPage = atom<number>(50);\nexport const useItemsPerPage = () => {\n return useAtom(atomItemsPerPage);\n};\n\n//return after order\nexport const UsePaginationReturnData = () => {\n return useAtom(~~atomPaginationData~~);\n};\n\nconst atomItemsPerReturnPage = atom<number>(50);\nexport const useItemsPerReturnPage = () => {\n return useAtom(atomItemsPerReturnPage);\n};\n\n//stats data overview\nexport const UsePaginationOverviewData = () => {\n return useAtom(~~atomPaginationData~~);\n};\n\nconst atomItemsPerOverviewPage = atom<number>(50);\nexport const useItemsPerOverviewPage = () => {\n return useAtom(atomItemsPerOverviewPage);\n};\n\nconst countStatus = atom<any>([]);\nexport const useCountData = () => {\n return useAtom(countStatus);\n};\n"],"names":["atom","PrintOptionTOggle","usePrintOptionTOggle","useAtom","loading","useStatsLoading","loadingState","useLoading","selectedAction","useSelectedAction","selectedLocation","useSelectedLocation","selectedClient","useSelectedClient","atomPaginationData","UsePaginationData","atomItemsPerPage","useItemsPerPage","UsePaginationReturnData","atomItemsPerReturnPage","useItemsPerReturnPage","UsePaginationOverviewData","atomItemsPerOverviewPage","useItemsPerOverviewPage"],"mappings":";AAKkCA,EAAe,CAAA,CAAE;AACtBA,EAAc,EAAK;AAUhD,MAAMC,IAAoBD,EAAoB,IAAI,GACrCE,IAAuB,MAC3BC,EAAQF,CAAiB;AAGbD,EAAc,EAAK;AAMlBA,EAAgB,WAAW;AAMzBA,EAAqB,CAAA,CAAE;AAK/C,MAAMI,IAAUJ,EAAc,EAAK,GACtBK,IAAkB,MACtBF,EAAQC,CAAO,GAIlBE,IAAeN,EAAc,EAAK,GAC3BO,IAAa,MACjBJ,EAAQG,CAAY,GAGvBE,IAAiBR,EAAoB,IAAI;AACxC,SAASS,IAAoB;AAClC,SAAON,EAAQK,CAAc;AAC/B;AAEA,MAAME,IAAmBV,EAAmB,IAAI;AACzC,SAASW,IAAsB;AACpC,SAAOR,EAAQO,CAAgB;AACjC;AAEA,MAAME,IAAiBZ,EAAoB,IAAI;AACxC,SAASa,IAAoB;AAClC,SAAOV,EAAQS,CAAc;AAC/B;AAEsBZ,EAAoB,IAAI;AAKtBA,EAAoB,IAAI;AAOhD,MAAMc,~~IAAqBd,EAAqB~~;AAAA,~~EAC9C~~,WAAW;AAAA,EACX,UAAU;AAAA,EACV,WAAW;AAAA,EACX,MAAM;AAAA,EACN,eAAe;AAAA,EACf,OAAO;AAAA,EACP,YAAY;AACd,~~CAAC~~,~~GAEYe~~,IAAoB,~~MACxBZ~~,~~EAAQW~~,CAAkB,GAG7BE,~~IAAmBhB~~,EAAa,EAAE,~~GAC3BiB~~,IAAkB,~~MACtBd~~,~~EAAQa~~,CAAgB,~~GAIpBE~~,IAA0B,~~MAC9Bf~~,~~EAAQW~~,~~CAAkB~~,~~GAG7BK~~,~~IAAyBnB~~,EAAa,EAAE,~~GACjCoB~~,IAAwB,~~MAC5BjB~~,~~EAAQgB~~,CAAsB,~~GAI1BE~~,IAA4B,~~MAChClB~~,~~EAAQW~~,~~CAAkB~~,~~GAG7BQ~~,~~IAA2BtB~~,EAAa,EAAE,~~GACnCuB~~,IAA0B,~~MAC9BpB~~,~~EAAQmB~~,CAAwB;~~AAGrBtB~~,EAAU,CAAA,CAAE;"}
1	+ {"version":3,"file":"store.js","sources":["../../../../src/components/order-daily-overview/store/store.ts"],"sourcesContent":["import { atom, useAtom } from 'jotai';\n\nimport { PaginationData, TableColumn, TableRowType } from '../shared/interface';\n\nimport { ModalType } from '../shared/types';\nexport const visibleColumnsAtom = atom<string[]>([]);\nconst toggleColumnMenuAtom = atom<boolean>(false);\nexport const useToggleColumn = () => {\n return useAtom(toggleColumnMenuAtom);\n};\n\nexport const initialVisibleColumns = (tableData: TableColumn[]) => {\n return tableData.map(column => column.key);\n};\n\n// Dropdown\nconst PrintOptionTOggle = atom<number \| null>(null);\nexport const usePrintOptionTOggle = () => {\n return useAtom(PrintOptionTOggle);\n};\n\nconst menuDropDown = atom<boolean>(false);\nexport const useMenuDropDown = () => {\n return useAtom(menuDropDown);\n};\n\n//route page\nconst modalTypeAtom = atom<ModalType>('tablegrid');\n\nexport function useModalType() {\n return useAtom(modalTypeAtom);\n}\n// Overview Table\nconst atomRoutesTable = atom<TableRowType[]>([]);\nexport const useRoutesTable = () => {\n return useAtom(atomRoutesTable);\n};\n//this\nconst loading = atom<boolean>(false);\nexport const useStatsLoading = () => {\n return useAtom(loading);\n};\n\n//order return page\nconst loadingState = atom<boolean>(false);\nexport const useLoading = () => {\n return useAtom(loadingState);\n};\n\nconst selectedAction = atom<string \| null>(null);\nexport function useSelectedAction() {\n return useAtom(selectedAction);\n}\n\nconst selectedLocation = atom<any[] \| null>(null);\nexport function useSelectedLocation() {\n return useAtom(selectedLocation);\n}\n\nconst selectedClient = atom<number \| null>(null);\nexport function useSelectedClient() {\n return useAtom(selectedClient);\n}\n\nconst clientTableId = atom<number \| null>(null);\nexport function useIdForTableName() {\n return useAtom(clientTableId);\n}\n\nconst clientTableName = atom<string \| null>(null);\nexport function useTableName() {\n return useAtom(clientTableName);\n}\n\n// Paginations\n\nconst initialPaginationData: PaginationData = {\n firstPage: 1,\n lastPage: 1,\n next_page: 1,\n page: 0,\n previous_page: 1,\n total: 0,\n totalPages: 0,\n};\n\nconst atomPaginationData = atom<PaginationData>({ ...initialPaginationData });\n//client filter\nexport const UsePaginationData = () => {\n return useAtom(atomPaginationData);\n};\n\nconst atomItemsPerPage = atom<number>(50);\nexport const useItemsPerPage = () => {\n return useAtom(atomItemsPerPage);\n};\n\nconst atomPaginationReturnData = atom<PaginationData>({ ...initialPaginationData });\n//return after order\nexport const UsePaginationReturnData = () => {\n return useAtom(atomPaginationReturnData);\n};\n\nconst atomItemsPerReturnPage = atom<number>(50);\nexport const useItemsPerReturnPage = () => {\n return useAtom(atomItemsPerReturnPage);\n};\n\nconst atomPaginationOverviewData = atom<PaginationData>({ ...initialPaginationData });\n//stats data overview\nexport const UsePaginationOverviewData = () => {\n return useAtom(atomPaginationOverviewData);\n};\n\nconst atomItemsPerOverviewPage = atom<number>(50);\nexport const useItemsPerOverviewPage = () => {\n return useAtom(atomItemsPerOverviewPage);\n};\n\nconst countStatus = atom<any>([]);\nexport const useCountData = () => {\n return useAtom(countStatus);\n};\n"],"names":["atom","PrintOptionTOggle","usePrintOptionTOggle","useAtom","loading","useStatsLoading","loadingState","useLoading","selectedAction","useSelectedAction","selectedLocation","useSelectedLocation","selectedClient","useSelectedClient","initialPaginationData","atomPaginationData","UsePaginationData","atomItemsPerPage","useItemsPerPage","atomPaginationReturnData","UsePaginationReturnData","atomItemsPerReturnPage","useItemsPerReturnPage","atomPaginationOverviewData","UsePaginationOverviewData","atomItemsPerOverviewPage","useItemsPerOverviewPage"],"mappings":";AAKkCA,EAAe,CAAA,CAAE;AACtBA,EAAc,EAAK;AAUhD,MAAMC,IAAoBD,EAAoB,IAAI,GACrCE,IAAuB,MAC3BC,EAAQF,CAAiB;AAGbD,EAAc,EAAK;AAMlBA,EAAgB,WAAW;AAMzBA,EAAqB,CAAA,CAAE;AAK/C,MAAMI,IAAUJ,EAAc,EAAK,GACtBK,IAAkB,MACtBF,EAAQC,CAAO,GAIlBE,IAAeN,EAAc,EAAK,GAC3BO,IAAa,MACjBJ,EAAQG,CAAY,GAGvBE,IAAiBR,EAAoB,IAAI;AACxC,SAASS,IAAoB;AAClC,SAAON,EAAQK,CAAc;AAC/B;AAEA,MAAME,IAAmBV,EAAmB,IAAI;AACzC,SAASW,IAAsB;AACpC,SAAOR,EAAQO,CAAgB;AACjC;AAEA,MAAME,IAAiBZ,EAAoB,IAAI;AACxC,SAASa,IAAoB;AAClC,SAAOV,EAAQS,CAAc;AAC/B;AAEsBZ,EAAoB,IAAI;AAKtBA,EAAoB,IAAI;AAOhD,MAAMc,IAAwC;AAAA,EAC5C,WAAW;AAAA,EACX,UAAU;AAAA,EACV,WAAW;AAAA,EACX,MAAM;AAAA,EACN,eAAe;AAAA,EACf,OAAO;AAAA,EACP,YAAY;AACd,GAEMC,IAAqBf,EAAqB,EAAE,GAAGc,GAAuB,GAE/DE,IAAoB,MACxBb,EAAQY,CAAkB,GAG7BE,IAAmBjB,EAAa,EAAE,GAC3BkB,IAAkB,MACtBf,EAAQc,CAAgB,GAG3BE,IAA2BnB,EAAqB,EAAE,GAAGc,GAAuB,GAErEM,IAA0B,MAC9BjB,EAAQgB,CAAwB,GAGnCE,IAAyBrB,EAAa,EAAE,GACjCsB,IAAwB,MAC5BnB,EAAQkB,CAAsB,GAGjCE,IAA6BvB,EAAqB,EAAE,GAAGc,GAAuB,GAEvEU,IAA4B,MAChCrB,EAAQoB,CAA0B,GAGrCE,IAA2BzB,EAAa,EAAE,GACnC0B,IAA0B,MAC9BvB,EAAQsB,CAAwB;AAGrBzB,EAAU,CAAA,CAAE;"}