matsuri-ui 18.0.1-alpha-1759542532579-eee5af3.0 → 18.0.1-alpha-1759716595435-a37743a.0

package/esm/Table/TableCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableCheckbox.js","names":["useTheme","Icon","css","useClickAnimation","React","jsx","___EmotionJSX","_ref","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref2","TableCheckbox","_ref3","children","onClick","defaultOnClick","className","color","props","_objectWithoutPropertiesLoose","_excluded","hasChildren","undefined","RootComponent","theme","onAnimationEnd","_extends","shadows","transitions","easing","easeIn","duration","standard","palette","intentions","main","type","width","height","fontSize","contrastText","backgroundColor","borderColor","borderWidth","borderStyle","borderRadius","display","alignItems","justifyContent","cursor","Check"],"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":["css","React","useTheme","Icon","useClickAnimation","jsx","___EmotionJSX","_ref","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref2","TableCheckbox","_ref3","children","onClick","defaultOnClick","className","color","props","_objectWithoutPropertiesLoose","_excluded","hasChildren","undefined","RootComponent","theme","onAnimationEnd","_extends","shadows","transitions","easing","easeIn","duration","standard","palette","intentions","main","type","width","height","fontSize","contrastText","backgroundColor","borderColor","borderWidth","borderStyle","borderRadius","display","alignItems","justifyContent","cursor","Check"],"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/esm/TableUI/WithPagination.js

@@ -1,14 +1,14 @@
 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 { Fragment, useCallback, useState } from "react";
-import { Pagination } from "../Pagination/Pagination";
 import { css } from "@emotion/react";
+import { Pagination } from "../Pagination/Pagination";
 import { jsx as ___EmotionJSX } from "@emotion/react";
 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" ? {
@@ -16,7 +16,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__
 };
 var WithPaginationInner = _ref3 => {

package/esm/TableUI/WithPagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"WithPagination.js","names":["Fragment","useCallback","useState","Pagination","css","jsx","___EmotionJSX","_ref","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref2","WithPaginationInner","_ref3","pageTotal","onPaginate","children","pageIndex","setPageIndex","handleChangePage","event","index","onChangePage","pageSize","WithPagination","_ref4","undefined"],"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,SAASA,QAAQ,EAAqBC,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AAC1E,SAASC,UAAU,QAAQ,0BAA0B;AACrD,SAASC,GAAG,QAAQ,gBAAgB;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAAA,IAAAC,IAAA,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAAA,IAAAC,KAAA,GAAAP,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAarC,IAAME,mBAAmB,GAAGC,KAAA,IAI4B;EAAA,IAJ3B;IAC3BC,SAAS;IACTC,UAAU;IACVC;EACgD,CAAC,GAAAH,KAAA;EACjD,IAAM,CAACI,SAAS,EAAEC,YAAY,CAAC,GAAGpB,QAAQ,CAAC,CAAC,CAAC;EAC7C,IAAMqB,gBAAgB,GAAGtB,WAAW,CAClC,CAACuB,KAAsD,EAAEC,KAAa,KAAK;IACzEH,YAAY,CAACG,KAAK,CAAC;IACnBN,UAAU,CAACM,KAAK,CAAC;EACnB,CAAC,EACD,CAACN,UAAU,CACb,CAAC;EACD,OACEb,aAAA,cACEA,aAAA;IACEF,GAAG,EAAAW;EAID,GAEFT,aAAA,CAACH,UAAU;IACTkB,SAAS,EAAEA,SAAU;IACrBK,YAAY,EAAEH,gBAAiB;IAC/BI,QAAQ,EAAET;EAAU,CACrB,CACE,CAAC,EACLE,QAAQ,EACTd,aAAA;IACEF,GAAG,EAAAG;EAMD,GAEFD,aAAA,CAACH,UAAU;IACTkB,SAAS,EAAEA,SAAU;IACrBK,YAAY,EAAEH,gBAAiB;IAC/BI,QAAQ,EAAET;EAAU,CACrB,CACE,CACF,CAAC;AAEV,CAAC;AAED,OAAO,IAAMU,cAAc,GAAGC,KAAA,IAIgB;EAAA,IAJf;IAC7BX,SAAS;IACTC,UAAU;IACVC;EACsC,CAAC,GAAAS,KAAA;EACvC,IAAIV,UAAU,KAAKW,SAAS,IAAIZ,SAAS,KAAKY,SAAS,EAAE;IACvD,OACExB,aAAA,CAACU,mBAAmB;MAACE,SAAS,EAAEA,SAAU;MAACC,UAAU,EAAEA;IAAW,GAC/DC,QACkB,CAAC;EAE1B,CAAC,MAAM;IACL,OAAOd,aAAA,CAACN,QAAQ,QAAEoB,QAAmB,CAAC;EACxC;AACF,CAAC","ignoreList":[]}
+{"version":3,"file":"WithPagination.js","names":["Fragment","useCallback","useState","css","Pagination","jsx","___EmotionJSX","_ref","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref2","WithPaginationInner","_ref3","pageTotal","onPaginate","children","pageIndex","setPageIndex","handleChangePage","event","index","onChangePage","pageSize","WithPagination","_ref4","undefined"],"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,SAASA,QAAQ,EAAqBC,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AAC1E,SAASC,GAAG,QAAQ,gBAAgB;AACpC,SAASC,UAAU,QAAQ,0BAA0B;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAAA,IAAAC,IAAA,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAAA,IAAAC,KAAA,GAAAP,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAatD,IAAME,mBAAmB,GAAGC,KAAA,IAI4B;EAAA,IAJ3B;IAC3BC,SAAS;IACTC,UAAU;IACVC;EACgD,CAAC,GAAAH,KAAA;EACjD,IAAM,CAACI,SAAS,EAAEC,YAAY,CAAC,GAAGpB,QAAQ,CAAC,CAAC,CAAC;EAC7C,IAAMqB,gBAAgB,GAAGtB,WAAW,CAClC,CAACuB,KAAsD,EAAEC,KAAa,KAAK;IACzEH,YAAY,CAACG,KAAK,CAAC;IACnBN,UAAU,CAACM,KAAK,CAAC;EACnB,CAAC,EACD,CAACN,UAAU,CACb,CAAC;EACD,OACEb,aAAA,cACEA,aAAA;IACEH,GAAG,EAAAY;EAID,GAEFT,aAAA,CAACF,UAAU;IACTiB,SAAS,EAAEA,SAAU;IACrBK,YAAY,EAAEH,gBAAiB;IAC/BI,QAAQ,EAAET;EAAU,CACrB,CACE,CAAC,EACLE,QAAQ,EACTd,aAAA;IACEH,GAAG,EAAAI;EAMD,GAEFD,aAAA,CAACF,UAAU;IACTiB,SAAS,EAAEA,SAAU;IACrBK,YAAY,EAAEH,gBAAiB;IAC/BI,QAAQ,EAAET;EAAU,CACrB,CACE,CACF,CAAC;AAEV,CAAC;AAED,OAAO,IAAMU,cAAc,GAAGC,KAAA,IAIgB;EAAA,IAJf;IAC7BX,SAAS;IACTC,UAAU;IACVC;EACsC,CAAC,GAAAS,KAAA;EACvC,IAAIV,UAAU,KAAKW,SAAS,IAAIZ,SAAS,KAAKY,SAAS,EAAE;IACvD,OACExB,aAAA,CAACU,mBAAmB;MAACE,SAAS,EAAEA,SAAU;MAACC,UAAU,EAAEA;IAAW,GAC/DC,QACkB,CAAC;EAE1B,CAAC,MAAM;IACL,OAAOd,aAAA,CAACN,QAAQ,QAAEoB,QAAmB,CAAC;EACxC;AACF,CAAC","ignoreList":[]}