@reopt-ai/opt-ui 1.6.0 → 1.8.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/COMPONENT_CATALOG.md +96 -13
- package/dist/app.css +24 -0
- package/dist/core/index.cjs +3 -3
- package/dist/core/index.d.cts +1 -1
- package/dist/core/index.d.ts +1 -1
- package/dist/core/index.js +2 -2
- package/dist/docs/02-components/01-core.md +1 -1
- package/dist/docs/02-components/02-visuals.md +1 -1
- package/dist/docs/02-components/03-shells.md +105 -12
- package/dist/docs/02-components/04-surfaces.md +1 -1
- package/dist/docs/02-components/index.md +4 -4
- package/dist/docs/05-migration/01-breaking-changes.md +18 -1
- package/dist/field-sidebar-5KYVlpSs.d.ts +1041 -0
- package/dist/field-sidebar-5KYVlpSs.d.ts.map +1 -0
- package/dist/field-sidebar-BP0iWkoV.d.cts +1041 -0
- package/dist/field-sidebar-BP0iWkoV.d.cts.map +1 -0
- package/dist/{workflow-canvas-BGBAcjf-.js → field-sidebar-BYD_UIjG.js} +1909 -52
- package/dist/field-sidebar-BYD_UIjG.js.map +1 -0
- package/dist/{workflow-canvas-3Jeevkgy.cjs → field-sidebar-Bqfp6dgg.cjs} +2037 -48
- package/dist/id-registry.cjs +41 -1
- package/dist/id-registry.d.cts +1 -1
- package/dist/id-registry.d.cts.map +1 -1
- package/dist/id-registry.d.ts +1 -1
- package/dist/id-registry.d.ts.map +1 -1
- package/dist/id-registry.js +41 -1
- package/dist/id-registry.js.map +1 -1
- package/dist/id-registry.json +85 -0
- package/dist/index.cjs +142 -56
- package/dist/index.d.cts +149 -80
- package/dist/index.d.cts.map +1 -1
- package/dist/index.d.ts +149 -80
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +73 -11
- package/dist/index.js.map +1 -1
- package/dist/meta.cjs +292 -0
- package/dist/meta.d.cts.map +1 -1
- package/dist/meta.d.ts.map +1 -1
- package/dist/meta.js +292 -0
- package/dist/meta.js.map +1 -1
- package/dist/{pagination-By7Ozv3U.js → pagination-DWbvACuN.js} +93 -31
- package/dist/pagination-DWbvACuN.js.map +1 -0
- package/dist/{pagination-Uv3CnGJz.cjs → pagination-DjfxBcjX.cjs} +98 -36
- package/dist/query.cjs +386 -0
- package/dist/query.d.cts +141 -0
- package/dist/query.d.cts.map +1 -0
- package/dist/query.d.ts +141 -0
- package/dist/query.d.ts.map +1 -0
- package/dist/query.js +371 -0
- package/dist/query.js.map +1 -0
- package/dist/{shader-surface-BWhO2xkk.js → shader-surface-BUPZ0P-n.js} +22 -83
- package/dist/shader-surface-BUPZ0P-n.js.map +1 -0
- package/dist/{shader-surface-DIVWtpFl.d.ts → shader-surface-BfTP9c1Q.d.ts} +139 -139
- package/dist/shader-surface-BfTP9c1Q.d.ts.map +1 -0
- package/dist/{shader-surface-BK1GMt5_.d.cts → shader-surface-DRrcLrWf.d.cts} +139 -139
- package/dist/shader-surface-DRrcLrWf.d.cts.map +1 -0
- package/dist/{shader-surface-DxLLfrE6.cjs → shader-surface-Fav5K9UC.cjs} +20 -87
- package/dist/shells/index.cjs +31 -24
- package/dist/shells/index.d.cts +2 -2
- package/dist/shells/index.d.ts +2 -2
- package/dist/shells/index.js +3 -2
- package/dist/theme/presets/default.css +2 -2
- package/dist/theme/presets/minimal.css +2 -2
- package/dist/theme/presets/mono-dark.css +2 -2
- package/dist/theme/presets/natural.css +1 -1
- package/dist/theme/presets/pro.css +2 -2
- package/package.json +17 -6
- package/dist/pagination-By7Ozv3U.js.map +0 -1
- package/dist/shader-surface-BK1GMt5_.d.cts.map +0 -1
- package/dist/shader-surface-BWhO2xkk.js.map +0 -1
- package/dist/shader-surface-DIVWtpFl.d.ts.map +0 -1
- package/dist/workflow-canvas-BGBAcjf-.js.map +0 -1
- package/dist/workflow-canvas-Bar_O2SQ.d.ts +0 -494
- package/dist/workflow-canvas-Bar_O2SQ.d.ts.map +0 -1
- package/dist/workflow-canvas-DghDRtHn.d.cts +0 -494
- package/dist/workflow-canvas-DghDRtHn.d.cts.map +0 -1
package/COMPONENT_CATALOG.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
<!-- DEPRECATED: Prefer dist/docs/02-components/ for per-layer reference. -->
|
|
4
4
|
<!-- Auto-generated from ComponentMeta. Do not edit. -->
|
|
5
|
-
<!-- Version: 1.
|
|
5
|
+
<!-- Version: 1.7.0 -->
|
|
6
6
|
|
|
7
7
|
## Quick Stats
|
|
8
8
|
|
|
@@ -10,9 +10,9 @@
|
|
|
10
10
|
| --------- | ------- |
|
|
11
11
|
| Core | 59 |
|
|
12
12
|
| Visuals | 0 |
|
|
13
|
-
| Shells |
|
|
13
|
+
| Shells | 80 |
|
|
14
14
|
| Surfaces | 0 |
|
|
15
|
-
| **Total** | **
|
|
15
|
+
| **Total** | **139** |
|
|
16
16
|
|
|
17
17
|
## Component Selection Guide
|
|
18
18
|
|
|
@@ -196,7 +196,7 @@
|
|
|
196
196
|
| Component | Description | Key Exports |
|
|
197
197
|
| --------- | ----------- | ----------- |
|
|
198
198
|
|
|
199
|
-
## Shell Components (
|
|
199
|
+
## Shell Components (80)
|
|
200
200
|
|
|
201
201
|
### Navigation & Layout
|
|
202
202
|
|
|
@@ -328,15 +328,20 @@
|
|
|
328
328
|
|
|
329
329
|
### Other
|
|
330
330
|
|
|
331
|
-
| Component
|
|
332
|
-
|
|
|
333
|
-
| PageAside
|
|
334
|
-
| FailureList
|
|
335
|
-
| KeyValueEditor
|
|
336
|
-
| AuditTimeline
|
|
337
|
-
| ChatSidebar
|
|
338
|
-
| ChatInput
|
|
339
|
-
| ChatMessageList
|
|
331
|
+
| Component | Description | Key Exports |
|
|
332
|
+
| ---------------- | ---------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------ |
|
|
333
|
+
| PageAside | Sticky 페이지 사이드 aside chrome. 고정 너비 + header/body/footer 3-slot. | `PageAside` |
|
|
334
|
+
| FailureList | 실패 목록 패널. severity별 색상 강조, 그룹핑, 액션 슬롯을 지원합니다. | `FailureList` |
|
|
335
|
+
| KeyValueEditor | 키-값 쌍 편집기. 동적 행 추가/삭제, 비밀값 토글, 유효성 검사를 지원합니다. | `KeyValueEditor` |
|
|
336
|
+
| AuditTimeline | 변경 이력 타임라인. 액션별 색상 코딩 + 확장 가능한 diff 뷰. | `AuditTimeline` |
|
|
337
|
+
| ChatSidebar | AI 채팅 사이드바. 대화 목록, 검색, 새 대화 버튼. | `ChatSidebar` |
|
|
338
|
+
| ChatInput | 채팅 입력 컴포넌트. 자동 리사이즈 textarea, 파일 첨부, 모델/스타일 Select. | `ChatInput` |
|
|
339
|
+
| ChatMessageList | 채팅 메시지 목록. 역할별 말풍선, 타이핑 인디케이터, 자동 스크롤. | `ChatMessageList` |
|
|
340
|
+
| TimeRangeControl | date math(now-7d, now/d) 기반 시간 범위 컨트롤. quick select, 프리셋/최근 사용, 명시적 Update, 자동 갱신, 창 이동·확대/축소 버튼을 제공합니다. | `TimeRangeControl`, `DEFAULT_TIME_PRESETS` |
|
|
341
|
+
| TimeSeriesPanel | 시간 범위 컨트롤과 시계열 차트를 한 단위로 묶은 패널. 드래그 줌과 줌 히스토리(되돌리기), 범례 토글을 포함합니다. | `TimeSeriesPanel` |
|
|
342
|
+
| LogTable | 계속 도착하는 로그용 윈도잉 테이블. 컬럼 정의 기반, 상단 삽입 시 스크롤 위치 보존, follow 상태 보고, 셀 값 즉시 필터, 밀도·정렬을 지원합니다. | `LogTable` |
|
|
343
|
+
| QueryBar | 검색과 필터를 한 입력으로 합친 쿼리 바. field:value, -부정, (a or b), 비교 연산, 필드·값 자동완성, 절(clause) 칩을 지원합니다. | `QueryBar` |
|
|
344
|
+
| FieldSidebar | 데이터에 어떤 필드가 있고 각 필드가 무슨 값을 갖는지 보여주는 사이드바. 값 분포 막대, 컬럼으로 승격, 값 기준 포함/제외 필터를 제공합니다. | `FieldSidebar` |
|
|
340
345
|
|
|
341
346
|
## Surface Components (0)
|
|
342
347
|
|
|
@@ -3287,4 +3292,82 @@ const messages = [
|
|
|
3287
3292
|
<ChatMessageList messages={messages} loading={false} />;
|
|
3288
3293
|
```
|
|
3289
3294
|
|
|
3295
|
+
#### TimeRangeControl
|
|
3296
|
+
|
|
3297
|
+
**Import:** `import { TimeRangeControl } from "@reopt-ai/opt-ui"`
|
|
3298
|
+
|
|
3299
|
+
| Prop | Type | Required | Default | Description |
|
|
3300
|
+
| ------------------- | -------------------------------- | -------- | ------- | ---------------------------------------- |
|
|
3301
|
+
| `value` | `TimeRange` | Yes | | { from, to } — date math 문자열 또는 ISO |
|
|
3302
|
+
| `onChange` | `(range: TimeRange) => void` | Yes | | 범위가 커밋되었을 때 호출 |
|
|
3303
|
+
| `presets` | `TimeRangePreset[]` | | | 자주 쓰는 범위 목록 |
|
|
3304
|
+
| `recentRanges` | `TimeRangePreset[]` | | | 최근 사용한 범위 (호출자 소유) |
|
|
3305
|
+
| `timeZone` | `string` | | | 라운딩·표시에 쓸 IANA 타임존 |
|
|
3306
|
+
| `showUpdateButton` | `boolean` | | true | 편집을 명시적으로 커밋 |
|
|
3307
|
+
| `showWindowButtons` | `boolean` | | true | 이전/다음 창, 확대/축소 버튼 |
|
|
3308
|
+
| `refresh` | `RefreshSetting` | | | { interval, paused } 자동 갱신 설정 |
|
|
3309
|
+
| `onRefresh` | `() => void \| Promise<unknown>` | | | 갱신 요청 — 프라미스가 끝난 뒤 다음 tick |
|
|
3310
|
+
|
|
3311
|
+
#### TimeSeriesPanel
|
|
3312
|
+
|
|
3313
|
+
**Import:** `import { TimeSeriesPanel } from "@reopt-ai/opt-ui"`
|
|
3314
|
+
|
|
3315
|
+
| Prop | Type | Required | Default | Description |
|
|
3316
|
+
| ------------------ | ---------------------------- | -------- | ------- | --------------------------------------------- |
|
|
3317
|
+
| `data` | `TimeSeriesPoint[]` | Yes | | 시계열 데이터 |
|
|
3318
|
+
| `series` | `TimeSeriesDef[]` | Yes | | 시리즈 정의 |
|
|
3319
|
+
| `range` | `TimeRange` | Yes | | 조회 구간 — 차트 축도 여기에 고정됩니다 |
|
|
3320
|
+
| `onRangeChange` | `(range: TimeRange) => void` | Yes | | 드래그 줌·컨트롤 변경으로 구간이 바뀔 때 호출 |
|
|
3321
|
+
| `showRangeControl` | `boolean` | | true | 헤더에 TimeRangeControl 렌더 |
|
|
3322
|
+
| `toggleableLegend` | `boolean` | | false | 범례 클릭으로 시리즈 숨김 |
|
|
3323
|
+
| `annotations` | `TimeSeriesAnnotation[]` | | | 시간축 마커/구간 |
|
|
3324
|
+
| `height` | `number` | | 280 | 차트 높이 |
|
|
3325
|
+
|
|
3326
|
+
#### LogTable
|
|
3327
|
+
|
|
3328
|
+
**Import:** `import { LogTable } from "@reopt-ai/opt-ui"`
|
|
3329
|
+
|
|
3330
|
+
| Prop | Type | Required | Default | Description |
|
|
3331
|
+
| ---------------- | ---------------------------------------- | -------- | -------- | -------------------------------- |
|
|
3332
|
+
| `rows` | `Row[]` | Yes | | 표시할 행 |
|
|
3333
|
+
| `columns` | `LogColumn<Row>[]` | Yes | | 컬럼 정의 (표시 중인 것만) |
|
|
3334
|
+
| `getRowId` | `(row: Row) => string` | Yes | | 행 식별자 |
|
|
3335
|
+
| `selectedId` | `string \| null` | | | 선택된 행 |
|
|
3336
|
+
| `onSelect` | `(id: string) => void` | | | 행 선택 |
|
|
3337
|
+
| `onLoadMore` | `() => void` | | | 다음 페이지 요청 |
|
|
3338
|
+
| `prepending` | `boolean` | | false | 상단에 행이 삽입되는 라이브 목록 |
|
|
3339
|
+
| `onFollowChange` | `(following: boolean) => void` | | | 최신 행 고정 여부 보고 |
|
|
3340
|
+
| `isNew` | `(row: Row) => boolean` | | | 방금 도착한 행 강조 |
|
|
3341
|
+
| `sort` | `LogSort \| null` | | | 정렬 상태 |
|
|
3342
|
+
| `onSortChange` | `(sort: LogSort) => void` | | | 헤더 클릭 정렬 |
|
|
3343
|
+
| `onCellAction` | `(action: LogCellAction) => void` | | | 셀 값 포함/제외 필터 |
|
|
3344
|
+
| `density` | `"compact" \| "normal" \| "comfortable"` | | "normal" | 행 높이와 글자 크기 |
|
|
3345
|
+
|
|
3346
|
+
#### QueryBar
|
|
3347
|
+
|
|
3348
|
+
**Import:** `import { QueryBar } from "@reopt-ai/opt-ui"`
|
|
3349
|
+
|
|
3350
|
+
| Prop | Type | Required | Default | Description |
|
|
3351
|
+
| ------------- | ------------------------ | -------- | ------- | ---------------------------- |
|
|
3352
|
+
| `value` | `Query` | Yes | | 파싱된 쿼리 |
|
|
3353
|
+
| `onChange` | `(query: Query) => void` | Yes | | 커밋 시 호출 (Enter·blur) |
|
|
3354
|
+
| `fields` | `QueryField[]` | | | 자동완성할 필드와 알려진 값 |
|
|
3355
|
+
| `showClauses` | `boolean` | | false | 절을 제거 가능한 칩으로 표시 |
|
|
3356
|
+
| `live` | `boolean` | | false | 키 입력마다 커밋 |
|
|
3357
|
+
|
|
3358
|
+
#### FieldSidebar
|
|
3359
|
+
|
|
3360
|
+
**Import:** `import { FieldSidebar } from "@reopt-ai/opt-ui"`
|
|
3361
|
+
|
|
3362
|
+
| Prop | Type | Required | Default | Description |
|
|
3363
|
+
| ----------------------- | ------------------------------------------------------------------------ | -------- | ------- | ------------------------------ |
|
|
3364
|
+
| `fields` | `FieldSummary[]` | Yes | | 필드 목록 |
|
|
3365
|
+
| `expandedField` | `string \| null` | | | 값을 펼친 필드 |
|
|
3366
|
+
| `onExpandedFieldChange` | `(field: string \| null) => void` | | | 펼침 전환 — 호출자가 값을 조회 |
|
|
3367
|
+
| `values` | `FieldValueCount[]` | | | 펼친 필드의 상위 값 |
|
|
3368
|
+
| `valuesLoading` | `boolean` | | false | 값 조회 중 |
|
|
3369
|
+
| `sampledRows` | `number` | | | 집계 대상 행 수 (분모) |
|
|
3370
|
+
| `onToggleColumn` | `(field: string, next: boolean) => void` | | | 컬럼 추가/제거 |
|
|
3371
|
+
| `onFilter` | `(field: string, value: string, intent: "include" \| "exclude") => void` | | | 값 기준 필터 |
|
|
3372
|
+
|
|
3290
3373
|
### Surface Layer
|
package/dist/app.css
CHANGED
|
@@ -144,3 +144,27 @@
|
|
|
144
144
|
transform: translateY(0);
|
|
145
145
|
}
|
|
146
146
|
}
|
|
147
|
+
|
|
148
|
+
/*
|
|
149
|
+
* A row that just arrived over a live connection fades its highlight out once.
|
|
150
|
+
* The eye catches what is new without the list turning into a light show —
|
|
151
|
+
* and readers who asked for less motion get the row without the flash.
|
|
152
|
+
*/
|
|
153
|
+
@keyframes opt-log-row-enter {
|
|
154
|
+
from {
|
|
155
|
+
background-color: var(--opt-accent-subtle, rgb(59 130 246 / 0.18));
|
|
156
|
+
}
|
|
157
|
+
to {
|
|
158
|
+
background-color: transparent;
|
|
159
|
+
}
|
|
160
|
+
}
|
|
161
|
+
|
|
162
|
+
.opt-log-row-enter {
|
|
163
|
+
animation: opt-log-row-enter 1.5s ease-out 1;
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
@media (prefers-reduced-motion: reduce) {
|
|
167
|
+
.opt-log-row-enter {
|
|
168
|
+
animation: none;
|
|
169
|
+
}
|
|
170
|
+
}
|
package/dist/core/index.cjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const require_pagination = require("../pagination-
|
|
4
|
-
const require_shader_surface = require("../shader-surface-
|
|
3
|
+
const require_pagination = require("../pagination-DjfxBcjX.cjs");
|
|
4
|
+
const require_shader_surface = require("../shader-surface-Fav5K9UC.cjs");
|
|
5
5
|
let _reopt_ai_opt_ui_primitives = require("@reopt-ai/opt-ui-primitives");
|
|
6
6
|
exports.AccordionContent = require_shader_surface.AccordionContent;
|
|
7
7
|
exports.AccordionItem = require_shader_surface.AccordionItem;
|
|
@@ -86,7 +86,7 @@ exports.FormSwitch = require_pagination.FormSwitch;
|
|
|
86
86
|
exports.FormTextarea = require_pagination.FormTextarea;
|
|
87
87
|
exports.Heading = require_shader_surface.Heading;
|
|
88
88
|
exports.IconPicker = require_pagination.IconPicker;
|
|
89
|
-
exports.Input =
|
|
89
|
+
exports.Input = require_pagination.Input;
|
|
90
90
|
exports.Kbd = require_pagination.Kbd;
|
|
91
91
|
exports.Logo = require_shader_surface.Logo;
|
|
92
92
|
exports.MenuButtonArrow = require_pagination.MenuButtonArrow;
|
package/dist/core/index.d.cts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
|
|
2
|
-
import { $ as RadioProps, $i as HeadingProps, $n as ComboboxPopover, $r as SkeletonCard, A as PanelImperativeHandle, Ai as Breadcrumb, An as NumberInputProps, At as FormError, B as Container, Bi as PrimAccordionContentProps, Bn as MenuItemCheckbox, Br as MeterProps, Bt as FormProvider, C as DrawerRoot, Ci as CardHeaderProps, Cn as ColorPicker, Ct as FormCheckbox, D as LogoProps, Di as EmptyState, Dn as Slider, E as Logo, Ei as CardTitleProps, Et as FormControl, F as ResizablePanelGroup, Fi as AccordionContent, Fn as Tooltip, Fr as CompositeItem, G as PageHeaderProps, Gi as ToggleGroupProps, Gn as MenuTrigger, Gr as Avatar, Gt as FormReset, H as ScrollArea, Hi as PrimAccordionTriggerProps, Hn as MenuPopover, Hr as CircularProgressProps, Ht as FormRadio, I as ResizablePanelGroupProps, Ii as AccordionItem, In as TooltipAnchor, Ir as CompositeProvider, It as FormInput, J as BlockLayout, Ji as OtpFieldProps, Jn as ComboboxEmpty, Jr as AvatarProps, Jt as FormSelectItem, K as BlockBaseProps, Ki as ToggleProps, Kn as MenubarContainer, Kr as AvatarGroup, Kt as FormRoot, L as ResizablePanelProps, Li as AccordionRoot, Ln as TooltipProvider, Lr as CompositeRow, Lt as FormLabel, M as ResizableHandle, Mi as BreadcrumbProps, Mn as ToolbarContainer, Mr as DisclosureRoot, Mt as FormGroup, N as ResizableHandleProps, Ni as StatCard, Nn as ToolbarRoot, Nr as DisclosureTrigger, Nt as FormGroupLabel, O as GroupImperativeHandle, Oi as EmptyStateAction, On as SliderProps, Or as TabsRoot, P as ResizablePanel, Pi as StatCardProps, Pn as ToolbarSeparator, Pr as Composite, Q as RadioGroupProps, Qi as HeadingLevel, Qn as ComboboxItem, Qr as SkeletonAvatar, R as Section, Ri as AccordionRootProps, Rn as MenuButtonArrow, Rr as CompositeZone, S as DrawerPanelProps, Si as CardHeader, Sn as IconPickerProps, Sr as TabList, St as StepDef, T as DrawerSize, Ti as CardTitle, U as ScrollAreaProps, Ui as Toggle, Un as MenuRoot, Ur as Progress, Ut as FormRadioGroup, V as ContainerProps, Vi as PrimAccordionItemProps, Vn as MenuItemRadio, Vr as CircularProgress, Vt as FormPush, W as PageHeader, Wi as ToggleGroup, Wn as MenuSeparator, Wr as ProgressProps, Wt as FormRemove, X as Radio, Xi as SeparatorProps, Xn as ComboboxGroupLabel, Xr as TextareaProps, Xt as FormSelectProps, Y as BlockLayoutProps, Yi as Separator, Yn as ComboboxGroup, Yr as Textarea, Yt as FormSelectPopover, Z as RadioGroup, Zi as Heading, Zn as ComboboxInput, Zr as Skeleton, _ as VirtualListProps, _i as CardContentProps, _n as DateRangePreset, _r as SelectLabel, _t as ConditionGroup, a as SHADER_PARAM_FALLBACK, aa as TextTone, ai as Input, ar as DialogDescription, at as DropdownItem, b as DrawerClose, bi as CardFooter, bn as IconDef, br as SelectTrigger, bt as StepBuilder, c as SHADER_PRESET_IDS, ci as AlertProps, cr as DialogFooter, ct as DropdownTrigger, d as ShaderPreset, di as Badge, dn as ComparisonMode, dr as DialogHeaderProps, dt as PopoverContentProps, ea as HeadingRole, ei as SkeletonProps, er as ComboboxRoot, et as Checkbox, f as ShaderPresetCategory, fi as BadgeProps, fn as DEFAULT_PRESETS, fr as DialogHeading, ft as PopoverRoot, g as VirtualList, gi as CardContent, gn as DateRangePickerProps, gr as SelectItem, gt as ConditionDef, h as getShaderPreset, hi as Card, hn as DateRangePicker, hr as DialogSize, ht as ConditionBuilderProps, i as SHADER_OVERLAY_PARAM_KEYS, ia as TextRole, ii as SwitchProps, ir as DialogBodyProps, it as DropdownContent, j as PanelSize, ji as BreadcrumbItem, jn as ToolbarButton, jr as DisclosureContent, jt as FormField, k as Layout, ki as EmptyStateProps, kn as NumberInput, kt as FormDescription, l as ShaderParamKey, li as Spinner, ln as useFormContext, lr as DialogFooterProps, lt as PopoverClose, m as getShaderFragment, mi as ButtonProps, mn as DateRange, mr as DialogRoot, mt as ConditionBuilder, n as ShaderSurfaceHandle, na as TextElement, ni as SkeletonText, nn as FormSwitch, nr as AlertDialogPanelProps, nt as CheckboxGroupProps, o as SHADER_PARAM_KEYS, oa as Kbd, oi as InputProps, on as FormTextarea, or as DialogDisclosure, ot as DropdownMenu, p as ShaderPresetId, pi as Button, pn as DateGranularity, pr as DialogPanel, pt as PopoverTrigger, q as createBlock, qi as OtpField, qn as MenubarRoot, qr as AvatarGroupProps, qt as FormSelect, r as ShaderSurfaceProps, ra as TextProps, ri as Switch, rn as FormSwitchProps, rr as DialogBody, rt as CheckboxProps, s as SHADER_PRESETS, sa as KbdProps, si as Alert, sn as FormTextareaProps, sr as DialogDismiss, st as DropdownSeparator, t as ShaderSurface, ta as Text, ti as SkeletonTable, tn as FormSubmit, tr as AlertDialogPanel, tt as CheckboxGroup, u as ShaderParamSpec, ui as SpinnerProps, un as useFormStore, ur as DialogHeader, ut as PopoverContent, v as Pagination, vi as CardDescription, vn as TagInput, vr as SelectPopover, vt as ConditionOperator, w as DrawerSide, wi as CardProps, wn as ColorPickerProps, wr as TabPanel, x as DrawerPanel, xi as CardFooterProps, xn as IconPicker, xr as Tab, xt as StepBuilderProps, y as PaginationProps, yi as CardDescriptionProps, yn as TagInputProps, yr as SelectRoot, yt as ConditionTypeRenderer, z as SectionProps, zi as AccordionTrigger, zn as MenuItem, zr as Meter } from "../shader-surface-
|
|
2
|
+
import { $ as RadioProps, $i as HeadingProps, $n as ComboboxPopover, $r as SkeletonCard, A as PanelImperativeHandle, Ai as Breadcrumb, An as NumberInputProps, At as FormError, B as Container, Bi as PrimAccordionContentProps, Bn as MenuItemCheckbox, Br as MeterProps, Bt as FormProvider, C as DrawerRoot, Ci as CardHeaderProps, Cn as ColorPicker, Ct as FormCheckbox, D as LogoProps, Di as EmptyState, Dn as Slider, E as Logo, Ei as CardTitleProps, Et as FormControl, F as ResizablePanelGroup, Fi as AccordionContent, Fn as Tooltip, Fr as CompositeItem, G as PageHeaderProps, Gi as ToggleGroupProps, Gn as MenuTrigger, Gr as Avatar, Gt as FormReset, H as ScrollArea, Hi as PrimAccordionTriggerProps, Hn as MenuPopover, Hr as CircularProgressProps, Ht as FormRadio, I as ResizablePanelGroupProps, Ii as AccordionItem, In as TooltipAnchor, Ir as CompositeProvider, It as FormInput, J as BlockLayout, Ji as OtpFieldProps, Jn as ComboboxEmpty, Jr as AvatarProps, Jt as FormSelectItem, K as BlockBaseProps, Ki as ToggleProps, Kn as MenubarContainer, Kr as AvatarGroup, Kt as FormRoot, L as ResizablePanelProps, Li as AccordionRoot, Ln as TooltipProvider, Lr as CompositeRow, Lt as FormLabel, M as ResizableHandle, Mi as BreadcrumbProps, Mn as ToolbarContainer, Mr as DisclosureRoot, Mt as FormGroup, N as ResizableHandleProps, Ni as StatCard, Nn as ToolbarRoot, Nr as DisclosureTrigger, Nt as FormGroupLabel, O as GroupImperativeHandle, Oi as EmptyStateAction, On as SliderProps, Or as TabsRoot, P as ResizablePanel, Pi as StatCardProps, Pn as ToolbarSeparator, Pr as Composite, Q as RadioGroupProps, Qi as HeadingLevel, Qn as ComboboxItem, Qr as SkeletonAvatar, R as Section, Ri as AccordionRootProps, Rn as MenuButtonArrow, Rr as CompositeZone, S as DrawerPanelProps, Si as CardHeader, Sn as IconPickerProps, Sr as TabList, St as StepDef, T as DrawerSize, Ti as CardTitle, U as ScrollAreaProps, Ui as Toggle, Un as MenuRoot, Ur as Progress, Ut as FormRadioGroup, V as ContainerProps, Vi as PrimAccordionItemProps, Vn as MenuItemRadio, Vr as CircularProgress, Vt as FormPush, W as PageHeader, Wi as ToggleGroup, Wn as MenuSeparator, Wr as ProgressProps, Wt as FormRemove, X as Radio, Xi as SeparatorProps, Xn as ComboboxGroupLabel, Xr as TextareaProps, Xt as FormSelectProps, Y as BlockLayoutProps, Yi as Separator, Yn as ComboboxGroup, Yr as Textarea, Yt as FormSelectPopover, Z as RadioGroup, Zi as Heading, Zn as ComboboxInput, Zr as Skeleton, _ as VirtualListProps, _i as CardContentProps, _n as DateRangePreset, _r as SelectLabel, _t as ConditionGroup, a as SHADER_PARAM_FALLBACK, aa as TextTone, ai as Input, ar as DialogDescription, at as DropdownItem, b as DrawerClose, bi as CardFooter, bn as IconDef, br as SelectTrigger, bt as StepBuilder, c as SHADER_PRESET_IDS, ci as AlertProps, cr as DialogFooter, ct as DropdownTrigger, d as ShaderPreset, di as Badge, dn as ComparisonMode, dr as DialogHeaderProps, dt as PopoverContentProps, ea as HeadingRole, ei as SkeletonProps, er as ComboboxRoot, et as Checkbox, f as ShaderPresetCategory, fi as BadgeProps, fn as DEFAULT_PRESETS, fr as DialogHeading, ft as PopoverRoot, g as VirtualList, gi as CardContent, gn as DateRangePickerProps, gr as SelectItem, gt as ConditionDef, h as getShaderPreset, hi as Card, hn as DateRangePicker, hr as DialogSize, ht as ConditionBuilderProps, i as SHADER_OVERLAY_PARAM_KEYS, ia as TextRole, ii as SwitchProps, ir as DialogBodyProps, it as DropdownContent, j as PanelSize, ji as BreadcrumbItem, jn as ToolbarButton, jr as DisclosureContent, jt as FormField, k as Layout, ki as EmptyStateProps, kn as NumberInput, kt as FormDescription, l as ShaderParamKey, li as Spinner, ln as useFormContext, lr as DialogFooterProps, lt as PopoverClose, m as getShaderFragment, mi as ButtonProps, mn as DateRange, mr as DialogRoot, mt as ConditionBuilder, n as ShaderSurfaceHandle, na as TextElement, ni as SkeletonText, nn as FormSwitch, nr as AlertDialogPanelProps, nt as CheckboxGroupProps, o as SHADER_PARAM_KEYS, oa as Kbd, oi as InputProps, on as FormTextarea, or as DialogDisclosure, ot as DropdownMenu, p as ShaderPresetId, pi as Button, pn as DateGranularity, pr as DialogPanel, pt as PopoverTrigger, q as createBlock, qi as OtpField, qn as MenubarRoot, qr as AvatarGroupProps, qt as FormSelect, r as ShaderSurfaceProps, ra as TextProps, ri as Switch, rn as FormSwitchProps, rr as DialogBody, rt as CheckboxProps, s as SHADER_PRESETS, sa as KbdProps, si as Alert, sn as FormTextareaProps, sr as DialogDismiss, st as DropdownSeparator, t as ShaderSurface, ta as Text, ti as SkeletonTable, tn as FormSubmit, tr as AlertDialogPanel, tt as CheckboxGroup, u as ShaderParamSpec, ui as SpinnerProps, un as useFormStore, ur as DialogHeader, ut as PopoverContent, v as Pagination, vi as CardDescription, vn as TagInput, vr as SelectPopover, vt as ConditionOperator, w as DrawerSide, wi as CardProps, wn as ColorPickerProps, wr as TabPanel, x as DrawerPanel, xi as CardFooterProps, xn as IconPicker, xr as Tab, xt as StepBuilderProps, y as PaginationProps, yi as CardDescriptionProps, yn as TagInputProps, yr as SelectRoot, yt as ConditionTypeRenderer, z as SectionProps, zi as AccordionTrigger, zn as MenuItem, zr as Meter } from "../shader-surface-DRrcLrWf.cjs";
|
|
3
3
|
export { AccordionContent, type PrimAccordionContentProps as AccordionContentProps, AccordionItem, type PrimAccordionItemProps as AccordionItemProps, AccordionRoot, type AccordionRootProps, AccordionTrigger, type PrimAccordionTriggerProps as AccordionTriggerProps, Alert, AlertDialogPanel, type AlertDialogPanelProps, type AlertProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, type BlockBaseProps, type BlockBaseProps as SurfaceBaseProps, BlockLayout, BlockLayout as SurfaceLayout, type BlockLayoutProps, type BlockLayoutProps as SurfaceLayoutProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, CircularProgress, type CircularProgressProps, ColorPicker, type ColorPickerProps, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxPopover, ComboboxRoot, type ComparisonMode, Composite, CompositeItem, CompositeProvider, CompositeRow, CompositeZone, ConditionBuilder, type ConditionBuilderProps, type ConditionDef, type ConditionGroup, type ConditionOperator, type ConditionTypeRenderer, Container, type ContainerProps, DEFAULT_PRESETS, type DateGranularity, type DateRange, DateRangePicker, type DateRangePickerProps, type DateRangePreset, DialogBody, type DialogBodyProps, DialogDescription, DialogDisclosure, DialogDismiss, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogHeading, DialogPanel, DialogRoot, type DialogSize, DisclosureContent, DisclosureRoot, DisclosureTrigger, DrawerClose, DrawerPanel, type DrawerPanelProps, DrawerRoot, type DrawerSide, type DrawerSize, DropdownContent, DropdownItem, DropdownMenu, DropdownSeparator, DropdownTrigger, EmptyState, type EmptyStateAction, type EmptyStateProps, FormCheckbox, FormControl, FormDescription, FormError, FormField, FormGroup, FormGroupLabel, FormInput, FormLabel, FormProvider, FormPush, FormRadio, FormRadioGroup, FormRemove, FormReset, FormRoot, FormSelect, FormSelectItem, FormSelectPopover, type FormSelectProps, FormSubmit, FormSwitch, type FormSwitchProps, FormTextarea, type FormTextareaProps, Heading, type HeadingLevel, type HeadingProps, type HeadingRole, type IconDef, IconPicker, type IconPickerProps, Input, type InputProps, Kbd, type KbdProps, Logo, type LogoProps, MenuButtonArrow, MenuItem, MenuItemCheckbox, MenuItemRadio, MenuPopover, MenuRoot, MenuSeparator, MenuTrigger, MenubarContainer, MenubarRoot, Meter, type MeterProps, NumberInput, type NumberInputProps, OtpField, type OtpFieldProps, PageHeader, type PageHeaderProps, Pagination, type PaginationProps, PopoverClose, PopoverContent, type PopoverContentProps, PopoverRoot, PopoverTrigger, Progress, type ProgressProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, ResizableHandle, type ResizableHandleProps, ResizablePanel, ResizablePanelGroup, type GroupImperativeHandle as ResizablePanelGroupHandle, type ResizablePanelGroupProps, type PanelImperativeHandle as ResizablePanelHandle, type Layout as ResizablePanelLayout, type ResizablePanelProps, type PanelSize as ResizablePanelSize, SHADER_OVERLAY_PARAM_KEYS, SHADER_PARAM_FALLBACK, SHADER_PARAM_KEYS, SHADER_PRESETS, SHADER_PRESET_IDS, ScrollArea, type ScrollAreaProps, Section, type SectionProps, SelectItem, SelectLabel, SelectPopover, SelectRoot, SelectTrigger, Separator, type SeparatorProps, type ShaderParamKey, type ShaderParamSpec, type ShaderPreset, type ShaderPresetCategory, type ShaderPresetId, ShaderSurface, type ShaderSurfaceHandle, type ShaderSurfaceProps, Skeleton, SkeletonAvatar, SkeletonCard, type SkeletonProps, SkeletonTable, SkeletonText, Slider, type SliderProps, Spinner, type SpinnerProps, StatCard, type StatCardProps, StepBuilder, type StepBuilderProps, type StepDef, Switch, type SwitchProps, Tab, TabList, TabPanel, TabsRoot, TagInput, type TagInputProps, Text, type TextElement, type TextProps, type TextRole, type TextTone, Textarea, type TextareaProps, Toggle, ToggleGroup, type ToggleGroupProps, type ToggleProps, ToolbarButton, ToolbarContainer, ToolbarRoot, ToolbarSeparator, Tooltip, TooltipAnchor, TooltipProvider, VirtualList, type VirtualListProps, createBlock, createBlock as createSurface, getShaderFragment, getShaderPreset, useFormContext, useFormStore };
|
package/dist/core/index.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
|
|
2
|
-
import { $ as RadioProps, $i as HeadingProps, $n as ComboboxPopover, $r as SkeletonCard, A as PanelImperativeHandle, Ai as Breadcrumb, An as NumberInputProps, At as FormError, B as Container, Bi as PrimAccordionContentProps, Bn as MenuItemCheckbox, Br as MeterProps, Bt as FormProvider, C as DrawerRoot, Ci as CardHeaderProps, Cn as ColorPicker, Ct as FormCheckbox, D as LogoProps, Di as EmptyState, Dn as Slider, E as Logo, Ei as CardTitleProps, Et as FormControl, F as ResizablePanelGroup, Fi as AccordionContent, Fn as Tooltip, Fr as CompositeItem, G as PageHeaderProps, Gi as ToggleGroupProps, Gn as MenuTrigger, Gr as Avatar, Gt as FormReset, H as ScrollArea, Hi as PrimAccordionTriggerProps, Hn as MenuPopover, Hr as CircularProgressProps, Ht as FormRadio, I as ResizablePanelGroupProps, Ii as AccordionItem, In as TooltipAnchor, Ir as CompositeProvider, It as FormInput, J as BlockLayout, Ji as OtpFieldProps, Jn as ComboboxEmpty, Jr as AvatarProps, Jt as FormSelectItem, K as BlockBaseProps, Ki as ToggleProps, Kn as MenubarContainer, Kr as AvatarGroup, Kt as FormRoot, L as ResizablePanelProps, Li as AccordionRoot, Ln as TooltipProvider, Lr as CompositeRow, Lt as FormLabel, M as ResizableHandle, Mi as BreadcrumbProps, Mn as ToolbarContainer, Mr as DisclosureRoot, Mt as FormGroup, N as ResizableHandleProps, Ni as StatCard, Nn as ToolbarRoot, Nr as DisclosureTrigger, Nt as FormGroupLabel, O as GroupImperativeHandle, Oi as EmptyStateAction, On as SliderProps, Or as TabsRoot, P as ResizablePanel, Pi as StatCardProps, Pn as ToolbarSeparator, Pr as Composite, Q as RadioGroupProps, Qi as HeadingLevel, Qn as ComboboxItem, Qr as SkeletonAvatar, R as Section, Ri as AccordionRootProps, Rn as MenuButtonArrow, Rr as CompositeZone, S as DrawerPanelProps, Si as CardHeader, Sn as IconPickerProps, Sr as TabList, St as StepDef, T as DrawerSize, Ti as CardTitle, U as ScrollAreaProps, Ui as Toggle, Un as MenuRoot, Ur as Progress, Ut as FormRadioGroup, V as ContainerProps, Vi as PrimAccordionItemProps, Vn as MenuItemRadio, Vr as CircularProgress, Vt as FormPush, W as PageHeader, Wi as ToggleGroup, Wn as MenuSeparator, Wr as ProgressProps, Wt as FormRemove, X as Radio, Xi as SeparatorProps, Xn as ComboboxGroupLabel, Xr as TextareaProps, Xt as FormSelectProps, Y as BlockLayoutProps, Yi as Separator, Yn as ComboboxGroup, Yr as Textarea, Yt as FormSelectPopover, Z as RadioGroup, Zi as Heading, Zn as ComboboxInput, Zr as Skeleton, _ as VirtualListProps, _i as CardContentProps, _n as DateRangePreset, _r as SelectLabel, _t as ConditionGroup, a as SHADER_PARAM_FALLBACK, aa as TextTone, ai as Input, ar as DialogDescription, at as DropdownItem, b as DrawerClose, bi as CardFooter, bn as IconDef, br as SelectTrigger, bt as StepBuilder, c as SHADER_PRESET_IDS, ci as AlertProps, cr as DialogFooter, ct as DropdownTrigger, d as ShaderPreset, di as Badge, dn as ComparisonMode, dr as DialogHeaderProps, dt as PopoverContentProps, ea as HeadingRole, ei as SkeletonProps, er as ComboboxRoot, et as Checkbox, f as ShaderPresetCategory, fi as BadgeProps, fn as DEFAULT_PRESETS, fr as DialogHeading, ft as PopoverRoot, g as VirtualList, gi as CardContent, gn as DateRangePickerProps, gr as SelectItem, gt as ConditionDef, h as getShaderPreset, hi as Card, hn as DateRangePicker, hr as DialogSize, ht as ConditionBuilderProps, i as SHADER_OVERLAY_PARAM_KEYS, ia as TextRole, ii as SwitchProps, ir as DialogBodyProps, it as DropdownContent, j as PanelSize, ji as BreadcrumbItem, jn as ToolbarButton, jr as DisclosureContent, jt as FormField, k as Layout, ki as EmptyStateProps, kn as NumberInput, kt as FormDescription, l as ShaderParamKey, li as Spinner, ln as useFormContext, lr as DialogFooterProps, lt as PopoverClose, m as getShaderFragment, mi as ButtonProps, mn as DateRange, mr as DialogRoot, mt as ConditionBuilder, n as ShaderSurfaceHandle, na as TextElement, ni as SkeletonText, nn as FormSwitch, nr as AlertDialogPanelProps, nt as CheckboxGroupProps, o as SHADER_PARAM_KEYS, oa as Kbd, oi as InputProps, on as FormTextarea, or as DialogDisclosure, ot as DropdownMenu, p as ShaderPresetId, pi as Button, pn as DateGranularity, pr as DialogPanel, pt as PopoverTrigger, q as createBlock, qi as OtpField, qn as MenubarRoot, qr as AvatarGroupProps, qt as FormSelect, r as ShaderSurfaceProps, ra as TextProps, ri as Switch, rn as FormSwitchProps, rr as DialogBody, rt as CheckboxProps, s as SHADER_PRESETS, sa as KbdProps, si as Alert, sn as FormTextareaProps, sr as DialogDismiss, st as DropdownSeparator, t as ShaderSurface, ta as Text, ti as SkeletonTable, tn as FormSubmit, tr as AlertDialogPanel, tt as CheckboxGroup, u as ShaderParamSpec, ui as SpinnerProps, un as useFormStore, ur as DialogHeader, ut as PopoverContent, v as Pagination, vi as CardDescription, vn as TagInput, vr as SelectPopover, vt as ConditionOperator, w as DrawerSide, wi as CardProps, wn as ColorPickerProps, wr as TabPanel, x as DrawerPanel, xi as CardFooterProps, xn as IconPicker, xr as Tab, xt as StepBuilderProps, y as PaginationProps, yi as CardDescriptionProps, yn as TagInputProps, yr as SelectRoot, yt as ConditionTypeRenderer, z as SectionProps, zi as AccordionTrigger, zn as MenuItem, zr as Meter } from "../shader-surface-
|
|
2
|
+
import { $ as RadioProps, $i as HeadingProps, $n as ComboboxPopover, $r as SkeletonCard, A as PanelImperativeHandle, Ai as Breadcrumb, An as NumberInputProps, At as FormError, B as Container, Bi as PrimAccordionContentProps, Bn as MenuItemCheckbox, Br as MeterProps, Bt as FormProvider, C as DrawerRoot, Ci as CardHeaderProps, Cn as ColorPicker, Ct as FormCheckbox, D as LogoProps, Di as EmptyState, Dn as Slider, E as Logo, Ei as CardTitleProps, Et as FormControl, F as ResizablePanelGroup, Fi as AccordionContent, Fn as Tooltip, Fr as CompositeItem, G as PageHeaderProps, Gi as ToggleGroupProps, Gn as MenuTrigger, Gr as Avatar, Gt as FormReset, H as ScrollArea, Hi as PrimAccordionTriggerProps, Hn as MenuPopover, Hr as CircularProgressProps, Ht as FormRadio, I as ResizablePanelGroupProps, Ii as AccordionItem, In as TooltipAnchor, Ir as CompositeProvider, It as FormInput, J as BlockLayout, Ji as OtpFieldProps, Jn as ComboboxEmpty, Jr as AvatarProps, Jt as FormSelectItem, K as BlockBaseProps, Ki as ToggleProps, Kn as MenubarContainer, Kr as AvatarGroup, Kt as FormRoot, L as ResizablePanelProps, Li as AccordionRoot, Ln as TooltipProvider, Lr as CompositeRow, Lt as FormLabel, M as ResizableHandle, Mi as BreadcrumbProps, Mn as ToolbarContainer, Mr as DisclosureRoot, Mt as FormGroup, N as ResizableHandleProps, Ni as StatCard, Nn as ToolbarRoot, Nr as DisclosureTrigger, Nt as FormGroupLabel, O as GroupImperativeHandle, Oi as EmptyStateAction, On as SliderProps, Or as TabsRoot, P as ResizablePanel, Pi as StatCardProps, Pn as ToolbarSeparator, Pr as Composite, Q as RadioGroupProps, Qi as HeadingLevel, Qn as ComboboxItem, Qr as SkeletonAvatar, R as Section, Ri as AccordionRootProps, Rn as MenuButtonArrow, Rr as CompositeZone, S as DrawerPanelProps, Si as CardHeader, Sn as IconPickerProps, Sr as TabList, St as StepDef, T as DrawerSize, Ti as CardTitle, U as ScrollAreaProps, Ui as Toggle, Un as MenuRoot, Ur as Progress, Ut as FormRadioGroup, V as ContainerProps, Vi as PrimAccordionItemProps, Vn as MenuItemRadio, Vr as CircularProgress, Vt as FormPush, W as PageHeader, Wi as ToggleGroup, Wn as MenuSeparator, Wr as ProgressProps, Wt as FormRemove, X as Radio, Xi as SeparatorProps, Xn as ComboboxGroupLabel, Xr as TextareaProps, Xt as FormSelectProps, Y as BlockLayoutProps, Yi as Separator, Yn as ComboboxGroup, Yr as Textarea, Yt as FormSelectPopover, Z as RadioGroup, Zi as Heading, Zn as ComboboxInput, Zr as Skeleton, _ as VirtualListProps, _i as CardContentProps, _n as DateRangePreset, _r as SelectLabel, _t as ConditionGroup, a as SHADER_PARAM_FALLBACK, aa as TextTone, ai as Input, ar as DialogDescription, at as DropdownItem, b as DrawerClose, bi as CardFooter, bn as IconDef, br as SelectTrigger, bt as StepBuilder, c as SHADER_PRESET_IDS, ci as AlertProps, cr as DialogFooter, ct as DropdownTrigger, d as ShaderPreset, di as Badge, dn as ComparisonMode, dr as DialogHeaderProps, dt as PopoverContentProps, ea as HeadingRole, ei as SkeletonProps, er as ComboboxRoot, et as Checkbox, f as ShaderPresetCategory, fi as BadgeProps, fn as DEFAULT_PRESETS, fr as DialogHeading, ft as PopoverRoot, g as VirtualList, gi as CardContent, gn as DateRangePickerProps, gr as SelectItem, gt as ConditionDef, h as getShaderPreset, hi as Card, hn as DateRangePicker, hr as DialogSize, ht as ConditionBuilderProps, i as SHADER_OVERLAY_PARAM_KEYS, ia as TextRole, ii as SwitchProps, ir as DialogBodyProps, it as DropdownContent, j as PanelSize, ji as BreadcrumbItem, jn as ToolbarButton, jr as DisclosureContent, jt as FormField, k as Layout, ki as EmptyStateProps, kn as NumberInput, kt as FormDescription, l as ShaderParamKey, li as Spinner, ln as useFormContext, lr as DialogFooterProps, lt as PopoverClose, m as getShaderFragment, mi as ButtonProps, mn as DateRange, mr as DialogRoot, mt as ConditionBuilder, n as ShaderSurfaceHandle, na as TextElement, ni as SkeletonText, nn as FormSwitch, nr as AlertDialogPanelProps, nt as CheckboxGroupProps, o as SHADER_PARAM_KEYS, oa as Kbd, oi as InputProps, on as FormTextarea, or as DialogDisclosure, ot as DropdownMenu, p as ShaderPresetId, pi as Button, pn as DateGranularity, pr as DialogPanel, pt as PopoverTrigger, q as createBlock, qi as OtpField, qn as MenubarRoot, qr as AvatarGroupProps, qt as FormSelect, r as ShaderSurfaceProps, ra as TextProps, ri as Switch, rn as FormSwitchProps, rr as DialogBody, rt as CheckboxProps, s as SHADER_PRESETS, sa as KbdProps, si as Alert, sn as FormTextareaProps, sr as DialogDismiss, st as DropdownSeparator, t as ShaderSurface, ta as Text, ti as SkeletonTable, tn as FormSubmit, tr as AlertDialogPanel, tt as CheckboxGroup, u as ShaderParamSpec, ui as SpinnerProps, un as useFormStore, ur as DialogHeader, ut as PopoverContent, v as Pagination, vi as CardDescription, vn as TagInput, vr as SelectPopover, vt as ConditionOperator, w as DrawerSide, wi as CardProps, wn as ColorPickerProps, wr as TabPanel, x as DrawerPanel, xi as CardFooterProps, xn as IconPicker, xr as Tab, xt as StepBuilderProps, y as PaginationProps, yi as CardDescriptionProps, yn as TagInputProps, yr as SelectRoot, yt as ConditionTypeRenderer, z as SectionProps, zi as AccordionTrigger, zn as MenuItem, zr as Meter } from "../shader-surface-BfTP9c1Q.js";
|
|
3
3
|
export { AccordionContent, type PrimAccordionContentProps as AccordionContentProps, AccordionItem, type PrimAccordionItemProps as AccordionItemProps, AccordionRoot, type AccordionRootProps, AccordionTrigger, type PrimAccordionTriggerProps as AccordionTriggerProps, Alert, AlertDialogPanel, type AlertDialogPanelProps, type AlertProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, type BlockBaseProps, type BlockBaseProps as SurfaceBaseProps, BlockLayout, BlockLayout as SurfaceLayout, type BlockLayoutProps, type BlockLayoutProps as SurfaceLayoutProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, CircularProgress, type CircularProgressProps, ColorPicker, type ColorPickerProps, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxPopover, ComboboxRoot, type ComparisonMode, Composite, CompositeItem, CompositeProvider, CompositeRow, CompositeZone, ConditionBuilder, type ConditionBuilderProps, type ConditionDef, type ConditionGroup, type ConditionOperator, type ConditionTypeRenderer, Container, type ContainerProps, DEFAULT_PRESETS, type DateGranularity, type DateRange, DateRangePicker, type DateRangePickerProps, type DateRangePreset, DialogBody, type DialogBodyProps, DialogDescription, DialogDisclosure, DialogDismiss, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogHeading, DialogPanel, DialogRoot, type DialogSize, DisclosureContent, DisclosureRoot, DisclosureTrigger, DrawerClose, DrawerPanel, type DrawerPanelProps, DrawerRoot, type DrawerSide, type DrawerSize, DropdownContent, DropdownItem, DropdownMenu, DropdownSeparator, DropdownTrigger, EmptyState, type EmptyStateAction, type EmptyStateProps, FormCheckbox, FormControl, FormDescription, FormError, FormField, FormGroup, FormGroupLabel, FormInput, FormLabel, FormProvider, FormPush, FormRadio, FormRadioGroup, FormRemove, FormReset, FormRoot, FormSelect, FormSelectItem, FormSelectPopover, type FormSelectProps, FormSubmit, FormSwitch, type FormSwitchProps, FormTextarea, type FormTextareaProps, Heading, type HeadingLevel, type HeadingProps, type HeadingRole, type IconDef, IconPicker, type IconPickerProps, Input, type InputProps, Kbd, type KbdProps, Logo, type LogoProps, MenuButtonArrow, MenuItem, MenuItemCheckbox, MenuItemRadio, MenuPopover, MenuRoot, MenuSeparator, MenuTrigger, MenubarContainer, MenubarRoot, Meter, type MeterProps, NumberInput, type NumberInputProps, OtpField, type OtpFieldProps, PageHeader, type PageHeaderProps, Pagination, type PaginationProps, PopoverClose, PopoverContent, type PopoverContentProps, PopoverRoot, PopoverTrigger, Progress, type ProgressProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, ResizableHandle, type ResizableHandleProps, ResizablePanel, ResizablePanelGroup, type GroupImperativeHandle as ResizablePanelGroupHandle, type ResizablePanelGroupProps, type PanelImperativeHandle as ResizablePanelHandle, type Layout as ResizablePanelLayout, type ResizablePanelProps, type PanelSize as ResizablePanelSize, SHADER_OVERLAY_PARAM_KEYS, SHADER_PARAM_FALLBACK, SHADER_PARAM_KEYS, SHADER_PRESETS, SHADER_PRESET_IDS, ScrollArea, type ScrollAreaProps, Section, type SectionProps, SelectItem, SelectLabel, SelectPopover, SelectRoot, SelectTrigger, Separator, type SeparatorProps, type ShaderParamKey, type ShaderParamSpec, type ShaderPreset, type ShaderPresetCategory, type ShaderPresetId, ShaderSurface, type ShaderSurfaceHandle, type ShaderSurfaceProps, Skeleton, SkeletonAvatar, SkeletonCard, type SkeletonProps, SkeletonTable, SkeletonText, Slider, type SliderProps, Spinner, type SpinnerProps, StatCard, type StatCardProps, StepBuilder, type StepBuilderProps, type StepDef, Switch, type SwitchProps, Tab, TabList, TabPanel, TabsRoot, TagInput, type TagInputProps, Text, type TextElement, type TextProps, type TextRole, type TextTone, Textarea, type TextareaProps, Toggle, ToggleGroup, type ToggleGroupProps, type ToggleProps, ToolbarButton, ToolbarContainer, ToolbarRoot, ToolbarSeparator, Tooltip, TooltipAnchor, TooltipProvider, VirtualList, type VirtualListProps, createBlock, createBlock as createSurface, getShaderFragment, getShaderPreset, useFormContext, useFormStore };
|
package/dist/core/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { $ as TooltipAnchor, A as FormSwitch, At as SelectPopover, Bt as Composite, C as FormRoot, Ct as DialogFooter, Dt as DialogRoot, E as FormSelectPopover, Et as DialogPanel, F as useFormStore, Ft as TabPanel, G as PopoverTrigger, H as PopoverClose, Hn as Kbd, Ht as CompositeProvider, I as DEFAULT_PRESETS, It as TabsRoot, J as ToolbarButton, Jt as
|
|
3
|
-
import { $ as
|
|
2
|
+
import { $ as TooltipAnchor, A as FormSwitch, At as SelectPopover, Bt as Composite, C as FormRoot, Ct as DialogFooter, Dt as DialogRoot, E as FormSelectPopover, Et as DialogPanel, F as useFormStore, Ft as TabPanel, G as PopoverTrigger, H as PopoverClose, Hn as Kbd, Ht as CompositeProvider, I as DEFAULT_PRESETS, It as TabsRoot, J as ToolbarButton, Jt as Alert, K as Slider, Kt as Input, L as DateRangePicker, Lt as DisclosureContent, M as FormTextarea, Mt as SelectTrigger, Nt as Tab, Ot as SelectItem, P as useFormContext, Pt as TabList, Q as Tooltip, Qt as Button, R as TagInput, Rt as DisclosureRoot, S as FormReset, St as DialogDismiss, T as FormSelectItem, Tt as DialogHeading, U as PopoverContent, Ut as CompositeRow, V as ColorPicker, Vt as CompositeItem, W as PopoverRoot, Wt as CompositeZone, X as ToolbarRoot, Xt as Badge, Y as ToolbarContainer, Yt as Spinner, Z as ToolbarSeparator, Zt as EmptyState, _ as FormProvider, _t as ComboboxRoot, at as MenuPopover, b as FormRadioGroup, bt as DialogDescription, c as FormDescription, ct as MenuTrigger, d as FormGroup, dt as ComboboxEmpty, et as TooltipProvider, f as FormGroupLabel, ft as ComboboxGroup, gt as ComboboxPopover, h as FormLabel, ht as ComboboxItem, i as FormCheckbox, it as MenuItemRadio, jt as SelectRoot, k as FormSubmit, kt as SelectLabel, l as FormError, lt as MenubarContainer, m as FormInput, mt as ComboboxInput, n as Checkbox, nn as StatCard, nt as MenuItem, o as FormControl, ot as MenuRoot, pt as ComboboxGroupLabel, q as NumberInput, r as CheckboxGroup, rt as MenuItemCheckbox, st as MenuSeparator, t as Pagination, tt as MenuButtonArrow, u as FormField, ut as MenubarRoot, v as FormPush, vt as AlertDialogPanel, w as FormSelect, wt as DialogHeader, x as FormRemove, xt as DialogDisclosure, y as FormRadio, yt as DialogBody, z as IconPicker, zt as DisclosureTrigger } from "../pagination-DWbvACuN.js";
|
|
3
|
+
import { $ as CardHeader, A as DropdownTrigger, B as Avatar, D as DropdownItem, E as DropdownContent, G as SkeletonCard, H as Textarea, I as StepBuilder, J as Switch, K as SkeletonTable, L as Meter, O as DropdownMenu, Q as CardFooter, R as CircularProgress, S as BlockLayout, T as RadioGroup, U as Skeleton, V as AvatarGroup, W as SkeletonAvatar, X as CardContent, Y as Card, Z as CardDescription, _ as Section, a as SHADER_PRESETS, at as AccordionTrigger, b as PageHeader, c as getShaderPreset, ct as OtpField, d as DrawerPanel, dt as Text, et as CardTitle, f as DrawerRoot, g as ResizablePanelGroup, h as ResizablePanel, i as SHADER_PARAM_KEYS, it as AccordionRoot, j as ConditionBuilder, k as DropdownSeparator, l as VirtualList, lt as Separator, m as ResizableHandle, n as SHADER_OVERLAY_PARAM_KEYS, nt as AccordionContent, o as SHADER_PRESET_IDS, ot as Toggle, p as Logo, q as SkeletonText, r as SHADER_PARAM_FALLBACK, rt as AccordionItem, s as getShaderFragment, st as ToggleGroup, t as ShaderSurface, tt as Breadcrumb, u as DrawerClose, ut as Heading, v as Container, w as Radio, x as createBlock, y as ScrollArea, z as Progress } from "../shader-surface-BUPZ0P-n.js";
|
|
4
4
|
export { AccordionContent, AccordionItem, AccordionRoot, AccordionTrigger, Alert, AlertDialogPanel, Avatar, AvatarGroup, Badge, BlockLayout, BlockLayout as SurfaceLayout, Breadcrumb, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CheckboxGroup, CircularProgress, ColorPicker, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxPopover, ComboboxRoot, Composite, CompositeItem, CompositeProvider, CompositeRow, CompositeZone, ConditionBuilder, Container, DEFAULT_PRESETS, DateRangePicker, DialogBody, DialogDescription, DialogDisclosure, DialogDismiss, DialogFooter, DialogHeader, DialogHeading, DialogPanel, DialogRoot, DisclosureContent, DisclosureRoot, DisclosureTrigger, DrawerClose, DrawerPanel, DrawerRoot, DropdownContent, DropdownItem, DropdownMenu, DropdownSeparator, DropdownTrigger, EmptyState, FormCheckbox, FormControl, FormDescription, FormError, FormField, FormGroup, FormGroupLabel, FormInput, FormLabel, FormProvider, FormPush, FormRadio, FormRadioGroup, FormRemove, FormReset, FormRoot, FormSelect, FormSelectItem, FormSelectPopover, FormSubmit, FormSwitch, FormTextarea, Heading, IconPicker, Input, Kbd, Logo, MenuButtonArrow, MenuItem, MenuItemCheckbox, MenuItemRadio, MenuPopover, MenuRoot, MenuSeparator, MenuTrigger, MenubarContainer, MenubarRoot, Meter, NumberInput, OtpField, PageHeader, Pagination, PopoverClose, PopoverContent, PopoverRoot, PopoverTrigger, Progress, Radio, RadioGroup, ResizableHandle, ResizablePanel, ResizablePanelGroup, SHADER_OVERLAY_PARAM_KEYS, SHADER_PARAM_FALLBACK, SHADER_PARAM_KEYS, SHADER_PRESETS, SHADER_PRESET_IDS, ScrollArea, Section, SelectItem, SelectLabel, SelectPopover, SelectRoot, SelectTrigger, Separator, ShaderSurface, Skeleton, SkeletonAvatar, SkeletonCard, SkeletonTable, SkeletonText, Slider, Spinner, StatCard, StepBuilder, Switch, Tab, TabList, TabPanel, TabsRoot, TagInput, Text, Textarea, Toggle, ToggleGroup, ToolbarButton, ToolbarContainer, ToolbarRoot, ToolbarSeparator, Tooltip, TooltipAnchor, TooltipProvider, VirtualList, createBlock, createBlock as createSurface, getShaderFragment, getShaderPreset, useFormContext, useFormStore };
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
---
|
|
2
2
|
title: "Shell Components"
|
|
3
|
-
description: "
|
|
4
|
-
version: "1.
|
|
3
|
+
description: "80 Shell layer components — props, examples, keyboard shortcuts."
|
|
4
|
+
version: "1.7.0"
|
|
5
5
|
generated: true
|
|
6
6
|
---
|
|
7
7
|
|
|
8
|
-
# Shell Components (
|
|
8
|
+
# Shell Components (80)
|
|
9
9
|
|
|
10
10
|
## Navigation & Layout
|
|
11
11
|
|
|
@@ -1323,15 +1323,20 @@ const fields = [
|
|
|
1323
1323
|
|
|
1324
1324
|
## Other
|
|
1325
1325
|
|
|
1326
|
-
| Component
|
|
1327
|
-
|
|
|
1328
|
-
| PageAside
|
|
1329
|
-
| FailureList
|
|
1330
|
-
| KeyValueEditor
|
|
1331
|
-
| AuditTimeline
|
|
1332
|
-
| ChatSidebar
|
|
1333
|
-
| ChatInput
|
|
1334
|
-
| ChatMessageList
|
|
1326
|
+
| Component | Description | Key Exports |
|
|
1327
|
+
| ---------------- | ---------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------ |
|
|
1328
|
+
| PageAside | Sticky 페이지 사이드 aside chrome. 고정 너비 + header/body/footer 3-slot. | `PageAside` |
|
|
1329
|
+
| FailureList | 실패 목록 패널. severity별 색상 강조, 그룹핑, 액션 슬롯을 지원합니다. | `FailureList` |
|
|
1330
|
+
| KeyValueEditor | 키-값 쌍 편집기. 동적 행 추가/삭제, 비밀값 토글, 유효성 검사를 지원합니다. | `KeyValueEditor` |
|
|
1331
|
+
| AuditTimeline | 변경 이력 타임라인. 액션별 색상 코딩 + 확장 가능한 diff 뷰. | `AuditTimeline` |
|
|
1332
|
+
| ChatSidebar | AI 채팅 사이드바. 대화 목록, 검색, 새 대화 버튼. | `ChatSidebar` |
|
|
1333
|
+
| ChatInput | 채팅 입력 컴포넌트. 자동 리사이즈 textarea, 파일 첨부, 모델/스타일 Select. | `ChatInput` |
|
|
1334
|
+
| ChatMessageList | 채팅 메시지 목록. 역할별 말풍선, 타이핑 인디케이터, 자동 스크롤. | `ChatMessageList` |
|
|
1335
|
+
| TimeRangeControl | date math(now-7d, now/d) 기반 시간 범위 컨트롤. quick select, 프리셋/최근 사용, 명시적 Update, 자동 갱신, 창 이동·확대/축소 버튼을 제공합니다. | `TimeRangeControl`, `DEFAULT_TIME_PRESETS` |
|
|
1336
|
+
| TimeSeriesPanel | 시간 범위 컨트롤과 시계열 차트를 한 단위로 묶은 패널. 드래그 줌과 줌 히스토리(되돌리기), 범례 토글을 포함합니다. | `TimeSeriesPanel` |
|
|
1337
|
+
| LogTable | 계속 도착하는 로그용 윈도잉 테이블. 컬럼 정의 기반, 상단 삽입 시 스크롤 위치 보존, follow 상태 보고, 셀 값 즉시 필터, 밀도·정렬을 지원합니다. | `LogTable` |
|
|
1338
|
+
| QueryBar | 검색과 필터를 한 입력으로 합친 쿼리 바. field:value, -부정, (a or b), 비교 연산, 필드·값 자동완성, 절(clause) 칩을 지원합니다. | `QueryBar` |
|
|
1339
|
+
| FieldSidebar | 데이터에 어떤 필드가 있고 각 필드가 무슨 값을 갖는지 보여주는 사이드바. 값 분포 막대, 컬럼으로 승격, 값 기준 포함/제외 필터를 제공합니다. | `FieldSidebar` |
|
|
1335
1340
|
|
|
1336
1341
|
### PageAside
|
|
1337
1342
|
|
|
@@ -1494,3 +1499,91 @@ const messages = [
|
|
|
1494
1499
|
|
|
1495
1500
|
<ChatMessageList messages={messages} loading={false} />;
|
|
1496
1501
|
```
|
|
1502
|
+
|
|
1503
|
+
### TimeRangeControl
|
|
1504
|
+
|
|
1505
|
+
> date math(now-7d, now/d) 기반 시간 범위 컨트롤. quick select, 프리셋/최근 사용, 명시적 Update, 자동 갱신, 창 이동·확대/축소 버튼을 제공합니다.
|
|
1506
|
+
|
|
1507
|
+
**Import:** `import { TimeRangeControl } from "@reopt-ai/opt-ui"`
|
|
1508
|
+
|
|
1509
|
+
| Prop | Type | Required | Default | Description |
|
|
1510
|
+
| ------------------- | -------------------------------- | -------- | ------- | ---------------------------------------- |
|
|
1511
|
+
| `value` | `TimeRange` | Yes | | { from, to } — date math 문자열 또는 ISO |
|
|
1512
|
+
| `onChange` | `(range: TimeRange) => void` | Yes | | 범위가 커밋되었을 때 호출 |
|
|
1513
|
+
| `presets` | `TimeRangePreset[]` | | | 자주 쓰는 범위 목록 |
|
|
1514
|
+
| `recentRanges` | `TimeRangePreset[]` | | | 최근 사용한 범위 (호출자 소유) |
|
|
1515
|
+
| `timeZone` | `string` | | | 라운딩·표시에 쓸 IANA 타임존 |
|
|
1516
|
+
| `showUpdateButton` | `boolean` | | true | 편집을 명시적으로 커밋 |
|
|
1517
|
+
| `showWindowButtons` | `boolean` | | true | 이전/다음 창, 확대/축소 버튼 |
|
|
1518
|
+
| `refresh` | `RefreshSetting` | | | { interval, paused } 자동 갱신 설정 |
|
|
1519
|
+
| `onRefresh` | `() => void \| Promise<unknown>` | | | 갱신 요청 — 프라미스가 끝난 뒤 다음 tick |
|
|
1520
|
+
|
|
1521
|
+
### TimeSeriesPanel
|
|
1522
|
+
|
|
1523
|
+
> 시간 범위 컨트롤과 시계열 차트를 한 단위로 묶은 패널. 드래그 줌과 줌 히스토리(되돌리기), 범례 토글을 포함합니다.
|
|
1524
|
+
|
|
1525
|
+
**Import:** `import { TimeSeriesPanel } from "@reopt-ai/opt-ui"`
|
|
1526
|
+
|
|
1527
|
+
| Prop | Type | Required | Default | Description |
|
|
1528
|
+
| ------------------ | ---------------------------- | -------- | ------- | --------------------------------------------- |
|
|
1529
|
+
| `data` | `TimeSeriesPoint[]` | Yes | | 시계열 데이터 |
|
|
1530
|
+
| `series` | `TimeSeriesDef[]` | Yes | | 시리즈 정의 |
|
|
1531
|
+
| `range` | `TimeRange` | Yes | | 조회 구간 — 차트 축도 여기에 고정됩니다 |
|
|
1532
|
+
| `onRangeChange` | `(range: TimeRange) => void` | Yes | | 드래그 줌·컨트롤 변경으로 구간이 바뀔 때 호출 |
|
|
1533
|
+
| `showRangeControl` | `boolean` | | true | 헤더에 TimeRangeControl 렌더 |
|
|
1534
|
+
| `toggleableLegend` | `boolean` | | false | 범례 클릭으로 시리즈 숨김 |
|
|
1535
|
+
| `annotations` | `TimeSeriesAnnotation[]` | | | 시간축 마커/구간 |
|
|
1536
|
+
| `height` | `number` | | 280 | 차트 높이 |
|
|
1537
|
+
|
|
1538
|
+
### LogTable
|
|
1539
|
+
|
|
1540
|
+
> 계속 도착하는 로그용 윈도잉 테이블. 컬럼 정의 기반, 상단 삽입 시 스크롤 위치 보존, follow 상태 보고, 셀 값 즉시 필터, 밀도·정렬을 지원합니다.
|
|
1541
|
+
|
|
1542
|
+
**Import:** `import { LogTable } from "@reopt-ai/opt-ui"`
|
|
1543
|
+
|
|
1544
|
+
| Prop | Type | Required | Default | Description |
|
|
1545
|
+
| ---------------- | ---------------------------------------- | -------- | -------- | -------------------------------- |
|
|
1546
|
+
| `rows` | `Row[]` | Yes | | 표시할 행 |
|
|
1547
|
+
| `columns` | `LogColumn<Row>[]` | Yes | | 컬럼 정의 (표시 중인 것만) |
|
|
1548
|
+
| `getRowId` | `(row: Row) => string` | Yes | | 행 식별자 |
|
|
1549
|
+
| `selectedId` | `string \| null` | | | 선택된 행 |
|
|
1550
|
+
| `onSelect` | `(id: string) => void` | | | 행 선택 |
|
|
1551
|
+
| `onLoadMore` | `() => void` | | | 다음 페이지 요청 |
|
|
1552
|
+
| `prepending` | `boolean` | | false | 상단에 행이 삽입되는 라이브 목록 |
|
|
1553
|
+
| `onFollowChange` | `(following: boolean) => void` | | | 최신 행 고정 여부 보고 |
|
|
1554
|
+
| `isNew` | `(row: Row) => boolean` | | | 방금 도착한 행 강조 |
|
|
1555
|
+
| `sort` | `LogSort \| null` | | | 정렬 상태 |
|
|
1556
|
+
| `onSortChange` | `(sort: LogSort) => void` | | | 헤더 클릭 정렬 |
|
|
1557
|
+
| `onCellAction` | `(action: LogCellAction) => void` | | | 셀 값 포함/제외 필터 |
|
|
1558
|
+
| `density` | `"compact" \| "normal" \| "comfortable"` | | "normal" | 행 높이와 글자 크기 |
|
|
1559
|
+
|
|
1560
|
+
### QueryBar
|
|
1561
|
+
|
|
1562
|
+
> 검색과 필터를 한 입력으로 합친 쿼리 바. field:value, -부정, (a or b), 비교 연산, 필드·값 자동완성, 절(clause) 칩을 지원합니다.
|
|
1563
|
+
|
|
1564
|
+
**Import:** `import { QueryBar } from "@reopt-ai/opt-ui"`
|
|
1565
|
+
|
|
1566
|
+
| Prop | Type | Required | Default | Description |
|
|
1567
|
+
| ------------- | ------------------------ | -------- | ------- | ---------------------------- |
|
|
1568
|
+
| `value` | `Query` | Yes | | 파싱된 쿼리 |
|
|
1569
|
+
| `onChange` | `(query: Query) => void` | Yes | | 커밋 시 호출 (Enter·blur) |
|
|
1570
|
+
| `fields` | `QueryField[]` | | | 자동완성할 필드와 알려진 값 |
|
|
1571
|
+
| `showClauses` | `boolean` | | false | 절을 제거 가능한 칩으로 표시 |
|
|
1572
|
+
| `live` | `boolean` | | false | 키 입력마다 커밋 |
|
|
1573
|
+
|
|
1574
|
+
### FieldSidebar
|
|
1575
|
+
|
|
1576
|
+
> 데이터에 어떤 필드가 있고 각 필드가 무슨 값을 갖는지 보여주는 사이드바. 값 분포 막대, 컬럼으로 승격, 값 기준 포함/제외 필터를 제공합니다.
|
|
1577
|
+
|
|
1578
|
+
**Import:** `import { FieldSidebar } from "@reopt-ai/opt-ui"`
|
|
1579
|
+
|
|
1580
|
+
| Prop | Type | Required | Default | Description |
|
|
1581
|
+
| ----------------------- | ------------------------------------------------------------------------ | -------- | ------- | ------------------------------ |
|
|
1582
|
+
| `fields` | `FieldSummary[]` | Yes | | 필드 목록 |
|
|
1583
|
+
| `expandedField` | `string \| null` | | | 값을 펼친 필드 |
|
|
1584
|
+
| `onExpandedFieldChange` | `(field: string \| null) => void` | | | 펼침 전환 — 호출자가 값을 조회 |
|
|
1585
|
+
| `values` | `FieldValueCount[]` | | | 펼친 필드의 상위 값 |
|
|
1586
|
+
| `valuesLoading` | `boolean` | | false | 값 조회 중 |
|
|
1587
|
+
| `sampledRows` | `number` | | | 집계 대상 행 수 (분모) |
|
|
1588
|
+
| `onToggleColumn` | `(field: string, next: boolean) => void` | | | 컬럼 추가/제거 |
|
|
1589
|
+
| `onFilter` | `(field: string, value: string, intent: "include" \| "exclude") => void` | | | 값 기준 필터 |
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
title: "Component Reference"
|
|
3
|
-
description: "Complete reference for
|
|
4
|
-
version: "1.
|
|
3
|
+
description: "Complete reference for 139 @reopt-ai/opt-ui components across 4 layers."
|
|
4
|
+
version: "1.7.0"
|
|
5
5
|
generated: true
|
|
6
6
|
---
|
|
7
7
|
|
|
@@ -13,9 +13,9 @@ generated: true
|
|
|
13
13
|
| --------- | ------- |
|
|
14
14
|
| Core | 59 |
|
|
15
15
|
| Visuals | 0 |
|
|
16
|
-
| Shells |
|
|
16
|
+
| Shells | 80 |
|
|
17
17
|
| Surfaces | 0 |
|
|
18
|
-
| **Total** | **
|
|
18
|
+
| **Total** | **139** |
|
|
19
19
|
|
|
20
20
|
## Component Selection Guide
|
|
21
21
|
|
|
@@ -5,7 +5,7 @@ description: "opt-ui 버전별 Breaking/Deprecated 변경사항 레지스트리"
|
|
|
5
5
|
|
|
6
6
|
# Breaking Changes Registry
|
|
7
7
|
|
|
8
|
-
버전별 Breaking/Deprecated 변경사항 레지스트리.
|
|
8
|
+
공개 디자인 패키지의 버전별 Breaking/Deprecated 변경사항 레지스트리.
|
|
9
9
|
|
|
10
10
|
## Registry Format
|
|
11
11
|
|
|
@@ -25,6 +25,23 @@ description: "opt-ui 버전별 Breaking/Deprecated 변경사항 레지스트리"
|
|
|
25
25
|
|
|
26
26
|
---
|
|
27
27
|
|
|
28
|
+
## opt-editor Version 2.0.0
|
|
29
|
+
|
|
30
|
+
### Breaking
|
|
31
|
+
|
|
32
|
+
- version: "2.0.0"
|
|
33
|
+
level: B
|
|
34
|
+
component: "opt-editor/server runtime schemas"
|
|
35
|
+
change: "Zod 런타임 스키마를 /schemas 전용 엔트리로 분리"
|
|
36
|
+
detail: "patchOpSchema, patchOpsArraySchema, createEditorOperationSchema, fieldDefToZod 등 런타임 스키마가 @reopt-ai/opt-editor/server에서 제거되고 @reopt-ai/opt-editor/schemas로 이동했습니다. /ai-sdk 재노출과 type-only export는 유지됩니다."
|
|
37
|
+
scan: '@reopt-ai/opt-editor/server'
|
|
38
|
+
fix:
|
|
39
|
+
type: rename
|
|
40
|
+
from: 'import { patchOpSchema } from "@reopt-ai/opt-editor/server"'
|
|
41
|
+
to: 'import { patchOpSchema } from "@reopt-ai/opt-editor/schemas"'
|
|
42
|
+
|
|
43
|
+
---
|
|
44
|
+
|
|
28
45
|
## Version 1.5.0
|
|
29
46
|
|
|
30
47
|
### Breaking
|