@atlaskit/checkbox 15.2.4 → 15.3.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/checkbox
 
+## 15.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
+
+## 15.2.5
+
+### Patch Changes
+
+- [#105597](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/105597)
+  [`8713842724537`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8713842724537) -
+  Update dependencies and remove unused internal exports.
+
 ## 15.2.4
 
 ### Patch Changes

package/dist/cjs/checkbox.js

@@ -196,7 +196,7 @@ var Checkbox = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef
     analyticsData: analyticsContext,
     componentName: 'checkbox',
     packageName: "@atlaskit/checkbox",
-    packageVersion: "15.2.4"
+    packageVersion: "15.3.0"
   });
   var internalRef = (0, _react.useRef)(null);
   var mergedRefs = (0, _mergeRefs.default)([internalRef, ref]);

package/dist/es2019/checkbox.js

@@ -182,7 +182,7 @@ const Checkbox = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Checkbox(pr
     analyticsData: analyticsContext,
     componentName: 'checkbox',
     packageName: "@atlaskit/checkbox",
-    packageVersion: "15.2.4"
+    packageVersion: "15.3.0"
   });
   const internalRef = useRef(null);
   const mergedRefs = mergeRefs([internalRef, ref]);

package/dist/esm/checkbox.js

@@ -190,7 +190,7 @@ var Checkbox = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Checkbox(prop
     analyticsData: analyticsContext,
     componentName: 'checkbox',
     packageName: "@atlaskit/checkbox",
-    packageVersion: "15.2.4"
+    packageVersion: "15.3.0"
   });
   var internalRef = useRef(null);
   var mergedRefs = mergeRefs([internalRef, ref]);

package/dist/types/checkbox.d.ts

@@ -1,4 +1,9 @@
-/// <reference types="react" />
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ChangeEvent } from 'react';
+import type UIAnalyticsEvent from '@atlaskit/analytics-next/UIAnalyticsEvent';
 /**
  * __Checkbox__
  *
@@ -8,5 +13,35 @@
  * - [Code](https://atlassian.design/components/checkbox/code)
  * - [Usage](https://atlassian.design/components/checkbox/usage)
  */
-declare const Checkbox: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "css" | "disabled" | "required" | "checked">, keyof import("./types").OwnProps> & import("./types").OwnProps & import("react").RefAttributes<HTMLInputElement>>>;
+declare const Checkbox: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "css" | "disabled" | "required" | "checked">, keyof {
+    defaultChecked?: boolean | undefined;
+    id?: string | undefined;
+    isChecked?: boolean | undefined;
+    isDisabled?: boolean | undefined;
+    isIndeterminate?: boolean | undefined;
+    isInvalid?: boolean | undefined;
+    isRequired?: boolean | undefined;
+    label?: import("react").ReactChild | undefined;
+    name?: string | undefined;
+    onChange?: ((e: ChangeEvent<HTMLInputElement>, analyticsEvent: UIAnalyticsEvent) => void) | undefined;
+    value?: string | number | undefined;
+    testId?: string | undefined;
+    analyticsContext?: Record<string, any> | undefined;
+    xcss?: import("@atlaskit/css").StrictXCSSProp<"alignItems", never>;
+}> & {
+    defaultChecked?: boolean | undefined;
+    id?: string | undefined;
+    isChecked?: boolean | undefined;
+    isDisabled?: boolean | undefined;
+    isIndeterminate?: boolean | undefined;
+    isInvalid?: boolean | undefined;
+    isRequired?: boolean | undefined;
+    label?: import("react").ReactChild | undefined;
+    name?: string | undefined;
+    onChange?: ((e: ChangeEvent<HTMLInputElement>, analyticsEvent: UIAnalyticsEvent) => void) | undefined;
+    value?: string | number | undefined;
+    testId?: string | undefined;
+    analyticsContext?: Record<string, any> | undefined;
+    xcss?: import("@atlaskit/css").StrictXCSSProp<"alignItems", never>;
+} & import("react").RefAttributes<HTMLInputElement>>>;
 export default Checkbox;

package/dist/types/types.d.ts

@@ -8,7 +8,7 @@ import { type StrictXCSSProp } from '@atlaskit/css';
  *
  *
  */
-export type OwnProps = {
+type OwnProps = {
     /**
      * Sets whether the checkbox begins as checked or unchecked.
      */

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

@@ -1,4 +1,9 @@
-/// <reference types="react" />
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ChangeEvent } from 'react';
+import type UIAnalyticsEvent from '@atlaskit/analytics-next/UIAnalyticsEvent';
 /**
  * __Checkbox__
  *
@@ -8,5 +13,35 @@
  * - [Code](https://atlassian.design/components/checkbox/code)
  * - [Usage](https://atlassian.design/components/checkbox/usage)
  */
-declare const Checkbox: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "css" | "disabled" | "required" | "checked">, keyof import("./types").OwnProps> & import("./types").OwnProps & import("react").RefAttributes<HTMLInputElement>>>;
+declare const Checkbox: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "css" | "disabled" | "required" | "checked">, keyof {
+    defaultChecked?: boolean | undefined;
+    id?: string | undefined;
+    isChecked?: boolean | undefined;
+    isDisabled?: boolean | undefined;
+    isIndeterminate?: boolean | undefined;
+    isInvalid?: boolean | undefined;
+    isRequired?: boolean | undefined;
+    label?: import("react").ReactChild | undefined;
+    name?: string | undefined;
+    onChange?: ((e: ChangeEvent<HTMLInputElement>, analyticsEvent: UIAnalyticsEvent) => void) | undefined;
+    value?: string | number | undefined;
+    testId?: string | undefined;
+    analyticsContext?: Record<string, any> | undefined;
+    xcss?: import("@atlaskit/css").StrictXCSSProp<"alignItems", never>;
+}> & {
+    defaultChecked?: boolean | undefined;
+    id?: string | undefined;
+    isChecked?: boolean | undefined;
+    isDisabled?: boolean | undefined;
+    isIndeterminate?: boolean | undefined;
+    isInvalid?: boolean | undefined;
+    isRequired?: boolean | undefined;
+    label?: import("react").ReactChild | undefined;
+    name?: string | undefined;
+    onChange?: ((e: ChangeEvent<HTMLInputElement>, analyticsEvent: UIAnalyticsEvent) => void) | undefined;
+    value?: string | number | undefined;
+    testId?: string | undefined;
+    analyticsContext?: Record<string, any> | undefined;
+    xcss?: import("@atlaskit/css").StrictXCSSProp<"alignItems", never>;
+} & import("react").RefAttributes<HTMLInputElement>>>;
 export default Checkbox;

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

@@ -8,7 +8,7 @@ import { type StrictXCSSProp } from '@atlaskit/css';
  *
  *
  */
-export type OwnProps = {
+type OwnProps = {
     /**
      * Sets whether the checkbox begins as checked or unchecked.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/checkbox",
-	"version": "15.2.4",
+	"version": "15.3.0",
 	"description": "A checkbox is an input control that allows a user to select one or more options from a number of choices.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -36,13 +36,13 @@
 		".": "./src/index.tsx"
 	},
 	"dependencies": {
-		"@atlaskit/analytics-next": "^10.2.0",
-		"@atlaskit/css": "^0.7.0",
-		"@atlaskit/ds-lib": "^3.3.0",
-		"@atlaskit/icon": "^23.4.0",
-		"@atlaskit/platform-feature-flags": "^0.3.0",
-		"@atlaskit/theme": "^14.0.0",
-		"@atlaskit/tokens": "^3.1.0",
+		"@atlaskit/analytics-next": "^10.3.0",
+		"@atlaskit/css": "^0.8.0",
+		"@atlaskit/ds-lib": "^3.5.0",
+		"@atlaskit/icon": "^23.5.0",
+		"@atlaskit/platform-feature-flags": "*",
+		"@atlaskit/theme": "^14.1.0",
+		"@atlaskit/tokens": "^3.3.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1"
 	},
@@ -53,14 +53,19 @@
 		"@af/accessibility-testing": "*",
 		"@af/integration-testing": "*",
 		"@af/visual-regression": "*",
-		"@atlaskit/primitives": "^13.3.0",
+		"@atlaskit/button": "^20.4.0",
+		"@atlaskit/docs": "*",
+		"@atlaskit/form": "^11.1.0",
+		"@atlaskit/link": "*",
+		"@atlaskit/primitives": "^13.4.0",
+		"@atlaskit/section-message": "*",
 		"@atlaskit/ssr": "*",
 		"@atlaskit/visual-regression": "*",
 		"@atlassian/feature-flags-test-utils": "*",
 		"@compiled/react": "^0.18.1",
-		"@testing-library/react": "^12.1.5",
+		"@testing-library/react": "^13.4.0",
 		"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__/checkbox.tsx

@@ -1,70 +0,0 @@
-import React from 'react';
-
-import { fireEvent } from '@testing-library/react';
-import { type InteractionTaskArgs, type PublicInteractionTask } from 'storybook-addon-performance';
-
-import { Checkbox } from '../src';
-
-const interactionTasks: PublicInteractionTask[] = [
-	{
-		name: 'Select checkbox',
-		description: 'Select checkbox',
-		run: async ({ container, controls }: InteractionTaskArgs): Promise<void> => {
-			const checkbox: HTMLElement | null = container.querySelector('input[name="checkbox-basic"]');
-			if (checkbox == null) {
-				throw new Error('Could not find checkbox element');
-			}
-			await controls.time(async () => {
-				fireEvent.click(checkbox);
-			});
-		},
-	},
-	{
-		name: 'Hover checkbox',
-		description: 'Hover checkbox',
-		run: async ({ container, controls }: InteractionTaskArgs): Promise<void> => {
-			const checkbox: HTMLElement | null = container.querySelector('input[name="checkbox-basic"]');
-			if (checkbox == null) {
-				throw new Error('Could not find checkbox element');
-			}
-			await controls.time(async () => {
-				fireEvent.mouseOver(checkbox);
-			});
-		},
-	},
-	{
-		name: 'Focus checkbox',
-		description: 'Focus checkbox',
-		run: async ({ container, controls }: InteractionTaskArgs): Promise<void> => {
-			const checkbox: HTMLElement | null = container.querySelector('input[name="checkbox-basic"]');
-			if (checkbox == null) {
-				throw new Error('Could not find checkbox element');
-			}
-			await controls.time(async () => {
-				fireEvent.focus(checkbox);
-			});
-		},
-	},
-];
-
-function PerformanceComponent() {
-	return (
-		<Checkbox
-			value="Basic checkbox"
-			label="Basic checkbox"
-			name="checkbox-basic"
-			testId="cb-basic"
-		/>
-	);
-}
-
-PerformanceComponent.story = {
-	name: 'Performance',
-	parameters: {
-		performance: {
-			interactions: interactionTasks,
-		},
-	},
-};
-
-export default PerformanceComponent;

package/__perf__/default.tsx

@@ -1,13 +0,0 @@
-import React from 'react';
-
-import { Checkbox } from '../src';
-
-export default () => (
-	<Checkbox
-		value="default checkbox"
-		label="Default checkbox"
-		onChange={() => {}}
-		name="checkbox-default"
-		testId="cb-default"
-	/>
-);