etudes 32.1.0 → 32.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/components/Burger.d.ts +2 -2
- package/build/components/BurgerButton.d.ts +2 -2
- package/build/components/CoverImage.d.ts +3 -3
- package/build/components/CoverVideo.d.ts +3 -3
- package/build/components/OptionButton.d.ts +1 -1
- package/build/components/PanoramaSlider.d.ts +4 -4
- package/build/components/SelectableButton.d.ts +1 -1
- package/build/etudes.js +36 -25
- package/build/etudes.umd.cjs +2 -2
- package/build/flows/Conditional.d.ts +1 -1
- package/build/flows/Each.d.ts +1 -1
- package/build/flows/Repeat.d.ts +1 -1
- package/build/flows/Switch.d.ts +1 -1
- package/build/hocs/WithTooltip.d.ts +1 -1
- package/build/primitives/Accordion.d.ts +6 -6
- package/build/primitives/Button.d.ts +1 -1
- package/build/primitives/Carousel.d.ts +4 -4
- package/build/primitives/CodeInput.d.ts +2 -2
- package/build/primitives/Collection.d.ts +2 -2
- package/build/primitives/Counter.d.ts +4 -4
- package/build/primitives/Dial.d.ts +3 -3
- package/build/primitives/Dropdown.d.ts +5 -5
- package/build/primitives/Form.d.ts +1 -1
- package/build/primitives/Image.d.ts +1 -1
- package/build/primitives/MasonryGrid.d.ts +1 -1
- package/build/primitives/Panorama.d.ts +1 -1
- package/build/primitives/Picture.d.ts +1 -1
- package/build/primitives/RangeSlider.d.ts +6 -6
- package/build/primitives/ScrollableCarousel.d.ts +1 -1
- package/build/primitives/Select.d.ts +4 -4
- package/build/primitives/Slider.d.ts +5 -5
- package/build/primitives/StepSlider.d.ts +5 -5
- package/build/primitives/SwipeRegion.d.ts +1 -1
- package/build/primitives/TextArea.d.ts +1 -1
- package/build/primitives/TextField.d.ts +1 -1
- package/build/primitives/Toggle.d.ts +3 -3
- package/build/primitives/Video.d.ts +1 -1
- package/build/providers/ScrollPositionProvider.d.ts +9 -4
- package/build/utils/ExtractChildren.d.ts +1 -1
- package/build/utils/NoSSR.d.ts +1 -1
- package/package.json +17 -17
|
@@ -14,7 +14,7 @@ export declare namespace Conditional {
|
|
|
14
14
|
/**
|
|
15
15
|
* Component for conditionally rendering children.
|
|
16
16
|
*/
|
|
17
|
-
export declare function Conditional({ children, if: functionOrTruthyExpression }: Readonly<Conditional.Props>): import("react
|
|
17
|
+
export declare function Conditional({ children, if: functionOrTruthyExpression }: Readonly<Conditional.Props>): import("react").JSX.Element;
|
|
18
18
|
export declare namespace Conditional {
|
|
19
19
|
var displayName: string;
|
|
20
20
|
}
|
package/build/flows/Each.d.ts
CHANGED
|
@@ -22,7 +22,7 @@ export declare namespace Each {
|
|
|
22
22
|
/**
|
|
23
23
|
* Component for rendering a list of items.
|
|
24
24
|
*/
|
|
25
|
-
export declare function Each<T>({ children, in: array, render, }: Readonly<Each.Props<T>>): import("react
|
|
25
|
+
export declare function Each<T>({ children, in: array, render, }: Readonly<Each.Props<T>>): import("react").JSX.Element;
|
|
26
26
|
export declare namespace Each {
|
|
27
27
|
var displayName: string;
|
|
28
28
|
}
|
package/build/flows/Repeat.d.ts
CHANGED
|
@@ -23,7 +23,7 @@ export declare namespace Repeat {
|
|
|
23
23
|
* A component that repeats its children, automatically assigning each a unique
|
|
24
24
|
* key.
|
|
25
25
|
*/
|
|
26
|
-
export declare function Repeat({ children, count, render, }: Readonly<Repeat.Props>): import("react
|
|
26
|
+
export declare function Repeat({ children, count, render, }: Readonly<Repeat.Props>): import("react").JSX.Element;
|
|
27
27
|
export declare namespace Repeat {
|
|
28
28
|
var displayName: string;
|
|
29
29
|
}
|
package/build/flows/Switch.d.ts
CHANGED
|
@@ -16,7 +16,7 @@ import { PropsWithChildren } from 'react';
|
|
|
16
16
|
* </Switch>
|
|
17
17
|
* ```
|
|
18
18
|
*/
|
|
19
|
-
export declare function Switch<T>({ children, condition, }: Switch.Props<T>): import("react
|
|
19
|
+
export declare function Switch<T>({ children, condition, }: Switch.Props<T>): import("react").JSX.Element | undefined;
|
|
20
20
|
export declare namespace Switch {
|
|
21
21
|
var displayName: string;
|
|
22
22
|
}
|
|
@@ -59,7 +59,7 @@ export declare namespace WithTooltip {
|
|
|
59
59
|
* 3. The child component must have `onMouseEnter` and `onMouseLeave` props,
|
|
60
60
|
* which will be used to trigger the tooltip display and hide, respectively
|
|
61
61
|
*/
|
|
62
|
-
export declare function WithTooltip({ className, style, alignment: externalAlignment, arrowHeight, arrowWidth, children, forwardProps, gap, hint, maxWidth, }: Readonly<WithTooltip.Props>): import("react
|
|
62
|
+
export declare function WithTooltip({ className, style, alignment: externalAlignment, arrowHeight, arrowWidth, children, forwardProps, gap, hint, maxWidth, }: Readonly<WithTooltip.Props>): import("react").JSX.Element;
|
|
63
63
|
export declare namespace WithTooltip {
|
|
64
64
|
var displayName: string;
|
|
65
65
|
}
|
|
@@ -12,7 +12,7 @@ import { Dropdown } from './Dropdown.js';
|
|
|
12
12
|
* @exports Accordion.Section Component for each section.
|
|
13
13
|
* @exports Accordion.Item Component for each item in each section.
|
|
14
14
|
*/
|
|
15
|
-
export declare function Accordion<I, S extends Accordion.SectionProps<I> = Accordion.SectionProps<I>>({ ref, style, children, expandedSectionIndices: externalExpandedSectionIndices, HeaderComponent, ItemComponent, orientation, sectionPadding, sections, selection: externalSelection, selectionMode, shouldAutoCollapse, onActivateAt, onCollapseSectionAt, onDeselectAt, onExpandedSectionsChange, onExpandSectionAt, onHeaderCustomEvent, onItemCustomEvent, onSelectAt, onSelectionChange, ...props }: Accordion.Props<I, S>): import("react
|
|
15
|
+
export declare function Accordion<I, S extends Accordion.SectionProps<I> = Accordion.SectionProps<I>>({ ref, style, children, expandedSectionIndices: externalExpandedSectionIndices, HeaderComponent, ItemComponent, orientation, sectionPadding, sections, selection: externalSelection, selectionMode, shouldAutoCollapse, onActivateAt, onCollapseSectionAt, onDeselectAt, onExpandedSectionsChange, onExpandSectionAt, onHeaderCustomEvent, onItemCustomEvent, onSelectAt, onSelectionChange, ...props }: Accordion.Props<I, S>): import("react").JSX.Element;
|
|
16
16
|
export declare namespace Accordion {
|
|
17
17
|
var displayName: string;
|
|
18
18
|
}
|
|
@@ -21,32 +21,32 @@ export declare namespace Accordion {
|
|
|
21
21
|
* Component for each section header of an {@link Accordion}.
|
|
22
22
|
*/
|
|
23
23
|
const Header: {
|
|
24
|
-
({ children, ...props }: Dropdown.ToggleProps & HTMLAttributes<HTMLButtonElement>): import("react
|
|
24
|
+
({ children, ...props }: Dropdown.ToggleProps & HTMLAttributes<HTMLButtonElement>): import("react").JSX.Element;
|
|
25
25
|
displayName: string;
|
|
26
26
|
};
|
|
27
27
|
/**
|
|
28
28
|
* Component for the expand icon of each section of an {@link Accordion}.
|
|
29
29
|
*/
|
|
30
30
|
const ExpandIcon: {
|
|
31
|
-
({ children, ...props }: HTMLAttributes<HTMLDivElement>): import("react
|
|
31
|
+
({ children, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
|
|
32
32
|
displayName: string;
|
|
33
33
|
};
|
|
34
34
|
/**
|
|
35
35
|
* Component for the collapse icon of each section of an {@link Accordion}.
|
|
36
36
|
*/
|
|
37
37
|
const CollapseIcon: {
|
|
38
|
-
({ children, ...props }: HTMLAttributes<HTMLDivElement>): import("react
|
|
38
|
+
({ children, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
|
|
39
39
|
displayName: string;
|
|
40
40
|
};
|
|
41
41
|
/**
|
|
42
42
|
* Component for each section in an {@link Accordion}.
|
|
43
43
|
*/
|
|
44
|
-
const Section: ({ children, ...props }: HTMLAttributes<HTMLDivElement>) => import("react
|
|
44
|
+
const Section: ({ children, ...props }: HTMLAttributes<HTMLDivElement>) => import("react").JSX.Element;
|
|
45
45
|
/**
|
|
46
46
|
* Component for each item of each section of an {@link Accordion}.
|
|
47
47
|
*/
|
|
48
48
|
const Item: {
|
|
49
|
-
({ children, selectionMode, onActivateAt, ...props }: HTMLAttributes<HTMLButtonElement | HTMLDivElement> & Pick<Collection.Props<any>, "onActivateAt" | "selectionMode">): import("react
|
|
49
|
+
({ children, selectionMode, onActivateAt, ...props }: HTMLAttributes<HTMLButtonElement | HTMLDivElement> & Pick<Collection.Props<any>, "onActivateAt" | "selectionMode">): import("react").JSX.Element;
|
|
50
50
|
displayName: string;
|
|
51
51
|
};
|
|
52
52
|
/**
|
|
@@ -23,7 +23,7 @@ export declare namespace Button {
|
|
|
23
23
|
* {@link HTMLAnchorElement}, or {@link HTMLButtonElement} depending on the
|
|
24
24
|
* structure of its props.
|
|
25
25
|
*/
|
|
26
|
-
export declare function Button(props: Button.Props): import("react
|
|
26
|
+
export declare function Button(props: Button.Props): import("react").JSX.Element | undefined;
|
|
27
27
|
export declare namespace Button {
|
|
28
28
|
var displayName: string;
|
|
29
29
|
}
|
|
@@ -21,7 +21,7 @@ import { HTMLAttributes, Ref } from 'react';
|
|
|
21
21
|
* @exports useCarouselItem Hook for reading the current item's index, exposure,
|
|
22
22
|
* and active state from within an item's subtree.
|
|
23
23
|
*/
|
|
24
|
-
export declare function Carousel({ ref, autoAdvanceInterval, children, dragSpeed, dragStartThreshold, index, orientation, overscrollResistance, swipeLiftWindow, swipeVelocityThreshold, shouldTrackExposure, onAutoAdvancePause, onAutoAdvanceResume, onIndexChange, ...props }: Carousel.Props): import("react
|
|
24
|
+
export declare function Carousel({ ref, autoAdvanceInterval, children, dragSpeed, dragStartThreshold, index, orientation, overscrollResistance, swipeLiftWindow, swipeVelocityThreshold, shouldTrackExposure, onAutoAdvancePause, onAutoAdvanceResume, onIndexChange, ...props }: Carousel.Props): import("react").JSX.Element;
|
|
25
25
|
export declare namespace Carousel {
|
|
26
26
|
var displayName: string;
|
|
27
27
|
}
|
|
@@ -122,21 +122,21 @@ export declare namespace Carousel {
|
|
|
122
122
|
* Component for the viewport of a {@link Carousel}.
|
|
123
123
|
*/
|
|
124
124
|
const Viewport: {
|
|
125
|
-
({ children, ...props }: HTMLAttributes<HTMLDivElement>): import("react
|
|
125
|
+
({ children, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
|
|
126
126
|
displayName: string;
|
|
127
127
|
};
|
|
128
128
|
/**
|
|
129
129
|
* Component for the list holding all items inside a {@link Carousel}.
|
|
130
130
|
*/
|
|
131
131
|
const Content: {
|
|
132
|
-
({ children, ...props }: HTMLAttributes<HTMLDivElement>): import("react
|
|
132
|
+
({ children, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
|
|
133
133
|
displayName: string;
|
|
134
134
|
};
|
|
135
135
|
/**
|
|
136
136
|
* Component containing each item in a {@link Carousel}.
|
|
137
137
|
*/
|
|
138
138
|
const ItemContainer: {
|
|
139
|
-
({ children, ...props }: HTMLAttributes<HTMLDivElement>): import("react
|
|
139
|
+
({ children, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
|
|
140
140
|
displayName: string;
|
|
141
141
|
};
|
|
142
142
|
/**
|
|
@@ -5,7 +5,7 @@ import { HTMLAttributes, HTMLInputAutoCompleteAttribute, Ref } from 'react';
|
|
|
5
5
|
*
|
|
6
6
|
* @exports CodeInput.Field Component for the each field in a {@link CodeInput}.
|
|
7
7
|
*/
|
|
8
|
-
export declare function CodeInput({ ref, style, autoComplete, autoFocus, children, inputMode, placeholder, size, value, isDisabled, isRequired, onChange, ...props }: CodeInput.Props): import("react
|
|
8
|
+
export declare function CodeInput({ ref, style, autoComplete, autoFocus, children, inputMode, placeholder, size, value, isDisabled, isRequired, onChange, ...props }: CodeInput.Props): import("react").JSX.Element;
|
|
9
9
|
export declare namespace CodeInput {
|
|
10
10
|
var displayName: string;
|
|
11
11
|
}
|
|
@@ -58,7 +58,7 @@ export declare namespace CodeInput {
|
|
|
58
58
|
* Component for the each field in a {@link CodeInput}.
|
|
59
59
|
*/
|
|
60
60
|
const Field: {
|
|
61
|
-
({ ...props }: HTMLAttributes<HTMLInputElement>): import("react
|
|
61
|
+
({ ...props }: HTMLAttributes<HTMLInputElement>): import("react").JSX.Element;
|
|
62
62
|
displayName: string;
|
|
63
63
|
};
|
|
64
64
|
}
|
|
@@ -6,7 +6,7 @@ import { ComponentType, HTMLAttributes, Ref } from 'react';
|
|
|
6
6
|
*
|
|
7
7
|
* @exports Collection.Item Component for each item in the collection.
|
|
8
8
|
*/
|
|
9
|
-
export declare function Collection<T>({ className, ref, style, children, ItemComponent, itemLength, itemPadding, items, layout, numSegments, orientation, selection: externalSelection, selectionMode, isSelectionTogglable, onActivateAt, onCustomEvent, onDeselectAt, onSelectAt, onSelectionChange, ...props }: Collection.Props<T>): import("react
|
|
9
|
+
export declare function Collection<T>({ className, ref, style, children, ItemComponent, itemLength, itemPadding, items, layout, numSegments, orientation, selection: externalSelection, selectionMode, isSelectionTogglable, onActivateAt, onCustomEvent, onDeselectAt, onSelectAt, onSelectionChange, ...props }: Collection.Props<T>): import("react").JSX.Element;
|
|
10
10
|
export declare namespace Collection {
|
|
11
11
|
var displayName: string;
|
|
12
12
|
}
|
|
@@ -187,7 +187,7 @@ export declare namespace Collection {
|
|
|
187
187
|
* `ItemComponent` is not provided in the props of {@link Collection}.
|
|
188
188
|
*/
|
|
189
189
|
const Item: {
|
|
190
|
-
({ children, selectionMode, onActivateAt, ...props }: HTMLAttributes<HTMLButtonElement | HTMLDivElement> & Pick<Collection.Props<any>, "onActivateAt" | "selectionMode">): import("react
|
|
190
|
+
({ children, selectionMode, onActivateAt, ...props }: HTMLAttributes<HTMLButtonElement | HTMLDivElement> & Pick<Collection.Props<any>, "onActivateAt" | "selectionMode">): import("react").JSX.Element;
|
|
191
191
|
displayName: string;
|
|
192
192
|
};
|
|
193
193
|
}
|
|
@@ -8,7 +8,7 @@ import { TextField as _TextField } from './TextField.js';
|
|
|
8
8
|
* @exports Counter.AddButton Component for the add button.
|
|
9
9
|
* @exports Counter.SubtractButton Component for the subtract button.
|
|
10
10
|
*/
|
|
11
|
-
export declare function Counter({ ref, style, allowsInput, children, max, min, quantity, onChange, ...props }: Counter.Props): import("react
|
|
11
|
+
export declare function Counter({ ref, style, allowsInput, children, max, min, quantity, onChange, ...props }: Counter.Props): import("react").JSX.Element;
|
|
12
12
|
export declare namespace Counter {
|
|
13
13
|
var displayName: string;
|
|
14
14
|
}
|
|
@@ -48,21 +48,21 @@ export declare namespace Counter {
|
|
|
48
48
|
* Component for the text field in a {@link Counter}.
|
|
49
49
|
*/
|
|
50
50
|
const TextField: {
|
|
51
|
-
({ ...props }: _TextField.Props): import("react
|
|
51
|
+
({ ...props }: _TextField.Props): import("react").JSX.Element;
|
|
52
52
|
displayName: string;
|
|
53
53
|
};
|
|
54
54
|
/**
|
|
55
55
|
* Component for the add button in a {@link Counter}.
|
|
56
56
|
*/
|
|
57
57
|
const AddButton: {
|
|
58
|
-
({ children, ...props }: HTMLAttributes<HTMLButtonElement>): import("react
|
|
58
|
+
({ children, ...props }: HTMLAttributes<HTMLButtonElement>): import("react").JSX.Element;
|
|
59
59
|
displayName: string;
|
|
60
60
|
};
|
|
61
61
|
/**
|
|
62
62
|
* Component for the subtract button in a {@link Counter}.
|
|
63
63
|
*/
|
|
64
64
|
const SubtractButton: {
|
|
65
|
-
({ children, ...props }: HTMLAttributes<HTMLButtonElement>): import("react
|
|
65
|
+
({ children, ...props }: HTMLAttributes<HTMLButtonElement>): import("react").JSX.Element;
|
|
66
66
|
displayName: string;
|
|
67
67
|
};
|
|
68
68
|
}
|
|
@@ -5,7 +5,7 @@ import { HTMLAttributes, Ref, SVGAttributes } from 'react';
|
|
|
5
5
|
* @exports Dial.Knob Component for the knob.
|
|
6
6
|
* @exports Dial.Track Component for the track.
|
|
7
7
|
*/
|
|
8
|
-
export declare function Dial({ ref, style, angle, children, knobLength, knobThickness, radius, trackGap, trackThickness, ...props }: Dial.Props): import("react
|
|
8
|
+
export declare function Dial({ ref, style, angle, children, knobLength, knobThickness, radius, trackGap, trackThickness, ...props }: Dial.Props): import("react").JSX.Element;
|
|
9
9
|
export declare namespace Dial {
|
|
10
10
|
var displayName: string;
|
|
11
11
|
}
|
|
@@ -55,14 +55,14 @@ export declare namespace Dial {
|
|
|
55
55
|
* Component for the track of a {@link Dial}.
|
|
56
56
|
*/
|
|
57
57
|
const Track: {
|
|
58
|
-
({ ...props }: SVGAttributes<SVGCircleElement>): import("react
|
|
58
|
+
({ ...props }: SVGAttributes<SVGCircleElement>): import("react").JSX.Element;
|
|
59
59
|
displayName: string;
|
|
60
60
|
};
|
|
61
61
|
/**
|
|
62
62
|
* Component for the knob of a {@link Dial}.
|
|
63
63
|
*/
|
|
64
64
|
const Knob: {
|
|
65
|
-
({ ...props }: SVGAttributes<SVGPathElement>): import("react
|
|
65
|
+
({ ...props }: SVGAttributes<SVGPathElement>): import("react").JSX.Element;
|
|
66
66
|
displayName: string;
|
|
67
67
|
};
|
|
68
68
|
}
|
|
@@ -11,7 +11,7 @@ import { Collection as _Collection } from './Collection.js';
|
|
|
11
11
|
* @exports Dropdown.CollapseIcon Component for the collapse icon.
|
|
12
12
|
* @exports Dropdown.ExpandIcon Component for the expand icon.
|
|
13
13
|
*/
|
|
14
|
-
export declare function Dropdown<T>({ className, ref, style, children, collectionPadding, ItemComponent, itemLength: externalItemLength, itemPadding, items, label, layout, maxVisibleItems, numSegments, orientation, selection: externalSelection, selectionMode, ToggleComponent, isCollapsed: externalIsCollapsed, isInverted, isSelectionTogglable, shouldCollapseOnSelect, onActivateAt, onCollapse, onDeselectAt, onExpand, onSelectAt, onSelectionChange, onToggleCustomEvent, ...props }: Dropdown.Props<T>): import("react
|
|
14
|
+
export declare function Dropdown<T>({ className, ref, style, children, collectionPadding, ItemComponent, itemLength: externalItemLength, itemPadding, items, label, layout, maxVisibleItems, numSegments, orientation, selection: externalSelection, selectionMode, ToggleComponent, isCollapsed: externalIsCollapsed, isInverted, isSelectionTogglable, shouldCollapseOnSelect, onActivateAt, onCollapse, onDeselectAt, onExpand, onSelectAt, onSelectionChange, onToggleCustomEvent, ...props }: Dropdown.Props<T>): import("react").JSX.Element;
|
|
15
15
|
export declare namespace Dropdown {
|
|
16
16
|
var displayName: string;
|
|
17
17
|
}
|
|
@@ -115,28 +115,28 @@ export declare namespace Dropdown {
|
|
|
115
115
|
* Component for the collapse icon of a {@link Dropdown}.
|
|
116
116
|
*/
|
|
117
117
|
const CollapseIcon: {
|
|
118
|
-
({ children, ...props }: HTMLAttributes<HTMLDivElement>): import("react
|
|
118
|
+
({ children, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
|
|
119
119
|
displayName: string;
|
|
120
120
|
};
|
|
121
121
|
/**
|
|
122
122
|
* Component for the expand icon of a {@link Dropdown}.
|
|
123
123
|
*/
|
|
124
124
|
const ExpandIcon: {
|
|
125
|
-
({ children, ...props }: HTMLAttributes<HTMLDivElement>): import("react
|
|
125
|
+
({ children, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
|
|
126
126
|
displayName: string;
|
|
127
127
|
};
|
|
128
128
|
/**
|
|
129
129
|
* Component for each item in a {@link Dropdown}.
|
|
130
130
|
*/
|
|
131
131
|
const Item: {
|
|
132
|
-
({ children, selectionMode, onActivateAt, ...props }: HTMLAttributes<HTMLButtonElement | HTMLDivElement> & Pick<_Collection.Props<any>, "onActivateAt" | "selectionMode">): import("react
|
|
132
|
+
({ children, selectionMode, onActivateAt, ...props }: HTMLAttributes<HTMLButtonElement | HTMLDivElement> & Pick<_Collection.Props<any>, "onActivateAt" | "selectionMode">): import("react").JSX.Element;
|
|
133
133
|
displayName: string;
|
|
134
134
|
};
|
|
135
135
|
/**
|
|
136
136
|
* Component for the toggle button of a {@link Dropdown}.
|
|
137
137
|
*/
|
|
138
138
|
const Toggle: {
|
|
139
|
-
({ children, ...props }: ToggleProps): import("react
|
|
139
|
+
({ children, ...props }: ToggleProps): import("react").JSX.Element;
|
|
140
140
|
displayName: string;
|
|
141
141
|
};
|
|
142
142
|
}
|
|
@@ -17,7 +17,7 @@ export declare namespace Form {
|
|
|
17
17
|
/**
|
|
18
18
|
* A form component overrides the default submission behavior.
|
|
19
19
|
*/
|
|
20
|
-
export declare function Form({ ref, onSubmit, ...props }: Form.Props): import("react
|
|
20
|
+
export declare function Form({ ref, onSubmit, ...props }: Form.Props): import("react").JSX.Element;
|
|
21
21
|
export declare namespace Form {
|
|
22
22
|
var displayName: string;
|
|
23
23
|
}
|
|
@@ -51,7 +51,7 @@ export declare namespace Image {
|
|
|
51
51
|
* A component that renders an image with support for lazy loading, `srcSet`,
|
|
52
52
|
* and `sizes` attributes.
|
|
53
53
|
*/
|
|
54
|
-
export declare function Image({ ref, alt, loadingMode, source, onError, onLoad, onLoadStart, onSizeChange, ...props }: Image.Props): import("react
|
|
54
|
+
export declare function Image({ ref, alt, loadingMode, source, onError, onLoad, onLoadStart, onSizeChange, ...props }: Image.Props): import("react").JSX.Element;
|
|
55
55
|
export declare namespace Image {
|
|
56
56
|
var displayName: string;
|
|
57
57
|
}
|
|
@@ -36,7 +36,7 @@ export declare namespace MasonryGrid {
|
|
|
36
36
|
* sections* refers to the *number of rows*, whereas in a horizontally oriented
|
|
37
37
|
* grid, *number of sections* refers to the *number of columns*.
|
|
38
38
|
*/
|
|
39
|
-
export declare function MasonryGrid({ className, ref, alignSections, children, horizontalSpacing, orientation, sections, verticalSpacing, isReversed, ...props }: MasonryGrid.Props): import("react
|
|
39
|
+
export declare function MasonryGrid({ className, ref, alignSections, children, horizontalSpacing, orientation, sections, verticalSpacing, isReversed, ...props }: MasonryGrid.Props): import("react").JSX.Element;
|
|
40
40
|
export declare namespace MasonryGrid {
|
|
41
41
|
var displayName: string;
|
|
42
42
|
}
|
|
@@ -3,7 +3,7 @@ import { Size } from 'spase';
|
|
|
3
3
|
/**
|
|
4
4
|
* A component containing a pannable 360° panorama image.
|
|
5
5
|
*/
|
|
6
|
-
export declare function Panorama({ ref, angle, speed, src, zeroAnchor, onAngleChange, onDragEnd, onDragStart, onImageSizeChange, onLoadImageComplete, onLoadImageError, onLoadImageStart, onPositionChange, ...props }: Panorama.Props): import("react
|
|
6
|
+
export declare function Panorama({ ref, angle, speed, src, zeroAnchor, onAngleChange, onDragEnd, onDragStart, onImageSizeChange, onLoadImageComplete, onLoadImageError, onLoadImageStart, onPositionChange, ...props }: Panorama.Props): import("react").JSX.Element;
|
|
7
7
|
export declare namespace Panorama {
|
|
8
8
|
var displayName: string;
|
|
9
9
|
}
|
|
@@ -13,7 +13,7 @@ export declare namespace Picture {
|
|
|
13
13
|
source: [string, ...ImageSource[]] | string;
|
|
14
14
|
} & HTMLAttributes<HTMLPictureElement> & Pick<Image.Props, 'alt' | 'loadingMode' | 'onError' | 'onLoad' | 'onLoadStart' | 'onSizeChange'>;
|
|
15
15
|
}
|
|
16
|
-
export declare function Picture({ ref, alt, loadingMode, source, onError, onLoad, onLoadStart, onSizeChange, ...props }: Picture.Props): import("react
|
|
16
|
+
export declare function Picture({ ref, alt, loadingMode, source, onError, onLoad, onLoadStart, onSizeChange, ...props }: Picture.Props): import("react").JSX.Element;
|
|
17
17
|
export declare namespace Picture {
|
|
18
18
|
var displayName: string;
|
|
19
19
|
}
|
|
@@ -8,7 +8,7 @@ import { HTMLAttributes, Ref } from 'react';
|
|
|
8
8
|
* @exports RangeSlider.Track Component for the track.
|
|
9
9
|
* @exports RangeSlider.TrackHighlight Component for the track highlight.
|
|
10
10
|
*/
|
|
11
|
-
export declare function RangeSlider({ ref, children, knobHeight, knobPadding, knobWidth, max: maxValue, min: minValue, orientation, range, steps, isClipped, formatLabel, onChange, onDragEnd, onDragStart, ...props }: RangeSlider.Props): import("react
|
|
11
|
+
export declare function RangeSlider({ ref, children, knobHeight, knobPadding, knobWidth, max: maxValue, min: minValue, orientation, range, steps, isClipped, formatLabel, onChange, onDragEnd, onDragStart, ...props }: RangeSlider.Props): import("react").JSX.Element;
|
|
12
12
|
export declare namespace RangeSlider {
|
|
13
13
|
var displayName: string;
|
|
14
14
|
}
|
|
@@ -102,32 +102,32 @@ export declare namespace RangeSlider {
|
|
|
102
102
|
* Component for the track of a {@link RangeSlider}.
|
|
103
103
|
*/
|
|
104
104
|
const Track: {
|
|
105
|
-
({ ...props }: HTMLAttributes<HTMLDivElement>): import("react
|
|
105
|
+
({ ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
|
|
106
106
|
displayName: string;
|
|
107
107
|
};
|
|
108
108
|
/**
|
|
109
109
|
* Component for the track highlight of a {@link RangeSlider}.
|
|
110
110
|
*/
|
|
111
111
|
const TrackHighlight: {
|
|
112
|
-
({ ...props }: HTMLAttributes<HTMLDivElement>): import("react
|
|
112
|
+
({ ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
|
|
113
113
|
displayName: string;
|
|
114
114
|
};
|
|
115
115
|
/**
|
|
116
116
|
* Component for the knob of a {@link RangeSlider}.
|
|
117
117
|
*/
|
|
118
118
|
const Knob: {
|
|
119
|
-
({ ...props }: HTMLAttributes<HTMLDivElement>): import("react
|
|
119
|
+
({ ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
|
|
120
120
|
displayName: string;
|
|
121
121
|
};
|
|
122
122
|
/**
|
|
123
123
|
* Component for the container of the knob of a {@link RangeSlider}.
|
|
124
124
|
*/
|
|
125
|
-
const KnobContainer: ({ ...props }: HTMLAttributes<HTMLButtonElement>) => import("react
|
|
125
|
+
const KnobContainer: ({ ...props }: HTMLAttributes<HTMLButtonElement>) => import("react").JSX.Element;
|
|
126
126
|
/**
|
|
127
127
|
* Component for the label of a {@link RangeSlider}.
|
|
128
128
|
*/
|
|
129
129
|
const Label: {
|
|
130
|
-
({ ...props }: HTMLAttributes<HTMLDivElement>): import("react
|
|
130
|
+
({ ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
|
|
131
131
|
displayName: string;
|
|
132
132
|
};
|
|
133
133
|
}
|
|
@@ -76,7 +76,7 @@ export declare namespace ScrollableCarousel {
|
|
|
76
76
|
* - Supports tracking item exposure (0-1) to determine how much of the
|
|
77
77
|
* current item is visible in the viewport.
|
|
78
78
|
*/
|
|
79
|
-
export declare function ScrollableCarousel<I extends HTMLAttributes<HTMLElement>>({ ref, autoAdvanceInterval, dragSpeed, index, ItemComponent, items, orientation, isDragEnabled, shouldTrackExposure, onAutoAdvancePause, onAutoAdvanceResume, onIndexChange, ...props }: ScrollableCarousel.Props<I>): import("react
|
|
79
|
+
export declare function ScrollableCarousel<I extends HTMLAttributes<HTMLElement>>({ ref, autoAdvanceInterval, dragSpeed, index, ItemComponent, items, orientation, isDragEnabled, shouldTrackExposure, onAutoAdvancePause, onAutoAdvanceResume, onIndexChange, ...props }: ScrollableCarousel.Props<I>): import("react").JSX.Element;
|
|
80
80
|
export declare namespace ScrollableCarousel {
|
|
81
81
|
var displayName: string;
|
|
82
82
|
}
|
|
@@ -7,7 +7,7 @@ import { HTMLAttributes, Ref } from 'react';
|
|
|
7
7
|
* @exports Select.Option Component for each option.
|
|
8
8
|
* @exports Select.Toggle Component for the toggle.
|
|
9
9
|
*/
|
|
10
|
-
export declare function Select<T extends string>({ id, ref, children, name, options, placeholder, value, isRequired, formatValue, onChange, ...props }: Select.Props<T>): import("react
|
|
10
|
+
export declare function Select<T extends string>({ id, ref, children, name, options, placeholder, value, isRequired, formatValue, onChange, ...props }: Select.Props<T>): import("react").JSX.Element;
|
|
11
11
|
export declare namespace Select {
|
|
12
12
|
var displayName: string;
|
|
13
13
|
}
|
|
@@ -61,21 +61,21 @@ export declare namespace Select {
|
|
|
61
61
|
* Component for the expand icon of a {@link Select}.
|
|
62
62
|
*/
|
|
63
63
|
const ExpandIcon: {
|
|
64
|
-
({ style, children, ...props }: HTMLAttributes<HTMLDivElement>): import("react
|
|
64
|
+
({ style, children, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
|
|
65
65
|
displayName: string;
|
|
66
66
|
};
|
|
67
67
|
/**
|
|
68
68
|
* Component for each option of a {@link Select}.
|
|
69
69
|
*/
|
|
70
70
|
const Option: {
|
|
71
|
-
({ ...props }: HTMLAttributes<HTMLOptionElement>): import("react
|
|
71
|
+
({ ...props }: HTMLAttributes<HTMLOptionElement>): import("react").JSX.Element;
|
|
72
72
|
displayName: string;
|
|
73
73
|
};
|
|
74
74
|
/**
|
|
75
75
|
* Component for the `select` element of a {@link Select}.
|
|
76
76
|
*/
|
|
77
77
|
const Toggle: {
|
|
78
|
-
({ children, ...props }: HTMLAttributes<HTMLSelectElement>): import("react
|
|
78
|
+
({ children, ...props }: HTMLAttributes<HTMLSelectElement>): import("react").JSX.Element;
|
|
79
79
|
displayName: string;
|
|
80
80
|
};
|
|
81
81
|
}
|
|
@@ -13,7 +13,7 @@ import { HTMLAttributes, Ref } from 'react';
|
|
|
13
13
|
* @exports Slider.Track Component for the slide track on either side of the
|
|
14
14
|
* knob.
|
|
15
15
|
*/
|
|
16
|
-
export declare function Slider({ ref, children, knobHeight, knobPadding, knobWidth, orientation, position, trackPadding, isClipped, isInverted, isTrackInteractive, formatLabel, onChange, onDragEnd, onDragStart, ...props }: Readonly<Slider.Props>): import("react
|
|
16
|
+
export declare function Slider({ ref, children, knobHeight, knobPadding, knobWidth, orientation, position, trackPadding, isClipped, isInverted, isTrackInteractive, formatLabel, onChange, onDragEnd, onDragStart, ...props }: Readonly<Slider.Props>): import("react").JSX.Element;
|
|
17
17
|
export declare namespace Slider {
|
|
18
18
|
var displayName: string;
|
|
19
19
|
}
|
|
@@ -98,28 +98,28 @@ export declare namespace Slider {
|
|
|
98
98
|
* {@link Slider}.
|
|
99
99
|
*/
|
|
100
100
|
const Track: {
|
|
101
|
-
({ ...props }: HTMLAttributes<HTMLDivElement>): import("react
|
|
101
|
+
({ ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
|
|
102
102
|
displayName: string;
|
|
103
103
|
};
|
|
104
104
|
/**
|
|
105
105
|
* Component for the knob of a {@link Slider}.
|
|
106
106
|
*/
|
|
107
107
|
const Knob: {
|
|
108
|
-
({ ...props }: HTMLAttributes<HTMLDivElement>): import("react
|
|
108
|
+
({ ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
|
|
109
109
|
displayName: string;
|
|
110
110
|
};
|
|
111
111
|
/**
|
|
112
112
|
* Component for the container of the knob of a {@link Slider}.
|
|
113
113
|
*/
|
|
114
114
|
const KnobContainer: {
|
|
115
|
-
({ ...props }: HTMLAttributes<HTMLButtonElement>): import("react
|
|
115
|
+
({ ...props }: HTMLAttributes<HTMLButtonElement>): import("react").JSX.Element;
|
|
116
116
|
displayName: string;
|
|
117
117
|
};
|
|
118
118
|
/**
|
|
119
119
|
* Component for the label on the knob of a {@link Slider}.
|
|
120
120
|
*/
|
|
121
121
|
const Label: {
|
|
122
|
-
({ ...props }: HTMLAttributes<HTMLDivElement>): import("react
|
|
122
|
+
({ ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
|
|
123
123
|
displayName: string;
|
|
124
124
|
};
|
|
125
125
|
}
|
|
@@ -18,7 +18,7 @@ import { HTMLAttributes, Ref } from 'react';
|
|
|
18
18
|
* @exports StepSlider.Track Component for the slide track on either side of the
|
|
19
19
|
* knob.
|
|
20
20
|
*/
|
|
21
|
-
export declare function StepSlider({ ref, children, index, knobHeight, knobPadding, knobWidth, orientation, steps, trackPadding, isClipped, isInverted, isTrackInteractive, formatLabel: labelProvider, onDragEnd, onDragStart, onIndexChange, onPositionChange, ...props }: StepSlider.Props): import("react
|
|
21
|
+
export declare function StepSlider({ ref, children, index, knobHeight, knobPadding, knobWidth, orientation, steps, trackPadding, isClipped, isInverted, isTrackInteractive, formatLabel: labelProvider, onDragEnd, onDragStart, onIndexChange, onPositionChange, ...props }: StepSlider.Props): import("react").JSX.Element;
|
|
22
22
|
export declare namespace StepSlider {
|
|
23
23
|
var displayName: string;
|
|
24
24
|
}
|
|
@@ -124,28 +124,28 @@ export declare namespace StepSlider {
|
|
|
124
124
|
* Component for the knob of a {@link StepSlider}.
|
|
125
125
|
*/
|
|
126
126
|
const Knob: {
|
|
127
|
-
({ ...props }: HTMLAttributes<HTMLDivElement>): import("react
|
|
127
|
+
({ ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
|
|
128
128
|
displayName: string;
|
|
129
129
|
};
|
|
130
130
|
/**
|
|
131
131
|
* Component for the container of the knob of a {@link StepSlider}.
|
|
132
132
|
*/
|
|
133
133
|
const KnobContainer: {
|
|
134
|
-
({ ...props }: HTMLAttributes<HTMLButtonElement>): import("react
|
|
134
|
+
({ ...props }: HTMLAttributes<HTMLButtonElement>): import("react").JSX.Element;
|
|
135
135
|
displayName: string;
|
|
136
136
|
};
|
|
137
137
|
/**
|
|
138
138
|
* Component for the label on the knob of a {@link StepSlider}.
|
|
139
139
|
*/
|
|
140
140
|
const Label: {
|
|
141
|
-
({ ...props }: HTMLAttributes<HTMLDivElement>): import("react
|
|
141
|
+
({ ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
|
|
142
142
|
displayName: string;
|
|
143
143
|
};
|
|
144
144
|
/**
|
|
145
145
|
* Component for the track of a {@link StepSlider}.
|
|
146
146
|
*/
|
|
147
147
|
const Track: {
|
|
148
|
-
({ ...props }: HTMLAttributes<HTMLDivElement>): import("react
|
|
148
|
+
({ ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
|
|
149
149
|
displayName: string;
|
|
150
150
|
};
|
|
151
151
|
/**
|
|
@@ -38,7 +38,7 @@ export declare namespace SwipeRegion {
|
|
|
38
38
|
/**
|
|
39
39
|
* An {@link HTMLDivElement} container that detects swipe gestures.
|
|
40
40
|
*/
|
|
41
|
-
export declare function SwipeRegion({ ref, children, threshold, isEnabled, onSwipeDown, onSwipeLeft, onSwipeRight, onSwipeUp, ...props }: SwipeRegion.Props): import("react
|
|
41
|
+
export declare function SwipeRegion({ ref, children, threshold, isEnabled, onSwipeDown, onSwipeLeft, onSwipeRight, onSwipeUp, ...props }: SwipeRegion.Props): import("react").JSX.Element;
|
|
42
42
|
export declare namespace SwipeRegion {
|
|
43
43
|
var displayName: string;
|
|
44
44
|
}
|
|
@@ -14,7 +14,7 @@ export declare namespace TextArea {
|
|
|
14
14
|
/**
|
|
15
15
|
* A text area component that allows the user to enter multiple lines of text.
|
|
16
16
|
*/
|
|
17
|
-
export declare function TextArea({ ref, onChange, ...props }: TextArea.Props): import("react
|
|
17
|
+
export declare function TextArea({ ref, onChange, ...props }: TextArea.Props): import("react").JSX.Element;
|
|
18
18
|
export declare namespace TextArea {
|
|
19
19
|
var displayName: string;
|
|
20
20
|
}
|
|
@@ -63,7 +63,7 @@ export declare namespace TextField {
|
|
|
63
63
|
/**
|
|
64
64
|
* A text field that supports custom value formatting and empty value.
|
|
65
65
|
*/
|
|
66
|
-
export declare function TextField({ className, ref, emptyValue, formatter, placeholder, type, value, isDisabled, isRequired, onChange, onFocus, onUnfocus, ...props }: TextField.Props): import("react
|
|
66
|
+
export declare function TextField({ className, ref, emptyValue, formatter, placeholder, type, value, isDisabled, isRequired, onChange, onFocus, onUnfocus, ...props }: TextField.Props): import("react").JSX.Element;
|
|
67
67
|
export declare namespace TextField {
|
|
68
68
|
var displayName: string;
|
|
69
69
|
}
|
|
@@ -5,7 +5,7 @@ import { HTMLAttributes, Ref } from 'react';
|
|
|
5
5
|
* @exports Toggle.Knob The knob of the toggle switch.
|
|
6
6
|
* @exports Toggle.Track The track of the toggle switch.
|
|
7
7
|
*/
|
|
8
|
-
export declare function Toggle({ className, ref, style, children, orientation, isInverted, isOn, onChange, ...props }: Toggle.Props): import("react
|
|
8
|
+
export declare function Toggle({ className, ref, style, children, orientation, isInverted, isOn, onChange, ...props }: Toggle.Props): import("react").JSX.Element;
|
|
9
9
|
export declare namespace Toggle {
|
|
10
10
|
var displayName: string;
|
|
11
11
|
}
|
|
@@ -41,14 +41,14 @@ export declare namespace Toggle {
|
|
|
41
41
|
* Component for the track of a {@link Toggle}.
|
|
42
42
|
*/
|
|
43
43
|
const Track: {
|
|
44
|
-
({ children, ...props }: HTMLAttributes<HTMLSpanElement>): import("react
|
|
44
|
+
({ children, ...props }: HTMLAttributes<HTMLSpanElement>): import("react").JSX.Element;
|
|
45
45
|
displayName: string;
|
|
46
46
|
};
|
|
47
47
|
/**
|
|
48
48
|
* Component for the knob of a {@link Toggle}.
|
|
49
49
|
*/
|
|
50
50
|
const Knob: {
|
|
51
|
-
({ children, ...props }: HTMLAttributes<HTMLSpanElement>): import("react
|
|
51
|
+
({ children, ...props }: HTMLAttributes<HTMLSpanElement>): import("react").JSX.Element;
|
|
52
52
|
displayName: string;
|
|
53
53
|
};
|
|
54
54
|
}
|
|
@@ -98,7 +98,7 @@ export declare namespace Video {
|
|
|
98
98
|
*
|
|
99
99
|
* @see {@link https://www.npmjs.com/package/hls.js}
|
|
100
100
|
*/
|
|
101
|
-
export declare function Video({ ref, autoLoop, autoPlay, playsInline, poster, source, hasControls, isMuted, onCanPlay, onEnd, onFullscreenChange, onLoadMetadata, onLoadMetadataComplete, onLoadMetadataError, onPause, onPlay, onSizeChange, onTimeUpdate, ...props }: Video.Props): import("react
|
|
101
|
+
export declare function Video({ ref, autoLoop, autoPlay, playsInline, poster, source, hasControls, isMuted, onCanPlay, onEnd, onFullscreenChange, onLoadMetadata, onLoadMetadataComplete, onLoadMetadataError, onPause, onPlay, onSizeChange, onTimeUpdate, ...props }: Video.Props): import("react").JSX.Element;
|
|
102
102
|
export declare namespace Video {
|
|
103
103
|
var displayName: string;
|
|
104
104
|
}
|
|
@@ -8,26 +8,31 @@ type ContextValue = {
|
|
|
8
8
|
start: Point.Point;
|
|
9
9
|
};
|
|
10
10
|
type ProviderProps = PropsWithChildren<{
|
|
11
|
+
scrollBottomOffset?: number;
|
|
12
|
+
scrollTopOffset?: number;
|
|
11
13
|
target?: Target;
|
|
12
14
|
}>;
|
|
13
15
|
/**
|
|
14
16
|
* Provides scroll position information to its descendants.
|
|
15
17
|
*/
|
|
16
|
-
export declare function ScrollPositionProvider({ children, target, }: ProviderProps): import("react
|
|
18
|
+
export declare function ScrollPositionProvider({ children, scrollBottomOffset, scrollTopOffset, target, }: ProviderProps): import("react").JSX.Element;
|
|
19
|
+
export declare namespace ScrollPositionProvider {
|
|
20
|
+
var displayName: string;
|
|
21
|
+
}
|
|
17
22
|
/**
|
|
18
23
|
* Hook to determine if the scroll position is at the top of the scrollable
|
|
19
24
|
* area.
|
|
20
25
|
*
|
|
21
26
|
* @returns `true` if the scroll position is at the top, `false` otherwise.
|
|
22
27
|
*/
|
|
23
|
-
export declare function useIsScrollTop(): boolean
|
|
28
|
+
export declare function useIsScrollTop(): boolean;
|
|
24
29
|
/**
|
|
25
30
|
* Hook to determine if the scroll position is at the bottom of the scrollable
|
|
26
31
|
* area.
|
|
27
32
|
*
|
|
28
33
|
* @returns `true` if the scroll position is at the bottom, `false` otherwise.
|
|
29
34
|
*/
|
|
30
|
-
export declare function useIsScrollBottom(): boolean
|
|
35
|
+
export declare function useIsScrollBottom(): boolean;
|
|
31
36
|
/**
|
|
32
37
|
* Hook to access the current scroll position information from the nearest
|
|
33
38
|
* `ScrollPositionProvider` in the component tree.
|
|
@@ -36,5 +41,5 @@ export declare function useIsScrollBottom(): boolean | undefined;
|
|
|
36
41
|
* scroll position. If the hook is used outside of a
|
|
37
42
|
* `ScrollPositionProvider`, it will return zero values.
|
|
38
43
|
*/
|
|
39
|
-
export declare function useScrollPosition(): ContextValue
|
|
44
|
+
export declare function useScrollPosition(): ContextValue;
|
|
40
45
|
export {};
|