@cdx-ui/components 0.0.1-beta.140 → 0.0.1-beta.142

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.
Files changed (148) hide show
  1. package/lib/commonjs/components/BottomSheet/index.js +8 -2
  2. package/lib/commonjs/components/BottomSheet/index.js.map +1 -1
  3. package/lib/commonjs/components/Calendar/CalendarMonthHeader.js +96 -0
  4. package/lib/commonjs/components/Calendar/CalendarMonthHeader.js.map +1 -0
  5. package/lib/commonjs/components/Calendar/CalendarYearPickerGrid.js +74 -0
  6. package/lib/commonjs/components/Calendar/CalendarYearPickerGrid.js.map +1 -0
  7. package/lib/commonjs/components/Calendar/flashCalendarAdapter.js +298 -0
  8. package/lib/commonjs/components/Calendar/flashCalendarAdapter.js.map +1 -0
  9. package/lib/commonjs/components/Calendar/index.js +149 -0
  10. package/lib/commonjs/components/Calendar/index.js.map +1 -0
  11. package/lib/commonjs/components/Calendar/styles.js +70 -0
  12. package/lib/commonjs/components/Calendar/styles.js.map +1 -0
  13. package/lib/commonjs/components/DateField/index.js +147 -0
  14. package/lib/commonjs/components/DateField/index.js.map +1 -0
  15. package/lib/commonjs/components/DateField/styles.js +34 -0
  16. package/lib/commonjs/components/DateField/styles.js.map +1 -0
  17. package/lib/commonjs/components/DatePicker/index.js +163 -0
  18. package/lib/commonjs/components/DatePicker/index.js.map +1 -0
  19. package/lib/commonjs/components/DateRangePicker/index.js +177 -0
  20. package/lib/commonjs/components/DateRangePicker/index.js.map +1 -0
  21. package/lib/commonjs/components/DateTimeField/index.js +96 -0
  22. package/lib/commonjs/components/DateTimeField/index.js.map +1 -0
  23. package/lib/commonjs/components/DateTimeList/index.js +180 -0
  24. package/lib/commonjs/components/DateTimeList/index.js.map +1 -0
  25. package/lib/commonjs/components/DateTimeList/styles.js +55 -0
  26. package/lib/commonjs/components/DateTimeList/styles.js.map +1 -0
  27. package/lib/commonjs/components/DateTimePicker/index.js +187 -0
  28. package/lib/commonjs/components/DateTimePicker/index.js.map +1 -0
  29. package/lib/commonjs/components/MonthCalendar/index.js +229 -0
  30. package/lib/commonjs/components/MonthCalendar/index.js.map +1 -0
  31. package/lib/commonjs/components/MonthPicker/index.js +163 -0
  32. package/lib/commonjs/components/MonthPicker/index.js.map +1 -0
  33. package/lib/commonjs/components/RangeCalendar/index.js +165 -0
  34. package/lib/commonjs/components/RangeCalendar/index.js.map +1 -0
  35. package/lib/commonjs/components/index.js +120 -0
  36. package/lib/commonjs/components/index.js.map +1 -1
  37. package/lib/commonjs/components/picker/PickerTrigger.js +49 -0
  38. package/lib/commonjs/components/picker/PickerTrigger.js.map +1 -0
  39. package/lib/commonjs/components/picker/styles.js +15 -0
  40. package/lib/commonjs/components/picker/styles.js.map +1 -0
  41. package/lib/commonjs/components/picker/surfaces.js +141 -0
  42. package/lib/commonjs/components/picker/surfaces.js.map +1 -0
  43. package/lib/module/components/BottomSheet/index.js +8 -2
  44. package/lib/module/components/BottomSheet/index.js.map +1 -1
  45. package/lib/module/components/Calendar/CalendarMonthHeader.js +92 -0
  46. package/lib/module/components/Calendar/CalendarMonthHeader.js.map +1 -0
  47. package/lib/module/components/Calendar/CalendarYearPickerGrid.js +70 -0
  48. package/lib/module/components/Calendar/CalendarYearPickerGrid.js.map +1 -0
  49. package/lib/module/components/Calendar/flashCalendarAdapter.js +290 -0
  50. package/lib/module/components/Calendar/flashCalendarAdapter.js.map +1 -0
  51. package/lib/module/components/Calendar/index.js +145 -0
  52. package/lib/module/components/Calendar/index.js.map +1 -0
  53. package/lib/module/components/Calendar/styles.js +66 -0
  54. package/lib/module/components/Calendar/styles.js.map +1 -0
  55. package/lib/module/components/DateField/index.js +143 -0
  56. package/lib/module/components/DateField/index.js.map +1 -0
  57. package/lib/module/components/DateField/styles.js +30 -0
  58. package/lib/module/components/DateField/styles.js.map +1 -0
  59. package/lib/module/components/DatePicker/index.js +159 -0
  60. package/lib/module/components/DatePicker/index.js.map +1 -0
  61. package/lib/module/components/DateRangePicker/index.js +173 -0
  62. package/lib/module/components/DateRangePicker/index.js.map +1 -0
  63. package/lib/module/components/DateTimeField/index.js +92 -0
  64. package/lib/module/components/DateTimeField/index.js.map +1 -0
  65. package/lib/module/components/DateTimeList/index.js +176 -0
  66. package/lib/module/components/DateTimeList/index.js.map +1 -0
  67. package/lib/module/components/DateTimeList/styles.js +52 -0
  68. package/lib/module/components/DateTimeList/styles.js.map +1 -0
  69. package/lib/module/components/DateTimePicker/index.js +183 -0
  70. package/lib/module/components/DateTimePicker/index.js.map +1 -0
  71. package/lib/module/components/MonthCalendar/index.js +225 -0
  72. package/lib/module/components/MonthCalendar/index.js.map +1 -0
  73. package/lib/module/components/MonthPicker/index.js +159 -0
  74. package/lib/module/components/MonthPicker/index.js.map +1 -0
  75. package/lib/module/components/RangeCalendar/index.js +161 -0
  76. package/lib/module/components/RangeCalendar/index.js.map +1 -0
  77. package/lib/module/components/index.js +10 -0
  78. package/lib/module/components/index.js.map +1 -1
  79. package/lib/module/components/picker/PickerTrigger.js +45 -0
  80. package/lib/module/components/picker/PickerTrigger.js.map +1 -0
  81. package/lib/module/components/picker/styles.js +12 -0
  82. package/lib/module/components/picker/styles.js.map +1 -0
  83. package/lib/module/components/picker/surfaces.js +135 -0
  84. package/lib/module/components/picker/surfaces.js.map +1 -0
  85. package/lib/typescript/components/BottomSheet/index.d.ts +2 -2
  86. package/lib/typescript/components/BottomSheet/index.d.ts.map +1 -1
  87. package/lib/typescript/components/Calendar/CalendarMonthHeader.d.ts +14 -0
  88. package/lib/typescript/components/Calendar/CalendarMonthHeader.d.ts.map +1 -0
  89. package/lib/typescript/components/Calendar/CalendarYearPickerGrid.d.ts +12 -0
  90. package/lib/typescript/components/Calendar/CalendarYearPickerGrid.d.ts.map +1 -0
  91. package/lib/typescript/components/Calendar/flashCalendarAdapter.d.ts +18 -0
  92. package/lib/typescript/components/Calendar/flashCalendarAdapter.d.ts.map +1 -0
  93. package/lib/typescript/components/Calendar/index.d.ts +19 -0
  94. package/lib/typescript/components/Calendar/index.d.ts.map +1 -0
  95. package/lib/typescript/components/Calendar/styles.d.ts +23 -0
  96. package/lib/typescript/components/Calendar/styles.d.ts.map +1 -0
  97. package/lib/typescript/components/DateField/index.d.ts +43 -0
  98. package/lib/typescript/components/DateField/index.d.ts.map +1 -0
  99. package/lib/typescript/components/DateField/styles.d.ts +15 -0
  100. package/lib/typescript/components/DateField/styles.d.ts.map +1 -0
  101. package/lib/typescript/components/DatePicker/index.d.ts +40 -0
  102. package/lib/typescript/components/DatePicker/index.d.ts.map +1 -0
  103. package/lib/typescript/components/DateRangePicker/index.d.ts +45 -0
  104. package/lib/typescript/components/DateRangePicker/index.d.ts.map +1 -0
  105. package/lib/typescript/components/DateTimeField/index.d.ts +29 -0
  106. package/lib/typescript/components/DateTimeField/index.d.ts.map +1 -0
  107. package/lib/typescript/components/DateTimeList/index.d.ts +19 -0
  108. package/lib/typescript/components/DateTimeList/index.d.ts.map +1 -0
  109. package/lib/typescript/components/DateTimeList/styles.d.ts +17 -0
  110. package/lib/typescript/components/DateTimeList/styles.d.ts.map +1 -0
  111. package/lib/typescript/components/DateTimePicker/index.d.ts +40 -0
  112. package/lib/typescript/components/DateTimePicker/index.d.ts.map +1 -0
  113. package/lib/typescript/components/MonthCalendar/index.d.ts +29 -0
  114. package/lib/typescript/components/MonthCalendar/index.d.ts.map +1 -0
  115. package/lib/typescript/components/MonthPicker/index.d.ts +40 -0
  116. package/lib/typescript/components/MonthPicker/index.d.ts.map +1 -0
  117. package/lib/typescript/components/RangeCalendar/index.d.ts +19 -0
  118. package/lib/typescript/components/RangeCalendar/index.d.ts.map +1 -0
  119. package/lib/typescript/components/index.d.ts +10 -0
  120. package/lib/typescript/components/index.d.ts.map +1 -1
  121. package/lib/typescript/components/picker/PickerTrigger.d.ts +25 -0
  122. package/lib/typescript/components/picker/PickerTrigger.d.ts.map +1 -0
  123. package/lib/typescript/components/picker/styles.d.ts +4 -0
  124. package/lib/typescript/components/picker/styles.d.ts.map +1 -0
  125. package/lib/typescript/components/picker/surfaces.d.ts +28 -0
  126. package/lib/typescript/components/picker/surfaces.d.ts.map +1 -0
  127. package/package.json +6 -4
  128. package/src/components/BottomSheet/index.tsx +7 -1
  129. package/src/components/Calendar/CalendarMonthHeader.tsx +124 -0
  130. package/src/components/Calendar/CalendarYearPickerGrid.tsx +101 -0
  131. package/src/components/Calendar/flashCalendarAdapter.ts +362 -0
  132. package/src/components/Calendar/index.tsx +151 -0
  133. package/src/components/Calendar/styles.ts +80 -0
  134. package/src/components/DateField/index.tsx +196 -0
  135. package/src/components/DateField/styles.ts +51 -0
  136. package/src/components/DatePicker/index.tsx +187 -0
  137. package/src/components/DateRangePicker/index.tsx +202 -0
  138. package/src/components/DateTimeField/index.tsx +128 -0
  139. package/src/components/DateTimeList/index.tsx +187 -0
  140. package/src/components/DateTimeList/styles.ts +59 -0
  141. package/src/components/DateTimePicker/index.tsx +233 -0
  142. package/src/components/MonthCalendar/index.tsx +252 -0
  143. package/src/components/MonthPicker/index.tsx +188 -0
  144. package/src/components/RangeCalendar/index.tsx +162 -0
  145. package/src/components/index.ts +10 -0
  146. package/src/components/picker/PickerTrigger.tsx +65 -0
  147. package/src/components/picker/styles.ts +17 -0
  148. package/src/components/picker/surfaces.tsx +174 -0
@@ -0,0 +1,145 @@
1
+ "use strict";
2
+
3
+ import { forwardRef, useCallback, useId, useMemo } from 'react';
4
+ import { Calendar as FlashCalendar } from '@marceloterreiro/flash-calendar';
5
+ import { CalendarGrid as CalendarGridPrimitive, CalendarRoot as CalendarRootPrimitive, dataAttributes, mergeDataAttributes, useCalendarContext } from '@cdx-ui/primitives';
6
+ import { cn } from '@cdx-ui/utils';
7
+ import { CalendarMonthHeader } from './CalendarMonthHeader';
8
+ import { CalendarYearPickerGrid } from './CalendarYearPickerGrid';
9
+ import { FLASH_CALENDAR_DAY_HEIGHT, formatFlashCalendarWeekdayShort, toCalendarDateId, useFlashCalendarTheme } from './flashCalendarAdapter';
10
+ import { calendarRootVariants } from './styles';
11
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
12
+ function CalendarDefaultBody() {
13
+ const {
14
+ view
15
+ } = useCalendarContext();
16
+ return /*#__PURE__*/_jsxs(_Fragment, {
17
+ children: [/*#__PURE__*/_jsx(CalendarHeader, {}), view === 'year' ? /*#__PURE__*/_jsx(CalendarYearPicker, {}) : /*#__PURE__*/_jsx(CalendarGrid, {})]
18
+ });
19
+ }
20
+ const CalendarRoot = /*#__PURE__*/forwardRef(({
21
+ className,
22
+ children,
23
+ style,
24
+ ...props
25
+ }, ref) => /*#__PURE__*/_jsx(CalendarRootPrimitive, {
26
+ ref: ref,
27
+ className: cn(calendarRootVariants(), className),
28
+ style: style,
29
+ ...props,
30
+ ...mergeDataAttributes(props, dataAttributes({
31
+ slot: 'calendar'
32
+ })),
33
+ children: children ?? /*#__PURE__*/_jsx(CalendarDefaultBody, {})
34
+ }));
35
+ CalendarRoot.displayName = 'Calendar';
36
+ const CalendarHeader = /*#__PURE__*/forwardRef(({
37
+ className,
38
+ style,
39
+ ...props
40
+ }, ref) => {
41
+ const {
42
+ monthId,
43
+ onMonthIdChange,
44
+ disabled,
45
+ view,
46
+ setView,
47
+ locale,
48
+ labels
49
+ } = useCalendarContext();
50
+ return /*#__PURE__*/_jsx(CalendarMonthHeader, {
51
+ ref: ref,
52
+ monthId: monthId,
53
+ onMonthIdChange: onMonthIdChange,
54
+ disabled: disabled,
55
+ view: view,
56
+ onViewChange: setView,
57
+ locale: locale,
58
+ labels: labels,
59
+ className: className,
60
+ style: style,
61
+ ...props
62
+ });
63
+ });
64
+ CalendarHeader.displayName = 'Calendar.Header';
65
+ const CalendarGrid = /*#__PURE__*/forwardRef(({
66
+ className,
67
+ style,
68
+ ...props
69
+ }, ref) => {
70
+ const {
71
+ value,
72
+ onValueChange,
73
+ monthId,
74
+ minValue,
75
+ maxValue,
76
+ disabled,
77
+ locale
78
+ } = useCalendarContext();
79
+ const instanceId = useId();
80
+ const theme = useFlashCalendarTheme(value);
81
+ const formatWeekday = useCallback(date => formatFlashCalendarWeekdayShort(date, locale), [locale]);
82
+ const activeRanges = useMemo(() => value ? [{
83
+ startId: value,
84
+ endId: value
85
+ }] : [], [value]);
86
+ const handleDayPress = useCallback(dateId => {
87
+ if (!disabled) {
88
+ onValueChange?.(toCalendarDateId(dateId));
89
+ }
90
+ }, [disabled, onValueChange]);
91
+ return /*#__PURE__*/_jsx(CalendarGridPrimitive, {
92
+ ref: ref,
93
+ className: className,
94
+ style: style,
95
+ ...props,
96
+ children: /*#__PURE__*/_jsx(FlashCalendar, {
97
+ calendarInstanceId: instanceId,
98
+ calendarMonthId: monthId,
99
+ calendarActiveDateRanges: activeRanges,
100
+ calendarMinDateId: minValue,
101
+ calendarMaxDateId: maxValue,
102
+ calendarMonthHeaderHeight: 0,
103
+ calendarDayHeight: FLASH_CALENDAR_DAY_HEIGHT,
104
+ calendarWeekHeaderHeight: 28,
105
+ calendarRowVerticalSpacing: 4,
106
+ calendarRowHorizontalSpacing: 4,
107
+ getCalendarMonthFormat: () => '',
108
+ getCalendarWeekDayFormat: formatWeekday,
109
+ onCalendarDayPress: handleDayPress,
110
+ theme: theme
111
+ })
112
+ });
113
+ });
114
+ CalendarGrid.displayName = 'Calendar.Grid';
115
+ const CalendarYearPicker = /*#__PURE__*/forwardRef(({
116
+ className,
117
+ style,
118
+ ...props
119
+ }, ref) => {
120
+ const {
121
+ monthId,
122
+ onMonthIdChange,
123
+ disabled,
124
+ setView,
125
+ labels
126
+ } = useCalendarContext();
127
+ return /*#__PURE__*/_jsx(CalendarYearPickerGrid, {
128
+ ref: ref,
129
+ monthId: monthId,
130
+ onMonthIdChange: onMonthIdChange,
131
+ disabled: disabled,
132
+ onViewChange: setView,
133
+ labels: labels,
134
+ className: className,
135
+ style: style,
136
+ ...props
137
+ });
138
+ });
139
+ CalendarYearPicker.displayName = 'Calendar.YearPicker';
140
+ export const Calendar = Object.assign(CalendarRoot, {
141
+ Header: CalendarHeader,
142
+ Grid: CalendarGrid,
143
+ YearPicker: CalendarYearPicker
144
+ });
145
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["forwardRef","useCallback","useId","useMemo","Calendar","FlashCalendar","CalendarGrid","CalendarGridPrimitive","CalendarRoot","CalendarRootPrimitive","dataAttributes","mergeDataAttributes","useCalendarContext","cn","CalendarMonthHeader","CalendarYearPickerGrid","FLASH_CALENDAR_DAY_HEIGHT","formatFlashCalendarWeekdayShort","toCalendarDateId","useFlashCalendarTheme","calendarRootVariants","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","CalendarDefaultBody","view","children","CalendarHeader","CalendarYearPicker","className","style","props","ref","slot","displayName","monthId","onMonthIdChange","disabled","setView","locale","labels","onViewChange","value","onValueChange","minValue","maxValue","instanceId","theme","formatWeekday","date","activeRanges","startId","endId","handleDayPress","dateId","calendarInstanceId","calendarMonthId","calendarActiveDateRanges","calendarMinDateId","calendarMaxDateId","calendarMonthHeaderHeight","calendarDayHeight","calendarWeekHeaderHeight","calendarRowVerticalSpacing","calendarRowHorizontalSpacing","getCalendarMonthFormat","getCalendarWeekDayFormat","onCalendarDayPress","Object","assign","Header","Grid","YearPicker"],"sourceRoot":"../../../../src","sources":["components/Calendar/index.tsx"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,66 @@
1
+ "use strict";
2
+
3
+ import { cva } from '@cdx-ui/utils';
4
+ import { DISABLED_CURSOR, DISABLED_OPACITY } from '../../styles/constants';
5
+ export const calendarRootVariants = cva(['gap-3 rounded-[var(--border-radius-default)] bg-surface-primary p-3', DISABLED_OPACITY, DISABLED_CURSOR]);
6
+ export const calendarMonthHeaderVariants = cva('flex-row items-center justify-between gap-2 px-1');
7
+ export const calendarMonthHeaderToggleVariants = cva('min-w-0 flex-1 flex-row items-center gap-1');
8
+ export const calendarMonthHeaderLabelVariants = cva('body-lg font-semibold shrink', {
9
+ variants: {
10
+ isYearView: {
11
+ true: 'text-content-action',
12
+ false: 'text-content-primary'
13
+ }
14
+ },
15
+ defaultVariants: {
16
+ isYearView: false
17
+ }
18
+ });
19
+ export const calendarMonthHeaderIconVariants = cva('size-5 shrink-0', {
20
+ variants: {
21
+ isYearView: {
22
+ true: 'text-content-action',
23
+ false: 'text-content-secondary'
24
+ }
25
+ },
26
+ defaultVariants: {
27
+ isYearView: false
28
+ }
29
+ });
30
+ export const calendarMonthHeaderNavVariants = cva('flex-row items-center gap-1');
31
+ export const calendarYearPickerGridVariants = cva('flex-row flex-wrap justify-between gap-y-2 px-1 py-1');
32
+ export const calendarPillCellVariants = cva('my-0.5 w-[31%] items-center justify-center rounded-[var(--border-radius-round)] py-2.5', {
33
+ variants: {
34
+ selected: {
35
+ true: 'bg-surface-action-strong',
36
+ false: 'bg-transparent'
37
+ },
38
+ // Dims out-of-range / disabled cells and gates the compound variant
39
+ // below so hover is suppressed on disabled cells.
40
+ disabled: {
41
+ true: DISABLED_OPACITY,
42
+ false: ''
43
+ }
44
+ },
45
+ compoundVariants: [{
46
+ selected: false,
47
+ disabled: false,
48
+ className: 'web:hover:bg-surface-action-subtle'
49
+ }],
50
+ defaultVariants: {
51
+ selected: false,
52
+ disabled: false
53
+ }
54
+ });
55
+ export const calendarPillCellTextVariants = cva('body-md', {
56
+ variants: {
57
+ selected: {
58
+ true: 'font-semibold text-content-action-on-strong',
59
+ false: 'text-content-primary'
60
+ }
61
+ },
62
+ defaultVariants: {
63
+ selected: false
64
+ }
65
+ });
66
+ //# sourceMappingURL=styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["cva","DISABLED_CURSOR","DISABLED_OPACITY","calendarRootVariants","calendarMonthHeaderVariants","calendarMonthHeaderToggleVariants","calendarMonthHeaderLabelVariants","variants","isYearView","true","false","defaultVariants","calendarMonthHeaderIconVariants","calendarMonthHeaderNavVariants","calendarYearPickerGridVariants","calendarPillCellVariants","selected","disabled","compoundVariants","className","calendarPillCellTextVariants"],"sourceRoot":"../../../../src","sources":["components/Calendar/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,eAAe;AACtD,SAASC,eAAe,EAAEC,gBAAgB,QAAQ,wBAAwB;AAE1E,OAAO,MAAMC,oBAAoB,GAAGH,GAAG,CAAC,CACtC,qEAAqE,EACrEE,gBAAgB,EAChBD,eAAe,CAChB,CAAC;AAEF,OAAO,MAAMG,2BAA2B,GAAGJ,GAAG,CAAC,kDAAkD,CAAC;AAElG,OAAO,MAAMK,iCAAiC,GAAGL,GAAG,CAAC,4CAA4C,CAAC;AAElG,OAAO,MAAMM,gCAAgC,GAAGN,GAAG,CAAC,8BAA8B,EAAE;EAClFO,QAAQ,EAAE;IACRC,UAAU,EAAE;MACVC,IAAI,EAAE,qBAAqB;MAC3BC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IAAEH,UAAU,EAAE;EAAM;AACvC,CAAC,CAAC;AAEF,OAAO,MAAMI,+BAA+B,GAAGZ,GAAG,CAAC,iBAAiB,EAAE;EACpEO,QAAQ,EAAE;IACRC,UAAU,EAAE;MACVC,IAAI,EAAE,qBAAqB;MAC3BC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IAAEH,UAAU,EAAE;EAAM;AACvC,CAAC,CAAC;AAEF,OAAO,MAAMK,8BAA8B,GAAGb,GAAG,CAAC,6BAA6B,CAAC;AAEhF,OAAO,MAAMc,8BAA8B,GAAGd,GAAG,CAC/C,sDACF,CAAC;AAED,OAAO,MAAMe,wBAAwB,GAAGf,GAAG,CACzC,wFAAwF,EACxF;EACEO,QAAQ,EAAE;IACRS,QAAQ,EAAE;MACRP,IAAI,EAAE,0BAA0B;MAChCC,KAAK,EAAE;IACT,CAAC;IACD;IACA;IACAO,QAAQ,EAAE;MACRR,IAAI,EAAEP,gBAAgB;MACtBQ,KAAK,EAAE;IACT;EACF,CAAC;EACDQ,gBAAgB,EAAE,CAChB;IACEF,QAAQ,EAAE,KAAK;IACfC,QAAQ,EAAE,KAAK;IACfE,SAAS,EAAE;EACb,CAAC,CACF;EACDR,eAAe,EAAE;IAAEK,QAAQ,EAAE,KAAK;IAAEC,QAAQ,EAAE;EAAM;AACtD,CACF,CAAC;AAED,OAAO,MAAMG,4BAA4B,GAAGpB,GAAG,CAAC,SAAS,EAAE;EACzDO,QAAQ,EAAE;IACRS,QAAQ,EAAE;MACRP,IAAI,EAAE,6CAA6C;MACnDC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IAAEK,QAAQ,EAAE;EAAM;AACrC,CAAC,CAAC","ignoreList":[]}
@@ -0,0 +1,143 @@
1
+ "use strict";
2
+
3
+ import { forwardRef, useMemo } from 'react';
4
+ import { View } from 'react-native';
5
+ import { DateFieldInput as DateFieldInputPrimitive, DateFieldRoot as DateFieldRootPrimitive, DateFieldSegment as DateFieldSegmentPrimitive, InputRoot as InputRootPrimitive, Slot, dataAttributes, mergeDataAttributes } from '@cdx-ui/primitives';
6
+ import { cn, ParentContext, useParentContext } from '@cdx-ui/utils';
7
+ import { dateFieldGroupVariants, dateFieldInputVariants, dateFieldRootVariants, dateFieldSegmentVariants, dateFieldSuffixVariants } from './styles';
8
+ import { jsx as _jsx } from "react/jsx-runtime";
9
+ const SCOPE = 'DATE_FIELD';
10
+ const useDateFieldStyleContext = () => useParentContext()[SCOPE] ?? {};
11
+ const DateFieldRoot = /*#__PURE__*/forwardRef(({
12
+ mode = 'date',
13
+ locale = 'en-US',
14
+ labels,
15
+ variant = 'outline',
16
+ size = 'default',
17
+ fullWidth,
18
+ className,
19
+ children,
20
+ style,
21
+ ...props
22
+ }, ref) => {
23
+ const parent = useParentContext();
24
+ const ctx = useMemo(() => ({
25
+ ...parent,
26
+ [SCOPE]: {
27
+ variant,
28
+ size,
29
+ fullWidth
30
+ }
31
+ }), [parent, variant, size, fullWidth]);
32
+ return /*#__PURE__*/_jsx(ParentContext.Provider, {
33
+ value: ctx,
34
+ children: /*#__PURE__*/_jsx(DateFieldRootPrimitive, {
35
+ ref: ref,
36
+ mode: mode,
37
+ locale: locale,
38
+ labels: labels,
39
+ className: cn(dateFieldRootVariants(), className),
40
+ style: style,
41
+ ...props,
42
+ ...mergeDataAttributes(props, dataAttributes({
43
+ slot: 'date-field'
44
+ })),
45
+ children: children
46
+ })
47
+ });
48
+ });
49
+ DateFieldRoot.displayName = 'DateField';
50
+ const DateFieldGroup = /*#__PURE__*/forwardRef(({
51
+ variant,
52
+ size,
53
+ fullWidth,
54
+ className,
55
+ children,
56
+ style,
57
+ ...props
58
+ }, ref) => {
59
+ const inherited = useDateFieldStyleContext();
60
+ const resolvedVariant = variant ?? inherited.variant ?? 'outline';
61
+ const resolvedSize = size ?? inherited.size ?? 'default';
62
+ const resolvedFullWidth = fullWidth ?? inherited.fullWidth ?? true;
63
+ const computedClassName = cn(dateFieldGroupVariants({
64
+ variant: resolvedVariant,
65
+ size: resolvedSize
66
+ }), !resolvedFullWidth && 'w-auto self-start', className);
67
+ return /*#__PURE__*/_jsx(InputRootPrimitive, {
68
+ ref: ref,
69
+ className: computedClassName,
70
+ style: style,
71
+ ...props,
72
+ children: children
73
+ });
74
+ });
75
+ DateFieldGroup.displayName = 'DateField.Group';
76
+ const DateFieldSegment = /*#__PURE__*/forwardRef(({
77
+ segment,
78
+ className,
79
+ style,
80
+ ...props
81
+ }, ref) => /*#__PURE__*/_jsx(DateFieldSegmentPrimitive, {
82
+ ref: ref,
83
+ segment: segment,
84
+ className: cn(dateFieldSegmentVariants({
85
+ literal: !segment.isEditable
86
+ }), className),
87
+ style: style,
88
+ ...props,
89
+ ...mergeDataAttributes(props, dataAttributes({
90
+ slot: 'date-field-segment'
91
+ }))
92
+ }));
93
+ DateFieldSegment.displayName = 'DateField.Segment';
94
+ const renderDefaultDateFieldSegment = segment => /*#__PURE__*/_jsx(DateFieldSegment, {
95
+ segment: segment
96
+ });
97
+ const DateFieldInput = /*#__PURE__*/forwardRef(({
98
+ children = renderDefaultDateFieldSegment,
99
+ className,
100
+ style,
101
+ ...props
102
+ }, ref) => {
103
+ const {
104
+ size
105
+ } = useDateFieldStyleContext();
106
+ return /*#__PURE__*/_jsx(DateFieldInputPrimitive, {
107
+ ref: ref,
108
+ className: cn(dateFieldInputVariants({
109
+ size: size ?? 'default'
110
+ }), className),
111
+ style: style,
112
+ ...props,
113
+ children: children
114
+ });
115
+ });
116
+ DateFieldInput.displayName = 'DateField.Input';
117
+ const DateFieldSuffix = /*#__PURE__*/forwardRef(({
118
+ asChild,
119
+ className,
120
+ children,
121
+ style,
122
+ ...props
123
+ }, ref) => {
124
+ const Comp = asChild ? Slot : View;
125
+ return /*#__PURE__*/_jsx(Comp, {
126
+ ref: ref,
127
+ className: cn(dateFieldSuffixVariants(), className),
128
+ style: style,
129
+ ...props,
130
+ ...mergeDataAttributes(props, dataAttributes({
131
+ slot: 'date-field-suffix'
132
+ })),
133
+ children: children
134
+ });
135
+ });
136
+ DateFieldSuffix.displayName = 'DateField.Suffix';
137
+ export const DateField = Object.assign(DateFieldRoot, {
138
+ Group: DateFieldGroup,
139
+ Input: DateFieldInput,
140
+ Segment: DateFieldSegment,
141
+ Suffix: DateFieldSuffix
142
+ });
143
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["forwardRef","useMemo","View","DateFieldInput","DateFieldInputPrimitive","DateFieldRoot","DateFieldRootPrimitive","DateFieldSegment","DateFieldSegmentPrimitive","InputRoot","InputRootPrimitive","Slot","dataAttributes","mergeDataAttributes","cn","ParentContext","useParentContext","dateFieldGroupVariants","dateFieldInputVariants","dateFieldRootVariants","dateFieldSegmentVariants","dateFieldSuffixVariants","jsx","_jsx","SCOPE","useDateFieldStyleContext","mode","locale","labels","variant","size","fullWidth","className","children","style","props","ref","parent","ctx","Provider","value","slot","displayName","DateFieldGroup","inherited","resolvedVariant","resolvedSize","resolvedFullWidth","computedClassName","segment","literal","isEditable","renderDefaultDateFieldSegment","DateFieldSuffix","asChild","Comp","DateField","Object","assign","Group","Input","Segment","Suffix"],"sourceRoot":"../../../../src","sources":["components/DateField/index.tsx"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,30 @@
1
+ "use strict";
2
+
3
+ import { cva } from '@cdx-ui/utils';
4
+ import { inputRootVariants, inputSlotVariants } from '../Input/styles';
5
+ export const dateFieldRootVariants = cva('gap-1.5');
6
+ export const dateFieldGroupVariants = inputRootVariants;
7
+ export const dateFieldInputVariants = cva(['flex-1 min-w-0 flex-row flex-wrap items-center gap-px bg-transparent p-0', 'text-content-primary', 'web:outline-none', 'tracking-normal', 'tabular-nums'], {
8
+ variants: {
9
+ size: {
10
+ default: 'text-[0.875rem]',
11
+ small: 'text-[0.75rem]'
12
+ }
13
+ },
14
+ defaultVariants: {
15
+ size: 'default'
16
+ }
17
+ });
18
+ export const dateFieldSegmentVariants = cva(['body-md shrink-0 rounded-[var(--border-radius-default)] px-0.5 text-end tabular-nums', 'text-content-primary', 'data-[placeholder=true]:text-content-tertiary', 'data-[focus=true]:bg-surface-action-subtle data-[focus=true]:text-content-primary'], {
19
+ variants: {
20
+ literal: {
21
+ true: 'text-content-secondary px-0',
22
+ false: ''
23
+ }
24
+ },
25
+ defaultVariants: {
26
+ literal: false
27
+ }
28
+ });
29
+ export const dateFieldSuffixVariants = inputSlotVariants;
30
+ //# sourceMappingURL=styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["cva","inputRootVariants","inputSlotVariants","dateFieldRootVariants","dateFieldGroupVariants","dateFieldInputVariants","variants","size","default","small","defaultVariants","dateFieldSegmentVariants","literal","true","false","dateFieldSuffixVariants"],"sourceRoot":"../../../../src","sources":["components/DateField/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,eAAe;AACtD,SAASC,iBAAiB,EAAEC,iBAAiB,QAAQ,iBAAiB;AAEtE,OAAO,MAAMC,qBAAqB,GAAGH,GAAG,CAAC,SAAS,CAAC;AAEnD,OAAO,MAAMI,sBAAsB,GAAGH,iBAAiB;AAEvD,OAAO,MAAMI,sBAAsB,GAAGL,GAAG,CACvC,CACE,0EAA0E,EAC1E,sBAAsB,EACtB,kBAAkB,EAClB,iBAAiB,EACjB,cAAc,CACf,EACD;EACEM,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,OAAO,EAAE,iBAAiB;MAC1BC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAED,OAAO,MAAMI,wBAAwB,GAAGX,GAAG,CACzC,CACE,sFAAsF,EACtF,sBAAsB,EACtB,+CAA+C,EAC/C,mFAAmF,CACpF,EACD;EACEM,QAAQ,EAAE;IACRM,OAAO,EAAE;MACPC,IAAI,EAAE,6BAA6B;MACnCC,KAAK,EAAE;IACT;EACF,CAAC;EACDJ,eAAe,EAAE;IACfE,OAAO,EAAE;EACX;AACF,CACF,CAAC;AAED,OAAO,MAAMG,uBAAuB,GAAGb,iBAAiB","ignoreList":[]}
@@ -0,0 +1,159 @@
1
+ "use strict";
2
+
3
+ import { forwardRef, useCallback, useMemo } from 'react';
4
+ import { CalendarToday } from '@cdx-ui/icons';
5
+ import { dataAttributes, DatePickerContext, DatePickerRoot as DatePickerRootPrimitive, mergeDataAttributes, useDatePickerContext } from '@cdx-ui/primitives';
6
+ import { cn, ParentContext, useParentContext } from '@cdx-ui/utils';
7
+ import { Dialog } from '../Dialog';
8
+ import { Icon } from '../Icon';
9
+ import { Calendar } from '../Calendar';
10
+ import { PickerTrigger } from '../picker/PickerTrigger';
11
+ import { PickerBottomSheetSurface, PickerDialogSurface, PickerPopoverSurface } from '../picker/surfaces';
12
+ import { jsx as _jsx } from "react/jsx-runtime";
13
+ const DATE_FIELD_SCOPE = 'DATE_FIELD';
14
+ const DatePickerRoot = /*#__PURE__*/forwardRef(({
15
+ className,
16
+ children,
17
+ style,
18
+ ...props
19
+ }, ref) => {
20
+ const parent = useParentContext();
21
+ const ctx = useMemo(() => ({
22
+ ...parent,
23
+ [DATE_FIELD_SCOPE]: {
24
+ variant: 'outline',
25
+ size: 'default',
26
+ fullWidth: true
27
+ }
28
+ }), [parent]);
29
+ return /*#__PURE__*/_jsx(ParentContext.Provider, {
30
+ value: ctx,
31
+ children: /*#__PURE__*/_jsx(DatePickerRootPrimitive, {
32
+ ref: ref,
33
+ className: cn('gap-2', className),
34
+ style: style,
35
+ ...props,
36
+ ...mergeDataAttributes(props, dataAttributes({
37
+ slot: 'date-picker'
38
+ })),
39
+ children: children
40
+ })
41
+ });
42
+ });
43
+ DatePickerRoot.displayName = 'DatePicker';
44
+ const DatePickerTrigger = /*#__PURE__*/forwardRef(({
45
+ accessibilityLabel,
46
+ ...props
47
+ }, ref) => {
48
+ const {
49
+ open,
50
+ setOpen,
51
+ disabled,
52
+ triggerRef,
53
+ labels
54
+ } = useDatePickerContext();
55
+ return /*#__PURE__*/_jsx(PickerTrigger, {
56
+ ref: ref,
57
+ open: open,
58
+ setOpen: setOpen,
59
+ disabled: disabled,
60
+ triggerRef: triggerRef,
61
+ accessibilityLabel: accessibilityLabel ?? labels.openDatePicker,
62
+ ...props
63
+ });
64
+ });
65
+ DatePickerTrigger.displayName = 'DatePicker.Trigger';
66
+ const DatePickerTriggerIndicator = () => /*#__PURE__*/_jsx(Icon, {
67
+ as: CalendarToday,
68
+ className: "text-content-secondary"
69
+ });
70
+ DatePickerTriggerIndicator.displayName = 'DatePicker.TriggerIndicator';
71
+ const DatePickerCalendar = /*#__PURE__*/forwardRef(({
72
+ ...props
73
+ }, ref) => {
74
+ const {
75
+ value,
76
+ onValueChange,
77
+ open,
78
+ setOpen,
79
+ minValue,
80
+ maxValue,
81
+ locale,
82
+ labels
83
+ } = useDatePickerContext();
84
+ const handleValueChange = useCallback(next => {
85
+ onValueChange?.(next);
86
+ if (open) {
87
+ setOpen(false);
88
+ }
89
+ }, [onValueChange, open, setOpen]);
90
+ return /*#__PURE__*/_jsx(Calendar, {
91
+ ref: ref,
92
+ value: value,
93
+ onValueChange: handleValueChange,
94
+ minValue: minValue,
95
+ maxValue: maxValue,
96
+ locale: locale,
97
+ labels: labels,
98
+ ...props
99
+ });
100
+ });
101
+ DatePickerCalendar.displayName = 'DatePicker.Calendar';
102
+ function DatePickerDialog({
103
+ children
104
+ }) {
105
+ const ctx = useDatePickerContext();
106
+ return /*#__PURE__*/_jsx(PickerDialogSurface, {
107
+ open: ctx.open,
108
+ setOpen: ctx.setOpen,
109
+ registerSurface: ctx.registerSurface,
110
+ children: /*#__PURE__*/_jsx(Dialog.Popup, {
111
+ className: "p-4",
112
+ children: /*#__PURE__*/_jsx(DatePickerContext.Provider, {
113
+ value: ctx,
114
+ children: children
115
+ })
116
+ })
117
+ });
118
+ }
119
+ function DatePickerBottomSheet({
120
+ children
121
+ }) {
122
+ const ctx = useDatePickerContext();
123
+ return /*#__PURE__*/_jsx(PickerBottomSheetSurface, {
124
+ open: ctx.open,
125
+ setOpen: ctx.setOpen,
126
+ registerSurface: ctx.registerSurface,
127
+ children: /*#__PURE__*/_jsx(DatePickerContext.Provider, {
128
+ value: ctx,
129
+ children: children
130
+ })
131
+ });
132
+ }
133
+ function DatePickerPopover({
134
+ children,
135
+ className
136
+ }) {
137
+ const ctx = useDatePickerContext();
138
+ return /*#__PURE__*/_jsx(PickerPopoverSurface, {
139
+ open: ctx.open,
140
+ setOpen: ctx.setOpen,
141
+ registerSurface: ctx.registerSurface,
142
+ anchorRef: ctx.anchorRef,
143
+ triggerRef: ctx.triggerRef,
144
+ className: className,
145
+ children: /*#__PURE__*/_jsx(DatePickerContext.Provider, {
146
+ value: ctx,
147
+ children: children
148
+ })
149
+ });
150
+ }
151
+ export const DatePicker = Object.assign(DatePickerRoot, {
152
+ Trigger: DatePickerTrigger,
153
+ TriggerIndicator: DatePickerTriggerIndicator,
154
+ Calendar: DatePickerCalendar,
155
+ Popover: DatePickerPopover,
156
+ Dialog: DatePickerDialog,
157
+ BottomSheet: DatePickerBottomSheet
158
+ });
159
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["forwardRef","useCallback","useMemo","CalendarToday","dataAttributes","DatePickerContext","DatePickerRoot","DatePickerRootPrimitive","mergeDataAttributes","useDatePickerContext","cn","ParentContext","useParentContext","Dialog","Icon","Calendar","PickerTrigger","PickerBottomSheetSurface","PickerDialogSurface","PickerPopoverSurface","jsx","_jsx","DATE_FIELD_SCOPE","className","children","style","props","ref","parent","ctx","variant","size","fullWidth","Provider","value","slot","displayName","DatePickerTrigger","accessibilityLabel","open","setOpen","disabled","triggerRef","labels","openDatePicker","DatePickerTriggerIndicator","as","DatePickerCalendar","onValueChange","minValue","maxValue","locale","handleValueChange","next","DatePickerDialog","registerSurface","Popup","DatePickerBottomSheet","DatePickerPopover","anchorRef","DatePicker","Object","assign","Trigger","TriggerIndicator","Popover","BottomSheet"],"sourceRoot":"../../../../src","sources":["components/DatePicker/index.tsx"],"mappings":"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","ignoreList":[]}