@economic/taco 2.25.1-alpha.13 → 2.25.1

package/dist/components/Provider/Localization.d.ts

@@ -0,0 +1,392 @@
+import * as React from 'react';
+import { Locale } from '../../types';
+import { CalendarTexts } from '../Calendar/Calendar';
+import { ComboboxTexts } from '../Combobox/Combobox';
+import { DialogTexts } from '../Dialog/Dialog';
+import { PaginationTexts } from '../Pagination/Pagination';
+import { ListboxTexts } from '../Listbox/Listbox';
+import { ToastsTexts } from '../Toast/Toast';
+import { DatepickerTexts } from '../Datepicker/Datepicker';
+import { HeaderTexts } from '../Header/Header';
+import { HangerTexts } from '../Hanger/Hanger';
+import { SelectTexts } from '../Select/Select';
+import { TourTexts } from '../Tour/Tour';
+import { TableTexts } from '../Table/Table';
+import { Table3Texts } from '../Table3/types';
+import { SearchInputTexts } from '../SearchInput/SearchInput';
+import { Select2Texts } from '../Select2/Select2';
+import { BannerTexts } from '../Banner/Banner';
+import { DrawerTexts } from '../Drawer/Drawer';
+export declare type LocalizationTexts = {
+    /** Localized texts and aria-labels for [Banner](component:banner) component */
+    banner: BannerTexts;
+    /** Localized texts and aria-labels for [Calendar](component:calendar) component */
+    calendar: CalendarTexts;
+    /** Localized texts and aria-labels for [Combobox](component:combobox) component */
+    combobox: ComboboxTexts;
+    /** Localized texts and aria-labels for [DatePicker](component:datepicker) component */
+    datepicker: DatepickerTexts;
+    /** Localized texts and aria-labels for [Dialog](component:dialog) component */
+    dialog: DialogTexts;
+    /** Localized texts and aria-labels for [Hanger](component:hanger) component */
+    hanger: HangerTexts;
+    /** Localized texts and aria-labels for [Header](component:header) component */
+    header: HeaderTexts;
+    /** Localized texts and aria-labels for [Listbox](component:listbox) component */
+    listbox: ListboxTexts;
+    /** Localized texts and aria-labels for [Pagination](component:pagination) component */
+    pagination: PaginationTexts;
+    /** Localized texts and aria-labels for [Table](component:table) component */
+    table: TableTexts;
+    /** Localized texts and aria-labels for [Table3](component:table3) component */
+    table3: Table3Texts;
+    /** Localized texts and aria-labels for [SearchInput](component:searchinput) component */
+    searchInput: SearchInputTexts;
+    /** Localized texts and aria-labels for [Select](component:select) component */
+    select: SelectTexts;
+    /** Localized texts and aria-labels for [Select2](component:select2) component */
+    select2: Select2Texts;
+    /** Localized texts and aria-labels for [Toast](component:toast) component */
+    toasts: ToastsTexts;
+    /** Localized texts and aria-labels for [Tour](component:tour) component */
+    tour: TourTexts;
+    /** Localized texts and aria-labels for [Drawer](component:drawer) component */
+    drawer: DrawerTexts;
+};
+export declare type Localization = {
+    /**
+     * Provide the language code used in application.
+     * Default value is `en-GB`
+     */
+    locale: Locale;
+    /** Provide the texts and aria-labels for components used within the provider */
+    texts: LocalizationTexts;
+    /** Provide the formatting */
+    formatting: {
+        /** Default value is `dd.mm.yy` */
+        date: string;
+    };
+};
+export declare const defaultLocalisationTexts: {
+    banner: {
+        close: string;
+    };
+    calendar: {
+        months: string[];
+        weekdaysShort: string[];
+        weekdays: string[];
+        actions: {
+            previousMonth: string;
+            nextMonth: string;
+            previousYear: string;
+            nextYear: string;
+            today: string;
+        };
+    };
+    combobox: {
+        tooltip: string;
+    };
+    datepicker: {
+        calendar: string;
+        clear: string;
+        expand: string;
+        shortcuts: string;
+    };
+    dialog: {
+        close: string;
+        drag: string;
+    };
+    hanger: {
+        close: string;
+    };
+    header: {
+        addAgreement: string;
+        logout: string;
+        more: string;
+        new: string;
+        search: string;
+    };
+    listbox: {
+        loading: string;
+        empty: string;
+        allOption: string;
+    };
+    pagination: {
+        label: string;
+        pageSize: string;
+        showingXofYofTotal: string;
+        actions: {
+            firstPage: string;
+            firstPageWithShortcut: string;
+            previousPage: string;
+            previousPageWithShortcut: string;
+            nextPage: string;
+            nextPageWithShortcut: string;
+            lastPage: string;
+            lastPageWithShortcut: string;
+            pageX: string;
+        };
+    };
+    table: {
+        actions: string;
+        edit: string;
+        copy: string;
+        del: string;
+        newSubRow: string;
+        loading: string;
+    };
+    table3: {
+        columns: {
+            actions: {
+                tooltip: string;
+            };
+            drag: {
+                tooltip: string;
+            };
+            expansion: {
+                collapse: string;
+                collapseAll: string;
+                expand: string;
+                expandAll: string;
+            };
+            menu: {
+                editFilter: string;
+                filter: string;
+                freezeFirstColumn: string;
+                freezeUptoColumn: string;
+                freezeColumns: (count?: number) => string;
+                gotoRow: string;
+                hideColumn: string;
+                unfreezeColumns: string;
+                sorting: string;
+                sortingOrder: {
+                    ascending: string;
+                    descending: string;
+                    unsorted: string;
+                };
+            };
+            resize: {
+                tooltip: string;
+            };
+            select: {
+                deselect: string;
+                deselectAll: string;
+                select: string;
+                selectAll: string;
+            };
+        };
+        columnSettings: {
+            search: string;
+            tooltip: string;
+            button: string;
+            noResults: string;
+        };
+        editing: {
+            actions: {
+                tooltip: string;
+                save: string;
+                clear: string;
+                exit: string;
+            };
+            buttons: {
+                edit: {
+                    tooltip: string;
+                };
+            };
+            rowIndicator: {
+                rowWillMove: string;
+                rowWillBeHidden: string;
+                rowWillMoveReasonSearch: string;
+                rowWillMoveReasonFilter: string;
+                rowWillMoveReasonSorting: string;
+            };
+            saving: {
+                progress: string;
+                complete: string;
+            };
+            clearChangesConfirmationDialog: {
+                title: string;
+                description: string;
+                cancel: string;
+                confirm: string;
+            };
+        };
+        filters: {
+            button: string;
+            buttons: {
+                addFilter: string;
+                clearFilters: string;
+            };
+            comparators: {
+                contains: string;
+                doesNotContain: string;
+                isEqualTo: string;
+                isNotEqualTo: string;
+                isGreaterThan: string;
+                isLessThan: string;
+                isBetween: string;
+                isOneOf: string;
+                isNoneOf: string;
+                isAllOf: string;
+                isEmpty: string;
+                isNotEmpty: string;
+                isBefore: string;
+                isAfter: string;
+                isOnOrBefore: string;
+                isOnOrAfter: string;
+                isLessThanOrEqualTo: string;
+                isGreaterThanOrEqualTo: string;
+                hasAnyOf: string;
+                hasAllOf: string;
+                hasNoneOf: string;
+            };
+            conditions: {
+                and: string;
+                where: string;
+            };
+            emptyFilter: {
+                condition: string;
+                value: string;
+            };
+            hiddenColumn: string;
+            hiddenGroupedColumn: string;
+            tooltip: string;
+            total: string;
+        };
+        fontSize: {
+            tooltip: string;
+            sizes: {
+                small: string;
+                medium: string;
+                large: string;
+            };
+        };
+        footer: {
+            summary: {
+                count: string;
+                records: string;
+                selected: string;
+            };
+        };
+        print: {
+            error: string;
+            loading: string;
+            tooltip: string;
+            warningDialog: {
+                title: string;
+                description: string;
+                checkboxVisibilityLabel: string;
+                cancelButtonText: string;
+                printButtonText: string;
+            };
+            settingsDialog: {
+                title: string;
+                size: string;
+                sizeA5: string;
+                sizeA4: string;
+                sizeA3: string;
+                sizeLetter: string;
+                sizeLegal: string;
+                orientation: string;
+                orientationLandscape: string;
+                orientationPortrait: string;
+                rows: string;
+                rowsAll: string;
+                rowsSelected: string;
+                layout: string;
+                layoutSplitGroups: string;
+            };
+        };
+        rowHeight: {
+            tooltip: string;
+            sizes: {
+                short: string;
+                medium: string;
+                tall: string;
+                extraTall: string;
+            };
+        };
+        search: {
+            excludeUnmatchedResults: string;
+            placeholder: string;
+        };
+        shortcuts: {
+            tooltip: string;
+            search: string;
+            filter: string;
+            previousRow: string;
+            nextRow: string;
+            editCell: string;
+            previousColumn: string;
+            nextColumn: string;
+            rowClick: string;
+            selectRow: string;
+            selectAllRows: string;
+            expandRow: string;
+            collapseRow: string;
+        };
+        otherOptions: {
+            tooltip: string;
+        };
+        validation: {
+            index: string;
+            alert: {
+                unsavedEntries: (count?: number) => "unsaved entry:" | "unsaved entries:";
+                incompleteAndHavntBeenSaved: (count?: number) => "is incomplete and haven’t been saved." | "are incomplete and haven’t been saved.";
+            };
+            resetFiltersDialog: {
+                title: string;
+                description: string;
+                cancel: string;
+                confirm: string;
+            };
+        };
+    };
+    searchInput: {
+        button: string;
+        findNext: string;
+        findPrevious: string;
+        placeholder: string;
+        clear: string;
+    };
+    select: {
+        allOptionsSelected: string;
+    };
+    select2: {
+        allSelect: string;
+        allDeselect: string;
+        cancel: string;
+        chooseColor: string;
+        create: string;
+        delete: string;
+        save: string;
+        search: string;
+        searchOrCreate: string;
+        selectAll: string;
+        selectAllResults: string;
+        deselectAll: string;
+        deselectAllResults: string;
+    };
+    toasts: {
+        dismiss: string;
+    };
+    tour: {
+        back: string;
+        close: string;
+        skip: string;
+        last: string;
+        next: string;
+        open: string;
+    };
+    drawer: {
+        close: string;
+    };
+};
+export declare const defaultLocalizationContext: Localization;
+export declare const LocalizationContext: React.Context<Localization>;
+export interface LocalizationProviderProps {
+    children: React.ReactNode;
+    localization?: Localization;
+}
+export declare const LocalizationProvider: React.FC<LocalizationProviderProps>;
+export declare const useLocalization: () => Localization;

package/dist/components/Report/Report.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { ReportColumnProps, ReportGroupProps, ReportProps } from './types';
+import { TableRef } from '../../primitives/Table/types';
+import './style.css';
+declare function Column<TType = unknown>(_: ReportColumnProps<TType>): null;
+declare function Group(_: ReportGroupProps): null;
+export declare const Report: (<TType = unknown>(props: (import("../../primitives/Table/types").TableClientProps<TType> & {
+    customSettings?: import("./types").ReportCustomSettingsRenderer | undefined;
+    emptyState?: import("./types").ReportEmptyStateRenderer | undefined;
+    toolbarLeft?: JSX.Element | undefined;
+    toolbarRight?: JSX.Element | undefined;
+    toolbarPanel?: JSX.Element | undefined;
+} & React.RefAttributes<TableRef>) | (import("../../primitives/Table/types").TableServerProps<TType> & {
+    customSettings?: import("./types").ReportCustomSettingsRenderer | undefined;
+    emptyState?: import("./types").ReportEmptyStateRenderer | undefined;
+    toolbarLeft?: JSX.Element | undefined;
+    toolbarRight?: JSX.Element | undefined;
+    toolbarPanel?: JSX.Element | undefined;
+} & React.RefAttributes<TableRef>)) => JSX.Element) & {
+    Column: typeof Column;
+    Group: typeof Group;
+};
+export * from './types';

package/dist/components/Report/components/Body/Body.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Table as ReactTable } from '@tanstack/react-table';
+declare type BodyProps<TType = unknown> = React.HTMLAttributes<HTMLTableSectionElement> & {
+    enableArrowKeyFocusing?: boolean;
+    table: ReactTable<TType>;
+};
+export declare function Body<TType = unknown>(props: BodyProps<TType>): JSX.Element;
+export {};

package/dist/components/Report/components/Body/EmptyStateBody.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ReportEmptyStateRenderer } from '../../types';
+declare type EmptyStateProps = React.HTMLAttributes<HTMLTableSectionElement> & {
+    emptyState?: ReportEmptyStateRenderer;
+};
+export declare function EmptyStateBody(props: EmptyStateProps): JSX.Element;
+export {};

package/dist/components/Report/components/Cell/Cell.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { Cell as ReactTableCell } from '@tanstack/react-table';
+declare type CellProps<TType = unknown> = {
+    cell: ReactTableCell<TType, unknown>;
+    index: number;
+};
+export declare function Cell<TType = unknown>(props: CellProps<TType>): JSX.Element | null;
+export {};

package/dist/components/Report/components/Cell/DisplayCell.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Cell as ReactTableCell } from '@tanstack/react-table';
+export declare type DisplayCellProps<TType = unknown> = {
+    cell: ReactTableCell<TType, unknown>;
+    cellRef: React.RefObject<HTMLTableCellElement>;
+    isHighlighted?: true | 'current';
+};
+export declare const DisplayCell: <TType = unknown>(props: DisplayCellProps<TType>) => JSX.Element;

package/dist/components/Report/components/Cell/GroupedCell.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Cell as ReactTableCell } from '@tanstack/react-table';
+export declare type GroupedCellProps<TType = unknown> = {
+    cell: ReactTableCell<TType, unknown>;
+    cellRef: React.RefObject<HTMLTableCellElement>;
+    isHighlighted?: true | 'current';
+};
+export declare function GroupedCell<TType = unknown>(props: GroupedCellProps<TType>): JSX.Element;

package/dist/components/Report/components/Cell/util.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Cell as ReactTableCell } from '@tanstack/react-table';
+export declare type DisplayCellProps<TType = unknown> = {
+    index: number;
+    cell: ReactTableCell<TType, unknown>;
+};
+export declare function getCellAttributes<TType = unknown>(cell: ReactTableCell<TType, unknown>, isHighlighted: true | 'current' | undefined): {
+    'data-cell-align': "left" | "right" | "center" | undefined;
+    'data-cell-highlighted': true | "current" | undefined;
+    'data-cell-id': string;
+    'data-cell-pinned': boolean | undefined;
+    'data-cell-truncate': boolean | undefined;
+    className: string | undefined;
+    style: {};
+};
+export declare function useSearchHighlighting<TType = unknown>(cell: ReactTableCell<TType, unknown>, cellIndex: number, ref: React.RefObject<HTMLTableCellElement>): true | "current" | undefined;
+export declare function getCurrentRowCellElement(index: number, tableEl: HTMLElement): Element | null;
+export declare function scrollColumnIntoView(columnIndex: number, frozenColumnIndex: number, column: HTMLElement, tableEl: HTMLElement): void;

package/dist/components/Report/components/Header/Header.d.ts

@@ -0,0 +1,40 @@
+import React from 'react';
+import { Header as ReactTableHeader, ColumnPinningPosition as ReactTableColumnPinningPosition } from '@tanstack/react-table';
+import { TableColumnAlignment, TableColumnMenu, TableColumnSortDirection, TableColumnWidth } from '../../../../primitives/Table/types';
+export declare function Header<TType = unknown>(header: ReactTableHeader<TType, unknown>): JSX.Element | null;
+export declare type MemoedHeaderProps = {
+    align?: TableColumnAlignment;
+    canFilter: boolean;
+    canHide: boolean;
+    canGoto: boolean;
+    canMeasureSize: boolean;
+    canPin: boolean;
+    canResize: boolean;
+    canSort: boolean;
+    children: JSX.Element | React.ReactNode;
+    className?: string;
+    colSpan: number;
+    customMenu?: TableColumnMenu;
+    defaultWidth?: TableColumnWidth;
+    hasMenu: boolean;
+    id: string;
+    index: number;
+    isFiltered: boolean;
+    isGroup: boolean;
+    isPinned?: ReactTableColumnPinningPosition;
+    isPlaceholder: boolean;
+    isResizing?: boolean;
+    offset?: number;
+    onFilter?: () => void;
+    onGoto?: (query: string) => Promise<number>;
+    onHide?: (event: unknown) => void;
+    onPin?: (index: number | undefined) => void;
+    onResize?: (event: unknown) => void;
+    onSort?: (event: unknown) => void;
+    onSortToggle?: (sortDirection: TableColumnSortDirection | false) => void;
+    setRowActiveIndex: (index: number) => void;
+    setColumnSizing: any;
+    sortDirection?: TableColumnSortDirection | false;
+    tooltip?: string;
+    width?: TableColumnWidth;
+};

package/dist/components/Report/components/Header/components/Goto.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { PopoverProps } from '../../../../Popover/Popover';
+export declare type GotoProps = PopoverProps & {
+    onGoto: (query: string) => Promise<void>;
+};
+export declare function GotoPopover(props: GotoProps): JSX.Element;

package/dist/components/Report/components/Header/components/Menu.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { TableColumnMenu, TableColumnSortDirection } from '../../../../../primitives/Table/types';
+export declare type HeaderMenuProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    canFilter: boolean;
+    canGoto: boolean;
+    canHide: boolean;
+    canPin: boolean;
+    canSort: boolean;
+    customMenu?: TableColumnMenu;
+    index: number;
+    isFiltered: boolean;
+    onFilter?: () => void;
+    onGoto?: (query: string) => Promise<number>;
+    onHide?: (event: unknown) => void;
+    onPin?: (index: number | undefined) => void;
+    onSortToggle?: (sortDirection: TableColumnSortDirection | false) => void;
+    setRowActiveIndex: (index: number) => void;
+    sortDirection?: TableColumnSortDirection | false;
+};
+export declare function HeaderMenu(props: HeaderMenuProps): JSX.Element;

package/dist/components/Report/components/Header/components/Resizer.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { TableColumnWidth } from '../../../../../primitives/Table/types';
+declare type ResizerProps = {
+    headerRef: HTMLTableCellElement | null;
+    id: string;
+    isResizing: boolean;
+    onResize: (event: unknown) => void;
+    setColumnSizing: any;
+    width?: TableColumnWidth;
+};
+export declare function Resizer(props: ResizerProps): JSX.Element;
+export {};

package/dist/components/Report/components/Header/components/SortIndicator.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { TableColumnSortDirection } from '../../../../../primitives/Table/types';
+declare type SortIndicatorProps = {
+    direction: false | TableColumnSortDirection;
+};
+export declare function SortIndicator(props: SortIndicatorProps): any;
+export declare const getAriaSort: (direction: any) => any;
+export declare function getSortAttributes(canSort: boolean, toggleSorting?: (event: unknown) => void, sortDirection?: false | TableColumnSortDirection): {
+    'aria-sort'?: undefined;
+    onClick?: undefined;
+} | {
+    'aria-sort': any;
+    onClick: (event: React.MouseEvent) => void;
+};
+export {};

package/dist/components/Report/components/Header/util.d.ts

@@ -0,0 +1,4 @@
+import { Header as ReactTableHeader, ColumnPinningPosition as ReactTableColumnPinningPosition } from '@tanstack/react-table';
+import { TableColumnWidth } from '../../../../primitives/Table/types';
+export declare function useSetInitialColumnSizing(id: string, defaultWidth: TableColumnWidth | undefined, width: TableColumnWidth | undefined, element: HTMLTableCellElement | null, canMeasureSize: boolean, setColumnSizing: any): void;
+export declare function getIsPinned<TType = unknown>(header: ReactTableHeader<TType, unknown>): ReactTableColumnPinningPosition | undefined;

package/dist/components/Report/components/Internal/Actions.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { CellContext as ReactTableCellContext } from '@tanstack/react-table';
+import { TableFontSize, TableRowActionRenderer } from '../../../../primitives/Table/types';
+export declare function Header(): null;
+export declare type ActionsProps<TType = unknown> = {
+    actions: TableRowActionRenderer<TType>[];
+    actionsLength: number;
+    data: any;
+    fontSize: TableFontSize;
+    isActiveRow: boolean;
+};
+export declare function Actions<TType = unknown>(props: ActionsProps<TType>): JSX.Element;
+export declare const Cell: <TType = unknown>(context: ReactTableCellContext<TType, unknown>) => JSX.Element;

package/dist/components/Report/components/Internal/Expansion.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { HeaderContext as ReactTableHeaderContext, CellContext as ReactTableCellContext } from '@tanstack/react-table';
+export declare function Header<TType = unknown>(context: ReactTableHeaderContext<TType, unknown>): JSX.Element;
+export declare function Cell<TType = unknown>(context: ReactTableCellContext<TType, unknown>): JSX.Element | null;

package/dist/components/Report/components/Internal/Selection.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { HeaderContext as ReactTableHeaderContext, CellContext as ReactTableCellContext } from '@tanstack/react-table';
+export declare function Header<TType = unknown>(context: ReactTableHeaderContext<TType, unknown>): JSX.Element | null;
+export declare function Cell<TType = unknown>(context: ReactTableCellContext<TType, unknown>): JSX.Element | null;

package/dist/components/Report/components/Row/DisplayRow.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { Table as ReactTable, Row as ReactTableRow } from '@tanstack/react-table';
+export declare type DisplayRowProps<TType = unknown> = {
+    index: number;
+    measureRow: (size: number, expansionHeight?: number) => void;
+    row: ReactTableRow<TType>;
+    table: ReactTable<TType>;
+};
+export declare const DisplayRow: <TType = unknown>(props: DisplayRowProps<TType>) => JSX.Element;

package/dist/components/Report/components/Row/Row.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Table as ReactTable, Row as ReactTableRow } from '@tanstack/react-table';
+export declare type RowProps<TType = unknown> = React.HTMLAttributes<HTMLTableRowElement> & {
+    index: number;
+    measureRow: (size: number, expansionHeight?: number) => void;
+    row: ReactTableRow<TType>;
+    table: ReactTable<TType>;
+};
+export declare function Row<TType = unknown>(props: RowProps<TType>): JSX.Element;

package/dist/components/Report/components/Row/RowContext.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare type RowContextValue = {
+    isHovered: boolean;
+    setIsHovered: (value: boolean) => void;
+    rowIndex: number;
+};
+export declare const RowContext: React.Context<RowContextValue>;
+export {};

package/dist/components/Report/components/Toolbar/Toolbar.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Table as ReactTable } from '@tanstack/react-table';
+import { TableRef } from '../../../../primitives/Table/types';
+import { ReportCustomSettingsRenderer } from '../../types';
+export declare type ToolbarProps<TType = unknown> = {
+    customSettings?: ReportCustomSettingsRenderer;
+    left?: JSX.Element;
+    length: number;
+    right?: JSX.Element;
+    scrollToIndex: (index: number) => void;
+    table: ReactTable<TType>;
+    tableId: string;
+    tableRef: React.RefObject<TableRef>;
+};
+export declare function Toolbar<TType = unknown>(props: ToolbarProps<TType>): JSX.Element | null;