@splunk/react-ui 5.0.0 → 5.2.0

package/FormRows.js

@@ -82,66 +82,66 @@
     });
     u.displayName = "FormRows";
     /* harmony default export */    const d = u;
-    // CONCATENATED MODULE: external "@splunk/react-icons/TrashCanCross"
-    const c = require("@splunk/react-icons/TrashCanCross");
-    var f =  e.n(c);
     // CONCATENATED MODULE: external "styled-components"
-    const v = require("styled-components");
-    var m =  e.n(v);
+    const c = require("styled-components");
+    var f =  e.n(c);
     // CONCATENATED MODULE: external "@splunk/react-ui/Button"
-    const p = require("@splunk/react-ui/Button");
-    var b =  e.n(p);
+    const v = require("@splunk/react-ui/Button");
+    var m =  e.n(v);
     // CONCATENATED MODULE: external "@splunk/react-ui/ButtonSimple"
-    const g = require("@splunk/react-ui/ButtonSimple");
-    var y =  e.n(g);
+    const p = require("@splunk/react-ui/ButtonSimple");
+    var b =  e.n(p);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const h = require("@splunk/themes");
+    const g = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/FormRows/FormRowsStyles.ts
-    var w = (0, v.css)([ "width:", ";height:", ";" ], h.variables.inputHeight, h.variables.inputHeight);
-    var R = m()(y()).withConfig({
+    var y = (0, c.css)([ "width:", ";height:", ";" ], g.variables.inputHeight, g.variables.inputHeight);
+    var h = f()(b()).withConfig({
         displayName: "FormRowsStyles__StyledDragButton",
         componentId: "sc-1j4j7h3-0"
-    })([ "", ";grid-column:drag-handle;cursor:move;user-select:none;-webkit-user-drag:element;" ], w);
-    var S = m()(y()).withConfig({
+    })([ "", ";grid-column:drag-handle;cursor:move;user-select:none;-webkit-user-drag:element;" ], y);
+    var w = f()(b()).withConfig({
         displayName: "FormRowsStyles__StyledRemoveButton",
         componentId: "sc-1j4j7h3-1"
-    })([ "", ";grid-column:remove-button;" ], w);
-    var O = m().div.withConfig({
+    })([ "", ";grid-column:remove-button;" ], y);
+    var R = f().div.withConfig({
         displayName: "FormRowsStyles__StyledDiv",
         componentId: "sc-1j4j7h3-2"
-    })([ "", ";justify-content:start;&:has(", "):has(", "){grid-template-columns:[drag-handle] min-content [content] minmax(auto,1fr) [remove-button] min-content;}&:has(", "){grid-template-columns:[drag-handle] min-content [content] minmax(auto,1fr);}&:has(", "){grid-template-columns:[content] minmax(auto,1fr) [remove-button] min-content;}grid-template-columns:[content] minmax(auto,1fr);column-gap:", ";row-gap:", ";" ], h.mixins.reset("grid"), R, S, R, S, h.variables.spacingSmall, h.variables.spacingXSmall);
-    var x = m().div.withConfig({
+    })([ "", ";justify-content:start;&:has(", "):has(", "){grid-template-columns:[drag-handle] min-content [content] minmax(auto,1fr) [remove-button] min-content;}&:has(", "){grid-template-columns:[drag-handle] min-content [content] minmax(auto,1fr);}&:has(", "){grid-template-columns:[content] minmax(auto,1fr) [remove-button] min-content;}grid-template-columns:[content] minmax(auto,1fr);column-gap:", ";row-gap:", ";" ], g.mixins.reset("grid"), h, w, h, w, g.variables.spacingSmall, g.variables.spacingXSmall);
+    var O = f().div.withConfig({
         displayName: "FormRowsStyles__StyledHeader",
         componentId: "sc-1j4j7h3-3"
-    })([ "", ";grid-column:content;" ], h.mixins.typography("largeBody", {
+    })([ "", ";grid-column:content;" ], g.mixins.typography("largeBody", {
         color: "active"
     }));
-    var j = (0, v.css)([ "grid-column:content;width:min-content;margin-block-start:", ";" ], h.variables.spacingXSmall);
-    var C = m()(b()).withConfig({
+    var x = (0, c.css)([ "grid-column:content;width:min-content;margin-block-start:", ";" ], g.variables.spacingXSmall);
+    var S = f()(m()).withConfig({
         displayName: "FormRowsStyles__StyledAddRowButton",
         componentId: "sc-1j4j7h3-4"
-    })([ "", ";" ], j);
-    var E = m().div.withConfig({
+    })([ "", ";" ], x);
+    var j = f().div.withConfig({
         displayName: "FormRowsStyles__StyledMenuWrapper",
         componentId: "sc-1j4j7h3-5"
-    })([ "", ";" ], j);
-    var q = m().div.withConfig({
+    })([ "", ";" ], x);
+    var C = f().div.withConfig({
         displayName: "FormRowsStyles__StyledInputWrapper",
         componentId: "sc-1j4j7h3-6"
-    })([ "display:flex;gap:", ";" ], h.variables.spacingXSmall);
-    var k = function e(n) {
+    })([ "display:flex;gap:", ";" ], g.variables.spacingXSmall);
+    var E = function e(n) {
         return n ? "drag-handle" : "content";
     };
-    /* Row includes drag handle, input, and remove button */    var P = m().div.withConfig({
+    /* Row includes drag handle, input, and remove button */    var k = f().div.withConfig({
         displayName: "FormRowsStyles__StyledRow",
         componentId: "sc-1j4j7h3-7"
-    })([ "", ";grid-template-columns:subgrid;grid-column:", " / -1;padding:", " 0;border-radius:", ";&.sorting{z-index:calc(", " + 1);}&:focus{outline:0;}", "" ], h.mixins.reset("grid"), (function(e) {
+    })([ "", ";grid-template-columns:subgrid;grid-column:", " / -1;padding:", " 0;border-radius:", ";&.sorting{z-index:calc(", " + 1);}&:focus{outline:0;}", "" ], g.mixins.reset("grid"), (function(e) {
         var n = e.$sortable;
-        return k(n);
-    }), h.variables.spacingXSmall, h.variables.borderRadius, h.variables.zindexPopover, (function(e) {
+        return E(n);
+    }), g.variables.spacingXSmall, g.variables.borderRadius, g.variables.zindexPopover, (function(e) {
         var n = e.$sortable;
-        return n && (0, v.css)([ "&:has(", ":active,", ":focus){background:", ";}&:not(:has(", ")){padding-inline-end:", ";}" ], R, R, h.variables.interactiveColorOverlayDrag, S, h.variables.spacingXSmall);
+        return n && (0, c.css)([ "&:has(", ":active,", ":focus){background:", ";}&:not(:has(", ")){padding-inline-end:", ";}" ], h, h, g.variables.interactiveColorOverlayDrag, w, g.variables.spacingXSmall);
     }));
+    // CONCATENATED MODULE: external "@splunk/react-icons/TrashCanCross"
+    const q = require("@splunk/react-icons/TrashCanCross");
+    var P =  e.n(q);
     // CONCATENATED MODULE: ./src/FormRows/RowInternal.tsx
     function I() {
         return I = Object.assign ? Object.assign.bind() : function(e) {
@@ -160,7 +160,7 @@
         if (Object.getOwnPropertySymbols) {
             var a = Object.getOwnPropertySymbols(e);
             for (t = 0; t < a.length; t++) {
-                r = a[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
+                r = a[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
             }
         }
         return o;
@@ -170,7 +170,7 @@
         var r = {};
         for (var t in e) {
             if ({}.hasOwnProperty.call(e, t)) {
-                if (n.includes(t)) continue;
+                if (-1 !== n.indexOf(t)) continue;
                 r[t] = e[t];
             }
         }
@@ -184,38 +184,38 @@
         style: a().object,
         value: a().node
     };
-    var T = (0, s._)("Remove row");
-    var M =  t().forwardRef((function(e, n) {
+    var M = (0, s._)("Remove row");
+    var T =  t().forwardRef((function(e, n) {
         var o = e.children, a = e.index, i = e.onRequestRemove, l = e.renderDragHandle, s = _(e, [ "children", "index", "onRequestRemove", "renderDragHandle" ]);
-        var u = (0, r.useContext)(d), c = u.disabledRemoveButton, v = u.hasOnRequestAdd, m = u.sortable;
-        var p = (0, r.useCallback)((function(e) {
+        var u = (0, r.useContext)(d), c = u.disabledRemoveButton, f = u.hasOnRequestAdd, v = u.sortable;
+        var m = (0, r.useCallback)((function(e) {
             // FormRows remove functionality doesn't work without an index, but index is not a required prop. FormRows will throw an error
             // when rows are sortable and/or removable and index is not provided.
             i === null || i === void 0 ? void 0 : i(e, {
                 index: a !== null && a !== void 0 ? a : 0
             });
         }), [ i, a ]);
-        var b = i !== undefined;
+        var p = i !== undefined;
         (0, r.useEffect)((function() {
             if (false) {}
             if (false) {}
             if (false) {}
-        }), [ v, b, m, a ]);
+        }), [ f, p, v, a ]);
         
-        return t().createElement(P, I({
-            $sortable: m,
+        return t().createElement(k, I({
+            $sortable: v,
             "data-test": "row",
             ref: n
-        }, s), l && l(),  t().createElement(q, null, o), b &&  t().createElement(S, {
+        }, s), l && l(),  t().createElement(C, null, o), p &&  t().createElement(w, {
             appearance: "subtle",
-            "aria-label": T,
+            "aria-label": M,
             "data-test": "remove",
             disabled: c,
-            onClick: p
-        },  t().createElement(f(), null)));
+            onClick: m
+        },  t().createElement(P(), null)));
     }));
-    M.propTypes = A;
-    /* harmony default export */    const N = M;
+    T.propTypes = A;
+    /* harmony default export */    const N = T;
     // CONCATENATED MODULE: external "@dnd-kit/sortable"
     const B = require("@dnd-kit/sortable");
     // CONCATENATED MODULE: external "@dnd-kit/utilities"
@@ -260,7 +260,7 @@
         if (Object.getOwnPropertySymbols) {
             var a = Object.getOwnPropertySymbols(e);
             for (t = 0; t < a.length; t++) {
-                r = a[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
+                r = a[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
             }
         }
         return o;
@@ -270,7 +270,7 @@
         var r = {};
         for (var t in e) {
             if ({}.hasOwnProperty.call(e, t)) {
-                if (n.includes(t)) continue;
+                if (-1 !== n.indexOf(t)) continue;
                 r[t] = e[t];
             }
         }
@@ -292,37 +292,40 @@
             // when rows are sortable and/or removable and index is not provided.
             id: (a !== null && a !== void 0 ? a : 0) + 1
         }), s = l.attributes, u = l.listeners, c = l.setActivatorNodeRef, f = l.setNodeRef, v = l.transform, m = l.transition;
-        var p = {
-            transform: F.CSS.Transform.toString(v),
-            transition: m
-        };
-        var b = function e(r) {
-            f(r);
-            L(n, r);
-        };
+        var p = (0, r.useMemo)((function() {
+            return {
+                // CSS.Translate outputs only translate3d(x, y, 0), ignoring scale or rotation, so dragged items maintain their original size and shape. Using CSS.Transform here can incorrectly apply scale properties that will cause the element to scale or skew on drag.
+                transform: F.CSS.Translate.toString(v),
+                transition: m
+            };
+        }), [ v, m ]);
+        var b = (0, r.useCallback)((function(e) {
+            f(e);
+            L(n, e);
+        }), [ f, n ]);
         var g = (0, r.useContext)(d), y = g.onKeyDown;
-        var h = (0, r.useCallback)((function(e) {
+        var w = (0, r.useCallback)((function(e) {
             // FormRows drag functionality doesn't work without an index, but index is not a required prop. FormRows will throw an error
             // when rows are sortable and/or removable and index is not provided.
             y === null || y === void 0 ? void 0 : y(e, {
                 index: a !== null && a !== void 0 ? a : 0
             });
         }), [ y, a ]);
-        var w = (0, r.useCallback)((function() {
+        var R = (0, r.useCallback)((function() {
             
-            return t().createElement(R, K({
+            return t().createElement(h, K({
                 appearance: "subtle",
                 "aria-label": W,
                 "data-test": "drag-handle",
-                onKeyDown: h,
+                onKeyDown: w,
                 ref: c
             }, u),  t().createElement(X(), null));
-        }), [ h, u, c ]);
+        }), [ w, u, c ]);
         
         return t().createElement(N, K({
             index: a,
             ref: b,
-            renderDragHandle: w,
+            renderDragHandle: R,
             style: p
         }, i, s), o);
     }));
@@ -346,7 +349,7 @@
         if (Object.getOwnPropertySymbols) {
             var a = Object.getOwnPropertySymbols(e);
             for (t = 0; t < a.length; t++) {
-                r = a[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
+                r = a[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
             }
         }
         return o;
@@ -356,7 +359,7 @@
         var r = {};
         for (var t in e) {
             if ({}.hasOwnProperty.call(e, t)) {
-                if (n.includes(t)) continue;
+                if (-1 !== n.indexOf(t)) continue;
                 r[t] = e[t];
             }
         }
@@ -476,7 +479,7 @@
         if (Object.getOwnPropertySymbols) {
             var a = Object.getOwnPropertySymbols(e);
             for (t = 0; t < a.length; t++) {
-                r = a[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
+                r = a[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
             }
         }
         return o;
@@ -486,7 +489,7 @@
         var r = {};
         for (var t in e) {
             if ({}.hasOwnProperty.call(e, t)) {
-                if (n.includes(t)) continue;
+                if (-1 !== n.indexOf(t)) continue;
                 r[t] = e[t];
             }
         }
@@ -618,7 +621,7 @@
         var b = f !== undefined && !i;
         var g = c !== undefined;
         
-        return t().createElement(O, se({
+        return t().createElement(R, se({
             ref: l,
             "data-test": "form-rows"
         }, v),  t().createElement(d.Provider, {
@@ -629,9 +632,9 @@
                 hasOnRequestAdd: g,
                 sortable: b
             }
-        }, s &&  t().createElement(x, null, s),  t().createElement(le, {
+        }, s &&  t().createElement(O, null, s),  t().createElement(le, {
             onSortEnd: p
-        }, a), u &&  t().createElement(E, null, u) || g &&  t().createElement(C, {
+        }, a), u &&  t().createElement(j, null, u) || g &&  t().createElement(S, {
             disabled: i,
             appearance: "secondary",
             "data-test": "add-row",

package/Heading.js

@@ -69,8 +69,8 @@
     const r = require("react");
     var n =  e.n(r);
     // CONCATENATED MODULE: external "prop-types"
-    const l = require("prop-types");
-    var i =  e.n(l);
+    const i = require("prop-types");
+    var l =  e.n(i);
     // CONCATENATED MODULE: external "styled-components"
     const a = require("styled-components");
     var o =  e.n(a);
@@ -101,31 +101,31 @@
     }
     function p(e, t) {
         if (null == e) return {};
-        var r, n, l = v(e, t);
+        var r, n, i = v(e, t);
         if (Object.getOwnPropertySymbols) {
-            var i = Object.getOwnPropertySymbols(e);
-            for (n = 0; n < i.length; n++) {
-                r = i[n], t.includes(r) || {}.propertyIsEnumerable.call(e, r) && (l[r] = e[r]);
+            var l = Object.getOwnPropertySymbols(e);
+            for (n = 0; n < l.length; n++) {
+                r = l[n], -1 === t.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (i[r] = e[r]);
             }
         }
-        return l;
+        return i;
     }
     function v(e, t) {
         if (null == e) return {};
         var r = {};
         for (var n in e) {
             if ({}.hasOwnProperty.call(e, n)) {
-                if (t.includes(n)) continue;
+                if (-1 !== t.indexOf(n)) continue;
                 r[n] = e[n];
             }
         }
         return r;
     }
     var y = {
-        children: i().node.isRequired,
-        elementRef: i().oneOfType([ i().func, i().object ]),
-        level: i().oneOf([ 1, 2, 3, 4, 5, 6 ]).isRequired,
-        variant: i().oneOf([ "title1", "title2", "title3", "title4", "title5", "title6", "title7" ])
+        children: l().node.isRequired,
+        elementRef: l().oneOfType([ l().func, l().object ]),
+        level: l().oneOf([ 1, 2, 3, 4, 5, 6 ]).isRequired,
+        variant: l().oneOf([ "title1", "title2", "title3", "title4", "title5", "title6", "title7" ])
     };
     // h1-h6 use the same intrinsic element type
         var h = {
@@ -145,17 +145,17 @@
         h6: "title6"
     };
     function b(e) {
-        var t = e.level, r = e.elementRef, l = e.children, i = e.variant, a = p(e, [ "level", "elementRef", "children", "variant" ]);
+        var t = e.level, r = e.elementRef, i = e.children, l = e.variant, a = p(e, [ "level", "elementRef", "children", "variant" ]);
         // @docs-props-type HeadingPropsBase
                 var o = h[t];
-        var u = i || m[o];
+        var u = l || m[o];
         
         return n().createElement(f, d({
             forwardedAs: o,
             "data-test": "heading",
             elementRef: r,
             $variant: u
-        }, a), l);
+        }, a), i);
     }
     b.propTypes = y;
     /* harmony default export */    const g = b;

package/Image.js

@@ -61,24 +61,24 @@
         e.r(r);
     // EXPORTS
         e.d(r, {
-        default: () => /* reexport */ P,
+        default: () => /* reexport */ x,
         isAllowedFilename: () => /* reexport */ R
     });
     // CONCATENATED MODULE: external "react"
     const t = require("react");
     var n =  e.n(t);
-    // CONCATENATED MODULE: external "prop-types"
-    const a = require("prop-types");
-    var o =  e.n(a);
     // CONCATENATED MODULE: external "lodash/endsWith"
-    const l = require("lodash/endsWith");
-    var i =  e.n(l);
+    const a = require("lodash/endsWith");
+    var o =  e.n(a);
     // CONCATENATED MODULE: external "lodash/toLower"
-    const u = require("lodash/toLower");
-    var s =  e.n(u);
+    const l = require("lodash/toLower");
+    var i =  e.n(l);
+    // CONCATENATED MODULE: external "prop-types"
+    const u = require("prop-types");
+    var f =  e.n(u);
     // CONCATENATED MODULE: external "@splunk/react-ui/File"
-    const c = require("@splunk/react-ui/File");
-    var f =  e.n(c);
+    const s = require("@splunk/react-ui/File");
+    var c =  e.n(s);
     // CONCATENATED MODULE: external "@splunk/react-ui/Message"
     const d = require("@splunk/react-ui/Message");
     var v =  e.n(d);
@@ -119,7 +119,7 @@
     function O(e, r) {
         var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
         if (null != t) {
-            var n, a, o, l, i = [], u = !0, s = !1;
+            var n, a, o, l, i = [], u = !0, f = !1;
             try {
                 if (o = (t = t.call(e)).next, 0 === r) {
                     if (Object(t) !== t) return;
@@ -127,12 +127,12 @@
                 } else for (;!(u = (n = o.call(t)).done) && (i.push(n.value), i.length !== r); u = !0) {
                 }
             } catch (e) {
-                s = !0, a = e;
+                f = !0, a = e;
             } finally {
                 try {
                     if (!u && null != t["return"] && (l = t["return"](), Object(l) !== l)) return;
                 } finally {
-                    if (s) throw a;
+                    if (f) throw a;
                 }
             }
             return i;
@@ -147,7 +147,7 @@
         if (Object.getOwnPropertySymbols) {
             var o = Object.getOwnPropertySymbols(e);
             for (n = 0; n < o.length; n++) {
-                t = o[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (a[t] = e[t]);
+                t = o[n], -1 === r.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (a[t] = e[t]);
             }
         }
         return a;
@@ -157,25 +157,25 @@
         var t = {};
         for (var n in e) {
             if ({}.hasOwnProperty.call(e, n)) {
-                if (r.includes(n)) continue;
+                if (-1 !== r.indexOf(n)) continue;
                 t[n] = e[n];
             }
         }
         return t;
     }
     /** @public */    var S = {
-        allowExtensions: o().arrayOf(o().string),
-        defaultFilename: o().string,
-        defaultImageDataURI: o().string,
-        disabled: o().bool,
-        dropAnywhere: o().bool,
-        elementRef: o().oneOfType([ o().func, o().object ]),
-        error: o().bool,
-        onImageChange: o().func
+        allowExtensions: f().arrayOf(f().string),
+        defaultFilename: f().string,
+        defaultImageDataURI: f().string,
+        disabled: f().bool,
+        dropAnywhere: f().bool,
+        elementRef: f().oneOfType([ f().func, f().object ]),
+        error: f().bool,
+        onImageChange: f().func
     };
     var R = function e(r, t) {
         return !!r && t.some((function(e) {
-            return i()(s()(r), ".".concat(s()(e)));
+            return o()(i()(r), ".".concat(i()(e)));
         }));
     };
     var E = new FileReader;
@@ -183,15 +183,15 @@
     /**
  * Image provides the ability to accept image files and present a preview of the image.
  */    function q(e) {
-        var r = e.allowExtensions, a = r === void 0 ? A : r, o = e.defaultFilename, l = e.defaultImageDataURI, i = e.disabled, u = e.error, s = e.onImageChange, c = j(e, [ "allowExtensions", "defaultFilename", "defaultImageDataURI", "disabled", "error", "onImageChange" ]);
+        var r = e.allowExtensions, a = r === void 0 ? A : r, o = e.defaultFilename, l = e.defaultImageDataURI, i = e.disabled, u = e.error, f = e.onImageChange, s = j(e, [ "allowExtensions", "defaultFilename", "defaultImageDataURI", "disabled", "error", "onImageChange" ]);
         // @docs-props-type ImagePropsBase
                 var d = (0, t.useState)(o), g = y(d, 2), b = g[0], h = g[1];
         var O = (0, t.useState)(l), w = y(O, 2), I = w[0], S = w[1];
-        var q = (0, t.useRef)(o), P = q.current;
+        var q = (0, t.useRef)(o), x = q.current;
         (0, t.useEffect)((function() {
             if (false) {}
-        }), [ P, o ]);
-        var U = (0, t.useCallback)((function(e) {
+        }), [ x, o ]);
+        var P = (0, t.useCallback)((function(e) {
             if (e.length > 0) {
                 var r = e[0];
                 if (E.readyState === 1) {
@@ -202,7 +202,7 @@
                     S(E.result);
  // TS: guaranteed by readAsDataURL call below (see spec)
                                         if (R(r.name, a)) {
-                        s === null || s === void 0 ? void 0 : s({
+                        f === null || f === void 0 ? void 0 : f({
                             filename: r.name,
                             imageDataURI: E.result
                         });
@@ -210,18 +210,18 @@
                 };
                 E.readAsDataURL(r);
             }
-        }), [ a, s ]);
-        var x = (0, t.useCallback)((function() {
+        }), [ a, f ]);
+        var U = (0, t.useCallback)((function() {
             if (E.readyState === 1) {
                 E.abort();
             }
             h(undefined);
             S(undefined);
-            s === null || s === void 0 ? void 0 : s({
+            f === null || f === void 0 ? void 0 : f({
                 filename: null,
                 imageDataURI: null
             });
-        }), [ s ]);
+        }), [ f ]);
         var C = a.map((function(e) {
             return ".".concat(e);
         })).join(", ");
@@ -231,15 +231,15 @@
         
         return n().createElement("div", {
             "data-test": "image"
-        },  n().createElement(f(), p({}, c, {
+        },  n().createElement(c(), p({}, s, {
             accept: C,
             allowMultiple: false,
             disabled: i,
             error: D,
-            onRequestAdd: U,
-            onRequestRemove: x,
+            onRequestAdd: P,
+            onRequestRemove: U,
             "data-test": "file"
-        }), b && I && !D &&  n().createElement(f().Item, {
+        }), b && I && !D &&  n().createElement(c().Item, {
             icon:  n().createElement("img", {
                 alt: b,
                 "data-test": "preview",
@@ -252,7 +252,7 @@
         }, F));
     }
     q.propTypes = S;
-    /* harmony default export */    const P = q;
+    /* harmony default export */    const x = q;
     // CONCATENATED MODULE: ./src/Image/index.ts
     module.exports = r;
     /******/})();