Files
headlessui/packages/playground-react/package.json
T
Robin Malfait 842890d054 Ensure appear works using the Transition component (even when used with SSR) (#2646)
* ensure `appear` works in combination with SSR

* add appear transition example

* update changelog

* add scale to appear example

* trigger immediate transition once the DOM is ready

* ensure React doesn't change the `className` underneath us

* handle all base classes

We are bypassing React when handling classes in the Transition
component. Let's ensure the base classes from the prop are also added
correctly.

* add missing `base` to tests

* simplify `useTransition` hook

* add react-hot-toast example

* make TS happy

* ensure the `classNames` are unique

* remove classNames if it results in an empty string

This will ensure that we don't end up with `class=""` in the DOM

* ensure `unmount` is defaulting to `true`

* do not read from `prevShow` in render

After fixing the other bugs, this part only caused bugs right now. Even
when re-rendering the Transition component while transitioning. Dropping
this fixes that behaviour.

* extend `appear` demo with appear, show, unmount booleans

+ a `lazily` one to mimic a conditional render on the client instead of
  a fresh page refresh.
2023-08-07 17:59:40 +02:00

37 lines
1.1 KiB
JSON

{
"name": "playground-react",
"private": true,
"version": "0.0.0",
"scripts": {
"prebuild": "yarn workspace @headlessui/react build && yarn workspace @headlessui/tailwindcss build",
"predev": "yarn workspace @headlessui/react build && yarn workspace @headlessui/tailwindcss build",
"dev:tailwindcss": "yarn workspace @headlessui/tailwindcss watch",
"dev:headlessui": "yarn workspace @headlessui/react watch",
"dev:next": "next dev",
"dev": "npm-run-all -p dev:*",
"build": "next build",
"start": "next start",
"clean": "rimraf ./.next"
},
"dependencies": {
"@headlessui/react": "*",
"@headlessui/tailwindcss": "*",
"@heroicons/react": "^1.0.6",
"@popperjs/core": "^2.6.0",
"@tailwindcss/forms": "^0.5.2",
"@tailwindcss/typography": "^0.5.2",
"autoprefixer": "^10.4.7",
"framer-motion": "^6.0.0",
"next": "^12.1.4",
"postcss": "^8.4.14",
"react": "^18.0.0",
"react-dom": "^18.0.0",
"react-flatpickr": "^3.10.9",
"react-hot-toast": "2.3.0",
"tailwindcss": "^3.2.7"
},
"devDependencies": {
"@floating-ui/react": "^0.24.8"
}
}