@opencxh/ui-kit 3.137.0 → 3.137.2
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/index.cjs +2 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +1793 -1807
- package/dist/index.js.map +1 -1
- package/dist/src/action/Button.d.ts +1 -1
- package/dist/src/action/SegmentedToggle.d.ts +6 -1
- package/dist/src/content/AssistantCard.d.ts +1 -1
- package/dist/src/content/Table.d.ts +2 -4
- package/package.json +1 -1
|
@@ -38,7 +38,7 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
|
|
|
38
38
|
* ```tsx
|
|
39
39
|
* <Button variant="primary" size="md">Click me</Button>
|
|
40
40
|
* <Button variant="outline" leftIcon={<Icon name={Plus} />}>Add item</Button>
|
|
41
|
-
* <Button iconOnly variant="ghost"
|
|
41
|
+
* <Button iconOnly variant="ghost" aria-label="Zoeken">
|
|
42
42
|
* <Icon name={Search} />
|
|
43
43
|
* </Button>
|
|
44
44
|
* ```
|
|
@@ -9,6 +9,11 @@ export interface SegmentedToggleProps<T extends string> {
|
|
|
9
9
|
onChange: (value: T) => void;
|
|
10
10
|
/** Control height. */
|
|
11
11
|
size?: "sm" | "md";
|
|
12
|
+
/**
|
|
13
|
+
* Track fill. `sunk` reads against the white card; use `track` when the
|
|
14
|
+
* toggle itself sits on a sunk plane, where `sunk` on `sunk` is invisible.
|
|
15
|
+
*/
|
|
16
|
+
tone?: "sunk" | "track";
|
|
12
17
|
/** Fill the container and split it evenly — a toggle that heads a column. */
|
|
13
18
|
fullWidth?: boolean;
|
|
14
19
|
className?: string;
|
|
@@ -29,4 +34,4 @@ export interface SegmentedToggleProps<T extends string> {
|
|
|
29
34
|
* />
|
|
30
35
|
* ```
|
|
31
36
|
*/
|
|
32
|
-
export declare function SegmentedToggle<T extends string>({ options, value, onChange, size, fullWidth, className, "aria-label": ariaLabel, }: SegmentedToggleProps<T>): React.JSX.Element;
|
|
37
|
+
export declare function SegmentedToggle<T extends string>({ options, value, onChange, size, tone, fullWidth, className, "aria-label": ariaLabel, }: SegmentedToggleProps<T>): React.JSX.Element;
|
|
@@ -16,7 +16,7 @@ export interface AssistantCardProps extends Omit<React.HTMLAttributes<HTMLDivEle
|
|
|
16
16
|
*
|
|
17
17
|
* @example
|
|
18
18
|
* ```tsx
|
|
19
|
-
* <AssistantCard title="Voorstel van de assistent" action={<Button
|
|
19
|
+
* <AssistantCard title="Voorstel van de assistent" action={<Button>Gebruiken</Button>}>
|
|
20
20
|
* Marc wacht 12 min op WhatsApp — concept staat klaar.
|
|
21
21
|
* </AssistantCard>
|
|
22
22
|
* ```
|
|
@@ -101,9 +101,7 @@ export interface TableProps<T = any> {
|
|
|
101
101
|
toolbarActions?: PageHeaderAction[];
|
|
102
102
|
/** Whether table has pagination */
|
|
103
103
|
paginated?: boolean;
|
|
104
|
-
/**
|
|
105
|
-
pageSizeOptions?: number[];
|
|
106
|
-
/** Default page size */
|
|
104
|
+
/** Rows per page. Fixed — the footer is a summary and a page list, nothing to set. */
|
|
107
105
|
defaultPageSize?: number;
|
|
108
106
|
/** Row actions */
|
|
109
107
|
actions?: TableAction<T>[];
|
|
@@ -146,4 +144,4 @@ export interface TableProps<T = any> {
|
|
|
146
144
|
* Data table: a bordered box with a tinted column strip, a toolbar above it
|
|
147
145
|
* (search, filters, the list's own actions) and a summary + paginator below.
|
|
148
146
|
*/
|
|
149
|
-
export declare const Table: <T extends Record<string, any>>({ data, columns, loading, searchable, searchPlaceholder, searchValue, onSearchChange, filters, toolbarActions, paginated,
|
|
147
|
+
export declare const Table: <T extends Record<string, any>>({ data, columns, loading, searchable, searchPlaceholder, searchValue, onSearchChange, filters, toolbarActions, paginated, defaultPageSize, actions, onRowClick, selectable, selectedRows, onSelectionChange, getRowKey, emptyContent, footerSummary, size, hoverable, padding, className, rowClassName, headerBackground, }: TableProps<T>) => React.JSX.Element;
|