@layerfi/components 0.1.68 → 0.1.70

package/dist/index.d.ts

@@ -66,6 +66,7 @@ declare module '@layerfi/components/api/layer/bankTransactions' {
       direction?: 'INFLOW' | 'OUTFLOW';
       startDate?: string;
       endDate?: string;
+      tagFilterString?: string;
       sortOrder?: 'ASC' | 'DESC';
       sortBy?: string;
   }
@@ -2615,7 +2616,7 @@ declare module '@layerfi/components/components/ProfitAndLoss/ProfitAndLoss' {
   };
   const ProfitAndLoss: {
       ({ children, tagFilter, reportingBasis, asContainer, }: Props): React.JSX.Element;
-      Chart: ({ forceRerenderOnDataChange, }: import("@layerfi/components/components/ProfitAndLossChart/ProfitAndLossChart").Props) => React.JSX.Element;
+      Chart: ({ forceRerenderOnDataChange, tagFilter, }: import("@layerfi/components/components/ProfitAndLossChart/ProfitAndLossChart").Props) => React.JSX.Element;
       Context: React.Context<{
           data: import("@layerfi/components/types").ProfitAndLoss | undefined;
           filteredDataRevenue: import("@layerfi/components/types/line_item").LineBaseItem[];
@@ -2633,6 +2634,7 @@ declare module '@layerfi/components/components/ProfitAndLoss/ProfitAndLoss' {
           filters: import("@layerfi/components/hooks/useProfitAndLoss/useProfitAndLoss").ProfitAndLossFilters;
           sortBy: (scope: import("@layerfi/components/hooks/useProfitAndLoss/useProfitAndLoss").Scope, field: string, direction?: import("../../types").SortDirection | undefined) => void;
           setFilterTypes: (scope: import("@layerfi/components/hooks/useProfitAndLoss/useProfitAndLoss").Scope, types: string[]) => void;
+          tagFilter?: import("@layerfi/components/hooks/useProfitAndLoss/useProfitAndLoss").PnlTagFilter | undefined;
       }>;
       ComparisonContext: React.Context<{
           data: import("@layerfi/components/types/profit_and_loss").ProfitAndLossComparisonItem[] | undefined;
@@ -2652,14 +2654,14 @@ declare module '@layerfi/components/components/ProfitAndLoss/ProfitAndLoss' {
           }>;
       }>;
       DatePicker: ({ datePickerMode, }: import("@layerfi/components/components/ProfitAndLossDatePicker/ProfitAndLossDatePicker").ProfitAndLossDatePickerProps) => React.JSX.Element;
-      CompareOptions: ({ tagComparisonOptions, defaultTagFilter: defaultOption, }: import("@layerfi/components/components/ProfitAndLossCompareOptions/ProfitAndLossCompareOptions").ProfitAndLossCompareOptionsProps) => React.JSX.Element;
+      CompareOptions: ({ tagComparisonOptions, defaultTagFilter: defaultOption, }: import("@layerfi/components/components/ProfitAndLossCompareOptions/index").ProfitAndLossCompareOptionsProps) => React.JSX.Element;
       Summaries: ({ vertical, actionable, revenueLabel, stringOverrides, }: {
           vertical?: boolean | undefined;
           actionable?: boolean | undefined;
           revenueLabel?: string | undefined;
           stringOverrides?: import("@layerfi/components/components/ProfitAndLossSummaries/ProfitAndLossSummaries").ProfitAndLossSummariesStringOverrides | undefined;
       }) => React.JSX.Element;
-      Table: (props: import("@layerfi/components/components/ProfitAndLossTable/ProfitAndLossTableComponent").ProfilAndLostTableProps) => React.JSX.Element;
+      Table: (props: import("@layerfi/components/components/ProfitAndLossTable/ProfitAndLossTableComponent").ProfitAndLossTableProps) => React.JSX.Element;
       DetailedCharts: ({ scope, hideClose, showDatePicker, chartColorsList, stringOverrides, }: {
           scope?: import("@layerfi/components/hooks/useProfitAndLoss/useProfitAndLoss").SidebarScope;
           hideClose?: boolean | undefined;
@@ -2703,8 +2705,12 @@ declare module '@layerfi/components/components/ProfitAndLossChart/ProfitAndLossC
   import React from 'react';
   export interface Props {
       forceRerenderOnDataChange?: boolean;
+      tagFilter?: {
+          key: string;
+          values: string[];
+      };
   }
-  export const ProfitAndLossChart: ({ forceRerenderOnDataChange, }: Props) => React.JSX.Element;
+  export const ProfitAndLossChart: ({ forceRerenderOnDataChange, tagFilter, }: Props) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/ProfitAndLossChart/index' {
@@ -2729,11 +2735,12 @@ declare module '@layerfi/components/components/ProfitAndLossCompareOptions/Profi
       tagKey: string;
       tagValues: string[];
   } | 'None';
+  export const tagFilterToQueryString: (tagFilter: TagFilterInput) => string;
   export const ProfitAndLossCompareOptions: ({ tagComparisonOptions, defaultTagFilter: defaultOption, }: ProfitAndLossCompareOptionsProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/ProfitAndLossCompareOptions/index' {
-  export { ProfitAndLossCompareOptions } from '@layerfi/components/components/ProfitAndLossCompareOptions/ProfitAndLossCompareOptions';
+  export { ProfitAndLossCompareOptions, ProfitAndLossCompareOptionsProps } from '@layerfi/components/components/ProfitAndLossCompareOptions/ProfitAndLossCompareOptions';
 
 }
 declare module '@layerfi/components/components/ProfitAndLossDatePicker/ProfitAndLossDatePicker' {
@@ -2872,7 +2879,7 @@ declare module '@layerfi/components/components/ProfitAndLossReport/ProfitAndLoss
   import { View as ViewType } from '@layerfi/components/types/general';
   import { ReportsStringOverrides } from '@layerfi/components/views/Reports/Reports';
   import { DateRangeDatePickerModes } from '@layerfi/components/components/DatePicker/DatePicker';
-  import { ProfitAndLossCompareOptionsProps } from '@layerfi/components/components/ProfitAndLossCompareOptions/ProfitAndLossCompareOptions';
+  import { ProfitAndLossCompareOptionsProps } from '@layerfi/components/components/ProfitAndLossCompareOptions/index';
   type ViewBreakpoint = ViewType | undefined;
   export interface ProfitAndLossReportProps {
       stringOverrides?: ReportsStringOverrides;
@@ -2937,18 +2944,18 @@ declare module '@layerfi/components/components/ProfitAndLossTable/ProfitAndLossT
       profitBeforeTaxesLabel?: string;
       netProfitLabel?: string;
   }
-  export type ProfilAndLostTableProps = {
+  export type ProfitAndLossTableProps = {
       lockExpanded?: boolean;
       asContainer?: boolean;
       stringOverrides?: ProfitAndLossTableStringOverrides;
   };
-  export const ProfitAndLossTableComponent: ({ asContainer, stringOverrides, }: ProfilAndLostTableProps) => React.JSX.Element;
+  export const ProfitAndLossTableComponent: ({ asContainer, stringOverrides, }: ProfitAndLossTableProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/ProfitAndLossTable/ProfitAndLossTableWithProvider' {
   import React from 'react';
-  import { ProfilAndLostTableProps } from '@layerfi/components/components/ProfitAndLossTable/ProfitAndLossTableComponent';
-  export const ProfitAndLossTableWithProvider: (props: ProfilAndLostTableProps) => React.JSX.Element;
+  import { ProfitAndLossTableProps } from '@layerfi/components/components/ProfitAndLossTable/ProfitAndLossTableComponent';
+  export const ProfitAndLossTableWithProvider: (props: ProfitAndLossTableProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/ProfitAndLossTable/empty_profit_and_loss_report' {
@@ -3394,13 +3401,13 @@ declare module '@layerfi/components/components/Tooltip/useTooltip' {
           floating: HTMLElement | null;
       } & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
       context: {
-          update: () => void;
+          placement: import("@floating-ui/utils").Placement;
           x: number;
           y: number;
-          placement: import("@floating-ui/utils").Placement;
           strategy: import("@floating-ui/utils").Strategy;
           middlewareData: import("@floating-ui/core").MiddlewareData;
           isPositioned: boolean;
+          update: () => void;
           floatingStyles: React.CSSProperties;
           open: boolean;
           onOpenChange: (open: boolean, event?: Event | undefined, reason?: import("@floating-ui/react").OpenChangeReason | undefined) => void;
@@ -3443,13 +3450,13 @@ declare module '@layerfi/components/components/Tooltip/useTooltip' {
           floating: HTMLElement | null;
       } & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
       context: {
-          update: () => void;
+          placement: import("@floating-ui/utils").Placement;
           x: number;
           y: number;
-          placement: import("@floating-ui/utils").Placement;
           strategy: import("@floating-ui/utils").Strategy;
           middlewareData: import("@floating-ui/core").MiddlewareData;
           isPositioned: boolean;
+          update: () => void;
           floatingStyles: React.CSSProperties;
           open: boolean;
           onOpenChange: (open: boolean, event?: Event | undefined, reason?: import("@floating-ui/react").OpenChangeReason | undefined) => void;
@@ -3479,8 +3486,12 @@ declare module '@layerfi/components/components/TransactionToReviewCard/Transacti
   export interface TransactionToReviewCardProps {
       onClick?: () => void;
       usePnlDateRange?: boolean;
+      tagFilter?: {
+          key: string;
+          values: string[];
+      };
   }
-  export const TransactionToReviewCard: ({ onClick, usePnlDateRange, }: TransactionToReviewCardProps) => React.JSX.Element;
+  export const TransactionToReviewCard: ({ onClick, usePnlDateRange, tagFilter, }: TransactionToReviewCardProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/TransactionToReviewCard/index' {
@@ -3998,6 +4009,7 @@ declare module '@layerfi/components/hooks/useBankTransactions/index' {
 
 }
 declare module '@layerfi/components/hooks/useBankTransactions/types' {
+  import { TagFilterInput } from '@layerfi/components/components/ProfitAndLossCompareOptions/ProfitAndLossCompareOptions';
   import { BankTransaction, CategoryUpdate, DateRange, Direction, DisplayState, Metadata } from '@layerfi/components/types';
   import { LoadedStatus } from '@layerfi/components/types/general';
   export interface NumericRangeFilter {
@@ -4014,6 +4026,7 @@ declare module '@layerfi/components/hooks/useBankTransactions/types' {
       direction?: Direction[];
       categorizationStatus?: DisplayState;
       dateRange?: Partial<DateRange>;
+      tagFilter?: TagFilterInput;
   }
   export type UseBankTransactions = (params?: {
       scope?: DisplayState;
@@ -4299,13 +4312,14 @@ declare module '@layerfi/components/hooks/useProfitAndLoss/useProfitAndLoss' {
   import { LineBaseItem } from '@layerfi/components/types/line_item';
   export type Scope = 'expenses' | 'revenue';
   export type SidebarScope = Scope | undefined;
+  export type PnlTagFilter = {
+      key: string;
+      values: string[];
+  };
   type Props = {
       startDate?: Date;
       endDate?: Date;
-      tagFilter?: {
-          key: string;
-          values: string[];
-      };
+      tagFilter?: PnlTagFilter;
       reportingBasis?: ReportingBasis;
   };
   type ProfitAndLossFilter = {
@@ -4331,6 +4345,7 @@ declare module '@layerfi/components/hooks/useProfitAndLoss/useProfitAndLoss' {
       filters: ProfitAndLossFilters;
       sortBy: (scope: Scope, field: string, direction?: SortDirection) => void;
       setFilterTypes: (scope: Scope, types: string[]) => void;
+      tagFilter?: PnlTagFilter;
   };
   export const useProfitAndLoss: UseProfitAndLoss;
   export {};
@@ -4838,6 +4853,7 @@ declare module '@layerfi/components/index' {
   export { AccountingOverview } from '@layerfi/components/views/AccountingOverview/index';
   export { BankTransactionsWithLinkedAccounts } from '@layerfi/components/views/BankTransactionsWithLinkedAccounts/index';
   export { GeneralLedgerView } from '@layerfi/components/views/GeneralLedger/index';
+  export { ProjectProfitabilityView } from '@layerfi/components/views/ProjectProfitability/index';
   export { Reports } from '@layerfi/components/views/Reports/index';
   export { ProfitAndLossView } from '@layerfi/components/components/ProfitAndLossView/index';
   export { useLayerContext } from '@layerfi/components/contexts/LayerContext/index';
@@ -5942,6 +5958,7 @@ declare module '@layerfi/components/views/AccountingOverview/AccountingOverview'
   import { ProfitAndLossDetailedChartsStringOverrides } from '@layerfi/components/components/ProfitAndLossDetailedCharts/ProfitAndLossDetailedCharts';
   import { ProfitAndLossSummariesStringOverrides } from '@layerfi/components/components/ProfitAndLossSummaries/ProfitAndLossSummaries';
   import { OnboardingStep } from '@layerfi/components/types/layer_context';
+  import { TagOption } from '@layerfi/components/views/ProjectProfitability/ProjectProfitability';
   interface AccountingOverviewStringOverrides {
       header?: string;
       profitAndLoss?: {
@@ -5958,8 +5975,10 @@ declare module '@layerfi/components/views/AccountingOverview/AccountingOverview'
       middleBanner?: ReactNode;
       chartColorsList?: string[];
       stringOverrides?: AccountingOverviewStringOverrides;
+      tagFilter?: TagOption;
+      showTransactionsToReview?: boolean;
   }
-  export const AccountingOverview: ({ title, showTitle, enableOnboarding, onboardingStepOverride, onTransactionsToReviewClick, middleBanner, chartColorsList, stringOverrides, }: AccountingOverviewProps) => React.JSX.Element;
+  export const AccountingOverview: ({ title, showTitle, enableOnboarding, onboardingStepOverride, onTransactionsToReviewClick, middleBanner, chartColorsList, stringOverrides, tagFilter, showTransactionsToReview, }: AccountingOverviewProps) => React.JSX.Element;
   export {};
 
 }
@@ -6049,6 +6068,32 @@ declare module '@layerfi/components/views/GeneralLedger/GeneralLedger' {
 declare module '@layerfi/components/views/GeneralLedger/index' {
   export { GeneralLedgerView } from '@layerfi/components/views/GeneralLedger/GeneralLedger';
 
+}
+declare module '@layerfi/components/views/ProjectProfitability/ProjectProfitability' {
+  import React from 'react';
+  import { DateRangeDatePickerModes } from '@layerfi/components/components/DatePicker/DatePicker';
+  import { MoneyFormat } from '@layerfi/components/types';
+  export type TagOption = {
+      label: string;
+      tagKey: string;
+      tagValues: string[];
+  };
+  export interface ProjectsStringOverrides {
+      title?: string;
+  }
+  export interface ProjectProfitabilityProps {
+      valueOptions: TagOption[];
+      showTitle?: boolean;
+      stringOverrides?: ProjectsStringOverrides;
+      datePickerMode?: DateRangeDatePickerModes;
+      csvMoneyFormat?: MoneyFormat;
+  }
+  export const ProjectProfitabilityView: ({ valueOptions, showTitle, stringOverrides, datePickerMode, csvMoneyFormat, }: ProjectProfitabilityProps) => React.JSX.Element;
+
+}
+declare module '@layerfi/components/views/ProjectProfitability/index' {
+  export { ProjectProfitabilityView } from '@layerfi/components/views/ProjectProfitability/ProjectProfitability';
+
 }
 declare module '@layerfi/components/views/Reports/Reports' {
   import React, { RefObject } from 'react';