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 zag-js monorepo to ^0.78.0 #31

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

Conversation

renovate[bot]
Copy link
Contributor

@renovate renovate bot commented Dec 19, 2023

This PR contains the following updates:

Package Change Age Adoption Passing Confidence
@zag-js/checkbox ^0.7.0 -> ^0.78.0 age adoption passing confidence
@zag-js/vue ^0.7.0 -> ^0.78.0 age adoption passing confidence

Release Notes

chakra-ui/zag (@​zag-js/checkbox)

v0.78.0

Compare Source

Fixed
  • Presence, Collapsible: Fix memory leak where machine might hold on to the element and it's styles after element is
    unmounted

  • Svelte: Fix issue where mergeProps doesn't merge styles correctly

Added
  • Angle Slider [NEW]: Add new angle slider component to allow for selecting an angle between 0 and 360 degrees.

  • Combobox: Add syncSelectedItems api to allow rehydrating the select items after fetching from async items.

  • ColorPicker: Add support for invalid and openAutoFocus props.

v0.77.1

Compare Source

Fixed
  • ColorPicker

    • Add --color to the swatch and swatch trigger parts
    • Allow clicking swatch being in the open state
  • Autoresize

    • Fix issue where resize observer was not cleanup.
    • Trigger resize when rows attribute changes and fonts are loaded.
  • TagsInput: Fix issue where delete behavior is inconsistent between states.

  • TreeView: Add data-* attributes to branch content

  • Clipboard: Fix issue where clipboard trigger doesn't have type=button

v0.77.0

Compare Source

Fixed
  • Dialog: Resolve an issue where body styles are not always restored correctly
  • Toast: Fix exported ToastGroupContext type. The previously exported type was incorrect
Changed
  • TreeView: Refactor treeview to use the new tree collection for better rendering and logic management

  • Combobox: Remove getSelectionValue in favor of userland programmatic control

v0.76.0

Compare Source

Fixed
  • TagsInput: Fix issue where api.addValue(...) doesn't work in tags input
  • RatingGroup: Fix issue where both rating group and rating item have focus when readOnly is set to true
  • Combobox: Fix issue where getSelectionValue could gets called multiple times. Now, it only gets called when a
    selection is made
  • HoverCard: Remove prevent default calls on touch start event to avoid browser error log
Added
  • Collection: Add TreeCollection utility to traverse trees in the treeview and cascader components

v0.75.0

Compare Source

Fixed
  • Popover: Fix race condition in iOS Safari where switching between multiple popovers causes both to close
    unexpectedly.

  • Presence: Fix issue where elements that use the presence machine doesn't exit unmounting state when closed with
    delay and the active tab is switched.

    This is because the v8 engine doesn't trigger the animationend event when the tab is inactive even though the
    "present" state had changed before the tab is switched.

Added
  • Slider: Add support for rendering a dragging indicator when a thumb is dragged by using
    api.getDraggingIndicatorProps(...).

  • Editable: Add data-autoresize to editable and preview parts when autoresize is enabled.

Changed
  • Editable: When autoResize is enabled, we removed the default all: unset applied to the input in favor of
    userland css. Please add this in your userland css.
[data-scope="editable"][data-part="input"][data-autoresize] {
  all: unset;
}

v0.74.2

Compare Source

Fixed
  • TimePicker: Export missing Time type

v0.74.1

Compare Source

Fixed
  • TimePicker: Resolve an issue that @internationalized/date was not declared as peer dependency.

v0.74.0

Compare Source

Fixed
  • TimePicker: Export missing Time type

v0.73.1

Compare Source

Patch Changes

v0.73.0

Compare Source

Added
  • Dialog

    • Add support for detecting outside clicks from parent windows when rendered within an iframe
Fixed
  • Combobox

    • Fix issue where pressing enter without selecting an option leaves text in the input
  • File Upload

    • Fix issue where acceptedFiles is removed after an invalid file is uploaded
  • Dialog

    • Fix issue where dialog closes when positioner is scrollable and the scrollbar is clicked

v0.72.0

Compare Source

Added
  • Select, Combobox

    • Expose multiple and disabled in api to allow for designing custom UIs.
Changed
  • Tour [BREAKING]

    • Refactor tour to be more robust and support programmatic control in wait steps.

v0.71.0

Compare Source

Changed
  • All Packages

    • Update all packages to no longer ship src directory.
Fixed
  • Steps

    • Fix issue where past step item had data-incomplete on it.
    • Rename api.value to api.step
    • Rename api.setValue to api.setStep
  • DatePicker

    • Fix issue where date picker could close when composed in a dialog or popover.
Added
  • FileUpload

    • Add support for api.getClearTriggerProps() to render a clear trigger that clears the accepted files.

v0.70.0

Compare Source

Changed
  • Combobox

    • Remove flip: false default positioning option to ensure consistency with select.
Added
  • Select, Tabs

    • Add support for deselectable prop to allow deselecting the current value by clicking on the item.

v0.69.0

Compare Source

Fixed
  • FileUpload

    • Fix issue where directory: true doesn't work
Added
  • Switch, Checkbox, Radio Group

    • The data-focus-visible attribute to the selected radio button when it is interacted with the keyboard.
  • Tooltip

    • Focus behavior only opens when the tooltip trigger is focused with keyboard.

v0.68.1

Patch Changes

v0.68.0

Fixed
  • DatePicker

    • Fix issue where partial YY format in date string was not parsed correctly.
    • Fix issue in Vue.js where input value could not be changed by typing.
    • Fix issue where setting controlled min and max values throws an error.
  • TreeView

    • Fix issue where programmatic selection does not account for singular selection

v0.67.0

Compare Source

Added
  • Highlight

    • Released @zag-js/highlight-word package to help with highlighting text in a string.
Fixed
  • Date Utils

    • Fixed issue where getWeekDays had inconsistent behavior when both locale and startOfWeekProp were set
  • Menu

    • Fixed issue where lazy mounting the content caused the first menu item to not be focused when opened with keyboard

v0.66.1

Compare Source

Patch Changes

v0.66.0

Compare Source

Fixed
  • Floating Components

    • Fix issue where clicking outside of a dialog on mobile passes click events through
  • Popover

    • Fix issue where popover does not restore focus when open state is changed programmatically
  • Avatar

    • Fix issues where avatar could throw when the fallback inner text changes.
  • Steps

    • Improve accessibility of tablist semantics by using aria-owns
Added
  • FileUpload

    • Add support for more file types in file upload accept intellisense
  • Toast

    • Add support for action in toast options, giving you the ability to add a action.label and action.onClick. The
      onClick function will be called when the user clicks the action trigger.
api.create({
  title: "Uploaded successfully",
  type: "success",
  action: {
    label: "Undo",
    onClick: () => {
      console.log("undo")
    },
  },
})
Changed
  • Floating Components

    • Refactor boundary to only support function that returns an element.
  • Select

    • Refactor opening and selection to be based on click events rather than pointerdown/up cycles.
    • Improve usability and accessibility of the select component.
    • Fix issue where controlled multiple selects open state behaved unexpectedly.
  • File Upload

    • Add support for invalid prop in file upload to explicitly mark upload operation as invalid. This could be paired
      with the rejectedFiles to show an error message.

v0.65.1

Compare Source

Fixed
  • Popover

    • Fix issue where popover doesn't restore focus when controlled
    • Fix issue where clicking the close button doesn't restore focus to the trigger
  • Svelte

    • Fix issue where peerDependencies were configured incorrectly

v0.65.0

Compare Source

Fixed
  • Dialog

    • Fix issue where closing a nested dialog focuses the first focusable element in the parent dialog instead of the
      previously focused element.
Added
  • Editable

    • Add support for controlled the editable's state (edit/preview) using edit and onEditChange
  • Pagination

    • Expose api.count property
Changed
  • Editable

    • Removed onEdit in favor of onEditChange
    • Removed startsWithEditView in favor of edit prop

v0.64.0

Compare Source

Fixed
  • NumberInput

    • Fix issue where pressing enter key, doesn't make arrow up and down work as expected
Added
  • Collection

    • Introduce new GridCollection to manage grid base navigation and selection
Changed
  • Collection [BREAKING]

    • Rename Collection class to ListCollection to better reflect its intent

v0.63.0

Compare Source

Fixed
  • DatePicker

    • Fix issue where selected date doesn't reflect in input when you click trigger then focus input
    • Fix SSR issue when using getPresetTrigger
  • Slider

    • Fix issue where onValueChangeEnd gets called with incorrect value
  • Timer

    • Fix an issue that action trigger did not emit an event
Added
  • DatePicker

    • Add support for index in getLabelProps

v0.62.1

Compare Source

Fixed
  • TimePicker

    • Export missing TimePicker types
  • Toast

    • Add missing aria-labelledby and aria-describedby attributes on the toast root element
  • React

    • Fix regression with useMachine where HMR could lead to Maximum call stack exceeded error
Added
Changed

v0.62.0

Compare Source

Fixed
  • Combobox

    • Improve accessibility by removing aria-selected and aria-disabled when false
    • Prefer click over pointerup for consistent experience between screen readers and pointers.
  • React

    • Improve HMR behavior in React with components like Dialog, Select, and Menu
Changed
  • Steps

    • Rename skippable to linear prop to better communicate its intent
    • Set default orientation to horizontal

v0.61.1

Compare Source

Fixed
  • Tags Input

    • Fix issue where tag input does not allow for repeat pasting and undo
    • Fix issue where deleting a pasted value completely disables pasting
    • Ensure value set in the machine are always unique, discarding duplicates
  • Select

    • Fix issue where closeOnSelect could not be customized when multiple is set to true

v0.61.0

Compare Source

Fixed
  • RadioGroup

    • Ensure consistent click events for radio group item.
    • Fix issue where data-readonly attribute was misspelt
Added
  • Tooltip

    • Add support for closeOnClick to determine if the tooltip should close when trigger is clicked.

v0.60.0

Compare Source

Fixed
  • All Machines

    • Improve reliability in web runtime by wrapping the process.env check in a function
  • Combobox

    • Fix issue where Combobox doesn't update the input on selection with pointer
Added
  • [NEW] Steps

    • Add new steps machine to create a step-by-step wizard or onboarding experience

v0.59.0

Compare Source

Fixed
  • Select, Combobox

    • Improve reliability of select and combobox by redesigning the collection interface
  • TreeView

    • Fix issue where inputs could not be used within tree
Added
  • ColorPicker, Select, NumberInput

    • Add support for valueText part for rendering internal state value

v0.58.3

Compare Source

Fixed
  • Combobox

    • Fix issue where input shows values when multiple is set to true. The design intent is that when combobox is set
      to multiple, values should be rendered outside the
    • Expose data-placement on Content
  • Progress

    • Fix issue where progress circle throws warning due to incorrect viewBox attribute on <svg>
  • Carousel

    • Fix issue where next and previous buttons don't loop currently when using setting both slidesPerView and loop
  • Presence

    • Fix issue where presence doesn't close if close animation has duration of 0s
  • Select, Combobox

    • Expose data-invalid on Combobox and Select triggers
  • Menu

    • Fix context menu losing position data on close
    • Fix issue where context menu doesn

v0.58.2

Compare Source

Patch Changes

v0.58.1

Compare Source

Patch Changes

v0.58.0

Compare Source

Fixed
  • All Machines

    • Ensure consistent application of form related properties like invalid, required, and readOnly.

    • Export Service from all machines for use in Lit based components.

  • Tooltip

    • Fix issue where closeOnScroll=false doesn't work consistently in Safari
Added
  • Alert

    • Expose more functions to programmatically change the page like api.goToNextPage(), api.goToPrevPage(),
      api.goToFirstPage(), api.goToLastPage()
  • DatePicker

    • Add support for customizing date picker accessibility labels
  • FileUpload

    • Add support for api.clearRejectedFiles to allow clearing the rejected files programmatically.

    • Improve DX of the accept context property by providing autocompletions for common file type

v0.57.0

Compare Source

Fixed
  • Editable

    • Fix issue where setting activationMode=dblclick clears the input value unexpectedly.
  • SignaturePad

    • Add role=application to signature pad control. This fixes the accessibility violation with aria-roledescription
  • Menu

    • Fix issue where sibling menus or popovers don't work well on iOS mobile devices.
    • Fix issue where context menu trigger shows the magnifier and iOS context menu on long press.
Added
  • Select

    • Add support for selecting all values using api.selectAll()
  • Tooltip

    • Add support for closeOnScroll to control whether the tooltip should close when the trigger's overflow parent
      scrolls.
  • ColorPicker

    • Add support for channel slider label and value text parts
    • Allow passing format to channel slider parts. Useful for building slider only color pickers
    • Add api.getChannelValueText to get the formatted value text for specific channel slider
  • Slider

    • Expose data-dragging to the component parts when dragging the slider thumb. This allows you to style the slider
      parts differently when the thumb is being dragged.

v0.56.1

Compare Source

Fixed
  • All Machines: Ensure consistent handling of readOnly and disabled context properties
  • QrCode: Fix issue where QrCode types are not exported

v0.56.0

Compare Source

Fixed
  • Menu

    • Fix issue where using anchor as menuitem hijacks focus prematurely
Added
  • Presence

    • Add support for immediate to synchronize the present change immediately instead of deferring to next tick. This
      should be used when composing components like Tabs.
  • RadioGroup, Tabs

    • Add data-ssr to item as a style hook to mimick the indicator styles while in ssr. This improves the visual
      experience and prevents the indicator flashing on hydration
Changed
  • Timer [Breaking]

    • Refactor anatomy for timer machine.
      • Before: root, segment, control, separator
      • After: root, item, itemValue, itemLabel, actionTrigger, separator,

v0.55.0

Compare Source

Fixed
  • FileUpload

    • Fix issue where onFileAccept gets called when deleting an item via the delete trigger. Now, only onFileChange is
      called when deleting or calling api.clearFiles
  • Combobox, Select

    • Add missing list part
Added
  • [NEW]: Added new QR Code machine to generate QR codes from text or URLs.
Changed

v0.54.0

Compare Source

Changed
  • All Machines

    Update all machines to use prop getters everywhere. This helps to improve render performance and reduce breaking
    changes in the future.

    rootProps -> getRootProps()
    labelProps -> getLabelProps()

v0.53.0

Fixed
  • Removed stray console.log
Added
  • Svelte

    • Fix svelte runes warning for $state usage in useMachine hook
    • Add reflect utility to help design system maintainers manage api reactivity
    • Add and expose PropTypes type to improve type safety in spread props

v0.52.0

Fixed
  • Solid.js

    • Fix SSR issue in Solid.js where spreading readOnly: false adds the readonly attribute on editable elements,
      making them uneditable.
  • Popover

    • Fix issue where autoFocus was not implemented. Now, it determines whether the popover should autofocus on open

      • when true, the first focusable element or the content is focused
      • when false, the content is focused
    • Fix the issue where page scroll resets on opening popover

  • Select

    • Fix issue where changing the label of a collection item doesn't trigger a change in select and combobox components.
Added
  • Editable
    • Allow using textarea as the input element in edit mode.

v0.51.2

Compare Source

Fixed
  • General

    • Fix events merging in mergeProps utility
    • Fix issue where keydown event might not fire in React due to nativeEvent currentTarget not been set sometimes.
  • Avatar

    • Improve image load check to use naturalWidth|Height instead of currentSrc

v0.51.1

Compare Source

Patch Changes

v0.51.0

Compare Source

Fixed
  • FileUpload

    • Fix issue where hidden input doesn't include the file list when dropping files on the dropzone
  • Progress

    • Fix issue where using a smaller max than 50 throws due to the fact the default value is set to 50. Now we
      set the default value to mid value between the min and max
Added
  • [NEW]: Added new Timer machine to create a timer (countdown or stopwatch) that can be paused, resumed, and reset.

  • [NEW]: Added new TimePicker machine to that allows selecting a time and day period.

  • Pagination

    • Add api.pageSize to allow retrieving the current page size
    • Add onPageSizeChange to listen for page size change
  • Editable

    • Add api.valueText that returns the current value or placeholder if empty
Changed

v0.50.0

Compare Source

Fixed
  • React

    • Fix issue where controlled context can sometimes not be synced correctly
  • Collection

    • Ensure collection are considered different when item's disabled property changes
  • Popover, Menu, Select

    • Fix issue where positioner does not respect the offset.crossAxis
Added
  • Dialog, Popover:

    • Add support for persistElements to prevent third-party elements from having pointer-events: none applied to them
      and closing when you interact with them.
  • Dialog

    • Prevent closing dialog on outside click when role=alertdialog is set.
    • Set the initial focus to the close trigger, when role=alertdialog is set to prevent accidental selection of
      destructive action.
  • Slider

    • Invoke onValueChangeEnd when using keyboard to interact with slider thumb
  • Tabs, Combobox, Select, Menu:

    • Add new composite prop to allow for composing these components within themselves.
Changed
  • Combobox

    • Rename triggerProps to getTriggerProps() to allow for more flexible compositions
  • Popover, Tooltip

    • Rename closeOnEsc to closeOnEscape to be consistent with dialog machine
  • Tabs

    • When using the pointer, prefer click based selection when using activationMode=automatic over focus triggering
      selection. For keyboard, selection follows focus as usual

v0.49.0

Compare Source

Fixed
  • Store, React

    • Fix issue where multiple versions of @zag-js/store could lead to "proxy state is not iterable" errors
  • Collapsible

    • Fix issue where initial height animation can sometimes run
  • DatePicker

    • Fix issue where date picker content doesn't register as a dismissable when lazy mounted
    • Fix issue where changing focused value doesn't update the date picker's visible range
  • Splitter

    • Fix issue where onResize was not called
  • TagsInput

    • Fix issue where editing a tag and clearing it's value leaves an empty tag. Now, empty tags will be deleted
    • Fix issue where deleting a tag with pointer and navigating with keyboard doesn't work
Added
  • Presence

    • Add api.unmount to programmatically unmount the component
    • Add api.skip to skip initial animation

v0.48.0

Compare Source

This release marks the journey to a more stable and consistent API across all components. We've made significant
changes.

Fixed
  • Collapsible

    • Resolve an issue that sometimes the collapsible height was not measured correctly
  • Toast

    • Fix an issue where toast hide immediately after updating
    • Fix an issue that the height was not exactly measured
  • Select, Combobox

    • Fix issue where value is unintentionally sorted when highlighting item
Added
  • Checkbox, RadioGroup, Switch

    • Add support for readOnly prop to prevent user interaction from changing the checkbox state
  • Combobox

    • Add support for controlling the open state of the combobox via open and onOpenChange
    • Add new openOnChange property to automatically open the combobox when the value changes. Value can be a boolean or
      a function that returns a boolean.
    const [state, send] = useMachine(
      combobox.machine({
        openOnChange: ({ inputValue }) => inputValue.length > 2,
      }),
    )
    • Add new openOnKeypress property to automatically open the combobox when the arrow keys (up and down) are pressed.
    • Add persistFocus to the item props to determine whether to clear the highlighted item on pointer leave.
Changed
  • All machines

    • Rename all api to return consistent boolean properties. This means going from is<X> to <x>. For example,
      isDisabled -> disabled, isFocused -> focused, isOpen -> open, etc.
    • Rename open(), close() methods to setOpen(true|false)
    • Remove selectOnBlur to prevent accidental selection of options. Prefer explicit selection by user via click or
      enter key.
  • Accordion

    • Rename getItemState properties
      • isOpen -> expanded
      • isDisabled -> disabled
      • isFocused -> focused
  • Avatar

    • Rename api.isLoaded to api.loaded
    • Remove api.showFallback since it's equivalent to !api.loaded
  • Carousel

    • Rename isCurrent to current
    • Rename isNext and isPrevious to next and previous respectively
    • Rename isPrevious to previous
  • Clipboard

    • Rename api.isCopied to api.copied
  • File Upload

    • Rename api.open() -> api.openFilePicker()
  • Menu

    • Menu now focuses the first tabbable element when it opens. This allows for composition with combobox
    • Rename loop to loopFocus to better reflect its purpose
  • TagsInput

    • Rename allowTagEdit to editable
    • Add onInputValueChange to machine context

v0.47.0

Compare Source

Fixed
  • Select
    • Prevent tab key interaction when the select is open. This keeps focus within the select and ensures keyboard
      interactions work consistently
Changed
  • Toast [BREAKING]:

    • Simplify toast api methods
    <ToastContext.Provider value={api}>
    -    {Object.entries(api.getToastsByPlacement()).map(([placement, toasts]) => (
    +    {api.getPlacements().map((placement) => (
            <div key={placement} {...api.getGroupProps({ placement })}>
    -           {toasts.map((toast) => (
    +           {api.getToastsByPlacement(placement).map((toast) => (
                    <Toast key={toast.id} actor={toast} />
                ))}
            </div>
        ))}
        {children}
    </ToastContext.Provider>
    • Fix issue where toast closes when you update the same toast type

v0.46.0

Compare Source

Fixed
  • Checkbox, Switch

    • Fix issue where data-active doesn't get removed when pointer is release outside the element
  • Toast

    • Fix issue where toast closes when updated without type or duration
Added
  • Signature Pad [NEW]

    • Add new signature pad machine to allow capturing user signature
  • Svelte

    • Add support for useActor hook to be consistent with other frameworks
Changed
  • Avatar [Breaking]

    • Change onLoadingStatusChange to onStatusChange to match naming convention across machines
  • Clipboard [Breaking]

    • Change onCopyStatusChange to onStatusChange to match naming convention across machines
  • Toasts [Breaking]

    • Add support for overlapping toasts by setting overlap: true in the toast.group machine context
    • Remove pauseOnInteraction in favor of always pausing on hover. This is required for accessibility reasons (there
      should always be a way to pause the widgets with time-based interactions)
    • Remove onOpen, onClose and onClosing in favor of onStatusChange which reports the lifecycle status of the
      toast
    • Impose new required styling for toast to work as designed. Here's a quick example of the required styling:
    [data-scope="toast"][data-part="root"] {
      translate: var(--x) var(--y);
      scale: var(--scale);
      z-index: var(--z-index);
      height: var(--height);
      opacity: var(--opacity);
      will-change: translate, opacity, scale;
      transition:
        translate 400ms,
        scale 400ms,
        opacity 400ms;
    }
    
    [data-scope="toast"][data-state="closed"] {
      transition:
        translate 400ms,
        scale 400ms,
        opacity 200ms;
    }
    • Require new ghostBeforeProps and ghostAfterProps props to ensure the hover interaction works as expected

v0.45.0

Compare Source

Changed
  • Solid: Rewrite mergeProps to prevent issues with children that read from context, and ensure props are always
    up-to-date.

v0.44.0

Added
  • Tags Input: Support for RegExp in delimiter
Changed
  • Avatar: Remove hardcoded style to allow more flexible styling

v0.43.0

Changed
  • Menu [Breaking]

    • Rename getOptionItemIndicatorProps to getItemIndicatorProps
    • Rename getOptionItemTextProps to getItemTextProps
    • Changed data-part to match new anatomy
      • option-item -> item
      • option-item-indicator -> item-indicator
      • option-item-text -> item-text
  • File Upload [Breaking]

    • Remove files form user defined context. File upload, just like <input type=file>, is largely a readonly
      operation that can't be set by the user.

      Consider using the onFileChange event to handle file changes.

    • Rename api.files to api.acceptedFiles

    • Rename onFilesChange to onFileChange

v0.42.0

Compare Source

Added
  • File Upload
    • Add support selecting directories via directory prop
    • Add support for capture property that specifies which camera to use for capture of image or video
Changed
  • Menu [Breaking]
    • Removed value and onValueChange in favor of using explicit state to manage option items, and passing checked
      and onCheckedChange to the getOptionItemProps callback.
    • Prefer value over id in getItemProps and getOptionItemProps for consistency with other machine.
    • onSelect now provides value not id in its details.

v0.41.0

Compare Source

Fixed
  • Select
    • Fix issue where select doesn't work in forms when readOnly: true is set
    • Fix issue where initial value was not synced with hidden select element
Added
  • Dialog: Sync zIndex of content with positioner and backdrop via --z-index css variable. This helps with
    stacking order when using multiple dialogs.

  • Dismissable: Improve interaction outside logic when layer rendering is deferred (via Portals or unmounted)

  • Utilities: Add support for formatDate and formatList functions that use the underlying Intl.*
    implementations

Changed
  • Tooltip: Set tooltip interactive to false by default

v0.40.0

Compare Source

Fixed
  • Circular Progress: Fix issue where circular progress circle diameter doesn't get calculated correctly
  • Combobox:
    • Fix issue where input doesn't clear when selectionBehavior is set to clear
    • Fix issue where input doesn't show initially selected value
    • Fix issue where empty input was replaced by selected value string when typing
Added
  • [NEW] Introduce new floating panel machine for draggable and resizable panels
  • Select
    • Add data-placement to the select content to make it easier to style
    • Add support for scrollToIndexFn to be used with virtualization libraries
    • Add support for highlightedIndex in the onHighlightChange callback
Changed
  • Svelte: Unify API for useService and useMachine with other frameworks

v0.39.0

Compare Source

Fixed
  • Select: Fix issue where multiple select doesn't work correctly in forms.
  • DatePicker: Remove unused parse function
  • TagsInput: Fix issue where setting addOnPaste to false and pasting text prevents subsequent tags from being
    added
  • Progress: Fix issue where progress throws when value is initially set to null
  • Popper: Fix issue where crossAxis positioning property doesn't work in some cases.
  • Combobox: Fix issue where clear trigger remains hidden when initial value is set.
Added
  • Slider: Add support for custom name attribute on the thumb element
  • Splitter: Add data-orientation attribute to splitter panel
  • Menu: Expose onEscapeKeyDown event handler
Changed

💥 Breaking changes

  • Tabs: Rename api.tablistProps to api.listProps to match naming convention
  • Dismissable: Use capture phase for escape keydown handling

v0.38.1

Compare Source

Fixed
  • DatePicker

    • Fix issue where next and previous had the wrong aria labels
    • Fix an issue wher close on click outside does not get called when conditionally rendered
  • FileUpload: Fix an issue where onFileReject would not be called

  • Switch: Fix accessibility issue where aria-readonly was incorrectly set on the wrong element.

v0.38.0

Compare Source

Added
  • Collapsible: Add onExitComplete to listen for exit animation completion.

v0.37.3

Compare Source

Patch Changes

v0.37.2

Compare Source

Fixed
  • Collapsible: Fix issue where collapsible doesn't work when content is initially unmounted, or no animation is
    attached.

v0.37.1

Compare Source

Fixed
  • Collapsible: Fix issue where collapsible doesn't work when content is initially unmounted, or no animation is
    attached.

v0.37.0

Compare Source

Added
  • Tour: Add new Tour component to guide users through a series of steps in an application.
  • Expose all machine context properties as array to improve DX of building design system components.
Fixed
  • TreeView: Add missing getBranchIndicator function and other minor fixes.

v0.36.3

Compare Source

Fixed
  • Collapsible: Export missing types for clipboard machine
  • Tooltip: Fix issue where disabled tooltip flashes when hovering and clicking the trigger

v0.36.2

Compare Source

Fixed
  • Clipboard: Export missing types for clipboard machine

v0.36.1

Compare Source

Fixed
  • HoverCard: Remove superfluous log message when card was hovered

v0.36.0

Compare Source

Fixed
  • Refactor scroll utilities to safely handle null element values in test environment
  • Dialog: Prevent calling interaction outside logic when scrollbar is clicked
Added
  • TreeView: Extend anatomy to include tree item text and indicator parts.
  • Clipboard: Add api.copy() to copy text to clipboard

v0.35.0

Compare Source

Fixed
  • All components

    • Improve runtime performance when using watchers by subscribing to context once.
    • Fix issue where restoring scroll causes a smooth scroll transition back to the initial scroll point.
  • Fix issue where scrolling into view could result in scrolling the body element.

    Affected components: Select, Menu, Combobox

  • Select:

    • Fix issue where item group's label id pointed to the wrong element
    • Fix issue where select uses the incorrect id for aria-activedecesendant field
  • DatePicker: Fix issue where date picker does not show correct number of weeks when startOfWeek is set

Added
  • [NEW] Clipboard: Add Clipboard machine for copying text to clipboard.

  • [NEW] Collapsible: Add Collapsible machine for interactive component which expands/collapses a panel.

  • Add support for open.controlled in the machine context as a way to fully control the machine's open state
    programmatically.

    Affected components: Dialog, HoverCard, Popover, ColorPicker, DatePicker, Tooltip, Menu, HoverCard, and Combobox.

  • Combobox: Expose api.collection for better control over the collection of items in combobox.

Changed
  • DatePicker
    • [BREAKING] Change date picker from api.inputProps to api.getInputProps(...) to support multiple inputs.
    • Added a new prop getPresetTriggerProps to support custom trigger for common date presets (e.g. Last 7 days, Last
      30 days, etc.)

v0.34.0

Compare Source

Fixed
  • All components: Fix issue where positioning doesn't work as expected when combined with entry/exit animations in
    the presence component
Changed
  • Radio, Tabs: Make it possible to override indicator's transition duration by setting the --transition-duration
    css variable.

v0.33.2

Compare Source

Fixed
  • React: Fix context reactivity issue where updates were not sent to the machine
Added
Changed

v0.33.1

Compare Source

Fixed

= Core: Fix issue where context mutation updates were missed due to the underlying proxy-compare regression.

  • TreeView: Fix issue where tree view machine types were not exported.
Added
  • Select: Add data-disabled, data-invalid, and data-readonly to indicator props

v0.33.0

Compare Source

Fixed
  • All Machines:
    • Improve runtime performance by only creating a machine instance once, and updating the context with
      setContext(...) instead of withContext(...).
    • Fix issue on touch devices where selecting an item within combobox, menu, select triggers click event on element
      behind the portalled content.

PinInput: Fix an issue where paste in pin input would fill the input with all pasted characters instead of 1 per
input

Added
  • TreeView: Add new TreeView component to render a tree view of items. This component is useful for rendering
    nested data structures like a file system.

    This component is still in beta and is subject to change.

Changed
  • TagsInput:Improve TagsInput component design by introducing a new item-preview part. See the diff below for
    more details.
<div {...api.rootProps}>
  {api.value.map((value, index) => (
-    <span key={index}>
+    <span key={index} {...api.getItemProps({ index, value })}>
-     <div {...api.getItemProps({ index, value })}>
+     <div {...api.getItemPreviewProps({ index, value })}>
        <span>{value} </span>
        <button {...api.getItemDeleteTriggerProps({ index, value })}>&#x2715;</button>
      </div>
      <input {...api.getItemInputProps({ index, value })} />
    </span>
  ))}
  <input placeholder="Add tag..." {...api.inputProps} />
</div>
  • Progress: Rename indicator part to view to better communicate the purpose of the part.

[v0.32.1](https://redirect.github.com/chakra-ui/zag/blob/HEAD/CHANGELOG.md#0321-0


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 becomes conflicted, or you tick the rebase/retry checkbox.

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


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

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

@renovate renovate bot force-pushed the renovate/zag-js-monorepo branch from 888249f to b8ac33c Compare January 2, 2024 14:03
@renovate renovate bot changed the title fix(deps): update zag-js monorepo to ^0.31.0 fix(deps): update zag-js monorepo to ^0.32.0 Jan 2, 2024
@renovate renovate bot changed the title fix(deps): update zag-js monorepo to ^0.32.0 fix(deps): update zag-js monorepo to ^0.33.0 Jan 23, 2024
@renovate renovate bot changed the title fix(deps): update zag-js monorepo to ^0.33.0 fix(deps): update zag-js monorepo to ^0.34.0 Jan 29, 2024
@renovate renovate bot changed the title fix(deps): update zag-js monorepo to ^0.34.0 fix(deps): update zag-js monorepo to ^0.35.0 Feb 11, 2024
@renovate renovate bot changed the title fix(deps): update zag-js monorepo to ^0.35.0 fix(deps): update zag-js monorepo to ^0.36.0 Feb 12, 2024
@renovate renovate bot changed the title fix(deps): update zag-js monorepo to ^0.36.0 fix(deps): update zag-js monorepo to ^0.37.0 Feb 21, 2024
@renovate renovate bot changed the title fix(deps): update zag-js monorepo to ^0.37.0 fix(deps): update zag-js monorepo to ^0.38.0 Feb 26, 2024
@renovate renovate bot force-pushed the renovate/zag-js-monorepo branch from d41842a to ccef1d8 Compare March 19, 2024 21:04
@renovate renovate bot changed the title fix(deps): update zag-js monorepo to ^0.38.0 fix(deps): update zag-js monorepo to ^0.39.0 Mar 19, 2024
@renovate renovate bot force-pushed the renovate/zag-js-monorepo branch from ccef1d8 to aa964a2 Compare March 26, 2024 15:06
@renovate renovate bot changed the title fix(deps): update zag-js monorepo to ^0.39.0 fix(deps): update zag-js monorepo to ^0.40.0 Mar 26, 2024
@renovate renovate bot force-pushed the renovate/zag-js-monorepo branch from aa964a2 to 8b5b8bb Compare April 1, 2024 14:41
@renovate renovate bot changed the title fix(deps): update zag-js monorepo to ^0.40.0 fix(deps): update zag-js monorepo to ^0.41.0 Apr 1, 2024
@renovate renovate bot force-pushed the renovate/zag-js-monorepo branch from 8b5b8bb to 93713ce Compare April 1, 2024 22:18
@renovate renovate bot changed the title fix(deps): update zag-js monorepo to ^0.41.0 fix(deps): update zag-js monorepo to ^0.42.0 Apr 1, 2024
@renovate renovate bot force-pushed the renovate/zag-js-monorepo branch from 93713ce to 14ab726 Compare April 2, 2024 22:13
@renovate renovate bot changed the title fix(deps): update zag-js monorepo to ^0.42.0 fix(deps): update zag-js monorepo to ^0.43.0 Apr 2, 2024
@renovate renovate bot force-pushed the renovate/zag-js-monorepo branch from 14ab726 to 6da93f5 Compare April 4, 2024 11:37
@renovate renovate bot changed the title fix(deps): update zag-js monorepo to ^0.43.0 fix(deps): update zag-js monorepo to ^0.44.0 Apr 4, 2024
@renovate renovate bot force-pushed the renovate/zag-js-monorepo branch from 6da93f5 to 92a93e4 Compare April 4, 2024 22:26
@renovate renovate bot changed the title fix(deps): update zag-js monorepo to ^0.44.0 fix(deps): update zag-js monorepo to ^0.45.0 Apr 4, 2024
@renovate renovate bot force-pushed the renovate/zag-js-monorepo branch from 92a93e4 to d09002b Compare April 12, 2024 22:45
@renovate renovate bot changed the title fix(deps): update zag-js monorepo to ^0.45.0 fix(deps): update zag-js monorepo to ^0.46.0 Apr 12, 2024
@renovate renovate bot changed the title fix(deps): update zag-js monorepo to ^0.63.0 fix(deps): update zag-js monorepo to ^0.64.0 Aug 1, 2024
@renovate renovate bot force-pushed the renovate/zag-js-monorepo branch from 09d8b2e to d105b58 Compare August 8, 2024 17:37
@renovate renovate bot changed the title fix(deps): update zag-js monorepo to ^0.64.0 fix(deps): update zag-js monorepo to ^0.65.0 Aug 8, 2024
@renovate renovate bot changed the title fix(deps): update zag-js monorepo to ^0.65.0 fix(deps): update zag-js monorepo to ^0.66.0 Sep 5, 2024
@renovate renovate bot changed the title fix(deps): update zag-js monorepo to ^0.66.0 fix(deps): update zag-js monorepo to ^0.67.0 Sep 10, 2024
@renovate renovate bot changed the title fix(deps): update zag-js monorepo to ^0.67.0 fix(deps): update zag-js monorepo to ^0.68.0 Sep 12, 2024
@renovate renovate bot changed the title fix(deps): update zag-js monorepo to ^0.68.0 fix(deps): update zag-js monorepo to ^0.69.0 Sep 21, 2024
@renovate renovate bot changed the title fix(deps): update zag-js monorepo to ^0.69.0 fix(deps): update zag-js monorepo to ^0.70.0 Sep 23, 2024
@renovate renovate bot changed the title fix(deps): update zag-js monorepo to ^0.70.0 fix(deps): update zag-js monorepo to ^0.71.0 Sep 23, 2024
@renovate renovate bot changed the title fix(deps): update zag-js monorepo to ^0.71.0 fix(deps): update zag-js monorepo to ^0.72.0 Sep 28, 2024
@renovate renovate bot changed the title fix(deps): update zag-js monorepo to ^0.72.0 fix(deps): update zag-js monorepo to ^0.73.0 Sep 30, 2024
@renovate renovate bot force-pushed the renovate/zag-js-monorepo branch from f096aa3 to ede87e5 Compare October 9, 2024 19:55
@renovate renovate bot changed the title fix(deps): update zag-js monorepo to ^0.73.0 fix(deps): update zag-js monorepo to ^0.74.0 Oct 9, 2024
@renovate renovate bot changed the title fix(deps): update zag-js monorepo to ^0.74.0 fix(deps): update zag-js monorepo to ^0.75.0 Oct 18, 2024
@renovate renovate bot changed the title fix(deps): update zag-js monorepo to ^0.75.0 fix(deps): update zag-js monorepo to ^0.76.0 Oct 26, 2024
@renovate renovate bot changed the title fix(deps): update zag-js monorepo to ^0.76.0 fix(deps): update zag-js monorepo to ^0.77.0 Oct 30, 2024
@renovate renovate bot changed the title fix(deps): update zag-js monorepo to ^0.77.0 fix(deps): update zag-js monorepo to ^0.78.0 Nov 28, 2024
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