@cashub/ui 0.26.9 → 0.27.0

package/dropdown/DropdownContent.js

@@ -12,6 +12,11 @@ var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const DropdownContent = _ref => {
   let {
     children,
@@ -48,14 +53,14 @@ const DropdownContent = _ref => {
       update();
     }
   }, [update, children]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Wrapper, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Wrapper, _objectSpread(_objectSpread({
     ref: setContentElement,
     $display: display,
-    style: styles.popper,
-    ...attributes.popper,
+    style: styles.popper
+  }, attributes.popper), {}, {
     showScrollbar: showScrollbar,
     children: children
-  });
+  }));
 };
 const Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  visibility: ", ";\n  min-width: 160px;\n  max-width: 320px;\n  border: 1px solid var(--border-color);\n  color: var(--font-on-background);\n  background: var(--color-background2);\n  box-shadow: var(--box-shadow);\n  border-radius: var(--border-radius);\n  padding: var(--spacing-s) 0;\n  z-index: 20;\n  margin: 0 !important;\n\n  ", "\n\n  ", "\n"])), _ref2 => {
   let {

package/dropdown/DropdownToggle.js

@@ -7,12 +7,20 @@ exports.default = void 0;
 var _react = require("react");
 var _DropdownContext = _interopRequireDefault(require("./subComponent/DropdownContext"));
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["children"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
 const DropdownToggle = _ref => {
   let {
-    children,
-    ...props
-  } = _ref;
+      children
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   const {
     display,
     setDisplay,
@@ -27,12 +35,12 @@ const DropdownToggle = _ref => {
       update();
     }
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    onClick: handleToggle,
-    ...props,
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
+    onClick: handleToggle
+  }, props), {}, {
     children: /*#__PURE__*/(0, _react.cloneElement)(children, {
       ref: setToggleElement
     })
-  });
+  }));
 };
 var _default = exports.default = DropdownToggle;

package/dropzone/FileDropzone.js

@@ -17,6 +17,11 @@ var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const FileDropzone = _ref => {
   let {
     message,
@@ -53,10 +58,7 @@ const FileDropzone = _ref => {
       Resume: 'Resume Upload',
       Retry: 'Retry Upload'
     };
-    return {
-      ...defaultTexts,
-      ...translation
-    };
+    return _objectSpread(_objectSpread({}, defaultTexts), translation);
   }, [translation]);
   const handleClick = (0, _react.useCallback)(() => {
     if (files.length > 0) return;

package/form/Searchbox.js

@@ -11,14 +11,22 @@ var _md = require("react-icons/md");
 var _inputPlaceholder = _interopRequireDefault(require("../styles/mixin/inputPlaceholder"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3;
+const _excluded = ["onSearch", "autoFocus"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
 const Searchbox = _ref => {
   let {
-    onSearch,
-    autoFocus = false,
-    ...props
-  } = _ref;
+      onSearch,
+      autoFocus = false
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   const [keyword, setKeyword] = (0, _react.useState)('');
   const handleSearch = keyword => {
     if (onSearch) onSearch(keyword);
@@ -32,8 +40,7 @@ const Searchbox = _ref => {
     setKeyword('');
     handleSearch('');
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Wrapper, {
-    ...props,
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Wrapper, _objectSpread(_objectSpread({}, props), {}, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_fa.FaSearch, {
       onClick: () => {
         handleSearch(keyword);
@@ -53,7 +60,7 @@ const Searchbox = _ref => {
       role: "button",
       "aria-label": "clear button"
     })]
-  });
+  }));
 };
 const Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  position: relative;\n  height: 36px;\n  background: var(--color-background1);\n  border-radius: var(--border-radius-l);\n  padding: 0 calc(var(--spacing-s) + var(--font-body1) + var(--spacing-xs)) 0\n    var(--spacing-s);\n\n  > svg {\n    font-size: var(--font-body1);\n    color: var(--font-on-mute);\n\n    &:first-child {\n      margin-right: var(--spacing-xs);\n    }\n\n    &:last-child {\n      position: absolute;\n      right: var(--spacing-s);\n    }\n  }\n\n  ", "\n"])), _ref2 => {
   let {

package/form/Slider.js

@@ -9,10 +9,13 @@ var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const Slider = props => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(RangeInput, {
-    ...props
-  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(RangeInput, _objectSpread({}, props));
 };
 const RangeInput = _styledComponents.default.input.attrs(() => ({
   type: 'range'

package/jsoneditor/JsonEditor.js

@@ -15,16 +15,21 @@ var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
+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); }
 const JsonEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    ...props
-  } = _ref;
+  let props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Wrapper, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsoneditorReact.JsonEditor, {
-      ref: ref,
-      ...props,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsoneditorReact.JsonEditor, _objectSpread(_objectSpread({
+      ref: ref
+    }, props), {}, {
       ace: _brace.default
-    })
+    }))
   });
 });
 const Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .jsoneditor {\n    border: 0;\n\n    div.jsoneditor-tree {\n      background: transparent;\n    }\n  }\n\n  div.jsoneditor td.jsoneditor-tree {\n    vertical-align: middle;\n  }\n\n  .jsoneditor-popover,\n  .jsoneditor-schema-error,\n  div.jsoneditor th,\n  div.jsoneditor td,\n  div.jsoneditor textarea,\n  div.jsoneditor select,\n  div.jsoneditor-field,\n  div.jsoneditor-value,\n  pre.jsoneditor-preview {\n    font-size: var(--font-body1);\n    color: var(--font-on-background);\n  }\n\n  div.jsoneditor select {\n    background: var(--color-background1);\n  }\n\n  div {\n    &.jsoneditor-readonly {\n      color: var(--font-on-background);\n    }\n\n    &.jsoneditor-value.jsoneditor-number {\n      color: var(--color-danger);\n    }\n\n    &.jsoneditor-field.jsoneditor-empty::after,\n    &.jsoneditor-value.jsoneditor-empty::after {\n      font-size: var(--font-body1);\n      color: var(--font-on-background);\n    }\n\n    &.jsoneditor-field[contenteditable='true']:focus,\n    &.jsoneditor-field[contenteditable='true']:hover,\n    &.jsoneditor-value[contenteditable='true']:focus,\n    &.jsoneditor-value[contenteditable='true']:hover,\n    &.jsoneditor-field.jsoneditor-highlight,\n    &.jsoneditor-value.jsoneditor-highlight {\n      background-color: transparent;\n      border: var(--border-width) solid var(--border-color);\n    }\n\n    &.jsoneditor-empty {\n      border-color: transparent;\n      border-style: none;\n    }\n\n    &.jsoneditor-tree button.jsoneditor-button {\n      filter: invert(100%) sepia(0%) saturate(2%) hue-rotate(78deg)\n        brightness(104%) contrast(101%);\n    }\n\n    &.jsoneditor-tree button.jsoneditor-button:focus {\n      background-color: transparent;\n    }\n  }\n\n  // ace editor\n  .ace_editor.ace-jsoneditor {\n    border-radius: 8px;\n  }\n\n  .ace_gutter {\n    background: rgb(59, 57, 87) !important;\n    color: #ffffff !important;\n    z-index: 0;\n  }\n\n  .ace-jsoneditor .ace_gutter-active-line {\n    background: #00001d;\n  }\n\n  .ace_content {\n    background: rgb(76, 72, 110);\n    z-index: 0;\n  }\n\n  .ace-jsoneditor .ace_marker-layer .ace_active-line {\n    background: #00001d;\n  }\n\n  .ace-jsoneditor .ace_text-layer {\n    color: #fff;\n  }\n\n  .ace-jsoneditor .ace_variable {\n    color: #fff;\n  }\n\n  .ace-jsoneditor .ace_string {\n    color: #11d8cd;\n  }\n\n  .ace-jsoneditor .ace_cursor {\n    border-left: 2px solid #fff;\n  }\n\n  .ace_hidden-cursors .ace_cursor {\n    opacity: 0.5;\n  }\n"])));

package/link/LinkSpan.js

@@ -7,17 +7,24 @@ exports.default = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
+const _excluded = ["children"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
 const LinkSpan = _ref => {
   let {
-    children,
-    ...props
-  } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Link, {
-    ...props,
+      children
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Link, _objectSpread(_objectSpread({}, props), {}, {
     children: children
-  });
+  }));
 };
 const Link = _styledComponents.default.span.attrs(props => {
   return {

package/map/GoogleMap.js

@@ -15,6 +15,11 @@ var _map_icon = _interopRequireDefault(require("../assets/icons/map_icon1.png"))
 var _map_icon2 = _interopRequireDefault(require("../assets/icons/map_icon4.png"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const GoogleMap = _ref => {
   let {
     apiKey,
@@ -77,11 +82,10 @@ const GoogleMap = _ref => {
           lng: longitude
         });
       }
-      validLocations.push({
-        ...location,
+      validLocations.push(_objectSpread(_objectSpread({}, location), {}, {
         latitude,
         longitude
-      });
+      }));
     });
 
     // pass all checking

package/map/GoogleReverseGeolocation.js

@@ -52,7 +52,7 @@ const GoogleReverseGeolocation = _ref => {
     }
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: children( /*#__PURE__*/(0, _jsxRuntime.jsx)(_GoogleMapWrapper.default, {
+    children: children(/*#__PURE__*/(0, _jsxRuntime.jsx)(_GoogleMapWrapper.default, {
       apiKey: apiKey,
       height: 512,
       zoom: 3,

package/map/LeafletMap.js

@@ -121,7 +121,7 @@ const LeafletMap = _ref => {
           iconSize: [40, 50]
         });
       }
-      markers.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactLeaflet.Marker, {
+      markers.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactLeaflet.Marker, {
         position: [latitude, longitude],
         icon: Icon,
         children: popupContent

package/map/subComponent/GoogleMapWrapper.js

@@ -7,13 +7,21 @@ exports.default = void 0;
 var _react = require("react");
 var _reactWrapper = require("@googlemaps/react-wrapper");
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["children", "apiKey", "onError"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
 const GoogleMapWrapper = _ref => {
   let {
-    children,
-    apiKey,
-    onError,
-    ...props
-  } = _ref;
+      children,
+      apiKey,
+      onError
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   const render = status => {
     switch (status) {
       case _reactWrapper.Status.LOADING:
@@ -31,10 +39,9 @@ const GoogleMapWrapper = _ref => {
     style: {
       position: 'relative'
     },
-    children: /*#__PURE__*/(0, _react.cloneElement)(children, {
-      ...props,
+    children: /*#__PURE__*/(0, _react.cloneElement)(children, _objectSpread(_objectSpread({}, props), {}, {
       onError
-    })
+    }))
   });
 };
 var _default = exports.default = GoogleMapWrapper;

package/map/subComponent/LeafletDrawControl.js

@@ -13,8 +13,11 @@ var _fastDeepEqual = _interopRequireDefault(require("fast-deep-equal"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-// eslint-disable-line
-
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // eslint-disable-line
 const eventHandlers = {
   onEdited: 'draw:edited',
   onDrawStart: 'draw:drawstart',
@@ -106,18 +109,13 @@ const createDrawElement = (props, layerContainer) => {
   };
   if (draw !== undefined) {
     if (typeof draw === 'object') {
-      options.draw = {
-        ...draw
-      };
+      options.draw = _objectSpread({}, draw);
     } else {
       options.draw = draw;
     }
   }
   if (edit) {
-    options.edit = {
-      ...options.edit,
-      ...edit
-    };
+    options.edit = _objectSpread(_objectSpread({}, options.edit), edit);
   }
   if (position) {
     options.position = position;

package/modal/StateModal.js

@@ -16,15 +16,23 @@ var _Button = _interopRequireDefault(require("../button/Button"));
 var _ModalBackdrop = _interopRequireDefault(require("../backdrop/ModalBackdrop"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+const _excluded = ["onClose"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
 const StateModal = _ref => {
   let {
-    onClose,
-    ...props
-  } = _ref;
+      onClose
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   const rootElement = (0, _utils.appendElementTo)('StateModalContainer');
   const Container = document.createElement('div');
   rootElement.appendChild(Container);
@@ -34,10 +42,9 @@ const StateModal = _ref => {
     Container.remove();
     if (onClose) onClose();
   };
-  _reactDom.default.render( /*#__PURE__*/(0, _jsxRuntime.jsx)(ModalContent, {
-    ...props,
+  _reactDom.default.render(/*#__PURE__*/(0, _jsxRuntime.jsx)(ModalContent, _objectSpread(_objectSpread({}, props), {}, {
     onClose: handleClose
-  }), Container);
+  })), Container);
 };
 const ModalContent = _ref2 => {
   let {

package/modal/TitleModal.js

@@ -15,10 +15,18 @@ var _Heading = _interopRequireDefault(require("../heading/Heading3"));
 var _ModalBackdrop = _interopRequireDefault(require("../backdrop/ModalBackdrop"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+const _excluded = ["children"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const TitleModal = props => {
   const rootElement = (0, _utils.appendElementTo)('TitleModalContainer');
   const Container = document.createElement('div');
@@ -46,11 +54,10 @@ const TitleModal = props => {
   const methods = {
     close: handleClose
   };
-  _reactDom.default.render( /*#__PURE__*/(0, _jsxRuntime.jsx)(ModalContent, {
-    ...props,
+  _reactDom.default.render(/*#__PURE__*/(0, _jsxRuntime.jsx)(ModalContent, _objectSpread(_objectSpread({}, props), {}, {
     onClose: handleClose,
     methods: methods
-  }), Container);
+  })), Container);
 };
 const ModalContent = _ref => {
   let {
@@ -101,9 +108,9 @@ const ModalHeader = _ref2 => {
 };
 const ModalBody = _ref3 => {
   let {
-    children,
-    ...props
-  } = _ref3;
+      children
+    } = _ref3,
+    props = _objectWithoutProperties(_ref3, _excluded);
   const bodyRef = (0, _react.useRef)(null);
   const recalculateHeight = () => {
     // body element not render yet
@@ -125,11 +132,11 @@ const ModalBody = _ref3 => {
     window.addEventListener('resize', recalculateHeight);
     return () => window.removeEventListener('resize', recalculateHeight);
   }, []);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Body, {
-    ref: bodyRef,
-    ...props,
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Body, _objectSpread(_objectSpread({
+    ref: bodyRef
+  }, props), {}, {
     children: children
-  });
+  }));
 };
 const ModalFooter = _ref4 => {
   let {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cashub/ui",
-  "version": "0.26.9",
+  "version": "0.27.0",
   "private": false,
   "author": "CasHUB Team",
   "description": "CasHUB UI components library",
@@ -40,6 +40,7 @@
     "react-toastify": "^7.0.4",
     "react-transition-group": "^4.4.2",
     "styled-components": "^5.3.0",
+    "treeflex": "^2.0.1",
     "xml-formatter": "^3.6.3"
   },
   "peerDependencies": {

package/popover/Popover.js

@@ -12,16 +12,24 @@ var _hooks = require("@cashub/hooks");
 var _utils = require("@cashub/utils");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2;
+const _excluded = ["container", "id"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
 const Popover = _ref => {
   let {
-    container,
-    id,
-    ...props
-  } = _ref;
+      container,
+      id
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   const rootElement = (0, _utils.appendElementTo)('PopoverContainer', 'div', container);
   const handleClose = () => {
     // unmount component and clear event handler and state before remove container
@@ -34,11 +42,10 @@ const Popover = _ref => {
     handleClose();
     return;
   }
-  _reactDom.default.render( /*#__PURE__*/(0, _jsxRuntime.jsx)(Box, {
-    ...props,
+  _reactDom.default.render(/*#__PURE__*/(0, _jsxRuntime.jsx)(Box, _objectSpread(_objectSpread({}, props), {}, {
     id: "popover".concat(id),
     handleClose: handleClose
-  }), rootElement);
+  })), rootElement);
 };
 const Box = _ref2 => {
   let {
@@ -63,14 +70,14 @@ const Box = _ref2 => {
       }
     },
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Wrapper, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(PopoverBox, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(PopoverBox, _objectSpread(_objectSpread({
         id: id,
         ref: setTooltipElement,
-        style: styles.popper,
-        ...attributes.popper,
+        style: styles.popper
+      }, attributes.popper), {}, {
         placement: state && state.placement,
         children: content
-      })
+      }))
     })
   });
 };