m2mui-datasheet 2.1.0 → 4.0.0

package/InnerElement.d.ts

@@ -0,0 +1,16 @@
+import { GridChildComponentProps } from "react-window";
+import React from "react";
+import { DataColumn, DataRow } from "./DataSheet";
+export declare const InnerElementContext: React.Context<{
+    handleSelectAll: () => void;
+    handleSelectColumn: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    handleMouseDownColumn: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    handleMouseOverColumn: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    handleMouseUpColumn: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    isSelectColumn: (y: number) => boolean;
+    columns: DataColumn<DataRow>[];
+    handleKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => void;
+}>;
+export declare const InnerElement: React.ForwardRefExoticComponent<GridChildComponentProps<any> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;

package/InnerElement.js

@@ -0,0 +1,110 @@
+var _excluded = ["children"],
+    _excluded2 = ["Header"];
+
+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 { ColumnHeadCell, RowHeadCell } from "./Cell";
+import { css } from "@emotion/react";
+import React, { createContext, useContext } from "react";
+import { jsx as ___EmotionJSX } from "@emotion/react";
+export var InnerElementContext = /*#__PURE__*/createContext({});
+
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "cqvfra",
+  styles: "position:absolute;top:24px;left:0px"
+} : {
+  name: "1pxfy94-InnerElement",
+  styles: "position:absolute;top:24px;left:0px;label:InnerElement;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Jbm5lckVsZW1lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJGZ0IiLCJmaWxlIjoiLi4vLi4vc3JjL0lubmVyRWxlbWVudC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb2x1bW5IZWFkQ2VsbCwgUm93SGVhZENlbGwgfSBmcm9tIFwiLi9DZWxsXCI7XG5pbXBvcnQgeyBHcmlkQ2hpbGRDb21wb25lbnRQcm9wcyB9IGZyb20gXCJyZWFjdC13aW5kb3dcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IFJlYWN0LCB7IGNyZWF0ZUNvbnRleHQsIFByb3BzV2l0aENoaWxkcmVuLCB1c2VDb250ZXh0IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBEYXRhQ29sdW1uLCBEYXRhUm93IH0gZnJvbSBcIi4vRGF0YVNoZWV0XCI7XG5cbmV4cG9ydCBjb25zdCBJbm5lckVsZW1lbnRDb250ZXh0ID0gY3JlYXRlQ29udGV4dChcbiAge30gYXMge1xuICAgIGhhbmRsZVNlbGVjdEFsbDogKCkgPT4gdm9pZDtcbiAgICBoYW5kbGVTZWxlY3RDb2x1bW46IChcbiAgICAgIGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxEaXZFbGVtZW50LCBNb3VzZUV2ZW50PlxuICAgICkgPT4gdm9pZDtcbiAgICBoYW5kbGVNb3VzZURvd25Db2x1bW46IChcbiAgICAgIGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxEaXZFbGVtZW50LCBNb3VzZUV2ZW50PlxuICAgICkgPT4gdm9pZDtcbiAgICBoYW5kbGVNb3VzZU92ZXJDb2x1bW46IChcbiAgICAgIGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxEaXZFbGVtZW50LCBNb3VzZUV2ZW50PlxuICAgICkgPT4gdm9pZDtcbiAgICBoYW5kbGVNb3VzZVVwQ29sdW1uOiAoXG4gICAgICBldmVudDogUmVhY3QuTW91c2VFdmVudDxIVE1MRGl2RWxlbWVudCwgTW91c2VFdmVudD5cbiAgICApID0+IHZvaWQ7XG4gICAgaXNTZWxlY3RDb2x1bW46ICh5OiBudW1iZXIpID0+IGJvb2xlYW47XG4gICAgY29sdW1uczogRGF0YUNvbHVtbjxEYXRhUm93PltdO1xuICAgIGhhbmRsZUtleURvd246IChldmVudDogUmVhY3QuS2V5Ym9hcmRFdmVudDxIVE1MRGl2RWxlbWVudD4pID0+IHZvaWQ7XG4gIH1cbik7XG5cbmV4cG9ydCBjb25zdCBJbm5lckVsZW1lbnQgPSBSZWFjdC5mb3J3YXJkUmVmPFxuICBIVE1MRGl2RWxlbWVudCxcbiAgUHJvcHNXaXRoQ2hpbGRyZW48R3JpZENoaWxkQ29tcG9uZW50UHJvcHM+XG4+KCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgY29uc3Qge1xuICAgIGhhbmRsZVNlbGVjdEFsbCxcbiAgICBoYW5kbGVTZWxlY3RDb2x1bW4sXG4gICAgaGFuZGxlTW91c2VEb3duQ29sdW1uLFxuICAgIGhhbmRsZU1vdXNlT3ZlckNvbHVtbixcbiAgICBoYW5kbGVNb3VzZVVwQ29sdW1uLFxuICAgIGlzU2VsZWN0Q29sdW1uLFxuICAgIGNvbHVtbnMsXG4gICAgaGFuZGxlS2V5RG93bixcbiAgfSA9IHVzZUNvbnRleHQoSW5uZXJFbGVtZW50Q29udGV4dCk7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgb25LZXlEb3duPXtoYW5kbGVLZXlEb3dufVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgICByb2xlPVwiYnV0dG9uXCJcbiAgICAgIHRhYkluZGV4PXswfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2VkZWRlZDtcbiAgICAgIGB9XG4gICAgPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBwb3NpdGlvbjogc3RpY2t5O1xuICAgICAgICAgIHRvcDogMDtcbiAgICAgICAgICBsZWZ0OiAwO1xuICAgICAgICAgIHotaW5kZXg6IDE7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBoZWlnaHQ6IDI0cHg7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIDxSb3dIZWFkQ2VsbFxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgd2lkdGg6IDMycHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVTZWxlY3RBbGx9XG4gICAgICAgIC8+XG4gICAgICAgIHtjb2x1bW5zLm1hcCgoeyBIZWFkZXIsIC4uLmNvbHVtbiB9LCB5OiBudW1iZXIpID0+IHtcbiAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPENvbHVtbkhlYWRDZWxsXG4gICAgICAgICAgICAgIHRpdGxlPXtgJHt5feWIl+ebruOCkumBuOaKnmB9XG4gICAgICAgICAgICAgIGtleT17YCR7Y29sdW1uLmtleX1gfVxuICAgICAgICAgICAgICBkYXRhLWNvbHVtbj17eX1cbiAgICAgICAgICAgICAgZGF0YS1yb3c9ezB9XG4gICAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZVNlbGVjdENvbHVtbn1cbiAgICAgICAgICAgICAgb25Nb3VzZURvd249e2hhbmRsZU1vdXNlRG93bkNvbHVtbn1cbiAgICAgICAgICAgICAgb25Nb3VzZU92ZXI9e2hhbmRsZU1vdXNlT3ZlckNvbHVtbn1cbiAgICAgICAgICAgICAgb25Nb3VzZVVwPXtoYW5kbGVNb3VzZVVwQ29sdW1ufVxuICAgICAgICAgICAgICBzZWxlY3RlZD17aXNTZWxlY3RDb2x1bW4oeSl9XG4gICAgICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICAgICAgd2lkdGg6IGNvbHVtbi53aWR0aCxcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge0hlYWRlciA/IDxIZWFkZXIgdGl0bGU9e2NvbHVtbi50aXRsZX0gLz4gOiBjb2x1bW4udGl0bGV9XG4gICAgICAgICAgICA8L0NvbHVtbkhlYWRDZWxsPlxuICAgICAgICAgICk7XG4gICAgICAgIH0pfVxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICB0b3A6IDI0cHg7XG4gICAgICAgICAgbGVmdDogMHB4O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgKTtcbn0pO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var _ref2 = process.env.NODE_ENV === "production" ? {
+  name: "1p2i2oq",
+  styles: "width:32px"
+} : {
+  name: "ro4j5n-InnerElement",
+  styles: "width:32px;label:InnerElement;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Jbm5lckVsZW1lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdFa0IiLCJmaWxlIjoiLi4vLi4vc3JjL0lubmVyRWxlbWVudC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb2x1bW5IZWFkQ2VsbCwgUm93SGVhZENlbGwgfSBmcm9tIFwiLi9DZWxsXCI7XG5pbXBvcnQgeyBHcmlkQ2hpbGRDb21wb25lbnRQcm9wcyB9IGZyb20gXCJyZWFjdC13aW5kb3dcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IFJlYWN0LCB7IGNyZWF0ZUNvbnRleHQsIFByb3BzV2l0aENoaWxkcmVuLCB1c2VDb250ZXh0IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBEYXRhQ29sdW1uLCBEYXRhUm93IH0gZnJvbSBcIi4vRGF0YVNoZWV0XCI7XG5cbmV4cG9ydCBjb25zdCBJbm5lckVsZW1lbnRDb250ZXh0ID0gY3JlYXRlQ29udGV4dChcbiAge30gYXMge1xuICAgIGhhbmRsZVNlbGVjdEFsbDogKCkgPT4gdm9pZDtcbiAgICBoYW5kbGVTZWxlY3RDb2x1bW46IChcbiAgICAgIGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxEaXZFbGVtZW50LCBNb3VzZUV2ZW50PlxuICAgICkgPT4gdm9pZDtcbiAgICBoYW5kbGVNb3VzZURvd25Db2x1bW46IChcbiAgICAgIGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxEaXZFbGVtZW50LCBNb3VzZUV2ZW50PlxuICAgICkgPT4gdm9pZDtcbiAgICBoYW5kbGVNb3VzZU92ZXJDb2x1bW46IChcbiAgICAgIGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxEaXZFbGVtZW50LCBNb3VzZUV2ZW50PlxuICAgICkgPT4gdm9pZDtcbiAgICBoYW5kbGVNb3VzZVVwQ29sdW1uOiAoXG4gICAgICBldmVudDogUmVhY3QuTW91c2VFdmVudDxIVE1MRGl2RWxlbWVudCwgTW91c2VFdmVudD5cbiAgICApID0+IHZvaWQ7XG4gICAgaXNTZWxlY3RDb2x1bW46ICh5OiBudW1iZXIpID0+IGJvb2xlYW47XG4gICAgY29sdW1uczogRGF0YUNvbHVtbjxEYXRhUm93PltdO1xuICAgIGhhbmRsZUtleURvd246IChldmVudDogUmVhY3QuS2V5Ym9hcmRFdmVudDxIVE1MRGl2RWxlbWVudD4pID0+IHZvaWQ7XG4gIH1cbik7XG5cbmV4cG9ydCBjb25zdCBJbm5lckVsZW1lbnQgPSBSZWFjdC5mb3J3YXJkUmVmPFxuICBIVE1MRGl2RWxlbWVudCxcbiAgUHJvcHNXaXRoQ2hpbGRyZW48R3JpZENoaWxkQ29tcG9uZW50UHJvcHM+XG4+KCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgY29uc3Qge1xuICAgIGhhbmRsZVNlbGVjdEFsbCxcbiAgICBoYW5kbGVTZWxlY3RDb2x1bW4sXG4gICAgaGFuZGxlTW91c2VEb3duQ29sdW1uLFxuICAgIGhhbmRsZU1vdXNlT3ZlckNvbHVtbixcbiAgICBoYW5kbGVNb3VzZVVwQ29sdW1uLFxuICAgIGlzU2VsZWN0Q29sdW1uLFxuICAgIGNvbHVtbnMsXG4gICAgaGFuZGxlS2V5RG93bixcbiAgfSA9IHVzZUNvbnRleHQoSW5uZXJFbGVtZW50Q29udGV4dCk7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgb25LZXlEb3duPXtoYW5kbGVLZXlEb3dufVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgICByb2xlPVwiYnV0dG9uXCJcbiAgICAgIHRhYkluZGV4PXswfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2VkZWRlZDtcbiAgICAgIGB9XG4gICAgPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBwb3NpdGlvbjogc3RpY2t5O1xuICAgICAgICAgIHRvcDogMDtcbiAgICAgICAgICBsZWZ0OiAwO1xuICAgICAgICAgIHotaW5kZXg6IDE7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBoZWlnaHQ6IDI0cHg7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIDxSb3dIZWFkQ2VsbFxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgd2lkdGg6IDMycHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVTZWxlY3RBbGx9XG4gICAgICAgIC8+XG4gICAgICAgIHtjb2x1bW5zLm1hcCgoeyBIZWFkZXIsIC4uLmNvbHVtbiB9LCB5OiBudW1iZXIpID0+IHtcbiAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPENvbHVtbkhlYWRDZWxsXG4gICAgICAgICAgICAgIHRpdGxlPXtgJHt5feWIl+ebruOCkumBuOaKnmB9XG4gICAgICAgICAgICAgIGtleT17YCR7Y29sdW1uLmtleX1gfVxuICAgICAgICAgICAgICBkYXRhLWNvbHVtbj17eX1cbiAgICAgICAgICAgICAgZGF0YS1yb3c9ezB9XG4gICAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZVNlbGVjdENvbHVtbn1cbiAgICAgICAgICAgICAgb25Nb3VzZURvd249e2hhbmRsZU1vdXNlRG93bkNvbHVtbn1cbiAgICAgICAgICAgICAgb25Nb3VzZU92ZXI9e2hhbmRsZU1vdXNlT3ZlckNvbHVtbn1cbiAgICAgICAgICAgICAgb25Nb3VzZVVwPXtoYW5kbGVNb3VzZVVwQ29sdW1ufVxuICAgICAgICAgICAgICBzZWxlY3RlZD17aXNTZWxlY3RDb2x1bW4oeSl9XG4gICAgICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICAgICAgd2lkdGg6IGNvbHVtbi53aWR0aCxcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge0hlYWRlciA/IDxIZWFkZXIgdGl0bGU9e2NvbHVtbi50aXRsZX0gLz4gOiBjb2x1bW4udGl0bGV9XG4gICAgICAgICAgICA8L0NvbHVtbkhlYWRDZWxsPlxuICAgICAgICAgICk7XG4gICAgICAgIH0pfVxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICB0b3A6IDI0cHg7XG4gICAgICAgICAgbGVmdDogMHB4O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgKTtcbn0pO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var _ref3 = process.env.NODE_ENV === "production" ? {
+  name: "ihmr4x",
+  styles: "position:sticky;top:0;left:0;z-index:1;display:flex;height:24px"
+} : {
+  name: "1st6l3-InnerElement",
+  styles: "position:sticky;top:0;left:0;z-index:1;display:flex;height:24px;label:InnerElement;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Jbm5lckVsZW1lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNEZ0IiLCJmaWxlIjoiLi4vLi4vc3JjL0lubmVyRWxlbWVudC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb2x1bW5IZWFkQ2VsbCwgUm93SGVhZENlbGwgfSBmcm9tIFwiLi9DZWxsXCI7XG5pbXBvcnQgeyBHcmlkQ2hpbGRDb21wb25lbnRQcm9wcyB9IGZyb20gXCJyZWFjdC13aW5kb3dcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IFJlYWN0LCB7IGNyZWF0ZUNvbnRleHQsIFByb3BzV2l0aENoaWxkcmVuLCB1c2VDb250ZXh0IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBEYXRhQ29sdW1uLCBEYXRhUm93IH0gZnJvbSBcIi4vRGF0YVNoZWV0XCI7XG5cbmV4cG9ydCBjb25zdCBJbm5lckVsZW1lbnRDb250ZXh0ID0gY3JlYXRlQ29udGV4dChcbiAge30gYXMge1xuICAgIGhhbmRsZVNlbGVjdEFsbDogKCkgPT4gdm9pZDtcbiAgICBoYW5kbGVTZWxlY3RDb2x1bW46IChcbiAgICAgIGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxEaXZFbGVtZW50LCBNb3VzZUV2ZW50PlxuICAgICkgPT4gdm9pZDtcbiAgICBoYW5kbGVNb3VzZURvd25Db2x1bW46IChcbiAgICAgIGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxEaXZFbGVtZW50LCBNb3VzZUV2ZW50PlxuICAgICkgPT4gdm9pZDtcbiAgICBoYW5kbGVNb3VzZU92ZXJDb2x1bW46IChcbiAgICAgIGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxEaXZFbGVtZW50LCBNb3VzZUV2ZW50PlxuICAgICkgPT4gdm9pZDtcbiAgICBoYW5kbGVNb3VzZVVwQ29sdW1uOiAoXG4gICAgICBldmVudDogUmVhY3QuTW91c2VFdmVudDxIVE1MRGl2RWxlbWVudCwgTW91c2VFdmVudD5cbiAgICApID0+IHZvaWQ7XG4gICAgaXNTZWxlY3RDb2x1bW46ICh5OiBudW1iZXIpID0+IGJvb2xlYW47XG4gICAgY29sdW1uczogRGF0YUNvbHVtbjxEYXRhUm93PltdO1xuICAgIGhhbmRsZUtleURvd246IChldmVudDogUmVhY3QuS2V5Ym9hcmRFdmVudDxIVE1MRGl2RWxlbWVudD4pID0+IHZvaWQ7XG4gIH1cbik7XG5cbmV4cG9ydCBjb25zdCBJbm5lckVsZW1lbnQgPSBSZWFjdC5mb3J3YXJkUmVmPFxuICBIVE1MRGl2RWxlbWVudCxcbiAgUHJvcHNXaXRoQ2hpbGRyZW48R3JpZENoaWxkQ29tcG9uZW50UHJvcHM+XG4+KCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgY29uc3Qge1xuICAgIGhhbmRsZVNlbGVjdEFsbCxcbiAgICBoYW5kbGVTZWxlY3RDb2x1bW4sXG4gICAgaGFuZGxlTW91c2VEb3duQ29sdW1uLFxuICAgIGhhbmRsZU1vdXNlT3ZlckNvbHVtbixcbiAgICBoYW5kbGVNb3VzZVVwQ29sdW1uLFxuICAgIGlzU2VsZWN0Q29sdW1uLFxuICAgIGNvbHVtbnMsXG4gICAgaGFuZGxlS2V5RG93bixcbiAgfSA9IHVzZUNvbnRleHQoSW5uZXJFbGVtZW50Q29udGV4dCk7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgb25LZXlEb3duPXtoYW5kbGVLZXlEb3dufVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgICByb2xlPVwiYnV0dG9uXCJcbiAgICAgIHRhYkluZGV4PXswfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2VkZWRlZDtcbiAgICAgIGB9XG4gICAgPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBwb3NpdGlvbjogc3RpY2t5O1xuICAgICAgICAgIHRvcDogMDtcbiAgICAgICAgICBsZWZ0OiAwO1xuICAgICAgICAgIHotaW5kZXg6IDE7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBoZWlnaHQ6IDI0cHg7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIDxSb3dIZWFkQ2VsbFxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgd2lkdGg6IDMycHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVTZWxlY3RBbGx9XG4gICAgICAgIC8+XG4gICAgICAgIHtjb2x1bW5zLm1hcCgoeyBIZWFkZXIsIC4uLmNvbHVtbiB9LCB5OiBudW1iZXIpID0+IHtcbiAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPENvbHVtbkhlYWRDZWxsXG4gICAgICAgICAgICAgIHRpdGxlPXtgJHt5feWIl+ebruOCkumBuOaKnmB9XG4gICAgICAgICAgICAgIGtleT17YCR7Y29sdW1uLmtleX1gfVxuICAgICAgICAgICAgICBkYXRhLWNvbHVtbj17eX1cbiAgICAgICAgICAgICAgZGF0YS1yb3c9ezB9XG4gICAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZVNlbGVjdENvbHVtbn1cbiAgICAgICAgICAgICAgb25Nb3VzZURvd249e2hhbmRsZU1vdXNlRG93bkNvbHVtbn1cbiAgICAgICAgICAgICAgb25Nb3VzZU92ZXI9e2hhbmRsZU1vdXNlT3ZlckNvbHVtbn1cbiAgICAgICAgICAgICAgb25Nb3VzZVVwPXtoYW5kbGVNb3VzZVVwQ29sdW1ufVxuICAgICAgICAgICAgICBzZWxlY3RlZD17aXNTZWxlY3RDb2x1bW4oeSl9XG4gICAgICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICAgICAgd2lkdGg6IGNvbHVtbi53aWR0aCxcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge0hlYWRlciA/IDxIZWFkZXIgdGl0bGU9e2NvbHVtbi50aXRsZX0gLz4gOiBjb2x1bW4udGl0bGV9XG4gICAgICAgICAgICA8L0NvbHVtbkhlYWRDZWxsPlxuICAgICAgICAgICk7XG4gICAgICAgIH0pfVxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICB0b3A6IDI0cHg7XG4gICAgICAgICAgbGVmdDogMHB4O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgKTtcbn0pO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var _ref4 = process.env.NODE_ENV === "production" ? {
+  name: "139cr1m",
+  styles: "font-size:12px;background-color:#ededed"
+} : {
+  name: "17avv1t-InnerElement",
+  styles: "font-size:12px;background-color:#ededed;label:InnerElement;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Jbm5lckVsZW1lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdEYyIsImZpbGUiOiIuLi8uLi9zcmMvSW5uZXJFbGVtZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbHVtbkhlYWRDZWxsLCBSb3dIZWFkQ2VsbCB9IGZyb20gXCIuL0NlbGxcIjtcbmltcG9ydCB7IEdyaWRDaGlsZENvbXBvbmVudFByb3BzIH0gZnJvbSBcInJlYWN0LXdpbmRvd1wiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgUmVhY3QsIHsgY3JlYXRlQ29udGV4dCwgUHJvcHNXaXRoQ2hpbGRyZW4sIHVzZUNvbnRleHQgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IERhdGFDb2x1bW4sIERhdGFSb3cgfSBmcm9tIFwiLi9EYXRhU2hlZXRcIjtcblxuZXhwb3J0IGNvbnN0IElubmVyRWxlbWVudENvbnRleHQgPSBjcmVhdGVDb250ZXh0KFxuICB7fSBhcyB7XG4gICAgaGFuZGxlU2VsZWN0QWxsOiAoKSA9PiB2b2lkO1xuICAgIGhhbmRsZVNlbGVjdENvbHVtbjogKFxuICAgICAgZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTERpdkVsZW1lbnQsIE1vdXNlRXZlbnQ+XG4gICAgKSA9PiB2b2lkO1xuICAgIGhhbmRsZU1vdXNlRG93bkNvbHVtbjogKFxuICAgICAgZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTERpdkVsZW1lbnQsIE1vdXNlRXZlbnQ+XG4gICAgKSA9PiB2b2lkO1xuICAgIGhhbmRsZU1vdXNlT3ZlckNvbHVtbjogKFxuICAgICAgZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTERpdkVsZW1lbnQsIE1vdXNlRXZlbnQ+XG4gICAgKSA9PiB2b2lkO1xuICAgIGhhbmRsZU1vdXNlVXBDb2x1bW46IChcbiAgICAgIGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxEaXZFbGVtZW50LCBNb3VzZUV2ZW50PlxuICAgICkgPT4gdm9pZDtcbiAgICBpc1NlbGVjdENvbHVtbjogKHk6IG51bWJlcikgPT4gYm9vbGVhbjtcbiAgICBjb2x1bW5zOiBEYXRhQ29sdW1uPERhdGFSb3c+W107XG4gICAgaGFuZGxlS2V5RG93bjogKGV2ZW50OiBSZWFjdC5LZXlib2FyZEV2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4gdm9pZDtcbiAgfVxuKTtcblxuZXhwb3J0IGNvbnN0IElubmVyRWxlbWVudCA9IFJlYWN0LmZvcndhcmRSZWY8XG4gIEhUTUxEaXZFbGVtZW50LFxuICBQcm9wc1dpdGhDaGlsZHJlbjxHcmlkQ2hpbGRDb21wb25lbnRQcm9wcz5cbj4oKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICBjb25zdCB7XG4gICAgaGFuZGxlU2VsZWN0QWxsLFxuICAgIGhhbmRsZVNlbGVjdENvbHVtbixcbiAgICBoYW5kbGVNb3VzZURvd25Db2x1bW4sXG4gICAgaGFuZGxlTW91c2VPdmVyQ29sdW1uLFxuICAgIGhhbmRsZU1vdXNlVXBDb2x1bW4sXG4gICAgaXNTZWxlY3RDb2x1bW4sXG4gICAgY29sdW1ucyxcbiAgICBoYW5kbGVLZXlEb3duLFxuICB9ID0gdXNlQ29udGV4dChJbm5lckVsZW1lbnRDb250ZXh0KTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBvbktleURvd249e2hhbmRsZUtleURvd259XG4gICAgICByZWY9e3JlZn1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAgIHJvbGU9XCJidXR0b25cIlxuICAgICAgdGFiSW5kZXg9ezB9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZm9udC1zaXplOiAxMnB4O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZWRlZGVkO1xuICAgICAgYH1cbiAgICA+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIHBvc2l0aW9uOiBzdGlja3k7XG4gICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgei1pbmRleDogMTtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGhlaWdodDogMjRweDtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPFJvd0hlYWRDZWxsXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICB3aWR0aDogMzJweDtcbiAgICAgICAgICBgfVxuICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZVNlbGVjdEFsbH1cbiAgICAgICAgLz5cbiAgICAgICAge2NvbHVtbnMubWFwKCh7IEhlYWRlciwgLi4uY29sdW1uIH0sIHk6IG51bWJlcikgPT4ge1xuICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8Q29sdW1uSGVhZENlbGxcbiAgICAgICAgICAgICAgdGl0bGU9e2Ake3l95YiX55uu44KS6YG45oqeYH1cbiAgICAgICAgICAgICAga2V5PXtgJHtjb2x1bW4ua2V5fWB9XG4gICAgICAgICAgICAgIGRhdGEtY29sdW1uPXt5fVxuICAgICAgICAgICAgICBkYXRhLXJvdz17MH1cbiAgICAgICAgICAgICAgb25DbGljaz17aGFuZGxlU2VsZWN0Q29sdW1ufVxuICAgICAgICAgICAgICBvbk1vdXNlRG93bj17aGFuZGxlTW91c2VEb3duQ29sdW1ufVxuICAgICAgICAgICAgICBvbk1vdXNlT3Zlcj17aGFuZGxlTW91c2VPdmVyQ29sdW1ufVxuICAgICAgICAgICAgICBvbk1vdXNlVXA9e2hhbmRsZU1vdXNlVXBDb2x1bW59XG4gICAgICAgICAgICAgIHNlbGVjdGVkPXtpc1NlbGVjdENvbHVtbih5KX1cbiAgICAgICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgICAgICB3aWR0aDogY29sdW1uLndpZHRoLFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7SGVhZGVyID8gPEhlYWRlciB0aXRsZT17Y29sdW1uLnRpdGxlfSAvPiA6IGNvbHVtbi50aXRsZX1cbiAgICAgICAgICAgIDwvQ29sdW1uSGVhZENlbGw+XG4gICAgICAgICAgKTtcbiAgICAgICAgfSl9XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgIHRvcDogMjRweDtcbiAgICAgICAgICBsZWZ0OiAwcHg7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICApO1xufSk7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+export var InnerElement = /*#__PURE__*/React.forwardRef((_ref5, ref) => {
+  var {
+    children
+  } = _ref5,
+      props = _objectWithoutPropertiesLoose(_ref5, _excluded);
+
+  var {
+    handleSelectAll,
+    handleSelectColumn,
+    handleMouseDownColumn,
+    handleMouseOverColumn,
+    handleMouseUpColumn,
+    isSelectColumn,
+    columns,
+    handleKeyDown
+  } = useContext(InnerElementContext);
+  return ___EmotionJSX("div", _extends({
+    onKeyDown: handleKeyDown,
+    ref: ref
+  }, props, {
+    role: "button",
+    tabIndex: 0,
+    css: _ref4
+  }), ___EmotionJSX("div", {
+    css: _ref3
+  }, ___EmotionJSX(RowHeadCell, {
+    css: _ref2,
+    onClick: handleSelectAll
+  }), columns.map((_ref6, y) => {
+    var {
+      Header
+    } = _ref6,
+        column = _objectWithoutPropertiesLoose(_ref6, _excluded2);
+
+    return ___EmotionJSX(ColumnHeadCell, {
+      title: y + "\u5217\u76EE\u3092\u9078\u629E",
+      key: "" + column.key,
+      "data-column": y,
+      "data-row": 0,
+      onClick: handleSelectColumn,
+      onMouseDown: handleMouseDownColumn,
+      onMouseOver: handleMouseOverColumn,
+      onMouseUp: handleMouseUpColumn,
+      selected: isSelectColumn(y),
+      style: {
+        width: column.width
+      }
+    }, Header ? ___EmotionJSX(Header, {
+      title: column.title
+    }) : column.title);
+  })), ___EmotionJSX("div", {
+    css: _ref
+  }, children));
+});
+//# sourceMappingURL=InnerElement.js.map

package/InnerElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InnerElement.js","names":["ColumnHeadCell","RowHeadCell","css","React","createContext","useContext","InnerElementContext","InnerElement","forwardRef","ref","children","props","handleSelectAll","handleSelectColumn","handleMouseDownColumn","handleMouseOverColumn","handleMouseUpColumn","isSelectColumn","columns","handleKeyDown","map","y","Header","column","key","width","title"],"sources":["../../src/InnerElement.tsx"],"sourcesContent":["import { ColumnHeadCell, RowHeadCell } from \"./Cell\";\nimport { GridChildComponentProps } from \"react-window\";\nimport { css } from \"@emotion/react\";\nimport React, { createContext, PropsWithChildren, useContext } from \"react\";\nimport { DataColumn, DataRow } from \"./DataSheet\";\n\nexport const InnerElementContext = createContext(\n  {} as {\n    handleSelectAll: () => void;\n    handleSelectColumn: (\n      event: React.MouseEvent<HTMLDivElement, MouseEvent>\n    ) => void;\n    handleMouseDownColumn: (\n      event: React.MouseEvent<HTMLDivElement, MouseEvent>\n    ) => void;\n    handleMouseOverColumn: (\n      event: React.MouseEvent<HTMLDivElement, MouseEvent>\n    ) => void;\n    handleMouseUpColumn: (\n      event: React.MouseEvent<HTMLDivElement, MouseEvent>\n    ) => void;\n    isSelectColumn: (y: number) => boolean;\n    columns: DataColumn<DataRow>[];\n    handleKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => void;\n  }\n);\n\nexport const InnerElement = React.forwardRef<\n  HTMLDivElement,\n  PropsWithChildren<GridChildComponentProps>\n>(({ children, ...props }, ref) => {\n  const {\n    handleSelectAll,\n    handleSelectColumn,\n    handleMouseDownColumn,\n    handleMouseOverColumn,\n    handleMouseUpColumn,\n    isSelectColumn,\n    columns,\n    handleKeyDown,\n  } = useContext(InnerElementContext);\n  return (\n    <div\n      onKeyDown={handleKeyDown}\n      ref={ref}\n      {...props}\n      role=\"button\"\n      tabIndex={0}\n      css={css`\n        font-size: 12px;\n        background-color: #ededed;\n      `}\n    >\n      <div\n        css={css`\n          position: sticky;\n          top: 0;\n          left: 0;\n          z-index: 1;\n          display: flex;\n          height: 24px;\n        `}\n      >\n        <RowHeadCell\n          css={css`\n            width: 32px;\n          `}\n          onClick={handleSelectAll}\n        />\n        {columns.map(({ Header, ...column }, y: number) => {\n          return (\n            <ColumnHeadCell\n              title={`${y}列目を選択`}\n              key={`${column.key}`}\n              data-column={y}\n              data-row={0}\n              onClick={handleSelectColumn}\n              onMouseDown={handleMouseDownColumn}\n              onMouseOver={handleMouseOverColumn}\n              onMouseUp={handleMouseUpColumn}\n              selected={isSelectColumn(y)}\n              style={{\n                width: column.width,\n              }}\n            >\n              {Header ? <Header title={column.title} /> : column.title}\n            </ColumnHeadCell>\n          );\n        })}\n      </div>\n      <div\n        css={css`\n          position: absolute;\n          top: 24px;\n          left: 0px;\n        `}\n      >\n        {children}\n      </div>\n    </div>\n  );\n});\n"],"mappings":";;;;;;;;;AAAA,SAASA,cAAT,EAAyBC,WAAzB,QAA4C,QAA5C;AAEA,SAASC,GAAT,QAAoB,gBAApB;AACA,OAAOC,KAAP,IAAgBC,aAAhB,EAAkDC,UAAlD,QAAoE,OAApE;;AAGA,OAAO,IAAMC,mBAAmB,gBAAGF,aAAa,CAC9C,EAD8C,CAAzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBP,OAAO,IAAMG,YAAY,gBAAGJ,KAAK,CAACK,UAAN,CAG1B,QAAyBC,GAAzB,KAAiC;EAAA,IAAhC;IAAEC;EAAF,CAAgC;EAAA,IAAjBC,KAAiB;;EACjC,IAAM;IACJC,eADI;IAEJC,kBAFI;IAGJC,qBAHI;IAIJC,qBAJI;IAKJC,mBALI;IAMJC,cANI;IAOJC,OAPI;IAQJC;EARI,IASFd,UAAU,CAACC,mBAAD,CATd;EAUA,OACE;IACE,SAAS,EAAEa,aADb;IAEE,GAAG,EAAEV;EAFP,GAGME,KAHN;IAIE,IAAI,EAAC,QAJP;IAKE,QAAQ,EAAE,CALZ;IAME,GAAG;EANL,IAWE;IACE,GAAG;EADL,GAUE,cAAC,WAAD;IACE,GAAG,OADL;IAIE,OAAO,EAAEC;EAJX,EAVF,EAgBGM,OAAO,CAACE,GAAR,CAAY,QAAwBC,CAAxB,KAAsC;IAAA,IAArC;MAAEC;IAAF,CAAqC;IAAA,IAAxBC,MAAwB;;IACjD,OACE,cAAC,cAAD;MACE,KAAK,EAAKF,CAAL,mCADP;MAEE,GAAG,OAAKE,MAAM,CAACC,GAFjB;MAGE,eAAaH,CAHf;MAIE,YAAU,CAJZ;MAKE,OAAO,EAAER,kBALX;MAME,WAAW,EAAEC,qBANf;MAOE,WAAW,EAAEC,qBAPf;MAQE,SAAS,EAAEC,mBARb;MASE,QAAQ,EAAEC,cAAc,CAACI,CAAD,CAT1B;MAUE,KAAK,EAAE;QACLI,KAAK,EAAEF,MAAM,CAACE;MADT;IAVT,GAcGH,MAAM,GAAG,cAAC,MAAD;MAAQ,KAAK,EAAEC,MAAM,CAACG;IAAtB,EAAH,GAAqCH,MAAM,CAACG,KAdrD,CADF;EAkBD,CAnBA,CAhBH,CAXF,EAgDE;IACE,GAAG;EADL,GAOGhB,QAPH,CAhDF,CADF;AA4DD,CA1E2B,CAArB"}

package/README.md

@@ -1,80 +1,78 @@
 # M2MUI Data Sheets
 
 ```tsx
-const [data, setData] = useState(defaultData)
+const [data, setData] = useState(defaultData);
 return (
-    <DataSheet
-        columns={[
-            {
-                key: "check",
-                Header: "Check",
-                type: "checkbox",
-                validator: ({ row }) => {
-                    return !isBoolean(row.check)
-                }
-            },
-            {
-                key: "name",
-                Header: "Name"
-            },
-            {
-                key: "status",
-                Header: "Status",
-                type: "select",
-                list: ["pending", "approved", "request change"]
-            },
-            {
-                key: "prefecture",
-                Header: "Prefecture",
-                type: "select",
-                list: prefectures
-            },
-            {
-                key: "city",
-                Header: "City",
-                type: "select",
-                list: ({ row }) => {
-                    return getCities(row.prefecture)
-                },
-                validator: ({ row }) => {
-                    return (
-                        !hasCity(row.prefecture, row.city) &&
-                        "都道府県に対応していません"
-                    )
-                }
-            },
-            {
-                key: "code",
-                readonly: true,
-                Header: "Code"
-            },
-            {
-                key: "fee",
-                Header: "Fee",
-                type: "number",
-                formatter: (Header) => {
-                    return toLocaleCurrency(Header)
-                }
-            },
-            {
-                key: "start",
-                Header: "Start",
-                type: "date",
-                validator: ({ row }) => {
-                    return (
-                        isAfter(row.start, row.end) &&
-                        "開始日が終了日以降になっています"
-                    )
-                }
-            },
-            {
-                key: "end",
-                Header: "End",
-                type: "date"
-            }
-        ]}
-        data={data}
-        onChange={setData}
-    />
-)
-```
+  <DataSheet
+    columns={[
+      {
+        key: "check",
+        Header: "Check",
+        type: "checkbox",
+        validator: ({ row }) => {
+          return !isBoolean(row.check);
+        },
+      },
+      {
+        key: "name",
+        Header: "Name",
+      },
+      {
+        key: "status",
+        Header: "Status",
+        type: "select",
+        list: ["pending", "approved", "request change"],
+      },
+      {
+        key: "prefecture",
+        Header: "Prefecture",
+        type: "select",
+        list: prefectures,
+      },
+      {
+        key: "city",
+        Header: "City",
+        type: "select",
+        list: ({ row }) => {
+          return getCities(row.prefecture);
+        },
+        validator: ({ row }) => {
+          return (
+            !hasCity(row.prefecture, row.city) && "都道府県に対応していません"
+          );
+        },
+      },
+      {
+        key: "code",
+        readonly: true,
+        Header: "Code",
+      },
+      {
+        key: "fee",
+        Header: "Fee",
+        type: "number",
+        formatter: (Header) => {
+          return toLocaleCurrency(Header);
+        },
+      },
+      {
+        key: "start",
+        Header: "Start",
+        type: "date",
+        validator: ({ row }) => {
+          return (
+            isAfter(row.start, row.end) && "開始日が終了日以降になっています"
+          );
+        },
+      },
+      {
+        key: "end",
+        Header: "End",
+        type: "date",
+      },
+    ]}
+    data={data}
+    onChange={setData}
+  />
+);
+```

package/cjs/Cell.js

@@ -0,0 +1,105 @@
+"use strict";
+
+exports.__esModule = true;
+exports.RowHeadCell = exports.ColumnHeadCell = exports.Cell = void 0;
+
+var _react = require("@emotion/react");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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 _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 _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/IFwiaGVscFwiIDogXCJjdXJzb3JcIixcbiAgICAgICAgICAuLi4oc2VsZWN0ZWRcbiAgICAgICAgICAgID8ge1xuICAgICAgICAgICAgICAgIGJvcmRlcjogYDFweCBkb3VibGUgIzIxODVkMGAsXG4gICAgICAgICAgICAgICAgYm94U2hhZG93OiBgaW5zZXQgMCAtMTAwcHggMCByZ2JhKDMzLCAxMzMsIDIwOCwgMC4xNSlgLFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA6IHt9KSxcbiAgICAgICAgICAuLi4oaW52YWxpZFxuICAgICAgICAgICAgPyB7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZDogYHJnYmEoMjA4LCAzMywgMzMsIDAuMylgLFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA6IHt9KSxcbiAgICAgICAgICAuLi4ocmVhZG9ubHlcbiAgICAgICAgICAgID8ge1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQ6IGAjZjhmOWZhYCxcbiAgICAgICAgICAgICAgICBjb2xvcjogYCM1ZjYzNjhgLFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA6IHt9KSxcbiAgICAgICAgfX1cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgaGVpZ2h0OiAyNHB4O1xuICAgICAgICAgIHBhZGRpbmc6IDBweDtcbiAgICAgICAgICBvdmVyZmxvdzogc2Nyb2xsO1xuICAgICAgICAgIHRleHQtYWxpZ246IHJpZ2h0O1xuICAgICAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgICAgICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICAgICAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB1bnNldDtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAjZTFlM2UzO1xuICAgICAgICAgIC1tcy1vdmVyZmxvdy1zdHlsZTogbm9uZTtcbiAgICAgICAgICBzY3JvbGxiYXItd2lkdGg6IG5vbmU7XG4gICAgICAgICAgJjo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICAgICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgICB9XG4gICAgICAgIGB9XG4gICAgICAvPlxuICAgICk7XG4gIH0sXG4gIChwcmV2LCBuZXh0KSA9PlxuICAgIHByZXYuc2VsZWN0ZWQgPT09IG5leHQuc2VsZWN0ZWQgJiZcbiAgICBwcmV2LnZhbHVlID09PSBuZXh0LnZhbHVlICYmXG4gICAgbmV4dC5vbkNsaWNrID09PSBwcmV2Lm9uQ2xpY2tcbik7XG5cbmV4cG9ydCBjb25zdCBDb2x1bW5IZWFkQ2VsbDogUmVhY3QuRkM8Q2VsbFByb3BzPiA9IFJlYWN0Lm1lbW8oXG4gIChwcm9wcykgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8Q2VsbFxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgIGRhdGEtc2VsZWN0ZWQ9e3Byb3BzLnNlbGVjdGVkfVxuICAgICAgICBjc3M9e1tcbiAgICAgICAgICBjc3NgXG4gICAgICAgICAgICBmbGV4LXNocmluazogMDtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMTBweDtcbiAgICAgICAgICAgIGxpbmUtaGVpZ2h0OiAyNHB4O1xuICAgICAgICAgICAgY29sb3I6ICM1ZjYzNjg7XG4gICAgICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjhmOWZhO1xuICAgICAgICAgICAgdHJhbnNpdGlvbjogMC4ycztcbiAgICAgICAgICBgLFxuICAgICAgICAgIHByb3BzLnNlbGVjdGVkXG4gICAgICAgICAgICA/IGNzc2BcbiAgICAgICAgICAgICAgICBjb2xvcjogI2Y4ZjlmYTtcbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjNWY2MzY4O1xuICAgICAgICAgICAgICBgXG4gICAgICAgICAgICA6IG51bGwsXG4gICAgICAgIF19XG4gICAgICAvPlxuICAgICk7XG4gIH0sXG4gIChwcmV2LCBuZXh0KSA9PlxuICAgIHByZXYuc2VsZWN0ZWQgPT09IG5leHQuc2VsZWN0ZWQgJiZcbiAgICBwcmV2LnZhbHVlID09PSBuZXh0LnZhbHVlICYmXG4gICAgbmV4dC5vbkNsaWNrID09PSBwcmV2Lm9uQ2xpY2tcbik7XG5cbmV4cG9ydCBjb25zdCBSb3dIZWFkQ2VsbDogUmVhY3QuRkM8Q2VsbFByb3BzPiA9IFJlYWN0Lm1lbW8oXG4gICh7IC4uLnByb3BzIH0pID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPENvbHVtbkhlYWRDZWxsXG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgd2lkdGg6IDI0cHg7XG4gICAgICAgICAgZm9udC1mYW1pbHk6IG1vbm9zcGFjZSAhaW1wb3J0YW50O1xuICAgICAgICAgIGxpbmUtaGVpZ2h0OiAyNHB4O1xuICAgICAgICBgfVxuICAgICAgLz5cbiAgICApO1xuICB9LFxuICAocHJldiwgbmV4dCkgPT5cbiAgICBwcmV2LnNlbGVjdGVkID09PSBuZXh0LnNlbGVjdGVkICYmXG4gICAgcHJldi52YWx1ZSA9PT0gbmV4dC52YWx1ZSAmJlxuICAgIG5leHQub25DbGljayA9PT0gcHJldi5vbkNsaWNrXG4pO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+const Cell = /*#__PURE__*/_react2.default.memo(({
+  readonly = false,
+  selected = false,
+  invalid = false,
+  title,
+  value: _value,
+  style = {},
+  ...props
+}) => {
+  return (0, _react.jsx)("div", _extends({}, props, {
+    "data-element": "cell",
+    title: typeof invalid === "string" ? invalid : title,
+    style: { ...style,
+      cursor: typeof invalid === "string" ? "help" : "cursor",
+      ...(selected ? {
+        border: `1px double #2185d0`,
+        boxShadow: `inset 0 -100px 0 rgba(33, 133, 208, 0.15)`
+      } : {}),
+      ...(invalid ? {
+        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);
+
+exports.Cell = Cell;
+
+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/IFwiaGVscFwiIDogXCJjdXJzb3JcIixcbiAgICAgICAgICAuLi4oc2VsZWN0ZWRcbiAgICAgICAgICAgID8ge1xuICAgICAgICAgICAgICAgIGJvcmRlcjogYDFweCBkb3VibGUgIzIxODVkMGAsXG4gICAgICAgICAgICAgICAgYm94U2hhZG93OiBgaW5zZXQgMCAtMTAwcHggMCByZ2JhKDMzLCAxMzMsIDIwOCwgMC4xNSlgLFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA6IHt9KSxcbiAgICAgICAgICAuLi4oaW52YWxpZFxuICAgICAgICAgICAgPyB7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZDogYHJnYmEoMjA4LCAzMywgMzMsIDAuMylgLFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA6IHt9KSxcbiAgICAgICAgICAuLi4ocmVhZG9ubHlcbiAgICAgICAgICAgID8ge1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQ6IGAjZjhmOWZhYCxcbiAgICAgICAgICAgICAgICBjb2xvcjogYCM1ZjYzNjhgLFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA6IHt9KSxcbiAgICAgICAgfX1cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgaGVpZ2h0OiAyNHB4O1xuICAgICAgICAgIHBhZGRpbmc6IDBweDtcbiAgICAgICAgICBvdmVyZmxvdzogc2Nyb2xsO1xuICAgICAgICAgIHRleHQtYWxpZ246IHJpZ2h0O1xuICAgICAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgICAgICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICAgICAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB1bnNldDtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAjZTFlM2UzO1xuICAgICAgICAgIC1tcy1vdmVyZmxvdy1zdHlsZTogbm9uZTtcbiAgICAgICAgICBzY3JvbGxiYXItd2lkdGg6IG5vbmU7XG4gICAgICAgICAgJjo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICAgICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgICB9XG4gICAgICAgIGB9XG4gICAgICAvPlxuICAgICk7XG4gIH0sXG4gIChwcmV2LCBuZXh0KSA9PlxuICAgIHByZXYuc2VsZWN0ZWQgPT09IG5leHQuc2VsZWN0ZWQgJiZcbiAgICBwcmV2LnZhbHVlID09PSBuZXh0LnZhbHVlICYmXG4gICAgbmV4dC5vbkNsaWNrID09PSBwcmV2Lm9uQ2xpY2tcbik7XG5cbmV4cG9ydCBjb25zdCBDb2x1bW5IZWFkQ2VsbDogUmVhY3QuRkM8Q2VsbFByb3BzPiA9IFJlYWN0Lm1lbW8oXG4gIChwcm9wcykgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8Q2VsbFxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgIGRhdGEtc2VsZWN0ZWQ9e3Byb3BzLnNlbGVjdGVkfVxuICAgICAgICBjc3M9e1tcbiAgICAgICAgICBjc3NgXG4gICAgICAgICAgICBmbGV4LXNocmluazogMDtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMTBweDtcbiAgICAgICAgICAgIGxpbmUtaGVpZ2h0OiAyNHB4O1xuICAgICAgICAgICAgY29sb3I6ICM1ZjYzNjg7XG4gICAgICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjhmOWZhO1xuICAgICAgICAgICAgdHJhbnNpdGlvbjogMC4ycztcbiAgICAgICAgICBgLFxuICAgICAgICAgIHByb3BzLnNlbGVjdGVkXG4gICAgICAgICAgICA/IGNzc2BcbiAgICAgICAgICAgICAgICBjb2xvcjogI2Y4ZjlmYTtcbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjNWY2MzY4O1xuICAgICAgICAgICAgICBgXG4gICAgICAgICAgICA6IG51bGwsXG4gICAgICAgIF19XG4gICAgICAvPlxuICAgICk7XG4gIH0sXG4gIChwcmV2LCBuZXh0KSA9PlxuICAgIHByZXYuc2VsZWN0ZWQgPT09IG5leHQuc2VsZWN0ZWQgJiZcbiAgICBwcmV2LnZhbHVlID09PSBuZXh0LnZhbHVlICYmXG4gICAgbmV4dC5vbkNsaWNrID09PSBwcmV2Lm9uQ2xpY2tcbik7XG5cbmV4cG9ydCBjb25zdCBSb3dIZWFkQ2VsbDogUmVhY3QuRkM8Q2VsbFByb3BzPiA9IFJlYWN0Lm1lbW8oXG4gICh7IC4uLnByb3BzIH0pID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPENvbHVtbkhlYWRDZWxsXG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgd2lkdGg6IDI0cHg7XG4gICAgICAgICAgZm9udC1mYW1pbHk6IG1vbm9zcGFjZSAhaW1wb3J0YW50O1xuICAgICAgICAgIGxpbmUtaGVpZ2h0OiAyNHB4O1xuICAgICAgICBgfVxuICAgICAgLz5cbiAgICApO1xuICB9LFxuICAocHJldiwgbmV4dCkgPT5cbiAgICBwcmV2LnNlbGVjdGVkID09PSBuZXh0LnNlbGVjdGVkICYmXG4gICAgcHJldi52YWx1ZSA9PT0gbmV4dC52YWx1ZSAmJlxuICAgIG5leHQub25DbGljayA9PT0gcHJldi5vbkNsaWNrXG4pO1xuIl19 */",
+  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/IGludmFsaWQgOiB0aXRsZX1cbiAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAuLi5zdHlsZSxcbiAgICAgICAgICBjdXJzb3I6IHR5cGVvZiBpbnZhbGlkID09PSBcInN0cmluZ1wiID8gXCJoZWxwXCIgOiBcImN1cnNvclwiLFxuICAgICAgICAgIC4uLihzZWxlY3RlZFxuICAgICAgICAgICAgPyB7XG4gICAgICAgICAgICAgICAgYm9yZGVyOiBgMXB4IGRvdWJsZSAjMjE4NWQwYCxcbiAgICAgICAgICAgICAgICBib3hTaGFkb3c6IGBpbnNldCAwIC0xMDBweCAwIHJnYmEoMzMsIDEzMywgMjA4LCAwLjE1KWAsXG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDoge30pLFxuICAgICAgICAgIC4uLihpbnZhbGlkXG4gICAgICAgICAgICA/IHtcbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiBgcmdiYSgyMDgsIDMzLCAzMywgMC4zKWAsXG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDoge30pLFxuICAgICAgICAgIC4uLihyZWFkb25seVxuICAgICAgICAgICAgPyB7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZDogYCNmOGY5ZmFgLFxuICAgICAgICAgICAgICAgIGNvbG9yOiBgIzVmNjM2OGAsXG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDoge30pLFxuICAgICAgICB9fVxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBoZWlnaHQ6IDI0cHg7XG4gICAgICAgICAgcGFkZGluZzogMHB4O1xuICAgICAgICAgIG92ZXJmbG93OiBzY3JvbGw7XG4gICAgICAgICAgdGV4dC1hbGlnbjogcmlnaHQ7XG4gICAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgICAgICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuICAgICAgICAgIHVzZXItc2VsZWN0OiBub25lO1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHVuc2V0O1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICAgICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICNlMWUzZTM7XG4gICAgICAgICAgLW1zLW92ZXJmbG93LXN0eWxlOiBub25lO1xuICAgICAgICAgIHNjcm9sbGJhci13aWR0aDogbm9uZTtcbiAgICAgICAgICAmOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICAgIH1cbiAgICAgICAgYH1cbiAgICAgIC8+XG4gICAgKTtcbiAgfSxcbiAgKHByZXYsIG5leHQpID0+XG4gICAgcHJldi5zZWxlY3RlZCA9PT0gbmV4dC5zZWxlY3RlZCAmJlxuICAgIHByZXYudmFsdWUgPT09IG5leHQudmFsdWUgJiZcbiAgICBuZXh0Lm9uQ2xpY2sgPT09IHByZXYub25DbGlja1xuKTtcblxuZXhwb3J0IGNvbnN0IENvbHVtbkhlYWRDZWxsOiBSZWFjdC5GQzxDZWxsUHJvcHM+ID0gUmVhY3QubWVtbyhcbiAgKHByb3BzKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxDZWxsXG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgZGF0YS1zZWxlY3RlZD17cHJvcHMuc2VsZWN0ZWR9XG4gICAgICAgIGNzcz17W1xuICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgIGZsZXgtc2hyaW5rOiAwO1xuICAgICAgICAgICAgZm9udC1zaXplOiAxMHB4O1xuICAgICAgICAgICAgbGluZS1oZWlnaHQ6IDI0cHg7XG4gICAgICAgICAgICBjb2xvcjogIzVmNjM2ODtcbiAgICAgICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICNmOGY5ZmE7XG4gICAgICAgICAgICB0cmFuc2l0aW9uOiAwLjJzO1xuICAgICAgICAgIGAsXG4gICAgICAgICAgcHJvcHMuc2VsZWN0ZWRcbiAgICAgICAgICAgID8gY3NzYFxuICAgICAgICAgICAgICAgIGNvbG9yOiAjZjhmOWZhO1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICM1ZjYzNjg7XG4gICAgICAgICAgICAgIGBcbiAgICAgICAgICAgIDogbnVsbCxcbiAgICAgICAgXX1cbiAgICAgIC8+XG4gICAgKTtcbiAgfSxcbiAgKHByZXYsIG5leHQpID0+XG4gICAgcHJldi5zZWxlY3RlZCA9PT0gbmV4dC5zZWxlY3RlZCAmJlxuICAgIHByZXYudmFsdWUgPT09IG5leHQudmFsdWUgJiZcbiAgICBuZXh0Lm9uQ2xpY2sgPT09IHByZXYub25DbGlja1xuKTtcblxuZXhwb3J0IGNvbnN0IFJvd0hlYWRDZWxsOiBSZWFjdC5GQzxDZWxsUHJvcHM+ID0gUmVhY3QubWVtbyhcbiAgKHsgLi4ucHJvcHMgfSkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8Q29sdW1uSGVhZENlbGxcbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICB3aWR0aDogMjRweDtcbiAgICAgICAgICBmb250LWZhbWlseTogbW9ub3NwYWNlICFpbXBvcnRhbnQ7XG4gICAgICAgICAgbGluZS1oZWlnaHQ6IDI0cHg7XG4gICAgICAgIGB9XG4gICAgICAvPlxuICAgICk7XG4gIH0sXG4gIChwcmV2LCBuZXh0KSA9PlxuICAgIHByZXYuc2VsZWN0ZWQgPT09IG5leHQuc2VsZWN0ZWQgJiZcbiAgICBwcmV2LnZhbHVlID09PSBuZXh0LnZhbHVlICYmXG4gICAgbmV4dC5vbkNsaWNrID09PSBwcmV2Lm9uQ2xpY2tcbik7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+const ColumnHeadCell = /*#__PURE__*/_react2.default.memo(props => {
+  return (0, _react.jsx)(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/IGludmFsaWQgOiB0aXRsZX1cbiAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAuLi5zdHlsZSxcbiAgICAgICAgICBjdXJzb3I6IHR5cGVvZiBpbnZhbGlkID09PSBcInN0cmluZ1wiID8gXCJoZWxwXCIgOiBcImN1cnNvclwiLFxuICAgICAgICAgIC4uLihzZWxlY3RlZFxuICAgICAgICAgICAgPyB7XG4gICAgICAgICAgICAgICAgYm9yZGVyOiBgMXB4IGRvdWJsZSAjMjE4NWQwYCxcbiAgICAgICAgICAgICAgICBib3hTaGFkb3c6IGBpbnNldCAwIC0xMDBweCAwIHJnYmEoMzMsIDEzMywgMjA4LCAwLjE1KWAsXG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDoge30pLFxuICAgICAgICAgIC4uLihpbnZhbGlkXG4gICAgICAgICAgICA/IHtcbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiBgcmdiYSgyMDgsIDMzLCAzMywgMC4zKWAsXG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDoge30pLFxuICAgICAgICAgIC4uLihyZWFkb25seVxuICAgICAgICAgICAgPyB7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZDogYCNmOGY5ZmFgLFxuICAgICAgICAgICAgICAgIGNvbG9yOiBgIzVmNjM2OGAsXG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDoge30pLFxuICAgICAgICB9fVxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBoZWlnaHQ6IDI0cHg7XG4gICAgICAgICAgcGFkZGluZzogMHB4O1xuICAgICAgICAgIG92ZXJmbG93OiBzY3JvbGw7XG4gICAgICAgICAgdGV4dC1hbGlnbjogcmlnaHQ7XG4gICAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgICAgICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuICAgICAgICAgIHVzZXItc2VsZWN0OiBub25lO1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHVuc2V0O1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICAgICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICNlMWUzZTM7XG4gICAgICAgICAgLW1zLW92ZXJmbG93LXN0eWxlOiBub25lO1xuICAgICAgICAgIHNjcm9sbGJhci13aWR0aDogbm9uZTtcbiAgICAgICAgICAmOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICAgIH1cbiAgICAgICAgYH1cbiAgICAgIC8+XG4gICAgKTtcbiAgfSxcbiAgKHByZXYsIG5leHQpID0+XG4gICAgcHJldi5zZWxlY3RlZCA9PT0gbmV4dC5zZWxlY3RlZCAmJlxuICAgIHByZXYudmFsdWUgPT09IG5leHQudmFsdWUgJiZcbiAgICBuZXh0Lm9uQ2xpY2sgPT09IHByZXYub25DbGlja1xuKTtcblxuZXhwb3J0IGNvbnN0IENvbHVtbkhlYWRDZWxsOiBSZWFjdC5GQzxDZWxsUHJvcHM+ID0gUmVhY3QubWVtbyhcbiAgKHByb3BzKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxDZWxsXG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgZGF0YS1zZWxlY3RlZD17cHJvcHMuc2VsZWN0ZWR9XG4gICAgICAgIGNzcz17W1xuICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgIGZsZXgtc2hyaW5rOiAwO1xuICAgICAgICAgICAgZm9udC1zaXplOiAxMHB4O1xuICAgICAgICAgICAgbGluZS1oZWlnaHQ6IDI0cHg7XG4gICAgICAgICAgICBjb2xvcjogIzVmNjM2ODtcbiAgICAgICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICNmOGY5ZmE7XG4gICAgICAgICAgICB0cmFuc2l0aW9uOiAwLjJzO1xuICAgICAgICAgIGAsXG4gICAgICAgICAgcHJvcHMuc2VsZWN0ZWRcbiAgICAgICAgICAgID8gY3NzYFxuICAgICAgICAgICAgICAgIGNvbG9yOiAjZjhmOWZhO1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICM1ZjYzNjg7XG4gICAgICAgICAgICAgIGBcbiAgICAgICAgICAgIDogbnVsbCxcbiAgICAgICAgXX1cbiAgICAgIC8+XG4gICAgKTtcbiAgfSxcbiAgKHByZXYsIG5leHQpID0+XG4gICAgcHJldi5zZWxlY3RlZCA9PT0gbmV4dC5zZWxlY3RlZCAmJlxuICAgIHByZXYudmFsdWUgPT09IG5leHQudmFsdWUgJiZcbiAgICBuZXh0Lm9uQ2xpY2sgPT09IHByZXYub25DbGlja1xuKTtcblxuZXhwb3J0IGNvbnN0IFJvd0hlYWRDZWxsOiBSZWFjdC5GQzxDZWxsUHJvcHM+ID0gUmVhY3QubWVtbyhcbiAgKHsgLi4ucHJvcHMgfSkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8Q29sdW1uSGVhZENlbGxcbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICB3aWR0aDogMjRweDtcbiAgICAgICAgICBmb250LWZhbWlseTogbW9ub3NwYWNlICFpbXBvcnRhbnQ7XG4gICAgICAgICAgbGluZS1oZWlnaHQ6IDI0cHg7XG4gICAgICAgIGB9XG4gICAgICAvPlxuICAgICk7XG4gIH0sXG4gIChwcmV2LCBuZXh0KSA9PlxuICAgIHByZXYuc2VsZWN0ZWQgPT09IG5leHQuc2VsZWN0ZWQgJiZcbiAgICBwcmV2LnZhbHVlID09PSBuZXh0LnZhbHVlICYmXG4gICAgbmV4dC5vbkNsaWNrID09PSBwcmV2Lm9uQ2xpY2tcbik7XG4iXX0= */"]
+  }));
+}, (prev, next) => prev.selected === next.selected && prev.value === next.value && next.onClick === prev.onClick);
+
+exports.ColumnHeadCell = ColumnHeadCell;
+
+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/IFwiaGVscFwiIDogXCJjdXJzb3JcIixcbiAgICAgICAgICAuLi4oc2VsZWN0ZWRcbiAgICAgICAgICAgID8ge1xuICAgICAgICAgICAgICAgIGJvcmRlcjogYDFweCBkb3VibGUgIzIxODVkMGAsXG4gICAgICAgICAgICAgICAgYm94U2hhZG93OiBgaW5zZXQgMCAtMTAwcHggMCByZ2JhKDMzLCAxMzMsIDIwOCwgMC4xNSlgLFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA6IHt9KSxcbiAgICAgICAgICAuLi4oaW52YWxpZFxuICAgICAgICAgICAgPyB7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZDogYHJnYmEoMjA4LCAzMywgMzMsIDAuMylgLFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA6IHt9KSxcbiAgICAgICAgICAuLi4ocmVhZG9ubHlcbiAgICAgICAgICAgID8ge1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQ6IGAjZjhmOWZhYCxcbiAgICAgICAgICAgICAgICBjb2xvcjogYCM1ZjYzNjhgLFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA6IHt9KSxcbiAgICAgICAgfX1cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgaGVpZ2h0OiAyNHB4O1xuICAgICAgICAgIHBhZGRpbmc6IDBweDtcbiAgICAgICAgICBvdmVyZmxvdzogc2Nyb2xsO1xuICAgICAgICAgIHRleHQtYWxpZ246IHJpZ2h0O1xuICAgICAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgICAgICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICAgICAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB1bnNldDtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAjZTFlM2UzO1xuICAgICAgICAgIC1tcy1vdmVyZmxvdy1zdHlsZTogbm9uZTtcbiAgICAgICAgICBzY3JvbGxiYXItd2lkdGg6IG5vbmU7XG4gICAgICAgICAgJjo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICAgICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgICB9XG4gICAgICAgIGB9XG4gICAgICAvPlxuICAgICk7XG4gIH0sXG4gIChwcmV2LCBuZXh0KSA9PlxuICAgIHByZXYuc2VsZWN0ZWQgPT09IG5leHQuc2VsZWN0ZWQgJiZcbiAgICBwcmV2LnZhbHVlID09PSBuZXh0LnZhbHVlICYmXG4gICAgbmV4dC5vbkNsaWNrID09PSBwcmV2Lm9uQ2xpY2tcbik7XG5cbmV4cG9ydCBjb25zdCBDb2x1bW5IZWFkQ2VsbDogUmVhY3QuRkM8Q2VsbFByb3BzPiA9IFJlYWN0Lm1lbW8oXG4gIChwcm9wcykgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8Q2VsbFxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgIGRhdGEtc2VsZWN0ZWQ9e3Byb3BzLnNlbGVjdGVkfVxuICAgICAgICBjc3M9e1tcbiAgICAgICAgICBjc3NgXG4gICAgICAgICAgICBmbGV4LXNocmluazogMDtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMTBweDtcbiAgICAgICAgICAgIGxpbmUtaGVpZ2h0OiAyNHB4O1xuICAgICAgICAgICAgY29sb3I6ICM1ZjYzNjg7XG4gICAgICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjhmOWZhO1xuICAgICAgICAgICAgdHJhbnNpdGlvbjogMC4ycztcbiAgICAgICAgICBgLFxuICAgICAgICAgIHByb3BzLnNlbGVjdGVkXG4gICAgICAgICAgICA/IGNzc2BcbiAgICAgICAgICAgICAgICBjb2xvcjogI2Y4ZjlmYTtcbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjNWY2MzY4O1xuICAgICAgICAgICAgICBgXG4gICAgICAgICAgICA6IG51bGwsXG4gICAgICAgIF19XG4gICAgICAvPlxuICAgICk7XG4gIH0sXG4gIChwcmV2LCBuZXh0KSA9PlxuICAgIHByZXYuc2VsZWN0ZWQgPT09IG5leHQuc2VsZWN0ZWQgJiZcbiAgICBwcmV2LnZhbHVlID09PSBuZXh0LnZhbHVlICYmXG4gICAgbmV4dC5vbkNsaWNrID09PSBwcmV2Lm9uQ2xpY2tcbik7XG5cbmV4cG9ydCBjb25zdCBSb3dIZWFkQ2VsbDogUmVhY3QuRkM8Q2VsbFByb3BzPiA9IFJlYWN0Lm1lbW8oXG4gICh7IC4uLnByb3BzIH0pID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPENvbHVtbkhlYWRDZWxsXG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgd2lkdGg6IDI0cHg7XG4gICAgICAgICAgZm9udC1mYW1pbHk6IG1vbm9zcGFjZSAhaW1wb3J0YW50O1xuICAgICAgICAgIGxpbmUtaGVpZ2h0OiAyNHB4O1xuICAgICAgICBgfVxuICAgICAgLz5cbiAgICApO1xuICB9LFxuICAocHJldiwgbmV4dCkgPT5cbiAgICBwcmV2LnNlbGVjdGVkID09PSBuZXh0LnNlbGVjdGVkICYmXG4gICAgcHJldi52YWx1ZSA9PT0gbmV4dC52YWx1ZSAmJlxuICAgIG5leHQub25DbGljayA9PT0gcHJldi5vbkNsaWNrXG4pO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+const RowHeadCell = /*#__PURE__*/_react2.default.memo(({ ...props
+}) => {
+  return (0, _react.jsx)(ColumnHeadCell, _extends({}, props, {
+    css: _ref
+  }));
+}, (prev, next) => prev.selected === next.selected && prev.value === next.value && next.onClick === prev.onClick);
+
+exports.RowHeadCell = RowHeadCell;
+//# sourceMappingURL=Cell.js.map

package/cjs/Cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.js","names":["Cell","React","memo","readonly","selected","invalid","title","value","_value","style","props","cursor","border","boxShadow","background","color","prev","next","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\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;;AACA;;;;;;;;;;;;;;;;;;AAYO,MAAMA,IAAyB,gBAAGC,eAAA,CAAMC,IAAN,CACvC,CAAC;EACCC,QAAQ,GAAG,KADZ;EAECC,QAAQ,GAAG,KAFZ;EAGCC,OAAO,GAAG,KAHX;EAICC,KAJD;EAKCC,KAAK,EAAEC,MALR;EAMCC,KAAK,GAAG,EANT;EAOC,GAAGC;AAPJ,CAAD,KAQM;EACJ,OACE,oCACMA,KADN;IAEE,gBAAa,MAFf;IAGE,KAAK,EAAE,OAAOL,OAAP,KAAmB,QAAnB,GAA8BA,OAA9B,GAAwCC,KAHjD;IAIE,KAAK,EAAE,EACL,GAAGG,KADE;MAELE,MAAM,EAAE,OAAON,OAAP,KAAmB,QAAnB,GAA8B,MAA9B,GAAuC,QAF1C;MAGL,IAAID,QAAQ,GACR;QACEQ,MAAM,EAAG,oBADX;QAEEC,SAAS,EAAG;MAFd,CADQ,GAKR,EALJ,CAHK;MASL,IAAIR,OAAO,GACP;QACES,UAAU,EAAG;MADf,CADO,GAIP,EAJJ,CATK;MAcL,IAAIX,QAAQ,GACR;QACEW,UAAU,EAAG,SADf;QAEEC,KAAK,EAAG;MAFV,CADQ,GAKR,EALJ;IAdK,CAJT;IAyBE,GAAG;EAzBL,GADF;AA+CD,CAzDsC,EA0DvC,CAACC,IAAD,EAAOC,IAAP,KACED,IAAI,CAACZ,QAAL,KAAkBa,IAAI,CAACb,QAAvB,IACAY,IAAI,CAACT,KAAL,KAAeU,IAAI,CAACV,KADpB,IAEAU,IAAI,CAACC,OAAL,KAAiBF,IAAI,CAACE,OA7De,CAAlC;;;;;;;;;;;;;;;;;;;;;;;;AAgEA,MAAMC,cAAmC,gBAAGlB,eAAA,CAAMC,IAAN,CAChDQ,KAAD,IAAW;EACT,OACE,gBAAC,IAAD,eACMA,KADN;IAEE,iBAAeA,KAAK,CAACN,QAFvB;IAGE,GAAG,UAWDM,KAAK,CAACN,QAAN,WAKI,IAhBH;EAHL,GADF;AAwBD,CA1BgD,EA2BjD,CAACY,IAAD,EAAOC,IAAP,KACED,IAAI,CAACZ,QAAL,KAAkBa,IAAI,CAACb,QAAvB,IACAY,IAAI,CAACT,KAAL,KAAeU,IAAI,CAACV,KADpB,IAEAU,IAAI,CAACC,OAAL,KAAiBF,IAAI,CAACE,OA9ByB,CAA5C;;;;;;;;;;;;;;AAiCA,MAAME,WAAgC,gBAAGnB,eAAA,CAAMC,IAAN,CAC9C,CAAC,EAAE,GAAGQ;AAAL,CAAD,KAAkB;EAChB,OACE,gBAAC,cAAD,eACMA,KADN;IAEE,GAAG;EAFL,GADF;AAUD,CAZ6C,EAa9C,CAACM,IAAD,EAAOC,IAAP,KACED,IAAI,CAACZ,QAAL,KAAkBa,IAAI,CAACb,QAAvB,IACAY,IAAI,CAACT,KAAL,KAAeU,IAAI,CAACV,KADpB,IAEAU,IAAI,CAACC,OAAL,KAAiBF,IAAI,CAACE,OAhBsB,CAAzC"}

package/cjs/Controller.js

@@ -0,0 +1,68 @@
+"use strict";
+
+exports.__esModule = true;
+exports.DownloadButton = exports.Controller = void 0;
+
+var _react = require("@emotion/react");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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 _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 _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__
+};
+
+const Controller = props => {
+  return (0, _react.jsx)("div", _extends({
+    css: _ref2
+  }, props));
+};
+
+exports.Controller = Controller;
+
+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__
+};
+
+const DownloadButton = props => {
+  return (0, _react.jsx)("button", _extends({
+    title: `CSV形式でデータをダウンロードします。
+CtrlまたはCommandを押しながらクリックすることで名前を付けてダウンロードできます。`
+  }, props, {
+    type: "button",
+    css: _ref
+  }), (0, _react.jsx)("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"
+  }, (0, _react.jsx)("g", null, (0, _react.jsx)("rect", {
+    fill: "none",
+    height: "24",
+    width: "24"
+  })), (0, _react.jsx)("g", null, (0, _react.jsx)("path", {
+    d: "M5,20h14v-2H5V20z M19,9h-4V3H9v6H5l7,7L19,9z"
+  }))));
+};
+
+exports.DownloadButton = DownloadButton;
+//# sourceMappingURL=Controller.js.map

package/cjs/Controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Controller.js","names":["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;;AACA;;;;;;;;;;;;;;;;;;AAEO,MAAMA,UAAqD,GAChEC,KADmE,IAEhE;EACH,OACE;IACE,GAAG;EADL,GAUMA,KAVN,EADF;AAcD,CAjBM;;;;;;;;;;;;;;AAmBA,MAAMC,cAAc,GACzBD,KAD4B,IAKzB;EACH,OACE;IACE,KAAK,EAAG;AACd;EAFI,GAGMA,KAHN;IAIE,IAAI,EAAC,QAJP;IAKE,GAAG;EALL,IAyBE;IACE,KAAK,EAAC,4BADR;IAEE,gBAAgB,EAAC,eAFnB;IAGE,MAAM,EAAC,MAHT;IAIE,OAAO,EAAC,WAJV;IAKE,KAAK,EAAC,MALR;IAME,IAAI,EAAC;EANP,GAQE,2BACE;IAAM,IAAI,EAAC,MAAX;IAAkB,MAAM,EAAC,IAAzB;IAA8B,KAAK,EAAC;EAApC,EADF,CARF,EAWE,2BACE;IAAM,CAAC,EAAC;EAAR,EADF,CAXF,CAzBF,CADF;AA2CD,CAjDM"}

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

@@ -11,8 +11,6 @@ var _DataSheetInput = require("./DataSheetInput");
 
 var _DataSheetSelect = require("./DataSheetSelect");
 
-var _DataSheetText = require("./DataSheetText");
-
 var _reactWindow = require("react-window");
 
 var _react = _interopRequireDefault(require("react"));
@@ -100,7 +98,16 @@ const CustomCell = /*#__PURE__*/_react.default.memo(({
     key: `row-${x}-cell-${y}`,
     onMouseDown: handleMouseDown,
     onMouseOver: handleMouseOver
-  }, readonly || type === undefined ? (0, _react2.jsx)(_DataSheetText.DataSheetText, null, displayValue) : type === "checkbox" ? (0, _react2.jsx)(_DataSheetCheckbox.DataSheetCheckbox, {
+  }, readonly || type === undefined ? (0, _react2.jsx)(_DataSheetInput.DataSheetInput, {
+    type: type,
+    defaultValue: displayValue,
+    list: `${key}`,
+    key: `${x}-${y}-${cell}`,
+    "data-row": x,
+    "data-column": y,
+    onChange: handleChangeDataEditor,
+    readOnly: readonly
+  }) : type === "checkbox" ? (0, _react2.jsx)(_DataSheetCheckbox.DataSheetCheckbox, {
     type: type,
     "data-row": x,
     "data-column": y,
@@ -120,7 +127,8 @@ const CustomCell = /*#__PURE__*/_react.default.memo(({
     key: `${x}-${y}-${cell}`,
     "data-row": x,
     "data-column": y,
-    onChange: handleChangeDataEditor
+    onChange: handleChangeDataEditor,
+    readOnly: readonly
   }), list ? (0, _react2.jsx)("datalist", {
     id: key
   }, makeOptions()) : null));