@layerfi/components 0.1.40 → 0.1.42

package/dist/esm/index.js

@@ -9466,9 +9466,9 @@ var ProfitAndLossChart = ({
     name: getMonthName(pnl),
     revenue: pnl?.income || 0,
     revenueUncategorized: pnl?.uncategorizedInflows || 0,
-    expenses: -(pnl?.totalExpenses || 0),
+    expenses: -(pnl?.operatingExpenses || 0),
     expensesUncategorized: -(pnl?.uncategorizedOutflows || 0),
-    operatingExpensesInverse: pnl?.totalExpenses || 0,
+    operatingExpensesInverse: pnl?.operatingExpensesInverse || 0,
     uncategorizedOutflowsInverse: pnl?.uncategorizedOutflowsInverse || 0,
     netProfit: pnl?.netProfit || 0,
     selected: !!pnl && pnl.month === selectionMonth.month + 1 && pnl.year === selectionMonth.year,
@@ -10068,16 +10068,6 @@ var convertCurrencyToNumber = (amount) => {
   return parseFloat(inputValue);
 };
 
-// src/components/ProfitAndLossDetailedCharts/DetailedChart.tsx
-import {
-  PieChart,
-  Pie,
-  Cell as Cell2,
-  ResponsiveContainer as ResponsiveContainer2,
-  Label,
-  Text as ChartText
-} from "recharts";
-
 // src/components/ProfitAndLossDetailedCharts/DetailedTable.tsx
 import React118 from "react";
 
@@ -10096,7 +10086,7 @@ var DEFAULT_CHART_COLOR_TYPE = [
   "#6A52CC",
   "#71CC56"
 ];
-var DEFAULT_CHART_COLORS = [
+var DEFAULT_MINICHART_COLORS = [
   {
     color: "#7417B3",
     opacity: 1
@@ -10238,14 +10228,14 @@ var SortArrows_default = SortArrows;
 
 // src/components/ProfitAndLossDetailedCharts/DetailedTable.tsx
 import classNames43 from "classnames";
-var mapColorsToTypes = (data) => {
+var mapTypesToColors = (data, colorList = DEFAULT_CHART_COLOR_TYPE) => {
   const typeToColor = {};
   const typeToLastOpacity = {};
   let colorIndex = 0;
   return data.map((obj) => {
     const type = obj.type;
     if (!typeToColor[type]) {
-      typeToColor[type] = DEFAULT_CHART_COLOR_TYPE[colorIndex % DEFAULT_CHART_COLOR_TYPE.length];
+      typeToColor[type] = colorList[colorIndex % colorList.length];
       colorIndex++;
       typeToLastOpacity[type] = 1;
     } else {
@@ -10265,6 +10255,7 @@ var DetailedTable = ({
   sortBy,
   hoveredItem,
   setHoveredItem,
+  chartColorsList,
   stringOverrides
 }) => {
   const buildColClass = (column) => {
@@ -10273,8 +10264,8 @@ var DetailedTable = ({
       sidebarScope && filters[sidebarScope]?.sortBy === column ? `sort--${(sidebarScope && filters[sidebarScope]?.sortDirection) ?? "desc"}` : ""
     );
   };
-  const typeColorMapping = mapColorsToTypes(filteredData);
-  let colorIndex = 0;
+  const typeColorMapping = mapTypesToColors(filteredData, chartColorsList);
+  const colorIndex = 0;
   return /* @__PURE__ */ React118.createElement("div", { className: "details-container" }, /* @__PURE__ */ React118.createElement("div", { className: "table" }, /* @__PURE__ */ React118.createElement("table", null, /* @__PURE__ */ React118.createElement("thead", null, /* @__PURE__ */ React118.createElement("tr", null, /* @__PURE__ */ React118.createElement(
     "th",
     {
@@ -10332,6 +10323,14 @@ var DetailedTable = ({
 };
 
 // src/components/ProfitAndLossDetailedCharts/DetailedChart.tsx
+import {
+  PieChart,
+  Pie,
+  Cell as Cell2,
+  ResponsiveContainer as ResponsiveContainer2,
+  Label,
+  Text as ChartText
+} from "recharts";
 var DetailedChart = ({
   filteredData,
   filteredTotal,
@@ -10339,6 +10338,7 @@ var DetailedChart = ({
   setHoveredItem,
   sidebarScope,
   date,
+  chartColorsList,
   isLoading,
   showDatePicker = true
 }) => {
@@ -10362,7 +10362,7 @@ var DetailedChart = ({
     });
   }, [filteredData, isLoading]);
   const noValue = chartData.length === 0 || !chartData.find((x) => x.value !== 0);
-  const typeColorMapping = mapColorsToTypes(chartData);
+  const typeColorMapping = mapTypesToColors(chartData, chartColorsList);
   return /* @__PURE__ */ React119.createElement("div", { className: "chart-field" }, /* @__PURE__ */ React119.createElement("div", { className: "header--tablet" }, showDatePicker && /* @__PURE__ */ React119.createElement(ProfitAndLossDatePicker, null)), /* @__PURE__ */ React119.createElement("div", { className: "chart-container" }, /* @__PURE__ */ React119.createElement(ResponsiveContainer2, null, /* @__PURE__ */ React119.createElement(PieChart, null, !isLoading && !noValue ? /* @__PURE__ */ React119.createElement(
     Pie,
     {
@@ -10642,6 +10642,7 @@ var ProfitAndLossDetailedCharts = ({
   scope,
   hideClose = false,
   showDatePicker = false,
+  chartColorsList,
   stringOverrides
 }) => {
   const {
@@ -10679,6 +10680,7 @@ var ProfitAndLossDetailedCharts = ({
       sidebarScope: theScope,
       date: dateRange.startDate,
       isLoading,
+      chartColorsList,
       showDatePicker
     }
   ), /* @__PURE__ */ React121.createElement("div", { className: "Layer__profit-and-loss-detailed-charts__table-wrapper" }, /* @__PURE__ */ React121.createElement(
@@ -10698,6 +10700,7 @@ var ProfitAndLossDetailedCharts = ({
       sortBy,
       hoveredItem,
       setHoveredItem,
+      chartColorsList,
       stringOverrides: stringOverrides?.detailedTableStringOverrides
     }
   ))));
@@ -10728,7 +10731,7 @@ var MiniChart = ({ data }) => {
       animationEasing: "ease-in-out"
     },
     data.map((entry, index) => {
-      const colorConfig = DEFAULT_CHART_COLORS[index % DEFAULT_CHART_COLORS.length];
+      const colorConfig = DEFAULT_MINICHART_COLORS[index % DEFAULT_MINICHART_COLORS.length];
       return /* @__PURE__ */ React122.createElement(
         Cell3,
         {
@@ -15340,6 +15343,7 @@ var AccountingOverview = ({
   enableOnboarding = false,
   onTransactionsToReviewClick,
   middleBanner,
+  chartColorsList,
   stringOverrides
 }) => {
   const [pnlToggle, setPnlToggle] = useState56("revenue");
@@ -15398,7 +15402,8 @@ var AccountingOverview = ({
       {
         scope: "revenue",
         hideClose: true,
-        stringOverrides: stringOverrides?.profitAndLoss?.detailedCharts
+        stringOverrides: stringOverrides?.profitAndLoss?.detailedCharts,
+        chartColorsList
       }
     )
   ), /* @__PURE__ */ React179.createElement(
@@ -15414,7 +15419,8 @@ var AccountingOverview = ({
       {
         scope: "expenses",
         hideClose: true,
-        stringOverrides: stringOverrides?.profitAndLoss?.detailedCharts
+        stringOverrides: stringOverrides?.profitAndLoss?.detailedCharts,
+        chartColorsList
       }
     )
   ))));