phx-react 1.3.498 → 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/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/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
|
@@ -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":"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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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"}
|