matsuri-ui 18.0.1-alpha-1759583592628-ecfdd4e.0 → 18.0.1-alpha-1759716595435-a37743a.0

package/cjs/Table/TableCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableCheckbox.js","names":["_theme","require","_Icon","_react","_useClickAnimation","_react2","_interopRequireDefault","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref","process","env","NODE_ENV","name","styles","toString","_ref2","TableCheckbox","children","onClick","defaultOnClick","className","color","props","hasChildren","undefined","RootComponent","theme","useTheme","onAnimationEnd","useClickAnimation","jsx","css","shadows","transitions","easing","easeIn","duration","standard","palette","intentions","main","type","width","height","fontSize","contrastText","backgroundColor","borderColor","borderWidth","borderStyle","borderRadius","display","alignItems","justifyContent","cursor","Icon","Check","exports"],"sources":["../../../src/Table/TableCheckbox.tsx"],"sourcesContent":["import { Color, useTheme } from \"../theme\";\nimport { Icon } from \"../Icon\";\nimport { css } from \"@emotion/react\";\nimport { useClickAnimation } from \"../hooks/useClickAnimation\";\nimport React from \"react\";\n\ninterface PartialColorProps {\n  color: Exclude<Color, \"default\">;\n}\n\nexport interface TableCheckboxProps\n  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"color\">,\n    Partial<PartialColorProps> {\n  children?: React.ReactNode;\n}\n\nexport const TableCheckbox = ({\n  children,\n  onClick: defaultOnClick,\n  className,\n  color = \"primary\" as const,\n  ...props\n}: TableCheckboxProps) => {\n  const hasChildren = children !== null && children !== undefined;\n  const RootComponent = hasChildren ? \"label\" : \"span\";\n  const theme = useTheme();\n  const { onClick, onAnimationEnd } = useClickAnimation(defaultOnClick);\n  return (\n    <RootComponent\n      className={className}\n      css={css({\n        position: \"relative\",\n        boxSizing: \"border-box\",\n        display: \"flex\",\n        alignItems: \"center\",\n      })}\n    >\n      <input\n        css={css`\n          position: absolute;\n          top: 0;\n          left: 0;\n          z-index: 1;\n          width: 24px;\n          height: 24px;\n          opacity: 0;\n          & + * {\n            box-shadow: ${theme.shadows[1]};\n            transition-timing-function: ${theme.transitions.easing.easeIn};\n            transition-duration: ${theme.transitions.duration.standard};\n            transition-property: box-shadow;\n          }\n          &:checked + * {\n            background-color: ${theme.palette.intentions[color].main};\n          }\n          &:not(:disabled):hover + * {\n            box-shadow: ${theme.shadows[3]};\n          }\n        `}\n        type=\"checkbox\"\n        onClick={onClick}\n        {...props}\n      />\n      <div\n        css={css({\n          width: 24,\n          height: 24,\n          fontSize: 18,\n          color: theme.palette.intentions[color].contrastText,\n          backgroundColor: theme.palette.intentions[color].contrastText,\n          borderColor: theme.palette.intentions[color].main,\n          borderWidth: 1,\n          borderStyle: \"solid\",\n          borderRadius: 5,\n          display: \"flex\",\n          alignItems: \"center\",\n          justifyContent: \"center\",\n          cursor: \"pointer\",\n        })}\n        onAnimationEnd={onAnimationEnd}\n      >\n        <Icon.Check />\n      </div>\n      {hasChildren ? (\n        <span\n          css={css({\n            marginLeft: \"0.5em\",\n          })}\n        >\n          {children}\n        </span>\n      ) : null}\n    </RootComponent>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TableCheckbox.js","names":["_react","require","_react2","_interopRequireDefault","_theme","_Icon","_useClickAnimation","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref","process","env","NODE_ENV","name","styles","toString","_ref2","TableCheckbox","children","onClick","defaultOnClick","className","color","props","hasChildren","undefined","RootComponent","theme","useTheme","onAnimationEnd","useClickAnimation","jsx","css","shadows","transitions","easing","easeIn","duration","standard","palette","intentions","main","type","width","height","fontSize","contrastText","backgroundColor","borderColor","borderWidth","borderStyle","borderRadius","display","alignItems","justifyContent","cursor","Icon","Check","exports"],"sources":["../../../src/Table/TableCheckbox.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport React from \"react\";\nimport { Color, useTheme } from \"../theme\";\nimport { Icon } from \"../Icon\";\nimport { useClickAnimation } from \"../hooks/useClickAnimation\";\n\ninterface PartialColorProps {\n  color: Exclude<Color, \"default\">;\n}\n\nexport interface TableCheckboxProps\n  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"color\">,\n    Partial<PartialColorProps> {\n  children?: React.ReactNode;\n}\n\nexport const TableCheckbox = ({\n  children,\n  onClick: defaultOnClick,\n  className,\n  color = \"primary\" as const,\n  ...props\n}: TableCheckboxProps) => {\n  const hasChildren = children !== null && children !== undefined;\n  const RootComponent = hasChildren ? \"label\" : \"span\";\n  const theme = useTheme();\n  const { onClick, onAnimationEnd } = useClickAnimation(defaultOnClick);\n  return (\n    <RootComponent\n      className={className}\n      css={css({\n        position: \"relative\",\n        boxSizing: \"border-box\",\n        display: \"flex\",\n        alignItems: \"center\",\n      })}\n    >\n      <input\n        css={css`\n          position: absolute;\n          top: 0;\n          left: 0;\n          z-index: 1;\n          width: 24px;\n          height: 24px;\n          opacity: 0;\n          & + * {\n            box-shadow: ${theme.shadows[1]};\n            transition-timing-function: ${theme.transitions.easing.easeIn};\n            transition-duration: ${theme.transitions.duration.standard};\n            transition-property: box-shadow;\n          }\n          &:checked + * {\n            background-color: ${theme.palette.intentions[color].main};\n          }\n          &:not(:disabled):hover + * {\n            box-shadow: ${theme.shadows[3]};\n          }\n        `}\n        type=\"checkbox\"\n        onClick={onClick}\n        {...props}\n      />\n      <div\n        css={css({\n          width: 24,\n          height: 24,\n          fontSize: 18,\n          color: theme.palette.intentions[color].contrastText,\n          backgroundColor: theme.palette.intentions[color].contrastText,\n          borderColor: theme.palette.intentions[color].main,\n          borderWidth: 1,\n          borderStyle: \"solid\",\n          borderRadius: 5,\n          display: \"flex\",\n          alignItems: \"center\",\n          justifyContent: \"center\",\n          cursor: \"pointer\",\n        })}\n        onAnimationEnd={onAnimationEnd}\n      >\n        <Icon.Check />\n      </div>\n      {hasChildren ? (\n        <span\n          css={css({\n            marginLeft: \"0.5em\",\n          })}\n        >\n          {children}\n        </span>\n      ) : null}\n    </RootComponent>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/cjs/TableUI/WithPagination.js

@@ -3,15 +3,15 @@
 exports.__esModule = true;
 exports.WithPagination = void 0;
 var _react = require("react");
-var _Pagination = require("../Pagination/Pagination");
 var _react2 = require("@emotion/react");
+var _Pagination = require("../Pagination/Pagination");
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "jvt1mo",
   styles: "display:flex;justify-content:center;padding:8px;border:2px solid #e0e0e0;border-top:none"
 } : {
   name: "1f8qbhd-WithPaginationInner",
-  styles: "display:flex;justify-content:center;padding:8px;border:2px solid #e0e0e0;border-top:none;label:WithPaginationInner;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UYWJsZVVJL1dpdGhQYWdpbmF0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2Q2dCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9UYWJsZVVJL1dpdGhQYWdpbmF0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEZyYWdtZW50LCBQcm9wc1dpdGhDaGlsZHJlbiwgdXNlQ2FsbGJhY2ssIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBQYWdpbmF0aW9uIH0gZnJvbSBcIi4uL1BhZ2luYXRpb24vUGFnaW5hdGlvblwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgV2l0aFBhZ2luYXRpb25Qcm9wcyB7XG4gIC8qKlxuICAgKiDjg5rjg7zjgrjjg43jg7zjgrfjg6fjg7PjgYznlJ/jgYjjgotcbiAgICovXG4gIG9uUGFnaW5hdGU/OiAoaW5kZXg6IG51bWJlcikgPT4gdm9pZDtcbiAgLyoqXG4gICAqIOODmuODvOOCuOODjeODvOOCt+ODp+ODs+OBruaVsOOAgeODmuODvOOCuOODjeODvOOCt+ODp+ODs+OBr+OBqOOCiuOBguOBiOOBmuS4iuS4i+OBq+eUn+OChOOBmeOAgeWwhuadpeeahOOBq+OBr3N0aWtjeeOBp+OCguOBhOOBhOOBi+OCglxuICAgKi9cbiAgcGFnZVRvdGFsPzogbnVtYmVyO1xufVxuXG5jb25zdCBXaXRoUGFnaW5hdGlvbklubmVyID0gKHtcbiAgcGFnZVRvdGFsLFxuICBvblBhZ2luYXRlLFxuICBjaGlsZHJlbixcbn06IFByb3BzV2l0aENoaWxkcmVuPFJlcXVpcmVkPFdpdGhQYWdpbmF0aW9uUHJvcHM+PikgPT4ge1xuICBjb25zdCBbcGFnZUluZGV4LCBzZXRQYWdlSW5kZXhdID0gdXNlU3RhdGUoMCk7XG4gIGNvbnN0IGhhbmRsZUNoYW5nZVBhZ2UgPSB1c2VDYWxsYmFjayhcbiAgICAoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQsIE1vdXNlRXZlbnQ+LCBpbmRleDogbnVtYmVyKSA9PiB7XG4gICAgICBzZXRQYWdlSW5kZXgoaW5kZXgpO1xuICAgICAgb25QYWdpbmF0ZShpbmRleCk7XG4gICAgfSxcbiAgICBbb25QYWdpbmF0ZV0sXG4gICk7XG4gIHJldHVybiAoXG4gICAgPGRpdj5cbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgICAgICAgIG1hcmdpbi1ib3R0b206IDhweDtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPFBhZ2luYXRpb25cbiAgICAgICAgICBwYWdlSW5kZXg9e3BhZ2VJbmRleH1cbiAgICAgICAgICBvbkNoYW5nZVBhZ2U9e2hhbmRsZUNoYW5nZVBhZ2V9XG4gICAgICAgICAgcGFnZVNpemU9e3BhZ2VUb3RhbH1cbiAgICAgICAgLz5cbiAgICAgIDwvZGl2PlxuICAgICAge2NoaWxkcmVufVxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgIHBhZGRpbmc6IDhweDtcbiAgICAgICAgICBib3JkZXI6IDJweCBzb2xpZCAjZTBlMGUwO1xuICAgICAgICAgIGJvcmRlci10b3A6IG5vbmU7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIDxQYWdpbmF0aW9uXG4gICAgICAgICAgcGFnZUluZGV4PXtwYWdlSW5kZXh9XG4gICAgICAgICAgb25DaGFuZ2VQYWdlPXtoYW5kbGVDaGFuZ2VQYWdlfVxuICAgICAgICAgIHBhZ2VTaXplPXtwYWdlVG90YWx9XG4gICAgICAgIC8+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBXaXRoUGFnaW5hdGlvbiA9ICh7XG4gIHBhZ2VUb3RhbCxcbiAgb25QYWdpbmF0ZSxcbiAgY2hpbGRyZW4sXG59OiBQcm9wc1dpdGhDaGlsZHJlbjxXaXRoUGFnaW5hdGlvblByb3BzPikgPT4ge1xuICBpZiAob25QYWdpbmF0ZSAhPT0gdW5kZWZpbmVkICYmIHBhZ2VUb3RhbCAhPT0gdW5kZWZpbmVkKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxXaXRoUGFnaW5hdGlvbklubmVyIHBhZ2VUb3RhbD17cGFnZVRvdGFsfSBvblBhZ2luYXRlPXtvblBhZ2luYXRlfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9XaXRoUGFnaW5hdGlvbklubmVyPlxuICAgICk7XG4gIH0gZWxzZSB7XG4gICAgcmV0dXJuIDxGcmFnbWVudD57Y2hpbGRyZW59PC9GcmFnbWVudD47XG4gIH1cbn07XG4iXX0= */",
+  styles: "display:flex;justify-content:center;padding:8px;border:2px solid #e0e0e0;border-top:none;label:WithPaginationInner;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UYWJsZVVJL1dpdGhQYWdpbmF0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2Q2dCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9UYWJsZVVJL1dpdGhQYWdpbmF0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEZyYWdtZW50LCBQcm9wc1dpdGhDaGlsZHJlbiwgdXNlQ2FsbGJhY2ssIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IFBhZ2luYXRpb24gfSBmcm9tIFwiLi4vUGFnaW5hdGlvbi9QYWdpbmF0aW9uXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgV2l0aFBhZ2luYXRpb25Qcm9wcyB7XG4gIC8qKlxuICAgKiDjg5rjg7zjgrjjg43jg7zjgrfjg6fjg7PjgYznlJ/jgYjjgotcbiAgICovXG4gIG9uUGFnaW5hdGU/OiAoaW5kZXg6IG51bWJlcikgPT4gdm9pZDtcbiAgLyoqXG4gICAqIOODmuODvOOCuOODjeODvOOCt+ODp+ODs+OBruaVsOOAgeODmuODvOOCuOODjeODvOOCt+ODp+ODs+OBr+OBqOOCiuOBguOBiOOBmuS4iuS4i+OBq+eUn+OChOOBmeOAgeWwhuadpeeahOOBq+OBr3N0aWtjeeOBp+OCguOBhOOBhOOBi+OCglxuICAgKi9cbiAgcGFnZVRvdGFsPzogbnVtYmVyO1xufVxuXG5jb25zdCBXaXRoUGFnaW5hdGlvbklubmVyID0gKHtcbiAgcGFnZVRvdGFsLFxuICBvblBhZ2luYXRlLFxuICBjaGlsZHJlbixcbn06IFByb3BzV2l0aENoaWxkcmVuPFJlcXVpcmVkPFdpdGhQYWdpbmF0aW9uUHJvcHM+PikgPT4ge1xuICBjb25zdCBbcGFnZUluZGV4LCBzZXRQYWdlSW5kZXhdID0gdXNlU3RhdGUoMCk7XG4gIGNvbnN0IGhhbmRsZUNoYW5nZVBhZ2UgPSB1c2VDYWxsYmFjayhcbiAgICAoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQsIE1vdXNlRXZlbnQ+LCBpbmRleDogbnVtYmVyKSA9PiB7XG4gICAgICBzZXRQYWdlSW5kZXgoaW5kZXgpO1xuICAgICAgb25QYWdpbmF0ZShpbmRleCk7XG4gICAgfSxcbiAgICBbb25QYWdpbmF0ZV0sXG4gICk7XG4gIHJldHVybiAoXG4gICAgPGRpdj5cbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgICAgICAgIG1hcmdpbi1ib3R0b206IDhweDtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPFBhZ2luYXRpb25cbiAgICAgICAgICBwYWdlSW5kZXg9e3BhZ2VJbmRleH1cbiAgICAgICAgICBvbkNoYW5nZVBhZ2U9e2hhbmRsZUNoYW5nZVBhZ2V9XG4gICAgICAgICAgcGFnZVNpemU9e3BhZ2VUb3RhbH1cbiAgICAgICAgLz5cbiAgICAgIDwvZGl2PlxuICAgICAge2NoaWxkcmVufVxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgIHBhZGRpbmc6IDhweDtcbiAgICAgICAgICBib3JkZXI6IDJweCBzb2xpZCAjZTBlMGUwO1xuICAgICAgICAgIGJvcmRlci10b3A6IG5vbmU7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIDxQYWdpbmF0aW9uXG4gICAgICAgICAgcGFnZUluZGV4PXtwYWdlSW5kZXh9XG4gICAgICAgICAgb25DaGFuZ2VQYWdlPXtoYW5kbGVDaGFuZ2VQYWdlfVxuICAgICAgICAgIHBhZ2VTaXplPXtwYWdlVG90YWx9XG4gICAgICAgIC8+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBXaXRoUGFnaW5hdGlvbiA9ICh7XG4gIHBhZ2VUb3RhbCxcbiAgb25QYWdpbmF0ZSxcbiAgY2hpbGRyZW4sXG59OiBQcm9wc1dpdGhDaGlsZHJlbjxXaXRoUGFnaW5hdGlvblByb3BzPikgPT4ge1xuICBpZiAob25QYWdpbmF0ZSAhPT0gdW5kZWZpbmVkICYmIHBhZ2VUb3RhbCAhPT0gdW5kZWZpbmVkKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxXaXRoUGFnaW5hdGlvbklubmVyIHBhZ2VUb3RhbD17cGFnZVRvdGFsfSBvblBhZ2luYXRlPXtvblBhZ2luYXRlfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9XaXRoUGFnaW5hdGlvbklubmVyPlxuICAgICk7XG4gIH0gZWxzZSB7XG4gICAgcmV0dXJuIDxGcmFnbWVudD57Y2hpbGRyZW59PC9GcmFnbWVudD47XG4gIH1cbn07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var _ref2 = process.env.NODE_ENV === "production" ? {
@@ -19,7 +19,7 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
   styles: "display:flex;justify-content:flex-end;margin-bottom:8px"
 } : {
   name: "uplun1-WithPaginationInner",
-  styles: "display:flex;justify-content:flex-end;margin-bottom:8px;label:WithPaginationInner;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UYWJsZVVJL1dpdGhQYWdpbmF0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQmdCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9UYWJsZVVJL1dpdGhQYWdpbmF0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEZyYWdtZW50LCBQcm9wc1dpdGhDaGlsZHJlbiwgdXNlQ2FsbGJhY2ssIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBQYWdpbmF0aW9uIH0gZnJvbSBcIi4uL1BhZ2luYXRpb24vUGFnaW5hdGlvblwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgV2l0aFBhZ2luYXRpb25Qcm9wcyB7XG4gIC8qKlxuICAgKiDjg5rjg7zjgrjjg43jg7zjgrfjg6fjg7PjgYznlJ/jgYjjgotcbiAgICovXG4gIG9uUGFnaW5hdGU/OiAoaW5kZXg6IG51bWJlcikgPT4gdm9pZDtcbiAgLyoqXG4gICAqIOODmuODvOOCuOODjeODvOOCt+ODp+ODs+OBruaVsOOAgeODmuODvOOCuOODjeODvOOCt+ODp+ODs+OBr+OBqOOCiuOBguOBiOOBmuS4iuS4i+OBq+eUn+OChOOBmeOAgeWwhuadpeeahOOBq+OBr3N0aWtjeeOBp+OCguOBhOOBhOOBi+OCglxuICAgKi9cbiAgcGFnZVRvdGFsPzogbnVtYmVyO1xufVxuXG5jb25zdCBXaXRoUGFnaW5hdGlvbklubmVyID0gKHtcbiAgcGFnZVRvdGFsLFxuICBvblBhZ2luYXRlLFxuICBjaGlsZHJlbixcbn06IFByb3BzV2l0aENoaWxkcmVuPFJlcXVpcmVkPFdpdGhQYWdpbmF0aW9uUHJvcHM+PikgPT4ge1xuICBjb25zdCBbcGFnZUluZGV4LCBzZXRQYWdlSW5kZXhdID0gdXNlU3RhdGUoMCk7XG4gIGNvbnN0IGhhbmRsZUNoYW5nZVBhZ2UgPSB1c2VDYWxsYmFjayhcbiAgICAoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQsIE1vdXNlRXZlbnQ+LCBpbmRleDogbnVtYmVyKSA9PiB7XG4gICAgICBzZXRQYWdlSW5kZXgoaW5kZXgpO1xuICAgICAgb25QYWdpbmF0ZShpbmRleCk7XG4gICAgfSxcbiAgICBbb25QYWdpbmF0ZV0sXG4gICk7XG4gIHJldHVybiAoXG4gICAgPGRpdj5cbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgICAgICAgIG1hcmdpbi1ib3R0b206IDhweDtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPFBhZ2luYXRpb25cbiAgICAgICAgICBwYWdlSW5kZXg9e3BhZ2VJbmRleH1cbiAgICAgICAgICBvbkNoYW5nZVBhZ2U9e2hhbmRsZUNoYW5nZVBhZ2V9XG4gICAgICAgICAgcGFnZVNpemU9e3BhZ2VUb3RhbH1cbiAgICAgICAgLz5cbiAgICAgIDwvZGl2PlxuICAgICAge2NoaWxkcmVufVxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgIHBhZGRpbmc6IDhweDtcbiAgICAgICAgICBib3JkZXI6IDJweCBzb2xpZCAjZTBlMGUwO1xuICAgICAgICAgIGJvcmRlci10b3A6IG5vbmU7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIDxQYWdpbmF0aW9uXG4gICAgICAgICAgcGFnZUluZGV4PXtwYWdlSW5kZXh9XG4gICAgICAgICAgb25DaGFuZ2VQYWdlPXtoYW5kbGVDaGFuZ2VQYWdlfVxuICAgICAgICAgIHBhZ2VTaXplPXtwYWdlVG90YWx9XG4gICAgICAgIC8+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBXaXRoUGFnaW5hdGlvbiA9ICh7XG4gIHBhZ2VUb3RhbCxcbiAgb25QYWdpbmF0ZSxcbiAgY2hpbGRyZW4sXG59OiBQcm9wc1dpdGhDaGlsZHJlbjxXaXRoUGFnaW5hdGlvblByb3BzPikgPT4ge1xuICBpZiAob25QYWdpbmF0ZSAhPT0gdW5kZWZpbmVkICYmIHBhZ2VUb3RhbCAhPT0gdW5kZWZpbmVkKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxXaXRoUGFnaW5hdGlvbklubmVyIHBhZ2VUb3RhbD17cGFnZVRvdGFsfSBvblBhZ2luYXRlPXtvblBhZ2luYXRlfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9XaXRoUGFnaW5hdGlvbklubmVyPlxuICAgICk7XG4gIH0gZWxzZSB7XG4gICAgcmV0dXJuIDxGcmFnbWVudD57Y2hpbGRyZW59PC9GcmFnbWVudD47XG4gIH1cbn07XG4iXX0= */",
+  styles: "display:flex;justify-content:flex-end;margin-bottom:8px;label:WithPaginationInner;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UYWJsZVVJL1dpdGhQYWdpbmF0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQmdCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9UYWJsZVVJL1dpdGhQYWdpbmF0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEZyYWdtZW50LCBQcm9wc1dpdGhDaGlsZHJlbiwgdXNlQ2FsbGJhY2ssIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IFBhZ2luYXRpb24gfSBmcm9tIFwiLi4vUGFnaW5hdGlvbi9QYWdpbmF0aW9uXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgV2l0aFBhZ2luYXRpb25Qcm9wcyB7XG4gIC8qKlxuICAgKiDjg5rjg7zjgrjjg43jg7zjgrfjg6fjg7PjgYznlJ/jgYjjgotcbiAgICovXG4gIG9uUGFnaW5hdGU/OiAoaW5kZXg6IG51bWJlcikgPT4gdm9pZDtcbiAgLyoqXG4gICAqIOODmuODvOOCuOODjeODvOOCt+ODp+ODs+OBruaVsOOAgeODmuODvOOCuOODjeODvOOCt+ODp+ODs+OBr+OBqOOCiuOBguOBiOOBmuS4iuS4i+OBq+eUn+OChOOBmeOAgeWwhuadpeeahOOBq+OBr3N0aWtjeeOBp+OCguOBhOOBhOOBi+OCglxuICAgKi9cbiAgcGFnZVRvdGFsPzogbnVtYmVyO1xufVxuXG5jb25zdCBXaXRoUGFnaW5hdGlvbklubmVyID0gKHtcbiAgcGFnZVRvdGFsLFxuICBvblBhZ2luYXRlLFxuICBjaGlsZHJlbixcbn06IFByb3BzV2l0aENoaWxkcmVuPFJlcXVpcmVkPFdpdGhQYWdpbmF0aW9uUHJvcHM+PikgPT4ge1xuICBjb25zdCBbcGFnZUluZGV4LCBzZXRQYWdlSW5kZXhdID0gdXNlU3RhdGUoMCk7XG4gIGNvbnN0IGhhbmRsZUNoYW5nZVBhZ2UgPSB1c2VDYWxsYmFjayhcbiAgICAoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQsIE1vdXNlRXZlbnQ+LCBpbmRleDogbnVtYmVyKSA9PiB7XG4gICAgICBzZXRQYWdlSW5kZXgoaW5kZXgpO1xuICAgICAgb25QYWdpbmF0ZShpbmRleCk7XG4gICAgfSxcbiAgICBbb25QYWdpbmF0ZV0sXG4gICk7XG4gIHJldHVybiAoXG4gICAgPGRpdj5cbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgICAgICAgIG1hcmdpbi1ib3R0b206IDhweDtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPFBhZ2luYXRpb25cbiAgICAgICAgICBwYWdlSW5kZXg9e3BhZ2VJbmRleH1cbiAgICAgICAgICBvbkNoYW5nZVBhZ2U9e2hhbmRsZUNoYW5nZVBhZ2V9XG4gICAgICAgICAgcGFnZVNpemU9e3BhZ2VUb3RhbH1cbiAgICAgICAgLz5cbiAgICAgIDwvZGl2PlxuICAgICAge2NoaWxkcmVufVxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgIHBhZGRpbmc6IDhweDtcbiAgICAgICAgICBib3JkZXI6IDJweCBzb2xpZCAjZTBlMGUwO1xuICAgICAgICAgIGJvcmRlci10b3A6IG5vbmU7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIDxQYWdpbmF0aW9uXG4gICAgICAgICAgcGFnZUluZGV4PXtwYWdlSW5kZXh9XG4gICAgICAgICAgb25DaGFuZ2VQYWdlPXtoYW5kbGVDaGFuZ2VQYWdlfVxuICAgICAgICAgIHBhZ2VTaXplPXtwYWdlVG90YWx9XG4gICAgICAgIC8+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBXaXRoUGFnaW5hdGlvbiA9ICh7XG4gIHBhZ2VUb3RhbCxcbiAgb25QYWdpbmF0ZSxcbiAgY2hpbGRyZW4sXG59OiBQcm9wc1dpdGhDaGlsZHJlbjxXaXRoUGFnaW5hdGlvblByb3BzPikgPT4ge1xuICBpZiAob25QYWdpbmF0ZSAhPT0gdW5kZWZpbmVkICYmIHBhZ2VUb3RhbCAhPT0gdW5kZWZpbmVkKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxXaXRoUGFnaW5hdGlvbklubmVyIHBhZ2VUb3RhbD17cGFnZVRvdGFsfSBvblBhZ2luYXRlPXtvblBhZ2luYXRlfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9XaXRoUGFnaW5hdGlvbklubmVyPlxuICAgICk7XG4gIH0gZWxzZSB7XG4gICAgcmV0dXJuIDxGcmFnbWVudD57Y2hpbGRyZW59PC9GcmFnbWVudD47XG4gIH1cbn07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 const WithPaginationInner = ({

package/cjs/TableUI/WithPagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"WithPagination.js","names":["_react","require","_Pagination","_react2","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref","process","env","NODE_ENV","name","styles","toString","_ref2","WithPaginationInner","pageTotal","onPaginate","children","pageIndex","setPageIndex","useState","handleChangePage","useCallback","event","index","jsx","css","Pagination","onChangePage","pageSize","WithPagination","undefined","Fragment","exports"],"sources":["../../../src/TableUI/WithPagination.tsx"],"sourcesContent":["import { Fragment, PropsWithChildren, useCallback, useState } from \"react\";\nimport { Pagination } from \"../Pagination/Pagination\";\nimport { css } from \"@emotion/react\";\n\nexport interface WithPaginationProps {\n  /**\n   * ページネーションが生える\n   */\n  onPaginate?: (index: number) => void;\n  /**\n   * ページネーションの数、ページネーションはとりあえず上下に生やす、将来的にはstikcyでもいいかも\n   */\n  pageTotal?: number;\n}\n\nconst WithPaginationInner = ({\n  pageTotal,\n  onPaginate,\n  children,\n}: PropsWithChildren<Required<WithPaginationProps>>) => {\n  const [pageIndex, setPageIndex] = useState(0);\n  const handleChangePage = useCallback(\n    (event: React.MouseEvent<HTMLButtonElement, MouseEvent>, index: number) => {\n      setPageIndex(index);\n      onPaginate(index);\n    },\n    [onPaginate],\n  );\n  return (\n    <div>\n      <div\n        css={css`\n          display: flex;\n          justify-content: flex-end;\n          margin-bottom: 8px;\n        `}\n      >\n        <Pagination\n          pageIndex={pageIndex}\n          onChangePage={handleChangePage}\n          pageSize={pageTotal}\n        />\n      </div>\n      {children}\n      <div\n        css={css`\n          display: flex;\n          justify-content: center;\n          padding: 8px;\n          border: 2px solid #e0e0e0;\n          border-top: none;\n        `}\n      >\n        <Pagination\n          pageIndex={pageIndex}\n          onChangePage={handleChangePage}\n          pageSize={pageTotal}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport const WithPagination = ({\n  pageTotal,\n  onPaginate,\n  children,\n}: PropsWithChildren<WithPaginationProps>) => {\n  if (onPaginate !== undefined && pageTotal !== undefined) {\n    return (\n      <WithPaginationInner pageTotal={pageTotal} onPaginate={onPaginate}>\n        {children}\n      </WithPaginationInner>\n    );\n  } else {\n    return <Fragment>{children}</Fragment>;\n  }\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAAqC,SAAAG,iCAAA;AAAA,IAAAC,IAAA,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAP;AAAA;AAAA,IAAAQ,KAAA,GAAAN,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAP;AAAA;AAarC,MAAMS,mBAAmB,GAAGA,CAAC;EAC3BC,SAAS;EACTC,UAAU;EACVC;AACgD,CAAC,KAAK;EACtD,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC,CAAC;EAC7C,MAAMC,gBAAgB,GAAG,IAAAC,kBAAW,EAClC,CAACC,KAAsD,EAAEC,KAAa,KAAK;IACzEL,YAAY,CAACK,KAAK,CAAC;IACnBR,UAAU,CAACQ,KAAK,CAAC;EACnB,CAAC,EACD,CAACR,UAAU,CACb,CAAC;EACD,OACE,IAAAZ,OAAA,CAAAqB,GAAA,eACE,IAAArB,OAAA,CAAAqB,GAAA;IACEC,GAAG,EAAAb;EAID,GAEF,IAAAT,OAAA,CAAAqB,GAAA,EAACtB,WAAA,CAAAwB,UAAU;IACTT,SAAS,EAAEA,SAAU;IACrBU,YAAY,EAAEP,gBAAiB;IAC/BQ,QAAQ,EAAEd;EAAU,CACrB,CACE,CAAC,EACLE,QAAQ,EACT,IAAAb,OAAA,CAAAqB,GAAA;IACEC,GAAG,EAAApB;EAMD,GAEF,IAAAF,OAAA,CAAAqB,GAAA,EAACtB,WAAA,CAAAwB,UAAU;IACTT,SAAS,EAAEA,SAAU;IACrBU,YAAY,EAAEP,gBAAiB;IAC/BQ,QAAQ,EAAEd;EAAU,CACrB,CACE,CACF,CAAC;AAEV,CAAC;AAEM,MAAMe,cAAc,GAAGA,CAAC;EAC7Bf,SAAS;EACTC,UAAU;EACVC;AACsC,CAAC,KAAK;EAC5C,IAAID,UAAU,KAAKe,SAAS,IAAIhB,SAAS,KAAKgB,SAAS,EAAE;IACvD,OACE,IAAA3B,OAAA,CAAAqB,GAAA,EAACX,mBAAmB;MAACC,SAAS,EAAEA,SAAU;MAACC,UAAU,EAAEA;IAAW,GAC/DC,QACkB,CAAC;EAE1B,CAAC,MAAM;IACL,OAAO,IAAAb,OAAA,CAAAqB,GAAA,EAACxB,MAAA,CAAA+B,QAAQ,QAAEf,QAAmB,CAAC;EACxC;AACF,CAAC;AAACgB,OAAA,CAAAH,cAAA,GAAAA,cAAA","ignoreList":[]}
+{"version":3,"file":"WithPagination.js","names":["_react","require","_react2","_Pagination","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref","process","env","NODE_ENV","name","styles","toString","_ref2","WithPaginationInner","pageTotal","onPaginate","children","pageIndex","setPageIndex","useState","handleChangePage","useCallback","event","index","jsx","css","Pagination","onChangePage","pageSize","WithPagination","undefined","Fragment","exports"],"sources":["../../../src/TableUI/WithPagination.tsx"],"sourcesContent":["import { Fragment, PropsWithChildren, useCallback, useState } from \"react\";\nimport { css } from \"@emotion/react\";\nimport { Pagination } from \"../Pagination/Pagination\";\n\nexport interface WithPaginationProps {\n  /**\n   * ページネーションが生える\n   */\n  onPaginate?: (index: number) => void;\n  /**\n   * ページネーションの数、ページネーションはとりあえず上下に生やす、将来的にはstikcyでもいいかも\n   */\n  pageTotal?: number;\n}\n\nconst WithPaginationInner = ({\n  pageTotal,\n  onPaginate,\n  children,\n}: PropsWithChildren<Required<WithPaginationProps>>) => {\n  const [pageIndex, setPageIndex] = useState(0);\n  const handleChangePage = useCallback(\n    (event: React.MouseEvent<HTMLButtonElement, MouseEvent>, index: number) => {\n      setPageIndex(index);\n      onPaginate(index);\n    },\n    [onPaginate],\n  );\n  return (\n    <div>\n      <div\n        css={css`\n          display: flex;\n          justify-content: flex-end;\n          margin-bottom: 8px;\n        `}\n      >\n        <Pagination\n          pageIndex={pageIndex}\n          onChangePage={handleChangePage}\n          pageSize={pageTotal}\n        />\n      </div>\n      {children}\n      <div\n        css={css`\n          display: flex;\n          justify-content: center;\n          padding: 8px;\n          border: 2px solid #e0e0e0;\n          border-top: none;\n        `}\n      >\n        <Pagination\n          pageIndex={pageIndex}\n          onChangePage={handleChangePage}\n          pageSize={pageTotal}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport const WithPagination = ({\n  pageTotal,\n  onPaginate,\n  children,\n}: PropsWithChildren<WithPaginationProps>) => {\n  if (onPaginate !== undefined && pageTotal !== undefined) {\n    return (\n      <WithPaginationInner pageTotal={pageTotal} onPaginate={onPaginate}>\n        {children}\n      </WithPaginationInner>\n    );\n  } else {\n    return <Fragment>{children}</Fragment>;\n  }\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAAsD,SAAAG,iCAAA;AAAA,IAAAC,IAAA,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAP;AAAA;AAAA,IAAAQ,KAAA,GAAAN,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAP;AAAA;AAatD,MAAMS,mBAAmB,GAAGA,CAAC;EAC3BC,SAAS;EACTC,UAAU;EACVC;AACgD,CAAC,KAAK;EACtD,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC,CAAC;EAC7C,MAAMC,gBAAgB,GAAG,IAAAC,kBAAW,EAClC,CAACC,KAAsD,EAAEC,KAAa,KAAK;IACzEL,YAAY,CAACK,KAAK,CAAC;IACnBR,UAAU,CAACQ,KAAK,CAAC;EACnB,CAAC,EACD,CAACR,UAAU,CACb,CAAC;EACD,OACE,IAAAb,OAAA,CAAAsB,GAAA,eACE,IAAAtB,OAAA,CAAAsB,GAAA;IACEC,GAAG,EAAAb;EAID,GAEF,IAAAV,OAAA,CAAAsB,GAAA,EAACrB,WAAA,CAAAuB,UAAU;IACTT,SAAS,EAAEA,SAAU;IACrBU,YAAY,EAAEP,gBAAiB;IAC/BQ,QAAQ,EAAEd;EAAU,CACrB,CACE,CAAC,EACLE,QAAQ,EACT,IAAAd,OAAA,CAAAsB,GAAA;IACEC,GAAG,EAAApB;EAMD,GAEF,IAAAH,OAAA,CAAAsB,GAAA,EAACrB,WAAA,CAAAuB,UAAU;IACTT,SAAS,EAAEA,SAAU;IACrBU,YAAY,EAAEP,gBAAiB;IAC/BQ,QAAQ,EAAEd;EAAU,CACrB,CACE,CACF,CAAC;AAEV,CAAC;AAEM,MAAMe,cAAc,GAAGA,CAAC;EAC7Bf,SAAS;EACTC,UAAU;EACVC;AACsC,CAAC,KAAK;EAC5C,IAAID,UAAU,KAAKe,SAAS,IAAIhB,SAAS,KAAKgB,SAAS,EAAE;IACvD,OACE,IAAA5B,OAAA,CAAAsB,GAAA,EAACX,mBAAmB;MAACC,SAAS,EAAEA,SAAU;MAACC,UAAU,EAAEA;IAAW,GAC/DC,QACkB,CAAC;EAE1B,CAAC,MAAM;IACL,OAAO,IAAAd,OAAA,CAAAsB,GAAA,EAACxB,MAAA,CAAA+B,QAAQ,QAAEf,QAAmB,CAAC;EACxC;AACF,CAAC;AAACgB,OAAA,CAAAH,cAAA,GAAAA,cAAA","ignoreList":[]}