@etsoo/react 1.4.71 → 1.4.72

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 (3) hide show
  1. package/lib/mu/DnDList.js +2 -2
  2. package/package.json +1 -1
  3. package/src/mu/DnDList.tsx +5 -2
package/lib/mu/DnDList.js CHANGED
@@ -102,12 +102,12 @@ export function DnDList(props) {
102
102
  // Layout
103
103
  return (React.createElement(React.Fragment, null,
104
104
  sideRenderer && sideRenderer(true, addItem, addItems, reloadItems),
105
- React.createElement(Component, { ...componentProps }, disabled ? (React.createElement("div", null, items.map((item, index) => {
105
+ React.createElement(Component, { ...componentProps }, disabled ? (React.createElement("div", { style: getListStyle(false) }, items.map((item, index) => {
106
106
  // Id
107
107
  const id = DataTypes.convert(item[labelField], 'string');
108
108
  if (id == null)
109
109
  return;
110
- return (React.createElement("div", null, children(item, index, deleteItem, editItem)));
110
+ return (React.createElement("div", { key: id, style: getItemStyle(false, index) }, children(item, index, deleteItem, editItem)));
111
111
  }))) : (React.createElement(DragDropContext, { onDragEnd: onDragEndLocal },
112
112
  React.createElement(Droppable, { droppableId: name }, (provided, snapshot) => (React.createElement("div", { ...provided.droppableProps, ref: provided.innerRef, style: getListStyle(snapshot.isDraggingOver) },
113
113
  items.map((item, index) => {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@etsoo/react",
3
- "version": "1.4.71",
3
+ "version": "1.4.72",
4
4
  "description": "TypeScript ReactJs framework",
5
5
  "main": "lib/index.js",
6
6
  "types": "lib/index.d.ts",
package/src/mu/DnDList.tsx CHANGED
@@ -234,7 +234,7 @@ export function DnDList<
234
234
  {sideRenderer && sideRenderer(true, addItem, addItems, reloadItems)}
235
235
  <Component {...componentProps}>
236
236
  {disabled ? (
237
- <div>
237
+ <div style={getListStyle(false)}>
238
238
  {items.map((item, index) => {
239
239
  // Id
240
240
  const id = DataTypes.convert(
@@ -244,7 +244,10 @@ export function DnDList<
244
244
  if (id == null) return;
245
245
 
246
246
  return (
247
- <div>
247
+ <div
248
+ key={id}
249
+ style={getItemStyle(false, index)}
250
+ >
248
251
  {children(
249
252
  item,
250
253
  index,