@cdx-ui/components 0.0.1-beta.140 → 0.0.1-beta.141
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/commonjs/components/BottomSheet/index.js +8 -2
- package/lib/commonjs/components/BottomSheet/index.js.map +1 -1
- package/lib/commonjs/components/Calendar/CalendarMonthHeader.js +96 -0
- package/lib/commonjs/components/Calendar/CalendarMonthHeader.js.map +1 -0
- package/lib/commonjs/components/Calendar/CalendarYearPickerGrid.js +74 -0
- package/lib/commonjs/components/Calendar/CalendarYearPickerGrid.js.map +1 -0
- package/lib/commonjs/components/Calendar/flashCalendarAdapter.js +298 -0
- package/lib/commonjs/components/Calendar/flashCalendarAdapter.js.map +1 -0
- package/lib/commonjs/components/Calendar/index.js +149 -0
- package/lib/commonjs/components/Calendar/index.js.map +1 -0
- package/lib/commonjs/components/Calendar/styles.js +70 -0
- package/lib/commonjs/components/Calendar/styles.js.map +1 -0
- package/lib/commonjs/components/DateField/index.js +147 -0
- package/lib/commonjs/components/DateField/index.js.map +1 -0
- package/lib/commonjs/components/DateField/styles.js +34 -0
- package/lib/commonjs/components/DateField/styles.js.map +1 -0
- package/lib/commonjs/components/DatePicker/index.js +163 -0
- package/lib/commonjs/components/DatePicker/index.js.map +1 -0
- package/lib/commonjs/components/DateRangePicker/index.js +177 -0
- package/lib/commonjs/components/DateRangePicker/index.js.map +1 -0
- package/lib/commonjs/components/DateTimeField/index.js +96 -0
- package/lib/commonjs/components/DateTimeField/index.js.map +1 -0
- package/lib/commonjs/components/DateTimeList/index.js +180 -0
- package/lib/commonjs/components/DateTimeList/index.js.map +1 -0
- package/lib/commonjs/components/DateTimeList/styles.js +55 -0
- package/lib/commonjs/components/DateTimeList/styles.js.map +1 -0
- package/lib/commonjs/components/DateTimePicker/index.js +187 -0
- package/lib/commonjs/components/DateTimePicker/index.js.map +1 -0
- package/lib/commonjs/components/MonthCalendar/index.js +229 -0
- package/lib/commonjs/components/MonthCalendar/index.js.map +1 -0
- package/lib/commonjs/components/MonthPicker/index.js +163 -0
- package/lib/commonjs/components/MonthPicker/index.js.map +1 -0
- package/lib/commonjs/components/RangeCalendar/index.js +165 -0
- package/lib/commonjs/components/RangeCalendar/index.js.map +1 -0
- package/lib/commonjs/components/index.js +120 -0
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/commonjs/components/picker/PickerTrigger.js +49 -0
- package/lib/commonjs/components/picker/PickerTrigger.js.map +1 -0
- package/lib/commonjs/components/picker/styles.js +15 -0
- package/lib/commonjs/components/picker/styles.js.map +1 -0
- package/lib/commonjs/components/picker/surfaces.js +141 -0
- package/lib/commonjs/components/picker/surfaces.js.map +1 -0
- package/lib/module/components/BottomSheet/index.js +8 -2
- package/lib/module/components/BottomSheet/index.js.map +1 -1
- package/lib/module/components/Calendar/CalendarMonthHeader.js +92 -0
- package/lib/module/components/Calendar/CalendarMonthHeader.js.map +1 -0
- package/lib/module/components/Calendar/CalendarYearPickerGrid.js +70 -0
- package/lib/module/components/Calendar/CalendarYearPickerGrid.js.map +1 -0
- package/lib/module/components/Calendar/flashCalendarAdapter.js +290 -0
- package/lib/module/components/Calendar/flashCalendarAdapter.js.map +1 -0
- package/lib/module/components/Calendar/index.js +145 -0
- package/lib/module/components/Calendar/index.js.map +1 -0
- package/lib/module/components/Calendar/styles.js +66 -0
- package/lib/module/components/Calendar/styles.js.map +1 -0
- package/lib/module/components/DateField/index.js +143 -0
- package/lib/module/components/DateField/index.js.map +1 -0
- package/lib/module/components/DateField/styles.js +30 -0
- package/lib/module/components/DateField/styles.js.map +1 -0
- package/lib/module/components/DatePicker/index.js +159 -0
- package/lib/module/components/DatePicker/index.js.map +1 -0
- package/lib/module/components/DateRangePicker/index.js +173 -0
- package/lib/module/components/DateRangePicker/index.js.map +1 -0
- package/lib/module/components/DateTimeField/index.js +92 -0
- package/lib/module/components/DateTimeField/index.js.map +1 -0
- package/lib/module/components/DateTimeList/index.js +176 -0
- package/lib/module/components/DateTimeList/index.js.map +1 -0
- package/lib/module/components/DateTimeList/styles.js +52 -0
- package/lib/module/components/DateTimeList/styles.js.map +1 -0
- package/lib/module/components/DateTimePicker/index.js +183 -0
- package/lib/module/components/DateTimePicker/index.js.map +1 -0
- package/lib/module/components/MonthCalendar/index.js +225 -0
- package/lib/module/components/MonthCalendar/index.js.map +1 -0
- package/lib/module/components/MonthPicker/index.js +159 -0
- package/lib/module/components/MonthPicker/index.js.map +1 -0
- package/lib/module/components/RangeCalendar/index.js +161 -0
- package/lib/module/components/RangeCalendar/index.js.map +1 -0
- package/lib/module/components/index.js +10 -0
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/components/picker/PickerTrigger.js +45 -0
- package/lib/module/components/picker/PickerTrigger.js.map +1 -0
- package/lib/module/components/picker/styles.js +12 -0
- package/lib/module/components/picker/styles.js.map +1 -0
- package/lib/module/components/picker/surfaces.js +135 -0
- package/lib/module/components/picker/surfaces.js.map +1 -0
- package/lib/typescript/components/BottomSheet/index.d.ts +2 -2
- package/lib/typescript/components/BottomSheet/index.d.ts.map +1 -1
- package/lib/typescript/components/Calendar/CalendarMonthHeader.d.ts +14 -0
- package/lib/typescript/components/Calendar/CalendarMonthHeader.d.ts.map +1 -0
- package/lib/typescript/components/Calendar/CalendarYearPickerGrid.d.ts +12 -0
- package/lib/typescript/components/Calendar/CalendarYearPickerGrid.d.ts.map +1 -0
- package/lib/typescript/components/Calendar/flashCalendarAdapter.d.ts +18 -0
- package/lib/typescript/components/Calendar/flashCalendarAdapter.d.ts.map +1 -0
- package/lib/typescript/components/Calendar/index.d.ts +19 -0
- package/lib/typescript/components/Calendar/index.d.ts.map +1 -0
- package/lib/typescript/components/Calendar/styles.d.ts +23 -0
- package/lib/typescript/components/Calendar/styles.d.ts.map +1 -0
- package/lib/typescript/components/DateField/index.d.ts +43 -0
- package/lib/typescript/components/DateField/index.d.ts.map +1 -0
- package/lib/typescript/components/DateField/styles.d.ts +15 -0
- package/lib/typescript/components/DateField/styles.d.ts.map +1 -0
- package/lib/typescript/components/DatePicker/index.d.ts +40 -0
- package/lib/typescript/components/DatePicker/index.d.ts.map +1 -0
- package/lib/typescript/components/DateRangePicker/index.d.ts +45 -0
- package/lib/typescript/components/DateRangePicker/index.d.ts.map +1 -0
- package/lib/typescript/components/DateTimeField/index.d.ts +29 -0
- package/lib/typescript/components/DateTimeField/index.d.ts.map +1 -0
- package/lib/typescript/components/DateTimeList/index.d.ts +19 -0
- package/lib/typescript/components/DateTimeList/index.d.ts.map +1 -0
- package/lib/typescript/components/DateTimeList/styles.d.ts +17 -0
- package/lib/typescript/components/DateTimeList/styles.d.ts.map +1 -0
- package/lib/typescript/components/DateTimePicker/index.d.ts +40 -0
- package/lib/typescript/components/DateTimePicker/index.d.ts.map +1 -0
- package/lib/typescript/components/MonthCalendar/index.d.ts +29 -0
- package/lib/typescript/components/MonthCalendar/index.d.ts.map +1 -0
- package/lib/typescript/components/MonthPicker/index.d.ts +40 -0
- package/lib/typescript/components/MonthPicker/index.d.ts.map +1 -0
- package/lib/typescript/components/RangeCalendar/index.d.ts +19 -0
- package/lib/typescript/components/RangeCalendar/index.d.ts.map +1 -0
- package/lib/typescript/components/index.d.ts +10 -0
- package/lib/typescript/components/index.d.ts.map +1 -1
- package/lib/typescript/components/picker/PickerTrigger.d.ts +25 -0
- package/lib/typescript/components/picker/PickerTrigger.d.ts.map +1 -0
- package/lib/typescript/components/picker/styles.d.ts +4 -0
- package/lib/typescript/components/picker/styles.d.ts.map +1 -0
- package/lib/typescript/components/picker/surfaces.d.ts +28 -0
- package/lib/typescript/components/picker/surfaces.d.ts.map +1 -0
- package/package.json +6 -4
- package/src/components/BottomSheet/index.tsx +7 -1
- package/src/components/Calendar/CalendarMonthHeader.tsx +124 -0
- package/src/components/Calendar/CalendarYearPickerGrid.tsx +101 -0
- package/src/components/Calendar/flashCalendarAdapter.ts +362 -0
- package/src/components/Calendar/index.tsx +151 -0
- package/src/components/Calendar/styles.ts +80 -0
- package/src/components/DateField/index.tsx +196 -0
- package/src/components/DateField/styles.ts +51 -0
- package/src/components/DatePicker/index.tsx +187 -0
- package/src/components/DateRangePicker/index.tsx +202 -0
- package/src/components/DateTimeField/index.tsx +128 -0
- package/src/components/DateTimeList/index.tsx +187 -0
- package/src/components/DateTimeList/styles.ts +59 -0
- package/src/components/DateTimePicker/index.tsx +233 -0
- package/src/components/MonthCalendar/index.tsx +252 -0
- package/src/components/MonthPicker/index.tsx +188 -0
- package/src/components/RangeCalendar/index.tsx +162 -0
- package/src/components/index.ts +10 -0
- package/src/components/picker/PickerTrigger.tsx +65 -0
- package/src/components/picker/styles.ts +17 -0
- package/src/components/picker/surfaces.tsx +174 -0
|
@@ -0,0 +1,161 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { forwardRef, useCallback, useId, useMemo } from 'react';
|
|
4
|
+
import { View } from 'react-native';
|
|
5
|
+
import { Calendar as FlashCalendar } from '@marceloterreiro/flash-calendar';
|
|
6
|
+
import { dataAttributes, mergeDataAttributes, RangeCalendarRoot as RangeCalendarRootPrimitive, useRangeCalendarContext } from '@cdx-ui/primitives';
|
|
7
|
+
import { cn } from '@cdx-ui/utils';
|
|
8
|
+
import { CalendarMonthHeader } from '../Calendar/CalendarMonthHeader';
|
|
9
|
+
import { CalendarYearPickerGrid } from '../Calendar/CalendarYearPickerGrid';
|
|
10
|
+
import { FLASH_CALENDAR_DAY_HEIGHT, FLASH_CALENDAR_RANGE_DAY_SPACING, formatFlashCalendarWeekdayShort, toCalendarDateId, useFlashCalendarRangeTheme } from '../Calendar/flashCalendarAdapter';
|
|
11
|
+
import { calendarRootVariants } from '../Calendar/styles';
|
|
12
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
function RangeCalendarDefaultBody() {
|
|
14
|
+
const {
|
|
15
|
+
view
|
|
16
|
+
} = useRangeCalendarContext();
|
|
17
|
+
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
18
|
+
children: [/*#__PURE__*/_jsx(RangeCalendarHeader, {}), view === 'year' ? /*#__PURE__*/_jsx(RangeCalendarYearPicker, {}) : /*#__PURE__*/_jsx(RangeCalendarGrid, {})]
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
const RangeCalendarRoot = /*#__PURE__*/forwardRef(({
|
|
22
|
+
className,
|
|
23
|
+
children,
|
|
24
|
+
style,
|
|
25
|
+
...props
|
|
26
|
+
}, ref) => /*#__PURE__*/_jsx(RangeCalendarRootPrimitive, {
|
|
27
|
+
ref: ref,
|
|
28
|
+
className: cn(calendarRootVariants(), className),
|
|
29
|
+
style: style,
|
|
30
|
+
...props,
|
|
31
|
+
...mergeDataAttributes(props, dataAttributes({
|
|
32
|
+
slot: 'range-calendar'
|
|
33
|
+
})),
|
|
34
|
+
children: children ?? /*#__PURE__*/_jsx(RangeCalendarDefaultBody, {})
|
|
35
|
+
}));
|
|
36
|
+
RangeCalendarRoot.displayName = 'RangeCalendar';
|
|
37
|
+
const RangeCalendarHeader = /*#__PURE__*/forwardRef(({
|
|
38
|
+
className,
|
|
39
|
+
style,
|
|
40
|
+
...props
|
|
41
|
+
}, ref) => {
|
|
42
|
+
const {
|
|
43
|
+
monthId,
|
|
44
|
+
onMonthIdChange,
|
|
45
|
+
disabled,
|
|
46
|
+
view,
|
|
47
|
+
setView,
|
|
48
|
+
locale,
|
|
49
|
+
labels
|
|
50
|
+
} = useRangeCalendarContext();
|
|
51
|
+
return /*#__PURE__*/_jsx(CalendarMonthHeader, {
|
|
52
|
+
ref: ref,
|
|
53
|
+
monthId: monthId,
|
|
54
|
+
onMonthIdChange: onMonthIdChange,
|
|
55
|
+
disabled: disabled,
|
|
56
|
+
view: view,
|
|
57
|
+
onViewChange: setView,
|
|
58
|
+
locale: locale,
|
|
59
|
+
labels: labels,
|
|
60
|
+
className: className,
|
|
61
|
+
style: style,
|
|
62
|
+
...props
|
|
63
|
+
});
|
|
64
|
+
});
|
|
65
|
+
RangeCalendarHeader.displayName = 'RangeCalendar.Header';
|
|
66
|
+
const RangeCalendarYearPicker = /*#__PURE__*/forwardRef(({
|
|
67
|
+
className,
|
|
68
|
+
style,
|
|
69
|
+
...props
|
|
70
|
+
}, ref) => {
|
|
71
|
+
const {
|
|
72
|
+
monthId,
|
|
73
|
+
onMonthIdChange,
|
|
74
|
+
disabled,
|
|
75
|
+
setView,
|
|
76
|
+
labels
|
|
77
|
+
} = useRangeCalendarContext();
|
|
78
|
+
return /*#__PURE__*/_jsx(CalendarYearPickerGrid, {
|
|
79
|
+
ref: ref,
|
|
80
|
+
monthId: monthId,
|
|
81
|
+
onMonthIdChange: onMonthIdChange,
|
|
82
|
+
disabled: disabled,
|
|
83
|
+
onViewChange: setView,
|
|
84
|
+
labels: labels,
|
|
85
|
+
className: className,
|
|
86
|
+
style: style,
|
|
87
|
+
...props
|
|
88
|
+
});
|
|
89
|
+
});
|
|
90
|
+
RangeCalendarYearPicker.displayName = 'RangeCalendar.YearPicker';
|
|
91
|
+
const RangeCalendarGrid = /*#__PURE__*/forwardRef(({
|
|
92
|
+
className,
|
|
93
|
+
style,
|
|
94
|
+
...props
|
|
95
|
+
}, ref) => {
|
|
96
|
+
const {
|
|
97
|
+
startId,
|
|
98
|
+
endId,
|
|
99
|
+
monthId,
|
|
100
|
+
minValue,
|
|
101
|
+
maxValue,
|
|
102
|
+
disabled,
|
|
103
|
+
onDayPress,
|
|
104
|
+
locale
|
|
105
|
+
} = useRangeCalendarContext();
|
|
106
|
+
const instanceId = useId();
|
|
107
|
+
const theme = useFlashCalendarRangeTheme({
|
|
108
|
+
startId,
|
|
109
|
+
endId
|
|
110
|
+
});
|
|
111
|
+
const formatWeekday = useCallback(date => formatFlashCalendarWeekdayShort(date, locale), [locale]);
|
|
112
|
+
const activeRanges = useMemo(() => {
|
|
113
|
+
if (startId && endId) {
|
|
114
|
+
return [{
|
|
115
|
+
startId,
|
|
116
|
+
endId
|
|
117
|
+
}];
|
|
118
|
+
}
|
|
119
|
+
if (startId) {
|
|
120
|
+
return [{
|
|
121
|
+
startId,
|
|
122
|
+
endId: startId
|
|
123
|
+
}];
|
|
124
|
+
}
|
|
125
|
+
return [];
|
|
126
|
+
}, [endId, startId]);
|
|
127
|
+
const handleDayPress = useCallback(dateId => {
|
|
128
|
+
if (!disabled) {
|
|
129
|
+
onDayPress(toCalendarDateId(dateId));
|
|
130
|
+
}
|
|
131
|
+
}, [disabled, onDayPress]);
|
|
132
|
+
return /*#__PURE__*/_jsx(View, {
|
|
133
|
+
ref: ref,
|
|
134
|
+
className: className,
|
|
135
|
+
style: style,
|
|
136
|
+
...props,
|
|
137
|
+
children: /*#__PURE__*/_jsx(FlashCalendar, {
|
|
138
|
+
calendarInstanceId: instanceId,
|
|
139
|
+
calendarMonthId: monthId,
|
|
140
|
+
calendarActiveDateRanges: activeRanges,
|
|
141
|
+
calendarMinDateId: minValue,
|
|
142
|
+
calendarMaxDateId: maxValue,
|
|
143
|
+
calendarMonthHeaderHeight: 0,
|
|
144
|
+
calendarDayHeight: FLASH_CALENDAR_DAY_HEIGHT,
|
|
145
|
+
calendarWeekHeaderHeight: 28,
|
|
146
|
+
calendarRowVerticalSpacing: 4,
|
|
147
|
+
calendarRowHorizontalSpacing: FLASH_CALENDAR_RANGE_DAY_SPACING,
|
|
148
|
+
getCalendarMonthFormat: () => '',
|
|
149
|
+
getCalendarWeekDayFormat: formatWeekday,
|
|
150
|
+
onCalendarDayPress: handleDayPress,
|
|
151
|
+
theme: theme
|
|
152
|
+
})
|
|
153
|
+
});
|
|
154
|
+
});
|
|
155
|
+
RangeCalendarGrid.displayName = 'RangeCalendar.Grid';
|
|
156
|
+
export const RangeCalendar = Object.assign(RangeCalendarRoot, {
|
|
157
|
+
Header: RangeCalendarHeader,
|
|
158
|
+
Grid: RangeCalendarGrid,
|
|
159
|
+
YearPicker: RangeCalendarYearPicker
|
|
160
|
+
});
|
|
161
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["forwardRef","useCallback","useId","useMemo","View","Calendar","FlashCalendar","dataAttributes","mergeDataAttributes","RangeCalendarRoot","RangeCalendarRootPrimitive","useRangeCalendarContext","cn","CalendarMonthHeader","CalendarYearPickerGrid","FLASH_CALENDAR_DAY_HEIGHT","FLASH_CALENDAR_RANGE_DAY_SPACING","formatFlashCalendarWeekdayShort","toCalendarDateId","useFlashCalendarRangeTheme","calendarRootVariants","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","RangeCalendarDefaultBody","view","children","RangeCalendarHeader","RangeCalendarYearPicker","RangeCalendarGrid","className","style","props","ref","slot","displayName","monthId","onMonthIdChange","disabled","setView","locale","labels","onViewChange","startId","endId","minValue","maxValue","onDayPress","instanceId","theme","formatWeekday","date","activeRanges","handleDayPress","dateId","calendarInstanceId","calendarMonthId","calendarActiveDateRanges","calendarMinDateId","calendarMaxDateId","calendarMonthHeaderHeight","calendarDayHeight","calendarWeekHeaderHeight","calendarRowVerticalSpacing","calendarRowHorizontalSpacing","getCalendarMonthFormat","getCalendarWeekDayFormat","onCalendarDayPress","RangeCalendar","Object","assign","Header","Grid","YearPicker"],"sourceRoot":"../../../../src","sources":["components/RangeCalendar/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -13,6 +13,16 @@ export * from './Carousel';
|
|
|
13
13
|
export * from './Checkbox';
|
|
14
14
|
export * from './Chip';
|
|
15
15
|
export * from './CurrencyInput';
|
|
16
|
+
export * from './DateField';
|
|
17
|
+
export * from './Calendar';
|
|
18
|
+
export * from './RangeCalendar';
|
|
19
|
+
export * from './MonthCalendar';
|
|
20
|
+
export * from './DatePicker';
|
|
21
|
+
export * from './DateRangePicker';
|
|
22
|
+
export * from './MonthPicker';
|
|
23
|
+
export * from './DateTimeField';
|
|
24
|
+
export * from './DateTimeList';
|
|
25
|
+
export * from './DateTimePicker';
|
|
16
26
|
export * from './Dialog';
|
|
17
27
|
export * from './Divider';
|
|
18
28
|
export * from './Field';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["HStack","VStack"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,OAAO;AACrB,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,iBAAiB;AAC/B,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,cAAc,uBAAuB;AACrC,cAAc,SAAS;AACvB,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,eAAe;AAC7B,cAAc,YAAY;AAC1B,cAAc,qBAAqB;AACnC,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,gBAAgB;AAC9B,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,mBAAmB;AACjC,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,SAASA,MAAM,EAAEC,MAAM,QAAQ,SAAS;AACxC,cAAc,WAAW;AACzB,cAAc,QAAQ;AACtB,cAAc,QAAQ;AACtB,cAAc,cAAc;AAC5B,cAAc,qBAAqB","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["HStack","VStack"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,OAAO;AACrB,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,iBAAiB;AAC/B,cAAc,aAAa;AAC3B,cAAc,YAAY;AAC1B,cAAc,iBAAiB;AAC/B,cAAc,iBAAiB;AAC/B,cAAc,cAAc;AAC5B,cAAc,mBAAmB;AACjC,cAAc,eAAe;AAC7B,cAAc,iBAAiB;AAC/B,cAAc,gBAAgB;AAC9B,cAAc,kBAAkB;AAChC,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,cAAc,uBAAuB;AACrC,cAAc,SAAS;AACvB,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,eAAe;AAC7B,cAAc,YAAY;AAC1B,cAAc,qBAAqB;AACnC,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,gBAAgB;AAC9B,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,mBAAmB;AACjC,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,SAASA,MAAM,EAAEC,MAAM,QAAQ,SAAS;AACxC,cAAc,WAAW;AACzB,cAAc,QAAQ;AACtB,cAAc,QAAQ;AACtB,cAAc,cAAc;AAC5B,cAAc,qBAAqB","ignoreList":[]}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import { Pressable } from 'react-native';
|
|
5
|
+
import { Slot } from '@cdx-ui/primitives';
|
|
6
|
+
import { composeEventHandlers, mergeRefs } from '@cdx-ui/utils';
|
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
+
/**
|
|
9
|
+
* Shared open/close press host for date / month / date-time picker compounds.
|
|
10
|
+
* Compose two ways:
|
|
11
|
+
* - **Icon-only** (editable segmented fields): wrap `TriggerIndicator` inside `DateField.Suffix`
|
|
12
|
+
* - **Full-field** (range or overlay-primary selection): wrap the entire `DateField.Group`
|
|
13
|
+
*/
|
|
14
|
+
export const PickerTrigger = /*#__PURE__*/forwardRef(({
|
|
15
|
+
asChild = false,
|
|
16
|
+
children,
|
|
17
|
+
className,
|
|
18
|
+
style,
|
|
19
|
+
onPress,
|
|
20
|
+
open,
|
|
21
|
+
setOpen,
|
|
22
|
+
disabled,
|
|
23
|
+
triggerRef,
|
|
24
|
+
accessibilityLabel,
|
|
25
|
+
...props
|
|
26
|
+
}, ref) => {
|
|
27
|
+
const Comp = asChild ? Slot : Pressable;
|
|
28
|
+
return /*#__PURE__*/_jsx(Comp, {
|
|
29
|
+
ref: mergeRefs(ref, triggerRef),
|
|
30
|
+
className: className,
|
|
31
|
+
style: style,
|
|
32
|
+
accessibilityRole: "button",
|
|
33
|
+
accessibilityLabel: accessibilityLabel,
|
|
34
|
+
accessibilityState: {
|
|
35
|
+
disabled: !!disabled,
|
|
36
|
+
expanded: open
|
|
37
|
+
},
|
|
38
|
+
disabled: disabled,
|
|
39
|
+
onPress: composeEventHandlers(onPress, () => setOpen(!open)),
|
|
40
|
+
...props,
|
|
41
|
+
children: children
|
|
42
|
+
});
|
|
43
|
+
});
|
|
44
|
+
PickerTrigger.displayName = 'PickerTrigger';
|
|
45
|
+
//# sourceMappingURL=PickerTrigger.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["forwardRef","Pressable","Slot","composeEventHandlers","mergeRefs","jsx","_jsx","PickerTrigger","asChild","children","className","style","onPress","open","setOpen","disabled","triggerRef","accessibilityLabel","props","ref","Comp","accessibilityRole","accessibilityState","expanded","displayName"],"sourceRoot":"../../../../src","sources":["components/picker/PickerTrigger.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAwC,OAAO;AAClE,SAASC,SAAS,QAAwC,cAAc;AACxE,SAASC,IAAI,QAAQ,oBAAoB;AACzC,SAASC,oBAAoB,EAAEC,SAAS,QAAQ,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAkBhE;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,aAAa,gBAAGP,UAAU,CACrC,CACE;EACEQ,OAAO,GAAG,KAAK;EACfC,QAAQ;EACRC,SAAS;EACTC,KAAK;EACLC,OAAO;EACPC,IAAI;EACJC,OAAO;EACPC,QAAQ;EACRC,UAAU;EACVC,kBAAkB;EAClB,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAMC,IAAI,GAAGZ,OAAO,GAAGN,IAAI,GAAGD,SAAS;EAEvC,oBACEK,IAAA,CAACc,IAAI;IACHD,GAAG,EAAEf,SAAS,CAACe,GAAG,EAAEH,UAAU,CAAE;IAChCN,SAAS,EAAEA,SAAU;IACrBC,KAAK,EAAEA,KAAM;IACbU,iBAAiB,EAAC,QAAQ;IAC1BJ,kBAAkB,EAAEA,kBAAmB;IACvCK,kBAAkB,EAAE;MAAEP,QAAQ,EAAE,CAAC,CAACA,QAAQ;MAAEQ,QAAQ,EAAEV;IAAK,CAAE;IAC7DE,QAAQ,EAAEA,QAAS;IACnBH,OAAO,EAAET,oBAAoB,CAACS,OAAO,EAAE,MAAME,OAAO,CAAC,CAACD,IAAI,CAAC,CAAE;IAAA,GACzDK,KAAK;IAAAT,QAAA,EAERA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC;AAEDF,aAAa,CAACiB,WAAW,GAAG,eAAe","ignoreList":[]}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { Platform } from 'react-native';
|
|
4
|
+
import { cva } from '@cdx-ui/utils';
|
|
5
|
+
|
|
6
|
+
/** Keeps the picker popover above app chrome and other absolutely-positioned surfaces. */
|
|
7
|
+
export const PICKER_POPOVER_Z_INDEX = 9999;
|
|
8
|
+
export const pickerPopoverContentVariants = cva(['bg-surface-primary', 'border border-stroke-secondary', 'overflow-hidden', 'rounded-[var(--border-radius-default)]', Platform.select({
|
|
9
|
+
web: 'shadow-sm',
|
|
10
|
+
default: ''
|
|
11
|
+
}), 'p-3']);
|
|
12
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Platform","cva","PICKER_POPOVER_Z_INDEX","pickerPopoverContentVariants","select","web","default"],"sourceRoot":"../../../../src","sources":["components/picker/styles.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,GAAG,QAAQ,eAAe;;AAEnC;AACA,OAAO,MAAMC,sBAAsB,GAAG,IAAI;AAE1C,OAAO,MAAMC,4BAA4B,GAAGF,GAAG,CAAC,CAC9C,oBAAoB,EACpB,gCAAgC,EAChC,iBAAiB,EACjB,wCAAwC,EACxCD,QAAQ,CAACI,MAAM,CAAC;EACdC,GAAG,EAAE,WAAW;EAChBC,OAAO,EAAE;AACX,CAAC,CAAC,EACF,KAAK,CACN,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,135 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useCallback, useEffect, useRef, useState } from 'react';
|
|
4
|
+
import { ScrollView, View } from 'react-native';
|
|
5
|
+
import { FadeIn, FadeOut } from 'react-native-reanimated';
|
|
6
|
+
import { OverlayContainer, useAnchorPosition, useDismissOverlay, useEscapeKey, useOverlayPosition } from '@cdx-ui/primitives';
|
|
7
|
+
import { cn } from '@cdx-ui/utils';
|
|
8
|
+
import { Dialog } from '../Dialog';
|
|
9
|
+
import { BottomSheet, useBottomSheet } from '../BottomSheet';
|
|
10
|
+
import { PICKER_POPOVER_Z_INDEX, pickerPopoverContentVariants } from './styles';
|
|
11
|
+
|
|
12
|
+
// Shared surface wiring for picker compound components.
|
|
13
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
14
|
+
export function PickerDialogSurface({
|
|
15
|
+
open,
|
|
16
|
+
setOpen,
|
|
17
|
+
registerSurface,
|
|
18
|
+
children
|
|
19
|
+
}) {
|
|
20
|
+
useEffect(() => {
|
|
21
|
+
registerSurface('dialog');
|
|
22
|
+
}, [registerSurface]);
|
|
23
|
+
return /*#__PURE__*/_jsx(Dialog, {
|
|
24
|
+
isOpen: open,
|
|
25
|
+
onOpenChange: setOpen,
|
|
26
|
+
children: children
|
|
27
|
+
});
|
|
28
|
+
}
|
|
29
|
+
export function PickerBottomSheetSurface({
|
|
30
|
+
open,
|
|
31
|
+
setOpen,
|
|
32
|
+
registerSurface,
|
|
33
|
+
children,
|
|
34
|
+
snapPoints = ['70%', '90%'],
|
|
35
|
+
enableDynamicSizing = false
|
|
36
|
+
}) {
|
|
37
|
+
const {
|
|
38
|
+
ref,
|
|
39
|
+
dismiss
|
|
40
|
+
} = useBottomSheet();
|
|
41
|
+
const isPresentedRef = useRef(false);
|
|
42
|
+
useEffect(() => {
|
|
43
|
+
registerSurface('bottomSheet');
|
|
44
|
+
}, [registerSurface]);
|
|
45
|
+
const handleDismiss = useCallback(() => {
|
|
46
|
+
isPresentedRef.current = false;
|
|
47
|
+
setOpen(false);
|
|
48
|
+
}, [setOpen]);
|
|
49
|
+
const tryPresent = useCallback(() => {
|
|
50
|
+
if (!open || isPresentedRef.current) {
|
|
51
|
+
return;
|
|
52
|
+
}
|
|
53
|
+
ref.current?.present();
|
|
54
|
+
isPresentedRef.current = true;
|
|
55
|
+
}, [open, ref]);
|
|
56
|
+
useEffect(() => {
|
|
57
|
+
if (!open) {
|
|
58
|
+
if (isPresentedRef.current) {
|
|
59
|
+
dismiss();
|
|
60
|
+
isPresentedRef.current = false;
|
|
61
|
+
}
|
|
62
|
+
return;
|
|
63
|
+
}
|
|
64
|
+
const frame = requestAnimationFrame(() => {
|
|
65
|
+
tryPresent();
|
|
66
|
+
});
|
|
67
|
+
return () => cancelAnimationFrame(frame);
|
|
68
|
+
}, [dismiss, open, tryPresent]);
|
|
69
|
+
return /*#__PURE__*/_jsx(BottomSheet.Modal, {
|
|
70
|
+
ref: ref,
|
|
71
|
+
onDismiss: handleDismiss,
|
|
72
|
+
snapPoints: snapPoints,
|
|
73
|
+
enableDynamicSizing: enableDynamicSizing,
|
|
74
|
+
children: /*#__PURE__*/_jsx(BottomSheet.View, {
|
|
75
|
+
onLayout: tryPresent,
|
|
76
|
+
children: children
|
|
77
|
+
})
|
|
78
|
+
});
|
|
79
|
+
}
|
|
80
|
+
export function PickerPopoverSurface({
|
|
81
|
+
open,
|
|
82
|
+
setOpen,
|
|
83
|
+
registerSurface,
|
|
84
|
+
anchorRef,
|
|
85
|
+
triggerRef,
|
|
86
|
+
children,
|
|
87
|
+
className
|
|
88
|
+
}) {
|
|
89
|
+
const contentRef = useRef(null);
|
|
90
|
+
const [dismissEnabled, setDismissEnabled] = useState(false);
|
|
91
|
+
useEffect(() => {
|
|
92
|
+
registerSurface('popover');
|
|
93
|
+
}, [registerSurface]);
|
|
94
|
+
useEffect(() => {
|
|
95
|
+
if (!open) {
|
|
96
|
+
setDismissEnabled(false);
|
|
97
|
+
return;
|
|
98
|
+
}
|
|
99
|
+
const frame = requestAnimationFrame(() => {
|
|
100
|
+
setDismissEnabled(true);
|
|
101
|
+
});
|
|
102
|
+
return () => cancelAnimationFrame(frame);
|
|
103
|
+
}, [open]);
|
|
104
|
+
const dismiss = useCallback(() => setOpen(false), [setOpen]);
|
|
105
|
+
const anchorLayout = useAnchorPosition(anchorRef, open);
|
|
106
|
+
const position = useOverlayPosition(anchorLayout);
|
|
107
|
+
const excludeRefs = triggerRef ? [anchorRef, triggerRef] : [anchorRef];
|
|
108
|
+
useDismissOverlay(dismissEnabled, contentRef, excludeRefs, dismiss);
|
|
109
|
+
useEscapeKey(open, dismiss);
|
|
110
|
+
if (!open || !position) {
|
|
111
|
+
return null;
|
|
112
|
+
}
|
|
113
|
+
return /*#__PURE__*/_jsx(OverlayContainer, {
|
|
114
|
+
onDismiss: dismiss,
|
|
115
|
+
entering: FadeIn.duration(150),
|
|
116
|
+
exiting: FadeOut.duration(100),
|
|
117
|
+
style: [position.style, {
|
|
118
|
+
zIndex: PICKER_POPOVER_Z_INDEX
|
|
119
|
+
}],
|
|
120
|
+
children: /*#__PURE__*/_jsx(View, {
|
|
121
|
+
ref: contentRef,
|
|
122
|
+
className: cn(pickerPopoverContentVariants(), className),
|
|
123
|
+
style: {
|
|
124
|
+
maxHeight: position.maxHeight
|
|
125
|
+
},
|
|
126
|
+
accessibilityViewIsModal: true,
|
|
127
|
+
children: /*#__PURE__*/_jsx(ScrollView, {
|
|
128
|
+
scrollEventThrottle: 16,
|
|
129
|
+
showsVerticalScrollIndicator: false,
|
|
130
|
+
children: children
|
|
131
|
+
})
|
|
132
|
+
})
|
|
133
|
+
});
|
|
134
|
+
}
|
|
135
|
+
//# sourceMappingURL=surfaces.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useCallback","useEffect","useRef","useState","ScrollView","View","FadeIn","FadeOut","OverlayContainer","useAnchorPosition","useDismissOverlay","useEscapeKey","useOverlayPosition","cn","Dialog","BottomSheet","useBottomSheet","PICKER_POPOVER_Z_INDEX","pickerPopoverContentVariants","jsx","_jsx","PickerDialogSurface","open","setOpen","registerSurface","children","isOpen","onOpenChange","PickerBottomSheetSurface","snapPoints","enableDynamicSizing","ref","dismiss","isPresentedRef","handleDismiss","current","tryPresent","present","frame","requestAnimationFrame","cancelAnimationFrame","Modal","onDismiss","onLayout","PickerPopoverSurface","anchorRef","triggerRef","className","contentRef","dismissEnabled","setDismissEnabled","anchorLayout","position","excludeRefs","entering","duration","exiting","style","zIndex","maxHeight","accessibilityViewIsModal","scrollEventThrottle","showsVerticalScrollIndicator"],"sourceRoot":"../../../../src","sources":["components/picker/surfaces.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -54,8 +54,8 @@ interface BottomSheetCompound {
|
|
|
54
54
|
export declare const BottomSheet: BottomSheetCompound;
|
|
55
55
|
export declare function useBottomSheet(): {
|
|
56
56
|
ref: React.RefObject<BottomSheetModal<unknown> | null>;
|
|
57
|
-
present: () => void
|
|
58
|
-
dismiss: () => void
|
|
57
|
+
present: () => void;
|
|
58
|
+
dismiss: () => void;
|
|
59
59
|
};
|
|
60
60
|
export {};
|
|
61
61
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/BottomSheet/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA+C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3F,OAAO,EAAc,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG3D,OAAO,EACL,gBAAgB,EAChB,wBAAwB,EACxB,qBAAqB,EACrB,eAAe,EAKf,KAAK,qBAAqB,IAAI,2BAA2B,EAC1D,MAAM,sBAAsB,CAAC;AAoB9B,yHAAyH;AACzH,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE9E,MAAM,WAAW,sBAAsB;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAuDD,QAAA,MAAM,iBAAiB,qFAAuE,CAAC;AAmE/F,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,QAAA,MAAM,kBAAkB,sFAevB,CAAC;AAOF,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,QAAA,MAAM,iBAAiB,qFAetB,CAAC;AAQF,MAAM,WAAW,qBAAsB,SAAQ,2BAA2B;IACxE,kGAAkG;IAClG,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qHAAqH;IACrH,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAoBD,QAAA,MAAM,sBAAsB,yGAgD1B,CAAC;AAQH,iBAAS,2BAA2B,CAAC,EACnC,4BAAmC,EACnC,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,2CAM9D;kBAVQ,2BAA2B;;;AAkBpC,iBAAS,qBAAqB,CAAC,EAC7B,4BAAmC,EACnC,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,2CAMxD;kBAVQ,qBAAqB;;;AAsB9B,UAAU,mBAAmB;IAC3B,KAAK,EAAE,OAAO,sBAAsB,CAAC;IACrC,MAAM,EAAE,OAAO,iBAAiB,CAAC;IACjC,OAAO,EAAE,OAAO,kBAAkB,CAAC;IACnC,MAAM,EAAE,OAAO,iBAAiB,CAAC;IACjC,QAAQ,EAAE,OAAO,wBAAwB,CAAC;IAC1C,UAAU,EAAE,OAAO,2BAA2B,CAAC;IAC/C,IAAI,EAAE,OAAO,qBAAqB,CAAC;CACpC;AAED,eAAO,MAAM,WAAW,EAQnB,mBAAmB,CAAC;AAIzB,wBAAgB,cAAc;;;;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/BottomSheet/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA+C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3F,OAAO,EAAc,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG3D,OAAO,EACL,gBAAgB,EAChB,wBAAwB,EACxB,qBAAqB,EACrB,eAAe,EAKf,KAAK,qBAAqB,IAAI,2BAA2B,EAC1D,MAAM,sBAAsB,CAAC;AAoB9B,yHAAyH;AACzH,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE9E,MAAM,WAAW,sBAAsB;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAuDD,QAAA,MAAM,iBAAiB,qFAAuE,CAAC;AAmE/F,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,QAAA,MAAM,kBAAkB,sFAevB,CAAC;AAOF,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,QAAA,MAAM,iBAAiB,qFAetB,CAAC;AAQF,MAAM,WAAW,qBAAsB,SAAQ,2BAA2B;IACxE,kGAAkG;IAClG,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qHAAqH;IACrH,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAoBD,QAAA,MAAM,sBAAsB,yGAgD1B,CAAC;AAQH,iBAAS,2BAA2B,CAAC,EACnC,4BAAmC,EACnC,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,2CAM9D;kBAVQ,2BAA2B;;;AAkBpC,iBAAS,qBAAqB,CAAC,EAC7B,4BAAmC,EACnC,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,2CAMxD;kBAVQ,qBAAqB;;;AAsB9B,UAAU,mBAAmB;IAC3B,KAAK,EAAE,OAAO,sBAAsB,CAAC;IACrC,MAAM,EAAE,OAAO,iBAAiB,CAAC;IACjC,OAAO,EAAE,OAAO,kBAAkB,CAAC;IACnC,MAAM,EAAE,OAAO,iBAAiB,CAAC;IACjC,QAAQ,EAAE,OAAO,wBAAwB,CAAC;IAC1C,UAAU,EAAE,OAAO,2BAA2B,CAAC;IAC/C,IAAI,EAAE,OAAO,qBAAqB,CAAC;CACpC;AAED,eAAO,MAAM,WAAW,EAQnB,mBAAmB,CAAC;AAIzB,wBAAgB,cAAc;;;;EAS7B"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { View, type ViewProps } from 'react-native';
|
|
2
|
+
import { type DateComponentLabels, type MonthId } from '@cdx-ui/formatters';
|
|
3
|
+
export type CalendarNavigationView = 'month' | 'year';
|
|
4
|
+
export interface CalendarMonthHeaderProps extends ViewProps {
|
|
5
|
+
monthId: MonthId;
|
|
6
|
+
onMonthIdChange: (monthId: MonthId) => void;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
view: CalendarNavigationView;
|
|
9
|
+
onViewChange: (view: CalendarNavigationView) => void;
|
|
10
|
+
locale?: string;
|
|
11
|
+
labels?: Partial<DateComponentLabels>;
|
|
12
|
+
}
|
|
13
|
+
export declare const CalendarMonthHeader: import("react").ForwardRefExoticComponent<CalendarMonthHeaderProps & import("react").RefAttributes<View>>;
|
|
14
|
+
//# sourceMappingURL=CalendarMonthHeader.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CalendarMonthHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Calendar/CalendarMonthHeader.tsx"],"names":[],"mappings":"AACA,OAAO,EAAmB,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACrE,OAAO,EAKL,KAAK,mBAAmB,EACxB,KAAK,OAAO,EACb,MAAM,oBAAoB,CAAC;AAa5B,MAAM,MAAM,sBAAsB,GAAG,OAAO,GAAG,MAAM,CAAC;AAEtD,MAAM,WAAW,wBAAyB,SAAQ,SAAS;IACzD,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,sBAAsB,CAAC;IAC7B,YAAY,EAAE,CAAC,IAAI,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACrD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;CACvC;AAED,eAAO,MAAM,mBAAmB,2GAuF/B,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { View, type ViewProps } from 'react-native';
|
|
2
|
+
import { type DateComponentLabels, type MonthId } from '@cdx-ui/formatters';
|
|
3
|
+
import type { CalendarNavigationView } from './CalendarMonthHeader';
|
|
4
|
+
export interface CalendarYearPickerGridProps extends ViewProps {
|
|
5
|
+
monthId: MonthId;
|
|
6
|
+
onMonthIdChange: (monthId: MonthId) => void;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
onViewChange: (view: CalendarNavigationView) => void;
|
|
9
|
+
labels?: Partial<DateComponentLabels>;
|
|
10
|
+
}
|
|
11
|
+
export declare const CalendarYearPickerGrid: import("react").ForwardRefExoticComponent<CalendarYearPickerGridProps & import("react").RefAttributes<View>>;
|
|
12
|
+
//# sourceMappingURL=CalendarYearPickerGrid.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CalendarYearPickerGrid.d.ts","sourceRoot":"","sources":["../../../../src/components/Calendar/CalendarYearPickerGrid.tsx"],"names":[],"mappings":"AACA,OAAO,EAAmB,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACrE,OAAO,EAKL,KAAK,mBAAmB,EACxB,KAAK,OAAO,EACb,MAAM,oBAAoB,CAAC;AAE5B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAUpE,MAAM,WAAW,2BAA4B,SAAQ,SAAS;IAC5D,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,CAAC,IAAI,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACrD,MAAM,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;CACvC;AAED,eAAO,MAAM,sBAAsB,8GAqElC,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { CalendarTheme } from '@marceloterreiro/flash-calendar';
|
|
2
|
+
import type { DateId } from '@cdx-ui/formatters';
|
|
3
|
+
export declare function useFlashCalendarTheme(selectedDateId?: DateId): CalendarTheme;
|
|
4
|
+
export declare function useFlashCalendarRangeTheme(range?: {
|
|
5
|
+
startId?: DateId;
|
|
6
|
+
endId?: DateId;
|
|
7
|
+
}): CalendarTheme;
|
|
8
|
+
/** Keep range days flush so the band reads as one shape (filler covers residual sub-pixel gaps). */
|
|
9
|
+
export declare const FLASH_CALENDAR_RANGE_DAY_SPACING = 0;
|
|
10
|
+
export declare const FLASH_CALENDAR_DAY_HEIGHT = 36;
|
|
11
|
+
export declare function formatFlashCalendarWeekdayShort(date: Date, locale: string): string;
|
|
12
|
+
/**
|
|
13
|
+
* Brands a raw Flash Calendar day id as a wire {@link DateId}. Flash Calendar
|
|
14
|
+
* always hands back `YYYY-MM-DD`, so this is the trusted third-party boundary
|
|
15
|
+
* where the wire brand is applied.
|
|
16
|
+
*/
|
|
17
|
+
export declare function toCalendarDateId(id: string): DateId;
|
|
18
|
+
//# sourceMappingURL=flashCalendarAdapter.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"flashCalendarAdapter.d.ts","sourceRoot":"","sources":["../../../../src/components/Calendar/flashCalendarAdapter.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAyIjD,wBAAgB,qBAAqB,CAAC,cAAc,CAAC,EAAE,MAAM,GAAG,aAAa,CAqF5E;AAED,wBAAgB,0BAA0B,CAAC,KAAK,CAAC,EAAE;IACjD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,aAAa,CAiHhB;AAED,oGAAoG;AACpG,eAAO,MAAM,gCAAgC,IAAI,CAAC;AAElD,eAAO,MAAM,yBAAyB,KAAW,CAAC;AAElD,wBAAgB,+BAA+B,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAElF;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAEnD"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { type ReactNode } from 'react';
|
|
2
|
+
import { View, type ViewProps } from 'react-native';
|
|
3
|
+
import { type ICalendarProps } from '@cdx-ui/primitives';
|
|
4
|
+
export interface CalendarProps extends ICalendarProps, Omit<ViewProps, 'children'> {
|
|
5
|
+
className?: string;
|
|
6
|
+
children?: ReactNode;
|
|
7
|
+
}
|
|
8
|
+
declare const CalendarRoot: import("react").ForwardRefExoticComponent<CalendarProps & import("react").RefAttributes<View>>;
|
|
9
|
+
declare const CalendarHeader: import("react").ForwardRefExoticComponent<ViewProps & import("react").RefAttributes<View>>;
|
|
10
|
+
declare const CalendarGrid: import("react").ForwardRefExoticComponent<ViewProps & import("react").RefAttributes<View>>;
|
|
11
|
+
declare const CalendarYearPicker: import("react").ForwardRefExoticComponent<ViewProps & import("react").RefAttributes<View>>;
|
|
12
|
+
type CalendarCompound = typeof CalendarRoot & {
|
|
13
|
+
Header: typeof CalendarHeader;
|
|
14
|
+
Grid: typeof CalendarGrid;
|
|
15
|
+
YearPicker: typeof CalendarYearPicker;
|
|
16
|
+
};
|
|
17
|
+
export declare const Calendar: CalendarCompound;
|
|
18
|
+
export {};
|
|
19
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Calendar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAChF,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,EAML,KAAK,cAAc,EACpB,MAAM,oBAAoB,CAAC;AAY5B,MAAM,WAAW,aAAc,SAAQ,cAAc,EAAE,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAChF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAYD,QAAA,MAAM,YAAY,gGAYjB,CAAC;AAIF,QAAA,MAAM,cAAc,4FAkBlB,CAAC;AAIH,QAAA,MAAM,YAAY,4FA0ChB,CAAC;AAIH,QAAA,MAAM,kBAAkB,4FAetB,CAAC;AAIH,KAAK,gBAAgB,GAAG,OAAO,YAAY,GAAG;IAC5C,MAAM,EAAE,OAAO,cAAc,CAAC;IAC9B,IAAI,EAAE,OAAO,YAAY,CAAC;IAC1B,UAAU,EAAE,OAAO,kBAAkB,CAAC;CACvC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAIf,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { type VariantProps } from '@cdx-ui/utils';
|
|
2
|
+
export declare const calendarRootVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
3
|
+
export declare const calendarMonthHeaderVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
4
|
+
export declare const calendarMonthHeaderToggleVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
5
|
+
export declare const calendarMonthHeaderLabelVariants: (props?: ({
|
|
6
|
+
isYearView?: boolean | null | undefined;
|
|
7
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
8
|
+
export declare const calendarMonthHeaderIconVariants: (props?: ({
|
|
9
|
+
isYearView?: boolean | null | undefined;
|
|
10
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
11
|
+
export declare const calendarMonthHeaderNavVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
12
|
+
export declare const calendarYearPickerGridVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
13
|
+
export declare const calendarPillCellVariants: (props?: ({
|
|
14
|
+
selected?: boolean | null | undefined;
|
|
15
|
+
disabled?: boolean | null | undefined;
|
|
16
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
17
|
+
export declare const calendarPillCellTextVariants: (props?: ({
|
|
18
|
+
selected?: boolean | null | undefined;
|
|
19
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
20
|
+
export type CalendarRootVariantProps = VariantProps<typeof calendarRootVariants>;
|
|
21
|
+
export type CalendarMonthHeaderLabelVariantProps = VariantProps<typeof calendarMonthHeaderLabelVariants>;
|
|
22
|
+
export type CalendarPillCellVariantProps = VariantProps<typeof calendarPillCellVariants>;
|
|
23
|
+
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Calendar/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAGvD,eAAO,MAAM,oBAAoB,oFAI/B,CAAC;AAEH,eAAO,MAAM,2BAA2B,oFAA0D,CAAC;AAEnG,eAAO,MAAM,iCAAiC,oFAAoD,CAAC;AAEnG,eAAO,MAAM,gCAAgC;;8EAQ3C,CAAC;AAEH,eAAO,MAAM,+BAA+B;;8EAQ1C,CAAC;AAEH,eAAO,MAAM,8BAA8B,oFAAqC,CAAC;AAEjF,eAAO,MAAM,8BAA8B,oFAE1C,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;8EAwBpC,CAAC;AAEF,eAAO,MAAM,4BAA4B;;8EAQvC,CAAC;AAEH,MAAM,MAAM,wBAAwB,GAAG,YAAY,CAAC,OAAO,oBAAoB,CAAC,CAAC;AACjF,MAAM,MAAM,oCAAoC,GAAG,YAAY,CAC7D,OAAO,gCAAgC,CACxC,CAAC;AACF,MAAM,MAAM,4BAA4B,GAAG,YAAY,CAAC,OAAO,wBAAwB,CAAC,CAAC"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { type ReactNode } from 'react';
|
|
2
|
+
import { View, type ViewProps } from 'react-native';
|
|
3
|
+
import { type DateFieldRootProps as DateFieldRootPrimitiveProps, type DateFieldSegmentProps as DateFieldSegmentPrimitiveProps } from '@cdx-ui/primitives';
|
|
4
|
+
import type { DateComponentLabels } from '@cdx-ui/formatters';
|
|
5
|
+
import { type DateFieldGroupVariantProps } from './styles';
|
|
6
|
+
export interface DateFieldProps extends DateFieldRootPrimitiveProps, DateFieldGroupVariantProps {
|
|
7
|
+
className?: string;
|
|
8
|
+
/** When true (the default), the group stretches to fill its container; when false, it hugs the segments. */
|
|
9
|
+
fullWidth?: boolean;
|
|
10
|
+
labels?: Partial<DateComponentLabels>;
|
|
11
|
+
}
|
|
12
|
+
declare const DateFieldRoot: import("react").ForwardRefExoticComponent<DateFieldProps & import("react").RefAttributes<View>>;
|
|
13
|
+
export interface DateFieldGroupProps extends ViewProps, DateFieldGroupVariantProps {
|
|
14
|
+
className?: string;
|
|
15
|
+
children?: ReactNode;
|
|
16
|
+
fullWidth?: boolean;
|
|
17
|
+
}
|
|
18
|
+
declare const DateFieldGroup: import("react").ForwardRefExoticComponent<DateFieldGroupProps & import("react").RefAttributes<View>>;
|
|
19
|
+
export interface DateFieldInputProps extends Omit<ViewProps, 'children'> {
|
|
20
|
+
children?: (segment: DateFieldSegmentPrimitiveProps['segment']) => ReactNode;
|
|
21
|
+
slot?: 'start' | 'end';
|
|
22
|
+
className?: string;
|
|
23
|
+
}
|
|
24
|
+
export interface DateFieldSegmentProps extends DateFieldSegmentPrimitiveProps {
|
|
25
|
+
className?: string;
|
|
26
|
+
}
|
|
27
|
+
declare const DateFieldSegment: import("react").ForwardRefExoticComponent<DateFieldSegmentProps & import("react").RefAttributes<View>>;
|
|
28
|
+
declare const DateFieldInput: import("react").ForwardRefExoticComponent<DateFieldInputProps & import("react").RefAttributes<View>>;
|
|
29
|
+
export interface DateFieldSuffixProps extends ViewProps {
|
|
30
|
+
asChild?: boolean;
|
|
31
|
+
className?: string;
|
|
32
|
+
children?: ReactNode;
|
|
33
|
+
}
|
|
34
|
+
declare const DateFieldSuffix: import("react").ForwardRefExoticComponent<DateFieldSuffixProps & import("react").RefAttributes<View>>;
|
|
35
|
+
type DateFieldCompound = typeof DateFieldRoot & {
|
|
36
|
+
Group: typeof DateFieldGroup;
|
|
37
|
+
Input: typeof DateFieldInput;
|
|
38
|
+
Segment: typeof DateFieldSegment;
|
|
39
|
+
Suffix: typeof DateFieldSuffix;
|
|
40
|
+
};
|
|
41
|
+
export declare const DateField: DateFieldCompound;
|
|
42
|
+
export {};
|
|
43
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DateField/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAQL,KAAK,kBAAkB,IAAI,2BAA2B,EACtD,KAAK,qBAAqB,IAAI,8BAA8B,EAC7D,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAE9D,OAAO,EAML,KAAK,0BAA0B,EAChC,MAAM,UAAU,CAAC;AAWlB,MAAM,WAAW,cAAe,SAAQ,2BAA2B,EAAE,0BAA0B;IAC7F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4GAA4G;IAC5G,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;CACvC;AAED,QAAA,MAAM,aAAa,iGAuClB,CAAC;AAIF,MAAM,WAAW,mBAAoB,SAAQ,SAAS,EAAE,0BAA0B;IAChF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,cAAc,sGAkBnB,CAAC;AAIF,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACtE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,8BAA8B,CAAC,SAAS,CAAC,KAAK,SAAS,CAAC;IAC7E,IAAI,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,qBAAsB,SAAQ,8BAA8B;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,gBAAgB,wGAWrB,CAAC;AAQF,QAAA,MAAM,cAAc,sGAcnB,CAAC;AAIF,MAAM,WAAW,oBAAqB,SAAQ,SAAS;IACrD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,eAAe,uGAepB,CAAC;AAIF,KAAK,iBAAiB,GAAG,OAAO,aAAa,GAAG;IAC9C,KAAK,EAAE,OAAO,cAAc,CAAC;IAC7B,KAAK,EAAE,OAAO,cAAc,CAAC;IAC7B,OAAO,EAAE,OAAO,gBAAgB,CAAC;IACjC,MAAM,EAAE,OAAO,eAAe,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,SAAS,EAKhB,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { type VariantProps } from '@cdx-ui/utils';
|
|
2
|
+
export declare const dateFieldRootVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
3
|
+
export declare const dateFieldGroupVariants: (props?: ({
|
|
4
|
+
variant?: "outline" | null | undefined;
|
|
5
|
+
size?: "small" | "default" | null | undefined;
|
|
6
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
7
|
+
export declare const dateFieldInputVariants: (props?: ({
|
|
8
|
+
size?: "small" | "default" | null | undefined;
|
|
9
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
10
|
+
export declare const dateFieldSegmentVariants: (props?: ({
|
|
11
|
+
literal?: boolean | null | undefined;
|
|
12
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
13
|
+
export declare const dateFieldSuffixVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
14
|
+
export type DateFieldGroupVariantProps = VariantProps<typeof dateFieldGroupVariants>;
|
|
15
|
+
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/DateField/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAGvD,eAAO,MAAM,qBAAqB,oFAAiB,CAAC;AAEpD,eAAO,MAAM,sBAAsB;;;8EAAoB,CAAC;AAExD,eAAO,MAAM,sBAAsB;;8EAmBlC,CAAC;AAEF,eAAO,MAAM,wBAAwB;;8EAkBpC,CAAC;AAEF,eAAO,MAAM,uBAAuB,oFAAoB,CAAC;AAEzD,MAAM,MAAM,0BAA0B,GAAG,YAAY,CAAC,OAAO,sBAAsB,CAAC,CAAC"}
|