@pedidopago/ui 1.1.4 → 1.1.5

package/dist/components/Switch/index.js

@@ -13,8 +13,6 @@ 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 }; }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -29,10 +27,6 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 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; }
-
 var SwitchInput = function SwitchInput(_ref) {
   var _ref$disabled = _ref.disabled,
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
@@ -41,14 +35,23 @@ var SwitchInput = function SwitchInput(_ref) {
       alert = _ref$alert === void 0 ? false : _ref$alert,
       SwitchType = _ref.SwitchType,
       onChangeValue = _ref.onChangeValue,
-      onError = _ref.onError,
-      rest = _objectWithoutProperties(_ref, _excluded);
+      _ref$defaultValue = _ref.defaultValue,
+      defaultValue = _ref$defaultValue === void 0 ? false : _ref$defaultValue,
+      _ref$checked = _ref.checked,
+      checked = _ref$checked === void 0 ? false : _ref$checked,
+      onError = _ref.onError;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
       isActive = _useState2[0],
       setIsActive = _useState2[1];
 
+  (0, _react.useEffect)(function () {
+    !!checked && setIsActive(checked);
+  }, [checked]);
+  (0, _react.useEffect)(function () {
+    !!defaultValue && setIsActive(defaultValue);
+  }, [defaultValue]);
   (0, _react.useEffect)(function () {
     !!onChangeValue && onChangeValue(isActive);
   }, [isActive, onChangeValue]);
@@ -107,6 +110,7 @@ var SwitchInput = function SwitchInput(_ref) {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.SwitchWrapper, {
     "data-testid": "switch-wrapper",
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Switch, {
+      role: "checkbox",
       "data-testid": "switch",
       onClick: handleOnClick,
       onKeyDown: handleOnKeyDown,

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAGtC,eAAO,MAAM,aAAa;;;uHAOzB,CAAC;AAEF,eAAO,MAAM,MAAM;;;uHAoBlB,CAAC;AAEF,eAAO,MAAM,WAAW;;;uHAgBvB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;yHAGpB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAGtC,eAAO,MAAM,aAAa;;;uHAOzB,CAAC;AAEF,eAAO,MAAM,MAAM;;;uHAwBlB,CAAC;AAEF,eAAO,MAAM,WAAW;;;uHAgBvB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;yHAGpB,CAAC"}

package/dist/components/Switch/styles.js

@@ -27,7 +27,10 @@ exports.SwitchWrapper = SwitchWrapper;
 var Switch = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n  padding: 4px 2px;\n  position: relative;\n  outline: 0;\n\n  width: 40px;\n  height: 24px;\n  border-radius: 80px;\n\n  border: 2px solid\n    ", ";\n\n  transition: all ease-in-out 0.2s;\n\n  ", "\n\n  ", "\n"])), function (_ref2) {
   var theme = _ref2.theme,
       isActive = _ref2.isActive;
-  return isActive ? theme.colors.body.light : theme.colors.neutral.neutral2;
+  return {
+    dark: isActive ? theme.colors.body.light : theme.colors.neutral.neutral5,
+    light: isActive ? theme.colors.body.light : theme.colors.neutral.neutral2
+  }[theme.colorMode];
 }, function (_ref3) {
   var isActive = _ref3.isActive,
       disabled = _ref3.disabled;
@@ -73,5 +76,14 @@ function ActiveEffects(_ref8) {
 function disabledStyle(_ref9) {
   var theme = _ref9.theme;
   if (!theme) return '';
-  return (0, _react.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    border-color: ", ";\n    background-color: ", ";\n\n    div {\n      background-color: ", ";\n    }\n  "])), theme.colors.neutral.neutral2, theme.colors.body.light, theme.colors.neutral.neutral2);
+  return (0, _react.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    border-color: ", ";\n    background-color: ", ";\n\n    div {\n      background-color: ", ";\n    }\n  "])), {
+    dark: theme.colors.neutral.neutral4,
+    light: theme.colors.neutral.neutral2
+  }[theme.colorMode], {
+    dark: theme.colors.neutral.neutral5,
+    light: theme.colors.body.light
+  }[theme.colorMode], {
+    dark: theme.colors.neutral.neutral3,
+    light: theme.colors.neutral.neutral2
+  }[theme.colorMode]);
 }

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

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

package/dist/components/Switch/switch.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.test.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/switch.test.tsx"],"names":[],"mappings":"AAGA,OAAO,yCAAyC,CAAC"}

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

@@ -0,0 +1,276 @@
+"use strict";
+
+var _testUtils = require("../../shared/tests/test-utils");
+
+var _react = require("@testing-library/react");
+
+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; }
+
+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; }
+
+var setup = function setup(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({
+    SwitchElement: SwitchElement,
+    SwitchWrapper: SwitchWrapper
+  }, utils);
+};
+
+describe('Switch', function () {
+  it('Should be Rendered', function () {
+    var _setup = setup(),
+        SwitchElement = _setup.SwitchElement;
+
+    expect(SwitchElement).toBeInTheDocument();
+  });
+  it('Should return state in callback onChangeValue on click', function () {
+    var onChangeValue = jest.fn();
+
+    var _setup2 = setup({
+      onChangeValue: onChangeValue
+    }),
+        SwitchElement = _setup2.SwitchElement;
+
+    _react.fireEvent.click(SwitchElement);
+
+    expect(onChangeValue).toBeCalledWith(true);
+  });
+  it('Should not be controlled if has Alert prop and show error', function () {
+    var onChangeValue = jest.fn();
+    var onError = jest.fn();
+
+    var _setup3 = setup({
+      onChangeValue: onChangeValue,
+      onError: onError,
+      alert: true
+    }),
+        SwitchElement = _setup3.SwitchElement;
+
+    _react.fireEvent.click(SwitchElement);
+
+    expect(onChangeValue).toBeCalledWith(false);
+    expect(onError).toBeCalledWith('try click with alert');
+  });
+  it('Should be controlled with keyboard: ArrowUp, ArrowRight make it true', function () {
+    var onChangeValue = jest.fn();
+    var keysToTest = ['ArrowUp', 'ArrowRight'];
+
+    var _setup4 = setup({
+      onChangeValue: onChangeValue
+    }),
+        SwitchElement = _setup4.SwitchElement;
+
+    keysToTest.forEach(function (key) {
+      _react.fireEvent.keyDown(SwitchElement, {
+        code: key
+      });
+
+      expect(onChangeValue).toBeCalledWith(true);
+
+      _react.fireEvent.click(SwitchElement);
+
+      expect(onChangeValue).toBeCalledWith(false);
+    });
+    keysToTest.forEach(function (key) {
+      _react.fireEvent.keyDown(SwitchElement, {
+        code: key
+      });
+
+      expect(onChangeValue).toBeCalledWith(true);
+
+      _react.fireEvent.keyDown(SwitchElement, {
+        code: key
+      });
+
+      expect(onChangeValue).toBeCalledWith(true);
+
+      _react.fireEvent.click(SwitchElement);
+
+      expect(onChangeValue).toBeCalledWith(false);
+    });
+  });
+  it('Should be controlled with keyboard: ArrowDown, ArrowLeft, Enter and Space make it true', function () {
+    var onChangeValue = jest.fn();
+    var keysToTest = ['ArrowDown', 'ArrowLeft'];
+
+    var _setup5 = setup({
+      onChangeValue: onChangeValue
+    }),
+        SwitchElement = _setup5.SwitchElement;
+
+    _react.fireEvent.click(SwitchElement);
+
+    expect(onChangeValue).toBeCalledWith(true);
+    keysToTest.forEach(function (key) {
+      _react.fireEvent.keyDown(SwitchElement, {
+        code: key
+      });
+
+      expect(onChangeValue).toBeCalledWith(false);
+
+      _react.fireEvent.click(SwitchElement);
+
+      expect(onChangeValue).toBeCalledWith(true);
+    });
+    keysToTest.forEach(function (key) {
+      _react.fireEvent.keyDown(SwitchElement, {
+        code: key
+      });
+
+      expect(onChangeValue).toBeCalledWith(false);
+
+      _react.fireEvent.keyDown(SwitchElement, {
+        code: key
+      });
+
+      expect(onChangeValue).toBeCalledWith(false);
+
+      _react.fireEvent.click(SwitchElement);
+
+      expect(onChangeValue).toBeCalledWith(true);
+    });
+  });
+  it('Should be controlled with keyboard: Enter and Space toggle it', function () {
+    var onChangeValue = jest.fn();
+    var keysToTest = ['Enter', 'Space'];
+
+    var _setup6 = setup({
+      onChangeValue: onChangeValue
+    }),
+        SwitchElement = _setup6.SwitchElement;
+
+    keysToTest.forEach(function (key) {
+      _react.fireEvent.keyDown(SwitchElement, {
+        code: key
+      });
+
+      expect(onChangeValue).toBeCalledWith(true);
+
+      _react.fireEvent.keyDown(SwitchElement, {
+        code: key
+      });
+
+      expect(onChangeValue).toBeCalledWith(false);
+    });
+  });
+  it('Should not be controlled with keyboard: any other keys', function () {
+    var onChangeValue = jest.fn();
+    var keysToTest = ['KeyA', 'KeyB', 'ShiftRight'];
+
+    var _setup7 = setup({
+      onChangeValue: onChangeValue
+    }),
+        SwitchElement = _setup7.SwitchElement;
+
+    keysToTest.forEach(function (key) {
+      _react.fireEvent.keyDown(SwitchElement, {
+        code: key
+      });
+
+      expect(onChangeValue).toBeCalledWith(false);
+    });
+  });
+  it('Should not be controlled with keyboard: if has SwitchType, and Show Error', function () {
+    var onChangeValue = jest.fn();
+    var onError = jest.fn();
+    var keysToTest = ['Enter', 'Space'];
+
+    var _setup8 = setup({
+      onChangeValue: onChangeValue,
+      alert: true,
+      onError: onError
+    }),
+        SwitchElement = _setup8.SwitchElement;
+
+    keysToTest.forEach(function (key) {
+      _react.fireEvent.keyDown(SwitchElement, {
+        code: key
+      });
+
+      expect(onChangeValue).toBeCalledWith(false);
+      expect(onError).toBeCalledWith('try click with alert');
+    });
+  });
+  it('Should not be used if is disabled, and Should show error', function () {
+    var onChangeValue = jest.fn();
+    var onError = jest.fn();
+
+    var _setup9 = setup({
+      onChangeValue: onChangeValue,
+      disabled: true,
+      onError: onError
+    }),
+        SwitchElement = _setup9.SwitchElement;
+
+    _react.fireEvent.click(SwitchElement);
+
+    expect(onChangeValue).toBeCalledWith(false);
+    expect(onError).toBeCalledWith('try click with disabled');
+
+    _react.fireEvent.keyDown(SwitchElement, {
+      code: 'Enter'
+    });
+
+    expect(onChangeValue).toBeCalledWith(false);
+    expect(onError).toBeCalledWith('try click with disabled');
+  });
+  it('Should render the HelpText', function () {
+    var helpText = 'Quer batata no almoço?';
+
+    var _setup10 = setup({
+      helpText: helpText
+    }),
+        SwitchWrapper = _setup10.SwitchWrapper;
+
+    var helpTextElement = SwitchWrapper.querySelector('span');
+    expect(helpTextElement === null || helpTextElement === void 0 ? void 0 : helpTextElement.innerHTML).toEqual(helpText);
+  });
+  it('Should receive a defaultValue state', function () {
+    var _setup11 = setup({
+      defaultValue: true
+    }),
+        SwitchElement = _setup11.SwitchElement;
+
+    var checkedIcon = SwitchElement.querySelector('svg');
+    expect(checkedIcon).toBeInTheDocument();
+  });
+  it('Should receive a false defaultValue state', function () {
+    var _setup12 = setup({
+      defaultValue: false
+    }),
+        SwitchElement = _setup12.SwitchElement;
+
+    var checkedIcon = SwitchElement.querySelector('svg');
+    expect(checkedIcon).not.toBeInTheDocument();
+  });
+  it('Should receive a checked state', function () {
+    var _setup13 = setup({
+      checked: true
+    }),
+        SwitchElement = _setup13.SwitchElement;
+
+    var checkedIcon = SwitchElement.querySelector('svg');
+    expect(checkedIcon).toBeInTheDocument();
+  });
+  it('Should receive a false checked state', function () {
+    var _setup14 = setup({
+      checked: false
+    }),
+        SwitchElement = _setup14.SwitchElement;
+
+    var checkedIcon = SwitchElement.querySelector('svg');
+    expect(checkedIcon).not.toBeInTheDocument();
+  });
+});

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,oBAAY,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EACP,SAAS,GACT,OAAO,GACP,SAAS,GACT,aAAa,GACb,UAAU,GACV,mBAAmB,GACnB,mBAAmB,CAAC;CACzB,CAAC;AAEF,oBAAY,WAAW,GAAG;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EACP,SAAS,GACT,OAAO,GACP,SAAS,GACT,aAAa,GACb,UAAU,GACV,mBAAmB,GACnB,mBAAmB,CAAC;IACxB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEvC,oBAAY,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EACP,SAAS,GACT,OAAO,GACP,SAAS,GACT,aAAa,GACb,UAAU,GACV,mBAAmB,GACnB,mBAAmB,CAAC;CACzB,CAAC;AAEF,oBAAY,WAAW,GAAG;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EACP,SAAS,GACT,OAAO,GACP,SAAS,GACT,aAAa,GACb,UAAU,GACV,mBAAmB,GACnB,mBAAmB,CAAC;IACxB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC"}

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;
+export declare function Table({ selectable, primaryActions, secondaryActions, header, rows, ...rest }: ITableProps & ComponentPropsWithoutRef<'table'>): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAkD,MAAM,OAAO,CAAC;AAsBjG,OAAO,EAAE,WAAW,EAAkB,MAAM,SAAS,CAAC;AAMtD,wBAAgB,KAAK,CAAC,EACpB,UAAU,EACV,cAAc,EACd,gBAAgB,EAChB,MAAM,EACN,IAAI,EACJ,cAAc,EACd,GAAG,IAAI,EACR,EAAE,WAAW,GAAG,wBAAwB,CAAC,OAAO,CAAC,eA4LjD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAkD,MAAM,OAAO,CAAC;AAsBjG,OAAO,EAAE,WAAW,EAAkB,MAAM,SAAS,CAAC;AAMtD,wBAAgB,KAAK,CAAC,EACpB,UAAU,EACV,cAAc,EACd,gBAAgB,EAChB,MAAM,EACN,IAAI,EACJ,GAAG,IAAI,EACR,EAAE,WAAW,GAAG,wBAAwB,CAAC,OAAO,CAAC,eA8LjD"}

package/dist/components/Table/index.js

@@ -25,16 +25,10 @@ var _GenerateKey = require("../../utils/GenerateKey");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-var _excluded = ["selectable", "primaryActions", "secondaryActions", "header", "rows", "rowMenuActions"];
+var _excluded = ["selectable", "primaryActions", "secondaryActions", "header", "rows"];
 
 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."); }
@@ -43,6 +37,12 @@ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symb
 
 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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 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."); }
@@ -65,7 +65,6 @@ function Table(_ref) {
       secondaryActions = _ref.secondaryActions,
       header = _ref.header,
       rows = _ref.rows,
-      rowMenuActions = _ref.rowMenuActions,
       rest = _objectWithoutProperties(_ref, _excluded);
 
   var _useState = (0, _react.useState)([]),
@@ -96,12 +95,14 @@ function Table(_ref) {
 
   var rowsWithKey = (0, _react.useMemo)(function () {
     return rows.map(function (row) {
-      return {
-        key: (0, _GenerateKey.generateKey)(),
-        item: 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;
@@ -211,7 +212,7 @@ function Table(_ref) {
               })
             }, (0, _GenerateKey.generateKey)());
           })]
-        }), !!rowMenuActions && /*#__PURE__*/(0, _jsxRuntime.jsx)("th", {})]
+        }), haveActions && /*#__PURE__*/(0, _jsxRuntime.jsx)("th", {})]
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("tbody", {
       children: rowsWithKey.map(function (row) {
@@ -225,7 +226,7 @@ function Table(_ref) {
                 return rowCheckboxHandler(row.key, checked);
               }
             })
-          }), row.item.map(function (cell) {
+          }), row.items.map(function (cell) {
             return /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
               children: typeof cell === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
                 fontSize: "xxs",
@@ -233,7 +234,7 @@ function Table(_ref) {
                 children: cell
               }) : cell
             }, (0, _GenerateKey.generateKey)());
-          }), !!rowMenuActions && /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
+          }), !!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, {
@@ -258,7 +259,7 @@ function Table(_ref) {
                     }
                   },
                   isOpen: isMenuOpen.rowId === row.key && isMenuOpen.state,
-                  items: rowMenuActions,
+                  items: row.actions,
                   top: 45
                 })]
               })

package/dist/components/Table/styles.js

@@ -37,7 +37,9 @@ var MenuItemWrapper = _styled.default.div(_templateObject4 || (_templateObject4
 
 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  z-index: 40;\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) {
+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  z-index: ", ";\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.zIndex.level1;
+}, function (props) {
   return props.theme.transition.speed;
 });
 
@@ -52,7 +54,7 @@ var MenuItemContainer = _styled.default.div(_templateObject6 || (_templateObject
 }, function (props) {
   return props.posTop ? props.posTop : 0;
 }, function (props) {
-  return props.theme.zIndex.level48;
+  return props.theme.zIndex.level2;
 });
 
 exports.MenuItemContainer = MenuItemContainer;

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

@@ -25,7 +25,9 @@ describe('Table', function () {
   it('should render the table component', function () {
     var _setup = setup({
       header: ['Header 1', 'Header 2'],
-      rows: [['Row 1', 'Row 2']]
+      rows: [{
+        items: ['Row 1', 'Row 2']
+      }]
     }),
         container = _setup.container;
 
@@ -34,7 +36,9 @@ describe('Table', function () {
   it('should render the table component with selectable prop', function () {
     var _setup2 = setup({
       header: ['Header 1', 'Header 2'],
-      rows: [['Row 1', 'Row 2']],
+      rows: [{
+        items: ['Row 1', 'Row 2']
+      }],
       selectable: true
     }),
         container = _setup2.container;
@@ -44,13 +48,15 @@ describe('Table', function () {
   it('should render the table component with dropdown menu in rows', function () {
     var _setup3 = setup({
       header: ['Header 1', 'Header 2'],
-      rows: [['Row 1', 'Row 2']],
-      rowMenuActions: [{
-        label: 'Action 1',
-        handler: function handler() {}
-      }, {
-        label: 'Action 2',
-        handler: function handler() {}
+      rows: [{
+        items: ['Row 1', 'Row 2'],
+        actions: [{
+          label: 'Action 1',
+          handler: function handler() {}
+        }, {
+          label: 'Action 2',
+          handler: function handler() {}
+        }]
       }]
     }),
         container = _setup3.container;
@@ -60,7 +66,13 @@ describe('Table', function () {
   it('should select all elements', function () {
     var _setup4 = setup({
       header: ['Header 1', 'Header 2'],
-      rows: [['Row collumn 1', 'Row collumn 2'], ['Row collumn 1', 'Row collumn 2'], ['Row collumn 1', 'Row collumn 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;
@@ -77,13 +89,33 @@ describe('Table', function () {
 
     var _setup5 = setup({
       header: ['Header 1', 'Header 2'],
-      rows: [['Row collumn 1', 'Row collumn 2'], ['Row collumn 1', 'Row collumn 2'], ['Row collumn 1', 'Row collumn 2']],
-      rowMenuActions: [{
-        label: 'Action 1',
-        handler: function handler() {}
+      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() {}
+        }]
       }, {
-        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;

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

@@ -1,8 +1,12 @@
 import { ReactNode } from 'react';
 export interface TableAction {
-    label: string | ReactNode;
+    label: ReactNode;
     handler: (selectedRows?: string[], allSelected?: boolean) => void;
 }
+export declare type TableRow = {
+    items: ReactNode[];
+    actions?: TableAction[];
+};
 /** Corresponds to the content displayed inside a table cell. */
 export declare type TableCell = ReactNode;
 export declare type MenuStateProps = {
@@ -16,12 +20,10 @@ export interface ITableProps {
     primaryActions?: TableAction[];
     /** Secondary actions displayed in a dropdown in the header for selected tables. */
     secondaryActions?: TableAction[];
-    /** The dropdown actions of the rows */
-    rowMenuActions?: TableAction[];
     /** An array containing the labels of the columns to be displayed in the header. */
     header: string[];
     /** An array of TableCell's arrays each matching a row of the table. Each TableCell corresponds to the content displayed inside a table cell. */
-    rows: TableCell[][];
+    rows: TableRow[];
 }
 export interface IMenuItem {
     /** Table row dropdown menu items. */

package/dist/components/Table/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Table/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,OAAO,EAAE,CAAC,YAAY,CAAC,EAAE,MAAM,EAAE,EAAE,WAAW,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CACnE;AAED,gEAAgE;AAChE,oBAAY,SAAS,GAAG,SAAS,CAAC;AAElC,oBAAY,cAAc,GAAG;IAC3B,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,WAAW,WAAW;IAC1B,kFAAkF;IAClF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mEAAmE;IACnE,cAAc,CAAC,EAAE,WAAW,EAAE,CAAC;IAC/B,mFAAmF;IACnF,gBAAgB,CAAC,EAAE,WAAW,EAAE,CAAC;IACjC,uCAAuC;IACvC,cAAc,CAAC,EAAE,WAAW,EAAE,CAAC;IAC/B,mFAAmF;IACnF,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,gJAAgJ;IAChJ,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC;CACrB;AAED,MAAM,WAAW,SAAS;IACxB,qCAAqC;IACrC,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,qCAAqC;IACrC,MAAM,EAAE,OAAO,CAAC;IAChB,kDAAkD;IAClD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,4CAA4C;IAC5C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Table/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,CAAC,YAAY,CAAC,EAAE,MAAM,EAAE,EAAE,WAAW,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CACnE;AAED,oBAAY,QAAQ,GAAG;IACrB,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;CACzB,CAAC;AAEF,gEAAgE;AAChE,oBAAY,SAAS,GAAG,SAAS,CAAC;AAElC,oBAAY,cAAc,GAAG;IAC3B,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,WAAW,WAAW;IAC1B,kFAAkF;IAClF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mEAAmE;IACnE,cAAc,CAAC,EAAE,WAAW,EAAE,CAAC;IAC/B,mFAAmF;IACnF,gBAAgB,CAAC,EAAE,WAAW,EAAE,CAAC;IACjC,mFAAmF;IACnF,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,gJAAgJ;IAChJ,IAAI,EAAE,QAAQ,EAAE,CAAC;CAClB;AAED,MAAM,WAAW,SAAS;IACxB,qCAAqC;IACrC,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,qCAAqC;IACrC,MAAM,EAAE,OAAO,CAAC;IAChB,kDAAkD;IAClD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,4CAA4C;IAC5C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}