@jigowatts/jigowatts-ui 1.1.7 → 1.1.9

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/index21.css');const e=require("../../jsx-runtime-Dajn0hD2.cjs"),a="_maxWidthContainer_1pmeg_1",r="_content_1pmeg_5",n={maxWidthContainer:a,content:r},t=i=>{const{maxWidth:s,children:o}=i;return e.jsxRuntimeExports.jsx("div",{className:n.maxWidthContainer,children:e.jsxRuntimeExports.jsx("div",{className:n.content,style:{maxWidth:s},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/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;
 //# 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":"oPASaA,EAAqBC,GAAiB,CAC3C,KAAA,CAAE,SAAAC,EAAU,SAAAC,CAAA,EAAaF,EAE/B,OACGG,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAWC,EAAO,kBACrB,SAACD,wBAAA,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,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"}

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

@@ -1,16 +1,16 @@
-import { j as t } from "../../jsx-runtime-CbmOdJhC.js";
-import '../../assets/index21.css';const s = "_maxWidthContainer_1pmeg_1", i = "_content_1pmeg_5", n = {
-  maxWidthContainer: s,
-  content: i
-}, r = (e) => {
+import { jsx as t } from "react/jsx-runtime";
+import '../../assets/index25.css';const i = "_maxWidthContainer_1pmeg_1", s = "_content_1pmeg_5", n = {
+  maxWidthContainer: i,
+  content: s
+}, c = (e) => {
   const { maxWidth: a, children: o } = e;
-  return /* @__PURE__ */ t.jsx("div", { className: n.maxWidthContainer, children: /* @__PURE__ */ t.jsx("div", { className: n.content, style: { maxWidth: a }, children: o }) });
+  return /* @__PURE__ */ t("div", { className: n.maxWidthContainer, children: /* @__PURE__ */ t("div", { className: n.content, style: { maxWidth: a }, children: o }) });
 };
-r.defaultProps = {
+c.defaultProps = {
   maxWidth: "480px"
 };
 export {
-  r as MaxWidthContainer,
-  r as default
+  c as MaxWidthContainer,
+  c as default
 };
 //# sourceMappingURL=index.es.js.map

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,SACGG,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAWC,EAAO,mBACrB,UAACD,gBAAAA,MAAA,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;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;"}

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

@@ -1,2 +1,2 @@
-"use strict";const s=require("../../jsx-runtime-Dajn0hD2.cjs"),n=require("../../react.esm-DzAzWxXs.cjs"),c=require("../../index-DwYqI3bz.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.jsxRuntimeExports.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.jsxRuntimeExports.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.jsxRuntimeExports.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-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()})});
 //# 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":"2KAKA,SAAS,8BAA+B,IAAM,CAC5C,GAAG,kEAAmE,IAAM,CAC1E,MAAMA,EAAe,eAEdC,EAAA,OAAAC,EAAA,kBAAA,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,kBAAA,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,kBAAAA,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,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"}

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

@@ -1,23 +1,23 @@
-import { j as o } from "../../jsx-runtime-CbmOdJhC.js";
-import { r as s, s as c } from "../../react.esm-BL1KU4o5.js";
-import { j as r } from "../../index-LAxM3Vwk.js";
-import { MaxWidthContainer as i } from "./index.es.js";
+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 { MaxWidthContainer as s } from "./index.es.js";
 describe("MaxWidthContainer component", () => {
   it("renders the children inside the container with default maxWidth", () => {
     const t = "Test Content";
-    s(/* @__PURE__ */ o.jsx(i, { children: t }));
+    i(/* @__PURE__ */ o(s, { children: t }));
     const e = c.getByText(t);
     expect(e).toBeInTheDocument(), expect(e.closest("div")).toHaveStyle("max-width: 480px");
   }), it("renders the children inside the container with custom maxWidth", () => {
     const t = "Test Content", e = "600px";
-    s(
-      /* @__PURE__ */ o.jsx(i, { maxWidth: e, children: t })
+    i(
+      /* @__PURE__ */ o(s, { maxWidth: e, children: t })
     );
     const n = c.getByText(t);
     expect(n).toBeInTheDocument(), expect(n.closest("div")).toHaveStyle(`max-width: ${e}`);
   }), it("should be accessible", async () => {
-    const t = "Test Content", { container: e } = s(
-      /* @__PURE__ */ o.jsx(i, { children: t })
+    const t = "Test Content", { container: e } = i(
+      /* @__PURE__ */ o(s, { children: t })
     ), n = await r.axe(e);
     expect.extend(r.toHaveNoViolations), expect(n).toHaveNoViolations();
   });

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,EAAAC,gBAAAA,EAAA,IAACC,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,MACGC,gBAAAA,EAAA,IAAAC,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,MACpBC,gBAAAA,EAAAA,IAACC,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;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;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("../../jsx-runtime-Dajn0hD2.cjs"),g=require("react"),j=require("../../Clear-DsR7N4Q8.cjs"),c=require("@mui/material"),R=require("react-hook-form"),v=require("react-number-format"),C=g.forwardRef(function(u,l){const{valueType:a,defaultValue:x,onChange:o,allowLeadingZeros:i,...s}=u;return n.jsxRuntimeExports.jsx(v.NumericFormat,{...s,getInputRef:l,allowLeadingZeros:a==="STRING"||i,onValueChange:(e,r)=>{if(!o||!r.event)return;let t;switch(a){case"STRING":t=e.value;break;case"FORMATTED_STRING":t=e.formattedValue;break;default:t=e.floatValue??void 0}const m={...r.event,target:{...r.event.target,name:u.name,value:t}};o(m)}})}),d=p=>{const{inputProps:u,config:l,defaultValue:a,emptyValue:x,...o}=p,{textFieldProps:i}=u??{},s=e=>e==null||e==="";return n.jsxRuntimeExports.jsx(R.Controller,{control:o.control,defaultValue:a,name:o.name,render:({field:e,fieldState:r})=>{var t;return n.jsxRuntimeExports.jsx(c.TextField,{...i,name:e.name,value:s(e.value)?"":e.value,onChange:m=>{e.onChange(m)},error:!!r.error,helperText:(t=r.error)==null?void 0:t.message,onBlur:e.onBlur,InputProps:{inputComponent:C,endAdornment:s(e.value)?void 0:n.jsxRuntimeExports.jsx(c.InputAdornment,{position:"end",children:n.jsxRuntimeExports.jsx(c.IconButton,{onClick:()=>{e.onChange(x)},edge:"end",children:n.jsxRuntimeExports.jsx(j.default_1,{})})}),inputProps:{...l}}})}})};exports.NumericFieldController=d;exports.default=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),v=require("react"),C=require("@mui/icons-material/Clear"),m=require("@mui/material"),h=require("react-hook-form"),x=require("react-number-format"),F=v.forwardRef(function(a,s){const{valueType:u,defaultValue:p,onChange:o,allowLeadingZeros:c,...l}=a;return n.jsx(x.NumericFormat,{...l,getInputRef:s,allowLeadingZeros:u==="STRING"||c,onValueChange:(e,t)=>{if(!o||!t.event)return;let r;switch(u){case"STRING":r=e.value;break;case"FORMATTED_STRING":r=e.formattedValue;break;default:r=e.floatValue??void 0}const i={...t.event,target:{...t.event.target,name:a.name,value:r}};o(i)}})}),g=d=>{const{inputProps:a,config:s,defaultValue:u,emptyValue:p,...o}=d,{textFieldProps:c}=a??{},l=e=>e==null||e==="";return n.jsx(h.Controller,{control:o.control,defaultValue:u,name:o.name,render:({field:e,fieldState:t})=>{var r;return n.jsx(m.TextField,{...c,name:e.name,value:l(e.value)?"":e.value,onChange:i=>{e.onChange(i)},error:!!t.error,helperText:(r=t.error)==null?void 0:r.message,onBlur:e.onBlur,InputProps:{inputComponent:F,endAdornment:l(e.value)?void 0:n.jsx(m.InputAdornment,{position:"end",children:n.jsx(m.IconButton,{onClick:()=>{e.onChange(p)},edge:"end",children:n.jsx(C,{})})}),inputProps:{...s}}})}})};exports.NumericFieldController=g;exports.default=g;
 //# sourceMappingURL=index.cjs.js.map

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 ClearIcon from \"@mui/icons-material/Clear\";\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                  <ClearIcon />\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","ClearIcon"],"mappings":"gTAgEMA,EAAqBC,EAAAA,WAGzB,SAA0BC,EAAOC,EAAK,CAGtC,KAAM,CAAE,UAAAC,EAAW,aAAAC,EAAc,SAAAC,EAAU,kBAAAC,EAAmB,GAAGC,GAC/DN,EAGA,OAAAO,EAAA,kBAAA,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,kBAAA,IAACY,EAAA,WAAA,CACC,QAASb,EAAO,QAChB,aAAAH,EACA,KAAMG,EAAO,KACb,OAAQ,CAAC,CAAE,MAAAc,EAAO,WAAAC,CAChB,IAAA,OAAAd,OAAAA,EAAA,kBAAA,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,wBAACkB,EAAAA,eAAe,CAAA,SAAS,MACvB,SAAAlB,EAAA,kBAAA,IAACmB,EAAA,WAAA,CACC,QAAS,IAAM,CACbN,EAAM,SAASJ,CAAU,CAC3B,EACA,KAAK,MAEL,iCAACW,EAAAA,UAAU,CAAA,CAAA,CAAA,GAEf,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 } from \"react\";\nimport ClearIcon from \"@mui/icons-material/Clear\";\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                  <ClearIcon />\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","ClearIcon"],"mappings":"oSAgEMA,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,EAAU,CAAA,CAAA,CAAA,GAEf,EAEF,WAAY,CACV,GAAGZ,CAAA,CACL,CACF,CAAA,EACF,CAEJ,CAEJ"}

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

@@ -1,19 +1,19 @@
-import { j as t } from "../../jsx-runtime-CbmOdJhC.js";
+import { jsx as n } from "react/jsx-runtime";
 import { forwardRef as d } from "react";
-import { d as g } from "../../Clear-CyYcHjou.js";
-import { TextField as x, InputAdornment as h, IconButton as f } from "@mui/material";
-import { Controller as v } from "react-hook-form";
-import { NumericFormat as C } from "react-number-format";
-const j = d(function(a, l) {
-  const { valueType: m, defaultValue: c, onChange: n, allowLeadingZeros: s, ...u } = a;
-  return /* @__PURE__ */ t.jsx(
-    C,
+import g from "@mui/icons-material/Clear";
+import { TextField as h, InputAdornment as C, IconButton as v } from "@mui/material";
+import { Controller as f } from "react-hook-form";
+import { NumericFormat as T } from "react-number-format";
+const F = d(function(a, l) {
+  const { valueType: m, defaultValue: c, onChange: t, allowLeadingZeros: i, ...u } = a;
+  return /* @__PURE__ */ n(
+    T,
     {
       ...u,
       getInputRef: l,
-      allowLeadingZeros: m === "STRING" || s,
+      allowLeadingZeros: m === "STRING" || i,
       onValueChange: (e, r) => {
-        if (!n || !r.event) return;
+        if (!t || !r.event) return;
         let o;
         switch (m) {
           case "STRING":
@@ -25,7 +25,7 @@ const j = d(function(a, l) {
           default:
             o = e.floatValue ?? void 0;
         }
-        const i = {
+        const p = {
           ...r.event,
           target: {
             ...r.event.target,
@@ -33,48 +33,48 @@ const j = d(function(a, l) {
             value: o
           }
         };
-        n(i);
+        t(p);
       }
     }
   );
-}), P = (p) => {
+}), b = (s) => {
   const {
     inputProps: a,
     config: l,
     defaultValue: m,
     emptyValue: c,
-    ...n
-  } = p, { textFieldProps: s } = a ?? {}, u = (e) => e == null || e === "";
-  return /* @__PURE__ */ t.jsx(
-    v,
+    ...t
+  } = s, { textFieldProps: i } = a ?? {}, u = (e) => e == null || e === "";
+  return /* @__PURE__ */ n(
+    f,
     {
-      control: n.control,
+      control: t.control,
       defaultValue: m,
-      name: n.name,
+      name: t.name,
       render: ({ field: e, fieldState: r }) => {
         var o;
-        return /* @__PURE__ */ t.jsx(
-          x,
+        return /* @__PURE__ */ n(
+          h,
           {
-            ...s,
+            ...i,
             name: e.name,
             value: u(e.value) ? "" : e.value,
-            onChange: (i) => {
-              e.onChange(i);
+            onChange: (p) => {
+              e.onChange(p);
             },
             error: !!r.error,
             helperText: (o = r.error) == null ? void 0 : o.message,
             onBlur: e.onBlur,
             InputProps: {
-              inputComponent: j,
-              endAdornment: u(e.value) ? void 0 : /* @__PURE__ */ t.jsx(h, { position: "end", children: /* @__PURE__ */ t.jsx(
-                f,
+              inputComponent: F,
+              endAdornment: u(e.value) ? void 0 : /* @__PURE__ */ n(C, { position: "end", children: /* @__PURE__ */ n(
+                v,
                 {
                   onClick: () => {
                     e.onChange(c);
                   },
                   edge: "end",
-                  children: /* @__PURE__ */ t.jsx(g, {})
+                  children: /* @__PURE__ */ n(g, {})
                 }
               ) }),
               inputProps: {
@@ -88,7 +88,7 @@ const j = d(function(a, l) {
   );
 };
 export {
-  P as NumericFieldController,
-  P as default
+  b as NumericFieldController,
+  b as default
 };
 //# sourceMappingURL=index.es.js.map

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 ClearIcon from \"@mui/icons-material/Clear\";\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                  <ClearIcon />\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","ClearIcon"],"mappings":";;;;;;AAgEA,MAAMA,IAAqBC,EAGzB,SAA0BC,GAAOC,GAAK;AAGtC,QAAM,EAAE,WAAAC,GAAW,cAAAC,GAAc,UAAAC,GAAU,mBAAAC,GAAmB,GAAGC,MAC/DN;AAGA,SAAAO,gBAAAA,EAAA;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,SAAAJ,gBAAAA,EAAA;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;;AAAAd,+BAAAA,EAAA;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,SAVFb,gBAAAA,MAACkB,GAAe,EAAA,UAAS,OACvB,UAAAlB,gBAAAA,EAAA;AAAA,gBAACmB;AAAA,gBAAA;AAAA,kBACC,SAAS,MAAM;AACb,oBAAAN,EAAM,SAASJ,CAAU;AAAA,kBAC3B;AAAA,kBACA,MAAK;AAAA,kBAEL,gCAACW,GAAU,CAAA,CAAA;AAAA,gBAAA;AAAA,iBAEf;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 } from \"react\";\nimport ClearIcon from \"@mui/icons-material/Clear\";\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                  <ClearIcon />\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","ClearIcon"],"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,GAAU,CAAA,CAAA;AAAA,gBAAA;AAAA,iBAEf;AAAA,cAEF,YAAY;AAAA,gBACV,GAAGZ;AAAA,cAAA;AAAA,YACL;AAAA,UACF;AAAA,QAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AAEJ;"}

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

@@ -1,2 +1,2 @@
-"use strict";const n=require("../../jsx-runtime-Dajn0hD2.cjs"),r=require("../../react.esm-DzAzWxXs.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.jsxRuntimeExports.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-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)})});
 //# 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":"kKAKA,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,kBAAA,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,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"}

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

@@ -1,12 +1,12 @@
-import { j as c } from "../../jsx-runtime-CbmOdJhC.js";
-import { a as l, r as n, s } from "../../react.esm-BL1KU4o5.js";
+import { jsx as c } from "react/jsx-runtime";
+import { a as l, r as n, s } from "../../react.esm-2FJSSo-S.js";
 import { useForm as i } from "react-hook-form";
 import { NumericFieldController as m } from "./index.es.js";
 describe("NumericFieldController component", () => {
   it("renders a numeric field with the correct placeholder text", () => {
     const o = l(() => i().control).result.current, r = "TestNumericField", t = "Numeric Placeholder";
     n(
-      /* @__PURE__ */ c.jsx(
+      /* @__PURE__ */ c(
         m,
         {
           control: o,

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,MACEC,gBAAAA,EAAA;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;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;"}

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/index30.css');const e=require("../../jsx-runtime-Dajn0hD2.cjs"),o=require("../../resolveProps-BbPxVWKC.cjs"),i=require("../../createSvgIcon-DO5XgE_n.cjs"),u=require("classnames");var t={},f=o.interopRequireDefaultExports;Object.defineProperty(t,"__esModule",{value:!0});var s=t.default=void 0,c=f(i.requireCreateSvgIcon()),r=e.jsxRuntimeExports;s=t.default=(0,c.default)([(0,r.jsx)("path",{d:"M12 4C7.31 4 3.07 5.9 0 8.98L12 21l5-5.01V8h5.92C19.97 5.51 16.16 4 12 4m7 14h2v2h-2z"},"0"),(0,r.jsx)("path",{d:"M19 10h2v6h-2z"},"1")],"SignalWifiStatusbarConnectedNoInternet4");const d="_offlineLabel_2osy9_1",v={offlineLabel:d},n=a=>{const{fontSize:l="xx-small"}=a;return e.jsxRuntimeExports.jsxs("div",{className:u(v.offlineLabel),style:{fontSize:l},children:[e.jsxRuntimeExports.jsx(s,{fontSize:"small"}),"オフライン"]})};exports.OfflineLabel=n;exports.default=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index26.css');const e=require("react/jsx-runtime"),t=require("@mui/icons-material/SignalWifiStatusbarConnectedNoInternet4"),o=require("classnames"),i="_offlineLabel_2osy9_1",a={offlineLabel:i},l=s=>{const{fontSize:n="xx-small"}=s;return e.jsxs("div",{className:o(a.offlineLabel),style:{fontSize:n},children:[e.jsx(t,{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":["../../../node_modules/.pnpm/@mui+icons-material@5.17.1_@mui+material@5.17.1_@types+react@18.3.23_react@18.2.0/node_modules/@mui/icons-material/SignalWifiStatusbarConnectedNoInternet4.js","../../../src/components/OfflineLabel/index.tsx"],"sourcesContent":["\"use strict\";\n\"use client\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\nvar _jsxRuntime = require(\"react/jsx-runtime\");\nvar _default = exports.default = (0, _createSvgIcon.default)([/*#__PURE__*/(0, _jsxRuntime.jsx)(\"path\", {\n  d: \"M12 4C7.31 4 3.07 5.9 0 8.98L12 21l5-5.01V8h5.92C19.97 5.51 16.16 4 12 4m7 14h2v2h-2z\"\n}, \"0\"), /*#__PURE__*/(0, _jsxRuntime.jsx)(\"path\", {\n  d: \"M19 10h2v6h-2z\"\n}, \"1\")], 'SignalWifiStatusbarConnectedNoInternet4');","import SignalWifiStatusbarConnectedNoInternet4Icon from \"@mui/icons-material/SignalWifiStatusbarConnectedNoInternet4\";\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      <SignalWifiStatusbarConnectedNoInternet4Icon fontSize={\"small\"} />\n      オフライン\n    </div>\n  );\n};\n\nexport default OfflineLabel;\n"],"names":["_interopRequireDefault","require$$0","SignalWifiStatusbarConnectedNoInternet4","default_1","_createSvgIcon","require$$1","_jsxRuntime","require$$2","OfflineLabel","props","fontSize","jsxs","classNames","styles","jsx","SignalWifiStatusbarConnectedNoInternet4Icon"],"mappings":"0RAGIA,EAAyBC,EAAuD,6BACpF,OAAO,eAAeC,EAAS,aAAc,CAC3C,MAAO,EACT,CAAC,EACD,IAAeC,EAAAD,EAAA,QAAG,OACdE,EAAiBJ,EAAuBK,EAAAA,sBAAgC,EACxEC,EAAcC,EAA4B,kBAC/BJ,EAAeD,EAAA,WAAOE,EAAe,SAAS,IAAkBE,EAAY,KAAK,OAAQ,CACtG,EAAG,uFACL,EAAG,GAAG,KAAoBA,EAAY,KAAK,OAAQ,CACjD,EAAG,gBACL,EAAG,GAAG,CAAC,EAAG,yCAAyC,qDCLtCE,EAAgBC,GAAiB,CACtC,KAAA,CAAE,SAAAC,EAAW,UAAA,EAAeD,EAGhC,OAAAE,EAAA,kBAAA,KAAC,MAAA,CACC,UAAWC,EAAWC,EAAO,YAAY,EACzC,MAAO,CAAE,SAAAH,CAAmB,EAE5B,SAAA,CAACI,EAAAA,kBAAAA,IAAAC,EAAA,CAA4C,SAAU,OAAS,CAAA,EAAE,OAAA,CAAA,CAEpE,CAEJ","x_google_ignoreList":[0]}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/OfflineLabel/index.tsx"],"sourcesContent":["import SignalWifiStatusbarConnectedNoInternet4Icon from \"@mui/icons-material/SignalWifiStatusbarConnectedNoInternet4\";\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      <SignalWifiStatusbarConnectedNoInternet4Icon fontSize={\"small\"} />\n      オフライン\n    </div>\n  );\n};\n\nexport default OfflineLabel;\n"],"names":["OfflineLabel","props","fontSize","jsxs","classNames","styles","jsx","SignalWifiStatusbarConnectedNoInternet4Icon"],"mappings":"+RASaA,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,CAA4C,SAAU,OAAS,CAAA,EAAE,OAAA,CAAA,CAEpE,CAEJ"}

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

@@ -1,35 +1,24 @@
-import { j as e } from "../../jsx-runtime-CbmOdJhC.js";
-import { i as s } from "../../resolveProps-uiOkGxuE.js";
-import { r as n } from "../../createSvgIcon-DhxOl24O.js";
-import i from "classnames";
-import '../../assets/index30.css';var t = {}, f = s;
-Object.defineProperty(t, "__esModule", {
-  value: !0
-});
-var r = t.default = void 0, u = f(n()), a = e;
-r = t.default = (0, u.default)([/* @__PURE__ */ (0, a.jsx)("path", {
-  d: "M12 4C7.31 4 3.07 5.9 0 8.98L12 21l5-5.01V8h5.92C19.97 5.51 16.16 4 12 4m7 14h2v2h-2z"
-}, "0"), /* @__PURE__ */ (0, a.jsx)("path", {
-  d: "M19 10h2v6h-2z"
-}, "1")], "SignalWifiStatusbarConnectedNoInternet4");
-const m = "_offlineLabel_2osy9_1", d = {
-  offlineLabel: m
-}, _ = (o) => {
-  const { fontSize: l = "xx-small" } = o;
-  return /* @__PURE__ */ e.jsxs(
+import { jsxs as o, jsx as s } from "react/jsx-runtime";
+import n from "@mui/icons-material/SignalWifiStatusbarConnectedNoInternet4";
+import t from "classnames";
+import '../../assets/index26.css';const f = "_offlineLabel_2osy9_1", a = {
+  offlineLabel: f
+}, c = (e) => {
+  const { fontSize: l = "xx-small" } = e;
+  return /* @__PURE__ */ o(
     "div",
     {
-      className: i(d.offlineLabel),
+      className: t(a.offlineLabel),
       style: { fontSize: l },
       children: [
-        /* @__PURE__ */ e.jsx(r, { fontSize: "small" }),
+        /* @__PURE__ */ s(n, { fontSize: "small" }),
         "オフライン"
       ]
     }
   );
 };
 export {
-  _ as OfflineLabel,
-  _ as default
+  c as OfflineLabel,
+  c as default
 };
 //# sourceMappingURL=index.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../node_modules/.pnpm/@mui+icons-material@5.17.1_@mui+material@5.17.1_@types+react@18.3.23_react@18.2.0/node_modules/@mui/icons-material/SignalWifiStatusbarConnectedNoInternet4.js","../../../src/components/OfflineLabel/index.tsx"],"sourcesContent":["\"use strict\";\n\"use client\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\nvar _jsxRuntime = require(\"react/jsx-runtime\");\nvar _default = exports.default = (0, _createSvgIcon.default)([/*#__PURE__*/(0, _jsxRuntime.jsx)(\"path\", {\n  d: \"M12 4C7.31 4 3.07 5.9 0 8.98L12 21l5-5.01V8h5.92C19.97 5.51 16.16 4 12 4m7 14h2v2h-2z\"\n}, \"0\"), /*#__PURE__*/(0, _jsxRuntime.jsx)(\"path\", {\n  d: \"M19 10h2v6h-2z\"\n}, \"1\")], 'SignalWifiStatusbarConnectedNoInternet4');","import SignalWifiStatusbarConnectedNoInternet4Icon from \"@mui/icons-material/SignalWifiStatusbarConnectedNoInternet4\";\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      <SignalWifiStatusbarConnectedNoInternet4Icon fontSize={\"small\"} />\n      オフライン\n    </div>\n  );\n};\n\nexport default OfflineLabel;\n"],"names":["_interopRequireDefault","require$$0","SignalWifiStatusbarConnectedNoInternet4","default_1","_createSvgIcon","require$$1","_jsxRuntime","require$$2","OfflineLabel","props","fontSize","jsxs","classNames","styles","jsx","SignalWifiStatusbarConnectedNoInternet4Icon"],"mappings":";;;;YAGIA,IAAyBC;AAC7B,OAAO,eAAeC,GAAS,cAAc;AAAA,EAC3C,OAAO;AACT,CAAC;AACD,IAAeC,IAAAD,EAAA,UAAG,QACdE,IAAiBJ,EAAuBK,GAAgC,GACxEC,IAAcC;AACHJ,IAAeD,EAAA,cAAOE,EAAe,SAAS,CAAkB,oBAAAE,EAAY,KAAK,QAAQ;AAAA,EACtG,GAAG;AACL,GAAG,GAAG,GAAgB,oBAAIA,EAAY,KAAK,QAAQ;AAAA,EACjD,GAAG;AACL,GAAG,GAAG,CAAC,GAAG,yCAAyC;;;GCLtCE,IAAe,CAACC,MAAiB;AACtC,QAAA,EAAE,UAAAC,IAAW,WAAA,IAAeD;AAGhC,SAAAE,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAWC,EAAO,YAAY;AAAA,MACzC,OAAO,EAAE,UAAAH,EAAmB;AAAA,MAE5B,UAAA;AAAA,QAACI,gBAAAA,EAAAA,IAAAC,GAAA,EAA4C,UAAU,QAAS,CAAA;AAAA,QAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EAEpE;AAEJ;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es.js","sources":["../../../src/components/OfflineLabel/index.tsx"],"sourcesContent":["import SignalWifiStatusbarConnectedNoInternet4Icon from \"@mui/icons-material/SignalWifiStatusbarConnectedNoInternet4\";\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      <SignalWifiStatusbarConnectedNoInternet4Icon fontSize={\"small\"} />\n      オフライン\n    </div>\n  );\n};\n\nexport default OfflineLabel;\n"],"names":["OfflineLabel","props","fontSize","jsxs","classNames","styles","jsx","SignalWifiStatusbarConnectedNoInternet4Icon"],"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,EAA4C,UAAU,QAAS,CAAA;AAAA,QAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EAEpE;AAEJ;"}

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/index22.css');const e=require("../../jsx-runtime-Dajn0hD2.cjs"),d=require("../../index-CC8i8yVF.cjs"),S="_pageSelectorWrapper_1ylkc_1",g="_pageSelectorContainer_1ylkc_5",j="_selectBoxWrapper_1ylkc_14",a={pageSelectorWrapper:S,pageSelectorContainer:g,selectBoxWrapper:j},s=r=>{const{startRecordNum:o,endRecordNum:n,totalCount:c,values:p,defaultValue:u,onChangePageSize:l}=r,i=p||[{label:"10",value:10},{label:"50",value:50},{label:"100",value:100}],x=t=>{l&&l(t)};return e.jsxRuntimeExports.jsx("div",{className:a.pageSelectorWrapper,children:e.jsxRuntimeExports.jsxs("div",{className:a.pageSelectorContainer,children:[e.jsxRuntimeExports.jsx("p",{children:"表示件数"}),e.jsxRuntimeExports.jsx("div",{className:a.selectBoxWrapper,children:e.jsxRuntimeExports.jsx(d.SelectBox,{values:i,defaultValue:u,onChange:t=>x(t.value)})}),e.jsxRuntimeExports.jsxs("p",{children:[o,"-",n," of ",c]})]})})};exports.PageSizeSelector=s;exports.default=s;
+"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;
 //# 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":"4WAgBaA,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,kBAAA,IAAC,OAAI,UAAWC,EAAO,oBACrB,SAACC,EAAA,kBAAA,KAAA,MAAA,CAAI,UAAWD,EAAO,sBACrB,SAAA,CAAAD,EAAAA,kBAAAA,IAAC,KAAE,SAAI,MAAA,CAAA,EACNA,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAWC,EAAO,iBACrB,SAAAD,EAAA,kBAAA,IAACG,EAAA,UAAA,CACC,OAAQN,EACR,aAAAF,EACA,SAAWS,GACTN,EAAqBM,EAAe,KAAe,CAAA,CAAA,EAGzD,2BACC,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,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"}

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

@@ -1,45 +1,45 @@
-import { j as e } from "../../jsx-runtime-CbmOdJhC.js";
-import { S as d } from "../../index-BFpfBoIf.js";
-import '../../assets/index22.css';const x = "_pageSelectorWrapper_1ylkc_1", g = "_pageSelectorContainer_1ylkc_5", S = "_selectBoxWrapper_1ylkc_14", l = {
-  pageSelectorWrapper: x,
-  pageSelectorContainer: g,
-  selectBoxWrapper: S
-}, _ = (t) => {
+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 = {
+  pageSelectorWrapper: S,
+  pageSelectorContainer: h,
+  selectBoxWrapper: m
+}, f = (o) => {
   const {
-    startRecordNum: o,
+    startRecordNum: c,
     endRecordNum: s,
-    totalCount: c,
-    values: n,
-    defaultValue: p,
+    totalCount: n,
+    values: p,
+    defaultValue: i,
     onChangePageSize: r
-  } = t, i = n || [
+  } = o, u = p || [
     { label: "10", value: 10 },
     { label: "50", value: 50 },
     { label: "100", value: 100 }
-  ], u = (a) => {
+  ], d = (a) => {
     r && r(a);
   };
-  return /* @__PURE__ */ e.jsx("div", { className: l.pageSelectorWrapper, children: /* @__PURE__ */ e.jsxs("div", { className: l.pageSelectorContainer, children: [
-    /* @__PURE__ */ e.jsx("p", { children: "表示件数" }),
-    /* @__PURE__ */ e.jsx("div", { className: l.selectBoxWrapper, children: /* @__PURE__ */ e.jsx(
-      d,
+  return /* @__PURE__ */ e("div", { className: l.pageSelectorWrapper, children: /* @__PURE__ */ t("div", { className: l.pageSelectorContainer, children: [
+    /* @__PURE__ */ e("p", { children: "表示件数" }),
+    /* @__PURE__ */ e("div", { className: l.selectBoxWrapper, children: /* @__PURE__ */ e(
+      g,
       {
-        values: i,
-        defaultValue: p,
-        onChange: (a) => u(a.value)
+        values: u,
+        defaultValue: i,
+        onChange: (a) => d(a.value)
       }
     ) }),
-    /* @__PURE__ */ e.jsxs("p", { children: [
-      o,
+    /* @__PURE__ */ t("p", { children: [
+      c,
       "-",
       s,
       " of ",
-      c
+      n
     ] })
   ] }) });
 };
 export {
-  _ as PageSizeSelector,
-  _ as default
+  f as PageSizeSelector,
+  f as default
 };
 //# sourceMappingURL=index.es.js.map

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,SAAAC,gBAAAA,EAAA,IAAC,SAAI,WAAWC,EAAO,qBACrB,UAACC,gBAAAA,EAAA,KAAA,OAAA,EAAI,WAAWD,EAAO,uBACrB,UAAA;AAAA,IAAAD,gBAAAA,EAAAA,IAAC,OAAE,UAAI,OAAA,CAAA;AAAA,IACNA,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAWC,EAAO,kBACrB,UAAAD,gBAAAA,EAAA;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,QAAQN;AAAA,QACR,cAAAF;AAAA,QACA,UAAU,CAACS,MACTN,EAAqBM,EAAe,KAAe;AAAA,MAAA;AAAA,IAAA,GAGzD;AAAA,2BACC,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;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;"}