@procore/core-react 11.7.0-rc.1 → 11.7.0-rc.3
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/Avatar/Avatar.d.ts +25 -2
- package/dist/Avatar/Avatar.js +34 -4
- package/dist/Avatar/Avatar.js.map +1 -1
- package/dist/Avatar/Avatar.styles.d.ts +4 -4
- package/dist/Avatar/Avatar.styles.js +3 -3
- package/dist/Avatar/Avatar.styles.js.map +1 -1
- package/dist/Avatar/Avatar.types.d.ts +28 -6
- package/dist/AvatarStack/AvatarStack.js +2 -2
- package/dist/AvatarStack/AvatarStack.js.map +1 -1
- package/dist/AvatarStack/AvatarStack.styles.d.ts +3 -1
- package/dist/AvatarStack/AvatarStack.types.d.ts +1 -1
- package/dist/ContactItem/ContactItem.js +1 -1
- package/dist/ContactItem/ContactItem.js.map +1 -1
- package/dist/ContactItem/ContactItem.styles.d.ts +3 -1
- package/dist/Menu/Menu.d.ts +2 -2
- package/dist/Semantic/Semantic.styles.d.ts +10 -0
- package/dist/Semantic/Semantic.styles.js +21 -3
- package/dist/Semantic/Semantic.styles.js.map +1 -1
- package/dist/SuperSelect/SuperSelect.d.ts +4 -0
- package/dist/SuperSelect/SuperSelect.js +16 -4
- package/dist/SuperSelect/SuperSelect.js.map +1 -1
- package/dist/SuperSelect/SuperSelect.styles.d.ts +12 -0
- package/dist/SuperSelect/SuperSelect.styles.js +20 -11
- package/dist/SuperSelect/SuperSelect.styles.js.map +1 -1
- package/dist/SuperSelect/SuperSelect.types.d.ts +10 -2
- package/dist/SuperSelect/useSuperSelect.d.ts +5 -1
- package/dist/SuperSelect/useSuperSelect.js +5 -1
- package/dist/SuperSelect/useSuperSelect.js.map +1 -1
- package/dist/ToolHeader/ActionIcon.d.ts +5 -0
- package/dist/ToolHeader/ActionIcon.js +46 -0
- package/dist/ToolHeader/ActionIcon.js.map +1 -0
- package/dist/ToolHeader/ActionIcon.types.d.ts +10 -0
- package/dist/ToolHeader/ActionIcon.types.example.d.ts +1 -0
- package/dist/ToolHeader/ActionIcon.types.example.js +43 -0
- package/dist/ToolHeader/ActionIcon.types.example.js.map +1 -0
- package/dist/ToolHeader/ActionIcon.types.js +2 -0
- package/dist/ToolHeader/ActionIcon.types.js.map +1 -0
- package/dist/ToolHeader/ToolHeader.d.ts +4 -1
- package/dist/ToolHeader/ToolHeader.js +10 -0
- package/dist/ToolHeader/ToolHeader.js.map +1 -1
- package/dist/ToolHeader/ToolHeader.styles.js +5 -2
- package/dist/ToolHeader/ToolHeader.styles.js.map +1 -1
- package/dist/ToolHeader/ToolHeader.types.d.ts +12 -0
- package/dist/Tooltip/Tooltip.types.d.ts +2 -2
- package/dist/_hooks/I18n.d.ts +3 -0
- package/dist/_locales/en.json +3 -0
- package/dist/_styles/mixins.d.ts +3 -0
- package/dist/_styles/mixins.js +3 -0
- package/dist/_styles/mixins.js.map +1 -1
- package/dist/_typedoc/Avatar/Avatar.types.json +60 -22
- package/dist/_typedoc/AvatarStack/AvatarStack.types.json +24 -24
- package/dist/_typedoc/Badge/Badge.types.json +6 -6
- package/dist/_typedoc/Banner/Banner.types.json +13 -13
- package/dist/_typedoc/Box/Box.types.json +68 -68
- package/dist/_typedoc/Breadcrumbs/Breadcrumbs.types.json +10 -10
- package/dist/_typedoc/Button/Button.types.json +11 -11
- package/dist/_typedoc/Calendar/Calendar.types.json +80 -80
- package/dist/_typedoc/Card/Card.types.json +6 -6
- package/dist/_typedoc/Checkbox/Checkbox.types.json +7 -7
- package/dist/_typedoc/ContactItem/ContactItem.types.json +9 -9
- package/dist/_typedoc/DateInput/DateInput.types.json +35 -35
- package/dist/_typedoc/DateSelect/DateSelect.types.json +13 -13
- package/dist/_typedoc/DetailPage/DetailPage.types.json +4 -4
- package/dist/_typedoc/Dropdown/Dropdown.types.json +39 -39
- package/dist/_typedoc/DropdownFlyout/DropdownFlyout.types.json +29 -29
- package/dist/_typedoc/Dropzone/Dropzone.types.json +41 -41
- package/dist/_typedoc/EmptyState/EmptyState.types.json +14 -14
- package/dist/_typedoc/FileList/FileList.types.json +9 -9
- package/dist/_typedoc/FileSelect/FileSelect.types.json +26 -26
- package/dist/_typedoc/FileSelect/GridSource/GridSource.types.json +20 -20
- package/dist/_typedoc/FileSelect/LocalSource/LocalSource.types.json +14 -14
- package/dist/_typedoc/FileSelect/TreeSource/TreeSource.types.json +9 -9
- package/dist/_typedoc/Flex/Flex.types.json +27 -27
- package/dist/_typedoc/FlexList/FlexList.types.json +30 -30
- package/dist/_typedoc/Form/Form.types.json +702 -702
- package/dist/_typedoc/Grid/Grid.types.json +8 -8
- package/dist/_typedoc/GroupSelect/GroupSelect.types.json +52 -52
- package/dist/_typedoc/Input/Input.types.json +2 -2
- package/dist/_typedoc/Link/Link.types.json +4 -4
- package/dist/_typedoc/ListPage/ListPage.types.json +13 -13
- package/dist/_typedoc/Menu/Menu.types.json +62 -62
- package/dist/_typedoc/MenuImperative/MenuImperative.types.json +71 -71
- package/dist/_typedoc/Modal/Modal.types.json +28 -28
- package/dist/_typedoc/MultiSelect/MultiSelect.types.json +31 -31
- package/dist/_typedoc/Notation/Notation.types.json +4 -4
- package/dist/_typedoc/NumberInput/NumberInput.types.json +55 -55
- package/dist/_typedoc/PageLayout/PageLayout.types.json +7 -7
- package/dist/_typedoc/Pagination/Pagination.types.json +7 -7
- package/dist/_typedoc/Panel/Panel.types.json +27 -27
- package/dist/_typedoc/Pill/Pill.types.json +1 -1
- package/dist/_typedoc/PillSelect/PillSelect.types.json +46 -46
- package/dist/_typedoc/Popover/Popover.types.json +10 -10
- package/dist/_typedoc/ProgressBar/ProgressBar.types.json +5 -5
- package/dist/_typedoc/RadioButton/RadioButton.types.json +6 -6
- package/dist/_typedoc/Required/Required.types.json +5 -5
- package/dist/_typedoc/Search/Search.types.json +18 -18
- package/dist/_typedoc/Section/Section.types.json +14 -14
- package/dist/_typedoc/SegmentedController/SegmentedController.types.json +20 -20
- package/dist/_typedoc/Select/Select.types.json +33 -33
- package/dist/_typedoc/Slider/Slider.types.json +6 -6
- package/dist/_typedoc/Spinner/Spinner.types.json +9 -9
- package/dist/_typedoc/Switch/Switch.types.json +3 -3
- package/dist/_typedoc/Table/Table.types.json +94 -94
- package/dist/_typedoc/Tabs/Tabs.types.json +15 -15
- package/dist/_typedoc/Tearsheet/Tearsheet.types.json +10 -10
- package/dist/_typedoc/TextArea/TextArea.types.json +3 -3
- package/dist/_typedoc/TextEditor/TextEditor.types.json +7 -7
- package/dist/_typedoc/TextEditorOutput/TextEditorOutput.types.json +3 -3
- package/dist/_typedoc/Thumbnail/Thumbnail.types.json +27 -27
- package/dist/_typedoc/TieredDropdown/TieredDropdown.types.json +42 -42
- package/dist/_typedoc/TieredSelect/TieredSelect.types.json +28 -28
- package/dist/_typedoc/Tile/Tile.types.json +30 -30
- package/dist/_typedoc/Toast/Toast.types.json +4 -4
- package/dist/_typedoc/ToggleButton/ToggleButton.types.json +3 -3
- package/dist/_typedoc/Token/Token.types.json +4 -4
- package/dist/_typedoc/ToolHeader/ToolHeader.types.json +34 -8
- package/dist/_typedoc/Tooltip/Tooltip.types.json +15 -15
- package/dist/_typedoc/Tree/Tree.types.json +86 -86
- package/dist/_typedoc/Typeahead/Typeahead.types.json +2 -2
- package/dist/_typedoc/Typography/Typography.types.json +8 -8
- package/dist/_typedoc/_utils/types.json +3 -3
- package/dist/_typedoc/deprecations.json +1 -1
- package/dist/_utils/polymorphic.d.ts +18 -0
- package/dist/_utils/polymorphic.js +2 -0
- package/dist/_utils/polymorphic.js.map +1 -0
- package/dist/_utils/types.d.ts +5 -0
- package/package.json +3 -2
package/dist/Avatar/Avatar.d.ts
CHANGED
|
@@ -1,11 +1,34 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { DivAttributes } from '../_utils/types';
|
|
3
|
-
import { AvatarIconProps, AvatarLabelProps, AvatarPortraitProps, AvatarProps } from './Avatar.types';
|
|
3
|
+
import { AvatarIconProps, AvatarLabelProps, AvatarPortraitProps, AvatarProps, AvatarRef, AvatarRoles, AvatarRoleType, BaseAvatarProps } from './Avatar.types';
|
|
4
|
+
/**
|
|
5
|
+
|
|
6
|
+
We use avatars to visually represent our users, places, and things in the app.
|
|
7
|
+
These can be in the form of rich media or representative illustrations.
|
|
8
|
+
|
|
9
|
+
@since 10.19.0
|
|
10
|
+
|
|
11
|
+
@see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-avatar--demo)
|
|
12
|
+
|
|
13
|
+
@see [Design Guidelines](https://design.procore.com/avatar)
|
|
14
|
+
|
|
15
|
+
@a11y Avatar's need a `aria-label` and can be enhanced with `role` for interaction. If decorative only, add `aria-hidden`. The inaccessible `clickable` prop is for UI only
|
|
16
|
+
|
|
17
|
+
*/
|
|
18
|
+
declare function AvatarInner({ as, clickable, disabled, href, size, children, rel, role, target, ...props }: AvatarProps<AvatarRoleType>, ref: AvatarRef<AvatarRoleType>): JSX.Element;
|
|
4
19
|
export declare const Icon: React.ForwardRefExoticComponent<DivAttributes & AvatarIconProps & React.RefAttributes<HTMLDivElement>>;
|
|
5
20
|
export declare const Label: React.ForwardRefExoticComponent<DivAttributes & AvatarLabelProps & React.RefAttributes<HTMLDivElement>>;
|
|
6
21
|
export declare const Portrait: React.ForwardRefExoticComponent<DivAttributes & AvatarPortraitProps & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
-
export declare const
|
|
22
|
+
export declare const NextAvatar: (<Role extends AvatarRoles>(props: AvatarProps<Role>) => ReturnType<typeof AvatarInner>) & {
|
|
8
23
|
Icon: React.ForwardRefExoticComponent<DivAttributes & AvatarIconProps & React.RefAttributes<HTMLDivElement>>;
|
|
9
24
|
Label: React.ForwardRefExoticComponent<DivAttributes & AvatarLabelProps & React.RefAttributes<HTMLDivElement>>;
|
|
10
25
|
Portrait: React.ForwardRefExoticComponent<DivAttributes & AvatarPortraitProps & React.RefAttributes<HTMLDivElement>>;
|
|
11
26
|
};
|
|
27
|
+
export declare const Avatar: (<Role extends AvatarRoles>(props: AvatarProps<Role> | (BaseAvatarProps & {
|
|
28
|
+
ref?: React.ComponentPropsWithRef<'div'>['ref'];
|
|
29
|
+
})) => ReturnType<typeof AvatarInner>) & {
|
|
30
|
+
Icon: React.ForwardRefExoticComponent<DivAttributes & AvatarIconProps & React.RefAttributes<HTMLDivElement>>;
|
|
31
|
+
Label: React.ForwardRefExoticComponent<DivAttributes & AvatarLabelProps & React.RefAttributes<HTMLDivElement>>;
|
|
32
|
+
Portrait: React.ForwardRefExoticComponent<DivAttributes & AvatarPortraitProps & React.RefAttributes<HTMLDivElement>>;
|
|
33
|
+
};
|
|
34
|
+
export {};
|
package/dist/Avatar/Avatar.js
CHANGED
|
@@ -20,6 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
20
20
|
}
|
|
21
21
|
return t;
|
|
22
22
|
};
|
|
23
|
+
import { useButton } from '@react-aria/button';
|
|
23
24
|
import React from 'react';
|
|
24
25
|
import { addSubcomponents } from '../_utils/addSubcomponents';
|
|
25
26
|
import { StyledAvatarContainer, StyledAvatarOverlay, StyledIconContainer, StyledLabelContainer, StyledPortraitContainer, } from './Avatar.styles';
|
|
@@ -34,19 +35,40 @@ import { StyledAvatarContainer, StyledAvatarOverlay, StyledIconContainer, Styled
|
|
|
34
35
|
|
|
35
36
|
@see [Design Guidelines](https://design.procore.com/avatar)
|
|
36
37
|
|
|
38
|
+
@a11y Avatar's need a `aria-label` and can be enhanced with `role` for interaction. If decorative only, add `aria-hidden`. The inaccessible `clickable` prop is for UI only
|
|
39
|
+
|
|
37
40
|
*/
|
|
38
|
-
|
|
39
|
-
var
|
|
40
|
-
|
|
41
|
+
function AvatarInner(_a, ref) {
|
|
42
|
+
var as = _a.as, clickable = _a.clickable, disabled = _a.disabled,
|
|
43
|
+
// @ts-ignore link only
|
|
44
|
+
href = _a.href, size = _a.size, children = _a.children,
|
|
45
|
+
// @ts-ignore link only
|
|
46
|
+
rel = _a.rel,
|
|
47
|
+
// @ts-ignore not on legacy
|
|
48
|
+
role = _a.role,
|
|
49
|
+
// @ts-ignore link only
|
|
50
|
+
target = _a.target, props = __rest(_a, ["as", "clickable", "disabled", "href", "size", "children", "rel", "role", "target"]);
|
|
51
|
+
var onPress = props.onPress;
|
|
52
|
+
var buttonProps = useButton(__assign(__assign({}, props), { elementType: role === 'link' ? 'a' : 'div', href: href, isDisabled: disabled, onPress: onPress, rel: rel, target: target, type: 'button' }), ref).buttonProps;
|
|
53
|
+
var a11yProps = role === 'button'
|
|
54
|
+
? __assign(__assign({}, buttonProps), { as: as || 'div', $clickable: !disabled }) : role === 'link'
|
|
55
|
+
? __assign(__assign({}, buttonProps), { as: as || 'a', $clickable: !disabled }) : role === 'img'
|
|
56
|
+
? { role: 'img' }
|
|
57
|
+
: {};
|
|
58
|
+
return (React.createElement(StyledAvatarContainer, __assign({ ref: ref, "$clickable": clickable, "$disabled": disabled, "$size": size, "data-qa": "core-avatar" }, a11yProps, props),
|
|
41
59
|
React.Children.only(children),
|
|
42
60
|
React.createElement(StyledAvatarOverlay, null)));
|
|
43
|
-
}
|
|
61
|
+
}
|
|
62
|
+
var Avatar_ = React.forwardRef(AvatarInner);
|
|
63
|
+
var NextAvatar_ = React.forwardRef(AvatarInner);
|
|
44
64
|
export var Icon = React.forwardRef(function Icon(_a, ref) {
|
|
45
65
|
var icon = _a.icon, props = __rest(_a, ["icon"]);
|
|
46
66
|
return (React.createElement(StyledIconContainer, __assign({ ref: ref }, props), icon));
|
|
47
67
|
});
|
|
48
68
|
export var Label = React.forwardRef(function Label(_a, ref) {
|
|
49
69
|
var children = _a.children, props = __rest(_a, ["children"]);
|
|
70
|
+
// Breaking change: Option to make aria-hidden since parent requires a label.
|
|
71
|
+
// Can add in major once labelling is enforced
|
|
50
72
|
return (React.createElement(StyledLabelContainer, __assign({ ref: ref }, props), children));
|
|
51
73
|
});
|
|
52
74
|
export var Portrait = React.forwardRef(function Portrait(_a, ref) {
|
|
@@ -54,10 +76,18 @@ export var Portrait = React.forwardRef(function Portrait(_a, ref) {
|
|
|
54
76
|
return (React.createElement(StyledPortraitContainer, __assign({ ref: ref, "$imageUrl": imageUrl }, props),
|
|
55
77
|
React.createElement(StyledAvatarOverlay, null)));
|
|
56
78
|
});
|
|
79
|
+
// @ts-ignore
|
|
57
80
|
Avatar_.displayName = 'Avatar';
|
|
58
81
|
Icon.displayName = 'Avatar.Icon';
|
|
59
82
|
Label.displayName = 'Avatar.Label';
|
|
60
83
|
Portrait.displayName = 'Avatar.Portrait';
|
|
84
|
+
// @ts-ignore
|
|
85
|
+
NextAvatar_.displayName = 'Avatar';
|
|
86
|
+
export var NextAvatar = addSubcomponents({
|
|
87
|
+
Icon: Icon,
|
|
88
|
+
Label: Label,
|
|
89
|
+
Portrait: Portrait,
|
|
90
|
+
}, NextAvatar_);
|
|
61
91
|
export var Avatar = addSubcomponents({
|
|
62
92
|
Icon: Icon,
|
|
63
93
|
Label: Label,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../src/Avatar/Avatar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAE7D,OAAO,EACL,qBAAqB,EACrB,mBAAmB,EACnB,mBAAmB,EACnB,oBAAoB,EACpB,uBAAuB,GACxB,MAAM,iBAAiB,CAAA;
|
|
1
|
+
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../src/Avatar/Avatar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { BaseAvatarProps } from './Avatar.types';
|
|
2
2
|
interface StyledAvatarProps {
|
|
3
|
-
$clickable:
|
|
4
|
-
$disabled:
|
|
5
|
-
$size:
|
|
3
|
+
$clickable: BaseAvatarProps['clickable'];
|
|
4
|
+
$disabled: BaseAvatarProps['disabled'];
|
|
5
|
+
$size: BaseAvatarProps['size'];
|
|
6
6
|
}
|
|
7
7
|
export declare const StyledAvatarOverlay: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
8
8
|
export declare const StyledIconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -4,12 +4,12 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
4
4
|
};
|
|
5
5
|
import styled, { css } from 'styled-components';
|
|
6
6
|
import { colors } from '../_styles/colors';
|
|
7
|
+
import { focusable } from '../_styles/mixins';
|
|
7
8
|
var activeOverlayOpacity = 0.3;
|
|
8
9
|
var containerSize = { xl: 96, lg: 40, md: 32 };
|
|
9
10
|
var fontSize = { xl: 40, lg: 14, md: 14 };
|
|
10
11
|
var fontWeights = { xl: 700, lg: 600, md: 600 };
|
|
11
12
|
var iconSize = { xl: 48, lg: 24, md: 16 };
|
|
12
|
-
var iconSizeLegacy = { xl: 40, lg: 14, md: 14 };
|
|
13
13
|
export var StyledAvatarOverlay = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n border-radius: 100%;\n opacity: 0;\n"], ["\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n border-radius: 100%;\n opacity: 0;\n"])));
|
|
14
14
|
export var StyledIconContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: inline-flex;\n"], ["\n display: inline-flex;\n"])));
|
|
15
15
|
export var StyledLabelContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n text-transform: uppercase;\n"], ["\n text-transform: uppercase;\n"])));
|
|
@@ -17,13 +17,13 @@ export var StyledPortraitContainer = styled.div(templateObject_4 || (templateObj
|
|
|
17
17
|
var $imageUrl = _a.$imageUrl;
|
|
18
18
|
return $imageUrl;
|
|
19
19
|
});
|
|
20
|
-
export var StyledAvatarContainer = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n border-radius: 100%;\n overflow: hidden;\n position: relative;\n cursor: default;\n color: ", ";\n background-color: ", ";\n\n ", "\n\n ", ";\n"], ["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n border-radius: 100%;\n overflow: hidden;\n position: relative;\n cursor: default;\n color: ", ";\n background-color: ", ";\n\n ", "\n\n ", ";\n"])), colors.white, colors.gray30, function (_a) {
|
|
20
|
+
export var StyledAvatarContainer = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n border-radius: 100%;\n overflow: hidden;\n position: relative;\n cursor: default;\n color: ", ";\n background-color: ", ";\n text-decoration: none;\n\n a:has(> &) {\n text-decoration: none;\n }\n\n &:focus {\n ", "\n }\n // for safety separate rule block for supported browsers\n a:focus:has(> &) {\n ", "\n }\n\n ", "\n\n ", ";\n"], ["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n border-radius: 100%;\n overflow: hidden;\n position: relative;\n cursor: default;\n color: ", ";\n background-color: ", ";\n text-decoration: none;\n\n a:has(> &) {\n text-decoration: none;\n }\n\n &:focus {\n ", "\n }\n // for safety separate rule block for supported browsers\n a:focus:has(> &) {\n ", "\n }\n\n ", "\n\n ", ";\n"])), colors.white, colors.gray30, focusable, focusable, function (_a) {
|
|
21
21
|
var _b = _a.$size, $size = _b === void 0 ? 'md' : _b;
|
|
22
22
|
return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n font-size: ", "px;\n font-weight: ", ";\n height: ", "px;\n width: ", "px;\n min-height: ", "px;\n min-width: ", "px;\n\n ", " {\n svg {\n height: ", "px;\n width: ", "px;\n }\n }\n "], ["\n font-size: ", "px;\n font-weight: ", ";\n height: ", "px;\n width: ", "px;\n min-height: ", "px;\n min-width: ", "px;\n\n ", " {\n svg {\n height: ", "px;\n width: ", "px;\n }\n }\n "])), fontSize[$size], fontWeights[$size], containerSize[$size], containerSize[$size], containerSize[$size], containerSize[$size], StyledIconContainer, iconSize[$size], iconSize[$size]);
|
|
23
23
|
}, function (_a) {
|
|
24
24
|
var $disabled = _a.$disabled, $clickable = _a.$clickable;
|
|
25
25
|
if (!$disabled && $clickable) {
|
|
26
|
-
return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n cursor: pointer;\n\n &:hover {\n ", " {\n opacity: ", ";\n }\n }\n\n ", " {\n background-color: ", ";\n }\n "], ["\n cursor: pointer;\n\n &:hover {\n ", " {\n opacity: ", ";\n }\n }\n\n ", " {\n background-color: ", ";\n }\n "])), StyledAvatarOverlay, activeOverlayOpacity, StyledAvatarOverlay, colors.black);
|
|
26
|
+
return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n cursor: pointer;\n\n &:focus,\n &:hover {\n ", " {\n opacity: ", ";\n }\n }\n\n ", " {\n background-color: ", ";\n }\n "], ["\n cursor: pointer;\n\n &:focus,\n &:hover {\n ", " {\n opacity: ", ";\n }\n }\n\n ", " {\n background-color: ", ";\n }\n "])), StyledAvatarOverlay, activeOverlayOpacity, StyledAvatarOverlay, colors.black);
|
|
27
27
|
}
|
|
28
28
|
if ($disabled && !$clickable) {
|
|
29
29
|
return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n background-color: ", ";\n\n ", " {\n background-color: ", ";\n opacity: ", ";\n }\n "], ["\n background-color: ", ";\n\n ", " {\n background-color: ", ";\n opacity: ", ";\n }\n "])), colors.gray85, StyledAvatarOverlay, colors.white, activeOverlayOpacity);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.styles.js","sourceRoot":"","sources":["../../src/Avatar/Avatar.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;
|
|
1
|
+
{"version":3,"file":"Avatar.styles.js","sourceRoot":"","sources":["../../src/Avatar/Avatar.styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +1,24 @@
|
|
|
1
|
-
|
|
2
|
-
import
|
|
1
|
+
import { AriaButtonProps } from '@react-aria/button';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { Polymorphic } from '../_utils/polymorphic';
|
|
4
|
+
import { AriaLabelled, Props, Size } from '../_utils/types';
|
|
3
5
|
export declare type AvatarSize = Extract<Size, 'md' | 'lg' | 'xl'>;
|
|
4
|
-
export
|
|
6
|
+
export declare type AvatarRoleType = 'link' | 'button' | 'img';
|
|
7
|
+
export interface AvatarPolyMap extends Record<AvatarRoleType, React.ElementType> {
|
|
8
|
+
button: 'div';
|
|
9
|
+
img: 'div';
|
|
10
|
+
link: 'a';
|
|
11
|
+
}
|
|
12
|
+
export declare type AvatarRoles = AvatarRoleType | undefined;
|
|
13
|
+
export declare type AvatarRef<Role extends AvatarRoles = undefined> = Role extends AvatarRoleType ? Polymorphic.Ref<AvatarPolyMap, Role> : React.ComponentPropsWithRef<'div'>['ref'];
|
|
14
|
+
export interface BaseAvatarProps extends Props {
|
|
5
15
|
/**
|
|
6
|
-
* Sets the Avatar's clickable state
|
|
7
|
-
*
|
|
8
|
-
* @since 10.19.0
|
|
16
|
+
* Sets the Avatar's clickable UI state. For accessibility, see `role`
|
|
17
|
+
* @ally This prop is around UI and has 0 UX or JS for interaction, try `role` instead.
|
|
9
18
|
* @defaultValue false
|
|
19
|
+
* @deprecated Reviewing for removal from system, prefer accessible `role` for interactive UI.
|
|
20
|
+
* @deprecatedSince TBD
|
|
21
|
+
* @since 10.19.0
|
|
10
22
|
*/
|
|
11
23
|
clickable?: boolean;
|
|
12
24
|
/**
|
|
@@ -38,6 +50,15 @@ export interface AvatarProps extends Props {
|
|
|
38
50
|
*/
|
|
39
51
|
size?: AvatarSize;
|
|
40
52
|
}
|
|
53
|
+
declare type DecorativeAvatarProps<Role extends AvatarRoles = undefined> = {
|
|
54
|
+
'aria-hidden': true;
|
|
55
|
+
role?: Role;
|
|
56
|
+
} & BaseAvatarProps;
|
|
57
|
+
export declare type AvatarProps<Role extends AvatarRoles = undefined> = Role extends 'link' ? Polymorphic.ComponentPropsWithRef<AvatarPolyMap, 'link', 'href', AriaLabelled<BaseAvatarProps>> : Role extends 'button' ? Polymorphic.ComponentPropsWithRef<AvatarPolyMap, 'button', never, AriaLabelled<{
|
|
58
|
+
onPress: AriaButtonProps['onPress'];
|
|
59
|
+
} & BaseAvatarProps>> : Role extends 'img' ? Polymorphic.ComponentPropsWithRef<AvatarPolyMap, 'img', never, AriaLabelled<BaseAvatarProps>> : DecorativeAvatarProps & {
|
|
60
|
+
ref?: AvatarRef<undefined>;
|
|
61
|
+
};
|
|
41
62
|
export interface AvatarIconProps extends Props {
|
|
42
63
|
/**
|
|
43
64
|
* The icon to display
|
|
@@ -55,3 +76,4 @@ export interface AvatarPortraitProps extends Props {
|
|
|
55
76
|
}
|
|
56
77
|
export interface AvatarLabelProps extends Props {
|
|
57
78
|
}
|
|
79
|
+
export {};
|
|
@@ -124,7 +124,7 @@ export function BaseAvatarStack(_a) {
|
|
|
124
124
|
return (React.createElement(React.Fragment, null, items.map(function (item) {
|
|
125
125
|
return (React.createElement(Popover, { key: item.id, trigger: "hover", overlay: React.createElement(Popover.Content, null,
|
|
126
126
|
React.createElement(AvatarStackContactItem, { id: item.id, type: item.type, imageUrl: item.imageUrl, initials: item.initials, inactive: item.inactive, name: item.name, linkUrl: item.linkUrl, description: item.description })) },
|
|
127
|
-
React.createElement(StyledAvatar, { clickable: true, size: size, "$color": colors.get(item.id), disabled: item.inactive },
|
|
127
|
+
React.createElement(StyledAvatar, { "aria-hidden": true, clickable: true, size: size, "$color": colors.get(item.id), disabled: item.inactive },
|
|
128
128
|
React.createElement(AvatarContent, { imageUrl: item.imageUrl, initials: item.initials, type: item.type, size: size }))));
|
|
129
129
|
})));
|
|
130
130
|
}
|
|
@@ -141,7 +141,7 @@ export function FoldedAvatarStack(_a) {
|
|
|
141
141
|
React.createElement(StyledContactItems, null, items.map(function (item) { return (React.createElement(AvatarStackContactItem, { key: item.id, id: item.id, type: item.type, imageUrl: item.imageUrl, initials: item.initials, inactive: item.inactive, name: item.name, linkUrl: item.linkUrl, description: item.description })); })),
|
|
142
142
|
isViewAllNeeded && (React.createElement(StyledViewAllWrapper, null,
|
|
143
143
|
React.createElement(StyledViewAll, { "data-qa": "core-avatar-stack-view-all-modal-trigger", color: "blue50", onClick: onClickViewAll }, I18n.t('core.avatarStack.viewAll'))))) },
|
|
144
|
-
React.createElement(StyledAvatar, { "data-qa": "core-avatar-stack-folded-avatars-popover-trigger", size: size, "$color": "gray85", clickable: true },
|
|
144
|
+
React.createElement(StyledAvatar, { "aria-label": restCountLabel, "data-qa": "core-avatar-stack-folded-avatars-popover-trigger", size: size, "$color": "gray85", clickable: true },
|
|
145
145
|
React.createElement(Avatar.Label, null,
|
|
146
146
|
React.createElement(Typography, { color: "black" }, restCountLabel)))));
|
|
147
147
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AvatarStack.js","sourceRoot":"","sources":["../../src/AvatarStack/AvatarStack.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"AvatarStack.js","sourceRoot":"","sources":["../../src/AvatarStack/AvatarStack.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { Color } from '../_styles/colors';
|
|
3
|
-
export declare const StyledAvatar: import("styled-components").StyledComponent<import("
|
|
3
|
+
export declare const StyledAvatar: import("styled-components").StyledComponent<(<Role extends import("../Avatar/Avatar.types").AvatarRoles>(props: import("..").AvatarProps<Role> | (import("../Avatar/Avatar.types").BaseAvatarProps & {
|
|
4
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
5
|
+
})) => JSX.Element) & {
|
|
4
6
|
Icon: import("react").ForwardRefExoticComponent<import("../_utils/types").DivAttributes & import("..").AvatarIconProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
7
|
Label: import("react").ForwardRefExoticComponent<import("../_utils/types").DivAttributes & import("../Avatar/Avatar.types").AvatarLabelProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
6
8
|
Portrait: import("react").ForwardRefExoticComponent<import("../_utils/types").DivAttributes & import("..").AvatarPortraitProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -43,7 +43,7 @@ var ContactItem_ = React.forwardRef(function ContactItem(_a, ref) {
|
|
|
43
43
|
var showAvatar = imageUrl || icon || initials;
|
|
44
44
|
return (React.createElement(ContactItemWrapper, __assign({ "$selected": selected, "$disabled": disabled, "$clickable": clickable, ref: ref }, props),
|
|
45
45
|
showAvatar && (React.createElement(ContactItemAvatarWrapper, null,
|
|
46
|
-
React.createElement(ContactItemAvatar, { size: "lg", disabled: disabled }, (function () {
|
|
46
|
+
React.createElement(ContactItemAvatar, { "aria-hidden": true, size: "lg", disabled: disabled }, (function () {
|
|
47
47
|
if (imageUrl)
|
|
48
48
|
return React.createElement(Avatar.Portrait, { imageUrl: imageUrl });
|
|
49
49
|
if (icon)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContactItem.js","sourceRoot":"","sources":["../../src/ContactItem/ContactItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAEzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAE7D,OAAO,EACL,iBAAiB,EACjB,wBAAwB,EACxB,eAAe,EACf,sBAAsB,EACtB,kBAAkB,GACnB,MAAM,sBAAsB,CAAA;AAG7B;;;;;;;;;;;;;GAaG;AACH,IAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CACnC,SAAS,WAAW,CAClB,EASC,EACD,GAAG;IATD,IAAA,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,QAAQ,cAAA,EACL,KAAK,cARV,iFASC,CADS;IAIV,IAAM,UAAU,GAAG,QAAQ,IAAI,IAAI,IAAI,QAAQ,CAAA;IAE/C,OAAO,CACL,oBAAC,kBAAkB,0BACN,QAAQ,eACR,QAAQ,gBACP,SAAS,EACrB,GAAG,EAAE,GAAG,IACJ,KAAK;QAER,UAAU,IAAI,CACb,oBAAC,wBAAwB;YACvB,oBAAC,iBAAiB,
|
|
1
|
+
{"version":3,"file":"ContactItem.js","sourceRoot":"","sources":["../../src/ContactItem/ContactItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAEzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAE7D,OAAO,EACL,iBAAiB,EACjB,wBAAwB,EACxB,eAAe,EACf,sBAAsB,EACtB,kBAAkB,GACnB,MAAM,sBAAsB,CAAA;AAG7B;;;;;;;;;;;;;GAaG;AACH,IAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CACnC,SAAS,WAAW,CAClB,EASC,EACD,GAAG;IATD,IAAA,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,QAAQ,cAAA,EACL,KAAK,cARV,iFASC,CADS;IAIV,IAAM,UAAU,GAAG,QAAQ,IAAI,IAAI,IAAI,QAAQ,CAAA;IAE/C,OAAO,CACL,oBAAC,kBAAkB,0BACN,QAAQ,eACR,QAAQ,gBACP,SAAS,EACrB,GAAG,EAAE,GAAG,IACJ,KAAK;QAER,UAAU,IAAI,CACb,oBAAC,wBAAwB;YACvB,oBAAC,iBAAiB,yBAAa,IAAI,EAAC,IAAI,EAAC,QAAQ,EAAE,QAAQ,IACxD,CAAC;gBACA,IAAI,QAAQ;oBAAE,OAAO,oBAAC,MAAM,CAAC,QAAQ,IAAC,QAAQ,EAAE,QAAQ,GAAI,CAAA;gBAC5D,IAAI,IAAI;oBAAE,OAAO,oBAAC,MAAM,CAAC,IAAI,IAAC,IAAI,EAAE,IAAI,GAAI,CAAA;gBAC5C,IAAI,QAAQ;oBAAE,OAAO,oBAAC,MAAM,CAAC,KAAK,QAAE,QAAQ,CAAgB,CAAA;YAC9D,CAAC,CAAC,EAAE,CACc,CACK,CAC5B;QACD,oBAAC,sBAAsB,QAAE,QAAQ,CAA0B,CACxC,CACtB,CAAA;AACH,CAAC,CACF,CAAA;AAED,IAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAG5B,SAAS,KAAK,CAAC,EAAsB,EAAE,GAAG;IAAzB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IACnC,OAAO,CACL,oBAAC,eAAe,aAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAE,GAAG,IAAM,KAAK,GAC9D,QAAQ,CACO,CACnB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,IAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGlC,SAAS,WAAW,CAAC,EAAsB,EAAE,GAAG;IAAzB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IACzC,OAAO,CACL,oBAAC,eAAe,aAAC,MAAM,EAAC,SAAS,EAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAE,GAAG,IAAM,KAAK,GACjE,QAAQ,CACO,CACnB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,YAAY,CAAC,WAAW,GAAG,aAAa,CAAA;AAExC,KAAK,CAAC,WAAW,GAAG,mBAAmB,CAAA;AAEvC,WAAW,CAAC,WAAW,GAAG,yBAAyB,CAAA;AAEnD,MAAM,CAAC,IAAM,WAAW,GAAG,gBAAgB,CACzC;IACE,KAAK,OAAA;IACL,WAAW,aAAA;CACZ,EACD,YAAY,CACb,CAAA"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
export declare const ContactItemAvatarWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
3
|
-
export declare const ContactItemAvatar: import("styled-components").StyledComponent<import("
|
|
3
|
+
export declare const ContactItemAvatar: import("styled-components").StyledComponent<(<Role extends import("../Avatar/Avatar.types").AvatarRoles>(props: import("..").AvatarProps<Role> | (import("../Avatar/Avatar.types").BaseAvatarProps & {
|
|
4
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
5
|
+
})) => JSX.Element) & {
|
|
4
6
|
Icon: import("react").ForwardRefExoticComponent<import("../_utils/types").DivAttributes & import("..").AvatarIconProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
7
|
Label: import("react").ForwardRefExoticComponent<import("../_utils/types").DivAttributes & import("../Avatar/Avatar.types").AvatarLabelProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
6
8
|
Portrait: import("react").ForwardRefExoticComponent<import("../_utils/types").DivAttributes & import("..").AvatarPortraitProps & import("react").RefAttributes<HTMLDivElement>>;
|
package/dist/Menu/Menu.d.ts
CHANGED
|
@@ -19,7 +19,7 @@ export declare function useMenuHookContext(): MenuHook;
|
|
|
19
19
|
*/
|
|
20
20
|
export declare const Menu_: React.ForwardRefExoticComponent<MenuProps & React.RefAttributes<HTMLDivElement>>;
|
|
21
21
|
export declare const Group: React.ForwardRefExoticComponent<DivAttributes & MenuGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
22
|
-
export declare const Item: React.ForwardRefExoticComponent<Pick<DivAttributes & MenuItemProps, "
|
|
22
|
+
export declare const Item: React.ForwardRefExoticComponent<Pick<DivAttributes & MenuItemProps, "color" | "children" | "className" | "style" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "selected" | "item" | "suggested" | "index"> & React.RefAttributes<HTMLDivElement>>;
|
|
23
23
|
export declare const Options: React.ForwardRefExoticComponent<MenuOptionsProps & React.RefAttributes<HTMLDivElement>>;
|
|
24
24
|
export declare const Search: {
|
|
25
25
|
({ className, i18nScope, placeholder, onChange: _onChange, ...props }: MenuSearchProps): JSX.Element;
|
|
@@ -31,7 +31,7 @@ export declare const Menu: React.ForwardRefExoticComponent<MenuProps & React.Ref
|
|
|
31
31
|
Footer: React.ForwardRefExoticComponent<DivAttributes & MenuFooterProps & React.RefAttributes<HTMLDivElement>>;
|
|
32
32
|
Group: React.ForwardRefExoticComponent<DivAttributes & MenuGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
33
33
|
Header: React.ForwardRefExoticComponent<DivAttributes & MenuHeaderProps & React.RefAttributes<HTMLDivElement>>;
|
|
34
|
-
Item: React.ForwardRefExoticComponent<Pick<DivAttributes & MenuItemProps, "
|
|
34
|
+
Item: React.ForwardRefExoticComponent<Pick<DivAttributes & MenuItemProps, "color" | "children" | "className" | "style" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "selected" | "item" | "suggested" | "index"> & React.RefAttributes<HTMLDivElement>>;
|
|
35
35
|
Options: React.ForwardRefExoticComponent<MenuOptionsProps & React.RefAttributes<HTMLDivElement>>;
|
|
36
36
|
Search: {
|
|
37
37
|
({ className, i18nScope, placeholder, onChange: _onChange, ...props }: MenuSearchProps): JSX.Element;
|
|
@@ -3,5 +3,15 @@ export declare const StyledH2: import("styled-components").StyledComponent<"h2",
|
|
|
3
3
|
export declare const StyledH3: import("styled-components").StyledComponent<"h3", any, {}, never>;
|
|
4
4
|
export declare const StyledP: import("styled-components").StyledComponent<"p", any, {}, never>;
|
|
5
5
|
export declare const StyledUL: import("styled-components").StyledComponent<"ul", any, {}, never>;
|
|
6
|
+
/**
|
|
7
|
+
* An unstyled `button`, browser reset
|
|
8
|
+
*/
|
|
6
9
|
export declare function getUnstyledButton(): import("styled-components").FlattenSimpleInterpolation;
|
|
10
|
+
/**
|
|
11
|
+
* An unstyled `button`, browser reset
|
|
12
|
+
*/
|
|
7
13
|
export declare const StyledUnstyledButton: import("styled-components").StyledComponent<"button", any, {}, never>;
|
|
14
|
+
/**
|
|
15
|
+
* An a styled component a
|
|
16
|
+
*/
|
|
17
|
+
export declare const StyledAnchor: import("styled-components").StyledComponent<"a", any, {}, never>;
|
|
@@ -13,10 +13,28 @@ var topMarginRules = function () {
|
|
|
13
13
|
return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n & + &,\n p + &,\n ul + & {\n margin-top: ", "px;\n }\n "], ["\n & + &,\n p + &,\n ul + & {\n margin-top: ", "px;\n }\n "])), spacing.lg);
|
|
14
14
|
};
|
|
15
15
|
export var StyledP = styled.p(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n color: ", ";\n ", "\n ", "\n ", "\n"], ["\n color: ", ";\n ", "\n ", "\n ", "\n"])), colors.gray15, getTypographyIntent('body'), topMarginRules, semiboldRules);
|
|
16
|
-
export var StyledUL = styled.ul(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n color: ", ";\n margin: 0;\n padding: 0;\n ", "\n ", "\n\n padding-left: ", "px;\n\n & > li {\n list-style-type: disc;\n }\n"], ["\n color: ", ";\n margin: 0;\n padding: 0;\n ", "\n ", "\n\n padding-left: ", "px;\n\n & > li {\n list-style-type: disc;\n }\n"
|
|
16
|
+
export var StyledUL = styled.ul(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n color: ", ";\n margin: 0;\n padding: 0;\n ", "\n ", "\n\n padding-left: ", "px;\n\n & > li {\n list-style-type: disc;\n }\n"], ["\n color: ", ";\n margin: 0;\n padding: 0;\n ", "\n ", "\n\n padding-left: ", "px;\n\n & > li {\n list-style-type: disc;\n }\n"
|
|
17
|
+
/**
|
|
18
|
+
* An unstyled `button`, browser reset
|
|
19
|
+
*/
|
|
20
|
+
])), colors.gray15, getTypographyIntent('body'), topMarginRules, spacing.lg);
|
|
21
|
+
/**
|
|
22
|
+
* An unstyled `button`, browser reset
|
|
23
|
+
*/
|
|
17
24
|
export function getUnstyledButton() {
|
|
18
25
|
return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n border: none;\n background: none;\n font-family: inherit;\n font-size: 100%;\n line-height: 1.15;\n margin: 0;\n padding: 0;\n text-transform: none;\n -webkit-appearance: button;\n "], ["\n border: none;\n background: none;\n font-family: inherit;\n font-size: 100%;\n line-height: 1.15;\n margin: 0;\n padding: 0;\n text-transform: none;\n -webkit-appearance: button;\n "])));
|
|
19
26
|
}
|
|
20
|
-
|
|
21
|
-
|
|
27
|
+
/**
|
|
28
|
+
* An unstyled `button`, browser reset
|
|
29
|
+
*/
|
|
30
|
+
export var StyledUnstyledButton = styled.button(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"
|
|
31
|
+
/**
|
|
32
|
+
* An a styled component a
|
|
33
|
+
*/
|
|
34
|
+
])), getUnstyledButton);
|
|
35
|
+
/**
|
|
36
|
+
* An a styled component a
|
|
37
|
+
*/
|
|
38
|
+
export var StyledAnchor = styled.a(templateObject_9 || (templateObject_9 = __makeTemplateObject([""], [""])));
|
|
39
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
|
|
22
40
|
//# sourceMappingURL=Semantic.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Semantic.styles.js","sourceRoot":"","sources":["../../src/Semantic/Semantic.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EACL,mBAAmB,EACnB,aAAa,GACd,MAAM,iCAAiC,CAAA;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAE5C,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,6GAAA,aACtB,EAAa,OACpB,EAAyB,kBAE5B,KAHU,MAAM,CAAC,MAAM,EACpB,mBAAmB,CAAC,IAAI,CAAC,CAE5B,CAAA;AACD,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,6GAAA,aACtB,EAAa,OACpB,EAAyB,kBAE5B,KAHU,MAAM,CAAC,MAAM,EACpB,mBAAmB,CAAC,IAAI,CAAC,CAE5B,CAAA;AACD,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,6GAAA,aACtB,EAAa,OACpB,EAAyB,kBAE5B,KAHU,MAAM,CAAC,MAAM,EACpB,mBAAmB,CAAC,IAAI,CAAC,CAE5B,CAAA;AAED,IAAM,cAAc,GAAG;IACrB,OAAO,GAAG,iJAAA,4DAIQ,EAAU,gBAE3B,KAFiB,OAAO,CAAC,EAAE,EAE3B;AACH,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,OAAO,GAAG,MAAM,CAAC,CAAC,+GAAA,aACpB,EAAa,OACpB,EAA2B,MAC3B,EAAc,MACd,EAAa,IAChB,KAJU,MAAM,CAAC,MAAM,EACpB,mBAAmB,CAAC,MAAM,CAAC,EAC3B,cAAc,EACd,aAAa,CAChB,CAAA;AACD,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,8MAAA,aACtB,EAAa,oCAGpB,EAA2B,MAC3B,EAAc,sBAEA,EAAU,sDAK3B,
|
|
1
|
+
{"version":3,"file":"Semantic.styles.js","sourceRoot":"","sources":["../../src/Semantic/Semantic.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EACL,mBAAmB,EACnB,aAAa,GACd,MAAM,iCAAiC,CAAA;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAE5C,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,6GAAA,aACtB,EAAa,OACpB,EAAyB,kBAE5B,KAHU,MAAM,CAAC,MAAM,EACpB,mBAAmB,CAAC,IAAI,CAAC,CAE5B,CAAA;AACD,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,6GAAA,aACtB,EAAa,OACpB,EAAyB,kBAE5B,KAHU,MAAM,CAAC,MAAM,EACpB,mBAAmB,CAAC,IAAI,CAAC,CAE5B,CAAA;AACD,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,6GAAA,aACtB,EAAa,OACpB,EAAyB,kBAE5B,KAHU,MAAM,CAAC,MAAM,EACpB,mBAAmB,CAAC,IAAI,CAAC,CAE5B,CAAA;AAED,IAAM,cAAc,GAAG;IACrB,OAAO,GAAG,iJAAA,4DAIQ,EAAU,gBAE3B,KAFiB,OAAO,CAAC,EAAE,EAE3B;AACH,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,OAAO,GAAG,MAAM,CAAC,CAAC,+GAAA,aACpB,EAAa,OACpB,EAA2B,MAC3B,EAAc,MACd,EAAa,IAChB,KAJU,MAAM,CAAC,MAAM,EACpB,mBAAmB,CAAC,MAAM,CAAC,EAC3B,cAAc,EACd,aAAa,CAChB,CAAA;AACD,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,8MAAA,aACtB,EAAa,oCAGpB,EAA2B,MAC3B,EAAc,sBAEA,EAAU,sDAK3B;IACD;;OAEG;KAdQ,MAAM,CAAC,MAAM,EAGpB,mBAAmB,CAAC,MAAM,CAAC,EAC3B,cAAc,EAEA,OAAO,CAAC,EAAE,CAK3B,CAAA;AACD;;GAEG;AACH,MAAM,UAAU,iBAAiB;IAC/B,OAAO,GAAG,yRAAA,sNAUT,KAAA;AACH,CAAC;AACD;;GAEG;AACH,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,MAAM,+EAAA,MAC7C,EAAiB,IACpB;IAED;;OAEG;KALC,iBAAiB,CACpB,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,CAAC,qEAAA,EAAE,IAAA,CAAA"}
|
|
@@ -12,10 +12,14 @@ export declare const SuperSelect: React.ForwardRefExoticComponent<SuperSelectPro
|
|
|
12
12
|
getItemProps: (userProps?: any) => Record<string, unknown>;
|
|
13
13
|
getMultiInputProps: () => React.AriaAttributes & React.InputHTMLAttributes<HTMLInputElement>;
|
|
14
14
|
getOptionGroup: (option: any) => string;
|
|
15
|
+
getOptionIcon: ((option: any) => string) | undefined;
|
|
16
|
+
getOptionAvatar: ((option: any) => string) | undefined;
|
|
15
17
|
getOptionIsBatch: (option: any) => boolean;
|
|
16
18
|
getOptionIsDisabled: (option: any) => boolean;
|
|
17
19
|
getOptionIsOptgroup: (item: any) => item is import("./SuperSelect.types").SuperSelectOptgroup;
|
|
18
20
|
getOptionLabel: (option: any) => string;
|
|
21
|
+
getOptionTitle: ((option: any) => string) | undefined;
|
|
22
|
+
getOptionTooltip: ((option: any) => string) | undefined;
|
|
19
23
|
getOptionValue: (option: any) => import("./SuperSelect.types").SuperSelectValuePrimitive;
|
|
20
24
|
getReferenceProps: (userProps?: any) => Record<string, unknown>;
|
|
21
25
|
getTokenClearProps: (index: number) => React.AriaAttributes & React.SVGAttributes<SVGElement>;
|
|
@@ -23,7 +23,6 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
23
23
|
import { FloatingFocusManager, FloatingPortal, } from '@floating-ui/react-dom-interactions';
|
|
24
24
|
import { Clear } from '@procore/core-icons';
|
|
25
25
|
import React from 'react';
|
|
26
|
-
import { Virtuoso } from 'react-virtuoso';
|
|
27
26
|
import { Box } from '../Box/Box';
|
|
28
27
|
import { StyledFooter, StyledHeader, StyledSearch, } from '../MenuImperative/MenuImperative.styles';
|
|
29
28
|
import { StyledMultiSelectArrow, StyledMultiSelectArrowContainer, StyledMultiSelectButton, StyledMultiSelectClearIcon, StyledMultiSelectSearch, StyledMultiSelectSearchIcon, StyledMultiSelectSearchInput, StyledMultiSelectToken, StyledMultiSelectValues, } from '../MultiSelect/MultiSelect.styles';
|
|
@@ -34,7 +33,7 @@ import { Typeahead } from '../Typeahead/Typeahead';
|
|
|
34
33
|
import { Typography } from '../Typography/Typography';
|
|
35
34
|
import { useI18nContext } from '../_hooks/I18n';
|
|
36
35
|
import { spacing } from '../_styles/spacing';
|
|
37
|
-
import { StyledGroup, StyledGroupHeaderLabel, StyledItem, StyledLabel, StyledOptions, StyledOverlay, } from './SuperSelect.styles';
|
|
36
|
+
import { StyledGroup, StyledGroupHeaderLabel, StyledItem, StyledItemAvatar, StyledItemAvatarWrapper, StyledItemContent, StyledItemLabelWrapper, StyledItemTitle, StyledLabel, StyledOptions, StyledOverlay, StyledVirtuoso, } from './SuperSelect.styles';
|
|
38
37
|
import { InternalDragDropContext, SuperSelectDraggableOptions, } from './SuperSelectDraggableOptions';
|
|
39
38
|
import { useSuperSelect } from './useSuperSelect';
|
|
40
39
|
import { useVirtuosoResizeErrorFix } from './useVirtuosoResizeErrorFix';
|
|
@@ -56,6 +55,15 @@ function SuperSelectMenuGroupHeader(_a) {
|
|
|
56
55
|
}
|
|
57
56
|
function SuperSelectMenuItemLabel(_a) {
|
|
58
57
|
var option = _a.option, selectApi = _a.selectApi;
|
|
58
|
+
if (selectApi.getOptionAvatar || selectApi.getOptionTitle) {
|
|
59
|
+
return (React.createElement(StyledItemContent, null,
|
|
60
|
+
selectApi.getOptionAvatar && (React.createElement(StyledItemAvatarWrapper, null,
|
|
61
|
+
React.createElement(StyledItemAvatar, null,
|
|
62
|
+
React.createElement(StyledItemAvatar.Portrait, { imageUrl: selectApi.getOptionAvatar(option) })))),
|
|
63
|
+
React.createElement(StyledItemLabelWrapper, null,
|
|
64
|
+
selectApi.getOptionTitle && (React.createElement(StyledItemTitle, { weight: "bold", color: "gray15" }, selectApi.getOptionTitle(option))),
|
|
65
|
+
selectApi.getOptionLabel(option))));
|
|
66
|
+
}
|
|
59
67
|
return (React.createElement(StyledLabel, { "$draggable": selectApi.draggable }, selectApi.getOptionLabel(option)));
|
|
60
68
|
}
|
|
61
69
|
var SuperSelectMenuItem = React.forwardRef(function (_a, ref) {
|
|
@@ -129,7 +137,7 @@ var MultiSelectReference = React.forwardRef(function MultiSelect(_a, ref) {
|
|
|
129
137
|
});
|
|
130
138
|
function SelectComponent(_a, ref) {
|
|
131
139
|
var _b, _c, _d, _e;
|
|
132
|
-
var _f = _a.block, block = _f === void 0 ? false : _f, _g = _a.draggable, draggable = _g === void 0 ? false : _g, _h = _a.sort, sort = _h === void 0 ? true : _h, components = _a.components, defaultValue = _a.defaultValue, _j = _a.disabled, disabled = _j === void 0 ? false : _j, _k = _a.emptyMessage, emptyMessage = _k === void 0 ? 'No Results' : _k, _l = _a.error, error = _l === void 0 ? false : _l, footer = _a.footer, getOptionGroup = _a.getOptionGroup, setOptionGroup = _a.setOptionGroup, getOptionIsBatch = _a.getOptionIsBatch, getOptionIsDisabled = _a.getOptionIsDisabled, getOptionLabel = _a.getOptionLabel, getOptionValue = _a.getOptionValue, onManualSort = _a.onManualSort, header = _a.header, _m = _a.loading, loading = _m === void 0 ? false : _m, _o = _a.multiple, multiple = _o === void 0 ? false : _o, onChange = _a.onChange, options = _a.options, placeholder = _a.placeholder, _p = _a.search, search = _p === void 0 ? true : _p, _q = _a.tabIndex, tabIndex = _q === void 0 ? 0 : _q, value = _a.value;
|
|
140
|
+
var _f = _a.block, block = _f === void 0 ? false : _f, _g = _a.draggable, draggable = _g === void 0 ? false : _g, _h = _a.sort, sort = _h === void 0 ? true : _h, components = _a.components, defaultValue = _a.defaultValue, _j = _a.disabled, disabled = _j === void 0 ? false : _j, _k = _a.emptyMessage, emptyMessage = _k === void 0 ? 'No Results' : _k, _l = _a.error, error = _l === void 0 ? false : _l, footer = _a.footer, getOptionAvatar = _a.getOptionAvatar, getOptionGroup = _a.getOptionGroup, getOptionIcon = _a.getOptionIcon, setOptionGroup = _a.setOptionGroup, getOptionIsBatch = _a.getOptionIsBatch, getOptionIsDisabled = _a.getOptionIsDisabled, getOptionLabel = _a.getOptionLabel, getOptionTitle = _a.getOptionTitle, getOptionTooltip = _a.getOptionTooltip, getOptionValue = _a.getOptionValue, onManualSort = _a.onManualSort, header = _a.header, _m = _a.loading, loading = _m === void 0 ? false : _m, _o = _a.multiple, multiple = _o === void 0 ? false : _o, onChange = _a.onChange, options = _a.options, placeholder = _a.placeholder, _p = _a.search, search = _p === void 0 ? true : _p, _q = _a.tabIndex, tabIndex = _q === void 0 ? 0 : _q, value = _a.value;
|
|
133
141
|
var I18n = useI18nContext();
|
|
134
142
|
useVirtuosoResizeErrorFix();
|
|
135
143
|
var selectApi = useSuperSelect({
|
|
@@ -138,9 +146,13 @@ function SelectComponent(_a, ref) {
|
|
|
138
146
|
sort: sort,
|
|
139
147
|
defaultValue: defaultValue,
|
|
140
148
|
disabled: disabled,
|
|
149
|
+
getOptionAvatar: getOptionAvatar,
|
|
150
|
+
getOptionIcon: getOptionIcon,
|
|
141
151
|
getOptionIsBatch: getOptionIsBatch,
|
|
142
152
|
getOptionIsDisabled: getOptionIsDisabled,
|
|
143
153
|
getOptionLabel: getOptionLabel,
|
|
154
|
+
getOptionTitle: getOptionTitle,
|
|
155
|
+
getOptionTooltip: getOptionTooltip,
|
|
144
156
|
getOptionValue: getOptionValue,
|
|
145
157
|
getOptionGroup: getOptionGroup,
|
|
146
158
|
setOptionGroup: setOptionGroup,
|
|
@@ -196,7 +208,7 @@ function SelectComponent(_a, ref) {
|
|
|
196
208
|
React.createElement("div", null, header))),
|
|
197
209
|
selectApi.options.length > 0 ? (React.createElement(StyledOptions, { "$scrollable": false, style: {
|
|
198
210
|
height: listContainerHeight,
|
|
199
|
-
} }, draggable ? (React.createElement(SuperSelectDraggableOptions, { selectApi: selectApi, SuperSelectMenuItem: SuperSelectMenuItem, MenuItemLabelComponent: MenuItemLabelComponent, MenuGroupHeaderComponent: MenuGroupHeaderComponent, onListHeightChange: setListHeight })) : (React.createElement(
|
|
211
|
+
} }, draggable ? (React.createElement(SuperSelectDraggableOptions, { selectApi: selectApi, SuperSelectMenuItem: SuperSelectMenuItem, MenuItemLabelComponent: MenuItemLabelComponent, MenuGroupHeaderComponent: MenuGroupHeaderComponent, onListHeightChange: setListHeight })) : (React.createElement(StyledVirtuoso, { role: "listbox", id: selectApi.overlayId, ref: selectApi.virtuoso, data: selectApi.options, components: {
|
|
200
212
|
Item: SuperSelectMenuItem,
|
|
201
213
|
}, itemContent: getItemContent, initialTopMostItemIndex: selectApi.selectedIndex >= 0
|
|
202
214
|
? selectApi.selectedIndex
|