@adecore/ui 0.61.0 → 0.62.0

package/dist/index.d.ts

@@ -8,6 +8,7 @@ export * as KeyValueList from './key-value-list/index.parts.ts';
 export * as Menu from './menu/index.parts.ts';
 export * as Popover from './popover/index.parts.ts';
 export * as PreviewCard from './preview-card/index.parts.ts';
+export * as Table from './table/index.parts.ts';
 export * as Tabs from './tabs/index.parts.ts';
 export type { ComboboxInputProps, ComboboxItemProps, ComboboxPopupProps } from './combobox/parts.tsx';
 export type { CommandPaletteFooterProps, CommandPaletteInputProps, CommandPalettePopupProps, CommandPaletteRootProps } from './command-palette/parts.tsx';
@@ -15,6 +16,7 @@ export type { DialogDescriptionProps, DialogFooterProps, DialogPopupProps, Dialo
 export type { MenuCheckProps, MenuHintProps, MenuLabelProps, MenuPopupProps, MenuRowActionProps, MenuRowProps, MenuRowSubmenuTriggerProps } from './menu/parts.tsx';
 export type { KeyValueListItemProps, KeyValueListNameProps, KeyValueListRootProps, KeyValueListValueProps } from './key-value-list/parts.tsx';
 export type { PopoverPopupProps, PopupVariant, PreviewCardPopupProps } from './popover/parts.tsx';
+export type { TableBreakpoint, TableCellProps, TableColumnLayout, TableColumnProps, TableDensity, TableEmptyProps, TableFootProps, TableGroupProps, TableHeadProps, TableLoadingProps, TableRootProps, TableRowProps, TableSort } from './table/parts.tsx';
 export type { TabsCountProps, TabsListProps, TabsRootProps, TabsTabProps, TabsValue, TabsVariant } from './tabs/parts.tsx';
 export { tabDropIndex, useTabDrag, type TabDrag, type TabDragOptions } from './tabs/use-tab-drag.ts';
 export { AccentSwatches, type AccentSwatchesProps } from './AccentSwatches.tsx';

package/dist/index.js

@@ -12,6 +12,7 @@ export * as KeyValueList from './key-value-list/index.parts.js';
 export * as Menu from './menu/index.parts.js';
 export * as Popover from './popover/index.parts.js';
 export * as PreviewCard from './preview-card/index.parts.js';
+export * as Table from './table/index.parts.js';
 export * as Tabs from './tabs/index.parts.js';
 export { tabDropIndex, useTabDrag } from './tabs/use-tab-drag.js';
 export { AccentSwatches } from "./AccentSwatches.js";

package/dist/locales/en.d.ts

@@ -77,6 +77,9 @@ declare const _default: {
         more: string;
         close: string;
     };
+    table: {
+        loading: string;
+    };
     tree: {
         label: string;
         expand: string;

package/dist/locales/en.js

@@ -77,6 +77,9 @@ export default {
     more: 'More',
     close: 'Close tab'
   },
+  table: {
+    loading: 'Loading'
+  },
   tree: {
     label: 'Files',
     expand: 'Expand',

package/dist/locales/nl.d.ts

@@ -77,6 +77,9 @@ declare const _default: {
         more: string;
         close: string;
     };
+    table: {
+        loading: string;
+    };
     tree: {
         label: string;
         expand: string;

package/dist/locales/nl.js

@@ -77,6 +77,9 @@ export default {
     more: 'Meer',
     close: 'Tabblad sluiten'
   },
+  table: {
+    loading: 'Laden'
+  },
   tree: {
     label: 'Bestanden',
     expand: 'Uitvouwen',

package/dist/table/index.parts.d.ts

@@ -0,0 +1 @@
+export { TableCell as Cell, TableColumn as Column, TableEmpty as Empty, TableFoot as Foot, TableGroup as Group, TableHead as Head, TableLoading as Loading, TableRoot as Root, TableRow as Row } from './parts.tsx';

package/dist/table/index.parts.js

@@ -0,0 +1 @@
+export { TableCell as Cell, TableColumn as Column, TableEmpty as Empty, TableFoot as Foot, TableGroup as Group, TableHead as Head, TableLoading as Loading, TableRoot as Root, TableRow as Row } from "./parts.js";

package/dist/table/parts.d.ts

@@ -0,0 +1,50 @@
+import { useRender } from '@base-ui/react/use-render';
+import { type ComponentProps, type ReactNode, type Ref } from 'react';
+export type TableBreakpoint = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+export type TableSort = 'none' | 'asc' | 'desc';
+export type TableDensity = 'regular' | 'compact';
+export interface TableColumnLayout {
+    width: string;
+    align?: 'start' | 'end';
+    hideBelow?: TableBreakpoint;
+}
+export type TableRootProps = Omit<ComponentProps<'div'>, 'role' | 'aria-label'> & {
+    label: string;
+    columns: readonly TableColumnLayout[];
+    density?: TableDensity;
+    framed?: boolean;
+    maxHeight?: number;
+};
+export declare function TableRoot({ label, columns, density, framed, maxHeight, className, children, ...props }: TableRootProps): import("react").JSX.Element;
+export type TableHeadProps = useRender.ComponentProps<'div'>;
+export declare function TableHead({ render, className, ref, children, ...props }: TableHeadProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type TableColumnProps = useRender.ComponentProps<'div'> & {
+    sort?: TableSort;
+    onSort?(direction: 'asc' | 'desc'): void;
+};
+export declare function TableColumn({ sort, onSort, render, className, ref, children, ...props }: TableColumnProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type TableRowProps = useRender.ComponentProps<'div'> & {
+    selected?: boolean;
+    muted?: boolean;
+    focusable?: boolean;
+};
+export declare function TableRow({ selected, muted, focusable, onClick, onKeyDown, render, className, ref, children, ...props }: TableRowProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type TableCellProps = useRender.ComponentProps<'div'> & {
+    truncate?: boolean;
+    mono?: boolean;
+};
+export declare function TableCell({ truncate, mono, render, className, ref, children, ...props }: TableCellProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type TableGroupProps = useRender.ComponentProps<'div'> & {
+    label: ReactNode;
+};
+export declare function TableGroup({ label, render, className, ref, children, ...props }: TableGroupProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type TableFootProps = useRender.ComponentProps<'div'>;
+export declare function TableFoot({ render, className, ref, children, ...props }: TableFootProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type TableEmptyProps = useRender.ComponentProps<'div'>;
+export declare function TableEmpty({ render, className, ref, children, ...props }: TableEmptyProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export interface TableLoadingProps {
+    rows?: number;
+    className?: string;
+    ref?: Ref<HTMLDivElement>;
+}
+export declare function TableLoading({ rows, className, ref }: TableLoadingProps): import("react").JSX.Element;