@trackunit/react-table 0.0.1-alpha-d77630157e.0

package/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "@trackunit/react-table",
+  "version": "0.0.1-alpha-d77630157e.0",
+  "repository": "https://github.com/Trackunit/manager",
+  "license": "SEE LICENSE IN LICENSE.txt",
+  "engines": {
+    "node": ">=18.x"
+  },
+  "dependencies": {
+    "@tanstack/react-table": "8.9.3",
+    "@tanstack/react-virtual": "3.0.0-alpha.0",
+    "@trackunit/css-class-variance-utilities": "0.0.12-alpha-d77630157e.0",
+    "@trackunit/css-core": "0.0.93-alpha-d77630157e.0",
+    "@trackunit/i18n-library-translation": "0.0.69-alpha-d77630157e.0",
+    "@trackunit/react-components": "0.1.149-alpha-d77630157e.0",
+    "@trackunit/react-core-contexts-api": "0.2.53-alpha-d77630157e.0",
+    "@trackunit/react-core-contexts-test": "0.1.93-alpha-d77630157e.0",
+    "@trackunit/react-form-components": "0.0.119-alpha-d77630157e.0",
+    "@trackunit/react-table-base-components": "0.0.1",
+    "@trackunit/ui-icons": "0.0.74-alpha-d77630157e.0",
+    "immutability-helper": "3.1.1",
+    "react": "18.2.0",
+    "react-dnd": "14.0.5",
+    "react-dnd-html5-backend": "14.1.0",
+    "react-router-dom": "6.11.2"
+  },
+  "module": "./index.esm.js",
+  "main": "./index.cjs.js",
+  "peerDependencies": {}
+}

package/src/ActionSheet/ActionSheet.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { CommonProps } from "@trackunit/react-components";
+import { ActionModel } from "./Actions";
+export interface ActionSheetProps extends CommonProps {
+    actions: readonly [ActionModel, ActionModel?, ActionModel?, ActionModel?];
+    moreActions?: ActionModel[];
+    selections: string[];
+    resetSelection: () => void;
+}
+/**
+ * ActionSheet is meant for actions attached to selections in your table.
+ *
+ * @param {ActionSheetProps} props - The props for the ActionSheet component
+ * @returns {JSX.Element} ActionSheet component
+ */
+export declare const ActionSheet: ({ actions, moreActions, selections, resetSelection, className, dataTestId, }: ActionSheetProps) => JSX.Element;

package/src/ActionSheet/ActionSheet.variants.d.ts

@@ -0,0 +1 @@
+export declare const cvaActionSheet: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;

package/src/ActionSheet/Actions.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { IconProps, Size } from "@trackunit/react-components";
+import { HeroIconName } from "@trackunit/ui-icons";
+type IconExposedProp = Omit<IconProps, "color" | "onclick" | "type" | "name">;
+export type ActionModel = (MethodAction | RouteAction) & CommonAction;
+export type MethodAction = {
+    type: "method";
+    method: () => void;
+};
+export type RouteAction = {
+    type: "route";
+    url: string;
+};
+export interface CommonAction extends IconExposedProp {
+    label: string;
+    icon: HeroIconName;
+    size?: Size;
+    forwardedRef?: React.RefObject<HTMLSpanElement>;
+    style?: Record<string, string>;
+}
+export {};

package/src/ActionSheet/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Actions";
+export * from "./ActionSheet";

package/src/Table.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { Table as ReactTable, Row } from "@tanstack/react-table";
+import { CommonProps } from "@trackunit/react-components";
+import { RelayPagination } from "./types";
+export interface TableProps<TData extends object> extends ReactTable<TData>, CommonProps {
+    pagination: RelayPagination;
+    headerLeftActions?: React.ReactNode;
+    headerRightActions?: React.ReactNode;
+    footerRightActions?: React.ReactNode;
+    onRowClick?: (row: Row<TData>) => void;
+    disableHeaderSorting?: boolean;
+    noDataMessage?: JSX.Element | string;
+    loading?: boolean;
+}
+/**
+ * Table component for displaying large sets of data in tables with infinite scroll, sorting, filtering and others.
+ *
+ * @param {ReactTable} props - The props for the Table component
+ * @returns {JSX.Element} Table component
+ */
+export declare const Table: <TData extends object>(props: TableProps<TData>) => JSX.Element;

package/src/index.d.ts

@@ -0,0 +1,11 @@
+import { ColumnSort } from "@tanstack/react-table";
+export * from "./ActionSheet";
+export * from "./Table";
+export * from "./menus/ColumnFilter";
+export * from "./menus/RowSpacing";
+export * from "./menus/Sorting";
+export * from "./types";
+export * from "./useRelayPagination";
+export * from "./useTable";
+export * from "./utils";
+export type SortingState = ColumnSort[];

package/src/menus/ColumnFIlter.variants.d.ts

@@ -0,0 +1,3 @@
+export declare const cvaColumnFilterGrabbable: (props?: ({
+    disabled?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/src/menus/ColumnFilter.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { Column, ColumnOrderState, Updater } from "@tanstack/react-table";
+export interface IColumnFilterProps<T extends object, V> {
+    columns: Column<T, V>[];
+    className?: string;
+    setColumnOrder: (updater: Updater<ColumnOrderState>) => void;
+    onUserEvent?: (event: "Column Reordering" | "Column Filter", payload: Record<string, unknown>) => void;
+}
+/**
+ * ColumnFilter component for managing visibility and order of table columns.
+ *
+ * @template T - The type representing the data model associated with the columns.
+ * @template V - The type representing the value of columns.
+ * @param {IColumnFilterProps<T, V>} props - The props object containing necessary properties.
+ * @returns {JSX.Element | null} A React JSX element representing the ColumnFilter component or null if columns are not provided.
+ */
+export declare const ColumnFilter: <T extends Object, V>({ columns, setColumnOrder, onUserEvent, }: IColumnFilterProps<T, V>) => JSX.Element | null;
+export interface ColumnFiltersDragAndDropProps<T extends object, V> {
+    columns: Column<T, V>[];
+    setColumnOrder: (updater: Updater<ColumnOrderState>) => void;
+    onUserEvent?: (event: "Column Reordering" | "Column Filter", payload: Record<string, unknown>) => void;
+}

package/src/menus/RowSpacing.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export type Density = "spacious" | "compact";
+interface RowDensityProps {
+    density: Density;
+    setRowDensity: (density: Density) => void;
+    onUserEvent?: (event: "Row Spacing", payload: Record<string, unknown>) => void;
+}
+/**
+ * RowSpacing component for managing the density of table rows.
+ *
+ * @param {RowDensityProps} props - The props object containing row density properties.
+ * @returns {JSX.Element} A React JSX element representing the RowSpacing component.
+ */
+export declare const RowSpacing: ({ density, setRowDensity, onUserEvent }: RowDensityProps) => JSX.Element;
+export {};

package/src/menus/Sorting.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { Column } from "@tanstack/react-table";
+interface SortingProps<T extends object, V> {
+    columns: Column<T, V>[];
+}
+/**
+ * Sorting component for managing table column sorting.
+ *
+ * @template T - The type representing the data model associated with the columns.
+ * @template V - The type representing the value of columns.
+ * @param {SortingProps<T, V>} props - The props object containing sorting properties.
+ * @returns {JSX.Element | null} A React JSX element representing the Sorting component or null if there are no sortable columns.
+ */
+export declare const Sorting: <T extends Object, V>({ columns }: SortingProps<T, V>) => JSX.Element | null;
+export {};

package/src/translation.d.ts

@@ -0,0 +1,34 @@
+/// <reference types="react" />
+import { NamespaceTransProps, TransForLibs, TranslationResource } from "@trackunit/i18n-library-translation";
+import defaultTranslations from "./locales/en/translation.json";
+/** A type for all available translation keys in this library */
+export type TranslationKeys = keyof typeof defaultTranslations;
+/** The translation namespace for this library */
+export declare const namespace = "react.table";
+/**
+ * The TranslationResource for this Library.
+ * Holds lazy loaded imports for all languages supported by the library.
+ *
+ * This is used to register the translations for this library before initializing i18next.
+ */
+export declare const translations: TranslationResource<TranslationKeys>;
+/**
+ *  Local useTranslation for this specific library
+ */
+export declare const useTranslation: () => [TransForLibs<"table.actionsheet.selected" | "layout.actions.reset" | "table.pagination.of" | "table.pagination.full" | "table.pagination.page" | "table.results.plural" | "table.sorting.toolip" | "table.columnFilters.columns" | "table.columnFilters.hiddenColumnCount" | "table.columnFilters.title" | "table.columnFilters.tooltip" | "table.exportFileName" | "table.format" | "table.results.plural.capped" | "table.noResults" | "table.error" | "table.result" | "table.rowDensity.compact" | "table.rowDensity.spacious" | "table.search.placeholder" | "table.searchPlaceholder" | "table.sorting.ascending" | "table.sorting.descending" | "table.sorting.label" | "table.sorting.order" | "table.spacing" | "table.spacing.toolip">, import("i18next").i18n, boolean] & {
+    t: TransForLibs<"table.actionsheet.selected" | "layout.actions.reset" | "table.pagination.of" | "table.pagination.full" | "table.pagination.page" | "table.results.plural" | "table.sorting.toolip" | "table.columnFilters.columns" | "table.columnFilters.hiddenColumnCount" | "table.columnFilters.title" | "table.columnFilters.tooltip" | "table.exportFileName" | "table.format" | "table.results.plural.capped" | "table.noResults" | "table.error" | "table.result" | "table.rowDensity.compact" | "table.rowDensity.spacious" | "table.search.placeholder" | "table.searchPlaceholder" | "table.sorting.ascending" | "table.sorting.descending" | "table.sorting.label" | "table.sorting.order" | "table.spacing" | "table.spacing.toolip">;
+    i18n: import("i18next").i18n;
+    ready: boolean;
+};
+/**
+ * Type of the t function for the local useTranslation for this specific library
+ */
+export type TranslationFunction = TransForLibs<TranslationKeys>;
+/**
+ * Trans for this specific library.
+ */
+export declare const Trans: (props: NamespaceTransProps<TranslationKeys>) => JSX.Element;
+/**
+ * Registers the translations for this library
+ */
+export declare const setupLibraryTranslations: () => void;

package/src/types.d.ts

@@ -0,0 +1,23 @@
+import { RowData } from "@tanstack/react-table";
+export { createColumnHelper, type ColumnDef, type VisibilityState } from "@tanstack/react-table";
+declare module "@tanstack/table-core" {
+    interface ColumnMeta<TData extends RowData, TValue> {
+        alignment?: Alignment;
+        required?: boolean;
+        subHeader?: string;
+    }
+}
+export interface RelayPageInfo {
+    count?: number | null;
+    endCursor?: string | null;
+    hasNextPage?: boolean;
+    hasPreviousPage?: boolean;
+    startCursor?: string | null;
+}
+export interface RelayPagination {
+    nextPage: () => void;
+    previousPage: () => void;
+    pageInfo?: RelayPageInfo;
+    isLoading: boolean;
+}
+export type Alignment = "left" | "center" | "right";

package/src/useInfiniteScroll.d.ts

@@ -0,0 +1,33 @@
+import { VirtualItem } from "@tanstack/react-virtual";
+import { RefObject } from "react";
+import { RelayPagination } from "./types";
+interface InfiniteScrollProps {
+    pagination: RelayPagination;
+    containerRef: RefObject<HTMLDivElement>;
+    rowSize: number;
+}
+interface InfiniteScroll {
+    paddingTop: number;
+    paddingBottom: number;
+    fetchMoreOnBottomReached: (containerRefElement?: HTMLDivElement | null) => void;
+    rowVirtualizer: unknown;
+    virtualRows: VirtualItem[];
+}
+/**
+ * Custom hook for implementing infinite scrolling in a table.
+ *
+ * @param {InfiniteScrollProps} props - The configuration object for the infinite scroll behavior.
+ * @returns {InfiniteScroll} An object containing properties and functions for infinite scrolling.
+ * @description
+ * This hook is used to implement infinite scrolling in a table. It calculates the necessary padding
+ * for virtual rows, provides a callback for fetching more data when the user scrolls to the bottom,
+ * and manages virtualized rows for efficient rendering.
+ * @example
+ * const { paddingTop, paddingBottom, fetchMoreOnBottomReached, rowVirtualizer, virtualRows } = useInfiniteScroll({
+ *   pagination: relayPaginationObject,
+ *   containerRef: tableContainerRef,
+ *   rowSize: 50,
+ * });
+ */
+export declare const useInfiniteScroll: (props: InfiniteScrollProps) => InfiniteScroll;
+export {};

package/src/useRelayPagination.d.ts

@@ -0,0 +1,28 @@
+import { Dispatch, SetStateAction } from "react";
+import { RelayPageInfo, RelayPagination } from "./types";
+export interface RelayPaginationProps {
+    pageSize?: number;
+}
+export interface RelayPaginationQueryVariables {
+    first?: number;
+    last?: number;
+    before?: string;
+    after?: string;
+}
+export interface RelayTableSupport extends RelayPagination {
+    isLoading: boolean;
+    setIsLoading: Dispatch<SetStateAction<boolean>>;
+    reset: () => void;
+    setPageInfo: Dispatch<SetStateAction<RelayPageInfo | null | undefined>>;
+}
+export interface RelayPaginationSupport {
+    variables: RelayPaginationQueryVariables;
+    table: RelayTableSupport;
+}
+/**
+ * Custom hook for handling Relay pagination in tables.
+ *
+ * @param {RelayPaginationProps} props - The props object containing pagination configuration.
+ * @returns {RelayPaginationSupport} An object containing functions and state for managing Relay pagination.
+ */
+export declare const useRelayPagination: (props?: RelayPaginationProps) => RelayPaginationSupport;

package/src/useTable.d.ts

@@ -0,0 +1,15 @@
+import { TableOptions, TableState } from "@tanstack/react-table";
+export interface TableOptionsProps<TData extends object> extends Omit<TableOptions<TData>, "getCoreRowModel"> {
+    onTableStateChange?: (state: Partial<TableState> | null) => void;
+}
+/**
+ * Hook for managing and controlling a table's state and behavior.
+ *
+ * @template TData - The type representing the data model associated with the table.
+ * @param {TableOptionsProps<TData>} props - The props object containing configuration options.
+ * @returns {TableOptionsProps<TData>} An object containing the React Table instance and associated state management functions.
+ */
+export declare const useTable: <TData extends object>({ onTableStateChange, initialState, ...reactTableProps }: TableOptionsProps<TData>) => {
+    table: import("@tanstack/react-table").Table<TData>;
+};
+export default useTable;

package/src/utils.d.ts

@@ -0,0 +1,16 @@
+import { SortingState as TanStackSortingState } from "@tanstack/react-table";
+import { SortingState } from "@trackunit/react-core-contexts-api";
+/**
+ * Convert a sorting state from the TUSort format to the TanStack format.
+ *
+ * @param {SortingState} input - The input sorting state in TUSort format.
+ * @returns {TanStackSortingState} The sorting state in TanStack format.
+ */
+export declare const fromTUSortToTanStack: (input: SortingState) => TanStackSortingState;
+/**
+ * Convert a sorting state from the TanStack format to the TUSort format.
+ *
+ * @param {TanStackSortingState} input - The input sorting state in TanStack format.
+ * @returns {SortingState} The sorting state in TUSort format.
+ */
+export declare const fromTanStackToTUSort: (input: TanStackSortingState) => SortingState;

package/translation.cjs.js

@@ -0,0 +1,33 @@
+'use strict';
+
+var translation = {
+	"table.actionsheet.selected": "ausgewählt",
+	"layout.actions.reset": "Zurücksetzen",
+	"table.pagination.of": "von {{count}}",
+	"table.pagination.full": "{{count}} von {{total}} Ergebnissen werden angezeigt",
+	"table.pagination.page": "Seite",
+	"table.results.plural": "{{count}} Ergebnisse",
+	"table.sorting.toolip": "Sortierung und Anordnung",
+	"table.columnFilters.columns": "Spalten",
+	"table.columnFilters.hiddenColumnCount": "{{count}} ausgeblendete Spalte",
+	"table.columnFilters.title": "Sichtbare Werte",
+	"table.columnFilters.tooltip": "Passen Sie sichtbare Werte an",
+	"table.exportFileName": "exportierte Daten",
+	"table.format": "Format",
+	"table.results.plural.capped": "Über {{count}} Ergebnisse",
+	"table.noResults": "Keine Ergebnisse",
+	"table.error": "Something went wrong while fetching the data",
+	"table.result": "{{count}} Ergebnis",
+	"table.rowDensity.compact": "Kompakt",
+	"table.rowDensity.spacious": "Weitläufig",
+	"table.search.placeholder": "Suchen...",
+	"table.searchPlaceholder": "Suchen...",
+	"table.sorting.ascending": "Aufsteigend",
+	"table.sorting.descending": "Absteigend",
+	"table.sorting.label": "Sortierung",
+	"table.sorting.order": "Sortierung",
+	"table.spacing": "Abstand",
+	"table.spacing.toolip": "Zeilendichte"
+};
+
+exports["default"] = translation;

package/translation.cjs10.js

@@ -0,0 +1,33 @@
+'use strict';
+
+var translation = {
+	"table.actionsheet.selected": "wybrano",
+	"layout.actions.reset": "Zresetuj",
+	"table.pagination.of": "z {{count}}",
+	"table.pagination.full": "Wyświetlono {{count}} wyników z {{total}}",
+	"table.pagination.page": "Strona",
+	"table.results.plural": "Wyniki: {{count}}",
+	"table.sorting.toolip": "Dostosuj sortowanie i kierunek",
+	"table.columnFilters.columns": "Kolumny",
+	"table.columnFilters.hiddenColumnCount": "{{count}} ukryta kolumna",
+	"table.columnFilters.title": "Widoczne wartości",
+	"table.columnFilters.tooltip": "Dostosuj widoczne wartości",
+	"table.exportFileName": "wyeksportowane dane",
+	"table.format": "Format",
+	"table.results.plural.capped": "Wyniki: {{count}}+",
+	"table.noResults": "Brak wyników",
+	"table.error": "Something went wrong while fetching the data",
+	"table.result": "{{count}} wynik",
+	"table.rowDensity.compact": "Kompaktowy",
+	"table.rowDensity.spacious": "Przestronny",
+	"table.search.placeholder": "Szukaj...",
+	"table.searchPlaceholder": "Szukaj...",
+	"table.sorting.ascending": "Rosnąco",
+	"table.sorting.descending": "Malejąco",
+	"table.sorting.label": "Sortowanie",
+	"table.sorting.order": "Zamówienie",
+	"table.spacing": "Rozstaw",
+	"table.spacing.toolip": "Dostosuj zagęszczenie wierszy"
+};
+
+exports["default"] = translation;

package/translation.cjs11.js

@@ -0,0 +1,33 @@
+'use strict';
+
+var translation = {
+	"table.actionsheet.selected": "selecionado",
+	"layout.actions.reset": "Redefinir",
+	"table.pagination.of": "de {{count}}",
+	"table.pagination.full": "A mostrar {{count}} de {{total}} resultados",
+	"table.pagination.page": "Página",
+	"table.results.plural": "{{count}} resultados",
+	"table.sorting.toolip": "Ajustar classificação e direção",
+	"table.columnFilters.columns": "Colunas",
+	"table.columnFilters.hiddenColumnCount": "{{count}} coluna oculta",
+	"table.columnFilters.title": "Valores visíveis",
+	"table.columnFilters.tooltip": "Personalizar valores visíveis",
+	"table.exportFileName": "dados exportados",
+	"table.format": "Formato",
+	"table.results.plural.capped": "{{count}}+ resultados",
+	"table.noResults": "Sem resultados",
+	"table.error": "Something went wrong while fetching the data",
+	"table.result": "{{count}} resultado",
+	"table.rowDensity.compact": "Compacto",
+	"table.rowDensity.spacious": "Espaçoso",
+	"table.search.placeholder": "Pesquisar...",
+	"table.searchPlaceholder": "Pesquisar...",
+	"table.sorting.ascending": "Ascendente",
+	"table.sorting.descending": "Descendente",
+	"table.sorting.label": "Ordenação",
+	"table.sorting.order": "Ordem",
+	"table.spacing": "Espaçamento",
+	"table.spacing.toolip": "Ajustar densidade da linha"
+};
+
+exports["default"] = translation;

package/translation.cjs12.js

@@ -0,0 +1,33 @@
+'use strict';
+
+var translation = {
+	"table.actionsheet.selected": "выбрано",
+	"layout.actions.reset": "Сбросить",
+	"table.pagination.of": "из {{count}}",
+	"table.pagination.full": "Показано {{count}} из {{total}} результатов",
+	"table.pagination.page": "Страница",
+	"table.results.plural": "{{count}} результаты",
+	"table.sorting.toolip": "Настройка сортировки и направления",
+	"table.columnFilters.columns": "Столбцы",
+	"table.columnFilters.hiddenColumnCount": "{{count}} колонка скрыта",
+	"table.columnFilters.title": "Видимые значения",
+	"table.columnFilters.tooltip": "Настроить видимые значения",
+	"table.exportFileName": "экспортированные данные",
+	"table.format": "Формат",
+	"table.results.plural.capped": "{{count}}+ результатов",
+	"table.noResults": "Нет результатов",
+	"table.error": "Something went wrong while fetching the data",
+	"table.result": "{{count}} результат",
+	"table.rowDensity.compact": "Компактный",
+	"table.rowDensity.spacious": "Просторный",
+	"table.search.placeholder": "Поиск...",
+	"table.searchPlaceholder": "Поиск...",
+	"table.sorting.ascending": "По возрастанию",
+	"table.sorting.descending": "По убыванию",
+	"table.sorting.label": "Сортировка",
+	"table.sorting.order": "Порядок",
+	"table.spacing": "Интервал",
+	"table.spacing.toolip": "Настроить плотность столбцов"
+};
+
+exports["default"] = translation;

package/translation.cjs13.js

@@ -0,0 +1,33 @@
+'use strict';
+
+var translation = {
+	"table.actionsheet.selected": "selectat",
+	"layout.actions.reset": "Resetare",
+	"table.pagination.of": "din {{count}}",
+	"table.pagination.full": "Afișare {{count}} (de) rezultate din {{total}}",
+	"table.pagination.page": "Pagina",
+	"table.results.plural": "{{count}} rezultate",
+	"table.sorting.toolip": "Reglați sortarea și direcția",
+	"table.columnFilters.columns": "Coloane",
+	"table.columnFilters.hiddenColumnCount": "{{count}} coloană ascunsă",
+	"table.columnFilters.title": "Valori vizibile",
+	"table.columnFilters.tooltip": "Valori vizibile care pot fi personalizate",
+	"table.exportFileName": "date exportate",
+	"table.format": "Format",
+	"table.results.plural.capped": "{{count}}+ (de) rezultate",
+	"table.noResults": "Niciun rezultat",
+	"table.error": "Something went wrong while fetching the data",
+	"table.result": "{{count}} rezultat",
+	"table.rowDensity.compact": "Compact",
+	"table.rowDensity.spacious": "Spațios",
+	"table.search.placeholder": "Căutare...",
+	"table.searchPlaceholder": "Căutare...",
+	"table.sorting.ascending": "Ascendent",
+	"table.sorting.descending": "Descendent",
+	"table.sorting.label": "Sortare",
+	"table.sorting.order": "Ordine",
+	"table.spacing": "Spațiere",
+	"table.spacing.toolip": "Reglați densitatea rândului"
+};
+
+exports["default"] = translation;

package/translation.cjs14.js

@@ -0,0 +1,33 @@
+'use strict';
+
+var translation = {
+	"table.actionsheet.selected": "seleccionados",
+	"layout.actions.reset": "Restablecer",
+	"table.pagination.of": "de {{count}}",
+	"table.pagination.full": "Mostrando {{count}} de {{total}} resultados",
+	"table.pagination.page": "Página",
+	"table.results.plural": "{{count}} resultados",
+	"table.sorting.toolip": "Ajustar orden y dirección",
+	"table.columnFilters.columns": "Columnas",
+	"table.columnFilters.hiddenColumnCount": "{{count}} columna oculta",
+	"table.columnFilters.title": "Valores visibles",
+	"table.columnFilters.tooltip": "Personalizar los valores visibles",
+	"table.exportFileName": "datos exportados",
+	"table.format": "Formato",
+	"table.results.plural.capped": "{{count}}+ resultados",
+	"table.noResults": "No hay resultados",
+	"table.error": "Something went wrong while fetching the data",
+	"table.result": "{{count}} resultado",
+	"table.rowDensity.compact": "Compacto",
+	"table.rowDensity.spacious": "Amplio",
+	"table.search.placeholder": "Buscar...",
+	"table.searchPlaceholder": "Buscar...",
+	"table.sorting.ascending": "Ascendente",
+	"table.sorting.descending": "Descendente",
+	"table.sorting.label": "Clasificación",
+	"table.sorting.order": "Orden",
+	"table.spacing": "Espaciado",
+	"table.spacing.toolip": "Ajustar densidad de filas"
+};
+
+exports["default"] = translation;

package/translation.cjs15.js

@@ -0,0 +1,33 @@
+'use strict';
+
+var translation = {
+	"table.actionsheet.selected": "valt",
+	"layout.actions.reset": "Rensa",
+	"table.pagination.of": "av {{count}}",
+	"table.pagination.full": "Visar {{count}} av {{total}} resultat",
+	"table.pagination.page": "Sida",
+	"table.results.plural": "{{count}} resultat",
+	"table.sorting.toolip": "Justera sortering och riktning",
+	"table.columnFilters.columns": "kolumner",
+	"table.columnFilters.hiddenColumnCount": "{{count}} kolumn dold",
+	"table.columnFilters.title": "Synliga värden",
+	"table.columnFilters.tooltip": "Anpassa synliga värden",
+	"table.exportFileName": "exporterade data",
+	"table.format": "Format",
+	"table.results.plural.capped": "{{count}}+ resultat",
+	"table.noResults": "Inga resultat",
+	"table.error": "Something went wrong while fetching the data",
+	"table.result": "{{count}} resultat",
+	"table.rowDensity.compact": "Kompakt",
+	"table.rowDensity.spacious": "Rymlig",
+	"table.search.placeholder": "Sök...",
+	"table.searchPlaceholder": "Sök...",
+	"table.sorting.ascending": "Stigande",
+	"table.sorting.descending": "Nedåtgående",
+	"table.sorting.label": "Sortering",
+	"table.sorting.order": "Ordning",
+	"table.spacing": "Mellanrum",
+	"table.spacing.toolip": "Justera radtäthet"
+};
+
+exports["default"] = translation;

package/translation.cjs16.js

@@ -0,0 +1,33 @@
+'use strict';
+
+var translation = {
+	"table.actionsheet.selected": "選択済み",
+	"layout.actions.reset": "リセット",
+	"table.pagination.of": "全{{count}}ページ",
+	"table.pagination.full": "{{total}}件中{{count}}件の結果を表示中",
+	"table.pagination.page": "ページ",
+	"table.results.plural": "{{count}}件の結果",
+	"table.sorting.toolip": "並べ替えと方向の調整",
+	"table.columnFilters.columns": "列",
+	"table.columnFilters.hiddenColumnCount": "非表示の列：{{count}}",
+	"table.columnFilters.title": "表示される値",
+	"table.columnFilters.tooltip": "表示される値のカスタマイズ",
+	"table.exportFileName": "エクスポートされたデータ",
+	"table.format": "フォーマット",
+	"table.results.plural.capped": "{{count}}件以上の結果",
+	"table.noResults": "結果がありません",
+	"table.error": "Something went wrong while fetching the data",
+	"table.result": "{{count}}件の結果",
+	"table.rowDensity.compact": "コンパクト",
+	"table.rowDensity.spacious": "ワイド",
+	"table.search.placeholder": "検索",
+	"table.searchPlaceholder": "検索",
+	"table.sorting.ascending": "昇順",
+	"table.sorting.descending": "降順",
+	"table.sorting.label": "並べ替え",
+	"table.sorting.order": "順番",
+	"table.spacing": "表示スペース",
+	"table.spacing.toolip": "行間の調整"
+};
+
+exports["default"] = translation;

package/translation.cjs17.js

@@ -0,0 +1,33 @@
+'use strict';
+
+var translation = {
+	"table.actionsheet.selected": "เลือกแล้ว",
+	"layout.actions.reset": "รีเซ็ต",
+	"table.pagination.of": "จาก {{count}}",
+	"table.pagination.full": "การแสดง {{count}} จาก {{total}} ผลลัพธ์",
+	"table.pagination.page": "หน้า",
+	"table.results.plural": "ผลลัพธ์ {{count}} รายการ",
+	"table.sorting.toolip": "ปรับการเรียงลำดับและทิศทาง",
+	"table.columnFilters.columns": "คอลัมน์",
+	"table.columnFilters.hiddenColumnCount": "คอลัมน์ซ่อนอยู่ {{count}} รายการ",
+	"table.columnFilters.title": "ค่าที่มองเห็นได้",
+	"table.columnFilters.tooltip": "ปรับแต่งค่าที่มองเห็นได้",
+	"table.exportFileName": "ข้อมูลส่งออก",
+	"table.format": "รูปแบบ",
+	"table.results.plural.capped": "{{count}}+ ผลลัพธ์",
+	"table.noResults": "ไม่มีผลลัพธ์",
+	"table.error": "Something went wrong while fetching the data",
+	"table.result": "ผลลัพธ์ {{count}} รายการ",
+	"table.rowDensity.compact": "กะทัดรัด",
+	"table.rowDensity.spacious": "กว้างขวาง",
+	"table.search.placeholder": "ค้นหา...",
+	"table.searchPlaceholder": "ค้นหา...",
+	"table.sorting.ascending": "จากน้อยไปมาก",
+	"table.sorting.descending": "จากมากไปน้อย",
+	"table.sorting.label": "การเรียงลำดับ",
+	"table.sorting.order": "ลำดับ",
+	"table.spacing": "ระยะห่าง",
+	"table.spacing.toolip": "ปรับความหนาแน่นของแถว"
+};
+
+exports["default"] = translation;