@proyecto-viviana/solidaria 0.2.4 → 0.2.8
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/LICENSE +21 -0
- package/dist/actiongroup/createActionGroup.d.ts +29 -0
- package/dist/actiongroup/createActionGroup.d.ts.map +1 -0
- package/dist/actiongroup/index.d.ts +2 -0
- package/dist/actiongroup/index.d.ts.map +1 -0
- package/dist/autocomplete/createAutocomplete.d.ts +6 -2
- package/dist/autocomplete/createAutocomplete.d.ts.map +1 -1
- package/dist/breadcrumbs/createBreadcrumbs.d.ts +2 -0
- package/dist/breadcrumbs/createBreadcrumbs.d.ts.map +1 -1
- package/dist/button/createToggleButtonGroup.d.ts +32 -0
- package/dist/button/createToggleButtonGroup.d.ts.map +1 -0
- package/dist/button/index.d.ts +2 -0
- package/dist/button/index.d.ts.map +1 -1
- package/dist/calendar/createCalendarCell.d.ts +2 -0
- package/dist/calendar/createCalendarCell.d.ts.map +1 -1
- package/dist/calendar/createCalendarGrid.d.ts.map +1 -1
- package/dist/calendar/createRangeCalendarCell.d.ts +3 -1
- package/dist/calendar/createRangeCalendarCell.d.ts.map +1 -1
- package/dist/checkbox/createCheckboxGroup.d.ts +5 -1
- package/dist/checkbox/createCheckboxGroup.d.ts.map +1 -1
- package/dist/collections/index.d.ts +56 -0
- package/dist/collections/index.d.ts.map +1 -0
- package/dist/color/createColorArea.d.ts.map +1 -1
- package/dist/color/createColorSlider.d.ts.map +1 -1
- package/dist/color/createColorWheel.d.ts.map +1 -1
- package/dist/combobox/createComboBox.d.ts +6 -0
- package/dist/combobox/createComboBox.d.ts.map +1 -1
- package/dist/datepicker/createDatePicker.d.ts +6 -0
- package/dist/datepicker/createDatePicker.d.ts.map +1 -1
- package/dist/datepicker/createDateRangePicker.d.ts +40 -0
- package/dist/datepicker/createDateRangePicker.d.ts.map +1 -0
- package/dist/datepicker/createDateSegment.d.ts +1 -1
- package/dist/datepicker/createDateSegment.d.ts.map +1 -1
- package/dist/datepicker/createTimeSegment.d.ts +29 -0
- package/dist/datepicker/createTimeSegment.d.ts.map +1 -0
- package/dist/datepicker/index.d.ts +2 -0
- package/dist/datepicker/index.d.ts.map +1 -1
- package/dist/disclosure/createDisclosureGroup.d.ts +2 -1
- package/dist/disclosure/createDisclosureGroup.d.ts.map +1 -1
- package/dist/dnd/createDrag.d.ts.map +1 -1
- package/dist/dnd/createDraggableCollection.d.ts +4 -0
- package/dist/dnd/createDraggableCollection.d.ts.map +1 -1
- package/dist/dnd/createDraggableItem.d.ts.map +1 -1
- package/dist/dnd/createDrop.d.ts.map +1 -1
- package/dist/dnd/createDroppableCollection.d.ts +32 -1
- package/dist/dnd/createDroppableCollection.d.ts.map +1 -1
- package/dist/dnd/createDroppableItem.d.ts.map +1 -1
- package/dist/dnd/index.d.ts +1 -1
- package/dist/dnd/index.d.ts.map +1 -1
- package/dist/grid/createGrid.d.ts.map +1 -1
- package/dist/gridlist/createGridList.d.ts.map +1 -1
- package/dist/index.d.ts +6 -4
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +4659 -3452
- package/dist/index.js.map +1 -7
- package/dist/index.ssr.js +4659 -3452
- package/dist/index.ssr.js.map +1 -7
- package/dist/interactions/createFocus.d.ts.map +1 -1
- package/dist/interactions/createFocusWithin.d.ts.map +1 -1
- package/dist/link/createLink.d.ts +10 -0
- package/dist/link/createLink.d.ts.map +1 -1
- package/dist/listbox/createListBox.d.ts +1 -0
- package/dist/listbox/createListBox.d.ts.map +1 -1
- package/dist/listbox/createOption.d.ts.map +1 -1
- package/dist/menu/createMenu.d.ts +1 -0
- package/dist/menu/createMenu.d.ts.map +1 -1
- package/dist/meter/createMeter.d.ts.map +1 -1
- package/dist/numberfield/createNumberField.d.ts +18 -0
- package/dist/numberfield/createNumberField.d.ts.map +1 -1
- package/dist/overlays/createModal.d.ts +16 -0
- package/dist/overlays/createModal.d.ts.map +1 -1
- package/dist/overlays/createOverlay.d.ts.map +1 -1
- package/dist/overlays/index.d.ts +1 -1
- package/dist/overlays/index.d.ts.map +1 -1
- package/dist/popover/createOverlayPosition.d.ts.map +1 -1
- package/dist/popover/createPopover.d.ts.map +1 -1
- package/dist/progress/createProgressBar.d.ts.map +1 -1
- package/dist/radio/createRadioGroup.d.ts +2 -2
- package/dist/radio/createRadioGroup.d.ts.map +1 -1
- package/dist/searchfield/createSearchField.d.ts.map +1 -1
- package/dist/select/createHiddenSelect.d.ts.map +1 -1
- package/dist/select/createSelect.d.ts.map +1 -1
- package/dist/slider/createSlider.d.ts.map +1 -1
- package/dist/table/createTable.d.ts.map +1 -1
- package/dist/tabs/createTabs.d.ts +1 -1
- package/dist/tabs/createTabs.d.ts.map +1 -1
- package/dist/tag/createTag.d.ts.map +1 -1
- package/dist/tag/createTagGroup.d.ts.map +1 -1
- package/dist/toast/createToast.d.ts +4 -0
- package/dist/toast/createToast.d.ts.map +1 -1
- package/dist/toast/createToastRegion.d.ts.map +1 -1
- package/dist/toolbar/createToolbar.d.ts.map +1 -1
- package/dist/tooltip/createTooltipTrigger.d.ts.map +1 -1
- package/dist/tree/createTree.d.ts.map +1 -1
- package/dist/tree/createTreeItem.d.ts.map +1 -1
- package/dist/tree/types.d.ts +4 -0
- package/dist/tree/types.d.ts.map +1 -1
- package/dist/utils/env.d.ts +1 -1
- package/dist/utils/env.d.ts.map +1 -1
- package/dist/utils/platform.d.ts.map +1 -1
- package/dist/visually-hidden/createVisuallyHidden.d.ts.map +1 -1
- package/package.json +8 -6
- package/src/actiongroup/createActionGroup.ts +324 -0
- package/src/actiongroup/index.ts +8 -0
- package/src/autocomplete/createAutocomplete.ts +32 -9
- package/src/breadcrumbs/createBreadcrumbs.ts +10 -15
- package/src/button/createButton.ts +1 -1
- package/src/button/createToggleButtonGroup.ts +128 -0
- package/src/button/index.ts +9 -0
- package/src/calendar/createCalendarCell.ts +6 -4
- package/src/calendar/createCalendarGrid.ts +27 -18
- package/src/calendar/createRangeCalendarCell.ts +26 -9
- package/src/checkbox/createCheckboxGroup.ts +21 -4
- package/src/collections/index.ts +242 -0
- package/src/color/createColorArea.ts +380 -314
- package/src/color/createColorField.ts +137 -137
- package/src/color/createColorSlider.ts +286 -197
- package/src/color/createColorSwatch.ts +40 -40
- package/src/color/createColorWheel.ts +218 -208
- package/src/color/index.ts +24 -24
- package/src/color/types.ts +116 -116
- package/src/combobox/createComboBox.ts +670 -647
- package/src/combobox/index.ts +6 -6
- package/src/datepicker/createDatePicker.ts +54 -16
- package/src/datepicker/createDateRangePicker.ts +246 -0
- package/src/datepicker/createDateSegment.ts +185 -31
- package/src/datepicker/createTimeSegment.ts +370 -0
- package/src/datepicker/index.ts +14 -0
- package/src/dialog/createDialog.ts +120 -120
- package/src/dialog/index.ts +2 -2
- package/src/dialog/types.ts +19 -19
- package/src/disclosure/createDisclosureGroup.ts +5 -2
- package/src/dnd/createDrag.ts +224 -209
- package/src/dnd/createDraggableCollection.ts +96 -63
- package/src/dnd/createDraggableItem.ts +259 -243
- package/src/dnd/createDrop.ts +322 -321
- package/src/dnd/createDroppableCollection.ts +682 -293
- package/src/dnd/createDroppableItem.ts +215 -213
- package/src/dnd/index.ts +55 -47
- package/src/dnd/types.ts +89 -89
- package/src/dnd/utils.ts +294 -294
- package/src/focus/createAutoFocus.ts +321 -321
- package/src/focus/createFocusRestore.ts +313 -313
- package/src/focus/createVirtualFocus.ts +396 -396
- package/src/form/createFormValidation.ts +224 -224
- package/src/form/index.ts +11 -11
- package/src/grid/createGrid.ts +3 -1
- package/src/gridlist/createGridList.ts +16 -0
- package/src/gridlist/createGridListItem.ts +1 -1
- package/src/i18n/NumberFormatter.ts +266 -266
- package/src/i18n/createCollator.ts +79 -79
- package/src/i18n/createDateFormatter.ts +83 -83
- package/src/i18n/createFilter.ts +131 -131
- package/src/i18n/createNumberFormatter.ts +52 -52
- package/src/i18n/index.ts +40 -40
- package/src/i18n/locale.tsx +188 -188
- package/src/i18n/utils.ts +99 -99
- package/src/index.ts +51 -0
- package/src/interactions/createFocus.ts +6 -5
- package/src/interactions/createFocusWithin.ts +6 -5
- package/src/interactions/createLongPress.ts +174 -174
- package/src/interactions/createMove.ts +289 -289
- package/src/interactions/createPress.ts +5 -5
- package/src/landmark/createLandmark.ts +377 -377
- package/src/landmark/index.ts +8 -8
- package/src/link/createLink.ts +23 -8
- package/src/listbox/createListBox.ts +308 -269
- package/src/listbox/createOption.ts +162 -151
- package/src/listbox/index.ts +12 -12
- package/src/live-announcer/announce.ts +322 -322
- package/src/live-announcer/index.ts +9 -9
- package/src/menu/createMenu.ts +405 -396
- package/src/menu/createMenuItem.ts +149 -149
- package/src/menu/createMenuTrigger.ts +88 -88
- package/src/menu/index.ts +18 -18
- package/src/meter/createMeter.ts +1 -6
- package/src/numberfield/createNumberField.ts +311 -268
- package/src/numberfield/index.ts +5 -5
- package/src/overlays/ariaHideOutside.ts +219 -219
- package/src/overlays/createInteractOutside.ts +149 -149
- package/src/overlays/createModal.tsx +238 -202
- package/src/overlays/createOverlay.ts +165 -155
- package/src/overlays/createOverlayTrigger.ts +85 -85
- package/src/overlays/createPreventScroll.ts +266 -266
- package/src/overlays/index.ts +48 -44
- package/src/popover/calculatePosition.ts +6 -6
- package/src/popover/createOverlayPosition.ts +7 -4
- package/src/popover/createPopover.ts +21 -7
- package/src/progress/createProgressBar.ts +6 -1
- package/src/radio/createRadioGroup.ts +88 -14
- package/src/searchfield/createSearchField.ts +241 -186
- package/src/searchfield/index.ts +2 -2
- package/src/select/createHiddenSelect.tsx +263 -236
- package/src/select/createSelect.ts +373 -395
- package/src/select/index.ts +14 -14
- package/src/slider/createSlider.ts +364 -349
- package/src/slider/index.ts +2 -2
- package/src/ssr/index.tsx +370 -370
- package/src/table/createTable.ts +3 -1
- package/src/table/createTableColumnHeader.ts +1 -1
- package/src/table/createTableRow.ts +1 -1
- package/src/tabs/createTabs.ts +80 -51
- package/src/tag/createTag.ts +135 -6
- package/src/tag/createTagGroup.ts +7 -2
- package/src/toast/createToast.ts +8 -2
- package/src/toast/createToastRegion.ts +0 -1
- package/src/toolbar/createToolbar.ts +75 -1
- package/src/tooltip/createTooltip.ts +79 -79
- package/src/tooltip/createTooltipTrigger.ts +226 -222
- package/src/tooltip/index.ts +6 -6
- package/src/tree/createTree.ts +261 -246
- package/src/tree/createTreeItem.ts +282 -233
- package/src/tree/createTreeSelectionCheckbox.ts +68 -68
- package/src/tree/index.ts +16 -16
- package/src/tree/types.ts +91 -87
- package/src/utils/env.ts +55 -54
- package/src/utils/platform.ts +16 -6
- package/src/visually-hidden/createVisuallyHidden.ts +139 -124
- package/src/visually-hidden/index.ts +6 -6
package/src/dnd/types.ts
CHANGED
|
@@ -1,89 +1,89 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Drag and Drop ARIA types for solidaria.
|
|
3
|
-
*/
|
|
4
|
-
|
|
5
|
-
import type { JSX } from 'solid-js';
|
|
6
|
-
import type {
|
|
7
|
-
DragItem,
|
|
8
|
-
DragStartEvent,
|
|
9
|
-
DragMoveEvent,
|
|
10
|
-
DragEndEvent,
|
|
11
|
-
DropEnterEvent,
|
|
12
|
-
DropMoveEvent,
|
|
13
|
-
DropActivateEvent,
|
|
14
|
-
DropExitEvent,
|
|
15
|
-
DropEvent,
|
|
16
|
-
DropOperation,
|
|
17
|
-
DragTypes,
|
|
18
|
-
DragPreviewRenderer,
|
|
19
|
-
} from '@proyecto-viviana/solid-stately';
|
|
20
|
-
|
|
21
|
-
export interface AriaDragOptions {
|
|
22
|
-
/** A function that returns the items being dragged. */
|
|
23
|
-
getItems: () => DragItem[];
|
|
24
|
-
/** Function that returns the allowed drop operations. */
|
|
25
|
-
getAllowedDropOperations?: () => DropOperation[];
|
|
26
|
-
/** Handler that is called when a drag operation is started. */
|
|
27
|
-
onDragStart?: (e: DragStartEvent) => void;
|
|
28
|
-
/** Handler that is called when the drag is moved. */
|
|
29
|
-
onDragMove?: (e: DragMoveEvent) => void;
|
|
30
|
-
/** Handler that is called when the drag operation ends. */
|
|
31
|
-
onDragEnd?: (e: DragEndEvent) => void;
|
|
32
|
-
/** Whether there is a separate drag button affordance. */
|
|
33
|
-
hasDragButton?: boolean;
|
|
34
|
-
/** Whether the drag operation is disabled. */
|
|
35
|
-
isDisabled?: boolean;
|
|
36
|
-
/** Preview renderer function ref. */
|
|
37
|
-
preview?: { current: DragPreviewRenderer | null };
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
export interface DragAria {
|
|
41
|
-
/** Props for the draggable element. */
|
|
42
|
-
dragProps: JSX.HTMLAttributes<HTMLElement>;
|
|
43
|
-
/** Props for the explicit drag button affordance, if any. */
|
|
44
|
-
dragButtonProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
|
|
45
|
-
/** Whether the element is currently being dragged. */
|
|
46
|
-
isDragging: boolean;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
export interface AriaDropOptions {
|
|
50
|
-
/**
|
|
51
|
-
* A function returning the drop operation to be performed.
|
|
52
|
-
*/
|
|
53
|
-
getDropOperation?: (
|
|
54
|
-
types: DragTypes,
|
|
55
|
-
allowedOperations: DropOperation[]
|
|
56
|
-
) => DropOperation;
|
|
57
|
-
/**
|
|
58
|
-
* A function returning the drop operation for a specific point.
|
|
59
|
-
*/
|
|
60
|
-
getDropOperationForPoint?: (
|
|
61
|
-
types: DragTypes,
|
|
62
|
-
allowedOperations: DropOperation[],
|
|
63
|
-
x: number,
|
|
64
|
-
y: number
|
|
65
|
-
) => DropOperation;
|
|
66
|
-
/** Handler that is called when a valid drag enters the drop target. */
|
|
67
|
-
onDropEnter?: (e: DropEnterEvent) => void;
|
|
68
|
-
/** Handler that is called when a valid drag is moved within the drop target. */
|
|
69
|
-
onDropMove?: (e: DropMoveEvent) => void;
|
|
70
|
-
/** Handler that is called after a valid drag is held over the drop target. */
|
|
71
|
-
onDropActivate?: (e: DropActivateEvent) => void;
|
|
72
|
-
/** Handler that is called when a valid drag exits the drop target. */
|
|
73
|
-
onDropExit?: (e: DropExitEvent) => void;
|
|
74
|
-
/** Handler that is called when a valid drag is dropped on the drop target. */
|
|
75
|
-
onDrop?: (e: DropEvent) => void;
|
|
76
|
-
/** Whether there is a separate drop button affordance. */
|
|
77
|
-
hasDropButton?: boolean;
|
|
78
|
-
/** Whether the drop target is disabled. */
|
|
79
|
-
isDisabled?: boolean;
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
export interface DropAria {
|
|
83
|
-
/** Props for the droppable element. */
|
|
84
|
-
dropProps: JSX.HTMLAttributes<HTMLElement>;
|
|
85
|
-
/** Whether the drop target is currently being hovered or focused. */
|
|
86
|
-
isDropTarget: boolean;
|
|
87
|
-
/** Props for the explicit drop button affordance, if any. */
|
|
88
|
-
dropButtonProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
|
|
89
|
-
}
|
|
1
|
+
/**
|
|
2
|
+
* Drag and Drop ARIA types for solidaria.
|
|
3
|
+
*/
|
|
4
|
+
|
|
5
|
+
import type { JSX } from 'solid-js';
|
|
6
|
+
import type {
|
|
7
|
+
DragItem,
|
|
8
|
+
DragStartEvent,
|
|
9
|
+
DragMoveEvent,
|
|
10
|
+
DragEndEvent,
|
|
11
|
+
DropEnterEvent,
|
|
12
|
+
DropMoveEvent,
|
|
13
|
+
DropActivateEvent,
|
|
14
|
+
DropExitEvent,
|
|
15
|
+
DropEvent,
|
|
16
|
+
DropOperation,
|
|
17
|
+
DragTypes,
|
|
18
|
+
DragPreviewRenderer,
|
|
19
|
+
} from '@proyecto-viviana/solid-stately';
|
|
20
|
+
|
|
21
|
+
export interface AriaDragOptions {
|
|
22
|
+
/** A function that returns the items being dragged. */
|
|
23
|
+
getItems: () => DragItem[];
|
|
24
|
+
/** Function that returns the allowed drop operations. */
|
|
25
|
+
getAllowedDropOperations?: () => DropOperation[];
|
|
26
|
+
/** Handler that is called when a drag operation is started. */
|
|
27
|
+
onDragStart?: (e: DragStartEvent) => void;
|
|
28
|
+
/** Handler that is called when the drag is moved. */
|
|
29
|
+
onDragMove?: (e: DragMoveEvent) => void;
|
|
30
|
+
/** Handler that is called when the drag operation ends. */
|
|
31
|
+
onDragEnd?: (e: DragEndEvent) => void;
|
|
32
|
+
/** Whether there is a separate drag button affordance. */
|
|
33
|
+
hasDragButton?: boolean;
|
|
34
|
+
/** Whether the drag operation is disabled. */
|
|
35
|
+
isDisabled?: boolean;
|
|
36
|
+
/** Preview renderer function ref. */
|
|
37
|
+
preview?: { current: DragPreviewRenderer | null };
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
export interface DragAria {
|
|
41
|
+
/** Props for the draggable element. */
|
|
42
|
+
dragProps: JSX.HTMLAttributes<HTMLElement>;
|
|
43
|
+
/** Props for the explicit drag button affordance, if any. */
|
|
44
|
+
dragButtonProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
|
|
45
|
+
/** Whether the element is currently being dragged. */
|
|
46
|
+
isDragging: boolean;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
export interface AriaDropOptions {
|
|
50
|
+
/**
|
|
51
|
+
* A function returning the drop operation to be performed.
|
|
52
|
+
*/
|
|
53
|
+
getDropOperation?: (
|
|
54
|
+
types: DragTypes,
|
|
55
|
+
allowedOperations: DropOperation[]
|
|
56
|
+
) => DropOperation;
|
|
57
|
+
/**
|
|
58
|
+
* A function returning the drop operation for a specific point.
|
|
59
|
+
*/
|
|
60
|
+
getDropOperationForPoint?: (
|
|
61
|
+
types: DragTypes,
|
|
62
|
+
allowedOperations: DropOperation[],
|
|
63
|
+
x: number,
|
|
64
|
+
y: number
|
|
65
|
+
) => DropOperation;
|
|
66
|
+
/** Handler that is called when a valid drag enters the drop target. */
|
|
67
|
+
onDropEnter?: (e: DropEnterEvent) => void;
|
|
68
|
+
/** Handler that is called when a valid drag is moved within the drop target. */
|
|
69
|
+
onDropMove?: (e: DropMoveEvent) => void;
|
|
70
|
+
/** Handler that is called after a valid drag is held over the drop target. */
|
|
71
|
+
onDropActivate?: (e: DropActivateEvent) => void;
|
|
72
|
+
/** Handler that is called when a valid drag exits the drop target. */
|
|
73
|
+
onDropExit?: (e: DropExitEvent) => void;
|
|
74
|
+
/** Handler that is called when a valid drag is dropped on the drop target. */
|
|
75
|
+
onDrop?: (e: DropEvent) => void;
|
|
76
|
+
/** Whether there is a separate drop button affordance. */
|
|
77
|
+
hasDropButton?: boolean;
|
|
78
|
+
/** Whether the drop target is disabled. */
|
|
79
|
+
isDisabled?: boolean;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
export interface DropAria {
|
|
83
|
+
/** Props for the droppable element. */
|
|
84
|
+
dropProps: JSX.HTMLAttributes<HTMLElement>;
|
|
85
|
+
/** Whether the drop target is currently being hovered or focused. */
|
|
86
|
+
isDropTarget: boolean;
|
|
87
|
+
/** Props for the explicit drop button affordance, if any. */
|
|
88
|
+
dropButtonProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
|
|
89
|
+
}
|