umwd-components 0.1.773 → 0.1.775

package/dist/esm/src/components/e-commerce/categories/CategorySelectorV2.js

@@ -54,7 +54,12 @@ sx, multiple = true, onChangeCallback, }) => {
     return (jsxs(Box, { sx: [
             // You cannot spread `sx` directly because `SxProps` (typeof sx) can be an array.
             ...(Array.isArray(sx) ? sx : [sx]),
-        ], children: [jsx(Autocomplete, { multiple: multiple, options: categories, getOptionLabel: (option) => option.title, filterSelectedOptions: true, onChange: handleCategoryChange, renderInput: (params) => jsx(TextField, { ...params, label: "Category" }), value: categories.filter((category) => selectedValues.includes(category.documentId)) }), jsx("input", { type: "hidden", name: name, value: JSON.stringify(selectedValues) || "" })] }));
+        ], children: [jsx(Autocomplete, { multiple: multiple, options: categories, getOptionLabel: (option) => {
+                    return option?.title || "";
+                }, filterSelectedOptions: true, onChange: handleCategoryChange, renderInput: (params) => jsx(TextField, { ...params, label: "Category" }), value: multiple
+                    ? categories.filter((category) => selectedValues.includes(category.documentId))
+                    : // If not multiple, we return the first matching category
+                        categories.filter((category) => selectedValues.includes(category.documentId))[0] || "" }), jsx("input", { type: "hidden", name: name, value: JSON.stringify(selectedValues) || "" })] }));
 };
 
 export { CategorySelector as default };

package/dist/esm/src/components/e-commerce/products/ProductSelector.js

@@ -55,8 +55,11 @@ sx, multiple = true, onChangeCallback, }) => {
             // You cannot spread `sx` directly because `SxProps` (typeof sx) can be an array.
             ...(Array.isArray(sx) ? sx : [sx]),
         ], children: [jsx(Autocomplete, { multiple: multiple, options: productNames, getOptionLabel: (option) => {
-                    return `${option.product_number} | ${option.title}`;
-                }, filterSelectedOptions: true, onChange: handleProductChange, renderInput: (params) => jsx(TextField, { ...params, label: "Products" }), value: productNames.filter((productName) => selectedValues.includes(productName.documentId)) }), jsx("input", { type: "hidden", name: name, value: JSON.stringify(selectedValues) })] }));
+                    return `${option?.product_number || "Unknown Product"} | ${option?.title || "Untitled Product"}`;
+                }, filterSelectedOptions: true, onChange: handleProductChange, renderInput: (params) => jsx(TextField, { ...params, label: "Products" }), value: multiple
+                    ? productNames.filter((productName) => selectedValues.includes(productName.documentId))
+                    : // If not multiple, we return the first matching product
+                        productNames.filter((productName) => selectedValues.includes(productName.documentId))[0] || "" }), jsx("input", { type: "hidden", name: name, value: JSON.stringify(selectedValues) })] }));
 };
 
 export { ProductSelector as default };