@layerfi/components 0.1.104 → 0.1.105

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css CHANGED
@@ -10553,15 +10553,15 @@ tbody .Layer__table__empty-row:first-child {
10553
10553
  cursor: default;
10554
10554
  }
10555
10555
  .Layer__panel {
10556
- flex: 1;
10557
10556
  display: flex;
10557
+ flex: 1;
10558
10558
  align-items: flex-start;
10559
10559
  height: 100%;
10560
10560
  }
10561
10561
  .Layer__panel__content {
10562
10562
  display: flex;
10563
- flex-direction: column;
10564
10563
  flex: 1;
10564
+ flex-direction: column;
10565
10565
  width: 100%;
10566
10566
  padding-bottom: var(--spacing-lg);
10567
10567
  }
@@ -10570,47 +10570,47 @@ tbody .Layer__table__empty-row:first-child {
10570
10570
  border-right: 1px solid var(--color-base-300);
10571
10571
  }
10572
10572
  .Layer__panel .Layer__panel__content .Layer__component-header {
10573
- top: 0;
10574
10573
  z-index: auto;
10575
- background: rgba(255, 255, 255, 0.5);
10576
- backdrop-filter: blur(6px);
10574
+ top: 0;
10577
10575
  border-top-left-radius: var(--border-radius-sm);
10578
10576
  border-top-right-radius: var(--border-radius-sm);
10577
+ background: rgba(255, 255, 255, 0.5);
10578
+ backdrop-filter: blur(6px);
10579
10579
  }
10580
10580
  .Layer__panel__sidebar {
10581
- width: 480px;
10582
- max-width: 0;
10583
10581
  position: sticky;
10584
- max-height: 0;
10582
+ z-index: 50;
10585
10583
  top: 0;
10586
10584
  overflow-x: hidden;
10587
- transition: max-width 180ms ease-in-out;
10588
- background: var(--color-base-0);
10589
10585
  height: 100%;
10590
- border-left: 1px solid var(--color-base-300);
10586
+ max-height: 0;
10587
+ width: 480px;
10588
+ max-width: 0;
10591
10589
  border-top-right-radius: var(--border-radius-sm);
10592
- z-index: 102;
10590
+ border-left: 1px solid var(--color-base-300);
10591
+ background: var(--color-base-0);
10592
+ transition: max-width 180ms ease-in-out;
10593
10593
  }
10594
10594
  .Layer__panel__sidebar .Layer__panel__sidebar-content {
10595
+ height: 100%;
10595
10596
  width: 480px;
10596
10597
  min-width: 480px;
10597
- height: 100%;
10598
+ background: var(--color-base-0);
10598
10599
  opacity: 0.2;
10599
10600
  transition: opacity 180ms ease-in-out;
10600
- background: var(--color-base-0);
10601
10601
  }
10602
10602
  .Layer__panel__sidebar--default {
10603
- max-width: none;
10604
- width: 100%;
10605
10603
  flex: 1;
10604
+ width: 100%;
10605
+ max-width: none;
10606
10606
  }
10607
10607
  .Layer__panel__sidebar--default .Layer__panel__sidebar-content {
10608
10608
  width: 100%;
10609
10609
  }
10610
10610
  .Layer__panel.Layer__panel--open .Layer__panel__sidebar {
10611
+ max-height: none;
10611
10612
  max-width: 480px;
10612
10613
  margin-left: -1px;
10613
- max-height: none;
10614
10614
  }
10615
10615
  .Layer__panel.Layer__panel--open .Layer__panel__sidebar .Layer__panel__sidebar-content {
10616
10616
  opacity: 1;
@@ -10625,10 +10625,10 @@ tbody .Layer__table__empty-row:first-child {
10625
10625
  @container (max-width: 1024px) {
10626
10626
  .Layer__panel__sidebar {
10627
10627
  position: absolute;
10628
- max-width: 100%;
10629
10628
  width: 100%;
10630
- border-width: 0;
10629
+ max-width: 100%;
10631
10630
  border-radius: var(--border-radius-sm);
10631
+ border-width: 0;
10632
10632
  opacity: 0.2;
10633
10633
  transform: translateY(-50px) scale(0.96);
10634
10634
  transition: transform 120ms ease-in-out, opacity 120ms ease-in-out;
@@ -10642,14 +10642,14 @@ tbody .Layer__table__empty-row:first-child {
10642
10642
  overflow: unset;
10643
10643
  }
10644
10644
  .Layer__panel.Layer__panel--open .Layer__panel__sidebar {
10645
- left: 0;
10646
10645
  top: 0;
10646
+ left: 0;
10647
+ display: flex;
10648
+ justify-content: center;
10649
+ max-height: 100%;
10647
10650
  width: 100%;
10648
10651
  max-width: 100%;
10649
10652
  margin-left: 0;
10650
- display: flex;
10651
- max-height: 100%;
10652
- justify-content: center;
10653
10653
  opacity: 1;
10654
10654
  transform: translateY(0) scale(1);
10655
10655
  }
package/dist/index.d.ts CHANGED
@@ -3331,6 +3331,7 @@ declare module '@layerfi/components/components/LedgerAccount/LedgerAccountIndex'
3331
3331
  dateColumnHeader?: string;
3332
3332
  journalIdColumnHeader?: string;
3333
3333
  sourceColumnHeader?: string;
3334
+ accountColumnHeader?: string;
3334
3335
  debitColumnHeader?: string;
3335
3336
  creditColumnHeader?: string;
3336
3337
  runningBalanceColumnHeader?: string;
@@ -5868,6 +5869,8 @@ declare module '@layerfi/components/contexts/LedgerAccountsContext/LedgerAccount
5868
5869
  selectedEntryId?: string;
5869
5870
  setSelectedEntryId: (id?: string) => void;
5870
5871
  closeSelectedEntry: () => void;
5872
+ hasMore: boolean;
5873
+ fetchMore: () => void;
5871
5874
  }>;
5872
5875
 
5873
5876
  }
@@ -6313,6 +6316,57 @@ declare module '@layerfi/components/features/customers/customersSchemas' {
6313
6316
  } | undefined;
6314
6317
  };
6315
6318
 
6319
+ }
6320
+ declare module '@layerfi/components/features/ledger/accounts/[ledgerAccountId]/api/useListLedgerAccountLines' {
6321
+ import { LedgerAccountLineItem, LedgerAccountLineItems } from '@layerfi/components/types/ledger_accounts';
6322
+ export const LIST_LEDGER_ACCOUNT_LINES_TAG_KEY = "#list-ledger-account-lines";
6323
+ type GetLedgerAccountLinesParams = {
6324
+ businessId: string;
6325
+ accountId: string;
6326
+ include_entries_before_activation?: boolean;
6327
+ include_child_account_lines?: boolean;
6328
+ start_date?: string;
6329
+ end_date?: string;
6330
+ sort_by?: 'entry_at' | 'entry_number' | 'created_at';
6331
+ sort_order?: 'ASC' | 'ASCENDING' | 'DESC' | 'DESCENDING' | 'DES';
6332
+ cursor?: string;
6333
+ limit?: number;
6334
+ show_total_count?: boolean;
6335
+ };
6336
+ type ListLedgerAccountLinesReturn = {
6337
+ data: LedgerAccountLineItems;
6338
+ meta?: {
6339
+ pagination: {
6340
+ cursor?: string;
6341
+ has_more: boolean;
6342
+ total_count?: number;
6343
+ };
6344
+ };
6345
+ };
6346
+ export const listLedgerAccountLines: (baseUrl: string, accessToken: string | undefined, options?: {
6347
+ params?: GetLedgerAccountLinesParams | undefined;
6348
+ } | undefined) => () => Promise<ListLedgerAccountLinesReturn>;
6349
+ export type UseListLedgerAccountLinesOptions = {
6350
+ accountId: string;
6351
+ include_entries_before_activation?: boolean;
6352
+ include_child_account_lines?: boolean;
6353
+ start_date?: string;
6354
+ end_date?: string;
6355
+ sort_by?: 'entry_at' | 'entry_number' | 'created_at';
6356
+ sort_order?: 'ASC' | 'ASCENDING' | 'DESC' | 'DESCENDING' | 'DES';
6357
+ limit?: number;
6358
+ show_total_count?: boolean;
6359
+ };
6360
+ export function useListLedgerAccountLines({ accountId, include_entries_before_activation, include_child_account_lines, start_date, end_date, sort_by, sort_order, limit, show_total_count, }: UseListLedgerAccountLinesOptions): import("swr/infinite").SWRInfiniteResponse<ListLedgerAccountLinesReturn, any>;
6361
+ export function useLedgerAccountLinesInvalidator(): {
6362
+ invalidateLedgerAccountLines: () => Promise<undefined[]>;
6363
+ debouncedInvalidateLedgerAccountLines: import("lodash").DebouncedFunc<() => Promise<undefined[]>>;
6364
+ };
6365
+ export function useLedgerAccountLinesOptimisticUpdater(): {
6366
+ optimisticallyUpdateLedgerAccountLines: (transformLineItem: (lineItem: LedgerAccountLineItem) => LedgerAccountLineItem) => Promise<undefined[]>;
6367
+ };
6368
+ export {};
6369
+
6316
6370
  }
6317
6371
  declare module '@layerfi/components/features/ledger/entries/[ledgerEntryId]/tags/api/useRemoveTagFromLedgerEntry' {
6318
6372
  type RemoveTagFromLedgerEntryArg = {
@@ -7555,6 +7609,8 @@ declare module '@layerfi/components/hooks/useLedgerAccounts/useLedgerAccounts' {
7555
7609
  selectedEntryId?: string;
7556
7610
  setSelectedEntryId: (id?: string) => void;
7557
7611
  closeSelectedEntry: () => void;
7612
+ hasMore: boolean;
7613
+ fetchMore: () => void;
7558
7614
  };
7559
7615
  export const useLedgerAccounts: UseLedgerAccounts;
7560
7616
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@layerfi/components",
3
- "version": "0.1.104",
3
+ "version": "0.1.105",
4
4
  "description": "Layer React Components",
5
5
  "main": "dist/cjs/index.cjs",
6
6
  "module": "dist/esm/index.mjs",