@reach/slider

@reach/slider

npm i @reach/slider

49 Versions

0.18.0

latest
2 months ago

Changes for individual packages can now be found in the CHANGELOG.md file in the root of the affected package. GitHub releases will be used to document changes affecting all or several packages in the repo.

BREAKING Changes
  • All default exports have been removed. Replace all default imports with the appropriate documented named export.
  • The output directory structure has changed slightly. Module files are now named reach-<pkg>.mjs instead of reach-<pkg>.esm.js.
Minor Changes
  • We have simplified our build setup to remove a boatload of dependencies. Build output for all packages may look slightly different, though functionally packages that don't have explicit changes marked in the release notes have not changed.

    This may affect you if you use patch-package to modify output code. If you need support for legacy browsers, the new bundle may not transpile the same ECMA features as before. In that case you may want to transpile Reach packages directly.

  • We no longer check that our internal styles are included by looking for a defined CSS custom property. You can still include our base styles as before, but this removes the need to define --reach-<pkg> in your own stylesheets to silence dev warnings.


0.18.0-pre.5

pre
2 months ago

0.18.0-pre.4

2 months ago

0.18.0-pre.3

2 months ago

0.18.0-pre.2

2 months ago

0.18.0-pre.1

2 months ago

0.18.0-pre.0

2 months ago

0.17.0

7 months ago
💔 Breaking Changes
  • disclosure
    • In uncontrolled disclosures, previously we would render the disclosure as open on the first render, regardless of the defaultOpen prop's value. This was done as a progressive enhancement to ensure content was visible to users without JavaScript, but in most cases it just meant that the user might see a flash before the state would change, causing unwanted layout shift.
    • We simplified this by simply respecting the defaultOpen prop's value on the initial render. If you want the old behavior, control the state of your disclosures and ensure that the initial open state is always set to true, then set the desired state for the following render in useEffect.
  • tabs
    • Removed the isSelected from from the Tab component. This prop was useful before we had hooks, but we can now get the selected tab from context without using render props. (2dd0aec73c4cc2a9a1936cb6c3e43933b2d2765f)
🐛 Bugfixes
  • auto-id
    • Use the user-provided ID beyond the first render for deterministic behavior (b2f3bc010091a0bc7a99985657137101a58036ef)
  • tabs
    • Stop managing focus on mouse clicks to fix :focus-visible
  • listbox
    • Update submit button querySelector specificity to fix incorrect button clicks (#903)
  • menu-button, combobox, listbox
    • Skip rendering of portaled popovers before hydration. This prevents unwanted layout shift when the server-rendered popover mounts to a temporary DOM node (a8f38a497c0481156a4da1fecef955f398101327).
🤜🤛 8 Committers

0.16.0

1 year ago

BREAKING: This release fixes a rendering bug in the descendants, but the bug in some cases may have coincidentally allowed descendants to be re-indexed in dynamically sorted lists. While this is probably a nice feature, it didn't work consistently and created problems with nested collections.

We do not directly support dynamic sorting of lists, so if you relied on this "feature" you'll need to provide indices to the descendant item directly via props. If you're rendering dynamic lists you are probably iterating an array anyway, so you shouldn't have any issues.

This applies to all collection-based compound components:

  • Tabs
  • Accordion
  • MenuButton
  • Listbox
  • Combobox
🐛 Bugfixes
  • menu-button
    • Reference root's ownerDocument instead of global, better support in iframes
✨ Enhancements
  • menu-button
    • Better handling of mouse-move that caused problems with long lists on small screens
  • dialog
    • Update dependencies to fix small bugs in focus-lock
  • rect
    • Only log warning if observe is true
🤜🤛 3 Committers

0.15.3

1 year ago
🐛 Bugfixes
  • utils
    • Typescript error for as={Link} on MenuLink (via utils/polymorphic) (@IanVS)
  • menu-button
    • #812 Prevent default for links to avoid double click events (@IanVS)
    • Popover does not consistently close when clicking between Menu Buttons (@ecklf)
  • listbox
    • Cannot focus on ListboxList when its styled to overlap ListboxButton (@loque)
📝 Documentation ✨ Enhancements
  • combobox
    • #757 If Combobox openOnFocus is true then also open when the input is clicked. (@ProggerPete)
  • accordion, disclosure
    • Remove -1 tabIndex from accordion and disclosure panels (@joshuajaco)
🤜🤛 10 Committers

0.15.2

1 year ago
🐛 Bugfixes
  • menu-button
    • #812 Prevent default for links to avoid double click events (@IanVS)
  • listbox
    • Cannot focus on ListboxList when it's styled to overlap ListboxButton (@loque)
📝 Documentation ✨ Enhancements
  • combobox
    • #757 If openOnFocus is true then also open when the input is clicked (@ProggerPete)
  • accordion, disclosure
    • Remove -1 tabIndex from accordion and disclosure panels (@joshuajaco)
🤜🤛 8 Committers

0.15.0

2 years ago
🐛 Bugfixes
  • Combobox
    • Fix persistSelection issues when used with openOnFocus (#455)
  • All packages
    • #769 Add *.css files to the list of sideEffect(ful) files (@Andarist)
    • BREAKING: Removed forwardRefWithAs utility and created new types associated with components that us the as prop. This is a breaking change if you are using the component types directly, but this change was long overdue and should address some new issues that popped up in #753. Big thanks to @jjenzz and the Radix UI project for making our lives easier here!
🤜🤛 3 Committers

0.14.0

2 years ago
  • listbox
    • Fix selection of options using iOS with VoiceOver. (@aappoalander)
    • Breaking change: If you were using our previously suggested styling selector [data-current] for the selected listbox option, that selector has been removed in favor of [data-current-selected]. The reason is because we also added [data-current-nav] for the highlighted option when navigating the list, so this seemed more clear to distinguish between the two. We also removed the default styles for options that match [aria-selected="true”] because this is an implementation detail that will likely change in an upcoming patch release to address accessibility issues.
📝 Documentation ✨ Enhancements 🤜🤛 6 Committers

0.13.2

2 years ago
🐛 Bugfixes
  • tooltip
✨ Enhancements 🏡 Housekeeping
  • #732 Replace custom build scripts w/ Preconstruct (@chaance)
3 Committers 🤜🤛

0.13.1

2 years ago

0.13.0

2 years ago
🐛 Bugfixes
  • accordion
    • Fix openPanels in useAccordionContext (@grandalf6)
  • tooltip
    • #712 Address consistent cross-browser behavior with disabled elements (@taifen)
✨ Enhancements
  • tooltip
    • #662 @reach/tooltip: Export positionTooltip function (@travigd)
🏡 Housekeeping
  • combobox
  • Other
    • #719 Remove unused use-throttle dependency from yarn.lock (@indiesquidge)
    • #716 Update peer dependencies to declare React 17 compatibility for all packages (@TimKolberger)
6 Committers

0.12.1

2 years ago
🐛 Bugfixes 🤜🤛 1 Committer

0.12.0

2 years ago
🐛 Bugfixes
  • menu-button
    • #700 [menu-button] Fixed popover closing when clicking outside (@aganglada)
  • slider
    • #694 [slider] Fixes #693 by capturing mutable value sliderRef.current (@yshean)
    • Focus handle in rAF on pointerdown
📝 Documentation
  • popover
  • descendants
  • Other
    • #659 [website] fix typo in anchor link for useAccordionItemContext (@knowler)
✨ Enhancements
  • utils
    • Improved typing for inferred elements without as prop
  • slider
    • #673 Remove slider width styling (@danny-andrews)
    • Rename SliderTrackHighlight to SliderRange; alias old name for non-breaking change, but with a dev warning
    • BREAKING: Simplify default styling; moved some inline styles to the default CSS stylesheet.
  • Other
    • Added as prop support for several components
🤜🤛 6 Committers

0.11.2

2 years ago

Patch fix for broken type defs (#660)


0.11.1

2 years ago

No changes


0.11.0

2 years ago
🐛 Bugfixes
  • tabs
    • #650 Fix wrap of blur event in Tab component (@lucasecdb)
    • Fix potential error if tab ref is not a valid element (@fabien0102)
  • menu-button
    • #189 Handle left collision with a wide MenuList (@mrm007)
🚀 Features
  • menu-button
    • #653 Add disabled option for MenuItem and MenuLink (@akilansengottaiyan)
✨ Enhancements
  • tabs
    • #621 Avoid text jumps while switching (@kripod)
  • popover
    • #640 Don't continuously observe rect on hidden popovers (@cpmsmith)
  • Other
    • #656 Use node 14 for build/dev env (@chancestrickland)
🏡 Housekeeping
  • All packages
    • #654 Simplify and speed up build script (@chancestrickland)

🤜🤛 6 Committers
  • Chance Strickland (@chancestrickland)
  • Fabien Bernard (@fabien0102)
  • Kristóf Poduszló (@kripod)
  • Lucas Cordeiro (@lucasecdb)
  • Michael Jackson (@mjackson)
  • @mrm007

0.10.5

2 years ago
🐛 Bugfixes ✨ Enhancements
  • dialog
    • Added dangerouslyBypassFocusLock prop for customizing focus lock behavior (@gnapse)
  • menu-button
    • #619 Don’t try to use relatedTarget of the mousedown event (@Andarist)
  • utils
🤜🤛 3 Committers

0.10.4

2 years ago
🐛 Bugfixes 📝 Documentation ✨ Enhancements
  • combobox
    • Ability to pass targetRef to ComboboxPopover just like a normal Popover (@sanfilippopablo)
🤜🤛 6 Committers

0.10.3

3 years ago
🔨 Breaking Changes
  • The only meaningful change to packages in this release is to the API for @reach/descendants. We do not document this module and don't generally recommend it for external use, but in case you're being bold, useDescendants has been renamed to useDescendantsInit. useDescendants is still used, but it will now access the actual descendant list from the appropriate context.
📝 Documentation
  • #581 Updated the README.md with new link of yarn install instructions (@abhishekjakhar)
  • #587 Fix Dialog's initialFocusRef docs by changing the prop heading to the DialogOverlay component (@CodingDive)
🏡 Housekeeping 🤜🤛 4 Committers

0.10.2

3 years ago
🐛 Bugfixes ✨ Enhancements 🤜🤛 3 Committers

0.10.1

3 years ago
🐛 Bugfixes
  • dialog
    • Fix safe CSP violation when applying style tags (@igboyes)
  • menu-button
  • combobox
📝 Documentation
  • Update tabs documentation to show usage of enum props (@ChiaJune)
  • #544 Listbox docs: fix typos (@ddanger)
✨ Enhancements
  • listbox
    • Perf improvements, + remove global listeners when listbox is closed (@Pustelto)
    • #553 Remove duplicate CSS declaration (@ddanger)
    • Wait for mousemove before allowing mouseup to trigger an option select to avoid selecting option when popover is positioned on top of the button (@marexandre)
  • machine
    • Performance improvements
  • utils
  • menu-button
    • #550 Don't default to focusing a MenuItem when using mouse (@cpmsmith)
  • popover
🤜🤛 11 Committers

0.10.0

3 years ago
🐛 Bugfixes
  • menu-button
    • Fix broken onSelect is broken in Menu render function (@mxfs)
  • slider
📝 Documentation ✨ Enhancements
  • accordion
    • Add useAccordionContext and useAccordionItemContext hooks
  • listbox
    • Add useListboxContext hook
    • Deprecate expanded in favor of isExpanded
  • tabs
    • Add support for manual tab activation (@ZebraFlesh)
    • Add orientation and keyboardActivation props
    • Add useTabsContext hook
  • descendants
  • combobox
    • #517 Remove escape-regexp dependency (@indiesquidge)
    • Add useComboboxContext hook
    • Add as prop support for ComboboxOption
  • menu-button
    • Deprecate isOpen in favor or isExpanded
    • Add useMenuButtonContext hook
    • Add support for as prop on MenuButton and MenuItems
  • slider
    • Add getAriaLabel prop
    • Rename getValueText to getAriaValueText
    • Support devices/browsers without pointer events
    • Allow as prop on all components

🤜🤛 8 Committers

0.9.1

3 years ago
🐛 Bugfixes
  • alert-dialog
    • Add missing aria-describedby attribute to AlertDialogDescription
✨ Enhancements
  • slider
    • Remove redundant data attributes and update styling docs
    • Make default styles less opinionated
  • tooltip
    • Use aria-label instead of ariaLabel in docs (plan to remove ariaLabel in 1.0) (@kgoggin)
  • listbox, menu-button
    • Less aggressive focus management for mouse events
🚀 Features
  • listbox
    • #515 Add expanded value for ListboxInput render function

0.9.0

3 years ago
🐛 Bugfixes
  • listbox
    • Add portal prop to top-level Listbox component
    • Prevent default behavior on Spacebar to prevent scrolling
    • Fixed misalignment of aria-selected with aria-activedescendant to fix screen-reader issues while navigating
    • Removed data-highlighted in favor of aria-selected for navigation values; add data-current to represent option that matches the current value of the input
    • Add inline comment references to explain aria conformance
📝 Documentation
  • Add documentation and examples illustrating accordion buttons as section headers
  • Update documentation for updated style selectors
✨ Enhancements
  • Added a bunch of tests. Woohoo!
  • skip-nav
    • Add support for custom ID to support multiple SkipNavLink components on a page
  • combobox
    • Updated to support ARIA 1.2 spec for improved screen-reader experience
    • Add inline comment references to explain aria conformance
  • menu-button
    • Default to hidden popover instead of conditional rendering to support CSS animations
    • Add inline comment references to explain aria conformance
  • accordion
    • Remove redundant data attributes in favor or aria
    • Add inline comment references to explain aria conformance
🤜🤛 2 Committers

0.8.6

3 years ago

Welcome to our new component, @reach/listbox!

🐛 Bugfixes
  • combobox
  • dialog
    • #488 Pass allowPinchZoom prop from Dialog to DialogOverlay (@eldh)
📝 Documentation ✨ Enhancements 🤜🤛 7 Committers

0.8.5

3 years ago
🐛 Bugfixes
  • combobox
    • Fix infinite render loop when input is whitespace on controlled combobox (@jbachhardie)
  • combobox, tabs
    • Fix keyboard interaction triggering scroll page (@hd4ng)
  • combobox, tooltip
    • Fix controlled component not closing popover on select (@jbachhardie)
  • tooltip
    • Clear warning when wrapping Tooltip with

      tag (@brookback)

  • menu-button
  • popover
    • Change default mount node to span to prevent invalid DOM nesting errors
🤜🤛 6 Committers

0.8.4

3 years ago
  • Minor bug fix in @reach/utils that unfortunately affects most other packages. Added a quick test to hopefully catch this in the future!
  • Removed rogue console log in @reach/combobox

0.8.3

3 years ago
🐛 Bugfixes
  • slider
    • Fix keyboard interaction triggers page scroll (@hd4ng)
  • combobox
    • Fix popover rendering before element is focused when initialized with a value (@cbarringer)
📝 Documentation ✨ Enhancements
  • utils
    • @reach/utils: checkStyles warns in test environment (@KubaJastrz)
🤜🤛 5 Committers

0.8.2

3 years ago
🐛 Bugfixes
  • menu-button, popover
    • Incorrect left collision when MenuList is wide (@mrm007)
  • combobox
    • Add missing type defs
📝 Documentation
  • Several improvements and updates to the docs!
✨ Enhancements
  • accordion
    • Support for as prop in AccordionItem and AccordionPanel (@donysukardi)
  • alert-dialog, alert, combobox, dialog, menu-button, popover, slider, tooltip, utils
    • Make components work when rendered inside of iframes (@giuseppeg)
  • accordion, combobox, disclosure, menu-button, slider, tabs
    • Add ability to manually set aria attributes (@mlimberg)
🤜🤛 6 Committers

0.8.0

3 years ago
🚀 New Components 📝 Documentation
  • In combobox docs, fix issue where input with empty suggestions doesn't show a popover (@MrX8503)
  • Added documentation for all new components!
🐛 Bugfixes
  • Minor bug fixes throughout several packages
🤜🤛 4 Committers

0.7.4

3 years ago
🐛 Bugfixes
  • menu-button
    • PopoverMenu styles fixed (@InfraK)
  • alert-dialog, dialog
  • tabs
    • Fixed home/end key selecting the disabled tabs (@hd4ng)
  • combobox
  • utils
  • Other
    • Default imports don't return a components (@tricoder42)
📝 Documentation ✨ Enhancements
  • tabs
    • Fixed TabPanel hidden attribute overwriting (@xtalx)
    • Left & right arrows flipped in RTL langs (@felixmosh)
🤜🤛 11 Committers

0.7.3

3 years ago
🐛 Bugfixes
  • tabs
    • Fix Home/End key selecting disabled tabs (@hd4ng)
  • combobox
📝 Documentation ✨ Enhancements
  • tabs
    • Tabs: A support for keyboard navigation in RTL writing mode (@felixmosh)
🤜🤛 4 Committers

0.7.2

3 years ago
🐛 Bugfixes
  • tabs
    • Fix several sad bugs introduced in 0.7.1 (my bad y’all!)
  • menu-button
  • rect
    • Improve initial render by updating rect state before observer callback is fired
  • Other
    • Refactored all components to TypeScript and fixed several type-related issues
🤜🤛 3 Committers

0.7.1

3 years ago

0.7.0

3 years ago
🐛 Bugfixes
  • menu-button
    • #397 @reach/menu-button: use hooks + descendants logic for better handling of focus (@chancestrickland)
    • Add typeahead selection functionality (@chancestrickland)
    • Remove popover from DOM when menu is not active (@chancestrickland)
    • [#119] Better support for styled components
📝 Documentation
  • #410 Describe how to import styles in component docs (@beerose)
  • Better focus management for route changes
  • Various a11y improvements!
✨ Enhancements
  • portal
  • alert-dialog, alert, auto-id, combobox, component-component, dialog, menu-button, popover, portal, rect, skip-nav, slider, tabs, tooltip, utils, visually-hidden, window-size
  • More consistent style checks across components
🤜🤛 3 Committers

0.6.4

3 years ago
🐛 Bugfixes
  • tabs
    • Fix conditional rendering for TabPanel (@Ericnr)
  • menu-button
🤜🤛 2 Contributors

0.6.2

3 years ago
🐛 Bugfixes
  • tooltip
📝 Documentation 🏡 Housekeeping
  • Add missing displayName properties
✨ Enhancements
  • tooltip
    • #335 [@reach/tooltip] Simplify Tooltip statechart management (@Andarist)
  • visually-hidden
    • [VisuallyHidden] No need for display: block with position: absolute (@pepelsbey)
🤜🤛 5 Committers

0.6.1

3 years ago
🐛 Bugfixes
  • skip-nav
    • Type definition not allowing self-closing tags (@MarkH817)
  • alert-dialog, alert, combobox, component-component, dialog, menu-button, rect, slider, tabs, tooltip, window-size, skip-nav
    • Fix how prop-types are imported (fixes #375)
📝 Documentation
  • #373 Update incorrect package name for combobox (@DevanB)
✨ Enhancements
  • alert-dialog, auto-id, combobox, slider, tabs, tooltip
  • tabs
  • auto-id
  • combobox
  • utils
    • #362 Include @reach/utils types when publishing to npm (@Dhalton)
🤜🤛 5 Committers

0.5.3

3 years ago
🐛 Bugfixes
  • dialog
    • #352 [@reach/dialog] add allowPinchZoom prop to TypeScript definition (@stipsan)
  • alert-dialog, auto-id, combobox, dialog, menu-button, skip-nav, slider
    • Fix missing TypeScript exports
✨ Features
  • Add default exports to packages where a single standalone component can be imported

🤜🤛 3 Committers

0.5.2

3 years ago
🐛 Bugfixes

0.5.1

3 years ago
🐛 Bugfix
  • slider
    • Fix missing TS export and remove duplicate prop definition

0.5.0

3 years ago
🐛 Bugfix 📝 Documentation
  • website
    • #337 Add installation and import section to combobox docs (@mattfwood)
✨ Feature
  • menu-button
  • dialog
    • Accept allowPinchZoom prop to handle zoom/pinch gestures on iOS devices (@stipsan)
  • alert, dialog
🏡 Housekeeping 🤜🤛 43 Committers

0.4.0

3 years ago
🧪 Out of Beta 🐛 Bugfix 📝 Documentation ✨ Feature 🏡 Housekeeping
  • alert-dialog, alert, auto-id, combobox, component-component, dialog, menu-button, popover, portal, rect, skip-nav, slider, tabs, tooltip, utils, visually-hidden, window-size
  • alert, combobox, component-component, dialog, menu-button, popover, portal, rect, slider, tabs, tooltip, visually-hidden, window-size
  • alert-dialog, alert, combobox, dialog, menu-button, slider, tabs, tooltip
  • website
    • #291 Auto-renew the copyright year on the website (@selbekk)
🤜🤛 43 Committers

0.4.0-beta.0

next
3 years ago
✨ Enhancements 📗 Docs Committers: 1

49 Versions

TagPublished
0.18.0latest2mos ago
0.18.0-pre.5pre2mos ago
0.18.0-pre.42mos ago
0.18.0-pre.32mos ago
0.18.0-pre.22mos ago
0.18.0-pre.12mos ago
0.18.0-pre.02mos ago
0.17.07mos ago
0.16.01yr ago
0.15.31yr ago
0.15.21yr ago
0.15.02yrs ago
0.14.02yrs ago
0.13.22yrs ago
0.13.12yrs ago
0.13.02yrs ago
0.12.12yrs ago
0.12.02yrs ago
0.11.22yrs ago
0.11.12yrs ago
0.11.02yrs ago
0.10.52yrs ago
0.10.42yrs ago
0.10.33yrs ago
0.10.23yrs ago
0.10.13yrs ago
0.10.03yrs ago
0.9.13yrs ago
0.9.03yrs ago
0.8.63yrs ago
0.8.53yrs ago
0.8.43yrs ago
0.8.33yrs ago
0.8.23yrs ago
0.8.03yrs ago
0.7.43yrs ago
0.7.33yrs ago
0.7.23yrs ago
0.7.13yrs ago
0.7.03yrs ago
0.6.43yrs ago
0.6.23yrs ago
0.6.13yrs ago
0.5.33yrs ago
0.5.23yrs ago
0.5.13yrs ago
0.5.03yrs ago
0.4.03yrs ago
0.4.0-beta.0next3yrs ago