@almadar/ui 4.50.3 → 4.50.4

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.
@@ -25040,11 +25040,13 @@ function useDataDnd(args) {
25040
25040
  transition,
25041
25041
  isDragging
25042
25042
  } = sortable.useSortable({ id, data: { dndGroup: ownGroup } });
25043
+ const childrenRef = React93__namespace.default.useRef(children);
25044
+ childrenRef.current = children;
25043
25045
  React93__namespace.default.useEffect(() => {
25044
25046
  if (!isDragging || !overlaySink) return;
25045
- overlaySink(children);
25047
+ overlaySink(childrenRef.current);
25046
25048
  return () => overlaySink(null);
25047
- }, [isDragging, children]);
25049
+ }, [isDragging]);
25048
25050
  const style = {
25049
25051
  transform: utilities.CSS.Transform.toString(transform),
25050
25052
  transition,
@@ -25339,7 +25341,7 @@ function DataGrid({
25339
25341
  const id = itemData.id || String(index);
25340
25342
  const isSelected = selectedIds.has(id);
25341
25343
  const dndId = itemData[idFieldName] ?? `__idx_${index}`;
25342
- const wrapDnd = (node) => dnd.isZone ? /* @__PURE__ */ jsxRuntime.jsx(dnd.SortableItem, { id: dndId, children: node }) : node;
25344
+ const wrapDnd = (node) => dnd.isZone ? /* @__PURE__ */ jsxRuntime.jsx(dnd.SortableItem, { id: dndId, children: node }, dndId) : node;
25343
25345
  if (hasRenderProp) {
25344
25346
  return wrapDnd(
25345
25347
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -25755,7 +25757,7 @@ function DataList({
25755
25757
  const idFieldName = dndItemIdField ?? "id";
25756
25758
  const renderItem = (itemData, index, isLast) => {
25757
25759
  const dndId = itemData[idFieldName] ?? `__idx_${index}`;
25758
- const wrapDnd = (node) => dnd.isZone ? /* @__PURE__ */ jsxRuntime.jsx(dnd.SortableItem, { id: dndId, children: node }) : node;
25760
+ const wrapDnd = (node) => dnd.isZone ? /* @__PURE__ */ jsxRuntime.jsx(dnd.SortableItem, { id: dndId, children: node }, dndId) : node;
25759
25761
  if (hasRenderProp) {
25760
25762
  const id2 = itemData.id || String(index);
25761
25763
  return wrapDnd(
package/dist/avl/index.js CHANGED
@@ -24994,11 +24994,13 @@ function useDataDnd(args) {
24994
24994
  transition,
24995
24995
  isDragging
24996
24996
  } = useSortable({ id, data: { dndGroup: ownGroup } });
24997
+ const childrenRef = React93__default.useRef(children);
24998
+ childrenRef.current = children;
24997
24999
  React93__default.useEffect(() => {
24998
25000
  if (!isDragging || !overlaySink) return;
24999
- overlaySink(children);
25001
+ overlaySink(childrenRef.current);
25000
25002
  return () => overlaySink(null);
25001
- }, [isDragging, children]);
25003
+ }, [isDragging]);
25002
25004
  const style = {
25003
25005
  transform: CSS.Transform.toString(transform),
25004
25006
  transition,
@@ -25293,7 +25295,7 @@ function DataGrid({
25293
25295
  const id = itemData.id || String(index);
25294
25296
  const isSelected = selectedIds.has(id);
25295
25297
  const dndId = itemData[idFieldName] ?? `__idx_${index}`;
25296
- const wrapDnd = (node) => dnd.isZone ? /* @__PURE__ */ jsx(dnd.SortableItem, { id: dndId, children: node }) : node;
25298
+ const wrapDnd = (node) => dnd.isZone ? /* @__PURE__ */ jsx(dnd.SortableItem, { id: dndId, children: node }, dndId) : node;
25297
25299
  if (hasRenderProp) {
25298
25300
  return wrapDnd(
25299
25301
  /* @__PURE__ */ jsx(
@@ -25709,7 +25711,7 @@ function DataList({
25709
25711
  const idFieldName = dndItemIdField ?? "id";
25710
25712
  const renderItem = (itemData, index, isLast) => {
25711
25713
  const dndId = itemData[idFieldName] ?? `__idx_${index}`;
25712
- const wrapDnd = (node) => dnd.isZone ? /* @__PURE__ */ jsx(dnd.SortableItem, { id: dndId, children: node }) : node;
25714
+ const wrapDnd = (node) => dnd.isZone ? /* @__PURE__ */ jsx(dnd.SortableItem, { id: dndId, children: node }, dndId) : node;
25713
25715
  if (hasRenderProp) {
25714
25716
  const id2 = itemData.id || String(index);
25715
25717
  return wrapDnd(
@@ -20207,11 +20207,13 @@ function useDataDnd(args) {
20207
20207
  transition,
20208
20208
  isDragging
20209
20209
  } = sortable.useSortable({ id, data: { dndGroup: ownGroup } });
20210
+ const childrenRef = React75__namespace.default.useRef(children);
20211
+ childrenRef.current = children;
20210
20212
  React75__namespace.default.useEffect(() => {
20211
20213
  if (!isDragging || !overlaySink) return;
20212
- overlaySink(children);
20214
+ overlaySink(childrenRef.current);
20213
20215
  return () => overlaySink(null);
20214
- }, [isDragging, children]);
20216
+ }, [isDragging]);
20215
20217
  const style = {
20216
20218
  transform: utilities.CSS.Transform.toString(transform),
20217
20219
  transition,
@@ -20506,7 +20508,7 @@ function DataGrid({
20506
20508
  const id = itemData.id || String(index);
20507
20509
  const isSelected = selectedIds.has(id);
20508
20510
  const dndId = itemData[idFieldName] ?? `__idx_${index}`;
20509
- const wrapDnd = (node) => dnd.isZone ? /* @__PURE__ */ jsxRuntime.jsx(dnd.SortableItem, { id: dndId, children: node }) : node;
20511
+ const wrapDnd = (node) => dnd.isZone ? /* @__PURE__ */ jsxRuntime.jsx(dnd.SortableItem, { id: dndId, children: node }, dndId) : node;
20510
20512
  if (hasRenderProp) {
20511
20513
  return wrapDnd(
20512
20514
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -20922,7 +20924,7 @@ function DataList({
20922
20924
  const idFieldName = dndItemIdField ?? "id";
20923
20925
  const renderItem = (itemData, index, isLast) => {
20924
20926
  const dndId = itemData[idFieldName] ?? `__idx_${index}`;
20925
- const wrapDnd = (node) => dnd.isZone ? /* @__PURE__ */ jsxRuntime.jsx(dnd.SortableItem, { id: dndId, children: node }) : node;
20927
+ const wrapDnd = (node) => dnd.isZone ? /* @__PURE__ */ jsxRuntime.jsx(dnd.SortableItem, { id: dndId, children: node }, dndId) : node;
20926
20928
  if (hasRenderProp) {
20927
20929
  const id2 = itemData.id || String(index);
20928
20930
  return wrapDnd(
@@ -20161,11 +20161,13 @@ function useDataDnd(args) {
20161
20161
  transition,
20162
20162
  isDragging
20163
20163
  } = useSortable({ id, data: { dndGroup: ownGroup } });
20164
+ const childrenRef = React75__default.useRef(children);
20165
+ childrenRef.current = children;
20164
20166
  React75__default.useEffect(() => {
20165
20167
  if (!isDragging || !overlaySink) return;
20166
- overlaySink(children);
20168
+ overlaySink(childrenRef.current);
20167
20169
  return () => overlaySink(null);
20168
- }, [isDragging, children]);
20170
+ }, [isDragging]);
20169
20171
  const style = {
20170
20172
  transform: CSS.Transform.toString(transform),
20171
20173
  transition,
@@ -20460,7 +20462,7 @@ function DataGrid({
20460
20462
  const id = itemData.id || String(index);
20461
20463
  const isSelected = selectedIds.has(id);
20462
20464
  const dndId = itemData[idFieldName] ?? `__idx_${index}`;
20463
- const wrapDnd = (node) => dnd.isZone ? /* @__PURE__ */ jsx(dnd.SortableItem, { id: dndId, children: node }) : node;
20465
+ const wrapDnd = (node) => dnd.isZone ? /* @__PURE__ */ jsx(dnd.SortableItem, { id: dndId, children: node }, dndId) : node;
20464
20466
  if (hasRenderProp) {
20465
20467
  return wrapDnd(
20466
20468
  /* @__PURE__ */ jsx(
@@ -20876,7 +20878,7 @@ function DataList({
20876
20878
  const idFieldName = dndItemIdField ?? "id";
20877
20879
  const renderItem = (itemData, index, isLast) => {
20878
20880
  const dndId = itemData[idFieldName] ?? `__idx_${index}`;
20879
- const wrapDnd = (node) => dnd.isZone ? /* @__PURE__ */ jsx(dnd.SortableItem, { id: dndId, children: node }) : node;
20881
+ const wrapDnd = (node) => dnd.isZone ? /* @__PURE__ */ jsx(dnd.SortableItem, { id: dndId, children: node }, dndId) : node;
20880
20882
  if (hasRenderProp) {
20881
20883
  const id2 = itemData.id || String(index);
20882
20884
  return wrapDnd(
@@ -21452,11 +21452,13 @@ function useDataDnd(args) {
21452
21452
  transition,
21453
21453
  isDragging
21454
21454
  } = sortable.useSortable({ id, data: { dndGroup: ownGroup } });
21455
+ const childrenRef = React81__namespace.default.useRef(children);
21456
+ childrenRef.current = children;
21455
21457
  React81__namespace.default.useEffect(() => {
21456
21458
  if (!isDragging || !overlaySink) return;
21457
- overlaySink(children);
21459
+ overlaySink(childrenRef.current);
21458
21460
  return () => overlaySink(null);
21459
- }, [isDragging, children]);
21461
+ }, [isDragging]);
21460
21462
  const style = {
21461
21463
  transform: utilities.CSS.Transform.toString(transform),
21462
21464
  transition,
@@ -21751,7 +21753,7 @@ function DataGrid({
21751
21753
  const id = itemData.id || String(index);
21752
21754
  const isSelected = selectedIds.has(id);
21753
21755
  const dndId = itemData[idFieldName] ?? `__idx_${index}`;
21754
- const wrapDnd = (node) => dnd.isZone ? /* @__PURE__ */ jsxRuntime.jsx(dnd.SortableItem, { id: dndId, children: node }) : node;
21756
+ const wrapDnd = (node) => dnd.isZone ? /* @__PURE__ */ jsxRuntime.jsx(dnd.SortableItem, { id: dndId, children: node }, dndId) : node;
21755
21757
  if (hasRenderProp) {
21756
21758
  return wrapDnd(
21757
21759
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -22167,7 +22169,7 @@ function DataList({
22167
22169
  const idFieldName = dndItemIdField ?? "id";
22168
22170
  const renderItem = (itemData, index, isLast) => {
22169
22171
  const dndId = itemData[idFieldName] ?? `__idx_${index}`;
22170
- const wrapDnd = (node) => dnd.isZone ? /* @__PURE__ */ jsxRuntime.jsx(dnd.SortableItem, { id: dndId, children: node }) : node;
22172
+ const wrapDnd = (node) => dnd.isZone ? /* @__PURE__ */ jsxRuntime.jsx(dnd.SortableItem, { id: dndId, children: node }, dndId) : node;
22171
22173
  if (hasRenderProp) {
22172
22174
  const id2 = itemData.id || String(index);
22173
22175
  return wrapDnd(
@@ -21406,11 +21406,13 @@ function useDataDnd(args) {
21406
21406
  transition,
21407
21407
  isDragging
21408
21408
  } = useSortable({ id, data: { dndGroup: ownGroup } });
21409
+ const childrenRef = React81__default.useRef(children);
21410
+ childrenRef.current = children;
21409
21411
  React81__default.useEffect(() => {
21410
21412
  if (!isDragging || !overlaySink) return;
21411
- overlaySink(children);
21413
+ overlaySink(childrenRef.current);
21412
21414
  return () => overlaySink(null);
21413
- }, [isDragging, children]);
21415
+ }, [isDragging]);
21414
21416
  const style = {
21415
21417
  transform: CSS.Transform.toString(transform),
21416
21418
  transition,
@@ -21705,7 +21707,7 @@ function DataGrid({
21705
21707
  const id = itemData.id || String(index);
21706
21708
  const isSelected = selectedIds.has(id);
21707
21709
  const dndId = itemData[idFieldName] ?? `__idx_${index}`;
21708
- const wrapDnd = (node) => dnd.isZone ? /* @__PURE__ */ jsx(dnd.SortableItem, { id: dndId, children: node }) : node;
21710
+ const wrapDnd = (node) => dnd.isZone ? /* @__PURE__ */ jsx(dnd.SortableItem, { id: dndId, children: node }, dndId) : node;
21709
21711
  if (hasRenderProp) {
21710
21712
  return wrapDnd(
21711
21713
  /* @__PURE__ */ jsx(
@@ -22121,7 +22123,7 @@ function DataList({
22121
22123
  const idFieldName = dndItemIdField ?? "id";
22122
22124
  const renderItem = (itemData, index, isLast) => {
22123
22125
  const dndId = itemData[idFieldName] ?? `__idx_${index}`;
22124
- const wrapDnd = (node) => dnd.isZone ? /* @__PURE__ */ jsx(dnd.SortableItem, { id: dndId, children: node }) : node;
22126
+ const wrapDnd = (node) => dnd.isZone ? /* @__PURE__ */ jsx(dnd.SortableItem, { id: dndId, children: node }, dndId) : node;
22125
22127
  if (hasRenderProp) {
22126
22128
  const id2 = itemData.id || String(index);
22127
22129
  return wrapDnd(
@@ -21221,11 +21221,13 @@ function useDataDnd(args) {
21221
21221
  transition,
21222
21222
  isDragging
21223
21223
  } = sortable.useSortable({ id, data: { dndGroup: ownGroup } });
21224
+ const childrenRef = React80__namespace.default.useRef(children);
21225
+ childrenRef.current = children;
21224
21226
  React80__namespace.default.useEffect(() => {
21225
21227
  if (!isDragging || !overlaySink) return;
21226
- overlaySink(children);
21228
+ overlaySink(childrenRef.current);
21227
21229
  return () => overlaySink(null);
21228
- }, [isDragging, children]);
21230
+ }, [isDragging]);
21229
21231
  const style = {
21230
21232
  transform: utilities.CSS.Transform.toString(transform),
21231
21233
  transition,
@@ -21520,7 +21522,7 @@ function DataGrid({
21520
21522
  const id = itemData.id || String(index);
21521
21523
  const isSelected = selectedIds.has(id);
21522
21524
  const dndId = itemData[idFieldName] ?? `__idx_${index}`;
21523
- const wrapDnd = (node) => dnd.isZone ? /* @__PURE__ */ jsxRuntime.jsx(dnd.SortableItem, { id: dndId, children: node }) : node;
21525
+ const wrapDnd = (node) => dnd.isZone ? /* @__PURE__ */ jsxRuntime.jsx(dnd.SortableItem, { id: dndId, children: node }, dndId) : node;
21524
21526
  if (hasRenderProp) {
21525
21527
  return wrapDnd(
21526
21528
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -21936,7 +21938,7 @@ function DataList({
21936
21938
  const idFieldName = dndItemIdField ?? "id";
21937
21939
  const renderItem = (itemData, index, isLast) => {
21938
21940
  const dndId = itemData[idFieldName] ?? `__idx_${index}`;
21939
- const wrapDnd = (node) => dnd.isZone ? /* @__PURE__ */ jsxRuntime.jsx(dnd.SortableItem, { id: dndId, children: node }) : node;
21941
+ const wrapDnd = (node) => dnd.isZone ? /* @__PURE__ */ jsxRuntime.jsx(dnd.SortableItem, { id: dndId, children: node }, dndId) : node;
21940
21942
  if (hasRenderProp) {
21941
21943
  const id2 = itemData.id || String(index);
21942
21944
  return wrapDnd(
@@ -21175,11 +21175,13 @@ function useDataDnd(args) {
21175
21175
  transition,
21176
21176
  isDragging
21177
21177
  } = useSortable({ id, data: { dndGroup: ownGroup } });
21178
+ const childrenRef = React80__default.useRef(children);
21179
+ childrenRef.current = children;
21178
21180
  React80__default.useEffect(() => {
21179
21181
  if (!isDragging || !overlaySink) return;
21180
- overlaySink(children);
21182
+ overlaySink(childrenRef.current);
21181
21183
  return () => overlaySink(null);
21182
- }, [isDragging, children]);
21184
+ }, [isDragging]);
21183
21185
  const style = {
21184
21186
  transform: CSS.Transform.toString(transform),
21185
21187
  transition,
@@ -21474,7 +21476,7 @@ function DataGrid({
21474
21476
  const id = itemData.id || String(index);
21475
21477
  const isSelected = selectedIds.has(id);
21476
21478
  const dndId = itemData[idFieldName] ?? `__idx_${index}`;
21477
- const wrapDnd = (node) => dnd.isZone ? /* @__PURE__ */ jsx(dnd.SortableItem, { id: dndId, children: node }) : node;
21479
+ const wrapDnd = (node) => dnd.isZone ? /* @__PURE__ */ jsx(dnd.SortableItem, { id: dndId, children: node }, dndId) : node;
21478
21480
  if (hasRenderProp) {
21479
21481
  return wrapDnd(
21480
21482
  /* @__PURE__ */ jsx(
@@ -21890,7 +21892,7 @@ function DataList({
21890
21892
  const idFieldName = dndItemIdField ?? "id";
21891
21893
  const renderItem = (itemData, index, isLast) => {
21892
21894
  const dndId = itemData[idFieldName] ?? `__idx_${index}`;
21893
- const wrapDnd = (node) => dnd.isZone ? /* @__PURE__ */ jsx(dnd.SortableItem, { id: dndId, children: node }) : node;
21895
+ const wrapDnd = (node) => dnd.isZone ? /* @__PURE__ */ jsx(dnd.SortableItem, { id: dndId, children: node }, dndId) : node;
21894
21896
  if (hasRenderProp) {
21895
21897
  const id2 = itemData.id || String(index);
21896
21898
  return wrapDnd(
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@almadar/ui",
3
- "version": "4.50.3",
3
+ "version": "4.50.4",
4
4
  "description": "React UI components, hooks, and providers for Almadar",
5
5
  "type": "module",
6
6
  "sideEffects": [