@pedidopago/ui 1.7.26 → 1.8.0

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

@@ -1,59 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MenuItem = MenuItem;
-var _react = require("react");
-var _framerMotion = require("framer-motion");
-var _useKeyPress = require("../../../shared/hooks/useKeyPress");
-var _useOnClickOutside = require("../../../shared/hooks/useOnClickOutside");
-var _styles = require("../styles");
-var _animations = require("./animations");
-var _jsxRuntime = require("react/jsx-runtime");
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function MenuItem(_ref) {
-  var items = _ref.items,
-    isOpen = _ref.isOpen,
-    onClickOutside = _ref.onClickOutside,
-    top = _ref.top,
-    right = _ref.right;
-  var menuRef = (0, _react.useRef)(null);
-  (0, _useOnClickOutside.useOnClickOutside)(menuRef, function () {
-    return onClickOutside && onClickOutside();
-  });
-  (0, _useKeyPress.useKeyPress)('Escape', function () {
-    return onClickOutside && onClickOutside();
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_framerMotion.AnimatePresence, {
-    mode: "wait",
-    children: isOpen && /*#__PURE__*/(0, _react.createElement)(_framerMotion.motion.div, _objectSpread(_objectSpread({
-      style: {
-        position: 'absolute',
-        right: '0'
-      }
-    }, _animations.tableActionsAnimation), {}, {
-      key: "actions_table_row_motion"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.MenuItemContainer, {
-      ref: menuRef,
-      posTop: top,
-      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);
-      })
-    }))
-  });
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MenuItem=MenuItem;var _react=require("react"),_framerMotion=require("framer-motion"),_useKeyPress=require("../../../shared/hooks/useKeyPress"),_useOnClickOutside=require("../../../shared/hooks/useOnClickOutside"),_styles=require("../styles"),_animations=require("./animations"),_jsxRuntime=require("react/jsx-runtime");function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(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 source,i=1;i<arguments.length;i++)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){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}function MenuItem(_ref){var items=_ref.items,isOpen=_ref.isOpen,onClickOutside=_ref.onClickOutside,top=_ref.top,right=_ref.right,menuRef=(0,_react.useRef)(null);return(0,_useOnClickOutside.useOnClickOutside)(menuRef,function(){return onClickOutside&&onClickOutside()}),(0,_useKeyPress.useKeyPress)("Escape",function(){return onClickOutside&&onClickOutside()}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_framerMotion.AnimatePresence,{mode:"wait",children:isOpen&&/*#__PURE__*/(0,_react.createElement)(_framerMotion.motion.div,_objectSpread(_objectSpread({style:{position:"absolute",right:"0"}},_animations.tableActionsAnimation),{},{key:"actions_table_row_motion"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.MenuItemContainer,{ref:menuRef,posTop:top,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/components/TableSkeleton.js

@@ -1,39 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TableSkeleton = TableSkeleton;
-var _Skeleton = _interopRequireDefault(require("../../../components/Skeleton"));
-var _GenerateKey = require("../../../utils/GenerateKey");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function TableSkeletonColumns(_ref) {
-  var skeletonColumns = _ref.skeletonColumns,
-    skeletonHeight = _ref.skeletonHeight;
-  return Array.from({
-    length: skeletonColumns
-  }).map(function () {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.default, {
-        isLoaded: false,
-        height: skeletonHeight
-      })
-    }, (0, _GenerateKey.generateKey)());
-  });
-}
-function TableSkeleton(_ref2) {
-  var skeletonColumns = _ref2.skeletonColumns,
-    skeletonRows = _ref2.skeletonRows,
-    skeletonHeight = _ref2.skeletonHeight;
-  return Array.from({
-    length: skeletonRows
-  }).map(function () {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
-      children: TableSkeletonColumns({
-        skeletonColumns: skeletonColumns,
-        skeletonHeight: skeletonHeight
-      })
-    }, (0, _GenerateKey.generateKey)());
-  });
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TableSkeleton=TableSkeleton;var _Skeleton=_interopRequireDefault(require("../../../components/Skeleton")),_GenerateKey=require("../../../utils/GenerateKey"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function TableSkeletonColumns(_ref){var skeletonColumns=_ref.skeletonColumns,skeletonHeight=_ref.skeletonHeight;return Array.from({length:skeletonColumns}).map(function(){return/*#__PURE__*/(0,_jsxRuntime.jsx)("td",{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Skeleton.default,{isLoaded:!1,height:skeletonHeight})},(0,_GenerateKey.generateKey)())})}function TableSkeleton(_ref2){var skeletonColumns=_ref2.skeletonColumns,skeletonRows=_ref2.skeletonRows,skeletonHeight=_ref2.skeletonHeight;return Array.from({length:skeletonRows}).map(function(){return/*#__PURE__*/(0,_jsxRuntime.jsx)("tr",{children:TableSkeletonColumns({skeletonColumns:skeletonColumns,skeletonHeight:skeletonHeight})},(0,_GenerateKey.generateKey)())})}

package/dist/components/Table/components/animations.js

@@ -1,24 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.tableActionsAnimation = void 0;
-var tableActionsAnimation = {
-  initial: {
-    opacity: 0,
-    bottom: -15
-  },
-  exit: {
-    opacity: 0,
-    bottom: -15
-  },
-  animate: {
-    opacity: 1,
-    bottom: -5
-  },
-  transition: {
-    duration: 0.1
-  }
-};
-exports.tableActionsAnimation = tableActionsAnimation;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.tableActionsAnimation=void 0;var tableActionsAnimation={initial:{opacity:0,bottom:-15},exit:{opacity:0,bottom:-15},animate:{opacity:1,bottom:-5},transition:{duration:.1}};exports.tableActionsAnimation=tableActionsAnimation;

package/dist/components/Table/index.js

@@ -1,256 +1,5 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Table = Table;
-var _react = require("react");
-var _CheckboxInput = _interopRequireDefault(require("../CheckboxInput"));
-var _Typography = _interopRequireDefault(require("../Typography"));
-var _Icon = _interopRequireDefault(require("../Icon"));
-var _MenuItem = require("./components/MenuItem");
-var _FocusLock = _interopRequireDefault(require("../../shared/components/FocusLock"));
-var _TableSkeleton = require("./components/TableSkeleton");
-var _styles = require("./styles");
-var _GenerateKey = require("../../utils/GenerateKey");
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["selectable", "primaryActions", "secondaryActions", "header", "rows", "isLoading", "skeletonRows", "skeletonHeight", "actionLabel"]; // Components
+"use strict";function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.Table=Table;var _react=require("react"),_CheckboxInput=_interopRequireDefault(require("../CheckboxInput")),_Typography=_interopRequireDefault(require("../Typography")),_Icon=_interopRequireDefault(require("../Icon")),_MenuItem=require("./components/MenuItem"),_FocusLock=_interopRequireDefault(require("../../shared/components/FocusLock")),_TableSkeleton=require("./components/TableSkeleton"),_styles=require("./styles"),_GenerateKey=require("../../utils/GenerateKey"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["selectable","primaryActions","secondaryActions","header","rows","isLoading","skeletonRows","skeletonHeight","actionLabel"];// Components
 // Styles
 // Types
 // Utils
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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."); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function Table(_ref) {
-  var selectable = _ref.selectable,
-    primaryActions = _ref.primaryActions,
-    secondaryActions = _ref.secondaryActions,
-    header = _ref.header,
-    rows = _ref.rows,
-    _ref$isLoading = _ref.isLoading,
-    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
-    _ref$skeletonRows = _ref.skeletonRows,
-    skeletonRows = _ref$skeletonRows === void 0 ? 5 : _ref$skeletonRows,
-    _ref$skeletonHeight = _ref.skeletonHeight,
-    skeletonHeight = _ref$skeletonHeight === void 0 ? '16px' : _ref$skeletonHeight,
-    actionLabel = _ref.actionLabel,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _useState = (0, _react.useState)([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    selectedRows = _useState2[0],
-    setSelectedRows = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    allSelected = _useState4[0],
-    setAllSelected = _useState4[1];
-  var _useState5 = (0, _react.useState)({
-      state: false,
-      rowId: ''
-    }),
-    _useState6 = _slicedToArray(_useState5, 2),
-    isMenuOpen = _useState6[0],
-    setIsMenuOpen = _useState6[1];
-  var _useState7 = (0, _react.useState)(false),
-    _useState8 = _slicedToArray(_useState7, 2),
-    openSelectDropDownMenu = _useState8[0],
-    setOpenSelectDropDownMenu = _useState8[1];
-  var rowsWithKey = (0, _react.useMemo)(function () {
-    return rows.map(function (row) {
-      return _objectSpread({
-        key: (0, _GenerateKey.generateKey)()
-      }, row);
-    });
-  }, [rows]);
-  var haveActions = rows.map(function (row) {
-    return !!row.actions;
-  }).includes(true);
-  var rowCheckboxHandler = (0, _react.useCallback)(function (rowKey, checked) {
-    var selectedRowArrayIndex = selectedRows.findIndex(function (i) {
-      return i === rowKey;
-    });
-    var selectedList = [];
-    if (checked) {
-      if (selectedRowArrayIndex < 0) {
-        selectedList = [].concat(_toConsumableArray(selectedRows), [rowKey]);
-        setSelectedRows([].concat(_toConsumableArray(selectedRows), [rowKey]));
-      }
-    } else {
-      if (selectedRowArrayIndex >= 0) {
-        var updatedArray = _toConsumableArray(selectedRows);
-        updatedArray.splice(selectedRowArrayIndex, 1);
-        selectedList = updatedArray;
-        setSelectedRows(updatedArray);
-      }
-    }
-    if (selectedList.length === rows.length) {
-      setAllSelected(true);
-    } else {
-      setAllSelected(false);
-    }
-  }, [selectedRows, rows]);
-  var toggleSelectAll = function toggleSelectAll() {
-    setSelectedRows(allSelected ? [] : rowsWithKey.map(function (row) {
-      return row.key;
-    }));
-    setAllSelected(!allSelected);
-  };
-  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, {
-                color: "neutral.black",
-                fontSize: "xxs",
-                fontWeight: "600",
-                children: label
-              })
-            }, (0, _GenerateKey.generateKey)());
-          })]
-        }), haveActions && /*#__PURE__*/(0, _jsxRuntime.jsx)("th", {
-          children: !selectedRows.length && !!actionLabel && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
-            color: "neutral.black",
-            fontSize: "xxs",
-            fontWeight: "600",
-            children: actionLabel
-          })
-        })]
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("tbody", {
-      children: isLoading ? (0, _TableSkeleton.TableSkeleton)({
-        skeletonColumns: (header === null || header === void 0 ? void 0 : header.length) || 1,
-        skeletonRows: skeletonRows,
-        skeletonHeight: skeletonHeight
-      }) : 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.items.map(function (cell) {
-            return /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
-              children: typeof cell === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
-                color: "neutral.black",
-                fontSize: "xxs",
-                children: cell
-              }) : cell
-            }, (0, _GenerateKey.generateKey)());
-          }), !!row.actions && /*#__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: "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: row.actions,
-                  top: 45
-                })]
-              })
-            })
-          })]
-        }, row.key);
-      })
-    })]
-  }));
-}
+function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default: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.")}function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}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 source,i=1;i<arguments.length;i++)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){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=_objectWithoutPropertiesLoose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],0<=excluded.indexOf(key)||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],0<=excluded.indexOf(key)||(target[key]=source[key]);return target}function Table(_ref){var selectable=_ref.selectable,primaryActions=_ref.primaryActions,secondaryActions=_ref.secondaryActions,header=_ref.header,rows=_ref.rows,_ref$isLoading=_ref.isLoading,_ref$skeletonRows=_ref.skeletonRows,skeletonRows=void 0===_ref$skeletonRows?5:_ref$skeletonRows,_ref$skeletonHeight=_ref.skeletonHeight,skeletonHeight=void 0===_ref$skeletonHeight?"16px":_ref$skeletonHeight,actionLabel=_ref.actionLabel,rest=_objectWithoutProperties(_ref,_excluded),_useState=(0,_react.useState)([]),_useState2=_slicedToArray(_useState,2),selectedRows=_useState2[0],setSelectedRows=_useState2[1],_useState3=(0,_react.useState)(!1),_useState4=_slicedToArray(_useState3,2),allSelected=_useState4[0],setAllSelected=_useState4[1],_useState5=(0,_react.useState)({state:!1,rowId:""}),_useState6=_slicedToArray(_useState5,2),isMenuOpen=_useState6[0],setIsMenuOpen=_useState6[1],_useState7=(0,_react.useState)(!1),_useState8=_slicedToArray(_useState7,2),openSelectDropDownMenu=_useState8[0],setOpenSelectDropDownMenu=_useState8[1],rowsWithKey=(0,_react.useMemo)(function(){return rows.map(function(row){return _objectSpread({key:(0,_GenerateKey.generateKey)()},row)})},[rows]),haveActions=rows.map(function(row){return!!row.actions}).includes(!0),rowCheckboxHandler=(0,_react.useCallback)(function(rowKey,checked){var selectedRowArrayIndex=selectedRows.findIndex(function(i){return i===rowKey}),selectedList=[];if(checked)0>selectedRowArrayIndex&&(selectedList=[].concat(_toConsumableArray(selectedRows),[rowKey]),setSelectedRows([].concat(_toConsumableArray(selectedRows),[rowKey])));else if(0<=selectedRowArrayIndex){var updatedArray=_toConsumableArray(selectedRows);updatedArray.splice(selectedRowArrayIndex,1),selectedList=updatedArray,setSelectedRows(updatedArray)}selectedList.length===rows.length?setAllSelected(!0):setAllSelected(!1)},[selectedRows,rows]),toggleSelectAll=function(){setSelectedRows(allSelected?[]:rowsWithKey.map(function(row){return row.key})),setAllSelected(!allSelected)};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:0<selectedRows.length&&!allSelected,defaultIsChecked:allSelected||0<selectedRows.length,onChangeValue:function onChangeValue(checked){!checked&&0<selectedRows.length&&(setSelectedRows([]),setAllSelected(!1))}}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Typography.default,{fontSize:"xs",fontWeight:"500",children:[selectedRows.length," ",1<selectedRows.length?"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(!1)},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,{color:"neutral.black",fontSize:"xxs",fontWeight:"600",children:label})},(0,_GenerateKey.generateKey)())})]}),haveActions&&/*#__PURE__*/(0,_jsxRuntime.jsx)("th",{children:!selectedRows.length&&!!actionLabel&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{color:"neutral.black",fontSize:"xxs",fontWeight:"600",children:actionLabel})})]})}),/*#__PURE__*/(0,_jsxRuntime.jsx)("tbody",{children:void 0!==_ref$isLoading&&_ref$isLoading?(0,_TableSkeleton.TableSkeleton)({skeletonColumns:(null===header||void 0===header?void 0:header.length)||1,skeletonRows:skeletonRows,skeletonHeight:skeletonHeight}):rowsWithKey.map(function(row){return/*#__PURE__*/(0,_jsxRuntime.jsxs)("tr",{tabIndex:selectable?0:void 0,"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.items.map(function(cell){return/*#__PURE__*/(0,_jsxRuntime.jsx)("td",{children:"string"==typeof cell?/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{color:"neutral.black",fontSize:"xxs",children:cell}):cell},(0,_GenerateKey.generateKey)())}),!!row.actions&&/*#__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,rowId:row.key})},children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"more-vertical",color:"neutral.black"})}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_MenuItem.MenuItem,{onClickOutside:function onClickOutside(){isMenuOpen.rowId===row.key&&setIsMenuOpen({state:!1,rowId:""})},isOpen:isMenuOpen.rowId===row.key&&isMenuOpen.state,items:row.actions,top:45})]})})})]},row.key)})})]}))}

package/dist/components/Table/styles.js

@@ -1,49 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.VerticalPointsButton = exports.StyledTable = exports.SelectedHeader = exports.MenuItemWrapper = exports.MenuItemContent = exports.MenuItemContainer = exports.ActionsButton = void 0;
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _react = require("@emotion/react");
-var _customColorMode = require("../../utils/customColorMode");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var StyledTable = _styled.default.table(function (props) {
-  var theme = props.theme;
-  return (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    width: 100%;\n    border-spacing: 0px;\n\n    & > thead {\n      & > tr {\n        height: 64px;\n\n        & > th {\n          background: ", ";\n          border: none;\n          padding-inline: 16px;\n          text-align: left;\n\n          &:first-of-type {\n            border-top-left-radius: 6px;\n            border-bottom-left-radius: 6px;\n          }\n\n          &:last-child {\n            border-top-right-radius: 6px;\n            border-bottom-right-radius: 6px;\n          }\n        }\n      }\n    }\n\n    & > tbody {\n      tr {\n        height: 64px;\n\n        &:nth-of-type(even) {\n          background: ", "4f;\n        }\n\n        &:hover {\n          & > td {\n            background: ", "50;\n          }\n        }\n\n        &:focus {\n          outline: 2px solid ", ";\n          border-radius: 8px;\n        }\n\n        &[data-selected='true'] {\n          & > td {\n            background: ", "bb;\n          }\n        }\n\n        & > td {\n          padding-inline: 16px;\n          transition: all ease 0.1s;\n          text-align: left;\n\n          color: ", ";\n\n          &:first-of-type {\n            border-top-left-radius: 8px;\n            border-bottom-left-radius: 8px;\n          }\n\n          &:last-child {\n            border-top-right-radius: 8px;\n            border-bottom-right-radius: 8px;\n          }\n        }\n      }\n    }\n  "])), theme.colors.neutral.neutral1, theme.colors.neutral.neutral1, theme.colors.neutral.neutral2, theme.colors.primary.focus, theme.colors.neutral.neutral1, theme.colors.neutral.neutral5);
-});
-exports.StyledTable = StyledTable;
-var SelectedHeader = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n"])));
-exports.SelectedHeader = SelectedHeader;
-var ActionsButton = _styled.default.button(function (props) {
-  var theme = props.theme;
-  return (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    appearance: none;\n    font-family: inherit;\n\n    display: flex;\n    align-items: center;\n    gap: 8px;\n\n    margin: 0px -2px 0px 0px;\n    outline: none;\n    border: 2px solid ", ";\n    padding: 0px 24px;\n    height: 44px;\n\n    white-space: nowrap;\n\n    color: ", ";\n    background: ", ";\n\n    transition: background-color linear ", ";\n\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n\n    &:first-of-type {\n      color: ", ";\n      border-radius: 8px 0px 0px 8px;\n    }\n\n    &:last-of-type {\n      border-radius: 0px 8px 8px 0px;\n    }\n\n    &:only-child {\n      border-radius: 8px;\n    }\n\n    &:hover,\n    &:focus {\n      z-index: 1;\n\n      border-color: ", ";\n      background: ", ";\n    }\n\n    &:active {\n      background: ", ";\n    }\n  "])), theme.colors.neutral.neutral2, theme.colors.neutral.neutral5, theme.colors.neutral.white, theme.transition.speed, theme.colors.neutral.black, theme.colors.neutral.neutral3, theme.colors.neutral.neutral1, theme.colors.neutral.neutral2);
-});
-exports.ActionsButton = ActionsButton;
-var MenuItemWrapper = _styled.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  position: relative;\n"])));
-exports.MenuItemWrapper = MenuItemWrapper;
-var VerticalPointsButton = _styled.default.button(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  border: 0;\n  background-color: transparent;\n  font-family: inherit;\n  position: relative;\n  cursor: pointer;\n\n  border-radius: 50%;\n\n  padding: 0.5rem;\n\n  transition: background-color linear ", ";\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.08);\n  }\n"])), function (props) {
-  return props.theme.transition.speed;
-});
-exports.VerticalPointsButton = VerticalPointsButton;
-var MenuItemContainer = _styled.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: block;\n  position: absolute;\n  border-radius: 8px;\n  background-color: ", ";\n  box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.1);\n  right: ", "px;\n  padding: 10px;\n\n  z-index: ", ";\n"])), function (_ref) {
-  var theme = _ref.theme;
-  return (0, _customColorMode.customColorMode)(theme.colors.neutral.white, theme.colors.neutral.neutral1);
-}, function (props) {
-  return props.posRight ? props.posRight : 0;
-}, function (props) {
-  return props.theme.zIndex.level2;
-});
-exports.MenuItemContainer = MenuItemContainer;
-var MenuItemContent = _styled.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  width: 100%;\n  border-radius: 8px;\n  padding: 10px 35px;\n  cursor: pointer;\n  user-select: none;\n  font-size: 1rem;\n  white-space: nowrap;\n\n  color: ", ";\n\n  transition: background linear ", ";\n\n  &:hover {\n    background: ", ";\n  }\n"])), function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.colors.neutral.black;
-}, function (props) {
-  return props.theme.transition.speed;
-}, function (_ref3) {
-  var theme = _ref3.theme;
-  return (0, _customColorMode.customColorMode)(theme.colors.neutral.neutral1, theme.colors.neutral.white);
-});
-exports.MenuItemContent = MenuItemContent;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.VerticalPointsButton=exports.StyledTable=exports.SelectedHeader=exports.MenuItemWrapper=exports.MenuItemContent=exports.MenuItemContainer=exports.ActionsButton=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_styled=_interopRequireDefault(require("@emotion/styled")),_react=require("@emotion/react"),_customColorMode=require("../../utils/customColorMode");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var StyledTable=_styled.default.table(function(props){var theme=props.theme;return(0,_react.css)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n    width: 100%;\n    border-spacing: 0px;\n\n    & > thead {\n      & > tr {\n        height: 64px;\n\n        & > th {\n          background: ",";\n          border: none;\n          padding-inline: 16px;\n          text-align: left;\n\n          &:first-of-type {\n            border-top-left-radius: 6px;\n            border-bottom-left-radius: 6px;\n          }\n\n          &:last-child {\n            border-top-right-radius: 6px;\n            border-bottom-right-radius: 6px;\n          }\n        }\n      }\n    }\n\n    & > tbody {\n      tr {\n        height: 64px;\n\n        &:nth-of-type(even) {\n          background: ","4f;\n        }\n\n        &:hover {\n          & > td {\n            background: ","50;\n          }\n        }\n\n        &:focus {\n          outline: 2px solid ",";\n          border-radius: 8px;\n        }\n\n        &[data-selected='true'] {\n          & > td {\n            background: ","bb;\n          }\n        }\n\n        & > td {\n          padding-inline: 16px;\n          transition: all ease 0.1s;\n          text-align: left;\n\n          color: ",";\n\n          &:first-of-type {\n            border-top-left-radius: 8px;\n            border-bottom-left-radius: 8px;\n          }\n\n          &:last-child {\n            border-top-right-radius: 8px;\n            border-bottom-right-radius: 8px;\n          }\n        }\n      }\n    }\n  "])),theme.colors.neutral.neutral1,theme.colors.neutral.neutral1,theme.colors.neutral.neutral2,theme.colors.primary.focus,theme.colors.neutral.neutral1,theme.colors.neutral.neutral5)});exports.StyledTable=StyledTable;var SelectedHeader=_styled.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n"])));exports.SelectedHeader=SelectedHeader;var ActionsButton=_styled.default.button(function(props){var theme=props.theme;return(0,_react.css)(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n    appearance: none;\n    font-family: inherit;\n\n    display: flex;\n    align-items: center;\n    gap: 8px;\n\n    margin: 0px -2px 0px 0px;\n    outline: none;\n    border: 2px solid ",";\n    padding: 0px 24px;\n    height: 44px;\n\n    white-space: nowrap;\n\n    color: ",";\n    background: ",";\n\n    transition: background-color linear ",";\n\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n\n    &:first-of-type {\n      color: ",";\n      border-radius: 8px 0px 0px 8px;\n    }\n\n    &:last-of-type {\n      border-radius: 0px 8px 8px 0px;\n    }\n\n    &:only-child {\n      border-radius: 8px;\n    }\n\n    &:hover,\n    &:focus {\n      z-index: 1;\n\n      border-color: ",";\n      background: ",";\n    }\n\n    &:active {\n      background: ",";\n    }\n  "])),theme.colors.neutral.neutral2,theme.colors.neutral.neutral5,theme.colors.neutral.white,theme.transition.speed,theme.colors.neutral.black,theme.colors.neutral.neutral3,theme.colors.neutral.neutral1,theme.colors.neutral.neutral2)});exports.ActionsButton=ActionsButton;var MenuItemWrapper=_styled.default.div(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n  position: relative;\n"])));exports.MenuItemWrapper=MenuItemWrapper;var VerticalPointsButton=_styled.default.button(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n  border: 0;\n  background-color: transparent;\n  font-family: inherit;\n  position: relative;\n  cursor: pointer;\n\n  border-radius: 50%;\n\n  padding: 0.5rem;\n\n  transition: background-color linear ",";\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.08);\n  }\n"])),function(props){return props.theme.transition.speed});exports.VerticalPointsButton=VerticalPointsButton;var MenuItemContainer=_styled.default.div(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n  display: block;\n  position: absolute;\n  border-radius: 8px;\n  background-color: ",";\n  box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.1);\n  right: ","px;\n  padding: 10px;\n\n  z-index: ",";\n"])),function(_ref){var theme=_ref.theme;return(0,_customColorMode.customColorMode)(theme.colors.neutral.white,theme.colors.neutral.neutral1)},function(props){return props.posRight?props.posRight:0},function(props){return props.theme.zIndex.level2});exports.MenuItemContainer=MenuItemContainer;var MenuItemContent=_styled.default.div(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  width: 100%;\n  border-radius: 8px;\n  padding: 10px 35px;\n  cursor: pointer;\n  user-select: none;\n  font-size: 1rem;\n  white-space: nowrap;\n\n  color: ",";\n\n  transition: background linear ",";\n\n  &:hover {\n    background: ",";\n  }\n"])),function(_ref2){var theme=_ref2.theme;return theme.colors.neutral.black},function(props){return props.theme.transition.speed},function(_ref3){var theme=_ref3.theme;return(0,_customColorMode.customColorMode)(theme.colors.neutral.neutral1,theme.colors.neutral.white)});exports.MenuItemContent=MenuItemContent;

package/dist/components/Table/table.test.js

@@ -1,114 +1 @@
-"use strict";
-
-var _testUtils = require("../../shared/tests/test-utils");
-var _react = require("@testing-library/react");
-require("@testing-library/jest-dom/extend-expect");
-var _ = require(".");
-var _jsxRuntime = require("react/jsx-runtime");
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var setup = function setup(props) {
-  var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Table, _objectSpread({}, props)));
-  return _objectSpread({}, utils);
-};
-describe('Table', function () {
-  it('should render the table component', function () {
-    var _setup = setup({
-        header: ['Header 1', 'Header 2'],
-        rows: [{
-          items: ['Row 1', 'Row 2']
-        }]
-      }),
-      container = _setup.container;
-    expect(container).toBeInTheDocument();
-  });
-  it('should render the table component with selectable prop', function () {
-    var _setup2 = setup({
-        header: ['Header 1', 'Header 2'],
-        rows: [{
-          items: ['Row 1', 'Row 2']
-        }],
-        selectable: true
-      }),
-      container = _setup2.container;
-    expect(container).toBeInTheDocument();
-  });
-  it('should render the table component with dropdown menu in rows', function () {
-    var _setup3 = setup({
-        header: ['Header 1', 'Header 2'],
-        rows: [{
-          items: ['Row 1', 'Row 2'],
-          actions: [{
-            label: 'Action 1',
-            handler: function handler() {}
-          }, {
-            label: 'Action 2',
-            handler: function handler() {}
-          }]
-        }]
-      }),
-      container = _setup3.container;
-    expect(container).toBeInTheDocument();
-  });
-  it('should select all elements', function () {
-    var _setup4 = setup({
-        header: ['Header 1', 'Header 2'],
-        rows: [{
-          items: ['Row collumn 1', 'Row collumn 2']
-        }, {
-          items: ['Row collumn 1', 'Row collumn 2']
-        }, {
-          items: ['Row collumn 1', 'Row collumn 2']
-        }],
-        selectable: true
-      }),
-      container = _setup4.container;
-    var firstCheckbox = container.querySelector('th input[type="checkbox"]');
-    _react.fireEvent.click(firstCheckbox);
-    var allSelectedRows = container.querySelectorAll('[data-selected="true"]');
-    expect(allSelectedRows.length).toEqual(3);
-  });
-  it('should open the dropdown menu in rows', function () {
-    var _firstRowMenuButton$p;
-    var _setup5 = setup({
-        header: ['Header 1', 'Header 2'],
-        rows: [{
-          items: ['Row collumn 1', 'Row collumn 2'],
-          actions: [{
-            label: 'Action 1',
-            handler: function handler() {}
-          }, {
-            label: 'Action 2',
-            handler: function handler() {}
-          }]
-        }, {
-          items: ['Row collumn 1', 'Row collumn 2'],
-          actions: [{
-            label: 'Action 1',
-            handler: function handler() {}
-          }, {
-            label: 'Action 2',
-            handler: function handler() {}
-          }]
-        }, {
-          items: ['Row collumn 1', 'Row collumn 2'],
-          actions: [{
-            label: 'Action 1',
-            handler: function handler() {}
-          }, {
-            label: 'Action 2',
-            handler: function handler() {}
-          }]
-        }]
-      }),
-      container = _setup5.container;
-    var firstRowMenuButton = container.querySelector('tbody tr td button');
-    _react.fireEvent.click(firstRowMenuButton);
-    var firstRowMenu = (_firstRowMenuButton$p = firstRowMenuButton.parentElement) === null || _firstRowMenuButton$p === void 0 ? void 0 : _firstRowMenuButton$p.querySelector('div');
-    expect(firstRowMenu).toHaveStyle('display: block');
-  });
-});
+"use strict";var _testUtils=require("../../shared/tests/test-utils"),_react=require("@testing-library/react");require("@testing-library/jest-dom/extend-expect");var _=require("."),_jsxRuntime=require("react/jsx-runtime");function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(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 source,i=1;i<arguments.length;i++)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){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}var setup=function(props){var utils=(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Table,_objectSpread({},props)));return _objectSpread({},utils)};describe("Table",function(){it("should render the table component",function(){var _setup=setup({header:["Header 1","Header 2"],rows:[{items:["Row 1","Row 2"]}]}),container=_setup.container;expect(container).toBeInTheDocument()}),it("should render the table component with selectable prop",function(){var _setup2=setup({header:["Header 1","Header 2"],rows:[{items:["Row 1","Row 2"]}],selectable:!0}),container=_setup2.container;expect(container).toBeInTheDocument()}),it("should render the table component with dropdown menu in rows",function(){var _setup3=setup({header:["Header 1","Header 2"],rows:[{items:["Row 1","Row 2"],actions:[{label:"Action 1",handler:function handler(){}},{label:"Action 2",handler:function handler(){}}]}]}),container=_setup3.container;expect(container).toBeInTheDocument()}),it("should select all elements",function(){var _setup4=setup({header:["Header 1","Header 2"],rows:[{items:["Row collumn 1","Row collumn 2"]},{items:["Row collumn 1","Row collumn 2"]},{items:["Row collumn 1","Row collumn 2"]}],selectable:!0}),container=_setup4.container,firstCheckbox=container.querySelector("th input[type=\"checkbox\"]");_react.fireEvent.click(firstCheckbox);var allSelectedRows=container.querySelectorAll("[data-selected=\"true\"]");expect(allSelectedRows.length).toEqual(3)}),it("should open the dropdown menu in rows",function(){var _firstRowMenuButton$p,_setup5=setup({header:["Header 1","Header 2"],rows:[{items:["Row collumn 1","Row collumn 2"],actions:[{label:"Action 1",handler:function handler(){}},{label:"Action 2",handler:function handler(){}}]},{items:["Row collumn 1","Row collumn 2"],actions:[{label:"Action 1",handler:function handler(){}},{label:"Action 2",handler:function handler(){}}]},{items:["Row collumn 1","Row collumn 2"],actions:[{label:"Action 1",handler:function handler(){}},{label:"Action 2",handler:function handler(){}}]}]}),container=_setup5.container,firstRowMenuButton=container.querySelector("tbody tr td button");_react.fireEvent.click(firstRowMenuButton);var firstRowMenu=null===(_firstRowMenuButton$p=firstRowMenuButton.parentElement)||void 0===_firstRowMenuButton$p?void 0:_firstRowMenuButton$p.querySelector("div");expect(firstRowMenu).toHaveStyle("display: block")})});