phx-react 1.3.544 → 1.3.545
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/SelectBox/SelectBox.d.ts +5 -0
- package/dist/cjs/components/SelectBox/SelectBox.js +50 -18
- package/dist/cjs/components/SelectBox/SelectBox.js.map +1 -1
- package/dist/esm/components/SelectBox/SelectBox.d.ts +5 -0
- package/dist/esm/components/SelectBox/SelectBox.js +51 -18
- package/dist/esm/components/SelectBox/SelectBox.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { UseFormRegisterReturn } from 'react-hook-form';
|
|
2
3
|
type TData = {
|
|
3
4
|
id: any;
|
|
4
5
|
value: string;
|
|
@@ -9,7 +10,11 @@ type TInputSelectSearch = {
|
|
|
9
10
|
label: string;
|
|
10
11
|
defaultValue?: TData;
|
|
11
12
|
onChange(value: any): void;
|
|
13
|
+
register?: UseFormRegisterReturn;
|
|
12
14
|
placeholder?: string;
|
|
15
|
+
error?: boolean;
|
|
16
|
+
errorMessageCustom?: string;
|
|
17
|
+
errorType?: 'required-field' | 'validate-input-field' | 'duplicate-field' | 'validate-phone-number' | 'validate-input-email' | 'custom-message';
|
|
13
18
|
};
|
|
14
19
|
export declare const PHXSelectBox: (props: TInputSelectSearch) => React.JSX.Element;
|
|
15
20
|
export {};
|
|
@@ -13,7 +13,7 @@ function classNames() {
|
|
|
13
13
|
return classes.filter(Boolean).join(' ');
|
|
14
14
|
}
|
|
15
15
|
var PHXSelectBox = function (props) {
|
|
16
|
-
var data = props.data, defaultValue = props.defaultValue, label = props.label, onChange = props.onChange, placeholder = props.placeholder;
|
|
16
|
+
var data = props.data, defaultValue = props.defaultValue, error = props.error, errorMessageCustom = props.errorMessageCustom, errorType = props.errorType, label = props.label, onChange = props.onChange, placeholder = props.placeholder, register = props.register;
|
|
17
17
|
var _a = (0, react_2.useState)(''), query = _a[0], setQuery = _a[1];
|
|
18
18
|
var comboBtn = (0, react_2.useRef)(null);
|
|
19
19
|
var _b = (0, react_2.useState)(defaultValue ? defaultValue : null), selectedPerson = _b[0], setSelectedPerson = _b[1];
|
|
@@ -26,24 +26,56 @@ var PHXSelectBox = function (props) {
|
|
|
26
26
|
setSelectedPerson(value);
|
|
27
27
|
onChange(value);
|
|
28
28
|
};
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
29
|
+
var message = function (type) {
|
|
30
|
+
var errorMessage = '';
|
|
31
|
+
switch (type) {
|
|
32
|
+
case 'required-field':
|
|
33
|
+
errorMessage = 'Vui lòng nhập thông tin';
|
|
34
|
+
break;
|
|
35
|
+
case 'validate-input-field':
|
|
36
|
+
errorMessage = 'Vui lòng nhập thông tin hợp lệ (độ dài 1 - 60 kí tự)';
|
|
37
|
+
break;
|
|
38
|
+
case 'duplicate-field':
|
|
39
|
+
errorMessage = 'Thông tin đã tồn tại';
|
|
40
|
+
break;
|
|
41
|
+
case 'validate-phone-number':
|
|
42
|
+
errorMessage = 'Số điện thoại chưa hợp lệ';
|
|
43
|
+
break;
|
|
44
|
+
case 'validate-input-email':
|
|
45
|
+
errorMessage = 'Định dạng email chưa đúng, vui lòng nhập lại';
|
|
46
|
+
break;
|
|
47
|
+
case 'custom-message':
|
|
48
|
+
errorMessage = errorMessageCustom;
|
|
49
|
+
break;
|
|
50
|
+
default:
|
|
51
|
+
break;
|
|
52
|
+
}
|
|
53
|
+
return errorMessage;
|
|
54
|
+
};
|
|
55
|
+
var errorCheck = error && errorType && !selectedPerson;
|
|
56
|
+
return (react_2["default"].createElement(react_2["default"].Fragment, null,
|
|
57
|
+
react_2["default"].createElement(react_1.Combobox, { as: 'div', onChange: onChangeValue, value: selectedPerson },
|
|
58
|
+
react_2["default"].createElement(react_1.Combobox.Label, { className: 'mb-1 flex text-xs font-normal text-gray-700' }, label),
|
|
59
|
+
react_2["default"].createElement("div", { className: 'relative w-full' },
|
|
60
|
+
react_2["default"].createElement(react_1.Combobox.Input, tslib_1.__assign({ className: classNames('block w-full rounded-lg border border-gray-500 px-3 py-1.5 text-xs font-light shadow-sm hover:bg-gray-50 focus:border-gray-500 focus:bg-gray-50 focus:outline-none focus:outline-offset-1 focus:outline-indigo-500 focus:ring-transparent', errorCheck ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '', filteredPeople.length === 0
|
|
61
|
+
? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50'
|
|
62
|
+
: '') }, register, { displayValue: function (person) { return person === null || person === void 0 ? void 0 : person.value; }, onChange: function (event) { return setQuery(event.target.value); }, onClick: function () { return handlerClickInput(); }, placeholder: placeholder })),
|
|
63
|
+
react_2["default"].createElement(react_1.Combobox.Button, { ref: comboBtn, className: 'hidden' },
|
|
64
|
+
react_2["default"].createElement(solid_1.ChevronUpDownIcon, { "aria-hidden": 'true', className: 'h-5 w-5 text-gray-400' })),
|
|
65
|
+
filteredPeople.length > 0 && (react_2["default"].createElement(react_1.Combobox.Options, { className: 'absolute z-10 mt-2 max-h-60 w-full overflow-auto rounded-lg bg-white px-2 py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm' }, filteredPeople.map(function (person) { return (react_2["default"].createElement(react_1.Combobox.Option, { key: person.id, className: function (_a) {
|
|
66
|
+
var active = _a.active;
|
|
67
|
+
return classNames('relative mb-1 cursor-pointer select-none rounded-lg py-2 pl-3 pr-9', person.id === (selectedPerson === null || selectedPerson === void 0 ? void 0 : selectedPerson.id) ? 'bg-zinc-200' : 'text-gray-900 ', active ? 'bg-zinc-100' : 'text-gray-900 ');
|
|
68
|
+
}, value: person }, function (_a) {
|
|
38
69
|
var active = _a.active;
|
|
39
|
-
return
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
70
|
+
return (react_2["default"].createElement(react_2["default"].Fragment, null,
|
|
71
|
+
react_2["default"].createElement("span", { className: classNames('block truncate text-xs', person.id === (selectedPerson === null || selectedPerson === void 0 ? void 0 : selectedPerson.id) && 'font-semibold') }, person.value),
|
|
72
|
+
person.id === (selectedPerson === null || selectedPerson === void 0 ? void 0 : selectedPerson.id) && (react_2["default"].createElement("span", { className: classNames('absolute inset-y-0 right-0 flex items-center pr-4', active ? 'text-gray-900' : 'text-indigo-600') },
|
|
73
|
+
react_2["default"].createElement(solid_1.CheckIcon, { "aria-hidden": 'true', className: 'h-4 w-4' })))));
|
|
74
|
+
})); }))))),
|
|
75
|
+
errorCheck ? (react_2["default"].createElement("div", { className: 'ml-1 mt-1 flex items-center' },
|
|
76
|
+
react_2["default"].createElement("svg", { className: 'mr-2 h-4 w-4 text-red-500', fill: 'none', stroke: 'currentColor', strokeWidth: '2', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },
|
|
77
|
+
react_2["default"].createElement("path", { d: 'M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z', strokeLinecap: 'round', strokeLinejoin: 'round' })),
|
|
78
|
+
react_2["default"].createElement("p", { className: 'text-xs text-red-800' }, message(errorType)))) : null));
|
|
47
79
|
};
|
|
48
80
|
exports.PHXSelectBox = PHXSelectBox;
|
|
49
81
|
//# sourceMappingURL=SelectBox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectBox.js","sourceRoot":"","sources":["../../../../src/components/SelectBox/SelectBox.tsx"],"names":[],"mappings":";;;;AAAA,2CAA4C;AAC5C,mDAAwE;AACxE,qDAA+C;
|
|
1
|
+
{"version":3,"file":"SelectBox.js","sourceRoot":"","sources":["../../../../src/components/SelectBox/SelectBox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { UseFormRegisterReturn } from 'react-hook-form';
|
|
2
3
|
type TData = {
|
|
3
4
|
id: any;
|
|
4
5
|
value: string;
|
|
@@ -9,7 +10,11 @@ type TInputSelectSearch = {
|
|
|
9
10
|
label: string;
|
|
10
11
|
defaultValue?: TData;
|
|
11
12
|
onChange(value: any): void;
|
|
13
|
+
register?: UseFormRegisterReturn;
|
|
12
14
|
placeholder?: string;
|
|
15
|
+
error?: boolean;
|
|
16
|
+
errorMessageCustom?: string;
|
|
17
|
+
errorType?: 'required-field' | 'validate-input-field' | 'duplicate-field' | 'validate-phone-number' | 'validate-input-email' | 'custom-message';
|
|
13
18
|
};
|
|
14
19
|
export declare const PHXSelectBox: (props: TInputSelectSearch) => React.JSX.Element;
|
|
15
20
|
export {};
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { __assign } from "tslib";
|
|
1
2
|
import { Combobox } from '@headlessui/react';
|
|
2
3
|
import { CheckIcon, ChevronUpDownIcon } from '@heroicons/react/24/solid';
|
|
3
4
|
import React, { useRef, useState } from 'react';
|
|
@@ -9,7 +10,7 @@ function classNames() {
|
|
|
9
10
|
return classes.filter(Boolean).join(' ');
|
|
10
11
|
}
|
|
11
12
|
export var PHXSelectBox = function (props) {
|
|
12
|
-
var data = props.data, defaultValue = props.defaultValue, label = props.label, onChange = props.onChange, placeholder = props.placeholder;
|
|
13
|
+
var data = props.data, defaultValue = props.defaultValue, error = props.error, errorMessageCustom = props.errorMessageCustom, errorType = props.errorType, label = props.label, onChange = props.onChange, placeholder = props.placeholder, register = props.register;
|
|
13
14
|
var _a = useState(''), query = _a[0], setQuery = _a[1];
|
|
14
15
|
var comboBtn = useRef(null);
|
|
15
16
|
var _b = useState(defaultValue ? defaultValue : null), selectedPerson = _b[0], setSelectedPerson = _b[1];
|
|
@@ -22,23 +23,55 @@ export var PHXSelectBox = function (props) {
|
|
|
22
23
|
setSelectedPerson(value);
|
|
23
24
|
onChange(value);
|
|
24
25
|
};
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
26
|
+
var message = function (type) {
|
|
27
|
+
var errorMessage = '';
|
|
28
|
+
switch (type) {
|
|
29
|
+
case 'required-field':
|
|
30
|
+
errorMessage = 'Vui lòng nhập thông tin';
|
|
31
|
+
break;
|
|
32
|
+
case 'validate-input-field':
|
|
33
|
+
errorMessage = 'Vui lòng nhập thông tin hợp lệ (độ dài 1 - 60 kí tự)';
|
|
34
|
+
break;
|
|
35
|
+
case 'duplicate-field':
|
|
36
|
+
errorMessage = 'Thông tin đã tồn tại';
|
|
37
|
+
break;
|
|
38
|
+
case 'validate-phone-number':
|
|
39
|
+
errorMessage = 'Số điện thoại chưa hợp lệ';
|
|
40
|
+
break;
|
|
41
|
+
case 'validate-input-email':
|
|
42
|
+
errorMessage = 'Định dạng email chưa đúng, vui lòng nhập lại';
|
|
43
|
+
break;
|
|
44
|
+
case 'custom-message':
|
|
45
|
+
errorMessage = errorMessageCustom;
|
|
46
|
+
break;
|
|
47
|
+
default:
|
|
48
|
+
break;
|
|
49
|
+
}
|
|
50
|
+
return errorMessage;
|
|
51
|
+
};
|
|
52
|
+
var errorCheck = error && errorType && !selectedPerson;
|
|
53
|
+
return (React.createElement(React.Fragment, null,
|
|
54
|
+
React.createElement(Combobox, { as: 'div', onChange: onChangeValue, value: selectedPerson },
|
|
55
|
+
React.createElement(Combobox.Label, { className: 'mb-1 flex text-xs font-normal text-gray-700' }, label),
|
|
56
|
+
React.createElement("div", { className: 'relative w-full' },
|
|
57
|
+
React.createElement(Combobox.Input, __assign({ className: classNames('block w-full rounded-lg border border-gray-500 px-3 py-1.5 text-xs font-light shadow-sm hover:bg-gray-50 focus:border-gray-500 focus:bg-gray-50 focus:outline-none focus:outline-offset-1 focus:outline-indigo-500 focus:ring-transparent', errorCheck ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '', filteredPeople.length === 0
|
|
58
|
+
? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50'
|
|
59
|
+
: '') }, register, { displayValue: function (person) { return person === null || person === void 0 ? void 0 : person.value; }, onChange: function (event) { return setQuery(event.target.value); }, onClick: function () { return handlerClickInput(); }, placeholder: placeholder })),
|
|
60
|
+
React.createElement(Combobox.Button, { ref: comboBtn, className: 'hidden' },
|
|
61
|
+
React.createElement(ChevronUpDownIcon, { "aria-hidden": 'true', className: 'h-5 w-5 text-gray-400' })),
|
|
62
|
+
filteredPeople.length > 0 && (React.createElement(Combobox.Options, { className: 'absolute z-10 mt-2 max-h-60 w-full overflow-auto rounded-lg bg-white px-2 py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm' }, filteredPeople.map(function (person) { return (React.createElement(Combobox.Option, { key: person.id, className: function (_a) {
|
|
63
|
+
var active = _a.active;
|
|
64
|
+
return classNames('relative mb-1 cursor-pointer select-none rounded-lg py-2 pl-3 pr-9', person.id === (selectedPerson === null || selectedPerson === void 0 ? void 0 : selectedPerson.id) ? 'bg-zinc-200' : 'text-gray-900 ', active ? 'bg-zinc-100' : 'text-gray-900 ');
|
|
65
|
+
}, value: person }, function (_a) {
|
|
34
66
|
var active = _a.active;
|
|
35
|
-
return
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
67
|
+
return (React.createElement(React.Fragment, null,
|
|
68
|
+
React.createElement("span", { className: classNames('block truncate text-xs', person.id === (selectedPerson === null || selectedPerson === void 0 ? void 0 : selectedPerson.id) && 'font-semibold') }, person.value),
|
|
69
|
+
person.id === (selectedPerson === null || selectedPerson === void 0 ? void 0 : selectedPerson.id) && (React.createElement("span", { className: classNames('absolute inset-y-0 right-0 flex items-center pr-4', active ? 'text-gray-900' : 'text-indigo-600') },
|
|
70
|
+
React.createElement(CheckIcon, { "aria-hidden": 'true', className: 'h-4 w-4' })))));
|
|
71
|
+
})); }))))),
|
|
72
|
+
errorCheck ? (React.createElement("div", { className: 'ml-1 mt-1 flex items-center' },
|
|
73
|
+
React.createElement("svg", { className: 'mr-2 h-4 w-4 text-red-500', fill: 'none', stroke: 'currentColor', strokeWidth: '2', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },
|
|
74
|
+
React.createElement("path", { d: 'M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z', strokeLinecap: 'round', strokeLinejoin: 'round' })),
|
|
75
|
+
React.createElement("p", { className: 'text-xs text-red-800' }, message(errorType)))) : null));
|
|
43
76
|
};
|
|
44
77
|
//# sourceMappingURL=SelectBox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectBox.js","sourceRoot":"","sources":["../../../../src/components/SelectBox/SelectBox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AACxE,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"SelectBox.js","sourceRoot":"","sources":["../../../../src/components/SelectBox/SelectBox.tsx"],"names":[],"mappings":"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"}
|