@povio/ui 3.4.0-rc.19 → 3.4.0-rc.20

package/dist/components/status/shared/status.cva.js

@@ -1,65 +0,0 @@
-import { UIOverrides } from "../../../config/uiOverrides.context.js";
-//#region src/components/status/shared/status.cva.ts
-const statusIconDefinition = UIOverrides.defineConfig({
-	base: ["size-6 shrink-0"],
-	config: {
-		variants: {
-			variant: {
-				outlined: "",
-				contained: "text-text-inverted-1"
-			},
-			color: {
-				neutral: "",
-				success: "",
-				warning: "",
-				error: ""
-			}
-		},
-		compoundVariants: [
-			{
-				variant: "outlined",
-				color: "neutral",
-				class: "text-text-default-2"
-			},
-			{
-				variant: "outlined",
-				color: "success",
-				class: "text-text-success-1"
-			},
-			{
-				variant: "outlined",
-				color: "warning",
-				class: "text-text-warning-1"
-			},
-			{
-				variant: "outlined",
-				color: "error",
-				class: "text-text-error-1"
-			}
-		],
-		defaultVariants: {
-			variant: "outlined",
-			color: "neutral"
-		}
-	}
-});
-const statusSeparatorDefinition = UIOverrides.defineConfig({
-	base: ["h-px shrink-0 self-stretch md:h-auto md:w-px"],
-	config: {
-		variants: {
-			variant: {
-				outlined: "",
-				contained: "hidden"
-			},
-			color: {
-				neutral: "bg-elevation-outline-default-1",
-				success: "bg-elevation-outline-success-1",
-				warning: "bg-elevation-outline-warning-1",
-				error: "bg-elevation-outline-error-1"
-			}
-		},
-		defaultVariants: { color: "neutral" }
-	}
-});
-//#endregion
-export { statusIconDefinition, statusSeparatorDefinition };

package/dist/components/table/CellText.d.ts

@@ -1,11 +0,0 @@
-import { TypographyProps } from "../text/Typography/Typography.js";
-import { CSSProperties, FC, ReactNode } from "react";
-//#region src/components/table/CellText.d.ts
-interface CellTextProps extends Partial<Pick<TypographyProps, "variant" | "size">> {
-  children: ReactNode;
-  className?: string;
-  style?: CSSProperties;
-}
-declare const CellText: FC<CellTextProps>;
-//#endregion
-export { CellText, CellTextProps };

package/dist/components/table/CellText.js

@@ -1,22 +0,0 @@
-import { UIOverrides } from "../../config/uiOverrides.context.js";
-import { Typography } from "../text/Typography/Typography.js";
-import { UIConfig } from "../../config/uiConfig.context.js";
-import { tableCellTextDefinition } from "./table.cva.js";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/table/CellText.tsx
-const CellText = (props) => {
-	const uiConfig = UIConfig.useConfig();
-	const { variant = uiConfig.tableCellText.variant, size = uiConfig.tableCellText.size, children, style, className } = props;
-	const cellTextCva = UIOverrides.useCva("table.cellTextCva", tableCellTextDefinition);
-	return /* @__PURE__ */ jsx(Typography, {
-		className: cellTextCva({ className }),
-		as: "span",
-		variant,
-		size,
-		style,
-		"data-rac": true,
-		children
-	});
-};
-//#endregion
-export { CellText };

package/dist/components/table/ColumnConfig.d.ts

@@ -1,15 +0,0 @@
-import { ColumnDef, ColumnOrderState, ColumnVisibilityState, RowData, StockFeatures } from "@tanstack/react-table";
-//#region src/components/table/ColumnConfig.d.ts
-type ColumnDef$1<TData extends RowData, TValue = unknown> = ColumnDef<StockFeatures, TData, TValue>;
-type VisibilityState = ColumnVisibilityState;
-interface ColumnConfigModalProps<TData extends RowData, TValue> {
-  isOpen: boolean;
-  onClose: () => void;
-  configColumns: ColumnDef$1<TData, TValue>[];
-  visibleColumns: VisibilityState;
-  onVisibilityChange: (visibleColumns: VisibilityState) => void;
-  onOrderChange: (columnOrder: ColumnOrderState) => void;
-}
-declare function ColumnConfigModal<TData extends RowData, TValue>({ isOpen, onClose, configColumns, visibleColumns, onVisibilityChange, onOrderChange }: ColumnConfigModalProps<TData, TValue>): import("react/jsx-runtime").JSX.Element | null;
-//#endregion
-export { ColumnConfigModal, ColumnConfigModalProps };

package/dist/components/table/ColumnConfig.js

@@ -1,188 +0,0 @@
-import { Typography } from "../text/Typography/Typography.js";
-import "../../config/i18n.js";
-import { Checkbox } from "../checkbox.js";
-import { Modal } from "../overlays/Modal/Modal.js";
-import { Table } from "./Table.js";
-import { useTranslationMemo } from "../../hooks/useTranslationMemo.js";
-import { c } from "react/compiler-runtime";
-import { useEffect, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
-//#region src/components/table/ColumnConfig.tsx
-const VisibilityCell = (t0) => {
-	const $ = c(7);
-	const { original, onToggle } = t0;
-	let t1;
-	if ($[0] !== onToggle || $[1] !== original.id) {
-		t1 = () => onToggle(original.id);
-		$[0] = onToggle;
-		$[1] = original.id;
-		$[2] = t1;
-	} else t1 = $[2];
-	const t2 = original.label;
-	let t3;
-	if ($[3] !== original.visible || $[4] !== t1 || $[5] !== t2) {
-		t3 = /* @__PURE__ */ jsx(Checkbox, {
-			isSelected: original.visible,
-			onChange: t1,
-			hideLabel: true,
-			children: t2
-		});
-		$[3] = original.visible;
-		$[4] = t1;
-		$[5] = t2;
-		$[6] = t3;
-	} else t3 = $[6];
-	return t3;
-};
-const getColumns = (t, handleToggleVisibility) => [{
-	id: "name",
-	header: t(($) => $.ui.table.column, { ns: "ui" }),
-	meta: { width: "flex-1" },
-	accessorKey: "label"
-}, {
-	id: "visible",
-	header: t(($) => $.ui.table.show, { ns: "ui" }),
-	meta: { width: "w-20" },
-	cell: ({ original }) => /* @__PURE__ */ jsx(VisibilityCell, {
-		original,
-		onToggle: handleToggleVisibility
-	})
-}];
-function ColumnConfigModal(t0) {
-	const $ = c(27);
-	const { isOpen, onClose, configColumns, visibleColumns, onVisibilityChange, onOrderChange } = t0;
-	const { t } = useTranslation("ui");
-	let t1;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = [];
-		$[0] = t1;
-	} else t1 = $[0];
-	const [data, setData] = useState(t1);
-	let t2;
-	let t3;
-	if ($[1] !== configColumns || $[2] !== visibleColumns) {
-		t2 = () => {
-			setData(configColumns.map((column) => {
-				const columnId = column.id ?? column.accessorKey;
-				return {
-					id: columnId,
-					label: column.header,
-					visible: visibleColumns?.[columnId] ?? true
-				};
-			}));
-		};
-		t3 = [configColumns, visibleColumns];
-		$[1] = configColumns;
-		$[2] = visibleColumns;
-		$[3] = t2;
-		$[4] = t3;
-	} else {
-		t2 = $[3];
-		t3 = $[4];
-	}
-	useEffect(t2, t3);
-	let t4;
-	if ($[5] !== onVisibilityChange || $[6] !== visibleColumns) {
-		t4 = (columnId_0) => {
-			const newVisible = {
-				...visibleColumns,
-				[columnId_0]: !visibleColumns[columnId_0]
-			};
-			onVisibilityChange(newVisible);
-		};
-		$[5] = onVisibilityChange;
-		$[6] = visibleColumns;
-		$[7] = t4;
-	} else t4 = $[7];
-	const handleToggleVisibility = t4;
-	let t5;
-	if ($[8] !== handleToggleVisibility) {
-		t5 = (translateFn) => getColumns(translateFn, handleToggleVisibility);
-		$[8] = handleToggleVisibility;
-		$[9] = t5;
-	} else t5 = $[9];
-	const columns = useTranslationMemo(t5);
-	let t6;
-	if ($[10] !== onOrderChange) {
-		t6 = (reorderedItems) => {
-			setData(reorderedItems);
-			onOrderChange(reorderedItems.map(_temp));
-		};
-		$[10] = onOrderChange;
-		$[11] = t6;
-	} else t6 = $[11];
-	const handleReorder = t6;
-	if (!isOpen) return null;
-	let t7;
-	if ($[12] !== t) {
-		t7 = t(_temp2);
-		$[12] = t;
-		$[13] = t7;
-	} else t7 = $[13];
-	let t8;
-	if ($[14] !== t7) {
-		t8 = /* @__PURE__ */ jsx(Typography, {
-			as: "h2",
-			variant: "prominent-1",
-			size: "title-5",
-			children: t7
-		});
-		$[14] = t7;
-		$[15] = t8;
-	} else t8 = $[15];
-	let t9;
-	if ($[16] !== columns || $[17] !== data || $[18] !== handleReorder) {
-		t9 = /* @__PURE__ */ jsx("div", {
-			className: "max-h-96 overflow-y-auto",
-			children: /* @__PURE__ */ jsx(Table, {
-				items: data,
-				columns,
-				showCellBorder: true,
-				className: "w-full",
-				enableDragDrop: true,
-				getRowId: _temp3,
-				onReorder: handleReorder
-			})
-		});
-		$[16] = columns;
-		$[17] = data;
-		$[18] = handleReorder;
-		$[19] = t9;
-	} else t9 = $[19];
-	let t10;
-	if ($[20] !== t8 || $[21] !== t9) {
-		t10 = /* @__PURE__ */ jsxs("div", {
-			className: "flex flex-col gap-2 p-4",
-			children: [t8, t9]
-		});
-		$[20] = t8;
-		$[21] = t9;
-		$[22] = t10;
-	} else t10 = $[22];
-	let t11;
-	if ($[23] !== isOpen || $[24] !== onClose || $[25] !== t10) {
-		t11 = /* @__PURE__ */ jsx(Modal, {
-			isOpen,
-			onClose,
-			showCloseIcon: true,
-			children: t10
-		});
-		$[23] = isOpen;
-		$[24] = onClose;
-		$[25] = t10;
-		$[26] = t11;
-	} else t11 = $[26];
-	return t11;
-}
-function _temp3(row) {
-	return row.id;
-}
-function _temp2($) {
-	return $.ui.table.configureColumns;
-}
-function _temp(item) {
-	return item.id;
-}
-//#endregion
-export { ColumnConfigModal };

package/dist/components/table/HeaderText.d.ts

@@ -1,11 +0,0 @@
-import { TypographyProps } from "../text/Typography/Typography.js";
-import { CSSProperties, FC, ReactNode } from "react";
-//#region src/components/table/HeaderText.d.ts
-interface HeaderTextProps extends Partial<Pick<TypographyProps, "variant" | "size">> {
-  children: ReactNode;
-  className?: string;
-  style?: CSSProperties;
-}
-declare const HeaderText: FC<HeaderTextProps>;
-//#endregion
-export { HeaderText, HeaderTextProps };

package/dist/components/table/HeaderText.js

@@ -1,21 +0,0 @@
-import { UIOverrides } from "../../config/uiOverrides.context.js";
-import { Typography } from "../text/Typography/Typography.js";
-import { UIConfig } from "../../config/uiConfig.context.js";
-import { tableHeaderTextDefinition } from "./table.cva.js";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/table/HeaderText.tsx
-const HeaderText = (props) => {
-	const uiConfig = UIConfig.useConfig();
-	const { variant = uiConfig.tableHeaderText.variant, size = uiConfig.tableHeaderText.size, children, style, className } = props;
-	const headerTextCva = UIOverrides.useCva("table.headerTextCva", tableHeaderTextDefinition);
-	return /* @__PURE__ */ jsx(Typography, {
-		className: headerTextCva({ className }),
-		as: "span",
-		variant,
-		size,
-		style,
-		children
-	});
-};
-//#endregion
-export { HeaderText };

package/dist/components/table/InfiniteTable.d.ts

@@ -1,12 +0,0 @@
-import { TableProps } from "./Table.js";
-import { RowData } from "@tanstack/react-table";
-//#region src/components/table/InfiniteTable.d.ts
-interface InfiniteTableWrapperProps<T extends RowData> extends Omit<InfiniteTableProps<T>, "columns"> {}
-interface InfiniteTableProps<T extends RowData> extends TableProps<T> {
-  hasNextPage: boolean;
-  isFetchingNextPage?: boolean;
-  fetchNextPage: () => void;
-}
-declare const InfiniteTable: <T extends RowData>({ hasNextPage, isFetchingNextPage, fetchNextPage, ...rest }: InfiniteTableProps<T>) => import("react/jsx-runtime").JSX.Element;
-//#endregion
-export { InfiniteTable, InfiniteTableProps, InfiniteTableWrapperProps };

package/dist/components/table/InfiniteTable.js

@@ -1,79 +0,0 @@
-import { Loader } from "../loader.js";
-import { useIntersectionObserver } from "../../hooks/useIntersectionObserver.js";
-import { Table } from "./Table.js";
-import { c } from "react/compiler-runtime";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/table/InfiniteTable.tsx
-const InfiniteTable = (t0) => {
-	const $ = c(20);
-	let fetchNextPage;
-	let hasNextPage;
-	let rest;
-	let t1;
-	if ($[0] !== t0) {
-		({hasNextPage, isFetchingNextPage: t1, fetchNextPage, ...rest} = t0);
-		$[0] = t0;
-		$[1] = fetchNextPage;
-		$[2] = hasNextPage;
-		$[3] = rest;
-		$[4] = t1;
-	} else {
-		fetchNextPage = $[1];
-		hasNextPage = $[2];
-		rest = $[3];
-		t1 = $[4];
-	}
-	const isFetchingNextPage = t1 === void 0 ? false : t1;
-	let t2;
-	if ($[5] !== fetchNextPage || $[6] !== hasNextPage || $[7] !== isFetchingNextPage) {
-		t2 = () => {
-			if (!isFetchingNextPage && hasNextPage) fetchNextPage();
-		};
-		$[5] = fetchNextPage;
-		$[6] = hasNextPage;
-		$[7] = isFetchingNextPage;
-		$[8] = t2;
-	} else t2 = $[8];
-	const handleLoadMore = t2;
-	let t3;
-	if ($[9] !== handleLoadMore) {
-		t3 = {
-			onIntersection: handleLoadMore,
-			rootMargin: "100px"
-		};
-		$[9] = handleLoadMore;
-		$[10] = t3;
-	} else t3 = $[10];
-	const { ref } = useIntersectionObserver(t3);
-	let t4;
-	if ($[11] !== rest) {
-		t4 = /* @__PURE__ */ jsx(Table, { ...rest });
-		$[11] = rest;
-		$[12] = t4;
-	} else t4 = $[12];
-	let t5;
-	if ($[13] !== hasNextPage || $[14] !== isFetchingNextPage || $[15] !== ref) {
-		t5 = (hasNextPage || isFetchingNextPage) && /* @__PURE__ */ jsx("div", {
-			ref,
-			className: "flex justify-center py-4",
-			children: /* @__PURE__ */ jsx(Loader, {})
-		});
-		$[13] = hasNextPage;
-		$[14] = isFetchingNextPage;
-		$[15] = ref;
-		$[16] = t5;
-	} else t5 = $[16];
-	let t6;
-	if ($[17] !== t4 || $[18] !== t5) {
-		t6 = /* @__PURE__ */ jsxs("div", {
-			className: "flex flex-col",
-			children: [t4, t5]
-		});
-		$[17] = t4;
-		$[18] = t5;
-		$[19] = t6;
-	} else t6 = $[19];
-	return t6;
-};
-//#endregion
-export { InfiniteTable };

package/dist/components/table/PaginatedTable.d.ts

@@ -1,13 +0,0 @@
-import { TableProps } from "./Table.js";
-import { Dispatch, SetStateAction } from "react";
-import { PaginationState, RowData } from "@tanstack/react-table";
-//#region src/components/table/PaginatedTable.d.ts
-interface PaginatedTableWrapperProps<T extends RowData> extends Omit<PaginatedTableProps<T>, "columns"> {}
-interface PaginatedTableProps<T extends RowData> extends TableProps<T> {
-  totalItems: number;
-  pagination: PaginationState;
-  setPagination: Dispatch<SetStateAction<PaginationState>>;
-}
-declare const PaginatedTable: <T extends RowData>({ pagination, setPagination, items, totalItems, ...rest }: PaginatedTableProps<T>) => import("react/jsx-runtime").JSX.Element;
-//#endregion
-export { PaginatedTable, PaginatedTableProps, PaginatedTableWrapperProps };

package/dist/components/table/PaginatedTable.js

@@ -1,94 +0,0 @@
-import { Pagination } from "../pagination.js";
-import { Table } from "./Table.js";
-import { c } from "react/compiler-runtime";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/table/PaginatedTable.tsx
-const PaginatedTable = (t0) => {
-	const $ = c(24);
-	let items;
-	let pagination;
-	let rest;
-	let setPagination;
-	let totalItems;
-	if ($[0] !== t0) {
-		({pagination, setPagination, items, totalItems, ...rest} = t0);
-		$[0] = t0;
-		$[1] = items;
-		$[2] = pagination;
-		$[3] = rest;
-		$[4] = setPagination;
-		$[5] = totalItems;
-	} else {
-		items = $[1];
-		pagination = $[2];
-		rest = $[3];
-		setPagination = $[4];
-		totalItems = $[5];
-	}
-	let t1;
-	if ($[6] !== items) {
-		t1 = items ?? [];
-		$[6] = items;
-		$[7] = t1;
-	} else t1 = $[7];
-	let t2;
-	if ($[8] !== rest || $[9] !== t1) {
-		t2 = /* @__PURE__ */ jsx(Table, {
-			...rest,
-			items: t1
-		});
-		$[8] = rest;
-		$[9] = t1;
-		$[10] = t2;
-	} else t2 = $[10];
-	const t3 = totalItems ?? 0;
-	let t4;
-	let t5;
-	if ($[11] !== pagination || $[12] !== setPagination) {
-		t4 = (page) => setPagination({
-			...pagination,
-			pageIndex: page
-		});
-		t5 = (pageSize) => setPagination({
-			...pagination,
-			pageSize,
-			pageIndex: 1
-		});
-		$[11] = pagination;
-		$[12] = setPagination;
-		$[13] = t4;
-		$[14] = t5;
-	} else {
-		t4 = $[13];
-		t5 = $[14];
-	}
-	let t6;
-	if ($[15] !== pagination.pageIndex || $[16] !== pagination.pageSize || $[17] !== t3 || $[18] !== t4 || $[19] !== t5) {
-		t6 = /* @__PURE__ */ jsx(Pagination, {
-			page: pagination.pageIndex,
-			pageSize: pagination.pageSize,
-			totalItems: t3,
-			onPageChange: t4,
-			onPageSizeChange: t5
-		});
-		$[15] = pagination.pageIndex;
-		$[16] = pagination.pageSize;
-		$[17] = t3;
-		$[18] = t4;
-		$[19] = t5;
-		$[20] = t6;
-	} else t6 = $[20];
-	let t7;
-	if ($[21] !== t2 || $[22] !== t6) {
-		t7 = /* @__PURE__ */ jsxs("div", {
-			className: "flex flex-col gap-4",
-			children: [t2, t6]
-		});
-		$[21] = t2;
-		$[22] = t6;
-		$[23] = t7;
-	} else t7 = $[23];
-	return t7;
-};
-//#endregion
-export { PaginatedTable };

package/dist/components/table/Table.d.ts

@@ -1,40 +0,0 @@
-import { TableRowVariantProps } from "./table.cva.js";
-import { ComponentType, Dispatch, SetStateAction } from "react";
-import { DragEndEvent, UniqueIdentifier } from "@dnd-kit/core";
-import { ColumnDef, ColumnOrderState, ColumnVisibilityState, OnChangeFn, Row, RowData, RowSelectionState, SortingState, StockFeatures, Table } from "@tanstack/react-table";
-import { TFunction } from "i18next";
-//#region src/components/table/Table.d.ts
-type ColumnDef$1<TData extends RowData, TValue = unknown> = ColumnDef<StockFeatures, TData, TValue>;
-type ReactTable<TData extends RowData> = Table<StockFeatures, TData>;
-type Row$1<TData extends RowData> = Row<StockFeatures, TData>;
-type VisibilityState = ColumnVisibilityState;
-type BulkSelectionActionsComponent<T extends RowData> = ComponentType<{
-  table: ReactTable<T>;
-}>;
-interface TableWrapperProps<T extends RowData> extends Omit<TableProps<T>, "columns"> {}
-interface TableProps<T extends RowData> extends TableRowVariantProps {
-  items: T[];
-  columns: ((t: TFunction) => ColumnDef$1<T>[]) | ColumnDef$1<T>[];
-  showCellBorder?: boolean;
-  onRowClick?: (row: T) => void;
-  onDoubleClick?: (row: T) => void;
-  className?: string;
-  sorting?: SortingState;
-  setSorting?: Dispatch<SetStateAction<SortingState>>;
-  columnOrder?: ColumnOrderState;
-  setColumnOrder?: Dispatch<SetStateAction<ColumnOrderState>>;
-  columnVisibility?: VisibilityState;
-  setColumnVisibility?: Dispatch<SetStateAction<VisibilityState>>;
-  bulkSelectionActions?: BulkSelectionActionsComponent<T>;
-  enableDragDrop?: boolean;
-  onDragEnd?: (event: DragEndEvent) => void;
-  onReorder?: (reorderedItems: T[]) => void;
-  getRowId?: (row: T) => UniqueIdentifier;
-  enableRowSelection?: boolean | ((row: Row$1<T>) => boolean);
-  enableMultiRowSelection?: boolean | ((row: Row$1<T>) => boolean);
-  defaultSelectedRows?: RowSelectionState;
-  onRowSelectionChange?: OnChangeFn<RowSelectionState>;
-}
-declare const Table$1: <T extends RowData>({ items, showCellBorder, columns, onRowClick, onDoubleClick, className, sorting, setSorting, columnOrder, setColumnOrder, columnVisibility, setColumnVisibility, bulkSelectionActions: ActionHeader, enableDragDrop, onDragEnd, onReorder, getRowId, enableRowSelection, enableMultiRowSelection, defaultSelectedRows, onRowSelectionChange, ...props }: TableProps<T>) => import("react/jsx-runtime").JSX.Element;
-//#endregion
-export { BulkSelectionActionsComponent, Table$1 as Table, TableProps, TableWrapperProps };