decap-cms-widget-list 3.5.0 → 3.6.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "decap-cms-widget-list",
   "description": "Widget for editing lists in Decap CMS.",
-  "version": "3.5.0",
+  "version": "3.6.0",
   "homepage": "https://www.decapcms.org/docs/widgets/#list",
   "repository": "https://github.com/decaporg/decap-cms/tree/main/packages/decap-cms-widget-list",
   "bugs": "https://github.com/decaporg/decap-cms/issues",
@@ -23,7 +23,8 @@
   "dependencies": {
     "@dnd-kit/core": "^6.0.8",
     "@dnd-kit/modifiers": "^6.0.1",
-    "@dnd-kit/sortable": "^7.0.2"
+    "@dnd-kit/sortable": "^7.0.2",
+    "@dnd-kit/utilities": "^3.2.2"
   },
   "peerDependencies": {
     "@emotion/react": "^11.11.1",
@@ -37,5 +38,5 @@
     "react": "^19.1.0",
     "react-immutable-proptypes": "^2.1.0"
   },
-  "gitHead": "13afe6686b32f7c03b4819d343d787c63f13664f"
+  "gitHead": "567a80101f4846853701ad7d8abdc29b5e4fab56"
 }

package/src/ListControl.js

@@ -7,7 +7,6 @@ import { List, Map, fromJS } from 'immutable';
 import partial from 'lodash/partial';
 import isEmpty from 'lodash/isEmpty';
 import uniqueId from 'lodash/uniqueId';
-import { v4 as uuid } from 'uuid';
 import DecapCmsWidgetObject from 'decap-cms-widget-object';
 import {
   DndContext,
@@ -211,7 +210,7 @@ export default class ListControl extends React.Component {
     const { field, value } = props;
     const listCollapsed = field.get('collapsed', true);
     const itemsCollapsed = (value && Array(value.size).fill(listCollapsed)) || [];
-    const keys = (value && Array.from({ length: value.size }, () => uuid())) || [];
+    const keys = (value && Array.from({ length: value.size }, () => crypto.randomUUID())) || [];
 
     this.state = {
       listCollapsed,
@@ -353,7 +352,7 @@ export default class ListControl extends React.Component {
     const { value, onChange, field } = this.props;
     const addToTop = field.get('add_to_top', false);
 
-    const itemKey = uuid();
+    const itemKey = crypto.randomUUID();
     this.setState({
       itemsCollapsed: addToTop
         ? [false, ...this.state.itemsCollapsed]

package/src/__tests__/ListControl.spec.js

@@ -34,7 +34,6 @@ jest.mock('decap-cms-ui-default', () => {
     ListItemTopBar,
   };
 });
-jest.mock('uuid');
 
 describe('ListControl', () => {
   const props = {
@@ -63,9 +62,8 @@ describe('ListControl', () => {
 
   beforeEach(() => {
     jest.clearAllMocks();
-    const uuid = require('uuid');
     let id = 0;
-    uuid.v4.mockImplementation(() => {
+    global.crypto.randomUUID = jest.fn(() => {
       return id++;
     });
   });

package/src/__tests__/__snapshots__/ListControl.spec.js.snap

@@ -162,6 +162,7 @@ exports[`ListControl should add to list when add button is clicked 1`] = `
         class="emotion-3 emotion-4"
       >
         <button
+          aria-label="editor.editorWidgets.object.collapse"
           class="emotion-5 emotion-6"
           data-testid="expand-button"
         >
@@ -414,6 +415,7 @@ exports[`ListControl should remove from list when remove button is clicked 1`] =
         class="emotion-3 emotion-4"
       >
         <button
+          aria-label="editor.editorWidgets.object.collapse"
           class="emotion-5 emotion-6"
           data-testid="expand-button"
         >
@@ -696,6 +698,7 @@ exports[`ListControl should remove from list when remove button is clicked 2`] =
         class="emotion-3 emotion-4"
       >
         <button
+          aria-label="editor.editorWidgets.object.collapse"
           class="emotion-5 emotion-6"
           data-testid="expand-button"
         >
@@ -961,6 +964,7 @@ exports[`ListControl should render list with fields with collapse = "false" and
         class="emotion-3 emotion-4"
       >
         <button
+          aria-label="editor.editorWidgets.object.collapse"
           class="emotion-5 emotion-6"
           data-testid="expand-button"
         >
@@ -1243,6 +1247,7 @@ exports[`ListControl should render list with fields with collapse = "false" and
         class="emotion-3 emotion-4"
       >
         <button
+          aria-label="editor.editorWidgets.object.collapse"
           class="emotion-5 emotion-6"
           data-testid="expand-button"
         >
@@ -1525,6 +1530,7 @@ exports[`ListControl should render list with fields with default collapse ("true
         class="emotion-3 emotion-4"
       >
         <button
+          aria-label="editor.editorWidgets.object.expand"
           class="emotion-5 emotion-6"
           data-testid="expand-button"
         >
@@ -1790,6 +1796,7 @@ exports[`ListControl should render list with fields with default collapse ("true
         class="emotion-3 emotion-4"
       >
         <button
+          aria-label="editor.editorWidgets.object.expand"
           class="emotion-5 emotion-6"
           data-testid="expand-button"
         >
@@ -1993,6 +2000,7 @@ exports[`ListControl should render list with nested object 1`] = `
         class="emotion-3 emotion-4"
       >
         <button
+          aria-label="editor.editorWidgets.object.expand"
           class="emotion-5 emotion-6"
           data-testid="expand-button"
         >
@@ -2279,6 +2287,7 @@ exports[`ListControl should render list with nested object with collapse = false
         class="emotion-3 emotion-4"
       >
         <button
+          aria-label="editor.editorWidgets.object.collapse"
           class="emotion-5 emotion-6"
           data-testid="expand-button"
         >