@planningcenter/tapestry-react 4.13.2 → 4.14.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ActionsDropdown/ActionsDropdown.d.ts +14 -0
- package/dist/ActionsDropdown/ActionsDropdown.d.ts.map +1 -1
- package/dist/Alert/Alert.d.ts +2 -0
- package/dist/Alert/Alert.d.ts.map +1 -1
- package/dist/Alert/Alert.js +1 -1
- package/dist/Avatar/Avatar.d.ts +12 -0
- package/dist/Avatar/Avatar.d.ts.map +1 -1
- package/dist/Badge/Badge.d.ts +28 -0
- package/dist/Badge/Badge.d.ts.map +1 -1
- package/dist/Badge/Status.d.ts +15 -0
- package/dist/Badge/Status.d.ts.map +1 -1
- package/dist/Box/Box.d.ts +12 -0
- package/dist/Box/Box.d.ts.map +1 -1
- package/dist/Button/Button.d.ts +53 -0
- package/dist/Button/Button.d.ts.map +1 -1
- package/dist/Button/Input.d.ts +12 -0
- package/dist/Button/Input.d.ts.map +1 -1
- package/dist/Calendar/Calendar.d.ts +33 -0
- package/dist/Calendar/Calendar.d.ts.map +1 -1
- package/dist/Calendar/Calendar.js +1 -1
- package/dist/Calendar/Day.d.ts +49 -0
- package/dist/Calendar/Day.d.ts.map +1 -1
- package/dist/Card/Card.d.ts +2 -0
- package/dist/Card/Card.d.ts.map +1 -1
- package/dist/Card/Section.d.ts +1 -0
- package/dist/Card/Section.d.ts.map +1 -1
- package/dist/Checkbox/Checkbox.d.ts +38 -0
- package/dist/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/CheckboxCard/CheckboxCard.d.ts +2 -0
- package/dist/CheckboxCard/CheckboxCard.d.ts.map +1 -1
- package/dist/CheckboxGroup/CheckboxGroup.d.ts +9 -0
- package/dist/CheckboxGroup/CheckboxGroup.d.ts.map +1 -1
- package/dist/ChurchCenterStatus/ChurchCenterStatus.d.ts +41 -0
- package/dist/ChurchCenterStatus/ChurchCenterStatus.d.ts.map +1 -1
- package/dist/Collapse/Collapse.d.ts +12 -0
- package/dist/Collapse/Collapse.d.ts.map +1 -1
- package/dist/ColumnView/ColumnView.d.ts +3 -0
- package/dist/ColumnView/ColumnView.d.ts.map +1 -1
- package/dist/Combobox/Combobox.d.ts +12 -0
- package/dist/Combobox/Combobox.d.ts.map +1 -1
- package/dist/Combobox/ComboboxPopover.d.ts +10 -0
- package/dist/Combobox/ComboboxPopover.d.ts.map +1 -1
- package/dist/DataTable/DataTable.d.ts +176 -0
- package/dist/DataTable/DataTable.d.ts.map +1 -1
- package/dist/DataTable/components/Icon.d.ts +2 -0
- package/dist/DataTable/components/Icon.d.ts.map +1 -1
- package/dist/DateField/DateField.d.ts +33 -0
- package/dist/DateField/DateField.d.ts.map +1 -1
- package/dist/DateField/parse.d.ts +9 -0
- package/dist/DateField/parse.d.ts.map +1 -1
- package/dist/DateField/useEditableDate.d.ts +12 -0
- package/dist/DateField/useEditableDate.d.ts.map +1 -1
- package/dist/Dialog/Dialog.d.ts +40 -0
- package/dist/Dialog/Dialog.d.ts.map +1 -1
- package/dist/Dialog/Dialog.js +1 -1
- package/dist/Divider/Divider.d.ts +15 -0
- package/dist/Divider/Divider.d.ts.map +1 -1
- package/dist/DragDrop/DragDrop.js +1 -1
- package/dist/Drawer/Drawer.d.ts +1 -0
- package/dist/Drawer/Drawer.d.ts.map +1 -1
- package/dist/Dropdown/Dropdown.d.ts +33 -0
- package/dist/Dropdown/Dropdown.d.ts.map +1 -1
- package/dist/EditActions/EditActions.d.ts +3 -0
- package/dist/EditActions/EditActions.d.ts.map +1 -1
- package/dist/Field/Field.d.ts +14 -0
- package/dist/Field/Field.d.ts.map +1 -1
- package/dist/FieldSet/FieldSet.d.ts +18 -0
- package/dist/FieldSet/FieldSet.d.ts.map +1 -1
- package/dist/FilterLayout/FilterLayout.d.ts +5 -0
- package/dist/FilterLayout/FilterLayout.d.ts.map +1 -1
- package/dist/Form/Form.d.ts +44 -0
- package/dist/Form/Form.d.ts.map +1 -1
- package/dist/GridView/GridView.d.ts +15 -0
- package/dist/GridView/GridView.d.ts.map +1 -1
- package/dist/Group/Group.d.ts +15 -0
- package/dist/Group/Group.d.ts.map +1 -1
- package/dist/Heading/Heading.d.ts +2 -0
- package/dist/Heading/Heading.d.ts.map +1 -1
- package/dist/HelperDrawer/HelperDrawer.d.ts +1 -0
- package/dist/HelperDrawer/HelperDrawer.d.ts.map +1 -1
- package/dist/Highlight/Highlight.d.ts +15 -0
- package/dist/Highlight/Highlight.d.ts.map +1 -1
- package/dist/Highlight/Highlight.js +1 -1
- package/dist/Icon/Icon.d.ts +4 -0
- package/dist/Icon/Icon.d.ts.map +1 -1
- package/dist/Icon/Path.d.ts +2 -0
- package/dist/Icon/Path.d.ts.map +1 -1
- package/dist/Icon/Status.d.ts +3 -0
- package/dist/Icon/Status.d.ts.map +1 -1
- package/dist/Input/Inline.d.ts +7 -0
- package/dist/Input/Inline.d.ts.map +1 -1
- package/dist/Input/Input.d.ts +70 -0
- package/dist/Input/Input.d.ts.map +1 -1
- package/dist/Input/InputBox.d.ts +63 -0
- package/dist/Input/InputBox.d.ts.map +1 -1
- package/dist/Input/InputField.d.ts +19 -0
- package/dist/Input/InputField.d.ts.map +1 -1
- package/dist/Input/InputLabel.d.ts +6 -0
- package/dist/Input/InputLabel.d.ts.map +1 -1
- package/dist/ItemList/ItemListItem.d.ts +9 -0
- package/dist/ItemList/ItemListItem.d.ts.map +1 -1
- package/dist/Link/Link.d.ts +22 -0
- package/dist/Link/Link.d.ts.map +1 -1
- package/dist/LinkList/LinkList.d.ts +1 -0
- package/dist/LinkList/LinkList.d.ts.map +1 -1
- package/dist/List/List.d.ts +9 -0
- package/dist/List/List.d.ts.map +1 -1
- package/dist/Logo/Logo.d.ts +20 -0
- package/dist/Logo/Logo.d.ts.map +1 -1
- package/dist/Menu/Menu.d.ts +1 -0
- package/dist/Menu/Menu.d.ts.map +1 -1
- package/dist/Modal/Modal.d.ts +13 -0
- package/dist/Modal/Modal.d.ts.map +1 -1
- package/dist/NumberField/NumberField.d.ts +38 -0
- package/dist/NumberField/NumberField.d.ts.map +1 -1
- package/dist/Page/PageBody.d.ts +9 -0
- package/dist/Page/PageBody.d.ts.map +1 -1
- package/dist/Page/PageHeader.d.ts +4 -0
- package/dist/Page/PageHeader.d.ts.map +1 -1
- package/dist/Page/PageTitle.d.ts +4 -0
- package/dist/Page/PageTitle.d.ts.map +1 -1
- package/dist/Page/PageToolbar.d.ts +3 -0
- package/dist/Page/PageToolbar.d.ts.map +1 -1
- package/dist/PagerView/PagerView.d.ts +18 -0
- package/dist/PagerView/PagerView.d.ts.map +1 -1
- package/dist/Pagination/Pagination.d.ts +24 -0
- package/dist/Pagination/Pagination.d.ts.map +1 -1
- package/dist/Popover/Popover.d.ts +92 -0
- package/dist/Popover/Popover.d.ts.map +1 -1
- package/dist/Portal/Portal.d.ts +6 -0
- package/dist/Portal/Portal.d.ts.map +1 -1
- package/dist/Progress/Progress.d.ts +6 -0
- package/dist/Progress/Progress.d.ts.map +1 -1
- package/dist/Radio/Radio.d.ts +36 -0
- package/dist/Radio/Radio.d.ts.map +1 -1
- package/dist/RangeSlider/RangeSlider.d.ts +21 -0
- package/dist/RangeSlider/RangeSlider.d.ts.map +1 -1
- package/dist/Scrim/Scrim.d.ts +1 -0
- package/dist/Scrim/Scrim.d.ts.map +1 -1
- package/dist/SegmentedControl/SegmentedControl.d.ts +1 -0
- package/dist/SegmentedControl/SegmentedControl.d.ts.map +1 -1
- package/dist/SegmentedTabs/SegmentedTabs.d.ts +1 -0
- package/dist/SegmentedTabs/SegmentedTabs.d.ts.map +1 -1
- package/dist/Select/Inline.d.ts +9 -0
- package/dist/Select/Inline.d.ts.map +1 -1
- package/dist/Select/OptionGroup.d.ts +3 -0
- package/dist/Select/OptionGroup.d.ts.map +1 -1
- package/dist/Select/Select.d.ts +75 -0
- package/dist/Select/Select.d.ts.map +1 -1
- package/dist/Select/Select.js +1 -1
- package/dist/Sidebar/Sidebar.d.ts +6 -0
- package/dist/Sidebar/Sidebar.d.ts.map +1 -1
- package/dist/Sidebar/SidebarItem.d.ts +3 -0
- package/dist/Sidebar/SidebarItem.d.ts.map +1 -1
- package/dist/Sidebar/SidebarList.d.ts +3 -0
- package/dist/Sidebar/SidebarList.d.ts.map +1 -1
- package/dist/Spinner/Spinner.d.ts +15 -0
- package/dist/Spinner/Spinner.d.ts.map +1 -1
- package/dist/StackView/StackView.d.ts +6 -0
- package/dist/StackView/StackView.d.ts.map +1 -1
- package/dist/StepperField/StepperField.d.ts +15 -0
- package/dist/StepperField/StepperField.d.ts.map +1 -1
- package/dist/StepperProgress/Step.d.ts +4 -0
- package/dist/StepperProgress/Step.d.ts.map +1 -1
- package/dist/StepperProgress/StepperProgress.d.ts +3 -0
- package/dist/StepperProgress/StepperProgress.d.ts.map +1 -1
- package/dist/Summary/Summary.d.ts +12 -0
- package/dist/Summary/Summary.d.ts.map +1 -1
- package/dist/Tab/Tab.d.ts +5 -0
- package/dist/Tab/Tab.d.ts.map +1 -1
- package/dist/TabNav/Tab.d.ts +12 -0
- package/dist/TabNav/Tab.d.ts.map +1 -1
- package/dist/TabNav/Tab.js +1 -1
- package/dist/TabNav/TabNav.d.ts +9 -0
- package/dist/TabNav/TabNav.d.ts.map +1 -1
- package/dist/TabNav/TabNav.js +1 -1
- package/dist/Table/SubRowToggleCell.d.ts +2 -0
- package/dist/Table/SubRowToggleCell.d.ts.map +1 -1
- package/dist/Table/Table.d.ts +125 -0
- package/dist/Table/Table.d.ts.map +1 -1
- package/dist/Table/Table.js +1 -1
- package/dist/Tabs/Tabs.d.ts +14 -0
- package/dist/Tabs/Tabs.d.ts.map +1 -1
- package/dist/Text/Text.d.ts +33 -0
- package/dist/Text/Text.d.ts.map +1 -1
- package/dist/TextArea/TextArea.d.ts +1 -0
- package/dist/TextArea/TextArea.d.ts.map +1 -1
- package/dist/TileView/TileView.d.ts +6 -0
- package/dist/TileView/TileView.d.ts.map +1 -1
- package/dist/TimeField/TimeField.d.ts +21 -0
- package/dist/TimeField/TimeField.d.ts.map +1 -1
- package/dist/TimeField/TimeField.js +1 -1
- package/dist/ToggleSwitch/ToggleSwitch.d.ts +13 -0
- package/dist/ToggleSwitch/ToggleSwitch.d.ts.map +1 -1
- package/dist/ToggleSwitch/ToggleSwitch.js +1 -1
- package/dist/TokenInput/DefaultToken.d.ts +8 -0
- package/dist/TokenInput/DefaultToken.d.ts.map +1 -1
- package/dist/TokenInput/TokenInput.d.ts +15 -0
- package/dist/TokenInput/TokenInput.d.ts.map +1 -1
- package/dist/TokenInput/TokenInput.js +1 -1
- package/dist/Toolbar/Toolbar.d.ts +22 -0
- package/dist/Toolbar/Toolbar.d.ts.map +1 -1
- package/dist/Tooltip/Tooltip.d.ts +118 -0
- package/dist/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/Wizard/Wizard.d.ts +37 -0
- package/dist/Wizard/Wizard.d.ts.map +1 -1
- package/dist/WrapView/WrapView.d.ts +1 -0
- package/dist/WrapView/WrapView.d.ts.map +1 -1
- package/dist/designTokens/index.js +1 -1
- package/dist/hooks/use-accessibility-violation.d.ts +8 -1
- package/dist/hooks/use-accessibility-violation.d.ts.map +1 -1
- package/dist/hooks/use-document-event.d.ts +15 -0
- package/dist/hooks/use-document-event.d.ts.map +1 -1
- package/dist/hooks/use-focus.d.ts +5 -0
- package/dist/hooks/use-focus.d.ts.map +1 -1
- package/dist/hooks/use-id.d.ts +6 -0
- package/dist/hooks/use-id.d.ts.map +1 -1
- package/dist/hooks/use-measure.d.ts +36 -0
- package/dist/hooks/use-measure.d.ts.map +1 -1
- package/dist/hooks/use-roving-index.d.ts +23 -0
- package/dist/hooks/use-roving-index.d.ts.map +1 -1
- package/dist/system/colors/utils.js +1 -1
- package/dist/utils.d.ts +109 -0
- package/dist/utils.d.ts.map +1 -1
- package/package.json +2 -2
|
@@ -3,19 +3,78 @@ import React from 'react';
|
|
|
3
3
|
import { As, StyleProps } from '../types';
|
|
4
4
|
export type TooltipProps = StyleProps & {
|
|
5
5
|
as?: As;
|
|
6
|
+
/**
|
|
7
|
+
* Passes props to [Popover](/popover)'s `anchorElement`.
|
|
8
|
+
*/
|
|
6
9
|
childProps?: object;
|
|
10
|
+
/**
|
|
11
|
+
* The child becomes the trigger for the tooltip, unless it is overridden with `popoverProps={{relativeTo: ref}}`.
|
|
12
|
+
*/
|
|
7
13
|
children?: any;
|
|
14
|
+
/**
|
|
15
|
+
* The amount of time in milliseconds before the tooltip closes.
|
|
16
|
+
*/
|
|
8
17
|
closeDelay?: number;
|
|
18
|
+
/**
|
|
19
|
+
* Controls whether the Popover is rendered as open or closed.
|
|
20
|
+
*/
|
|
9
21
|
defaultOpen?: boolean;
|
|
22
|
+
/**
|
|
23
|
+
* Attempts to keep popover in view clipping edges if too large.
|
|
24
|
+
*/
|
|
10
25
|
keepInView?: boolean;
|
|
26
|
+
/**
|
|
27
|
+
* The amount of time in milliseconds before the tooltip opens.
|
|
28
|
+
*/
|
|
11
29
|
openDelay?: number;
|
|
30
|
+
/**
|
|
31
|
+
* `'top-start'
|
|
32
|
+
| 'top'
|
|
33
|
+
| 'top-end'
|
|
34
|
+
| 'right-start'
|
|
35
|
+
| 'right'
|
|
36
|
+
| 'right-end'
|
|
37
|
+
| 'bottom-start'
|
|
38
|
+
| 'bottom'
|
|
39
|
+
| 'bottom-end'
|
|
40
|
+
| 'left-start'
|
|
41
|
+
| 'left'
|
|
42
|
+
| 'left-end'`
|
|
43
|
+
|
|
44
|
+
* Where to place the popover.
|
|
45
|
+
*/
|
|
12
46
|
placement?: Placement;
|
|
47
|
+
/**
|
|
48
|
+
* Accepts any valid [Popover](/popover) props.
|
|
49
|
+
*/
|
|
13
50
|
popoverProps?: object;
|
|
51
|
+
/**
|
|
52
|
+
* Determines if the tooltip should use innerRef instead of ref. Default is `true`.
|
|
53
|
+
* This is useful when the anchor element is not a Tapestry React component.
|
|
54
|
+
*/
|
|
14
55
|
refAsInnerRef?: boolean;
|
|
56
|
+
/**
|
|
57
|
+
* Where to render the composed popover into. Accepts an HTML element or selector.
|
|
58
|
+
* Uses the closest fixed parent or `document.body` by default. This will only
|
|
59
|
+
* be computed once on initial render.
|
|
60
|
+
*/
|
|
15
61
|
renderTo?: HTMLElement | string;
|
|
62
|
+
/**
|
|
63
|
+
* The title of the tooltip. Accepts a string or a React element.
|
|
64
|
+
*/
|
|
16
65
|
title?: any;
|
|
66
|
+
/**
|
|
67
|
+
* Reveals the tooltip when the cloned child receives focus.
|
|
68
|
+
*/
|
|
17
69
|
triggerOnFocus?: boolean;
|
|
70
|
+
/**
|
|
71
|
+
* Reveals the tooltip when the cloned child is hovered.
|
|
72
|
+
*/
|
|
18
73
|
triggerOnHover?: boolean;
|
|
74
|
+
/**
|
|
75
|
+
* Set a specific z-index for Tooltip. (defaults to `10000`)
|
|
76
|
+
* This option can be helpful in adjusting elements that overlap visually.
|
|
77
|
+
*/
|
|
19
78
|
zIndex?: number;
|
|
20
79
|
};
|
|
21
80
|
declare const _default: React.ForwardRefExoticComponent<Pick<React.CSSProperties, "borderWidth" | "borderTopWidth" | "borderRightWidth" | "borderBottomWidth" | "borderLeftWidth" | "contain" | "left" | "right" | "bottom" | "top" | "content" | "flex" | "position" | "clip" | "clear" | "border" | "padding" | "resize" | "filter" | "overflow" | "overflowX" | "overflowY" | "alignContent" | "alignItems" | "alignSelf" | "alignmentBaseline" | "animation" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationTimingFunction" | "aspectRatio" | "backfaceVisibility" | "background" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "baselineShift" | "borderBottom" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderCollapse" | "borderImage" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderLeft" | "borderLeftStyle" | "borderRadius" | "borderRight" | "borderRightStyle" | "borderSpacing" | "borderStyle" | "borderTop" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "clipPath" | "clipRule" | "columnCount" | "columnFill" | "columnGap" | "columnRule" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "columns" | "counterIncrement" | "counterReset" | "cursor" | "direction" | "display" | "fillOpacity" | "fillRule" | "flexBasis" | "flexDirection" | "flexFlow" | "flexGrow" | "flexShrink" | "flexWrap" | "font" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontSize" | "fontStretch" | "fontStyle" | "fontVariant" | "fontVariantCaps" | "fontVariantLigatures" | "fontVariantNumeric" | "fontWeight" | "gap" | "gridArea" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridGap" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridTemplate" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "hyphens" | "imageRendering" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lightingColor" | "lineHeight" | "listStyle" | "listStyleImage" | "listStylePosition" | "listStyleType" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "mask" | "maskType" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "mixBlendMode" | "motion" | "objectFit" | "objectPosition" | "opacity" | "order" | "outline" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflowWrap" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "perspective" | "perspectiveOrigin" | "placeItems" | "placeSelf" | "pointerEvents" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "tabSize" | "tableLayout" | "textAlign" | "textDecoration" | "textIndent" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textTransform" | "touchAction" | "transform" | "transformOrigin" | "transformStyle" | "transition" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "verticalAlign" | "visibility" | "userSelect" | "WebkitOverflowScrolling" | "writingMode" | "whiteSpace" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "zIndex"> & Partial<Record<"color" | "fill" | "stroke" | "outlineColor" | "backgroundColor" | "borderColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderTopColor", import("../types").ColorProp>> & {
|
|
@@ -54,19 +113,78 @@ declare const _default: React.ForwardRefExoticComponent<Pick<React.CSSProperties
|
|
|
54
113
|
hover?: StyleProps;
|
|
55
114
|
} & {
|
|
56
115
|
as?: As;
|
|
116
|
+
/**
|
|
117
|
+
* Passes props to [Popover](/popover)'s `anchorElement`.
|
|
118
|
+
*/
|
|
57
119
|
childProps?: object;
|
|
120
|
+
/**
|
|
121
|
+
* The child becomes the trigger for the tooltip, unless it is overridden with `popoverProps={{relativeTo: ref}}`.
|
|
122
|
+
*/
|
|
58
123
|
children?: any;
|
|
124
|
+
/**
|
|
125
|
+
* The amount of time in milliseconds before the tooltip closes.
|
|
126
|
+
*/
|
|
59
127
|
closeDelay?: number;
|
|
128
|
+
/**
|
|
129
|
+
* Controls whether the Popover is rendered as open or closed.
|
|
130
|
+
*/
|
|
60
131
|
defaultOpen?: boolean;
|
|
132
|
+
/**
|
|
133
|
+
* Attempts to keep popover in view clipping edges if too large.
|
|
134
|
+
*/
|
|
61
135
|
keepInView?: boolean;
|
|
136
|
+
/**
|
|
137
|
+
* The amount of time in milliseconds before the tooltip opens.
|
|
138
|
+
*/
|
|
62
139
|
openDelay?: number;
|
|
140
|
+
/**
|
|
141
|
+
* `'top-start'
|
|
142
|
+
| 'top'
|
|
143
|
+
| 'top-end'
|
|
144
|
+
| 'right-start'
|
|
145
|
+
| 'right'
|
|
146
|
+
| 'right-end'
|
|
147
|
+
| 'bottom-start'
|
|
148
|
+
| 'bottom'
|
|
149
|
+
| 'bottom-end'
|
|
150
|
+
| 'left-start'
|
|
151
|
+
| 'left'
|
|
152
|
+
| 'left-end'`
|
|
153
|
+
|
|
154
|
+
* Where to place the popover.
|
|
155
|
+
*/
|
|
63
156
|
placement?: Placement;
|
|
157
|
+
/**
|
|
158
|
+
* Accepts any valid [Popover](/popover) props.
|
|
159
|
+
*/
|
|
64
160
|
popoverProps?: object;
|
|
161
|
+
/**
|
|
162
|
+
* Determines if the tooltip should use innerRef instead of ref. Default is `true`.
|
|
163
|
+
* This is useful when the anchor element is not a Tapestry React component.
|
|
164
|
+
*/
|
|
65
165
|
refAsInnerRef?: boolean;
|
|
166
|
+
/**
|
|
167
|
+
* Where to render the composed popover into. Accepts an HTML element or selector.
|
|
168
|
+
* Uses the closest fixed parent or `document.body` by default. This will only
|
|
169
|
+
* be computed once on initial render.
|
|
170
|
+
*/
|
|
66
171
|
renderTo?: string | HTMLElement;
|
|
172
|
+
/**
|
|
173
|
+
* The title of the tooltip. Accepts a string or a React element.
|
|
174
|
+
*/
|
|
67
175
|
title?: any;
|
|
176
|
+
/**
|
|
177
|
+
* Reveals the tooltip when the cloned child receives focus.
|
|
178
|
+
*/
|
|
68
179
|
triggerOnFocus?: boolean;
|
|
180
|
+
/**
|
|
181
|
+
* Reveals the tooltip when the cloned child is hovered.
|
|
182
|
+
*/
|
|
69
183
|
triggerOnHover?: boolean;
|
|
184
|
+
/**
|
|
185
|
+
* Set a specific z-index for Tooltip. (defaults to `10000`)
|
|
186
|
+
* This option can be helpful in adjusting elements that overlap visually.
|
|
187
|
+
*/
|
|
70
188
|
zIndex?: number;
|
|
71
189
|
} & React.RefAttributes<unknown>>;
|
|
72
190
|
export default _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE1C,OAAO,KAQN,MAAM,OAAO,CAAA;AAId,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAGzC,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG;IACtC,EAAE,CAAC,EAAE,EAAE,CAAA;
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE1C,OAAO,KAQN,MAAM,OAAO,CAAA;AAId,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAGzC,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG;IACtC,EAAE,CAAC,EAAE,EAAE,CAAA;IAEP;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,GAAG,CAAA;IAEd;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;;;;;;;;;;;;MAeE;IACF,SAAS,CAAC,EAAE,SAAS,CAAA;IAErB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IAEvB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAE/B;;OAEG;IACH,KAAK,CAAC,EAAE,GAAG,CAAA;IAEX;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IAExB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IAExB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IArFC;;OAEG;;IAEH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;;;;;;;;;;;;;;MAeE;;IAGF;;OAEG;;IAGH;;;OAGG;;IAGH;;;;OAIG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;;OAGG;;;AAuLL,wBAAkC"}
|
package/dist/Wizard/Wizard.d.ts
CHANGED
|
@@ -4,21 +4,58 @@ import { StackViewProps } from '../StackView';
|
|
|
4
4
|
import Step from './Step';
|
|
5
5
|
import { StepProps } from './StepProps';
|
|
6
6
|
export type WizardProps = StackViewProps & {
|
|
7
|
+
/**
|
|
8
|
+
* Always display cancel button.
|
|
9
|
+
*/
|
|
7
10
|
alwaysCancellable?: boolean;
|
|
11
|
+
/**
|
|
12
|
+
* Pass props to the back button.
|
|
13
|
+
*/
|
|
8
14
|
backButtonProps?: ButtonProps;
|
|
15
|
+
/**
|
|
16
|
+
* Pass props to all Button components in the footer.
|
|
17
|
+
*/
|
|
9
18
|
buttonProps?: ButtonProps;
|
|
19
|
+
/**
|
|
20
|
+
* Pass props to the cancel button.
|
|
21
|
+
*/
|
|
10
22
|
cancelButtonProps?: ButtonProps;
|
|
23
|
+
/**
|
|
24
|
+
* The content of the component.
|
|
25
|
+
*/
|
|
11
26
|
children: React.ReactNode;
|
|
27
|
+
/**
|
|
28
|
+
* Pass props to the Button components.
|
|
29
|
+
*/
|
|
12
30
|
footerProps?: ButtonProps;
|
|
31
|
+
/**
|
|
32
|
+
* The initial payload state.
|
|
33
|
+
*/
|
|
13
34
|
initialPayload?: Record<string, any>;
|
|
35
|
+
/**
|
|
36
|
+
* Pass props to the next button.
|
|
37
|
+
*/
|
|
14
38
|
nextButtonProps?: ButtonProps;
|
|
39
|
+
/**
|
|
40
|
+
* Determines what the next button title displays.
|
|
41
|
+
*/
|
|
15
42
|
nextButtonTitle?: (props: {
|
|
16
43
|
activeStepIndex: number;
|
|
17
44
|
steps: StepProps[];
|
|
18
45
|
totalSteps: number;
|
|
19
46
|
}) => string;
|
|
47
|
+
/**
|
|
48
|
+
* Creates a cancel button for canceling a process from the first step.
|
|
49
|
+
*/
|
|
20
50
|
onCancel?: () => void;
|
|
51
|
+
/**
|
|
52
|
+
* Called when the `Done` button is pressed on the last view. Passes back the `payload` state
|
|
53
|
+
* as well as an option `complete` callback to revert the button spinner back to normal.
|
|
54
|
+
*/
|
|
21
55
|
onSubmit?: (payload: Record<string, any>, complete: () => void) => void;
|
|
56
|
+
/**
|
|
57
|
+
* Provide a custom progress component to render in place of `StepperProgress`.
|
|
58
|
+
*/
|
|
22
59
|
renderProgress?: (props: {
|
|
23
60
|
activeStepIndex: number;
|
|
24
61
|
steps: StepProps[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Wizard.d.ts","sourceRoot":"","sources":["../../src/Wizard/Wizard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsD,MAAM,OAAO,CAAA;AAG1E,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAI9C,OAAkB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAIxD,OAAO,IAAI,MAAM,QAAQ,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAGvC,MAAM,MAAM,WAAW,GAAG,cAAc,GAAG;
|
|
1
|
+
{"version":3,"file":"Wizard.d.ts","sourceRoot":"","sources":["../../src/Wizard/Wizard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsD,MAAM,OAAO,CAAA;AAG1E,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAI9C,OAAkB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAIxD,OAAO,IAAI,MAAM,QAAQ,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAGvC,MAAM,MAAM,WAAW,GAAG,cAAc,GAAG;IACzC;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAE3B;;OAEG;IACH,eAAe,CAAC,EAAE,WAAW,CAAA;IAE7B;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,CAAA;IAEzB;;OAEG;IACH,iBAAiB,CAAC,EAAE,WAAW,CAAA;IAE/B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAEzB;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,CAAA;IAEzB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAEpC;;OAEG;IACH,eAAe,CAAC,EAAE,WAAW,CAAA;IAE7B;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE;QACxB,eAAe,EAAE,MAAM,CAAA;QACvB,KAAK,EAAE,SAAS,EAAE,CAAA;QAClB,UAAU,EAAE,MAAM,CAAA;KACnB,KAAK,MAAM,CAAA;IAEZ;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IAErB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,IAAI,KAAK,IAAI,CAAA;IAEvE;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE;QACvB,eAAe,EAAE,MAAM,CAAA;QACvB,KAAK,EAAE,SAAS,EAAE,CAAA;QAClB,UAAU,EAAE,MAAM,CAAA;KACnB,KAAK,KAAK,CAAC,SAAS,CAAA;CACtB,CAAA;AAED,QAAA,MAAM,MAAM;YAAW,WAAW;;CAkJjC,CAAA;AAID,eAAe,MAAM,CAAA;AACrB,MAAM,WAAW,MAAO,SAAQ,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC;IACnD,IAAI,EAAE,OAAO,IAAI,CAAA;CAClB"}
|
|
@@ -2,6 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import { StackViewProps } from '../StackView';
|
|
3
3
|
import { As } from '../types';
|
|
4
4
|
type Props = {
|
|
5
|
+
/** The amount of space between children. */
|
|
5
6
|
spacing?: number | string;
|
|
6
7
|
};
|
|
7
8
|
export type WrapViewProps<E extends As = 'div'> = Props & Omit<StackViewProps<E>, keyof Props>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WrapView.d.ts","sourceRoot":"","sources":["../../src/WrapView/WrapView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAkB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAExD,OAAO,EAAE,EAAE,EAAc,MAAM,UAAU,CAAA;AAEzC,KAAK,KAAK,GAAG;
|
|
1
|
+
{"version":3,"file":"WrapView.d.ts","sourceRoot":"","sources":["../../src/WrapView/WrapView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAkB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAExD,OAAO,EAAE,EAAE,EAAc,MAAM,UAAU,CAAA;AAEzC,KAAK,KAAK,GAAG;IACX,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAC1B,CAAA;AACD,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,EAAE,GAAG,KAAK,IAAI,KAAK,GACrD,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,MAAM,KAAK,CAAC,CAAA;AAEtC,wBAAgB,QAAQ,CAAC,CAAC,SAAS,EAAE,EAAE,EACrC,QAAQ,EACR,OAAO,EACP,GAAG,gBAAgB,EACpB,EAAE,aAAa,CAAC,CAAC,CAAC,qBAgBlB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{token as o}from"@planningcenter/tapestry";var l={black10:o("--t-fill-color-transparency-dark-010"),black40:o("--t-fill-color-transparency-dark-040"),black60:o("--t-fill-color-transparency-dark-060"),black80:o("--t-fill-color-transparency-dark-080"),lightNeutral40:"hsl(0, 0%, 40%)",
|
|
1
|
+
import{token as o}from"@planningcenter/tapestry";var l={black10:o("--t-fill-color-transparency-dark-010"),black40:o("--t-fill-color-transparency-dark-040"),black60:o("--t-fill-color-transparency-dark-060"),black80:o("--t-fill-color-transparency-dark-080"),lightNeutral40:"hsl(0, 0%, 40%)",lightNeutral88:o("--t-fill-color-neutral-050"),lightNeutral97:o("--t-fill-color-neutral-080"),white:o("--t-fill-color-neutral-100"),white45:o("--t-fill-color-transparency-light-050")},r={button:{borderRadius:o("--t-border-radius-md")},checkbox:{disabledLabelColor:o("--t-text-color-disabled"),labelColor:o("--t-text-color")},radio:{borderColor:o("--t-border-color-control-neutral"),checkedColor:o("--t-fill-color-control"),checkedFillColor:l.white,disabled:{borderColor:o("--t-border-color-control-disabled"),checkedColor:o("--t-border-color-control-disabled"),checkedFillColor:o("--t-surface-color-card"),fillColor:o("--t-fill-color-neutral-070"),labelColor:o("--t-text-color-disabled")},error:{borderColor:o("--t-border-color-control-error"),fillColor:o("--t-fill-color-status-error-ghost")},fillColor:o("--t-surface-color-card"),labelColor:o("--t-text-color")},tabNav:{desktop:{paddingX:24,selectedTabBackgroundColor:l.white,spacing:8},mobile:{backgroundColor:l.white,borderBottomColor:l.lightNeutral88,borderBottomStyle:"solid",borderBottomWidth:1,paddingX:16,spacing:20},tab:{badgeBackgroundColor:l.black10,badgeFontSize:12,badgeTextColor:l.black80,desktop:{activeTextColor:l.black80,borderRadiusTop:4,defaultBackgroundColor:l.white45,fontSize:14,height:40,hoverTextColor:l.black80,paddingX:16},disabledTextColor:l.black40,iconColor:l.lightNeutral40,mobile:{borderBottomWidth:3,fontSize:16,height:44,paddingBottom:10,paddingTop:7},selectedTextColor:l.black80,textColor:l.black60}}};export{r as designTokens};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,5 +1,12 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
|
|
2
|
+
/**
|
|
3
|
+
* Provide an on-screen and optional console accessibilty violation.
|
|
4
|
+
*/
|
|
5
|
+
export declare function useAccessibilityViolation(
|
|
6
|
+
/** Content to be displayed in tooltip when hovering element. */
|
|
7
|
+
tooltipContent: React.ReactNode,
|
|
8
|
+
/** Content to be displayed in the console with a reference to the element. */
|
|
9
|
+
consoleContent: string): {
|
|
3
10
|
tooltipProps?: undefined;
|
|
4
11
|
wrapperProps?: undefined;
|
|
5
12
|
} | {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-accessibility-violation.d.ts","sourceRoot":"","sources":["../../src/hooks/use-accessibility-violation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"use-accessibility-violation.d.ts","sourceRoot":"","sources":["../../src/hooks/use-accessibility-violation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B;;GAEG;AACH,wBAAgB,yBAAyB;AACvC,gEAAgE;AAChE,cAAc,EAAE,KAAK,CAAC,SAAS;AAE/B,8EAA8E;AAC9E,cAAc,EAAE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;EA8CvB"}
|
|
@@ -1,2 +1,17 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Provide a callback for any document event type.
|
|
3
|
+
*
|
|
4
|
+
* @event {string} type - A valid [DOM event](https://developer.mozilla.org/en-US/docs/Web/Events).
|
|
5
|
+
* @param {Function} callback - Callback when specified event type occurs.
|
|
6
|
+
*
|
|
7
|
+
* @example
|
|
8
|
+
*
|
|
9
|
+
* function App() {
|
|
10
|
+
* useDocumentEvent('keydown', event => {
|
|
11
|
+
* console.log(`${event.key} pressed`)
|
|
12
|
+
* })
|
|
13
|
+
* return <div>App</div>
|
|
14
|
+
* }
|
|
15
|
+
*/
|
|
1
16
|
export declare function useDocumentEvent(type: any, callback: any): void;
|
|
2
17
|
//# sourceMappingURL=use-document-event.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-document-event.d.ts","sourceRoot":"","sources":["../../src/hooks/use-document-event.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"use-document-event.d.ts","sourceRoot":"","sources":["../../src/hooks/use-document-event.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,KAAA,EAAE,QAAQ,KAAA,QAgB9C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-focus.d.ts","sourceRoot":"","sources":["../../src/hooks/use-focus.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"use-focus.d.ts","sourceRoot":"","sources":["../../src/hooks/use-focus.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,wBAAgB,QAAQ;;;;;;EASvB"}
|
package/dist/hooks/use-id.d.ts
CHANGED
|
@@ -1,2 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generates a unique id based on the provided prefix.
|
|
3
|
+
* Be aware using the same prefix elsewhere _does not_ generate a unique id.
|
|
4
|
+
* @param {string} prefix
|
|
5
|
+
* @returns {string} unique prefixed id
|
|
6
|
+
*/
|
|
1
7
|
export declare function useId(prefix: any): any;
|
|
2
8
|
//# sourceMappingURL=use-id.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-id.d.ts","sourceRoot":"","sources":["../../src/hooks/use-id.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"use-id.d.ts","sourceRoot":"","sources":["../../src/hooks/use-id.ts"],"names":[],"mappings":"AAMA;;;;;GAKG;AACH,wBAAgB,KAAK,CAAC,MAAM,KAAA,OAM3B"}
|
|
@@ -1,4 +1,40 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Creates a set of hooks to help manage collecting and using measurements
|
|
4
|
+
* from one or many components.
|
|
5
|
+
*
|
|
6
|
+
* @example
|
|
7
|
+
*
|
|
8
|
+
* function Singular({ ref, value }) {
|
|
9
|
+
* const [useMeasureRef, useMeasureEffect] = useMeasure()
|
|
10
|
+
* useMeasureRef(ref)
|
|
11
|
+
* useMeasureEffect(([node]) => {
|
|
12
|
+
* console.log(node)
|
|
13
|
+
* }, [value])
|
|
14
|
+
* return <div />
|
|
15
|
+
* }
|
|
16
|
+
*
|
|
17
|
+
* function Parent({ children }) {
|
|
18
|
+
* const [useMeasureRef, useMeasureEffect] = useMeasure()
|
|
19
|
+
* useMeasureEffect(nodes => {
|
|
20
|
+
* console.log(nodes)
|
|
21
|
+
* }, [])
|
|
22
|
+
* return (
|
|
23
|
+
* <div>
|
|
24
|
+
* {Children.map(children, child =>
|
|
25
|
+
* React.cloneElement(child, { useMeasureRef })
|
|
26
|
+
* )}
|
|
27
|
+
* </div>
|
|
28
|
+
* )
|
|
29
|
+
* }
|
|
30
|
+
*
|
|
31
|
+
* function Child({ useMeasureRef }) {
|
|
32
|
+
* const ref = useMeasureRef(ref)
|
|
33
|
+
* return <div ref={ref} />
|
|
34
|
+
* }
|
|
35
|
+
*
|
|
36
|
+
* @returns {[(ref?: React.RefObject) => React.RefObject, (onMeasure: Function, dependencies: Array) => void]}
|
|
37
|
+
*/
|
|
2
38
|
export declare function useMeasure(): [
|
|
3
39
|
(ref?: React.RefObject<Node>) => React.RefObject<Node>,
|
|
4
40
|
(onMeasure: (nodes: HTMLElement[]) => void, dependencies?: React.DependencyList) => void
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-measure.d.ts","sourceRoot":"","sources":["../../src/hooks/use-measure.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"use-measure.d.ts","sourceRoot":"","sources":["../../src/hooks/use-measure.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAwB9B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,wBAAgB,UAAU,IAAI;IAC5B,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC;IACtD,CACE,SAAS,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,IAAI,EACzC,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,KAChC,IAAI;CACV,CAmEA"}
|
|
@@ -1,3 +1,26 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Manages a set of indices that need to wrap or be contained.
|
|
3
|
+
*
|
|
4
|
+
* @example
|
|
5
|
+
*
|
|
6
|
+
* const {
|
|
7
|
+
* activeIndex,
|
|
8
|
+
* moveActiveIndex,
|
|
9
|
+
* } = useRovingIndex({ maxIndex: items.length - 1 })
|
|
10
|
+
*
|
|
11
|
+
* @param {{
|
|
12
|
+
* maxIndex: number,
|
|
13
|
+
* defaultIndex?: number,
|
|
14
|
+
* wrap?: boolean
|
|
15
|
+
* }} [options]
|
|
16
|
+
* @returns {{
|
|
17
|
+
* activeIndex: number,
|
|
18
|
+
* moveActiveIndex: (amountToMove: number) => void,
|
|
19
|
+
* setActiveIndex: (nextIndex: number) => void,
|
|
20
|
+
* moveBackwardDisabled: boolean,
|
|
21
|
+
* moveForwardDisabled: boolean,
|
|
22
|
+
* }}
|
|
23
|
+
*/
|
|
1
24
|
export declare function useRovingIndex({ maxIndex, defaultIndex, wrap }: {
|
|
2
25
|
maxIndex: any;
|
|
3
26
|
defaultIndex?: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-roving-index.d.ts","sourceRoot":"","sources":["../../src/hooks/use-roving-index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"use-roving-index.d.ts","sourceRoot":"","sources":["../../src/hooks/use-roving-index.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,YAAgB,EAAE,IAAY,EAAE;;;;CAAA;;;;;;EAiC1E"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as r,__spreadArray as t}from'./../../ext/tslib/tslib.es6.js';import{
|
|
1
|
+
import{__assign as r,__spreadArray as t}from'./../../ext/tslib/tslib.es6.js';import{getLuminance as n,setLightness as e,darken as c,parseToRgb as o,parseToHsl as a,toColorString as u,rgba as i,mix as f}from"polished";import{getCSSProperty as s}from"../../utils.js";function v(r,t){if(void 0!==r){var n=o(t),e=n.red,c=n.green,a=n.blue;return"rgba(".concat(e,", ").concat(c,", ").concat(a,", ").concat(r,")")}return t}function l(r){var t,n=r.key,o=r.baseColor;return(t={})["".concat(n,"-lightest")]=e(.94,o),t["".concat(n,"-lighter")]=e(.92,o),t["".concat(n,"-light")]=e(.7,o),t[n]=o,t["".concat(n,"-dark")]=c(.04,o),t["".concat(n,"-darker")]=c(.08,o),t["".concat(n,"-darkest")]=c(.16,o),t}function d(t,n){return Object.keys(t).map((function(e){var c,o,a,u=t[e];return"string"==typeof u?((c={})[e]=u,o=c):o=Array.isArray(u)?u.reduce((function(t,n,c){var o;return r(r({},t),((o={})["".concat(e,"-").concat(c)]=n,o))}),{}):u.base?Object.keys(u).reduce((function(t,n){var c;return r(r({},t),((c={})["base"===n?e:"".concat(e,"-").concat(n)]=u[n],c))}),{}):Object.keys(u).reduce((function(t,n){var e;return r(r({},t),((e={})[n]=u[n],e))}),{}),n({colors:o,name:(a=e,a.charAt(0).toUpperCase()+a.slice(1))})}))}function m(t){var n=d(t,(function(r){return r.colors})).reduce((function(t,n){return r(r({},t),n)}),{});return Object.keys(n).reduce((function(t,e){var c,o=n[e],a="string"==typeof o?n[o]:void 0;return r(r({},t),((c={})[e]=a?s("colors",o):o,c))}),{})}var p=1e-7;function b(r,t){var e,c=o(t).alpha,a=void 0===c?1:c;if(0===r)e=i(0,0,0,a);else if(1===r)e=i(255,255,255,a);else{var u=20,s=function(t,e){var c=f(.5,t,e),o=n(c);return Math.abs(r-o)<p||!u--?c:o>r?s(t,c):s(c,e)};e=n(t)>r?s("#000",t):s(t,"#fff")}return e}function h(r,t){var n=a(t);return n.saturation+=n.saturation*r,u(n)}function y(r,t){return void 0===t&&(t=.5),function(n){var e=Math.min(Math.max(n,.05),.95);return h(-n*t,b(e,r))}}function k(r,e){var c=y(r,e),o=n(r),a=o/5,u=(1-o)/6,i=[4,3,2,1].map((function(r){return c(r*a)})),f=[5,4,3,2,1,0].map((function(r){return c(o+r*u)}));return t(t([],f,!0),i,!0)}export{b as adjustLightness,h as adjustSaturation,y as createTone,k as createTones,d as eachPalette,m as flattenPalette,l as generateColorScale,v as setAlphaChannel};
|
|
2
2
|
//# sourceMappingURL=utils.js.map
|
package/dist/utils.d.ts
CHANGED
|
@@ -1,64 +1,173 @@
|
|
|
1
1
|
import { JSXElementConstructor, ReactElement, ReactPortal } from 'react';
|
|
2
2
|
import { FocusableElement } from 'tabbable';
|
|
3
|
+
/**
|
|
4
|
+
* Returns true if user platform is an iOS device
|
|
5
|
+
* https://stackoverflow.com/a/9039885/1461204
|
|
6
|
+
* @return {Boolean}
|
|
7
|
+
*/
|
|
3
8
|
declare const isIOS: boolean;
|
|
4
9
|
declare const isSafari: () => boolean;
|
|
10
|
+
/**
|
|
11
|
+
* Enables Safari-specific wheel scroll propagation at boundaries
|
|
12
|
+
*/
|
|
5
13
|
declare function enableSafariScrollPropagation(node: HTMLElement): () => void;
|
|
14
|
+
/**
|
|
15
|
+
* Returns true if user platform supports passive events
|
|
16
|
+
* https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#Safely_detecting_option_support
|
|
17
|
+
* @return {Boolean}
|
|
18
|
+
*/
|
|
6
19
|
declare let supportsPassiveEvents: boolean;
|
|
20
|
+
/**
|
|
21
|
+
* Used to clone and apply props to children
|
|
22
|
+
* @param {Function} children accepts valid React children
|
|
23
|
+
* @param {Function} callback return the props that should be applied to the cloned child
|
|
24
|
+
* @return {Function} the cloned set of children
|
|
25
|
+
*/
|
|
7
26
|
declare function cloneChildren(children: any, callback: any): (string | number | bigint | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | ReactPortal | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<import("react").ReactNode>> | ReactElement<unknown, string | JSXElementConstructor<any>>)[];
|
|
27
|
+
/**
|
|
28
|
+
* This is intended to be used to compose event handlers
|
|
29
|
+
* @param {Function} internal the internal event handler
|
|
30
|
+
* @param {Function} external the external event handler
|
|
31
|
+
* @return {Function} the event handler to add to an element
|
|
32
|
+
*/
|
|
8
33
|
declare function composeEvents(internal: any, external: any): any;
|
|
34
|
+
/**
|
|
35
|
+
* Similar to composeEvents, but allows an object of events to be composed together
|
|
36
|
+
* @param {Function} internalEvents the internal event handlers
|
|
37
|
+
* @param {Function} externalEvents the external event handlers
|
|
38
|
+
* @return {Function} the event handler to add to an element
|
|
39
|
+
*/
|
|
9
40
|
declare function composeMultipleEvents(internalEvents: any, externalEvents: any): {};
|
|
41
|
+
/**
|
|
42
|
+
* Deselects any currently selected text
|
|
43
|
+
*/
|
|
10
44
|
declare function deselectCurrentTextRange(): void;
|
|
45
|
+
/**
|
|
46
|
+
* Get the closest focusable element
|
|
47
|
+
* @param {HTMLElement} node - the element to start searching from
|
|
48
|
+
* @return {HTMLElement} the closest element that is focusable
|
|
49
|
+
*/
|
|
11
50
|
declare function getClosestFocusableElement(node: any): Element;
|
|
51
|
+
/**
|
|
52
|
+
* Get the closest element that scrolls
|
|
53
|
+
* @param {HTMLElement} node - the element to start searching from
|
|
54
|
+
* @return {HTMLElement} the closest parentNode that scrolls
|
|
55
|
+
*/
|
|
12
56
|
declare function getClosestViewport(node: any, includeHidden?: boolean): any;
|
|
57
|
+
/**
|
|
58
|
+
* Determines which child elements are interactive according to:
|
|
59
|
+
* https://html.spec.whatwg.org/dev/dom.html#interactive-content
|
|
60
|
+
* @param parent The parent element used to determine which children are interactive
|
|
61
|
+
*/
|
|
13
62
|
declare function getInteractiveChildElements(parent: any): any[];
|
|
14
63
|
declare function getRect(node: any, { clone }?: {
|
|
15
64
|
clone?: boolean;
|
|
16
65
|
}): any;
|
|
17
66
|
declare function getScrollbarWidth(): any;
|
|
67
|
+
/**
|
|
68
|
+
* Returns { previous, next } tabbable siblings
|
|
69
|
+
*/
|
|
18
70
|
declare function getTabbableSiblings(node: FocusableElement, _startNode?: FocusableElement): {
|
|
19
71
|
next: FocusableElement;
|
|
20
72
|
previous: FocusableElement;
|
|
21
73
|
};
|
|
22
74
|
declare function generateId(prefix: any): string;
|
|
23
75
|
declare function getTextWidth(text: any, font: any): number;
|
|
76
|
+
/**
|
|
77
|
+
* Inserts an item in a list at a specific index returning a new array
|
|
78
|
+
*/
|
|
24
79
|
declare function insertAtIndex({ list, index, value }: {
|
|
25
80
|
list: any;
|
|
26
81
|
index: any;
|
|
27
82
|
value: any;
|
|
28
83
|
}): any[];
|
|
29
84
|
declare function isElementInteractive(element: any): boolean;
|
|
85
|
+
/**
|
|
86
|
+
* Determines if value is an array or not
|
|
87
|
+
*/
|
|
30
88
|
declare function isArray(value: any): boolean;
|
|
89
|
+
/**
|
|
90
|
+
* Determines if value is a function or not
|
|
91
|
+
*/
|
|
31
92
|
declare function isFunction(value: any): boolean;
|
|
93
|
+
/**
|
|
94
|
+
* Determines if a value is present in an array by
|
|
95
|
+
* performing a shallow equal check on each item.
|
|
96
|
+
*/
|
|
32
97
|
declare function isValueInArray(collection: any, value: any): number;
|
|
98
|
+
/**
|
|
99
|
+
* Joins React children using a separator.
|
|
100
|
+
*/
|
|
33
101
|
declare function joinChildren(children: any, separator?: string): string | number | bigint | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | ReactPortal | Promise<string | number | bigint | boolean | ReactPortal | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<import("react").ReactNode>>;
|
|
34
102
|
declare function lockScroll(node: any): () => void;
|
|
103
|
+
/**
|
|
104
|
+
* No op function used to stub function props
|
|
105
|
+
*/
|
|
35
106
|
declare function noop(): any;
|
|
107
|
+
/**
|
|
108
|
+
* Pad a number with 0's
|
|
109
|
+
*/
|
|
36
110
|
declare function padNumber(number: number | string, size: number): string;
|
|
111
|
+
/**
|
|
112
|
+
* Listen for window visibility and focus/blur changes
|
|
113
|
+
*/
|
|
37
114
|
declare function pageViewChange(callback: any): () => void;
|
|
115
|
+
/**
|
|
116
|
+
* Create a range of numbers
|
|
117
|
+
*/
|
|
38
118
|
declare function range(start: any, stop: any): any[];
|
|
119
|
+
/**
|
|
120
|
+
* Removes an item in a list at a specific index returning a new array
|
|
121
|
+
*/
|
|
39
122
|
declare function removeAtIndex({ list, index }: {
|
|
40
123
|
list: any;
|
|
41
124
|
index: any;
|
|
42
125
|
}): any[];
|
|
126
|
+
/**
|
|
127
|
+
* Helps with rendering a nested group of data that needs an ordered index.
|
|
128
|
+
*/
|
|
43
129
|
declare function renderIndexedGroup({ group, renderGroup, renderEmpty, }: {
|
|
44
130
|
group: any;
|
|
45
131
|
renderGroup: any;
|
|
46
132
|
renderEmpty?: string;
|
|
47
133
|
}): any;
|
|
134
|
+
/**
|
|
135
|
+
* Reorder a result in an array by its index
|
|
136
|
+
*/
|
|
48
137
|
declare function reorderArray<L extends any[]>({ list, startIndex, endIndex, }: {
|
|
49
138
|
endIndex: number;
|
|
50
139
|
list: L;
|
|
51
140
|
startIndex: number;
|
|
52
141
|
}): any[];
|
|
142
|
+
/**
|
|
143
|
+
* Shallow compare two items
|
|
144
|
+
*/
|
|
53
145
|
declare function shallowEqual(a: any, b: any): boolean;
|
|
146
|
+
/**
|
|
147
|
+
* Selects the full text range including number inputs
|
|
148
|
+
*/
|
|
54
149
|
declare function selectFullTextRange(node: any): void;
|
|
150
|
+
/**
|
|
151
|
+
* Stop an event from propagating
|
|
152
|
+
*/
|
|
55
153
|
declare function stopImmediatePropagation(e: any): void;
|
|
154
|
+
/**
|
|
155
|
+
* Adds event.stopPropagation() to a component's onClick event.
|
|
156
|
+
* Used to prevent element's onClick from bubbling up the tree.
|
|
157
|
+
*/
|
|
56
158
|
declare function stopPropagationClick(onClick: any): (event: any) => void;
|
|
57
159
|
declare function trapFocus(node: any): () => void;
|
|
58
160
|
declare function createCSSProperty(key: any, value: any): string;
|
|
59
161
|
declare function getCSSProperty(key: any, value: any): string;
|
|
60
162
|
declare function objectToCSSProperties(themeKey: any, props: any): {};
|
|
61
163
|
declare function callRef(ref: any, node: any): void;
|
|
164
|
+
/**
|
|
165
|
+
* Merges sets of props together:
|
|
166
|
+
* - duplicate `className` props get concatenated
|
|
167
|
+
* - duplicate `style` props get shallow merged (later props have precedence for conflicting rules)
|
|
168
|
+
* - duplicate refs or functions (to be used for event handlers) get called in order from left to right
|
|
169
|
+
* @param propGroup Sets of props to merge together. Later props have precedence.
|
|
170
|
+
*/
|
|
62
171
|
declare function mergeProps(...propGroup: any[]): any;
|
|
63
172
|
export { callRef, cloneChildren, composeEvents, composeMultipleEvents, createCSSProperty, deselectCurrentTextRange, enableSafariScrollPropagation, generateId, getClosestFocusableElement, getClosestViewport, getCSSProperty, getInteractiveChildElements, getRect, getScrollbarWidth, getTabbableSiblings, getTextWidth, insertAtIndex, isArray, isElementInteractive, isFunction, isIOS, isSafari, isValueInArray, joinChildren, lockScroll, mergeProps, noop, objectToCSSProperties, padNumber, pageViewChange, range, removeAtIndex, renderIndexedGroup, reorderArray, selectFullTextRange, shallowEqual, stopImmediatePropagation, stopPropagationClick, supportsPassiveEvents, trapFocus, };
|
|
64
173
|
//# sourceMappingURL=utils.d.ts.map
|
package/dist/utils.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAIL,qBAAqB,EACrB,YAAY,EACZ,WAAW,EACZ,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,gBAAgB,EAAY,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAIL,qBAAqB,EACrB,YAAY,EACZ,WAAW,EACZ,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,gBAAgB,EAAY,MAAM,UAAU,CAAA;AAErD;;;;GAIG;AACH,QAAA,MAAM,KAAK,SAGA,CAAA;AAIX,QAAA,MAAM,QAAQ,eAMb,CAAA;AAED;;GAEG;AACH,iBAAS,6BAA6B,CAAC,IAAI,EAAE,WAAW,cA8BvD;AAED;;;;GAIG;AACH,QAAA,IAAI,qBAAqB,SAAQ,CAAA;AAgBjC;;;;;GAKG;AACH,iBAAS,aAAa,CAAC,QAAQ,KAAA,EAAE,QAAQ,KAAA,kSAsBxC;AAED;;;;;GAKG;AACH,iBAAS,aAAa,CAAC,QAAQ,KAAA,EAAE,QAAQ,KAAA,OAOxC;AAED;;;;;GAKG;AACH,iBAAS,qBAAqB,CAAC,cAAc,KAAA,EAAE,cAAc,KAAA,MAc5D;AAED;;GAEG;AACH,iBAAS,wBAAwB,SAEhC;AAED;;;;GAIG;AACH,iBAAS,0BAA0B,CAAC,IAAI,KAAA,WAUvC;AAED;;;;GAIG;AACH,iBAAS,kBAAkB,CAAC,IAAI,KAAA,EAAE,aAAa,GAAE,OAAe,OAe/D;AAED;;;;GAIG;AACH,iBAAS,2BAA2B,CAAC,MAAM,KAAA,SAQ1C;AAoBD,iBAAS,OAAO,CAAC,IAAI,KAAA,EAAE,EAAE,KAAK,EAAE,GAAE;IAAE,KAAK,CAAC,EAAE,OAAO,CAAA;CAAqB,OAcvE;AAMD,iBAAS,iBAAiB,QAkBzB;AAED;;GAEG;AACH,iBAAS,mBAAmB,CAC1B,IAAI,EAAE,gBAAgB,EACtB,UAAU,CAAC,EAAE,gBAAgB;;;EAc9B;AAOD,iBAAS,UAAU,CAAC,MAAM,KAAA,UAEzB;AAoBD,iBAAS,YAAY,CAAC,IAAI,KAAA,EAAE,IAAI,KAAA,UAiB/B;AAED;;GAEG;AACH,iBAAS,aAAa,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE;;;;CAAA,SAI5C;AAiCD,iBAAS,oBAAoB,CAAC,OAAO,KAAA,WAiBpC;AAED;;GAEG;AACH,iBAAS,OAAO,CAAC,KAAK,KAAA,WAErB;AAED;;GAEG;AACH,iBAAS,UAAU,CAAC,KAAK,KAAA,WAExB;AAED;;;GAGG;AACH,iBAAS,cAAc,CAAC,UAAU,KAAA,EAAE,KAAK,KAAA,UAIxC;AAED;;GAEG;AACH,iBAAS,YAAY,CAAC,QAAQ,KAAA,EAAE,SAAS,SAAO,4SAmC/C;AAWD,iBAAS,UAAU,CAAC,IAAI,KAAA,cAmGvB;AAED;;GAEG;AACH,iBAAS,IAAI,QAEZ;AAED;;GAEG;AACH,iBAAS,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,IAAI,EAAE,MAAM,UAEvD;AAED;;GAEG;AACH,iBAAS,cAAc,CAAC,QAAQ,KAAA,cAgB/B;AAED;;GAEG;AACH,iBAAS,KAAK,CAAC,KAAK,KAAA,EAAE,IAAI,KAAA,SAMzB;AAED;;GAEG;AACH,iBAAS,aAAa,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE;;;CAAA,SAIrC;AAED;;GAEG;AACH,iBAAS,kBAAkB,CAAC,EAC1B,KAAK,EACL,WAAW,EACX,WAA8B,GAC/B;;;;CAAA,OAYA;AAED;;GAEG;AACH,iBAAS,YAAY,CAAC,CAAC,SAAS,GAAG,EAAE,EAAE,EACrC,IAAI,EACJ,UAAU,EACV,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,EAAE,CAAC,CAAA;IACP,UAAU,EAAE,MAAM,CAAA;CACnB,SAKA;AAED;;GAEG;AACH,iBAAS,YAAY,CAAC,CAAC,KAAA,EAAE,CAAC,KAAA,WAEzB;AAED;;GAEG;AACH,iBAAS,mBAAmB,CAAC,IAAI,KAAA,QAMhC;AAED;;GAEG;AACH,iBAAS,wBAAwB,CAAC,CAAC,KAAA,QAElC;AAED;;;GAGG;AACH,iBAAS,oBAAoB,CAAC,OAAO,KAAA,wBAOpC;AAQD,iBAAS,SAAS,CAAC,IAAI,KAAA,cA8CtB;AAOD,iBAAS,iBAAiB,CAAC,GAAG,KAAA,EAAE,KAAK,KAAA,UAKpC;AAED,iBAAS,cAAc,CAAC,GAAG,KAAA,EAAE,KAAK,KAAA,UAIjC;AAED,iBAAS,qBAAqB,CAAC,QAAQ,KAAA,EAAE,KAAK,KAAA,MAY7C;AAED,iBAAS,OAAO,CAAC,GAAG,KAAA,EAAE,IAAI,KAAA,QAQzB;AAmCD;;;;;;GAMG;AACH,iBAAS,UAAU,CAAC,GAAG,SAAS,OAAA,OAU/B;AAED,OAAO,EACL,OAAO,EACP,aAAa,EACb,aAAa,EACb,qBAAqB,EACrB,iBAAiB,EACjB,wBAAwB,EACxB,6BAA6B,EAC7B,UAAU,EACV,0BAA0B,EAC1B,kBAAkB,EAClB,cAAc,EACd,2BAA2B,EAC3B,OAAO,EACP,iBAAiB,EACjB,mBAAmB,EACnB,YAAY,EACZ,aAAa,EACb,OAAO,EACP,oBAAoB,EACpB,UAAU,EACV,KAAK,EACL,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,UAAU,EACV,UAAU,EACV,IAAI,EACJ,qBAAqB,EACrB,SAAS,EACT,cAAc,EACd,KAAK,EACL,aAAa,EACb,kBAAkB,EAClB,YAAY,EACZ,mBAAmB,EACnB,YAAY,EACZ,wBAAwB,EACxB,oBAAoB,EACpB,qBAAqB,EACrB,SAAS,GACV,CAAA"}
|