From 79641a9d867970dd6a5c56389009df8df3220b85 Mon Sep 17 00:00:00 2001
From: Max Proske <max@mproske.com>
Date: Tue, 15 Nov 2022 19:56:31 -0800
Subject: [PATCH 1/2] Deprecate `with-atlaskit` example

---
 examples/with-atlaskit/.babelrc               |  4 ---
 examples/with-atlaskit/.gitignore             | 36 -------------------
 examples/with-atlaskit/README.md              | 22 ++----------
 .../components/ButtonComponent.js             | 30 ----------------
 .../components/CheckboxComponent.js           | 30 ----------------
 .../components/DateTimePickerComponent.js     | 24 -------------
 .../components/DropdownMenuComponent.js       | 26 --------------
 examples/with-atlaskit/package.json           | 22 ------------
 examples/with-atlaskit/pages/_document.js     | 30 ----------------
 examples/with-atlaskit/pages/index.js         | 15 --------
 10 files changed, 2 insertions(+), 237 deletions(-)
 delete mode 100644 examples/with-atlaskit/.babelrc
 delete mode 100644 examples/with-atlaskit/.gitignore
 delete mode 100644 examples/with-atlaskit/components/ButtonComponent.js
 delete mode 100644 examples/with-atlaskit/components/CheckboxComponent.js
 delete mode 100644 examples/with-atlaskit/components/DateTimePickerComponent.js
 delete mode 100644 examples/with-atlaskit/components/DropdownMenuComponent.js
 delete mode 100644 examples/with-atlaskit/package.json
 delete mode 100644 examples/with-atlaskit/pages/_document.js
 delete mode 100644 examples/with-atlaskit/pages/index.js

diff --git a/examples/with-atlaskit/.babelrc b/examples/with-atlaskit/.babelrc
deleted file mode 100644
index 854cb73a8103..000000000000
--- a/examples/with-atlaskit/.babelrc
+++ /dev/null
@@ -1,4 +0,0 @@
-{
-  "presets": ["next/babel"],
-  "plugins": [["styled-components", { "ssr": true }]]
-}
diff --git a/examples/with-atlaskit/.gitignore b/examples/with-atlaskit/.gitignore
deleted file mode 100644
index c87c9b392c02..000000000000
--- a/examples/with-atlaskit/.gitignore
+++ /dev/null
@@ -1,36 +0,0 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
-/node_modules
-/.pnp
-.pnp.js
-
-# testing
-/coverage
-
-# next.js
-/.next/
-/out/
-
-# production
-/build
-
-# misc
-.DS_Store
-*.pem
-
-# debug
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-.pnpm-debug.log*
-
-# local env files
-.env*.local
-
-# vercel
-.vercel
-
-# typescript
-*.tsbuildinfo
-next-env.d.ts
diff --git a/examples/with-atlaskit/README.md b/examples/with-atlaskit/README.md
index fdaba3f55998..a2c19c054ccc 100644
--- a/examples/with-atlaskit/README.md
+++ b/examples/with-atlaskit/README.md
@@ -1,21 +1,3 @@
-# Atlassian Atlaskit example
+## Deprecated
 
-This example shows how to use Next.js along with Atlaskit of React. This is intended to show the integration of this UI toolkit with the Framework.
-
-## Deploy your own
-
-Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example) or preview live with [StackBlitz](https://stackblitz.com/github/vercel/next.js/tree/canary/examples/with-atlaskit)
-
-[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/git/external?repository-url=https://github.com/vercel/next.js/tree/canary/examples/with-atlaskit)
-
-## How to use
-
-Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init), [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/), or [pnpm](https://pnpm.io) to bootstrap the example:
-
-```bash
-npm install
-npm run dev
-# or
-yarn
-yarn dev
-```
+As of Next.js 13, the minimum React version is **v18.2.0**. The maximum React version of Atlaskit is **v16.8.0**, therefore this example has been deprecated.
diff --git a/examples/with-atlaskit/components/ButtonComponent.js b/examples/with-atlaskit/components/ButtonComponent.js
deleted file mode 100644
index 03a9837ea994..000000000000
--- a/examples/with-atlaskit/components/ButtonComponent.js
+++ /dev/null
@@ -1,30 +0,0 @@
-import React from 'react'
-import Button, { ButtonGroup } from '@atlaskit/button'
-
-export default function ButtonComponent() {
-  return (
-    <React.Fragment>
-      <Button style={{ margin: 10 }}>Button</Button>
-      <Button style={{ margin: 10 }} appearance="primary">
-        Primary Button
-      </Button>
-      <Button style={{ margin: 10 }} appearance="danger">
-        Danger Button
-      </Button>
-      <Button style={{ margin: 10 }} appearance="warning">
-        Warning Button
-      </Button>
-      <Button style={{ margin: 10 }} appearance="link">
-        Link Button
-      </Button>
-      <Button style={{ margin: 10 }} isDisabled>
-        Disabled Button
-      </Button>
-      <ButtonGroup appearance="primary">
-        <Button>First Button</Button>
-        <Button>Second Button</Button>
-        <Button>Third Button</Button>
-      </ButtonGroup>
-    </React.Fragment>
-  )
-}
diff --git a/examples/with-atlaskit/components/CheckboxComponent.js b/examples/with-atlaskit/components/CheckboxComponent.js
deleted file mode 100644
index d2c618cd1402..000000000000
--- a/examples/with-atlaskit/components/CheckboxComponent.js
+++ /dev/null
@@ -1,30 +0,0 @@
-import React from 'react'
-import { Checkbox } from '@atlaskit/checkbox'
-
-export default function CheckboxComponent() {
-  return (
-    <React.Fragment>
-      <Checkbox
-        value="Basic checkbox"
-        label="Basic checkbox"
-        onChange={() => {}}
-        name="checkbox-basic"
-        testId="cb-basic"
-      />
-      <Checkbox
-        isDisabled
-        label="Disabled"
-        value="Disabled"
-        name="checkbox-disabled"
-        testId="cb-disabled"
-      />
-      <Checkbox
-        isInvalid
-        label="Invalid"
-        value="Invalid"
-        name="checkbox-invalid"
-        testId="cb-invalid"
-      />
-    </React.Fragment>
-  )
-}
diff --git a/examples/with-atlaskit/components/DateTimePickerComponent.js b/examples/with-atlaskit/components/DateTimePickerComponent.js
deleted file mode 100644
index 5b5ba385c57a..000000000000
--- a/examples/with-atlaskit/components/DateTimePickerComponent.js
+++ /dev/null
@@ -1,24 +0,0 @@
-import React from 'react'
-import {
-  DatePicker,
-  DateTimePicker,
-  TimePicker,
-} from '@atlaskit/datetime-picker'
-import { Label } from '@atlaskit/field-base'
-
-export default function DateTimePickerComponent() {
-  return (
-    <React.Fragment>
-      <Label label="TimePicker - timeFormat (h:mm a)" />
-      <TimePicker onChange={console.log} timeFormat="h:mm a" />
-      <Label label="DatePicker - dateFormat (DD/MM/YYYY)" />
-      <DatePicker onChange={console.log} dateFormat="DD/MM/YYYY" />
-      <Label label="DateTimePicker - dateFormat (HH:mm) & timeFormat (Do MMMM YYYY)" />
-      <DateTimePicker
-        onChange={console.log}
-        timeFormat="HH:mm"
-        dateFormat="Do MMMM YYYY"
-      />
-    </React.Fragment>
-  )
-}
diff --git a/examples/with-atlaskit/components/DropdownMenuComponent.js b/examples/with-atlaskit/components/DropdownMenuComponent.js
deleted file mode 100644
index ac6ad9bdedbc..000000000000
--- a/examples/with-atlaskit/components/DropdownMenuComponent.js
+++ /dev/null
@@ -1,26 +0,0 @@
-import React from 'react'
-import DropdownMenu, {
-  DropdownItemGroup,
-  DropdownItem,
-} from '@atlaskit/dropdown-menu'
-import { Label } from '@atlaskit/field-base'
-
-export default function DropdownMenuComponent() {
-  return (
-    <React.Fragment>
-      <Label label="DropdownMenu" />
-      <DropdownMenu trigger="Cities in Australia" triggerType="button">
-        <DropdownItemGroup>
-          <DropdownItem>Sydney</DropdownItem>
-          <DropdownItem>Melbourne</DropdownItem>
-          <DropdownItem>Adelaide</DropdownItem>
-          <DropdownItem>Perth</DropdownItem>
-          <DropdownItem>Brisbane</DropdownItem>
-          <DropdownItem>Canberra</DropdownItem>
-          <DropdownItem>Hobart</DropdownItem>
-          <DropdownItem>Darwin</DropdownItem>
-        </DropdownItemGroup>
-      </DropdownMenu>
-    </React.Fragment>
-  )
-}
diff --git a/examples/with-atlaskit/package.json b/examples/with-atlaskit/package.json
deleted file mode 100644
index 99f5178bcc20..000000000000
--- a/examples/with-atlaskit/package.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-  "private": true,
-  "scripts": {
-    "dev": "next dev",
-    "build": "next build",
-    "start": "next start"
-  },
-  "dependencies": {
-    "@atlaskit/button": "^13.3.9",
-    "@atlaskit/checkbox": "^10.1.10",
-    "@atlaskit/datetime-picker": "^9.2.8",
-    "@atlaskit/dropdown-menu": "^9.0.2",
-    "@atlaskit/field-base": "^14.0.2",
-    "next": "^9.3.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "styled-components": "^5.0.1"
-  },
-  "devDependencies": {
-    "babel-plugin-styled-components": "^1.10.7"
-  }
-}
diff --git a/examples/with-atlaskit/pages/_document.js b/examples/with-atlaskit/pages/_document.js
deleted file mode 100644
index 2a59afeb93c1..000000000000
--- a/examples/with-atlaskit/pages/_document.js
+++ /dev/null
@@ -1,30 +0,0 @@
-import Document from 'next/document'
-import { ServerStyleSheet } from 'styled-components'
-
-export default class MyDocument extends Document {
-  static async getInitialProps(ctx) {
-    const sheet = new ServerStyleSheet()
-    const originalRenderPage = ctx.renderPage
-
-    try {
-      ctx.renderPage = () =>
-        originalRenderPage({
-          enhanceApp: (App) => (props) =>
-            sheet.collectStyles(<App {...props} />),
-        })
-
-      const initialProps = await Document.getInitialProps(ctx)
-      return {
-        ...initialProps,
-        styles: (
-          <>
-            {initialProps.styles}
-            {sheet.getStyleElement()}
-          </>
-        ),
-      }
-    } finally {
-      sheet.seal()
-    }
-  }
-}
diff --git a/examples/with-atlaskit/pages/index.js b/examples/with-atlaskit/pages/index.js
deleted file mode 100644
index d44b21dd5171..000000000000
--- a/examples/with-atlaskit/pages/index.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import ButtonComponent from '../components/ButtonComponent'
-import CheckboxComponent from '../components/CheckboxComponent'
-import DateTimePickerComponent from '../components/DateTimePickerComponent'
-import DropdownMenuComponent from '../components/DropdownMenuComponent'
-
-export default function Home() {
-  return (
-    <>
-      <ButtonComponent />
-      <CheckboxComponent />
-      <DateTimePickerComponent />
-      <DropdownMenuComponent />
-    </>
-  )
-}

From de324effd9f7a2e9b5acb256c4d0cdba6e56857c Mon Sep 17 00:00:00 2001
From: Max Proske <max@mproske.com>
Date: Tue, 15 Nov 2022 20:24:02 -0800
Subject: [PATCH 2/2] Remove example folder

---
 examples/with-atlaskit/README.md | 3 ---
 1 file changed, 3 deletions(-)
 delete mode 100644 examples/with-atlaskit/README.md

diff --git a/examples/with-atlaskit/README.md b/examples/with-atlaskit/README.md
deleted file mode 100644
index a2c19c054ccc..000000000000
--- a/examples/with-atlaskit/README.md
+++ /dev/null
@@ -1,3 +0,0 @@
-## Deprecated
-
-As of Next.js 13, the minimum React version is **v18.2.0**. The maximum React version of Atlaskit is **v16.8.0**, therefore this example has been deprecated.