@atlaskit/drawer 7.7.0 → 7.7.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/drawer
 
+## 7.7.2
+
+### Patch Changes
+
+- [#94316](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/94316) [`35fd5ed8e1d7`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/35fd5ed8e1d7) - Upgrading internal dependency `bind-event-listener` to `@^3.0.0`
+
+## 7.7.1
+
+### Patch Changes
+
+- [#83116](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83116) [`8d4e99057fe0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8d4e99057fe0) - Upgrade Typescript from `4.9.5` to `5.4.2`
+
 ## 7.7.0
 
 ### Minor Changes

package/constants/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/constants.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../dist/types-ts4.5/constants.d.ts"
       ]

package/dist/cjs/components/index.js

@@ -27,7 +27,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /* eslint-disable @repo/internal/dom-events/no-unsafe-event-listeners */
 var packageName = "@atlaskit/drawer";
-var packageVersion = "7.7.0";
+var packageVersion = "7.7.2";
 var createAndFireEventOnAtlaskit = (0, _analyticsNext.createAndFireEvent)('atlaskit');
 var createAndFireOnClick = function createAndFireOnClick(createAnalyticsEvent, trigger) {
   return createAndFireEventOnAtlaskit({

package/dist/es2019/components/index.js

@@ -8,7 +8,7 @@ import { defaultFocusLockSettings } from '../constants';
 import Blanket from './blanket';
 import DrawerPrimitive from './primitives';
 const packageName = "@atlaskit/drawer";
-const packageVersion = "7.7.0";
+const packageVersion = "7.7.2";
 const createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
 const createAndFireOnClick = (createAnalyticsEvent, trigger) => createAndFireEventOnAtlaskit({
   action: 'dismissed',

package/dist/esm/components/index.js

@@ -18,7 +18,7 @@ import { defaultFocusLockSettings } from '../constants';
 import Blanket from './blanket';
 import DrawerPrimitive from './primitives';
 var packageName = "@atlaskit/drawer";
-var packageVersion = "7.7.0";
+var packageVersion = "7.7.2";
 var createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
 var createAndFireOnClick = function createAndFireOnClick(createAnalyticsEvent, trigger) {
   return createAndFireEventOnAtlaskit({

package/dist/types/components/types.d.ts

@@ -21,7 +21,7 @@ export type Widths = {
 export type DrawerWidth = 'extended' | 'full' | 'medium' | 'narrow' | 'wide';
 export interface BaseProps {
     /**
-     * A unique hook to be used for testing.
+     * A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests.
      */
     testId?: string;
     /**
@@ -33,11 +33,11 @@ export interface BaseProps {
      */
     icon?: ComponentType<any>;
     /**
-     * Provides an accessible name for the close/back control of the drawer. Default is "Close drawer".
+     * This is the accessible name for the close/back control of the drawer. The default is "Close drawer".
      */
     closeLabel?: string;
     /**
-     * Available drawer sizes.
+     * Sets the width of the drawer.
      */
     width?: DrawerWidth;
     /**
@@ -54,18 +54,18 @@ export interface BaseProps {
      */
     shouldUnmountOnExit?: boolean;
     /**
-     * Override drawer components.
+     * Avoid overrides whenever possible. The `overrides` prop allows granular customisation of the drawer. Both the sidebar and content components can be overridden.
      */
     overrides?: OverridesType;
 }
 export interface DrawerLabel {
     /**
-     * Refers to an aria-label attribute. Sets an accessible name for drawer wrapper to announce it to users of assistive technology.
+     * This is an `aria-label` attribute. It sets an accessible name for the drawer wrapper, for people who use assistive technology.
      * Usage of either this, or the `titleId` attribute is strongly recommended.
      */
     label?: string;
     /**
-     * Id referenced by the drawer wrapper's aria-labelledby attribute. This id should be assigned to the drawer title element.
+     * This is an ID referenced by the drawer wrapper's `aria-labelledby` attribute. This ID should be assigned to the drawer `title` element.
      * Usage of either this, or the `label` attribute is strongly recommended.
      */
     titleId?: string;
@@ -142,11 +142,11 @@ export interface FocusLockSettings {
      */
     autoFocusFirstElem?: boolean | (() => HTMLElement | null);
     /**
-     * Whether the focus lock is active or not.
+     * Enable this to keep focus inside the component until it’s closed. This is strongly recommended, as it prevents people who use assistive technology from accidentally navigating out of the drawer using the tab key.
      */
     isFocusLockEnabled?: boolean;
     /**
-     * Controls whether to return the focus to the previous active element on closing the drawer. Set to `true` by default.
+     * Controls whether to return the focus to the previous active element on closing the drawer. Set to `true` by default. Changing this is not recommended as returning focus is required for accessibility.
      */
     shouldReturnFocus?: boolean;
 }

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

@@ -21,7 +21,7 @@ export type Widths = {
 export type DrawerWidth = 'extended' | 'full' | 'medium' | 'narrow' | 'wide';
 export interface BaseProps {
     /**
-     * A unique hook to be used for testing.
+     * A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests.
      */
     testId?: string;
     /**
@@ -33,11 +33,11 @@ export interface BaseProps {
      */
     icon?: ComponentType<any>;
     /**
-     * Provides an accessible name for the close/back control of the drawer. Default is "Close drawer".
+     * This is the accessible name for the close/back control of the drawer. The default is "Close drawer".
      */
     closeLabel?: string;
     /**
-     * Available drawer sizes.
+     * Sets the width of the drawer.
      */
     width?: DrawerWidth;
     /**
@@ -54,18 +54,18 @@ export interface BaseProps {
      */
     shouldUnmountOnExit?: boolean;
     /**
-     * Override drawer components.
+     * Avoid overrides whenever possible. The `overrides` prop allows granular customisation of the drawer. Both the sidebar and content components can be overridden.
      */
     overrides?: OverridesType;
 }
 export interface DrawerLabel {
     /**
-     * Refers to an aria-label attribute. Sets an accessible name for drawer wrapper to announce it to users of assistive technology.
+     * This is an `aria-label` attribute. It sets an accessible name for the drawer wrapper, for people who use assistive technology.
      * Usage of either this, or the `titleId` attribute is strongly recommended.
      */
     label?: string;
     /**
-     * Id referenced by the drawer wrapper's aria-labelledby attribute. This id should be assigned to the drawer title element.
+     * This is an ID referenced by the drawer wrapper's `aria-labelledby` attribute. This ID should be assigned to the drawer `title` element.
      * Usage of either this, or the `label` attribute is strongly recommended.
      */
     titleId?: string;
@@ -142,11 +142,11 @@ export interface FocusLockSettings {
      */
     autoFocusFirstElem?: boolean | (() => HTMLElement | null);
     /**
-     * Whether the focus lock is active or not.
+     * Enable this to keep focus inside the component until it’s closed. This is strongly recommended, as it prevents people who use assistive technology from accidentally navigating out of the drawer using the tab key.
      */
     isFocusLockEnabled?: boolean;
     /**
-     * Controls whether to return the focus to the previous active element on closing the drawer. Set to `true` by default.
+     * Controls whether to return the focus to the previous active element on closing the drawer. Set to `true` by default. Changing this is not recommended as returning focus is required for accessibility.
      */
     shouldReturnFocus?: boolean;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/drawer",
-  "version": "7.7.0",
+  "version": "7.7.2",
   "description": "A drawer is a panel that slides in from the left side of the screen.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -39,16 +39,16 @@
     }
   },
   "dependencies": {
-    "@atlaskit/analytics-next": "^9.2.0",
-    "@atlaskit/blanket": "^13.0.0",
+    "@atlaskit/analytics-next": "^9.3.0",
+    "@atlaskit/blanket": "^13.1.0",
     "@atlaskit/icon": "^22.1.0",
     "@atlaskit/motion": "^1.5.0",
     "@atlaskit/portal": "^4.4.0",
-    "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.41.0",
+    "@atlaskit/theme": "^12.7.0",
+    "@atlaskit/tokens": "^1.43.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
-    "bind-event-listener": "^2.1.1",
+    "bind-event-listener": "^3.0.0",
     "exenv": "^1.2.2",
     "react-focus-lock": "^2.9.5",
     "react-scrolllock": "^5.0.1",
@@ -62,7 +62,7 @@
     "@af/accessibility-testing": "*",
     "@af/integration-testing": "*",
     "@af/visual-regression": "*",
-    "@atlaskit/ds-lib": "^2.2.0",
+    "@atlaskit/ds-lib": "^2.3.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
@@ -72,7 +72,7 @@
     "lodash": "^4.17.21",
     "react-dom": "^16.8.0",
     "react-lorem-component": "^0.13.0",
-    "typescript": "~4.9.5",
+    "typescript": "~5.4.2",
     "wait-for-expect": "^1.2.0"
   },
   "techstack": {
@@ -98,4 +98,4 @@
     }
   },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
-}
+}