@reopt-ai/opt-ui 1.12.0 → 1.12.1

package/dist/meta.js

@@ -2,7 +2,7 @@ const coreMetas = [
 	{
 		name: "FieldToken",
 		category: "core",
-		description: "필드 타입을 글리프 하나로 표현하는 토큰. 문자열·숫자·날짜·IP·지오 등 분석 스키마 타입마다 고정된 아이콘과 팔레트 슬롯을 부여해 필드 목록·컬럼 헤더·속성 테이블 전역에서 같은 어휘를 쓴다.",
+		description: "필드 타입을 일관된 글리프와 선택적 텍스트 레이블로 표현합니다. 문자열·숫자·날짜·IP·지오 등 분석 스키마 타입마다 같은 아이콘과 팔레트 슬롯을 씁니다.",
 		slug: "field-token",
 		exports: [
 			"FieldToken",
@@ -45,6 +45,17 @@ const coreMetas = [
 				default: "false",
 				description: "인접 텍스트가 타입을 이미 말할 때 접근성 트리에서 제외"
 			},
+			{
+				name: "withLabel",
+				type: "boolean",
+				default: "false",
+				description: "글리프 옆에 타입 이름을 함께 표시"
+			},
+			{
+				name: "label",
+				type: "string",
+				description: "withLabel이 표시할 문구. 기본값은 타입 이름"
+			},
 			{
 				name: "className",
 				type: "string",
@@ -5156,6 +5167,11 @@ const MyDashboard = createBlock<MyDashboardProps>(
 				type: "string",
 				required: true,
 				description: "radiogroup 이름. 필수"
+			},
+			{
+				name: "className",
+				type: "string",
+				description: "추가 CSS 클래스"
 			}
 		] },
 		usage: {
@@ -5766,7 +5782,7 @@ const fields = [
 	{
 		name: "DataTable",
 		category: "shell",
-		description: "제네릭 데이터 테이블. 동적 컬럼, 결측값 안전 정렬, 키보드 컬럼 리사이즈, 보정된 인라인 진행률과 Composite 탐색을 지원합니다.",
+		description: "제네릭 데이터 테이블. 제목은 opt-in이고 ariaLabel로 grid를 이름 붙이며, 동적 컬럼·안전 정렬·키보드 리사이즈·Composite 탐색을 지원합니다.",
 		slug: "data-table",
 		exports: ["DataTable"],
 		keyboardShortcuts: [
@@ -5834,8 +5850,12 @@ const fields = [
 				{
 					name: "title",
 					type: "string",
-					default: "\"데이터 테이블\"",
-					description: "테이블 제목"
+					description: "테이블 위에 표시할 제목. 생략하면 제목 영역을 렌더하지 않음"
+				},
+				{
+					name: "ariaLabel",
+					type: "string",
+					description: "보이는 제목이 없을 때 grid에 제공할 접근 가능한 이름"
 				},
 				{
 					name: "onRowClick",
@@ -5845,7 +5865,7 @@ const fields = [
 				{
 					name: "emptyMessage",
 					type: "string",
-					default: "\"데이터가 없습니다\"",
+					default: "\"No data available\"",
 					description: "데이터 없을 때 표시할 메시지"
 				}
 			],
@@ -6819,10 +6839,78 @@ const filters = [
 	{
 		name: "PropertyExplorer",
 		category: "shell",
-		description: "프로퍼티 탐색기. 검색 가능한 속성 목록을 그룹별로 표시합니다.",
+		description: "검색 가능한 속성 목록을 그룹별로 표시하고, 숨김 상태와 호출자 소유의 명시적인 편집 액션을 함께 제공합니다.",
 		slug: "property-explorer",
 		exports: ["PropertyExplorer"],
-		props: {},
+		props: {
+			PropertyExplorer: [
+				{
+					name: "groups",
+					type: "PropertyGroup[]",
+					required: true,
+					description: "그룹별 속성 목록. 각 속성은 dataType과 hidden 상태를 포함 가능"
+				},
+				{
+					name: "onSelect",
+					type: "(property: PropertyDef) => void",
+					description: "속성 선택"
+				},
+				{
+					name: "onEdit",
+					type: "(property: PropertyDef) => void",
+					description: "행에 명시적인 편집 버튼을 표시하고 선택한 속성을 전달"
+				},
+				{
+					name: "className",
+					type: "string",
+					description: "추가 CSS 클래스"
+				},
+				{
+					name: "labels",
+					type: "PropertyExplorerLabels",
+					description: "검색·빈 상태·편집·숨김 문구"
+				}
+			],
+			PropertyDef: [
+				{
+					name: "name",
+					type: "string",
+					required: true,
+					description: "속성 이름"
+				},
+				{
+					name: "type",
+					type: "string",
+					required: true,
+					description: "원본 스키마 타입"
+				},
+				{
+					name: "dataType",
+					type: "FieldDataType",
+					description: "호출자가 이미 판정한 opt-ui 필드 타입"
+				},
+				{
+					name: "description",
+					type: "string",
+					description: "속성 설명"
+				},
+				{
+					name: "exampleValue",
+					type: "string",
+					description: "예시 값"
+				},
+				{
+					name: "eventCount",
+					type: "number",
+					description: "관측 이벤트 수"
+				},
+				{
+					name: "hidden",
+					type: "boolean",
+					description: "피커에서는 숨기되 탐색기에서는 흐리게 표시할 상태"
+				}
+			]
+		},
 		dependencies: [{
 			slug: "input",
 			category: "core"
@@ -6981,10 +7069,74 @@ const filters = [
 	{
 		name: "EventMetaEditor",
 		category: "shell",
-		description: "이벤트 메타 에디터. 레이블이 연결된 IconPicker + ColorPicker + TagInput 조합으로 이벤트 메타데이터를 편집합니다.",
+		description: "기본 이벤트 메타와 호출자 소유 섹션을 한 폼에서 편집하고, footer의 한 액션으로 함께 저장할 수 있습니다.",
 		slug: "event-meta-editor",
 		exports: ["EventMetaEditor"],
-		props: {},
+		props: {
+			EventMetaEditor: [
+				{
+					name: "value",
+					type: "EventMeta",
+					required: true,
+					description: "편집 중인 이벤트 메타데이터"
+				},
+				{
+					name: "onChange",
+					type: "(meta: EventMeta) => void",
+					required: true,
+					description: "메타데이터 변경"
+				},
+				{
+					name: "icons",
+					type: "IconDef[]",
+					description: "선택 가능한 아이콘"
+				},
+				{
+					name: "sections",
+					type: "EventMetaEditorSection[]",
+					description: "기본 여섯 필드 뒤에 렌더할 호출자 소유 섹션"
+				},
+				{
+					name: "footer",
+					type: "ReactNode",
+					description: "내장 필드와 추가 섹션을 함께 저장하는 마지막 액션 영역"
+				},
+				{
+					name: "className",
+					type: "string",
+					description: "추가 CSS 클래스"
+				},
+				{
+					name: "labels",
+					type: "EventMetaEditorLabels",
+					description: "필드 레이블과 placeholder 문구"
+				}
+			],
+			EventMetaEditorSection: [
+				{
+					name: "id",
+					type: "string",
+					required: true,
+					description: "섹션 키"
+				},
+				{
+					name: "title",
+					type: "ReactNode",
+					description: "섹션 제목"
+				},
+				{
+					name: "description",
+					type: "ReactNode",
+					description: "섹션 변경이 미치는 영향 안내"
+				},
+				{
+					name: "children",
+					type: "ReactNode",
+					required: true,
+					description: "호출자가 소유하는 필드"
+				}
+			]
+		},
 		dependencies: [
 			{
 				slug: "input",
@@ -9368,6 +9520,16 @@ const messages = [
 				type: "\"sm\" | \"md\" | \"lg\"",
 				default: "\"md\"",
 				description: "push 레이아웃에서의 인스펙터 폭"
+			},
+			{
+				name: "labels",
+				type: "InspectorLayoutLabels",
+				description: "닫기 버튼 등 인스펙터 문구"
+			},
+			{
+				name: "className",
+				type: "string",
+				description: "추가 CSS 클래스"
 			}
 		] },
 		usage: {
@@ -9433,6 +9595,16 @@ const messages = [
 				name: "queryBarLabels",
 				type: "QueryBarLabels",
 				description: "QueryBar로 통과되는 나머지 문구. placeholder/ariaLabel은 labels가 이깁니다"
+			},
+			{
+				name: "labels",
+				type: "QueryFilterBarLabels",
+				description: "검색·필터·초기화 문구"
+			},
+			{
+				name: "className",
+				type: "string",
+				description: "추가 CSS 클래스"
 			}
 		] },
 		usage: {
@@ -9615,6 +9787,11 @@ const messages = [
 					name: "labels",
 					type: "CatalogFrameLabels",
 					description: "빈/필터된 빈/에러 문구"
+				},
+				{
+					name: "className",
+					type: "string",
+					description: "추가 CSS 클래스"
 				}
 			],
 			CatalogRowActions: [
@@ -9642,6 +9819,36 @@ const messages = [
 					description: "그룹·오버플로 라벨"
 				}
 			],
+			CatalogRowAction: [
+				{
+					name: "id",
+					type: "string",
+					required: true,
+					description: "액션 키"
+				},
+				{
+					name: "label",
+					type: "string",
+					required: true,
+					description: "액션 문구"
+				},
+				{
+					name: "icon",
+					type: "ReactNode",
+					description: "선택적 액션 아이콘"
+				},
+				{
+					name: "onSelect",
+					type: "(item: T) => void",
+					required: true,
+					description: "행과 함께 호출되는 액션"
+				},
+				{
+					name: "available",
+					type: "(item: T) => boolean",
+					description: "이 행에 적용되지 않는 액션을 비활성화 대신 제거"
+				}
+			],
 			CatalogCellControls: [{
 				name: "children",
 				type: "ReactNode",

package/dist/shells/index.cjs

@@ -1,7 +1,7 @@
 "use client";
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_field_sidebar = require("../field-sidebar-BYgEmdy0.cjs");
+const require_field_sidebar = require("../field-sidebar-oa6zOmcd.cjs");
 let _reopt_ai_opt_charts = require("@reopt-ai/opt-charts");
 exports.AppMenubar = require_field_sidebar.AppMenubar;
 exports.BranchSelect = require_field_sidebar.BranchSelect;

package/dist/shells/index.js

@@ -1,5 +1,5 @@
 "use client";
 "use client";
-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-BuO37l4c.js";
+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-zkkqC7__.js";
 import { EventSparkline, MetricsCard, ReportWidget, TrendChart } from "@reopt-ai/opt-charts";
 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/dist/tailwind.css

@@ -143,6 +143,13 @@
 @utility bg-overlay {
   background-color: var(--opt-surface-overlay);
 }
+/* The scrim behind an overlay panel. Not `bg-overlay`: that is the *surface*
+   colour of popovers and is opaque, so using it for a backdrop hides the page.
+   Mirrors `dialog::backdrop` below so a Flyout and a Dialog dim the page the
+   same way. */
+@utility bg-scrim {
+  background-color: rgb(0 0 0 / 0.5);
+}
 @utility bg-inset {
   background-color: var(--opt-surface-inset);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reopt-ai/opt-ui",
-  "version": "1.12.0",
+  "version": "1.12.1",
   "description": "접근성 우선 UI 컴포넌트 라이브러리. opt-ui-primitives Core, 비즈니스 Shells, 페이지 Surfaces.",
   "type": "module",
   "license": "MIT",