decap-cms-widget-file 3.4.0 → 3.5.0

package/dist/esm/FilePreview.js

@@ -1,18 +1,18 @@
 import _styled from "@emotion/styled/base";
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-import React from 'react';
 import PropTypes from 'prop-types';
 import { List } from 'immutable';
 import { WidgetPreviewContainer } from 'decap-cms-ui-default';
-import { jsx as ___EmotionJSX } from "@emotion/react";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 const FileLink = /*#__PURE__*/_styled(({
   href,
   path
-}) => ___EmotionJSX("a", {
+}) => _jsx("a", {
   href: href,
   rel: "noopener noreferrer",
-  target: "_blank"
-}, path), {
+  target: "_blank",
+  children: path
+}), {
   target: "ecp3s3o0",
   label: "FileLink"
 })(process.env.NODE_ENV === "production" ? {
@@ -20,7 +20,7 @@ const FileLink = /*#__PURE__*/_styled(({
   styles: "display:block"
 } : {
   name: "4zleql",
-  styles: "display:block/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9GaWxlUHJldmlldy5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVRSIsImZpbGUiOiIuLi8uLi9zcmMvRmlsZVByZXZpZXcuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IExpc3QgfSBmcm9tICdpbW11dGFibGUnO1xuaW1wb3J0IHsgV2lkZ2V0UHJldmlld0NvbnRhaW5lciB9IGZyb20gJ2RlY2FwLWNtcy11aS1kZWZhdWx0JztcblxuY29uc3QgRmlsZUxpbmsgPSBzdHlsZWQoKHsgaHJlZiwgcGF0aCB9KSA9PiAoXG4gIDxhIGhyZWY9e2hyZWZ9IHJlbD1cIm5vb3BlbmVyIG5vcmVmZXJyZXJcIiB0YXJnZXQ9XCJfYmxhbmtcIj5cbiAgICB7cGF0aH1cbiAgPC9hPlxuKSlgXG4gIGRpc3BsYXk6IGJsb2NrO1xuYDtcblxuZnVuY3Rpb24gRmlsZUxpbmtMaXN0KHsgdmFsdWVzLCBnZXRBc3NldCwgZmllbGQgfSkge1xuICByZXR1cm4gKFxuICAgIDxkaXY+XG4gICAgICB7dmFsdWVzLm1hcCh2YWx1ZSA9PiAoXG4gICAgICAgIDxGaWxlTGluayBrZXk9e3ZhbHVlfSBwYXRoPXt2YWx1ZX0gaHJlZj17Z2V0QXNzZXQodmFsdWUsIGZpZWxkKX0gLz5cbiAgICAgICkpfVxuICAgIDwvZGl2PlxuICApO1xufVxuXG5mdW5jdGlvbiBGaWxlQ29udGVudChwcm9wcykge1xuICBjb25zdCB7IHZhbHVlLCBnZXRBc3NldCwgZmllbGQgfSA9IHByb3BzO1xuICBpZiAoQXJyYXkuaXNBcnJheSh2YWx1ZSkgfHwgTGlzdC5pc0xpc3QodmFsdWUpKSB7XG4gICAgcmV0dXJuIDxGaWxlTGlua0xpc3QgdmFsdWVzPXt2YWx1ZX0gZ2V0QXNzZXQ9e2dldEFzc2V0fSBmaWVsZD17ZmllbGR9IC8+O1xuICB9XG4gIHJldHVybiA8RmlsZUxpbmsga2V5PXt2YWx1ZX0gcGF0aD17dmFsdWV9IGhyZWY9e2dldEFzc2V0KHZhbHVlLCBmaWVsZCl9IC8+O1xufVxuXG5mdW5jdGlvbiBGaWxlUHJldmlldyhwcm9wcykge1xuICByZXR1cm4gKFxuICAgIDxXaWRnZXRQcmV2aWV3Q29udGFpbmVyPlxuICAgICAge3Byb3BzLnZhbHVlID8gPEZpbGVDb250ZW50IHsuLi5wcm9wc30gLz4gOiBudWxsfVxuICAgIDwvV2lkZ2V0UHJldmlld0NvbnRhaW5lcj5cbiAgKTtcbn1cblxuRmlsZVByZXZpZXcucHJvcFR5cGVzID0ge1xuICBnZXRBc3NldDogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgdmFsdWU6IFByb3BUeXBlcy5ub2RlLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgRmlsZVByZXZpZXc7XG4iXX0= */",
+  styles: "display:block/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9GaWxlUHJldmlldy5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTRSIsImZpbGUiOiIuLi8uLi9zcmMvRmlsZVByZXZpZXcuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgTGlzdCB9IGZyb20gJ2ltbXV0YWJsZSc7XG5pbXBvcnQgeyBXaWRnZXRQcmV2aWV3Q29udGFpbmVyIH0gZnJvbSAnZGVjYXAtY21zLXVpLWRlZmF1bHQnO1xuXG5jb25zdCBGaWxlTGluayA9IHN0eWxlZCgoeyBocmVmLCBwYXRoIH0pID0+IChcbiAgPGEgaHJlZj17aHJlZn0gcmVsPVwibm9vcGVuZXIgbm9yZWZlcnJlclwiIHRhcmdldD1cIl9ibGFua1wiPlxuICAgIHtwYXRofVxuICA8L2E+XG4pKWBcbiAgZGlzcGxheTogYmxvY2s7XG5gO1xuXG5mdW5jdGlvbiBGaWxlTGlua0xpc3QoeyB2YWx1ZXMsIGdldEFzc2V0LCBmaWVsZCB9KSB7XG4gIHJldHVybiAoXG4gICAgPGRpdj5cbiAgICAgIHt2YWx1ZXMubWFwKHZhbHVlID0+IChcbiAgICAgICAgPEZpbGVMaW5rIGtleT17dmFsdWV9IHBhdGg9e3ZhbHVlfSBocmVmPXtnZXRBc3NldCh2YWx1ZSwgZmllbGQpfSAvPlxuICAgICAgKSl9XG4gICAgPC9kaXY+XG4gICk7XG59XG5cbmZ1bmN0aW9uIEZpbGVDb250ZW50KHByb3BzKSB7XG4gIGNvbnN0IHsgdmFsdWUsIGdldEFzc2V0LCBmaWVsZCB9ID0gcHJvcHM7XG4gIGlmIChBcnJheS5pc0FycmF5KHZhbHVlKSB8fCBMaXN0LmlzTGlzdCh2YWx1ZSkpIHtcbiAgICByZXR1cm4gPEZpbGVMaW5rTGlzdCB2YWx1ZXM9e3ZhbHVlfSBnZXRBc3NldD17Z2V0QXNzZXR9IGZpZWxkPXtmaWVsZH0gLz47XG4gIH1cbiAgcmV0dXJuIDxGaWxlTGluayBrZXk9e3ZhbHVlfSBwYXRoPXt2YWx1ZX0gaHJlZj17Z2V0QXNzZXQodmFsdWUsIGZpZWxkKX0gLz47XG59XG5cbmZ1bmN0aW9uIEZpbGVQcmV2aWV3KHByb3BzKSB7XG4gIHJldHVybiAoXG4gICAgPFdpZGdldFByZXZpZXdDb250YWluZXI+XG4gICAgICB7cHJvcHMudmFsdWUgPyA8RmlsZUNvbnRlbnQgey4uLnByb3BzfSAvPiA6IG51bGx9XG4gICAgPC9XaWRnZXRQcmV2aWV3Q29udGFpbmVyPlxuICApO1xufVxuXG5GaWxlUHJldmlldy5wcm9wVHlwZXMgPSB7XG4gIGdldEFzc2V0OiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICB2YWx1ZTogUHJvcFR5cGVzLm5vZGUsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBGaWxlUHJldmlldztcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 function FileLinkList({
@@ -28,11 +28,12 @@ function FileLinkList({
   getAsset,
   field
 }) {
-  return ___EmotionJSX("div", null, values.map(value => ___EmotionJSX(FileLink, {
-    key: value,
-    path: value,
-    href: getAsset(value, field)
-  })));
+  return _jsx("div", {
+    children: values.map(value => _jsx(FileLink, {
+      path: value,
+      href: getAsset(value, field)
+    }, value))
+  });
 }
 function FileContent(props) {
   const {
@@ -41,20 +42,23 @@ function FileContent(props) {
     field
   } = props;
   if (Array.isArray(value) || List.isList(value)) {
-    return ___EmotionJSX(FileLinkList, {
+    return _jsx(FileLinkList, {
       values: value,
       getAsset: getAsset,
       field: field
     });
   }
-  return ___EmotionJSX(FileLink, {
-    key: value,
+  return _jsx(FileLink, {
     path: value,
     href: getAsset(value, field)
-  });
+  }, value);
 }
 function FilePreview(props) {
-  return ___EmotionJSX(WidgetPreviewContainer, null, props.value ? ___EmotionJSX(FileContent, props) : null);
+  return _jsx(WidgetPreviewContainer, {
+    children: props.value ? _jsx(FileContent, {
+      ...props
+    }) : null
+  });
 }
 FilePreview.propTypes = {
   getAsset: PropTypes.func.isRequired,

package/dist/esm/withFileControl.js

@@ -1,5 +1,4 @@
 import _styled from "@emotion/styled/base";
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 import React, { useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
@@ -15,7 +14,7 @@ import { DndContext, MouseSensor, TouchSensor, closestCenter, useSensor, useSens
 import { SortableContext, useSortable } from '@dnd-kit/sortable';
 import { CSS } from '@dnd-kit/utilities';
 import { restrictToParentElement } from '@dnd-kit/modifiers';
-import { jsx as ___EmotionJSX } from "@emotion/react";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
 const MAX_DISPLAY_LENGTH = 50;
 const ImageWrapper = /*#__PURE__*/_styled("div", {
   target: "e1hax4ql7",
@@ -57,7 +56,7 @@ function Image({
       setAsset(null);
     }
   }, [value, field, getAsset]);
-  return asset ? ___EmotionJSX(StyledImage, {
+  return asset ? _jsx(StyledImage, {
     role: "presentation",
     src: asset
   }) : null;
@@ -66,15 +65,17 @@ function SortableImageButtons({
   onRemove,
   onReplace
 }) {
-  return ___EmotionJSX(SortableImageButtonsWrapper, null, ___EmotionJSX(IconButton, {
-    size: "small",
-    type: "media",
-    onClick: onReplace
-  }), ___EmotionJSX(IconButton, {
-    size: "small",
-    type: "close",
-    onClick: onRemove
-  }));
+  return _jsxs(SortableImageButtonsWrapper, {
+    children: [_jsx(IconButton, {
+      size: "small",
+      type: "media",
+      onClick: onReplace
+    }), _jsx(IconButton, {
+      size: "small",
+      type: "close",
+      onClick: onRemove
+    })]
+  });
 }
 function SortableImage(props) {
   const {
@@ -97,20 +98,24 @@ function SortableImage(props) {
     onRemove,
     onReplace
   } = props;
-  return ___EmotionJSX("div", _extends({
+  return _jsxs("div", {
     ref: setNodeRef,
-    style: style
-  }, attributes, listeners), ___EmotionJSX(ImageWrapper, {
-    sortable: true
-  }, ___EmotionJSX(Image, {
-    value: itemValue,
-    field: field,
-    getAsset: getAsset
-  })), ___EmotionJSX(SortableImageButtons, {
-    item: itemValue,
-    onRemove: onRemove,
-    onReplace: onReplace
-  }));
+    style: style,
+    ...attributes,
+    ...listeners,
+    children: [_jsx(ImageWrapper, {
+      sortable: true,
+      children: _jsx(Image, {
+        value: itemValue,
+        field: field,
+        getAsset: getAsset
+      })
+    }), _jsx(SortableImageButtons, {
+      item: itemValue,
+      onRemove: onRemove,
+      onReplace: onReplace
+    })]
+  });
 }
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "a42x49-SortableMultiImageWrapper",
@@ -145,26 +150,28 @@ function SortableMultiImageWrapper({
       newIndex: items.findIndex(item => item.id === over.id)
     });
   }
-  return ___EmotionJSX("div", {
+  return _jsx("div", {
     // eslint-disable-next-line react/no-unknown-property
-    css: _ref
-  }, ___EmotionJSX(DndContext, {
-    modifiers: [restrictToParentElement],
-    collisionDetection: closestCenter,
-    sensors: sensors,
-    onDragEnd: handleSortEnd
-  }, ___EmotionJSX(SortableContext, {
-    items: items
-  }, items.map((item, index) => ___EmotionJSX(SortableImage, {
-    key: item.id,
-    id: item.id,
-    index: index,
-    itemValue: item.value,
-    getAsset: getAsset,
-    field: field,
-    onRemove: onRemoveOne(index),
-    onReplace: onReplaceOne(index)
-  })))));
+    css: _ref,
+    children: _jsx(DndContext, {
+      modifiers: [restrictToParentElement],
+      collisionDetection: closestCenter,
+      sensors: sensors,
+      onDragEnd: handleSortEnd,
+      children: _jsx(SortableContext, {
+        items: items,
+        children: items.map((item, index) => _jsx(SortableImage, {
+          id: item.id,
+          index: index,
+          itemValue: item.value,
+          getAsset: getAsset,
+          field: field,
+          onRemove: onRemoveOne(index),
+          onReplace: onReplaceOne(index)
+        }, item.id))
+      })
+    })
+  });
 }
 const FileLink = /*#__PURE__*/_styled("a", {
   target: "e1hax4ql4",
@@ -394,22 +401,29 @@ export default function withFileControl({
         return value;
       }
       const text = `${value.slice(0, size / 2)}\u2026${value.slice(-(size / 2) + 1)}`;
-      return ___EmotionJSX(FileLink, {
+      return _jsx(FileLink, {
         href: value,
         rel: "noopener",
-        target: "_blank"
-      }, text);
+        target: "_blank",
+        children: text
+      });
     };
     renderFileLinks = () => {
       const {
         value
       } = this.props;
       if (isMultiple(value)) {
-        return ___EmotionJSX(FileLinks, null, ___EmotionJSX(FileLinkList, null, value.map(val => ___EmotionJSX("li", {
-          key: val
-        }, this.renderFileLink(val)))));
+        return _jsx(FileLinks, {
+          children: _jsx(FileLinkList, {
+            children: value.map(val => _jsx("li", {
+              children: this.renderFileLink(val)
+            }, val))
+          })
+        });
       }
-      return ___EmotionJSX(FileLinks, null, this.renderFileLink(value));
+      return _jsx(FileLinks, {
+        children: this.renderFileLink(value)
+      });
     };
     renderImages = () => {
       const {
@@ -419,7 +433,7 @@ export default function withFileControl({
       } = this.props;
       const items = valueListToSortableArray(value);
       if (isMultiple(value)) {
-        return ___EmotionJSX(SortableMultiImageWrapper, {
+        return _jsx(SortableMultiImageWrapper, {
           items: items,
           onSortEnd: this.onSortEnd,
           onRemoveOne: this.onRemoveOne,
@@ -431,11 +445,13 @@ export default function withFileControl({
           lockToContainerEdges: true
         });
       }
-      return ___EmotionJSX(ImageWrapper, null, ___EmotionJSX(Image, {
-        value: value,
-        field: field,
-        getAsset: getAsset
-      }));
+      return _jsx(ImageWrapper, {
+        children: _jsx(Image, {
+          value: value,
+          field: field,
+          getAsset: getAsset
+        })
+      });
     };
     renderSelection = subject => {
       const {
@@ -443,24 +459,35 @@ export default function withFileControl({
         field
       } = this.props;
       const allowsMultiple = this.allowsMultiple();
-      return ___EmotionJSX("div", null, forImage ? this.renderImages() : null, ___EmotionJSX("div", null, forImage ? null : this.renderFileLinks(), ___EmotionJSX(FileWidgetButton, {
-        onClick: this.handleChange
-      }, t(`editor.editorWidgets.${subject}.${this.allowsMultiple() ? 'addMore' : 'chooseDifferent'}`)), field.get('choose_url', true) && !this.allowsMultiple() ? ___EmotionJSX(FileWidgetButton, {
-        onClick: this.handleUrl(subject)
-      }, t(`editor.editorWidgets.${subject}.replaceUrl`)) : null, ___EmotionJSX(FileWidgetButtonRemove, {
-        onClick: this.handleRemove
-      }, t(`editor.editorWidgets.${subject}.remove${allowsMultiple ? 'All' : ''}`))));
+      return _jsxs("div", {
+        children: [forImage ? this.renderImages() : null, _jsxs("div", {
+          children: [forImage ? null : this.renderFileLinks(), _jsx(FileWidgetButton, {
+            onClick: this.handleChange,
+            children: t(`editor.editorWidgets.${subject}.${this.allowsMultiple() ? 'addMore' : 'chooseDifferent'}`)
+          }), field.get('choose_url', true) && !this.allowsMultiple() ? _jsx(FileWidgetButton, {
+            onClick: this.handleUrl(subject),
+            children: t(`editor.editorWidgets.${subject}.replaceUrl`)
+          }) : null, _jsx(FileWidgetButtonRemove, {
+            onClick: this.handleRemove,
+            children: t(`editor.editorWidgets.${subject}.remove${allowsMultiple ? 'All' : ''}`)
+          })]
+        })]
+      });
     };
     renderNoSelection = subject => {
       const {
         t,
         field
       } = this.props;
-      return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(FileWidgetButton, {
-        onClick: this.handleChange
-      }, t(`editor.editorWidgets.${subject}.choose${this.allowsMultiple() ? 'Multiple' : ''}`)), field.get('choose_url', true) ? ___EmotionJSX(FileWidgetButton, {
-        onClick: this.handleUrl(subject)
-      }, t(`editor.editorWidgets.${subject}.chooseUrl`)) : null);
+      return _jsxs(_Fragment, {
+        children: [_jsx(FileWidgetButton, {
+          onClick: this.handleChange,
+          children: t(`editor.editorWidgets.${subject}.choose${this.allowsMultiple() ? 'Multiple' : ''}`)
+        }), field.get('choose_url', true) ? _jsx(FileWidgetButton, {
+          onClick: this.handleUrl(subject),
+          children: t(`editor.editorWidgets.${subject}.chooseUrl`)
+        }) : null]
+      });
     };
     render() {
       const {
@@ -468,9 +495,12 @@ export default function withFileControl({
         classNameWrapper
       } = this.props;
       const subject = forImage ? 'image' : 'file';
-      return ___EmotionJSX("div", {
-        className: classNameWrapper
-      }, ___EmotionJSX("span", null, value ? this.renderSelection(subject) : this.renderNoSelection(subject)));
+      return _jsx("div", {
+        className: classNameWrapper,
+        children: _jsx("span", {
+          children: value ? this.renderSelection(subject) : this.renderNoSelection(subject)
+        })
+      });
     }
   };
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "decap-cms-widget-file",
   "description": "Widget for uploading files in Decap CMS.",
-  "version": "3.4.0",
+  "version": "3.5.0",
   "homepage": "https://www.decapcms.org/docs/widgets/#file",
   "repository": "https://github.com/decaporg/decap-cms/tree/main/packages/decap-cms-widget-file",
   "bugs": "https://github.com/decaporg/decap-cms/issues",
@@ -38,5 +38,5 @@
     "react": "^19.1.0",
     "react-immutable-proptypes": "^2.1.0"
   },
-  "gitHead": "567a80101f4846853701ad7d8abdc29b5e4fab56"
+  "gitHead": "ffe5ab7e61f4e7cb374a413bf9fe55f088d20ba2"
 }

package/src/FilePreview.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 import styled from '@emotion/styled';
 import { List } from 'immutable';