@reopt-ai/opt-ui 1.7.0 → 1.9.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 +222 -34
- package/README.md +70 -6
- package/dist/core/index.cjs +170 -155
- package/dist/core/index.d.cts +3 -2
- package/dist/core/index.d.ts +3 -2
- package/dist/core/index.js +3 -3
- package/dist/docs/02-components/01-core.md +223 -18
- package/dist/docs/02-components/02-visuals.md +1 -1
- package/dist/docs/02-components/03-shells.md +17 -16
- package/dist/docs/02-components/04-surfaces.md +1 -1
- package/dist/docs/02-components/index.md +4 -4
- package/dist/{field-sidebar-CB8vjvUM.d.ts → field-sidebar-B5vk3luQ.d.cts} +30 -3
- package/dist/{field-sidebar-BTZCBviA.d.cts.map → field-sidebar-B5vk3luQ.d.cts.map} +1 -1
- package/dist/{field-sidebar-Cs-J-5VE.js → field-sidebar-B7QkWvMG.js} +52 -17
- package/dist/{field-sidebar-Cs-J-5VE.js.map → field-sidebar-B7QkWvMG.js.map} +1 -1
- package/dist/{field-sidebar-BTZCBviA.d.cts → field-sidebar-Dk9gJGA_.d.ts} +30 -3
- package/dist/{field-sidebar-CB8vjvUM.d.ts.map → field-sidebar-Dk9gJGA_.d.ts.map} +1 -1
- package/dist/{field-sidebar-CzIQX70-.cjs → field-sidebar-mFHemxBz.cjs} +328 -293
- package/dist/{types-D0FlcYnM.d.ts → field-token-CSOrU5gl.d.cts} +66 -2
- package/dist/field-token-CSOrU5gl.d.cts.map +1 -0
- package/dist/{types-D0FlcYnM.d.cts → field-token-CSOrU5gl.d.ts} +66 -2
- package/dist/field-token-CSOrU5gl.d.ts.map +1 -0
- package/dist/{pagination-DWbvACuN.js → highlight-C2sfnJN8.js} +263 -11
- package/dist/highlight-C2sfnJN8.js.map +1 -0
- package/dist/{pagination-DjfxBcjX.cjs → highlight-CGcrYGMC.cjs} +284 -8
- package/dist/id-registry.cjs +98 -2
- package/dist/id-registry.d.cts.map +1 -1
- package/dist/id-registry.d.ts.map +1 -1
- package/dist/id-registry.js +98 -2
- package/dist/id-registry.js.map +1 -1
- package/dist/id-registry.json +202 -4
- package/dist/index.cjs +664 -643
- package/dist/index.d.cts +5 -4
- package/dist/index.d.cts.map +1 -1
- package/dist/index.d.ts +5 -4
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +10 -4
- package/dist/index.js.map +1 -1
- package/dist/{shader-surface-BUPZ0P-n.js → key-pad-menu-BFd79JoS.js} +855 -19
- package/dist/key-pad-menu-BFd79JoS.js.map +1 -0
- package/dist/{shader-surface-DRrcLrWf.d.cts → key-pad-menu-D8OS_VCT.d.cts} +459 -3
- package/dist/key-pad-menu-D8OS_VCT.d.cts.map +1 -0
- package/dist/{shader-surface-Fav5K9UC.cjs → key-pad-menu-DoGskWbp.cjs} +1103 -201
- package/dist/{shader-surface-BfTP9c1Q.d.ts → key-pad-menu-EEb6Ho5h.d.ts} +459 -3
- package/dist/key-pad-menu-EEb6Ho5h.d.ts.map +1 -0
- package/dist/meta.cjs +641 -0
- package/dist/meta.d.cts.map +1 -1
- package/dist/meta.d.ts.map +1 -1
- package/dist/meta.js +641 -0
- package/dist/meta.js.map +1 -1
- 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/pagination-DWbvACuN.js.map +0 -1
- package/dist/shader-surface-BUPZ0P-n.js.map +0 -1
- package/dist/shader-surface-BfTP9c1Q.d.ts.map +0 -1
- package/dist/shader-surface-DRrcLrWf.d.cts.map +0 -1
- package/dist/types-D0FlcYnM.d.cts.map +0 -1
- package/dist/types-D0FlcYnM.d.ts.map +0 -1
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
---
|
|
2
2
|
title: "Core Components"
|
|
3
|
-
description: "
|
|
4
|
-
version: "1.
|
|
3
|
+
description: "68 Core layer components — props, examples, keyboard shortcuts."
|
|
4
|
+
version: "1.8.0"
|
|
5
5
|
generated: true
|
|
6
6
|
---
|
|
7
7
|
|
|
8
|
-
# Core Components (
|
|
8
|
+
# Core Components (68)
|
|
9
9
|
|
|
10
10
|
## Input
|
|
11
11
|
|
|
@@ -1662,21 +1662,226 @@ import {
|
|
|
1662
1662
|
|
|
1663
1663
|
## Other
|
|
1664
1664
|
|
|
1665
|
-
| Component | Description
|
|
1666
|
-
| ------------- |
|
|
1667
|
-
|
|
|
1668
|
-
|
|
|
1669
|
-
|
|
|
1670
|
-
|
|
|
1671
|
-
|
|
|
1672
|
-
|
|
|
1673
|
-
|
|
|
1674
|
-
|
|
|
1675
|
-
|
|
|
1676
|
-
|
|
|
1677
|
-
|
|
|
1678
|
-
|
|
|
1679
|
-
|
|
|
1665
|
+
| Component | Description | Key Exports |
|
|
1666
|
+
| ------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
1667
|
+
| FieldToken | 필드 타입을 글리프 하나로 표현하는 토큰. 문자열·숫자·날짜·IP·지오 등 분석 스키마 타입마다 고정된 아이콘과 팔레트 슬롯을 부여해 필드 목록·컬럼 헤더·속성 테이블 전역에서 같은 어휘를 쓴다. | `FieldToken`, `FIELD_TYPE_TOKENS`, `resolveFieldType` |
|
|
1668
|
+
| Facet | 필드 값 분포를 카운트와 점유율 막대로 보여주고 그 행 자체가 필터가 되는 패싯. 긴 꼬리는 접어 두고 상위 값부터 읽힌다. | `Facet`, `FacetGroup` |
|
|
1669
|
+
| Expression | 조건을 폼이 아니라 문장으로 쓰고 그 자리에서 편집하는 표현식 절. 알림 규칙·세그먼트 필터처럼 읽어서 검증해야 하는 조건에 쓴다. | `Expression`, `ExpressionGroup` |
|
|
1670
|
+
| TextTruncate | 실제 폰트로 실제 가용 폭을 측정해 문자열의 식별력이 가장 낮은 부분을 잘라내는 생략. CSS가 못 하는 앞·중간·양끝 생략을 지원하고 전체 문자열은 접근성 트리에 남는다. | `TextTruncate` |
|
|
1671
|
+
| Highlight | 검색어에 해당하는 구간을 <mark>로 표시. 긴 항목 우선 매칭이라 겹치는 검색어도 조각나지 않는다. | `Highlight` |
|
|
1672
|
+
| LiveRegion | 라이브 뷰의 변화를 스크린 리더에 읽어 주는 영역. 스로틀로 폭주를 요약하고 두 노드를 번갈아 써서 같은 문구도 다시 읽힌다. | `LiveRegion` |
|
|
1673
|
+
| ColorPalette | 시각화 색 팔레트를 그 팔레트의 모습 그대로 보여 주고 고르게 하는 컴포넌트. 범주형은 블록, 순차·발산형은 그라디언트로 그려 데이터 종류를 그림이 말한다. | `ColorPaletteDisplay`, `ColorPalettePicker`, `THEME_PALETTES` |
|
|
1674
|
+
| InlineEdit | 대시보드 제목·지표 이름처럼 읽히는 횟수가 훨씬 많은 값을 그 자리에서 고치는 편집. Enter 확정, Escape 되돌리기, 거절된 저장은 입력을 유지한다. | `InlineEdit` |
|
|
1675
|
+
| KeyPadMenu | 이름보다 그림으로 알아보기 쉬운 선택지를 타일로 고르는 메뉴. 내부는 실제 radio·checkbox라 키보드와 스크린 리더가 그대로 동작한다. | `KeyPadMenu` |
|
|
1676
|
+
| Text | 본문, 레이블, 보조 설명, 코드에 일관된 의미 기반 타이포그래피를 적용합니다. | `Text` |
|
|
1677
|
+
| Heading | 문서의 의미 계층과 시각적 타이포그래피 계층을 독립적으로 제어합니다. | `Heading` |
|
|
1678
|
+
| Separator | 콘텐츠를 구분하는 가로/세로 디바이더. 라벨을 넣으면 가운데 정렬 구분선이 된다. | `Separator` |
|
|
1679
|
+
| OtpField | 일회용 코드(OTP)/PIN 입력. 셀 단위 입력, 붙여넣기 분배, 자동 포커스 이동, 백스페이스 네비게이션과 폼 이름/오류 연결을 지원합니다. | `OtpField` |
|
|
1680
|
+
| Toggle | 눌림(pressed) 두 상태 버튼. 단독 사용하거나 ToggleGroup으로 묶어 단일/다중 선택을 만든다. | `Toggle`, `ToggleGroup` |
|
|
1681
|
+
| Accordion | 수직으로 쌓인 펼침/접힘 패널. single(한 개)/multiple(여러 개) 모드와 collapsible 지원. | `AccordionRoot`, `AccordionItem`, `AccordionTrigger`, `AccordionContent` |
|
|
1682
|
+
| Meter | 범위 내 스칼라 측정값 게이지 (디스크 사용량·점수·용량 등). role=meter로 작업 진행률(Progress)과 구분된다. | `Meter` |
|
|
1683
|
+
| BlockLayout | Block 루트 레이아웃. 자식 간 section spacing과 선택적 시맨틱 inset을 제공하고 loading prop으로 LoadingOverlay를 자동 래핑합니다. | `BlockLayout` |
|
|
1684
|
+
| createBlock | Block 팩토리 함수. BlockLayout 래핑을 구조적으로 강제하여 loading/className 처리를 자동화합니다. | `createBlock` |
|
|
1685
|
+
| StarRating | 1~N점 별점을 선택하는 인터랙티브 레이팅 입력. 읽기 전용 표시도 지원. | `StarRating` |
|
|
1686
|
+
| ErrorBoundary | React 에러 바운더리. 자식 컴포넌트 렌더 에러를 잡아 fallback UI를 표시합니다. | `ErrorBoundary` |
|
|
1687
|
+
| Command | cmdk 스타일 명령 anatomy. 자동 필터링 + 키보드 내비게이션. 인라인 또는 CommandDialog로 사용. | `Command`, `CommandDialog`, `CommandInput`, `CommandList`, `CommandEmpty`, `CommandGroup`, `CommandItem`, `CommandSeparator`, `CommandShortcut` |
|
|
1688
|
+
| ShaderSurface | ogl 기반 애니메이션 WebGL 셰이더 배경. 럭셔리 프리셋(메탈릭/실크/유리 등) + 색·파라미터로 배경·카드 배경을 만든다. 정지 프레임·PNG 캡처·WebGL 폴백 지원. | `ShaderSurface` |
|
|
1689
|
+
|
|
1690
|
+
### FieldToken
|
|
1691
|
+
|
|
1692
|
+
> 필드 타입을 글리프 하나로 표현하는 토큰. 문자열·숫자·날짜·IP·지오 등 분석 스키마 타입마다 고정된 아이콘과 팔레트 슬롯을 부여해 필드 목록·컬럼 헤더·속성 테이블 전역에서 같은 어휘를 쓴다.
|
|
1693
|
+
|
|
1694
|
+
**Import:** `import { FieldToken } from "@reopt-ai/opt-ui"`
|
|
1695
|
+
|
|
1696
|
+
| Prop | Type | Required | Default | Description |
|
|
1697
|
+
| ------------ | ------------------------------- | -------- | -------- | ------------------------------------------------------- |
|
|
1698
|
+
| `type` | `FieldDataType` | Yes | | 필드 타입. 백엔드 원본 타입은 resolveFieldType으로 변환 |
|
|
1699
|
+
| `size` | `"xs" \| "sm" \| "md" \| "lg"` | | "sm" | 토큰 크기 |
|
|
1700
|
+
| `fill` | `"subtle" \| "solid" \| "none"` | | "subtle" | 배경 채우기 방식 |
|
|
1701
|
+
| `shape` | `"square" \| "circle"` | | "square" | 토큰 모양 |
|
|
1702
|
+
| `title` | `string` | | | 접근성 이름. 기본값은 타입 이름 |
|
|
1703
|
+
| `decorative` | `boolean` | | false | 인접 텍스트가 타입을 이미 말할 때 접근성 트리에서 제외 |
|
|
1704
|
+
| `className` | `string` | | | 추가 CSS 클래스 |
|
|
1705
|
+
|
|
1706
|
+
### Facet
|
|
1707
|
+
|
|
1708
|
+
> 필드 값 분포를 카운트와 점유율 막대로 보여주고 그 행 자체가 필터가 되는 패싯. 긴 꼬리는 접어 두고 상위 값부터 읽힌다.
|
|
1709
|
+
|
|
1710
|
+
**Import:** `import { Facet } from "@reopt-ai/opt-ui"`
|
|
1711
|
+
|
|
1712
|
+
**Facet:**
|
|
1713
|
+
|
|
1714
|
+
| Prop | Type | Required | Default | Description |
|
|
1715
|
+
| ---------------- | ---------------------------- | -------- | ---------- | -------------------------------- |
|
|
1716
|
+
| `item` | `FacetItem` | Yes | | 표시할 값 |
|
|
1717
|
+
| `selected` | `boolean` | | false | 선택 상태 |
|
|
1718
|
+
| `onSelect` | `(id: string) => void` | | | 선택 콜백 |
|
|
1719
|
+
| `showShare` | `boolean` | | true | 점유율 막대 표시 |
|
|
1720
|
+
| `share` | `number` | | | 0–1 점유율. 그룹이 계산해 내려줌 |
|
|
1721
|
+
| `countFormatter` | `(count: number) => string` | | | 카운트 포맷터 |
|
|
1722
|
+
| `layout` | `"vertical" \| "horizontal"` | | "vertical" | 배치 방향 |
|
|
1723
|
+
| `labels` | `FacetGroupLabels` | | | 지역화 문자열 |
|
|
1724
|
+
| `className` | `string` | | | 추가 CSS 클래스 |
|
|
1725
|
+
|
|
1726
|
+
**FacetGroup:**
|
|
1727
|
+
|
|
1728
|
+
| Prop | Type | Required | Default | Description |
|
|
1729
|
+
| ------------------ | ---------------------------------- | -------- | ---------- | ------------------------------ |
|
|
1730
|
+
| `items` | `FacetItem[]` | Yes | | 값 목록 |
|
|
1731
|
+
| `selected` | `string[]` | | | 선택된 id. 생략 시 비제어 |
|
|
1732
|
+
| `onSelectedChange` | `(next: string[]) => void` | | | 선택 변경 콜백 |
|
|
1733
|
+
| `selection` | `"single" \| "multiple" \| "none"` | | "multiple" | 선택 모드 |
|
|
1734
|
+
| `layout` | `"vertical" \| "horizontal"` | | "vertical" | 배치 방향 |
|
|
1735
|
+
| `showShare` | `boolean` | | true | 점유율 막대 표시 |
|
|
1736
|
+
| `countFormatter` | `(count: number) => string` | | | 카운트 포맷터 |
|
|
1737
|
+
| `max` | `number` | | | 접기 전 표시 행 수 |
|
|
1738
|
+
| `total` | `number` | | | 점유율 분모. 생략 시 카운트 합 |
|
|
1739
|
+
| `loading` | `boolean` | | false | 로딩 상태 |
|
|
1740
|
+
| `emptyState` | `ReactNode` | | | 빈 상태 렌더 |
|
|
1741
|
+
| `labels` | `FacetGroupLabels` | | | 지역화 문자열 |
|
|
1742
|
+
| `className` | `string` | | | 추가 CSS 클래스 |
|
|
1743
|
+
| `aria-label` | `string` | | | 그룹 접근성 이름 |
|
|
1744
|
+
|
|
1745
|
+
### Expression
|
|
1746
|
+
|
|
1747
|
+
> 조건을 폼이 아니라 문장으로 쓰고 그 자리에서 편집하는 표현식 절. 알림 규칙·세그먼트 필터처럼 읽어서 검증해야 하는 조건에 쓴다.
|
|
1748
|
+
|
|
1749
|
+
**Import:** `import { Expression } from "@reopt-ai/opt-ui"`
|
|
1750
|
+
|
|
1751
|
+
**Expression:**
|
|
1752
|
+
|
|
1753
|
+
| Prop | Type | Required | Default | Description |
|
|
1754
|
+
| ------------- | ----------------------- | -------- | -------- | -------------------------------- |
|
|
1755
|
+
| `description` | `ReactNode` | Yes | | 고정되는 절반 (WHEN, IS ABOVE …) |
|
|
1756
|
+
| `value` | `ReactNode` | | | 편집되는 절반 |
|
|
1757
|
+
| `tone` | `ExpressionTone` | | "accent" | 의미별 색상 |
|
|
1758
|
+
| `active` | `boolean` | | false | 편집기 열림 상태 |
|
|
1759
|
+
| `invalid` | `boolean` | | false | 유효하지 않은 절 |
|
|
1760
|
+
| `disabled` | `boolean` | | false | 비활성 |
|
|
1761
|
+
| `onClick` | `() => void` | | | 편집기 열기 |
|
|
1762
|
+
| `display` | `"inline" \| "stacked"` | | "inline" | 문장 흐름 유지 vs 값 아래 배치 |
|
|
1763
|
+
| `aria-label` | `string` | | | 접근성 이름 |
|
|
1764
|
+
| `className` | `string` | | | 추가 CSS 클래스 |
|
|
1765
|
+
|
|
1766
|
+
**ExpressionGroup:**
|
|
1767
|
+
|
|
1768
|
+
| Prop | Type | Required | Default | Description |
|
|
1769
|
+
| ------------ | ------------------------- | -------- | ---------- | ---------------------- |
|
|
1770
|
+
| `children` | `ReactNode` | Yes | | 절들 |
|
|
1771
|
+
| `display` | `"sentence" \| "columns"` | | "sentence" | 문장 배치 vs 컬럼 정렬 |
|
|
1772
|
+
| `className` | `string` | | | 추가 CSS 클래스 |
|
|
1773
|
+
| `aria-label` | `string` | | | 그룹 접근성 이름 |
|
|
1774
|
+
|
|
1775
|
+
### TextTruncate
|
|
1776
|
+
|
|
1777
|
+
> 실제 폰트로 실제 가용 폭을 측정해 문자열의 식별력이 가장 낮은 부분을 잘라내는 생략. CSS가 못 하는 앞·중간·양끝 생략을 지원하고 전체 문자열은 접근성 트리에 남는다.
|
|
1778
|
+
|
|
1779
|
+
**Import:** `import { TextTruncate } from "@reopt-ai/opt-ui"`
|
|
1780
|
+
|
|
1781
|
+
| Prop | Type | Required | Default | Description |
|
|
1782
|
+
| ------------ | ---------------------------------------- | -------- | ---------- | --------------------------------------------- |
|
|
1783
|
+
| `text` | `string` | Yes | | 전체 문자열 |
|
|
1784
|
+
| `truncation` | `TruncationSide` | | "startEnd" | 생략 위치: end \| start \| middle \| startEnd |
|
|
1785
|
+
| `ellipsis` | `string` | | "…" | 생략 기호 |
|
|
1786
|
+
| `width` | `number` | | | 고정 폭(px). 생략 시 컨테이너 측정 |
|
|
1787
|
+
| `children` | `(truncated: string) => React.ReactNode` | | | 잘린 문자열을 직접 렌더 |
|
|
1788
|
+
| `className` | `string` | | | 추가 CSS 클래스 |
|
|
1789
|
+
|
|
1790
|
+
### Highlight
|
|
1791
|
+
|
|
1792
|
+
> 검색어에 해당하는 구간을 <mark>로 표시. 긴 항목 우선 매칭이라 겹치는 검색어도 조각나지 않는다.
|
|
1793
|
+
|
|
1794
|
+
**Import:** `import { Highlight } from "@reopt-ai/opt-ui"`
|
|
1795
|
+
|
|
1796
|
+
| Prop | Type | Required | Default | Description |
|
|
1797
|
+
| --------------- | -------------------- | -------- | ------- | ------------------------ |
|
|
1798
|
+
| `text` | `string` | Yes | | 전체 텍스트 |
|
|
1799
|
+
| `search` | `string \| string[]` | Yes | | 검색어 하나 또는 여러 개 |
|
|
1800
|
+
| `caseSensitive` | `boolean` | | false | 대소문자 구분 |
|
|
1801
|
+
| `firstOnly` | `boolean` | | false | 첫 일치만 표시 |
|
|
1802
|
+
| `className` | `string` | | | 추가 CSS 클래스 |
|
|
1803
|
+
| `markClassName` | `string` | | | mark 요소 추가 클래스 |
|
|
1804
|
+
|
|
1805
|
+
### LiveRegion
|
|
1806
|
+
|
|
1807
|
+
> 라이브 뷰의 변화를 스크린 리더에 읽어 주는 영역. 스로틀로 폭주를 요약하고 두 노드를 번갈아 써서 같은 문구도 다시 읽힌다.
|
|
1808
|
+
|
|
1809
|
+
**Import:** `import { LiveRegion } from "@reopt-ai/opt-ui"`
|
|
1810
|
+
|
|
1811
|
+
| Prop | Type | Required | Default | Description |
|
|
1812
|
+
| ------------ | ------------------------- | -------- | -------- | -------------------------------------------------- |
|
|
1813
|
+
| `message` | `string` | Yes | | 안내할 문구 |
|
|
1814
|
+
| `nonce` | `string \| number` | | | 문구가 같아도 다시 읽히게 하는 값 (카운터·배치 id) |
|
|
1815
|
+
| `politeness` | `"polite" \| "assertive"` | | "polite" | 끼어들기 여부 |
|
|
1816
|
+
| `throttleMs` | `number` | | 0 | 안내 병합 간격(ms) |
|
|
1817
|
+
| `muted` | `boolean` | | false | 안내 일시 중단 |
|
|
1818
|
+
|
|
1819
|
+
### ColorPalette
|
|
1820
|
+
|
|
1821
|
+
> 시각화 색 팔레트를 그 팔레트의 모습 그대로 보여 주고 고르게 하는 컴포넌트. 범주형은 블록, 순차·발산형은 그라디언트로 그려 데이터 종류를 그림이 말한다.
|
|
1822
|
+
|
|
1823
|
+
**Import:** `import { ColorPaletteDisplay } from "@reopt-ai/opt-ui"`
|
|
1824
|
+
|
|
1825
|
+
**ColorPaletteDisplay:**
|
|
1826
|
+
|
|
1827
|
+
| Prop | Type | Required | Default | Description |
|
|
1828
|
+
| ------------ | ------------------------------ | -------- | ------- | ------------------------------------------------ |
|
|
1829
|
+
| `palette` | `ColorPalette` | Yes | | 표시할 팔레트 |
|
|
1830
|
+
| `render` | `"stops" \| "gradient"` | | | 블록 vs 그라디언트. 기본은 palette.kind에서 결정 |
|
|
1831
|
+
| `size` | `"xs" \| "sm" \| "md" \| "lg"` | | "sm" | 스와치 높이 |
|
|
1832
|
+
| `aria-label` | `string` | | | 접근성 이름 |
|
|
1833
|
+
| `className` | `string` | | | 추가 CSS 클래스 |
|
|
1834
|
+
|
|
1835
|
+
**ColorPalettePicker:**
|
|
1836
|
+
|
|
1837
|
+
| Prop | Type | Required | Default | Description |
|
|
1838
|
+
| --------------- | ------------------------------ | -------- | ---------------- | ------------------ |
|
|
1839
|
+
| `palettes` | `ColorPalette[]` | Yes | | 선택지 |
|
|
1840
|
+
| `value` | `string` | | | 선택된 팔레트 id |
|
|
1841
|
+
| `onValueChange` | `(id: string) => void` | | | 선택 콜백 |
|
|
1842
|
+
| `label` | `string` | | "Colour palette" | 레이블 |
|
|
1843
|
+
| `hideLabel` | `boolean` | | false | 레이블 시각적 숨김 |
|
|
1844
|
+
| `size` | `"xs" \| "sm" \| "md" \| "lg"` | | "sm" | 스와치 높이 |
|
|
1845
|
+
| `disabled` | `boolean` | | false | 비활성 |
|
|
1846
|
+
| `className` | `string` | | | 추가 CSS 클래스 |
|
|
1847
|
+
|
|
1848
|
+
### InlineEdit
|
|
1849
|
+
|
|
1850
|
+
> 대시보드 제목·지표 이름처럼 읽히는 횟수가 훨씬 많은 값을 그 자리에서 고치는 편집. Enter 확정, Escape 되돌리기, 거절된 저장은 입력을 유지한다.
|
|
1851
|
+
|
|
1852
|
+
**Import:** `import { InlineEdit } from "@reopt-ai/opt-ui"`
|
|
1853
|
+
|
|
1854
|
+
| Prop | Type | Required | Default | Description |
|
|
1855
|
+
| ------------- | --------------------------------------------------------------- | -------- | ---------- | ------------------------------------------- |
|
|
1856
|
+
| `value` | `string` | Yes | | 현재 값 |
|
|
1857
|
+
| `onSave` | `(next: string) => boolean \| void \| Promise<boolean \| void>` | Yes | | 저장. false를 반환하면 거절하고 편집을 유지 |
|
|
1858
|
+
| `as` | `"span" \| "h1" \| "h2" \| "h3" \| "h4"` | | "span" | 읽기 모드 요소 |
|
|
1859
|
+
| `size` | `"sm" \| "md" \| "lg" \| "xl"` | | "md" | 타이포 크기 |
|
|
1860
|
+
| `placeholder` | `string` | | | 입력 자리표시자 |
|
|
1861
|
+
| `emptyText` | `string` | | "Untitled" | 빈 값 표시 |
|
|
1862
|
+
| `disabled` | `boolean` | | false | 편집 불가 |
|
|
1863
|
+
| `maxLength` | `number` | | | 최대 길이 |
|
|
1864
|
+
| `suffix` | `ReactNode` | | | 읽기 모드 텍스트 뒤 요소 |
|
|
1865
|
+
| `labels` | `InlineEditLabels` | | | 지역화 문자열 |
|
|
1866
|
+
| `className` | `string` | | | 추가 CSS 클래스 |
|
|
1867
|
+
|
|
1868
|
+
### KeyPadMenu
|
|
1869
|
+
|
|
1870
|
+
> 이름보다 그림으로 알아보기 쉬운 선택지를 타일로 고르는 메뉴. 내부는 실제 radio·checkbox라 키보드와 스크린 리더가 그대로 동작한다.
|
|
1871
|
+
|
|
1872
|
+
**Import:** `import { KeyPadMenu } from "@reopt-ai/opt-ui"`
|
|
1873
|
+
|
|
1874
|
+
| Prop | Type | Required | Default | Description |
|
|
1875
|
+
| --------------- | -------------------------------------------------------- | -------- | -------- | -------------------------------------------- |
|
|
1876
|
+
| `items` | `KeyPadItem[]` | Yes | | 타일 목록 |
|
|
1877
|
+
| `label` | `string` | Yes | | 그룹 레이블 |
|
|
1878
|
+
| `selection` | `"single" \| "multiple"` | | "single" | 선택 모드. value·onValueChange의 형태를 결정 |
|
|
1879
|
+
| `value` | `string \| string[]` | | | 선택된 id |
|
|
1880
|
+
| `onValueChange` | `((next: string) => void) \| ((next: string[]) => void)` | | | 선택 콜백. value의 형태를 그대로 받는다 |
|
|
1881
|
+
| `columns` | `number \| "auto"` | | "auto" | 행당 타일 수 |
|
|
1882
|
+
| `size` | `"sm" \| "md"` | | "md" | 타일 크기 |
|
|
1883
|
+
| `hideLabel` | `boolean` | | false | 레전드 시각적 숨김 |
|
|
1884
|
+
| `className` | `string` | | | 추가 CSS 클래스 |
|
|
1680
1885
|
|
|
1681
1886
|
### Text
|
|
1682
1887
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
title: "Shell Components"
|
|
3
3
|
description: "80 Shell layer components — props, examples, keyboard shortcuts."
|
|
4
|
-
version: "1.
|
|
4
|
+
version: "1.8.0"
|
|
5
5
|
generated: true
|
|
6
6
|
---
|
|
7
7
|
|
|
@@ -1541,21 +1541,22 @@ const messages = [
|
|
|
1541
1541
|
|
|
1542
1542
|
**Import:** `import { LogTable } from "@reopt-ai/opt-ui"`
|
|
1543
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
|
-
| `
|
|
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
|
+
| `highlightTerms` | `string[]` | | | 셀 텍스트에서 표시할 검색어. 쿼리의 자유 텍스트만 넘긴다 |
|
|
1559
|
+
| `density` | `"compact" \| "normal" \| "comfortable"` | | "normal" | 행 높이와 글자 크기 |
|
|
1559
1560
|
|
|
1560
1561
|
### QueryBar
|
|
1561
1562
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
title: "Component Reference"
|
|
3
|
-
description: "Complete reference for
|
|
4
|
-
version: "1.
|
|
3
|
+
description: "Complete reference for 148 @reopt-ai/opt-ui components across 4 layers."
|
|
4
|
+
version: "1.8.0"
|
|
5
5
|
generated: true
|
|
6
6
|
---
|
|
7
7
|
|
|
@@ -11,11 +11,11 @@ generated: true
|
|
|
11
11
|
|
|
12
12
|
| Layer | Count |
|
|
13
13
|
| --------- | ------- |
|
|
14
|
-
| Core |
|
|
14
|
+
| Core | 68 |
|
|
15
15
|
| Visuals | 0 |
|
|
16
16
|
| Shells | 80 |
|
|
17
17
|
| Surfaces | 0 |
|
|
18
|
-
| **Total** | **
|
|
18
|
+
| **Total** | **148** |
|
|
19
19
|
|
|
20
20
|
## Component Selection Guide
|
|
21
21
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
import {
|
|
2
|
+
import { C as FailureItem, D as FormFieldDef, F as StatCard, H as ToolbarButtonDef, I as TabDef, M as ProjectDef, O as MenuDef, P as SelectOption, _ as DeploymentStep, g as CommandDef, j as NavItemDef, n as FieldDataType, s as BranchDef, v as DomainDef, w as FaqItem, y as EnvGroupDef } from "./field-token-CSOrU5gl.cjs";
|
|
3
3
|
import * as React from "react";
|
|
4
4
|
import { ReactNode, Ref } from "react";
|
|
5
5
|
import { TimeGranularity, TimeRange, TimeRange as TimeRange$1, TimeSeriesAnnotation, TimeSeriesChartProps, TimeSeriesDef, TimeSeriesPoint } from "@reopt-ai/opt-charts";
|
|
@@ -699,6 +699,8 @@ interface LogColumn<Row> {
|
|
|
699
699
|
*/
|
|
700
700
|
marker?: boolean;
|
|
701
701
|
}
|
|
702
|
+
/** Where a column should move to. */
|
|
703
|
+
type LogColumnMove = "left" | "right";
|
|
702
704
|
/** Which column the rows are ordered by. */
|
|
703
705
|
interface LogSort {
|
|
704
706
|
columnId: string;
|
|
@@ -720,8 +722,19 @@ interface LogTableLabels {
|
|
|
720
722
|
filterOut?: (value: string) => string;
|
|
721
723
|
sortAscending?: string;
|
|
722
724
|
sortDescending?: string;
|
|
725
|
+
moveLeft?: (column: string) => string;
|
|
726
|
+
moveRight?: (column: string) => string;
|
|
723
727
|
}
|
|
724
728
|
interface LogTableProps<Row> {
|
|
729
|
+
/**
|
|
730
|
+
* Terms to mark inside cell text — the words the reader searched for.
|
|
731
|
+
*
|
|
732
|
+
* A log that filters on a term but does not show where it matched makes the
|
|
733
|
+
* reader re-find it by eye in every row, which is the work the search was
|
|
734
|
+
* supposed to do. Pass the free-text terms of the query, not its field
|
|
735
|
+
* clauses: `path:/checkout` already shows itself in the path column.
|
|
736
|
+
*/
|
|
737
|
+
highlightTerms?: string[];
|
|
725
738
|
rows: Row[];
|
|
726
739
|
columns: LogColumn<Row>[];
|
|
727
740
|
getRowId: (row: Row) => string;
|
|
@@ -744,6 +757,12 @@ interface LogTableProps<Row> {
|
|
|
744
757
|
onSortChange?: (sort: LogSort) => void;
|
|
745
758
|
/** Offer "filter for / filter out" on cells whose column names a field. */
|
|
746
759
|
onCellAction?: (action: LogCellAction) => void;
|
|
760
|
+
/**
|
|
761
|
+
* Let the reader move a column. Set it and each header offers to shift left
|
|
762
|
+
* or right — buttons rather than a drag, so the reordering is reachable
|
|
763
|
+
* without a pointer and states what it will do.
|
|
764
|
+
*/
|
|
765
|
+
onColumnMove?: (columnId: string, direction: LogColumnMove) => void;
|
|
747
766
|
density?: LogDensity;
|
|
748
767
|
showHeader?: boolean;
|
|
749
768
|
emptyState?: ReactNode;
|
|
@@ -784,7 +803,7 @@ interface LogTableHandle {
|
|
|
784
803
|
* />
|
|
785
804
|
* ```
|
|
786
805
|
*/
|
|
787
|
-
declare function LogTableInner<Row>({ rows, columns, getRowId, selectedId, onSelect, onLoadMore, hasMore, loadingMore, prepending, onFollowChange, isNew, sort, onSortChange, onCellAction, density, showHeader, emptyState, labels: customLabels, className }: LogTableProps<Row>, ref: Ref<LogTableHandle>): import("react").JSX.Element;
|
|
806
|
+
declare function LogTableInner<Row>({ rows, columns, getRowId, selectedId, onSelect, onLoadMore, hasMore, loadingMore, prepending, onFollowChange, isNew, sort, onSortChange, onCellAction, highlightTerms, onColumnMove, density, showHeader, emptyState, labels: customLabels, className }: LogTableProps<Row>, ref: Ref<LogTableHandle>): import("react").JSX.Element;
|
|
788
807
|
/**
|
|
789
808
|
* LogTable — see {@link LogTableInner}.
|
|
790
809
|
*
|
|
@@ -958,6 +977,14 @@ interface FieldSummary {
|
|
|
958
977
|
name: string;
|
|
959
978
|
/** Shown beside the name — "string", "number", a source, whatever separates them. */
|
|
960
979
|
type?: string;
|
|
980
|
+
/**
|
|
981
|
+
* The field's data type, drawn as a glyph instead of as text. A 15rem
|
|
982
|
+
* sidebar cannot spare the eight characters a spelled-out type costs, and a
|
|
983
|
+
* truncated "stri" says less than the icon does. Pass
|
|
984
|
+
* `resolveFieldType(rawType)` when the backend type is all you have; leave
|
|
985
|
+
* it unset to keep the `type` text.
|
|
986
|
+
*/
|
|
987
|
+
dataType?: FieldDataType;
|
|
961
988
|
/** Grouping header. Fields with the same group are listed together. */
|
|
962
989
|
group?: string;
|
|
963
990
|
/** True when the field is currently a column. */
|
|
@@ -1028,4 +1055,4 @@ declare namespace FieldSidebar {
|
|
|
1028
1055
|
}
|
|
1029
1056
|
//#endregion
|
|
1030
1057
|
export { FailureListProps as $, LogTable as A, SidebarNav as At, TimeRangeControlLabels as B, CommandPaletteTrigger as Bt, withFieldValue as C, SettingsFormProps as Ct, LogColumnPriority as D, ContentTabsProps as Dt, LogColumn as E, ContentTabs as Et, TimeSeriesPanelLabels as F, StatusSelectProps as Ft, WorkflowCanvasProps as G, TimeRangePreset as H, CommandPalette as Ht, TimeSeriesPanelProps as I, SearchCombobox as It, KeyValueEditorLabels as J, WorkflowCanvasStep as K, DEFAULT_TIME_PRESETS as L, SearchComboboxProps as Lt, LogTableLabels as M, AppMenubar as Mt, LogTableProps as N, AppMenubarProps as Nt, LogDensity as O, EditorToolbar as Ot, TimeSeriesPanel as P, StatusSelect as Pt, FailureListLabels as Q, RefreshSetting as R, DashboardGrid as Rt, removeClause as S, SettingsForm as St, LogCellAction as T, FaqAccordionProps as Tt, WorkflowCanvas as U, CommandPaletteProps as Ut, TimeRangeControlProps as V, CommandPaletteTriggerProps as Vt, WorkflowCanvasConnection as W, KeyValueEntry as X, KeyValueEditorProps as Y, FailureList as Z, addClause as _, EnvPanelProps as _t, FieldValueCount as a, ToastProviderProps as at, isEmptyQuery as b, DeploymentTimeline as bt, QueryBarProps as c, useToast as ct, Query as d, DataTableProps as dt, NotificationToast as et, QueryCellAction as f, DomainTable as ft, QueryTermClause as g, EnvPanel as gt, QueryOperator as h, BranchSelectProps as ht, FieldSummary as i, ToastProvider as it, LogTableHandle as j, SidebarNavProps as jt, LogSort as k, EditorToolbarProps as kt, QueryField as l, ColumnDef as lt, QueryFieldClause as m, BranchSelect as mt, FieldSidebarLabels as n, ToastContextValue as nt, QueryBar as o, ToastVariant as ot, QueryClause as p, DomainTableProps as pt, KeyValueEditor as q, FieldSidebarProps as r, ToastMessage as rt, QueryBarLabels as s, toast as st, FieldSidebar as t, ToastAction as tt, EMPTY_QUERY as u, DataTable as ut, applyCellAction as v, ProjectSwitcher as vt, withoutField as w, FaqAccordion as wt, queryFields as x, DeploymentTimelineProps as xt, fieldValues as y, ProjectSwitcherProps as yt, TimeRangeControl as z, DashboardGridProps as zt };
|
|
1031
|
-
//# sourceMappingURL=field-sidebar-
|
|
1058
|
+
//# sourceMappingURL=field-sidebar-B5vk3luQ.d.cts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"field-sidebar-
|
|
1
|
+
{"version":3,"file":"field-sidebar-B5vk3luQ.d.cts","names":[],"sources":["../src/shells/command-palette.tsx","../src/shells/command-palette-trigger.tsx","../src/shells/dashboard-grid.tsx","../src/shells/search-combobox.tsx","../src/shells/status-select.tsx","../src/shells/app-menubar.tsx","../src/shells/sidebar-nav.tsx","../src/shells/editor-toolbar.tsx","../src/shells/content-tabs.tsx","../src/shells/faq-accordion.tsx","../src/shells/settings-form.tsx","../src/shells/deployment-timeline.tsx","../src/shells/project-switcher.tsx","../src/shells/env-panel.tsx","../src/shells/branch-select.tsx","../src/shells/domain-table.tsx","../src/shells/data-table.tsx","../src/shells/notification-toast.tsx","../src/shells/failure-list.tsx","../src/shells/key-value-editor.tsx","../src/shells/workflow-canvas.tsx","../src/shells/time-range-control.tsx","../src/shells/time-series-panel.tsx","../src/shells/log-table.tsx","../src/lib/query/query-ast.ts","../src/shells/query-bar.tsx","../src/shells/field-sidebar.tsx"],"mappings":"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"}
|