@reopt-ai/opt-ui 1.12.2 → 1.12.4
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 +32 -29
- 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 +32 -29
- package/dist/docs/02-components/04-surfaces.md +1 -1
- package/dist/docs/02-components/index.md +1 -1
- package/dist/{field-sidebar-BXAXigMS.js → field-sidebar-C8bDzGPs.js} +45 -32
- package/dist/{field-sidebar-uXmoyvd7.d.cts → field-sidebar-Ct8c9L4V.d.cts} +38 -2
- package/dist/{field-sidebar-D0ITbhfJ.cjs → field-sidebar-DX5wP0qn.cjs} +45 -32
- package/dist/{field-sidebar-CrYlRZew.d.ts → field-sidebar-YaWHfLLW.d.ts} +38 -2
- package/dist/index.cjs +26 -10
- package/dist/index.d.cts +20 -1
- package/dist/index.d.ts +20 -1
- package/dist/index.js +26 -10
- package/dist/meta.cjs +31 -12
- package/dist/meta.js +31 -12
- package/dist/shells/index.cjs +1 -1
- package/dist/shells/index.d.cts +1 -1
- package/dist/shells/index.d.ts +1 -1
- package/dist/shells/index.js +1 -1
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { $ as PopoverClose, $t as ToolbarButton, A as FormRadio, An as OPT_BADGE_RED, At as DialogPanel, B as FormSubmit, Bn as OPT_FOCUS, Bt as TabsRoot, C as FormGroupLabel, Ct as DialogBody, D as FormNumberInput, Dn as OPT_BADGE_BLUE, Dt as DialogFooter, E as FormLabel, Et as DialogDismiss, F as FormSelect, Ft as SelectRoot, G as useFormContext, Gt as CompositeItem, H as FormTagInput, Hn as OPT_HOVER_ITEM, Ht as DisclosureRoot, I as FormSelectItem, In as OPT_DOT_GRAY, It as SelectTrigger, J as DateRangePicker, Jt as CompositeZone, K as useFormStore, Kt as CompositeProvider, L as FormSelectPopover, Ln as OPT_DOT_GREEN, Lt as Tab, M as FormRemove, Mn as OPT_BORDER, Mt as SelectItem, N as FormReset, Nt as SelectLabel, O as FormProvider, On as OPT_BADGE_GREEN, Ot as DialogHeader, P as FormRoot, Pt as SelectPopover, Q as ColorPicker, Qt as useInputId, R as FormSlider, Rn as OPT_DOT_RED, Rt as TabList, S as FormGroup, St as AlertDialogPanel, T as FormInput, Tt as DialogDisclosure, U as FormTextarea, Un as OPT_INPUT, Ut as DisclosureTrigger, V as FormSwitch, Vn as OPT_FOCUS_VISIBLE, Vt as DisclosureContent, W as useFieldValue, Wt as Composite, X as IconPicker, Xn as OPT_TD, Xt as StarRating, Y as TagInput, Yt as Meter, Z as getIconRegistryEntry, Zt as Input, _ as FormControl, _n as SkeletonCard, _t as ComboboxGroupLabel, a as FieldTokenLegend, an as TooltipProvider, ar as _objectWithoutProperties, at as MenuButtonArrow, b as FormError, bn as useControlledState, bt as ComboboxPopover, c as Checkbox, cn as Badge, ct as MenuItemRadio, d as formatOptDateTime, dn as koBreadcrumbLabels, dt as MenuSeparator, en as ToolbarContainer, er as OPT_TEXT_PRIMARY, et as PopoverContent, f as formatOptNumber, fn as koComboboxLabels, ft as MenuTrigger, g as FormColorPicker, gn as SkeletonAvatar, gt as ComboboxGroup, h as FormCheckbox, hn as Skeleton, ht as ComboboxEmpty, i as FieldToken, in as TooltipAnchor, ir as _objectSpread2, it as NumberInput, j as FormRadioGroup, jn as OPT_BADGE_YELLOW, jt as DialogRoot, k as FormPush, kn as OPT_BADGE_NEUTRAL, kt as DialogHeading, l as CheckboxGroup, ln as EmptyState, lt as MenuPopover, m as formatOptTime, mn as StatCard, mt as MenubarRoot, n as Highlight, nn as ToolbarSeparator, nr as OPT_TEXT_TERTIARY, nt as PopoverTrigger, o as resolveFieldType, on as Alert, or as Kbd, ot as MenuItem, p as formatOptShortDate, pn as koStarRatingLabels, pt as MenubarContainer, q as DEFAULT_PRESETS, qt as CompositeRow, r as FIELD_TYPE_TOKENS, rn as Tooltip, rr as OPT_TH, rt as Slider, s as Pagination, sn as Spinner, sr as cn, st as MenuItemCheckbox, t as TextTruncate, tn as ToolbarRoot, tr as OPT_TEXT_SECONDARY, tt as PopoverRoot, un as Button, ut as MenuRoot, v as FormDateRangePicker, vn as SkeletonTable, vt as ComboboxInput, w as FormIconPicker, wt as DialogDescription, x as FormField, xt as ComboboxRoot, y as FormDescription, yn as SkeletonText, yt as ComboboxItem, z as FormStarRating, zn as OPT_DOT_YELLOW, zt as TabPanel } from "./text-truncate-BFWd2cE_.js";
|
|
3
3
|
import { $ as Identity, A as PageHeader, B as DropdownTrigger, C as Logo, D as Section, E as ResizablePanelGroup, F as RadioGroup, G as Textarea, H as StepBuilder, I as DropdownContent, J as CardContent, K as Switch, L as DropdownItem, M as BlockLayout, N as LoadingOverlay, O as Container, P as Radio, Q as CardTitle, R as DropdownMenu, S as DrawerRoot, T as ResizablePanel, U as CircularProgress, V as ConditionBuilder, W as Progress, X as CardFooter, Y as CardDescription, Z as CardHeader, _ as getShaderFragment, a as THEME_PALETTES, at as AccordionItem, b as DrawerClose, c as ExpressionGroup, ct as Toggle, d as ShaderSurface, dt as Separator, et as Avatar, f as SHADER_OVERLAY_PARAM_KEYS, ft as Heading, g as SHADER_PRESET_IDS, h as SHADER_PRESETS, i as ColorPalettePicker, it as AccordionContent, j as createBlock, k as ScrollArea, l as Facet, lt as ToggleGroup, m as SHADER_PARAM_KEYS, n as InlineEdit, nt as DescriptionList, o as LiveRegion, ot as AccordionRoot, p as SHADER_PARAM_FALLBACK, pt as Text, q as Card, r as ColorPaletteDisplay, rt as Breadcrumb, s as Expression, st as AccordionTrigger, t as KeyPadMenu, tt as AvatarGroup, u as FacetGroup, ut as OtpField, v as getShaderPreset, w as ResizableHandle, x as DrawerPanel, y as VirtualList, z as DropdownSeparator } from "./key-pad-menu-CUiQ-vKw.js";
|
|
4
|
-
import { $ as CommandGroup, A as ToastProvider, B as FaqAccordion, C as Flyout, D as KeyValueEditor, E as WorkflowCanvas, F as BranchSelect, G as StatusSelect, H as EditorToolbar, I as EnvPanel, J as CommandPaletteTrigger, K as SearchCombobox, L as ProjectSwitcher, M as useToast, N as DataTable, O as FailureList, P as DomainTable, Q as CommandEmpty, R as DeploymentTimeline, S as withoutField, T as EventTimeline, U as SidebarNav, V as ContentTabs, W as AppMenubar, X as Command, Y as CommandPalette, Z as CommandDialog, _ as fieldValues, a as TimeRangeControl, b as removeClause, c as describeClause, d as quoteValue, et as CommandInput, f as parseQuery, g as applyCellAction, h as addClause, i as DEFAULT_TIME_PRESETS, it as CommandShortcut, j as toast, k as NotificationToast, l as formatClause, m as EMPTY_QUERY, n as LogTable, nt as CommandList, o as useAutoRefresh, p as parseQueryWithDiagnostics, q as DashboardGrid, r as TimeSeriesPanel, rt as CommandSeparator, s as QueryBar, t as FieldSidebar, tt as CommandItem, u as formatQuery, v as isEmptyQuery, w as ScoreBreakdown, x as withFieldValue, y as queryFields, z as SettingsForm } from "./field-sidebar-
|
|
4
|
+
import { $ as CommandGroup, A as ToastProvider, B as FaqAccordion, C as Flyout, D as KeyValueEditor, E as WorkflowCanvas, F as BranchSelect, G as StatusSelect, H as EditorToolbar, I as EnvPanel, J as CommandPaletteTrigger, K as SearchCombobox, L as ProjectSwitcher, M as useToast, N as DataTable, O as FailureList, P as DomainTable, Q as CommandEmpty, R as DeploymentTimeline, S as withoutField, T as EventTimeline, U as SidebarNav, V as ContentTabs, W as AppMenubar, X as Command, Y as CommandPalette, Z as CommandDialog, _ as fieldValues, a as TimeRangeControl, b as removeClause, c as describeClause, d as quoteValue, et as CommandInput, f as parseQuery, g as applyCellAction, h as addClause, i as DEFAULT_TIME_PRESETS, it as CommandShortcut, j as toast, k as NotificationToast, l as formatClause, m as EMPTY_QUERY, n as LogTable, nt as CommandList, o as useAutoRefresh, p as parseQueryWithDiagnostics, q as DashboardGrid, r as TimeSeriesPanel, rt as CommandSeparator, s as QueryBar, t as FieldSidebar, tt as CommandItem, u as formatQuery, v as isEmptyQuery, w as ScoreBreakdown, x as withFieldValue, y as queryFields, z as SettingsForm } from "./field-sidebar-C8bDzGPs.js";
|
|
5
5
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
6
6
|
import * as React from "react";
|
|
7
7
|
import { Component, createContext, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
|
|
@@ -79,7 +79,10 @@ function Callout(_ref) {
|
|
|
79
79
|
let { tone = "info", title, icon, action, size = "md", className, children } = _ref, props = _objectWithoutProperties(_ref, _excluded$2);
|
|
80
80
|
const DefaultIcon = defaultIcons[tone];
|
|
81
81
|
const glyph = icon === void 0 ? DefaultIcon ? /* @__PURE__ */ jsx(DefaultIcon, { "aria-hidden": "true" }) : null : icon;
|
|
82
|
-
return /* @__PURE__ */ jsxs("div", _objectSpread2(_objectSpread2({
|
|
82
|
+
return /* @__PURE__ */ jsxs("div", _objectSpread2(_objectSpread2({
|
|
83
|
+
role: "status",
|
|
84
|
+
className: cn("flex items-start rounded-lg border", toneStyles[tone], sizeStyles$3[size], className)
|
|
85
|
+
}, props), {}, {
|
|
83
86
|
"data-opt-id": "AT7TX",
|
|
84
87
|
"data-opt-slug": "callout.Callout",
|
|
85
88
|
"data-tone": tone,
|
|
@@ -342,7 +345,7 @@ function SegmentedControl({ options, value, onChange, size = "md", fullWidth = f
|
|
|
342
345
|
/* @__PURE__ */ jsx(Radio$1, {
|
|
343
346
|
value: option.value,
|
|
344
347
|
disabled: itemDisabled,
|
|
345
|
-
className: "
|
|
348
|
+
className: "absolute inset-0 m-0 h-full w-full cursor-pointer opacity-0"
|
|
346
349
|
}),
|
|
347
350
|
option.icon,
|
|
348
351
|
/* @__PURE__ */ jsx("span", { children: option.label }),
|
|
@@ -2075,7 +2078,7 @@ function EventIcon({ icon, color, size = "md", className, labels: customLabels }
|
|
|
2075
2078
|
const resolvedColor = (color === null || color === void 0 ? void 0 : color.trim()) ? color : void 0;
|
|
2076
2079
|
const iconEntry = typeof icon === "string" ? getIconRegistryEntry(icon) : void 0;
|
|
2077
2080
|
const iconElement = React.isValidElement(icon) ? icon : null;
|
|
2078
|
-
const ariaLabel = typeof icon === "string" ? `${labels.eventLabelPrefix}: ${(_iconEntry$label = iconEntry === null || iconEntry === void 0 ? void 0 : iconEntry.label) !== null && _iconEntry$label !== void 0 ? _iconEntry$label : icon}` : labels.defaultAriaLabel;
|
|
2081
|
+
const ariaLabel = typeof icon === "string" && icon !== "" ? `${labels.eventLabelPrefix}: ${(_iconEntry$label = iconEntry === null || iconEntry === void 0 ? void 0 : iconEntry.label) !== null && _iconEntry$label !== void 0 ? _iconEntry$label : icon}` : labels.defaultAriaLabel;
|
|
2079
2082
|
let iconContent;
|
|
2080
2083
|
if (iconEntry) iconContent = /* @__PURE__ */ jsx(iconEntry.Icon, {
|
|
2081
2084
|
"aria-hidden": true,
|
|
@@ -2991,6 +2994,9 @@ const defaultLabels$21 = {
|
|
|
2991
2994
|
displayNamePlaceholder: "Page View",
|
|
2992
2995
|
descriptionPlaceholder: "Triggered when a user views a page",
|
|
2993
2996
|
tagsPlaceholder: "Add tag...",
|
|
2997
|
+
iconPlaceholder: "Select icon",
|
|
2998
|
+
iconLabelPrefix: "Event",
|
|
2999
|
+
iconAriaLabel: "Event icon",
|
|
2994
3000
|
emptyTagsMessage: "No tags added yet."
|
|
2995
3001
|
};
|
|
2996
3002
|
/** Renders the event meta editor component. */
|
|
@@ -3005,7 +3011,7 @@ function EventMetaEditor({ value, onChange, icons, sections, footer, className,
|
|
|
3005
3011
|
onChange(_objectSpread2(_objectSpread2({}, value), partial));
|
|
3006
3012
|
};
|
|
3007
3013
|
return /* @__PURE__ */ jsxs("div", {
|
|
3008
|
-
className: cn("gap-group flex flex-col", className),
|
|
3014
|
+
className: cn("@container gap-group flex flex-col", className),
|
|
3009
3015
|
"data-opt-id": "EZR35",
|
|
3010
3016
|
"data-opt-slug": "event-meta-editor.EventMetaEditor",
|
|
3011
3017
|
children: [
|
|
@@ -3019,6 +3025,7 @@ function EventMetaEditor({ value, onChange, icons, sections, footer, className,
|
|
|
3019
3025
|
value: value.icon,
|
|
3020
3026
|
onChange: (icon) => update({ icon }),
|
|
3021
3027
|
icons,
|
|
3028
|
+
placeholder: labels.iconPlaceholder,
|
|
3022
3029
|
"aria-label": labels.icon
|
|
3023
3030
|
})] }),
|
|
3024
3031
|
/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("span", {
|
|
@@ -3034,13 +3041,17 @@ function EventMetaEditor({ value, onChange, icons, sections, footer, className,
|
|
|
3034
3041
|
children: /* @__PURE__ */ jsx(EventIcon, {
|
|
3035
3042
|
icon: value.icon,
|
|
3036
3043
|
color: value.color,
|
|
3037
|
-
size: "lg"
|
|
3044
|
+
size: "lg",
|
|
3045
|
+
labels: {
|
|
3046
|
+
eventLabelPrefix: labels.iconLabelPrefix,
|
|
3047
|
+
defaultAriaLabel: labels.iconAriaLabel
|
|
3048
|
+
}
|
|
3038
3049
|
})
|
|
3039
3050
|
})
|
|
3040
3051
|
]
|
|
3041
3052
|
}),
|
|
3042
3053
|
/* @__PURE__ */ jsxs("div", {
|
|
3043
|
-
className: "gap-group grid grid-cols-2",
|
|
3054
|
+
className: "gap-group grid grid-cols-1 @sm:grid-cols-2",
|
|
3044
3055
|
children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("label", {
|
|
3045
3056
|
htmlFor: nameId,
|
|
3046
3057
|
className: "text-text-tertiary mb-1 block text-xs font-medium",
|
|
@@ -3050,7 +3061,8 @@ function EventMetaEditor({ value, onChange, icons, sections, footer, className,
|
|
|
3050
3061
|
value: value.name,
|
|
3051
3062
|
onChange: (e) => update({ name: e.target.value }),
|
|
3052
3063
|
placeholder: labels.namePlaceholder,
|
|
3053
|
-
className: "font-mono"
|
|
3064
|
+
className: "font-mono",
|
|
3065
|
+
fullWidth: true
|
|
3054
3066
|
})] }), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("label", {
|
|
3055
3067
|
htmlFor: displayNameId,
|
|
3056
3068
|
className: "text-text-tertiary mb-1 block text-xs font-medium",
|
|
@@ -3059,7 +3071,8 @@ function EventMetaEditor({ value, onChange, icons, sections, footer, className,
|
|
|
3059
3071
|
id: displayNameId,
|
|
3060
3072
|
value: value.displayName,
|
|
3061
3073
|
onChange: (e) => update({ displayName: e.target.value }),
|
|
3062
|
-
placeholder: labels.displayNamePlaceholder
|
|
3074
|
+
placeholder: labels.displayNamePlaceholder,
|
|
3075
|
+
fullWidth: true
|
|
3063
3076
|
})] })]
|
|
3064
3077
|
}),
|
|
3065
3078
|
/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("label", {
|
|
@@ -3070,7 +3083,8 @@ function EventMetaEditor({ value, onChange, icons, sections, footer, className,
|
|
|
3070
3083
|
id: descriptionId,
|
|
3071
3084
|
value: value.description,
|
|
3072
3085
|
onChange: (e) => update({ description: e.target.value }),
|
|
3073
|
-
placeholder: labels.descriptionPlaceholder
|
|
3086
|
+
placeholder: labels.descriptionPlaceholder,
|
|
3087
|
+
fullWidth: true
|
|
3074
3088
|
})] }),
|
|
3075
3089
|
/* @__PURE__ */ jsxs("div", { children: [
|
|
3076
3090
|
/* @__PURE__ */ jsx("span", {
|
|
@@ -4871,6 +4885,7 @@ function CatalogCellControls({ children }) {
|
|
|
4871
4885
|
});
|
|
4872
4886
|
}
|
|
4873
4887
|
const defaultLabels$13 = {
|
|
4888
|
+
closeInspector: "Close panel",
|
|
4874
4889
|
emptyTitle: "아직 아무것도 없습니다",
|
|
4875
4890
|
emptyDescription: "데이터가 도착하면 여기에 나타납니다.",
|
|
4876
4891
|
filteredEmptyTitle: "조건에 맞는 항목이 없습니다",
|
|
@@ -4970,6 +4985,7 @@ function CatalogFrame({ children, isEmpty, query, onQueryChange, filters, stats,
|
|
|
4970
4985
|
actions: inspectorActions,
|
|
4971
4986
|
footer: inspectorFooter,
|
|
4972
4987
|
width: inspectorWidth,
|
|
4988
|
+
labels: { close: labels.closeInspector },
|
|
4973
4989
|
children: /* @__PURE__ */ jsxs("div", {
|
|
4974
4990
|
className: "gap-group flex flex-col",
|
|
4975
4991
|
children: [body, onPageChange && totalCount != null && totalCount > pageSize && /* @__PURE__ */ jsx(Pagination, {
|
package/dist/meta.cjs
CHANGED
|
@@ -5868,18 +5868,32 @@ const fields = [
|
|
|
5868
5868
|
type: "string",
|
|
5869
5869
|
default: "\"No data available\"",
|
|
5870
5870
|
description: "데이터 없을 때 표시할 메시지"
|
|
5871
|
+
},
|
|
5872
|
+
{
|
|
5873
|
+
name: "labels",
|
|
5874
|
+
type: "DataTableLabels",
|
|
5875
|
+
description: "선택·리사이즈·펼치기처럼 스크린리더만 듣는 문구. 보이는 문구는 columns와 emptyMessage가 이미 호출자의 것입니다"
|
|
5871
5876
|
}
|
|
5872
5877
|
],
|
|
5873
|
-
ColumnDef: [
|
|
5874
|
-
|
|
5875
|
-
|
|
5876
|
-
|
|
5877
|
-
|
|
5878
|
-
|
|
5879
|
-
|
|
5880
|
-
|
|
5881
|
-
|
|
5882
|
-
|
|
5878
|
+
ColumnDef: [
|
|
5879
|
+
{
|
|
5880
|
+
name: "headerHidden",
|
|
5881
|
+
type: "boolean",
|
|
5882
|
+
default: "false",
|
|
5883
|
+
description: "이름은 두되 그리지 않음. 행 액션처럼 제목이 필요 없는 컬럼용 — 빈 header는 컬럼을 익명으로 만듭니다"
|
|
5884
|
+
},
|
|
5885
|
+
{
|
|
5886
|
+
name: "bar",
|
|
5887
|
+
type: "(row: T) => number",
|
|
5888
|
+
description: "인라인 프로그레스 바 비율(0-1) 계산 함수. 범위 밖/NaN은 보정"
|
|
5889
|
+
},
|
|
5890
|
+
{
|
|
5891
|
+
name: "barColor",
|
|
5892
|
+
type: "string",
|
|
5893
|
+
default: "\"bg-accent\"",
|
|
5894
|
+
description: "인라인 바 색상 클래스"
|
|
5895
|
+
}
|
|
5896
|
+
]
|
|
5883
5897
|
},
|
|
5884
5898
|
testDescribe: "DataTable",
|
|
5885
5899
|
examples: [{
|
|
@@ -5948,6 +5962,11 @@ const data = [
|
|
|
5948
5962
|
type: "number",
|
|
5949
5963
|
default: "5000",
|
|
5950
5964
|
description: "기본 표시 시간 (ms)"
|
|
5965
|
+
},
|
|
5966
|
+
{
|
|
5967
|
+
name: "labels",
|
|
5968
|
+
type: "NotificationToastLabels",
|
|
5969
|
+
description: "토스트 영역의 이름(regionLabel). 토스트 본문은 이미 호출자가 쓴 문장입니다"
|
|
5951
5970
|
}
|
|
5952
5971
|
],
|
|
5953
5972
|
useToast: [{
|
|
@@ -7110,7 +7129,7 @@ const filters = [
|
|
|
7110
7129
|
{
|
|
7111
7130
|
name: "labels",
|
|
7112
7131
|
type: "EventMetaEditorLabels",
|
|
7113
|
-
description: "필드 레이블과 placeholder
|
|
7132
|
+
description: "필드 레이블과 placeholder 문구. iconPlaceholder는 내부 IconPicker로, iconLabelPrefix·iconAriaLabel은 미리보기 EventIcon으로 전달됩니다"
|
|
7114
7133
|
}
|
|
7115
7134
|
],
|
|
7116
7135
|
EventMetaEditorSection: [
|
|
@@ -9787,7 +9806,7 @@ const messages = [
|
|
|
9787
9806
|
{
|
|
9788
9807
|
name: "labels",
|
|
9789
9808
|
type: "CatalogFrameLabels",
|
|
9790
|
-
description: "빈/필터된 빈/에러
|
|
9809
|
+
description: "빈/필터된 빈/에러 문구와 인스펙터 닫기 버튼(closeInspector)"
|
|
9791
9810
|
},
|
|
9792
9811
|
{
|
|
9793
9812
|
name: "className",
|
package/dist/meta.js
CHANGED
|
@@ -5867,18 +5867,32 @@ const fields = [
|
|
|
5867
5867
|
type: "string",
|
|
5868
5868
|
default: "\"No data available\"",
|
|
5869
5869
|
description: "데이터 없을 때 표시할 메시지"
|
|
5870
|
+
},
|
|
5871
|
+
{
|
|
5872
|
+
name: "labels",
|
|
5873
|
+
type: "DataTableLabels",
|
|
5874
|
+
description: "선택·리사이즈·펼치기처럼 스크린리더만 듣는 문구. 보이는 문구는 columns와 emptyMessage가 이미 호출자의 것입니다"
|
|
5870
5875
|
}
|
|
5871
5876
|
],
|
|
5872
|
-
ColumnDef: [
|
|
5873
|
-
|
|
5874
|
-
|
|
5875
|
-
|
|
5876
|
-
|
|
5877
|
-
|
|
5878
|
-
|
|
5879
|
-
|
|
5880
|
-
|
|
5881
|
-
|
|
5877
|
+
ColumnDef: [
|
|
5878
|
+
{
|
|
5879
|
+
name: "headerHidden",
|
|
5880
|
+
type: "boolean",
|
|
5881
|
+
default: "false",
|
|
5882
|
+
description: "이름은 두되 그리지 않음. 행 액션처럼 제목이 필요 없는 컬럼용 — 빈 header는 컬럼을 익명으로 만듭니다"
|
|
5883
|
+
},
|
|
5884
|
+
{
|
|
5885
|
+
name: "bar",
|
|
5886
|
+
type: "(row: T) => number",
|
|
5887
|
+
description: "인라인 프로그레스 바 비율(0-1) 계산 함수. 범위 밖/NaN은 보정"
|
|
5888
|
+
},
|
|
5889
|
+
{
|
|
5890
|
+
name: "barColor",
|
|
5891
|
+
type: "string",
|
|
5892
|
+
default: "\"bg-accent\"",
|
|
5893
|
+
description: "인라인 바 색상 클래스"
|
|
5894
|
+
}
|
|
5895
|
+
]
|
|
5882
5896
|
},
|
|
5883
5897
|
testDescribe: "DataTable",
|
|
5884
5898
|
examples: [{
|
|
@@ -5947,6 +5961,11 @@ const data = [
|
|
|
5947
5961
|
type: "number",
|
|
5948
5962
|
default: "5000",
|
|
5949
5963
|
description: "기본 표시 시간 (ms)"
|
|
5964
|
+
},
|
|
5965
|
+
{
|
|
5966
|
+
name: "labels",
|
|
5967
|
+
type: "NotificationToastLabels",
|
|
5968
|
+
description: "토스트 영역의 이름(regionLabel). 토스트 본문은 이미 호출자가 쓴 문장입니다"
|
|
5950
5969
|
}
|
|
5951
5970
|
],
|
|
5952
5971
|
useToast: [{
|
|
@@ -7109,7 +7128,7 @@ const filters = [
|
|
|
7109
7128
|
{
|
|
7110
7129
|
name: "labels",
|
|
7111
7130
|
type: "EventMetaEditorLabels",
|
|
7112
|
-
description: "필드 레이블과 placeholder
|
|
7131
|
+
description: "필드 레이블과 placeholder 문구. iconPlaceholder는 내부 IconPicker로, iconLabelPrefix·iconAriaLabel은 미리보기 EventIcon으로 전달됩니다"
|
|
7113
7132
|
}
|
|
7114
7133
|
],
|
|
7115
7134
|
EventMetaEditorSection: [
|
|
@@ -9786,7 +9805,7 @@ const messages = [
|
|
|
9786
9805
|
{
|
|
9787
9806
|
name: "labels",
|
|
9788
9807
|
type: "CatalogFrameLabels",
|
|
9789
|
-
description: "빈/필터된 빈/에러
|
|
9808
|
+
description: "빈/필터된 빈/에러 문구와 인스펙터 닫기 버튼(closeInspector)"
|
|
9790
9809
|
},
|
|
9791
9810
|
{
|
|
9792
9811
|
name: "className",
|
package/dist/shells/index.cjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
"use client";
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
4
|
-
const require_field_sidebar = require("../field-sidebar-
|
|
4
|
+
const require_field_sidebar = require("../field-sidebar-DX5wP0qn.cjs");
|
|
5
5
|
let _reopt_ai_opt_charts = require("@reopt-ai/opt-charts");
|
|
6
6
|
exports.AppMenubar = require_field_sidebar.AppMenubar;
|
|
7
7
|
exports.BranchSelect = require_field_sidebar.BranchSelect;
|
package/dist/shells/index.d.cts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
|
|
2
|
-
import { $ as EventTimelineItem, $t as DashboardGridProps, At as EnvPanel, Bt as ContentTabs, C as TimeRangePreset, Ct as ColumnDef, D as QueryField, Dt as DomainTableProps, E as QueryBarProps, Et as DomainTable, Ft as DeploymentTimelineProps, G as FlyoutProps, Gt as SidebarNavProps, Ht as EditorToolbar, It as SettingsForm, J as ScoreBreakdown, Jt as StatusSelect, K as ScoreAxis, Kt as AppMenubar, Lt as SettingsFormProps, Mt as ProjectSwitcher, Nt as ProjectSwitcherProps, Ot as BranchSelect, Pt as DeploymentTimeline, Q as EventTimelineGroup, Qt as DashboardGrid, Rt as FaqAccordion, S as TimeRangeControlProps, St as useToast, T as QueryBarLabels, Tt as DataTableProps, U as Flyout, Ut as EditorToolbarProps, Vt as ContentTabsProps, W as FlyoutLabels, Wt as SidebarNav, X as ScoreBreakdownProps, Xt as SearchCombobox, Y as ScoreBreakdownLabels, Yt as StatusSelectProps, Z as EventTimeline, Zt as SearchComboboxProps, _ as TimeSeriesPanelProps, _t as ToastMessage, a as FieldValueCount, at as WorkflowCanvasProps, b as TimeRangeControl, c as LogColumnPriority, ct as KeyValueEditorLabels, d as LogTable, dt as FailureList, en as CommandPaletteTrigger, et as EventTimelineLabels, f as LogTableHandle, ft as FailureListLabels, g as TimeSeriesPanelLabels, gt as ToastContextValue, h as TimeSeriesPanel, i as FieldSummary, it as WorkflowCanvasConnection, jt as EnvPanelProps, kt as BranchSelectProps, l as LogDensity, lt as KeyValueEditorProps, m as LogTableProps, mt as NotificationToast, n as FieldSidebarLabels, nn as CommandPalette, nt as EventTimelineTone, o as LogCellAction, ot as WorkflowCanvasStep, p as LogTableLabels, pt as FailureListProps, q as ScoreBand, qt as AppMenubarProps, r as FieldSidebarProps, rn as CommandPaletteProps, rt as WorkflowCanvas, s as LogColumn, st as KeyValueEditor, t as FieldSidebar, tn as CommandPaletteTriggerProps, tt as EventTimelineProps, u as LogSort, ut as KeyValueEntry, v as DEFAULT_TIME_PRESETS, vt as ToastProvider, w as QueryBar, wt as DataTable, x as TimeRangeControlLabels, y as RefreshSetting, yt as ToastProviderProps, zt as FaqAccordionProps } from "../field-sidebar-
|
|
2
|
+
import { $ as EventTimelineItem, $t as DashboardGridProps, At as EnvPanel, Bt as ContentTabs, C as TimeRangePreset, Ct as ColumnDef, D as QueryField, Dt as DomainTableProps, E as QueryBarProps, Et as DomainTable, Ft as DeploymentTimelineProps, G as FlyoutProps, Gt as SidebarNavProps, Ht as EditorToolbar, It as SettingsForm, J as ScoreBreakdown, Jt as StatusSelect, K as ScoreAxis, Kt as AppMenubar, Lt as SettingsFormProps, Mt as ProjectSwitcher, Nt as ProjectSwitcherProps, Ot as BranchSelect, Pt as DeploymentTimeline, Q as EventTimelineGroup, Qt as DashboardGrid, Rt as FaqAccordion, S as TimeRangeControlProps, St as useToast, T as QueryBarLabels, Tt as DataTableProps, U as Flyout, Ut as EditorToolbarProps, Vt as ContentTabsProps, W as FlyoutLabels, Wt as SidebarNav, X as ScoreBreakdownProps, Xt as SearchCombobox, Y as ScoreBreakdownLabels, Yt as StatusSelectProps, Z as EventTimeline, Zt as SearchComboboxProps, _ as TimeSeriesPanelProps, _t as ToastMessage, a as FieldValueCount, at as WorkflowCanvasProps, b as TimeRangeControl, c as LogColumnPriority, ct as KeyValueEditorLabels, d as LogTable, dt as FailureList, en as CommandPaletteTrigger, et as EventTimelineLabels, f as LogTableHandle, ft as FailureListLabels, g as TimeSeriesPanelLabels, gt as ToastContextValue, h as TimeSeriesPanel, i as FieldSummary, it as WorkflowCanvasConnection, jt as EnvPanelProps, kt as BranchSelectProps, l as LogDensity, lt as KeyValueEditorProps, m as LogTableProps, mt as NotificationToast, n as FieldSidebarLabels, nn as CommandPalette, nt as EventTimelineTone, o as LogCellAction, ot as WorkflowCanvasStep, p as LogTableLabels, pt as FailureListProps, q as ScoreBand, qt as AppMenubarProps, r as FieldSidebarProps, rn as CommandPaletteProps, rt as WorkflowCanvas, s as LogColumn, st as KeyValueEditor, t as FieldSidebar, tn as CommandPaletteTriggerProps, tt as EventTimelineProps, u as LogSort, ut as KeyValueEntry, v as DEFAULT_TIME_PRESETS, vt as ToastProvider, w as QueryBar, wt as DataTable, x as TimeRangeControlLabels, y as RefreshSetting, yt as ToastProviderProps, zt as FaqAccordionProps } from "../field-sidebar-Ct8c9L4V.cjs";
|
|
3
3
|
import { EventSparkline, EventSparklineLabels, EventSparklineProps, MetricsCard, MetricsCardProps, ReportWidget, ReportWidgetConfig, ReportWidgetLabels, ReportWidgetProps, ReportWidgetType, TrendChart, TrendChartProps } from "@reopt-ai/opt-charts";
|
|
4
4
|
export { AppMenubar, type AppMenubarProps, BranchSelect, type BranchSelectProps, type ColumnDef, CommandPalette, type CommandPaletteProps, CommandPaletteTrigger, type CommandPaletteTriggerProps, ContentTabs, type ContentTabsProps, DEFAULT_TIME_PRESETS, DashboardGrid, type DashboardGridProps, DataTable, type DataTableProps, DeploymentTimeline, type DeploymentTimelineProps, DomainTable, type DomainTableProps, EditorToolbar, type EditorToolbarProps, EnvPanel, type EnvPanelProps, EventSparkline, type EventSparklineLabels, type EventSparklineProps, EventTimeline, type EventTimelineGroup, type EventTimelineItem, type EventTimelineLabels, type EventTimelineProps, type EventTimelineTone, FailureList, type FailureListLabels, type FailureListProps, FaqAccordion, type FaqAccordionProps, FieldSidebar, type FieldSidebarLabels, type FieldSidebarProps, type FieldSummary, type FieldValueCount, Flyout, type FlyoutLabels, type FlyoutProps, KeyValueEditor, type KeyValueEditorLabels, type KeyValueEditorProps, type KeyValueEntry, type LogCellAction, type LogColumn, type LogColumnPriority, type LogDensity, type LogSort, LogTable, type LogTableHandle, type LogTableLabels, type LogTableProps, MetricsCard, type MetricsCardProps, NotificationToast, ProjectSwitcher, type ProjectSwitcherProps, QueryBar, type QueryBarLabels, type QueryBarProps, type QueryField, type RefreshSetting, ReportWidget, type ReportWidgetConfig, type ReportWidgetLabels, type ReportWidgetProps, type ReportWidgetType, type ScoreAxis, type ScoreBand, ScoreBreakdown, type ScoreBreakdownLabels, type ScoreBreakdownProps, SearchCombobox, type SearchComboboxProps, SettingsForm, type SettingsFormProps, SidebarNav, type SidebarNavProps, StatusSelect, type StatusSelectProps, TimeRangeControl, type TimeRangeControlLabels, type TimeRangeControlProps, type TimeRangePreset, TimeSeriesPanel, type TimeSeriesPanelLabels, type TimeSeriesPanelProps, type ToastContextValue, type ToastMessage, ToastProvider, type ToastProviderProps, TrendChart, type TrendChartProps, WorkflowCanvas, type WorkflowCanvasConnection, type WorkflowCanvasProps, type WorkflowCanvasStep, useToast };
|
package/dist/shells/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
|
|
2
|
-
import { $ as EventTimelineItem, $t as DashboardGridProps, At as EnvPanel, Bt as ContentTabs, C as TimeRangePreset, Ct as ColumnDef, D as QueryField, Dt as DomainTableProps, E as QueryBarProps, Et as DomainTable, Ft as DeploymentTimelineProps, G as FlyoutProps, Gt as SidebarNavProps, Ht as EditorToolbar, It as SettingsForm, J as ScoreBreakdown, Jt as StatusSelect, K as ScoreAxis, Kt as AppMenubar, Lt as SettingsFormProps, Mt as ProjectSwitcher, Nt as ProjectSwitcherProps, Ot as BranchSelect, Pt as DeploymentTimeline, Q as EventTimelineGroup, Qt as DashboardGrid, Rt as FaqAccordion, S as TimeRangeControlProps, St as useToast, T as QueryBarLabels, Tt as DataTableProps, U as Flyout, Ut as EditorToolbarProps, Vt as ContentTabsProps, W as FlyoutLabels, Wt as SidebarNav, X as ScoreBreakdownProps, Xt as SearchCombobox, Y as ScoreBreakdownLabels, Yt as StatusSelectProps, Z as EventTimeline, Zt as SearchComboboxProps, _ as TimeSeriesPanelProps, _t as ToastMessage, a as FieldValueCount, at as WorkflowCanvasProps, b as TimeRangeControl, c as LogColumnPriority, ct as KeyValueEditorLabels, d as LogTable, dt as FailureList, en as CommandPaletteTrigger, et as EventTimelineLabels, f as LogTableHandle, ft as FailureListLabels, g as TimeSeriesPanelLabels, gt as ToastContextValue, h as TimeSeriesPanel, i as FieldSummary, it as WorkflowCanvasConnection, jt as EnvPanelProps, kt as BranchSelectProps, l as LogDensity, lt as KeyValueEditorProps, m as LogTableProps, mt as NotificationToast, n as FieldSidebarLabels, nn as CommandPalette, nt as EventTimelineTone, o as LogCellAction, ot as WorkflowCanvasStep, p as LogTableLabels, pt as FailureListProps, q as ScoreBand, qt as AppMenubarProps, r as FieldSidebarProps, rn as CommandPaletteProps, rt as WorkflowCanvas, s as LogColumn, st as KeyValueEditor, t as FieldSidebar, tn as CommandPaletteTriggerProps, tt as EventTimelineProps, u as LogSort, ut as KeyValueEntry, v as DEFAULT_TIME_PRESETS, vt as ToastProvider, w as QueryBar, wt as DataTable, x as TimeRangeControlLabels, y as RefreshSetting, yt as ToastProviderProps, zt as FaqAccordionProps } from "../field-sidebar-
|
|
2
|
+
import { $ as EventTimelineItem, $t as DashboardGridProps, At as EnvPanel, Bt as ContentTabs, C as TimeRangePreset, Ct as ColumnDef, D as QueryField, Dt as DomainTableProps, E as QueryBarProps, Et as DomainTable, Ft as DeploymentTimelineProps, G as FlyoutProps, Gt as SidebarNavProps, Ht as EditorToolbar, It as SettingsForm, J as ScoreBreakdown, Jt as StatusSelect, K as ScoreAxis, Kt as AppMenubar, Lt as SettingsFormProps, Mt as ProjectSwitcher, Nt as ProjectSwitcherProps, Ot as BranchSelect, Pt as DeploymentTimeline, Q as EventTimelineGroup, Qt as DashboardGrid, Rt as FaqAccordion, S as TimeRangeControlProps, St as useToast, T as QueryBarLabels, Tt as DataTableProps, U as Flyout, Ut as EditorToolbarProps, Vt as ContentTabsProps, W as FlyoutLabels, Wt as SidebarNav, X as ScoreBreakdownProps, Xt as SearchCombobox, Y as ScoreBreakdownLabels, Yt as StatusSelectProps, Z as EventTimeline, Zt as SearchComboboxProps, _ as TimeSeriesPanelProps, _t as ToastMessage, a as FieldValueCount, at as WorkflowCanvasProps, b as TimeRangeControl, c as LogColumnPriority, ct as KeyValueEditorLabels, d as LogTable, dt as FailureList, en as CommandPaletteTrigger, et as EventTimelineLabels, f as LogTableHandle, ft as FailureListLabels, g as TimeSeriesPanelLabels, gt as ToastContextValue, h as TimeSeriesPanel, i as FieldSummary, it as WorkflowCanvasConnection, jt as EnvPanelProps, kt as BranchSelectProps, l as LogDensity, lt as KeyValueEditorProps, m as LogTableProps, mt as NotificationToast, n as FieldSidebarLabels, nn as CommandPalette, nt as EventTimelineTone, o as LogCellAction, ot as WorkflowCanvasStep, p as LogTableLabels, pt as FailureListProps, q as ScoreBand, qt as AppMenubarProps, r as FieldSidebarProps, rn as CommandPaletteProps, rt as WorkflowCanvas, s as LogColumn, st as KeyValueEditor, t as FieldSidebar, tn as CommandPaletteTriggerProps, tt as EventTimelineProps, u as LogSort, ut as KeyValueEntry, v as DEFAULT_TIME_PRESETS, vt as ToastProvider, w as QueryBar, wt as DataTable, x as TimeRangeControlLabels, y as RefreshSetting, yt as ToastProviderProps, zt as FaqAccordionProps } from "../field-sidebar-YaWHfLLW.js";
|
|
3
3
|
import { EventSparkline, EventSparklineLabels, EventSparklineProps, MetricsCard, MetricsCardProps, ReportWidget, ReportWidgetConfig, ReportWidgetLabels, ReportWidgetProps, ReportWidgetType, TrendChart, TrendChartProps } from "@reopt-ai/opt-charts";
|
|
4
4
|
export { AppMenubar, type AppMenubarProps, BranchSelect, type BranchSelectProps, type ColumnDef, CommandPalette, type CommandPaletteProps, CommandPaletteTrigger, type CommandPaletteTriggerProps, ContentTabs, type ContentTabsProps, DEFAULT_TIME_PRESETS, DashboardGrid, type DashboardGridProps, DataTable, type DataTableProps, DeploymentTimeline, type DeploymentTimelineProps, DomainTable, type DomainTableProps, EditorToolbar, type EditorToolbarProps, EnvPanel, type EnvPanelProps, EventSparkline, type EventSparklineLabels, type EventSparklineProps, EventTimeline, type EventTimelineGroup, type EventTimelineItem, type EventTimelineLabels, type EventTimelineProps, type EventTimelineTone, FailureList, type FailureListLabels, type FailureListProps, FaqAccordion, type FaqAccordionProps, FieldSidebar, type FieldSidebarLabels, type FieldSidebarProps, type FieldSummary, type FieldValueCount, Flyout, type FlyoutLabels, type FlyoutProps, KeyValueEditor, type KeyValueEditorLabels, type KeyValueEditorProps, type KeyValueEntry, type LogCellAction, type LogColumn, type LogColumnPriority, type LogDensity, type LogSort, LogTable, type LogTableHandle, type LogTableLabels, type LogTableProps, MetricsCard, type MetricsCardProps, NotificationToast, ProjectSwitcher, type ProjectSwitcherProps, QueryBar, type QueryBarLabels, type QueryBarProps, type QueryField, type RefreshSetting, ReportWidget, type ReportWidgetConfig, type ReportWidgetLabels, type ReportWidgetProps, type ReportWidgetType, type ScoreAxis, type ScoreBand, ScoreBreakdown, type ScoreBreakdownLabels, type ScoreBreakdownProps, SearchCombobox, type SearchComboboxProps, SettingsForm, type SettingsFormProps, SidebarNav, type SidebarNavProps, StatusSelect, type StatusSelectProps, TimeRangeControl, type TimeRangeControlLabels, type TimeRangeControlProps, type TimeRangePreset, TimeSeriesPanel, type TimeSeriesPanelLabels, type TimeSeriesPanelProps, type ToastContextValue, type ToastMessage, ToastProvider, type ToastProviderProps, TrendChart, type TrendChartProps, WorkflowCanvas, type WorkflowCanvasConnection, type WorkflowCanvasProps, type WorkflowCanvasStep, useToast };
|
package/dist/shells/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
"use client";
|
|
3
|
-
import { A as ToastProvider, B as FaqAccordion, C as Flyout, D as KeyValueEditor, E as WorkflowCanvas, F as BranchSelect, G as StatusSelect, H as EditorToolbar, I as EnvPanel, J as CommandPaletteTrigger, K as SearchCombobox, L as ProjectSwitcher, M as useToast, N as DataTable, O as FailureList, P as DomainTable, R as DeploymentTimeline, T as EventTimeline, U as SidebarNav, V as ContentTabs, W as AppMenubar, Y as CommandPalette, a as TimeRangeControl, i as DEFAULT_TIME_PRESETS, k as NotificationToast, n as LogTable, q as DashboardGrid, r as TimeSeriesPanel, s as QueryBar, t as FieldSidebar, w as ScoreBreakdown, z as SettingsForm } from "../field-sidebar-
|
|
3
|
+
import { A as ToastProvider, B as FaqAccordion, C as Flyout, D as KeyValueEditor, E as WorkflowCanvas, F as BranchSelect, G as StatusSelect, H as EditorToolbar, I as EnvPanel, J as CommandPaletteTrigger, K as SearchCombobox, L as ProjectSwitcher, M as useToast, N as DataTable, O as FailureList, P as DomainTable, R as DeploymentTimeline, T as EventTimeline, U as SidebarNav, V as ContentTabs, W as AppMenubar, Y as CommandPalette, a as TimeRangeControl, i as DEFAULT_TIME_PRESETS, k as NotificationToast, n as LogTable, q as DashboardGrid, r as TimeSeriesPanel, s as QueryBar, t as FieldSidebar, w as ScoreBreakdown, z as SettingsForm } from "../field-sidebar-C8bDzGPs.js";
|
|
4
4
|
import { EventSparkline, MetricsCard, ReportWidget, TrendChart } from "@reopt-ai/opt-charts";
|
|
5
5
|
export { AppMenubar, BranchSelect, CommandPalette, CommandPaletteTrigger, ContentTabs, DEFAULT_TIME_PRESETS, DashboardGrid, DataTable, DeploymentTimeline, DomainTable, EditorToolbar, EnvPanel, EventSparkline, EventTimeline, FailureList, FaqAccordion, FieldSidebar, Flyout, KeyValueEditor, LogTable, MetricsCard, NotificationToast, ProjectSwitcher, QueryBar, ReportWidget, ScoreBreakdown, SearchCombobox, SettingsForm, SidebarNav, StatusSelect, TimeRangeControl, TimeSeriesPanel, ToastProvider, TrendChart, WorkflowCanvas, useToast };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@reopt-ai/opt-ui",
|
|
3
|
-
"version": "1.12.
|
|
3
|
+
"version": "1.12.4",
|
|
4
4
|
"description": "접근성 우선 UI 컴포넌트 라이브러리. opt-ui-primitives Core, 비즈니스 Shells, 페이지 Surfaces.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
@@ -148,7 +148,7 @@
|
|
|
148
148
|
"registry": "https://registry.npmjs.org"
|
|
149
149
|
},
|
|
150
150
|
"dependencies": {
|
|
151
|
-
"@reopt-ai/opt-charts": "^1.4.
|
|
151
|
+
"@reopt-ai/opt-charts": "^1.4.2",
|
|
152
152
|
"@reopt-ai/opt-meta": "^0.1.0",
|
|
153
153
|
"@reopt-ai/opt-palette": "^1.0.0",
|
|
154
154
|
"@reopt-ai/opt-ui-primitives": "^1.5.2",
|