@homebound/beam 2.123.1 → 2.123.2
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.
|
@@ -35,7 +35,12 @@ function Tooltip(props) {
|
|
|
35
35
|
const { triggerProps, tooltipProps: _tooltipProps } = (0, react_aria_1.useTooltipTrigger)({ isDisabled: disabled }, state, triggerRef);
|
|
36
36
|
const { tooltipProps } = (0, react_aria_1.useTooltip)(_tooltipProps, state);
|
|
37
37
|
const tid = (0, utils_1.useTestIds)(props, "tooltip");
|
|
38
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ ref: triggerRef }, triggerProps, (!state.isOpen && typeof title === "string" ? { title } : {}), tid, {
|
|
38
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ ref: triggerRef }, triggerProps, (!state.isOpen && typeof title === "string" ? { title } : {}), tid, {
|
|
39
|
+
// Adding `draggable` as a hack to allow focus to continue through this element and into its children.
|
|
40
|
+
// This is due to some code in React-Aria that prevents default due ot mobile browser inconsistencies,
|
|
41
|
+
// and the only way they don't prevent default is if the element is draggable.
|
|
42
|
+
// See https://github.com/adobe/react-spectrum/discussions/3058 for discussion related to this issue.
|
|
43
|
+
draggable: true, onDragStart: (e) => e.preventDefault() }, { children: children }), void 0), state.isOpen && ((0, jsx_runtime_1.jsx)(Popper, Object.assign({}, (0, react_aria_1.mergeProps)(_tooltipProps, tooltipProps), { triggerRef: triggerRef, content: title, placement: placement }), void 0))] }, void 0));
|
|
39
44
|
}
|
|
40
45
|
exports.Tooltip = Tooltip;
|
|
41
46
|
function Popper({ triggerRef, content, placement = "auto" }) {
|
|
@@ -100,11 +100,11 @@ function ChipSelectField(props) {
|
|
|
100
100
|
items: listData.items,
|
|
101
101
|
children: selectChildren,
|
|
102
102
|
autoFocus: true,
|
|
103
|
+
disallowEmptySelection: false,
|
|
103
104
|
};
|
|
104
105
|
const state = (0, react_stately_1.useSelectState)({
|
|
105
106
|
...selectHookProps,
|
|
106
107
|
selectedKey: (0, Value_1.valueToKey)(value),
|
|
107
|
-
disallowEmptySelection: false,
|
|
108
108
|
onSelectionChange: (key) => {
|
|
109
109
|
if (key === createNewOpt.id) {
|
|
110
110
|
setShowInput(true);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@homebound/beam",
|
|
3
|
-
"version": "2.123.
|
|
3
|
+
"version": "2.123.2",
|
|
4
4
|
"author": "Homebound",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
"dependencies": {
|
|
35
35
|
"@homebound/form-state": "2.13.0",
|
|
36
36
|
"@internationalized/number": "^3.0.3",
|
|
37
|
-
"@react-aria/utils": "^3.
|
|
37
|
+
"@react-aria/utils": "^3.11.3",
|
|
38
38
|
"@react-hook/resize-observer": "^1.2.2",
|
|
39
39
|
"change-case": "^4.1.2",
|
|
40
40
|
"date-fns": "^2.21.3",
|
|
@@ -42,12 +42,12 @@
|
|
|
42
42
|
"fast-deep-equal": "^3.1.3",
|
|
43
43
|
"framer-motion": "^4.1.11",
|
|
44
44
|
"memoize-one": "^5.2.1",
|
|
45
|
-
"react-aria": "^3.
|
|
45
|
+
"react-aria": "^3.14.1",
|
|
46
46
|
"react-day-picker": "^7.4.10",
|
|
47
47
|
"react-popper": "^2.2.5",
|
|
48
48
|
"react-router": "^5.2.0",
|
|
49
49
|
"react-router-dom": "^5.2.0",
|
|
50
|
-
"react-stately": "^3.
|
|
50
|
+
"react-stately": "^3.12.2",
|
|
51
51
|
"react-virtuoso": "^2.4.0",
|
|
52
52
|
"tributejs": "^5.1.3",
|
|
53
53
|
"trix": "^1.3.1",
|