@jigowatts/jigowatts-ui 1.2.2 → 2.1.0

package/dist/components/MaxWidthContainer/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index25.css');const e=require("react/jsx-runtime"),s="_maxWidthContainer_1pmeg_1",r="_content_1pmeg_5",n={maxWidthContainer:s,content:r},t=i=>{const{maxWidth:a,children:o}=i;return e.jsx("div",{className:n.maxWidthContainer,children:e.jsx("div",{className:n.content,style:{maxWidth:a},children:o})})};t.defaultProps={maxWidth:"480px"};exports.MaxWidthContainer=t;exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index22.css');const e=require("react/jsx-runtime"),s="_maxWidthContainer_1pmeg_1",r="_content_1pmeg_5",n={maxWidthContainer:s,content:r},t=i=>{const{maxWidth:a,children:o}=i;return e.jsx("div",{className:n.maxWidthContainer,children:e.jsx("div",{className:n.content,style:{maxWidth:a},children:o})})};t.defaultProps={maxWidth:"480px"};exports.MaxWidthContainer=t;exports.default=t;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/MaxWidthContainer/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/MaxWidthContainer/index.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\n\nimport styles from \"./index.module.scss\";\n\ntype Props = {\n  maxWidth?: string;\n  children: ReactNode;\n};\n\nexport const MaxWidthContainer = (props: Props) => {\n  const { maxWidth, children } = props;\n\n  return (\n    <div className={styles.maxWidthContainer}>\n      <div className={styles.content} style={{ maxWidth: maxWidth }}>\n        {children}\n      </div>\n    </div>\n  );\n};\n\nMaxWidthContainer.defaultProps = {\n  maxWidth: \"480px\",\n};\n\nexport default MaxWidthContainer;\n"],"names":["MaxWidthContainer","props","maxWidth","children","jsx","styles"],"mappings":"uOASaA,EAAqBC,GAAiB,CAC3C,KAAA,CAAE,SAAAC,EAAU,SAAAC,CAAA,EAAaF,EAE/B,OACGG,EAAAA,IAAA,MAAA,CAAI,UAAWC,EAAO,kBACrB,SAACD,MAAA,MAAA,CAAI,UAAWC,EAAO,QAAS,MAAO,CAAE,SAAAH,GACtC,SAAAC,CACH,CAAA,EACF,CAEJ,EAEAH,EAAkB,aAAe,CAC/B,SAAU,OACZ"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/MaxWidthContainer/index.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\n\nimport styles from \"./index.module.scss\";\n\ntype Props = {\n  maxWidth?: string;\n  children: ReactNode;\n};\n\nexport const MaxWidthContainer = (props: Props) => {\n  const { maxWidth, children } = props;\n\n  return (\n    <div className={styles.maxWidthContainer}>\n      <div className={styles.content} style={{ maxWidth: maxWidth }}>\n        {children}\n      </div>\n    </div>\n  );\n};\n\nMaxWidthContainer.defaultProps = {\n  maxWidth: \"480px\",\n};\n\nexport default MaxWidthContainer;\n"],"names":["MaxWidthContainer","props","maxWidth","children","jsx","styles"],"mappings":"uOASaA,EAAqBC,GAAiB,CACjD,KAAM,CAAE,SAAAC,EAAU,SAAAC,CAAA,EAAaF,EAE/B,OACEG,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAO,kBACrB,SAAAD,MAAC,MAAA,CAAI,UAAWC,EAAO,QAAS,MAAO,CAAE,SAAAH,GACtC,SAAAC,EACH,EACF,CAEJ,EAEAH,EAAkB,aAAe,CAC/B,SAAU,OACZ"}

package/dist/components/MaxWidthContainer/index.es.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import '../../assets/index25.css';const i = "_maxWidthContainer_1pmeg_1", s = "_content_1pmeg_5", n = {
+import '../../assets/index22.css';const i = "_maxWidthContainer_1pmeg_1", s = "_content_1pmeg_5", n = {
   maxWidthContainer: i,
   content: s
 }, c = (e) => {

package/dist/components/MaxWidthContainer/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../src/components/MaxWidthContainer/index.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\n\nimport styles from \"./index.module.scss\";\n\ntype Props = {\n  maxWidth?: string;\n  children: ReactNode;\n};\n\nexport const MaxWidthContainer = (props: Props) => {\n  const { maxWidth, children } = props;\n\n  return (\n    <div className={styles.maxWidthContainer}>\n      <div className={styles.content} style={{ maxWidth: maxWidth }}>\n        {children}\n      </div>\n    </div>\n  );\n};\n\nMaxWidthContainer.defaultProps = {\n  maxWidth: \"480px\",\n};\n\nexport default MaxWidthContainer;\n"],"names":["MaxWidthContainer","props","maxWidth","children","jsx","styles"],"mappings":";;;;GASaA,IAAoB,CAACC,MAAiB;AAC3C,QAAA,EAAE,UAAAC,GAAU,UAAAC,EAAA,IAAaF;AAE/B,SACG,gBAAAG,EAAA,OAAA,EAAI,WAAWC,EAAO,mBACrB,UAAC,gBAAAD,EAAA,OAAA,EAAI,WAAWC,EAAO,SAAS,OAAO,EAAE,UAAAH,KACtC,UAAAC,EACH,CAAA,GACF;AAEJ;AAEAH,EAAkB,eAAe;AAAA,EAC/B,UAAU;AACZ;"}
+{"version":3,"file":"index.es.js","sources":["../../../src/components/MaxWidthContainer/index.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\n\nimport styles from \"./index.module.scss\";\n\ntype Props = {\n  maxWidth?: string;\n  children: ReactNode;\n};\n\nexport const MaxWidthContainer = (props: Props) => {\n  const { maxWidth, children } = props;\n\n  return (\n    <div className={styles.maxWidthContainer}>\n      <div className={styles.content} style={{ maxWidth: maxWidth }}>\n        {children}\n      </div>\n    </div>\n  );\n};\n\nMaxWidthContainer.defaultProps = {\n  maxWidth: \"480px\",\n};\n\nexport default MaxWidthContainer;\n"],"names":["MaxWidthContainer","props","maxWidth","children","jsx","styles"],"mappings":";;;;GASaA,IAAoB,CAACC,MAAiB;AACjD,QAAM,EAAE,UAAAC,GAAU,UAAAC,EAAA,IAAaF;AAE/B,SACE,gBAAAG,EAAC,OAAA,EAAI,WAAWC,EAAO,mBACrB,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAO,SAAS,OAAO,EAAE,UAAAH,KACtC,UAAAC,GACH,GACF;AAEJ;AAEAH,EAAkB,eAAe;AAAA,EAC/B,UAAU;AACZ;"}

package/dist/components/MaxWidthContainer/index.test.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const s=require("react/jsx-runtime"),n=require("../../react.esm-CiMn0Rnx.cjs"),c=require("../../index-BHsZ5xlA.cjs"),o=require("./index.cjs.js");describe("MaxWidthContainer component",()=>{it("renders the children inside the container with default maxWidth",()=>{const e="Test Content";n.render(s.jsx(o.MaxWidthContainer,{children:e}));const t=n.screen.getByText(e);expect(t).toBeInTheDocument(),expect(t.closest("div")).toHaveStyle("max-width: 480px")}),it("renders the children inside the container with custom maxWidth",()=>{const e="Test Content",t="600px";n.render(s.jsx(o.MaxWidthContainer,{maxWidth:t,children:e}));const i=n.screen.getByText(e);expect(i).toBeInTheDocument(),expect(i.closest("div")).toHaveStyle(`max-width: ${t}`)}),it("should be accessible",async()=>{const e="Test Content",{container:t}=n.render(s.jsx(o.MaxWidthContainer,{children:e})),i=await c.jestAxe.axe(t);expect.extend(c.jestAxe.toHaveNoViolations),expect(i).toHaveNoViolations()})});
+"use strict";const s=require("react/jsx-runtime"),n=require("../../react.esm-DGuy6Rn3.cjs"),c=require("../../index-Ds6DK19y.cjs"),o=require("./index.cjs.js");describe("MaxWidthContainer component",()=>{it("renders the children inside the container with default maxWidth",()=>{const e="Test Content";n.render(s.jsx(o.MaxWidthContainer,{children:e}));const t=n.screen.getByText(e);expect(t).toBeInTheDocument(),expect(t.closest("div")).toHaveStyle("max-width: 480px")}),it("renders the children inside the container with custom maxWidth",()=>{const e="Test Content",t="600px";n.render(s.jsx(o.MaxWidthContainer,{maxWidth:t,children:e}));const i=n.screen.getByText(e);expect(i).toBeInTheDocument(),expect(i.closest("div")).toHaveStyle(`max-width: ${t}`)}),it("should be accessible",async()=>{const e="Test Content",{container:t}=n.render(s.jsx(o.MaxWidthContainer,{children:e})),i=await c.jestAxe.axe(t);expect.extend(c.jestAxe.toHaveNoViolations),expect(i).toHaveNoViolations()})});
 //# sourceMappingURL=index.test.cjs.js.map

package/dist/components/MaxWidthContainer/index.test.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/MaxWidthContainer/index.test.tsx"],"sourcesContent":["import { render, screen } from \"@testing-library/react\";\nimport { axe, toHaveNoViolations } from \"jest-axe\";\n\nimport { MaxWidthContainer } from \".\";\n\ndescribe(\"MaxWidthContainer component\", () => {\n  it(\"renders the children inside the container with default maxWidth\", () => {\n    const testChildren = \"Test Content\";\n\n    render(<MaxWidthContainer>{testChildren}</MaxWidthContainer>);\n\n    const content = screen.getByText(testChildren);\n    expect(content).toBeInTheDocument();\n    expect(content.closest(\"div\")).toHaveStyle(\"max-width: 480px\");\n  });\n\n  it(\"renders the children inside the container with custom maxWidth\", () => {\n    const testChildren = \"Test Content\";\n    const customMaxWidth = \"600px\";\n\n    render(\n      <MaxWidthContainer maxWidth={customMaxWidth}>\n        {testChildren}\n      </MaxWidthContainer>,\n    );\n\n    const content = screen.getByText(testChildren);\n    expect(content).toBeInTheDocument();\n    expect(content.closest(\"div\")).toHaveStyle(`max-width: ${customMaxWidth}`);\n  });\n\n  it(\"should be accessible\", async () => {\n    const testChildren = \"Test Content\";\n\n    const { container } = render(\n      <MaxWidthContainer>{testChildren}</MaxWidthContainer>,\n    );\n    const results = await axe(container);\n\n    expect.extend(toHaveNoViolations);\n    expect(results).toHaveNoViolations();\n  });\n});\n"],"names":["testChildren","render","jsx","MaxWidthContainer","content","screen","customMaxWidth","container","results","axe","toHaveNoViolations"],"mappings":"8JAKA,SAAS,8BAA+B,IAAM,CAC5C,GAAG,kEAAmE,IAAM,CAC1E,MAAMA,EAAe,eAEdC,EAAA,OAAAC,EAAA,IAACC,EAAmB,kBAAA,CAAA,SAAAH,CAAa,CAAA,CAAoB,EAEtD,MAAAI,EAAUC,EAAAA,OAAO,UAAUL,CAAY,EACtC,OAAAI,CAAO,EAAE,kBAAkB,EAClC,OAAOA,EAAQ,QAAQ,KAAK,CAAC,EAAE,YAAY,kBAAkB,CAAA,CAC9D,EAED,GAAG,iEAAkE,IAAM,CACzE,MAAMJ,EAAe,eACfM,EAAiB,QAEvBL,EAAA,OACGC,EAAA,IAAAC,EAAA,kBAAA,CAAkB,SAAUG,EAC1B,SACHN,CAAA,CAAA,CACF,EAEM,MAAAI,EAAUC,EAAAA,OAAO,UAAUL,CAAY,EACtC,OAAAI,CAAO,EAAE,kBAAkB,EAC3B,OAAAA,EAAQ,QAAQ,KAAK,CAAC,EAAE,YAAY,cAAcE,CAAc,EAAE,CAAA,CAC1E,EAED,GAAG,uBAAwB,SAAY,CACrC,MAAMN,EAAe,eAEf,CAAE,UAAAO,GAAcN,EAAA,OACpBC,EAAAA,IAACC,qBAAmB,SAAaH,CAAA,CAAA,CACnC,EACMQ,EAAU,MAAMC,EAAA,QAAA,IAAIF,CAAS,EAEnC,OAAO,OAAOG,4BAAkB,EACzB,OAAAF,CAAO,EAAE,mBAAmB,CAAA,CACpC,CACH,CAAC"}
+{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/MaxWidthContainer/index.test.tsx"],"sourcesContent":["import { render, screen } from \"@testing-library/react\";\nimport { axe, toHaveNoViolations } from \"jest-axe\";\n\nimport { MaxWidthContainer } from \".\";\n\ndescribe(\"MaxWidthContainer component\", () => {\n  it(\"renders the children inside the container with default maxWidth\", () => {\n    const testChildren = \"Test Content\";\n\n    render(<MaxWidthContainer>{testChildren}</MaxWidthContainer>);\n\n    const content = screen.getByText(testChildren);\n    expect(content).toBeInTheDocument();\n    expect(content.closest(\"div\")).toHaveStyle(\"max-width: 480px\");\n  });\n\n  it(\"renders the children inside the container with custom maxWidth\", () => {\n    const testChildren = \"Test Content\";\n    const customMaxWidth = \"600px\";\n\n    render(\n      <MaxWidthContainer maxWidth={customMaxWidth}>\n        {testChildren}\n      </MaxWidthContainer>,\n    );\n\n    const content = screen.getByText(testChildren);\n    expect(content).toBeInTheDocument();\n    expect(content.closest(\"div\")).toHaveStyle(`max-width: ${customMaxWidth}`);\n  });\n\n  it(\"should be accessible\", async () => {\n    const testChildren = \"Test Content\";\n\n    const { container } = render(\n      <MaxWidthContainer>{testChildren}</MaxWidthContainer>,\n    );\n    const results = await axe(container);\n\n    expect.extend(toHaveNoViolations);\n    expect(results).toHaveNoViolations();\n  });\n});\n"],"names":["testChildren","render","jsx","MaxWidthContainer","content","screen","customMaxWidth","container","results","axe","toHaveNoViolations"],"mappings":"8JAKA,SAAS,8BAA+B,IAAM,CAC5C,GAAG,kEAAmE,IAAM,CAC1E,MAAMA,EAAe,eAErBC,EAAAA,OAAOC,EAAAA,IAACC,EAAAA,kBAAA,CAAmB,SAAAH,CAAA,CAAa,CAAoB,EAE5D,MAAMI,EAAUC,EAAAA,OAAO,UAAUL,CAAY,EAC7C,OAAOI,CAAO,EAAE,kBAAA,EAChB,OAAOA,EAAQ,QAAQ,KAAK,CAAC,EAAE,YAAY,kBAAkB,CAC/D,CAAC,EAED,GAAG,iEAAkE,IAAM,CACzE,MAAMJ,EAAe,eACfM,EAAiB,QAEvBL,EAAAA,OACEC,EAAAA,IAACC,EAAAA,kBAAA,CAAkB,SAAUG,EAC1B,SAAAN,CAAA,CACH,CAAA,EAGF,MAAMI,EAAUC,EAAAA,OAAO,UAAUL,CAAY,EAC7C,OAAOI,CAAO,EAAE,kBAAA,EAChB,OAAOA,EAAQ,QAAQ,KAAK,CAAC,EAAE,YAAY,cAAcE,CAAc,EAAE,CAC3E,CAAC,EAED,GAAG,uBAAwB,SAAY,CACrC,MAAMN,EAAe,eAEf,CAAE,UAAAO,GAAcN,EAAAA,OACpBC,EAAAA,IAACC,EAAAA,mBAAmB,SAAAH,CAAA,CAAa,CAAA,EAE7BQ,EAAU,MAAMC,EAAAA,QAAAA,IAAIF,CAAS,EAEnC,OAAO,OAAOG,4BAAkB,EAChC,OAAOF,CAAO,EAAE,mBAAA,CAClB,CAAC,CACH,CAAC"}

package/dist/components/MaxWidthContainer/index.test.es.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
-import { r as i, s as c } from "../../react.esm-2FJSSo-S.js";
-import { j as r } from "../../index-ZP4xL6Dt.js";
+import { r as i, s as c } from "../../react.esm-BBESb8eI.js";
+import { j as r } from "../../index-DI17hZPH.js";
 import { MaxWidthContainer as s } from "./index.es.js";
 describe("MaxWidthContainer component", () => {
   it("renders the children inside the container with default maxWidth", () => {

package/dist/components/MaxWidthContainer/index.test.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.test.es.js","sources":["../../../src/components/MaxWidthContainer/index.test.tsx"],"sourcesContent":["import { render, screen } from \"@testing-library/react\";\nimport { axe, toHaveNoViolations } from \"jest-axe\";\n\nimport { MaxWidthContainer } from \".\";\n\ndescribe(\"MaxWidthContainer component\", () => {\n  it(\"renders the children inside the container with default maxWidth\", () => {\n    const testChildren = \"Test Content\";\n\n    render(<MaxWidthContainer>{testChildren}</MaxWidthContainer>);\n\n    const content = screen.getByText(testChildren);\n    expect(content).toBeInTheDocument();\n    expect(content.closest(\"div\")).toHaveStyle(\"max-width: 480px\");\n  });\n\n  it(\"renders the children inside the container with custom maxWidth\", () => {\n    const testChildren = \"Test Content\";\n    const customMaxWidth = \"600px\";\n\n    render(\n      <MaxWidthContainer maxWidth={customMaxWidth}>\n        {testChildren}\n      </MaxWidthContainer>,\n    );\n\n    const content = screen.getByText(testChildren);\n    expect(content).toBeInTheDocument();\n    expect(content.closest(\"div\")).toHaveStyle(`max-width: ${customMaxWidth}`);\n  });\n\n  it(\"should be accessible\", async () => {\n    const testChildren = \"Test Content\";\n\n    const { container } = render(\n      <MaxWidthContainer>{testChildren}</MaxWidthContainer>,\n    );\n    const results = await axe(container);\n\n    expect.extend(toHaveNoViolations);\n    expect(results).toHaveNoViolations();\n  });\n});\n"],"names":["testChildren","render","jsx","MaxWidthContainer","content","screen","customMaxWidth","container","results","axe","toHaveNoViolations"],"mappings":";;;;AAKA,SAAS,+BAA+B,MAAM;AAC5C,KAAG,mEAAmE,MAAM;AAC1E,UAAMA,IAAe;AAEd,IAAAC,EAAA,gBAAAC,EAACC,GAAmB,EAAA,UAAAH,EAAa,CAAA,CAAoB;AAEtD,UAAAI,IAAUC,EAAO,UAAUL,CAAY;AACtC,WAAAI,CAAO,EAAE,kBAAkB,GAClC,OAAOA,EAAQ,QAAQ,KAAK,CAAC,EAAE,YAAY,kBAAkB;AAAA,EAAA,CAC9D,GAED,GAAG,kEAAkE,MAAM;AACzE,UAAMJ,IAAe,gBACfM,IAAiB;AAEvB,IAAAL;AAAA,MACG,gBAAAC,EAAAC,GAAA,EAAkB,UAAUG,GAC1B,UACHN,EAAA,CAAA;AAAA,IACF;AAEM,UAAAI,IAAUC,EAAO,UAAUL,CAAY;AACtC,WAAAI,CAAO,EAAE,kBAAkB,GAC3B,OAAAA,EAAQ,QAAQ,KAAK,CAAC,EAAE,YAAY,cAAcE,CAAc,EAAE;AAAA,EAAA,CAC1E,GAED,GAAG,wBAAwB,YAAY;AACrC,UAAMN,IAAe,gBAEf,EAAE,WAAAO,MAAcN;AAAA,MACpB,gBAAAC,EAACC,KAAmB,UAAaH,EAAA,CAAA;AAAA,IACnC,GACMQ,IAAU,MAAMC,EAAA,IAAIF,CAAS;AAEnC,WAAO,OAAOG,oBAAkB,GACzB,OAAAF,CAAO,EAAE,mBAAmB;AAAA,EAAA,CACpC;AACH,CAAC;"}
+{"version":3,"file":"index.test.es.js","sources":["../../../src/components/MaxWidthContainer/index.test.tsx"],"sourcesContent":["import { render, screen } from \"@testing-library/react\";\nimport { axe, toHaveNoViolations } from \"jest-axe\";\n\nimport { MaxWidthContainer } from \".\";\n\ndescribe(\"MaxWidthContainer component\", () => {\n  it(\"renders the children inside the container with default maxWidth\", () => {\n    const testChildren = \"Test Content\";\n\n    render(<MaxWidthContainer>{testChildren}</MaxWidthContainer>);\n\n    const content = screen.getByText(testChildren);\n    expect(content).toBeInTheDocument();\n    expect(content.closest(\"div\")).toHaveStyle(\"max-width: 480px\");\n  });\n\n  it(\"renders the children inside the container with custom maxWidth\", () => {\n    const testChildren = \"Test Content\";\n    const customMaxWidth = \"600px\";\n\n    render(\n      <MaxWidthContainer maxWidth={customMaxWidth}>\n        {testChildren}\n      </MaxWidthContainer>,\n    );\n\n    const content = screen.getByText(testChildren);\n    expect(content).toBeInTheDocument();\n    expect(content.closest(\"div\")).toHaveStyle(`max-width: ${customMaxWidth}`);\n  });\n\n  it(\"should be accessible\", async () => {\n    const testChildren = \"Test Content\";\n\n    const { container } = render(\n      <MaxWidthContainer>{testChildren}</MaxWidthContainer>,\n    );\n    const results = await axe(container);\n\n    expect.extend(toHaveNoViolations);\n    expect(results).toHaveNoViolations();\n  });\n});\n"],"names":["testChildren","render","jsx","MaxWidthContainer","content","screen","customMaxWidth","container","results","axe","toHaveNoViolations"],"mappings":";;;;AAKA,SAAS,+BAA+B,MAAM;AAC5C,KAAG,mEAAmE,MAAM;AAC1E,UAAMA,IAAe;AAErB,IAAAC,EAAO,gBAAAC,EAACC,GAAA,EAAmB,UAAAH,EAAA,CAAa,CAAoB;AAE5D,UAAMI,IAAUC,EAAO,UAAUL,CAAY;AAC7C,WAAOI,CAAO,EAAE,kBAAA,GAChB,OAAOA,EAAQ,QAAQ,KAAK,CAAC,EAAE,YAAY,kBAAkB;AAAA,EAC/D,CAAC,GAED,GAAG,kEAAkE,MAAM;AACzE,UAAMJ,IAAe,gBACfM,IAAiB;AAEvB,IAAAL;AAAA,MACE,gBAAAC,EAACC,GAAA,EAAkB,UAAUG,GAC1B,UAAAN,EAAA,CACH;AAAA,IAAA;AAGF,UAAMI,IAAUC,EAAO,UAAUL,CAAY;AAC7C,WAAOI,CAAO,EAAE,kBAAA,GAChB,OAAOA,EAAQ,QAAQ,KAAK,CAAC,EAAE,YAAY,cAAcE,CAAc,EAAE;AAAA,EAC3E,CAAC,GAED,GAAG,wBAAwB,YAAY;AACrC,UAAMN,IAAe,gBAEf,EAAE,WAAAO,MAAcN;AAAA,MACpB,gBAAAC,EAACC,KAAmB,UAAAH,EAAA,CAAa;AAAA,IAAA,GAE7BQ,IAAU,MAAMC,EAAAA,IAAIF,CAAS;AAEnC,WAAO,OAAOG,oBAAkB,GAChC,OAAOF,CAAO,EAAE,mBAAA;AAAA,EAClB,CAAC;AACH,CAAC;"}

package/dist/components/NumericFieldController/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/NumericFieldController/index.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { forwardRef } from \"react\";\nimport { Clear } from \"@mui/icons-material\";\nimport {\n  IconButton,\n  InputAdornment,\n  InputBaseComponentProps,\n  TextField,\n  TextFieldProps,\n} from \"@mui/material\";\nimport {\n  Controller,\n  FieldPath,\n  FieldValues,\n  PathValue,\n  UseControllerProps,\n} from \"react-hook-form\";\nimport { NumericFormat } from \"react-number-format\";\n\ntype MuiNumericFieldConfig = {\n  displayErrorMessage?: boolean;\n  /**\n   *\n   * @exmaple\n   * - FLOAT: `1000`\n   * - STRING: `'1000'`\n   * - FORMATTED_STRING: `'1,000'`\n   * @defaultValue `'FLOAT'`\n   */\n  valueType?: \"FLOAT\" | \"STRING\" | \"FORMATTED_STRING\";\n  thousandSeparator?: boolean | string;\n  decimalSeparator?: string;\n  allowedDecimalSeparators?: Array<string>;\n  thousandsGroupStyle?: \"thousand\" | \"lakh\" | \"wan\" | \"none\";\n  decimalScale?: number;\n  fixedDecimalScale?: boolean;\n  allowNegative?: boolean;\n  allowLeadingZeros?: boolean;\n  suffix?: string;\n  prefix?: string;\n};\n\ntype MuiNumericFieldProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = UseControllerProps<TFieldValues, TName> & {\n  /** Additional settings */\n  config?: MuiNumericFieldConfig;\n  /** Settings for MUI elements */\n  inputProps?: {\n    /**\n     * Settings for TextField inside MuiTextField\n     *\n     * API: {@link https://mui.com/material-ui/api/text-field/}\n     */\n    textFieldProps?: TextFieldProps;\n  };\n  defaultValue: PathValue<FieldValues, FieldPath<FieldValues>>;\n  emptyValue?: 0 | \"\" | null | undefined;\n};\n\n/**\n * 数値入力の表示フォーマット\n */\nconst NumberFormatCustom = forwardRef<\n  HTMLInputElement,\n  InputBaseComponentProps & MuiNumericFieldConfig\n>(function NumberFormatBase(props, ref) {\n  // 不要なプロパティを除くためdestructureする\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const { valueType, defaultValue, onChange, allowLeadingZeros, ...others } =\n    props;\n\n  return (\n    <NumericFormat\n      {...others}\n      getInputRef={ref}\n      allowLeadingZeros={valueType === \"STRING\" || allowLeadingZeros}\n      onValueChange={(values, sourceInfo) => {\n        if (!onChange || !sourceInfo.event) return;\n        let value: string | number | undefined | null;\n        switch (valueType) {\n          case \"STRING\":\n            value = values.value;\n            break;\n          case \"FORMATTED_STRING\":\n            value = values.formattedValue;\n            break;\n          default:\n            value = values.floatValue ?? undefined;\n        }\n        const event = {\n          ...(sourceInfo.event as React.SyntheticEvent<HTMLInputElement>),\n          target: {\n            ...sourceInfo.event.target,\n            name: props.name,\n            value,\n          },\n        };\n        onChange(event);\n      }}\n    />\n  );\n});\n\n/**\n * React hook formとreact-number-formatで管理される数値入力コンポーネントです。\n * @typeParam TFieldValues - Type of the form.\n * @typeParam TName - Field name.\n * @example\n * ```\n *\n * <MuiNumericField<FormData, \"assets\">\n *   name=\"assets\"\n *   control={control}\n *   defaultValue={undefined}\n *   muiProps={{\n *     textFieldProps: {\n *       label: 'Assets',\n *       fullWidth: true\n *     }\n *   }}\n * />\n * ```\n */\nexport const NumericFieldController: <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>(\n  props: MuiNumericFieldProps<TFieldValues, TName>,\n) => JSX.Element = (props) => {\n  const {\n    inputProps: muiProps,\n    config,\n    defaultValue,\n    emptyValue,\n    ...others\n  } = props;\n  const { textFieldProps } = muiProps ?? {};\n\n  const isEmptyValue = (value: string | number | undefined | null) => {\n    return value === null || value === undefined || value === \"\";\n  };\n  return (\n    <Controller\n      control={others.control}\n      defaultValue={defaultValue}\n      name={others.name}\n      render={({ field, fieldState }) => (\n        <TextField\n          {...textFieldProps}\n          name={field.name}\n          value={isEmptyValue(field.value) ? \"\" : field.value}\n          onChange={(e) => {\n            field.onChange(e);\n          }}\n          error={!!fieldState.error}\n          helperText={fieldState.error?.message}\n          onBlur={field.onBlur}\n          InputProps={{\n            inputComponent: NumberFormatCustom,\n            endAdornment: !isEmptyValue(field.value) ? (\n              <InputAdornment position=\"end\">\n                <IconButton\n                  onClick={() => {\n                    field.onChange(emptyValue);\n                  }}\n                  edge=\"end\"\n                >\n                  <Clear />\n                </IconButton>\n              </InputAdornment>\n            ) : undefined,\n            inputProps: {\n              ...config,\n            },\n          }}\n        />\n      )}\n    />\n  );\n};\n\nexport default NumericFieldController;\n"],"names":["NumberFormatCustom","forwardRef","props","ref","valueType","defaultValue","onChange","allowLeadingZeros","others","jsx","NumericFormat","values","sourceInfo","value","event","NumericFieldController","muiProps","config","emptyValue","textFieldProps","isEmptyValue","Controller","field","fieldState","TextField","e","_a","InputAdornment","IconButton","Clear"],"mappings":"8RAgEMA,EAAqBC,EAAAA,WAGzB,SAA0BC,EAAOC,EAAK,CAGtC,KAAM,CAAE,UAAAC,EAAW,aAAAC,EAAc,SAAAC,EAAU,kBAAAC,EAAmB,GAAGC,GAC/DN,EAGA,OAAAO,EAAA,IAACC,EAAA,cAAA,CACE,GAAGF,EACJ,YAAaL,EACb,kBAAmBC,IAAc,UAAYG,EAC7C,cAAe,CAACI,EAAQC,IAAe,CACrC,GAAI,CAACN,GAAY,CAACM,EAAW,MAAO,OAChC,IAAAC,EACJ,OAAQT,EAAW,CACjB,IAAK,SACHS,EAAQF,EAAO,MACf,MACF,IAAK,mBACHE,EAAQF,EAAO,eACf,MACF,QACEE,EAAQF,EAAO,YAAc,MAAA,CAEjC,MAAMG,EAAQ,CACZ,GAAIF,EAAW,MACf,OAAQ,CACN,GAAGA,EAAW,MAAM,OACpB,KAAMV,EAAM,KACZ,MAAAW,CAAA,CAEJ,EACAP,EAASQ,CAAK,CAAA,CAChB,CACF,CAEJ,CAAC,EAsBYC,EAKOb,GAAU,CACtB,KAAA,CACJ,WAAYc,EACZ,OAAAC,EACA,aAAAZ,EACA,WAAAa,EACA,GAAGV,CAAA,EACDN,EACE,CAAE,eAAAiB,GAAmBH,GAAY,CAAC,EAElCI,EAAgBP,GACbA,GAAU,MAA+BA,IAAU,GAG1D,OAAAJ,EAAA,IAACY,EAAA,WAAA,CACC,QAASb,EAAO,QAChB,aAAAH,EACA,KAAMG,EAAO,KACb,OAAQ,CAAC,CAAE,MAAAc,EAAO,WAAAC,CAChB,IAAA,OAAAd,OAAAA,EAAA,IAACe,EAAA,UAAA,CACE,GAAGL,EACJ,KAAMG,EAAM,KACZ,MAAOF,EAAaE,EAAM,KAAK,EAAI,GAAKA,EAAM,MAC9C,SAAWG,GAAM,CACfH,EAAM,SAASG,CAAC,CAClB,EACA,MAAO,CAAC,CAACF,EAAW,MACpB,YAAYG,EAAAH,EAAW,QAAX,YAAAG,EAAkB,QAC9B,OAAQJ,EAAM,OACd,WAAY,CACV,eAAgBtB,EAChB,aAAeoB,EAAaE,EAAM,KAAK,EAWnC,OAVFb,MAACkB,EAAAA,eAAe,CAAA,SAAS,MACvB,SAAAlB,EAAA,IAACmB,EAAA,WAAA,CACC,QAAS,IAAM,CACbN,EAAM,SAASJ,CAAU,CAC3B,EACA,KAAK,MAEL,eAACW,EAAAA,MAAM,CAAA,CAAA,CAAA,GAEX,EAEF,WAAY,CACV,GAAGZ,CAAA,CACL,CACF,CAAA,EACF,CAEJ,CAEJ"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/NumericFieldController/index.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { forwardRef, type JSX } from \"react\";\nimport { Clear } from \"@mui/icons-material\";\nimport {\n  IconButton,\n  InputAdornment,\n  InputBaseComponentProps,\n  TextField,\n  TextFieldProps,\n} from \"@mui/material\";\nimport {\n  Controller,\n  FieldPath,\n  FieldValues,\n  PathValue,\n  UseControllerProps,\n} from \"react-hook-form\";\nimport { NumericFormat } from \"react-number-format\";\n\ntype MuiNumericFieldConfig = {\n  displayErrorMessage?: boolean;\n  /**\n   *\n   * @exmaple\n   * - FLOAT: `1000`\n   * - STRING: `'1000'`\n   * - FORMATTED_STRING: `'1,000'`\n   * @defaultValue `'FLOAT'`\n   */\n  valueType?: \"FLOAT\" | \"STRING\" | \"FORMATTED_STRING\";\n  thousandSeparator?: boolean | string;\n  decimalSeparator?: string;\n  allowedDecimalSeparators?: Array<string>;\n  thousandsGroupStyle?: \"thousand\" | \"lakh\" | \"wan\" | \"none\";\n  decimalScale?: number;\n  fixedDecimalScale?: boolean;\n  allowNegative?: boolean;\n  allowLeadingZeros?: boolean;\n  suffix?: string;\n  prefix?: string;\n};\n\ntype MuiNumericFieldProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = UseControllerProps<TFieldValues, TName> & {\n  /** Additional settings */\n  config?: MuiNumericFieldConfig;\n  /** Settings for MUI elements */\n  inputProps?: {\n    /**\n     * Settings for TextField inside MuiTextField\n     *\n     * API: {@link https://mui.com/material-ui/api/text-field/}\n     */\n    textFieldProps?: TextFieldProps;\n  };\n  defaultValue: PathValue<FieldValues, FieldPath<FieldValues>>;\n  emptyValue?: 0 | \"\" | null | undefined;\n};\n\n/**\n * 数値入力の表示フォーマット\n */\nconst NumberFormatCustom = forwardRef<\n  HTMLInputElement,\n  InputBaseComponentProps & MuiNumericFieldConfig\n>(function NumberFormatBase(props, ref) {\n  // 不要なプロパティを除くためdestructureする\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const { valueType, defaultValue, onChange, allowLeadingZeros, ...others } =\n    props;\n\n  return (\n    <NumericFormat\n      {...others}\n      getInputRef={ref}\n      allowLeadingZeros={valueType === \"STRING\" || allowLeadingZeros}\n      onValueChange={(values, sourceInfo) => {\n        if (!onChange || !sourceInfo.event) return;\n        let value: string | number | undefined | null;\n        switch (valueType) {\n          case \"STRING\":\n            value = values.value;\n            break;\n          case \"FORMATTED_STRING\":\n            value = values.formattedValue;\n            break;\n          default:\n            value = values.floatValue ?? undefined;\n        }\n        const event = {\n          ...(sourceInfo.event as React.SyntheticEvent<HTMLInputElement>),\n          target: {\n            ...sourceInfo.event.target,\n            name: props.name,\n            value,\n          },\n        };\n        onChange(event);\n      }}\n    />\n  );\n});\n\n/**\n * React hook formとreact-number-formatで管理される数値入力コンポーネントです。\n * @typeParam TFieldValues - Type of the form.\n * @typeParam TName - Field name.\n * @example\n * ```\n *\n * <MuiNumericField<FormData, \"assets\">\n *   name=\"assets\"\n *   control={control}\n *   defaultValue={undefined}\n *   muiProps={{\n *     textFieldProps: {\n *       label: 'Assets',\n *       fullWidth: true\n *     }\n *   }}\n * />\n * ```\n */\nexport const NumericFieldController: <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>(\n  props: MuiNumericFieldProps<TFieldValues, TName>,\n) => JSX.Element = (props) => {\n  const {\n    inputProps: muiProps,\n    config,\n    defaultValue,\n    emptyValue,\n    ...others\n  } = props;\n  const { textFieldProps } = muiProps ?? {};\n\n  const isEmptyValue = (value: string | number | undefined | null) => {\n    return value === null || value === undefined || value === \"\";\n  };\n  return (\n    <Controller\n      control={others.control}\n      defaultValue={defaultValue}\n      name={others.name}\n      render={({ field, fieldState }) => (\n        <TextField\n          {...textFieldProps}\n          name={field.name}\n          value={isEmptyValue(field.value) ? \"\" : field.value}\n          onChange={(e) => {\n            field.onChange(e);\n          }}\n          error={!!fieldState.error}\n          helperText={fieldState.error?.message}\n          onBlur={field.onBlur}\n          InputProps={{\n            inputComponent: NumberFormatCustom,\n            endAdornment: !isEmptyValue(field.value) ? (\n              <InputAdornment position=\"end\">\n                <IconButton\n                  onClick={() => {\n                    field.onChange(emptyValue);\n                  }}\n                  edge=\"end\"\n                >\n                  <Clear />\n                </IconButton>\n              </InputAdornment>\n            ) : undefined,\n            inputProps: {\n              ...config,\n            },\n          }}\n        />\n      )}\n    />\n  );\n};\n\nexport default NumericFieldController;\n"],"names":["NumberFormatCustom","forwardRef","props","ref","valueType","defaultValue","onChange","allowLeadingZeros","others","jsx","NumericFormat","values","sourceInfo","value","event","NumericFieldController","muiProps","config","emptyValue","textFieldProps","isEmptyValue","Controller","field","fieldState","TextField","e","_a","InputAdornment","IconButton","Clear"],"mappings":"8RAgEMA,EAAqBC,EAAAA,WAGzB,SAA0BC,EAAOC,EAAK,CAGtC,KAAM,CAAE,UAAAC,EAAW,aAAAC,EAAc,SAAAC,EAAU,kBAAAC,EAAmB,GAAGC,GAC/DN,EAEF,OACEO,EAAAA,IAACC,EAAAA,cAAA,CACE,GAAGF,EACJ,YAAaL,EACb,kBAAmBC,IAAc,UAAYG,EAC7C,cAAe,CAACI,EAAQC,IAAe,CACrC,GAAI,CAACN,GAAY,CAACM,EAAW,MAAO,OACpC,IAAIC,EACJ,OAAQT,EAAA,CACN,IAAK,SACHS,EAAQF,EAAO,MACf,MACF,IAAK,mBACHE,EAAQF,EAAO,eACf,MACF,QACEE,EAAQF,EAAO,YAAc,MAAA,CAEjC,MAAMG,EAAQ,CACZ,GAAIF,EAAW,MACf,OAAQ,CACN,GAAGA,EAAW,MAAM,OACpB,KAAMV,EAAM,KACZ,MAAAW,CAAA,CACF,EAEFP,EAASQ,CAAK,CAChB,CAAA,CAAA,CAGN,CAAC,EAsBYC,EAKOb,GAAU,CAC5B,KAAM,CACJ,WAAYc,EACZ,OAAAC,EACA,aAAAZ,EACA,WAAAa,EACA,GAAGV,CAAA,EACDN,EACE,CAAE,eAAAiB,GAAmBH,GAAY,CAAA,EAEjCI,EAAgBP,GACbA,GAAU,MAA+BA,IAAU,GAE5D,OACEJ,EAAAA,IAACY,EAAAA,WAAA,CACC,QAASb,EAAO,QAChB,aAAAH,EACA,KAAMG,EAAO,KACb,OAAQ,CAAC,CAAE,MAAAc,EAAO,WAAAC,KAAW,OAC3Bd,OAAAA,EAAAA,IAACe,EAAAA,UAAA,CACE,GAAGL,EACJ,KAAMG,EAAM,KACZ,MAAOF,EAAaE,EAAM,KAAK,EAAI,GAAKA,EAAM,MAC9C,SAAWG,GAAM,CACfH,EAAM,SAASG,CAAC,CAClB,EACA,MAAO,CAAC,CAACF,EAAW,MACpB,YAAYG,EAAAH,EAAW,QAAX,YAAAG,EAAkB,QAC9B,OAAQJ,EAAM,OACd,WAAY,CACV,eAAgBtB,EAChB,aAAeoB,EAAaE,EAAM,KAAK,EAWnC,OAVFb,MAACkB,EAAAA,eAAA,CAAe,SAAS,MACvB,SAAAlB,EAAAA,IAACmB,EAAAA,WAAA,CACC,QAAS,IAAM,CACbN,EAAM,SAASJ,CAAU,CAC3B,EACA,KAAK,MAEL,eAACW,EAAAA,MAAA,CAAA,CAAM,CAAA,CAAA,EAEX,EAEF,WAAY,CACV,GAAGZ,CAAA,CACL,CACF,CAAA,EACF,CAAA,CAIR"}

package/dist/components/NumericFieldController/index.d.ts

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import { TextFieldProps } from '@mui/material';
 import { FieldPath, FieldValues, PathValue, UseControllerProps } from 'react-hook-form';
 

package/dist/components/NumericFieldController/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../src/components/NumericFieldController/index.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { forwardRef } from \"react\";\nimport { Clear } from \"@mui/icons-material\";\nimport {\n  IconButton,\n  InputAdornment,\n  InputBaseComponentProps,\n  TextField,\n  TextFieldProps,\n} from \"@mui/material\";\nimport {\n  Controller,\n  FieldPath,\n  FieldValues,\n  PathValue,\n  UseControllerProps,\n} from \"react-hook-form\";\nimport { NumericFormat } from \"react-number-format\";\n\ntype MuiNumericFieldConfig = {\n  displayErrorMessage?: boolean;\n  /**\n   *\n   * @exmaple\n   * - FLOAT: `1000`\n   * - STRING: `'1000'`\n   * - FORMATTED_STRING: `'1,000'`\n   * @defaultValue `'FLOAT'`\n   */\n  valueType?: \"FLOAT\" | \"STRING\" | \"FORMATTED_STRING\";\n  thousandSeparator?: boolean | string;\n  decimalSeparator?: string;\n  allowedDecimalSeparators?: Array<string>;\n  thousandsGroupStyle?: \"thousand\" | \"lakh\" | \"wan\" | \"none\";\n  decimalScale?: number;\n  fixedDecimalScale?: boolean;\n  allowNegative?: boolean;\n  allowLeadingZeros?: boolean;\n  suffix?: string;\n  prefix?: string;\n};\n\ntype MuiNumericFieldProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = UseControllerProps<TFieldValues, TName> & {\n  /** Additional settings */\n  config?: MuiNumericFieldConfig;\n  /** Settings for MUI elements */\n  inputProps?: {\n    /**\n     * Settings for TextField inside MuiTextField\n     *\n     * API: {@link https://mui.com/material-ui/api/text-field/}\n     */\n    textFieldProps?: TextFieldProps;\n  };\n  defaultValue: PathValue<FieldValues, FieldPath<FieldValues>>;\n  emptyValue?: 0 | \"\" | null | undefined;\n};\n\n/**\n * 数値入力の表示フォーマット\n */\nconst NumberFormatCustom = forwardRef<\n  HTMLInputElement,\n  InputBaseComponentProps & MuiNumericFieldConfig\n>(function NumberFormatBase(props, ref) {\n  // 不要なプロパティを除くためdestructureする\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const { valueType, defaultValue, onChange, allowLeadingZeros, ...others } =\n    props;\n\n  return (\n    <NumericFormat\n      {...others}\n      getInputRef={ref}\n      allowLeadingZeros={valueType === \"STRING\" || allowLeadingZeros}\n      onValueChange={(values, sourceInfo) => {\n        if (!onChange || !sourceInfo.event) return;\n        let value: string | number | undefined | null;\n        switch (valueType) {\n          case \"STRING\":\n            value = values.value;\n            break;\n          case \"FORMATTED_STRING\":\n            value = values.formattedValue;\n            break;\n          default:\n            value = values.floatValue ?? undefined;\n        }\n        const event = {\n          ...(sourceInfo.event as React.SyntheticEvent<HTMLInputElement>),\n          target: {\n            ...sourceInfo.event.target,\n            name: props.name,\n            value,\n          },\n        };\n        onChange(event);\n      }}\n    />\n  );\n});\n\n/**\n * React hook formとreact-number-formatで管理される数値入力コンポーネントです。\n * @typeParam TFieldValues - Type of the form.\n * @typeParam TName - Field name.\n * @example\n * ```\n *\n * <MuiNumericField<FormData, \"assets\">\n *   name=\"assets\"\n *   control={control}\n *   defaultValue={undefined}\n *   muiProps={{\n *     textFieldProps: {\n *       label: 'Assets',\n *       fullWidth: true\n *     }\n *   }}\n * />\n * ```\n */\nexport const NumericFieldController: <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>(\n  props: MuiNumericFieldProps<TFieldValues, TName>,\n) => JSX.Element = (props) => {\n  const {\n    inputProps: muiProps,\n    config,\n    defaultValue,\n    emptyValue,\n    ...others\n  } = props;\n  const { textFieldProps } = muiProps ?? {};\n\n  const isEmptyValue = (value: string | number | undefined | null) => {\n    return value === null || value === undefined || value === \"\";\n  };\n  return (\n    <Controller\n      control={others.control}\n      defaultValue={defaultValue}\n      name={others.name}\n      render={({ field, fieldState }) => (\n        <TextField\n          {...textFieldProps}\n          name={field.name}\n          value={isEmptyValue(field.value) ? \"\" : field.value}\n          onChange={(e) => {\n            field.onChange(e);\n          }}\n          error={!!fieldState.error}\n          helperText={fieldState.error?.message}\n          onBlur={field.onBlur}\n          InputProps={{\n            inputComponent: NumberFormatCustom,\n            endAdornment: !isEmptyValue(field.value) ? (\n              <InputAdornment position=\"end\">\n                <IconButton\n                  onClick={() => {\n                    field.onChange(emptyValue);\n                  }}\n                  edge=\"end\"\n                >\n                  <Clear />\n                </IconButton>\n              </InputAdornment>\n            ) : undefined,\n            inputProps: {\n              ...config,\n            },\n          }}\n        />\n      )}\n    />\n  );\n};\n\nexport default NumericFieldController;\n"],"names":["NumberFormatCustom","forwardRef","props","ref","valueType","defaultValue","onChange","allowLeadingZeros","others","jsx","NumericFormat","values","sourceInfo","value","event","NumericFieldController","muiProps","config","emptyValue","textFieldProps","isEmptyValue","Controller","field","fieldState","TextField","e","_a","InputAdornment","IconButton","Clear"],"mappings":";;;;;;AAgEA,MAAMA,IAAqBC,EAGzB,SAA0BC,GAAOC,GAAK;AAGtC,QAAM,EAAE,WAAAC,GAAW,cAAAC,GAAc,UAAAC,GAAU,mBAAAC,GAAmB,GAAGC,MAC/DN;AAGA,SAAA,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,aAAaL;AAAA,MACb,mBAAmBC,MAAc,YAAYG;AAAA,MAC7C,eAAe,CAACI,GAAQC,MAAe;AACrC,YAAI,CAACN,KAAY,CAACM,EAAW,MAAO;AAChC,YAAAC;AACJ,gBAAQT,GAAW;AAAA,UACjB,KAAK;AACH,YAAAS,IAAQF,EAAO;AACf;AAAA,UACF,KAAK;AACH,YAAAE,IAAQF,EAAO;AACf;AAAA,UACF;AACE,YAAAE,IAAQF,EAAO,cAAc;AAAA,QAAA;AAEjC,cAAMG,IAAQ;AAAA,UACZ,GAAIF,EAAW;AAAA,UACf,QAAQ;AAAA,YACN,GAAGA,EAAW,MAAM;AAAA,YACpB,MAAMV,EAAM;AAAA,YACZ,OAAAW;AAAA,UAAA;AAAA,QAEJ;AACA,QAAAP,EAASQ,CAAK;AAAA,MAAA;AAAA,IAChB;AAAA,EACF;AAEJ,CAAC,GAsBYC,IAKM,CAACb,MAAU;AACtB,QAAA;AAAA,IACJ,YAAYc;AAAA,IACZ,QAAAC;AAAA,IACA,cAAAZ;AAAA,IACA,YAAAa;AAAA,IACA,GAAGV;AAAA,EAAA,IACDN,GACE,EAAE,gBAAAiB,MAAmBH,KAAY,CAAC,GAElCI,IAAe,CAACP,MACbA,KAAU,QAA+BA,MAAU;AAG1D,SAAA,gBAAAJ;AAAA,IAACY;AAAA,IAAA;AAAA,MACC,SAASb,EAAO;AAAA,MAChB,cAAAH;AAAA,MACA,MAAMG,EAAO;AAAA,MACb,QAAQ,CAAC,EAAE,OAAAc,GAAO,YAAAC,EAChB,MAAA;;AAAA,+BAAAd;AAAA,UAACe;AAAA,UAAA;AAAA,YACE,GAAGL;AAAA,YACJ,MAAMG,EAAM;AAAA,YACZ,OAAOF,EAAaE,EAAM,KAAK,IAAI,KAAKA,EAAM;AAAA,YAC9C,UAAU,CAACG,MAAM;AACf,cAAAH,EAAM,SAASG,CAAC;AAAA,YAClB;AAAA,YACA,OAAO,CAAC,CAACF,EAAW;AAAA,YACpB,aAAYG,IAAAH,EAAW,UAAX,gBAAAG,EAAkB;AAAA,YAC9B,QAAQJ,EAAM;AAAA,YACd,YAAY;AAAA,cACV,gBAAgBtB;AAAA,cAChB,cAAeoB,EAAaE,EAAM,KAAK,IAWnC,SAVF,gBAAAb,EAACkB,GAAe,EAAA,UAAS,OACvB,UAAA,gBAAAlB;AAAA,gBAACmB;AAAA,gBAAA;AAAA,kBACC,SAAS,MAAM;AACb,oBAAAN,EAAM,SAASJ,CAAU;AAAA,kBAC3B;AAAA,kBACA,MAAK;AAAA,kBAEL,4BAACW,GAAM,CAAA,CAAA;AAAA,gBAAA;AAAA,iBAEX;AAAA,cAEF,YAAY;AAAA,gBACV,GAAGZ;AAAA,cAAA;AAAA,YACL;AAAA,UACF;AAAA,QAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AAEJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../src/components/NumericFieldController/index.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { forwardRef, type JSX } from \"react\";\nimport { Clear } from \"@mui/icons-material\";\nimport {\n  IconButton,\n  InputAdornment,\n  InputBaseComponentProps,\n  TextField,\n  TextFieldProps,\n} from \"@mui/material\";\nimport {\n  Controller,\n  FieldPath,\n  FieldValues,\n  PathValue,\n  UseControllerProps,\n} from \"react-hook-form\";\nimport { NumericFormat } from \"react-number-format\";\n\ntype MuiNumericFieldConfig = {\n  displayErrorMessage?: boolean;\n  /**\n   *\n   * @exmaple\n   * - FLOAT: `1000`\n   * - STRING: `'1000'`\n   * - FORMATTED_STRING: `'1,000'`\n   * @defaultValue `'FLOAT'`\n   */\n  valueType?: \"FLOAT\" | \"STRING\" | \"FORMATTED_STRING\";\n  thousandSeparator?: boolean | string;\n  decimalSeparator?: string;\n  allowedDecimalSeparators?: Array<string>;\n  thousandsGroupStyle?: \"thousand\" | \"lakh\" | \"wan\" | \"none\";\n  decimalScale?: number;\n  fixedDecimalScale?: boolean;\n  allowNegative?: boolean;\n  allowLeadingZeros?: boolean;\n  suffix?: string;\n  prefix?: string;\n};\n\ntype MuiNumericFieldProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = UseControllerProps<TFieldValues, TName> & {\n  /** Additional settings */\n  config?: MuiNumericFieldConfig;\n  /** Settings for MUI elements */\n  inputProps?: {\n    /**\n     * Settings for TextField inside MuiTextField\n     *\n     * API: {@link https://mui.com/material-ui/api/text-field/}\n     */\n    textFieldProps?: TextFieldProps;\n  };\n  defaultValue: PathValue<FieldValues, FieldPath<FieldValues>>;\n  emptyValue?: 0 | \"\" | null | undefined;\n};\n\n/**\n * 数値入力の表示フォーマット\n */\nconst NumberFormatCustom = forwardRef<\n  HTMLInputElement,\n  InputBaseComponentProps & MuiNumericFieldConfig\n>(function NumberFormatBase(props, ref) {\n  // 不要なプロパティを除くためdestructureする\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const { valueType, defaultValue, onChange, allowLeadingZeros, ...others } =\n    props;\n\n  return (\n    <NumericFormat\n      {...others}\n      getInputRef={ref}\n      allowLeadingZeros={valueType === \"STRING\" || allowLeadingZeros}\n      onValueChange={(values, sourceInfo) => {\n        if (!onChange || !sourceInfo.event) return;\n        let value: string | number | undefined | null;\n        switch (valueType) {\n          case \"STRING\":\n            value = values.value;\n            break;\n          case \"FORMATTED_STRING\":\n            value = values.formattedValue;\n            break;\n          default:\n            value = values.floatValue ?? undefined;\n        }\n        const event = {\n          ...(sourceInfo.event as React.SyntheticEvent<HTMLInputElement>),\n          target: {\n            ...sourceInfo.event.target,\n            name: props.name,\n            value,\n          },\n        };\n        onChange(event);\n      }}\n    />\n  );\n});\n\n/**\n * React hook formとreact-number-formatで管理される数値入力コンポーネントです。\n * @typeParam TFieldValues - Type of the form.\n * @typeParam TName - Field name.\n * @example\n * ```\n *\n * <MuiNumericField<FormData, \"assets\">\n *   name=\"assets\"\n *   control={control}\n *   defaultValue={undefined}\n *   muiProps={{\n *     textFieldProps: {\n *       label: 'Assets',\n *       fullWidth: true\n *     }\n *   }}\n * />\n * ```\n */\nexport const NumericFieldController: <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>(\n  props: MuiNumericFieldProps<TFieldValues, TName>,\n) => JSX.Element = (props) => {\n  const {\n    inputProps: muiProps,\n    config,\n    defaultValue,\n    emptyValue,\n    ...others\n  } = props;\n  const { textFieldProps } = muiProps ?? {};\n\n  const isEmptyValue = (value: string | number | undefined | null) => {\n    return value === null || value === undefined || value === \"\";\n  };\n  return (\n    <Controller\n      control={others.control}\n      defaultValue={defaultValue}\n      name={others.name}\n      render={({ field, fieldState }) => (\n        <TextField\n          {...textFieldProps}\n          name={field.name}\n          value={isEmptyValue(field.value) ? \"\" : field.value}\n          onChange={(e) => {\n            field.onChange(e);\n          }}\n          error={!!fieldState.error}\n          helperText={fieldState.error?.message}\n          onBlur={field.onBlur}\n          InputProps={{\n            inputComponent: NumberFormatCustom,\n            endAdornment: !isEmptyValue(field.value) ? (\n              <InputAdornment position=\"end\">\n                <IconButton\n                  onClick={() => {\n                    field.onChange(emptyValue);\n                  }}\n                  edge=\"end\"\n                >\n                  <Clear />\n                </IconButton>\n              </InputAdornment>\n            ) : undefined,\n            inputProps: {\n              ...config,\n            },\n          }}\n        />\n      )}\n    />\n  );\n};\n\nexport default NumericFieldController;\n"],"names":["NumberFormatCustom","forwardRef","props","ref","valueType","defaultValue","onChange","allowLeadingZeros","others","jsx","NumericFormat","values","sourceInfo","value","event","NumericFieldController","muiProps","config","emptyValue","textFieldProps","isEmptyValue","Controller","field","fieldState","TextField","e","_a","InputAdornment","IconButton","Clear"],"mappings":";;;;;;AAgEA,MAAMA,IAAqBC,EAGzB,SAA0BC,GAAOC,GAAK;AAGtC,QAAM,EAAE,WAAAC,GAAW,cAAAC,GAAc,UAAAC,GAAU,mBAAAC,GAAmB,GAAGC,MAC/DN;AAEF,SACE,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,aAAaL;AAAA,MACb,mBAAmBC,MAAc,YAAYG;AAAA,MAC7C,eAAe,CAACI,GAAQC,MAAe;AACrC,YAAI,CAACN,KAAY,CAACM,EAAW,MAAO;AACpC,YAAIC;AACJ,gBAAQT,GAAA;AAAA,UACN,KAAK;AACH,YAAAS,IAAQF,EAAO;AACf;AAAA,UACF,KAAK;AACH,YAAAE,IAAQF,EAAO;AACf;AAAA,UACF;AACE,YAAAE,IAAQF,EAAO,cAAc;AAAA,QAAA;AAEjC,cAAMG,IAAQ;AAAA,UACZ,GAAIF,EAAW;AAAA,UACf,QAAQ;AAAA,YACN,GAAGA,EAAW,MAAM;AAAA,YACpB,MAAMV,EAAM;AAAA,YACZ,OAAAW;AAAA,UAAA;AAAA,QACF;AAEF,QAAAP,EAASQ,CAAK;AAAA,MAChB;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC,GAsBYC,IAKM,CAACb,MAAU;AAC5B,QAAM;AAAA,IACJ,YAAYc;AAAA,IACZ,QAAAC;AAAA,IACA,cAAAZ;AAAA,IACA,YAAAa;AAAA,IACA,GAAGV;AAAA,EAAA,IACDN,GACE,EAAE,gBAAAiB,MAAmBH,KAAY,CAAA,GAEjCI,IAAe,CAACP,MACbA,KAAU,QAA+BA,MAAU;AAE5D,SACE,gBAAAJ;AAAA,IAACY;AAAA,IAAA;AAAA,MACC,SAASb,EAAO;AAAA,MAChB,cAAAH;AAAA,MACA,MAAMG,EAAO;AAAA,MACb,QAAQ,CAAC,EAAE,OAAAc,GAAO,YAAAC,QAAW;;AAC3B,+BAAAd;AAAA,UAACe;AAAA,UAAA;AAAA,YACE,GAAGL;AAAA,YACJ,MAAMG,EAAM;AAAA,YACZ,OAAOF,EAAaE,EAAM,KAAK,IAAI,KAAKA,EAAM;AAAA,YAC9C,UAAU,CAACG,MAAM;AACf,cAAAH,EAAM,SAASG,CAAC;AAAA,YAClB;AAAA,YACA,OAAO,CAAC,CAACF,EAAW;AAAA,YACpB,aAAYG,IAAAH,EAAW,UAAX,gBAAAG,EAAkB;AAAA,YAC9B,QAAQJ,EAAM;AAAA,YACd,YAAY;AAAA,cACV,gBAAgBtB;AAAA,cAChB,cAAeoB,EAAaE,EAAM,KAAK,IAWnC,SAVF,gBAAAb,EAACkB,GAAA,EAAe,UAAS,OACvB,UAAA,gBAAAlB;AAAA,gBAACmB;AAAA,gBAAA;AAAA,kBACC,SAAS,MAAM;AACb,oBAAAN,EAAM,SAASJ,CAAU;AAAA,kBAC3B;AAAA,kBACA,MAAK;AAAA,kBAEL,4BAACW,GAAA,CAAA,CAAM;AAAA,gBAAA;AAAA,cAAA,GAEX;AAAA,cAEF,YAAY;AAAA,gBACV,GAAGZ;AAAA,cAAA;AAAA,YACL;AAAA,UACF;AAAA,QAAA;AAAA;AAAA,IACF;AAAA,EAAA;AAIR;"}

package/dist/components/NumericFieldController/index.test.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const n=require("react/jsx-runtime"),r=require("../../react.esm-CiMn0Rnx.cjs"),l=require("react-hook-form"),s=require("./index.cjs.js");describe("NumericFieldController component",()=>{it("renders a numeric field with the correct placeholder text",()=>{const c=r.renderHook(()=>l.useForm().control).result.current,o="TestNumericField",t="Numeric Placeholder";r.render(n.jsx(s.NumericFieldController,{control:c,name:o,defaultValue:"",inputProps:{textFieldProps:{placeholder:t}}}));const e=r.screen.getByPlaceholderText(t);expect(e).toBeInTheDocument(),expect(e).toHaveAttribute("type","text"),expect(e).toHaveAttribute("name",o),expect(e).toHaveAttribute("placeholder",t)})});
+"use strict";const n=require("react/jsx-runtime"),r=require("../../react.esm-DGuy6Rn3.cjs"),l=require("react-hook-form"),s=require("./index.cjs.js");describe("NumericFieldController component",()=>{it("renders a numeric field with the correct placeholder text",()=>{const c=r.renderHook(()=>l.useForm().control).result.current,o="TestNumericField",t="Numeric Placeholder";r.render(n.jsx(s.NumericFieldController,{control:c,name:o,defaultValue:"",inputProps:{textFieldProps:{placeholder:t}}}));const e=r.screen.getByPlaceholderText(t);expect(e).toBeInTheDocument(),expect(e).toHaveAttribute("type","text"),expect(e).toHaveAttribute("name",o),expect(e).toHaveAttribute("placeholder",t)})});
 //# sourceMappingURL=index.test.cjs.js.map

package/dist/components/NumericFieldController/index.test.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/NumericFieldController/index.test.tsx"],"sourcesContent":["import { render, renderHook, screen } from \"@testing-library/react\";\nimport { useForm } from \"react-hook-form\";\n\nimport NumericFieldController from \".\";\n\ndescribe(\"NumericFieldController component\", () => {\n  it(\"renders a numeric field with the correct placeholder text\", () => {\n    const controlResult = renderHook(() => {\n      const methods = useForm();\n      return methods.control;\n    });\n    const control = controlResult.result.current;\n    const testName = \"TestNumericField\";\n    const placeholder = \"Numeric Placeholder\";\n    const defaultValue = \"\";\n\n    render(\n      <NumericFieldController\n        control={control}\n        name={testName}\n        defaultValue={defaultValue}\n        inputProps={{\n          textFieldProps: { placeholder: placeholder },\n        }}\n      />,\n    );\n\n    const input = screen.getByPlaceholderText(placeholder);\n    expect(input).toBeInTheDocument();\n    expect(input).toHaveAttribute(\"type\", \"text\");\n    expect(input).toHaveAttribute(\"name\", testName);\n    expect(input).toHaveAttribute(\"placeholder\", placeholder);\n  });\n\n  // Add other test cases as needed\n});\n"],"names":["control","renderHook","useForm","testName","placeholder","render","jsx","NumericFieldController","input","screen"],"mappings":"qJAKA,SAAS,mCAAoC,IAAM,CACjD,GAAG,4DAA6D,IAAM,CAK9D,MAAAA,EAJgBC,EAAAA,WAAW,IACfC,EAAAA,QAAQ,EACT,OAChB,EAC6B,OAAO,QAC/BC,EAAW,mBACXC,EAAc,sBAGpBC,EAAA,OACEC,EAAA,IAACC,EAAA,uBAAA,CACC,QAAAP,EACA,KAAMG,EACN,aANiB,GAOjB,WAAY,CACV,eAAgB,CAAE,YAAAC,CAAyB,CAAA,CAC7C,CAAA,CAEJ,EAEM,MAAAI,EAAQC,EAAAA,OAAO,qBAAqBL,CAAW,EAC9C,OAAAI,CAAK,EAAE,kBAAkB,EAChC,OAAOA,CAAK,EAAE,gBAAgB,OAAQ,MAAM,EAC5C,OAAOA,CAAK,EAAE,gBAAgB,OAAQL,CAAQ,EAC9C,OAAOK,CAAK,EAAE,gBAAgB,cAAeJ,CAAW,CAAA,CACzD,CAGH,CAAC"}
+{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/NumericFieldController/index.test.tsx"],"sourcesContent":["import { render, renderHook, screen } from \"@testing-library/react\";\nimport { useForm } from \"react-hook-form\";\n\nimport NumericFieldController from \".\";\n\ndescribe(\"NumericFieldController component\", () => {\n  it(\"renders a numeric field with the correct placeholder text\", () => {\n    const controlResult = renderHook(() => {\n      const methods = useForm();\n      return methods.control;\n    });\n    const control = controlResult.result.current;\n    const testName = \"TestNumericField\";\n    const placeholder = \"Numeric Placeholder\";\n    const defaultValue = \"\";\n\n    render(\n      <NumericFieldController\n        control={control}\n        name={testName}\n        defaultValue={defaultValue}\n        inputProps={{\n          textFieldProps: { placeholder: placeholder },\n        }}\n      />,\n    );\n\n    const input = screen.getByPlaceholderText(placeholder);\n    expect(input).toBeInTheDocument();\n    expect(input).toHaveAttribute(\"type\", \"text\");\n    expect(input).toHaveAttribute(\"name\", testName);\n    expect(input).toHaveAttribute(\"placeholder\", placeholder);\n  });\n\n  // Add other test cases as needed\n});\n"],"names":["control","renderHook","useForm","testName","placeholder","render","jsx","NumericFieldController","input","screen"],"mappings":"qJAKA,SAAS,mCAAoC,IAAM,CACjD,GAAG,4DAA6D,IAAM,CAKpE,MAAMA,EAJgBC,EAAAA,WAAW,IACfC,EAAAA,QAAA,EACD,OAChB,EAC6B,OAAO,QAC/BC,EAAW,mBACXC,EAAc,sBAGpBC,EAAAA,OACEC,EAAAA,IAACC,EAAAA,uBAAA,CACC,QAAAP,EACA,KAAMG,EACN,aANiB,GAOjB,WAAY,CACV,eAAgB,CAAE,YAAAC,CAAA,CAAyB,CAC7C,CAAA,CACF,EAGF,MAAMI,EAAQC,EAAAA,OAAO,qBAAqBL,CAAW,EACrD,OAAOI,CAAK,EAAE,kBAAA,EACd,OAAOA,CAAK,EAAE,gBAAgB,OAAQ,MAAM,EAC5C,OAAOA,CAAK,EAAE,gBAAgB,OAAQL,CAAQ,EAC9C,OAAOK,CAAK,EAAE,gBAAgB,cAAeJ,CAAW,CAC1D,CAAC,CAGH,CAAC"}

package/dist/components/NumericFieldController/index.test.es.js

@@ -1,5 +1,5 @@
 import { jsx as c } from "react/jsx-runtime";
-import { a as l, r as n, s } from "../../react.esm-2FJSSo-S.js";
+import { a as l, r as n, s } from "../../react.esm-BBESb8eI.js";
 import { useForm as i } from "react-hook-form";
 import { NumericFieldController as m } from "./index.es.js";
 describe("NumericFieldController component", () => {

package/dist/components/NumericFieldController/index.test.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.test.es.js","sources":["../../../src/components/NumericFieldController/index.test.tsx"],"sourcesContent":["import { render, renderHook, screen } from \"@testing-library/react\";\nimport { useForm } from \"react-hook-form\";\n\nimport NumericFieldController from \".\";\n\ndescribe(\"NumericFieldController component\", () => {\n  it(\"renders a numeric field with the correct placeholder text\", () => {\n    const controlResult = renderHook(() => {\n      const methods = useForm();\n      return methods.control;\n    });\n    const control = controlResult.result.current;\n    const testName = \"TestNumericField\";\n    const placeholder = \"Numeric Placeholder\";\n    const defaultValue = \"\";\n\n    render(\n      <NumericFieldController\n        control={control}\n        name={testName}\n        defaultValue={defaultValue}\n        inputProps={{\n          textFieldProps: { placeholder: placeholder },\n        }}\n      />,\n    );\n\n    const input = screen.getByPlaceholderText(placeholder);\n    expect(input).toBeInTheDocument();\n    expect(input).toHaveAttribute(\"type\", \"text\");\n    expect(input).toHaveAttribute(\"name\", testName);\n    expect(input).toHaveAttribute(\"placeholder\", placeholder);\n  });\n\n  // Add other test cases as needed\n});\n"],"names":["control","renderHook","useForm","testName","placeholder","render","jsx","NumericFieldController","input","screen"],"mappings":";;;;AAKA,SAAS,oCAAoC,MAAM;AACjD,KAAG,6DAA6D,MAAM;AAK9D,UAAAA,IAJgBC,EAAW,MACfC,EAAQ,EACT,OAChB,EAC6B,OAAO,SAC/BC,IAAW,oBACXC,IAAc;AAGpB,IAAAC;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAAAP;AAAA,UACA,MAAMG;AAAA,UACN,cANiB;AAAA,UAOjB,YAAY;AAAA,YACV,gBAAgB,EAAE,aAAAC,EAAyB;AAAA,UAAA;AAAA,QAC7C;AAAA,MAAA;AAAA,IAEJ;AAEM,UAAAI,IAAQC,EAAO,qBAAqBL,CAAW;AAC9C,WAAAI,CAAK,EAAE,kBAAkB,GAChC,OAAOA,CAAK,EAAE,gBAAgB,QAAQ,MAAM,GAC5C,OAAOA,CAAK,EAAE,gBAAgB,QAAQL,CAAQ,GAC9C,OAAOK,CAAK,EAAE,gBAAgB,eAAeJ,CAAW;AAAA,EAAA,CACzD;AAGH,CAAC;"}
+{"version":3,"file":"index.test.es.js","sources":["../../../src/components/NumericFieldController/index.test.tsx"],"sourcesContent":["import { render, renderHook, screen } from \"@testing-library/react\";\nimport { useForm } from \"react-hook-form\";\n\nimport NumericFieldController from \".\";\n\ndescribe(\"NumericFieldController component\", () => {\n  it(\"renders a numeric field with the correct placeholder text\", () => {\n    const controlResult = renderHook(() => {\n      const methods = useForm();\n      return methods.control;\n    });\n    const control = controlResult.result.current;\n    const testName = \"TestNumericField\";\n    const placeholder = \"Numeric Placeholder\";\n    const defaultValue = \"\";\n\n    render(\n      <NumericFieldController\n        control={control}\n        name={testName}\n        defaultValue={defaultValue}\n        inputProps={{\n          textFieldProps: { placeholder: placeholder },\n        }}\n      />,\n    );\n\n    const input = screen.getByPlaceholderText(placeholder);\n    expect(input).toBeInTheDocument();\n    expect(input).toHaveAttribute(\"type\", \"text\");\n    expect(input).toHaveAttribute(\"name\", testName);\n    expect(input).toHaveAttribute(\"placeholder\", placeholder);\n  });\n\n  // Add other test cases as needed\n});\n"],"names":["control","renderHook","useForm","testName","placeholder","render","jsx","NumericFieldController","input","screen"],"mappings":";;;;AAKA,SAAS,oCAAoC,MAAM;AACjD,KAAG,6DAA6D,MAAM;AAKpE,UAAMA,IAJgBC,EAAW,MACfC,EAAA,EACD,OAChB,EAC6B,OAAO,SAC/BC,IAAW,oBACXC,IAAc;AAGpB,IAAAC;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAAAP;AAAA,UACA,MAAMG;AAAA,UACN,cANiB;AAAA,UAOjB,YAAY;AAAA,YACV,gBAAgB,EAAE,aAAAC,EAAA;AAAA,UAAyB;AAAA,QAC7C;AAAA,MAAA;AAAA,IACF;AAGF,UAAMI,IAAQC,EAAO,qBAAqBL,CAAW;AACrD,WAAOI,CAAK,EAAE,kBAAA,GACd,OAAOA,CAAK,EAAE,gBAAgB,QAAQ,MAAM,GAC5C,OAAOA,CAAK,EAAE,gBAAgB,QAAQL,CAAQ,GAC9C,OAAOK,CAAK,EAAE,gBAAgB,eAAeJ,CAAW;AAAA,EAC1D,CAAC;AAGH,CAAC;"}

package/dist/components/OfflineLabel/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index26.css');const e=require("react/jsx-runtime"),n=require("@mui/icons-material"),i=require("classnames"),o="_offlineLabel_2osy9_1",a={offlineLabel:o},l=s=>{const{fontSize:t="xx-small"}=s;return e.jsxs("div",{className:i(a.offlineLabel),style:{fontSize:t},children:[e.jsx(n.SignalWifiStatusbarConnectedNoInternet4,{fontSize:"small"}),"オフライン"]})};exports.OfflineLabel=l;exports.default=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index23.css');const e=require("react/jsx-runtime"),n=require("@mui/icons-material"),i=require("classnames"),o="_offlineLabel_2osy9_1",a={offlineLabel:o},l=s=>{const{fontSize:t="xx-small"}=s;return e.jsxs("div",{className:i(a.offlineLabel),style:{fontSize:t},children:[e.jsx(n.SignalWifiStatusbarConnectedNoInternet4,{fontSize:"small"}),"オフライン"]})};exports.OfflineLabel=l;exports.default=l;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/OfflineLabel/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/OfflineLabel/index.tsx"],"sourcesContent":["import { SignalWifiStatusbarConnectedNoInternet4 } from \"@mui/icons-material\";\nimport classNames from \"classnames\";\n\nimport styles from \"./index.module.scss\";\n\ntype Props = {\n  fontSize?: \"xx-small\" | \"large\";\n};\n\nexport const OfflineLabel = (props: Props) => {\n  const { fontSize = \"xx-small\" } = props;\n\n  return (\n    <div\n      className={classNames(styles.offlineLabel)}\n      style={{ fontSize: fontSize }}\n    >\n      <SignalWifiStatusbarConnectedNoInternet4 fontSize={\"small\"} />\n      オフライン\n    </div>\n  );\n};\n\nexport default OfflineLabel;\n"],"names":["OfflineLabel","props","fontSize","jsxs","classNames","styles","jsx","SignalWifiStatusbarConnectedNoInternet4"],"mappings":"uPASaA,EAAgBC,GAAiB,CACtC,KAAA,CAAE,SAAAC,EAAW,UAAA,EAAeD,EAGhC,OAAAE,EAAA,KAAC,MAAA,CACC,UAAWC,EAAWC,EAAO,YAAY,EACzC,MAAO,CAAE,SAAAH,CAAmB,EAE5B,SAAA,CAACI,EAAAA,IAAAC,EAAA,wCAAA,CAAwC,SAAU,OAAS,CAAA,EAAE,OAAA,CAAA,CAEhE,CAEJ"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/OfflineLabel/index.tsx"],"sourcesContent":["import { SignalWifiStatusbarConnectedNoInternet4 } from \"@mui/icons-material\";\nimport classNames from \"classnames\";\n\nimport styles from \"./index.module.scss\";\n\ntype Props = {\n  fontSize?: \"xx-small\" | \"large\";\n};\n\nexport const OfflineLabel = (props: Props) => {\n  const { fontSize = \"xx-small\" } = props;\n\n  return (\n    <div\n      className={classNames(styles.offlineLabel)}\n      style={{ fontSize: fontSize }}\n    >\n      <SignalWifiStatusbarConnectedNoInternet4 fontSize={\"small\"} />\n      オフライン\n    </div>\n  );\n};\n\nexport default OfflineLabel;\n"],"names":["OfflineLabel","props","fontSize","jsxs","classNames","styles","jsx","SignalWifiStatusbarConnectedNoInternet4"],"mappings":"uPASaA,EAAgBC,GAAiB,CAC5C,KAAM,CAAE,SAAAC,EAAW,UAAA,EAAeD,EAElC,OACEE,EAAAA,KAAC,MAAA,CACC,UAAWC,EAAWC,EAAO,YAAY,EACzC,MAAO,CAAE,SAAAH,CAAA,EAET,SAAA,CAAAI,EAAAA,IAACC,EAAAA,wCAAA,CAAwC,SAAU,OAAA,CAAS,EAAE,OAAA,CAAA,CAAA,CAIpE"}

package/dist/components/OfflineLabel/index.es.js

@@ -1,7 +1,7 @@
 import { jsxs as o, jsx as s } from "react/jsx-runtime";
 import { SignalWifiStatusbarConnectedNoInternet4 as t } from "@mui/icons-material";
 import n from "classnames";
-import '../../assets/index26.css';const f = "_offlineLabel_2osy9_1", a = {
+import '../../assets/index23.css';const f = "_offlineLabel_2osy9_1", a = {
   offlineLabel: f
 }, c = (e) => {
   const { fontSize: l = "xx-small" } = e;

package/dist/components/OfflineLabel/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../src/components/OfflineLabel/index.tsx"],"sourcesContent":["import { SignalWifiStatusbarConnectedNoInternet4 } from \"@mui/icons-material\";\nimport classNames from \"classnames\";\n\nimport styles from \"./index.module.scss\";\n\ntype Props = {\n  fontSize?: \"xx-small\" | \"large\";\n};\n\nexport const OfflineLabel = (props: Props) => {\n  const { fontSize = \"xx-small\" } = props;\n\n  return (\n    <div\n      className={classNames(styles.offlineLabel)}\n      style={{ fontSize: fontSize }}\n    >\n      <SignalWifiStatusbarConnectedNoInternet4 fontSize={\"small\"} />\n      オフライン\n    </div>\n  );\n};\n\nexport default OfflineLabel;\n"],"names":["OfflineLabel","props","fontSize","jsxs","classNames","styles","jsx","SignalWifiStatusbarConnectedNoInternet4"],"mappings":";;;;;GASaA,IAAe,CAACC,MAAiB;AACtC,QAAA,EAAE,UAAAC,IAAW,WAAA,IAAeD;AAGhC,SAAA,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAWC,EAAO,YAAY;AAAA,MACzC,OAAO,EAAE,UAAAH,EAAmB;AAAA,MAE5B,UAAA;AAAA,QAAC,gBAAAI,EAAAC,GAAA,EAAwC,UAAU,QAAS,CAAA;AAAA,QAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EAEhE;AAEJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../src/components/OfflineLabel/index.tsx"],"sourcesContent":["import { SignalWifiStatusbarConnectedNoInternet4 } from \"@mui/icons-material\";\nimport classNames from \"classnames\";\n\nimport styles from \"./index.module.scss\";\n\ntype Props = {\n  fontSize?: \"xx-small\" | \"large\";\n};\n\nexport const OfflineLabel = (props: Props) => {\n  const { fontSize = \"xx-small\" } = props;\n\n  return (\n    <div\n      className={classNames(styles.offlineLabel)}\n      style={{ fontSize: fontSize }}\n    >\n      <SignalWifiStatusbarConnectedNoInternet4 fontSize={\"small\"} />\n      オフライン\n    </div>\n  );\n};\n\nexport default OfflineLabel;\n"],"names":["OfflineLabel","props","fontSize","jsxs","classNames","styles","jsx","SignalWifiStatusbarConnectedNoInternet4"],"mappings":";;;;;GASaA,IAAe,CAACC,MAAiB;AAC5C,QAAM,EAAE,UAAAC,IAAW,WAAA,IAAeD;AAElC,SACE,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAWC,EAAO,YAAY;AAAA,MACzC,OAAO,EAAE,UAAAH,EAAA;AAAA,MAET,UAAA;AAAA,QAAA,gBAAAI,EAACC,GAAA,EAAwC,UAAU,QAAA,CAAS;AAAA,QAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIpE;"}

package/dist/components/PageSizeSelector/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index27.css');const e=require("react/jsx-runtime"),S=require("../../index-CCbJ_2yU.cjs"),g="_pageSelectorWrapper_1ylkc_1",x="_pageSelectorContainer_1ylkc_5",_="_selectBoxWrapper_1ylkc_14",l={pageSelectorWrapper:g,pageSelectorContainer:x,selectBoxWrapper:_},r=o=>{const{startRecordNum:c,endRecordNum:s,totalCount:n,values:p,defaultValue:u,onChangePageSize:t}=o,i=p||[{label:"10",value:10},{label:"50",value:50},{label:"100",value:100}],d=a=>{t&&t(a)};return e.jsx("div",{className:l.pageSelectorWrapper,children:e.jsxs("div",{className:l.pageSelectorContainer,children:[e.jsx("p",{children:"表示件数"}),e.jsx("div",{className:l.selectBoxWrapper,children:e.jsx(S.SelectBox,{values:i,defaultValue:u,onChange:a=>d(a.value)})}),e.jsxs("p",{children:[c,"-",s," of ",n]})]})})};exports.PageSizeSelector=r;exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index24.css');const e=require("react/jsx-runtime"),S=require("../../index-SHLzSoKB.cjs"),g="_pageSelectorWrapper_1ylkc_1",x="_pageSelectorContainer_1ylkc_5",_="_selectBoxWrapper_1ylkc_14",l={pageSelectorWrapper:g,pageSelectorContainer:x,selectBoxWrapper:_},r=o=>{const{startRecordNum:c,endRecordNum:s,totalCount:n,values:p,defaultValue:u,onChangePageSize:t}=o,i=p||[{label:"10",value:10},{label:"50",value:50},{label:"100",value:100}],d=a=>{t&&t(a)};return e.jsx("div",{className:l.pageSelectorWrapper,children:e.jsxs("div",{className:l.pageSelectorContainer,children:[e.jsx("p",{children:"表示件数"}),e.jsx("div",{className:l.selectBoxWrapper,children:e.jsx(S.SelectBox,{values:i,defaultValue:u,onChange:a=>d(a.value)})}),e.jsxs("p",{children:[c,"-",s," of ",n]})]})})};exports.PageSizeSelector=r;exports.default=r;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/PageSizeSelector/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/PageSizeSelector/index.tsx"],"sourcesContent":["import { SelectBox, SelectBoxValue } from \"@/components/SelectBox\";\nimport styles from \"./index.module.scss\";\n\nexport type PageSelectorValue = SelectBoxValue & {\n  value: number;\n};\n\ntype Props = {\n  startRecordNum: number;\n  endRecordNum: number;\n  totalCount: number;\n  values?: PageSelectorValue[];\n  defaultValue?: PageSelectorValue[\"value\"];\n  onChangePageSize?: (pageSize: number) => void;\n};\n\nexport const PageSizeSelector = (props: Props) => {\n  const {\n    startRecordNum,\n    endRecordNum,\n    totalCount,\n    values,\n    defaultValue,\n    onChangePageSize,\n  } = props;\n\n  const defaultValues = [\n    { label: \"10\", value: 10 },\n    { label: \"50\", value: 50 },\n    { label: \"100\", value: 100 },\n  ];\n\n  const selectBoxValues = values || defaultValues;\n\n  const handlePageSizeChange = (selectedPageSize: number) => {\n    if (onChangePageSize) {\n      onChangePageSize(selectedPageSize);\n    }\n  };\n\n  return (\n    <div className={styles.pageSelectorWrapper}>\n      <div className={styles.pageSelectorContainer}>\n        <p>表示件数</p>\n        <div className={styles.selectBoxWrapper}>\n          <SelectBox\n            values={selectBoxValues}\n            defaultValue={defaultValue}\n            onChange={(selectedOption) =>\n              handlePageSizeChange(selectedOption.value as number)\n            }\n          />\n        </div>\n        <p>\n          {startRecordNum}-{endRecordNum} of {totalCount}\n        </p>\n      </div>\n    </div>\n  );\n};\n\nexport default PageSizeSelector;\n"],"names":["PageSizeSelector","props","startRecordNum","endRecordNum","totalCount","values","defaultValue","onChangePageSize","selectBoxValues","handlePageSizeChange","selectedPageSize","jsx","styles","jsxs","SelectBox","selectedOption"],"mappings":"+VAgBaA,EAAoBC,GAAiB,CAC1C,KAAA,CACJ,eAAAC,EACA,aAAAC,EACA,WAAAC,EACA,OAAAC,EACA,aAAAC,EACA,iBAAAC,CAAA,EACEN,EAQEO,EAAkBH,GANF,CACpB,CAAE,MAAO,KAAM,MAAO,EAAG,EACzB,CAAE,MAAO,KAAM,MAAO,EAAG,EACzB,CAAE,MAAO,MAAO,MAAO,GAAI,CAC7B,EAIMI,EAAwBC,GAA6B,CACrDH,GACFA,EAAiBG,CAAgB,CAErC,EAGE,OAAAC,EAAA,IAAC,OAAI,UAAWC,EAAO,oBACrB,SAACC,EAAA,KAAA,MAAA,CAAI,UAAWD,EAAO,sBACrB,SAAA,CAAAD,EAAAA,IAAC,KAAE,SAAI,MAAA,CAAA,EACNA,EAAA,IAAA,MAAA,CAAI,UAAWC,EAAO,iBACrB,SAAAD,EAAA,IAACG,EAAA,UAAA,CACC,OAAQN,EACR,aAAAF,EACA,SAAWS,GACTN,EAAqBM,EAAe,KAAe,CAAA,CAAA,EAGzD,SACC,IACE,CAAA,SAAA,CAAAb,EAAe,IAAEC,EAAa,OAAKC,CAAA,CACtC,CAAA,CAAA,CAAA,CACF,CACF,CAAA,CAEJ"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/PageSizeSelector/index.tsx"],"sourcesContent":["import { SelectBox, SelectBoxValue } from \"@/components/SelectBox\";\nimport styles from \"./index.module.scss\";\n\nexport type PageSelectorValue = SelectBoxValue & {\n  value: number;\n};\n\ntype Props = {\n  startRecordNum: number;\n  endRecordNum: number;\n  totalCount: number;\n  values?: PageSelectorValue[];\n  defaultValue?: PageSelectorValue[\"value\"];\n  onChangePageSize?: (pageSize: number) => void;\n};\n\nexport const PageSizeSelector = (props: Props) => {\n  const {\n    startRecordNum,\n    endRecordNum,\n    totalCount,\n    values,\n    defaultValue,\n    onChangePageSize,\n  } = props;\n\n  const defaultValues = [\n    { label: \"10\", value: 10 },\n    { label: \"50\", value: 50 },\n    { label: \"100\", value: 100 },\n  ];\n\n  const selectBoxValues = values || defaultValues;\n\n  const handlePageSizeChange = (selectedPageSize: number) => {\n    if (onChangePageSize) {\n      onChangePageSize(selectedPageSize);\n    }\n  };\n\n  return (\n    <div className={styles.pageSelectorWrapper}>\n      <div className={styles.pageSelectorContainer}>\n        <p>表示件数</p>\n        <div className={styles.selectBoxWrapper}>\n          <SelectBox\n            values={selectBoxValues}\n            defaultValue={defaultValue}\n            onChange={(selectedOption) =>\n              handlePageSizeChange(selectedOption.value as number)\n            }\n          />\n        </div>\n        <p>\n          {startRecordNum}-{endRecordNum} of {totalCount}\n        </p>\n      </div>\n    </div>\n  );\n};\n\nexport default PageSizeSelector;\n"],"names":["PageSizeSelector","props","startRecordNum","endRecordNum","totalCount","values","defaultValue","onChangePageSize","selectBoxValues","handlePageSizeChange","selectedPageSize","jsx","styles","jsxs","SelectBox","selectedOption"],"mappings":"+VAgBaA,EAAoBC,GAAiB,CAChD,KAAM,CACJ,eAAAC,EACA,aAAAC,EACA,WAAAC,EACA,OAAAC,EACA,aAAAC,EACA,iBAAAC,CAAA,EACEN,EAQEO,EAAkBH,GANF,CACpB,CAAE,MAAO,KAAM,MAAO,EAAA,EACtB,CAAE,MAAO,KAAM,MAAO,EAAA,EACtB,CAAE,MAAO,MAAO,MAAO,GAAA,CAAI,EAKvBI,EAAwBC,GAA6B,CACrDH,GACFA,EAAiBG,CAAgB,CAErC,EAEA,OACEC,EAAAA,IAAC,OAAI,UAAWC,EAAO,oBACrB,SAAAC,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAO,sBACrB,SAAA,CAAAD,EAAAA,IAAC,KAAE,SAAA,MAAA,CAAI,EACPA,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAO,iBACrB,SAAAD,EAAAA,IAACG,EAAAA,UAAA,CACC,OAAQN,EACR,aAAAF,EACA,SAAWS,GACTN,EAAqBM,EAAe,KAAe,CAAA,CAAA,EAGzD,SACC,IAAA,CACE,SAAA,CAAAb,EAAe,IAAEC,EAAa,OAAKC,CAAA,CAAA,CACtC,CAAA,CAAA,CACF,CAAA,CACF,CAEJ"}

package/dist/components/PageSizeSelector/index.es.js

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { S as g } from "../../index-CSiE_l9r.js";
-import '../../assets/index27.css';const S = "_pageSelectorWrapper_1ylkc_1", h = "_pageSelectorContainer_1ylkc_5", m = "_selectBoxWrapper_1ylkc_14", l = {
+import { S as g } from "../../index-D7VNQwOv.js";
+import '../../assets/index24.css';const S = "_pageSelectorWrapper_1ylkc_1", h = "_pageSelectorContainer_1ylkc_5", m = "_selectBoxWrapper_1ylkc_14", l = {
   pageSelectorWrapper: S,
   pageSelectorContainer: h,
   selectBoxWrapper: m

package/dist/components/PageSizeSelector/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../src/components/PageSizeSelector/index.tsx"],"sourcesContent":["import { SelectBox, SelectBoxValue } from \"@/components/SelectBox\";\nimport styles from \"./index.module.scss\";\n\nexport type PageSelectorValue = SelectBoxValue & {\n  value: number;\n};\n\ntype Props = {\n  startRecordNum: number;\n  endRecordNum: number;\n  totalCount: number;\n  values?: PageSelectorValue[];\n  defaultValue?: PageSelectorValue[\"value\"];\n  onChangePageSize?: (pageSize: number) => void;\n};\n\nexport const PageSizeSelector = (props: Props) => {\n  const {\n    startRecordNum,\n    endRecordNum,\n    totalCount,\n    values,\n    defaultValue,\n    onChangePageSize,\n  } = props;\n\n  const defaultValues = [\n    { label: \"10\", value: 10 },\n    { label: \"50\", value: 50 },\n    { label: \"100\", value: 100 },\n  ];\n\n  const selectBoxValues = values || defaultValues;\n\n  const handlePageSizeChange = (selectedPageSize: number) => {\n    if (onChangePageSize) {\n      onChangePageSize(selectedPageSize);\n    }\n  };\n\n  return (\n    <div className={styles.pageSelectorWrapper}>\n      <div className={styles.pageSelectorContainer}>\n        <p>表示件数</p>\n        <div className={styles.selectBoxWrapper}>\n          <SelectBox\n            values={selectBoxValues}\n            defaultValue={defaultValue}\n            onChange={(selectedOption) =>\n              handlePageSizeChange(selectedOption.value as number)\n            }\n          />\n        </div>\n        <p>\n          {startRecordNum}-{endRecordNum} of {totalCount}\n        </p>\n      </div>\n    </div>\n  );\n};\n\nexport default PageSizeSelector;\n"],"names":["PageSizeSelector","props","startRecordNum","endRecordNum","totalCount","values","defaultValue","onChangePageSize","selectBoxValues","handlePageSizeChange","selectedPageSize","jsx","styles","jsxs","SelectBox","selectedOption"],"mappings":";;;;;;GAgBaA,IAAmB,CAACC,MAAiB;AAC1C,QAAA;AAAA,IACJ,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,QAAAC;AAAA,IACA,cAAAC;AAAA,IACA,kBAAAC;AAAA,EAAA,IACEN,GAQEO,IAAkBH,KANF;AAAA,IACpB,EAAE,OAAO,MAAM,OAAO,GAAG;AAAA,IACzB,EAAE,OAAO,MAAM,OAAO,GAAG;AAAA,IACzB,EAAE,OAAO,OAAO,OAAO,IAAI;AAAA,EAC7B,GAIMI,IAAuB,CAACC,MAA6B;AACzD,IAAIH,KACFA,EAAiBG,CAAgB;AAAA,EAErC;AAGE,SAAA,gBAAAC,EAAC,SAAI,WAAWC,EAAO,qBACrB,UAAC,gBAAAC,EAAA,OAAA,EAAI,WAAWD,EAAO,uBACrB,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAE,UAAI,OAAA,CAAA;AAAA,IACN,gBAAAA,EAAA,OAAA,EAAI,WAAWC,EAAO,kBACrB,UAAA,gBAAAD;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,QAAQN;AAAA,QACR,cAAAF;AAAA,QACA,UAAU,CAACS,MACTN,EAAqBM,EAAe,KAAe;AAAA,MAAA;AAAA,IAAA,GAGzD;AAAA,sBACC,KACE,EAAA,UAAA;AAAA,MAAAb;AAAA,MAAe;AAAA,MAAEC;AAAA,MAAa;AAAA,MAAKC;AAAA,IAAA,EACtC,CAAA;AAAA,EAAA,EAAA,CACF,EACF,CAAA;AAEJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../src/components/PageSizeSelector/index.tsx"],"sourcesContent":["import { SelectBox, SelectBoxValue } from \"@/components/SelectBox\";\nimport styles from \"./index.module.scss\";\n\nexport type PageSelectorValue = SelectBoxValue & {\n  value: number;\n};\n\ntype Props = {\n  startRecordNum: number;\n  endRecordNum: number;\n  totalCount: number;\n  values?: PageSelectorValue[];\n  defaultValue?: PageSelectorValue[\"value\"];\n  onChangePageSize?: (pageSize: number) => void;\n};\n\nexport const PageSizeSelector = (props: Props) => {\n  const {\n    startRecordNum,\n    endRecordNum,\n    totalCount,\n    values,\n    defaultValue,\n    onChangePageSize,\n  } = props;\n\n  const defaultValues = [\n    { label: \"10\", value: 10 },\n    { label: \"50\", value: 50 },\n    { label: \"100\", value: 100 },\n  ];\n\n  const selectBoxValues = values || defaultValues;\n\n  const handlePageSizeChange = (selectedPageSize: number) => {\n    if (onChangePageSize) {\n      onChangePageSize(selectedPageSize);\n    }\n  };\n\n  return (\n    <div className={styles.pageSelectorWrapper}>\n      <div className={styles.pageSelectorContainer}>\n        <p>表示件数</p>\n        <div className={styles.selectBoxWrapper}>\n          <SelectBox\n            values={selectBoxValues}\n            defaultValue={defaultValue}\n            onChange={(selectedOption) =>\n              handlePageSizeChange(selectedOption.value as number)\n            }\n          />\n        </div>\n        <p>\n          {startRecordNum}-{endRecordNum} of {totalCount}\n        </p>\n      </div>\n    </div>\n  );\n};\n\nexport default PageSizeSelector;\n"],"names":["PageSizeSelector","props","startRecordNum","endRecordNum","totalCount","values","defaultValue","onChangePageSize","selectBoxValues","handlePageSizeChange","selectedPageSize","jsx","styles","jsxs","SelectBox","selectedOption"],"mappings":";;;;;;GAgBaA,IAAmB,CAACC,MAAiB;AAChD,QAAM;AAAA,IACJ,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,QAAAC;AAAA,IACA,cAAAC;AAAA,IACA,kBAAAC;AAAA,EAAA,IACEN,GAQEO,IAAkBH,KANF;AAAA,IACpB,EAAE,OAAO,MAAM,OAAO,GAAA;AAAA,IACtB,EAAE,OAAO,MAAM,OAAO,GAAA;AAAA,IACtB,EAAE,OAAO,OAAO,OAAO,IAAA;AAAA,EAAI,GAKvBI,IAAuB,CAACC,MAA6B;AACzD,IAAIH,KACFA,EAAiBG,CAAgB;AAAA,EAErC;AAEA,SACE,gBAAAC,EAAC,SAAI,WAAWC,EAAO,qBACrB,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,uBACrB,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAE,UAAA,OAAA,CAAI;AAAA,IACP,gBAAAA,EAAC,OAAA,EAAI,WAAWC,EAAO,kBACrB,UAAA,gBAAAD;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,QAAQN;AAAA,QACR,cAAAF;AAAA,QACA,UAAU,CAACS,MACTN,EAAqBM,EAAe,KAAe;AAAA,MAAA;AAAA,IAAA,GAGzD;AAAA,sBACC,KAAA,EACE,UAAA;AAAA,MAAAb;AAAA,MAAe;AAAA,MAAEC;AAAA,MAAa;AAAA,MAAKC;AAAA,IAAA,EAAA,CACtC;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/dist/components/Pagination/index.cjs.js

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index33.css');const ne=require("react/jsx-runtime"),$=require("classnames"),le=require("react-icons/md"),ce=require("../../_commonjsHelpers-DKOUU3wS.cjs"),fe=require("react");var pe={exports:{}};(function(ee,ie){(function(V,J){ee.exports=J(fe)})(ce.commonjsGlobal,V=>(()=>{var J={703:(u,g,P)=>{var a=P(414);function H(){}function F(){}F.resetWarningCache=H,u.exports=function(){function b(se,R,Y,K,oe,U){if(U!==a){var G=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw G.name="Invariant Violation",G}}function w(){return b}b.isRequired=b;var M={array:b,bigint:b,bool:b,func:b,number:b,object:b,string:b,symbol:b,any:b,arrayOf:w,element:b,elementType:b,instanceOf:w,node:b,objectOf:w,oneOf:w,oneOfType:w,shape:w,exact:w,checkPropTypes:F,resetWarningCache:H};return M.PropTypes=M,M}},697:(u,g,P)=>{u.exports=P(703)()},414:u=>{u.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},98:u=>{u.exports=V}},S={};function v(u){var g=S[u];if(g!==void 0)return g.exports;var P=S[u]={exports:{}};return J[u](P,P.exports,v),P.exports}v.n=u=>{var g=u&&u.__esModule?()=>u.default:()=>u;return v.d(g,{a:g}),g},v.d=(u,g)=>{for(var P in g)v.o(g,P)&&!v.o(u,P)&&Object.defineProperty(u,P,{enumerable:!0,get:g[P]})},v.o=(u,g)=>Object.prototype.hasOwnProperty.call(u,g),v.r=u=>{typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(u,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(u,"__esModule",{value:!0})};var ae={};return(()=>{v.r(ae),v.d(ae,{default:()=>ge});var u=v(98),g=v.n(u),P=v(697),a=v.n(P);function H(){return H=Object.assign?Object.assign.bind():function(r){for(var i=1;i<arguments.length;i++){var o=arguments[i];for(var l in o)Object.prototype.hasOwnProperty.call(o,l)&&(r[l]=o[l])}return r},H.apply(this,arguments)}var F=function(r){var i=r.pageClassName,o=r.pageLinkClassName,l=r.page,I=r.selected,D=r.activeClassName,O=r.activeLinkClassName,t=r.getEventListener,e=r.pageSelectedHandler,p=r.href,n=r.extraAriaContext,s=r.pageLabelBuilder,c=r.rel,f=r.ariaLabel||"Page "+l+(n?" "+n:""),h=null;return I&&(h="page",f=r.ariaLabel||"Page "+l+" is your current page",i=i!==void 0?i+" "+D:D,o!==void 0?O!==void 0&&(o=o+" "+O):o=O),g().createElement("li",{className:i},g().createElement("a",H({rel:c,role:p?void 0:"button",className:o,href:p,tabIndex:I?"-1":"0","aria-label":f,"aria-current":h,onKeyPress:e},t(e)),s(l)))};F.propTypes={pageSelectedHandler:a().func.isRequired,selected:a().bool.isRequired,pageClassName:a().string,pageLinkClassName:a().string,activeClassName:a().string,activeLinkClassName:a().string,extraAriaContext:a().string,href:a().string,ariaLabel:a().string,page:a().number.isRequired,getEventListener:a().func.isRequired,pageLabelBuilder:a().func.isRequired,rel:a().string};const b=F;function w(){return w=Object.assign?Object.assign.bind():function(r){for(var i=1;i<arguments.length;i++){var o=arguments[i];for(var l in o)Object.prototype.hasOwnProperty.call(o,l)&&(r[l]=o[l])}return r},w.apply(this,arguments)}var M=function(r){var i=r.breakLabel,o=r.breakAriaLabel,l=r.breakClassName,I=r.breakLinkClassName,D=r.breakHandler,O=r.getEventListener,t=l||"break";return g().createElement("li",{className:t},g().createElement("a",w({className:I,role:"button",tabIndex:"0","aria-label":o,onKeyPress:D},O(D)),i))};M.propTypes={breakLabel:a().oneOfType([a().string,a().node]),breakAriaLabel:a().string,breakClassName:a().string,breakLinkClassName:a().string,breakHandler:a().func.isRequired,getEventListener:a().func.isRequired};const se=M;function R(r){var i=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"";return r??i}function Y(r){return Y=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(i){return typeof i}:function(i){return i&&typeof Symbol=="function"&&i.constructor===Symbol&&i!==Symbol.prototype?"symbol":typeof i},Y(r)}function K(){return K=Object.assign?Object.assign.bind():function(r){for(var i=1;i<arguments.length;i++){var o=arguments[i];for(var l in o)Object.prototype.hasOwnProperty.call(o,l)&&(r[l]=o[l])}return r},K.apply(this,arguments)}function oe(r,i){for(var o=0;o<i.length;o++){var l=i[o];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(r,l.key,l)}}function U(r,i){return U=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(o,l){return o.__proto__=l,o},U(r,i)}function G(r,i){if(i&&(Y(i)==="object"||typeof i=="function"))return i;if(i!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return x(r)}function x(r){if(r===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function z(r){return z=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(i){return i.__proto__||Object.getPrototypeOf(i)},z(r)}function y(r,i,o){return i in r?Object.defineProperty(r,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):r[i]=o,r}var te=function(r){(function(t,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&U(t,e)})(O,r);var i,o,l,I,D=(l=O,I=function(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}(),function(){var t,e=z(l);if(I){var p=z(this).constructor;t=Reflect.construct(e,arguments,p)}else t=e.apply(this,arguments);return G(this,t)});function O(t){var e,p;return function(n,s){if(!(n instanceof s))throw new TypeError("Cannot call a class as a function")}(this,O),y(x(e=D.call(this,t)),"handlePreviousPage",function(n){var s=e.state.selected;e.handleClick(n,null,s>0?s-1:void 0,{isPrevious:!0})}),y(x(e),"handleNextPage",function(n){var s=e.state.selected,c=e.props.pageCount;e.handleClick(n,null,s<c-1?s+1:void 0,{isNext:!0})}),y(x(e),"handlePageSelected",function(n,s){if(e.state.selected===n)return e.callActiveCallback(n),void e.handleClick(s,null,void 0,{isActive:!0});e.handleClick(s,null,n)}),y(x(e),"handlePageChange",function(n){e.state.selected!==n&&(e.setState({selected:n}),e.callCallback(n))}),y(x(e),"getEventListener",function(n){return y({},e.props.eventListener,n)}),y(x(e),"handleClick",function(n,s,c){var f=arguments.length>3&&arguments[3]!==void 0?arguments[3]:{},h=f.isPrevious,_=h!==void 0&&h,W=f.isNext,Z=W!==void 0&&W,q=f.isBreak,L=q!==void 0&&q,E=f.isActive,A=E!==void 0&&E;n.preventDefault?n.preventDefault():n.returnValue=!1;var j=e.state.selected,d=e.props.onClick,N=c;if(d){var k=d({index:s,selected:j,nextSelectedPage:c,event:n,isPrevious:_,isNext:Z,isBreak:L,isActive:A});if(k===!1)return;Number.isInteger(k)&&(N=k)}N!==void 0&&e.handlePageChange(N)}),y(x(e),"handleBreakClick",function(n,s){var c=e.state.selected;e.handleClick(s,n,c<n?e.getForwardJump():e.getBackwardJump(),{isBreak:!0})}),y(x(e),"callCallback",function(n){e.props.onPageChange!==void 0&&typeof e.props.onPageChange=="function"&&e.props.onPageChange({selected:n})}),y(x(e),"callActiveCallback",function(n){e.props.onPageActive!==void 0&&typeof e.props.onPageActive=="function"&&e.props.onPageActive({selected:n})}),y(x(e),"getElementPageRel",function(n){var s=e.state.selected,c=e.props,f=c.nextPageRel,h=c.prevPageRel,_=c.selectedPageRel;return s-1===n?h:s===n?_:s+1===n?f:void 0}),y(x(e),"pagination",function(){var n=[],s=e.props,c=s.pageRangeDisplayed,f=s.pageCount,h=s.marginPagesDisplayed,_=s.breakLabel,W=s.breakClassName,Z=s.breakLinkClassName,q=s.breakAriaLabels,L=e.state.selected;if(f<=c)for(var E=0;E<f;E++)n.push(e.getPageElement(E));else{var A=c/2,j=c-A;L>f-c/2?A=c-(j=f-L):L<c/2&&(j=c-(A=L));var d,N,k=function(T){return e.getPageElement(T)},m=[];for(d=0;d<f;d++){var Q=d+1;if(Q<=h)m.push({type:"page",index:d,display:k(d)});else if(Q>f-h)m.push({type:"page",index:d,display:k(d)});else if(d>=L-A&&d<=L+(L===0&&c>1?j-1:j))m.push({type:"page",index:d,display:k(d)});else if(_&&m.length>0&&m[m.length-1].display!==N&&(c>0||h>0)){var re=d<L?q.backward:q.forward;N=g().createElement(se,{key:d,breakAriaLabel:re,breakLabel:_,breakClassName:W,breakLinkClassName:Z,breakHandler:e.handleBreakClick.bind(null,d),getEventListener:e.getEventListener}),m.push({type:"break",index:d,display:N})}}m.forEach(function(T,B){var X=T;T.type==="break"&&m[B-1]&&m[B-1].type==="page"&&m[B+1]&&m[B+1].type==="page"&&m[B+1].index-m[B-1].index<=2&&(X={type:"page",index:T.index,display:k(T.index)}),n.push(X.display)})}return n}),t.initialPage!==void 0&&t.forcePage!==void 0&&console.warn("(react-paginate): Both initialPage (".concat(t.initialPage,") and forcePage (").concat(t.forcePage,") props are provided, which is discouraged.")+` Use exclusively forcePage prop for a controlled component.
-See https://reactjs.org/docs/forms.html#controlled-components`),p=t.initialPage?t.initialPage:t.forcePage?t.forcePage:0,e.state={selected:p},e}return i=O,(o=[{key:"componentDidMount",value:function(){var t=this.props,e=t.initialPage,p=t.disableInitialCallback,n=t.extraAriaContext,s=t.pageCount,c=t.forcePage;e===void 0||p||this.callCallback(e),n&&console.warn("DEPRECATED (react-paginate): The extraAriaContext prop is deprecated. You should now use the ariaLabelBuilder instead."),Number.isInteger(s)||console.warn("(react-paginate): The pageCount prop value provided is not an integer (".concat(s,"). Did you forget a Math.ceil()?")),e!==void 0&&e>s-1&&console.warn("(react-paginate): The initialPage prop provided is greater than the maximum page index from pageCount prop (".concat(e," > ").concat(s-1,").")),c!==void 0&&c>s-1&&console.warn("(react-paginate): The forcePage prop provided is greater than the maximum page index from pageCount prop (".concat(c," > ").concat(s-1,")."))}},{key:"componentDidUpdate",value:function(t){this.props.forcePage!==void 0&&this.props.forcePage!==t.forcePage&&(this.props.forcePage>this.props.pageCount-1&&console.warn("(react-paginate): The forcePage prop provided is greater than the maximum page index from pageCount prop (".concat(this.props.forcePage," > ").concat(this.props.pageCount-1,").")),this.setState({selected:this.props.forcePage})),Number.isInteger(t.pageCount)&&!Number.isInteger(this.props.pageCount)&&console.warn("(react-paginate): The pageCount prop value provided is not an integer (".concat(this.props.pageCount,"). Did you forget a Math.ceil()?"))}},{key:"getForwardJump",value:function(){var t=this.state.selected,e=this.props,p=e.pageCount,n=t+e.pageRangeDisplayed;return n>=p?p-1:n}},{key:"getBackwardJump",value:function(){var t=this.state.selected-this.props.pageRangeDisplayed;return t<0?0:t}},{key:"getElementHref",value:function(t){var e=this.props,p=e.hrefBuilder,n=e.pageCount,s=e.hrefAllControls;if(p)return s||t>=0&&t<n?p(t+1,n,this.state.selected):void 0}},{key:"ariaLabelBuilder",value:function(t){var e=t===this.state.selected;if(this.props.ariaLabelBuilder&&t>=0&&t<this.props.pageCount){var p=this.props.ariaLabelBuilder(t+1,e);return this.props.extraAriaContext&&!e&&(p=p+" "+this.props.extraAriaContext),p}}},{key:"getPageElement",value:function(t){var e=this.state.selected,p=this.props,n=p.pageClassName,s=p.pageLinkClassName,c=p.activeClassName,f=p.activeLinkClassName,h=p.extraAriaContext,_=p.pageLabelBuilder;return g().createElement(b,{key:t,pageSelectedHandler:this.handlePageSelected.bind(null,t),selected:e===t,rel:this.getElementPageRel(t),pageClassName:n,pageLinkClassName:s,activeClassName:c,activeLinkClassName:f,extraAriaContext:h,href:this.getElementHref(t),ariaLabel:this.ariaLabelBuilder(t),page:t+1,pageLabelBuilder:_,getEventListener:this.getEventListener})}},{key:"render",value:function(){var t=this.props.renderOnZeroPageCount;if(this.props.pageCount===0&&t!==void 0)return t&&t(this.props);var e=this.props,p=e.disabledClassName,n=e.disabledLinkClassName,s=e.pageCount,c=e.className,f=e.containerClassName,h=e.previousLabel,_=e.previousClassName,W=e.previousLinkClassName,Z=e.previousAriaLabel,q=e.prevRel,L=e.nextLabel,E=e.nextClassName,A=e.nextLinkClassName,j=e.nextAriaLabel,d=e.nextRel,N=this.state.selected,k=N===0,m=N===s-1,Q="".concat(R(_)).concat(k?" ".concat(R(p)):""),re="".concat(R(E)).concat(m?" ".concat(R(p)):""),T="".concat(R(W)).concat(k?" ".concat(R(n)):""),B="".concat(R(A)).concat(m?" ".concat(R(n)):""),X=k?"true":"false",de=m?"true":"false";return g().createElement("ul",{className:c||f,role:"navigation","aria-label":"Pagination"},g().createElement("li",{className:Q},g().createElement("a",K({className:T,href:this.getElementHref(N-1),tabIndex:k?"-1":"0",role:"button",onKeyPress:this.handlePreviousPage,"aria-disabled":X,"aria-label":Z,rel:q},this.getEventListener(this.handlePreviousPage)),h)),this.pagination(),g().createElement("li",{className:re},g().createElement("a",K({className:B,href:this.getElementHref(N+1),tabIndex:m?"-1":"0",role:"button",onKeyPress:this.handleNextPage,"aria-disabled":de,"aria-label":j,rel:d},this.getEventListener(this.handleNextPage)),L)))}}])&&oe(i.prototype,o),Object.defineProperty(i,"prototype",{writable:!1}),O}(u.Component);y(te,"propTypes",{pageCount:a().number.isRequired,pageRangeDisplayed:a().number,marginPagesDisplayed:a().number,previousLabel:a().node,previousAriaLabel:a().string,prevPageRel:a().string,prevRel:a().string,nextLabel:a().node,nextAriaLabel:a().string,nextPageRel:a().string,nextRel:a().string,breakLabel:a().oneOfType([a().string,a().node]),breakAriaLabels:a().shape({forward:a().string,backward:a().string}),hrefBuilder:a().func,hrefAllControls:a().bool,onPageChange:a().func,onPageActive:a().func,onClick:a().func,initialPage:a().number,forcePage:a().number,disableInitialCallback:a().bool,containerClassName:a().string,className:a().string,pageClassName:a().string,pageLinkClassName:a().string,pageLabelBuilder:a().func,activeClassName:a().string,activeLinkClassName:a().string,previousClassName:a().string,nextClassName:a().string,previousLinkClassName:a().string,nextLinkClassName:a().string,disabledClassName:a().string,disabledLinkClassName:a().string,breakClassName:a().string,breakLinkClassName:a().string,extraAriaContext:a().string,ariaLabelBuilder:a().func,eventListener:a().string,renderOnZeroPageCount:a().func,selectedPageRel:a().string}),y(te,"defaultProps",{pageRangeDisplayed:2,marginPagesDisplayed:3,activeClassName:"selected",previousLabel:"Previous",previousClassName:"previous",previousAriaLabel:"Previous page",prevPageRel:"prev",prevRel:"prev",nextLabel:"Next",nextClassName:"next",nextAriaLabel:"Next page",nextPageRel:"next",nextRel:"next",breakLabel:"...",breakAriaLabels:{forward:"Jump forward",backward:"Jump backward"},disabledClassName:"disabled",disableInitialCallback:!1,pageLabelBuilder:function(r){return r},eventListener:"onClick",renderOnZeroPageCount:void 0,selectedPageRel:"canonical",hrefAllControls:!1});const ge=te})(),ae})())})(pe);var me=pe.exports;const be=ce.getDefaultExportFromCjs(me),ve="_paginationWrapper_vmodx_1",he="_pageLink_vmodx_13",Ce="_paginationItem_vmodx_29",Pe="_white_vmodx_35",ye="_arrow_vmodx_55",ke="_paginationItemActive_vmodx_61",xe="_disable_vmodx_74",Le="_marginLeft_vmodx_79",Ne="_marginRight_vmodx_83",C={paginationWrapper:ve,pageLink:he,paginationItem:Ce,white:Pe,arrow:ye,paginationItemActive:ke,disable:xe,marginLeft:Le,marginRight:Ne},ue=ee=>{const{pageCount:ie,onChangePage:V,activePage:J,color:S="default"}=ee;return ne.jsx(be,{className:C.paginationWrapper,pageClassName:$(C.paginationItem,{[C.white]:S==="white"}),pageLinkClassName:C.pageLink,nextLinkClassName:C.pageLink,previousLinkClassName:C.pageLink,activeClassName:$(C.paginationItemActive,{[C.white]:S==="white"}),disabledClassName:C.disable,nextClassName:$(C.arrow,C.marginLeft,{[C.white]:S==="white"}),previousClassName:$(C.arrow,C.marginRight,{[C.white]:S==="white"}),renderOnZeroPageCount:null,marginPagesDisplayed:1,breakLabel:"...",previousLabel:ne.jsx(le.MdOutlineNavigateBefore,{}),nextLabel:ne.jsx(le.MdOutlineNavigateNext,{}),pageCount:ie,forcePage:J,onPageChange:v=>{window.scrollTo(0,0),V(v.selected+1)}})};exports.Pagination=ue;exports.default=ue;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index33.css');const ne=require("react/jsx-runtime"),X=require("classnames"),le=require("react-icons/md"),ce=require("../../_commonjsHelpers-DKOUU3wS.cjs"),fe=require("react");var pe={exports:{}};(function(ee,ie){(function(V,J){ee.exports=J(fe)})(ce.commonjsGlobal,V=>(()=>{var J={703:(u,g,P)=>{var a=P(414);function H(){}function F(){}F.resetWarningCache=H,u.exports=function(){function b(se,R,Y,K,oe,U){if(U!==a){var G=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw G.name="Invariant Violation",G}}function w(){return b}b.isRequired=b;var M={array:b,bigint:b,bool:b,func:b,number:b,object:b,string:b,symbol:b,any:b,arrayOf:w,element:b,elementType:b,instanceOf:w,node:b,objectOf:w,oneOf:w,oneOfType:w,shape:w,exact:w,checkPropTypes:F,resetWarningCache:H};return M.PropTypes=M,M}},697:(u,g,P)=>{u.exports=P(703)()},414:u=>{u.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},98:u=>{u.exports=V}},S={};function v(u){var g=S[u];if(g!==void 0)return g.exports;var P=S[u]={exports:{}};return J[u](P,P.exports,v),P.exports}v.n=u=>{var g=u&&u.__esModule?()=>u.default:()=>u;return v.d(g,{a:g}),g},v.d=(u,g)=>{for(var P in g)v.o(g,P)&&!v.o(u,P)&&Object.defineProperty(u,P,{enumerable:!0,get:g[P]})},v.o=(u,g)=>Object.prototype.hasOwnProperty.call(u,g),v.r=u=>{typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(u,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(u,"__esModule",{value:!0})};var ae={};return(()=>{v.r(ae),v.d(ae,{default:()=>ge});var u=v(98),g=v.n(u),P=v(697),a=v.n(P);function H(){return H=Object.assign?Object.assign.bind():function(r){for(var i=1;i<arguments.length;i++){var o=arguments[i];for(var l in o)Object.prototype.hasOwnProperty.call(o,l)&&(r[l]=o[l])}return r},H.apply(this,arguments)}var F=function(r){var i=r.pageClassName,o=r.pageLinkClassName,l=r.page,I=r.selected,D=r.activeClassName,O=r.activeLinkClassName,t=r.getEventListener,e=r.pageSelectedHandler,p=r.href,n=r.extraAriaContext,s=r.pageLabelBuilder,c=r.rel,f=r.ariaLabel||"Page "+l+(n?" "+n:""),h=null;return I&&(h="page",f=r.ariaLabel||"Page "+l+" is your current page",i=i!==void 0?i+" "+D:D,o!==void 0?O!==void 0&&(o=o+" "+O):o=O),g().createElement("li",{className:i},g().createElement("a",H({rel:c,role:p?void 0:"button",className:o,href:p,tabIndex:I?"-1":"0","aria-label":f,"aria-current":h,onKeyPress:e},t(e)),s(l)))};F.propTypes={pageSelectedHandler:a().func.isRequired,selected:a().bool.isRequired,pageClassName:a().string,pageLinkClassName:a().string,activeClassName:a().string,activeLinkClassName:a().string,extraAriaContext:a().string,href:a().string,ariaLabel:a().string,page:a().number.isRequired,getEventListener:a().func.isRequired,pageLabelBuilder:a().func.isRequired,rel:a().string};const b=F;function w(){return w=Object.assign?Object.assign.bind():function(r){for(var i=1;i<arguments.length;i++){var o=arguments[i];for(var l in o)Object.prototype.hasOwnProperty.call(o,l)&&(r[l]=o[l])}return r},w.apply(this,arguments)}var M=function(r){var i=r.breakLabel,o=r.breakAriaLabel,l=r.breakClassName,I=r.breakLinkClassName,D=r.breakHandler,O=r.getEventListener,t=l||"break";return g().createElement("li",{className:t},g().createElement("a",w({className:I,role:"button",tabIndex:"0","aria-label":o,onKeyPress:D},O(D)),i))};M.propTypes={breakLabel:a().oneOfType([a().string,a().node]),breakAriaLabel:a().string,breakClassName:a().string,breakLinkClassName:a().string,breakHandler:a().func.isRequired,getEventListener:a().func.isRequired};const se=M;function R(r){var i=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"";return r??i}function Y(r){return Y=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(i){return typeof i}:function(i){return i&&typeof Symbol=="function"&&i.constructor===Symbol&&i!==Symbol.prototype?"symbol":typeof i},Y(r)}function K(){return K=Object.assign?Object.assign.bind():function(r){for(var i=1;i<arguments.length;i++){var o=arguments[i];for(var l in o)Object.prototype.hasOwnProperty.call(o,l)&&(r[l]=o[l])}return r},K.apply(this,arguments)}function oe(r,i){for(var o=0;o<i.length;o++){var l=i[o];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(r,l.key,l)}}function U(r,i){return U=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(o,l){return o.__proto__=l,o},U(r,i)}function G(r,i){if(i&&(Y(i)==="object"||typeof i=="function"))return i;if(i!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return x(r)}function x(r){if(r===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function $(r){return $=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(i){return i.__proto__||Object.getPrototypeOf(i)},$(r)}function y(r,i,o){return i in r?Object.defineProperty(r,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):r[i]=o,r}var te=function(r){(function(t,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&U(t,e)})(O,r);var i,o,l,I,D=(l=O,I=function(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}(),function(){var t,e=$(l);if(I){var p=$(this).constructor;t=Reflect.construct(e,arguments,p)}else t=e.apply(this,arguments);return G(this,t)});function O(t){var e,p;return function(n,s){if(!(n instanceof s))throw new TypeError("Cannot call a class as a function")}(this,O),y(x(e=D.call(this,t)),"handlePreviousPage",function(n){var s=e.state.selected;e.handleClick(n,null,s>0?s-1:void 0,{isPrevious:!0})}),y(x(e),"handleNextPage",function(n){var s=e.state.selected,c=e.props.pageCount;e.handleClick(n,null,s<c-1?s+1:void 0,{isNext:!0})}),y(x(e),"handlePageSelected",function(n,s){if(e.state.selected===n)return e.callActiveCallback(n),void e.handleClick(s,null,void 0,{isActive:!0});e.handleClick(s,null,n)}),y(x(e),"handlePageChange",function(n){e.state.selected!==n&&(e.setState({selected:n}),e.callCallback(n))}),y(x(e),"getEventListener",function(n){return y({},e.props.eventListener,n)}),y(x(e),"handleClick",function(n,s,c){var f=arguments.length>3&&arguments[3]!==void 0?arguments[3]:{},h=f.isPrevious,_=h!==void 0&&h,W=f.isNext,Z=W!==void 0&&W,q=f.isBreak,L=q!==void 0&&q,E=f.isActive,A=E!==void 0&&E;n.preventDefault?n.preventDefault():n.returnValue=!1;var j=e.state.selected,d=e.props.onClick,N=c;if(d){var k=d({index:s,selected:j,nextSelectedPage:c,event:n,isPrevious:_,isNext:Z,isBreak:L,isActive:A});if(k===!1)return;Number.isInteger(k)&&(N=k)}N!==void 0&&e.handlePageChange(N)}),y(x(e),"handleBreakClick",function(n,s){var c=e.state.selected;e.handleClick(s,n,c<n?e.getForwardJump():e.getBackwardJump(),{isBreak:!0})}),y(x(e),"callCallback",function(n){e.props.onPageChange!==void 0&&typeof e.props.onPageChange=="function"&&e.props.onPageChange({selected:n})}),y(x(e),"callActiveCallback",function(n){e.props.onPageActive!==void 0&&typeof e.props.onPageActive=="function"&&e.props.onPageActive({selected:n})}),y(x(e),"getElementPageRel",function(n){var s=e.state.selected,c=e.props,f=c.nextPageRel,h=c.prevPageRel,_=c.selectedPageRel;return s-1===n?h:s===n?_:s+1===n?f:void 0}),y(x(e),"pagination",function(){var n=[],s=e.props,c=s.pageRangeDisplayed,f=s.pageCount,h=s.marginPagesDisplayed,_=s.breakLabel,W=s.breakClassName,Z=s.breakLinkClassName,q=s.breakAriaLabels,L=e.state.selected;if(f<=c)for(var E=0;E<f;E++)n.push(e.getPageElement(E));else{var A=c/2,j=c-A;L>f-c/2?A=c-(j=f-L):L<c/2&&(j=c-(A=L));var d,N,k=function(T){return e.getPageElement(T)},m=[];for(d=0;d<f;d++){var z=d+1;if(z<=h)m.push({type:"page",index:d,display:k(d)});else if(z>f-h)m.push({type:"page",index:d,display:k(d)});else if(d>=L-A&&d<=L+(L===0&&c>1?j-1:j))m.push({type:"page",index:d,display:k(d)});else if(_&&m.length>0&&m[m.length-1].display!==N&&(c>0||h>0)){var re=d<L?q.backward:q.forward;N=g().createElement(se,{key:d,breakAriaLabel:re,breakLabel:_,breakClassName:W,breakLinkClassName:Z,breakHandler:e.handleBreakClick.bind(null,d),getEventListener:e.getEventListener}),m.push({type:"break",index:d,display:N})}}m.forEach(function(T,B){var Q=T;T.type==="break"&&m[B-1]&&m[B-1].type==="page"&&m[B+1]&&m[B+1].type==="page"&&m[B+1].index-m[B-1].index<=2&&(Q={type:"page",index:T.index,display:k(T.index)}),n.push(Q.display)})}return n}),t.initialPage!==void 0&&t.forcePage!==void 0&&console.warn("(react-paginate): Both initialPage (".concat(t.initialPage,") and forcePage (").concat(t.forcePage,") props are provided, which is discouraged.")+` Use exclusively forcePage prop for a controlled component.
+See https://reactjs.org/docs/forms.html#controlled-components`),p=t.initialPage?t.initialPage:t.forcePage?t.forcePage:0,e.state={selected:p},e}return i=O,(o=[{key:"componentDidMount",value:function(){var t=this.props,e=t.initialPage,p=t.disableInitialCallback,n=t.extraAriaContext,s=t.pageCount,c=t.forcePage;e===void 0||p||this.callCallback(e),n&&console.warn("DEPRECATED (react-paginate): The extraAriaContext prop is deprecated. You should now use the ariaLabelBuilder instead."),Number.isInteger(s)||console.warn("(react-paginate): The pageCount prop value provided is not an integer (".concat(s,"). Did you forget a Math.ceil()?")),e!==void 0&&e>s-1&&console.warn("(react-paginate): The initialPage prop provided is greater than the maximum page index from pageCount prop (".concat(e," > ").concat(s-1,").")),c!==void 0&&c>s-1&&console.warn("(react-paginate): The forcePage prop provided is greater than the maximum page index from pageCount prop (".concat(c," > ").concat(s-1,")."))}},{key:"componentDidUpdate",value:function(t){this.props.forcePage!==void 0&&this.props.forcePage!==t.forcePage&&(this.props.forcePage>this.props.pageCount-1&&console.warn("(react-paginate): The forcePage prop provided is greater than the maximum page index from pageCount prop (".concat(this.props.forcePage," > ").concat(this.props.pageCount-1,").")),this.setState({selected:this.props.forcePage})),Number.isInteger(t.pageCount)&&!Number.isInteger(this.props.pageCount)&&console.warn("(react-paginate): The pageCount prop value provided is not an integer (".concat(this.props.pageCount,"). Did you forget a Math.ceil()?"))}},{key:"getForwardJump",value:function(){var t=this.state.selected,e=this.props,p=e.pageCount,n=t+e.pageRangeDisplayed;return n>=p?p-1:n}},{key:"getBackwardJump",value:function(){var t=this.state.selected-this.props.pageRangeDisplayed;return t<0?0:t}},{key:"getElementHref",value:function(t){var e=this.props,p=e.hrefBuilder,n=e.pageCount,s=e.hrefAllControls;if(p)return s||t>=0&&t<n?p(t+1,n,this.state.selected):void 0}},{key:"ariaLabelBuilder",value:function(t){var e=t===this.state.selected;if(this.props.ariaLabelBuilder&&t>=0&&t<this.props.pageCount){var p=this.props.ariaLabelBuilder(t+1,e);return this.props.extraAriaContext&&!e&&(p=p+" "+this.props.extraAriaContext),p}}},{key:"getPageElement",value:function(t){var e=this.state.selected,p=this.props,n=p.pageClassName,s=p.pageLinkClassName,c=p.activeClassName,f=p.activeLinkClassName,h=p.extraAriaContext,_=p.pageLabelBuilder;return g().createElement(b,{key:t,pageSelectedHandler:this.handlePageSelected.bind(null,t),selected:e===t,rel:this.getElementPageRel(t),pageClassName:n,pageLinkClassName:s,activeClassName:c,activeLinkClassName:f,extraAriaContext:h,href:this.getElementHref(t),ariaLabel:this.ariaLabelBuilder(t),page:t+1,pageLabelBuilder:_,getEventListener:this.getEventListener})}},{key:"render",value:function(){var t=this.props.renderOnZeroPageCount;if(this.props.pageCount===0&&t!==void 0)return t&&t(this.props);var e=this.props,p=e.disabledClassName,n=e.disabledLinkClassName,s=e.pageCount,c=e.className,f=e.containerClassName,h=e.previousLabel,_=e.previousClassName,W=e.previousLinkClassName,Z=e.previousAriaLabel,q=e.prevRel,L=e.nextLabel,E=e.nextClassName,A=e.nextLinkClassName,j=e.nextAriaLabel,d=e.nextRel,N=this.state.selected,k=N===0,m=N===s-1,z="".concat(R(_)).concat(k?" ".concat(R(p)):""),re="".concat(R(E)).concat(m?" ".concat(R(p)):""),T="".concat(R(W)).concat(k?" ".concat(R(n)):""),B="".concat(R(A)).concat(m?" ".concat(R(n)):""),Q=k?"true":"false",de=m?"true":"false";return g().createElement("ul",{className:c||f,role:"navigation","aria-label":"Pagination"},g().createElement("li",{className:z},g().createElement("a",K({className:T,href:this.getElementHref(N-1),tabIndex:k?"-1":"0",role:"button",onKeyPress:this.handlePreviousPage,"aria-disabled":Q,"aria-label":Z,rel:q},this.getEventListener(this.handlePreviousPage)),h)),this.pagination(),g().createElement("li",{className:re},g().createElement("a",K({className:B,href:this.getElementHref(N+1),tabIndex:m?"-1":"0",role:"button",onKeyPress:this.handleNextPage,"aria-disabled":de,"aria-label":j,rel:d},this.getEventListener(this.handleNextPage)),L)))}}])&&oe(i.prototype,o),Object.defineProperty(i,"prototype",{writable:!1}),O}(u.Component);y(te,"propTypes",{pageCount:a().number.isRequired,pageRangeDisplayed:a().number,marginPagesDisplayed:a().number,previousLabel:a().node,previousAriaLabel:a().string,prevPageRel:a().string,prevRel:a().string,nextLabel:a().node,nextAriaLabel:a().string,nextPageRel:a().string,nextRel:a().string,breakLabel:a().oneOfType([a().string,a().node]),breakAriaLabels:a().shape({forward:a().string,backward:a().string}),hrefBuilder:a().func,hrefAllControls:a().bool,onPageChange:a().func,onPageActive:a().func,onClick:a().func,initialPage:a().number,forcePage:a().number,disableInitialCallback:a().bool,containerClassName:a().string,className:a().string,pageClassName:a().string,pageLinkClassName:a().string,pageLabelBuilder:a().func,activeClassName:a().string,activeLinkClassName:a().string,previousClassName:a().string,nextClassName:a().string,previousLinkClassName:a().string,nextLinkClassName:a().string,disabledClassName:a().string,disabledLinkClassName:a().string,breakClassName:a().string,breakLinkClassName:a().string,extraAriaContext:a().string,ariaLabelBuilder:a().func,eventListener:a().string,renderOnZeroPageCount:a().func,selectedPageRel:a().string}),y(te,"defaultProps",{pageRangeDisplayed:2,marginPagesDisplayed:3,activeClassName:"selected",previousLabel:"Previous",previousClassName:"previous",previousAriaLabel:"Previous page",prevPageRel:"prev",prevRel:"prev",nextLabel:"Next",nextClassName:"next",nextAriaLabel:"Next page",nextPageRel:"next",nextRel:"next",breakLabel:"...",breakAriaLabels:{forward:"Jump forward",backward:"Jump backward"},disabledClassName:"disabled",disableInitialCallback:!1,pageLabelBuilder:function(r){return r},eventListener:"onClick",renderOnZeroPageCount:void 0,selectedPageRel:"canonical",hrefAllControls:!1});const ge=te})(),ae})())})(pe);var me=pe.exports;const be=ce.getDefaultExportFromCjs(me),ve="_paginationWrapper_vmodx_1",he="_pageLink_vmodx_13",Ce="_paginationItem_vmodx_29",Pe="_white_vmodx_35",ye="_arrow_vmodx_55",ke="_paginationItemActive_vmodx_61",xe="_disable_vmodx_74",Le="_marginLeft_vmodx_79",Ne="_marginRight_vmodx_83",C={paginationWrapper:ve,pageLink:he,paginationItem:Ce,white:Pe,arrow:ye,paginationItemActive:ke,disable:xe,marginLeft:Le,marginRight:Ne},ue=ee=>{const{pageCount:ie,onChangePage:V,activePage:J,color:S="default"}=ee;return ne.jsx(be,{className:C.paginationWrapper,pageClassName:X(C.paginationItem,{[C.white]:S==="white"}),pageLinkClassName:C.pageLink,nextLinkClassName:C.pageLink,previousLinkClassName:C.pageLink,activeClassName:X(C.paginationItemActive,{[C.white]:S==="white"}),disabledClassName:C.disable,nextClassName:X(C.arrow,C.marginLeft,{[C.white]:S==="white"}),previousClassName:X(C.arrow,C.marginRight,{[C.white]:S==="white"}),renderOnZeroPageCount:null,marginPagesDisplayed:1,breakLabel:"...",previousLabel:ne.jsx(le.MdOutlineNavigateBefore,{}),nextLabel:ne.jsx(le.MdOutlineNavigateNext,{}),pageCount:ie,forcePage:J,onPageChange:v=>{window.scrollTo(0,0),V(v.selected+1)}})};exports.Pagination=ue;exports.default=ue;
 //# sourceMappingURL=index.cjs.js.map