bananas-commerce-admin 0.20.3 → 0.21.0

package/dist/esm/extensions/pim/contrib/ArticleProduct.js

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { useEffect, useState } from "react";
 import { TableBody, TableHead, TableRow } from "@mui/material";
 import Box from "@mui/material/Box";
 import ImageList from "@mui/material/ImageList";
@@ -7,45 +7,57 @@ import ImageListItemBar from "@mui/material/ImageListItemBar";
 import Modal from "@mui/material/Modal";
 import Card from "../../../components/Card";
 import CardContent from "../../../components/Card/CardContent";
+import CardFieldSelect from "../../../components/Card/CardFieldSelect";
 import CardFieldText from "../../../components/Card/CardFieldText";
 import CardHeader from "../../../components/Card/CardHeader";
 import CardRow from "../../../components/Card/CardRow";
 import Table from "../../../components/Table";
 import { TableCell } from "../../../components/Table/TableCell";
 import TableHeading from "../../../components/Table/TableHeading";
+import { useApi } from "../../../contexts/ApiContext";
 import { useI18n } from "../../../contexts/I18nContext";
-import { capitalize } from "../../../util";
+import { ProductPropertyField } from "../components/ProductPropertyField";
 const ArticleProductCard = ({ data, params }) => {
     const { t } = useI18n();
-    const [selectedAsset, setSelectedAsset] = React.useState(null);
+    const api = useApi();
+    const [selectedAsset, setSelectedAsset] = useState(null);
+    const [productItemTypes, setProductItemTypes] = useState([]);
     const { code: articleCode } = params;
     const { product, assets } = data;
     const articleAssets = assets.filter((asset) => asset.article_code == articleCode || asset.article_code == "");
     const imageAssets = articleAssets.filter((asset) => asset.asset_type == "image");
     const otherAssets = articleAssets.filter((asset) => asset.asset_type !== "image");
-    const productProperties = Object.entries(product.properties);
-    return (React.createElement(Card, { columns: 1, isEditable: false },
+    const productProperties = product.properties;
+    const productItemType = productItemTypes.find((itemType) => itemType.name == product.item_type);
+    const productPropertiesList = productItemType ? productItemType.product_properties : [];
+    const productPropertiesRows = productPropertiesList.reduce((rows, prop, index) => {
+        if (index % 2 === 0)
+            rows.push([prop]);
+        else
+            rows[rows.length - 1].push(prop);
+        return rows;
+    }, []);
+    useEffect(() => {
+        api.operations["pim.item_types:options"].call({}).then(async (response) => {
+            if (response.ok) {
+                setProductItemTypes(await response.json());
+            }
+        });
+    }, []);
+    return (React.createElement(Card, { columns: 2, isEditable: false },
         React.createElement(CardHeader, { title: "Product" }),
         React.createElement(CardContent, null,
             React.createElement(CardRow, null,
-                React.createElement(CardFieldText, { formName: "name", label: t("Name"), required: true, value: product.name })),
+                React.createElement(CardFieldText, { formName: "name", label: t("Name"), required: true, value: product.name }),
+                React.createElement(CardFieldSelect, { formName: "item_type", label: t("Type"), options: productItemTypes.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 })),
             React.createElement(CardRow, null,
                 React.createElement(CardFieldText, { formName: "description", label: t("Description"), required: true, value: product.description }))),
-        productProperties.length > 0 && (React.createElement(React.Fragment, null,
+        productPropertiesRows.length > 0 && (React.createElement(React.Fragment, null,
             React.createElement(CardHeader, { title: t("Properties") }),
-            React.createElement(Table, { count: productProperties.length },
-                React.createElement(TableBody, { sx: {
-                        "& .MuiTableRow-root:first-of-type .MuiTableCell-root": (theme) => ({
-                            borderTop: `1px solid ${theme.palette.divider}`,
-                        }),
-                    } }, productProperties
-                    .sort((a, b) => (a[0] < b[0] ? -1 : 1))
-                    .map((prop) => (React.createElement(TableRow, { key: prop[0] },
-                    React.createElement(TableCell, null, capitalize(prop[0])),
-                    React.createElement(TableCell, { typographyProps: {
-                            variant: "caption",
-                            color: "text.secondary",
-                        } }, prop[1])))))))),
+            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] }))))))))),
         articleAssets.length > 0 && React.createElement(CardHeader, { title: t("Assets") }),
         imageAssets.length > 0 && (React.createElement(React.Fragment, null,
             React.createElement(Modal, { "aria-describedby": "modal-modal-description", "aria-labelledby": "modal-modal-title", open: selectedAsset !== null, onClose: () => setSelectedAsset(null) },

package/dist/esm/extensions/pim/contrib/ArticleProduct.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArticleProduct.js","sourceRoot":"","sources":["../../../../../src/extensions/pim/contrib/ArticleProduct.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ArticleProduct.js","sourceRoot":"","sources":["../../../../../src/extensions/pim/contrib/ArticleProduct.tsx"],"names":[],"mappings":"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"}

package/dist/esm/extensions/pim/index.js

@@ -1,4 +1,33 @@
 import InventoryOutlinedIcon from "@mui/icons-material/InventoryOutlined";
+import WorkspacesIcon from "../../assets/symbols/Workspaces";
+export * from "./types/contrib";
+export * from "./types/product";
+const routes = {
+    product: {
+        create: { page: async () => (await import("./pages/product/create")).default, offline: true },
+        detail: { page: async () => (await import("./pages/product/detail")).default },
+        list: { page: async () => (await import("./pages/product/list")).default },
+    },
+};
+export const router = {
+    app: "pim",
+    pages: (route) => {
+        const { page, ...hit } = routes[route.view]?.[route.action] ?? {};
+        if (page != null) {
+            return {
+                page: page(),
+                ...hit,
+            };
+        }
+        return undefined;
+    },
+};
+export const navigation = {
+    "pim.product:list": {
+        icon: WorkspacesIcon,
+        permission: "pim.view_product",
+    },
+};
 export const contrib = {
     catalog: {
         "catalog:article:detail:product": {
@@ -7,6 +36,7 @@ export const contrib = {
             component: async () => (await import("./contrib/ArticleProduct")).default,
             predicate: (article) => !!article.product_number,
             variant: "inline",
+            permission: "pim.view_product",
         },
     },
 };

package/dist/esm/extensions/pim/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/extensions/pim/index.tsx"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,MAAM,uCAAuC,CAAC;AAK1E,MAAM,CAAC,MAAM,OAAO,GAAwC;IAC1D,OAAO,EAAE;QACP,gCAAgC,EAAE;YAChC,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,qBAAqB;YAC3B,SAAS,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,MAAM,CAAC,0BAA0B,CAAC,CAAC,CAAC,OAAO;YACzE,SAAS,EAAE,CAAC,OAAsB,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,cAAc;YAC/D,OAAO,EAAE,QAAQ;SAClB;KACF;CACO,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/extensions/pim/index.tsx"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,MAAM,uCAAuC,CAAC;AAI1E,OAAO,cAAc,MAAM,iCAAiC,CAAC;AAK7D,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,KAAK;IACV,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,kBAAkB,EAAE;QAClB,IAAI,EAAE,cAAc;QACpB,UAAU,EAAE,kBAAkB;KAC/B;CACO,CAAC;AAEX,MAAM,CAAC,MAAM,OAAO,GAAwC;IAC1D,OAAO,EAAE;QACP,gCAAgC,EAAE;YAChC,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,qBAAqB;YAC3B,SAAS,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,MAAM,CAAC,0BAA0B,CAAC,CAAC,CAAC,OAAO;YACzE,SAAS,EAAE,CAAC,OAAsB,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,cAAc;YAC/D,OAAO,EAAE,QAAQ;YACjB,UAAU,EAAE,kBAAkB;SAC/B;KACF;CACO,CAAC"}

package/dist/esm/extensions/pim/pages/product/create.js

@@ -0,0 +1,41 @@
+import React, { useEffect, useState } from "react";
+import CategoryOutlinedIcon from "@mui/icons-material/CategoryOutlined";
+import { Header } from "../../../../components/Header";
+import { Page } from "../../../../components/Page";
+import { Tab } from "../../../../components/Tab";
+import { TabPanel } from "../../../../components/TabPanel";
+import { TabPanels } from "../../../../components/TabPanels";
+import { Tabs } from "../../../../components/Tabs";
+import { TitleBar } from "../../../../components/TitleBar";
+import Content, { LeftColumn } from "../../../../containers/Content";
+import { useApi } from "../../../../contexts/ApiContext";
+import { useRouter } from "../../../../contexts/RouterContext";
+import { ProductCard } from "../../components/ProductCard";
+const ProductCreatePage = () => {
+    const { navigate } = useRouter();
+    const api = useApi();
+    const [productItemTypes, setProductItemTypes] = useState([]);
+    useEffect(() => {
+        api.operations["pim.item_types:options"].call({}).then(async (response) => {
+            if (response.ok) {
+                setProductItemTypes(await response.json());
+            }
+        });
+    }, []);
+    return (React.createElement(Page, null,
+        React.createElement(Header, { variant: "opaque" },
+            React.createElement(TitleBar, { title: "Create Product" }),
+            React.createElement(Tabs, null,
+                React.createElement(Tab, { key: "default", icon: React.createElement(CategoryOutlinedIcon, null), label: "Product", value: "default" }))),
+        React.createElement(TabPanels, null,
+            React.createElement(TabPanel, { key: "default", value: "default" },
+                React.createElement(Content, { layout: "fixedWidth" },
+                    React.createElement(LeftColumn, null,
+                        React.createElement(ProductCard, { create: true, itemTypes: productItemTypes, onCreated: (product) => {
+                                navigate(`pim.product:detail`, {
+                                    params: { id: product.id },
+                                });
+                            } })))))));
+};
+export default ProductCreatePage;
+//# sourceMappingURL=create.js.map

package/dist/esm/extensions/pim/pages/product/create.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create.js","sourceRoot":"","sources":["../../../../../../src/extensions/pim/pages/product/create.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,oBAAoB,MAAM,sCAAsC,CAAC;AAExE,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,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAE/D,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAG3D,MAAM,iBAAiB,GAAkB,GAAG,EAAE;IAC5C,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,CAAC;IACjC,MAAM,GAAG,GAAG,MAAM,EAAE,CAAC;IAErB,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAA0B,EAAE,CAAC,CAAC;IAEtF,SAAS,CAAC,GAAG,EAAE;QACb,GAAG,CAAC,UAAU,CAAC,wBAAwB,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE;YACxE,IAAI,QAAQ,CAAC,EAAE,EAAE,CAAC;gBAChB,mBAAmB,CAAC,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC;YAC7C,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,oBAAC,IAAI;QACH,oBAAC,MAAM,IAAC,OAAO,EAAC,QAAQ;YACtB,oBAAC,QAAQ,IAAC,KAAK,EAAC,gBAAgB,GAAG;YACnC,oBAAC,IAAI;gBACH,oBAAC,GAAG,IAAC,GAAG,EAAC,SAAS,EAAC,IAAI,EAAE,oBAAC,oBAAoB,OAAG,EAAE,KAAK,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,GAAG,CAChF,CACA;QAET,oBAAC,SAAS;YACR,oBAAC,QAAQ,IAAC,GAAG,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS;gBACrC,oBAAC,OAAO,IAAC,MAAM,EAAC,YAAY;oBAC1B,oBAAC,UAAU;wBACT,oBAAC,WAAW,IACV,MAAM,QACN,SAAS,EAAE,gBAAgB,EAC3B,SAAS,EAAE,CAAC,OAAO,EAAE,EAAE;gCACrB,QAAQ,CAAC,oBAAoB,EAAE;oCAC7B,MAAM,EAAE,EAAE,EAAE,EAAE,OAAO,CAAC,EAAE,EAAE;iCAC3B,CAAC,CAAC;4BACL,CAAC,GACD,CACS,CACL,CACD,CACD,CACP,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/esm/extensions/pim/pages/product/detail.js

@@ -0,0 +1,46 @@
+import React, { useEffect, useState } from "react";
+import CategoryOutlinedIcon from "@mui/icons-material/CategoryOutlined";
+import Typography from "@mui/material/Typography";
+import { ContribInlines } from "../../../../components/ContribInlines";
+import { Header } from "../../../../components/Header";
+import { Page } from "../../../../components/Page";
+import { Tab } from "../../../../components/Tab";
+import { TabPanel } from "../../../../components/TabPanel";
+import { TabPanels } from "../../../../components/TabPanels";
+import { Tabs } from "../../../../components/Tabs";
+import { TitleBar } from "../../../../components/TitleBar";
+import Content, { LeftColumn, RightColumn } from "../../../../containers/Content";
+import { useApi } from "../../../../contexts/ApiContext";
+import { ProductCard } from "../../components/ProductCard";
+import { ProductPropertiesCard } from "../../components/ProductPropertiesCard";
+const ProductDetailPage = ({ data }) => {
+    const [product, setProduct] = useState(data);
+    const [productItemTypes, setProductItemTypes] = useState([]);
+    const api = useApi();
+    useEffect(() => {
+        api.operations["pim.item_types:options"].call({}).then(async (response) => {
+            if (response.ok) {
+                setProductItemTypes(await response.json());
+            }
+        });
+    }, []);
+    const productItemType = productItemTypes.find((itemType) => itemType.name == product.item_type);
+    return (React.createElement(Page, null,
+        React.createElement(Header, { variant: "opaque" },
+            React.createElement(TitleBar, { title: React.createElement(React.Fragment, null,
+                    data.name,
+                    React.createElement(Typography, { sx: { pl: 1 }, variant: "button" }, data.number)) }),
+            React.createElement(Tabs, { data: product },
+                React.createElement(Tab, { key: "default", icon: React.createElement(CategoryOutlinedIcon, null), label: "Product", value: "default" }))),
+        React.createElement(TabPanels, { contribParams: { number: data.number } },
+            React.createElement(TabPanel, { key: "default", value: "default" },
+                React.createElement(Content, { layout: "fixedWidth" },
+                    React.createElement(LeftColumn, null,
+                        React.createElement(ProductCard, { itemTypes: productItemTypes, product: product, onUpdated: setProduct }),
+                        productItemType && (React.createElement(ProductPropertiesCard, { itemType: productItemType, productProperties: product.properties, setProductProperties: (properties) => setProduct((previous) => ({ ...previous, properties })) })),
+                        React.createElement(ContribInlines, { contribParams: { number: data.number }, data: data })),
+                    React.createElement(RightColumn, null,
+                        React.createElement(ContribInlines, { contribParams: { number: data.number }, data: data, variant: "sidebar" })))))));
+};
+export default ProductDetailPage;
+//# sourceMappingURL=detail.js.map

package/dist/esm/extensions/pim/pages/product/detail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"detail.js","sourceRoot":"","sources":["../../../../../../src/extensions/pim/pages/product/detail.tsx"],"names":[],"mappings":"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"}

package/dist/esm/extensions/pim/pages/product/list.js

@@ -0,0 +1,54 @@
+import React from "react";
+import { Button, TableBody } from "@mui/material";
+import ActionBar from "../../../../components/ActionBar";
+import { Header } from "../../../../components/Header";
+import { Page } from "../../../../components/Page";
+import SearchBar from "../../../../components/SearchBar";
+import Table from "../../../../components/Table";
+import TableHead from "../../../../components/Table/TableHead";
+import TableHeading from "../../../../components/Table/TableHeading";
+import TableCard from "../../../../components/TableCard";
+import { TitleBar } from "../../../../components/TitleBar";
+import Content, { ContentWrapperWithActionBar } from "../../../../containers/Content";
+import { useI18n } from "../../../../contexts/I18nContext";
+import { useRouter } from "../../../../contexts/RouterContext";
+import { useUser } from "../../../../contexts/UserContext";
+import { hasPermission } from "../../../../util/has_permission";
+import { ProductRow } from "../../components/ProductRow";
+const ProductListPage = ({ data }) => {
+    const { navigate } = useRouter();
+    const { user } = useUser();
+    const { t } = useI18n();
+    return (React.createElement(Page, null,
+        React.createElement(Header, null,
+            React.createElement(TitleBar, { title: t("Products") },
+                React.createElement(SearchBar, { defaultValue: new URLSearchParams(window.location.search).get("search") ?? "", placeholder: t("Search for product number or name"), onSubmit: (input) => {
+                        if (input === "") {
+                            navigate("pim.product:list", {
+                                replace: true,
+                            });
+                        }
+                        else {
+                            navigate("pim.product:list", {
+                                query: {
+                                    search: input,
+                                },
+                                replace: true,
+                            });
+                        }
+                    } }))),
+        React.createElement(ContentWrapperWithActionBar, null,
+            React.createElement(Content, { layout: "fullWidth" },
+                React.createElement(TableCard, null,
+                    React.createElement(Table, { pagination: true, count: data?.count },
+                        React.createElement(TableHead, null,
+                            React.createElement(TableHeading, null, t("Name")),
+                            React.createElement(TableHeading, null, t("Type")),
+                            React.createElement(TableHeading, null, t("Product Number")),
+                            React.createElement(TableHeading, { align: "right" }, t("Active"))),
+                        React.createElement(TableBody, null, data?.results.map((product) => React.createElement(ProductRow, { key: product.id, product: product })))))),
+            hasPermission(user, "pim.add_product") && (React.createElement(ActionBar, null,
+                React.createElement(Button, { color: "primary", variant: "contained", onClick: () => navigate("pim.product:create") }, t("Create product")))))));
+};
+export default ProductListPage;
+//# sourceMappingURL=list.js.map

package/dist/esm/extensions/pim/pages/product/list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../../../../src/extensions/pim/pages/product/list.tsx"],"names":[],"mappings":"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"}

package/dist/esm/extensions/pim/types/product.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=product.js.map

package/dist/esm/extensions/pim/types/product.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"product.js","sourceRoot":"","sources":["../../../../../src/extensions/pim/types/product.ts"],"names":[],"mappings":""}

package/dist/types/components/Card/CardFieldAutoComplete.d.ts

@@ -5,6 +5,9 @@ export interface CardFieldAutoCompleteProps extends CardFieldBaseProps, React.Pr
     isEditable?: boolean;
     type: "autocomplete";
     value: FormOption[];
+    autoSelect?: boolean;
+    clearOnBlur?: boolean;
+    freeSolo?: boolean;
 }
 export declare const CardFieldAutoComplete: React.FC<Omit<CardFieldAutoCompleteProps, "type">>;
 export default CardFieldAutoComplete;

package/dist/types/components/Card/CardFieldSelect.d.ts

@@ -7,6 +7,7 @@ export interface CardFieldSelectProps extends React.PropsWithChildren, Omit<Sele
     emptyValue?: FormOption;
     value: FormOption | undefined;
     isEditable?: boolean;
+    onUpdated?: (val: string) => void;
 }
 export declare const CardFieldSelect: React.FC<Omit<CardFieldSelectProps, "type">>;
 export default CardFieldSelect;

package/dist/types/components/ContribInlines.d.ts

@@ -2,5 +2,6 @@ import React from "react";
 export interface ContribInlinesProps {
     contribParams?: Record<string | number | symbol, unknown>;
     data?: unknown;
+    variant?: string;
 }
 export declare const ContribInlines: React.FC<ContribInlinesProps>;

package/dist/types/extensions/catalog/components/ArticleCard.d.ts

@@ -11,4 +11,16 @@ export type ArticleCardProps = {
     onCreated?: never;
     onUpdated: (article: ArticleDetail) => void;
 };
+export interface ArticleCardFormValues {
+    code: string;
+    item_type: string;
+    is_active: string;
+    name: string;
+    description: string;
+    product_number: string;
+    model_number: string;
+    tax_code: string;
+    gtin: string;
+    variant: string;
+}
 export declare const ArticleCard: React.FC<ArticleCardProps>;

package/dist/types/extensions/catalog/contrib/ProductArticles.d.ts

@@ -0,0 +1,4 @@
+import { ContribComponent } from "../../../types";
+import { ProductArticle } from "../types/contrib";
+declare const ProductArticlesCard: ContribComponent<ProductArticle[]>;
+export default ProductArticlesCard;

package/dist/types/extensions/catalog/types/contrib.d.ts

@@ -13,3 +13,11 @@ export interface SiteItem {
 export interface SiteItemsResponse {
     items: SiteItem[];
 }
+export interface ProductArticle {
+    id: number;
+    item_type: string;
+    name: string;
+    variant: string;
+    code: string;
+    is_active: boolean;
+}

package/dist/types/extensions/pim/components/ProductCard.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+import { ProductCreated, ProductDetail, ProductItemTypeOption } from "../types/product";
+export type ProductCardProps = {
+    create: true;
+    product?: ProductDetail;
+    onCreated: (product: ProductCreated) => void;
+    onUpdated?: never;
+    itemTypes: ProductItemTypeOption[];
+} | {
+    create?: false;
+    product: ProductDetail;
+    onCreated?: never;
+    onUpdated: (product: ProductDetail) => void;
+    itemTypes: ProductItemTypeOption[];
+};
+export interface ProductCardFormValues {
+    number: string;
+    item_type: string;
+    is_active: string;
+    name: string;
+    description: string;
+}
+export declare const ProductCard: React.FC<ProductCardProps>;

package/dist/types/extensions/pim/components/ProductPropertiesCard.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { ProductItemTypeOption, ProductPropertiesData } from "../types/product";
+export interface ProductPropertiesCardProps {
+    itemType: ProductItemTypeOption;
+    productProperties: ProductPropertiesData;
+    setProductProperties: (properties: ProductPropertiesData) => void;
+}
+export declare const ProductPropertiesCard: React.FC<ProductPropertiesCardProps>;

package/dist/types/extensions/pim/components/ProductPropertyField.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { ProductProperty, ProductPropertyValue } from "../types/product";
+export interface ProductPropertyFieldProps {
+    property: ProductProperty;
+    value: ProductPropertyValue;
+    formName?: string;
+}
+export declare const ProductPropertyField: React.FC<ProductPropertyFieldProps>;

package/dist/types/extensions/pim/components/ProductRow.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import { ProductList } from "../types/product";
+export interface ProductRowProps {
+    product: ProductList;
+}
+export declare const ProductRow: React.FC<ProductRowProps>;

package/dist/types/extensions/pim/index.d.ts

@@ -1,2 +1,7 @@
-import { ContribComponentMap } from "../../types";
+import { RouterExtension } from "../../router/Router";
+import { ContribComponentMap, NavigationOverrides } from "../../types";
+export * from "./types/contrib";
+export * from "./types/product";
+export declare const router: RouterExtension;
+export declare const navigation: NavigationOverrides;
 export declare const contrib: Record<string, ContribComponentMap>;

package/dist/types/extensions/pim/pages/product/create.d.ts

@@ -0,0 +1,3 @@
+import { PageComponent } from "../../../../types";
+declare const ProductCreatePage: PageComponent;
+export default ProductCreatePage;

package/dist/types/extensions/pim/pages/product/detail.d.ts

@@ -0,0 +1,4 @@
+import { PageComponent } from "../../../../types";
+import { ProductDetail } from "../../types/product";
+declare const ProductDetailPage: PageComponent<ProductDetail>;
+export default ProductDetailPage;

package/dist/types/extensions/pim/pages/product/list.d.ts

@@ -0,0 +1,4 @@
+import { LimitOffset, PageComponent } from "../../../../types";
+import { ProductList } from "../../types/product";
+declare const ProductListPage: PageComponent<LimitOffset<ProductList>>;
+export default ProductListPage;

package/dist/types/extensions/pim/types/product.d.ts

@@ -0,0 +1,35 @@
+export interface ProductList {
+    id: number;
+    number: string;
+    item_type: string;
+    name: string;
+    description: string;
+    is_active: boolean;
+}
+export type ProductPropertyValue = string | number | boolean | string[] | number[] | boolean[] | null | undefined;
+export type ProductPropertiesData = Record<string, string | number | boolean | string[] | number[] | boolean[]>;
+export interface ProductDetail {
+    id: number;
+    number: string;
+    item_type: string;
+    name: string;
+    description: string;
+    is_active: boolean;
+    properties: ProductPropertiesData;
+}
+export interface ProductCreated {
+    id: number;
+}
+export interface ProductProperty {
+    name: string;
+    title: string;
+    type: string;
+    min_length?: number;
+    min_value?: number;
+    max_value?: number;
+    array_type?: string;
+}
+export interface ProductItemTypeOption {
+    name: string;
+    product_properties: ProductProperty[];
+}

package/dist/types/types/index.d.ts

@@ -66,7 +66,7 @@ export type ContribComponent<T = any> = React.ComponentType<PageProps<T> & OpenA
  * The variant of the component, either a tab, inline or action menu item.
  * Still requires a `Page` that loads the contrib.
  */
-export type ContribVariant = "tab" | "inline" | "action";
+export type ContribVariant = "tab" | "inline" | "action" | "sidebar";
 export interface PageContribComponent<T = any> extends OpenAPI.Request {
     /**
      * The title shown in the NavRail.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bananas-commerce-admin",
-  "version": "0.20.3",
+  "version": "0.21.0",
   "description": "What's this, an admin for apes?",
   "keywords": [
     "admin",

package/src/components/Card/CardFieldAutoComplete.tsx

@@ -16,6 +16,9 @@ export interface CardFieldAutoCompleteProps extends CardFieldBaseProps, React.Pr
   isEditable?: boolean;
   type: "autocomplete";
   value: FormOption[];
+  autoSelect?: boolean;
+  clearOnBlur?: boolean;
+  freeSolo?: boolean;
 }
 
 export const CardFieldAutoComplete: React.FC<Omit<CardFieldAutoCompleteProps, "type">> = ({
@@ -29,6 +32,9 @@ export const CardFieldAutoComplete: React.FC<Omit<CardFieldAutoCompleteProps, "t
   options,
   size = "grow",
   value: defaultValue,
+  autoSelect = false,
+  clearOnBlur = false,
+  freeSolo = false,
   ...props
 }) => {
   const { isCompact, isEditing } = useCardContext();
@@ -41,13 +47,20 @@ export const CardFieldAutoComplete: React.FC<Omit<CardFieldAutoCompleteProps, "t
       {isEditing && isEditable ? (
         <Stack alignItems="center" justifyContent="space-between">
           <Autocomplete
+            autoSelect={autoSelect}
+            clearOnBlur={clearOnBlur}
+            freeSolo={freeSolo}
             isOptionEqualToValue={(option: FormOption, value: FormOption) => option.id === value.id}
             multiple={true}
             options={options ?? []}
             renderInput={(props) => <TextField {...props} label={label} />}
             sx={{ width: "100%" }}
             value={selectedOptions}
-            onChange={(_, value) => setSelectedOptions(value as FormOption[])}
+            onChange={(_, value) =>
+              setSelectedOptions(
+                value.map((v) => (typeof v == "string" ? { id: v, label: v } : v)) as FormOption[],
+              )
+            }
             {...props}
           />
 

package/src/components/Card/CardFieldSelect.tsx

@@ -21,6 +21,7 @@ export interface CardFieldSelectProps
   emptyValue?: FormOption;
   value: FormOption | undefined;
   isEditable?: boolean;
+  onUpdated?: (val: string) => void;
 }
 
 export const CardFieldSelect: React.FC<Omit<CardFieldSelectProps, "type">> = ({
@@ -37,6 +38,7 @@ export const CardFieldSelect: React.FC<Omit<CardFieldSelectProps, "type">> = ({
   required = false,
   size = "grow",
   value: defaultValue = undefined,
+  onUpdated,
   ...props
 }) => {
   const { isCompact, isEditing } = useCardContext();
@@ -44,9 +46,11 @@ export const CardFieldSelect: React.FC<Omit<CardFieldSelectProps, "type">> = ({
 
   const handleChange = useCallback(
     (event: SelectChangeEvent<unknown>) => {
-      setValue(event.target.value as string);
+      const currentValue = event.target.value as string;
+      setValue(currentValue);
+      if (onUpdated) onUpdated(currentValue);
     },
-    [setValue],
+    [setValue, onUpdated],
   );
 
   return (