@proyecto-viviana/solidaria 0.1.0 → 0.1.2
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/dist/autocomplete/createAutocomplete.d.ts +109 -0
- package/dist/autocomplete/createAutocomplete.d.ts.map +1 -0
- package/dist/autocomplete/index.d.ts +2 -0
- package/dist/autocomplete/index.d.ts.map +1 -0
- package/dist/breadcrumbs/createBreadcrumbs.d.ts +43 -0
- package/dist/breadcrumbs/createBreadcrumbs.d.ts.map +1 -0
- package/dist/breadcrumbs/index.d.ts +2 -0
- package/dist/breadcrumbs/index.d.ts.map +1 -0
- package/dist/button/createButton.d.ts +29 -0
- package/dist/button/createButton.d.ts.map +1 -0
- package/dist/button/createToggleButton.d.ts +41 -0
- package/dist/button/createToggleButton.d.ts.map +1 -0
- package/dist/button/index.d.ts +5 -0
- package/dist/button/index.d.ts.map +1 -0
- package/dist/button/types.d.ts +77 -0
- package/dist/button/types.d.ts.map +1 -0
- package/dist/calendar/createCalendar.d.ts +41 -0
- package/dist/calendar/createCalendar.d.ts.map +1 -0
- package/dist/calendar/createCalendarCell.d.ts +41 -0
- package/dist/calendar/createCalendarCell.d.ts.map +1 -0
- package/dist/calendar/createCalendarGrid.d.ts +29 -0
- package/dist/calendar/createCalendarGrid.d.ts.map +1 -0
- package/dist/calendar/createRangeCalendar.d.ts +39 -0
- package/dist/calendar/createRangeCalendar.d.ts.map +1 -0
- package/dist/calendar/createRangeCalendarCell.d.ts +45 -0
- package/dist/calendar/createRangeCalendarCell.d.ts.map +1 -0
- package/dist/calendar/index.d.ts +6 -0
- package/dist/calendar/index.d.ts.map +1 -0
- package/dist/checkbox/createCheckbox.d.ts +56 -0
- package/dist/checkbox/createCheckbox.d.ts.map +1 -0
- package/dist/checkbox/createCheckboxGroup.d.ts +53 -0
- package/dist/checkbox/createCheckboxGroup.d.ts.map +1 -0
- package/dist/checkbox/createCheckboxGroupItem.d.ts +25 -0
- package/dist/checkbox/createCheckboxGroupItem.d.ts.map +1 -0
- package/dist/checkbox/createCheckboxGroupState.d.ts +71 -0
- package/dist/checkbox/createCheckboxGroupState.d.ts.map +1 -0
- package/dist/checkbox/index.d.ts +9 -0
- package/dist/checkbox/index.d.ts.map +1 -0
- package/dist/color/createColorArea.d.ts +13 -0
- package/dist/color/createColorArea.d.ts.map +1 -0
- package/dist/color/createColorField.d.ts +13 -0
- package/dist/color/createColorField.d.ts.map +1 -0
- package/dist/color/createColorSlider.d.ts +13 -0
- package/dist/color/createColorSlider.d.ts.map +1 -0
- package/dist/color/createColorSwatch.d.ts +12 -0
- package/dist/color/createColorSwatch.d.ts.map +1 -0
- package/dist/color/createColorWheel.d.ts +13 -0
- package/dist/color/createColorWheel.d.ts.map +1 -0
- package/dist/color/index.d.ts +10 -0
- package/dist/color/index.d.ts.map +1 -0
- package/dist/color/types.d.ts +106 -0
- package/dist/color/types.d.ts.map +1 -0
- package/dist/combobox/createComboBox.d.ts +77 -0
- package/dist/combobox/createComboBox.d.ts.map +1 -0
- package/dist/combobox/index.d.ts +2 -0
- package/dist/combobox/index.d.ts.map +1 -0
- package/dist/combobox/intl/index.d.ts +14 -0
- package/dist/combobox/intl/index.d.ts.map +1 -0
- package/dist/datepicker/createDateField.d.ts +51 -0
- package/dist/datepicker/createDateField.d.ts.map +1 -0
- package/dist/datepicker/createDatePicker.d.ts +65 -0
- package/dist/datepicker/createDatePicker.d.ts.map +1 -0
- package/dist/datepicker/createDateSegment.d.ts +29 -0
- package/dist/datepicker/createDateSegment.d.ts.map +1 -0
- package/dist/datepicker/createTimeField.d.ts +51 -0
- package/dist/datepicker/createTimeField.d.ts.map +1 -0
- package/dist/datepicker/index.d.ts +5 -0
- package/dist/datepicker/index.d.ts.map +1 -0
- package/dist/dialog/createDialog.d.ts +25 -0
- package/dist/dialog/createDialog.d.ts.map +1 -0
- package/dist/dialog/index.d.ts +3 -0
- package/dist/dialog/index.d.ts.map +1 -0
- package/dist/dialog/types.d.ts +18 -0
- package/dist/dialog/types.d.ts.map +1 -0
- package/dist/disclosure/createDisclosure.d.ts +52 -0
- package/dist/disclosure/createDisclosure.d.ts.map +1 -0
- package/dist/disclosure/createDisclosureGroup.d.ts +39 -0
- package/dist/disclosure/createDisclosureGroup.d.ts.map +1 -0
- package/dist/disclosure/index.d.ts +3 -0
- package/dist/disclosure/index.d.ts.map +1 -0
- package/dist/dnd/createDrag.d.ts +16 -0
- package/dist/dnd/createDrag.d.ts.map +1 -0
- package/dist/dnd/createDraggableCollection.d.ts +27 -0
- package/dist/dnd/createDraggableCollection.d.ts.map +1 -0
- package/dist/dnd/createDraggableItem.d.ts +37 -0
- package/dist/dnd/createDraggableItem.d.ts.map +1 -0
- package/dist/dnd/createDrop.d.ts +16 -0
- package/dist/dnd/createDrop.d.ts.map +1 -0
- package/dist/dnd/createDroppableCollection.d.ts +76 -0
- package/dist/dnd/createDroppableCollection.d.ts.map +1 -0
- package/dist/dnd/createDroppableItem.d.ts +31 -0
- package/dist/dnd/createDroppableItem.d.ts.map +1 -0
- package/dist/dnd/index.d.ts +18 -0
- package/dist/dnd/index.d.ts.map +1 -0
- package/dist/dnd/types.d.ts +66 -0
- package/dist/dnd/types.d.ts.map +1 -0
- package/dist/dnd/utils.d.ts +57 -0
- package/dist/dnd/utils.d.ts.map +1 -0
- package/dist/focus/FocusScope.d.ts +57 -0
- package/dist/focus/FocusScope.d.ts.map +1 -0
- package/dist/focus/createAutoFocus.d.ts +120 -0
- package/dist/focus/createAutoFocus.d.ts.map +1 -0
- package/dist/focus/createFocusRestore.d.ts +116 -0
- package/dist/focus/createFocusRestore.d.ts.map +1 -0
- package/dist/focus/createVirtualFocus.d.ts +170 -0
- package/dist/focus/createVirtualFocus.d.ts.map +1 -0
- package/dist/focus/index.d.ts +5 -0
- package/dist/focus/index.d.ts.map +1 -0
- package/dist/form/createFormReset.d.ts +27 -0
- package/dist/form/createFormReset.d.ts.map +1 -0
- package/dist/form/createFormValidation.d.ts +56 -0
- package/dist/form/createFormValidation.d.ts.map +1 -0
- package/dist/form/index.d.ts +3 -0
- package/dist/form/index.d.ts.map +1 -0
- package/dist/grid/GridKeyboardDelegate.d.ts +79 -0
- package/dist/grid/GridKeyboardDelegate.d.ts.map +1 -0
- package/dist/grid/createGrid.d.ts +24 -0
- package/dist/grid/createGrid.d.ts.map +1 -0
- package/dist/grid/createGridCell.d.ts +12 -0
- package/dist/grid/createGridCell.d.ts.map +1 -0
- package/dist/grid/createGridRow.d.ts +12 -0
- package/dist/grid/createGridRow.d.ts.map +1 -0
- package/dist/grid/index.d.ts +10 -0
- package/dist/grid/index.d.ts.map +1 -0
- package/dist/grid/types.d.ts +126 -0
- package/dist/grid/types.d.ts.map +1 -0
- package/dist/gridlist/createGridList.d.ts +28 -0
- package/dist/gridlist/createGridList.d.ts.map +1 -0
- package/dist/gridlist/createGridListItem.d.ts +12 -0
- package/dist/gridlist/createGridListItem.d.ts.map +1 -0
- package/dist/gridlist/createGridListSelectionCheckbox.d.ts +12 -0
- package/dist/gridlist/createGridListSelectionCheckbox.d.ts.map +1 -0
- package/dist/gridlist/index.d.ts +8 -0
- package/dist/gridlist/index.d.ts.map +1 -0
- package/dist/gridlist/types.d.ts +75 -0
- package/dist/gridlist/types.d.ts.map +1 -0
- package/dist/i18n/NumberFormatter.d.ts +43 -0
- package/dist/i18n/NumberFormatter.d.ts.map +1 -0
- package/dist/i18n/createCollator.d.ts +41 -0
- package/dist/i18n/createCollator.d.ts.map +1 -0
- package/dist/i18n/createDateFormatter.d.ts +45 -0
- package/dist/i18n/createDateFormatter.d.ts.map +1 -0
- package/dist/i18n/createFilter.d.ts +57 -0
- package/dist/i18n/createFilter.d.ts.map +1 -0
- package/dist/i18n/createNumberFormatter.d.ts +43 -0
- package/dist/i18n/createNumberFormatter.d.ts.map +1 -0
- package/dist/i18n/createStringFormatter.d.ts +42 -0
- package/dist/i18n/createStringFormatter.d.ts.map +1 -0
- package/dist/i18n/index.d.ts +9 -0
- package/dist/i18n/index.d.ts.map +1 -0
- package/dist/i18n/locale.d.ts +66 -0
- package/dist/i18n/locale.d.ts.map +1 -0
- package/dist/i18n/utils.d.ts +17 -0
- package/dist/i18n/utils.d.ts.map +1 -0
- package/dist/index.d.ts +50 -6135
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +5 -5
- package/dist/index.js.map +7 -1
- package/dist/index.ssr.js +5 -5
- package/dist/index.ssr.js.map +7 -1
- package/dist/interactions/FocusableProvider.d.ts +26 -0
- package/dist/interactions/FocusableProvider.d.ts.map +1 -0
- package/dist/interactions/PressEvent.d.ts +73 -0
- package/dist/interactions/PressEvent.d.ts.map +1 -0
- package/dist/interactions/createFocus.d.ts +31 -0
- package/dist/interactions/createFocus.d.ts.map +1 -0
- package/dist/interactions/createFocusRing.d.ts +37 -0
- package/dist/interactions/createFocusRing.d.ts.map +1 -0
- package/dist/interactions/createFocusWithin.d.ts +27 -0
- package/dist/interactions/createFocusWithin.d.ts.map +1 -0
- package/dist/interactions/createFocusable.d.ts +65 -0
- package/dist/interactions/createFocusable.d.ts.map +1 -0
- package/dist/interactions/createHover.d.ts +43 -0
- package/dist/interactions/createHover.d.ts.map +1 -0
- package/dist/interactions/createInteractionModality.d.ts +73 -0
- package/dist/interactions/createInteractionModality.d.ts.map +1 -0
- package/dist/interactions/createKeyboard.d.ts +35 -0
- package/dist/interactions/createKeyboard.d.ts.map +1 -0
- package/dist/interactions/createLongPress.d.ts +63 -0
- package/dist/interactions/createLongPress.d.ts.map +1 -0
- package/dist/interactions/createMove.d.ts +40 -0
- package/dist/interactions/createMove.d.ts.map +1 -0
- package/dist/interactions/createPress.d.ts +55 -0
- package/dist/interactions/createPress.d.ts.map +1 -0
- package/dist/interactions/index.d.ts +13 -0
- package/dist/interactions/index.d.ts.map +1 -0
- package/dist/label/createField.d.ts +51 -0
- package/dist/label/createField.d.ts.map +1 -0
- package/dist/label/createLabel.d.ts +49 -0
- package/dist/label/createLabel.d.ts.map +1 -0
- package/dist/label/createLabels.d.ts +16 -0
- package/dist/label/createLabels.d.ts.map +1 -0
- package/dist/label/index.d.ts +6 -0
- package/dist/label/index.d.ts.map +1 -0
- package/dist/landmark/createLandmark.d.ts +79 -0
- package/dist/landmark/createLandmark.d.ts.map +1 -0
- package/dist/landmark/index.d.ts +2 -0
- package/dist/landmark/index.d.ts.map +1 -0
- package/dist/link/createLink.d.ts +65 -0
- package/dist/link/createLink.d.ts.map +1 -0
- package/dist/link/index.d.ts +2 -0
- package/dist/link/index.d.ts.map +1 -0
- package/dist/listbox/createListBox.d.ts +58 -0
- package/dist/listbox/createListBox.d.ts.map +1 -0
- package/dist/listbox/createOption.d.ts +42 -0
- package/dist/listbox/createOption.d.ts.map +1 -0
- package/dist/listbox/index.d.ts +3 -0
- package/dist/listbox/index.d.ts.map +1 -0
- package/dist/live-announcer/announce.d.ts +113 -0
- package/dist/live-announcer/announce.d.ts.map +1 -0
- package/dist/live-announcer/index.d.ts +2 -0
- package/dist/live-announcer/index.d.ts.map +1 -0
- package/dist/menu/createMenu.d.ts +57 -0
- package/dist/menu/createMenu.d.ts.map +1 -0
- package/dist/menu/createMenuItem.d.ts +42 -0
- package/dist/menu/createMenuItem.d.ts.map +1 -0
- package/dist/menu/createMenuTrigger.d.ts +29 -0
- package/dist/menu/createMenuTrigger.d.ts.map +1 -0
- package/dist/menu/index.d.ts +4 -0
- package/dist/menu/index.d.ts.map +1 -0
- package/dist/meter/createMeter.d.ts +44 -0
- package/dist/meter/createMeter.d.ts.map +1 -0
- package/dist/meter/index.d.ts +2 -0
- package/dist/meter/index.d.ts.map +1 -0
- package/dist/numberfield/createNumberField.d.ts +56 -0
- package/dist/numberfield/createNumberField.d.ts.map +1 -0
- package/dist/numberfield/index.d.ts +2 -0
- package/dist/numberfield/index.d.ts.map +1 -0
- package/dist/overlays/ariaHideOutside.d.ts +25 -0
- package/dist/overlays/ariaHideOutside.d.ts.map +1 -0
- package/dist/overlays/createInteractOutside.d.ts +20 -0
- package/dist/overlays/createInteractOutside.d.ts.map +1 -0
- package/dist/overlays/createModal.d.ts +70 -0
- package/dist/overlays/createModal.d.ts.map +1 -0
- package/dist/overlays/createOverlay.d.ts +43 -0
- package/dist/overlays/createOverlay.d.ts.map +1 -0
- package/dist/overlays/createOverlayTrigger.d.ts +30 -0
- package/dist/overlays/createOverlayTrigger.d.ts.map +1 -0
- package/dist/overlays/createPreventScroll.d.ts +15 -0
- package/dist/overlays/createPreventScroll.d.ts.map +1 -0
- package/dist/overlays/index.d.ts +7 -0
- package/dist/overlays/index.d.ts.map +1 -0
- package/dist/popover/calculatePosition.d.ts +67 -0
- package/dist/popover/calculatePosition.d.ts.map +1 -0
- package/dist/popover/createOverlayPosition.d.ts +109 -0
- package/dist/popover/createOverlayPosition.d.ts.map +1 -0
- package/dist/popover/createPopover.d.ts +88 -0
- package/dist/popover/createPopover.d.ts.map +1 -0
- package/dist/popover/index.d.ts +4 -0
- package/dist/popover/index.d.ts.map +1 -0
- package/dist/progress/createProgressBar.d.ts +47 -0
- package/dist/progress/createProgressBar.d.ts.map +1 -0
- package/dist/progress/index.d.ts +2 -0
- package/dist/progress/index.d.ts.map +1 -0
- package/dist/radio/createRadio.d.ts +68 -0
- package/dist/radio/createRadio.d.ts.map +1 -0
- package/dist/radio/createRadioGroup.d.ts +85 -0
- package/dist/radio/createRadioGroup.d.ts.map +1 -0
- package/dist/radio/createRadioGroupState.d.ts +77 -0
- package/dist/radio/createRadioGroupState.d.ts.map +1 -0
- package/dist/radio/index.d.ts +4 -0
- package/dist/radio/index.d.ts.map +1 -0
- package/dist/searchfield/createSearchField.d.ts +32 -0
- package/dist/searchfield/createSearchField.d.ts.map +1 -0
- package/dist/searchfield/index.d.ts +3 -0
- package/dist/searchfield/index.d.ts.map +1 -0
- package/dist/select/createHiddenSelect.d.ts +69 -0
- package/dist/select/createHiddenSelect.d.ts.map +1 -0
- package/dist/select/createSelect.d.ts +70 -0
- package/dist/select/createSelect.d.ts.map +1 -0
- package/dist/select/index.d.ts +3 -0
- package/dist/select/index.d.ts.map +1 -0
- package/dist/selection/createTypeSelect.d.ts +43 -0
- package/dist/selection/createTypeSelect.d.ts.map +1 -0
- package/dist/selection/index.d.ts +6 -0
- package/dist/selection/index.d.ts.map +1 -0
- package/dist/separator/createSeparator.d.ts +38 -0
- package/dist/separator/createSeparator.d.ts.map +1 -0
- package/dist/separator/index.d.ts +2 -0
- package/dist/separator/index.d.ts.map +1 -0
- package/dist/slider/createSlider.d.ts +43 -0
- package/dist/slider/createSlider.d.ts.map +1 -0
- package/dist/slider/index.d.ts +3 -0
- package/dist/slider/index.d.ts.map +1 -0
- package/dist/ssr/index.d.ts +221 -0
- package/dist/ssr/index.d.ts.map +1 -0
- package/dist/switch/createSwitch.d.ts +34 -0
- package/dist/switch/createSwitch.d.ts.map +1 -0
- package/dist/switch/index.d.ts +2 -0
- package/dist/switch/index.d.ts.map +1 -0
- package/dist/table/createTable.d.ts +24 -0
- package/dist/table/createTable.d.ts.map +1 -0
- package/dist/table/createTableCell.d.ts +12 -0
- package/dist/table/createTableCell.d.ts.map +1 -0
- package/dist/table/createTableColumnHeader.d.ts +12 -0
- package/dist/table/createTableColumnHeader.d.ts.map +1 -0
- package/dist/table/createTableHeaderRow.d.ts +12 -0
- package/dist/table/createTableHeaderRow.d.ts.map +1 -0
- package/dist/table/createTableRow.d.ts +12 -0
- package/dist/table/createTableRow.d.ts.map +1 -0
- package/dist/table/createTableRowGroup.d.ts +11 -0
- package/dist/table/createTableRowGroup.d.ts.map +1 -0
- package/dist/table/createTableSelectAllCheckbox.d.ts +12 -0
- package/dist/table/createTableSelectAllCheckbox.d.ts.map +1 -0
- package/dist/table/createTableSelectionCheckbox.d.ts +12 -0
- package/dist/table/createTableSelectionCheckbox.d.ts.map +1 -0
- package/dist/table/index.d.ts +14 -0
- package/dist/table/index.d.ts.map +1 -0
- package/dist/table/types.d.ts +150 -0
- package/dist/table/types.d.ts.map +1 -0
- package/dist/tabs/createTabs.d.ts +123 -0
- package/dist/tabs/createTabs.d.ts.map +1 -0
- package/dist/tabs/index.d.ts +2 -0
- package/dist/tabs/index.d.ts.map +1 -0
- package/dist/tag/createTag.d.ts +42 -0
- package/dist/tag/createTag.d.ts.map +1 -0
- package/dist/tag/createTagGroup.d.ts +54 -0
- package/dist/tag/createTagGroup.d.ts.map +1 -0
- package/dist/tag/index.d.ts +3 -0
- package/dist/tag/index.d.ts.map +1 -0
- package/dist/textfield/createTextField.d.ts +73 -0
- package/dist/textfield/createTextField.d.ts.map +1 -0
- package/dist/textfield/index.d.ts +2 -0
- package/dist/textfield/index.d.ts.map +1 -0
- package/dist/toast/createToast.d.ts +58 -0
- package/dist/toast/createToast.d.ts.map +1 -0
- package/dist/toast/createToastRegion.d.ts +49 -0
- package/dist/toast/createToastRegion.d.ts.map +1 -0
- package/dist/toast/index.d.ts +3 -0
- package/dist/toast/index.d.ts.map +1 -0
- package/dist/toggle/createToggle.d.ts +94 -0
- package/dist/toggle/createToggle.d.ts.map +1 -0
- package/dist/toggle/createToggleState.d.ts +34 -0
- package/dist/toggle/createToggleState.d.ts.map +1 -0
- package/dist/toggle/index.d.ts +5 -0
- package/dist/toggle/index.d.ts.map +1 -0
- package/dist/toolbar/createToolbar.d.ts +49 -0
- package/dist/toolbar/createToolbar.d.ts.map +1 -0
- package/dist/toolbar/index.d.ts +2 -0
- package/dist/toolbar/index.d.ts.map +1 -0
- package/dist/tooltip/createTooltip.d.ts +48 -0
- package/dist/tooltip/createTooltip.d.ts.map +1 -0
- package/dist/tooltip/createTooltipTrigger.d.ts +64 -0
- package/dist/tooltip/createTooltipTrigger.d.ts.map +1 -0
- package/dist/tooltip/index.d.ts +3 -0
- package/dist/tooltip/index.d.ts.map +1 -0
- package/dist/tree/createTree.d.ts +28 -0
- package/dist/tree/createTree.d.ts.map +1 -0
- package/dist/tree/createTreeItem.d.ts +12 -0
- package/dist/tree/createTreeItem.d.ts.map +1 -0
- package/dist/tree/createTreeSelectionCheckbox.d.ts +12 -0
- package/dist/tree/createTreeSelectionCheckbox.d.ts.map +1 -0
- package/dist/tree/index.d.ts +8 -0
- package/dist/tree/index.d.ts.map +1 -0
- package/dist/tree/types.d.ts +81 -0
- package/dist/tree/types.d.ts.map +1 -0
- package/dist/utils/createDescription.d.ts +56 -0
- package/dist/utils/createDescription.d.ts.map +1 -0
- package/dist/utils/dom.d.ts +68 -0
- package/dist/utils/dom.d.ts.map +1 -0
- package/dist/utils/env.d.ts +18 -0
- package/dist/utils/env.d.ts.map +1 -0
- package/dist/utils/events.d.ts +29 -0
- package/dist/utils/events.d.ts.map +1 -0
- package/dist/utils/filterDOMProps.d.ts +29 -0
- package/dist/utils/filterDOMProps.d.ts.map +1 -0
- package/dist/utils/focus.d.ts +20 -0
- package/dist/utils/focus.d.ts.map +1 -0
- package/dist/utils/geometry.d.ts +40 -0
- package/dist/utils/geometry.d.ts.map +1 -0
- package/dist/utils/globalListeners.d.ts +36 -0
- package/dist/utils/globalListeners.d.ts.map +1 -0
- package/dist/utils/index.d.ts +13 -0
- package/dist/utils/index.d.ts.map +1 -0
- package/dist/utils/mergeProps.d.ts +11 -0
- package/dist/utils/mergeProps.d.ts.map +1 -0
- package/dist/utils/platform.d.ts +14 -0
- package/dist/utils/platform.d.ts.map +1 -0
- package/dist/utils/reactivity.d.ts +28 -0
- package/dist/utils/reactivity.d.ts.map +1 -0
- package/dist/utils/textSelection.d.ts +19 -0
- package/dist/utils/textSelection.d.ts.map +1 -0
- package/dist/visually-hidden/createVisuallyHidden.d.ts +60 -0
- package/dist/visually-hidden/createVisuallyHidden.d.ts.map +1 -0
- package/dist/visually-hidden/index.d.ts +2 -0
- package/dist/visually-hidden/index.d.ts.map +1 -0
- package/package.json +4 -5
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* createToast hook for Solidaria
|
|
3
|
+
*
|
|
4
|
+
* Provides the accessibility implementation for a Toast component.
|
|
5
|
+
*
|
|
6
|
+
* Port of @react-aria/toast useToast.
|
|
7
|
+
*/
|
|
8
|
+
import { type JSX } from 'solid-js';
|
|
9
|
+
import { type QueuedToast, type ToastState } from '@proyecto-viviana/solid-stately';
|
|
10
|
+
export interface AriaToastProps<T> {
|
|
11
|
+
/** The toast to display. */
|
|
12
|
+
toast: QueuedToast<T>;
|
|
13
|
+
/** The toast state from createToastState. */
|
|
14
|
+
state: ToastState<T>;
|
|
15
|
+
}
|
|
16
|
+
export interface ToastAria {
|
|
17
|
+
/** Props for the toast container element. */
|
|
18
|
+
toastProps: JSX.HTMLAttributes<HTMLElement>;
|
|
19
|
+
/** Props for the toast content element (contains the message). */
|
|
20
|
+
contentProps: JSX.HTMLAttributes<HTMLElement>;
|
|
21
|
+
/** Props for the toast title element. */
|
|
22
|
+
titleProps: JSX.HTMLAttributes<HTMLElement>;
|
|
23
|
+
/** Props for the toast description element. */
|
|
24
|
+
descriptionProps: JSX.HTMLAttributes<HTMLElement>;
|
|
25
|
+
/** Props for the close button. */
|
|
26
|
+
closeButtonProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
|
|
27
|
+
}
|
|
28
|
+
/**
|
|
29
|
+
* Provides the accessibility implementation for a Toast component.
|
|
30
|
+
*
|
|
31
|
+
* The toast uses role="alertdialog" to announce content to screen readers.
|
|
32
|
+
* The content area uses role="alert" for the actual message.
|
|
33
|
+
*
|
|
34
|
+
* @example
|
|
35
|
+
* ```tsx
|
|
36
|
+
* import { createToast } from 'solidaria';
|
|
37
|
+
*
|
|
38
|
+
* function Toast(props) {
|
|
39
|
+
* const {
|
|
40
|
+
* toastProps,
|
|
41
|
+
* contentProps,
|
|
42
|
+
* titleProps,
|
|
43
|
+
* closeButtonProps
|
|
44
|
+
* } = createToast({ toast: props.toast, state: props.state });
|
|
45
|
+
*
|
|
46
|
+
* return (
|
|
47
|
+
* <div {...toastProps}>
|
|
48
|
+
* <div {...contentProps}>
|
|
49
|
+
* <div {...titleProps}>{props.toast.content.title}</div>
|
|
50
|
+
* </div>
|
|
51
|
+
* <button {...closeButtonProps}>×</button>
|
|
52
|
+
* </div>
|
|
53
|
+
* );
|
|
54
|
+
* }
|
|
55
|
+
* ```
|
|
56
|
+
*/
|
|
57
|
+
export declare function createToast<T>(props: AriaToastProps<T>): ToastAria;
|
|
58
|
+
//# sourceMappingURL=createToast.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createToast.d.ts","sourceRoot":"","sources":["../../src/toast/createToast.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAc,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAOpF,MAAM,WAAW,cAAc,CAAC,CAAC;IAC/B,4BAA4B;IAC5B,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;IACtB,6CAA6C;IAC7C,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;CACtB;AAED,MAAM,WAAW,SAAS;IACxB,6CAA6C;IAC7C,UAAU,EAAE,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;IAC5C,kEAAkE;IAClE,YAAY,EAAE,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;IAC9C,yCAAyC;IACzC,UAAU,EAAE,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;IAC5C,+CAA+C;IAC/C,gBAAgB,EAAE,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;IAClD,kCAAkC;IAClC,gBAAgB,EAAE,GAAG,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;CAC/D;AAMD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,SAAS,CAgDlE"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* createToastRegion hook for Solidaria
|
|
3
|
+
*
|
|
4
|
+
* Provides the accessibility implementation for a ToastRegion component.
|
|
5
|
+
* The region is a landmark that contains all visible toasts.
|
|
6
|
+
*
|
|
7
|
+
* Port of @react-aria/toast useToastRegion.
|
|
8
|
+
*/
|
|
9
|
+
import { type JSX } from 'solid-js';
|
|
10
|
+
import { type ToastState } from '@proyecto-viviana/solid-stately';
|
|
11
|
+
export interface AriaToastRegionProps<T> {
|
|
12
|
+
/** The toast state from createToastState. */
|
|
13
|
+
state: ToastState<T>;
|
|
14
|
+
/** An accessible label for the region. */
|
|
15
|
+
'aria-label'?: string;
|
|
16
|
+
}
|
|
17
|
+
export interface ToastRegionAria {
|
|
18
|
+
/** Props for the toast region container element. */
|
|
19
|
+
regionProps: JSX.HTMLAttributes<HTMLElement>;
|
|
20
|
+
}
|
|
21
|
+
/**
|
|
22
|
+
* Provides the accessibility implementation for a ToastRegion component.
|
|
23
|
+
*
|
|
24
|
+
* The region is a landmark (role="region") that contains all visible toasts.
|
|
25
|
+
* It pauses toast timers on hover or focus to give users time to read/interact.
|
|
26
|
+
*
|
|
27
|
+
* @example
|
|
28
|
+
* ```tsx
|
|
29
|
+
* import { createToastRegion } from 'solidaria';
|
|
30
|
+
* import { For, Show } from 'solid-js';
|
|
31
|
+
*
|
|
32
|
+
* function ToastRegion(props) {
|
|
33
|
+
* let ref;
|
|
34
|
+
* const { regionProps } = createToastRegion({ state: props.state });
|
|
35
|
+
*
|
|
36
|
+
* return (
|
|
37
|
+
* <Show when={props.state.visibleToasts().length > 0}>
|
|
38
|
+
* <div {...regionProps} ref={ref}>
|
|
39
|
+
* <For each={props.state.visibleToasts()}>
|
|
40
|
+
* {(toast) => <Toast toast={toast} state={props.state} />}
|
|
41
|
+
* </For>
|
|
42
|
+
* </div>
|
|
43
|
+
* </Show>
|
|
44
|
+
* );
|
|
45
|
+
* }
|
|
46
|
+
* ```
|
|
47
|
+
*/
|
|
48
|
+
export declare function createToastRegion<T>(props: AriaToastRegionProps<T>): ToastRegionAria;
|
|
49
|
+
//# sourceMappingURL=createToastRegion.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createToastRegion.d.ts","sourceRoot":"","sources":["../../src/toast/createToastRegion.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAc,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAQlE,MAAM,WAAW,oBAAoB,CAAC,CAAC;IACrC,6CAA6C;IAC7C,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IACrB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,eAAe;IAC9B,oDAAoD;IACpD,WAAW,EAAE,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;CAC9C;AAMD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAAG,eAAe,CAsCpF"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,KAAK,cAAc,EACnB,KAAK,SAAS,GACf,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,iBAAiB,EACjB,KAAK,oBAAoB,EACzB,KAAK,eAAe,GACrB,MAAM,qBAAqB,CAAC"}
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Toggle hook for Solidaria
|
|
3
|
+
*
|
|
4
|
+
* Handles interactions for toggle elements, e.g. Checkboxes and Switches.
|
|
5
|
+
*
|
|
6
|
+
* This is a 1:1 port of @react-aria/toggle's useToggle hook.
|
|
7
|
+
*/
|
|
8
|
+
import { JSX, Accessor } from 'solid-js';
|
|
9
|
+
import { type MaybeAccessor } from '../utils/reactivity';
|
|
10
|
+
import { type ToggleState } from '@proyecto-viviana/solid-stately';
|
|
11
|
+
import { type PressEvent } from '../interactions/PressEvent';
|
|
12
|
+
export interface AriaToggleProps {
|
|
13
|
+
/** Whether the element should be selected (controlled). */
|
|
14
|
+
isSelected?: boolean;
|
|
15
|
+
/** Whether the element should be selected by default (uncontrolled). */
|
|
16
|
+
defaultSelected?: boolean;
|
|
17
|
+
/** Handler that is called when the element's selection state changes. */
|
|
18
|
+
onChange?: (isSelected: boolean) => void;
|
|
19
|
+
/** The value of the input element, used when submitting an HTML form. */
|
|
20
|
+
value?: string;
|
|
21
|
+
/** The name of the input element, used when submitting an HTML form. */
|
|
22
|
+
name?: string;
|
|
23
|
+
/** The form to associate the input with. */
|
|
24
|
+
form?: string;
|
|
25
|
+
/** Whether the element is disabled. */
|
|
26
|
+
isDisabled?: boolean;
|
|
27
|
+
/** Whether the element is read only. */
|
|
28
|
+
isReadOnly?: boolean;
|
|
29
|
+
/** Whether the element is required. */
|
|
30
|
+
isRequired?: boolean;
|
|
31
|
+
/** Whether the element is invalid. */
|
|
32
|
+
isInvalid?: boolean;
|
|
33
|
+
/** The element's children. */
|
|
34
|
+
children?: JSX.Element;
|
|
35
|
+
/** Defines a string value that labels the current element. */
|
|
36
|
+
'aria-label'?: string;
|
|
37
|
+
/** Identifies the element (or elements) that labels the current element. */
|
|
38
|
+
'aria-labelledby'?: string;
|
|
39
|
+
/** Identifies the element (or elements) that describes the object. */
|
|
40
|
+
'aria-describedby'?: string;
|
|
41
|
+
/** Identifies the element (or elements) that provide an error message for the object. */
|
|
42
|
+
'aria-errormessage'?: string;
|
|
43
|
+
/** Identifies the element (or elements) whose contents or presence are controlled by the current element. */
|
|
44
|
+
'aria-controls'?: string;
|
|
45
|
+
/** The element's unique identifier. */
|
|
46
|
+
id?: string;
|
|
47
|
+
/** Handler that is called when the press is released over the target. */
|
|
48
|
+
onPress?: (e: PressEvent) => void;
|
|
49
|
+
/** Handler that is called when a press interaction starts. */
|
|
50
|
+
onPressStart?: (e: PressEvent) => void;
|
|
51
|
+
/** Handler that is called when a press interaction ends, either over the target or when the pointer leaves the target. */
|
|
52
|
+
onPressEnd?: (e: PressEvent) => void;
|
|
53
|
+
/** Handler that is called when the press state changes. */
|
|
54
|
+
onPressChange?: (isPressed: boolean) => void;
|
|
55
|
+
/** Handler that is called when a press is released over the target, regardless of whether it started on the target or not. */
|
|
56
|
+
onPressUp?: (e: PressEvent) => void;
|
|
57
|
+
/** Handler that is called when the element is clicked. */
|
|
58
|
+
onClick?: (e: MouseEvent) => void;
|
|
59
|
+
/** Handler that is called when the element receives focus. */
|
|
60
|
+
onFocus?: (e: FocusEvent) => void;
|
|
61
|
+
/** Handler that is called when the element loses focus. */
|
|
62
|
+
onBlur?: (e: FocusEvent) => void;
|
|
63
|
+
/** Handler that is called when the element's focus status changes. */
|
|
64
|
+
onFocusChange?: (isFocused: boolean) => void;
|
|
65
|
+
/** Handler that is called when a key is pressed. */
|
|
66
|
+
onKeyDown?: (e: KeyboardEvent) => void;
|
|
67
|
+
/** Handler that is called when a key is released. */
|
|
68
|
+
onKeyUp?: (e: KeyboardEvent) => void;
|
|
69
|
+
/** Whether to exclude the element from the tab order. */
|
|
70
|
+
excludeFromTabOrder?: boolean;
|
|
71
|
+
/** Whether to autofocus the element. */
|
|
72
|
+
autoFocus?: boolean;
|
|
73
|
+
}
|
|
74
|
+
export interface ToggleAria {
|
|
75
|
+
/** Props to be spread on the label element. */
|
|
76
|
+
labelProps: JSX.LabelHTMLAttributes<HTMLLabelElement>;
|
|
77
|
+
/** Props to be spread on the input element. */
|
|
78
|
+
inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;
|
|
79
|
+
/** Whether the toggle is selected. */
|
|
80
|
+
isSelected: Accessor<boolean>;
|
|
81
|
+
/** Whether the toggle is in a pressed state. */
|
|
82
|
+
isPressed: Accessor<boolean>;
|
|
83
|
+
/** Whether the toggle is disabled. */
|
|
84
|
+
isDisabled: boolean;
|
|
85
|
+
/** Whether the toggle is read only. */
|
|
86
|
+
isReadOnly: boolean;
|
|
87
|
+
/** Whether the toggle is invalid. */
|
|
88
|
+
isInvalid: boolean;
|
|
89
|
+
}
|
|
90
|
+
/**
|
|
91
|
+
* Handles interactions for toggle elements, e.g. Checkboxes and Switches.
|
|
92
|
+
*/
|
|
93
|
+
export declare function createToggle(props: MaybeAccessor<AriaToggleProps>, state: ToggleState, ref: () => HTMLInputElement | null): ToggleAria;
|
|
94
|
+
//# sourceMappingURL=createToggle.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createToggle.d.ts","sourceRoot":"","sources":["../../src/toggle/createToggle.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Toggle state for Solidaria
|
|
3
|
+
*
|
|
4
|
+
* Provides state management for toggle components like checkboxes and switches.
|
|
5
|
+
*
|
|
6
|
+
* This is a 1:1 port of @react-stately/toggle's useToggleState.
|
|
7
|
+
*/
|
|
8
|
+
import { Accessor } from 'solid-js';
|
|
9
|
+
import { type MaybeAccessor } from '../utils/reactivity';
|
|
10
|
+
export interface ToggleStateOptions {
|
|
11
|
+
/** Whether the element should be selected (controlled). */
|
|
12
|
+
isSelected?: boolean;
|
|
13
|
+
/** Whether the element should be selected by default (uncontrolled). */
|
|
14
|
+
defaultSelected?: boolean;
|
|
15
|
+
/** Handler that is called when the element's selection state changes. */
|
|
16
|
+
onChange?: (isSelected: boolean) => void;
|
|
17
|
+
/** Whether the element is read only. */
|
|
18
|
+
isReadOnly?: boolean;
|
|
19
|
+
}
|
|
20
|
+
export interface ToggleState {
|
|
21
|
+
/** Whether the toggle is selected. */
|
|
22
|
+
readonly isSelected: Accessor<boolean>;
|
|
23
|
+
/** Whether the toggle is selected by default. */
|
|
24
|
+
readonly defaultSelected: boolean;
|
|
25
|
+
/** Updates selection state. */
|
|
26
|
+
setSelected(isSelected: boolean): void;
|
|
27
|
+
/** Toggle the selection state. */
|
|
28
|
+
toggle(): void;
|
|
29
|
+
}
|
|
30
|
+
/**
|
|
31
|
+
* Provides state management for toggle components like checkboxes and switches.
|
|
32
|
+
*/
|
|
33
|
+
export declare function createToggleState(props?: MaybeAccessor<ToggleStateOptions>): ToggleState;
|
|
34
|
+
//# sourceMappingURL=createToggleState.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createToggleState.d.ts","sourceRoot":"","sources":["../../src/toggle/createToggleState.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAgB,QAAQ,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,KAAK,aAAa,EAAU,MAAM,qBAAqB,CAAC;AAMjE,MAAM,WAAW,kBAAkB;IACjC,2DAA2D;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wEAAwE;IACxE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,yEAAyE;IACzE,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,wCAAwC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,WAAW;IAC1B,sCAAsC;IACtC,QAAQ,CAAC,UAAU,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IACvC,iDAAiD;IACjD,QAAQ,CAAC,eAAe,EAAE,OAAO,CAAC;IAClC,+BAA+B;IAC/B,WAAW,CAAC,UAAU,EAAE,OAAO,GAAG,IAAI,CAAC;IACvC,kCAAkC;IAClC,MAAM,IAAI,IAAI,CAAC;CAChB;AAMD;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,GAAE,aAAa,CAAC,kBAAkB,CAAM,GAAG,WAAW,CAiD5F"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { createToggleState } from '@proyecto-viviana/solid-stately';
|
|
2
|
+
export type { ToggleStateOptions, ToggleState } from '@proyecto-viviana/solid-stately';
|
|
3
|
+
export { createToggle } from './createToggle';
|
|
4
|
+
export type { AriaToggleProps, ToggleAria } from './createToggle';
|
|
5
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/toggle/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,YAAY,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAGvF,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* createToolbar - Accessibility hook for toolbar elements
|
|
3
|
+
*
|
|
4
|
+
* Provides keyboard navigation between toolbar items using arrow keys.
|
|
5
|
+
* Based on @react-aria/toolbar useToolbar.
|
|
6
|
+
*/
|
|
7
|
+
import { type Accessor } from 'solid-js';
|
|
8
|
+
import { type MaybeAccessor } from '../utils';
|
|
9
|
+
export type Orientation = 'horizontal' | 'vertical';
|
|
10
|
+
export interface AriaToolbarProps {
|
|
11
|
+
/** The orientation of the toolbar. @default 'horizontal' */
|
|
12
|
+
orientation?: MaybeAccessor<Orientation>;
|
|
13
|
+
/** An accessibility label for the toolbar. */
|
|
14
|
+
'aria-label'?: MaybeAccessor<string>;
|
|
15
|
+
/** Identifies the element (or elements) that labels the toolbar. */
|
|
16
|
+
'aria-labelledby'?: MaybeAccessor<string>;
|
|
17
|
+
}
|
|
18
|
+
export interface ToolbarAria {
|
|
19
|
+
/** Props for the toolbar container element. */
|
|
20
|
+
toolbarProps: {
|
|
21
|
+
role: 'toolbar' | 'group';
|
|
22
|
+
'aria-orientation': Orientation;
|
|
23
|
+
'aria-label'?: string;
|
|
24
|
+
'aria-labelledby'?: string;
|
|
25
|
+
tabIndex?: number;
|
|
26
|
+
ref: (el: HTMLElement) => void;
|
|
27
|
+
};
|
|
28
|
+
/** The orientation of the toolbar. */
|
|
29
|
+
orientation: Accessor<Orientation>;
|
|
30
|
+
}
|
|
31
|
+
/**
|
|
32
|
+
* Provides the behavior and accessibility implementation for a toolbar.
|
|
33
|
+
* A toolbar is a container for a set of interactive controls with arrow key navigation.
|
|
34
|
+
*
|
|
35
|
+
* @example
|
|
36
|
+
* ```tsx
|
|
37
|
+
* let ref;
|
|
38
|
+
* const { toolbarProps } = createToolbar({ orientation: 'horizontal' });
|
|
39
|
+
* return (
|
|
40
|
+
* <div {...toolbarProps}>
|
|
41
|
+
* <Button>Cut</Button>
|
|
42
|
+
* <Button>Copy</Button>
|
|
43
|
+
* <Button>Paste</Button>
|
|
44
|
+
* </div>
|
|
45
|
+
* );
|
|
46
|
+
* ```
|
|
47
|
+
*/
|
|
48
|
+
export declare function createToolbar(props?: AriaToolbarProps): ToolbarAria;
|
|
49
|
+
//# sourceMappingURL=createToolbar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createToolbar.d.ts","sourceRoot":"","sources":["../../src/toolbar/createToolbar.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAIL,KAAK,QAAQ,EACd,MAAM,UAAU,CAAA;AACjB,OAAO,EAAE,KAAK,aAAa,EAAU,MAAM,UAAU,CAAA;AASrD,MAAM,MAAM,WAAW,GAAG,YAAY,GAAG,UAAU,CAAA;AAEnD,MAAM,WAAW,gBAAgB;IAC/B,4DAA4D;IAC5D,WAAW,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAA;IACxC,8CAA8C;IAC9C,YAAY,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IACpC,oEAAoE;IACpE,iBAAiB,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;CAC1C;AAED,MAAM,WAAW,WAAW;IAC1B,+CAA+C;IAC/C,YAAY,EAAE;QACZ,IAAI,EAAE,SAAS,GAAG,OAAO,CAAA;QACzB,kBAAkB,EAAE,WAAW,CAAA;QAC/B,YAAY,CAAC,EAAE,MAAM,CAAA;QACrB,iBAAiB,CAAC,EAAE,MAAM,CAAA;QAC1B,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,GAAG,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,IAAI,CAAA;KAC/B,CAAA;IACD,sCAAsC;IACtC,WAAW,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAA;CACnC;AA+KD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,aAAa,CAAC,KAAK,GAAE,gBAAqB,GAAG,WAAW,CAkIvE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/toolbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,KAAK,gBAAgB,EACrB,KAAK,WAAW,EAChB,KAAK,WAAW,GACjB,MAAM,iBAAiB,CAAA"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* createTooltip hook for Solidaria
|
|
3
|
+
*
|
|
4
|
+
* Provides the accessibility implementation for a Tooltip component.
|
|
5
|
+
*
|
|
6
|
+
* Port of @react-aria/tooltip useTooltip.
|
|
7
|
+
*/
|
|
8
|
+
import { type JSX } from 'solid-js';
|
|
9
|
+
import { type TooltipTriggerState } from '@proyecto-viviana/solid-stately';
|
|
10
|
+
export interface TooltipProps {
|
|
11
|
+
/** Whether the tooltip is disabled. */
|
|
12
|
+
isDisabled?: boolean;
|
|
13
|
+
/** Custom aria-label for the tooltip. */
|
|
14
|
+
'aria-label'?: string;
|
|
15
|
+
/** ID of an element that labels the tooltip. */
|
|
16
|
+
'aria-labelledby'?: string;
|
|
17
|
+
/** ID of an element that describes the tooltip. */
|
|
18
|
+
'aria-describedby'?: string;
|
|
19
|
+
}
|
|
20
|
+
export interface TooltipAria {
|
|
21
|
+
/** Props to spread on the tooltip element. */
|
|
22
|
+
tooltipProps: JSX.HTMLAttributes<HTMLElement>;
|
|
23
|
+
}
|
|
24
|
+
/**
|
|
25
|
+
* Provides the accessibility implementation for a Tooltip component.
|
|
26
|
+
*
|
|
27
|
+
* When hovering over the tooltip itself, it stays open. When the mouse leaves
|
|
28
|
+
* the tooltip, it closes.
|
|
29
|
+
*
|
|
30
|
+
* @example
|
|
31
|
+
* ```tsx
|
|
32
|
+
* import { createTooltip } from 'solidaria';
|
|
33
|
+
* import { createTooltipTriggerState } from 'solid-stately';
|
|
34
|
+
*
|
|
35
|
+
* function Tooltip(props) {
|
|
36
|
+
* const state = props.state;
|
|
37
|
+
* const { tooltipProps } = createTooltip(props, state);
|
|
38
|
+
*
|
|
39
|
+
* return (
|
|
40
|
+
* <div {...tooltipProps} role="tooltip">
|
|
41
|
+
* {props.children}
|
|
42
|
+
* </div>
|
|
43
|
+
* );
|
|
44
|
+
* }
|
|
45
|
+
* ```
|
|
46
|
+
*/
|
|
47
|
+
export declare function createTooltip(props?: TooltipProps, state?: TooltipTriggerState): TooltipAria;
|
|
48
|
+
//# sourceMappingURL=createTooltip.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createTooltip.d.ts","sourceRoot":"","sources":["../../src/tooltip/createTooltip.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAQ3E,MAAM,WAAW,YAAY;IAC3B,uCAAuC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gDAAgD;IAChD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mDAAmD;IACnD,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,WAAW,WAAW;IAC1B,8CAA8C;IAC9C,YAAY,EAAE,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;CAC/C;AAMD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,aAAa,CAC3B,KAAK,GAAE,YAAiB,EACxB,KAAK,CAAC,EAAE,mBAAmB,GAC1B,WAAW,CAeb"}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* createTooltipTrigger hook for Solidaria
|
|
3
|
+
*
|
|
4
|
+
* Provides the behavior and accessibility implementation for a tooltip trigger,
|
|
5
|
+
* e.g. a button that shows a description when focused or hovered.
|
|
6
|
+
*
|
|
7
|
+
* Port of @react-aria/tooltip useTooltipTrigger.
|
|
8
|
+
*/
|
|
9
|
+
import { type JSX } from 'solid-js';
|
|
10
|
+
import { type TooltipTriggerState } from '@proyecto-viviana/solid-stately';
|
|
11
|
+
export interface TooltipTriggerProps {
|
|
12
|
+
/** Whether the tooltip should be disabled. */
|
|
13
|
+
isDisabled?: boolean;
|
|
14
|
+
/**
|
|
15
|
+
* The trigger mechanism for the tooltip.
|
|
16
|
+
* @default 'focus'
|
|
17
|
+
*/
|
|
18
|
+
trigger?: 'focus';
|
|
19
|
+
/**
|
|
20
|
+
* Whether the tooltip should close when the trigger is pressed.
|
|
21
|
+
* @default true
|
|
22
|
+
*/
|
|
23
|
+
shouldCloseOnPress?: boolean;
|
|
24
|
+
}
|
|
25
|
+
export interface TooltipTriggerAria {
|
|
26
|
+
/** Props to spread on the trigger element. */
|
|
27
|
+
triggerProps: JSX.HTMLAttributes<HTMLElement>;
|
|
28
|
+
/** Props to spread on the tooltip element (id for accessibility). */
|
|
29
|
+
tooltipProps: {
|
|
30
|
+
id: string;
|
|
31
|
+
};
|
|
32
|
+
}
|
|
33
|
+
/**
|
|
34
|
+
* Provides the behavior and accessibility implementation for a tooltip trigger.
|
|
35
|
+
*
|
|
36
|
+
* @example
|
|
37
|
+
* ```tsx
|
|
38
|
+
* import { createTooltipTrigger } from 'solidaria';
|
|
39
|
+
* import { createTooltipTriggerState } from 'solid-stately';
|
|
40
|
+
*
|
|
41
|
+
* function TooltipButton(props) {
|
|
42
|
+
* let ref;
|
|
43
|
+
* const state = createTooltipTriggerState({ delay: 500 });
|
|
44
|
+
* const { triggerProps, tooltipProps } = createTooltipTrigger(
|
|
45
|
+
* { isDisabled: props.isDisabled },
|
|
46
|
+
* state,
|
|
47
|
+
* () => ref
|
|
48
|
+
* );
|
|
49
|
+
*
|
|
50
|
+
* return (
|
|
51
|
+
* <>
|
|
52
|
+
* <button ref={ref} {...triggerProps}>
|
|
53
|
+
* Hover me
|
|
54
|
+
* </button>
|
|
55
|
+
* <Show when={state.isOpen()}>
|
|
56
|
+
* <div {...tooltipProps}>Tooltip content</div>
|
|
57
|
+
* </Show>
|
|
58
|
+
* </>
|
|
59
|
+
* );
|
|
60
|
+
* }
|
|
61
|
+
* ```
|
|
62
|
+
*/
|
|
63
|
+
export declare function createTooltipTrigger(props: TooltipTriggerProps, state: TooltipTriggerState, ref: () => HTMLElement | null | undefined): TooltipTriggerAria;
|
|
64
|
+
//# sourceMappingURL=createTooltipTrigger.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createTooltipTrigger.d.ts","sourceRoot":"","sources":["../../src/tooltip/createTooltipTrigger.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,KAAK,GAAG,EAA2B,MAAM,UAAU,CAAC;AAC7D,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAU3E,MAAM,WAAW,mBAAmB;IAClC,8CAA8C;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,MAAM,WAAW,kBAAkB;IACjC,8CAA8C;IAC9C,YAAY,EAAE,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;IAC9C,qEAAqE;IACrE,YAAY,EAAE;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC;CAC9B;AA8BD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,mBAAmB,EAC1B,KAAK,EAAE,mBAAmB,EAC1B,GAAG,EAAE,MAAM,WAAW,GAAG,IAAI,GAAG,SAAS,GACxC,kBAAkB,CAqHpB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,KAAK,YAAY,EAAE,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACrF,OAAO,EACL,oBAAoB,EACpB,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,GACxB,MAAM,wBAAwB,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* createTree - Provides accessibility for a tree component.
|
|
3
|
+
* Based on @react-aria/tree/useTree.
|
|
4
|
+
*/
|
|
5
|
+
import { type Accessor } from 'solid-js';
|
|
6
|
+
import type { TreeState, TreeCollection, Key } from '@proyecto-viviana/solid-stately';
|
|
7
|
+
import type { AriaTreeProps, TreeAria } from './types';
|
|
8
|
+
/**
|
|
9
|
+
* Metadata stored for a tree instance.
|
|
10
|
+
*/
|
|
11
|
+
interface TreeData {
|
|
12
|
+
/** The generated ID for the tree. */
|
|
13
|
+
treeId: string;
|
|
14
|
+
/** Actions registered for the tree. */
|
|
15
|
+
actions: {
|
|
16
|
+
onAction?: (key: Key) => void;
|
|
17
|
+
};
|
|
18
|
+
}
|
|
19
|
+
/**
|
|
20
|
+
* Gets the tree data for a given state.
|
|
21
|
+
*/
|
|
22
|
+
export declare function getTreeData<T extends object, C extends TreeCollection<T>>(state: TreeState<T, C>): TreeData | undefined;
|
|
23
|
+
/**
|
|
24
|
+
* Creates accessibility props for a tree.
|
|
25
|
+
*/
|
|
26
|
+
export declare function createTree<T extends object, C extends TreeCollection<T> = TreeCollection<T>>(props: Accessor<AriaTreeProps>, state: Accessor<TreeState<T, C>>, _ref: Accessor<HTMLDivElement | null>): TreeAria;
|
|
27
|
+
export {};
|
|
28
|
+
//# sourceMappingURL=createTree.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createTree.d.ts","sourceRoot":"","sources":["../../src/tree/createTree.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AAGrD,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,iCAAiC,CAAC;AACtF,OAAO,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEvD;;GAEG;AACH,UAAU,QAAQ;IAChB,qCAAqC;IACrC,MAAM,EAAE,MAAM,CAAC;IACf,uCAAuC;IACvC,OAAO,EAAE;QACP,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;KAC/B,CAAC;CACH;AAOD;;GAEG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,cAAc,CAAC,CAAC,CAAC,EACvE,KAAK,EAAE,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,GACrB,QAAQ,GAAG,SAAS,CAEtB;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,cAAc,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,EAC1F,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,EAC9B,KAAK,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAChC,IAAI,EAAE,QAAQ,CAAC,cAAc,GAAG,IAAI,CAAC,GACpC,QAAQ,CAyMV"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* createTreeItem - Provides accessibility for a tree item.
|
|
3
|
+
* Based on @react-aria/tree/useTreeItem.
|
|
4
|
+
*/
|
|
5
|
+
import { type Accessor } from 'solid-js';
|
|
6
|
+
import type { TreeState, TreeCollection } from '@proyecto-viviana/solid-stately';
|
|
7
|
+
import type { AriaTreeItemProps, TreeItemAria } from './types';
|
|
8
|
+
/**
|
|
9
|
+
* Creates accessibility props for a tree item.
|
|
10
|
+
*/
|
|
11
|
+
export declare function createTreeItem<T extends object, C extends TreeCollection<T> = TreeCollection<T>>(props: Accessor<AriaTreeItemProps<T>>, state: Accessor<TreeState<T, C>>, _ref: Accessor<HTMLDivElement | null>): TreeItemAria;
|
|
12
|
+
//# sourceMappingURL=createTreeItem.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createTreeItem.d.ts","sourceRoot":"","sources":["../../src/tree/createTreeItem.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAA4B,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEnE,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjF,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAG/D;;GAEG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,cAAc,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,EAC9F,KAAK,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,EACrC,KAAK,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAChC,IAAI,EAAE,QAAQ,CAAC,cAAc,GAAG,IAAI,CAAC,GACpC,YAAY,CAsNd"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* createTreeSelectionCheckbox - Provides accessibility for a tree item's selection checkbox.
|
|
3
|
+
* Based on @react-aria/gridlist/useGridListSelectionCheckbox.
|
|
4
|
+
*/
|
|
5
|
+
import { type Accessor } from 'solid-js';
|
|
6
|
+
import type { TreeState, TreeCollection } from '@proyecto-viviana/solid-stately';
|
|
7
|
+
import type { AriaTreeSelectionCheckboxProps, TreeSelectionCheckboxAria } from './types';
|
|
8
|
+
/**
|
|
9
|
+
* Creates accessibility props for a tree selection checkbox.
|
|
10
|
+
*/
|
|
11
|
+
export declare function createTreeSelectionCheckbox<T extends object, C extends TreeCollection<T> = TreeCollection<T>>(props: Accessor<AriaTreeSelectionCheckboxProps>, state: Accessor<TreeState<T, C>>): TreeSelectionCheckboxAria;
|
|
12
|
+
//# sourceMappingURL=createTreeSelectionCheckbox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createTreeSelectionCheckbox.d.ts","sourceRoot":"","sources":["../../src/tree/createTreeSelectionCheckbox.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AAErD,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjF,OAAO,KAAK,EAAE,8BAA8B,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAEzF;;GAEG;AACH,wBAAgB,2BAA2B,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,cAAc,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,EAC3G,KAAK,EAAE,QAAQ,CAAC,8BAA8B,CAAC,EAC/C,KAAK,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAC/B,yBAAyB,CAmD3B"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Tree ARIA layer exports.
|
|
3
|
+
*/
|
|
4
|
+
export { createTree, getTreeData } from './createTree';
|
|
5
|
+
export { createTreeItem } from './createTreeItem';
|
|
6
|
+
export { createTreeSelectionCheckbox } from './createTreeSelectionCheckbox';
|
|
7
|
+
export type { AriaTreeProps, TreeAria, AriaTreeItemProps, TreeItemAria, AriaTreeSelectionCheckboxProps, TreeSelectionCheckboxAria, } from './types';
|
|
8
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tree/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAE5E,YAAY,EACV,aAAa,EACb,QAAQ,EACR,iBAAiB,EACjB,YAAY,EACZ,8BAA8B,EAC9B,yBAAyB,GAC1B,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Tree ARIA types.
|
|
3
|
+
* Based on @react-aria/tree.
|
|
4
|
+
*/
|
|
5
|
+
import type { JSX } from 'solid-js';
|
|
6
|
+
import type { Key, TreeNode } from '@proyecto-viviana/solid-stately';
|
|
7
|
+
/**
|
|
8
|
+
* Props for createTree.
|
|
9
|
+
*/
|
|
10
|
+
export interface AriaTreeProps {
|
|
11
|
+
/** The unique id for the tree. */
|
|
12
|
+
id?: string;
|
|
13
|
+
/** Label for accessibility. */
|
|
14
|
+
'aria-label'?: string;
|
|
15
|
+
/** ID of an element that labels the tree. */
|
|
16
|
+
'aria-labelledby'?: string;
|
|
17
|
+
/** ID of an element that describes the tree. */
|
|
18
|
+
'aria-describedby'?: string;
|
|
19
|
+
/** Whether the tree is virtualized. */
|
|
20
|
+
isVirtualized?: boolean;
|
|
21
|
+
/** Handler called when an item action is triggered. */
|
|
22
|
+
onAction?: (key: Key) => void;
|
|
23
|
+
/** Whether the tree is disabled. */
|
|
24
|
+
isDisabled?: boolean;
|
|
25
|
+
}
|
|
26
|
+
/**
|
|
27
|
+
* Return value for createTree.
|
|
28
|
+
*/
|
|
29
|
+
export interface TreeAria {
|
|
30
|
+
/** Props for the tree container (role="treegrid"). */
|
|
31
|
+
treeProps: JSX.HTMLAttributes<HTMLDivElement>;
|
|
32
|
+
}
|
|
33
|
+
/**
|
|
34
|
+
* Props for createTreeItem.
|
|
35
|
+
*/
|
|
36
|
+
export interface AriaTreeItemProps<T = unknown> {
|
|
37
|
+
/** The tree node this item represents. */
|
|
38
|
+
node: TreeNode<T>;
|
|
39
|
+
/** Whether the item is rendered in a virtualized list. */
|
|
40
|
+
isVirtualized?: boolean;
|
|
41
|
+
/** Handler called when this item's action is triggered. */
|
|
42
|
+
onAction?: () => void;
|
|
43
|
+
}
|
|
44
|
+
/**
|
|
45
|
+
* Return value for createTreeItem.
|
|
46
|
+
*/
|
|
47
|
+
export interface TreeItemAria {
|
|
48
|
+
/** Props for the row element. */
|
|
49
|
+
rowProps: JSX.HTMLAttributes<HTMLDivElement>;
|
|
50
|
+
/** Props for the grid cell content wrapper. */
|
|
51
|
+
gridCellProps: JSX.HTMLAttributes<HTMLDivElement>;
|
|
52
|
+
/** Props for the expand button (if the item is expandable). */
|
|
53
|
+
expandButtonProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
|
|
54
|
+
/** Whether the item is selected. */
|
|
55
|
+
isSelected: boolean;
|
|
56
|
+
/** Whether the item is disabled. */
|
|
57
|
+
isDisabled: boolean;
|
|
58
|
+
/** Whether the item is being pressed. */
|
|
59
|
+
isPressed: boolean;
|
|
60
|
+
/** Whether the item is expanded. */
|
|
61
|
+
isExpanded: boolean;
|
|
62
|
+
/** Whether the item is expandable (has children). */
|
|
63
|
+
isExpandable: boolean;
|
|
64
|
+
/** The nesting level of the item (0 for root). */
|
|
65
|
+
level: number;
|
|
66
|
+
}
|
|
67
|
+
/**
|
|
68
|
+
* Props for createTreeSelectionCheckbox.
|
|
69
|
+
*/
|
|
70
|
+
export interface AriaTreeSelectionCheckboxProps {
|
|
71
|
+
/** The key of the tree item this checkbox belongs to. */
|
|
72
|
+
key: Key;
|
|
73
|
+
}
|
|
74
|
+
/**
|
|
75
|
+
* Return value for createTreeSelectionCheckbox.
|
|
76
|
+
*/
|
|
77
|
+
export interface TreeSelectionCheckboxAria {
|
|
78
|
+
/** Props for the checkbox input element. */
|
|
79
|
+
checkboxProps: JSX.InputHTMLAttributes<HTMLInputElement>;
|
|
80
|
+
}
|
|
81
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/tree/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAErE;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,kCAAkC;IAClC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,+BAA+B;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6CAA6C;IAC7C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gDAAgD;IAChD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,uCAAuC;IACvC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAC9B,oCAAoC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,QAAQ;IACvB,sDAAsD;IACtD,SAAS,EAAE,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;CAC/C;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB,CAAC,CAAC,GAAG,OAAO;IAC5C,0CAA0C;IAC1C,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;IAClB,0DAA0D;IAC1D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,iCAAiC;IACjC,QAAQ,EAAE,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IAC7C,+CAA+C;IAC/C,aAAa,EAAE,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IAClD,+DAA+D;IAC/D,iBAAiB,EAAE,GAAG,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IAC/D,oCAAoC;IACpC,UAAU,EAAE,OAAO,CAAC;IACpB,oCAAoC;IACpC,UAAU,EAAE,OAAO,CAAC;IACpB,yCAAyC;IACzC,SAAS,EAAE,OAAO,CAAC;IACnB,oCAAoC;IACpC,UAAU,EAAE,OAAO,CAAC;IACpB,qDAAqD;IACrD,YAAY,EAAE,OAAO,CAAC;IACtB,kDAAkD;IAClD,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,8BAA8B;IAC7C,yDAAyD;IACzD,GAAG,EAAE,GAAG,CAAC;CACV;AAED;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC,4CAA4C;IAC5C,aAAa,EAAE,GAAG,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;CAC1D"}
|