@procore/core-react 11.8.0-rc.6 → 11.8.0-rc.9
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/Field/Field.d.ts +12 -0
- package/dist/Field/Field.js +50 -0
- package/dist/Field/Field.js.map +1 -0
- package/dist/Field/Field.styles.d.ts +3 -0
- package/dist/Field/Field.styles.js +11 -0
- package/dist/Field/Field.styles.js.map +1 -0
- package/dist/Field/index.d.ts +1 -0
- package/dist/Field/index.js +2 -0
- package/dist/Field/index.js.map +1 -0
- package/dist/Form/Form.js +6 -3
- package/dist/Form/Form.js.map +1 -1
- package/dist/Form/Form.styles.d.ts +5 -2
- package/dist/Form/Form.styles.js +6 -4
- package/dist/Form/Form.styles.js.map +1 -1
- package/dist/Semantic/Semantic.d.ts +4 -0
- package/dist/Semantic/Semantic.js +5 -1
- package/dist/Semantic/Semantic.js.map +1 -1
- package/dist/Semantic/Semantic.styles.d.ts +9 -0
- package/dist/Semantic/Semantic.styles.js +26 -8
- package/dist/Semantic/Semantic.styles.js.map +1 -1
- package/dist/Semantic/index.d.ts +1 -1
- package/dist/Semantic/index.js +1 -1
- package/dist/Semantic/index.js.map +1 -1
- package/dist/SuperSelect/SuperSelect.components.d.ts +36 -0
- package/dist/SuperSelect/SuperSelect.components.js +249 -0
- package/dist/SuperSelect/SuperSelect.components.js.map +1 -0
- package/dist/SuperSelect/SuperSelect.d.ts +142 -46
- package/dist/SuperSelect/SuperSelect.js +50 -203
- package/dist/SuperSelect/SuperSelect.js.map +1 -1
- package/dist/SuperSelect/SuperSelect.presets.d.ts +2 -0
- package/dist/SuperSelect/SuperSelect.presets.js +104 -0
- package/dist/SuperSelect/SuperSelect.presets.js.map +1 -0
- package/dist/SuperSelect/SuperSelect.styles.d.ts +61 -26
- package/dist/SuperSelect/SuperSelect.styles.js +127 -25
- package/dist/SuperSelect/SuperSelect.styles.js.map +1 -1
- package/dist/SuperSelect/SuperSelect.types.d.ts +19 -61
- package/dist/SuperSelect/SuperSelect.types.js.map +1 -1
- package/dist/SuperSelect/useSuperSelect.d.ts +417 -47
- package/dist/SuperSelect/useSuperSelect.js +230 -116
- package/dist/SuperSelect/useSuperSelect.js.map +1 -1
- package/dist/Typography/Typography.styles.d.ts +1 -2
- package/dist/Typography/Typography.styles.js +6 -3
- package/dist/Typography/Typography.styles.js.map +1 -1
- package/dist/Typography/Typography.types.d.ts +1 -1
- package/dist/_typedoc/Avatar/Avatar.types.json +20 -20
- package/dist/_typedoc/AvatarStack/AvatarStack.types.json +22 -22
- 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 +37 -37
- 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 +694 -694
- 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 +43 -43
- package/dist/_typedoc/PageLayout/PageLayout.types.json +22 -22
- 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 +6 -6
- 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 +31 -31
- 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 +17 -17
- 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 +19 -19
- 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 +10 -10
- package/dist/_typedoc/Tooltip/Tooltip.types.json +13 -13
- 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 +9 -9
- package/dist/_typedoc/_utils/types.json +3 -3
- package/package.json +5 -3
- package/dist/SuperSelect/SuperSelectDraggableOptions.d.ts +0 -12
- package/dist/SuperSelect/SuperSelectDraggableOptions.js +0 -61
- package/dist/SuperSelect/SuperSelectDraggableOptions.js.map +0 -1
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { DivAttributes } from '../_utils/types';
|
|
3
|
+
import { SuperSelectMenuItemProps } from './SuperSelect.types';
|
|
4
|
+
export declare const Overlay: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<HTMLElement>>;
|
|
5
|
+
export declare const SingleTrigger: (props: React.PropsWithChildren<any>) => JSX.Element;
|
|
6
|
+
export declare const MultiTrigger: (props: React.PropsWithChildren<any>) => JSX.Element | null;
|
|
7
|
+
export declare const Trigger: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
export declare const Indicators: (props: React.PropsWithChildren<any>) => JSX.Element;
|
|
9
|
+
export declare const Label: React.ForwardRefExoticComponent<{
|
|
10
|
+
hoverable: boolean;
|
|
11
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
12
|
+
export declare const Loading: () => JSX.Element;
|
|
13
|
+
export declare const ArrowContainer: (props: React.PropsWithChildren<any>) => JSX.Element;
|
|
14
|
+
export declare const Arrow: ({ up, down, left, right, width, height, border, }: any) => JSX.Element;
|
|
15
|
+
export declare const Clear: () => JSX.Element;
|
|
16
|
+
export declare const MultiInputContainer: (props: React.PropsWithChildren<{}>) => JSX.Element;
|
|
17
|
+
export declare const MultiInput: (props: React.PropsWithChildren<any>) => JSX.Element;
|
|
18
|
+
export declare const MultiValue: (props: React.PropsWithChildren<any>) => JSX.Element;
|
|
19
|
+
export declare const MultiValueContainer: (props: React.PropsWithChildren<any>) => JSX.Element;
|
|
20
|
+
export declare const SearchContainer: (props: React.PropsWithChildren<any>) => JSX.Element;
|
|
21
|
+
export declare const Search: (props: React.PropsWithChildren<any>) => JSX.Element;
|
|
22
|
+
export declare const Header: (props: React.PropsWithChildren<any>) => JSX.Element;
|
|
23
|
+
export declare const Footer: (props: React.PropsWithChildren<any>) => JSX.Element;
|
|
24
|
+
export declare const EmptyMessage: (props: any) => JSX.Element;
|
|
25
|
+
export declare const Options: (props: React.PropsWithChildren<{}> & DivAttributes) => JSX.Element;
|
|
26
|
+
export declare const Group: (props: React.PropsWithChildren<{}>) => JSX.Element;
|
|
27
|
+
export declare const Item: React.ForwardRefExoticComponent<SuperSelectMenuItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
28
|
+
export declare const OptionGroupHeader: ({ optgroup }: any) => JSX.Element;
|
|
29
|
+
export declare const OptionLabel: ({ option }: any) => JSX.Element;
|
|
30
|
+
export declare const OptionContent: ({ option }: any) => JSX.Element;
|
|
31
|
+
export declare const DraggableOptionContent: ({ index, option }: any) => JSX.Element;
|
|
32
|
+
export declare const DragHandle: (props: React.PropsWithChildren<any>) => JSX.Element;
|
|
33
|
+
export declare const CheckboxContainer: (props: React.PropsWithChildren<any>) => JSX.Element;
|
|
34
|
+
export declare const Checkbox: (props: React.PropsWithChildren<any>) => JSX.Element;
|
|
35
|
+
export declare const CheckmarkContainer: (props: React.PropsWithChildren<any>) => JSX.Element;
|
|
36
|
+
export declare const Checkmark: (props: React.PropsWithChildren<any>) => JSX.Element;
|
|
@@ -0,0 +1,249 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
+
var t = {};
|
|
14
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
+
t[p] = s[p];
|
|
16
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
+
t[p[i]] = s[p[i]];
|
|
20
|
+
}
|
|
21
|
+
return t;
|
|
22
|
+
};
|
|
23
|
+
import { Check, Clear as ClearIcon, Grip } from '@procore/core-icons';
|
|
24
|
+
import React from 'react';
|
|
25
|
+
import { Draggable } from 'react-beautiful-dnd';
|
|
26
|
+
import { FakeCheckbox } from '../Checkbox/Checkbox';
|
|
27
|
+
import { Spinner } from '../Spinner/Spinner';
|
|
28
|
+
import { Token } from '../Token/Token';
|
|
29
|
+
import { Tooltip } from '../Tooltip/Tooltip';
|
|
30
|
+
import { Typeahead } from '../Typeahead/Typeahead';
|
|
31
|
+
import { OverflowObserver } from '../_hooks/OverflowObserver';
|
|
32
|
+
import { colors } from '../_styles/colors';
|
|
33
|
+
import { InternalDragDropContext } from './SuperSelect';
|
|
34
|
+
import { draggableOptionIdSymbol } from './SuperSelect.constants';
|
|
35
|
+
import { StyledArrow, StyledArrowContainer, StyledArrowFill, StyledArrowOutline, StyledCheckboxContainer, StyledCheckmarkContainer, StyledClearIcon, StyledDraggableWrapper, StyledEmptyMessage, StyledFooter, StyledGrip, StyledGroup, StyledHeader, StyledIndicators, StyledItem, StyledItemLabel, StyledLabel, StyledMultiInput, StyledMultiInputContainer, StyledMultiValue, StyledMultiValueContainer, StyledOptionGroupLabel, StyledOptions, StyledOverlay, StyledSearchContainer, StyledTrigger, } from './SuperSelect.styles';
|
|
36
|
+
import { useSuperSelectContext } from './useSuperSelect';
|
|
37
|
+
export var Overlay = React.forwardRef(function (props, ref) {
|
|
38
|
+
return React.createElement(StyledOverlay, __assign({ ref: ref }, props));
|
|
39
|
+
});
|
|
40
|
+
export var SingleTrigger = function (props) {
|
|
41
|
+
var ctx = useSuperSelectContext();
|
|
42
|
+
return (React.createElement(OverflowObserver, null, function (_a) {
|
|
43
|
+
var isOverflowingX = _a.isOverflowingX, ref = _a.ref;
|
|
44
|
+
var showTooltip = !ctx.config.disabled && isOverflowingX && !ctx.state.open;
|
|
45
|
+
var label = ctx.state.selectedLabel || ctx.config.placeholder;
|
|
46
|
+
var labelComponent = (React.createElement(ctx.components.Label, __assign({}, props, { ref: ref, hoverable: showTooltip })));
|
|
47
|
+
return (React.createElement(Tooltip, { trigger: showTooltip ? 'hover' : 'none', overlay: label }, labelComponent));
|
|
48
|
+
}));
|
|
49
|
+
};
|
|
50
|
+
export var MultiTrigger = function (props) {
|
|
51
|
+
var _a;
|
|
52
|
+
var ctx = useSuperSelectContext();
|
|
53
|
+
if (ctx.config.multiple && Array.isArray(ctx.state.value)) {
|
|
54
|
+
return (React.createElement(ctx.components.MultiValueContainer, __assign({}, props), (_a = ctx.state.value) === null || _a === void 0 ? void 0 :
|
|
55
|
+
_a.map(function (val, j) {
|
|
56
|
+
var option = ctx.state.sourceOptions.find(function (o) { return ctx.option.value(o) === val; });
|
|
57
|
+
return (option && React.createElement(ctx.components.MultiValue, { index: j, option: option }));
|
|
58
|
+
}),
|
|
59
|
+
React.createElement(ctx.components.MultiInputContainer, null,
|
|
60
|
+
React.createElement(ctx.components.MultiInput, __assign({}, ctx.props.multiInput())))));
|
|
61
|
+
}
|
|
62
|
+
return null;
|
|
63
|
+
};
|
|
64
|
+
export var Trigger = React.forwardRef(function (props, ref) {
|
|
65
|
+
var ctx = useSuperSelectContext();
|
|
66
|
+
var searchRef = React.useRef(null);
|
|
67
|
+
React.useEffect(function () {
|
|
68
|
+
var _a;
|
|
69
|
+
(_a = searchRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
70
|
+
}, [ctx.state.value]);
|
|
71
|
+
var TriggerComponent = StyledTrigger;
|
|
72
|
+
return (React.createElement(TriggerComponent, __assign({ ref: ref }, props),
|
|
73
|
+
ctx.config.multiple ? (React.createElement(ctx.components.MultiTrigger, null)) : (React.createElement(ctx.components.SingleTrigger, null)),
|
|
74
|
+
React.createElement(ctx.components.Indicators, null)));
|
|
75
|
+
});
|
|
76
|
+
export var Indicators = function (props) {
|
|
77
|
+
var ctx = useSuperSelectContext();
|
|
78
|
+
var hasValue = Array.isArray(ctx.state.value)
|
|
79
|
+
? ctx.state.value.length > 0
|
|
80
|
+
: ctx.state.value;
|
|
81
|
+
return (React.createElement(StyledIndicators, null,
|
|
82
|
+
hasValue && React.createElement(ctx.components.Clear, null),
|
|
83
|
+
ctx.config.loading ? (React.createElement(ctx.components.Loading, null)) : (React.createElement(ctx.components.ArrowContainer, null,
|
|
84
|
+
React.createElement(ctx.components.Arrow, { up: ctx.state.open, down: !ctx.state.open, width: 8, height: 4 })))));
|
|
85
|
+
};
|
|
86
|
+
export var Label = React.forwardRef(function (_a, ref) {
|
|
87
|
+
var hoverable = _a.hoverable, props = __rest(_a, ["hoverable"]);
|
|
88
|
+
var ctx = useSuperSelectContext();
|
|
89
|
+
return (React.createElement(StyledLabel, __assign({}, props, ctx.props.label(), { ref: ref, "$hoverable": hoverable }), ctx.state.selectedLabel || ctx.config.placeholder));
|
|
90
|
+
});
|
|
91
|
+
export var Loading = function () {
|
|
92
|
+
return React.createElement(Spinner, { color: "blue50", size: "xs" });
|
|
93
|
+
};
|
|
94
|
+
export var ArrowContainer = function (props) {
|
|
95
|
+
return React.createElement(StyledArrowContainer, __assign({}, props));
|
|
96
|
+
};
|
|
97
|
+
export var Arrow = function (_a) {
|
|
98
|
+
var up = _a.up, down = _a.down, left = _a.left, right = _a.right, _b = _a.width, width = _b === void 0 ? 12 : _b, _c = _a.height, height = _c === void 0 ? 12 : _c, _d = _a.border, border = _d === void 0 ? 0 : _d;
|
|
99
|
+
var outline = '';
|
|
100
|
+
var fill = '';
|
|
101
|
+
if (up) {
|
|
102
|
+
outline = "0,".concat(height, " ").concat(width, ",").concat(height, " {width / 2},0");
|
|
103
|
+
// prettier-ignore
|
|
104
|
+
fill = "".concat(border, ",").concat(height, " ").concat(width - border, ",").concat(height, " ").concat(width / 2, ",").concat(border * 2);
|
|
105
|
+
}
|
|
106
|
+
else if (down) {
|
|
107
|
+
outline = "0,0 ".concat(width, ",0 ").concat(width / 2, ",").concat(height);
|
|
108
|
+
// prettier-ignore
|
|
109
|
+
fill = "".concat(border, ",0 ").concat(width - border, ",0 ").concat(width / 2, ",").concat(height - border * 2);
|
|
110
|
+
}
|
|
111
|
+
else if (left) {
|
|
112
|
+
outline = "".concat(width, ",0 ").concat(width, ",").concat(height, " 0,").concat(height / 2);
|
|
113
|
+
// prettier-ignore
|
|
114
|
+
fill = "".concat(width, ",").concat(border, " ").concat(width, ",").concat(height - border, " ").concat(border * 2, ",").concat(height / 2);
|
|
115
|
+
}
|
|
116
|
+
else if (right) {
|
|
117
|
+
outline = "0,0 0,".concat(height, " ").concat(width, ",").concat(height / 2);
|
|
118
|
+
// prettier-ignore
|
|
119
|
+
fill = "0,".concat(border, " 0,").concat(height - border, " ").concat(width - border * 2, ",").concat(height / 2);
|
|
120
|
+
}
|
|
121
|
+
return (React.createElement(StyledArrow, null,
|
|
122
|
+
React.createElement("svg", { height: height, width: width, focusable: "false" },
|
|
123
|
+
border > 0 && React.createElement(StyledArrowOutline, { points: outline }),
|
|
124
|
+
React.createElement(StyledArrowFill, { points: fill }))));
|
|
125
|
+
};
|
|
126
|
+
export var Clear = function () {
|
|
127
|
+
var ctx = useSuperSelectContext();
|
|
128
|
+
return (React.createElement(StyledClearIcon, __assign({}, ctx.props.clear(), { size: "sm", variant: "tertiary", disabled: ctx.config.disabled, icon: React.createElement(ClearIcon, null), tabIndex: -1 })));
|
|
129
|
+
};
|
|
130
|
+
export var MultiInputContainer = function (props) {
|
|
131
|
+
return React.createElement(StyledMultiInputContainer, null, props.children);
|
|
132
|
+
};
|
|
133
|
+
export var MultiInput = function (props) {
|
|
134
|
+
return React.createElement(StyledMultiInput, __assign({}, props));
|
|
135
|
+
};
|
|
136
|
+
export var MultiValue = function (props) {
|
|
137
|
+
var ctx = useSuperSelectContext();
|
|
138
|
+
return (React.createElement(StyledMultiValue, null,
|
|
139
|
+
React.createElement(Token, { focused: ctx.state.activeTokenIndex === props.index },
|
|
140
|
+
React.createElement(Token.Label, null, ctx.option.label(props.option)),
|
|
141
|
+
React.createElement(Token.Remove, __assign({}, ctx.props.tokenClear(props.index))))));
|
|
142
|
+
};
|
|
143
|
+
export var MultiValueContainer = function (props) {
|
|
144
|
+
return React.createElement(StyledMultiValueContainer, __assign({}, props));
|
|
145
|
+
};
|
|
146
|
+
export var SearchContainer = function (props) {
|
|
147
|
+
return React.createElement(StyledSearchContainer, __assign({}, props));
|
|
148
|
+
};
|
|
149
|
+
export var Search = function (props) {
|
|
150
|
+
return React.createElement(Typeahead, __assign({}, props));
|
|
151
|
+
};
|
|
152
|
+
export var Header = function (props) {
|
|
153
|
+
return React.createElement(StyledHeader, __assign({}, props));
|
|
154
|
+
};
|
|
155
|
+
export var Footer = function (props) {
|
|
156
|
+
return React.createElement(StyledFooter, __assign({}, props, { padding: "md lg" }));
|
|
157
|
+
};
|
|
158
|
+
export var EmptyMessage = function (props) {
|
|
159
|
+
return React.createElement(StyledEmptyMessage, __assign({}, props));
|
|
160
|
+
};
|
|
161
|
+
export var Options = function (props) {
|
|
162
|
+
var ctx = useSuperSelectContext();
|
|
163
|
+
return React.createElement(StyledOptions, __assign({}, props, ctx.props.menu()));
|
|
164
|
+
};
|
|
165
|
+
export var Group = function (props) {
|
|
166
|
+
var ctx = useSuperSelectContext();
|
|
167
|
+
return (React.createElement(StyledGroup, __assign({}, props, ctx.props.item(), { role: "separator", "aria-disabled": true })));
|
|
168
|
+
};
|
|
169
|
+
export var Item = React.forwardRef(function (_a, ref) {
|
|
170
|
+
var _b;
|
|
171
|
+
var children = _a.children, _c = _a.isDragging, isDragging = _c === void 0 ? false : _c, props = __rest(_a, ["children", "isDragging"]);
|
|
172
|
+
var ctx = useSuperSelectContext();
|
|
173
|
+
var isDraggingOver = React.useContext(InternalDragDropContext).isDraggingOver;
|
|
174
|
+
var _d = React.useState(0), size = _d[0], setSize = _d[1];
|
|
175
|
+
var knownSize = (_b = props['data-known-size']) !== null && _b !== void 0 ? _b : 0;
|
|
176
|
+
React.useEffect(function () {
|
|
177
|
+
setSize(function (prevSize) { return (knownSize === 0 ? prevSize : knownSize); });
|
|
178
|
+
}, [knownSize]);
|
|
179
|
+
var index = props['data-index'];
|
|
180
|
+
var option = ctx.state.options[index];
|
|
181
|
+
if (!option) {
|
|
182
|
+
return null;
|
|
183
|
+
}
|
|
184
|
+
var isDisabled = ctx.option.isDisabled(option);
|
|
185
|
+
var isSelected = ctx.option.isSelected(option);
|
|
186
|
+
var isOptgroup = ctx.option.isOptgroup(option);
|
|
187
|
+
var value = ctx === null || ctx === void 0 ? void 0 : ctx.option.value(option);
|
|
188
|
+
function setNode(node) {
|
|
189
|
+
if (ctx) {
|
|
190
|
+
ctx.refs.navigationList.current[index] = node;
|
|
191
|
+
}
|
|
192
|
+
}
|
|
193
|
+
if (isOptgroup) {
|
|
194
|
+
return React.createElement(ctx.components.Group, __assign({}, props), children);
|
|
195
|
+
}
|
|
196
|
+
return (React.createElement(StyledItem, __assign({}, props, ctx.props.item({
|
|
197
|
+
onClick: function () { return ctx.state.onSelect(option); },
|
|
198
|
+
}), { "$disabled": ctx.option.isDisabled(option), "$emptyMinHeight": size, "$highlighted": ctx.state.activeMenuIndex === index, "$isDraggable": !isDisabled, "$isDragging": isDragging, "$isDraggingDisabled": Boolean(ctx.state.searchValue), "$isDraggingOver": isDraggingOver, "$selected": isSelected, "aria-posinset": index + 1, "aria-selected": ctx.state.activeMenuIndex === index, "aria-setsize": ctx.state.options.length || 0, id: "item-".concat(value), ref: setNode, role: "option" }),
|
|
199
|
+
ctx.config.selectionStyle === 'checkbox' && (React.createElement(ctx.components.CheckboxContainer, null,
|
|
200
|
+
React.createElement(ctx.components.Checkbox, { disabled: isDisabled, checked: isSelected }))),
|
|
201
|
+
children,
|
|
202
|
+
ctx.config.selectionStyle === 'checkmark' && (React.createElement(ctx.components.CheckmarkContainer, null, isSelected && React.createElement(ctx.components.Checkmark, null)))));
|
|
203
|
+
});
|
|
204
|
+
export var OptionGroupHeader = function (_a) {
|
|
205
|
+
var optgroup = _a.optgroup;
|
|
206
|
+
return React.createElement(StyledOptionGroupLabel, null, optgroup.label);
|
|
207
|
+
};
|
|
208
|
+
export var OptionLabel = function (_a) {
|
|
209
|
+
var option = _a.option;
|
|
210
|
+
var ctx = useSuperSelectContext();
|
|
211
|
+
return (React.createElement(StyledItemLabel, { "$draggable": ctx.config.draggable }, ctx.option.label(option)));
|
|
212
|
+
};
|
|
213
|
+
export var OptionContent = function (_a) {
|
|
214
|
+
var option = _a.option;
|
|
215
|
+
var ctx = useSuperSelectContext();
|
|
216
|
+
if (ctx.option.isOptgroup(option)) {
|
|
217
|
+
return React.createElement(ctx.components.OptionGroupHeader, { optgroup: option });
|
|
218
|
+
}
|
|
219
|
+
return React.createElement(ctx.components.OptionLabel, { option: option });
|
|
220
|
+
};
|
|
221
|
+
export var DraggableOptionContent = function (_a) {
|
|
222
|
+
var index = _a.index, option = _a.option;
|
|
223
|
+
var ctx = useSuperSelectContext();
|
|
224
|
+
var disabled = ctx.option.isDisabled(option);
|
|
225
|
+
var isOptgroup = ctx.option.isOptgroup(option);
|
|
226
|
+
var optionId = isOptgroup ? option.id : option[draggableOptionIdSymbol];
|
|
227
|
+
return (React.createElement(Draggable, { draggableId: optionId, index: index, key: optionId, isDragDisabled: isOptgroup || disabled || Boolean(ctx.state.searchValue) }, function (provided) {
|
|
228
|
+
return (React.createElement(StyledDraggableWrapper, __assign({ ref: provided.innerRef }, provided.draggableProps, provided.dragHandleProps),
|
|
229
|
+
!isOptgroup && React.createElement(ctx.components.DragHandle, null),
|
|
230
|
+
React.createElement(ctx.components.OptionContent, { index: index, option: option })));
|
|
231
|
+
}));
|
|
232
|
+
};
|
|
233
|
+
export var DragHandle = function (props) {
|
|
234
|
+
return (React.createElement(StyledGrip, __assign({}, props),
|
|
235
|
+
React.createElement(Grip, { color: colors.gray45 })));
|
|
236
|
+
};
|
|
237
|
+
export var CheckboxContainer = function (props) {
|
|
238
|
+
return React.createElement(StyledCheckboxContainer, __assign({}, props));
|
|
239
|
+
};
|
|
240
|
+
export var Checkbox = function (props) {
|
|
241
|
+
return React.createElement(FakeCheckbox, __assign({}, props));
|
|
242
|
+
};
|
|
243
|
+
export var CheckmarkContainer = function (props) {
|
|
244
|
+
return React.createElement(StyledCheckmarkContainer, __assign({}, props));
|
|
245
|
+
};
|
|
246
|
+
export var Checkmark = function (props) {
|
|
247
|
+
return React.createElement(Check, __assign({}, props, { size: "sm" }));
|
|
248
|
+
};
|
|
249
|
+
//# sourceMappingURL=SuperSelect.components.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SuperSelect.components.js","sourceRoot":"","sources":["../../src/SuperSelect/SuperSelect.components.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,49 +1,145 @@
|
|
|
1
1
|
/// <reference types="lodash" />
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import {
|
|
4
|
-
export declare const
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
3
|
+
import { SuperSelectConfig } from './SuperSelect.types';
|
|
4
|
+
export declare const InternalDragDropContext: React.Context<{
|
|
5
|
+
isDraggingOver: boolean;
|
|
6
|
+
}>;
|
|
7
|
+
export declare const SuperSelect: React.ForwardRefExoticComponent<SuperSelectConfig & React.RefAttributes<{
|
|
8
|
+
config: {
|
|
9
|
+
block: boolean;
|
|
10
|
+
disabled: boolean;
|
|
11
|
+
draggable: boolean;
|
|
12
|
+
emptyMessage: string;
|
|
13
|
+
error: boolean | undefined;
|
|
14
|
+
footer: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
|
15
|
+
header: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
|
16
|
+
placeholder: string | undefined;
|
|
17
|
+
preset: import("./SuperSelect.types").SuperSelectPreset;
|
|
18
|
+
selectionStyle: "checkbox" | "highlight" | "checkmark";
|
|
19
|
+
tabIndex: number;
|
|
20
|
+
loading: boolean;
|
|
21
|
+
multiple: boolean;
|
|
22
|
+
};
|
|
23
|
+
components: {
|
|
24
|
+
Overlay: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<HTMLElement>>;
|
|
25
|
+
SingleTrigger: (props: any) => JSX.Element;
|
|
26
|
+
MultiTrigger: (props: any) => JSX.Element | null;
|
|
27
|
+
Trigger: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<HTMLDivElement>>;
|
|
28
|
+
Indicators: (props: any) => JSX.Element;
|
|
29
|
+
Label: React.ForwardRefExoticComponent<{
|
|
30
|
+
hoverable: boolean;
|
|
31
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
32
|
+
Loading: () => JSX.Element;
|
|
33
|
+
ArrowContainer: (props: any) => JSX.Element;
|
|
34
|
+
Arrow: ({ up, down, left, right, width, height, border, }: any) => JSX.Element;
|
|
35
|
+
Clear: () => JSX.Element;
|
|
36
|
+
MultiInputContainer: (props: {
|
|
37
|
+
children?: React.ReactNode;
|
|
38
|
+
}) => JSX.Element;
|
|
39
|
+
MultiInput: (props: any) => JSX.Element;
|
|
40
|
+
MultiValue: (props: any) => JSX.Element;
|
|
41
|
+
MultiValueContainer: (props: any) => JSX.Element;
|
|
42
|
+
SearchContainer: (props: any) => JSX.Element;
|
|
43
|
+
Search: (props: any) => JSX.Element;
|
|
44
|
+
Header: (props: any) => JSX.Element;
|
|
45
|
+
Footer: (props: any) => JSX.Element;
|
|
46
|
+
EmptyMessage: (props: any) => JSX.Element;
|
|
47
|
+
Options: (props: {
|
|
48
|
+
children?: React.ReactNode;
|
|
49
|
+
} & import("../_utils/types").DivAttributes) => JSX.Element;
|
|
50
|
+
Group: (props: {
|
|
51
|
+
children?: React.ReactNode;
|
|
52
|
+
}) => JSX.Element;
|
|
53
|
+
Item: React.ForwardRefExoticComponent<import("./SuperSelect.types").SuperSelectMenuItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
54
|
+
OptionGroupHeader: ({ optgroup }: any) => JSX.Element;
|
|
55
|
+
OptionLabel: ({ option }: any) => JSX.Element;
|
|
56
|
+
OptionContent: ({ option }: any) => JSX.Element;
|
|
57
|
+
DraggableOptionContent: ({ index, option }: any) => JSX.Element;
|
|
58
|
+
DragHandle: (props: any) => JSX.Element;
|
|
59
|
+
CheckboxContainer: (props: any) => JSX.Element;
|
|
60
|
+
Checkbox: (props: any) => JSX.Element;
|
|
61
|
+
CheckmarkContainer: (props: any) => JSX.Element;
|
|
62
|
+
Checkmark: (props: any) => JSX.Element;
|
|
63
|
+
};
|
|
64
|
+
state: {
|
|
65
|
+
activeMenuIndex: number | null;
|
|
66
|
+
activeTokenIndex: number | null;
|
|
67
|
+
isEmpty: () => boolean;
|
|
68
|
+
listContainerHeight: number;
|
|
69
|
+
listId: string;
|
|
70
|
+
maxHeight: number;
|
|
71
|
+
onDragEnd: (result: any) => void;
|
|
72
|
+
onSelect: (option: any) => void;
|
|
73
|
+
open: boolean;
|
|
74
|
+
options: any[];
|
|
75
|
+
overlayId: string;
|
|
76
|
+
searchValue: string;
|
|
77
|
+
selectedIndex: number;
|
|
78
|
+
selectedLabel: string;
|
|
79
|
+
selectedOption: any;
|
|
80
|
+
setOpen: React.Dispatch<React.SetStateAction<boolean>>;
|
|
81
|
+
setPointer: React.Dispatch<React.SetStateAction<boolean>>;
|
|
82
|
+
setSearchValue: import("lodash").DebouncedFunc<React.Dispatch<React.SetStateAction<string>>>;
|
|
83
|
+
sourceOptions: any[];
|
|
84
|
+
value: import("./SuperSelect.types").SuperSelectValue;
|
|
85
|
+
width: number;
|
|
86
|
+
};
|
|
87
|
+
props: {
|
|
88
|
+
clear: () => {
|
|
89
|
+
'aria-hidden': boolean;
|
|
90
|
+
'aria-label': string;
|
|
91
|
+
onClick(e: React.MouseEvent<Element, MouseEvent>): void;
|
|
92
|
+
};
|
|
93
|
+
emptyMessage: () => {
|
|
94
|
+
emptyMessage: string;
|
|
95
|
+
};
|
|
96
|
+
footer: () => {
|
|
97
|
+
ref: (el: HTMLElement | null) => void;
|
|
98
|
+
onKeyDown: (e: React.KeyboardEvent<Element>) => void;
|
|
99
|
+
};
|
|
100
|
+
header: () => {
|
|
101
|
+
ref: (el: HTMLElement | null) => void;
|
|
102
|
+
};
|
|
103
|
+
item: (userProps?: any) => Record<string, unknown>;
|
|
104
|
+
label: () => {
|
|
105
|
+
$hoverable: boolean;
|
|
106
|
+
};
|
|
107
|
+
menu: () => {
|
|
108
|
+
scrollable: boolean;
|
|
109
|
+
style: {
|
|
110
|
+
height: number;
|
|
111
|
+
};
|
|
112
|
+
};
|
|
113
|
+
multiInput: () => React.AriaAttributes & React.InputHTMLAttributes<HTMLInputElement> & {
|
|
114
|
+
ref: React.Ref<HTMLInputElement>;
|
|
115
|
+
};
|
|
116
|
+
overlay: (userProps?: any) => Record<string, unknown>;
|
|
117
|
+
search: () => {
|
|
118
|
+
'aria-controls': string;
|
|
119
|
+
onChange(value: string): void;
|
|
120
|
+
placeholder: string;
|
|
121
|
+
};
|
|
122
|
+
searchContainer: () => {
|
|
123
|
+
ref: (el: HTMLElement | null) => void;
|
|
124
|
+
};
|
|
125
|
+
tokenClear: (index: number) => {
|
|
126
|
+
onClick(e: React.MouseEvent<Element, MouseEvent>): void;
|
|
127
|
+
};
|
|
128
|
+
trigger: (userProps?: any) => Record<string, unknown>;
|
|
129
|
+
virtuoso: () => import("react-virtuoso").VirtuosoProps<{}, {}>;
|
|
130
|
+
};
|
|
131
|
+
option: {
|
|
132
|
+
group: (option: any) => string;
|
|
133
|
+
isBatch: (option: any) => boolean;
|
|
134
|
+
isSelected: (option: any) => boolean;
|
|
135
|
+
isDisabled: (option: any) => boolean;
|
|
136
|
+
isOptgroup: (item: any) => item is import("./SuperSelect.types").SuperSelectOptgroup;
|
|
137
|
+
label: (option: any) => string;
|
|
138
|
+
value: (option: any) => import("./SuperSelect.types").SuperSelectValuePrimitive;
|
|
139
|
+
};
|
|
140
|
+
refs: {
|
|
141
|
+
floating: import("@floating-ui/react-dom-interactions").UseFloatingReturn<HTMLElement>;
|
|
142
|
+
navigationList: React.MutableRefObject<(HTMLElement | null)[]>;
|
|
143
|
+
virtuoso: React.RefObject<import("react-virtuoso").VirtuosoHandle>;
|
|
144
|
+
};
|
|
49
145
|
}>>;
|