phx-react 1.3.620 → 1.3.621

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.
@@ -13,17 +13,73 @@ function classNames() {
13
13
  }
14
14
  return classes.filter(Boolean).join(' ');
15
15
  }
16
+ var useDropdownPosition = function (actionButtonRef, open) {
17
+ var _a = (0, react_2.useState)({}), position = _a[0], setPosition = _a[1];
18
+ (0, react_2.useEffect)(function () {
19
+ if (!actionButtonRef.current || !open)
20
+ return;
21
+ var elementRef = actionButtonRef.current;
22
+ var positionAtrs = elementRef.getBoundingClientRect();
23
+ var bottom = positionAtrs.bottom, height = positionAtrs.height, left = positionAtrs.left, right = positionAtrs.right, top = positionAtrs.top;
24
+ var widthWindow = window.innerWidth;
25
+ var heightWindow = window.innerHeight;
26
+ var spaceAbove = top;
27
+ var spaceBelow = heightWindow - bottom;
28
+ var spaceLeft = left;
29
+ var spaceRight = widthWindow - right;
30
+ var style = {};
31
+ // Determine vertical positioning
32
+ if (spaceBelow >= 190) {
33
+ style.top = top + height + 8;
34
+ }
35
+ else if (spaceAbove >= 190) {
36
+ style.bottom = spaceBelow + height + 8;
37
+ }
38
+ else {
39
+ // If not enough space above or below, use the maximum available space
40
+ if (spaceBelow > spaceAbove) {
41
+ style.top = top + height + 8;
42
+ }
43
+ else {
44
+ style.bottom = spaceBelow + height + 8;
45
+ }
46
+ }
47
+ // Determine horizontal positioning
48
+ if (spaceRight >= 224) {
49
+ style.left = left;
50
+ }
51
+ else if (spaceLeft >= 224) {
52
+ style.right = spaceRight;
53
+ }
54
+ else {
55
+ // If not enough space on the right or left, use the maximum available space
56
+ if (spaceRight > spaceLeft) {
57
+ style.left = left;
58
+ }
59
+ else {
60
+ style.right = spaceRight;
61
+ }
62
+ }
63
+ setPosition(style);
64
+ }, [actionButtonRef, open]);
65
+ return position;
66
+ };
16
67
  var PHXSelectBox = function (props) {
17
68
  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, _a = props.disabled, disabled = _a === void 0 ? false : _a;
18
69
  var _b = (0, react_2.useState)(''), query = _b[0], setQuery = _b[1];
19
70
  var comboBtn = (0, react_2.useRef)(null);
20
- var _c = (0, react_2.useState)(defaultValue ? defaultValue : null), selectedPerson = _c[0], setSelectedPerson = _c[1];
71
+ var actionButtonRef = (0, react_2.useRef)(null);
72
+ var _c = (0, react_2.useState)(false), open = _c[0], setOpen = _c[1];
73
+ var _d = (0, react_2.useState)(defaultValue ? defaultValue : null), selectedPerson = _d[0], setSelectedPerson = _d[1];
21
74
  var filteredPeople = query === '' ? data : data.filter(function (person) { return person.value.toLowerCase().includes(query.toLowerCase()); });
75
+ var position = useDropdownPosition(actionButtonRef, open);
22
76
  var handlerClickInput = function () {
23
77
  var _a;
24
78
  (_a = comboBtn.current) === null || _a === void 0 ? void 0 : _a.click();
25
79
  };
26
80
  var onChangeValue = function (value) {
81
+ if (!value)
82
+ return;
27
83
  setSelectedPerson(value);
28
84
  onChange(value);
29
85
  };
@@ -54,14 +110,26 @@ var PHXSelectBox = function (props) {
54
110
  return errorMessage;
55
111
  };
56
112
  var errorCheck = error && errorType && !selectedPerson;
57
- return (react_2["default"].createElement(react_2["default"].Fragment, null,
113
+ var onChangeSelectBox = function (event) {
114
+ if (query === '') {
115
+ setSelectedPerson(null);
116
+ onChange(null);
117
+ }
118
+ else {
119
+ setQuery(event.target.value);
120
+ }
121
+ };
122
+ return (react_2["default"].createElement("div", { ref: actionButtonRef, "aria-hidden": true, onClick: function (e) {
123
+ e.stopPropagation();
124
+ setOpen(function (prev) { return !prev; });
125
+ } },
58
126
  react_2["default"].createElement(react_1.Combobox, { as: 'div', onChange: onChangeValue, value: selectedPerson },
59
127
  react_2["default"].createElement(react_1.Combobox.Label, { className: 'mb-1 flex text-xs font-normal text-gray-700' }, label),
60
128
  react_2["default"].createElement("div", { className: 'relative w-full' },
61
- disabled ? (react_2["default"].createElement(Input_1.PHXInput, { disabled: disabled, value: (selectedPerson === null || selectedPerson === void 0 ? void 0 : selectedPerson.value) || '' })) : (react_2["default"].createElement(react_1.Combobox.Input, tslib_1.__assign({ className: classNames('block w-full rounded-lg border-[0.5px] border-gray-500 px-3 py-1.5 text-xs font-normal 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' : '') }, 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 }))),
129
+ disabled ? (react_2["default"].createElement(Input_1.PHXInput, { disabled: disabled, value: (selectedPerson === null || selectedPerson === void 0 ? void 0 : selectedPerson.value) || '' })) : (react_2["default"].createElement(react_1.Combobox.Input, tslib_1.__assign({ className: classNames('block w-full rounded-lg border-[0.5px] border-gray-500 px-3 py-1.5 text-xs font-normal 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' : '') }, register, { displayValue: function (person) { return person === null || person === void 0 ? void 0 : person.value; }, onChange: function (event) { return onChangeSelectBox(event); }, onClick: function () { return handlerClickInput(); }, placeholder: placeholder }))),
62
130
  react_2["default"].createElement(react_1.Combobox.Button, { ref: comboBtn, className: 'hidden' },
63
131
  react_2["default"].createElement(solid_1.ChevronUpDownIcon, { "aria-hidden": 'true', className: 'h-5 w-5 text-gray-400' })),
64
- 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 drop-shadow-xl 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) {
132
+ 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 drop-shadow-xl ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm', style: position }, filteredPeople.map(function (person) { return (react_2["default"].createElement(react_1.Combobox.Option, { key: person.id, className: function (_a) {
65
133
  var active = _a.active;
66
134
  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 ');
67
135
  }, value: person }, function (_a) {
@@ -70,7 +138,7 @@ var PHXSelectBox = function (props) {
70
138
  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),
71
139
  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') },
72
140
  react_2["default"].createElement(solid_1.CheckIcon, { "aria-hidden": 'true', className: 'h-4 w-4' })))));
73
- })); }))) : (react_2["default"].createElement(react_1.Combobox.Options, { className: 'absolute z-10 mt-2 w-full overflow-auto rounded-lg bg-white px-2 py-1 text-base drop-shadow-xl ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm' },
141
+ })); }))) : (react_2["default"].createElement(react_1.Combobox.Options, { className: 'absolute z-10 mt-2 w-fit overflow-auto rounded-lg bg-white px-2 py-1 text-base drop-shadow-xl ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm', style: position },
74
142
  react_2["default"].createElement(react_1.Combobox.Option, { className: 'relative mb-1 cursor-pointer select-none rounded-lg py-2 pl-3 pr-9', value: '' },
75
143
  react_2["default"].createElement("div", { className: 'flex flex-col items-center justify-center' },
76
144
  react_2["default"].createElement("svg", { className: 'mx-auto h-4 w-4 text-gray-700', fill: 'none', stroke: 'currentColor', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },
@@ -1 +1 @@
1
- {"version":3,"file":"SelectBox.js","sourceRoot":"","sources":["../../../../src/components/SelectBox/SelectBox.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"SelectBox.js","sourceRoot":"","sources":["../../../../src/components/SelectBox/SelectBox.tsx"],"names":[],"mappings":"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"}
@@ -1,7 +1,7 @@
1
1
  import { __assign } from "tslib";
2
2
  import { Combobox } from '@headlessui/react';
3
3
  import { CheckIcon, ChevronUpDownIcon } from '@heroicons/react/24/solid';
4
- import React, { useRef, useState } from 'react';
4
+ import React, { useEffect, useRef, useState } from 'react';
5
5
  import { PHXInput } from '../Input';
6
6
  function classNames() {
7
7
  var classes = [];
@@ -10,17 +10,73 @@ function classNames() {
10
10
  }
11
11
  return classes.filter(Boolean).join(' ');
12
12
  }
13
+ var useDropdownPosition = function (actionButtonRef, open) {
14
+ var _a = useState({}), position = _a[0], setPosition = _a[1];
15
+ useEffect(function () {
16
+ if (!actionButtonRef.current || !open)
17
+ return;
18
+ var elementRef = actionButtonRef.current;
19
+ var positionAtrs = elementRef.getBoundingClientRect();
20
+ var bottom = positionAtrs.bottom, height = positionAtrs.height, left = positionAtrs.left, right = positionAtrs.right, top = positionAtrs.top;
21
+ var widthWindow = window.innerWidth;
22
+ var heightWindow = window.innerHeight;
23
+ var spaceAbove = top;
24
+ var spaceBelow = heightWindow - bottom;
25
+ var spaceLeft = left;
26
+ var spaceRight = widthWindow - right;
27
+ var style = {};
28
+ // Determine vertical positioning
29
+ if (spaceBelow >= 190) {
30
+ style.top = top + height + 8;
31
+ }
32
+ else if (spaceAbove >= 190) {
33
+ style.bottom = spaceBelow + height + 8;
34
+ }
35
+ else {
36
+ // If not enough space above or below, use the maximum available space
37
+ if (spaceBelow > spaceAbove) {
38
+ style.top = top + height + 8;
39
+ }
40
+ else {
41
+ style.bottom = spaceBelow + height + 8;
42
+ }
43
+ }
44
+ // Determine horizontal positioning
45
+ if (spaceRight >= 224) {
46
+ style.left = left;
47
+ }
48
+ else if (spaceLeft >= 224) {
49
+ style.right = spaceRight;
50
+ }
51
+ else {
52
+ // If not enough space on the right or left, use the maximum available space
53
+ if (spaceRight > spaceLeft) {
54
+ style.left = left;
55
+ }
56
+ else {
57
+ style.right = spaceRight;
58
+ }
59
+ }
60
+ setPosition(style);
61
+ }, [actionButtonRef, open]);
62
+ return position;
63
+ };
13
64
  export var PHXSelectBox = function (props) {
14
65
  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, _a = props.disabled, disabled = _a === void 0 ? false : _a;
15
66
  var _b = useState(''), query = _b[0], setQuery = _b[1];
16
67
  var comboBtn = useRef(null);
17
- var _c = useState(defaultValue ? defaultValue : null), selectedPerson = _c[0], setSelectedPerson = _c[1];
68
+ var actionButtonRef = useRef(null);
69
+ var _c = useState(false), open = _c[0], setOpen = _c[1];
70
+ var _d = useState(defaultValue ? defaultValue : null), selectedPerson = _d[0], setSelectedPerson = _d[1];
18
71
  var filteredPeople = query === '' ? data : data.filter(function (person) { return person.value.toLowerCase().includes(query.toLowerCase()); });
72
+ var position = useDropdownPosition(actionButtonRef, open);
19
73
  var handlerClickInput = function () {
20
74
  var _a;
21
75
  (_a = comboBtn.current) === null || _a === void 0 ? void 0 : _a.click();
22
76
  };
23
77
  var onChangeValue = function (value) {
78
+ if (!value)
79
+ return;
24
80
  setSelectedPerson(value);
25
81
  onChange(value);
26
82
  };
@@ -51,14 +107,26 @@ export var PHXSelectBox = function (props) {
51
107
  return errorMessage;
52
108
  };
53
109
  var errorCheck = error && errorType && !selectedPerson;
54
- return (React.createElement(React.Fragment, null,
110
+ var onChangeSelectBox = function (event) {
111
+ if (query === '') {
112
+ setSelectedPerson(null);
113
+ onChange(null);
114
+ }
115
+ else {
116
+ setQuery(event.target.value);
117
+ }
118
+ };
119
+ return (React.createElement("div", { ref: actionButtonRef, "aria-hidden": true, onClick: function (e) {
120
+ e.stopPropagation();
121
+ setOpen(function (prev) { return !prev; });
122
+ } },
55
123
  React.createElement(Combobox, { as: 'div', onChange: onChangeValue, value: selectedPerson },
56
124
  React.createElement(Combobox.Label, { className: 'mb-1 flex text-xs font-normal text-gray-700' }, label),
57
125
  React.createElement("div", { className: 'relative w-full' },
58
- disabled ? (React.createElement(PHXInput, { disabled: disabled, value: (selectedPerson === null || selectedPerson === void 0 ? void 0 : selectedPerson.value) || '' })) : (React.createElement(Combobox.Input, __assign({ className: classNames('block w-full rounded-lg border-[0.5px] border-gray-500 px-3 py-1.5 text-xs font-normal 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' : '') }, 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 }))),
126
+ disabled ? (React.createElement(PHXInput, { disabled: disabled, value: (selectedPerson === null || selectedPerson === void 0 ? void 0 : selectedPerson.value) || '' })) : (React.createElement(Combobox.Input, __assign({ className: classNames('block w-full rounded-lg border-[0.5px] border-gray-500 px-3 py-1.5 text-xs font-normal 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' : '') }, register, { displayValue: function (person) { return person === null || person === void 0 ? void 0 : person.value; }, onChange: function (event) { return onChangeSelectBox(event); }, onClick: function () { return handlerClickInput(); }, placeholder: placeholder }))),
59
127
  React.createElement(Combobox.Button, { ref: comboBtn, className: 'hidden' },
60
128
  React.createElement(ChevronUpDownIcon, { "aria-hidden": 'true', className: 'h-5 w-5 text-gray-400' })),
61
- 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 drop-shadow-xl 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) {
129
+ 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 drop-shadow-xl ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm', style: position }, filteredPeople.map(function (person) { return (React.createElement(Combobox.Option, { key: person.id, className: function (_a) {
62
130
  var active = _a.active;
63
131
  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 ');
64
132
  }, value: person }, function (_a) {
@@ -67,7 +135,7 @@ export var PHXSelectBox = function (props) {
67
135
  React.createElement("span", { className: classNames('block truncate text-xs', person.id === (selectedPerson === null || selectedPerson === void 0 ? void 0 : selectedPerson.id) && 'font-semibold') }, person.value),
68
136
  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') },
69
137
  React.createElement(CheckIcon, { "aria-hidden": 'true', className: 'h-4 w-4' })))));
70
- })); }))) : (React.createElement(Combobox.Options, { className: 'absolute z-10 mt-2 w-full overflow-auto rounded-lg bg-white px-2 py-1 text-base drop-shadow-xl ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm' },
138
+ })); }))) : (React.createElement(Combobox.Options, { className: 'absolute z-10 mt-2 w-fit overflow-auto rounded-lg bg-white px-2 py-1 text-base drop-shadow-xl ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm', style: position },
71
139
  React.createElement(Combobox.Option, { className: 'relative mb-1 cursor-pointer select-none rounded-lg py-2 pl-3 pr-9', value: '' },
72
140
  React.createElement("div", { className: 'flex flex-col items-center justify-center' },
73
141
  React.createElement("svg", { className: 'mx-auto h-4 w-4 text-gray-700', fill: 'none', stroke: 'currentColor', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },
@@ -1 +1 @@
1
- {"version":3,"file":"SelectBox.js","sourceRoot":"","sources":["../../../../src/components/SelectBox/SelectBox.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"SelectBox.js","sourceRoot":"","sources":["../../../../src/components/SelectBox/SelectBox.tsx"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "phx-react",
3
- "version": "1.3.620",
3
+ "version": "1.3.621",
4
4
  "description": "PHX REACT",
5
5
  "main": "./dist/cjs/index.js",
6
6
  "module": "./dist/esm/index.js",