@pedidopago/ui 1.1.0 → 1.1.4

package/dist/components/Steps/steps.test.js

@@ -6,6 +6,8 @@ require("@testing-library/jest-dom");
 
 var _ = _interopRequireDefault(require("."));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -15,7 +17,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 var setup = function setup(props) {
-  return _objectSpread({}, (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.default, props)));
+  return _objectSpread({}, (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread({}, props))));
 };
 
 describe('Steps', function () {

package/dist/components/Steps/styles.d.ts

@@ -1,35 +1,35 @@
-/// <reference types="react" />
-export declare const StepsContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    fullWidth?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StepsCircle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    activeColor: 'primary' | 'secondary' | 'tertiary';
-    isFinished?: boolean | undefined;
-    isCurrent?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StepsSeparator: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StepsItemContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    isCurrent: boolean;
-    isFinished: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StepsItemsDetailsContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StepsItemText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+/// <reference types="react" />
+export declare const StepsContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    fullWidth?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StepsCircle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    activeColor: 'primary' | 'secondary' | 'tertiary';
+    isFinished?: boolean | undefined;
+    isCurrent?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StepsSeparator: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StepsItemContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    isCurrent: boolean;
+    isFinished: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StepsItemsDetailsContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StepsItemText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/dist/components/Steps/types.d.ts

@@ -1,7 +1,7 @@
-export declare type IStepsProps = {
-    steps: string[];
-    current: number;
-    activeColor?: 'primary' | 'secondary' | 'tertiary';
-    fullWidth?: boolean;
-};
+export declare type IStepsProps = {
+    steps: string[];
+    current: number;
+    activeColor?: 'primary' | 'secondary' | 'tertiary';
+    fullWidth?: boolean;
+};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Switch/index.d.ts

@@ -1,5 +1,5 @@
-import { FC } from 'react';
-import { IInputProps } from './types';
-declare const SwitchInput: FC<IInputProps>;
-export default SwitchInput;
+import { FC } from 'react';
+import { IInputProps } from './types';
+declare const SwitchInput: FC<IInputProps>;
+export default SwitchInput;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Switch/index.js

@@ -11,6 +11,8 @@ var _styles = require("./styles");
 
 var _Icon = _interopRequireDefault(require("../Icon"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _excluded = ["disabled", "helpText", "alert", "SwitchType", "onChangeValue", "onError"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -102,23 +104,27 @@ var SwitchInput = function SwitchInput(_ref) {
     }
   }
 
-  return /*#__PURE__*/React.createElement(_styles.SwitchWrapper, {
-    "data-testid": "switch-wrapper"
-  }, /*#__PURE__*/React.createElement(_styles.Switch, {
-    "data-testid": "switch",
-    onClick: handleOnClick,
-    onKeyDown: handleOnKeyDown,
-    disabled: disabled,
-    isActive: alert || disabled ? false : isActive,
-    tabIndex: 0,
-    SwitchType: SwitchType
-  }, /*#__PURE__*/React.createElement(_styles.SwitchToken, {
-    className: "switch-token"
-  }, isActive && /*#__PURE__*/React.createElement(_Icon.default, {
-    name: "check"
-  }))), helpText && /*#__PURE__*/React.createElement(_styles.HelpText, {
-    disabled: disabled
-  }, helpText));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.SwitchWrapper, {
+    "data-testid": "switch-wrapper",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Switch, {
+      "data-testid": "switch",
+      onClick: handleOnClick,
+      onKeyDown: handleOnKeyDown,
+      disabled: disabled,
+      isActive: alert || disabled ? false : isActive,
+      tabIndex: 0,
+      SwitchType: SwitchType,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SwitchToken, {
+        className: "switch-token",
+        children: isActive && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+          name: "check"
+        })
+      })
+    }), helpText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.HelpText, {
+      disabled: disabled,
+      children: helpText
+    })]
+  });
 };
 
 var _default = SwitchInput;

package/dist/components/Switch/input.test.d.ts

@@ -1,2 +1,2 @@
-import '@testing-library/jest-dom/extend-expect';
+import '@testing-library/jest-dom/extend-expect';
 //# sourceMappingURL=input.test.d.ts.map

package/dist/components/Switch/input.test.js

@@ -8,6 +8,8 @@ require("@testing-library/jest-dom/extend-expect");
 
 var _ = _interopRequireDefault(require("."));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -17,7 +19,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 var setup = function setup(props) {
-  var utils = (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.default, props));
+  var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread({}, props)));
   var SwitchElement = utils.getByTestId('switch');
   var SwitchWrapper = utils.getByTestId('switch-wrapper');
   return _objectSpread({

package/dist/components/Switch/styles.d.ts

@@ -1,19 +1,19 @@
-/// <reference types="react" />
-import { IStyleProps } from './types';
-export declare const SwitchWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Switch: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SwitchToken: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const HelpText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+/// <reference types="react" />
+import { IStyleProps } from './types';
+export declare const SwitchWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Switch: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SwitchToken: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const HelpText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/dist/components/Switch/types.d.ts

@@ -1,16 +1,16 @@
-import { ExtendThemeProps } from '../../shared/theme';
-export declare type IStyleProps = {
-    theme?: ExtendThemeProps;
-    disabled?: boolean;
-    isActive?: boolean;
-    SwitchType?: 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary';
-};
-export declare type IInputProps = {
-    disabled?: boolean;
-    helpText?: string;
-    alert?: boolean;
-    SwitchType?: 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary';
-    onError?: (error: string) => void;
-    onChangeValue?: (value: boolean) => void;
-};
+import { ExtendThemeProps } from '../../shared/theme';
+export declare type IStyleProps = {
+    theme?: ExtendThemeProps;
+    disabled?: boolean;
+    isActive?: boolean;
+    SwitchType?: 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary';
+};
+export declare type IInputProps = {
+    disabled?: boolean;
+    helpText?: string;
+    alert?: boolean;
+    SwitchType?: 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary';
+    onError?: (error: string) => void;
+    onChangeValue?: (value: boolean) => void;
+};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Table/components/MenuItem.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { IMenuItem } from '../types';
-export declare function MenuItem({ items, isOpen, onClickOutside, top, right }: IMenuItem): JSX.Element;
+/// <reference types="react" />
+import { IMenuItem } from '../types';
+export declare function MenuItem({ items, isOpen, onClickOutside, top, right }: IMenuItem): JSX.Element;
 //# sourceMappingURL=MenuItem.d.ts.map

package/dist/components/Table/components/MenuItem.js

@@ -13,6 +13,8 @@ var _useOnClickOutside = require("../../../shared/hooks/useOnClickOutside");
 
 var _styles = require("../styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function MenuItem(_ref) {
   var items = _ref.items,
       isOpen = _ref.isOpen,
@@ -26,20 +28,21 @@ function MenuItem(_ref) {
   (0, _useKeyPress.useKeyPress)('Escape', function () {
     return onClickOutside && onClickOutside();
   });
-  return /*#__PURE__*/React.createElement(_styles.MenuItemContainer, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.MenuItemContainer, {
     ref: menuRef,
     isOpen: isOpen,
     posTop: top,
-    posRight: right
-  }, items.map(function (_ref2, index) {
-    var label = _ref2.label,
-        handler = _ref2.handler;
-    return /*#__PURE__*/React.createElement(_styles.MenuItemContent, {
-      tabIndex: 0,
-      key: index,
-      onClick: function onClick() {
-        handler && handler();
-      }
-    }, label);
-  }));
+    posRight: right,
+    children: items.map(function (_ref2, index) {
+      var label = _ref2.label,
+          handler = _ref2.handler;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.MenuItemContent, {
+        tabIndex: 0,
+        onClick: function onClick() {
+          handler && handler();
+        },
+        children: label
+      }, index);
+    })
+  });
 }

package/dist/components/Table/index.d.ts

@@ -1,4 +1,4 @@
-import { ComponentPropsWithoutRef } from 'react';
-import { ITableProps } from './types';
-export declare function Table({ selectable, primaryActions, secondaryActions, header, rows, rowMenuActions, ...rest }: ITableProps & ComponentPropsWithoutRef<'table'>): JSX.Element;
+import { ComponentPropsWithoutRef } from 'react';
+import { ITableProps } from './types';
+export declare function Table({ selectable, primaryActions, secondaryActions, header, rows, rowMenuActions, ...rest }: ITableProps & ComponentPropsWithoutRef<'table'>): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Table/index.js

@@ -23,10 +23,18 @@ var _useColorMode2 = require("../../shared/theme/hooks/useColorMode");
 
 var _GenerateKey = require("../../utils/GenerateKey");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _excluded = ["selectable", "primaryActions", "secondaryActions", "header", "rows", "rowMenuActions"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -129,103 +137,135 @@ function Table(_ref) {
     setAllSelected(!allSelected);
   };
 
-  return /*#__PURE__*/React.createElement(_styles.StyledTable, rest, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, selectedRows.length ? /*#__PURE__*/React.createElement("th", {
-    colSpan: header.length + 1
-  }, /*#__PURE__*/React.createElement(_styles.SelectedHeader, null, /*#__PURE__*/React.createElement(_styles.ActionsButton, {
-    onClick: function onClick() {
-      return toggleSelectAll();
-    }
-  }, /*#__PURE__*/React.createElement(_CheckboxInput.default, {
-    isInderteminate: selectedRows.length > 0 && !allSelected,
-    defaultIsChecked: allSelected || selectedRows.length > 0,
-    onChangeValue: function onChangeValue(checked) {
-      if (!checked && selectedRows.length > 0) {
-        setSelectedRows([]);
-        setAllSelected(false);
-      }
-    }
-  }), /*#__PURE__*/React.createElement(_Typography.default, {
-    fontSize: "xs",
-    fontWeight: "500"
-  }, selectedRows.length, " ", selectedRows.length > 1 ? 'selecionados' : 'selecionado')), !!primaryActions && primaryActions.map(function (action) {
-    return /*#__PURE__*/React.createElement(_styles.ActionsButton, {
-      key: (0, _GenerateKey.generateKey)(),
-      onClick: function onClick() {
-        return action.handler(selectedRows, allSelected);
-      }
-    }, /*#__PURE__*/React.createElement(_Typography.default, {
-      fontSize: "xs",
-      fontWeight: "500"
-    }, action.label));
-  }), !!secondaryActions && /*#__PURE__*/React.createElement(_styles.ActionsButton, {
-    onClick: function onClick() {
-      return setOpenSelectDropDownMenu(!openSelectDropDownMenu);
-    }
-  }, /*#__PURE__*/React.createElement(_Typography.default, {
-    fontSize: "xs",
-    fontWeight: "500"
-  }, "Mais ", /*#__PURE__*/React.createElement(_Icon.default, {
-    name: "chevron-down"
-  })), /*#__PURE__*/React.createElement(_styles.MenuItemWrapper, null, /*#__PURE__*/React.createElement(_MenuItem.MenuItem, {
-    isOpen: openSelectDropDownMenu,
-    items: secondaryActions,
-    onClickOutside: function onClickOutside() {
-      return setOpenSelectDropDownMenu(false);
-    },
-    top: 25,
-    right: -30
-  }))))) : /*#__PURE__*/React.createElement(React.Fragment, null, selectable && /*#__PURE__*/React.createElement("th", null, /*#__PURE__*/React.createElement(_CheckboxInput.default, {
-    onChangeValue: function onChangeValue() {
-      return toggleSelectAll();
-    }
-  })), header.map(function (label) {
-    return /*#__PURE__*/React.createElement("th", {
-      key: (0, _GenerateKey.generateKey)()
-    }, /*#__PURE__*/React.createElement(_Typography.default, {
-      fontSize: "xxs",
-      fontWeight: "600"
-    }, label));
-  })), !!rowMenuActions && /*#__PURE__*/React.createElement("th", null))), /*#__PURE__*/React.createElement("tbody", null, rowsWithKey.map(function (row) {
-    return /*#__PURE__*/React.createElement("tr", {
-      key: row.key,
-      tabIndex: selectable ? 0 : undefined,
-      "data-selected": selectedRows.includes(row.key)
-    }, selectable && /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement(_CheckboxInput.default, {
-      defaultIsChecked: selectedRows.includes(row.key),
-      onChangeValue: function onChangeValue(checked) {
-        return rowCheckboxHandler(row.key, checked);
-      }
-    })), row.item.map(function (cell) {
-      return /*#__PURE__*/React.createElement("td", {
-        key: (0, _GenerateKey.generateKey)()
-      }, typeof cell === 'string' ? /*#__PURE__*/React.createElement(_Typography.default, {
-        fontSize: "xxs",
-        fontWeight: "500"
-      }, cell) : cell);
-    }), !!rowMenuActions && /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement(_FocusLock.default, {
-      isLocked: isMenuOpen.rowId === row.key && isMenuOpen.state
-    }, /*#__PURE__*/React.createElement(_styles.MenuItemWrapper, null, /*#__PURE__*/React.createElement(_styles.VerticalPointsButton, {
-      onClick: function onClick() {
-        return setIsMenuOpen({
-          state: isMenuOpen.rowId === row.key ? !isMenuOpen.state : true,
-          rowId: row.key
-        });
-      }
-    }, /*#__PURE__*/React.createElement(_Icon.default, {
-      name: "more-vertical",
-      color: colorMode === 'dark' ? 'neutral.white' : 'neutral.black'
-    })), /*#__PURE__*/React.createElement(_MenuItem.MenuItem, {
-      onClickOutside: function onClickOutside() {
-        if (isMenuOpen.rowId === row.key) {
-          setIsMenuOpen({
-            state: false,
-            rowId: ''
-          });
-        }
-      },
-      isOpen: isMenuOpen.rowId === row.key && isMenuOpen.state,
-      items: rowMenuActions,
-      top: 45
-    })))));
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.StyledTable, _objectSpread(_objectSpread({}, rest), {}, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("thead", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("tr", {
+        children: [selectedRows.length ? /*#__PURE__*/(0, _jsxRuntime.jsx)("th", {
+          colSpan: header.length + 1,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.SelectedHeader, {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.ActionsButton, {
+              onClick: function onClick() {
+                return toggleSelectAll();
+              },
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckboxInput.default, {
+                isInderteminate: selectedRows.length > 0 && !allSelected,
+                defaultIsChecked: allSelected || selectedRows.length > 0,
+                onChangeValue: function onChangeValue(checked) {
+                  if (!checked && selectedRows.length > 0) {
+                    setSelectedRows([]);
+                    setAllSelected(false);
+                  }
+                }
+              }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, {
+                fontSize: "xs",
+                fontWeight: "500",
+                children: [selectedRows.length, " ", selectedRows.length > 1 ? 'selecionados' : 'selecionado']
+              })]
+            }), !!primaryActions && primaryActions.map(function (action) {
+              return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ActionsButton, {
+                onClick: function onClick() {
+                  return action.handler(selectedRows, allSelected);
+                },
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+                  fontSize: "xs",
+                  fontWeight: "500",
+                  children: action.label
+                })
+              }, (0, _GenerateKey.generateKey)());
+            }), !!secondaryActions && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.ActionsButton, {
+              onClick: function onClick() {
+                return setOpenSelectDropDownMenu(!openSelectDropDownMenu);
+              },
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, {
+                fontSize: "xs",
+                fontWeight: "500",
+                children: ["Mais ", /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+                  name: "chevron-down"
+                })]
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.MenuItemWrapper, {
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuItem.MenuItem, {
+                  isOpen: openSelectDropDownMenu,
+                  items: secondaryActions,
+                  onClickOutside: function onClickOutside() {
+                    return setOpenSelectDropDownMenu(false);
+                  },
+                  top: 25,
+                  right: -30
+                })
+              })]
+            })]
+          })
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [selectable && /*#__PURE__*/(0, _jsxRuntime.jsx)("th", {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckboxInput.default, {
+              onChangeValue: function onChangeValue() {
+                return toggleSelectAll();
+              }
+            })
+          }), header.map(function (label) {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)("th", {
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+                fontSize: "xxs",
+                fontWeight: "600",
+                children: label
+              })
+            }, (0, _GenerateKey.generateKey)());
+          })]
+        }), !!rowMenuActions && /*#__PURE__*/(0, _jsxRuntime.jsx)("th", {})]
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("tbody", {
+      children: rowsWithKey.map(function (row) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)("tr", {
+          tabIndex: selectable ? 0 : undefined,
+          "data-selected": selectedRows.includes(row.key),
+          children: [selectable && /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckboxInput.default, {
+              defaultIsChecked: selectedRows.includes(row.key),
+              onChangeValue: function onChangeValue(checked) {
+                return rowCheckboxHandler(row.key, checked);
+              }
+            })
+          }), row.item.map(function (cell) {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
+              children: typeof cell === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+                fontSize: "xxs",
+                fontWeight: "500",
+                children: cell
+              }) : cell
+            }, (0, _GenerateKey.generateKey)());
+          }), !!rowMenuActions && /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FocusLock.default, {
+              isLocked: isMenuOpen.rowId === row.key && isMenuOpen.state,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.MenuItemWrapper, {
+                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.VerticalPointsButton, {
+                  onClick: function onClick() {
+                    return setIsMenuOpen({
+                      state: isMenuOpen.rowId === row.key ? !isMenuOpen.state : true,
+                      rowId: row.key
+                    });
+                  },
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+                    name: "more-vertical",
+                    color: colorMode === 'dark' ? 'neutral.white' : 'neutral.black'
+                  })
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuItem.MenuItem, {
+                  onClickOutside: function onClickOutside() {
+                    if (isMenuOpen.rowId === row.key) {
+                      setIsMenuOpen({
+                        state: false,
+                        rowId: ''
+                      });
+                    }
+                  },
+                  isOpen: isMenuOpen.rowId === row.key && isMenuOpen.state,
+                  items: rowMenuActions,
+                  top: 45
+                })]
+              })
+            })
+          })]
+        }, row.key);
+      })
+    })]
+  }));
 }