@atlaskit/calendar 16.2.1 → 16.3.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/calendar
 
+## 16.3.0
+
+### Minor Changes
+
+- [#109060](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/109060)
+  [`4660ec858a305`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4660ec858a305) -
+  Update `React` from v16 to v18
+
+### Patch Changes
+
+- Updated dependencies
+
+## 16.2.2
+
+### Patch Changes
+
+- [#105146](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/105146)
+  [`c5f6c2695a300`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c5f6c2695a300) -
+  Update dev dependencies and clean up unused internal exports.
+
 ## 16.2.1
 
 ### Patch Changes

package/dist/cjs/calendar.js

@@ -1,4 +1,4 @@
-/* calendar.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* calendar.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -38,7 +38,7 @@ var styles = {
 var analyticsAttributes = {
   componentName: 'calendar',
   packageName: "@atlaskit/calendar",
-  packageVersion: "16.2.1"
+  packageVersion: "16.3.0"
 };
 var InnerCalendar = /*#__PURE__*/(0, _react.forwardRef)(function Calendar(_ref, ref) {
   var day = _ref.day,

package/dist/cjs/internal/components/date.js

@@ -1,4 +1,4 @@
-/* date.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* date.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/internal/components/week-day-grid.js

@@ -1,4 +1,4 @@
-/* week-day-grid.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* week-day-grid.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/internal/components/week-header.js

@@ -1,4 +1,4 @@
-/* week-header.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* week-header.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/es2019/calendar.js

@@ -1,4 +1,4 @@
-/* calendar.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* calendar.tsx generated by @compiled/babel-plugin v0.36.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./calendar.compiled.css";
 import * as React from 'react';
@@ -24,7 +24,7 @@ const styles = {
 const analyticsAttributes = {
   componentName: 'calendar',
   packageName: "@atlaskit/calendar",
-  packageVersion: "16.2.1"
+  packageVersion: "16.3.0"
 };
 const InnerCalendar = /*#__PURE__*/forwardRef(function Calendar({
   day,

package/dist/es2019/internal/components/date.js

@@ -1,4 +1,4 @@
-/* date.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* date.tsx generated by @compiled/babel-plugin v0.36.0 */
 import "./date.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/internal/components/week-day-grid.js

@@ -1,4 +1,4 @@
-/* week-day-grid.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* week-day-grid.tsx generated by @compiled/babel-plugin v0.36.0 */
 import "./week-day-grid.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/es2019/internal/components/week-header.js

@@ -1,4 +1,4 @@
-/* week-header.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* week-header.tsx generated by @compiled/babel-plugin v0.36.0 */
 import "./week-header.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/calendar.js

@@ -1,4 +1,4 @@
-/* calendar.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* calendar.tsx generated by @compiled/babel-plugin v0.36.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
@@ -28,7 +28,7 @@ var styles = {
 var analyticsAttributes = {
   componentName: 'calendar',
   packageName: "@atlaskit/calendar",
-  packageVersion: "16.2.1"
+  packageVersion: "16.3.0"
 };
 var InnerCalendar = /*#__PURE__*/forwardRef(function Calendar(_ref, ref) {
   var day = _ref.day,

package/dist/esm/internal/components/date.js

@@ -1,4 +1,4 @@
-/* date.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* date.tsx generated by @compiled/babel-plugin v0.36.0 */
 import "./date.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/internal/components/week-day-grid.js

@@ -1,4 +1,4 @@
-/* week-day-grid.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* week-day-grid.tsx generated by @compiled/babel-plugin v0.36.0 */
 import "./week-day-grid.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/esm/internal/components/week-header.js

@@ -1,4 +1,4 @@
-/* week-header.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* week-header.tsx generated by @compiled/babel-plugin v0.36.0 */
 import "./week-header.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/types/calendar.d.ts

@@ -9,5 +9,5 @@ import type { CalendarProps } from './types';
  * - [Code](https://atlassian.design/components/calendar/code)
  * - [Usage](https://atlassian.design/components/calendar/usage)
  */
-declare const Calendar: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Pick<CalendarProps, "day" | "defaultDay" | "defaultMonth" | "defaultPreviouslySelected" | "defaultSelected" | "defaultYear" | "disabled" | "disabledDateFilter" | "maxDate" | "minDate" | "month" | "nextMonthLabel" | "onBlur" | "onChange" | "onFocus" | "onSelect" | "previouslySelected" | "previousMonthLabel" | "selected" | "today" | "year" | "locale" | "analyticsContext" | "weekStartDay" | "testId" | "className" | "style" | "tabIndex" | "shouldSetFocusOnCurrentDay" | "createAnalyticsEvent"> & import("react").RefAttributes<HTMLDivElement>>>;
+declare const Calendar: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<CalendarProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>>;
 export default Calendar;

package/dist/types/internal/types.d.ts

@@ -5,7 +5,7 @@ export type DateObj = {
     month: number;
     year: number;
 };
-export interface WeekDayState {
+interface WeekDayState {
     isDisabled: boolean;
     isFocused: boolean;
     isToday: boolean;
@@ -25,3 +25,4 @@ export interface CalendarDate extends DateObj {
     siblingMonth?: boolean;
 }
 export type ISODate = string;
+export {};

package/dist/types-ts4.5/calendar.d.ts

@@ -9,5 +9,5 @@ import type { CalendarProps } from './types';
  * - [Code](https://atlassian.design/components/calendar/code)
  * - [Usage](https://atlassian.design/components/calendar/usage)
  */
-declare const Calendar: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Pick<CalendarProps, "day" | "defaultDay" | "defaultMonth" | "defaultPreviouslySelected" | "defaultSelected" | "defaultYear" | "disabled" | "disabledDateFilter" | "maxDate" | "minDate" | "month" | "nextMonthLabel" | "onBlur" | "onChange" | "onFocus" | "onSelect" | "previouslySelected" | "previousMonthLabel" | "selected" | "today" | "year" | "locale" | "analyticsContext" | "weekStartDay" | "testId" | "className" | "style" | "tabIndex" | "shouldSetFocusOnCurrentDay" | "createAnalyticsEvent"> & import("react").RefAttributes<HTMLDivElement>>>;
+declare const Calendar: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<CalendarProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>>;
 export default Calendar;

package/dist/types-ts4.5/internal/types.d.ts

@@ -5,7 +5,7 @@ export type DateObj = {
     month: number;
     year: number;
 };
-export interface WeekDayState {
+interface WeekDayState {
     isDisabled: boolean;
     isFocused: boolean;
     isToday: boolean;
@@ -25,3 +25,4 @@ export interface CalendarDate extends DateObj {
     siblingMonth?: boolean;
 }
 export type ISODate = string;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/calendar",
-	"version": "16.2.1",
+	"version": "16.3.0",
 	"description": "An interactive calendar for date selection experiences.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -25,17 +25,17 @@
 		"runReact18": true
 	},
 	"dependencies": {
-		"@atlaskit/analytics-next": "^10.2.0",
-		"@atlaskit/button": "^20.3.0",
-		"@atlaskit/css": "^0.7.0",
-		"@atlaskit/ds-lib": "^3.3.0",
-		"@atlaskit/heading": "^4.0.0",
-		"@atlaskit/icon": "^23.4.0",
+		"@atlaskit/analytics-next": "^10.3.0",
+		"@atlaskit/button": "^20.4.0",
+		"@atlaskit/css": "^0.8.0",
+		"@atlaskit/ds-lib": "^3.5.0",
+		"@atlaskit/heading": "^4.1.0",
+		"@atlaskit/icon": "^23.5.0",
 		"@atlaskit/locale": "^2.8.0",
 		"@atlaskit/platform-feature-flags": "*",
-		"@atlaskit/primitives": "^13.3.0",
-		"@atlaskit/theme": "^14.0.0",
-		"@atlaskit/tokens": "^3.1.0",
+		"@atlaskit/primitives": "^13.4.0",
+		"@atlaskit/theme": "^14.1.0",
+		"@atlaskit/tokens": "^3.3.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.1",
 		"date-fns": "^2.17.0"
@@ -47,15 +47,20 @@
 		"@af/accessibility-testing": "*",
 		"@af/integration-testing": "*",
 		"@af/visual-regression": "*",
+		"@atlaskit/docs": "*",
+		"@atlaskit/form": "^11.1.0",
+		"@atlaskit/link": "*",
+		"@atlaskit/section-message": "*",
+		"@atlaskit/select": "^18.10.0",
 		"@atlaskit/ssr": "*",
 		"@atlaskit/visual-regression": "*",
 		"@atlassian/feature-flags-test-utils": "*",
 		"@testing-library/dom": "^10.1.0",
-		"@testing-library/react": "^12.1.5",
+		"@testing-library/react": "^13.4.0",
 		"@testing-library/user-event": "^14.4.3",
 		"jest-in-case": "^1.0.2",
 		"jscodeshift": "^0.13.0",
-		"react-dom": "^16.8.0",
+		"react-dom": "^18.2.0",
 		"storybook-addon-performance": "^0.17.3",
 		"typescript": "~5.4.2"
 	},

package/__perf__/default.tsx

@@ -1,5 +0,0 @@
-import React from 'react';
-
-import Calendar from '../src';
-
-export default () => <Calendar />;

package/__perf__/examples.tsx

@@ -1,76 +0,0 @@
-import React from 'react';
-
-import { fireEvent } from '@testing-library/dom';
-import { userEvent } from '@testing-library/user-event';
-import { type InteractionTaskArgs, type PublicInteractionTask } from 'storybook-addon-performance';
-
-import Calendar from '../src';
-
-const testId = 'calendar-test-id';
-
-const getLastElement = (container: HTMLElement, testIdAttributeValue: string) => {
-	const elements = container.querySelectorAll(`[data-testId="${testIdAttributeValue}"]`);
-	return elements[elements.length - 1];
-};
-
-const CalendarPerformance = () => {
-	return (
-		<Calendar
-			disabled={['2020-12-04']}
-			defaultPreviouslySelected={['2020-12-06']}
-			defaultSelected={['2020-12-18']}
-			defaultMonth={12}
-			defaultYear={2020}
-			testId={testId}
-		/>
-	);
-};
-
-const interactionTasks: PublicInteractionTask[] = [
-	{
-		name: 'onFocus',
-		description: 'Render calendar and focus on it',
-		run: async ({ container }: InteractionTaskArgs): Promise<void> => {
-			const calendarContainer = getLastElement(container, `${testId}--container`);
-			fireEvent.focus(calendarContainer);
-		},
-	},
-	{
-		name: 'onBlur',
-		description: 'Render calendar and remove focus',
-		run: async ({ container }: InteractionTaskArgs): Promise<void> => {
-			const calendarContainer = getLastElement(container, `${testId}--container`);
-			fireEvent.focus(calendarContainer);
-			fireEvent.blur(calendarContainer);
-		},
-	},
-	{
-		name: 'onChange',
-		description: 'Render calendar and change month',
-		run: async ({ container }: InteractionTaskArgs): Promise<void> => {
-			const user = userEvent.setup();
-			const nextMonthButton = getLastElement(container, `${testId}--next-month`);
-			await user.click(nextMonthButton);
-		},
-	},
-	{
-		name: 'onSelect',
-		description: 'Render calendar and click on day(date) cell',
-		run: async ({ container }: InteractionTaskArgs): Promise<void> => {
-			const user = userEvent.setup();
-			const dateCell = getLastElement(container, `${testId}--selected-day`);
-			await user.click(dateCell);
-		},
-	},
-];
-
-CalendarPerformance.story = {
-	name: 'calendar',
-	parameters: {
-		performance: {
-			interactions: interactionTasks,
-		},
-	},
-};
-
-export default CalendarPerformance;