phx-react 1.3.497 → 1.3.499
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/Combobox/Combobox.js +6 -6
- package/dist/cjs/components/Combobox/Combobox.js.map +1 -1
- package/dist/cjs/components/SelectBox/SelectBox.d.ts +1 -0
- package/dist/cjs/components/SelectBox/SelectBox.js +2 -2
- package/dist/cjs/components/SelectBox/SelectBox.js.map +1 -1
- package/dist/esm/components/Combobox/Combobox.js +6 -6
- package/dist/esm/components/Combobox/Combobox.js.map +1 -1
- package/dist/esm/components/SelectBox/SelectBox.d.ts +1 -0
- package/dist/esm/components/SelectBox/SelectBox.js +2 -2
- package/dist/esm/components/SelectBox/SelectBox.js.map +1 -1
- package/package.json +1 -1
|
@@ -7,12 +7,12 @@ var Checkbox_1 = require("../Checkbox");
|
|
|
7
7
|
var react_hook_form_1 = require("react-hook-form");
|
|
8
8
|
var solid_1 = require("@heroicons/react/24/solid");
|
|
9
9
|
var PHXCombobox = function (_a) {
|
|
10
|
-
var label = _a.label, className = _a.className, listOptions = _a.listOptions, placeholder = _a.placeholder, defaultValue = _a.defaultValue,
|
|
11
|
-
var
|
|
12
|
-
var
|
|
13
|
-
var
|
|
10
|
+
var label = _a.label, className = _a.className, listOptions = _a.listOptions, placeholder = _a.placeholder, defaultValue = _a.defaultValue, _b = _a.optionHeight, optionHeight = _b === void 0 ? 255 : _b, id = _a.id, onChange = _a.onChange, error = _a.error;
|
|
11
|
+
var _c = (0, react_1.useState)(false), isFocused = _c[0], setIsFocused = _c[1];
|
|
12
|
+
var _d = (0, react_hook_form_1.useForm)(), register = _d.register, watch = _d.watch, reset = _d.reset;
|
|
13
|
+
var _e = (0, react_1.useState)(defaultValue ? defaultValue : []), selectedItems = _e[0], setSelectedItems = _e[1];
|
|
14
14
|
var wrapperRef = (0, react_1.useRef)(null);
|
|
15
|
-
var
|
|
15
|
+
var _f = (0, react_1.useState)(listOptions || []), options = _f[0], setOptions = _f[1];
|
|
16
16
|
(0, react_1.useEffect)(function () {
|
|
17
17
|
if (onChange) {
|
|
18
18
|
onChange(selectedItems);
|
|
@@ -47,7 +47,7 @@ var PHXCombobox = function (_a) {
|
|
|
47
47
|
var newSelectedItems = selectedItems.filter(function (selectedItem) { return selectedItem.id !== item.id; });
|
|
48
48
|
setSelectedItems(newSelectedItems);
|
|
49
49
|
};
|
|
50
|
-
var
|
|
50
|
+
var _g = (0, react_1.useState)(0), height = _g[0], setHeight = _g[1];
|
|
51
51
|
var heightRef = (0, react_1.useRef)(null);
|
|
52
52
|
// tính toán chiều cao của input để chứa các item được chọn
|
|
53
53
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Combobox.js","sourceRoot":"","sources":["../../../../src/components/Combobox/Combobox.tsx"],"names":[],"mappings":";;;;AAAA,qDAA0D;AAC1D,wCAAyC;AACzC,mDAAyC;AACzC,mDAAqD;AAc9C,IAAM,WAAW,GAAG,UAAC,EAUZ;QATd,KAAK,WAAA,EACL,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,YAAY,
|
|
1
|
+
{"version":3,"file":"Combobox.js","sourceRoot":"","sources":["../../../../src/components/Combobox/Combobox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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;
|
|
16
|
+
var data = props.data, defaultValue = props.defaultValue, label = props.label, onChange = props.onChange, placeholder = props.placeholder;
|
|
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];
|
|
@@ -31,7 +31,7 @@ var PHXSelectBox = function (props) {
|
|
|
31
31
|
react_2["default"].createElement("div", { className: '' },
|
|
32
32
|
react_2["default"].createElement(react_1.Combobox.Input, { 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', filteredPeople.length === 0
|
|
33
33
|
? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50'
|
|
34
|
-
: ''), displayValue: function (person) { return person === null || person === void 0 ? void 0 : person.value; }, onChange: function (event) { return setQuery(event.target.value); }, onFocus: function () { return handlerFocusInput(); } }),
|
|
34
|
+
: ''), displayValue: function (person) { return person === null || person === void 0 ? void 0 : person.value; }, onChange: function (event) { return setQuery(event.target.value); }, onFocus: function () { return handlerFocusInput(); }, placeholder: placeholder }),
|
|
35
35
|
react_2["default"].createElement(react_1.Combobox.Button, { ref: comboBtn, className: 'hidden' },
|
|
36
36
|
react_2["default"].createElement(solid_1.ChevronUpDownIcon, { "aria-hidden": 'true', className: 'h-5 w-5 text-gray-400' })),
|
|
37
37
|
filteredPeople.length > 0 && (react_2["default"].createElement(react_1.Combobox.Options, { className: 'absolute z-10 mt-2 max-h-60 w-fit 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) {
|
|
@@ -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":";;;;AAAA,2CAA4C;AAC5C,mDAAwE;AACxE,qDAA+C;AAgB/C,SAAS,UAAU;IAAC,iBAAe;SAAf,UAAe,EAAf,qBAAe,EAAf,IAAe;QAAf,4BAAe;;IACjC,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1C,CAAC;AAEM,IAAM,YAAY,GAAG,UAAC,KAAyB;IAC5C,IAAA,IAAI,GAAiD,KAAK,KAAtD,EAAE,YAAY,GAAmC,KAAK,aAAxC,EAAE,KAAK,GAA4B,KAAK,MAAjC,EAAE,QAAQ,GAAkB,KAAK,SAAvB,EAAE,WAAW,GAAK,KAAK,YAAV,CAAU;IAC5D,IAAA,KAAoB,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAA/B,KAAK,QAAA,EAAE,QAAQ,QAAgB,CAAA;IACtC,IAAM,QAAQ,GAAQ,IAAA,cAAM,EAAC,IAAI,CAAC,CAAA;IAC5B,IAAA,KAAsC,IAAA,gBAAQ,EAAe,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,EAA/F,cAAc,QAAA,EAAE,iBAAiB,QAA8D,CAAA;IACtG,IAAM,cAAc,GAClB,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,UAAC,MAAM,IAAK,OAAA,MAAM,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,EAAxD,CAAwD,CAAC,CAAA;IACzG,IAAM,iBAAiB,GAAG;;QACxB,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAA;IAC3B,CAAC,CAAA;IAED,IAAM,aAAa,GAAG,UAAC,KAAU;QAC/B,iBAAiB,CAAC,KAAK,CAAC,CAAA;QACxB,QAAQ,CAAC,KAAK,CAAC,CAAA;IACjB,CAAC,CAAA;IACD,OAAO,CACL,iCAAC,gBAAQ,IAAC,EAAE,EAAC,KAAK,EAAC,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,cAAc;QAC/D,iCAAC,gBAAQ,CAAC,KAAK,IAAC,SAAS,EAAC,6CAA6C,IAAE,KAAK,CAAkB;QAChG,0CAAK,SAAS,EAAC,EAAE;YACf,iCAAC,gBAAQ,CAAC,KAAK,IACb,SAAS,EAAE,UAAU,CACnB,2OAA2O,EAC3O,cAAc,CAAC,MAAM,KAAK,CAAC;oBACzB,CAAC,CAAC,+EAA+E;oBACjF,CAAC,CAAC,EAAE,CACP,EACD,YAAY,EAAE,UAAC,MAAW,IAAK,OAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,EAAb,CAAa,EAC5C,QAAQ,EAAE,UAAC,KAAK,IAAK,OAAA,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAA5B,CAA4B,EACjD,OAAO,EAAE,cAAM,OAAA,iBAAiB,EAAE,EAAnB,CAAmB,EAClC,WAAW,EAAE,WAAW,GACxB;YACF,iCAAC,gBAAQ,CAAC,MAAM,IAAC,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAC,QAAQ;gBAChD,iCAAC,yBAAiB,mBAAa,MAAM,EAAC,SAAS,EAAC,uBAAuB,GAAG,CAC1D;YAEjB,cAAc,CAAC,MAAM,GAAG,CAAC,IAAI,CAC5B,iCAAC,gBAAQ,CAAC,OAAO,IAAC,SAAS,EAAC,kKAAkK,IAC3L,cAAc,CAAC,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,CAC9B,iCAAC,gBAAQ,CAAC,MAAM,IACd,GAAG,EAAE,MAAM,CAAC,EAAE,EACd,SAAS,EAAE,UAAC,EAAU;wBAAR,MAAM,YAAA;oBAClB,OAAA,UAAU,CACR,oEAAoE,EACpE,MAAM,CAAC,EAAE,MAAK,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,EAAE,CAAA,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,gBAAgB,EACnE,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,gBAAgB,CAC1C;gBAJD,CAIC,EAEH,KAAK,EAAE,MAAM,IAEZ,UAAC,EAAU;oBAAR,MAAM,YAAA;gBAAO,OAAA,CACf;oBACE,2CACE,SAAS,EAAE,UAAU,CACnB,wBAAwB,EACxB,MAAM,CAAC,EAAE,MAAK,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,EAAE,CAAA,IAAI,eAAe,CACpD,IAEA,MAAM,CAAC,KAAK,CACR;oBAEN,MAAM,CAAC,EAAE,MAAK,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,EAAE,CAAA,IAAI,CACnC,2CACE,SAAS,EAAE,UAAU,CACnB,mDAAmD,EACnD,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,iBAAiB,CAC7C;wBAED,iCAAC,iBAAS,mBAAa,MAAM,EAAC,SAAS,EAAC,SAAS,GAAG,CAC/C,CACR,CACA,CACJ;YAtBgB,CAsBhB,CACe,CACnB,EApC+B,CAoC/B,CAAC,CACe,CACpB,CACG,CACG,CACZ,CAAA;AACH,CAAC,CAAA;AA/EY,QAAA,YAAY,gBA+ExB"}
|
|
@@ -4,12 +4,12 @@ import { PHXCheckbox } from '../Checkbox';
|
|
|
4
4
|
import { useForm } from 'react-hook-form';
|
|
5
5
|
import { XMarkIcon } from '@heroicons/react/24/solid';
|
|
6
6
|
export var PHXCombobox = function (_a) {
|
|
7
|
-
var label = _a.label, className = _a.className, listOptions = _a.listOptions, placeholder = _a.placeholder, defaultValue = _a.defaultValue,
|
|
8
|
-
var
|
|
9
|
-
var
|
|
10
|
-
var
|
|
7
|
+
var label = _a.label, className = _a.className, listOptions = _a.listOptions, placeholder = _a.placeholder, defaultValue = _a.defaultValue, _b = _a.optionHeight, optionHeight = _b === void 0 ? 255 : _b, id = _a.id, onChange = _a.onChange, error = _a.error;
|
|
8
|
+
var _c = useState(false), isFocused = _c[0], setIsFocused = _c[1];
|
|
9
|
+
var _d = useForm(), register = _d.register, watch = _d.watch, reset = _d.reset;
|
|
10
|
+
var _e = useState(defaultValue ? defaultValue : []), selectedItems = _e[0], setSelectedItems = _e[1];
|
|
11
11
|
var wrapperRef = useRef(null);
|
|
12
|
-
var
|
|
12
|
+
var _f = useState(listOptions || []), options = _f[0], setOptions = _f[1];
|
|
13
13
|
useEffect(function () {
|
|
14
14
|
if (onChange) {
|
|
15
15
|
onChange(selectedItems);
|
|
@@ -44,7 +44,7 @@ export var PHXCombobox = function (_a) {
|
|
|
44
44
|
var newSelectedItems = selectedItems.filter(function (selectedItem) { return selectedItem.id !== item.id; });
|
|
45
45
|
setSelectedItems(newSelectedItems);
|
|
46
46
|
};
|
|
47
|
-
var
|
|
47
|
+
var _g = useState(0), height = _g[0], setHeight = _g[1];
|
|
48
48
|
var heightRef = useRef(null);
|
|
49
49
|
// tính toán chiều cao của input để chứa các item được chọn
|
|
50
50
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Combobox.js","sourceRoot":"","sources":["../../../../src/components/Combobox/Combobox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAcrD,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,EAUZ;QATd,KAAK,WAAA,EACL,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,YAAY,
|
|
1
|
+
{"version":3,"file":"Combobox.js","sourceRoot":"","sources":["../../../../src/components/Combobox/Combobox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,7 +9,7 @@ function classNames() {
|
|
|
9
9
|
return classes.filter(Boolean).join(' ');
|
|
10
10
|
}
|
|
11
11
|
export var PHXSelectBox = function (props) {
|
|
12
|
-
var data = props.data, defaultValue = props.defaultValue, label = props.label, onChange = props.onChange;
|
|
12
|
+
var data = props.data, defaultValue = props.defaultValue, label = props.label, onChange = props.onChange, placeholder = props.placeholder;
|
|
13
13
|
var _a = useState(''), query = _a[0], setQuery = _a[1];
|
|
14
14
|
var comboBtn = useRef(null);
|
|
15
15
|
var _b = useState(defaultValue ? defaultValue : null), selectedPerson = _b[0], setSelectedPerson = _b[1];
|
|
@@ -27,7 +27,7 @@ export var PHXSelectBox = function (props) {
|
|
|
27
27
|
React.createElement("div", { className: '' },
|
|
28
28
|
React.createElement(Combobox.Input, { 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', filteredPeople.length === 0
|
|
29
29
|
? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50'
|
|
30
|
-
: ''), displayValue: function (person) { return person === null || person === void 0 ? void 0 : person.value; }, onChange: function (event) { return setQuery(event.target.value); }, onFocus: function () { return handlerFocusInput(); } }),
|
|
30
|
+
: ''), displayValue: function (person) { return person === null || person === void 0 ? void 0 : person.value; }, onChange: function (event) { return setQuery(event.target.value); }, onFocus: function () { return handlerFocusInput(); }, placeholder: placeholder }),
|
|
31
31
|
React.createElement(Combobox.Button, { ref: comboBtn, className: 'hidden' },
|
|
32
32
|
React.createElement(ChevronUpDownIcon, { "aria-hidden": 'true', className: 'h-5 w-5 text-gray-400' })),
|
|
33
33
|
filteredPeople.length > 0 && (React.createElement(Combobox.Options, { className: 'absolute z-10 mt-2 max-h-60 w-fit 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) {
|
|
@@ -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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"}
|