@ark-ui/solid 1.0.0 → 1.0.1

package/CHANGELOG.md

@@ -6,6 +6,16 @@ description: All notable changes to this project will be documented in this file
 
 ## [Unreleased]
 
+## [1.0.1] - 2023-11-10
+
+### Fixed
+
+- Resolved an issue where the `Dialog` component would not animate on exit.
+- Resolved various issues for `Menu` when lazy mounted.
+- Resolved an issue where `MenuTrigger` could still work even when disabled.
+- Resolved an issue where components like `Dialog`, `Popover` etc would not invoke `onExitComplete`
+- Fixed an issue where placement of the `Combobox` could be incorrect when lazy mounted.
+
 ## [1.0.0] - 2023-11-09
 
 We are happy to announce the release of `@ark-ui/solid@1.0.0`. This release includes a number of breaking changes, new features, and bug fixes. Since our last release over two months ago, we will only highlight some key changes. Please refer to the documentation for each component to learn more.
@@ -20,67 +30,6 @@ We are happy to announce the release of `@ark-ui/solid@1.0.0`. This release incl
 
 With the release of version 1.0.0, we are moving towards a more stable version of `@ark-ui/solid`. Future updates will strive to avoid breaking changes, ensuring a smoother experience for our users. If you encounter any issues while upgrading, please do not hesitate to open an issue on our [GitHub repository](https://github.com/chakra-ui/ark/issues). Your feedback is invaluable in helping us improve.
 
-## [1.0.0-beta.3] - 2023-10-31
-
-### Added
-
-- Added support to lazy mount the `DatePicker` and `ColorPicker` components using the `Presence` component
-- Added `ValueText` to the `ColorPicker` component
-
-### Changed
-
-- Improved accessibility of all disclosure components when lazy mounting is enabled.
-- Renamed `htmlFor` prop to `for` in `MenuItemGroupLabel`,
-  `ComboboxItemGroupLabel` and `SelectItemGroupLabel` component
-
-### Fixed
-
-- Added missing data attributes to `DatePickerView` component
-- Resolved an accessibility issue with `Select`
-
-## [1.0.0-beta.2] - 2023-10-24
-
-### Changed
-
-- Replaced `vite` with `rollup-preset-solid` for bundling.
-
-## [1.0.0-beta.1] - 2023-10-20
-
-### Added
-
-- Parsed `focusedValue` in `DatePicker`
-
-### Fixed
-
-- Resolved an issue with `@ark-ui/anatomy`
-
-## [1.0.0-beta.0] - 2023-10-20
-
-### Added
-
-- Added `ToggleGroup` component
-
-### Changed
-
-- Revised `Comoobox` component to support multiple selection
-- Revised `Select` component to support multiple selection
-
-### Fixed
-
-- Resolved an issue where the `asChild` property was not working as expected
-
-### Removed
-
-- Removed anatomy exports. These exports are now available in `@ark-ui/anatomy`.
-
-```tsx
-// before
-import { accordionAnatomy } from '@ark-ui/solid'
-// after
-import { accordionAnatomy } from '@ark-ui/anatomy' // or
-import { anatomy } from '@ark-ui/anatomy/accordion'
-```
-
 ## [0.11.0] - 2023-09-08
 
 ### Added

package/cjs/index.js

@@ -1646,10 +1646,15 @@ const Dialog$1 = props => {
   return web.createComponent(DialogProvider, {
     value: api,
     get children() {
-      return web.createComponent(PresenceProvider, {
-        value: apiPresence,
+      return web.createComponent(PresencePropsProvider, {
+        value: presenceProps,
         get children() {
-          return getChildren();
+          return web.createComponent(PresenceProvider, {
+            value: apiPresence,
+            get children() {
+              return getChildren();
+            }
+          });
         }
       });
     }
@@ -1658,8 +1663,11 @@ const Dialog$1 = props => {
 
 const DialogBackdrop = props => {
   const api = useDialogContext();
-  const presenceApi = usePresenceContext();
-  const mergedProps = solid.mergeProps(() => api().backdropProps, props);
+  const presenceProps = usePresencePropsContext();
+  const presenceApi = usePresence(solid.mergeProps(presenceProps, () => ({
+    present: api().isOpen
+  })));
+  const mergedProps = solid.mergeProps(() => api().backdropProps, () => presenceApi().presenceProps, props);
   return web.createComponent(solidJs.Show, {
     get when() {
       return !presenceApi().isUnmounted;
@@ -2088,8 +2096,13 @@ const MenuSeparator = props => {
 };
 
 const MenuTrigger = props => {
-  const menu = useMenuContext();
-  const mergedProps = solid.mergeProps(() => menu?.().triggerProps, props);
+  const api = useMenuContext();
+  const presenceApi = usePresenceContext();
+  const mergedProps = solid.mergeProps(() => api().triggerProps, () => ({
+    'aria-controls': presenceApi().isUnmounted && null
+  }), props);
+
+  // @ts-expect-error we want aria-controls to be null to remove them if the popover if lazy mounted
   return web.createComponent(ark.button, mergedProps);
 };