@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.
@@ -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,4CA8TA,CAAC"}
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 = (e) => {
127
+ const handleMouseDown = (_e) => {
128
128
  const dragged = draggedItemRef.current;
129
129
  if (!dragged)
130
130
  return;
131
- const { element, index } = dragged;
132
- const rect = element.getBoundingClientRect();
133
- if (rect) {
134
- refPos.current.y = e.clientY - rect.top - rect.height / 2;
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
- // Dropped outside any list or target fire onDrop
168
- const droppedItem = itemsRef.current.find((i) => i.index === index);
169
- if (droppedItem) {
170
- onDrop?.(droppedItem);
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;
@@ -1 +1 @@
1
- {"version":3,"file":"ThemeRegistry.d.ts","sourceRoot":"","sources":["../src/ThemeRegistry.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/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,2CA4BA"}
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, Experimental_CssVarsProvider as MaterialCssVarsProvider, THEME_ID as MATERIAL_THEME_ID, useColorScheme as useMaterialColorScheme, useTheme, } from "@mui/material/styles";
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(MaterialCssVarsProvider, { theme: { [MATERIAL_THEME_ID]: muiThemeWithOverrides }, children: _jsx(MuiThemeProvider, { theme: muiThemeWithOverrides, children: _jsxs(WPThemeContext, { value: wpTheme, children: [_jsx(CssBaseline, {}), children] }) }) }));
35
+ return (_jsx(MuiThemeProvider, { theme: muiThemeWithOverrides, children: _jsxs(WPThemeContext, { value: wpTheme, children: [_jsx(CssBaseline, {}), children] }) }));
36
36
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rnaga/wp-next-ui",
3
- "version": "1.1.4",
3
+ "version": "1.1.7",
4
4
  "scripts": {
5
5
  "build": "node ../../scripts/build-ui.mjs",
6
6
  "release-old": "node ../../scripts/release.mjs",