@pedidopago/ui 1.0.6

package/dist/components/Switch/index.js

@@ -0,0 +1,125 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("react");
+
+var _styles = require("./styles");
+
+var _Icon = _interopRequireDefault(require("../Icon"));
+
+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(); }
+
+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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["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; }
+
+var SwitchInput = function SwitchInput(_ref) {
+  var _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      helpText = _ref.helpText,
+      _ref$alert = _ref.alert,
+      alert = _ref$alert === void 0 ? false : _ref$alert,
+      SwitchType = _ref.SwitchType,
+      onChangeValue = _ref.onChangeValue,
+      onError = _ref.onError,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isActive = _useState2[0],
+      setIsActive = _useState2[1];
+
+  (0, _react.useEffect)(function () {
+    !!onChangeValue && onChangeValue(isActive);
+  }, [isActive, onChangeValue]);
+  (0, _react.useEffect)(function () {
+    if (disabled || alert) {
+      setIsActive(false);
+    }
+  }, [disabled, setIsActive, alert]);
+
+  function handleOnKeyDown(e) {
+    if (alert) {
+      setIsActive(false);
+      !!onError && onError('try click with alert');
+    } else if (disabled) {
+      setIsActive(false);
+      !!onError && onError('try click with disabled');
+    } else {
+      switch (e.code) {
+        case 'Enter':
+        case 'Space':
+          setIsActive(function (o) {
+            return !o;
+          });
+          break;
+
+        case 'ArrowLeft':
+        case 'ArrowDown':
+          setIsActive(false);
+          break;
+
+        case 'ArrowRight':
+        case 'ArrowUp':
+          setIsActive(true);
+          break;
+
+        default:
+          break;
+      }
+    }
+  }
+
+  function handleOnClick() {
+    if (alert) {
+      setIsActive(false);
+      !!onError && onError('try click with alert');
+    } else if (disabled) {
+      setIsActive(false);
+      !!onError && onError('try click with disabled');
+    } else {
+      setIsActive(function (o) {
+        return !o;
+      });
+    }
+  }
+
+  return /*#__PURE__*/React.createElement(_styles.SwitchWrapper, {
+    "data-testid": "switch-wrapper"
+  }, /*#__PURE__*/React.createElement(_styles.Switch, {
+    "data-testid": "switch",
+    onClick: handleOnClick,
+    onKeyDown: handleOnKeyDown,
+    disabled: disabled,
+    isActive: alert || disabled ? false : isActive,
+    tabIndex: 0,
+    SwitchType: SwitchType
+  }, /*#__PURE__*/React.createElement(_styles.SwitchToken, {
+    className: "switch-token"
+  }, isActive && /*#__PURE__*/React.createElement(_Icon.default, {
+    name: "check"
+  }))), helpText && /*#__PURE__*/React.createElement(_styles.HelpText, {
+    disabled: disabled
+  }, helpText));
+};
+
+var _default = SwitchInput;
+exports.default = _default;

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

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

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

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

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

@@ -0,0 +1,238 @@
+"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("."));
+
+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__*/React.createElement(_.default, 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 cannot make true 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 cannot 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 cannot 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 cannot 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);
+  });
+});

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

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

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

@@ -0,0 +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"}

package/dist/components/Switch/styles.js

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SwitchWrapper = exports.SwitchToken = exports.Switch = exports.HelpText = void 0;
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _react = require("@emotion/react");
+
+var _colorFunctions = require("../../utils/colorFunctions");
+
+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 SwitchWrapper = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 8px;\n\n  font-size: ", ";\n"])), function (_ref) {
+  var theme = _ref.theme;
+  return theme.fontSizes.xxxs;
+});
+
+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;
+}, function (_ref3) {
+  var isActive = _ref3.isActive,
+      disabled = _ref3.disabled;
+  return isActive ? ActiveEffects : !disabled && SwitchEffects;
+}, function (_ref4) {
+  var disabled = _ref4.disabled;
+  return disabled && disabledStyle;
+});
+
+exports.Switch = Switch;
+
+var SwitchToken = _styled.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 16px;\n  height: 16px;\n  border-radius: 80px;\n  transition: all ease-in-out 0.2s;\n\n  justify-content: center;\n  align-items: center;\n\n  svg {\n    width: 80%;\n    height: 80%;\n  }\n\n  background-color: ", ";\n"])), function (_ref5) {
+  var theme = _ref5.theme;
+  return theme.colors.neutral.neutral3;
+});
+
+exports.SwitchToken = SwitchToken;
+
+var HelpText = _styled.default.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  transition: all ease-in-out 0.2s;\n  color: ", ";\n"])), function (_ref6) {
+  var theme = _ref6.theme,
+      disabled = _ref6.disabled;
+  return disabled ? theme.colors.neutral.neutral2 : 'inherit';
+});
+
+exports.HelpText = HelpText;
+
+function SwitchEffects(_ref7) {
+  var theme = _ref7.theme;
+  if (!theme) return '';
+  return (0, _react.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    :hover {\n      border-color: ", ";\n\n      div.switch-token {\n        background-color: ", ";\n      }\n    }\n\n    :focus {\n      box-shadow: 0 0 0 2px ", ";\n      border-color: ", ";\n      div.switch-token {\n        background-color: ", ";\n      }\n    }\n  "])), theme.colors.neutral.neutral3, theme.colors.neutral.neutral4, theme.colors.neutral.neutral2, theme.colors.neutral.neutral4, theme.colors.neutral.neutral4);
+}
+
+function ActiveEffects(_ref8) {
+  var theme = _ref8.theme,
+      SwitchType = _ref8.SwitchType;
+  if (!theme) return '';
+  var idleColor = SwitchType ? theme.colors[SwitchType].default : theme.colors.primary.default;
+  var hoverColor = SwitchType ? (0, _colorFunctions.hoverFunction)(theme.colors[SwitchType].default) : theme.colors.primary.hover;
+  var focusColor = SwitchType ? (0, _colorFunctions.focusFunction)(theme.colors[SwitchType].default) : theme.colors.primary.focus;
+  return (0, _react.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    border-color: ", ";\n    background-color: ", ";\n    div.switch-token {\n      transform: translateX(16px);\n      background-color: ", ";\n    }\n    svg {\n      color: ", ";\n    }\n\n    :hover {\n      background-color: ", ";\n      border-color: ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n\n    :focus {\n      background-color: ", ";\n      border-color: ", ";\n      box-shadow: 0 0 0 2px\n        ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n  "])), idleColor, idleColor, theme.colors.body.light, idleColor, hoverColor, hoverColor, hoverColor, focusColor, focusColor, SwitchType ? theme.colors[SwitchType].blurred : theme.colors.primary.disabled, focusColor);
+}
+
+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);
+}

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

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

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

@@ -0,0 +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"}

package/dist/components/Switch/types.js

@@ -0,0 +1 @@
+"use strict";

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/components/MenuItem.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAErC,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,SAAS,eAqBhF"}

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

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MenuItem = MenuItem;
+
+var _react = require("react");
+
+var _useKeyPress = require("../../../shared/hooks/useKeyPress");
+
+var _useOnClickOutside = require("../../../shared/hooks/useOnClickOutside");
+
+var _styles = require("../styles");
+
+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__*/React.createElement(_styles.MenuItemContainer, {
+    ref: menuRef,
+    isOpen: isOpen,
+    posTop: top,
+    posRight: right
+  }, items.map(function (_ref2, index) {
+    var label = _ref2.label,
+        handler = _ref2.handler;
+    return /*#__PURE__*/React.createElement(_styles.MenuItemContent, {
+      tabIndex: 0,
+      key: index,
+      onClick: function onClick() {
+        handler && handler();
+      }
+    }, label);
+  }));
+}

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

@@ -0,0 +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;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}