@apcrda/ui 0.5.4 → 0.5.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Avatar/AvatarGroup.d.ts +5 -0
- package/dist/components/Avatar/AvatarGroup.types.d.ts +12 -0
- package/dist/components/Avatar/index.d.ts +2 -0
- package/dist/components/Kbd/Kbd.d.ts +5 -0
- package/dist/components/Kbd/Kbd.types.d.ts +4 -0
- package/dist/components/Kbd/index.d.ts +2 -0
- package/dist/components/ScrollArea/ScrollArea.d.ts +4 -0
- package/dist/components/ScrollArea/ScrollArea.types.d.ts +5 -0
- package/dist/components/ScrollArea/index.d.ts +2 -0
- package/dist/components/Table/DataTable.d.ts +1 -1
- package/dist/components/Table/DataTable.types.d.ts +7 -1
- package/dist/components/Typography/Typography.d.ts +9 -0
- package/dist/components/Typography/Typography.types.d.ts +18 -0
- package/dist/components/Typography/index.d.ts +2 -0
- package/dist/components/index.d.ts +3 -0
- package/dist/index.js +3940 -3199
- package/package.json +2 -1
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { HTMLAttributes } from 'react';
|
|
2
|
+
import type { AvatarProps } from './Avatar.types';
|
|
3
|
+
export interface AvatarGroupItem {
|
|
4
|
+
readonly src?: string;
|
|
5
|
+
readonly fallback: string;
|
|
6
|
+
readonly name?: string;
|
|
7
|
+
}
|
|
8
|
+
export interface AvatarGroupProps extends HTMLAttributes<HTMLDivElement> {
|
|
9
|
+
readonly avatars: AvatarGroupItem[];
|
|
10
|
+
readonly max?: number;
|
|
11
|
+
readonly size?: AvatarProps['size'];
|
|
12
|
+
}
|
|
@@ -1,2 +1,4 @@
|
|
|
1
1
|
export { Avatar, AvatarFallback, AvatarImage, avatarVariants } from './Avatar';
|
|
2
|
+
export { AvatarGroup } from './AvatarGroup';
|
|
3
|
+
export type { AvatarGroupItem, AvatarGroupProps } from './AvatarGroup.types';
|
|
2
4
|
export type { AvatarElement, AvatarFallbackElement, AvatarFallbackProps, AvatarImageElement, AvatarImageProps, AvatarProps, AvatarSize, } from './Avatar.types';
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
|
|
2
|
+
export declare const ScrollArea: import("react").ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
3
|
+
readonly orientation?: "vertical" | "horizontal" | "both";
|
|
4
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
|
|
2
|
+
import type { ComponentPropsWithoutRef } from 'react';
|
|
3
|
+
export type ScrollAreaProps = ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> & {
|
|
4
|
+
readonly orientation?: 'vertical' | 'horizontal' | 'both';
|
|
5
|
+
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { DataTableProps } from './DataTable.types';
|
|
2
|
-
export declare function DataTable<TData>({ data, columns, loading, loadingRows, emptyMessage, emptyDescription, pageSize: initialPageSize, pageSizeOptions, pagination, selectable, onSelectionChange, onRowClick, className, }: DataTableProps<TData>): import("react").JSX.Element;
|
|
2
|
+
export declare function DataTable<TData>({ data, columns, loading, loadingRows, emptyMessage, emptyDescription, pageSize: initialPageSize, pageSizeOptions, pagination, selectable, columnVisibility: enableColumnVisibility, exportCsv, exportFilename, getRowCanExpand, renderSubRow, onSelectionChange, onRowClick, className, }: DataTableProps<TData>): import("react").JSX.Element;
|
|
3
3
|
export declare namespace DataTable {
|
|
4
4
|
var displayName: string;
|
|
5
5
|
}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import type { ColumnDef } from '@tanstack/react-table';
|
|
1
|
+
import type { ColumnDef, Row } from '@tanstack/react-table';
|
|
2
|
+
import type { ReactNode } from 'react';
|
|
2
3
|
export type { ColumnDef };
|
|
3
4
|
export interface DataTableProps<TData> {
|
|
4
5
|
data: TData[];
|
|
@@ -11,6 +12,11 @@ export interface DataTableProps<TData> {
|
|
|
11
12
|
pageSizeOptions?: number[];
|
|
12
13
|
pagination?: boolean;
|
|
13
14
|
selectable?: boolean;
|
|
15
|
+
columnVisibility?: boolean;
|
|
16
|
+
exportCsv?: boolean;
|
|
17
|
+
exportFilename?: string;
|
|
18
|
+
getRowCanExpand?: (row: Row<TData>) => boolean;
|
|
19
|
+
renderSubRow?: (row: Row<TData>) => ReactNode;
|
|
14
20
|
onSelectionChange?: (rows: TData[]) => void;
|
|
15
21
|
onRowClick?: (row: TData) => void;
|
|
16
22
|
className?: string;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { HeadingProps, TextProps } from './Typography.types';
|
|
2
|
+
export declare function Heading({ as: Tag, size, truncate, className, children, ...props }: HeadingProps): import("react").JSX.Element;
|
|
3
|
+
export declare namespace Heading {
|
|
4
|
+
var displayName: string;
|
|
5
|
+
}
|
|
6
|
+
export declare function Text({ as: Tag, size, weight, color, truncate, className, children, ...props }: TextProps): import("react").JSX.Element;
|
|
7
|
+
export declare namespace Text {
|
|
8
|
+
var displayName: string;
|
|
9
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { ElementType, HTMLAttributes } from 'react';
|
|
2
|
+
export type HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
|
|
3
|
+
export type HeadingSize = '4xl' | '3xl' | '2xl' | 'xl' | 'lg' | 'md' | 'sm';
|
|
4
|
+
export type TextSize = 'xl' | 'lg' | 'base' | 'sm' | 'xs';
|
|
5
|
+
export type TextWeight = 'normal' | 'medium' | 'semibold' | 'bold';
|
|
6
|
+
export type TextColor = 'default' | 'muted' | 'primary' | 'success' | 'warning' | 'error';
|
|
7
|
+
export interface HeadingProps extends HTMLAttributes<HTMLHeadingElement> {
|
|
8
|
+
readonly as?: HeadingLevel;
|
|
9
|
+
readonly size?: HeadingSize;
|
|
10
|
+
readonly truncate?: boolean;
|
|
11
|
+
}
|
|
12
|
+
export interface TextProps extends HTMLAttributes<HTMLElement> {
|
|
13
|
+
readonly as?: ElementType;
|
|
14
|
+
readonly size?: TextSize;
|
|
15
|
+
readonly weight?: TextWeight;
|
|
16
|
+
readonly color?: TextColor;
|
|
17
|
+
readonly truncate?: boolean;
|
|
18
|
+
}
|
|
@@ -21,6 +21,7 @@ export * from './EmptyState';
|
|
|
21
21
|
export * from './FileUpload';
|
|
22
22
|
export * from './FormField';
|
|
23
23
|
export * from './Input';
|
|
24
|
+
export * from './Kbd';
|
|
24
25
|
export * from './Label';
|
|
25
26
|
export * from './MultiSelect';
|
|
26
27
|
export * from './NotificationCenter';
|
|
@@ -30,6 +31,7 @@ export * from './PasswordInput';
|
|
|
30
31
|
export * from './Popover';
|
|
31
32
|
export * from './Progress';
|
|
32
33
|
export * from './RadioGroup';
|
|
34
|
+
export * from './ScrollArea';
|
|
33
35
|
export * from './Select';
|
|
34
36
|
export * from './Sidebar';
|
|
35
37
|
export * from './Skeleton';
|
|
@@ -43,3 +45,4 @@ export * from './Textarea';
|
|
|
43
45
|
export * from './Timeline';
|
|
44
46
|
export * from './Toast';
|
|
45
47
|
export * from './Tooltip';
|
|
48
|
+
export * from './Typography';
|