@dxos/react-ui-calendar 0.8.4-main.abd8ff62ef → 0.8.4-main.bc2380dfbc
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/LICENSE +102 -5
- package/dist/lib/browser/index.mjs +0 -7
- package/dist/lib/browser/index.mjs.map +2 -2
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/node-esm/index.mjs +0 -7
- package/dist/lib/node-esm/index.mjs.map +2 -2
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/types/src/components/Calendar/Calendar.d.ts.map +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +14 -14
- package/src/components/Calendar/Calendar.tsx +6 -11
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dxos/react-ui-calendar",
|
|
3
|
-
"version": "0.8.4-main.
|
|
3
|
+
"version": "0.8.4-main.bc2380dfbc",
|
|
4
4
|
"description": "A calendar component.",
|
|
5
5
|
"homepage": "https://dxos.org",
|
|
6
6
|
"bugs": "https://github.com/dxos/dxos/issues",
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
"type": "git",
|
|
9
9
|
"url": "https://github.com/dxos/dxos"
|
|
10
10
|
},
|
|
11
|
-
"license": "
|
|
11
|
+
"license": "FSL-1.1-Apache-2.0",
|
|
12
12
|
"author": "DXOS.org",
|
|
13
13
|
"type": "module",
|
|
14
14
|
"imports": {
|
|
@@ -39,11 +39,11 @@
|
|
|
39
39
|
"react-resize-detector": "^11.0.1",
|
|
40
40
|
"react-virtualized": "^9.22.6",
|
|
41
41
|
"react-window": "^2.2.3",
|
|
42
|
-
"@dxos/async": "0.8.4-main.
|
|
43
|
-
"@dxos/debug": "0.8.4-main.
|
|
44
|
-
"@dxos/log": "0.8.4-main.
|
|
45
|
-
"@dxos/invariant": "0.8.4-main.
|
|
46
|
-
"@dxos/util": "0.8.4-main.
|
|
42
|
+
"@dxos/async": "0.8.4-main.bc2380dfbc",
|
|
43
|
+
"@dxos/debug": "0.8.4-main.bc2380dfbc",
|
|
44
|
+
"@dxos/log": "0.8.4-main.bc2380dfbc",
|
|
45
|
+
"@dxos/invariant": "0.8.4-main.bc2380dfbc",
|
|
46
|
+
"@dxos/util": "0.8.4-main.bc2380dfbc"
|
|
47
47
|
},
|
|
48
48
|
"devDependencies": {
|
|
49
49
|
"@types/react": "~19.2.7",
|
|
@@ -52,18 +52,18 @@
|
|
|
52
52
|
"effect": "3.20.0",
|
|
53
53
|
"react": "~19.2.3",
|
|
54
54
|
"react-dom": "~19.2.3",
|
|
55
|
-
"vite": "^8.0.
|
|
56
|
-
"@dxos/random": "0.8.4-main.
|
|
57
|
-
"@dxos/react-ui": "0.8.4-main.
|
|
58
|
-
"@dxos/
|
|
59
|
-
"@dxos/
|
|
55
|
+
"vite": "^8.0.13",
|
|
56
|
+
"@dxos/random": "0.8.4-main.bc2380dfbc",
|
|
57
|
+
"@dxos/react-ui": "0.8.4-main.bc2380dfbc",
|
|
58
|
+
"@dxos/storybook-utils": "0.8.4-main.bc2380dfbc",
|
|
59
|
+
"@dxos/ui-theme": "0.8.4-main.bc2380dfbc"
|
|
60
60
|
},
|
|
61
61
|
"peerDependencies": {
|
|
62
62
|
"effect": "3.20.0",
|
|
63
63
|
"react": "~19.2.3",
|
|
64
64
|
"react-dom": "~19.2.3",
|
|
65
|
-
"@dxos/ui
|
|
66
|
-
"@dxos/
|
|
65
|
+
"@dxos/react-ui": "0.8.4-main.bc2380dfbc",
|
|
66
|
+
"@dxos/ui-theme": "0.8.4-main.bc2380dfbc"
|
|
67
67
|
},
|
|
68
68
|
"publishConfig": {
|
|
69
69
|
"access": "public"
|
|
@@ -214,12 +214,8 @@ const CalendarGrid = composable<HTMLDivElement, CalendarGridProps>(
|
|
|
214
214
|
({ key, index, style }) => {
|
|
215
215
|
const getBgColor = (date: Date) => date.getMonth() % 2 === 0 && 'bg-modal-surface';
|
|
216
216
|
return (
|
|
217
|
-
<div key={key}
|
|
218
|
-
<div
|
|
219
|
-
role='none'
|
|
220
|
-
className='grid grid-cols-7 bg-input-surface'
|
|
221
|
-
style={{ gridTemplateColumns: `repeat(7, ${size}px)` }}
|
|
222
|
-
>
|
|
217
|
+
<div key={key} style={style} className='grid'>
|
|
218
|
+
<div className='grid grid-cols-7 bg-input-surface' style={{ gridTemplateColumns: `repeat(7, ${size}px)` }}>
|
|
223
219
|
{Array.from({ length: 7 }).map((_, i) => {
|
|
224
220
|
const date = getDate(start, index, i, weekStartsOn);
|
|
225
221
|
const border = isSameDay(date, selected)
|
|
@@ -233,7 +229,6 @@ const CalendarGrid = composable<HTMLDivElement, CalendarGridProps>(
|
|
|
233
229
|
return (
|
|
234
230
|
<div
|
|
235
231
|
key={i}
|
|
236
|
-
role='none'
|
|
237
232
|
className={mx('relative flex justify-center items-center cursor-pointer', getBgColor(date))}
|
|
238
233
|
onClick={() => handleDaySelect(date)}
|
|
239
234
|
>
|
|
@@ -241,7 +236,7 @@ const CalendarGrid = composable<HTMLDivElement, CalendarGridProps>(
|
|
|
241
236
|
{!border && date.getDate() === 1 && (
|
|
242
237
|
<span className='absolute top-0 text-xs text-description'>{format(date, 'MMM')}</span>
|
|
243
238
|
)}
|
|
244
|
-
{border && <div
|
|
239
|
+
{border && <div className={mx('absolute inset-1 border-2 rounded-full', border)} />}
|
|
245
240
|
</div>
|
|
246
241
|
);
|
|
247
242
|
})}
|
|
@@ -261,16 +256,16 @@ const CalendarGrid = composable<HTMLDivElement, CalendarGridProps>(
|
|
|
261
256
|
ref={forwardedRef}
|
|
262
257
|
>
|
|
263
258
|
{/* Day of week labels */}
|
|
264
|
-
<div
|
|
259
|
+
<div className='grid w-full grid-cols-7' style={{ width: defaultWidth }}>
|
|
265
260
|
{days.map((date, i) => (
|
|
266
|
-
<div key={i}
|
|
261
|
+
<div key={i} className='flex justify-center p-2 text-sm font-thin'>
|
|
267
262
|
{date}
|
|
268
263
|
</div>
|
|
269
264
|
))}
|
|
270
265
|
</div>
|
|
271
266
|
|
|
272
267
|
{/* Grid */}
|
|
273
|
-
<div
|
|
268
|
+
<div className='flex flex-col h-full w-full justify-center overflow-hidden' ref={containerRef}>
|
|
274
269
|
<List
|
|
275
270
|
ref={listRef}
|
|
276
271
|
role='none'
|