@darajs/ui-components 1.9.5 → 1.10.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/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 -37
- 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 -52
- 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 +8 -25
- 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
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sectioned-list.js","sourceRoot":"","sources":["../../src/sectioned-list/sectioned-list.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"sectioned-list.js","sourceRoot":"","sources":["../../src/sectioned-list/sectioned-list.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/select/select.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,SAAS,EAAkE,MAAM,oBAAoB,CAAC;AAE/G,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/select/select.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,SAAS,EAAkE,MAAM,oBAAoB,CAAC;AAE/G,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAE,yBAAyB,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAwG3D,MAAM,WAAW,WAAY,SAAQ,yBAAyB,CAAC,IAAI,CAAC;IAChE,kFAAkF;IAClF,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,gEAAgE;IAChE,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC;IACrC,4EAA4E;IAC5E,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,2EAA2E;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4EAA4E;IAC5E,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IACnB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qBAAqB;IACrB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACxF,iFAAiF;IACjF,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAChD,sGAAsG;IACtG,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gDAAgD;IAChD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,8HAA8H;IAC9H,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;GAKG;AACH,iBAAS,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CAiG/C;AAED,eAAe,MAAM,CAAC"}
|
package/dist/select/select.js
CHANGED
|
@@ -1,15 +1,3 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
|
-
import { createElement as _createElement } from "react";
|
|
13
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
14
2
|
/**
|
|
15
3
|
* Copyright 2023 Impulse Innovations Limited
|
|
@@ -32,8 +20,10 @@ import { useSelect } from 'downshift';
|
|
|
32
20
|
import * as React from 'react';
|
|
33
21
|
import ReactDOM from 'react-dom';
|
|
34
22
|
import styled from '@darajs/styled-components';
|
|
23
|
+
import DropdownList from '../shared/dropdown-list';
|
|
35
24
|
import Tooltip from '../tooltip/tooltip';
|
|
36
|
-
import { Chevron,
|
|
25
|
+
import { Chevron, matchWidthToReference } from '../utils';
|
|
26
|
+
import { syncKbdHighlightIdx } from '../utils/syncKbdHighlightIdx';
|
|
37
27
|
const SelectedItem = styled.div `
|
|
38
28
|
overflow: hidden;
|
|
39
29
|
|
|
@@ -115,12 +105,6 @@ const SelectButton = styled.button `
|
|
|
115
105
|
}
|
|
116
106
|
}
|
|
117
107
|
`;
|
|
118
|
-
const DropdownList = styled(List) `
|
|
119
|
-
margin-left: -1px;
|
|
120
|
-
border-radius: 0 0 0.25rem 0.25rem;
|
|
121
|
-
outline: 0;
|
|
122
|
-
box-shadow: ${(props) => props.theme.shadow.light};
|
|
123
|
-
`;
|
|
124
108
|
/**
|
|
125
109
|
* A single select dropdown component that has no search capability, accepts a list of items to select from and an
|
|
126
110
|
* onSelect handler to listen for changes in the selection
|
|
@@ -130,11 +114,12 @@ const DropdownList = styled(List) `
|
|
|
130
114
|
function Select(props) {
|
|
131
115
|
var _a, _b, _c;
|
|
132
116
|
const { applySameWidthModifier = true } = props;
|
|
133
|
-
const
|
|
117
|
+
const [kbdHighlightIdx, setKbdHighlightIdx] = React.useState();
|
|
118
|
+
const { isOpen, selectedItem, getToggleButtonProps, getMenuProps, getItemProps } = useSelect(Object.assign(Object.assign({ initialIsOpen: props.initialIsOpen, initialSelectedItem: props.initialValue, itemToString: (item) => item.label, items: props.items, onSelectedItemChange: (changes) => {
|
|
134
119
|
var _a;
|
|
135
120
|
const selected = changes.selectedItem;
|
|
136
121
|
(_a = props.onSelect) === null || _a === void 0 ? void 0 : _a.call(props, selected);
|
|
137
|
-
} }, ('selectedItem' in props && { selectedItem: props.selectedItem })));
|
|
122
|
+
} }, syncKbdHighlightIdx(setKbdHighlightIdx)), ('selectedItem' in props && { selectedItem: props.selectedItem })));
|
|
138
123
|
const { refs, floatingStyles, context } = useFloating({
|
|
139
124
|
open: isOpen,
|
|
140
125
|
placement: props.placement || 'bottom-start',
|
|
@@ -151,10 +136,8 @@ function Select(props) {
|
|
|
151
136
|
}, [setFloatingRef, dropdownRef]);
|
|
152
137
|
const menuProps = React.useMemo(() => getMenuProps({ ref: mergedDropdownRef }), [mergedDropdownRef, getMenuProps]);
|
|
153
138
|
const toggleButtonProps = React.useMemo(() => getToggleButtonProps({ disabled: props.disabled, ref: refs.setReference }), [props.disabled, refs.setReference, getToggleButtonProps]);
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
return (_createElement(ListItem, Object.assign({}, itemProps, { className: `${itemClassName} ${props.itemClass}`, hovered: index === highlightedIndex, key: `item-${index}`, size: props.size, title: item.label }), item.label));
|
|
157
|
-
}) })), document.body)] }) }));
|
|
139
|
+
const dropdownStyle = React.useMemo(() => (Object.assign(Object.assign({}, floatingStyles), { marginLeft: -1 })), [floatingStyles]);
|
|
140
|
+
return (_jsx(Tooltip, { content: props.errorMsg, disabled: !props.errorMsg, styling: "error", children: _jsxs(Wrapper, { className: props.className, isDisabled: props.disabled, isErrored: !!props.errorMsg, isOpen: isOpen, onClick: props.onClick, style: props.style, children: [_jsxs(SelectButton, Object.assign({ disabled: props.disabled, isOpen: isOpen }, toggleButtonProps, getReferenceProps(), { type: "button", children: [_jsx(SelectedItem, { size: props.size, children: (_b = (_a = (selectedItem === null ? props.placeholder : selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.label)) !== null && _a !== void 0 ? _a : props.placeholder) !== null && _b !== void 0 ? _b : 'Select' }), _jsx(Chevron, { disabled: props.disabled, isOpen: isOpen })] })), ReactDOM.createPortal(_jsx(DropdownList, { items: props.items, getItemProps: getItemProps, getFloatingProps: getFloatingProps, style: dropdownStyle, isOpen: isOpen, getMenuProps: getMenuProps, size: props.size, ref: refs.setFloating, className: `${(_c = menuProps === null || menuProps === void 0 ? void 0 : menuProps.className) !== null && _c !== void 0 ? _c : ''} ${props.itemClass}`, itemClass: props.itemClass, maxItems: props.maxItems, selectedItem: selectedItem, kbdHighlightIdx: kbdHighlightIdx }), document.body)] }) }));
|
|
158
141
|
}
|
|
159
142
|
export default Select;
|
|
160
143
|
//# sourceMappingURL=select.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.js","sourceRoot":"","sources":["../../src/select/select.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"select.js","sourceRoot":"","sources":["../../src/select/select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { GetPropsCommonOptions, UseSelectGetToggleButtonPropsOptions } from 'downshift';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
type Props = {
|
|
4
|
+
/** Function to get props for the toggle button */
|
|
5
|
+
getToggleButtonProps: (options?: UseSelectGetToggleButtonPropsOptions, otherOptions?: GetPropsCommonOptions) => Record<string, unknown>;
|
|
6
|
+
/** Boolean to indicate if the button is disabled */
|
|
7
|
+
disabled: boolean;
|
|
8
|
+
/** Boolean to indicate if the dropdown is open */
|
|
9
|
+
isOpen: boolean;
|
|
10
|
+
};
|
|
11
|
+
declare const _default: React.MemoExoticComponent<({ getToggleButtonProps, disabled, isOpen, ...props }: Props) => JSX.Element>;
|
|
12
|
+
export default _default;
|
|
13
|
+
//# sourceMappingURL=chevron-button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chevron-button.d.ts","sourceRoot":"","sources":["../../src/shared/chevron-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,oCAAoC,EAAE,MAAM,WAAW,CAAC;AACxF,OAAO,KAAK,MAAM,OAAO,CAAC;AAgB1B,KAAK,KAAK,GAAG;IACT,kDAAkD;IAClD,oBAAoB,EAAE,CAClB,OAAO,CAAC,EAAE,oCAAoC,EAC9C,YAAY,CAAC,EAAE,qBAAqB,KACnC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7B,oDAAoD;IACpD,QAAQ,EAAE,OAAO,CAAC;IAClB,kDAAkD;IAClD,MAAM,EAAE,OAAO,CAAC;CACnB,CAAC;;AAaF,wBAAyC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
import React from 'react';
|
|
14
|
+
import styled from '@darajs/styled-components';
|
|
15
|
+
import Button from '../button/button';
|
|
16
|
+
import { Chevron } from '../utils';
|
|
17
|
+
const StyledChevronButton = styled(Button).attrs((attrs) => (Object.assign(Object.assign({}, attrs), { styling: 'ghost' }))) `
|
|
18
|
+
min-width: 0;
|
|
19
|
+
height: auto;
|
|
20
|
+
margin: 0;
|
|
21
|
+
padding: 0 0.25rem;
|
|
22
|
+
|
|
23
|
+
background-color: transparent !important;
|
|
24
|
+
`;
|
|
25
|
+
/**
|
|
26
|
+
* ChevronButton component for rendering a button with a chevron icon.
|
|
27
|
+
*
|
|
28
|
+
* @param {Props} props - The props for the component
|
|
29
|
+
*/
|
|
30
|
+
const ChevronButton = (_a) => {
|
|
31
|
+
var { getToggleButtonProps, disabled, isOpen } = _a, props = __rest(_a, ["getToggleButtonProps", "disabled", "isOpen"]);
|
|
32
|
+
return (_jsx(StyledChevronButton, Object.assign({}, getToggleButtonProps(), props, { children: _jsx(Chevron, { disabled: disabled, isOpen: isOpen }) })));
|
|
33
|
+
};
|
|
34
|
+
export default React.memo(ChevronButton);
|
|
35
|
+
//# sourceMappingURL=chevron-button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chevron-button.js","sourceRoot":"","sources":["../../src/shared/chevron-button.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAE/C,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAEnC,MAAM,mBAAmB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,iCAAM,KAAK,KAAE,OAAO,EAAE,OAAO,IAAG,CAAC,CAAA;;;;;;;CAO5F,CAAC;AAcF;;;;GAIG;AACH,MAAM,aAAa,GAAG,CAAC,EAA2D,EAAe,EAAE;QAA5E,EAAE,oBAAoB,EAAE,QAAQ,EAAE,MAAM,OAAmB,EAAd,KAAK,cAAlD,8CAAoD,CAAF;IAA2B,OAAA,CAChG,KAAC,mBAAmB,oBAAK,oBAAoB,EAAE,EAAM,KAAK,cACtD,KAAC,OAAO,IAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,GAAI,IAC7B,CACzB,CAAA;CAAA,CAAC;AAEF,eAAe,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { GetPropsCommonOptions, UseComboboxGetItemPropsOptions, UseComboboxGetMenuPropsOptions } from 'downshift';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { Item } from '../types';
|
|
4
|
+
type Props = {
|
|
5
|
+
/** Array of items to display in the dropdown */
|
|
6
|
+
items: Item[];
|
|
7
|
+
/** Function to get props for an item */
|
|
8
|
+
getItemProps: (options: UseComboboxGetItemPropsOptions<Item>) => any;
|
|
9
|
+
/** Function to get props for the floating element */
|
|
10
|
+
getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
|
|
11
|
+
/** Style object to customize the dropdown list */
|
|
12
|
+
style: React.CSSProperties;
|
|
13
|
+
/** Boolean to indicate if the dropdown is open */
|
|
14
|
+
isOpen: boolean;
|
|
15
|
+
/** Optional size for the list items */
|
|
16
|
+
size?: number;
|
|
17
|
+
/** Function to get props for the menu. */
|
|
18
|
+
getMenuProps?: (options?: UseComboboxGetMenuPropsOptions, otherOptions?: GetPropsCommonOptions) => any;
|
|
19
|
+
/** Maximum number of items to display in the dropdown */
|
|
20
|
+
maxItems?: number;
|
|
21
|
+
/** CSS classname for individual items */
|
|
22
|
+
itemClass?: string;
|
|
23
|
+
/** CSS classname for the dropdown list */
|
|
24
|
+
className?: string;
|
|
25
|
+
/** Optional function to render custom children. By default, it renders the ListItem with the item label */
|
|
26
|
+
children?: (item: Item, index: number) => React.ReactNode;
|
|
27
|
+
/** The item to scroll into view when the menu is opened */
|
|
28
|
+
selectedItem?: Item;
|
|
29
|
+
/** The item to highlight when keyboard is used. Otherwise CSS :hover is used. */
|
|
30
|
+
kbdHighlightIdx?: number;
|
|
31
|
+
};
|
|
32
|
+
declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<Props & React.RefAttributes<any>>>;
|
|
33
|
+
export default _default;
|
|
34
|
+
//# sourceMappingURL=dropdown-list.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdown-list.d.ts","sourceRoot":"","sources":["../../src/shared/dropdown-list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,8BAA8B,EAAE,8BAA8B,EAAE,MAAM,WAAW,CAAC;AAElH,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAUhC,KAAK,KAAK,GAAG;IACT,gDAAgD;IAChD,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,wCAAwC;IACxC,YAAY,EAAE,CAAC,OAAO,EAAE,8BAA8B,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC;IACrE,qDAAqD;IACrD,gBAAgB,EAAE,CAAC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,KAAK,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACxF,kDAAkD;IAClD,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC;IAC3B,kDAAkD;IAClD,MAAM,EAAE,OAAO,CAAC;IAChB,uCAAuC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,YAAY,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,8BAA8B,EAAE,YAAY,CAAC,EAAE,qBAAqB,KAAK,GAAG,CAAC;IACvG,yDAAyD;IACzD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2GAA2G;IAC3G,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IAC1D,2DAA2D;IAC3D,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,iFAAiF;IACjF,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;;AAiEF,wBAAwC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { isEmpty } from 'lodash';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import styled from '@darajs/styled-components';
|
|
5
|
+
import { List, NoItemsLabel } from '../utils/list-styles';
|
|
6
|
+
import ListItem from './list-item';
|
|
7
|
+
const StyledDropdownList = styled(List) `
|
|
8
|
+
border-radius: 0 0 0.25rem 0.25rem;
|
|
9
|
+
outline: 0;
|
|
10
|
+
box-shadow: ${(props) => props.theme.shadow.light};
|
|
11
|
+
`;
|
|
12
|
+
/**
|
|
13
|
+
* DropdownList component to display a list of items in a dropdown.
|
|
14
|
+
*
|
|
15
|
+
* @param {Props} props - The props for the component
|
|
16
|
+
*/
|
|
17
|
+
const DropdownList = React.forwardRef(({ items, getItemProps, getFloatingProps, isOpen, getMenuProps, size, style, maxItems, itemClass, className, children, selectedItem, kbdHighlightIdx, }, ref) => (_jsx(StyledDropdownList, Object.assign({}, (getMenuProps ? getMenuProps({ ref }) : { ref }), getFloatingProps(), { isOpen: isOpen, maxItems: maxItems, style: Object.assign(Object.assign({}, style), { zIndex: 9999 }), className: className, children: !isEmpty(items) ?
|
|
18
|
+
items.map((item, index) => {
|
|
19
|
+
const isSelected = (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.label) === item.label;
|
|
20
|
+
return children ?
|
|
21
|
+
children(item, index)
|
|
22
|
+
: _jsx(ListItem, { getItemProps: getItemProps, size: size, title: item.label, item: item, index: index, itemClass: itemClass, isHighlighted: isOpen && kbdHighlightIdx !== undefined && kbdHighlightIdx === index, isSelected: isSelected, children: item.label }, `item-${index}-${isOpen && isSelected}`);
|
|
23
|
+
})
|
|
24
|
+
: _jsx(NoItemsLabel, { children: "No Items" }) }))));
|
|
25
|
+
DropdownList.displayName = 'DropdownList';
|
|
26
|
+
export default React.memo(DropdownList);
|
|
27
|
+
//# sourceMappingURL=dropdown-list.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdown-list.js","sourceRoot":"","sources":["../../src/shared/dropdown-list.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACjC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAG/C,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,QAAQ,MAAM,aAAa,CAAC;AAEnC,MAAM,kBAAkB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;;kBAGrB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;CACpD,CAAC;AA+BF;;;;GAIG;AACH,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CACjC,CACI,EACI,KAAK,EACL,YAAY,EACZ,gBAAgB,EAChB,MAAM,EACN,YAAY,EACZ,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,SAAS,EACT,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,eAAe,GAClB,EACD,GAAG,EACQ,EAAE,CAAC,CACd,KAAC,kBAAkB,oBACX,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAChD,gBAAgB,EAAE,IACtB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,KAAK,kCACE,KAAK,KACR,MAAM,EAAE,IAAI,KAEhB,SAAS,EAAE,SAAS,YAEnB,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;QACd,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACtB,MAAM,UAAU,GAAG,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,MAAK,IAAI,CAAC,KAAK,CAAC;YACtD,OAAO,QAAQ,CAAC,CAAC;gBACT,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC;gBACzB,CAAC,CAAG,KAAC,QAAQ,IACL,YAAY,EAAE,YAAY,EAK1B,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,MAAM,IAAI,eAAe,KAAK,SAAS,IAAI,eAAe,KAAK,KAAK,EACnF,UAAU,EAAE,UAAU,YAErB,IAAI,CAAC,KAAK,IATN,QAAQ,KAAK,IAAI,MAAM,IAAI,UAAU,EAAE,CAUrC,CAAC;QACxB,CAAC,CAAC;QACN,CAAC,CAAG,KAAC,YAAY,2BAAwB,IACxB,CACxB,CACJ,CAAC;AACF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,eAAe,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { UseComboboxGetItemPropsOptions } from 'downshift';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { Item } from '../types';
|
|
4
|
+
interface ListItemProps {
|
|
5
|
+
isHighlighted?: boolean;
|
|
6
|
+
isSelected?: boolean;
|
|
7
|
+
size?: number;
|
|
8
|
+
}
|
|
9
|
+
export declare const StyledListItem: import("styled-components").StyledComponent<"span", import("@darajs/styled-components").DefaultTheme, ListItemProps, never>;
|
|
10
|
+
type Props = {
|
|
11
|
+
/** Optional font size for the list item */
|
|
12
|
+
size?: number;
|
|
13
|
+
/** Title of the list item */
|
|
14
|
+
title: string;
|
|
15
|
+
/** Item data */
|
|
16
|
+
item: Item;
|
|
17
|
+
/** Index of the item in the list */
|
|
18
|
+
index: number;
|
|
19
|
+
/** Whether the item is highlighted. For example when using keyboard navigation */
|
|
20
|
+
isHighlighted?: boolean;
|
|
21
|
+
/** Whether the item is selected */
|
|
22
|
+
isSelected?: boolean;
|
|
23
|
+
/** Function to get props for the item */
|
|
24
|
+
getItemProps: (options: UseComboboxGetItemPropsOptions<Item>) => any;
|
|
25
|
+
/** Optional CSS classname for the list item */
|
|
26
|
+
itemClass?: string;
|
|
27
|
+
/** Children nodes to be rendered inside the list item */
|
|
28
|
+
children?: React.ReactNode;
|
|
29
|
+
};
|
|
30
|
+
declare const _default: React.MemoExoticComponent<{
|
|
31
|
+
({ size, title, item, index, getItemProps, itemClass, children, isHighlighted, isSelected, }: Props): JSX.Element;
|
|
32
|
+
displayName: string;
|
|
33
|
+
}>;
|
|
34
|
+
export default _default;
|
|
35
|
+
//# sourceMappingURL=list-item.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"list-item.d.ts","sourceRoot":"","sources":["../../src/shared/list-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,8BAA8B,EAAE,MAAM,WAAW,CAAC;AAC3D,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,UAAU,aAAa;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,cAAc,6HAuC1B,CAAC;AAEF,KAAK,KAAK,GAAG;IACT,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB;IAChB,IAAI,EAAE,IAAI,CAAC;IACX,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,kFAAkF;IAClF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mCAAmC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yCAAyC;IACzC,YAAY,EAAE,CAAC,OAAO,EAAE,8BAA8B,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC;IACrE,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B,CAAC;;;;;AAoCF,wBAAoC"}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
import React from 'react';
|
|
14
|
+
import styled from '@darajs/styled-components';
|
|
15
|
+
export const StyledListItem = styled.span `
|
|
16
|
+
cursor: pointer;
|
|
17
|
+
user-select: none;
|
|
18
|
+
|
|
19
|
+
overflow: hidden;
|
|
20
|
+
|
|
21
|
+
width: 100%;
|
|
22
|
+
min-height: 2rem;
|
|
23
|
+
padding: 0.25rem 1rem;
|
|
24
|
+
|
|
25
|
+
font-size: ${(props) => (props.size ? `${props.size}rem` : '1rem')};
|
|
26
|
+
font-weight: 300;
|
|
27
|
+
color: ${(props) => props.theme.colors.text};
|
|
28
|
+
text-overflow: ellipsis;
|
|
29
|
+
white-space: nowrap;
|
|
30
|
+
|
|
31
|
+
background-color: ${(props) => {
|
|
32
|
+
if (props.isSelected) {
|
|
33
|
+
return props.theme.colors.blue3;
|
|
34
|
+
}
|
|
35
|
+
if (props.isHighlighted) {
|
|
36
|
+
return props.theme.colors.grey2;
|
|
37
|
+
}
|
|
38
|
+
return props.theme.colors.blue1;
|
|
39
|
+
}};
|
|
40
|
+
border-bottom: 1px solid ${(props) => props.theme.colors.grey3};
|
|
41
|
+
|
|
42
|
+
:hover {
|
|
43
|
+
background-color: ${(props) => props.theme.colors.grey2};
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
:active {
|
|
47
|
+
color: ${(props) => props.theme.colors.blue1};
|
|
48
|
+
background-color: ${(props) => props.theme.colors.blue4};
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
&:last-child {
|
|
52
|
+
border-bottom: none;
|
|
53
|
+
}
|
|
54
|
+
`;
|
|
55
|
+
/**
|
|
56
|
+
* ListItem component for rendering a single item in a dropdown list.
|
|
57
|
+
*
|
|
58
|
+
* @param {Props} props - The props for the component
|
|
59
|
+
* */
|
|
60
|
+
const ListItem = ({ size, title, item, index, getItemProps, itemClass, children, isHighlighted, isSelected, }) => {
|
|
61
|
+
const _a = getItemProps({ index, item }), { itemClassName } = _a, itemProps = __rest(_a, ["itemClassName"]);
|
|
62
|
+
return (_jsx(StyledListItem, Object.assign({}, itemProps, { className: itemClass ? `${itemClassName} ${itemClass}` : itemClassName, title: title, size: size, item: item, isHighlighted: isHighlighted, isSelected: isSelected, children: children })));
|
|
63
|
+
};
|
|
64
|
+
ListItem.displayName = 'ListItem';
|
|
65
|
+
export default React.memo(ListItem);
|
|
66
|
+
//# sourceMappingURL=list-item.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"list-item.js","sourceRoot":"","sources":["../../src/shared/list-item.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAU/C,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAe;;;;;;;;;;iBAUvC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC;;aAEzD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI;;;;wBAIvB,CAAC,KAAK,EAAE,EAAE;IAC1B,IAAI,KAAK,CAAC,UAAU,EAAE;QAClB,OAAO,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;KACnC;IACD,IAAI,KAAK,CAAC,aAAa,EAAE;QACrB,OAAO,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;KACnC;IACD,OAAO,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AACpC,CAAC;+BAC0B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;4BAGtC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;;iBAI9C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;4BACxB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;;;;CAM9D,CAAC;AAuBF;;;;KAIK;AACL,MAAM,QAAQ,GAAG,CAAC,EACd,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,aAAa,EACb,UAAU,GACN,EAAe,EAAE;IACrB,MAAM,KAAkC,YAAY,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAA/D,EAAE,aAAa,OAAgD,EAA3C,SAAS,cAA7B,iBAA+B,CAAgC,CAAC;IAEtE,OAAO,CACH,KAAC,cAAc,oBACP,SAAS,IACb,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,aAAuB,IAAI,SAAS,EAAE,CAAC,CAAC,CAAE,aAAwB,EAC5F,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,YAErB,QAAQ,IACI,CACpB,CAAC;AACN,CAAC,CAAC;AACF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,eAAe,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC"}
|
package/dist/utils/chevron.d.ts
CHANGED
|
@@ -29,6 +29,6 @@ interface ChevronProps {
|
|
|
29
29
|
/** The native react style prop */
|
|
30
30
|
style?: React.CSSProperties;
|
|
31
31
|
}
|
|
32
|
-
declare const _default: React.ForwardRefExoticComponent<ChevronProps & React.RefAttributes<
|
|
32
|
+
declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<ChevronProps & React.RefAttributes<any>>>;
|
|
33
33
|
export default _default;
|
|
34
34
|
//# sourceMappingURL=chevron.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chevron.d.ts","sourceRoot":"","sources":["../../src/utils/chevron.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,UAAU,YAAY;IAClB,yDAAyD;IACzD,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B,mEAAmE;IACnE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,MAAM,EAAE,OAAO,CAAC;IAChB,8DAA8D;IAC9D,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3E,kCAAkC;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC/B;;
|
|
1
|
+
{"version":3,"file":"chevron.d.ts","sourceRoot":"","sources":["../../src/utils/chevron.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,UAAU,YAAY;IAClB,yDAAyD;IACzD,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B,mEAAmE;IACnE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,MAAM,EAAE,OAAO,CAAC;IAChB,8DAA8D;IAC9D,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3E,kCAAkC;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC/B;;AA+BD,wBAAmC"}
|
package/dist/utils/chevron.js
CHANGED
|
@@ -33,8 +33,6 @@ const Icon = styled(ChevronDown).withConfig({ shouldForwardProp }) `
|
|
|
33
33
|
* A rotating chevron, that flips from pointing down to up with the isOpen prop
|
|
34
34
|
* @param {ChevronProps} props - the component props
|
|
35
35
|
*/
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
}
|
|
39
|
-
export default React.forwardRef(Chevron);
|
|
36
|
+
const Chevron = React.forwardRef((props, ref) => (_jsx(Icon, { angles: props.angles, className: props.className, disabled: props.disabled, isOpen: props.isOpen, onClick: props.onClick, ref: ref, style: props.style })));
|
|
37
|
+
export default React.memo(Chevron);
|
|
40
38
|
//# sourceMappingURL=chevron.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chevron.js","sourceRoot":"","sources":["../../src/utils/chevron.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAiB/C,MAAM,iBAAiB,GAAG,CAAC,IAAS,EAAW,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;AAE7E,MAAM,IAAI,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC,UAAU,CAAC,EAAE,iBAAiB,EAAE,CAAC,CAAc;cAClE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC;iBACpD,CAAC,KAAK,EAAE,EAAE;IACnB,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACjD,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;IACjD,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,UAAU,KAAK,MAAM,CAAC;AACtE,CAAC;aACQ,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;CAE/C,CAAC;AAEF;;;GAGG;AACH,
|
|
1
|
+
{"version":3,"file":"chevron.js","sourceRoot":"","sources":["../../src/utils/chevron.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAiB/C,MAAM,iBAAiB,GAAG,CAAC,IAAS,EAAW,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;AAE7E,MAAM,IAAI,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC,UAAU,CAAC,EAAE,iBAAiB,EAAE,CAAC,CAAc;cAClE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC;iBACpD,CAAC,KAAK,EAAE,EAAE;IACnB,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACjD,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;IACjD,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,UAAU,KAAK,MAAM,CAAC;AACtE,CAAC;aACQ,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;CAE/C,CAAC;AAEF;;;GAGG;AACH,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAoB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAChE,KAAC,IAAI,IACD,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,CAAC,KAAK,GACpB,CACL,CAAC,CAAC;AAEH,eAAe,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC"}
|
package/dist/utils/index.d.ts
CHANGED
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
*/
|
|
17
17
|
export { default as Chevron } from './chevron';
|
|
18
18
|
export { default as SubtleLabel } from './label';
|
|
19
|
-
export { List,
|
|
19
|
+
export { List, NoItemsLabel } from './list-styles';
|
|
20
20
|
export { default as useInfiniteLoader, InfiniteLoader } from './use-infinite-loader';
|
|
21
21
|
export { default as matchWidthToReference } from './match-width-to-reference';
|
|
22
22
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,4BAA4B,CAAC"}
|
package/dist/utils/index.js
CHANGED
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
*/
|
|
17
17
|
export { default as Chevron } from './chevron';
|
|
18
18
|
export { default as SubtleLabel } from './label';
|
|
19
|
-
export { List,
|
|
19
|
+
export { List, NoItemsLabel } from './list-styles';
|
|
20
20
|
export { default as useInfiniteLoader } from './use-infinite-loader';
|
|
21
21
|
export { default as matchWidthToReference } from './match-width-to-reference';
|
|
22
22
|
//# sourceMappingURL=index.js.map
|
package/dist/utils/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAkB,MAAM,uBAAuB,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,4BAA4B,CAAC"}
|
|
@@ -3,10 +3,6 @@ interface ListProps {
|
|
|
3
3
|
maxItems?: number;
|
|
4
4
|
}
|
|
5
5
|
declare const List: import("styled-components").StyledComponent<"div", import("@darajs/styled-components").DefaultTheme, ListProps, never>;
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
size?: number;
|
|
9
|
-
}
|
|
10
|
-
declare const ListItem: import("styled-components").StyledComponent<"span", import("@darajs/styled-components").DefaultTheme, ListItemProps, never>;
|
|
11
|
-
export { List, ListItem };
|
|
6
|
+
declare const NoItemsLabel: import("styled-components").StyledComponent<"span", import("@darajs/styled-components").DefaultTheme, {}, never>;
|
|
7
|
+
export { List, NoItemsLabel };
|
|
12
8
|
//# sourceMappingURL=list-styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list-styles.d.ts","sourceRoot":"","sources":["../../src/utils/list-styles.tsx"],"names":[],"mappings":"AAkBA,UAAU,SAAS;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,QAAA,MAAM,IAAI,wHAUT,CAAC;AAEF,
|
|
1
|
+
{"version":3,"file":"list-styles.d.ts","sourceRoot":"","sources":["../../src/utils/list-styles.tsx"],"names":[],"mappings":"AAkBA,UAAU,SAAS;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,QAAA,MAAM,IAAI,wHAUT,CAAC;AAEF,QAAA,MAAM,YAAY,kHAYjB,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -26,33 +26,18 @@ const List = styled.div `
|
|
|
26
26
|
|
|
27
27
|
border: 1px solid ${(props) => props.theme.colors.grey3};
|
|
28
28
|
`;
|
|
29
|
-
const
|
|
30
|
-
|
|
31
|
-
|
|
29
|
+
const NoItemsLabel = styled.span `
|
|
30
|
+
display: flex;
|
|
31
|
+
flex: 1 1 auto;
|
|
32
|
+
align-items: center;
|
|
33
|
+
justify-content: center;
|
|
32
34
|
|
|
33
|
-
|
|
35
|
+
height: 2rem;
|
|
34
36
|
|
|
35
|
-
|
|
36
|
-
min-height: 2rem;
|
|
37
|
-
padding: 0.25rem 1rem;
|
|
38
|
-
|
|
39
|
-
font-size: ${(props) => (props.size ? `${props.size}rem` : '1rem')};
|
|
40
|
-
font-weight: 300;
|
|
37
|
+
font-size: 1rem;
|
|
41
38
|
color: ${(props) => props.theme.colors.text};
|
|
42
|
-
text-overflow: ellipsis;
|
|
43
|
-
white-space: nowrap;
|
|
44
|
-
|
|
45
|
-
background-color: ${(props) => (props.hovered ? props.theme.colors.grey2 : props.theme.colors.blue1)};
|
|
46
|
-
border-bottom: 1px solid ${(props) => props.theme.colors.grey3};
|
|
47
|
-
|
|
48
|
-
:active {
|
|
49
|
-
color: ${(props) => props.theme.colors.blue1};
|
|
50
|
-
background-color: ${(props) => props.theme.colors.primary};
|
|
51
|
-
}
|
|
52
39
|
|
|
53
|
-
|
|
54
|
-
border-bottom: none;
|
|
55
|
-
}
|
|
40
|
+
background-color: ${(props) => props.theme.colors.blue1};
|
|
56
41
|
`;
|
|
57
|
-
export { List,
|
|
42
|
+
export { List, NoItemsLabel };
|
|
58
43
|
//# sourceMappingURL=list-styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list-styles.js","sourceRoot":"","sources":["../../src/utils/list-styles.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAO/C,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAW;;;;eAInB,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;;;uBAGnC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,CAAC,GAAG,CAAC;;wBAEnC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;CAC1D,CAAC;
|
|
1
|
+
{"version":3,"file":"list-styles.js","sourceRoot":"","sources":["../../src/utils/list-styles.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAO/C,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAW;;;;eAInB,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;;;uBAGnC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,CAAC,GAAG,CAAC;;wBAEnC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;CAC1D,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;;;;;aASnB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI;;wBAEvB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;CAC1D,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Synchronizes the highlighted index with keyboard navigation and resets it for mouse movements.
|
|
3
|
+
*
|
|
4
|
+
* This function returns an object with an `onHighlightedIndexChange` method that handles changes to the highlighted index.
|
|
5
|
+
* It updates the `setKbdHighlightIdx` callback to force a rerender when the element is highlighted using the keyboard,
|
|
6
|
+
* and resets the index when the mouse is used to let CSS :hover take over the styling.
|
|
7
|
+
*
|
|
8
|
+
* @param {function} setKbdHighlightIdx - Callback function to set the highlighted index for keyboard navigation.
|
|
9
|
+
* @returns {object} An object containing the `onHighlightedIndexChange` method.
|
|
10
|
+
*
|
|
11
|
+
* @example
|
|
12
|
+
* const { onHighlightedIndexChange } = syncKbdHighlightIdx(setKbdHighlightIdx);
|
|
13
|
+
*
|
|
14
|
+
* // Use this method in the Downshift hook to handle highlighted index changes
|
|
15
|
+
* useSelect({
|
|
16
|
+
* items,
|
|
17
|
+
* onHighlightedIndexChange
|
|
18
|
+
* });
|
|
19
|
+
*/
|
|
20
|
+
export declare const syncKbdHighlightIdx: (setKbdHighlightIdx: (idx: number) => void) => {
|
|
21
|
+
onHighlightedIndexChange: ({ highlightedIndex, type }: any) => void;
|
|
22
|
+
};
|
|
23
|
+
//# sourceMappingURL=syncKbdHighlightIdx.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"syncKbdHighlightIdx.d.ts","sourceRoot":"","sources":["../../src/utils/syncKbdHighlightIdx.ts"],"names":[],"mappings":"AAYA;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,mBAAmB,6BACF,MAAM,KAAK,IAAI;2DACe,GAAG,KAAK,IAAI;CAWtE,CAAC"}
|