@acronis-platform/ui-react 0.36.0 → 0.38.0
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/ui/card/card.js +92 -0
- package/dist/components/ui/card/card.js.map +1 -0
- package/dist/components/ui/dialog/dialog.js +140 -0
- package/dist/components/ui/dialog/dialog.js.map +1 -0
- package/dist/components/ui/input/input.js +2 -2
- package/dist/components/ui/input/input.js.map +1 -1
- package/dist/components/ui/input-search/input-search.js +4 -4
- package/dist/components/ui/input-search/input-search.js.map +1 -1
- package/dist/components/ui/input-text/input-text.js +1 -1
- package/dist/components/ui/input-text/input-text.js.map +1 -1
- package/dist/components/ui/search/search.js +2 -2
- package/dist/components/ui/search/search.js.map +1 -1
- package/dist/components/ui/table/table.js +118 -0
- package/dist/components/ui/table/table.js.map +1 -0
- package/dist/index.js +139 -110
- package/dist/index.js.map +1 -1
- package/dist/react.js +139 -110
- package/dist/react.js.map +1 -1
- package/dist/src/components/ui/card/card.d.ts +17 -0
- package/dist/src/components/ui/card/index.d.ts +1 -0
- package/dist/src/components/ui/dialog/dialog.d.ts +39 -0
- package/dist/src/components/ui/dialog/dialog.docs.d.ts +24 -0
- package/dist/src/components/ui/dialog/index.d.ts +1 -0
- package/dist/src/components/ui/input/index.d.ts +1 -1
- package/dist/src/components/ui/input/input.d.ts +3 -3
- package/dist/src/components/ui/input-search/input-search.d.ts +2 -2
- package/dist/src/components/ui/search/index.d.ts +1 -1
- package/dist/src/components/ui/search/search.d.ts +3 -3
- package/dist/src/components/ui/table/index.d.ts +1 -0
- package/dist/src/components/ui/table/table.d.ts +23 -0
- package/dist/src/index.d.ts +6 -2
- package/dist/ui-react.css +1 -1
- package/package.json +4 -3
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
/** Props for `DialogContent` — the portaled, centered dialog popup. */
|
|
3
|
+
export interface DialogContentProps {
|
|
4
|
+
/**
|
|
5
|
+
* Popup max-width. One of `xs` (464px) · `sm` (512px, default) · `md` (672px)
|
|
6
|
+
* · `lg` (832px) · `xl` (992px) · `2xl` (1136px).
|
|
7
|
+
*/
|
|
8
|
+
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
|
|
9
|
+
/**
|
|
10
|
+
* Render the content inside a portal (default `true`). Disable only when you
|
|
11
|
+
* supply your own `DialogPortal` ancestor (e.g. inline usage).
|
|
12
|
+
*/
|
|
13
|
+
portal?: boolean;
|
|
14
|
+
/**
|
|
15
|
+
* Portal container. Pass a shadow-root mount for isolated-style previews
|
|
16
|
+
* (the docs demos do this via `useShadowMount`).
|
|
17
|
+
*/
|
|
18
|
+
portalContainer?: HTMLElement | null;
|
|
19
|
+
/** Keep the content mounted while closed. */
|
|
20
|
+
keepMounted?: boolean;
|
|
21
|
+
/** Extra classes merged onto the popup. */
|
|
22
|
+
className?: string;
|
|
23
|
+
children?: React.ReactNode;
|
|
24
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Dialog, DialogPortal, DialogOverlay, DialogClose, DialogCloseButton, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogBody, DialogDescription, dialogContentVariants, type DialogContentProps, } from './dialog';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export {
|
|
1
|
+
export { InputBox, type InputBoxProps } from './input';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
export type
|
|
3
|
-
declare const
|
|
4
|
-
export {
|
|
2
|
+
export type InputBoxProps = React.ComponentPropsWithoutRef<'input'>;
|
|
3
|
+
declare const InputBox: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
4
|
+
export { InputBox };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { SearchBoxProps } from '../search';
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
export interface InputSearchProps extends
|
|
3
|
+
export interface InputSearchProps extends SearchBoxProps {
|
|
4
4
|
/** Field label, rendered above the search box. */
|
|
5
5
|
label?: React.ReactNode;
|
|
6
6
|
/** Marks the field required — appends a `*` after the label. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export {
|
|
1
|
+
export { SearchBox, type SearchBoxProps } from './search';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
export interface
|
|
2
|
+
export interface SearchBoxProps extends React.ComponentPropsWithoutRef<'input'> {
|
|
3
3
|
/** Called when the clear (×) button is pressed, after the value is cleared. */
|
|
4
4
|
onClear?: () => void;
|
|
5
5
|
}
|
|
6
|
-
declare const
|
|
7
|
-
export {
|
|
6
|
+
declare const SearchBox: React.ForwardRefExoticComponent<SearchBoxProps & React.RefAttributes<HTMLInputElement>>;
|
|
7
|
+
export { SearchBox };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, type TableRowProps, type TableHeadProps, } from './table';
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
|
|
3
|
+
declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
|
|
4
|
+
declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
|
|
5
|
+
declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
|
|
6
|
+
export interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {
|
|
7
|
+
/** Mark the row as selected — applies the active row token + `data-state`. */
|
|
8
|
+
selected?: boolean;
|
|
9
|
+
}
|
|
10
|
+
declare const TableRow: React.ForwardRefExoticComponent<TableRowProps & React.RefAttributes<HTMLTableRowElement>>;
|
|
11
|
+
type SortDirection = 'asc' | 'desc' | false;
|
|
12
|
+
export interface TableHeadProps extends React.ThHTMLAttributes<HTMLTableCellElement> {
|
|
13
|
+
/** Render the column as sortable — adds a sort affordance and `aria-sort`. */
|
|
14
|
+
sortable?: boolean;
|
|
15
|
+
/** Current sort direction for this column (`false` = sortable but unsorted). */
|
|
16
|
+
sortDirection?: SortDirection;
|
|
17
|
+
/** Invoked when the user activates a sortable header (click / Enter / Space). */
|
|
18
|
+
onSort?: () => void;
|
|
19
|
+
}
|
|
20
|
+
declare const TableHead: React.ForwardRefExoticComponent<TableHeadProps & React.RefAttributes<HTMLTableCellElement>>;
|
|
21
|
+
declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
|
|
22
|
+
declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
|
|
23
|
+
export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };
|
package/dist/src/index.d.ts
CHANGED
|
@@ -3,24 +3,28 @@ export * from './components/ui/avatar';
|
|
|
3
3
|
export * from './components/ui/breadcrumb';
|
|
4
4
|
export * from './components/ui/button';
|
|
5
5
|
export * from './components/ui/button-menu';
|
|
6
|
+
export * from './components/ui/card';
|
|
6
7
|
export * from './components/ui/card-filter';
|
|
7
8
|
export * from './components/ui/checkbox';
|
|
8
9
|
export * from './components/ui/chip';
|
|
10
|
+
export * from './components/ui/dialog';
|
|
9
11
|
export * from './components/ui/radio';
|
|
10
|
-
export * from './components/ui/input';
|
|
11
12
|
export * from './components/ui/input-date-picker';
|
|
12
13
|
export * from './components/ui/input-search';
|
|
13
14
|
export * from './components/ui/input-select';
|
|
14
15
|
export * from './components/ui/input-text';
|
|
15
16
|
export * from './components/ui/input-text-area';
|
|
16
17
|
export * from './components/ui/link';
|
|
17
|
-
export * from './components/ui/search';
|
|
18
18
|
export * from './components/ui/search-global';
|
|
19
|
+
export { InputText as Input, type InputTextProps as InputProps, } from './components/ui/input-text';
|
|
20
|
+
export { InputSearch as Search, type InputSearchProps as SearchProps, } from './components/ui/input-search';
|
|
21
|
+
export { InputTextArea as Textarea, type InputTextAreaProps as TextareaProps, } from './components/ui/input-text-area';
|
|
19
22
|
export * from './components/ui/select';
|
|
20
23
|
export * from './components/ui/resizable';
|
|
21
24
|
export * from './components/ui/sidebar-primary';
|
|
22
25
|
export * from './components/ui/sidebar-secondary';
|
|
23
26
|
export * from './components/ui/button-icon';
|
|
24
27
|
export * from './components/ui/switch';
|
|
28
|
+
export * from './components/ui/table';
|
|
25
29
|
export * from './components/ui/tooltip';
|
|
26
30
|
export * from './components/ui/tag';
|