Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(deps): update dependency @ark-ui/react to v4 #41

Open
wants to merge 1 commit into
base: master
Choose a base branch
from

Conversation

renovate[bot]
Copy link
Contributor

@renovate renovate bot commented Sep 25, 2024

This PR contains the following updates:

Package Change Age Adoption Passing Confidence
@ark-ui/react (source) ^3.3.0 -> ^4.0.0 age adoption passing confidence

Release Notes

chakra-ui/ark (@​ark-ui/react)

v4.2.0

Compare Source

Added
  • Slider: Introduced Slider.DraggingIndicator for displaying an indicator when dragging a thumb.
  • Field: Added Field.RequiredIndicator to show a required indicator (e.g., an asterisk) when the required prop is set.
<Field.Root required>
  <Field.Label>
    Username
    <Field.RequiredIndicator />
  </Field.Label>
  <Field.Input placeholder="Enter your username" />
</Field.Root>
Fixed
  • TagsInput: Resolved an issue where api.addTag(...) was not functioning correctly.
  • RatingGroup: Fixed a bug where both the rating group and rating item received focus when readOnly was set to true.
  • Combobox: Corrected behavior where getSelectionValue was called multiple times; it now triggers only when a selection is made.
  • HoverCard: Removed preventDefault calls on the touchstart event to avoid browser error logs.
  • Popover: Fixed a race condition in iOS Safari where switching between popovers caused them to close unexpectedly.
  • Presence: Addressed an issue where elements using the presence machine did not exit the unmounting state if closed with a delay while switching tabs.
Changed
  • Editable:
    • Added data-autoresize attribute to both editable and preview elements when autoResize is enabled.
    • Removed the default all: unset style from the input when autoResize is enabled, allowing for user-defined CSS.

v4.1.2

Compare Source

Fixed
  • Resolved an issue causing the Portal component to render twice.
  • Corrected missing 'use client' annotation in the Frame component.

v4.1.1

Compare Source

Changed
  • TimePicker [Preview]: Updated value and defaultValue types from string to Time. Use
    the exported parseTime function to convert between strings and time objects.
Fixed
  • TagsInput: Resolved an issue where tag navigation was unresponsive after removing tags with
    the delete key.
  • DatePicker: Fixed a bug where selecting a preset and then blurring the input incorrectly reset
    the value.

v4.1.0

Compare Source

Added
  • Toggle: Introduced the Toggle component.
  • Dialog: Added support for detecting outside clicks from parent windows when rendered within an
    iframe.
Fixed
  • Resolved a bug where passing a ref to a component occasionally triggered a warning.
  • Combobox: Fixed an issue where pressing Enter without selecting an option left text in the
    input.
  • Dialog: Fixed an issue where the dialog closed when the positioner was scrollable, and the
    scrollbar was clicked.
  • File Upload:
    • Fixed an issue where acceptedFiles were removed after an invalid file upload.
    • Fixed an issue in the preview image where createObjectURL was not cleaned up.

v4.0.0

Compare Source

In this major release, we shifted from primitive data types like strings to more structured types
such as Collection, Color, and DateValue. This enhanced flexibility and control by offering
advanced methods and properties.

The new APIs introduced helper functions like parseColor, parseDate, and createListCollection
to simplify working with the new types and make code more concise.

Changed
  • ColorPicker [Breaking]: Updated value and defaultValue types from string to Color. Use
    the exported parseColor function to convert between strings and color objects.

    Before

    import { ColorPicker } from '@&#8203;ark-ui/react/color-picker'
    
    const Demo = () => {
      return <ColorPicker.Root defaultValue="#&#8203;000" />
    }

    After

    import { ColorPicker, parseColor } from '@&#8203;ark-ui/react/color-picker'
    
    const Demo = () => {
      return <ColorPicker.Root defaultValue={parseColor('#&#8203;000')} />
    }

    This change allows direct access to color object methods and properties.

  • Select, Combobox [Breaking]: Removed the items, itemToString, and itemToValue props.
    Introduced a collection prop instead. Use the createListCollection helper to generate a
    collection from items.

    Before

    import { Select } from '@&#8203;ark-ui/react/select'
    
    const Demo = () => {
      return <Select.Root items={['Option 1', 'Option 2', 'Option 3']} />
    }

    After

    import { Select, createListCollection } from '@&#8203;ark-ui/react/select'
    
    const collection = createListCollection({
      items: ['Option 1', 'Option 2', 'Option 3'],
    })
    
    const Demo = () => {
      return <Select.Root collection={collection} />
    }
  • DatePicker [Breaking]: Changed value and defaultValue types from string to Date. To
    convert between strings and dates, use the parseDate function.

    Before

    import { DatePicker } from '@&#8203;ark-ui/react/date-picker'
    
    const Demo = () => {
      return <DatePicker.Root defaultValue="2024-01-01" />
    }

    After

    import { DatePicker, parseDate } from '@&#8203;ark-ui/react/date-picker'
    
    const Demo = () => {
      return <DatePicker.Root defaultValue={parseDate('2024-01-01')} />
    }

Configuration

📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

Rebasing: Whenever PR is behind base branch, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.


  • If you want to rebase/retry this PR, check this box

This PR was generated by Mend Renovate. View the repository job log.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

0 participants