orbcafe-ui 1.4.6 → 2.0.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/README.md +20 -17
- package/dist/COrbCanvas-4PZFJUYO.mjs +1 -0
- package/dist/chunk-7TUSE6H4.mjs +183 -0
- package/dist/fonts/NOTICE.txt +7 -0
- package/dist/fonts/SAP-icons-LICENSE.txt +202 -0
- package/dist/fonts/SAP-icons.ttf +0 -0
- package/dist/fonts/SAP-icons.woff2 +0 -0
- package/dist/index.d.mts +1224 -205
- package/dist/index.d.ts +1224 -205
- package/dist/index.js +26 -47
- package/dist/index.mjs +25 -46
- package/dist/orbis.css +2519 -0
- package/package.json +24 -9
- package/dist/COrbCanvas-EGX5NO3Y.mjs +0 -1
- package/dist/chunk-74Z76O3S.mjs +0 -183
- package/dist/index.css +0 -1
package/dist/index.d.mts
CHANGED
|
@@ -1,17 +1,1001 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import
|
|
3
|
-
import
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import react__default, { ReactNode, HTMLAttributes, ButtonHTMLAttributes, ElementType, ChangeEvent, FocusEvent, KeyboardEvent, InputHTMLAttributes, TextareaHTMLAttributes, CSSProperties, MouseEvent, Dispatch, SetStateAction } from 'react';
|
|
3
|
+
import { Dayjs } from 'dayjs';
|
|
4
4
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
5
5
|
import { VariantProps } from 'class-variance-authority';
|
|
6
|
-
|
|
7
|
-
|
|
6
|
+
|
|
7
|
+
/**
|
|
8
|
+
* ORBCAFE × ORBIS design tokens (TypeScript side).
|
|
9
|
+
*
|
|
10
|
+
* Single source of truth for JS/TS consumers that cannot read CSS variables
|
|
11
|
+
* (SVG charts, canvas, inline-style computations). Values are the registered
|
|
12
|
+
* ORBIS brand palette plus derived OKLCh mixes — keep in sync with
|
|
13
|
+
* `src/styles/orbis.css`, which is adapted from the official
|
|
14
|
+
* `orbis-reference.css` design handoff.
|
|
15
|
+
*
|
|
16
|
+
* Brand literals: #ffffff #f5f5f5 #555555 #8c8c8c #dbdbdb #154194 #fc4c02
|
|
17
|
+
* Dark literals: #01091a #0a1526
|
|
18
|
+
*/
|
|
19
|
+
type OrbMode = 'light' | 'dark';
|
|
20
|
+
interface OrbTokens {
|
|
21
|
+
canvas: string;
|
|
22
|
+
surface: string;
|
|
23
|
+
surface2: string;
|
|
24
|
+
surface3: string;
|
|
25
|
+
fg: string;
|
|
26
|
+
muted: string;
|
|
27
|
+
border: string;
|
|
28
|
+
primary: string;
|
|
29
|
+
onPrimary: string;
|
|
30
|
+
link: string;
|
|
31
|
+
p50: string;
|
|
32
|
+
p100: string;
|
|
33
|
+
p200: string;
|
|
34
|
+
p300: string;
|
|
35
|
+
p600: string;
|
|
36
|
+
p700: string;
|
|
37
|
+
accent: string;
|
|
38
|
+
err: string;
|
|
39
|
+
errBg: string;
|
|
40
|
+
warnBg: string;
|
|
41
|
+
hover: string;
|
|
42
|
+
selected: string;
|
|
43
|
+
focusRing: string;
|
|
44
|
+
focusSolid: string;
|
|
45
|
+
disabledFg: string;
|
|
46
|
+
disabledBg: string;
|
|
47
|
+
chartGrid: string;
|
|
48
|
+
chartText: string;
|
|
49
|
+
track: string;
|
|
50
|
+
shadow1: string;
|
|
51
|
+
shadow2: string;
|
|
52
|
+
shadow3: string;
|
|
53
|
+
}
|
|
54
|
+
/**
|
|
55
|
+
* Light mode. Derived tints documented with their OKLCh mix formula from the
|
|
56
|
+
* handoff; computed hex values are used so charts render identically in
|
|
57
|
+
* environments where we cannot resolve color-mix() from JS.
|
|
58
|
+
*/
|
|
59
|
+
declare const ORB_LIGHT: OrbTokens;
|
|
60
|
+
/** Dark mode per handoff (canvas #01091a, surface #0a1526). */
|
|
61
|
+
declare const ORB_DARK: OrbTokens;
|
|
62
|
+
declare const ORB_TOKENS: Record<OrbMode, OrbTokens>;
|
|
63
|
+
/** Montserrat-first font stack per handoff. */
|
|
64
|
+
declare const ORB_FONT_STACK = "\"Montserrat\", system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif";
|
|
65
|
+
/** Chart series order mandated by the handoff: primary → p300 → muted → p700, repeat. */
|
|
66
|
+
declare const orbChartSeries: (mode: OrbMode) => string[];
|
|
67
|
+
/** Radius / motion constants shared by JS-driven components. */
|
|
68
|
+
declare const ORB_RADIUS = 10;
|
|
69
|
+
declare const ORB_TRANSITION_FAST = "0.2s ease";
|
|
70
|
+
|
|
71
|
+
type OrbModeSetting = OrbMode | 'system';
|
|
72
|
+
interface OrbisModeProviderProps {
|
|
73
|
+
/** Controlled mode setting. Defaults to 'light'. */
|
|
74
|
+
mode?: OrbModeSetting;
|
|
75
|
+
/** Default mode for uncontrolled usage. */
|
|
76
|
+
defaultMode?: OrbModeSetting;
|
|
77
|
+
children: ReactNode;
|
|
78
|
+
}
|
|
79
|
+
/**
|
|
80
|
+
* Provides the ORBIS light/dark mode to all ORBCAFE components.
|
|
81
|
+
*
|
|
82
|
+
* Central color-mode provider: it toggles the `orb-dark` class and
|
|
83
|
+
* `data-orb-mode` attribute on `<html>` so the CSS variables in `orbis.css`
|
|
84
|
+
* switch, and exposes the resolved mode through `useOrbMode()`.
|
|
85
|
+
*
|
|
86
|
+
* `CAppPageLayout` and `PAppPageLayout` already render this provider with
|
|
87
|
+
* their persisted mode setting, so app-level usage is only needed for
|
|
88
|
+
* standalone surfaces (e.g. a login page without the app shell).
|
|
89
|
+
*/
|
|
90
|
+
declare const OrbisModeProvider: ({ mode, defaultMode, children }: OrbisModeProviderProps) => react.JSX.Element;
|
|
91
|
+
/** Effective ORBIS mode resolved from the nearest OrbisModeProvider (defaults to light). */
|
|
92
|
+
declare const useOrbMode: () => OrbMode;
|
|
93
|
+
/** ORBIS token hex values for the current mode — for JS-driven rendering (SVG charts, canvas). */
|
|
94
|
+
declare const useOrbTokens: () => OrbTokens;
|
|
95
|
+
|
|
96
|
+
/**
|
|
97
|
+
* Tiny framework-independent color alpha helper.
|
|
98
|
+
* Supports #rgb / #rrggbb inputs; returns rgba() string. Non-hex inputs
|
|
99
|
+
* (e.g. CSS variables) fall back to color-mix(), which modern browsers
|
|
100
|
+
* resolve natively.
|
|
101
|
+
*/
|
|
102
|
+
declare const orbAlpha: (color: string, alpha: number) => string;
|
|
103
|
+
|
|
104
|
+
/**
|
|
105
|
+
* Minimal framework-independent matchMedia hook.
|
|
106
|
+
* Accepts a full media query ('(min-width:900px)') or a shorth breakpoint
|
|
107
|
+
* expression like 'up:900' / 'down:900' (px).
|
|
108
|
+
*/
|
|
109
|
+
declare const useMediaQuery: (query: string) => boolean;
|
|
110
|
+
|
|
111
|
+
/**
|
|
112
|
+
* SAP-icons v5.13 codepoints from the official SAP theming base-content
|
|
113
|
+
* metadata. The matching font files are shipped in dist/fonts, so rendering
|
|
114
|
+
* is completely offline and does not call UI5 or any SAP service at runtime.
|
|
115
|
+
*/
|
|
116
|
+
declare const SAP_ICON_CODEPOINTS: {
|
|
117
|
+
readonly accept: 57435;
|
|
118
|
+
readonly activate: 57864;
|
|
119
|
+
readonly activity: 57769;
|
|
120
|
+
readonly add: 57432;
|
|
121
|
+
readonly barChart: 57417;
|
|
122
|
+
readonly calendar: 57414;
|
|
123
|
+
readonly camera: 57413;
|
|
124
|
+
readonly checklist: 57952;
|
|
125
|
+
readonly collapseAll: 57988;
|
|
126
|
+
readonly command: 57997;
|
|
127
|
+
readonly copy: 57925;
|
|
128
|
+
readonly darkMode: 58122;
|
|
129
|
+
readonly decline: 57406;
|
|
130
|
+
readonly delete: 57405;
|
|
131
|
+
readonly dimension: 57718;
|
|
132
|
+
readonly document: 57780;
|
|
133
|
+
readonly down: 57827;
|
|
134
|
+
readonly download: 57402;
|
|
135
|
+
readonly duplicate: 57401;
|
|
136
|
+
readonly edit: 57400;
|
|
137
|
+
readonly email: 57399;
|
|
138
|
+
readonly employee: 57398;
|
|
139
|
+
readonly error: 57836;
|
|
140
|
+
readonly expandAll: 57987;
|
|
141
|
+
readonly factory: 57464;
|
|
142
|
+
readonly favorite: 57445;
|
|
143
|
+
readonly filter: 57462;
|
|
144
|
+
readonly fullScreen: 57702;
|
|
145
|
+
readonly grid: 57457;
|
|
146
|
+
readonly hide: 57834;
|
|
147
|
+
readonly home: 57456;
|
|
148
|
+
readonly information: 57993;
|
|
149
|
+
readonly inventory: 57693;
|
|
150
|
+
readonly ipad: 57491;
|
|
151
|
+
readonly lightMode: 58121;
|
|
152
|
+
readonly lightbulb: 57380;
|
|
153
|
+
readonly lineChart: 57740;
|
|
154
|
+
readonly locked: 57683;
|
|
155
|
+
readonly log: 57378;
|
|
156
|
+
readonly map: 57377;
|
|
157
|
+
readonly menu: 57822;
|
|
158
|
+
readonly message: 57884;
|
|
159
|
+
readonly microphone: 57586;
|
|
160
|
+
readonly move: 57832;
|
|
161
|
+
readonly navigationLeft: 57447;
|
|
162
|
+
readonly navigationRight: 57446;
|
|
163
|
+
readonly overflow: 57842;
|
|
164
|
+
readonly overview: 57551;
|
|
165
|
+
readonly paperPlane: 57548;
|
|
166
|
+
readonly picture: 57366;
|
|
167
|
+
readonly pieChart: 57365;
|
|
168
|
+
readonly play: 57499;
|
|
169
|
+
readonly process: 57543;
|
|
170
|
+
readonly product: 57361;
|
|
171
|
+
readonly pushpin: 57503;
|
|
172
|
+
readonly qrCode: 57999;
|
|
173
|
+
readonly receipt: 57541;
|
|
174
|
+
readonly refresh: 57360;
|
|
175
|
+
readonly save: 57498;
|
|
176
|
+
readonly search: 57357;
|
|
177
|
+
readonly show: 57833;
|
|
178
|
+
readonly shipping: 57523;
|
|
179
|
+
readonly slimDown: 57839;
|
|
180
|
+
readonly slimUp: 57840;
|
|
181
|
+
readonly sort: 57853;
|
|
182
|
+
readonly sound: 57895;
|
|
183
|
+
readonly splitOne: 57919;
|
|
184
|
+
readonly splitTwo: 57920;
|
|
185
|
+
readonly stop: 57861;
|
|
186
|
+
readonly sum: 57998;
|
|
187
|
+
readonly synchronize: 57354;
|
|
188
|
+
readonly table: 57530;
|
|
189
|
+
readonly tableColumn: 57983;
|
|
190
|
+
readonly tableRow: 57982;
|
|
191
|
+
readonly thumbDown: 57891;
|
|
192
|
+
readonly thumbUp: 57890;
|
|
193
|
+
readonly time: 57508;
|
|
194
|
+
readonly translate: 57995;
|
|
195
|
+
readonly tree: 57588;
|
|
196
|
+
readonly trendDown: 57931;
|
|
197
|
+
readonly up: 57828;
|
|
198
|
+
readonly upload: 57881;
|
|
199
|
+
readonly warning: 57492;
|
|
200
|
+
readonly world: 57489;
|
|
201
|
+
readonly wrench: 57346;
|
|
202
|
+
};
|
|
203
|
+
type SapIconName = keyof typeof SAP_ICON_CODEPOINTS;
|
|
204
|
+
interface SapIconProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {
|
|
205
|
+
name: SapIconName;
|
|
206
|
+
size?: number | string;
|
|
207
|
+
title?: string;
|
|
208
|
+
/** Accepted for drop-in compatibility with SVG outline icon libraries. */
|
|
209
|
+
strokeWidth?: number | string;
|
|
210
|
+
fill?: string;
|
|
211
|
+
}
|
|
212
|
+
declare const SapIcon: react.ForwardRefExoticComponent<SapIconProps & react.RefAttributes<HTMLSpanElement>>;
|
|
213
|
+
declare const createSapIcon: (name: SapIconName, displayName?: string) => react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
214
|
+
|
|
215
|
+
declare const Activity: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
216
|
+
declare const AlertCircle: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
217
|
+
declare const AlertTriangle: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
218
|
+
declare const ArrowDown: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
219
|
+
declare const ArrowRight: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
220
|
+
declare const ArrowUp: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
221
|
+
declare const BarChart: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
222
|
+
declare const Bot: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
223
|
+
declare const Calendar: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
224
|
+
declare const CalendarDays: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
225
|
+
declare const Camera: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
226
|
+
declare const ChartNoAxesCombined: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
227
|
+
declare const Check: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
228
|
+
declare const CheckCircle: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
229
|
+
declare const ChevronDown: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
230
|
+
declare const ChevronLeft: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
231
|
+
declare const ChevronRight: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
232
|
+
declare const ChevronUp: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
233
|
+
declare const ChevronsDown: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
234
|
+
declare const ChevronsUp: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
235
|
+
declare const CircleAlert: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
236
|
+
declare const CircleCheck: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
237
|
+
declare const CircleCheckBig: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
238
|
+
declare const CircleStop: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
239
|
+
declare const Clipboard: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
240
|
+
declare const ClipboardCheck: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
241
|
+
declare const ClipboardList: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
242
|
+
declare const Clock: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
243
|
+
declare const Columns3: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
244
|
+
declare const Copy: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
245
|
+
declare const CopyPlus: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
246
|
+
declare const Delete: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
247
|
+
declare const Download: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
248
|
+
declare const Edit: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
249
|
+
declare const Expand: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
250
|
+
declare const Eye: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
251
|
+
declare const EyeOff: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
252
|
+
declare const File$1: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
253
|
+
declare const FileText: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
254
|
+
declare const Filter: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
255
|
+
declare const FolderTree: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
256
|
+
declare const GitBranch: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
257
|
+
declare const Globe: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
258
|
+
declare const Grid: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
259
|
+
declare const GripVertical: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
260
|
+
declare const Hammer: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
261
|
+
declare const Image: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
262
|
+
declare const Info: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
263
|
+
declare const Languages: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
264
|
+
declare const Layers: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
265
|
+
declare const LayoutDashboard: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
266
|
+
declare const Lightbulb: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
267
|
+
declare const LineChart: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
268
|
+
declare const Loader2: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
269
|
+
declare const Lock: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
270
|
+
declare const LockKeyhole: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
271
|
+
declare const LogOut: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
272
|
+
declare const Mail: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
273
|
+
declare const MapPin: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
274
|
+
declare const Menu: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
275
|
+
declare const MessageCircle: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
276
|
+
declare const MessageSquare: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
277
|
+
declare const Mic: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
278
|
+
declare const MicOff: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
279
|
+
declare const Moon: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
280
|
+
declare const MoreHorizontal: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
281
|
+
declare const PackageCheck: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
282
|
+
declare const PackageSearch: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
283
|
+
declare const PanelLeftOpen: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
284
|
+
declare const PanelRight: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
285
|
+
declare const PanelsTopLeft: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
286
|
+
declare const PieChart: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
287
|
+
declare const Pin: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
288
|
+
declare const Play: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
289
|
+
declare const Plus: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
290
|
+
declare const QrCode: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
291
|
+
declare const ReceiptText: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
292
|
+
declare const RefreshCw: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
293
|
+
declare const Rocket: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
294
|
+
declare const RotateCcw: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
295
|
+
declare const RotateCw: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
296
|
+
declare const Rows3: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
297
|
+
declare const Save: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
298
|
+
declare const ScanLine: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
299
|
+
declare const Search: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
300
|
+
declare const Send: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
301
|
+
declare const SendHorizontal: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
302
|
+
declare const Settings: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
303
|
+
declare const ShieldCheck: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
304
|
+
declare const Sigma: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
305
|
+
declare const SortAsc: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
306
|
+
declare const SquareSplitHorizontal: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
307
|
+
declare const Star: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
308
|
+
declare const Sun: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
309
|
+
declare const Table2: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
310
|
+
declare const TabletSmartphone: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
311
|
+
declare const Terminal: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
312
|
+
declare const ThumbsDown: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
313
|
+
declare const ThumbsUp: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
314
|
+
declare const Trash2: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
315
|
+
declare const TreePine: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
316
|
+
declare const TrendingDown: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
317
|
+
declare const TriangleAlert: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
318
|
+
declare const Truck: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
319
|
+
declare const UploadCloud: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
320
|
+
declare const User: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
321
|
+
declare const Volume2: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
322
|
+
declare const Warehouse: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
323
|
+
declare const Workflow: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
324
|
+
declare const X: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
325
|
+
declare const XCircle: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
|
|
326
|
+
|
|
327
|
+
type OrbSxPrimitive = string | number | null | undefined | boolean;
|
|
328
|
+
type OrbSxPropertyFunction = (theme: OrbCompatTheme) => OrbSxPrimitive | OrbSxObject;
|
|
329
|
+
interface OrbSxObject {
|
|
330
|
+
[key: string]: OrbSxPrimitive | OrbSxObject | OrbSxPropertyFunction;
|
|
331
|
+
}
|
|
332
|
+
type OrbSxValue = OrbSxObject | ((theme: OrbCompatTheme) => OrbSxObject);
|
|
333
|
+
type OrbSxProps = OrbSxValue | readonly OrbSxValue[];
|
|
334
|
+
interface OrbCompatTheme {
|
|
335
|
+
palette: {
|
|
336
|
+
mode: 'light' | 'dark';
|
|
337
|
+
primary: {
|
|
338
|
+
main: string;
|
|
339
|
+
light: string;
|
|
340
|
+
dark: string;
|
|
341
|
+
contrastText: string;
|
|
342
|
+
};
|
|
343
|
+
secondary: {
|
|
344
|
+
main: string;
|
|
345
|
+
contrastText: string;
|
|
346
|
+
};
|
|
347
|
+
error: {
|
|
348
|
+
main: string;
|
|
349
|
+
contrastText: string;
|
|
350
|
+
};
|
|
351
|
+
warning: {
|
|
352
|
+
main: string;
|
|
353
|
+
contrastText: string;
|
|
354
|
+
};
|
|
355
|
+
info: {
|
|
356
|
+
main: string;
|
|
357
|
+
contrastText: string;
|
|
358
|
+
};
|
|
359
|
+
success: {
|
|
360
|
+
main: string;
|
|
361
|
+
contrastText: string;
|
|
362
|
+
};
|
|
363
|
+
text: {
|
|
364
|
+
primary: string;
|
|
365
|
+
secondary: string;
|
|
366
|
+
disabled: string;
|
|
367
|
+
};
|
|
368
|
+
background: {
|
|
369
|
+
default: string;
|
|
370
|
+
paper: string;
|
|
371
|
+
};
|
|
372
|
+
action: {
|
|
373
|
+
hover: string;
|
|
374
|
+
selected: string;
|
|
375
|
+
focus: string;
|
|
376
|
+
disabled: string;
|
|
377
|
+
disabledBackground: string;
|
|
378
|
+
active: string;
|
|
379
|
+
};
|
|
380
|
+
divider: string;
|
|
381
|
+
common: {
|
|
382
|
+
white: string;
|
|
383
|
+
black: string;
|
|
384
|
+
};
|
|
385
|
+
grey: Record<number, string>;
|
|
386
|
+
};
|
|
387
|
+
shape: {
|
|
388
|
+
borderRadius: number;
|
|
389
|
+
};
|
|
390
|
+
breakpoints: {
|
|
391
|
+
up: (key: OrbBreakpoint) => string;
|
|
392
|
+
down: (key: OrbBreakpoint) => string;
|
|
393
|
+
};
|
|
394
|
+
spacing: (...values: number[]) => string;
|
|
395
|
+
transitions: {
|
|
396
|
+
create: (properties?: string | string[], options?: {
|
|
397
|
+
duration?: number;
|
|
398
|
+
easing?: string;
|
|
399
|
+
}) => string;
|
|
400
|
+
duration: {
|
|
401
|
+
shortest: number;
|
|
402
|
+
shorter: number;
|
|
403
|
+
short: number;
|
|
404
|
+
standard: number;
|
|
405
|
+
};
|
|
406
|
+
};
|
|
407
|
+
zIndex: {
|
|
408
|
+
modal: number;
|
|
409
|
+
drawer: number;
|
|
410
|
+
appBar: number;
|
|
411
|
+
tooltip: number;
|
|
412
|
+
};
|
|
413
|
+
}
|
|
414
|
+
type OrbBreakpoint = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
415
|
+
type OrbResponsive<T> = T | Partial<Record<OrbBreakpoint, T>>;
|
|
416
|
+
|
|
417
|
+
type CButtonVariant = 'primary' | 'secondary' | 'ghost' | 'neutral';
|
|
418
|
+
type CButtonSize = 'small' | 'medium' | 'large';
|
|
419
|
+
interface CButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'style'> {
|
|
420
|
+
/** Visual variant. Compatibility values map contained→primary, outlined→secondary, text→ghost. */
|
|
421
|
+
variant?: CButtonVariant | 'contained' | 'outlined' | 'text';
|
|
422
|
+
size?: CButtonSize;
|
|
423
|
+
/** Stretch to fill the parent width. */
|
|
424
|
+
block?: boolean;
|
|
425
|
+
/** Show a spinner and freeze interactions (label stays to keep width stable). */
|
|
426
|
+
loading?: boolean;
|
|
427
|
+
startIcon?: ReactNode;
|
|
428
|
+
endIcon?: ReactNode;
|
|
429
|
+
component?: ElementType;
|
|
430
|
+
href?: string;
|
|
431
|
+
/** ORBIS style override. */
|
|
432
|
+
sx?: OrbSxProps;
|
|
433
|
+
}
|
|
434
|
+
declare const CButton: react.ForwardRefExoticComponent<CButtonProps & react.RefAttributes<HTMLButtonElement>>;
|
|
435
|
+
|
|
436
|
+
interface CTextFieldProps {
|
|
437
|
+
label?: ReactNode;
|
|
438
|
+
value?: string | number | readonly string[];
|
|
439
|
+
defaultValue?: string | number | readonly string[];
|
|
440
|
+
onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
|
|
441
|
+
onFocus?: (event: FocusEvent<HTMLInputElement>) => void;
|
|
442
|
+
onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
|
|
443
|
+
onKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void;
|
|
444
|
+
type?: string;
|
|
445
|
+
placeholder?: string;
|
|
446
|
+
disabled?: boolean;
|
|
447
|
+
readOnly?: boolean;
|
|
448
|
+
required?: boolean;
|
|
449
|
+
autoFocus?: boolean;
|
|
450
|
+
autoComplete?: string;
|
|
451
|
+
name?: string;
|
|
452
|
+
id?: string;
|
|
453
|
+
/** Error message — puts the field into the orange error family state. */
|
|
454
|
+
error?: string | boolean;
|
|
455
|
+
/** Helper text shown below the field. */
|
|
456
|
+
helperText?: ReactNode;
|
|
457
|
+
/** Dense 36px variant (tables / filter bars). Standard is 44px. */
|
|
458
|
+
dense?: boolean;
|
|
459
|
+
size?: 'small' | 'medium';
|
|
460
|
+
fullWidth?: boolean;
|
|
461
|
+
select?: boolean;
|
|
462
|
+
multiline?: boolean;
|
|
463
|
+
rows?: number;
|
|
464
|
+
children?: ReactNode;
|
|
465
|
+
variant?: string;
|
|
466
|
+
margin?: string;
|
|
467
|
+
onClick?: React.MouseEventHandler<HTMLElement>;
|
|
468
|
+
/** Leading adornment (icon). */
|
|
469
|
+
startAdornment?: ReactNode;
|
|
470
|
+
/** Trailing adornment (icon/button). */
|
|
471
|
+
endAdornment?: ReactNode;
|
|
472
|
+
/** Compatibility InputProps slot — only startAdornment/endAdornment/readOnly are honoured. */
|
|
473
|
+
InputProps?: {
|
|
474
|
+
startAdornment?: ReactNode;
|
|
475
|
+
endAdornment?: ReactNode;
|
|
476
|
+
readOnly?: boolean;
|
|
477
|
+
sx?: OrbSxProps;
|
|
478
|
+
[key: string]: unknown;
|
|
479
|
+
};
|
|
480
|
+
InputLabelProps?: Record<string, unknown>;
|
|
481
|
+
SelectProps?: Record<string, unknown>;
|
|
482
|
+
inputProps?: InputHTMLAttributes<HTMLInputElement>;
|
|
483
|
+
sx?: OrbSxProps;
|
|
484
|
+
className?: string;
|
|
485
|
+
}
|
|
486
|
+
declare const CTextField: react.ForwardRefExoticComponent<CTextFieldProps & react.RefAttributes<HTMLInputElement>>;
|
|
487
|
+
|
|
488
|
+
interface CTextAreaProps {
|
|
489
|
+
label?: ReactNode;
|
|
490
|
+
value?: string;
|
|
491
|
+
defaultValue?: string;
|
|
492
|
+
onChange?: (event: ChangeEvent<HTMLTextAreaElement>) => void;
|
|
493
|
+
placeholder?: string;
|
|
494
|
+
disabled?: boolean;
|
|
495
|
+
readOnly?: boolean;
|
|
496
|
+
rows?: number;
|
|
497
|
+
minRows?: number;
|
|
498
|
+
maxRows?: number;
|
|
499
|
+
/** Compatibility flag for callers migrated from multiline text fields. */
|
|
500
|
+
multiline?: boolean;
|
|
501
|
+
error?: boolean | string;
|
|
502
|
+
helperText?: ReactNode;
|
|
503
|
+
fullWidth?: boolean;
|
|
504
|
+
name?: string;
|
|
505
|
+
id?: string;
|
|
506
|
+
inputProps?: TextareaHTMLAttributes<HTMLTextAreaElement>;
|
|
507
|
+
sx?: OrbSxProps;
|
|
508
|
+
className?: string;
|
|
509
|
+
}
|
|
510
|
+
declare const CTextArea: react.ForwardRefExoticComponent<CTextAreaProps & react.RefAttributes<HTMLTextAreaElement>>;
|
|
511
|
+
|
|
512
|
+
interface CSelectOption {
|
|
513
|
+
value: string | number;
|
|
514
|
+
label: ReactNode;
|
|
515
|
+
disabled?: boolean;
|
|
516
|
+
}
|
|
517
|
+
interface CSelectProps {
|
|
518
|
+
label?: ReactNode;
|
|
519
|
+
options?: CSelectOption[];
|
|
520
|
+
/** Alternatively pass native <option> children. */
|
|
521
|
+
children?: ReactNode;
|
|
522
|
+
value?: string | number | readonly string[];
|
|
523
|
+
defaultValue?: string | number | readonly string[];
|
|
524
|
+
onChange?: (event: ChangeEvent<HTMLSelectElement>) => void;
|
|
525
|
+
disabled?: boolean;
|
|
526
|
+
size?: 'small' | 'medium';
|
|
527
|
+
dense?: boolean;
|
|
528
|
+
fullWidth?: boolean;
|
|
529
|
+
minWidth?: number | string;
|
|
530
|
+
placeholder?: string;
|
|
531
|
+
displayEmpty?: boolean;
|
|
532
|
+
renderValue?: (value: string | number | readonly string[] | undefined) => ReactNode;
|
|
533
|
+
multiple?: boolean;
|
|
534
|
+
MenuProps?: Record<string, unknown>;
|
|
535
|
+
variant?: string;
|
|
536
|
+
disableUnderline?: boolean;
|
|
537
|
+
onClick?: React.MouseEventHandler<HTMLElement>;
|
|
538
|
+
onMouseDown?: React.MouseEventHandler<HTMLElement>;
|
|
539
|
+
error?: boolean | string;
|
|
540
|
+
helperText?: ReactNode;
|
|
541
|
+
name?: string;
|
|
542
|
+
id?: string;
|
|
543
|
+
'aria-label'?: string;
|
|
544
|
+
sx?: OrbSxProps;
|
|
545
|
+
className?: string;
|
|
546
|
+
}
|
|
547
|
+
/** ORBIS select — custom popup chrome with a hidden native select for forms/refs. */
|
|
548
|
+
declare const CSelect: react.ForwardRefExoticComponent<CSelectProps & react.RefAttributes<HTMLSelectElement>>;
|
|
549
|
+
|
|
550
|
+
interface CCheckboxProps {
|
|
551
|
+
label?: React.ReactNode;
|
|
552
|
+
checked?: boolean;
|
|
553
|
+
defaultChecked?: boolean;
|
|
554
|
+
onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
|
|
555
|
+
disabled?: boolean;
|
|
556
|
+
indeterminate?: boolean;
|
|
557
|
+
name?: string;
|
|
558
|
+
value?: string;
|
|
559
|
+
id?: string;
|
|
560
|
+
size?: 'small' | 'medium';
|
|
561
|
+
color?: string;
|
|
562
|
+
onClick?: React.MouseEventHandler<HTMLElement>;
|
|
563
|
+
inputProps?: InputHTMLAttributes<HTMLInputElement>;
|
|
564
|
+
sx?: OrbSxProps;
|
|
565
|
+
className?: string;
|
|
566
|
+
}
|
|
567
|
+
declare const CCheckbox: react.ForwardRefExoticComponent<CCheckboxProps & react.RefAttributes<HTMLInputElement>>;
|
|
568
|
+
|
|
569
|
+
interface CRadioOption {
|
|
570
|
+
value: string;
|
|
571
|
+
label: ReactNode;
|
|
572
|
+
disabled?: boolean;
|
|
573
|
+
}
|
|
574
|
+
interface CRadioGroupProps {
|
|
575
|
+
label?: ReactNode;
|
|
576
|
+
options: CRadioOption[];
|
|
577
|
+
value?: string;
|
|
578
|
+
defaultValue?: string;
|
|
579
|
+
onChange?: (event: ChangeEvent<HTMLInputElement>, value: string) => void;
|
|
580
|
+
name?: string;
|
|
581
|
+
row?: boolean;
|
|
582
|
+
disabled?: boolean;
|
|
583
|
+
sx?: CSSProperties;
|
|
584
|
+
className?: string;
|
|
585
|
+
}
|
|
586
|
+
declare const CRadioGroup: ({ label, options, value, defaultValue, onChange, name, row, disabled, sx, className, }: CRadioGroupProps) => react.JSX.Element;
|
|
587
|
+
|
|
588
|
+
interface CSwitchProps {
|
|
589
|
+
label?: ReactNode;
|
|
590
|
+
checked?: boolean;
|
|
591
|
+
defaultChecked?: boolean;
|
|
592
|
+
onChange?: (event: ChangeEvent<HTMLInputElement>, checked: boolean) => void;
|
|
593
|
+
disabled?: boolean;
|
|
594
|
+
name?: string;
|
|
595
|
+
id?: string;
|
|
596
|
+
size?: 'small' | 'medium';
|
|
597
|
+
sx?: OrbSxProps;
|
|
598
|
+
className?: string;
|
|
599
|
+
}
|
|
600
|
+
declare const CSwitch: react.ForwardRefExoticComponent<CSwitchProps & react.RefAttributes<HTMLInputElement>>;
|
|
601
|
+
|
|
602
|
+
type CChipTone = 'blue' | 'gray' | 'orange' | 'outline';
|
|
603
|
+
interface CChipProps {
|
|
604
|
+
label?: ReactNode;
|
|
605
|
+
children?: ReactNode;
|
|
606
|
+
/** ORBIS tone. Compatibility color values map success/info/primary→blue, warning/error→orange, default→gray. */
|
|
607
|
+
tone?: CChipTone;
|
|
608
|
+
color?: 'default' | 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error';
|
|
609
|
+
variant?: 'filled' | 'outlined';
|
|
610
|
+
size?: 'small' | 'medium';
|
|
611
|
+
clickable?: boolean;
|
|
612
|
+
avatar?: ReactNode;
|
|
613
|
+
icon?: ReactNode;
|
|
614
|
+
onDelete?: (event: MouseEvent<HTMLButtonElement>) => void;
|
|
615
|
+
onClick?: (event: MouseEvent<HTMLSpanElement>) => void;
|
|
616
|
+
sx?: OrbSxProps;
|
|
617
|
+
className?: string;
|
|
618
|
+
}
|
|
619
|
+
declare const CChip: react.ForwardRefExoticComponent<CChipProps & react.RefAttributes<HTMLSpanElement>>;
|
|
620
|
+
|
|
621
|
+
interface CBadgeProps {
|
|
622
|
+
/** Badge content — typically a count or short marker. */
|
|
623
|
+
badgeContent?: ReactNode;
|
|
624
|
+
/** Visual tone; `error` maps to the ORBIS deepened orange, per brand discipline. */
|
|
625
|
+
color?: 'primary' | 'error' | 'muted';
|
|
626
|
+
/** Anchor the badge to the top-right corner of the child. */
|
|
627
|
+
children?: ReactNode;
|
|
628
|
+
/** Hide the badge (keeps DOM for transitions). */
|
|
629
|
+
invisible?: boolean;
|
|
630
|
+
sx?: OrbSxProps;
|
|
631
|
+
className?: string;
|
|
632
|
+
}
|
|
633
|
+
/**
|
|
634
|
+
* Numeric/status badge. Without children it renders standalone;
|
|
635
|
+
* with children it anchors to their top-right corner.
|
|
636
|
+
*/
|
|
637
|
+
declare const CBadge: react.ForwardRefExoticComponent<CBadgeProps & react.RefAttributes<HTMLSpanElement>>;
|
|
638
|
+
|
|
639
|
+
interface CAvatarProps {
|
|
640
|
+
/** Text/initials or custom content. */
|
|
641
|
+
children?: ReactNode;
|
|
642
|
+
/** Image source — renders an <img> when provided. */
|
|
643
|
+
src?: string;
|
|
644
|
+
alt?: string;
|
|
645
|
+
/** Diameter in px (default 28 per reference). */
|
|
646
|
+
size?: number;
|
|
647
|
+
variant?: 'circular' | 'rounded' | 'square' | string;
|
|
648
|
+
sx?: OrbSxProps;
|
|
649
|
+
className?: string;
|
|
650
|
+
}
|
|
651
|
+
declare const CAvatar: react.ForwardRefExoticComponent<CAvatarProps & react.RefAttributes<HTMLSpanElement>>;
|
|
652
|
+
|
|
653
|
+
type CAlertSeverity = 'info' | 'success' | 'warning' | 'error';
|
|
654
|
+
interface CAlertProps {
|
|
655
|
+
severity?: CAlertSeverity;
|
|
656
|
+
/** Bold leading line. */
|
|
657
|
+
title?: ReactNode;
|
|
658
|
+
children?: ReactNode;
|
|
659
|
+
onClose?: () => void;
|
|
660
|
+
sx?: OrbSxProps;
|
|
661
|
+
className?: string;
|
|
662
|
+
}
|
|
663
|
+
/**
|
|
664
|
+
* ORBIS alert. Brand discipline: info/success use ORBIS blue,
|
|
665
|
+
* warning uses signal orange, error uses deepened orange — no green/red.
|
|
666
|
+
*/
|
|
667
|
+
declare const CAlert: react.ForwardRefExoticComponent<CAlertProps & react.RefAttributes<HTMLDivElement>>;
|
|
668
|
+
|
|
669
|
+
interface CProgressProps {
|
|
670
|
+
/** 0–100; omit for indeterminate animation. */
|
|
671
|
+
value?: number;
|
|
672
|
+
color?: string;
|
|
673
|
+
variant?: 'determinate' | 'indeterminate';
|
|
674
|
+
sx?: OrbSxProps;
|
|
675
|
+
className?: string;
|
|
676
|
+
}
|
|
677
|
+
/** Linear progress bar — ORBIS track + primary fill (4px, per reference). */
|
|
678
|
+
declare const CProgress: ({ value, variant, color, sx, className }: CProgressProps) => react.JSX.Element;
|
|
679
|
+
interface CSkeletonProps {
|
|
680
|
+
width?: number | string;
|
|
681
|
+
height?: number | string;
|
|
682
|
+
variant?: 'text' | 'rectangular' | 'circular';
|
|
683
|
+
sx?: CSSProperties;
|
|
684
|
+
className?: string;
|
|
685
|
+
}
|
|
686
|
+
declare const CSkeleton: ({ width, height, variant, sx, className }: CSkeletonProps) => react.JSX.Element;
|
|
687
|
+
interface CSpinnerProps {
|
|
688
|
+
size?: number;
|
|
689
|
+
/** Light spinner for primary-filled surfaces. */
|
|
690
|
+
onPrimary?: boolean;
|
|
691
|
+
sx?: CSSProperties;
|
|
692
|
+
className?: string;
|
|
693
|
+
}
|
|
694
|
+
declare const CSpinner: ({ size, onPrimary, sx, className }: CSpinnerProps) => react.JSX.Element;
|
|
695
|
+
|
|
696
|
+
interface CIconButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'style'> {
|
|
697
|
+
tooltip?: string;
|
|
698
|
+
size?: 'small' | 'medium';
|
|
699
|
+
/** Render in the primary color (e.g. active toggle state). */
|
|
700
|
+
active?: boolean;
|
|
701
|
+
edge?: 'start' | 'end' | false;
|
|
702
|
+
color?: string;
|
|
703
|
+
sx?: OrbSxProps;
|
|
704
|
+
}
|
|
705
|
+
declare const CIconButton: react.ForwardRefExoticComponent<CIconButtonProps & react.RefAttributes<HTMLButtonElement>>;
|
|
706
|
+
|
|
707
|
+
interface CSegmentedControlOption<TValue extends string = string> {
|
|
708
|
+
value: TValue;
|
|
709
|
+
label: string;
|
|
710
|
+
icon?: ReactNode;
|
|
711
|
+
disabled?: boolean;
|
|
712
|
+
}
|
|
713
|
+
interface CSegmentedControlProps<TValue extends string = string> extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'style'> {
|
|
714
|
+
value?: TValue | null;
|
|
715
|
+
options: readonly CSegmentedControlOption<TValue>[];
|
|
716
|
+
onValueChange: (value: TValue) => void;
|
|
717
|
+
size?: 'small' | 'medium';
|
|
718
|
+
sx?: OrbSxProps;
|
|
719
|
+
}
|
|
720
|
+
declare const CSegmentedControl: <TValue extends string = string>({ value, options, onValueChange, size, sx, className, ...rest }: CSegmentedControlProps<TValue>) => react.JSX.Element;
|
|
721
|
+
|
|
722
|
+
interface CTooltipProps {
|
|
723
|
+
title: ReactNode;
|
|
724
|
+
children: ReactNode;
|
|
725
|
+
/** Delay before showing (ms). */
|
|
726
|
+
enterDelay?: number;
|
|
727
|
+
side?: 'top' | 'right' | 'bottom' | 'left';
|
|
728
|
+
align?: 'start' | 'center' | 'end';
|
|
729
|
+
disabled?: boolean;
|
|
730
|
+
}
|
|
731
|
+
/**
|
|
732
|
+
* ORBIS tooltip — wraps children with a Radix tooltip styled by orbis.css.
|
|
733
|
+
* Children must be able to hold a ref (all ORBCAFE atoms do).
|
|
734
|
+
*/
|
|
735
|
+
declare const CTooltip: ({ title, children, enterDelay, side, align, disabled }: CTooltipProps) => react.JSX.Element;
|
|
736
|
+
|
|
737
|
+
interface CMenuItem {
|
|
738
|
+
label: ReactNode;
|
|
739
|
+
onClick?: () => void;
|
|
740
|
+
disabled?: boolean;
|
|
741
|
+
icon?: ReactNode;
|
|
742
|
+
}
|
|
743
|
+
interface CMenuProps {
|
|
744
|
+
triggerLabel?: ReactNode;
|
|
745
|
+
items?: CMenuItem[];
|
|
746
|
+
/** Custom trigger element — defaults to a neutral CButton. */
|
|
747
|
+
trigger?: ReactNode;
|
|
748
|
+
align?: 'start' | 'center' | 'end';
|
|
749
|
+
anchorEl?: HTMLElement | null;
|
|
750
|
+
open?: boolean;
|
|
751
|
+
onClose?: () => void;
|
|
752
|
+
children?: ReactNode;
|
|
753
|
+
slotProps?: {
|
|
754
|
+
paper?: {
|
|
755
|
+
sx?: OrbSxProps;
|
|
756
|
+
elevation?: number;
|
|
757
|
+
style?: CSSProperties;
|
|
758
|
+
};
|
|
759
|
+
};
|
|
760
|
+
PaperProps?: {
|
|
761
|
+
sx?: OrbSxProps;
|
|
762
|
+
elevation?: number;
|
|
763
|
+
style?: CSSProperties;
|
|
764
|
+
};
|
|
765
|
+
anchorReference?: string;
|
|
766
|
+
anchorPosition?: {
|
|
767
|
+
top: number;
|
|
768
|
+
left: number;
|
|
769
|
+
};
|
|
770
|
+
transformOrigin?: unknown;
|
|
771
|
+
anchorOrigin?: unknown;
|
|
772
|
+
sx?: OrbSxProps;
|
|
773
|
+
}
|
|
774
|
+
/**
|
|
775
|
+
* Dropdown menu built on Radix DropdownMenu with ORBIS styling.
|
|
776
|
+
* Keeps the historical triggerLabel/items API.
|
|
777
|
+
*/
|
|
778
|
+
declare const CMenu: ({ triggerLabel, items, trigger, align, anchorEl, open, onClose, children, slotProps, PaperProps, anchorPosition, sx }: CMenuProps) => react.JSX.Element | null;
|
|
779
|
+
|
|
780
|
+
interface CPaperProps extends Omit<HTMLAttributes<HTMLDivElement>, 'style'> {
|
|
781
|
+
/** 0 = flat bordered card; >0 = raised with quiet ORBIS shadow. */
|
|
782
|
+
elevation?: number;
|
|
783
|
+
variant?: 'outlined' | 'elevation' | string;
|
|
784
|
+
component?: ElementType;
|
|
785
|
+
sx?: OrbSxProps;
|
|
786
|
+
style?: CSSProperties;
|
|
787
|
+
}
|
|
788
|
+
declare const CPaper: react.ForwardRefExoticComponent<CPaperProps & react.RefAttributes<HTMLDivElement>>;
|
|
789
|
+
|
|
790
|
+
interface CDividerProps {
|
|
791
|
+
orientation?: 'horizontal' | 'vertical';
|
|
792
|
+
flexItem?: boolean;
|
|
793
|
+
sx?: OrbSxProps;
|
|
794
|
+
className?: string;
|
|
795
|
+
}
|
|
796
|
+
declare const CDivider: react.ForwardRefExoticComponent<CDividerProps & react.RefAttributes<HTMLHRElement>>;
|
|
797
|
+
|
|
798
|
+
/**
|
|
799
|
+
* ORBIS type scale (handoff §2):
|
|
800
|
+
* h1 32/600 · h2 24/600 · h3 19/600 · subtitle 16/500 ·
|
|
801
|
+
* body 16/300 · body2 14/300 · label 13/500 · caption 12/500 muted · overline 11/500 caps
|
|
802
|
+
*/
|
|
803
|
+
type CTypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle1' | 'subtitle2' | 'body1' | 'body2' | 'label' | 'caption' | 'overline' | 'inherit';
|
|
804
|
+
interface CTypographyProps extends Omit<HTMLAttributes<HTMLElement>, 'style'> {
|
|
805
|
+
variant?: CTypographyVariant;
|
|
806
|
+
component?: ElementType;
|
|
807
|
+
/** Muted (secondary) text color. */
|
|
808
|
+
muted?: boolean;
|
|
809
|
+
/** Right-aligned tabular numerals for data contexts. */
|
|
810
|
+
numeric?: boolean;
|
|
811
|
+
color?: string;
|
|
812
|
+
noWrap?: boolean;
|
|
813
|
+
fontWeight?: number | string;
|
|
814
|
+
children?: ReactNode;
|
|
815
|
+
sx?: OrbSxProps;
|
|
816
|
+
}
|
|
817
|
+
declare const CTypography: react.ForwardRefExoticComponent<CTypographyProps & react.RefAttributes<HTMLElement>>;
|
|
818
|
+
|
|
819
|
+
interface CStackProps extends Omit<HTMLAttributes<HTMLDivElement>, 'style'> {
|
|
820
|
+
/** Flex direction, including responsive values. */
|
|
821
|
+
direction?: OrbResponsive<'row' | 'column' | 'row-reverse' | 'column-reverse'>;
|
|
822
|
+
/** Gap in 8px units or as a raw CSS length. */
|
|
823
|
+
spacing?: number | string;
|
|
824
|
+
alignItems?: OrbResponsive<CSSProperties['alignItems']>;
|
|
825
|
+
justifyContent?: OrbResponsive<CSSProperties['justifyContent']>;
|
|
826
|
+
flexWrap?: OrbResponsive<CSSProperties['flexWrap']>;
|
|
827
|
+
flex?: OrbResponsive<CSSProperties['flex']>;
|
|
828
|
+
useFlexGap?: boolean;
|
|
829
|
+
sx?: OrbSxProps;
|
|
830
|
+
children?: ReactNode;
|
|
831
|
+
}
|
|
832
|
+
/**
|
|
833
|
+
* Minimal ORBIS flex stack.
|
|
834
|
+
* `spacing={2}` means 16px using the shared 8px unit.
|
|
835
|
+
*/
|
|
836
|
+
declare const CStack: react.ForwardRefExoticComponent<CStackProps & react.RefAttributes<HTMLDivElement>>;
|
|
837
|
+
|
|
838
|
+
interface CDialogProps {
|
|
839
|
+
open: boolean;
|
|
840
|
+
onClose?: () => void;
|
|
841
|
+
title?: ReactNode;
|
|
842
|
+
children?: ReactNode;
|
|
843
|
+
/** Footer action row. */
|
|
844
|
+
actions?: ReactNode;
|
|
845
|
+
/** Max content width (default 560). */
|
|
846
|
+
maxWidth?: number | string;
|
|
847
|
+
fullWidth?: boolean;
|
|
848
|
+
fullScreen?: boolean;
|
|
849
|
+
PaperProps?: {
|
|
850
|
+
sx?: OrbSxProps;
|
|
851
|
+
};
|
|
852
|
+
slotProps?: {
|
|
853
|
+
paper?: {
|
|
854
|
+
sx?: OrbSxProps;
|
|
855
|
+
};
|
|
856
|
+
};
|
|
857
|
+
disableRestoreFocus?: boolean;
|
|
858
|
+
keepMounted?: boolean;
|
|
859
|
+
hideCloseButton?: boolean;
|
|
860
|
+
sx?: OrbSxProps;
|
|
861
|
+
className?: string;
|
|
862
|
+
}
|
|
863
|
+
/**
|
|
864
|
+
* ORBIS dialog — Radix Dialog (focus trap, ESC, portal) + orbis.css chrome.
|
|
865
|
+
* Accessible ORBIS dialog with title, content and action regions.
|
|
866
|
+
*/
|
|
867
|
+
declare const CDialog: ({ open, onClose, title, children, actions, maxWidth, fullWidth, fullScreen, PaperProps, slotProps, disableRestoreFocus: _disableRestoreFocus, keepMounted: _keepMounted, hideCloseButton, sx, className, }: CDialogProps) => react.JSX.Element;
|
|
868
|
+
|
|
869
|
+
interface CPopoverProps {
|
|
870
|
+
open?: boolean;
|
|
871
|
+
defaultOpen?: boolean;
|
|
872
|
+
onOpenChange?: (open: boolean) => void;
|
|
873
|
+
/** Element the popover anchors to. */
|
|
874
|
+
trigger: ReactNode;
|
|
875
|
+
children?: ReactNode;
|
|
876
|
+
align?: 'start' | 'center' | 'end';
|
|
877
|
+
side?: 'top' | 'right' | 'bottom' | 'left';
|
|
878
|
+
sideOffset?: number;
|
|
879
|
+
/** Match the trigger width (for select-like popovers). */
|
|
880
|
+
matchTriggerWidth?: boolean;
|
|
881
|
+
sx?: CSSProperties;
|
|
882
|
+
className?: string;
|
|
883
|
+
}
|
|
884
|
+
/** ORBIS popover — Radix Popover + orbis.css chrome. */
|
|
885
|
+
declare const CPopover: ({ open, defaultOpen, onOpenChange, trigger, children, align, side, sideOffset, matchTriggerWidth, sx, className, }: CPopoverProps) => react.JSX.Element;
|
|
886
|
+
|
|
887
|
+
interface CTabItem {
|
|
888
|
+
value: string;
|
|
889
|
+
label: ReactNode;
|
|
890
|
+
disabled?: boolean;
|
|
891
|
+
icon?: ReactNode;
|
|
892
|
+
}
|
|
893
|
+
interface CTabsProps {
|
|
894
|
+
items: CTabItem[];
|
|
895
|
+
value?: string;
|
|
896
|
+
defaultValue?: string;
|
|
897
|
+
onChange?: (value: string) => void;
|
|
898
|
+
sx?: CSSProperties;
|
|
899
|
+
className?: string;
|
|
900
|
+
}
|
|
901
|
+
/**
|
|
902
|
+
* Underline tabs — active tab gets primary text + 2px primary underline
|
|
903
|
+
* (handoff §3). Arrow-key navigation included.
|
|
904
|
+
*/
|
|
905
|
+
declare const CTabs: ({ items, value, defaultValue, onChange, sx, className }: CTabsProps) => react.JSX.Element;
|
|
906
|
+
|
|
907
|
+
interface CCalendarProps {
|
|
908
|
+
/** Selected day (single mode). */
|
|
909
|
+
value?: Dayjs | null;
|
|
910
|
+
/** Range mode: start/end selection. */
|
|
911
|
+
rangeStart?: Dayjs | null;
|
|
912
|
+
rangeEnd?: Dayjs | null;
|
|
913
|
+
onChange?: (day: Dayjs) => void;
|
|
914
|
+
/** Visible month — controlled. */
|
|
915
|
+
month?: Dayjs;
|
|
916
|
+
defaultMonth?: Dayjs;
|
|
917
|
+
onMonthChange?: (month: Dayjs) => void;
|
|
918
|
+
minDate?: Dayjs;
|
|
919
|
+
maxDate?: Dayjs;
|
|
920
|
+
/** Hide days outside the visible month. */
|
|
921
|
+
fixedWeekNumber?: boolean;
|
|
922
|
+
locale?: string;
|
|
923
|
+
renderDay?: (day: Dayjs, state: {
|
|
924
|
+
outsideCurrentMonth: boolean;
|
|
925
|
+
selected: boolean;
|
|
926
|
+
today: boolean;
|
|
927
|
+
disabled: boolean;
|
|
928
|
+
}) => ReactNode;
|
|
929
|
+
}
|
|
930
|
+
/**
|
|
931
|
+
* Month-grid calendar styled per orbis.css (.orb-cal-*).
|
|
932
|
+
* ORBIS calendar primitive. Dayjs in, Dayjs out.
|
|
933
|
+
*/
|
|
934
|
+
declare const CCalendar: ({ value, rangeStart, rangeEnd, onChange, month, defaultMonth, onMonthChange, minDate, maxDate, locale, renderDay, }: CCalendarProps) => react.JSX.Element;
|
|
935
|
+
|
|
936
|
+
interface CDatePickerProps {
|
|
937
|
+
label?: ReactNode;
|
|
938
|
+
value?: Dayjs | null;
|
|
939
|
+
defaultValue?: Dayjs | null;
|
|
940
|
+
onChange?: (value: Dayjs | null) => void;
|
|
941
|
+
minDate?: Dayjs;
|
|
942
|
+
maxDate?: Dayjs;
|
|
943
|
+
disabled?: boolean;
|
|
944
|
+
/** dayjs display format (default YYYY-MM-DD). */
|
|
945
|
+
format?: string;
|
|
946
|
+
placeholder?: string;
|
|
947
|
+
locale?: string;
|
|
948
|
+
dense?: boolean;
|
|
949
|
+
error?: boolean | string;
|
|
950
|
+
helperText?: ReactNode;
|
|
951
|
+
sx?: CSSProperties;
|
|
952
|
+
className?: string;
|
|
953
|
+
}
|
|
954
|
+
/**
|
|
955
|
+
* ORBIS date picker — text field + calendar popover (CCalendar).
|
|
956
|
+
* ORBIS date picker; values stay Dayjs objects.
|
|
957
|
+
*/
|
|
958
|
+
declare const CDatePicker: ({ label, value, defaultValue, onChange, minDate, maxDate, disabled, format, placeholder, locale, dense, error, helperText, sx, className, }: CDatePickerProps) => react.JSX.Element;
|
|
959
|
+
|
|
960
|
+
interface CFileUploadProps {
|
|
961
|
+
onFilesSelected?: (files: File[]) => void;
|
|
962
|
+
multiple?: boolean;
|
|
963
|
+
accept?: string;
|
|
964
|
+
maxSize?: number;
|
|
965
|
+
title?: string;
|
|
966
|
+
subtitle?: string;
|
|
967
|
+
sx?: CSSProperties;
|
|
968
|
+
}
|
|
969
|
+
declare const CFileUpload: react__default.FC<CFileUploadProps>;
|
|
970
|
+
|
|
971
|
+
/**
|
|
972
|
+
* @file 10_Frontend/components/ui/molecules/tree-menu.tsx
|
|
973
|
+
*
|
|
974
|
+
* @summary Core frontend tree-menu module for the ORBAI Core project
|
|
975
|
+
* @author ORBAICODER
|
|
976
|
+
* @version 1.0.0
|
|
977
|
+
* @date 2025-01-19
|
|
978
|
+
*
|
|
979
|
+
* @description
|
|
980
|
+
* This file is responsible for:
|
|
981
|
+
* - Implementing tree-menu functionality within frontend workflows
|
|
982
|
+
* - Integrating with shared ORBAI Core application processes under frontend
|
|
983
|
+
*
|
|
984
|
+
* @logic
|
|
985
|
+
* 1. Import required dependencies and configuration
|
|
986
|
+
* 2. Execute the primary logic for tree-menu
|
|
987
|
+
* 3. Export the resulting APIs, hooks, or components for reuse
|
|
988
|
+
*
|
|
989
|
+
* @changelog
|
|
990
|
+
* V1.0.0 - 2025-01-19 - Initial creation
|
|
991
|
+
*/
|
|
8
992
|
|
|
9
993
|
interface TreeMenuItem {
|
|
10
994
|
id: string;
|
|
11
995
|
title?: string;
|
|
12
996
|
label?: string;
|
|
13
997
|
description?: string;
|
|
14
|
-
icon?:
|
|
998
|
+
icon?: react__default.ReactNode;
|
|
15
999
|
href?: string;
|
|
16
1000
|
appurl?: string;
|
|
17
1001
|
children?: TreeMenuItem[];
|
|
@@ -31,7 +1015,26 @@ interface TreeMenuProps {
|
|
|
31
1015
|
pinnedIds?: Set<string>;
|
|
32
1016
|
onTogglePin?: (item: TreeMenuItem) => void;
|
|
33
1017
|
}
|
|
34
|
-
declare function TreeMenu({ items, onItemClick, className, level, expandedIds, onToggleExpand, colorMode, enablePinning, pinnedIds, onTogglePin, }: TreeMenuProps):
|
|
1018
|
+
declare function TreeMenu({ items, onItemClick, className, level, expandedIds, onToggleExpand, colorMode, enablePinning, pinnedIds, onTogglePin, }: TreeMenuProps): react__default.JSX.Element;
|
|
1019
|
+
|
|
1020
|
+
type NavigationIslandDisplayMode = 'fixed' | 'floating';
|
|
1021
|
+
interface NavigationIslandProps {
|
|
1022
|
+
collapsed: boolean;
|
|
1023
|
+
onToggle: () => void;
|
|
1024
|
+
className?: string;
|
|
1025
|
+
maxHeight?: number;
|
|
1026
|
+
menuData?: TreeMenuItem[];
|
|
1027
|
+
colorMode?: 'light' | 'dark';
|
|
1028
|
+
displayMode?: NavigationIslandDisplayMode;
|
|
1029
|
+
onDisplayModeChange?: (mode: NavigationIslandDisplayMode) => void;
|
|
1030
|
+
showDisplayModeToggle?: boolean;
|
|
1031
|
+
enablePinning?: boolean;
|
|
1032
|
+
pinStorageKey?: string;
|
|
1033
|
+
pinnedItemIds?: string[];
|
|
1034
|
+
defaultPinnedItemIds?: string[];
|
|
1035
|
+
onPinnedItemIdsChange?: (ids: string[]) => void;
|
|
1036
|
+
pinnedSectionTitle?: string;
|
|
1037
|
+
}
|
|
35
1038
|
|
|
36
1039
|
/**
|
|
37
1040
|
* @file 10_Frontend/components/ui/molecules/navigation-island.tsx
|
|
@@ -55,35 +1058,21 @@ declare function TreeMenu({ items, onItemClick, className, level, expandedIds, o
|
|
|
55
1058
|
* V1.0.0 - 2025-01-19 - Initial creation
|
|
56
1059
|
*/
|
|
57
1060
|
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
maxHeight?: number;
|
|
64
|
-
menuData?: TreeMenuItem[];
|
|
65
|
-
colorMode?: 'light' | 'dark';
|
|
66
|
-
displayMode?: NavigationIslandDisplayMode;
|
|
67
|
-
onDisplayModeChange?: (mode: NavigationIslandDisplayMode) => void;
|
|
68
|
-
showDisplayModeToggle?: boolean;
|
|
69
|
-
enablePinning?: boolean;
|
|
70
|
-
pinStorageKey?: string;
|
|
71
|
-
pinnedItemIds?: string[];
|
|
72
|
-
defaultPinnedItemIds?: string[];
|
|
73
|
-
onPinnedItemIdsChange?: (ids: string[]) => void;
|
|
74
|
-
pinnedSectionTitle?: string;
|
|
75
|
-
}
|
|
76
|
-
declare const NavigationIsland: React__default.FC<NavigationIslandProps>;
|
|
1061
|
+
declare const NavigationIsland: react__default.FC<NavigationIslandProps>;
|
|
1062
|
+
|
|
1063
|
+
type NavigationIsland2Props = NavigationIslandProps;
|
|
1064
|
+
/** Independent ORBIS navigation implementation using the offline SAP icon font. */
|
|
1065
|
+
declare const NavigationIsland2: react__default.FC<NavigationIsland2Props>;
|
|
77
1066
|
|
|
78
1067
|
declare const buttonVariants: (props?: ({
|
|
79
|
-
variant?: "
|
|
80
|
-
size?: "
|
|
81
|
-
rounded?: "sm" | "
|
|
1068
|
+
variant?: "link" | "default" | "secondary" | "ghost" | "outline" | "destructive" | "chat-tool" | "chat-send" | "chat-stop" | "chat-disabled" | null | undefined;
|
|
1069
|
+
size?: "sm" | "lg" | "default" | "icon" | "chat-sm" | "chat-md" | "chat-lg" | null | undefined;
|
|
1070
|
+
rounded?: "sm" | "md" | "none" | "full" | null | undefined;
|
|
82
1071
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
83
|
-
interface ButtonProps extends
|
|
1072
|
+
interface ButtonProps extends react.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
84
1073
|
asChild?: boolean;
|
|
85
1074
|
}
|
|
86
|
-
declare const Button:
|
|
1075
|
+
declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
|
|
87
1076
|
|
|
88
1077
|
interface UseNavigationIslandOptions {
|
|
89
1078
|
initialCollapsed?: boolean;
|
|
@@ -146,42 +1135,10 @@ declare const message: {
|
|
|
146
1135
|
hide: () => void;
|
|
147
1136
|
};
|
|
148
1137
|
|
|
149
|
-
/**
|
|
150
|
-
* @file 10_Frontend/components/sap/ui/Common/Molecules/CMessageBox.tsx
|
|
151
|
-
*
|
|
152
|
-
* @summary Core frontend CMessageBox module for the ORBAI Core project
|
|
153
|
-
* @author ORBAICODER
|
|
154
|
-
* @version 1.0.0
|
|
155
|
-
* @date 2025-01-19
|
|
156
|
-
*
|
|
157
|
-
* @description
|
|
158
|
-
* This file is responsible for:
|
|
159
|
-
* - Implementing CMessageBox functionality within frontend workflows
|
|
160
|
-
* - Integrating with shared ORBAI Core application processes under frontend
|
|
161
|
-
*
|
|
162
|
-
* @logic
|
|
163
|
-
* 1. Import required dependencies and configuration
|
|
164
|
-
* 2. Execute the primary logic for CMessageBox
|
|
165
|
-
* 3. Export the resulting APIs, hooks, or components for reuse
|
|
166
|
-
*
|
|
167
|
-
* @changelog
|
|
168
|
-
* V1.0.0 - 2025-01-19 - Initial creation
|
|
169
|
-
*/
|
|
170
|
-
/**
|
|
171
|
-
* File Overview
|
|
172
|
-
*
|
|
173
|
-
* START CODING
|
|
174
|
-
*
|
|
175
|
-
* --------------------------
|
|
176
|
-
* SECTION 1: CMessageBox Core Logic
|
|
177
|
-
* Section overview and description.
|
|
178
|
-
* --------------------------
|
|
179
|
-
*/
|
|
180
|
-
|
|
181
1138
|
interface CMessageBoxProps {
|
|
182
1139
|
open: boolean;
|
|
183
1140
|
title?: string;
|
|
184
|
-
message?: string |
|
|
1141
|
+
message?: string | react__default.ReactNode;
|
|
185
1142
|
onClose: () => void;
|
|
186
1143
|
onConfirm?: () => void;
|
|
187
1144
|
confirmText?: string;
|
|
@@ -190,8 +1147,79 @@ interface CMessageBoxProps {
|
|
|
190
1147
|
maxWidth?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
191
1148
|
type?: CMessageBoxType;
|
|
192
1149
|
}
|
|
193
|
-
declare const CMessageBox:
|
|
194
|
-
declare const GlobalMessage:
|
|
1150
|
+
declare const CMessageBox: react__default.FC<CMessageBoxProps>;
|
|
1151
|
+
declare const GlobalMessage: react__default.FC;
|
|
1152
|
+
|
|
1153
|
+
interface CStatusBadgeProps {
|
|
1154
|
+
status: 'OK' | 'Error' | 'Warning' | string;
|
|
1155
|
+
showIcon?: boolean;
|
|
1156
|
+
}
|
|
1157
|
+
declare const CStatusBadge: ({ status, showIcon }: CStatusBadgeProps) => react.JSX.Element;
|
|
1158
|
+
|
|
1159
|
+
interface CListProps extends HTMLAttributes<HTMLUListElement> {
|
|
1160
|
+
dense?: boolean;
|
|
1161
|
+
sx?: CSSProperties;
|
|
1162
|
+
}
|
|
1163
|
+
declare const CList: ({ dense, sx, className, children, ...props }: CListProps) => react.JSX.Element;
|
|
1164
|
+
interface CListItemProps extends HTMLAttributes<HTMLLIElement> {
|
|
1165
|
+
button?: boolean;
|
|
1166
|
+
divider?: boolean;
|
|
1167
|
+
sx?: CSSProperties;
|
|
1168
|
+
}
|
|
1169
|
+
declare const CListItem: ({ button, divider, sx, className, children, ...props }: CListItemProps) => react.JSX.Element;
|
|
1170
|
+
interface CListItemButtonProps extends HTMLAttributes<HTMLButtonElement> {
|
|
1171
|
+
sx?: CSSProperties;
|
|
1172
|
+
}
|
|
1173
|
+
declare const CListItemButton: ({ sx, className, children, ...props }: CListItemButtonProps) => react.JSX.Element;
|
|
1174
|
+
interface CListItemIconProps {
|
|
1175
|
+
children: ReactNode;
|
|
1176
|
+
sx?: CSSProperties;
|
|
1177
|
+
}
|
|
1178
|
+
declare const CListItemIcon: ({ children, sx }: CListItemIconProps) => react.JSX.Element;
|
|
1179
|
+
interface CListItemTextProps {
|
|
1180
|
+
primary: ReactNode;
|
|
1181
|
+
secondary?: ReactNode;
|
|
1182
|
+
sx?: CSSProperties;
|
|
1183
|
+
}
|
|
1184
|
+
declare const CListItemText: ({ primary, secondary, sx }: CListItemTextProps) => react.JSX.Element;
|
|
1185
|
+
interface CListSubheaderProps extends HTMLAttributes<HTMLLIElement> {
|
|
1186
|
+
sx?: CSSProperties;
|
|
1187
|
+
}
|
|
1188
|
+
declare const CListSubheader: ({ sx, className, children, ...props }: CListSubheaderProps) => react.JSX.Element;
|
|
1189
|
+
interface CListItemAvatarProps {
|
|
1190
|
+
children: ReactNode;
|
|
1191
|
+
sx?: CSSProperties;
|
|
1192
|
+
}
|
|
1193
|
+
declare const CListItemAvatar: ({ children, sx }: CListItemAvatarProps) => react.JSX.Element;
|
|
1194
|
+
|
|
1195
|
+
interface CFilterFieldProps extends HTMLAttributes<HTMLDivElement> {
|
|
1196
|
+
xs?: number;
|
|
1197
|
+
md?: number;
|
|
1198
|
+
lg?: number;
|
|
1199
|
+
sx?: CSSProperties;
|
|
1200
|
+
children?: ReactNode;
|
|
1201
|
+
}
|
|
1202
|
+
declare const CFilterField: ({ xs, md, lg, sx, children, className, ...props }: CFilterFieldProps) => react.JSX.Element;
|
|
1203
|
+
|
|
1204
|
+
type SxProps<T = OrbCompatTheme> = OrbSxProps | ((theme: T) => OrbSxObject);
|
|
1205
|
+
type Theme = OrbCompatTheme;
|
|
1206
|
+
interface LooseProps {
|
|
1207
|
+
[key: string]: unknown;
|
|
1208
|
+
children?: ReactNode;
|
|
1209
|
+
className?: string;
|
|
1210
|
+
style?: CSSProperties;
|
|
1211
|
+
sx?: OrbSxProps;
|
|
1212
|
+
component?: ElementType;
|
|
1213
|
+
}
|
|
1214
|
+
type TableCellProps = LooseProps & {
|
|
1215
|
+
align?: 'inherit' | 'left' | 'center' | 'right' | 'justify';
|
|
1216
|
+
padding?: 'normal' | 'checkbox' | 'none';
|
|
1217
|
+
};
|
|
1218
|
+
type TextFieldProps = Parameters<typeof CTextField>[0] & {
|
|
1219
|
+
size?: 'small' | 'medium';
|
|
1220
|
+
select?: boolean;
|
|
1221
|
+
children?: ReactNode;
|
|
1222
|
+
};
|
|
195
1223
|
|
|
196
1224
|
type CValueHelpPrimitive = string | number;
|
|
197
1225
|
type CValueHelpMode = 'single' | 'multiple';
|
|
@@ -231,7 +1259,7 @@ interface CValueHelpProps<TRecord extends CValueHelpRecord = CValueHelpRecord> e
|
|
|
231
1259
|
onChange?: (value: CValueHelpSelectionValue, selection: TRecord | TRecord[] | null) => void;
|
|
232
1260
|
onSearch?: (query: string) => Promise<TRecord[] | void> | TRecord[] | void;
|
|
233
1261
|
}
|
|
234
|
-
declare const CValueHelp: <TRecord extends CValueHelpRecord = CValueHelpRecord>({ value, items, columns, mode, dialogTitle, searchPlaceholder, selectLabel, clearLabel, cancelLabel, valueHelpLabel, noResultsText, loading, clearable, allowManualInput, validateManualInput, manualInputErrorText, selectedItems, displayValue, getOptionValue, getOptionLabel, getOptionDescription, onChange, onSearch, disabled, InputProps, onFocus, onBlur, onKeyDown, error, helperText, ...textFieldProps }: CValueHelpProps<TRecord>) =>
|
|
1262
|
+
declare const CValueHelp: <TRecord extends CValueHelpRecord = CValueHelpRecord>({ value, items, columns, mode, dialogTitle, searchPlaceholder, selectLabel, clearLabel, cancelLabel, valueHelpLabel, noResultsText, loading, clearable, allowManualInput, validateManualInput, manualInputErrorText, selectedItems, displayValue, getOptionValue, getOptionLabel, getOptionDescription, onChange, onSearch, disabled, InputProps, onFocus, onBlur, onKeyDown, error, helperText, ...textFieldProps }: CValueHelpProps<TRecord>) => react.JSX.Element;
|
|
235
1263
|
|
|
236
1264
|
interface CustomizeAgentSettings {
|
|
237
1265
|
baseUrl: string;
|
|
@@ -488,6 +1516,18 @@ interface CTableBodyProps {
|
|
|
488
1516
|
rowKeyProp?: string;
|
|
489
1517
|
page?: number;
|
|
490
1518
|
rowsPerPage?: number;
|
|
1519
|
+
emptyLabel?: ReactNode;
|
|
1520
|
+
getRowDataKey?: (context: CTableBodyRowContext) => string | undefined;
|
|
1521
|
+
getRowProps?: (context: CTableBodyRowContext) => HTMLAttributes<HTMLTableRowElement>;
|
|
1522
|
+
getGroupRowProps?: (context: CTableBodyRowContext) => HTMLAttributes<HTMLTableRowElement>;
|
|
1523
|
+
}
|
|
1524
|
+
interface CTableBodyRowContext {
|
|
1525
|
+
entry: any;
|
|
1526
|
+
data: any;
|
|
1527
|
+
id: any;
|
|
1528
|
+
index: number;
|
|
1529
|
+
selected: boolean;
|
|
1530
|
+
group: boolean;
|
|
491
1531
|
}
|
|
492
1532
|
interface CTableCellProps {
|
|
493
1533
|
children?: React.ReactNode;
|
|
@@ -539,7 +1579,7 @@ interface CVariantManagementProps {
|
|
|
539
1579
|
onDelete: (id: string) => void;
|
|
540
1580
|
onSetDefault: (id: string) => void;
|
|
541
1581
|
}
|
|
542
|
-
declare const CVariantManagement: ({ variants, currentVariantId, onLoad, onSave, onDelete, onSetDefault }: CVariantManagementProps) =>
|
|
1582
|
+
declare const CVariantManagement: ({ variants, currentVariantId, onLoad, onSave, onDelete, onSetDefault }: CVariantManagementProps) => react.JSX.Element;
|
|
543
1583
|
|
|
544
1584
|
/**
|
|
545
1585
|
* @file 10_Frontend/components/sap/ui/Common/PageComponents/CVariantManager.tsx
|
|
@@ -580,7 +1620,7 @@ interface CVariantManagerProps {
|
|
|
580
1620
|
currentVariantId?: string;
|
|
581
1621
|
onVariantChange?: (variantId: string) => void;
|
|
582
1622
|
}
|
|
583
|
-
declare const CVariantManager:
|
|
1623
|
+
declare const CVariantManager: react__default.FC<CVariantManagerProps>;
|
|
584
1624
|
|
|
585
1625
|
type FilterType = 'text' | 'number' | 'date' | 'select' | 'multi-select' | 'value-help';
|
|
586
1626
|
type TextOperator = 'equals' | 'contains' | 'notContains' | 'wildcard';
|
|
@@ -634,7 +1674,7 @@ interface CSmartFilterProps {
|
|
|
634
1674
|
*
|
|
635
1675
|
* Renders a filter bar with "Go" button, variant management, and "Adapt Filters" capability.
|
|
636
1676
|
*/
|
|
637
|
-
declare const CSmartFilter: ({ fields, filters, onFilterChange, variants, currentVariantId, onVariantLoad, onVariantSave, onVariantDelete, onVariantSetDefault, onSearch, loading, appId, tableKey, currentLayout, currentLayoutId, layoutRefs, variantService, serviceUrl }: CSmartFilterProps) =>
|
|
1677
|
+
declare const CSmartFilter: ({ fields, filters, onFilterChange, variants, currentVariantId, onVariantLoad, onVariantSave, onVariantDelete, onVariantSetDefault, onSearch, loading, appId, tableKey, currentLayout, currentLayoutId, layoutRefs, variantService, serviceUrl }: CSmartFilterProps) => react.JSX.Element;
|
|
638
1678
|
|
|
639
1679
|
interface CStandardPageProps {
|
|
640
1680
|
/**
|
|
@@ -652,7 +1692,7 @@ interface CStandardPageProps {
|
|
|
652
1692
|
/** Props for the CTable (excluding filterConfig) */
|
|
653
1693
|
tableProps: Omit<CTableProps, 'filterConfig'>;
|
|
654
1694
|
/** Additional content (Dialogs, Snackbars, etc.) */
|
|
655
|
-
children?:
|
|
1695
|
+
children?: react__default.ReactNode;
|
|
656
1696
|
/**
|
|
657
1697
|
* Spacing between Filter and Table
|
|
658
1698
|
* Default: 1 (8px) - Much tighter than default CTable behavior
|
|
@@ -667,35 +1707,13 @@ interface CStandardPageProps {
|
|
|
667
1707
|
*/
|
|
668
1708
|
mode?: 'separated' | 'integrated';
|
|
669
1709
|
}
|
|
670
|
-
declare const CStandardPage: ({ id, title, hideHeader, filterConfig, tableProps, children, spacing, mode }: CStandardPageProps) =>
|
|
671
|
-
|
|
672
|
-
/**
|
|
673
|
-
* @file 10_Frontend/components/sap/ui/Common/Structures/CTable.tsx
|
|
674
|
-
*
|
|
675
|
-
* @summary Core frontend CTable module for the ORBAI Core project
|
|
676
|
-
* @author ORBAICODER
|
|
677
|
-
* @version 1.0.0
|
|
678
|
-
* @date 2025-01-19
|
|
679
|
-
*
|
|
680
|
-
* @description
|
|
681
|
-
* This file is responsible for:
|
|
682
|
-
* - Implementing CTable functionality within frontend workflows
|
|
683
|
-
* - Integrating with shared ORBAI Core application processes under frontend
|
|
684
|
-
*
|
|
685
|
-
* @logic
|
|
686
|
-
* 1. Import required dependencies and configuration
|
|
687
|
-
* 2. Execute the primary logic for CTable
|
|
688
|
-
* 3. Export the resulting APIs, hooks, or components for reuse
|
|
689
|
-
*
|
|
690
|
-
* @changelog
|
|
691
|
-
* V1.0.0 - 2025-01-19 - Initial creation
|
|
692
|
-
*/
|
|
1710
|
+
declare const CStandardPage: ({ id, title, hideHeader, filterConfig, tableProps, children, spacing, mode }: CStandardPageProps) => react__default.JSX.Element;
|
|
693
1711
|
|
|
694
|
-
declare const CTableBody:
|
|
695
|
-
declare const CTableCell:
|
|
696
|
-
declare const CTableContainer:
|
|
697
|
-
declare const CTableHead:
|
|
698
|
-
declare const CTableRow:
|
|
1712
|
+
declare const CTableBody: react__default.FC<any>;
|
|
1713
|
+
declare const CTableCell: react__default.FC<CTableCellProps>;
|
|
1714
|
+
declare const CTableContainer: react__default.FC<CTableContainerProps>;
|
|
1715
|
+
declare const CTableHead: react__default.FC<any>;
|
|
1716
|
+
declare const CTableRow: react__default.FC<CTableRowProps>;
|
|
699
1717
|
/**
|
|
700
1718
|
* --------------------------
|
|
701
1719
|
* SECTION 2: CTable Component
|
|
@@ -727,30 +1745,8 @@ declare const CTableRow: React__default.FC<CTableRowProps>;
|
|
|
727
1745
|
* Used for loading saved variants.
|
|
728
1746
|
* @param props.filterConfig - Optional configuration to enable integrated Smart Filter Bar.
|
|
729
1747
|
*/
|
|
730
|
-
declare const CTable:
|
|
731
|
-
declare const CSmartTable:
|
|
732
|
-
|
|
733
|
-
/**
|
|
734
|
-
* @file 10_Frontend/components/sap/ui/Common/Molecules/CLayoutManagement.tsx
|
|
735
|
-
*
|
|
736
|
-
* @summary Core frontend CLayoutManagement module for the ORBAI Core project
|
|
737
|
-
* @author ORBAICODER
|
|
738
|
-
* @version 1.0.0
|
|
739
|
-
* @date 2026-01-06
|
|
740
|
-
*
|
|
741
|
-
* @description
|
|
742
|
-
* This file is responsible for:
|
|
743
|
-
* - Implementing CLayoutManagement functionality within frontend workflows
|
|
744
|
-
* - Integrating with shared ORBAI Core application processes under frontend
|
|
745
|
-
*
|
|
746
|
-
* @logic
|
|
747
|
-
* 1. Import required dependencies and configuration
|
|
748
|
-
* 2. Execute the primary logic for CLayoutManagement
|
|
749
|
-
* 3. Export the resulting APIs, hooks, or components for reuse
|
|
750
|
-
*
|
|
751
|
-
* @changelog
|
|
752
|
-
* V1.0.0 - 2026-01-06 - Initial creation
|
|
753
|
-
*/
|
|
1748
|
+
declare const CTable: react__default.FC<CTableProps>;
|
|
1749
|
+
declare const CSmartTable: react__default.FC<CTableProps>;
|
|
754
1750
|
|
|
755
1751
|
interface LayoutMetadata {
|
|
756
1752
|
id: string;
|
|
@@ -778,7 +1774,7 @@ interface CLayoutManagementProps {
|
|
|
778
1774
|
* 2. Load existing layouts.
|
|
779
1775
|
* 3. Manage layouts (Delete, Set Default).
|
|
780
1776
|
*/
|
|
781
|
-
declare const CLayoutManagement:
|
|
1777
|
+
declare const CLayoutManagement: react__default.FC<CLayoutManagementProps>;
|
|
782
1778
|
|
|
783
1779
|
/**
|
|
784
1780
|
* @file 10_Frontend/components/sap/ui/Common/PageComponents/CLayoutManager.tsx
|
|
@@ -797,14 +1793,14 @@ interface CLayoutManagerProps {
|
|
|
797
1793
|
onError?: (message: string) => void;
|
|
798
1794
|
onSuccess?: (message: string) => void;
|
|
799
1795
|
}
|
|
800
|
-
declare const CLayoutManager:
|
|
1796
|
+
declare const CLayoutManager: react__default.FC<CLayoutManagerProps>;
|
|
801
1797
|
|
|
802
1798
|
interface CPageLayoutProps {
|
|
803
1799
|
title: string;
|
|
804
1800
|
hideHeader?: boolean;
|
|
805
|
-
children?:
|
|
1801
|
+
children?: react__default.ReactNode;
|
|
806
1802
|
}
|
|
807
|
-
declare const CPageLayout: ({ title, hideHeader, children }: CPageLayoutProps) =>
|
|
1803
|
+
declare const CPageLayout: ({ title, hideHeader, children }: CPageLayoutProps) => react__default.JSX.Element;
|
|
808
1804
|
|
|
809
1805
|
interface ReportColumn {
|
|
810
1806
|
id: string;
|
|
@@ -907,7 +1903,7 @@ interface CGraphReportProps {
|
|
|
907
1903
|
};
|
|
908
1904
|
aiAssistant?: GraphReportConfig['aiAssistant'];
|
|
909
1905
|
}
|
|
910
|
-
declare const CGraphReport: ({ open, onClose, model, tableContent, extraCharts, interaction, aiAssistant, }: CGraphReportProps) =>
|
|
1906
|
+
declare const CGraphReport: ({ open, onClose, model, tableContent, extraCharts, interaction, aiAssistant, }: CGraphReportProps) => react.JSX.Element;
|
|
911
1907
|
|
|
912
1908
|
interface UseGraphReportOptions {
|
|
913
1909
|
rows: GraphRow[];
|
|
@@ -971,19 +1967,19 @@ interface CGraphChartsProps {
|
|
|
971
1967
|
onStatusClick?: (value: string) => void;
|
|
972
1968
|
};
|
|
973
1969
|
}
|
|
974
|
-
declare const CGraphCharts: ({ billableByPrimary, efficiencyBySecondary, statusDistribution, interaction, }: CGraphChartsProps) =>
|
|
1970
|
+
declare const CGraphCharts: ({ billableByPrimary, efficiencyBySecondary, statusDistribution, interaction, }: CGraphChartsProps) => react.JSX.Element;
|
|
975
1971
|
|
|
976
1972
|
interface CGraphKpiCardsProps {
|
|
977
1973
|
kpis: GraphReportKpis;
|
|
978
1974
|
}
|
|
979
|
-
declare const CGraphKpiCards: ({ kpis }: CGraphKpiCardsProps) =>
|
|
1975
|
+
declare const CGraphKpiCards: ({ kpis }: CGraphKpiCardsProps) => react.JSX.Element;
|
|
980
1976
|
|
|
981
1977
|
interface CChartCardProps {
|
|
982
1978
|
title: string;
|
|
983
1979
|
subtitle?: string;
|
|
984
1980
|
children: ReactNode;
|
|
985
1981
|
}
|
|
986
|
-
declare const CChartCard: ({ title, subtitle, children }: CChartCardProps) =>
|
|
1982
|
+
declare const CChartCard: ({ title, subtitle, children }: CChartCardProps) => react.JSX.Element;
|
|
987
1983
|
|
|
988
1984
|
interface CBarChartProps {
|
|
989
1985
|
data: GraphBarDatum[];
|
|
@@ -993,7 +1989,7 @@ interface CBarChartProps {
|
|
|
993
1989
|
activeName?: string;
|
|
994
1990
|
onItemClick?: (item: GraphBarDatum) => void;
|
|
995
1991
|
}
|
|
996
|
-
declare const CBarChart: ({ data, orientation, valueSuffix, minHeight, activeName, onItemClick, }: CBarChartProps) =>
|
|
1992
|
+
declare const CBarChart: ({ data, orientation, valueSuffix, minHeight, activeName, onItemClick, }: CBarChartProps) => react.JSX.Element;
|
|
997
1993
|
|
|
998
1994
|
interface CLineChartProps {
|
|
999
1995
|
data: GraphLineDatum[];
|
|
@@ -1001,7 +1997,7 @@ interface CLineChartProps {
|
|
|
1001
1997
|
valueSuffix?: string;
|
|
1002
1998
|
height?: number;
|
|
1003
1999
|
}
|
|
1004
|
-
declare const CLineChart: ({ data, color, valueSuffix, height, }: CLineChartProps) =>
|
|
2000
|
+
declare const CLineChart: ({ data, color, valueSuffix, height, }: CLineChartProps) => react.JSX.Element;
|
|
1005
2001
|
|
|
1006
2002
|
interface CComboChartProps {
|
|
1007
2003
|
data: GraphComboDatum[];
|
|
@@ -1009,12 +2005,12 @@ interface CComboChartProps {
|
|
|
1009
2005
|
lineColor?: string;
|
|
1010
2006
|
height?: number;
|
|
1011
2007
|
}
|
|
1012
|
-
declare const CComboChart: ({ data, barColor, lineColor, height, }: CComboChartProps) =>
|
|
2008
|
+
declare const CComboChart: ({ data, barColor, lineColor, height, }: CComboChartProps) => react.JSX.Element;
|
|
1013
2009
|
|
|
1014
2010
|
interface CHeatmapChartProps {
|
|
1015
2011
|
data: GraphHeatmapDatum[];
|
|
1016
2012
|
}
|
|
1017
|
-
declare const CHeatmapChart: ({ data }: CHeatmapChartProps) =>
|
|
2013
|
+
declare const CHeatmapChart: ({ data }: CHeatmapChartProps) => react.JSX.Element;
|
|
1018
2014
|
|
|
1019
2015
|
interface CPieChartProps {
|
|
1020
2016
|
data: GraphPieDatum[];
|
|
@@ -1024,19 +2020,19 @@ interface CPieChartProps {
|
|
|
1024
2020
|
activeName?: string;
|
|
1025
2021
|
onItemClick?: (item: GraphPieDatum) => void;
|
|
1026
2022
|
}
|
|
1027
|
-
declare const CPieChart: ({ data, variant, colors, size, activeName, onItemClick, }: CPieChartProps) =>
|
|
2023
|
+
declare const CPieChart: ({ data, variant, colors, size, activeName, onItemClick, }: CPieChartProps) => react.JSX.Element;
|
|
1028
2024
|
|
|
1029
2025
|
interface CFishboneChartProps {
|
|
1030
2026
|
effect: string;
|
|
1031
2027
|
branches: GraphFishboneBranch[];
|
|
1032
2028
|
}
|
|
1033
|
-
declare const CFishboneChart: ({ effect, branches }: CFishboneChartProps) =>
|
|
2029
|
+
declare const CFishboneChart: ({ effect, branches }: CFishboneChartProps) => react.JSX.Element;
|
|
1034
2030
|
|
|
1035
2031
|
interface CWaterfallChartProps {
|
|
1036
2032
|
data: GraphWaterfallDatum[];
|
|
1037
2033
|
height?: number;
|
|
1038
2034
|
}
|
|
1039
|
-
declare const CWaterfallChart: ({ data, height }: CWaterfallChartProps) =>
|
|
2035
|
+
declare const CWaterfallChart: ({ data, height }: CWaterfallChartProps) => react.JSX.Element;
|
|
1040
2036
|
|
|
1041
2037
|
interface CGoogleMapChartProps {
|
|
1042
2038
|
apiKey?: string;
|
|
@@ -1046,7 +2042,7 @@ interface CGoogleMapChartProps {
|
|
|
1046
2042
|
mapType?: 'roadmap' | 'satellite';
|
|
1047
2043
|
height?: number;
|
|
1048
2044
|
}
|
|
1049
|
-
declare const CGoogleMapChart: ({ apiKey, query, embedUrl, zoom, mapType, height, }: CGoogleMapChartProps) =>
|
|
2045
|
+
declare const CGoogleMapChart: ({ apiKey, query, embedUrl, zoom, mapType, height, }: CGoogleMapChartProps) => react.JSX.Element;
|
|
1050
2046
|
|
|
1051
2047
|
interface CAmapChartProps {
|
|
1052
2048
|
keyword?: string;
|
|
@@ -1054,7 +2050,7 @@ interface CAmapChartProps {
|
|
|
1054
2050
|
embedUrl?: string;
|
|
1055
2051
|
height?: number;
|
|
1056
2052
|
}
|
|
1057
|
-
declare const CAmapChart: ({ keyword, location, embedUrl, height, }: CAmapChartProps) =>
|
|
2053
|
+
declare const CAmapChart: ({ keyword, location, embedUrl, height, }: CAmapChartProps) => react.JSX.Element;
|
|
1058
2054
|
|
|
1059
2055
|
interface GoogleMapEmbedOptions {
|
|
1060
2056
|
apiKey: string;
|
|
@@ -1088,7 +2084,7 @@ interface CCustomizeAgentProps {
|
|
|
1088
2084
|
defaultAnalysisTemplateId?: string;
|
|
1089
2085
|
defaultResponseTemplateId?: string;
|
|
1090
2086
|
}
|
|
1091
|
-
declare const CCustomizeAgent: ({ open, onClose, value, onSaveAll, modelOptions, promptLangOptions, analysisTemplateOptions, responseTemplateOptions, defaultAnalysisTemplateId, defaultResponseTemplateId, }: CCustomizeAgentProps) =>
|
|
2087
|
+
declare const CCustomizeAgent: ({ open, onClose, value, onSaveAll, modelOptions, promptLangOptions, analysisTemplateOptions, responseTemplateOptions, defaultAnalysisTemplateId, defaultResponseTemplateId, }: CCustomizeAgentProps) => react.JSX.Element;
|
|
1092
2088
|
|
|
1093
2089
|
interface DetailInfoField {
|
|
1094
2090
|
id: string;
|
|
@@ -1149,7 +2145,7 @@ interface CDetailInfoPageProps {
|
|
|
1149
2145
|
closeLabel?: string;
|
|
1150
2146
|
}
|
|
1151
2147
|
|
|
1152
|
-
declare const CDetailInfoPage: ({ title, subtitle, sections, tabs, defaultTabId, table, ai, rightHeaderSlot, searchBarWidth, onClose, closeLabel, }: CDetailInfoPageProps) =>
|
|
2148
|
+
declare const CDetailInfoPage: ({ title, subtitle, sections, tabs, defaultTabId, table, ai, rightHeaderSlot, searchBarWidth, onClose, closeLabel, }: CDetailInfoPageProps) => react.JSX.Element;
|
|
1153
2149
|
|
|
1154
2150
|
type DetailInfoSearchMode = 'idle' | 'search' | 'ai';
|
|
1155
2151
|
interface UseDetailInfoOptions {
|
|
@@ -1185,13 +2181,13 @@ interface CDetailSearchAiBarProps {
|
|
|
1185
2181
|
compact?: boolean;
|
|
1186
2182
|
showStatusText?: boolean;
|
|
1187
2183
|
}
|
|
1188
|
-
declare const CDetailSearchAiBar: ({ value, onChange, onSubmit, onVoiceInput, onClear, placeholder, statusText, loading, compact, showStatusText, }: CDetailSearchAiBarProps) =>
|
|
2184
|
+
declare const CDetailSearchAiBar: ({ value, onChange, onSubmit, onVoiceInput, onClear, placeholder, statusText, loading, compact, showStatusText, }: CDetailSearchAiBarProps) => react.JSX.Element;
|
|
1189
2185
|
|
|
1190
2186
|
interface CDetailSectionCardProps {
|
|
1191
2187
|
section: DetailInfoSection;
|
|
1192
2188
|
highlightQuery?: string;
|
|
1193
2189
|
}
|
|
1194
|
-
declare const CDetailSectionCard: ({ section, highlightQuery }: CDetailSectionCardProps) =>
|
|
2190
|
+
declare const CDetailSectionCard: ({ section, highlightQuery }: CDetailSectionCardProps) => react.JSX.Element;
|
|
1195
2191
|
|
|
1196
2192
|
type KanbanCardPriority = 'critical' | 'high' | 'medium' | 'low';
|
|
1197
2193
|
type KanbanCardTone = 'default' | 'success' | 'warning' | 'info' | 'error';
|
|
@@ -1299,7 +2295,7 @@ interface UseKanbanBoardBindings {
|
|
|
1299
2295
|
onCardClick?: (context: KanbanCardClickContext) => void;
|
|
1300
2296
|
}
|
|
1301
2297
|
|
|
1302
|
-
declare const CKanbanBoard: ({ model, onCardMove, onCardClick, minBucketWidth, bucketMaxHeight, emptyBucketLabel, sx, }: CKanbanBoardProps) =>
|
|
2298
|
+
declare const CKanbanBoard: ({ model, onCardMove, onCardClick, minBucketWidth, bucketMaxHeight, emptyBucketLabel, sx, }: CKanbanBoardProps) => react.JSX.Element;
|
|
1303
2299
|
|
|
1304
2300
|
declare const createKanbanBoardModel: ({ buckets, cards }: CreateKanbanBoardModelOptions) => KanbanBoardModel;
|
|
1305
2301
|
declare const findKanbanCard: (model: KanbanBoardModel, cardId: string) => KanbanCardLookup | undefined;
|
|
@@ -1325,9 +2321,9 @@ interface UseKanbanBoardResult {
|
|
|
1325
2321
|
}
|
|
1326
2322
|
declare const useKanbanBoard: (options: UseKanbanBoardOptions) => UseKanbanBoardResult;
|
|
1327
2323
|
|
|
1328
|
-
declare const CKanbanBucket: ({ bucket, cardCount, highlighted, children, emptyLabel, maxHeight, sx, }: CKanbanBucketProps) =>
|
|
2324
|
+
declare const CKanbanBucket: ({ bucket, cardCount, highlighted, children, emptyLabel, maxHeight, sx, }: CKanbanBucketProps) => react.JSX.Element;
|
|
1329
2325
|
|
|
1330
|
-
declare const CKanbanCard: ({ card, bucket, dragging, overlay, onClick, sx }: CKanbanCardProps) =>
|
|
2326
|
+
declare const CKanbanCard: ({ card, bucket, dragging, overlay, onClick, sx }: CKanbanCardProps) => react.JSX.Element;
|
|
1331
2327
|
|
|
1332
2328
|
type OrbcafeLocale = 'en' | 'zh' | 'fr' | 'de' | 'ja' | 'ko';
|
|
1333
2329
|
declare const en: {
|
|
@@ -1351,6 +2347,7 @@ declare const en: {
|
|
|
1351
2347
|
readonly 'header.theme.dark': "Theme: Dark";
|
|
1352
2348
|
readonly 'header.theme.light': "Theme: Light";
|
|
1353
2349
|
readonly 'header.menu.setting': "Setting";
|
|
2350
|
+
readonly 'header.menu.refresh': "Refresh";
|
|
1354
2351
|
readonly 'header.menu.logout': "Logout";
|
|
1355
2352
|
readonly 'navigation.expand': "Expand navigation";
|
|
1356
2353
|
readonly 'navigation.collapse': "Collapse navigation";
|
|
@@ -1585,9 +2582,9 @@ interface OrbcafeI18nContextValue {
|
|
|
1585
2582
|
interface OrbcafeI18nProviderProps {
|
|
1586
2583
|
locale?: OrbcafeLocale;
|
|
1587
2584
|
messages?: Partial<Record<OrbcafeLocale, Partial<OrbcafeLocaleMessages>>>;
|
|
1588
|
-
children:
|
|
2585
|
+
children: react__default.ReactNode;
|
|
1589
2586
|
}
|
|
1590
|
-
declare const OrbcafeI18nProvider: ({ locale, messages, children, }: OrbcafeI18nProviderProps) =>
|
|
2587
|
+
declare const OrbcafeI18nProvider: ({ locale, messages, children, }: OrbcafeI18nProviderProps) => react__default.JSX.Element;
|
|
1591
2588
|
declare const useOrbcafeI18n: () => OrbcafeI18nContextValue;
|
|
1592
2589
|
|
|
1593
2590
|
interface CAppHeaderUser {
|
|
@@ -1604,6 +2601,7 @@ interface CAppHeaderUserMenuItem {
|
|
|
1604
2601
|
disabled?: boolean;
|
|
1605
2602
|
}
|
|
1606
2603
|
type CAppHeaderSearchPlacement = 'header' | 'floating' | 'hidden';
|
|
2604
|
+
type CAppNavigationVariant = 'classic' | 'v2';
|
|
1607
2605
|
interface CAppHeaderProps {
|
|
1608
2606
|
appTitle: string;
|
|
1609
2607
|
logo?: ReactNode;
|
|
@@ -1619,6 +2617,7 @@ interface CAppHeaderProps {
|
|
|
1619
2617
|
onSearch?: (query: string) => void;
|
|
1620
2618
|
onSearchAdd?: () => void;
|
|
1621
2619
|
user?: CAppHeaderUser;
|
|
2620
|
+
onUserRefresh?: () => void;
|
|
1622
2621
|
onUserSetting?: () => void;
|
|
1623
2622
|
onUserLogout?: () => void;
|
|
1624
2623
|
userMenuItems?: CAppHeaderUserMenuItem[];
|
|
@@ -1630,11 +2629,14 @@ interface CAppPageLayoutProps {
|
|
|
1630
2629
|
menuData?: TreeMenuItem[];
|
|
1631
2630
|
children: ReactNode;
|
|
1632
2631
|
showNavigation?: boolean;
|
|
2632
|
+
/** Active locale in controlled mode; otherwise the initial locale. Defaults to English. */
|
|
1633
2633
|
locale?: OrbcafeLocale;
|
|
1634
2634
|
localeLabel?: string;
|
|
1635
2635
|
localeOptions?: OrbcafeLocale[];
|
|
2636
|
+
/** Controls locale externally. When omitted, the layout switches and persists locale internally. */
|
|
1636
2637
|
onLocaleChange?: (locale: OrbcafeLocale) => void;
|
|
1637
2638
|
user?: CAppHeaderUser;
|
|
2639
|
+
onUserRefresh?: () => void;
|
|
1638
2640
|
onUserSetting?: () => void;
|
|
1639
2641
|
onUserLogout?: () => void;
|
|
1640
2642
|
userMenuItems?: CAppHeaderUserMenuItem[];
|
|
@@ -1642,12 +2644,14 @@ interface CAppPageLayoutProps {
|
|
|
1642
2644
|
searchPlaceholder?: string;
|
|
1643
2645
|
/** Defaults to hidden so standard layouts do not show the header AI input unless explicitly requested. */
|
|
1644
2646
|
searchPlacement?: CAppHeaderSearchPlacement;
|
|
1645
|
-
floatingSearchSx?:
|
|
2647
|
+
floatingSearchSx?: CSSProperties;
|
|
1646
2648
|
onSearch?: (query: string) => void;
|
|
1647
2649
|
onSearchAdd?: () => void;
|
|
1648
2650
|
rightHeaderSlot?: ReactNode;
|
|
1649
2651
|
leftHeaderSlot?: ReactNode;
|
|
1650
|
-
contentSx?:
|
|
2652
|
+
contentSx?: CSSProperties;
|
|
2653
|
+
/** Selects the navigation island visual generation. Defaults to classic. */
|
|
2654
|
+
navigationVariant?: CAppNavigationVariant;
|
|
1651
2655
|
navigationMode?: NavigationIslandDisplayMode;
|
|
1652
2656
|
defaultNavigationMode?: NavigationIslandDisplayMode;
|
|
1653
2657
|
onNavigationModeChange?: (mode: NavigationIslandDisplayMode) => void;
|
|
@@ -1660,17 +2664,17 @@ interface CAppPageLayoutProps {
|
|
|
1660
2664
|
pinnedNavigationSectionTitle?: string;
|
|
1661
2665
|
}
|
|
1662
2666
|
|
|
1663
|
-
declare const CAppPageLayout: ({ appTitle, menuData, children, showNavigation, locale, localeLabel, localeOptions, onLocaleChange, user, onUserSetting, onUserLogout, userMenuItems, logo, searchPlaceholder, searchPlacement, floatingSearchSx, onSearch, onSearchAdd, rightHeaderSlot, leftHeaderSlot, contentSx, navigationMode, defaultNavigationMode, onNavigationModeChange, showNavigationModeToggle, enableNavigationPinning, navigationPinStorageKey, pinnedNavigationItemIds, defaultPinnedNavigationItemIds, onPinnedNavigationItemIdsChange, pinnedNavigationSectionTitle, }: CAppPageLayoutProps) =>
|
|
2667
|
+
declare const CAppPageLayout: ({ appTitle, menuData, children, showNavigation, locale, localeLabel, localeOptions, onLocaleChange, user, onUserRefresh, onUserSetting, onUserLogout, userMenuItems, logo, searchPlaceholder, searchPlacement, floatingSearchSx, onSearch, onSearchAdd, rightHeaderSlot, leftHeaderSlot, contentSx, navigationVariant, navigationMode, defaultNavigationMode, onNavigationModeChange, showNavigationModeToggle, enableNavigationPinning, navigationPinStorageKey, pinnedNavigationItemIds, defaultPinnedNavigationItemIds, onPinnedNavigationItemIdsChange, pinnedNavigationSectionTitle, }: CAppPageLayoutProps) => react.JSX.Element;
|
|
1664
2668
|
|
|
1665
2669
|
interface CAppHeaderSearchProps {
|
|
1666
2670
|
searchPlaceholder?: string;
|
|
1667
2671
|
onSearch?: (query: string) => void;
|
|
1668
2672
|
onSearchAdd?: () => void;
|
|
1669
2673
|
maxWidth?: number | string;
|
|
1670
|
-
sx?:
|
|
2674
|
+
sx?: CSSProperties;
|
|
1671
2675
|
}
|
|
1672
|
-
declare const CAppHeaderSearch: ({ searchPlaceholder, onSearch, onSearchAdd, maxWidth, sx, }: CAppHeaderSearchProps) =>
|
|
1673
|
-
declare const CAppHeader: ({ appTitle, logo,
|
|
2676
|
+
declare const CAppHeaderSearch: ({ searchPlaceholder, onSearch, onSearchAdd, maxWidth, sx, }: CAppHeaderSearchProps) => react.JSX.Element;
|
|
2677
|
+
declare const CAppHeader: ({ appTitle, logo, onToggleMode, locale: localeProp, localeLabel, localeOptions, onLocaleChange, searchPlaceholder, showSearch, onSearch, onSearchAdd, user, onUserRefresh, onUserSetting, onUserLogout, userMenuItems, leftSlot, rightSlot, }: CAppHeaderProps) => react.JSX.Element;
|
|
1674
2678
|
|
|
1675
2679
|
interface UsePageLayoutOptions {
|
|
1676
2680
|
menuData?: TreeMenuItem[];
|
|
@@ -1684,7 +2688,7 @@ interface UsePageLayoutOptions {
|
|
|
1684
2688
|
pinnedNavigationSectionTitle?: string;
|
|
1685
2689
|
}
|
|
1686
2690
|
declare const usePageLayout: ({ menuData, initialNavigationCollapsed, initialNavigationMode, enableNavigationPinning, navigationPinStorageKey, pinnedNavigationItemIds, defaultPinnedNavigationItemIds, onPinnedNavigationItemIdsChange, pinnedNavigationSectionTitle, }?: UsePageLayoutOptions) => {
|
|
1687
|
-
navigationIslandProps: Pick<NavigationIslandProps, "
|
|
2691
|
+
navigationIslandProps: Pick<NavigationIslandProps, "onToggle" | "enablePinning" | "collapsed" | "menuData" | "displayMode" | "onDisplayModeChange" | "pinStorageKey" | "pinnedItemIds" | "defaultPinnedItemIds" | "onPinnedItemIdsChange" | "pinnedSectionTitle">;
|
|
1688
2692
|
navigationMaxHeight: number;
|
|
1689
2693
|
};
|
|
1690
2694
|
|
|
@@ -1730,31 +2734,31 @@ interface PivotTablePreset {
|
|
|
1730
2734
|
}
|
|
1731
2735
|
interface PivotTableModel {
|
|
1732
2736
|
rowFields: string[];
|
|
1733
|
-
setRowFields:
|
|
2737
|
+
setRowFields: react__default.Dispatch<react__default.SetStateAction<string[]>>;
|
|
1734
2738
|
columnFields: string[];
|
|
1735
|
-
setColumnFields:
|
|
2739
|
+
setColumnFields: react__default.Dispatch<react__default.SetStateAction<string[]>>;
|
|
1736
2740
|
filterFields: string[];
|
|
1737
|
-
setFilterFields:
|
|
2741
|
+
setFilterFields: react__default.Dispatch<react__default.SetStateAction<string[]>>;
|
|
1738
2742
|
valueFields: PivotValueFieldState[];
|
|
1739
|
-
setValueFields:
|
|
2743
|
+
setValueFields: react__default.Dispatch<react__default.SetStateAction<PivotValueFieldState[]>>;
|
|
1740
2744
|
filterSelections: PivotFilterSelections;
|
|
1741
|
-
setFilterSelections:
|
|
2745
|
+
setFilterSelections: react__default.Dispatch<react__default.SetStateAction<PivotFilterSelections>>;
|
|
1742
2746
|
showGrandTotal: boolean;
|
|
1743
|
-
setShowGrandTotal:
|
|
2747
|
+
setShowGrandTotal: react__default.Dispatch<react__default.SetStateAction<boolean>>;
|
|
1744
2748
|
isConfiguratorCollapsed: boolean;
|
|
1745
|
-
setIsConfiguratorCollapsed:
|
|
2749
|
+
setIsConfiguratorCollapsed: react__default.Dispatch<react__default.SetStateAction<boolean>>;
|
|
1746
2750
|
chartDimensionFieldId: string;
|
|
1747
|
-
setChartDimensionFieldId:
|
|
2751
|
+
setChartDimensionFieldId: react__default.Dispatch<react__default.SetStateAction<string>>;
|
|
1748
2752
|
chartPrimaryValueFieldId: string;
|
|
1749
|
-
setChartPrimaryValueFieldId:
|
|
2753
|
+
setChartPrimaryValueFieldId: react__default.Dispatch<react__default.SetStateAction<string>>;
|
|
1750
2754
|
chartSecondaryValueFieldId: string;
|
|
1751
|
-
setChartSecondaryValueFieldId:
|
|
2755
|
+
setChartSecondaryValueFieldId: react__default.Dispatch<react__default.SetStateAction<string>>;
|
|
1752
2756
|
chartType: PivotChartType;
|
|
1753
|
-
setChartType:
|
|
2757
|
+
setChartType: react__default.Dispatch<react__default.SetStateAction<PivotChartType>>;
|
|
1754
2758
|
isChartCollapsed: boolean;
|
|
1755
|
-
setIsChartCollapsed:
|
|
2759
|
+
setIsChartCollapsed: react__default.Dispatch<react__default.SetStateAction<boolean>>;
|
|
1756
2760
|
isTableCollapsed: boolean;
|
|
1757
|
-
setIsTableCollapsed:
|
|
2761
|
+
setIsTableCollapsed: react__default.Dispatch<react__default.SetStateAction<boolean>>;
|
|
1758
2762
|
}
|
|
1759
2763
|
interface CPivotTableProps {
|
|
1760
2764
|
title?: string;
|
|
@@ -1775,7 +2779,7 @@ interface CPivotTableProps {
|
|
|
1775
2779
|
onPresetApplied?: (preset: PivotTablePreset) => void;
|
|
1776
2780
|
}
|
|
1777
2781
|
|
|
1778
|
-
declare const CPivotTable:
|
|
2782
|
+
declare const CPivotTable: react__default.FC<CPivotTableProps>;
|
|
1779
2783
|
|
|
1780
2784
|
interface UsePivotTableOptions {
|
|
1781
2785
|
fields: PivotFieldDefinition[];
|
|
@@ -1842,7 +2846,7 @@ interface PivotChartPanelProps {
|
|
|
1842
2846
|
onToggleCollapse: () => void;
|
|
1843
2847
|
getAggregationLabel: (aggregation: ValueZoneItem['aggregation']) => string;
|
|
1844
2848
|
}
|
|
1845
|
-
declare const PivotChartPanel:
|
|
2849
|
+
declare const PivotChartPanel: react__default.FC<PivotChartPanelProps>;
|
|
1846
2850
|
|
|
1847
2851
|
type POrientation = 'auto' | 'portrait' | 'landscape';
|
|
1848
2852
|
interface PTouchCardSwipeAction {
|
|
@@ -2041,21 +3045,21 @@ declare global {
|
|
|
2041
3045
|
};
|
|
2042
3046
|
}
|
|
2043
3047
|
}
|
|
2044
|
-
declare const PBarcodeScanner: ({ open, onClose, title, subtitle, formats, facingMode, manualEntry, autoCloseOnDetect, scanIntervalMs, confirmLabel, cancelLabel, manualPlaceholder, onDetected, onError, sx, }: PBarcodeScannerProps) =>
|
|
3048
|
+
declare const PBarcodeScanner: ({ open, onClose, title, subtitle, formats, facingMode, manualEntry, autoCloseOnDetect, scanIntervalMs, confirmLabel, cancelLabel, manualPlaceholder, onDetected, onError, sx, }: PBarcodeScannerProps) => react__default.JSX.Element;
|
|
2045
3049
|
|
|
2046
|
-
declare const PTouchCard: ({ title, description, kicker, icon, badges, metrics, footer, children, selected, draggable, isDragging, swipeThreshold, startAction, endAction, dragHandleProps, onClick, onSwipe, sx, }: PTouchCardProps) =>
|
|
3050
|
+
declare const PTouchCard: ({ title, description, kicker, icon, badges, metrics, footer, children, selected, draggable, isDragging, swipeThreshold, startAction, endAction, dragHandleProps, onClick, onSwipe, sx, }: PTouchCardProps) => react.JSX.Element;
|
|
2047
3051
|
|
|
2048
|
-
declare const PNumericKeypad: ({ value, defaultValue, title, subtitle, placeholder, allowDecimal, allowNegative, maxLength, confirmLabel, clearLabel, backspaceLabel, onChange, onSubmit, onClose, sx, }: PNumericKeypadProps) =>
|
|
3052
|
+
declare const PNumericKeypad: ({ value, defaultValue, title, subtitle, placeholder, allowDecimal, allowNegative, maxLength, confirmLabel, clearLabel, backspaceLabel, onChange, onSubmit, onClose, sx, }: PNumericKeypadProps) => react.JSX.Element;
|
|
2049
3053
|
|
|
2050
|
-
declare const PSmartFilter: ({ touchMode, sx, ...props }: PSmartFilterProps) =>
|
|
3054
|
+
declare const PSmartFilter: ({ touchMode, sx, ...props }: PSmartFilterProps) => react.JSX.Element;
|
|
2051
3055
|
|
|
2052
|
-
declare const PWorkloadNav: ({ items, selectedId, orientation, onItemSelect, sx }: PWorkloadNavProps) =>
|
|
3056
|
+
declare const PWorkloadNav: ({ items, selectedId, orientation, onItemSelect, sx }: PWorkloadNavProps) => react.JSX.Element;
|
|
2053
3057
|
|
|
2054
|
-
declare const PNavIsland: ({ collapsed, onToggle, className, maxHeight, menuData, colorMode, orientation, headerSlot, footerSlot, activeHref, onItemSelect, }: PNavIslandProps) =>
|
|
3058
|
+
declare const PNavIsland: ({ collapsed, onToggle, className, maxHeight, menuData, colorMode, orientation, headerSlot, footerSlot, activeHref, onItemSelect, }: PNavIslandProps) => react.JSX.Element;
|
|
2055
3059
|
|
|
2056
|
-
declare const PTable:
|
|
3060
|
+
declare const PTable: react__default.FC<PTableProps>;
|
|
2057
3061
|
|
|
2058
|
-
declare const PAppPageLayout: ({ appTitle, children, menuData, workloadItems, workloadSelectedId, showNavigation, showWorkloadNav, orientation, logo, headerSlot, actionSlot, portraitBottomSlot, contentSx, containerSx, user, onSearch, onSearchAdd, defaultNavigationOpen, navOpen, onNavOpenChange, onWorkloadSelect, locale, localeLabel, localeOptions, onLocaleChange, onUserSetting, onUserLogout, userMenuItems, leftHeaderSlot, rightHeaderSlot, }: PAppPageLayoutProps) =>
|
|
3062
|
+
declare const PAppPageLayout: ({ appTitle, children, menuData, workloadItems, workloadSelectedId, showNavigation, showWorkloadNav, orientation, logo, headerSlot, actionSlot, portraitBottomSlot, contentSx, containerSx, user, onSearch, onSearchAdd, defaultNavigationOpen, navOpen, onNavOpenChange, onWorkloadSelect, locale, localeLabel, localeOptions, onLocaleChange, onUserSetting, onUserLogout, userMenuItems, leftHeaderSlot, rightHeaderSlot, }: PAppPageLayoutProps) => react.JSX.Element;
|
|
2059
3063
|
|
|
2060
3064
|
interface UseVoiceInputOptions {
|
|
2061
3065
|
onTextUpdate?: (text: string) => void;
|
|
@@ -2097,14 +3101,14 @@ type VoiceNavigatorProviderProps = CAINavProviderProps;
|
|
|
2097
3101
|
type VoiceNavigatorContextValue = AINavContextValue;
|
|
2098
3102
|
type VoiceWaveOverlayProps = CVoiceWaveOverlayProps;
|
|
2099
3103
|
|
|
2100
|
-
declare function CAINavProvider({ children, onVoiceSubmit, onVoicePartial, onVoiceError, longPressMs, disableSpaceTrigger, ignoreWhenFocusedInput, renderOverlay, wsUrl, silenceThresholdMs, minVolumeRms }: CAINavProviderProps):
|
|
3104
|
+
declare function CAINavProvider({ children, onVoiceSubmit, onVoicePartial, onVoiceError, longPressMs, disableSpaceTrigger, ignoreWhenFocusedInput, renderOverlay, wsUrl, silenceThresholdMs, minVolumeRms }: CAINavProviderProps): react.JSX.Element;
|
|
2101
3105
|
declare function useAINav(): AINavContextValue;
|
|
2102
3106
|
declare const VoiceNavigatorProvider: typeof CAINavProvider;
|
|
2103
3107
|
declare const useVoiceNavigator: typeof useAINav;
|
|
2104
3108
|
|
|
2105
3109
|
declare function useVoiceInput({ onTextUpdate, onComplete, onError, wsUrl, silenceThresholdMs, minVolumeRms }: UseVoiceInputOptions): UseVoiceInputResult;
|
|
2106
3110
|
|
|
2107
|
-
declare function CVoiceWaveOverlay({ isRecording }: CVoiceWaveOverlayProps):
|
|
3111
|
+
declare function CVoiceWaveOverlay({ isRecording }: CVoiceWaveOverlayProps): react.JSX.Element;
|
|
2108
3112
|
declare const VoiceWaveOverlay: typeof CVoiceWaveOverlay;
|
|
2109
3113
|
|
|
2110
3114
|
interface COrbCanvasProps {
|
|
@@ -2114,7 +3118,7 @@ interface COrbCanvasProps {
|
|
|
2114
3118
|
forceHoverState?: boolean;
|
|
2115
3119
|
backgroundColor?: string;
|
|
2116
3120
|
}
|
|
2117
|
-
declare function COrbCanvas({ hue, hoverIntensity, rotateOnHover, forceHoverState, backgroundColor }: COrbCanvasProps):
|
|
3121
|
+
declare function COrbCanvas({ hue, hoverIntensity, rotateOnHover, forceHoverState, backgroundColor }: COrbCanvasProps): react.JSX.Element;
|
|
2118
3122
|
|
|
2119
3123
|
interface TableTypeContent {
|
|
2120
3124
|
type: 'table';
|
|
@@ -2170,7 +3174,7 @@ interface ChatMessage {
|
|
|
2170
3174
|
timestamp: Date;
|
|
2171
3175
|
isStreaming?: boolean;
|
|
2172
3176
|
}
|
|
2173
|
-
declare const ChatMessage:
|
|
3177
|
+
declare const ChatMessage: react__default.FC<ChatMessageProps>;
|
|
2174
3178
|
|
|
2175
3179
|
interface StdChatProps {
|
|
2176
3180
|
messages: ChatMessage[];
|
|
@@ -2185,18 +3189,22 @@ interface StdChatProps {
|
|
|
2185
3189
|
onMessageStreamingComplete?: (messageId: string) => void;
|
|
2186
3190
|
cardHooks?: AgentUICardHooks;
|
|
2187
3191
|
showInput?: boolean;
|
|
3192
|
+
/** Optional in-flow status line rendered after the last message (e.g. spinner + working text). */
|
|
3193
|
+
statusLine?: react__default.ReactNode;
|
|
2188
3194
|
}
|
|
2189
|
-
declare const StdChat:
|
|
3195
|
+
declare const StdChat: react__default.FC<StdChatProps>;
|
|
2190
3196
|
|
|
2191
3197
|
type AgentPanelStatus = 'idle' | 'running' | 'success' | 'error' | 'pending';
|
|
2192
3198
|
interface AgentPanelProps extends StdChatProps {
|
|
2193
3199
|
title?: string;
|
|
2194
3200
|
description?: string;
|
|
2195
|
-
headerActions?:
|
|
3201
|
+
headerActions?: react__default.ReactNode;
|
|
2196
3202
|
agentStatus?: AgentPanelStatus;
|
|
2197
|
-
|
|
3203
|
+
/** Optional status line (spinner + text) shown while running/pending. */
|
|
3204
|
+
statusText?: react__default.ReactNode;
|
|
3205
|
+
onHeaderPointerDown?: react__default.PointerEventHandler<HTMLDivElement>;
|
|
2198
3206
|
}
|
|
2199
|
-
declare const AgentPanel:
|
|
3207
|
+
declare const AgentPanel: react__default.FC<AgentPanelProps>;
|
|
2200
3208
|
|
|
2201
3209
|
type FloatingAgentPanelAnchor = 'left' | 'center' | 'right';
|
|
2202
3210
|
interface FloatingAgentPanelProps extends AgentPanelProps {
|
|
@@ -2209,9 +3217,9 @@ interface FloatingAgentPanelProps extends AgentPanelProps {
|
|
|
2209
3217
|
inset?: number;
|
|
2210
3218
|
zIndex?: number;
|
|
2211
3219
|
shellClassName?: string;
|
|
2212
|
-
shellStyle?:
|
|
3220
|
+
shellStyle?: react__default.CSSProperties;
|
|
2213
3221
|
}
|
|
2214
|
-
declare const FloatingAgentPanel:
|
|
3222
|
+
declare const FloatingAgentPanel: react__default.FC<FloatingAgentPanelProps>;
|
|
2215
3223
|
|
|
2216
3224
|
type CopilotCorner = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
|
|
2217
3225
|
interface CopilotChatProps {
|
|
@@ -2225,7 +3233,7 @@ interface CopilotChatProps {
|
|
|
2225
3233
|
title?: string;
|
|
2226
3234
|
corner?: CopilotCorner;
|
|
2227
3235
|
onCollapse?: () => void;
|
|
2228
|
-
onHeaderPointerDown?: (e:
|
|
3236
|
+
onHeaderPointerDown?: (e: react__default.PointerEvent<HTMLDivElement>) => void;
|
|
2229
3237
|
onPlusClick?: () => void;
|
|
2230
3238
|
onMicClick?: () => void;
|
|
2231
3239
|
streamIntervalMs?: number;
|
|
@@ -2233,15 +3241,16 @@ interface CopilotChatProps {
|
|
|
2233
3241
|
onMessageStreamingComplete?: (messageId: string) => void;
|
|
2234
3242
|
cardHooks?: AgentUICardHooks;
|
|
2235
3243
|
}
|
|
2236
|
-
declare const CopilotChat:
|
|
3244
|
+
declare const CopilotChat: react__default.FC<CopilotChatProps>;
|
|
2237
3245
|
|
|
2238
3246
|
type AIBrowserGlowColors = readonly [string, string, string];
|
|
2239
3247
|
interface AIBrowserGlowProps {
|
|
2240
3248
|
active?: boolean;
|
|
3249
|
+
/** Compatibility: kept as a 3-tuple; only the first color is used as the edge line color. */
|
|
2241
3250
|
colors?: AIBrowserGlowColors;
|
|
2242
3251
|
zIndex?: number;
|
|
2243
3252
|
}
|
|
2244
|
-
declare const AIBrowserGlow:
|
|
3253
|
+
declare const AIBrowserGlow: react__default.FC<AIBrowserGlowProps>;
|
|
2245
3254
|
|
|
2246
3255
|
type AuthPageMode = 'login' | 'register' | 'forgot';
|
|
2247
3256
|
interface AuthLoginPayload {
|
|
@@ -2263,6 +3272,8 @@ interface AuthPageCopy {
|
|
|
2263
3272
|
productName?: string;
|
|
2264
3273
|
headline?: string;
|
|
2265
3274
|
subheadline?: string;
|
|
3275
|
+
/** Small uppercase line at the bottom of the brand panel. */
|
|
3276
|
+
brandMeta?: string;
|
|
2266
3277
|
loginTitle?: string;
|
|
2267
3278
|
loginSubtitle?: string;
|
|
2268
3279
|
registerTitle?: string;
|
|
@@ -2280,7 +3291,8 @@ interface CAuthPageProps {
|
|
|
2280
3291
|
loading?: boolean;
|
|
2281
3292
|
logo?: ReactNode;
|
|
2282
3293
|
copy?: AuthPageCopy;
|
|
2283
|
-
|
|
3294
|
+
/** Inline style override on the root frame. */
|
|
3295
|
+
sx?: CSSProperties;
|
|
2284
3296
|
}
|
|
2285
3297
|
|
|
2286
3298
|
interface UseAuthPageOptions {
|
|
@@ -2297,7 +3309,14 @@ interface UseAuthPageResult {
|
|
|
2297
3309
|
}
|
|
2298
3310
|
declare const useAuthPage: ({ defaultMode, onLogin, onRegister, onForgotPassword, }?: UseAuthPageOptions) => UseAuthPageResult;
|
|
2299
3311
|
|
|
2300
|
-
|
|
3312
|
+
/**
|
|
3313
|
+
* ORBIS login page (per orbcafe-orbis-login-reference.html):
|
|
3314
|
+
* dark campaign brand panel (#01091a, CSS diamond lattice, one 2px orange
|
|
3315
|
+
* rule) beside a quiet form surface. All form logic, modes, callbacks and
|
|
3316
|
+
* breakpoints of the previous implementation are retained — this is a
|
|
3317
|
+
* color/type/texture pass. The logo slot stays host-supplied.
|
|
3318
|
+
*/
|
|
3319
|
+
declare const CAuthPage: ({ mode, defaultMode, onModeChange, onLogin, onRegister, onForgotPassword, loading, logo, copy, sx, }: CAuthPageProps) => react.JSX.Element;
|
|
2301
3320
|
|
|
2302
3321
|
type PlanningGanttScale = 'hour' | 'day' | 'week' | 'month';
|
|
2303
3322
|
type PlanningTaskStatus = 'not-started' | 'planned' | 'in-progress' | 'blocked' | 'done' | string;
|
|
@@ -2424,7 +3443,7 @@ interface CPlanningLayoutProps {
|
|
|
2424
3443
|
sx?: SxProps<Theme>;
|
|
2425
3444
|
children?: ReactNode;
|
|
2426
3445
|
}
|
|
2427
|
-
declare const CPlanningLayout: ({ filterProps, ganttProps, spacing, sx, children, }: CPlanningLayoutProps) =>
|
|
3446
|
+
declare const CPlanningLayout: ({ filterProps, ganttProps, spacing, sx, children, }: CPlanningLayoutProps) => react.JSX.Element;
|
|
2428
3447
|
|
|
2429
3448
|
interface UsePlanningLayoutOptions extends UsePlanningGanttOptions {
|
|
2430
3449
|
}
|
|
@@ -2433,7 +3452,7 @@ interface UsePlanningLayoutResult extends UsePlanningGanttResult {
|
|
|
2433
3452
|
}
|
|
2434
3453
|
declare const usePlanningLayout: (options: UsePlanningLayoutOptions) => UsePlanningLayoutResult;
|
|
2435
3454
|
|
|
2436
|
-
declare const CPlanningGantt: ({ appId, tableKey, serviceUrl, title, extraTools, bodyHeight, tasks, columns, scale, onScaleChange, page, rowsPerPage, rowsPerPageOptions, count, onPageChange, onRowsPerPageChange, timelineStart, timelineEnd, selectedTaskId, onTaskSelect, enableRowReorder, onTaskReorder, layout, layoutVariant, layoutVariantLoadKey, onLayoutIdChange, onLayoutSave, emptyLabel, sx, }: CPlanningGanttProps) =>
|
|
3455
|
+
declare const CPlanningGantt: ({ appId, tableKey, serviceUrl, title, extraTools, bodyHeight, tasks, columns, scale, onScaleChange, page, rowsPerPage, rowsPerPageOptions, count, onPageChange, onRowsPerPageChange, timelineStart, timelineEnd, selectedTaskId, onTaskSelect, enableRowReorder, onTaskReorder, layout, layoutVariant, layoutVariantLoadKey, onLayoutIdChange, onLayoutSave, emptyLabel, sx, }: CPlanningGanttProps) => react.JSX.Element;
|
|
2437
3456
|
|
|
2438
3457
|
type CTreeCompPaneMode = 'tree' | 'split' | 'detail';
|
|
2439
3458
|
interface CTreeCompNode {
|
|
@@ -2482,7 +3501,7 @@ interface CTreeCompProps<TNode extends CTreeCompNode = CTreeCompNode> {
|
|
|
2482
3501
|
sx?: SxProps<Theme>;
|
|
2483
3502
|
className?: string;
|
|
2484
3503
|
}
|
|
2485
|
-
declare const CTreeComp: <TNode extends CTreeCompNode = CTreeCompNode>({ title, subtitle, nodes, columns, detail, selectedNodeId, defaultSelectedNodeId, onNodeSelect, expandedNodeIds, defaultExpandedNodeIds, onExpandedNodeIdsChange, defaultPaneMode, minTreePaneWidth, minDetailPaneWidth, tableAppId, tableKey, tableTitle, filterConfig, searchQuery, searchToken, defaultRowsPerPage, rowsPerPageOptions, serviceUrl, emptyLabel, headerAction, sx, className, }: CTreeCompProps<TNode>) =>
|
|
3504
|
+
declare const CTreeComp: <TNode extends CTreeCompNode = CTreeCompNode>({ title, subtitle, nodes, columns, detail, selectedNodeId, defaultSelectedNodeId, onNodeSelect, expandedNodeIds, defaultExpandedNodeIds, onExpandedNodeIdsChange, defaultPaneMode, minTreePaneWidth, minDetailPaneWidth, tableAppId, tableKey, tableTitle, filterConfig, searchQuery, searchToken, defaultRowsPerPage, rowsPerPageOptions, serviceUrl, emptyLabel, headerAction, sx, className, }: CTreeCompProps<TNode>) => react.JSX.Element;
|
|
2486
3505
|
|
|
2487
3506
|
interface MarkdownRendererProps {
|
|
2488
3507
|
markdown?: string;
|
|
@@ -2494,7 +3513,7 @@ interface MarkdownRendererProps {
|
|
|
2494
3513
|
codeCopyable?: boolean;
|
|
2495
3514
|
codeLineNumbers?: boolean;
|
|
2496
3515
|
}
|
|
2497
|
-
declare const MarkdownRenderer: ({ markdown, content, className, enableMath, enableMermaid, enableThinkBlock, codeCopyable, codeLineNumbers, }: MarkdownRendererProps) =>
|
|
3516
|
+
declare const MarkdownRenderer: ({ markdown, content, className, enableMath, enableMermaid, enableThinkBlock, codeCopyable, codeLineNumbers, }: MarkdownRendererProps) => react.JSX.Element;
|
|
2498
3517
|
|
|
2499
3518
|
interface CodeBlockProps {
|
|
2500
3519
|
code: string;
|
|
@@ -2504,14 +3523,14 @@ interface CodeBlockProps {
|
|
|
2504
3523
|
wrapLongLines?: boolean;
|
|
2505
3524
|
maxHeight?: number | string;
|
|
2506
3525
|
}
|
|
2507
|
-
declare const CodeBlock: ({ code, language, copyable, showLineNumbers, wrapLongLines, maxHeight, }: CodeBlockProps) =>
|
|
3526
|
+
declare const CodeBlock: ({ code, language, copyable, showLineNumbers, wrapLongLines, maxHeight, }: CodeBlockProps) => react.JSX.Element;
|
|
2508
3527
|
|
|
2509
3528
|
interface MathBlockProps {
|
|
2510
3529
|
expression: string;
|
|
2511
3530
|
inline?: boolean;
|
|
2512
3531
|
allowKatex?: boolean;
|
|
2513
3532
|
}
|
|
2514
|
-
declare const MathBlock: ({ expression, inline, allowKatex }: MathBlockProps) =>
|
|
3533
|
+
declare const MathBlock: ({ expression, inline, allowKatex }: MathBlockProps) => react.JSX.Element | null;
|
|
2515
3534
|
|
|
2516
3535
|
interface MermaidBlockProps {
|
|
2517
3536
|
code: string;
|
|
@@ -2519,7 +3538,7 @@ interface MermaidBlockProps {
|
|
|
2519
3538
|
height?: number | string;
|
|
2520
3539
|
enabled?: boolean;
|
|
2521
3540
|
}
|
|
2522
|
-
declare const MermaidBlock: ({ code, title, height, enabled, }: MermaidBlockProps) =>
|
|
3541
|
+
declare const MermaidBlock: ({ code, title, height, enabled, }: MermaidBlockProps) => react.JSX.Element;
|
|
2523
3542
|
|
|
2524
3543
|
type TableAlign = 'left' | 'center' | 'right';
|
|
2525
3544
|
interface ParsedMarkdownTable {
|
|
@@ -2533,7 +3552,7 @@ interface TableBlockProps {
|
|
|
2533
3552
|
maxHeight?: number | string;
|
|
2534
3553
|
}
|
|
2535
3554
|
declare const parseMarkdownTable: (markdown: string) => ParsedMarkdownTable | null;
|
|
2536
|
-
declare const TableBlock: ({ markdown, table, maxHeight }: TableBlockProps) =>
|
|
3555
|
+
declare const TableBlock: ({ markdown, table, maxHeight }: TableBlockProps) => react.JSX.Element;
|
|
2537
3556
|
|
|
2538
3557
|
interface ThinkBlockProps {
|
|
2539
3558
|
content: string;
|
|
@@ -2541,7 +3560,7 @@ interface ThinkBlockProps {
|
|
|
2541
3560
|
defaultExpanded?: boolean;
|
|
2542
3561
|
isStreaming?: boolean;
|
|
2543
3562
|
}
|
|
2544
|
-
declare const ThinkBlock: ({ content, title, defaultExpanded, isStreaming, }: ThinkBlockProps) =>
|
|
3563
|
+
declare const ThinkBlock: ({ content, title, defaultExpanded, isStreaming, }: ThinkBlockProps) => react.JSX.Element;
|
|
2545
3564
|
|
|
2546
3565
|
declare const renderMarkdown: (markdown: string, options?: Omit<MarkdownRendererProps, "markdown" | "content">) => ReactNode;
|
|
2547
3566
|
|
|
@@ -2562,7 +3581,7 @@ interface CPageTransitionProps {
|
|
|
2562
3581
|
* - no layout-thrashing animation
|
|
2563
3582
|
* - respects reduced-motion automatically
|
|
2564
3583
|
*/
|
|
2565
|
-
declare const CPageTransition: ({ children, transitionKey, variant, durationMs, delayMs, easing, disabled, sx, }: CPageTransitionProps) =>
|
|
3584
|
+
declare const CPageTransition: ({ children, transitionKey, variant, durationMs, delayMs, easing, disabled, sx, }: CPageTransitionProps) => react.JSX.Element;
|
|
2566
3585
|
declare const PAGE_TRANSITION_PRESETS: {
|
|
2567
3586
|
subtle: {
|
|
2568
3587
|
variant: "fade";
|
|
@@ -2578,4 +3597,4 @@ declare const PAGE_TRANSITION_PRESETS: {
|
|
|
2578
3597
|
};
|
|
2579
3598
|
};
|
|
2580
3599
|
|
|
2581
|
-
export { AIBrowserGlow, type AIBrowserGlowColors, type AIBrowserGlowProps, type AINavContextValue, AgentPanel, type AgentPanelProps, type AgentPanelStatus, type AgentUICardAction, type AgentUICardHookEvent, type AgentUICardHooks, type AgentUICardType, type AmapEmbedOptions, type AuthForgotPasswordPayload, type AuthLoginPayload, type AuthPageCopy, type AuthPageMode, type AuthRegisterPayload, Button, type ButtonProps, CAINavProvider, type CAINavProviderProps, CAmapChart, type CAmapChartProps, CAppHeader, type CAppHeaderProps, CAppHeaderSearch, type CAppHeaderSearchPlacement, type CAppHeaderSearchProps, type CAppHeaderUser, type CAppHeaderUserMenuItem, CAppPageLayout, type CAppPageLayoutProps, CAuthPage, type CAuthPageProps, CBarChart, type CBarChartProps, CChartCard, type CChartCardProps, CComboChart, type CComboChartProps, CCustomizeAgent, type CCustomizeAgentProps, CDetailInfoPage, type CDetailInfoPageProps, CDetailSearchAiBar, type CDetailSearchAiBarProps, CDetailSectionCard, type CDetailSectionCardProps, CFishboneChart, type CFishboneChartProps, CGoogleMapChart, type CGoogleMapChartProps, CGraphCharts, CGraphKpiCards, CGraphReport, type CGraphReportProps, CHeatmapChart, type CHeatmapChartProps, CKanbanBoard, type CKanbanBoardProps, CKanbanBucket, type CKanbanBucketProps, CKanbanCard, type CKanbanCardProps, CLayoutManagement, type CLayoutManagementProps, CLayoutManager, type CLayoutManagerProps, CLineChart, type CLineChartProps, CMessageBox, type CMessageBoxProps, type CMessageBoxType, COrbCanvas, type COrbCanvasProps, CPageLayout, type CPageLayoutProps, CPageTransition, type CPageTransitionProps, CPieChart, type CPieChartProps, CPivotTable, type CPivotTableProps, CPlanningGantt, type CPlanningGanttProps, CPlanningLayout, type CPlanningLayoutProps, CSmartFilter, type CSmartFilterProps, CSmartTable, CStandardPage, type CStandardPageProps, CTable, CTableBody, type CTableBodyProps, CTableCell, type CTableCellProps, CTableContainer, type CTableContainerProps, CTableHead, type CTableHeadProps, type CTableProps, type CTableQuickCreateConfig, type CTableQuickDeleteConfig, type CTableQuickEditConfig, CTableRow, type CTableRowProps, CTreeComp, type CTreeCompColumn, type CTreeCompNode, type CTreeCompPaneMode, type CTreeCompProps, CValueHelp, type CValueHelpColumn, type CValueHelpMode, type CValueHelpPrimitive, type CValueHelpProps, type CValueHelpRecord, type CValueHelpSelectionValue, CVariantManagement, type CVariantManagementProps, CVariantManager, CVoiceWaveOverlay, type CVoiceWaveOverlayProps, CWaterfallChart, type CWaterfallChartProps, ChatMessage, CodeBlock, type CodeBlockProps, CopilotChat, type CopilotChatProps, type CreateKanbanBoardModelOptions, type CustomizeAgentSavePayload, type CustomizeAgentSettings, type CustomizeAgentTemplateOption, type DateOperator, type DetailInfoAiConfig, type DetailInfoField, type DetailInfoSearchHit, type DetailInfoSearchMode, type DetailInfoSection, type DetailInfoTab, type DetailInfoTableConfig, type FilterField, type FilterOperator, type FilterType, type FilterValue, FloatingAgentPanel, type FloatingAgentPanelAnchor, type FloatingAgentPanelProps, GlobalMessage, type GoogleMapEmbedOptions, type GraphBarDatum, type GraphComboDatum, type GraphFishboneBranch, type GraphHeatmapDatum, type GraphLineDatum, type GraphMapLocation, type GraphPieDatum, type GraphReportConfig, type GraphReportFieldMapping, type GraphReportInteractionState, type GraphReportKpis, type GraphReportModel, type GraphRow, type GraphTableColumn, type GraphWaterfallDatum, type IVariantService, type KanbanBoardModel, type KanbanBucketDefinition, type KanbanBucketModel, type KanbanCardAssignee, type KanbanCardClickContext, type KanbanCardLookup, type KanbanCardMetric, type KanbanCardMoveEvent, type KanbanCardMoveInput, type KanbanCardPriority, type KanbanCardRecord, type KanbanCardTag, type KanbanCardTone, type LayoutMetadata, MarkdownRenderer, type MarkdownRendererProps, MathBlock, type MathBlockProps, MermaidBlock, type MermaidBlockProps, type MessageContent, type MessageEvent, type MessageOptions, NavigationIsland, type NavigationIslandDisplayMode, type NavigationIslandProps, type NumberOperator, ORBCAFE_I18N_MESSAGES, type OrbcafeI18nContextValue, OrbcafeI18nProvider, type OrbcafeI18nProviderProps, type OrbcafeLocale, type OrbcafeLocaleMessages, type OrbcafeMessageKey, type OrbcafeMessageParams, PAGE_TRANSITION_PRESETS, PAppPageLayout, type PAppPageLayoutProps, PBarcodeScanner, type PBarcodeScannerDetectedValue, type PBarcodeScannerProps, PNavIsland, type PNavIslandProps, PNumericKeypad, type PNumericKeypadProps, type POrientation, PSmartFilter, type PSmartFilterProps, PTable, type PTableProps, PTouchCard, type PTouchCardMetric, type PTouchCardProps, type PTouchCardSwipeAction, PWorkloadNav, type PWorkloadNavItem, type PWorkloadNavProps, type PageTransitionVariant, type ParsedMarkdownTable, type PivotAggregation, type PivotChartConfig, PivotChartPanel, type PivotChartType, type PivotFieldDefinition, type PivotFieldType, type PivotFilterSelections, type PivotLayoutConfig, type PivotTableModel, type PivotTablePreset, type PivotValueFieldConfig, type PivotValueFieldState, type PlanningGanttColumn, type PlanningGanttScale, type PlanningGanttSummaryItem, type PlanningTaskOwner, type PlanningTaskRecord, type PlanningTaskStatus, type ReportColumn, type ReportFilter, type ReportMetadata, type SelectOperator, StdChat, type StdChatProps, type TableAlign, TableBlock, type TableBlockProps, type TextOperator, ThinkBlock, type ThinkBlockProps, TreeMenu, type TreeMenuItem, type UseAmapEmbedUrlOptions, type UseAuthPageOptions, type UseAuthPageResult, type UseDetailInfoOptions, type UseDetailInfoResult, type UseGoogleMapEmbedUrlOptions, type UseGraphChartDataOptions, type UseGraphChartDataResult, type UseGraphInteractionResult, type UseGraphReportOptions, type UseGraphReportResult, type UseKanbanBoardActions, type UseKanbanBoardBindings, type UseKanbanBoardOptions, type UseKanbanBoardResult, type UseNavigationIslandOptions, type UseNavigationIslandResult, type UsePadLayoutOptions, type UsePadLayoutResult, type UsePadRecordEditorOptions, type UsePadRecordEditorResult, type UsePageLayoutOptions, type UsePivotTableOptions, type UsePivotTableResult, type UsePlanningGanttOptions, type UsePlanningGanttResult, type UsePlanningLayoutOptions, type UsePlanningLayoutResult, type UseStandardReportOptions, type UseVoiceInputOptions, type UseVoiceInputResult, type VariantMetadata, type VoiceNavigatorContextValue, VoiceNavigatorProvider, type VoiceNavigatorProviderProps, VoiceWaveOverlay, type VoiceWaveOverlayProps, buildAmapEmbedUrl, buildGoogleMapEmbedUrl, buildGoogleMapIframe, buttonVariants, createKanbanBoardModel, findKanbanCard, message, messageManager, moveKanbanCard, parseMarkdownTable, renderMarkdown, resolveVariantFilters, resolveVariantLayout, useAINav, useAmapEmbedUrl, useAuthPage, useDetailInfo, useGoogleMapEmbedUrl, useGraphChartData, useGraphInteraction, useGraphReport, useKanbanBoard, useNavigationIsland, useOrbcafeI18n, usePadLayout, usePadRecordEditor, usePageLayout, usePivotTable, usePlanningGantt, usePlanningLayout, useStandardReport, useVoiceInput, useVoiceNavigator };
|
|
3600
|
+
export { AIBrowserGlow, type AIBrowserGlowColors, type AIBrowserGlowProps, type AINavContextValue, Activity, AgentPanel, type AgentPanelProps, type AgentPanelStatus, type AgentUICardAction, type AgentUICardHookEvent, type AgentUICardHooks, type AgentUICardType, AlertCircle, AlertTriangle, type AmapEmbedOptions, ArrowDown, ArrowRight, ArrowUp, type AuthForgotPasswordPayload, type AuthLoginPayload, type AuthPageCopy, type AuthPageMode, type AuthRegisterPayload, BarChart, Bot, Button, type ButtonProps, CAINavProvider, type CAINavProviderProps, CAlert, type CAlertProps, type CAlertSeverity, CAmapChart, type CAmapChartProps, CAppHeader, type CAppHeaderProps, CAppHeaderSearch, type CAppHeaderSearchPlacement, type CAppHeaderSearchProps, type CAppHeaderUser, type CAppHeaderUserMenuItem, type CAppNavigationVariant, CAppPageLayout, type CAppPageLayoutProps, CAuthPage, type CAuthPageProps, CAvatar, type CAvatarProps, CBadge, type CBadgeProps, CBarChart, type CBarChartProps, CButton, type CButtonProps, type CButtonSize, type CButtonVariant, CCalendar, type CCalendarProps, CChartCard, type CChartCardProps, CCheckbox, type CCheckboxProps, CChip, type CChipProps, type CChipTone, CComboChart, type CComboChartProps, CCustomizeAgent, type CCustomizeAgentProps, CDatePicker, type CDatePickerProps, CDetailInfoPage, type CDetailInfoPageProps, CDetailSearchAiBar, type CDetailSearchAiBarProps, CDetailSectionCard, type CDetailSectionCardProps, CDialog, type CDialogProps, CDivider, type CDividerProps, CFileUpload, type CFileUploadProps, CFilterField, CFishboneChart, type CFishboneChartProps, CGoogleMapChart, type CGoogleMapChartProps, CGraphCharts, CGraphKpiCards, CGraphReport, type CGraphReportProps, CHeatmapChart, type CHeatmapChartProps, CIconButton, type CIconButtonProps, CKanbanBoard, type CKanbanBoardProps, CKanbanBucket, type CKanbanBucketProps, CKanbanCard, type CKanbanCardProps, CLayoutManagement, type CLayoutManagementProps, CLayoutManager, type CLayoutManagerProps, CLineChart, type CLineChartProps, CList, CListItem, CListItemAvatar, type CListItemAvatarProps, CListItemButton, type CListItemButtonProps, CListItemIcon, type CListItemIconProps, type CListItemProps, CListItemText, type CListItemTextProps, type CListProps, CListSubheader, type CListSubheaderProps, CMenu, type CMenuItem, type CMenuProps, CMessageBox, type CMessageBoxProps, type CMessageBoxType, COrbCanvas, type COrbCanvasProps, CPageLayout, type CPageLayoutProps, CPageTransition, type CPageTransitionProps, CPaper, type CPaperProps, CPieChart, type CPieChartProps, CPivotTable, type CPivotTableProps, CPlanningGantt, type CPlanningGanttProps, CPlanningLayout, type CPlanningLayoutProps, CPopover, type CPopoverProps, CProgress, type CProgressProps, CRadioGroup, type CRadioGroupProps, type CRadioOption, CSegmentedControl, type CSegmentedControlOption, type CSegmentedControlProps, CSelect, type CSelectOption, type CSelectProps, CSkeleton, type CSkeletonProps, CSmartFilter, type CSmartFilterProps, CSmartTable, CSpinner, type CSpinnerProps, CStack, type CStackProps, CStandardPage, type CStandardPageProps, CStatusBadge, CSwitch, type CSwitchProps, type CTabItem, CTable, CTableBody, type CTableBodyProps, type CTableBodyRowContext, CTableCell, type CTableCellProps, CTableContainer, type CTableContainerProps, CTableHead, type CTableHeadProps, type CTableProps, type CTableQuickCreateConfig, type CTableQuickDeleteConfig, type CTableQuickEditConfig, CTableRow, type CTableRowProps, CTabs, type CTabsProps, CTextArea, type CTextAreaProps, CTextField, type CTextFieldProps, CTooltip, type CTooltipProps, CTreeComp, type CTreeCompColumn, type CTreeCompNode, type CTreeCompPaneMode, type CTreeCompProps, CTypography, type CTypographyProps, type CTypographyVariant, CValueHelp, type CValueHelpColumn, type CValueHelpMode, type CValueHelpPrimitive, type CValueHelpProps, type CValueHelpRecord, type CValueHelpSelectionValue, CVariantManagement, type CVariantManagementProps, CVariantManager, CVoiceWaveOverlay, type CVoiceWaveOverlayProps, CWaterfallChart, type CWaterfallChartProps, Calendar, CalendarDays, Camera, ChartNoAxesCombined, ChatMessage, Check, CheckCircle, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, ChevronsDown, ChevronsUp, CircleAlert, CircleCheck, CircleCheckBig, CircleStop, Clipboard, ClipboardCheck, ClipboardList, Clock, CodeBlock, type CodeBlockProps, Columns3, CopilotChat, type CopilotChatProps, Copy, CopyPlus, type CreateKanbanBoardModelOptions, type CustomizeAgentSavePayload, type CustomizeAgentSettings, type CustomizeAgentTemplateOption, type DateOperator, Delete, type DetailInfoAiConfig, type DetailInfoField, type DetailInfoSearchHit, type DetailInfoSearchMode, type DetailInfoSection, type DetailInfoTab, type DetailInfoTableConfig, Download, Edit, Expand, Eye, EyeOff, File$1 as File, FileText, Filter, type FilterField, type FilterOperator, type FilterType, type FilterValue, FloatingAgentPanel, type FloatingAgentPanelAnchor, type FloatingAgentPanelProps, FolderTree, GitBranch, GlobalMessage, Globe, type GoogleMapEmbedOptions, type GraphBarDatum, type GraphComboDatum, type GraphFishboneBranch, type GraphHeatmapDatum, type GraphLineDatum, type GraphMapLocation, type GraphPieDatum, type GraphReportConfig, type GraphReportFieldMapping, type GraphReportInteractionState, type GraphReportKpis, type GraphReportModel, type GraphRow, type GraphTableColumn, type GraphWaterfallDatum, Grid, GripVertical, Hammer, type IVariantService, Image, Info, type KanbanBoardModel, type KanbanBucketDefinition, type KanbanBucketModel, type KanbanCardAssignee, type KanbanCardClickContext, type KanbanCardLookup, type KanbanCardMetric, type KanbanCardMoveEvent, type KanbanCardMoveInput, type KanbanCardPriority, type KanbanCardRecord, type KanbanCardTag, type KanbanCardTone, Languages, Layers, LayoutDashboard, type LayoutMetadata, Lightbulb, LineChart, Loader2, Lock, LockKeyhole, LogOut, Mail, MapPin, MarkdownRenderer, type MarkdownRendererProps, MathBlock, type MathBlockProps, Menu, MermaidBlock, type MermaidBlockProps, MessageCircle, type MessageContent, type MessageEvent, type MessageOptions, MessageSquare, Mic, MicOff, Moon, MoreHorizontal, NavigationIsland, NavigationIsland2, type NavigationIsland2Props, type NavigationIslandDisplayMode, type NavigationIslandProps, type NumberOperator, ORBCAFE_I18N_MESSAGES, ORB_DARK, ORB_FONT_STACK, ORB_LIGHT, ORB_RADIUS, ORB_TOKENS, ORB_TRANSITION_FAST, type OrbMode, type OrbModeSetting, type OrbTokens, type OrbcafeI18nContextValue, OrbcafeI18nProvider, type OrbcafeI18nProviderProps, type OrbcafeLocale, type OrbcafeLocaleMessages, type OrbcafeMessageKey, type OrbcafeMessageParams, OrbisModeProvider, type OrbisModeProviderProps, PAGE_TRANSITION_PRESETS, PAppPageLayout, type PAppPageLayoutProps, PBarcodeScanner, type PBarcodeScannerDetectedValue, type PBarcodeScannerProps, PNavIsland, type PNavIslandProps, PNumericKeypad, type PNumericKeypadProps, type POrientation, PSmartFilter, type PSmartFilterProps, PTable, type PTableProps, PTouchCard, type PTouchCardMetric, type PTouchCardProps, type PTouchCardSwipeAction, PWorkloadNav, type PWorkloadNavItem, type PWorkloadNavProps, PackageCheck, PackageSearch, type PageTransitionVariant, PanelLeftOpen, PanelRight, PanelsTopLeft, type ParsedMarkdownTable, PieChart, Pin, type PivotAggregation, type PivotChartConfig, PivotChartPanel, type PivotChartType, type PivotFieldDefinition, type PivotFieldType, type PivotFilterSelections, type PivotLayoutConfig, type PivotTableModel, type PivotTablePreset, type PivotValueFieldConfig, type PivotValueFieldState, type PlanningGanttColumn, type PlanningGanttScale, type PlanningGanttSummaryItem, type PlanningTaskOwner, type PlanningTaskRecord, type PlanningTaskStatus, Play, Plus, QrCode, ReceiptText, RefreshCw, type ReportColumn, type ReportFilter, type ReportMetadata, Rocket, RotateCcw, RotateCw, Rows3, SapIcon, type SapIconName, type SapIconProps, Save, ScanLine, Search, type SelectOperator, Send, SendHorizontal, Settings, ShieldCheck, Sigma, SortAsc, SquareSplitHorizontal, Star, StdChat, type StdChatProps, Sun, Table2, type TableAlign, TableBlock, type TableBlockProps, TabletSmartphone, Terminal, type TextOperator, ThinkBlock, type ThinkBlockProps, ThumbsDown, ThumbsUp, Trash2, TreeMenu, type TreeMenuItem, TreePine, TrendingDown, TriangleAlert, Truck, UploadCloud, type UseAmapEmbedUrlOptions, type UseAuthPageOptions, type UseAuthPageResult, type UseDetailInfoOptions, type UseDetailInfoResult, type UseGoogleMapEmbedUrlOptions, type UseGraphChartDataOptions, type UseGraphChartDataResult, type UseGraphInteractionResult, type UseGraphReportOptions, type UseGraphReportResult, type UseKanbanBoardActions, type UseKanbanBoardBindings, type UseKanbanBoardOptions, type UseKanbanBoardResult, type UseNavigationIslandOptions, type UseNavigationIslandResult, type UsePadLayoutOptions, type UsePadLayoutResult, type UsePadRecordEditorOptions, type UsePadRecordEditorResult, type UsePageLayoutOptions, type UsePivotTableOptions, type UsePivotTableResult, type UsePlanningGanttOptions, type UsePlanningGanttResult, type UsePlanningLayoutOptions, type UsePlanningLayoutResult, type UseStandardReportOptions, type UseVoiceInputOptions, type UseVoiceInputResult, User, type VariantMetadata, type VoiceNavigatorContextValue, VoiceNavigatorProvider, type VoiceNavigatorProviderProps, VoiceWaveOverlay, type VoiceWaveOverlayProps, Volume2, Warehouse, Workflow, X, XCircle, buildAmapEmbedUrl, buildGoogleMapEmbedUrl, buildGoogleMapIframe, buttonVariants, createKanbanBoardModel, createSapIcon, findKanbanCard, message, messageManager, moveKanbanCard, orbAlpha, orbChartSeries, parseMarkdownTable, renderMarkdown, resolveVariantFilters, resolveVariantLayout, useAINav, useAmapEmbedUrl, useAuthPage, useDetailInfo, useGoogleMapEmbedUrl, useGraphChartData, useGraphInteraction, useGraphReport, useKanbanBoard, useMediaQuery, useNavigationIsland, useOrbMode, useOrbTokens, useOrbcafeI18n, usePadLayout, usePadRecordEditor, usePageLayout, usePivotTable, usePlanningGantt, usePlanningLayout, useStandardReport, useVoiceInput, useVoiceNavigator };
|