decap-cms-ui-default 3.3.0 → 3.5.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "decap-cms-ui-default",
   "description": "Default UI components for Decap CMS.",
-  "version": "3.3.0",
+  "version": "3.5.0",
   "repository": "https://github.com/decaporg/decap-cms/tree/main/packages/decap-cms-ui-default",
   "bugs": "https://github.com/decaporg/decap-cms/issues",
   "license": "MIT",
@@ -27,5 +27,5 @@
     "prop-types": "^15.7.2",
     "react": "^19.1.0"
   },
-  "gitHead": "d3465f53b7f056ad5d872948a07eaa8e4ae63315"
+  "gitHead": "826a300143ead63bd7515db66938a6b9ff8319ce"
 }

package/src/Icon/images/_index.js

@@ -42,6 +42,7 @@ import iconRefresh from './refresh.svg';
 import iconScroll from './scroll.svg';
 import iconSearch from './search.svg';
 import iconSettings from './settings.svg';
+import iconStrikethrough from './strikethrough.svg';
 import iconUser from './user.svg';
 import iconWorkflow from './workflow.svg';
 import iconWrite from './write.svg';
@@ -94,6 +95,7 @@ const images = {
   scroll: iconScroll,
   search: iconSearch,
   settings: iconSettings,
+  strikethrough: iconStrikethrough,
   user: iconUser,
   workflow: iconWorkflow,
   write: iconWrite,

package/src/Icon/images/strikethrough.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="22" height="20" viewBox="0 0 22 20"><path fill="#7A8291" d="M14.712 12.557c.092.672.05 1.388-.163 2.156-.532 1.901-1.767 3.196-3.48 3.648a5.6 5.6 0 0 1-1.43.178c-2.092 0-4.25-1.04-5.469-2.251l-.524-.56 1.756-1.638.492.53c.988.979 3.035 1.821 4.563 1.42.893-.236 1.475-.88 1.78-1.969.165-.6.171-1.094.03-1.514Zm-.32-9.91-1.637 1.752c-1.051-.981-3.192-1.761-4.698-1.347-.858.232-1.416.82-1.707 1.797-.544 1.833.668 2.52 3.778 3.455.71.214 1.336.407 1.84.653H19.2v2.4H0v-2.4h5.617C4.261 7.988 3.35 6.52 4.05 4.165c.67-2.258 2.207-3.111 3.378-3.43 2.478-.668 5.436.483 6.965 1.911"/></svg>

package/src/ListItemTopBar.js

@@ -46,7 +46,16 @@ function DragHandle({ Wrapper, id }) {
 }
 
 function ListItemTopBar(props) {
-  const { className, collapsed, onCollapseToggle, onRemove, dragHandle, id } = props;
+  const {
+    className,
+    collapsed,
+    onCollapseToggle,
+    onRemove,
+    allowRemove,
+    dragHandle,
+    allowReorder,
+    id,
+  } = props;
   return (
     <TopBar className={className}>
       {onCollapseToggle ? (
@@ -54,12 +63,14 @@ function ListItemTopBar(props) {
           <Icon type="chevron" size="small" direction={collapsed ? 'right' : 'down'} />
         </TopBarButton>
       ) : null}
-      {dragHandle ? <DragHandle Wrapper={dragHandle} id={id} /> : null}
-      {onRemove ? (
+      {dragHandle && allowReorder ? <DragHandle Wrapper={dragHandle} id={id} /> : <span></span>}
+      {onRemove && allowRemove ? (
         <TopBarButton onClick={onRemove}>
           <Icon type="close" size="small" />
         </TopBarButton>
-      ) : null}
+      ) : (
+        <span></span>
+      )}
     </TopBar>
   );
 }
@@ -69,6 +80,8 @@ ListItemTopBar.propTypes = {
   collapsed: PropTypes.bool,
   onCollapseToggle: PropTypes.func,
   onRemove: PropTypes.func,
+  allowRemove: PropTypes.bool,
+  allowReorder: PropTypes.bool,
 };
 
 const StyledListItemTopBar = styled(ListItemTopBar)`

package/src/styles.js

@@ -376,6 +376,9 @@ const reactSelectStyles = {
     border: 0,
     boxShadow: 'none',
     padding: '9px 0 9px 12px',
+    whiteSpace: 'nowrap',
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
   }),
   option: (styles, state) => ({
     ...styles,