@atlaskit/calendar 17.2.11 → 17.2.13

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/calendar
 
+## 17.2.13
+
+### Patch Changes
+
+- [`38f89455de21d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/38f89455de21d) -
+  Removes redundant utility files, split-out multi-export files and restructures internal files.
+- Updated dependencies
+
+## 17.2.12
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 17.2.11
 
 ### Patch Changes

package/calendar.docs.tsx

@@ -0,0 +1,48 @@
+import path from 'path';
+
+import type { ComponentStructuredContentSource } from '@atlassian/structured-docs-types';
+
+const documentation: ComponentStructuredContentSource[] = [
+	{
+		name: 'Calendar',
+		description:
+			"A calendar component for date selection and display. This component is in Beta phase, meaning it's stable at version 1.0+ but may receive improvements based on customer feedback.",
+		status: 'general-availability',
+		import: {
+			name: 'Calendar',
+			package: '@atlaskit/calendar',
+			type: 'default',
+			packagePath: path.resolve(__dirname),
+			packageJson: require('./package.json'),
+		},
+		usageGuidelines: [
+			'Use for date selection interfaces',
+			'Consider date range limitations',
+			'Provide clear visual feedback for selected dates',
+			'Handle disabled dates appropriately',
+		],
+		contentGuidelines: [
+			'Use clear date formatting',
+			'Provide helpful date labels',
+			'Use consistent date terminology',
+			'Consider localization for date display (e.g. locale prop, month/day names, first day of week)',
+		],
+		accessibilityGuidelines: [
+			'Provide clear date selection feedback',
+			'Ensure keyboard navigation between dates',
+			'Use appropriate ARIA labels for dates',
+			'Support screen reader announcements for date changes',
+		],
+		examples: [
+			{
+				name: 'Calendar',
+				description: 'Calendar example',
+				source: path.resolve(__dirname, './examples/ai/calendar.tsx'),
+			},
+		],
+		keywords: ['calendar', 'date', 'picker', 'selection', 'month', 'year', 'beta'],
+		categories: ['form'],
+	},
+];
+
+export default documentation;

package/dist/cjs/calendar.js

@@ -21,7 +21,6 @@ var _compiled = require("@atlaskit/primitives/compiled");
 var _header = _interopRequireDefault(require("./internal/components/header"));
 var _weekDays = _interopRequireDefault(require("./internal/components/week-days"));
 var _weekHeader = _interopRequireDefault(require("./internal/components/week-header"));
-var _constants = require("./internal/constants");
 var _useControlledDateState = _interopRequireDefault(require("./internal/hooks/use-controlled-date-state"));
 var _useFocusing2 = _interopRequireDefault(require("./internal/hooks/use-focusing"));
 var _useGetWeeks = _interopRequireDefault(require("./internal/hooks/use-get-weeks"));
@@ -46,9 +45,9 @@ var InnerCalendar = /*#__PURE__*/(0, _react.forwardRef)(function Calendar(_ref,
     _ref$defaultMonth = _ref.defaultMonth,
     defaultMonth = _ref$defaultMonth === void 0 ? 0 : _ref$defaultMonth,
     _ref$defaultPreviousl = _ref.defaultPreviouslySelected,
-    defaultPreviouslySelected = _ref$defaultPreviousl === void 0 ? _constants.blankStringArray : _ref$defaultPreviousl,
+    defaultPreviouslySelected = _ref$defaultPreviousl === void 0 ? [] : _ref$defaultPreviousl,
     _ref$defaultSelected = _ref.defaultSelected,
-    defaultSelected = _ref$defaultSelected === void 0 ? _constants.blankStringArray : _ref$defaultSelected,
+    defaultSelected = _ref$defaultSelected === void 0 ? [] : _ref$defaultSelected,
     _ref$defaultYear = _ref.defaultYear,
     defaultYear = _ref$defaultYear === void 0 ? 0 : _ref$defaultYear,
     disabled = _ref.disabled,

package/dist/cjs/internal/constants.js

@@ -3,13 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.monthsPerYear = exports.daysPerWeek = exports.blankStringArray = exports.arrowKeys = void 0;
-var arrowKeys = exports.arrowKeys = {
-  ArrowDown: 'down',
-  ArrowLeft: 'left',
-  ArrowRight: 'right',
-  ArrowUp: 'up'
-};
+exports.monthsPerYear = exports.daysPerWeek = void 0;
 var daysPerWeek = exports.daysPerWeek = 7;
-var monthsPerYear = exports.monthsPerYear = 12;
-var blankStringArray = exports.blankStringArray = [];
+var monthsPerYear = exports.monthsPerYear = 12;

package/dist/cjs/internal/hooks/use-handle-date-select.js

@@ -7,8 +7,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = useHandleDateSelect;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
-var _constants = require("../constants");
 var _dateToString = _interopRequireDefault(require("../utils/date-to-string"));
+var arrowKeys = {
+  ArrowDown: 'down',
+  ArrowLeft: 'left',
+  ArrowRight: 'right',
+  ArrowUp: 'up'
+};
+
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
 function useHandleDateSelect(_ref) {
   var _ref$day = (0, _slicedToArray2.default)(_ref.day, 1),
@@ -66,7 +72,7 @@ function useHandleDateSelect(_ref) {
   }, [triggerOnSelect]);
   var handleContainerKeyDown = (0, _react.useCallback)(function (e) {
     var key = e.key;
-    var arrowKey = _constants.arrowKeys[key];
+    var arrowKey = arrowKeys[key];
     if (key === 'Enter' || key === ' ') {
       e.preventDefault();
       triggerOnSelect(dateRef.current);

package/dist/es2019/calendar.js

@@ -11,7 +11,6 @@ import { Box, Stack } from '@atlaskit/primitives/compiled';
 import Header from './internal/components/header';
 import WeekDaysComponent from './internal/components/week-days';
 import WeekHeaderComponent from './internal/components/week-header';
-import { blankStringArray } from './internal/constants';
 import useControlledDateState from './internal/hooks/use-controlled-date-state';
 import useFocusing from './internal/hooks/use-focusing';
 import useGetWeeks from './internal/hooks/use-get-weeks';
@@ -30,8 +29,8 @@ const InnerCalendar = /*#__PURE__*/forwardRef(function Calendar({
   day,
   defaultDay = 0,
   defaultMonth = 0,
-  defaultPreviouslySelected = blankStringArray,
-  defaultSelected = blankStringArray,
+  defaultPreviouslySelected = [],
+  defaultSelected = [],
   defaultYear = 0,
   disabled,
   disabledDateFilter,

package/dist/es2019/internal/constants.js

@@ -1,9 +1,2 @@
-export const arrowKeys = {
-  ArrowDown: 'down',
-  ArrowLeft: 'left',
-  ArrowRight: 'right',
-  ArrowUp: 'up'
-};
 export const daysPerWeek = 7;
-export const monthsPerYear = 12;
-export const blankStringArray = [];
+export const monthsPerYear = 12;

package/dist/es2019/internal/hooks/use-handle-date-select.js

@@ -1,6 +1,11 @@
 import { useCallback, useEffect, useRef } from 'react';
-import { arrowKeys } from '../constants';
 import dateToString from '../utils/date-to-string';
+const arrowKeys = {
+  ArrowDown: 'down',
+  ArrowLeft: 'left',
+  ArrowRight: 'right',
+  ArrowUp: 'up'
+};
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
 export default function useHandleDateSelect({

package/dist/esm/calendar.js

@@ -15,7 +15,6 @@ import { Box, Stack } from '@atlaskit/primitives/compiled';
 import Header from './internal/components/header';
 import WeekDaysComponent from './internal/components/week-days';
 import WeekHeaderComponent from './internal/components/week-header';
-import { blankStringArray } from './internal/constants';
 import useControlledDateState from './internal/hooks/use-controlled-date-state';
 import useFocusing from './internal/hooks/use-focusing';
 import useGetWeeks from './internal/hooks/use-get-weeks';
@@ -37,9 +36,9 @@ var InnerCalendar = /*#__PURE__*/forwardRef(function Calendar(_ref, ref) {
     _ref$defaultMonth = _ref.defaultMonth,
     defaultMonth = _ref$defaultMonth === void 0 ? 0 : _ref$defaultMonth,
     _ref$defaultPreviousl = _ref.defaultPreviouslySelected,
-    defaultPreviouslySelected = _ref$defaultPreviousl === void 0 ? blankStringArray : _ref$defaultPreviousl,
+    defaultPreviouslySelected = _ref$defaultPreviousl === void 0 ? [] : _ref$defaultPreviousl,
     _ref$defaultSelected = _ref.defaultSelected,
-    defaultSelected = _ref$defaultSelected === void 0 ? blankStringArray : _ref$defaultSelected,
+    defaultSelected = _ref$defaultSelected === void 0 ? [] : _ref$defaultSelected,
     _ref$defaultYear = _ref.defaultYear,
     defaultYear = _ref$defaultYear === void 0 ? 0 : _ref$defaultYear,
     disabled = _ref.disabled,

package/dist/esm/internal/constants.js

@@ -1,9 +1,2 @@
-export var arrowKeys = {
-  ArrowDown: 'down',
-  ArrowLeft: 'left',
-  ArrowRight: 'right',
-  ArrowUp: 'up'
-};
 export var daysPerWeek = 7;
-export var monthsPerYear = 12;
-export var blankStringArray = [];
+export var monthsPerYear = 12;

package/dist/esm/internal/hooks/use-handle-date-select.js

@@ -1,7 +1,12 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useCallback, useEffect, useRef } from 'react';
-import { arrowKeys } from '../constants';
 import dateToString from '../utils/date-to-string';
+var arrowKeys = {
+  ArrowDown: 'down',
+  ArrowLeft: 'left',
+  ArrowRight: 'right',
+  ArrowUp: 'up'
+};
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
 export default function useHandleDateSelect(_ref) {

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

@@ -1,5 +1,2 @@
-import type { ArrowKeys } from './types';
-export declare const arrowKeys: Record<string, ArrowKeys>;
 export declare const daysPerWeek = 7;
 export declare const monthsPerYear = 12;
-export declare const blankStringArray: Array<string>;

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

@@ -1,5 +1,2 @@
-import type { ArrowKeys } from './types';
-export declare const arrowKeys: Record<string, ArrowKeys>;
 export declare const daysPerWeek = 7;
 export declare const monthsPerYear = 12;
-export declare const blankStringArray: Array<string>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/calendar",
-	"version": "17.2.11",
+	"version": "17.2.13",
 	"description": "An interactive calendar for date selection experiences.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -29,7 +29,7 @@
 		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/ds-lib": "^6.0.0",
 		"@atlaskit/heading": "^5.3.0",
-		"@atlaskit/icon": "^32.0.0",
+		"@atlaskit/icon": "^33.0.0",
 		"@atlaskit/locale": "^3.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^18.0.0",
@@ -46,12 +46,13 @@
 		"@af/accessibility-testing": "workspace:^",
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/docs": "^11.6.0",
+		"@atlaskit/docs": "^11.7.0",
 		"@atlaskit/form": "^15.4.0",
 		"@atlaskit/link": "^3.3.0",
 		"@atlaskit/section-message": "^8.12.0",
 		"@atlaskit/select": "^21.8.0",
 		"@atlassian/ssr-tests": "workspace:^",
+		"@atlassian/structured-docs-types": "workspace:^",
 		"@testing-library/react": "^16.3.0",
 		"@testing-library/user-event": "^14.4.3",
 		"jest-in-case": "^1.0.2",