@etsoo/materialui 1.5.58 → 1.5.59

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.
Files changed (4) hide show
  1. package/lib/cjs/DnDList.js +21 -21
  2. package/lib/mjs/DnDList.js +21 -21
  3. package/package.json +1 -1
  4. package/src/DnDList.tsx +31 -31
package/lib/cjs/DnDList.js CHANGED
@@ -152,6 +152,27 @@ function DnDList(props) {
152
152
  ]);
153
153
  });
154
154
  }, []);
155
+ const doChange = react_1.default.useCallback(() => doFormChange(), []);
156
+ const setupDiv = (div, clearup = false) => {
157
+ // Inputs
158
+ div
159
+ .querySelectorAll("input")
160
+ .forEach((input) => clearup
161
+ ? input.removeEventListener("change", doChange)
162
+ : input.addEventListener("change", doChange));
163
+ // Textareas
164
+ div
165
+ .querySelectorAll("textarea")
166
+ .forEach((input) => clearup
167
+ ? input.removeEventListener("change", doChange)
168
+ : input.addEventListener("change", doChange));
169
+ // Select
170
+ div
171
+ .querySelectorAll("select")
172
+ .forEach((input) => clearup
173
+ ? input.removeEventListener("change", doChange)
174
+ : input.addEventListener("change", doChange));
175
+ };
155
176
  const divRef = react_1.default.useRef(null);
156
177
  react_1.default.useEffect(() => {
157
178
  if (divRef.current) {
@@ -206,27 +227,6 @@ function DnDList(props) {
206
227
  }
207
228
  setActiveId(undefined);
208
229
  }
209
- const doChange = react_1.default.useCallback(() => doFormChange(), []);
210
- const setupDiv = (div, clearup = false) => {
211
- // Inputs
212
- div
213
- .querySelectorAll("input")
214
- .forEach((input) => clearup
215
- ? input.removeEventListener("change", doChange)
216
- : input.addEventListener("change", doChange));
217
- // Textareas
218
- div
219
- .querySelectorAll("textarea")
220
- .forEach((input) => clearup
221
- ? input.removeEventListener("change", doChange)
222
- : input.addEventListener("change", doChange));
223
- // Select
224
- div
225
- .querySelectorAll("select")
226
- .forEach((input) => clearup
227
- ? input.removeEventListener("change", doChange)
228
- : input.addEventListener("change", doChange));
229
- };
230
230
  const children = ((0, jsx_runtime_1.jsx)(DndContextType, { onDragStart: handleDragStart, onDragEnd: handleDragEnd, children: (0, jsx_runtime_1.jsx)(SortableContextType, { items: items, strategy: strategy, children: items.map((item, index) => {
231
231
  const id = item.id;
232
232
  return ((0, jsx_runtime_1.jsx)(SortableItem, { id: id, useSortableType: useSortableType, CSSType: CSSType, style: getItemStyle(index, id === activeId), itemRenderer: (nodeRef, actionNodeRef) => itemRenderer(item, index, nodeRef, actionNodeRef) }, id));
package/lib/mjs/DnDList.js CHANGED
@@ -144,6 +144,27 @@ export function DnDList(props) {
144
144
  ]);
145
145
  });
146
146
  }, []);
147
+ const doChange = React.useCallback(() => doFormChange(), []);
148
+ const setupDiv = (div, clearup = false) => {
149
+ // Inputs
150
+ div
151
+ .querySelectorAll("input")
152
+ .forEach((input) => clearup
153
+ ? input.removeEventListener("change", doChange)
154
+ : input.addEventListener("change", doChange));
155
+ // Textareas
156
+ div
157
+ .querySelectorAll("textarea")
158
+ .forEach((input) => clearup
159
+ ? input.removeEventListener("change", doChange)
160
+ : input.addEventListener("change", doChange));
161
+ // Select
162
+ div
163
+ .querySelectorAll("select")
164
+ .forEach((input) => clearup
165
+ ? input.removeEventListener("change", doChange)
166
+ : input.addEventListener("change", doChange));
167
+ };
147
168
  const divRef = React.useRef(null);
148
169
  React.useEffect(() => {
149
170
  if (divRef.current) {
@@ -198,27 +219,6 @@ export function DnDList(props) {
198
219
  }
199
220
  setActiveId(undefined);
200
221
  }
201
- const doChange = React.useCallback(() => doFormChange(), []);
202
- const setupDiv = (div, clearup = false) => {
203
- // Inputs
204
- div
205
- .querySelectorAll("input")
206
- .forEach((input) => clearup
207
- ? input.removeEventListener("change", doChange)
208
- : input.addEventListener("change", doChange));
209
- // Textareas
210
- div
211
- .querySelectorAll("textarea")
212
- .forEach((input) => clearup
213
- ? input.removeEventListener("change", doChange)
214
- : input.addEventListener("change", doChange));
215
- // Select
216
- div
217
- .querySelectorAll("select")
218
- .forEach((input) => clearup
219
- ? input.removeEventListener("change", doChange)
220
- : input.addEventListener("change", doChange));
221
- };
222
222
  const children = (_jsx(DndContextType, { onDragStart: handleDragStart, onDragEnd: handleDragEnd, children: _jsx(SortableContextType, { items: items, strategy: strategy, children: items.map((item, index) => {
223
223
  const id = item.id;
224
224
  return (_jsx(SortableItem, { id: id, useSortableType: useSortableType, CSSType: CSSType, style: getItemStyle(index, id === activeId), itemRenderer: (nodeRef, actionNodeRef) => itemRenderer(item, index, nodeRef, actionNodeRef) }, id));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@etsoo/materialui",
3
- "version": "1.5.58",
3
+ "version": "1.5.59",
4
4
  "description": "TypeScript Material-UI Implementation",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/mjs/index.js",
package/src/DnDList.tsx CHANGED
@@ -362,6 +362,37 @@ export function DnDList<D extends { id: UniqueIdentifier }>(
362
362
  );
363
363
  }, []);
364
364
 
365
+ const doChange = React.useCallback(() => doFormChange(), []);
366
+
367
+ const setupDiv = (div: HTMLDivElement, clearup: boolean = false) => {
368
+ // Inputs
369
+ div
370
+ .querySelectorAll("input")
371
+ .forEach((input) =>
372
+ clearup
373
+ ? input.removeEventListener("change", doChange)
374
+ : input.addEventListener("change", doChange)
375
+ );
376
+
377
+ // Textareas
378
+ div
379
+ .querySelectorAll("textarea")
380
+ .forEach((input) =>
381
+ clearup
382
+ ? input.removeEventListener("change", doChange)
383
+ : input.addEventListener("change", doChange)
384
+ );
385
+
386
+ // Select
387
+ div
388
+ .querySelectorAll("select")
389
+ .forEach((input) =>
390
+ clearup
391
+ ? input.removeEventListener("change", doChange)
392
+ : input.addEventListener("change", doChange)
393
+ );
394
+ };
395
+
365
396
  const divRef = React.useRef<HTMLDivElement>(null);
366
397
 
367
398
  React.useEffect(() => {
@@ -442,37 +473,6 @@ export function DnDList<D extends { id: UniqueIdentifier }>(
442
473
  setActiveId(undefined);
443
474
  }
444
475
 
445
- const doChange = React.useCallback(() => doFormChange(), []);
446
-
447
- const setupDiv = (div: HTMLDivElement, clearup: boolean = false) => {
448
- // Inputs
449
- div
450
- .querySelectorAll("input")
451
- .forEach((input) =>
452
- clearup
453
- ? input.removeEventListener("change", doChange)
454
- : input.addEventListener("change", doChange)
455
- );
456
-
457
- // Textareas
458
- div
459
- .querySelectorAll("textarea")
460
- .forEach((input) =>
461
- clearup
462
- ? input.removeEventListener("change", doChange)
463
- : input.addEventListener("change", doChange)
464
- );
465
-
466
- // Select
467
- div
468
- .querySelectorAll("select")
469
- .forEach((input) =>
470
- clearup
471
- ? input.removeEventListener("change", doChange)
472
- : input.addEventListener("change", doChange)
473
- );
474
- };
475
-
476
476
  const children = (
477
477
  <DndContextType onDragStart={handleDragStart} onDragEnd={handleDragEnd}>
478
478
  <SortableContextType items={items} strategy={strategy}>