@remix-run/ui 0.2.0 → 0.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +50 -164
- package/dist/accordion/index.d.ts +46 -0
- package/dist/accordion/index.js +142 -0
- package/dist/accordion/index.js.map +1 -0
- package/dist/accordion/primitives.d.ts +104 -0
- package/dist/accordion/primitives.js +312 -0
- package/dist/accordion/primitives.js.map +1 -0
- package/dist/{components/anchor/anchor.d.ts → anchor/index.d.ts} +8 -1
- package/dist/{components/anchor/anchor.js → anchor/index.js} +31 -12
- package/dist/anchor/index.js.map +1 -0
- package/dist/animation/demos/aspect-ratio.d.ts +2 -0
- package/dist/animation/demos/aspect-ratio.js +69 -0
- package/dist/animation/demos/aspect-ratio.js.map +1 -0
- package/dist/animation/demos/bouncy-switch.d.ts +2 -0
- package/dist/animation/demos/bouncy-switch.js +36 -0
- package/dist/animation/demos/bouncy-switch.js.map +1 -0
- package/dist/animation/demos/color-interpolation.d.ts +1 -0
- package/dist/animation/demos/color-interpolation.js +53 -0
- package/dist/animation/demos/color-interpolation.js.map +1 -0
- package/dist/animation/demos/cube.d.ts +2 -0
- package/dist/animation/demos/cube.js +86 -0
- package/dist/animation/demos/cube.js.map +1 -0
- package/dist/animation/demos/default-animate.d.ts +2 -0
- package/dist/animation/demos/default-animate.js +89 -0
- package/dist/animation/demos/default-animate.js.map +1 -0
- package/dist/animation/demos/drag-release.d.ts +24 -0
- package/dist/animation/demos/drag-release.js +96 -0
- package/dist/animation/demos/drag-release.js.map +1 -0
- package/dist/animation/demos/enter.d.ts +1 -0
- package/dist/animation/demos/enter.js +19 -0
- package/dist/animation/demos/enter.js.map +1 -0
- package/dist/animation/demos/exit.d.ts +2 -0
- package/dist/animation/demos/exit.js +58 -0
- package/dist/animation/demos/exit.js.map +1 -0
- package/dist/animation/demos/flip-toggle.d.ts +2 -0
- package/dist/animation/demos/flip-toggle.js +37 -0
- package/dist/animation/demos/flip-toggle.js.map +1 -0
- package/dist/animation/demos/hold-to-confirm.d.ts +13 -0
- package/dist/animation/demos/hold-to-confirm.js +211 -0
- package/dist/animation/demos/hold-to-confirm.js.map +1 -0
- package/dist/animation/demos/html-content.d.ts +2 -0
- package/dist/animation/demos/html-content.js +30 -0
- package/dist/animation/demos/html-content.js.map +1 -0
- package/dist/animation/demos/interruptible-keyframes.d.ts +1 -0
- package/dist/animation/demos/interruptible-keyframes.js +48 -0
- package/dist/animation/demos/interruptible-keyframes.js.map +1 -0
- package/dist/animation/demos/keyframes.d.ts +1 -0
- package/dist/animation/demos/keyframes.js +24 -0
- package/dist/animation/demos/keyframes.js.map +1 -0
- package/dist/animation/demos/material-ripple.d.ts +2 -0
- package/dist/animation/demos/material-ripple.js +127 -0
- package/dist/animation/demos/material-ripple.js.map +1 -0
- package/dist/animation/demos/mixin-presence-list.d.ts +2 -0
- package/dist/animation/demos/mixin-presence-list.js +88 -0
- package/dist/animation/demos/mixin-presence-list.js.map +1 -0
- package/dist/animation/demos/mixin-reclaim.d.ts +2 -0
- package/dist/animation/demos/mixin-reclaim.js +90 -0
- package/dist/animation/demos/mixin-reclaim.js.map +1 -0
- package/dist/animation/demos/multi-state-badge.d.ts +2 -0
- package/dist/animation/demos/multi-state-badge.js +231 -0
- package/dist/animation/demos/multi-state-badge.js.map +1 -0
- package/dist/animation/demos/press.d.ts +2 -0
- package/dist/animation/demos/press.js +63 -0
- package/dist/animation/demos/press.js.map +1 -0
- package/dist/animation/demos/reordering.d.ts +2 -0
- package/dist/animation/demos/reordering.js +53 -0
- package/dist/animation/demos/reordering.js.map +1 -0
- package/dist/animation/demos/rolling-square.d.ts +2 -0
- package/dist/animation/demos/rolling-square.js +42 -0
- package/dist/animation/demos/rolling-square.js.map +1 -0
- package/dist/animation/demos/rotate.d.ts +1 -0
- package/dist/animation/demos/rotate.js +18 -0
- package/dist/animation/demos/rotate.js.map +1 -0
- package/dist/animation/demos/shared-layout.d.ts +2 -0
- package/dist/animation/demos/shared-layout.js +114 -0
- package/dist/animation/demos/shared-layout.js.map +1 -0
- package/dist/animation/demos/transition-options.d.ts +1 -0
- package/dist/animation/demos/transition-options.js +21 -0
- package/dist/animation/demos/transition-options.js.map +1 -0
- package/dist/animation/spring.d.ts +22 -0
- package/dist/animation/spring.js +22 -0
- package/dist/animation/spring.js.map +1 -1
- package/dist/{components/breadcrumbs/breadcrumbs.js → breadcrumbs/index.js} +19 -19
- package/dist/breadcrumbs/index.js.map +1 -0
- package/dist/button/index.d.ts +15 -0
- package/dist/button/index.js +128 -0
- package/dist/button/index.js.map +1 -0
- package/dist/checkbox/index.d.ts +14 -0
- package/dist/checkbox/index.js +125 -0
- package/dist/checkbox/index.js.map +1 -0
- package/dist/combobox/index.d.ts +21 -0
- package/dist/combobox/index.js +58 -0
- package/dist/combobox/index.js.map +1 -0
- package/dist/{components/combobox/combobox.d.ts → combobox/primitives.d.ts} +3 -7
- package/dist/{components/combobox/combobox.js → combobox/primitives.js} +8 -61
- package/dist/combobox/primitives.js.map +1 -0
- package/dist/input/index.d.ts +13 -0
- package/dist/input/index.js +121 -0
- package/dist/input/index.js.map +1 -0
- package/dist/listbox/flash-attribute.js.map +1 -0
- package/dist/{components/listbox/listbox.d.ts → listbox/index.d.ts} +2 -6
- package/dist/{components/listbox/listbox.js → listbox/index.js} +4 -82
- package/dist/listbox/index.js.map +1 -0
- package/dist/menu/hover-aim.js.map +1 -0
- package/dist/menu/index.d.ts +42 -0
- package/dist/menu/index.js +250 -0
- package/dist/menu/index.js.map +1 -0
- package/dist/{components/menu/menu.d.ts → menu/primitives.d.ts} +6 -32
- package/dist/{components/menu/menu.js → menu/primitives.js} +117 -279
- package/dist/menu/primitives.js.map +1 -0
- package/dist/{components/popover/popover.d.ts → popover/index.d.ts} +3 -5
- package/dist/{components/popover/popover.js → popover/index.js} +15 -51
- package/dist/popover/index.js.map +1 -0
- package/dist/{interactions/outside-click/outside-click-mixin.js → popover/outside-click.js} +1 -1
- package/dist/popover/outside-click.js.map +1 -0
- package/dist/popover/scroll-lock.d.ts +1 -0
- package/dist/{utils → popover}/scroll-lock.js +0 -18
- package/dist/popover/scroll-lock.js.map +1 -0
- package/dist/radio/index.d.ts +12 -0
- package/dist/radio/index.js +77 -0
- package/dist/radio/index.js.map +1 -0
- package/dist/runtime/client-entries.d.ts +1 -2
- package/dist/runtime/client-entries.js.map +1 -1
- package/dist/runtime/component.d.ts +2 -2
- package/dist/runtime/component.js +1 -1
- package/dist/runtime/component.js.map +1 -1
- package/dist/runtime/diff-dom.js +194 -21
- package/dist/runtime/diff-dom.js.map +1 -1
- package/dist/runtime/frame.d.ts +7 -0
- package/dist/runtime/frame.js +176 -41
- package/dist/runtime/frame.js.map +1 -1
- package/dist/runtime/jsx.d.ts +2 -3
- package/dist/runtime/jsx.js.map +1 -1
- package/dist/runtime/reconcile.js +11 -5
- package/dist/runtime/reconcile.js.map +1 -1
- package/dist/runtime/vdom.js +3 -0
- package/dist/runtime/vdom.js.map +1 -1
- package/dist/select/index.d.ts +19 -0
- package/dist/select/index.js +95 -0
- package/dist/select/index.js.map +1 -0
- package/dist/select/keydown.js.map +1 -0
- package/dist/{components/select/select.d.ts → select/primitives.d.ts} +4 -6
- package/dist/{components/select/select.js → select/primitives.js} +12 -64
- package/dist/select/primitives.js.map +1 -0
- package/dist/server/stream.js +5 -4
- package/dist/server/stream.js.map +1 -1
- package/dist/shared/focus-styles.d.ts +1 -0
- package/dist/shared/focus-styles.js +2 -0
- package/dist/shared/focus-styles.js.map +1 -0
- package/dist/shared/icons.d.ts +9 -0
- package/dist/shared/icons.js +42 -0
- package/dist/shared/icons.js.map +1 -0
- package/dist/shared/listbox-popover-styles.d.ts +6 -0
- package/dist/shared/listbox-popover-styles.js +137 -0
- package/dist/shared/listbox-popover-styles.js.map +1 -0
- package/dist/shared/style-values.d.ts +78 -0
- package/dist/{theme/presets/rmx-01/index.js → shared/style-values.js} +3 -34
- package/dist/shared/style-values.js.map +1 -0
- package/dist/{interactions/typeahead/typeahead-mixin.js → shared/typeahead.js} +1 -1
- package/dist/shared/typeahead.js.map +1 -0
- package/dist/shared/wait-for-css-transition.js.map +1 -0
- package/dist/shared/wait.js.map +1 -0
- package/dist/style/style.js +27 -10
- package/dist/style/style.js.map +1 -1
- package/dist/tabs/index.d.ts +32 -0
- package/dist/tabs/index.js +157 -0
- package/dist/tabs/index.js.map +1 -0
- package/dist/tabs/primitives.d.ts +57 -0
- package/dist/tabs/primitives.js +238 -0
- package/dist/tabs/primitives.js.map +1 -0
- package/dist/toggle/index.d.ts +9 -0
- package/dist/toggle/index.js +108 -0
- package/dist/toggle/index.js.map +1 -0
- package/dist/toggle/primitives.d.ts +29 -0
- package/dist/toggle/primitives.js +127 -0
- package/dist/toggle/primitives.js.map +1 -0
- package/package.json +74 -45
- package/src/{components/accordion → accordion}/README.md +50 -14
- package/src/accordion/index.tsx +285 -0
- package/src/accordion/primitives.tsx +512 -0
- package/src/{components/anchor → anchor}/README.md +48 -5
- package/src/{components/anchor/anchor.ts → anchor/index.ts} +53 -12
- package/src/animation/demos/aspect-ratio.tsx +120 -0
- package/src/animation/demos/bouncy-switch.tsx +47 -0
- package/src/animation/demos/color-interpolation.tsx +73 -0
- package/src/animation/demos/cube.tsx +116 -0
- package/src/animation/demos/default-animate.tsx +129 -0
- package/src/animation/demos/drag-release.ts +118 -0
- package/src/animation/demos/enter.tsx +22 -0
- package/src/animation/demos/exit.tsx +79 -0
- package/src/animation/demos/flip-toggle.tsx +46 -0
- package/src/animation/demos/hold-to-confirm.tsx +317 -0
- package/src/animation/demos/html-content.tsx +41 -0
- package/src/animation/demos/interruptible-keyframes.tsx +62 -0
- package/src/animation/demos/keyframes.tsx +29 -0
- package/src/animation/demos/material-ripple.tsx +158 -0
- package/src/animation/demos/mixin-presence-list.tsx +121 -0
- package/src/animation/demos/mixin-reclaim.tsx +125 -0
- package/src/animation/demos/multi-state-badge.tsx +426 -0
- package/src/animation/demos/press.tsx +67 -0
- package/src/animation/demos/reordering.tsx +68 -0
- package/src/animation/demos/rolling-square.tsx +57 -0
- package/src/animation/demos/rotate.tsx +21 -0
- package/src/animation/demos/shared-layout.tsx +211 -0
- package/src/animation/demos/transition-options.tsx +24 -0
- package/src/animation/spring.ts +22 -0
- package/src/{components/breadcrumbs → breadcrumbs}/README.md +4 -4
- package/src/{components/breadcrumbs/breadcrumbs.tsx → breadcrumbs/index.tsx} +18 -18
- package/src/button/README.md +44 -0
- package/src/button/index.ts +168 -0
- package/src/checkbox/README.md +59 -0
- package/src/checkbox/index.ts +162 -0
- package/src/{components/combobox → combobox}/README.md +58 -9
- package/src/combobox/index.tsx +112 -0
- package/src/{components/combobox/combobox.tsx → combobox/primitives.tsx} +5 -91
- package/src/input/README.md +52 -0
- package/src/input/index.ts +147 -0
- package/src/{components/listbox → listbox}/README.md +9 -41
- package/src/{components/listbox/listbox.ts → listbox/index.ts} +2 -87
- package/src/menu/README.md +161 -0
- package/src/menu/index.tsx +354 -0
- package/src/{components/menu/menu.tsx → menu/primitives.tsx} +117 -359
- package/src/{components/popover → popover}/README.md +20 -39
- package/src/{components/popover/popover.ts → popover/index.ts} +16 -61
- package/src/{utils → popover}/scroll-lock.ts +0 -28
- package/src/radio/README.md +53 -0
- package/src/radio/index.ts +100 -0
- package/src/runtime/client-entries.ts +1 -5
- package/src/runtime/component.ts +3 -3
- package/src/runtime/demos/readme.demo.tsx +704 -0
- package/src/runtime/diff-dom.ts +270 -20
- package/src/runtime/frame.ts +218 -41
- package/src/runtime/jsx.ts +6 -10
- package/src/runtime/reconcile.ts +11 -5
- package/src/runtime/vdom.ts +3 -0
- package/src/{components/select → select}/README.md +29 -19
- package/src/select/index.tsx +159 -0
- package/src/{components/select/select.tsx → select/primitives.tsx} +11 -99
- package/src/server/stream.ts +10 -5
- package/src/shared/focus-styles.ts +2 -0
- package/src/shared/icons.tsx +62 -0
- package/src/shared/listbox-popover-styles.ts +146 -0
- package/src/shared/style-values.ts +165 -0
- package/src/style/style.ts +29 -10
- package/src/tabs/README.md +141 -0
- package/src/tabs/index.tsx +244 -0
- package/src/tabs/primitives.ts +365 -0
- package/src/toggle/README.md +56 -0
- package/src/toggle/index.tsx +134 -0
- package/src/toggle/primitives.ts +192 -0
- package/dist/components/accordion/accordion.d.ts +0 -92
- package/dist/components/accordion/accordion.js +0 -335
- package/dist/components/accordion/accordion.js.map +0 -1
- package/dist/components/accordion/demos/card.demo.d.ts +0 -6
- package/dist/components/accordion/demos/card.demo.js +0 -58
- package/dist/components/accordion/demos/card.demo.js.map +0 -1
- package/dist/components/accordion/demos/multiple.demo.d.ts +0 -6
- package/dist/components/accordion/demos/multiple.demo.js +0 -19
- package/dist/components/accordion/demos/multiple.demo.js.map +0 -1
- package/dist/components/accordion/demos/overview.demo.d.ts +0 -6
- package/dist/components/accordion/demos/overview.demo.js +0 -19
- package/dist/components/accordion/demos/overview.demo.js.map +0 -1
- package/dist/components/anchor/anchor.js.map +0 -1
- package/dist/components/breadcrumbs/breadcrumbs.js.map +0 -1
- package/dist/components/breadcrumbs/demos/basic.demo.d.ts +0 -5
- package/dist/components/breadcrumbs/demos/basic.demo.js +0 -14
- package/dist/components/breadcrumbs/demos/basic.demo.js.map +0 -1
- package/dist/components/breadcrumbs/demos/separator.demo.d.ts +0 -5
- package/dist/components/breadcrumbs/demos/separator.demo.js +0 -14
- package/dist/components/breadcrumbs/demos/separator.demo.js.map +0 -1
- package/dist/components/button/button.d.ts +0 -105
- package/dist/components/button/button.js +0 -207
- package/dist/components/button/button.js.map +0 -1
- package/dist/components/button/demos/aliases.demo.d.ts +0 -6
- package/dist/components/button/demos/aliases.demo.js +0 -18
- package/dist/components/button/demos/aliases.demo.js.map +0 -1
- package/dist/components/button/demos/basic.demo.d.ts +0 -6
- package/dist/components/button/demos/basic.demo.js +0 -19
- package/dist/components/button/demos/basic.demo.js.map +0 -1
- package/dist/components/button/demos/states.demo.d.ts +0 -6
- package/dist/components/button/demos/states.demo.js +0 -29
- package/dist/components/button/demos/states.demo.js.map +0 -1
- package/dist/components/combobox/combobox.js.map +0 -1
- package/dist/components/combobox/demos/overview.demo.d.ts +0 -6
- package/dist/components/combobox/demos/overview.demo.js +0 -153
- package/dist/components/combobox/demos/overview.demo.js.map +0 -1
- package/dist/components/glyph/glyph.d.ts +0 -14
- package/dist/components/glyph/glyph.js +0 -65
- package/dist/components/glyph/glyph.js.map +0 -1
- package/dist/components/listbox/demos/overview.demo.d.ts +0 -6
- package/dist/components/listbox/demos/overview.demo.js +0 -64
- package/dist/components/listbox/demos/overview.demo.js.map +0 -1
- package/dist/components/listbox/listbox.js.map +0 -1
- package/dist/components/menu/demos/bubbling.demo.d.ts +0 -5
- package/dist/components/menu/demos/bubbling.demo.js +0 -15
- package/dist/components/menu/demos/bubbling.demo.js.map +0 -1
- package/dist/components/menu/demos/overview.demo.d.ts +0 -6
- package/dist/components/menu/demos/overview.demo.js +0 -32
- package/dist/components/menu/demos/overview.demo.js.map +0 -1
- package/dist/components/menu/hover-aim.js.map +0 -1
- package/dist/components/menu/menu.js.map +0 -1
- package/dist/components/popover/demos/overview.demo.d.ts +0 -6
- package/dist/components/popover/demos/overview.demo.js +0 -64
- package/dist/components/popover/demos/overview.demo.js.map +0 -1
- package/dist/components/popover/popover.js.map +0 -1
- package/dist/components/select/demos/deconstructed.demo.d.ts +0 -6
- package/dist/components/select/demos/deconstructed.demo.js +0 -53
- package/dist/components/select/demos/deconstructed.demo.js.map +0 -1
- package/dist/components/select/demos/overview.demo.d.ts +0 -5
- package/dist/components/select/demos/overview.demo.js +0 -27
- package/dist/components/select/demos/overview.demo.js.map +0 -1
- package/dist/components/select/select.js.map +0 -1
- package/dist/components/separator/separator.d.ts +0 -2
- package/dist/components/separator/separator.js +0 -15
- package/dist/components/separator/separator.js.map +0 -1
- package/dist/components/tabs/tabs.d.ts +0 -78
- package/dist/components/tabs/tabs.js +0 -339
- package/dist/components/tabs/tabs.js.map +0 -1
- package/dist/interactions/keydown/keydown.js.map +0 -1
- package/dist/interactions/outside-click/outside-click-mixin.js.map +0 -1
- package/dist/interactions/typeahead/typeahead-mixin.js.map +0 -1
- package/dist/theme/contract.d.ts +0 -61
- package/dist/theme/contract.js +0 -131
- package/dist/theme/contract.js.map +0 -1
- package/dist/theme/glyph-contract.d.ts +0 -11
- package/dist/theme/glyph-contract.js +0 -34
- package/dist/theme/glyph-contract.js.map +0 -1
- package/dist/theme/presets/rmx-01/glyphs.d.ts +0 -2
- package/dist/theme/presets/rmx-01/glyphs.js +0 -252
- package/dist/theme/presets/rmx-01/glyphs.js.map +0 -1
- package/dist/theme/presets/rmx-01/index.d.ts +0 -4
- package/dist/theme/presets/rmx-01/index.js.map +0 -1
- package/dist/theme/runtime.d.ts +0 -2
- package/dist/theme/runtime.js +0 -84
- package/dist/theme/runtime.js.map +0 -1
- package/dist/theme/theme.d.ts +0 -6
- package/dist/theme/theme.js +0 -5
- package/dist/theme/theme.js.map +0 -1
- package/dist/utils/flash-attribute.js.map +0 -1
- package/dist/utils/scroll-lock.d.ts +0 -3
- package/dist/utils/scroll-lock.js.map +0 -1
- package/dist/utils/wait-for-css-transition.js.map +0 -1
- package/dist/utils/wait.js.map +0 -1
- package/src/components/accordion/accordion.tsx +0 -565
- package/src/components/accordion/demos/card.demo.tsx +0 -113
- package/src/components/accordion/demos/multiple.demo.tsx +0 -56
- package/src/components/accordion/demos/overview.demo.tsx +0 -56
- package/src/components/breadcrumbs/demos/basic.demo.tsx +0 -17
- package/src/components/breadcrumbs/demos/separator.demo.tsx +0 -18
- package/src/components/button/README.md +0 -44
- package/src/components/button/button.tsx +0 -286
- package/src/components/button/demos/aliases.demo.tsx +0 -27
- package/src/components/button/demos/basic.demo.tsx +0 -30
- package/src/components/button/demos/states.demo.tsx +0 -52
- package/src/components/combobox/demos/overview.demo.tsx +0 -199
- package/src/components/glyph/README.md +0 -72
- package/src/components/glyph/glyph.tsx +0 -110
- package/src/components/listbox/demos/overview.demo.tsx +0 -101
- package/src/components/menu/README.md +0 -96
- package/src/components/menu/demos/bubbling.demo.tsx +0 -34
- package/src/components/menu/demos/overview.demo.tsx +0 -76
- package/src/components/popover/demos/overview.demo.tsx +0 -143
- package/src/components/select/demos/deconstructed.demo.tsx +0 -95
- package/src/components/select/demos/overview.demo.tsx +0 -51
- package/src/components/separator/separator.ts +0 -19
- package/src/components/tabs/README.md +0 -105
- package/src/components/tabs/tabs.tsx +0 -504
- package/src/theme/README.md +0 -103
- package/src/theme/contract.ts +0 -215
- package/src/theme/glyph-contract.ts +0 -59
- package/src/theme/presets/rmx-01/glyphs.tsx +0 -308
- package/src/theme/presets/rmx-01/index.ts +0 -123
- package/src/theme/runtime.ts +0 -119
- package/src/theme/theme.ts +0 -15
- package/src/utils/scroll-lock/README.md +0 -33
- /package/dist/{components/breadcrumbs/breadcrumbs.d.ts → breadcrumbs/index.d.ts} +0 -0
- /package/dist/{utils → listbox}/flash-attribute.d.ts +0 -0
- /package/dist/{utils → listbox}/flash-attribute.js +0 -0
- /package/dist/{components/menu → menu}/hover-aim.d.ts +0 -0
- /package/dist/{components/menu → menu}/hover-aim.js +0 -0
- /package/dist/{interactions/outside-click/outside-click-mixin.d.ts → popover/outside-click.d.ts} +0 -0
- /package/dist/{interactions/keydown → select}/keydown.d.ts +0 -0
- /package/dist/{interactions/keydown → select}/keydown.js +0 -0
- /package/dist/{interactions/typeahead/typeahead-mixin.d.ts → shared/typeahead.d.ts} +0 -0
- /package/dist/{utils → shared}/wait-for-css-transition.d.ts +0 -0
- /package/dist/{utils → shared}/wait-for-css-transition.js +0 -0
- /package/dist/{utils → shared}/wait.d.ts +0 -0
- /package/dist/{utils → shared}/wait.js +0 -0
- /package/src/{utils → listbox}/flash-attribute.ts +0 -0
- /package/src/{components/menu → menu}/hover-aim.ts +0 -0
- /package/src/{interactions/outside-click/outside-click-mixin.ts → popover/outside-click.ts} +0 -0
- /package/src/{interactions/keydown → select}/keydown.ts +0 -0
- /package/src/{interactions/typeahead/typeahead-mixin.ts → shared/typeahead.ts} +0 -0
- /package/src/{utils → shared}/wait-for-css-transition.ts +0 -0
- /package/src/{utils → shared}/wait.ts +0 -0
|
@@ -0,0 +1,192 @@
|
|
|
1
|
+
import { createElement, createMixin, on, ref } from '@remix-run/ui'
|
|
2
|
+
import type { Dispatched, ElementProps, MixinFactory } from '@remix-run/ui'
|
|
3
|
+
|
|
4
|
+
export interface ToggleControlOptions {
|
|
5
|
+
checked?: boolean
|
|
6
|
+
defaultChecked?: boolean
|
|
7
|
+
disabled?: boolean
|
|
8
|
+
form?: string
|
|
9
|
+
inputRef?: (input: HTMLInputElement, signal: AbortSignal) => void
|
|
10
|
+
name?: string
|
|
11
|
+
onCheckedChange?: (checked: boolean) => void
|
|
12
|
+
readOnly?: boolean
|
|
13
|
+
required?: boolean
|
|
14
|
+
tabIndex?: number
|
|
15
|
+
value?: string
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
type ToggleChangeHandler<target extends HTMLElement> = (
|
|
19
|
+
event: Dispatched<ToggleChangeEvent, target>,
|
|
20
|
+
signal: AbortSignal,
|
|
21
|
+
) => void | Promise<void>
|
|
22
|
+
|
|
23
|
+
const TOGGLE_CHANGE_EVENT = 'rmx:toggle-change' as const
|
|
24
|
+
|
|
25
|
+
declare global {
|
|
26
|
+
interface HTMLElementEventMap {
|
|
27
|
+
[TOGGLE_CHANGE_EVENT]: ToggleChangeEvent
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
export class ToggleChangeEvent extends Event {
|
|
32
|
+
readonly checked: boolean
|
|
33
|
+
|
|
34
|
+
constructor(checked: boolean) {
|
|
35
|
+
super(TOGGLE_CHANGE_EVENT, { bubbles: true })
|
|
36
|
+
this.checked = checked
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
function getBooleanState(value: unknown): boolean | undefined {
|
|
41
|
+
return value === true || value === false ? value : undefined
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
function propIsTrue(value: unknown): boolean {
|
|
45
|
+
return value === true || value === 'true' || value === ''
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
function isDisabled(options: { disabled?: boolean }, props: ElementProps): boolean {
|
|
49
|
+
return (
|
|
50
|
+
options.disabled === true || propIsTrue(props.disabled) || propIsTrue(props['aria-disabled'])
|
|
51
|
+
)
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
function isReadOnly(options: { readOnly?: boolean }, props: ElementProps): boolean {
|
|
55
|
+
return (
|
|
56
|
+
options.readOnly === true || propIsTrue(props.readOnly) || propIsTrue(props['aria-readonly'])
|
|
57
|
+
)
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
const controlMixin: MixinFactory<HTMLElement, [options?: ToggleControlOptions], ElementProps> =
|
|
61
|
+
createMixin<HTMLElement, [options?: ToggleControlOptions], ElementProps>((handle, hostType) => {
|
|
62
|
+
let uncontrolledChecked = false
|
|
63
|
+
let hasInitialized = false
|
|
64
|
+
|
|
65
|
+
function getChecked(options: ToggleControlOptions, props: ElementProps) {
|
|
66
|
+
let optionChecked = getBooleanState(options.checked)
|
|
67
|
+
if (optionChecked !== undefined) {
|
|
68
|
+
return optionChecked
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
let propChecked = getBooleanState(props.checked)
|
|
72
|
+
if (propChecked !== undefined) {
|
|
73
|
+
return propChecked
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
if (!hasInitialized) {
|
|
77
|
+
uncontrolledChecked =
|
|
78
|
+
getBooleanState(options.defaultChecked) ?? getBooleanState(props.defaultChecked) ?? false
|
|
79
|
+
hasInitialized = true
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
return uncontrolledChecked
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
function setChecked(
|
|
86
|
+
node: HTMLElement,
|
|
87
|
+
options: ToggleControlOptions,
|
|
88
|
+
props: ElementProps,
|
|
89
|
+
nextChecked: boolean,
|
|
90
|
+
) {
|
|
91
|
+
if (isDisabled(options, props) || isReadOnly(options, props)) {
|
|
92
|
+
if (node instanceof HTMLInputElement) {
|
|
93
|
+
node.checked = getChecked(options, props)
|
|
94
|
+
}
|
|
95
|
+
return
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
if (options.checked === undefined && props.checked === undefined) {
|
|
99
|
+
uncontrolledChecked = nextChecked
|
|
100
|
+
void handle.update()
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
options.onCheckedChange?.(nextChecked)
|
|
104
|
+
node.dispatchEvent(new ToggleChangeEvent(nextChecked))
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
return (options = {}, props) => {
|
|
108
|
+
let checked = getChecked(options, props)
|
|
109
|
+
let disabled = isDisabled(options, props)
|
|
110
|
+
let readOnly = isReadOnly(options, props)
|
|
111
|
+
let required = options.required ?? props.required
|
|
112
|
+
|
|
113
|
+
let nextProps: ElementProps = {
|
|
114
|
+
...props,
|
|
115
|
+
'aria-checked': hostType === 'input' ? undefined : checked,
|
|
116
|
+
'aria-disabled': hostType === 'input' ? undefined : disabled || undefined,
|
|
117
|
+
'aria-readonly': hostType === 'input' ? undefined : readOnly || undefined,
|
|
118
|
+
'aria-required': hostType === 'input' ? undefined : required || undefined,
|
|
119
|
+
checked: hostType === 'input' ? checked : props.checked,
|
|
120
|
+
defaultChecked: hostType === 'input' ? undefined : props.defaultChecked,
|
|
121
|
+
disabled: hostType === 'input' ? disabled || undefined : props.disabled,
|
|
122
|
+
form: hostType === 'input' ? (options.form ?? props.form) : props.form,
|
|
123
|
+
name: hostType === 'input' ? (options.name ?? props.name) : props.name,
|
|
124
|
+
readOnly: hostType === 'input' ? readOnly || undefined : props.readOnly,
|
|
125
|
+
required: hostType === 'input' ? required : props.required,
|
|
126
|
+
role: 'switch',
|
|
127
|
+
tabIndex:
|
|
128
|
+
hostType === 'input'
|
|
129
|
+
? (options.tabIndex ?? props.tabIndex)
|
|
130
|
+
: disabled
|
|
131
|
+
? undefined
|
|
132
|
+
: (options.tabIndex ?? props.tabIndex ?? 0),
|
|
133
|
+
type:
|
|
134
|
+
hostType === 'input'
|
|
135
|
+
? props.type === undefined
|
|
136
|
+
? 'checkbox'
|
|
137
|
+
: props.type
|
|
138
|
+
: hostType === 'button' && props.type === undefined
|
|
139
|
+
? 'button'
|
|
140
|
+
: props.type,
|
|
141
|
+
value: hostType === 'input' ? (options.value ?? props.value) : props.value,
|
|
142
|
+
'data-state': checked ? 'checked' : 'unchecked',
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
return createElement(handle.element, {
|
|
146
|
+
...nextProps,
|
|
147
|
+
mix: [
|
|
148
|
+
ref((node: HTMLElement, signal) => {
|
|
149
|
+
if (node instanceof HTMLInputElement) {
|
|
150
|
+
options.inputRef?.(node, signal)
|
|
151
|
+
}
|
|
152
|
+
}),
|
|
153
|
+
on<HTMLElement, 'click'>('click', (event) => {
|
|
154
|
+
if (hostType !== 'input') {
|
|
155
|
+
event.preventDefault()
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
if (disabled || readOnly) {
|
|
159
|
+
if (event.currentTarget instanceof HTMLInputElement) {
|
|
160
|
+
event.currentTarget.checked = checked
|
|
161
|
+
}
|
|
162
|
+
return
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
let nextChecked =
|
|
166
|
+
event.currentTarget instanceof HTMLInputElement
|
|
167
|
+
? event.currentTarget.checked
|
|
168
|
+
: !checked
|
|
169
|
+
|
|
170
|
+
setChecked(event.currentTarget, options, props, nextChecked)
|
|
171
|
+
}),
|
|
172
|
+
on<HTMLElement, 'keydown'>('keydown', (event) => {
|
|
173
|
+
if (hostType === 'input' || event.key !== ' ') {
|
|
174
|
+
return
|
|
175
|
+
}
|
|
176
|
+
|
|
177
|
+
event.preventDefault()
|
|
178
|
+
setChecked(event.currentTarget, options, props, !checked)
|
|
179
|
+
}),
|
|
180
|
+
],
|
|
181
|
+
})
|
|
182
|
+
}
|
|
183
|
+
})
|
|
184
|
+
|
|
185
|
+
export const control = controlMixin
|
|
186
|
+
|
|
187
|
+
export function onToggleChange<target extends HTMLElement>(
|
|
188
|
+
handler: ToggleChangeHandler<target>,
|
|
189
|
+
captureBoolean?: boolean,
|
|
190
|
+
): ReturnType<typeof on<target, typeof TOGGLE_CHANGE_EVENT>> {
|
|
191
|
+
return on(TOGGLE_CHANGE_EVENT, handler, captureBoolean)
|
|
192
|
+
}
|
|
@@ -1,92 +0,0 @@
|
|
|
1
|
-
import { on, type CSSMixinDescriptor, type Handle, type Props, type RemixNode, type Dispatched } from '@remix-run/ui';
|
|
2
|
-
declare const ACCORDION_CHANGE_EVENT: "rmx:accordion-change";
|
|
3
|
-
type AccordionChangeHandler<target extends HTMLElement> = (event: Dispatched<AccordionChangeEvent, target>, signal: AbortSignal) => void | Promise<void>;
|
|
4
|
-
declare global {
|
|
5
|
-
interface HTMLElementEventMap {
|
|
6
|
-
[ACCORDION_CHANGE_EVENT]: AccordionChangeEvent;
|
|
7
|
-
}
|
|
8
|
-
}
|
|
9
|
-
export declare class AccordionChangeEvent extends Event {
|
|
10
|
-
accordionType: AccordionType;
|
|
11
|
-
itemValue: string;
|
|
12
|
-
value: string | null | string[];
|
|
13
|
-
constructor(value: string | null | string[], init: {
|
|
14
|
-
accordionType: AccordionType;
|
|
15
|
-
itemValue: string;
|
|
16
|
-
});
|
|
17
|
-
}
|
|
18
|
-
type AccordionType = 'single' | 'multiple';
|
|
19
|
-
type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
|
|
20
|
-
type AccordionBaseProps = Omit<Props<'div'>, 'children'> & {
|
|
21
|
-
children?: RemixNode;
|
|
22
|
-
disabled?: boolean;
|
|
23
|
-
headingLevel?: HeadingLevel;
|
|
24
|
-
};
|
|
25
|
-
export type AccordionSingleProps = AccordionBaseProps & {
|
|
26
|
-
type?: 'single';
|
|
27
|
-
value?: string | null;
|
|
28
|
-
defaultValue?: string | null;
|
|
29
|
-
onValueChange?: (value: string | null) => void;
|
|
30
|
-
collapsible?: boolean;
|
|
31
|
-
};
|
|
32
|
-
export type AccordionMultipleProps = AccordionBaseProps & {
|
|
33
|
-
type: 'multiple';
|
|
34
|
-
value?: string[];
|
|
35
|
-
defaultValue?: string[];
|
|
36
|
-
onValueChange?: (value: string[]) => void;
|
|
37
|
-
};
|
|
38
|
-
export type AccordionProps = AccordionSingleProps | AccordionMultipleProps;
|
|
39
|
-
export type AccordionItemProps = Omit<Props<'div'>, 'children'> & {
|
|
40
|
-
children?: RemixNode;
|
|
41
|
-
disabled?: boolean;
|
|
42
|
-
value: string;
|
|
43
|
-
};
|
|
44
|
-
export type AccordionTriggerProps = Omit<Props<'button'>, 'children' | 'type'> & {
|
|
45
|
-
children?: RemixNode;
|
|
46
|
-
indicator?: RemixNode | null;
|
|
47
|
-
type?: 'button' | 'submit' | 'reset';
|
|
48
|
-
};
|
|
49
|
-
export type AccordionContentProps = Omit<Props<'div'>, 'children'> & {
|
|
50
|
-
children?: RemixNode;
|
|
51
|
-
};
|
|
52
|
-
type RegisteredItem = {
|
|
53
|
-
disabled: boolean;
|
|
54
|
-
getTriggerNode(): HTMLButtonElement | null;
|
|
55
|
-
value: string;
|
|
56
|
-
};
|
|
57
|
-
type AccordionContext = {
|
|
58
|
-
collapsible: boolean;
|
|
59
|
-
disabled: boolean;
|
|
60
|
-
focusItem(value: string, direction: FocusDirection): void;
|
|
61
|
-
getPanelId(value: string): string | undefined;
|
|
62
|
-
getTriggerId(value: string): string | undefined;
|
|
63
|
-
headingLevel: HeadingLevel;
|
|
64
|
-
isOpen(value: string): boolean;
|
|
65
|
-
registerItem(item: RegisteredItem): void;
|
|
66
|
-
toggleItem(value: string): void;
|
|
67
|
-
type: AccordionType;
|
|
68
|
-
};
|
|
69
|
-
type AccordionItemContext = {
|
|
70
|
-
disabled: boolean;
|
|
71
|
-
headingLevel: HeadingLevel;
|
|
72
|
-
lockedOpen: boolean;
|
|
73
|
-
open: boolean;
|
|
74
|
-
panelId: string;
|
|
75
|
-
setTriggerNode(node: HTMLButtonElement | null): void;
|
|
76
|
-
triggerId: string;
|
|
77
|
-
value: string;
|
|
78
|
-
};
|
|
79
|
-
type FocusDirection = 'first' | 'last' | 'next' | 'previous';
|
|
80
|
-
export declare const rootStyle: CSSMixinDescriptor;
|
|
81
|
-
export declare const itemStyle: CSSMixinDescriptor;
|
|
82
|
-
export declare const triggerStyle: CSSMixinDescriptor;
|
|
83
|
-
export declare const indicatorStyle: CSSMixinDescriptor;
|
|
84
|
-
export declare const panelStyle: CSSMixinDescriptor;
|
|
85
|
-
export declare const bodyStyle: CSSMixinDescriptor;
|
|
86
|
-
declare function AccordionImpl(handle: Handle<AccordionProps, AccordionContext>): () => RemixNode;
|
|
87
|
-
export declare function onAccordionChange<target extends HTMLElement>(handler: AccordionChangeHandler<target>, captureBoolean?: boolean): ReturnType<typeof on<target, typeof ACCORDION_CHANGE_EVENT>>;
|
|
88
|
-
export declare const Accordion: typeof AccordionImpl;
|
|
89
|
-
export declare function AccordionItem(handle: Handle<AccordionItemProps, AccordionItemContext>): () => RemixNode;
|
|
90
|
-
export declare function AccordionTrigger(handle: Handle<AccordionTriggerProps>): () => RemixNode;
|
|
91
|
-
export declare function AccordionContent(handle: Handle<AccordionContentProps>): () => RemixNode;
|
|
92
|
-
export {};
|
|
@@ -1,335 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "@remix-run/ui/jsx-runtime";
|
|
2
|
-
import { css, createElement, on, ref, } from '@remix-run/ui';
|
|
3
|
-
import { spring } from '@remix-run/ui/animation';
|
|
4
|
-
import { Glyph } from "../glyph/glyph.js";
|
|
5
|
-
import { theme } from "../../theme/theme.js";
|
|
6
|
-
const ACCORDION_CHANGE_EVENT = 'rmx:accordion-change';
|
|
7
|
-
export class AccordionChangeEvent extends Event {
|
|
8
|
-
accordionType;
|
|
9
|
-
itemValue;
|
|
10
|
-
value;
|
|
11
|
-
constructor(value, init) {
|
|
12
|
-
super(ACCORDION_CHANGE_EVENT, {
|
|
13
|
-
bubbles: true,
|
|
14
|
-
});
|
|
15
|
-
this.accordionType = init.accordionType;
|
|
16
|
-
this.itemValue = init.itemValue;
|
|
17
|
-
this.value = value;
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
const accordionPanelClipCss = css({
|
|
21
|
-
minHeight: 0,
|
|
22
|
-
overflow: 'hidden',
|
|
23
|
-
});
|
|
24
|
-
const accordionTransition = spring();
|
|
25
|
-
const accordionRootCss = css({
|
|
26
|
-
display: 'flex',
|
|
27
|
-
flexDirection: 'column',
|
|
28
|
-
minWidth: 0,
|
|
29
|
-
});
|
|
30
|
-
const accordionItemCss = css({
|
|
31
|
-
minWidth: 0,
|
|
32
|
-
});
|
|
33
|
-
const accordionTriggerCss = css({
|
|
34
|
-
all: 'unset',
|
|
35
|
-
boxSizing: 'border-box',
|
|
36
|
-
cursor: 'revert',
|
|
37
|
-
display: 'grid',
|
|
38
|
-
gridTemplateColumns: 'minmax(0, 1fr) auto',
|
|
39
|
-
alignItems: 'center',
|
|
40
|
-
gap: theme.space.md,
|
|
41
|
-
width: '100%',
|
|
42
|
-
minHeight: theme.control.height.lg,
|
|
43
|
-
padding: `${theme.space.md} 0`,
|
|
44
|
-
color: theme.colors.text.primary,
|
|
45
|
-
fontFamily: theme.fontFamily.sans,
|
|
46
|
-
fontSize: theme.fontSize.sm,
|
|
47
|
-
lineHeight: theme.lineHeight.normal,
|
|
48
|
-
fontWeight: theme.fontWeight.medium,
|
|
49
|
-
textAlign: 'left',
|
|
50
|
-
'&:hover:not(:disabled)': {
|
|
51
|
-
backgroundColor: theme.surface.lvl1,
|
|
52
|
-
},
|
|
53
|
-
'&:focus-visible': {
|
|
54
|
-
outline: `2px solid ${theme.colors.focus.ring}`,
|
|
55
|
-
outlineOffset: '2px',
|
|
56
|
-
},
|
|
57
|
-
'&:disabled': {
|
|
58
|
-
opacity: 0.55,
|
|
59
|
-
},
|
|
60
|
-
'& > span:first-child': {
|
|
61
|
-
minWidth: 0,
|
|
62
|
-
},
|
|
63
|
-
});
|
|
64
|
-
const accordionIndicatorCss = css({
|
|
65
|
-
display: 'inline-flex',
|
|
66
|
-
alignItems: 'center',
|
|
67
|
-
justifyContent: 'center',
|
|
68
|
-
width: theme.fontSize.sm,
|
|
69
|
-
height: theme.fontSize.sm,
|
|
70
|
-
color: theme.colors.text.muted,
|
|
71
|
-
transition: `transform ${accordionTransition}`,
|
|
72
|
-
'& > svg': {
|
|
73
|
-
display: 'block',
|
|
74
|
-
width: '100%',
|
|
75
|
-
height: '100%',
|
|
76
|
-
},
|
|
77
|
-
'&[data-state="open"]': {
|
|
78
|
-
transform: 'rotate(90deg)',
|
|
79
|
-
},
|
|
80
|
-
});
|
|
81
|
-
const accordionPanelCss = css({
|
|
82
|
-
display: 'grid',
|
|
83
|
-
gridTemplateRows: '0fr',
|
|
84
|
-
transition: `grid-template-rows ${accordionTransition}`,
|
|
85
|
-
'&[data-state="open"]': {
|
|
86
|
-
gridTemplateRows: '1fr',
|
|
87
|
-
},
|
|
88
|
-
'&[data-state="closed"]': {
|
|
89
|
-
pointerEvents: 'none',
|
|
90
|
-
},
|
|
91
|
-
'@media (prefers-reduced-motion: reduce)': {
|
|
92
|
-
transition: 'none',
|
|
93
|
-
},
|
|
94
|
-
});
|
|
95
|
-
const accordionBodyCss = css({
|
|
96
|
-
display: 'flow-root',
|
|
97
|
-
minHeight: 0,
|
|
98
|
-
paddingBottom: theme.space.md,
|
|
99
|
-
color: theme.colors.text.secondary,
|
|
100
|
-
fontSize: theme.fontSize.sm,
|
|
101
|
-
lineHeight: theme.lineHeight.relaxed,
|
|
102
|
-
'& > :first-child': {
|
|
103
|
-
marginTop: 0,
|
|
104
|
-
},
|
|
105
|
-
'& > :last-child': {
|
|
106
|
-
marginBottom: 0,
|
|
107
|
-
},
|
|
108
|
-
});
|
|
109
|
-
export const rootStyle = accordionRootCss;
|
|
110
|
-
export const itemStyle = accordionItemCss;
|
|
111
|
-
export const triggerStyle = accordionTriggerCss;
|
|
112
|
-
export const indicatorStyle = accordionIndicatorCss;
|
|
113
|
-
export const panelStyle = accordionPanelCss;
|
|
114
|
-
export const bodyStyle = accordionBodyCss;
|
|
115
|
-
function isMultipleProps(props) {
|
|
116
|
-
return props?.type === 'multiple';
|
|
117
|
-
}
|
|
118
|
-
function AccordionImpl(handle) {
|
|
119
|
-
let rootNode = null;
|
|
120
|
-
let registeredItems = [];
|
|
121
|
-
let uncontrolledSingleValue = null;
|
|
122
|
-
let uncontrolledMultipleValue = [];
|
|
123
|
-
let hasInitializedSingle = false;
|
|
124
|
-
let hasInitializedMultiple = false;
|
|
125
|
-
let getType = () => (isMultipleProps(handle.props) ? 'multiple' : 'single');
|
|
126
|
-
let getSingleValue = () => {
|
|
127
|
-
if (isMultipleProps(handle.props)) {
|
|
128
|
-
return null;
|
|
129
|
-
}
|
|
130
|
-
if (handle.props.value !== undefined) {
|
|
131
|
-
return handle.props.value;
|
|
132
|
-
}
|
|
133
|
-
if (!hasInitializedSingle) {
|
|
134
|
-
uncontrolledSingleValue = handle.props.defaultValue ?? null;
|
|
135
|
-
hasInitializedSingle = true;
|
|
136
|
-
}
|
|
137
|
-
return uncontrolledSingleValue;
|
|
138
|
-
};
|
|
139
|
-
let getMultipleValue = () => {
|
|
140
|
-
if (!isMultipleProps(handle.props)) {
|
|
141
|
-
return [];
|
|
142
|
-
}
|
|
143
|
-
if (handle.props.value !== undefined) {
|
|
144
|
-
return handle.props.value;
|
|
145
|
-
}
|
|
146
|
-
if (!hasInitializedMultiple) {
|
|
147
|
-
uncontrolledMultipleValue = [...(handle.props.defaultValue ?? [])];
|
|
148
|
-
hasInitializedMultiple = true;
|
|
149
|
-
}
|
|
150
|
-
return uncontrolledMultipleValue;
|
|
151
|
-
};
|
|
152
|
-
let isOpen = (value) => {
|
|
153
|
-
if (getType() === 'multiple') {
|
|
154
|
-
return getMultipleValue().includes(value);
|
|
155
|
-
}
|
|
156
|
-
return getSingleValue() === value;
|
|
157
|
-
};
|
|
158
|
-
let dispatchChange = (itemValue, value) => {
|
|
159
|
-
rootNode?.dispatchEvent(new AccordionChangeEvent(value, {
|
|
160
|
-
accordionType: getType(),
|
|
161
|
-
itemValue,
|
|
162
|
-
}));
|
|
163
|
-
};
|
|
164
|
-
let toggleItem = (itemValue) => {
|
|
165
|
-
if (handle.props.disabled) {
|
|
166
|
-
return;
|
|
167
|
-
}
|
|
168
|
-
if (isMultipleProps(handle.props)) {
|
|
169
|
-
let currentValue = getMultipleValue();
|
|
170
|
-
let nextValue = currentValue.includes(itemValue)
|
|
171
|
-
? currentValue.filter((value) => value !== itemValue)
|
|
172
|
-
: [...currentValue, itemValue];
|
|
173
|
-
if (handle.props.value === undefined) {
|
|
174
|
-
uncontrolledMultipleValue = nextValue;
|
|
175
|
-
void handle.update();
|
|
176
|
-
}
|
|
177
|
-
handle.props.onValueChange?.(nextValue);
|
|
178
|
-
dispatchChange(itemValue, nextValue);
|
|
179
|
-
return;
|
|
180
|
-
}
|
|
181
|
-
let isCurrentItemOpen = getSingleValue() === itemValue;
|
|
182
|
-
if (isCurrentItemOpen && !(handle.props.collapsible ?? true)) {
|
|
183
|
-
return;
|
|
184
|
-
}
|
|
185
|
-
let nextValue = isCurrentItemOpen ? null : itemValue;
|
|
186
|
-
if (handle.props.value === undefined) {
|
|
187
|
-
uncontrolledSingleValue = nextValue;
|
|
188
|
-
void handle.update();
|
|
189
|
-
}
|
|
190
|
-
handle.props.onValueChange?.(nextValue);
|
|
191
|
-
dispatchChange(itemValue, nextValue);
|
|
192
|
-
};
|
|
193
|
-
let focusItem = (itemValue, direction) => {
|
|
194
|
-
let items = registeredItems.filter((item) => !item.disabled && item.getTriggerNode() !== null);
|
|
195
|
-
if (items.length === 0) {
|
|
196
|
-
return;
|
|
197
|
-
}
|
|
198
|
-
let currentIndex = items.findIndex((item) => item.value === itemValue);
|
|
199
|
-
let targetIndex = 0;
|
|
200
|
-
switch (direction) {
|
|
201
|
-
case 'first':
|
|
202
|
-
targetIndex = 0;
|
|
203
|
-
break;
|
|
204
|
-
case 'last':
|
|
205
|
-
targetIndex = items.length - 1;
|
|
206
|
-
break;
|
|
207
|
-
case 'previous':
|
|
208
|
-
targetIndex = currentIndex <= 0 ? items.length - 1 : currentIndex - 1;
|
|
209
|
-
break;
|
|
210
|
-
case 'next':
|
|
211
|
-
targetIndex =
|
|
212
|
-
currentIndex === -1 || currentIndex === items.length - 1 ? 0 : currentIndex + 1;
|
|
213
|
-
break;
|
|
214
|
-
}
|
|
215
|
-
items[targetIndex]?.getTriggerNode()?.focus();
|
|
216
|
-
};
|
|
217
|
-
let registerItem = (item) => {
|
|
218
|
-
registeredItems.push(item);
|
|
219
|
-
};
|
|
220
|
-
let getTriggerId = (value) => registeredItems.find((item) => item.value === value)?.getTriggerNode()?.id;
|
|
221
|
-
let getPanelId = (value) => `${handle.id}-${value}-panel`;
|
|
222
|
-
return () => {
|
|
223
|
-
let collapsible = 'collapsible' in handle.props ? handle.props.collapsible : undefined;
|
|
224
|
-
let { children, defaultValue, disabled, headingLevel, mix, onValueChange, type, value, ...divProps } = handle.props;
|
|
225
|
-
void defaultValue;
|
|
226
|
-
void onValueChange;
|
|
227
|
-
void value;
|
|
228
|
-
registeredItems = [];
|
|
229
|
-
handle.context.set({
|
|
230
|
-
collapsible: type === 'multiple' ? true : (collapsible ?? true),
|
|
231
|
-
disabled: disabled ?? false,
|
|
232
|
-
focusItem,
|
|
233
|
-
getPanelId,
|
|
234
|
-
getTriggerId,
|
|
235
|
-
headingLevel: headingLevel ?? 3,
|
|
236
|
-
isOpen,
|
|
237
|
-
registerItem,
|
|
238
|
-
toggleItem,
|
|
239
|
-
type: type ?? 'single',
|
|
240
|
-
});
|
|
241
|
-
return (_jsx("div", { ...divProps, "data-disabled": disabled ? '' : undefined, "data-type": type ?? 'single', mix: [
|
|
242
|
-
rootStyle,
|
|
243
|
-
ref((node) => {
|
|
244
|
-
rootNode = node;
|
|
245
|
-
}),
|
|
246
|
-
...(mix ?? []),
|
|
247
|
-
], children: children }));
|
|
248
|
-
};
|
|
249
|
-
}
|
|
250
|
-
export function onAccordionChange(handler, captureBoolean) {
|
|
251
|
-
return on(ACCORDION_CHANGE_EVENT, handler, captureBoolean);
|
|
252
|
-
}
|
|
253
|
-
export const Accordion = AccordionImpl;
|
|
254
|
-
export function AccordionItem(handle) {
|
|
255
|
-
let triggerNode = null;
|
|
256
|
-
let triggerId = `${handle.id}-trigger`;
|
|
257
|
-
let panelId = `${handle.id}-panel`;
|
|
258
|
-
return () => {
|
|
259
|
-
let { children, disabled: itemDisabled, mix, value, ...divProps } = handle.props;
|
|
260
|
-
let accordion = handle.context.get(Accordion);
|
|
261
|
-
let disabled = accordion.disabled || itemDisabled === true;
|
|
262
|
-
let open = accordion.isOpen(value);
|
|
263
|
-
let lockedOpen = accordion.type === 'single' && !accordion.collapsible && open;
|
|
264
|
-
accordion.registerItem({
|
|
265
|
-
disabled,
|
|
266
|
-
getTriggerNode: () => triggerNode,
|
|
267
|
-
value,
|
|
268
|
-
});
|
|
269
|
-
handle.context.set({
|
|
270
|
-
disabled,
|
|
271
|
-
headingLevel: accordion.headingLevel,
|
|
272
|
-
lockedOpen,
|
|
273
|
-
open,
|
|
274
|
-
panelId,
|
|
275
|
-
setTriggerNode(node) {
|
|
276
|
-
triggerNode = node;
|
|
277
|
-
},
|
|
278
|
-
triggerId,
|
|
279
|
-
value,
|
|
280
|
-
});
|
|
281
|
-
return (_jsx("div", { ...divProps, "data-disabled": disabled ? '' : undefined, "data-state": open ? 'open' : 'closed', mix: [itemStyle, ...(mix ?? [])], children: children }));
|
|
282
|
-
};
|
|
283
|
-
}
|
|
284
|
-
export function AccordionTrigger(handle) {
|
|
285
|
-
return () => {
|
|
286
|
-
let accordion = handle.context.get(Accordion);
|
|
287
|
-
let item = handle.context.get(AccordionItem);
|
|
288
|
-
let headingTag = `h${item.headingLevel}`;
|
|
289
|
-
let { children, indicator, mix, type, ...buttonProps } = handle.props;
|
|
290
|
-
let disabled = item.disabled || handle.props.disabled === true;
|
|
291
|
-
let toggleItem = () => {
|
|
292
|
-
if (disabled || item.lockedOpen) {
|
|
293
|
-
return;
|
|
294
|
-
}
|
|
295
|
-
accordion.toggleItem(item.value);
|
|
296
|
-
};
|
|
297
|
-
let button = (_jsxs("button", { ...buttonProps, "aria-controls": item.panelId, "aria-disabled": item.lockedOpen ? true : undefined, "aria-expanded": item.open, "data-state": item.open ? 'open' : 'closed', disabled: disabled ? true : undefined, id: item.triggerId, mix: [
|
|
298
|
-
triggerStyle,
|
|
299
|
-
ref((node) => {
|
|
300
|
-
item.setTriggerNode(node);
|
|
301
|
-
}),
|
|
302
|
-
on('click', toggleItem),
|
|
303
|
-
on('keydown', (event) => {
|
|
304
|
-
switch (event.key) {
|
|
305
|
-
case 'ArrowDown':
|
|
306
|
-
event.preventDefault();
|
|
307
|
-
accordion.focusItem(item.value, 'next');
|
|
308
|
-
break;
|
|
309
|
-
case 'ArrowUp':
|
|
310
|
-
event.preventDefault();
|
|
311
|
-
accordion.focusItem(item.value, 'previous');
|
|
312
|
-
break;
|
|
313
|
-
case 'Home':
|
|
314
|
-
event.preventDefault();
|
|
315
|
-
accordion.focusItem(item.value, 'first');
|
|
316
|
-
break;
|
|
317
|
-
case 'End':
|
|
318
|
-
event.preventDefault();
|
|
319
|
-
accordion.focusItem(item.value, 'last');
|
|
320
|
-
break;
|
|
321
|
-
}
|
|
322
|
-
}),
|
|
323
|
-
mix,
|
|
324
|
-
], type: type ?? 'button', children: [_jsx("span", { children: children }), indicator === null ? null : (_jsx("span", { "data-rmx-accordion-indicator": "", "data-state": item.open ? 'open' : 'closed', mix: indicatorStyle, children: indicator ?? _jsx(Glyph, { name: "chevronRight" }) }))] }));
|
|
325
|
-
return createElement(headingTag, {}, button);
|
|
326
|
-
};
|
|
327
|
-
}
|
|
328
|
-
export function AccordionContent(handle) {
|
|
329
|
-
return () => {
|
|
330
|
-
let item = handle.context.get(AccordionItem);
|
|
331
|
-
let { children, mix, ...panelProps } = handle.props;
|
|
332
|
-
return (_jsx("div", { ...panelProps, "aria-hidden": item.open ? undefined : true, "aria-labelledby": item.triggerId, "data-state": item.open ? 'open' : 'closed', id: item.panelId, inert: item.open ? undefined : true, mix: [panelStyle, mix ?? []], children: _jsx("div", { mix: accordionPanelClipCss, children: _jsx("div", { mix: bodyStyle, children: children }) }) }));
|
|
333
|
-
};
|
|
334
|
-
}
|
|
335
|
-
//# sourceMappingURL=accordion.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../src/components/accordion/accordion.tsx"],"names":[],"mappings":"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"}
|