@jigowatts/jigowatts-ui 1.1.7 → 1.1.9

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/ScrollableDialog/index.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport {\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogContentText,\n  DialogTitle,\n  DialogProps as MuiDialogProps,\n} from \"@mui/material\";\n\nexport type ConfirmDialogResult = \"confirm\" | \"cancel\";\n\ntype Props = {\n  /** ダイアログのタイトル */\n  dialogTitle: ReactNode;\n  /** ダイアログの内容 */\n  dialogContent: ReactNode;\n  /** ダイアログの処理ボタン（複数可） */\n  dialogActions: ReactNode;\n  /** ダイアログの表示状態 */\n  open: boolean;\n  /** 閉じた時のhandler */\n  onCloseDialog: (result: ConfirmDialogResult) => void;\n} & MuiDialogProps;\n\n/** MuiDialogを継承したコンテントのスクロール可能なDialogです。 */\nexport const ScrollableDialog = (props: Props) => {\n  const {\n    dialogTitle,\n    dialogContent,\n    dialogActions,\n    open,\n    onCloseDialog,\n    ...dialogProps\n  } = props;\n\n  return (\n    <Dialog\n      {...dialogProps}\n      open={open}\n      onClose={() => onCloseDialog(\"cancel\")}\n      scroll={\"paper\"}\n      aria-labelledby=\"scroll-dialog-title\"\n      aria-describedby=\"scroll-dialog-description\"\n    >\n      <DialogTitle\n        sx={{\n          display: \"flex\",\n          gap: \"5px\",\n          alignItems: \"center\",\n        }}\n      >\n        {dialogTitle}\n      </DialogTitle>\n      <DialogContent dividers={true}>\n        <DialogContentText tabIndex={-1}>{dialogContent}</DialogContentText>\n      </DialogContent>\n      <DialogActions sx={{ gap: \"10px\" }}>{dialogActions}</DialogActions>\n    </Dialog>\n  );\n};\n\nexport default ScrollableDialog;\n"],"names":["ScrollableDialog","props","dialogTitle","dialogContent","dialogActions","open","onCloseDialog","dialogProps","jsxs","Dialog","jsx","DialogTitle","DialogContent","DialogContentText","DialogActions"],"mappings":"yLA0BaA,EAAoBC,GAAiB,CAC1C,KAAA,CACJ,YAAAC,EACA,cAAAC,EACA,cAAAC,EACA,KAAAC,EACA,cAAAC,EACA,GAAGC,CAAA,EACDN,EAGF,OAAAO,EAAA,kBAAA,KAACC,EAAA,OAAA,CACE,GAAGF,EACJ,KAAAF,EACA,QAAS,IAAMC,EAAc,QAAQ,EACrC,OAAQ,QACR,kBAAgB,sBAChB,mBAAiB,4BAEjB,SAAA,CAAAI,EAAA,kBAAA,IAACC,EAAA,YAAA,CACC,GAAI,CACF,QAAS,OACT,IAAK,MACL,WAAY,QACd,EAEC,SAAAT,CAAA,CACH,EACAQ,EAAAA,kBAAAA,IAACE,EAAAA,eAAc,SAAU,GACvB,iCAACC,oBAAkB,CAAA,SAAU,GAAK,SAAAV,CAAA,CAAc,CAClD,CAAA,0BACCW,EAAAA,cAAc,CAAA,GAAI,CAAE,IAAK,QAAW,SAAcV,CAAA,CAAA,CAAA,CAAA,CACrD,CAEJ"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/ScrollableDialog/index.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport {\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogContentText,\n  DialogTitle,\n  DialogProps as MuiDialogProps,\n} from \"@mui/material\";\n\nexport type ConfirmDialogResult = \"confirm\" | \"cancel\";\n\ntype Props = {\n  /** ダイアログのタイトル */\n  dialogTitle: ReactNode;\n  /** ダイアログの内容 */\n  dialogContent: ReactNode;\n  /** ダイアログの処理ボタン（複数可） */\n  dialogActions: ReactNode;\n  /** ダイアログの表示状態 */\n  open: boolean;\n  /** 閉じた時のhandler */\n  onCloseDialog: (result: ConfirmDialogResult) => void;\n} & MuiDialogProps;\n\n/** MuiDialogを継承したコンテントのスクロール可能なDialogです。 */\nexport const ScrollableDialog = (props: Props) => {\n  const {\n    dialogTitle,\n    dialogContent,\n    dialogActions,\n    open,\n    onCloseDialog,\n    ...dialogProps\n  } = props;\n\n  return (\n    <Dialog\n      {...dialogProps}\n      open={open}\n      onClose={() => onCloseDialog(\"cancel\")}\n      scroll={\"paper\"}\n      aria-labelledby=\"scroll-dialog-title\"\n      aria-describedby=\"scroll-dialog-description\"\n    >\n      <DialogTitle\n        sx={{\n          display: \"flex\",\n          gap: \"5px\",\n          alignItems: \"center\",\n        }}\n      >\n        {dialogTitle}\n      </DialogTitle>\n      <DialogContent dividers={true}>\n        <DialogContentText tabIndex={-1}>{dialogContent}</DialogContentText>\n      </DialogContent>\n      <DialogActions sx={{ gap: \"10px\" }}>{dialogActions}</DialogActions>\n    </Dialog>\n  );\n};\n\nexport default ScrollableDialog;\n"],"names":["ScrollableDialog","props","dialogTitle","dialogContent","dialogActions","open","onCloseDialog","dialogProps","jsxs","Dialog","jsx","DialogTitle","DialogContent","DialogContentText","DialogActions"],"mappings":"4KA0BaA,EAAoBC,GAAiB,CAC1C,KAAA,CACJ,YAAAC,EACA,cAAAC,EACA,cAAAC,EACA,KAAAC,EACA,cAAAC,EACA,GAAGC,CAAA,EACDN,EAGF,OAAAO,EAAA,KAACC,EAAA,OAAA,CACE,GAAGF,EACJ,KAAAF,EACA,QAAS,IAAMC,EAAc,QAAQ,EACrC,OAAQ,QACR,kBAAgB,sBAChB,mBAAiB,4BAEjB,SAAA,CAAAI,EAAA,IAACC,EAAA,YAAA,CACC,GAAI,CACF,QAAS,OACT,IAAK,MACL,WAAY,QACd,EAEC,SAAAT,CAAA,CACH,EACAQ,EAAAA,IAACE,EAAAA,eAAc,SAAU,GACvB,eAACC,oBAAkB,CAAA,SAAU,GAAK,SAAAV,CAAA,CAAc,CAClD,CAAA,QACCW,EAAAA,cAAc,CAAA,GAAI,CAAE,IAAK,QAAW,SAAcV,CAAA,CAAA,CAAA,CAAA,CACrD,CAEJ"}

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

@@ -1,26 +1,26 @@
-import { j as l } from "../../jsx-runtime-CbmOdJhC.js";
-import { Dialog as n, DialogTitle as d, DialogContent as c, DialogContentText as g, DialogActions as x } from "@mui/material";
-const D = (o) => {
+import { jsxs as s, jsx as l } from "react/jsx-runtime";
+import { Dialog as d, DialogTitle as c, DialogContent as g, DialogContentText as p, DialogActions as x } from "@mui/material";
+const h = (o) => {
   const {
     dialogTitle: i,
     dialogContent: e,
     dialogActions: a,
-    open: s,
+    open: r,
     onCloseDialog: t,
-    ...r
+    ...n
   } = o;
-  return /* @__PURE__ */ l.jsxs(
-    n,
+  return /* @__PURE__ */ s(
+    d,
     {
-      ...r,
-      open: s,
+      ...n,
+      open: r,
       onClose: () => t("cancel"),
       scroll: "paper",
       "aria-labelledby": "scroll-dialog-title",
       "aria-describedby": "scroll-dialog-description",
       children: [
-        /* @__PURE__ */ l.jsx(
-          d,
+        /* @__PURE__ */ l(
+          c,
           {
             sx: {
               display: "flex",
@@ -30,14 +30,14 @@ const D = (o) => {
             children: i
           }
         ),
-        /* @__PURE__ */ l.jsx(c, { dividers: !0, children: /* @__PURE__ */ l.jsx(g, { tabIndex: -1, children: e }) }),
-        /* @__PURE__ */ l.jsx(x, { sx: { gap: "10px" }, children: a })
+        /* @__PURE__ */ l(g, { dividers: !0, children: /* @__PURE__ */ l(p, { tabIndex: -1, children: e }) }),
+        /* @__PURE__ */ l(x, { sx: { gap: "10px" }, children: a })
       ]
     }
   );
 };
 export {
-  D as ScrollableDialog,
-  D as default
+  h as ScrollableDialog,
+  h as default
 };
 //# sourceMappingURL=index.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../src/components/ScrollableDialog/index.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport {\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogContentText,\n  DialogTitle,\n  DialogProps as MuiDialogProps,\n} from \"@mui/material\";\n\nexport type ConfirmDialogResult = \"confirm\" | \"cancel\";\n\ntype Props = {\n  /** ダイアログのタイトル */\n  dialogTitle: ReactNode;\n  /** ダイアログの内容 */\n  dialogContent: ReactNode;\n  /** ダイアログの処理ボタン（複数可） */\n  dialogActions: ReactNode;\n  /** ダイアログの表示状態 */\n  open: boolean;\n  /** 閉じた時のhandler */\n  onCloseDialog: (result: ConfirmDialogResult) => void;\n} & MuiDialogProps;\n\n/** MuiDialogを継承したコンテントのスクロール可能なDialogです。 */\nexport const ScrollableDialog = (props: Props) => {\n  const {\n    dialogTitle,\n    dialogContent,\n    dialogActions,\n    open,\n    onCloseDialog,\n    ...dialogProps\n  } = props;\n\n  return (\n    <Dialog\n      {...dialogProps}\n      open={open}\n      onClose={() => onCloseDialog(\"cancel\")}\n      scroll={\"paper\"}\n      aria-labelledby=\"scroll-dialog-title\"\n      aria-describedby=\"scroll-dialog-description\"\n    >\n      <DialogTitle\n        sx={{\n          display: \"flex\",\n          gap: \"5px\",\n          alignItems: \"center\",\n        }}\n      >\n        {dialogTitle}\n      </DialogTitle>\n      <DialogContent dividers={true}>\n        <DialogContentText tabIndex={-1}>{dialogContent}</DialogContentText>\n      </DialogContent>\n      <DialogActions sx={{ gap: \"10px\" }}>{dialogActions}</DialogActions>\n    </Dialog>\n  );\n};\n\nexport default ScrollableDialog;\n"],"names":["ScrollableDialog","props","dialogTitle","dialogContent","dialogActions","open","onCloseDialog","dialogProps","jsxs","Dialog","jsx","DialogTitle","DialogContent","DialogContentText","DialogActions"],"mappings":";;AA0Ba,MAAAA,IAAmB,CAACC,MAAiB;AAC1C,QAAA;AAAA,IACJ,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,MAAAC;AAAA,IACA,eAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDN;AAGF,SAAAO,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,MAAAF;AAAA,MACA,SAAS,MAAMC,EAAc,QAAQ;AAAA,MACrC,QAAQ;AAAA,MACR,mBAAgB;AAAA,MAChB,oBAAiB;AAAA,MAEjB,UAAA;AAAA,QAAAI,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,SAAS;AAAA,cACT,KAAK;AAAA,cACL,YAAY;AAAA,YACd;AAAA,YAEC,UAAAT;AAAA,UAAA;AAAA,QACH;AAAA,QACAQ,gBAAAA,EAAAA,IAACE,KAAc,UAAU,IACvB,gCAACC,GAAkB,EAAA,UAAU,IAAK,UAAAV,EAAA,CAAc,EAClD,CAAA;AAAA,8BACCW,GAAc,EAAA,IAAI,EAAE,KAAK,UAAW,UAAcV,EAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACrD;AAEJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../src/components/ScrollableDialog/index.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport {\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogContentText,\n  DialogTitle,\n  DialogProps as MuiDialogProps,\n} from \"@mui/material\";\n\nexport type ConfirmDialogResult = \"confirm\" | \"cancel\";\n\ntype Props = {\n  /** ダイアログのタイトル */\n  dialogTitle: ReactNode;\n  /** ダイアログの内容 */\n  dialogContent: ReactNode;\n  /** ダイアログの処理ボタン（複数可） */\n  dialogActions: ReactNode;\n  /** ダイアログの表示状態 */\n  open: boolean;\n  /** 閉じた時のhandler */\n  onCloseDialog: (result: ConfirmDialogResult) => void;\n} & MuiDialogProps;\n\n/** MuiDialogを継承したコンテントのスクロール可能なDialogです。 */\nexport const ScrollableDialog = (props: Props) => {\n  const {\n    dialogTitle,\n    dialogContent,\n    dialogActions,\n    open,\n    onCloseDialog,\n    ...dialogProps\n  } = props;\n\n  return (\n    <Dialog\n      {...dialogProps}\n      open={open}\n      onClose={() => onCloseDialog(\"cancel\")}\n      scroll={\"paper\"}\n      aria-labelledby=\"scroll-dialog-title\"\n      aria-describedby=\"scroll-dialog-description\"\n    >\n      <DialogTitle\n        sx={{\n          display: \"flex\",\n          gap: \"5px\",\n          alignItems: \"center\",\n        }}\n      >\n        {dialogTitle}\n      </DialogTitle>\n      <DialogContent dividers={true}>\n        <DialogContentText tabIndex={-1}>{dialogContent}</DialogContentText>\n      </DialogContent>\n      <DialogActions sx={{ gap: \"10px\" }}>{dialogActions}</DialogActions>\n    </Dialog>\n  );\n};\n\nexport default ScrollableDialog;\n"],"names":["ScrollableDialog","props","dialogTitle","dialogContent","dialogActions","open","onCloseDialog","dialogProps","jsxs","Dialog","jsx","DialogTitle","DialogContent","DialogContentText","DialogActions"],"mappings":";;AA0Ba,MAAAA,IAAmB,CAACC,MAAiB;AAC1C,QAAA;AAAA,IACJ,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,MAAAC;AAAA,IACA,eAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDN;AAGF,SAAA,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,MAAAF;AAAA,MACA,SAAS,MAAMC,EAAc,QAAQ;AAAA,MACrC,QAAQ;AAAA,MACR,mBAAgB;AAAA,MAChB,oBAAiB;AAAA,MAEjB,UAAA;AAAA,QAAA,gBAAAI;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,SAAS;AAAA,cACT,KAAK;AAAA,cACL,YAAY;AAAA,YACd;AAAA,YAEC,UAAAT;AAAA,UAAA;AAAA,QACH;AAAA,QACA,gBAAAQ,EAACE,KAAc,UAAU,IACvB,4BAACC,GAAkB,EAAA,UAAU,IAAK,UAAAV,EAAA,CAAc,EAClD,CAAA;AAAA,0BACCW,GAAc,EAAA,IAAI,EAAE,KAAK,UAAW,UAAcV,EAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACrD;AAEJ;"}

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

@@ -1,2 +1,2 @@
-"use strict";const e=require("../../jsx-runtime-Dajn0hD2.cjs"),c=require("react"),t=require("../../react.esm-DzAzWxXs.cjs"),l=require("./index.cjs.js");describe("ScrollableDialog",()=>{it("renders correctly",()=>{const o="Test Title",n="Test Content",s=e.jsxRuntimeExports.jsx("button",{children:"Test Action"}),{getByText:i}=t.render(e.jsxRuntimeExports.jsx(l.ScrollableDialog,{dialogTitle:o,dialogContent:n,dialogActions:s,open:!0,onCloseDialog:()=>{}}));expect(i(o)).toBeInTheDocument(),expect(i(n)).toBeInTheDocument(),expect(i("Test Action")).toBeInTheDocument()}),it('calls onClose with "cancel" when the dialog is closed',()=>{const o=jest.fn();t.render(e.jsxRuntimeExports.jsx(l.ScrollableDialog,{open:!0,dialogTitle:"Test Dialog",dialogContent:"This is a test dialog.",dialogActions:e.jsxRuntimeExports.jsx("button",{onClick:()=>o("cancel"),children:"Cancel"}),onCloseDialog:o}));const n=t.screen.getByRole("button",{name:/cancel/i});t.fireEvent.click(n),expect(o).toHaveBeenCalledWith("cancel")}),it("displays the dialog when the open button is clicked",()=>{const o=()=>{const[n,s]=c.useState(!1);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("button",{onClick:()=>s(!0),children:"Open!"}),e.jsxRuntimeExports.jsx(l.ScrollableDialog,{open:n,dialogTitle:"Test Dialog",dialogContent:"This is a test dialog.",dialogActions:e.jsxRuntimeExports.jsx("button",{onClick:()=>{},children:"Close"}),onCloseDialog:()=>{}})]})};t.render(e.jsxRuntimeExports.jsx(o,{})),expect(t.screen.queryByText("This is a test dialog.")).not.toBeInTheDocument(),t.fireEvent.click(t.screen.getByText("Open!")),expect(t.screen.getByText("This is a test dialog.")).toBeInTheDocument()})});
+"use strict";const e=require("react/jsx-runtime"),s=require("react"),t=require("../../react.esm-CiMn0Rnx.cjs"),c=require("./index.cjs.js");describe("ScrollableDialog",()=>{it("renders correctly",()=>{const o="Test Title",n="Test Content",l=e.jsx("button",{children:"Test Action"}),{getByText:i}=t.render(e.jsx(c.ScrollableDialog,{dialogTitle:o,dialogContent:n,dialogActions:l,open:!0,onCloseDialog:()=>{}}));expect(i(o)).toBeInTheDocument(),expect(i(n)).toBeInTheDocument(),expect(i("Test Action")).toBeInTheDocument()}),it('calls onClose with "cancel" when the dialog is closed',()=>{const o=jest.fn();t.render(e.jsx(c.ScrollableDialog,{open:!0,dialogTitle:"Test Dialog",dialogContent:"This is a test dialog.",dialogActions:e.jsx("button",{onClick:()=>o("cancel"),children:"Cancel"}),onCloseDialog:o}));const n=t.screen.getByRole("button",{name:/cancel/i});t.fireEvent.click(n),expect(o).toHaveBeenCalledWith("cancel")}),it("displays the dialog when the open button is clicked",()=>{const o=()=>{const[n,l]=s.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx("button",{onClick:()=>l(!0),children:"Open!"}),e.jsx(c.ScrollableDialog,{open:n,dialogTitle:"Test Dialog",dialogContent:"This is a test dialog.",dialogActions:e.jsx("button",{onClick:()=>{},children:"Close"}),onCloseDialog:()=>{}})]})};t.render(e.jsx(o,{})),expect(t.screen.queryByText("This is a test dialog.")).not.toBeInTheDocument(),t.fireEvent.click(t.screen.getByText("Open!")),expect(t.screen.getByText("This is a test dialog.")).toBeInTheDocument()})});
 //# sourceMappingURL=index.test.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/ScrollableDialog/index.test.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { fireEvent, render, screen } from \"@testing-library/react\";\n\nimport { ScrollableDialog } from \".\";\n\ndescribe(\"ScrollableDialog\", () => {\n  it(\"renders correctly\", () => {\n    const title = \"Test Title\";\n    const content = \"Test Content\";\n    const dialogActions = <button>Test Action</button>;\n\n    const { getByText } = render(\n      <ScrollableDialog\n        dialogTitle={title}\n        dialogContent={content}\n        dialogActions={dialogActions}\n        open={true}\n        onCloseDialog={() => {}}\n      />,\n    );\n\n    expect(getByText(title)).toBeInTheDocument();\n    expect(getByText(content)).toBeInTheDocument();\n    expect(getByText(\"Test Action\")).toBeInTheDocument();\n  });\n\n  it('calls onClose with \"cancel\" when the dialog is closed', () => {\n    const handleClose = jest.fn();\n    render(\n      <ScrollableDialog\n        open={true}\n        dialogTitle=\"Test Dialog\"\n        dialogContent=\"This is a test dialog.\"\n        dialogActions={\n          <button onClick={() => handleClose(\"cancel\")}>Cancel</button>\n        }\n        onCloseDialog={handleClose}\n      />,\n    );\n\n    const cancelButton = screen.getByRole(\"button\", { name: /cancel/i });\n    fireEvent.click(cancelButton);\n\n    expect(handleClose).toHaveBeenCalledWith(\"cancel\");\n  });\n\n  it(\"displays the dialog when the open button is clicked\", () => {\n    const TestComponent = () => {\n      const [open, setOpen] = useState(false);\n\n      return (\n        <>\n          <button onClick={() => setOpen(true)}>Open!</button>\n          <ScrollableDialog\n            open={open}\n            dialogTitle=\"Test Dialog\"\n            dialogContent=\"This is a test dialog.\"\n            dialogActions={<button onClick={() => {}}>Close</button>}\n            onCloseDialog={() => {}}\n          />\n        </>\n      );\n    };\n    render(<TestComponent />);\n\n    // ダイアログがまだ表示されていないことを確認\n    expect(\n      screen.queryByText(\"This is a test dialog.\"),\n    ).not.toBeInTheDocument();\n\n    // Open! ボタンをクリック\n    fireEvent.click(screen.getByText(\"Open!\"));\n\n    // ダイアログが表示されていることを確認\n    expect(screen.getByText(\"This is a test dialog.\")).toBeInTheDocument();\n  });\n});\n"],"names":["title","content","dialogActions","jsx","getByText","render","ScrollableDialog","handleClose","cancelButton","screen","fireEvent","TestComponent","open","setOpen","useState","jsxs","Fragment"],"mappings":"wJAKA,SAAS,mBAAoB,IAAM,CACjC,GAAG,oBAAqB,IAAM,CAC5B,MAAMA,EAAQ,aACRC,EAAU,eACVC,EAAiBC,EAAAA,kBAAAA,IAAA,SAAA,CAAO,SAAW,aAAA,CAAA,EAEnC,CAAE,UAAAC,GAAcC,EAAA,OACpBF,EAAA,kBAAA,IAACG,EAAA,iBAAA,CACC,YAAaN,EACb,cAAeC,EACf,cAAAC,EACA,KAAM,GACN,cAAe,IAAM,CAAA,CAAC,CAAA,CAE1B,EAEA,OAAOE,EAAUJ,CAAK,CAAC,EAAE,kBAAkB,EAC3C,OAAOI,EAAUH,CAAO,CAAC,EAAE,kBAAkB,EAC7C,OAAOG,EAAU,aAAa,CAAC,EAAE,kBAAkB,CAAA,CACpD,EAED,GAAG,wDAAyD,IAAM,CAC1D,MAAAG,EAAc,KAAK,GAAG,EAC5BF,EAAA,OACEF,EAAA,kBAAA,IAACG,EAAA,iBAAA,CACC,KAAM,GACN,YAAY,cACZ,cAAc,yBACd,sCACG,SAAO,CAAA,QAAS,IAAMC,EAAY,QAAQ,EAAG,SAAM,SAAA,EAEtD,cAAeA,CAAA,CAAA,CAEnB,EAEA,MAAMC,EAAeC,EAAAA,OAAO,UAAU,SAAU,CAAE,KAAM,UAAW,EACnEC,EAAA,UAAU,MAAMF,CAAY,EAErB,OAAAD,CAAW,EAAE,qBAAqB,QAAQ,CAAA,CAClD,EAED,GAAG,sDAAuD,IAAM,CAC9D,MAAMI,EAAgB,IAAM,CAC1B,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAAAA,SAAS,EAAK,EAEtC,OAEIC,EAAA,kBAAA,KAAAC,6BAAA,CAAA,SAAA,CAAAb,wBAAC,UAAO,QAAS,IAAMU,EAAQ,EAAI,EAAG,SAAK,QAAA,EAC3CV,EAAA,kBAAA,IAACG,EAAA,iBAAA,CACC,KAAAM,EACA,YAAY,cACZ,cAAc,yBACd,cAAeT,EAAA,kBAAA,IAAC,SAAO,CAAA,QAAS,IAAM,CAAA,EAAI,SAAK,QAAA,EAC/C,cAAe,IAAM,CAAA,CAAC,CAAA,CACxB,EACF,CAEJ,EACOE,EAAAA,OAAAF,EAAA,kBAAA,IAACQ,IAAc,CAAE,EAGxB,OACEF,EAAA,OAAO,YAAY,wBAAwB,CAAA,EAC3C,IAAI,kBAAkB,EAGxBC,EAAAA,UAAU,MAAMD,EAAAA,OAAO,UAAU,OAAO,CAAC,EAGzC,OAAOA,EAAAA,OAAO,UAAU,wBAAwB,CAAC,EAAE,kBAAkB,CAAA,CACtE,CACH,CAAC"}
+{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/ScrollableDialog/index.test.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { fireEvent, render, screen } from \"@testing-library/react\";\n\nimport { ScrollableDialog } from \".\";\n\ndescribe(\"ScrollableDialog\", () => {\n  it(\"renders correctly\", () => {\n    const title = \"Test Title\";\n    const content = \"Test Content\";\n    const dialogActions = <button>Test Action</button>;\n\n    const { getByText } = render(\n      <ScrollableDialog\n        dialogTitle={title}\n        dialogContent={content}\n        dialogActions={dialogActions}\n        open={true}\n        onCloseDialog={() => {}}\n      />,\n    );\n\n    expect(getByText(title)).toBeInTheDocument();\n    expect(getByText(content)).toBeInTheDocument();\n    expect(getByText(\"Test Action\")).toBeInTheDocument();\n  });\n\n  it('calls onClose with \"cancel\" when the dialog is closed', () => {\n    const handleClose = jest.fn();\n    render(\n      <ScrollableDialog\n        open={true}\n        dialogTitle=\"Test Dialog\"\n        dialogContent=\"This is a test dialog.\"\n        dialogActions={\n          <button onClick={() => handleClose(\"cancel\")}>Cancel</button>\n        }\n        onCloseDialog={handleClose}\n      />,\n    );\n\n    const cancelButton = screen.getByRole(\"button\", { name: /cancel/i });\n    fireEvent.click(cancelButton);\n\n    expect(handleClose).toHaveBeenCalledWith(\"cancel\");\n  });\n\n  it(\"displays the dialog when the open button is clicked\", () => {\n    const TestComponent = () => {\n      const [open, setOpen] = useState(false);\n\n      return (\n        <>\n          <button onClick={() => setOpen(true)}>Open!</button>\n          <ScrollableDialog\n            open={open}\n            dialogTitle=\"Test Dialog\"\n            dialogContent=\"This is a test dialog.\"\n            dialogActions={<button onClick={() => {}}>Close</button>}\n            onCloseDialog={() => {}}\n          />\n        </>\n      );\n    };\n    render(<TestComponent />);\n\n    // ダイアログがまだ表示されていないことを確認\n    expect(\n      screen.queryByText(\"This is a test dialog.\"),\n    ).not.toBeInTheDocument();\n\n    // Open! ボタンをクリック\n    fireEvent.click(screen.getByText(\"Open!\"));\n\n    // ダイアログが表示されていることを確認\n    expect(screen.getByText(\"This is a test dialog.\")).toBeInTheDocument();\n  });\n});\n"],"names":["title","content","dialogActions","jsx","getByText","render","ScrollableDialog","handleClose","cancelButton","screen","fireEvent","TestComponent","open","setOpen","useState","jsxs","Fragment"],"mappings":"2IAKA,SAAS,mBAAoB,IAAM,CACjC,GAAG,oBAAqB,IAAM,CAC5B,MAAMA,EAAQ,aACRC,EAAU,eACVC,EAAiBC,EAAAA,IAAA,SAAA,CAAO,SAAW,aAAA,CAAA,EAEnC,CAAE,UAAAC,GAAcC,EAAA,OACpBF,EAAA,IAACG,EAAA,iBAAA,CACC,YAAaN,EACb,cAAeC,EACf,cAAAC,EACA,KAAM,GACN,cAAe,IAAM,CAAA,CAAC,CAAA,CAE1B,EAEA,OAAOE,EAAUJ,CAAK,CAAC,EAAE,kBAAkB,EAC3C,OAAOI,EAAUH,CAAO,CAAC,EAAE,kBAAkB,EAC7C,OAAOG,EAAU,aAAa,CAAC,EAAE,kBAAkB,CAAA,CACpD,EAED,GAAG,wDAAyD,IAAM,CAC1D,MAAAG,EAAc,KAAK,GAAG,EAC5BF,EAAA,OACEF,EAAA,IAACG,EAAA,iBAAA,CACC,KAAM,GACN,YAAY,cACZ,cAAc,yBACd,oBACG,SAAO,CAAA,QAAS,IAAMC,EAAY,QAAQ,EAAG,SAAM,SAAA,EAEtD,cAAeA,CAAA,CAAA,CAEnB,EAEA,MAAMC,EAAeC,EAAAA,OAAO,UAAU,SAAU,CAAE,KAAM,UAAW,EACnEC,EAAA,UAAU,MAAMF,CAAY,EAErB,OAAAD,CAAW,EAAE,qBAAqB,QAAQ,CAAA,CAClD,EAED,GAAG,sDAAuD,IAAM,CAC9D,MAAMI,EAAgB,IAAM,CAC1B,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAAAA,SAAS,EAAK,EAEtC,OAEIC,EAAA,KAAAC,WAAA,CAAA,SAAA,CAAAb,MAAC,UAAO,QAAS,IAAMU,EAAQ,EAAI,EAAG,SAAK,QAAA,EAC3CV,EAAA,IAACG,EAAA,iBAAA,CACC,KAAAM,EACA,YAAY,cACZ,cAAc,yBACd,cAAeT,EAAA,IAAC,SAAO,CAAA,QAAS,IAAM,CAAA,EAAI,SAAK,QAAA,EAC/C,cAAe,IAAM,CAAA,CAAC,CAAA,CACxB,EACF,CAEJ,EACOE,EAAAA,OAAAF,EAAA,IAACQ,IAAc,CAAE,EAGxB,OACEF,EAAA,OAAO,YAAY,wBAAwB,CAAA,EAC3C,IAAI,kBAAkB,EAGxBC,EAAAA,UAAU,MAAMD,EAAAA,OAAO,UAAU,OAAO,CAAC,EAGzC,OAAOA,EAAAA,OAAO,UAAU,wBAAwB,CAAC,EAAE,kBAAkB,CAAA,CACtE,CACH,CAAC"}

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

@@ -1,12 +1,12 @@
-import { j as e } from "../../jsx-runtime-CbmOdJhC.js";
-import { useState as r } from "react";
-import { r as s, s as n, f as a } from "../../react.esm-BL1KU4o5.js";
-import { ScrollableDialog as c } from "./index.es.js";
+import { jsx as e, jsxs as r, Fragment as d } from "react/jsx-runtime";
+import { useState as g } from "react";
+import { r as c, s as n, f as a } from "../../react.esm-2FJSSo-S.js";
+import { ScrollableDialog as s } from "./index.es.js";
 describe("ScrollableDialog", () => {
   it("renders correctly", () => {
-    const t = "Test Title", o = "Test Content", i = /* @__PURE__ */ e.jsx("button", { children: "Test Action" }), { getByText: l } = s(
-      /* @__PURE__ */ e.jsx(
-        c,
+    const t = "Test Title", o = "Test Content", i = /* @__PURE__ */ e("button", { children: "Test Action" }), { getByText: l } = c(
+      /* @__PURE__ */ e(
+        s,
         {
           dialogTitle: t,
           dialogContent: o,
@@ -20,14 +20,14 @@ describe("ScrollableDialog", () => {
     expect(l(t)).toBeInTheDocument(), expect(l(o)).toBeInTheDocument(), expect(l("Test Action")).toBeInTheDocument();
   }), it('calls onClose with "cancel" when the dialog is closed', () => {
     const t = jest.fn();
-    s(
-      /* @__PURE__ */ e.jsx(
-        c,
+    c(
+      /* @__PURE__ */ e(
+        s,
         {
           open: !0,
           dialogTitle: "Test Dialog",
           dialogContent: "This is a test dialog.",
-          dialogActions: /* @__PURE__ */ e.jsx("button", { onClick: () => t("cancel"), children: "Cancel" }),
+          dialogActions: /* @__PURE__ */ e("button", { onClick: () => t("cancel"), children: "Cancel" }),
           onCloseDialog: t
         }
       )
@@ -35,25 +35,24 @@ describe("ScrollableDialog", () => {
     const o = n.getByRole("button", { name: /cancel/i });
     a.click(o), expect(t).toHaveBeenCalledWith("cancel");
   }), it("displays the dialog when the open button is clicked", () => {
-    const t = () => {
-      const [o, i] = r(!1);
-      return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        /* @__PURE__ */ e.jsx("button", { onClick: () => i(!0), children: "Open!" }),
-        /* @__PURE__ */ e.jsx(
-          c,
+    c(/* @__PURE__ */ e(() => {
+      const [o, i] = g(!1);
+      return /* @__PURE__ */ r(d, { children: [
+        /* @__PURE__ */ e("button", { onClick: () => i(!0), children: "Open!" }),
+        /* @__PURE__ */ e(
+          s,
           {
             open: o,
             dialogTitle: "Test Dialog",
             dialogContent: "This is a test dialog.",
-            dialogActions: /* @__PURE__ */ e.jsx("button", { onClick: () => {
+            dialogActions: /* @__PURE__ */ e("button", { onClick: () => {
             }, children: "Close" }),
             onCloseDialog: () => {
             }
           }
         )
       ] });
-    };
-    s(/* @__PURE__ */ e.jsx(t, {})), expect(
+    }, {})), expect(
       n.queryByText("This is a test dialog.")
     ).not.toBeInTheDocument(), a.click(n.getByText("Open!")), expect(n.getByText("This is a test dialog.")).toBeInTheDocument();
   });

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

@@ -1 +1 @@
-{"version":3,"file":"index.test.es.js","sources":["../../../src/components/ScrollableDialog/index.test.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { fireEvent, render, screen } from \"@testing-library/react\";\n\nimport { ScrollableDialog } from \".\";\n\ndescribe(\"ScrollableDialog\", () => {\n  it(\"renders correctly\", () => {\n    const title = \"Test Title\";\n    const content = \"Test Content\";\n    const dialogActions = <button>Test Action</button>;\n\n    const { getByText } = render(\n      <ScrollableDialog\n        dialogTitle={title}\n        dialogContent={content}\n        dialogActions={dialogActions}\n        open={true}\n        onCloseDialog={() => {}}\n      />,\n    );\n\n    expect(getByText(title)).toBeInTheDocument();\n    expect(getByText(content)).toBeInTheDocument();\n    expect(getByText(\"Test Action\")).toBeInTheDocument();\n  });\n\n  it('calls onClose with \"cancel\" when the dialog is closed', () => {\n    const handleClose = jest.fn();\n    render(\n      <ScrollableDialog\n        open={true}\n        dialogTitle=\"Test Dialog\"\n        dialogContent=\"This is a test dialog.\"\n        dialogActions={\n          <button onClick={() => handleClose(\"cancel\")}>Cancel</button>\n        }\n        onCloseDialog={handleClose}\n      />,\n    );\n\n    const cancelButton = screen.getByRole(\"button\", { name: /cancel/i });\n    fireEvent.click(cancelButton);\n\n    expect(handleClose).toHaveBeenCalledWith(\"cancel\");\n  });\n\n  it(\"displays the dialog when the open button is clicked\", () => {\n    const TestComponent = () => {\n      const [open, setOpen] = useState(false);\n\n      return (\n        <>\n          <button onClick={() => setOpen(true)}>Open!</button>\n          <ScrollableDialog\n            open={open}\n            dialogTitle=\"Test Dialog\"\n            dialogContent=\"This is a test dialog.\"\n            dialogActions={<button onClick={() => {}}>Close</button>}\n            onCloseDialog={() => {}}\n          />\n        </>\n      );\n    };\n    render(<TestComponent />);\n\n    // ダイアログがまだ表示されていないことを確認\n    expect(\n      screen.queryByText(\"This is a test dialog.\"),\n    ).not.toBeInTheDocument();\n\n    // Open! ボタンをクリック\n    fireEvent.click(screen.getByText(\"Open!\"));\n\n    // ダイアログが表示されていることを確認\n    expect(screen.getByText(\"This is a test dialog.\")).toBeInTheDocument();\n  });\n});\n"],"names":["title","content","dialogActions","jsx","getByText","render","ScrollableDialog","handleClose","cancelButton","screen","fireEvent","TestComponent","open","setOpen","useState","jsxs","Fragment"],"mappings":";;;;AAKA,SAAS,oBAAoB,MAAM;AACjC,KAAG,qBAAqB,MAAM;AAC5B,UAAMA,IAAQ,cACRC,IAAU,gBACVC,IAAiBC,gBAAAA,EAAAA,IAAA,UAAA,EAAO,UAAW,cAAA,CAAA,GAEnC,EAAE,WAAAC,MAAcC;AAAA,MACpBF,gBAAAA,EAAA;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,aAAaN;AAAA,UACb,eAAeC;AAAA,UACf,eAAAC;AAAA,UACA,MAAM;AAAA,UACN,eAAe,MAAM;AAAA,UAAA;AAAA,QAAC;AAAA,MAAA;AAAA,IAE1B;AAEA,WAAOE,EAAUJ,CAAK,CAAC,EAAE,kBAAkB,GAC3C,OAAOI,EAAUH,CAAO,CAAC,EAAE,kBAAkB,GAC7C,OAAOG,EAAU,aAAa,CAAC,EAAE,kBAAkB;AAAA,EAAA,CACpD,GAED,GAAG,yDAAyD,MAAM;AAC1D,UAAAG,IAAc,KAAK,GAAG;AAC5B,IAAAF;AAAA,MACEF,gBAAAA,EAAA;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,MAAM;AAAA,UACN,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,qCACG,UAAO,EAAA,SAAS,MAAMC,EAAY,QAAQ,GAAG,UAAM,UAAA;AAAA,UAEtD,eAAeA;AAAA,QAAA;AAAA,MAAA;AAAA,IAEnB;AAEA,UAAMC,IAAeC,EAAO,UAAU,UAAU,EAAE,MAAM,WAAW;AACnE,IAAAC,EAAU,MAAMF,CAAY,GAErB,OAAAD,CAAW,EAAE,qBAAqB,QAAQ;AAAA,EAAA,CAClD,GAED,GAAG,uDAAuD,MAAM;AAC9D,UAAMI,IAAgB,MAAM;AAC1B,YAAM,CAACC,GAAMC,CAAO,IAAIC,EAAS,EAAK;AAEtC,aAEIC,gBAAAA,EAAA,KAAAC,YAAA,EAAA,UAAA;AAAA,QAAAb,gBAAAA,MAAC,YAAO,SAAS,MAAMU,EAAQ,EAAI,GAAG,UAAK,SAAA;AAAA,QAC3CV,gBAAAA,EAAA;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,MAAAM;AAAA,YACA,aAAY;AAAA,YACZ,eAAc;AAAA,YACd,eAAeT,gBAAAA,EAAA,IAAC,UAAO,EAAA,SAAS,MAAM;AAAA,YAAA,GAAI,UAAK,SAAA;AAAA,YAC/C,eAAe,MAAM;AAAA,YAAA;AAAA,UAAC;AAAA,QAAA;AAAA,MACxB,GACF;AAAA,IAEJ;AACO,IAAAE,EAAAF,gBAAAA,EAAA,IAACQ,KAAc,CAAE,GAGxB;AAAA,MACEF,EAAO,YAAY,wBAAwB;AAAA,IAAA,EAC3C,IAAI,kBAAkB,GAGxBC,EAAU,MAAMD,EAAO,UAAU,OAAO,CAAC,GAGzC,OAAOA,EAAO,UAAU,wBAAwB,CAAC,EAAE,kBAAkB;AAAA,EAAA,CACtE;AACH,CAAC;"}
+{"version":3,"file":"index.test.es.js","sources":["../../../src/components/ScrollableDialog/index.test.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { fireEvent, render, screen } from \"@testing-library/react\";\n\nimport { ScrollableDialog } from \".\";\n\ndescribe(\"ScrollableDialog\", () => {\n  it(\"renders correctly\", () => {\n    const title = \"Test Title\";\n    const content = \"Test Content\";\n    const dialogActions = <button>Test Action</button>;\n\n    const { getByText } = render(\n      <ScrollableDialog\n        dialogTitle={title}\n        dialogContent={content}\n        dialogActions={dialogActions}\n        open={true}\n        onCloseDialog={() => {}}\n      />,\n    );\n\n    expect(getByText(title)).toBeInTheDocument();\n    expect(getByText(content)).toBeInTheDocument();\n    expect(getByText(\"Test Action\")).toBeInTheDocument();\n  });\n\n  it('calls onClose with \"cancel\" when the dialog is closed', () => {\n    const handleClose = jest.fn();\n    render(\n      <ScrollableDialog\n        open={true}\n        dialogTitle=\"Test Dialog\"\n        dialogContent=\"This is a test dialog.\"\n        dialogActions={\n          <button onClick={() => handleClose(\"cancel\")}>Cancel</button>\n        }\n        onCloseDialog={handleClose}\n      />,\n    );\n\n    const cancelButton = screen.getByRole(\"button\", { name: /cancel/i });\n    fireEvent.click(cancelButton);\n\n    expect(handleClose).toHaveBeenCalledWith(\"cancel\");\n  });\n\n  it(\"displays the dialog when the open button is clicked\", () => {\n    const TestComponent = () => {\n      const [open, setOpen] = useState(false);\n\n      return (\n        <>\n          <button onClick={() => setOpen(true)}>Open!</button>\n          <ScrollableDialog\n            open={open}\n            dialogTitle=\"Test Dialog\"\n            dialogContent=\"This is a test dialog.\"\n            dialogActions={<button onClick={() => {}}>Close</button>}\n            onCloseDialog={() => {}}\n          />\n        </>\n      );\n    };\n    render(<TestComponent />);\n\n    // ダイアログがまだ表示されていないことを確認\n    expect(\n      screen.queryByText(\"This is a test dialog.\"),\n    ).not.toBeInTheDocument();\n\n    // Open! ボタンをクリック\n    fireEvent.click(screen.getByText(\"Open!\"));\n\n    // ダイアログが表示されていることを確認\n    expect(screen.getByText(\"This is a test dialog.\")).toBeInTheDocument();\n  });\n});\n"],"names":["title","content","dialogActions","jsx","getByText","render","ScrollableDialog","handleClose","cancelButton","screen","fireEvent","open","setOpen","useState","jsxs","Fragment"],"mappings":";;;;AAKA,SAAS,oBAAoB,MAAM;AACjC,KAAG,qBAAqB,MAAM;AAC5B,UAAMA,IAAQ,cACRC,IAAU,gBACVC,IAAiB,gBAAAC,EAAA,UAAA,EAAO,UAAW,cAAA,CAAA,GAEnC,EAAE,WAAAC,MAAcC;AAAA,MACpB,gBAAAF;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,aAAaN;AAAA,UACb,eAAeC;AAAA,UACf,eAAAC;AAAA,UACA,MAAM;AAAA,UACN,eAAe,MAAM;AAAA,UAAA;AAAA,QAAC;AAAA,MAAA;AAAA,IAE1B;AAEA,WAAOE,EAAUJ,CAAK,CAAC,EAAE,kBAAkB,GAC3C,OAAOI,EAAUH,CAAO,CAAC,EAAE,kBAAkB,GAC7C,OAAOG,EAAU,aAAa,CAAC,EAAE,kBAAkB;AAAA,EAAA,CACpD,GAED,GAAG,yDAAyD,MAAM;AAC1D,UAAAG,IAAc,KAAK,GAAG;AAC5B,IAAAF;AAAA,MACE,gBAAAF;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,MAAM;AAAA,UACN,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,iCACG,UAAO,EAAA,SAAS,MAAMC,EAAY,QAAQ,GAAG,UAAM,UAAA;AAAA,UAEtD,eAAeA;AAAA,QAAA;AAAA,MAAA;AAAA,IAEnB;AAEA,UAAMC,IAAeC,EAAO,UAAU,UAAU,EAAE,MAAM,WAAW;AACnE,IAAAC,EAAU,MAAMF,CAAY,GAErB,OAAAD,CAAW,EAAE,qBAAqB,QAAQ;AAAA,EAAA,CAClD,GAED,GAAG,uDAAuD,MAAM;AAiBvD,IAAAF,EAAA,gBAAAF,EAhBe,MAAM;AAC1B,YAAM,CAACQ,GAAMC,CAAO,IAAIC,EAAS,EAAK;AAEtC,aAEI,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,QAAA,gBAAAZ,EAAC,YAAO,SAAS,MAAMS,EAAQ,EAAI,GAAG,UAAK,SAAA;AAAA,QAC3C,gBAAAT;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,MAAAK;AAAA,YACA,aAAY;AAAA,YACZ,eAAc;AAAA,YACd,eAAe,gBAAAR,EAAC,UAAO,EAAA,SAAS,MAAM;AAAA,YAAA,GAAI,UAAK,SAAA;AAAA,YAC/C,eAAe,MAAM;AAAA,YAAA;AAAA,UAAC;AAAA,QAAA;AAAA,MACxB,GACF;AAAA,IAEJ,KACsB,CAAE,GAGxB;AAAA,MACEM,EAAO,YAAY,wBAAwB;AAAA,IAAA,EAC3C,IAAI,kBAAkB,GAGxBC,EAAU,MAAMD,EAAO,UAAU,OAAO,CAAC,GAGzC,OAAOA,EAAO,UAAU,wBAAwB,CAAC,EAAE,kBAAkB;AAAA,EAAA,CACtE;AACH,CAAC;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index29.css');const e=require("../../jsx-runtime-Dajn0hD2.cjs"),h=require("../../ExpandMore-WGCtrXpN.cjs"),j=require("../../resolveProps-BbPxVWKC.cjs"),_=require("../../createSvgIcon-DO5XgE_n.cjs"),t=require("@mui/material"),v=require("../FlexButtons/index.cjs.js");var n={},R=j.interopRequireDefaultExports;Object.defineProperty(n,"__esModule",{value:!0});var o=n.default=void 0,f=R(_.requireCreateSvgIcon()),E=e.jsxRuntimeExports;o=n.default=(0,f.default)((0,E.jsx)("path",{d:"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"}),"Search");const S="_container_89suu_1",b="_header_89suu_6",q="_mainContent_89suu_19",I="_searchForm_89suu_27",g="_inputItems_89suu_33",r={container:S,header:b,mainContent:q,searchForm:I,inputItems:g},a=({headerTitle:i,children:c,defaultExpanded:u,handleSubmit:l,onSubmitSearch:x,onClickClear:s})=>{const d=()=>{s&&s()},m=l(p=>{x(p)});return e.jsxRuntimeExports.jsxs(t.Accordion,{defaultExpanded:u,className:r.container,children:[e.jsxRuntimeExports.jsx(t.AccordionSummary,{className:r.header,"aria-controls":"panel-content",expandIcon:e.jsxRuntimeExports.jsx(h.default_1,{}),children:i||"絞り込み"}),e.jsxRuntimeExports.jsx(t.AccordionDetails,{className:r.mainContent,children:e.jsxRuntimeExports.jsxs("form",{className:r.searchForm,onSubmit:m,children:[e.jsxRuntimeExports.jsx("div",{className:r.inputItems,children:c}),e.jsxRuntimeExports.jsxs(v.FlexButtons,{position:"flex-end",children:[e.jsxRuntimeExports.jsx(t.Button,{onClick:d,variant:"outlined",sx:{p:1,background:"white",color:"#6672e8",borderBlockColor:"#6672e8",width:"128px"},children:"クリア"}),e.jsxRuntimeExports.jsx(t.Button,{type:"submit",variant:"contained",startIcon:e.jsxRuntimeExports.jsx(o,{}),sx:{background:"#6672e8",color:"white",":hover":{background:"#6672e8"},width:"128px"},children:"検索"})]})]})})]})};exports.SearchForm=a;exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index6.css');const e=require("react/jsx-runtime"),h=require("@mui/icons-material/ExpandMore"),x=require("@mui/icons-material/Search"),n=require("@mui/material"),_=require("../FlexButtons/index.cjs.js"),p="_container_89suu_1",j="_header_89suu_6",b="_mainContent_89suu_19",F="_searchForm_89suu_27",I="_inputItems_89suu_33",t={container:p,header:j,mainContent:b,searchForm:F,inputItems:I},s=({headerTitle:r,children:c,defaultExpanded:a,handleSubmit:i,onSubmitSearch:u,onClickClear:o})=>{const d=()=>{o&&o()},l=i(m=>{u(m)});return e.jsxs(n.Accordion,{defaultExpanded:a,className:t.container,children:[e.jsx(n.AccordionSummary,{className:t.header,"aria-controls":"panel-content",expandIcon:e.jsx(h,{}),children:r||"絞り込み"}),e.jsx(n.AccordionDetails,{className:t.mainContent,children:e.jsxs("form",{className:t.searchForm,onSubmit:l,children:[e.jsx("div",{className:t.inputItems,children:c}),e.jsxs(_.FlexButtons,{position:"flex-end",children:[e.jsx(n.Button,{onClick:d,variant:"outlined",sx:{p:1,background:"white",color:"#6672e8",borderBlockColor:"#6672e8",width:"128px"},children:"クリア"}),e.jsx(n.Button,{type:"submit",variant:"contained",startIcon:e.jsx(x,{}),sx:{background:"#6672e8",color:"white",":hover":{background:"#6672e8"},width:"128px"},children:"検索"})]})]})})]})};exports.SearchForm=s;exports.default=s;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/SearchForm/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/Search.js","../../../src/components/SearchForm/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: \"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14\"\n}), 'Search');","import { type ReactNode } from \"react\";\nimport ExpandMoreIcon from \"@mui/icons-material/ExpandMore\";\nimport SearchIcon from \"@mui/icons-material/Search\";\nimport {\n  Accordion,\n  AccordionDetails,\n  AccordionSummary,\n  Button,\n} from \"@mui/material\";\nimport { type FieldValues, type useForm } from \"react-hook-form\";\n\nimport { FlexButtons } from \"../FlexButtons\";\nimport styles from \"./index.module.scss\";\n\ntype Props<T extends FieldValues = FieldValues> = {\n  headerTitle?: string;\n  children: ReactNode;\n  defaultExpanded?: boolean;\n  handleSubmit: ReturnType<typeof useForm<T>>[\"handleSubmit\"];\n  onSubmitSearch: (data: T) => void;\n  onClickClear?: () => void;\n};\n\nexport const SearchForm = <T extends FieldValues = FieldValues>({\n  headerTitle,\n  children,\n  defaultExpanded,\n  handleSubmit,\n  onSubmitSearch,\n  onClickClear,\n}: Props<T>) => {\n  const handleClear = () => {\n    if (onClickClear) {\n      onClickClear();\n    }\n  };\n\n  const handle = handleSubmit((data) => {\n    onSubmitSearch(data);\n  });\n\n  return (\n    <Accordion defaultExpanded={defaultExpanded} className={styles.container}>\n      <AccordionSummary\n        className={styles.header}\n        aria-controls=\"panel-content\"\n        expandIcon={<ExpandMoreIcon />}\n      >\n        {headerTitle || \"絞り込み\"}\n      </AccordionSummary>\n      <AccordionDetails className={styles.mainContent}>\n        <form className={styles.searchForm} onSubmit={handle}>\n          <div className={styles.inputItems}>{children}</div>\n          <FlexButtons position=\"flex-end\">\n            <Button\n              onClick={handleClear}\n              variant=\"outlined\"\n              sx={{\n                p: 1,\n                background: \"white\",\n                color: \"#6672e8\",\n                borderBlockColor: \"#6672e8\",\n                width: \"128px\",\n              }}\n            >\n              クリア\n            </Button>\n            <Button\n              type=\"submit\"\n              variant=\"contained\"\n              startIcon={<SearchIcon />}\n              sx={{\n                background: \"#6672e8\",\n                color: \"white\",\n                \":hover\": { background: \"#6672e8\" },\n                width: \"128px\",\n              }}\n            >\n              検索\n            </Button>\n          </FlexButtons>\n        </form>\n      </AccordionDetails>\n    </Accordion>\n  );\n};\n\nexport default SearchForm;\n"],"names":["_interopRequireDefault","require$$0","Search","default_1","_createSvgIcon","require$$1","_jsxRuntime","require$$2","SearchForm","headerTitle","children","defaultExpanded","handleSubmit","onSubmitSearch","onClickClear","handleClear","handle","data","jsxs","Accordion","styles","jsx","AccordionSummary","ExpandMoreIcon","AccordionDetails","FlexButtons","Button","SearchIcon"],"mappings":"iXAGIA,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,YAA2BE,EAAY,KAAK,OAAQ,CACtG,EAAG,mOACL,CAAC,EAAG,QAAQ,gMCWCE,EAAa,CAAsC,CAC9D,YAAAC,EACA,SAAAC,EACA,gBAAAC,EACA,aAAAC,EACA,eAAAC,EACA,aAAAC,CACF,IAAgB,CACd,MAAMC,EAAc,IAAM,CACpBD,GACWA,EAAA,CAEjB,EAEME,EAASJ,EAAcK,GAAS,CACpCJ,EAAeI,CAAI,CAAA,CACpB,EAED,OACGC,EAAAA,kBAAAA,KAAAC,EAAAA,UAAA,CAAU,gBAAAR,EAAkC,UAAWS,EAAO,UAC7D,SAAA,CAAAC,EAAA,kBAAA,IAACC,EAAA,iBAAA,CACC,UAAWF,EAAO,OAClB,gBAAc,gBACd,mCAAaG,EAAe,UAAA,EAAA,EAE3B,SAAed,GAAA,MAAA,CAClB,EACAY,EAAA,kBAAA,IAACG,EAAiB,iBAAA,CAAA,UAAWJ,EAAO,YAClC,SAACF,EAAAA,kBAAAA,KAAA,OAAA,CAAK,UAAWE,EAAO,WAAY,SAAUJ,EAC5C,SAAA,CAAAK,EAAA,kBAAA,IAAC,MAAI,CAAA,UAAWD,EAAO,WAAa,SAAAV,EAAS,EAC7CQ,EAAAA,kBAAAA,KAACO,EAAAA,YAAY,CAAA,SAAS,WACpB,SAAA,CAAAJ,EAAA,kBAAA,IAACK,EAAA,OAAA,CACC,QAASX,EACT,QAAQ,WACR,GAAI,CACF,EAAG,EACH,WAAY,QACZ,MAAO,UACP,iBAAkB,UAClB,MAAO,OACT,EACD,SAAA,KAAA,CAED,EACAM,EAAA,kBAAA,IAACK,EAAA,OAAA,CACC,KAAK,SACL,QAAQ,YACR,kCAAYC,EAAW,EAAA,EACvB,GAAI,CACF,WAAY,UACZ,MAAO,QACP,SAAU,CAAE,WAAY,SAAU,EAClC,MAAO,OACT,EACD,SAAA,IAAA,CAAA,CAED,CACF,CAAA,CAAA,CAAA,CACF,CACF,CAAA,CAAA,EACF,CAEJ","x_google_ignoreList":[0]}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/SearchForm/index.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\nimport ExpandMoreIcon from \"@mui/icons-material/ExpandMore\";\nimport SearchIcon from \"@mui/icons-material/Search\";\nimport {\n  Accordion,\n  AccordionDetails,\n  AccordionSummary,\n  Button,\n} from \"@mui/material\";\nimport { type FieldValues, type useForm } from \"react-hook-form\";\n\nimport { FlexButtons } from \"../FlexButtons\";\nimport styles from \"./index.module.scss\";\n\ntype Props<T extends FieldValues = FieldValues> = {\n  headerTitle?: string;\n  children: ReactNode;\n  defaultExpanded?: boolean;\n  handleSubmit: ReturnType<typeof useForm<T>>[\"handleSubmit\"];\n  onSubmitSearch: (data: T) => void;\n  onClickClear?: () => void;\n};\n\nexport const SearchForm = <T extends FieldValues = FieldValues>({\n  headerTitle,\n  children,\n  defaultExpanded,\n  handleSubmit,\n  onSubmitSearch,\n  onClickClear,\n}: Props<T>) => {\n  const handleClear = () => {\n    if (onClickClear) {\n      onClickClear();\n    }\n  };\n\n  const handle = handleSubmit((data) => {\n    onSubmitSearch(data);\n  });\n\n  return (\n    <Accordion defaultExpanded={defaultExpanded} className={styles.container}>\n      <AccordionSummary\n        className={styles.header}\n        aria-controls=\"panel-content\"\n        expandIcon={<ExpandMoreIcon />}\n      >\n        {headerTitle || \"絞り込み\"}\n      </AccordionSummary>\n      <AccordionDetails className={styles.mainContent}>\n        <form className={styles.searchForm} onSubmit={handle}>\n          <div className={styles.inputItems}>{children}</div>\n          <FlexButtons position=\"flex-end\">\n            <Button\n              onClick={handleClear}\n              variant=\"outlined\"\n              sx={{\n                p: 1,\n                background: \"white\",\n                color: \"#6672e8\",\n                borderBlockColor: \"#6672e8\",\n                width: \"128px\",\n              }}\n            >\n              クリア\n            </Button>\n            <Button\n              type=\"submit\"\n              variant=\"contained\"\n              startIcon={<SearchIcon />}\n              sx={{\n                background: \"#6672e8\",\n                color: \"white\",\n                \":hover\": { background: \"#6672e8\" },\n                width: \"128px\",\n              }}\n            >\n              検索\n            </Button>\n          </FlexButtons>\n        </form>\n      </AccordionDetails>\n    </Accordion>\n  );\n};\n\nexport default SearchForm;\n"],"names":["SearchForm","headerTitle","children","defaultExpanded","handleSubmit","onSubmitSearch","onClickClear","handleClear","handle","data","jsxs","Accordion","styles","jsx","AccordionSummary","ExpandMoreIcon","AccordionDetails","FlexButtons","Button","SearchIcon"],"mappings":"ieAuBaA,EAAa,CAAsC,CAC9D,YAAAC,EACA,SAAAC,EACA,gBAAAC,EACA,aAAAC,EACA,eAAAC,EACA,aAAAC,CACF,IAAgB,CACd,MAAMC,EAAc,IAAM,CACpBD,GACWA,EAAA,CAEjB,EAEME,EAASJ,EAAcK,GAAS,CACpCJ,EAAeI,CAAI,CAAA,CACpB,EAED,OACGC,EAAAA,KAAAC,EAAAA,UAAA,CAAU,gBAAAR,EAAkC,UAAWS,EAAO,UAC7D,SAAA,CAAAC,EAAA,IAACC,EAAA,iBAAA,CACC,UAAWF,EAAO,OAClB,gBAAc,gBACd,iBAAaG,EAAe,EAAA,EAE3B,SAAed,GAAA,MAAA,CAClB,EACAY,EAAA,IAACG,EAAiB,iBAAA,CAAA,UAAWJ,EAAO,YAClC,SAACF,EAAAA,KAAA,OAAA,CAAK,UAAWE,EAAO,WAAY,SAAUJ,EAC5C,SAAA,CAAAK,EAAA,IAAC,MAAI,CAAA,UAAWD,EAAO,WAAa,SAAAV,EAAS,EAC7CQ,EAAAA,KAACO,EAAAA,YAAY,CAAA,SAAS,WACpB,SAAA,CAAAJ,EAAA,IAACK,EAAA,OAAA,CACC,QAASX,EACT,QAAQ,WACR,GAAI,CACF,EAAG,EACH,WAAY,QACZ,MAAO,UACP,iBAAkB,UAClB,MAAO,OACT,EACD,SAAA,KAAA,CAED,EACAM,EAAA,IAACK,EAAA,OAAA,CACC,KAAK,SACL,QAAQ,YACR,gBAAYC,EAAW,EAAA,EACvB,GAAI,CACF,WAAY,UACZ,MAAO,QACP,SAAU,CAAE,WAAY,SAAU,EAClC,MAAO,OACT,EACD,SAAA,IAAA,CAAA,CAED,CACF,CAAA,CAAA,CAAA,CACF,CACF,CAAA,CAAA,EACF,CAEJ"}

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

@@ -1,53 +1,44 @@
-import { j as e } from "../../jsx-runtime-CbmOdJhC.js";
-import { d as p } from "../../ExpandMore-BwxQSgiA.js";
-import { i as x } from "../../resolveProps-uiOkGxuE.js";
-import { r as _ } from "../../createSvgIcon-DhxOl24O.js";
-import { Accordion as f, AccordionSummary as j, AccordionDetails as v, Button as n } from "@mui/material";
-import { FlexButtons as S } from "../FlexButtons/index.es.js";
-import '../../assets/index29.css';var t = {}, C = x;
-Object.defineProperty(t, "__esModule", {
-  value: !0
-});
-var a = t.default = void 0, I = C(_()), b = e;
-a = t.default = (0, I.default)(/* @__PURE__ */ (0, b.jsx)("path", {
-  d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"
-}), "Search");
-const F = "_container_89suu_1", g = "_header_89suu_6", N = "_mainContent_89suu_19", k = "_searchForm_89suu_27", w = "_inputItems_89suu_33", r = {
-  container: F,
-  header: g,
-  mainContent: N,
-  searchForm: k,
-  inputItems: w
-}, E = ({
-  headerTitle: s,
-  children: c,
-  defaultExpanded: i,
-  handleSubmit: u,
-  onSubmitSearch: d,
-  onClickClear: o
+import { jsxs as e, jsx as n } from "react/jsx-runtime";
+import h from "@mui/icons-material/ExpandMore";
+import p from "@mui/icons-material/Search";
+import { Accordion as _, AccordionSummary as x, AccordionDetails as f, Button as r } from "@mui/material";
+import { FlexButtons as I } from "../FlexButtons/index.es.js";
+import '../../assets/index6.css';const b = "_container_89suu_1", F = "_header_89suu_6", C = "_mainContent_89suu_19", N = "_searchForm_89suu_27", k = "_inputItems_89suu_33", o = {
+  container: b,
+  header: F,
+  mainContent: C,
+  searchForm: N,
+  inputItems: k
+}, A = ({
+  headerTitle: c,
+  children: a,
+  defaultExpanded: s,
+  handleSubmit: i,
+  onSubmitSearch: m,
+  onClickClear: t
 }) => {
-  const l = () => {
-    o && o();
-  }, m = u((h) => {
-    d(h);
+  const d = () => {
+    t && t();
+  }, l = i((u) => {
+    m(u);
   });
-  return /* @__PURE__ */ e.jsxs(f, { defaultExpanded: i, className: r.container, children: [
-    /* @__PURE__ */ e.jsx(
-      j,
+  return /* @__PURE__ */ e(_, { defaultExpanded: s, className: o.container, children: [
+    /* @__PURE__ */ n(
+      x,
       {
-        className: r.header,
+        className: o.header,
         "aria-controls": "panel-content",
-        expandIcon: /* @__PURE__ */ e.jsx(p, {}),
-        children: s || "絞り込み"
+        expandIcon: /* @__PURE__ */ n(h, {}),
+        children: c || "絞り込み"
       }
     ),
-    /* @__PURE__ */ e.jsx(v, { className: r.mainContent, children: /* @__PURE__ */ e.jsxs("form", { className: r.searchForm, onSubmit: m, children: [
-      /* @__PURE__ */ e.jsx("div", { className: r.inputItems, children: c }),
-      /* @__PURE__ */ e.jsxs(S, { position: "flex-end", children: [
-        /* @__PURE__ */ e.jsx(
-          n,
+    /* @__PURE__ */ n(f, { className: o.mainContent, children: /* @__PURE__ */ e("form", { className: o.searchForm, onSubmit: l, children: [
+      /* @__PURE__ */ n("div", { className: o.inputItems, children: a }),
+      /* @__PURE__ */ e(I, { position: "flex-end", children: [
+        /* @__PURE__ */ n(
+          r,
           {
-            onClick: l,
+            onClick: d,
             variant: "outlined",
             sx: {
               p: 1,
@@ -59,12 +50,12 @@ const F = "_container_89suu_1", g = "_header_89suu_6", N = "_mainContent_89suu_1
             children: "クリア"
           }
         ),
-        /* @__PURE__ */ e.jsx(
-          n,
+        /* @__PURE__ */ n(
+          r,
           {
             type: "submit",
             variant: "contained",
-            startIcon: /* @__PURE__ */ e.jsx(a, {}),
+            startIcon: /* @__PURE__ */ n(p, {}),
             sx: {
               background: "#6672e8",
               color: "white",
@@ -79,7 +70,7 @@ const F = "_container_89suu_1", g = "_header_89suu_6", N = "_mainContent_89suu_1
   ] });
 };
 export {
-  E as SearchForm,
-  E as default
+  A as SearchForm,
+  A as default
 };
 //# sourceMappingURL=index.es.js.map

package/dist/components/SearchForm/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/Search.js","../../../src/components/SearchForm/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: \"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14\"\n}), 'Search');","import { type ReactNode } from \"react\";\nimport ExpandMoreIcon from \"@mui/icons-material/ExpandMore\";\nimport SearchIcon from \"@mui/icons-material/Search\";\nimport {\n  Accordion,\n  AccordionDetails,\n  AccordionSummary,\n  Button,\n} from \"@mui/material\";\nimport { type FieldValues, type useForm } from \"react-hook-form\";\n\nimport { FlexButtons } from \"../FlexButtons\";\nimport styles from \"./index.module.scss\";\n\ntype Props<T extends FieldValues = FieldValues> = {\n  headerTitle?: string;\n  children: ReactNode;\n  defaultExpanded?: boolean;\n  handleSubmit: ReturnType<typeof useForm<T>>[\"handleSubmit\"];\n  onSubmitSearch: (data: T) => void;\n  onClickClear?: () => void;\n};\n\nexport const SearchForm = <T extends FieldValues = FieldValues>({\n  headerTitle,\n  children,\n  defaultExpanded,\n  handleSubmit,\n  onSubmitSearch,\n  onClickClear,\n}: Props<T>) => {\n  const handleClear = () => {\n    if (onClickClear) {\n      onClickClear();\n    }\n  };\n\n  const handle = handleSubmit((data) => {\n    onSubmitSearch(data);\n  });\n\n  return (\n    <Accordion defaultExpanded={defaultExpanded} className={styles.container}>\n      <AccordionSummary\n        className={styles.header}\n        aria-controls=\"panel-content\"\n        expandIcon={<ExpandMoreIcon />}\n      >\n        {headerTitle || \"絞り込み\"}\n      </AccordionSummary>\n      <AccordionDetails className={styles.mainContent}>\n        <form className={styles.searchForm} onSubmit={handle}>\n          <div className={styles.inputItems}>{children}</div>\n          <FlexButtons position=\"flex-end\">\n            <Button\n              onClick={handleClear}\n              variant=\"outlined\"\n              sx={{\n                p: 1,\n                background: \"white\",\n                color: \"#6672e8\",\n                borderBlockColor: \"#6672e8\",\n                width: \"128px\",\n              }}\n            >\n              クリア\n            </Button>\n            <Button\n              type=\"submit\"\n              variant=\"contained\"\n              startIcon={<SearchIcon />}\n              sx={{\n                background: \"#6672e8\",\n                color: \"white\",\n                \":hover\": { background: \"#6672e8\" },\n                width: \"128px\",\n              }}\n            >\n              検索\n            </Button>\n          </FlexButtons>\n        </form>\n      </AccordionDetails>\n    </Accordion>\n  );\n};\n\nexport default SearchForm;\n"],"names":["_interopRequireDefault","require$$0","Search","default_1","_createSvgIcon","require$$1","_jsxRuntime","require$$2","SearchForm","headerTitle","children","defaultExpanded","handleSubmit","onSubmitSearch","onClickClear","handleClear","handle","data","jsxs","Accordion","styles","jsx","AccordionSummary","ExpandMoreIcon","AccordionDetails","FlexButtons","Button","SearchIcon"],"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,6BAA2BE,EAAY,KAAK,QAAQ;AAAA,EACtG,GAAG;AACL,CAAC,GAAG,QAAQ;;;;;;;GCWCE,IAAa,CAAsC;AAAA,EAC9D,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,cAAAC;AACF,MAAgB;AACd,QAAMC,IAAc,MAAM;AACxB,IAAID,KACWA,EAAA;AAAA,EAEjB,GAEME,IAASJ,EAAa,CAACK,MAAS;AACpC,IAAAJ,EAAeI,CAAI;AAAA,EAAA,CACpB;AAED,SACGC,gBAAAA,EAAAA,KAAAC,GAAA,EAAU,iBAAAR,GAAkC,WAAWS,EAAO,WAC7D,UAAA;AAAA,IAAAC,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAWF,EAAO;AAAA,QAClB,iBAAc;AAAA,QACd,kCAAaG,GAAe,EAAA;AAAA,QAE3B,UAAed,KAAA;AAAA,MAAA;AAAA,IAClB;AAAA,IACAY,gBAAAA,EAAA,IAACG,GAAiB,EAAA,WAAWJ,EAAO,aAClC,UAACF,gBAAAA,EAAAA,KAAA,QAAA,EAAK,WAAWE,EAAO,YAAY,UAAUJ,GAC5C,UAAA;AAAA,MAAAK,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAWD,EAAO,YAAa,UAAAV,GAAS;AAAA,MAC7CQ,gBAAAA,EAAAA,KAACO,GAAY,EAAA,UAAS,YACpB,UAAA;AAAA,QAAAJ,gBAAAA,EAAA;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,SAASX;AAAA,YACT,SAAQ;AAAA,YACR,IAAI;AAAA,cACF,GAAG;AAAA,cACH,YAAY;AAAA,cACZ,OAAO;AAAA,cACP,kBAAkB;AAAA,cAClB,OAAO;AAAA,YACT;AAAA,YACD,UAAA;AAAA,UAAA;AAAA,QAED;AAAA,QACAM,gBAAAA,EAAA;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,iCAAYC,GAAW,EAAA;AAAA,YACvB,IAAI;AAAA,cACF,YAAY;AAAA,cACZ,OAAO;AAAA,cACP,UAAU,EAAE,YAAY,UAAU;AAAA,cAClC,OAAO;AAAA,YACT;AAAA,YACD,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED,EACF,CAAA;AAAA,IAAA,EAAA,CACF,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es.js","sources":["../../../src/components/SearchForm/index.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\nimport ExpandMoreIcon from \"@mui/icons-material/ExpandMore\";\nimport SearchIcon from \"@mui/icons-material/Search\";\nimport {\n  Accordion,\n  AccordionDetails,\n  AccordionSummary,\n  Button,\n} from \"@mui/material\";\nimport { type FieldValues, type useForm } from \"react-hook-form\";\n\nimport { FlexButtons } from \"../FlexButtons\";\nimport styles from \"./index.module.scss\";\n\ntype Props<T extends FieldValues = FieldValues> = {\n  headerTitle?: string;\n  children: ReactNode;\n  defaultExpanded?: boolean;\n  handleSubmit: ReturnType<typeof useForm<T>>[\"handleSubmit\"];\n  onSubmitSearch: (data: T) => void;\n  onClickClear?: () => void;\n};\n\nexport const SearchForm = <T extends FieldValues = FieldValues>({\n  headerTitle,\n  children,\n  defaultExpanded,\n  handleSubmit,\n  onSubmitSearch,\n  onClickClear,\n}: Props<T>) => {\n  const handleClear = () => {\n    if (onClickClear) {\n      onClickClear();\n    }\n  };\n\n  const handle = handleSubmit((data) => {\n    onSubmitSearch(data);\n  });\n\n  return (\n    <Accordion defaultExpanded={defaultExpanded} className={styles.container}>\n      <AccordionSummary\n        className={styles.header}\n        aria-controls=\"panel-content\"\n        expandIcon={<ExpandMoreIcon />}\n      >\n        {headerTitle || \"絞り込み\"}\n      </AccordionSummary>\n      <AccordionDetails className={styles.mainContent}>\n        <form className={styles.searchForm} onSubmit={handle}>\n          <div className={styles.inputItems}>{children}</div>\n          <FlexButtons position=\"flex-end\">\n            <Button\n              onClick={handleClear}\n              variant=\"outlined\"\n              sx={{\n                p: 1,\n                background: \"white\",\n                color: \"#6672e8\",\n                borderBlockColor: \"#6672e8\",\n                width: \"128px\",\n              }}\n            >\n              クリア\n            </Button>\n            <Button\n              type=\"submit\"\n              variant=\"contained\"\n              startIcon={<SearchIcon />}\n              sx={{\n                background: \"#6672e8\",\n                color: \"white\",\n                \":hover\": { background: \"#6672e8\" },\n                width: \"128px\",\n              }}\n            >\n              検索\n            </Button>\n          </FlexButtons>\n        </form>\n      </AccordionDetails>\n    </Accordion>\n  );\n};\n\nexport default SearchForm;\n"],"names":["SearchForm","headerTitle","children","defaultExpanded","handleSubmit","onSubmitSearch","onClickClear","handleClear","handle","data","jsxs","Accordion","styles","jsx","AccordionSummary","ExpandMoreIcon","AccordionDetails","FlexButtons","Button","SearchIcon"],"mappings":";;;;;;;;;;;GAuBaA,IAAa,CAAsC;AAAA,EAC9D,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,cAAAC;AACF,MAAgB;AACd,QAAMC,IAAc,MAAM;AACxB,IAAID,KACWA,EAAA;AAAA,EAEjB,GAEME,IAASJ,EAAa,CAACK,MAAS;AACpC,IAAAJ,EAAeI,CAAI;AAAA,EAAA,CACpB;AAED,SACG,gBAAAC,EAAAC,GAAA,EAAU,iBAAAR,GAAkC,WAAWS,EAAO,WAC7D,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAWF,EAAO;AAAA,QAClB,iBAAc;AAAA,QACd,8BAAaG,GAAe,EAAA;AAAA,QAE3B,UAAed,KAAA;AAAA,MAAA;AAAA,IAClB;AAAA,IACA,gBAAAY,EAACG,GAAiB,EAAA,WAAWJ,EAAO,aAClC,UAAC,gBAAAF,EAAA,QAAA,EAAK,WAAWE,EAAO,YAAY,UAAUJ,GAC5C,UAAA;AAAA,MAAA,gBAAAK,EAAC,OAAI,EAAA,WAAWD,EAAO,YAAa,UAAAV,GAAS;AAAA,MAC7C,gBAAAQ,EAACO,GAAY,EAAA,UAAS,YACpB,UAAA;AAAA,QAAA,gBAAAJ;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,SAASX;AAAA,YACT,SAAQ;AAAA,YACR,IAAI;AAAA,cACF,GAAG;AAAA,cACH,YAAY;AAAA,cACZ,OAAO;AAAA,cACP,kBAAkB;AAAA,cAClB,OAAO;AAAA,YACT;AAAA,YACD,UAAA;AAAA,UAAA;AAAA,QAED;AAAA,QACA,gBAAAM;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,6BAAYC,GAAW,EAAA;AAAA,YACvB,IAAI;AAAA,cACF,YAAY;AAAA,cACZ,OAAO;AAAA,cACP,UAAU,EAAE,YAAY,UAAU;AAAA,cAClC,OAAO;AAAA,YACT;AAAA,YACD,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED,EACF,CAAA;AAAA,IAAA,EAAA,CACF,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("../../jsx-runtime-Dajn0hD2.cjs");require("classnames");const e=require("../../index-CC8i8yVF.cjs");exports.SelectBox=e.SelectBox;exports.default=e.SelectBox;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("react/jsx-runtime");require("classnames");const e=require("../../index-CCbJ_2yU.cjs");exports.SelectBox=e.SelectBox;exports.default=e.SelectBox;
 //# sourceMappingURL=index.cjs.js.map

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

@@ -1,6 +1,6 @@
-import "../../jsx-runtime-CbmOdJhC.js";
+import "react/jsx-runtime";
 import "classnames";
-import { S as a, S as m } from "../../index-BFpfBoIf.js";
+import { S as a, S as m } from "../../index-CSiE_l9r.js";
 export {
   a as SelectBox,
   m as default

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

@@ -1,2 +1,2 @@
-"use strict";const n=require("../../jsx-runtime-Dajn0hD2.cjs"),e=require("../../react.esm-DzAzWxXs.cjs"),o=require("../../index-CC8i8yVF.cjs");describe("SelectBox component",()=>{const s=[{label:"Option 1",value:"option1"},{label:"Option 2",value:"option2"}],c="test-selectbox",x="test-name";it("renders the select box with correct options",()=>{e.render(n.jsxRuntimeExports.jsx(o.SelectBox,{id:c,name:x,values:s}));const t=e.screen.getByRole("combobox");expect(t).toHaveAttribute("id",c),expect(t).toHaveAttribute("name",x),s.forEach(({label:r,value:l})=>{const i=e.screen.getByText(r);expect(i).toBeInTheDocument(),expect(i).toHaveAttribute("value",l)})}),it("shows error message when provided",()=>{const t="Error message";e.render(n.jsxRuntimeExports.jsx(o.SelectBox,{values:s,errorMessage:t}));const r=e.screen.getByText(t);expect(r).toBeInTheDocument()}),it("does not show error message when not provided",()=>{e.render(n.jsxRuntimeExports.jsx(o.SelectBox,{values:s}));const t=e.screen.queryByText(/Error message/i);expect(t).not.toBeInTheDocument()}),it("applies the error class to select box when errorMessage is provided",()=>{e.render(n.jsxRuntimeExports.jsx(o.SelectBox,{values:s,errorMessage:"Error message"}));const r=e.screen.getByRole("combobox");expect(r).toHaveClass(o.styles.error)}),it("does not apply the error class to select box when errorMessage is not provided",()=>{e.render(n.jsxRuntimeExports.jsx(o.SelectBox,{values:s}));const t=e.screen.getByRole("combobox");expect(t).not.toHaveClass(o.styles.error)})});
+"use strict";const n=require("react/jsx-runtime"),e=require("../../react.esm-CiMn0Rnx.cjs"),o=require("../../index-CCbJ_2yU.cjs");describe("SelectBox component",()=>{const r=[{label:"Option 1",value:"option1"},{label:"Option 2",value:"option2"}],c="test-selectbox",l="test-name";it("renders the select box with correct options",()=>{e.render(n.jsx(o.SelectBox,{id:c,name:l,values:r}));const t=e.screen.getByRole("combobox");expect(t).toHaveAttribute("id",c),expect(t).toHaveAttribute("name",l),r.forEach(({label:s,value:a})=>{const x=e.screen.getByText(s);expect(x).toBeInTheDocument(),expect(x).toHaveAttribute("value",a)})}),it("shows error message when provided",()=>{const t="Error message";e.render(n.jsx(o.SelectBox,{values:r,errorMessage:t}));const s=e.screen.getByText(t);expect(s).toBeInTheDocument()}),it("does not show error message when not provided",()=>{e.render(n.jsx(o.SelectBox,{values:r}));const t=e.screen.queryByText(/Error message/i);expect(t).not.toBeInTheDocument()}),it("applies the error class to select box when errorMessage is provided",()=>{e.render(n.jsx(o.SelectBox,{values:r,errorMessage:"Error message"}));const s=e.screen.getByRole("combobox");expect(s).toHaveClass(o.styles.error)}),it("does not apply the error class to select box when errorMessage is not provided",()=>{e.render(n.jsx(o.SelectBox,{values:r}));const t=e.screen.getByRole("combobox");expect(t).not.toHaveClass(o.styles.error)})});
 //# sourceMappingURL=index.test.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/SelectBox/index.test.tsx"],"sourcesContent":["import { render, screen } from \"@testing-library/react\";\n\n// import { axe, toHaveNoViolations } from 'jest-axe';\nimport { SelectBox } from \".\";\nimport styles from \"./index.module.scss\";\n\ndescribe(\"SelectBox component\", () => {\n  const values = [\n    { label: \"Option 1\", value: \"option1\" },\n    { label: \"Option 2\", value: \"option2\" },\n  ];\n\n  const id = \"test-selectbox\";\n  const name = \"test-name\";\n\n  it(\"renders the select box with correct options\", () => {\n    render(<SelectBox id={id} name={name} values={values} />);\n\n    const selectBox = screen.getByRole(\"combobox\");\n    expect(selectBox).toHaveAttribute(\"id\", id);\n    expect(selectBox).toHaveAttribute(\"name\", name);\n\n    values.forEach(({ label, value }) => {\n      const option = screen.getByText(label);\n      expect(option).toBeInTheDocument();\n      expect(option).toHaveAttribute(\"value\", value);\n    });\n  });\n\n  it(\"shows error message when provided\", () => {\n    const errorMessage = \"Error message\";\n    render(<SelectBox values={values} errorMessage={errorMessage} />);\n\n    const errorElement = screen.getByText(errorMessage);\n    expect(errorElement).toBeInTheDocument();\n  });\n\n  it(\"does not show error message when not provided\", () => {\n    render(<SelectBox values={values} />);\n\n    const errorElement = screen.queryByText(/Error message/i);\n    expect(errorElement).not.toBeInTheDocument();\n  });\n\n  it(\"applies the error class to select box when errorMessage is provided\", () => {\n    const errorMessage = \"Error message\";\n    render(<SelectBox values={values} errorMessage={errorMessage} />);\n\n    const selectBox = screen.getByRole(\"combobox\");\n    expect(selectBox).toHaveClass(styles.error);\n  });\n\n  it(\"does not apply the error class to select box when errorMessage is not provided\", () => {\n    render(<SelectBox values={values} />);\n\n    const selectBox = screen.getByRole(\"combobox\");\n    expect(selectBox).not.toHaveClass(styles.error);\n  });\n\n  // it('should be accessible', async () => {\n  //   const { container } = render(\n  //     <SelectBox id={id} name={name} values={values} />\n  //   );\n  //   const results = await axe(container);\n\n  //   expect.extend(toHaveNoViolations);\n  //   expect(results).toHaveNoViolations();\n  // });\n});\n"],"names":["values","id","name","render","jsx","SelectBox","selectBox","screen","label","value","option","errorMessage","errorElement","styles"],"mappings":"+IAMA,SAAS,sBAAuB,IAAM,CACpC,MAAMA,EAAS,CACb,CAAE,MAAO,WAAY,MAAO,SAAU,EACtC,CAAE,MAAO,WAAY,MAAO,SAAU,CACxC,EAEMC,EAAK,iBACLC,EAAO,YAEb,GAAG,8CAA+C,IAAM,CACtDC,EAAA,OAAQC,EAAA,kBAAA,IAAAC,YAAA,CAAU,GAAAJ,EAAQ,KAAAC,EAAY,OAAAF,EAAgB,CAAE,EAElD,MAAAM,EAAYC,EAAAA,OAAO,UAAU,UAAU,EAC7C,OAAOD,CAAS,EAAE,gBAAgB,KAAML,CAAE,EAC1C,OAAOK,CAAS,EAAE,gBAAgB,OAAQJ,CAAI,EAE9CF,EAAO,QAAQ,CAAC,CAAE,MAAAQ,EAAO,MAAAC,KAAY,CAC7B,MAAAC,EAASH,EAAAA,OAAO,UAAUC,CAAK,EAC9B,OAAAE,CAAM,EAAE,kBAAkB,EACjC,OAAOA,CAAM,EAAE,gBAAgB,QAASD,CAAK,CAAA,CAC9C,CAAA,CACF,EAED,GAAG,oCAAqC,IAAM,CAC5C,MAAME,EAAe,gBACrBR,EAAA,OAAQC,EAAA,kBAAA,IAAAC,EAAA,UAAA,CAAU,OAAAL,EAAgB,aAAAW,CAA4B,CAAA,CAAE,EAE1D,MAAAC,EAAeL,EAAAA,OAAO,UAAUI,CAAY,EAC3C,OAAAC,CAAY,EAAE,kBAAkB,CAAA,CACxC,EAED,GAAG,gDAAiD,IAAM,CACjDT,EAAAA,OAAAC,EAAAA,kBAAAA,IAACC,EAAAA,UAAU,CAAA,OAAAL,CAAgB,CAAA,CAAE,EAE9B,MAAAY,EAAeL,EAAAA,OAAO,YAAY,gBAAgB,EACjD,OAAAK,CAAY,EAAE,IAAI,kBAAkB,CAAA,CAC5C,EAED,GAAG,sEAAuE,IAAM,CAE9ET,EAAA,OAAQC,EAAA,kBAAA,IAAAC,EAAA,UAAA,CAAU,OAAAL,EAAgB,aADb,eACyC,CAAA,CAAE,EAE1D,MAAAM,EAAYC,EAAAA,OAAO,UAAU,UAAU,EAC7C,OAAOD,CAAS,EAAE,YAAYO,EAAAA,OAAO,KAAK,CAAA,CAC3C,EAED,GAAG,iFAAkF,IAAM,CAClFV,EAAAA,OAAAC,EAAAA,kBAAAA,IAACC,EAAAA,UAAU,CAAA,OAAAL,CAAgB,CAAA,CAAE,EAE9B,MAAAM,EAAYC,EAAAA,OAAO,UAAU,UAAU,EAC7C,OAAOD,CAAS,EAAE,IAAI,YAAYO,EAAAA,OAAO,KAAK,CAAA,CAC/C,CAWH,CAAC"}
+{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/SelectBox/index.test.tsx"],"sourcesContent":["import { render, screen } from \"@testing-library/react\";\n\n// import { axe, toHaveNoViolations } from 'jest-axe';\nimport { SelectBox } from \".\";\nimport styles from \"./index.module.scss\";\n\ndescribe(\"SelectBox component\", () => {\n  const values = [\n    { label: \"Option 1\", value: \"option1\" },\n    { label: \"Option 2\", value: \"option2\" },\n  ];\n\n  const id = \"test-selectbox\";\n  const name = \"test-name\";\n\n  it(\"renders the select box with correct options\", () => {\n    render(<SelectBox id={id} name={name} values={values} />);\n\n    const selectBox = screen.getByRole(\"combobox\");\n    expect(selectBox).toHaveAttribute(\"id\", id);\n    expect(selectBox).toHaveAttribute(\"name\", name);\n\n    values.forEach(({ label, value }) => {\n      const option = screen.getByText(label);\n      expect(option).toBeInTheDocument();\n      expect(option).toHaveAttribute(\"value\", value);\n    });\n  });\n\n  it(\"shows error message when provided\", () => {\n    const errorMessage = \"Error message\";\n    render(<SelectBox values={values} errorMessage={errorMessage} />);\n\n    const errorElement = screen.getByText(errorMessage);\n    expect(errorElement).toBeInTheDocument();\n  });\n\n  it(\"does not show error message when not provided\", () => {\n    render(<SelectBox values={values} />);\n\n    const errorElement = screen.queryByText(/Error message/i);\n    expect(errorElement).not.toBeInTheDocument();\n  });\n\n  it(\"applies the error class to select box when errorMessage is provided\", () => {\n    const errorMessage = \"Error message\";\n    render(<SelectBox values={values} errorMessage={errorMessage} />);\n\n    const selectBox = screen.getByRole(\"combobox\");\n    expect(selectBox).toHaveClass(styles.error);\n  });\n\n  it(\"does not apply the error class to select box when errorMessage is not provided\", () => {\n    render(<SelectBox values={values} />);\n\n    const selectBox = screen.getByRole(\"combobox\");\n    expect(selectBox).not.toHaveClass(styles.error);\n  });\n\n  // it('should be accessible', async () => {\n  //   const { container } = render(\n  //     <SelectBox id={id} name={name} values={values} />\n  //   );\n  //   const results = await axe(container);\n\n  //   expect.extend(toHaveNoViolations);\n  //   expect(results).toHaveNoViolations();\n  // });\n});\n"],"names":["values","id","name","render","jsx","SelectBox","selectBox","screen","label","value","option","errorMessage","errorElement","styles"],"mappings":"kIAMA,SAAS,sBAAuB,IAAM,CACpC,MAAMA,EAAS,CACb,CAAE,MAAO,WAAY,MAAO,SAAU,EACtC,CAAE,MAAO,WAAY,MAAO,SAAU,CACxC,EAEMC,EAAK,iBACLC,EAAO,YAEb,GAAG,8CAA+C,IAAM,CACtDC,EAAA,OAAQC,EAAA,IAAAC,YAAA,CAAU,GAAAJ,EAAQ,KAAAC,EAAY,OAAAF,EAAgB,CAAE,EAElD,MAAAM,EAAYC,EAAAA,OAAO,UAAU,UAAU,EAC7C,OAAOD,CAAS,EAAE,gBAAgB,KAAML,CAAE,EAC1C,OAAOK,CAAS,EAAE,gBAAgB,OAAQJ,CAAI,EAE9CF,EAAO,QAAQ,CAAC,CAAE,MAAAQ,EAAO,MAAAC,KAAY,CAC7B,MAAAC,EAASH,EAAAA,OAAO,UAAUC,CAAK,EAC9B,OAAAE,CAAM,EAAE,kBAAkB,EACjC,OAAOA,CAAM,EAAE,gBAAgB,QAASD,CAAK,CAAA,CAC9C,CAAA,CACF,EAED,GAAG,oCAAqC,IAAM,CAC5C,MAAME,EAAe,gBACrBR,EAAA,OAAQC,EAAA,IAAAC,EAAA,UAAA,CAAU,OAAAL,EAAgB,aAAAW,CAA4B,CAAA,CAAE,EAE1D,MAAAC,EAAeL,EAAAA,OAAO,UAAUI,CAAY,EAC3C,OAAAC,CAAY,EAAE,kBAAkB,CAAA,CACxC,EAED,GAAG,gDAAiD,IAAM,CACjDT,EAAAA,OAAAC,EAAAA,IAACC,EAAAA,UAAU,CAAA,OAAAL,CAAgB,CAAA,CAAE,EAE9B,MAAAY,EAAeL,EAAAA,OAAO,YAAY,gBAAgB,EACjD,OAAAK,CAAY,EAAE,IAAI,kBAAkB,CAAA,CAC5C,EAED,GAAG,sEAAuE,IAAM,CAE9ET,EAAA,OAAQC,EAAA,IAAAC,EAAA,UAAA,CAAU,OAAAL,EAAgB,aADb,eACyC,CAAA,CAAE,EAE1D,MAAAM,EAAYC,EAAAA,OAAO,UAAU,UAAU,EAC7C,OAAOD,CAAS,EAAE,YAAYO,EAAAA,OAAO,KAAK,CAAA,CAC3C,EAED,GAAG,iFAAkF,IAAM,CAClFV,EAAAA,OAAAC,EAAAA,IAACC,EAAAA,UAAU,CAAA,OAAAL,CAAgB,CAAA,CAAE,EAE9B,MAAAM,EAAYC,EAAAA,OAAO,UAAU,UAAU,EAC7C,OAAOD,CAAS,EAAE,IAAI,YAAYO,EAAAA,OAAO,KAAK,CAAA,CAC/C,CAWH,CAAC"}

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

@@ -1,35 +1,35 @@
-import { j as r } from "../../jsx-runtime-CbmOdJhC.js";
-import { r as n, s as t } from "../../react.esm-BL1KU4o5.js";
-import { s as l, S as c } from "../../index-BFpfBoIf.js";
+import { jsx as s } from "react/jsx-runtime";
+import { r as n, s as t } from "../../react.esm-2FJSSo-S.js";
+import { s as p, S as c } from "../../index-CSiE_l9r.js";
 describe("SelectBox component", () => {
   const o = [
     { label: "Option 1", value: "option1" },
     { label: "Option 2", value: "option2" }
   ], a = "test-selectbox", i = "test-name";
   it("renders the select box with correct options", () => {
-    n(/* @__PURE__ */ r.jsx(c, { id: a, name: i, values: o }));
+    n(/* @__PURE__ */ s(c, { id: a, name: i, values: o }));
     const e = t.getByRole("combobox");
-    expect(e).toHaveAttribute("id", a), expect(e).toHaveAttribute("name", i), o.forEach(({ label: s, value: p }) => {
-      const x = t.getByText(s);
-      expect(x).toBeInTheDocument(), expect(x).toHaveAttribute("value", p);
+    expect(e).toHaveAttribute("id", a), expect(e).toHaveAttribute("name", i), o.forEach(({ label: r, value: x }) => {
+      const l = t.getByText(r);
+      expect(l).toBeInTheDocument(), expect(l).toHaveAttribute("value", x);
     });
   }), it("shows error message when provided", () => {
     const e = "Error message";
-    n(/* @__PURE__ */ r.jsx(c, { values: o, errorMessage: e }));
-    const s = t.getByText(e);
-    expect(s).toBeInTheDocument();
+    n(/* @__PURE__ */ s(c, { values: o, errorMessage: e }));
+    const r = t.getByText(e);
+    expect(r).toBeInTheDocument();
   }), it("does not show error message when not provided", () => {
-    n(/* @__PURE__ */ r.jsx(c, { values: o }));
+    n(/* @__PURE__ */ s(c, { values: o }));
     const e = t.queryByText(/Error message/i);
     expect(e).not.toBeInTheDocument();
   }), it("applies the error class to select box when errorMessage is provided", () => {
-    n(/* @__PURE__ */ r.jsx(c, { values: o, errorMessage: "Error message" }));
-    const s = t.getByRole("combobox");
-    expect(s).toHaveClass(l.error);
+    n(/* @__PURE__ */ s(c, { values: o, errorMessage: "Error message" }));
+    const r = t.getByRole("combobox");
+    expect(r).toHaveClass(p.error);
   }), it("does not apply the error class to select box when errorMessage is not provided", () => {
-    n(/* @__PURE__ */ r.jsx(c, { values: o }));
+    n(/* @__PURE__ */ s(c, { values: o }));
     const e = t.getByRole("combobox");
-    expect(e).not.toHaveClass(l.error);
+    expect(e).not.toHaveClass(p.error);
   });
 });
 //# sourceMappingURL=index.test.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.test.es.js","sources":["../../../src/components/SelectBox/index.test.tsx"],"sourcesContent":["import { render, screen } from \"@testing-library/react\";\n\n// import { axe, toHaveNoViolations } from 'jest-axe';\nimport { SelectBox } from \".\";\nimport styles from \"./index.module.scss\";\n\ndescribe(\"SelectBox component\", () => {\n  const values = [\n    { label: \"Option 1\", value: \"option1\" },\n    { label: \"Option 2\", value: \"option2\" },\n  ];\n\n  const id = \"test-selectbox\";\n  const name = \"test-name\";\n\n  it(\"renders the select box with correct options\", () => {\n    render(<SelectBox id={id} name={name} values={values} />);\n\n    const selectBox = screen.getByRole(\"combobox\");\n    expect(selectBox).toHaveAttribute(\"id\", id);\n    expect(selectBox).toHaveAttribute(\"name\", name);\n\n    values.forEach(({ label, value }) => {\n      const option = screen.getByText(label);\n      expect(option).toBeInTheDocument();\n      expect(option).toHaveAttribute(\"value\", value);\n    });\n  });\n\n  it(\"shows error message when provided\", () => {\n    const errorMessage = \"Error message\";\n    render(<SelectBox values={values} errorMessage={errorMessage} />);\n\n    const errorElement = screen.getByText(errorMessage);\n    expect(errorElement).toBeInTheDocument();\n  });\n\n  it(\"does not show error message when not provided\", () => {\n    render(<SelectBox values={values} />);\n\n    const errorElement = screen.queryByText(/Error message/i);\n    expect(errorElement).not.toBeInTheDocument();\n  });\n\n  it(\"applies the error class to select box when errorMessage is provided\", () => {\n    const errorMessage = \"Error message\";\n    render(<SelectBox values={values} errorMessage={errorMessage} />);\n\n    const selectBox = screen.getByRole(\"combobox\");\n    expect(selectBox).toHaveClass(styles.error);\n  });\n\n  it(\"does not apply the error class to select box when errorMessage is not provided\", () => {\n    render(<SelectBox values={values} />);\n\n    const selectBox = screen.getByRole(\"combobox\");\n    expect(selectBox).not.toHaveClass(styles.error);\n  });\n\n  // it('should be accessible', async () => {\n  //   const { container } = render(\n  //     <SelectBox id={id} name={name} values={values} />\n  //   );\n  //   const results = await axe(container);\n\n  //   expect.extend(toHaveNoViolations);\n  //   expect(results).toHaveNoViolations();\n  // });\n});\n"],"names":["values","id","name","render","jsx","SelectBox","selectBox","screen","label","value","option","errorMessage","errorElement","styles"],"mappings":";;;AAMA,SAAS,uBAAuB,MAAM;AACpC,QAAMA,IAAS;AAAA,IACb,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,IACtC,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,EACxC,GAEMC,IAAK,kBACLC,IAAO;AAEb,KAAG,+CAA+C,MAAM;AACtD,IAAAC,EAAQC,gBAAAA,EAAA,IAAAC,GAAA,EAAU,IAAAJ,GAAQ,MAAAC,GAAY,QAAAF,GAAgB,CAAE;AAElD,UAAAM,IAAYC,EAAO,UAAU,UAAU;AAC7C,WAAOD,CAAS,EAAE,gBAAgB,MAAML,CAAE,GAC1C,OAAOK,CAAS,EAAE,gBAAgB,QAAQJ,CAAI,GAE9CF,EAAO,QAAQ,CAAC,EAAE,OAAAQ,GAAO,OAAAC,QAAY;AAC7B,YAAAC,IAASH,EAAO,UAAUC,CAAK;AAC9B,aAAAE,CAAM,EAAE,kBAAkB,GACjC,OAAOA,CAAM,EAAE,gBAAgB,SAASD,CAAK;AAAA,IAAA,CAC9C;AAAA,EAAA,CACF,GAED,GAAG,qCAAqC,MAAM;AAC5C,UAAME,IAAe;AACrB,IAAAR,EAAQC,gBAAAA,EAAA,IAAAC,GAAA,EAAU,QAAAL,GAAgB,cAAAW,EAA4B,CAAA,CAAE;AAE1D,UAAAC,IAAeL,EAAO,UAAUI,CAAY;AAC3C,WAAAC,CAAY,EAAE,kBAAkB;AAAA,EAAA,CACxC,GAED,GAAG,iDAAiD,MAAM;AACjD,IAAAT,EAAAC,gBAAAA,EAAAA,IAACC,GAAU,EAAA,QAAAL,EAAgB,CAAA,CAAE;AAE9B,UAAAY,IAAeL,EAAO,YAAY,gBAAgB;AACjD,WAAAK,CAAY,EAAE,IAAI,kBAAkB;AAAA,EAAA,CAC5C,GAED,GAAG,uEAAuE,MAAM;AAE9E,IAAAT,EAAQC,gBAAAA,EAAA,IAAAC,GAAA,EAAU,QAAAL,GAAgB,cADb,gBACyC,CAAA,CAAE;AAE1D,UAAAM,IAAYC,EAAO,UAAU,UAAU;AAC7C,WAAOD,CAAS,EAAE,YAAYO,EAAO,KAAK;AAAA,EAAA,CAC3C,GAED,GAAG,kFAAkF,MAAM;AAClF,IAAAV,EAAAC,gBAAAA,EAAAA,IAACC,GAAU,EAAA,QAAAL,EAAgB,CAAA,CAAE;AAE9B,UAAAM,IAAYC,EAAO,UAAU,UAAU;AAC7C,WAAOD,CAAS,EAAE,IAAI,YAAYO,EAAO,KAAK;AAAA,EAAA,CAC/C;AAWH,CAAC;"}
+{"version":3,"file":"index.test.es.js","sources":["../../../src/components/SelectBox/index.test.tsx"],"sourcesContent":["import { render, screen } from \"@testing-library/react\";\n\n// import { axe, toHaveNoViolations } from 'jest-axe';\nimport { SelectBox } from \".\";\nimport styles from \"./index.module.scss\";\n\ndescribe(\"SelectBox component\", () => {\n  const values = [\n    { label: \"Option 1\", value: \"option1\" },\n    { label: \"Option 2\", value: \"option2\" },\n  ];\n\n  const id = \"test-selectbox\";\n  const name = \"test-name\";\n\n  it(\"renders the select box with correct options\", () => {\n    render(<SelectBox id={id} name={name} values={values} />);\n\n    const selectBox = screen.getByRole(\"combobox\");\n    expect(selectBox).toHaveAttribute(\"id\", id);\n    expect(selectBox).toHaveAttribute(\"name\", name);\n\n    values.forEach(({ label, value }) => {\n      const option = screen.getByText(label);\n      expect(option).toBeInTheDocument();\n      expect(option).toHaveAttribute(\"value\", value);\n    });\n  });\n\n  it(\"shows error message when provided\", () => {\n    const errorMessage = \"Error message\";\n    render(<SelectBox values={values} errorMessage={errorMessage} />);\n\n    const errorElement = screen.getByText(errorMessage);\n    expect(errorElement).toBeInTheDocument();\n  });\n\n  it(\"does not show error message when not provided\", () => {\n    render(<SelectBox values={values} />);\n\n    const errorElement = screen.queryByText(/Error message/i);\n    expect(errorElement).not.toBeInTheDocument();\n  });\n\n  it(\"applies the error class to select box when errorMessage is provided\", () => {\n    const errorMessage = \"Error message\";\n    render(<SelectBox values={values} errorMessage={errorMessage} />);\n\n    const selectBox = screen.getByRole(\"combobox\");\n    expect(selectBox).toHaveClass(styles.error);\n  });\n\n  it(\"does not apply the error class to select box when errorMessage is not provided\", () => {\n    render(<SelectBox values={values} />);\n\n    const selectBox = screen.getByRole(\"combobox\");\n    expect(selectBox).not.toHaveClass(styles.error);\n  });\n\n  // it('should be accessible', async () => {\n  //   const { container } = render(\n  //     <SelectBox id={id} name={name} values={values} />\n  //   );\n  //   const results = await axe(container);\n\n  //   expect.extend(toHaveNoViolations);\n  //   expect(results).toHaveNoViolations();\n  // });\n});\n"],"names":["values","id","name","render","jsx","SelectBox","selectBox","screen","label","value","option","errorMessage","errorElement","styles"],"mappings":";;;AAMA,SAAS,uBAAuB,MAAM;AACpC,QAAMA,IAAS;AAAA,IACb,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,IACtC,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,EACxC,GAEMC,IAAK,kBACLC,IAAO;AAEb,KAAG,+CAA+C,MAAM;AACtD,IAAAC,EAAQ,gBAAAC,EAAAC,GAAA,EAAU,IAAAJ,GAAQ,MAAAC,GAAY,QAAAF,GAAgB,CAAE;AAElD,UAAAM,IAAYC,EAAO,UAAU,UAAU;AAC7C,WAAOD,CAAS,EAAE,gBAAgB,MAAML,CAAE,GAC1C,OAAOK,CAAS,EAAE,gBAAgB,QAAQJ,CAAI,GAE9CF,EAAO,QAAQ,CAAC,EAAE,OAAAQ,GAAO,OAAAC,QAAY;AAC7B,YAAAC,IAASH,EAAO,UAAUC,CAAK;AAC9B,aAAAE,CAAM,EAAE,kBAAkB,GACjC,OAAOA,CAAM,EAAE,gBAAgB,SAASD,CAAK;AAAA,IAAA,CAC9C;AAAA,EAAA,CACF,GAED,GAAG,qCAAqC,MAAM;AAC5C,UAAME,IAAe;AACrB,IAAAR,EAAQ,gBAAAC,EAAAC,GAAA,EAAU,QAAAL,GAAgB,cAAAW,EAA4B,CAAA,CAAE;AAE1D,UAAAC,IAAeL,EAAO,UAAUI,CAAY;AAC3C,WAAAC,CAAY,EAAE,kBAAkB;AAAA,EAAA,CACxC,GAED,GAAG,iDAAiD,MAAM;AACjD,IAAAT,EAAA,gBAAAC,EAACC,GAAU,EAAA,QAAAL,EAAgB,CAAA,CAAE;AAE9B,UAAAY,IAAeL,EAAO,YAAY,gBAAgB;AACjD,WAAAK,CAAY,EAAE,IAAI,kBAAkB;AAAA,EAAA,CAC5C,GAED,GAAG,uEAAuE,MAAM;AAE9E,IAAAT,EAAQ,gBAAAC,EAAAC,GAAA,EAAU,QAAAL,GAAgB,cADb,gBACyC,CAAA,CAAE;AAE1D,UAAAM,IAAYC,EAAO,UAAU,UAAU;AAC7C,WAAOD,CAAS,EAAE,YAAYO,EAAO,KAAK;AAAA,EAAA,CAC3C,GAED,GAAG,kFAAkF,MAAM;AAClF,IAAAV,EAAA,gBAAAC,EAACC,GAAU,EAAA,QAAAL,EAAgB,CAAA,CAAE;AAE9B,UAAAM,IAAYC,EAAO,UAAU,UAAU;AAC7C,WAAOD,CAAS,EAAE,IAAI,YAAYO,EAAO,KAAK;AAAA,EAAA,CAC/C;AAWH,CAAC;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index4.css');const t=require("../../jsx-runtime-Dajn0hD2.cjs"),C=require("../../Clear-DsR7N4Q8.cjs"),s=require("@mui/material"),M=require("react-hook-form"),S="_placeholder_egyvt_6",_={placeholder:S},h=j=>{const{control:g,name:y,options:l,defaultValue:v,isMulti:n,placeholder:R,emptyValue:i=n?[]:"",onChange:a,onClear:u,inputProps:b}=j,p=r=>Array.isArray(r)&&r.length||!n&&r;return t.jsxRuntimeExports.jsx(s.Box,{display:"grid",children:t.jsxRuntimeExports.jsx(M.Controller,{control:g,name:y,defaultValue:v,render:({field:r,fieldState:c})=>{var x;return t.jsxRuntimeExports.jsxs(s.FormControl,{error:c.invalid,children:[t.jsxRuntimeExports.jsx(s.Select,{...r,onChange:(e,o)=>{!n&&e.target.value===""?r.onChange(void 0):r.onChange(e),a==null||a(e,o)},multiple:n,size:"small",value:i,displayEmpty:!0,inputProps:{...b},renderValue:()=>{var o;const e=r.value;if(n&&Array.isArray(e)){if(e.length)return e.map(E=>{var m;return(m=l.find(f=>f.value===E))==null?void 0:m.label}).join(", ")}else if(e&&(typeof e=="string"||typeof e=="number"))return(o=l.find(d=>d.value===e))==null?void 0:o.label;return t.jsxRuntimeExports.jsx("span",{className:_.placeholder,children:R})},endAdornment:t.jsxRuntimeExports.jsx(s.IconButton,{sx:{visibility:p(r.value)?"visible":"hidden"},onClick:e=>{r.onChange(n?[]:i===""?void 0:i),u==null||u(e)},children:t.jsxRuntimeExports.jsx(C.default_1,{})}),sx:{"& .MuiSelect-iconOutlined":{display:p(r.value)?"none":""},"&.Mui-focused .MuiIconButton-root":{color:"primary.main"},"& .MuiSelect-select ":{whiteSpace:"break-spaces !important",paddingRight:"4px !important",fontSize:{xs:"1rem",sm:"0.875rem"},paddingLeft:"9.5px"},paddingRight:"4px !important"},children:l.map(e=>t.jsxRuntimeExports.jsxs(s.MenuItem,{value:e.value,children:[" ",e.label," "]},e.value))}),t.jsxRuntimeExports.jsx(s.FormHelperText,{children:(x=c.error)==null?void 0:x.message})]})}})})};exports.SelectBoxController=h;exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index5.css');const l=require("react/jsx-runtime"),f=require("@mui/icons-material/Clear"),n=require("@mui/material"),A=require("react-hook-form"),B="_placeholder_egyvt_6",_={placeholder:B},x=g=>{const{control:y,name:v,options:i,defaultValue:j,isMulti:t,placeholder:b,emptyValue:a=t?[]:"",onChange:s,onClear:u,inputProps:C}=g,c=r=>Array.isArray(r)&&r.length||!t&&r;return l.jsx(n.Box,{display:"grid",children:l.jsx(A.Controller,{control:y,name:v,defaultValue:j,render:({field:r,fieldState:p})=>{var d;return l.jsxs(n.FormControl,{error:p.invalid,children:[l.jsx(n.Select,{...r,onChange:(e,o)=>{!t&&e.target.value===""?r.onChange(void 0):r.onChange(e),s==null||s(e,o)},multiple:t,size:"small",value:a,displayEmpty:!0,inputProps:{...C},renderValue:()=>{var o;const e=r.value;if(t&&Array.isArray(e)){if(e.length)return e.map(M=>{var h;return(h=i.find(S=>S.value===M))==null?void 0:h.label}).join(", ")}else if(e&&(typeof e=="string"||typeof e=="number"))return(o=i.find(m=>m.value===e))==null?void 0:o.label;return l.jsx("span",{className:_.placeholder,children:b})},endAdornment:l.jsx(n.IconButton,{sx:{visibility:c(r.value)?"visible":"hidden"},onClick:e=>{r.onChange(t?[]:a===""?void 0:a),u==null||u(e)},children:l.jsx(f,{})}),sx:{"& .MuiSelect-iconOutlined":{display:c(r.value)?"none":""},"&.Mui-focused .MuiIconButton-root":{color:"primary.main"},"& .MuiSelect-select ":{whiteSpace:"break-spaces !important",paddingRight:"4px !important",fontSize:{xs:"1rem",sm:"0.875rem"},paddingLeft:"9.5px"},paddingRight:"4px !important"},children:i.map(e=>l.jsxs(n.MenuItem,{value:e.value,children:[" ",e.label," "]},e.value))}),l.jsx(n.FormHelperText,{children:(d=p.error)==null?void 0:d.message})]})}})})};exports.SelectBoxController=x;exports.default=x;
 //# sourceMappingURL=index.cjs.js.map