@bosonprotocol/react-kit 0.39.0-alpha.6 → 0.39.0-alpha.7
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/cjs/components/form/Select.d.ts +3 -33
- package/dist/cjs/components/form/Select.d.ts.map +1 -1
- package/dist/cjs/components/form/Select.js +6 -39
- package/dist/cjs/components/form/Select.js.map +1 -1
- package/dist/esm/components/form/Select.d.ts +3 -33
- package/dist/esm/components/form/Select.d.ts.map +1 -1
- package/dist/esm/components/form/Select.js +4 -4
- package/dist/esm/components/form/Select.js.map +1 -1
- package/package.json +4 -4
- package/src/components/form/Select.tsx +85 -88
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { ReactNode } from "react";
|
|
2
|
-
import { GroupBase, Props as ReactSelectProps, CSSObjectWithLabel } from "react-select";
|
|
2
|
+
import ReactSelect, { GroupBase, Props as ReactSelectProps, CSSObjectWithLabel } from "react-select";
|
|
3
3
|
import { CSSProperties } from "react";
|
|
4
4
|
import { SelectDataProps } from "./types";
|
|
5
5
|
export { GroupBase } from "react-select";
|
|
@@ -36,38 +36,8 @@ export type SelectProps<Option extends SelectOption = SelectOption, IsMulti exte
|
|
|
36
36
|
label?: string;
|
|
37
37
|
theme?: Partial<SelectTheme>;
|
|
38
38
|
reactSelectTheme?: ReactSelectProps<Option, IsMulti, Group>["theme"];
|
|
39
|
+
selectRef?: Parameters<typeof ReactSelect<Option, IsMulti, Group>>[0]["ref"];
|
|
39
40
|
};
|
|
40
41
|
export type DefaultSelectProps<IsMulti extends boolean = false> = SelectProps<SelectOption, IsMulti, GroupBase<SelectOption>>;
|
|
41
|
-
export declare
|
|
42
|
-
name: string;
|
|
43
|
-
errorMessage?: string;
|
|
44
|
-
label?: string;
|
|
45
|
-
theme?: Partial<Partial<{
|
|
46
|
-
control: Partial<CSSProperties> & Partial<{
|
|
47
|
-
disabled: Partial<CSSProperties>;
|
|
48
|
-
hover: Partial<CSSProperties>;
|
|
49
|
-
focus: Partial<CSSProperties>;
|
|
50
|
-
error: Partial<CSSProperties>;
|
|
51
|
-
}>;
|
|
52
|
-
option: Partial<CSSProperties> & Partial<{
|
|
53
|
-
selected: Partial<CSSProperties>;
|
|
54
|
-
disabled: Partial<CSSProperties>;
|
|
55
|
-
focus: Partial<CSSProperties>;
|
|
56
|
-
error: Partial<CSSObjectWithLabel>;
|
|
57
|
-
}>;
|
|
58
|
-
placeholder: Partial<CSSProperties> & Partial<{
|
|
59
|
-
error: CSSObjectWithLabel;
|
|
60
|
-
}>;
|
|
61
|
-
input: Partial<CSSProperties> & Partial<{
|
|
62
|
-
error: CSSObjectWithLabel;
|
|
63
|
-
}>;
|
|
64
|
-
singleValue: Partial<CSSProperties> & Partial<{
|
|
65
|
-
error: CSSObjectWithLabel;
|
|
66
|
-
}>;
|
|
67
|
-
multiValue: Partial<CSSProperties> & Partial<{
|
|
68
|
-
error: CSSObjectWithLabel;
|
|
69
|
-
}>;
|
|
70
|
-
}>> | undefined;
|
|
71
|
-
reactSelectTheme?: ReactSelectProps<Option, IsMulti, Group>["theme"];
|
|
72
|
-
} & React.RefAttributes<import("react-select/dist/declarations/src/Select").default<SelectOption<unknown, React.ReactNode>, boolean, GroupBase<SelectOption<unknown, React.ReactNode>>>>>;
|
|
42
|
+
export declare function Select<Option extends SelectOption = SelectOption, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ name, options, placeholder, isClearable, isSearchable, isDisabled, errorMessage, onChange, onBlur, theme, reactSelectTheme, isMulti, selectRef, ...props }: SelectProps<Option, IsMulti, Group>): React.JSX.Element;
|
|
73
43
|
//# sourceMappingURL=Select.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,37 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
-
var ownKeys = function(o) {
|
|
20
|
-
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
-
var ar = [];
|
|
22
|
-
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
-
return ar;
|
|
24
|
-
};
|
|
25
|
-
return ownKeys(o);
|
|
26
|
-
};
|
|
27
|
-
return function (mod) {
|
|
28
|
-
if (mod && mod.__esModule) return mod;
|
|
29
|
-
var result = {};
|
|
30
|
-
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
-
__setModuleDefault(result, mod);
|
|
32
|
-
return result;
|
|
33
|
-
};
|
|
34
|
-
})();
|
|
35
2
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
36
3
|
var t = {};
|
|
37
4
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -47,8 +14,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
47
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
48
15
|
};
|
|
49
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
50
|
-
exports.Select =
|
|
51
|
-
const react_1 =
|
|
17
|
+
exports.Select = Select;
|
|
18
|
+
const react_1 = __importDefault(require("react"));
|
|
52
19
|
const formik_1 = require("formik");
|
|
53
20
|
const react_select_1 = __importDefault(require("react-select"));
|
|
54
21
|
const checkIfValueIsEmpty_1 = require("../../lib/object/checkIfValueIsEmpty");
|
|
@@ -126,8 +93,8 @@ const customStyles = (error, customTheme) => ({
|
|
|
126
93
|
})), (!(0, checkIfValueIsEmpty_1.checkIfValueIsEmpty)(error) && ((_a = customTheme === null || customTheme === void 0 ? void 0 : customTheme.multiValue) === null || _a === void 0 ? void 0 : _a.error)));
|
|
127
94
|
}
|
|
128
95
|
});
|
|
129
|
-
|
|
130
|
-
var { name, options, placeholder = "Choose...", isClearable = false, isSearchable = true, isDisabled = false, errorMessage, onChange, onBlur, theme, reactSelectTheme, isMulti } = _a, props = __rest(_a, ["name", "options", "placeholder", "isClearable", "isSearchable", "isDisabled", "errorMessage", "onChange", "onBlur", "theme", "reactSelectTheme", "isMulti"]);
|
|
96
|
+
function Select(_a) {
|
|
97
|
+
var { name, options, placeholder = "Choose...", isClearable = false, isSearchable = true, isDisabled = false, errorMessage, onChange, onBlur, theme, reactSelectTheme, isMulti, selectRef } = _a, props = __rest(_a, ["name", "options", "placeholder", "isClearable", "isSearchable", "isDisabled", "errorMessage", "onChange", "onBlur", "theme", "reactSelectTheme", "isMulti", "selectRef"]);
|
|
131
98
|
const [field, meta, helpers] = (0, formik_1.useField)(name);
|
|
132
99
|
const displayErrorMessage = meta.error && meta.touched && !errorMessage
|
|
133
100
|
? meta.error
|
|
@@ -157,7 +124,7 @@ exports.Select = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
157
124
|
hasError: displayError
|
|
158
125
|
});
|
|
159
126
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
160
|
-
react_1.default.createElement(react_select_1.default, Object.assign({ ref:
|
|
127
|
+
react_1.default.createElement(react_select_1.default, Object.assign({ ref: selectRef, styles: customStyles(displayErrorMessage, theme) }, field, props, { theme: reactSelectTheme, className: selectClassName, isMulti: isMulti, placeholder: placeholder, options: options, value: field.value, onChange: handleChange, onBlur: handleBlur, isSearchable: isSearchable, isClearable: isClearable, isDisabled: isDisabled, isOptionDisabled: (option) => !!option.disabled })),
|
|
161
128
|
react_1.default.createElement(Error_1.default, { display: displayError, message: displayErrorMessage })));
|
|
162
|
-
}
|
|
129
|
+
}
|
|
163
130
|
//# sourceMappingURL=Select.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/form/Select.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/form/Select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { ReactNode } from "react";
|
|
2
|
-
import { GroupBase, Props as ReactSelectProps, CSSObjectWithLabel } from "react-select";
|
|
2
|
+
import ReactSelect, { GroupBase, Props as ReactSelectProps, CSSObjectWithLabel } from "react-select";
|
|
3
3
|
import { CSSProperties } from "react";
|
|
4
4
|
import { SelectDataProps } from "./types";
|
|
5
5
|
export { GroupBase } from "react-select";
|
|
@@ -36,38 +36,8 @@ export type SelectProps<Option extends SelectOption = SelectOption, IsMulti exte
|
|
|
36
36
|
label?: string;
|
|
37
37
|
theme?: Partial<SelectTheme>;
|
|
38
38
|
reactSelectTheme?: ReactSelectProps<Option, IsMulti, Group>["theme"];
|
|
39
|
+
selectRef?: Parameters<typeof ReactSelect<Option, IsMulti, Group>>[0]["ref"];
|
|
39
40
|
};
|
|
40
41
|
export type DefaultSelectProps<IsMulti extends boolean = false> = SelectProps<SelectOption, IsMulti, GroupBase<SelectOption>>;
|
|
41
|
-
export declare
|
|
42
|
-
name: string;
|
|
43
|
-
errorMessage?: string;
|
|
44
|
-
label?: string;
|
|
45
|
-
theme?: Partial<Partial<{
|
|
46
|
-
control: Partial<CSSProperties> & Partial<{
|
|
47
|
-
disabled: Partial<CSSProperties>;
|
|
48
|
-
hover: Partial<CSSProperties>;
|
|
49
|
-
focus: Partial<CSSProperties>;
|
|
50
|
-
error: Partial<CSSProperties>;
|
|
51
|
-
}>;
|
|
52
|
-
option: Partial<CSSProperties> & Partial<{
|
|
53
|
-
selected: Partial<CSSProperties>;
|
|
54
|
-
disabled: Partial<CSSProperties>;
|
|
55
|
-
focus: Partial<CSSProperties>;
|
|
56
|
-
error: Partial<CSSObjectWithLabel>;
|
|
57
|
-
}>;
|
|
58
|
-
placeholder: Partial<CSSProperties> & Partial<{
|
|
59
|
-
error: CSSObjectWithLabel;
|
|
60
|
-
}>;
|
|
61
|
-
input: Partial<CSSProperties> & Partial<{
|
|
62
|
-
error: CSSObjectWithLabel;
|
|
63
|
-
}>;
|
|
64
|
-
singleValue: Partial<CSSProperties> & Partial<{
|
|
65
|
-
error: CSSObjectWithLabel;
|
|
66
|
-
}>;
|
|
67
|
-
multiValue: Partial<CSSProperties> & Partial<{
|
|
68
|
-
error: CSSObjectWithLabel;
|
|
69
|
-
}>;
|
|
70
|
-
}>> | undefined;
|
|
71
|
-
reactSelectTheme?: ReactSelectProps<Option, IsMulti, Group>["theme"];
|
|
72
|
-
} & React.RefAttributes<import("react-select/dist/declarations/src/Select").default<SelectOption<unknown, React.ReactNode>, boolean, GroupBase<SelectOption<unknown, React.ReactNode>>>>>;
|
|
42
|
+
export declare function Select<Option extends SelectOption = SelectOption, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ name, options, placeholder, isClearable, isSearchable, isDisabled, errorMessage, onChange, onBlur, theme, reactSelectTheme, isMulti, selectRef, ...props }: SelectProps<Option, IsMulti, Group>): React.JSX.Element;
|
|
73
43
|
//# sourceMappingURL=Select.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React
|
|
1
|
+
import React from "react";
|
|
2
2
|
import { useField } from "formik";
|
|
3
3
|
import ReactSelect from "react-select";
|
|
4
4
|
import { checkIfValueIsEmpty } from "../../lib/object/checkIfValueIsEmpty";
|
|
@@ -123,7 +123,7 @@ const customStyles = (error, customTheme) => ({
|
|
|
123
123
|
};
|
|
124
124
|
}
|
|
125
125
|
});
|
|
126
|
-
export
|
|
126
|
+
export function Select({ name, options, placeholder = "Choose...", isClearable = false, isSearchable = true, isDisabled = false, errorMessage, onChange, onBlur, theme, reactSelectTheme, isMulti, selectRef, ...props }) {
|
|
127
127
|
const [field, meta, helpers] = useField(name);
|
|
128
128
|
const displayErrorMessage = meta.error && meta.touched && !errorMessage
|
|
129
129
|
? meta.error
|
|
@@ -153,7 +153,7 @@ export const Select = forwardRef(({ name, options, placeholder = "Choose...", is
|
|
|
153
153
|
hasError: displayError
|
|
154
154
|
});
|
|
155
155
|
return (React.createElement(React.Fragment, null,
|
|
156
|
-
React.createElement(ReactSelect, { ref:
|
|
156
|
+
React.createElement(ReactSelect, { ref: selectRef, styles: customStyles(displayErrorMessage, theme), ...field, ...props, theme: reactSelectTheme, className: selectClassName, isMulti: isMulti, placeholder: placeholder, options: options, value: field.value, onChange: handleChange, onBlur: handleBlur, isSearchable: isSearchable, isClearable: isClearable, isDisabled: isDisabled, isOptionDisabled: (option) => !!option.disabled }),
|
|
157
157
|
React.createElement(Error, { display: displayError, message: displayErrorMessage })));
|
|
158
|
-
}
|
|
158
|
+
}
|
|
159
159
|
//# sourceMappingURL=Select.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/form/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/form/Select.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bosonprotocol/react-kit",
|
|
3
3
|
"description": "React toolkit with smart components and hooks for building on top of the Boson Protocol.",
|
|
4
|
-
"version": "0.39.0-alpha.
|
|
4
|
+
"version": "0.39.0-alpha.7",
|
|
5
5
|
"main": "./dist/cjs/index.js",
|
|
6
6
|
"module": "./dist/esm/index.js",
|
|
7
7
|
"types": "./dist/cjs/index.d.ts",
|
|
@@ -15,8 +15,8 @@
|
|
|
15
15
|
"license": "Apache-2.0",
|
|
16
16
|
"dependencies": {
|
|
17
17
|
"@bosonprotocol/chat-sdk": "^1.3.1-alpha.9",
|
|
18
|
-
"@bosonprotocol/core-sdk": "^1.43.2-alpha.
|
|
19
|
-
"@bosonprotocol/ethers-sdk": "^1.15.6-alpha.
|
|
18
|
+
"@bosonprotocol/core-sdk": "^1.43.2-alpha.5",
|
|
19
|
+
"@bosonprotocol/ethers-sdk": "^1.15.6-alpha.5",
|
|
20
20
|
"@bosonprotocol/ipfs-storage": "^1.12.0",
|
|
21
21
|
"@bosonprotocol/roblox-sdk": "^1.0.0-alpha.16",
|
|
22
22
|
"@davatar/react": "1.11.1",
|
|
@@ -205,5 +205,5 @@
|
|
|
205
205
|
"overrides": {
|
|
206
206
|
"typescript": "^5.1.6"
|
|
207
207
|
},
|
|
208
|
-
"gitHead": "
|
|
208
|
+
"gitHead": "7bb51672cd8fda9e37af7da242cda239136fb39f"
|
|
209
209
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, {
|
|
1
|
+
import React, { ReactNode } from "react";
|
|
2
2
|
import { useField } from "formik";
|
|
3
3
|
import ReactSelect, {
|
|
4
4
|
GroupBase,
|
|
@@ -57,6 +57,7 @@ export type SelectProps<
|
|
|
57
57
|
label?: string;
|
|
58
58
|
theme?: Partial<SelectTheme>;
|
|
59
59
|
reactSelectTheme?: ReactSelectProps<Option, IsMulti, Group>["theme"];
|
|
60
|
+
selectRef?: Parameters<typeof ReactSelect<Option, IsMulti, Group>>[0]["ref"];
|
|
60
61
|
};
|
|
61
62
|
|
|
62
63
|
// Custom styles function with proper typing
|
|
@@ -191,96 +192,92 @@ export type DefaultSelectProps<IsMulti extends boolean = false> = SelectProps<
|
|
|
191
192
|
IsMulti,
|
|
192
193
|
GroupBase<SelectOption>
|
|
193
194
|
>;
|
|
194
|
-
export
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
useField<IsMulti extends true ? MultiValue<Option> : SingleValue<Option>>(
|
|
219
|
-
name
|
|
220
|
-
);
|
|
195
|
+
export function Select<
|
|
196
|
+
Option extends SelectOption = SelectOption,
|
|
197
|
+
IsMulti extends boolean = false,
|
|
198
|
+
Group extends GroupBase<Option> = GroupBase<Option>
|
|
199
|
+
>({
|
|
200
|
+
name,
|
|
201
|
+
options,
|
|
202
|
+
placeholder = "Choose...",
|
|
203
|
+
isClearable = false,
|
|
204
|
+
isSearchable = true,
|
|
205
|
+
isDisabled = false,
|
|
206
|
+
errorMessage,
|
|
207
|
+
onChange,
|
|
208
|
+
onBlur,
|
|
209
|
+
theme,
|
|
210
|
+
reactSelectTheme,
|
|
211
|
+
isMulti,
|
|
212
|
+
selectRef,
|
|
213
|
+
...props
|
|
214
|
+
}: SelectProps<Option, IsMulti, Group>) {
|
|
215
|
+
const [field, meta, helpers] =
|
|
216
|
+
useField<IsMulti extends true ? MultiValue<Option> : SingleValue<Option>>(
|
|
217
|
+
name
|
|
218
|
+
);
|
|
221
219
|
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
220
|
+
const displayErrorMessage =
|
|
221
|
+
meta.error && meta.touched && !errorMessage
|
|
222
|
+
? meta.error
|
|
223
|
+
: meta.error && meta.touched && errorMessage
|
|
224
|
+
? errorMessage
|
|
225
|
+
: "";
|
|
228
226
|
|
|
229
|
-
|
|
230
|
-
|
|
227
|
+
const displayError =
|
|
228
|
+
typeof displayErrorMessage === "string" && displayErrorMessage !== "";
|
|
231
229
|
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
230
|
+
const handleChange = (
|
|
231
|
+
option: IsMulti extends true ? MultiValue<Option> : SingleValue<Option>,
|
|
232
|
+
actionMeta: ActionMeta<Option>
|
|
233
|
+
) => {
|
|
234
|
+
if (isDisabled) {
|
|
235
|
+
return;
|
|
236
|
+
}
|
|
237
|
+
if (!meta.touched) {
|
|
238
|
+
helpers.setTouched(true);
|
|
239
|
+
}
|
|
240
|
+
helpers.setValue(option);
|
|
241
|
+
onChange?.(option, actionMeta);
|
|
242
|
+
};
|
|
245
243
|
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
244
|
+
const handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {
|
|
245
|
+
if (!meta.touched) {
|
|
246
|
+
helpers.setTouched(true);
|
|
247
|
+
}
|
|
248
|
+
field.onBlur(event);
|
|
249
|
+
onBlur?.(event);
|
|
250
|
+
};
|
|
253
251
|
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
252
|
+
const { selectClassName } = useFixSelectFont({
|
|
253
|
+
selectClassName: "boson-select",
|
|
254
|
+
hasError: displayError
|
|
255
|
+
});
|
|
258
256
|
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
);
|
|
257
|
+
return (
|
|
258
|
+
<>
|
|
259
|
+
<ReactSelect<Option, IsMulti, Group>
|
|
260
|
+
ref={selectRef}
|
|
261
|
+
styles={customStyles<Option, IsMulti, Group>(
|
|
262
|
+
displayErrorMessage,
|
|
263
|
+
theme
|
|
264
|
+
)}
|
|
265
|
+
{...field}
|
|
266
|
+
{...props}
|
|
267
|
+
theme={reactSelectTheme}
|
|
268
|
+
className={selectClassName}
|
|
269
|
+
isMulti={isMulti}
|
|
270
|
+
placeholder={placeholder}
|
|
271
|
+
options={options}
|
|
272
|
+
value={field.value}
|
|
273
|
+
onChange={handleChange}
|
|
274
|
+
onBlur={handleBlur}
|
|
275
|
+
isSearchable={isSearchable}
|
|
276
|
+
isClearable={isClearable}
|
|
277
|
+
isDisabled={isDisabled}
|
|
278
|
+
isOptionDisabled={(option) => !!option.disabled}
|
|
279
|
+
/>
|
|
280
|
+
<Error display={displayError} message={displayErrorMessage} />
|
|
281
|
+
</>
|
|
282
|
+
);
|
|
283
|
+
}
|