@layerfi/components 0.1.51 → 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";
@@ -8384,6 +8387,7 @@ var BankTransactionsContent = ({
   showDescriptions = false,
   showReceiptUploads = false,
   monthlyView = false,
+  categorizeView: categorizeViewProp,
   mobileComponent,
   filters: inputFilters,
   hideHeader = false,
@@ -8395,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,
@@ -8449,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,
@@ -8464,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 */
       });
@@ -8494,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);
   };
@@ -8520,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,
@@ -15681,6 +15685,7 @@ export {
   BookkeepingOverview,
   BookkeepingUpsellBar,
   ChartOfAccounts,
+  Direction,
   DisplayState,
   GeneralLedgerView,
   Journal,