@neo4j-ndl/react 1.0.0-alpha-0f50e00 → 1.0.0-alpha-e2de802
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/lib/cjs/dropdown/Dropdown.js +11 -34
- package/lib/cjs/dropdown/Dropdown.js.map +1 -1
- package/lib/cjs/dropdown/Overrides.js.map +1 -1
- package/lib/esm/dropdown/Dropdown.js +11 -34
- package/lib/esm/dropdown/Dropdown.js.map +1 -1
- package/lib/esm/dropdown/Overrides.js.map +1 -1
- package/lib/types/dropdown/Dropdown.d.ts +2 -2
- package/lib/types/dropdown/Overrides.d.ts +5 -5
- package/lib/types/dropdown/types.d.ts +20 -23
- package/package.json +2 -2
|
@@ -105,33 +105,9 @@ const customStyles = ({ errorText, size, }) => {
|
|
|
105
105
|
placeholder: (provided) => (Object.assign(Object.assign({}, provided), { color: base_1.tokens.palette.light.neutral.text.weaker })),
|
|
106
106
|
};
|
|
107
107
|
};
|
|
108
|
-
const ExposedKeys = [
|
|
109
|
-
'onChange',
|
|
110
|
-
'isMulti',
|
|
111
|
-
'isClearable',
|
|
112
|
-
'formatOptionLabel',
|
|
113
|
-
'value',
|
|
114
|
-
'placeholder',
|
|
115
|
-
'options',
|
|
116
|
-
];
|
|
117
108
|
exports.Dropdown = (0, helpers_1.forwardRef)(function Dropdown(props, ref) {
|
|
118
|
-
const { as, label, helpText, errorText, fluid = true, size = 'small', type = 'select',
|
|
109
|
+
const { as, label, helpText, errorText, fluid = true, size = 'small', type = 'select', 'aria-label': ariaLabel, selectProps = {} } = props, rest = __rest(props, ["as", "label", "helpText", "errorText", "fluid", "size", "type", 'aria-label', "selectProps"]);
|
|
119
110
|
const Component = as || 'div';
|
|
120
|
-
/**
|
|
121
|
-
* Merge selectProps with exposed react-select props
|
|
122
|
-
* Priority is given to selectProps
|
|
123
|
-
* Source: https://stackoverflow.com/a/32184094/3247715
|
|
124
|
-
*/
|
|
125
|
-
const MergedSelectProps = (0, react_1.useMemo)(() => ExposedKeys.reduce((a, e) => ((a[e] = selectProps[e] || rest[e]), a), selectProps), [rest, selectProps]);
|
|
126
|
-
/**
|
|
127
|
-
* Remove selectProps from rest
|
|
128
|
-
* to spread them in the root component
|
|
129
|
-
*/
|
|
130
|
-
const RestProps = (0, react_1.useMemo)(() => {
|
|
131
|
-
const cloned = Object.assign({}, rest);
|
|
132
|
-
ExposedKeys.forEach((key) => delete cloned[key]);
|
|
133
|
-
return cloned;
|
|
134
|
-
}, [rest]);
|
|
135
111
|
const ComponentOverrides = (0, react_1.useMemo)(() => overrideComponents({ errorText, size }), [errorText, size]);
|
|
136
112
|
const StyleOverrides = (0, react_1.useMemo)(() => customStyles({ errorText, size }), [errorText, size]);
|
|
137
113
|
const identifier = (0, react_1.useMemo)(() => {
|
|
@@ -145,20 +121,21 @@ exports.Dropdown = (0, helpers_1.forwardRef)(function Dropdown(props, ref) {
|
|
|
145
121
|
}, [label, ariaLabel]);
|
|
146
122
|
let SelectElement;
|
|
147
123
|
switch (type) {
|
|
148
|
-
case 'async
|
|
149
|
-
SelectElement = ((0, jsx_runtime_1.jsx)(async_1.default, Object.assign({ name: identifier, inputId: identifier },
|
|
124
|
+
case 'async': {
|
|
125
|
+
SelectElement = ((0, jsx_runtime_1.jsx)(async_1.default, Object.assign({ name: identifier, inputId: identifier }, selectProps, { styles: Object.assign(Object.assign({}, StyleOverrides), selectProps.styles), components: Object.assign(Object.assign({}, ComponentOverrides), selectProps.components) })));
|
|
150
126
|
break;
|
|
151
127
|
}
|
|
152
128
|
case 'creatable':
|
|
153
|
-
SelectElement = ((0, jsx_runtime_1.jsx)(creatable_1.default, Object.assign({ name: identifier, inputId: identifier },
|
|
129
|
+
SelectElement = ((0, jsx_runtime_1.jsx)(creatable_1.default, Object.assign({ name: identifier, inputId: identifier }, selectProps, { styles: Object.assign(Object.assign({}, StyleOverrides), selectProps.styles), components: Object.assign(Object.assign({}, ComponentOverrides), selectProps.components) })));
|
|
154
130
|
break;
|
|
155
131
|
default:
|
|
156
|
-
SelectElement = ((0, jsx_runtime_1.jsx)(react_select_1.default, Object.assign({ name: identifier, inputId: identifier },
|
|
132
|
+
SelectElement = ((0, jsx_runtime_1.jsx)(react_select_1.default, Object.assign({ name: identifier, inputId: identifier }, selectProps, { styles: Object.assign(Object.assign({}, StyleOverrides), selectProps.styles), components: Object.assign(Object.assign({}, ComponentOverrides), selectProps.components) })));
|
|
157
133
|
}
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
134
|
+
const classNames = (0, classnames_1.default)('ndl-dropdown', props.className, {
|
|
135
|
+
'ndl-small': size === 'small',
|
|
136
|
+
'ndl-large': size === 'large',
|
|
137
|
+
'ndl-fluid': fluid,
|
|
138
|
+
});
|
|
139
|
+
return ((0, jsx_runtime_1.jsxs)(Component, Object.assign({}, rest, { "aria-label": ariaLabel, ref: ref, className: classNames }, { children: [label && (0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: identifier }, { children: label })), SelectElement, helpText && !errorText && ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: "ndl-sub-text" }, { children: helpText }))), errorText && ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: "ndl-sub-text ndl-error-text" }, { children: errorText })))] })));
|
|
163
140
|
});
|
|
164
141
|
//# sourceMappingURL=Dropdown.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/dropdown/Dropdown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,iCAAuC;AACvC,4DAAoC;AACpC,0CAAyC;AAEzC,2CAA2C;AAC3C,gEAAiD;AACjD,uEAA+C;AAC/C,+DAA6C;AAE7C,wCAAwC;AACxC,4CAAwD;
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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,
|
|
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;AAzCS,QAAA,yBAAyB,6BAyClC;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,6DAA6D,GAAG,EAC5F,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,gCAAgC,EAC1C,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"}
|
|
@@ -99,33 +99,9 @@ const customStyles = ({ errorText, size, }) => {
|
|
|
99
99
|
placeholder: (provided) => (Object.assign(Object.assign({}, provided), { color: tokens.palette.light.neutral.text.weaker })),
|
|
100
100
|
};
|
|
101
101
|
};
|
|
102
|
-
const ExposedKeys = [
|
|
103
|
-
'onChange',
|
|
104
|
-
'isMulti',
|
|
105
|
-
'isClearable',
|
|
106
|
-
'formatOptionLabel',
|
|
107
|
-
'value',
|
|
108
|
-
'placeholder',
|
|
109
|
-
'options',
|
|
110
|
-
];
|
|
111
102
|
export const Dropdown = forwardRef(function Dropdown(props, ref) {
|
|
112
|
-
const { as, label, helpText, errorText, fluid = true, size = 'small', type = 'select',
|
|
103
|
+
const { as, label, helpText, errorText, fluid = true, size = 'small', type = 'select', 'aria-label': ariaLabel, selectProps = {} } = props, rest = __rest(props, ["as", "label", "helpText", "errorText", "fluid", "size", "type", 'aria-label', "selectProps"]);
|
|
113
104
|
const Component = as || 'div';
|
|
114
|
-
/**
|
|
115
|
-
* Merge selectProps with exposed react-select props
|
|
116
|
-
* Priority is given to selectProps
|
|
117
|
-
* Source: https://stackoverflow.com/a/32184094/3247715
|
|
118
|
-
*/
|
|
119
|
-
const MergedSelectProps = useMemo(() => ExposedKeys.reduce((a, e) => ((a[e] = selectProps[e] || rest[e]), a), selectProps), [rest, selectProps]);
|
|
120
|
-
/**
|
|
121
|
-
* Remove selectProps from rest
|
|
122
|
-
* to spread them in the root component
|
|
123
|
-
*/
|
|
124
|
-
const RestProps = useMemo(() => {
|
|
125
|
-
const cloned = Object.assign({}, rest);
|
|
126
|
-
ExposedKeys.forEach((key) => delete cloned[key]);
|
|
127
|
-
return cloned;
|
|
128
|
-
}, [rest]);
|
|
129
105
|
const ComponentOverrides = useMemo(() => overrideComponents({ errorText, size }), [errorText, size]);
|
|
130
106
|
const StyleOverrides = useMemo(() => customStyles({ errorText, size }), [errorText, size]);
|
|
131
107
|
const identifier = useMemo(() => {
|
|
@@ -139,20 +115,21 @@ export const Dropdown = forwardRef(function Dropdown(props, ref) {
|
|
|
139
115
|
}, [label, ariaLabel]);
|
|
140
116
|
let SelectElement;
|
|
141
117
|
switch (type) {
|
|
142
|
-
case 'async
|
|
143
|
-
SelectElement = (_jsx(AsyncSelect, Object.assign({ name: identifier, inputId: identifier },
|
|
118
|
+
case 'async': {
|
|
119
|
+
SelectElement = (_jsx(AsyncSelect, Object.assign({ name: identifier, inputId: identifier }, selectProps, { styles: Object.assign(Object.assign({}, StyleOverrides), selectProps.styles), components: Object.assign(Object.assign({}, ComponentOverrides), selectProps.components) })));
|
|
144
120
|
break;
|
|
145
121
|
}
|
|
146
122
|
case 'creatable':
|
|
147
|
-
SelectElement = (_jsx(Creatable, Object.assign({ name: identifier, inputId: identifier },
|
|
123
|
+
SelectElement = (_jsx(Creatable, Object.assign({ name: identifier, inputId: identifier }, selectProps, { styles: Object.assign(Object.assign({}, StyleOverrides), selectProps.styles), components: Object.assign(Object.assign({}, ComponentOverrides), selectProps.components) })));
|
|
148
124
|
break;
|
|
149
125
|
default:
|
|
150
|
-
SelectElement = (_jsx(Select, Object.assign({ name: identifier, inputId: identifier },
|
|
126
|
+
SelectElement = (_jsx(Select, Object.assign({ name: identifier, inputId: identifier }, selectProps, { styles: Object.assign(Object.assign({}, StyleOverrides), selectProps.styles), components: Object.assign(Object.assign({}, ComponentOverrides), selectProps.components) })));
|
|
151
127
|
}
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
128
|
+
const classNames = classnames('ndl-dropdown', props.className, {
|
|
129
|
+
'ndl-small': size === 'small',
|
|
130
|
+
'ndl-large': size === 'large',
|
|
131
|
+
'ndl-fluid': fluid,
|
|
132
|
+
});
|
|
133
|
+
return (_jsxs(Component, Object.assign({}, rest, { "aria-label": ariaLabel, ref: ref, className: classNames }, { children: [label && _jsx("label", Object.assign({ htmlFor: identifier }, { children: label })), SelectElement, helpText && !errorText && (_jsx("span", Object.assign({ className: "ndl-sub-text" }, { children: helpText }))), errorText && (_jsx("span", Object.assign({ className: "ndl-sub-text ndl-error-text" }, { children: errorText })))] })));
|
|
157
134
|
});
|
|
158
135
|
//# sourceMappingURL=Dropdown.js.map
|
|
@@ -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;AACvC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,2CAA2C;AAC3C,OAAO,MAAqB,MAAM,cAAc,CAAC;AACjD,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAC/C,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAE7C,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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,
|
|
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,6DAA6D,GAAG,EAC5F,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,gCAAgC,EAC1C,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"}
|
|
@@ -21,5 +21,5 @@
|
|
|
21
21
|
import React from 'react';
|
|
22
22
|
/** Different types of select components */
|
|
23
23
|
import { GroupBase } from 'react-select';
|
|
24
|
-
import {
|
|
25
|
-
export declare const Dropdown: <OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>>(props:
|
|
24
|
+
import { DropdownProps } from './types';
|
|
25
|
+
export declare const Dropdown: <OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>>(props: DropdownProps<OptionType, IsMulti, GroupType> & React.RefAttributes<unknown>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ClearIndicatorProps, DropdownIndicatorProps, GroupBase, MultiValueRemoveProps, PlaceholderProps } from 'react-select';
|
|
2
|
-
import {
|
|
3
|
-
export declare const DropdownIndicatorCurrying: <OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>>({ errorText, size, }:
|
|
4
|
-
export declare const CustomClearIndication: <OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>>({ errorText, size, }:
|
|
5
|
-
export declare const CustomMultiValueRemove: <OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>>({ errorText, size, }:
|
|
6
|
-
export declare const CustomPlaceholder: <OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>>({ errorText, size, }:
|
|
2
|
+
import { DropdownOverrideCustomProps } from './types';
|
|
3
|
+
export declare const DropdownIndicatorCurrying: <OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>>({ errorText, size, }: DropdownOverrideCustomProps<OptionType, IsMulti, GroupType>) => (props: DropdownIndicatorProps<OptionType, IsMulti, GroupType>) => JSX.Element;
|
|
4
|
+
export declare const CustomClearIndication: <OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>>({ errorText, size, }: DropdownOverrideCustomProps<OptionType, IsMulti, GroupType>) => (props: ClearIndicatorProps<OptionType, IsMulti, GroupType>) => JSX.Element;
|
|
5
|
+
export declare const CustomMultiValueRemove: <OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>>({ errorText, size, }: DropdownOverrideCustomProps<OptionType, IsMulti, GroupType>) => (props: MultiValueRemoveProps<OptionType, IsMulti, GroupType>) => JSX.Element;
|
|
6
|
+
export declare const CustomPlaceholder: <OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>>({ errorText, size, }: DropdownOverrideCustomProps<OptionType, IsMulti, GroupType>) => (props: PlaceholderProps<OptionType, IsMulti, GroupType>) => JSX.Element;
|
|
@@ -22,17 +22,7 @@ import { GroupBase, Props } from 'react-select';
|
|
|
22
22
|
import { CreatableProps } from 'react-select/creatable';
|
|
23
23
|
import { AsyncProps } from 'react-select/async';
|
|
24
24
|
import { ElementBase } from '../helpers';
|
|
25
|
-
|
|
26
|
-
* We will provide a wrapper to the three distinct select components
|
|
27
|
-
* the library provides:
|
|
28
|
-
* 1. Select (the most simple component)
|
|
29
|
-
* 2. Creatable (for creatign new values in our options)
|
|
30
|
-
* 3. Async for fetching while typing, useful for cases that we avoid storing things
|
|
31
|
-
* in browser
|
|
32
|
-
*/
|
|
33
|
-
export declare type ComponentType<OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>> = SelectComponent<OptionType, IsMulti, GroupType>['type'] | CreatableComponent<OptionType, IsMulti, GroupType>['type'] | AsyncComponent<OptionType, IsMulti, GroupType>['type'];
|
|
34
|
-
declare type ComponentSelectProps<OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>> = SelectComponent<OptionType, IsMulti, GroupType>['selectProps'] | CreatableComponent<OptionType, IsMulti, GroupType>['selectProps'] | AsyncComponent<OptionType, IsMulti, GroupType>['selectProps'];
|
|
35
|
-
interface CommonProps extends Omit<ElementBase<HTMLDivElement>, 'label' | 'value'> {
|
|
25
|
+
interface DropdownCommonProps extends Omit<ElementBase<HTMLDivElement>, 'label' | 'value' | 'type'> {
|
|
36
26
|
/**
|
|
37
27
|
* Error message
|
|
38
28
|
*
|
|
@@ -50,19 +40,26 @@ interface CommonProps extends Omit<ElementBase<HTMLDivElement>, 'label' | 'value
|
|
|
50
40
|
/** Displays with fluid width */
|
|
51
41
|
fluid?: boolean;
|
|
52
42
|
}
|
|
53
|
-
declare type
|
|
54
|
-
selectProps: Props<OptionType, IsMulti, GroupType>;
|
|
43
|
+
declare type ReactSelectProps<OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>> = {
|
|
55
44
|
type: 'select';
|
|
56
|
-
|
|
57
|
-
|
|
45
|
+
selectProps: Props<OptionType, IsMulti, GroupType>;
|
|
46
|
+
} & DropdownCommonProps;
|
|
47
|
+
declare type ReactSelectAsyncProps<OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>> = {
|
|
48
|
+
type: 'async';
|
|
58
49
|
selectProps: AsyncProps<OptionType, IsMulti, GroupType>;
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
declare type CreatableComponent<OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>> = {
|
|
62
|
-
selectProps: CreatableProps<OptionType, IsMulti, GroupType>;
|
|
50
|
+
} & DropdownCommonProps;
|
|
51
|
+
declare type ReactSelectCreatableProps<OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>> = {
|
|
63
52
|
type: 'creatable';
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
53
|
+
selectProps: CreatableProps<OptionType, IsMulti, GroupType>;
|
|
54
|
+
} & DropdownCommonProps;
|
|
55
|
+
/**
|
|
56
|
+
* We will provide a wrapper to the three distinct select components
|
|
57
|
+
* the library provides:
|
|
58
|
+
* 1. Select (the most simple component)
|
|
59
|
+
* 2. Creatable (for creating new values in our options)
|
|
60
|
+
* 3. Async for fetching while typing, useful for cases that we avoid storing things
|
|
61
|
+
* in browser
|
|
62
|
+
*/
|
|
63
|
+
export declare type DropdownProps<OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>> = ReactSelectProps<OptionType, IsMulti, GroupType> | ReactSelectCreatableProps<OptionType, IsMulti, GroupType> | ReactSelectAsyncProps<OptionType, IsMulti, GroupType>;
|
|
64
|
+
export declare type DropdownOverrideCustomProps<OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>> = Pick<DropdownProps<OptionType, IsMulti, GroupType>, 'size' | 'errorText'>;
|
|
68
65
|
export {};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@neo4j-ndl/react",
|
|
3
3
|
"sideEffects": false,
|
|
4
|
-
"version": "1.0.0-alpha-
|
|
4
|
+
"version": "1.0.0-alpha-e2de802",
|
|
5
5
|
"description": "React implementation of Neo4j Design System",
|
|
6
6
|
"keywords": [
|
|
7
7
|
"neo4j",
|
|
@@ -84,7 +84,7 @@
|
|
|
84
84
|
"dependencies": {
|
|
85
85
|
"@floating-ui/react-dom-interactions": "^0.12.0",
|
|
86
86
|
"@heroicons/react": "2.0.13",
|
|
87
|
-
"@neo4j-ndl/base": "1.0.0-alpha-
|
|
87
|
+
"@neo4j-ndl/base": "1.0.0-alpha-e2de802",
|
|
88
88
|
"@tanstack/react-table": "^8.5.22",
|
|
89
89
|
"classnames": "^2.3.1",
|
|
90
90
|
"detect-browser": "^5.3.0",
|