@paroicms/react-ui 0.6.1 → 0.6.3
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/Button.js +1 -1
- package/dist/Inplace.js +1 -3
- package/dist/PopupMenu.js +2 -6
- package/dist/SideMenu.js +2 -6
- package/package.json +5 -4
package/dist/Button.js
CHANGED
package/dist/Inplace.js
CHANGED
|
@@ -3,9 +3,7 @@ import { clsx } from "clsx";
|
|
|
3
3
|
import "../styles/Inplace.css";
|
|
4
4
|
export function Inplace({ display, children, active = false, onOpen, onClose, className, closable = true, }) {
|
|
5
5
|
if (!active) {
|
|
6
|
-
return (
|
|
7
|
-
// biome-ignore lint/a11y/useSemanticElements: custom behavior
|
|
8
|
-
_jsx("div", { className: clsx("PaInplace", "display", className), onClick: onOpen, onKeyDown: (e) => {
|
|
6
|
+
return (_jsx("div", { className: clsx("PaInplace", "display", className), onClick: onOpen, onKeyDown: (e) => {
|
|
9
7
|
if (e.key === "Enter" || e.key === " ") {
|
|
10
8
|
e.preventDefault();
|
|
11
9
|
onOpen?.();
|
package/dist/PopupMenu.js
CHANGED
|
@@ -65,9 +65,7 @@ export function PopupMenu({ items, className, id, position = "auto", children, f
|
|
|
65
65
|
}
|
|
66
66
|
return (_jsx(Button, { ref: triggerRef, className: clsx(className, "borderless"), outlined: true, severity: "secondary", "aria-label": "unfold", "aria-controls": menuIdRef.current, "aria-haspopup": true, ...triggerProps, children: _jsx(ChevronsDown, { size: 16 }) }));
|
|
67
67
|
};
|
|
68
|
-
return (_jsxs(_Fragment, { children: [renderTrigger(), _jsxs("div", { className: "PaPopupMenu", ref: menuRef, id: menuIdRef.current, popover: "auto", children: [_jsx("div", { className: "PaPopupMenu-content", children: items.map((item, index) => isSeparator(item) ? (
|
|
69
|
-
// biome-ignore lint/suspicious/noArrayIndexKey: separator items may not have unique keys
|
|
70
|
-
_jsx("div", { className: "PaPopupMenu-separator" }, `separator-${index}`)) : (_jsx(PopupMenuItemWrapper, { item: item, onHide: hide }, item.key))) }), footer && _jsx("div", { className: "PaPopupMenu-footer", children: footer(hide) })] })] }));
|
|
68
|
+
return (_jsxs(_Fragment, { children: [renderTrigger(), _jsxs("div", { className: "PaPopupMenu", ref: menuRef, id: menuIdRef.current, popover: "auto", children: [_jsx("div", { className: "PaPopupMenu-content", children: items.map((item, index) => isSeparator(item) ? (_jsx("div", { className: "PaPopupMenu-separator" }, `separator-${index}`)) : (_jsx(PopupMenuItemWrapper, { item: item, onHide: hide }, item.key))) }), footer && _jsx("div", { className: "PaPopupMenu-footer", children: footer(hide) })] })] }));
|
|
71
69
|
}
|
|
72
70
|
function PopupMenuItemWrapper({ item, onHide }) {
|
|
73
71
|
const subMenuRef = useRef(null);
|
|
@@ -107,7 +105,5 @@ function PopupMenuItemWrapper({ item, onHide }) {
|
|
|
107
105
|
return;
|
|
108
106
|
return setupPopoverPositioning(subMenuEl, () => computePopupPosition(parentEl, subMenuEl, "right", "cardinal"));
|
|
109
107
|
}, [item.subMenu]);
|
|
110
|
-
return (_jsxs("div", { className: "PaPopupMenu-item", popoverTargetAction: "toggle", popoverTarget: subMenuId.current, children: [_jsx(MenuItem, { item: itemWithSubmenuHandling }), item.subMenu && (_jsx("div", { className: "PaPopupMenu-submenu", popover: "auto", id: subMenuId.current, ref: subMenuRef, children: item.subMenu.map((subItem, index) => isSeparator(subItem) ? (
|
|
111
|
-
// biome-ignore lint/suspicious/noArrayIndexKey: separator items may not have unique keys
|
|
112
|
-
_jsx("div", { className: "PaPopupMenu-separator" }, `separator-${index}`)) : (_jsx(PopupMenuItemWrapper, { item: subItem, onHide: onHide }, subItem.key))) }))] }));
|
|
108
|
+
return (_jsxs("div", { className: "PaPopupMenu-item", popoverTargetAction: "toggle", popoverTarget: subMenuId.current, children: [_jsx(MenuItem, { item: itemWithSubmenuHandling }), item.subMenu && (_jsx("div", { className: "PaPopupMenu-submenu", popover: "auto", id: subMenuId.current, ref: subMenuRef, children: item.subMenu.map((subItem, index) => isSeparator(subItem) ? (_jsx("div", { className: "PaPopupMenu-separator" }, `separator-${index}`)) : (_jsx(PopupMenuItemWrapper, { item: subItem, onHide: onHide }, subItem.key))) }))] }));
|
|
113
109
|
}
|
package/dist/SideMenu.js
CHANGED
|
@@ -7,17 +7,13 @@ function isSeparator(item) {
|
|
|
7
7
|
}
|
|
8
8
|
export function SideMenu({ menu }) {
|
|
9
9
|
return (_jsx(_Fragment, { children: menu.map((child, index) => {
|
|
10
|
-
return isSeparator(child) ? (
|
|
11
|
-
// biome-ignore lint/suspicious/noArrayIndexKey: separator items may not have unique keys
|
|
12
|
-
_jsx("div", { className: "PaSideMenu-separator" }, `separator-${index}`)) : (_jsx(AccordionOrMenuItem, { item: child }, child.key));
|
|
10
|
+
return isSeparator(child) ? (_jsx("div", { className: "PaSideMenu-separator" }, `separator-${index}`)) : (_jsx(AccordionOrMenuItem, { item: child }, child.key));
|
|
13
11
|
}) }));
|
|
14
12
|
}
|
|
15
13
|
function AccordionOrMenuItem({ item }) {
|
|
16
14
|
if (item.subMenu) {
|
|
17
15
|
return (_jsx(Accordion, { header: item, expanded: item.expanded, children: item.subMenu.map((child, index) => {
|
|
18
|
-
return isSeparator(child) ? (
|
|
19
|
-
// biome-ignore lint/suspicious/noArrayIndexKey: separator items may not have unique keys
|
|
20
|
-
_jsx("div", { className: "PaSideMenu-separator" }, `separator-${index}`)) : (_jsx(AccordionOrMenuItem, { item: child }, child.key));
|
|
16
|
+
return isSeparator(child) ? (_jsx("div", { className: "PaSideMenu-separator" }, `separator-${index}`)) : (_jsx(AccordionOrMenuItem, { item: child }, child.key));
|
|
21
17
|
}) }));
|
|
22
18
|
}
|
|
23
19
|
return _jsx(MenuItem, { item: item });
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@paroicms/react-ui",
|
|
3
|
-
"version": "0.6.
|
|
3
|
+
"version": "0.6.3",
|
|
4
4
|
"description": "React UI toolkit for ParoiCMS.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"paroicms",
|
|
@@ -21,13 +21,14 @@
|
|
|
21
21
|
"scripts": {
|
|
22
22
|
"tsc": "tsc",
|
|
23
23
|
"build": "tsc",
|
|
24
|
+
"build:ci": "tsc --declarationMap false",
|
|
24
25
|
"clear": "rimraf dist/*",
|
|
25
26
|
"dev": "tsc --watch --preserveWatchOutput"
|
|
26
27
|
},
|
|
27
28
|
"dependencies": {
|
|
28
|
-
"@paroicms/public-anywhere-lib": "0.43.
|
|
29
|
+
"@paroicms/public-anywhere-lib": "0.43.2",
|
|
29
30
|
"clsx": "~2.1.1",
|
|
30
|
-
"lucide-react": "~
|
|
31
|
+
"lucide-react": "~1.7.0",
|
|
31
32
|
"react-sortablejs": "~6.1.4",
|
|
32
33
|
"sortablejs": "~1.15.7"
|
|
33
34
|
},
|
|
@@ -42,7 +43,7 @@
|
|
|
42
43
|
"react": "~19.2.4",
|
|
43
44
|
"react-dom": "~19.2.4",
|
|
44
45
|
"rimraf": "~6.1.3",
|
|
45
|
-
"typescript": "~
|
|
46
|
+
"typescript": "~6.0.2"
|
|
46
47
|
},
|
|
47
48
|
"files": [
|
|
48
49
|
"dist",
|