@neo4j-ndl/react 1.3.3 → 1.3.4
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/CHANGELOG.md +8 -0
- package/lib/cjs/dropdown/Dropdown.js +68 -13
- package/lib/cjs/dropdown/Dropdown.js.map +1 -1
- package/lib/cjs/dropdown/Overrides.js +1 -0
- package/lib/cjs/dropdown/Overrides.js.map +1 -1
- package/lib/esm/dropdown/Dropdown.js +69 -14
- package/lib/esm/dropdown/Dropdown.js.map +1 -1
- package/lib/esm/dropdown/Overrides.js +1 -0
- package/lib/esm/dropdown/Overrides.js.map +1 -1
- package/lib/types/dropdown/types.d.ts +1 -1
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -66,33 +66,78 @@ const customStyles = ({ errorText, size, }) => {
|
|
|
66
66
|
const defaultBorder = errorText
|
|
67
67
|
? 'rgb(var(--palette-danger-border-strong))'
|
|
68
68
|
: 'rgb(var(--palette-neutral-border-strong))';
|
|
69
|
+
const BORDER_WIDTH = 1;
|
|
70
|
+
const EXTRA_SMALL_TARGET_HEIGHT = 24;
|
|
71
|
+
const SMALL_TARGET_HEIGHT = 36;
|
|
72
|
+
const LARGE_TARGET_HEIGHT = 48;
|
|
73
|
+
const getTargetHeight = (size) => {
|
|
74
|
+
let targetHeight = SMALL_TARGET_HEIGHT;
|
|
75
|
+
if (size === 'extra-small') {
|
|
76
|
+
targetHeight = EXTRA_SMALL_TARGET_HEIGHT;
|
|
77
|
+
}
|
|
78
|
+
else if (size === 'small') {
|
|
79
|
+
targetHeight = SMALL_TARGET_HEIGHT;
|
|
80
|
+
}
|
|
81
|
+
else if (size === 'large') {
|
|
82
|
+
targetHeight = LARGE_TARGET_HEIGHT;
|
|
83
|
+
}
|
|
84
|
+
return targetHeight;
|
|
85
|
+
};
|
|
86
|
+
const getFontSize = (size) => {
|
|
87
|
+
if (size === 'extra-small' || size === 'small')
|
|
88
|
+
return '14px';
|
|
89
|
+
if (size === 'large')
|
|
90
|
+
return '16px';
|
|
91
|
+
return '16px';
|
|
92
|
+
};
|
|
93
|
+
const getLineHeight = (size) => {
|
|
94
|
+
if (size === 'extra-small' || size === 'small')
|
|
95
|
+
return '20px';
|
|
96
|
+
if (size === 'large')
|
|
97
|
+
return '24px';
|
|
98
|
+
return '24px';
|
|
99
|
+
};
|
|
69
100
|
return {
|
|
70
|
-
control: (provided, state) => (Object.assign(Object.assign({}, provided), { minHeight: size
|
|
101
|
+
control: (provided, state) => (Object.assign(Object.assign({}, provided), { minHeight: getTargetHeight(size),
|
|
71
102
|
// Avoid shifting with border of 2px
|
|
72
103
|
// Source: https://stackoverflow.com/a/9612782/3247715
|
|
73
|
-
boxShadow: state.isFocused ? `0 0 0 1px ${focusedBorderColor}` : 'none', fontSize: size
|
|
74
|
-
?
|
|
75
|
-
:
|
|
104
|
+
boxShadow: state.isFocused ? `0 0 0 1px ${focusedBorderColor}` : 'none', fontSize: getFontSize(size), lineHeight: getLineHeight(size), backgroundColor: 'rgb(var(--palette-neutral-bg-weak))', outline: 'none', border: state.isFocused
|
|
105
|
+
? `${BORDER_WIDTH}px solid ${focusedBorderColor}`
|
|
106
|
+
: `${BORDER_WIDTH}px solid ${defaultBorder}`, '&:hover': {
|
|
76
107
|
border: state.isFocused
|
|
77
|
-
?
|
|
78
|
-
:
|
|
108
|
+
? `${BORDER_WIDTH}px solid ${focusedBorderColor}`
|
|
109
|
+
: `${BORDER_WIDTH}px solid ${defaultBorder}`,
|
|
79
110
|
} })),
|
|
80
111
|
singleValue: (provided) => (Object.assign(Object.assign({}, provided), { color: 'rgb(var(--palette-neutral-text-default))' })),
|
|
81
112
|
multiValue: (provided) => (Object.assign(Object.assign({}, provided), { borderRadius: '4px', maxWidth: '95%' })),
|
|
82
|
-
dropdownIndicator: (provided) => (Object.assign(Object.assign({}, provided), { cursor: 'pointer',
|
|
113
|
+
dropdownIndicator: (provided) => (Object.assign(Object.assign({}, provided), { cursor: 'pointer',
|
|
114
|
+
// 16 is icon size
|
|
115
|
+
padding: size === 'extra-small'
|
|
116
|
+
? `${(getTargetHeight(size) - 16 - 2 * BORDER_WIDTH) / 2}px`
|
|
117
|
+
: '7px' })),
|
|
83
118
|
indicatorsContainer: (provided) => (Object.assign(Object.assign({}, provided), {
|
|
84
119
|
/**
|
|
85
120
|
* The right icon has padding of 8px so:
|
|
86
121
|
* padding-right: 8px+desired
|
|
87
122
|
*/
|
|
88
|
-
paddingRight: size === 'small' ? '4px' : '8px' })),
|
|
89
|
-
clearIndicator: (provided) => (Object.assign(Object.assign({}, provided), {
|
|
123
|
+
paddingRight: size === 'small' || size === 'extra-small' ? '4px' : '8px' })),
|
|
124
|
+
clearIndicator: (provided) => (Object.assign(Object.assign({}, provided), {
|
|
125
|
+
// 16 is icon size
|
|
126
|
+
padding: size === 'extra-small'
|
|
127
|
+
? `${(getTargetHeight(size) - 16 - 2 * BORDER_WIDTH) / 2}px`
|
|
128
|
+
: '0px' })),
|
|
90
129
|
/**
|
|
91
130
|
* Only for multi-select, make the padding
|
|
92
131
|
* 2px everywhere when we have at least one
|
|
93
132
|
* value selected
|
|
94
133
|
*/
|
|
95
|
-
valueContainer: (provided, state) => (Object.assign(Object.assign({}, provided), { padding:
|
|
134
|
+
valueContainer: (provided, state) => (Object.assign(Object.assign({}, provided), { padding: size === 'extra-small'
|
|
135
|
+
? '0 8px'
|
|
136
|
+
: state.isMulti && state.hasValue
|
|
137
|
+
? '2px'
|
|
138
|
+
: '2px 8px', height: size === 'extra-small'
|
|
139
|
+
? `${getTargetHeight(size) - 2 * BORDER_WIDTH}px`
|
|
140
|
+
: undefined })),
|
|
96
141
|
menu: (provided) => (Object.assign(Object.assign({}, provided), { backgroundColor: 'rgb(var(--palette-neutral-bg-weak))' })),
|
|
97
142
|
menuList: (provided) => (Object.assign(Object.assign({}, provided), { padding: '8px' })),
|
|
98
143
|
option: (provided, state) => {
|
|
@@ -118,7 +163,7 @@ const customStyles = ({ errorText, size, }) => {
|
|
|
118
163
|
default:
|
|
119
164
|
color = 'rgb(var(--palette-neutral-text-default))';
|
|
120
165
|
}
|
|
121
|
-
return Object.assign(Object.assign(Object.assign({}, provided), { position: 'relative', borderRadius: '8px', marginBottom: '2px', cursor: state.isDisabled ? 'not-allowed' : 'pointer', fontSize: size
|
|
166
|
+
return Object.assign(Object.assign(Object.assign({}, provided), { position: 'relative', borderRadius: '8px', marginBottom: '2px', cursor: state.isDisabled ? 'not-allowed' : 'pointer', fontSize: getFontSize(size), lineHeight: getLineHeight(size), backgroundColor: backgroundColor, color: color, '&:hover': {
|
|
122
167
|
backgroundColor: state.isSelected
|
|
123
168
|
? 'rgb(var(--palette-primary-bg-weak))'
|
|
124
169
|
: 'rgb(var(--palette-neutral-bg-strong))',
|
|
@@ -135,8 +180,12 @@ const customStyles = ({ errorText, size, }) => {
|
|
|
135
180
|
},
|
|
136
181
|
}));
|
|
137
182
|
},
|
|
138
|
-
input: (provided) => (Object.assign(Object.assign({}, provided), { lineHeight: size === 'small'
|
|
139
|
-
|
|
183
|
+
input: (provided) => (Object.assign(Object.assign({}, provided), { lineHeight: getLineHeight(size), height: size === 'extra-small'
|
|
184
|
+
? `${getTargetHeight(size) - 2 * BORDER_WIDTH}px`
|
|
185
|
+
: undefined })),
|
|
186
|
+
placeholder: (provided) => (Object.assign(Object.assign({}, provided), { height: size === 'extra-small'
|
|
187
|
+
? `${getTargetHeight(size) - 2 * BORDER_WIDTH}px`
|
|
188
|
+
: undefined, color: 'rgb(var(--palette-neutral-text-weaker))' })),
|
|
140
189
|
};
|
|
141
190
|
};
|
|
142
191
|
exports.Dropdown = (0, helpers_1.forwardRef)(function Dropdown(props, ref) {
|
|
@@ -153,6 +202,12 @@ exports.Dropdown = (0, helpers_1.forwardRef)(function Dropdown(props, ref) {
|
|
|
153
202
|
// 7 char long pseudo-random string
|
|
154
203
|
return Math.random().toString(36).slice(2, 9);
|
|
155
204
|
}, [label, ariaLabel]);
|
|
205
|
+
// TODO: in v2 extra-small will replace small variant, and multiple support needs to be fixed by then
|
|
206
|
+
(0, react_1.useEffect)(() => {
|
|
207
|
+
if (size === 'extra-small' && selectProps.isMulti) {
|
|
208
|
+
(0, utils_1.needleWarningMessage)('The extra small size of dropdown does not support multiselect. Please pick another size if multiselect is needed.');
|
|
209
|
+
}
|
|
210
|
+
}, [size, selectProps.isMulti]);
|
|
156
211
|
let SelectElement;
|
|
157
212
|
switch (type) {
|
|
158
213
|
case 'async': {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/dropdown/Dropdown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -31,6 +31,7 @@ const react_select_1 = require("react-select");
|
|
|
31
31
|
const icons_1 = require("../icons");
|
|
32
32
|
const DropdownIndicatorCurrying = ({ errorText, size, }) => function Component(props) {
|
|
33
33
|
const classes = (0, classnames_1.default)('ndl-dropdown-icon', {
|
|
34
|
+
'ndl-extra-small': size === 'extra-small',
|
|
34
35
|
'ndl-small': size === 'small',
|
|
35
36
|
'ndl-large': size === 'large',
|
|
36
37
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Overrides.js","sourceRoot":"","sources":["../../../src/dropdown/Overrides.tsx"],"names":[],"mappings":";;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,0CAAyC;AACzC,4DAAoC;AACpC,+CAOsB;AACtB,oCAIkB;AAGX,MAAM,yBAAyB,GAAG,CAIvC,EACA,SAAS,EACT,IAAI,GACwD,EAAE,EAAE,CAChE,SAAS,SAAS,CAChB,KAA6D;IAE7D,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,mBAAmB,EAAE;QAC9C,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,WAAW,EAAE,IAAI,KAAK,OAAO;KAC9B,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,yBAAU,CAAC,iBAAiB,oBAAK,KAAK,cACrC,+CAAK,SAAS,EAAC,2BAA2B,iBACxC,uBAAC,8BAAsB,IACrB,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE;wBACL,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC,UAAU;4BACrC,CAAC,CAAC,gBAAgB;4BAClB,CAAC,CAAC,cAAc;wBAClB,kBAAkB,EAAE,aAAM,CAAC,WAAW,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO;qBAC/D,GACD,EACD,SAAS,IAAI,CACZ,6DACE,gCAAK,SAAS,EAAC,eAAe,GAAG,EACjC,uBAAC,kCAA0B,IACzB,SAAS,EAAE,kBAAkB,OAAO,EAAE,EACtC,IAAI,EAAC,KAAK,EACV,IAAI,EAAC,OAAO,GACZ,IACD,CACJ,KACG,IACuB,CAChC,CAAC;AACJ,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"Overrides.js","sourceRoot":"","sources":["../../../src/dropdown/Overrides.tsx"],"names":[],"mappings":";;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,0CAAyC;AACzC,4DAAoC;AACpC,+CAOsB;AACtB,oCAIkB;AAGX,MAAM,yBAAyB,GAAG,CAIvC,EACA,SAAS,EACT,IAAI,GACwD,EAAE,EAAE,CAChE,SAAS,SAAS,CAChB,KAA6D;IAE7D,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,mBAAmB,EAAE;QAC9C,iBAAiB,EAAE,IAAI,KAAK,aAAa;QACzC,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,WAAW,EAAE,IAAI,KAAK,OAAO;KAC9B,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,yBAAU,CAAC,iBAAiB,oBAAK,KAAK,cACrC,+CAAK,SAAS,EAAC,2BAA2B,iBACxC,uBAAC,8BAAsB,IACrB,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE;wBACL,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC,UAAU;4BACrC,CAAC,CAAC,gBAAgB;4BAClB,CAAC,CAAC,cAAc;wBAClB,kBAAkB,EAAE,aAAM,CAAC,WAAW,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO;qBAC/D,GACD,EACD,SAAS,IAAI,CACZ,6DACE,gCAAK,SAAS,EAAC,eAAe,GAAG,EACjC,uBAAC,kCAA0B,IACzB,SAAS,EAAE,kBAAkB,OAAO,EAAE,EACtC,IAAI,EAAC,KAAK,EACV,IAAI,EAAC,OAAO,GACZ,IACD,CACJ,KACG,IACuB,CAChC,CAAC;AACJ,CAAC,CAAC;AA1CS,QAAA,yBAAyB,6BA0ClC;AAEG,MAAM,qBAAqB,GAAG,CAInC,EACA,SAAS,EACT,IAAI,GACwD,EAAE,EAAE,CAChE,SAAS,SAAS,CAChB,KAA0D;IAE1D,OAAO,CACL,uBAAC,yBAAU,CAAC,cAAc,oBAAK,KAAK,cAClC,+CAAK,SAAS,EAAC,2BAA2B,iBACxC,uBAAC,wBAAgB,IAAC,SAAS,EAAC,+DAA+D,GAAG,EAC9F,gCAAK,SAAS,EAAC,eAAe,GAAG,KAC7B,IACoB,CAC7B,CAAC;AACJ,CAAC,CAAC;AAnBS,QAAA,qBAAqB,yBAmB9B;AAEG,MAAM,sBAAsB,GAAG,CAIpC,EACA,SAAS,EACT,IAAI,GACwD,EAAE,EAAE,CAChE,SAAS,SAAS,CAChB,KAA4D;IAE5D,OAAO,CACL,uBAAC,yBAAU,CAAC,gBAAgB,oBAAK,KAAK,cACpC,uBAAC,wBAAgB,IACf,SAAS,EAAC,kCAAkC,EAC5C,KAAK,EAAE;gBACL,MAAM,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;aAC3C,GACD,IAC0B,CAC/B,CAAC;AACJ,CAAC,CAAC;AArBS,QAAA,sBAAsB,0BAqB/B;AAEG,MAAM,iBAAiB,GAAG,CAI/B,EACA,SAAS,EACT,IAAI,GACwD,EAAE,EAAE,CAChE,SAAS,SAAS,CAAC,KAAuD;IACxE,OAAO,CACL,uBAAC,yBAAU,CAAC,WAAW,oBAAK,KAAK,cAC/B,8CAAK,SAAS,EAAC,sDAAsD,gBAClE,KAAK,CAAC,QAAQ,IACX,IACiB,CAC1B,CAAC;AACJ,CAAC,CAAC;AAhBS,QAAA,iBAAiB,qBAgB1B"}
|
|
@@ -30,7 +30,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
30
30
|
* You should have received a copy of the GNU General Public License
|
|
31
31
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
32
32
|
*/
|
|
33
|
-
import { useMemo } from 'react';
|
|
33
|
+
import { useEffect, useMemo } from 'react';
|
|
34
34
|
import classnames from 'classnames';
|
|
35
35
|
/** Different types of select components */
|
|
36
36
|
import Select from 'react-select';
|
|
@@ -60,33 +60,78 @@ const customStyles = ({ errorText, size, }) => {
|
|
|
60
60
|
const defaultBorder = errorText
|
|
61
61
|
? 'rgb(var(--palette-danger-border-strong))'
|
|
62
62
|
: 'rgb(var(--palette-neutral-border-strong))';
|
|
63
|
+
const BORDER_WIDTH = 1;
|
|
64
|
+
const EXTRA_SMALL_TARGET_HEIGHT = 24;
|
|
65
|
+
const SMALL_TARGET_HEIGHT = 36;
|
|
66
|
+
const LARGE_TARGET_HEIGHT = 48;
|
|
67
|
+
const getTargetHeight = (size) => {
|
|
68
|
+
let targetHeight = SMALL_TARGET_HEIGHT;
|
|
69
|
+
if (size === 'extra-small') {
|
|
70
|
+
targetHeight = EXTRA_SMALL_TARGET_HEIGHT;
|
|
71
|
+
}
|
|
72
|
+
else if (size === 'small') {
|
|
73
|
+
targetHeight = SMALL_TARGET_HEIGHT;
|
|
74
|
+
}
|
|
75
|
+
else if (size === 'large') {
|
|
76
|
+
targetHeight = LARGE_TARGET_HEIGHT;
|
|
77
|
+
}
|
|
78
|
+
return targetHeight;
|
|
79
|
+
};
|
|
80
|
+
const getFontSize = (size) => {
|
|
81
|
+
if (size === 'extra-small' || size === 'small')
|
|
82
|
+
return '14px';
|
|
83
|
+
if (size === 'large')
|
|
84
|
+
return '16px';
|
|
85
|
+
return '16px';
|
|
86
|
+
};
|
|
87
|
+
const getLineHeight = (size) => {
|
|
88
|
+
if (size === 'extra-small' || size === 'small')
|
|
89
|
+
return '20px';
|
|
90
|
+
if (size === 'large')
|
|
91
|
+
return '24px';
|
|
92
|
+
return '24px';
|
|
93
|
+
};
|
|
63
94
|
return {
|
|
64
|
-
control: (provided, state) => (Object.assign(Object.assign({}, provided), { minHeight: size
|
|
95
|
+
control: (provided, state) => (Object.assign(Object.assign({}, provided), { minHeight: getTargetHeight(size),
|
|
65
96
|
// Avoid shifting with border of 2px
|
|
66
97
|
// Source: https://stackoverflow.com/a/9612782/3247715
|
|
67
|
-
boxShadow: state.isFocused ? `0 0 0 1px ${focusedBorderColor}` : 'none', fontSize: size
|
|
68
|
-
?
|
|
69
|
-
:
|
|
98
|
+
boxShadow: state.isFocused ? `0 0 0 1px ${focusedBorderColor}` : 'none', fontSize: getFontSize(size), lineHeight: getLineHeight(size), backgroundColor: 'rgb(var(--palette-neutral-bg-weak))', outline: 'none', border: state.isFocused
|
|
99
|
+
? `${BORDER_WIDTH}px solid ${focusedBorderColor}`
|
|
100
|
+
: `${BORDER_WIDTH}px solid ${defaultBorder}`, '&:hover': {
|
|
70
101
|
border: state.isFocused
|
|
71
|
-
?
|
|
72
|
-
:
|
|
102
|
+
? `${BORDER_WIDTH}px solid ${focusedBorderColor}`
|
|
103
|
+
: `${BORDER_WIDTH}px solid ${defaultBorder}`,
|
|
73
104
|
} })),
|
|
74
105
|
singleValue: (provided) => (Object.assign(Object.assign({}, provided), { color: 'rgb(var(--palette-neutral-text-default))' })),
|
|
75
106
|
multiValue: (provided) => (Object.assign(Object.assign({}, provided), { borderRadius: '4px', maxWidth: '95%' })),
|
|
76
|
-
dropdownIndicator: (provided) => (Object.assign(Object.assign({}, provided), { cursor: 'pointer',
|
|
107
|
+
dropdownIndicator: (provided) => (Object.assign(Object.assign({}, provided), { cursor: 'pointer',
|
|
108
|
+
// 16 is icon size
|
|
109
|
+
padding: size === 'extra-small'
|
|
110
|
+
? `${(getTargetHeight(size) - 16 - 2 * BORDER_WIDTH) / 2}px`
|
|
111
|
+
: '7px' })),
|
|
77
112
|
indicatorsContainer: (provided) => (Object.assign(Object.assign({}, provided), {
|
|
78
113
|
/**
|
|
79
114
|
* The right icon has padding of 8px so:
|
|
80
115
|
* padding-right: 8px+desired
|
|
81
116
|
*/
|
|
82
|
-
paddingRight: size === 'small' ? '4px' : '8px' })),
|
|
83
|
-
clearIndicator: (provided) => (Object.assign(Object.assign({}, provided), {
|
|
117
|
+
paddingRight: size === 'small' || size === 'extra-small' ? '4px' : '8px' })),
|
|
118
|
+
clearIndicator: (provided) => (Object.assign(Object.assign({}, provided), {
|
|
119
|
+
// 16 is icon size
|
|
120
|
+
padding: size === 'extra-small'
|
|
121
|
+
? `${(getTargetHeight(size) - 16 - 2 * BORDER_WIDTH) / 2}px`
|
|
122
|
+
: '0px' })),
|
|
84
123
|
/**
|
|
85
124
|
* Only for multi-select, make the padding
|
|
86
125
|
* 2px everywhere when we have at least one
|
|
87
126
|
* value selected
|
|
88
127
|
*/
|
|
89
|
-
valueContainer: (provided, state) => (Object.assign(Object.assign({}, provided), { padding:
|
|
128
|
+
valueContainer: (provided, state) => (Object.assign(Object.assign({}, provided), { padding: size === 'extra-small'
|
|
129
|
+
? '0 8px'
|
|
130
|
+
: state.isMulti && state.hasValue
|
|
131
|
+
? '2px'
|
|
132
|
+
: '2px 8px', height: size === 'extra-small'
|
|
133
|
+
? `${getTargetHeight(size) - 2 * BORDER_WIDTH}px`
|
|
134
|
+
: undefined })),
|
|
90
135
|
menu: (provided) => (Object.assign(Object.assign({}, provided), { backgroundColor: 'rgb(var(--palette-neutral-bg-weak))' })),
|
|
91
136
|
menuList: (provided) => (Object.assign(Object.assign({}, provided), { padding: '8px' })),
|
|
92
137
|
option: (provided, state) => {
|
|
@@ -112,7 +157,7 @@ const customStyles = ({ errorText, size, }) => {
|
|
|
112
157
|
default:
|
|
113
158
|
color = 'rgb(var(--palette-neutral-text-default))';
|
|
114
159
|
}
|
|
115
|
-
return Object.assign(Object.assign(Object.assign({}, provided), { position: 'relative', borderRadius: '8px', marginBottom: '2px', cursor: state.isDisabled ? 'not-allowed' : 'pointer', fontSize: size
|
|
160
|
+
return Object.assign(Object.assign(Object.assign({}, provided), { position: 'relative', borderRadius: '8px', marginBottom: '2px', cursor: state.isDisabled ? 'not-allowed' : 'pointer', fontSize: getFontSize(size), lineHeight: getLineHeight(size), backgroundColor: backgroundColor, color: color, '&:hover': {
|
|
116
161
|
backgroundColor: state.isSelected
|
|
117
162
|
? 'rgb(var(--palette-primary-bg-weak))'
|
|
118
163
|
: 'rgb(var(--palette-neutral-bg-strong))',
|
|
@@ -129,8 +174,12 @@ const customStyles = ({ errorText, size, }) => {
|
|
|
129
174
|
},
|
|
130
175
|
}));
|
|
131
176
|
},
|
|
132
|
-
input: (provided) => (Object.assign(Object.assign({}, provided), { lineHeight: size === 'small'
|
|
133
|
-
|
|
177
|
+
input: (provided) => (Object.assign(Object.assign({}, provided), { lineHeight: getLineHeight(size), height: size === 'extra-small'
|
|
178
|
+
? `${getTargetHeight(size) - 2 * BORDER_WIDTH}px`
|
|
179
|
+
: undefined })),
|
|
180
|
+
placeholder: (provided) => (Object.assign(Object.assign({}, provided), { height: size === 'extra-small'
|
|
181
|
+
? `${getTargetHeight(size) - 2 * BORDER_WIDTH}px`
|
|
182
|
+
: undefined, color: 'rgb(var(--palette-neutral-text-weaker))' })),
|
|
134
183
|
};
|
|
135
184
|
};
|
|
136
185
|
export const Dropdown = forwardRef(function Dropdown(props, ref) {
|
|
@@ -147,6 +196,12 @@ export const Dropdown = forwardRef(function Dropdown(props, ref) {
|
|
|
147
196
|
// 7 char long pseudo-random string
|
|
148
197
|
return Math.random().toString(36).slice(2, 9);
|
|
149
198
|
}, [label, ariaLabel]);
|
|
199
|
+
// TODO: in v2 extra-small will replace small variant, and multiple support needs to be fixed by then
|
|
200
|
+
useEffect(() => {
|
|
201
|
+
if (size === 'extra-small' && selectProps.isMulti) {
|
|
202
|
+
needleWarningMessage('The extra small size of dropdown does not support multiselect. Please pick another size if multiselect is needed.');
|
|
203
|
+
}
|
|
204
|
+
}, [size, selectProps.isMulti]);
|
|
150
205
|
let SelectElement;
|
|
151
206
|
switch (type) {
|
|
152
207
|
case 'async': {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/dropdown/Dropdown.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -25,6 +25,7 @@ import { components, } from 'react-select';
|
|
|
25
25
|
import { ChevronDownIconOutline, ExclamationCircleIconSolid, XMarkIconOutline, } from '../icons';
|
|
26
26
|
export const DropdownIndicatorCurrying = ({ errorText, size, }) => function Component(props) {
|
|
27
27
|
const classes = classNames('ndl-dropdown-icon', {
|
|
28
|
+
'ndl-extra-small': size === 'extra-small',
|
|
28
29
|
'ndl-small': size === 'small',
|
|
29
30
|
'ndl-large': size === 'large',
|
|
30
31
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Overrides.js","sourceRoot":"","sources":["../../../src/dropdown/Overrides.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAEL,UAAU,GAKX,MAAM,cAAc,CAAC;AACtB,OAAO,EACL,sBAAsB,EACtB,0BAA0B,EAC1B,gBAAgB,GACjB,MAAM,UAAU,CAAC;AAGlB,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAIvC,EACA,SAAS,EACT,IAAI,GACwD,EAAE,EAAE,CAChE,SAAS,SAAS,CAChB,KAA6D;IAE7D,MAAM,OAAO,GAAG,UAAU,CAAC,mBAAmB,EAAE;QAC9C,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,WAAW,EAAE,IAAI,KAAK,OAAO;KAC9B,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,UAAU,CAAC,iBAAiB,oBAAK,KAAK,cACrC,6BAAK,SAAS,EAAC,2BAA2B,iBACxC,KAAC,sBAAsB,IACrB,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE;wBACL,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC,UAAU;4BACrC,CAAC,CAAC,gBAAgB;4BAClB,CAAC,CAAC,cAAc;wBAClB,kBAAkB,EAAE,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO;qBAC/D,GACD,EACD,SAAS,IAAI,CACZ,8BACE,cAAK,SAAS,EAAC,eAAe,GAAG,EACjC,KAAC,0BAA0B,IACzB,SAAS,EAAE,kBAAkB,OAAO,EAAE,EACtC,IAAI,EAAC,KAAK,EACV,IAAI,EAAC,OAAO,GACZ,IACD,CACJ,KACG,IACuB,CAChC,CAAC;AACJ,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAInC,EACA,SAAS,EACT,IAAI,GACwD,EAAE,EAAE,CAChE,SAAS,SAAS,CAChB,KAA0D;IAE1D,OAAO,CACL,KAAC,UAAU,CAAC,cAAc,oBAAK,KAAK,cAClC,6BAAK,SAAS,EAAC,2BAA2B,iBACxC,KAAC,gBAAgB,IAAC,SAAS,EAAC,+DAA+D,GAAG,EAC9F,cAAK,SAAS,EAAC,eAAe,GAAG,KAC7B,IACoB,CAC7B,CAAC;AACJ,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAIpC,EACA,SAAS,EACT,IAAI,GACwD,EAAE,EAAE,CAChE,SAAS,SAAS,CAChB,KAA4D;IAE5D,OAAO,CACL,KAAC,UAAU,CAAC,gBAAgB,oBAAK,KAAK,cACpC,KAAC,gBAAgB,IACf,SAAS,EAAC,kCAAkC,EAC5C,KAAK,EAAE;gBACL,MAAM,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;aAC3C,GACD,IAC0B,CAC/B,CAAC;AACJ,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAI/B,EACA,SAAS,EACT,IAAI,GACwD,EAAE,EAAE,CAChE,SAAS,SAAS,CAAC,KAAuD;IACxE,OAAO,CACL,KAAC,UAAU,CAAC,WAAW,oBAAK,KAAK,cAC/B,4BAAK,SAAS,EAAC,sDAAsD,gBAClE,KAAK,CAAC,QAAQ,IACX,IACiB,CAC1B,CAAC;AACJ,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"Overrides.js","sourceRoot":"","sources":["../../../src/dropdown/Overrides.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAEL,UAAU,GAKX,MAAM,cAAc,CAAC;AACtB,OAAO,EACL,sBAAsB,EACtB,0BAA0B,EAC1B,gBAAgB,GACjB,MAAM,UAAU,CAAC;AAGlB,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAIvC,EACA,SAAS,EACT,IAAI,GACwD,EAAE,EAAE,CAChE,SAAS,SAAS,CAChB,KAA6D;IAE7D,MAAM,OAAO,GAAG,UAAU,CAAC,mBAAmB,EAAE;QAC9C,iBAAiB,EAAE,IAAI,KAAK,aAAa;QACzC,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,WAAW,EAAE,IAAI,KAAK,OAAO;KAC9B,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,UAAU,CAAC,iBAAiB,oBAAK,KAAK,cACrC,6BAAK,SAAS,EAAC,2BAA2B,iBACxC,KAAC,sBAAsB,IACrB,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE;wBACL,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC,UAAU;4BACrC,CAAC,CAAC,gBAAgB;4BAClB,CAAC,CAAC,cAAc;wBAClB,kBAAkB,EAAE,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO;qBAC/D,GACD,EACD,SAAS,IAAI,CACZ,8BACE,cAAK,SAAS,EAAC,eAAe,GAAG,EACjC,KAAC,0BAA0B,IACzB,SAAS,EAAE,kBAAkB,OAAO,EAAE,EACtC,IAAI,EAAC,KAAK,EACV,IAAI,EAAC,OAAO,GACZ,IACD,CACJ,KACG,IACuB,CAChC,CAAC;AACJ,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAInC,EACA,SAAS,EACT,IAAI,GACwD,EAAE,EAAE,CAChE,SAAS,SAAS,CAChB,KAA0D;IAE1D,OAAO,CACL,KAAC,UAAU,CAAC,cAAc,oBAAK,KAAK,cAClC,6BAAK,SAAS,EAAC,2BAA2B,iBACxC,KAAC,gBAAgB,IAAC,SAAS,EAAC,+DAA+D,GAAG,EAC9F,cAAK,SAAS,EAAC,eAAe,GAAG,KAC7B,IACoB,CAC7B,CAAC;AACJ,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAIpC,EACA,SAAS,EACT,IAAI,GACwD,EAAE,EAAE,CAChE,SAAS,SAAS,CAChB,KAA4D;IAE5D,OAAO,CACL,KAAC,UAAU,CAAC,gBAAgB,oBAAK,KAAK,cACpC,KAAC,gBAAgB,IACf,SAAS,EAAC,kCAAkC,EAC5C,KAAK,EAAE;gBACL,MAAM,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;aAC3C,GACD,IAC0B,CAC/B,CAAC;AACJ,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAI/B,EACA,SAAS,EACT,IAAI,GACwD,EAAE,EAAE,CAChE,SAAS,SAAS,CAAC,KAAuD;IACxE,OAAO,CACL,KAAC,UAAU,CAAC,WAAW,oBAAK,KAAK,cAC/B,4BAAK,SAAS,EAAC,sDAAsD,gBAClE,KAAK,CAAC,QAAQ,IACX,IACiB,CAC1B,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -37,7 +37,7 @@ export interface DropdownCommonProps extends Omit<ElementBase<HTMLDivElement>, '
|
|
|
37
37
|
/** Help text */
|
|
38
38
|
helpText?: string;
|
|
39
39
|
/** Size of the component */
|
|
40
|
-
size?: 'small' | 'large';
|
|
40
|
+
size?: 'extra-small' | 'small' | 'large';
|
|
41
41
|
/** Displays with fluid width */
|
|
42
42
|
fluid?: boolean;
|
|
43
43
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@neo4j-ndl/react",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.4",
|
|
4
4
|
"sideEffects": false,
|
|
5
5
|
"description": "React implementation of Neo4j Design System",
|
|
6
6
|
"keywords": [
|
|
@@ -92,7 +92,7 @@
|
|
|
92
92
|
"@floating-ui/react-dom-interactions": "^0.12.0",
|
|
93
93
|
"@heroicons/react": "2.0.13",
|
|
94
94
|
"@neo4j-cypher/react-codemirror": "^1.0.1",
|
|
95
|
-
"@neo4j-ndl/base": "^1.3.
|
|
95
|
+
"@neo4j-ndl/base": "^1.3.4",
|
|
96
96
|
"@tanstack/react-table": "^8.5.22",
|
|
97
97
|
"classnames": "^2.3.1",
|
|
98
98
|
"detect-browser": "^5.3.0",
|