bananas-commerce-admin 0.20.3 → 0.21.1
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/components/Card/CardFieldAutoComplete.js +2 -2
- package/dist/esm/components/Card/CardFieldAutoComplete.js.map +1 -1
- package/dist/esm/components/Card/CardFieldSelect.js +6 -3
- package/dist/esm/components/Card/CardFieldSelect.js.map +1 -1
- package/dist/esm/components/Card/index.js +17 -1
- package/dist/esm/components/Card/index.js.map +1 -1
- package/dist/esm/components/ContribInlines.js +3 -2
- package/dist/esm/components/ContribInlines.js.map +1 -1
- package/dist/esm/extensions/catalog/components/ArticleCard.js +9 -4
- package/dist/esm/extensions/catalog/components/ArticleCard.js.map +1 -1
- package/dist/esm/extensions/catalog/contrib/ProductArticles.js +48 -0
- package/dist/esm/extensions/catalog/contrib/ProductArticles.js.map +1 -0
- package/dist/esm/extensions/catalog/index.js +9 -0
- package/dist/esm/extensions/catalog/index.js.map +1 -1
- package/dist/esm/extensions/pim/components/ProductAssetsCard.js +28 -0
- package/dist/esm/extensions/pim/components/ProductAssetsCard.js.map +1 -0
- package/dist/esm/extensions/pim/components/ProductAssetsGallery.js +39 -0
- package/dist/esm/extensions/pim/components/ProductAssetsGallery.js.map +1 -0
- package/dist/esm/extensions/pim/components/ProductAssetsTable.js +21 -0
- package/dist/esm/extensions/pim/components/ProductAssetsTable.js.map +1 -0
- package/dist/esm/extensions/pim/components/ProductCard.js +123 -0
- package/dist/esm/extensions/pim/components/ProductCard.js.map +1 -0
- package/dist/esm/extensions/pim/components/ProductPropertiesCard.js +71 -0
- package/dist/esm/extensions/pim/components/ProductPropertiesCard.js.map +1 -0
- package/dist/esm/extensions/pim/components/ProductPropertyField.js +25 -0
- package/dist/esm/extensions/pim/components/ProductPropertyField.js.map +1 -0
- package/dist/esm/extensions/pim/components/ProductRow.js +11 -0
- package/dist/esm/extensions/pim/components/ProductRow.js.map +1 -0
- package/dist/esm/extensions/pim/contrib/ArticleProduct.js +44 -75
- package/dist/esm/extensions/pim/contrib/ArticleProduct.js.map +1 -1
- package/dist/esm/extensions/pim/index.js +30 -0
- package/dist/esm/extensions/pim/index.js.map +1 -1
- package/dist/esm/extensions/pim/pages/product/create.js +41 -0
- package/dist/esm/extensions/pim/pages/product/create.js.map +1 -0
- package/dist/esm/extensions/pim/pages/product/detail.js +59 -0
- package/dist/esm/extensions/pim/pages/product/detail.js.map +1 -0
- package/dist/esm/extensions/pim/pages/product/list.js +54 -0
- package/dist/esm/extensions/pim/pages/product/list.js.map +1 -0
- package/dist/esm/extensions/pim/types/asset.js +2 -0
- package/dist/esm/extensions/pim/types/asset.js.map +1 -0
- package/dist/esm/extensions/pim/types/product.js +2 -0
- package/dist/esm/extensions/pim/types/product.js.map +1 -0
- package/dist/types/components/Card/CardFieldAutoComplete.d.ts +3 -0
- package/dist/types/components/Card/CardFieldSelect.d.ts +1 -0
- package/dist/types/components/ContribInlines.d.ts +1 -0
- package/dist/types/extensions/catalog/components/ArticleCard.d.ts +12 -0
- package/dist/types/extensions/catalog/contrib/ProductArticles.d.ts +4 -0
- package/dist/types/extensions/catalog/types/contrib.d.ts +8 -0
- package/dist/types/extensions/pim/components/ProductAssetsCard.d.ts +6 -0
- package/dist/types/extensions/pim/components/ProductAssetsGallery.d.ts +7 -0
- package/dist/types/extensions/pim/components/ProductAssetsTable.d.ts +7 -0
- package/dist/types/extensions/pim/components/ProductCard.d.ts +23 -0
- package/dist/types/extensions/pim/components/ProductPropertiesCard.d.ts +8 -0
- package/dist/types/extensions/pim/components/ProductPropertyField.d.ts +8 -0
- package/dist/types/extensions/pim/components/ProductRow.d.ts +6 -0
- package/dist/types/extensions/pim/index.d.ts +6 -1
- package/dist/types/extensions/pim/pages/product/create.d.ts +3 -0
- package/dist/types/extensions/pim/pages/product/detail.d.ts +4 -0
- package/dist/types/extensions/pim/pages/product/list.d.ts +4 -0
- package/dist/types/extensions/pim/types/asset.d.ts +9 -0
- package/dist/types/extensions/pim/types/product.d.ts +35 -0
- package/dist/types/types/index.d.ts +1 -1
- package/package.json +1 -1
- package/src/components/Card/CardFieldAutoComplete.tsx +14 -1
- package/src/components/Card/CardFieldSelect.tsx +6 -2
- package/src/components/Card/index.tsx +21 -1
- package/src/components/ContribInlines.tsx +5 -2
- package/src/extensions/catalog/components/ArticleCard.tsx +22 -4
- package/src/extensions/catalog/contrib/ProductArticles.tsx +82 -0
- package/src/extensions/catalog/index.tsx +9 -0
- package/src/extensions/catalog/types/contrib.ts +9 -0
- package/src/extensions/pim/components/ProductAssetsCard.tsx +49 -0
- package/src/extensions/pim/components/ProductAssetsGallery.tsx +76 -0
- package/src/extensions/pim/components/ProductAssetsTable.tsx +50 -0
- package/src/extensions/pim/components/ProductCard.tsx +242 -0
- package/src/extensions/pim/components/ProductPropertiesCard.tsx +114 -0
- package/src/extensions/pim/components/ProductPropertyField.tsx +67 -0
- package/src/extensions/pim/components/ProductRow.tsx +23 -0
- package/src/extensions/pim/contrib/ArticleProduct.tsx +70 -135
- package/src/extensions/pim/index.tsx +52 -1
- package/src/extensions/pim/pages/product/create.tsx +63 -0
- package/src/extensions/pim/pages/product/detail.tsx +102 -0
- package/src/extensions/pim/pages/product/list.tsx +87 -0
- package/src/extensions/pim/types/asset.ts +9 -0
- package/src/extensions/pim/types/product.ts +52 -0
- package/src/types/index.ts +1 -1
|
@@ -6,12 +6,12 @@ import Stack from "@mui/material/Stack";
|
|
|
6
6
|
import TextField from "@mui/material/TextField";
|
|
7
7
|
import { useCardContext } from "../../contexts/CardContext";
|
|
8
8
|
import LabeledValue from "../LabeledValue";
|
|
9
|
-
export const CardFieldAutoComplete = ({ fallback = "—", fallbackPredicate = (value) => value == null || (Array.isArray(value) && value.length === 0), formName, helperText, isEditable = true, isReadable = true, label, options, size = "grow", value: defaultValue, ...props }) => {
|
|
9
|
+
export const CardFieldAutoComplete = ({ fallback = "—", fallbackPredicate = (value) => value == null || (Array.isArray(value) && value.length === 0), formName, helperText, isEditable = true, isReadable = true, label, options, size = "grow", value: defaultValue, autoSelect = false, clearOnBlur = false, freeSolo = false, ...props }) => {
|
|
10
10
|
const { isCompact, isEditing } = useCardContext();
|
|
11
11
|
// Manage the selected options state
|
|
12
12
|
const [selectedOptions, setSelectedOptions] = useState(defaultValue ?? []);
|
|
13
13
|
return (React.createElement(Grid, { size: size }, isEditing && isEditable ? (React.createElement(Stack, { alignItems: "center", justifyContent: "space-between" },
|
|
14
|
-
React.createElement(Autocomplete, { isOptionEqualToValue: (option, value) => option.id === value.id, multiple: true, options: options ?? [], renderInput: (props) => React.createElement(TextField, { ...props, label: label }), sx: { width: "100%" }, value: selectedOptions, onChange: (_, value) => setSelectedOptions(value), ...props }),
|
|
14
|
+
React.createElement(Autocomplete, { autoSelect: autoSelect, clearOnBlur: clearOnBlur, freeSolo: freeSolo, isOptionEqualToValue: (option, value) => option.id === value.id, multiple: true, options: options ?? [], renderInput: (props) => React.createElement(TextField, { ...props, label: label }), sx: { width: "100%" }, value: selectedOptions, onChange: (_, value) => setSelectedOptions(value.map((v) => (typeof v == "string" ? { id: v, label: v } : v))), ...props }),
|
|
15
15
|
selectedOptions.map((option) => (React.createElement("input", { key: option.id, name: formName, type: "hidden", value: option.id }))),
|
|
16
16
|
helperText != null && React.createElement(FormHelperText, null, helperText))) : (isReadable && (React.createElement(LabeledValue, { compact: isCompact, label: label, value: fallbackPredicate(defaultValue)
|
|
17
17
|
? fallback
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardFieldAutoComplete.js","sourceRoot":"","sources":["../../../../src/components/Card/CardFieldAutoComplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,YAAY,MAAM,4BAA4B,CAAC;AACtD,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAC1D,OAAO,IAAI,MAAM,qBAAqB,CAAC;AACvC,OAAO,KAAK,MAAM,qBAAqB,CAAC;AACxC,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAEhD,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,YAAY,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"CardFieldAutoComplete.js","sourceRoot":"","sources":["../../../../src/components/Card/CardFieldAutoComplete.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,12 +7,15 @@ import MenuItem from "@mui/material/MenuItem";
|
|
|
7
7
|
import Select from "@mui/material/Select";
|
|
8
8
|
import { useCardContext } from "../../contexts/CardContext";
|
|
9
9
|
import LabeledValue from "../LabeledValue";
|
|
10
|
-
export const CardFieldSelect = ({ emptyValue, fallback = "—", fallbackPredicate = (value) => value != null && value !== "", formName, helperText, isDisabled = false, isEditable = true, isReadable = true, label, options, required = false, size = "grow", value: defaultValue = undefined, ...props }) => {
|
|
10
|
+
export const CardFieldSelect = ({ emptyValue, fallback = "—", fallbackPredicate = (value) => value != null && value !== "", formName, helperText, isDisabled = false, isEditable = true, isReadable = true, label, options, required = false, size = "grow", value: defaultValue = undefined, onUpdated, ...props }) => {
|
|
11
11
|
const { isCompact, isEditing } = useCardContext();
|
|
12
12
|
const [value, setValue] = useState(defaultValue?.label ?? emptyValue?.label ?? "");
|
|
13
13
|
const handleChange = useCallback((event) => {
|
|
14
|
-
|
|
15
|
-
|
|
14
|
+
const currentValue = event.target.value;
|
|
15
|
+
setValue(currentValue);
|
|
16
|
+
if (onUpdated)
|
|
17
|
+
onUpdated(currentValue);
|
|
18
|
+
}, [setValue, onUpdated]);
|
|
16
19
|
return (React.createElement(Grid, { size: size }, isEditing && isEditable ? (React.createElement(Stack, { direction: "column" },
|
|
17
20
|
React.createElement(FormControl, { fullWidth: true },
|
|
18
21
|
React.createElement(InputLabel, null, label),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardFieldSelect.js","sourceRoot":"","sources":["../../../../src/components/Card/CardFieldSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,WAAW,MAAM,2BAA2B,CAAC;AACpD,OAAO,IAAI,MAAM,qBAAqB,CAAC;AACvC,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAC9C,OAAO,MAA+C,MAAM,sBAAsB,CAAC;AAEnF,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,YAAY,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"CardFieldSelect.js","sourceRoot":"","sources":["../../../../src/components/Card/CardFieldSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,WAAW,MAAM,2BAA2B,CAAC;AACpD,OAAO,IAAI,MAAM,qBAAqB,CAAC;AACvC,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAC9C,OAAO,MAA+C,MAAM,sBAAsB,CAAC;AAEnF,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAgB3C,MAAM,CAAC,MAAM,eAAe,GAAiD,CAAC,EAC5E,UAAU,EACV,QAAQ,GAAG,GAAG,EACd,iBAAiB,GAAG,CAAC,KAAc,EAAE,EAAE,CAAC,KAAK,IAAI,IAAI,IAAI,KAAK,KAAK,EAAE,EACrE,QAAQ,EACR,UAAU,EACV,UAAU,GAAG,KAAK,EAClB,UAAU,GAAG,IAAI,EACjB,UAAU,GAAG,IAAI,EACjB,KAAK,EACL,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,MAAM,EACb,KAAK,EAAE,YAAY,GAAG,SAAS,EAC/B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAC;IAClD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,EAAE,KAAK,IAAI,UAAU,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC;IAEnF,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAAiC,EAAE,EAAE;QACpC,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,KAAe,CAAC;QAClD,QAAQ,CAAC,YAAY,CAAC,CAAC;QACvB,IAAI,SAAS;YAAE,SAAS,CAAC,YAAY,CAAC,CAAC;IACzC,CAAC,EACD,CAAC,QAAQ,EAAE,SAAS,CAAC,CACtB,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,IACb,SAAS,IAAI,UAAU,CAAC,CAAC,CAAC,CACzB,oBAAC,KAAK,IAAC,SAAS,EAAC,QAAQ;QACvB,oBAAC,WAAW,IAAC,SAAS;YACpB,oBAAC,UAAU,QAAE,KAAK,CAAc;YAChC,oBAAC,MAAM,IACL,QAAQ,EAAE,UAAU,EACpB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,KAClB,KAAK,IAER,OAAO,EAAE,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACrB,oBAAC,QAAQ,IAAC,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,IACpC,GAAG,CAAC,KAAK,CACD,CACZ,CAAC,CACK,CACG;QAEb,UAAU,IAAI,IAAI,IAAI,oBAAC,cAAc,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,IAAG,UAAU,CAAkB,CAC7E,CACT,CAAC,CAAC,CAAC,CACF,UAAU,IAAI,CACZ,oBAAC,YAAY,IACX,OAAO,EAAE,SAAS,EAClB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,GAClD,CACH,CACF,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -5,6 +5,22 @@ import { CardContext } from "../../contexts/CardContext";
|
|
|
5
5
|
import { useI18n } from "../../contexts/I18nContext";
|
|
6
6
|
import { ValidationError } from "../../util/form_validation";
|
|
7
7
|
export * from "./shared";
|
|
8
|
+
function formDataToObject(formData) {
|
|
9
|
+
const values = {};
|
|
10
|
+
for (const [key, value] of formData.entries()) {
|
|
11
|
+
const existing = values[key];
|
|
12
|
+
if (existing == null) {
|
|
13
|
+
values[key] = value;
|
|
14
|
+
}
|
|
15
|
+
else if (Array.isArray(existing)) {
|
|
16
|
+
existing.push(value);
|
|
17
|
+
}
|
|
18
|
+
else {
|
|
19
|
+
values[key] = [existing, value];
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
return values;
|
|
23
|
+
}
|
|
8
24
|
/**
|
|
9
25
|
* A card component that wraps a form with `onSubmit` and provides `cardContext`.
|
|
10
26
|
* This should be your building block for all admin forms not better represented by a Table.
|
|
@@ -50,7 +66,7 @@ export function Card({ alwaysEditable = false, children, columns = 1, defaultEdi
|
|
|
50
66
|
throw new Error("Cannot submit when not in edit mode.");
|
|
51
67
|
const form = event.currentTarget;
|
|
52
68
|
const formData = new FormData(form);
|
|
53
|
-
const values =
|
|
69
|
+
const values = formDataToObject(formData);
|
|
54
70
|
setIsDisabled(true);
|
|
55
71
|
try {
|
|
56
72
|
const success = await onSubmit(values, event);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Card/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE9D,OAAO,EACL,IAAI,IAAI,OAAO,EAEf,KAAK,IAAI,IAAI,GAEd,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAE7D,cAAc,UAAU,CAAC;AA2FzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,MAAM,UAAU,IAAI,CAAI,EACtB,cAAc,GAAG,KAAK,EACtB,QAAQ,EACR,OAAO,GAAG,CAAC,EACX,cAAc,GAAG,KAAK,EACtB,aAAa,GAAG,KAAK,EACrB,SAAS,GAAG,KAAK,EACjB,UAAU,EAAE,iBAAiB,GAAG,KAAK,EACrC,UAAU,EACV,MAAM,EAAE,aAAa,GAAG,KAAK,EAC7B,QAAQ,EACR,EAAE,EACF,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACK;IACb,UAAU,KAAK,cAAc,CAAC;IAE9B,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE,CAAC;IACxB,MAAM,EAAE,eAAe,EAAE,GAAG,WAAW,EAAE,CAAC;IAE1C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,cAAc,IAAI,cAAc,IAAI,KAAK,CAAC,CAAC;IACtF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAAC;IAChE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC;IAEpD,MAAM,YAAY,GAAG,WAAW,CAC9B,KAAK,EAAE,KAAuC,EAAE,EAAE;QAChD,KAAK,CAAC,cAAc,EAAE,CAAC;QAEvB,IAAI,QAAQ,IAAI,IAAI;YAAE,MAAM,IAAI,KAAK,CAAC,gCAAgC,CAAC,CAAC;QACxE,IAAI,CAAC,SAAS,IAAI,CAAC,cAAc;YAAE,MAAM,IAAI,KAAK,CAAC,sCAAsC,CAAC,CAAC;QAE3F,MAAM,IAAI,GAAG,KAAK,CAAC,aAAa,CAAC;QACjC,MAAM,QAAQ,GAAG,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC;QACpC,MAAM,MAAM,GAAG,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Card/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,13 +4,14 @@ import ComponentLoader from "../containers/ComponentLoader";
|
|
|
4
4
|
import { useUser } from "../contexts/UserContext";
|
|
5
5
|
import { hasAccess } from "../util/has_access";
|
|
6
6
|
import { usePage } from "./Page";
|
|
7
|
-
export const ContribInlines = ({ contribParams, data }) => {
|
|
7
|
+
export const ContribInlines = ({ contribParams, data, variant }) => {
|
|
8
8
|
const params = useParams();
|
|
9
9
|
const page = usePage();
|
|
10
10
|
const { user } = useUser();
|
|
11
|
+
const componentVariant = variant ?? "inline";
|
|
11
12
|
contribParams = { ...params, ...contribParams };
|
|
12
13
|
return (React.createElement(React.Fragment, null, page.contrib
|
|
13
|
-
.filter((operation) => operation.method === "GET" && operation.component?.variant ===
|
|
14
|
+
.filter((operation) => operation.method === "GET" && operation.component?.variant === componentVariant)
|
|
14
15
|
.map((operation) => {
|
|
15
16
|
if (operation.component?.predicate && data && !operation.component?.predicate(data))
|
|
16
17
|
return null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContribInlines.js","sourceRoot":"","sources":["../../../src/components/ContribInlines.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,OAAO,eAAe,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"ContribInlines.js","sourceRoot":"","sources":["../../../src/components/ContribInlines.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,OAAO,eAAe,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAQjC,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE;IAChG,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,EAAE,IAAI,EAAE,GAAG,OAAO,EAAE,CAAC;IAC3B,MAAM,gBAAgB,GAAG,OAAO,IAAI,QAAQ,CAAC;IAE7C,aAAa,GAAG,EAAE,GAAG,MAAM,EAAE,GAAG,aAAa,EAAE,CAAC;IAEhD,OAAO,CACL,0CACG,IAAI,CAAC,OAAO;SACV,MAAM,CACL,CAAC,SAAS,EAAE,EAAE,CACZ,SAAS,CAAC,MAAM,KAAK,KAAK,IAAI,SAAS,CAAC,SAAS,EAAE,OAAO,KAAK,gBAAgB,CAClF;SACA,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE;QACjB,IAAI,SAAS,CAAC,SAAS,EAAE,SAAS,IAAI,IAAI,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC,IAAI,CAAC;YACjF,OAAO,IAAI,CAAC;QAEd,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,SAAS,EAAE,UAAU,EAAE,SAAS,CAAC,SAAS,EAAE,KAAK,CAAC;YAC/E,OAAO,IAAI,CAAC;QAEd,OAAO,CACL,oBAAC,eAAe,IAAC,GAAG,EAAE,SAAS,CAAC,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,aAAa,GAAI,CACpF,CAAC;IACJ,CAAC,CAAC,CACH,CACJ,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -36,7 +36,7 @@ export const ArticleCard = ({ article, create, onCreated, onUpdated, }) => {
|
|
|
36
36
|
is_active: true,
|
|
37
37
|
variants: [],
|
|
38
38
|
};
|
|
39
|
-
const handleSave = useCallback(async (values) => {
|
|
39
|
+
const handleSave = useCallback(async ({ is_active, ...values }) => {
|
|
40
40
|
if (create != null) {
|
|
41
41
|
const action = api.operations["catalog.article:create"];
|
|
42
42
|
if (!action) {
|
|
@@ -44,7 +44,10 @@ export const ArticleCard = ({ article, create, onCreated, onUpdated, }) => {
|
|
|
44
44
|
}
|
|
45
45
|
const response = await action.call({
|
|
46
46
|
params,
|
|
47
|
-
body:
|
|
47
|
+
body: {
|
|
48
|
+
is_active: is_active == "on",
|
|
49
|
+
...values,
|
|
50
|
+
},
|
|
48
51
|
});
|
|
49
52
|
if (response.ok) {
|
|
50
53
|
const createdArticle = await response.json();
|
|
@@ -63,7 +66,10 @@ export const ArticleCard = ({ article, create, onCreated, onUpdated, }) => {
|
|
|
63
66
|
}
|
|
64
67
|
const response = await action.call({
|
|
65
68
|
params,
|
|
66
|
-
body:
|
|
69
|
+
body: {
|
|
70
|
+
is_active: is_active == "on",
|
|
71
|
+
...values,
|
|
72
|
+
},
|
|
67
73
|
});
|
|
68
74
|
if (response.ok) {
|
|
69
75
|
const updatedArticle = await response.json();
|
|
@@ -92,7 +98,6 @@ export const ArticleCard = ({ article, create, onCreated, onUpdated, }) => {
|
|
|
92
98
|
React.createElement(CardRow, null,
|
|
93
99
|
React.createElement(CardFieldText, { formName: "tax_code", label: "Tax code", required: false, size: 1, value: article.tax_code }),
|
|
94
100
|
React.createElement(CardFieldText, { formName: "gtin", label: "GTIN", required: false, size: 1, value: article.gtin }),
|
|
95
|
-
React.createElement("input", { name: "is_active", type: "hidden", value: "false" }),
|
|
96
101
|
React.createElement(CardFieldCheckbox, { formName: "is_active", label: t("Active"), noValue: React.createElement(CancelIcon, { color: "error", fontSize: "small" }), size: 1, value: article.is_active, yesValue: React.createElement(CheckCircleIcon, { color: "success", fontSize: "small" }) }))))),
|
|
97
102
|
(canChange || canCreate) && (React.createElement(CardActions, null,
|
|
98
103
|
!create && React.createElement(CardCancelButton, 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,OAAO,EAAE,MAAM,OAAO,CAAC;AACpD,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;
|
|
1
|
+
{"version":3,"file":"ArticleCard.js","sourceRoot":"","sources":["../../../../../src/extensions/catalog/components/ArticleCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import NavigateNextIcon from "@mui/icons-material/NavigateNext";
|
|
3
|
+
import { TableBody, TableRow } from "@mui/material";
|
|
4
|
+
import Card from "../../../components/Card";
|
|
5
|
+
import CardContent from "../../../components/Card/CardContent";
|
|
6
|
+
import CardHeader from "../../../components/Card/CardHeader";
|
|
7
|
+
import Table from "../../../components/Table";
|
|
8
|
+
import { TableCell } from "../../../components/Table/TableCell";
|
|
9
|
+
import { useI18n } from "../../../contexts/I18nContext";
|
|
10
|
+
import { useRouter } from "../../../contexts/RouterContext";
|
|
11
|
+
const ProductArticlesCard = ({ data }) => {
|
|
12
|
+
const { t } = useI18n();
|
|
13
|
+
const { navigate } = useRouter();
|
|
14
|
+
const articles = data;
|
|
15
|
+
return (React.createElement(Card, null,
|
|
16
|
+
React.createElement(CardHeader, { title: t("Articles") }),
|
|
17
|
+
React.createElement(CardContent, { sx: {
|
|
18
|
+
p: 0,
|
|
19
|
+
"&:last-child": { pb: 0 },
|
|
20
|
+
} },
|
|
21
|
+
React.createElement(Table, { count: articles.length, tableContainerProps: {
|
|
22
|
+
sx: (theme) => ({
|
|
23
|
+
borderTop: `1px solid ${theme.palette.divider}`,
|
|
24
|
+
px: 0,
|
|
25
|
+
}),
|
|
26
|
+
} },
|
|
27
|
+
React.createElement(TableBody, { sx: {
|
|
28
|
+
"& .MuiTableRow-root:first-of-type .MuiTableCell-root": (theme) => ({
|
|
29
|
+
borderTop: `1px solid ${theme.palette.divider}`,
|
|
30
|
+
}),
|
|
31
|
+
"& .MuiTableRow-root:last-of-type .MuiTableCell-root": {
|
|
32
|
+
borderBottom: "none",
|
|
33
|
+
},
|
|
34
|
+
} }, articles.map((article) => {
|
|
35
|
+
return (React.createElement(TableRow, { key: article.id, hover: true, sx: () => ({
|
|
36
|
+
cursor: "pointer",
|
|
37
|
+
}), onClick: () => navigate("catalog.article:detail", { params: { id: article.id } }) },
|
|
38
|
+
React.createElement(TableCell, null, article.variant),
|
|
39
|
+
React.createElement(TableCell, { typographyProps: {
|
|
40
|
+
variant: "caption",
|
|
41
|
+
color: "text.secondary",
|
|
42
|
+
} }, article.code),
|
|
43
|
+
React.createElement(TableCell, { align: "right", padding: "checkbox" },
|
|
44
|
+
React.createElement(NavigateNextIcon, { color: "action", fontSize: "small" }))));
|
|
45
|
+
}))))));
|
|
46
|
+
};
|
|
47
|
+
export default ProductArticlesCard;
|
|
48
|
+
//# sourceMappingURL=ProductArticles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProductArticles.js","sourceRoot":"","sources":["../../../../../src/extensions/catalog/contrib/ProductArticles.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,gBAAgB,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEpD,OAAO,IAAI,MAAM,0BAA0B,CAAC;AAC5C,OAAO,WAAW,MAAM,sCAAsC,CAAC;AAC/D,OAAO,UAAU,MAAM,qCAAqC,CAAC;AAC7D,OAAO,KAAK,MAAM,2BAA2B,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAI5D,MAAM,mBAAmB,GAAuC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IAC3E,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE,CAAC;IACxB,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,CAAC;IAEjC,MAAM,QAAQ,GAAG,IAAI,CAAC;IAEtB,OAAO,CACL,oBAAC,IAAI;QACH,oBAAC,UAAU,IAAC,KAAK,EAAE,CAAC,CAAC,UAAU,CAAC,GAAI;QACpC,oBAAC,WAAW,IACV,EAAE,EAAE;gBACF,CAAC,EAAE,CAAC;gBACJ,cAAc,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE;aAC1B;YAED,oBAAC,KAAK,IACJ,KAAK,EAAE,QAAQ,CAAC,MAAM,EACtB,mBAAmB,EAAE;oBACnB,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;wBACd,SAAS,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,OAAO,EAAE;wBAC/C,EAAE,EAAE,CAAC;qBACN,CAAC;iBACH;gBAED,oBAAC,SAAS,IACR,EAAE,EAAE;wBACF,sDAAsD,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;4BAClE,SAAS,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,OAAO,EAAE;yBAChD,CAAC;wBACF,qDAAqD,EAAE;4BACrD,YAAY,EAAE,MAAM;yBACrB;qBACF,IAEA,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;oBACxB,OAAO,CACL,oBAAC,QAAQ,IACP,GAAG,EAAE,OAAO,CAAC,EAAE,EACf,KAAK,QACL,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC;4BACT,MAAM,EAAE,SAAS;yBAClB,CAAC,EACF,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,wBAAwB,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,OAAO,CAAC,EAAE,EAAE,EAAE,CAAC;wBAEjF,oBAAC,SAAS,QAAE,OAAO,CAAC,OAAO,CAAa;wBACxC,oBAAC,SAAS,IACR,eAAe,EAAE;gCACf,OAAO,EAAE,SAAS;gCAClB,KAAK,EAAE,gBAAgB;6BACxB,IAEA,OAAO,CAAC,IAAI,CACH;wBACZ,oBAAC,SAAS,IAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAC,UAAU;4BACzC,oBAAC,gBAAgB,IAAC,KAAK,EAAC,QAAQ,EAAC,QAAQ,EAAC,OAAO,GAAG,CAC1C,CACH,CACZ,CAAC;gBACJ,CAAC,CAAC,CACQ,CACN,CACI,CACT,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
|
|
@@ -38,5 +38,14 @@ export const contrib = {
|
|
|
38
38
|
permission: "catalog.view_article",
|
|
39
39
|
},
|
|
40
40
|
},
|
|
41
|
+
pim: {
|
|
42
|
+
"pim:product:detail:articles": {
|
|
43
|
+
title: "Product",
|
|
44
|
+
icon: StorefrontIcon,
|
|
45
|
+
component: async () => (await import("./contrib/ProductArticles")).default,
|
|
46
|
+
variant: "sidebar",
|
|
47
|
+
permission: "catalog.view_article",
|
|
48
|
+
},
|
|
49
|
+
},
|
|
41
50
|
};
|
|
42
51
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/extensions/catalog/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,gCAAgC,CAAC;AAI5D,OAAO,cAAc,MAAM,iCAAiC,CAAC;AAI7D,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAEhC,MAAM,MAAM,GAYR;IACF,OAAO,EAAE;QACP,MAAM,EAAE,EAAE,IAAI,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,MAAM,CAAC,wBAAwB,CAAC,CAAC,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;QAC7F,MAAM,EAAE,EAAE,IAAI,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,MAAM,CAAC,wBAAwB,CAAC,CAAC,CAAC,OAAO,EAAE;QAC9E,IAAI,EAAE,EAAE,IAAI,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,MAAM,CAAC,sBAAsB,CAAC,CAAC,CAAC,OAAO,EAAE;KAC3E;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAoB;IACrC,GAAG,EAAE,SAAS;IACd,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE;QACf,MAAM,EAAE,IAAI,EAAE,GAAG,GAAG,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;QAElE,IAAI,IAAI,IAAI,IAAI,EAAE,CAAC;YACjB,OAAO;gBACL,IAAI,EAAE,IAAI,EAAE;gBACZ,GAAG,GAAG;aACP,CAAC;QACJ,CAAC;QAED,OAAO,SAAS,CAAC;IACnB,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAwB;IAC7C,sBAAsB,EAAE;QACtB,IAAI,EAAE,cAAc;QACpB,UAAU,EAAE,sBAAsB;KACnC;CACO,CAAC;AAEX,MAAM,CAAC,MAAM,OAAO,GAAwC;IAC1D,GAAG,EAAE;QACH,8BAA8B,EAAE;YAC9B,KAAK,EAAE,cAAc;YACrB,IAAI,EAAE,cAAc;YACpB,SAAS,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,MAAM,CAAC,4BAA4B,CAAC,CAAC,CAAC,OAAO;YAC3E,OAAO,EAAE,KAAK;YACd,UAAU,EAAE,sBAAsB;SACnC;KACF;CACO,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/extensions/catalog/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,gCAAgC,CAAC;AAI5D,OAAO,cAAc,MAAM,iCAAiC,CAAC;AAI7D,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAEhC,MAAM,MAAM,GAYR;IACF,OAAO,EAAE;QACP,MAAM,EAAE,EAAE,IAAI,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,MAAM,CAAC,wBAAwB,CAAC,CAAC,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;QAC7F,MAAM,EAAE,EAAE,IAAI,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,MAAM,CAAC,wBAAwB,CAAC,CAAC,CAAC,OAAO,EAAE;QAC9E,IAAI,EAAE,EAAE,IAAI,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,MAAM,CAAC,sBAAsB,CAAC,CAAC,CAAC,OAAO,EAAE;KAC3E;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAoB;IACrC,GAAG,EAAE,SAAS;IACd,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE;QACf,MAAM,EAAE,IAAI,EAAE,GAAG,GAAG,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;QAElE,IAAI,IAAI,IAAI,IAAI,EAAE,CAAC;YACjB,OAAO;gBACL,IAAI,EAAE,IAAI,EAAE;gBACZ,GAAG,GAAG;aACP,CAAC;QACJ,CAAC;QAED,OAAO,SAAS,CAAC;IACnB,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAwB;IAC7C,sBAAsB,EAAE;QACtB,IAAI,EAAE,cAAc;QACpB,UAAU,EAAE,sBAAsB;KACnC;CACO,CAAC;AAEX,MAAM,CAAC,MAAM,OAAO,GAAwC;IAC1D,GAAG,EAAE;QACH,8BAA8B,EAAE;YAC9B,KAAK,EAAE,cAAc;YACrB,IAAI,EAAE,cAAc;YACpB,SAAS,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,MAAM,CAAC,4BAA4B,CAAC,CAAC,CAAC,OAAO;YAC3E,OAAO,EAAE,KAAK;YACd,UAAU,EAAE,sBAAsB;SACnC;KACF;IACD,GAAG,EAAE;QACH,6BAA6B,EAAE;YAC7B,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,cAAc;YACpB,SAAS,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,MAAM,CAAC,2BAA2B,CAAC,CAAC,CAAC,OAAO;YAC1E,OAAO,EAAE,SAAS;YAClB,UAAU,EAAE,sBAAsB;SACnC;KACF;CACO,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import Card from "../../../components/Card";
|
|
3
|
+
import CardContent from "../../../components/Card/CardContent";
|
|
4
|
+
import CardHeader from "../../../components/Card/CardHeader";
|
|
5
|
+
import { useI18n } from "../../../contexts/I18nContext";
|
|
6
|
+
import { ProductAssetsGallery } from "./ProductAssetsGallery";
|
|
7
|
+
import { ProductAssetsTable } from "./ProductAssetsTable";
|
|
8
|
+
export const ProductAssetsCard = ({ assets }) => {
|
|
9
|
+
const { t } = useI18n();
|
|
10
|
+
const imageAssets = assets.filter((asset) => asset.asset_type == "image");
|
|
11
|
+
const otherAssets = assets.filter((asset) => asset.asset_type !== "image");
|
|
12
|
+
return (React.createElement(React.Fragment, null,
|
|
13
|
+
React.createElement(Card, { columns: 2, isEditable: false },
|
|
14
|
+
React.createElement(CardHeader, { title: t("Assets") }),
|
|
15
|
+
imageAssets.length > 0 && (React.createElement(React.Fragment, null,
|
|
16
|
+
React.createElement(CardContent, { sx: {
|
|
17
|
+
width: "100%",
|
|
18
|
+
height: 400,
|
|
19
|
+
overflowY: "scroll",
|
|
20
|
+
paddingTop: 0,
|
|
21
|
+
paddingBottom: 0,
|
|
22
|
+
paddingLeft: 3,
|
|
23
|
+
paddingRight: 3,
|
|
24
|
+
} },
|
|
25
|
+
React.createElement(ProductAssetsGallery, { assets: imageAssets })))),
|
|
26
|
+
otherAssets.length > 0 && React.createElement(ProductAssetsTable, { assets: otherAssets }))));
|
|
27
|
+
};
|
|
28
|
+
//# sourceMappingURL=ProductAssetsCard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProductAssetsCard.js","sourceRoot":"","sources":["../../../../../src/extensions/pim/components/ProductAssetsCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,IAAI,MAAM,0BAA0B,CAAC;AAC5C,OAAO,WAAW,MAAM,sCAAsC,CAAC;AAC/D,OAAO,UAAU,MAAM,qCAAqC,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAGxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAM1D,MAAM,CAAC,MAAM,iBAAiB,GAAqC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IAChF,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE,CAAC;IAExB,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,IAAI,OAAO,CAAC,CAAC;IAC1E,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,KAAK,OAAO,CAAC,CAAC;IAE3E,OAAO,CACL;QACE,oBAAC,IAAI,IAAC,OAAO,EAAE,CAAC,EAAE,UAAU,EAAE,KAAK;YACjC,oBAAC,UAAU,IAAC,KAAK,EAAE,CAAC,CAAC,QAAQ,CAAC,GAAI;YAEjC,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CACzB;gBACE,oBAAC,WAAW,IACV,EAAE,EAAE;wBACF,KAAK,EAAE,MAAM;wBACb,MAAM,EAAE,GAAG;wBACX,SAAS,EAAE,QAAQ;wBACnB,UAAU,EAAE,CAAC;wBACb,aAAa,EAAE,CAAC;wBAChB,WAAW,EAAE,CAAC;wBACd,YAAY,EAAE,CAAC;qBAChB;oBAED,oBAAC,oBAAoB,IAAC,MAAM,EAAE,WAAW,GAAI,CACjC,CACb,CACJ;YAEA,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,oBAAC,kBAAkB,IAAC,MAAM,EAAE,WAAW,GAAI,CACjE,CACN,CACJ,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import React, { useState } from "react";
|
|
2
|
+
import Box from "@mui/material/Box";
|
|
3
|
+
import ImageList from "@mui/material/ImageList";
|
|
4
|
+
import ImageListItem from "@mui/material/ImageListItem";
|
|
5
|
+
import ImageListItemBar from "@mui/material/ImageListItemBar";
|
|
6
|
+
import Modal from "@mui/material/Modal";
|
|
7
|
+
export const ProductAssetsGallery = ({ assets }) => {
|
|
8
|
+
const [selectedAsset, setSelectedAsset] = useState(null);
|
|
9
|
+
const imageAssets = assets.filter((asset) => asset.asset_type == "image");
|
|
10
|
+
return (React.createElement(React.Fragment, null,
|
|
11
|
+
React.createElement(Modal, { "aria-describedby": "modal-modal-description", "aria-labelledby": "modal-modal-title", open: selectedAsset !== null, sx: () => ({
|
|
12
|
+
cursor: "pointer",
|
|
13
|
+
}), onClose: () => setSelectedAsset(null) },
|
|
14
|
+
React.createElement(Box, { sx: {
|
|
15
|
+
position: "absolute",
|
|
16
|
+
top: "50%",
|
|
17
|
+
left: "50%",
|
|
18
|
+
transform: "translate(-50%, -50%)",
|
|
19
|
+
width: "100vw", // Set explicit width
|
|
20
|
+
height: "100vh", // Set explicit height
|
|
21
|
+
bgcolor: "rgba(0, 0, 0, 0.7)", // Dark overlay background
|
|
22
|
+
boxShadow: 24,
|
|
23
|
+
p: 2, // Reduced padding
|
|
24
|
+
display: "flex",
|
|
25
|
+
justifyContent: "center",
|
|
26
|
+
alignItems: "center",
|
|
27
|
+
overflow: "hidden", // Hide any overflowing content
|
|
28
|
+
outline: "none",
|
|
29
|
+
}, onClick: () => setSelectedAsset(null) }, selectedAsset !== null && (React.createElement("img", { alt: selectedAsset.caption, loading: "lazy", src: selectedAsset.url, style: {
|
|
30
|
+
maxWidth: "100%",
|
|
31
|
+
maxHeight: "100%",
|
|
32
|
+
objectFit: "contain",
|
|
33
|
+
borderRadius: "8px", // Subtle rounded corners for the image
|
|
34
|
+
} })))),
|
|
35
|
+
React.createElement(ImageList, { cols: 3, gap: 8, variant: "masonry" }, imageAssets.map((asset) => (React.createElement(ImageListItem, { key: asset.id, onClick: () => setSelectedAsset(asset) },
|
|
36
|
+
React.createElement("img", { alt: asset.caption, loading: "lazy", src: asset.url }),
|
|
37
|
+
React.createElement(ImageListItemBar, { subtitle: asset.caption })))))));
|
|
38
|
+
};
|
|
39
|
+
//# sourceMappingURL=ProductAssetsGallery.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProductAssetsGallery.js","sourceRoot":"","sources":["../../../../../src/extensions/pim/components/ProductAssetsGallery.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,aAAa,MAAM,6BAA6B,CAAC;AACxD,OAAO,gBAAgB,MAAM,gCAAgC,CAAC;AAC9D,OAAO,KAAK,MAAM,qBAAqB,CAAC;AASxC,MAAM,CAAC,MAAM,oBAAoB,GAAwC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACtF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAkC,IAAI,CAAC,CAAC;IAC1F,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,IAAI,OAAO,CAAC,CAAC;IAE1E,OAAO,CACL;QACE,oBAAC,KAAK,wBACa,yBAAyB,qBAC1B,mBAAmB,EACnC,IAAI,EAAE,aAAa,KAAK,IAAI,EAC5B,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC;gBACT,MAAM,EAAE,SAAS;aAClB,CAAC,EACF,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC;YAErC,oBAAC,GAAG,IACF,EAAE,EAAE;oBACF,QAAQ,EAAE,UAAU;oBACpB,GAAG,EAAE,KAAK;oBACV,IAAI,EAAE,KAAK;oBACX,SAAS,EAAE,uBAAuB;oBAClC,KAAK,EAAE,OAAO,EAAE,qBAAqB;oBACrC,MAAM,EAAE,OAAO,EAAE,sBAAsB;oBACvC,OAAO,EAAE,oBAAoB,EAAE,0BAA0B;oBACzD,SAAS,EAAE,EAAE;oBACb,CAAC,EAAE,CAAC,EAAE,kBAAkB;oBACxB,OAAO,EAAE,MAAM;oBACf,cAAc,EAAE,QAAQ;oBACxB,UAAU,EAAE,QAAQ;oBACpB,QAAQ,EAAE,QAAQ,EAAE,+BAA+B;oBACnD,OAAO,EAAE,MAAM;iBAChB,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAEpC,aAAa,KAAK,IAAI,IAAI,CACzB,6BACE,GAAG,EAAE,aAAa,CAAC,OAAO,EAC1B,OAAO,EAAC,MAAM,EACd,GAAG,EAAE,aAAa,CAAC,GAAG,EACtB,KAAK,EAAE;oBACL,QAAQ,EAAE,MAAM;oBAChB,SAAS,EAAE,MAAM;oBACjB,SAAS,EAAE,SAAS;oBACpB,YAAY,EAAE,KAAK,EAAE,uCAAuC;iBAC7D,GACD,CACH,CACG,CACA;QAER,oBAAC,SAAS,IAAC,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,OAAO,EAAC,SAAS,IAC1C,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC1B,oBAAC,aAAa,IAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC;YAClE,6BAAK,GAAG,EAAE,KAAK,CAAC,OAAO,EAAE,OAAO,EAAC,MAAM,EAAC,GAAG,EAAE,KAAK,CAAC,GAAG,GAAI;YAC1D,oBAAC,gBAAgB,IAAC,QAAQ,EAAE,KAAK,CAAC,OAAO,GAAI,CAC/B,CACjB,CAAC,CACQ,CACX,CACJ,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { TableBody, TableHead, TableRow } from "@mui/material";
|
|
3
|
+
import Table from "../../../components/Table";
|
|
4
|
+
import { TableCell } from "../../../components/Table/TableCell";
|
|
5
|
+
import TableHeading from "../../../components/Table/TableHeading";
|
|
6
|
+
import { useI18n } from "../../../contexts/I18nContext";
|
|
7
|
+
export const ProductAssetsTable = ({ assets }) => {
|
|
8
|
+
const { t } = useI18n();
|
|
9
|
+
return (React.createElement(Table, { count: assets.length },
|
|
10
|
+
React.createElement(TableHead, null,
|
|
11
|
+
React.createElement(TableRow, null,
|
|
12
|
+
React.createElement(TableHeading, null, t("Asset ID")),
|
|
13
|
+
React.createElement(TableHeading, { align: "right" }, t("Type")),
|
|
14
|
+
React.createElement(TableHeading, { align: "right" }, t("Caption")))),
|
|
15
|
+
React.createElement(TableBody, { sx: { ".MuiTableRow-root:last-child > .MuiTableCell-root": { borderBottom: "none" } } }, assets.map((asset) => (React.createElement(TableRow, { key: asset.id, sx: { height: 56 } },
|
|
16
|
+
React.createElement(TableCell, { sx: { py: 0 } },
|
|
17
|
+
React.createElement("a", { href: asset.url, rel: "noreferrer", target: "_blank" }, asset.id)),
|
|
18
|
+
React.createElement(TableCell, { align: "right", sx: { py: 0 } }, asset.asset_type),
|
|
19
|
+
React.createElement(TableCell, { align: "right", sx: { py: 0 } }, asset.caption)))))));
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=ProductAssetsTable.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProductAssetsTable.js","sourceRoot":"","sources":["../../../../../src/extensions/pim/components/ProductAssetsTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE/D,OAAO,KAAK,MAAM,2BAA2B,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC;AAChE,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAQxD,MAAM,CAAC,MAAM,kBAAkB,GAAsC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IAClF,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE,CAAC;IAExB,OAAO,CACL,oBAAC,KAAK,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM;QACzB,oBAAC,SAAS;YACR,oBAAC,QAAQ;gBACP,oBAAC,YAAY,QAAE,CAAC,CAAC,UAAU,CAAC,CAAgB;gBAC5C,oBAAC,YAAY,IAAC,KAAK,EAAC,OAAO,IAAE,CAAC,CAAC,MAAM,CAAC,CAAgB;gBACtD,oBAAC,YAAY,IAAC,KAAK,EAAC,OAAO,IAAE,CAAC,CAAC,SAAS,CAAC,CAAgB,CAChD,CACD;QAEZ,oBAAC,SAAS,IACR,EAAE,EAAE,EAAE,mDAAmD,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,IAEpF,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACrB,oBAAC,QAAQ,IAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;YACzC,oBAAC,SAAS,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE;gBACtB,2BAAG,IAAI,EAAE,KAAK,CAAC,GAAG,EAAE,GAAG,EAAC,YAAY,EAAC,MAAM,EAAC,QAAQ,IACjD,KAAK,CAAC,EAAE,CACP,CACM;YACZ,oBAAC,SAAS,IAAC,KAAK,EAAC,OAAO,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,IACnC,KAAK,CAAC,UAAU,CACP;YACZ,oBAAC,SAAS,IAAC,KAAK,EAAC,OAAO,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,IACnC,KAAK,CAAC,OAAO,CACJ,CACH,CACZ,CAAC,CACQ,CACN,CACT,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,123 @@
|
|
|
1
|
+
import React, { useCallback, useMemo, useState } from "react";
|
|
2
|
+
import { useParams } from "react-router-dom";
|
|
3
|
+
import CancelIcon from "@mui/icons-material/Cancel";
|
|
4
|
+
import CheckCircleIcon from "@mui/icons-material/CheckCircle";
|
|
5
|
+
import Card from "../../../components/Card";
|
|
6
|
+
import CardActions from "../../../components/Card/CardActions";
|
|
7
|
+
import CardCancelButton from "../../../components/Card/CardCancelButton";
|
|
8
|
+
import CardContent from "../../../components/Card/CardContent";
|
|
9
|
+
import CardFieldCheckbox from "../../../components/Card/CardFieldCheckbox";
|
|
10
|
+
import CardFieldSelect from "../../../components/Card/CardFieldSelect";
|
|
11
|
+
import CardFieldText from "../../../components/Card/CardFieldText";
|
|
12
|
+
import CardHeader from "../../../components/Card/CardHeader";
|
|
13
|
+
import CardRow from "../../../components/Card/CardRow";
|
|
14
|
+
import CardSaveButton from "../../../components/Card/CardSaveButton";
|
|
15
|
+
import { useApi } from "../../../contexts/ApiContext";
|
|
16
|
+
import { useI18n } from "../../../contexts/I18nContext";
|
|
17
|
+
import { useUser } from "../../../contexts/UserContext";
|
|
18
|
+
import { hasPermission } from "../../../util/has_permission";
|
|
19
|
+
import { ProductPropertyField } from "./ProductPropertyField";
|
|
20
|
+
export const ProductCard = ({ product, create, onCreated, onUpdated, itemTypes, }) => {
|
|
21
|
+
const params = useParams();
|
|
22
|
+
const api = useApi();
|
|
23
|
+
const { t } = useI18n();
|
|
24
|
+
const { user } = useUser();
|
|
25
|
+
const canCreate = useMemo(() => hasPermission(user, "pim.add_product"), [user]);
|
|
26
|
+
const canChange = useMemo(() => hasPermission(user, "pim.change_product"), [user]);
|
|
27
|
+
product ??= {
|
|
28
|
+
id: 0,
|
|
29
|
+
name: "",
|
|
30
|
+
description: "",
|
|
31
|
+
item_type: "",
|
|
32
|
+
number: "",
|
|
33
|
+
is_active: true,
|
|
34
|
+
};
|
|
35
|
+
const [productItemType, setProductItemType] = useState(undefined);
|
|
36
|
+
const productPropertiesList = productItemType ? productItemType.product_properties : [];
|
|
37
|
+
const productPropertiesRows = productPropertiesList.reduce((rows, prop, index) => {
|
|
38
|
+
if (index % 2 === 0)
|
|
39
|
+
rows.push([prop]);
|
|
40
|
+
else
|
|
41
|
+
rows[rows.length - 1].push(prop);
|
|
42
|
+
return rows;
|
|
43
|
+
}, []);
|
|
44
|
+
const handleSave = useCallback(async ({ is_active, ...values }) => {
|
|
45
|
+
if (create != null) {
|
|
46
|
+
const action = api.operations["pim.product:create"];
|
|
47
|
+
if (!action) {
|
|
48
|
+
throw new Error('Invalid action "pim.product:create".');
|
|
49
|
+
}
|
|
50
|
+
const productData = {};
|
|
51
|
+
const productProperties = {};
|
|
52
|
+
for (const [key, value] of Object.entries(values)) {
|
|
53
|
+
if (key.startsWith("properties.")) {
|
|
54
|
+
const propertyName = key.replace("properties.", "");
|
|
55
|
+
productProperties[propertyName] = value;
|
|
56
|
+
}
|
|
57
|
+
else {
|
|
58
|
+
productData[key] = value;
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
const response = await action.call({
|
|
62
|
+
params,
|
|
63
|
+
body: {
|
|
64
|
+
is_active: is_active == "on",
|
|
65
|
+
...productData,
|
|
66
|
+
properties: productProperties,
|
|
67
|
+
},
|
|
68
|
+
});
|
|
69
|
+
if (response.ok) {
|
|
70
|
+
const createdProduct = await response.json();
|
|
71
|
+
onCreated?.(createdProduct);
|
|
72
|
+
return t("Product created successfully.");
|
|
73
|
+
}
|
|
74
|
+
else {
|
|
75
|
+
console.error("[PRODUCT_CARD]", response);
|
|
76
|
+
throw new Error("creating product.");
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
else {
|
|
80
|
+
const action = api.operations["pim.product:update"];
|
|
81
|
+
if (!action) {
|
|
82
|
+
throw new Error('Invalid action "pim.product:update".');
|
|
83
|
+
}
|
|
84
|
+
const response = await action.call({
|
|
85
|
+
params,
|
|
86
|
+
body: {
|
|
87
|
+
is_active: is_active == "on",
|
|
88
|
+
...values,
|
|
89
|
+
},
|
|
90
|
+
});
|
|
91
|
+
if (response.ok) {
|
|
92
|
+
const updatedProduct = await response.json();
|
|
93
|
+
onUpdated?.(updatedProduct);
|
|
94
|
+
return t("Product updated successfully.");
|
|
95
|
+
}
|
|
96
|
+
else {
|
|
97
|
+
console.error("[PRODUCT_CARD]", response);
|
|
98
|
+
throw new Error("updating product fields.");
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
}, [api, params, create, onCreated, onUpdated, t]);
|
|
102
|
+
return (React.createElement(Card, { alwaysEditable: create && canCreate, columns: 3, defaultEditing: create && canCreate, isEditable: (create && canCreate) || (!create && canChange), onSubmit: handleSave },
|
|
103
|
+
React.createElement(CardHeader, { title: t("Product") }),
|
|
104
|
+
React.createElement(CardContent, null,
|
|
105
|
+
React.createElement(CardRow, null,
|
|
106
|
+
React.createElement(CardFieldText, { formName: "number", label: t("Product number"), required: true, value: product.number }),
|
|
107
|
+
React.createElement(CardFieldSelect, { formName: "item_type", label: t("Type"), options: itemTypes.map((itemType) => ({ id: itemType.name, label: itemType.name })), required: true, size: 1, value: product.item_type ? { id: product.item_type, label: product.item_type } : undefined, onUpdated: (value) => {
|
|
108
|
+
const selectedItemType = itemTypes.find((itemType) => itemType.name == value);
|
|
109
|
+
setProductItemType(selectedItemType);
|
|
110
|
+
} }),
|
|
111
|
+
React.createElement(CardFieldCheckbox, { formName: "is_active", label: t("Active"), noValue: React.createElement(CancelIcon, { color: "error", fontSize: "small" }), size: 1, value: product.is_active, yesValue: React.createElement(CheckCircleIcon, { color: "success", fontSize: "small" }) })),
|
|
112
|
+
React.createElement(CardRow, null,
|
|
113
|
+
React.createElement(CardFieldText, { formName: "name", label: t("Name"), required: true, size: 3, value: product.name })),
|
|
114
|
+
React.createElement(CardRow, null,
|
|
115
|
+
React.createElement(CardFieldText, { formName: "description", label: t("Description"), size: 3, value: product.description }))),
|
|
116
|
+
create && productPropertiesRows.length > 0 && (React.createElement(React.Fragment, null,
|
|
117
|
+
React.createElement(CardHeader, { title: t("Properties") }),
|
|
118
|
+
React.createElement(CardContent, null, productPropertiesRows.map((row, index) => (React.createElement(CardRow, { key: index }, row.map((prop) => (React.createElement(ProductPropertyField, { key: `properties.${prop.name}`, formName: `properties.${prop.name}`, property: prop, value: undefined }))))))))),
|
|
119
|
+
(canChange || canCreate) && (React.createElement(CardActions, null,
|
|
120
|
+
!create && React.createElement(CardCancelButton, null),
|
|
121
|
+
React.createElement(CardSaveButton, { label: create ? "Create" : "Save" })))));
|
|
122
|
+
};
|
|
123
|
+
//# sourceMappingURL=ProductCard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProductCard.js","sourceRoot":"","sources":["../../../../../src/extensions/pim/components/ProductCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { useParams } from "react-router-dom";
|
|
3
|
+
import Card from "../../../components/Card";
|
|
4
|
+
import CardActions from "../../../components/Card/CardActions";
|
|
5
|
+
import CardCancelButton from "../../../components/Card/CardCancelButton";
|
|
6
|
+
import CardContent from "../../../components/Card/CardContent";
|
|
7
|
+
import CardHeader from "../../../components/Card/CardHeader";
|
|
8
|
+
import CardRow from "../../../components/Card/CardRow";
|
|
9
|
+
import CardSaveButton from "../../../components/Card/CardSaveButton";
|
|
10
|
+
import { useApi } from "../../../contexts/ApiContext";
|
|
11
|
+
import { useI18n } from "../../../contexts/I18nContext";
|
|
12
|
+
import { useUser } from "../../../contexts/UserContext";
|
|
13
|
+
import { hasPermission } from "../../../util/has_permission";
|
|
14
|
+
import { ProductPropertyField } from "./ProductPropertyField";
|
|
15
|
+
export const ProductPropertiesCard = ({ itemType, productProperties, setProductProperties, }) => {
|
|
16
|
+
const params = useParams();
|
|
17
|
+
const api = useApi();
|
|
18
|
+
const { t } = useI18n();
|
|
19
|
+
const { user } = useUser();
|
|
20
|
+
const productPropertiesList = itemType ? itemType.product_properties : [];
|
|
21
|
+
const productPropertiesRows = productPropertiesList.reduce((rows, prop, index) => {
|
|
22
|
+
if (index % 2 === 0)
|
|
23
|
+
rows.push([prop]);
|
|
24
|
+
else
|
|
25
|
+
rows[rows.length - 1].push(prop);
|
|
26
|
+
return rows;
|
|
27
|
+
}, []);
|
|
28
|
+
const handleSubmit = async (values) => {
|
|
29
|
+
const action = api.operations["pim.product:update"];
|
|
30
|
+
if (!action) {
|
|
31
|
+
throw new Error('Invalid action "pim.product:update".');
|
|
32
|
+
}
|
|
33
|
+
productPropertiesList.map((prop) => {
|
|
34
|
+
switch (prop.type) {
|
|
35
|
+
case "array": {
|
|
36
|
+
values[prop.name] =
|
|
37
|
+
typeof values[prop.name] === "string"
|
|
38
|
+
? [values[prop.name]]
|
|
39
|
+
: (values[prop.name] ?? []);
|
|
40
|
+
break;
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
});
|
|
44
|
+
const response = await action.call({
|
|
45
|
+
params,
|
|
46
|
+
body: {
|
|
47
|
+
item_type: itemType.name,
|
|
48
|
+
properties: {
|
|
49
|
+
...values,
|
|
50
|
+
},
|
|
51
|
+
},
|
|
52
|
+
});
|
|
53
|
+
if (response.ok) {
|
|
54
|
+
const updatedProduct = await response.json();
|
|
55
|
+
setProductProperties(updatedProduct.properties);
|
|
56
|
+
return t("Product properties updated successfully.");
|
|
57
|
+
}
|
|
58
|
+
else {
|
|
59
|
+
console.error("[PRODUCT_PROPERTIES_CARD]", response);
|
|
60
|
+
throw new Error("updating product properties fields.");
|
|
61
|
+
}
|
|
62
|
+
};
|
|
63
|
+
return (React.createElement(React.Fragment, null,
|
|
64
|
+
React.createElement(Card, { columns: 2, isEditable: hasPermission(user, "pim.change_product"), onSubmit: handleSubmit },
|
|
65
|
+
React.createElement(CardHeader, { title: t("Properties") }),
|
|
66
|
+
React.createElement(CardContent, null, productPropertiesRows.map((row, index) => (React.createElement(CardRow, { key: index }, row.map((prop) => (React.createElement(ProductPropertyField, { key: prop.name, property: prop, value: productProperties[prop.name] }))))))),
|
|
67
|
+
React.createElement(CardActions, null,
|
|
68
|
+
React.createElement(CardCancelButton, null),
|
|
69
|
+
React.createElement(CardSaveButton, null)))));
|
|
70
|
+
};
|
|
71
|
+
//# sourceMappingURL=ProductPropertiesCard.js.map
|