matsuri-ui 9.7.2-alpha.0

package/dist/cjs/Table/TableCheckbox.js

@@ -0,0 +1,87 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TableCheckbox = void 0;
+
+var _theme = require("../theme");
+
+var _Icon = require("../Icon");
+
+var _react = require("@emotion/react");
+
+var _useClickAnimation = require("../hooks/useClickAnimation");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "1v3rjfq",
+  styles: "margin-left:0.5em"
+} : {
+  name: "1tggca8-TableCheckbox",
+  styles: "margin-left:0.5em;label:TableCheckbox;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UYWJsZS9UYWJsZUNoZWNrYm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRnlCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9UYWJsZS9UYWJsZUNoZWNrYm94LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbG9yLCB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiXG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uL0ljb25cIlxuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCJcbmltcG9ydCB7IHVzZUNsaWNrQW5pbWF0aW9uIH0gZnJvbSBcIi4uL2hvb2tzL3VzZUNsaWNrQW5pbWF0aW9uXCJcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIlxuXG5pbnRlcmZhY2UgUGFydGlhbENvbG9yUHJvcHMge1xuICAgIGNvbG9yOiBFeGNsdWRlPENvbG9yLCBcImRlZmF1bHRcIj5cbn1cblxuZXhwb3J0IGludGVyZmFjZSBUYWJsZUNoZWNrYm94UHJvcHNcbiAgICBleHRlbmRzIE9taXQ8UmVhY3QuSW5wdXRIVE1MQXR0cmlidXRlczxIVE1MSW5wdXRFbGVtZW50PiwgXCJjb2xvclwiPixcbiAgICAgICAgUGFydGlhbDxQYXJ0aWFsQ29sb3JQcm9wcz4ge31cblxuZXhwb3J0IGNvbnN0IFRhYmxlQ2hlY2tib3g6IFJlYWN0LkZDPFRhYmxlQ2hlY2tib3hQcm9wcz4gPSAoe1xuICAgIGNoaWxkcmVuLFxuICAgIG9uQ2xpY2s6IGRlZmF1bHRPbkNsaWNrLFxuICAgIGNsYXNzTmFtZSxcbiAgICBjb2xvciA9IFwicHJpbWFyeVwiIGFzIGNvbnN0LFxuICAgIC4uLnByb3BzXG59KSA9PiB7XG4gICAgY29uc3QgUm9vdENvbXBvbmVudCA9IGNoaWxkcmVuID8gXCJsYWJlbFwiIDogXCJzcGFuXCJcbiAgICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKClcbiAgICBjb25zdCB7IG9uQ2xpY2ssIG9uQW5pbWF0aW9uRW5kIH0gPSB1c2VDbGlja0FuaW1hdGlvbihkZWZhdWx0T25DbGljaylcbiAgICByZXR1cm4gKFxuICAgICAgICA8Um9vdENvbXBvbmVudFxuICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgICAgICBjc3M9e2Nzcyh7XG4gICAgICAgICAgICAgICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICAgICAgICAgICAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgICAgICAgICAgICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgICAgICAgICAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCJcbiAgICAgICAgICAgIH0pfVxuICAgICAgICA+XG4gICAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgICAgICAgICB0b3A6IDA7XG4gICAgICAgICAgICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgICAgICAgICAgIHotaW5kZXg6IDE7XG4gICAgICAgICAgICAgICAgICAgIHdpZHRoOiAyNHB4O1xuICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6IDI0cHg7XG4gICAgICAgICAgICAgICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgICAgICAgICAgICAgICYgKyAqIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuc2hhZG93c1sxXX07XG4gICAgICAgICAgICAgICAgICAgICAgICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogJHt0aGVtZS50cmFuc2l0aW9ucy5lYXNpbmcuZWFzZUlufTtcbiAgICAgICAgICAgICAgICAgICAgICAgIHRyYW5zaXRpb24tZHVyYXRpb246ICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc3RhbmRhcmR9O1xuICAgICAgICAgICAgICAgICAgICAgICAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYm94LXNoYWRvdztcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAmOmNoZWNrZWQgKyAqIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zW2NvbG9yXS5tYWlufTtcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAmOm5vdCg6ZGlzYWJsZWQpOmhvdmVyICsgKiB7XG4gICAgICAgICAgICAgICAgICAgICAgICBib3gtc2hhZG93OiAke3RoZW1lLnNoYWRvd3NbM119O1xuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICBjc3M9e2Nzcyh7XG4gICAgICAgICAgICAgICAgICAgIHdpZHRoOiAyNCxcbiAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiAyNCxcbiAgICAgICAgICAgICAgICAgICAgZm9udFNpemU6IDE4LFxuICAgICAgICAgICAgICAgICAgICBjb2xvcjogdGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zW2NvbG9yXS5jb250cmFzdFRleHQsXG4gICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zW2NvbG9yXS5jb250cmFzdFRleHQsXG4gICAgICAgICAgICAgICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS5wYWxldHRlLmludGVudGlvbnNbY29sb3JdLm1haW4sXG4gICAgICAgICAgICAgICAgICAgIGJvcmRlcldpZHRoOiAxLFxuICAgICAgICAgICAgICAgICAgICBib3JkZXJTdHlsZTogXCJzb2xpZFwiLFxuICAgICAgICAgICAgICAgICAgICBib3JkZXJSYWRpdXM6IDUsXG4gICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgICAgICAgICAgICAgICAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgICAgICAgICAgICAgICAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICAgICAgICAgICAgICAgICAgY3Vyc29yOiBcInBvaW50ZXJcIlxuICAgICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgICAgIG9uQW5pbWF0aW9uRW5kPXtvbkFuaW1hdGlvbkVuZH1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8SWNvbi5DaGVjayAvPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICB7Y2hpbGRyZW4gJiYgKFxuICAgICAgICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICAgICAgICAgIGNzcz17Y3NzKHtcbiAgICAgICAgICAgICAgICAgICAgICAgIG1hcmdpbkxlZnQ6IFwiMC41ZW1cIlxuICAgICAgICAgICAgICAgICAgICB9KX1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICApfVxuICAgICAgICA8L1Jvb3RDb21wb25lbnQ+XG4gICAgKVxufVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var _ref2 = process.env.NODE_ENV === "production" ? {
+  name: "ic8vxg",
+  styles: "position:relative;box-sizing:border-box;display:flex;align-items:center"
+} : {
+  name: "i2b4fv-TableCheckbox",
+  styles: "position:relative;box-sizing:border-box;display:flex;align-items:center;label:TableCheckbox;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UYWJsZS9UYWJsZUNoZWNrYm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQmlCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9UYWJsZS9UYWJsZUNoZWNrYm94LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbG9yLCB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiXG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uL0ljb25cIlxuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCJcbmltcG9ydCB7IHVzZUNsaWNrQW5pbWF0aW9uIH0gZnJvbSBcIi4uL2hvb2tzL3VzZUNsaWNrQW5pbWF0aW9uXCJcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIlxuXG5pbnRlcmZhY2UgUGFydGlhbENvbG9yUHJvcHMge1xuICAgIGNvbG9yOiBFeGNsdWRlPENvbG9yLCBcImRlZmF1bHRcIj5cbn1cblxuZXhwb3J0IGludGVyZmFjZSBUYWJsZUNoZWNrYm94UHJvcHNcbiAgICBleHRlbmRzIE9taXQ8UmVhY3QuSW5wdXRIVE1MQXR0cmlidXRlczxIVE1MSW5wdXRFbGVtZW50PiwgXCJjb2xvclwiPixcbiAgICAgICAgUGFydGlhbDxQYXJ0aWFsQ29sb3JQcm9wcz4ge31cblxuZXhwb3J0IGNvbnN0IFRhYmxlQ2hlY2tib3g6IFJlYWN0LkZDPFRhYmxlQ2hlY2tib3hQcm9wcz4gPSAoe1xuICAgIGNoaWxkcmVuLFxuICAgIG9uQ2xpY2s6IGRlZmF1bHRPbkNsaWNrLFxuICAgIGNsYXNzTmFtZSxcbiAgICBjb2xvciA9IFwicHJpbWFyeVwiIGFzIGNvbnN0LFxuICAgIC4uLnByb3BzXG59KSA9PiB7XG4gICAgY29uc3QgUm9vdENvbXBvbmVudCA9IGNoaWxkcmVuID8gXCJsYWJlbFwiIDogXCJzcGFuXCJcbiAgICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKClcbiAgICBjb25zdCB7IG9uQ2xpY2ssIG9uQW5pbWF0aW9uRW5kIH0gPSB1c2VDbGlja0FuaW1hdGlvbihkZWZhdWx0T25DbGljaylcbiAgICByZXR1cm4gKFxuICAgICAgICA8Um9vdENvbXBvbmVudFxuICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgICAgICBjc3M9e2Nzcyh7XG4gICAgICAgICAgICAgICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICAgICAgICAgICAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgICAgICAgICAgICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgICAgICAgICAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCJcbiAgICAgICAgICAgIH0pfVxuICAgICAgICA+XG4gICAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgICAgICAgICB0b3A6IDA7XG4gICAgICAgICAgICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgICAgICAgICAgIHotaW5kZXg6IDE7XG4gICAgICAgICAgICAgICAgICAgIHdpZHRoOiAyNHB4O1xuICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6IDI0cHg7XG4gICAgICAgICAgICAgICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgICAgICAgICAgICAgICYgKyAqIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuc2hhZG93c1sxXX07XG4gICAgICAgICAgICAgICAgICAgICAgICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogJHt0aGVtZS50cmFuc2l0aW9ucy5lYXNpbmcuZWFzZUlufTtcbiAgICAgICAgICAgICAgICAgICAgICAgIHRyYW5zaXRpb24tZHVyYXRpb246ICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc3RhbmRhcmR9O1xuICAgICAgICAgICAgICAgICAgICAgICAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYm94LXNoYWRvdztcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAmOmNoZWNrZWQgKyAqIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zW2NvbG9yXS5tYWlufTtcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAmOm5vdCg6ZGlzYWJsZWQpOmhvdmVyICsgKiB7XG4gICAgICAgICAgICAgICAgICAgICAgICBib3gtc2hhZG93OiAke3RoZW1lLnNoYWRvd3NbM119O1xuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICBjc3M9e2Nzcyh7XG4gICAgICAgICAgICAgICAgICAgIHdpZHRoOiAyNCxcbiAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiAyNCxcbiAgICAgICAgICAgICAgICAgICAgZm9udFNpemU6IDE4LFxuICAgICAgICAgICAgICAgICAgICBjb2xvcjogdGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zW2NvbG9yXS5jb250cmFzdFRleHQsXG4gICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zW2NvbG9yXS5jb250cmFzdFRleHQsXG4gICAgICAgICAgICAgICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS5wYWxldHRlLmludGVudGlvbnNbY29sb3JdLm1haW4sXG4gICAgICAgICAgICAgICAgICAgIGJvcmRlcldpZHRoOiAxLFxuICAgICAgICAgICAgICAgICAgICBib3JkZXJTdHlsZTogXCJzb2xpZFwiLFxuICAgICAgICAgICAgICAgICAgICBib3JkZXJSYWRpdXM6IDUsXG4gICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgICAgICAgICAgICAgICAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgICAgICAgICAgICAgICAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICAgICAgICAgICAgICAgICAgY3Vyc29yOiBcInBvaW50ZXJcIlxuICAgICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgICAgIG9uQW5pbWF0aW9uRW5kPXtvbkFuaW1hdGlvbkVuZH1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8SWNvbi5DaGVjayAvPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICB7Y2hpbGRyZW4gJiYgKFxuICAgICAgICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICAgICAgICAgIGNzcz17Y3NzKHtcbiAgICAgICAgICAgICAgICAgICAgICAgIG1hcmdpbkxlZnQ6IFwiMC41ZW1cIlxuICAgICAgICAgICAgICAgICAgICB9KX1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICApfVxuICAgICAgICA8L1Jvb3RDb21wb25lbnQ+XG4gICAgKVxufVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+const TableCheckbox = ({
+  children,
+  onClick: defaultOnClick,
+  className,
+  color = "primary",
+  ...props
+}) => {
+  const RootComponent = children ? "label" : "span";
+  const theme = (0, _theme.useTheme)();
+  const {
+    onClick,
+    onAnimationEnd
+  } = (0, _useClickAnimation.useClickAnimation)(defaultOnClick);
+  return (0, _react.jsx)(RootComponent, {
+    className: className,
+    css: _ref2
+  }, (0, _react.jsx)("input", _extends({
+    css: /*#__PURE__*/(0, _react.css)("position:absolute;top:0;left:0;z-index:1;width:24px;height:24px;opacity:0;&+*{box-shadow:", theme.shadows[1], ";transition-timing-function:", theme.transitions.easing.easeIn, ";transition-duration:", theme.transitions.duration.standard, ";transition-property:box-shadow;}&:checked+*{background-color:", theme.palette.intentions[color].main, ";}&:not(:disabled):hover+*{box-shadow:", theme.shadows[3], ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:TableCheckbox;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UYWJsZS9UYWJsZUNoZWNrYm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQ3dCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9UYWJsZS9UYWJsZUNoZWNrYm94LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbG9yLCB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiXG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uL0ljb25cIlxuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCJcbmltcG9ydCB7IHVzZUNsaWNrQW5pbWF0aW9uIH0gZnJvbSBcIi4uL2hvb2tzL3VzZUNsaWNrQW5pbWF0aW9uXCJcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIlxuXG5pbnRlcmZhY2UgUGFydGlhbENvbG9yUHJvcHMge1xuICAgIGNvbG9yOiBFeGNsdWRlPENvbG9yLCBcImRlZmF1bHRcIj5cbn1cblxuZXhwb3J0IGludGVyZmFjZSBUYWJsZUNoZWNrYm94UHJvcHNcbiAgICBleHRlbmRzIE9taXQ8UmVhY3QuSW5wdXRIVE1MQXR0cmlidXRlczxIVE1MSW5wdXRFbGVtZW50PiwgXCJjb2xvclwiPixcbiAgICAgICAgUGFydGlhbDxQYXJ0aWFsQ29sb3JQcm9wcz4ge31cblxuZXhwb3J0IGNvbnN0IFRhYmxlQ2hlY2tib3g6IFJlYWN0LkZDPFRhYmxlQ2hlY2tib3hQcm9wcz4gPSAoe1xuICAgIGNoaWxkcmVuLFxuICAgIG9uQ2xpY2s6IGRlZmF1bHRPbkNsaWNrLFxuICAgIGNsYXNzTmFtZSxcbiAgICBjb2xvciA9IFwicHJpbWFyeVwiIGFzIGNvbnN0LFxuICAgIC4uLnByb3BzXG59KSA9PiB7XG4gICAgY29uc3QgUm9vdENvbXBvbmVudCA9IGNoaWxkcmVuID8gXCJsYWJlbFwiIDogXCJzcGFuXCJcbiAgICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKClcbiAgICBjb25zdCB7IG9uQ2xpY2ssIG9uQW5pbWF0aW9uRW5kIH0gPSB1c2VDbGlja0FuaW1hdGlvbihkZWZhdWx0T25DbGljaylcbiAgICByZXR1cm4gKFxuICAgICAgICA8Um9vdENvbXBvbmVudFxuICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgICAgICBjc3M9e2Nzcyh7XG4gICAgICAgICAgICAgICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICAgICAgICAgICAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgICAgICAgICAgICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgICAgICAgICAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCJcbiAgICAgICAgICAgIH0pfVxuICAgICAgICA+XG4gICAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgICAgICAgICB0b3A6IDA7XG4gICAgICAgICAgICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgICAgICAgICAgIHotaW5kZXg6IDE7XG4gICAgICAgICAgICAgICAgICAgIHdpZHRoOiAyNHB4O1xuICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6IDI0cHg7XG4gICAgICAgICAgICAgICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgICAgICAgICAgICAgICYgKyAqIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuc2hhZG93c1sxXX07XG4gICAgICAgICAgICAgICAgICAgICAgICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogJHt0aGVtZS50cmFuc2l0aW9ucy5lYXNpbmcuZWFzZUlufTtcbiAgICAgICAgICAgICAgICAgICAgICAgIHRyYW5zaXRpb24tZHVyYXRpb246ICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc3RhbmRhcmR9O1xuICAgICAgICAgICAgICAgICAgICAgICAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYm94LXNoYWRvdztcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAmOmNoZWNrZWQgKyAqIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zW2NvbG9yXS5tYWlufTtcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAmOm5vdCg6ZGlzYWJsZWQpOmhvdmVyICsgKiB7XG4gICAgICAgICAgICAgICAgICAgICAgICBib3gtc2hhZG93OiAke3RoZW1lLnNoYWRvd3NbM119O1xuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICBjc3M9e2Nzcyh7XG4gICAgICAgICAgICAgICAgICAgIHdpZHRoOiAyNCxcbiAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiAyNCxcbiAgICAgICAgICAgICAgICAgICAgZm9udFNpemU6IDE4LFxuICAgICAgICAgICAgICAgICAgICBjb2xvcjogdGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zW2NvbG9yXS5jb250cmFzdFRleHQsXG4gICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zW2NvbG9yXS5jb250cmFzdFRleHQsXG4gICAgICAgICAgICAgICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS5wYWxldHRlLmludGVudGlvbnNbY29sb3JdLm1haW4sXG4gICAgICAgICAgICAgICAgICAgIGJvcmRlcldpZHRoOiAxLFxuICAgICAgICAgICAgICAgICAgICBib3JkZXJTdHlsZTogXCJzb2xpZFwiLFxuICAgICAgICAgICAgICAgICAgICBib3JkZXJSYWRpdXM6IDUsXG4gICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgICAgICAgICAgICAgICAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgICAgICAgICAgICAgICAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICAgICAgICAgICAgICAgICAgY3Vyc29yOiBcInBvaW50ZXJcIlxuICAgICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgICAgIG9uQW5pbWF0aW9uRW5kPXtvbkFuaW1hdGlvbkVuZH1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8SWNvbi5DaGVjayAvPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICB7Y2hpbGRyZW4gJiYgKFxuICAgICAgICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICAgICAgICAgIGNzcz17Y3NzKHtcbiAgICAgICAgICAgICAgICAgICAgICAgIG1hcmdpbkxlZnQ6IFwiMC41ZW1cIlxuICAgICAgICAgICAgICAgICAgICB9KX1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICApfVxuICAgICAgICA8L1Jvb3RDb21wb25lbnQ+XG4gICAgKVxufVxuIl19 */"),
+    type: "checkbox",
+    onClick: onClick
+  }, props)), (0, _react.jsx)("div", {
+    css: /*#__PURE__*/(0, _react.css)({
+      width: 24,
+      height: 24,
+      fontSize: 18,
+      color: theme.palette.intentions[color].contrastText,
+      backgroundColor: theme.palette.intentions[color].contrastText,
+      borderColor: theme.palette.intentions[color].main,
+      borderWidth: 1,
+      borderStyle: "solid",
+      borderRadius: 5,
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      cursor: "pointer"
+    }, process.env.NODE_ENV === "production" ? "" : ";label:TableCheckbox;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UYWJsZS9UYWJsZUNoZWNrYm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RHFCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9UYWJsZS9UYWJsZUNoZWNrYm94LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbG9yLCB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiXG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uL0ljb25cIlxuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCJcbmltcG9ydCB7IHVzZUNsaWNrQW5pbWF0aW9uIH0gZnJvbSBcIi4uL2hvb2tzL3VzZUNsaWNrQW5pbWF0aW9uXCJcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIlxuXG5pbnRlcmZhY2UgUGFydGlhbENvbG9yUHJvcHMge1xuICAgIGNvbG9yOiBFeGNsdWRlPENvbG9yLCBcImRlZmF1bHRcIj5cbn1cblxuZXhwb3J0IGludGVyZmFjZSBUYWJsZUNoZWNrYm94UHJvcHNcbiAgICBleHRlbmRzIE9taXQ8UmVhY3QuSW5wdXRIVE1MQXR0cmlidXRlczxIVE1MSW5wdXRFbGVtZW50PiwgXCJjb2xvclwiPixcbiAgICAgICAgUGFydGlhbDxQYXJ0aWFsQ29sb3JQcm9wcz4ge31cblxuZXhwb3J0IGNvbnN0IFRhYmxlQ2hlY2tib3g6IFJlYWN0LkZDPFRhYmxlQ2hlY2tib3hQcm9wcz4gPSAoe1xuICAgIGNoaWxkcmVuLFxuICAgIG9uQ2xpY2s6IGRlZmF1bHRPbkNsaWNrLFxuICAgIGNsYXNzTmFtZSxcbiAgICBjb2xvciA9IFwicHJpbWFyeVwiIGFzIGNvbnN0LFxuICAgIC4uLnByb3BzXG59KSA9PiB7XG4gICAgY29uc3QgUm9vdENvbXBvbmVudCA9IGNoaWxkcmVuID8gXCJsYWJlbFwiIDogXCJzcGFuXCJcbiAgICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKClcbiAgICBjb25zdCB7IG9uQ2xpY2ssIG9uQW5pbWF0aW9uRW5kIH0gPSB1c2VDbGlja0FuaW1hdGlvbihkZWZhdWx0T25DbGljaylcbiAgICByZXR1cm4gKFxuICAgICAgICA8Um9vdENvbXBvbmVudFxuICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgICAgICBjc3M9e2Nzcyh7XG4gICAgICAgICAgICAgICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICAgICAgICAgICAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgICAgICAgICAgICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgICAgICAgICAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCJcbiAgICAgICAgICAgIH0pfVxuICAgICAgICA+XG4gICAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgICAgICAgICB0b3A6IDA7XG4gICAgICAgICAgICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgICAgICAgICAgIHotaW5kZXg6IDE7XG4gICAgICAgICAgICAgICAgICAgIHdpZHRoOiAyNHB4O1xuICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6IDI0cHg7XG4gICAgICAgICAgICAgICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgICAgICAgICAgICAgICYgKyAqIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuc2hhZG93c1sxXX07XG4gICAgICAgICAgICAgICAgICAgICAgICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogJHt0aGVtZS50cmFuc2l0aW9ucy5lYXNpbmcuZWFzZUlufTtcbiAgICAgICAgICAgICAgICAgICAgICAgIHRyYW5zaXRpb24tZHVyYXRpb246ICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc3RhbmRhcmR9O1xuICAgICAgICAgICAgICAgICAgICAgICAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYm94LXNoYWRvdztcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAmOmNoZWNrZWQgKyAqIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zW2NvbG9yXS5tYWlufTtcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAmOm5vdCg6ZGlzYWJsZWQpOmhvdmVyICsgKiB7XG4gICAgICAgICAgICAgICAgICAgICAgICBib3gtc2hhZG93OiAke3RoZW1lLnNoYWRvd3NbM119O1xuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICBjc3M9e2Nzcyh7XG4gICAgICAgICAgICAgICAgICAgIHdpZHRoOiAyNCxcbiAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiAyNCxcbiAgICAgICAgICAgICAgICAgICAgZm9udFNpemU6IDE4LFxuICAgICAgICAgICAgICAgICAgICBjb2xvcjogdGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zW2NvbG9yXS5jb250cmFzdFRleHQsXG4gICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zW2NvbG9yXS5jb250cmFzdFRleHQsXG4gICAgICAgICAgICAgICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS5wYWxldHRlLmludGVudGlvbnNbY29sb3JdLm1haW4sXG4gICAgICAgICAgICAgICAgICAgIGJvcmRlcldpZHRoOiAxLFxuICAgICAgICAgICAgICAgICAgICBib3JkZXJTdHlsZTogXCJzb2xpZFwiLFxuICAgICAgICAgICAgICAgICAgICBib3JkZXJSYWRpdXM6IDUsXG4gICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgICAgICAgICAgICAgICAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgICAgICAgICAgICAgICAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICAgICAgICAgICAgICAgICAgY3Vyc29yOiBcInBvaW50ZXJcIlxuICAgICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgICAgIG9uQW5pbWF0aW9uRW5kPXtvbkFuaW1hdGlvbkVuZH1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8SWNvbi5DaGVjayAvPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICB7Y2hpbGRyZW4gJiYgKFxuICAgICAgICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICAgICAgICAgIGNzcz17Y3NzKHtcbiAgICAgICAgICAgICAgICAgICAgICAgIG1hcmdpbkxlZnQ6IFwiMC41ZW1cIlxuICAgICAgICAgICAgICAgICAgICB9KX1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICApfVxuICAgICAgICA8L1Jvb3RDb21wb25lbnQ+XG4gICAgKVxufVxuIl19 */"),
+    onAnimationEnd: onAnimationEnd
+  }, (0, _react.jsx)(_Icon.Icon.Check, null)), children && (0, _react.jsx)("span", {
+    css: _ref
+  }, children));
+};
+
+exports.TableCheckbox = TableCheckbox;
+//# sourceMappingURL=TableCheckbox.js.map

package/dist/cjs/Table/TableCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Table/TableCheckbox.tsx"],"names":["TableCheckbox","children","onClick","defaultOnClick","className","color","props","RootComponent","theme","onAnimationEnd","css","shadows","transitions","easing","easeIn","duration","standard","palette","intentions","main","width","height","fontSize","contrastText","backgroundColor","borderColor","borderWidth","borderStyle","borderRadius","display","alignItems","justifyContent","cursor"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUO,MAAMA,aAA2C,GAAG,CAAC;AACxDC,EAAAA,QADwD;AAExDC,EAAAA,OAAO,EAAEC,cAF+C;AAGxDC,EAAAA,SAHwD;AAIxDC,EAAAA,KAAK,GAAG,SAJgD;AAKxD,KAAGC;AALqD,CAAD,KAMrD;AACF,QAAMC,aAAa,GAAGN,QAAQ,GAAG,OAAH,GAAa,MAA3C;AACA,QAAMO,KAAK,GAAG,sBAAd;AACA,QAAM;AAAEN,IAAAA,OAAF;AAAWO,IAAAA;AAAX,MAA8B,0CAAkBN,cAAlB,CAApC;AACA,SACI,gBAAC,aAAD;AACI,IAAA,SAAS,EAAEC,SADf;AAEI,IAAA,GAAG;AAFP,KASI;AACI,IAAA,GAAG,mBAAEM,UAAF,+FASmBF,KAAK,CAACG,OAAN,CAAc,CAAd,CATnB,kCAUmCH,KAAK,CAACI,WAAN,CAAkBC,MAAlB,CAAyBC,MAV5D,2BAW4BN,KAAK,CAACI,WAAN,CAAkBG,QAAlB,CAA2BC,QAXvD,oEAeyBR,KAAK,CAACS,OAAN,CAAcC,UAAd,CAAyBb,KAAzB,EAAgCc,IAfzD,4CAkBmBX,KAAK,CAACG,OAAN,CAAc,CAAd,CAlBnB,4kJADP;AAsBI,IAAA,IAAI,EAAC,UAtBT;AAuBI,IAAA,OAAO,EAAET;AAvBb,KAwBQI,KAxBR,EATJ,EAmCI;AACI,IAAA,GAAG,eAAE,gBAAI;AACLc,MAAAA,KAAK,EAAE,EADF;AAELC,MAAAA,MAAM,EAAE,EAFH;AAGLC,MAAAA,QAAQ,EAAE,EAHL;AAILjB,MAAAA,KAAK,EAAEG,KAAK,CAACS,OAAN,CAAcC,UAAd,CAAyBb,KAAzB,EAAgCkB,YAJlC;AAKLC,MAAAA,eAAe,EAAEhB,KAAK,CAACS,OAAN,CAAcC,UAAd,CAAyBb,KAAzB,EAAgCkB,YAL5C;AAMLE,MAAAA,WAAW,EAAEjB,KAAK,CAACS,OAAN,CAAcC,UAAd,CAAyBb,KAAzB,EAAgCc,IANxC;AAOLO,MAAAA,WAAW,EAAE,CAPR;AAQLC,MAAAA,WAAW,EAAE,OARR;AASLC,MAAAA,YAAY,EAAE,CATT;AAULC,MAAAA,OAAO,EAAE,MAVJ;AAWLC,MAAAA,UAAU,EAAE,QAXP;AAYLC,MAAAA,cAAc,EAAE,QAZX;AAaLC,MAAAA,MAAM,EAAE;AAbH,KAAJ,mkJADT;AAgBI,IAAA,cAAc,EAAEvB;AAhBpB,KAkBI,gBAAC,UAAD,CAAM,KAAN,OAlBJ,CAnCJ,EAuDKR,QAAQ,IACL;AACI,IAAA,GAAG;AADP,KAKKA,QALL,CAxDR,CADJ;AAmEH,CA7EM","sourcesContent":["import { Color, useTheme } from \"../theme\"\nimport { Icon } from \"../Icon\"\nimport { css } from \"@emotion/react\"\nimport { useClickAnimation } from \"../hooks/useClickAnimation\"\nimport React from \"react\"\n\ninterface PartialColorProps {\n    color: Exclude<Color, \"default\">\n}\n\nexport interface TableCheckboxProps\n    extends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"color\">,\n        Partial<PartialColorProps> {}\n\nexport const TableCheckbox: React.FC<TableCheckboxProps> = ({\n    children,\n    onClick: defaultOnClick,\n    className,\n    color = \"primary\" as const,\n    ...props\n}) => {\n    const RootComponent = children ? \"label\" : \"span\"\n    const theme = useTheme()\n    const { onClick, onAnimationEnd } = useClickAnimation(defaultOnClick)\n    return (\n        <RootComponent\n            className={className}\n            css={css({\n                position: \"relative\",\n                boxSizing: \"border-box\",\n                display: \"flex\",\n                alignItems: \"center\"\n            })}\n        >\n            <input\n                css={css`\n                    position: absolute;\n                    top: 0;\n                    left: 0;\n                    z-index: 1;\n                    width: 24px;\n                    height: 24px;\n                    opacity: 0;\n                    & + * {\n                        box-shadow: ${theme.shadows[1]};\n                        transition-timing-function: ${theme.transitions.easing.easeIn};\n                        transition-duration: ${theme.transitions.duration.standard};\n                        transition-property: box-shadow;\n                    }\n                    &:checked + * {\n                        background-color: ${theme.palette.intentions[color].main};\n                    }\n                    &:not(:disabled):hover + * {\n                        box-shadow: ${theme.shadows[3]};\n                    }\n                `}\n                type=\"checkbox\"\n                onClick={onClick}\n                {...props}\n            />\n            <div\n                css={css({\n                    width: 24,\n                    height: 24,\n                    fontSize: 18,\n                    color: theme.palette.intentions[color].contrastText,\n                    backgroundColor: theme.palette.intentions[color].contrastText,\n                    borderColor: theme.palette.intentions[color].main,\n                    borderWidth: 1,\n                    borderStyle: \"solid\",\n                    borderRadius: 5,\n                    display: \"flex\",\n                    alignItems: \"center\",\n                    justifyContent: \"center\",\n                    cursor: \"pointer\"\n                })}\n                onAnimationEnd={onAnimationEnd}\n            >\n                <Icon.Check />\n            </div>\n            {children && (\n                <span\n                    css={css({\n                        marginLeft: \"0.5em\"\n                    })}\n                >\n                    {children}\n                </span>\n            )}\n        </RootComponent>\n    )\n}\n"],"file":"TableCheckbox.js"}

package/dist/cjs/Table/index.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _Table = require("./Table");
+
+Object.keys(_Table).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Table[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Table[key];
+    }
+  });
+});
+
+var _TableCheckbox = require("./TableCheckbox");
+
+Object.keys(_TableCheckbox).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TableCheckbox[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _TableCheckbox[key];
+    }
+  });
+});
+
+var _useTable = require("./useTable");
+
+Object.keys(_useTable).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useTable[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useTable[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/Table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Table/index.tsx"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./Table\"\nexport * from \"./TableCheckbox\"\nexport * from \"./useTable\"\n"],"file":"index.js"}

package/dist/cjs/Table/useTable.js

@@ -0,0 +1,290 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTable = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _react2 = require("@emotion/react");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+let isAllRowSelected = false;
+
+const useTable = ({
+  data,
+  ...props
+}) => {
+  var _props$initialState, _props$initialState2;
+
+  const columns = (0, _react.useRef)(props.columns);
+  const [filterValues, setFilters] = (0, _react.useState)({});
+
+  const makeSetFilter = accessor => value => {
+    setFilters(prev => {
+      return { ...prev,
+        [accessor]: value
+      };
+    });
+  };
+
+  const toggleAllRowsSelected = (0, _react.useCallback)(() => {
+    setRows(prev => {
+      const copy = prev.slice();
+      isAllRowSelected = !isAllRowSelected;
+      return copy.map(row => ({ ...row,
+        isSelected: isAllRowSelected
+      }));
+    });
+  }, []);
+  const headers = (0, _react.useMemo)(() => {
+    return Object.entries(columns.current).map(([accessor, {
+      Header,
+      width,
+      minWidth,
+      maxWidth,
+      align
+    }]) => {
+      return {
+        key: accessor,
+        style: {
+          width,
+          minWidth,
+          maxWidth,
+          textAlign: align
+        },
+        render: typeof Header === "string" ? () => {
+          return Header;
+        } : () => {
+          return Header({
+            toggleAllRowsSelected,
+            setFilters,
+            filterValues,
+            column: {
+              filterValue: filterValues[accessor],
+              setFilter: makeSetFilter(accessor)
+            }
+          });
+        }
+      };
+    });
+  }, [filterValues, toggleAllRowsSelected]);
+  const dataToProps = (0, _react.useCallback)(data => {
+    return data.map(({
+      subRows,
+      ...cells
+    }, key) => {
+      const canExpand = Boolean(subRows);
+      const path = [key];
+      return {
+        key: path.join("."),
+        path,
+        values: cells,
+        isSelected: false,
+        canExpand,
+        isExpanded: false,
+        subRows
+      };
+    });
+  }, []);
+  const [propsMap, setPropsMap] = (0, _react.useState)(dataToProps(data));
+  (0, _react.useEffect)(() => {
+    setPropsMap(dataToProps(data));
+  }, [data, dataToProps]);
+  const [rows, setRows] = (0, _react.useState)([]);
+  (0, _react.useEffect)(() => {
+    let newRows = [];
+    propsMap.forEach(props => {
+      const {
+        isExpanded,
+        subRows,
+        path
+      } = props;
+      let cells = [];
+
+      for (let i = 0; i < headers.length; i++) {
+        const {
+          key
+        } = headers[i];
+        const value = props.values[key];
+        const column = columns.current[key];
+        if (column === undefined) break;
+        const {
+          Cell
+        } = column;
+        const contentProps = {
+          cell: {
+            value
+          },
+          row: props
+        };
+        cells.push({
+          key,
+          props: contentProps,
+          style: {
+            textAlign: column.cellAlign
+          },
+          Content: Cell || (({
+            cell,
+            row,
+            ...thisProps
+          }) => {
+            return (0, _react2.jsx)("div", thisProps, value);
+          }),
+          render: Cell !== undefined ? Cell.bind(null, contentProps) : () => value
+        });
+      }
+
+      newRows.push({ ...props,
+        cells
+      });
+
+      if (isExpanded && subRows) {
+        subRows.forEach(({
+          subRows: sub,
+          ...values
+        }, key) => {
+          const path = [...props.path, key];
+          const canExpand = false;
+          const subRowProps = {
+            canExpand,
+            values,
+            isExpanded: false,
+            isSelected: false,
+            subRows: undefined,
+            path,
+            key: path.join(".")
+          };
+          newRows.push({ ...subRowProps,
+            cells: Object.entries(props.values).map(([accessor, value]) => {
+              const column = columns.current[accessor];
+
+              if (column) {
+                const {
+                  Cell
+                } = column;
+                const contentProps = {
+                  cell: {
+                    value
+                  },
+                  row: props
+                };
+                return {
+                  key: accessor,
+                  render: Cell !== undefined ? Cell.bind(null, contentProps) : () => value,
+                  props: contentProps,
+                  Content: Cell || (({
+                    cell,
+                    row,
+                    ...thisProps
+                  }) => {
+                    return (0, _react2.jsx)("div", thisProps, value);
+                  })
+                };
+              } else {
+                return undefined;
+              }
+            }).filter(cell => cell !== undefined)
+          });
+        });
+      } else {
+        newRows = newRows.filter(row => {
+          return row.path.length === 1 || row.path[0] !== path[0];
+        });
+      }
+    });
+    setRows(newRows);
+  }, [headers, propsMap]);
+  const toggleRowSelected = (0, _react.useCallback)((toggleRows, flag) => {
+    setRows(prev => {
+      const copy = prev.slice();
+      toggleRows.forEach(toggleRow => {
+        copy[toggleRow].isSelected = flag === undefined ? !copy[toggleRow].isSelected : flag;
+      });
+      return copy;
+    });
+  }, []);
+  const toggleRowExpanded = (0, _react.useCallback)((toggleRows, flag) => {
+    setPropsMap(prev => {
+      let copy = prev.slice();
+      toggleRows.forEach(toggleRow => {
+        var _copy$index;
+
+        const index = copy.findIndex(row => row.key === toggleRow);
+
+        if ((_copy$index = copy[index]) !== null && _copy$index !== void 0 && _copy$index.canExpand) {
+          copy[index].isExpanded = flag === undefined ? !copy[toggleRow].isExpanded : flag;
+        }
+      });
+      return copy;
+    });
+  }, []);
+  const [pageIndex, setPageIndex] = (0, _react.useState)(((_props$initialState = props.initialState) === null || _props$initialState === void 0 ? void 0 : _props$initialState.pageIndex) || 0);
+  const [pageSize, setPageSize] = (0, _react.useState)(((_props$initialState2 = props.initialState) === null || _props$initialState2 === void 0 ? void 0 : _props$initialState2.pageSize) || 10);
+  const canPreviousPage = (0, _react.useMemo)(() => pageIndex !== 0, [pageIndex]);
+  const canNextPage = (0, _react.useMemo)(() => Math.floor(data.length / pageSize) > pageIndex + 1, [data.length, pageIndex, pageSize]);
+  const nextPage = (0, _react.useCallback)(() => {
+    setPageIndex(prev => prev + 1);
+  }, []);
+  const previousPage = (0, _react.useCallback)(() => {
+    setPageIndex(prev => prev - 1);
+  }, []);
+  const [filteredRows, setFilteredRows] = (0, _react.useState)([]);
+  (0, _react.useEffect)(() => {
+    const fv = Object.entries(filterValues);
+    setFilteredRows(rows.filter(row => {
+      const values = Object.entries(row.values);
+      let flag = true;
+
+      firstLoop: for (let i = 0; i < fv.length; i++) {
+        var _columns$current$acce;
+
+        const [accessor, filterValue] = fv[i];
+        const filter = (_columns$current$acce = columns.current[accessor]) === null || _columns$current$acce === void 0 ? void 0 : _columns$current$acce.filter;
+
+        if (filter === undefined) {
+          throw new Error(`Set columns.${accessor}.filter`);
+        }
+
+        for (let j = 0; j < values.length; j++) {
+          const [key, value] = values[j];
+          if (key !== accessor) continue;
+
+          if (filter(value, {
+            column: {
+              filterValue
+            }
+          }) === false) {
+            flag = false;
+            break firstLoop;
+          }
+        }
+      }
+
+      return flag;
+    }));
+  }, [filterValues, rows]);
+  const page = (0, _react.useMemo)(() => filteredRows.slice(pageIndex * pageSize, (pageIndex + 1) * pageSize), [filteredRows, pageIndex, pageSize]);
+  return {
+    canPreviousPage,
+    canNextPage,
+    gotoPage: setPageIndex,
+    nextPage,
+    setPageSize,
+    previousPage,
+    pageIndex,
+    headers,
+    rows: filteredRows,
+    page,
+    toggleRowSelected,
+    toggleAllRowsSelected,
+    toggleRowExpanded
+  };
+};
+
+exports.useTable = useTable;
+//# sourceMappingURL=useTable.js.map

package/dist/cjs/Table/useTable.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Table/useTable.tsx"],"names":["isAllRowSelected","useTable","data","props","columns","filterValues","setFilters","makeSetFilter","accessor","value","prev","toggleAllRowsSelected","setRows","copy","slice","map","row","isSelected","headers","Object","entries","current","Header","width","minWidth","maxWidth","align","key","style","textAlign","render","column","filterValue","setFilter","dataToProps","subRows","cells","canExpand","Boolean","path","join","values","isExpanded","propsMap","setPropsMap","rows","newRows","forEach","i","length","undefined","Cell","contentProps","cell","push","cellAlign","Content","thisProps","bind","sub","subRowProps","filter","toggleRowSelected","toggleRows","flag","toggleRow","toggleRowExpanded","index","findIndex","pageIndex","setPageIndex","initialState","pageSize","setPageSize","canPreviousPage","canNextPage","Math","floor","nextPage","previousPage","filteredRows","setFilteredRows","fv","firstLoop","Error","j","page","gotoPage"],"mappings":"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","sourcesContent":["import { CSSObject } from \"@emotion/react\"\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\"\n\ntype Values<S> = Pick<S, Exclude<keyof S, \"subRows\">>\n\ninterface Props<S> {\n    key: string\n    path: number[]\n    values: Values<S>\n    isSelected: boolean\n    canExpand: boolean\n    isExpanded: boolean\n    subRows: S[] | undefined\n}\n\ninterface Cell {\n    key: string\n    props: UseTableCellProps<any, any>\n    style: React.CSSProperties & CSSObject\n    render: () => React.ReactElement<any, any> | null\n    Content: (\n        props: React.HTMLProps<HTMLDivElement> & UseTableCellProps<any, any>\n    ) => React.ReactElement<any, any> | null\n}\ninterface Row<S> extends Props<S> {\n    cells: Cell[]\n}\n\ntype Rows<S> = Row<S>[]\n\nexport interface UseTableCellProps<S, K extends keyof S> {\n    cell: {\n        value: S[K]\n    }\n    row: Props<S>\n}\n\nlet isAllRowSelected = false\n\nexport type TableCell<S, K extends keyof S> = (props: UseTableCellProps<S, K>) => JSX.Element\n\ntype ColumnLayoutProperties = {\n    width?: string | number\n    minWidth?: string | number\n    maxWidth?: string | number\n    align?: React.CSSProperties[\"textAlign\"]\n    cellAlign?: React.CSSProperties[\"textAlign\"]\n}\n\ntype Column<S, K extends keyof S> = {\n    Header:\n        | string\n        | React.FC<{\n              toggleAllRowsSelected: () => void\n              filterValues: Values<S>\n              setFilters: (values: Values<S>) => void\n              column: {\n                  filterValue: S[K]\n                  setFilter: (value: S[K]) => void\n              }\n          }>\n    Cell?: React.VFC<UseTableCellProps<S, K>>\n    filter?: (\n        value: S[K],\n        args: {\n            column: {\n                filterValue: S[K]\n            }\n        }\n    ) => boolean\n} & ColumnLayoutProperties\n\nexport type TableColumns<S> = {\n    [K in keyof S]?: Column<S, K>\n}\n\nexport const useTable = <\n    S extends {\n        [accessor: string]: any\n        subRows?: S[]\n    }\n>({\n    data,\n    ...props\n}: {\n    columns: {\n        [K in keyof S]?: Column<S, K>\n    }\n    data: S[]\n    initialState?: { pageIndex?: number; pageSize?: number }\n}) => {\n    const columns = useRef(props.columns)\n\n    const [filterValues, setFilters] = useState({} as Pick<S, Exclude<keyof S, \"subRows\">>)\n\n    const makeSetFilter = (accessor: string) => (value: any) => {\n        setFilters((prev) => {\n            return {\n                ...prev,\n                [accessor]: value\n            }\n        })\n    }\n\n    const toggleAllRowsSelected = useCallback(() => {\n        setRows((prev) => {\n            const copy = prev.slice()\n            isAllRowSelected = !isAllRowSelected\n            return copy.map((row) => ({\n                ...row,\n                isSelected: isAllRowSelected\n            }))\n        })\n    }, [])\n\n    const headers = useMemo(() => {\n        return Object.entries(columns.current).map(\n            ([accessor, { Header, width, minWidth, maxWidth, align }]: [\n                string,\n                {\n                    Header: (props: any) => JSX.Element\n                } & ColumnLayoutProperties\n            ]) => {\n                return {\n                    key: accessor,\n                    style: {\n                        width,\n                        minWidth,\n                        maxWidth,\n                        textAlign: align\n                    } as React.CSSProperties & CSSObject,\n                    render:\n                        typeof Header === \"string\"\n                            ? () => {\n                                  return Header\n                              }\n                            : () => {\n                                  return Header({\n                                      toggleAllRowsSelected,\n                                      setFilters,\n                                      filterValues,\n                                      column: {\n                                          filterValue: filterValues[accessor],\n                                          setFilter: makeSetFilter(accessor)\n                                      }\n                                  })\n                              }\n                }\n            }\n        )\n    }, [filterValues, toggleAllRowsSelected])\n\n    const dataToProps = useCallback((data: S[]) => {\n        return data.map(({ subRows, ...cells }, key) => {\n            const canExpand = Boolean(subRows)\n            const path = [key]\n            return {\n                key: path.join(\".\"),\n                path,\n                values: cells,\n                isSelected: false,\n                canExpand,\n                isExpanded: false,\n                subRows\n            } as Props<S>\n        })\n    }, [])\n    const [propsMap, setPropsMap] = useState(dataToProps(data))\n    useEffect(() => {\n        setPropsMap(dataToProps(data))\n    }, [data, dataToProps])\n    const [rows, setRows] = useState<Rows<S>>([])\n\n    useEffect(() => {\n        let newRows: Rows<S> = []\n\n        propsMap.forEach((props) => {\n            const { isExpanded, subRows, path } = props\n\n            let cells: Cell[] = []\n\n            for (let i = 0; i < headers.length; i++) {\n                const { key } = headers[i]\n                const value = props.values[key]\n                const column = columns.current[key]\n                if (column === undefined) break\n                const { Cell } = column\n\n                const contentProps = {\n                    cell: { value },\n                    row: props\n                }\n                cells.push({\n                    key,\n                    props: contentProps,\n                    style: {\n                        textAlign: column.cellAlign\n                    },\n                    Content:\n                        Cell ||\n                        (({ cell, row, ...thisProps }) => {\n                            return <div {...thisProps}>{value}</div>\n                        }),\n                    render: Cell !== undefined ? Cell.bind(null, contentProps) : () => value\n                })\n            }\n\n            newRows.push({\n                ...props,\n                cells\n            })\n            if (isExpanded && subRows) {\n                subRows.forEach(({ subRows: sub, ...values }, key) => {\n                    const path = [...props.path, key]\n                    const canExpand = false\n                    const subRowProps: Props<S> = {\n                        canExpand,\n                        values,\n                        isExpanded: false,\n                        isSelected: false,\n                        subRows: undefined,\n                        path,\n                        key: path.join(\".\")\n                    }\n                    newRows.push({\n                        ...subRowProps,\n                        cells: Object.entries(props.values)\n                            .map(([accessor, value]) => {\n                                const column = columns.current[accessor]\n                                if (column) {\n                                    const { Cell } = column\n\n                                    const contentProps = {\n                                        cell: { value },\n                                        row: props\n                                    }\n                                    return {\n                                        key: accessor,\n                                        render: Cell !== undefined ? Cell.bind(null, contentProps) : () => value,\n                                        props: contentProps,\n                                        Content:\n                                            Cell ||\n                                            (({ cell, row, ...thisProps }) => {\n                                                return <div {...thisProps}>{value}</div>\n                                            })\n                                    }\n                                } else {\n                                    return undefined\n                                }\n                            })\n                            .filter((cell): cell is Cell => cell !== undefined)\n                    })\n                })\n            } else {\n                newRows = newRows.filter((row) => {\n                    return row.path.length === 1 || row.path[0] !== path[0]\n                })\n            }\n        })\n        setRows(newRows)\n    }, [headers, propsMap])\n\n    const toggleRowSelected = useCallback((toggleRows: number[], flag?: boolean) => {\n        setRows((prev) => {\n            const copy = prev.slice()\n            toggleRows.forEach((toggleRow) => {\n                copy[toggleRow].isSelected = flag === undefined ? !copy[toggleRow].isSelected : flag\n            })\n            return copy\n        })\n    }, [])\n\n    const toggleRowExpanded = useCallback((toggleRows: string[], flag?: boolean) => {\n        setPropsMap((prev) => {\n            let copy = prev.slice()\n            toggleRows.forEach((toggleRow) => {\n                const index = copy.findIndex((row) => row.key === toggleRow)\n                if (copy[index]?.canExpand) {\n                    copy[index].isExpanded = flag === undefined ? !copy[toggleRow].isExpanded : flag\n                }\n            })\n            return copy\n        })\n    }, [])\n\n    const [pageIndex, setPageIndex] = useState(props.initialState?.pageIndex || 0)\n    const [pageSize, setPageSize] = useState(props.initialState?.pageSize || 10)\n\n    const canPreviousPage = useMemo(() => pageIndex !== 0, [pageIndex])\n    const canNextPage = useMemo(\n        () => Math.floor(data.length / pageSize) > pageIndex + 1,\n        [data.length, pageIndex, pageSize]\n    )\n\n    const nextPage = useCallback(() => {\n        setPageIndex((prev) => prev + 1)\n    }, [])\n    const previousPage = useCallback(() => {\n        setPageIndex((prev) => prev - 1)\n    }, [])\n\n    const [filteredRows, setFilteredRows] = useState<Rows<S>>([])\n\n    useEffect(() => {\n        const fv = Object.entries(filterValues)\n        setFilteredRows(\n            rows.filter((row) => {\n                const values = Object.entries(row.values)\n                let flag = true\n                firstLoop: for (let i = 0; i < fv.length; i++) {\n                    const [accessor, filterValue] = fv[i]\n                    const filter = columns.current[accessor]?.filter\n                    if (filter === undefined) {\n                        throw new Error(`Set columns.${accessor}.filter`)\n                    }\n                    for (let j = 0; j < values.length; j++) {\n                        const [key, value] = values[j]\n                        if (key !== accessor) continue\n                        if (filter(value, { column: { filterValue } }) === false) {\n                            flag = false\n                            break firstLoop\n                        }\n                    }\n                }\n                return flag\n            })\n        )\n    }, [filterValues, rows])\n\n    const page = useMemo(\n        () => filteredRows.slice(pageIndex * pageSize, (pageIndex + 1) * pageSize),\n        [filteredRows, pageIndex, pageSize]\n    )\n\n    return {\n        canPreviousPage,\n        canNextPage,\n        gotoPage: setPageIndex,\n        nextPage,\n        setPageSize,\n        previousPage,\n        pageIndex,\n        headers,\n        rows: filteredRows,\n        page,\n        toggleRowSelected,\n        toggleAllRowsSelected,\n        toggleRowExpanded\n    }\n}\n"],"file":"useTable.js"}

package/dist/cjs/Tabs/Tab.js

@@ -0,0 +1,95 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Tab = void 0;
+
+var _react = require("@emotion/react");
+
+var _useTab = require("./useTab");
+
+var _theme = require("../theme");
+
+var _react2 = _interopRequireWildcard(require("react"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "m4v5le",
+  styles: "flex-grow:1;max-width:none;flex-basis:0;flex-shrink:1"
+} : {
+  name: "ht282j-Tab",
+  styles: "flex-grow:1;max-width:none;flex-basis:0;flex-shrink:1;label:Tab;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UYWJzL1RhYi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0VvQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvVGFicy9UYWIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQXNDb21wb25lbnRQcm9wcywgRmFrZUFzQ29tcG9uZW50IH0gZnJvbSBcIi4uL0FzQ29tcG9uZW50UHJvcHNcIlxuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCJcbmltcG9ydCB7IHVzZVRhYiB9IGZyb20gXCIuL3VzZVRhYlwiXG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiXG5pbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlUmVmIH0gZnJvbSBcInJlYWN0XCJcblxuaW50ZXJmYWNlIEJhc2VUYWJQcm9wcyB7XG4gICAgaW5kZXg/OiBudW1iZXJcbiAgICBmdWxsV2lkdGg/OiBib29sZWFuXG4gICAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuZXhwb3J0IHR5cGUgVGFiUHJvcHM8RSBleHRlbmRzIFJlYWN0LkVsZW1lbnRUeXBlPiA9IEFzQ29tcG9uZW50UHJvcHM8RSwgQmFzZVRhYlByb3BzPlxuXG5leHBvcnQgY29uc3QgVGFiID0gUmVhY3QuZm9yd2FyZFJlZihcbiAgICA8RSBleHRlbmRzIFJlYWN0LkVsZW1lbnRUeXBlID0gXCJidXR0b25cIj4oXG4gICAgICAgIHsgY2hpbGRyZW4sIGluZGV4ID0gMCwgZnVsbFdpZHRoLCBhcywgLi4ucmVzdCB9OiBUYWJQcm9wczxFPixcbiAgICAgICAgcmVmXzogYW55XG4gICAgKSA9PiB7XG4gICAgICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKVxuICAgICAgICBjb25zdCB7IGN1cnJlbnRJbmRleCwgc2V0Q3VycmVudEluZGV4LCBzZXRDdXJyZW50VGFiIH0gPSB1c2VUYWIoKVxuICAgICAgICBjb25zdCBoYW5kbGVDbGljayA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICAgICAgICAgIHNldEN1cnJlbnRJbmRleChpbmRleClcbiAgICAgICAgfSwgW2luZGV4LCBzZXRDdXJyZW50SW5kZXhdKVxuICAgICAgICBjb25zdCByZWYgPSB1c2VSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+KHJlZl8gfHwgbnVsbClcbiAgICAgICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgICAgIGlmIChjdXJyZW50SW5kZXggPT09IGluZGV4ICYmIHJlZiAmJiByZWYuY3VycmVudCkge1xuICAgICAgICAgICAgICAgIHNldEN1cnJlbnRUYWIocmVmLmN1cnJlbnQpXG4gICAgICAgICAgICB9XG4gICAgICAgIH0sIFtjdXJyZW50SW5kZXgsIGluZGV4LCBzZXRDdXJyZW50VGFiXSlcbiAgICAgICAgY29uc3QgQ29tcG9uZW50OiBSZWFjdC5FbGVtZW50VHlwZSA9IGFzIHx8IFwiYnV0dG9uXCJcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxDb21wb25lbnRcbiAgICAgICAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgICAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAgICAgJHtjc3Moe1xuICAgICAgICAgICAgICAgICAgICAgICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICAgICAgICAgICAgICAgICAgICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgICAgICAgICAgICAgICAgICAgICBjb2xvcjogXCJpbmhlcml0XCIsXG4gICAgICAgICAgICAgICAgICAgICAgICBib3JkZXI6IDAsXG4gICAgICAgICAgICAgICAgICAgICAgICBtYXJnaW46IDAsXG4gICAgICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiBcImlubGluZS1mbGV4XCIsXG4gICAgICAgICAgICAgICAgICAgICAgICBvdXRsaW5lOiAwLFxuICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZzogMCxcbiAgICAgICAgICAgICAgICAgICAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICAgICAgICAgICAgICAgICAgICB1c2VyU2VsZWN0OiBcIm5vbmVcIixcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlclJhZGl1czogMCxcbiAgICAgICAgICAgICAgICAgICAgICAgIHZlcnRpY2FsQWxpZ246IFwibWlkZGxlXCIsXG4gICAgICAgICAgICAgICAgICAgICAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICAgICAgICAgICAgICAgICAgICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgICAgICAgICAgICAgICAgICAgICAgYXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgICAgICAgICAgICAgICAgICAgICBXZWJraXRUYXBIaWdobGlnaHRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgICAgICAgICAgICAgICAgICAgICAgdGV4dFJlbmRlcmluZzogXCJhdXRvXCIsXG4gICAgICAgICAgICAgICAgICAgICAgICB3b3JkU3BhY2luZzogXCJub21yYWxcIixcbiAgICAgICAgICAgICAgICAgICAgICAgIHRleHRJbmRlbnQ6IFwiMHB4XCIsXG4gICAgICAgICAgICAgICAgICAgICAgICB0ZXh0U2hhZG93OiBcIm5vbmVcIixcbiAgICAgICAgICAgICAgICAgICAgICAgIC4uLnRoZW1lLnR5cG9ncmFwaHkuYm9keSxcbiAgICAgICAgICAgICAgICAgICAgICAgIGZsZXhTaHJpbms6IDAsXG4gICAgICAgICAgICAgICAgICAgICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgICAgICAgICAgICAgICAgICAgdHJhbnNpdGlvbjogXCIwLjQ1c1wiLFxuICAgICAgICAgICAgICAgICAgICAgICAgbWluSGVpZ2h0OiB0aGVtZS5zcGFjaW5nICogNSxcbiAgICAgICAgICAgICAgICAgICAgICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS5zcGFjaW5nICogMixcbiAgICAgICAgICAgICAgICAgICAgICAgIHBhZGRpbmdSaWdodDogdGhlbWUuc3BhY2luZyAqIDJcbiAgICAgICAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICAgICAgICAgICR7ZnVsbFdpZHRoICYmXG4gICAgICAgICAgICAgICAgICAgIGNzcyh7XG4gICAgICAgICAgICAgICAgICAgICAgICBmbGV4R3JvdzogMSxcbiAgICAgICAgICAgICAgICAgICAgICAgIG1heFdpZHRoOiBcIm5vbmVcIixcbiAgICAgICAgICAgICAgICAgICAgICAgIGZsZXhCYXNpczogMCxcbiAgICAgICAgICAgICAgICAgICAgICAgIGZsZXhTaHJpbms6IDFcbiAgICAgICAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICA8L0NvbXBvbmVudD5cbiAgICAgICAgKVxuICAgIH1cbikgYXMgRmFrZUFzQ29tcG9uZW50PFwiYnV0dG9uXCIsIEJhc2VUYWJQcm9wcz5cbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+const Tab = /*#__PURE__*/_react2.default.forwardRef(({
+  children,
+  index = 0,
+  fullWidth,
+  as,
+  ...rest
+}, ref_) => {
+  const theme = (0, _theme.useTheme)();
+  const {
+    currentIndex,
+    setCurrentIndex,
+    setCurrentTab
+  } = (0, _useTab.useTab)();
+  const handleClick = (0, _react2.useCallback)(() => {
+    setCurrentIndex(index);
+  }, [index, setCurrentIndex]);
+  const ref = (0, _react2.useRef)(ref_ || null);
+  (0, _react2.useEffect)(() => {
+    if (currentIndex === index && ref && ref.current) {
+      setCurrentTab(ref.current);
+    }
+  }, [currentIndex, index, setCurrentTab]);
+  const Component = as || "button";
+  return (0, _react.jsx)(Component, _extends({
+    ref: ref,
+    onClick: handleClick
+  }, rest, {
+    css: /*#__PURE__*/(0, _react.css)( /*#__PURE__*/(0, _react.css)({
+      position: "relative",
+      boxSizing: "border-box",
+      color: "inherit",
+      border: 0,
+      margin: 0,
+      display: "inline-flex",
+      outline: 0,
+      padding: 0,
+      alignItems: "center",
+      userSelect: "none",
+      borderRadius: 0,
+      verticalAlign: "middle",
+      justifyContent: "center",
+      textDecoration: "none",
+      backgroundColor: "transparent",
+      appearance: "none",
+      WebkitTapHighlightColor: "transparent",
+      textRendering: "auto",
+      wordSpacing: "nomral",
+      textIndent: "0px",
+      textShadow: "none",
+      ...theme.typography.body,
+      flexShrink: 0,
+      cursor: "pointer",
+      transition: "0.45s",
+      minHeight: theme.spacing * 5,
+      paddingLeft: theme.spacing * 2,
+      paddingRight: theme.spacing * 2
+    }, process.env.NODE_ENV === "production" ? "" : ";label:Tab;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UYWJzL1RhYi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUNzQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvVGFicy9UYWIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQXNDb21wb25lbnRQcm9wcywgRmFrZUFzQ29tcG9uZW50IH0gZnJvbSBcIi4uL0FzQ29tcG9uZW50UHJvcHNcIlxuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCJcbmltcG9ydCB7IHVzZVRhYiB9IGZyb20gXCIuL3VzZVRhYlwiXG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiXG5pbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlUmVmIH0gZnJvbSBcInJlYWN0XCJcblxuaW50ZXJmYWNlIEJhc2VUYWJQcm9wcyB7XG4gICAgaW5kZXg/OiBudW1iZXJcbiAgICBmdWxsV2lkdGg/OiBib29sZWFuXG4gICAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuZXhwb3J0IHR5cGUgVGFiUHJvcHM8RSBleHRlbmRzIFJlYWN0LkVsZW1lbnRUeXBlPiA9IEFzQ29tcG9uZW50UHJvcHM8RSwgQmFzZVRhYlByb3BzPlxuXG5leHBvcnQgY29uc3QgVGFiID0gUmVhY3QuZm9yd2FyZFJlZihcbiAgICA8RSBleHRlbmRzIFJlYWN0LkVsZW1lbnRUeXBlID0gXCJidXR0b25cIj4oXG4gICAgICAgIHsgY2hpbGRyZW4sIGluZGV4ID0gMCwgZnVsbFdpZHRoLCBhcywgLi4ucmVzdCB9OiBUYWJQcm9wczxFPixcbiAgICAgICAgcmVmXzogYW55XG4gICAgKSA9PiB7XG4gICAgICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKVxuICAgICAgICBjb25zdCB7IGN1cnJlbnRJbmRleCwgc2V0Q3VycmVudEluZGV4LCBzZXRDdXJyZW50VGFiIH0gPSB1c2VUYWIoKVxuICAgICAgICBjb25zdCBoYW5kbGVDbGljayA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICAgICAgICAgIHNldEN1cnJlbnRJbmRleChpbmRleClcbiAgICAgICAgfSwgW2luZGV4LCBzZXRDdXJyZW50SW5kZXhdKVxuICAgICAgICBjb25zdCByZWYgPSB1c2VSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+KHJlZl8gfHwgbnVsbClcbiAgICAgICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgICAgIGlmIChjdXJyZW50SW5kZXggPT09IGluZGV4ICYmIHJlZiAmJiByZWYuY3VycmVudCkge1xuICAgICAgICAgICAgICAgIHNldEN1cnJlbnRUYWIocmVmLmN1cnJlbnQpXG4gICAgICAgICAgICB9XG4gICAgICAgIH0sIFtjdXJyZW50SW5kZXgsIGluZGV4LCBzZXRDdXJyZW50VGFiXSlcbiAgICAgICAgY29uc3QgQ29tcG9uZW50OiBSZWFjdC5FbGVtZW50VHlwZSA9IGFzIHx8IFwiYnV0dG9uXCJcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxDb21wb25lbnRcbiAgICAgICAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgICAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAgICAgJHtjc3Moe1xuICAgICAgICAgICAgICAgICAgICAgICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICAgICAgICAgICAgICAgICAgICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgICAgICAgICAgICAgICAgICAgICBjb2xvcjogXCJpbmhlcml0XCIsXG4gICAgICAgICAgICAgICAgICAgICAgICBib3JkZXI6IDAsXG4gICAgICAgICAgICAgICAgICAgICAgICBtYXJnaW46IDAsXG4gICAgICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiBcImlubGluZS1mbGV4XCIsXG4gICAgICAgICAgICAgICAgICAgICAgICBvdXRsaW5lOiAwLFxuICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZzogMCxcbiAgICAgICAgICAgICAgICAgICAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICAgICAgICAgICAgICAgICAgICB1c2VyU2VsZWN0OiBcIm5vbmVcIixcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlclJhZGl1czogMCxcbiAgICAgICAgICAgICAgICAgICAgICAgIHZlcnRpY2FsQWxpZ246IFwibWlkZGxlXCIsXG4gICAgICAgICAgICAgICAgICAgICAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICAgICAgICAgICAgICAgICAgICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgICAgICAgICAgICAgICAgICAgICAgYXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgICAgICAgICAgICAgICAgICAgICBXZWJraXRUYXBIaWdobGlnaHRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgICAgICAgICAgICAgICAgICAgICAgdGV4dFJlbmRlcmluZzogXCJhdXRvXCIsXG4gICAgICAgICAgICAgICAgICAgICAgICB3b3JkU3BhY2luZzogXCJub21yYWxcIixcbiAgICAgICAgICAgICAgICAgICAgICAgIHRleHRJbmRlbnQ6IFwiMHB4XCIsXG4gICAgICAgICAgICAgICAgICAgICAgICB0ZXh0U2hhZG93OiBcIm5vbmVcIixcbiAgICAgICAgICAgICAgICAgICAgICAgIC4uLnRoZW1lLnR5cG9ncmFwaHkuYm9keSxcbiAgICAgICAgICAgICAgICAgICAgICAgIGZsZXhTaHJpbms6IDAsXG4gICAgICAgICAgICAgICAgICAgICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgICAgICAgICAgICAgICAgICAgdHJhbnNpdGlvbjogXCIwLjQ1c1wiLFxuICAgICAgICAgICAgICAgICAgICAgICAgbWluSGVpZ2h0OiB0aGVtZS5zcGFjaW5nICogNSxcbiAgICAgICAgICAgICAgICAgICAgICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS5zcGFjaW5nICogMixcbiAgICAgICAgICAgICAgICAgICAgICAgIHBhZGRpbmdSaWdodDogdGhlbWUuc3BhY2luZyAqIDJcbiAgICAgICAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICAgICAgICAgICR7ZnVsbFdpZHRoICYmXG4gICAgICAgICAgICAgICAgICAgIGNzcyh7XG4gICAgICAgICAgICAgICAgICAgICAgICBmbGV4R3JvdzogMSxcbiAgICAgICAgICAgICAgICAgICAgICAgIG1heFdpZHRoOiBcIm5vbmVcIixcbiAgICAgICAgICAgICAgICAgICAgICAgIGZsZXhCYXNpczogMCxcbiAgICAgICAgICAgICAgICAgICAgICAgIGZsZXhTaHJpbms6IDFcbiAgICAgICAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICA8L0NvbXBvbmVudD5cbiAgICAgICAgKVxuICAgIH1cbikgYXMgRmFrZUFzQ29tcG9uZW50PFwiYnV0dG9uXCIsIEJhc2VUYWJQcm9wcz5cbiJdfQ== */"), " ", fullWidth && _ref, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Tab;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UYWJzL1RhYi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0N3QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvVGFicy9UYWIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQXNDb21wb25lbnRQcm9wcywgRmFrZUFzQ29tcG9uZW50IH0gZnJvbSBcIi4uL0FzQ29tcG9uZW50UHJvcHNcIlxuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCJcbmltcG9ydCB7IHVzZVRhYiB9IGZyb20gXCIuL3VzZVRhYlwiXG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiXG5pbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlUmVmIH0gZnJvbSBcInJlYWN0XCJcblxuaW50ZXJmYWNlIEJhc2VUYWJQcm9wcyB7XG4gICAgaW5kZXg/OiBudW1iZXJcbiAgICBmdWxsV2lkdGg/OiBib29sZWFuXG4gICAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuZXhwb3J0IHR5cGUgVGFiUHJvcHM8RSBleHRlbmRzIFJlYWN0LkVsZW1lbnRUeXBlPiA9IEFzQ29tcG9uZW50UHJvcHM8RSwgQmFzZVRhYlByb3BzPlxuXG5leHBvcnQgY29uc3QgVGFiID0gUmVhY3QuZm9yd2FyZFJlZihcbiAgICA8RSBleHRlbmRzIFJlYWN0LkVsZW1lbnRUeXBlID0gXCJidXR0b25cIj4oXG4gICAgICAgIHsgY2hpbGRyZW4sIGluZGV4ID0gMCwgZnVsbFdpZHRoLCBhcywgLi4ucmVzdCB9OiBUYWJQcm9wczxFPixcbiAgICAgICAgcmVmXzogYW55XG4gICAgKSA9PiB7XG4gICAgICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKVxuICAgICAgICBjb25zdCB7IGN1cnJlbnRJbmRleCwgc2V0Q3VycmVudEluZGV4LCBzZXRDdXJyZW50VGFiIH0gPSB1c2VUYWIoKVxuICAgICAgICBjb25zdCBoYW5kbGVDbGljayA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICAgICAgICAgIHNldEN1cnJlbnRJbmRleChpbmRleClcbiAgICAgICAgfSwgW2luZGV4LCBzZXRDdXJyZW50SW5kZXhdKVxuICAgICAgICBjb25zdCByZWYgPSB1c2VSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+KHJlZl8gfHwgbnVsbClcbiAgICAgICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgICAgIGlmIChjdXJyZW50SW5kZXggPT09IGluZGV4ICYmIHJlZiAmJiByZWYuY3VycmVudCkge1xuICAgICAgICAgICAgICAgIHNldEN1cnJlbnRUYWIocmVmLmN1cnJlbnQpXG4gICAgICAgICAgICB9XG4gICAgICAgIH0sIFtjdXJyZW50SW5kZXgsIGluZGV4LCBzZXRDdXJyZW50VGFiXSlcbiAgICAgICAgY29uc3QgQ29tcG9uZW50OiBSZWFjdC5FbGVtZW50VHlwZSA9IGFzIHx8IFwiYnV0dG9uXCJcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxDb21wb25lbnRcbiAgICAgICAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgICAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAgICAgJHtjc3Moe1xuICAgICAgICAgICAgICAgICAgICAgICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICAgICAgICAgICAgICAgICAgICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgICAgICAgICAgICAgICAgICAgICBjb2xvcjogXCJpbmhlcml0XCIsXG4gICAgICAgICAgICAgICAgICAgICAgICBib3JkZXI6IDAsXG4gICAgICAgICAgICAgICAgICAgICAgICBtYXJnaW46IDAsXG4gICAgICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiBcImlubGluZS1mbGV4XCIsXG4gICAgICAgICAgICAgICAgICAgICAgICBvdXRsaW5lOiAwLFxuICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZzogMCxcbiAgICAgICAgICAgICAgICAgICAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICAgICAgICAgICAgICAgICAgICB1c2VyU2VsZWN0OiBcIm5vbmVcIixcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlclJhZGl1czogMCxcbiAgICAgICAgICAgICAgICAgICAgICAgIHZlcnRpY2FsQWxpZ246IFwibWlkZGxlXCIsXG4gICAgICAgICAgICAgICAgICAgICAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICAgICAgICAgICAgICAgICAgICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgICAgICAgICAgICAgICAgICAgICAgYXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgICAgICAgICAgICAgICAgICAgICBXZWJraXRUYXBIaWdobGlnaHRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgICAgICAgICAgICAgICAgICAgICAgdGV4dFJlbmRlcmluZzogXCJhdXRvXCIsXG4gICAgICAgICAgICAgICAgICAgICAgICB3b3JkU3BhY2luZzogXCJub21yYWxcIixcbiAgICAgICAgICAgICAgICAgICAgICAgIHRleHRJbmRlbnQ6IFwiMHB4XCIsXG4gICAgICAgICAgICAgICAgICAgICAgICB0ZXh0U2hhZG93OiBcIm5vbmVcIixcbiAgICAgICAgICAgICAgICAgICAgICAgIC4uLnRoZW1lLnR5cG9ncmFwaHkuYm9keSxcbiAgICAgICAgICAgICAgICAgICAgICAgIGZsZXhTaHJpbms6IDAsXG4gICAgICAgICAgICAgICAgICAgICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgICAgICAgICAgICAgICAgICAgdHJhbnNpdGlvbjogXCIwLjQ1c1wiLFxuICAgICAgICAgICAgICAgICAgICAgICAgbWluSGVpZ2h0OiB0aGVtZS5zcGFjaW5nICogNSxcbiAgICAgICAgICAgICAgICAgICAgICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS5zcGFjaW5nICogMixcbiAgICAgICAgICAgICAgICAgICAgICAgIHBhZGRpbmdSaWdodDogdGhlbWUuc3BhY2luZyAqIDJcbiAgICAgICAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICAgICAgICAgICR7ZnVsbFdpZHRoICYmXG4gICAgICAgICAgICAgICAgICAgIGNzcyh7XG4gICAgICAgICAgICAgICAgICAgICAgICBmbGV4R3JvdzogMSxcbiAgICAgICAgICAgICAgICAgICAgICAgIG1heFdpZHRoOiBcIm5vbmVcIixcbiAgICAgICAgICAgICAgICAgICAgICAgIGZsZXhCYXNpczogMCxcbiAgICAgICAgICAgICAgICAgICAgICAgIGZsZXhTaHJpbms6IDFcbiAgICAgICAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICA8L0NvbXBvbmVudD5cbiAgICAgICAgKVxuICAgIH1cbikgYXMgRmFrZUFzQ29tcG9uZW50PFwiYnV0dG9uXCIsIEJhc2VUYWJQcm9wcz5cbiJdfQ== */")
+  }), children);
+});
+
+exports.Tab = Tab;
+//# sourceMappingURL=Tab.js.map