@layerfi/components 0.1.50 → 0.1.52

package/.idea/codeStyles/Project.xml

@@ -0,0 +1,61 @@
+<component name="ProjectCodeStyleConfiguration">
+  <code_scheme name="Project" version="173">
+    <HTMLCodeStyleSettings>
+      <option name="HTML_SPACE_INSIDE_EMPTY_TAG" value="true" />
+    </HTMLCodeStyleSettings>
+    <JSCodeStyleSettings version="0">
+      <option name="USE_SEMICOLON_AFTER_STATEMENT" value="false" />
+      <option name="FORCE_SEMICOLON_STYLE" value="true" />
+      <option name="SPACE_BEFORE_FUNCTION_LEFT_PARENTH" value="false" />
+      <option name="USE_DOUBLE_QUOTES" value="false" />
+      <option name="FORCE_QUOTE_STYlE" value="true" />
+      <option name="ENFORCE_TRAILING_COMMA" value="WhenMultiline" />
+      <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
+      <option name="SPACES_WITHIN_IMPORTS" value="true" />
+    </JSCodeStyleSettings>
+    <TypeScriptCodeStyleSettings version="0">
+      <option name="USE_SEMICOLON_AFTER_STATEMENT" value="false" />
+      <option name="FORCE_SEMICOLON_STYLE" value="true" />
+      <option name="SPACE_BEFORE_FUNCTION_LEFT_PARENTH" value="false" />
+      <option name="USE_DOUBLE_QUOTES" value="false" />
+      <option name="FORCE_QUOTE_STYlE" value="true" />
+      <option name="ENFORCE_TRAILING_COMMA" value="WhenMultiline" />
+      <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
+      <option name="SPACES_WITHIN_IMPORTS" value="true" />
+    </TypeScriptCodeStyleSettings>
+    <VueCodeStyleSettings>
+      <option name="INTERPOLATION_NEW_LINE_AFTER_START_DELIMITER" value="false" />
+      <option name="INTERPOLATION_NEW_LINE_BEFORE_END_DELIMITER" value="false" />
+    </VueCodeStyleSettings>
+    <codeStyleSettings language="HTML">
+      <option name="SOFT_MARGINS" value="80" />
+      <indentOptions>
+        <option name="INDENT_SIZE" value="2" />
+        <option name="CONTINUATION_INDENT_SIZE" value="2" />
+        <option name="TAB_SIZE" value="2" />
+      </indentOptions>
+    </codeStyleSettings>
+    <codeStyleSettings language="JavaScript">
+      <option name="SOFT_MARGINS" value="80" />
+      <indentOptions>
+        <option name="INDENT_SIZE" value="2" />
+        <option name="CONTINUATION_INDENT_SIZE" value="2" />
+        <option name="TAB_SIZE" value="2" />
+      </indentOptions>
+    </codeStyleSettings>
+    <codeStyleSettings language="TypeScript">
+      <option name="SOFT_MARGINS" value="80" />
+      <indentOptions>
+        <option name="INDENT_SIZE" value="2" />
+        <option name="CONTINUATION_INDENT_SIZE" value="2" />
+        <option name="TAB_SIZE" value="2" />
+      </indentOptions>
+    </codeStyleSettings>
+    <codeStyleSettings language="Vue">
+      <option name="SOFT_MARGINS" value="80" />
+      <indentOptions>
+        <option name="CONTINUATION_INDENT_SIZE" value="2" />
+      </indentOptions>
+    </codeStyleSettings>
+  </code_scheme>
+</component>

package/.idea/codeStyles/codeStyleConfig.xml

@@ -0,0 +1,5 @@
+<component name="ProjectCodeStyleConfiguration">
+  <state>
+    <option name="USE_PER_PROJECT_SETTINGS" value="true" />
+  </state>
+</component>

package/.idea/layer-react.iml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="JAVA_MODULE" version="4">
+  <component name="NewModuleRootManager" inherit-compiler-output="true">
+    <exclude-output />
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

package/.idea/misc.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectRootManager" version="2" languageLevel="JDK_19" default="true" project-jdk-name="corretto-19" project-jdk-type="JavaSDK">
+    <output url="file://$PROJECT_DIR$/out" />
+  </component>
+</project>

package/.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/layer-react.iml" filepath="$PROJECT_DIR$/.idea/layer-react.iml" />
+    </modules>
+  </component>
+</project>

package/.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="Git" />
+  </component>
+</project>

package/dist/esm/index.js

@@ -634,6 +634,7 @@ var Direction = /* @__PURE__ */ ((Direction3) => {
   return Direction3;
 })(Direction || {});
 var DisplayState = /* @__PURE__ */ ((DisplayState2) => {
+  DisplayState2["all"] = "all";
   DisplayState2["review"] = "review";
   DisplayState2["categorized"] = "categorized";
   return DisplayState2;
@@ -694,7 +695,7 @@ var filterVisibility = (scope, bankTransaction) => {
   const inReview = ReviewCategories.includes(
     bankTransaction.categorization_status
   );
-  return scope === "review" /* review */ && inReview || scope === "categorized" /* categorized */ && categorized;
+  return scope === "all" /* all */ || scope === "review" /* review */ && inReview || scope === "categorized" /* categorized */ && categorized;
 };
 var isCategorized = (bankTransaction) => CategorizedCategories.includes(bankTransaction.categorization_status);
 
@@ -743,7 +744,7 @@ var applyCategorizationStatusFilter = (data, filter) => {
     return data;
   }
   return data?.filter(
-    (tx) => filterVisibility(filter, tx) || filter === "review" /* review */ && tx.recently_categorized || filter === "categorized" /* categorized */ && tx.recently_categorized
+    (tx) => filterVisibility(filter, tx) || filter === "all" /* all */ || filter === "review" /* review */ && tx.recently_categorized || filter === "categorized" /* categorized */ && tx.recently_categorized
   );
 };
 var appplyDateRangeFilter = (data, filter) => {
@@ -782,6 +783,8 @@ var useBankTransactions = (params) => {
   const display = useMemo2(() => {
     if (filters?.categorizationStatus === "review" /* review */) {
       return "review" /* review */;
+    } else if (filters?.categorizationStatus === "all" /* all */) {
+      return "all" /* all */;
     }
     return "categorized" /* categorized */;
   }, [filters?.categorizationStatus]);
@@ -4201,7 +4204,7 @@ var LinkedAccountsComponent = ({
 };
 
 // src/components/BankTransactions/BankTransactions.tsx
-import React109, { useState as useState25, useMemo as useMemo6, useEffect as useEffect19 } from "react";
+import React109, { useEffect as useEffect19, useMemo as useMemo6, useState as useState25 } from "react";
 
 // src/hooks/useElementSize/useElementSize.ts
 import { useLayoutEffect as useLayoutEffect2, useRef as useRef7 } from "react";
@@ -4776,25 +4779,20 @@ var allCategoriesDivider = [
   }
 ];
 function flattenCategories2(categories) {
-  const categoryOptions = (categories || []).flatMap((category) => {
-    if (category?.subCategories && category?.subCategories?.length > 0) {
-      if (category?.subCategories?.every((c) => c.subCategories === void 0)) {
-        return [
-          {
-            label: category.display_name,
-            options: category.subCategories.map((x) => mapCategoryToOption2(x))
-          }
-        ];
-      }
-      return flattenCategories2(category.subCategories);
+  function getLeafCategories(category) {
+    if (!category.subCategories || category.subCategories.length === 0) {
+      return [category];
     }
-    const resultOption = {
-      label: category.display_name,
-      options: [mapCategoryToOption2(category)]
-    };
-    return [resultOption];
-  });
-  return categoryOptions;
+    return category.subCategories.flatMap((subCategory) => getLeafCategories(subCategory));
+  }
+  return categories.map(
+    (category) => {
+      return {
+        label: category.display_name,
+        options: getLeafCategories(category).map((x) => mapCategoryToOption2(x))
+      };
+    }
+  );
 }
 var CategorySelect = ({
   bankTransaction,
@@ -8389,6 +8387,7 @@ var BankTransactionsContent = ({
   showDescriptions = false,
   showReceiptUploads = false,
   monthlyView = false,
+  categorizeView: categorizeViewProp,
   mobileComponent,
   filters: inputFilters,
   hideHeader = false,
@@ -8400,7 +8399,7 @@ var BankTransactionsContent = ({
     startDate: startOfMonth4(/* @__PURE__ */ new Date()),
     endDate: endOfMonth3(/* @__PURE__ */ new Date())
   });
-  const categorizeView = categorizationEnabled(mode);
+  const categorizeView = categorizeViewProp ?? categorizationEnabled(mode);
   const {
     activate,
     data,
@@ -8454,13 +8453,13 @@ var BankTransactionsContent = ({
   }, []);
   useEffect19(() => {
     if (JSON.stringify(inputFilters) !== JSON.stringify(filters)) {
-      if (!filters?.categorizationStatus && categorizeView) {
+      if (!inputFilters?.categorizationStatus && categorizeView) {
         setFilters({
           ...filters,
           ...inputFilters,
           categorizationStatus: "review" /* review */
         });
-      } else if (!filters?.categorizationStatus && !categorizationEnabled(mode)) {
+      } else if (!inputFilters?.categorizationStatus && !categorizationEnabled(mode)) {
         setFilters({
           ...filters,
           ...inputFilters,
@@ -8469,11 +8468,11 @@ var BankTransactionsContent = ({
       } else {
         setFilters({ ...filters, ...inputFilters });
       }
-    } else if (!filters?.categorizationStatus && categorizeView) {
+    } else if (!inputFilters?.categorizationStatus && categorizeView) {
       setFilters({
         categorizationStatus: "review" /* review */
       });
-    } else if (!filters?.categorizationStatus && !categorizationEnabled(mode)) {
+    } else if (!inputFilters?.categorizationStatus && !categorizationEnabled(mode)) {
       setFilters({
         categorizationStatus: "categorized" /* categorized */
       });
@@ -8499,7 +8498,7 @@ var BankTransactionsContent = ({
   }, [currentPage, data, dateRange]);
   const onCategorizationDisplayChange = (event) => {
     setFilters({
-      categorizationStatus: event.target.value === "categorized" /* categorized */ ? "categorized" /* categorized */ : "review" /* review */
+      categorizationStatus: event.target.value === "categorized" /* categorized */ ? "categorized" /* categorized */ : event.target.value === "all" /* all */ ? "all" /* all */ : "review" /* review */
     });
     setCurrentPage(1);
   };
@@ -8525,7 +8524,7 @@ var BankTransactionsContent = ({
     }
     debounceContainerWidth(size?.width);
   });
-  const editable = display === "review" /* review */;
+  const editable = display === "review" /* review */ || display === "all" /* all */;
   const isLastPage = data && !hasMore && Math.ceil((data?.length || 0) / pageSize) === currentPage;
   return /* @__PURE__ */ React109.createElement(
     Container,
@@ -11313,7 +11312,7 @@ var ProfitAndLossTableComponent = ({
     void 0,
     void 0,
     "summation"
-  ), data.other_outflows || data.personal_expenses ? /* @__PURE__ */ React129.createElement(React129.Fragment, null, renderLineItem(data.other_outflows, 0, "other_outflows", 6), renderLineItem(data.personal_expenses, 0, "personal_expenses", 7)) : null));
+  ), data.personal_expenses ? /* @__PURE__ */ React129.createElement(React129.Fragment, null, renderLineItem(data.personal_expenses, 0, "personal_expenses", 7)) : null, data.other_outflows ? /* @__PURE__ */ React129.createElement(React129.Fragment, null, renderLineItem(data.other_outflows, 0, "other_outflows", 6)) : null));
 };
 
 // src/components/ProfitAndLossTable/ProfitAndLossTableWithProvider.tsx
@@ -15686,6 +15685,7 @@ export {
   BookkeepingOverview,
   BookkeepingUpsellBar,
   ChartOfAccounts,
+  Direction,
   DisplayState,
   GeneralLedgerView,
   Journal,