@atlaskit/range 8.0.1 → 8.1.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/range
 
+## 8.1.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
+
+## 8.0.2
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 8.0.1
 
 ### Patch Changes

package/dist/cjs/styled.js

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

package/dist/es2019/styled.js

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.33.0 */
+/* styled.tsx generated by @compiled/babel-plugin v0.36.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./styled.compiled.css";
 import * as React from 'react';

package/dist/esm/styled.js

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.33.0 */
+/* styled.tsx generated by @compiled/babel-plugin v0.36.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";

package/dist/types/styled.d.ts

@@ -1,9 +1,11 @@
 /// <reference types="react" />
+type InputProps = React.InputHTMLAttributes<HTMLInputElement> & {
+    ref: React.Ref<HTMLInputElement>;
+    valuePercent: string;
+};
 /**
  * __Input__
  * Internal-only styled input component.
  */
-export declare const Input: import("react").ForwardRefExoticComponent<Pick<import("react").InputHTMLAttributes<HTMLInputElement> & {
-    ref: React.Ref<HTMLInputElement>;
-    valuePercent: string;
-}, keyof import("react").InputHTMLAttributes<HTMLInputElement> | "valuePercent"> & import("react").RefAttributes<HTMLInputElement>>;
+export declare const Input: import("react").ForwardRefExoticComponent<Omit<InputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+export {};

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

@@ -1,9 +1,11 @@
 /// <reference types="react" />
+type InputProps = React.InputHTMLAttributes<HTMLInputElement> & {
+    ref: React.Ref<HTMLInputElement>;
+    valuePercent: string;
+};
 /**
  * __Input__
  * Internal-only styled input component.
  */
-export declare const Input: import("react").ForwardRefExoticComponent<Pick<import("react").InputHTMLAttributes<HTMLInputElement> & {
-    ref: React.Ref<HTMLInputElement>;
-    valuePercent: string;
-}, keyof import("react").InputHTMLAttributes<HTMLInputElement> | "valuePercent"> & import("react").RefAttributes<HTMLInputElement>>;
+export declare const Input: import("react").ForwardRefExoticComponent<Omit<InputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/range",
-	"version": "8.0.1",
+	"version": "8.1.0",
 	"description": "A range lets users choose an approximate value on a slider.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -25,10 +25,10 @@
 		}
 	},
 	"dependencies": {
-		"@atlaskit/css": "^0.7.0",
-		"@atlaskit/ds-lib": "^3.3.0",
-		"@atlaskit/theme": "^14.0.0",
-		"@atlaskit/tokens": "^2.5.0",
+		"@atlaskit/css": "^0.8.0",
+		"@atlaskit/ds-lib": "^3.5.0",
+		"@atlaskit/theme": "^14.1.0",
+		"@atlaskit/tokens": "^3.3.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.1"
 	},
@@ -39,16 +39,16 @@
 		"@af/accessibility-testing": "*",
 		"@af/integration-testing": "*",
 		"@af/visual-regression": "*",
-		"@atlaskit/checkbox": "^15.2.0",
+		"@atlaskit/checkbox": "^15.3.0",
 		"@atlaskit/ssr": "*",
-		"@atlaskit/tooltip": "^19.0.0",
+		"@atlaskit/tooltip": "^19.1.0",
 		"@atlaskit/visual-regression": "*",
 		"@emotion/styled": "^11.0.0",
-		"@testing-library/react": "^12.1.5",
+		"@testing-library/react": "^13.4.0",
 		"@types/jscodeshift": "^0.11.0",
 		"jscodeshift": "^0.13.0",
 		"lodash": "^4.17.21",
-		"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 Range from '../src';
-
-export default () => <Range step={1} onChange={(value) => console.log('new value', value)} />;

package/__perf__/range.tsx

@@ -1,37 +0,0 @@
-import React from 'react';
-
-import { fireEvent } from '@testing-library/react';
-import type { InteractionTaskArgs, PublicInteractionTask } from 'storybook-addon-performance';
-
-import Range from '../src';
-
-const interactionTasks: PublicInteractionTask[] = [
-	{
-		name: 'Changing input value',
-		description: 'Change the input value of a range with 500 steps',
-		run: async ({ container }: InteractionTaskArgs): Promise<void> => {
-			const range: HTMLElement | null = container.querySelector('[data-testid="my-range"]');
-			if (range == null) {
-				throw new Error('Could not find range element');
-			}
-			for (let i = 251; i < 300; i++) {
-				fireEvent.change(range, { target: { value: i } });
-			}
-		},
-	},
-];
-
-function PerformanceComponent() {
-	return <Range defaultValue={250} min={0} max={500} testId="my-range" />;
-}
-
-PerformanceComponent.story = {
-	name: 'Performance',
-	parameters: {
-		performance: {
-			interactions: interactionTasks,
-		},
-	},
-};
-
-export default PerformanceComponent;