@carbon/upgrade 11.38.0 → 11.39.0

package/transforms/__testfixtures__/ibm-products-update-coachmark.output.js

@@ -0,0 +1,66 @@
+import { Theme, Button } from "@carbon/react";
+import React, { useState } from 'react';
+import {
+  preview__Coachmark as Coachmark,
+  preview__CoachmarkBeacon as CoachmarkBeacon,
+} from '@carbon/ibm-products';
+import { Crossroads } from '@carbon/react/icons';
+
+// Example 1: Basic Coachmark with Beacon and dark theme
+export const Example1 = () => {
+  const [isOpen, setIsOpen] = useState(true);
+
+  const handleBeaconClick = () => {
+    setIsOpen(isOpen => !isOpen);
+  };
+
+  return (
+    <Theme theme="white"><Coachmark align="bottom" position={{ x: 0, y: 0 }} open={isOpen}><CoachmarkBeacon
+          label="Show information"
+          buttonProps={{
+            onClick: handleBeaconClick,
+            id: "CoachmarkBtn"
+          }} /><Coachmark.Content><Coachmark.Content.Header closeIconDescription="Close" /><Coachmark.Content.Body><h2>Hello World</h2><p>this is a description test</p><Button size="sm">Done</Button></Coachmark.Content.Body></Coachmark.Content></Coachmark></Theme>
+  );
+};
+
+// Example 2: Coachmark with Button target and light theme
+export const Example2 = () => {
+  const [isOpen, setIsOpen] = useState(true);
+
+  const handleButtonClick = () => {
+    setIsOpen(isOpen => !isOpen);
+  };
+
+  return (
+    <Theme theme="white"><Coachmark align="top" position={{ x: 10, y: 20 }} open={isOpen}><Button
+          id="CoachmarkTriggerRefBtn"
+          onClick={handleButtonClick}
+          kind="tertiary"
+          size="md"
+          renderIcon={Crossroads}>Click Me
+                </Button><Coachmark.Content><Coachmark.Content.Header closeIconDescription="Close" /><Coachmark.Content.Body><h2>Welcome</h2><p>This is your dashboard</p><Button size="sm">Got it</Button></Coachmark.Content.Body></Coachmark.Content></Coachmark></Theme>
+  );
+};
+
+// Example 3: Floating Coachmark
+export const Example3 = () => {
+  const [isOpen, setIsOpen] = useState(true);
+
+  const handleBeaconClick = () => {
+    setIsOpen(isOpen => !isOpen);
+  };
+
+  return (
+    <Theme theme="g90"><Coachmark
+        align="bottom-left"
+        position={{ x: 5, y: 5 }}
+        open={isOpen}
+        floating={true}><CoachmarkBeacon
+          label="Learn more"
+          buttonProps={{
+            onClick: handleBeaconClick,
+            id: "CoachmarkBtn"
+          }} /><Coachmark.Content><Coachmark.Content.Header closeIconDescription="Dismiss" /><Coachmark.Content.Body><h2>New Feature</h2><p>Check out this new feature</p><Button size="sm">Close</Button></Coachmark.Content.Body></Coachmark.Content></Coachmark></Theme>
+  );
+};

package/transforms/__testfixtures__/ibm-products-update-page-header.input.js

@@ -0,0 +1,17 @@
+import { Button, preview__PageHeader as PageHeader } from '@carbon/react';
+import {
+  PageHeaderBreadcrumbBar,
+  PageHeaderContent,
+  PageHeaderTabBar,
+} from '@carbon/react';
+
+const Example = () => (
+  <>
+    <Button />
+    <PageHeader.Root>
+      <PageHeaderBreadcrumbBar />
+      <PageHeaderContent title="Title" />
+      <PageHeaderTabBar />
+    </PageHeader.Root>
+  </>
+);

package/transforms/__testfixtures__/ibm-products-update-page-header.output.js

@@ -0,0 +1,13 @@
+import { Button } from '@carbon/react';
+import { PageHeader, PageHeaderBreadcrumbBar, PageHeaderContent, PageHeaderTabBar } from "@carbon/ibm-products";
+
+const Example = () => (
+  <>
+    <Button />
+    <PageHeader.Root>
+      <PageHeaderBreadcrumbBar />
+      <PageHeaderContent title="Title" />
+      <PageHeaderTabBar />
+    </PageHeader.Root>
+  </>
+);

package/transforms/__testfixtures__/ibm-products-update-page-header2.input.js

@@ -0,0 +1,6 @@
+import {
+  PageHeader as PageHeaderDirect,
+  PageHeaderContentText,
+} from '@carbon/react/es/components/PageHeader/index.js';
+import '@carbon/web-components/es/components/page-header/index.js';
+import '@carbon/web-components/lib/components/page-header/page-header-tabs.js';

package/transforms/__testfixtures__/ibm-products-update-page-header2.output.js

@@ -0,0 +1,6 @@
+import {
+  PageHeader as PageHeaderDirect,
+  PageHeaderContentText,
+} from "@carbon/ibm-products";
+import "@carbon/ibm-products-web-components/es/components/page-header/index.js";
+import "@carbon/ibm-products-web-components/lib/components/page-header/page-header-tabs.js";

package/transforms/__testfixtures__/ibm-products-update-page-header3.input.js

@@ -0,0 +1,3 @@
+import { Link } from '@carbon/react';
+import { PageHeader } from '@carbon/ibm-products';
+import '@carbon/ibm-products-web-components/es/components/page-header/index.js';

package/transforms/__testfixtures__/ibm-products-update-page-header3.output.js

@@ -0,0 +1,3 @@
+import { Link } from '@carbon/react';
+import { PageHeader } from '@carbon/ibm-products';
+import '@carbon/ibm-products-web-components/es/components/page-header/index.js';

package/transforms/__testfixtures__/ibm-products-update-page-header4.input.js

@@ -0,0 +1,18 @@
+import {
+  Link,
+  preview__PageHeader as PageHeader,
+  PageHeaderContent,
+} from '@carbon/react';
+import { ProductiveCard } from '@carbon/ibm-products';
+import { PageHeaderContentText as Text } from '@carbon/react/es/components/PageHeader/index.js';
+
+const Example = () => (
+  <>
+    <Link href="#" />
+    <PageHeader.Root>
+      <PageHeaderContent title="Title" />
+      <Text>Example</Text>
+    </PageHeader.Root>
+    <ProductiveCard />
+  </>
+);

package/transforms/__testfixtures__/ibm-products-update-page-header4.output.js

@@ -0,0 +1,18 @@
+import { Link } from '@carbon/react';
+import {
+  ProductiveCard,
+  PageHeader,
+  PageHeaderContent,
+  PageHeaderContentText as Text,
+} from '@carbon/ibm-products';
+
+const Example = () => (
+  <>
+    <Link href="#" />
+    <PageHeader.Root>
+      <PageHeaderContent title="Title" />
+      <Text>Example</Text>
+    </PageHeader.Root>
+    <ProductiveCard />
+  </>
+);

package/transforms/__tests__/ibm-products-update-coachmark-test.js

@@ -0,0 +1,12 @@
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+const { defineTest } = require('jscodeshift/dist/testUtils');
+
+defineTest(__dirname, 'ibm-products-update-coachmark');

package/transforms/__tests__/ibm-products-update-page-header-test.js

@@ -0,0 +1,30 @@
+/**
+ * Copyright IBM Corp. 2026, 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+const { defineTest } = require('jscodeshift/dist/testUtils');
+
+defineTest(__dirname, 'ibm-products-update-page-header');
+defineTest(
+  __dirname,
+  'ibm-products-update-page-header',
+  null,
+  'ibm-products-update-page-header2'
+);
+defineTest(
+  __dirname,
+  'ibm-products-update-page-header',
+  null,
+  'ibm-products-update-page-header3'
+);
+defineTest(
+  __dirname,
+  'ibm-products-update-page-header',
+  null,
+  'ibm-products-update-page-header4'
+);