@darajs/ui-components 1.9.4 → 1.9.6
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/combo-box/combo-box.d.ts +1 -290
- package/dist/combo-box/combo-box.d.ts.map +1 -1
- package/dist/combo-box/combo-box.js +12 -43
- package/dist/combo-box/combo-box.js.map +1 -1
- package/dist/context-menu/context-menu.d.ts +1 -1
- package/dist/context-menu/context-menu.d.ts.map +1 -1
- package/dist/context-menu/context-menu.js +9 -11
- package/dist/context-menu/context-menu.js.map +1 -1
- package/dist/datepicker/datepicker-select.d.ts +0 -2
- package/dist/datepicker/datepicker-select.d.ts.map +1 -1
- package/dist/datepicker/datepicker-select.js +34 -30
- package/dist/datepicker/datepicker-select.js.map +1 -1
- package/dist/filter/datetime-filter.d.ts.map +1 -1
- package/dist/filter/datetime-filter.js +2 -27
- package/dist/filter/datetime-filter.js.map +1 -1
- package/dist/multiselect/multiselect.d.ts.map +1 -1
- package/dist/multiselect/multiselect.js +12 -57
- package/dist/multiselect/multiselect.js.map +1 -1
- package/dist/sectioned-list/sectioned-list.d.ts +1 -1
- package/dist/sectioned-list/sectioned-list.d.ts.map +1 -1
- package/dist/sectioned-list/sectioned-list.js +37 -34
- package/dist/sectioned-list/sectioned-list.js.map +1 -1
- package/dist/select/select.d.ts.map +1 -1
- package/dist/select/select.js +11 -29
- package/dist/select/select.js.map +1 -1
- package/dist/shared/chevron-button.d.ts +13 -0
- package/dist/shared/chevron-button.d.ts.map +1 -0
- package/dist/shared/chevron-button.js +35 -0
- package/dist/shared/chevron-button.js.map +1 -0
- package/dist/shared/dropdown-list.d.ts +34 -0
- package/dist/shared/dropdown-list.d.ts.map +1 -0
- package/dist/shared/dropdown-list.js +27 -0
- package/dist/shared/dropdown-list.js.map +1 -0
- package/dist/shared/list-item.d.ts +35 -0
- package/dist/shared/list-item.d.ts.map +1 -0
- package/dist/shared/list-item.js +66 -0
- package/dist/shared/list-item.js.map +1 -0
- package/dist/utils/chevron.d.ts +1 -1
- package/dist/utils/chevron.d.ts.map +1 -1
- package/dist/utils/chevron.js +2 -4
- package/dist/utils/chevron.js.map +1 -1
- package/dist/utils/index.d.ts +1 -1
- package/dist/utils/index.d.ts.map +1 -1
- package/dist/utils/index.js +1 -1
- package/dist/utils/index.js.map +1 -1
- package/dist/utils/list-styles.d.ts +2 -6
- package/dist/utils/list-styles.d.ts.map +1 -1
- package/dist/utils/list-styles.js +9 -24
- package/dist/utils/list-styles.js.map +1 -1
- package/dist/utils/syncKbdHighlightIdx.d.ts +23 -0
- package/dist/utils/syncKbdHighlightIdx.d.ts.map +1 -0
- package/dist/utils/syncKbdHighlightIdx.js +41 -0
- package/dist/utils/syncKbdHighlightIdx.js.map +1 -0
- package/package.json +8 -8
|
@@ -9,7 +9,6 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import { createElement as _createElement } from "react";
|
|
13
12
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
14
13
|
/**
|
|
15
14
|
* Copyright 2023 Impulse Innovations Limited
|
|
@@ -29,12 +28,13 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
29
28
|
*/
|
|
30
29
|
import { autoUpdate, flip, offset, shift, useFloating, useInteractions, useRole } from '@floating-ui/react';
|
|
31
30
|
import { useSelect } from 'downshift';
|
|
32
|
-
import { useEffect, useState } from 'react';
|
|
33
31
|
import * as React from 'react';
|
|
34
32
|
import ReactDOM from 'react-dom';
|
|
35
33
|
import styled from '@darajs/styled-components';
|
|
34
|
+
import DropdownList from '../shared/dropdown-list';
|
|
36
35
|
import Tooltip from '../tooltip/tooltip';
|
|
37
36
|
import { Chevron } from '../utils';
|
|
37
|
+
import { syncKbdHighlightIdx } from '../utils/syncKbdHighlightIdx';
|
|
38
38
|
const { stateChangeTypes } = useSelect;
|
|
39
39
|
const SelectedItem = styled.div `
|
|
40
40
|
width: 100%;
|
|
@@ -113,7 +113,7 @@ const SelectButtonPrimary = styled(SelectButton) `
|
|
|
113
113
|
}
|
|
114
114
|
}
|
|
115
115
|
`;
|
|
116
|
-
const
|
|
116
|
+
const StyledDatepickerListItem = styled.span `
|
|
117
117
|
cursor: pointer;
|
|
118
118
|
user-select: none;
|
|
119
119
|
|
|
@@ -125,22 +125,27 @@ const DatepickerListItem = styled.span `
|
|
|
125
125
|
min-height: 2rem;
|
|
126
126
|
padding: 0.25rem 1.5rem;
|
|
127
127
|
|
|
128
|
-
font-size:
|
|
128
|
+
font-size: 0.75rem;
|
|
129
129
|
font-weight: 300;
|
|
130
130
|
color: ${(props) => (props.isSelected ? '#FFF' : props.theme.colors.text)};
|
|
131
131
|
text-overflow: ellipsis;
|
|
132
132
|
white-space: nowrap;
|
|
133
|
+
border-radius: 0.25rem;
|
|
133
134
|
|
|
134
135
|
background-color: ${(props) => {
|
|
135
136
|
if (props.isSelected) {
|
|
136
137
|
return props.theme.colors.primary;
|
|
137
138
|
}
|
|
138
|
-
if (props.
|
|
139
|
+
if (props.isHighlighted) {
|
|
139
140
|
return props.theme.colors.grey2;
|
|
140
141
|
}
|
|
141
142
|
return props.theme.colors.grey1;
|
|
142
143
|
}};
|
|
143
144
|
|
|
145
|
+
:hover {
|
|
146
|
+
background-color: ${(props) => (props.isSelected ? props.theme.colors.primary : props.theme.colors.grey2)};
|
|
147
|
+
}
|
|
148
|
+
|
|
144
149
|
:active {
|
|
145
150
|
background-color: ${(props) => props.theme.colors.grey1};
|
|
146
151
|
}
|
|
@@ -149,19 +154,27 @@ const DatepickerListItem = styled.span `
|
|
|
149
154
|
border-bottom: none;
|
|
150
155
|
}
|
|
151
156
|
`;
|
|
152
|
-
const
|
|
157
|
+
const DatepickerListItem = React.memo(({ item, index, getItemProps, isSelected, size, isHighlighted }) => {
|
|
158
|
+
const _a = getItemProps({ index, item }), { itemClassName } = _a, itemProps = __rest(_a, ["itemClassName"]);
|
|
159
|
+
return (_jsx(StyledDatepickerListItem, Object.assign({}, itemProps, { isSelected: isSelected, title: item.label, item: item, index: index, size: size, isHighlighted: isHighlighted, children: item.label })));
|
|
160
|
+
});
|
|
161
|
+
const StyledDropdownList = React.memo(styled(DropdownList) `
|
|
153
162
|
overflow-y: auto;
|
|
154
163
|
display: ${(props) => (props.isOpen ? 'flex' : 'none')};
|
|
155
164
|
flex-direction: column;
|
|
156
165
|
gap: 0.125rem;
|
|
157
166
|
|
|
158
|
-
|
|
167
|
+
width: 16.25rem;
|
|
168
|
+
max-height: calc(
|
|
169
|
+
${(props) => (props.maxItems || 5) * 2}em + 2px + (${(props) => (props.maxItems || 5) - 1}) * 0.125em
|
|
170
|
+
);
|
|
159
171
|
margin-left: ${(props) => props.displacement}rem;
|
|
160
172
|
|
|
161
173
|
background-color: ${(props) => props.theme.colors.grey1};
|
|
162
174
|
border: none;
|
|
163
|
-
|
|
164
|
-
|
|
175
|
+
box-shadow: none;
|
|
176
|
+
`);
|
|
177
|
+
const DatepickerSelectButtonPrimary = React.memo(({ disabled, getToggleButtonProps, setReference, getReferenceProps, size, isOpen, selectedItem, }) => (_jsxs(SelectButtonPrimary, Object.assign({ disabled: disabled }, getToggleButtonProps({ disabled, ref: setReference }), getReferenceProps(), { type: "button", children: [_jsx(SelectedItem, { size: size, children: selectedItem ? selectedItem.label : 'Select' }), _jsx(Chevron, { disabled: disabled, isOpen: isOpen })] }))));
|
|
165
178
|
/**
|
|
166
179
|
* A single select dropdown component that has no search capability, accepts a list of items to select from and an
|
|
167
180
|
* onSelect handler to listen for changes in the selection
|
|
@@ -170,25 +183,20 @@ const DropdownList = styled.div `
|
|
|
170
183
|
*/
|
|
171
184
|
function DatepickerSelect(props) {
|
|
172
185
|
var _a;
|
|
173
|
-
const [
|
|
174
|
-
const { isOpen, selectedItem, getToggleButtonProps, getMenuProps,
|
|
186
|
+
const [kbdHighlightIdx, setKbdHighlightIdx] = React.useState();
|
|
187
|
+
const { isOpen, selectedItem, getToggleButtonProps, getMenuProps, getItemProps } = useSelect(Object.assign(Object.assign(Object.assign({ initialSelectedItem: props.initialValue, itemToString: (item) => item.label, items: props.items, onSelectedItemChange: (changes) => {
|
|
175
188
|
const selected = changes.selectedItem;
|
|
176
189
|
if (props.onSelect) {
|
|
177
190
|
props.onSelect(selected);
|
|
178
191
|
}
|
|
179
|
-
}, stateReducer: (state, { changes, type }) => {
|
|
180
|
-
//
|
|
181
|
-
|
|
182
|
-
|
|
192
|
+
} }, syncKbdHighlightIdx(setKbdHighlightIdx)), { stateReducer: (state, { changes, type }) => {
|
|
193
|
+
// Hack to scroll to the selected item when the menu is opened
|
|
194
|
+
// https://github.com/downshift-js/downshift/issues/645
|
|
195
|
+
if (type === stateChangeTypes.ToggleButtonClick && (changes === null || changes === void 0 ? void 0 : changes.isOpen) && props.selectedItem) {
|
|
196
|
+
return Object.assign(Object.assign({}, changes), { highlightedIndex: props.items.findIndex((i) => i.value === changes.selectedItem.value) });
|
|
183
197
|
}
|
|
184
198
|
return changes;
|
|
185
|
-
} }, (props.selectedItem && { selectedItem: props.selectedItem })));
|
|
186
|
-
useEffect(() => {
|
|
187
|
-
if (isOpen && pendingHighlight !== null) {
|
|
188
|
-
setHighlightedIndex(pendingHighlight);
|
|
189
|
-
setPendingHighlight(null);
|
|
190
|
-
}
|
|
191
|
-
}, [isOpen, pendingHighlight, setHighlightedIndex]);
|
|
199
|
+
} }), (props.selectedItem && { selectedItem: props.selectedItem })));
|
|
192
200
|
const { refs, floatingStyles, context } = useFloating({
|
|
193
201
|
open: isOpen,
|
|
194
202
|
placement: props.placement || 'bottom-start',
|
|
@@ -197,19 +205,15 @@ function DatepickerSelect(props) {
|
|
|
197
205
|
});
|
|
198
206
|
const role = useRole(context, { role: 'listbox' });
|
|
199
207
|
const { getReferenceProps, getFloatingProps } = useInteractions([role]);
|
|
200
|
-
const menuProps = getMenuProps();
|
|
201
|
-
const setMenuRef = menuProps.ref;
|
|
202
208
|
const setFloatingRef = refs.setFloating;
|
|
203
209
|
const { dropdownRef } = props;
|
|
204
210
|
const mergedDropdownRef = React.useCallback((node) => {
|
|
205
211
|
setFloatingRef(node);
|
|
206
|
-
setMenuRef(node);
|
|
207
212
|
dropdownRef === null || dropdownRef === void 0 ? void 0 : dropdownRef(node);
|
|
208
|
-
}, [setFloatingRef,
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
}) })), document.body)] }) }));
|
|
213
|
+
}, [setFloatingRef, dropdownRef]);
|
|
214
|
+
const menuProps = React.useMemo(() => getMenuProps({ ref: mergedDropdownRef }), [mergedDropdownRef, getMenuProps]);
|
|
215
|
+
const renderListItem = React.useCallback((item, index) => (_jsx(DatepickerListItem, { item: item, index: index, getItemProps: getItemProps, isSelected: (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.label) === item.label, isHighlighted: isOpen && kbdHighlightIdx !== undefined && kbdHighlightIdx === index }, `item-${index}-${isOpen && (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.label) === item.label}`)), [getItemProps, selectedItem, isOpen, kbdHighlightIdx]);
|
|
216
|
+
return (_jsx(Tooltip, { content: props.errorMsg, disabled: !props.errorMsg, styling: "error", children: _jsxs(Wrapper, { className: props.className, isDisabled: props.disabled, isErrored: !!props.errorMsg, onClick: props.onClick, style: props.style, children: [_jsx(DatepickerSelectButtonPrimary, { disabled: props.disabled, getToggleButtonProps: getToggleButtonProps, setReference: refs.setReference, getReferenceProps: getReferenceProps, size: props.size, isOpen: isOpen, selectedItem: selectedItem }), ReactDOM.createPortal(_jsx(StyledDropdownList, { items: props.items, getItemProps: getItemProps, getFloatingProps: getFloatingProps, style: floatingStyles, isOpen: isOpen, getMenuProps: getMenuProps, size: props.size, className: `${(_a = menuProps === null || menuProps === void 0 ? void 0 : menuProps.className) !== null && _a !== void 0 ? _a : ''} ${props.itemClass}`, itemClass: props.itemClass, displacement: props.displacement, maxItems: 7, ref: mergedDropdownRef, kbdHighlightIdx: kbdHighlightIdx, children: renderListItem }), document.body)] }) }));
|
|
213
217
|
}
|
|
214
218
|
export default DatepickerSelect;
|
|
215
219
|
//# sourceMappingURL=datepicker-select.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"datepicker-select.js","sourceRoot":"","sources":["../../src/datepicker/datepicker-select.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"datepicker-select.js","sourceRoot":"","sources":["../../src/datepicker/datepicker-select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"datetime-filter.d.ts","sourceRoot":"","sources":["../../src/filter/datetime-filter.tsx"],"names":[],"mappings":";AAiBA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAM1C,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"datetime-filter.d.ts","sourceRoot":"","sources":["../../src/filter/datetime-filter.tsx"],"names":[],"mappings":";AAiBA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAM1C,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AA0FhC,MAAM,WAAW,aAAa;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,IAAI,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;CAC9B;AACD,MAAM,WAAW,mBAAoB,SAAQ,WAAW,CAAC,GAAG,CAAC;IACzD,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kFAAkF;IAClF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACzG,0FAA0F;IAC1F,UAAU,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,EAAE,CAAC,CAAC;IACnD,oEAAoE;IACpE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,wDAAwD;IACxD,MAAM,CAAC,EAAE,IAAI,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;CAChC;AAyBD;;;;GAIG;AACH,iBAAS,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAyE/D;AAED,eAAe,cAAc,CAAC"}
|
|
@@ -16,36 +16,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
16
16
|
* limitations under the License.
|
|
17
17
|
*/
|
|
18
18
|
import { useMemo, useState } from 'react';
|
|
19
|
-
import styled
|
|
19
|
+
import styled from '@darajs/styled-components';
|
|
20
20
|
import Datepicker from '../datepicker/datepicker';
|
|
21
21
|
import Select from '../select/select';
|
|
22
22
|
import { ApplyButton, FilterWrapper } from './categorical-filter';
|
|
23
23
|
import { FilterHeader } from './numeric-filter';
|
|
24
|
-
const GlobalStyle = createGlobalStyle `
|
|
25
|
-
body {
|
|
26
|
-
/* stylelint-disable-next-line -- external classname */
|
|
27
|
-
.DatetimeFilterSelect {
|
|
28
|
-
background-color: ${(props) => props.theme.colors.grey1};
|
|
29
|
-
|
|
30
|
-
span {
|
|
31
|
-
background-color: ${(props) => props.theme.colors.grey1};
|
|
32
|
-
border-bottom: 1px solid ${(props) => props.theme.colors.grey1};
|
|
33
|
-
|
|
34
|
-
&[aria-selected="true"] {
|
|
35
|
-
background-color: ${(props) => props.theme.colors.primary};
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
:hover {
|
|
39
|
-
background-color: ${(props) => props.theme.colors.grey3};
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
:active {
|
|
43
|
-
background-color: ${(props) => props.theme.colors.grey4};
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
`;
|
|
49
24
|
const DatetimeFilterWrapper = styled(FilterWrapper) `
|
|
50
25
|
gap: 0;
|
|
51
26
|
`;
|
|
@@ -181,7 +156,7 @@ function DatetimeFilter(props) {
|
|
|
181
156
|
}
|
|
182
157
|
return false;
|
|
183
158
|
}, [props.disabled, previousFilter, filteredValues, dateValues, selected]);
|
|
184
|
-
return (_jsxs(DatetimeFilterWrapper, { className: props.className, children: [
|
|
159
|
+
return (_jsxs(DatetimeFilterWrapper, { className: props.className, children: [_jsxs(FilterHeader, { children: [_jsx(StyledSelect, { dropdownRef: (element) => {
|
|
185
160
|
if (props.portalsRef) {
|
|
186
161
|
props.portalsRef.current[2] = element;
|
|
187
162
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"datetime-filter.js","sourceRoot":"","sources":["../../src/filter/datetime-filter.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,MAAM,
|
|
1
|
+
{"version":3,"file":"datetime-filter.js","sourceRoot":"","sources":["../../src/filter/datetime-filter.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"multiselect.d.ts","sourceRoot":"","sources":["../../src/multiselect/multiselect.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"multiselect.d.ts","sourceRoot":"","sources":["../../src/multiselect/multiselect.tsx"],"names":[],"mappings":"AA2BA,OAAO,EAAE,yBAAyB,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AA2K3D,MAAM,WAAW,gBAAiB,SAAQ,yBAAyB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAC5E,4EAA4E;IAC5E,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,4EAA4E;IAC5E,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IACnB,0FAA0F;IAC1F,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACvD,0DAA0D;IAC1D,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACtD,sGAAsG;IACtG,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4FAA4F;IAC5F,aAAa,CAAC,EAAE,IAAI,EAAE,CAAC;IACvB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;GAMG;AACH,iBAAS,WAAW,CAAC,EAAE,QAAiB,EAAE,OAAW,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CA4IhG;AAED,eAAe,WAAW,CAAC"}
|
|
@@ -9,7 +9,6 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import { createElement as _createElement } from "react";
|
|
13
12
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
14
13
|
/**
|
|
15
14
|
* Copyright 2023 Impulse Innovations Limited
|
|
@@ -33,9 +32,11 @@ import { useCallback, useMemo, useState } from 'react';
|
|
|
33
32
|
import ReactDOM from 'react-dom';
|
|
34
33
|
import styled from '@darajs/styled-components';
|
|
35
34
|
import { Cross } from '@darajs/ui-icons';
|
|
36
|
-
import
|
|
35
|
+
import ChevronButton from '../shared/chevron-button';
|
|
36
|
+
import DropdownList from '../shared/dropdown-list';
|
|
37
37
|
import Tooltip from '../tooltip/tooltip';
|
|
38
|
-
import {
|
|
38
|
+
import { matchWidthToReference } from '../utils';
|
|
39
|
+
import { syncKbdHighlightIdx } from '../utils/syncKbdHighlightIdx';
|
|
39
40
|
const { stateChangeTypes } = useCombobox;
|
|
40
41
|
const tagHeight = 2;
|
|
41
42
|
const tagTopMargin = 0.5;
|
|
@@ -168,32 +169,6 @@ const TagText = styled.span `
|
|
|
168
169
|
text-overflow: ellipsis;
|
|
169
170
|
white-space: nowrap;
|
|
170
171
|
`;
|
|
171
|
-
const NoItemsLabel = styled.span `
|
|
172
|
-
display: flex;
|
|
173
|
-
flex: 1 1 auto;
|
|
174
|
-
align-items: center;
|
|
175
|
-
justify-content: center;
|
|
176
|
-
|
|
177
|
-
height: 2rem;
|
|
178
|
-
|
|
179
|
-
font-size: 1rem;
|
|
180
|
-
color: ${(props) => props.theme.colors.grey4};
|
|
181
|
-
|
|
182
|
-
background-color: ${(props) => props.theme.colors.blue1};
|
|
183
|
-
`;
|
|
184
|
-
const DropdownList = styled(List) `
|
|
185
|
-
border-radius: 0 0 0.25rem 0.25rem;
|
|
186
|
-
outline: 0;
|
|
187
|
-
box-shadow: ${(props) => props.theme.shadow.light};
|
|
188
|
-
`;
|
|
189
|
-
const ChevronButton = styled(Button).attrs((attrs) => (Object.assign(Object.assign({}, attrs), { styling: 'ghost' }))) `
|
|
190
|
-
min-width: 0;
|
|
191
|
-
height: auto;
|
|
192
|
-
margin: 0;
|
|
193
|
-
padding: 0 0.25rem;
|
|
194
|
-
|
|
195
|
-
background-color: transparent !important;
|
|
196
|
-
`;
|
|
197
172
|
/**
|
|
198
173
|
* A multiselect select combobox component, accepts a list of items to select from and an onSelect handler to listen for
|
|
199
174
|
* changes. Renders currently selected items as list of tags which have a cross for removing them. Component will expand
|
|
@@ -202,14 +177,14 @@ const ChevronButton = styled(Button).attrs((attrs) => (Object.assign(Object.assi
|
|
|
202
177
|
* @param {MultiSelectProps} props - the component props
|
|
203
178
|
*/
|
|
204
179
|
function MultiSelect(_a) {
|
|
205
|
-
var _b;
|
|
180
|
+
var _b, _c;
|
|
206
181
|
var { maxWidth = '100%', maxRows = 3 } = _a, props = __rest(_a, ["maxWidth", "maxRows"]);
|
|
207
182
|
const [inputValue, setInputValue] = useState('');
|
|
208
183
|
const { getSelectedItemProps, getDropdownProps, addSelectedItem, removeSelectedItem, selectedItems } = useMultipleSelection(Object.assign({ initialSelectedItems: (_b = props.initialValue) !== null && _b !== void 0 ? _b : [], onSelectedItemsChange: (changes) => {
|
|
209
184
|
if (props.onSelect) {
|
|
210
185
|
props.onSelect(changes.selectedItems);
|
|
211
186
|
}
|
|
212
|
-
} }, ('selectedItems' in props && { selectedItems: props.selectedItems })));
|
|
187
|
+
} }, ('selectedItems' in props && { selectedItems: (_c = props.selectedItems) !== null && _c !== void 0 ? _c : [] })));
|
|
213
188
|
const onTermChange = useCallback((term) => {
|
|
214
189
|
setInputValue(term);
|
|
215
190
|
if (props.onTermChange) {
|
|
@@ -222,35 +197,23 @@ function MultiSelect(_a) {
|
|
|
222
197
|
const filteredItems = useMemo(() => props.onTermChange ?
|
|
223
198
|
props.items
|
|
224
199
|
: props.items.filter((item) => { var _a; return !selectedItems.includes(item) && ((_a = item.label) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(inputValue.toLowerCase())); }), [props.onTermChange, props.items, selectedItems, inputValue]);
|
|
225
|
-
const
|
|
226
|
-
|
|
227
|
-
initialIsOpen: props.initialIsOpen,
|
|
228
|
-
inputValue,
|
|
229
|
-
itemToString: (item) => (item === null || item === void 0 ? void 0 : item.label) || '',
|
|
230
|
-
items: filteredItems,
|
|
231
|
-
onStateChange: ({ inputValue: internalInputVal, selectedItem, type }) => {
|
|
200
|
+
const [kbdHighlightIdx, setKbdHighlightIdx] = useState();
|
|
201
|
+
const { isOpen, getMenuProps, getInputProps, getItemProps, getToggleButtonProps } = useCombobox(Object.assign(Object.assign({ defaultHighlightedIndex: -1, initialIsOpen: props.initialIsOpen, inputValue, itemToString: (item) => (item === null || item === void 0 ? void 0 : item.label) || '', items: filteredItems, onStateChange: ({ inputValue: internalInputVal, selectedItem, type }) => {
|
|
232
202
|
if (type === stateChangeTypes.InputChange) {
|
|
233
203
|
onTermChange(internalInputVal);
|
|
234
204
|
}
|
|
235
|
-
if ([
|
|
236
|
-
stateChangeTypes.InputKeyDownEnter,
|
|
237
|
-
stateChangeTypes.ItemClick,
|
|
238
|
-
stateChangeTypes.InputBlur,
|
|
239
|
-
].includes(type)) {
|
|
205
|
+
if ([stateChangeTypes.InputKeyDownEnter, stateChangeTypes.ItemClick, stateChangeTypes.InputBlur].includes(type)) {
|
|
240
206
|
if (selectedItem) {
|
|
241
207
|
onTermChange('');
|
|
242
208
|
addSelectedItem(selectedItem);
|
|
243
209
|
}
|
|
244
210
|
}
|
|
245
|
-
},
|
|
246
|
-
selectedItem: null,
|
|
247
|
-
stateReducer: (state, { changes, type }) => {
|
|
211
|
+
} }, syncKbdHighlightIdx(setKbdHighlightIdx)), { selectedItem: null, stateReducer: (state, { changes, type }) => {
|
|
248
212
|
if (type === stateChangeTypes.ItemClick || type === stateChangeTypes.InputKeyDownEnter) {
|
|
249
213
|
return Object.assign(Object.assign({}, changes), { isOpen: true });
|
|
250
214
|
}
|
|
251
215
|
return changes;
|
|
252
|
-
}
|
|
253
|
-
});
|
|
216
|
+
} }));
|
|
254
217
|
const { refs, floatingStyles, context } = useFloating({
|
|
255
218
|
open: isOpen,
|
|
256
219
|
middleware: [flip(), shift(), matchWidthToReference()],
|
|
@@ -258,19 +221,11 @@ function MultiSelect(_a) {
|
|
|
258
221
|
});
|
|
259
222
|
const role = useRole(context, { role: 'listbox' });
|
|
260
223
|
const { getReferenceProps, getFloatingProps } = useInteractions([role]);
|
|
261
|
-
const menuProps = getMenuProps();
|
|
262
|
-
const setMenuRef = menuProps.ref;
|
|
263
|
-
const setFloatingRef = refs.setFloating;
|
|
264
|
-
const mergedRefs = useCallback((node) => {
|
|
265
|
-
setFloatingRef(node);
|
|
266
|
-
setMenuRef(node);
|
|
267
|
-
}, [setFloatingRef, setMenuRef]);
|
|
268
224
|
return (_jsxs(Wrapper, { className: props.className, isDisabled: props.disabled, isOpen: isOpen, maxRows: maxRows, maxWidth: maxWidth, style: props.style, children: [_jsx(Tooltip, { content: props.errorMsg, disabled: !props.errorMsg, styling: "error", children: _jsxs(InputWrapper, { isDisabled: props.disabled, isOpen: isOpen, ref: refs.setReference, children: [_jsxs(TagWrapper, { maxRows: maxRows, children: [selectedItems.map((selectedItem, index) => (_jsxs(Tag, Object.assign({ disabled: props.disabled }, getSelectedItemProps({ index, selectedItem }), { children: [_jsx(TagText, { children: selectedItem.label }), _jsx(Cross, { asButton: true, onClick: (e) => {
|
|
269
225
|
// See https://github.com/downshift-js/downshift/issues/1188
|
|
270
226
|
e.stopPropagation();
|
|
271
227
|
return removeSelectedItem(selectedItem);
|
|
272
|
-
} })] }), selectedItem.value))), _jsx(Input, Object.assign({}, getInputProps(getDropdownProps({ preventKeyAction: isOpen })), getReferenceProps(), { disabled: props.disabled, placeholder: props.placeholder, size: props.size, style: { flex: '1 1 5ch' } }))] }), _jsx(ChevronButton,
|
|
273
|
-
filteredItems.map((item, index) => (_createElement(ListItem, Object.assign({}, getItemProps({ index, item }), { hovered: index === highlightedIndex, key: `item-${index}`, size: props.size, title: item.label }), item.label))), filteredItems.length === 0 && _jsx(NoItemsLabel, { children: "No Items" })] })), document.body)] }));
|
|
228
|
+
} })] }), selectedItem.value))), _jsx(Input, Object.assign({}, getInputProps(getDropdownProps({ preventKeyAction: isOpen })), getReferenceProps(), { disabled: props.disabled, placeholder: props.placeholder, size: props.size, style: { flex: '1 1 5ch' } }))] }), _jsx(ChevronButton, { disabled: props.disabled, isOpen: isOpen, getToggleButtonProps: getToggleButtonProps })] }) }), ReactDOM.createPortal(_jsx(DropdownList, { items: filteredItems, getItemProps: getItemProps, getFloatingProps: getFloatingProps, style: floatingStyles, isOpen: isOpen, getMenuProps: getMenuProps, size: props.size, ref: refs.setFloating, kbdHighlightIdx: kbdHighlightIdx }), document.body)] }));
|
|
274
229
|
}
|
|
275
230
|
export default MultiSelect;
|
|
276
231
|
//# sourceMappingURL=multiselect.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"multiselect.js","sourceRoot":"","sources":["../../src/multiselect/multiselect.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"multiselect.js","sourceRoot":"","sources":["../../src/multiselect/multiselect.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sectioned-list.d.ts","sourceRoot":"","sources":["../../src/sectioned-list/sectioned-list.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"sectioned-list.d.ts","sourceRoot":"","sources":["../../src/sectioned-list/sectioned-list.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAUzE,OAAO,EAAE,yBAAyB,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAkE3D,MAAM,WAAW,QAAS,SAAQ,IAAI;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,WAAW;IACxB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,kBAAmB,SAAQ,yBAAyB,CAAC,IAAI,CAAC;IACvE,gEAAgE;IAChE,KAAK,EAAE,KAAK,CAAC,QAAQ,GAAG,WAAW,CAAC,CAAC;IACrC,iFAAiF;IACjF,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACpD,wEAAwE;IACxE,YAAY,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC/B,yDAAyD;IACzD,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC/B;AAwCD;;;;;GAKG;AACH,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAgN7D;AACD,eAAe,aAAa,CAAC"}
|