@cashub/ui 0.26.9 → 0.27.0

package/select/InputSelect.js

@@ -13,16 +13,24 @@ var _ListBox = _interopRequireDefault(require("./subComponent/ListBox"));
 var _Option = _interopRequireDefault(require("./subComponent/Option"));
 var _Options = _interopRequireDefault(require("./subComponent/Options"));
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["options", "value", "disabled", "onChange", "onSelect"];
 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 InputSelect = _ref => {
   let {
-    options = [],
-    value,
-    disabled,
-    onChange,
-    onSelect,
-    ...props
-  } = _ref;
+      options = [],
+      value,
+      disabled,
+      onChange,
+      onSelect
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   const [displayListBox, setDisplayListBox] = (0, _react.useState)(false);
   const [filteredOptions, setFilteredOptions] = (0, _react.useState)([]);
   const [optionList, setOptionList] = (0, _react.useState)([]);
@@ -221,10 +229,9 @@ const InputSelect = _ref => {
       } else {
         selected = false;
       }
-      return {
-        ...option,
+      return _objectSpread(_objectSpread({}, option), {}, {
         selected
-      };
+      });
     }));
   }, [filteredOptions, parsedSelected]);
   (0, _react.useEffect)(() => {
@@ -236,16 +243,16 @@ const InputSelect = _ref => {
     onOutsideClick: () => {
       setDisplayListBox(false);
     },
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.default, {
-      autoComplete: "off",
-      ...props,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.default, _objectSpread(_objectSpread(_objectSpread({
+      autoComplete: "off"
+    }, props), {}, {
       onChange: event => {
         onChange(event);
         if (!displayListBox) setDisplayListBox(true);
       },
       value: value,
-      ref: setListBoxElement,
-      ...attributes.popper,
+      ref: setListBoxElement
+    }, attributes.popper), {}, {
       placement: state && state.placement,
       onClick: handleDisplay,
       onKeyUp: handleKeyUp,
@@ -253,7 +260,7 @@ const InputSelect = _ref => {
         setDisplayListBox(true);
       },
       onKeyDown: handleKeyDown
-    }), optionItem.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListBox.default, {
+    })), optionItem.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListBox.default, {
       style: styles.popper,
       $display: displayListBox,
       ref: setDropdownElement,

package/select/Select.js

@@ -27,6 +27,11 @@ var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 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 Select = _ref => {
   let {
     options,
@@ -440,8 +445,7 @@ const Select = _ref => {
     if (!filteredOptions) return;
     setOptionList(filteredOptions.map(option => {
       if (option.child && option.child.length > 0) {
-        return {
-          ...option,
+        return _objectSpread(_objectSpread({}, option), {}, {
           child: option.child.map(option => {
             let selected = false;
             if (multiple && selectedAllOptions.includes(option.id.toString())) {
@@ -449,12 +453,11 @@ const Select = _ref => {
             } else if (selectedAllOptions === option.id.toString()) {
               selected = true;
             }
-            return {
-              ...option,
+            return _objectSpread(_objectSpread({}, option), {}, {
               selected
-            };
+            });
           })
-        };
+        });
       }
       let selected = false;
       if (multiple && selectedAllOptions.includes(option.id.toString())) {
@@ -462,10 +465,9 @@ const Select = _ref => {
       } else if (selectedAllOptions === option.id.toString()) {
         selected = true;
       }
-      return {
-        ...option,
+      return _objectSpread(_objectSpread({}, option), {}, {
         selected
-      };
+      });
     }));
   }, [filteredOptions, multiple, selectedAllOptions]);
 
@@ -476,10 +478,9 @@ const Select = _ref => {
       if (option.child && option.child.length > 0) {
         const tmpFilteredChildOptions = option.child.filter(option => option.text.toLowerCase().indexOf(search.toLowerCase().trim()) !== -1);
         if (tmpFilteredChildOptions.length > 0) {
-          tmpFilteredOptions.push({
-            ...option,
+          tmpFilteredOptions.push(_objectSpread(_objectSpread({}, option), {}, {
             child: tmpFilteredChildOptions
-          });
+          }));
         }
       } else if (option.text.toLowerCase().indexOf(search.toLowerCase().trim()) !== -1) {
         tmpFilteredOptions.push(option);
@@ -533,7 +534,7 @@ const Select = _ref => {
           "aria-haspopup": "listbox",
           "aria-expanded": display
         })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ListBox.default, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ListBox.default, _objectSpread(_objectSpread({
         role: "listbox",
         tabIndex: "0",
         id: id,
@@ -542,8 +543,8 @@ const Select = _ref => {
         onKeyDown: handleKeyDown,
         width: listBoxWidth,
         $display: display,
-        style: styles.popper,
-        ...attributes.popper,
+        style: styles.popper
+      }, attributes.popper), {}, {
         placement: state && state.placement,
         children: [allowSearch && /*#__PURE__*/(0, _jsxRuntime.jsx)(_SearchBox.default, {
           ref: searchBoxElement,
@@ -557,7 +558,7 @@ const Select = _ref => {
             children: "No results found"
           })
         })]
-      })]
+      }))]
     })
   });
 };

package/select/subComponent/SearchBox.js

@@ -12,17 +12,21 @@ var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3;
 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 SearchBox = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
   const handleClick = event => {
     event.stopPropagation();
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Wrapper, {
     onClick: handleClick,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_go.GoSearch, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(SearchInput, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_go.GoSearch, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(SearchInput, _objectSpread({
       type: "text",
-      ref: ref,
-      ...props
-    })]
+      ref: ref
+    }, props))]
   });
 });
 const Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  padding: var(--spacing-xs);\n\n  > svg {\n    color: var(--font-on-mute);\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    left: calc(var(--spacing-s) + var(--spacing-xs));\n  }\n"])));

package/styles/theme/dark.theme.js

@@ -4,6 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+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); }
 // Currently, some style is all same for all viewport size
 // Common color style
 const colorStyle = {
@@ -45,9 +50,7 @@ const fontStyle = {
 
 // Theme stylesheet
 const darkTheme = {
-  desktop: {
-    ...fontStyle,
-    ...colorStyle,
+  desktop: _objectSpread(_objectSpread(_objectSpread({}, fontStyle), colorStyle), {}, {
     boxShadow: '0px 0px 8px rgba(91, 95, 111, 0.5)',
     borderColor: colorStyle.colorGrey,
     borderWidth: '1px',
@@ -59,10 +62,8 @@ const darkTheme = {
     spacerS: '1rem',
     spacer: '1.5rem',
     spacerL: '2rem'
-  },
-  tablet: {
-    ...fontStyle,
-    ...colorStyle,
+  }),
+  tablet: _objectSpread(_objectSpread(_objectSpread({}, fontStyle), colorStyle), {}, {
     boxShadow: '0px 0px 8px rgba(91, 95, 111, 0.5)',
     borderColor: colorStyle.colorGrey,
     borderWidth: '1px',
@@ -74,10 +75,8 @@ const darkTheme = {
     spacerS: '0.75rem',
     spacer: '1rem',
     spacerL: '1.25rem'
-  },
-  mobile: {
-    ...fontStyle,
-    ...colorStyle,
+  }),
+  mobile: _objectSpread(_objectSpread(_objectSpread({}, fontStyle), colorStyle), {}, {
     boxShadow: '0px 0px 8px rgba(91, 95, 111, 0.5)',
     borderColor: colorStyle.colorGrey,
     borderWidth: '1px',
@@ -89,6 +88,6 @@ const darkTheme = {
     spacerS: '0.75rem',
     spacer: '1rem',
     spacerL: '1.25rem'
-  }
+  })
 };
 var _default = exports.default = darkTheme;

package/styles/theme/light.theme.js

@@ -4,6 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+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); }
 // Currently, some style is all same for all viewport size
 // Common color style
 const colorStyle = {
@@ -45,9 +50,7 @@ const fontStyle = {
 
 // Theme stylesheet
 const lightTheme = {
-  desktop: {
-    ...fontStyle,
-    ...colorStyle,
+  desktop: _objectSpread(_objectSpread(_objectSpread({}, fontStyle), colorStyle), {}, {
     boxShadow: '0px 0px 8px rgba(91, 95, 111, 0.5)',
     borderColor: colorStyle.colorGrey,
     borderWidth: '1px',
@@ -59,10 +62,8 @@ const lightTheme = {
     spacerS: '1rem',
     spacer: '1.5rem',
     spacerL: '2rem'
-  },
-  tablet: {
-    ...fontStyle,
-    ...colorStyle,
+  }),
+  tablet: _objectSpread(_objectSpread(_objectSpread({}, fontStyle), colorStyle), {}, {
     boxShadow: '0px 0px 8px rgba(91, 95, 111, 0.5)',
     borderColor: colorStyle.colorGrey,
     borderWidth: '1px',
@@ -74,10 +75,8 @@ const lightTheme = {
     spacerS: '0.75rem',
     spacer: '1rem',
     spacerL: '1.25rem'
-  },
-  mobile: {
-    ...fontStyle,
-    ...colorStyle,
+  }),
+  mobile: _objectSpread(_objectSpread(_objectSpread({}, fontStyle), colorStyle), {}, {
     boxShadow: '0px 0px 8px rgba(91, 95, 111, 0.5)',
     borderColor: colorStyle.colorGrey,
     borderWidth: '1px',
@@ -89,6 +88,6 @@ const lightTheme = {
     spacerS: '0.75rem',
     spacer: '1rem',
     spacerL: '1.25rem'
-  }
+  })
 };
 var _default = exports.default = lightTheme;

package/styles/theme/white.theme.js

@@ -4,6 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+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); }
 // Currently, some style is all same for all viewport size
 // Common color style
 const colorStyle = {
@@ -45,9 +50,7 @@ const fontStyle = {
 
 // Theme stylesheet
 const whiteTheme = {
-  desktop: {
-    ...fontStyle,
-    ...colorStyle,
+  desktop: _objectSpread(_objectSpread(_objectSpread({}, fontStyle), colorStyle), {}, {
     boxShadow: '0px 0px 8px rgba(91, 95, 111, 0.5)',
     borderColor: colorStyle.colorGrey,
     borderWidth: '1px',
@@ -59,10 +62,8 @@ const whiteTheme = {
     spacerS: '1rem',
     spacer: '1.5rem',
     spacerL: '2rem'
-  },
-  tablet: {
-    ...fontStyle,
-    ...colorStyle,
+  }),
+  tablet: _objectSpread(_objectSpread(_objectSpread({}, fontStyle), colorStyle), {}, {
     boxShadow: '0px 0px 8px rgba(91, 95, 111, 0.5)',
     borderColor: colorStyle.colorGrey,
     borderWidth: '1px',
@@ -74,10 +75,8 @@ const whiteTheme = {
     spacerS: '0.75rem',
     spacer: '1rem',
     spacerL: '1.25rem'
-  },
-  mobile: {
-    ...fontStyle,
-    ...colorStyle,
+  }),
+  mobile: _objectSpread(_objectSpread(_objectSpread({}, fontStyle), colorStyle), {}, {
     boxShadow: '0px 0px 8px rgba(91, 95, 111, 0.5)',
     borderColor: colorStyle.colorGrey,
     borderWidth: '1px',
@@ -89,6 +88,6 @@ const whiteTheme = {
     spacerS: '0.75rem',
     spacer: '1rem',
     spacerL: '1.25rem'
-  }
+  })
 };
 var _default = exports.default = whiteTheme;

package/table/GridTable.js

@@ -18,8 +18,16 @@ var _Select = _interopRequireDefault(require("../select/Select"));
 var _Popover = _interopRequireDefault(require("../popover/Popover"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+const _excluded = ["title", "fieldName", "render", "custom"];
 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 _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 GridTable = _ref => {
   let {
     columns,
@@ -48,10 +56,7 @@ const GridTable = _ref => {
       info: 'Showing _START_ to _END_ of _TOTAL_ entries',
       empty: 'No data available in table'
     };
-    return {
-      ...defaultTexts,
-      ...translation
-    };
+    return _objectSpread(_objectSpread({}, defaultTexts), translation);
   }, [translation]);
   const handleSortChange = (0, _react.useCallback)(columnName => {
     if (onSortChange) {
@@ -131,7 +136,7 @@ const GridTable = _ref => {
         })]
       }, "TH".concat(index));
     });
-    tableHeads.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridTableHeadCell.default, {
+    tableHeads.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_GridTableHeadCell.default, {
       role: "presentation",
       width: restWidth,
       backgroundReverse: backgroundReverse
@@ -145,12 +150,12 @@ const GridTable = _ref => {
     return data.map((row, rowIndex) => {
       const tds = columns.map((column, columnIndex) => {
         const {
-          title,
-          fieldName,
-          render,
-          custom,
-          ...props
-        } = column;
+            title,
+            fieldName,
+            render,
+            custom
+          } = column,
+          props = _objectWithoutProperties(column, _excluded);
         const key = rowIndex + columnIndex.toString();
         let renderedData = null;
         if (custom && render) {
@@ -164,14 +169,14 @@ const GridTable = _ref => {
             children: render ? render(row[fieldName], row) : String(row[fieldName])
           });
         }
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(TD, {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(TD, _objectSpread(_objectSpread({
           "data-label": title,
-          backgroundReverse: backgroundReverse,
-          ...props,
+          backgroundReverse: backgroundReverse
+        }, props), {}, {
           children: renderedData
-        }, columnIndex);
+        }), columnIndex);
       });
-      tds.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(TD, {
+      tds.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(TD, {
         role: "presentation",
         backgroundReverse: backgroundReverse
       }, 'rest'));
@@ -193,6 +198,12 @@ const GridTable = _ref => {
   (0, _react.useEffect)(() => {
     handleResize();
   }, [columns, handleResize]);
+  (0, _react.useEffect)(() => {
+    window.addEventListener('resize', handleResize);
+    return () => {
+      window.removeEventListener('resize', handleResize);
+    };
+  }, [handleResize]);
   (0, _react.useEffect)(() => {
     if (tableRef.current) {
       setTableWidth(tableRef.current.offsetWidth);

package/table/Table.js

@@ -17,10 +17,18 @@ var _Select = _interopRequireDefault(require("../select/Select"));
 var _Popover = _interopRequireDefault(require("../popover/Popover"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
+const _excluded = ["title", "fieldName", "render", "custom", "customPop"];
 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 Table = _ref => {
   let {
     columns,
@@ -52,10 +60,7 @@ const Table = _ref => {
       info: 'Showing _START_ to _END_ of _TOTAL_ entries',
       empty: 'No data available in table'
     };
-    return {
-      ...defaultTexts,
-      ...translation
-    };
+    return _objectSpread(_objectSpread({}, defaultTexts), translation);
   }, [translation]);
   const handleSortChange = (0, _react.useCallback)(columnName => {
     if (onSortChange) {
@@ -140,13 +145,13 @@ const Table = _ref => {
       // row data cell
       const tds = columns.map((column, columnIndex) => {
         const {
-          title,
-          fieldName,
-          render,
-          custom,
-          customPop,
-          ...props
-        } = column;
+            title,
+            fieldName,
+            render,
+            custom,
+            customPop
+          } = column,
+          props = _objectWithoutProperties(column, _excluded);
         const key = rowIndex + columnIndex.toString();
         let value = row[fieldName];
 
@@ -179,14 +184,14 @@ const Table = _ref => {
             children: render ? render(value, row) : String(value)
           });
         }
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(TableDataCell, {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(TableDataCell, _objectSpread(_objectSpread({
           "data-label": title,
           backgroundReverse: backgroundReverse,
           border: rowConfig.border,
-          custom: isCustom,
-          ...props,
+          custom: isCustom
+        }, props), {}, {
           children: renderedData
-        }, columnIndex);
+        }), columnIndex);
       });
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(BodyTR, {
         clickable: onRowClick,

package/tagify/Tags.js

@@ -10,23 +10,30 @@ var _react2 = _interopRequireDefault(require("@yaireo/tagify/dist/react.tagify")
 require("@yaireo/tagify/dist/tagify.css");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
+const _excluded = ["onChange", "settings", "tagifyProps"];
 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 Tags = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
-    onChange,
-    settings,
-    tagifyProps,
-    ...props
-  } = _ref;
+      onChange,
+      settings,
+      tagifyProps
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Wrapper, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.default, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.default, _objectSpread(_objectSpread({
       tagifyRef: ref,
-      settings: settings,
-      ...tagifyProps,
-      onChange: onChange,
-      ...props
-    })
+      settings: settings
+    }, tagifyProps), {}, {
+      onChange: onChange
+    }, props))
   });
 });
 const Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .tagify[readonly]:not(.tagify--mix):not(.tagify--select) {\n    opacity: 0.5;\n  }\n  .tagify {\n    --tags-disabled-bg: var(--font-on-mute);\n    --tags-border-color: var(--border-color);\n    --tags-hover-border-color: var(--border-color);\n    --tags-focus-border-color: var(--color-primary);\n    --tag-invalid-color: var(--color-danger);\n    --tag-remove-btn-bg--hover: var(--color-danger);\n    --input-color: var(--font-on-background);\n\n    border-radius: var(--border-radius-l);\n    width: 100%;\n\n    .tagify__tag {\n      > div::before {\n        border-radius: var(--border-radius-l);\n      }\n    }\n  }\n"])));

package/toast/show.js

@@ -14,7 +14,7 @@ const showSuccessMessage = _ref => {
     message,
     containHTML = false
   } = _ref;
-  _reactToastify.toast.success( /*#__PURE__*/(0, _jsxRuntime.jsx)(_MessageContainer.default, {
+  _reactToastify.toast.success(/*#__PURE__*/(0, _jsxRuntime.jsx)(_MessageContainer.default, {
     title: title,
     message: message,
     containHTML: containHTML
@@ -27,7 +27,7 @@ const showErrorMessage = _ref2 => {
     message,
     containHTML = false
   } = _ref2;
-  _reactToastify.toast.error( /*#__PURE__*/(0, _jsxRuntime.jsx)(_MessageContainer.default, {
+  _reactToastify.toast.error(/*#__PURE__*/(0, _jsxRuntime.jsx)(_MessageContainer.default, {
     title: title,
     message: message,
     containHTML: containHTML
@@ -40,7 +40,7 @@ const showWarningMessage = _ref3 => {
     message,
     containHTML = false
   } = _ref3;
-  _reactToastify.toast.warning( /*#__PURE__*/(0, _jsxRuntime.jsx)(_MessageContainer.default, {
+  _reactToastify.toast.warning(/*#__PURE__*/(0, _jsxRuntime.jsx)(_MessageContainer.default, {
     title: title,
     message: message,
     containHTML: containHTML