@atlaskit/calendar 14.0.1 → 14.0.3

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 CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/calendar
2
2
 
3
+ ## 14.0.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [#59147](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/59147) [`f12e489f23b0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f12e489f23b0) - Re-build and deploy packages to NPM to resolve React/Compiled not found error (HOT-106483).
8
+
9
+ ## 14.0.2
10
+
11
+ ### Patch Changes
12
+
13
+ - [#58458](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/58458) [`536478cdcf0b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/536478cdcf0b) - Made some tiny tweaks to the weekday header so its height is now an integer.
14
+
3
15
  ## 14.0.1
4
16
 
5
17
  ### Patch Changes
@@ -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.0.1"
37
+ packageVersion: "14.0.3"
38
38
  };
39
39
  var InnerCalendar = /*#__PURE__*/(0, _react.forwardRef)(function Calendar(_ref, ref) {
40
40
  var day = _ref.day,
@@ -19,9 +19,11 @@ var columnHeaderStyles = (0, _primitives.xcss)({
19
19
  // Account for languages with long week day names
20
20
  textAlign: 'center',
21
21
  lineHeight: '16px',
22
- color: 'color.text.subtle' // Apply correct fallback to shortDay text
22
+ color: 'color.text.subtle',
23
+ // Apply correct fallback to shortDay text
24
+ display: 'flex',
25
+ justifyContent: 'center'
23
26
  });
24
-
25
27
  var WeekHeader = /*#__PURE__*/(0, _react.memo)(function WeekHeader(_ref) {
26
28
  var daysShort = _ref.daysShort,
27
29
  testId = _ref.testId;
@@ -38,7 +40,6 @@ var WeekHeader = /*#__PURE__*/(0, _react.memo)(function WeekHeader(_ref) {
38
40
  }, (0, _react2.jsx)(_text.default, {
39
41
  fontWeight: "bold",
40
42
  fontSize: "size.050",
41
- verticalAlign: "middle",
42
43
  textTransform: "uppercase"
43
44
  }, shortDay));
44
45
  }));
@@ -24,7 +24,7 @@ const boxStyles = xcss({
24
24
  const analyticsAttributes = {
25
25
  componentName: 'calendar',
26
26
  packageName: "@atlaskit/calendar",
27
- packageVersion: "14.0.1"
27
+ packageVersion: "14.0.3"
28
28
  };
29
29
  const InnerCalendar = /*#__PURE__*/forwardRef(function Calendar({
30
30
  day,
@@ -11,9 +11,11 @@ const columnHeaderStyles = xcss({
11
11
  // Account for languages with long week day names
12
12
  textAlign: 'center',
13
13
  lineHeight: '16px',
14
- color: 'color.text.subtle' // Apply correct fallback to shortDay text
14
+ color: 'color.text.subtle',
15
+ // Apply correct fallback to shortDay text
16
+ display: 'flex',
17
+ justifyContent: 'center'
15
18
  });
16
-
17
19
  const WeekHeader = /*#__PURE__*/memo(function WeekHeader({
18
20
  daysShort,
19
21
  testId
@@ -30,7 +32,6 @@ const WeekHeader = /*#__PURE__*/memo(function WeekHeader({
30
32
  }, jsx(Text, {
31
33
  fontWeight: "bold",
32
34
  fontSize: "size.050",
33
- verticalAlign: "middle",
34
35
  textTransform: "uppercase"
35
36
  }, shortDay))));
36
37
  });
@@ -28,7 +28,7 @@ var boxStyles = xcss({
28
28
  var analyticsAttributes = {
29
29
  componentName: 'calendar',
30
30
  packageName: "@atlaskit/calendar",
31
- packageVersion: "14.0.1"
31
+ packageVersion: "14.0.3"
32
32
  };
33
33
  var InnerCalendar = /*#__PURE__*/forwardRef(function Calendar(_ref, ref) {
34
34
  var day = _ref.day,
@@ -11,9 +11,11 @@ var columnHeaderStyles = xcss({
11
11
  // Account for languages with long week day names
12
12
  textAlign: 'center',
13
13
  lineHeight: '16px',
14
- color: 'color.text.subtle' // Apply correct fallback to shortDay text
14
+ color: 'color.text.subtle',
15
+ // Apply correct fallback to shortDay text
16
+ display: 'flex',
17
+ justifyContent: 'center'
15
18
  });
16
-
17
19
  var WeekHeader = /*#__PURE__*/memo(function WeekHeader(_ref) {
18
20
  var daysShort = _ref.daysShort,
19
21
  testId = _ref.testId;
@@ -30,7 +32,6 @@ var WeekHeader = /*#__PURE__*/memo(function WeekHeader(_ref) {
30
32
  }, jsx(Text, {
31
33
  fontWeight: "bold",
32
34
  fontSize: "size.050",
33
- verticalAlign: "middle",
34
35
  textTransform: "uppercase"
35
36
  }, shortDay));
36
37
  }));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/calendar",
3
- "version": "14.0.1",
3
+ "version": "14.0.3",
4
4
  "description": "An interactive calendar for date selection experiences.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -24,15 +24,15 @@
24
24
  },
25
25
  "dependencies": {
26
26
  "@atlaskit/analytics-next": "^9.1.0",
27
- "@atlaskit/button": "^16.16.0",
27
+ "@atlaskit/button": "^16.17.0",
28
28
  "@atlaskit/ds-explorations": "^3.0.0",
29
29
  "@atlaskit/ds-lib": "^2.2.0",
30
30
  "@atlaskit/heading": "^1.4.0",
31
31
  "@atlaskit/icon": "^22.0.0",
32
32
  "@atlaskit/locale": "^2.6.0",
33
- "@atlaskit/primitives": "^1.10.0",
33
+ "@atlaskit/primitives": "^1.13.0",
34
34
  "@atlaskit/theme": "^12.6.0",
35
- "@atlaskit/tokens": "^1.28.0",
35
+ "@atlaskit/tokens": "^1.29.0",
36
36
  "@babel/runtime": "^7.0.0",
37
37
  "@emotion/react": "^11.7.1",
38
38
  "date-fns": "^2.17.0",
@@ -43,6 +43,7 @@
43
43
  },
44
44
  "devDependencies": {
45
45
  "@af/accessibility-testing": "*",
46
+ "@af/integration-testing": "*",
46
47
  "@af/visual-regression": "*",
47
48
  "@atlaskit/ssr": "*",
48
49
  "@atlaskit/visual-regression": "*",
@@ -1,92 +0,0 @@
1
- ## API Report File for "@atlaskit/calendar"
2
-
3
- > Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
4
-
5
- ```ts
6
-
7
- /// <reference types="react" />
8
-
9
- import { CSSProperties } from 'react';
10
- import { ForwardRefExoticComponent } from 'react';
11
- import { MemoExoticComponent } from 'react';
12
- import { RefAttributes } from 'react';
13
- import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
14
- import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
15
-
16
- // @public (undocumented)
17
- type ArrowKeys = 'down' | 'left' | 'right' | 'up';
18
-
19
- // @public
20
- const Calendar: MemoExoticComponent<ForwardRefExoticComponent<Pick<CalendarProps, "analyticsContext" | "calendarRef" | "className" | "createAnalyticsEvent" | "day" | "defaultDay" | "defaultMonth" | "defaultPreviouslySelected" | "defaultSelected" | "defaultYear" | "disabled" | "disabledDateFilter" | "locale" | "maxDate" | "minDate" | "month" | "nextMonthLabel" | "onBlur" | "onChange" | "onFocus" | "onSelect" | "previousMonthLabel" | "previouslySelected" | "selected" | "style" | "tabIndex" | "testId" | "today" | "weekStartDay" | "year"> & RefAttributes<HTMLDivElement>>>;
21
- export default Calendar;
22
-
23
- // @public (undocumented)
24
- export interface CalendarProps extends WithAnalyticsEventsProps {
25
- analyticsContext?: Record<string, any>;
26
- // @internal
27
- calendarRef?: React.Ref<CalendarRef>;
28
- className?: string;
29
- day?: number;
30
- defaultDay?: number;
31
- defaultMonth?: number;
32
- defaultPreviouslySelected?: Array<string>;
33
- defaultSelected?: Array<string>;
34
- defaultYear?: number;
35
- disabled?: Array<string>;
36
- disabledDateFilter?: (date: string) => boolean;
37
- locale?: string;
38
- maxDate?: string;
39
- minDate?: string;
40
- month?: number;
41
- nextMonthLabel?: string;
42
- onBlur?: React.FocusEventHandler;
43
- onChange?: (event: ChangeEvent, analyticsEvent: UIAnalyticsEvent) => void;
44
- onFocus?: React.FocusEventHandler;
45
- onSelect?: (event: SelectEvent, analyticsEvent: UIAnalyticsEvent) => void;
46
- previouslySelected?: Array<string>;
47
- previousMonthLabel?: string;
48
- selected?: Array<string>;
49
- style?: CSSProperties;
50
- tabIndex?: TabIndex;
51
- testId?: string;
52
- today?: string;
53
- weekStartDay?: WeekDay;
54
- year?: number;
55
- }
56
-
57
- // @public (undocumented)
58
- export interface CalendarRef {
59
- // (undocumented)
60
- navigate: (type: ArrowKeys) => void;
61
- }
62
-
63
- // @public (undocumented)
64
- export type ChangeEvent = {
65
- iso: ISODate;
66
- type: 'down' | 'left' | 'next' | 'prev' | 'right' | 'up';
67
- } & DateObj;
68
-
69
- // @public (undocumented)
70
- type DateObj = {
71
- day: number;
72
- month: number;
73
- year: number;
74
- };
75
-
76
- // @public (undocumented)
77
- type ISODate = string;
78
-
79
- // @public (undocumented)
80
- export type SelectEvent = {
81
- iso: ISODate;
82
- } & DateObj;
83
-
84
- // @public (undocumented)
85
- type TabIndex = -1 | 0;
86
-
87
- // @public (undocumented)
88
- type WeekDay = 0 | 1 | 2 | 3 | 4 | 5 | 6;
89
-
90
- // (No @packageDocumentation comment for this package)
91
-
92
- ```