@seed-design/react 2.1.1 → 2.2.1
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/lib/components/DatePicker/DatePicker.cjs +351 -0
- package/lib/components/DatePicker/DatePicker.d.ts +39 -0
- package/lib/components/DatePicker/DatePicker.d.ts.map +1 -0
- package/lib/components/DatePicker/DatePicker.js +345 -0
- package/lib/components/DatePicker/DatePicker.test.d.ts +2 -0
- package/lib/components/DatePicker/DatePicker.test.d.ts.map +1 -0
- package/lib/components/DatePicker/index.cjs +62 -0
- package/lib/components/DatePicker/index.d.ts +3 -0
- package/lib/components/DatePicker/index.d.ts.map +1 -0
- package/lib/components/DatePicker/index.js +3 -0
- package/lib/components/QuantityPicker/QuantityPicker.d.ts +13 -1
- package/lib/components/QuantityPicker/QuantityPicker.d.ts.map +1 -1
- package/lib/components/TimePicker/TimePicker.cjs +97 -0
- package/lib/components/TimePicker/TimePicker.d.ts +28 -0
- package/lib/components/TimePicker/TimePicker.d.ts.map +1 -0
- package/lib/components/TimePicker/TimePicker.js +94 -0
- package/lib/components/TimePicker/TimePicker.test.d.ts +2 -0
- package/lib/components/TimePicker/TimePicker.test.d.ts.map +1 -0
- package/lib/components/TimePicker/index.cjs +3 -0
- package/lib/components/TimePicker/index.d.ts +2 -0
- package/lib/components/TimePicker/index.d.ts.map +1 -0
- package/lib/components/TimePicker/index.js +2 -0
- package/lib/components/index.cjs +63 -1
- package/lib/components/index.d.ts +2 -0
- package/lib/components/index.d.ts.map +1 -1
- package/lib/components/index.js +5 -2
- package/lib/components/private/WheelPicker.cjs +64 -0
- package/lib/components/private/WheelPicker.d.ts +16 -0
- package/lib/components/private/WheelPicker.d.ts.map +1 -0
- package/lib/components/private/WheelPicker.js +59 -0
- package/lib/components/private/WheelPicker.test.d.ts +2 -0
- package/lib/components/private/WheelPicker.test.d.ts.map +1 -0
- package/lib/index.cjs +63 -1
- package/lib/index.js +5 -2
- package/package.json +9 -6
- package/src/components/DatePicker/DatePicker.test.tsx +234 -0
- package/src/components/DatePicker/DatePicker.tsx +574 -0
- package/src/components/DatePicker/index.ts +34 -0
- package/src/components/QuantityPicker/QuantityPicker.test.tsx +10 -0
- package/src/components/QuantityPicker/QuantityPicker.tsx +14 -2
- package/src/components/TimePicker/TimePicker.test.tsx +166 -0
- package/src/components/TimePicker/TimePicker.tsx +163 -0
- package/src/components/TimePicker/index.ts +6 -0
- package/src/components/index.ts +2 -0
- package/src/components/private/WheelPicker.test.tsx +54 -0
- package/src/components/private/WheelPicker.tsx +110 -0
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
"use client";
|
|
3
|
+
import { InternalWheelPickerColumn, InternalWheelPickerRoot } from "../private/WheelPicker.js";
|
|
4
|
+
import clsx$1 from "clsx";
|
|
5
|
+
import * as React$1 from "react";
|
|
6
|
+
import { jsx } from "react/jsx-runtime";
|
|
7
|
+
import { timePicker } from "@seed-design/css/recipes/time-picker";
|
|
8
|
+
import { useTimePicker } from "@seed-design/react-time-picker";
|
|
9
|
+
//#region src/components/TimePicker/TimePicker.tsx
|
|
10
|
+
var ITEM_SIZE = 44;
|
|
11
|
+
var VISIBLE_ITEM_COUNT = 5;
|
|
12
|
+
var DEFAULT_ARIA_LABELS = {
|
|
13
|
+
ko: {
|
|
14
|
+
root: "시간 선택",
|
|
15
|
+
period: "오전/오후",
|
|
16
|
+
hour: "시",
|
|
17
|
+
minute: "분"
|
|
18
|
+
},
|
|
19
|
+
en: {
|
|
20
|
+
root: "Select time",
|
|
21
|
+
period: "AM/PM",
|
|
22
|
+
hour: "Hour",
|
|
23
|
+
minute: "Minute"
|
|
24
|
+
},
|
|
25
|
+
ja: {
|
|
26
|
+
root: "時刻を選択",
|
|
27
|
+
period: "午前/午後",
|
|
28
|
+
hour: "時",
|
|
29
|
+
minute: "分"
|
|
30
|
+
}
|
|
31
|
+
};
|
|
32
|
+
function getDefaultAriaLabels(locale) {
|
|
33
|
+
const [canonicalLocale = "ko-KR"] = Intl.getCanonicalLocales(locale ?? "ko-KR");
|
|
34
|
+
const language = new Intl.Locale(canonicalLocale).language;
|
|
35
|
+
if (language === "ko") return DEFAULT_ARIA_LABELS.ko;
|
|
36
|
+
if (language === "ja") return DEFAULT_ARIA_LABELS.ja;
|
|
37
|
+
return DEFAULT_ARIA_LABELS.en;
|
|
38
|
+
}
|
|
39
|
+
var classNames = timePicker();
|
|
40
|
+
var columnClassNames = {
|
|
41
|
+
period: classNames.periodColumn,
|
|
42
|
+
hour: classNames.hourColumn,
|
|
43
|
+
minute: classNames.minuteColumn
|
|
44
|
+
};
|
|
45
|
+
/**
|
|
46
|
+
* 휠을 스크롤하여 오전·오후, 시, 분을 선택하는 12시간제 시간 선택 컴포넌트입니다.
|
|
47
|
+
*
|
|
48
|
+
* 값은 오전·오후를 별도 필드로 나누지 않고 24시간 형식의 `TimePickerValue`로 주고받습니다.
|
|
49
|
+
*/
|
|
50
|
+
var TimePicker = React$1.forwardRef(({ value, defaultValue, onValueChange, minuteStep, locale, disabled, periodAriaLabel, hourAriaLabel, minuteAriaLabel, className, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...props }, ref) => {
|
|
51
|
+
const api = useTimePicker({
|
|
52
|
+
value,
|
|
53
|
+
defaultValue,
|
|
54
|
+
onValueChange,
|
|
55
|
+
minuteStep,
|
|
56
|
+
locale,
|
|
57
|
+
disabled
|
|
58
|
+
});
|
|
59
|
+
const defaultAriaLabels = getDefaultAriaLabels(locale);
|
|
60
|
+
const ariaLabels = {
|
|
61
|
+
period: periodAriaLabel ?? defaultAriaLabels.period,
|
|
62
|
+
hour: hourAriaLabel ?? defaultAriaLabels.hour,
|
|
63
|
+
minute: minuteAriaLabel ?? defaultAriaLabels.minute
|
|
64
|
+
};
|
|
65
|
+
return /* @__PURE__ */ jsx(InternalWheelPickerRoot, {
|
|
66
|
+
ref,
|
|
67
|
+
itemSize: ITEM_SIZE,
|
|
68
|
+
visibleItemCount: VISIBLE_ITEM_COUNT,
|
|
69
|
+
disabled,
|
|
70
|
+
"aria-label": ariaLabelledby ? ariaLabel : ariaLabel ?? defaultAriaLabels.root,
|
|
71
|
+
"aria-labelledby": ariaLabelledby,
|
|
72
|
+
className: clsx$1(classNames.root, className),
|
|
73
|
+
columnsClassName: classNames.columns,
|
|
74
|
+
scrollFogClassName: classNames.scrollFog,
|
|
75
|
+
selectionIndicatorClassName: classNames.selectionIndicator,
|
|
76
|
+
...props,
|
|
77
|
+
children: api.columnOrder.map((type) => {
|
|
78
|
+
const column = api.columns[type];
|
|
79
|
+
return /* @__PURE__ */ jsx(InternalWheelPickerColumn, {
|
|
80
|
+
"aria-label": ariaLabels[type],
|
|
81
|
+
className: columnClassNames[type],
|
|
82
|
+
itemClassName: classNames.item,
|
|
83
|
+
options: column.options,
|
|
84
|
+
value: column.value,
|
|
85
|
+
onValueChange: column.onValueChange,
|
|
86
|
+
loop: column.loop,
|
|
87
|
+
valueChangeBehavior: type === "period" ? "smooth" : "auto"
|
|
88
|
+
}, type);
|
|
89
|
+
})
|
|
90
|
+
});
|
|
91
|
+
});
|
|
92
|
+
TimePicker.displayName = "TimePicker";
|
|
93
|
+
//#endregion
|
|
94
|
+
export { TimePicker };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TimePicker.test.d.ts","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TimePicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,KAAK,UAAU,EACf,KAAK,eAAe,EACpB,KAAK,eAAe,GACrB,MAAM,cAAc,CAAC"}
|
package/lib/components/index.cjs
CHANGED
|
@@ -33,6 +33,8 @@ const require_ContentPlaceholder_namespace = require("./ContentPlaceholder/Conte
|
|
|
33
33
|
const require_ContextualFloatingButton = require("./ContextualFloatingButton/ContextualFloatingButton.cjs");
|
|
34
34
|
const require_ControlChip = require("./ControlChip/ControlChip.cjs");
|
|
35
35
|
const require_Count = require("./Count/Count.cjs");
|
|
36
|
+
const require_ScrollFog = require("./ScrollFog/ScrollFog.cjs");
|
|
37
|
+
const require_DatePicker = require("./DatePicker/DatePicker.cjs");
|
|
36
38
|
const require_Dialog = require("./Dialog/Dialog.cjs");
|
|
37
39
|
const require_Dialog_namespace = require("./Dialog/Dialog.namespace.cjs");
|
|
38
40
|
const require_Divider = require("./Divider/Divider.cjs");
|
|
@@ -111,7 +113,6 @@ const require_SidePanel = require("./SidePanel/SidePanel.cjs");
|
|
|
111
113
|
const require_SidePanel_namespace = require("./SidePanel/SidePanel.namespace.cjs");
|
|
112
114
|
const require_ResponsiveSidePanel = require("./ResponsiveSidePanel/ResponsiveSidePanel.cjs");
|
|
113
115
|
const require_ResponsiveSidePanel_namespace = require("./ResponsiveSidePanel/ResponsiveSidePanel.namespace.cjs");
|
|
114
|
-
const require_ScrollFog = require("./ScrollFog/ScrollFog.cjs");
|
|
115
116
|
const require_SegmentedControl = require("./SegmentedControl/SegmentedControl.cjs");
|
|
116
117
|
const require_SegmentedControl_namespace = require("./SegmentedControl/SegmentedControl.namespace.cjs");
|
|
117
118
|
const require_Select = require("./Select/Select.cjs");
|
|
@@ -140,9 +141,11 @@ const require_Text = require("./Text/Text.cjs");
|
|
|
140
141
|
const require_TextField = require("./TextField/TextField.cjs");
|
|
141
142
|
const require_useTextFieldWithGraphemes = require("./TextField/useTextFieldWithGraphemes.cjs");
|
|
142
143
|
const require_TextField_namespace = require("./TextField/TextField.namespace.cjs");
|
|
144
|
+
const require_TimePicker = require("./TimePicker/TimePicker.cjs");
|
|
143
145
|
const require_ToggleButton = require("./ToggleButton/ToggleButton.cjs");
|
|
144
146
|
const require_VisuallyHidden = require("./VisuallyHidden/VisuallyHidden.cjs");
|
|
145
147
|
let _seed_design_react_portal = require("@seed-design/react-portal");
|
|
148
|
+
let _seed_design_react_date_picker = require("@seed-design/react-date-picker");
|
|
146
149
|
let _seed_design_react_pull_to_refresh = require("@seed-design/react-pull-to-refresh");
|
|
147
150
|
let _seed_design_react_tabs = require("@seed-design/react-tabs");
|
|
148
151
|
let _seed_design_react_snackbar = require("@seed-design/react-snackbar");
|
|
@@ -363,8 +366,10 @@ Object.defineProperty(exports, "ContentPlaceholder", {
|
|
|
363
366
|
exports.ContentPlaceholderAsset = require_ContentPlaceholder.ContentPlaceholderAsset;
|
|
364
367
|
exports.ContentPlaceholderRoot = require_ContentPlaceholder.ContentPlaceholderRoot;
|
|
365
368
|
exports.ContextualFloatingButton = require_ContextualFloatingButton.ContextualFloatingButton;
|
|
369
|
+
exports.ContinuousDatePicker = require_DatePicker.ContinuousDatePicker;
|
|
366
370
|
exports.ControlChip = require_ControlChip.ControlChip;
|
|
367
371
|
exports.Count = require_Count.Count;
|
|
372
|
+
exports.DatePicker = require_DatePicker.DatePicker;
|
|
368
373
|
Object.defineProperty(exports, "Dialog", {
|
|
369
374
|
enumerable: true,
|
|
370
375
|
get: function() {
|
|
@@ -936,15 +941,72 @@ exports.TextFieldRoot = require_TextField.TextFieldRoot;
|
|
|
936
941
|
exports.TextFieldSuffixIcon = require_TextField.TextFieldSuffixIcon;
|
|
937
942
|
exports.TextFieldSuffixText = require_TextField.TextFieldSuffixText;
|
|
938
943
|
exports.TextFieldTextarea = require_TextField.TextFieldTextarea;
|
|
944
|
+
exports.TimePicker = require_TimePicker.TimePicker;
|
|
939
945
|
exports.ToggleButton = require_ToggleButton.ToggleButton;
|
|
946
|
+
exports.TwoMonthDatePicker = require_DatePicker.TwoMonthDatePicker;
|
|
940
947
|
exports.VStack = require_Stack.VStack;
|
|
941
948
|
exports.VisuallyHidden = require_VisuallyHidden.VisuallyHidden;
|
|
949
|
+
exports.WeekDatePicker = require_DatePicker.WeekDatePicker;
|
|
950
|
+
Object.defineProperty(exports, "compareDates", {
|
|
951
|
+
enumerable: true,
|
|
952
|
+
get: function() {
|
|
953
|
+
return _seed_design_react_date_picker.compareDates;
|
|
954
|
+
}
|
|
955
|
+
});
|
|
956
|
+
Object.defineProperty(exports, "dateKey", {
|
|
957
|
+
enumerable: true,
|
|
958
|
+
get: function() {
|
|
959
|
+
return _seed_design_react_date_picker.dateKey;
|
|
960
|
+
}
|
|
961
|
+
});
|
|
962
|
+
Object.defineProperty(exports, "dateOnOrAfter", {
|
|
963
|
+
enumerable: true,
|
|
964
|
+
get: function() {
|
|
965
|
+
return _seed_design_react_date_picker.dateOnOrAfter;
|
|
966
|
+
}
|
|
967
|
+
});
|
|
968
|
+
Object.defineProperty(exports, "dateOnOrBefore", {
|
|
969
|
+
enumerable: true,
|
|
970
|
+
get: function() {
|
|
971
|
+
return _seed_design_react_date_picker.dateOnOrBefore;
|
|
972
|
+
}
|
|
973
|
+
});
|
|
974
|
+
Object.defineProperty(exports, "excludeDates", {
|
|
975
|
+
enumerable: true,
|
|
976
|
+
get: function() {
|
|
977
|
+
return _seed_design_react_date_picker.excludeDates;
|
|
978
|
+
}
|
|
979
|
+
});
|
|
980
|
+
Object.defineProperty(exports, "isSameDate", {
|
|
981
|
+
enumerable: true,
|
|
982
|
+
get: function() {
|
|
983
|
+
return _seed_design_react_date_picker.isSameDate;
|
|
984
|
+
}
|
|
985
|
+
});
|
|
986
|
+
Object.defineProperty(exports, "maxSelectionCount", {
|
|
987
|
+
enumerable: true,
|
|
988
|
+
get: function() {
|
|
989
|
+
return _seed_design_react_date_picker.maxSelectionCount;
|
|
990
|
+
}
|
|
991
|
+
});
|
|
942
992
|
Object.defineProperty(exports, "pullToRefreshPreventPull", {
|
|
943
993
|
enumerable: true,
|
|
944
994
|
get: function() {
|
|
945
995
|
return _seed_design_react_pull_to_refresh.pullToRefreshPreventPull;
|
|
946
996
|
}
|
|
947
997
|
});
|
|
998
|
+
Object.defineProperty(exports, "rangeDayCountAtLeast", {
|
|
999
|
+
enumerable: true,
|
|
1000
|
+
get: function() {
|
|
1001
|
+
return _seed_design_react_date_picker.rangeDayCountAtLeast;
|
|
1002
|
+
}
|
|
1003
|
+
});
|
|
1004
|
+
Object.defineProperty(exports, "rangeDayCountAtMost", {
|
|
1005
|
+
enumerable: true,
|
|
1006
|
+
get: function() {
|
|
1007
|
+
return _seed_design_react_date_picker.rangeDayCountAtMost;
|
|
1008
|
+
}
|
|
1009
|
+
});
|
|
948
1010
|
Object.defineProperty(exports, "tabsCarouselPreventDrag", {
|
|
949
1011
|
enumerable: true,
|
|
950
1012
|
get: function() {
|
|
@@ -20,6 +20,7 @@ export * from './ContentPlaceholder';
|
|
|
20
20
|
export * from './ContextualFloatingButton';
|
|
21
21
|
export * from './ControlChip';
|
|
22
22
|
export * from './Count';
|
|
23
|
+
export * from './DatePicker';
|
|
23
24
|
export * from './Dialog';
|
|
24
25
|
export * from './Divider';
|
|
25
26
|
export * from './ExtendedActionSheet';
|
|
@@ -80,6 +81,7 @@ export * from './Tabs';
|
|
|
80
81
|
export * from './TagGroup';
|
|
81
82
|
export * from './Text';
|
|
82
83
|
export * from './TextField';
|
|
84
|
+
export * from './TimePicker';
|
|
83
85
|
export * from './ToggleButton';
|
|
84
86
|
export * from './VisuallyHidden';
|
|
85
87
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,wBAAwB,CAAC;AACvC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,uBAAuB,CAAC;AACtC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,sBAAsB,CAAC;AACrC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,wBAAwB,CAAC;AACvC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,uBAAuB,CAAC;AACtC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,sBAAsB,CAAC;AACrC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC"}
|
package/lib/components/index.js
CHANGED
|
@@ -31,6 +31,9 @@ import { ContentPlaceholder_namespace_exports } from "./ContentPlaceholder/Conte
|
|
|
31
31
|
import { ContextualFloatingButton } from "./ContextualFloatingButton/ContextualFloatingButton.js";
|
|
32
32
|
import { ControlChip } from "./ControlChip/ControlChip.js";
|
|
33
33
|
import { Count } from "./Count/Count.js";
|
|
34
|
+
import { ScrollFog } from "./ScrollFog/ScrollFog.js";
|
|
35
|
+
import { ContinuousDatePicker, DatePicker, TwoMonthDatePicker, WeekDatePicker } from "./DatePicker/DatePicker.js";
|
|
36
|
+
import { compareDates, dateKey, dateOnOrAfter, dateOnOrBefore, excludeDates, isSameDate, maxSelectionCount, rangeDayCountAtLeast, rangeDayCountAtMost } from "./DatePicker/index.js";
|
|
34
37
|
import { DialogAction, DialogBackdrop, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPositioner, DialogRoot, DialogTitle, DialogTrigger } from "./Dialog/Dialog.js";
|
|
35
38
|
import { Dialog_namespace_exports } from "./Dialog/Dialog.namespace.js";
|
|
36
39
|
import { Divider } from "./Divider/Divider.js";
|
|
@@ -111,7 +114,6 @@ import { SidePanelBackdrop, SidePanelBody, SidePanelCloseButton, SidePanelConten
|
|
|
111
114
|
import { SidePanel_namespace_exports } from "./SidePanel/SidePanel.namespace.js";
|
|
112
115
|
import { ResponsiveSidePanelBackdrop, ResponsiveSidePanelBody, ResponsiveSidePanelCloseButton, ResponsiveSidePanelContent, ResponsiveSidePanelDescription, ResponsiveSidePanelFooter, ResponsiveSidePanelHandle, ResponsiveSidePanelHeader, ResponsiveSidePanelPositioner, ResponsiveSidePanelRoot, ResponsiveSidePanelTitle, ResponsiveSidePanelTrigger, useResponsiveSidePanelContext } from "./ResponsiveSidePanel/ResponsiveSidePanel.js";
|
|
113
116
|
import { ResponsiveSidePanel_namespace_exports } from "./ResponsiveSidePanel/ResponsiveSidePanel.namespace.js";
|
|
114
|
-
import { ScrollFog } from "./ScrollFog/ScrollFog.js";
|
|
115
117
|
import { SegmentedControlIndicator, SegmentedControlItem, SegmentedControlItemHiddenInput, SegmentedControlRoot } from "./SegmentedControl/SegmentedControl.js";
|
|
116
118
|
import { SegmentedControl_namespace_exports } from "./SegmentedControl/SegmentedControl.namespace.js";
|
|
117
119
|
import { SelectContent, SelectGroup, SelectGroupLabel, SelectHiddenSelect, SelectItem, SelectItemBody, SelectItemDescription, SelectItemIndicator, SelectItemLabel, SelectItemPrefixIcon, SelectPlaceholder, SelectPositioner, SelectPrefixIcon, SelectRoot, SelectScrollArea, SelectSuffixIcon, SelectTrigger, SelectValue } from "./Select/Select.js";
|
|
@@ -142,6 +144,7 @@ import { Text } from "./Text/Text.js";
|
|
|
142
144
|
import { TextFieldInput, TextFieldPrefixIcon, TextFieldPrefixText, TextFieldRoot, TextFieldSuffixIcon, TextFieldSuffixText, TextFieldTextarea } from "./TextField/TextField.js";
|
|
143
145
|
import { useTextFieldWithGraphemes } from "./TextField/useTextFieldWithGraphemes.js";
|
|
144
146
|
import { TextField_namespace_exports } from "./TextField/TextField.namespace.js";
|
|
147
|
+
import { TimePicker } from "./TimePicker/TimePicker.js";
|
|
145
148
|
import { ToggleButton } from "./ToggleButton/ToggleButton.js";
|
|
146
149
|
import { VisuallyHidden } from "./VisuallyHidden/VisuallyHidden.js";
|
|
147
|
-
export { Accordion_namespace_exports as Accordion, AccordionBody, AccordionContent, AccordionDescription, AccordionHeader, AccordionItem, AccordionPrefix, AccordionRoot, AccordionSuffixIcon, AccordionTitle, AccordionTrigger, ActionButton, ActionChip, ActionSheet_namespace_exports as ActionSheet, ActionSheetBackdrop, ActionSheetCloseButton, ActionSheetContent, ActionSheetDescription, ActionSheetHeader, ActionSheetItem, ActionSheetList, ActionSheetPositioner, ActionSheetRoot, ActionSheetTitle, ActionSheetTrigger, Article, AspectRatio, AttachmentDisplay_namespace_exports as AttachmentDisplay, AttachmentDisplayContainer, AttachmentDisplayContext, AttachmentDisplayControl, AttachmentDisplayDescription, AttachmentDisplayErrorMessage, AttachmentDisplayFooter, AttachmentDisplayHeader, AttachmentDisplayIndicatorText, AttachmentDisplayItem, AttachmentDisplayItemActionButton, AttachmentDisplayItemBackdrop, AttachmentDisplayItemBadge, AttachmentDisplayItemGroup, AttachmentDisplayItemImage, AttachmentDisplayItemMetadata, AttachmentDisplayItemRemoveButton, AttachmentDisplayItemThumbnail, AttachmentDisplayLabel, AttachmentDisplayRequiredIndicator, AttachmentDisplayRoot, AttachmentDisplayTrigger, AttachmentDisplayTriggerIcon, AttachmentDisplayTriggerItemCount, AttachmentInput_namespace_exports as AttachmentInput, AttachmentInputContainer, AttachmentInputContext, AttachmentInputDropzone, AttachmentInputDropzoneLabel, AttachmentInputHiddenInput, AttachmentInputItem, AttachmentInputItemActionButton, AttachmentInputItemBackdrop, AttachmentInputItemBadge, AttachmentInputItemGroup, AttachmentInputItemImage, AttachmentInputItemMetadata, AttachmentInputItemName, AttachmentInputItemRemoveButton, AttachmentInputItemSize, AttachmentInputItemThumbnail, AttachmentInputRoot, AttachmentInputTrigger, AttachmentInputTriggerIcon, AttachmentInputTriggerItemCount, Avatar_namespace_exports as Avatar, AvatarBadge, AvatarFallback, AvatarImage, AvatarRoot, AvatarStack, Badge, BottomSheet_namespace_exports as BottomSheet, BottomSheetBackdrop, BottomSheetBody, BottomSheetCloseButton, BottomSheetContent, BottomSheetDescription, BottomSheetFooter, BottomSheetHeader, BottomSheetPositioner, BottomSheetRoot, BottomSheetTitle, BottomSheetTrigger, Box, Callout_namespace_exports as Callout, CalloutCloseButton, CalloutContent, CalloutDescription, CalloutLink, CalloutRoot, CalloutTitle, Celsius, CheckSelectBox_namespace_exports as CheckSelectBox, CheckSelectBoxBody, CheckSelectBoxCheckmarkControl, CheckSelectBoxCheckmarkIcon, CheckSelectBoxContent, CheckSelectBoxDescription, CheckSelectBoxFooter, CheckSelectBoxGroup, CheckSelectBoxHiddenInput, CheckSelectBoxLabel, CheckSelectBoxRoot, CheckSelectBoxTrigger, Checkbox_namespace_exports as Checkbox, CheckboxControl, CheckboxGroup, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxRoot, Chip_namespace_exports as Chip, ChipLabel, ChipPrefixAvatar, ChipPrefixIcon, ChipRoot, ChipSuffixIcon, ChipTabs_namespace_exports as ChipTabs, ChipTabsCarousel, ChipTabsCarouselCamera, ChipTabsContent, ChipTabsList, ChipTabsRoot, ChipTabsTrigger, Column, Columns, ConsistentWidth, ContentDialog_namespace_exports as ContentDialog, ContentDialogAction, ContentDialogBackdrop, ContentDialogBody, ContentDialogCloseButton, ContentDialogContent, ContentDialogDescription, ContentDialogFooter, ContentDialogHeader, ContentDialogPositioner, ContentDialogRoot, ContentDialogTitle, ContentDialogTrigger, ContentPlaceholder_namespace_exports as ContentPlaceholder, ContentPlaceholderAsset, ContentPlaceholderRoot, ContextualFloatingButton, ControlChip, Count, Dialog_namespace_exports as Dialog, DialogAction, DialogBackdrop, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPositioner, DialogRoot, DialogTitle, DialogTrigger, Divider, ExtendedActionSheet_namespace_exports as ExtendedActionSheet, ExtendedActionSheetBackdrop, ExtendedActionSheetCloseButton, ExtendedActionSheetContent, ExtendedActionSheetFooter, ExtendedActionSheetGroup, ExtendedActionSheetHeader, ExtendedActionSheetItem, ExtendedActionSheetList, ExtendedActionSheetPositioner, ExtendedActionSheetRoot, ExtendedActionSheetTitle, ExtendedActionSheetTrigger, ExtendedFab, Fab, Field_namespace_exports as Field, FieldButton_namespace_exports as FieldButton, FieldButtonButton, FieldButtonClearButton, FieldButtonControl, FieldButtonDescription, FieldButtonErrorMessage, FieldButtonFooter, FieldButtonHeader, FieldButtonHiddenInput, FieldButtonIndicatorText, FieldButtonLabel, FieldButtonPlaceholder, FieldButtonPrefixIcon, FieldButtonPrefixText, FieldButtonRequiredIndicator, FieldButtonRoot, FieldButtonSuffixIcon, FieldButtonSuffixText, FieldButtonValue, FieldCharacterCount, FieldDescription, FieldErrorMessage, FieldFooter, FieldHeader, FieldIndicatorText, FieldLabel, FieldRequiredIndicator, FieldRoot, Fieldset_namespace_exports as Fieldset, FieldsetDescription, FieldsetErrorMessage, FieldsetFooter, FieldsetHeader, FieldsetIndicatorText, FieldsetLabel, FieldsetRequiredIndicator, FieldsetRoot, Flex, Float, FloatingActionButton_namespace_exports as FloatingActionButton, FloatingActionButtonIcon, FloatingActionButtonLabel, FloatingActionButtonRoot, Footer_namespace_exports as Footer, FooterLinkText, Grid, GridItem, HStack, HelpBubble_namespace_exports as HelpBubble, HelpBubbleAnchor, HelpBubbleArrow, HelpBubbleArrowTip, HelpBubbleBody, HelpBubbleCloseButton, HelpBubbleContent, HelpBubbleDescription, HelpBubblePositioner, HelpBubblePositionerPortal, HelpBubbleRoot, HelpBubbleTitle, HelpBubbleTooltip_namespace_exports as HelpBubbleTooltip, HelpBubbleTooltipArrow, HelpBubbleTooltipArrowTip, HelpBubbleTooltipBody, HelpBubbleTooltipContent, HelpBubbleTooltipDelayGroup, HelpBubbleTooltipDescription, HelpBubbleTooltipPositioner, HelpBubbleTooltipPositionerPortal, HelpBubbleTooltipRoot, HelpBubbleTooltipTitle, HelpBubbleTooltipTrigger, HelpBubbleTrigger, Icon, IdentityPlaceholder_namespace_exports as IdentityPlaceholder, IdentityPlaceholderImage, IdentityPlaceholderRoot, ImageFrame, ImageFrameBadge, ImageFrameFloater, ImageFrameIcon, ImageFrameIndicator, ImageFrameReactionButton, Inline, InlineBanner_namespace_exports as InlineBanner, InlineBannerCloseButton, InlineBannerContent, InlineBannerDescription, InlineBannerLink, InlineBannerRoot, InlineBannerTitle, Layout_namespace_exports as Layout, LayoutContent, LayoutRoot, LinkContent, List_namespace_exports as List, ListContent, ListDetail, ListHeader, ListItem, ListPrefix, ListRoot, ListSuffix, ListTitle, LoadingIndicator, MannerTemp, MannerTempBadge, MannerTempEmote, Menu_namespace_exports as Menu, MenuAnchor, MenuContent, MenuGroup, MenuGroupLabel, MenuItem, MenuItemBody, MenuItemDescription, MenuItemLabel, MenuPositioner, MenuRoot, MenuScrollArea, MenuSheet_namespace_exports as MenuSheet, MenuSheetBackdrop, MenuSheetCloseButton, MenuSheetContent, MenuSheetDescription, MenuSheetFooter, MenuSheetGroup, MenuSheetHeader, MenuSheetItem, MenuSheetItemContent, MenuSheetItemDescription, MenuSheetItemLabel, MenuSheetList, MenuSheetPositioner, MenuSheetRoot, MenuSheetTitle, MenuSheetTrigger, MenuTrigger, NavigationMenu_namespace_exports as NavigationMenu, NavigationMenuContent, NavigationMenuGroup, NavigationMenuGroupLabel, NavigationMenuItem, NavigationMenuItemBody, NavigationMenuItemDescription, NavigationMenuItemLabel, NavigationMenuPositioner, NavigationMenuProvider, NavigationMenuRoot, NavigationMenuScrollArea, NavigationMenuTrigger, NotificationBadge, NotificationBadgePositioner, PageBanner_namespace_exports as PageBanner, PageBannerBody, PageBannerButton, PageBannerCloseButton, PageBannerContent, PageBannerDescription, PageBannerRoot, PageBannerTitle, Portal, PrefixIcon, ProgressCircle_namespace_exports as ProgressCircle, ProgressCircleRange, ProgressCircleRoot, ProgressCircleTrack, PullToRefresh_namespace_exports as PullToRefresh, PullToRefreshContent, PullToRefreshIndicator, PullToRefreshRoot, QuantityPicker_namespace_exports as QuantityPicker, QuantityPickerDecrementButton, QuantityPickerHiddenInput, QuantityPickerIncrementButton, QuantityPickerRoot, QuantityPickerValueDisplay, RadioGroup_namespace_exports as RadioGroup, RadioGroupField_namespace_exports as RadioGroupField, RadioGroupFieldDescription, RadioGroupFieldErrorMessage, RadioGroupFieldFooter, RadioGroupFieldHeader, RadioGroupFieldIndicatorText, RadioGroupFieldLabel, RadioGroupFieldRequiredIndicator, RadioGroupFieldRoot, RadioGroupItem, RadioGroupItemControl, RadioGroupItemHiddenInput, RadioGroupItemIndicator, RadioGroupItemLabel, RadioGroupRoot, RadioSelectBox_namespace_exports as RadioSelectBox, RadioSelectBoxBody, RadioSelectBoxContent, RadioSelectBoxDescription, RadioSelectBoxFooter, RadioSelectBoxGroup, RadioSelectBoxHiddenInput, RadioSelectBoxItem, RadioSelectBoxLabel, RadioSelectBoxTrigger, ReactionButton, ResponsiveDialog_namespace_exports as ResponsiveDialog, ResponsiveDialogAction, ResponsiveDialogBackdrop, ResponsiveDialogBody, ResponsiveDialogCloseButton, ResponsiveDialogContent, ResponsiveDialogDescription, ResponsiveDialogFooter, ResponsiveDialogHandle, ResponsiveDialogHeader, ResponsiveDialogPositioner, ResponsiveDialogRoot, ResponsiveDialogTitle, ResponsiveDialogTrigger, ResponsivePair, ResponsiveSidePanel_namespace_exports as ResponsiveSidePanel, ResponsiveSidePanelBackdrop, ResponsiveSidePanelBody, ResponsiveSidePanelCloseButton, ResponsiveSidePanelContent, ResponsiveSidePanelDescription, ResponsiveSidePanelFooter, ResponsiveSidePanelHandle, ResponsiveSidePanelHeader, ResponsiveSidePanelPositioner, ResponsiveSidePanelRoot, ResponsiveSidePanelTitle, ResponsiveSidePanelTrigger, ScrollFog, SegmentedControl_namespace_exports as SegmentedControl, SegmentedControlIndicator, SegmentedControlItem, SegmentedControlItemHiddenInput, SegmentedControlRoot, Select_namespace_exports as Select, SelectContent, SelectGroup, SelectGroupLabel, SelectHiddenSelect, SelectItem, SelectItemBody, SelectItemDescription, SelectItemIndicator, SelectItemLabel, SelectItemPrefixIcon, SelectPlaceholder, SelectPositioner, SelectPrefixIcon, SelectRoot, SelectScrollArea, SelectSuffixIcon, SelectTrigger, SelectValue, SideNavigation_namespace_exports as SideNavigation, SideNavigationContent, SideNavigationFooter, SideNavigationGroup, SideNavigationGroupLabel, SideNavigationHeader, SideNavigationInset, SideNavigationItem, SideNavigationItemCollapsibleContent, SideNavigationItemCollapsibleRoot, SideNavigationItemCollapsibleTrigger, SideNavigationItemLabel, SideNavigationItemPrefixIcon, SideNavigationItemSuffixIcon, SideNavigationProvider, SideNavigationRoot, SideNavigationTrigger, SidePanel_namespace_exports as SidePanel, SidePanelBackdrop, SidePanelBody, SidePanelCloseButton, SidePanelContent, SidePanelDescription, SidePanelFooter, SidePanelHeader, SidePanelPositioner, SidePanelRoot, SidePanelTitle, SidePanelTrigger, Skeleton, Slider_namespace_exports as Slider, SliderControl, SliderHiddenInput, SliderMarker, SliderMarkers, SliderRange, SliderRoot, SliderThumb, SliderTick, SliderTrack, SliderValueIndicatorArrow, SliderValueIndicatorArrowTip, SliderValueIndicatorLabel, SliderValueIndicatorRoot, Snackbar_namespace_exports as Snackbar, SnackbarActionButton, SnackbarAvoidOverlap, SnackbarHiddenCloseButton, SnackbarMessage, SnackbarPrefixIcon, SnackbarRegion, SnackbarRenderer, SnackbarRoot, SnackbarRootProvider, Stack, SuffixIcon, SwipeableMenuSheet_namespace_exports as SwipeableMenuSheet, SwipeableMenuSheetBackdrop, SwipeableMenuSheetCloseButton, SwipeableMenuSheetContent, SwipeableMenuSheetDescription, SwipeableMenuSheetFooter, SwipeableMenuSheetGroup, SwipeableMenuSheetHandle, SwipeableMenuSheetHeader, SwipeableMenuSheetItem, SwipeableMenuSheetItemContent, SwipeableMenuSheetItemDescription, SwipeableMenuSheetItemLabel, SwipeableMenuSheetList, SwipeableMenuSheetPositioner, SwipeableMenuSheetRoot, SwipeableMenuSheetTitle, SwipeableMenuSheetTrigger, Switch_namespace_exports as Switch, SwitchControl, SwitchHiddenInput, SwitchLabel, SwitchRoot, SwitchThumb, Tabs_namespace_exports as Tabs, TabsCarousel, TabsCarouselCamera, TabsContent, TabsIndicator, TabsList, TabsRoot, TabsTrigger, TagGroup_namespace_exports as TagGroup, TagGroupItem, TagGroupItemLabel, TagGroupRoot, Text, TextField_namespace_exports as TextField, TextFieldInput, TextFieldPrefixIcon, TextFieldPrefixText, TextFieldRoot, TextFieldSuffixIcon, TextFieldSuffixText, TextFieldTextarea, ToggleButton, VStack, VisuallyHidden, pullToRefreshPreventPull, tabsCarouselPreventDrag, useResponsiveDialogContext, useResponsiveSidePanelContext, useSnackbarAdapter, useSnackbarContext, useTextFieldWithGraphemes };
|
|
150
|
+
export { Accordion_namespace_exports as Accordion, AccordionBody, AccordionContent, AccordionDescription, AccordionHeader, AccordionItem, AccordionPrefix, AccordionRoot, AccordionSuffixIcon, AccordionTitle, AccordionTrigger, ActionButton, ActionChip, ActionSheet_namespace_exports as ActionSheet, ActionSheetBackdrop, ActionSheetCloseButton, ActionSheetContent, ActionSheetDescription, ActionSheetHeader, ActionSheetItem, ActionSheetList, ActionSheetPositioner, ActionSheetRoot, ActionSheetTitle, ActionSheetTrigger, Article, AspectRatio, AttachmentDisplay_namespace_exports as AttachmentDisplay, AttachmentDisplayContainer, AttachmentDisplayContext, AttachmentDisplayControl, AttachmentDisplayDescription, AttachmentDisplayErrorMessage, AttachmentDisplayFooter, AttachmentDisplayHeader, AttachmentDisplayIndicatorText, AttachmentDisplayItem, AttachmentDisplayItemActionButton, AttachmentDisplayItemBackdrop, AttachmentDisplayItemBadge, AttachmentDisplayItemGroup, AttachmentDisplayItemImage, AttachmentDisplayItemMetadata, AttachmentDisplayItemRemoveButton, AttachmentDisplayItemThumbnail, AttachmentDisplayLabel, AttachmentDisplayRequiredIndicator, AttachmentDisplayRoot, AttachmentDisplayTrigger, AttachmentDisplayTriggerIcon, AttachmentDisplayTriggerItemCount, AttachmentInput_namespace_exports as AttachmentInput, AttachmentInputContainer, AttachmentInputContext, AttachmentInputDropzone, AttachmentInputDropzoneLabel, AttachmentInputHiddenInput, AttachmentInputItem, AttachmentInputItemActionButton, AttachmentInputItemBackdrop, AttachmentInputItemBadge, AttachmentInputItemGroup, AttachmentInputItemImage, AttachmentInputItemMetadata, AttachmentInputItemName, AttachmentInputItemRemoveButton, AttachmentInputItemSize, AttachmentInputItemThumbnail, AttachmentInputRoot, AttachmentInputTrigger, AttachmentInputTriggerIcon, AttachmentInputTriggerItemCount, Avatar_namespace_exports as Avatar, AvatarBadge, AvatarFallback, AvatarImage, AvatarRoot, AvatarStack, Badge, BottomSheet_namespace_exports as BottomSheet, BottomSheetBackdrop, BottomSheetBody, BottomSheetCloseButton, BottomSheetContent, BottomSheetDescription, BottomSheetFooter, BottomSheetHeader, BottomSheetPositioner, BottomSheetRoot, BottomSheetTitle, BottomSheetTrigger, Box, Callout_namespace_exports as Callout, CalloutCloseButton, CalloutContent, CalloutDescription, CalloutLink, CalloutRoot, CalloutTitle, Celsius, CheckSelectBox_namespace_exports as CheckSelectBox, CheckSelectBoxBody, CheckSelectBoxCheckmarkControl, CheckSelectBoxCheckmarkIcon, CheckSelectBoxContent, CheckSelectBoxDescription, CheckSelectBoxFooter, CheckSelectBoxGroup, CheckSelectBoxHiddenInput, CheckSelectBoxLabel, CheckSelectBoxRoot, CheckSelectBoxTrigger, Checkbox_namespace_exports as Checkbox, CheckboxControl, CheckboxGroup, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxRoot, Chip_namespace_exports as Chip, ChipLabel, ChipPrefixAvatar, ChipPrefixIcon, ChipRoot, ChipSuffixIcon, ChipTabs_namespace_exports as ChipTabs, ChipTabsCarousel, ChipTabsCarouselCamera, ChipTabsContent, ChipTabsList, ChipTabsRoot, ChipTabsTrigger, Column, Columns, ConsistentWidth, ContentDialog_namespace_exports as ContentDialog, ContentDialogAction, ContentDialogBackdrop, ContentDialogBody, ContentDialogCloseButton, ContentDialogContent, ContentDialogDescription, ContentDialogFooter, ContentDialogHeader, ContentDialogPositioner, ContentDialogRoot, ContentDialogTitle, ContentDialogTrigger, ContentPlaceholder_namespace_exports as ContentPlaceholder, ContentPlaceholderAsset, ContentPlaceholderRoot, ContextualFloatingButton, ContinuousDatePicker, ControlChip, Count, DatePicker, Dialog_namespace_exports as Dialog, DialogAction, DialogBackdrop, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPositioner, DialogRoot, DialogTitle, DialogTrigger, Divider, ExtendedActionSheet_namespace_exports as ExtendedActionSheet, ExtendedActionSheetBackdrop, ExtendedActionSheetCloseButton, ExtendedActionSheetContent, ExtendedActionSheetFooter, ExtendedActionSheetGroup, ExtendedActionSheetHeader, ExtendedActionSheetItem, ExtendedActionSheetList, ExtendedActionSheetPositioner, ExtendedActionSheetRoot, ExtendedActionSheetTitle, ExtendedActionSheetTrigger, ExtendedFab, Fab, Field_namespace_exports as Field, FieldButton_namespace_exports as FieldButton, FieldButtonButton, FieldButtonClearButton, FieldButtonControl, FieldButtonDescription, FieldButtonErrorMessage, FieldButtonFooter, FieldButtonHeader, FieldButtonHiddenInput, FieldButtonIndicatorText, FieldButtonLabel, FieldButtonPlaceholder, FieldButtonPrefixIcon, FieldButtonPrefixText, FieldButtonRequiredIndicator, FieldButtonRoot, FieldButtonSuffixIcon, FieldButtonSuffixText, FieldButtonValue, FieldCharacterCount, FieldDescription, FieldErrorMessage, FieldFooter, FieldHeader, FieldIndicatorText, FieldLabel, FieldRequiredIndicator, FieldRoot, Fieldset_namespace_exports as Fieldset, FieldsetDescription, FieldsetErrorMessage, FieldsetFooter, FieldsetHeader, FieldsetIndicatorText, FieldsetLabel, FieldsetRequiredIndicator, FieldsetRoot, Flex, Float, FloatingActionButton_namespace_exports as FloatingActionButton, FloatingActionButtonIcon, FloatingActionButtonLabel, FloatingActionButtonRoot, Footer_namespace_exports as Footer, FooterLinkText, Grid, GridItem, HStack, HelpBubble_namespace_exports as HelpBubble, HelpBubbleAnchor, HelpBubbleArrow, HelpBubbleArrowTip, HelpBubbleBody, HelpBubbleCloseButton, HelpBubbleContent, HelpBubbleDescription, HelpBubblePositioner, HelpBubblePositionerPortal, HelpBubbleRoot, HelpBubbleTitle, HelpBubbleTooltip_namespace_exports as HelpBubbleTooltip, HelpBubbleTooltipArrow, HelpBubbleTooltipArrowTip, HelpBubbleTooltipBody, HelpBubbleTooltipContent, HelpBubbleTooltipDelayGroup, HelpBubbleTooltipDescription, HelpBubbleTooltipPositioner, HelpBubbleTooltipPositionerPortal, HelpBubbleTooltipRoot, HelpBubbleTooltipTitle, HelpBubbleTooltipTrigger, HelpBubbleTrigger, Icon, IdentityPlaceholder_namespace_exports as IdentityPlaceholder, IdentityPlaceholderImage, IdentityPlaceholderRoot, ImageFrame, ImageFrameBadge, ImageFrameFloater, ImageFrameIcon, ImageFrameIndicator, ImageFrameReactionButton, Inline, InlineBanner_namespace_exports as InlineBanner, InlineBannerCloseButton, InlineBannerContent, InlineBannerDescription, InlineBannerLink, InlineBannerRoot, InlineBannerTitle, Layout_namespace_exports as Layout, LayoutContent, LayoutRoot, LinkContent, List_namespace_exports as List, ListContent, ListDetail, ListHeader, ListItem, ListPrefix, ListRoot, ListSuffix, ListTitle, LoadingIndicator, MannerTemp, MannerTempBadge, MannerTempEmote, Menu_namespace_exports as Menu, MenuAnchor, MenuContent, MenuGroup, MenuGroupLabel, MenuItem, MenuItemBody, MenuItemDescription, MenuItemLabel, MenuPositioner, MenuRoot, MenuScrollArea, MenuSheet_namespace_exports as MenuSheet, MenuSheetBackdrop, MenuSheetCloseButton, MenuSheetContent, MenuSheetDescription, MenuSheetFooter, MenuSheetGroup, MenuSheetHeader, MenuSheetItem, MenuSheetItemContent, MenuSheetItemDescription, MenuSheetItemLabel, MenuSheetList, MenuSheetPositioner, MenuSheetRoot, MenuSheetTitle, MenuSheetTrigger, MenuTrigger, NavigationMenu_namespace_exports as NavigationMenu, NavigationMenuContent, NavigationMenuGroup, NavigationMenuGroupLabel, NavigationMenuItem, NavigationMenuItemBody, NavigationMenuItemDescription, NavigationMenuItemLabel, NavigationMenuPositioner, NavigationMenuProvider, NavigationMenuRoot, NavigationMenuScrollArea, NavigationMenuTrigger, NotificationBadge, NotificationBadgePositioner, PageBanner_namespace_exports as PageBanner, PageBannerBody, PageBannerButton, PageBannerCloseButton, PageBannerContent, PageBannerDescription, PageBannerRoot, PageBannerTitle, Portal, PrefixIcon, ProgressCircle_namespace_exports as ProgressCircle, ProgressCircleRange, ProgressCircleRoot, ProgressCircleTrack, PullToRefresh_namespace_exports as PullToRefresh, PullToRefreshContent, PullToRefreshIndicator, PullToRefreshRoot, QuantityPicker_namespace_exports as QuantityPicker, QuantityPickerDecrementButton, QuantityPickerHiddenInput, QuantityPickerIncrementButton, QuantityPickerRoot, QuantityPickerValueDisplay, RadioGroup_namespace_exports as RadioGroup, RadioGroupField_namespace_exports as RadioGroupField, RadioGroupFieldDescription, RadioGroupFieldErrorMessage, RadioGroupFieldFooter, RadioGroupFieldHeader, RadioGroupFieldIndicatorText, RadioGroupFieldLabel, RadioGroupFieldRequiredIndicator, RadioGroupFieldRoot, RadioGroupItem, RadioGroupItemControl, RadioGroupItemHiddenInput, RadioGroupItemIndicator, RadioGroupItemLabel, RadioGroupRoot, RadioSelectBox_namespace_exports as RadioSelectBox, RadioSelectBoxBody, RadioSelectBoxContent, RadioSelectBoxDescription, RadioSelectBoxFooter, RadioSelectBoxGroup, RadioSelectBoxHiddenInput, RadioSelectBoxItem, RadioSelectBoxLabel, RadioSelectBoxTrigger, ReactionButton, ResponsiveDialog_namespace_exports as ResponsiveDialog, ResponsiveDialogAction, ResponsiveDialogBackdrop, ResponsiveDialogBody, ResponsiveDialogCloseButton, ResponsiveDialogContent, ResponsiveDialogDescription, ResponsiveDialogFooter, ResponsiveDialogHandle, ResponsiveDialogHeader, ResponsiveDialogPositioner, ResponsiveDialogRoot, ResponsiveDialogTitle, ResponsiveDialogTrigger, ResponsivePair, ResponsiveSidePanel_namespace_exports as ResponsiveSidePanel, ResponsiveSidePanelBackdrop, ResponsiveSidePanelBody, ResponsiveSidePanelCloseButton, ResponsiveSidePanelContent, ResponsiveSidePanelDescription, ResponsiveSidePanelFooter, ResponsiveSidePanelHandle, ResponsiveSidePanelHeader, ResponsiveSidePanelPositioner, ResponsiveSidePanelRoot, ResponsiveSidePanelTitle, ResponsiveSidePanelTrigger, ScrollFog, SegmentedControl_namespace_exports as SegmentedControl, SegmentedControlIndicator, SegmentedControlItem, SegmentedControlItemHiddenInput, SegmentedControlRoot, Select_namespace_exports as Select, SelectContent, SelectGroup, SelectGroupLabel, SelectHiddenSelect, SelectItem, SelectItemBody, SelectItemDescription, SelectItemIndicator, SelectItemLabel, SelectItemPrefixIcon, SelectPlaceholder, SelectPositioner, SelectPrefixIcon, SelectRoot, SelectScrollArea, SelectSuffixIcon, SelectTrigger, SelectValue, SideNavigation_namespace_exports as SideNavigation, SideNavigationContent, SideNavigationFooter, SideNavigationGroup, SideNavigationGroupLabel, SideNavigationHeader, SideNavigationInset, SideNavigationItem, SideNavigationItemCollapsibleContent, SideNavigationItemCollapsibleRoot, SideNavigationItemCollapsibleTrigger, SideNavigationItemLabel, SideNavigationItemPrefixIcon, SideNavigationItemSuffixIcon, SideNavigationProvider, SideNavigationRoot, SideNavigationTrigger, SidePanel_namespace_exports as SidePanel, SidePanelBackdrop, SidePanelBody, SidePanelCloseButton, SidePanelContent, SidePanelDescription, SidePanelFooter, SidePanelHeader, SidePanelPositioner, SidePanelRoot, SidePanelTitle, SidePanelTrigger, Skeleton, Slider_namespace_exports as Slider, SliderControl, SliderHiddenInput, SliderMarker, SliderMarkers, SliderRange, SliderRoot, SliderThumb, SliderTick, SliderTrack, SliderValueIndicatorArrow, SliderValueIndicatorArrowTip, SliderValueIndicatorLabel, SliderValueIndicatorRoot, Snackbar_namespace_exports as Snackbar, SnackbarActionButton, SnackbarAvoidOverlap, SnackbarHiddenCloseButton, SnackbarMessage, SnackbarPrefixIcon, SnackbarRegion, SnackbarRenderer, SnackbarRoot, SnackbarRootProvider, Stack, SuffixIcon, SwipeableMenuSheet_namespace_exports as SwipeableMenuSheet, SwipeableMenuSheetBackdrop, SwipeableMenuSheetCloseButton, SwipeableMenuSheetContent, SwipeableMenuSheetDescription, SwipeableMenuSheetFooter, SwipeableMenuSheetGroup, SwipeableMenuSheetHandle, SwipeableMenuSheetHeader, SwipeableMenuSheetItem, SwipeableMenuSheetItemContent, SwipeableMenuSheetItemDescription, SwipeableMenuSheetItemLabel, SwipeableMenuSheetList, SwipeableMenuSheetPositioner, SwipeableMenuSheetRoot, SwipeableMenuSheetTitle, SwipeableMenuSheetTrigger, Switch_namespace_exports as Switch, SwitchControl, SwitchHiddenInput, SwitchLabel, SwitchRoot, SwitchThumb, Tabs_namespace_exports as Tabs, TabsCarousel, TabsCarouselCamera, TabsContent, TabsIndicator, TabsList, TabsRoot, TabsTrigger, TagGroup_namespace_exports as TagGroup, TagGroupItem, TagGroupItemLabel, TagGroupRoot, Text, TextField_namespace_exports as TextField, TextFieldInput, TextFieldPrefixIcon, TextFieldPrefixText, TextFieldRoot, TextFieldSuffixIcon, TextFieldSuffixText, TextFieldTextarea, TimePicker, ToggleButton, TwoMonthDatePicker, VStack, VisuallyHidden, WeekDatePicker, compareDates, dateKey, dateOnOrAfter, dateOnOrBefore, excludeDates, isSameDate, maxSelectionCount, pullToRefreshPreventPull, rangeDayCountAtLeast, rangeDayCountAtMost, tabsCarouselPreventDrag, useResponsiveDialogContext, useResponsiveSidePanelContext, useSnackbarAdapter, useSnackbarContext, useTextFieldWithGraphemes };
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
"use client";
|
|
3
|
+
const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
|
|
4
|
+
const require_ScrollFog = require("../ScrollFog/ScrollFog.cjs");
|
|
5
|
+
let _seed_design_react_primitive = require("@seed-design/react-primitive");
|
|
6
|
+
let clsx = require("clsx");
|
|
7
|
+
clsx = require_runtime.__toESM(clsx);
|
|
8
|
+
let react = require("react");
|
|
9
|
+
react = require_runtime.__toESM(react);
|
|
10
|
+
let react_jsx_runtime = require("react/jsx-runtime");
|
|
11
|
+
let _seed_design_css_recipes_wheel_picker = require("@seed-design/css/recipes/wheel-picker");
|
|
12
|
+
let _seed_design_react_wheel_picker = require("@seed-design/react-wheel-picker");
|
|
13
|
+
_seed_design_react_wheel_picker = require_runtime.__toESM(_seed_design_react_wheel_picker);
|
|
14
|
+
//#region src/components/private/WheelPicker.tsx
|
|
15
|
+
var classNames = (0, _seed_design_css_recipes_wheel_picker.wheelPicker)();
|
|
16
|
+
var InternalWheelPickerRoot = react.forwardRef(({ children, className, columnsClassName, scrollFogClassName, selectionIndicatorClassName, fogSize, itemSize, visibleItemCount, style, ...props }, ref) => {
|
|
17
|
+
const centerOffset = (visibleItemCount - 1) / 2 * itemSize;
|
|
18
|
+
const wheelPickerStyle = {
|
|
19
|
+
...style,
|
|
20
|
+
"--seed-wheel-picker-item-size": `${itemSize}px`,
|
|
21
|
+
"--seed-wheel-picker-visible-item-count": visibleItemCount,
|
|
22
|
+
"--seed-wheel-picker-viewport-size": `${itemSize * visibleItemCount}px`,
|
|
23
|
+
"--seed-wheel-picker-center-offset": `${centerOffset}px`
|
|
24
|
+
};
|
|
25
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_seed_design_react_wheel_picker.WheelPickerRoot, {
|
|
26
|
+
ref,
|
|
27
|
+
itemSize,
|
|
28
|
+
visibleItemCount,
|
|
29
|
+
className: (0, clsx.default)(classNames.root, className),
|
|
30
|
+
style: wheelPickerStyle,
|
|
31
|
+
...props,
|
|
32
|
+
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_primitive.Primitive.div, {
|
|
33
|
+
"aria-hidden": true,
|
|
34
|
+
className: (0, clsx.default)(classNames.selectionIndicator, selectionIndicatorClassName),
|
|
35
|
+
"data-wheel-picker-indicator": ""
|
|
36
|
+
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ScrollFog.ScrollFog, {
|
|
37
|
+
className: (0, clsx.default)(classNames.scrollFog, scrollFogClassName),
|
|
38
|
+
placement: ["top", "bottom"],
|
|
39
|
+
size: fogSize,
|
|
40
|
+
hideScrollBar: true,
|
|
41
|
+
"data-wheel-picker-scroll-fog": "",
|
|
42
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_primitive.Primitive.div, {
|
|
43
|
+
className: (0, clsx.default)(classNames.columns, columnsClassName),
|
|
44
|
+
"data-wheel-picker-columns": "",
|
|
45
|
+
children
|
|
46
|
+
})
|
|
47
|
+
})]
|
|
48
|
+
});
|
|
49
|
+
});
|
|
50
|
+
InternalWheelPickerRoot.displayName = "InternalWheelPickerRoot";
|
|
51
|
+
var InternalWheelPickerColumn = react.forwardRef(({ className, itemClassName, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_wheel_picker.WheelPickerColumn, {
|
|
52
|
+
ref,
|
|
53
|
+
className: (0, clsx.default)(classNames.column, className),
|
|
54
|
+
renderOption: (option, optionProps) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_primitive.Primitive.div, {
|
|
55
|
+
className: (0, clsx.default)(classNames.item, itemClassName),
|
|
56
|
+
...optionProps,
|
|
57
|
+
children: option.label
|
|
58
|
+
}),
|
|
59
|
+
...props
|
|
60
|
+
}));
|
|
61
|
+
InternalWheelPickerColumn.displayName = "InternalWheelPickerColumn";
|
|
62
|
+
//#endregion
|
|
63
|
+
exports.InternalWheelPickerColumn = InternalWheelPickerColumn;
|
|
64
|
+
exports.InternalWheelPickerRoot = InternalWheelPickerRoot;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { ScrollFogProps } from '../ScrollFog/ScrollFog';
|
|
2
|
+
import * as HeadlessWheelPicker from "@seed-design/react-wheel-picker";
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
export interface InternalWheelPickerRootProps extends Omit<HeadlessWheelPicker.WheelPickerRootProps, "asChild" | "children"> {
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
columnsClassName?: string;
|
|
7
|
+
scrollFogClassName?: string;
|
|
8
|
+
selectionIndicatorClassName?: string;
|
|
9
|
+
fogSize?: ScrollFogProps["size"];
|
|
10
|
+
}
|
|
11
|
+
export declare const InternalWheelPickerRoot: React.ForwardRefExoticComponent<InternalWheelPickerRootProps & React.RefAttributes<HTMLDivElement>>;
|
|
12
|
+
export interface InternalWheelPickerColumnProps extends Omit<HeadlessWheelPicker.WheelPickerColumnProps, "asChild" | "renderOption"> {
|
|
13
|
+
itemClassName?: string;
|
|
14
|
+
}
|
|
15
|
+
export declare const InternalWheelPickerColumn: React.ForwardRefExoticComponent<InternalWheelPickerColumnProps & React.RefAttributes<HTMLDivElement>>;
|
|
16
|
+
//# sourceMappingURL=WheelPicker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"WheelPicker.d.ts","sourceRoot":"","sources":["../../../src/components/private/WheelPicker.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,mBAAmB,MAAM,iCAAiC,CAAC;AAEvE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAWxE,MAAM,WAAW,4BACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,oBAAoB,EAAE,SAAS,GAAG,UAAU,CAAC;IAC9E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,OAAO,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;CAClC;AAED,eAAO,MAAM,uBAAuB,qGA2DnC,CAAC;AAGF,MAAM,WAAW,8BACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,sBAAsB,EAAE,SAAS,GAAG,cAAc,CAAC;IACpF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,yBAAyB,uGAcpC,CAAC"}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
"use client";
|
|
3
|
+
import { ScrollFog } from "../ScrollFog/ScrollFog.js";
|
|
4
|
+
import { Primitive } from "@seed-design/react-primitive";
|
|
5
|
+
import clsx$1 from "clsx";
|
|
6
|
+
import * as React$1 from "react";
|
|
7
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
8
|
+
import { wheelPicker } from "@seed-design/css/recipes/wheel-picker";
|
|
9
|
+
import * as HeadlessWheelPicker from "@seed-design/react-wheel-picker";
|
|
10
|
+
//#region src/components/private/WheelPicker.tsx
|
|
11
|
+
var classNames = wheelPicker();
|
|
12
|
+
var InternalWheelPickerRoot = React$1.forwardRef(({ children, className, columnsClassName, scrollFogClassName, selectionIndicatorClassName, fogSize, itemSize, visibleItemCount, style, ...props }, ref) => {
|
|
13
|
+
const centerOffset = (visibleItemCount - 1) / 2 * itemSize;
|
|
14
|
+
const wheelPickerStyle = {
|
|
15
|
+
...style,
|
|
16
|
+
"--seed-wheel-picker-item-size": `${itemSize}px`,
|
|
17
|
+
"--seed-wheel-picker-visible-item-count": visibleItemCount,
|
|
18
|
+
"--seed-wheel-picker-viewport-size": `${itemSize * visibleItemCount}px`,
|
|
19
|
+
"--seed-wheel-picker-center-offset": `${centerOffset}px`
|
|
20
|
+
};
|
|
21
|
+
return /* @__PURE__ */ jsxs(HeadlessWheelPicker.WheelPickerRoot, {
|
|
22
|
+
ref,
|
|
23
|
+
itemSize,
|
|
24
|
+
visibleItemCount,
|
|
25
|
+
className: clsx$1(classNames.root, className),
|
|
26
|
+
style: wheelPickerStyle,
|
|
27
|
+
...props,
|
|
28
|
+
children: [/* @__PURE__ */ jsx(Primitive.div, {
|
|
29
|
+
"aria-hidden": true,
|
|
30
|
+
className: clsx$1(classNames.selectionIndicator, selectionIndicatorClassName),
|
|
31
|
+
"data-wheel-picker-indicator": ""
|
|
32
|
+
}), /* @__PURE__ */ jsx(ScrollFog, {
|
|
33
|
+
className: clsx$1(classNames.scrollFog, scrollFogClassName),
|
|
34
|
+
placement: ["top", "bottom"],
|
|
35
|
+
size: fogSize,
|
|
36
|
+
hideScrollBar: true,
|
|
37
|
+
"data-wheel-picker-scroll-fog": "",
|
|
38
|
+
children: /* @__PURE__ */ jsx(Primitive.div, {
|
|
39
|
+
className: clsx$1(classNames.columns, columnsClassName),
|
|
40
|
+
"data-wheel-picker-columns": "",
|
|
41
|
+
children
|
|
42
|
+
})
|
|
43
|
+
})]
|
|
44
|
+
});
|
|
45
|
+
});
|
|
46
|
+
InternalWheelPickerRoot.displayName = "InternalWheelPickerRoot";
|
|
47
|
+
var InternalWheelPickerColumn = React$1.forwardRef(({ className, itemClassName, ...props }, ref) => /* @__PURE__ */ jsx(HeadlessWheelPicker.WheelPickerColumn, {
|
|
48
|
+
ref,
|
|
49
|
+
className: clsx$1(classNames.column, className),
|
|
50
|
+
renderOption: (option, optionProps) => /* @__PURE__ */ jsx(Primitive.div, {
|
|
51
|
+
className: clsx$1(classNames.item, itemClassName),
|
|
52
|
+
...optionProps,
|
|
53
|
+
children: option.label
|
|
54
|
+
}),
|
|
55
|
+
...props
|
|
56
|
+
}));
|
|
57
|
+
InternalWheelPickerColumn.displayName = "InternalWheelPickerColumn";
|
|
58
|
+
//#endregion
|
|
59
|
+
export { InternalWheelPickerColumn, InternalWheelPickerRoot };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"WheelPicker.test.d.ts","sourceRoot":"","sources":["../../../src/components/private/WheelPicker.test.tsx"],"names":[],"mappings":""}
|
package/lib/index.cjs
CHANGED
|
@@ -33,6 +33,8 @@ const require_ContentPlaceholder_namespace = require("./components/ContentPlaceh
|
|
|
33
33
|
const require_ContextualFloatingButton = require("./components/ContextualFloatingButton/ContextualFloatingButton.cjs");
|
|
34
34
|
const require_ControlChip = require("./components/ControlChip/ControlChip.cjs");
|
|
35
35
|
const require_Count = require("./components/Count/Count.cjs");
|
|
36
|
+
const require_ScrollFog = require("./components/ScrollFog/ScrollFog.cjs");
|
|
37
|
+
const require_DatePicker = require("./components/DatePicker/DatePicker.cjs");
|
|
36
38
|
const require_Dialog = require("./components/Dialog/Dialog.cjs");
|
|
37
39
|
const require_Dialog_namespace = require("./components/Dialog/Dialog.namespace.cjs");
|
|
38
40
|
const require_Divider = require("./components/Divider/Divider.cjs");
|
|
@@ -113,7 +115,6 @@ const require_SidePanel = require("./components/SidePanel/SidePanel.cjs");
|
|
|
113
115
|
const require_SidePanel_namespace = require("./components/SidePanel/SidePanel.namespace.cjs");
|
|
114
116
|
const require_ResponsiveSidePanel = require("./components/ResponsiveSidePanel/ResponsiveSidePanel.cjs");
|
|
115
117
|
const require_ResponsiveSidePanel_namespace = require("./components/ResponsiveSidePanel/ResponsiveSidePanel.namespace.cjs");
|
|
116
|
-
const require_ScrollFog = require("./components/ScrollFog/ScrollFog.cjs");
|
|
117
118
|
const require_SegmentedControl = require("./components/SegmentedControl/SegmentedControl.cjs");
|
|
118
119
|
const require_SegmentedControl_namespace = require("./components/SegmentedControl/SegmentedControl.namespace.cjs");
|
|
119
120
|
const require_Select = require("./components/Select/Select.cjs");
|
|
@@ -142,10 +143,12 @@ const require_Text = require("./components/Text/Text.cjs");
|
|
|
142
143
|
const require_TextField = require("./components/TextField/TextField.cjs");
|
|
143
144
|
const require_useTextFieldWithGraphemes = require("./components/TextField/useTextFieldWithGraphemes.cjs");
|
|
144
145
|
const require_TextField_namespace = require("./components/TextField/TextField.namespace.cjs");
|
|
146
|
+
const require_TimePicker = require("./components/TimePicker/TimePicker.cjs");
|
|
145
147
|
const require_ToggleButton = require("./components/ToggleButton/ToggleButton.cjs");
|
|
146
148
|
const require_VisuallyHidden = require("./components/VisuallyHidden/VisuallyHidden.cjs");
|
|
147
149
|
const require_BreakpointProvider = require("./providers/BreakpointProvider.cjs");
|
|
148
150
|
let _seed_design_react_portal = require("@seed-design/react-portal");
|
|
151
|
+
let _seed_design_react_date_picker = require("@seed-design/react-date-picker");
|
|
149
152
|
let _seed_design_react_pull_to_refresh = require("@seed-design/react-pull-to-refresh");
|
|
150
153
|
let _seed_design_react_tabs = require("@seed-design/react-tabs");
|
|
151
154
|
let _seed_design_react_snackbar = require("@seed-design/react-snackbar");
|
|
@@ -367,8 +370,10 @@ Object.defineProperty(exports, "ContentPlaceholder", {
|
|
|
367
370
|
exports.ContentPlaceholderAsset = require_ContentPlaceholder.ContentPlaceholderAsset;
|
|
368
371
|
exports.ContentPlaceholderRoot = require_ContentPlaceholder.ContentPlaceholderRoot;
|
|
369
372
|
exports.ContextualFloatingButton = require_ContextualFloatingButton.ContextualFloatingButton;
|
|
373
|
+
exports.ContinuousDatePicker = require_DatePicker.ContinuousDatePicker;
|
|
370
374
|
exports.ControlChip = require_ControlChip.ControlChip;
|
|
371
375
|
exports.Count = require_Count.Count;
|
|
376
|
+
exports.DatePicker = require_DatePicker.DatePicker;
|
|
372
377
|
Object.defineProperty(exports, "Dialog", {
|
|
373
378
|
enumerable: true,
|
|
374
379
|
get: function() {
|
|
@@ -940,15 +945,72 @@ exports.TextFieldRoot = require_TextField.TextFieldRoot;
|
|
|
940
945
|
exports.TextFieldSuffixIcon = require_TextField.TextFieldSuffixIcon;
|
|
941
946
|
exports.TextFieldSuffixText = require_TextField.TextFieldSuffixText;
|
|
942
947
|
exports.TextFieldTextarea = require_TextField.TextFieldTextarea;
|
|
948
|
+
exports.TimePicker = require_TimePicker.TimePicker;
|
|
943
949
|
exports.ToggleButton = require_ToggleButton.ToggleButton;
|
|
950
|
+
exports.TwoMonthDatePicker = require_DatePicker.TwoMonthDatePicker;
|
|
944
951
|
exports.VStack = require_Stack.VStack;
|
|
945
952
|
exports.VisuallyHidden = require_VisuallyHidden.VisuallyHidden;
|
|
953
|
+
exports.WeekDatePicker = require_DatePicker.WeekDatePicker;
|
|
954
|
+
Object.defineProperty(exports, "compareDates", {
|
|
955
|
+
enumerable: true,
|
|
956
|
+
get: function() {
|
|
957
|
+
return _seed_design_react_date_picker.compareDates;
|
|
958
|
+
}
|
|
959
|
+
});
|
|
960
|
+
Object.defineProperty(exports, "dateKey", {
|
|
961
|
+
enumerable: true,
|
|
962
|
+
get: function() {
|
|
963
|
+
return _seed_design_react_date_picker.dateKey;
|
|
964
|
+
}
|
|
965
|
+
});
|
|
966
|
+
Object.defineProperty(exports, "dateOnOrAfter", {
|
|
967
|
+
enumerable: true,
|
|
968
|
+
get: function() {
|
|
969
|
+
return _seed_design_react_date_picker.dateOnOrAfter;
|
|
970
|
+
}
|
|
971
|
+
});
|
|
972
|
+
Object.defineProperty(exports, "dateOnOrBefore", {
|
|
973
|
+
enumerable: true,
|
|
974
|
+
get: function() {
|
|
975
|
+
return _seed_design_react_date_picker.dateOnOrBefore;
|
|
976
|
+
}
|
|
977
|
+
});
|
|
978
|
+
Object.defineProperty(exports, "excludeDates", {
|
|
979
|
+
enumerable: true,
|
|
980
|
+
get: function() {
|
|
981
|
+
return _seed_design_react_date_picker.excludeDates;
|
|
982
|
+
}
|
|
983
|
+
});
|
|
984
|
+
Object.defineProperty(exports, "isSameDate", {
|
|
985
|
+
enumerable: true,
|
|
986
|
+
get: function() {
|
|
987
|
+
return _seed_design_react_date_picker.isSameDate;
|
|
988
|
+
}
|
|
989
|
+
});
|
|
990
|
+
Object.defineProperty(exports, "maxSelectionCount", {
|
|
991
|
+
enumerable: true,
|
|
992
|
+
get: function() {
|
|
993
|
+
return _seed_design_react_date_picker.maxSelectionCount;
|
|
994
|
+
}
|
|
995
|
+
});
|
|
946
996
|
Object.defineProperty(exports, "pullToRefreshPreventPull", {
|
|
947
997
|
enumerable: true,
|
|
948
998
|
get: function() {
|
|
949
999
|
return _seed_design_react_pull_to_refresh.pullToRefreshPreventPull;
|
|
950
1000
|
}
|
|
951
1001
|
});
|
|
1002
|
+
Object.defineProperty(exports, "rangeDayCountAtLeast", {
|
|
1003
|
+
enumerable: true,
|
|
1004
|
+
get: function() {
|
|
1005
|
+
return _seed_design_react_date_picker.rangeDayCountAtLeast;
|
|
1006
|
+
}
|
|
1007
|
+
});
|
|
1008
|
+
Object.defineProperty(exports, "rangeDayCountAtMost", {
|
|
1009
|
+
enumerable: true,
|
|
1010
|
+
get: function() {
|
|
1011
|
+
return _seed_design_react_date_picker.rangeDayCountAtMost;
|
|
1012
|
+
}
|
|
1013
|
+
});
|
|
952
1014
|
Object.defineProperty(exports, "tabsCarouselPreventDrag", {
|
|
953
1015
|
enumerable: true,
|
|
954
1016
|
get: function() {
|