@adiba-banking-cloud/backoffice 0.0.19 → 0.0.20

package/build/index.cjs.js/index.js

@@ -2,7 +2,7 @@
 
 var _extends = require('@babel/runtime/helpers/extends');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var React = require('react');
+var React$1 = require('react');
 var HighchartsReact = require('highcharts-react-official');
 var HighchartsRounded = require('highcharts-rounded-corners');
 var IconSax = require('iconsax-react');
@@ -11218,8 +11218,8 @@ if (typeof window !== "undefined") {
   HighchartsRounded(Highcharts);
 }
 const Column = props => {
-  const chartRef = React.useRef(null);
-  const chartOptions = React.useMemo(() => {
+  const chartRef = React$1.useRef(null);
+  const chartOptions = React$1.useMemo(() => {
     const chart = {
       type: "column"
     };
@@ -11228,12 +11228,12 @@ const Column = props => {
     });
     return _objectSpread(_objectSpread({}, initChart(column)), initSeries(column));
   }, [props]);
-  React.useEffect(() => {
+  React$1.useEffect(() => {
     if (chartRef.current && chartRef.current.chart) {
       chartRef.current.chart.update(chartOptions, true);
     }
   }, [chartOptions]);
-  return /*#__PURE__*/React.createElement(HighchartsReact, {
+  return /*#__PURE__*/React$1.createElement(HighchartsReact, {
     highcharts: Highcharts,
     ref: chartRef,
     options: chartOptions
@@ -11251,7 +11251,7 @@ const EqualizerColumn = props => {
     colors: [props.color || "blue"],
     title: props.title
   };
-  return /*#__PURE__*/React.createElement(Column, chartOptions);
+  return /*#__PURE__*/React$1.createElement(Column, chartOptions);
 };
 const SimpleColumn = props => {
   const chartOptions = {
@@ -11265,10 +11265,10 @@ const SimpleColumn = props => {
     colors: [props.color || "gray"],
     title: props.title
   };
-  return /*#__PURE__*/React.createElement(Column, chartOptions);
+  return /*#__PURE__*/React$1.createElement(Column, chartOptions);
 };
 const StackedColumn = props => {
-  return /*#__PURE__*/React.createElement(Column, _extends({}, props, {
+  return /*#__PURE__*/React$1.createElement(Column, _extends({}, props, {
     equalizer: false
   }));
 };
@@ -11403,7 +11403,7 @@ const Icons = _ref => {
     color
   } = _ref;
   const Element = IconSax__namespace[name];
-  return /*#__PURE__*/React.createElement(Element, {
+  return /*#__PURE__*/React$1.createElement(Element, {
     size,
     color,
     variant,
@@ -11428,15 +11428,15 @@ const Logo = _ref => {
       fit
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded$7);
-  return /*#__PURE__*/React.createElement(core.Center, _extends({}, rest, {
+  return /*#__PURE__*/React$1.createElement(core.Center, _extends({}, rest, {
     component: reactRouterDom.Link,
     display: "flex",
     to: href
-  }), /*#__PURE__*/React.createElement(core.Image, {
+  }), /*#__PURE__*/React$1.createElement(core.Image, {
     fallbackSrc: fallbackSrc,
     src: src,
     fit: fit
-  }), /*#__PURE__*/React.createElement(core.Space, {
+  }), /*#__PURE__*/React$1.createElement(core.Space, {
     flex: 1,
     hidden: true
   }));
@@ -11449,7 +11449,7 @@ const DynamicLogo = _ref2 => {
       w = 180
     } = _ref2,
     rest = _objectWithoutProperties(_ref2, _excluded2$2);
-  return /*#__PURE__*/React.createElement(Logo, _extends({}, rest, {
+  return /*#__PURE__*/React$1.createElement(Logo, _extends({}, rest, {
     href,
     src,
     fit,
@@ -11463,7 +11463,7 @@ const DynamicShigaLogo = _ref3 => {
       fit = "contain"
     } = _ref3,
     rest = _objectWithoutProperties(_ref3, _excluded3$1);
-  return /*#__PURE__*/React.createElement(Logo, _extends({}, rest, {
+  return /*#__PURE__*/React$1.createElement(Logo, _extends({}, rest, {
     href,
     src,
     fit,
@@ -11478,13 +11478,13 @@ const ApplicationMenuTarget = _ref => {
       toggle
     } = _ref;
     _objectWithoutProperties(_ref, _excluded$6);
-  return /*#__PURE__*/React.createElement(core.Popover.Target, null, /*#__PURE__*/React.createElement(core.Button, {
+  return /*#__PURE__*/React$1.createElement(core.Popover.Target, null, /*#__PURE__*/React$1.createElement(core.Button, {
     variant: "transparent",
     justify: "space-between",
     h: 60,
     fw: 300,
     w: 200,
-    rightSection: /*#__PURE__*/React.createElement(Icons, {
+    rightSection: /*#__PURE__*/React$1.createElement(Icons, {
       name: "ArrowDown2",
       size: 16
     }),
@@ -11499,32 +11499,32 @@ const ApplicationMenuDropdown = _ref => {
     moreLink,
     toggle
   } = _ref;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(core.Popover.Dropdown, {
+  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement(core.Popover.Dropdown, {
     ml: "md",
     p: 5
-  }, /*#__PURE__*/React.createElement(core.Stack, {
+  }, /*#__PURE__*/React$1.createElement(core.Stack, {
     gap: 5,
     p: 0
-  }, /*#__PURE__*/React.createElement(core.Stack, {
+  }, /*#__PURE__*/React$1.createElement(core.Stack, {
     gap: 5,
     align: "flex-start"
-  }, items.map((item, index) => /*#__PURE__*/React.createElement(DropdownItem, _extends({
+  }, items.map((item, index) => /*#__PURE__*/React$1.createElement(DropdownItem, _extends({
     key: "item-".concat(index)
   }, item, {
     onClick: e => {
       toggle();
       item.onClick(e);
     }
-  })))), /*#__PURE__*/React.createElement(core.Divider, null), /*#__PURE__*/React.createElement(core.Group, {
+  })))), /*#__PURE__*/React$1.createElement(core.Divider, null), /*#__PURE__*/React$1.createElement(core.Group, {
     grow: true,
     justify: "center"
-  }, /*#__PURE__*/React.createElement(core.Button, {
+  }, /*#__PURE__*/React$1.createElement(core.Button, {
     variant: "subtle",
     p: 0,
     component: reactRouterDom.Link,
     to: moreLink,
     onClick: toggle
-  }, /*#__PURE__*/React.createElement(core.Text, {
+  }, /*#__PURE__*/React$1.createElement(core.Text, {
     size: "xs",
     fw: 300,
     w: 320
@@ -11541,22 +11541,22 @@ const DropdownItem = _ref2 => {
     inactiveColor = "adiba",
     onClick
   } = _ref2;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(core.Button, {
+  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement(core.Button, {
     variant: "subtle",
     fw: 300,
     mih: 70,
     bg: active ? activeBg : {},
     c: active ? activeColor : inactiveColor,
     onClick: onClick
-  }, /*#__PURE__*/React.createElement(core.Group, {
+  }, /*#__PURE__*/React$1.createElement(core.Group, {
     w: 320
-  }, /*#__PURE__*/React.createElement(Icons, icon), /*#__PURE__*/React.createElement(core.Stack, {
+  }, /*#__PURE__*/React$1.createElement(Icons, icon), /*#__PURE__*/React$1.createElement(core.Stack, {
     align: "flex-start",
     gap: 5
-  }, /*#__PURE__*/React.createElement(core.Text, {
+  }, /*#__PURE__*/React$1.createElement(core.Text, {
     size: "sm",
     fw: 300
-  }, title), /*#__PURE__*/React.createElement(core.Text, {
+  }, title), /*#__PURE__*/React$1.createElement(core.Text, {
     size: "xs",
     fz: 11,
     fw: 300
@@ -11574,7 +11574,7 @@ const ApplicationMenu = _ref => {
   const [opened, {
     toggle
   }] = hooks.useDisclosure(false);
-  return /*#__PURE__*/React.createElement(core.Popover, {
+  return /*#__PURE__*/React$1.createElement(core.Popover, {
     transitionProps: {
       transition
     },
@@ -11588,9 +11588,9 @@ const ApplicationMenu = _ref => {
     radius: "sm",
     opened: opened,
     onChange: toggle
-  }, /*#__PURE__*/React.createElement(ApplicationMenuTarget, {
+  }, /*#__PURE__*/React$1.createElement(ApplicationMenuTarget, {
     toggle
-  }, label), /*#__PURE__*/React.createElement(ApplicationMenuDropdown, {
+  }, label), /*#__PURE__*/React$1.createElement(ApplicationMenuDropdown, {
     items,
     moreLink,
     moreText,
@@ -11604,28 +11604,28 @@ const UserMenuTarget = _ref => {
     username,
     avatar
   } = _ref;
-  return /*#__PURE__*/React.createElement(core.Menu.Target, null, /*#__PURE__*/React.createElement(core.Button, {
+  return /*#__PURE__*/React$1.createElement(core.Menu.Target, null, /*#__PURE__*/React$1.createElement(core.Button, {
     variant: "subtle",
     h: 50,
     px: 10,
     radius: "md"
-  }, /*#__PURE__*/React.createElement(core.Group, {
+  }, /*#__PURE__*/React$1.createElement(core.Group, {
     gap: "sm"
-  }, /*#__PURE__*/React.createElement(core.Avatar, {
+  }, /*#__PURE__*/React$1.createElement(core.Avatar, {
     radius: "xl",
     src: avatar
-  }), /*#__PURE__*/React.createElement(core.Stack, {
+  }), /*#__PURE__*/React$1.createElement(core.Stack, {
     gap: 0,
     align: "flex-start",
     visibleFrom: "md",
     fw: 300
-  }, /*#__PURE__*/React.createElement(core.Text, {
+  }, /*#__PURE__*/React$1.createElement(core.Text, {
     fw: 300,
     size: "sm"
-  }, name), /*#__PURE__*/React.createElement(core.Text, {
+  }, name), /*#__PURE__*/React$1.createElement(core.Text, {
     c: "dimmed",
     size: "xs"
-  }, username)), /*#__PURE__*/React.createElement(Icons, {
+  }, username)), /*#__PURE__*/React$1.createElement(Icons, {
     name: "ArrowDown2",
     size: 12
   }))));
@@ -11636,36 +11636,36 @@ const UserMenuDropdown = _ref => {
     sections,
     height = 40
   } = _ref;
-  return /*#__PURE__*/React.createElement(core.Menu.Dropdown, null, sections.map((section, index) => {
+  return /*#__PURE__*/React$1.createElement(core.Menu.Dropdown, null, sections.map((section, index) => {
     const items = [];
     const sectionItems = section.items.map((item, key) => {
       var _item$badge, _item$badge2;
-      return /*#__PURE__*/React.createElement(core.Menu.Item, {
+      return /*#__PURE__*/React$1.createElement(core.Menu.Item, {
         c: section === null || section === void 0 ? void 0 : section.color,
         key: "menu-item-".concat(key),
         h: height,
-        leftSection: /*#__PURE__*/React.createElement(Icons, _extends({}, item.icon, {
+        leftSection: /*#__PURE__*/React$1.createElement(Icons, _extends({}, item.icon, {
           stroke: 0.5
         })),
-        rightSection: item !== null && item !== void 0 && item.disclosure ? /*#__PURE__*/React.createElement(Icons, {
+        rightSection: item !== null && item !== void 0 && item.disclosure ? /*#__PURE__*/React$1.createElement(Icons, {
           name: "ArrowRight2",
           size: 12,
           stroke: 0.5
-        }) : item.badge ? /*#__PURE__*/React.createElement(core.Badge, {
+        }) : item.badge ? /*#__PURE__*/React$1.createElement(core.Badge, {
           color: item === null || item === void 0 || (_item$badge = item.badge) === null || _item$badge === void 0 ? void 0 : _item$badge.color,
           size: "sm"
         }, item === null || item === void 0 || (_item$badge2 = item.badge) === null || _item$badge2 === void 0 ? void 0 : _item$badge2.text) : undefined,
         onClick: () => item.callbackFn ? item.callbackFn() : void 0
-      }, /*#__PURE__*/React.createElement(core.Text, {
+      }, /*#__PURE__*/React$1.createElement(core.Text, {
         size: "xs",
         fw: 300
       }, item.label));
     });
-    if (index) items.push(/*#__PURE__*/React.createElement(core.Divider, {
+    if (index) items.push(/*#__PURE__*/React$1.createElement(core.Divider, {
       key: "divider-".concat(index),
       my: 2
     }));
-    if (section !== null && section !== void 0 && section.title) items.push(/*#__PURE__*/React.createElement(core.Menu.Label, {
+    if (section !== null && section !== void 0 && section.title) items.push(/*#__PURE__*/React$1.createElement(core.Menu.Label, {
       fz: 10,
       fw: 500,
       c: 'dimmed',
@@ -11685,7 +11685,7 @@ const UserMenu = _ref => {
     avatar,
     sections
   } = _ref;
-  return /*#__PURE__*/React.createElement(core.Menu, {
+  return /*#__PURE__*/React$1.createElement(core.Menu, {
     width: width || 250,
     transitionProps: {
       transition: "pop"
@@ -11696,11 +11696,11 @@ const UserMenu = _ref => {
     offset: 5,
     arrowOffset: 20,
     arrowSize: 10
-  }, /*#__PURE__*/React.createElement(UserMenuTarget, {
+  }, /*#__PURE__*/React$1.createElement(UserMenuTarget, {
     name,
     username,
     avatar
-  }), /*#__PURE__*/React.createElement(UserMenuDropdown, {
+  }), /*#__PURE__*/React$1.createElement(UserMenuDropdown, {
     sections,
     height
   }));
@@ -11714,9 +11714,9 @@ const SideMenu = _ref => {
     sidemenu,
     onClick
   } = _ref;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, sidemenu.map(item => {
+  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, sidemenu.map(item => {
     var _item$children, _item$children2;
-    return /*#__PURE__*/React.createElement(core.NavLink, {
+    return /*#__PURE__*/React$1.createElement(core.NavLink, {
       className: "backoffice-sidemenu",
       mt: "sm",
       component: reactRouterDom.Link,
@@ -11729,10 +11729,10 @@ const SideMenu = _ref => {
       color,
       variant,
       onClick,
-      leftSection: item.icon ? /*#__PURE__*/React.createElement(Icons, item.icon) : undefined,
+      leftSection: item.icon ? /*#__PURE__*/React$1.createElement(Icons, item.icon) : undefined,
       label: item.label,
       to: (_item$children = item.children) !== null && _item$children !== void 0 && _item$children.length ? "#" : (item === null || item === void 0 ? void 0 : item.href) || "#"
-    }, (_item$children2 = item.children) !== null && _item$children2 !== void 0 && _item$children2.length ? item.children.map(subitem => /*#__PURE__*/React.createElement(core.NavLink, {
+    }, (_item$children2 = item.children) !== null && _item$children2 !== void 0 && _item$children2.length ? item.children.map(subitem => /*#__PURE__*/React$1.createElement(core.NavLink, {
       label: subitem.label,
       active: subitem.active,
       color,
@@ -11759,7 +11759,7 @@ const SimplePanel = _ref => {
       children
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded$5);
-  return /*#__PURE__*/React.createElement(core.Card, _extends({
+  return /*#__PURE__*/React$1.createElement(core.Card, _extends({
     p: !withPadding ? 0 : "md",
     radius: !withRadius ? 0 : "lg",
     flex: autoHeight ? 1 : "none"
@@ -11772,34 +11772,34 @@ const TitledPanel = _ref2 => {
       children
     } = _ref2,
     rest = _objectWithoutProperties(_ref2, _excluded2$1);
-  return /*#__PURE__*/React.createElement(SimplePanel, _extends({}, rest, {
+  return /*#__PURE__*/React$1.createElement(SimplePanel, _extends({}, rest, {
     withPadding: withPadding
-  }), /*#__PURE__*/React.createElement(core.Group, {
+  }), /*#__PURE__*/React$1.createElement(core.Group, {
     h: 48,
     px: withPadding ? 0 : "md",
     mt: !withPadding ? "md" : 0,
     justify: "space-between"
-  }, /*#__PURE__*/React.createElement(core.Group, null, /*#__PURE__*/React.createElement(core.Center, {
+  }, /*#__PURE__*/React$1.createElement(core.Group, null, /*#__PURE__*/React$1.createElement(core.Center, {
     bg: "gray.1",
     w: 32,
     h: 32,
     style: {
       borderRadius: "50%"
     }
-  }, /*#__PURE__*/React.createElement(Icons, _extends({}, title.icon, {
+  }, /*#__PURE__*/React$1.createElement(Icons, _extends({}, title.icon, {
     size: 20,
     variant: "Bulk"
-  }))), /*#__PURE__*/React.createElement(core.Text, {
+  }))), /*#__PURE__*/React$1.createElement(core.Text, {
     fw: 300
-  }, title.label)), /*#__PURE__*/React.createElement(core.Space, {
+  }, title.label)), /*#__PURE__*/React$1.createElement(core.Space, {
     flex: 1
-  }), /*#__PURE__*/React.createElement(core.Group, {
+  }), /*#__PURE__*/React$1.createElement(core.Group, {
     hidden: !rest.middlesection
-  }, rest.middlesection), /*#__PURE__*/React.createElement(core.Space, {
+  }, rest.middlesection), /*#__PURE__*/React$1.createElement(core.Space, {
     flex: 1
-  }), /*#__PURE__*/React.createElement(core.Group, {
+  }), /*#__PURE__*/React$1.createElement(core.Group, {
     hidden: !rest.rightsection
-  }, rest.rightsection)), /*#__PURE__*/React.createElement(core.Box, {
+  }, rest.rightsection)), /*#__PURE__*/React$1.createElement(core.Box, {
     pt: !withPadding ? 0 : "md"
   }, children));
 };
@@ -11817,21 +11817,21 @@ const SearchPanel = _ref3 => {
       children
     } = _ref3,
     rest = _objectWithoutProperties(_ref3, _excluded3);
-  return /*#__PURE__*/React.createElement(SimplePanel, rest, /*#__PURE__*/React.createElement(core.Stack, null, /*#__PURE__*/React.createElement(core.Group, {
+  return /*#__PURE__*/React$1.createElement(SimplePanel, rest, /*#__PURE__*/React$1.createElement(core.Stack, null, /*#__PURE__*/React$1.createElement(core.Group, {
     gap: 'xs'
-  }, /*#__PURE__*/React.createElement(core.TextInput, {
+  }, /*#__PURE__*/React$1.createElement(core.TextInput, {
     fw: 300,
     name: "search",
     size: "md",
     radius: "md",
     flex: 1,
     placeholder: placeholder,
-    leftSection: /*#__PURE__*/React.createElement(Icons, searchIcon),
-    rightSection: typeof filterFn == 'function' ? /*#__PURE__*/React.createElement(core.ActionIcon, {
+    leftSection: /*#__PURE__*/React$1.createElement(Icons, searchIcon),
+    rightSection: typeof filterFn == 'function' ? /*#__PURE__*/React$1.createElement(core.ActionIcon, {
       variant: "transparent",
       onClick: filterFn
-    }, /*#__PURE__*/React.createElement(Icons, filterIcon)) : /*#__PURE__*/React.createElement(React.Fragment, null, console.debug(typeof filterFn))
-  }), /*#__PURE__*/React.createElement(core.Button, {
+    }, /*#__PURE__*/React$1.createElement(Icons, filterIcon)) : /*#__PURE__*/React$1.createElement(React$1.Fragment, null, console.debug(typeof filterFn))
+  }), /*#__PURE__*/React$1.createElement(core.Button, {
     variant: "light",
     size: "md",
     fw: 300,
@@ -11839,7 +11839,7 @@ const SearchPanel = _ref3 => {
     miw: 100,
     maw: 150,
     type: "submit",
-    leftSection: /*#__PURE__*/React.createElement(Icons, searchIcon)
+    leftSection: /*#__PURE__*/React$1.createElement(Icons, searchIcon)
   }, searchText)), children));
 };
 
@@ -11849,13 +11849,13 @@ const LabelPanelItem = _ref => {
     value,
     labelWidth
   } = _ref;
-  return /*#__PURE__*/React.createElement(core.Group, null, /*#__PURE__*/React.createElement(core.Text, {
+  return /*#__PURE__*/React$1.createElement(core.Group, null, /*#__PURE__*/React$1.createElement(core.Text, {
     fw: 300,
     fz: "sm",
     c: "dimmed",
     w: labelWidth,
     truncate: true
-  }, label), /*#__PURE__*/React.createElement(core.Text, {
+  }, label), /*#__PURE__*/React$1.createElement(core.Text, {
     fw: 300,
     fz: "sm",
     truncate: true
@@ -11877,19 +11877,19 @@ const LabelPanel = _ref => {
       p = "md"
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded$4);
-  return /*#__PURE__*/React.createElement(core.Card, _extends({}, rest, {
+  return /*#__PURE__*/React$1.createElement(core.Card, _extends({}, rest, {
     withBorder,
     radius,
     p
-  }), /*#__PURE__*/React.createElement(core.Stack, {
+  }), /*#__PURE__*/React$1.createElement(core.Stack, {
     pb: 'md'
-  }, /*#__PURE__*/React.createElement(core.Group, {
+  }, /*#__PURE__*/React$1.createElement(core.Group, {
     justify: "space-between",
     p: 0
-  }, /*#__PURE__*/React.createElement(core.Title, {
+  }, /*#__PURE__*/React$1.createElement(core.Title, {
     order: 6,
     py: "xs"
-  }, title), /*#__PURE__*/React.createElement(core.Button, {
+  }, title), /*#__PURE__*/React$1.createElement(core.Button, {
     style: {
       display: hasEdit ? "block" : "none"
     },
@@ -11897,11 +11897,11 @@ const LabelPanel = _ref => {
     variant: "outline",
     onClick: editFn,
     size: "xs",
-    leftSection: /*#__PURE__*/React.createElement(Icons, {
+    leftSection: /*#__PURE__*/React$1.createElement(Icons, {
       name: "Edit2"
     })
   }, editLabel)), items.map((item, index) => {
-    return /*#__PURE__*/React.createElement(LabelPanelItem, _extends({
+    return /*#__PURE__*/React$1.createElement(LabelPanelItem, _extends({
       key: "label-item-".concat(index)
     }, item, {
       labelWidth: labelWidth
@@ -11924,41 +11924,41 @@ const AvatarLabelPanel = _ref2 => {
       editFn = void 0
     } = _ref2,
     rest = _objectWithoutProperties(_ref2, _excluded2);
-  return /*#__PURE__*/React.createElement(core.Card, _extends({}, rest, {
+  return /*#__PURE__*/React$1.createElement(core.Card, _extends({}, rest, {
     withBorder,
     radius,
     p
-  }), /*#__PURE__*/React.createElement(core.Group, {
+  }), /*#__PURE__*/React$1.createElement(core.Group, {
     align: "flex-start",
     py: "sm"
-  }, /*#__PURE__*/React.createElement(core.Center, {
+  }, /*#__PURE__*/React$1.createElement(core.Center, {
     w: labelWidth
-  }, /*#__PURE__*/React.createElement(core.Avatar, {
+  }, /*#__PURE__*/React$1.createElement(core.Avatar, {
     size: avatarSize,
     src: avatar
-  })), /*#__PURE__*/React.createElement(core.Stack, {
+  })), /*#__PURE__*/React$1.createElement(core.Stack, {
     py: 10,
     gap: "md",
     h: "100%"
-  }, /*#__PURE__*/React.createElement(core.Title, {
+  }, /*#__PURE__*/React$1.createElement(core.Title, {
     fw: 500,
     order: 4
-  }, name), /*#__PURE__*/React.createElement(core.Text, {
+  }, name), /*#__PURE__*/React$1.createElement(core.Text, {
     fw: 300,
     fz: 14
-  }, username), /*#__PURE__*/React.createElement(core.Text, {
+  }, username), /*#__PURE__*/React$1.createElement(core.Text, {
     fw: 300,
     fz: 14
-  }, "Internal / ", role), /*#__PURE__*/React.createElement(core.Text, {
+  }, "Internal / ", role), /*#__PURE__*/React$1.createElement(core.Text, {
     fw: 300,
     fz: 14
-  }, "Last login: ", lastActive)), /*#__PURE__*/React.createElement(core.Space, {
+  }, "Last login: ", lastActive)), /*#__PURE__*/React$1.createElement(core.Space, {
     flex: 1
-  }), /*#__PURE__*/React.createElement(core.Button, {
+  }), /*#__PURE__*/React$1.createElement(core.Button, {
     fw: 300,
     variant: "outline",
     size: "xs",
-    leftSection: /*#__PURE__*/React.createElement(Icons, {
+    leftSection: /*#__PURE__*/React$1.createElement(Icons, {
       name: "Edit2"
     })
   }, editLabel)));
@@ -11971,7 +11971,7 @@ const SimpleText = _ref => {
       smaller
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded$3);
-  return /*#__PURE__*/React.createElement(core.Text, _extends({
+  return /*#__PURE__*/React$1.createElement(core.Text, _extends({
     fw: 300,
     fz: smaller ? '90%' : undefined
   }, rest), label);
@@ -12015,51 +12015,51 @@ const PageTitle = _ref => {
       icon,
       label
     } = create;
-    rightsection = /*#__PURE__*/React.createElement(core.Button, {
+    rightsection = /*#__PURE__*/React$1.createElement(core.Button, {
       radius: "md",
       size: "sm",
-      leftSection: /*#__PURE__*/React.createElement(Icons, icon),
+      leftSection: /*#__PURE__*/React$1.createElement(Icons, icon),
       onClick: createFn
-    }, /*#__PURE__*/React.createElement(core.Text, {
+    }, /*#__PURE__*/React$1.createElement(core.Text, {
       fw: 300,
       fz: 14
     }, label));
   }
   if (withSwitcher && switcher !== null && switcher !== void 0 && (_switcher$items = switcher.items) !== null && _switcher$items !== void 0 && _switcher$items.length) {
-    rightsection = /*#__PURE__*/React.createElement(core.SegmentedControl, {
+    rightsection = /*#__PURE__*/React$1.createElement(core.SegmentedControl, {
       size: "sm",
       color: theme.primaryColor,
       data: switcher.items
     });
   }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(core.Group, {
+  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement(core.Group, {
     justify: "space-between",
     py: "lg"
-  }, /*#__PURE__*/React.createElement(core.Stack, {
+  }, /*#__PURE__*/React$1.createElement(core.Stack, {
     gap: 4
-  }, /*#__PURE__*/React.createElement(core.Title, _extends({
+  }, /*#__PURE__*/React$1.createElement(core.Title, _extends({
     order: 2,
     fw: 500
-  }, rest), title), typeof subtitle == "string" ? /*#__PURE__*/React.createElement(core.Text, {
+  }, rest), title), typeof subtitle == "string" ? /*#__PURE__*/React$1.createElement(core.Text, {
     fz: 14,
     fw: 300
-  }, subtitle) : /*#__PURE__*/React.createElement(core.Breadcrumbs, {
+  }, subtitle) : /*#__PURE__*/React$1.createElement(core.Breadcrumbs, {
     separatorMargin: "xs",
     separator: "\xB7"
   }, subtitle === null || subtitle === void 0 ? void 0 : subtitle.map((item, index) => {
-    return index < subtitle.length - 1 ? /*#__PURE__*/React.createElement(core.Anchor, {
+    return index < subtitle.length - 1 ? /*#__PURE__*/React$1.createElement(core.Anchor, {
       key: index,
       fz: 14,
       fw: 400,
       component: reactRouterDom.Link,
       to: item.link
-    }, item.name) : /*#__PURE__*/React.createElement(core.Text, {
+    }, item.name) : /*#__PURE__*/React$1.createElement(core.Text, {
       fz: 14,
       key: index,
       fw: 300,
       c: 'dimmed'
     }, item.name);
-  }))), /*#__PURE__*/React.createElement(React.Fragment, null, rightsection)));
+  }))), /*#__PURE__*/React$1.createElement(React$1.Fragment, null, rightsection)));
 };
 
 const ConnectionPanelDetail = _ref => {
@@ -12068,11 +12068,11 @@ const ConnectionPanelDetail = _ref => {
     value,
     altColor
   } = _ref;
-  return /*#__PURE__*/React.createElement(core.Group, null, /*#__PURE__*/React.createElement(core.Text, {
+  return /*#__PURE__*/React$1.createElement(core.Group, null, /*#__PURE__*/React$1.createElement(core.Text, {
     w: 100,
     fw: 300,
     fz: "xs"
-  }, label), /*#__PURE__*/React.createElement(core.Text, {
+  }, label), /*#__PURE__*/React$1.createElement(core.Text, {
     fw: 300,
     fz: 'sm',
     c: altColor
@@ -12092,35 +12092,35 @@ const ConnectionPanel = _ref => {
       altColor
     } = _ref;
     _objectWithoutProperties(_ref, _excluded$1);
-  return /*#__PURE__*/React.createElement(core.Card, {
+  return /*#__PURE__*/React$1.createElement(core.Card, {
     withBorder: true,
     bg: "gray.0",
     p: "lg",
     radius: "md",
     color: "red"
-  }, /*#__PURE__*/React.createElement(core.Stack, null, /*#__PURE__*/React.createElement(core.Group, {
+  }, /*#__PURE__*/React$1.createElement(core.Stack, null, /*#__PURE__*/React$1.createElement(core.Group, {
     align: "flex-start"
-  }, /*#__PURE__*/React.createElement(Icons, {
+  }, /*#__PURE__*/React$1.createElement(Icons, {
     size: 48,
     name: "Driver",
     stroke: "0.5"
-  }), /*#__PURE__*/React.createElement(core.Stack, {
+  }), /*#__PURE__*/React$1.createElement(core.Stack, {
     gap: 5
-  }, /*#__PURE__*/React.createElement(core.Title, {
+  }, /*#__PURE__*/React$1.createElement(core.Title, {
     fw: 400,
     order: 6
-  }, name), /*#__PURE__*/React.createElement(core.Group, {
+  }, name), /*#__PURE__*/React$1.createElement(core.Group, {
     justify: "flex-start",
     gap: 5
-  }, /*#__PURE__*/React.createElement(core.ColorSwatch, {
+  }, /*#__PURE__*/React$1.createElement(core.ColorSwatch, {
     size: 12,
     color: statusColor
-  }), /*#__PURE__*/React.createElement(core.Text, {
+  }), /*#__PURE__*/React$1.createElement(core.Text, {
     fw: 300,
     fz: "xs"
-  }, status))), /*#__PURE__*/React.createElement(core.Space, {
+  }, status))), /*#__PURE__*/React$1.createElement(core.Space, {
     flex: 1
-  }), /*#__PURE__*/React.createElement(core.Menu, {
+  }), /*#__PURE__*/React$1.createElement(core.Menu, {
     width: 190,
     transitionProps: {
       transition: "pop"
@@ -12129,52 +12129,52 @@ const ConnectionPanel = _ref => {
     withArrow: true,
     withinPortal: true,
     arrowSize: 20
-  }, /*#__PURE__*/React.createElement(core.Menu.Target, null, /*#__PURE__*/React.createElement(core.ActionIcon, {
+  }, /*#__PURE__*/React$1.createElement(core.Menu.Target, null, /*#__PURE__*/React$1.createElement(core.ActionIcon, {
     variant: "subtle",
     m: 0
-  }, /*#__PURE__*/React.createElement(Icons, {
+  }, /*#__PURE__*/React$1.createElement(Icons, {
     name: "More"
-  }))), /*#__PURE__*/React.createElement(core.Menu.Dropdown, null, /*#__PURE__*/React.createElement(core.Menu.Item, {
+  }))), /*#__PURE__*/React$1.createElement(core.Menu.Dropdown, null, /*#__PURE__*/React$1.createElement(core.Menu.Item, {
     h: 40,
     onClick: edit.onClick,
-    rightSection: /*#__PURE__*/React.createElement(Icons, {
+    rightSection: /*#__PURE__*/React$1.createElement(Icons, {
       name: "ArrowRight2"
     })
-  }, /*#__PURE__*/React.createElement(core.Text, {
+  }, /*#__PURE__*/React$1.createElement(core.Text, {
     size: "xs",
     fw: 300
-  }, edit.label)), /*#__PURE__*/React.createElement(core.Menu.Item, {
+  }, edit.label)), /*#__PURE__*/React$1.createElement(core.Menu.Item, {
     h: 40,
     onClick: test.onClick,
-    rightSection: /*#__PURE__*/React.createElement(Icons, {
+    rightSection: /*#__PURE__*/React$1.createElement(Icons, {
       name: "ArrowRight2"
     })
-  }, /*#__PURE__*/React.createElement(core.Text, {
+  }, /*#__PURE__*/React$1.createElement(core.Text, {
     size: "xs",
     fw: 300
-  }, test.label)), /*#__PURE__*/React.createElement(core.Divider, null), /*#__PURE__*/React.createElement(core.Menu.Item, {
+  }, test.label)), /*#__PURE__*/React$1.createElement(core.Divider, null), /*#__PURE__*/React$1.createElement(core.Menu.Item, {
     h: 40,
     onClick: pause.onClick,
     c: "red",
-    leftSection: /*#__PURE__*/React.createElement(Icons, {
+    leftSection: /*#__PURE__*/React$1.createElement(Icons, {
       name: "PauseCircle",
       color: "red"
     })
-  }, /*#__PURE__*/React.createElement(core.Text, {
+  }, /*#__PURE__*/React$1.createElement(core.Text, {
     size: "xs",
     fw: 300
-  }, pause.label))))), /*#__PURE__*/React.createElement(core.Card.Section, {
+  }, pause.label))))), /*#__PURE__*/React$1.createElement(core.Card.Section, {
     style: {
       borderTop: "1px solid #ddd"
     }
-  }, /*#__PURE__*/React.createElement(core.Stack, {
+  }, /*#__PURE__*/React$1.createElement(core.Stack, {
     mt: 0,
     bg: "white",
     p: "md",
     gap: "lg",
     py: "lg"
   }, details.map((item, index) => {
-    return /*#__PURE__*/React.createElement(ConnectionPanelDetail, _extends({
+    return /*#__PURE__*/React$1.createElement(ConnectionPanelDetail, _extends({
       key: "detail-".concat(index)
     }, item, {
       altColor: altColor
@@ -12189,13 +12189,13 @@ const ApplicationPanelFeatures = _ref => {
     label,
     icon
   } = _ref;
-  return /*#__PURE__*/React.createElement(core.Group, {
+  return /*#__PURE__*/React$1.createElement(core.Group, {
     gap: "xs"
-  }, /*#__PURE__*/React.createElement(Icons, _extends({}, icon, {
+  }, /*#__PURE__*/React$1.createElement(Icons, _extends({}, icon, {
     color: "#aaa",
     variant: "Bulk",
     stroke: 1.5
-  })), /*#__PURE__*/React.createElement(core.Text, {
+  })), /*#__PURE__*/React$1.createElement(core.Text, {
     fw: 300,
     c: 'altiba',
     size: '12px',
@@ -12221,32 +12221,32 @@ const ApplicationPanel = _ref => {
       onClick = () => void 0
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(core.Card, _extends({
+  return /*#__PURE__*/React$1.createElement(core.Card, _extends({
     withBorder: true,
     radius: "md"
-  }, rest), /*#__PURE__*/React.createElement(core.Card.Section, null, /*#__PURE__*/React.createElement(core.Image, {
+  }, rest), /*#__PURE__*/React$1.createElement(core.Card.Section, null, /*#__PURE__*/React$1.createElement(core.Image, {
     src: coverImage,
     alt: name,
     fallbackSrc: img$5
-  })), /*#__PURE__*/React.createElement(core.Card.Section, {
+  })), /*#__PURE__*/React$1.createElement(core.Card.Section, {
     p: "md"
-  }, /*#__PURE__*/React.createElement(core.Stack, {
+  }, /*#__PURE__*/React$1.createElement(core.Stack, {
     gap: "sm"
-  }, /*#__PURE__*/React.createElement(core.Group, {
+  }, /*#__PURE__*/React$1.createElement(core.Group, {
     justify: "space-between"
-  }, /*#__PURE__*/React.createElement(core.Text, {
+  }, /*#__PURE__*/React$1.createElement(core.Text, {
     fw: 400
-  }, name), /*#__PURE__*/React.createElement(core.Badge, {
+  }, name), /*#__PURE__*/React$1.createElement(core.Badge, {
     hidden: !discount,
     fw: 300,
     variant: "outline"
-  }, discount)), /*#__PURE__*/React.createElement(core.Text, {
+  }, discount)), /*#__PURE__*/React$1.createElement(core.Text, {
     fw: 300,
     fz: "sm"
-  }, summary))), /*#__PURE__*/React.createElement(core.Card.Section, {
+  }, summary))), /*#__PURE__*/React$1.createElement(core.Card.Section, {
     p: "md",
     pt: 0
-  }, /*#__PURE__*/React.createElement(core.Text, {
+  }, /*#__PURE__*/React$1.createElement(core.Text, {
     fz: "xs",
     c: "gray.5",
     mb: "xs",
@@ -12254,26 +12254,26 @@ const ApplicationPanel = _ref => {
     fw: 500,
     lts: core.rem("-0.25px"),
     tt: "uppercase"
-  }, featureLabel), /*#__PURE__*/React.createElement(core.SimpleGrid, {
+  }, featureLabel), /*#__PURE__*/React$1.createElement(core.SimpleGrid, {
     cols: 1,
     spacing: "xs",
     verticalSpacing: "xs"
   }, features.map((feature, index) => {
-    return /*#__PURE__*/React.createElement(ApplicationPanelFeatures, _extends({
+    return /*#__PURE__*/React$1.createElement(ApplicationPanelFeatures, _extends({
       key: index
     }, feature));
-  }))), /*#__PURE__*/React.createElement(core.Card.Section, {
+  }))), /*#__PURE__*/React$1.createElement(core.Card.Section, {
     p: "md"
-  }, /*#__PURE__*/React.createElement(core.Group, {
+  }, /*#__PURE__*/React$1.createElement(core.Group, {
     gap: 30,
     justify: "space-between"
-  }, /*#__PURE__*/React.createElement(core.Box, null, /*#__PURE__*/React.createElement(core.Text, {
+  }, /*#__PURE__*/React$1.createElement(core.Box, null, /*#__PURE__*/React$1.createElement(core.Text, {
     fz: "lg",
     fw: 500,
     style: {
       lineHeight: 1
     }
-  }, amount), /*#__PURE__*/React.createElement(core.Text, {
+  }, amount), /*#__PURE__*/React$1.createElement(core.Text, {
     fz: "xs",
     c: "dimmed",
     fw: 300,
@@ -12281,19 +12281,19 @@ const ApplicationPanel = _ref => {
       lineHeight: 1
     },
     mt: 3
-  }, "per ".concat(frequency))), /*#__PURE__*/React.createElement(core.Box, {
+  }, "per ".concat(frequency))), /*#__PURE__*/React$1.createElement(core.Box, {
     hidden: subscribed
-  }, /*#__PURE__*/React.createElement(core.Button, {
+  }, /*#__PURE__*/React$1.createElement(core.Button, {
     fw: 300,
-    leftSection: /*#__PURE__*/React.createElement(Icons, {
+    leftSection: /*#__PURE__*/React$1.createElement(Icons, {
       name: "AddCircle"
     }),
     radius: "md",
     onClick: onClick
-  }, actionLabel)), /*#__PURE__*/React.createElement(core.Box, {
+  }, actionLabel)), /*#__PURE__*/React$1.createElement(core.Box, {
     hidden: !subscribed
-  }, /*#__PURE__*/React.createElement(core.Button, {
-    leftSection: /*#__PURE__*/React.createElement(Icons, {
+  }, /*#__PURE__*/React$1.createElement(core.Button, {
+    leftSection: /*#__PURE__*/React$1.createElement(Icons, {
       name: "TickCircle"
     }),
     fw: 300,
@@ -12315,40 +12315,40 @@ const SubscriptionPlans = _ref => {
     onClick
   } = _ref;
   const price = planPrice.split("/");
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(core.Indicator, {
+  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement(core.Indicator, {
     size: 20,
-    label: /*#__PURE__*/React.createElement(Icons, {
+    label: /*#__PURE__*/React$1.createElement(Icons, {
       name: "TickCircle",
       size: 18,
       stroke: 1
     }),
     disabled: !isActive,
     className: "payment-plan"
-  }, /*#__PURE__*/React.createElement(core.Card, {
+  }, /*#__PURE__*/React$1.createElement(core.Card, {
     bg: isActive ? "gray.1" : "white",
     p: "md",
     radius: "sm",
     withBorder: true
-  }, /*#__PURE__*/React.createElement(core.Stack, {
+  }, /*#__PURE__*/React$1.createElement(core.Stack, {
     gap: "xl"
-  }, /*#__PURE__*/React.createElement(core.Group, {
+  }, /*#__PURE__*/React$1.createElement(core.Group, {
     justify: "space-between",
     align: "flex-start"
-  }, /*#__PURE__*/React.createElement(core.Box, null, /*#__PURE__*/React.createElement(core.Title, {
+  }, /*#__PURE__*/React$1.createElement(core.Box, null, /*#__PURE__*/React$1.createElement(core.Title, {
     order: 6,
     fw: 500
-  }, title), /*#__PURE__*/React.createElement(core.Text, {
+  }, title), /*#__PURE__*/React$1.createElement(core.Text, {
     fz: "xs",
     c: altColor,
     fw: 300
-  }, durationDays, " ", isActive ? " days remaining" : " days")), /*#__PURE__*/React.createElement(core.Text, {
+  }, durationDays, " ", isActive ? " days remaining" : " days")), /*#__PURE__*/React$1.createElement(core.Text, {
     fz: "sm",
     fw: 500
-  }, price[0], /*#__PURE__*/React.createElement(core.Text, {
+  }, price[0], /*#__PURE__*/React$1.createElement(core.Text, {
     fz: "sm",
     component: "span",
     c: "dimmed"
-  }, price[1] ? "/".concat(price[1]) : " /month"))), /*#__PURE__*/React.createElement(core.Button, {
+  }, price[1] ? "/".concat(price[1]) : " /month"))), /*#__PURE__*/React$1.createElement(core.Button, {
     w: 100,
     size: "xs",
     fw: 500,
@@ -12374,80 +12374,163 @@ const PaymentMethod = _ref => {
     type,
     exp
   } = _ref;
-  return /*#__PURE__*/React.createElement(core.Card, {
+  return /*#__PURE__*/React$1.createElement(core.Card, {
     withBorder: true,
     radius: "md",
     p: 0,
     bg: isActive ? "gray.1" : "white",
     w: 330
-  }, /*#__PURE__*/React.createElement(core.Group, {
+  }, /*#__PURE__*/React$1.createElement(core.Group, {
     gap: "md",
     px: "sm"
-  }, /*#__PURE__*/React.createElement(core.Center, {
+  }, /*#__PURE__*/React$1.createElement(core.Center, {
     h: 88,
     w: 80
-  }, logo[type]), /*#__PURE__*/React.createElement(core.Stack, {
+  }, logo[type]), /*#__PURE__*/React$1.createElement(core.Stack, {
     gap: 3
-  }, /*#__PURE__*/React.createElement(core.Text, {
+  }, /*#__PURE__*/React$1.createElement(core.Text, {
     fz: 14,
     tt: "uppercase",
     fw: 500
-  }, "**** **** **** ".concat(pan)), /*#__PURE__*/React.createElement(core.Group, {
+  }, "**** **** **** ".concat(pan)), /*#__PURE__*/React$1.createElement(core.Group, {
     c: "dimmed"
-  }, /*#__PURE__*/React.createElement(core.Text, {
+  }, /*#__PURE__*/React$1.createElement(core.Text, {
     tt: "capitalize",
     fw: 300,
     size: "xs"
-  }, type), /*#__PURE__*/React.createElement(core.Text, {
+  }, type), /*#__PURE__*/React$1.createElement(core.Text, {
     fw: 300,
     size: "sm"
-  }, exp))), /*#__PURE__*/React.createElement(core.Space, {
+  }, exp))), /*#__PURE__*/React$1.createElement(core.Space, {
     flex: 1
-  }), /*#__PURE__*/React.createElement(core.ActionIcon, {
+  }), /*#__PURE__*/React$1.createElement(core.ActionIcon, {
     variant: "subtle",
     disabled: isActive
-  }, !isActive ? /*#__PURE__*/React.createElement(Icons, {
+  }, !isActive ? /*#__PURE__*/React$1.createElement(Icons, {
     name: "Record"
-  }) : /*#__PURE__*/React.createElement(Icons, {
+  }) : /*#__PURE__*/React$1.createElement(Icons, {
     name: "TickCircle"
   }))));
 };
 const logo = {
-  mastercard: /*#__PURE__*/React.createElement(core.Image, {
+  mastercard: /*#__PURE__*/React$1.createElement(core.Image, {
     height: 60,
     src: img$2
   }),
-  visa: /*#__PURE__*/React.createElement(core.Image, {
+  visa: /*#__PURE__*/React$1.createElement(core.Image, {
     height: 60,
     src: img$3
   }),
-  amex: /*#__PURE__*/React.createElement(core.Image, {
+  amex: /*#__PURE__*/React$1.createElement(core.Image, {
     height: 60,
     src: img$4
   }),
-  paypal: /*#__PURE__*/React.createElement(core.Image, {
+  paypal: /*#__PURE__*/React$1.createElement(core.Image, {
     height: 60,
     src: img$1
   }),
-  verve: /*#__PURE__*/React.createElement(core.Image, {
+  verve: /*#__PURE__*/React$1.createElement(core.Image, {
     height: 60,
     src: img
   })
 };
 const PaymentMethodAdd = () => {
-  return /*#__PURE__*/React.createElement(core.Group, {
+  return /*#__PURE__*/React$1.createElement(core.Group, {
     align: "center"
-  }, /*#__PURE__*/React.createElement(core.Button, {
+  }, /*#__PURE__*/React$1.createElement(core.Button, {
     variant: "outline",
     w: 60,
     h: 60
-  }, /*#__PURE__*/React.createElement(Icons, {
+  }, /*#__PURE__*/React$1.createElement(Icons, {
     name: "Add",
     size: 60,
     stroke: 1
   })));
 };
 
+const SimpleHeader = _ref => {
+  let {
+    id,
+    label
+  } = _ref;
+  return /*#__PURE__*/React.createElement(core.Table.Th, {
+    fw: 500,
+    id: id,
+    fz: "xs",
+    tt: "uppercase"
+  }, label)
+  //TODO: Manage control of table width from here
+  ;
+};
+
+const SimpleBody = _ref => {
+  let {
+    row,
+    columns,
+    withAction,
+    withIndex,
+    actionFn,
+    index
+  } = _ref;
+  if (withAction && actionFn) {
+    row["action"] = actionFn;
+  }
+  if (withIndex) {
+    row["index"] = "".concat(index ? index + 1 : 1);
+  }
+  return /*#__PURE__*/React$1.createElement(core.Table.Tr, {
+    fw: 300,
+    fz: "sm",
+    h: 50
+  }, columns.map((column, index) => {
+    const columnIndex = column.id;
+    console.log("column: ".concat(column.id, ", type: ").concat(typeof row[column.id]));
+    return /*#__PURE__*/React$1.createElement(core.Table.Td, {
+      key: index
+    }, typeof row[columnIndex] === "string" ? row[columnIndex] : row[columnIndex](columnIndex));
+  }));
+};
+
+//TODO: Add rowId and cellId to enable onclick attributes
+
+const SimpleTable = _ref => {
+  let {
+    columns,
+    rows,
+    withAction,
+    withIndex,
+    actionFn
+  } = _ref;
+  columns.sort((a, b) => a.order - b.order);
+  const indexColumn = {
+    order: -99,
+    id: "index",
+    label: "Id"
+  };
+  const actionColumn = {
+    order: 99999,
+    id: "action",
+    label: ""
+  };
+  withIndex ? columns.unshift(indexColumn) : null;
+  withAction && actionFn ? columns.push(actionColumn) : null;
+  return /*#__PURE__*/React$1.createElement(core.Table, null, /*#__PURE__*/React$1.createElement(core.Table.Thead, null, /*#__PURE__*/React$1.createElement(core.Table.Tr, null, columns.map((column, index) => {
+    return /*#__PURE__*/React$1.createElement(SimpleHeader, _extends({
+      key: "column-".concat(index)
+    }, column));
+  }))), /*#__PURE__*/React$1.createElement(core.Table.Tbody, null, rows.map((row, index) => {
+    return /*#__PURE__*/React$1.createElement(SimpleBody, {
+      key: index,
+      row,
+      columns,
+      withAction,
+      withIndex,
+      actionFn,
+      index
+    });
+  })));
+};
+
 exports.ApplicationMenu = ApplicationMenu;
 exports.ApplicationPanel = ApplicationPanel;
 exports.AvatarLabelPanel = AvatarLabelPanel;
@@ -12464,6 +12547,7 @@ exports.SearchPanel = SearchPanel;
 exports.SideMenu = SideMenu;
 exports.SimpleColumn = SimpleColumn;
 exports.SimplePanel = SimplePanel;
+exports.SimpleTable = SimpleTable;
 exports.SimpleText = SimpleText;
 exports.StackedColumn = StackedColumn;
 exports.SubscriptionPlans = SubscriptionPlans;