m2mui-datasheet 3.0.0 → 3.0.1-alpha-1ede6dc.0

package/.npmrc

@@ -0,0 +1 @@
+//registry.npmjs.org/:_authToken=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

package/{dist/types/Cell.d.ts → Cell.d.ts}

@@ -3,7 +3,7 @@ export interface CellProps extends React.DetailedHTMLProps<React.TdHTMLAttribute
     readonly?: boolean;
     selected?: boolean;
     invalid?: boolean | string;
-    value?: any;
+    value?: unknown;
 }
 export declare const Cell: React.FC<CellProps>;
 export declare const ColumnHeadCell: React.FC<CellProps>;

package/Cell.js

@@ -0,0 +1,83 @@
+var _excluded = ["readonly", "selected", "invalid", "title", "value", "style"];
+function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _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)."; }
+import { css } from "@emotion/react";
+import React from "react";
+import { jsx as ___EmotionJSX } from "@emotion/react";
+var _ref4 = process.env.NODE_ENV === "production" ? {
+  name: "twi5ir",
+  styles: "position:relative;box-sizing:border-box;height:24px;padding:0px;overflow:scroll;text-align:right;white-space:nowrap;vertical-align:middle;user-select:none;background-color:unset;background-color:white;border:1px solid #e1e3e3;-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none;}"
+} : {
+  name: "pvoqgl-Cell",
+  styles: "position:relative;box-sizing:border-box;height:24px;padding:0px;overflow:scroll;text-align:right;white-space:nowrap;vertical-align:middle;user-select:none;background-color:unset;background-color:white;border:1px solid #e1e3e3;-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none;};label:Cell;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9DZWxsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRGdCIiwiZmlsZSI6Ii4uLy4uL3NyYy9DZWxsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuZXhwb3J0IGludGVyZmFjZSBDZWxsUHJvcHNcbiAgZXh0ZW5kcyBSZWFjdC5EZXRhaWxlZEhUTUxQcm9wczxcbiAgICBSZWFjdC5UZEhUTUxBdHRyaWJ1dGVzPEhUTUxUYWJsZURhdGFDZWxsRWxlbWVudD4sXG4gICAgSFRNTFRhYmxlRGF0YUNlbGxFbGVtZW50XG4gID4ge1xuICByZWFkb25seT86IGJvb2xlYW47XG4gIHNlbGVjdGVkPzogYm9vbGVhbjtcbiAgaW52YWxpZD86IGJvb2xlYW4gfCBzdHJpbmc7XG4gIHZhbHVlPzogdW5rbm93bjtcbn1cblxuZXhwb3J0IGNvbnN0IENlbGw6IFJlYWN0LkZDPENlbGxQcm9wcz4gPSBSZWFjdC5tZW1vKFxuICAoe1xuICAgIHJlYWRvbmx5ID0gZmFsc2UsXG4gICAgc2VsZWN0ZWQgPSBmYWxzZSxcbiAgICBpbnZhbGlkID0gZmFsc2UsXG4gICAgdGl0bGUsXG4gICAgdmFsdWU6IF92YWx1ZSxcbiAgICBzdHlsZSA9IHt9LFxuICAgIC4uLnByb3BzXG4gIH0pID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdlxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgIGRhdGEtZWxlbWVudD1cImNlbGxcIlxuICAgICAgICB0aXRsZT17dHlwZW9mIGludmFsaWQgPT09IFwic3RyaW5nXCIgPyBpbnZhbGlkIDogdGl0bGV9XG4gICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgLi4uc3R5bGUsXG4gICAgICAgICAgY3Vyc29yOiB0eXBlb2YgaW52YWxpZCA9PT0gXCJzdHJpbmdcIiA/IFwiaGVscFwiIDogXCJjdXJzb3JcIixcbiAgICAgICAgICAuLi4oc2VsZWN0ZWRcbiAgICAgICAgICAgID8ge1xuICAgICAgICAgICAgICAgIGJvcmRlcjogYDFweCBkb3VibGUgIzIxODVkMGAsXG4gICAgICAgICAgICAgICAgYm94U2hhZG93OiBgaW5zZXQgMCAtMTAwcHggMCByZ2JhKDMzLCAxMzMsIDIwOCwgMC4xNSlgLFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA6IHt9KSxcbiAgICAgICAgICAuLi4oaW52YWxpZCAhPT0gZmFsc2VcbiAgICAgICAgICAgID8ge1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQ6IGByZ2JhKDIwOCwgMzMsIDMzLCAwLjMpYCxcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgOiB7fSksXG4gICAgICAgICAgLi4uKHJlYWRvbmx5XG4gICAgICAgICAgICA/IHtcbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiBgI2Y4ZjlmYWAsXG4gICAgICAgICAgICAgICAgY29sb3I6IGAjNWY2MzY4YCxcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgOiB7fSksXG4gICAgICAgIH19XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgIGhlaWdodDogMjRweDtcbiAgICAgICAgICBwYWRkaW5nOiAwcHg7XG4gICAgICAgICAgb3ZlcmZsb3c6IHNjcm9sbDtcbiAgICAgICAgICB0ZXh0LWFsaWduOiByaWdodDtcbiAgICAgICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgICAgICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgICAgICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdW5zZXQ7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgI2UxZTNlMztcbiAgICAgICAgICAtbXMtb3ZlcmZsb3ctc3R5bGU6IG5vbmU7XG4gICAgICAgICAgc2Nyb2xsYmFyLXdpZHRoOiBub25lO1xuICAgICAgICAgICY6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgICAgfVxuICAgICAgICBgfVxuICAgICAgLz5cbiAgICApO1xuICB9LFxuICAocHJldiwgbmV4dCkgPT5cbiAgICBwcmV2LnNlbGVjdGVkID09PSBuZXh0LnNlbGVjdGVkICYmXG4gICAgcHJldi52YWx1ZSA9PT0gbmV4dC52YWx1ZSAmJlxuICAgIG5leHQub25DbGljayA9PT0gcHJldi5vbkNsaWNrXG4pO1xuXG5leHBvcnQgY29uc3QgQ29sdW1uSGVhZENlbGw6IFJlYWN0LkZDPENlbGxQcm9wcz4gPSBSZWFjdC5tZW1vKFxuICAocHJvcHMpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPENlbGxcbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgICBkYXRhLXNlbGVjdGVkPXtwcm9wcy5zZWxlY3RlZH1cbiAgICAgICAgY3NzPXtbXG4gICAgICAgICAgY3NzYFxuICAgICAgICAgICAgZmxleC1zaHJpbms6IDA7XG4gICAgICAgICAgICBmb250LXNpemU6IDEwcHg7XG4gICAgICAgICAgICBsaW5lLWhlaWdodDogMjRweDtcbiAgICAgICAgICAgIGNvbG9yOiAjNWY2MzY4O1xuICAgICAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2Y4ZjlmYTtcbiAgICAgICAgICAgIHRyYW5zaXRpb246IDAuMnM7XG4gICAgICAgICAgYCxcbiAgICAgICAgICBwcm9wcy5zZWxlY3RlZFxuICAgICAgICAgICAgPyBjc3NgXG4gICAgICAgICAgICAgICAgY29sb3I6ICNmOGY5ZmE7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzVmNjM2ODtcbiAgICAgICAgICAgICAgYFxuICAgICAgICAgICAgOiBudWxsLFxuICAgICAgICBdfVxuICAgICAgLz5cbiAgICApO1xuICB9LFxuICAocHJldiwgbmV4dCkgPT5cbiAgICBwcmV2LnNlbGVjdGVkID09PSBuZXh0LnNlbGVjdGVkICYmXG4gICAgcHJldi52YWx1ZSA9PT0gbmV4dC52YWx1ZSAmJlxuICAgIG5leHQub25DbGljayA9PT0gcHJldi5vbkNsaWNrXG4pO1xuXG5leHBvcnQgY29uc3QgUm93SGVhZENlbGw6IFJlYWN0LkZDPENlbGxQcm9wcz4gPSBSZWFjdC5tZW1vKFxuICAoeyAuLi5wcm9wcyB9KSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxDb2x1bW5IZWFkQ2VsbFxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIHdpZHRoOiAyNHB4O1xuICAgICAgICAgIGZvbnQtZmFtaWx5OiBtb25vc3BhY2UgIWltcG9ydGFudDtcbiAgICAgICAgICBsaW5lLWhlaWdodDogMjRweDtcbiAgICAgICAgYH1cbiAgICAgIC8+XG4gICAgKTtcbiAgfSxcbiAgKHByZXYsIG5leHQpID0+XG4gICAgcHJldi5zZWxlY3RlZCA9PT0gbmV4dC5zZWxlY3RlZCAmJlxuICAgIHByZXYudmFsdWUgPT09IG5leHQudmFsdWUgJiZcbiAgICBuZXh0Lm9uQ2xpY2sgPT09IHByZXYub25DbGlja1xuKTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+export var Cell = /*#__PURE__*/React.memo(_ref5 => {
+  var {
+      readonly = false,
+      selected = false,
+      invalid = false,
+      title,
+      style = {}
+    } = _ref5,
+    props = _objectWithoutPropertiesLoose(_ref5, _excluded);
+  return ___EmotionJSX("div", _extends({}, props, {
+    "data-element": "cell",
+    title: typeof invalid === "string" ? invalid : title,
+    style: _extends({}, style, {
+      cursor: typeof invalid === "string" ? "help" : "cursor"
+    }, selected ? {
+      border: "1px double #2185d0",
+      boxShadow: "inset 0 -100px 0 rgba(33, 133, 208, 0.15)"
+    } : {}, invalid !== false ? {
+      background: "rgba(208, 33, 33, 0.3)"
+    } : {}, readonly ? {
+      background: "#f8f9fa",
+      color: "#5f6368"
+    } : {}),
+    css: _ref4
+  }));
+}, (prev, next) => prev.selected === next.selected && prev.value === next.value && next.onClick === prev.onClick);
+var _ref2 = process.env.NODE_ENV === "production" ? {
+  name: "1ebetfj",
+  styles: "color:#f8f9fa;background-color:#5f6368"
+} : {
+  name: "9j9bqx-ColumnHeadCell",
+  styles: "color:#f8f9fa;background-color:#5f6368;label:ColumnHeadCell;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9DZWxsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRmlCIiwiZmlsZSI6Ii4uLy4uL3NyYy9DZWxsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuZXhwb3J0IGludGVyZmFjZSBDZWxsUHJvcHNcbiAgZXh0ZW5kcyBSZWFjdC5EZXRhaWxlZEhUTUxQcm9wczxcbiAgICBSZWFjdC5UZEhUTUxBdHRyaWJ1dGVzPEhUTUxUYWJsZURhdGFDZWxsRWxlbWVudD4sXG4gICAgSFRNTFRhYmxlRGF0YUNlbGxFbGVtZW50XG4gID4ge1xuICByZWFkb25seT86IGJvb2xlYW47XG4gIHNlbGVjdGVkPzogYm9vbGVhbjtcbiAgaW52YWxpZD86IGJvb2xlYW4gfCBzdHJpbmc7XG4gIHZhbHVlPzogdW5rbm93bjtcbn1cblxuZXhwb3J0IGNvbnN0IENlbGw6IFJlYWN0LkZDPENlbGxQcm9wcz4gPSBSZWFjdC5tZW1vKFxuICAoe1xuICAgIHJlYWRvbmx5ID0gZmFsc2UsXG4gICAgc2VsZWN0ZWQgPSBmYWxzZSxcbiAgICBpbnZhbGlkID0gZmFsc2UsXG4gICAgdGl0bGUsXG4gICAgdmFsdWU6IF92YWx1ZSxcbiAgICBzdHlsZSA9IHt9LFxuICAgIC4uLnByb3BzXG4gIH0pID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdlxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgIGRhdGEtZWxlbWVudD1cImNlbGxcIlxuICAgICAgICB0aXRsZT17dHlwZW9mIGludmFsaWQgPT09IFwic3RyaW5nXCIgPyBpbnZhbGlkIDogdGl0bGV9XG4gICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgLi4uc3R5bGUsXG4gICAgICAgICAgY3Vyc29yOiB0eXBlb2YgaW52YWxpZCA9PT0gXCJzdHJpbmdcIiA/IFwiaGVscFwiIDogXCJjdXJzb3JcIixcbiAgICAgICAgICAuLi4oc2VsZWN0ZWRcbiAgICAgICAgICAgID8ge1xuICAgICAgICAgICAgICAgIGJvcmRlcjogYDFweCBkb3VibGUgIzIxODVkMGAsXG4gICAgICAgICAgICAgICAgYm94U2hhZG93OiBgaW5zZXQgMCAtMTAwcHggMCByZ2JhKDMzLCAxMzMsIDIwOCwgMC4xNSlgLFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA6IHt9KSxcbiAgICAgICAgICAuLi4oaW52YWxpZCAhPT0gZmFsc2VcbiAgICAgICAgICAgID8ge1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQ6IGByZ2JhKDIwOCwgMzMsIDMzLCAwLjMpYCxcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgOiB7fSksXG4gICAgICAgICAgLi4uKHJlYWRvbmx5XG4gICAgICAgICAgICA/IHtcbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiBgI2Y4ZjlmYWAsXG4gICAgICAgICAgICAgICAgY29sb3I6IGAjNWY2MzY4YCxcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgOiB7fSksXG4gICAgICAgIH19XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgIGhlaWdodDogMjRweDtcbiAgICAgICAgICBwYWRkaW5nOiAwcHg7XG4gICAgICAgICAgb3ZlcmZsb3c6IHNjcm9sbDtcbiAgICAgICAgICB0ZXh0LWFsaWduOiByaWdodDtcbiAgICAgICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgICAgICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgICAgICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdW5zZXQ7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgI2UxZTNlMztcbiAgICAgICAgICAtbXMtb3ZlcmZsb3ctc3R5bGU6IG5vbmU7XG4gICAgICAgICAgc2Nyb2xsYmFyLXdpZHRoOiBub25lO1xuICAgICAgICAgICY6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgICAgfVxuICAgICAgICBgfVxuICAgICAgLz5cbiAgICApO1xuICB9LFxuICAocHJldiwgbmV4dCkgPT5cbiAgICBwcmV2LnNlbGVjdGVkID09PSBuZXh0LnNlbGVjdGVkICYmXG4gICAgcHJldi52YWx1ZSA9PT0gbmV4dC52YWx1ZSAmJlxuICAgIG5leHQub25DbGljayA9PT0gcHJldi5vbkNsaWNrXG4pO1xuXG5leHBvcnQgY29uc3QgQ29sdW1uSGVhZENlbGw6IFJlYWN0LkZDPENlbGxQcm9wcz4gPSBSZWFjdC5tZW1vKFxuICAocHJvcHMpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPENlbGxcbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgICBkYXRhLXNlbGVjdGVkPXtwcm9wcy5zZWxlY3RlZH1cbiAgICAgICAgY3NzPXtbXG4gICAgICAgICAgY3NzYFxuICAgICAgICAgICAgZmxleC1zaHJpbms6IDA7XG4gICAgICAgICAgICBmb250LXNpemU6IDEwcHg7XG4gICAgICAgICAgICBsaW5lLWhlaWdodDogMjRweDtcbiAgICAgICAgICAgIGNvbG9yOiAjNWY2MzY4O1xuICAgICAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2Y4ZjlmYTtcbiAgICAgICAgICAgIHRyYW5zaXRpb246IDAuMnM7XG4gICAgICAgICAgYCxcbiAgICAgICAgICBwcm9wcy5zZWxlY3RlZFxuICAgICAgICAgICAgPyBjc3NgXG4gICAgICAgICAgICAgICAgY29sb3I6ICNmOGY5ZmE7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzVmNjM2ODtcbiAgICAgICAgICAgICAgYFxuICAgICAgICAgICAgOiBudWxsLFxuICAgICAgICBdfVxuICAgICAgLz5cbiAgICApO1xuICB9LFxuICAocHJldiwgbmV4dCkgPT5cbiAgICBwcmV2LnNlbGVjdGVkID09PSBuZXh0LnNlbGVjdGVkICYmXG4gICAgcHJldi52YWx1ZSA9PT0gbmV4dC52YWx1ZSAmJlxuICAgIG5leHQub25DbGljayA9PT0gcHJldi5vbkNsaWNrXG4pO1xuXG5leHBvcnQgY29uc3QgUm93SGVhZENlbGw6IFJlYWN0LkZDPENlbGxQcm9wcz4gPSBSZWFjdC5tZW1vKFxuICAoeyAuLi5wcm9wcyB9KSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxDb2x1bW5IZWFkQ2VsbFxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIHdpZHRoOiAyNHB4O1xuICAgICAgICAgIGZvbnQtZmFtaWx5OiBtb25vc3BhY2UgIWltcG9ydGFudDtcbiAgICAgICAgICBsaW5lLWhlaWdodDogMjRweDtcbiAgICAgICAgYH1cbiAgICAgIC8+XG4gICAgKTtcbiAgfSxcbiAgKHByZXYsIG5leHQpID0+XG4gICAgcHJldi5zZWxlY3RlZCA9PT0gbmV4dC5zZWxlY3RlZCAmJlxuICAgIHByZXYudmFsdWUgPT09IG5leHQudmFsdWUgJiZcbiAgICBuZXh0Lm9uQ2xpY2sgPT09IHByZXYub25DbGlja1xuKTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+var _ref3 = process.env.NODE_ENV === "production" ? {
+  name: "kkvqm1",
+  styles: "flex-shrink:0;font-size:10px;line-height:24px;color:#5f6368;text-align:center;cursor:pointer;background-color:#f8f9fa;transition:0.2s"
+} : {
+  name: "17c7s5x-ColumnHeadCell",
+  styles: "flex-shrink:0;font-size:10px;line-height:24px;color:#5f6368;text-align:center;cursor:pointer;background-color:#f8f9fa;transition:0.2s;label:ColumnHeadCell;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9DZWxsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRmEiLCJmaWxlIjoiLi4vLi4vc3JjL0NlbGwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5leHBvcnQgaW50ZXJmYWNlIENlbGxQcm9wc1xuICBleHRlbmRzIFJlYWN0LkRldGFpbGVkSFRNTFByb3BzPFxuICAgIFJlYWN0LlRkSFRNTEF0dHJpYnV0ZXM8SFRNTFRhYmxlRGF0YUNlbGxFbGVtZW50PixcbiAgICBIVE1MVGFibGVEYXRhQ2VsbEVsZW1lbnRcbiAgPiB7XG4gIHJlYWRvbmx5PzogYm9vbGVhbjtcbiAgc2VsZWN0ZWQ/OiBib29sZWFuO1xuICBpbnZhbGlkPzogYm9vbGVhbiB8IHN0cmluZztcbiAgdmFsdWU/OiB1bmtub3duO1xufVxuXG5leHBvcnQgY29uc3QgQ2VsbDogUmVhY3QuRkM8Q2VsbFByb3BzPiA9IFJlYWN0Lm1lbW8oXG4gICh7XG4gICAgcmVhZG9ubHkgPSBmYWxzZSxcbiAgICBzZWxlY3RlZCA9IGZhbHNlLFxuICAgIGludmFsaWQgPSBmYWxzZSxcbiAgICB0aXRsZSxcbiAgICB2YWx1ZTogX3ZhbHVlLFxuICAgIHN0eWxlID0ge30sXG4gICAgLi4ucHJvcHNcbiAgfSkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8ZGl2XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgZGF0YS1lbGVtZW50PVwiY2VsbFwiXG4gICAgICAgIHRpdGxlPXt0eXBlb2YgaW52YWxpZCA9PT0gXCJzdHJpbmdcIiA/IGludmFsaWQgOiB0aXRsZX1cbiAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAuLi5zdHlsZSxcbiAgICAgICAgICBjdXJzb3I6IHR5cGVvZiBpbnZhbGlkID09PSBcInN0cmluZ1wiID8gXCJoZWxwXCIgOiBcImN1cnNvclwiLFxuICAgICAgICAgIC4uLihzZWxlY3RlZFxuICAgICAgICAgICAgPyB7XG4gICAgICAgICAgICAgICAgYm9yZGVyOiBgMXB4IGRvdWJsZSAjMjE4NWQwYCxcbiAgICAgICAgICAgICAgICBib3hTaGFkb3c6IGBpbnNldCAwIC0xMDBweCAwIHJnYmEoMzMsIDEzMywgMjA4LCAwLjE1KWAsXG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDoge30pLFxuICAgICAgICAgIC4uLihpbnZhbGlkICE9PSBmYWxzZVxuICAgICAgICAgICAgPyB7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZDogYHJnYmEoMjA4LCAzMywgMzMsIDAuMylgLFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA6IHt9KSxcbiAgICAgICAgICAuLi4ocmVhZG9ubHlcbiAgICAgICAgICAgID8ge1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQ6IGAjZjhmOWZhYCxcbiAgICAgICAgICAgICAgICBjb2xvcjogYCM1ZjYzNjhgLFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA6IHt9KSxcbiAgICAgICAgfX1cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgaGVpZ2h0OiAyNHB4O1xuICAgICAgICAgIHBhZGRpbmc6IDBweDtcbiAgICAgICAgICBvdmVyZmxvdzogc2Nyb2xsO1xuICAgICAgICAgIHRleHQtYWxpZ246IHJpZ2h0O1xuICAgICAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgICAgICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICAgICAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB1bnNldDtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAjZTFlM2UzO1xuICAgICAgICAgIC1tcy1vdmVyZmxvdy1zdHlsZTogbm9uZTtcbiAgICAgICAgICBzY3JvbGxiYXItd2lkdGg6IG5vbmU7XG4gICAgICAgICAgJjo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICAgICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgICB9XG4gICAgICAgIGB9XG4gICAgICAvPlxuICAgICk7XG4gIH0sXG4gIChwcmV2LCBuZXh0KSA9PlxuICAgIHByZXYuc2VsZWN0ZWQgPT09IG5leHQuc2VsZWN0ZWQgJiZcbiAgICBwcmV2LnZhbHVlID09PSBuZXh0LnZhbHVlICYmXG4gICAgbmV4dC5vbkNsaWNrID09PSBwcmV2Lm9uQ2xpY2tcbik7XG5cbmV4cG9ydCBjb25zdCBDb2x1bW5IZWFkQ2VsbDogUmVhY3QuRkM8Q2VsbFByb3BzPiA9IFJlYWN0Lm1lbW8oXG4gIChwcm9wcykgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8Q2VsbFxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgIGRhdGEtc2VsZWN0ZWQ9e3Byb3BzLnNlbGVjdGVkfVxuICAgICAgICBjc3M9e1tcbiAgICAgICAgICBjc3NgXG4gICAgICAgICAgICBmbGV4LXNocmluazogMDtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMTBweDtcbiAgICAgICAgICAgIGxpbmUtaGVpZ2h0OiAyNHB4O1xuICAgICAgICAgICAgY29sb3I6ICM1ZjYzNjg7XG4gICAgICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjhmOWZhO1xuICAgICAgICAgICAgdHJhbnNpdGlvbjogMC4ycztcbiAgICAgICAgICBgLFxuICAgICAgICAgIHByb3BzLnNlbGVjdGVkXG4gICAgICAgICAgICA/IGNzc2BcbiAgICAgICAgICAgICAgICBjb2xvcjogI2Y4ZjlmYTtcbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjNWY2MzY4O1xuICAgICAgICAgICAgICBgXG4gICAgICAgICAgICA6IG51bGwsXG4gICAgICAgIF19XG4gICAgICAvPlxuICAgICk7XG4gIH0sXG4gIChwcmV2LCBuZXh0KSA9PlxuICAgIHByZXYuc2VsZWN0ZWQgPT09IG5leHQuc2VsZWN0ZWQgJiZcbiAgICBwcmV2LnZhbHVlID09PSBuZXh0LnZhbHVlICYmXG4gICAgbmV4dC5vbkNsaWNrID09PSBwcmV2Lm9uQ2xpY2tcbik7XG5cbmV4cG9ydCBjb25zdCBSb3dIZWFkQ2VsbDogUmVhY3QuRkM8Q2VsbFByb3BzPiA9IFJlYWN0Lm1lbW8oXG4gICh7IC4uLnByb3BzIH0pID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPENvbHVtbkhlYWRDZWxsXG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgd2lkdGg6IDI0cHg7XG4gICAgICAgICAgZm9udC1mYW1pbHk6IG1vbm9zcGFjZSAhaW1wb3J0YW50O1xuICAgICAgICAgIGxpbmUtaGVpZ2h0OiAyNHB4O1xuICAgICAgICBgfVxuICAgICAgLz5cbiAgICApO1xuICB9LFxuICAocHJldiwgbmV4dCkgPT5cbiAgICBwcmV2LnNlbGVjdGVkID09PSBuZXh0LnNlbGVjdGVkICYmXG4gICAgcHJldi52YWx1ZSA9PT0gbmV4dC52YWx1ZSAmJlxuICAgIG5leHQub25DbGljayA9PT0gcHJldi5vbkNsaWNrXG4pO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+export var ColumnHeadCell = /*#__PURE__*/React.memo(props => {
+  return ___EmotionJSX(Cell, _extends({}, props, {
+    "data-selected": props.selected,
+    css: [_ref3, props.selected ? _ref2 : null, process.env.NODE_ENV === "production" ? "" : ";label:ColumnHeadCell;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9DZWxsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRlEiLCJmaWxlIjoiLi4vLi4vc3JjL0NlbGwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5leHBvcnQgaW50ZXJmYWNlIENlbGxQcm9wc1xuICBleHRlbmRzIFJlYWN0LkRldGFpbGVkSFRNTFByb3BzPFxuICAgIFJlYWN0LlRkSFRNTEF0dHJpYnV0ZXM8SFRNTFRhYmxlRGF0YUNlbGxFbGVtZW50PixcbiAgICBIVE1MVGFibGVEYXRhQ2VsbEVsZW1lbnRcbiAgPiB7XG4gIHJlYWRvbmx5PzogYm9vbGVhbjtcbiAgc2VsZWN0ZWQ/OiBib29sZWFuO1xuICBpbnZhbGlkPzogYm9vbGVhbiB8IHN0cmluZztcbiAgdmFsdWU/OiB1bmtub3duO1xufVxuXG5leHBvcnQgY29uc3QgQ2VsbDogUmVhY3QuRkM8Q2VsbFByb3BzPiA9IFJlYWN0Lm1lbW8oXG4gICh7XG4gICAgcmVhZG9ubHkgPSBmYWxzZSxcbiAgICBzZWxlY3RlZCA9IGZhbHNlLFxuICAgIGludmFsaWQgPSBmYWxzZSxcbiAgICB0aXRsZSxcbiAgICB2YWx1ZTogX3ZhbHVlLFxuICAgIHN0eWxlID0ge30sXG4gICAgLi4ucHJvcHNcbiAgfSkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8ZGl2XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgZGF0YS1lbGVtZW50PVwiY2VsbFwiXG4gICAgICAgIHRpdGxlPXt0eXBlb2YgaW52YWxpZCA9PT0gXCJzdHJpbmdcIiA/IGludmFsaWQgOiB0aXRsZX1cbiAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAuLi5zdHlsZSxcbiAgICAgICAgICBjdXJzb3I6IHR5cGVvZiBpbnZhbGlkID09PSBcInN0cmluZ1wiID8gXCJoZWxwXCIgOiBcImN1cnNvclwiLFxuICAgICAgICAgIC4uLihzZWxlY3RlZFxuICAgICAgICAgICAgPyB7XG4gICAgICAgICAgICAgICAgYm9yZGVyOiBgMXB4IGRvdWJsZSAjMjE4NWQwYCxcbiAgICAgICAgICAgICAgICBib3hTaGFkb3c6IGBpbnNldCAwIC0xMDBweCAwIHJnYmEoMzMsIDEzMywgMjA4LCAwLjE1KWAsXG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDoge30pLFxuICAgICAgICAgIC4uLihpbnZhbGlkICE9PSBmYWxzZVxuICAgICAgICAgICAgPyB7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZDogYHJnYmEoMjA4LCAzMywgMzMsIDAuMylgLFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA6IHt9KSxcbiAgICAgICAgICAuLi4ocmVhZG9ubHlcbiAgICAgICAgICAgID8ge1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQ6IGAjZjhmOWZhYCxcbiAgICAgICAgICAgICAgICBjb2xvcjogYCM1ZjYzNjhgLFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA6IHt9KSxcbiAgICAgICAgfX1cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgaGVpZ2h0OiAyNHB4O1xuICAgICAgICAgIHBhZGRpbmc6IDBweDtcbiAgICAgICAgICBvdmVyZmxvdzogc2Nyb2xsO1xuICAgICAgICAgIHRleHQtYWxpZ246IHJpZ2h0O1xuICAgICAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgICAgICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICAgICAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB1bnNldDtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAjZTFlM2UzO1xuICAgICAgICAgIC1tcy1vdmVyZmxvdy1zdHlsZTogbm9uZTtcbiAgICAgICAgICBzY3JvbGxiYXItd2lkdGg6IG5vbmU7XG4gICAgICAgICAgJjo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICAgICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgICB9XG4gICAgICAgIGB9XG4gICAgICAvPlxuICAgICk7XG4gIH0sXG4gIChwcmV2LCBuZXh0KSA9PlxuICAgIHByZXYuc2VsZWN0ZWQgPT09IG5leHQuc2VsZWN0ZWQgJiZcbiAgICBwcmV2LnZhbHVlID09PSBuZXh0LnZhbHVlICYmXG4gICAgbmV4dC5vbkNsaWNrID09PSBwcmV2Lm9uQ2xpY2tcbik7XG5cbmV4cG9ydCBjb25zdCBDb2x1bW5IZWFkQ2VsbDogUmVhY3QuRkM8Q2VsbFByb3BzPiA9IFJlYWN0Lm1lbW8oXG4gIChwcm9wcykgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8Q2VsbFxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgIGRhdGEtc2VsZWN0ZWQ9e3Byb3BzLnNlbGVjdGVkfVxuICAgICAgICBjc3M9e1tcbiAgICAgICAgICBjc3NgXG4gICAgICAgICAgICBmbGV4LXNocmluazogMDtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMTBweDtcbiAgICAgICAgICAgIGxpbmUtaGVpZ2h0OiAyNHB4O1xuICAgICAgICAgICAgY29sb3I6ICM1ZjYzNjg7XG4gICAgICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjhmOWZhO1xuICAgICAgICAgICAgdHJhbnNpdGlvbjogMC4ycztcbiAgICAgICAgICBgLFxuICAgICAgICAgIHByb3BzLnNlbGVjdGVkXG4gICAgICAgICAgICA/IGNzc2BcbiAgICAgICAgICAgICAgICBjb2xvcjogI2Y4ZjlmYTtcbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjNWY2MzY4O1xuICAgICAgICAgICAgICBgXG4gICAgICAgICAgICA6IG51bGwsXG4gICAgICAgIF19XG4gICAgICAvPlxuICAgICk7XG4gIH0sXG4gIChwcmV2LCBuZXh0KSA9PlxuICAgIHByZXYuc2VsZWN0ZWQgPT09IG5leHQuc2VsZWN0ZWQgJiZcbiAgICBwcmV2LnZhbHVlID09PSBuZXh0LnZhbHVlICYmXG4gICAgbmV4dC5vbkNsaWNrID09PSBwcmV2Lm9uQ2xpY2tcbik7XG5cbmV4cG9ydCBjb25zdCBSb3dIZWFkQ2VsbDogUmVhY3QuRkM8Q2VsbFByb3BzPiA9IFJlYWN0Lm1lbW8oXG4gICh7IC4uLnByb3BzIH0pID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPENvbHVtbkhlYWRDZWxsXG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgd2lkdGg6IDI0cHg7XG4gICAgICAgICAgZm9udC1mYW1pbHk6IG1vbm9zcGFjZSAhaW1wb3J0YW50O1xuICAgICAgICAgIGxpbmUtaGVpZ2h0OiAyNHB4O1xuICAgICAgICBgfVxuICAgICAgLz5cbiAgICApO1xuICB9LFxuICAocHJldiwgbmV4dCkgPT5cbiAgICBwcmV2LnNlbGVjdGVkID09PSBuZXh0LnNlbGVjdGVkICYmXG4gICAgcHJldi52YWx1ZSA9PT0gbmV4dC52YWx1ZSAmJlxuICAgIG5leHQub25DbGljayA9PT0gcHJldi5vbkNsaWNrXG4pO1xuIl19 */"]
+  }));
+}, (prev, next) => prev.selected === next.selected && prev.value === next.value && next.onClick === prev.onClick);
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "9srl69",
+  styles: "width:24px;font-family:monospace!important;line-height:24px"
+} : {
+  name: "3ngs3v-RowHeadCell",
+  styles: "width:24px;font-family:monospace!important;line-height:24px;label:RowHeadCell;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9DZWxsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtSGdCIiwiZmlsZSI6Ii4uLy4uL3NyYy9DZWxsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuZXhwb3J0IGludGVyZmFjZSBDZWxsUHJvcHNcbiAgZXh0ZW5kcyBSZWFjdC5EZXRhaWxlZEhUTUxQcm9wczxcbiAgICBSZWFjdC5UZEhUTUxBdHRyaWJ1dGVzPEhUTUxUYWJsZURhdGFDZWxsRWxlbWVudD4sXG4gICAgSFRNTFRhYmxlRGF0YUNlbGxFbGVtZW50XG4gID4ge1xuICByZWFkb25seT86IGJvb2xlYW47XG4gIHNlbGVjdGVkPzogYm9vbGVhbjtcbiAgaW52YWxpZD86IGJvb2xlYW4gfCBzdHJpbmc7XG4gIHZhbHVlPzogdW5rbm93bjtcbn1cblxuZXhwb3J0IGNvbnN0IENlbGw6IFJlYWN0LkZDPENlbGxQcm9wcz4gPSBSZWFjdC5tZW1vKFxuICAoe1xuICAgIHJlYWRvbmx5ID0gZmFsc2UsXG4gICAgc2VsZWN0ZWQgPSBmYWxzZSxcbiAgICBpbnZhbGlkID0gZmFsc2UsXG4gICAgdGl0bGUsXG4gICAgdmFsdWU6IF92YWx1ZSxcbiAgICBzdHlsZSA9IHt9LFxuICAgIC4uLnByb3BzXG4gIH0pID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdlxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgIGRhdGEtZWxlbWVudD1cImNlbGxcIlxuICAgICAgICB0aXRsZT17dHlwZW9mIGludmFsaWQgPT09IFwic3RyaW5nXCIgPyBpbnZhbGlkIDogdGl0bGV9XG4gICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgLi4uc3R5bGUsXG4gICAgICAgICAgY3Vyc29yOiB0eXBlb2YgaW52YWxpZCA9PT0gXCJzdHJpbmdcIiA/IFwiaGVscFwiIDogXCJjdXJzb3JcIixcbiAgICAgICAgICAuLi4oc2VsZWN0ZWRcbiAgICAgICAgICAgID8ge1xuICAgICAgICAgICAgICAgIGJvcmRlcjogYDFweCBkb3VibGUgIzIxODVkMGAsXG4gICAgICAgICAgICAgICAgYm94U2hhZG93OiBgaW5zZXQgMCAtMTAwcHggMCByZ2JhKDMzLCAxMzMsIDIwOCwgMC4xNSlgLFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA6IHt9KSxcbiAgICAgICAgICAuLi4oaW52YWxpZCAhPT0gZmFsc2VcbiAgICAgICAgICAgID8ge1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQ6IGByZ2JhKDIwOCwgMzMsIDMzLCAwLjMpYCxcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgOiB7fSksXG4gICAgICAgICAgLi4uKHJlYWRvbmx5XG4gICAgICAgICAgICA/IHtcbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiBgI2Y4ZjlmYWAsXG4gICAgICAgICAgICAgICAgY29sb3I6IGAjNWY2MzY4YCxcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgOiB7fSksXG4gICAgICAgIH19XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgIGhlaWdodDogMjRweDtcbiAgICAgICAgICBwYWRkaW5nOiAwcHg7XG4gICAgICAgICAgb3ZlcmZsb3c6IHNjcm9sbDtcbiAgICAgICAgICB0ZXh0LWFsaWduOiByaWdodDtcbiAgICAgICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgICAgICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgICAgICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdW5zZXQ7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgI2UxZTNlMztcbiAgICAgICAgICAtbXMtb3ZlcmZsb3ctc3R5bGU6IG5vbmU7XG4gICAgICAgICAgc2Nyb2xsYmFyLXdpZHRoOiBub25lO1xuICAgICAgICAgICY6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgICAgfVxuICAgICAgICBgfVxuICAgICAgLz5cbiAgICApO1xuICB9LFxuICAocHJldiwgbmV4dCkgPT5cbiAgICBwcmV2LnNlbGVjdGVkID09PSBuZXh0LnNlbGVjdGVkICYmXG4gICAgcHJldi52YWx1ZSA9PT0gbmV4dC52YWx1ZSAmJlxuICAgIG5leHQub25DbGljayA9PT0gcHJldi5vbkNsaWNrXG4pO1xuXG5leHBvcnQgY29uc3QgQ29sdW1uSGVhZENlbGw6IFJlYWN0LkZDPENlbGxQcm9wcz4gPSBSZWFjdC5tZW1vKFxuICAocHJvcHMpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPENlbGxcbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgICBkYXRhLXNlbGVjdGVkPXtwcm9wcy5zZWxlY3RlZH1cbiAgICAgICAgY3NzPXtbXG4gICAgICAgICAgY3NzYFxuICAgICAgICAgICAgZmxleC1zaHJpbms6IDA7XG4gICAgICAgICAgICBmb250LXNpemU6IDEwcHg7XG4gICAgICAgICAgICBsaW5lLWhlaWdodDogMjRweDtcbiAgICAgICAgICAgIGNvbG9yOiAjNWY2MzY4O1xuICAgICAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2Y4ZjlmYTtcbiAgICAgICAgICAgIHRyYW5zaXRpb246IDAuMnM7XG4gICAgICAgICAgYCxcbiAgICAgICAgICBwcm9wcy5zZWxlY3RlZFxuICAgICAgICAgICAgPyBjc3NgXG4gICAgICAgICAgICAgICAgY29sb3I6ICNmOGY5ZmE7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzVmNjM2ODtcbiAgICAgICAgICAgICAgYFxuICAgICAgICAgICAgOiBudWxsLFxuICAgICAgICBdfVxuICAgICAgLz5cbiAgICApO1xuICB9LFxuICAocHJldiwgbmV4dCkgPT5cbiAgICBwcmV2LnNlbGVjdGVkID09PSBuZXh0LnNlbGVjdGVkICYmXG4gICAgcHJldi52YWx1ZSA9PT0gbmV4dC52YWx1ZSAmJlxuICAgIG5leHQub25DbGljayA9PT0gcHJldi5vbkNsaWNrXG4pO1xuXG5leHBvcnQgY29uc3QgUm93SGVhZENlbGw6IFJlYWN0LkZDPENlbGxQcm9wcz4gPSBSZWFjdC5tZW1vKFxuICAoeyAuLi5wcm9wcyB9KSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxDb2x1bW5IZWFkQ2VsbFxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIHdpZHRoOiAyNHB4O1xuICAgICAgICAgIGZvbnQtZmFtaWx5OiBtb25vc3BhY2UgIWltcG9ydGFudDtcbiAgICAgICAgICBsaW5lLWhlaWdodDogMjRweDtcbiAgICAgICAgYH1cbiAgICAgIC8+XG4gICAgKTtcbiAgfSxcbiAgKHByZXYsIG5leHQpID0+XG4gICAgcHJldi5zZWxlY3RlZCA9PT0gbmV4dC5zZWxlY3RlZCAmJlxuICAgIHByZXYudmFsdWUgPT09IG5leHQudmFsdWUgJiZcbiAgICBuZXh0Lm9uQ2xpY2sgPT09IHByZXYub25DbGlja1xuKTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+export var RowHeadCell = /*#__PURE__*/React.memo(_ref6 => {
+  var props = _extends({}, (_objectDestructuringEmpty(_ref6), _ref6));
+  return ___EmotionJSX(ColumnHeadCell, _extends({}, props, {
+    css: _ref
+  }));
+}, (prev, next) => prev.selected === next.selected && prev.value === next.value && next.onClick === prev.onClick);
+//# sourceMappingURL=Cell.js.map

package/Cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.js","names":["css","React","Cell","memo","readonly","selected","invalid","title","style","props","cursor","border","boxShadow","background","color","prev","next","value","onClick","ColumnHeadCell","RowHeadCell"],"sources":["../../src/Cell.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport React from \"react\";\nexport interface CellProps\n  extends React.DetailedHTMLProps<\n    React.TdHTMLAttributes<HTMLTableDataCellElement>,\n    HTMLTableDataCellElement\n  > {\n  readonly?: boolean;\n  selected?: boolean;\n  invalid?: boolean | string;\n  value?: unknown;\n}\n\nexport const Cell: React.FC<CellProps> = React.memo(\n  ({\n    readonly = false,\n    selected = false,\n    invalid = false,\n    title,\n    value: _value,\n    style = {},\n    ...props\n  }) => {\n    return (\n      <div\n        {...props}\n        data-element=\"cell\"\n        title={typeof invalid === \"string\" ? invalid : title}\n        style={{\n          ...style,\n          cursor: typeof invalid === \"string\" ? \"help\" : \"cursor\",\n          ...(selected\n            ? {\n                border: `1px double #2185d0`,\n                boxShadow: `inset 0 -100px 0 rgba(33, 133, 208, 0.15)`,\n              }\n            : {}),\n          ...(invalid !== false\n            ? {\n                background: `rgba(208, 33, 33, 0.3)`,\n              }\n            : {}),\n          ...(readonly\n            ? {\n                background: `#f8f9fa`,\n                color: `#5f6368`,\n              }\n            : {}),\n        }}\n        css={css`\n          position: relative;\n          box-sizing: border-box;\n          height: 24px;\n          padding: 0px;\n          overflow: scroll;\n          text-align: right;\n          white-space: nowrap;\n          vertical-align: middle;\n          user-select: none;\n          background-color: unset;\n          background-color: white;\n          border: 1px solid #e1e3e3;\n          -ms-overflow-style: none;\n          scrollbar-width: none;\n          &::-webkit-scrollbar {\n            display: none;\n          }\n        `}\n      />\n    );\n  },\n  (prev, next) =>\n    prev.selected === next.selected &&\n    prev.value === next.value &&\n    next.onClick === prev.onClick\n);\n\nexport const ColumnHeadCell: React.FC<CellProps> = React.memo(\n  (props) => {\n    return (\n      <Cell\n        {...props}\n        data-selected={props.selected}\n        css={[\n          css`\n            flex-shrink: 0;\n            font-size: 10px;\n            line-height: 24px;\n            color: #5f6368;\n            text-align: center;\n            cursor: pointer;\n            background-color: #f8f9fa;\n            transition: 0.2s;\n          `,\n          props.selected\n            ? css`\n                color: #f8f9fa;\n                background-color: #5f6368;\n              `\n            : null,\n        ]}\n      />\n    );\n  },\n  (prev, next) =>\n    prev.selected === next.selected &&\n    prev.value === next.value &&\n    next.onClick === prev.onClick\n);\n\nexport const RowHeadCell: React.FC<CellProps> = React.memo(\n  ({ ...props }) => {\n    return (\n      <ColumnHeadCell\n        {...props}\n        css={css`\n          width: 24px;\n          font-family: monospace !important;\n          line-height: 24px;\n        `}\n      />\n    );\n  },\n  (prev, next) =>\n    prev.selected === next.selected &&\n    prev.value === next.value &&\n    next.onClick === prev.onClick\n);\n"],"mappings":";;;;;AAAA,SAASA,GAAG,QAAQ,gBAAgB;AACpC,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA;EAAA;EAAA;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAY1B,OAAO,IAAMC,IAAyB,gBAAGD,KAAK,CAACE,IAAI,CACjD,SAQM;EAAA,IARL;MACCC,QAAQ,GAAG,KAAK;MAChBC,QAAQ,GAAG,KAAK;MAChBC,OAAO,GAAG,KAAK;MACfC,KAAK;MAELC,KAAK,GAAG,CAAC;IAEX,CAAC;IADIC,KAAK;EAER,OACE,kCACMA,KAAK;IACT,gBAAa,MAAM;IACnB,KAAK,EAAE,OAAOH,OAAO,KAAK,QAAQ,GAAGA,OAAO,GAAGC,KAAM;IACrD,KAAK,eACAC,KAAK;MACRE,MAAM,EAAE,OAAOJ,OAAO,KAAK,QAAQ,GAAG,MAAM,GAAG;IAAQ,GACnDD,QAAQ,GACR;MACEM,MAAM,sBAAsB;MAC5BC,SAAS;IACX,CAAC,GACD,CAAC,CAAC,EACFN,OAAO,KAAK,KAAK,GACjB;MACEO,UAAU;IACZ,CAAC,GACD,CAAC,CAAC,EACFT,QAAQ,GACR;MACES,UAAU,WAAW;MACrBC,KAAK;IACP,CAAC,GACD,CAAC,CAAC,CACN;IACF,GAAG;EAkBD,GACF;AAEN,CAAC,EACD,CAACC,IAAI,EAAEC,IAAI,KACTD,IAAI,CAACV,QAAQ,KAAKW,IAAI,CAACX,QAAQ,IAC/BU,IAAI,CAACE,KAAK,KAAKD,IAAI,CAACC,KAAK,IACzBD,IAAI,CAACE,OAAO,KAAKH,IAAI,CAACG,OAAO,CAChC;AAAC;EAAA;EAAA;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA;EAAA;EAAA;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAEF,OAAO,IAAMC,cAAmC,gBAAGlB,KAAK,CAACE,IAAI,CAC1DM,KAAK,IAAK;EACT,OACE,cAAC,IAAI,eACCA,KAAK;IACT,iBAAeA,KAAK,CAACJ,QAAS;IAC9B,GAAG,UAWDI,KAAK,CAACJ,QAAQ,WAKV,IAAI;EACR,GACF;AAEN,CAAC,EACD,CAACU,IAAI,EAAEC,IAAI,KACTD,IAAI,CAACV,QAAQ,KAAKW,IAAI,CAACX,QAAQ,IAC/BU,IAAI,CAACE,KAAK,KAAKD,IAAI,CAACC,KAAK,IACzBD,IAAI,CAACE,OAAO,KAAKH,IAAI,CAACG,OAAO,CAChC;AAAC;EAAA;EAAA;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAEF,OAAO,IAAME,WAAgC,gBAAGnB,KAAK,CAACE,IAAI,CACxD,SAAkB;EAAA,IAAZM,KAAK;EACT,OACE,cAAC,cAAc,eACTA,KAAK;IACT,GAAG;EAID,GACF;AAEN,CAAC,EACD,CAACM,IAAI,EAAEC,IAAI,KACTD,IAAI,CAACV,QAAQ,KAAKW,IAAI,CAACX,QAAQ,IAC/BU,IAAI,CAACE,KAAK,KAAKD,IAAI,CAACC,KAAK,IACzBD,IAAI,CAACE,OAAO,KAAKH,IAAI,CAACG,OAAO,CAChC"}

package/Controller.js

@@ -0,0 +1,50 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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)."; }
+import { css } from "@emotion/react";
+import React from "react";
+import { jsx as ___EmotionJSX } from "@emotion/react";
+var _ref2 = process.env.NODE_ENV === "production" ? {
+  name: "17ncf2e",
+  styles: "box-sizing:border-box;display:flex;justify-content:flex-end;background-color:#f8f9fa;border-top:1px solid #e1e3e3;border-right:1px solid #e1e3e3;border-left:1px solid #e1e3e3"
+} : {
+  name: "1h7ldop-Controller",
+  styles: "box-sizing:border-box;display:flex;justify-content:flex-end;background-color:#f8f9fa;border-top:1px solid #e1e3e3;border-right:1px solid #e1e3e3;border-left:1px solid #e1e3e3;label:Controller;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Db250cm9sbGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRYyIsImZpbGUiOiIuLi8uLi9zcmMvQ29udHJvbGxlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xsZXI6IFJlYWN0LkZDPFJlYWN0LkhUTUxQcm9wczxIVE1MRGl2RWxlbWVudD4+ID0gKFxuICBwcm9wc1xuKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICNmOGY5ZmE7XG4gICAgICAgIGJvcmRlci10b3A6IDFweCBzb2xpZCAjZTFlM2UzO1xuICAgICAgICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCAjZTFlM2UzO1xuICAgICAgICBib3JkZXItbGVmdDogMXB4IHNvbGlkICNlMWUzZTM7XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgRG93bmxvYWRCdXR0b24gPSAoXG4gIHByb3BzOiBSZWFjdC5EZXRhaWxlZEhUTUxQcm9wczxcbiAgICBSZWFjdC5CdXR0b25IVE1MQXR0cmlidXRlczxIVE1MQnV0dG9uRWxlbWVudD4sXG4gICAgSFRNTEJ1dHRvbkVsZW1lbnRcbiAgPlxuKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGJ1dHRvblxuICAgICAgdGl0bGU9e2BDU1blvaLlvI/jgafjg4fjg7zjgr/jgpLjg4Djgqbjg7Pjg63jg7zjg4njgZfjgb7jgZnjgIJcbkN0cmzjgb7jgZ/jga9Db21tYW5k44KS5oq844GX44Gq44GM44KJ44Kv44Oq44OD44Kv44GZ44KL44GT44Go44Gn5ZCN5YmN44KS5LuY44GR44Gm44OA44Km44Oz44Ot44O844OJ44Gn44GN44G+44GZ44CCYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICB3aWR0aDogNDBweDtcbiAgICAgICAgaGVpZ2h0OiA0MHB4O1xuICAgICAgICBwYWRkaW5nOiAwcHg7XG4gICAgICAgIG1hcmdpbjogMHB4O1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICNmOGY5ZmE7XG4gICAgICAgIGJvcmRlcjogbm9uZTtcbiAgICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgICAgdHJhbnNpdGlvbjogMC4ycztcbiAgICAgICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2UxZTNlMztcbiAgICAgICAgfVxuICAgICAgYH1cbiAgICA+XG4gICAgICA8c3ZnXG4gICAgICAgIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIlxuICAgICAgICBlbmFibGVCYWNrZ3JvdW5kPVwibmV3IDAgMCAyNCAyNFwiXG4gICAgICAgIGhlaWdodD1cIjI0cHhcIlxuICAgICAgICB2aWV3Qm94PVwiMCAwIDI0IDI0XCJcbiAgICAgICAgd2lkdGg9XCIyNHB4XCJcbiAgICAgICAgZmlsbD1cIiMwMDAwMDBcIlxuICAgICAgPlxuICAgICAgICA8Zz5cbiAgICAgICAgICA8cmVjdCBmaWxsPVwibm9uZVwiIGhlaWdodD1cIjI0XCIgd2lkdGg9XCIyNFwiIC8+XG4gICAgICAgIDwvZz5cbiAgICAgICAgPGc+XG4gICAgICAgICAgPHBhdGggZD1cIk01LDIwaDE0di0ySDVWMjB6IE0xOSw5aC00VjNIOXY2SDVsNyw3TDE5LDl6XCIgLz5cbiAgICAgICAgPC9nPlxuICAgICAgPC9zdmc+XG4gICAgPC9idXR0b24+XG4gICk7XG59O1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+export var Controller = props => {
+  return ___EmotionJSX("div", _extends({
+    css: _ref2
+  }, props));
+};
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "1nlr1g4",
+  styles: "box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0px;margin:0px;cursor:pointer;background-color:#f8f9fa;border:none;outline:none;transition:0.2s;appearance:none;&:hover{background-color:#e1e3e3;}"
+} : {
+  name: "1xvqni3-DownloadButton",
+  styles: "box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0px;margin:0px;cursor:pointer;background-color:#f8f9fa;border:none;outline:none;transition:0.2s;appearance:none;&:hover{background-color:#e1e3e3;};label:DownloadButton;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Db250cm9sbGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQ2MiLCJmaWxlIjoiLi4vLi4vc3JjL0NvbnRyb2xsZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5cbmV4cG9ydCBjb25zdCBDb250cm9sbGVyOiBSZWFjdC5GQzxSZWFjdC5IVE1MUHJvcHM8SFRNTERpdkVsZW1lbnQ+PiA9IChcbiAgcHJvcHNcbikgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjhmOWZhO1xuICAgICAgICBib3JkZXItdG9wOiAxcHggc29saWQgI2UxZTNlMztcbiAgICAgICAgYm9yZGVyLXJpZ2h0OiAxcHggc29saWQgI2UxZTNlMztcbiAgICAgICAgYm9yZGVyLWxlZnQ6IDFweCBzb2xpZCAjZTFlM2UzO1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IERvd25sb2FkQnV0dG9uID0gKFxuICBwcm9wczogUmVhY3QuRGV0YWlsZWRIVE1MUHJvcHM8XG4gICAgUmVhY3QuQnV0dG9uSFRNTEF0dHJpYnV0ZXM8SFRNTEJ1dHRvbkVsZW1lbnQ+LFxuICAgIEhUTUxCdXR0b25FbGVtZW50XG4gID5cbikgPT4ge1xuICByZXR1cm4gKFxuICAgIDxidXR0b25cbiAgICAgIHRpdGxlPXtgQ1NW5b2i5byP44Gn44OH44O844K/44KS44OA44Km44Oz44Ot44O844OJ44GX44G+44GZ44CCXG5DdHJs44G+44Gf44GvQ29tbWFuZOOCkuaKvOOBl+OBquOBjOOCieOCr+ODquODg+OCr+OBmeOCi+OBk+OBqOOBp+WQjeWJjeOCkuS7mOOBkeOBpuODgOOCpuODs+ODreODvOODieOBp+OBjeOBvuOBmeOAgmB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgd2lkdGg6IDQwcHg7XG4gICAgICAgIGhlaWdodDogNDBweDtcbiAgICAgICAgcGFkZGluZzogMHB4O1xuICAgICAgICBtYXJnaW46IDBweDtcbiAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjhmOWZhO1xuICAgICAgICBib3JkZXI6IG5vbmU7XG4gICAgICAgIG91dGxpbmU6IG5vbmU7XG4gICAgICAgIHRyYW5zaXRpb246IDAuMnM7XG4gICAgICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICNlMWUzZTM7XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgPlxuICAgICAgPHN2Z1xuICAgICAgICB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCJcbiAgICAgICAgZW5hYmxlQmFja2dyb3VuZD1cIm5ldyAwIDAgMjQgMjRcIlxuICAgICAgICBoZWlnaHQ9XCIyNHB4XCJcbiAgICAgICAgdmlld0JveD1cIjAgMCAyNCAyNFwiXG4gICAgICAgIHdpZHRoPVwiMjRweFwiXG4gICAgICAgIGZpbGw9XCIjMDAwMDAwXCJcbiAgICAgID5cbiAgICAgICAgPGc+XG4gICAgICAgICAgPHJlY3QgZmlsbD1cIm5vbmVcIiBoZWlnaHQ9XCIyNFwiIHdpZHRoPVwiMjRcIiAvPlxuICAgICAgICA8L2c+XG4gICAgICAgIDxnPlxuICAgICAgICAgIDxwYXRoIGQ9XCJNNSwyMGgxNHYtMkg1VjIweiBNMTksOWgtNFYzSDl2Nkg1bDcsN0wxOSw5elwiIC8+XG4gICAgICAgIDwvZz5cbiAgICAgIDwvc3ZnPlxuICAgIDwvYnV0dG9uPlxuICApO1xufTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+export var DownloadButton = props => {
+  return ___EmotionJSX("button", _extends({
+    title: "CSV\u5F62\u5F0F\u3067\u30C7\u30FC\u30BF\u3092\u30C0\u30A6\u30F3\u30ED\u30FC\u30C9\u3057\u307E\u3059\u3002\nCtrl\u307E\u305F\u306FCommand\u3092\u62BC\u3057\u306A\u304C\u3089\u30AF\u30EA\u30C3\u30AF\u3059\u308B\u3053\u3068\u3067\u540D\u524D\u3092\u4ED8\u3051\u3066\u30C0\u30A6\u30F3\u30ED\u30FC\u30C9\u3067\u304D\u307E\u3059\u3002"
+  }, props, {
+    type: "button",
+    css: _ref
+  }), ___EmotionJSX("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    enableBackground: "new 0 0 24 24",
+    height: "24px",
+    viewBox: "0 0 24 24",
+    width: "24px",
+    fill: "#000000"
+  }, ___EmotionJSX("g", null, ___EmotionJSX("rect", {
+    fill: "none",
+    height: "24",
+    width: "24"
+  })), ___EmotionJSX("g", null, ___EmotionJSX("path", {
+    d: "M5,20h14v-2H5V20z M19,9h-4V3H9v6H5l7,7L19,9z"
+  }))));
+};
+//# sourceMappingURL=Controller.js.map

package/Controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Controller.js","names":["css","React","Controller","props","DownloadButton"],"sources":["../../src/Controller.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport React from \"react\";\n\nexport const Controller: React.FC<React.HTMLProps<HTMLDivElement>> = (\n  props\n) => {\n  return (\n    <div\n      css={css`\n        box-sizing: border-box;\n        display: flex;\n        justify-content: flex-end;\n        background-color: #f8f9fa;\n        border-top: 1px solid #e1e3e3;\n        border-right: 1px solid #e1e3e3;\n        border-left: 1px solid #e1e3e3;\n      `}\n      {...props}\n    />\n  );\n};\n\nexport const DownloadButton = (\n  props: React.DetailedHTMLProps<\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    HTMLButtonElement\n  >\n) => {\n  return (\n    <button\n      title={`CSV形式でデータをダウンロードします。\nCtrlまたはCommandを押しながらクリックすることで名前を付けてダウンロードできます。`}\n      {...props}\n      type=\"button\"\n      css={css`\n        box-sizing: border-box;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 40px;\n        height: 40px;\n        padding: 0px;\n        margin: 0px;\n        cursor: pointer;\n        background-color: #f8f9fa;\n        border: none;\n        outline: none;\n        transition: 0.2s;\n        appearance: none;\n        &:hover {\n          background-color: #e1e3e3;\n        }\n      `}\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        enableBackground=\"new 0 0 24 24\"\n        height=\"24px\"\n        viewBox=\"0 0 24 24\"\n        width=\"24px\"\n        fill=\"#000000\"\n      >\n        <g>\n          <rect fill=\"none\" height=\"24\" width=\"24\" />\n        </g>\n        <g>\n          <path d=\"M5,20h14v-2H5V20z M19,9h-4V3H9v6H5l7,7L19,9z\" />\n        </g>\n      </svg>\n    </button>\n  );\n};\n"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,gBAAgB;AACpC,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA;EAAA;EAAA;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAE1B,OAAO,IAAMC,UAAqD,GAChEC,KAAK,IACF;EACH,OACE;IACE,GAAG;EAQD,GACEA,KAAK,EACT;AAEN,CAAC;AAAC;EAAA;EAAA;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAEF,OAAO,IAAMC,cAAc,GACzBD,KAGC,IACE;EACH,OACE;IACE,KAAK;EACqC,GACtCA,KAAK;IACT,IAAI,EAAC,QAAQ;IACb,GAAG;EAkBD,IAEF;IACE,KAAK,EAAC,4BAA4B;IAClC,gBAAgB,EAAC,eAAe;IAChC,MAAM,EAAC,MAAM;IACb,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,MAAM;IACZ,IAAI,EAAC;EAAS,GAEd,yBACE;IAAM,IAAI,EAAC,MAAM;IAAC,MAAM,EAAC,IAAI;IAAC,KAAK,EAAC;EAAI,EAAG,CACzC,EACJ,yBACE;IAAM,CAAC,EAAC;EAA8C,EAAG,CACvD,CACA,CACC;AAEb,CAAC"}

package/{dist/esm/CustomCell.js → CustomCell.js}

@@ -2,7 +2,6 @@ import { Cell, RowHeadCell } from "./Cell";
 import { DataSheetCheckbox } from "./DataSheetCheckbox";
 import { DataSheetInput } from "./DataSheetInput";
 import { DataSheetSelect } from "./DataSheetSelect";
-import { DataSheetText } from "./DataSheetText";
 import { areEqual } from "react-window";
 import React from "react";
 import { jsx as ___EmotionJSX } from "@emotion/react";
@@ -29,7 +28,6 @@ export var CustomCell = /*#__PURE__*/React.memo(_ref => {
   } = _ref;
   var x = rowIndex;
   var y = columnIndex - 1;
-
   if (y === -1) {
     return ___EmotionJSX(RowHeadCell, {
       title: x + "\u884C\u76EE\u3092\u9078\u629E",
@@ -43,7 +41,6 @@ export var CustomCell = /*#__PURE__*/React.memo(_ref => {
       style: style
     }, x);
   }
-
   var row = rows[x];
   var cell = row[y];
   var {
@@ -58,7 +55,6 @@ export var CustomCell = /*#__PURE__*/React.memo(_ref => {
     x: x,
     y: y
   });
-
   var makeOptions = () => list ? typeof list === "function" ? list({
     row: data[x]
   }).map((option, i) => ___EmotionJSX("option", {
@@ -68,7 +64,6 @@ export var CustomCell = /*#__PURE__*/React.memo(_ref => {
     value: option,
     key: option + "-" + i
   }, option)) : null;
-
   var displayValue = cell === undefined ? "" : formatter ? formatter(cell, {
     row: data[y]
   }) : "" + cell;
@@ -86,7 +81,16 @@ export var CustomCell = /*#__PURE__*/React.memo(_ref => {
     key: "row-" + x + "-cell-" + y,
     onMouseDown: handleMouseDown,
     onMouseOver: handleMouseOver
-  }, readonly || type === undefined ? ___EmotionJSX(DataSheetText, null, displayValue) : type === "checkbox" ? ___EmotionJSX(DataSheetCheckbox, {
+  }, readonly || type === undefined ? ___EmotionJSX(DataSheetInput, {
+    type: type,
+    defaultValue: displayValue,
+    list: "" + key,
+    key: x + "-" + y + "-" + cell,
+    "data-row": x,
+    "data-column": y,
+    onChange: handleChangeDataEditor,
+    readOnly: readonly
+  }) : type === "checkbox" ? ___EmotionJSX(DataSheetCheckbox, {
     type: type,
     "data-row": x,
     "data-column": y,
@@ -106,7 +110,8 @@ export var CustomCell = /*#__PURE__*/React.memo(_ref => {
     key: x + "-" + y + "-" + cell,
     "data-row": x,
     "data-column": y,
-    onChange: handleChangeDataEditor
+    onChange: handleChangeDataEditor,
+    readOnly: readonly
   }), list ? ___EmotionJSX("datalist", {
     id: key
   }, makeOptions()) : null));

package/CustomCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomCell.js","names":["Cell","RowHeadCell","DataSheetCheckbox","DataSheetInput","DataSheetSelect","areEqual","React","CustomCell","memo","columnIndex","rowIndex","style","data","columns","handleSelectRow","handleMouseDownRow","handleMouseOverRow","handleMouseUpRow","isSelectRow","rows","handleChangeDataEditor","isSelection","handleMouseDown","handleMouseOver","handleChangeCheckbox","x","y","row","cell","readonly","type","list","key","validator","formatter","selected","makeOptions","map","option","i","displayValue","undefined"],"sources":["../../src/CustomCell.tsx"],"sourcesContent":["import { Cell, RowHeadCell } from \"./Cell\";\nimport { ComponentType } from \"react\";\nimport { DataSheetCheckbox } from \"./DataSheetCheckbox\";\nimport { DataSheetInput } from \"./DataSheetInput\";\nimport { DataSheetSelect } from \"./DataSheetSelect\";\nimport { GridChildComponentProps, areEqual } from \"react-window\";\nimport React from \"react\";\n\nexport const CustomCell: ComponentType<GridChildComponentProps> = React.memo(\n  ({\n    columnIndex,\n    rowIndex,\n    style,\n    data: {\n      columns,\n      handleSelectRow,\n      handleMouseDownRow,\n      handleMouseOverRow,\n      handleMouseUpRow,\n      isSelectRow,\n      rows,\n      handleChangeDataEditor,\n      isSelection,\n      data,\n      handleMouseDown,\n      handleMouseOver,\n      handleChangeCheckbox,\n    },\n  }) => {\n    const x = rowIndex;\n    const y = columnIndex - 1;\n    if (y === -1) {\n      return (\n        <RowHeadCell\n          title={`${x}行目を選択`}\n          data-row={x}\n          data-column={0}\n          onClick={handleSelectRow}\n          onMouseDown={handleMouseDownRow}\n          onMouseOver={handleMouseOverRow}\n          onMouseUp={handleMouseUpRow}\n          selected={isSelectRow(x)}\n          style={style}\n        >\n          {x}\n        </RowHeadCell>\n      );\n    }\n    const row = rows[x];\n    const cell = row[y];\n\n    const {\n      readonly = false,\n      type,\n      list,\n      key,\n      validator,\n      formatter,\n    } = columns[y];\n\n    const selected = isSelection({\n      x: x,\n      y: y,\n    });\n    const makeOptions = () =>\n      list\n        ? typeof list === \"function\"\n          ? list({\n              row: data[x],\n            }).map((option: string, i: number) => (\n              <option value={option} key={`${option}-${i}`}>\n                {option}\n              </option>\n            ))\n          : list.map((option: string, i: number) => (\n              <option value={option} key={`${option}-${i}`}>\n                {option}\n              </option>\n            ))\n        : null;\n\n    const displayValue =\n      cell === undefined\n        ? \"\"\n        : formatter\n        ? formatter(cell, {\n            row: data[y],\n          })\n        : `${cell}`;\n    return (\n      <Cell\n        style={style}\n        title={displayValue}\n        invalid={\n          cell !== undefined && validator\n            ? validator({\n                row: data[x],\n              })\n            : false\n        }\n        readonly={readonly}\n        selected={selected}\n        data-row={x}\n        data-column={y}\n        value={cell}\n        key={`row-${x}-cell-${y}`}\n        onMouseDown={handleMouseDown}\n        onMouseOver={handleMouseOver}\n      >\n        {readonly || type === undefined ? (\n          <DataSheetInput\n            type={type}\n            defaultValue={displayValue}\n            list={`${key}`}\n            key={`${x}-${y}-${cell}`}\n            data-row={x}\n            data-column={y}\n            onChange={handleChangeDataEditor}\n            readOnly={readonly}\n          />\n        ) : type === \"checkbox\" ? (\n          <DataSheetCheckbox\n            type={type}\n            data-row={x}\n            data-column={y}\n            onChange={handleChangeCheckbox}\n            key={`${x}-${y}-${cell}`}\n            defaultChecked={typeof cell === \"boolean\" ? cell : undefined}\n          />\n        ) : type === \"select\" ? (\n          <DataSheetSelect\n            data-row={x}\n            data-column={y}\n            defaultValue={cell as string}\n            key={`${x}-${y}-${cell}`}\n            onChange={handleChangeDataEditor}\n          >\n            {makeOptions()}\n          </DataSheetSelect>\n        ) : (\n          <React.Fragment>\n            <DataSheetInput\n              type={type}\n              defaultValue={cell}\n              list={`${key}`}\n              key={`${x}-${y}-${cell}`}\n              data-row={x}\n              data-column={y}\n              onChange={handleChangeDataEditor}\n              readOnly={readonly}\n            />\n            {list ? (\n              <datalist id={key as string}>{makeOptions()}</datalist>\n            ) : null}\n          </React.Fragment>\n        )}\n      </Cell>\n    );\n  },\n  areEqual\n);\n"],"mappings":"AAAA,SAASA,IAAI,EAAEC,WAAW,QAAQ,QAAQ;AAE1C,SAASC,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAAkCC,QAAQ,QAAQ,cAAc;AAChE,OAAOC,KAAK,MAAM,OAAO;AAAC;AAE1B,OAAO,IAAMC,UAAkD,gBAAGD,KAAK,CAACE,IAAI,CAC1E,QAmBM;EAAA,IAnBL;IACCC,WAAW;IACXC,QAAQ;IACRC,KAAK;IACLC,IAAI,EAAE;MACJC,OAAO;MACPC,eAAe;MACfC,kBAAkB;MAClBC,kBAAkB;MAClBC,gBAAgB;MAChBC,WAAW;MACXC,IAAI;MACJC,sBAAsB;MACtBC,WAAW;MACXT,IAAI;MACJU,eAAe;MACfC,eAAe;MACfC;IACF;EACF,CAAC;EACC,IAAMC,CAAC,GAAGf,QAAQ;EAClB,IAAMgB,CAAC,GAAGjB,WAAW,GAAG,CAAC;EACzB,IAAIiB,CAAC,KAAK,CAAC,CAAC,EAAE;IACZ,OACE,cAAC,WAAW;MACV,KAAK,EAAKD,CAAC,mCAAQ;MACnB,YAAUA,CAAE;MACZ,eAAa,CAAE;MACf,OAAO,EAAEX,eAAgB;MACzB,WAAW,EAAEC,kBAAmB;MAChC,WAAW,EAAEC,kBAAmB;MAChC,SAAS,EAAEC,gBAAiB;MAC5B,QAAQ,EAAEC,WAAW,CAACO,CAAC,CAAE;MACzB,KAAK,EAAEd;IAAM,GAEZc,CAAC,CACU;EAElB;EACA,IAAME,GAAG,GAAGR,IAAI,CAACM,CAAC,CAAC;EACnB,IAAMG,IAAI,GAAGD,GAAG,CAACD,CAAC,CAAC;EAEnB,IAAM;IACJG,QAAQ,GAAG,KAAK;IAChBC,IAAI;IACJC,IAAI;IACJC,GAAG;IACHC,SAAS;IACTC;EACF,CAAC,GAAGrB,OAAO,CAACa,CAAC,CAAC;EAEd,IAAMS,QAAQ,GAAGd,WAAW,CAAC;IAC3BI,CAAC,EAAEA,CAAC;IACJC,CAAC,EAAEA;EACL,CAAC,CAAC;EACF,IAAMU,WAAW,GAAG,MAClBL,IAAI,GACA,OAAOA,IAAI,KAAK,UAAU,GACxBA,IAAI,CAAC;IACHJ,GAAG,EAAEf,IAAI,CAACa,CAAC;EACb,CAAC,CAAC,CAACY,GAAG,CAAC,CAACC,MAAc,EAAEC,CAAS,KAC/B;IAAQ,KAAK,EAAED,MAAO;IAAC,GAAG,EAAKA,MAAM,SAAIC;EAAI,GAC1CD,MAAM,CAEV,CAAC,GACFP,IAAI,CAACM,GAAG,CAAC,CAACC,MAAc,EAAEC,CAAS,KACjC;IAAQ,KAAK,EAAED,MAAO;IAAC,GAAG,EAAKA,MAAM,SAAIC;EAAI,GAC1CD,MAAM,CAEV,CAAC,GACJ,IAAI;EAEV,IAAME,YAAY,GAChBZ,IAAI,KAAKa,SAAS,GACd,EAAE,GACFP,SAAS,GACTA,SAAS,CAACN,IAAI,EAAE;IACdD,GAAG,EAAEf,IAAI,CAACc,CAAC;EACb,CAAC,CAAC,QACCE,IAAM;EACf,OACE,cAAC,IAAI;IACH,KAAK,EAAEjB,KAAM;IACb,KAAK,EAAE6B,YAAa;IACpB,OAAO,EACLZ,IAAI,KAAKa,SAAS,IAAIR,SAAS,GAC3BA,SAAS,CAAC;MACRN,GAAG,EAAEf,IAAI,CAACa,CAAC;IACb,CAAC,CAAC,GACF,KACL;IACD,QAAQ,EAAEI,QAAS;IACnB,QAAQ,EAAEM,QAAS;IACnB,YAAUV,CAAE;IACZ,eAAaC,CAAE;IACf,KAAK,EAAEE,IAAK;IACZ,GAAG,WAASH,CAAC,cAASC,CAAI;IAC1B,WAAW,EAAEJ,eAAgB;IAC7B,WAAW,EAAEC;EAAgB,GAE5BM,QAAQ,IAAIC,IAAI,KAAKW,SAAS,GAC7B,cAAC,cAAc;IACb,IAAI,EAAEX,IAAK;IACX,YAAY,EAAEU,YAAa;IAC3B,IAAI,OAAKR,GAAM;IACf,GAAG,EAAKP,CAAC,SAAIC,CAAC,SAAIE,IAAO;IACzB,YAAUH,CAAE;IACZ,eAAaC,CAAE;IACf,QAAQ,EAAEN,sBAAuB;IACjC,QAAQ,EAAES;EAAS,EACnB,GACAC,IAAI,KAAK,UAAU,GACrB,cAAC,iBAAiB;IAChB,IAAI,EAAEA,IAAK;IACX,YAAUL,CAAE;IACZ,eAAaC,CAAE;IACf,QAAQ,EAAEF,oBAAqB;IAC/B,GAAG,EAAKC,CAAC,SAAIC,CAAC,SAAIE,IAAO;IACzB,cAAc,EAAE,OAAOA,IAAI,KAAK,SAAS,GAAGA,IAAI,GAAGa;EAAU,EAC7D,GACAX,IAAI,KAAK,QAAQ,GACnB,cAAC,eAAe;IACd,YAAUL,CAAE;IACZ,eAAaC,CAAE;IACf,YAAY,EAAEE,IAAe;IAC7B,GAAG,EAAKH,CAAC,SAAIC,CAAC,SAAIE,IAAO;IACzB,QAAQ,EAAER;EAAuB,GAEhCgB,WAAW,EAAE,CACE,GAElB,cAAC,KAAK,CAAC,QAAQ,QACb,cAAC,cAAc;IACb,IAAI,EAAEN,IAAK;IACX,YAAY,EAAEF,IAAK;IACnB,IAAI,OAAKI,GAAM;IACf,GAAG,EAAKP,CAAC,SAAIC,CAAC,SAAIE,IAAO;IACzB,YAAUH,CAAE;IACZ,eAAaC,CAAE;IACf,QAAQ,EAAEN,sBAAuB;IACjC,QAAQ,EAAES;EAAS,EACnB,EACDE,IAAI,GACH;IAAU,EAAE,EAAEC;EAAc,GAAEI,WAAW,EAAE,CAAY,GACrD,IAAI,CAEX,CACI;AAEX,CAAC,EACD/B,QAAQ,CACT"}

package/DataSheet.d.ts

@@ -0,0 +1,31 @@
+import React from "react";
+export type DataRow = {
+    [key: string]: string | undefined | boolean | number;
+};
+export type DataColumn<R extends DataRow> = {
+    [S in keyof R]: {
+        key: S;
+        title: string;
+        Header?: (props: {
+            title: string;
+        }) => React.ReactElement | null;
+        type?: "number" | "date" | "text" | "select" | "checkbox";
+        readonly?: boolean;
+        validator?: (props: {
+            row: R;
+        }) => boolean | string;
+        list?: string[] | ((props: {
+            row: R;
+        }) => string[]);
+        width: number;
+    };
+}[keyof R];
+export interface DataSheetProps<R extends DataRow = DataRow> {
+    width: number;
+    height: number;
+    readonly columns: DataColumn<R>[];
+    readonly data: R[];
+    readonly onSave?: (data: R[]) => void;
+    readonly onDownload?: (data: string[][]) => void;
+}
+export declare const DataSheet: <R extends DataRow>({ data, columns, width, height, onSave, onDownload, }: DataSheetProps<R>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/{dist/esm/DataSheet.js → DataSheet.js}

@@ -1,9 +1,6 @@
-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 _extends() { _extends = Object.assign ? Object.assign.bind() : 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 asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-
 import { Controller, DownloadButton } from "./Controller";
 import { CustomCell } from "./CustomCell";
 import { VariableSizeGrid as Grid } from "react-window";
@@ -11,28 +8,23 @@ import { InnerElement, InnerElementContext } from "./InnerElement";
 import { useOnClickOutside } from "./useOnClickOutside";
 import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { jsx as ___EmotionJSX } from "@emotion/react";
-
 var paste = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator(function* () {
     var text = yield navigator.clipboard.readText();
     return text;
   });
-
   return function paste() {
     return _ref.apply(this, arguments);
   };
 }();
-
 var copy = /*#__PURE__*/function () {
   var _ref2 = _asyncToGenerator(function* (text) {
     yield navigator.clipboard.writeText(text);
   });
-
   return function copy(_x) {
     return _ref2.apply(this, arguments);
   };
 }();
-
 export var DataSheet = _ref3 => {
   var {
     data,
@@ -97,10 +89,10 @@ export var DataSheet = _ref3 => {
     });
     history.current.push(copy);
   }, [columns, data]);
+
   /**
    * Select
    */
-
   var {
     current: initialSelection
   } = useRef({
@@ -141,11 +133,8 @@ export var DataSheet = _ref3 => {
         row: _row,
         column: _column
       } = event.currentTarget.dataset;
-
       var _x2 = parseInt(_row, 10);
-
       var _y = parseInt(_column, 10);
-
       setSelection(prev => {
         if (prev.active === true) return prev;
         return {
@@ -172,7 +161,6 @@ export var DataSheet = _ref3 => {
     var y = parseInt(column, 10);
     setSelection(prev => {
       if (prev.active === false) return prev;
-
       if (prev.type === "cell") {
         return _extends({}, prev, {
           end: {
@@ -181,7 +169,6 @@ export var DataSheet = _ref3 => {
           }
         });
       }
-
       if (prev.type === "column") {
         return _extends({}, prev, {
           end: {
@@ -190,7 +177,6 @@ export var DataSheet = _ref3 => {
           }
         });
       }
-
       if (prev.type === "row") {
         return _extends({}, prev, {
           end: {
@@ -199,11 +185,10 @@ export var DataSheet = _ref3 => {
           }
         });
       }
-
       return prev;
     });
   }, []);
-  var handleShiftKeyUp = useCallback(event => {
+  var handleShiftKeyUp = useCallback(() => {
     setSelection(prev => _extends({}, prev, {
       active: false
     }));
@@ -227,8 +212,8 @@ export var DataSheet = _ref3 => {
       });
     }
   }, [handleShiftKeyUp]);
-  /** Column */
 
+  /** Column */
   var handleSelectColumn = useCallback(event => {
     var {
       column
@@ -287,8 +272,8 @@ export var DataSheet = _ref3 => {
       });
     });
   }, []);
-  /** Row */
 
+  /** Row */
   var handleSelectRow = useCallback(event => {
     var {
       row
@@ -347,6 +332,7 @@ export var DataSheet = _ref3 => {
       });
     });
   }, []);
+
   /** All */
 
   var handleSelectAll = useCallback(() => {
@@ -383,10 +369,10 @@ export var DataSheet = _ref3 => {
     var negY = current.x <= start.x && current.x >= end.x;
     return posX && posY || negX && posY || negX && negY || posX && negY;
   }, [selection]);
+
   /**
    * Keycode
    */
-
   var handleKeyDown = useCallback(event => {
     switch (event.key) {
       case "ArrowUp":
@@ -406,7 +392,6 @@ export var DataSheet = _ref3 => {
           });
           break;
         }
-
       case "ArrowRight":
         setSelection(prev => {
           if (prev.start.y === columns.length - 1) return prev;
@@ -422,7 +407,6 @@ export var DataSheet = _ref3 => {
           });
         });
         break;
-
       case "ArrowDown":
         setSelection(prev => {
           if (prev.start.x === data.length - 1) return prev;
@@ -438,7 +422,6 @@ export var DataSheet = _ref3 => {
           });
         });
         break;
-
       case "ArrowLeft":
         setSelection(prev => {
           if (prev.start.y === 0) return prev;
@@ -454,7 +437,6 @@ export var DataSheet = _ref3 => {
           });
         });
         break;
-
       default:
         break;
     }
@@ -464,7 +446,6 @@ export var DataSheet = _ref3 => {
       var _ref5 = _asyncToGenerator(function* () {
         if (selection.start.x > -1 && selection.start.y > -1) {
           var text = yield paste();
-
           if (text) {
             var minX = Math.min(selection.start.x, selection.end.x);
             var minY = Math.min(selection.start.y, selection.end.y);
@@ -472,7 +453,6 @@ export var DataSheet = _ref3 => {
             var rowLength = dataToInsert.length;
             var columnLength = dataToInsert[0].length;
             var _copy = [...data];
-
             for (var i = 0; i < rowLength; i++) {
               for (var j = 0; j < columnLength; j++) {
                 var column = columns[minY + j];
@@ -482,33 +462,26 @@ export var DataSheet = _ref3 => {
                   readonly,
                   type
                 } = column;
-
-                if (_key && _copy[minX + i] && !readonly) {
+                if (_key !== undefined && _copy[minX + i] !== undefined && !readonly) {
                   var value = dataToInsert[i][j];
-
                   if (type === "checkbox") {
-                    // @ts-ignore
                     _copy[minX + i][_key] = value === "false" ? false : value === "true" ? true : value;
                   } else {
-                    // @ts-ignore
                     _copy[minX + i][_key] = value;
                   }
                 }
               }
             }
-
             if (onSave) {
               onSave(_copy);
             }
           }
         }
       });
-
       return function getClipBoardText() {
         return _ref5.apply(this, arguments);
       };
     }();
-
     document.addEventListener("paste", getClipBoardText, {
       capture: true
     });
@@ -531,18 +504,15 @@ export var DataSheet = _ref3 => {
               return row[key];
             }).join("\t");
           }).join("\n");
-
           if (result) {
             yield copy(result);
           }
         }
       });
-
       return function handleCopy() {
         return _ref6.apply(this, arguments);
       };
     }();
-
     document.addEventListener("copy", handleCopy, {
       capture: true
     });
@@ -562,7 +532,7 @@ export var DataSheet = _ref3 => {
     style: {
       maxWidth: width
     }
-  }, onDownload ? ___EmotionJSX(DownloadButton, {
+  }, ___EmotionJSX(DownloadButton, {
     onClick: () => {
       var result = [columns.map(column => column.title)].concat(data.map(row => {
         return columns.map(_ref7 => {
@@ -574,7 +544,7 @@ export var DataSheet = _ref3 => {
       }));
       onDownload(result);
     }
-  }) : null) : null, ___EmotionJSX(InnerElementContext.Provider, {
+  })) : null, ___EmotionJSX(InnerElementContext.Provider, {
     value: {
       handleSelectAll,
       handleSelectColumn,
@@ -583,7 +553,7 @@ export var DataSheet = _ref3 => {
       handleMouseUpColumn,
       isSelectColumn,
       handleKeyDown,
-      columns
+      columns: columns
     }
   }, ___EmotionJSX(Grid, {
     style: {