m2mui-datasheet 4.0.0 → 4.0.1

package/cjs/Controller.js

@@ -2,45 +2,35 @@
 
 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 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Db250cm9sbGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVYyIsImZpbGUiOiIuLi8uLi9zcmMvQ29udHJvbGxlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcblxuaW50ZXJmYWNlIENvbnRyb2xsZXJQcm9wcyBleHRlbmRzIFJlYWN0LkNvbXBvbmVudFByb3BzV2l0aG91dFJlZjxcImRpdlwiPiB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlO1xufVxuXG5leHBvcnQgY29uc3QgQ29udHJvbGxlciA9IChwcm9wczogQ29udHJvbGxlclByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICNmOGY5ZmE7XG4gICAgICAgIGJvcmRlci10b3A6IDFweCBzb2xpZCAjZTFlM2UzO1xuICAgICAgICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCAjZTFlM2UzO1xuICAgICAgICBib3JkZXItbGVmdDogMXB4IHNvbGlkICNlMWUzZTM7XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgRG93bmxvYWRCdXR0b24gPSAoXG4gIHByb3BzOiBSZWFjdC5EZXRhaWxlZEhUTUxQcm9wczxcbiAgICBSZWFjdC5CdXR0b25IVE1MQXR0cmlidXRlczxIVE1MQnV0dG9uRWxlbWVudD4sXG4gICAgSFRNTEJ1dHRvbkVsZW1lbnRcbiAgPixcbikgPT4ge1xuICByZXR1cm4gKFxuICAgIDxidXR0b25cbiAgICAgIHRpdGxlPXtgQ1NW5b2i5byP44Gn44OH44O844K/44KS44OA44Km44Oz44Ot44O844OJ44GX44G+44GZ44CCXG5DdHJs44G+44Gf44GvQ29tbWFuZOOCkuaKvOOBl+OBquOBjOOCieOCr+ODquODg+OCr+OBmeOCi+OBk+OBqOOBp+WQjeWJjeOCkuS7mOOBkeOBpuODgOOCpuODs+ODreODvOODieOBp+OBjeOBvuOBmeOAgmB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgd2lkdGg6IDQwcHg7XG4gICAgICAgIGhlaWdodDogNDBweDtcbiAgICAgICAgcGFkZGluZzogMHB4O1xuICAgICAgICBtYXJnaW46IDBweDtcbiAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjhmOWZhO1xuICAgICAgICBib3JkZXI6IG5vbmU7XG4gICAgICAgIG91dGxpbmU6IG5vbmU7XG4gICAgICAgIHRyYW5zaXRpb246IDAuMnM7XG4gICAgICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICNlMWUzZTM7XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgPlxuICAgICAgPHN2Z1xuICAgICAgICB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCJcbiAgICAgICAgZW5hYmxlQmFja2dyb3VuZD1cIm5ldyAwIDAgMjQgMjRcIlxuICAgICAgICBoZWlnaHQ9XCIyNHB4XCJcbiAgICAgICAgdmlld0JveD1cIjAgMCAyNCAyNFwiXG4gICAgICAgIHdpZHRoPVwiMjRweFwiXG4gICAgICAgIGZpbGw9XCIjMDAwMDAwXCJcbiAgICAgID5cbiAgICAgICAgPGc+XG4gICAgICAgICAgPHJlY3QgZmlsbD1cIm5vbmVcIiBoZWlnaHQ9XCIyNFwiIHdpZHRoPVwiMjRcIiAvPlxuICAgICAgICA8L2c+XG4gICAgICAgIDxnPlxuICAgICAgICAgIDxwYXRoIGQ9XCJNNSwyMGgxNHYtMkg1VjIweiBNMTksOWgtNFYzSDl2Nkg1bDcsN0wxOSw5elwiIC8+XG4gICAgICAgIDwvZz5cbiAgICAgIDwvc3ZnPlxuICAgIDwvYnV0dG9uPlxuICApO1xufTtcbiJdfQ== */",
   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== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Db250cm9sbGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQ2MiLCJmaWxlIjoiLi4vLi4vc3JjL0NvbnRyb2xsZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5cbmludGVyZmFjZSBDb250cm9sbGVyUHJvcHMgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJkaXZcIj4ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGNvbnN0IENvbnRyb2xsZXIgPSAocHJvcHM6IENvbnRyb2xsZXJQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjhmOWZhO1xuICAgICAgICBib3JkZXItdG9wOiAxcHggc29saWQgI2UxZTNlMztcbiAgICAgICAgYm9yZGVyLXJpZ2h0OiAxcHggc29saWQgI2UxZTNlMztcbiAgICAgICAgYm9yZGVyLWxlZnQ6IDFweCBzb2xpZCAjZTFlM2UzO1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IERvd25sb2FkQnV0dG9uID0gKFxuICBwcm9wczogUmVhY3QuRGV0YWlsZWRIVE1MUHJvcHM8XG4gICAgUmVhY3QuQnV0dG9uSFRNTEF0dHJpYnV0ZXM8SFRNTEJ1dHRvbkVsZW1lbnQ+LFxuICAgIEhUTUxCdXR0b25FbGVtZW50XG4gID4sXG4pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8YnV0dG9uXG4gICAgICB0aXRsZT17YENTVuW9ouW8j+OBp+ODh+ODvOOCv+OCkuODgOOCpuODs+ODreODvOODieOBl+OBvuOBmeOAglxuQ3RybOOBvuOBn+OBr0NvbW1hbmTjgpLmirzjgZfjgarjgYzjgonjgq/jg6rjg4Pjgq/jgZnjgovjgZPjgajjgaflkI3liY3jgpLku5jjgZHjgabjg4Djgqbjg7Pjg63jg7zjg4njgafjgY3jgb7jgZnjgIJgfVxuICAgICAgey4uLnByb3BzfVxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgIHdpZHRoOiA0MHB4O1xuICAgICAgICBoZWlnaHQ6IDQwcHg7XG4gICAgICAgIHBhZGRpbmc6IDBweDtcbiAgICAgICAgbWFyZ2luOiAwcHg7XG4gICAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2Y4ZjlmYTtcbiAgICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICB0cmFuc2l0aW9uOiAwLjJzO1xuICAgICAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZTFlM2UzO1xuICAgICAgICB9XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxzdmdcbiAgICAgICAgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiXG4gICAgICAgIGVuYWJsZUJhY2tncm91bmQ9XCJuZXcgMCAwIDI0IDI0XCJcbiAgICAgICAgaGVpZ2h0PVwiMjRweFwiXG4gICAgICAgIHZpZXdCb3g9XCIwIDAgMjQgMjRcIlxuICAgICAgICB3aWR0aD1cIjI0cHhcIlxuICAgICAgICBmaWxsPVwiIzAwMDAwMFwiXG4gICAgICA+XG4gICAgICAgIDxnPlxuICAgICAgICAgIDxyZWN0IGZpbGw9XCJub25lXCIgaGVpZ2h0PVwiMjRcIiB3aWR0aD1cIjI0XCIgLz5cbiAgICAgICAgPC9nPlxuICAgICAgICA8Zz5cbiAgICAgICAgICA8cGF0aCBkPVwiTTUsMjBoMTR2LTJINVYyMHogTTE5LDloLTRWM0g5djZINWw3LDdMMTksOXpcIiAvPlxuICAgICAgICA8L2c+XG4gICAgICA8L3N2Zz5cbiAgICA8L2J1dHRvbj5cbiAgKTtcbn07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-
 const DownloadButton = props => {
   return (0, _react.jsx)("button", _extends({
     title: `CSV形式でデータをダウンロードします。
@@ -63,6 +53,5 @@ CtrlまたはCommandを押しながらクリックすることで名前を付け
     d: "M5,20h14v-2H5V20z M19,9h-4V3H9v6H5l7,7L19,9z"
   }))));
 };
-
 exports.DownloadButton = DownloadButton;
 //# sourceMappingURL=Controller.js.map

package/cjs/Controller.js.map

@@ -1 +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"}
+{"version":3,"file":"Controller.js","names":["_react","require","_react2","_interopRequireDefault","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref2","process","env","NODE_ENV","name","styles","map","toString","Controller","props","jsx","css","exports","_ref","DownloadButton","title","type","xmlns","enableBackground","height","viewBox","width","fill","d"],"sources":["../../src/Controller.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport React from \"react\";\n\ninterface ControllerProps extends React.ComponentPropsWithoutRef<\"div\"> {\n  children?: React.ReactNode;\n}\n\nexport const Controller = (props: ControllerProps) => {\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,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA0B,SAAAE,uBAAAC,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,iCAAA;AAAA,IAAAC,KAAA,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAR;AAAA;AAMnB,MAAMS,UAAU,GAAIC,KAAsB,IAAK;EACpD,OACE,IAAA/B,MAAA,CAAAgC,GAAA,SAAAzB,QAAA;IACE0B,GAAG,EAAAX;EAQD,GACES,KAAK,CACV,CAAC;AAEN,CAAC;AAACG,OAAA,CAAAJ,UAAA,GAAAA,UAAA;AAAA,IAAAK,IAAA,GAAAZ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAR;AAAA;AAEK,MAAMe,cAAc,GACzBL,KAGC,IACE;EACH,OACE,IAAA/B,MAAA,CAAAgC,GAAA,YAAAzB,QAAA;IACE8B,KAAK,EAAG;AACd;EAAgD,GACtCN,KAAK;IACTO,IAAI,EAAC,QAAQ;IACbL,GAAG,EAAAE;EAkBD,IAEF,IAAAnC,MAAA,CAAAgC,GAAA;IACEO,KAAK,EAAC,4BAA4B;IAClCC,gBAAgB,EAAC,eAAe;IAChCC,MAAM,EAAC,MAAM;IACbC,OAAO,EAAC,WAAW;IACnBC,KAAK,EAAC,MAAM;IACZC,IAAI,EAAC;EAAS,GAEd,IAAA5C,MAAA,CAAAgC,GAAA,aACE,IAAAhC,MAAA,CAAAgC,GAAA;IAAMY,IAAI,EAAC,MAAM;IAACH,MAAM,EAAC,IAAI;IAACE,KAAK,EAAC;EAAI,CAAE,CACzC,CAAC,EACJ,IAAA3C,MAAA,CAAAgC,GAAA,aACE,IAAAhC,MAAA,CAAAgC,GAAA;IAAMa,CAAC,EAAC;EAA8C,CAAE,CACvD,CACA,CACC,CAAC;AAEb,CAAC;AAACX,OAAA,CAAAE,cAAA,GAAAA,cAAA","ignoreList":[]}

package/cjs/CustomCell.js

@@ -2,24 +2,17 @@
 
 exports.__esModule = true;
 exports.CustomCell = void 0;
-
 var _Cell = require("./Cell");
-
 var _DataSheetCheckbox = require("./DataSheetCheckbox");
-
 var _DataSheetInput = require("./DataSheetInput");
-
 var _DataSheetSelect = require("./DataSheetSelect");
-
 var _reactWindow = require("react-window");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@emotion/react");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/* eslint-disable @typescript-eslint/no-unsafe-assignment,@typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access */
 
-const CustomCell = /*#__PURE__*/_react.default.memo(({
+const CustomCell = exports.CustomCell = /*#__PURE__*/_react.default.memo(({
   columnIndex,
   rowIndex,
   style,
@@ -41,7 +34,6 @@ const CustomCell = /*#__PURE__*/_react.default.memo(({
 }) => {
   const x = rowIndex;
   const y = columnIndex - 1;
-
   if (y === -1) {
     return (0, _react2.jsx)(_Cell.RowHeadCell, {
       title: `${x}行目を選択`,
@@ -55,7 +47,6 @@ const CustomCell = /*#__PURE__*/_react.default.memo(({
       style: style
     }, x);
   }
-
   const row = rows[x];
   const cell = row[y];
   const {
@@ -70,8 +61,9 @@ const CustomCell = /*#__PURE__*/_react.default.memo(({
     x: x,
     y: y
   });
-
-  const makeOptions = () => list ? typeof list === "function" ? list({
+  const makeOptions = () =>
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-return
+  list ? typeof list === "function" ? list({
     row: data[x]
   }).map((option, i) => (0, _react2.jsx)("option", {
     value: option,
@@ -80,7 +72,6 @@ const CustomCell = /*#__PURE__*/_react.default.memo(({
     value: option,
     key: `${option}-${i}`
   }, option)) : null;
-
   const displayValue = cell === undefined ? "" : formatter ? formatter(cell, {
     row: data[y]
   }) : `${cell}`;
@@ -133,6 +124,4 @@ const CustomCell = /*#__PURE__*/_react.default.memo(({
     id: key
   }, makeOptions()) : null));
 }, _reactWindow.areEqual);
-
-exports.CustomCell = CustomCell;
 //# sourceMappingURL=CustomCell.js.map

package/cjs/CustomCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomCell.js","names":["CustomCell","React","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","areEqual"],"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":"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"}
+{"version":3,"file":"CustomCell.js","names":["_Cell","require","_DataSheetCheckbox","_DataSheetInput","_DataSheetSelect","_reactWindow","_react","_interopRequireDefault","_react2","obj","__esModule","default","CustomCell","exports","React","memo","columnIndex","rowIndex","style","data","columns","handleSelectRow","handleMouseDownRow","handleMouseOverRow","handleMouseUpRow","isSelectRow","rows","handleChangeDataEditor","isSelection","handleMouseDown","handleMouseOver","handleChangeCheckbox","x","y","jsx","RowHeadCell","title","onClick","onMouseDown","onMouseOver","onMouseUp","selected","row","cell","readonly","type","list","key","validator","formatter","makeOptions","map","option","i","value","displayValue","undefined","Cell","invalid","DataSheetInput","defaultValue","onChange","readOnly","DataSheetCheckbox","defaultChecked","DataSheetSelect","Fragment","id","areEqual"],"sources":["../../src/CustomCell.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-assignment,@typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access */\nimport { 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      // eslint-disable-next-line @typescript-eslint/no-unsafe-return\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":"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","ignoreList":[]}

package/cjs/DataSheet.js

@@ -2,34 +2,25 @@
 
 exports.__esModule = true;
 exports.DataSheet = void 0;
-
 var _Controller = require("./Controller");
-
 var _CustomCell = require("./CustomCell");
-
-var _reactWindow = require("react-window");
-
 var _InnerElement = require("./InnerElement");
-
+var _reactWindow = require("react-window");
 var _useOnClickOutside = require("./useOnClickOutside");
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _react2 = require("@emotion/react");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+/* eslint-disable @typescript-eslint/no-non-null-assertion */
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+const Grid = _reactWindow.VariableSizeGrid;
 const paste = async () => {
   const text = await navigator.clipboard.readText();
   return text;
 };
-
 const copy = async text => {
   await navigator.clipboard.writeText(text);
 };
-
 const DataSheet = ({
   data,
   columns,
@@ -50,6 +41,7 @@ const DataSheet = ({
   }, [data, columns]);
   const history = (0, _react.useRef)([]);
   (0, _react.useEffect)(() => {
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
     history.current.push(JSON.parse(JSON.stringify(data)));
   }, [data]);
   const handleChangeCheckbox = (0, _react.useCallback)(event => {
@@ -63,11 +55,13 @@ const DataSheet = ({
     const {
       key
     } = columns[y];
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
     const copy = JSON.parse(JSON.stringify(data));
     const {
       checked
     } = element;
-    copy[x] = { ...copy[x],
+    copy[x] = {
+      ...copy[x],
       [key]: checked
     };
     history.current.push(copy);
@@ -83,19 +77,21 @@ const DataSheet = ({
     const {
       key
     } = columns[y];
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
     const copy = JSON.parse(JSON.stringify(data));
     const {
       value
     } = element;
-    copy[x] = { ...copy[x],
+    copy[x] = {
+      ...copy[x],
       [key]: value
     };
     history.current.push(copy);
   }, [columns, data]);
+
   /**
    * Select
    */
-
   const {
     current: initialSelection
   } = (0, _react.useRef)({
@@ -124,7 +120,8 @@ const DataSheet = ({
       } = event.currentTarget.dataset;
       const x = parseInt(row, 10);
       const y = parseInt(column, 10);
-      setSelection(prev => ({ ...prev,
+      setSelection(prev => ({
+        ...prev,
         type: "cell",
         end: {
           x,
@@ -164,39 +161,39 @@ const DataSheet = ({
     const y = parseInt(column, 10);
     setSelection(prev => {
       if (prev.active === false) return prev;
-
       if (prev.type === "cell") {
-        return { ...prev,
+        return {
+          ...prev,
           end: {
             x,
             y
           }
         };
       }
-
       if (prev.type === "column") {
-        return { ...prev,
+        return {
+          ...prev,
           end: {
             x: prev.end.x,
             y
           }
         };
       }
-
       if (prev.type === "row") {
-        return { ...prev,
+        return {
+          ...prev,
           end: {
             x,
             y: prev.end.y
           }
         };
       }
-
       return prev;
     });
   }, []);
   const handleShiftKeyUp = (0, _react.useCallback)(() => {
-    setSelection(prev => ({ ...prev,
+    setSelection(prev => ({
+      ...prev,
       active: false
     }));
     document.removeEventListener("keyup", handleShiftKeyUp);
@@ -204,7 +201,8 @@ const DataSheet = ({
   const handleMouseUp = (0, _react.useCallback)(event => {
     if (event.shiftKey) {
       setSelection(prev => {
-        return { ...prev,
+        return {
+          ...prev,
           active: true
         };
       });
@@ -213,14 +211,15 @@ const DataSheet = ({
       });
     } else {
       setSelection(prev => {
-        return { ...prev,
+        return {
+          ...prev,
           active: false
         };
       });
     }
   }, [handleShiftKeyUp]);
-  /** Column */
 
+  /** Column */
   const handleSelectColumn = (0, _react.useCallback)(event => {
     const {
       column
@@ -264,7 +263,8 @@ const DataSheet = ({
     const y = parseInt(column, 10);
     setSelection(prev => {
       if (prev.active === false || prev.type !== "column") return prev;
-      return { ...prev,
+      return {
+        ...prev,
         end: {
           x: data.length - 1,
           y
@@ -274,13 +274,14 @@ const DataSheet = ({
   }, [data.length]);
   const handleMouseUpColumn = (0, _react.useCallback)(() => {
     setSelection(prev => {
-      return { ...prev,
+      return {
+        ...prev,
         active: false
       };
     });
   }, []);
-  /** Row */
 
+  /** Row */
   const handleSelectRow = (0, _react.useCallback)(event => {
     const {
       row
@@ -324,7 +325,8 @@ const DataSheet = ({
     const x = parseInt(row, 10);
     setSelection(prev => {
       if (prev.active === false || prev.type !== "row") return prev;
-      return { ...prev,
+      return {
+        ...prev,
         end: {
           x,
           y: columns.length - 1
@@ -334,11 +336,13 @@ const DataSheet = ({
   }, [columns.length]);
   const handleMouseUpRow = (0, _react.useCallback)(() => {
     setSelection(prev => {
-      return { ...prev,
+      return {
+        ...prev,
         active: false
       };
     });
   }, []);
+
   /** All */
 
   const handleSelectAll = (0, _react.useCallback)(() => {
@@ -375,17 +379,18 @@ const DataSheet = ({
     const negY = current.x <= start.x && current.x >= end.x;
     return posX && posY || negX && posY || negX && negY || posX && negY;
   }, [selection]);
+
   /**
    * Keycode
    */
-
   const handleKeyDown = (0, _react.useCallback)(event => {
     switch (event.key) {
       case "ArrowUp":
         {
           setSelection(prev => {
             if (prev.start.x === 0) return prev;
-            return { ...prev,
+            return {
+              ...prev,
               start: {
                 x: prev.start.x - 1,
                 y: prev.start.y
@@ -398,11 +403,11 @@ const DataSheet = ({
           });
           break;
         }
-
       case "ArrowRight":
         setSelection(prev => {
           if (prev.start.y === columns.length - 1) return prev;
-          return { ...prev,
+          return {
+            ...prev,
             start: {
               x: prev.start.x,
               y: prev.start.y + 1
@@ -414,11 +419,11 @@ const DataSheet = ({
           };
         });
         break;
-
       case "ArrowDown":
         setSelection(prev => {
           if (prev.start.x === data.length - 1) return prev;
-          return { ...prev,
+          return {
+            ...prev,
             start: {
               x: prev.start.x + 1,
               y: prev.start.y
@@ -430,11 +435,11 @@ const DataSheet = ({
           };
         });
         break;
-
       case "ArrowLeft":
         setSelection(prev => {
           if (prev.start.y === 0) return prev;
-          return { ...prev,
+          return {
+            ...prev,
             start: {
               x: prev.start.x,
               y: prev.start.y - 1
@@ -446,7 +451,6 @@ const DataSheet = ({
           };
         });
         break;
-
       default:
         break;
     }
@@ -455,7 +459,6 @@ const DataSheet = ({
     const getClipBoardText = async () => {
       if (selection.start.x > -1 && selection.start.y > -1) {
         const text = await paste();
-
         if (text) {
           const minX = Math.min(selection.start.x, selection.end.x);
           const minY = Math.min(selection.start.y, selection.end.y);
@@ -463,7 +466,6 @@ const DataSheet = ({
           const rowLength = dataToInsert.length;
           const columnLength = dataToInsert[0].length;
           const copy = [...data];
-
           for (let i = 0; i < rowLength; i++) {
             for (let j = 0; j < columnLength; j++) {
               const column = columns[minY + j];
@@ -473,10 +475,8 @@ const DataSheet = ({
                 readonly,
                 type
               } = column;
-
-              if (key && copy[minX + i] && !readonly) {
+              if (key !== undefined && copy[minX + i] !== undefined && !readonly) {
                 const value = dataToInsert[i][j];
-
                 if (type === "checkbox") {
                   copy[minX + i][key] = value === "false" ? false : value === "true" ? true : value;
                 } else {
@@ -485,7 +485,6 @@ const DataSheet = ({
               }
             }
           }
-
           if (onSave) {
             onSave(copy);
           }
@@ -493,10 +492,12 @@ const DataSheet = ({
       }
     };
 
+    // eslint-disable-next-line @typescript-eslint/no-misused-promises
     document.addEventListener("paste", getClipBoardText, {
       capture: true
     });
     return () => {
+      // eslint-disable-next-line @typescript-eslint/no-misused-promises
       document.removeEventListener("paste", getClipBoardText);
     };
   }, [columns, data, onSave, selection.end.x, selection.end.y, selection.start.x, selection.start.y]);
@@ -514,17 +515,17 @@ const DataSheet = ({
             return row[key];
           }).join("\t");
         }).join("\n");
-
         if (result) {
           await copy(result);
         }
       }
     };
-
+    // eslint-disable-next-line @typescript-eslint/no-misused-promises
     document.addEventListener("copy", handleCopy, {
       capture: true
     });
     return () => {
+      // eslint-disable-next-line @typescript-eslint/no-misused-promises
       document.removeEventListener("copy", handleCopy);
     };
   }, [columns, data, selection.end.x, selection.end.y, selection.start.x, selection.start.y]);
@@ -540,7 +541,7 @@ const DataSheet = ({
     style: {
       maxWidth: width
     }
-  }, onDownload ? (0, _react2.jsx)(_Controller.DownloadButton, {
+  }, (0, _react2.jsx)(_Controller.DownloadButton, {
     onClick: () => {
       const result = [columns.map(column => column.title)].concat(data.map(row => {
         return columns.map(({
@@ -551,7 +552,7 @@ const DataSheet = ({
       }));
       onDownload(result);
     }
-  }) : null) : null, (0, _react2.jsx)(_InnerElement.InnerElementContext.Provider, {
+  })) : null, (0, _react2.jsx)(_InnerElement.InnerElementContext.Provider, {
     value: {
       handleSelectAll,
       handleSelectColumn,
@@ -562,7 +563,7 @@ const DataSheet = ({
       handleKeyDown,
       columns: columns
     }
-  }, (0, _react2.jsx)(_reactWindow.VariableSizeGrid, {
+  }, (0, _react2.jsx)(Grid, {
     style: {
       maxWidth: "100%"
     },
@@ -591,6 +592,5 @@ const DataSheet = ({
     }
   }, _CustomCell.CustomCell)));
 };
-
 exports.DataSheet = DataSheet;
 //# sourceMappingURL=DataSheet.js.map