npm - @nice2dev/ui-erp - Versions diffs - 1.2.1 → 1.2.2 - Mend

@nice2dev/ui-erp 1.2.1 → 1.2.2

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.

Files changed (3) hide show

package/dist/index.cjs CHANGED Viewed

@@ -216,7 +216,16 @@ const tr = {
   "zoom-out": "M11 4a7 7 0 100 14 7 7 0 000-14z M21 21l-4.35-4.35 M8 11h6",
   navigation: "M12 2l7 19-7-4-7 4z",
   "refresh-ccw": "M1 4v6h6 M23 20v-6h-6 M20.49 9A9 9 0 005.64 5.64L1 10 M3.51 15a9 9 0 0014.85 3.36L23 14",
-  minimize: "M4 14h6v6 M20 10h-6V4 M14 10l7-7 M3 21l7-7"
+  minimize: "M4 14h6v6 M20 10h-6V4 M14 10l7-7 M3 21l7-7",
+  // 1.2.2: geometry tools and object grouping, drawn as glyphs before (Ntd* of the same names in icons)
+  point: "M12 8a4 4 0 1 0 0 8a4 4 0 1 0 0-8z M12 12h.01",
+  segment: "M6.5 17.5L17.5 6.5 M3 19a2 2 0 1 0 4 0a2 2 0 1 0-4 0 M17 5a2 2 0 1 0 4 0a2 2 0 1 0-4 0",
+  perpendicular: "M3 20h18 M12 20V4 M12 15h5v5",
+  parallel: "M4 16L14 6 M10 20L20 10",
+  midpoint: "M3 12h6 M15 12h6 M3 9v6 M21 9v6 M12 9a3 3 0 1 0 0 6a3 3 0 1 0 0-6z",
+  "angle-bisector": "M4 20h17 M4 20L16 5 M4 20l14.4-6.9 M10 20a6 6 0 0 0-2.25-4.68",
+  group: "M3 7V3h4 M17 3h4v4 M21 17v4h-4 M7 21H3v-4 M7 7h5v5H7z M12 12h5v5h-5z",
+  ungroup: "M3 3h8v8H3z M13 13h8v8h-8z"
 }, la = {
   xs: 12,
   sm: 16,
@@ -231,7 +240,7 @@ function da({
   style: a2,
   color: n,
   title: o,
-  onClick: s
+  onClick: i2
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
@@ -250,7 +259,7 @@ function da({
       role: o ? "img" : "presentation",
       "aria-label": o,
       "aria-hidden": !o,
-      onClick: s,
+      onClick: i2,
       children: [
         o && /* @__PURE__ */ jsxRuntime.jsx("title", { children: o }),
         /* @__PURE__ */ jsxRuntime.jsx("path", { d: e })
@@ -258,20 +267,20 @@ function da({
     }
   );
 }
-const re = ({
+const ae = ({
   name: e,
   size: t = "md",
   className: r,
   style: a2,
   color: n,
   title: o,
-  onClick: s
+  onClick: i2
 }) => {
-  const { resolver: i2 } = ve.useContext(gt), c2 = typeof t == "number" ? t : la[t];
-  if (i2) {
-    const d = i2(e, c2);
+  const { resolver: s } = ve.useContext(gt), c2 = typeof t == "number" ? t : la[t];
+  if (s) {
+    const d = s(e, c2);
     if (d)
-      return /* @__PURE__ */ jsxRuntime.jsx("span", { className: `nice-icon-wrap ${r || ""}`, style: a2, onClick: s, children: d });
+      return /* @__PURE__ */ jsxRuntime.jsx("span", { className: `nice-icon-wrap ${r || ""}`, style: a2, onClick: i2, children: d });
   }
   const l = tr[e];
   return l ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -283,7 +292,7 @@ const re = ({
       style: a2,
       color: n,
       title: o,
-      onClick: s
+      onClick: i2
     }
   ) : null;
 };
@@ -531,7 +540,7 @@ const NiceCapacityPlanner = ({
         unit
       )) }) }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nice-resource-allocation__toolbar-right", children: config.showConflicts && conflicts.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nice-resource-allocation__conflicts-badge", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nice-resource-allocation__badge-icon", children: /* @__PURE__ */ jsxRuntime.jsx(re, { name: "warning", size: 14 }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nice-resource-allocation__badge-icon", children: /* @__PURE__ */ jsxRuntime.jsx(ae, { name: "warning", size: 14 }) }),
         (conflicts.length === 1 ? t("capacityPlanner.oneConflict", "1 Conflict") : t("capacityPlanner.conflicts", "{count} Conflicts")).replace("{count}", String(conflicts.length))
       ] }) })
     ] }),
@@ -554,13 +563,10 @@ const NiceCapacityPlanner = ({
             style: { backgroundColor: "var(--nice-warning-tint-30, rgba(245, 158, 11, 0.3))" }
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-          "High Utilization (",
-          ">",
-          "=",
-          config.utilizationThreshold,
-          "%)"
-        ] })
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: t(
+          "capacityPlanner.highUtilization",
+          "High Utilization (>={utilizationThreshold}%)"
+        ).replace("{utilizationThreshold}", String(config.utilizationThreshold)) })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nice-resource-allocation__legend-item", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -594,7 +600,7 @@ const NiceCapacityPlanner = ({
                     toggleResource(resource.id);
                   },
                   children: /* @__PURE__ */ jsxRuntime.jsx(
-                    re,
+                    ae,
                     {
                       name: expandedResources.has(resource.id) ? "chevron-down" : "chevron-right",
                       size: 14
@@ -602,15 +608,15 @@ const NiceCapacityPlanner = ({
                   )
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nice-resource-allocation__resource-icon", children: /* @__PURE__ */ jsxRuntime.jsx(re, { name: getResourceTypeIcon(resource.type), size: 16 }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nice-resource-allocation__resource-icon", children: /* @__PURE__ */ jsxRuntime.jsx(ae, { name: getResourceTypeIcon(resource.type), size: 16 }) }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nice-resource-allocation__resource-info", children: [
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nice-resource-allocation__resource-name", children: resource.name }),
                 resource.department && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nice-resource-allocation__resource-dept", children: resource.department })
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "nice-resource-allocation__resource-capacity", children: [
-                resource.maxCapacity,
-                "h/day"
-              ] })
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nice-resource-allocation__resource-capacity", children: t("capacityPlanner.hDay", "{maxCapacity}h/day").replace(
+                "{maxCapacity}",
+                String(resource.maxCapacity)
+              ) })
             ]
           }
         ),
@@ -677,10 +683,10 @@ const NiceCapacityPlanner = ({
               },
               onClick: () => setSelectedAllocation(allocation.id),
               children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "nice-resource-allocation__allocation-label", children: [
-                  allocation.hoursPerDay,
-                  "h/day"
-                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nice-resource-allocation__allocation-label", children: t("capacityPlanner.hDay2", "{hoursPerDay}h/day").replace(
+                  "{hoursPerDay}",
+                  String(allocation.hoursPerDay)
+                ) }),
                 !readOnly && /* @__PURE__ */ jsxRuntime.jsx(
                   "button",
                   {
@@ -690,7 +696,7 @@ const NiceCapacityPlanner = ({
                       e.stopPropagation();
                       onAllocationDelete == null ? void 0 : onAllocationDelete(allocation.id);
                     },
-                    children: /* @__PURE__ */ jsxRuntime.jsx(re, { name: "close", size: 14 })
+                    children: /* @__PURE__ */ jsxRuntime.jsx(ae, { name: "close", size: 14 })
                   }
                 )
               ]
@@ -1023,7 +1029,7 @@ const NiceInventoryManager = ({
               onChange: (e) => setFilters((prev) => ({ ...prev, searchQuery: e.target.value }))
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nice-inventory-manager__search-icon", children: /* @__PURE__ */ jsxRuntime.jsx(re, { name: "search", size: 14 }) })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nice-inventory-manager__search-icon", children: /* @__PURE__ */ jsxRuntime.jsx(ae, { name: "search", size: 14 }) })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(
           "select",
@@ -1058,7 +1064,7 @@ const NiceInventoryManager = ({
             className: `nice-inventory-manager__view-button ${view === v2 ? "nice-inventory-manager__view-button--active" : ""}`,
             onClick: () => setView(v2),
             children: /* @__PURE__ */ jsxRuntime.jsx(
-              re,
+              ae,
               {
                 name: v2 === "grid" ? "grid" : v2 === "list" ? "list" : "table",
                 size: 14
@@ -1083,34 +1089,32 @@ const NiceInventoryManager = ({
               });
               setShowItemModal(true);
             },
-            children: "+ Add Item"
+            children: t("inventoryManager.addItem", "+ Add Item")
           }
         )
       ] })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nice-inventory-manager__tabs", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(
+      /* @__PURE__ */ jsxRuntime.jsx(
         "button",
         {
           className: `nice-inventory-manager__tab ${activeTab === "inventory" ? "nice-inventory-manager__tab--active" : ""}`,
           onClick: () => setActiveTab("inventory"),
-          children: [
-            "Inventory (",
-            items.length,
-            ")"
-          ]
+          children: t("inventoryManager.inventory", "Inventory ({items})").replace(
+            "{items}",
+            String(items.length)
+          )
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsxs(
+      /* @__PURE__ */ jsxRuntime.jsx(
         "button",
         {
           className: `nice-inventory-manager__tab ${activeTab === "transactions" ? "nice-inventory-manager__tab--active" : ""}`,
           onClick: () => setActiveTab("transactions"),
-          children: [
-            "Transactions (",
-            transactions.length,
-            ")"
-          ]
+          children: t("inventoryManager.transactions", "Transactions ({transactions})").replace(
+            "{transactions}",
+            String(transactions.length)
+          )
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1145,7 +1149,7 @@ const NiceInventoryManager = ({
                     onClick: (e) => e.stopPropagation()
                   }
                 ),
-                config.showImages && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nice-inventory-manager__item-image", children: ((_a2 = item.images) == null ? void 0 : _a2[0]) ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: item.images[0], alt: item.name }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nice-inventory-manager__placeholder-image", children: /* @__PURE__ */ jsxRuntime.jsx(re, { name: "box", size: 32 }) }) }),
+                config.showImages && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nice-inventory-manager__item-image", children: ((_a2 = item.images) == null ? void 0 : _a2[0]) ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: item.images[0], alt: item.name }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nice-inventory-manager__placeholder-image", children: /* @__PURE__ */ jsxRuntime.jsx(ae, { name: "box", size: 32 }) }) }),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nice-inventory-manager__item-info", children: [
                   /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nice-inventory-manager__item-sku", children: item.sku }),
                   /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "nice-inventory-manager__item-name", children: item.name }),
@@ -1166,7 +1170,7 @@ const NiceInventoryManager = ({
                     item.unit
                   ] }),
                   item.quantity <= item.reorderLevel && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "nice-inventory-manager__reorder-alert", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(re, { name: "warning", size: 12 }),
+                    /* @__PURE__ */ jsxRuntime.jsx(ae, { name: "warning", size: 12 }),
                     " ",
                     t("inventoryManager.lowStock", "Low Stock")
                   ] })
@@ -1191,7 +1195,7 @@ const NiceInventoryManager = ({
                   t("inventoryManager.sku", "SKU"),
                   " ",
                   sortBy === "sku" && /* @__PURE__ */ jsxRuntime.jsx(
-                    re,
+                    ae,
                     {
                       name: sortOrder === "asc" ? "arrow-up" : "arrow-down",
                       size: 12
@@ -1211,7 +1215,7 @@ const NiceInventoryManager = ({
                   t("inventoryManager.name", "Name"),
                   " ",
                   sortBy === "name" && /* @__PURE__ */ jsxRuntime.jsx(
-                    re,
+                    ae,
                     {
                       name: sortOrder === "asc" ? "arrow-up" : "arrow-down",
                       size: 12
@@ -1232,7 +1236,7 @@ const NiceInventoryManager = ({
                   t("inventoryManager.qty", "Qty"),
                   " ",
                   sortBy === "quantity" && /* @__PURE__ */ jsxRuntime.jsx(
-                    re,
+                    ae,
                     {
                       name: sortOrder === "asc" ? "arrow-up" : "arrow-down",
                       size: 12
@@ -1254,7 +1258,7 @@ const NiceInventoryManager = ({
                   t("inventoryManager.value", "Value"),
                   " ",
                   sortBy === "value" && /* @__PURE__ */ jsxRuntime.jsx(
-                    re,
+                    ae,
                     {
                       name: sortOrder === "asc" ? "arrow-up" : "arrow-down",
                       size: 12
@@ -1317,7 +1321,7 @@ const NiceInventoryManager = ({
                         setEditingItem(item);
                         setShowItemModal(true);
                       },
-                      children: /* @__PURE__ */ jsxRuntime.jsx(re, { name: "edit", size: 14 })
+                      children: /* @__PURE__ */ jsxRuntime.jsx(ae, { name: "edit", size: 14 })
                     }
                   ),
                   /* @__PURE__ */ jsxRuntime.jsx(
@@ -1329,7 +1333,7 @@ const NiceInventoryManager = ({
                         setNewTransaction({ itemId: item.id });
                         setShowTransactionModal(true);
                       },
-                      children: /* @__PURE__ */ jsxRuntime.jsx(re, { name: "clipboard", size: 14 })
+                      children: /* @__PURE__ */ jsxRuntime.jsx(ae, { name: "clipboard", size: 14 })
                     }
                   ),
                   /* @__PURE__ */ jsxRuntime.jsx(
@@ -1340,7 +1344,7 @@ const NiceInventoryManager = ({
                         e.stopPropagation();
                         onItemDelete == null ? void 0 : onItemDelete(item.id);
                       },
-                      children: /* @__PURE__ */ jsxRuntime.jsx(re, { name: "trash", size: 14 })
+                      children: /* @__PURE__ */ jsxRuntime.jsx(ae, { name: "trash", size: 14 })
                     }
                   )
                 ] })
@@ -1398,13 +1402,13 @@ const NiceInventoryManager = ({
           {
             className: "nice-inventory-manager__add-transaction-button",
             onClick: () => setShowTransactionModal(true),
-            children: "+ New Transaction"
+            children: t("inventoryManager.newTransaction", "+ New Transaction")
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nice-inventory-manager__transactions-list", children: recentTransactions.map((tx) => {
           const item = items.find((i2) => i2.id === tx.itemId);
           return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nice-inventory-manager__transaction-item", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nice-inventory-manager__tx-icon", children: /* @__PURE__ */ jsxRuntime.jsx(re, { name: getTransactionIcon(tx.type), size: 16 }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nice-inventory-manager__tx-icon", children: /* @__PURE__ */ jsxRuntime.jsx(ae, { name: getTransactionIcon(tx.type), size: 16 }) }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nice-inventory-manager__tx-info", children: [
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nice-inventory-manager__tx-type", children: tx.type }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nice-inventory-manager__tx-item", children: (item == null ? void 0 : item.name) || tx.itemId })
@@ -1420,15 +1424,15 @@ const NiceInventoryManager = ({
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nice-inventory-manager__tx-date", children: tx.date.toLocaleString() }),
-            tx.reference && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "nice-inventory-manager__tx-ref", children: [
-              "Ref: ",
-              tx.reference
-            ] })
+            tx.reference && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nice-inventory-manager__tx-ref", children: t("inventoryManager.ref", "Ref: {reference}").replace(
+              "{reference}",
+              String(tx.reference)
+            ) })
           ] }, tx.id);
         }) })
       ] }),
       activeTab === "reorder" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nice-inventory-manager__reorder-tab", children: reorderItems.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nice-inventory-manager__empty-state", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nice-inventory-manager__empty-icon", children: /* @__PURE__ */ jsxRuntime.jsx(re, { name: "success", size: 32 }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nice-inventory-manager__empty-icon", children: /* @__PURE__ */ jsxRuntime.jsx(ae, { name: "success", size: 32 }) }),
         /* @__PURE__ */ jsxRuntime.jsx("p", { children: t(
           "inventoryManager.allItemsAreSufficientlyStocked",
           "All items are sufficiently stocked"
@@ -1439,20 +1443,15 @@ const NiceInventoryManager = ({
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nice-inventory-manager__reorder-name", children: item.name })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nice-inventory-manager__reorder-stock", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "nice-inventory-manager__current-qty", children: [
-            "Current: ",
-            item.quantity,
-            " ",
-            item.unit
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "nice-inventory-manager__reorder-level", children: [
-            "Reorder at: ",
-            item.reorderLevel
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "nice-inventory-manager__reorder-qty", children: [
-            "Order qty: ",
-            item.reorderQuantity
-          ] })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nice-inventory-manager__current-qty", children: t("inventoryManager.current", "Current: {quantity} {unit}").replace("{quantity}", String(item.quantity)).replace("{unit}", String(item.unit)) }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nice-inventory-manager__reorder-level", children: t("inventoryManager.reorderAt", "Reorder at: {reorderLevel}").replace(
+            "{reorderLevel}",
+            String(item.reorderLevel)
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nice-inventory-manager__reorder-qty", children: t("inventoryManager.orderQty", "Order qty: {reorderQuantity}").replace(
+            "{reorderQuantity}",
+            String(item.reorderQuantity)
+          ) })
         ] }),
         item.supplier && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nice-inventory-manager__supplier-name", children: item.supplier.name }),
         !readOnly && onCreatePurchaseOrder && /* @__PURE__ */ jsxRuntime.jsx(
@@ -1472,7 +1471,7 @@ const NiceInventoryManager = ({
         className: "nice-inventory-manager__modal-overlay",
         onClick: () => setShowItemModal(false),
         children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nice-inventory-manager__item-modal", onClick: (e) => e.stopPropagation(), children: [
-          /* @__PURE__ */ jsxRuntime.jsx("h3", { children: editingItem.id ? "Edit Item" : "Add New Item" }),
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { children: editingItem.id ? t("inventoryManager.editItem", "Edit Item") : t("inventoryManager.addNewItem", "Add New Item") }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nice-inventory-manager__modal-form", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nice-inventory-manager__form-row", children: [
               /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
@@ -1603,7 +1602,7 @@ const NiceInventoryManager = ({
                 children: t("inventoryManager.cancel", "Cancel")
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx("button", { className: "nice-inventory-manager__save-button", onClick: handleItemSubmit, children: editingItem.id ? "Save Changes" : "Create Item" })
+            /* @__PURE__ */ jsxRuntime.jsx("button", { className: "nice-inventory-manager__save-button", onClick: handleItemSubmit, children: editingItem.id ? t("inventoryManager.saveChanges", "Save Changes") : t("inventoryManager.createItem", "Create Item") })
           ] })
         ] })
       }
@@ -1772,7 +1771,7 @@ const NiceInvoiceView = /* @__PURE__ */ ve.forwardRef(
       dueDate: "Due date",
       seller: "Seller",
       buyer: "Buyer",
-      description: "Description",
+      description: t("invoiceView.description", "Description"),
       qty: "Qty",
       unitPrice: "Unit price",
       vat: "VAT",
@@ -1852,7 +1851,7 @@ const NiceInvoiceView = /* @__PURE__ */ ve.forwardRef(
                   onClick: () => onAction == null ? void 0 : onAction("download"),
                   "aria-label": t("invoiceView.download", "Download"),
                   title: t("invoiceView.download", "Download"),
-                  children: /* @__PURE__ */ jsxRuntime.jsx(re, { name: "arrow-down", size: 12 })
+                  children: /* @__PURE__ */ jsxRuntime.jsx(ae, { name: "arrow-down", size: 12 })
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -1862,7 +1861,7 @@ const NiceInvoiceView = /* @__PURE__ */ ve.forwardRef(
                   onClick: () => onAction == null ? void 0 : onAction("print"),
                   "aria-label": t("invoiceView.print", "Print"),
                   title: t("invoiceView.print", "Print"),
-                  children: /* @__PURE__ */ jsxRuntime.jsx(re, { name: "printer", size: 14 })
+                  children: /* @__PURE__ */ jsxRuntime.jsx(ae, { name: "printer", size: 14 })
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -1872,7 +1871,7 @@ const NiceInvoiceView = /* @__PURE__ */ ve.forwardRef(
                   onClick: () => onAction == null ? void 0 : onAction("send"),
                   "aria-label": t("invoiceView.send", "Send"),
                   title: t("invoiceView.send", "Send"),
-                  children: /* @__PURE__ */ jsxRuntime.jsx(re, { name: "mail", size: 14 })
+                  children: /* @__PURE__ */ jsxRuntime.jsx(ae, { name: "mail", size: 14 })
                 }
               )
             ] })
@@ -2041,11 +2040,14 @@ const NiceWarehouseView = /* @__PURE__ */ ve.forwardRef(
             "aria-label": t("warehouseView.occupancyLegend", "Occupancy legend"),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx("span", { style: { background: colors.low } }),
-              " low",
+              " ",
+              t("warehouseView.low", "low"),
               /* @__PURE__ */ jsxRuntime.jsx("span", { style: { background: colors.mid } }),
-              " mid",
+              " ",
+              t("warehouseView.mid", "mid"),
               /* @__PURE__ */ jsxRuntime.jsx("span", { style: { background: colors.high } }),
-              " high"
+              " ",
+              t("warehouseView.high", "high")
             ]
           }
         )
@@ -2066,7 +2068,7 @@ const NiceWarehouseView = /* @__PURE__ */ ve.forwardRef(
                 height: cellSize,
                 background: colorFor(c2.occupancy, colors)
               },
-              title: `${key} — ${(c2.occupancy * 100).toFixed(0)}% (${c2.items.length} items)`,
+              title: t("warehouseView.items", "{key} — {occupancy}% ({items} items)").replace("{key}", String(key)).replace("{occupancy}", String((c2.occupancy * 100).toFixed(0))).replace("{items}", String(c2.items.length)),
               onClick: () => onCellClick == null ? void 0 : onCellClick(c2),
               onMouseEnter: () => setHovered(c2),
               onMouseLeave: () => setHovered(null),
@@ -2083,12 +2085,7 @@ const NiceWarehouseView = /* @__PURE__ */ ve.forwardRef(
           "/",
           hovered.location.bin
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          hovered.items.length,
-          " items · ",
-          (hovered.occupancy * 100).toFixed(0),
-          "% full"
-        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { children: t("warehouseView.itemsFull", "{items} items · {occupancy}% full").replace("{items}", String(hovered.items.length)).replace("{occupancy}", String((hovered.occupancy * 100).toFixed(0))) }),
         /* @__PURE__ */ jsxRuntime.jsxs("ul", { children: [
           hovered.items.slice(0, 5).map((it) => /* @__PURE__ */ jsxRuntime.jsxs("li", { children: [
             it.sku,
@@ -2484,12 +2481,13 @@ const NiceVatTable = /* @__PURE__ */ ve.forwardRef(
     style,
     id
   }, ref) {
+    const { t } = v();
     const [internal, setInternal] = ve.useState(rates ?? NICE_VAT_PRESETS[country]);
     const L = {
       code: "Code",
       rate: "Rate",
-      label: "Label",
-      description: "Description",
+      label: t("vatTable.label", "Label"),
+      description: t("vatTable.description", "Description"),
       add: "+ Add",
       remove: "Remove",
       ...labels
@@ -2574,7 +2572,7 @@ const NiceVatTable = /* @__PURE__ */ ve.forwardRef(
                   onChange: (e) => onCellEdit(idx, "description", e.target.value)
                 }
               ) : r.description ?? "" }),
-              editable && /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => removeRow(idx), "aria-label": L.remove, children: /* @__PURE__ */ jsxRuntime.jsx(re, { name: "close", size: 14 }) }) })
+              editable && /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => removeRow(idx), "aria-label": L.remove, children: /* @__PURE__ */ jsxRuntime.jsx(ae, { name: "close", size: 14 }) }) })
             ] }, r.code)) })
           ] }),
           editable && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "nice-vat-table__add", onClick: addRow, children: L.add })
@@ -2650,6 +2648,7 @@ const NiceJpkExporter = /* @__PURE__ */ ve.forwardRef(
     style,
     id
   }, ref) {
+    const { t } = v();
     const today = /* @__PURE__ */ new Date();
     const [format, setFormat] = ve.useState(defaultFormat);
     const [from, setFrom] = ve.useState(
@@ -2712,10 +2711,10 @@ const NiceJpkExporter = /* @__PURE__ */ ve.forwardRef(
         /* @__PURE__ */ jsxRuntime.jsx("input", { type: "date", value: to, onChange: (e) => setTo(e.target.value) })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: exportNow, children: L.export }),
-      /* @__PURE__ */ jsxRuntime.jsxs("small", { children: [
-        invoices.length,
-        " invoices ready"
-      ] })
+      /* @__PURE__ */ jsxRuntime.jsx("small", { children: t("jpkExporter.invoicesReady", "{invoices} invoices ready").replace(
+        "{invoices}",
+        String(invoices.length)
+      ) })
     ] });
   }
 );

package/dist/index.mjs CHANGED Viewed

@@ -214,7 +214,16 @@ const tr = {
   "zoom-out": "M11 4a7 7 0 100 14 7 7 0 000-14z M21 21l-4.35-4.35 M8 11h6",
   navigation: "M12 2l7 19-7-4-7 4z",
   "refresh-ccw": "M1 4v6h6 M23 20v-6h-6 M20.49 9A9 9 0 005.64 5.64L1 10 M3.51 15a9 9 0 0014.85 3.36L23 14",
-  minimize: "M4 14h6v6 M20 10h-6V4 M14 10l7-7 M3 21l7-7"
+  minimize: "M4 14h6v6 M20 10h-6V4 M14 10l7-7 M3 21l7-7",
+  // 1.2.2: geometry tools and object grouping, drawn as glyphs before (Ntd* of the same names in icons)
+  point: "M12 8a4 4 0 1 0 0 8a4 4 0 1 0 0-8z M12 12h.01",
+  segment: "M6.5 17.5L17.5 6.5 M3 19a2 2 0 1 0 4 0a2 2 0 1 0-4 0 M17 5a2 2 0 1 0 4 0a2 2 0 1 0-4 0",
+  perpendicular: "M3 20h18 M12 20V4 M12 15h5v5",
+  parallel: "M4 16L14 6 M10 20L20 10",
+  midpoint: "M3 12h6 M15 12h6 M3 9v6 M21 9v6 M12 9a3 3 0 1 0 0 6a3 3 0 1 0 0-6z",
+  "angle-bisector": "M4 20h17 M4 20L16 5 M4 20l14.4-6.9 M10 20a6 6 0 0 0-2.25-4.68",
+  group: "M3 7V3h4 M17 3h4v4 M21 17v4h-4 M7 21H3v-4 M7 7h5v5H7z M12 12h5v5h-5z",
+  ungroup: "M3 3h8v8H3z M13 13h8v8h-8z"
 }, la = {
   xs: 12,
   sm: 16,
@@ -229,7 +238,7 @@ function da({
   style: a2,
   color: n,
   title: o,
-  onClick: s
+  onClick: i2
 }) {
   return /* @__PURE__ */ jsxs(
     "svg",
@@ -248,7 +257,7 @@ function da({
       role: o ? "img" : "presentation",
       "aria-label": o,
       "aria-hidden": !o,
-      onClick: s,
+      onClick: i2,
       children: [
         o && /* @__PURE__ */ jsx("title", { children: o }),
         /* @__PURE__ */ jsx("path", { d: e })
@@ -256,20 +265,20 @@ function da({
     }
   );
 }
-const re = ({
+const ae = ({
   name: e,
   size: t = "md",
   className: r,
   style: a2,
   color: n,
   title: o,
-  onClick: s
+  onClick: i2
 }) => {
-  const { resolver: i2 } = useContext(gt), c2 = typeof t == "number" ? t : la[t];
-  if (i2) {
-    const d = i2(e, c2);
+  const { resolver: s } = useContext(gt), c2 = typeof t == "number" ? t : la[t];
+  if (s) {
+    const d = s(e, c2);
     if (d)
-      return /* @__PURE__ */ jsx("span", { className: `nice-icon-wrap ${r || ""}`, style: a2, onClick: s, children: d });
+      return /* @__PURE__ */ jsx("span", { className: `nice-icon-wrap ${r || ""}`, style: a2, onClick: i2, children: d });
   }
   const l = tr[e];
   return l ? /* @__PURE__ */ jsx(
@@ -281,7 +290,7 @@ const re = ({
       style: a2,
       color: n,
       title: o,
-      onClick: s
+      onClick: i2
     }
   ) : null;
 };
@@ -529,7 +538,7 @@ const NiceCapacityPlanner = ({
         unit
       )) }) }),
       /* @__PURE__ */ jsx("div", { className: "nice-resource-allocation__toolbar-right", children: config.showConflicts && conflicts.length > 0 && /* @__PURE__ */ jsxs("div", { className: "nice-resource-allocation__conflicts-badge", children: [
-        /* @__PURE__ */ jsx("span", { className: "nice-resource-allocation__badge-icon", children: /* @__PURE__ */ jsx(re, { name: "warning", size: 14 }) }),
+        /* @__PURE__ */ jsx("span", { className: "nice-resource-allocation__badge-icon", children: /* @__PURE__ */ jsx(ae, { name: "warning", size: 14 }) }),
         (conflicts.length === 1 ? t("capacityPlanner.oneConflict", "1 Conflict") : t("capacityPlanner.conflicts", "{count} Conflicts")).replace("{count}", String(conflicts.length))
       ] }) })
     ] }),
@@ -552,13 +561,10 @@ const NiceCapacityPlanner = ({
             style: { backgroundColor: "var(--nice-warning-tint-30, rgba(245, 158, 11, 0.3))" }
           }
         ),
-        /* @__PURE__ */ jsxs("span", { children: [
-          "High Utilization (",
-          ">",
-          "=",
-          config.utilizationThreshold,
-          "%)"
-        ] })
+        /* @__PURE__ */ jsx("span", { children: t(
+          "capacityPlanner.highUtilization",
+          "High Utilization (>={utilizationThreshold}%)"
+        ).replace("{utilizationThreshold}", String(config.utilizationThreshold)) })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "nice-resource-allocation__legend-item", children: [
         /* @__PURE__ */ jsx(
@@ -592,7 +598,7 @@ const NiceCapacityPlanner = ({
                     toggleResource(resource.id);
                   },
                   children: /* @__PURE__ */ jsx(
-                    re,
+                    ae,
                     {
                       name: expandedResources.has(resource.id) ? "chevron-down" : "chevron-right",
                       size: 14
@@ -600,15 +606,15 @@ const NiceCapacityPlanner = ({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx("span", { className: "nice-resource-allocation__resource-icon", children: /* @__PURE__ */ jsx(re, { name: getResourceTypeIcon(resource.type), size: 16 }) }),
+              /* @__PURE__ */ jsx("span", { className: "nice-resource-allocation__resource-icon", children: /* @__PURE__ */ jsx(ae, { name: getResourceTypeIcon(resource.type), size: 16 }) }),
               /* @__PURE__ */ jsxs("div", { className: "nice-resource-allocation__resource-info", children: [
                 /* @__PURE__ */ jsx("span", { className: "nice-resource-allocation__resource-name", children: resource.name }),
                 resource.department && /* @__PURE__ */ jsx("span", { className: "nice-resource-allocation__resource-dept", children: resource.department })
               ] }),
-              /* @__PURE__ */ jsxs("span", { className: "nice-resource-allocation__resource-capacity", children: [
-                resource.maxCapacity,
-                "h/day"
-              ] })
+              /* @__PURE__ */ jsx("span", { className: "nice-resource-allocation__resource-capacity", children: t("capacityPlanner.hDay", "{maxCapacity}h/day").replace(
+                "{maxCapacity}",
+                String(resource.maxCapacity)
+              ) })
             ]
           }
         ),
@@ -675,10 +681,10 @@ const NiceCapacityPlanner = ({
               },
               onClick: () => setSelectedAllocation(allocation.id),
               children: [
-                /* @__PURE__ */ jsxs("span", { className: "nice-resource-allocation__allocation-label", children: [
-                  allocation.hoursPerDay,
-                  "h/day"
-                ] }),
+                /* @__PURE__ */ jsx("span", { className: "nice-resource-allocation__allocation-label", children: t("capacityPlanner.hDay2", "{hoursPerDay}h/day").replace(
+                  "{hoursPerDay}",
+                  String(allocation.hoursPerDay)
+                ) }),
                 !readOnly && /* @__PURE__ */ jsx(
                   "button",
                   {
@@ -688,7 +694,7 @@ const NiceCapacityPlanner = ({
                       e.stopPropagation();
                       onAllocationDelete == null ? void 0 : onAllocationDelete(allocation.id);
                     },
-                    children: /* @__PURE__ */ jsx(re, { name: "close", size: 14 })
+                    children: /* @__PURE__ */ jsx(ae, { name: "close", size: 14 })
                   }
                 )
               ]
@@ -1021,7 +1027,7 @@ const NiceInventoryManager = ({
               onChange: (e) => setFilters((prev) => ({ ...prev, searchQuery: e.target.value }))
             }
           ),
-          /* @__PURE__ */ jsx("span", { className: "nice-inventory-manager__search-icon", children: /* @__PURE__ */ jsx(re, { name: "search", size: 14 }) })
+          /* @__PURE__ */ jsx("span", { className: "nice-inventory-manager__search-icon", children: /* @__PURE__ */ jsx(ae, { name: "search", size: 14 }) })
         ] }),
         /* @__PURE__ */ jsxs(
           "select",
@@ -1056,7 +1062,7 @@ const NiceInventoryManager = ({
             className: `nice-inventory-manager__view-button ${view === v2 ? "nice-inventory-manager__view-button--active" : ""}`,
             onClick: () => setView(v2),
             children: /* @__PURE__ */ jsx(
-              re,
+              ae,
               {
                 name: v2 === "grid" ? "grid" : v2 === "list" ? "list" : "table",
                 size: 14
@@ -1081,34 +1087,32 @@ const NiceInventoryManager = ({
               });
               setShowItemModal(true);
             },
-            children: "+ Add Item"
+            children: t("inventoryManager.addItem", "+ Add Item")
           }
         )
       ] })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "nice-inventory-manager__tabs", children: [
-      /* @__PURE__ */ jsxs(
+      /* @__PURE__ */ jsx(
         "button",
         {
           className: `nice-inventory-manager__tab ${activeTab === "inventory" ? "nice-inventory-manager__tab--active" : ""}`,
           onClick: () => setActiveTab("inventory"),
-          children: [
-            "Inventory (",
-            items.length,
-            ")"
-          ]
+          children: t("inventoryManager.inventory", "Inventory ({items})").replace(
+            "{items}",
+            String(items.length)
+          )
         }
       ),
-      /* @__PURE__ */ jsxs(
+      /* @__PURE__ */ jsx(
         "button",
         {
           className: `nice-inventory-manager__tab ${activeTab === "transactions" ? "nice-inventory-manager__tab--active" : ""}`,
           onClick: () => setActiveTab("transactions"),
-          children: [
-            "Transactions (",
-            transactions.length,
-            ")"
-          ]
+          children: t("inventoryManager.transactions", "Transactions ({transactions})").replace(
+            "{transactions}",
+            String(transactions.length)
+          )
         }
       ),
       /* @__PURE__ */ jsxs(
@@ -1143,7 +1147,7 @@ const NiceInventoryManager = ({
                     onClick: (e) => e.stopPropagation()
                   }
                 ),
-                config.showImages && /* @__PURE__ */ jsx("div", { className: "nice-inventory-manager__item-image", children: ((_a2 = item.images) == null ? void 0 : _a2[0]) ? /* @__PURE__ */ jsx("img", { src: item.images[0], alt: item.name }) : /* @__PURE__ */ jsx("span", { className: "nice-inventory-manager__placeholder-image", children: /* @__PURE__ */ jsx(re, { name: "box", size: 32 }) }) }),
+                config.showImages && /* @__PURE__ */ jsx("div", { className: "nice-inventory-manager__item-image", children: ((_a2 = item.images) == null ? void 0 : _a2[0]) ? /* @__PURE__ */ jsx("img", { src: item.images[0], alt: item.name }) : /* @__PURE__ */ jsx("span", { className: "nice-inventory-manager__placeholder-image", children: /* @__PURE__ */ jsx(ae, { name: "box", size: 32 }) }) }),
                 /* @__PURE__ */ jsxs("div", { className: "nice-inventory-manager__item-info", children: [
                   /* @__PURE__ */ jsx("span", { className: "nice-inventory-manager__item-sku", children: item.sku }),
                   /* @__PURE__ */ jsx("h4", { className: "nice-inventory-manager__item-name", children: item.name }),
@@ -1164,7 +1168,7 @@ const NiceInventoryManager = ({
                     item.unit
                   ] }),
                   item.quantity <= item.reorderLevel && /* @__PURE__ */ jsxs("span", { className: "nice-inventory-manager__reorder-alert", children: [
-                    /* @__PURE__ */ jsx(re, { name: "warning", size: 12 }),
+                    /* @__PURE__ */ jsx(ae, { name: "warning", size: 12 }),
                     " ",
                     t("inventoryManager.lowStock", "Low Stock")
                   ] })
@@ -1189,7 +1193,7 @@ const NiceInventoryManager = ({
                   t("inventoryManager.sku", "SKU"),
                   " ",
                   sortBy === "sku" && /* @__PURE__ */ jsx(
-                    re,
+                    ae,
                     {
                       name: sortOrder === "asc" ? "arrow-up" : "arrow-down",
                       size: 12
@@ -1209,7 +1213,7 @@ const NiceInventoryManager = ({
                   t("inventoryManager.name", "Name"),
                   " ",
                   sortBy === "name" && /* @__PURE__ */ jsx(
-                    re,
+                    ae,
                     {
                       name: sortOrder === "asc" ? "arrow-up" : "arrow-down",
                       size: 12
@@ -1230,7 +1234,7 @@ const NiceInventoryManager = ({
                   t("inventoryManager.qty", "Qty"),
                   " ",
                   sortBy === "quantity" && /* @__PURE__ */ jsx(
-                    re,
+                    ae,
                     {
                       name: sortOrder === "asc" ? "arrow-up" : "arrow-down",
                       size: 12
@@ -1252,7 +1256,7 @@ const NiceInventoryManager = ({
                   t("inventoryManager.value", "Value"),
                   " ",
                   sortBy === "value" && /* @__PURE__ */ jsx(
-                    re,
+                    ae,
                     {
                       name: sortOrder === "asc" ? "arrow-up" : "arrow-down",
                       size: 12
@@ -1315,7 +1319,7 @@ const NiceInventoryManager = ({
                         setEditingItem(item);
                         setShowItemModal(true);
                       },
-                      children: /* @__PURE__ */ jsx(re, { name: "edit", size: 14 })
+                      children: /* @__PURE__ */ jsx(ae, { name: "edit", size: 14 })
                     }
                   ),
                   /* @__PURE__ */ jsx(
@@ -1327,7 +1331,7 @@ const NiceInventoryManager = ({
                         setNewTransaction({ itemId: item.id });
                         setShowTransactionModal(true);
                       },
-                      children: /* @__PURE__ */ jsx(re, { name: "clipboard", size: 14 })
+                      children: /* @__PURE__ */ jsx(ae, { name: "clipboard", size: 14 })
                     }
                   ),
                   /* @__PURE__ */ jsx(
@@ -1338,7 +1342,7 @@ const NiceInventoryManager = ({
                         e.stopPropagation();
                         onItemDelete == null ? void 0 : onItemDelete(item.id);
                       },
-                      children: /* @__PURE__ */ jsx(re, { name: "trash", size: 14 })
+                      children: /* @__PURE__ */ jsx(ae, { name: "trash", size: 14 })
                     }
                   )
                 ] })
@@ -1396,13 +1400,13 @@ const NiceInventoryManager = ({
           {
             className: "nice-inventory-manager__add-transaction-button",
             onClick: () => setShowTransactionModal(true),
-            children: "+ New Transaction"
+            children: t("inventoryManager.newTransaction", "+ New Transaction")
           }
         ),
         /* @__PURE__ */ jsx("div", { className: "nice-inventory-manager__transactions-list", children: recentTransactions.map((tx) => {
           const item = items.find((i2) => i2.id === tx.itemId);
           return /* @__PURE__ */ jsxs("div", { className: "nice-inventory-manager__transaction-item", children: [
-            /* @__PURE__ */ jsx("span", { className: "nice-inventory-manager__tx-icon", children: /* @__PURE__ */ jsx(re, { name: getTransactionIcon(tx.type), size: 16 }) }),
+            /* @__PURE__ */ jsx("span", { className: "nice-inventory-manager__tx-icon", children: /* @__PURE__ */ jsx(ae, { name: getTransactionIcon(tx.type), size: 16 }) }),
             /* @__PURE__ */ jsxs("div", { className: "nice-inventory-manager__tx-info", children: [
               /* @__PURE__ */ jsx("span", { className: "nice-inventory-manager__tx-type", children: tx.type }),
               /* @__PURE__ */ jsx("span", { className: "nice-inventory-manager__tx-item", children: (item == null ? void 0 : item.name) || tx.itemId })
@@ -1418,15 +1422,15 @@ const NiceInventoryManager = ({
               }
             ),
             /* @__PURE__ */ jsx("span", { className: "nice-inventory-manager__tx-date", children: tx.date.toLocaleString() }),
-            tx.reference && /* @__PURE__ */ jsxs("span", { className: "nice-inventory-manager__tx-ref", children: [
-              "Ref: ",
-              tx.reference
-            ] })
+            tx.reference && /* @__PURE__ */ jsx("span", { className: "nice-inventory-manager__tx-ref", children: t("inventoryManager.ref", "Ref: {reference}").replace(
+              "{reference}",
+              String(tx.reference)
+            ) })
           ] }, tx.id);
         }) })
       ] }),
       activeTab === "reorder" && /* @__PURE__ */ jsx("div", { className: "nice-inventory-manager__reorder-tab", children: reorderItems.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "nice-inventory-manager__empty-state", children: [
-        /* @__PURE__ */ jsx("span", { className: "nice-inventory-manager__empty-icon", children: /* @__PURE__ */ jsx(re, { name: "success", size: 32 }) }),
+        /* @__PURE__ */ jsx("span", { className: "nice-inventory-manager__empty-icon", children: /* @__PURE__ */ jsx(ae, { name: "success", size: 32 }) }),
         /* @__PURE__ */ jsx("p", { children: t(
           "inventoryManager.allItemsAreSufficientlyStocked",
           "All items are sufficiently stocked"
@@ -1437,20 +1441,15 @@ const NiceInventoryManager = ({
           /* @__PURE__ */ jsx("span", { className: "nice-inventory-manager__reorder-name", children: item.name })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "nice-inventory-manager__reorder-stock", children: [
-          /* @__PURE__ */ jsxs("span", { className: "nice-inventory-manager__current-qty", children: [
-            "Current: ",
-            item.quantity,
-            " ",
-            item.unit
-          ] }),
-          /* @__PURE__ */ jsxs("span", { className: "nice-inventory-manager__reorder-level", children: [
-            "Reorder at: ",
-            item.reorderLevel
-          ] }),
-          /* @__PURE__ */ jsxs("span", { className: "nice-inventory-manager__reorder-qty", children: [
-            "Order qty: ",
-            item.reorderQuantity
-          ] })
+          /* @__PURE__ */ jsx("span", { className: "nice-inventory-manager__current-qty", children: t("inventoryManager.current", "Current: {quantity} {unit}").replace("{quantity}", String(item.quantity)).replace("{unit}", String(item.unit)) }),
+          /* @__PURE__ */ jsx("span", { className: "nice-inventory-manager__reorder-level", children: t("inventoryManager.reorderAt", "Reorder at: {reorderLevel}").replace(
+            "{reorderLevel}",
+            String(item.reorderLevel)
+          ) }),
+          /* @__PURE__ */ jsx("span", { className: "nice-inventory-manager__reorder-qty", children: t("inventoryManager.orderQty", "Order qty: {reorderQuantity}").replace(
+            "{reorderQuantity}",
+            String(item.reorderQuantity)
+          ) })
         ] }),
         item.supplier && /* @__PURE__ */ jsx("span", { className: "nice-inventory-manager__supplier-name", children: item.supplier.name }),
         !readOnly && onCreatePurchaseOrder && /* @__PURE__ */ jsx(
@@ -1470,7 +1469,7 @@ const NiceInventoryManager = ({
         className: "nice-inventory-manager__modal-overlay",
         onClick: () => setShowItemModal(false),
         children: /* @__PURE__ */ jsxs("div", { className: "nice-inventory-manager__item-modal", onClick: (e) => e.stopPropagation(), children: [
-          /* @__PURE__ */ jsx("h3", { children: editingItem.id ? "Edit Item" : "Add New Item" }),
+          /* @__PURE__ */ jsx("h3", { children: editingItem.id ? t("inventoryManager.editItem", "Edit Item") : t("inventoryManager.addNewItem", "Add New Item") }),
           /* @__PURE__ */ jsxs("div", { className: "nice-inventory-manager__modal-form", children: [
             /* @__PURE__ */ jsxs("div", { className: "nice-inventory-manager__form-row", children: [
               /* @__PURE__ */ jsxs("label", { children: [
@@ -1601,7 +1600,7 @@ const NiceInventoryManager = ({
                 children: t("inventoryManager.cancel", "Cancel")
               }
             ),
-            /* @__PURE__ */ jsx("button", { className: "nice-inventory-manager__save-button", onClick: handleItemSubmit, children: editingItem.id ? "Save Changes" : "Create Item" })
+            /* @__PURE__ */ jsx("button", { className: "nice-inventory-manager__save-button", onClick: handleItemSubmit, children: editingItem.id ? t("inventoryManager.saveChanges", "Save Changes") : t("inventoryManager.createItem", "Create Item") })
           ] })
         ] })
       }
@@ -1770,7 +1769,7 @@ const NiceInvoiceView = /* @__PURE__ */ forwardRef(
       dueDate: "Due date",
       seller: "Seller",
       buyer: "Buyer",
-      description: "Description",
+      description: t("invoiceView.description", "Description"),
       qty: "Qty",
       unitPrice: "Unit price",
       vat: "VAT",
@@ -1850,7 +1849,7 @@ const NiceInvoiceView = /* @__PURE__ */ forwardRef(
                   onClick: () => onAction == null ? void 0 : onAction("download"),
                   "aria-label": t("invoiceView.download", "Download"),
                   title: t("invoiceView.download", "Download"),
-                  children: /* @__PURE__ */ jsx(re, { name: "arrow-down", size: 12 })
+                  children: /* @__PURE__ */ jsx(ae, { name: "arrow-down", size: 12 })
                 }
               ),
               /* @__PURE__ */ jsx(
@@ -1860,7 +1859,7 @@ const NiceInvoiceView = /* @__PURE__ */ forwardRef(
                   onClick: () => onAction == null ? void 0 : onAction("print"),
                   "aria-label": t("invoiceView.print", "Print"),
                   title: t("invoiceView.print", "Print"),
-                  children: /* @__PURE__ */ jsx(re, { name: "printer", size: 14 })
+                  children: /* @__PURE__ */ jsx(ae, { name: "printer", size: 14 })
                 }
               ),
               /* @__PURE__ */ jsx(
@@ -1870,7 +1869,7 @@ const NiceInvoiceView = /* @__PURE__ */ forwardRef(
                   onClick: () => onAction == null ? void 0 : onAction("send"),
                   "aria-label": t("invoiceView.send", "Send"),
                   title: t("invoiceView.send", "Send"),
-                  children: /* @__PURE__ */ jsx(re, { name: "mail", size: 14 })
+                  children: /* @__PURE__ */ jsx(ae, { name: "mail", size: 14 })
                 }
               )
             ] })
@@ -2039,11 +2038,14 @@ const NiceWarehouseView = /* @__PURE__ */ forwardRef(
             "aria-label": t("warehouseView.occupancyLegend", "Occupancy legend"),
             children: [
               /* @__PURE__ */ jsx("span", { style: { background: colors.low } }),
-              " low",
+              " ",
+              t("warehouseView.low", "low"),
               /* @__PURE__ */ jsx("span", { style: { background: colors.mid } }),
-              " mid",
+              " ",
+              t("warehouseView.mid", "mid"),
               /* @__PURE__ */ jsx("span", { style: { background: colors.high } }),
-              " high"
+              " ",
+              t("warehouseView.high", "high")
             ]
           }
         )
@@ -2064,7 +2066,7 @@ const NiceWarehouseView = /* @__PURE__ */ forwardRef(
                 height: cellSize,
                 background: colorFor(c2.occupancy, colors)
               },
-              title: `${key} — ${(c2.occupancy * 100).toFixed(0)}% (${c2.items.length} items)`,
+              title: t("warehouseView.items", "{key} — {occupancy}% ({items} items)").replace("{key}", String(key)).replace("{occupancy}", String((c2.occupancy * 100).toFixed(0))).replace("{items}", String(c2.items.length)),
               onClick: () => onCellClick == null ? void 0 : onCellClick(c2),
               onMouseEnter: () => setHovered(c2),
               onMouseLeave: () => setHovered(null),
@@ -2081,12 +2083,7 @@ const NiceWarehouseView = /* @__PURE__ */ forwardRef(
           "/",
           hovered.location.bin
         ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          hovered.items.length,
-          " items · ",
-          (hovered.occupancy * 100).toFixed(0),
-          "% full"
-        ] }),
+        /* @__PURE__ */ jsx("div", { children: t("warehouseView.itemsFull", "{items} items · {occupancy}% full").replace("{items}", String(hovered.items.length)).replace("{occupancy}", String((hovered.occupancy * 100).toFixed(0))) }),
         /* @__PURE__ */ jsxs("ul", { children: [
           hovered.items.slice(0, 5).map((it) => /* @__PURE__ */ jsxs("li", { children: [
             it.sku,
@@ -2482,12 +2479,13 @@ const NiceVatTable = /* @__PURE__ */ forwardRef(
     style,
     id
   }, ref) {
+    const { t } = v();
     const [internal, setInternal] = useState(rates ?? NICE_VAT_PRESETS[country]);
     const L = {
       code: "Code",
       rate: "Rate",
-      label: "Label",
-      description: "Description",
+      label: t("vatTable.label", "Label"),
+      description: t("vatTable.description", "Description"),
       add: "+ Add",
       remove: "Remove",
       ...labels
@@ -2572,7 +2570,7 @@ const NiceVatTable = /* @__PURE__ */ forwardRef(
                   onChange: (e) => onCellEdit(idx, "description", e.target.value)
                 }
               ) : r.description ?? "" }),
-              editable && /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx("button", { type: "button", onClick: () => removeRow(idx), "aria-label": L.remove, children: /* @__PURE__ */ jsx(re, { name: "close", size: 14 }) }) })
+              editable && /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx("button", { type: "button", onClick: () => removeRow(idx), "aria-label": L.remove, children: /* @__PURE__ */ jsx(ae, { name: "close", size: 14 }) }) })
             ] }, r.code)) })
           ] }),
           editable && /* @__PURE__ */ jsx("button", { type: "button", className: "nice-vat-table__add", onClick: addRow, children: L.add })
@@ -2648,6 +2646,7 @@ const NiceJpkExporter = /* @__PURE__ */ forwardRef(
     style,
     id
   }, ref) {
+    const { t } = v();
     const today = /* @__PURE__ */ new Date();
     const [format, setFormat] = useState(defaultFormat);
     const [from, setFrom] = useState(
@@ -2710,10 +2709,10 @@ const NiceJpkExporter = /* @__PURE__ */ forwardRef(
         /* @__PURE__ */ jsx("input", { type: "date", value: to, onChange: (e) => setTo(e.target.value) })
       ] }),
       /* @__PURE__ */ jsx("button", { type: "button", onClick: exportNow, children: L.export }),
-      /* @__PURE__ */ jsxs("small", { children: [
-        invoices.length,
-        " invoices ready"
-      ] })
+      /* @__PURE__ */ jsx("small", { children: t("jpkExporter.invoicesReady", "{invoices} invoices ready").replace(
+        "{invoices}",
+        String(invoices.length)
+      ) })
     ] });
   }
 );

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@nice2dev/ui-erp",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "description": "Enterprise Resource Planning components for Nice2Dev",
   "author": "Nice2Dev Team",
   "license": "MIT",
@@ -50,7 +50,7 @@
     "react-dom": ">=17.0.0"
   },
   "devDependencies": {
-    "@nice2dev/ui-core": "^1.2.1",
+    "@nice2dev/ui-core": "^1.2.2",
     "@testing-library/react": "^16.3.3",
     "@types/react": "^19.2.18",
     "@types/react-dom": "^19.2.7",