@layerfi/components 0.1.114-alpha → 0.1.114-alpha.2

package/dist/index.d.ts

@@ -44,6 +44,9 @@ declare type AccountingConfigurationSchemaType = typeof AccountingConfigurationS
 export declare const AccountingOverview: ({ title, showTitle, enableOnboarding, onboardingStepOverride, onTransactionsToReviewClick, middleBanner, chartColorsList, stringOverrides, tagFilter, slotProps, }: AccountingOverviewProps) => JSX_2.Element;
 
 declare interface AccountingOverviewProps {
+    /**
+     * @deprecated Use `stringOverrides.title` instead
+     */
     title?: string;
     showTitle?: boolean;
     enableOnboarding?: boolean;
@@ -63,6 +66,7 @@ declare interface AccountingOverviewProps {
 }
 
 declare interface AccountingOverviewStringOverrides {
+    title?: string;
     header?: string;
     profitAndLoss?: {
         detailedCharts?: ProfitAndLossDetailedChartsStringOverrides;
@@ -92,6 +96,7 @@ declare type BalanceSheetProps = PropsWithChildren<{
     effectiveDate?: Date;
     asWidget?: boolean;
     stringOverrides?: BalanceSheetStringOverrides;
+    dateSelectionMode?: 'month' | 'full';
 }>;
 
 declare interface BalanceSheetStringOverrides {
@@ -374,12 +379,6 @@ declare type CommonProfitAndLossSummariesProps = {
     vertical?: boolean;
 };
 
-declare type CustomDateRange = {
-    label: string;
-    startDate: Date;
-    endDate: Date;
-};
-
 declare enum DataModel {
     BUSINESS = "BUSINESS",
     BALANCE_SHEET = "BALANCE_SHEET",
@@ -396,7 +395,7 @@ declare type DateRange<T = Date> = {
     endDate: T;
 };
 
-declare type DateRangePickerMode = typeof _RANGE_PICKER_MODES[number];
+declare type DateRangePickerMode = 'full' | 'month';
 
 /**
  * Utility type for creating deep partial types - makes all properties optional recursively
@@ -405,6 +404,11 @@ declare type DeepPartial<T> = {
     [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];
 };
 
+declare interface DetailedChartStringOverrides {
+    expenseChartHeader?: string;
+    revenueChartHeader?: string;
+}
+
 declare interface DetailedTableStringOverrides {
     categoryColumnHeader?: string;
     typeColumnHeader?: string;
@@ -822,7 +826,7 @@ declare type PlatformOnboardingProps = {
 };
 
 export declare const ProfitAndLoss: {
-    ({ withReportsModeProvider, ...restProps }: Props): JSX_2.Element;
+    ({ children, tagFilter, comparisonConfig, reportingBasis, asContainer, }: Props): JSX_2.Element;
     Chart: ({ forceRerenderOnDataChange, tagFilter, }: Props_2) => JSX_2.Element;
     Summaries: typeof ProfitAndLossSummaries;
     DetailedCharts: ({ scope, hideClose, showDatePicker, chartColorsList, stringOverrides, }: {
@@ -839,10 +843,14 @@ export declare const ProfitAndLoss: {
 declare interface ProfitAndLossCompareConfig {
     tagComparisonOptions: TagComparisonOption[];
     defaultTagFilter: TagComparisonOption;
+    /**
+     * @deprecated This is a deprecated property - the number of periods to compare is derived from the date range.
+     */
     defaultPeriods?: number;
 }
 
 declare interface ProfitAndLossDetailedChartsStringOverrides {
+    detailedChartStringOverrides?: DetailedChartStringOverrides;
     detailedTableStringOverrides?: DetailedTableStringOverrides;
     detailReportStringOverrides?: ProfitAndLossDetailReportProps['stringOverrides'];
 }
@@ -933,17 +941,21 @@ declare interface ProjectProfitabilityProps {
     valueOptions: TagOption[];
     showTitle?: boolean;
     stringOverrides?: ProjectsStringOverrides;
-    datePickerMode?: DateRangePickerMode;
+    /**
+     * @deprecated This property is no longer used. Use `dateSelectionMode` instead.
+     */
+    datePickerMode?: unknown;
+    dateSelectionMode?: DateRangePickerMode;
     csvMoneyFormat?: MoneyFormat;
 }
 
-export declare const ProjectProfitabilityView: ({ valueOptions, showTitle, stringOverrides, datePickerMode, csvMoneyFormat, }: ProjectProfitabilityProps) => JSX_2.Element;
+export declare const ProjectProfitabilityView: ({ valueOptions, showTitle, stringOverrides, dateSelectionMode, csvMoneyFormat, }: ProjectProfitabilityProps) => JSX_2.Element;
 
 declare interface ProjectsStringOverrides {
     title?: string;
 }
 
-declare type Props = PropsWithChildren & {
+declare type Props = PropsWithChildren<{
     tagFilter?: {
         key: string;
         values: string[];
@@ -951,8 +963,7 @@ declare type Props = PropsWithChildren & {
     comparisonConfig?: ProfitAndLossCompareConfig;
     reportingBasis?: ReportingBasis;
     asContainer?: boolean;
-    withReportsModeProvider?: boolean;
-};
+}>;
 
 declare interface Props_2 {
     forceRerenderOnDataChange?: boolean;
@@ -962,8 +973,6 @@ declare interface Props_2 {
     };
 }
 
-declare const _RANGE_PICKER_MODES: readonly ["dayRangePicker", "monthPicker", "monthRangePicker", "yearPicker"];
-
 declare interface RelatedEntityLinkingMetadata {
     id: string;
     entityName: EntityName;
@@ -1080,20 +1089,20 @@ declare type TimeRangePickerConfig = {
     /**
      * @deprecated This property is no longer used. Use `dateSelectionMode` instead.
      */
-    datePickerMode?: DateRangePickerMode;
+    datePickerMode?: unknown;
     /**
      * @deprecated This property is no longer used. Use `dateSelectionMode` instead.
      */
-    defaultDatePickerMode?: DateRangePickerMode;
+    defaultDatePickerMode?: unknown;
     /**
      * @deprecated This property is no longer used. Use `dateSelectionMode` instead.
      */
-    allowedDatePickerModes?: ReadonlyArray<DateRangePickerMode>;
+    allowedDatePickerModes?: unknown;
     /**
      * @deprecated This property is no longer used. Use `dateSelectionMode` instead.
      */
-    customDateRanges?: CustomDateRange[];
-    dateSelectionMode?: 'month' | 'full';
+    customDateRanges?: unknown;
+    dateSelectionMode?: DateRangePickerMode;
     csvMoneyFormat?: MoneyFormat;
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@layerfi/components",
-  "version": "0.1.114-alpha",
+  "version": "0.1.114-alpha.2",
   "description": "Layer React Components",
   "main": "dist/cjs/index.cjs",
   "module": "dist/esm/index.mjs",
@@ -58,7 +58,6 @@
     "@types/node": "^24.9.0",
     "@types/pluralize": "^0.0.33",
     "@types/react": "^18.2.0",
-    "@types/react-datepicker": "^6.2.0",
     "@types/react-dom": "^18.2.0",
     "@vitejs/plugin-react": "^5.0.4",
     "eslint": "^9.26.0",
@@ -101,11 +100,11 @@
     "libphonenumber-js": "^1.12.7",
     "lodash-es": "^4.17.21",
     "lucide-react": "^0.507.0",
+    "motion": "^12.23.11",
     "pluralize": "^8.0.0",
     "react-aria-components": "^1.8.0",
     "react-calendly": "^4.4.0",
     "react-currency-input-field": "^3.10.0",
-    "react-datepicker": "^6.9.0",
     "react-dropzone": "^14.3.8",
     "react-merge-refs": "^3.0.2",
     "react-plaid-link": "^4.0.1",
@@ -116,4 +115,4 @@
     "uuid": "^11.1.0",
     "zustand": "^5.0.4"
   }
-}
+}