m2mui-datasheet 2.1.0 → 4.0.0

package/esm/DataSheetCheckbox.js

@@ -0,0 +1,48 @@
+var _excluded = ["style", "className"];
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+import { css } from "@emotion/react";
+import React from "react";
+import { jsx as ___EmotionJSX } from "@emotion/react";
+
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "e0dnmk",
+  styles: "cursor:pointer"
+} : {
+  name: "z3s2sf-DataSheetCheckbox",
+  styles: "cursor:pointer;label:DataSheetCheckbox;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9EYXRhU2hlZXRDaGVja2JveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJnQiIsImZpbGUiOiIuLi8uLi9zcmMvRGF0YVNoZWV0Q2hlY2tib3gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5leHBvcnQgY29uc3QgRGF0YVNoZWV0Q2hlY2tib3g6IFJlYWN0LkZDPFxuICBSZWFjdC5EZXRhaWxlZEhUTUxQcm9wczxcbiAgICBSZWFjdC5JbnB1dEhUTUxBdHRyaWJ1dGVzPEhUTUxJbnB1dEVsZW1lbnQ+LFxuICAgIEhUTUxJbnB1dEVsZW1lbnRcbiAgPlxuPiA9IFJlYWN0Lm1lbW8oKHsgc3R5bGUsIGNsYXNzTmFtZSwgLi4ucHJvcHMgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxsYWJlbFxuICAgICAgc3R5bGU9e3N0eWxlfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgIHBhZGRpbmc6IDBweDtcbiAgICAgICAgdGV4dC1hbGlnbjogaW5oZXJpdDtcbiAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgICAgIGJvcmRlcjogMHB4O1xuICAgICAgICBvdXRsaW5lOiAwcHg7XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxpbnB1dFxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgIGB9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgIC8+XG4gICAgPC9sYWJlbD5cbiAgKTtcbn0pO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var _ref2 = process.env.NODE_ENV === "production" ? {
+  name: "j7kruw",
+  styles: "box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0px;text-align:inherit;cursor:pointer;user-select:none;background-color:transparent;border:0px;outline:0px"
+} : {
+  name: "1yokeco-DataSheetCheckbox",
+  styles: "box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0px;text-align:inherit;cursor:pointer;user-select:none;background-color:transparent;border:0px;outline:0px;label:DataSheetCheckbox;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9EYXRhU2hlZXRDaGVja2JveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWWMiLCJmaWxlIjoiLi4vLi4vc3JjL0RhdGFTaGVldENoZWNrYm94LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuZXhwb3J0IGNvbnN0IERhdGFTaGVldENoZWNrYm94OiBSZWFjdC5GQzxcbiAgUmVhY3QuRGV0YWlsZWRIVE1MUHJvcHM8XG4gICAgUmVhY3QuSW5wdXRIVE1MQXR0cmlidXRlczxIVE1MSW5wdXRFbGVtZW50PixcbiAgICBIVE1MSW5wdXRFbGVtZW50XG4gID5cbj4gPSBSZWFjdC5tZW1vKCh7IHN0eWxlLCBjbGFzc05hbWUsIC4uLnByb3BzIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8bGFiZWxcbiAgICAgIHN0eWxlPXtzdHlsZX1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBwYWRkaW5nOiAwcHg7XG4gICAgICAgIHRleHQtYWxpZ246IGluaGVyaXQ7XG4gICAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICAgICBib3JkZXI6IDBweDtcbiAgICAgICAgb3V0bGluZTogMHB4O1xuICAgICAgYH1cbiAgICA+XG4gICAgICA8aW5wdXRcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICBgfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAvPlxuICAgIDwvbGFiZWw+XG4gICk7XG59KTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+export var DataSheetCheckbox = /*#__PURE__*/React.memo(_ref3 => {
+  var {
+    style,
+    className
+  } = _ref3,
+      props = _objectWithoutPropertiesLoose(_ref3, _excluded);
+
+  return ___EmotionJSX("label", {
+    style: style,
+    className: className,
+    css: _ref2
+  }, ___EmotionJSX("input", _extends({
+    css: _ref
+  }, props)));
+});
+//# sourceMappingURL=DataSheetCheckbox.js.map

package/esm/DataSheetCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataSheetCheckbox.js","names":["css","React","DataSheetCheckbox","memo","style","className","props"],"sources":["../../src/DataSheetCheckbox.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport React from \"react\";\nexport const DataSheetCheckbox: React.FC<\n  React.DetailedHTMLProps<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    HTMLInputElement\n  >\n> = React.memo(({ style, className, ...props }) => {\n  return (\n    <label\n      style={style}\n      className={className}\n      css={css`\n        box-sizing: border-box;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 100%;\n        height: 100%;\n        padding: 0px;\n        text-align: inherit;\n        cursor: pointer;\n        user-select: none;\n        background-color: transparent;\n        border: 0px;\n        outline: 0px;\n      `}\n    >\n      <input\n        css={css`\n          cursor: pointer;\n        `}\n        {...props}\n      />\n    </label>\n  );\n});\n"],"mappings":";;;;;;;;AAAA,SAASA,GAAT,QAAoB,gBAApB;AACA,OAAOC,KAAP,MAAkB,OAAlB;;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,IAAMC,iBAKZ,gBAAGD,KAAK,CAACE,IAAN,CAAW,SAAoC;EAAA,IAAnC;IAAEC,KAAF;IAASC;EAAT,CAAmC;EAAA,IAAZC,KAAY;;EACjD,OACE;IACE,KAAK,EAAEF,KADT;IAEE,SAAS,EAAEC,SAFb;IAGE,GAAG;EAHL,GAmBE;IACE,GAAG;EADL,GAIMC,KAJN,EAnBF,CADF;AA4BD,CA7BG,CALG"}

package/esm/DataSheetInput.js

@@ -0,0 +1,27 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+import { css } from "@emotion/react";
+import React from "react";
+import { jsx as ___EmotionJSX } from "@emotion/react";
+
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "1ftiey0",
+  styles: "box-sizing:border-box;width:100%;height:100%;padding:0px;font:inherit;text-align:inherit;background-color:transparent;border:0px;border:1px solid transparent;outline:0px;&:focus{border:1px solid #2185d0;}&[readonly]::selection{background-color:transparent;}"
+} : {
+  name: "a2yzbv-DataSheetInput",
+  styles: "box-sizing:border-box;width:100%;height:100%;padding:0px;font:inherit;text-align:inherit;background-color:transparent;border:0px;border:1px solid transparent;outline:0px;&:focus{border:1px solid #2185d0;}&[readonly]::selection{background-color:transparent;};label:DataSheetInput;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9EYXRhU2hlZXRJbnB1dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYWMiLCJmaWxlIjoiLi4vLi4vc3JjL0RhdGFTaGVldElucHV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuZXhwb3J0IGNvbnN0IERhdGFTaGVldElucHV0OiBSZWFjdC5GQzxcbiAgUmVhY3QuRGV0YWlsZWRIVE1MUHJvcHM8XG4gICAgUmVhY3QuSW5wdXRIVE1MQXR0cmlidXRlczxIVE1MSW5wdXRFbGVtZW50PixcbiAgICBIVE1MSW5wdXRFbGVtZW50XG4gID5cbj4gPSBSZWFjdC5tZW1vKChwcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxpbnB1dFxuICAgICAgey4uLnByb3BzfVxuICAgICAgey4uLihwcm9wcy5yZWFkT25seSA/IHsgdmFsdWU6IHByb3BzLmRlZmF1bHRWYWx1ZSB9IDoge30pfVxuICAgICAgcmVhZE9ubHk9e2ZhbHNlfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgIHBhZGRpbmc6IDBweDtcbiAgICAgICAgZm9udDogaW5oZXJpdDtcbiAgICAgICAgdGV4dC1hbGlnbjogaW5oZXJpdDtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgICAgIGJvcmRlcjogMHB4O1xuICAgICAgICBib3JkZXI6IDFweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICAgICAgb3V0bGluZTogMHB4O1xuICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAjMjE4NWQwO1xuICAgICAgICB9XG4gICAgICAgICZbcmVhZG9ubHldOjpzZWxlY3Rpb24ge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICAgICB9XG4gICAgICBgfVxuICAgIC8+XG4gICk7XG59KTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+export var DataSheetInput = /*#__PURE__*/React.memo(props => {
+  return ___EmotionJSX("input", _extends({}, props, props.readOnly ? {
+    value: props.defaultValue
+  } : {}, {
+    readOnly: false,
+    css: _ref
+  }));
+});
+//# sourceMappingURL=DataSheetInput.js.map

package/esm/DataSheetInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataSheetInput.js","names":["css","React","DataSheetInput","memo","props","readOnly","value","defaultValue"],"sources":["../../src/DataSheetInput.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport React from \"react\";\nexport const DataSheetInput: React.FC<\n  React.DetailedHTMLProps<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    HTMLInputElement\n  >\n> = React.memo((props) => {\n  return (\n    <input\n      {...props}\n      {...(props.readOnly ? { value: props.defaultValue } : {})}\n      readOnly={false}\n      css={css`\n        box-sizing: border-box;\n        width: 100%;\n        height: 100%;\n        padding: 0px;\n        font: inherit;\n        text-align: inherit;\n        background-color: transparent;\n        border: 0px;\n        border: 1px solid transparent;\n        outline: 0px;\n        &:focus {\n          border: 1px solid #2185d0;\n        }\n        &[readonly]::selection {\n          background-color: transparent;\n        }\n      `}\n    />\n  );\n});\n"],"mappings":";;;;AAAA,SAASA,GAAT,QAAoB,gBAApB;AACA,OAAOC,KAAP,MAAkB,OAAlB;;;;;;;;;;;;;AACA,OAAO,IAAMC,cAKZ,gBAAGD,KAAK,CAACE,IAAN,CAAYC,KAAD,IAAW;EACxB,OACE,oCACMA,KADN,EAEOA,KAAK,CAACC,QAAN,GAAiB;IAAEC,KAAK,EAAEF,KAAK,CAACG;EAAf,CAAjB,GAAiD,EAFxD;IAGE,QAAQ,EAAE,KAHZ;IAIE,GAAG;EAJL,GADF;AAyBD,CA1BG,CALG"}

package/esm/DataSheetSelect.js

@@ -0,0 +1,24 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+import { css } from "@emotion/react";
+import React from "react";
+import { jsx as ___EmotionJSX } from "@emotion/react";
+
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "1evn0h2",
+  styles: "box-sizing:border-box;width:100%;height:100%;padding:0px;font:inherit;text-align:inherit;border:0px;outline:0px;&:invalid{}"
+} : {
+  name: "1sykfqm-DataSheetSelect",
+  styles: "box-sizing:border-box;width:100%;height:100%;padding:0px;font:inherit;text-align:inherit;border:0px;outline:0px;&:invalid{};label:DataSheetSelect;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9EYXRhU2hlZXRTZWxlY3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVdjIiwiZmlsZSI6Ii4uLy4uL3NyYy9EYXRhU2hlZXRTZWxlY3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5leHBvcnQgY29uc3QgRGF0YVNoZWV0U2VsZWN0OiBSZWFjdC5GQzxcbiAgUmVhY3QuRGV0YWlsZWRIVE1MUHJvcHM8XG4gICAgUmVhY3QuU2VsZWN0SFRNTEF0dHJpYnV0ZXM8SFRNTFNlbGVjdEVsZW1lbnQ+LFxuICAgIEhUTUxTZWxlY3RFbGVtZW50XG4gID5cbj4gPSBSZWFjdC5tZW1vKChwcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxzZWxlY3RcbiAgICAgIHsuLi5wcm9wc31cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBwYWRkaW5nOiAwcHg7XG4gICAgICAgIGZvbnQ6IGluaGVyaXQ7XG4gICAgICAgIHRleHQtYWxpZ246IGluaGVyaXQ7XG4gICAgICAgIGJvcmRlcjogMHB4O1xuICAgICAgICBvdXRsaW5lOiAwcHg7XG4gICAgICAgICY6aW52YWxpZCB7XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgLz5cbiAgKTtcbn0pO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+export var DataSheetSelect = /*#__PURE__*/React.memo(props => {
+  return ___EmotionJSX("select", _extends({}, props, {
+    css: _ref
+  }));
+});
+//# sourceMappingURL=DataSheetSelect.js.map

package/esm/DataSheetSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataSheetSelect.js","names":["css","React","DataSheetSelect","memo","props"],"sources":["../../src/DataSheetSelect.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport React from \"react\";\nexport const DataSheetSelect: React.FC<\n  React.DetailedHTMLProps<\n    React.SelectHTMLAttributes<HTMLSelectElement>,\n    HTMLSelectElement\n  >\n> = React.memo((props) => {\n  return (\n    <select\n      {...props}\n      css={css`\n        box-sizing: border-box;\n        width: 100%;\n        height: 100%;\n        padding: 0px;\n        font: inherit;\n        text-align: inherit;\n        border: 0px;\n        outline: 0px;\n        &:invalid {\n        }\n      `}\n    />\n  );\n});\n"],"mappings":";;;;AAAA,SAASA,GAAT,QAAoB,gBAApB;AACA,OAAOC,KAAP,MAAkB,OAAlB;;;;;;;;;;;;;AACA,OAAO,IAAMC,eAKZ,gBAAGD,KAAK,CAACE,IAAN,CAAYC,KAAD,IAAW;EACxB,OACE,qCACMA,KADN;IAEE,GAAG;EAFL,GADF;AAiBD,CAlBG,CALG"}

package/esm/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/esm/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/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/index.tsx"],"sourcesContent":["export * from \"./DataSheet\";\nexport * from \"./DataSheetInput\";\nexport * from \"./DataSheetSelect\";\n"],"mappings":"AAAA,cAAc,aAAd;AACA,cAAc,kBAAd;AACA,cAAc,mBAAd"}

package/esm/useOnClickOutside.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnClickOutside.js","names":["useEffect","useOnClickOutside","ref","handler","undefined","listener","event","current","contains","target","document","addEventListener","removeEventListener"],"sources":["../../src/useOnClickOutside.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nexport const useOnClickOutside = (\n  ref: React.RefObject<HTMLElement>,\n  handler?: (event: MouseEvent | TouchEvent) => void\n) => {\n  useEffect(() => {\n    if (!handler) {\n      return undefined;\n    }\n    const listener = (event: MouseEvent | TouchEvent) => {\n      if (handler) {\n        if (!ref.current || ref.current.contains(event.target as Node)) {\n          return;\n        }\n\n        handler(event);\n      }\n    };\n\n    document.addEventListener(\"mousedown\", listener);\n    document.addEventListener(\"touchstart\", listener);\n\n    return () => {\n      document.removeEventListener(\"mousedown\", listener);\n      document.removeEventListener(\"touchstart\", listener);\n    };\n  }, [ref, handler]);\n};\n"],"mappings":"AAAA,SAASA,SAAT,QAA0B,OAA1B;AACA,OAAO,IAAMC,iBAAiB,GAAG,CAC/BC,GAD+B,EAE/BC,OAF+B,KAG5B;EACHH,SAAS,CAAC,MAAM;IACd,IAAI,CAACG,OAAL,EAAc;MACZ,OAAOC,SAAP;IACD;;IACD,IAAMC,QAAQ,GAAIC,KAAD,IAAoC;MACnD,IAAIH,OAAJ,EAAa;QACX,IAAI,CAACD,GAAG,CAACK,OAAL,IAAgBL,GAAG,CAACK,OAAJ,CAAYC,QAAZ,CAAqBF,KAAK,CAACG,MAA3B,CAApB,EAAgE;UAC9D;QACD;;QAEDN,OAAO,CAACG,KAAD,CAAP;MACD;IACF,CARD;;IAUAI,QAAQ,CAACC,gBAAT,CAA0B,WAA1B,EAAuCN,QAAvC;IACAK,QAAQ,CAACC,gBAAT,CAA0B,YAA1B,EAAwCN,QAAxC;IAEA,OAAO,MAAM;MACXK,QAAQ,CAACE,mBAAT,CAA6B,WAA7B,EAA0CP,QAA1C;MACAK,QAAQ,CAACE,mBAAT,CAA6B,YAA7B,EAA2CP,QAA3C;IACD,CAHD;EAID,CArBQ,EAqBN,CAACH,GAAD,EAAMC,OAAN,CArBM,CAAT;AAsBD,CA1BM"}

package/index.js

@@ -0,0 +1,4 @@
+export * from "./DataSheet";
+export * from "./DataSheetInput";
+export * from "./DataSheetSelect";
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/index.tsx"],"sourcesContent":["export * from \"./DataSheet\";\nexport * from \"./DataSheetInput\";\nexport * from \"./DataSheetSelect\";\n"],"mappings":"AAAA,cAAc,aAAd;AACA,cAAc,kBAAd;AACA,cAAc,mBAAd"}

package/package.json

@@ -1,114 +1,92 @@
 {
-    "name": "m2mui-datasheet",
-    "version": "2.1.0",
-    "repository": "git@github.com:matsuri-tech/m2mui-datasheet.git",
-    "author": "hrdtbs <harada.tsubasa.0422@gmail.com>",
-    "license": "GPL-3.0",
-    "sideEffects": false,
-    "main": "dist/cjs/index.js",
-    "module": "dist/esm/index.js",
-    "types": "dist/types/index.d.ts",
-    "typings": "dist/types/index.d.ts",
-    "exports": {
-        ".": {
-            "require": "./dist/cjs/index.js",
-            "default": "./dist/esm/index.js"
-        }
-    },
-    "files": [
-        "README.md",
-        "CHANGELOG.md",
-        "dist/",
-        "package.json"
-    ],
-    "eslintIgnore": [
-        "dist",
-        "node_modules"
-    ],
-    "dependencies": {
-        "@emotion/react": "^11.4.0",
-        "react-window": "^1.8.6"
-    },
-    "peerDependencies": {
-        "react": "^17.0.2",
-        "react-dom": "^17.0.2",
-        "@emotion/react": "^11.4.0",
-        "react-window": "^1.8.6"
-    },
-    "devDependencies": {
-        "@babel/cli": "^7.14.3",
-        "@babel/core": "^7.14.3",
-        "@babel/plugin-transform-runtime": "7.10.5",
-        "@babel/preset-env": "^7.14.2",
-        "@babel/preset-react": "^7.13.13",
-        "@babel/preset-typescript": "^7.13.0",
-        "@babel/runtime": "7.10.5",
-        "@emotion/babel-preset-css-prop": "^11.2.0",
-        "@storybook/addon-actions": "^6.2.9",
-        "@storybook/addon-essentials": "^6.2.9",
-        "@storybook/addon-links": "^6.2.9",
-        "@storybook/react": "^6.2.9",
-        "@types/react": "16.9.56",
-        "@types/react-dom": "16.9.11",
-        "@types/react-window": "1.8.2",
-        "@typescript-eslint/eslint-plugin": "4.25.0",
-        "@typescript-eslint/parser": "4.25.0",
-        "babel-loader": "8.1.0",
-        "babel-plugin-react-require": "^3.1.3",
-        "babel-preset-react-app": "9.1.2",
-        "dayjs": "1.8.36",
-        "eslint": "^7.8.1",
-        "eslint-config-prettier": "^8.3.0",
-        "eslint-plugin-prettier": "^3.1.4",
-        "eslint-plugin-react": "^7.23.2",
-        "eslint-plugin-react-hooks": "^4.1.0",
-        "eslint-plugin-sort-imports-es6-autofix": "^0.6.0",
-        "husky": "4.2.5",
-        "lint-staged": "10.2.13",
-        "npm-run-all": "4.1.5",
-        "prettier": "2.0.5",
-        "react": "^17.0.2",
-        "react-dom": "^17.0.2",
-        "standard-version": "8.0.2",
-        "tslib": "2.2.0",
-        "typescript": "4.2.4"
-    },
-    "scripts": {
-        "start": "rollup -c rollup.config.ts",
-        "storybook": "start-storybook -p 6006",
-        "build-storybook": "build-storybook --quiet",
-        "typecheck": "tsc --project tsconfig.json #",
-        "lint:ts": "eslint ./src/**/*.tsx ./src/*.tsx",
-        "format:ts": "yarn lint:ts --fix",
-        "lint": "run-p -l -n -c --aggregate-output lint:*",
-        "format": "run-p -l -n -c --aggregate-output format:*",
-        "release": "standard-version",
-        "build": "run-p -l -n -c --aggregate-output build:*",
-        "build:esm": "NODE_ENV=production BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps",
-        "build:cjs": "NODE_ENV=production BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps",
-        "build:types": "tsc -p tsconfig.build.json --emitDeclarationOnly --declaration --declarationDir dist/types"
-    },
-    "husky": {
-        "hooks": {
-            "pre-commit": "lint-staged"
-        }
-    },
-    "lint-staged": {
-        "*.{ts,tsx}": [
-            "yarn typecheck",
-            "yarn format:ts"
-        ]
-    },
-    "browserslist": {
-        "production": [
-            ">0.2% in JP",
-            "not dead",
-            "not op_mini all"
-        ],
-        "development": [
-            "last 1 chrome version",
-            "last 1 firefox version",
-            "last 1 safari version"
-        ]
+  "name": "m2mui-datasheet",
+  "version": "4.0.0",
+  "repository": "git@github.com:matsuri-tech/m2mui-datasheet.git",
+  "author": "hrdtbs <harada.tsubasa.0422@gmail.com>",
+  "license": "GPL-3.0",
+  "sideEffects": false,
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "module": "./esm/index.js",
+      "require": "./cjs/index.js",
+      "default": "./index.js"
     }
+  },
+  "files": [
+    "**"
+  ],
+  "dependencies": {
+    "react-window": "^1.8.6"
+  },
+  "peerDependencies": {
+    "@emotion/react": "^11.4.0",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-window": "^1.8.6"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.18.9",
+    "@babel/core": "7.18.9",
+    "@babel/helper-get-function-arity": "^7.16.7",
+    "@babel/preset-env": "7.18.9",
+    "@babel/preset-react": "7.18.6",
+    "@babel/preset-typescript": "7.18.6",
+    "@emotion/babel-preset-css-prop": "11.2.0",
+    "@emotion/react": "11.10.0",
+    "@storybook/addon-actions": "6.5.9",
+    "@storybook/addon-essentials": "6.5.9",
+    "@storybook/addon-interactions": "6.5.9",
+    "@storybook/addon-links": "6.5.9",
+    "@storybook/builder-vite": "0.2.2",
+    "@storybook/react": "6.5.9",
+    "@storybook/testing-library": "0.0.13",
+    "@types/react": "18.0.15",
+    "@types/react-dom": "18.0.6",
+    "@types/react-window": "1.8.5",
+    "babel-loader": "8.2.5",
+    "babel-preset-react-app": "10.0.1",
+    "concurrently": "^7.3.0",
+    "dayjs": "1.11.4",
+    "eslint": "8.20.0",
+    "eslint-config-matsuri": "1.0.0",
+    "eslint-plugin-storybook": "0.6.1",
+    "npm-run-all": "4.1.5",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "react-icons": "4.4.0",
+    "tslib": "2.4.0",
+    "typescript": "4.7.4",
+    "vite": "3.0.4"
+  },
+  "scripts": {
+    "build": "concurrently yarn:build:*",
+    "build:esm": "NODE_ENV=production BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps",
+    "build:cjs": "NODE_ENV=production BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps",
+    "build:types": "tsc -p tsconfig.build.json --emitDeclarationOnly --declaration --declarationDir dist/types",
+    "clean": "rm -rf ./dist",
+    "copy": "cp -r dist/esm/* dist/ && cp -r dist/types/* dist/ && cp package.json README.md dist && rm -rf dist/{tests}",
+    "typecheck": "tsc -p .",
+    "lint": "eslint .",
+    "postlint": "prettier --check .",
+    "format": "eslint . --fix",
+    "postformat": "prettier --write .",
+    "frequently-updated": "(git diff 'HEAD@{1}..HEAD@{0}' --name-only | grep yarn.lock > /dev/null) && yarn --prefer-offline --pure-lockfile || echo 'lockfile diff is not found'",
+    "storybook": "start-storybook -p 6006",
+    "build-storybook": "build-storybook"
+  },
+  "browserslist": {
+    "production": [
+      ">0.2% in JP",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  }
 }

package/types/Cell.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export interface CellProps extends React.DetailedHTMLProps<React.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement> {
+    readonly?: boolean;
+    selected?: boolean;
+    invalid?: boolean | string;
+    value?: unknown;
+}
+export declare const Cell: React.FC<CellProps>;
+export declare const ColumnHeadCell: React.FC<CellProps>;
+export declare const RowHeadCell: React.FC<CellProps>;

package/types/Controller.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+export declare const Controller: React.FC<React.HTMLProps<HTMLDivElement>>;
+export declare const DownloadButton: (props: React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/types/CustomCell.d.ts

@@ -0,0 +1,3 @@
+import { ComponentType } from "react";
+import { GridChildComponentProps } from "react-window";
+export declare const CustomCell: ComponentType<GridChildComponentProps>;

package/types/DataSheet.d.ts

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

package/types/DataSheetCheckbox.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const DataSheetCheckbox: React.FC<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>>;

package/types/DataSheetInput.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const DataSheetInput: React.FC<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>>;

package/types/DataSheetSelect.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const DataSheetSelect: React.FC<React.DetailedHTMLProps<React.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>>;

package/types/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/types/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./DataSheet";
+export * from "./DataSheetInput";
+export * from "./DataSheetSelect";

package/useOnClickOutside.d.ts

@@ -0,0 +1 @@
+export declare const useOnClickOutside: (ref: React.RefObject<HTMLElement>, handler?: ((event: MouseEvent | TouchEvent) => void) | undefined) => void;