sellmate-design-system-react 9.0.0-beta.26 → 9.0.0-beta.27
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/dist/components/SChipFilter/README.md +10 -5
- package/dist/components/SChipFilter/SChipFilter.d.ts +8 -3
- package/dist/components/SGhostButton/README.md +0 -2
- package/dist/components/SSearchInput/README.md +2 -0
- package/dist/components/SSelect/README.md +1 -1
- package/dist/components/SSelect/SSelect.d.ts +1 -1
- package/dist/index.cjs +141 -85
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +141 -85
- package/dist/index.js.map +1 -1
- package/dist/lib/floating-height.d.ts +15 -0
- package/dist/llms-full.txt +11 -6
- package/dist/styles.css +0 -6
- package/package.json +1 -1
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Radix Floating Content 를 창 높이 안에 가두기 위한 헬퍼 — floating-width.ts 의 높이 버전.
|
|
3
|
+
*
|
|
4
|
+
* Radix 는 충돌이 나면 위치만 밀 뿐(shift) 높이는 줄이지 않는다 — 콘텐츠가 창보다 높으면
|
|
5
|
+
* 밀려난 자리에서 그대로 화면 밖으로 삐져나간다. 실제로 줄이려면 size 미들웨어가 계산해
|
|
6
|
+
* 두는 available-height 를 상한으로 직접 걸어야 한다.
|
|
7
|
+
*/
|
|
8
|
+
/** Radix Popover 계열(SPortal·SSelect·SChipInput·SPopover·STooltip 등)이 노출하는 가용 높이. */
|
|
9
|
+
export declare const POPOVER_AVAILABLE_HEIGHT = "var(--radix-popover-content-available-height)";
|
|
10
|
+
/** Radix DropdownMenu 계열(SDropdownButton)이 노출하는 가용 높이. */
|
|
11
|
+
export declare const DROPDOWN_AVAILABLE_HEIGHT = "var(--radix-dropdown-menu-content-available-height)";
|
|
12
|
+
/**
|
|
13
|
+
* 높이 제약을 가용 높이 안으로 가둔다. 값이 없으면 가용 높이 자체가 상한이 된다.
|
|
14
|
+
*/
|
|
15
|
+
export declare function clampToAvailableHeight(value: string | number | undefined, availableHeight: string): string;
|
package/dist/llms-full.txt
CHANGED
|
@@ -2939,12 +2939,17 @@ export interface SChipFilterFieldBase {
|
|
|
2939
2939
|
```ts
|
|
2940
2940
|
/** 프리셋으로 기간을 고르는 필터 — datepicker-range·datepicker-statistics */
|
|
2941
2941
|
export interface SChipFilterPresetsField extends SChipFilterFieldBase {
|
|
2942
|
-
/** 프리셋 라디오 목록.
|
|
2943
|
-
* datepicker-
|
|
2942
|
+
/** 프리셋 라디오 목록. 지정하지 않으면 타입별 기본 목록을 쓴다 —
|
|
2943
|
+
* datepicker-range: 오늘·지난 7일·지난 30일·사용자 지정,
|
|
2944
|
+
* datepicker-statistics: 일별·월별·분기별·반기별·연도별·사용자 지정.
|
|
2945
|
+
* 프리셋 라디오 없이 캘린더(datepicker-range) 하나만 두려면 presets: [] 를 명시한다 */
|
|
2944
2946
|
presets?: SChipFilterDatePreset[];
|
|
2945
2947
|
/** 선택 가능 범위 */
|
|
2946
2948
|
selectable?: [string, string];
|
|
2947
|
-
/** "사용자 지정" 프리셋으로 기간을 고를 때의 최대 선택
|
|
2949
|
+
/** "사용자 지정" 프리셋으로 기간을 고를 때의 최대 선택 일수.
|
|
2950
|
+
* 지정하지 않아도 presets에 custom 프리셋이 있으면 기본 90일이 적용된다 — 무제한 기간
|
|
2951
|
+
* 집계·조회로 백엔드에 과도한 요청이 가는 것을 막기 위한 안전장치. 다른 상한이 필요하면
|
|
2952
|
+
* 이 값을 직접 지정한다 */
|
|
2948
2953
|
maxRange?: number;
|
|
2949
2954
|
}
|
|
2950
2955
|
```
|
|
@@ -3001,10 +3006,10 @@ export interface SChipFilterDatePreset {
|
|
|
3001
3006
|
|
|
3002
3007
|
- [SDatePicker](../SDatePicker)
|
|
3003
3008
|
- [SDateRangePicker](../SDateRangePicker)
|
|
3004
|
-
- [SGhostButton](../SGhostButton)
|
|
3005
3009
|
- [SIcon](../SIcon)
|
|
3006
3010
|
- [SRadio](../SRadio)
|
|
3007
3011
|
- [SRadioButton](../SRadioButton)
|
|
3012
|
+
- [SSearchInput](../SSearchInput)
|
|
3008
3013
|
- [STag](../STag)
|
|
3009
3014
|
- [STextLink](../STextLink)
|
|
3010
3015
|
- [STooltip](../STooltip)
|
|
@@ -4343,7 +4348,6 @@ export type SGhostButtonIntent = 'default' | 'danger' | 'action' | 'subAction' |
|
|
|
4343
4348
|
- [SBarcodeInput](../SBarcodeInput)
|
|
4344
4349
|
- [SCalendar](../SCalendar)
|
|
4345
4350
|
- [SChip](../SChip)
|
|
4346
|
-
- [SChipFilter](../SChipFilter)
|
|
4347
4351
|
- [SDatePicker](../SDatePicker)
|
|
4348
4352
|
- [SDateRangePicker](../SDateRangePicker)
|
|
4349
4353
|
- [SFilePicker](../SFilePicker)
|
|
@@ -5978,6 +5982,7 @@ export type SSearchInputSize = SFieldSize;
|
|
|
5978
5982
|
|
|
5979
5983
|
### Used by
|
|
5980
5984
|
|
|
5985
|
+
- [SChipFilter](../SChipFilter)
|
|
5981
5986
|
- [SSelect](../SSelect)
|
|
5982
5987
|
|
|
5983
5988
|
### Depends on
|
|
@@ -6085,7 +6090,7 @@ export type SSectionHeaderCardChildren = ReactNode;
|
|
|
6085
6090
|
| `error?` | `boolean` | `false` | 에러 상태 |
|
|
6086
6091
|
| `rules?` | `Rule[]` | — | 유효성 규칙 — 닫힐 때 자동 검증 |
|
|
6087
6092
|
| `labelTooltipProps?` | `Partial<STooltipProps>` | — | 레이블 툴팁 상세 옵션 |
|
|
6088
|
-
| `dropdownHeight?` | `string` | `'
|
|
6093
|
+
| `dropdownHeight?` | `string` | `'640px'` | 드롭다운 최대 높이. 기본 640px — 창이 이보다 작으면 창 안에 남는 만큼까지만 채워진다 |
|
|
6089
6094
|
| `dropdownWidth?` | `string` | — | 드롭다운 너비 (없으면 트리거 너비). 창보다 넓게 줘도 창 폭까지만 벌어진다. |
|
|
6090
6095
|
| `maxDropdownWidth?` | `string` | `'640px'` | 드롭다운 최대 너비. 창이 이보다 좁으면 창 폭이 상한이 된다. |
|
|
6091
6096
|
| `label?` | `string` | — | |
|
package/dist/styles.css
CHANGED
|
@@ -1099,12 +1099,6 @@
|
|
|
1099
1099
|
.h-sd-48 {
|
|
1100
1100
|
height: var(--spacing-sd-48);
|
|
1101
1101
|
}
|
|
1102
|
-
.max-h-\[220px\] {
|
|
1103
|
-
max-height: 220px;
|
|
1104
|
-
}
|
|
1105
|
-
.max-h-\[240px\] {
|
|
1106
|
-
max-height: 240px;
|
|
1107
|
-
}
|
|
1108
1102
|
.max-h-\[calc\(100dvh-48px\)\] {
|
|
1109
1103
|
max-height: calc(100dvh - 48px);
|
|
1110
1104
|
}
|