umwd-components 0.1.726 → 0.1.728

package/dist/esm/src/components/common/EnhancedTable/EnhancedTable.js

@@ -57,6 +57,7 @@ function EnhancedTable(props) {
         const target = e.target;
         if (target.checked) {
             const newSelected = data.map((n) => n.documentId);
+            console.log("newSelected", newSelected);
             setSelected(newSelected);
             return;
         }
@@ -159,7 +160,7 @@ function EnhancedTable(props) {
             });
         }
     }, [order, orderBy, page, rowsPerPage, filters]);
-    return (jsxs(Box, { sx: { width: "100%" }, children: [jsxs(Paper, { sx: { width: "100%", mb: 2 }, children: [jsx(EnhancedTableToolbar, { selected: selected, setSelected: setSelected, title: title, functions: functions, selectFunctions: selectFunctions, showFilters: showFilters, onToggleFilters: () => setShowFilters(!showFilters), hasFilterableColumns: hasFilterableColumns }), jsx(TableContainer, { children: jsxs(Table, { sx: { minWidth: 750 }, "aria-labelledby": "tableTitle", size: dense ? "small" : "medium", children: [jsx(EnhancedTableHead, { numSelected: selected.length, order: order, orderBy: orderBy, onSelectAllClick: handleSelectAllClick, onRequestSort: handleRequestSort, rowCount: data.length, headCells: headCells, withSelection: withSelection, withSubRows: !!subHeadCells }), jsxs(TableBody, { children: [showFilters && (jsx(EnhancedTableFilterRow, { headCells: headCells, filters: filters, onFilterChange: handleFilterChange, withSelection: withSelection, withSubRows: !!subHeadCells })), data.map((row, index) => (jsx(EnhancedTableRow, { row: row, headCells: headCells, subHeadCells: subHeadCells, withSelection: withSelection, isSelected: selected.includes(row.documentId), handleSelectClick: handleSelectClick, subTitle: subTitle }, row.id))), emptyRows > 0 && (jsx(TableRow, { style: {
+    return (jsxs(Box, { sx: { width: "100%" }, children: [jsxs(Paper, { sx: { width: "100%", mb: 2 }, children: [jsx(EnhancedTableToolbar, { selected: selected, setSelected: setSelected, title: title, functions: functions, selectFunctions: selectFunctions, showFilters: showFilters, onToggleFilters: () => setShowFilters(!showFilters), hasFilterableColumns: hasFilterableColumns }), jsx(TableContainer, { children: jsxs(Table, { sx: { minWidth: 750 }, "aria-labelledby": "tableTitle", size: dense ? "small" : "medium", children: [jsx(EnhancedTableHead, { numSelected: selected.length, order: order, orderBy: orderBy, onSelectAllClick: handleSelectAllClick, onRequestSort: handleRequestSort, rowCount: data.length, headCells: headCells, withSelection: withSelection, withSubRows: !!subHeadCells }), jsxs(TableBody, { children: [showFilters && (jsx(EnhancedTableFilterRow, { headCells: headCells, filters: filters, onFilterChange: handleFilterChange, withSelection: withSelection, withSubRows: !!subHeadCells })), data.map((row, index) => (jsx(EnhancedTableRow, { row: row, headCells: headCells, subHeadCells: subHeadCells, withSelection: withSelection, isSelected: selected.includes(row.documentId), handleSelectClick: handleSelectClick, subTitle: subTitle }, row.documentId || index))), emptyRows > 0 && (jsx(TableRow, { style: {
                                                 height: (dense ? 33 : 53) * emptyRows,
                                             }, children: jsx(TableCell, { colSpan: headCells.length +
                                                     (withSelection ? 1 : 0) +

package/dist/esm/src/components/common/EnhancedTable/EnhancedTableRow.js

@@ -27,7 +27,7 @@ function EnhancedTableRow(props, index) {
     const colspan = headCells.length + (withSelection ? 1 : 0) + (subHeadCells ? 1 : 0);
     return (jsxs(Fragment, { children: [jsxs(TableRow, { sx: { "& > *": { borderBottom: "unset" } }, children: [withSelection && (jsx(TableCell, { padding: "checkbox", children: jsx(Checkbox, { color: "primary", checked: isSelected, inputProps: {
                                 "aria-labelledby": labelId,
-                            }, onClick: (event) => handleSelectClick && handleSelectClick(event, row.documentId) }) })), subRows && subHeadCells && (jsx(TableCell, { children: jsx(IconButton, { "aria-label": "expand row", size: "small", onClick: () => setOpen(!open), children: open ? jsx(KeyboardArrowUpIcon, {}) : jsx(KeyboardArrowDownIcon, {}) }) })), headCells.map((cell) => (jsx(TableCell, { align: cell.numeric ? "right" : "left", padding: cell.disablePadding ? "none" : "normal", children: row[cell.id] }, cell.id)))] }), subRows && subHeadCells && (jsx(TableRow, { children: jsx(TableCell, { style: { paddingBottom: 0, paddingTop: 0 }, colSpan: colspan, children: jsx(Collapse, { in: open, timeout: "auto", unmountOnExit: true, children: jsxs(Box, { sx: { margin: 1 }, children: [jsx(Typography, { variant: "h6", gutterBottom: true, component: "div", children: subTitle }), jsxs(Table, { size: "small", "aria-label": "purchases", children: [jsx(TableHead, { children: jsx(TableRow, { children: subHeadCells.map((cell) => (jsx(TableCell, { align: cell.numeric ? "right" : "left", padding: cell.disablePadding ? "none" : "normal", children: cell.label }, `${cell.id}${cell.label}`))) }) }), jsx(TableBody, { children: subRows.map((subRow, index) => (jsx(TableRow, { children: subHeadCells.map((cell, index) => (jsx(TableCell, { align: cell.numeric ? "right" : "left", padding: cell.disablePadding ? "none" : "normal", children: subRow[cell.id] }, `${index}${cell.label}`))) }, `${subRow.key}${index}`))) })] })] }) }) }) }))] }));
+                            }, onClick: (event) => handleSelectClick && handleSelectClick(event, row.documentId) }) })), subRows && subHeadCells && (jsx(TableCell, { children: jsx(IconButton, { "aria-label": "expand row", size: "small", onClick: () => setOpen(!open), children: open ? jsx(KeyboardArrowUpIcon, {}) : jsx(KeyboardArrowDownIcon, {}) }) })), headCells.map((cell, index) => (jsx(TableCell, { align: cell.numeric ? "right" : "left", padding: cell.disablePadding ? "none" : "normal", children: row[cell.id] }, cell.id + index)))] }), subRows && subHeadCells && (jsx(TableRow, { children: jsx(TableCell, { style: { paddingBottom: 0, paddingTop: 0 }, colSpan: colspan, children: jsx(Collapse, { in: open, timeout: "auto", unmountOnExit: true, children: jsxs(Box, { sx: { margin: 1 }, children: [jsx(Typography, { variant: "h6", gutterBottom: true, component: "div", children: subTitle }), jsxs(Table, { size: "small", "aria-label": "purchases", children: [jsx(TableHead, { children: jsx(TableRow, { children: subHeadCells.map((cell) => (jsx(TableCell, { align: cell.numeric ? "right" : "left", padding: cell.disablePadding ? "none" : "normal", children: cell.label }, `${row.documentId}${cell.id}`))) }) }), jsx(TableBody, { children: subRows.map((subRow, index) => (jsx(TableRow, { children: subHeadCells.map((cell, index) => (jsx(TableCell, { align: cell.numeric ? "right" : "left", padding: cell.disablePadding ? "none" : "normal", children: subRow[cell.id] }, `${subRow.documentId}${index}`))) }, `${subRow.documentId}`))) })] })] }) }) }) }))] }));
 }
 
 export { EnhancedTableRow as default };

package/dist/esm/src/components/e-commerce/customer/CustomerSelector.js

@@ -33,7 +33,7 @@ const CustomerSelector = ({ customerLabels, currentValue, multiple = false, onCh
         }
     };
     return (jsxs(Fragment, { children: [jsx(Autocomplete, { multiple: multiple, options: customerLabels, getOptionLabel: (option) => option.title, filterSelectedOptions: true, onChange: handleCustomerChange, renderOption: (props, option) => {
-                    return (createElement("li", { ...props, key: option.id }, option.title));
+                    return (createElement("li", { ...props, key: option.documentId }, option.title));
                 }, renderInput: (params) => jsx(TextField, { ...params, label: "Customer" }), value: customerLabels.filter((customer) => selectedValues.includes(customer.documentId))[0] || null }), jsx("input", { type: "hidden", name: "customer", value: multiple
                     ? JSON.stringify(selectedValues) || ""
                     : selectedValues[0] || "" })] }));

package/dist/esm/src/components/e-commerce/opo/CreateOpoForm.js

@@ -32,6 +32,7 @@ function CreateOpoForm({ sx, revalidateCallback, handleClose, customerLabels, pr
     const [orderConfirmed, setOrderConfirmed] = useState(false);
     const [formState, formAction] = useFormState(createOpoAction, INITIAL_STATE);
     const { handleAddMessage } = useSnackbar();
+    console.log(customerLabels, productLabels);
     useEffect(() => {
         if (formState?.message) {
             handleAddMessage({

package/dist/esm/src/components/e-commerce/opo/TextualOpoItemUpdater.js

@@ -23,17 +23,17 @@ function TextualOpoItemUpdater({ item, index, handleAddReport, handleUpdateQuant
     const { line_item_number, product, ordered_quantity, picked_quantity, packed_quantity, shipped_quantity, reports, } = item;
     const [open, setOpen] = useState(false);
     // these values where wrapped with useMemo before but that did not work well while updating values
-    reports !== undefined && reports.length > 0
+    Array.isArray(reports) && reports.length > 0
         ? reports
             .filter((report) => report.type === "picked")
             .reduce((a, b) => a + b.quantity, 0)
         : 0;
-    const packed_reports_quantity = reports !== undefined && reports.length > 0
+    const packed_reports_quantity = Array.isArray(reports) && reports.length > 0
         ? reports
             .filter((report) => report.type === "packed")
             .reduce((a, b) => a + b.quantity, 0)
         : 0;
-    reports !== undefined && reports.length > 0
+    Array.isArray(reports) && reports.length > 0
         ? reports
             .filter((report) => report.type === "shipped")
             .reduce((a, b) => a + b.quantity, 0)

package/dist/esm/src/data/loaders/e-commerce/getCustomerLabels.js

@@ -21,8 +21,18 @@ async function getCustomerLabels() {
         },
     });
     const labels = await fetchData(url.href);
+    console.log("Fetched customer labels:", labels.data[0], labels.data[1], labels.data[2]);
+    if (!labels || !labels.data) {
+        console.error("No customer labels found");
+        return [];
+    }
+    if (labels.data.length === 0) {
+        console.warn("No customer labels available");
+        return [];
+    }
     return labels.data.map((label) => ({
         id: label.id,
+        documentId: label.documentId,
         title: label.first_name && label.last_name
             ? `${label.first_name} ${label.last_name}`
             : `${label.email}`,

package/dist/esm/src/data/loaders/e-commerce/getProductNames.js

@@ -20,7 +20,8 @@ async function getProductNames() {
             page: 1,
         },
     });
-    return await fetchData(url.href);
+    const products = await fetchData(url.href);
+    return products.data;
 }
 
 export { getProductNames };

package/dist/esm/src/data/loaders/e-commerce/getSingleOpo.js

@@ -24,9 +24,6 @@ async function getSingleOpo(documentId, filters = {}) {
                             image: true,
                         },
                     },
-                    picked_reports: true,
-                    packed_reports: true,
-                    shipped_reports: true,
                     reports: {
                         populate: {
                             author: true,
@@ -35,13 +32,13 @@ async function getSingleOpo(documentId, filters = {}) {
                 },
             },
             customer: {
-                populate: ["business_credentials"],
+                populate: {
+                    business_credentials: true,
+                },
             },
             notes: {
                 populate: {
-                    author: {
-                        populate: true,
-                    },
+                    author: true,
                 },
             },
         },