@homefile/components-v2 2.23.11 → 2.23.12
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.
- package/dist/components/folderPanel/displayFiles/GridFile.js +1 -1
- package/dist/components/folderPanel/displayFiles/ListFile.js +1 -1
- package/dist/mocks/folderPanel/DisplayFiles.mock.js +19 -0
- package/package.json +1 -1
- package/src/components/folderPanel/displayFiles/GridFile.tsx +1 -1
- package/src/components/folderPanel/displayFiles/ListFile.tsx +1 -1
- package/src/mocks/folderPanel/DisplayFiles.mock.ts +19 -0
|
@@ -24,5 +24,5 @@ export const GridFile = (_a) => {
|
|
|
24
24
|
updatedAt,
|
|
25
25
|
icon: fileTypes[fileExtension] || DocIcon,
|
|
26
26
|
};
|
|
27
|
-
return (_jsxs(WrapItem, { maxW: "7rem", position: "relative", children: [_jsx(Box, { position: "absolute", top: "0", right: "1", zIndex: "docked", children: _jsx(IconMenuWithMove, { disabled: menu.length < 1 ? true : false, icon: _jsx(MoreHorizontal, { size: 28 }), itemForm: itemForm, menuItems: menu, onMove: () => onMove(itemForm) }) }), _jsx(Button, { variant: "folder", px: "base", pb: "base", pt: "6", onClick: () => onClick(props), children: _jsxs(Stack, { spacing: "1", align: "center", children: [_jsx(Image, { src: (report && report.length > 0) ? DocIcon : fileTypes[fileExtension] || DocIcon, w: "46px", h: "49px", alt: fileExtension, transition: "all 0.2s ease-in-out" }), _jsxs(Box, { children: [_jsx(Text, { isTruncated: true, maxWidth: "5rem", fontSize: "sm", children: title }), _jsx(Text, { variant: "date", children: updatedAt })] })] }) })] }));
|
|
27
|
+
return (_jsxs(WrapItem, { maxW: "7rem", position: "relative", children: [_jsx(Box, { position: "absolute", top: "0", right: "1", zIndex: "docked", children: _jsx(IconMenuWithMove, { disabled: menu.length < 1 ? true : false, icon: _jsx(MoreHorizontal, { size: 28 }), itemForm: itemForm, menuItems: menu, onMove: () => onMove(itemForm) }) }), _jsx(Button, { variant: "folder", px: "base", pb: "base", pt: "6", onClick: () => onClick(props), children: _jsxs(Stack, { spacing: "1", align: "center", children: [_jsx(Image, { src: (report && report.length > 0 && !receipt) ? DocIcon : fileTypes[fileExtension] || DocIcon, w: "46px", h: "49px", alt: fileExtension, transition: "all 0.2s ease-in-out" }), _jsxs(Box, { children: [_jsx(Text, { isTruncated: true, maxWidth: "5rem", fontSize: "sm", children: title }), _jsx(Text, { variant: "date", children: updatedAt })] })] }) })] }));
|
|
28
28
|
};
|
|
@@ -24,5 +24,5 @@ export const ListFile = (_a) => {
|
|
|
24
24
|
updatedAt,
|
|
25
25
|
icon: fileTypes[fileExtension] || DocIcon,
|
|
26
26
|
};
|
|
27
|
-
return (_jsx(Box, { bg: "neutral.white", w: "100%", transition: "all 0.2s ease-in-out", _hover: { bg: 'lightGreen.1' }, children: _jsxs(Flex, { children: [_jsxs(Flex, { gap: "base", p: "base", as: "button", flex: "1", onClick: () => onClick(props), children: [_jsx(Image, { src: (report && report.length > 0) ? DocIcon : fileTypes[fileExtension] || DocIcon, minW: "32px", h: "auto", alt: fileExtension, transition: "all 0.2s ease-in-out" }), _jsxs(Box, { mt: "-1", children: [_jsx(Text, { variant: "date", textTransform: "uppercase", textAlign: "left", children: fileExtension === '' ? 'Doc' : fileExtension }), _jsx(Text, { textOverflow: "ellipsis", noOfLines: 1, fontSize: "sm", textAlign: "left", children: title })] })] }), _jsxs(Flex, { align: "center", gap: "2", h: "fit-content", p: "1", pr: "base", children: [_jsx(Text, { variant: "date", w: "fit-content", children: updatedAt }), _jsx(IconMenuWithMove, { disabled: menu.length < 1 ? true : false, icon: _jsx(MoreHorizontal, { size: 28 }), itemForm: itemForm, menuItems: menu, onMove: () => onMove(itemForm) })] })] }) }));
|
|
27
|
+
return (_jsx(Box, { bg: "neutral.white", w: "100%", transition: "all 0.2s ease-in-out", _hover: { bg: 'lightGreen.1' }, children: _jsxs(Flex, { children: [_jsxs(Flex, { gap: "base", p: "base", as: "button", flex: "1", onClick: () => onClick(props), children: [_jsx(Image, { src: (report && report.length > 0 && !receipt) ? DocIcon : fileTypes[fileExtension] || DocIcon, minW: "32px", h: "auto", alt: fileExtension, transition: "all 0.2s ease-in-out" }), _jsxs(Box, { mt: "-1", children: [_jsx(Text, { variant: "date", textTransform: "uppercase", textAlign: "left", children: fileExtension === '' ? 'Doc' : fileExtension }), _jsx(Text, { textOverflow: "ellipsis", noOfLines: 1, fontSize: "sm", textAlign: "left", children: title })] })] }), _jsxs(Flex, { align: "center", gap: "2", h: "fit-content", p: "1", pr: "base", children: [_jsx(Text, { variant: "date", w: "fit-content", children: updatedAt }), _jsx(IconMenuWithMove, { disabled: menu.length < 1 ? true : false, icon: _jsx(MoreHorizontal, { size: 28 }), itemForm: itemForm, menuItems: menu, onMove: () => onMove(itemForm) })] })] }) }));
|
|
28
28
|
};
|
|
@@ -34,6 +34,25 @@ export const DisplayFilesMock = [
|
|
|
34
34
|
// }
|
|
35
35
|
// ]
|
|
36
36
|
},
|
|
37
|
+
{
|
|
38
|
+
description: "",
|
|
39
|
+
files: [],
|
|
40
|
+
receipt: "67e4223068ad365a5fdcfd83",
|
|
41
|
+
report: [{
|
|
42
|
+
comments: "",
|
|
43
|
+
description: "",
|
|
44
|
+
id: "774d6dd6-fd68-418a-97de-afe33b994349",
|
|
45
|
+
name: "Brand/Manufacturer",
|
|
46
|
+
type: "string",
|
|
47
|
+
value: "1 PAULINA SING 3CA3E PAULINA P2FD KITCHEN FAUCET BLK"
|
|
48
|
+
}],
|
|
49
|
+
room: "67900d966051bc06e4007707",
|
|
50
|
+
title: "1 PAULINA SING 3CA3E PAULINA P2FD KITCHEN FAUCET BLK",
|
|
51
|
+
type: "6347bc119d9b327c383a6d01",
|
|
52
|
+
updatedAt: "2025-06-20T15:41:39.212Z",
|
|
53
|
+
user: "62cefa1292d0bad2cc740c86",
|
|
54
|
+
_id: "67e424b968ad365a5fdcfd86"
|
|
55
|
+
}
|
|
37
56
|
// {
|
|
38
57
|
// _id: '2',
|
|
39
58
|
// imageUrl: faker.image.urlPicsumPhotos(),
|
package/package.json
CHANGED
|
@@ -41,7 +41,7 @@ export const GridFile = ({
|
|
|
41
41
|
>
|
|
42
42
|
<Stack spacing="1" align="center">
|
|
43
43
|
<Image
|
|
44
|
-
src={(report && report.length > 0) ? DocIcon : fileTypes[fileExtension] || DocIcon}
|
|
44
|
+
src={(report && report.length > 0 && !receipt) ? DocIcon : fileTypes[fileExtension] || DocIcon}
|
|
45
45
|
w="46px"
|
|
46
46
|
h="49px"
|
|
47
47
|
alt={fileExtension}
|
|
@@ -37,7 +37,7 @@ export const ListFile = ({
|
|
|
37
37
|
onClick={() => onClick(props)}
|
|
38
38
|
>
|
|
39
39
|
<Image
|
|
40
|
-
src={(report && report.length > 0) ? DocIcon : fileTypes[fileExtension] || DocIcon}
|
|
40
|
+
src={(report && report.length > 0 && !receipt) ? DocIcon : fileTypes[fileExtension] || DocIcon}
|
|
41
41
|
minW="32px"
|
|
42
42
|
h="auto"
|
|
43
43
|
alt={fileExtension}
|
|
@@ -36,6 +36,25 @@ export const DisplayFilesMock: FileInfoI[] = [
|
|
|
36
36
|
// }
|
|
37
37
|
// ]
|
|
38
38
|
},
|
|
39
|
+
{
|
|
40
|
+
description: "",
|
|
41
|
+
files: [],
|
|
42
|
+
receipt: "67e4223068ad365a5fdcfd83",
|
|
43
|
+
report: [{
|
|
44
|
+
comments: "",
|
|
45
|
+
description: "",
|
|
46
|
+
id: "774d6dd6-fd68-418a-97de-afe33b994349",
|
|
47
|
+
name:"Brand/Manufacturer",
|
|
48
|
+
type: "string",
|
|
49
|
+
value: "1 PAULINA SING 3CA3E PAULINA P2FD KITCHEN FAUCET BLK"
|
|
50
|
+
}],
|
|
51
|
+
room: "67900d966051bc06e4007707",
|
|
52
|
+
title: "1 PAULINA SING 3CA3E PAULINA P2FD KITCHEN FAUCET BLK",
|
|
53
|
+
type: "6347bc119d9b327c383a6d01",
|
|
54
|
+
updatedAt: "2025-06-20T15:41:39.212Z",
|
|
55
|
+
user: "62cefa1292d0bad2cc740c86",
|
|
56
|
+
_id: "67e424b968ad365a5fdcfd86"
|
|
57
|
+
}
|
|
39
58
|
// {
|
|
40
59
|
// _id: '2',
|
|
41
60
|
// imageUrl: faker.image.urlPicsumPhotos(),
|