@react-fabric/date 1.0.0-beta.55 → 1.0.0-beta.58
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.
|
@@ -85,8 +85,10 @@ var DateHeader = function DateHeader(props) {
|
|
|
85
85
|
className: "flex flex-nowrap items-center area-head",
|
|
86
86
|
"data-page": page,
|
|
87
87
|
children: [startPage !== undefined && /*#__PURE__*/jsxRuntime.jsx(core.Button, {
|
|
88
|
-
icon:
|
|
89
|
-
|
|
88
|
+
icon: {
|
|
89
|
+
icon: core.CoreIcons.chevronsLeft,
|
|
90
|
+
rtlFlip: true
|
|
91
|
+
},
|
|
90
92
|
size: "sm",
|
|
91
93
|
variant: "link",
|
|
92
94
|
"aria-label": "start",
|
|
@@ -96,8 +98,10 @@ var DateHeader = function DateHeader(props) {
|
|
|
96
98
|
return startPage && (changePageDate === null || changePageDate === void 0 ? void 0 : changePageDate(startPage));
|
|
97
99
|
}
|
|
98
100
|
}), /*#__PURE__*/jsxRuntime.jsx(core.Button, {
|
|
99
|
-
icon:
|
|
100
|
-
|
|
101
|
+
icon: {
|
|
102
|
+
icon: core.CoreIcons.chevronLeft,
|
|
103
|
+
rtlFlip: true
|
|
104
|
+
},
|
|
101
105
|
size: "sm",
|
|
102
106
|
variant: "link",
|
|
103
107
|
"aria-label": "prev",
|
|
@@ -114,8 +118,10 @@ var DateHeader = function DateHeader(props) {
|
|
|
114
118
|
className: classNames("flex-1 px-2 py-1 text-primary-600 text-center text-sm font-medium truncate", page === index.PageType.DECADE ? "pointer-events-none" : "cursor-pointer"),
|
|
115
119
|
children: headLabel
|
|
116
120
|
}), /*#__PURE__*/jsxRuntime.jsx(core.Button, {
|
|
117
|
-
icon:
|
|
118
|
-
|
|
121
|
+
icon: {
|
|
122
|
+
icon: core.CoreIcons.chevronRight,
|
|
123
|
+
rtlFlip: true
|
|
124
|
+
},
|
|
119
125
|
size: "sm",
|
|
120
126
|
variant: "link",
|
|
121
127
|
"aria-label": "next",
|
|
@@ -125,8 +131,10 @@ var DateHeader = function DateHeader(props) {
|
|
|
125
131
|
return nextPage && (changePageDate === null || changePageDate === void 0 ? void 0 : changePageDate(nextPage));
|
|
126
132
|
}
|
|
127
133
|
}), endPage !== undefined && /*#__PURE__*/jsxRuntime.jsx(core.Button, {
|
|
128
|
-
icon:
|
|
129
|
-
|
|
134
|
+
icon: {
|
|
135
|
+
icon: core.CoreIcons.chevronsRight,
|
|
136
|
+
rtlFlip: true
|
|
137
|
+
},
|
|
130
138
|
size: "sm",
|
|
131
139
|
variant: "link",
|
|
132
140
|
"aria-label": "end",
|
|
@@ -85,8 +85,10 @@ var DateHeader = function DateHeader(props) {
|
|
|
85
85
|
className: "flex flex-nowrap items-center area-head",
|
|
86
86
|
"data-page": page,
|
|
87
87
|
children: [startPage !== undefined && /*#__PURE__*/jsx(Button, {
|
|
88
|
-
icon:
|
|
89
|
-
|
|
88
|
+
icon: {
|
|
89
|
+
icon: CoreIcons.chevronsLeft,
|
|
90
|
+
rtlFlip: true
|
|
91
|
+
},
|
|
90
92
|
size: "sm",
|
|
91
93
|
variant: "link",
|
|
92
94
|
"aria-label": "start",
|
|
@@ -96,8 +98,10 @@ var DateHeader = function DateHeader(props) {
|
|
|
96
98
|
return startPage && (changePageDate === null || changePageDate === void 0 ? void 0 : changePageDate(startPage));
|
|
97
99
|
}
|
|
98
100
|
}), /*#__PURE__*/jsx(Button, {
|
|
99
|
-
icon:
|
|
100
|
-
|
|
101
|
+
icon: {
|
|
102
|
+
icon: CoreIcons.chevronLeft,
|
|
103
|
+
rtlFlip: true
|
|
104
|
+
},
|
|
101
105
|
size: "sm",
|
|
102
106
|
variant: "link",
|
|
103
107
|
"aria-label": "prev",
|
|
@@ -114,8 +118,10 @@ var DateHeader = function DateHeader(props) {
|
|
|
114
118
|
className: classNames("flex-1 px-2 py-1 text-primary-600 text-center text-sm font-medium truncate", page === PageType.DECADE ? "pointer-events-none" : "cursor-pointer"),
|
|
115
119
|
children: headLabel
|
|
116
120
|
}), /*#__PURE__*/jsx(Button, {
|
|
117
|
-
icon:
|
|
118
|
-
|
|
121
|
+
icon: {
|
|
122
|
+
icon: CoreIcons.chevronRight,
|
|
123
|
+
rtlFlip: true
|
|
124
|
+
},
|
|
119
125
|
size: "sm",
|
|
120
126
|
variant: "link",
|
|
121
127
|
"aria-label": "next",
|
|
@@ -125,8 +131,10 @@ var DateHeader = function DateHeader(props) {
|
|
|
125
131
|
return nextPage && (changePageDate === null || changePageDate === void 0 ? void 0 : changePageDate(nextPage));
|
|
126
132
|
}
|
|
127
133
|
}), endPage !== undefined && /*#__PURE__*/jsx(Button, {
|
|
128
|
-
icon:
|
|
129
|
-
|
|
134
|
+
icon: {
|
|
135
|
+
icon: CoreIcons.chevronsRight,
|
|
136
|
+
rtlFlip: true
|
|
137
|
+
},
|
|
130
138
|
size: "sm",
|
|
131
139
|
variant: "link",
|
|
132
140
|
"aria-label": "end",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-fabric/date",
|
|
3
|
-
"version": "1.0.0-beta.
|
|
3
|
+
"version": "1.0.0-beta.58",
|
|
4
4
|
"description": "RUF: Date package",
|
|
5
5
|
"author": "Adarsh Pastakia <adarshpastakia@outlook.com>",
|
|
6
6
|
"license": "MIT",
|
|
@@ -35,24 +35,21 @@
|
|
|
35
35
|
"watch": "npm-run-all -p watch:rollup watch:dts"
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@react-fabric/core": "^1.0.0-beta.
|
|
39
|
-
"@react-fabric/utilities": "^1.0.0-beta.
|
|
40
|
-
"classnames": "
|
|
41
|
-
"date-fns": "
|
|
42
|
-
"resize-observer-polyfill": "
|
|
38
|
+
"@react-fabric/core": "^1.0.0-beta.58",
|
|
39
|
+
"@react-fabric/utilities": "^1.0.0-beta.58",
|
|
40
|
+
"classnames": "~2.5.1",
|
|
41
|
+
"date-fns": "~4.1.0",
|
|
42
|
+
"resize-observer-polyfill": "~1.5.1"
|
|
43
43
|
},
|
|
44
44
|
"peerDependencies": {
|
|
45
|
-
"i18next": "
|
|
46
|
-
"react": "
|
|
47
|
-
"react-dom": "
|
|
48
|
-
"react-i18next": "
|
|
49
|
-
},
|
|
50
|
-
"devDependencies": {
|
|
51
|
-
"@types/react-color": "^3.0.12"
|
|
45
|
+
"i18next": "~25.6.0",
|
|
46
|
+
"react": "~19.2.0",
|
|
47
|
+
"react-dom": "~19.2.0",
|
|
48
|
+
"react-i18next": "~16.2.1"
|
|
52
49
|
},
|
|
53
50
|
"engines": {
|
|
54
51
|
"node": ">=18.12.0",
|
|
55
52
|
"npm": ">=8.19.0"
|
|
56
53
|
},
|
|
57
|
-
"gitHead": "
|
|
54
|
+
"gitHead": "7e66f8c498e37a40e410ecafff2ea6b31505dc1a"
|
|
58
55
|
}
|
|
@@ -166,8 +166,7 @@ export const DateHeader = (props: Props) => {
|
|
|
166
166
|
<div className="flex flex-nowrap items-center area-head" data-page={page}>
|
|
167
167
|
{startPage !== undefined && (
|
|
168
168
|
<Button
|
|
169
|
-
icon={CoreIcons.chevronsLeft}
|
|
170
|
-
rtlFlip
|
|
169
|
+
icon={{ icon: CoreIcons.chevronsLeft, rtlFlip: true }}
|
|
171
170
|
size="sm"
|
|
172
171
|
variant="link"
|
|
173
172
|
aria-label="start"
|
|
@@ -177,8 +176,7 @@ export const DateHeader = (props: Props) => {
|
|
|
177
176
|
/>
|
|
178
177
|
)}
|
|
179
178
|
<Button
|
|
180
|
-
icon={CoreIcons.chevronLeft}
|
|
181
|
-
rtlFlip
|
|
179
|
+
icon={{ icon: CoreIcons.chevronLeft, rtlFlip: true }}
|
|
182
180
|
size="sm"
|
|
183
181
|
variant="link"
|
|
184
182
|
aria-label="prev"
|
|
@@ -197,8 +195,7 @@ export const DateHeader = (props: Props) => {
|
|
|
197
195
|
{headLabel}
|
|
198
196
|
</div>
|
|
199
197
|
<Button
|
|
200
|
-
icon={CoreIcons.chevronRight}
|
|
201
|
-
rtlFlip
|
|
198
|
+
icon={{ icon: CoreIcons.chevronRight, rtlFlip: true }}
|
|
202
199
|
size="sm"
|
|
203
200
|
variant="link"
|
|
204
201
|
aria-label="next"
|
|
@@ -208,8 +205,7 @@ export const DateHeader = (props: Props) => {
|
|
|
208
205
|
/>
|
|
209
206
|
{endPage !== undefined && (
|
|
210
207
|
<Button
|
|
211
|
-
icon={CoreIcons.chevronsRight}
|
|
212
|
-
rtlFlip
|
|
208
|
+
icon={{ icon: CoreIcons.chevronsRight, rtlFlip: true }}
|
|
213
209
|
size="sm"
|
|
214
210
|
variant="link"
|
|
215
211
|
aria-label="end"
|