@economic/taco 2.24.0 → 2.25.1-alpha.13

package/dist/packages/taco/src/components/Provider/Localization.d.ts

@@ -0,0 +1,398 @@
+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 { LegacyTableTexts } 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';
+import { TableTexts } from '../../primitives/Table/types';
+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 */
+    legacyTable: LegacyTableTexts;
+    /** Localized texts and aria-labels for [Table](primitive: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;
+        };
+    };
+    legacyTable: {
+        actions: string;
+        edit: string;
+        copy: string;
+        del: string;
+        newSubRow: string;
+        loading: string;
+    };
+    table: {
+        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;
+        };
+        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;
+        };
+    };
+    table3: {
+        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;
+            };
+            validation: {
+                resetFiltersDialog: {
+                    title: string;
+                    description: string;
+                    cancel: string;
+                    confirm: string;
+                };
+                alertTitleOne: string;
+                alertTitlePlural: string;
+                alertMessageOne: string;
+                alertMessagePlural: string;
+                alertMessageRow: string;
+                alertMessageAnd: 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/packages/taco/src/components/Report/Report.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { TableRef } from '../../primitives/Table/types';
+import { TableColumnProps, TableGroupProps, TableProps } from '../../primitives/Table/types';
+declare function Column<TType = unknown>(_: TableColumnProps<TType>): null;
+declare function Group(_: TableGroupProps): null;
+export declare const Report: (<TType = unknown>(props: (import("../../primitives/Table/types").TableClientProps<TType> & React.RefAttributes<TableRef>) | (import("../../primitives/Table/types").TableServerProps<TType> & React.RefAttributes<TableRef>)) => JSX.Element) & {
+    Column: typeof Column;
+    Group: typeof Group;
+};
+export {};

package/dist/packages/taco/src/components/Report/__stories__/util.d.ts

@@ -0,0 +1,19 @@
+export declare function createFakeData(length: number, options?: {
+    textMultiplier: number;
+}): {
+    year: any;
+    accountNumber: number;
+    name: any;
+    total: number;
+    random: any;
+    date: any;
+    barred: any;
+}[];
+export declare type Entry = {
+    year: number;
+    accountNumber: number;
+    name: string;
+    total: number;
+    date?: Date;
+    barred?: boolean;
+};

package/dist/packages/taco/src/components/Report/useReport.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { TableRef } from '../../primitives/Table/types';
+import { TableProps } from '../../primitives/Table/types';
+export declare function useReport<TType>(props: TableProps<TType>, ref: React.Ref<TableRef>): {
+    props: {
+        customSettings: import("../../primitives/Table/types").TableCustomSettingsRenderer | undefined;
+        emptyState: import("../../primitives/Table/types").TableEmptyStateRenderer | undefined;
+        toolbarLeft: JSX.Element | undefined;
+        toolbarPanel: JSX.Element | undefined;
+        toolbarRight: JSX.Element | undefined;
+    };
+    renderer: {
+        rows: JSX.Element[] | null;
+        style: React.CSSProperties;
+        scrollToIndex: (index: number, options?: import("@tanstack/virtual-core").ScrollToOptions) => void;
+    };
+    stylesheet: JSX.Element;
+    ref: React.RefObject<TableRef>;
+    id: string;
+    instance: import("@tanstack/table-core").Table<TType>;
+    meta: import("@tanstack/table-core").TableMeta<TType>;
+    state: import("@tanstack/table-core").TableState;
+};

package/dist/packages/taco/src/components/Select2/Select2.d.ts

@@ -0,0 +1,68 @@
+import React from 'react';
+import { Select2Children, Select2CreateHandler, Select2DeleteHandler, Select2EditHandler, Select2OptionValue, Select2Value } from './types';
+import { Select2OptionProps } from './components/Option';
+import { Select2GroupProps } from './components/Group';
+import { Select2TitleProps } from './components/Title';
+import { FontSize } from '../../types';
+declare type Select2Texts = {
+    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;
+};
+declare type Select2Props = Omit<React.HTMLAttributes<HTMLButtonElement>, 'children' | 'defaultValue' | 'onChange' | 'value'> & {
+    /** Autofocus Select2 when loaded **/
+    autoFocus?: boolean;
+    /** Array of options in Select2 */
+    children: Select2Children;
+    /** Initial value of the input in Select2 */
+    defaultValue?: Select2Value;
+    /** Set what value should have an empty option in Select2 */
+    emptyValue?: Select2OptionValue;
+    /** Whether the Select2 is in a disabled state **/
+    disabled?: boolean;
+    /** Draws attention to the Select2 by changing its style and making it visually prominent */
+    highlighted?: boolean;
+    /** Whether the Select2 is in an invalid state **/
+    invalid?: boolean;
+    /** Whether the Select2 allows selecting multiple values **/
+    multiple?: boolean;
+    /** Whether the Select2 is in an invalid state **/
+    name?: string;
+    /** Handler called when user chooses an option from the provided options **/
+    onChange?: (value: Select2Value) => void;
+    /** Handler called when user creates a new option **/
+    onCreate?: Select2CreateHandler;
+    /** Handler called when user deletes an option **/
+    onDelete?: Select2DeleteHandler;
+    /** Handler called when user edits an option **/
+    onEdit?: Select2EditHandler;
+    /** Whether the Select2 is in a readonly state **/
+    readOnly?: boolean;
+    required?: boolean;
+    /** Renders select options as tags **/
+    tags?: boolean;
+    /** Value of the input in select2 */
+    value?: Select2Value;
+    /** Font size of text in Select2 **/
+    fontSize?: FontSize;
+    /** Placeholder showed when nothing is selected **/
+    placeholder?: string;
+};
+declare type Select2PropsWithStatics = React.ForwardRefExoticComponent<Select2Props & React.RefAttributes<HTMLButtonElement>> & {
+    Option: React.ForwardRefExoticComponent<Select2OptionProps>;
+    Group: React.ForwardRefExoticComponent<Select2GroupProps>;
+    Title: React.ForwardRefExoticComponent<Select2TitleProps>;
+};
+declare const Select2: Select2PropsWithStatics;
+export { Select2 };
+export type { Select2Texts, Select2GroupProps, Select2OptionProps, Select2OptionValue, Select2Value, Select2Props, Select2TitleProps, };

package/dist/packages/taco/src/components/Table/Table.d.ts

@@ -0,0 +1,14 @@
+export * from './components/Table';
+export * from './components/PaginatedTable';
+export * from './components/WindowedTable';
+export type { PaginationHandler, Row, RowIndexPath, RowClickHandler, RowDragHandler, RowCreateHandler, RowCopyHandler, RowDeleteHandler, RowActionHandler, SelectedRowsHandler, SelectedRowsState, SortDirection, SortHandler, SortRule, SortTypes, LegacyTableCell, LegacyTableColumnProps, LegacyTableGroupProps, LegacyTableProps, LegacyTableRow, LegacyTableRef, } from './types';
+export * from './util/rowIndexPath';
+export * from './hooks/useRowCreation';
+export declare type LegacyTableTexts = {
+    actions: string;
+    edit: string;
+    copy: string;
+    del: string;
+    newSubRow: string;
+    loading: string;
+};

package/dist/packages/taco/src/components/Table/components/BaseTable.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import './Table.css';
+export declare const DefaultEmptyState: () => React.ReactNode;
+export declare const BaseTable: React.ForwardRefExoticComponent<Partial<import("../types").LegacyTableProps<any>> & Partial<import("react-table").TableInstance<{}>> & {
+    children: JSX.Element;
+    headerRef?: React.MutableRefObject<HTMLDivElement | null> | undefined;
+    bodyRef?: React.MutableRefObject<HTMLDivElement | null> | undefined;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/packages/taco/src/components/Table/hooks/useRowCreation.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Row, RowIndexPath, LegacyTableRef } from '../types';
+export declare const insertChildTableRow: <TRow>(data: Row<TRow>[], rowIndexPath?: RowIndexPath, values?: any) => [Row<TRow>[], RowIndexPath];
+export declare const removeChildTableRow: <TRow>(data: Row<TRow>[], rowIndexPath: RowIndexPath) => Row<TRow>[];
+export declare type useTableRowCreation<TRow> = {
+    data: Row<TRow>[];
+    create: (rowIndexPath: RowIndexPath, values?: object | undefined) => RowIndexPath;
+    remove: (rowIndexPath: RowIndexPath) => void;
+    isCreating: boolean;
+};
+export declare const useTableRowCreation: <TRow>(data: Row<TRow>[], tableRef: React.RefObject<LegacyTableRef>) => useTableRowCreation<TRow>;

package/dist/packages/taco/src/components/Table/hooks/useTable.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+import { InternalTable, PaginationHandler, RowActiveHandler, SortHandler, LegacyTableProps, LegacyTableRef } from '../types';
+export declare const useTable: <T extends {}>(props: React.HTMLAttributes<HTMLDivElement> & {
+    autoFocus?: boolean | undefined;
+    children: import("../types").LegacyTableChildren<T>;
+    data: import("../types").Row<T>[];
+    dangerouslyHijackGlobalKeyboardNavigation?: boolean | undefined;
+    emptyStateRenderer?: (() => React.ReactNode) | undefined;
+    onRowClick?: import("../types").RowClickHandler<T> | undefined;
+    onRowDrag?: import("../types").RowDragHandler<T> | undefined;
+    onSelectedRows?: React.Dispatch<React.SetStateAction<Record<number, boolean>>> | undefined;
+    rowClassName?: string | ((row: import("../types").LegacyTableRow<T>) => string | undefined) | undefined;
+    rowExpansionRenderer?: ((row: import("../types").LegacyTableRow<T>) => React.ReactNode) | undefined;
+    rowHeight?: number | undefined;
+    selectedRows?: Record<number, boolean> | undefined;
+    activeIndex?: number | undefined;
+    defaultActiveIndex?: number | undefined;
+    onChangeActiveIndex?: ((activeIndex: number) => void) | undefined;
+    disableSorting?: boolean | undefined;
+    onSort?: SortHandler<T> | undefined;
+    manualSorting?: boolean | undefined;
+    sortRules?: import("../types").SortRule<T>[] | undefined;
+    disablePagination?: boolean | undefined;
+    length?: number | undefined;
+    onPaginate?: PaginationHandler | undefined;
+    pageIndex?: number | undefined;
+    pageSize?: number | undefined;
+    loadMore?: ((startIndex: number, endIndex: number) => void) | undefined;
+    inlineEditingUniqueId?: keyof T | undefined;
+    onRowCreate?: import("../types").RowCreateHandler<T> | undefined;
+    actions?: import("../types").RowActionHandler<T>[] | undefined;
+    onRowEdit?: import("../types").RowEditHandler<T> | undefined;
+    onRowCopy?: import("../types").RowCopyHandler<T> | undefined;
+    onRowDelete?: import("../types").RowDeleteHandler<T> | undefined;
+    onRowActive?: RowActiveHandler<T> | undefined;
+} & {
+    windowed?: boolean | undefined;
+}, ref: React.RefObject<LegacyTableRef>) => InternalTable;

package/dist/packages/taco/src/components/Table/hooks/useTableKeyboardNavigation.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { LegacyTableProps } from '../types';
+export declare const useTableKeyboardNavigation: <T extends {}>(props: LegacyTableProps<T>, rows: any[], rowProps: any, ref: React.RefObject<HTMLDivElement>) => [number | undefined, (index: number) => void, (event: React.KeyboardEvent<HTMLElement>) => void, (event: React.FocusEvent<HTMLElement>) => void];