matsuri-ui 9.7.2-alpha.0

package/dist/cjs/Pagination/usePagination.js

@@ -0,0 +1,101 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePagination = void 0;
+
+var _range = require("../@utils/range");
+
+var _react = require("react");
+
+const usePagination = (props = {}) => {
+  const {
+    onChangePage,
+    initialState
+  } = props;
+  const [pageIndex, setPageIndex] = (0, _react.useState)(initialState && initialState.pageIndex || 0);
+  const [pageSize, setPageSize] = (0, _react.useState)(initialState && initialState.pageSize || 5);
+  const items = (0, _react.useMemo)(() => (0, _range.range)(0, pageSize).map(index => {
+    return {
+      getProps: () => {
+        return {
+          key: `pagination.item.${index}`,
+          current: index === pageIndex,
+          onClick: event => {
+            setPageIndex(index);
+
+            if (onChangePage) {
+              onChangePage(event, index);
+            }
+          }
+        };
+      },
+      render: () => index + 1
+    };
+  }), [onChangePage, pageIndex, pageSize]);
+  const canPrevPage = (0, _react.useMemo)(() => pageIndex > 0, [pageIndex]);
+  const canNextPage = (0, _react.useMemo)(() => pageIndex < pageSize - 1, [pageIndex, pageSize]);
+  const nextPage = (0, _react.useCallback)(event => {
+    if (canNextPage) {
+      setPageIndex(prev => {
+        const next = prev + 1;
+
+        if (onChangePage && event) {
+          onChangePage(event, next);
+        }
+
+        return next;
+      });
+    }
+  }, [canNextPage, onChangePage]);
+  const prevPage = (0, _react.useCallback)(event => {
+    if (canPrevPage) {
+      setPageIndex(prev => {
+        const next = prev - 1;
+
+        if (onChangePage && event) {
+          onChangePage(event, next);
+        }
+
+        return next;
+      });
+    }
+  }, [canPrevPage, onChangePage]);
+  const prevItem = (0, _react.useMemo)(() => {
+    return {
+      getProps: () => ({
+        disabled: !canPrevPage,
+        onClick: event => {
+          prevPage(event);
+        }
+      })
+    };
+  }, [canPrevPage, prevPage]);
+  const nextItem = (0, _react.useMemo)(() => {
+    return {
+      getProps: () => ({
+        disabled: !canNextPage,
+        onClick: event => {
+          nextPage(event);
+        }
+      })
+    };
+  }, [canNextPage, nextPage]);
+  return {
+    items,
+    prevItem,
+    nextItem,
+    setPageIndex,
+    setPageSize,
+    nextPage,
+    prevPage,
+    canPrevPage,
+    canNextPage,
+    pageIndex,
+    pageSize
+  };
+};
+
+exports.usePagination = usePagination;
+//# sourceMappingURL=usePagination.js.map

package/dist/cjs/Pagination/usePagination.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Pagination/usePagination.tsx"],"names":["usePagination","props","onChangePage","initialState","pageIndex","setPageIndex","pageSize","setPageSize","items","map","index","getProps","key","current","onClick","event","render","canPrevPage","canNextPage","nextPage","prev","next","prevPage","prevItem","disabled","nextItem"],"mappings":"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","sourcesContent":["import { PaginationProps } from \"./Pagination\"\nimport { range } from \"../@utils/range\"\nimport React, { useCallback, useMemo, useState } from \"react\"\n\nexport const usePagination = (\n    props:\n        | {\n              initialState?: {\n                  pageIndex?: number\n                  pageSize?: number\n              }\n              onChangePage?: PaginationProps[\"onChangePage\"]\n          }\n        | undefined = {}\n) => {\n    const { onChangePage, initialState } = props\n    const [pageIndex, setPageIndex] = useState((initialState && initialState.pageIndex) || 0)\n    const [pageSize, setPageSize] = useState((initialState && initialState.pageSize) || 5)\n    const items = useMemo(\n        () =>\n            range(0, pageSize).map((index) => {\n                return {\n                    getProps: () => {\n                        return {\n                            key: `pagination.item.${index}`,\n                            current: index === pageIndex,\n                            onClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n                                setPageIndex(index)\n                                if (onChangePage) {\n                                    onChangePage(event, index)\n                                }\n                            }\n                        }\n                    },\n                    render: () => index + 1\n                }\n            }),\n        [onChangePage, pageIndex, pageSize]\n    )\n    const canPrevPage = useMemo(() => pageIndex > 0, [pageIndex])\n    const canNextPage = useMemo(() => pageIndex < pageSize - 1, [pageIndex, pageSize])\n    const nextPage = useCallback(\n        (event?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n            if (canNextPage) {\n                setPageIndex((prev) => {\n                    const next = prev + 1\n                    if (onChangePage && event) {\n                        onChangePage(event, next)\n                    }\n                    return next\n                })\n            }\n        },\n        [canNextPage, onChangePage]\n    )\n    const prevPage = useCallback(\n        (event?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n            if (canPrevPage) {\n                setPageIndex((prev) => {\n                    const next = prev - 1\n                    if (onChangePage && event) {\n                        onChangePage(event, next)\n                    }\n                    return next\n                })\n            }\n        },\n        [canPrevPage, onChangePage]\n    )\n    const prevItem = useMemo(() => {\n        return {\n            getProps: () => ({\n                disabled: !canPrevPage,\n                onClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n                    prevPage(event)\n                }\n            })\n        }\n    }, [canPrevPage, prevPage])\n    const nextItem = useMemo(() => {\n        return {\n            getProps: () => ({\n                disabled: !canNextPage,\n                onClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n                    nextPage(event)\n                }\n            })\n        }\n    }, [canNextPage, nextPage])\n    return {\n        items,\n        prevItem,\n        nextItem,\n        setPageIndex,\n        setPageSize,\n        nextPage,\n        prevPage,\n        canPrevPage,\n        canNextPage,\n        pageIndex,\n        pageSize\n    } as const\n}\n"],"file":"usePagination.js"}

package/dist/cjs/Pagination/usePaginationIndex.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePaginationIndex = exports.makePagination = exports.makePaginationIndex = void 0;
+
+var _react = require("react");
+
+// first, ..., prev, current, next, ..., last
+const MINIMAL_PAGE_ITEM_COUNT = 7;
+
+const makePaginationIndex = (current, option) => {
+  const {
+    width,
+    total
+  } = option;
+
+  if (width < MINIMAL_PAGE_ITEM_COUNT) {
+    throw new Error(`Must allow at least ${MINIMAL_PAGE_ITEM_COUNT} page items`);
+  }
+
+  if (width % 2 === 0) {
+    throw new Error(`Must allow odd number of page items`);
+  }
+
+  if (total < width) {
+    return Array.from({
+      length: total
+    }, (_, i) => i);
+  }
+
+  const left = Math.max(0, Math.min(total - width, current - Math.floor(width / 2)));
+  const items = Array.from({
+    length: width
+  }, (_, i) => i + left);
+
+  if (items[0] > 0) {
+    items[0] = 0;
+    items[1] = "prev-more";
+  }
+
+  if (items[items.length - 1] < total - 1) {
+    items[items.length - 1] = total - 1;
+    items[items.length - 2] = "next-more";
+  }
+
+  return items;
+};
+/**
+ * @deprecated Use usePaginationIndex, makePaginationIndex instead
+ */
+
+
+exports.makePaginationIndex = makePaginationIndex;
+const makePagination = makePaginationIndex;
+exports.makePagination = makePagination;
+
+const usePaginationIndex = (current, option) => {
+  const result = (0, _react.useMemo)(() => {
+    return makePaginationIndex(current, option);
+  }, [current, option]);
+  return result;
+};
+
+exports.usePaginationIndex = usePaginationIndex;
+//# sourceMappingURL=usePaginationIndex.js.map

package/dist/cjs/Pagination/usePaginationIndex.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Pagination/usePaginationIndex.ts"],"names":["MINIMAL_PAGE_ITEM_COUNT","makePaginationIndex","current","option","width","total","Error","Array","from","length","_","i","left","Math","max","min","floor","items","makePagination","usePaginationIndex","result"],"mappings":";;;;;;;AAAA;;AAEA;AACA,MAAMA,uBAAuB,GAAG,CAAhC;;AASO,MAAMC,mBAAmB,GAAG,CAACC,OAAD,EAAkBC,MAAlB,KAA0D;AACzF,QAAM;AAAEC,IAAAA,KAAF;AAASC,IAAAA;AAAT,MAAmBF,MAAzB;;AACA,MAAIC,KAAK,GAAGJ,uBAAZ,EAAqC;AACjC,UAAM,IAAIM,KAAJ,CAAW,uBAAsBN,uBAAwB,aAAzD,CAAN;AACH;;AACD,MAAII,KAAK,GAAG,CAAR,KAAc,CAAlB,EAAqB;AACjB,UAAM,IAAIE,KAAJ,CAAW,qCAAX,CAAN;AACH;;AACD,MAAID,KAAK,GAAGD,KAAZ,EAAmB;AACf,WAAOG,KAAK,CAACC,IAAN,CAAW;AAAEC,MAAAA,MAAM,EAAEJ;AAAV,KAAX,EAA8B,CAACK,CAAD,EAAIC,CAAJ,KAAUA,CAAxC,CAAP;AACH;;AACD,QAAMC,IAAI,GAAGC,IAAI,CAACC,GAAL,CAAS,CAAT,EAAYD,IAAI,CAACE,GAAL,CAASV,KAAK,GAAGD,KAAjB,EAAwBF,OAAO,GAAGW,IAAI,CAACG,KAAL,CAAWZ,KAAK,GAAG,CAAnB,CAAlC,CAAZ,CAAb;AACA,QAAMa,KAAY,GAAGV,KAAK,CAACC,IAAN,CAAW;AAAEC,IAAAA,MAAM,EAAEL;AAAV,GAAX,EAA8B,CAACM,CAAD,EAAIC,CAAJ,KAAUA,CAAC,GAAGC,IAA5C,CAArB;;AACA,MAAIK,KAAK,CAAC,CAAD,CAAL,GAAW,CAAf,EAAkB;AACdA,IAAAA,KAAK,CAAC,CAAD,CAAL,GAAW,CAAX;AACAA,IAAAA,KAAK,CAAC,CAAD,CAAL,GAAW,WAAX;AACH;;AACD,MAAIA,KAAK,CAACA,KAAK,CAACR,MAAN,GAAe,CAAhB,CAAL,GAA0BJ,KAAK,GAAG,CAAtC,EAAyC;AACrCY,IAAAA,KAAK,CAACA,KAAK,CAACR,MAAN,GAAe,CAAhB,CAAL,GAA0BJ,KAAK,GAAG,CAAlC;AACAY,IAAAA,KAAK,CAACA,KAAK,CAACR,MAAN,GAAe,CAAhB,CAAL,GAA0B,WAA1B;AACH;;AACD,SAAOQ,KAAP;AACH,CAtBM;AAwBP;AACA;AACA;;;;AACO,MAAMC,cAAc,GAAGjB,mBAAvB;;;AAEA,MAAMkB,kBAAkB,GAAG,CAACjB,OAAD,EAAkBC,MAAlB,KAAmD;AACjF,QAAMiB,MAAM,GAAG,oBAAQ,MAAM;AACzB,WAAOnB,mBAAmB,CAACC,OAAD,EAAUC,MAAV,CAA1B;AACH,GAFc,EAEZ,CAACD,OAAD,EAAUC,MAAV,CAFY,CAAf;AAGA,SAAOiB,MAAP;AACH,CALM","sourcesContent":["import { useMemo } from \"react\"\n\n// first, ..., prev, current, next, ..., last\nconst MINIMAL_PAGE_ITEM_COUNT = 7\n\ninterface MakePaginationOption {\n    total: number\n    width: number\n}\n\ntype Items = (number | \"next-more\" | \"prev-more\")[]\n\nexport const makePaginationIndex = (current: number, option: MakePaginationOption): Items => {\n    const { width, total } = option\n    if (width < MINIMAL_PAGE_ITEM_COUNT) {\n        throw new Error(`Must allow at least ${MINIMAL_PAGE_ITEM_COUNT} page items`)\n    }\n    if (width % 2 === 0) {\n        throw new Error(`Must allow odd number of page items`)\n    }\n    if (total < width) {\n        return Array.from({ length: total }, (_, i) => i)\n    }\n    const left = Math.max(0, Math.min(total - width, current - Math.floor(width / 2)))\n    const items: Items = Array.from({ length: width }, (_, i) => i + left)\n    if (items[0] > 0) {\n        items[0] = 0\n        items[1] = \"prev-more\"\n    }\n    if (items[items.length - 1] < total - 1) {\n        items[items.length - 1] = total - 1\n        items[items.length - 2] = \"next-more\"\n    }\n    return items\n}\n\n/**\n * @deprecated Use usePaginationIndex, makePaginationIndex instead\n */\nexport const makePagination = makePaginationIndex\n\nexport const usePaginationIndex = (current: number, option: MakePaginationOption) => {\n    const result = useMemo(() => {\n        return makePaginationIndex(current, option)\n    }, [current, option])\n    return result\n}\n"],"file":"usePaginationIndex.js"}

package/dist/cjs/Pagination/usePaginationIndex.test.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _usePaginationIndex = require("./usePaginationIndex");
+
+describe("makePaginationIndex", () => {
+  describe.each([[0, {
+    total: 20,
+    width: 7
+  }, [0, 1, 2, 3, 4, "next-more", 19]], [10, {
+    total: 20,
+    width: 7
+  }, [0, "prev-more", 9, 10, 11, "next-more", 19]], [20, {
+    total: 20,
+    width: 7
+  }, [0, "prev-more", 15, 16, 17, 18, 19]], [0, {
+    total: 5,
+    width: 7
+  }, [0, 1, 2, 3, 4]], [2, {
+    total: 5,
+    width: 7
+  }, [0, 1, 2, 3, 4]], [4, {
+    total: 5,
+    width: 7
+  }, [0, 1, 2, 3, 4]]])("current:%o, option:%o", (current, option, expected) => {
+    test(`f(${current})=[${expected}]`, () => {
+      const result = (0, _usePaginationIndex.makePaginationIndex)(current, option);
+      expect(result).toEqual(expected);
+    });
+  });
+});
+//# sourceMappingURL=usePaginationIndex.test.js.map

package/dist/cjs/Pagination/usePaginationIndex.test.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Pagination/usePaginationIndex.test.ts"],"names":["describe","each","total","width","current","option","expected","test","result","expect","toEqual"],"mappings":";;AAAA;;AAEAA,QAAQ,CAAC,qBAAD,EAAwB,MAAM;AAClCA,EAAAA,QAAQ,CAACC,IAAT,CAAc,CACV,CAAC,CAAD,EAAI;AAAEC,IAAAA,KAAK,EAAE,EAAT;AAAaC,IAAAA,KAAK,EAAE;AAApB,GAAJ,EAA6B,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,EAAgB,WAAhB,EAA6B,EAA7B,CAA7B,CADU,EAEV,CAAC,EAAD,EAAK;AAAED,IAAAA,KAAK,EAAE,EAAT;AAAaC,IAAAA,KAAK,EAAE;AAApB,GAAL,EAA8B,CAAC,CAAD,EAAI,WAAJ,EAAiB,CAAjB,EAAoB,EAApB,EAAwB,EAAxB,EAA4B,WAA5B,EAAyC,EAAzC,CAA9B,CAFU,EAGV,CAAC,EAAD,EAAK;AAAED,IAAAA,KAAK,EAAE,EAAT;AAAaC,IAAAA,KAAK,EAAE;AAApB,GAAL,EAA8B,CAAC,CAAD,EAAI,WAAJ,EAAiB,EAAjB,EAAqB,EAArB,EAAyB,EAAzB,EAA6B,EAA7B,EAAiC,EAAjC,CAA9B,CAHU,EAIV,CAAC,CAAD,EAAI;AAAED,IAAAA,KAAK,EAAE,CAAT;AAAYC,IAAAA,KAAK,EAAE;AAAnB,GAAJ,EAA4B,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,CAA5B,CAJU,EAKV,CAAC,CAAD,EAAI;AAAED,IAAAA,KAAK,EAAE,CAAT;AAAYC,IAAAA,KAAK,EAAE;AAAnB,GAAJ,EAA4B,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,CAA5B,CALU,EAMV,CAAC,CAAD,EAAI;AAAED,IAAAA,KAAK,EAAE,CAAT;AAAYC,IAAAA,KAAK,EAAE;AAAnB,GAAJ,EAA4B,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,CAA5B,CANU,CAAd,EAOG,uBAPH,EAO4B,CAACC,OAAD,EAAUC,MAAV,EAAkBC,QAAlB,KAA+B;AACvDC,IAAAA,IAAI,CAAE,KAAIH,OAAQ,MAAKE,QAAS,GAA5B,EAAgC,MAAM;AACtC,YAAME,MAAM,GAAG,6CAAoBJ,OAApB,EAA6BC,MAA7B,CAAf;AACAI,MAAAA,MAAM,CAACD,MAAD,CAAN,CAAeE,OAAf,CAAuBJ,QAAvB;AACH,KAHG,CAAJ;AAIH,GAZD;AAaH,CAdO,CAAR","sourcesContent":["import { makePaginationIndex } from \"./usePaginationIndex\"\n\ndescribe(\"makePaginationIndex\", () => {\n    describe.each([\n        [0, { total: 20, width: 7 }, [0, 1, 2, 3, 4, \"next-more\", 19]],\n        [10, { total: 20, width: 7 }, [0, \"prev-more\", 9, 10, 11, \"next-more\", 19]],\n        [20, { total: 20, width: 7 }, [0, \"prev-more\", 15, 16, 17, 18, 19]],\n        [0, { total: 5, width: 7 }, [0, 1, 2, 3, 4]],\n        [2, { total: 5, width: 7 }, [0, 1, 2, 3, 4]],\n        [4, { total: 5, width: 7 }, [0, 1, 2, 3, 4]]\n    ])(\"current:%o, option:%o\", (current, option, expected) => {\n        test(`f(${current})=[${expected}]`, () => {\n            const result = makePaginationIndex(current, option)\n            expect(result).toEqual(expected)\n        })\n    })\n})\n"],"file":"usePaginationIndex.test.js"}

package/dist/cjs/Panel/Panel.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Panel = void 0;
+
+var _react = require("@emotion/react");
+
+var _theme = require("../theme");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || 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); }
+
+/**
+Panelコンポーネントはテキストと任意のアイコンのみによる単純な区切りを表すものとして設計しています。
+見出し要素などを入れる場合は別のModalやPaperなどのコンポーネントを検討してください。
+*/
+const Panel = ({
+  as = "div",
+  children,
+  disabled,
+  icon,
+  className,
+  ...props
+}) => {
+  const theme = (0, _theme.useTheme)();
+  const Component = as;
+  return (0, _react.jsx)(Component, _extends({
+    css: /*#__PURE__*/(0, _react.css)("display:flex;align-items:center;justify-content:space-between;padding:", theme.spacing * 3, "px 1em;border:1px solid ", theme.palette.action.disabled, ";&+.mu__Todo{border-top:none;}", disabled && /*#__PURE__*/(0, _react.css)("color:", theme.palette.text.disabled, ";text-decoration:line-through;" + (process.env.NODE_ENV === "production" ? "" : ";label:Panel;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9QYW5lbC9QYW5lbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkNtQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvUGFuZWwvUGFuZWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCJcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCJcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIlxuaW1wb3J0IGNsc3ggZnJvbSBcImNsc3hcIlxuXG5leHBvcnQgaW50ZXJmYWNlIFBhbmVsUHJvcHMgZXh0ZW5kcyBSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4ge1xuICAgIC8qKlxuICAgICAqIOaWh+Wtl+iJsuOCkueBsOiJsuOBq+OAgeWPluOCiua2iOOBl+e3muOCkuijhemjvuOBmeOCi+OBk+OBqOOBp+OBneOBrlBhbmVs44GM54Sh5Yq55YyW44GV44KM44Gf54q25oWL44Gr44GC44KL44GT44Go44KS56S644GX44G+44GZ44CCXG4gICAgICpcbiAgICAgKiBAZGVmYXVsdCBmYWxzZVxuICAgICAqL1xuICAgIGRpc2FibGVkPzogYm9vbGVhblxuICAgIC8qKlxuICAgICAqIOWPs+WBtOOBq+S7u+aEj+OBruimgee0oOOCkuaMv+WFpeOBl+OBvuOBmeOAguOCouOCpOOCs+ODs+OBruOCiOOBhuOBquWwj+OBleOBquimgee0oOOCkuWFpeOCjOOCi+OBk+OBqOOCkuaDs+WumuOBl+OBpuOBhOOBvuOBmeOAglxuICAgICAqL1xuICAgIGljb24/OiBSZWFjdC5SZWFjdE5vZGVcbiAgICAvKipcbiAgICAgKiDkuK3ouqvjga7jgrPjg7Pjg53jg7zjg43jg7Pjg4jjgpLku7vmhI/jga5IVE1M6KaB57Sg44G+44Gf44GvUmVhY3QuQ29tcG9uZW5044Gr5YiH44KK5pu/44GI44G+44GZ44CCXG4gICAgICpcbiAgICAgKiBAZGVmYXVsdCBkaXZcbiAgICAgKi9cbiAgICBhcz86IFJlYWN0LkVsZW1lbnRUeXBlXG59XG5cbi8qKlxuUGFuZWzjgrPjg7Pjg53jg7zjg43jg7Pjg4jjga/jg4bjgq3jgrnjg4jjgajku7vmhI/jga7jgqLjgqTjgrPjg7Pjga7jgb/jgavjgojjgovljZjntJTjgarljLrliIfjgorjgpLooajjgZnjgoLjga7jgajjgZfjgaboqK3oqIjjgZfjgabjgYTjgb7jgZnjgIJcbuimi+WHuuOBl+imgee0oOOBquOBqeOCkuWFpeOCjOOCi+WgtOWQiOOBr+WIpeOBrk1vZGFs44KEUGFwZXLjgarjganjga7jgrPjg7Pjg53jg7zjg43jg7Pjg4jjgpLmpJzoqI7jgZfjgabjgY/jgaDjgZXjgYTjgIJcbiovXG5leHBvcnQgY29uc3QgUGFuZWw6IFJlYWN0LkZDPFBhbmVsUHJvcHM+ID0gKHsgYXMgPSBcImRpdlwiLCBjaGlsZHJlbiwgZGlzYWJsZWQsIGljb24sIGNsYXNzTmFtZSwgLi4ucHJvcHMgfSkgPT4ge1xuICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKVxuICAgIGNvbnN0IENvbXBvbmVudCA9IGFzXG4gICAgcmV0dXJuIChcbiAgICAgICAgPENvbXBvbmVudFxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAgICAgICAgICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcgKiAzfXB4IDFlbTtcbiAgICAgICAgICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAke3RoZW1lLnBhbGV0dGUuYWN0aW9uLmRpc2FibGVkfTtcbiAgICAgICAgICAgICAgICAmICsgLm11X19Ub2RvIHtcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyLXRvcDogbm9uZTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgJHtkaXNhYmxlZCAmJlxuICAgICAgICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgICAgICAgICAgY29sb3I6ICR7dGhlbWUucGFsZXR0ZS50ZXh0LmRpc2FibGVkfTtcbiAgICAgICAgICAgICAgICAgICAgdGV4dC1kZWNvcmF0aW9uOiBsaW5lLXRocm91Z2g7XG4gICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgICBjbGFzc05hbWU9e2Nsc3goXCJtdV9fVG9kb1wiLCBjbGFzc05hbWUpfVxuICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICA+XG4gICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAgICAgICAgIG1hcmdpbi1yaWdodDogJHt0aGVtZS5zcGFjaW5nICogMn1weDtcbiAgICAgICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIHtpY29ufVxuICAgICAgICA8L0NvbXBvbmVudD5cbiAgICApXG59XG4iXX0= */"), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Panel;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9QYW5lbC9QYW5lbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUNvQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvUGFuZWwvUGFuZWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCJcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCJcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIlxuaW1wb3J0IGNsc3ggZnJvbSBcImNsc3hcIlxuXG5leHBvcnQgaW50ZXJmYWNlIFBhbmVsUHJvcHMgZXh0ZW5kcyBSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4ge1xuICAgIC8qKlxuICAgICAqIOaWh+Wtl+iJsuOCkueBsOiJsuOBq+OAgeWPluOCiua2iOOBl+e3muOCkuijhemjvuOBmeOCi+OBk+OBqOOBp+OBneOBrlBhbmVs44GM54Sh5Yq55YyW44GV44KM44Gf54q25oWL44Gr44GC44KL44GT44Go44KS56S644GX44G+44GZ44CCXG4gICAgICpcbiAgICAgKiBAZGVmYXVsdCBmYWxzZVxuICAgICAqL1xuICAgIGRpc2FibGVkPzogYm9vbGVhblxuICAgIC8qKlxuICAgICAqIOWPs+WBtOOBq+S7u+aEj+OBruimgee0oOOCkuaMv+WFpeOBl+OBvuOBmeOAguOCouOCpOOCs+ODs+OBruOCiOOBhuOBquWwj+OBleOBquimgee0oOOCkuWFpeOCjOOCi+OBk+OBqOOCkuaDs+WumuOBl+OBpuOBhOOBvuOBmeOAglxuICAgICAqL1xuICAgIGljb24/OiBSZWFjdC5SZWFjdE5vZGVcbiAgICAvKipcbiAgICAgKiDkuK3ouqvjga7jgrPjg7Pjg53jg7zjg43jg7Pjg4jjgpLku7vmhI/jga5IVE1M6KaB57Sg44G+44Gf44GvUmVhY3QuQ29tcG9uZW5044Gr5YiH44KK5pu/44GI44G+44GZ44CCXG4gICAgICpcbiAgICAgKiBAZGVmYXVsdCBkaXZcbiAgICAgKi9cbiAgICBhcz86IFJlYWN0LkVsZW1lbnRUeXBlXG59XG5cbi8qKlxuUGFuZWzjgrPjg7Pjg53jg7zjg43jg7Pjg4jjga/jg4bjgq3jgrnjg4jjgajku7vmhI/jga7jgqLjgqTjgrPjg7Pjga7jgb/jgavjgojjgovljZjntJTjgarljLrliIfjgorjgpLooajjgZnjgoLjga7jgajjgZfjgaboqK3oqIjjgZfjgabjgYTjgb7jgZnjgIJcbuimi+WHuuOBl+imgee0oOOBquOBqeOCkuWFpeOCjOOCi+WgtOWQiOOBr+WIpeOBrk1vZGFs44KEUGFwZXLjgarjganjga7jgrPjg7Pjg53jg7zjg43jg7Pjg4jjgpLmpJzoqI7jgZfjgabjgY/jgaDjgZXjgYTjgIJcbiovXG5leHBvcnQgY29uc3QgUGFuZWw6IFJlYWN0LkZDPFBhbmVsUHJvcHM+ID0gKHsgYXMgPSBcImRpdlwiLCBjaGlsZHJlbiwgZGlzYWJsZWQsIGljb24sIGNsYXNzTmFtZSwgLi4ucHJvcHMgfSkgPT4ge1xuICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKVxuICAgIGNvbnN0IENvbXBvbmVudCA9IGFzXG4gICAgcmV0dXJuIChcbiAgICAgICAgPENvbXBvbmVudFxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAgICAgICAgICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcgKiAzfXB4IDFlbTtcbiAgICAgICAgICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAke3RoZW1lLnBhbGV0dGUuYWN0aW9uLmRpc2FibGVkfTtcbiAgICAgICAgICAgICAgICAmICsgLm11X19Ub2RvIHtcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyLXRvcDogbm9uZTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgJHtkaXNhYmxlZCAmJlxuICAgICAgICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgICAgICAgICAgY29sb3I6ICR7dGhlbWUucGFsZXR0ZS50ZXh0LmRpc2FibGVkfTtcbiAgICAgICAgICAgICAgICAgICAgdGV4dC1kZWNvcmF0aW9uOiBsaW5lLXRocm91Z2g7XG4gICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgICBjbGFzc05hbWU9e2Nsc3goXCJtdV9fVG9kb1wiLCBjbGFzc05hbWUpfVxuICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICA+XG4gICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAgICAgICAgIG1hcmdpbi1yaWdodDogJHt0aGVtZS5zcGFjaW5nICogMn1weDtcbiAgICAgICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIHtpY29ufVxuICAgICAgICA8L0NvbXBvbmVudD5cbiAgICApXG59XG4iXX0= */"),
+    className: (0, _clsx.default)("mu__Todo", className)
+  }, props), (0, _react.jsx)("div", {
+    css: /*#__PURE__*/(0, _react.css)("margin-right:", theme.spacing * 2, "px;" + (process.env.NODE_ENV === "production" ? "" : ";label:Panel;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9QYW5lbC9QYW5lbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUQ0QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvUGFuZWwvUGFuZWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCJcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCJcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIlxuaW1wb3J0IGNsc3ggZnJvbSBcImNsc3hcIlxuXG5leHBvcnQgaW50ZXJmYWNlIFBhbmVsUHJvcHMgZXh0ZW5kcyBSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4ge1xuICAgIC8qKlxuICAgICAqIOaWh+Wtl+iJsuOCkueBsOiJsuOBq+OAgeWPluOCiua2iOOBl+e3muOCkuijhemjvuOBmeOCi+OBk+OBqOOBp+OBneOBrlBhbmVs44GM54Sh5Yq55YyW44GV44KM44Gf54q25oWL44Gr44GC44KL44GT44Go44KS56S644GX44G+44GZ44CCXG4gICAgICpcbiAgICAgKiBAZGVmYXVsdCBmYWxzZVxuICAgICAqL1xuICAgIGRpc2FibGVkPzogYm9vbGVhblxuICAgIC8qKlxuICAgICAqIOWPs+WBtOOBq+S7u+aEj+OBruimgee0oOOCkuaMv+WFpeOBl+OBvuOBmeOAguOCouOCpOOCs+ODs+OBruOCiOOBhuOBquWwj+OBleOBquimgee0oOOCkuWFpeOCjOOCi+OBk+OBqOOCkuaDs+WumuOBl+OBpuOBhOOBvuOBmeOAglxuICAgICAqL1xuICAgIGljb24/OiBSZWFjdC5SZWFjdE5vZGVcbiAgICAvKipcbiAgICAgKiDkuK3ouqvjga7jgrPjg7Pjg53jg7zjg43jg7Pjg4jjgpLku7vmhI/jga5IVE1M6KaB57Sg44G+44Gf44GvUmVhY3QuQ29tcG9uZW5044Gr5YiH44KK5pu/44GI44G+44GZ44CCXG4gICAgICpcbiAgICAgKiBAZGVmYXVsdCBkaXZcbiAgICAgKi9cbiAgICBhcz86IFJlYWN0LkVsZW1lbnRUeXBlXG59XG5cbi8qKlxuUGFuZWzjgrPjg7Pjg53jg7zjg43jg7Pjg4jjga/jg4bjgq3jgrnjg4jjgajku7vmhI/jga7jgqLjgqTjgrPjg7Pjga7jgb/jgavjgojjgovljZjntJTjgarljLrliIfjgorjgpLooajjgZnjgoLjga7jgajjgZfjgaboqK3oqIjjgZfjgabjgYTjgb7jgZnjgIJcbuimi+WHuuOBl+imgee0oOOBquOBqeOCkuWFpeOCjOOCi+WgtOWQiOOBr+WIpeOBrk1vZGFs44KEUGFwZXLjgarjganjga7jgrPjg7Pjg53jg7zjg43jg7Pjg4jjgpLmpJzoqI7jgZfjgabjgY/jgaDjgZXjgYTjgIJcbiovXG5leHBvcnQgY29uc3QgUGFuZWw6IFJlYWN0LkZDPFBhbmVsUHJvcHM+ID0gKHsgYXMgPSBcImRpdlwiLCBjaGlsZHJlbiwgZGlzYWJsZWQsIGljb24sIGNsYXNzTmFtZSwgLi4ucHJvcHMgfSkgPT4ge1xuICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKVxuICAgIGNvbnN0IENvbXBvbmVudCA9IGFzXG4gICAgcmV0dXJuIChcbiAgICAgICAgPENvbXBvbmVudFxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAgICAgICAgICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcgKiAzfXB4IDFlbTtcbiAgICAgICAgICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAke3RoZW1lLnBhbGV0dGUuYWN0aW9uLmRpc2FibGVkfTtcbiAgICAgICAgICAgICAgICAmICsgLm11X19Ub2RvIHtcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyLXRvcDogbm9uZTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgJHtkaXNhYmxlZCAmJlxuICAgICAgICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgICAgICAgICAgY29sb3I6ICR7dGhlbWUucGFsZXR0ZS50ZXh0LmRpc2FibGVkfTtcbiAgICAgICAgICAgICAgICAgICAgdGV4dC1kZWNvcmF0aW9uOiBsaW5lLXRocm91Z2g7XG4gICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgICBjbGFzc05hbWU9e2Nsc3goXCJtdV9fVG9kb1wiLCBjbGFzc05hbWUpfVxuICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICA+XG4gICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAgICAgICAgIG1hcmdpbi1yaWdodDogJHt0aGVtZS5zcGFjaW5nICogMn1weDtcbiAgICAgICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIHtpY29ufVxuICAgICAgICA8L0NvbXBvbmVudD5cbiAgICApXG59XG4iXX0= */")
+  }, children), icon);
+};
+
+exports.Panel = Panel;
+//# sourceMappingURL=Panel.js.map

package/dist/cjs/Panel/Panel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Panel/Panel.tsx"],"names":["Panel","as","children","disabled","icon","className","props","theme","Component","css","spacing","palette","action","text"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAqBA;AACA;AACA;AACA;AACO,MAAMA,KAA2B,GAAG,CAAC;AAAEC,EAAAA,EAAE,GAAG,KAAP;AAAcC,EAAAA,QAAd;AAAwBC,EAAAA,QAAxB;AAAkCC,EAAAA,IAAlC;AAAwCC,EAAAA,SAAxC;AAAmD,KAAGC;AAAtD,CAAD,KAAmE;AAC1G,QAAMC,KAAK,GAAG,sBAAd;AACA,QAAMC,SAAS,GAAGP,EAAlB;AACA,SACI,gBAAC,SAAD;AACI,IAAA,GAAG,mBAAEQ,UAAF,4EAIYF,KAAK,CAACG,OAAN,GAAgB,CAJ5B,8BAKqBH,KAAK,CAACI,OAAN,CAAcC,MAAd,CAAqBT,QAL1C,oCASGA,QAAQ,qBACVM,UADU,YAEGF,KAAK,CAACI,OAAN,CAAcE,IAAd,CAAmBV,QAFtB,4zGATX,+xGADP;AAgBI,IAAA,SAAS,EAAE,mBAAK,UAAL,EAAiBE,SAAjB;AAhBf,KAiBQC,KAjBR,GAoBQ;AACI,IAAA,GAAG,mBAAEG,UAAF,mBACiBF,KAAK,CAACG,OAAN,GAAgB,CADjC;AADP,KAKKR,QALL,CApBR,EA4BKE,IA5BL,CADJ;AAgCH,CAnCM","sourcesContent":["import { css } from \"@emotion/react\"\nimport { useTheme } from \"../theme\"\nimport React from \"react\"\nimport clsx from \"clsx\"\n\nexport interface PanelProps extends React.HTMLAttributes<HTMLDivElement> {\n    /**\n     * 文字色を灰色に、取り消し線を装飾することでそのPanelが無効化された状態にあることを示します。\n     *\n     * @default false\n     */\n    disabled?: boolean\n    /**\n     * 右側に任意の要素を挿入します。アイコンのような小さな要素を入れることを想定しています。\n     */\n    icon?: React.ReactNode\n    /**\n     * 中身のコンポーネントを任意のHTML要素またはReact.Componentに切り替えます。\n     *\n     * @default div\n     */\n    as?: React.ElementType\n}\n\n/**\nPanelコンポーネントはテキストと任意のアイコンのみによる単純な区切りを表すものとして設計しています。\n見出し要素などを入れる場合は別のModalやPaperなどのコンポーネントを検討してください。\n*/\nexport const Panel: React.FC<PanelProps> = ({ as = \"div\", children, disabled, icon, className, ...props }) => {\n    const theme = useTheme()\n    const Component = as\n    return (\n        <Component\n            css={css`\n                display: flex;\n                align-items: center;\n                justify-content: space-between;\n                padding: ${theme.spacing * 3}px 1em;\n                border: 1px solid ${theme.palette.action.disabled};\n                & + .mu__Todo {\n                    border-top: none;\n                }\n                ${disabled &&\n                css`\n                    color: ${theme.palette.text.disabled};\n                    text-decoration: line-through;\n                `}\n            `}\n            className={clsx(\"mu__Todo\", className)}\n            {...props}\n        >\n            {\n                <div\n                    css={css`\n                        margin-right: ${theme.spacing * 2}px;\n                    `}\n                >\n                    {children}\n                </div>\n            }\n            {icon}\n        </Component>\n    )\n}\n"],"file":"Panel.js"}

package/dist/cjs/Panel/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _Panel = require("./Panel");
+
+Object.keys(_Panel).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Panel[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Panel[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/Panel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Panel/index.tsx"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./Panel\"\n"],"file":"index.js"}

package/dist/cjs/Paper/Paper.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Paper = void 0;
+
+var _react = require("@emotion/react");
+
+var _theme = require("../theme");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || 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); }
+
+const Paper = /*#__PURE__*/_react2.default.forwardRef(({
+  elevation = 1,
+  square = false,
+  ...props
+}, ref) => {
+  const theme = (0, _theme.useTheme)();
+  return (0, _react.jsx)("div", _extends({
+    css: /*#__PURE__*/(0, _react.css)({
+      position: "relative",
+      zIndex: elevation,
+      boxSizing: "border-box",
+      boxShadow: theme.shadows[elevation],
+      backgroundColor: theme.palette.background.paper,
+      color: theme.palette.text.primary,
+      borderRadius: square ? "none" : "5px"
+    }, process.env.NODE_ENV === "production" ? "" : ";label:Paper;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9QYXBlci9QYXBlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0JxQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvUGFwZXIvUGFwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCJcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCJcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIlxuXG5leHBvcnQgaW50ZXJmYWNlIFBhcGVyUHJvcHMgZXh0ZW5kcyBSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4ge1xuICAgIC8qKlxuICAgICAqIFBhcGVy44Gu6KeS44Gr5Li444G/44KS5oyB44Gf44Gb44KL44GL44KS5oyH5a6a44GX44G+44GZ44CCXG4gICAgICpcbiAgICAgKiBAZGVmYXVsdCBmYWxzZVxuICAgICAqL1xuICAgIHNxdWFyZT86IGJvb2xlYW5cbiAgICAvKipcbiAgICAgKiBQYXBlcuOBruW9seOBrua/g+OBleOBqOmHjeOBquOCiuOCkuaVtOaVsOOBp+aMh+WumuOBl+OBvuOBmeOAguaVsOWApOOBjOmrmOOBhOOBu+OBqeS4iuOBq+mHjeOBquOCiuOAgeW9seOBr+a/g+OBj+OBquOCiuOBvuOBmeOAglxuICAgICAqXG4gICAgICogQGRlZmF1bHQgMVxuICAgICAqL1xuICAgIGVsZXZhdGlvbj86IG51bWJlclxufVxuXG5leHBvcnQgY29uc3QgUGFwZXIgPSBSZWFjdC5mb3J3YXJkUmVmPEhUTUxEaXZFbGVtZW50LCBQYXBlclByb3BzPihcbiAgICAoeyBlbGV2YXRpb24gPSAxLCBzcXVhcmUgPSBmYWxzZSwgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gICAgICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKVxuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIGNzcz17Y3NzKHtcbiAgICAgICAgICAgICAgICAgICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICAgICAgICAgICAgICAgICAgekluZGV4OiBlbGV2YXRpb24sXG4gICAgICAgICAgICAgICAgICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgICAgICAgICAgICAgICAgIGJveFNoYWRvdzogdGhlbWUuc2hhZG93c1tlbGV2YXRpb25dLFxuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5wYXBlcixcbiAgICAgICAgICAgICAgICAgICAgY29sb3I6IHRoZW1lLnBhbGV0dGUudGV4dC5wcmltYXJ5LFxuICAgICAgICAgICAgICAgICAgICBib3JkZXJSYWRpdXM6IHNxdWFyZSA/IFwibm9uZVwiIDogXCI1cHhcIlxuICAgICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICAgIC8+XG4gICAgICAgIClcbiAgICB9XG4pXG4iXX0= */")
+  }, props, {
+    ref: ref
+  }));
+});
+
+exports.Paper = Paper;
+//# sourceMappingURL=Paper.js.map

package/dist/cjs/Paper/Paper.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Paper/Paper.tsx"],"names":["Paper","React","forwardRef","elevation","square","props","ref","theme","position","zIndex","boxSizing","boxShadow","shadows","backgroundColor","palette","background","paper","color","text","primary","borderRadius"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AAiBO,MAAMA,KAAK,gBAAGC,gBAAMC,UAAN,CACjB,CAAC;AAAEC,EAAAA,SAAS,GAAG,CAAd;AAAiBC,EAAAA,MAAM,GAAG,KAA1B;AAAiC,KAAGC;AAApC,CAAD,EAA8CC,GAA9C,KAAsD;AAClD,QAAMC,KAAK,GAAG,sBAAd;AACA,SACI;AACI,IAAA,GAAG,eAAE,gBAAI;AACLC,MAAAA,QAAQ,EAAE,UADL;AAELC,MAAAA,MAAM,EAAEN,SAFH;AAGLO,MAAAA,SAAS,EAAE,YAHN;AAILC,MAAAA,SAAS,EAAEJ,KAAK,CAACK,OAAN,CAAcT,SAAd,CAJN;AAKLU,MAAAA,eAAe,EAAEN,KAAK,CAACO,OAAN,CAAcC,UAAd,CAAyBC,KALrC;AAMLC,MAAAA,KAAK,EAAEV,KAAK,CAACO,OAAN,CAAcI,IAAd,CAAmBC,OANrB;AAOLC,MAAAA,YAAY,EAAEhB,MAAM,GAAG,MAAH,GAAY;AAP3B,KAAJ;AADT,KAUQC,KAVR;AAWI,IAAA,GAAG,EAAEC;AAXT,KADJ;AAeH,CAlBgB,CAAd","sourcesContent":["import { css } from \"@emotion/react\"\nimport { useTheme } from \"../theme\"\nimport React from \"react\"\n\nexport interface PaperProps extends React.HTMLAttributes<HTMLDivElement> {\n    /**\n     * Paperの角に丸みを持たせるかを指定します。\n     *\n     * @default false\n     */\n    square?: boolean\n    /**\n     * Paperの影の濃さと重なりを整数で指定します。数値が高いほど上に重なり、影は濃くなります。\n     *\n     * @default 1\n     */\n    elevation?: number\n}\n\nexport const Paper = React.forwardRef<HTMLDivElement, PaperProps>(\n    ({ elevation = 1, square = false, ...props }, ref) => {\n        const theme = useTheme()\n        return (\n            <div\n                css={css({\n                    position: \"relative\",\n                    zIndex: elevation,\n                    boxSizing: \"border-box\",\n                    boxShadow: theme.shadows[elevation],\n                    backgroundColor: theme.palette.background.paper,\n                    color: theme.palette.text.primary,\n                    borderRadius: square ? \"none\" : \"5px\"\n                })}\n                {...props}\n                ref={ref}\n            />\n        )\n    }\n)\n"],"file":"Paper.js"}

package/dist/cjs/Paper/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _Paper = require("./Paper");
+
+Object.keys(_Paper).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Paper[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Paper[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/Paper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Paper/index.tsx"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./Paper\"\n"],"file":"index.js"}

package/dist/cjs/Popper/Popper.js

@@ -0,0 +1,96 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Popper = void 0;
+
+var _core = require("@popperjs/core");
+
+var _Portal = require("../Portal");
+
+var _react = require("@emotion/react");
+
+var _useOnClickOutside = require("./useOnClickOutside");
+
+var _theme = require("../theme");
+
+var _react2 = _interopRequireWildcard(require("react"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign || 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); }
+
+const reset = popperjs => {
+  if (popperjs === null) return;
+  popperjs.destroy();
+  popperjs = null;
+};
+
+const defaultOptionsModifers = {
+  name: "preventOverflow",
+  options: {
+    mainAxis: false,
+    altAxis: false,
+    padding: 0
+  }
+};
+
+const Popper = ({
+  anchorEl: anchor,
+  children,
+  placement = "bottom-start",
+  options,
+  open = true,
+  onClickOutside,
+  disablePortal,
+  ...others
+}) => {
+  const ref = (0, _react2.useRef)(null);
+  const cache = (0, _react2.useRef)(null);
+  const handleClickOutside = (0, _react2.useCallback)(event => {
+    if (anchor && !anchor.contains(event.target) && onClickOutside) {
+      onClickOutside(event);
+    }
+  }, [anchor, onClickOutside]);
+  (0, _useOnClickOutside.useOnClickOutside)(ref, handleClickOutside);
+  const handleOpen = (0, _react2.useCallback)(() => {
+    const popper = ref.current;
+
+    if (!popper || !anchor || !open) {
+      return;
+    }
+
+    reset(cache.current);
+    const newPopper = (0, _core.createPopper)(anchor, popper, {
+      placement,
+      strategy: options === null || options === void 0 ? void 0 : options.strategy,
+      onFirstUpdate: options === null || options === void 0 ? void 0 : options.onFirstUpdate,
+      modifiers: options !== null && options !== void 0 && options.modifiers ? [defaultOptionsModifers, ...options.modifiers] : [defaultOptionsModifers]
+    }); //@ts-ignore
+
+    cache.current = newPopper;
+  }, [anchor, open, options === null || options === void 0 ? void 0 : options.modifiers, options === null || options === void 0 ? void 0 : options.onFirstUpdate, options === null || options === void 0 ? void 0 : options.strategy, placement]);
+  (0, _react2.useEffect)(() => {
+    handleOpen();
+  }, [handleOpen]);
+  const handleRef = (0, _react2.useCallback)(node => {
+    //@ts-ignore
+    ref.current = node;
+    handleOpen();
+  }, [handleOpen]);
+  const {
+    zIndex
+  } = (0, _theme.useTheme)();
+  return anchor && open ? (0, _react.jsx)(_Portal.Portal, {
+    disablePortal: disablePortal
+  }, (0, _react.jsx)("div", _extends({
+    ref: handleRef,
+    css: /*#__PURE__*/(0, _react.css)("position:", disablePortal ? "absolute" : "fixed", ";z-index:", zIndex.tooltip, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Popper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Qb3BwZXIvUG9wcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtSHdCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9Qb3BwZXIvUG9wcGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluc3RhbmNlLCBPcHRpb25zLCBjcmVhdGVQb3BwZXIgfSBmcm9tIFwiQHBvcHBlcmpzL2NvcmVcIlxuaW1wb3J0IHsgUG9ydGFsLCBQb3J0YWxQcm9wcyB9IGZyb20gXCIuLi9Qb3J0YWxcIlxuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCJcbmltcG9ydCB7IHVzZU9uQ2xpY2tPdXRzaWRlIH0gZnJvbSBcIi4vdXNlT25DbGlja091dHNpZGVcIlxuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIlxuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiXG5cbmV4cG9ydCB0eXBlIFBvcHBlckluc3RhbmNlID0gSW5zdGFuY2VcbmV4cG9ydCB0eXBlIFBvcHBlck9wdGlvbnMgPSBQYXJ0aWFsPE9taXQ8T3B0aW9ucywgXCJwbGFjZW1lbnRcIj4+XG5leHBvcnQgdHlwZSBQb3BwZXJQbGFjZW1lbnQgPSBPcHRpb25zW1wicGxhY2VtZW50XCJdXG5cbmV4cG9ydCBpbnRlcmZhY2UgUG9wcGVyQmFzZVByb3BzIHtcbiAgICAvKipcbiAgICAgKiBQb3BwZXLjga7otbfngrnjgajjgarjgovopoHntKDjgpLmjIflrprjgZfjgb7jgZnjgIJcbiAgICAgKi9cbiAgICBhbmNob3JFbD86IEVsZW1lbnQgfCBudWxsXG4gICAgLyoqXG4gICAgICogUG9wcGVy44Gu5L2N572u44KS5oyH5a6a44GX44G+44GZ44CCXG4gICAgICovXG4gICAgcGxhY2VtZW50PzogUG9wcGVyUGxhY2VtZW50XG4gICAgLyoqXG4gICAgICogQHNlZSBodHRwczovL3BvcHBlci5qcy5vcmcvcG9wcGVyLWRvY3VtZW50YXRpb24uaHRtbCNkZWZhdWx0c1xuICAgICAqL1xuICAgIG9wdGlvbnM/OiBQb3BwZXJPcHRpb25zXG4gICAgLyoqXG4gICAgICogUG9wcGVy44Gu6ZaL6ZaJ44KS5oyH5a6a44GX44G+44GZ44CCXG4gICAgICpcbiAgICAgKiBAZGVmYXVsdCB0cnVlXG4gICAgICovXG4gICAgb3Blbj86IGJvb2xlYW5cbiAgICAvKipcbiAgICAgKiDopoHntKDjga7nr4Tlm7LlpJbjgYzjgq/jg6rjg4Pjgq/jgZXjgozjgZ/jgonnmbrngavjgZnjgotDYWxsYmFja+OCkuaMh+WumuOBl+OBvuOBmeOAglxuICAgICAqXG4gICAgICogQGRlZmF1bHQgdW5kZWZpbmVkXG4gICAgICovXG4gICAgb25DbGlja091dHNpZGU/OiAoZXZlbnQ6IE1vdXNlRXZlbnQgfCBUb3VjaEV2ZW50KSA9PiB2b2lkXG59XG5leHBvcnQgaW50ZXJmYWNlIFBvcHBlclByb3BzXG4gICAgZXh0ZW5kcyBSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4sXG4gICAgICAgIFBpY2s8UG9ydGFsUHJvcHMsIFwiZGlzYWJsZVBvcnRhbFwiPixcbiAgICAgICAgUG9wcGVyQmFzZVByb3BzIHt9XG5cbmNvbnN0IHJlc2V0ID0gKHBvcHBlcmpzOiBQb3BwZXJJbnN0YW5jZSB8IG51bGwpID0+IHtcbiAgICBpZiAocG9wcGVyanMgPT09IG51bGwpIHJldHVyblxuICAgIHBvcHBlcmpzLmRlc3Ryb3koKVxuICAgIHBvcHBlcmpzID0gbnVsbFxufVxuXG5jb25zdCBkZWZhdWx0T3B0aW9uc01vZGlmZXJzID0ge1xuICAgIG5hbWU6IFwicHJldmVudE92ZXJmbG93XCIsXG4gICAgb3B0aW9uczoge1xuICAgICAgICBtYWluQXhpczogZmFsc2UsXG4gICAgICAgIGFsdEF4aXM6IGZhbHNlLFxuICAgICAgICBwYWRkaW5nOiAwXG4gICAgfVxufVxuXG5leHBvcnQgY29uc3QgUG9wcGVyOiBSZWFjdC5GQzxQb3BwZXJQcm9wcz4gPSAoe1xuICAgIGFuY2hvckVsOiBhbmNob3IsXG4gICAgY2hpbGRyZW4sXG4gICAgcGxhY2VtZW50ID0gXCJib3R0b20tc3RhcnRcIiBhcyBjb25zdCxcbiAgICBvcHRpb25zLFxuICAgIG9wZW4gPSB0cnVlLFxuICAgIG9uQ2xpY2tPdXRzaWRlLFxuICAgIGRpc2FibGVQb3J0YWwsXG4gICAgLi4ub3RoZXJzXG59KSA9PiB7XG4gICAgY29uc3QgcmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKVxuICAgIGNvbnN0IGNhY2hlID0gdXNlUmVmPFBvcHBlckluc3RhbmNlPihudWxsKVxuICAgIGNvbnN0IGhhbmRsZUNsaWNrT3V0c2lkZSA9IHVzZUNhbGxiYWNrKFxuICAgICAgICAoZXZlbnQ6IE1vdXNlRXZlbnQgfCBUb3VjaEV2ZW50KSA9PiB7XG4gICAgICAgICAgICBpZiAoYW5jaG9yICYmICFhbmNob3IuY29udGFpbnMoZXZlbnQudGFyZ2V0IGFzIE5vZGUpICYmIG9uQ2xpY2tPdXRzaWRlKSB7XG4gICAgICAgICAgICAgICAgb25DbGlja091dHNpZGUoZXZlbnQpXG4gICAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICAgIFthbmNob3IsIG9uQ2xpY2tPdXRzaWRlXVxuICAgIClcbiAgICB1c2VPbkNsaWNrT3V0c2lkZShyZWYsIGhhbmRsZUNsaWNrT3V0c2lkZSlcblxuICAgIGNvbnN0IGhhbmRsZU9wZW4gPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgICAgIGNvbnN0IHBvcHBlciA9IHJlZi5jdXJyZW50XG5cbiAgICAgICAgaWYgKCFwb3BwZXIgfHwgIWFuY2hvciB8fCAhb3Blbikge1xuICAgICAgICAgICAgcmV0dXJuXG4gICAgICAgIH1cbiAgICAgICAgcmVzZXQoY2FjaGUuY3VycmVudClcbiAgICAgICAgY29uc3QgbmV3UG9wcGVyID0gY3JlYXRlUG9wcGVyKGFuY2hvciwgcG9wcGVyLCB7XG4gICAgICAgICAgICBwbGFjZW1lbnQsXG4gICAgICAgICAgICBzdHJhdGVneTogb3B0aW9ucz8uc3RyYXRlZ3ksXG4gICAgICAgICAgICBvbkZpcnN0VXBkYXRlOiBvcHRpb25zPy5vbkZpcnN0VXBkYXRlLFxuICAgICAgICAgICAgbW9kaWZpZXJzOiBvcHRpb25zPy5tb2RpZmllcnMgPyBbZGVmYXVsdE9wdGlvbnNNb2RpZmVycywgLi4ub3B0aW9ucy5tb2RpZmllcnNdIDogW2RlZmF1bHRPcHRpb25zTW9kaWZlcnNdXG4gICAgICAgIH0pXG4gICAgICAgIC8vQHRzLWlnbm9yZVxuICAgICAgICBjYWNoZS5jdXJyZW50ID0gbmV3UG9wcGVyXG4gICAgfSwgW2FuY2hvciwgb3Blbiwgb3B0aW9ucz8ubW9kaWZpZXJzLCBvcHRpb25zPy5vbkZpcnN0VXBkYXRlLCBvcHRpb25zPy5zdHJhdGVneSwgcGxhY2VtZW50XSlcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIGhhbmRsZU9wZW4oKVxuICAgIH0sIFtoYW5kbGVPcGVuXSlcblxuICAgIGNvbnN0IGhhbmRsZVJlZiA9IHVzZUNhbGxiYWNrKFxuICAgICAgICAobm9kZSkgPT4ge1xuICAgICAgICAgICAgLy9AdHMtaWdub3JlXG4gICAgICAgICAgICByZWYuY3VycmVudCA9IG5vZGVcbiAgICAgICAgICAgIGhhbmRsZU9wZW4oKVxuICAgICAgICB9LFxuICAgICAgICBbaGFuZGxlT3Blbl1cbiAgICApXG5cbiAgICBjb25zdCB7IHpJbmRleCB9ID0gdXNlVGhlbWUoKVxuXG4gICAgcmV0dXJuIGFuY2hvciAmJiBvcGVuID8gKFxuICAgICAgICA8UG9ydGFsIGRpc2FibGVQb3J0YWw9e2Rpc2FibGVQb3J0YWx9PlxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIHJlZj17aGFuZGxlUmVmfVxuICAgICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgICAgICBwb3NpdGlvbjogJHtkaXNhYmxlUG9ydGFsID8gXCJhYnNvbHV0ZVwiIDogXCJmaXhlZFwifTtcbiAgICAgICAgICAgICAgICAgICAgei1pbmRleDogJHt6SW5kZXgudG9vbHRpcH07XG4gICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgICB7Li4ub3RoZXJzfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L1BvcnRhbD5cbiAgICApIDogbnVsbFxufVxuIl19 */")
+  }, others), children)) : null;
+};
+
+exports.Popper = Popper;
+//# sourceMappingURL=Popper.js.map

package/dist/cjs/Popper/Popper.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Popper/Popper.tsx"],"names":["reset","popperjs","destroy","defaultOptionsModifers","name","options","mainAxis","altAxis","padding","Popper","anchorEl","anchor","children","placement","open","onClickOutside","disablePortal","others","ref","cache","handleClickOutside","event","contains","target","handleOpen","popper","current","newPopper","strategy","onFirstUpdate","modifiers","handleRef","node","zIndex","css","tooltip"],"mappings":"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","sourcesContent":["import { Instance, Options, createPopper } from \"@popperjs/core\"\nimport { Portal, PortalProps } from \"../Portal\"\nimport { css } from \"@emotion/react\"\nimport { useOnClickOutside } from \"./useOnClickOutside\"\nimport { useTheme } from \"../theme\"\nimport React, { useCallback, useEffect, useRef } from \"react\"\n\nexport type PopperInstance = Instance\nexport type PopperOptions = Partial<Omit<Options, \"placement\">>\nexport type PopperPlacement = Options[\"placement\"]\n\nexport interface PopperBaseProps {\n    /**\n     * Popperの起点となる要素を指定します。\n     */\n    anchorEl?: Element | null\n    /**\n     * Popperの位置を指定します。\n     */\n    placement?: PopperPlacement\n    /**\n     * @see https://popper.js.org/popper-documentation.html#defaults\n     */\n    options?: PopperOptions\n    /**\n     * Popperの開閉を指定します。\n     *\n     * @default true\n     */\n    open?: boolean\n    /**\n     * 要素の範囲外がクリックされたら発火するCallbackを指定します。\n     *\n     * @default undefined\n     */\n    onClickOutside?: (event: MouseEvent | TouchEvent) => void\n}\nexport interface PopperProps\n    extends React.HTMLAttributes<HTMLDivElement>,\n        Pick<PortalProps, \"disablePortal\">,\n        PopperBaseProps {}\n\nconst reset = (popperjs: PopperInstance | null) => {\n    if (popperjs === null) return\n    popperjs.destroy()\n    popperjs = null\n}\n\nconst defaultOptionsModifers = {\n    name: \"preventOverflow\",\n    options: {\n        mainAxis: false,\n        altAxis: false,\n        padding: 0\n    }\n}\n\nexport const Popper: React.FC<PopperProps> = ({\n    anchorEl: anchor,\n    children,\n    placement = \"bottom-start\" as const,\n    options,\n    open = true,\n    onClickOutside,\n    disablePortal,\n    ...others\n}) => {\n    const ref = useRef<HTMLDivElement>(null)\n    const cache = useRef<PopperInstance>(null)\n    const handleClickOutside = useCallback(\n        (event: MouseEvent | TouchEvent) => {\n            if (anchor && !anchor.contains(event.target as Node) && onClickOutside) {\n                onClickOutside(event)\n            }\n        },\n        [anchor, onClickOutside]\n    )\n    useOnClickOutside(ref, handleClickOutside)\n\n    const handleOpen = useCallback(() => {\n        const popper = ref.current\n\n        if (!popper || !anchor || !open) {\n            return\n        }\n        reset(cache.current)\n        const newPopper = createPopper(anchor, popper, {\n            placement,\n            strategy: options?.strategy,\n            onFirstUpdate: options?.onFirstUpdate,\n            modifiers: options?.modifiers ? [defaultOptionsModifers, ...options.modifiers] : [defaultOptionsModifers]\n        })\n        //@ts-ignore\n        cache.current = newPopper\n    }, [anchor, open, options?.modifiers, options?.onFirstUpdate, options?.strategy, placement])\n\n    useEffect(() => {\n        handleOpen()\n    }, [handleOpen])\n\n    const handleRef = useCallback(\n        (node) => {\n            //@ts-ignore\n            ref.current = node\n            handleOpen()\n        },\n        [handleOpen]\n    )\n\n    const { zIndex } = useTheme()\n\n    return anchor && open ? (\n        <Portal disablePortal={disablePortal}>\n            <div\n                ref={handleRef}\n                css={css`\n                    position: ${disablePortal ? \"absolute\" : \"fixed\"};\n                    z-index: ${zIndex.tooltip};\n                `}\n                {...others}\n            >\n                {children}\n            </div>\n        </Portal>\n    ) : null\n}\n"],"file":"Popper.js"}

package/dist/cjs/Popper/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _Popper = require("./Popper");
+
+Object.keys(_Popper).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Popper[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Popper[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/Popper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Popper/index.tsx"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./Popper\"\n"],"file":"index.js"}

package/dist/cjs/Popper/useOnClickOutside.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useOnClickOutside = void 0;
+
+var _react = require("react");
+
+const useOnClickOutside = (ref, handler) => {
+  (0, _react.useEffect)(() => {
+    if (!handler) {
+      return undefined;
+    }
+
+    const listener = event => {
+      if (handler) {
+        if (!ref.current || ref.current.contains(event.target)) {
+          return;
+        }
+
+        handler(event);
+      }
+    };
+
+    document.addEventListener("mousedown", listener);
+    document.addEventListener("touchstart", listener);
+    return () => {
+      document.removeEventListener("mousedown", listener);
+      document.removeEventListener("touchstart", listener);
+    };
+  }, [ref, handler]);
+};
+
+exports.useOnClickOutside = useOnClickOutside;
+//# sourceMappingURL=useOnClickOutside.js.map

package/dist/cjs/Popper/useOnClickOutside.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Popper/useOnClickOutside.ts"],"names":["useOnClickOutside","ref","handler","undefined","listener","event","current","contains","target","document","addEventListener","removeEventListener"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,iBAAiB,GAAG,CAC7BC,GAD6B,EAE7BC,OAF6B,KAG5B;AACD,wBAAU,MAAM;AACZ,QAAI,CAACA,OAAL,EAAc;AACV,aAAOC,SAAP;AACH;;AACD,UAAMC,QAAQ,GAAIC,KAAD,IAAoC;AACjD,UAAIH,OAAJ,EAAa;AACT,YAAI,CAACD,GAAG,CAACK,OAAL,IAAgBL,GAAG,CAACK,OAAJ,CAAYC,QAAZ,CAAqBF,KAAK,CAACG,MAA3B,CAApB,EAAgE;AAC5D;AACH;;AAEDN,QAAAA,OAAO,CAACG,KAAD,CAAP;AACH;AACJ,KARD;;AAUAI,IAAAA,QAAQ,CAACC,gBAAT,CAA0B,WAA1B,EAAuCN,QAAvC;AACAK,IAAAA,QAAQ,CAACC,gBAAT,CAA0B,YAA1B,EAAwCN,QAAxC;AAEA,WAAO,MAAM;AACTK,MAAAA,QAAQ,CAACE,mBAAT,CAA6B,WAA7B,EAA0CP,QAA1C;AACAK,MAAAA,QAAQ,CAACE,mBAAT,CAA6B,YAA7B,EAA2CP,QAA3C;AACH,KAHD;AAIH,GArBD,EAqBG,CAACH,GAAD,EAAMC,OAAN,CArBH;AAsBH,CA1BM","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"],"file":"useOnClickOutside.js"}