@atlaskit/blanket 13.1.0 → 13.2.0

package/__perf__/hideBlanket.tsx

@@ -2,61 +2,49 @@
 import React, { useState } from 'react';
 
 import { fireEvent } from '@testing-library/dom';
-import {
-  InteractionTaskArgs,
-  PublicInteractionTask,
-} from 'storybook-addon-performance';
+import { type InteractionTaskArgs, type PublicInteractionTask } from 'storybook-addon-performance';
 
 import Blanket from '../src';
 
 const BlanketPerformance = () => {
-  const [isBlanketVisible, setIsBlanketVisible] = useState(true);
-
-  const toggleBlanketVisibility = () => {
-    setIsBlanketVisible(!isBlanketVisible);
-  };
-
-  return (
-    <>
-      <button
-        type="button"
-        onClick={toggleBlanketVisibility}
-        data-testid="toggleButton"
-      >
-        Toggle blanket
-      </button>
-
-      <Blanket isTinted={isBlanketVisible} shouldAllowClickThrough={true} />
-    </>
-  );
+	const [isBlanketVisible, setIsBlanketVisible] = useState(true);
+
+	const toggleBlanketVisibility = () => {
+		setIsBlanketVisible(!isBlanketVisible);
+	};
+
+	return (
+		<>
+			<button type="button" onClick={toggleBlanketVisibility} data-testid="toggleButton">
+				Toggle blanket
+			</button>
+
+			<Blanket isTinted={isBlanketVisible} shouldAllowClickThrough={true} />
+		</>
+	);
 };
 
 const interactionTasks: PublicInteractionTask[] = [
-  {
-    name: 'onHide',
-    description: 'Hide blanket by changing its isTinted prop',
-    run: async ({
-      container,
-      controls,
-    }: InteractionTaskArgs): Promise<void> => {
-      const toggleButton = container.querySelector(
-        `[data-testid="toggleButton"]`,
-      )!;
-
-      await controls.time(async () => {
-        await fireEvent.click(toggleButton);
-      });
-    },
-  },
+	{
+		name: 'onHide',
+		description: 'Hide blanket by changing its isTinted prop',
+		run: async ({ container, controls }: InteractionTaskArgs): Promise<void> => {
+			const toggleButton = container.querySelector(`[data-testid="toggleButton"]`)!;
+
+			await controls.time(async () => {
+				await fireEvent.click(toggleButton);
+			});
+		},
+	},
 ];
 
 BlanketPerformance.story = {
-  name: 'Hide Blanklet',
-  parameters: {
-    performance: {
-      interactions: interactionTasks,
-    },
-  },
+	name: 'Hide Blanklet',
+	parameters: {
+		performance: {
+			interactions: interactionTasks,
+		},
+	},
 };
 
 export default BlanketPerformance;

package/__perf__/showBlanket.tsx

@@ -2,59 +2,47 @@
 import React, { useState } from 'react';
 
 import { fireEvent } from '@testing-library/dom';
-import {
-  InteractionTaskArgs,
-  PublicInteractionTask,
-} from 'storybook-addon-performance';
+import { type InteractionTaskArgs, type PublicInteractionTask } from 'storybook-addon-performance';
 
 import Blanket from '../src';
 
 const BlanketPerformance = () => {
-  const [isBlanketVisible, setIsBlanketVisible] = useState(false);
-
-  const toggleBlanketVisibility = () => {
-    setIsBlanketVisible(!isBlanketVisible);
-  };
-
-  return (
-    <>
-      <button
-        type="button"
-        onClick={toggleBlanketVisibility}
-        data-testid="toggleButton"
-      >
-        Toggle blanket
-      </button>
-      <Blanket isTinted={isBlanketVisible} shouldAllowClickThrough={true} />
-    </>
-  );
+	const [isBlanketVisible, setIsBlanketVisible] = useState(false);
+
+	const toggleBlanketVisibility = () => {
+		setIsBlanketVisible(!isBlanketVisible);
+	};
+
+	return (
+		<>
+			<button type="button" onClick={toggleBlanketVisibility} data-testid="toggleButton">
+				Toggle blanket
+			</button>
+			<Blanket isTinted={isBlanketVisible} shouldAllowClickThrough={true} />
+		</>
+	);
 };
 
 const interactionTasks: PublicInteractionTask[] = [
-  {
-    name: 'onShow',
-    description: 'Show blanket by changing its isTinted prop',
-    run: async ({
-      container,
-      controls,
-    }: InteractionTaskArgs): Promise<void> => {
-      const toggleButton = container.querySelector(
-        `[data-testid="toggleButton"]`,
-      )!;
-      await controls.time(async () => {
-        await fireEvent.click(toggleButton);
-      });
-    },
-  },
+	{
+		name: 'onShow',
+		description: 'Show blanket by changing its isTinted prop',
+		run: async ({ container, controls }: InteractionTaskArgs): Promise<void> => {
+			const toggleButton = container.querySelector(`[data-testid="toggleButton"]`)!;
+			await controls.time(async () => {
+				await fireEvent.click(toggleButton);
+			});
+		},
+	},
 ];
 
 BlanketPerformance.story = {
-  name: 'Show Blanklet',
-  parameters: {
-    performance: {
-      interactions: interactionTasks,
-    },
-  },
+	name: 'Show Blanklet',
+	parameters: {
+		performance: {
+			interactions: interactionTasks,
+		},
+	},
 };
 
 export default BlanketPerformance;

package/__perf__/withClickThroughDisabled.tsx

@@ -4,11 +4,11 @@ import React from 'react';
 import Blanket from '../src';
 
 const BlanketPerformance = () => {
-  return <Blanket isTinted={true} shouldAllowClickThrough={false} />;
+	return <Blanket isTinted={true} shouldAllowClickThrough={false} />;
 };
 
 BlanketPerformance.story = {
-  name: 'Blanket with shouldAllowClickThrough disabled',
+	name: 'Blanket with shouldAllowClickThrough disabled',
 };
 
 export default BlanketPerformance;

package/__perf__/withClickThroughEnabled.tsx

@@ -4,11 +4,11 @@ import React from 'react';
 import Blanket from '../src';
 
 const BlanketPerformance = () => {
-  return <Blanket isTinted={true} shouldAllowClickThrough={true} />;
+	return <Blanket isTinted={true} shouldAllowClickThrough={true} />;
 };
 
 BlanketPerformance.story = {
-  name: 'Blanket with shouldAllowClickThrough enabled',
+	name: 'Blanket with shouldAllowClickThrough enabled',
 };
 
 export default BlanketPerformance;

package/codemods/12.0.0-lite-mode.tsx

@@ -1,18 +1,15 @@
-import { JSCodeshift } from 'jscodeshift';
-import { Collection } from 'jscodeshift/src/Collection';
+import { type JSCodeshift } from 'jscodeshift';
+import { type Collection } from 'jscodeshift/src/Collection';
 
-import {
-  createTransformer,
-  hasImportDeclaration,
-} from '@atlaskit/codemod-utils';
+import { createTransformer, hasImportDeclaration } from '@atlaskit/codemod-utils';
 
 import { BLANKET_PACKAGE_NAME } from './internal/constants';
 import { renameCanClickThrough } from './migrations/rename-canclickthrough-to-shouldallowclickthrough';
 
 const transformer = createTransformer(
-  [renameCanClickThrough],
-  (j: JSCodeshift, source: Collection<Node>) =>
-    hasImportDeclaration(j, source, BLANKET_PACKAGE_NAME),
+	[renameCanClickThrough],
+	(j: JSCodeshift, source: Collection<Node>) =>
+		hasImportDeclaration(j, source, BLANKET_PACKAGE_NAME),
 );
 
 export default transformer;

package/codemods/__tests__/rename-canclickthrough-to-shouldallowclickthrough.tsx

@@ -7,10 +7,10 @@ const transformer = createTransformer([renameCanClickThrough]);
 const defineInlineTest = require('jscodeshift/dist/testUtils').defineInlineTest;
 
 describe('Blanket codemods', () => {
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
     import React from 'react';
     import Blanket from '@atlaskit/blanket';
 
@@ -22,7 +22,7 @@ describe('Blanket codemods', () => {
       );
     }
     `,
-    `
+		`
     import React from 'react';
     import Blanket from '@atlaskit/blanket';
 
@@ -34,12 +34,12 @@ describe('Blanket codemods', () => {
       );
     }
     `,
-    `should rename the "canClickThrough" prop to "shouldAllowClickThrough" prop`,
-  );
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+		`should rename the "canClickThrough" prop to "shouldAllowClickThrough" prop`,
+	);
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
     import React from 'react';
     import Blanket from '@atlaskit/blanket';
 
@@ -51,7 +51,7 @@ describe('Blanket codemods', () => {
       );
     }
     `,
-    `
+		`
     import React from 'react';
     import Blanket from '@atlaskit/blanket';
 
@@ -63,12 +63,12 @@ describe('Blanket codemods', () => {
       );
     }
     `,
-    `should rename the "canClickThrough" prop to "shouldAllowClickThrough" prop`,
-  );
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+		`should rename the "canClickThrough" prop to "shouldAllowClickThrough" prop`,
+	);
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
     import React from 'react';
     import Blanket from '@atlaskit/blanket';
 
@@ -82,7 +82,7 @@ describe('Blanket codemods', () => {
       );
     }
     `,
-    `
+		`
     import React from 'react';
     import Blanket from '@atlaskit/blanket';
 
@@ -96,12 +96,12 @@ describe('Blanket codemods', () => {
       );
     }
     `,
-    `should rename only "canClickThrough" prop and leave other props unaffected`,
-  );
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+		`should rename only "canClickThrough" prop and leave other props unaffected`,
+	);
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
     import React from 'react';
     import Blanket from '@atlaskit/blanket';
     const shouldAllowClickThrough = false;
@@ -115,7 +115,7 @@ describe('Blanket codemods', () => {
       );
     }
     `,
-    `
+		`
     import React from 'react';
     import Blanket from '@atlaskit/blanket';
     const shouldAllowClickThrough = false;
@@ -129,12 +129,12 @@ describe('Blanket codemods', () => {
       );
     }
     `,
-    `should rename the "canClickThrough" prop when its value is a variable`,
-  );
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+		`should rename the "canClickThrough" prop when its value is a variable`,
+	);
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
     import React from 'react';
     import Blanket from '@atlaskit/blanket';
     const shouldAllowClickThrough = false;
@@ -148,7 +148,7 @@ describe('Blanket codemods', () => {
       );
     }
     `,
-    `
+		`
     import React from 'react';
     import Blanket from '@atlaskit/blanket';
     const shouldAllowClickThrough = false;
@@ -162,6 +162,6 @@ describe('Blanket codemods', () => {
       );
     }
     `,
-    `should rename the "canClickThrough" prop when its value is a complex expression`,
-  );
+		`should rename the "canClickThrough" prop when its value is a complex expression`,
+	);
 });

package/codemods/migrations/rename-canclickthrough-to-shouldallowclickthrough.tsx

@@ -1,13 +1,13 @@
 import { createRenameFuncFor } from '@atlaskit/codemod-utils';
 
 import {
-  BLANKET_PACKAGE_NAME,
-  NEW_CLICK_THROUGH_PROP_NAME,
-  OLD_CLICK_THROUGH_PROP_NAME,
+	BLANKET_PACKAGE_NAME,
+	NEW_CLICK_THROUGH_PROP_NAME,
+	OLD_CLICK_THROUGH_PROP_NAME,
 } from '../internal/constants';
 
 export const renameCanClickThrough = createRenameFuncFor(
-  BLANKET_PACKAGE_NAME,
-  OLD_CLICK_THROUGH_PROP_NAME,
-  NEW_CLICK_THROUGH_PROP_NAME,
+	BLANKET_PACKAGE_NAME,
+	OLD_CLICK_THROUGH_PROP_NAME,
+	NEW_CLICK_THROUGH_PROP_NAME,
 );

package/dist/cjs/blanket.js

@@ -13,9 +13,11 @@ var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
 var _colors = require("@atlaskit/theme/colors");
 var _constants = require("@atlaskit/theme/constants");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /** @jsx jsx */
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
+ * @jsxRuntime classic
+ */ /** @jsx jsx */
 var packageName = "@atlaskit/blanket";
-var packageVersion = "13.1.0";
+var packageVersion = "13.2.0";
 var analyticsAttributes = {
   componentName: 'blanket',
   packageName: packageName,

package/dist/es2019/blanket.js

@@ -1,3 +1,6 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { forwardRef, memo, useCallback, useRef } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -6,7 +9,7 @@ import noop from '@atlaskit/ds-lib/noop';
 import { N100A } from '@atlaskit/theme/colors';
 import { layers } from '@atlaskit/theme/constants';
 const packageName = "@atlaskit/blanket";
-const packageVersion = "13.1.0";
+const packageVersion = "13.2.0";
 const analyticsAttributes = {
   componentName: 'blanket',
   packageName,

package/dist/esm/blanket.js

@@ -1,6 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { forwardRef, memo, useCallback, useRef } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -9,7 +12,7 @@ import noop from '@atlaskit/ds-lib/noop';
 import { N100A } from '@atlaskit/theme/colors';
 import { layers } from '@atlaskit/theme/constants';
 var packageName = "@atlaskit/blanket";
-var packageVersion = "13.1.0";
+var packageVersion = "13.2.0";
 var analyticsAttributes = {
   componentName: 'blanket',
   packageName: packageName,

package/dist/types/types.d.ts

@@ -1,12 +1,12 @@
-import { ReactNode } from 'react';
-import UIAnalyticsEvent from '@atlaskit/analytics-next/UIAnalyticsEvent';
+import { type ReactNode } from 'react';
+import type UIAnalyticsEvent from '@atlaskit/analytics-next/UIAnalyticsEvent';
 export interface BlanketProps {
     /**
-     * Whether mouse events can pierce the blanket. If true, onBlanketClicked will not be fired.
+     * Whether mouse events can pass through the blanket. If `true`, `onBlanketClicked` will not be called.
      */
     shouldAllowClickThrough?: boolean;
     /**
-     * Whether the blanket has a tinted background color.
+     * Sets whether the blanket has a tinted background color.
      */
     isTinted?: boolean;
     /**
@@ -24,7 +24,7 @@ export interface BlanketProps {
      */
     testId?: string;
     /**
-     * The children to be rendered within Blanket.
+     * The children to be rendered within the blanket.
      */
     children?: ReactNode;
 }

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

@@ -1,12 +1,12 @@
-import { ReactNode } from 'react';
-import UIAnalyticsEvent from '@atlaskit/analytics-next/UIAnalyticsEvent';
+import { type ReactNode } from 'react';
+import type UIAnalyticsEvent from '@atlaskit/analytics-next/UIAnalyticsEvent';
 export interface BlanketProps {
     /**
-     * Whether mouse events can pierce the blanket. If true, onBlanketClicked will not be fired.
+     * Whether mouse events can pass through the blanket. If `true`, `onBlanketClicked` will not be called.
      */
     shouldAllowClickThrough?: boolean;
     /**
-     * Whether the blanket has a tinted background color.
+     * Sets whether the blanket has a tinted background color.
      */
     isTinted?: boolean;
     /**
@@ -24,7 +24,7 @@ export interface BlanketProps {
      */
     testId?: string;
     /**
-     * The children to be rendered within Blanket.
+     * The children to be rendered within the blanket.
      */
     children?: ReactNode;
 }