@opencxh/ui-kit 3.134.0 → 3.136.1
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 +1404 -1399
- package/dist/index.js.map +1 -1
- package/dist/src/action/FilterChip.d.ts +6 -5
- package/dist/src/action/SegmentedToggle.d.ts +3 -2
- package/dist/src/federated-resource/index.d.ts +10 -1
- package/dist/src/navigation/Sidebar.d.ts +6 -6
- package/package.json +1 -1
|
@@ -11,8 +11,9 @@ export interface FilterChipProps {
|
|
|
11
11
|
*/
|
|
12
12
|
tone?: "none" | "default" | "muted" | "warning" | "danger";
|
|
13
13
|
/**
|
|
14
|
-
* `
|
|
15
|
-
*
|
|
14
|
+
* `rect` is the filter-bar shape — the same 9px corner as a button, so a
|
|
15
|
+
* chip and a button in one toolbar line up. `pill` is for a chip that reads
|
|
16
|
+
* as a tag rather than a control.
|
|
16
17
|
*/
|
|
17
18
|
shape?: "pill" | "rect";
|
|
18
19
|
/** `md` is the default control height; `sm` for a dense toolbar. */
|
|
@@ -32,9 +33,9 @@ export interface FilterChipProps {
|
|
|
32
33
|
}
|
|
33
34
|
/**
|
|
34
35
|
* Filter chip — the inbox filter bar and the thread priority/assign/inbox/tags
|
|
35
|
-
* menus. Presentational: it renders the chip (active =
|
|
36
|
-
*
|
|
37
|
-
* with the existing `Dropdown` / `Popover`.
|
|
36
|
+
* menus. Presentational: it renders the chip (active = the blue "you applied
|
|
37
|
+
* this" tint, inactive = a sunk plate) with an optional caret + clear; the
|
|
38
|
+
* consumer wires the actual menu with the existing `Dropdown` / `Popover`.
|
|
38
39
|
*
|
|
39
40
|
* @example
|
|
40
41
|
* ```tsx
|
|
@@ -14,8 +14,9 @@ export interface SegmentedToggleProps<T extends string> {
|
|
|
14
14
|
"aria-label"?: string;
|
|
15
15
|
}
|
|
16
16
|
/**
|
|
17
|
-
* Segmented
|
|
18
|
-
*
|
|
17
|
+
* Segmented toggle (focus "Feed / Eén tegelijk", tasks "Mijn / Mijn teams").
|
|
18
|
+
* Track = surface-sunk, active segment = a raised white plate — the same
|
|
19
|
+
* "lifted off the plane behind it" language as the active nav item.
|
|
19
20
|
*
|
|
20
21
|
* @example
|
|
21
22
|
* ```tsx
|
|
@@ -3,9 +3,18 @@ interface FederatedResourceProps {
|
|
|
3
3
|
identifier: string;
|
|
4
4
|
resourceLoader: () => Promise<any>;
|
|
5
5
|
framework?: 'react' | 'svelte' | 'vanilla';
|
|
6
|
+
/** Getoond zolang de remote laadt. */
|
|
6
7
|
fallback?: React.ReactNode;
|
|
8
|
+
/**
|
|
9
|
+
* Getoond wanneer de remote niet te laden is — app uitgezet, bundel stuk, sleutel fout.
|
|
10
|
+
*
|
|
11
|
+
* Zonder dit rendert dit component bij een fout niets, en dan verdwijnt de plek waar
|
|
12
|
+
* iets had moeten staan zonder spoor in de UI. Dat is precies het verschil tussen "de
|
|
13
|
+
* app is er niet" en "er is niks aan de hand".
|
|
14
|
+
*/
|
|
15
|
+
errorFallback?: React.ReactNode;
|
|
7
16
|
componentProps?: Record<string, any>;
|
|
8
17
|
className?: string;
|
|
9
18
|
}
|
|
10
|
-
export declare function FederatedResource({ identifier, resourceLoader, framework, fallback, componentProps, className, }: FederatedResourceProps): React.JSX.Element;
|
|
19
|
+
export declare function FederatedResource({ identifier, resourceLoader, framework, fallback, errorFallback, componentProps, className, }: FederatedResourceProps): React.JSX.Element;
|
|
11
20
|
export {};
|
|
@@ -27,18 +27,18 @@ export interface MenuItem {
|
|
|
27
27
|
defaultCollapsed?: boolean;
|
|
28
28
|
}
|
|
29
29
|
interface SidebarMenuProps {
|
|
30
|
-
title: string;
|
|
31
|
-
actionIcons?: React.ReactNode[];
|
|
32
30
|
items: MenuItem[];
|
|
33
31
|
isSelectedHandler: (path: string | undefined) => boolean;
|
|
34
32
|
onClick?: (path: string | undefined) => void;
|
|
35
33
|
preMenuItemsComponent?: React.ReactNode;
|
|
36
34
|
}
|
|
37
35
|
/**
|
|
38
|
-
* Sidebar —
|
|
39
|
-
*
|
|
40
|
-
*
|
|
41
|
-
*
|
|
36
|
+
* Sidebar — een vrij slot (zoek) en daaronder de nav-items. Secties met
|
|
37
|
+
* children zijn koppen, geen knoppen.
|
|
38
|
+
*
|
|
39
|
+
* Géén titel en géén actie-iconen meer: de app-switcher (titel + `+`) en de
|
|
40
|
+
* gebruikersvoet zijn shell-chrome en staan in `NavigationPanel`. Dit component
|
|
41
|
+
* vult alleen het middenstuk van die kolom.
|
|
42
42
|
*/
|
|
43
43
|
export declare const SidebarMenu: React.FC<SidebarMenuProps>;
|
|
44
44
|
export default SidebarMenu;
|