@atlaskit/calendar 14.2.0 → 14.2.2
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/CHANGELOG.md +501 -200
- package/__perf__/examples.tsx +2 -2
- package/codemods/utils.tsx +3 -2
- package/dist/cjs/calendar.js +5 -2
- package/dist/es2019/calendar.js +5 -2
- package/dist/esm/calendar.js +5 -2
- package/dist/types/internal/components/header.d.ts +1 -1
- package/dist/types/internal/components/week-day-grid.d.ts +1 -1
- package/dist/types/internal/components/week-days.d.ts +1 -1
- package/dist/types/internal/hooks/use-calendar-ref.d.ts +1 -1
- package/dist/types/internal/hooks/use-focusing.d.ts +1 -1
- package/dist/types/internal/hooks/use-handle-date-select.d.ts +1 -1
- package/dist/types/internal/styles/date.d.ts +1 -1
- package/dist/types/types.d.ts +2 -2
- package/dist/types-ts4.5/internal/components/header.d.ts +1 -1
- package/dist/types-ts4.5/internal/components/week-day-grid.d.ts +1 -1
- package/dist/types-ts4.5/internal/components/week-days.d.ts +1 -1
- package/dist/types-ts4.5/internal/hooks/use-calendar-ref.d.ts +1 -1
- package/dist/types-ts4.5/internal/hooks/use-focusing.d.ts +1 -1
- package/dist/types-ts4.5/internal/hooks/use-handle-date-select.d.ts +1 -1
- package/dist/types-ts4.5/internal/styles/date.d.ts +1 -1
- package/dist/types-ts4.5/types.d.ts +2 -2
- package/package.json +11 -13
package/__perf__/examples.tsx
CHANGED
|
@@ -2,8 +2,8 @@ import React from 'react';
|
|
|
2
2
|
|
|
3
3
|
import { fireEvent } from '@testing-library/dom';
|
|
4
4
|
import {
|
|
5
|
-
InteractionTaskArgs,
|
|
6
|
-
PublicInteractionTask,
|
|
5
|
+
type InteractionTaskArgs,
|
|
6
|
+
type PublicInteractionTask,
|
|
7
7
|
} from 'storybook-addon-performance';
|
|
8
8
|
|
|
9
9
|
import Calendar from '../src';
|
package/codemods/utils.tsx
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import
|
|
1
|
+
import type {
|
|
2
2
|
API,
|
|
3
3
|
ASTPath,
|
|
4
|
+
default as core,
|
|
4
5
|
FileInfo,
|
|
5
6
|
ImportDeclaration,
|
|
6
7
|
ImportSpecifier,
|
|
@@ -9,7 +10,7 @@ import core, {
|
|
|
9
10
|
Options,
|
|
10
11
|
Program,
|
|
11
12
|
} from 'jscodeshift';
|
|
12
|
-
import { Collection } from 'jscodeshift/src/Collection';
|
|
13
|
+
import { type Collection } from 'jscodeshift/src/Collection';
|
|
13
14
|
|
|
14
15
|
export type Nullable<T> = T | null;
|
|
15
16
|
|
package/dist/cjs/calendar.js
CHANGED
|
@@ -34,7 +34,7 @@ var boxStyles = (0, _primitives.xcss)({
|
|
|
34
34
|
var analyticsAttributes = {
|
|
35
35
|
componentName: 'calendar',
|
|
36
36
|
packageName: "@atlaskit/calendar",
|
|
37
|
-
packageVersion: "14.2.
|
|
37
|
+
packageVersion: "14.2.2"
|
|
38
38
|
};
|
|
39
39
|
var InnerCalendar = /*#__PURE__*/(0, _react.forwardRef)(function Calendar(_ref, ref) {
|
|
40
40
|
var day = _ref.day,
|
|
@@ -189,7 +189,10 @@ var InnerCalendar = /*#__PURE__*/(0, _react.forwardRef)(function Calendar(_ref,
|
|
|
189
189
|
};
|
|
190
190
|
var headerId = (0, _useUniqueId.default)('month-year-header');
|
|
191
191
|
return (0, _react2.jsx)("div", {
|
|
192
|
-
|
|
192
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
193
|
+
className: className
|
|
194
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
195
|
+
,
|
|
193
196
|
style: style,
|
|
194
197
|
onBlur: handleContainerBlur,
|
|
195
198
|
onFocus: handleContainerFocus,
|
package/dist/es2019/calendar.js
CHANGED
|
@@ -24,7 +24,7 @@ const boxStyles = xcss({
|
|
|
24
24
|
const analyticsAttributes = {
|
|
25
25
|
componentName: 'calendar',
|
|
26
26
|
packageName: "@atlaskit/calendar",
|
|
27
|
-
packageVersion: "14.2.
|
|
27
|
+
packageVersion: "14.2.2"
|
|
28
28
|
};
|
|
29
29
|
const InnerCalendar = /*#__PURE__*/forwardRef(function Calendar({
|
|
30
30
|
day,
|
|
@@ -161,7 +161,10 @@ const InnerCalendar = /*#__PURE__*/forwardRef(function Calendar({
|
|
|
161
161
|
};
|
|
162
162
|
const headerId = useUniqueId('month-year-header');
|
|
163
163
|
return jsx("div", {
|
|
164
|
-
|
|
164
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
165
|
+
className: className
|
|
166
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
167
|
+
,
|
|
165
168
|
style: style,
|
|
166
169
|
onBlur: handleContainerBlur,
|
|
167
170
|
onFocus: handleContainerFocus,
|
package/dist/esm/calendar.js
CHANGED
|
@@ -28,7 +28,7 @@ var boxStyles = xcss({
|
|
|
28
28
|
var analyticsAttributes = {
|
|
29
29
|
componentName: 'calendar',
|
|
30
30
|
packageName: "@atlaskit/calendar",
|
|
31
|
-
packageVersion: "14.2.
|
|
31
|
+
packageVersion: "14.2.2"
|
|
32
32
|
};
|
|
33
33
|
var InnerCalendar = /*#__PURE__*/forwardRef(function Calendar(_ref, ref) {
|
|
34
34
|
var day = _ref.day,
|
|
@@ -183,7 +183,10 @@ var InnerCalendar = /*#__PURE__*/forwardRef(function Calendar(_ref, ref) {
|
|
|
183
183
|
};
|
|
184
184
|
var headerId = useUniqueId('month-year-header');
|
|
185
185
|
return jsx("div", {
|
|
186
|
-
|
|
186
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
187
|
+
className: className
|
|
188
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
189
|
+
,
|
|
187
190
|
style: style,
|
|
188
191
|
onBlur: handleContainerBlur,
|
|
189
192
|
onFocus: handleContainerFocus,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import { type default as React } from 'react';
|
|
2
2
|
import type { SelectEvent } from '../../types';
|
|
3
3
|
import type { ArrowKeys, DateObj } from '../types';
|
|
4
4
|
export default function useHandleDateSelect({ day: [dayValue], month: [monthValue], year: [yearValue], selected: [selectedValue, setSelectedValue], previous: [, setPreviouslySelectedValue], onSelect, navigate, }: {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { CSSObject } from '@emotion/react';
|
|
1
|
+
import { type CSSObject } from '@emotion/react';
|
|
2
2
|
export declare const dateCellStyles: () => CSSObject;
|
package/dist/types/types.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { CSSProperties } from 'react';
|
|
2
|
-
import { UIAnalyticsEvent, WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
|
|
1
|
+
import { type CSSProperties } from 'react';
|
|
2
|
+
import { type UIAnalyticsEvent, type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
|
|
3
3
|
import type { ArrowKeys, DateObj, ISODate } from './internal/types';
|
|
4
4
|
export type WeekDay = 0 | 1 | 2 | 3 | 4 | 5 | 6;
|
|
5
5
|
export type TabIndex = -1 | 0;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import { type default as React } from 'react';
|
|
2
2
|
import type { SelectEvent } from '../../types';
|
|
3
3
|
import type { ArrowKeys, DateObj } from '../types';
|
|
4
4
|
export default function useHandleDateSelect({ day: [dayValue], month: [monthValue], year: [yearValue], selected: [selectedValue, setSelectedValue], previous: [, setPreviouslySelectedValue], onSelect, navigate, }: {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { CSSObject } from '@emotion/react';
|
|
1
|
+
import { type CSSObject } from '@emotion/react';
|
|
2
2
|
export declare const dateCellStyles: () => CSSObject;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { CSSProperties } from 'react';
|
|
2
|
-
import { UIAnalyticsEvent, WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
|
|
1
|
+
import { type CSSProperties } from 'react';
|
|
2
|
+
import { type UIAnalyticsEvent, type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
|
|
3
3
|
import type { ArrowKeys, DateObj, ISODate } from './internal/types';
|
|
4
4
|
export type WeekDay = 0 | 1 | 2 | 3 | 4 | 5 | 6;
|
|
5
5
|
export type TabIndex = -1 | 0;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/calendar",
|
|
3
|
-
"version": "14.2.
|
|
3
|
+
"version": "14.2.2",
|
|
4
4
|
"description": "An interactive calendar for date selection experiences.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -27,15 +27,15 @@
|
|
|
27
27
|
"runReact18": true
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@atlaskit/analytics-next": "^9.
|
|
31
|
-
"@atlaskit/button": "^17.
|
|
32
|
-
"@atlaskit/ds-lib": "^2.
|
|
33
|
-
"@atlaskit/heading": "^2.
|
|
34
|
-
"@atlaskit/icon": "^22.
|
|
35
|
-
"@atlaskit/locale": "^2.
|
|
36
|
-
"@atlaskit/primitives": "^
|
|
37
|
-
"@atlaskit/theme": "^12.
|
|
38
|
-
"@atlaskit/tokens": "^1.
|
|
30
|
+
"@atlaskit/analytics-next": "^9.3.0",
|
|
31
|
+
"@atlaskit/button": "^17.17.0",
|
|
32
|
+
"@atlaskit/ds-lib": "^2.3.0",
|
|
33
|
+
"@atlaskit/heading": "^2.3.0",
|
|
34
|
+
"@atlaskit/icon": "^22.3.0",
|
|
35
|
+
"@atlaskit/locale": "^2.7.0",
|
|
36
|
+
"@atlaskit/primitives": "^7.0.0",
|
|
37
|
+
"@atlaskit/theme": "^12.9.0",
|
|
38
|
+
"@atlaskit/tokens": "^1.49.0",
|
|
39
39
|
"@babel/runtime": "^7.0.0",
|
|
40
40
|
"@emotion/react": "^11.7.1",
|
|
41
41
|
"date-fns": "^2.17.0",
|
|
@@ -50,7 +50,6 @@
|
|
|
50
50
|
"@af/visual-regression": "*",
|
|
51
51
|
"@atlaskit/ssr": "*",
|
|
52
52
|
"@atlaskit/visual-regression": "*",
|
|
53
|
-
"@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
|
|
54
53
|
"@testing-library/dom": "^8.17.1",
|
|
55
54
|
"@testing-library/react": "^12.1.5",
|
|
56
55
|
"jest-in-case": "^1.0.2",
|
|
@@ -96,6 +95,5 @@
|
|
|
96
95
|
"./types": "./src/entry-points/types.tsx",
|
|
97
96
|
".": "./src/index.tsx"
|
|
98
97
|
},
|
|
99
|
-
"homepage": "https://atlassian.design/components/calendar/"
|
|
100
|
-
"prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
|
|
98
|
+
"homepage": "https://atlassian.design/components/calendar/"
|
|
101
99
|
}
|