@atlaskit/section-message 6.5.3 → 6.5.5

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/section-message
 
+## 6.5.5
+
+### Patch Changes
+
+- Updated dependencies
+
+## 6.5.4
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 6.5.3
 
 ### Patch Changes
@@ -26,7 +38,7 @@
 
 - [#94378](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/94378)
   [`1a8f0d378a8e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/1a8f0d378a8e) -
-  Add support for React 18.
+  Add support for React 18 in non-strict mode.
 
 ## 6.4.26
 

package/README.md

@@ -10,4 +10,5 @@ yarn add @atlaskit/section-message
 
 ## Usage
 
-Detailed docs and example usage can be found [here](https://atlassian.design/components/section-message/).
+Detailed docs and example usage can be found
+[here](https://atlassian.design/components/section-message/).

package/__perf__/default.tsx

@@ -2,6 +2,4 @@ import React from 'react';
 
 import SectionMessage from '../src';
 
-export default () => (
-  <SectionMessage title="Editing is restricted">hello world</SectionMessage>
-);
+export default () => <SectionMessage title="Editing is restricted">hello world</SectionMessage>;

package/__perf__/with-actions.tsx

@@ -3,22 +3,22 @@ import React from 'react';
 import SectionMessage, { SectionMessageAction } from '../src';
 
 export default () => {
-  return (
-    <SectionMessage
-      title="The Modern Prometheus"
-      actions={[
-        <SectionMessageAction href="https://en.wikipedia.org/wiki/Mary_Shelley">
-          Mary
-        </SectionMessageAction>,
-        <SectionMessageAction href="https://en.wikipedia.org/wiki/Villa_Diodati">
-          Villa Diodatti
-        </SectionMessageAction>,
-      ]}
-    >
-      You will rejoice to hear that no disaster has accompanied the commencement
-      of an enterprise which you have regarded with such evil forebodings. I
-      arrived here yesterday, and my first task is to assure my dear sister of
-      my welfare and increasing confidence in the success of my undertaking.
-    </SectionMessage>
-  );
+	return (
+		<SectionMessage
+			title="The Modern Prometheus"
+			actions={[
+				<SectionMessageAction href="https://en.wikipedia.org/wiki/Mary_Shelley">
+					Mary
+				</SectionMessageAction>,
+				<SectionMessageAction href="https://en.wikipedia.org/wiki/Villa_Diodati">
+					Villa Diodatti
+				</SectionMessageAction>,
+			]}
+		>
+			You will rejoice to hear that no disaster has accompanied the commencement of an enterprise
+			which you have regarded with such evil forebodings. I arrived here yesterday, and my first
+			task is to assure my dear sister of my welfare and increasing confidence in the success of my
+			undertaking.
+		</SectionMessage>
+	);
 };

package/__perf__/without-actions.tsx

@@ -3,12 +3,12 @@ import React from 'react';
 import SectionMessage from '../src';
 
 export default () => {
-  return (
-    <SectionMessage title="The Modern Prometheus">
-      You will rejoice to hear that no disaster has accompanied the commencement
-      of an enterprise which you have regarded with such evil forebodings. I
-      arrived here yesterday, and my first task is to assure my dear sister of
-      my welfare and increasing confidence in the success of my undertaking.
-    </SectionMessage>
-  );
+	return (
+		<SectionMessage title="The Modern Prometheus">
+			You will rejoice to hear that no disaster has accompanied the commencement of an enterprise
+			which you have regarded with such evil forebodings. I arrived here yesterday, and my first
+			task is to assure my dear sister of my welfare and increasing confidence in the success of my
+			undertaking.
+		</SectionMessage>
+	);
 };

package/codemods/6.0.0-lite-mode.tsx

@@ -1,10 +1,7 @@
 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 { changeAppearanceProp } from './internal/change-appearance-prop';
 import { SECTION_MESSAGE_PACKAGE_NAME } from './internal/constants';
@@ -12,10 +9,10 @@ import { mapActionsProp } from './internal/map-actions-prop';
 import { hasDynamicImport } from './internal/utils';
 
 const transformer = createTransformer(
-  [changeAppearanceProp, mapActionsProp],
-  (j: JSCodeshift, source: Collection<Node>) =>
-    hasImportDeclaration(j, source, SECTION_MESSAGE_PACKAGE_NAME) ||
-    hasDynamicImport(j, source, SECTION_MESSAGE_PACKAGE_NAME),
+	[changeAppearanceProp, mapActionsProp],
+	(j: JSCodeshift, source: Collection<Node>) =>
+		hasImportDeclaration(j, source, SECTION_MESSAGE_PACKAGE_NAME) ||
+		hasDynamicImport(j, source, SECTION_MESSAGE_PACKAGE_NAME),
 );
 
 export default transformer;

package/codemods/__tests__/6.0.0-lite-mode.tsx

@@ -3,10 +3,10 @@ import transformer from '../6.0.0-lite-mode';
 const defineInlineTest = require('jscodeshift/dist/testUtils').defineInlineTest;
 
 describe('section message codemod', () => {
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
     import React from "react";
     import SectionMessage from "@atlaskit/section-message";
 
@@ -24,7 +24,7 @@ describe('section message codemod', () => {
       />
     );
     `,
-    `
+		`
     import React from "react";
     import SectionMessage, { SectionMessageAction } from "@atlaskit/section-message";
 
@@ -47,13 +47,13 @@ describe('section message codemod', () => {
       />
     );
     `,
-    'should transform both appearance and actions prop',
-  );
+		'should transform both appearance and actions prop',
+	);
 
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
     import React from "react";
     import SectionMessage from "@atlaskit/section-message";
 
@@ -71,7 +71,7 @@ describe('section message codemod', () => {
       />
     );
     `,
-    `
+		`
     import React from "react";
     import SectionMessage, { SectionMessageAction } from "@atlaskit/section-message";
 
@@ -94,13 +94,13 @@ describe('section message codemod', () => {
       />
     );
     `,
-    'should transform both appearance and actions prop when arranged in different order',
-  );
+		'should transform both appearance and actions prop when arranged in different order',
+	);
 
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
     import React from "react";
     import SectionMessage from "@atlaskit/section-message";
 
@@ -119,7 +119,7 @@ describe('section message codemod', () => {
       />
     );
     `,
-    `
+		`
     import React from "react";
     import SectionMessage, { SectionMessageAction } from "@atlaskit/section-message";
 
@@ -143,13 +143,13 @@ describe('section message codemod', () => {
       />
     );
     `,
-    'should transform both appearance and actions prop when a prop is in between them',
-  );
+		'should transform both appearance and actions prop when a prop is in between them',
+	);
 
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
     import React from "react";
     import SectionMessage from "@atlaskit/section-message";
 
@@ -167,7 +167,7 @@ describe('section message codemod', () => {
       />
     );
     `,
-    `
+		`
     import React from "react";
     import SectionMessage from "@atlaskit/section-message";
 
@@ -185,13 +185,13 @@ describe('section message codemod', () => {
       />
     );
     `,
-    'should transform only appearance prop',
-  );
+		'should transform only appearance prop',
+	);
 
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
     import React from "react";
     import SectionMessage from "@atlaskit/section-message";
 
@@ -209,7 +209,7 @@ describe('section message codemod', () => {
       />
     );
     `,
-    `
+		`
     import React from "react";
     import SectionMessage, { SectionMessageAction } from "@atlaskit/section-message";
 
@@ -232,13 +232,13 @@ describe('section message codemod', () => {
       />
     );
     `,
-    'should transform only actions prop',
-  );
+		'should transform only actions prop',
+	);
 
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
     import React from "react";
     import SectionMessage from "@atlaskit/section-message";
 
@@ -260,7 +260,7 @@ describe('section message codemod', () => {
       />
     );
     `,
-    `
+		`
     import React from "react";
     import SectionMessage, { SectionMessageAction } from "@atlaskit/section-message";
 
@@ -285,13 +285,13 @@ describe('section message codemod', () => {
         appearance="information" />
     );
     `,
-    'should transform both appearance and actions prop and move linkComponent to "SectionMessageAction"',
-  );
+		'should transform both appearance and actions prop and move linkComponent to "SectionMessageAction"',
+	);
 
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
     import React from "react";
     import SectionMessage from "@atlaskit/section-message";
 
@@ -305,7 +305,7 @@ describe('section message codemod', () => {
       />
     );
     `,
-    `
+		`
     import React from "react";
     import SectionMessage from "@atlaskit/section-message";
 
@@ -315,6 +315,6 @@ describe('section message codemod', () => {
       <SectionMessage title="hello" appearance="information" />
     );
     `,
-    'should transform appearance prop and remove linkComponent prop if no actions prop is present',
-  );
+		'should transform appearance prop and remove linkComponent prop if no actions prop is present',
+	);
 });

package/codemods/__tests__/change-appearance-prop.tsx

@@ -7,10 +7,10 @@ const transformer = createTransformer([changeAppearanceProp]);
 const defineInlineTest = require('jscodeshift/dist/testUtils').defineInlineTest;
 
 describe('SectionMessage code-mods', () => {
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
     import React from 'react';
     import SectionMessage from '@atlaskit/section-message';
 
@@ -35,7 +35,7 @@ describe('SectionMessage code-mods', () => {
       );
     }
     `,
-    `
+		`
     import React from 'react';
     import SectionMessage from '@atlaskit/section-message';
 
@@ -60,13 +60,13 @@ describe('SectionMessage code-mods', () => {
       );
     }
     `,
-    `should change the value of appearance prop from "info" to "information"`,
-  );
+		`should change the value of appearance prop from "info" to "information"`,
+	);
 
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
     import React from 'react';
     import SectionMessage from '@atlaskit/section-message';
 
@@ -85,7 +85,7 @@ describe('SectionMessage code-mods', () => {
       );
     }
     `,
-    `
+		`
     import React from 'react';
     import SectionMessage from '@atlaskit/section-message';
 
@@ -104,13 +104,13 @@ describe('SectionMessage code-mods', () => {
       );
     }
     `,
-    `should change the value of appearance prop from "confirmation" to "success"`,
-  );
+		`should change the value of appearance prop from "confirmation" to "success"`,
+	);
 
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
     import React from 'react';
     import SectionMessage from '@atlaskit/section-message';
 
@@ -128,7 +128,7 @@ describe('SectionMessage code-mods', () => {
       );
     }
     `,
-    `
+		`
     import React from 'react';
     import SectionMessage from '@atlaskit/section-message';
 
@@ -146,13 +146,13 @@ describe('SectionMessage code-mods', () => {
       );
     }
     `,
-    `should change the value of appearance prop from "change" to "discovery"`,
-  );
+		`should change the value of appearance prop from "change" to "discovery"`,
+	);
 
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
     import React from 'react';
     import SectionMessage from '@atlaskit/section-message';
     const App = () => {
@@ -168,7 +168,7 @@ describe('SectionMessage code-mods', () => {
       );
     }
     `,
-    `
+		`
     import React from 'react';
     import SectionMessage from '@atlaskit/section-message';
     const App = () => {
@@ -184,13 +184,13 @@ describe('SectionMessage code-mods', () => {
       );
     }
     `,
-    `should change the value of appearance prop from "change" to "discovery" when appearance value is string wrapped in JSX expression`,
-  );
+		`should change the value of appearance prop from "change" to "discovery" when appearance value is string wrapped in JSX expression`,
+	);
 
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
     import React from 'react';
     import SectionMessage from '@atlaskit/section-message';
 
@@ -207,7 +207,7 @@ describe('SectionMessage code-mods', () => {
       );
     }
     `,
-    `
+		`
     import React from 'react';
     import SectionMessage from '@atlaskit/section-message';
 
@@ -224,13 +224,13 @@ describe('SectionMessage code-mods', () => {
       );
     }
     `,
-    `should not change the value of appearance prop when it's not one of "info","confirmation","change"`,
-  );
+		`should not change the value of appearance prop when it's not one of "info","confirmation","change"`,
+	);
 
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
     import React from 'react';
     import SectionMessage from '@atlaskit/section-message';
     const App = () => {
@@ -245,7 +245,7 @@ describe('SectionMessage code-mods', () => {
       );
     }
     `,
-    `
+		`
     import React from 'react';
     import SectionMessage from '@atlaskit/section-message';
     const App = () => {
@@ -260,13 +260,13 @@ describe('SectionMessage code-mods', () => {
       );
     }
     `,
-    `should not change the value of appearance prop when it's not one of "info","confirmation","change" and value is string wrapped in JSX expression`,
-  );
+		`should not change the value of appearance prop when it's not one of "info","confirmation","change" and value is string wrapped in JSX expression`,
+	);
 
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
     import React from 'react';
     import SectionMessage from '@atlaskit/section-message';
     const appearanceValue = "change";
@@ -284,7 +284,7 @@ describe('SectionMessage code-mods', () => {
       );
     }
     `,
-    `
+		`
     import React from 'react';
     import SectionMessage from '@atlaskit/section-message';
     const appearanceValue = "change";
@@ -308,13 +308,13 @@ describe('SectionMessage code-mods', () => {
       );
     }
     `,
-    `should add appearance mapping when appearance prop value is other than string`,
-  );
+		`should add appearance mapping when appearance prop value is other than string`,
+	);
 
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
     import React from 'react';
     import SectionMessage from '@atlaskit/section-message';
     const appearanceValue = "error";
@@ -331,7 +331,7 @@ describe('SectionMessage code-mods', () => {
       );
     }
     `,
-    `
+		`
     import React from 'react';
     import SectionMessage from '@atlaskit/section-message';
     const appearanceValue = "error";
@@ -354,13 +354,13 @@ describe('SectionMessage code-mods', () => {
       );
     }
     `,
-    `should add appearance mapping when appearance prop value is conditional type`,
-  );
+		`should add appearance mapping when appearance prop value is conditional type`,
+	);
 
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
     import React from 'react';
     import SectionMessage from '@atlaskit/section-message';
     const appearance = { value: { ohRealValue: "error" } };
@@ -377,7 +377,7 @@ describe('SectionMessage code-mods', () => {
       );
     }
     `,
-    `
+		`
     import React from 'react';
     import SectionMessage from '@atlaskit/section-message';
     const appearance = { value: { ohRealValue: "error" } };
@@ -400,6 +400,6 @@ describe('SectionMessage code-mods', () => {
       );
     }
     `,
-    `should add appearance mapping when appearance prop value is complex object type`,
-  );
+		`should add appearance mapping when appearance prop value is complex object type`,
+	);
 });