bananas-commerce-admin 0.19.6 → 0.19.7
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/esm/extensions/catalog/components/ArticleCard.js +2 -0
- package/dist/esm/extensions/catalog/components/ArticleCard.js.map +1 -1
- package/dist/esm/extensions/catalog/pages/article/detail.js +51 -1
- package/dist/esm/extensions/catalog/pages/article/detail.js.map +1 -1
- package/dist/types/extensions/catalog/types/article.d.ts +7 -0
- package/package.json +1 -1
- package/src/extensions/catalog/components/ArticleCard.tsx +2 -0
- package/src/extensions/catalog/pages/article/detail.tsx +78 -0
- package/src/extensions/catalog/types/article.ts +8 -0
|
@@ -22,6 +22,7 @@ export const ArticleCard = ({ article, create, onCreated, onUpdated, }) => {
|
|
|
22
22
|
const { t } = useI18n();
|
|
23
23
|
const { user } = useUser();
|
|
24
24
|
article ??= {
|
|
25
|
+
id: 0,
|
|
25
26
|
name: "",
|
|
26
27
|
variant: "",
|
|
27
28
|
item_type: "",
|
|
@@ -31,6 +32,7 @@ export const ArticleCard = ({ article, create, onCreated, onUpdated, }) => {
|
|
|
31
32
|
gtin: "",
|
|
32
33
|
tax_code: "",
|
|
33
34
|
is_active: true,
|
|
35
|
+
variants: [],
|
|
34
36
|
};
|
|
35
37
|
const handleSave = useCallback(async (values) => {
|
|
36
38
|
if (create != null) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ArticleCard.js","sourceRoot":"","sources":["../../../../../src/extensions/catalog/components/ArticleCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,OAAO,UAAU,MAAM,4BAA4B,CAAC;AACpD,OAAO,eAAe,MAAM,iCAAiC,CAAC;AAE9D,OAAO,IAAI,MAAM,0BAA0B,CAAC;AAC5C,OAAO,WAAW,MAAM,sCAAsC,CAAC;AAC/D,OAAO,gBAAgB,MAAM,2CAA2C,CAAC;AACzE,OAAO,WAAW,MAAM,sCAAsC,CAAC;AAC/D,OAAO,iBAAiB,MAAM,4CAA4C,CAAC;AAC3E,OAAO,aAAa,MAAM,wCAAwC,CAAC;AACnE,OAAO,UAAU,MAAM,qCAAqC,CAAC;AAC7D,OAAO,OAAO,MAAM,kCAAkC,CAAC;AACvD,OAAO,cAAc,MAAM,yCAAyC,CAAC;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAgB/C,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EACtD,OAAO,EACP,MAAM,EACN,SAAS,EACT,SAAS,GACV,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,GAAG,GAAG,MAAM,EAAE,CAAC;IACrB,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE,CAAC;IACxB,MAAM,EAAE,IAAI,EAAE,GAAG,OAAO,EAAE,CAAC;IAE3B,OAAO,KAAK;QACV,IAAI,EAAE,EAAE;QACR,OAAO,EAAE,EAAE;QACX,SAAS,EAAE,EAAE;QACb,IAAI,EAAE,EAAE;QACR,YAAY,EAAE,EAAE;QAChB,cAAc,EAAE,EAAE;QAClB,IAAI,EAAE,EAAE;QACR,QAAQ,EAAE,EAAE;QACZ,SAAS,EAAE,IAAI;
|
|
1
|
+
{"version":3,"file":"ArticleCard.js","sourceRoot":"","sources":["../../../../../src/extensions/catalog/components/ArticleCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,20 +1,31 @@
|
|
|
1
1
|
import React, { useState } from "react";
|
|
2
2
|
import CategoryOutlinedIcon from "@mui/icons-material/CategoryOutlined";
|
|
3
|
+
import { TableBody, TableRow } from "@mui/material";
|
|
3
4
|
import Typography from "@mui/material/Typography";
|
|
5
|
+
import Card from "../../../../components/Card";
|
|
6
|
+
import CardContent from "../../../../components/Card/CardContent";
|
|
7
|
+
import CardHeader from "../../../../components/Card/CardHeader";
|
|
4
8
|
import { ContribInlines } from "../../../../components/ContribInlines";
|
|
5
9
|
import { Header } from "../../../../components/Header";
|
|
6
10
|
import { Page } from "../../../../components/Page";
|
|
7
11
|
import { Tab } from "../../../../components/Tab";
|
|
12
|
+
import Table from "../../../../components/Table";
|
|
13
|
+
import { TableCell } from "../../../../components/Table/TableCell";
|
|
8
14
|
import { TabPanel } from "../../../../components/TabPanel";
|
|
9
15
|
import { TabPanels } from "../../../../components/TabPanels";
|
|
10
16
|
import { Tabs } from "../../../../components/Tabs";
|
|
11
17
|
import { TitleBar } from "../../../../components/TitleBar";
|
|
12
18
|
import Content, { LeftColumn, RightColumn } from "../../../../containers/Content";
|
|
19
|
+
import { useI18n } from "../../../../contexts/I18nContext";
|
|
20
|
+
import { useRouter } from "../../../../contexts/RouterContext";
|
|
13
21
|
import { ArticleCard } from "../../components/ArticleCard";
|
|
14
22
|
import { MeasurementsCard } from "../../components/MeasurementsCard";
|
|
15
23
|
import { PHYSICAL_ITEM_TYPES } from "../../utils";
|
|
16
24
|
const ArticleDetailPage = ({ data }) => {
|
|
17
25
|
const [article, setArticle] = useState(data);
|
|
26
|
+
const { t } = useI18n();
|
|
27
|
+
const { navigate } = useRouter();
|
|
28
|
+
const hasOtherVariants = article.variants.some((variant) => variant.id !== article.id);
|
|
18
29
|
return (React.createElement(Page, null,
|
|
19
30
|
React.createElement(Header, { variant: "opaque" },
|
|
20
31
|
React.createElement(TitleBar, { title: React.createElement(React.Fragment, null,
|
|
@@ -28,7 +39,46 @@ const ArticleDetailPage = ({ data }) => {
|
|
|
28
39
|
React.createElement(LeftColumn, null,
|
|
29
40
|
React.createElement(ArticleCard, { article: article, onUpdated: setArticle }),
|
|
30
41
|
React.createElement(ContribInlines, { contribParams: { code: data.code }, data: data })),
|
|
31
|
-
React.createElement(RightColumn, null,
|
|
42
|
+
React.createElement(RightColumn, null,
|
|
43
|
+
PHYSICAL_ITEM_TYPES.includes(article.item_type) && (React.createElement(MeasurementsCard, { measurements: article.measurements, setMeasurements: (measurements) => setArticle((previous) => ({ ...previous, measurements })) })),
|
|
44
|
+
hasOtherVariants && (React.createElement(Card, null,
|
|
45
|
+
React.createElement(CardHeader, { title: t("Variants") }),
|
|
46
|
+
React.createElement(CardContent, { sx: {
|
|
47
|
+
p: 0,
|
|
48
|
+
"&:last-child": { pb: 0 },
|
|
49
|
+
} },
|
|
50
|
+
React.createElement(Table, { count: article.variants.length, tableContainerProps: {
|
|
51
|
+
sx: (theme) => ({
|
|
52
|
+
borderTop: `1px solid ${theme.palette.divider}`,
|
|
53
|
+
px: 0,
|
|
54
|
+
}),
|
|
55
|
+
} },
|
|
56
|
+
React.createElement(TableBody, { sx: {
|
|
57
|
+
"& .MuiTableRow-root:first-of-type .MuiTableCell-root": (theme) => ({
|
|
58
|
+
borderTop: `1px solid ${theme.palette.divider}`,
|
|
59
|
+
}),
|
|
60
|
+
"& .MuiTableRow-root:last-of-type .MuiTableCell-root": {
|
|
61
|
+
borderBottom: "none",
|
|
62
|
+
},
|
|
63
|
+
} }, article.variants.map((variant) => {
|
|
64
|
+
const isCurrent = variant.id === article.id;
|
|
65
|
+
return (React.createElement(TableRow, { key: variant.id, hover: true, selected: isCurrent, sx: (theme) => ({
|
|
66
|
+
cursor: "pointer",
|
|
67
|
+
...(isCurrent
|
|
68
|
+
? {
|
|
69
|
+
backgroundColor: theme.palette.action.hover,
|
|
70
|
+
"& .MuiTableCell-root": {
|
|
71
|
+
fontWeight: 600,
|
|
72
|
+
},
|
|
73
|
+
}
|
|
74
|
+
: undefined),
|
|
75
|
+
}), onClick: () => navigate("catalog.article:detail", { params: { id: variant.id } }) },
|
|
76
|
+
React.createElement(TableCell, null, variant.variant),
|
|
77
|
+
React.createElement(TableCell, { typographyProps: {
|
|
78
|
+
variant: "caption",
|
|
79
|
+
color: "text.secondary",
|
|
80
|
+
} }, variant.code)));
|
|
81
|
+
}))))))))))));
|
|
32
82
|
};
|
|
33
83
|
export default ArticleDetailPage;
|
|
34
84
|
//# sourceMappingURL=detail.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"detail.js","sourceRoot":"","sources":["../../../../../../src/extensions/catalog/pages/article/detail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,oBAAoB,MAAM,sCAAsC,CAAC;AACxE,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAElD,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AACvE,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,4BAA4B,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,OAAO,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;
|
|
1
|
+
{"version":3,"file":"detail.js","sourceRoot":"","sources":["../../../../../../src/extensions/catalog/pages/article/detail.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,7 +15,13 @@ export interface Measurements {
|
|
|
15
15
|
dimensions?: Dimensions;
|
|
16
16
|
weight?: number;
|
|
17
17
|
}
|
|
18
|
+
export interface ArticleVariant {
|
|
19
|
+
id: number;
|
|
20
|
+
code: string;
|
|
21
|
+
variant: string;
|
|
22
|
+
}
|
|
18
23
|
export interface ArticleDetail {
|
|
24
|
+
id: number;
|
|
19
25
|
name: string;
|
|
20
26
|
variant: string;
|
|
21
27
|
item_type: string;
|
|
@@ -26,6 +32,7 @@ export interface ArticleDetail {
|
|
|
26
32
|
tax_code: string;
|
|
27
33
|
is_active: boolean;
|
|
28
34
|
measurements?: Measurements;
|
|
35
|
+
variants: ArticleVariant[];
|
|
29
36
|
}
|
|
30
37
|
export interface ArticleCreated {
|
|
31
38
|
id: number;
|
package/package.json
CHANGED
|
@@ -46,6 +46,7 @@ export const ArticleCard: React.FC<ArticleCardProps> = ({
|
|
|
46
46
|
const { user } = useUser();
|
|
47
47
|
|
|
48
48
|
article ??= {
|
|
49
|
+
id: 0,
|
|
49
50
|
name: "",
|
|
50
51
|
variant: "",
|
|
51
52
|
item_type: "",
|
|
@@ -55,6 +56,7 @@ export const ArticleCard: React.FC<ArticleCardProps> = ({
|
|
|
55
56
|
gtin: "",
|
|
56
57
|
tax_code: "",
|
|
57
58
|
is_active: true,
|
|
59
|
+
variants: [],
|
|
58
60
|
};
|
|
59
61
|
|
|
60
62
|
const handleSave = useCallback(
|
|
@@ -1,17 +1,25 @@
|
|
|
1
1
|
import React, { useState } from "react";
|
|
2
2
|
|
|
3
3
|
import CategoryOutlinedIcon from "@mui/icons-material/CategoryOutlined";
|
|
4
|
+
import { TableBody, TableRow } from "@mui/material";
|
|
4
5
|
import Typography from "@mui/material/Typography";
|
|
5
6
|
|
|
7
|
+
import Card from "../../../../components/Card";
|
|
8
|
+
import CardContent from "../../../../components/Card/CardContent";
|
|
9
|
+
import CardHeader from "../../../../components/Card/CardHeader";
|
|
6
10
|
import { ContribInlines } from "../../../../components/ContribInlines";
|
|
7
11
|
import { Header } from "../../../../components/Header";
|
|
8
12
|
import { Page } from "../../../../components/Page";
|
|
9
13
|
import { Tab } from "../../../../components/Tab";
|
|
14
|
+
import Table from "../../../../components/Table";
|
|
15
|
+
import { TableCell } from "../../../../components/Table/TableCell";
|
|
10
16
|
import { TabPanel } from "../../../../components/TabPanel";
|
|
11
17
|
import { TabPanels } from "../../../../components/TabPanels";
|
|
12
18
|
import { Tabs } from "../../../../components/Tabs";
|
|
13
19
|
import { TitleBar } from "../../../../components/TitleBar";
|
|
14
20
|
import Content, { LeftColumn, RightColumn } from "../../../../containers/Content";
|
|
21
|
+
import { useI18n } from "../../../../contexts/I18nContext";
|
|
22
|
+
import { useRouter } from "../../../../contexts/RouterContext";
|
|
15
23
|
import { PageComponent } from "../../../../types";
|
|
16
24
|
import { ArticleCard } from "../../components/ArticleCard";
|
|
17
25
|
import { MeasurementsCard } from "../../components/MeasurementsCard";
|
|
@@ -20,6 +28,9 @@ import { PHYSICAL_ITEM_TYPES } from "../../utils";
|
|
|
20
28
|
|
|
21
29
|
const ArticleDetailPage: PageComponent<ArticleDetail> = ({ data }) => {
|
|
22
30
|
const [article, setArticle] = useState(data);
|
|
31
|
+
const { t } = useI18n();
|
|
32
|
+
const { navigate } = useRouter();
|
|
33
|
+
const hasOtherVariants = article.variants.some((variant) => variant.id !== article.id);
|
|
23
34
|
|
|
24
35
|
return (
|
|
25
36
|
<Page>
|
|
@@ -56,6 +67,73 @@ const ArticleDetailPage: PageComponent<ArticleDetail> = ({ data }) => {
|
|
|
56
67
|
}
|
|
57
68
|
/>
|
|
58
69
|
)}
|
|
70
|
+
{hasOtherVariants && (
|
|
71
|
+
<Card>
|
|
72
|
+
<CardHeader title={t("Variants")} />
|
|
73
|
+
<CardContent
|
|
74
|
+
sx={{
|
|
75
|
+
p: 0,
|
|
76
|
+
"&:last-child": { pb: 0 },
|
|
77
|
+
}}
|
|
78
|
+
>
|
|
79
|
+
<Table
|
|
80
|
+
count={article.variants.length}
|
|
81
|
+
tableContainerProps={{
|
|
82
|
+
sx: (theme) => ({
|
|
83
|
+
borderTop: `1px solid ${theme.palette.divider}`,
|
|
84
|
+
px: 0,
|
|
85
|
+
}),
|
|
86
|
+
}}
|
|
87
|
+
>
|
|
88
|
+
<TableBody
|
|
89
|
+
sx={{
|
|
90
|
+
"& .MuiTableRow-root:first-of-type .MuiTableCell-root": (theme) => ({
|
|
91
|
+
borderTop: `1px solid ${theme.palette.divider}`,
|
|
92
|
+
}),
|
|
93
|
+
"& .MuiTableRow-root:last-of-type .MuiTableCell-root": {
|
|
94
|
+
borderBottom: "none",
|
|
95
|
+
},
|
|
96
|
+
}}
|
|
97
|
+
>
|
|
98
|
+
{article.variants.map((variant) => {
|
|
99
|
+
const isCurrent = variant.id === article.id;
|
|
100
|
+
return (
|
|
101
|
+
<TableRow
|
|
102
|
+
key={variant.id}
|
|
103
|
+
hover
|
|
104
|
+
selected={isCurrent}
|
|
105
|
+
sx={(theme) => ({
|
|
106
|
+
cursor: "pointer",
|
|
107
|
+
...(isCurrent
|
|
108
|
+
? {
|
|
109
|
+
backgroundColor: theme.palette.action.hover,
|
|
110
|
+
"& .MuiTableCell-root": {
|
|
111
|
+
fontWeight: 600,
|
|
112
|
+
},
|
|
113
|
+
}
|
|
114
|
+
: undefined),
|
|
115
|
+
})}
|
|
116
|
+
onClick={() =>
|
|
117
|
+
navigate("catalog.article:detail", { params: { id: variant.id } })
|
|
118
|
+
}
|
|
119
|
+
>
|
|
120
|
+
<TableCell>{variant.variant}</TableCell>
|
|
121
|
+
<TableCell
|
|
122
|
+
typographyProps={{
|
|
123
|
+
variant: "caption",
|
|
124
|
+
color: "text.secondary",
|
|
125
|
+
}}
|
|
126
|
+
>
|
|
127
|
+
{variant.code}
|
|
128
|
+
</TableCell>
|
|
129
|
+
</TableRow>
|
|
130
|
+
);
|
|
131
|
+
})}
|
|
132
|
+
</TableBody>
|
|
133
|
+
</Table>
|
|
134
|
+
</CardContent>
|
|
135
|
+
</Card>
|
|
136
|
+
)}
|
|
59
137
|
</RightColumn>
|
|
60
138
|
</Content>
|
|
61
139
|
</TabPanel>
|
|
@@ -18,7 +18,14 @@ export interface Measurements {
|
|
|
18
18
|
weight?: number;
|
|
19
19
|
}
|
|
20
20
|
|
|
21
|
+
export interface ArticleVariant {
|
|
22
|
+
id: number;
|
|
23
|
+
code: string;
|
|
24
|
+
variant: string;
|
|
25
|
+
}
|
|
26
|
+
|
|
21
27
|
export interface ArticleDetail {
|
|
28
|
+
id: number;
|
|
22
29
|
name: string;
|
|
23
30
|
variant: string;
|
|
24
31
|
item_type: string;
|
|
@@ -29,6 +36,7 @@ export interface ArticleDetail {
|
|
|
29
36
|
tax_code: string;
|
|
30
37
|
is_active: boolean;
|
|
31
38
|
measurements?: Measurements;
|
|
39
|
+
variants: ArticleVariant[];
|
|
32
40
|
}
|
|
33
41
|
|
|
34
42
|
export interface ArticleCreated {
|