@pfm-platform/budgets-ui-mui 0.2.0 → 0.3.0

package/dist/index.cjs

@@ -15,13 +15,13 @@ var DeleteIcon__default = /*#__PURE__*/_interopDefault(DeleteIcon);
 // src/components/BudgetList.tsx
 function BudgetList({
   userId,
-  start_date,
-  end_date,
+  month,
+  year,
   title = "Budgets",
   currencySymbol = "$",
   maxItems
 }) {
-  const budgets = budgetsFeature.useBudgetProgress({ userId, start_date, end_date });
+  const budgets = budgetsFeature.useBudgetProgress({ userId, month, year });
   if (!budgets) {
     return /* @__PURE__ */ jsxRuntime.jsx(material.Card, { children: /* @__PURE__ */ jsxRuntime.jsxs(material.CardContent, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h6", gutterBottom: true, children: title }),
@@ -84,12 +84,12 @@ function BudgetList({
 }
 function BudgetSummary({
   userId,
-  start_date,
-  end_date,
+  month,
+  year,
   title = "Budget Summary",
   currencySymbol = "$"
 }) {
-  const summary = budgetsFeature.useBudgetSummary({ userId, start_date, end_date });
+  const summary = budgetsFeature.useBudgetSummary({ userId, month, year });
   if (!summary) {
     return /* @__PURE__ */ jsxRuntime.jsx(material.Card, { children: /* @__PURE__ */ jsxRuntime.jsxs(material.CardContent, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h6", gutterBottom: true, children: title }),
@@ -211,13 +211,16 @@ function BudgetCreateForm({
       setError("At least one tag is required");
       return;
     }
+    const now = /* @__PURE__ */ new Date();
     const data = {
+      user_id: userId,
       name: name.trim(),
+      month: now.getMonth() + 1,
+      year: now.getFullYear(),
       budget_amount: amount,
-      tag_names: tags,
       show_on_dashboard: true
     };
-    createBudget.mutate({ userId, data });
+    createBudget.mutate({ userId, data, tagNames: tags });
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(material.Paper, { sx: { p: 3 }, children: [
     /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h6", gutterBottom: true, children: "Create Budget" }),
@@ -310,7 +313,7 @@ function BudgetEditForm({
 }) {
   const [name, setName] = react.useState(budget.name);
   const [budgetAmount, setBudgetAmount] = react.useState(budget.budget_amount.toString());
-  const [tagNames, setTagNames] = react.useState(budget.tag_names.join(", "));
+  const [tagNames, setTagNames] = react.useState(budget.budget_tags.map((bt) => bt.tag_name).join(", "));
   const [error, setError] = react.useState(null);
   const updateBudget = budgetsDataAccess.useUpdateBudget({
     onSuccess: () => {
@@ -341,10 +344,9 @@ function BudgetEditForm({
       id: budget.id,
       name: name.trim(),
       budget_amount: amount,
-      tag_names: tags,
       show_on_dashboard: true
     };
-    updateBudget.mutate({ userId, budgetId: budget.id, data });
+    updateBudget.mutate({ userId, budgetId: budget.id, data, tagNames: tags });
   };
   const handleClose = () => {
     if (!updateBudget.isPending) {
@@ -525,10 +527,10 @@ function BudgetProgressCard({
     /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display: "flex", justifyContent: "space-between", alignItems: "flex-start", mb: 2 }, children: [
       /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h6", gutterBottom: true, children: budget.name }),
-        budget.tag_names.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+        budget.budget_tags.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
           material.Chip,
           {
-            label: budget.tag_names[0],
+            label: budget.budget_tags[0].tag_name,
             size: "small",
             variant: "outlined",
             sx: { mb: 1 }
@@ -630,8 +632,8 @@ function BudgetProgressList({
   const categories = react.useMemo(() => {
     const uniqueCategories = /* @__PURE__ */ new Set();
     budgets.forEach((budget) => {
-      budget.tag_names.forEach((tag) => {
-        uniqueCategories.add(tag);
+      budget.budget_tags.forEach((bt) => {
+        uniqueCategories.add(bt.tag_name);
       });
     });
     return Array.from(uniqueCategories).sort();
@@ -644,7 +646,7 @@ function BudgetProgressList({
       if (statusFilter === "on-track" && percentage > 70) return false;
       if (statusFilter === "warning" && (percentage <= 70 || percentage > 90)) return false;
       if (statusFilter === "over-budget" && percentage <= 90) return false;
-      if (categoryFilter !== "all" && !budget.tag_names.includes(categoryFilter)) return false;
+      if (categoryFilter !== "all" && !budget.budget_tags.some((bt) => bt.tag_name === categoryFilter)) return false;
       return true;
     });
   }, [budgets, spentByBudget, statusFilter, categoryFilter]);