@aracna/react 1.0.9 → 1.0.11
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/definitions/enums.d.ts +5 -0
- package/definitions/enums.js +1 -0
- package/definitions/props.d.ts +132 -132
- package/definitions/props.js +0 -0
- package/definitions/types.d.ts +5 -5
- package/definitions/types.js +0 -0
- package/functions/create.base.element.component.js +1 -1
- package/functions/create.element.component.js +1 -1
- package/functions/create.floating.element.component.js +1 -1
- package/functions/create.focus.trap.element.component.js +1 -1
- package/functions/create.form.field.element.component.js +1 -1
- package/functions/forward.ref.d.ts +4 -4
- package/functions/forward.ref.js +1 -1
- package/hooks/use.aracna.element.js +1 -1
- package/hooks/use.dispatch.d.ts +23 -0
- package/hooks/use.dispatch.js +1 -0
- package/hooks/use.event.listener.js +1 -1
- package/hooks/use.life.cycle.d.ts +32 -0
- package/hooks/use.life.cycle.js +1 -0
- package/hooks/use.safe.ref.js +1 -1
- package/hooks/use.window.event.listener.js +1 -1
- package/index.cjs.js +1 -0
- package/index.d.ts +61 -0
- package/index.iife.js +14 -0
- package/index.js +1 -1
- package/package.json +30 -28
- package/declarations/definitions/props.d.ts +0 -211
- package/declarations/definitions/types.d.ts +0 -9
- package/declarations/functions/create.base.element.component.d.ts +0 -6
- package/declarations/functions/create.element.component.d.ts +0 -5
- package/declarations/functions/create.floating.element.component.d.ts +0 -6
- package/declarations/functions/create.focus.trap.element.component.d.ts +0 -6
- package/declarations/functions/create.form.field.element.component.d.ts +0 -6
- package/declarations/functions/forward.ref.d.ts +0 -8
- package/declarations/hooks/use.aracna.element.d.ts +0 -19
- package/declarations/hooks/use.event.listener.d.ts +0 -4
- package/declarations/hooks/use.safe.ref.d.ts +0 -3
- package/declarations/hooks/use.window.event.listener.d.ts +0 -2
- package/declarations/index.d.ts +0 -12
- package/index.cjs +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var T=(N=>(N.CONSTRUCTED="CONSTRUCTED",N.MOUNTED="MOUNTED",N.UNMOUNTED="UNMOUNTED",N))(T||{});export{T as ComponentLifeCycle};
|
package/definitions/props.d.ts
CHANGED
|
@@ -56,156 +56,156 @@ import type { ElementComponentProps } from './types';
|
|
|
56
56
|
* ARIA Props
|
|
57
57
|
*/
|
|
58
58
|
/** */
|
|
59
|
-
export
|
|
60
|
-
export
|
|
61
|
-
export
|
|
62
|
-
export
|
|
63
|
-
export
|
|
64
|
-
export
|
|
65
|
-
export
|
|
66
|
-
export
|
|
67
|
-
export
|
|
68
|
-
export
|
|
69
|
-
export
|
|
70
|
-
export
|
|
71
|
-
export
|
|
72
|
-
export
|
|
73
|
-
export
|
|
74
|
-
export
|
|
75
|
-
export
|
|
76
|
-
export
|
|
77
|
-
export
|
|
78
|
-
export
|
|
79
|
-
export
|
|
80
|
-
export
|
|
81
|
-
export
|
|
82
|
-
export
|
|
83
|
-
export
|
|
84
|
-
export
|
|
85
|
-
export
|
|
86
|
-
export
|
|
87
|
-
export
|
|
88
|
-
export
|
|
89
|
-
export
|
|
90
|
-
export
|
|
91
|
-
export
|
|
92
|
-
export
|
|
93
|
-
export
|
|
94
|
-
export
|
|
95
|
-
export
|
|
96
|
-
export
|
|
97
|
-
export
|
|
98
|
-
export
|
|
99
|
-
export
|
|
100
|
-
export
|
|
101
|
-
export
|
|
102
|
-
export
|
|
103
|
-
export
|
|
104
|
-
export
|
|
105
|
-
export
|
|
106
|
-
export
|
|
107
|
-
export
|
|
108
|
-
export
|
|
109
|
-
export
|
|
110
|
-
export
|
|
111
|
-
export
|
|
112
|
-
export
|
|
113
|
-
export
|
|
114
|
-
export
|
|
115
|
-
export
|
|
116
|
-
export
|
|
117
|
-
export
|
|
59
|
+
export type AriaAccordionProps = ElementComponentProps<AriaAccordionElement, AriaAccordionElementAttributes, AriaAccordionElementEventMap>;
|
|
60
|
+
export type AriaAccordionButtonProps = ElementComponentProps<AriaAccordionButtonElement, AriaAccordionButtonElementAttributes, AriaAccordionButtonElementEventMap>;
|
|
61
|
+
export type AriaAccordionHeaderProps = ElementComponentProps<AriaAccordionHeaderElement, AriaAccordionHeaderElementAttributes, AriaAccordionHeaderElementEventMap>;
|
|
62
|
+
export type AriaAccordionPanelProps = ElementComponentProps<AriaAccordionPanelElement, AriaAccordionPanelElementAttributes, AriaAccordionPanelElementEventMap>;
|
|
63
|
+
export type AriaAccordionSectionProps = ElementComponentProps<AriaAccordionSectionElement, AriaAccordionSectionElementAttributes, AriaAccordionSectionElementEventMap>;
|
|
64
|
+
export type AriaAlertProps = ElementComponentProps<AriaAlertElement, AriaAlertElementAttributes, AriaAlertElementEventMap>;
|
|
65
|
+
export type AriaAlertDialogProps = ElementComponentProps<AriaAlertDialogElement, AriaAlertDialogElementAttributes, AriaAlertDialogElementEventMap>;
|
|
66
|
+
export type AriaAlertDialogDescriptionProps = ElementComponentProps<AriaAlertDialogDescriptionElement, AriaAlertDialogDescriptionElementAttributes, AriaAlertDialogDescriptionElementEventMap>;
|
|
67
|
+
export type AriaAlertDialogLabelProps = ElementComponentProps<AriaAlertDialogLabelElement, AriaAlertDialogLabelElementAttributes, AriaAlertDialogLabelElementEventMap>;
|
|
68
|
+
export type AriaBreadcrumbProps = ElementComponentProps<AriaBreadcrumbElement, AriaBreadcrumbElementAttributes, AriaBreadcrumbElementEventMap>;
|
|
69
|
+
export type AriaBreadcrumbListProps = ElementComponentProps<AriaBreadcrumbListElement, AriaBreadcrumbListElementAttributes, AriaBreadcrumbListElementEventMap>;
|
|
70
|
+
export type AriaBreadcrumbItemProps = ElementComponentProps<AriaBreadcrumbItemElement, AriaBreadcrumbItemElementAttributes, AriaBreadcrumbItemElementEventMap>;
|
|
71
|
+
export type AriaButtonProps = ElementComponentProps<AriaButtonElement, AriaButtonElementAttributes, AriaButtonElementEventMap>;
|
|
72
|
+
export type AriaCarouselProps = ElementComponentProps<AriaCarouselElement, AriaCarouselElementAttributes, AriaCarouselElementEventMap>;
|
|
73
|
+
export type AriaCarouselNextSlideControlProps = ElementComponentProps<AriaCarouselNextSlideControlElement, AriaCarouselNextSlideControlElementAttributes, AriaCarouselNextSlideControlElementEventMap>;
|
|
74
|
+
export type AriaCarouselPreviousSlideControlProps = ElementComponentProps<AriaCarouselPreviousSlideControlElement, AriaCarouselPreviousSlideControlElementAttributes, AriaCarouselPreviousSlideControlElementEventMap>;
|
|
75
|
+
export type AriaCarouselRotationControlProps = ElementComponentProps<AriaCarouselRotationControlElement, AriaCarouselRotationControlElementAttributes, AriaCarouselRotationControlElementEventMap>;
|
|
76
|
+
export type AriaCarouselSlideProps = ElementComponentProps<AriaCarouselSlideElement, AriaCarouselSlideElementAttributes, AriaCarouselSlideElementEventMap>;
|
|
77
|
+
export type AriaCarouselSlidesProps = ElementComponentProps<AriaCarouselSlidesElement, AriaCarouselSlidesElementAttributes, AriaCarouselSlidesElementEventMap>;
|
|
78
|
+
export type AriaCarouselTabProps = ElementComponentProps<AriaCarouselTabElement, AriaCarouselTabElementAttributes, AriaCarouselTabElementEventMap>;
|
|
79
|
+
export type AriaCarouselTabsProps = ElementComponentProps<AriaCarouselTabsElement, AriaCarouselTabsElementAttributes, AriaCarouselTabsElementEventMap>;
|
|
80
|
+
export type AriaCheckBoxProps = ElementComponentProps<AriaCheckBoxElement, AriaCheckBoxElementAttributes, AriaCheckBoxElementEventMap>;
|
|
81
|
+
export type AriaComboBoxProps = ElementComponentProps<AriaComboBoxElement, AriaComboBoxElementAttributes<AriaComboBoxOptionElement>, AriaComboBoxElementEventMap>;
|
|
82
|
+
export type AriaComboBoxButtonProps = ElementComponentProps<AriaComboBoxButtonElement, AriaComboBoxButtonElementAttributes, AriaComboBoxButtonElementEventMap>;
|
|
83
|
+
export type AriaComboBoxGroupProps = ElementComponentProps<AriaComboBoxGroupElement, AriaComboBoxGroupElementAttributes, AriaComboBoxGroupElementEventMap>;
|
|
84
|
+
export type AriaComboBoxInputProps = ElementComponentProps<AriaComboBoxInputElement, AriaComboBoxInputElementAttributes, AriaComboBoxInputElementEventMap>;
|
|
85
|
+
export type AriaComboBoxListProps = ElementComponentProps<AriaComboBoxListElement, AriaComboBoxListElementAttributes, AriaComboBoxListElementEventMap>;
|
|
86
|
+
export type AriaComboBoxOptionProps = ElementComponentProps<AriaComboBoxOptionElement, AriaComboBoxOptionElementAttributes, AriaComboBoxOptionElementEventMap>;
|
|
87
|
+
export type AriaDialogProps = ElementComponentProps<AriaDialogElement, AriaDialogElementAttributes, AriaDialogElementEventMap>;
|
|
88
|
+
export type AriaDialogDescriptionProps = ElementComponentProps<AriaDialogDescriptionElement, AriaDialogDescriptionElementAttributes, AriaDialogDescriptionElementEventMap>;
|
|
89
|
+
export type AriaDialogLabelProps = ElementComponentProps<AriaDialogLabelElement, AriaDialogLabelElementAttributes, AriaDialogLabelElementEventMap>;
|
|
90
|
+
export type AriaDisclosureProps = ElementComponentProps<AriaDisclosureElement, AriaDisclosureElementAttributes, AriaDisclosureElementEventMap>;
|
|
91
|
+
export type AriaDisclosureButtonProps = ElementComponentProps<AriaDisclosureButtonElement, AriaDisclosureButtonElementAttributes, AriaDisclosureButtonElementEventMap>;
|
|
92
|
+
export type AriaDisclosurePanelProps = ElementComponentProps<AriaDisclosurePanelElement, AriaDisclosurePanelElementAttributes, AriaDisclosurePanelElementEventMap>;
|
|
93
|
+
export type AriaDisclosureSectionProps = ElementComponentProps<AriaDisclosureSectionElement, AriaDisclosureSectionElementAttributes, AriaDisclosureSectionElementEventMap>;
|
|
94
|
+
export type AriaFeedProps = ElementComponentProps<AriaFeedElement, AriaFeedElementAttributes, AriaFeedElementEventMap>;
|
|
95
|
+
export type AriaFeedArticleProps = ElementComponentProps<AriaFeedArticleElement, AriaFeedArticleElementAttributes, AriaFeedArticleElementEventMap>;
|
|
96
|
+
export type AriaFeedArticleDescriptionProps = ElementComponentProps<AriaFeedArticleDescriptionElement, AriaFeedArticleDescriptionElementAttributes, AriaFeedArticleDescriptionElementEventMap>;
|
|
97
|
+
export type AriaFeedArticleLabelProps = ElementComponentProps<AriaFeedArticleLabelElement, AriaFeedArticleLabelElementAttributes, AriaFeedArticleLabelElementEventMap>;
|
|
98
|
+
export type AriaLinkProps = ElementComponentProps<AriaLinkElement, AriaLinkElementAttributes, AriaLinkElementEventMap>;
|
|
99
|
+
export type AriaListBoxProps = ElementComponentProps<AriaListBoxElement, AriaListBoxElementAttributes<AriaListBoxOptionElement>, AriaListBoxElementEventMap>;
|
|
100
|
+
export type AriaListBoxOptionProps = ElementComponentProps<AriaListBoxOptionElement, AriaListBoxOptionElementAttributes, AriaListBoxOptionElementEventMap>;
|
|
101
|
+
export type AriaMenuProps = ElementComponentProps<AriaMenuElement, AriaMenuElementAttributes<AriaMenuItemElement>, AriaMenuElementEventMap>;
|
|
102
|
+
export type AriaMenuButtonProps = ElementComponentProps<AriaMenuButtonElement, AriaMenuButtonElementAttributes, AriaMenuButtonElementEventMap>;
|
|
103
|
+
export type AriaMenuItemProps = ElementComponentProps<AriaMenuItemElement, AriaMenuItemElementAttributes, AriaMenuItemElementEventMap>;
|
|
104
|
+
export type AriaMenuSubMenuProps = ElementComponentProps<AriaMenuSubMenuElement, AriaMenuSubMenuElementAttributes, AriaMenuSubMenuElementEventMap>;
|
|
105
|
+
export type AriaMeterProps = ElementComponentProps<AriaMeterElement, AriaMeterElementAttributes, AriaMeterElementEventMap>;
|
|
106
|
+
export type AriaRadioButtonProps = ElementComponentProps<AriaRadioButtonElement, AriaRadioButtonElementAttributes, AriaRadioButtonElementEventMap>;
|
|
107
|
+
export type AriaRadioGroupProps = ElementComponentProps<AriaRadioGroupElement, AriaRadioGroupElementAttributes, AriaRadioGroupElementEventMap>;
|
|
108
|
+
export type AriaSliderProps = ElementComponentProps<AriaSliderElement, AriaSliderElementAttributes, AriaSliderElementEventMap>;
|
|
109
|
+
export type AriaSliderThumbProps = ElementComponentProps<AriaSliderThumbElement, AriaSliderThumbElementAttributes, AriaSliderThumbElementEventMap>;
|
|
110
|
+
export type AriaSwitchProps = ElementComponentProps<AriaSwitchElement, AriaSwitchElementAttributes, AriaSwitchElementEventMap>;
|
|
111
|
+
export type AriaTabsProps = ElementComponentProps<AriaTabsElement, AriaTabsElementAttributes, AriaTabsElementEventMap>;
|
|
112
|
+
export type AriaTabsPanelProps = ElementComponentProps<AriaTabsPanelElement, AriaTabsPanelElementAttributes, AriaTabsPanelElementEventMap>;
|
|
113
|
+
export type AriaTabsTabProps = ElementComponentProps<AriaTabsTabElement, AriaTabsTabElementAttributes, AriaTabsTabElementEventMap>;
|
|
114
|
+
export type AriaTooltipProps = ElementComponentProps<AriaTooltipElement, AriaTooltipElementAttributes, AriaTooltipElementEventMap>;
|
|
115
|
+
export type AriaTooltipArrowProps = ElementComponentProps<AriaTooltipArrowElement, AriaTooltipArrowElementAttributes, AriaTooltipArrowElementEventMap>;
|
|
116
|
+
export type AriaTooltipContentProps = ElementComponentProps<AriaTooltipContentElement, AriaTooltipContentElementAttributes, AriaTooltipContentElementEventMap>;
|
|
117
|
+
export type AriaTooltipTriggerProps = ElementComponentProps<AriaTooltipTriggerElement, AriaTooltipTriggerElementAttributes, AriaTooltipTriggerElementEventMap>;
|
|
118
118
|
/**
|
|
119
119
|
* Data Props
|
|
120
120
|
*/
|
|
121
121
|
/** */
|
|
122
|
-
export
|
|
123
|
-
export
|
|
124
|
-
export
|
|
125
|
-
export
|
|
126
|
-
export
|
|
127
|
-
export
|
|
128
|
-
export
|
|
129
|
-
export
|
|
130
|
-
export
|
|
131
|
-
export
|
|
132
|
-
export
|
|
133
|
-
export
|
|
134
|
-
export
|
|
135
|
-
export
|
|
136
|
-
export
|
|
137
|
-
export
|
|
138
|
-
export
|
|
139
|
-
export
|
|
140
|
-
export
|
|
141
|
-
export
|
|
142
|
-
export
|
|
143
|
-
export
|
|
144
|
-
export
|
|
122
|
+
export type AvatarProps = ElementComponentProps<AvatarElement, AvatarElementAttributes, AvatarElementEventMap>;
|
|
123
|
+
export type BadgeProps = ElementComponentProps<BadgeElement, BadgeElementAttributes, BadgeElementEventMap>;
|
|
124
|
+
export type CarouselProps = ElementComponentProps<CarouselElement, CarouselElementAttributes, CarouselElementEventMap>;
|
|
125
|
+
export type CarouselNextSlideControlProps = ElementComponentProps<CarouselNextSlideControlElement, CarouselNextSlideControlElementAttributes, CarouselNextSlideControlElementEventMap>;
|
|
126
|
+
export type CarouselPreviousSlideControlProps = ElementComponentProps<CarouselPreviousSlideControlElement, CarouselPreviousSlideControlElementAttributes, CarouselPreviousSlideControlElementEventMap>;
|
|
127
|
+
export type CarouselRotationControlProps = ElementComponentProps<CarouselRotationControlElement, CarouselRotationControlElementAttributes, CarouselRotationControlElementEventMap>;
|
|
128
|
+
export type CarouselSlideProps = ElementComponentProps<CarouselSlideElement, CarouselSlideElementAttributes, CarouselSlideElementEventMap>;
|
|
129
|
+
export type CarouselSlidesProps = ElementComponentProps<CarouselSlidesElement, CarouselSlidesElementAttributes, CarouselSlidesElementEventMap>;
|
|
130
|
+
export type CarouselTabProps = ElementComponentProps<CarouselTabElement, CarouselTabElementAttributes, CarouselTabElementEventMap>;
|
|
131
|
+
export type CarouselTabsProps = ElementComponentProps<CarouselTabsElement, CarouselTabsElementAttributes, CarouselTabsElementEventMap>;
|
|
132
|
+
export type ChipProps = ElementComponentProps<ChipElement, ChipElementAttributes, ChipElementEventMap>;
|
|
133
|
+
export type FeedProps = ElementComponentProps<FeedElement, FeedElementAttributes, FeedElementEventMap>;
|
|
134
|
+
export type FeedArticleProps = ElementComponentProps<FeedArticleElement, FeedArticleElementAttributes, FeedArticleElementEventMap>;
|
|
135
|
+
export type FeedArticleDescriptionProps = ElementComponentProps<FeedArticleDescriptionElement, FeedArticleDescriptionElementAttributes, FeedArticleDescriptionElementEventMap>;
|
|
136
|
+
export type FeedArticleLabelProps = ElementComponentProps<FeedArticleLabelElement, FeedArticleLabelElementAttributes, FeedArticleLabelElementEventMap>;
|
|
137
|
+
export type IconProps = ElementComponentProps<IconElement, IconElementAttributes, IconElementEventMap>;
|
|
138
|
+
export type ImageProps = ElementComponentProps<ImageElement, ImageElementAttributes, ImageElementEventMap>;
|
|
139
|
+
export type ListProps = ElementComponentProps<ListElement, ListElementAttributes, ListElementEventMap>;
|
|
140
|
+
export type ListItemProps = ElementComponentProps<ListItemElement, ListItemElementAttributes, ListItemElementEventMap>;
|
|
141
|
+
export type TooltipProps = ElementComponentProps<TooltipElement, TooltipElementAttributes, TooltipElementEventMap>;
|
|
142
|
+
export type TooltipArrowProps = ElementComponentProps<TooltipArrowElement, TooltipArrowElementAttributes, TooltipArrowElementEventMap>;
|
|
143
|
+
export type TooltipContentProps = ElementComponentProps<TooltipContentElement, TooltipContentElementAttributes, TooltipContentElementEventMap>;
|
|
144
|
+
export type TooltipTriggerProps = ElementComponentProps<TooltipTriggerElement, TooltipTriggerElementAttributes, TooltipTriggerElementEventMap>;
|
|
145
145
|
/**
|
|
146
146
|
* Feedback Props
|
|
147
147
|
*/
|
|
148
148
|
/** */
|
|
149
|
-
export
|
|
150
|
-
export
|
|
151
|
-
export
|
|
152
|
-
export
|
|
153
|
-
export
|
|
154
|
-
export
|
|
155
|
-
export
|
|
156
|
-
export
|
|
149
|
+
export type AlertProps = ElementComponentProps<AlertElement, AlertElementAttributes, AlertElementEventMap>;
|
|
150
|
+
export type AlertDialogProps = ElementComponentProps<AlertDialogElement, AlertDialogElementAttributes, AlertDialogElementEventMap>;
|
|
151
|
+
export type AlertDialogDescriptionProps = ElementComponentProps<AlertDialogDescriptionElement, AlertDialogDescriptionElementAttributes, AlertDialogDescriptionElementEventMap>;
|
|
152
|
+
export type AlertDialogLabelProps = ElementComponentProps<AlertDialogLabelElement, AlertDialogLabelElementAttributes, AlertDialogLabelElementEventMap>;
|
|
153
|
+
export type DialogProps = ElementComponentProps<DialogElement, DialogElementAttributes, DialogElementEventMap>;
|
|
154
|
+
export type DialogDescriptionProps = ElementComponentProps<DialogDescriptionElement, DialogDescriptionElementAttributes, DialogDescriptionElementEventMap>;
|
|
155
|
+
export type DialogLabelProps = ElementComponentProps<DialogLabelElement, DialogLabelElementAttributes, DialogLabelElementEventMap>;
|
|
156
|
+
export type MeterProps = ElementComponentProps<MeterElement, MeterElementAttributes, MeterElementEventMap>;
|
|
157
157
|
/**
|
|
158
158
|
* Input Props
|
|
159
159
|
*/
|
|
160
160
|
/** */
|
|
161
|
-
export
|
|
162
|
-
export
|
|
163
|
-
export
|
|
164
|
-
export
|
|
165
|
-
export
|
|
166
|
-
export
|
|
167
|
-
export
|
|
168
|
-
export
|
|
169
|
-
export
|
|
170
|
-
export
|
|
171
|
-
export
|
|
172
|
-
export
|
|
173
|
-
export
|
|
174
|
-
export
|
|
175
|
-
export
|
|
176
|
-
export
|
|
177
|
-
export
|
|
178
|
-
export
|
|
161
|
+
export type ButtonProps = ElementComponentProps<ButtonElement, ButtonElementAttributes, ButtonElementEventMap>;
|
|
162
|
+
export type ButtonGroupProps = ElementComponentProps<ButtonGroupElement, ButtonGroupElementAttributes, ButtonGroupElementEventMap>;
|
|
163
|
+
export type CheckBoxProps = ElementComponentProps<CheckBoxElement, CheckBoxElementAttributes, CheckBoxElementEventMap>;
|
|
164
|
+
export type FormProps = ElementComponentProps<FormElement, FormElementAttributes, FormElementEventMap>;
|
|
165
|
+
export type InputProps = ElementComponentProps<InputElement, InputElementAttributes, InputElementEventMap>;
|
|
166
|
+
export type InputFileProps = ElementComponentProps<InputFileElement, InputFileElementAttributes, InputFileElementEventMap>;
|
|
167
|
+
export type RadioButtonProps = ElementComponentProps<RadioButtonElement, RadioButtonElementAttributes, RadioButtonElementEventMap>;
|
|
168
|
+
export type RadioGroupProps = ElementComponentProps<RadioGroupElement, RadioGroupElementAttributes, RadioGroupElementEventMap>;
|
|
169
|
+
export type SelectProps = ElementComponentProps<SelectElement, SelectElementAttributes<SelectOptionElement>, SelectElementEventMap>;
|
|
170
|
+
export type SelectButtonProps = ElementComponentProps<SelectButtonElement, SelectButtonElementAttributes, SelectButtonElementEventMap>;
|
|
171
|
+
export type SelectGroupProps = ElementComponentProps<SelectGroupElement, SelectGroupElementAttributes, SelectGroupElementEventMap>;
|
|
172
|
+
export type SelectInputProps = ElementComponentProps<SelectInputElement, SelectInputElementAttributes, SelectInputElementEventMap>;
|
|
173
|
+
export type SelectListProps = ElementComponentProps<SelectListElement, SelectListElementAttributes, SelectListElementEventMap>;
|
|
174
|
+
export type SelectOptionProps = ElementComponentProps<SelectOptionElement, SelectOptionElementAttributes, SelectOptionElementEventMap>;
|
|
175
|
+
export type SliderProps = ElementComponentProps<SliderElement, SliderElementAttributes, SliderElementEventMap>;
|
|
176
|
+
export type SliderThumbProps = ElementComponentProps<SliderThumbElement, SliderThumbElementAttributes, SliderThumbElementEventMap>;
|
|
177
|
+
export type SwitchProps = ElementComponentProps<SwitchElement, SwitchElementAttributes, SwitchElementEventMap>;
|
|
178
|
+
export type TextAreaProps = ElementComponentProps<TextAreaElement, TextAreaElementAttributes, TextAreaElementEventMap>;
|
|
179
179
|
/**
|
|
180
180
|
* Layout Props
|
|
181
181
|
*/
|
|
182
|
-
export
|
|
182
|
+
export type DividerProps = ElementComponentProps<DividerElement, DividerElementAttributes, DividerElementEventMap>;
|
|
183
183
|
/**
|
|
184
184
|
* Navigation Props
|
|
185
185
|
*/
|
|
186
|
-
export
|
|
187
|
-
export
|
|
188
|
-
export
|
|
189
|
-
export
|
|
190
|
-
export
|
|
191
|
-
export
|
|
192
|
-
export
|
|
193
|
-
export
|
|
194
|
-
export
|
|
195
|
-
export
|
|
196
|
-
export
|
|
197
|
-
export
|
|
198
|
-
export
|
|
199
|
-
export
|
|
186
|
+
export type BreadcrumbProps = ElementComponentProps<BreadcrumbElement, BreadcrumbElementAttributes, BreadcrumbElementEventMap>;
|
|
187
|
+
export type BreadcrumbListProps = ElementComponentProps<BreadcrumbListElement, BreadcrumbListElementAttributes, BreadcrumbListElementEventMap>;
|
|
188
|
+
export type BreadcrumbItemProps = ElementComponentProps<BreadcrumbItemElement, BreadcrumbItemElementAttributes, BreadcrumbItemElementEventMap>;
|
|
189
|
+
export type MenuProps = ElementComponentProps<MenuElement, MenuElementAttributes<MenuItemElement>, MenuElementEventMap>;
|
|
190
|
+
export type MenuButtonProps = ElementComponentProps<MenuButtonElement, MenuButtonElementAttributes, MenuButtonElementEventMap>;
|
|
191
|
+
export type MenuItemProps = ElementComponentProps<MenuItemElement, MenuItemElementAttributes, MenuItemElementEventMap>;
|
|
192
|
+
export type MenuSubMenuProps = ElementComponentProps<MenuSubMenuElement, MenuSubMenuElementAttributes, MenuSubMenuElementEventMap>;
|
|
193
|
+
export type NavigationBarProps = ElementComponentProps<NavigationBarElement, NavigationBarElementAttributes, NavigationBarElementEventMap>;
|
|
194
|
+
export type NavigationBarItemProps = ElementComponentProps<NavigationBarItemElement, NavigationBarItemElementAttributes, NavigationBarItemElementEventMap>;
|
|
195
|
+
export type NavigationRailProps = ElementComponentProps<NavigationRailElement, NavigationRailElementAttributes, NavigationRailElementEventMap>;
|
|
196
|
+
export type NavigationRailItemProps = ElementComponentProps<NavigationRailItemElement, NavigationRailItemElementAttributes, NavigationRailItemElementEventMap>;
|
|
197
|
+
export type TabsProps = ElementComponentProps<TabsElement, TabsElementAttributes, TabsElementEventMap>;
|
|
198
|
+
export type TabsPanelProps = ElementComponentProps<TabsPanelElement, TabsPanelElementAttributes, TabsPanelElementEventMap>;
|
|
199
|
+
export type TabsTabProps = ElementComponentProps<TabsTabElement, TabsTabElementAttributes, TabsTabElementEventMap>;
|
|
200
200
|
/**
|
|
201
201
|
* Surface Props
|
|
202
202
|
*/
|
|
203
|
-
export
|
|
204
|
-
export
|
|
205
|
-
export
|
|
206
|
-
export
|
|
207
|
-
export
|
|
208
|
-
export
|
|
209
|
-
export
|
|
210
|
-
export
|
|
211
|
-
export
|
|
203
|
+
export type AccordionProps = ElementComponentProps<AccordionElement, AccordionElementAttributes, AccordionElementEventMap>;
|
|
204
|
+
export type AccordionButtonProps = ElementComponentProps<AccordionButtonElement, AccordionButtonElementAttributes, AccordionButtonElementEventMap>;
|
|
205
|
+
export type AccordionHeaderProps = ElementComponentProps<AccordionHeaderElement, AccordionHeaderElementAttributes, AccordionHeaderElementEventMap>;
|
|
206
|
+
export type AccordionPanelProps = ElementComponentProps<AccordionPanelElement, AccordionPanelElementAttributes, AccordionPanelElementEventMap>;
|
|
207
|
+
export type AccordionSectionProps = ElementComponentProps<AccordionSectionElement, AccordionSectionElementAttributes, AccordionSectionElementEventMap>;
|
|
208
|
+
export type DisclosureProps = ElementComponentProps<DisclosureElement, DisclosureElementAttributes, DisclosureElementEventMap>;
|
|
209
|
+
export type DisclosureButtonProps = ElementComponentProps<DisclosureButtonElement, DisclosureButtonElementAttributes, DisclosureButtonElementEventMap>;
|
|
210
|
+
export type DisclosurePanelProps = ElementComponentProps<DisclosurePanelElement, DisclosurePanelElementAttributes, DisclosurePanelElementEventMap>;
|
|
211
|
+
export type DisclosureSectionProps = ElementComponentProps<DisclosureSectionElement, DisclosureSectionElementAttributes, DisclosureSectionElementEventMap>;
|
|
File without changes
|
package/definitions/types.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { PascalCase } from '@aracna/core';
|
|
2
2
|
import type { DOMElement, ForwardedRef, HTMLAttributes, RefAttributes } from 'react';
|
|
3
|
-
export
|
|
4
|
-
export
|
|
5
|
-
export
|
|
6
|
-
export
|
|
7
|
-
export
|
|
3
|
+
export type ElementComponent<Element extends HTMLElement, Props extends HTMLAttributes<Element> = {}> = (props: Props, ref: ForwardedRef<Element>) => DOMElement<Props, Element>;
|
|
4
|
+
export type ElementComponentAttributes = Record<PropertyKey, any>;
|
|
5
|
+
export type ElementComponentEvents = Record<PropertyKey, any>;
|
|
6
|
+
export type ElementComponentProps<Element extends HTMLElement, Attributes extends ElementComponentAttributes = ElementComponentAttributes, Events extends ElementComponentEvents = ElementComponentEvents> = HTMLAttributes<Element> & RefAttributes<Element> & MapComponentAttributes<Attributes | Events>;
|
|
7
|
+
export type MapComponentAttributes<T extends ElementComponentAttributes> = {
|
|
8
8
|
[key in keyof T as key extends string ? (T[key] extends Event ? `on${PascalCase<key>}` : key) : key]?: T[key] extends Event ? (event: T[key]) => any : T[key];
|
|
9
9
|
};
|
|
File without changes
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{createElementComponent as
|
|
1
|
+
import{createElementComponent as m}from"./create.element.component";function f(e,t,n=[]){return m(e,t,["attribute-change","state-change",...n])}export{f as createBaseElementComponent};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{getObjectProperty as c,getPascalCaseString as u,setObjectProperty as d}from"@aracna/core";import{createElement as y,createRef as v,forwardRef as g,useEffect as b,useState as C}from"react";function A(E,L,o){return g((e,a)=>{e={...e};for(let t in e)e[t]===!1&&delete e[t],e[t]===!0&&(e[t]="");e.className&&(d(e,"class",e.className),delete e.className);const n=a??v(),i=y(E,{...e,ref:n,suppressHydrationWarning:!0}),[m]=C(new Map),f=()=>{if(!(typeof n!="object"||!n?.current||!o))for(let t of o){let l,r;l="on"+u(String(t)),r=c(e,l),typeof r=="function"&&(n.current.addEventListener(String(t),r),m.set(String(t),r))}},s=()=>{if(!(typeof n!="object"||!n?.current))for(let t of m)n.current.removeEventListener(...t),m.delete(t[0])};return b(()=>(s(),f(),s),[e]),i})}export{A as createElementComponent};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{createBaseElementComponent as
|
|
1
|
+
import{createBaseElementComponent as m}from"./create.base.element.component";function f(e,t,n){return m(e,t,n)}export{f as createFloatingElementComponent};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{createBaseElementComponent as
|
|
1
|
+
import{createBaseElementComponent as o}from"./create.base.element.component";function i(e,t,n=[]){return o(e,t,["focus-trap-activate","focus-trap-deactivate","focus-trap-post-activate","focus-trap-post-deactivate",...n])}export{i as createFocusTrapElementComponent};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{createBaseElementComponent as
|
|
1
|
+
import{createBaseElementComponent as m}from"./create.base.element.component";function d(e,t,n){return m(e,t,n)}export{d as createFormFieldElementComponent};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { ForwardedRef, ReactElement } from 'react';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
2
|
+
type ForwardRefRenderFunction<T, P = {}> = (props: P, ref: ForwardedRef<T>) => ReactElement<P>;
|
|
3
|
+
type NullableForwardRefRenderFunction<T, P = {}> = (props: P, ref: ForwardedRef<T>) => ReactElement<P> | null;
|
|
4
|
+
type ForwardRefExoticComponent<P = {}> = (props: P) => ReactElement;
|
|
5
|
+
type NullableForwardRefExoticComponent<P = {}> = (props: P) => ReactElement<P> | null;
|
|
6
6
|
declare function forwardRef<T, P = {}>(render: ForwardRefRenderFunction<T, P>): ForwardRefExoticComponent<P>;
|
|
7
7
|
declare function forwardRef<T, P = {}>(render: NullableForwardRefRenderFunction<T, P>): NullableForwardRefExoticComponent<P>;
|
|
8
8
|
export { forwardRef };
|
package/functions/forward.ref.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{forwardRef as r}from"react";function o(...
|
|
1
|
+
import{forwardRef as r}from"react";function o(...e){return r(e[0])}export{o as forwardRef};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{useEffect as u,useReducer as s,useRef as c}from"react";import{useEventListener as n}from"./use.event.listener";function m(t){const e=c(null),[,r]=s(()=>({}),{}),i=a=>{t?.attribute?.dispatch===!0&&a.detail&&(t.attribute.blacklist&&t.attribute.blacklist.includes(a.detail.name)||t.attribute.whitelist&&!t.attribute.whitelist.includes(a.detail.name)||r())},l=a=>{t?.state?.dispatch===!0&&a.detail&&(t.state.blacklist&&t.state.blacklist.includes(a.detail.name)||t.state.whitelist&&!t.state.whitelist.includes(a.detail.name)||r())};return n(e,"attribute-changed",i,[e.current]),n(e,"state-changed",l,[e.current]),u(()=>r(),[e.current]),{element:e.current,ref:e}}export{m as useComponent};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Forces a re-render if the component is mounted.
|
|
3
|
+
*
|
|
4
|
+
* ```tsx
|
|
5
|
+
* import React, { useRef } from 'react'
|
|
6
|
+
* import { useDispatch } from '@aracna/state-manager-react'
|
|
7
|
+
*
|
|
8
|
+
* function App() {
|
|
9
|
+
* const dispatch = useDispatch()
|
|
10
|
+
* const number = useRef(0)
|
|
11
|
+
*
|
|
12
|
+
* const onClick = () => {
|
|
13
|
+
* number.current++
|
|
14
|
+
* dispatch()
|
|
15
|
+
* }
|
|
16
|
+
*
|
|
17
|
+
* return <button onClick={onClick}>{number.current}</button>
|
|
18
|
+
* }
|
|
19
|
+
* ```
|
|
20
|
+
*
|
|
21
|
+
* @category Hook
|
|
22
|
+
*/
|
|
23
|
+
export declare function useDispatch(onDispatch?: () => any): () => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{useReducer as o}from"react";import{ComponentLifeCycle as e}from"../definitions/enums";import{useLifeCycle as s}from"./use.life.cycle";function f(r){const c=s(),t=o(()=>({}),{});return()=>{switch(c.current){case e.CONSTRUCTED:case e.UNMOUNTED:break;case e.MOUNTED:t[1](),r&&r();break}}}export{f as useDispatch};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useEffect as
|
|
1
|
+
import{useEffect as E}from"react";function l(e,n,t,s=[]){E(()=>(e.current?.addEventListener(n,t),()=>e.current?.removeEventListener(n,t)),s)}export{l as useEventListener};
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { MutableRefObject } from 'react';
|
|
2
|
+
import { ComponentLifeCycle } from '../definitions/enums';
|
|
3
|
+
/**
|
|
4
|
+
* Returns the life cycle of a component.
|
|
5
|
+
*
|
|
6
|
+
* ```tsx
|
|
7
|
+
* import React, { useEffect } from 'react'
|
|
8
|
+
* import { useLifeCycle } from '@aracna/state-manager-react'
|
|
9
|
+
*
|
|
10
|
+
* function App() {
|
|
11
|
+
* const life = useLifeCycle()
|
|
12
|
+
*
|
|
13
|
+
* // will be CONSTRUCTED
|
|
14
|
+
* console.log(life)
|
|
15
|
+
*
|
|
16
|
+
* useEffect(() => {
|
|
17
|
+
* // will be MOUNTED
|
|
18
|
+
* console.log(life)
|
|
19
|
+
*
|
|
20
|
+
* return () => {
|
|
21
|
+
* // will be UNMOUNTED
|
|
22
|
+
* console.log(life)
|
|
23
|
+
* }
|
|
24
|
+
* }, [])
|
|
25
|
+
*
|
|
26
|
+
* return <button onClick={onClick}>{number.current}</button>
|
|
27
|
+
* }
|
|
28
|
+
* ```
|
|
29
|
+
*
|
|
30
|
+
* @category Hook
|
|
31
|
+
*/
|
|
32
|
+
export declare function useLifeCycle(): MutableRefObject<ComponentLifeCycle>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{useEffect as n,useRef as o}from"react";import{ComponentLifeCycle as t}from"../definitions/enums";function u(){const e=o(t.CONSTRUCTED);return n(()=>(e.current=t.MOUNTED,()=>{e.current=t.UNMOUNTED})),e}export{u as useLifeCycle};
|
package/hooks/use.safe.ref.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{Environment as
|
|
1
|
+
import{Environment as a}from"@aracna/core";import{useRef as n}from"react";function p(e,t){return n(a.isWindowDefined?document.createElement(e,t):{current:{}})}export{p as useSafeRef};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useEffect as
|
|
1
|
+
import{useEffect as i}from"react";function r(e,n,t=[]){i(()=>(window.addEventListener(e,n),()=>window.removeEventListener(e,n)),t)}export{r as useWindowEventListener};
|
package/index.cjs.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var d=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var F=Object.getOwnPropertyNames;var N=Object.prototype.hasOwnProperty;var O=(e,t)=>{for(var n in t)d(e,n,{get:t[n],enumerable:!0})},A=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of F(t))!N.call(e,s)&&s!==n&&d(e,s,{get:()=>t[s],enumerable:!(r=w(t,s))||r.enumerable});return e};var h=e=>A(d({},"__esModule",{value:!0}),e);var V={};O(V,{createBaseElementComponent:()=>l,createElementComponent:()=>b,createFloatingElementComponent:()=>k,createFocusTrapElementComponent:()=>H,createFormFieldElementComponent:()=>S,forwardRef:()=>j,useComponent:()=>D,useDispatch:()=>B,useEventListener:()=>f,useLifeCycle:()=>M,useSafeRef:()=>U,useWindowEventListener:()=>G});module.exports=h(V);var i=require("@aracna/core"),a=require("react");function b(e,t,n){return(0,a.forwardRef)((r,s)=>{r={...r};for(let m in r)r[m]===!1&&delete r[m],r[m]===!0&&(r[m]="");r.className&&((0,i.setObjectProperty)(r,"class",r.className),delete r.className);let o=s??(0,a.createRef)(),K=(0,a.createElement)(e,{...r,ref:o,suppressHydrationWarning:!0}),[c]=(0,a.useState)(new Map),P=()=>{if(!(typeof o!="object"||!o?.current||!n))for(let m of n){let v,p;v="on"+(0,i.getPascalCaseString)(String(m)),p=(0,i.getObjectProperty)(r,v),typeof p=="function"&&(o.current.addEventListener(String(m),p),c.set(String(m),p))}},y=()=>{if(!(typeof o!="object"||!o?.current))for(let m of c)o.current.removeEventListener(...m),c.delete(m[0])};return(0,a.useEffect)(()=>(y(),P(),y),[r]),K})}function l(e,t,n=[]){return b(e,t,["attribute-change","state-change",...n])}function k(e,t,n){return l(e,t,n)}function H(e,t,n=[]){return l(e,t,["focus-trap-activate","focus-trap-deactivate","focus-trap-post-activate","focus-trap-post-deactivate",...n])}function S(e,t,n){return l(e,t,n)}var T=require("react");function j(...e){return(0,T.forwardRef)(e[0])}var E=require("react");var x=require("react");function f(e,t,n,r=[]){(0,x.useEffect)(()=>(e.current?.addEventListener(t,n),()=>e.current?.removeEventListener(t,n)),r)}function D(e){let t=(0,E.useRef)(null),[,n]=(0,E.useReducer)(()=>({}),{}),r=o=>{e?.attribute?.dispatch===!0&&o.detail&&(e.attribute.blacklist&&e.attribute.blacklist.includes(o.detail.name)||e.attribute.whitelist&&!e.attribute.whitelist.includes(o.detail.name)||n())},s=o=>{e?.state?.dispatch===!0&&o.detail&&(e.state.blacklist&&e.state.blacklist.includes(o.detail.name)||e.state.whitelist&&!e.state.whitelist.includes(o.detail.name)||n())};return f(t,"attribute-changed",r,[t.current]),f(t,"state-changed",s,[t.current]),(0,E.useEffect)(()=>n(),[t.current]),{element:t.current,ref:t}}var C=require("react");var u=require("react");function M(){let e=(0,u.useRef)("CONSTRUCTED");return(0,u.useEffect)(()=>(e.current="MOUNTED",()=>{e.current="UNMOUNTED"})),e}function B(e){let t=M(),n=(0,C.useReducer)(()=>({}),{});return()=>{switch(t.current){case"CONSTRUCTED":case"UNMOUNTED":break;case"MOUNTED":n[1](),e&&e();break}}}var g=require("@aracna/core"),L=require("react");function U(e,t){return(0,L.useRef)(g.Environment.isWindowDefined?document.createElement(e,t):{current:{}})}var R=require("react");function G(e,t,n=[]){(0,R.useEffect)(()=>(window.addEventListener(e,t),()=>window.removeEventListener(e,t)),n)}
|
package/index.d.ts
CHANGED
|
@@ -604,6 +604,12 @@ export declare type CheckBoxProps = ElementComponentProps<CheckBoxElement, Check
|
|
|
604
604
|
|
|
605
605
|
export declare type ChipProps = ElementComponentProps<ChipElement, ChipElementAttributes, ChipElementEventMap>;
|
|
606
606
|
|
|
607
|
+
declare enum ComponentLifeCycle {
|
|
608
|
+
CONSTRUCTED = "CONSTRUCTED",
|
|
609
|
+
MOUNTED = "MOUNTED",
|
|
610
|
+
UNMOUNTED = "UNMOUNTED"
|
|
611
|
+
}
|
|
612
|
+
|
|
607
613
|
export declare function createBaseElementComponent<Element extends HTMLElementTagNameMap[Key], Attributes extends BaseElementAttributes = BaseElementAttributes, Events extends BaseElementEventMap = BaseElementEventMap, Props extends ElementComponentProps<Element, Attributes, Events> = ElementComponentProps<Element, Attributes, Events>, Key extends keyof HTMLElementTagNameMap = keyof HTMLElementTagNameMap>(tag: Key, element: {
|
|
608
614
|
new (): Element;
|
|
609
615
|
}, events?: KeyOf.Shallow<Events>[]): ElementComponent<Element, Props>;
|
|
@@ -765,12 +771,67 @@ export declare type TooltipTriggerProps = ElementComponentProps<TooltipTriggerEl
|
|
|
765
771
|
|
|
766
772
|
export declare function useComponent<K extends keyof HTMLElementTagNameMap>(options?: Options): ReturnInterface<K>;
|
|
767
773
|
|
|
774
|
+
/**
|
|
775
|
+
* Forces a re-render if the component is mounted.
|
|
776
|
+
*
|
|
777
|
+
* ```tsx
|
|
778
|
+
* import React, { useRef } from 'react'
|
|
779
|
+
* import { useDispatch } from '@aracna/state-manager-react'
|
|
780
|
+
*
|
|
781
|
+
* function App() {
|
|
782
|
+
* const dispatch = useDispatch()
|
|
783
|
+
* const number = useRef(0)
|
|
784
|
+
*
|
|
785
|
+
* const onClick = () => {
|
|
786
|
+
* number.current++
|
|
787
|
+
* dispatch()
|
|
788
|
+
* }
|
|
789
|
+
*
|
|
790
|
+
* return <button onClick={onClick}>{number.current}</button>
|
|
791
|
+
* }
|
|
792
|
+
* ```
|
|
793
|
+
*
|
|
794
|
+
* @category Hook
|
|
795
|
+
*/
|
|
796
|
+
export declare function useDispatch(onDispatch?: () => any): () => void;
|
|
797
|
+
|
|
768
798
|
export declare function useEventListener<T extends Element, E extends Event, K extends keyof HTMLElementEventMap>(ref: MutableRefObject<T | null>, type: K, listener: (event: HTMLElementEventMap[K]) => any, deps?: DependencyList): void;
|
|
769
799
|
|
|
770
800
|
export declare function useEventListener<T extends Element, E extends Event, K extends keyof SVGElementEventMap>(ref: MutableRefObject<T | null>, type: K, listener: (event: SVGElementEventMap[K]) => any, deps?: DependencyList): void;
|
|
771
801
|
|
|
772
802
|
export declare function useEventListener<T extends Element, E extends Event>(ref: MutableRefObject<T | null>, type: string, listener: (event: E) => any, deps?: DependencyList): void;
|
|
773
803
|
|
|
804
|
+
/**
|
|
805
|
+
* Returns the life cycle of a component.
|
|
806
|
+
*
|
|
807
|
+
* ```tsx
|
|
808
|
+
* import React, { useEffect } from 'react'
|
|
809
|
+
* import { useLifeCycle } from '@aracna/state-manager-react'
|
|
810
|
+
*
|
|
811
|
+
* function App() {
|
|
812
|
+
* const life = useLifeCycle()
|
|
813
|
+
*
|
|
814
|
+
* // will be CONSTRUCTED
|
|
815
|
+
* console.log(life)
|
|
816
|
+
*
|
|
817
|
+
* useEffect(() => {
|
|
818
|
+
* // will be MOUNTED
|
|
819
|
+
* console.log(life)
|
|
820
|
+
*
|
|
821
|
+
* return () => {
|
|
822
|
+
* // will be UNMOUNTED
|
|
823
|
+
* console.log(life)
|
|
824
|
+
* }
|
|
825
|
+
* }, [])
|
|
826
|
+
*
|
|
827
|
+
* return <button onClick={onClick}>{number.current}</button>
|
|
828
|
+
* }
|
|
829
|
+
* ```
|
|
830
|
+
*
|
|
831
|
+
* @category Hook
|
|
832
|
+
*/
|
|
833
|
+
export declare function useLifeCycle(): MutableRefObject<ComponentLifeCycle>;
|
|
834
|
+
|
|
774
835
|
export declare function useSafeRef<K extends keyof HTMLElementTagNameMap>(tagName: K, options?: ElementCreationOptions): MutableRefObject<HTMLElementTagNameMap[K]>;
|
|
775
836
|
|
|
776
837
|
export declare function useSafeRef<K extends keyof SVGElementTagNameMap>(tagName: K, options?: ElementCreationOptions): MutableRefObject<SVGElementTagNameMap[K]>;
|
package/index.iife.js
ADDED
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";var AracnaCore=(()=>{var de=Object.create;var g=Object.defineProperty;var ye=Object.getOwnPropertyDescriptor;var _e=Object.getOwnPropertyNames;var Re=Object.getPrototypeOf,Te=Object.prototype.hasOwnProperty;var be=(e,t,n)=>t in e?g(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n;var x=(e=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(e,{get:(t,n)=>(typeof require<"u"?require:t)[n]}):e)(function(e){if(typeof require<"u")return require.apply(this,arguments);throw new Error('Dynamic require of "'+e+'" is not supported')});var B=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),ge=(e,t)=>{for(var n in t)g(e,n,{get:t[n],enumerable:!0})},V=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of _e(t))!Te.call(e,s)&&s!==n&&g(e,s,{get:()=>t[s],enumerable:!(r=ye(t,s))||r.enumerable});return e};var d=(e,t,n)=>(n=e!=null?de(Re(e)):{},V(t||!e||!e.__esModule?g(n,"default",{value:e,enumerable:!0}):n,e)),ve=e=>V(g({},"__esModule",{value:!0}),e);var $=(e,t,n)=>(be(e,typeof t!="symbol"?t+"":t,n),n);var ue=B(i=>{"use strict";var O=Symbol.for("react.element"),Ce=Symbol.for("react.portal"),Le=Symbol.for("react.fragment"),Pe=Symbol.for("react.strict_mode"),Me=Symbol.for("react.profiler"),he=Symbol.for("react.provider"),Ne=Symbol.for("react.context"),xe=Symbol.for("react.forward_ref"),we=Symbol.for("react.suspense"),De=Symbol.for("react.memo"),Fe=Symbol.for("react.lazy"),Y=Symbol.iterator;function Ke(e){return e===null||typeof e!="object"?null:(e=Y&&e[Y]||e["@@iterator"],typeof e=="function"?e:null)}var te={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},ne=Object.assign,re={};function T(e,t,n){this.props=e,this.context=t,this.refs=re,this.updater=n||te}T.prototype.isReactComponent={};T.prototype.setState=function(e,t){if(typeof e!="object"&&typeof e!="function"&&e!=null)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")};T.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")};function oe(){}oe.prototype=T.prototype;function K(e,t,n){this.props=e,this.context=t,this.refs=re,this.updater=n||te}var j=K.prototype=new oe;j.constructor=K;ne(j,T.prototype);j.isPureReactComponent=!0;var Z=Array.isArray,se=Object.prototype.hasOwnProperty,U={current:null},ie={key:!0,ref:!0,__self:!0,__source:!0};function ae(e,t,n){var r,s={},o=null,l=null;if(t!=null)for(r in t.ref!==void 0&&(l=t.ref),t.key!==void 0&&(o=""+t.key),t)se.call(t,r)&&!ie.hasOwnProperty(r)&&(s[r]=t[r]);var a=arguments.length-2;if(a===1)s.children=n;else if(1<a){for(var u=Array(a),f=0;f<a;f++)u[f]=arguments[f+2];s.children=u}if(e&&e.defaultProps)for(r in a=e.defaultProps,a)s[r]===void 0&&(s[r]=a[r]);return{$$typeof:O,type:e,key:o,ref:l,props:s,_owner:U.current}}function je(e,t){return{$$typeof:O,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}function k(e){return typeof e=="object"&&e!==null&&e.$$typeof===O}function Ue(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,function(n){return t[n]})}var ee=/\/+/g;function F(e,t){return typeof e=="object"&&e!==null&&e.key!=null?Ue(""+e.key):t.toString(36)}function P(e,t,n,r,s){var o=typeof e;(o==="undefined"||o==="boolean")&&(e=null);var l=!1;if(e===null)l=!0;else switch(o){case"string":case"number":l=!0;break;case"object":switch(e.$$typeof){case O:case Ce:l=!0}}if(l)return l=e,s=s(l),e=r===""?"."+F(l,0):r,Z(s)?(n="",e!=null&&(n=e.replace(ee,"$&/")+"/"),P(s,t,n,"",function(f){return f})):s!=null&&(k(s)&&(s=je(s,n+(!s.key||l&&l.key===s.key?"":(""+s.key).replace(ee,"$&/")+"/")+e)),t.push(s)),1;if(l=0,r=r===""?".":r+":",Z(e))for(var a=0;a<e.length;a++){o=e[a];var u=r+F(o,a);l+=P(o,t,n,u,s)}else if(u=Ke(e),typeof u=="function")for(e=u.call(e),a=0;!(o=e.next()).done;)o=o.value,u=r+F(o,a++),l+=P(o,t,n,u,s);else if(o==="object")throw t=String(e),Error("Objects are not valid as a React child (found: "+(t==="[object Object]"?"object with keys {"+Object.keys(e).join(", ")+"}":t)+"). If you meant to render a collection of children, use an array instead.");return l}function L(e,t,n){if(e==null)return e;var r=[],s=0;return P(e,r,"","",function(o){return t.call(n,o,s++)}),r}function ke(e){if(e._status===-1){var t=e._result;t=t(),t.then(function(n){(e._status===0||e._status===-1)&&(e._status=1,e._result=n)},function(n){(e._status===0||e._status===-1)&&(e._status=2,e._result=n)}),e._status===-1&&(e._status=0,e._result=t)}if(e._status===1)return e._result.default;throw e._result}var c={current:null},M={transition:null},Ie={ReactCurrentDispatcher:c,ReactCurrentBatchConfig:M,ReactCurrentOwner:U};i.Children={map:L,forEach:function(e,t,n){L(e,function(){t.apply(this,arguments)},n)},count:function(e){var t=0;return L(e,function(){t++}),t},toArray:function(e){return L(e,function(t){return t})||[]},only:function(e){if(!k(e))throw Error("React.Children.only expected to receive a single React element child.");return e}};i.Component=T;i.Fragment=Le;i.Profiler=Me;i.PureComponent=K;i.StrictMode=Pe;i.Suspense=we;i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=Ie;i.cloneElement=function(e,t,n){if(e==null)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+e+".");var r=ne({},e.props),s=e.key,o=e.ref,l=e._owner;if(t!=null){if(t.ref!==void 0&&(o=t.ref,l=U.current),t.key!==void 0&&(s=""+t.key),e.type&&e.type.defaultProps)var a=e.type.defaultProps;for(u in t)se.call(t,u)&&!ie.hasOwnProperty(u)&&(r[u]=t[u]===void 0&&a!==void 0?a[u]:t[u])}var u=arguments.length-2;if(u===1)r.children=n;else if(1<u){a=Array(u);for(var f=0;f<u;f++)a[f]=arguments[f+2];r.children=a}return{$$typeof:O,type:e.type,key:s,ref:o,props:r,_owner:l}};i.createContext=function(e){return e={$$typeof:Ne,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null},e.Provider={$$typeof:he,_context:e},e.Consumer=e};i.createElement=ae;i.createFactory=function(e){var t=ae.bind(null,e);return t.type=e,t};i.createRef=function(){return{current:null}};i.forwardRef=function(e){return{$$typeof:xe,render:e}};i.isValidElement=k;i.lazy=function(e){return{$$typeof:Fe,_payload:{_status:-1,_result:e},_init:ke}};i.memo=function(e,t){return{$$typeof:De,type:e,compare:t===void 0?null:t}};i.startTransition=function(e){var t=M.transition;M.transition={};try{e()}finally{M.transition=t}};i.unstable_act=function(){throw Error("act(...) is not supported in production builds of React.")};i.useCallback=function(e,t){return c.current.useCallback(e,t)};i.useContext=function(e){return c.current.useContext(e)};i.useDebugValue=function(){};i.useDeferredValue=function(e){return c.current.useDeferredValue(e)};i.useEffect=function(e,t){return c.current.useEffect(e,t)};i.useId=function(){return c.current.useId()};i.useImperativeHandle=function(e,t,n){return c.current.useImperativeHandle(e,t,n)};i.useInsertionEffect=function(e,t){return c.current.useInsertionEffect(e,t)};i.useLayoutEffect=function(e,t){return c.current.useLayoutEffect(e,t)};i.useMemo=function(e,t){return c.current.useMemo(e,t)};i.useReducer=function(e,t,n){return c.current.useReducer(e,t,n)};i.useRef=function(e){return c.current.useRef(e)};i.useState=function(e){return c.current.useState(e)};i.useSyncExternalStore=function(e,t,n){return c.current.useSyncExternalStore(e,t,n)};i.useTransition=function(){return c.current.useTransition()};i.version="18.2.0"});var m=B((Tt,le)=>{"use strict";le.exports=ue()});var Je={};ge(Je,{createBaseElementComponent:()=>y,createElementComponent:()=>I,createFloatingElementComponent:()=>He,createFocusTrapElementComponent:()=>Ge,createFormFieldElementComponent:()=>Be,forwardRef:()=>Ve,useComponent:()=>$e,useDispatch:()=>Xe,useEventListener:()=>h,useLifeCycle:()=>H,useSafeRef:()=>We,useWindowEventListener:()=>qe});function v(...e){}var X=()=>({tc:{log:!0,onCatch:v},tcp:{log:!0,onCatch:v}});var Oe="abcdefghijklmnopqrstuvwxyz";var w="0123456789",Se="ABCDEFGHIJKLMNOPQRSTUVWXYZ",Ze=w+Oe+Se,et=w+"abcdef",tt=w+"ABCDEF";var D=/([^.])\[/g,A=/[\[\]]/g;var W=/[^a-zA-Z]/g;var _=class{};$(_,"module",X());function R(e,t=_.module.tc.log){try{return e()}catch(n){return t&&console.error(n),_.module.tc.onCatch(n,t),n}}var C=class{static get(t){let n;return n=R(()=>process.env[t],!1),n instanceof Error?"":n||""}static has(t){let n;return n=R(()=>process.env[t],!1),!(n instanceof Error||typeof n>"u")}static get import(){return new Function("path","return import(path)")}static get require(){return typeof __webpack_require__=="function"?__non_webpack_require__:typeof x=="function"?x:v}static get isBlobDefined(){return typeof Blob<"u"}static get isBlobNotDefined(){return typeof Blob>"u"}static get isDevelopment(){return this.NODE_ENV==="development"}static get isNotDevelopment(){return this.NODE_ENV!=="development"}static get isDocumentDefined(){return typeof document<"u"}static get isDocumentNotDefined(){return typeof document>"u"}static get isFetchDefined(){return typeof fetch<"u"}static get isFetchNotDefined(){return typeof fetch>"u"}static get isFileDefined(){return typeof File<"u"}static get isFileNotDefined(){return typeof File>"u"}static get isFormDataDefined(){return typeof FormData<"u"}static get isFormDataNotDefined(){return typeof FormData>"u"}static get isJest(){return typeof R(()=>process.env.JEST_WORKER_ID,!1)=="string"}static get isNotJest(){return typeof R(()=>process.env.JEST_WORKER_ID,!1)!="string"}static get isProduction(){return this.NODE_ENV==="production"}static get isNotProduction(){return this.NODE_ENV!=="production"}static get isTest(){return this.NODE_ENV==="test"}static get isNotTest(){return this.NODE_ENV!=="test"}static get isProcessDefined(){return typeof process<"u"}static get isProcessNotDefined(){return typeof process>"u"}static get isWindowDefined(){return typeof window<"u"}static get isWindowNotDefined(){return typeof window>"u"}static get NODE_ENV(){let t;return t=R(()=>"production",!1),t instanceof Error?"":t||""}};function Ae(e,t=!1){return e.charAt(0).toUpperCase()+(t?e.slice(1).toLowerCase():e.slice(1))}function q(e){let t,n;t="",n=!1;for(let r of e){if(W.test(r)){n=!0;continue}if(n){t+=r.toUpperCase(),n=!1;continue}t+=r}return Ae(t)}function J(e,t,n){switch(typeof t){case"number":case"symbol":return e[t];case"string":if(t.includes(".")){let r,s,o;return r=t.replace(D,"$1.[").split("."),s=r[r.length-1].replace(A,""),o=Q(e,r),o instanceof Error?n:o[s]}return t in e?e[t]:n}}function Q(e,t,n=!1){let r=e;for(let s=0;s<t.length;s++){let o;if(!(s>=t.length-1))switch(o=t[s],o=o.replace(A,""),typeof r[o]){case"object":if(r[o]===null)return new Error("The target value is null.");r=r[o];continue;case"undefined":if(n){r[o]=t[s+1].includes("[")?[]:{},r=r[o];continue}return new Error("The target type is undefined.");default:return new Error("The target type is nor undefined nor object.")}}return r}function z(e,t,n){switch(typeof t){case"number":case"symbol":e[t]=n;break;case"string":if(t.includes(".")){let r,s,o;if(r=t.replace(D,"$1.[").split("."),o=r[r.length-1].replace(A,""),s=Q(e,r,!0),s instanceof Error)return s;s[o]=n;break}e[t]=n;break}}var p=d(m());function I(e,t,n){return(0,p.forwardRef)((r,s)=>{r={...r};for(let E in r)r[E]===!1&&delete r[E],r[E]===!0&&(r[E]="");r.className&&(z(r,"class",r.className),delete r.className);let o=s??(0,p.createRef)(),l=(0,p.createElement)(e,{...r,ref:o,suppressHydrationWarning:!0}),[a]=(0,p.useState)(new Map),u=()=>{if(!(typeof o!="object"||!o?.current||!n))for(let E of n){let G,S;G="on"+q(String(E)),S=J(r,G),typeof S=="function"&&(o.current.addEventListener(String(E),S),a.set(String(E),S))}},f=()=>{if(!(typeof o!="object"||!o?.current))for(let E of a)o.current.removeEventListener(...E),a.delete(E[0])};return(0,p.useEffect)(()=>(f(),u(),f),[r]),l})}function y(e,t,n=[]){return I(e,t,["attribute-change","state-change",...n])}function He(e,t,n){return y(e,t,n)}function Ge(e,t,n=[]){return y(e,t,["focus-trap-activate","focus-trap-deactivate","focus-trap-post-activate","focus-trap-post-deactivate",...n])}function Be(e,t,n){return y(e,t,n)}var ce=d(m());function Ve(...e){return(0,ce.forwardRef)(e[0])}var b=d(m());var fe=d(m());function h(e,t,n,r=[]){(0,fe.useEffect)(()=>(e.current?.addEventListener(t,n),()=>e.current?.removeEventListener(t,n)),r)}function $e(e){let t=(0,b.useRef)(null),[,n]=(0,b.useReducer)(()=>({}),{}),r=o=>{e?.attribute?.dispatch===!0&&o.detail&&(e.attribute.blacklist&&e.attribute.blacklist.includes(o.detail.name)||e.attribute.whitelist&&!e.attribute.whitelist.includes(o.detail.name)||n())},s=o=>{e?.state?.dispatch===!0&&o.detail&&(e.state.blacklist&&e.state.blacklist.includes(o.detail.name)||e.state.whitelist&&!e.state.whitelist.includes(o.detail.name)||n())};return h(t,"attribute-changed",r,[t.current]),h(t,"state-changed",s,[t.current]),(0,b.useEffect)(()=>n(),[t.current]),{element:t.current,ref:t}}var Ee=d(m());var N=d(m());function H(){let e=(0,N.useRef)("CONSTRUCTED");return(0,N.useEffect)(()=>(e.current="MOUNTED",()=>{e.current="UNMOUNTED"})),e}function Xe(e){let t=H(),n=(0,Ee.useReducer)(()=>({}),{});return()=>{switch(t.current){case"CONSTRUCTED":case"UNMOUNTED":break;case"MOUNTED":n[1](),e&&e();break}}}var pe=d(m());function We(e,t){return(0,pe.useRef)(C.isWindowDefined?document.createElement(e,t):{current:{}})}var me=d(m());function qe(e,t,n=[]){(0,me.useEffect)(()=>(window.addEventListener(e,t),()=>window.removeEventListener(e,t)),n)}return ve(Je);})();
|
|
2
|
+
/*! Bundled license information:
|
|
3
|
+
|
|
4
|
+
react/cjs/react.production.min.js:
|
|
5
|
+
(**
|
|
6
|
+
* @license React
|
|
7
|
+
* react.production.min.js
|
|
8
|
+
*
|
|
9
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
10
|
+
*
|
|
11
|
+
* This source code is licensed under the MIT license found in the
|
|
12
|
+
* LICENSE file in the root directory of this source tree.
|
|
13
|
+
*)
|
|
14
|
+
*/
|
package/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export
|
|
1
|
+
export*from"./definitions/props";export*from"./definitions/types";export*from"./functions/create.base.element.component";export*from"./functions/create.element.component";export*from"./functions/create.floating.element.component";export*from"./functions/create.focus.trap.element.component";export*from"./functions/create.form.field.element.component";export*from"./functions/forward.ref";export*from"./hooks/use.aracna.element";export*from"./hooks/use.dispatch";export*from"./hooks/use.event.listener";export*from"./hooks/use.life.cycle";export*from"./hooks/use.safe.ref";export*from"./hooks/use.window.event.listener";
|
package/package.json
CHANGED
|
@@ -1,46 +1,48 @@
|
|
|
1
1
|
{
|
|
2
2
|
"author": "Dario Sechi",
|
|
3
3
|
"devDependencies": {
|
|
4
|
-
"@aracna/core": "
|
|
5
|
-
"@aracna/web": "
|
|
6
|
-
"@aracna/web-components": "
|
|
7
|
-
"@microsoft/api-extractor": "
|
|
8
|
-
"@
|
|
9
|
-
"@
|
|
10
|
-
"@
|
|
11
|
-
"@
|
|
12
|
-
"@
|
|
13
|
-
"@
|
|
14
|
-
"
|
|
15
|
-
"
|
|
16
|
-
"jsdom": "
|
|
17
|
-
"prettier": "
|
|
18
|
-
"react": "
|
|
19
|
-
"react-dom": "
|
|
20
|
-
"
|
|
21
|
-
"
|
|
22
|
-
"
|
|
23
|
-
"
|
|
24
|
-
"typescript": "4.8.4",
|
|
25
|
-
"vitest": "^0.25.0"
|
|
4
|
+
"@aracna/core": "latest",
|
|
5
|
+
"@aracna/web": "latest",
|
|
6
|
+
"@aracna/web-components": "latest",
|
|
7
|
+
"@microsoft/api-extractor": "latest",
|
|
8
|
+
"@testing-library/react": "latest",
|
|
9
|
+
"@types/react": "latest",
|
|
10
|
+
"@types/react-dom": "latest",
|
|
11
|
+
"@vitejs/plugin-react": "latest",
|
|
12
|
+
"@vitest/coverage-c8": "latest",
|
|
13
|
+
"@vitest/ui": "latest",
|
|
14
|
+
"esbuild": "latest",
|
|
15
|
+
"glob": "latest",
|
|
16
|
+
"jsdom": "latest",
|
|
17
|
+
"prettier": "latest",
|
|
18
|
+
"react": "latest",
|
|
19
|
+
"react-dom": "latest",
|
|
20
|
+
"tslib": "latest",
|
|
21
|
+
"typedoc": "latest",
|
|
22
|
+
"typescript": "latest",
|
|
23
|
+
"vitest": "latest"
|
|
26
24
|
},
|
|
27
25
|
"license": "MIT",
|
|
28
|
-
"main": "index.cjs",
|
|
26
|
+
"main": "index.cjs.js",
|
|
29
27
|
"module": "index.js",
|
|
30
28
|
"name": "@aracna/react",
|
|
31
29
|
"peerDependencies": {
|
|
32
|
-
"@aracna/core": ">= 1.1.
|
|
33
|
-
"@aracna/web": ">= 1.0.
|
|
30
|
+
"@aracna/core": ">= 1.1.0",
|
|
31
|
+
"@aracna/web": ">= 1.0.0",
|
|
34
32
|
"react": ">= 18.2.0",
|
|
35
|
-
"react-dom": ">= 18.0
|
|
33
|
+
"react-dom": ">= 18.2.0"
|
|
36
34
|
},
|
|
37
35
|
"repository": "https://github.com/aracna/react",
|
|
36
|
+
"resolutions": {
|
|
37
|
+
"@types/react": "18.2.5",
|
|
38
|
+
"@types/react-dom": "18.0.11"
|
|
39
|
+
},
|
|
38
40
|
"scripts": {
|
|
39
41
|
"test": "yarn vitest run",
|
|
40
|
-
"build": "rm -rf dist && yarn
|
|
42
|
+
"build": "rm -rf dist && node esbuild.mjs && yarn tsc && yarn api-extractor run --local",
|
|
41
43
|
"tarball": "yarn version && cp LICENSE package.json README.md dist/. && cd dist && yarn pack",
|
|
42
44
|
"deploy": "yarn test && yarn build && yarn tarball && yarn publish dist/*.tgz"
|
|
43
45
|
},
|
|
44
46
|
"sideEffects": false,
|
|
45
|
-
"version": "1.0.
|
|
47
|
+
"version": "1.0.11"
|
|
46
48
|
}
|
|
@@ -1,211 +0,0 @@
|
|
|
1
|
-
import type { AccordionButtonElementAttributes, AccordionButtonElementEventMap, AccordionElementAttributes, AccordionElementEventMap, AccordionHeaderElementAttributes, AccordionHeaderElementEventMap, AccordionPanelElementAttributes, AccordionPanelElementEventMap, AccordionSectionElementAttributes, AccordionSectionElementEventMap, AlertDialogDescriptionElementAttributes, AlertDialogDescriptionElementEventMap, AlertDialogElementAttributes, AlertDialogElementEventMap, AlertDialogLabelElementAttributes, AlertDialogLabelElementEventMap, AlertElementAttributes, AlertElementEventMap, AriaAccordionButtonElementAttributes, AriaAccordionButtonElementEventMap, AriaAccordionElementAttributes, AriaAccordionElementEventMap, AriaAccordionHeaderElementAttributes, AriaAccordionHeaderElementEventMap, AriaAccordionPanelElementAttributes, AriaAccordionPanelElementEventMap, AriaAccordionSectionElementAttributes, AriaAccordionSectionElementEventMap, AriaAlertDialogDescriptionElementAttributes, AriaAlertDialogDescriptionElementEventMap, AriaAlertDialogElementAttributes, AriaAlertDialogElementEventMap, AriaAlertDialogLabelElementAttributes, AriaAlertDialogLabelElementEventMap, AriaAlertElementAttributes, AriaAlertElementEventMap, AriaBreadcrumbElementAttributes, AriaBreadcrumbElementEventMap, AriaBreadcrumbItemElementAttributes, AriaBreadcrumbItemElementEventMap, AriaBreadcrumbListElementAttributes, AriaBreadcrumbListElementEventMap, AriaButtonElementAttributes, AriaButtonElementEventMap, AriaCarouselElementAttributes, AriaCarouselElementEventMap, AriaCarouselNextSlideControlElementAttributes, AriaCarouselNextSlideControlElementEventMap, AriaCarouselPreviousSlideControlElementAttributes, AriaCarouselPreviousSlideControlElementEventMap, AriaCarouselRotationControlElementAttributes, AriaCarouselRotationControlElementEventMap, AriaCarouselSlideElementAttributes, AriaCarouselSlideElementEventMap, AriaCarouselSlidesElementAttributes, AriaCarouselSlidesElementEventMap, AriaCarouselTabElementAttributes, AriaCarouselTabElementEventMap, AriaCarouselTabsElementAttributes, AriaCarouselTabsElementEventMap, AriaCheckBoxElementAttributes, AriaCheckBoxElementEventMap, AriaComboBoxButtonElementAttributes, AriaComboBoxButtonElementEventMap, AriaComboBoxElementAttributes, AriaComboBoxElementEventMap, AriaComboBoxGroupElementAttributes, AriaComboBoxGroupElementEventMap, AriaComboBoxInputElementAttributes, AriaComboBoxInputElementEventMap, AriaComboBoxListElementAttributes, AriaComboBoxListElementEventMap, AriaComboBoxOptionElementAttributes, AriaComboBoxOptionElementEventMap, AriaDialogDescriptionElementAttributes, AriaDialogDescriptionElementEventMap, AriaDialogElementAttributes, AriaDialogElementEventMap, AriaDialogLabelElementAttributes, AriaDialogLabelElementEventMap, AriaDisclosureButtonElementAttributes, AriaDisclosureButtonElementEventMap, AriaDisclosureElementAttributes, AriaDisclosureElementEventMap, AriaDisclosurePanelElementAttributes, AriaDisclosurePanelElementEventMap, AriaDisclosureSectionElementAttributes, AriaDisclosureSectionElementEventMap, AriaFeedArticleDescriptionElementAttributes, AriaFeedArticleDescriptionElementEventMap, AriaFeedArticleElementAttributes, AriaFeedArticleElementEventMap, AriaFeedArticleLabelElementAttributes, AriaFeedArticleLabelElementEventMap, AriaFeedElementAttributes, AriaFeedElementEventMap, AriaLinkElementAttributes, AriaLinkElementEventMap, AriaListBoxElementAttributes, AriaListBoxElementEventMap, AriaListBoxOptionElementAttributes, AriaListBoxOptionElementEventMap, AriaMenuButtonElementAttributes, AriaMenuButtonElementEventMap, AriaMenuElementAttributes, AriaMenuElementEventMap, AriaMenuItemElementAttributes, AriaMenuItemElementEventMap, AriaMenuSubMenuElementAttributes, AriaMenuSubMenuElementEventMap, AriaMeterElementAttributes, AriaMeterElementEventMap, AriaRadioButtonElementAttributes, AriaRadioButtonElementEventMap, AriaRadioGroupElementAttributes, AriaRadioGroupElementEventMap, AriaSliderElementAttributes, AriaSliderElementEventMap, AriaSliderThumbElementAttributes, AriaSliderThumbElementEventMap, AriaSwitchElementAttributes, AriaSwitchElementEventMap, AriaTabsElementAttributes, AriaTabsElementEventMap, AriaTabsPanelElementAttributes, AriaTabsPanelElementEventMap, AriaTabsTabElementAttributes, AriaTabsTabElementEventMap, AriaTooltipArrowElementAttributes, AriaTooltipArrowElementEventMap, AriaTooltipContentElementAttributes, AriaTooltipContentElementEventMap, AriaTooltipElementAttributes, AriaTooltipElementEventMap, AriaTooltipTriggerElementAttributes, AriaTooltipTriggerElementEventMap, AvatarElementAttributes, AvatarElementEventMap, BadgeElementAttributes, BadgeElementEventMap, BreadcrumbElementAttributes, BreadcrumbElementEventMap, BreadcrumbItemElementAttributes, BreadcrumbItemElementEventMap, BreadcrumbListElementAttributes, BreadcrumbListElementEventMap, ButtonElementAttributes, ButtonElementEventMap, ButtonGroupElementAttributes, ButtonGroupElementEventMap, CarouselElementAttributes, CarouselElementEventMap, CarouselNextSlideControlElementAttributes, CarouselNextSlideControlElementEventMap, CarouselPreviousSlideControlElementAttributes, CarouselPreviousSlideControlElementEventMap, CarouselRotationControlElementAttributes, CarouselRotationControlElementEventMap, CarouselSlideElementAttributes, CarouselSlideElementEventMap, CarouselSlidesElementAttributes, CarouselSlidesElementEventMap, CarouselTabElementAttributes, CarouselTabElementEventMap, CarouselTabsElementAttributes, CarouselTabsElementEventMap, CheckBoxElementAttributes, CheckBoxElementEventMap, ChipElementAttributes, ChipElementEventMap, DialogDescriptionElementAttributes, DialogDescriptionElementEventMap, DialogElementAttributes, DialogElementEventMap, DialogLabelElementAttributes, DialogLabelElementEventMap, DisclosureButtonElementAttributes, DisclosureButtonElementEventMap, DisclosureElementAttributes, DisclosureElementEventMap, DisclosurePanelElementAttributes, DisclosurePanelElementEventMap, DisclosureSectionElementAttributes, DisclosureSectionElementEventMap, DividerElementAttributes, DividerElementEventMap, FeedArticleDescriptionElementAttributes, FeedArticleDescriptionElementEventMap, FeedArticleElementAttributes, FeedArticleElementEventMap, FeedArticleLabelElementAttributes, FeedArticleLabelElementEventMap, FeedElementAttributes, FeedElementEventMap, FormElementAttributes, FormElementEventMap, IconElementAttributes, IconElementEventMap, ImageElementAttributes, ImageElementEventMap, InputElementAttributes, InputElementEventMap, InputFileElementAttributes, InputFileElementEventMap, ListElementAttributes, ListElementEventMap, ListItemElementAttributes, ListItemElementEventMap, MenuButtonElementAttributes, MenuButtonElementEventMap, MenuElementAttributes, MenuElementEventMap, MenuItemElementAttributes, MenuItemElementEventMap, MenuSubMenuElementAttributes, MenuSubMenuElementEventMap, MeterElementAttributes, MeterElementEventMap, NavigationBarElementAttributes, NavigationBarElementEventMap, NavigationBarItemElementAttributes, NavigationBarItemElementEventMap, NavigationRailElementAttributes, NavigationRailElementEventMap, NavigationRailItemElementAttributes, NavigationRailItemElementEventMap, RadioButtonElementAttributes, RadioButtonElementEventMap, RadioGroupElementAttributes, RadioGroupElementEventMap, SelectButtonElementAttributes, SelectButtonElementEventMap, SelectElementAttributes, SelectElementEventMap, SelectGroupElementAttributes, SelectGroupElementEventMap, SelectInputElementAttributes, SelectInputElementEventMap, SelectListElementAttributes, SelectListElementEventMap, SelectOptionElementAttributes, SelectOptionElementEventMap, SliderElementAttributes, SliderElementEventMap, SliderThumbElementAttributes, SliderThumbElementEventMap, SwitchElementAttributes, SwitchElementEventMap, TabsElementAttributes, TabsElementEventMap, TabsPanelElementAttributes, TabsPanelElementEventMap, TabsTabElementAttributes, TabsTabElementEventMap, TextAreaElementAttributes, TextAreaElementEventMap, TooltipArrowElementAttributes, TooltipArrowElementEventMap, TooltipContentElementAttributes, TooltipContentElementEventMap, TooltipElementAttributes, TooltipElementEventMap, TooltipTriggerElementAttributes, TooltipTriggerElementEventMap } from '@aracna/web';
|
|
2
|
-
import type { AvatarElement } from '@aracna/web-components/elements/data/avatar.element';
|
|
3
|
-
import type { BadgeElement } from '@aracna/web-components/elements/data/badge.element';
|
|
4
|
-
import type { CarouselElement, CarouselNextSlideControlElement, CarouselPreviousSlideControlElement, CarouselRotationControlElement, CarouselSlideElement, CarouselSlidesElement, CarouselTabElement, CarouselTabsElement } from '@aracna/web-components/elements/data/carousel.element';
|
|
5
|
-
import type { ChipElement } from '@aracna/web-components/elements/data/chip.element';
|
|
6
|
-
import type { FeedArticleDescriptionElement, FeedArticleElement, FeedArticleLabelElement, FeedElement } from '@aracna/web-components/elements/data/feed.element';
|
|
7
|
-
import type { IconElement } from '@aracna/web-components/elements/data/icon.element';
|
|
8
|
-
import type { ImageElement } from '@aracna/web-components/elements/data/image.element';
|
|
9
|
-
import type { ListElement, ListItemElement } from '@aracna/web-components/elements/data/list.element';
|
|
10
|
-
import type { TooltipArrowElement, TooltipContentElement, TooltipElement, TooltipTriggerElement } from '@aracna/web-components/elements/data/tooltip.element';
|
|
11
|
-
import type { AlertDialogDescriptionElement, AlertDialogElement, AlertDialogLabelElement } from '@aracna/web-components/elements/feedback/alert.dialog.element';
|
|
12
|
-
import type { AlertElement } from '@aracna/web-components/elements/feedback/alert.element';
|
|
13
|
-
import type { DialogDescriptionElement, DialogElement, DialogLabelElement } from '@aracna/web-components/elements/feedback/dialog.element';
|
|
14
|
-
import type { MeterElement } from '@aracna/web-components/elements/feedback/meter.element';
|
|
15
|
-
import type { ButtonElement } from '@aracna/web-components/elements/input/button.element';
|
|
16
|
-
import type { ButtonGroupElement } from '@aracna/web-components/elements/input/button.group.element';
|
|
17
|
-
import type { CheckBoxElement } from '@aracna/web-components/elements/input/check.box.element';
|
|
18
|
-
import type { FormElement } from '@aracna/web-components/elements/input/form.element';
|
|
19
|
-
import type { InputElement } from '@aracna/web-components/elements/input/input.element';
|
|
20
|
-
import type { InputFileElement } from '@aracna/web-components/elements/input/input.file.element';
|
|
21
|
-
import type { RadioButtonElement, RadioGroupElement } from '@aracna/web-components/elements/input/radio.group.element';
|
|
22
|
-
import type { SelectButtonElement, SelectElement, SelectGroupElement, SelectInputElement, SelectListElement, SelectOptionElement } from '@aracna/web-components/elements/input/select.element';
|
|
23
|
-
import type { SliderElement, SliderThumbElement } from '@aracna/web-components/elements/input/slider.element';
|
|
24
|
-
import type { SwitchElement } from '@aracna/web-components/elements/input/switch.element';
|
|
25
|
-
import type { TextAreaElement } from '@aracna/web-components/elements/input/text.area.element';
|
|
26
|
-
import type { DividerElement } from '@aracna/web-components/elements/layout/divider.element';
|
|
27
|
-
import type { BreadcrumbElement, BreadcrumbItemElement, BreadcrumbListElement } from '@aracna/web-components/elements/navigation/breadcrumb.element';
|
|
28
|
-
import type { MenuButtonElement, MenuElement, MenuItemElement, MenuSubMenuElement } from '@aracna/web-components/elements/navigation/menu.element';
|
|
29
|
-
import type { NavigationBarElement, NavigationBarItemElement } from '@aracna/web-components/elements/navigation/navigation.bar.element';
|
|
30
|
-
import type { NavigationRailElement, NavigationRailItemElement } from '@aracna/web-components/elements/navigation/navigation.rail.element';
|
|
31
|
-
import type { TabsElement, TabsPanelElement, TabsTabElement } from '@aracna/web-components/elements/navigation/tabs.element';
|
|
32
|
-
import type { AccordionButtonElement, AccordionElement, AccordionHeaderElement, AccordionPanelElement, AccordionSectionElement } from '@aracna/web-components/elements/surface/accordion.element';
|
|
33
|
-
import type { DisclosureButtonElement, DisclosureElement, DisclosurePanelElement, DisclosureSectionElement } from '@aracna/web-components/elements/surface/disclosure.element';
|
|
34
|
-
import type { AriaAccordionButtonElement, AriaAccordionElement, AriaAccordionHeaderElement, AriaAccordionPanelElement, AriaAccordionSectionElement } from '@aracna/web-components/elements/aria/aria.accordion.element';
|
|
35
|
-
import type { AriaAlertDialogDescriptionElement, AriaAlertDialogElement, AriaAlertDialogLabelElement } from '@aracna/web-components/elements/aria/aria.alert.dialog.element';
|
|
36
|
-
import type { AriaAlertElement } from '@aracna/web-components/elements/aria/aria.alert.element';
|
|
37
|
-
import type { AriaBreadcrumbElement, AriaBreadcrumbItemElement, AriaBreadcrumbListElement } from '@aracna/web-components/elements/aria/aria.breadcrumb.element';
|
|
38
|
-
import type { AriaButtonElement } from '@aracna/web-components/elements/aria/aria.button.element';
|
|
39
|
-
import type { AriaCarouselElement, AriaCarouselNextSlideControlElement, AriaCarouselPreviousSlideControlElement, AriaCarouselRotationControlElement, AriaCarouselSlideElement, AriaCarouselSlidesElement, AriaCarouselTabElement, AriaCarouselTabsElement } from '@aracna/web-components/elements/aria/aria.carousel.element';
|
|
40
|
-
import type { AriaCheckBoxElement } from '@aracna/web-components/elements/aria/aria.check.box.element';
|
|
41
|
-
import type { AriaComboBoxButtonElement, AriaComboBoxElement, AriaComboBoxGroupElement, AriaComboBoxInputElement, AriaComboBoxListElement, AriaComboBoxOptionElement } from '@aracna/web-components/elements/aria/aria.combo.box.element';
|
|
42
|
-
import type { AriaDialogDescriptionElement, AriaDialogElement, AriaDialogLabelElement } from '@aracna/web-components/elements/aria/aria.dialog.element';
|
|
43
|
-
import type { AriaDisclosureButtonElement, AriaDisclosureElement, AriaDisclosurePanelElement, AriaDisclosureSectionElement } from '@aracna/web-components/elements/aria/aria.disclosure.element';
|
|
44
|
-
import type { AriaFeedArticleDescriptionElement, AriaFeedArticleElement, AriaFeedArticleLabelElement, AriaFeedElement } from '@aracna/web-components/elements/aria/aria.feed.element';
|
|
45
|
-
import type { AriaLinkElement } from '@aracna/web-components/elements/aria/aria.link.element';
|
|
46
|
-
import type { AriaListBoxElement, AriaListBoxOptionElement } from '@aracna/web-components/elements/aria/aria.list.box.element';
|
|
47
|
-
import type { AriaMenuButtonElement, AriaMenuElement, AriaMenuItemElement, AriaMenuSubMenuElement } from '@aracna/web-components/elements/aria/aria.menu.element';
|
|
48
|
-
import type { AriaMeterElement } from '@aracna/web-components/elements/aria/aria.meter.element';
|
|
49
|
-
import type { AriaRadioButtonElement, AriaRadioGroupElement } from '@aracna/web-components/elements/aria/aria.radio.group.element';
|
|
50
|
-
import type { AriaSliderElement, AriaSliderThumbElement } from '@aracna/web-components/elements/aria/aria.slider.element';
|
|
51
|
-
import type { AriaSwitchElement } from '@aracna/web-components/elements/aria/aria.switch.element';
|
|
52
|
-
import type { AriaTabsElement, AriaTabsPanelElement, AriaTabsTabElement } from '@aracna/web-components/elements/aria/aria.tabs.element';
|
|
53
|
-
import type { AriaTooltipArrowElement, AriaTooltipContentElement, AriaTooltipElement, AriaTooltipTriggerElement } from '@aracna/web-components/elements/aria/aria.tooltip.element';
|
|
54
|
-
import type { ElementComponentProps } from './types';
|
|
55
|
-
/**
|
|
56
|
-
* ARIA Props
|
|
57
|
-
*/
|
|
58
|
-
/** */
|
|
59
|
-
export declare type AriaAccordionProps = ElementComponentProps<AriaAccordionElement, AriaAccordionElementAttributes, AriaAccordionElementEventMap>;
|
|
60
|
-
export declare type AriaAccordionButtonProps = ElementComponentProps<AriaAccordionButtonElement, AriaAccordionButtonElementAttributes, AriaAccordionButtonElementEventMap>;
|
|
61
|
-
export declare type AriaAccordionHeaderProps = ElementComponentProps<AriaAccordionHeaderElement, AriaAccordionHeaderElementAttributes, AriaAccordionHeaderElementEventMap>;
|
|
62
|
-
export declare type AriaAccordionPanelProps = ElementComponentProps<AriaAccordionPanelElement, AriaAccordionPanelElementAttributes, AriaAccordionPanelElementEventMap>;
|
|
63
|
-
export declare type AriaAccordionSectionProps = ElementComponentProps<AriaAccordionSectionElement, AriaAccordionSectionElementAttributes, AriaAccordionSectionElementEventMap>;
|
|
64
|
-
export declare type AriaAlertProps = ElementComponentProps<AriaAlertElement, AriaAlertElementAttributes, AriaAlertElementEventMap>;
|
|
65
|
-
export declare type AriaAlertDialogProps = ElementComponentProps<AriaAlertDialogElement, AriaAlertDialogElementAttributes, AriaAlertDialogElementEventMap>;
|
|
66
|
-
export declare type AriaAlertDialogDescriptionProps = ElementComponentProps<AriaAlertDialogDescriptionElement, AriaAlertDialogDescriptionElementAttributes, AriaAlertDialogDescriptionElementEventMap>;
|
|
67
|
-
export declare type AriaAlertDialogLabelProps = ElementComponentProps<AriaAlertDialogLabelElement, AriaAlertDialogLabelElementAttributes, AriaAlertDialogLabelElementEventMap>;
|
|
68
|
-
export declare type AriaBreadcrumbProps = ElementComponentProps<AriaBreadcrumbElement, AriaBreadcrumbElementAttributes, AriaBreadcrumbElementEventMap>;
|
|
69
|
-
export declare type AriaBreadcrumbListProps = ElementComponentProps<AriaBreadcrumbListElement, AriaBreadcrumbListElementAttributes, AriaBreadcrumbListElementEventMap>;
|
|
70
|
-
export declare type AriaBreadcrumbItemProps = ElementComponentProps<AriaBreadcrumbItemElement, AriaBreadcrumbItemElementAttributes, AriaBreadcrumbItemElementEventMap>;
|
|
71
|
-
export declare type AriaButtonProps = ElementComponentProps<AriaButtonElement, AriaButtonElementAttributes, AriaButtonElementEventMap>;
|
|
72
|
-
export declare type AriaCarouselProps = ElementComponentProps<AriaCarouselElement, AriaCarouselElementAttributes, AriaCarouselElementEventMap>;
|
|
73
|
-
export declare type AriaCarouselNextSlideControlProps = ElementComponentProps<AriaCarouselNextSlideControlElement, AriaCarouselNextSlideControlElementAttributes, AriaCarouselNextSlideControlElementEventMap>;
|
|
74
|
-
export declare type AriaCarouselPreviousSlideControlProps = ElementComponentProps<AriaCarouselPreviousSlideControlElement, AriaCarouselPreviousSlideControlElementAttributes, AriaCarouselPreviousSlideControlElementEventMap>;
|
|
75
|
-
export declare type AriaCarouselRotationControlProps = ElementComponentProps<AriaCarouselRotationControlElement, AriaCarouselRotationControlElementAttributes, AriaCarouselRotationControlElementEventMap>;
|
|
76
|
-
export declare type AriaCarouselSlideProps = ElementComponentProps<AriaCarouselSlideElement, AriaCarouselSlideElementAttributes, AriaCarouselSlideElementEventMap>;
|
|
77
|
-
export declare type AriaCarouselSlidesProps = ElementComponentProps<AriaCarouselSlidesElement, AriaCarouselSlidesElementAttributes, AriaCarouselSlidesElementEventMap>;
|
|
78
|
-
export declare type AriaCarouselTabProps = ElementComponentProps<AriaCarouselTabElement, AriaCarouselTabElementAttributes, AriaCarouselTabElementEventMap>;
|
|
79
|
-
export declare type AriaCarouselTabsProps = ElementComponentProps<AriaCarouselTabsElement, AriaCarouselTabsElementAttributes, AriaCarouselTabsElementEventMap>;
|
|
80
|
-
export declare type AriaCheckBoxProps = ElementComponentProps<AriaCheckBoxElement, AriaCheckBoxElementAttributes, AriaCheckBoxElementEventMap>;
|
|
81
|
-
export declare type AriaComboBoxProps = ElementComponentProps<AriaComboBoxElement, AriaComboBoxElementAttributes<AriaComboBoxOptionElement>, AriaComboBoxElementEventMap>;
|
|
82
|
-
export declare type AriaComboBoxButtonProps = ElementComponentProps<AriaComboBoxButtonElement, AriaComboBoxButtonElementAttributes, AriaComboBoxButtonElementEventMap>;
|
|
83
|
-
export declare type AriaComboBoxGroupProps = ElementComponentProps<AriaComboBoxGroupElement, AriaComboBoxGroupElementAttributes, AriaComboBoxGroupElementEventMap>;
|
|
84
|
-
export declare type AriaComboBoxInputProps = ElementComponentProps<AriaComboBoxInputElement, AriaComboBoxInputElementAttributes, AriaComboBoxInputElementEventMap>;
|
|
85
|
-
export declare type AriaComboBoxListProps = ElementComponentProps<AriaComboBoxListElement, AriaComboBoxListElementAttributes, AriaComboBoxListElementEventMap>;
|
|
86
|
-
export declare type AriaComboBoxOptionProps = ElementComponentProps<AriaComboBoxOptionElement, AriaComboBoxOptionElementAttributes, AriaComboBoxOptionElementEventMap>;
|
|
87
|
-
export declare type AriaDialogProps = ElementComponentProps<AriaDialogElement, AriaDialogElementAttributes, AriaDialogElementEventMap>;
|
|
88
|
-
export declare type AriaDialogDescriptionProps = ElementComponentProps<AriaDialogDescriptionElement, AriaDialogDescriptionElementAttributes, AriaDialogDescriptionElementEventMap>;
|
|
89
|
-
export declare type AriaDialogLabelProps = ElementComponentProps<AriaDialogLabelElement, AriaDialogLabelElementAttributes, AriaDialogLabelElementEventMap>;
|
|
90
|
-
export declare type AriaDisclosureProps = ElementComponentProps<AriaDisclosureElement, AriaDisclosureElementAttributes, AriaDisclosureElementEventMap>;
|
|
91
|
-
export declare type AriaDisclosureButtonProps = ElementComponentProps<AriaDisclosureButtonElement, AriaDisclosureButtonElementAttributes, AriaDisclosureButtonElementEventMap>;
|
|
92
|
-
export declare type AriaDisclosurePanelProps = ElementComponentProps<AriaDisclosurePanelElement, AriaDisclosurePanelElementAttributes, AriaDisclosurePanelElementEventMap>;
|
|
93
|
-
export declare type AriaDisclosureSectionProps = ElementComponentProps<AriaDisclosureSectionElement, AriaDisclosureSectionElementAttributes, AriaDisclosureSectionElementEventMap>;
|
|
94
|
-
export declare type AriaFeedProps = ElementComponentProps<AriaFeedElement, AriaFeedElementAttributes, AriaFeedElementEventMap>;
|
|
95
|
-
export declare type AriaFeedArticleProps = ElementComponentProps<AriaFeedArticleElement, AriaFeedArticleElementAttributes, AriaFeedArticleElementEventMap>;
|
|
96
|
-
export declare type AriaFeedArticleDescriptionProps = ElementComponentProps<AriaFeedArticleDescriptionElement, AriaFeedArticleDescriptionElementAttributes, AriaFeedArticleDescriptionElementEventMap>;
|
|
97
|
-
export declare type AriaFeedArticleLabelProps = ElementComponentProps<AriaFeedArticleLabelElement, AriaFeedArticleLabelElementAttributes, AriaFeedArticleLabelElementEventMap>;
|
|
98
|
-
export declare type AriaLinkProps = ElementComponentProps<AriaLinkElement, AriaLinkElementAttributes, AriaLinkElementEventMap>;
|
|
99
|
-
export declare type AriaListBoxProps = ElementComponentProps<AriaListBoxElement, AriaListBoxElementAttributes<AriaListBoxOptionElement>, AriaListBoxElementEventMap>;
|
|
100
|
-
export declare type AriaListBoxOptionProps = ElementComponentProps<AriaListBoxOptionElement, AriaListBoxOptionElementAttributes, AriaListBoxOptionElementEventMap>;
|
|
101
|
-
export declare type AriaMenuProps = ElementComponentProps<AriaMenuElement, AriaMenuElementAttributes<AriaMenuItemElement>, AriaMenuElementEventMap>;
|
|
102
|
-
export declare type AriaMenuButtonProps = ElementComponentProps<AriaMenuButtonElement, AriaMenuButtonElementAttributes, AriaMenuButtonElementEventMap>;
|
|
103
|
-
export declare type AriaMenuItemProps = ElementComponentProps<AriaMenuItemElement, AriaMenuItemElementAttributes, AriaMenuItemElementEventMap>;
|
|
104
|
-
export declare type AriaMenuSubMenuProps = ElementComponentProps<AriaMenuSubMenuElement, AriaMenuSubMenuElementAttributes, AriaMenuSubMenuElementEventMap>;
|
|
105
|
-
export declare type AriaMeterProps = ElementComponentProps<AriaMeterElement, AriaMeterElementAttributes, AriaMeterElementEventMap>;
|
|
106
|
-
export declare type AriaRadioButtonProps = ElementComponentProps<AriaRadioButtonElement, AriaRadioButtonElementAttributes, AriaRadioButtonElementEventMap>;
|
|
107
|
-
export declare type AriaRadioGroupProps = ElementComponentProps<AriaRadioGroupElement, AriaRadioGroupElementAttributes, AriaRadioGroupElementEventMap>;
|
|
108
|
-
export declare type AriaSliderProps = ElementComponentProps<AriaSliderElement, AriaSliderElementAttributes, AriaSliderElementEventMap>;
|
|
109
|
-
export declare type AriaSliderThumbProps = ElementComponentProps<AriaSliderThumbElement, AriaSliderThumbElementAttributes, AriaSliderThumbElementEventMap>;
|
|
110
|
-
export declare type AriaSwitchProps = ElementComponentProps<AriaSwitchElement, AriaSwitchElementAttributes, AriaSwitchElementEventMap>;
|
|
111
|
-
export declare type AriaTabsProps = ElementComponentProps<AriaTabsElement, AriaTabsElementAttributes, AriaTabsElementEventMap>;
|
|
112
|
-
export declare type AriaTabsPanelProps = ElementComponentProps<AriaTabsPanelElement, AriaTabsPanelElementAttributes, AriaTabsPanelElementEventMap>;
|
|
113
|
-
export declare type AriaTabsTabProps = ElementComponentProps<AriaTabsTabElement, AriaTabsTabElementAttributes, AriaTabsTabElementEventMap>;
|
|
114
|
-
export declare type AriaTooltipProps = ElementComponentProps<AriaTooltipElement, AriaTooltipElementAttributes, AriaTooltipElementEventMap>;
|
|
115
|
-
export declare type AriaTooltipArrowProps = ElementComponentProps<AriaTooltipArrowElement, AriaTooltipArrowElementAttributes, AriaTooltipArrowElementEventMap>;
|
|
116
|
-
export declare type AriaTooltipContentProps = ElementComponentProps<AriaTooltipContentElement, AriaTooltipContentElementAttributes, AriaTooltipContentElementEventMap>;
|
|
117
|
-
export declare type AriaTooltipTriggerProps = ElementComponentProps<AriaTooltipTriggerElement, AriaTooltipTriggerElementAttributes, AriaTooltipTriggerElementEventMap>;
|
|
118
|
-
/**
|
|
119
|
-
* Data Props
|
|
120
|
-
*/
|
|
121
|
-
/** */
|
|
122
|
-
export declare type AvatarProps = ElementComponentProps<AvatarElement, AvatarElementAttributes, AvatarElementEventMap>;
|
|
123
|
-
export declare type BadgeProps = ElementComponentProps<BadgeElement, BadgeElementAttributes, BadgeElementEventMap>;
|
|
124
|
-
export declare type CarouselProps = ElementComponentProps<CarouselElement, CarouselElementAttributes, CarouselElementEventMap>;
|
|
125
|
-
export declare type CarouselNextSlideControlProps = ElementComponentProps<CarouselNextSlideControlElement, CarouselNextSlideControlElementAttributes, CarouselNextSlideControlElementEventMap>;
|
|
126
|
-
export declare type CarouselPreviousSlideControlProps = ElementComponentProps<CarouselPreviousSlideControlElement, CarouselPreviousSlideControlElementAttributes, CarouselPreviousSlideControlElementEventMap>;
|
|
127
|
-
export declare type CarouselRotationControlProps = ElementComponentProps<CarouselRotationControlElement, CarouselRotationControlElementAttributes, CarouselRotationControlElementEventMap>;
|
|
128
|
-
export declare type CarouselSlideProps = ElementComponentProps<CarouselSlideElement, CarouselSlideElementAttributes, CarouselSlideElementEventMap>;
|
|
129
|
-
export declare type CarouselSlidesProps = ElementComponentProps<CarouselSlidesElement, CarouselSlidesElementAttributes, CarouselSlidesElementEventMap>;
|
|
130
|
-
export declare type CarouselTabProps = ElementComponentProps<CarouselTabElement, CarouselTabElementAttributes, CarouselTabElementEventMap>;
|
|
131
|
-
export declare type CarouselTabsProps = ElementComponentProps<CarouselTabsElement, CarouselTabsElementAttributes, CarouselTabsElementEventMap>;
|
|
132
|
-
export declare type ChipProps = ElementComponentProps<ChipElement, ChipElementAttributes, ChipElementEventMap>;
|
|
133
|
-
export declare type FeedProps = ElementComponentProps<FeedElement, FeedElementAttributes, FeedElementEventMap>;
|
|
134
|
-
export declare type FeedArticleProps = ElementComponentProps<FeedArticleElement, FeedArticleElementAttributes, FeedArticleElementEventMap>;
|
|
135
|
-
export declare type FeedArticleDescriptionProps = ElementComponentProps<FeedArticleDescriptionElement, FeedArticleDescriptionElementAttributes, FeedArticleDescriptionElementEventMap>;
|
|
136
|
-
export declare type FeedArticleLabelProps = ElementComponentProps<FeedArticleLabelElement, FeedArticleLabelElementAttributes, FeedArticleLabelElementEventMap>;
|
|
137
|
-
export declare type IconProps = ElementComponentProps<IconElement, IconElementAttributes, IconElementEventMap>;
|
|
138
|
-
export declare type ImageProps = ElementComponentProps<ImageElement, ImageElementAttributes, ImageElementEventMap>;
|
|
139
|
-
export declare type ListProps = ElementComponentProps<ListElement, ListElementAttributes, ListElementEventMap>;
|
|
140
|
-
export declare type ListItemProps = ElementComponentProps<ListItemElement, ListItemElementAttributes, ListItemElementEventMap>;
|
|
141
|
-
export declare type TooltipProps = ElementComponentProps<TooltipElement, TooltipElementAttributes, TooltipElementEventMap>;
|
|
142
|
-
export declare type TooltipArrowProps = ElementComponentProps<TooltipArrowElement, TooltipArrowElementAttributes, TooltipArrowElementEventMap>;
|
|
143
|
-
export declare type TooltipContentProps = ElementComponentProps<TooltipContentElement, TooltipContentElementAttributes, TooltipContentElementEventMap>;
|
|
144
|
-
export declare type TooltipTriggerProps = ElementComponentProps<TooltipTriggerElement, TooltipTriggerElementAttributes, TooltipTriggerElementEventMap>;
|
|
145
|
-
/**
|
|
146
|
-
* Feedback Props
|
|
147
|
-
*/
|
|
148
|
-
/** */
|
|
149
|
-
export declare type AlertProps = ElementComponentProps<AlertElement, AlertElementAttributes, AlertElementEventMap>;
|
|
150
|
-
export declare type AlertDialogProps = ElementComponentProps<AlertDialogElement, AlertDialogElementAttributes, AlertDialogElementEventMap>;
|
|
151
|
-
export declare type AlertDialogDescriptionProps = ElementComponentProps<AlertDialogDescriptionElement, AlertDialogDescriptionElementAttributes, AlertDialogDescriptionElementEventMap>;
|
|
152
|
-
export declare type AlertDialogLabelProps = ElementComponentProps<AlertDialogLabelElement, AlertDialogLabelElementAttributes, AlertDialogLabelElementEventMap>;
|
|
153
|
-
export declare type DialogProps = ElementComponentProps<DialogElement, DialogElementAttributes, DialogElementEventMap>;
|
|
154
|
-
export declare type DialogDescriptionProps = ElementComponentProps<DialogDescriptionElement, DialogDescriptionElementAttributes, DialogDescriptionElementEventMap>;
|
|
155
|
-
export declare type DialogLabelProps = ElementComponentProps<DialogLabelElement, DialogLabelElementAttributes, DialogLabelElementEventMap>;
|
|
156
|
-
export declare type MeterProps = ElementComponentProps<MeterElement, MeterElementAttributes, MeterElementEventMap>;
|
|
157
|
-
/**
|
|
158
|
-
* Input Props
|
|
159
|
-
*/
|
|
160
|
-
/** */
|
|
161
|
-
export declare type ButtonProps = ElementComponentProps<ButtonElement, ButtonElementAttributes, ButtonElementEventMap>;
|
|
162
|
-
export declare type ButtonGroupProps = ElementComponentProps<ButtonGroupElement, ButtonGroupElementAttributes, ButtonGroupElementEventMap>;
|
|
163
|
-
export declare type CheckBoxProps = ElementComponentProps<CheckBoxElement, CheckBoxElementAttributes, CheckBoxElementEventMap>;
|
|
164
|
-
export declare type FormProps = ElementComponentProps<FormElement, FormElementAttributes, FormElementEventMap>;
|
|
165
|
-
export declare type InputProps = ElementComponentProps<InputElement, InputElementAttributes, InputElementEventMap>;
|
|
166
|
-
export declare type InputFileProps = ElementComponentProps<InputFileElement, InputFileElementAttributes, InputFileElementEventMap>;
|
|
167
|
-
export declare type RadioButtonProps = ElementComponentProps<RadioButtonElement, RadioButtonElementAttributes, RadioButtonElementEventMap>;
|
|
168
|
-
export declare type RadioGroupProps = ElementComponentProps<RadioGroupElement, RadioGroupElementAttributes, RadioGroupElementEventMap>;
|
|
169
|
-
export declare type SelectProps = ElementComponentProps<SelectElement, SelectElementAttributes<SelectOptionElement>, SelectElementEventMap>;
|
|
170
|
-
export declare type SelectButtonProps = ElementComponentProps<SelectButtonElement, SelectButtonElementAttributes, SelectButtonElementEventMap>;
|
|
171
|
-
export declare type SelectGroupProps = ElementComponentProps<SelectGroupElement, SelectGroupElementAttributes, SelectGroupElementEventMap>;
|
|
172
|
-
export declare type SelectInputProps = ElementComponentProps<SelectInputElement, SelectInputElementAttributes, SelectInputElementEventMap>;
|
|
173
|
-
export declare type SelectListProps = ElementComponentProps<SelectListElement, SelectListElementAttributes, SelectListElementEventMap>;
|
|
174
|
-
export declare type SelectOptionProps = ElementComponentProps<SelectOptionElement, SelectOptionElementAttributes, SelectOptionElementEventMap>;
|
|
175
|
-
export declare type SliderProps = ElementComponentProps<SliderElement, SliderElementAttributes, SliderElementEventMap>;
|
|
176
|
-
export declare type SliderThumbProps = ElementComponentProps<SliderThumbElement, SliderThumbElementAttributes, SliderThumbElementEventMap>;
|
|
177
|
-
export declare type SwitchProps = ElementComponentProps<SwitchElement, SwitchElementAttributes, SwitchElementEventMap>;
|
|
178
|
-
export declare type TextAreaProps = ElementComponentProps<TextAreaElement, TextAreaElementAttributes, TextAreaElementEventMap>;
|
|
179
|
-
/**
|
|
180
|
-
* Layout Props
|
|
181
|
-
*/
|
|
182
|
-
export declare type DividerProps = ElementComponentProps<DividerElement, DividerElementAttributes, DividerElementEventMap>;
|
|
183
|
-
/**
|
|
184
|
-
* Navigation Props
|
|
185
|
-
*/
|
|
186
|
-
export declare type BreadcrumbProps = ElementComponentProps<BreadcrumbElement, BreadcrumbElementAttributes, BreadcrumbElementEventMap>;
|
|
187
|
-
export declare type BreadcrumbListProps = ElementComponentProps<BreadcrumbListElement, BreadcrumbListElementAttributes, BreadcrumbListElementEventMap>;
|
|
188
|
-
export declare type BreadcrumbItemProps = ElementComponentProps<BreadcrumbItemElement, BreadcrumbItemElementAttributes, BreadcrumbItemElementEventMap>;
|
|
189
|
-
export declare type MenuProps = ElementComponentProps<MenuElement, MenuElementAttributes<MenuItemElement>, MenuElementEventMap>;
|
|
190
|
-
export declare type MenuButtonProps = ElementComponentProps<MenuButtonElement, MenuButtonElementAttributes, MenuButtonElementEventMap>;
|
|
191
|
-
export declare type MenuItemProps = ElementComponentProps<MenuItemElement, MenuItemElementAttributes, MenuItemElementEventMap>;
|
|
192
|
-
export declare type MenuSubMenuProps = ElementComponentProps<MenuSubMenuElement, MenuSubMenuElementAttributes, MenuSubMenuElementEventMap>;
|
|
193
|
-
export declare type NavigationBarProps = ElementComponentProps<NavigationBarElement, NavigationBarElementAttributes, NavigationBarElementEventMap>;
|
|
194
|
-
export declare type NavigationBarItemProps = ElementComponentProps<NavigationBarItemElement, NavigationBarItemElementAttributes, NavigationBarItemElementEventMap>;
|
|
195
|
-
export declare type NavigationRailProps = ElementComponentProps<NavigationRailElement, NavigationRailElementAttributes, NavigationRailElementEventMap>;
|
|
196
|
-
export declare type NavigationRailItemProps = ElementComponentProps<NavigationRailItemElement, NavigationRailItemElementAttributes, NavigationRailItemElementEventMap>;
|
|
197
|
-
export declare type TabsProps = ElementComponentProps<TabsElement, TabsElementAttributes, TabsElementEventMap>;
|
|
198
|
-
export declare type TabsPanelProps = ElementComponentProps<TabsPanelElement, TabsPanelElementAttributes, TabsPanelElementEventMap>;
|
|
199
|
-
export declare type TabsTabProps = ElementComponentProps<TabsTabElement, TabsTabElementAttributes, TabsTabElementEventMap>;
|
|
200
|
-
/**
|
|
201
|
-
* Surface Props
|
|
202
|
-
*/
|
|
203
|
-
export declare type AccordionProps = ElementComponentProps<AccordionElement, AccordionElementAttributes, AccordionElementEventMap>;
|
|
204
|
-
export declare type AccordionButtonProps = ElementComponentProps<AccordionButtonElement, AccordionButtonElementAttributes, AccordionButtonElementEventMap>;
|
|
205
|
-
export declare type AccordionHeaderProps = ElementComponentProps<AccordionHeaderElement, AccordionHeaderElementAttributes, AccordionHeaderElementEventMap>;
|
|
206
|
-
export declare type AccordionPanelProps = ElementComponentProps<AccordionPanelElement, AccordionPanelElementAttributes, AccordionPanelElementEventMap>;
|
|
207
|
-
export declare type AccordionSectionProps = ElementComponentProps<AccordionSectionElement, AccordionSectionElementAttributes, AccordionSectionElementEventMap>;
|
|
208
|
-
export declare type DisclosureProps = ElementComponentProps<DisclosureElement, DisclosureElementAttributes, DisclosureElementEventMap>;
|
|
209
|
-
export declare type DisclosureButtonProps = ElementComponentProps<DisclosureButtonElement, DisclosureButtonElementAttributes, DisclosureButtonElementEventMap>;
|
|
210
|
-
export declare type DisclosurePanelProps = ElementComponentProps<DisclosurePanelElement, DisclosurePanelElementAttributes, DisclosurePanelElementEventMap>;
|
|
211
|
-
export declare type DisclosureSectionProps = ElementComponentProps<DisclosureSectionElement, DisclosureSectionElementAttributes, DisclosureSectionElementEventMap>;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { PascalCase } from '@aracna/core';
|
|
2
|
-
import type { DOMElement, ForwardedRef, HTMLAttributes, RefAttributes } from 'react';
|
|
3
|
-
export declare type ElementComponent<Element extends HTMLElement, Props extends HTMLAttributes<Element> = {}> = (props: Props, ref: ForwardedRef<Element>) => DOMElement<Props, Element>;
|
|
4
|
-
export declare type ElementComponentAttributes = Record<PropertyKey, any>;
|
|
5
|
-
export declare type ElementComponentEvents = Record<PropertyKey, any>;
|
|
6
|
-
export declare type ElementComponentProps<Element extends HTMLElement, Attributes extends ElementComponentAttributes = ElementComponentAttributes, Events extends ElementComponentEvents = ElementComponentEvents> = HTMLAttributes<Element> & RefAttributes<Element> & MapComponentAttributes<Attributes | Events>;
|
|
7
|
-
export declare type MapComponentAttributes<T extends ElementComponentAttributes> = {
|
|
8
|
-
[key in keyof T as key extends string ? (T[key] extends Event ? `on${PascalCase<key>}` : key) : key]?: T[key] extends Event ? (event: T[key]) => any : T[key];
|
|
9
|
-
};
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { KeyOf } from '@aracna/core';
|
|
2
|
-
import { BaseElementAttributes, BaseElementEventMap } from '@aracna/web';
|
|
3
|
-
import { ElementComponent, ElementComponentProps } from '../definitions/types';
|
|
4
|
-
export declare function createBaseElementComponent<Element extends HTMLElementTagNameMap[Key], Attributes extends BaseElementAttributes = BaseElementAttributes, Events extends BaseElementEventMap = BaseElementEventMap, Props extends ElementComponentProps<Element, Attributes, Events> = ElementComponentProps<Element, Attributes, Events>, Key extends keyof HTMLElementTagNameMap = keyof HTMLElementTagNameMap>(tag: Key, element: {
|
|
5
|
-
new (): Element;
|
|
6
|
-
}, events?: KeyOf.Shallow<Events>[]): ElementComponent<Element, Props>;
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { KeyOf } from '@aracna/core';
|
|
2
|
-
import { ElementComponent, ElementComponentAttributes, ElementComponentEvents, ElementComponentProps } from '../definitions/types';
|
|
3
|
-
export declare function createElementComponent<Element extends HTMLElementTagNameMap[Key], Attributes extends ElementComponentAttributes = {}, Events extends ElementComponentEvents = {}, Props extends ElementComponentProps<Element, Attributes, Events> = ElementComponentProps<Element, Attributes, Events>, Key extends keyof HTMLElementTagNameMap = keyof HTMLElementTagNameMap>(tag: Key, element: {
|
|
4
|
-
new (): Element;
|
|
5
|
-
}, events?: KeyOf.Shallow<Events>[]): ElementComponent<Element, Props>;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { KeyOf } from '@aracna/core';
|
|
2
|
-
import { FloatingElementAttributes, FloatingElementEventMap } from '@aracna/web';
|
|
3
|
-
import { ElementComponent, ElementComponentProps } from '../definitions/types';
|
|
4
|
-
export declare function createFloatingElementComponent<Element extends HTMLElementTagNameMap[Key], Attributes extends FloatingElementAttributes = FloatingElementAttributes, Events extends FloatingElementEventMap = FloatingElementEventMap, Props extends ElementComponentProps<Element, Attributes, Events> = ElementComponentProps<Element, Attributes, Events>, Key extends keyof HTMLElementTagNameMap = keyof HTMLElementTagNameMap>(tag: Key, element: {
|
|
5
|
-
new (): Element;
|
|
6
|
-
}, events?: KeyOf.Shallow<Events>[]): ElementComponent<Element, Props>;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { KeyOf } from '@aracna/core';
|
|
2
|
-
import { FocusTrapElementAttributes, FocusTrapElementEventMap } from '@aracna/web';
|
|
3
|
-
import { ElementComponent, ElementComponentProps } from '../definitions/types';
|
|
4
|
-
export declare function createFocusTrapElementComponent<Element extends HTMLElementTagNameMap[Key], Attributes extends FocusTrapElementAttributes = FocusTrapElementAttributes, Events extends FocusTrapElementEventMap = FocusTrapElementEventMap, Props extends ElementComponentProps<Element, Attributes, Events> = ElementComponentProps<Element, Attributes, Events>, Key extends keyof HTMLElementTagNameMap = keyof HTMLElementTagNameMap>(tag: Key, element: {
|
|
5
|
-
new (): Element;
|
|
6
|
-
}, events?: KeyOf.Shallow<Events>[]): ElementComponent<Element, Props>;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { KeyOf } from '@aracna/core';
|
|
2
|
-
import { FormFieldElementAttributes, FormFieldElementEventMap } from '@aracna/web';
|
|
3
|
-
import { ElementComponent, ElementComponentProps } from '../definitions/types';
|
|
4
|
-
export declare function createFormFieldElementComponent<Element extends HTMLElementTagNameMap[Key], Attributes extends FormFieldElementAttributes = FormFieldElementAttributes, Events extends FormFieldElementEventMap = FormFieldElementEventMap, Props extends ElementComponentProps<Element, Attributes, Events> = ElementComponentProps<Element, Attributes, Events>, Key extends keyof HTMLElementTagNameMap = keyof HTMLElementTagNameMap>(tag: Key, element: {
|
|
5
|
-
new (): Element;
|
|
6
|
-
}, events?: KeyOf.Shallow<Events>[]): ElementComponent<Element, Props>;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { ForwardedRef, ReactElement } from 'react';
|
|
2
|
-
declare type ForwardRefRenderFunction<T, P = {}> = (props: P, ref: ForwardedRef<T>) => ReactElement<P>;
|
|
3
|
-
declare type NullableForwardRefRenderFunction<T, P = {}> = (props: P, ref: ForwardedRef<T>) => ReactElement<P> | null;
|
|
4
|
-
declare type ForwardRefExoticComponent<P = {}> = (props: P) => ReactElement;
|
|
5
|
-
declare type NullableForwardRefExoticComponent<P = {}> = (props: P) => ReactElement<P> | null;
|
|
6
|
-
declare function forwardRef<T, P = {}>(render: ForwardRefRenderFunction<T, P>): ForwardRefExoticComponent<P>;
|
|
7
|
-
declare function forwardRef<T, P = {}>(render: NullableForwardRefRenderFunction<T, P>): NullableForwardRefExoticComponent<P>;
|
|
8
|
-
export { forwardRef };
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { MutableRefObject } from 'react';
|
|
2
|
-
interface Options {
|
|
3
|
-
attribute?: {
|
|
4
|
-
blacklist?: string[];
|
|
5
|
-
dispatch?: boolean;
|
|
6
|
-
whitelist?: string[];
|
|
7
|
-
};
|
|
8
|
-
state?: {
|
|
9
|
-
blacklist?: string[];
|
|
10
|
-
dispatch?: boolean;
|
|
11
|
-
whitelist?: string[];
|
|
12
|
-
};
|
|
13
|
-
}
|
|
14
|
-
interface ReturnInterface<K extends keyof HTMLElementTagNameMap> {
|
|
15
|
-
element: HTMLElementTagNameMap[K] | null;
|
|
16
|
-
ref: MutableRefObject<HTMLElementTagNameMap[K] | null>;
|
|
17
|
-
}
|
|
18
|
-
export declare function useComponent<K extends keyof HTMLElementTagNameMap>(options?: Options): ReturnInterface<K>;
|
|
19
|
-
export {};
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import { DependencyList, MutableRefObject } from 'react';
|
|
2
|
-
export declare function useEventListener<T extends Element, E extends Event, K extends keyof HTMLElementEventMap>(ref: MutableRefObject<T | null>, type: K, listener: (event: HTMLElementEventMap[K]) => any, deps?: DependencyList): void;
|
|
3
|
-
export declare function useEventListener<T extends Element, E extends Event, K extends keyof SVGElementEventMap>(ref: MutableRefObject<T | null>, type: K, listener: (event: SVGElementEventMap[K]) => any, deps?: DependencyList): void;
|
|
4
|
-
export declare function useEventListener<T extends Element, E extends Event>(ref: MutableRefObject<T | null>, type: string, listener: (event: E) => any, deps?: DependencyList): void;
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import { MutableRefObject } from 'react';
|
|
2
|
-
export declare function useSafeRef<K extends keyof HTMLElementTagNameMap>(tagName: K, options?: ElementCreationOptions): MutableRefObject<HTMLElementTagNameMap[K]>;
|
|
3
|
-
export declare function useSafeRef<K extends keyof SVGElementTagNameMap>(tagName: K, options?: ElementCreationOptions): MutableRefObject<SVGElementTagNameMap[K]>;
|
package/declarations/index.d.ts
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
export * from './definitions/props';
|
|
2
|
-
export * from './definitions/types';
|
|
3
|
-
export * from './functions/create.base.element.component';
|
|
4
|
-
export * from './functions/create.element.component';
|
|
5
|
-
export * from './functions/create.floating.element.component';
|
|
6
|
-
export * from './functions/create.focus.trap.element.component';
|
|
7
|
-
export * from './functions/create.form.field.element.component';
|
|
8
|
-
export * from './functions/forward.ref';
|
|
9
|
-
export * from './hooks/use.aracna.element';
|
|
10
|
-
export * from './hooks/use.event.listener';
|
|
11
|
-
export * from './hooks/use.safe.ref';
|
|
12
|
-
export * from './hooks/use.window.event.listener';
|
package/index.cjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("@aracna/core"),t=require("react");function r(r,n,a){return t.forwardRef(((n,s)=>{n={...n};for(let e in n)!1===n[e]&&delete n[e],!0===n[e]&&(n[e]="");n.className&&(e.setObjectProperty(n,"class",n.className),delete n.className);const i=s??t.createRef(),c=t.createElement(r,{...n,ref:i,suppressHydrationWarning:!0}),[o]=t.useState(new Map),u=()=>{if("object"==typeof i&&i?.current)for(let e of o)i.current.removeEventListener(...e),o.delete(e[0])};return t.useEffect((()=>(u(),(()=>{if("object"==typeof i&&i?.current&&a)for(let t of a){let r,a;r="on"+e.getPascalCaseString(String(t)),a=e.getObjectProperty(n,r),"function"==typeof a&&(i.current.addEventListener(String(t),a),o.set(String(t),a))}})(),u)),[n]),c}))}function n(e,t,n=[]){return r(e,0,["attribute-change","state-change",...n])}function a(e,r,n,a=[]){t.useEffect((()=>(e.current?.addEventListener(r,n),()=>e.current?.removeEventListener(r,n))),a)}exports.createBaseElementComponent=n,exports.createElementComponent=r,exports.createFloatingElementComponent=function(e,t,r){return n(e,0,r)},exports.createFocusTrapElementComponent=function(e,t,r=[]){return n(e,0,["focus-trap-activate","focus-trap-deactivate","focus-trap-post-activate","focus-trap-post-deactivate",...r])},exports.createFormFieldElementComponent=function(e,t,r){return n(e,0,r)},exports.forwardRef=function(...e){return t.forwardRef(e[0])},exports.useComponent=function(e){const r=t.useRef(null),[,n]=t.useReducer((()=>({})),{});return a(r,"attribute-changed",(t=>{!0===e?.attribute?.dispatch&&t.detail&&(e.attribute.blacklist&&e.attribute.blacklist.includes(t.detail.name)||e.attribute.whitelist&&!e.attribute.whitelist.includes(t.detail.name)||n())}),[r.current]),a(r,"state-changed",(t=>{!0===e?.state?.dispatch&&t.detail&&(e.state.blacklist&&e.state.blacklist.includes(t.detail.name)||e.state.whitelist&&!e.state.whitelist.includes(t.detail.name)||n())}),[r.current]),t.useEffect((()=>n()),[r.current]),{element:r.current,ref:r}},exports.useEventListener=a,exports.useSafeRef=function(r,n){return t.useRef(e.Environment.isWindowDefined?document.createElement(r,n):{current:{}})},exports.useWindowEventListener=function(e,r,n=[]){t.useEffect((()=>(window.addEventListener(e,r),()=>window.removeEventListener(e,r))),n)};
|