@jigowatts/jigowatts-ui 1.1.7 → 1.1.9

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

@@ -1,2 +1,2 @@
-"use strict";const s=require("../../jsx-runtime-Dajn0hD2.cjs"),e=require("../../react.esm-DzAzWxXs.cjs"),l=require("../../index-CKlK963j.cjs");require("../../index-0ocAFlwM.cjs");const r=require("./index.cjs.js"),x=[{id:"1",name:"Alice"},{id:"2",name:"Bob"}],u=[{key:"id",title:"ID",sortColumn:"id",render:t=>t.id,width:100},{key:"name",title:"Name",render:t=>t.name}],c={columns:u,dataList:x,totalCount:2,keyColumn:"id",currentPage:1,pageSize:10,sortColumn:"id",sortDirection:"asc",isLoading:!1,onChangePage:()=>{}};describe("Given DataTable",()=>{it("Then renders column headers",()=>{e.render(s.jsxRuntimeExports.jsx(r.DataTable,{...c})),expect(e.screen.getByText("ID")).toBeInTheDocument(),expect(e.screen.getByText("Name")).toBeInTheDocument()}),it("Then renders data rows",()=>{e.render(s.jsxRuntimeExports.jsx(r.DataTable,{...c})),expect(e.screen.getByText("1",{selector:"td"})).toBeInTheDocument(),expect(e.screen.getByText("Alice")).toBeInTheDocument(),expect(e.screen.getByText("2",{selector:"td"})).toBeInTheDocument(),expect(e.screen.getByText("Bob")).toBeInTheDocument()}),it("When row is clicked, Then triggers onClickRow",async()=>{const t=l.userEvent.setup(),n=jest.fn(),o={...c,onClickRow:n};e.render(s.jsxRuntimeExports.jsx(r.DataTable,{...o})),await t.click(e.screen.getByText("Alice")),expect(n).toHaveBeenCalledWith(x[0])}),it("When header 'asc' is clicked, Then triggers onChangeSort with 'desc'",async()=>{const t=l.userEvent.setup(),n=jest.fn(),o={...c,onChangeSort:n};e.render(s.jsxRuntimeExports.jsx(r.DataTable,{...o})),await t.click(e.screen.getByText("ID")),expect(n).toHaveBeenCalledWith("id","desc")}),it("When header 'desc' is clicked, Then triggers onChangeSort with 'asc'",async()=>{const t=l.userEvent.setup(),n=jest.fn(),o={...c,onChangeSort:n,sortDirection:"desc"};e.render(s.jsxRuntimeExports.jsx(r.DataTable,{...o})),await t.click(e.screen.getByText("ID")),expect(n).toHaveBeenCalledWith("id","asc")}),it("When showBorder is true, Then table cells have borders",()=>{const t={...c,showBorder:!0},{container:n}=e.render(s.jsxRuntimeExports.jsx(r.DataTable,{...t})),o=n.querySelectorAll("td");expect(o.length).toBeGreaterThan(0);const a=o[0],i=window.getComputedStyle(a);expect(i.border).not.toBe("none")}),it("When showBorder is false or undefined, Then table cells have no borders",()=>{const t={...c,showBorder:!1},{container:n}=e.render(s.jsxRuntimeExports.jsx(r.DataTable,{...t})),o=n.querySelectorAll("td");expect(o.length).toBeGreaterThan(0);const a=o[0];expect(a).toHaveStyle({border:"none"});const{container:i}=e.render(s.jsxRuntimeExports.jsx(r.DataTable,{...c})),d=i.querySelectorAll("td");expect(d.length).toBeGreaterThan(0);const h=d[0];expect(h).toHaveStyle({border:"none"})}),it("When column has width property, Then table cell has correct width style",()=>{const{container:t}=e.render(s.jsxRuntimeExports.jsx(r.DataTable,{...c})),n=t.querySelector("td:first-child");expect(n).toBeInTheDocument(),expect(n).toHaveStyle({width:"100px"})})});
+"use strict";const r=require("react/jsx-runtime"),e=require("../../react.esm-CiMn0Rnx.cjs"),i=require("../../index-C50NsnJO.cjs");require("../../index-BpMSrIOq.cjs");const s=require("./index.cjs.js"),h=[{id:"1",name:"Alice"},{id:"2",name:"Bob"}],x=[{key:"id",title:"ID",sortColumn:"id",render:t=>t.id,width:100},{key:"name",title:"Name",render:t=>t.name}],c={columns:x,dataList:h,totalCount:2,keyColumn:"id",currentPage:1,pageSize:10,sortColumn:"id",sortDirection:"asc",isLoading:!1,onChangePage:()=>{}};describe("Given DataTable",()=>{it("Then renders column headers",()=>{e.render(r.jsx(s.DataTable,{...c})),expect(e.screen.getByText("ID")).toBeInTheDocument(),expect(e.screen.getByText("Name")).toBeInTheDocument()}),it("Then renders data rows",()=>{e.render(r.jsx(s.DataTable,{...c})),expect(e.screen.getByText("1",{selector:"td"})).toBeInTheDocument(),expect(e.screen.getByText("Alice")).toBeInTheDocument(),expect(e.screen.getByText("2",{selector:"td"})).toBeInTheDocument(),expect(e.screen.getByText("Bob")).toBeInTheDocument()}),it("When row is clicked, Then triggers onClickRow",async()=>{const t=i.userEvent.setup(),n=jest.fn(),o={...c,onClickRow:n};e.render(r.jsx(s.DataTable,{...o})),await t.click(e.screen.getByText("Alice")),expect(n).toHaveBeenCalledWith(h[0])}),it("When header 'asc' is clicked, Then triggers onChangeSort with 'desc'",async()=>{const t=i.userEvent.setup(),n=jest.fn(),o={...c,onChangeSort:n};e.render(r.jsx(s.DataTable,{...o})),await t.click(e.screen.getByText("ID")),expect(n).toHaveBeenCalledWith("id","desc")}),it("When header 'desc' is clicked, Then triggers onChangeSort with 'asc'",async()=>{const t=i.userEvent.setup(),n=jest.fn(),o={...c,onChangeSort:n,sortDirection:"desc"};e.render(r.jsx(s.DataTable,{...o})),await t.click(e.screen.getByText("ID")),expect(n).toHaveBeenCalledWith("id","asc")}),it("When showBorder is true, Then table cells have borders",()=>{const t={...c,showBorder:!0},{container:n}=e.render(r.jsx(s.DataTable,{...t})),o=n.querySelectorAll("td");expect(o.length).toBeGreaterThan(0);const a=o[0],l=window.getComputedStyle(a);expect(l.border).not.toBe("none")}),it("When showBorder is false or undefined, Then table cells have no borders",()=>{const t={...c,showBorder:!1},{container:n}=e.render(r.jsx(s.DataTable,{...t})),o=n.querySelectorAll("td");expect(o.length).toBeGreaterThan(0);const a=o[0];expect(a).toHaveStyle({border:"none"});const{container:l}=e.render(r.jsx(s.DataTable,{...c})),d=l.querySelectorAll("td");expect(d.length).toBeGreaterThan(0);const u=d[0];expect(u).toHaveStyle({border:"none"})}),it("When column has width property, Then table cell has correct width style",()=>{const{container:t}=e.render(r.jsx(s.DataTable,{...c})),n=t.querySelector("td:first-child");expect(n).toBeInTheDocument(),expect(n).toHaveStyle({width:"100px"})})});
 //# sourceMappingURL=index.test.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/DataTable/index.test.tsx"],"sourcesContent":["import { render, screen } from \"@testing-library/react\";\nimport userEvent from \"@testing-library/user-event\";\n\nimport \"@testing-library/jest-dom\";\n\nimport { DataTable, SortDirection, type Column } from \"./index\";\n\ntype MockData = {\n  id: string;\n  name: string;\n};\n\ntype Props<Key extends keyof T, T> = {\n  columns: Column<T>[];\n  dataList?: T[];\n  totalCount: number;\n  currentPage: number;\n  pageSize: number;\n  keyColumn: Key;\n  sortColumn?: keyof T;\n  sortDirection?: SortDirection;\n  isLoading: boolean;\n  onClickRow?: (data: T) => void;\n  onChangeSort?: (sortColumn: keyof T, sortDirection: SortDirection) => void;\n  onChangePage: (page: number) => void;\n  onChangePageSize?: (pageSize: number) => void;\n  showBorder?: boolean;\n};\n\nconst mockDataList: MockData[] = [\n  { id: \"1\", name: \"Alice\" },\n  { id: \"2\", name: \"Bob\" },\n];\n\nconst mockColumns: Column<MockData>[] = [\n  {\n    key: \"id\",\n    title: \"ID\",\n    sortColumn: \"id\",\n    render: (data) => data.id,\n    width: 100,\n  },\n  {\n    key: \"name\",\n    title: \"Name\",\n    render: (data) => data.name,\n  },\n];\n\nconst defaultProps: Props<keyof MockData, MockData> = {\n  columns: mockColumns,\n  dataList: mockDataList,\n  totalCount: 2,\n  keyColumn: \"id\",\n  currentPage: 1,\n  pageSize: 10,\n  sortColumn: \"id\",\n  sortDirection: \"asc\",\n  isLoading: false,\n  onChangePage: () => {},\n};\n\ndescribe(\"Given DataTable\", () => {\n  it(\"Then renders column headers\", () => {\n    render(<DataTable {...defaultProps} />);\n\n    expect(screen.getByText(\"ID\")).toBeInTheDocument();\n    expect(screen.getByText(\"Name\")).toBeInTheDocument();\n  });\n\n  it(\"Then renders data rows\", () => {\n    render(<DataTable {...defaultProps} />);\n\n    expect(screen.getByText(\"1\", { selector: \"td\" })).toBeInTheDocument();\n    expect(screen.getByText(\"Alice\")).toBeInTheDocument();\n    expect(screen.getByText(\"2\", { selector: \"td\" })).toBeInTheDocument();\n    expect(screen.getByText(\"Bob\")).toBeInTheDocument();\n  });\n\n  it(\"When row is clicked, Then triggers onClickRow\", async () => {\n    const user = userEvent.setup();\n    const onClickRowMock = jest.fn();\n    const props = { ...defaultProps, onClickRow: onClickRowMock };\n\n    render(<DataTable {...props} />);\n\n    await user.click(screen.getByText(\"Alice\"));\n    expect(onClickRowMock).toHaveBeenCalledWith(mockDataList[0]);\n  });\n\n  it(\"When header 'asc' is clicked, Then triggers onChangeSort with 'desc'\", async () => {\n    const user = userEvent.setup();\n    const onChangeSortMock = jest.fn();\n    const props = { ...defaultProps, onChangeSort: onChangeSortMock };\n\n    render(<DataTable {...props} />);\n\n    await user.click(screen.getByText(\"ID\"));\n    expect(onChangeSortMock).toHaveBeenCalledWith(\"id\", \"desc\");\n  });\n\n  it(\"When header 'desc' is clicked, Then triggers onChangeSort with 'asc'\", async () => {\n    const user = userEvent.setup();\n    const onChangeSortMock = jest.fn();\n    const props: Props<keyof MockData, MockData> = {\n      ...defaultProps,\n      onChangeSort: onChangeSortMock,\n      sortDirection: \"desc\",\n    };\n\n    render(<DataTable {...props} />);\n\n    await user.click(screen.getByText(\"ID\"));\n    expect(onChangeSortMock).toHaveBeenCalledWith(\"id\", \"asc\");\n  });\n\n  it(\"When showBorder is true, Then table cells have borders\", () => {\n    const props = { ...defaultProps, showBorder: true };\n    const { container } = render(<DataTable {...props} />);\n\n    const tableCells = container.querySelectorAll(\"td\");\n    expect(tableCells.length).toBeGreaterThan(0);\n\n    // showBorder=trueの場合、borderスタイルはundefinedになる（デフォルトのborderが適用される）\n    const firstCell = tableCells[0];\n    const computedStyle = window.getComputedStyle(firstCell);\n    expect(computedStyle.border).not.toBe(\"none\");\n  });\n\n  it(\"When showBorder is false or undefined, Then table cells have no borders\", () => {\n    // showBorder=falseの場合\n    const propsWithFalse = { ...defaultProps, showBorder: false };\n    const { container: containerFalse } = render(\n      <DataTable {...propsWithFalse} />,\n    );\n\n    const tableCellsFalse = containerFalse.querySelectorAll(\"td\");\n    expect(tableCellsFalse.length).toBeGreaterThan(0);\n\n    // showBorder=falseの場合、borderスタイルは\"none\"になる\n    const firstCellFalse = tableCellsFalse[0];\n    expect(firstCellFalse).toHaveStyle({ border: \"none\" });\n\n    // showBorder=undefinedの場合（デフォルト）\n    const { container: containerUndefined } = render(\n      <DataTable {...defaultProps} />,\n    );\n\n    const tableCellsUndefined = containerUndefined.querySelectorAll(\"td\");\n    expect(tableCellsUndefined.length).toBeGreaterThan(0);\n\n    // showBorder=undefinedの場合も、borderスタイルは\"none\"になる\n    const firstCellUndefined = tableCellsUndefined[0];\n    expect(firstCellUndefined).toHaveStyle({ border: \"none\" });\n  });\n\n  it(\"When column has width property, Then table cell has correct width style\", () => {\n    const { container } = render(<DataTable {...defaultProps} />);\n\n    const idCell = container.querySelector(\"td:first-child\");\n    expect(idCell).toBeInTheDocument();\n\n    expect(idCell).toHaveStyle({ width: \"100px\" });\n  });\n});\n"],"names":["mockDataList","mockColumns","data","defaultProps","render","jsx","DataTable","screen","user","userEvent","onClickRowMock","props","onChangeSortMock","container","tableCells","firstCell","computedStyle","propsWithFalse","containerFalse","tableCellsFalse","firstCellFalse","containerUndefined","tableCellsUndefined","firstCellUndefined","idCell"],"mappings":"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"}
+{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/DataTable/index.test.tsx"],"sourcesContent":["import { render, screen } from \"@testing-library/react\";\nimport userEvent from \"@testing-library/user-event\";\n\nimport \"@testing-library/jest-dom\";\n\nimport { DataTable, SortDirection, type Column } from \"./index\";\n\ntype MockData = {\n  id: string;\n  name: string;\n};\n\ntype Props<Key extends keyof T, T> = {\n  columns: Column<T>[];\n  dataList?: T[];\n  totalCount: number;\n  currentPage: number;\n  pageSize: number;\n  keyColumn: Key;\n  sortColumn?: keyof T;\n  sortDirection?: SortDirection;\n  isLoading: boolean;\n  onClickRow?: (data: T) => void;\n  onChangeSort?: (sortColumn: keyof T, sortDirection: SortDirection) => void;\n  onChangePage: (page: number) => void;\n  onChangePageSize?: (pageSize: number) => void;\n  showBorder?: boolean;\n};\n\nconst mockDataList: MockData[] = [\n  { id: \"1\", name: \"Alice\" },\n  { id: \"2\", name: \"Bob\" },\n];\n\nconst mockColumns: Column<MockData>[] = [\n  {\n    key: \"id\",\n    title: \"ID\",\n    sortColumn: \"id\",\n    render: (data) => data.id,\n    width: 100,\n  },\n  {\n    key: \"name\",\n    title: \"Name\",\n    render: (data) => data.name,\n  },\n];\n\nconst defaultProps: Props<keyof MockData, MockData> = {\n  columns: mockColumns,\n  dataList: mockDataList,\n  totalCount: 2,\n  keyColumn: \"id\",\n  currentPage: 1,\n  pageSize: 10,\n  sortColumn: \"id\",\n  sortDirection: \"asc\",\n  isLoading: false,\n  onChangePage: () => {},\n};\n\ndescribe(\"Given DataTable\", () => {\n  it(\"Then renders column headers\", () => {\n    render(<DataTable {...defaultProps} />);\n\n    expect(screen.getByText(\"ID\")).toBeInTheDocument();\n    expect(screen.getByText(\"Name\")).toBeInTheDocument();\n  });\n\n  it(\"Then renders data rows\", () => {\n    render(<DataTable {...defaultProps} />);\n\n    expect(screen.getByText(\"1\", { selector: \"td\" })).toBeInTheDocument();\n    expect(screen.getByText(\"Alice\")).toBeInTheDocument();\n    expect(screen.getByText(\"2\", { selector: \"td\" })).toBeInTheDocument();\n    expect(screen.getByText(\"Bob\")).toBeInTheDocument();\n  });\n\n  it(\"When row is clicked, Then triggers onClickRow\", async () => {\n    const user = userEvent.setup();\n    const onClickRowMock = jest.fn();\n    const props = { ...defaultProps, onClickRow: onClickRowMock };\n\n    render(<DataTable {...props} />);\n\n    await user.click(screen.getByText(\"Alice\"));\n    expect(onClickRowMock).toHaveBeenCalledWith(mockDataList[0]);\n  });\n\n  it(\"When header 'asc' is clicked, Then triggers onChangeSort with 'desc'\", async () => {\n    const user = userEvent.setup();\n    const onChangeSortMock = jest.fn();\n    const props = { ...defaultProps, onChangeSort: onChangeSortMock };\n\n    render(<DataTable {...props} />);\n\n    await user.click(screen.getByText(\"ID\"));\n    expect(onChangeSortMock).toHaveBeenCalledWith(\"id\", \"desc\");\n  });\n\n  it(\"When header 'desc' is clicked, Then triggers onChangeSort with 'asc'\", async () => {\n    const user = userEvent.setup();\n    const onChangeSortMock = jest.fn();\n    const props: Props<keyof MockData, MockData> = {\n      ...defaultProps,\n      onChangeSort: onChangeSortMock,\n      sortDirection: \"desc\",\n    };\n\n    render(<DataTable {...props} />);\n\n    await user.click(screen.getByText(\"ID\"));\n    expect(onChangeSortMock).toHaveBeenCalledWith(\"id\", \"asc\");\n  });\n\n  it(\"When showBorder is true, Then table cells have borders\", () => {\n    const props = { ...defaultProps, showBorder: true };\n    const { container } = render(<DataTable {...props} />);\n\n    const tableCells = container.querySelectorAll(\"td\");\n    expect(tableCells.length).toBeGreaterThan(0);\n\n    // showBorder=trueの場合、borderスタイルはundefinedになる（デフォルトのborderが適用される）\n    const firstCell = tableCells[0];\n    const computedStyle = window.getComputedStyle(firstCell);\n    expect(computedStyle.border).not.toBe(\"none\");\n  });\n\n  it(\"When showBorder is false or undefined, Then table cells have no borders\", () => {\n    // showBorder=falseの場合\n    const propsWithFalse = { ...defaultProps, showBorder: false };\n    const { container: containerFalse } = render(\n      <DataTable {...propsWithFalse} />,\n    );\n\n    const tableCellsFalse = containerFalse.querySelectorAll(\"td\");\n    expect(tableCellsFalse.length).toBeGreaterThan(0);\n\n    // showBorder=falseの場合、borderスタイルは\"none\"になる\n    const firstCellFalse = tableCellsFalse[0];\n    expect(firstCellFalse).toHaveStyle({ border: \"none\" });\n\n    // showBorder=undefinedの場合（デフォルト）\n    const { container: containerUndefined } = render(\n      <DataTable {...defaultProps} />,\n    );\n\n    const tableCellsUndefined = containerUndefined.querySelectorAll(\"td\");\n    expect(tableCellsUndefined.length).toBeGreaterThan(0);\n\n    // showBorder=undefinedの場合も、borderスタイルは\"none\"になる\n    const firstCellUndefined = tableCellsUndefined[0];\n    expect(firstCellUndefined).toHaveStyle({ border: \"none\" });\n  });\n\n  it(\"When column has width property, Then table cell has correct width style\", () => {\n    const { container } = render(<DataTable {...defaultProps} />);\n\n    const idCell = container.querySelector(\"td:first-child\");\n    expect(idCell).toBeInTheDocument();\n\n    expect(idCell).toHaveStyle({ width: \"100px\" });\n  });\n});\n"],"names":["mockDataList","mockColumns","data","defaultProps","render","jsx","DataTable","screen","user","userEvent","onClickRowMock","props","onChangeSortMock","container","tableCells","firstCell","computedStyle","propsWithFalse","containerFalse","tableCellsFalse","firstCellFalse","containerUndefined","tableCellsUndefined","firstCellUndefined","idCell"],"mappings":"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"}

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

@@ -1,12 +1,12 @@
-import { j as n } from "../../jsx-runtime-CbmOdJhC.js";
-import { r as s, s as c } from "../../react.esm-BL1KU4o5.js";
-import { u as d } from "../../index-Cm_1lb-3.js";
-import "../../index-BWKwvsbv.js";
-import { DataTable as r } from "./index.es.js";
+import { jsx as n } from "react/jsx-runtime";
+import { r as c, s as r } from "../../react.esm-2FJSSo-S.js";
+import { u as d } from "../../index-D5b3AasF.js";
+import "../../index-DCSLk6pp.js";
+import { DataTable as s } from "./index.es.js";
 const p = [
   { id: "1", name: "Alice" },
   { id: "2", name: "Bob" }
-], u = [
+], m = [
   {
     key: "id",
     title: "ID",
@@ -20,7 +20,7 @@ const p = [
     render: (e) => e.name
   }
 ], a = {
-  columns: u,
+  columns: m,
   dataList: p,
   totalCount: 2,
   keyColumn: "id",
@@ -34,42 +34,42 @@ const p = [
 };
 describe("Given DataTable", () => {
   it("Then renders column headers", () => {
-    s(/* @__PURE__ */ n.jsx(r, { ...a })), expect(c.getByText("ID")).toBeInTheDocument(), expect(c.getByText("Name")).toBeInTheDocument();
+    c(/* @__PURE__ */ n(s, { ...a })), expect(r.getByText("ID")).toBeInTheDocument(), expect(r.getByText("Name")).toBeInTheDocument();
   }), it("Then renders data rows", () => {
-    s(/* @__PURE__ */ n.jsx(r, { ...a })), expect(c.getByText("1", { selector: "td" })).toBeInTheDocument(), expect(c.getByText("Alice")).toBeInTheDocument(), expect(c.getByText("2", { selector: "td" })).toBeInTheDocument(), expect(c.getByText("Bob")).toBeInTheDocument();
+    c(/* @__PURE__ */ n(s, { ...a })), expect(r.getByText("1", { selector: "td" })).toBeInTheDocument(), expect(r.getByText("Alice")).toBeInTheDocument(), expect(r.getByText("2", { selector: "td" })).toBeInTheDocument(), expect(r.getByText("Bob")).toBeInTheDocument();
   }), it("When row is clicked, Then triggers onClickRow", async () => {
     const e = d.setup(), t = jest.fn(), o = { ...a, onClickRow: t };
-    s(/* @__PURE__ */ n.jsx(r, { ...o })), await e.click(c.getByText("Alice")), expect(t).toHaveBeenCalledWith(p[0]);
+    c(/* @__PURE__ */ n(s, { ...o })), await e.click(r.getByText("Alice")), expect(t).toHaveBeenCalledWith(p[0]);
   }), it("When header 'asc' is clicked, Then triggers onChangeSort with 'desc'", async () => {
     const e = d.setup(), t = jest.fn(), o = { ...a, onChangeSort: t };
-    s(/* @__PURE__ */ n.jsx(r, { ...o })), await e.click(c.getByText("ID")), expect(t).toHaveBeenCalledWith("id", "desc");
+    c(/* @__PURE__ */ n(s, { ...o })), await e.click(r.getByText("ID")), expect(t).toHaveBeenCalledWith("id", "desc");
   }), it("When header 'desc' is clicked, Then triggers onChangeSort with 'asc'", async () => {
     const e = d.setup(), t = jest.fn(), o = {
       ...a,
       onChangeSort: t,
       sortDirection: "desc"
     };
-    s(/* @__PURE__ */ n.jsx(r, { ...o })), await e.click(c.getByText("ID")), expect(t).toHaveBeenCalledWith("id", "asc");
+    c(/* @__PURE__ */ n(s, { ...o })), await e.click(r.getByText("ID")), expect(t).toHaveBeenCalledWith("id", "asc");
   }), it("When showBorder is true, Then table cells have borders", () => {
-    const e = { ...a, showBorder: !0 }, { container: t } = s(/* @__PURE__ */ n.jsx(r, { ...e })), o = t.querySelectorAll("td");
+    const e = { ...a, showBorder: !0 }, { container: t } = c(/* @__PURE__ */ n(s, { ...e })), o = t.querySelectorAll("td");
     expect(o.length).toBeGreaterThan(0);
-    const i = o[0], l = window.getComputedStyle(i);
-    expect(l.border).not.toBe("none");
+    const l = o[0], i = window.getComputedStyle(l);
+    expect(i.border).not.toBe("none");
   }), it("When showBorder is false or undefined, Then table cells have no borders", () => {
-    const e = { ...a, showBorder: !1 }, { container: t } = s(
-      /* @__PURE__ */ n.jsx(r, { ...e })
+    const e = { ...a, showBorder: !1 }, { container: t } = c(
+      /* @__PURE__ */ n(s, { ...e })
     ), o = t.querySelectorAll("td");
     expect(o.length).toBeGreaterThan(0);
-    const i = o[0];
-    expect(i).toHaveStyle({ border: "none" });
-    const { container: l } = s(
-      /* @__PURE__ */ n.jsx(r, { ...a })
-    ), h = l.querySelectorAll("td");
+    const l = o[0];
+    expect(l).toHaveStyle({ border: "none" });
+    const { container: i } = c(
+      /* @__PURE__ */ n(s, { ...a })
+    ), h = i.querySelectorAll("td");
     expect(h.length).toBeGreaterThan(0);
-    const x = h[0];
-    expect(x).toHaveStyle({ border: "none" });
+    const u = h[0];
+    expect(u).toHaveStyle({ border: "none" });
   }), it("When column has width property, Then table cell has correct width style", () => {
-    const { container: e } = s(/* @__PURE__ */ n.jsx(r, { ...a })), t = e.querySelector("td:first-child");
+    const { container: e } = c(/* @__PURE__ */ n(s, { ...a })), t = e.querySelector("td:first-child");
     expect(t).toBeInTheDocument(), expect(t).toHaveStyle({ width: "100px" });
   });
 });

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

@@ -1 +1 @@
-{"version":3,"file":"index.test.es.js","sources":["../../../src/components/DataTable/index.test.tsx"],"sourcesContent":["import { render, screen } from \"@testing-library/react\";\nimport userEvent from \"@testing-library/user-event\";\n\nimport \"@testing-library/jest-dom\";\n\nimport { DataTable, SortDirection, type Column } from \"./index\";\n\ntype MockData = {\n  id: string;\n  name: string;\n};\n\ntype Props<Key extends keyof T, T> = {\n  columns: Column<T>[];\n  dataList?: T[];\n  totalCount: number;\n  currentPage: number;\n  pageSize: number;\n  keyColumn: Key;\n  sortColumn?: keyof T;\n  sortDirection?: SortDirection;\n  isLoading: boolean;\n  onClickRow?: (data: T) => void;\n  onChangeSort?: (sortColumn: keyof T, sortDirection: SortDirection) => void;\n  onChangePage: (page: number) => void;\n  onChangePageSize?: (pageSize: number) => void;\n  showBorder?: boolean;\n};\n\nconst mockDataList: MockData[] = [\n  { id: \"1\", name: \"Alice\" },\n  { id: \"2\", name: \"Bob\" },\n];\n\nconst mockColumns: Column<MockData>[] = [\n  {\n    key: \"id\",\n    title: \"ID\",\n    sortColumn: \"id\",\n    render: (data) => data.id,\n    width: 100,\n  },\n  {\n    key: \"name\",\n    title: \"Name\",\n    render: (data) => data.name,\n  },\n];\n\nconst defaultProps: Props<keyof MockData, MockData> = {\n  columns: mockColumns,\n  dataList: mockDataList,\n  totalCount: 2,\n  keyColumn: \"id\",\n  currentPage: 1,\n  pageSize: 10,\n  sortColumn: \"id\",\n  sortDirection: \"asc\",\n  isLoading: false,\n  onChangePage: () => {},\n};\n\ndescribe(\"Given DataTable\", () => {\n  it(\"Then renders column headers\", () => {\n    render(<DataTable {...defaultProps} />);\n\n    expect(screen.getByText(\"ID\")).toBeInTheDocument();\n    expect(screen.getByText(\"Name\")).toBeInTheDocument();\n  });\n\n  it(\"Then renders data rows\", () => {\n    render(<DataTable {...defaultProps} />);\n\n    expect(screen.getByText(\"1\", { selector: \"td\" })).toBeInTheDocument();\n    expect(screen.getByText(\"Alice\")).toBeInTheDocument();\n    expect(screen.getByText(\"2\", { selector: \"td\" })).toBeInTheDocument();\n    expect(screen.getByText(\"Bob\")).toBeInTheDocument();\n  });\n\n  it(\"When row is clicked, Then triggers onClickRow\", async () => {\n    const user = userEvent.setup();\n    const onClickRowMock = jest.fn();\n    const props = { ...defaultProps, onClickRow: onClickRowMock };\n\n    render(<DataTable {...props} />);\n\n    await user.click(screen.getByText(\"Alice\"));\n    expect(onClickRowMock).toHaveBeenCalledWith(mockDataList[0]);\n  });\n\n  it(\"When header 'asc' is clicked, Then triggers onChangeSort with 'desc'\", async () => {\n    const user = userEvent.setup();\n    const onChangeSortMock = jest.fn();\n    const props = { ...defaultProps, onChangeSort: onChangeSortMock };\n\n    render(<DataTable {...props} />);\n\n    await user.click(screen.getByText(\"ID\"));\n    expect(onChangeSortMock).toHaveBeenCalledWith(\"id\", \"desc\");\n  });\n\n  it(\"When header 'desc' is clicked, Then triggers onChangeSort with 'asc'\", async () => {\n    const user = userEvent.setup();\n    const onChangeSortMock = jest.fn();\n    const props: Props<keyof MockData, MockData> = {\n      ...defaultProps,\n      onChangeSort: onChangeSortMock,\n      sortDirection: \"desc\",\n    };\n\n    render(<DataTable {...props} />);\n\n    await user.click(screen.getByText(\"ID\"));\n    expect(onChangeSortMock).toHaveBeenCalledWith(\"id\", \"asc\");\n  });\n\n  it(\"When showBorder is true, Then table cells have borders\", () => {\n    const props = { ...defaultProps, showBorder: true };\n    const { container } = render(<DataTable {...props} />);\n\n    const tableCells = container.querySelectorAll(\"td\");\n    expect(tableCells.length).toBeGreaterThan(0);\n\n    // showBorder=trueの場合、borderスタイルはundefinedになる（デフォルトのborderが適用される）\n    const firstCell = tableCells[0];\n    const computedStyle = window.getComputedStyle(firstCell);\n    expect(computedStyle.border).not.toBe(\"none\");\n  });\n\n  it(\"When showBorder is false or undefined, Then table cells have no borders\", () => {\n    // showBorder=falseの場合\n    const propsWithFalse = { ...defaultProps, showBorder: false };\n    const { container: containerFalse } = render(\n      <DataTable {...propsWithFalse} />,\n    );\n\n    const tableCellsFalse = containerFalse.querySelectorAll(\"td\");\n    expect(tableCellsFalse.length).toBeGreaterThan(0);\n\n    // showBorder=falseの場合、borderスタイルは\"none\"になる\n    const firstCellFalse = tableCellsFalse[0];\n    expect(firstCellFalse).toHaveStyle({ border: \"none\" });\n\n    // showBorder=undefinedの場合（デフォルト）\n    const { container: containerUndefined } = render(\n      <DataTable {...defaultProps} />,\n    );\n\n    const tableCellsUndefined = containerUndefined.querySelectorAll(\"td\");\n    expect(tableCellsUndefined.length).toBeGreaterThan(0);\n\n    // showBorder=undefinedの場合も、borderスタイルは\"none\"になる\n    const firstCellUndefined = tableCellsUndefined[0];\n    expect(firstCellUndefined).toHaveStyle({ border: \"none\" });\n  });\n\n  it(\"When column has width property, Then table cell has correct width style\", () => {\n    const { container } = render(<DataTable {...defaultProps} />);\n\n    const idCell = container.querySelector(\"td:first-child\");\n    expect(idCell).toBeInTheDocument();\n\n    expect(idCell).toHaveStyle({ width: \"100px\" });\n  });\n});\n"],"names":["mockDataList","mockColumns","data","defaultProps","render","jsx","DataTable","screen","user","userEvent","onClickRowMock","props","onChangeSortMock","container","tableCells","firstCell","computedStyle","propsWithFalse","containerFalse","tableCellsFalse","firstCellFalse","containerUndefined","tableCellsUndefined","firstCellUndefined","idCell"],"mappings":"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"}
+{"version":3,"file":"index.test.es.js","sources":["../../../src/components/DataTable/index.test.tsx"],"sourcesContent":["import { render, screen } from \"@testing-library/react\";\nimport userEvent from \"@testing-library/user-event\";\n\nimport \"@testing-library/jest-dom\";\n\nimport { DataTable, SortDirection, type Column } from \"./index\";\n\ntype MockData = {\n  id: string;\n  name: string;\n};\n\ntype Props<Key extends keyof T, T> = {\n  columns: Column<T>[];\n  dataList?: T[];\n  totalCount: number;\n  currentPage: number;\n  pageSize: number;\n  keyColumn: Key;\n  sortColumn?: keyof T;\n  sortDirection?: SortDirection;\n  isLoading: boolean;\n  onClickRow?: (data: T) => void;\n  onChangeSort?: (sortColumn: keyof T, sortDirection: SortDirection) => void;\n  onChangePage: (page: number) => void;\n  onChangePageSize?: (pageSize: number) => void;\n  showBorder?: boolean;\n};\n\nconst mockDataList: MockData[] = [\n  { id: \"1\", name: \"Alice\" },\n  { id: \"2\", name: \"Bob\" },\n];\n\nconst mockColumns: Column<MockData>[] = [\n  {\n    key: \"id\",\n    title: \"ID\",\n    sortColumn: \"id\",\n    render: (data) => data.id,\n    width: 100,\n  },\n  {\n    key: \"name\",\n    title: \"Name\",\n    render: (data) => data.name,\n  },\n];\n\nconst defaultProps: Props<keyof MockData, MockData> = {\n  columns: mockColumns,\n  dataList: mockDataList,\n  totalCount: 2,\n  keyColumn: \"id\",\n  currentPage: 1,\n  pageSize: 10,\n  sortColumn: \"id\",\n  sortDirection: \"asc\",\n  isLoading: false,\n  onChangePage: () => {},\n};\n\ndescribe(\"Given DataTable\", () => {\n  it(\"Then renders column headers\", () => {\n    render(<DataTable {...defaultProps} />);\n\n    expect(screen.getByText(\"ID\")).toBeInTheDocument();\n    expect(screen.getByText(\"Name\")).toBeInTheDocument();\n  });\n\n  it(\"Then renders data rows\", () => {\n    render(<DataTable {...defaultProps} />);\n\n    expect(screen.getByText(\"1\", { selector: \"td\" })).toBeInTheDocument();\n    expect(screen.getByText(\"Alice\")).toBeInTheDocument();\n    expect(screen.getByText(\"2\", { selector: \"td\" })).toBeInTheDocument();\n    expect(screen.getByText(\"Bob\")).toBeInTheDocument();\n  });\n\n  it(\"When row is clicked, Then triggers onClickRow\", async () => {\n    const user = userEvent.setup();\n    const onClickRowMock = jest.fn();\n    const props = { ...defaultProps, onClickRow: onClickRowMock };\n\n    render(<DataTable {...props} />);\n\n    await user.click(screen.getByText(\"Alice\"));\n    expect(onClickRowMock).toHaveBeenCalledWith(mockDataList[0]);\n  });\n\n  it(\"When header 'asc' is clicked, Then triggers onChangeSort with 'desc'\", async () => {\n    const user = userEvent.setup();\n    const onChangeSortMock = jest.fn();\n    const props = { ...defaultProps, onChangeSort: onChangeSortMock };\n\n    render(<DataTable {...props} />);\n\n    await user.click(screen.getByText(\"ID\"));\n    expect(onChangeSortMock).toHaveBeenCalledWith(\"id\", \"desc\");\n  });\n\n  it(\"When header 'desc' is clicked, Then triggers onChangeSort with 'asc'\", async () => {\n    const user = userEvent.setup();\n    const onChangeSortMock = jest.fn();\n    const props: Props<keyof MockData, MockData> = {\n      ...defaultProps,\n      onChangeSort: onChangeSortMock,\n      sortDirection: \"desc\",\n    };\n\n    render(<DataTable {...props} />);\n\n    await user.click(screen.getByText(\"ID\"));\n    expect(onChangeSortMock).toHaveBeenCalledWith(\"id\", \"asc\");\n  });\n\n  it(\"When showBorder is true, Then table cells have borders\", () => {\n    const props = { ...defaultProps, showBorder: true };\n    const { container } = render(<DataTable {...props} />);\n\n    const tableCells = container.querySelectorAll(\"td\");\n    expect(tableCells.length).toBeGreaterThan(0);\n\n    // showBorder=trueの場合、borderスタイルはundefinedになる（デフォルトのborderが適用される）\n    const firstCell = tableCells[0];\n    const computedStyle = window.getComputedStyle(firstCell);\n    expect(computedStyle.border).not.toBe(\"none\");\n  });\n\n  it(\"When showBorder is false or undefined, Then table cells have no borders\", () => {\n    // showBorder=falseの場合\n    const propsWithFalse = { ...defaultProps, showBorder: false };\n    const { container: containerFalse } = render(\n      <DataTable {...propsWithFalse} />,\n    );\n\n    const tableCellsFalse = containerFalse.querySelectorAll(\"td\");\n    expect(tableCellsFalse.length).toBeGreaterThan(0);\n\n    // showBorder=falseの場合、borderスタイルは\"none\"になる\n    const firstCellFalse = tableCellsFalse[0];\n    expect(firstCellFalse).toHaveStyle({ border: \"none\" });\n\n    // showBorder=undefinedの場合（デフォルト）\n    const { container: containerUndefined } = render(\n      <DataTable {...defaultProps} />,\n    );\n\n    const tableCellsUndefined = containerUndefined.querySelectorAll(\"td\");\n    expect(tableCellsUndefined.length).toBeGreaterThan(0);\n\n    // showBorder=undefinedの場合も、borderスタイルは\"none\"になる\n    const firstCellUndefined = tableCellsUndefined[0];\n    expect(firstCellUndefined).toHaveStyle({ border: \"none\" });\n  });\n\n  it(\"When column has width property, Then table cell has correct width style\", () => {\n    const { container } = render(<DataTable {...defaultProps} />);\n\n    const idCell = container.querySelector(\"td:first-child\");\n    expect(idCell).toBeInTheDocument();\n\n    expect(idCell).toHaveStyle({ width: \"100px\" });\n  });\n});\n"],"names":["mockDataList","mockColumns","data","defaultProps","render","jsx","DataTable","screen","user","userEvent","onClickRowMock","props","onChangeSortMock","container","tableCells","firstCell","computedStyle","propsWithFalse","containerFalse","tableCellsFalse","firstCellFalse","containerUndefined","tableCellsUndefined","firstCellUndefined","idCell"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";require('../../assets/index8.css');const o=require("../../jsx-runtime-Dajn0hD2.cjs"),c=require("@mui/x-date-pickers"),g=require("date-fns"),l=require("../../index-COE1iIM7.cjs"),y=require("react-hook-form"),j=require("../../LocalizationProvider-CVNn6-0m.cjs"),D="_rangeContainer_17n2w_1",P={rangeContainer:D},C={".MuiButtonBase-root":{padding:.5,paddingLeft:0},"& input::placeholder":{fontSize:"x-small"}},q=u=>{const{defaultValue:s,maxDateTime:d,minDateTime:p,setValue:a,dateFormat:t,...r}=u,m=e=>{const n=e?e instanceof Date?e:typeof e=="string"?g.parse(e,t,new Date):null:null;return typeof e=="string"&&a(r.name,n),n},x=e=>{a(r.name,e??s,{shouldDirty:!0})},h=(()=>{const e=[];return t.includes("yyyy")&&e.push("year"),t.includes("MM")&&e.push("month"),t.includes("dd")&&e.push("day"),t.includes("HH")&&e.push("hours"),t.includes("mm")&&e.push("minutes"),t.includes("ss")&&e.push("seconds"),e})();return o.jsxRuntimeExports.jsx(j.LocalizationProvider,{dateAdapter:l.AdapterDateFns,adapterLocale:l.locale,localeText:c.jaJP.components.MuiLocalizationProvider.defaultProps.localeText,children:o.jsxRuntimeExports.jsx("div",{className:P.rangeContainer,children:o.jsxRuntimeExports.jsx(y.Controller,{control:r.control,name:r.name,defaultValue:s,render:({field:e,fieldState:n})=>{var i;return o.jsxRuntimeExports.jsx(c.DateTimePicker,{...e,format:t,views:h,sx:C,value:m(e.value),onChange:f=>{x(f)},slotProps:{textField:{error:!!n.error,helperText:(i=n.error)==null?void 0:i.message,fullWidth:!0},actionBar:{actions:["clear","accept"]}},maxDateTime:d,minDateTime:p})}})})})};module.exports=q;
+"use strict";require('../../assets/index10.css');const o=require("react/jsx-runtime"),c=require("@mui/x-date-pickers"),x=require("@mui/x-date-pickers/AdapterDateFns"),g=require("@mui/x-date-pickers/LocalizationProvider"),y=require("date-fns"),D=require("date-fns/locale/ja"),P=require("react-hook-form"),j="_rangeContainer_17n2w_1",q={rangeContainer:j},C={".MuiButtonBase-root":{padding:.5,paddingLeft:0},"& input::placeholder":{fontSize:"x-small"}},F=l=>{const{defaultValue:s,maxDateTime:u,minDateTime:d,setValue:a,dateFormat:t,...r}=l,p=e=>{const n=e?e instanceof Date?e:typeof e=="string"?y.parse(e,t,new Date):null:null;return typeof e=="string"&&a(r.name,n),n},m=e=>{a(r.name,e??s,{shouldDirty:!0})},h=(()=>{const e=[];return t.includes("yyyy")&&e.push("year"),t.includes("MM")&&e.push("month"),t.includes("dd")&&e.push("day"),t.includes("HH")&&e.push("hours"),t.includes("mm")&&e.push("minutes"),t.includes("ss")&&e.push("seconds"),e})();return o.jsx(g.LocalizationProvider,{dateAdapter:x.AdapterDateFns,adapterLocale:D,localeText:c.jaJP.components.MuiLocalizationProvider.defaultProps.localeText,children:o.jsx("div",{className:q.rangeContainer,children:o.jsx(P.Controller,{control:r.control,name:r.name,defaultValue:s,render:({field:e,fieldState:n})=>{var i;return o.jsx(c.DateTimePicker,{...e,format:t,views:h,sx:C,value:p(e.value),onChange:f=>{m(f)},slotProps:{textField:{error:!!n.error,helperText:(i=n.error)==null?void 0:i.message,fullWidth:!0},actionBar:{actions:["clear","accept"]}},maxDateTime:u,minDateTime:d})}})})})};module.exports=F;
 //# sourceMappingURL=index.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/DatePickerController/index.tsx"],"sourcesContent":["import { DateTimePicker, jaJP, type DateOrTimeView } from \"@mui/x-date-pickers\";\nimport { AdapterDateFns } from \"@mui/x-date-pickers/AdapterDateFns\";\nimport { LocalizationProvider } from \"@mui/x-date-pickers/LocalizationProvider\";\nimport { parse } from \"date-fns\";\nimport ja from \"date-fns/locale/ja\";\nimport {\n  Controller,\n  FieldPath,\n  UseControllerProps,\n  type FieldValues,\n  type UseFormSetValue,\n} from \"react-hook-form\";\n\nimport styles from \"./index.module.scss\";\n\ntype Props<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = UseControllerProps<TFieldValues, TName> & {\n  setValue: UseFormSetValue<TFieldValues>;\n  dateFormat: string;\n  maxDateTime?: Date;\n  minDateTime?: Date;\n};\n\nconst pickerStyles = {\n  \".MuiButtonBase-root\": {\n    padding: 0.5,\n    paddingLeft: 0,\n  },\n  \"& input::placeholder\": {\n    fontSize: \"x-small\",\n  },\n};\n\n/**\n * Date,DateTimeをを選択できるコンポーネント\n * dateFormatに合わせてpickerViewを生成します。\n * @param props\n * @returns\n */\nconst DatePickerController: <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>(\n  props: Props<TFieldValues, TName>,\n) => JSX.Element = (props) => {\n  const {\n    defaultValue,\n    maxDateTime,\n    minDateTime,\n    setValue,\n    dateFormat,\n    ...others\n  } = props;\n\n  /**\n   * 受信した値を適切な日付またはnullに変換します。\n   * @param value ユーザーによる値、呼び出し側からセットされた値\n   * @param pickerInfo 紐づくpickerの情報\n   * @returns\n   */\n  const convertValue = (value: string | Date | null): Date | null => {\n    const newValue = value\n      ? value instanceof Date\n        ? value\n        : typeof value === \"string\"\n          ? parse(value, dateFormat, new Date())\n          : null\n      : null;\n    // NOTE:呼び出し側からはstringがセットされる可能性が高いため、変換後controlに紐付けvalueも置き換えます。\n    if (typeof value === \"string\") {\n      setValue(others.name, newValue as never);\n    }\n    return newValue;\n  };\n\n  const handleOnchange = (value: Date | null) => {\n    setValue(others.name, (value ?? defaultValue) as never, {\n      shouldDirty: true,\n    });\n  };\n\n  const views: DateOrTimeView[] = (() => {\n    const v: DateOrTimeView[] = [];\n\n    if (dateFormat.includes(\"yyyy\")) {\n      v.push(\"year\");\n    }\n    if (dateFormat.includes(\"MM\")) {\n      v.push(\"month\");\n    }\n    if (dateFormat.includes(\"dd\")) {\n      v.push(\"day\");\n    }\n    if (dateFormat.includes(\"HH\")) {\n      v.push(\"hours\");\n    }\n    if (dateFormat.includes(\"mm\")) {\n      v.push(\"minutes\");\n    }\n    if (dateFormat.includes(\"ss\")) {\n      v.push(\"seconds\");\n    }\n    return v;\n  })();\n\n  return (\n    <LocalizationProvider\n      dateAdapter={AdapterDateFns}\n      adapterLocale={ja}\n      localeText={\n        jaJP.components.MuiLocalizationProvider.defaultProps.localeText\n      }\n    >\n      <div className={styles.rangeContainer}>\n        <Controller\n          control={others.control}\n          name={others.name}\n          defaultValue={defaultValue}\n          render={({ field, fieldState }) => (\n            <DateTimePicker\n              {...field}\n              format={dateFormat}\n              views={views}\n              sx={pickerStyles}\n              value={convertValue(field.value)}\n              onChange={(newDate) => {\n                handleOnchange(newDate);\n              }}\n              slotProps={{\n                textField: {\n                  error: !!fieldState.error,\n                  helperText: fieldState.error?.message,\n                  fullWidth: true,\n                },\n                // NOTE: clearボタンが文字を隠していまうのでとりあえずcalendar内のもので代用\n                // field: {\n                //   clearable: true,\n                // },\n                actionBar: { actions: [\"clear\", \"accept\"] },\n              }}\n              maxDateTime={maxDateTime}\n              minDateTime={minDateTime}\n            />\n          )}\n        />\n      </div>\n    </LocalizationProvider>\n  );\n};\n\nexport default DatePickerController;\n"],"names":["pickerStyles","DatePickerController","props","defaultValue","maxDateTime","minDateTime","setValue","dateFormat","others","convertValue","value","newValue","parse","handleOnchange","views","v","jsx","LocalizationProvider","AdapterDateFns","ja","jaJP","styles","Controller","field","fieldState","DateTimePicker","newDate","_a"],"mappings":"+RAyBMA,EAAe,CACnB,sBAAuB,CACrB,QAAS,GACT,YAAa,CACf,EACA,uBAAwB,CACtB,SAAU,SAAA,CAEd,EAQMC,EAKcC,GAAU,CACtB,KAAA,CACJ,aAAAC,EACA,YAAAC,EACA,YAAAC,EACA,SAAAC,EACA,WAAAC,EACA,GAAGC,CAAA,EACDN,EAQEO,EAAgBC,GAA6C,CACjE,MAAMC,EAAWD,EACbA,aAAiB,KACfA,EACA,OAAOA,GAAU,SACfE,EAAA,MAAMF,EAAOH,EAAY,IAAI,IAAM,EACnC,KACJ,KAEA,OAAA,OAAOG,GAAU,UACVJ,EAAAE,EAAO,KAAMG,CAAiB,EAElCA,CACT,EAEME,EAAkBH,GAAuB,CACpCJ,EAAAE,EAAO,KAAOE,GAASP,EAAwB,CACtD,YAAa,EAAA,CACd,CACH,EAEMW,GAA2B,IAAM,CACrC,MAAMC,EAAsB,CAAC,EAEzB,OAAAR,EAAW,SAAS,MAAM,GAC5BQ,EAAE,KAAK,MAAM,EAEXR,EAAW,SAAS,IAAI,GAC1BQ,EAAE,KAAK,OAAO,EAEZR,EAAW,SAAS,IAAI,GAC1BQ,EAAE,KAAK,KAAK,EAEVR,EAAW,SAAS,IAAI,GAC1BQ,EAAE,KAAK,OAAO,EAEZR,EAAW,SAAS,IAAI,GAC1BQ,EAAE,KAAK,SAAS,EAEdR,EAAW,SAAS,IAAI,GAC1BQ,EAAE,KAAK,SAAS,EAEXA,CAAA,GACN,EAGD,OAAAC,EAAA,kBAAA,IAACC,EAAA,qBAAA,CACC,YAAaC,EAAA,eACb,cAAeC,EAAA,OACf,WACEC,EAAAA,KAAK,WAAW,wBAAwB,aAAa,WAGvD,SAACJ,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAWK,EAAO,eACrB,SAAAL,EAAA,kBAAA,IAACM,EAAA,WAAA,CACC,QAASd,EAAO,QAChB,KAAMA,EAAO,KACb,aAAAL,EACA,OAAQ,CAAC,CAAE,MAAAoB,EAAO,WAAAC,CAChB,IAAA,OAAAR,OAAAA,EAAA,kBAAA,IAACS,EAAA,eAAA,CACE,GAAGF,EACJ,OAAQhB,EACR,MAAAO,EACA,GAAId,EACJ,MAAOS,EAAac,EAAM,KAAK,EAC/B,SAAWG,GAAY,CACrBb,EAAea,CAAO,CACxB,EACA,UAAW,CACT,UAAW,CACT,MAAO,CAAC,CAACF,EAAW,MACpB,YAAYG,EAAAH,EAAW,QAAX,YAAAG,EAAkB,QAC9B,UAAW,EACb,EAKA,UAAW,CAAE,QAAS,CAAC,QAAS,QAAQ,CAAE,CAC5C,EACA,YAAAvB,EACA,YAAAC,CAAA,CAAA,EACF,CAAA,CAGN,CAAA,CAAA,CACF,CAEJ"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/DatePickerController/index.tsx"],"sourcesContent":["import { DateTimePicker, jaJP, type DateOrTimeView } from \"@mui/x-date-pickers\";\nimport { AdapterDateFns } from \"@mui/x-date-pickers/AdapterDateFns\";\nimport { LocalizationProvider } from \"@mui/x-date-pickers/LocalizationProvider\";\nimport { parse } from \"date-fns\";\nimport ja from \"date-fns/locale/ja\";\nimport {\n  Controller,\n  FieldPath,\n  UseControllerProps,\n  type FieldValues,\n  type UseFormSetValue,\n} from \"react-hook-form\";\n\nimport styles from \"./index.module.scss\";\n\ntype Props<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = UseControllerProps<TFieldValues, TName> & {\n  setValue: UseFormSetValue<TFieldValues>;\n  dateFormat: string;\n  maxDateTime?: Date;\n  minDateTime?: Date;\n};\n\nconst pickerStyles = {\n  \".MuiButtonBase-root\": {\n    padding: 0.5,\n    paddingLeft: 0,\n  },\n  \"& input::placeholder\": {\n    fontSize: \"x-small\",\n  },\n};\n\n/**\n * Date,DateTimeをを選択できるコンポーネント\n * dateFormatに合わせてpickerViewを生成します。\n * @param props\n * @returns\n */\nconst DatePickerController: <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>(\n  props: Props<TFieldValues, TName>,\n) => JSX.Element = (props) => {\n  const {\n    defaultValue,\n    maxDateTime,\n    minDateTime,\n    setValue,\n    dateFormat,\n    ...others\n  } = props;\n\n  /**\n   * 受信した値を適切な日付またはnullに変換します。\n   * @param value ユーザーによる値、呼び出し側からセットされた値\n   * @param pickerInfo 紐づくpickerの情報\n   * @returns\n   */\n  const convertValue = (value: string | Date | null): Date | null => {\n    const newValue = value\n      ? value instanceof Date\n        ? value\n        : typeof value === \"string\"\n          ? parse(value, dateFormat, new Date())\n          : null\n      : null;\n    // NOTE:呼び出し側からはstringがセットされる可能性が高いため、変換後controlに紐付けvalueも置き換えます。\n    if (typeof value === \"string\") {\n      setValue(others.name, newValue as never);\n    }\n    return newValue;\n  };\n\n  const handleOnchange = (value: Date | null) => {\n    setValue(others.name, (value ?? defaultValue) as never, {\n      shouldDirty: true,\n    });\n  };\n\n  const views: DateOrTimeView[] = (() => {\n    const v: DateOrTimeView[] = [];\n\n    if (dateFormat.includes(\"yyyy\")) {\n      v.push(\"year\");\n    }\n    if (dateFormat.includes(\"MM\")) {\n      v.push(\"month\");\n    }\n    if (dateFormat.includes(\"dd\")) {\n      v.push(\"day\");\n    }\n    if (dateFormat.includes(\"HH\")) {\n      v.push(\"hours\");\n    }\n    if (dateFormat.includes(\"mm\")) {\n      v.push(\"minutes\");\n    }\n    if (dateFormat.includes(\"ss\")) {\n      v.push(\"seconds\");\n    }\n    return v;\n  })();\n\n  return (\n    <LocalizationProvider\n      dateAdapter={AdapterDateFns}\n      adapterLocale={ja}\n      localeText={\n        jaJP.components.MuiLocalizationProvider.defaultProps.localeText\n      }\n    >\n      <div className={styles.rangeContainer}>\n        <Controller\n          control={others.control}\n          name={others.name}\n          defaultValue={defaultValue}\n          render={({ field, fieldState }) => (\n            <DateTimePicker\n              {...field}\n              format={dateFormat}\n              views={views}\n              sx={pickerStyles}\n              value={convertValue(field.value)}\n              onChange={(newDate) => {\n                handleOnchange(newDate);\n              }}\n              slotProps={{\n                textField: {\n                  error: !!fieldState.error,\n                  helperText: fieldState.error?.message,\n                  fullWidth: true,\n                },\n                // NOTE: clearボタンが文字を隠していまうのでとりあえずcalendar内のもので代用\n                // field: {\n                //   clearable: true,\n                // },\n                actionBar: { actions: [\"clear\", \"accept\"] },\n              }}\n              maxDateTime={maxDateTime}\n              minDateTime={minDateTime}\n            />\n          )}\n        />\n      </div>\n    </LocalizationProvider>\n  );\n};\n\nexport default DatePickerController;\n"],"names":["pickerStyles","DatePickerController","props","defaultValue","maxDateTime","minDateTime","setValue","dateFormat","others","convertValue","value","newValue","parse","handleOnchange","views","v","jsx","LocalizationProvider","AdapterDateFns","ja","jaJP","styles","Controller","field","fieldState","DateTimePicker","newDate","_a"],"mappings":"6TAyBMA,EAAe,CACnB,sBAAuB,CACrB,QAAS,GACT,YAAa,CACf,EACA,uBAAwB,CACtB,SAAU,SAAA,CAEd,EAQMC,EAKcC,GAAU,CACtB,KAAA,CACJ,aAAAC,EACA,YAAAC,EACA,YAAAC,EACA,SAAAC,EACA,WAAAC,EACA,GAAGC,CAAA,EACDN,EAQEO,EAAgBC,GAA6C,CACjE,MAAMC,EAAWD,EACbA,aAAiB,KACfA,EACA,OAAOA,GAAU,SACfE,EAAA,MAAMF,EAAOH,EAAY,IAAI,IAAM,EACnC,KACJ,KAEA,OAAA,OAAOG,GAAU,UACVJ,EAAAE,EAAO,KAAMG,CAAiB,EAElCA,CACT,EAEME,EAAkBH,GAAuB,CACpCJ,EAAAE,EAAO,KAAOE,GAASP,EAAwB,CACtD,YAAa,EAAA,CACd,CACH,EAEMW,GAA2B,IAAM,CACrC,MAAMC,EAAsB,CAAC,EAEzB,OAAAR,EAAW,SAAS,MAAM,GAC5BQ,EAAE,KAAK,MAAM,EAEXR,EAAW,SAAS,IAAI,GAC1BQ,EAAE,KAAK,OAAO,EAEZR,EAAW,SAAS,IAAI,GAC1BQ,EAAE,KAAK,KAAK,EAEVR,EAAW,SAAS,IAAI,GAC1BQ,EAAE,KAAK,OAAO,EAEZR,EAAW,SAAS,IAAI,GAC1BQ,EAAE,KAAK,SAAS,EAEdR,EAAW,SAAS,IAAI,GAC1BQ,EAAE,KAAK,SAAS,EAEXA,CAAA,GACN,EAGD,OAAAC,EAAA,IAACC,EAAA,qBAAA,CACC,YAAaC,EAAA,eACb,cAAeC,EACf,WACEC,EAAAA,KAAK,WAAW,wBAAwB,aAAa,WAGvD,SAACJ,EAAA,IAAA,MAAA,CAAI,UAAWK,EAAO,eACrB,SAAAL,EAAA,IAACM,EAAA,WAAA,CACC,QAASd,EAAO,QAChB,KAAMA,EAAO,KACb,aAAAL,EACA,OAAQ,CAAC,CAAE,MAAAoB,EAAO,WAAAC,CAChB,IAAA,OAAAR,OAAAA,EAAA,IAACS,EAAA,eAAA,CACE,GAAGF,EACJ,OAAQhB,EACR,MAAAO,EACA,GAAId,EACJ,MAAOS,EAAac,EAAM,KAAK,EAC/B,SAAWG,GAAY,CACrBb,EAAea,CAAO,CACxB,EACA,UAAW,CACT,UAAW,CACT,MAAO,CAAC,CAACF,EAAW,MACpB,YAAYG,EAAAH,EAAW,QAAX,YAAAG,EAAkB,QAC9B,UAAW,EACb,EAKA,UAAW,CAAE,QAAS,CAAC,QAAS,QAAQ,CAAE,CAC5C,EACA,YAAAvB,EACA,YAAAC,CAAA,CAAA,EACF,CAAA,CAGN,CAAA,CAAA,CACF,CAEJ"}

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

@@ -1,11 +1,12 @@
-import { j as o } from "../../jsx-runtime-CbmOdJhC.js";
-import { jaJP as h, DateTimePicker as x } from "@mui/x-date-pickers";
-import { parse as g } from "date-fns";
-import { l as y, A as D } from "../../index-F101coZ0.js";
-import { Controller as j } from "react-hook-form";
-import { L as C } from "../../LocalizationProvider-4-QUqEIG.js";
-import '../../assets/index8.css';const P = "_rangeContainer_17n2w_1", T = {
-  rangeContainer: P
+import { jsx as o } from "react/jsx-runtime";
+import { jaJP as h, DateTimePicker as g } from "@mui/x-date-pickers";
+import { AdapterDateFns as y } from "@mui/x-date-pickers/AdapterDateFns";
+import { LocalizationProvider as x } from "@mui/x-date-pickers/LocalizationProvider";
+import { parse as D } from "date-fns";
+import C from "date-fns/locale/ja";
+import { Controller as P } from "react-hook-form";
+import '../../assets/index10.css';const T = "_rangeContainer_17n2w_1", w = {
+  rangeContainer: T
 }, L = {
   ".MuiButtonBase-root": {
     padding: 0.5,
@@ -14,54 +15,54 @@ import '../../assets/index8.css';const P = "_rangeContainer_17n2w_1", T = {
   "& input::placeholder": {
     fontSize: "x-small"
   }
-}, A = (l) => {
+}, F = (l) => {
   const {
     defaultValue: a,
     maxDateTime: c,
     minDateTime: m,
-    setValue: s,
+    setValue: i,
     dateFormat: t,
     ...n
-  } = l, u = (e) => {
-    const r = e ? e instanceof Date ? e : typeof e == "string" ? g(e, t, /* @__PURE__ */ new Date()) : null : null;
-    return typeof e == "string" && s(n.name, r), r;
-  }, d = (e) => {
-    s(n.name, e ?? a, {
+  } = l, d = (e) => {
+    const r = e ? e instanceof Date ? e : typeof e == "string" ? D(e, t, /* @__PURE__ */ new Date()) : null : null;
+    return typeof e == "string" && i(n.name, r), r;
+  }, u = (e) => {
+    i(n.name, e ?? a, {
       shouldDirty: !0
     });
   }, p = (() => {
     const e = [];
     return t.includes("yyyy") && e.push("year"), t.includes("MM") && e.push("month"), t.includes("dd") && e.push("day"), t.includes("HH") && e.push("hours"), t.includes("mm") && e.push("minutes"), t.includes("ss") && e.push("seconds"), e;
   })();
-  return /* @__PURE__ */ o.jsx(
-    C,
+  return /* @__PURE__ */ o(
+    x,
     {
-      dateAdapter: D,
-      adapterLocale: y,
+      dateAdapter: y,
+      adapterLocale: C,
       localeText: h.components.MuiLocalizationProvider.defaultProps.localeText,
-      children: /* @__PURE__ */ o.jsx("div", { className: T.rangeContainer, children: /* @__PURE__ */ o.jsx(
-        j,
+      children: /* @__PURE__ */ o("div", { className: w.rangeContainer, children: /* @__PURE__ */ o(
+        P,
         {
           control: n.control,
           name: n.name,
           defaultValue: a,
           render: ({ field: e, fieldState: r }) => {
-            var i;
-            return /* @__PURE__ */ o.jsx(
-              x,
+            var s;
+            return /* @__PURE__ */ o(
+              g,
               {
                 ...e,
                 format: t,
                 views: p,
                 sx: L,
-                value: u(e.value),
+                value: d(e.value),
                 onChange: (f) => {
-                  d(f);
+                  u(f);
                 },
                 slotProps: {
                   textField: {
                     error: !!r.error,
-                    helperText: (i = r.error) == null ? void 0 : i.message,
+                    helperText: (s = r.error) == null ? void 0 : s.message,
                     fullWidth: !0
                   },
                   // NOTE: clearボタンが文字を隠していまうのでとりあえずcalendar内のもので代用
@@ -81,6 +82,6 @@ import '../../assets/index8.css';const P = "_rangeContainer_17n2w_1", T = {
   );
 };
 export {
-  A as default
+  F as default
 };
 //# sourceMappingURL=index.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../src/components/DatePickerController/index.tsx"],"sourcesContent":["import { DateTimePicker, jaJP, type DateOrTimeView } from \"@mui/x-date-pickers\";\nimport { AdapterDateFns } from \"@mui/x-date-pickers/AdapterDateFns\";\nimport { LocalizationProvider } from \"@mui/x-date-pickers/LocalizationProvider\";\nimport { parse } from \"date-fns\";\nimport ja from \"date-fns/locale/ja\";\nimport {\n  Controller,\n  FieldPath,\n  UseControllerProps,\n  type FieldValues,\n  type UseFormSetValue,\n} from \"react-hook-form\";\n\nimport styles from \"./index.module.scss\";\n\ntype Props<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = UseControllerProps<TFieldValues, TName> & {\n  setValue: UseFormSetValue<TFieldValues>;\n  dateFormat: string;\n  maxDateTime?: Date;\n  minDateTime?: Date;\n};\n\nconst pickerStyles = {\n  \".MuiButtonBase-root\": {\n    padding: 0.5,\n    paddingLeft: 0,\n  },\n  \"& input::placeholder\": {\n    fontSize: \"x-small\",\n  },\n};\n\n/**\n * Date,DateTimeをを選択できるコンポーネント\n * dateFormatに合わせてpickerViewを生成します。\n * @param props\n * @returns\n */\nconst DatePickerController: <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>(\n  props: Props<TFieldValues, TName>,\n) => JSX.Element = (props) => {\n  const {\n    defaultValue,\n    maxDateTime,\n    minDateTime,\n    setValue,\n    dateFormat,\n    ...others\n  } = props;\n\n  /**\n   * 受信した値を適切な日付またはnullに変換します。\n   * @param value ユーザーによる値、呼び出し側からセットされた値\n   * @param pickerInfo 紐づくpickerの情報\n   * @returns\n   */\n  const convertValue = (value: string | Date | null): Date | null => {\n    const newValue = value\n      ? value instanceof Date\n        ? value\n        : typeof value === \"string\"\n          ? parse(value, dateFormat, new Date())\n          : null\n      : null;\n    // NOTE:呼び出し側からはstringがセットされる可能性が高いため、変換後controlに紐付けvalueも置き換えます。\n    if (typeof value === \"string\") {\n      setValue(others.name, newValue as never);\n    }\n    return newValue;\n  };\n\n  const handleOnchange = (value: Date | null) => {\n    setValue(others.name, (value ?? defaultValue) as never, {\n      shouldDirty: true,\n    });\n  };\n\n  const views: DateOrTimeView[] = (() => {\n    const v: DateOrTimeView[] = [];\n\n    if (dateFormat.includes(\"yyyy\")) {\n      v.push(\"year\");\n    }\n    if (dateFormat.includes(\"MM\")) {\n      v.push(\"month\");\n    }\n    if (dateFormat.includes(\"dd\")) {\n      v.push(\"day\");\n    }\n    if (dateFormat.includes(\"HH\")) {\n      v.push(\"hours\");\n    }\n    if (dateFormat.includes(\"mm\")) {\n      v.push(\"minutes\");\n    }\n    if (dateFormat.includes(\"ss\")) {\n      v.push(\"seconds\");\n    }\n    return v;\n  })();\n\n  return (\n    <LocalizationProvider\n      dateAdapter={AdapterDateFns}\n      adapterLocale={ja}\n      localeText={\n        jaJP.components.MuiLocalizationProvider.defaultProps.localeText\n      }\n    >\n      <div className={styles.rangeContainer}>\n        <Controller\n          control={others.control}\n          name={others.name}\n          defaultValue={defaultValue}\n          render={({ field, fieldState }) => (\n            <DateTimePicker\n              {...field}\n              format={dateFormat}\n              views={views}\n              sx={pickerStyles}\n              value={convertValue(field.value)}\n              onChange={(newDate) => {\n                handleOnchange(newDate);\n              }}\n              slotProps={{\n                textField: {\n                  error: !!fieldState.error,\n                  helperText: fieldState.error?.message,\n                  fullWidth: true,\n                },\n                // NOTE: clearボタンが文字を隠していまうのでとりあえずcalendar内のもので代用\n                // field: {\n                //   clearable: true,\n                // },\n                actionBar: { actions: [\"clear\", \"accept\"] },\n              }}\n              maxDateTime={maxDateTime}\n              minDateTime={minDateTime}\n            />\n          )}\n        />\n      </div>\n    </LocalizationProvider>\n  );\n};\n\nexport default DatePickerController;\n"],"names":["pickerStyles","DatePickerController","props","defaultValue","maxDateTime","minDateTime","setValue","dateFormat","others","convertValue","value","newValue","parse","handleOnchange","views","v","jsx","LocalizationProvider","AdapterDateFns","ja","jaJP","styles","Controller","field","fieldState","DateTimePicker","newDate","_a"],"mappings":";;;;;;;;GAyBMA,IAAe;AAAA,EACnB,uBAAuB;AAAA,IACrB,SAAS;AAAA,IACT,aAAa;AAAA,EACf;AAAA,EACA,wBAAwB;AAAA,IACtB,UAAU;AAAA,EAAA;AAEd,GAQMC,IAKa,CAACC,MAAU;AACtB,QAAA;AAAA,IACJ,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDN,GAQEO,IAAe,CAACC,MAA6C;AACjE,UAAMC,IAAWD,IACbA,aAAiB,OACfA,IACA,OAAOA,KAAU,WACfE,EAAMF,GAAOH,GAAY,oBAAI,KAAM,CAAA,IACnC,OACJ;AAEA,WAAA,OAAOG,KAAU,YACVJ,EAAAE,EAAO,MAAMG,CAAiB,GAElCA;AAAA,EACT,GAEME,IAAiB,CAACH,MAAuB;AACpC,IAAAJ,EAAAE,EAAO,MAAOE,KAASP,GAAwB;AAAA,MACtD,aAAa;AAAA,IAAA,CACd;AAAA,EACH,GAEMW,KAA2B,MAAM;AACrC,UAAMC,IAAsB,CAAC;AAEzB,WAAAR,EAAW,SAAS,MAAM,KAC5BQ,EAAE,KAAK,MAAM,GAEXR,EAAW,SAAS,IAAI,KAC1BQ,EAAE,KAAK,OAAO,GAEZR,EAAW,SAAS,IAAI,KAC1BQ,EAAE,KAAK,KAAK,GAEVR,EAAW,SAAS,IAAI,KAC1BQ,EAAE,KAAK,OAAO,GAEZR,EAAW,SAAS,IAAI,KAC1BQ,EAAE,KAAK,SAAS,GAEdR,EAAW,SAAS,IAAI,KAC1BQ,EAAE,KAAK,SAAS,GAEXA;AAAA,EAAA,GACN;AAGD,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAaC;AAAA,MACb,eAAeC;AAAAA,MACf,YACEC,EAAK,WAAW,wBAAwB,aAAa;AAAA,MAGvD,UAACJ,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAWK,EAAO,gBACrB,UAAAL,gBAAAA,EAAA;AAAA,QAACM;AAAA,QAAA;AAAA,UACC,SAASd,EAAO;AAAA,UAChB,MAAMA,EAAO;AAAA,UACb,cAAAL;AAAA,UACA,QAAQ,CAAC,EAAE,OAAAoB,GAAO,YAAAC,EAChB,MAAA;;AAAAR,mCAAAA,EAAA;AAAA,cAACS;AAAA,cAAA;AAAA,gBACE,GAAGF;AAAA,gBACJ,QAAQhB;AAAA,gBACR,OAAAO;AAAA,gBACA,IAAId;AAAA,gBACJ,OAAOS,EAAac,EAAM,KAAK;AAAA,gBAC/B,UAAU,CAACG,MAAY;AACrB,kBAAAb,EAAea,CAAO;AAAA,gBACxB;AAAA,gBACA,WAAW;AAAA,kBACT,WAAW;AAAA,oBACT,OAAO,CAAC,CAACF,EAAW;AAAA,oBACpB,aAAYG,IAAAH,EAAW,UAAX,gBAAAG,EAAkB;AAAA,oBAC9B,WAAW;AAAA,kBACb;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKA,WAAW,EAAE,SAAS,CAAC,SAAS,QAAQ,EAAE;AAAA,gBAC5C;AAAA,gBACA,aAAAvB;AAAA,gBACA,aAAAC;AAAA,cAAA;AAAA,YAAA;AAAA;AAAA,QACF;AAAA,MAAA,EAGN,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../src/components/DatePickerController/index.tsx"],"sourcesContent":["import { DateTimePicker, jaJP, type DateOrTimeView } from \"@mui/x-date-pickers\";\nimport { AdapterDateFns } from \"@mui/x-date-pickers/AdapterDateFns\";\nimport { LocalizationProvider } from \"@mui/x-date-pickers/LocalizationProvider\";\nimport { parse } from \"date-fns\";\nimport ja from \"date-fns/locale/ja\";\nimport {\n  Controller,\n  FieldPath,\n  UseControllerProps,\n  type FieldValues,\n  type UseFormSetValue,\n} from \"react-hook-form\";\n\nimport styles from \"./index.module.scss\";\n\ntype Props<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = UseControllerProps<TFieldValues, TName> & {\n  setValue: UseFormSetValue<TFieldValues>;\n  dateFormat: string;\n  maxDateTime?: Date;\n  minDateTime?: Date;\n};\n\nconst pickerStyles = {\n  \".MuiButtonBase-root\": {\n    padding: 0.5,\n    paddingLeft: 0,\n  },\n  \"& input::placeholder\": {\n    fontSize: \"x-small\",\n  },\n};\n\n/**\n * Date,DateTimeをを選択できるコンポーネント\n * dateFormatに合わせてpickerViewを生成します。\n * @param props\n * @returns\n */\nconst DatePickerController: <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>(\n  props: Props<TFieldValues, TName>,\n) => JSX.Element = (props) => {\n  const {\n    defaultValue,\n    maxDateTime,\n    minDateTime,\n    setValue,\n    dateFormat,\n    ...others\n  } = props;\n\n  /**\n   * 受信した値を適切な日付またはnullに変換します。\n   * @param value ユーザーによる値、呼び出し側からセットされた値\n   * @param pickerInfo 紐づくpickerの情報\n   * @returns\n   */\n  const convertValue = (value: string | Date | null): Date | null => {\n    const newValue = value\n      ? value instanceof Date\n        ? value\n        : typeof value === \"string\"\n          ? parse(value, dateFormat, new Date())\n          : null\n      : null;\n    // NOTE:呼び出し側からはstringがセットされる可能性が高いため、変換後controlに紐付けvalueも置き換えます。\n    if (typeof value === \"string\") {\n      setValue(others.name, newValue as never);\n    }\n    return newValue;\n  };\n\n  const handleOnchange = (value: Date | null) => {\n    setValue(others.name, (value ?? defaultValue) as never, {\n      shouldDirty: true,\n    });\n  };\n\n  const views: DateOrTimeView[] = (() => {\n    const v: DateOrTimeView[] = [];\n\n    if (dateFormat.includes(\"yyyy\")) {\n      v.push(\"year\");\n    }\n    if (dateFormat.includes(\"MM\")) {\n      v.push(\"month\");\n    }\n    if (dateFormat.includes(\"dd\")) {\n      v.push(\"day\");\n    }\n    if (dateFormat.includes(\"HH\")) {\n      v.push(\"hours\");\n    }\n    if (dateFormat.includes(\"mm\")) {\n      v.push(\"minutes\");\n    }\n    if (dateFormat.includes(\"ss\")) {\n      v.push(\"seconds\");\n    }\n    return v;\n  })();\n\n  return (\n    <LocalizationProvider\n      dateAdapter={AdapterDateFns}\n      adapterLocale={ja}\n      localeText={\n        jaJP.components.MuiLocalizationProvider.defaultProps.localeText\n      }\n    >\n      <div className={styles.rangeContainer}>\n        <Controller\n          control={others.control}\n          name={others.name}\n          defaultValue={defaultValue}\n          render={({ field, fieldState }) => (\n            <DateTimePicker\n              {...field}\n              format={dateFormat}\n              views={views}\n              sx={pickerStyles}\n              value={convertValue(field.value)}\n              onChange={(newDate) => {\n                handleOnchange(newDate);\n              }}\n              slotProps={{\n                textField: {\n                  error: !!fieldState.error,\n                  helperText: fieldState.error?.message,\n                  fullWidth: true,\n                },\n                // NOTE: clearボタンが文字を隠していまうのでとりあえずcalendar内のもので代用\n                // field: {\n                //   clearable: true,\n                // },\n                actionBar: { actions: [\"clear\", \"accept\"] },\n              }}\n              maxDateTime={maxDateTime}\n              minDateTime={minDateTime}\n            />\n          )}\n        />\n      </div>\n    </LocalizationProvider>\n  );\n};\n\nexport default DatePickerController;\n"],"names":["pickerStyles","DatePickerController","props","defaultValue","maxDateTime","minDateTime","setValue","dateFormat","others","convertValue","value","newValue","parse","handleOnchange","views","v","jsx","LocalizationProvider","AdapterDateFns","ja","jaJP","styles","Controller","field","fieldState","DateTimePicker","newDate","_a"],"mappings":";;;;;;;;;GAyBMA,IAAe;AAAA,EACnB,uBAAuB;AAAA,IACrB,SAAS;AAAA,IACT,aAAa;AAAA,EACf;AAAA,EACA,wBAAwB;AAAA,IACtB,UAAU;AAAA,EAAA;AAEd,GAQMC,IAKa,CAACC,MAAU;AACtB,QAAA;AAAA,IACJ,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDN,GAQEO,IAAe,CAACC,MAA6C;AACjE,UAAMC,IAAWD,IACbA,aAAiB,OACfA,IACA,OAAOA,KAAU,WACfE,EAAMF,GAAOH,GAAY,oBAAI,KAAM,CAAA,IACnC,OACJ;AAEA,WAAA,OAAOG,KAAU,YACVJ,EAAAE,EAAO,MAAMG,CAAiB,GAElCA;AAAA,EACT,GAEME,IAAiB,CAACH,MAAuB;AACpC,IAAAJ,EAAAE,EAAO,MAAOE,KAASP,GAAwB;AAAA,MACtD,aAAa;AAAA,IAAA,CACd;AAAA,EACH,GAEMW,KAA2B,MAAM;AACrC,UAAMC,IAAsB,CAAC;AAEzB,WAAAR,EAAW,SAAS,MAAM,KAC5BQ,EAAE,KAAK,MAAM,GAEXR,EAAW,SAAS,IAAI,KAC1BQ,EAAE,KAAK,OAAO,GAEZR,EAAW,SAAS,IAAI,KAC1BQ,EAAE,KAAK,KAAK,GAEVR,EAAW,SAAS,IAAI,KAC1BQ,EAAE,KAAK,OAAO,GAEZR,EAAW,SAAS,IAAI,KAC1BQ,EAAE,KAAK,SAAS,GAEdR,EAAW,SAAS,IAAI,KAC1BQ,EAAE,KAAK,SAAS,GAEXA;AAAA,EAAA,GACN;AAGD,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAaC;AAAA,MACb,eAAeC;AAAA,MACf,YACEC,EAAK,WAAW,wBAAwB,aAAa;AAAA,MAGvD,UAAC,gBAAAJ,EAAA,OAAA,EAAI,WAAWK,EAAO,gBACrB,UAAA,gBAAAL;AAAA,QAACM;AAAA,QAAA;AAAA,UACC,SAASd,EAAO;AAAA,UAChB,MAAMA,EAAO;AAAA,UACb,cAAAL;AAAA,UACA,QAAQ,CAAC,EAAE,OAAAoB,GAAO,YAAAC,EAChB,MAAA;;AAAA,mCAAAR;AAAA,cAACS;AAAA,cAAA;AAAA,gBACE,GAAGF;AAAA,gBACJ,QAAQhB;AAAA,gBACR,OAAAO;AAAA,gBACA,IAAId;AAAA,gBACJ,OAAOS,EAAac,EAAM,KAAK;AAAA,gBAC/B,UAAU,CAACG,MAAY;AACrB,kBAAAb,EAAea,CAAO;AAAA,gBACxB;AAAA,gBACA,WAAW;AAAA,kBACT,WAAW;AAAA,oBACT,OAAO,CAAC,CAACF,EAAW;AAAA,oBACpB,aAAYG,IAAAH,EAAW,UAAX,gBAAAG,EAAkB;AAAA,oBAC9B,WAAW;AAAA,kBACb;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKA,WAAW,EAAE,SAAS,CAAC,SAAS,QAAQ,EAAE;AAAA,gBAC5C;AAAA,gBACA,aAAAvB;AAAA,gBACA,aAAAC;AAAA,cAAA;AAAA,YAAA;AAAA;AAAA,QACF;AAAA,MAAA,EAGN,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

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

@@ -1,2 +1,2 @@
-"use strict";const n=require("../../jsx-runtime-Dajn0hD2.cjs"),e=require("../../react.esm-DzAzWxXs.cjs"),c=require("react-hook-form"),s=require("./index.cjs.js");describe("RangeDatePickerController component",()=>{it("renders date pickers with correct default values",()=>{const{result:t}=e.renderHook(()=>c.useForm()),r=t.current.control;e.render(n.jsxRuntimeExports.jsx(s,{control:r,name:"fromDate",defaultValue:"2024-03-01",dateFormat:"yyyy-MM-dd",setValue:()=>{}}));const o=e.screen.getByDisplayValue("2024-03-01");expect(o).toBeInTheDocument()})});
+"use strict";const n=require("react/jsx-runtime"),e=require("../../react.esm-CiMn0Rnx.cjs"),c=require("react-hook-form"),s=require("./index.cjs.js");describe("RangeDatePickerController component",()=>{it("renders date pickers with correct default values",()=>{const{result:r}=e.renderHook(()=>c.useForm()),t=r.current.control;e.render(n.jsx(s,{control:t,name:"fromDate",defaultValue:"2024-03-01",dateFormat:"yyyy-MM-dd",setValue:()=>{}}));const o=e.screen.getByDisplayValue("2024-03-01");expect(o).toBeInTheDocument()})});
 //# sourceMappingURL=index.test.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/DatePickerController/index.test.tsx"],"sourcesContent":["import { render, renderHook, screen } from \"@testing-library/react\";\nimport { useForm } from \"react-hook-form\";\n\nimport DatePickerController from \".\";\n\ndescribe(\"RangeDatePickerController component\", () => {\n  it(\"renders date pickers with correct default values\", () => {\n    const { result } = renderHook(() => useForm());\n    const control = result.current.control;\n\n    render(\n      <DatePickerController\n        control={control}\n        name={\"fromDate\"}\n        defaultValue={\"2024-03-01\"}\n        dateFormat=\"yyyy-MM-dd\"\n        setValue={() => {}}\n      />,\n    );\n\n    const fromDateInput = screen.getByDisplayValue(\"2024-03-01\");\n\n    expect(fromDateInput).toBeInTheDocument();\n  });\n});\n"],"names":["result","renderHook","useForm","control","render","jsx","DatePickerController","fromDateInput","screen"],"mappings":"kKAKA,SAAS,sCAAuC,IAAM,CACpD,GAAG,mDAAoD,IAAM,CAC3D,KAAM,CAAE,OAAAA,CAAO,EAAIC,aAAW,IAAMC,WAAS,EACvCC,EAAUH,EAAO,QAAQ,QAE/BI,EAAA,OACEC,EAAA,kBAAA,IAACC,EAAA,CACC,QAAAH,EACA,KAAM,WACN,aAAc,aACd,WAAW,aACX,SAAU,IAAM,CAAA,CAAC,CAAA,CAErB,EAEM,MAAAI,EAAgBC,EAAAA,OAAO,kBAAkB,YAAY,EAEpD,OAAAD,CAAa,EAAE,kBAAkB,CAAA,CACzC,CACH,CAAC"}
+{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/DatePickerController/index.test.tsx"],"sourcesContent":["import { render, renderHook, screen } from \"@testing-library/react\";\nimport { useForm } from \"react-hook-form\";\n\nimport DatePickerController from \".\";\n\ndescribe(\"RangeDatePickerController component\", () => {\n  it(\"renders date pickers with correct default values\", () => {\n    const { result } = renderHook(() => useForm());\n    const control = result.current.control;\n\n    render(\n      <DatePickerController\n        control={control}\n        name={\"fromDate\"}\n        defaultValue={\"2024-03-01\"}\n        dateFormat=\"yyyy-MM-dd\"\n        setValue={() => {}}\n      />,\n    );\n\n    const fromDateInput = screen.getByDisplayValue(\"2024-03-01\");\n\n    expect(fromDateInput).toBeInTheDocument();\n  });\n});\n"],"names":["result","renderHook","useForm","control","render","jsx","DatePickerController","fromDateInput","screen"],"mappings":"qJAKA,SAAS,sCAAuC,IAAM,CACpD,GAAG,mDAAoD,IAAM,CAC3D,KAAM,CAAE,OAAAA,CAAO,EAAIC,aAAW,IAAMC,WAAS,EACvCC,EAAUH,EAAO,QAAQ,QAE/BI,EAAA,OACEC,EAAA,IAACC,EAAA,CACC,QAAAH,EACA,KAAM,WACN,aAAc,aACd,WAAW,aACX,SAAU,IAAM,CAAA,CAAC,CAAA,CAErB,EAEM,MAAAI,EAAgBC,EAAAA,OAAO,kBAAkB,YAAY,EAEpD,OAAAD,CAAa,EAAE,kBAAkB,CAAA,CACzC,CACH,CAAC"}

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

@@ -1,12 +1,12 @@
-import { j as o } from "../../jsx-runtime-CbmOdJhC.js";
-import { a, r as n, s } from "../../react.esm-BL1KU4o5.js";
+import { jsx as o } from "react/jsx-runtime";
+import { a, r as n, s } from "../../react.esm-2FJSSo-S.js";
 import { useForm as c } from "react-hook-form";
 import m from "./index.es.js";
 describe("RangeDatePickerController component", () => {
   it("renders date pickers with correct default values", () => {
     const { result: e } = a(() => c()), r = e.current.control;
     n(
-      /* @__PURE__ */ o.jsx(
+      /* @__PURE__ */ o(
         m,
         {
           control: r,

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

@@ -1 +1 @@
-{"version":3,"file":"index.test.es.js","sources":["../../../src/components/DatePickerController/index.test.tsx"],"sourcesContent":["import { render, renderHook, screen } from \"@testing-library/react\";\nimport { useForm } from \"react-hook-form\";\n\nimport DatePickerController from \".\";\n\ndescribe(\"RangeDatePickerController component\", () => {\n  it(\"renders date pickers with correct default values\", () => {\n    const { result } = renderHook(() => useForm());\n    const control = result.current.control;\n\n    render(\n      <DatePickerController\n        control={control}\n        name={\"fromDate\"}\n        defaultValue={\"2024-03-01\"}\n        dateFormat=\"yyyy-MM-dd\"\n        setValue={() => {}}\n      />,\n    );\n\n    const fromDateInput = screen.getByDisplayValue(\"2024-03-01\");\n\n    expect(fromDateInput).toBeInTheDocument();\n  });\n});\n"],"names":["result","renderHook","useForm","control","render","jsx","DatePickerController","fromDateInput","screen"],"mappings":";;;;AAKA,SAAS,uCAAuC,MAAM;AACpD,KAAG,oDAAoD,MAAM;AAC3D,UAAM,EAAE,QAAAA,EAAO,IAAIC,EAAW,MAAMC,GAAS,GACvCC,IAAUH,EAAO,QAAQ;AAE/B,IAAAI;AAAA,MACEC,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAAAH;AAAA,UACA,MAAM;AAAA,UACN,cAAc;AAAA,UACd,YAAW;AAAA,UACX,UAAU,MAAM;AAAA,UAAA;AAAA,QAAC;AAAA,MAAA;AAAA,IAErB;AAEM,UAAAI,IAAgBC,EAAO,kBAAkB,YAAY;AAEpD,WAAAD,CAAa,EAAE,kBAAkB;AAAA,EAAA,CACzC;AACH,CAAC;"}
+{"version":3,"file":"index.test.es.js","sources":["../../../src/components/DatePickerController/index.test.tsx"],"sourcesContent":["import { render, renderHook, screen } from \"@testing-library/react\";\nimport { useForm } from \"react-hook-form\";\n\nimport DatePickerController from \".\";\n\ndescribe(\"RangeDatePickerController component\", () => {\n  it(\"renders date pickers with correct default values\", () => {\n    const { result } = renderHook(() => useForm());\n    const control = result.current.control;\n\n    render(\n      <DatePickerController\n        control={control}\n        name={\"fromDate\"}\n        defaultValue={\"2024-03-01\"}\n        dateFormat=\"yyyy-MM-dd\"\n        setValue={() => {}}\n      />,\n    );\n\n    const fromDateInput = screen.getByDisplayValue(\"2024-03-01\");\n\n    expect(fromDateInput).toBeInTheDocument();\n  });\n});\n"],"names":["result","renderHook","useForm","control","render","jsx","DatePickerController","fromDateInput","screen"],"mappings":";;;;AAKA,SAAS,uCAAuC,MAAM;AACpD,KAAG,oDAAoD,MAAM;AAC3D,UAAM,EAAE,QAAAA,EAAO,IAAIC,EAAW,MAAMC,GAAS,GACvCC,IAAUH,EAAO,QAAQ;AAE/B,IAAAI;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAAAH;AAAA,UACA,MAAM;AAAA,UACN,cAAc;AAAA,UACd,YAAW;AAAA,UACX,UAAU,MAAM;AAAA,UAAA;AAAA,QAAC;AAAA,MAAA;AAAA,IAErB;AAEM,UAAAI,IAAgBC,EAAO,kBAAkB,YAAY;AAEpD,WAAAD,CAAa,EAAE,kBAAkB;AAAA,EAAA,CACzC;AACH,CAAC;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index11.css');const o=require("../../jsx-runtime-Dajn0hD2.cjs"),t="_errorMessage_1x344_1",a={errorMessage:t},e=r=>{const{errorMessage:s}=r;return o.jsxRuntimeExports.jsx("p",{className:a.errorMessage,children:s})};exports.ErrorMessage=e;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index14.css');const o=require("react/jsx-runtime"),t="_errorMessage_1x344_1",a={errorMessage:t},e=r=>{const{errorMessage:s}=r;return o.jsx("p",{className:a.errorMessage,children:s})};exports.ErrorMessage=e;exports.default=e;
 //# sourceMappingURL=index.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/ErrorMessage/index.tsx"],"sourcesContent":["import styles from \"./index.module.scss\";\n\ntype Props = {\n  errorMessage: string;\n};\n\nexport const ErrorMessage = (props: Props) => {\n  const { errorMessage } = props;\n\n  return <p className={styles.errorMessage}>{errorMessage}</p>;\n};\n\nexport default ErrorMessage;\n"],"names":["ErrorMessage","props","errorMessage","jsx","styles"],"mappings":"2MAMaA,EAAgBC,GAAiB,CACtC,KAAA,CAAE,aAAAC,GAAiBD,EAEzB,OAAQE,EAAA,kBAAA,IAAA,IAAA,CAAE,UAAWC,EAAO,aAAe,SAAaF,EAAA,CAC1D"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/ErrorMessage/index.tsx"],"sourcesContent":["import styles from \"./index.module.scss\";\n\ntype Props = {\n  errorMessage: string;\n};\n\nexport const ErrorMessage = (props: Props) => {\n  const { errorMessage } = props;\n\n  return <p className={styles.errorMessage}>{errorMessage}</p>;\n};\n\nexport default ErrorMessage;\n"],"names":["ErrorMessage","props","errorMessage","jsx","styles"],"mappings":"8LAMaA,EAAgBC,GAAiB,CACtC,KAAA,CAAE,aAAAC,GAAiBD,EAEzB,OAAQE,EAAA,IAAA,IAAA,CAAE,UAAWC,EAAO,aAAe,SAAaF,EAAA,CAC1D"}

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

@@ -1,12 +1,12 @@
-import { j as e } from "../../jsx-runtime-CbmOdJhC.js";
-import '../../assets/index11.css';const o = "_errorMessage_1x344_1", a = {
+import { jsx as s } from "react/jsx-runtime";
+import '../../assets/index14.css';const o = "_errorMessage_1x344_1", a = {
   errorMessage: o
-}, n = (r) => {
-  const { errorMessage: s } = r;
-  return /* @__PURE__ */ e.jsx("p", { className: a.errorMessage, children: s });
+}, c = (r) => {
+  const { errorMessage: e } = r;
+  return /* @__PURE__ */ s("p", { className: a.errorMessage, children: e });
 };
 export {
-  n as ErrorMessage,
-  n as default
+  c as ErrorMessage,
+  c as default
 };
 //# sourceMappingURL=index.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../src/components/ErrorMessage/index.tsx"],"sourcesContent":["import styles from \"./index.module.scss\";\n\ntype Props = {\n  errorMessage: string;\n};\n\nexport const ErrorMessage = (props: Props) => {\n  const { errorMessage } = props;\n\n  return <p className={styles.errorMessage}>{errorMessage}</p>;\n};\n\nexport default ErrorMessage;\n"],"names":["ErrorMessage","props","errorMessage","jsx","styles"],"mappings":";;;GAMaA,IAAe,CAACC,MAAiB;AACtC,QAAA,EAAE,cAAAC,MAAiBD;AAEzB,SAAQE,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAWC,EAAO,cAAe,UAAaF,GAAA;AAC1D;"}
+{"version":3,"file":"index.es.js","sources":["../../../src/components/ErrorMessage/index.tsx"],"sourcesContent":["import styles from \"./index.module.scss\";\n\ntype Props = {\n  errorMessage: string;\n};\n\nexport const ErrorMessage = (props: Props) => {\n  const { errorMessage } = props;\n\n  return <p className={styles.errorMessage}>{errorMessage}</p>;\n};\n\nexport default ErrorMessage;\n"],"names":["ErrorMessage","props","errorMessage","jsx","styles"],"mappings":";;;GAMaA,IAAe,CAACC,MAAiB;AACtC,QAAA,EAAE,cAAAC,MAAiBD;AAEzB,SAAQ,gBAAAE,EAAA,KAAA,EAAE,WAAWC,EAAO,cAAe,UAAaF,GAAA;AAC1D;"}

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

@@ -1,2 +1,2 @@
-"use strict";const t=require("../../jsx-runtime-Dajn0hD2.cjs"),r=require("../../react.esm-DzAzWxXs.cjs"),o=require("../../index-DwYqI3bz.cjs"),n=require("./index.cjs.js");describe("ErrorMessage component",()=>{const s="Test error message";it("renders the error message",()=>{r.render(t.jsxRuntimeExports.jsx(n.ErrorMessage,{errorMessage:s}));const e=r.screen.getByText(s);expect(e).toBeInTheDocument(),expect(e).toHaveClass("errorMessage")}),it("should be accessible",async()=>{const{container:e}=r.render(t.jsxRuntimeExports.jsx(n.ErrorMessage,{errorMessage:s})),a=await o.jestAxe.axe(e);expect.extend(o.jestAxe.toHaveNoViolations),expect(a).toHaveNoViolations()})});
+"use strict";const t=require("react/jsx-runtime"),r=require("../../react.esm-CiMn0Rnx.cjs"),o=require("../../index-BHsZ5xlA.cjs"),n=require("./index.cjs.js");describe("ErrorMessage component",()=>{const s="Test error message";it("renders the error message",()=>{r.render(t.jsx(n.ErrorMessage,{errorMessage:s}));const e=r.screen.getByText(s);expect(e).toBeInTheDocument(),expect(e).toHaveClass("errorMessage")}),it("should be accessible",async()=>{const{container:e}=r.render(t.jsx(n.ErrorMessage,{errorMessage:s})),a=await o.jestAxe.axe(e);expect.extend(o.jestAxe.toHaveNoViolations),expect(a).toHaveNoViolations()})});
 //# sourceMappingURL=index.test.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/ErrorMessage/index.test.tsx"],"sourcesContent":["import { render, screen } from \"@testing-library/react\";\nimport { axe, toHaveNoViolations } from \"jest-axe\";\n\nimport { ErrorMessage } from \".\";\n\ndescribe(\"ErrorMessage component\", () => {\n  const testErrorMessage = \"Test error message\";\n\n  it(\"renders the error message\", () => {\n    render(<ErrorMessage errorMessage={testErrorMessage} />);\n\n    const errorMessageElement = screen.getByText(testErrorMessage);\n    expect(errorMessageElement).toBeInTheDocument();\n    expect(errorMessageElement).toHaveClass(\"errorMessage\");\n  });\n\n  it(\"should be accessible\", async () => {\n    const { container } = render(\n      <ErrorMessage errorMessage={testErrorMessage} />,\n    );\n    const results = await axe(container);\n\n    expect.extend(toHaveNoViolations);\n    expect(results).toHaveNoViolations();\n  });\n});\n"],"names":["testErrorMessage","render","jsx","ErrorMessage","errorMessageElement","screen","container","results","axe","toHaveNoViolations"],"mappings":"2KAKA,SAAS,yBAA0B,IAAM,CACvC,MAAMA,EAAmB,qBAEzB,GAAG,4BAA6B,IAAM,CACpCC,EAAA,OAAQC,EAAA,kBAAA,IAAAC,EAAA,aAAA,CAAa,aAAcH,CAAkB,CAAA,CAAE,EAEjD,MAAAI,EAAsBC,EAAAA,OAAO,UAAUL,CAAgB,EACtD,OAAAI,CAAmB,EAAE,kBAAkB,EACvC,OAAAA,CAAmB,EAAE,YAAY,cAAc,CAAA,CACvD,EAED,GAAG,uBAAwB,SAAY,CAC/B,KAAA,CAAE,UAAAE,GAAcL,EAAA,OACpBC,EAAAA,kBAAAA,IAACC,EAAa,aAAA,CAAA,aAAcH,CAAkB,CAAA,CAChD,EACMO,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/ErrorMessage/index.test.tsx"],"sourcesContent":["import { render, screen } from \"@testing-library/react\";\nimport { axe, toHaveNoViolations } from \"jest-axe\";\n\nimport { ErrorMessage } from \".\";\n\ndescribe(\"ErrorMessage component\", () => {\n  const testErrorMessage = \"Test error message\";\n\n  it(\"renders the error message\", () => {\n    render(<ErrorMessage errorMessage={testErrorMessage} />);\n\n    const errorMessageElement = screen.getByText(testErrorMessage);\n    expect(errorMessageElement).toBeInTheDocument();\n    expect(errorMessageElement).toHaveClass(\"errorMessage\");\n  });\n\n  it(\"should be accessible\", async () => {\n    const { container } = render(\n      <ErrorMessage errorMessage={testErrorMessage} />,\n    );\n    const results = await axe(container);\n\n    expect.extend(toHaveNoViolations);\n    expect(results).toHaveNoViolations();\n  });\n});\n"],"names":["testErrorMessage","render","jsx","ErrorMessage","errorMessageElement","screen","container","results","axe","toHaveNoViolations"],"mappings":"8JAKA,SAAS,yBAA0B,IAAM,CACvC,MAAMA,EAAmB,qBAEzB,GAAG,4BAA6B,IAAM,CACpCC,EAAA,OAAQC,EAAA,IAAAC,EAAA,aAAA,CAAa,aAAcH,CAAkB,CAAA,CAAE,EAEjD,MAAAI,EAAsBC,EAAAA,OAAO,UAAUL,CAAgB,EACtD,OAAAI,CAAmB,EAAE,kBAAkB,EACvC,OAAAA,CAAmB,EAAE,YAAY,cAAc,CAAA,CACvD,EAED,GAAG,uBAAwB,SAAY,CAC/B,KAAA,CAAE,UAAAE,GAAcL,EAAA,OACpBC,EAAAA,IAACC,EAAa,aAAA,CAAA,aAAcH,CAAkB,CAAA,CAChD,EACMO,EAAU,MAAMC,EAAA,QAAA,IAAIF,CAAS,EAEnC,OAAO,OAAOG,4BAAkB,EACzB,OAAAF,CAAO,EAAE,mBAAmB,CAAA,CACpC,CACH,CAAC"}

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

@@ -1,16 +1,16 @@
-import { j as r } from "../../jsx-runtime-CbmOdJhC.js";
-import { r as o, s as c } from "../../react.esm-BL1KU4o5.js";
-import { j as t } from "../../index-LAxM3Vwk.js";
+import { jsx as s } from "react/jsx-runtime";
+import { r as o, s as c } from "../../react.esm-2FJSSo-S.js";
+import { j as t } from "../../index-ZP4xL6Dt.js";
 import { ErrorMessage as a } from "./index.es.js";
 describe("ErrorMessage component", () => {
-  const s = "Test error message";
+  const r = "Test error message";
   it("renders the error message", () => {
-    o(/* @__PURE__ */ r.jsx(a, { errorMessage: s }));
-    const e = c.getByText(s);
+    o(/* @__PURE__ */ s(a, { errorMessage: r }));
+    const e = c.getByText(r);
     expect(e).toBeInTheDocument(), expect(e).toHaveClass("errorMessage");
   }), it("should be accessible", async () => {
     const { container: e } = o(
-      /* @__PURE__ */ r.jsx(a, { errorMessage: s })
+      /* @__PURE__ */ s(a, { errorMessage: r })
     ), n = await t.axe(e);
     expect.extend(t.toHaveNoViolations), expect(n).toHaveNoViolations();
   });

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

@@ -1 +1 @@
-{"version":3,"file":"index.test.es.js","sources":["../../../src/components/ErrorMessage/index.test.tsx"],"sourcesContent":["import { render, screen } from \"@testing-library/react\";\nimport { axe, toHaveNoViolations } from \"jest-axe\";\n\nimport { ErrorMessage } from \".\";\n\ndescribe(\"ErrorMessage component\", () => {\n  const testErrorMessage = \"Test error message\";\n\n  it(\"renders the error message\", () => {\n    render(<ErrorMessage errorMessage={testErrorMessage} />);\n\n    const errorMessageElement = screen.getByText(testErrorMessage);\n    expect(errorMessageElement).toBeInTheDocument();\n    expect(errorMessageElement).toHaveClass(\"errorMessage\");\n  });\n\n  it(\"should be accessible\", async () => {\n    const { container } = render(\n      <ErrorMessage errorMessage={testErrorMessage} />,\n    );\n    const results = await axe(container);\n\n    expect.extend(toHaveNoViolations);\n    expect(results).toHaveNoViolations();\n  });\n});\n"],"names":["testErrorMessage","render","jsx","ErrorMessage","errorMessageElement","screen","container","results","axe","toHaveNoViolations"],"mappings":";;;;AAKA,SAAS,0BAA0B,MAAM;AACvC,QAAMA,IAAmB;AAEzB,KAAG,6BAA6B,MAAM;AACpC,IAAAC,EAAQC,gBAAAA,EAAA,IAAAC,GAAA,EAAa,cAAcH,EAAkB,CAAA,CAAE;AAEjD,UAAAI,IAAsBC,EAAO,UAAUL,CAAgB;AACtD,WAAAI,CAAmB,EAAE,kBAAkB,GACvC,OAAAA,CAAmB,EAAE,YAAY,cAAc;AAAA,EAAA,CACvD,GAED,GAAG,wBAAwB,YAAY;AAC/B,UAAA,EAAE,WAAAE,MAAcL;AAAA,MACpBC,gBAAAA,EAAAA,IAACC,GAAa,EAAA,cAAcH,EAAkB,CAAA;AAAA,IAChD,GACMO,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/ErrorMessage/index.test.tsx"],"sourcesContent":["import { render, screen } from \"@testing-library/react\";\nimport { axe, toHaveNoViolations } from \"jest-axe\";\n\nimport { ErrorMessage } from \".\";\n\ndescribe(\"ErrorMessage component\", () => {\n  const testErrorMessage = \"Test error message\";\n\n  it(\"renders the error message\", () => {\n    render(<ErrorMessage errorMessage={testErrorMessage} />);\n\n    const errorMessageElement = screen.getByText(testErrorMessage);\n    expect(errorMessageElement).toBeInTheDocument();\n    expect(errorMessageElement).toHaveClass(\"errorMessage\");\n  });\n\n  it(\"should be accessible\", async () => {\n    const { container } = render(\n      <ErrorMessage errorMessage={testErrorMessage} />,\n    );\n    const results = await axe(container);\n\n    expect.extend(toHaveNoViolations);\n    expect(results).toHaveNoViolations();\n  });\n});\n"],"names":["testErrorMessage","render","jsx","ErrorMessage","errorMessageElement","screen","container","results","axe","toHaveNoViolations"],"mappings":";;;;AAKA,SAAS,0BAA0B,MAAM;AACvC,QAAMA,IAAmB;AAEzB,KAAG,6BAA6B,MAAM;AACpC,IAAAC,EAAQ,gBAAAC,EAAAC,GAAA,EAAa,cAAcH,EAAkB,CAAA,CAAE;AAEjD,UAAAI,IAAsBC,EAAO,UAAUL,CAAgB;AACtD,WAAAI,CAAmB,EAAE,kBAAkB,GACvC,OAAAA,CAAmB,EAAE,YAAY,cAAc;AAAA,EAAA,CACvD,GAED,GAAG,wBAAwB,YAAY;AAC/B,UAAA,EAAE,WAAAE,MAAcL;AAAA,MACpB,gBAAAC,EAACC,GAAa,EAAA,cAAcH,EAAkB,CAAA;AAAA,IAChD,GACMO,IAAU,MAAMC,EAAA,IAAIF,CAAS;AAEnC,WAAO,OAAOG,oBAAkB,GACzB,OAAAF,CAAO,EAAE,mBAAmB;AAAA,EAAA,CACpC;AACH,CAAC;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index12.css');const r=require("../../jsx-runtime-Dajn0hD2.cjs"),c=require("classnames"),o="_evseStateLabel_10v1n_1",n={evseStateLabel:o},s=a=>{const{evseState:l}=a;let e,t;switch(l){case 0:e="未接続",t="#0056FD";break;case 1:e="接続中",t="#24A3FF";break;case 2:case 3:e="充電中",t="#00B127";break;default:e="エラー",t="#FF3E24";break}return r.jsxRuntimeExports.jsx("div",{className:c(n.evseStateLabel),style:{backgroundColor:t},children:e})};exports.EvseStateLabel=s;exports.default=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index15.css');const r=require("react/jsx-runtime"),c=require("classnames"),o="_evseStateLabel_10v1n_1",b={evseStateLabel:o},s=a=>{const{evseState:l}=a;let e,t;switch(l){case 0:e="未接続",t="#0056FD";break;case 1:e="接続中",t="#24A3FF";break;case 2:case 3:e="充電中",t="#00B127";break;default:e="エラー",t="#FF3E24";break}return r.jsx("div",{className:c(b.evseStateLabel),style:{backgroundColor:t},children:e})};exports.EvseStateLabel=s;exports.default=s;
 //# sourceMappingURL=index.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/EvseStateLabel/index.tsx"],"sourcesContent":["import classNames from \"classnames\";\n\nimport styles from \"./index.module.scss\";\n\ntype Props = {\n  evseState: number;\n};\n\nexport const EvseStateLabel = (props: Props) => {\n  const { evseState } = props;\n\n  let text, color;\n  switch (evseState) {\n    case 0:\n      text = \"未接続\";\n      color = \"#0056FD\";\n      break;\n    case 1:\n      text = \"接続中\";\n      color = \"#24A3FF\";\n      break;\n    case 2:\n    case 3:\n      text = \"充電中\";\n      color = \"#00B127\";\n      break;\n    default:\n      text = \"エラー\";\n      color = \"#FF3E24\";\n      break;\n  }\n\n  return (\n    <div\n      className={classNames(styles.evseStateLabel)}\n      style={{ backgroundColor: color }}\n    >\n      {text}\n    </div>\n  );\n};\n\nexport default EvseStateLabel;\n"],"names":["EvseStateLabel","props","evseState","text","color","jsx","classNames","styles"],"mappings":"uOAQaA,EAAkBC,GAAiB,CACxC,KAAA,CAAE,UAAAC,GAAcD,EAEtB,IAAIE,EAAMC,EACV,OAAQF,EAAW,CACjB,IAAK,GACIC,EAAA,MACCC,EAAA,UACR,MACF,IAAK,GACID,EAAA,MACCC,EAAA,UACR,MACF,IAAK,GACL,IAAK,GACID,EAAA,MACCC,EAAA,UACR,MACF,QACSD,EAAA,MACCC,EAAA,UACR,KAAA,CAIF,OAAAC,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWC,EAAWC,EAAO,cAAc,EAC3C,MAAO,CAAE,gBAAiBH,CAAM,EAE/B,SAAAD,CAAA,CACH,CAEJ"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/EvseStateLabel/index.tsx"],"sourcesContent":["import classNames from \"classnames\";\n\nimport styles from \"./index.module.scss\";\n\ntype Props = {\n  evseState: number;\n};\n\nexport const EvseStateLabel = (props: Props) => {\n  const { evseState } = props;\n\n  let text, color;\n  switch (evseState) {\n    case 0:\n      text = \"未接続\";\n      color = \"#0056FD\";\n      break;\n    case 1:\n      text = \"接続中\";\n      color = \"#24A3FF\";\n      break;\n    case 2:\n    case 3:\n      text = \"充電中\";\n      color = \"#00B127\";\n      break;\n    default:\n      text = \"エラー\";\n      color = \"#FF3E24\";\n      break;\n  }\n\n  return (\n    <div\n      className={classNames(styles.evseStateLabel)}\n      style={{ backgroundColor: color }}\n    >\n      {text}\n    </div>\n  );\n};\n\nexport default EvseStateLabel;\n"],"names":["EvseStateLabel","props","evseState","text","color","jsx","classNames","styles"],"mappings":"0NAQaA,EAAkBC,GAAiB,CACxC,KAAA,CAAE,UAAAC,GAAcD,EAEtB,IAAIE,EAAMC,EACV,OAAQF,EAAW,CACjB,IAAK,GACIC,EAAA,MACCC,EAAA,UACR,MACF,IAAK,GACID,EAAA,MACCC,EAAA,UACR,MACF,IAAK,GACL,IAAK,GACID,EAAA,MACCC,EAAA,UACR,MACF,QACSD,EAAA,MACCC,EAAA,UACR,KAAA,CAIF,OAAAC,EAAA,IAAC,MAAA,CACC,UAAWC,EAAWC,EAAO,cAAc,EAC3C,MAAO,CAAE,gBAAiBH,CAAM,EAE/B,SAAAD,CAAA,CACH,CAEJ"}

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

@@ -1,7 +1,7 @@
-import { j as r } from "../../jsx-runtime-CbmOdJhC.js";
-import l from "classnames";
-import '../../assets/index12.css';const o = "_evseStateLabel_10v1n_1", c = {
-  evseStateLabel: o
+import { jsx as l } from "react/jsx-runtime";
+import r from "classnames";
+import '../../assets/index15.css';const c = "_evseStateLabel_10v1n_1", o = {
+  evseStateLabel: c
 }, v = (a) => {
   const { evseState: s } = a;
   let e, t;
@@ -20,10 +20,10 @@ import '../../assets/index12.css';const o = "_evseStateLabel_10v1n_1", c = {
       e = "エラー", t = "#FF3E24";
       break;
   }
-  return /* @__PURE__ */ r.jsx(
+  return /* @__PURE__ */ l(
     "div",
     {
-      className: l(c.evseStateLabel),
+      className: r(o.evseStateLabel),
       style: { backgroundColor: t },
       children: e
     }