@rnaga/wp-next-ui 1.1.4 → 1.1.7
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/SortableList.d.ts.map +1 -1
- package/SortableList.js +19 -13
- package/ThemeRegistry.d.ts.map +1 -1
- package/ThemeRegistry.js +2 -2
- package/package.json +1 -1
package/SortableList.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SortableList.d.ts","sourceRoot":"","sources":["../src/SortableList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE1C,OAAO,EAEL,GAAG,EAOJ,MAAM,OAAO,CAAC;AAIf,MAAM,MAAM,oBAAoB,CAAC,CAAC,GAAG,MAAM,IAAI,YAAY,CAAC,CAAC,CAAC,CAAC;AAE/D,KAAK,WAAW,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,GAAG,gBAAgB,CAAC;AAczE,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;AAEnE,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,GAAG,GAAG,MAAM,EAAE,OAAO;IAC1D,IAAI,EAAE;QAAE,KAAK,EAAE,CAAC,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACpC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,WAAW,CAAC,EAAE;QACZ,KAAK,CAAC,EAAE,OAAO,CAAC;KACjB,CAAC;IACF,WAAW,EAAE,WAAW,CAAC;IACzB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC;IAC5D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC,EAAE,EAChC,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,MAAM,KACZ,IAAI,CAAC;IACV,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACjD,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3E,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,MAAM,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC/C,
|
|
1
|
+
{"version":3,"file":"SortableList.d.ts","sourceRoot":"","sources":["../src/SortableList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE1C,OAAO,EAEL,GAAG,EAOJ,MAAM,OAAO,CAAC;AAIf,MAAM,MAAM,oBAAoB,CAAC,CAAC,GAAG,MAAM,IAAI,YAAY,CAAC,CAAC,CAAC,CAAC;AAE/D,KAAK,WAAW,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,GAAG,gBAAgB,CAAC;AAczE,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;AAEnE,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,GAAG,GAAG,MAAM,EAAE,OAAO;IAC1D,IAAI,EAAE;QAAE,KAAK,EAAE,CAAC,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACpC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,WAAW,CAAC,EAAE;QACZ,KAAK,CAAC,EAAE,OAAO,CAAC;KACjB,CAAC;IACF,WAAW,EAAE,WAAW,CAAC;IACzB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC;IAC5D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC,EAAE,EAChC,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,MAAM,KACZ,IAAI,CAAC;IACV,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACjD,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3E,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,MAAM,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC/C,4CAyUA,CAAC"}
|
package/SortableList.js
CHANGED
|
@@ -124,18 +124,14 @@ export const SortableList = (props) => {
|
|
|
124
124
|
dropTargetRef.current = foundDropTarget;
|
|
125
125
|
}
|
|
126
126
|
};
|
|
127
|
-
const handleMouseDown = (
|
|
127
|
+
const handleMouseDown = (_e) => {
|
|
128
128
|
const dragged = draggedItemRef.current;
|
|
129
129
|
if (!dragged)
|
|
130
130
|
return;
|
|
131
|
-
const { element
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
refPos.current.x = 0;
|
|
136
|
-
element.style.zIndex = "100000";
|
|
137
|
-
element.style.transform = `translate(${refPos.current.x}px, ${refPos.current.y}px)`;
|
|
138
|
-
}
|
|
131
|
+
const { element } = dragged;
|
|
132
|
+
refPos.current.y = 0;
|
|
133
|
+
refPos.current.x = 0;
|
|
134
|
+
element.style.zIndex = "100000";
|
|
139
135
|
};
|
|
140
136
|
const handleMouseUp = (e) => {
|
|
141
137
|
const dragged = draggedItemRef.current;
|
|
@@ -164,10 +160,20 @@ export const SortableList = (props) => {
|
|
|
164
160
|
dropTargetRef.current = null;
|
|
165
161
|
}
|
|
166
162
|
else {
|
|
167
|
-
//
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
163
|
+
// Check if the drop point is still within this list's own drop zone.
|
|
164
|
+
// If so, the item was dropped on empty space inside the same list — no-op.
|
|
165
|
+
const elementsAtPoint = document.elementsFromPoint(e.clientX, e.clientY);
|
|
166
|
+
const isInsideOwnDropZone = elementsAtPoint.some((el) => {
|
|
167
|
+
const dropZone = el.closest("[data-sortable-drop-zone-id]");
|
|
168
|
+
return (dropZone &&
|
|
169
|
+
dropZone.getAttribute("data-sortable-drop-zone-id") === listId);
|
|
170
|
+
});
|
|
171
|
+
if (!isInsideOwnDropZone) {
|
|
172
|
+
// Dropped outside any list or target — fire onDrop
|
|
173
|
+
const droppedItem = itemsRef.current.find((i) => i.index === index);
|
|
174
|
+
if (droppedItem) {
|
|
175
|
+
onDrop?.(droppedItem);
|
|
176
|
+
}
|
|
171
177
|
}
|
|
172
178
|
}
|
|
173
179
|
draggedItemRef.current = null;
|
package/ThemeRegistry.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeRegistry.d.ts","sourceRoot":"","sources":["../src/ThemeRegistry.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ThemeRegistry.d.ts","sourceRoot":"","sources":["../src/ThemeRegistry.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,KAAK,KAAK,KAAK,MAAM,SAAS,CAAC;AAItC,eAAO,MAAM,UAAU;;;;;CAatB,CAAC;AAEF,eAAO,MAAM,iBAAiB,OAAK,CAAC;AAEpC,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,2CAwBA"}
|
package/ThemeRegistry.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import * as React from "react";
|
|
4
|
-
import { ThemeProvider as MuiThemeProvider, createTheme as createMuiTheme,
|
|
4
|
+
import { ThemeProvider as MuiThemeProvider, createTheme as createMuiTheme, useColorScheme as useMaterialColorScheme, useTheme, } from "@mui/material/styles";
|
|
5
5
|
import { useWP } from "@rnaga/wp-next-core/client/wp";
|
|
6
6
|
import { wpTheme } from "./wp-theme";
|
|
7
7
|
import { CssBaseline } from "@mui/material";
|
|
@@ -32,5 +32,5 @@ export default function ThemeRegistry({ children, }) {
|
|
|
32
32
|
},
|
|
33
33
|
});
|
|
34
34
|
const wpTheme = themes.wp;
|
|
35
|
-
return (_jsx(
|
|
35
|
+
return (_jsx(MuiThemeProvider, { theme: muiThemeWithOverrides, children: _jsxs(WPThemeContext, { value: wpTheme, children: [_jsx(CssBaseline, {}), children] }) }));
|
|
36
36
|
}
|