matsuri-ui 9.9.1 → 10.0.0

package/CHANGELOG.md

@@ -2,6 +2,8 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [10.0.0](https://github.com/matsuri-tech/matsuri-ui/compare/v9.9.1...v10.0.0) (2021-12-21)
+
 ### [9.9.1](https://github.com/matsuri-tech/matsuri-ui/compare/v9.9.0...v9.9.1) (2021-12-20)
 
 ## [9.9.0](https://github.com/matsuri-tech/matsuri-ui/compare/v9.8.0...v9.9.0) (2021-11-18)

package/README.md

@@ -8,7 +8,7 @@
 ### インストール方法
 
 ```command
-yarn add matsuri-ui
+yarn add matsuri-ui @emotion/react
 ```
 
 [対応状況 by Storybook](https://matsuri-ui.netlify.com)

package/dist/cjs/Pagination/makePagination.js

@@ -0,0 +1,47 @@
+"use strict";
+
+exports.__esModule = true;
+exports.makePagination = void 0;
+// first, ..., prev, current, next, ..., last
+const MINIMAL_PAGE_ITEM_COUNT = 7;
+
+const makePagination = (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;
+};
+
+exports.makePagination = makePagination;
+//# sourceMappingURL=makePagination.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Pagination/makePagination.ts"],"names":["MINIMAL_PAGE_ITEM_COUNT","makePagination","current","option","width","total","Error","Array","from","length","_","i","left","Math","max","min","floor","items"],"mappings":";;;;AAAA;AACA,MAAMA,uBAAuB,GAAG,CAAhC;;AASO,MAAMC,cAAc,GAAG,CAACC,OAAD,EAAkBC,MAAlB,KAA0D;AACpF,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","sourcesContent":["// 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 makePagination = (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"],"file":"makePagination.js"}

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

@@ -0,0 +1,31 @@
+"use strict";
+
+var _makePagination = require("./makePagination");
+
+describe("makePagination", () => {
+  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, _makePagination.makePagination)(current, option);
+      expect(result).toEqual(expected);
+    });
+  });
+});
+//# sourceMappingURL=makePagination.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Pagination/makePagination.test.ts"],"names":["describe","each","total","width","current","option","expected","test","result","expect","toEqual"],"mappings":";;AAAA;;AAEAA,QAAQ,CAAC,gBAAD,EAAmB,MAAM;AAC7BA,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,oCAAeJ,OAAf,EAAwBC,MAAxB,CAAf;AACAI,MAAAA,MAAM,CAACD,MAAD,CAAN,CAAeE,OAAf,CAAuBJ,QAAvB;AACH,KAHG,CAAJ;AAIH,GAZD;AAaH,CAdO,CAAR","sourcesContent":["import { makePagination } from \"./makePagination\"\n\ndescribe(\"makePagination\", () => {\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 = makePagination(current, option)\n            expect(result).toEqual(expected)\n        })\n    })\n})\n"],"file":"makePagination.test.js"}

package/dist/esm/Pagination/makePagination.js

@@ -0,0 +1,40 @@
+// first, ..., prev, current, next, ..., last
+var MINIMAL_PAGE_ITEM_COUNT = 7;
+export var makePagination = (current, option) => {
+  var {
+    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);
+  }
+
+  var left = Math.max(0, Math.min(total - width, current - Math.floor(width / 2)));
+  var 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;
+};
+//# sourceMappingURL=makePagination.js.map

package/dist/esm/Pagination/makePagination.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Pagination/makePagination.ts"],"names":["MINIMAL_PAGE_ITEM_COUNT","makePagination","current","option","width","total","Error","Array","from","length","_","i","left","Math","max","min","floor","items"],"mappings":"AAAA;AACA,IAAMA,uBAAuB,GAAG,CAAhC;AASA,OAAO,IAAMC,cAAc,GAAG,CAACC,OAAD,EAAkBC,MAAlB,KAA0D;AACpF,MAAM;AAAEC,IAAAA,KAAF;AAASC,IAAAA;AAAT,MAAmBF,MAAzB;;AACA,MAAIC,KAAK,GAAGJ,uBAAZ,EAAqC;AACjC,UAAM,IAAIM,KAAJ,0BAAiCN,uBAAjC,iBAAN;AACH;;AACD,MAAII,KAAK,GAAG,CAAR,KAAc,CAAlB,EAAqB;AACjB,UAAM,IAAIE,KAAJ,uCAAN;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,MAAMC,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,MAAMa,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","sourcesContent":["// 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 makePagination = (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"],"file":"makePagination.js"}

package/dist/esm/Pagination/makePagination.test.js

@@ -0,0 +1,28 @@
+import { makePagination } from "./makePagination";
+describe("makePagination", () => {
+  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 + "]", () => {
+      var result = makePagination(current, option);
+      expect(result).toEqual(expected);
+    });
+  });
+});
+//# sourceMappingURL=makePagination.test.js.map

package/dist/esm/Pagination/makePagination.test.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Pagination/makePagination.test.ts"],"names":["makePagination","describe","each","total","width","current","option","expected","test","result","expect","toEqual"],"mappings":"AAAA,SAASA,cAAT,QAA+B,kBAA/B;AAEAC,QAAQ,CAAC,gBAAD,EAAmB,MAAM;AAC7BA,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,QAAMH,OAAN,WAAmBE,QAAnB,QAAgC,MAAM;AACtC,UAAME,MAAM,GAAGT,cAAc,CAACK,OAAD,EAAUC,MAAV,CAA7B;AACAI,MAAAA,MAAM,CAACD,MAAD,CAAN,CAAeE,OAAf,CAAuBJ,QAAvB;AACH,KAHG,CAAJ;AAIH,GAZD;AAaH,CAdO,CAAR","sourcesContent":["import { makePagination } from \"./makePagination\"\n\ndescribe(\"makePagination\", () => {\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 = makePagination(current, option)\n            expect(result).toEqual(expected)\n        })\n    })\n})\n"],"file":"makePagination.test.js"}

package/dist/types/Pagination/makePagination.d.ts

@@ -0,0 +1,7 @@
+interface MakePaginationOption {
+    total: number;
+    width: number;
+}
+declare type Items = (number | "next-more" | "prev-more")[];
+export declare const makePagination: (current: number, option: MakePaginationOption) => Items;
+export {};

package/dist/types/Pagination/makePagination.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "matsuri-ui",
-    "version": "9.9.1",
+    "version": "10.0.0",
     "repository": "https://github.com/matsuri-tech/matsuri-ui.git",
     "license": "GPL-3.0",
     "sideEffects": false,
@@ -25,7 +25,6 @@
         "node_modules"
     ],
     "dependencies": {
-        "@emotion/react": "^11.7.0",
         "@material-ui/core": "^4.12.3",
         "@material-ui/icons": "^4.11.2",
         "@popperjs/core": "^2.11.0",
@@ -37,15 +36,21 @@
     },
     "peerDependencies": {
         "@emotion/react": "11.1.4",
-        "@popperjs/core": "2.9.2",
         "@types/react": "17.0.34",
         "@types/react-dom": "17.0.11",
-        "clsx": "^1.1.1",
-        "dayjs": "1.10.4",
         "react": "17.0.2",
-        "react-dom": "17.0.2",
-        "react-spring": "8.0.27",
-        "relative-time-format": "1.0.5"
+        "react-dom": "17.0.2"
+    },
+    "peerDependenciesMeta": {
+        "@types/react": {
+            "optional": true
+        },
+        "@emotion/react": {
+            "optional": true
+        },
+        "@emotion/styled": {
+            "optional": true
+        }
     },
     "devDependencies": {
         "@babel/cli": "7.16.0",
@@ -54,37 +59,38 @@
         "@babel/preset-react": "7.16.0",
         "@babel/preset-typescript": "^7.16.0",
         "@emotion/babel-preset-css-prop": "11.2.0",
+        "@emotion/react": "11.1.4",
         "@storybook/addon-essentials": "^6.4.4",
         "@storybook/addon-links": "6.4.4",
         "@storybook/react": "6.4.4",
         "@testing-library/react": "12.1.2",
         "@types/jest": "27.0.3",
-        "@types/react": "17.0.34",
         "@types/react-dom": "17.0.11",
-        "@types/react-router": "5.1.17",
         "@types/react-router-dom": "5.3.2",
+        "@types/react-router": "5.1.17",
         "@types/react-transition-group": "4.4.4",
+        "@types/react": "17.0.34",
         "@typescript-eslint/eslint-plugin": "4.33.0",
         "@typescript-eslint/parser": "4.33.0",
         "concurrently": "^6.4.0",
-        "eslint": "7.32.0",
         "eslint-config-prettier": "8.3.0",
-        "eslint-plugin-react": "7.27.1",
         "eslint-plugin-react-hooks": "4.3.0",
+        "eslint-plugin-react": "7.27.1",
         "eslint-plugin-sort-imports-es6-autofix": "0.6.0",
+        "eslint": "7.32.0",
         "husky": "^7.0.4",
         "jest": "27.4.3",
         "lint-staged": "12.1.2",
         "next": "12.0.4",
         "npm-run-all": "4.1.5",
         "prettier": "2.5.0",
-        "react": "17.0.2",
         "react-docgen-typescript-loader": "3.7.2",
         "react-dom": "17.0.2",
-        "react-router": "5.2.1",
         "react-router-dom": "5.3.0",
+        "react-router": "5.2.1",
         "react-table": "7.7.0",
         "react-transition-group": "4.4.2",
+        "react": "17.0.2",
         "ress": "^4.0.0",
         "rimraf": "3.0.2",
         "standard-version": "9.3.2",