@jigowatts/jigowatts-ui 1.1.8 → 1.2.0

package/dist/assets/index13.css

@@ -1 +1 @@
-@charset "UTF-8";._contentContainer_lcghg_2{width:100%;display:flex;flex-direction:column;flex-grow:1}._scrollableTableContainer_lcghg_10{flex:1;background-color:#fff;position:relative;overflow:auto;border:1px solid #ccc;border-radius:5px;margin:16px 0}._table_lcghg_20{border-collapse:collapse;background-color:#fff;min-width:100%}._header_lcghg_26{position:sticky;top:0;outline:1px solid lightgray!important;background-color:#fff}._th_lcghg_34{padding:16px;margin-top:48px;font-weight:700;max-width:240px;white-space:nowrap}._th_lcghg_34:hover{background-color:#00001513}._headerCell_lcghg_46{display:flex;gap:4px;align-items:center;font-size:small}._sortIcons_lcghg_53{display:flex;flex-direction:column;margin-left:5px}._sortIcon_lcghg_53{font-size:11px;color:#d3d3d3;margin:0}._primary_lcghg_65,._sortIcon_lcghg_53._selected_lcghg_69{color:#1677ff}._row_lcghg_73{border-bottom:.5px solid #cfcfcf}._row_lcghg_73:hover{background-color:#00001513}._clickable_lcghg_81{cursor:pointer}._td_lcghg_85{padding:16px;font-size:small;max-width:300px}._nonBorder_lcghg_91{border:none}
+@charset "UTF-8";._contentContainer_1d18f_2{width:100%;display:flex;flex-direction:column;flex-grow:1}._scrollableTableContainer_1d18f_10{flex:1;background-color:#fff;position:relative;overflow:auto;border:1px solid #ccc;border-radius:5px;margin:16px 0}._table_1d18f_20{border-collapse:collapse;background-color:#fff;min-width:100%;width:-moz-max-content!important;width:max-content!important}._header_1d18f_27{position:sticky;top:0;outline:1px solid lightgray!important;background-color:#fff}._th_1d18f_35{padding:16px;margin-top:48px;font-weight:700;max-width:240px;white-space:nowrap}._th_1d18f_35:hover{background-color:#00001513}._headerCell_1d18f_47{display:flex;gap:4px;align-items:center;font-size:small}._sortIcons_1d18f_54{display:flex;flex-direction:column;margin-left:5px}._sortIcon_1d18f_54{font-size:11px;color:#d3d3d3;margin:0}._sortIcon_1d18f_54._selected_1d18f_66{color:#1677ff}._row_1d18f_70{border-bottom:.5px solid #cfcfcf}._row_1d18f_70:hover{background-color:#00001513}._clickable_1d18f_78{cursor:pointer}._td_1d18f_82{padding:16px;font-size:small;max-width:300px;white-space:pre-wrap;word-break:break-all}._nonBorder_1d18f_90{border:none}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index11.css');const e=require("react/jsx-runtime"),o=require("@mui/icons-material/ExpandMore"),t=require("@mui/material"),l=require("classnames"),m="_container_yrdw7_1",u="_header_yrdw7_6",y="_mainContent_yrdw7_19",_="_items_yrdw7_27",O="_gridOnlyOne_yrdw7_32",n={container:m,header:u,mainContent:y,items:_,gridOnlyOne:O},s=a=>{const{headerTitle:i,children:d,gridColumns:r,className:c}=a;return e.jsx("div",{children:e.jsxs(t.Accordion,{defaultExpanded:!0,className:n.container,children:[e.jsx(t.AccordionSummary,{className:n.header,"aria-controls":"panel-content",expandIcon:e.jsx(o,{}),children:i}),e.jsx(t.AccordionDetails,{className:n.mainContent,children:e.jsx("div",{"data-testid":"card-items","data-grid-columns":r,className:l(n.items,c),style:{gridTemplateColumns:`repeat(${r}, 1fr)`},children:d})})]})})},g=n.gridOnlyOne;exports.Card=s;exports.default=s;exports.gridOnlyOneStyle=g;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index11.css');const e=require("react/jsx-runtime"),o=require("@mui/icons-material"),t=require("@mui/material"),l=require("classnames"),m="_container_yrdw7_1",u="_header_yrdw7_6",y="_mainContent_yrdw7_19",_="_items_yrdw7_27",O="_gridOnlyOne_yrdw7_32",n={container:m,header:u,mainContent:y,items:_,gridOnlyOne:O},s=a=>{const{headerTitle:i,children:d,gridColumns:r,className:c}=a;return e.jsx("div",{children:e.jsxs(t.Accordion,{defaultExpanded:!0,className:n.container,children:[e.jsx(t.AccordionSummary,{className:n.header,"aria-controls":"panel-content",expandIcon:e.jsx(o.ExpandMore,{}),children:i}),e.jsx(t.AccordionDetails,{className:n.mainContent,children:e.jsx("div",{"data-testid":"card-items","data-grid-columns":r,className:l(n.items,c),style:{gridTemplateColumns:`repeat(${r}, 1fr)`},children:d})})]})})},g=n.gridOnlyOne;exports.Card=s;exports.default=s;exports.gridOnlyOneStyle=g;
 //# sourceMappingURL=index.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/Card/index.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\nimport ExpandMoreIcon from \"@mui/icons-material/ExpandMore\";\nimport { Accordion, AccordionDetails, AccordionSummary } from \"@mui/material\";\nimport classNames from \"classnames\";\n\nimport styles from \"./index.module.scss\";\n\ntype Props = {\n  /**カードのタイトル */\n  headerTitle: string;\n  /**カードの中身 */\n  children: ReactNode;\n  /**gridの列数 */\n  gridColumns: number;\n  /**カスタムスタイルクラス */\n  className?: string;\n};\n\n/**カードコンポーネント\n * 内容の折りたたみができます。\n * 表示する内容のgrid列数を指定します。\n */\nexport const Card = (props: Props) => {\n  const { headerTitle, children, gridColumns, className } = props;\n\n  return (\n    <div>\n      <Accordion defaultExpanded className={styles.container}>\n        <AccordionSummary\n          className={styles.header}\n          aria-controls=\"panel-content\"\n          expandIcon={<ExpandMoreIcon />}\n        >\n          {headerTitle}\n        </AccordionSummary>\n        <AccordionDetails className={styles.mainContent}>\n          <div\n            data-testid=\"card-items\"\n            data-grid-columns={gridColumns}\n            className={classNames(styles.items, className)}\n            style={{\n              gridTemplateColumns: `repeat(${gridColumns}, 1fr)`,\n            }}\n          >\n            {children}\n          </div>\n        </AccordionDetails>\n      </Accordion>\n    </div>\n  );\n};\n\nexport default Card;\n\nexport const gridOnlyOneStyle = styles.gridOnlyOne;\n"],"names":["Card","props","headerTitle","children","gridColumns","className","jsx","jsxs","Accordion","styles","AccordionSummary","ExpandMoreIcon","AccordionDetails","classNames","gridOnlyOneStyle"],"mappings":"gaAsBaA,EAAQC,GAAiB,CACpC,KAAM,CAAE,YAAAC,EAAa,SAAAC,EAAU,YAAAC,EAAa,UAAAC,CAAc,EAAAJ,EAGxD,OAAAK,EAAA,IAAC,OACC,SAACC,EAAA,KAAAC,EAAA,UAAA,CAAU,gBAAe,GAAC,UAAWC,EAAO,UAC3C,SAAA,CAAAH,EAAA,IAACI,EAAA,iBAAA,CACC,UAAWD,EAAO,OAClB,gBAAc,gBACd,iBAAaE,EAAe,EAAA,EAE3B,SAAAT,CAAA,CACH,EACCI,EAAA,IAAAM,EAAA,iBAAA,CAAiB,UAAWH,EAAO,YAClC,SAAAH,EAAA,IAAC,MAAA,CACC,cAAY,aACZ,oBAAmBF,EACnB,UAAWS,EAAWJ,EAAO,MAAOJ,CAAS,EAC7C,MAAO,CACL,oBAAqB,UAAUD,CAAW,QAC5C,EAEC,SAAAD,CAAA,CAAA,CAEL,CAAA,CAAA,CAAA,CACF,CACF,CAAA,CAEJ,EAIaW,EAAmBL,EAAO"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/Card/index.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\nimport { ExpandMore } from \"@mui/icons-material\";\nimport { Accordion, AccordionDetails, AccordionSummary } from \"@mui/material\";\nimport classNames from \"classnames\";\n\nimport styles from \"./index.module.scss\";\n\ntype Props = {\n  /**カードのタイトル */\n  headerTitle: string;\n  /**カードの中身 */\n  children: ReactNode;\n  /**gridの列数 */\n  gridColumns: number;\n  /**カスタムスタイルクラス */\n  className?: string;\n};\n\n/**カードコンポーネント\n * 内容の折りたたみができます。\n * 表示する内容のgrid列数を指定します。\n */\nexport const Card = (props: Props) => {\n  const { headerTitle, children, gridColumns, className } = props;\n\n  return (\n    <div>\n      <Accordion defaultExpanded className={styles.container}>\n        <AccordionSummary\n          className={styles.header}\n          aria-controls=\"panel-content\"\n          expandIcon={<ExpandMore />}\n        >\n          {headerTitle}\n        </AccordionSummary>\n        <AccordionDetails className={styles.mainContent}>\n          <div\n            data-testid=\"card-items\"\n            data-grid-columns={gridColumns}\n            className={classNames(styles.items, className)}\n            style={{\n              gridTemplateColumns: `repeat(${gridColumns}, 1fr)`,\n            }}\n          >\n            {children}\n          </div>\n        </AccordionDetails>\n      </Accordion>\n    </div>\n  );\n};\n\nexport default Card;\n\nexport const gridOnlyOneStyle = styles.gridOnlyOne;\n"],"names":["Card","props","headerTitle","children","gridColumns","className","jsx","jsxs","Accordion","styles","AccordionSummary","ExpandMore","AccordionDetails","classNames","gridOnlyOneStyle"],"mappings":"qZAsBaA,EAAQC,GAAiB,CACpC,KAAM,CAAE,YAAAC,EAAa,SAAAC,EAAU,YAAAC,EAAa,UAAAC,CAAc,EAAAJ,EAGxD,OAAAK,EAAA,IAAC,OACC,SAACC,EAAA,KAAAC,EAAA,UAAA,CAAU,gBAAe,GAAC,UAAWC,EAAO,UAC3C,SAAA,CAAAH,EAAA,IAACI,EAAA,iBAAA,CACC,UAAWD,EAAO,OAClB,gBAAc,gBACd,iBAAaE,EAAW,WAAA,EAAA,EAEvB,SAAAT,CAAA,CACH,EACCI,EAAA,IAAAM,EAAA,iBAAA,CAAiB,UAAWH,EAAO,YAClC,SAAAH,EAAA,IAAC,MAAA,CACC,cAAY,aACZ,oBAAmBF,EACnB,UAAWS,EAAWJ,EAAO,MAAOJ,CAAS,EAC7C,MAAO,CACL,oBAAqB,UAAUD,CAAW,QAC5C,EAEC,SAAAD,CAAA,CAAA,CAEL,CAAA,CAAA,CAAA,CACF,CACF,CAAA,CAEJ,EAIaW,EAAmBL,EAAO"}

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

@@ -1,8 +1,8 @@
-import { jsx as n, jsxs as d } from "react/jsx-runtime";
-import i from "@mui/icons-material/ExpandMore";
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import { ExpandMore as i } from "@mui/icons-material";
 import { Accordion as c, AccordionSummary as l, AccordionDetails as m } from "@mui/material";
 import _ from "classnames";
-import '../../assets/index11.css';const y = "_container_yrdw7_1", p = "_header_yrdw7_6", h = "_mainContent_yrdw7_19", O = "_items_yrdw7_27", g = "_gridOnlyOne_yrdw7_32", e = {
+import '../../assets/index11.css';const y = "_container_yrdw7_1", p = "_header_yrdw7_6", h = "_mainContent_yrdw7_19", O = "_items_yrdw7_27", g = "_gridOnlyOne_yrdw7_32", n = {
   container: y,
   header: p,
   mainContent: h,
@@ -10,22 +10,22 @@ import '../../assets/index11.css';const y = "_container_yrdw7_1", p = "_header_y
   gridOnlyOne: g
 }, N = (t) => {
   const { headerTitle: a, children: o, gridColumns: r, className: s } = t;
-  return /* @__PURE__ */ n("div", { children: /* @__PURE__ */ d(c, { defaultExpanded: !0, className: e.container, children: [
-    /* @__PURE__ */ n(
+  return /* @__PURE__ */ e("div", { children: /* @__PURE__ */ d(c, { defaultExpanded: !0, className: n.container, children: [
+    /* @__PURE__ */ e(
       l,
       {
-        className: e.header,
+        className: n.header,
         "aria-controls": "panel-content",
-        expandIcon: /* @__PURE__ */ n(i, {}),
+        expandIcon: /* @__PURE__ */ e(i, {}),
         children: a
       }
     ),
-    /* @__PURE__ */ n(m, { className: e.mainContent, children: /* @__PURE__ */ n(
+    /* @__PURE__ */ e(m, { className: n.mainContent, children: /* @__PURE__ */ e(
       "div",
       {
         "data-testid": "card-items",
         "data-grid-columns": r,
-        className: _(e.items, s),
+        className: _(n.items, s),
         style: {
           gridTemplateColumns: `repeat(${r}, 1fr)`
         },
@@ -33,7 +33,7 @@ import '../../assets/index11.css';const y = "_container_yrdw7_1", p = "_header_y
       }
     ) })
   ] }) });
-}, w = e.gridOnlyOne;
+}, w = n.gridOnlyOne;
 export {
   N as Card,
   N as default,

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../src/components/Card/index.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\nimport ExpandMoreIcon from \"@mui/icons-material/ExpandMore\";\nimport { Accordion, AccordionDetails, AccordionSummary } from \"@mui/material\";\nimport classNames from \"classnames\";\n\nimport styles from \"./index.module.scss\";\n\ntype Props = {\n  /**カードのタイトル */\n  headerTitle: string;\n  /**カードの中身 */\n  children: ReactNode;\n  /**gridの列数 */\n  gridColumns: number;\n  /**カスタムスタイルクラス */\n  className?: string;\n};\n\n/**カードコンポーネント\n * 内容の折りたたみができます。\n * 表示する内容のgrid列数を指定します。\n */\nexport const Card = (props: Props) => {\n  const { headerTitle, children, gridColumns, className } = props;\n\n  return (\n    <div>\n      <Accordion defaultExpanded className={styles.container}>\n        <AccordionSummary\n          className={styles.header}\n          aria-controls=\"panel-content\"\n          expandIcon={<ExpandMoreIcon />}\n        >\n          {headerTitle}\n        </AccordionSummary>\n        <AccordionDetails className={styles.mainContent}>\n          <div\n            data-testid=\"card-items\"\n            data-grid-columns={gridColumns}\n            className={classNames(styles.items, className)}\n            style={{\n              gridTemplateColumns: `repeat(${gridColumns}, 1fr)`,\n            }}\n          >\n            {children}\n          </div>\n        </AccordionDetails>\n      </Accordion>\n    </div>\n  );\n};\n\nexport default Card;\n\nexport const gridOnlyOneStyle = styles.gridOnlyOne;\n"],"names":["Card","props","headerTitle","children","gridColumns","className","jsx","jsxs","Accordion","styles","AccordionSummary","ExpandMoreIcon","AccordionDetails","classNames","gridOnlyOneStyle"],"mappings":";;;;;;;;;;GAsBaA,IAAO,CAACC,MAAiB;AACpC,QAAM,EAAE,aAAAC,GAAa,UAAAC,GAAU,aAAAC,GAAa,WAAAC,EAAc,IAAAJ;AAGxD,SAAA,gBAAAK,EAAC,SACC,UAAC,gBAAAC,EAAAC,GAAA,EAAU,iBAAe,IAAC,WAAWC,EAAO,WAC3C,UAAA;AAAA,IAAA,gBAAAH;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,WAAWD,EAAO;AAAA,QAClB,iBAAc;AAAA,QACd,8BAAaE,GAAe,EAAA;AAAA,QAE3B,UAAAT;AAAA,MAAA;AAAA,IACH;AAAA,IACC,gBAAAI,EAAAM,GAAA,EAAiB,WAAWH,EAAO,aAClC,UAAA,gBAAAH;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,eAAY;AAAA,QACZ,qBAAmBF;AAAA,QACnB,WAAWS,EAAWJ,EAAO,OAAOJ,CAAS;AAAA,QAC7C,OAAO;AAAA,UACL,qBAAqB,UAAUD,CAAW;AAAA,QAC5C;AAAA,QAEC,UAAAD;AAAA,MAAA;AAAA,IAAA,EAEL,CAAA;AAAA,EAAA,EAAA,CACF,EACF,CAAA;AAEJ,GAIaW,IAAmBL,EAAO;"}
+{"version":3,"file":"index.es.js","sources":["../../../src/components/Card/index.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\nimport { ExpandMore } from \"@mui/icons-material\";\nimport { Accordion, AccordionDetails, AccordionSummary } from \"@mui/material\";\nimport classNames from \"classnames\";\n\nimport styles from \"./index.module.scss\";\n\ntype Props = {\n  /**カードのタイトル */\n  headerTitle: string;\n  /**カードの中身 */\n  children: ReactNode;\n  /**gridの列数 */\n  gridColumns: number;\n  /**カスタムスタイルクラス */\n  className?: string;\n};\n\n/**カードコンポーネント\n * 内容の折りたたみができます。\n * 表示する内容のgrid列数を指定します。\n */\nexport const Card = (props: Props) => {\n  const { headerTitle, children, gridColumns, className } = props;\n\n  return (\n    <div>\n      <Accordion defaultExpanded className={styles.container}>\n        <AccordionSummary\n          className={styles.header}\n          aria-controls=\"panel-content\"\n          expandIcon={<ExpandMore />}\n        >\n          {headerTitle}\n        </AccordionSummary>\n        <AccordionDetails className={styles.mainContent}>\n          <div\n            data-testid=\"card-items\"\n            data-grid-columns={gridColumns}\n            className={classNames(styles.items, className)}\n            style={{\n              gridTemplateColumns: `repeat(${gridColumns}, 1fr)`,\n            }}\n          >\n            {children}\n          </div>\n        </AccordionDetails>\n      </Accordion>\n    </div>\n  );\n};\n\nexport default Card;\n\nexport const gridOnlyOneStyle = styles.gridOnlyOne;\n"],"names":["Card","props","headerTitle","children","gridColumns","className","jsx","jsxs","Accordion","styles","AccordionSummary","ExpandMore","AccordionDetails","classNames","gridOnlyOneStyle"],"mappings":";;;;;;;;;;GAsBaA,IAAO,CAACC,MAAiB;AACpC,QAAM,EAAE,aAAAC,GAAa,UAAAC,GAAU,aAAAC,GAAa,WAAAC,EAAc,IAAAJ;AAGxD,SAAA,gBAAAK,EAAC,SACC,UAAC,gBAAAC,EAAAC,GAAA,EAAU,iBAAe,IAAC,WAAWC,EAAO,WAC3C,UAAA;AAAA,IAAA,gBAAAH;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,WAAWD,EAAO;AAAA,QAClB,iBAAc;AAAA,QACd,8BAAaE,GAAW,EAAA;AAAA,QAEvB,UAAAT;AAAA,MAAA;AAAA,IACH;AAAA,IACC,gBAAAI,EAAAM,GAAA,EAAiB,WAAWH,EAAO,aAClC,UAAA,gBAAAH;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,eAAY;AAAA,QACZ,qBAAmBF;AAAA,QACnB,WAAWS,EAAWJ,EAAO,OAAOJ,CAAS;AAAA,QAC7C,OAAO;AAAA,UACL,qBAAqB,UAAUD,CAAW;AAAA,QAC5C;AAAA,QAEC,UAAAD;AAAA,MAAA;AAAA,IAAA,EAEL,CAAA;AAAA,EAAA,EAAA,CACF,EACF,CAAA;AAEJ,GAIaW,IAAmBL,EAAO;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index13.css');const e=require("react/jsx-runtime"),o=require("@mui/material"),r=require("classnames"),j=require("react-icons/bi"),I=require("../PageSizeSelector/index.cjs.js"),P=require("../Pagination/index.cjs.js"),B="_contentContainer_lcghg_2",q="_scrollableTableContainer_lcghg_10",y="_table_lcghg_20",z="_header_lcghg_26",R="_th_lcghg_34",D="_headerCell_lcghg_46",M="_sortIcons_lcghg_53",V="_sortIcon_lcghg_53",A="_selected_lcghg_69",F="_row_lcghg_73",H="_clickable_lcghg_81",O="_td_lcghg_85",U="_nonBorder_lcghg_91",s={contentContainer:B,scrollableTableContainer:q,table:y,header:z,th:R,headerCell:D,sortIcons:M,sortIcon:V,selected:A,row:F,clickable:H,td:O,nonBorder:U},m=p=>{const{columns:g,dataList:l,totalCount:_,currentPage:w,pageSize:a,pageSizeSelectorValues:N,keyColumn:S,sortColumn:i,sortDirection:d,isLoading:T,onClickRow:h,onChangeSort:c,onChangePage:C,onChangePageSize:b,showBorder:k}=p;if(T)return e.jsx("span",{children:"読み込み中"});if(!l)return e.jsx("span",{children:"データの取得ができませんでした。"});if((l==null?void 0:l.length)===0)return e.jsx("span",{children:"データがありません。"});const f=Math.ceil(_/a),u=w-1,x=u*a+1,v=x-1+((l==null?void 0:l.length)??0);return e.jsx(e.Fragment,{children:e.jsxs("div",{className:s.contentContainer,children:[b&&e.jsx(I.PageSizeSelector,{startRecordNum:x,endRecordNum:v,values:N,defaultValue:a,totalCount:_,onChangePageSize:b}),e.jsx("div",{className:r(s.scrollableTableContainer,{[s.nonBorder]:k===!1}),children:e.jsxs(o.Table,{className:s.table,children:[e.jsx(o.TableHead,{children:e.jsx(o.TableRow,{className:s.header,children:g.map(n=>e.jsx("th",{className:r(s.th,{[s.clickable]:n.sortColumn&&c}),children:e.jsxs("div",{className:s.headerCell,onClick:()=>{n.sortColumn&&c&&(n.sortColumn===i?c(n.sortColumn,d==="asc"?"desc":"asc"):c(n.sortColumn,"asc"))},children:[n.title,n.sortColumn&&e.jsxs("div",{className:s.sortIcons,children:[e.jsx(j.BiSolidUpArrow,{className:r(s.sortIcon,{[s.selected]:n.sortColumn===i&&d==="asc"})}),e.jsx(j.BiSolidDownArrow,{className:r(s.sortIcon,{[s.selected]:n.sortColumn===i&&d==="desc"})})]})]})},n.key))})}),e.jsx(o.TableBody,{children:l.map(n=>e.jsx(o.TableRow,{className:r(s.row,{[s.clickable]:h}),onClick:()=>{h&&h(n)},children:g.map(t=>e.jsx(o.TableCell,{className:s.td,align:t.align,sx:{width:t.width?`${t.width}px`:void 0},children:t.render(n)},t.key))},n[S]))})]})}),C&&e.jsx(P.Pagination,{pageCount:f,activePage:u,onChangePage:C})]})})};exports.DataTable=m;exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index13.css');const e=require("react/jsx-runtime"),t=require("@mui/material"),l=require("classnames"),g=require("react-icons/bi"),I=require("../PageSizeSelector/index.cjs.js"),P=require("../Pagination/index.cjs.js"),B="_contentContainer_1d18f_2",q="_scrollableTableContainer_1d18f_10",y="_table_1d18f_20",z="_header_1d18f_27",R="_th_1d18f_35",D="_headerCell_1d18f_47",M="_sortIcons_1d18f_54",V="_sortIcon_1d18f_54",A="_selected_1d18f_66",F="_row_1d18f_70",H="_clickable_1d18f_78",O="_td_1d18f_82",U="_nonBorder_1d18f_90",s={contentContainer:B,scrollableTableContainer:q,table:y,header:z,th:R,headerCell:D,sortIcons:M,sortIcon:V,selected:A,row:F,clickable:H,td:O,nonBorder:U},j=m=>{const{columns:h,dataList:o,totalCount:C,currentPage:p,pageSize:c,pageSizeSelectorValues:w,keyColumn:N,sortColumn:i,sortDirection:d,isLoading:S,onClickRow:_,onChangeSort:a,onChangePage:b,onChangePageSize:u,showBorder:T}=m;if(S)return e.jsx("span",{children:"読み込み中"});if(!o)return e.jsx("span",{children:"データの取得ができませんでした。"});if((o==null?void 0:o.length)===0)return e.jsx("span",{children:"データがありません。"});const k=Math.ceil(C/c),x=p-1,f=x*c+1,v=f-1+((o==null?void 0:o.length)??0);return e.jsx(e.Fragment,{children:e.jsxs("div",{className:s.contentContainer,children:[u&&e.jsx(I.PageSizeSelector,{startRecordNum:f,endRecordNum:v,values:w,defaultValue:c,totalCount:C,onChangePageSize:u}),e.jsx("div",{className:l(s.scrollableTableContainer,{[s.nonBorder]:T===!1}),children:e.jsxs(t.Table,{className:s.table,children:[e.jsx(t.TableHead,{children:e.jsx(t.TableRow,{className:s.header,children:h.map(n=>e.jsx("th",{className:l(s.th,{[s.clickable]:n.sortColumn&&a}),children:e.jsxs("div",{className:s.headerCell,onClick:()=>{n.sortColumn&&a&&(n.sortColumn===i?a(n.sortColumn,d==="asc"?"desc":"asc"):a(n.sortColumn,"asc"))},children:[n.title,n.sortColumn&&e.jsxs("div",{className:s.sortIcons,children:[e.jsx(g.BiSolidUpArrow,{className:l(s.sortIcon,{[s.selected]:n.sortColumn===i&&d==="asc"})}),e.jsx(g.BiSolidDownArrow,{className:l(s.sortIcon,{[s.selected]:n.sortColumn===i&&d==="desc"})})]})]})},n.key))})}),e.jsx(t.TableBody,{children:o.map(n=>e.jsx(t.TableRow,{className:l(s.row,{[s.clickable]:_}),onClick:()=>{_&&_(n)},children:h.map(r=>e.jsx(t.TableCell,{className:s.td,align:r.align,sx:{width:r.width?`${r.width}px`:void 0},children:r.render(n)},r.key))},n[N]))})]})}),b&&e.jsx(P.Pagination,{pageCount:k,activePage:x,onChangePage:b})]})})};exports.DataTable=j;exports.default=j;
 //# sourceMappingURL=index.cjs.js.map

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

@@ -1,10 +1,10 @@
-import { jsx as o, Fragment as v, jsxs as c } from "react/jsx-runtime";
-import { Table as P, TableHead as x, TableRow as f, TableBody as y, TableCell as z } from "@mui/material";
-import t from "classnames";
+import { jsx as o, Fragment as v, jsxs as a } from "react/jsx-runtime";
+import { Table as P, TableHead as x, TableRow as p, TableBody as y, TableCell as z } from "@mui/material";
+import l from "classnames";
 import { BiSolidUpArrow as R, BiSolidDownArrow as D } from "react-icons/bi";
 import { PageSizeSelector as V } from "../PageSizeSelector/index.es.js";
 import { Pagination as j } from "../Pagination/index.es.js";
-import '../../assets/index13.css';const A = "_contentContainer_lcghg_2", F = "_scrollableTableContainer_lcghg_10", H = "_table_lcghg_20", M = "_header_lcghg_26", U = "_th_lcghg_34", $ = "_headerCell_lcghg_46", q = "_sortIcons_lcghg_53", E = "_sortIcon_lcghg_53", G = "_selected_lcghg_69", J = "_row_lcghg_73", K = "_clickable_lcghg_81", O = "_td_lcghg_85", Q = "_nonBorder_lcghg_91", e = {
+import '../../assets/index13.css';const A = "_contentContainer_1d18f_2", F = "_scrollableTableContainer_1d18f_10", H = "_table_1d18f_20", M = "_header_1d18f_27", U = "_th_1d18f_35", $ = "_headerCell_1d18f_47", q = "_sortIcons_1d18f_54", E = "_sortIcon_1d18f_54", G = "_selected_1d18f_66", J = "_row_1d18f_70", K = "_clickable_1d18f_78", O = "_td_1d18f_82", Q = "_nonBorder_1d18f_90", e = {
   contentContainer: A,
   scrollableTableContainer: F,
   table: H,
@@ -20,80 +20,80 @@ import '../../assets/index13.css';const A = "_contentContainer_lcghg_2", F = "_s
   nonBorder: Q
 }, oe = (u) => {
   const {
-    columns: g,
-    dataList: r,
-    totalCount: _,
+    columns: h,
+    dataList: n,
+    totalCount: C,
     currentPage: N,
-    pageSize: a,
+    pageSize: c,
     pageSizeSelectorValues: w,
     keyColumn: k,
     sortColumn: i,
     sortDirection: d,
     isLoading: S,
-    onClickRow: h,
+    onClickRow: _,
     onChangeSort: s,
-    onChangePage: C,
+    onChangePage: f,
     onChangePageSize: m,
     showBorder: T
   } = u;
   if (S)
     return /* @__PURE__ */ o("span", { children: "読み込み中" });
-  if (!r)
+  if (!n)
     return /* @__PURE__ */ o("span", { children: "データの取得ができませんでした。" });
-  if ((r == null ? void 0 : r.length) === 0)
+  if ((n == null ? void 0 : n.length) === 0)
     return /* @__PURE__ */ o("span", { children: "データがありません。" });
-  const I = Math.ceil(_ / a), b = N - 1, p = b * a + 1, B = p - 1 + ((r == null ? void 0 : r.length) ?? 0);
-  return /* @__PURE__ */ o(v, { children: /* @__PURE__ */ c("div", { className: e.contentContainer, children: [
+  const I = Math.ceil(C / c), b = N - 1, g = b * c + 1, B = g - 1 + ((n == null ? void 0 : n.length) ?? 0);
+  return /* @__PURE__ */ o(v, { children: /* @__PURE__ */ a("div", { className: e.contentContainer, children: [
     m && /* @__PURE__ */ o(
       V,
       {
-        startRecordNum: p,
+        startRecordNum: g,
         endRecordNum: B,
         values: w,
-        defaultValue: a,
-        totalCount: _,
+        defaultValue: c,
+        totalCount: C,
         onChangePageSize: m
       }
     ),
     /* @__PURE__ */ o(
       "div",
       {
-        className: t(e.scrollableTableContainer, {
+        className: l(e.scrollableTableContainer, {
           [e.nonBorder]: T === !1
         }),
-        children: /* @__PURE__ */ c(P, { className: e.table, children: [
-          /* @__PURE__ */ o(x, { children: /* @__PURE__ */ o(f, { className: e.header, children: g.map((l) => /* @__PURE__ */ o(
+        children: /* @__PURE__ */ a(P, { className: e.table, children: [
+          /* @__PURE__ */ o(x, { children: /* @__PURE__ */ o(p, { className: e.header, children: h.map((r) => /* @__PURE__ */ o(
             "th",
             {
-              className: t(e.th, {
-                [e.clickable]: l.sortColumn && s
+              className: l(e.th, {
+                [e.clickable]: r.sortColumn && s
               }),
-              children: /* @__PURE__ */ c(
+              children: /* @__PURE__ */ a(
                 "div",
                 {
                   className: e.headerCell,
                   onClick: () => {
-                    l.sortColumn && s && (l.sortColumn === i ? s(
-                      l.sortColumn,
+                    r.sortColumn && s && (r.sortColumn === i ? s(
+                      r.sortColumn,
                       d === "asc" ? "desc" : "asc"
-                    ) : s(l.sortColumn, "asc"));
+                    ) : s(r.sortColumn, "asc"));
                   },
                   children: [
-                    l.title,
-                    l.sortColumn && /* @__PURE__ */ c("div", { className: e.sortIcons, children: [
+                    r.title,
+                    r.sortColumn && /* @__PURE__ */ a("div", { className: e.sortIcons, children: [
                       /* @__PURE__ */ o(
                         R,
                         {
-                          className: t(e.sortIcon, {
-                            [e.selected]: l.sortColumn === i && d === "asc"
+                          className: l(e.sortIcon, {
+                            [e.selected]: r.sortColumn === i && d === "asc"
                           })
                         }
                       ),
                       /* @__PURE__ */ o(
                         D,
                         {
-                          className: t(e.sortIcon, {
-                            [e.selected]: l.sortColumn === i && d === "desc"
+                          className: l(e.sortIcon, {
+                            [e.selected]: r.sortColumn === i && d === "desc"
                           })
                         }
                       )
@@ -102,42 +102,42 @@ import '../../assets/index13.css';const A = "_contentContainer_lcghg_2", F = "_s
                 }
               )
             },
-            l.key
+            r.key
           )) }) }),
-          /* @__PURE__ */ o(y, { children: r.map((l) => /* @__PURE__ */ o(
-            f,
+          /* @__PURE__ */ o(y, { children: n.map((r) => /* @__PURE__ */ o(
+            p,
             {
-              className: t(e.row, {
-                [e.clickable]: h
+              className: l(e.row, {
+                [e.clickable]: _
               }),
               onClick: () => {
-                h && h(l);
+                _ && _(r);
               },
-              children: g.map((n) => /* @__PURE__ */ o(
+              children: h.map((t) => /* @__PURE__ */ o(
                 z,
                 {
                   className: e.td,
-                  align: n.align,
+                  align: t.align,
                   sx: {
-                    width: n.width ? `${n.width}px` : void 0
+                    width: t.width ? `${t.width}px` : void 0
                     // widthが存在する場合のみ適用
                   },
-                  children: n.render(l)
+                  children: t.render(r)
                 },
-                n.key
+                t.key
               ))
             },
-            l[k]
+            r[k]
           )) })
         ] })
       }
     ),
-    C && /* @__PURE__ */ o(
+    f && /* @__PURE__ */ o(
       j,
       {
         pageCount: I,
         activePage: b,
-        onChangePage: C
+        onChangePage: f
       }
     )
   ] }) });

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

@@ -1,2 +1,2 @@
-"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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index10.css');const o=require("react/jsx-runtime"),g=require("@mui/x-date-pickers"),x=require("@mui/x-date-pickers/AdapterDateFns"),y=require("@mui/x-date-pickers/locales"),D=require("@mui/x-date-pickers/LocalizationProvider"),P=require("date-fns"),j=require("date-fns/locale/ja"),q=require("react-hook-form"),C="_rangeContainer_17n2w_1",T={rangeContainer:C},k={".MuiButtonBase-root":{padding:.5,paddingLeft:0},"& input::placeholder":{fontSize:"x-small"}},c=l=>{const{defaultValue:s,maxDateTime:u,minDateTime:d,setValue:a,dateFormat:t,...n}=l,p=e=>{const r=e?e instanceof Date?e:typeof e=="string"?P.parse(e,t,new Date):null:null;return typeof e=="string"&&a(n.name,r),r},m=e=>{a(n.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(D.LocalizationProvider,{dateAdapter:x.AdapterDateFns,adapterLocale:j,localeText:y.jaJP.components.MuiLocalizationProvider.defaultProps.localeText,children:o.jsx("div",{className:T.rangeContainer,children:o.jsx(q.Controller,{control:n.control,name:n.name,defaultValue:s,render:({field:e,fieldState:r})=>{var i;return o.jsx(g.DateTimePicker,{...e,format:t,views:h,sx:k,value:p(e.value),onChange:f=>{m(f)},slotProps:{textField:{error:!!r.error,helperText:(i=r.error)==null?void 0:i.message,fullWidth:!0},actionBar:{actions:["clear","accept"]}},maxDateTime:u,minDateTime:d})}})})})};exports.DatePickerController=c;exports.default=c;
 //# 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":"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"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/DatePickerController/index.tsx"],"sourcesContent":["import { DateTimePicker, type DateOrTimeView } from \"@mui/x-date-pickers\";\nimport { AdapterDateFns } from \"@mui/x-date-pickers/AdapterDateFns\";\nimport { jaJP } from \"@mui/x-date-pickers/locales\";\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 */\nexport const 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":"qcA0BMA,EAAe,CACnB,sBAAuB,CACrB,QAAS,GACT,YAAa,CACf,EACA,uBAAwB,CACtB,SAAU,SAAA,CAEd,EAQaC,EAKOC,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.d.ts

@@ -12,5 +12,5 @@ type Props<TFieldValues extends FieldValues = FieldValues, TName extends FieldPa
  * @param props
  * @returns
  */
-declare const DatePickerController: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: Props<TFieldValues, TName>) => JSX.Element;
+export declare const DatePickerController: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: Props<TFieldValues, TName>) => JSX.Element;
 export default DatePickerController;

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

@@ -1,6 +1,7 @@
-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 { jsx as n } from "react/jsx-runtime";
+import { DateTimePicker as h } from "@mui/x-date-pickers";
+import { AdapterDateFns as g } from "@mui/x-date-pickers/AdapterDateFns";
+import { jaJP as y } from "@mui/x-date-pickers/locales";
 import { LocalizationProvider as x } from "@mui/x-date-pickers/LocalizationProvider";
 import { parse as D } from "date-fns";
 import C from "date-fns/locale/ja";
@@ -15,54 +16,54 @@ import '../../assets/index10.css';const T = "_rangeContainer_17n2w_1", w = {
   "& input::placeholder": {
     fontSize: "x-small"
   }
-}, F = (l) => {
+}, _ = (l) => {
   const {
     defaultValue: a,
     maxDateTime: c,
     minDateTime: m,
     setValue: i,
-    dateFormat: t,
-    ...n
+    dateFormat: r,
+    ...o
   } = 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, {
+    const t = e ? e instanceof Date ? e : typeof e == "string" ? D(e, r, /* @__PURE__ */ new Date()) : null : null;
+    return typeof e == "string" && i(o.name, t), t;
+  }, p = (e) => {
+    i(o.name, e ?? a, {
       shouldDirty: !0
     });
-  }, p = (() => {
+  }, u = (() => {
     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 r.includes("yyyy") && e.push("year"), r.includes("MM") && e.push("month"), r.includes("dd") && e.push("day"), r.includes("HH") && e.push("hours"), r.includes("mm") && e.push("minutes"), r.includes("ss") && e.push("seconds"), e;
   })();
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ n(
     x,
     {
-      dateAdapter: y,
+      dateAdapter: g,
       adapterLocale: C,
-      localeText: h.components.MuiLocalizationProvider.defaultProps.localeText,
-      children: /* @__PURE__ */ o("div", { className: w.rangeContainer, children: /* @__PURE__ */ o(
+      localeText: y.components.MuiLocalizationProvider.defaultProps.localeText,
+      children: /* @__PURE__ */ n("div", { className: w.rangeContainer, children: /* @__PURE__ */ n(
         P,
         {
-          control: n.control,
-          name: n.name,
+          control: o.control,
+          name: o.name,
           defaultValue: a,
-          render: ({ field: e, fieldState: r }) => {
+          render: ({ field: e, fieldState: t }) => {
             var s;
-            return /* @__PURE__ */ o(
-              g,
+            return /* @__PURE__ */ n(
+              h,
               {
                 ...e,
-                format: t,
-                views: p,
+                format: r,
+                views: u,
                 sx: L,
                 value: d(e.value),
                 onChange: (f) => {
-                  u(f);
+                  p(f);
                 },
                 slotProps: {
                   textField: {
-                    error: !!r.error,
-                    helperText: (s = r.error) == null ? void 0 : s.message,
+                    error: !!t.error,
+                    helperText: (s = t.error) == null ? void 0 : s.message,
                     fullWidth: !0
                   },
                   // NOTE: clearボタンが文字を隠していまうのでとりあえずcalendar内のもので代用
@@ -82,6 +83,7 @@ import '../../assets/index10.css';const T = "_rangeContainer_17n2w_1", w = {
   );
 };
 export {
-  F as default
+  _ as DatePickerController,
+  _ 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,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;"}
+{"version":3,"file":"index.es.js","sources":["../../../src/components/DatePickerController/index.tsx"],"sourcesContent":["import { DateTimePicker, type DateOrTimeView } from \"@mui/x-date-pickers\";\nimport { AdapterDateFns } from \"@mui/x-date-pickers/AdapterDateFns\";\nimport { jaJP } from \"@mui/x-date-pickers/locales\";\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 */\nexport const 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":";;;;;;;;;;GA0BMA,IAAe;AAAA,EACnB,uBAAuB;AAAA,IACrB,SAAS;AAAA,IACT,aAAa;AAAA,EACf;AAAA,EACA,wBAAwB;AAAA,IACtB,UAAU;AAAA,EAAA;AAEd,GAQaC,IAKM,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("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()})});
+"use strict";const n=require("react/jsx-runtime"),e=require("../../react.esm-CiMn0Rnx.cjs"),a=require("react-hook-form"),c=require("./index.cjs.js");describe("DatePickerController component",()=>{it("renders with correct default value (date-only format)",async()=>{const{result:t}=e.renderHook(()=>a.useForm()),{control:r,setValue:o}=t.current;e.render(n.jsx(c.DatePickerController,{control:r,name:"fromDate",defaultValue:"2024-03-01",dateFormat:"yyyy-MM-dd",setValue:o})),expect(await e.screen.findByDisplayValue("2024-03-01")).toBeInTheDocument()}),it("renders with correct default value (datetime format)",async()=>{const{result:t}=e.renderHook(()=>a.useForm()),{control:r,setValue:o}=t.current;e.render(n.jsx(c.DatePickerController,{control:r,name:"fromDate",defaultValue:"2024/03/01 00:00:00",dateFormat:"yyyy/MM/dd HH:mm:ss",setValue:o})),expect(await e.screen.findByDisplayValue("2024/03/01 00:00:00")).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":"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"}
+{"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(\"DatePickerController component\", () => {\n  it(\"renders with correct default value (date-only format)\", async () => {\n    const { result } = renderHook(() => useForm());\n    const { control, setValue } = result.current;\n\n    render(\n      <DatePickerController\n        control={control}\n        name={\"fromDate\"}\n        defaultValue={\"2024-03-01\"}\n        dateFormat=\"yyyy-MM-dd\"\n        setValue={setValue}\n      />,\n    );\n\n    expect(await screen.findByDisplayValue(\"2024-03-01\")).toBeInTheDocument();\n  });\n\n  it(\"renders with correct default value (datetime format)\", async () => {\n    const { result } = renderHook(() => useForm());\n    const { control, setValue } = result.current;\n\n    render(\n      <DatePickerController\n        control={control}\n        name={\"fromDate\"}\n        defaultValue={\"2024/03/01 00:00:00\"}\n        dateFormat=\"yyyy/MM/dd HH:mm:ss\"\n        setValue={setValue}\n      />,\n    );\n\n    expect(\n      await screen.findByDisplayValue(\"2024/03/01 00:00:00\"),\n    ).toBeInTheDocument();\n  });\n});\n"],"names":["result","renderHook","useForm","control","setValue","render","jsx","DatePickerController","screen"],"mappings":"qJAKA,SAAS,iCAAkC,IAAM,CAC/C,GAAG,wDAAyD,SAAY,CACtE,KAAM,CAAE,OAAAA,CAAO,EAAIC,aAAW,IAAMC,WAAS,EACvC,CAAE,QAAAC,EAAS,SAAAC,CAAS,EAAIJ,EAAO,QAErCK,EAAA,OACEC,EAAA,IAACC,EAAA,qBAAA,CACC,QAAAJ,EACA,KAAM,WACN,aAAc,aACd,WAAW,aACX,SAAAC,CAAA,CAAA,CAEJ,EAEA,OAAO,MAAMI,EAAAA,OAAO,mBAAmB,YAAY,CAAC,EAAE,kBAAkB,CAAA,CACzE,EAED,GAAG,uDAAwD,SAAY,CACrE,KAAM,CAAE,OAAAR,CAAO,EAAIC,aAAW,IAAMC,WAAS,EACvC,CAAE,QAAAC,EAAS,SAAAC,CAAS,EAAIJ,EAAO,QAErCK,EAAA,OACEC,EAAA,IAACC,EAAA,qBAAA,CACC,QAAAJ,EACA,KAAM,WACN,aAAc,sBACd,WAAW,sBACX,SAAAC,CAAA,CAAA,CAEJ,EAEA,OACE,MAAMI,EAAAA,OAAO,mBAAmB,qBAAqB,GACrD,kBAAkB,CAAA,CACrB,CACH,CAAC"}

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

@@ -1,25 +1,38 @@
-import { jsx as o } from "react/jsx-runtime";
-import { a, r as n, s } from "../../react.esm-2FJSSo-S.js";
+import { jsx as a } from "react/jsx-runtime";
+import { a as o, 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;
+import { DatePickerController as l } from "./index.es.js";
+describe("DatePickerController component", () => {
+  it("renders with correct default value (date-only format)", async () => {
+    const { result: e } = o(() => c()), { control: t, setValue: r } = e.current;
     n(
-      /* @__PURE__ */ o(
-        m,
+      /* @__PURE__ */ a(
+        l,
         {
-          control: r,
+          control: t,
           name: "fromDate",
           defaultValue: "2024-03-01",
           dateFormat: "yyyy-MM-dd",
-          setValue: () => {
-          }
+          setValue: r
         }
       )
-    );
-    const t = s.getByDisplayValue("2024-03-01");
-    expect(t).toBeInTheDocument();
+    ), expect(await s.findByDisplayValue("2024-03-01")).toBeInTheDocument();
+  }), it("renders with correct default value (datetime format)", async () => {
+    const { result: e } = o(() => c()), { control: t, setValue: r } = e.current;
+    n(
+      /* @__PURE__ */ a(
+        l,
+        {
+          control: t,
+          name: "fromDate",
+          defaultValue: "2024/03/01 00:00:00",
+          dateFormat: "yyyy/MM/dd HH:mm:ss",
+          setValue: r
+        }
+      )
+    ), expect(
+      await s.findByDisplayValue("2024/03/01 00:00:00")
+    ).toBeInTheDocument();
   });
 });
 //# sourceMappingURL=index.test.es.js.map

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,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;"}
+{"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(\"DatePickerController component\", () => {\n  it(\"renders with correct default value (date-only format)\", async () => {\n    const { result } = renderHook(() => useForm());\n    const { control, setValue } = result.current;\n\n    render(\n      <DatePickerController\n        control={control}\n        name={\"fromDate\"}\n        defaultValue={\"2024-03-01\"}\n        dateFormat=\"yyyy-MM-dd\"\n        setValue={setValue}\n      />,\n    );\n\n    expect(await screen.findByDisplayValue(\"2024-03-01\")).toBeInTheDocument();\n  });\n\n  it(\"renders with correct default value (datetime format)\", async () => {\n    const { result } = renderHook(() => useForm());\n    const { control, setValue } = result.current;\n\n    render(\n      <DatePickerController\n        control={control}\n        name={\"fromDate\"}\n        defaultValue={\"2024/03/01 00:00:00\"}\n        dateFormat=\"yyyy/MM/dd HH:mm:ss\"\n        setValue={setValue}\n      />,\n    );\n\n    expect(\n      await screen.findByDisplayValue(\"2024/03/01 00:00:00\"),\n    ).toBeInTheDocument();\n  });\n});\n"],"names":["result","renderHook","useForm","control","setValue","render","jsx","DatePickerController","screen"],"mappings":";;;;AAKA,SAAS,kCAAkC,MAAM;AAC/C,KAAG,yDAAyD,YAAY;AACtE,UAAM,EAAE,QAAAA,EAAO,IAAIC,EAAW,MAAMC,GAAS,GACvC,EAAE,SAAAC,GAAS,UAAAC,EAAS,IAAIJ,EAAO;AAErC,IAAAK;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAAAJ;AAAA,UACA,MAAM;AAAA,UACN,cAAc;AAAA,UACd,YAAW;AAAA,UACX,UAAAC;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ,GAEA,OAAO,MAAMI,EAAO,mBAAmB,YAAY,CAAC,EAAE,kBAAkB;AAAA,EAAA,CACzE,GAED,GAAG,wDAAwD,YAAY;AACrE,UAAM,EAAE,QAAAR,EAAO,IAAIC,EAAW,MAAMC,GAAS,GACvC,EAAE,SAAAC,GAAS,UAAAC,EAAS,IAAIJ,EAAO;AAErC,IAAAK;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAAAJ;AAAA,UACA,MAAM;AAAA,UACN,cAAc;AAAA,UACd,YAAW;AAAA,UACX,UAAAC;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ,GAEA;AAAA,MACE,MAAMI,EAAO,mBAAmB,qBAAqB;AAAA,MACrD,kBAAkB;AAAA,EAAA,CACrB;AACH,CAAC;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),g=require("@mui/icons-material/Clear"),t=require("@mui/material"),F=require("react-hook-form"),C=m=>{const{control:x,type:l,textareaOption:r,name:v,autoComplete:h,placeholder:p,defaultValue:u,emptyValue:i,inputProps:e}=m,s=i===void 0&&u!==void 0?null:i;return n.jsx(F.Controller,{control:x,name:v,defaultValue:u,render:({field:o,fieldState:d})=>{var c;return n.jsxs(t.FormControl,{error:d.invalid,children:[n.jsx(t.TextField,{...o,type:l==="textarea"?void 0:l,multiline:l==="textarea",autoComplete:h,placeholder:p,value:o.value??"",onChange:a=>{o.onChange(a),a.target.value?o.onChange(a):o.onChange(s)},InputProps:{...e,rows:r?r.rows:void 0,minRows:r?r.minRows:void 0,maxRows:r?r.minRows:void 0,endAdornment:o.value&&!(e!=null&&e.readOnly)&&!(e!=null&&e.disabled)?n.jsx(t.InputAdornment,{position:"end",children:n.jsx(t.IconButton,{onClick:()=>o.onChange(s),edge:"end",children:n.jsx(g,{})})}):void 0},sx:{"& .MuiInput-underline:before":{borderColor:"#CCCCCC"},"& .MuiInputBase-root":{backgroundColor:"#FFFFFF"},"input:-webkit-autofill":{WebkitBoxShadow:"0 0 0 1000px white inset"}},fullWidth:!0}),n.jsx(t.FormHelperText,{children:(c=d.error)==null?void 0:c.message})]})}})};exports.InputController=C;exports.default=C;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),g=require("@mui/icons-material"),t=require("@mui/material"),F=require("react-hook-form"),C=m=>{const{control:x,type:l,textareaOption:r,name:v,autoComplete:h,placeholder:p,defaultValue:i,emptyValue:u,inputProps:e}=m,s=u===void 0&&i!==void 0?null:u;return n.jsx(F.Controller,{control:x,name:v,defaultValue:i,render:({field:o,fieldState:d})=>{var c;return n.jsxs(t.FormControl,{error:d.invalid,children:[n.jsx(t.TextField,{...o,type:l==="textarea"?void 0:l,multiline:l==="textarea",autoComplete:h,placeholder:p,value:o.value??"",onChange:a=>{o.onChange(a),a.target.value?o.onChange(a):o.onChange(s)},InputProps:{...e,rows:r?r.rows:void 0,minRows:r?r.minRows:void 0,maxRows:r?r.minRows:void 0,endAdornment:o.value&&!(e!=null&&e.readOnly)&&!(e!=null&&e.disabled)?n.jsx(t.InputAdornment,{position:"end",children:n.jsx(t.IconButton,{onClick:()=>o.onChange(s),edge:"end",children:n.jsx(g.Clear,{})})}):void 0},sx:{"& .MuiInput-underline:before":{borderColor:"#CCCCCC"},"& .MuiInputBase-root":{backgroundColor:"#FFFFFF"},"input:-webkit-autofill":{WebkitBoxShadow:"0 0 0 1000px white inset"}},fullWidth:!0}),n.jsx(t.FormHelperText,{children:(c=d.error)==null?void 0:c.message})]})}})};exports.InputController=C;exports.default=C;
 //# sourceMappingURL=index.cjs.js.map