npm - @jigowatts/jigowatts-ui - Versions diffs - 1.1.7 → 1.1.9 - Mend

@jigowatts/jigowatts-ui 1.1.7 → 1.1.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (452) hide show

package/dist/components/RadioGroupController/index.test.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.test.es.js","sources":["../../../src/components/RadioGroupController/index.test.tsx"],"sourcesContent":["import { render, renderHook, screen } from \"@testing-library/react\";\nimport { useForm } from \"react-hook-form\";\n\nimport { RadioGroupController } from \".\";\n\ndescribe(\"RadioGroupController component\", () => {\n it(\"renders radio buttons with options and correct default value\", () => {\n const { result } = renderHook(() => useForm());\n const { control } = result.current;\n\n const testName = \"TestRadio\";\n const options = [\n { label: \"Option 1\", value: \"option1\" },\n { label: \"Option 2\", value: \"option2\" },\n { label: \"Option 3\", value: \"option3\" },\n ];\n const defaultValue = \"option2\"; // Example of default value\n\n render(\n <RadioGroupController\n control={control}\n name={testName}\n options={options}\n defaultValue={defaultValue}\n />,\n );\n\n // Check if the radio group renders with correct default value\n const option = options.find((opt) => opt.value === defaultValue);\n if (option) {\n // Check if the default value's label is displayed\n const displayedValue = screen.getByText(option.label);\n expect(displayedValue).toBeInTheDocument();\n }\n });\n\n it(\"renders without default value\", () => {\n const { result } = renderHook(() => useForm());\n const { control } = result.current;\n\n const testName = \"TestRadio\";\n const options = [\n { label: \"Option 1\", value: \"option1\" },\n { label: \"Option 2\", value: \"option2\" },\n { label: \"Option 3\", value: \"option3\" },\n ];\n\n render(\n <RadioGroupController\n control={control}\n name={testName}\n options={options}\n />,\n );\n\n // Check if the radio group renders without any selected value\n options.forEach((option) => {\n const radioOption = screen.getByLabelText(option.label);\n expect(radioOption).not.toBeChecked();\n });\n });\n});\n"],"names":["result","renderHook","useForm","control","testName","options","defaultValue","render","jsx","RadioGroupController","option","opt","displayedValue","screen","radioOption"],"mappings":";;;;AAKA,SAAS,kCAAkC,MAAM;AAC/C,KAAG,gEAAgE,MAAM;AACvE,UAAM,EAAE,QAAAA,EAAO,IAAIC,EAAW,MAAMC,GAAS,GACvC,EAAE,SAAAC,MAAYH,EAAO,SAErBI,IAAW,aACXC,IAAU;AAAA,MACd,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,MACtC,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,MACtC,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,IACxC,GACMC,IAAe;AAErB,IAAAC;AAAA,~~MACEC~~,~~gBAAAA,EAAA~~;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAAAN;AAAA,UACA,MAAMC;AAAA,UACN,SAAAC;AAAA,UACA,cAAAC;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ;AAGA,UAAMI,IAASL,EAAQ,KAAK,CAACM,MAAQA,EAAI,UAAUL,CAAY;AAC/D,QAAII,GAAQ;AAEV,YAAME,IAAiBC,EAAO,UAAUH,EAAO,KAAK;AAC7C,aAAAE,CAAc,EAAE,kBAAkB;AAAA,IAAA;AAAA,EAC3C,CACD,GAED,GAAG,iCAAiC,MAAM;AACxC,UAAM,EAAE,QAAAZ,EAAO,IAAIC,EAAW,MAAMC,GAAS,GACvC,EAAE,SAAAC,MAAYH,EAAO,SAErBI,IAAW,aACXC,IAAU;AAAA,MACd,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,MACtC,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,MACtC,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,IACxC;AAEA,IAAAE;AAAA,~~MACEC~~,~~gBAAAA,EAAA~~;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAAAN;AAAA,UACA,MAAMC;AAAA,UACN,SAAAC;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ,GAGQA,EAAA,QAAQ,CAACK,MAAW;AAC1B,YAAMI,IAAcD,EAAO,eAAeH,EAAO,KAAK;AAC/C,aAAAI,CAAW,EAAE,IAAI,YAAY;AAAA,IAAA,CACrC;AAAA,EAAA,CACF;AACH,CAAC;"}
1	+ {"version":3,"file":"index.test.es.js","sources":["../../../src/components/RadioGroupController/index.test.tsx"],"sourcesContent":["import { render, renderHook, screen } from \"@testing-library/react\";\nimport { useForm } from \"react-hook-form\";\n\nimport { RadioGroupController } from \".\";\n\ndescribe(\"RadioGroupController component\", () => {\n it(\"renders radio buttons with options and correct default value\", () => {\n const { result } = renderHook(() => useForm());\n const { control } = result.current;\n\n const testName = \"TestRadio\";\n const options = [\n { label: \"Option 1\", value: \"option1\" },\n { label: \"Option 2\", value: \"option2\" },\n { label: \"Option 3\", value: \"option3\" },\n ];\n const defaultValue = \"option2\"; // Example of default value\n\n render(\n <RadioGroupController\n control={control}\n name={testName}\n options={options}\n defaultValue={defaultValue}\n />,\n );\n\n // Check if the radio group renders with correct default value\n const option = options.find((opt) => opt.value === defaultValue);\n if (option) {\n // Check if the default value's label is displayed\n const displayedValue = screen.getByText(option.label);\n expect(displayedValue).toBeInTheDocument();\n }\n });\n\n it(\"renders without default value\", () => {\n const { result } = renderHook(() => useForm());\n const { control } = result.current;\n\n const testName = \"TestRadio\";\n const options = [\n { label: \"Option 1\", value: \"option1\" },\n { label: \"Option 2\", value: \"option2\" },\n { label: \"Option 3\", value: \"option3\" },\n ];\n\n render(\n <RadioGroupController\n control={control}\n name={testName}\n options={options}\n />,\n );\n\n // Check if the radio group renders without any selected value\n options.forEach((option) => {\n const radioOption = screen.getByLabelText(option.label);\n expect(radioOption).not.toBeChecked();\n });\n });\n});\n"],"names":["result","renderHook","useForm","control","testName","options","defaultValue","render","jsx","RadioGroupController","option","opt","displayedValue","screen","radioOption"],"mappings":";;;;AAKA,SAAS,kCAAkC,MAAM;AAC/C,KAAG,gEAAgE,MAAM;AACvE,UAAM,EAAE,QAAAA,EAAO,IAAIC,EAAW,MAAMC,GAAS,GACvC,EAAE,SAAAC,MAAYH,EAAO,SAErBI,IAAW,aACXC,IAAU;AAAA,MACd,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,MACtC,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,MACtC,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,IACxC,GACMC,IAAe;AAErB,IAAAC;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAAAN;AAAA,UACA,MAAMC;AAAA,UACN,SAAAC;AAAA,UACA,cAAAC;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ;AAGA,UAAMI,IAASL,EAAQ,KAAK,CAACM,MAAQA,EAAI,UAAUL,CAAY;AAC/D,QAAII,GAAQ;AAEV,YAAME,IAAiBC,EAAO,UAAUH,EAAO,KAAK;AAC7C,aAAAE,CAAc,EAAE,kBAAkB;AAAA,IAAA;AAAA,EAC3C,CACD,GAED,GAAG,iCAAiC,MAAM;AACxC,UAAM,EAAE,QAAAZ,EAAO,IAAIC,EAAW,MAAMC,GAAS,GACvC,EAAE,SAAAC,MAAYH,EAAO,SAErBI,IAAW,aACXC,IAAU;AAAA,MACd,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,MACtC,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,MACtC,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,IACxC;AAEA,IAAAE;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAAAN;AAAA,UACA,MAAMC;AAAA,UACN,SAAAC;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ,GAGQA,EAAA,QAAQ,CAACK,MAAW;AAC1B,YAAMI,IAAcD,EAAO,eAAeH,EAAO,KAAK;AAC/C,aAAAI,CAAW,EAAE,IAAI,YAAY;AAAA,IAAA,CACrC;AAAA,EAAA,CACF;AACH,CAAC;"}

package/dist/components/RangeDatePicker/index.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index8.css');const e=require("../../jsx-runtime-Dajn0hD2.cjs"),a=require("@mui/x-date-pickers"),s=require("../../index-COE1iIM7.cjs"),u="_rangeContainer_17n2w_1",c={rangeContainer:u},o=i=>{const{fromDateInfo:n,toDateInfo:r}=i;return e.jsxRuntimeExports.jsx(a.LocalizationProvider,{dateAdapter:s.AdapterDateFns,adapterLocale:s.locale,children:e.jsxRuntimeExports.jsxs("div",{className:c.rangeContainer,children:[e.jsxRuntimeExports.jsx(a.DatePicker,{maxDate:new Date,value:n.valueState,onChange:t=>n.setValue(t)}),"~",e.jsxRuntimeExports.jsx(a.DatePicker,{maxDate:new Date,value:r.valueState,onChange:t=>r.setValue(t)})]})})};exports.RangeDatePicker=o;exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index10.css');const e=require("react/jsx-runtime"),t=require("@mui/x-date-pickers"),i=require("@mui/x-date-pickers/AdapterDateFns"),c=require("date-fns/locale/ja"),u="_rangeContainer_17n2w_1",l={rangeContainer:u},o=s=>{const{fromDateInfo:n,toDateInfo:r}=s;return e.jsx(t.LocalizationProvider,{dateAdapter:i.AdapterDateFns,adapterLocale:c,children:e.jsxs("div",{className:l.rangeContainer,children:[e.jsx(t.DatePicker,{maxDate:new Date,value:n.valueState,onChange:a=>n.setValue(a)}),"~",e.jsx(t.DatePicker,{maxDate:new Date,value:r.valueState,onChange:a=>r.setValue(a)})]})})};exports.RangeDatePicker=o;exports.default=o;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/RangeDatePicker/index.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs.js","sources":["../../../src/components/RangeDatePicker/index.tsx"],"sourcesContent":["import { type Dispatch, type SetStateAction } from \"react\";\nimport { DatePicker, LocalizationProvider } from \"@mui/x-date-pickers\";\nimport { AdapterDateFns } from \"@mui/x-date-pickers/AdapterDateFns\";\nimport ja from \"date-fns/locale/ja\";\n\nimport styles from \"./index.module.scss\";\n\nexport type RangeDatePickerInfo = {\n id: string;\n name: string;\n valueState: Date \| null;\n setValue: Dispatch<SetStateAction<Date \| null>>;\n};\ntype Props = {\n fromDateInfo: RangeDatePickerInfo;\n toDateInfo: RangeDatePickerInfo;\n};\n\nexport const RangeDatePicker = (props: Props) => {\n const { fromDateInfo, toDateInfo } = props;\n\n return (\n <LocalizationProvider dateAdapter={AdapterDateFns} adapterLocale={ja}>\n <div className={styles.rangeContainer}>\n <DatePicker\n maxDate={new Date()}\n value={fromDateInfo.valueState}\n onChange={(newValue) => fromDateInfo.setValue(newValue)}\n />\n ~\n <DatePicker\n maxDate={new Date()}\n value={toDateInfo.valueState}\n onChange={(newValue) => toDateInfo.setValue(newValue)}\n />\n </div>\n </LocalizationProvider>\n );\n};\n\nexport default RangeDatePicker;\n"],"names":["RangeDatePicker","props","fromDateInfo","toDateInfo","jsx","LocalizationProvider","AdapterDateFns","ja","jsxs","styles","DatePicker","newValue"],"mappings":"~~sRAkBaA~~,EAAmBC,GAAiB,CACzC,KAAA,CAAE,aAAAC,EAAc,WAAAC,CAAA,EAAeF,EAGnC,OAAAG,EAAAA,~~kBAAAA,~~IAACC,EAAAA,qBAAqB,CAAA,YAAaC,EAAgB,eAAA,cAAeC,~~SAChE~~,SAACC,EAAA,~~kBAAA,~~KAAA,MAAA,CAAI,UAAWC,EAAO,eACrB,SAAA,CAAAL,EAAA,~~kBAAA,~~IAACM,EAAA,WAAA,CACC,YAAa,KACb,MAAOR,EAAa,WACpB,SAAWS,GAAaT,EAAa,SAASS,CAAQ,CAAA,CACxD,EAAE,IAEFP,EAAA,~~kBAAA,~~IAACM,EAAA,WAAA,CACC,YAAa,KACb,MAAOP,EAAW,WAClB,SAAWQ,GAAaR,EAAW,SAASQ,CAAQ,CAAA,CAAA,CACtD,CAAA,CACF,CACF,CAAA,CAEJ"}
1	+ {"version":3,"file":"index.cjs.js","sources":["../../../src/components/RangeDatePicker/index.tsx"],"sourcesContent":["import { type Dispatch, type SetStateAction } from \"react\";\nimport { DatePicker, LocalizationProvider } from \"@mui/x-date-pickers\";\nimport { AdapterDateFns } from \"@mui/x-date-pickers/AdapterDateFns\";\nimport ja from \"date-fns/locale/ja\";\n\nimport styles from \"./index.module.scss\";\n\nexport type RangeDatePickerInfo = {\n id: string;\n name: string;\n valueState: Date \| null;\n setValue: Dispatch<SetStateAction<Date \| null>>;\n};\ntype Props = {\n fromDateInfo: RangeDatePickerInfo;\n toDateInfo: RangeDatePickerInfo;\n};\n\nexport const RangeDatePicker = (props: Props) => {\n const { fromDateInfo, toDateInfo } = props;\n\n return (\n <LocalizationProvider dateAdapter={AdapterDateFns} adapterLocale={ja}>\n <div className={styles.rangeContainer}>\n <DatePicker\n maxDate={new Date()}\n value={fromDateInfo.valueState}\n onChange={(newValue) => fromDateInfo.setValue(newValue)}\n />\n ~\n <DatePicker\n maxDate={new Date()}\n value={toDateInfo.valueState}\n onChange={(newValue) => toDateInfo.setValue(newValue)}\n />\n </div>\n </LocalizationProvider>\n );\n};\n\nexport default RangeDatePicker;\n"],"names":["RangeDatePicker","props","fromDateInfo","toDateInfo","jsx","LocalizationProvider","AdapterDateFns","ja","jsxs","styles","DatePicker","newValue"],"mappings":"mTAkBaA,EAAmBC,GAAiB,CACzC,KAAA,CAAE,aAAAC,EAAc,WAAAC,CAAA,EAAeF,EAGnC,OAAAG,EAAAA,IAACC,EAAAA,qBAAqB,CAAA,YAAaC,EAAgB,eAAA,cAAeC,EAChE,SAACC,EAAA,KAAA,MAAA,CAAI,UAAWC,EAAO,eACrB,SAAA,CAAAL,EAAA,IAACM,EAAA,WAAA,CACC,YAAa,KACb,MAAOR,EAAa,WACpB,SAAWS,GAAaT,EAAa,SAASS,CAAQ,CAAA,CACxD,EAAE,IAEFP,EAAA,IAACM,EAAA,WAAA,CACC,YAAa,KACb,MAAOP,EAAW,WAClB,SAAWQ,GAAaR,EAAW,SAASQ,CAAQ,CAAA,CAAA,CACtD,CAAA,CACF,CACF,CAAA,CAEJ"}

package/dist/components/RangeDatePicker/index.es.js CHANGED Viewed

@@ -1,32 +1,33 @@
-import { j as e } from "../../jsx-runtime-CbmOdJhC.js";
+import { jsx as a, jsxs as i } from "react/jsx-runtime";
 import { LocalizationProvider as s, DatePicker as r } from "@mui/x-date-pickers";
-import { l as i, A as l } from "../../index-F101coZ0.js";
-import '../../assets/index8.css';const c = "_rangeContainer_17n2w_1", m = {
+import { AdapterDateFns as l } from "@mui/x-date-pickers/AdapterDateFns";
+import m from "date-fns/locale/ja";
+import '../../assets/index10.css';const c = "_rangeContainer_17n2w_1", d = {
   rangeContainer: c
-}, D = (o) => {
+}, g = (o) => {
   const { fromDateInfo: t, toDateInfo: n } = o;
-  return /* @__PURE__ */ e.jsx(s, { dateAdapter: l, adapterLocale: i, children: /* @__PURE__ */ e.jsxs("div", { className: m.rangeContainer, children: [
-    /* @__PURE__ */ e.jsx(
+  return /* @__PURE__ */ a(s, { dateAdapter: l, adapterLocale: m, children: /* @__PURE__ */ i("div", { className: d.rangeContainer, children: [
+    /* @__PURE__ */ a(
       r,
       {
         maxDate: /* @__PURE__ */ new Date(),
         value: t.valueState,
-        onChange: (a) => t.setValue(a)
+        onChange: (e) => t.setValue(e)
       }
     ),
     "~",
-    /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ a(
       r,
       {
         maxDate: /* @__PURE__ */ new Date(),
         value: n.valueState,
-        onChange: (a) => n.setValue(a)
+        onChange: (e) => n.setValue(e)
       }
     )
   ] }) });
 };
 export {
-  D as RangeDatePicker,
-  D as default
+  g as RangeDatePicker,
+  g as default
 };
 //# sourceMappingURL=index.es.js.map

package/dist/components/RangeDatePicker/index.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.es.js","sources":["../../../src/components/RangeDatePicker/index.tsx"],"sourcesContent":["import { type Dispatch, type SetStateAction } from \"react\";\nimport { DatePicker, LocalizationProvider } from \"@mui/x-date-pickers\";\nimport { AdapterDateFns } from \"@mui/x-date-pickers/AdapterDateFns\";\nimport ja from \"date-fns/locale/ja\";\n\nimport styles from \"./index.module.scss\";\n\nexport type RangeDatePickerInfo = {\n id: string;\n name: string;\n valueState: Date \| null;\n setValue: Dispatch<SetStateAction<Date \| null>>;\n};\ntype Props = {\n fromDateInfo: RangeDatePickerInfo;\n toDateInfo: RangeDatePickerInfo;\n};\n\nexport const RangeDatePicker = (props: Props) => {\n const { fromDateInfo, toDateInfo } = props;\n\n return (\n <LocalizationProvider dateAdapter={AdapterDateFns} adapterLocale={ja}>\n <div className={styles.rangeContainer}>\n <DatePicker\n maxDate={new Date()}\n value={fromDateInfo.valueState}\n onChange={(newValue) => fromDateInfo.setValue(newValue)}\n />\n ~\n <DatePicker\n maxDate={new Date()}\n value={toDateInfo.valueState}\n onChange={(newValue) => toDateInfo.setValue(newValue)}\n />\n </div>\n </LocalizationProvider>\n );\n};\n\nexport default RangeDatePicker;\n"],"names":["RangeDatePicker","props","fromDateInfo","toDateInfo","jsx","LocalizationProvider","AdapterDateFns","ja","jsxs","styles","DatePicker","newValue"],"mappings":"~~;;;;;~~GAkBaA,IAAkB,CAACC,MAAiB;AACzC,QAAA,EAAE,cAAAC,GAAc,YAAAC,EAAA,IAAeF;AAGnC,~~SAAAG~~,~~gBAAAA~~,~~EAAAA~~,~~IAACC,~~GAAqB,EAAA,aAAaC,GAAgB,eAAeC,GAChE,~~UAACC~~,~~gBAAAA~~,EAAA,~~KAAA,~~OAAA,EAAI,WAAWC,EAAO,gBACrB,UAAA;AAAA,~~IAAAL~~,~~gBAAAA,EAAA~~;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,6BAAa,KAAK;AAAA,QAClB,OAAOR,EAAa;AAAA,QACpB,UAAU,CAACS,MAAaT,EAAa,SAASS,CAAQ;AAAA,MAAA;AAAA,IACxD;AAAA,IAAE;AAAA,~~IAEFP~~,~~gBAAAA,EAAA~~;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,6BAAa,KAAK;AAAA,QAClB,OAAOP,EAAW;AAAA,QAClB,UAAU,CAACQ,MAAaR,EAAW,SAASQ,CAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EACtD,EAAA,CACF,EACF,CAAA;AAEJ;"}
1	+ {"version":3,"file":"index.es.js","sources":["../../../src/components/RangeDatePicker/index.tsx"],"sourcesContent":["import { type Dispatch, type SetStateAction } from \"react\";\nimport { DatePicker, LocalizationProvider } from \"@mui/x-date-pickers\";\nimport { AdapterDateFns } from \"@mui/x-date-pickers/AdapterDateFns\";\nimport ja from \"date-fns/locale/ja\";\n\nimport styles from \"./index.module.scss\";\n\nexport type RangeDatePickerInfo = {\n id: string;\n name: string;\n valueState: Date \| null;\n setValue: Dispatch<SetStateAction<Date \| null>>;\n};\ntype Props = {\n fromDateInfo: RangeDatePickerInfo;\n toDateInfo: RangeDatePickerInfo;\n};\n\nexport const RangeDatePicker = (props: Props) => {\n const { fromDateInfo, toDateInfo } = props;\n\n return (\n <LocalizationProvider dateAdapter={AdapterDateFns} adapterLocale={ja}>\n <div className={styles.rangeContainer}>\n <DatePicker\n maxDate={new Date()}\n value={fromDateInfo.valueState}\n onChange={(newValue) => fromDateInfo.setValue(newValue)}\n />\n ~\n <DatePicker\n maxDate={new Date()}\n value={toDateInfo.valueState}\n onChange={(newValue) => toDateInfo.setValue(newValue)}\n />\n </div>\n </LocalizationProvider>\n );\n};\n\nexport default RangeDatePicker;\n"],"names":["RangeDatePicker","props","fromDateInfo","toDateInfo","jsx","LocalizationProvider","AdapterDateFns","ja","jsxs","styles","DatePicker","newValue"],"mappings":";;;;;;GAkBaA,IAAkB,CAACC,MAAiB;AACzC,QAAA,EAAE,cAAAC,GAAc,YAAAC,EAAA,IAAeF;AAGnC,SAAA,gBAAAG,EAACC,GAAqB,EAAA,aAAaC,GAAgB,eAAeC,GAChE,UAAC,gBAAAC,EAAA,OAAA,EAAI,WAAWC,EAAO,gBACrB,UAAA;AAAA,IAAA,gBAAAL;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,6BAAa,KAAK;AAAA,QAClB,OAAOR,EAAa;AAAA,QACpB,UAAU,CAACS,MAAaT,EAAa,SAASS,CAAQ;AAAA,MAAA;AAAA,IACxD;AAAA,IAAE;AAAA,IAEF,gBAAAP;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,6BAAa,KAAK;AAAA,QAClB,OAAOP,EAAW;AAAA,QAClB,UAAU,CAACQ,MAAaR,EAAW,SAASQ,CAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EACtD,EAAA,CACF,EACF,CAAA;AAEJ;"}

package/dist/components/RangeDatePickerController/index.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index8.css');const s=require("../../jsx-runtime-Dajn0hD2.cjs"),u=require("@mui/x-date-pickers"),p=require("date-fns"),f=require("../../index-COE1iIM7.cjs"),h=require("react-hook-form"),P=require("../../constants/datetime.cjs.js"),y=require("../../LocalizationProvider-CVNn6-0m.cjs"),C="_rangeContainer_17n2w_1",R={rangeContainer:C},g=j=>{const{control:l,fromDateInfo:a,toDateInfo:i,dateFormat:r,setValue:c}=j,d=(e,t)=>{const n=e?e instanceof Date?e:typeof e=="string"?p.parse(e,r,new Date):null:null;return typeof e=="string"&&c(t.name,n),n},m=(e,t)=>{c(t.name,e??t.defaultValue,{shouldDirty:!0})},x=(()=>{const 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 s.jsxRuntimeExports.jsx(y.LocalizationProvider,{dateAdapter:f.AdapterDateFns,adapterLocale:f.locale,localeText:u.jaJP.components.MuiLocalizationProvider.defaultProps.localeText,children:s.jsxRuntimeExports.jsxs("div",{className:R.rangeContainer,children:[s.jsxRuntimeExports.jsx(h.Controller,{control:l,name:a.name,defaultValue:a.defaultValue,render:({field:e,fieldState:t})=>{var n;return s.jsxRuntimeExports.jsx(u.DateTimePicker,{...e,format:r,views:x,sx:{".MuiButtonBase-root":{padding:.5}},value:d(e.value,a),onChange:o=>{m(o,a)},slotProps:{textField:{error:!!t.error,helperText:(n=t.error)==null?void 0:n.message},actionBar:{actions:["clear"]}}})}}),"~",s.jsxRuntimeExports.jsx(h.Controller,{control:l,name:i.name,defaultValue:i.defaultValue,render:({field:e,fieldState:t})=>{var n;return s.jsxRuntimeExports.jsx(u.DateTimePicker,{...e,format:r,views:x,sx:{".MuiButtonBase-root":{padding:.5}},value:d(e.value,i),onChange:o=>{r===P.DATETIME_FORMAT&&o!==null&&!e.value&&(o=p.set(o,{hours:23,minutes:59,seconds:59})),m(o,i)},slotProps:{textField:{error:!!t.error,helperText:(n=t.error)==null?void 0:n.message},actionBar:{actions:["clear"]}}})}})]})})};exports.RangeDatePickerController=g;exports.default=g;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index10.css');const a=require("react/jsx-runtime"),u=require("@mui/x-date-pickers"),P=require("@mui/x-date-pickers/AdapterDateFns"),y=require("@mui/x-date-pickers/LocalizationProvider"),f=require("date-fns"),j=require("date-fns/locale/ja"),h=require("react-hook-form"),C=require("../../constants/datetime.cjs.js"),D="_rangeContainer_17n2w_1",T={rangeContainer:D},g=x=>{const{control:l,fromDateInfo:s,toDateInfo:i,dateFormat:r,setValue:c}=x,d=(e,t)=>{const n=e?e instanceof Date?e:typeof e=="string"?f.parse(e,r,new Date):null:null;return typeof e=="string"&&c(t.name,n),n},m=(e,t)=>{c(t.name,e??t.defaultValue,{shouldDirty:!0})},p=(()=>{const 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 a.jsx(y.LocalizationProvider,{dateAdapter:P.AdapterDateFns,adapterLocale:j,localeText:u.jaJP.components.MuiLocalizationProvider.defaultProps.localeText,children:a.jsxs("div",{className:T.rangeContainer,children:[a.jsx(h.Controller,{control:l,name:s.name,defaultValue:s.defaultValue,render:({field:e,fieldState:t})=>{var n;return a.jsx(u.DateTimePicker,{...e,format:r,views:p,sx:{".MuiButtonBase-root":{padding:.5}},value:d(e.value,s),onChange:o=>{m(o,s)},slotProps:{textField:{error:!!t.error,helperText:(n=t.error)==null?void 0:n.message},actionBar:{actions:["clear"]}}})}}),"~",a.jsx(h.Controller,{control:l,name:i.name,defaultValue:i.defaultValue,render:({field:e,fieldState:t})=>{var n;return a.jsx(u.DateTimePicker,{...e,format:r,views:p,sx:{".MuiButtonBase-root":{padding:.5}},value:d(e.value,i),onChange:o=>{r===C.DATETIME_FORMAT&&o!==null&&!e.value&&(o=f.set(o,{hours:23,minutes:59,seconds:59})),m(o,i)},slotProps:{textField:{error:!!t.error,helperText:(n=t.error)==null?void 0:n.message},actionBar:{actions:["clear"]}}})}})]})})};exports.RangeDatePickerController=g;exports.default=g;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/RangeDatePickerController/index.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs.js","sources":["../../../src/components/RangeDatePickerController/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, set } from \"date-fns\";\nimport ja from \"date-fns/locale/ja\";\nimport {\n Controller,\n type Control,\n type FieldValues,\n type UseFormSetValue,\n} from \"react-hook-form\";\n\nimport { DATETIME_FORMAT } from \"@/constants/datetime\";\nimport styles from \"./index.module.scss\";\n\nexport type RangeDatePickerControllerInfo = {\n name: string;\n defaultValue?: string \| undefined \| null;\n};\n\ntype Props = {\n control: Control;\n fromDateInfo: RangeDatePickerControllerInfo;\n toDateInfo: RangeDatePickerControllerInfo;\n dateFormat: string;\n setValue: UseFormSetValue<FieldValues>;\n};\n\n/*\n Date,DateTimeをを選択できるコンポーネント\n * dateFormatに合わせてpickerViewを生成します。\n * @param props\n * @returns\n /\nexport const RangeDatePickerController = (props: Props) => {\n const { control, fromDateInfo, toDateInfo, dateFormat, setValue } = props;\n\n /\n 受信した値を適切な日付またはnullに変換します。\n * @param value ユーザーによる値、呼び出し側からセットされた値\n * @param pickerInfo 紐づくpickerの情報\n * @returns\n */\n const convertValue = (\n value: string \| Date \| null,\n pickerInfo: RangeDatePickerControllerInfo,\n ): 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(pickerInfo.name, newValue);\n }\n return newValue;\n };\n\n const handleOnchange = (\n value: Date \| null,\n pickerInfo: RangeDatePickerControllerInfo,\n ) => {\n setValue(pickerInfo.name, value ?? pickerInfo.defaultValue, {\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={control}\n name={fromDateInfo.name}\n defaultValue={fromDateInfo.defaultValue}\n render={({ field, fieldState }) => (\n <DateTimePicker\n {...field}\n format={dateFormat}\n views={views}\n sx={{\n \".MuiButtonBase-root\": {\n padding: 0.5,\n },\n }}\n value={convertValue(field.value, fromDateInfo)}\n onChange={(newDate) => {\n handleOnchange(newDate, fromDateInfo);\n }}\n slotProps={{\n textField: {\n error: !!fieldState.error,\n helperText: fieldState.error?.message,\n },\n // NOTE: clearボタンが文字を隠していまうのでとりあえずcalendar内のもので代用\n // field: {\n // clearable: true,\n // },\n actionBar: { actions: [\"clear\"] },\n }}\n />\n )}\n />\n ~\n <Controller\n control={control}\n name={toDateInfo.name}\n defaultValue={toDateInfo.defaultValue}\n render={({ field, fieldState }) => (\n <DateTimePicker\n {...field}\n format={dateFormat}\n views={views}\n sx={{\n \".MuiButtonBase-root\": {\n padding: 0.5,\n },\n }}\n value={convertValue(field.value, toDateInfo)}\n onChange={(newDate) => {\n // NOTE: 値がない状態からh日付をを入力した場合に限りto入力部だけデフォルトで23:59:59が入るようにします。\n if (\n dateFormat === DATETIME_FORMAT &&\n newDate !== null &&\n !field.value\n ) {\n newDate = set(newDate, {\n hours: 23,\n minutes: 59,\n seconds: 59,\n });\n }\n handleOnchange(newDate, toDateInfo);\n }}\n slotProps={{\n textField: {\n error: !!fieldState.error,\n helperText: fieldState.error?.message,\n },\n // NOTE: clearボタンが文字を隠していまうのでとりあえずcalendar内のもので代用\n // field: {\n // clearable: true,\n // },\n actionBar: { actions: [\"clear\"] },\n }}\n />\n )}\n />\n </div>\n </LocalizationProvider>\n );\n};\n\nexport default RangeDatePickerController;\n"],"names":["RangeDatePickerController","props","control","fromDateInfo","toDateInfo","dateFormat","setValue","convertValue","value","pickerInfo","newValue","parse","handleOnchange","views","v","jsx","LocalizationProvider","AdapterDateFns","ja","jaJP","jsxs","styles","Controller","field","fieldState","DateTimePicker","newDate","_a","DATETIME_FORMAT","set"],"mappings":"~~2aAkCaA~~,EAA6BC,GAAiB,CACzD,KAAM,CAAE,QAAAC,EAAS,aAAAC,EAAc,WAAAC,EAAY,WAAAC,EAAY,SAAAC,GAAaL,EAQ9DM,EAAe,CACnBC,EACAC,IACgB,CAChB,MAAMC,EAAWF,EACbA,aAAiB,KACfA,EACA,OAAOA,GAAU,SACfG,EAAA,MAAMH,EAAOH,EAAY,IAAI,IAAM,EACnC,KACJ,KAEA,OAAA,OAAOG,GAAU,UACVF,EAAAG,EAAW,KAAMC,CAAQ,EAE7BA,CACT,EAEME,EAAiB,CACrBJ,EACAC,IACG,CACHH,EAASG,EAAW,KAAMD,GAASC,EAAW,aAAc,CAC1D,YAAa,EAAA,CACd,CACH,EAEMI,GAA2B,IAAM,CACrC,MAAMC,EAAsB,CAAC,EAEzB,OAAAT,EAAW,SAAS,MAAM,GAC5BS,EAAE,KAAK,MAAM,EAEXT,EAAW,SAAS,IAAI,GAC1BS,EAAE,KAAK,OAAO,EAEZT,EAAW,SAAS,IAAI,GAC1BS,EAAE,KAAK,KAAK,EAEVT,EAAW,SAAS,IAAI,GAC1BS,EAAE,KAAK,OAAO,EAEZT,EAAW,SAAS,IAAI,GAC1BS,EAAE,KAAK,SAAS,EAEdT,EAAW,SAAS,IAAI,GAC1BS,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,SAACC,EAAA,~~kBAAA,~~KAAA,MAAA,CAAI,UAAWC,EAAO,eACrB,SAAA,CAAAN,EAAA,~~kBAAA,~~IAACO,EAAA,WAAA,CACC,QAAApB,EACA,KAAMC,EAAa,KACnB,aAAcA,EAAa,aAC3B,OAAQ,CAAC,CAAE,MAAAoB,EAAO,WAAAC,CAChB,IAAA,OAAAT,OAAAA,EAAA,~~kBAAA,~~IAACU,EAAA,eAAA,CACE,GAAGF,EACJ,OAAQlB,EACR,MAAAQ,EACA,GAAI,CACF,sBAAuB,CACrB,QAAS,EAAA,CAEb,EACA,MAAON,EAAagB,EAAM,MAAOpB,CAAY,EAC7C,SAAWuB,GAAY,CACrBd,EAAec,EAASvB,CAAY,CACtC,EACA,UAAW,CACT,UAAW,CACT,MAAO,CAAC,CAACqB,EAAW,MACpB,YAAYG,EAAAH,EAAW,QAAX,YAAAG,EAAkB,OAChC,EAKA,UAAW,CAAE,QAAS,CAAC,OAAO,CAAE,CAAA,CAClC,CAAA,EACF,CAEJ,EAAE,IAEFZ,EAAA,~~kBAAA,~~IAACO,EAAA,WAAA,CACC,QAAApB,EACA,KAAME,EAAW,KACjB,aAAcA,EAAW,aACzB,OAAQ,CAAC,CAAE,MAAAmB,EAAO,WAAAC,CAChB,IAAA,OAAAT,OAAAA,EAAA,~~kBAAA,~~IAACU,EAAA,eAAA,CACE,GAAGF,EACJ,OAAQlB,EACR,MAAAQ,EACA,GAAI,CACF,sBAAuB,CACrB,QAAS,EAAA,CAEb,EACA,MAAON,EAAagB,EAAM,MAAOnB,CAAU,EAC3C,SAAWsB,GAAY,CAGnBrB,IAAeuB,EAAAA,iBACfF,IAAY,MACZ,CAACH,EAAM,QAEPG,EAAUG,MAAIH,EAAS,CACrB,MAAO,GACP,QAAS,GACT,QAAS,EAAA,CACV,GAEHd,EAAec,EAAStB,CAAU,CACpC,EACA,UAAW,CACT,UAAW,CACT,MAAO,CAAC,CAACoB,EAAW,MACpB,YAAYG,EAAAH,EAAW,QAAX,YAAAG,EAAkB,OAChC,EAKA,UAAW,CAAE,QAAS,CAAC,OAAO,CAAE,CAAA,CAClC,CAAA,EACF,CAAA,CAEJ,CACF,CAAA,CAAA,CACF,CAEJ"}
1	+ {"version":3,"file":"index.cjs.js","sources":["../../../src/components/RangeDatePickerController/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, set } from \"date-fns\";\nimport ja from \"date-fns/locale/ja\";\nimport {\n Controller,\n type Control,\n type FieldValues,\n type UseFormSetValue,\n} from \"react-hook-form\";\n\nimport { DATETIME_FORMAT } from \"@/constants/datetime\";\nimport styles from \"./index.module.scss\";\n\nexport type RangeDatePickerControllerInfo = {\n name: string;\n defaultValue?: string \| undefined \| null;\n};\n\ntype Props = {\n control: Control;\n fromDateInfo: RangeDatePickerControllerInfo;\n toDateInfo: RangeDatePickerControllerInfo;\n dateFormat: string;\n setValue: UseFormSetValue<FieldValues>;\n};\n\n/*\n Date,DateTimeをを選択できるコンポーネント\n * dateFormatに合わせてpickerViewを生成します。\n * @param props\n * @returns\n /\nexport const RangeDatePickerController = (props: Props) => {\n const { control, fromDateInfo, toDateInfo, dateFormat, setValue } = props;\n\n /\n 受信した値を適切な日付またはnullに変換します。\n * @param value ユーザーによる値、呼び出し側からセットされた値\n * @param pickerInfo 紐づくpickerの情報\n * @returns\n */\n const convertValue = (\n value: string \| Date \| null,\n pickerInfo: RangeDatePickerControllerInfo,\n ): 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(pickerInfo.name, newValue);\n }\n return newValue;\n };\n\n const handleOnchange = (\n value: Date \| null,\n pickerInfo: RangeDatePickerControllerInfo,\n ) => {\n setValue(pickerInfo.name, value ?? pickerInfo.defaultValue, {\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={control}\n name={fromDateInfo.name}\n defaultValue={fromDateInfo.defaultValue}\n render={({ field, fieldState }) => (\n <DateTimePicker\n {...field}\n format={dateFormat}\n views={views}\n sx={{\n \".MuiButtonBase-root\": {\n padding: 0.5,\n },\n }}\n value={convertValue(field.value, fromDateInfo)}\n onChange={(newDate) => {\n handleOnchange(newDate, fromDateInfo);\n }}\n slotProps={{\n textField: {\n error: !!fieldState.error,\n helperText: fieldState.error?.message,\n },\n // NOTE: clearボタンが文字を隠していまうのでとりあえずcalendar内のもので代用\n // field: {\n // clearable: true,\n // },\n actionBar: { actions: [\"clear\"] },\n }}\n />\n )}\n />\n ~\n <Controller\n control={control}\n name={toDateInfo.name}\n defaultValue={toDateInfo.defaultValue}\n render={({ field, fieldState }) => (\n <DateTimePicker\n {...field}\n format={dateFormat}\n views={views}\n sx={{\n \".MuiButtonBase-root\": {\n padding: 0.5,\n },\n }}\n value={convertValue(field.value, toDateInfo)}\n onChange={(newDate) => {\n // NOTE: 値がない状態からh日付をを入力した場合に限りto入力部だけデフォルトで23:59:59が入るようにします。\n if (\n dateFormat === DATETIME_FORMAT &&\n newDate !== null &&\n !field.value\n ) {\n newDate = set(newDate, {\n hours: 23,\n minutes: 59,\n seconds: 59,\n });\n }\n handleOnchange(newDate, toDateInfo);\n }}\n slotProps={{\n textField: {\n error: !!fieldState.error,\n helperText: fieldState.error?.message,\n },\n // NOTE: clearボタンが文字を隠していまうのでとりあえずcalendar内のもので代用\n // field: {\n // clearable: true,\n // },\n actionBar: { actions: [\"clear\"] },\n }}\n />\n )}\n />\n </div>\n </LocalizationProvider>\n );\n};\n\nexport default RangeDatePickerController;\n"],"names":["RangeDatePickerController","props","control","fromDateInfo","toDateInfo","dateFormat","setValue","convertValue","value","pickerInfo","newValue","parse","handleOnchange","views","v","jsx","LocalizationProvider","AdapterDateFns","ja","jaJP","jsxs","styles","Controller","field","fieldState","DateTimePicker","newDate","_a","DATETIME_FORMAT","set"],"mappings":"ycAkCaA,EAA6BC,GAAiB,CACzD,KAAM,CAAE,QAAAC,EAAS,aAAAC,EAAc,WAAAC,EAAY,WAAAC,EAAY,SAAAC,GAAaL,EAQ9DM,EAAe,CACnBC,EACAC,IACgB,CAChB,MAAMC,EAAWF,EACbA,aAAiB,KACfA,EACA,OAAOA,GAAU,SACfG,EAAA,MAAMH,EAAOH,EAAY,IAAI,IAAM,EACnC,KACJ,KAEA,OAAA,OAAOG,GAAU,UACVF,EAAAG,EAAW,KAAMC,CAAQ,EAE7BA,CACT,EAEME,EAAiB,CACrBJ,EACAC,IACG,CACHH,EAASG,EAAW,KAAMD,GAASC,EAAW,aAAc,CAC1D,YAAa,EAAA,CACd,CACH,EAEMI,GAA2B,IAAM,CACrC,MAAMC,EAAsB,CAAC,EAEzB,OAAAT,EAAW,SAAS,MAAM,GAC5BS,EAAE,KAAK,MAAM,EAEXT,EAAW,SAAS,IAAI,GAC1BS,EAAE,KAAK,OAAO,EAEZT,EAAW,SAAS,IAAI,GAC1BS,EAAE,KAAK,KAAK,EAEVT,EAAW,SAAS,IAAI,GAC1BS,EAAE,KAAK,OAAO,EAEZT,EAAW,SAAS,IAAI,GAC1BS,EAAE,KAAK,SAAS,EAEdT,EAAW,SAAS,IAAI,GAC1BS,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,SAACC,EAAA,KAAA,MAAA,CAAI,UAAWC,EAAO,eACrB,SAAA,CAAAN,EAAA,IAACO,EAAA,WAAA,CACC,QAAApB,EACA,KAAMC,EAAa,KACnB,aAAcA,EAAa,aAC3B,OAAQ,CAAC,CAAE,MAAAoB,EAAO,WAAAC,CAChB,IAAA,OAAAT,OAAAA,EAAA,IAACU,EAAA,eAAA,CACE,GAAGF,EACJ,OAAQlB,EACR,MAAAQ,EACA,GAAI,CACF,sBAAuB,CACrB,QAAS,EAAA,CAEb,EACA,MAAON,EAAagB,EAAM,MAAOpB,CAAY,EAC7C,SAAWuB,GAAY,CACrBd,EAAec,EAASvB,CAAY,CACtC,EACA,UAAW,CACT,UAAW,CACT,MAAO,CAAC,CAACqB,EAAW,MACpB,YAAYG,EAAAH,EAAW,QAAX,YAAAG,EAAkB,OAChC,EAKA,UAAW,CAAE,QAAS,CAAC,OAAO,CAAE,CAAA,CAClC,CAAA,EACF,CAEJ,EAAE,IAEFZ,EAAA,IAACO,EAAA,WAAA,CACC,QAAApB,EACA,KAAME,EAAW,KACjB,aAAcA,EAAW,aACzB,OAAQ,CAAC,CAAE,MAAAmB,EAAO,WAAAC,CAChB,IAAA,OAAAT,OAAAA,EAAA,IAACU,EAAA,eAAA,CACE,GAAGF,EACJ,OAAQlB,EACR,MAAAQ,EACA,GAAI,CACF,sBAAuB,CACrB,QAAS,EAAA,CAEb,EACA,MAAON,EAAagB,EAAM,MAAOnB,CAAU,EAC3C,SAAWsB,GAAY,CAGnBrB,IAAeuB,EAAAA,iBACfF,IAAY,MACZ,CAACH,EAAM,QAEPG,EAAUG,MAAIH,EAAS,CACrB,MAAO,GACP,QAAS,GACT,QAAS,EAAA,CACV,GAEHd,EAAec,EAAStB,CAAU,CACpC,EACA,UAAW,CACT,UAAW,CACT,MAAO,CAAC,CAACoB,EAAW,MACpB,YAAYG,EAAAH,EAAW,QAAX,YAAAG,EAAkB,OAChC,EAKA,UAAW,CAAE,QAAS,CAAC,OAAO,CAAE,CAAA,CAClC,CAAA,EACF,CAAA,CAEJ,CACF,CAAA,CAAA,CACF,CAEJ"}

package/dist/components/RangeDatePickerController/index.es.js CHANGED Viewed

@@ -1,15 +1,16 @@
-import { j as n } from "../../jsx-runtime-CbmOdJhC.js";
+import { jsx as a, jsxs as g } from "react/jsx-runtime";
 import { jaJP as x, DateTimePicker as p } from "@mui/x-date-pickers";
-import { set as g, parse as y } from "date-fns";
-import { l as j, A as C } from "../../index-F101coZ0.js";
+import { AdapterDateFns as y } from "@mui/x-date-pickers/AdapterDateFns";
+import { LocalizationProvider as C } from "@mui/x-date-pickers/LocalizationProvider";
+import { set as P, parse as T } from "date-fns";
+import V from "date-fns/locale/ja";
 import { Controller as f } from "react-hook-form";
-import { DATETIME_FORMAT as P } from "../../constants/datetime.es.js";
-import { L as T } from "../../LocalizationProvider-4-QUqEIG.js";
-import '../../assets/index8.css';const V = "_rangeContainer_17n2w_1", M = {
-  rangeContainer: V
-}, E = (h) => {
-  const { control: i, fromDateInfo: s, toDateInfo: l, dateFormat: r, setValue: u } = h, c = (e, o) => {
-    const t = e ? e instanceof Date ? e : typeof e == "string" ? y(e, r, /* @__PURE__ */ new Date()) : null : null;
+import { DATETIME_FORMAT as M } from "../../constants/datetime.es.js";
+import '../../assets/index10.css';const v = "_rangeContainer_17n2w_1", B = {
+  rangeContainer: v
+}, H = (h) => {
+  const { control: l, fromDateInfo: s, toDateInfo: i, dateFormat: r, setValue: u } = h, c = (e, o) => {
+    const t = e ? e instanceof Date ? e : typeof e == "string" ? T(e, r, /* @__PURE__ */ new Date()) : null : null;
     return typeof e == "string" && u(o.name, t), t;
   }, m = (e, o) => {
     u(o.name, e ?? o.defaultValue, {
@@ -19,22 +20,22 @@ import '../../assets/index8.css';const V = "_rangeContainer_17n2w_1", M = {
     const 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__ */ n.jsx(
-    T,
+  return /* @__PURE__ */ a(
+    C,
     {
-      dateAdapter: C,
-      adapterLocale: j,
+      dateAdapter: y,
+      adapterLocale: V,
       localeText: x.components.MuiLocalizationProvider.defaultProps.localeText,
-      children: /* @__PURE__ */ n.jsxs("div", { className: M.rangeContainer, children: [
-        /* @__PURE__ */ n.jsx(
+      children: /* @__PURE__ */ g("div", { className: B.rangeContainer, children: [
+        /* @__PURE__ */ a(
           f,
           {
-            control: i,
+            control: l,
             name: s.name,
             defaultValue: s.defaultValue,
             render: ({ field: e, fieldState: o }) => {
               var t;
-              return /* @__PURE__ */ n.jsx(
+              return /* @__PURE__ */ a(
                 p,
                 {
                   ...e,
@@ -46,8 +47,8 @@ import '../../assets/index8.css';const V = "_rangeContainer_17n2w_1", M = {
                     }
                   },
                   value: c(e.value, s),
-                  onChange: (a) => {
-                    m(a, s);
+                  onChange: (n) => {
+                    m(n, s);
                   },
                   slotProps: {
                     textField: {
@@ -66,15 +67,15 @@ import '../../assets/index8.css';const V = "_rangeContainer_17n2w_1", M = {
           }
         ),
         "~",
-        /* @__PURE__ */ n.jsx(
+        /* @__PURE__ */ a(
           f,
           {
-            control: i,
-            name: l.name,
-            defaultValue: l.defaultValue,
+            control: l,
+            name: i.name,
+            defaultValue: i.defaultValue,
             render: ({ field: e, fieldState: o }) => {
               var t;
-              return /* @__PURE__ */ n.jsx(
+              return /* @__PURE__ */ a(
                 p,
                 {
                   ...e,
@@ -85,13 +86,13 @@ import '../../assets/index8.css';const V = "_rangeContainer_17n2w_1", M = {
                       padding: 0.5
                     }
                   },
-                  value: c(e.value, l),
-                  onChange: (a) => {
-                    r === P && a !== null && !e.value && (a = g(a, {
+                  value: c(e.value, i),
+                  onChange: (n) => {
+                    r === M && n !== null && !e.value && (n = P(n, {
                       hours: 23,
                       minutes: 59,
                       seconds: 59
-                    })), m(a, l);
+                    })), m(n, i);
                   },
                   slotProps: {
                     textField: {
@@ -114,7 +115,7 @@ import '../../assets/index8.css';const V = "_rangeContainer_17n2w_1", M = {
   );
 };
 export {
-  E as RangeDatePickerController,
-  E as default
+  H as RangeDatePickerController,
+  H as default
 };
 //# sourceMappingURL=index.es.js.map

package/dist/components/RangeDatePickerController/index.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.es.js","sources":["../../../src/components/RangeDatePickerController/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, set } from \"date-fns\";\nimport ja from \"date-fns/locale/ja\";\nimport {\n Controller,\n type Control,\n type FieldValues,\n type UseFormSetValue,\n} from \"react-hook-form\";\n\nimport { DATETIME_FORMAT } from \"@/constants/datetime\";\nimport styles from \"./index.module.scss\";\n\nexport type RangeDatePickerControllerInfo = {\n name: string;\n defaultValue?: string \| undefined \| null;\n};\n\ntype Props = {\n control: Control;\n fromDateInfo: RangeDatePickerControllerInfo;\n toDateInfo: RangeDatePickerControllerInfo;\n dateFormat: string;\n setValue: UseFormSetValue<FieldValues>;\n};\n\n/*\n Date,DateTimeをを選択できるコンポーネント\n * dateFormatに合わせてpickerViewを生成します。\n * @param props\n * @returns\n /\nexport const RangeDatePickerController = (props: Props) => {\n const { control, fromDateInfo, toDateInfo, dateFormat, setValue } = props;\n\n /\n 受信した値を適切な日付またはnullに変換します。\n * @param value ユーザーによる値、呼び出し側からセットされた値\n * @param pickerInfo 紐づくpickerの情報\n * @returns\n */\n const convertValue = (\n value: string \| Date \| null,\n pickerInfo: RangeDatePickerControllerInfo,\n ): 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(pickerInfo.name, newValue);\n }\n return newValue;\n };\n\n const handleOnchange = (\n value: Date \| null,\n pickerInfo: RangeDatePickerControllerInfo,\n ) => {\n setValue(pickerInfo.name, value ?? pickerInfo.defaultValue, {\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={control}\n name={fromDateInfo.name}\n defaultValue={fromDateInfo.defaultValue}\n render={({ field, fieldState }) => (\n <DateTimePicker\n {...field}\n format={dateFormat}\n views={views}\n sx={{\n \".MuiButtonBase-root\": {\n padding: 0.5,\n },\n }}\n value={convertValue(field.value, fromDateInfo)}\n onChange={(newDate) => {\n handleOnchange(newDate, fromDateInfo);\n }}\n slotProps={{\n textField: {\n error: !!fieldState.error,\n helperText: fieldState.error?.message,\n },\n // NOTE: clearボタンが文字を隠していまうのでとりあえずcalendar内のもので代用\n // field: {\n // clearable: true,\n // },\n actionBar: { actions: [\"clear\"] },\n }}\n />\n )}\n />\n ~\n <Controller\n control={control}\n name={toDateInfo.name}\n defaultValue={toDateInfo.defaultValue}\n render={({ field, fieldState }) => (\n <DateTimePicker\n {...field}\n format={dateFormat}\n views={views}\n sx={{\n \".MuiButtonBase-root\": {\n padding: 0.5,\n },\n }}\n value={convertValue(field.value, toDateInfo)}\n onChange={(newDate) => {\n // NOTE: 値がない状態からh日付をを入力した場合に限りto入力部だけデフォルトで23:59:59が入るようにします。\n if (\n dateFormat === DATETIME_FORMAT &&\n newDate !== null &&\n !field.value\n ) {\n newDate = set(newDate, {\n hours: 23,\n minutes: 59,\n seconds: 59,\n });\n }\n handleOnchange(newDate, toDateInfo);\n }}\n slotProps={{\n textField: {\n error: !!fieldState.error,\n helperText: fieldState.error?.message,\n },\n // NOTE: clearボタンが文字を隠していまうのでとりあえずcalendar内のもので代用\n // field: {\n // clearable: true,\n // },\n actionBar: { actions: [\"clear\"] },\n }}\n />\n )}\n />\n </div>\n </LocalizationProvider>\n );\n};\n\nexport default RangeDatePickerController;\n"],"names":["RangeDatePickerController","props","control","fromDateInfo","toDateInfo","dateFormat","setValue","convertValue","value","pickerInfo","newValue","parse","handleOnchange","views","v","jsx","LocalizationProvider","AdapterDateFns","ja","jaJP","jsxs","styles","Controller","field","fieldState","DateTimePicker","newDate","_a","DATETIME_FORMAT","set"],"mappings":"~~;;;;;;;;;~~GAkCaA,IAA4B,CAACC,MAAiB;AACzD,QAAM,EAAE,SAAAC,GAAS,cAAAC,GAAc,YAAAC,GAAY,YAAAC,GAAY,UAAAC,MAAaL,GAQ9DM,IAAe,CACnBC,GACAC,MACgB;AAChB,UAAMC,IAAWF,IACbA,aAAiB,OACfA,IACA,OAAOA,KAAU,WACfG,EAAMH,GAAOH,GAAY,oBAAI,KAAM,CAAA,IACnC,OACJ;AAEA,WAAA,OAAOG,KAAU,YACVF,EAAAG,EAAW,MAAMC,CAAQ,GAE7BA;AAAA,EACT,GAEME,IAAiB,CACrBJ,GACAC,MACG;AACH,IAAAH,EAASG,EAAW,MAAMD,KAASC,EAAW,cAAc;AAAA,MAC1D,aAAa;AAAA,IAAA,CACd;AAAA,EACH,GAEMI,KAA2B,MAAM;AACrC,UAAMC,IAAsB,CAAC;AAEzB,WAAAT,EAAW,SAAS,MAAM,KAC5BS,EAAE,KAAK,MAAM,GAEXT,EAAW,SAAS,IAAI,KAC1BS,EAAE,KAAK,OAAO,GAEZT,EAAW,SAAS,IAAI,KAC1BS,EAAE,KAAK,KAAK,GAEVT,EAAW,SAAS,IAAI,KAC1BS,EAAE,KAAK,OAAO,GAEZT,EAAW,SAAS,IAAI,KAC1BS,EAAE,KAAK,SAAS,GAEdT,EAAW,SAAS,IAAI,KAC1BS,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,~~UAACC~~,~~gBAAAA~~,EAAA,~~KAAA,~~OAAA,EAAI,WAAWC,EAAO,gBACrB,UAAA;AAAA,~~QAAAN~~,~~gBAAAA,EAAA~~;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,SAAApB;AAAA,YACA,MAAMC,EAAa;AAAA,YACnB,cAAcA,EAAa;AAAA,YAC3B,QAAQ,CAAC,EAAE,OAAAoB,GAAO,YAAAC,EAChB,MAAA;;~~AAAAT~~,~~qCAAAA,EAAA~~;AAAA,gBAACU;AAAA,gBAAA;AAAA,kBACE,GAAGF;AAAA,kBACJ,QAAQlB;AAAA,kBACR,OAAAQ;AAAA,kBACA,IAAI;AAAA,oBACF,uBAAuB;AAAA,sBACrB,SAAS;AAAA,oBAAA;AAAA,kBAEb;AAAA,kBACA,OAAON,EAAagB,EAAM,OAAOpB,CAAY;AAAA,kBAC7C,UAAU,CAACuB,MAAY;AACrB,oBAAAd,EAAec,GAASvB,CAAY;AAAA,kBACtC;AAAA,kBACA,WAAW;AAAA,oBACT,WAAW;AAAA,sBACT,OAAO,CAAC,CAACqB,EAAW;AAAA,sBACpB,aAAYG,IAAAH,EAAW,UAAX,gBAAAG,EAAkB;AAAA,oBAChC;AAAA;AAAA;AAAA;AAAA;AAAA,oBAKA,WAAW,EAAE,SAAS,CAAC,OAAO,EAAE;AAAA,kBAAA;AAAA,gBAClC;AAAA,cAAA;AAAA;AAAA,UACF;AAAA,QAEJ;AAAA,QAAE;AAAA,~~QAEFZ~~,~~gBAAAA,EAAA~~;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,SAAApB;AAAA,YACA,MAAME,EAAW;AAAA,YACjB,cAAcA,EAAW;AAAA,YACzB,QAAQ,CAAC,EAAE,OAAAmB,GAAO,YAAAC,EAChB,MAAA;;~~AAAAT~~,~~qCAAAA,EAAA~~;AAAA,gBAACU;AAAA,gBAAA;AAAA,kBACE,GAAGF;AAAA,kBACJ,QAAQlB;AAAA,kBACR,OAAAQ;AAAA,kBACA,IAAI;AAAA,oBACF,uBAAuB;AAAA,sBACrB,SAAS;AAAA,oBAAA;AAAA,kBAEb;AAAA,kBACA,OAAON,EAAagB,EAAM,OAAOnB,CAAU;AAAA,kBAC3C,UAAU,CAACsB,MAAY;AAErB,oBACErB,MAAeuB,KACfF,MAAY,QACZ,CAACH,EAAM,UAEPG,IAAUG,EAAIH,GAAS;AAAA,sBACrB,OAAO;AAAA,sBACP,SAAS;AAAA,sBACT,SAAS;AAAA,oBAAA,CACV,IAEHd,EAAec,GAAStB,CAAU;AAAA,kBACpC;AAAA,kBACA,WAAW;AAAA,oBACT,WAAW;AAAA,sBACT,OAAO,CAAC,CAACoB,EAAW;AAAA,sBACpB,aAAYG,IAAAH,EAAW,UAAX,gBAAAG,EAAkB;AAAA,oBAChC;AAAA;AAAA;AAAA;AAAA;AAAA,oBAKA,WAAW,EAAE,SAAS,CAAC,OAAO,EAAE;AAAA,kBAAA;AAAA,gBAClC;AAAA,cAAA;AAAA;AAAA,UACF;AAAA,QAAA;AAAA,MAEJ,EACF,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}
1	+ {"version":3,"file":"index.es.js","sources":["../../../src/components/RangeDatePickerController/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, set } from \"date-fns\";\nimport ja from \"date-fns/locale/ja\";\nimport {\n Controller,\n type Control,\n type FieldValues,\n type UseFormSetValue,\n} from \"react-hook-form\";\n\nimport { DATETIME_FORMAT } from \"@/constants/datetime\";\nimport styles from \"./index.module.scss\";\n\nexport type RangeDatePickerControllerInfo = {\n name: string;\n defaultValue?: string \| undefined \| null;\n};\n\ntype Props = {\n control: Control;\n fromDateInfo: RangeDatePickerControllerInfo;\n toDateInfo: RangeDatePickerControllerInfo;\n dateFormat: string;\n setValue: UseFormSetValue<FieldValues>;\n};\n\n/*\n Date,DateTimeをを選択できるコンポーネント\n * dateFormatに合わせてpickerViewを生成します。\n * @param props\n * @returns\n /\nexport const RangeDatePickerController = (props: Props) => {\n const { control, fromDateInfo, toDateInfo, dateFormat, setValue } = props;\n\n /\n 受信した値を適切な日付またはnullに変換します。\n * @param value ユーザーによる値、呼び出し側からセットされた値\n * @param pickerInfo 紐づくpickerの情報\n * @returns\n */\n const convertValue = (\n value: string \| Date \| null,\n pickerInfo: RangeDatePickerControllerInfo,\n ): 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(pickerInfo.name, newValue);\n }\n return newValue;\n };\n\n const handleOnchange = (\n value: Date \| null,\n pickerInfo: RangeDatePickerControllerInfo,\n ) => {\n setValue(pickerInfo.name, value ?? pickerInfo.defaultValue, {\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={control}\n name={fromDateInfo.name}\n defaultValue={fromDateInfo.defaultValue}\n render={({ field, fieldState }) => (\n <DateTimePicker\n {...field}\n format={dateFormat}\n views={views}\n sx={{\n \".MuiButtonBase-root\": {\n padding: 0.5,\n },\n }}\n value={convertValue(field.value, fromDateInfo)}\n onChange={(newDate) => {\n handleOnchange(newDate, fromDateInfo);\n }}\n slotProps={{\n textField: {\n error: !!fieldState.error,\n helperText: fieldState.error?.message,\n },\n // NOTE: clearボタンが文字を隠していまうのでとりあえずcalendar内のもので代用\n // field: {\n // clearable: true,\n // },\n actionBar: { actions: [\"clear\"] },\n }}\n />\n )}\n />\n ~\n <Controller\n control={control}\n name={toDateInfo.name}\n defaultValue={toDateInfo.defaultValue}\n render={({ field, fieldState }) => (\n <DateTimePicker\n {...field}\n format={dateFormat}\n views={views}\n sx={{\n \".MuiButtonBase-root\": {\n padding: 0.5,\n },\n }}\n value={convertValue(field.value, toDateInfo)}\n onChange={(newDate) => {\n // NOTE: 値がない状態からh日付をを入力した場合に限りto入力部だけデフォルトで23:59:59が入るようにします。\n if (\n dateFormat === DATETIME_FORMAT &&\n newDate !== null &&\n !field.value\n ) {\n newDate = set(newDate, {\n hours: 23,\n minutes: 59,\n seconds: 59,\n });\n }\n handleOnchange(newDate, toDateInfo);\n }}\n slotProps={{\n textField: {\n error: !!fieldState.error,\n helperText: fieldState.error?.message,\n },\n // NOTE: clearボタンが文字を隠していまうのでとりあえずcalendar内のもので代用\n // field: {\n // clearable: true,\n // },\n actionBar: { actions: [\"clear\"] },\n }}\n />\n )}\n />\n </div>\n </LocalizationProvider>\n );\n};\n\nexport default RangeDatePickerController;\n"],"names":["RangeDatePickerController","props","control","fromDateInfo","toDateInfo","dateFormat","setValue","convertValue","value","pickerInfo","newValue","parse","handleOnchange","views","v","jsx","LocalizationProvider","AdapterDateFns","ja","jaJP","jsxs","styles","Controller","field","fieldState","DateTimePicker","newDate","_a","DATETIME_FORMAT","set"],"mappings":";;;;;;;;;;GAkCaA,IAA4B,CAACC,MAAiB;AACzD,QAAM,EAAE,SAAAC,GAAS,cAAAC,GAAc,YAAAC,GAAY,YAAAC,GAAY,UAAAC,MAAaL,GAQ9DM,IAAe,CACnBC,GACAC,MACgB;AAChB,UAAMC,IAAWF,IACbA,aAAiB,OACfA,IACA,OAAOA,KAAU,WACfG,EAAMH,GAAOH,GAAY,oBAAI,KAAM,CAAA,IACnC,OACJ;AAEA,WAAA,OAAOG,KAAU,YACVF,EAAAG,EAAW,MAAMC,CAAQ,GAE7BA;AAAA,EACT,GAEME,IAAiB,CACrBJ,GACAC,MACG;AACH,IAAAH,EAASG,EAAW,MAAMD,KAASC,EAAW,cAAc;AAAA,MAC1D,aAAa;AAAA,IAAA,CACd;AAAA,EACH,GAEMI,KAA2B,MAAM;AACrC,UAAMC,IAAsB,CAAC;AAEzB,WAAAT,EAAW,SAAS,MAAM,KAC5BS,EAAE,KAAK,MAAM,GAEXT,EAAW,SAAS,IAAI,KAC1BS,EAAE,KAAK,OAAO,GAEZT,EAAW,SAAS,IAAI,KAC1BS,EAAE,KAAK,KAAK,GAEVT,EAAW,SAAS,IAAI,KAC1BS,EAAE,KAAK,OAAO,GAEZT,EAAW,SAAS,IAAI,KAC1BS,EAAE,KAAK,SAAS,GAEdT,EAAW,SAAS,IAAI,KAC1BS,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,gBAAAC,EAAA,OAAA,EAAI,WAAWC,EAAO,gBACrB,UAAA;AAAA,QAAA,gBAAAN;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,SAAApB;AAAA,YACA,MAAMC,EAAa;AAAA,YACnB,cAAcA,EAAa;AAAA,YAC3B,QAAQ,CAAC,EAAE,OAAAoB,GAAO,YAAAC,EAChB,MAAA;;AAAA,qCAAAT;AAAA,gBAACU;AAAA,gBAAA;AAAA,kBACE,GAAGF;AAAA,kBACJ,QAAQlB;AAAA,kBACR,OAAAQ;AAAA,kBACA,IAAI;AAAA,oBACF,uBAAuB;AAAA,sBACrB,SAAS;AAAA,oBAAA;AAAA,kBAEb;AAAA,kBACA,OAAON,EAAagB,EAAM,OAAOpB,CAAY;AAAA,kBAC7C,UAAU,CAACuB,MAAY;AACrB,oBAAAd,EAAec,GAASvB,CAAY;AAAA,kBACtC;AAAA,kBACA,WAAW;AAAA,oBACT,WAAW;AAAA,sBACT,OAAO,CAAC,CAACqB,EAAW;AAAA,sBACpB,aAAYG,IAAAH,EAAW,UAAX,gBAAAG,EAAkB;AAAA,oBAChC;AAAA;AAAA;AAAA;AAAA;AAAA,oBAKA,WAAW,EAAE,SAAS,CAAC,OAAO,EAAE;AAAA,kBAAA;AAAA,gBAClC;AAAA,cAAA;AAAA;AAAA,UACF;AAAA,QAEJ;AAAA,QAAE;AAAA,QAEF,gBAAAZ;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,SAAApB;AAAA,YACA,MAAME,EAAW;AAAA,YACjB,cAAcA,EAAW;AAAA,YACzB,QAAQ,CAAC,EAAE,OAAAmB,GAAO,YAAAC,EAChB,MAAA;;AAAA,qCAAAT;AAAA,gBAACU;AAAA,gBAAA;AAAA,kBACE,GAAGF;AAAA,kBACJ,QAAQlB;AAAA,kBACR,OAAAQ;AAAA,kBACA,IAAI;AAAA,oBACF,uBAAuB;AAAA,sBACrB,SAAS;AAAA,oBAAA;AAAA,kBAEb;AAAA,kBACA,OAAON,EAAagB,EAAM,OAAOnB,CAAU;AAAA,kBAC3C,UAAU,CAACsB,MAAY;AAErB,oBACErB,MAAeuB,KACfF,MAAY,QACZ,CAACH,EAAM,UAEPG,IAAUG,EAAIH,GAAS;AAAA,sBACrB,OAAO;AAAA,sBACP,SAAS;AAAA,sBACT,SAAS;AAAA,oBAAA,CACV,IAEHd,EAAec,GAAStB,CAAU;AAAA,kBACpC;AAAA,kBACA,WAAW;AAAA,oBACT,WAAW;AAAA,sBACT,OAAO,CAAC,CAACoB,EAAW;AAAA,sBACpB,aAAYG,IAAAH,EAAW,UAAX,gBAAAG,EAAkB;AAAA,oBAChC;AAAA;AAAA;AAAA;AAAA;AAAA,oBAKA,WAAW,EAAE,SAAS,CAAC,OAAO,EAAE;AAAA,kBAAA;AAAA,gBAClC;AAAA,cAAA;AAAA;AAAA,UACF;AAAA,QAAA;AAAA,MAEJ,EACF,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/components/RangeDatePickerController/index.test.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const a=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(a.jsxRuntimeExports.jsx(s.RangeDatePickerController,{control:r,fromDateInfo:{name:"fromDate",defaultValue:"2024-03-01"},toDateInfo:{name:"toDate",defaultValue:"2024-03-15"},dateFormat:"yyyy-MM-dd",setValue:()=>{}}));const o=e.screen.getByDisplayValue("2024-03-01"),n=e.screen.getByDisplayValue("2024-03-15");expect(o).toBeInTheDocument(),expect(n).toBeInTheDocument()})});
+"use strict";const a=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:t}=e.renderHook(()=>c.useForm()),r=t.current.control;e.render(a.jsx(s.RangeDatePickerController,{control:r,fromDateInfo:{name:"fromDate",defaultValue:"2024-03-01"},toDateInfo:{name:"toDate",defaultValue:"2024-03-15"},dateFormat:"yyyy-MM-dd",setValue:()=>{}}));const o=e.screen.getByDisplayValue("2024-03-01"),n=e.screen.getByDisplayValue("2024-03-15");expect(o).toBeInTheDocument(),expect(n).toBeInTheDocument()})});
 //# sourceMappingURL=index.test.cjs.js.map

package/dist/components/RangeDatePickerController/index.test.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/RangeDatePickerController/index.test.tsx"],"sourcesContent":["import { render, renderHook, screen } from \"@testing-library/react\";\nimport { useForm } from \"react-hook-form\";\n\nimport { RangeDatePickerController } 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 <RangeDatePickerController\n control={control}\n fromDateInfo={{ name: \"fromDate\", defaultValue: \"2024-03-01\" }}\n toDateInfo={{ name: \"toDate\", defaultValue: \"2024-03-15\" }}\n dateFormat=\"yyyy-MM-dd\"\n setValue={() => {}}\n />,\n );\n\n const fromDateInput = screen.getByDisplayValue(\"2024-03-01\");\n const toDateInput = screen.getByDisplayValue(\"2024-03-15\");\n\n expect(fromDateInput).toBeInTheDocument();\n expect(toDateInput).toBeInTheDocument();\n });\n});\n"],"names":["result","renderHook","useForm","control","render","jsx","RangeDatePickerController","fromDateInput","screen","toDateInput"],"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,0BAAA,CACC,QAAAH,EACA,aAAc,CAAE,KAAM,WAAY,aAAc,YAAa,EAC7D,WAAY,CAAE,KAAM,SAAU,aAAc,YAAa,EACzD,WAAW,aACX,SAAU,IAAM,CAAA,CAAC,CAAA,CAErB,EAEM,MAAAI,EAAgBC,EAAAA,OAAO,kBAAkB,YAAY,EACrDC,EAAcD,EAAAA,OAAO,kBAAkB,YAAY,EAElD,OAAAD,CAAa,EAAE,kBAAkB,EACjC,OAAAE,CAAW,EAAE,kBAAkB,CAAA,CACvC,CACH,CAAC"}
1	+ {"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/RangeDatePickerController/index.test.tsx"],"sourcesContent":["import { render, renderHook, screen } from \"@testing-library/react\";\nimport { useForm } from \"react-hook-form\";\n\nimport { RangeDatePickerController } 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 <RangeDatePickerController\n control={control}\n fromDateInfo={{ name: \"fromDate\", defaultValue: \"2024-03-01\" }}\n toDateInfo={{ name: \"toDate\", defaultValue: \"2024-03-15\" }}\n dateFormat=\"yyyy-MM-dd\"\n setValue={() => {}}\n />,\n );\n\n const fromDateInput = screen.getByDisplayValue(\"2024-03-01\");\n const toDateInput = screen.getByDisplayValue(\"2024-03-15\");\n\n expect(fromDateInput).toBeInTheDocument();\n expect(toDateInput).toBeInTheDocument();\n });\n});\n"],"names":["result","renderHook","useForm","control","render","jsx","RangeDatePickerController","fromDateInput","screen","toDateInput"],"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,0BAAA,CACC,QAAAH,EACA,aAAc,CAAE,KAAM,WAAY,aAAc,YAAa,EAC7D,WAAY,CAAE,KAAM,SAAU,aAAc,YAAa,EACzD,WAAW,aACX,SAAU,IAAM,CAAA,CAAC,CAAA,CAErB,EAEM,MAAAI,EAAgBC,EAAAA,OAAO,kBAAkB,YAAY,EACrDC,EAAcD,EAAAA,OAAO,kBAAkB,YAAY,EAElD,OAAAD,CAAa,EAAE,kBAAkB,EACjC,OAAAE,CAAW,EAAE,kBAAkB,CAAA,CACvC,CACH,CAAC"}

package/dist/components/RangeDatePickerController/index.test.es.js CHANGED Viewed

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

package/dist/components/RangeDatePickerController/index.test.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.test.es.js","sources":["../../../src/components/RangeDatePickerController/index.test.tsx"],"sourcesContent":["import { render, renderHook, screen } from \"@testing-library/react\";\nimport { useForm } from \"react-hook-form\";\n\nimport { RangeDatePickerController } 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 <RangeDatePickerController\n control={control}\n fromDateInfo={{ name: \"fromDate\", defaultValue: \"2024-03-01\" }}\n toDateInfo={{ name: \"toDate\", defaultValue: \"2024-03-15\" }}\n dateFormat=\"yyyy-MM-dd\"\n setValue={() => {}}\n />,\n );\n\n const fromDateInput = screen.getByDisplayValue(\"2024-03-01\");\n const toDateInput = screen.getByDisplayValue(\"2024-03-15\");\n\n expect(fromDateInput).toBeInTheDocument();\n expect(toDateInput).toBeInTheDocument();\n });\n});\n"],"names":["result","renderHook","useForm","control","render","jsx","RangeDatePickerController","fromDateInput","screen","toDateInput"],"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,cAAc,EAAE,MAAM,YAAY,cAAc,aAAa;AAAA,UAC7D,YAAY,EAAE,MAAM,UAAU,cAAc,aAAa;AAAA,UACzD,YAAW;AAAA,UACX,UAAU,MAAM;AAAA,UAAA;AAAA,QAAC;AAAA,MAAA;AAAA,IAErB;AAEM,UAAAI,IAAgBC,EAAO,kBAAkB,YAAY,GACrDC,IAAcD,EAAO,kBAAkB,YAAY;AAElD,WAAAD,CAAa,EAAE,kBAAkB,GACjC,OAAAE,CAAW,EAAE,kBAAkB;AAAA,EAAA,CACvC;AACH,CAAC;"}
1	+ {"version":3,"file":"index.test.es.js","sources":["../../../src/components/RangeDatePickerController/index.test.tsx"],"sourcesContent":["import { render, renderHook, screen } from \"@testing-library/react\";\nimport { useForm } from \"react-hook-form\";\n\nimport { RangeDatePickerController } 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 <RangeDatePickerController\n control={control}\n fromDateInfo={{ name: \"fromDate\", defaultValue: \"2024-03-01\" }}\n toDateInfo={{ name: \"toDate\", defaultValue: \"2024-03-15\" }}\n dateFormat=\"yyyy-MM-dd\"\n setValue={() => {}}\n />,\n );\n\n const fromDateInput = screen.getByDisplayValue(\"2024-03-01\");\n const toDateInput = screen.getByDisplayValue(\"2024-03-15\");\n\n expect(fromDateInput).toBeInTheDocument();\n expect(toDateInput).toBeInTheDocument();\n });\n});\n"],"names":["result","renderHook","useForm","control","render","jsx","RangeDatePickerController","fromDateInput","screen","toDateInput"],"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,cAAc,EAAE,MAAM,YAAY,cAAc,aAAa;AAAA,UAC7D,YAAY,EAAE,MAAM,UAAU,cAAc,aAAa;AAAA,UACzD,YAAW;AAAA,UACX,UAAU,MAAM;AAAA,UAAA;AAAA,QAAC;AAAA,MAAA;AAAA,IAErB;AAEM,UAAAI,IAAgBC,EAAO,kBAAkB,YAAY,GACrDC,IAAcD,EAAO,kBAAkB,YAAY;AAElD,WAAAD,CAAa,EAAE,kBAAkB,GACjC,OAAAE,CAAW,EAAE,kBAAkB;AAAA,EAAA,CACvC;AACH,CAAC;"}

package/dist/components/ReportCard/index.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index7.css');const e=require("../../jsx-runtime-Dajn0hD2.cjs"),t=require("@mui/material"),n="_reportCard_wox0s_1",i="_reportBox_wox0s_8",p="_reportLabel_wox0s_14",u="_reportValue_wox0s_17",r={reportCard:n,reportBox:i,reportLabel:p,reportValue:u},a=l=>{const{value:s,label:o,labelPosition:x="bottom"}=l;return e.jsxRuntimeExports.jsx(t.Card,{className:r.reportCard,children:e.jsxRuntimeExports.jsx(t.Box,{className:r.reportBox,children:e.jsxRuntimeExports.jsxs(t.Grid,{children:[x==="bottom"&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("div",{className:r.reportValue,children:s}),e.jsxRuntimeExports.jsx("div",{className:r.reportLabel,children:o})]}),x==="top"&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("div",{className:r.reportLabel,children:o}),e.jsxRuntimeExports.jsx("div",{className:r.reportValue,children:s})]})]})})})};exports.ReportCard=a;exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index9.css');const e=require("react/jsx-runtime"),o=require("@mui/material"),d="_reportCard_wox0s_1",n="_reportBox_wox0s_8",i="_reportLabel_wox0s_14",p="_reportValue_wox0s_17",r={reportCard:d,reportBox:n,reportLabel:i,reportValue:p},l=c=>{const{value:t,label:s,labelPosition:a="bottom"}=c;return e.jsx(o.Card,{className:r.reportCard,children:e.jsx(o.Box,{className:r.reportBox,children:e.jsxs(o.Grid,{children:[a==="bottom"&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:r.reportValue,children:t}),e.jsx("div",{className:r.reportLabel,children:s})]}),a==="top"&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:r.reportLabel,children:s}),e.jsx("div",{className:r.reportValue,children:t})]})]})})})};exports.ReportCard=l;exports.default=l;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/ReportCard/index.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs.js","sources":["../../../src/components/ReportCard/index.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport { Box, Card, Grid } from \"@mui/material\";\n\nimport styles from \"./index.module.scss\";\n\ntype Props = {\n value: string \| ReactNode;\n label: string \| ReactNode;\n labelPosition?: \"top\" \| \"bottom\";\n};\n\n/*\n ダッシュボード用のレポート表示（値の直接表示）用のカードです。\n * 項目名と値のみを表示します。\n * labelPositionで項目名の表示位置を指定できます。\n */\nexport const ReportCard = (props: Props) => {\n const { value, label, labelPosition = \"bottom\" } = props;\n return (\n <Card className={styles.reportCard}>\n <Box className={styles.reportBox}>\n <Grid>\n {labelPosition === \"bottom\" && (\n <>\n <div className={styles.reportValue}>{value}</div>\n <div className={styles.reportLabel}>{label}</div>\n </>\n )}\n {labelPosition === \"top\" && (\n <>\n <div className={styles.reportLabel}>{label}</div>\n <div className={styles.reportValue}>{value}</div>\n </>\n )}\n </Grid>\n </Box>\n </Card>\n );\n};\n\nexport default ReportCard;\n"],"names":["ReportCard","props","value","label","labelPosition","jsx","Card","styles","Box","jsxs","Grid","Fragment"],"mappings":"~~qVAgBaA~~,EAAcC,GAAiB,CAC1C,KAAM,CAAE,MAAAC,EAAO,MAAAC,EAAO,cAAAC,EAAgB,QAAa,EAAAH,EAEjD,OAAAI,EAAAA,~~kBAAAA,~~IAACC,EAAAA,KAAK,CAAA,UAAWC,EAAO,WACtB,SAACF,EAAA,~~kBAAA,~~IAAAG,EAAA,IAAA,CAAI,UAAWD,EAAO,UACrB,SAAAE,~~yBAACC~~,EAAAA,KACE,CAAA,SAAA,CAAAN,IAAkB,UAEfK,EAAAA,~~kBAAAA,~~KAAAE,EAAA,~~kBAAA,~~SAAA,CAAA,SAAA,CAAAN,EAAA,~~kBAAA,~~IAAC,MAAI,CAAA,UAAWE,EAAO,YAAc,SAAML,EAAA,EAC1CG,EAAA,~~kBAAA,~~IAAA,MAAA,CAAI,UAAWE,EAAO,YAAc,SAAMJ,CAAA,CAAA,CAAA,EAC7C,EAEDC,IAAkB,OAEfK,EAAAA,~~kBAAAA,~~KAAAE,EAAA,~~kBAAA,~~SAAA,CAAA,SAAA,CAAAN,EAAA,~~kBAAA,~~IAAC,MAAI,CAAA,UAAWE,EAAO,YAAc,SAAMJ,EAAA,EAC1CE,EAAA,~~kBAAA,~~IAAA,MAAA,CAAI,UAAWE,EAAO,YAAc,SAAML,CAAA,CAAA,CAAA,CAC7C,CAAA,CAAA,CAEJ,CAAA,CACF,CAAA,EACF,CAEJ"}
1	+ {"version":3,"file":"index.cjs.js","sources":["../../../src/components/ReportCard/index.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport { Box, Card, Grid } from \"@mui/material\";\n\nimport styles from \"./index.module.scss\";\n\ntype Props = {\n value: string \| ReactNode;\n label: string \| ReactNode;\n labelPosition?: \"top\" \| \"bottom\";\n};\n\n/*\n ダッシュボード用のレポート表示（値の直接表示）用のカードです。\n * 項目名と値のみを表示します。\n * labelPositionで項目名の表示位置を指定できます。\n */\nexport const ReportCard = (props: Props) => {\n const { value, label, labelPosition = \"bottom\" } = props;\n return (\n <Card className={styles.reportCard}>\n <Box className={styles.reportBox}>\n <Grid>\n {labelPosition === \"bottom\" && (\n <>\n <div className={styles.reportValue}>{value}</div>\n <div className={styles.reportLabel}>{label}</div>\n </>\n )}\n {labelPosition === \"top\" && (\n <>\n <div className={styles.reportLabel}>{label}</div>\n <div className={styles.reportValue}>{value}</div>\n </>\n )}\n </Grid>\n </Box>\n </Card>\n );\n};\n\nexport default ReportCard;\n"],"names":["ReportCard","props","value","label","labelPosition","jsx","Card","styles","Box","jsxs","Grid","Fragment"],"mappings":"wUAgBaA,EAAcC,GAAiB,CAC1C,KAAM,CAAE,MAAAC,EAAO,MAAAC,EAAO,cAAAC,EAAgB,QAAa,EAAAH,EAEjD,OAAAI,EAAAA,IAACC,EAAAA,KAAK,CAAA,UAAWC,EAAO,WACtB,SAACF,EAAA,IAAAG,EAAA,IAAA,CAAI,UAAWD,EAAO,UACrB,SAAAE,OAACC,EAAAA,KACE,CAAA,SAAA,CAAAN,IAAkB,UAEfK,EAAAA,KAAAE,EAAA,SAAA,CAAA,SAAA,CAAAN,EAAA,IAAC,MAAI,CAAA,UAAWE,EAAO,YAAc,SAAML,EAAA,EAC1CG,EAAA,IAAA,MAAA,CAAI,UAAWE,EAAO,YAAc,SAAMJ,CAAA,CAAA,CAAA,EAC7C,EAEDC,IAAkB,OAEfK,EAAAA,KAAAE,EAAA,SAAA,CAAA,SAAA,CAAAN,EAAA,IAAC,MAAI,CAAA,UAAWE,EAAO,YAAc,SAAMJ,EAAA,EAC1CE,EAAA,IAAA,MAAA,CAAI,UAAWE,EAAO,YAAc,SAAML,CAAA,CAAA,CAAA,CAC7C,CAAA,CAAA,CAEJ,CAAA,CACF,CAAA,EACF,CAEJ"}

package/dist/components/ReportCard/index.es.js CHANGED Viewed

@@ -1,25 +1,25 @@
-import { j as r } from "../../jsx-runtime-CbmOdJhC.js";
-import { Card as l, Box as p, Grid as c } from "@mui/material";
-import '../../assets/index7.css';const d = "_reportCard_wox0s_1", n = "_reportBox_wox0s_8", x = "_reportLabel_wox0s_14", i = "_reportValue_wox0s_17", e = {
-  reportCard: d,
-  reportBox: n,
+import { jsx as r, jsxs as o, Fragment as s } from "react/jsx-runtime";
+import { Card as c, Box as d, Grid as n } from "@mui/material";
+import '../../assets/index9.css';const i = "_reportCard_wox0s_1", m = "_reportBox_wox0s_8", x = "_reportLabel_wox0s_14", _ = "_reportValue_wox0s_17", e = {
+  reportCard: i,
+  reportBox: m,
   reportLabel: x,
-  reportValue: i
-}, j = (a) => {
-  const { value: o, label: s, labelPosition: t = "bottom" } = a;
-  return /* @__PURE__ */ r.jsx(l, { className: e.reportCard, children: /* @__PURE__ */ r.jsx(p, { className: e.reportBox, children: /* @__PURE__ */ r.jsxs(c, { children: [
-    t === "bottom" && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-      /* @__PURE__ */ r.jsx("div", { className: e.reportValue, children: o }),
-      /* @__PURE__ */ r.jsx("div", { className: e.reportLabel, children: s })
+  reportValue: _
+}, u = (p) => {
+  const { value: t, label: a, labelPosition: l = "bottom" } = p;
+  return /* @__PURE__ */ r(c, { className: e.reportCard, children: /* @__PURE__ */ r(d, { className: e.reportBox, children: /* @__PURE__ */ o(n, { children: [
+    l === "bottom" && /* @__PURE__ */ o(s, { children: [
+      /* @__PURE__ */ r("div", { className: e.reportValue, children: t }),
+      /* @__PURE__ */ r("div", { className: e.reportLabel, children: a })
     ] }),
-    t === "top" && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-      /* @__PURE__ */ r.jsx("div", { className: e.reportLabel, children: s }),
-      /* @__PURE__ */ r.jsx("div", { className: e.reportValue, children: o })
+    l === "top" && /* @__PURE__ */ o(s, { children: [
+      /* @__PURE__ */ r("div", { className: e.reportLabel, children: a }),
+      /* @__PURE__ */ r("div", { className: e.reportValue, children: t })
     ] })
   ] }) }) });
 };
 export {
-  j as ReportCard,
-  j as default
+  u as ReportCard,
+  u as default
 };
 //# sourceMappingURL=index.es.js.map

package/dist/components/ReportCard/index.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.es.js","sources":["../../../src/components/ReportCard/index.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport { Box, Card, Grid } from \"@mui/material\";\n\nimport styles from \"./index.module.scss\";\n\ntype Props = {\n value: string \| ReactNode;\n label: string \| ReactNode;\n labelPosition?: \"top\" \| \"bottom\";\n};\n\n/*\n ダッシュボード用のレポート表示（値の直接表示）用のカードです。\n * 項目名と値のみを表示します。\n * labelPositionで項目名の表示位置を指定できます。\n */\nexport const ReportCard = (props: Props) => {\n const { value, label, labelPosition = \"bottom\" } = props;\n return (\n <Card className={styles.reportCard}>\n <Box className={styles.reportBox}>\n <Grid>\n {labelPosition === \"bottom\" && (\n <>\n <div className={styles.reportValue}>{value}</div>\n <div className={styles.reportLabel}>{label}</div>\n </>\n )}\n {labelPosition === \"top\" && (\n <>\n <div className={styles.reportLabel}>{label}</div>\n <div className={styles.reportValue}>{value}</div>\n </>\n )}\n </Grid>\n </Box>\n </Card>\n );\n};\n\nexport default ReportCard;\n"],"names":["ReportCard","props","value","label","labelPosition","jsx","Card","styles","Box","jsxs","Grid","Fragment"],"mappings":";;;;;;;GAgBaA,IAAa,CAACC,MAAiB;AAC1C,QAAM,EAAE,OAAAC,GAAO,OAAAC,GAAO,eAAAC,IAAgB,SAAa,IAAAH;AAEjD,~~SAAAI~~,~~gBAAAA~~,~~EAAAA~~,~~IAACC,~~GAAK,EAAA,WAAWC,EAAO,YACtB,~~UAACF~~,~~gBAAAA~~,~~EAAA~~,~~IAAAG,~~GAAA,EAAI,WAAWD,EAAO,WACrB,~~UAAAE~~,~~gBAAAA~~,~~OAACC~~,GACE,EAAA,UAAA;AAAA,IAAAN,MAAkB,~~YAEfK~~,~~gBAAAA~~,~~EAAAA~~,~~KAAAE~~,EAAA,UAAA~~,EAAA,UAAA~~;AAAA,~~MAAAN~~,~~gBAAAA~~,~~EAAA~~,~~IAAC,~~OAAI,EAAA,WAAWE,EAAO,aAAc,UAAML,GAAA;AAAA,~~MAC1CG~~,~~gBAAAA~~,EAAA,~~IAAA,~~OAAA,EAAI,WAAWE,EAAO,aAAc,UAAMJ,EAAA,CAAA;AAAA,IAAA,GAC7C;AAAA,IAEDC,MAAkB,~~SAEfK~~,~~gBAAAA~~,~~EAAAA~~,~~KAAAE~~,EAAA,UAAA~~,EAAA,UAAA~~;AAAA,~~MAAAN~~,~~gBAAAA~~,~~EAAA~~,~~IAAC,~~OAAI,EAAA,WAAWE,EAAO,aAAc,UAAMJ,GAAA;AAAA,~~MAC1CE~~,~~gBAAAA~~,EAAA,~~IAAA,~~OAAA,EAAI,WAAWE,EAAO,aAAc,UAAML,EAAA,CAAA;AAAA,IAAA,EAC7C,CAAA;AAAA,EAAA,EAEJ,CAAA,EACF,CAAA,GACF;AAEJ;"}
1	+ {"version":3,"file":"index.es.js","sources":["../../../src/components/ReportCard/index.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport { Box, Card, Grid } from \"@mui/material\";\n\nimport styles from \"./index.module.scss\";\n\ntype Props = {\n value: string \| ReactNode;\n label: string \| ReactNode;\n labelPosition?: \"top\" \| \"bottom\";\n};\n\n/*\n ダッシュボード用のレポート表示（値の直接表示）用のカードです。\n * 項目名と値のみを表示します。\n * labelPositionで項目名の表示位置を指定できます。\n */\nexport const ReportCard = (props: Props) => {\n const { value, label, labelPosition = \"bottom\" } = props;\n return (\n <Card className={styles.reportCard}>\n <Box className={styles.reportBox}>\n <Grid>\n {labelPosition === \"bottom\" && (\n <>\n <div className={styles.reportValue}>{value}</div>\n <div className={styles.reportLabel}>{label}</div>\n </>\n )}\n {labelPosition === \"top\" && (\n <>\n <div className={styles.reportLabel}>{label}</div>\n <div className={styles.reportValue}>{value}</div>\n </>\n )}\n </Grid>\n </Box>\n </Card>\n );\n};\n\nexport default ReportCard;\n"],"names":["ReportCard","props","value","label","labelPosition","jsx","Card","styles","Box","jsxs","Grid","Fragment"],"mappings":";;;;;;;GAgBaA,IAAa,CAACC,MAAiB;AAC1C,QAAM,EAAE,OAAAC,GAAO,OAAAC,GAAO,eAAAC,IAAgB,SAAa,IAAAH;AAEjD,SAAA,gBAAAI,EAACC,GAAK,EAAA,WAAWC,EAAO,YACtB,UAAC,gBAAAF,EAAAG,GAAA,EAAI,WAAWD,EAAO,WACrB,UAAA,gBAAAE,EAACC,GACE,EAAA,UAAA;AAAA,IAAAN,MAAkB,YAEf,gBAAAK,EAAAE,GAAA,EAAA,UAAA;AAAA,MAAA,gBAAAN,EAAC,OAAI,EAAA,WAAWE,EAAO,aAAc,UAAML,GAAA;AAAA,MAC1C,gBAAAG,EAAA,OAAA,EAAI,WAAWE,EAAO,aAAc,UAAMJ,EAAA,CAAA;AAAA,IAAA,GAC7C;AAAA,IAEDC,MAAkB,SAEf,gBAAAK,EAAAE,GAAA,EAAA,UAAA;AAAA,MAAA,gBAAAN,EAAC,OAAI,EAAA,WAAWE,EAAO,aAAc,UAAMJ,GAAA;AAAA,MAC1C,gBAAAE,EAAA,OAAA,EAAI,WAAWE,EAAO,aAAc,UAAML,EAAA,CAAA;AAAA,IAAA,EAC7C,CAAA;AAAA,EAAA,EAEJ,CAAA,EACF,CAAA,GACF;AAEJ;"}

package/dist/components/ReportCard/index.test.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const o=require("../../jsx-runtime-Dajn0hD2.cjs"),a=require("@mui/material"),t=require("../../react.esm-DzAzWxXs.cjs"),s=require("./index.cjs.js");describe("ReportCard component",()=>{it("renders ReportCard component with given label string and value string",async()=>{t.render(o.jsxRuntimeExports.jsx(s.ReportCard,{value:"値",label:"ラベル"}));const r=t.screen.getByText("値");expect(r).toBeInTheDocument();const e=t.screen.getByText("ラベル");expect(e).toBeInTheDocument()}),it("renders ReportCard component with given label element and value element",async()=>{t.render(o.jsxRuntimeExports.jsx(s.ReportCard,{value:o.jsxRuntimeExports.jsx(a.Typography,{children:"値"}),label:o.jsxRuntimeExports.jsx(a.Typography,{children:"ラベル"})}));const r=t.screen.getByText("値");expect(r).toBeInTheDocument();const e=t.screen.getByText("ラベル");expect(e).toBeInTheDocument()}),it("renders with label at the bottom by default",async()=>{var n;const{container:r}=t.render(o.jsxRuntimeExports.jsx(s.ReportCard,{value:"値",label:"ラベル"})),e=(n=r.querySelector(".MuiGrid-root"))==null?void 0:n.children;expect(e==null?void 0:e[0]).toHaveClass("reportValue"),expect(e==null?void 0:e[1]).toHaveClass("reportLabel")}),it("renders with label at the top when labelPosition is set to top",async()=>{var n;const{container:r}=t.render(o.jsxRuntimeExports.jsx(s.ReportCard,{value:"値",label:"ラベル",labelPosition:"top"})),e=(n=r.querySelector(".MuiGrid-root"))==null?void 0:n.children;expect(e==null?void 0:e[0]).toHaveClass("reportLabel"),expect(e==null?void 0:e[1]).toHaveClass("reportValue")})});
+"use strict";const o=require("react/jsx-runtime"),s=require("@mui/material"),t=require("../../react.esm-CiMn0Rnx.cjs"),a=require("./index.cjs.js");describe("ReportCard component",()=>{it("renders ReportCard component with given label string and value string",async()=>{t.render(o.jsx(a.ReportCard,{value:"値",label:"ラベル"}));const r=t.screen.getByText("値");expect(r).toBeInTheDocument();const e=t.screen.getByText("ラベル");expect(e).toBeInTheDocument()}),it("renders ReportCard component with given label element and value element",async()=>{t.render(o.jsx(a.ReportCard,{value:o.jsx(s.Typography,{children:"値"}),label:o.jsx(s.Typography,{children:"ラベル"})}));const r=t.screen.getByText("値");expect(r).toBeInTheDocument();const e=t.screen.getByText("ラベル");expect(e).toBeInTheDocument()}),it("renders with label at the bottom by default",async()=>{var n;const{container:r}=t.render(o.jsx(a.ReportCard,{value:"値",label:"ラベル"})),e=(n=r.querySelector(".MuiGrid-root"))==null?void 0:n.children;expect(e==null?void 0:e[0]).toHaveClass("reportValue"),expect(e==null?void 0:e[1]).toHaveClass("reportLabel")}),it("renders with label at the top when labelPosition is set to top",async()=>{var n;const{container:r}=t.render(o.jsx(a.ReportCard,{value:"値",label:"ラベル",labelPosition:"top"})),e=(n=r.querySelector(".MuiGrid-root"))==null?void 0:n.children;expect(e==null?void 0:e[0]).toHaveClass("reportLabel"),expect(e==null?void 0:e[1]).toHaveClass("reportValue")})});
 //# sourceMappingURL=index.test.cjs.js.map

package/dist/components/ReportCard/index.test.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/ReportCard/index.test.tsx"],"sourcesContent":["import { Typography } from \"@mui/material\";\nimport { render, screen } from \"@testing-library/react\";\n\nimport { ReportCard } from \".\";\n\ndescribe(\"ReportCard component\", () => {\n it(\"renders ReportCard component with given label string and value string\", async () => {\n render(<ReportCard value=\"値\" label=\"ラベル\" />);\n\n const valueElement = screen.getByText(\"値\");\n expect(valueElement).toBeInTheDocument();\n\n const labelElement = screen.getByText(\"ラベル\");\n expect(labelElement).toBeInTheDocument();\n });\n\n it(\"renders ReportCard component with given label element and value element\", async () => {\n render(\n <ReportCard\n value={<Typography>値</Typography>}\n label={<Typography>ラベル</Typography>}\n />,\n );\n\n const valueElement = screen.getByText(\"値\");\n expect(valueElement).toBeInTheDocument();\n\n const labelElement = screen.getByText(\"ラベル\");\n expect(labelElement).toBeInTheDocument();\n });\n\n it(\"renders with label at the bottom by default\", async () => {\n const { container } = render(<ReportCard value=\"値\" label=\"ラベル\" />);\n const children = container.querySelector(\".MuiGrid-root\")?.children;\n expect(children?.[0]).toHaveClass(\"reportValue\");\n expect(children?.[1]).toHaveClass(\"reportLabel\");\n });\n\n it(\"renders with label at the top when labelPosition is set to top\", async () => {\n const { container } = render(\n <ReportCard value=\"値\" label=\"ラベル\" labelPosition=\"top\" />,\n );\n const children = container.querySelector(\".MuiGrid-root\")?.children;\n expect(children?.[0]).toHaveClass(\"reportLabel\");\n expect(children?.[1]).toHaveClass(\"reportValue\");\n });\n});\n"],"names":["render","ReportCard","valueElement","screen","labelElement","jsx","Typography","container","children","_a"],"mappings":"~~gKAKA~~,SAAS,uBAAwB,IAAM,CACrC,GAAG,wEAAyE,SAAY,CACtFA,~~iCAAQC~~,EAAAA,WAAW,CAAA,MAAM,IAAI,MAAM,MAAM,CAAE,EAErC,MAAAC,EAAeC,EAAAA,OAAO,UAAU,GAAG,EAClC,OAAAD,CAAY,EAAE,kBAAkB,EAEjC,MAAAE,EAAeD,EAAAA,OAAO,UAAU,KAAK,EACpC,OAAAC,CAAY,EAAE,kBAAkB,CAAA,CACxC,EAED,GAAG,0EAA2E,SAAY,CACxFJ,EAAA,OACEK,EAAA,~~kBAAA,~~IAACJ,EAAA,WAAA,CACC,MAAQI,EAAAA,~~kBAAAA,~~IAAAC,EAAAA,WAAA,CAAW,SAAC,GAAA,CAAA,EACpB,MAAQD,EAAAA,~~kBAAAA,~~IAAAC,EAAAA,WAAA,CAAW,SAAG,KAAA,CAAA,CAAA,CAAA,CAE1B,EAEM,MAAAJ,EAAeC,EAAAA,OAAO,UAAU,GAAG,EAClC,OAAAD,CAAY,EAAE,kBAAkB,EAEjC,MAAAE,EAAeD,EAAAA,OAAO,UAAU,KAAK,EACpC,OAAAC,CAAY,EAAE,kBAAkB,CAAA,CACxC,EAED,GAAG,8CAA+C,SAAY,OACtD,KAAA,CAAE,UAAAG,CAAU,EAAIP,EAAO,OAAAK,~~wBAACJ~~,EAAAA,YAAW,MAAM,IAAI,MAAM,KAAM,CAAA,CAAE,EAC3DO,GAAWC,EAAAF,EAAU,cAAc,eAAe,IAAvC,YAAAE,EAA0C,SAC3D,OAAOD,GAAA,YAAAA,EAAW,EAAE,EAAE,YAAY,aAAa,EAC/C,OAAOA,GAAA,YAAAA,EAAW,EAAE,EAAE,YAAY,aAAa,CAAA,CAChD,EAED,GAAG,iEAAkE,SAAY,OACzE,KAAA,CAAE,UAAAD,GAAcP,EAAA~~,+BACnBC~~,EAAAA,WAAW,CAAA,MAAM,IAAI,MAAM,MAAM,cAAc,KAAM,CAAA,CACxD,EACMO,GAAWC,EAAAF,EAAU,cAAc,eAAe,IAAvC,YAAAE,EAA0C,SAC3D,OAAOD,GAAA,YAAAA,EAAW,EAAE,EAAE,YAAY,aAAa,EAC/C,OAAOA,GAAA,YAAAA,EAAW,EAAE,EAAE,YAAY,aAAa,CAAA,CAChD,CACH,CAAC"}
1	+ {"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/ReportCard/index.test.tsx"],"sourcesContent":["import { Typography } from \"@mui/material\";\nimport { render, screen } from \"@testing-library/react\";\n\nimport { ReportCard } from \".\";\n\ndescribe(\"ReportCard component\", () => {\n it(\"renders ReportCard component with given label string and value string\", async () => {\n render(<ReportCard value=\"値\" label=\"ラベル\" />);\n\n const valueElement = screen.getByText(\"値\");\n expect(valueElement).toBeInTheDocument();\n\n const labelElement = screen.getByText(\"ラベル\");\n expect(labelElement).toBeInTheDocument();\n });\n\n it(\"renders ReportCard component with given label element and value element\", async () => {\n render(\n <ReportCard\n value={<Typography>値</Typography>}\n label={<Typography>ラベル</Typography>}\n />,\n );\n\n const valueElement = screen.getByText(\"値\");\n expect(valueElement).toBeInTheDocument();\n\n const labelElement = screen.getByText(\"ラベル\");\n expect(labelElement).toBeInTheDocument();\n });\n\n it(\"renders with label at the bottom by default\", async () => {\n const { container } = render(<ReportCard value=\"値\" label=\"ラベル\" />);\n const children = container.querySelector(\".MuiGrid-root\")?.children;\n expect(children?.[0]).toHaveClass(\"reportValue\");\n expect(children?.[1]).toHaveClass(\"reportLabel\");\n });\n\n it(\"renders with label at the top when labelPosition is set to top\", async () => {\n const { container } = render(\n <ReportCard value=\"値\" label=\"ラベル\" labelPosition=\"top\" />,\n );\n const children = container.querySelector(\".MuiGrid-root\")?.children;\n expect(children?.[0]).toHaveClass(\"reportLabel\");\n expect(children?.[1]).toHaveClass(\"reportValue\");\n });\n});\n"],"names":["render","ReportCard","valueElement","screen","labelElement","jsx","Typography","container","children","_a"],"mappings":"mJAKA,SAAS,uBAAwB,IAAM,CACrC,GAAG,wEAAyE,SAAY,CACtFA,eAAQC,EAAAA,WAAW,CAAA,MAAM,IAAI,MAAM,MAAM,CAAE,EAErC,MAAAC,EAAeC,EAAAA,OAAO,UAAU,GAAG,EAClC,OAAAD,CAAY,EAAE,kBAAkB,EAEjC,MAAAE,EAAeD,EAAAA,OAAO,UAAU,KAAK,EACpC,OAAAC,CAAY,EAAE,kBAAkB,CAAA,CACxC,EAED,GAAG,0EAA2E,SAAY,CACxFJ,EAAA,OACEK,EAAA,IAACJ,EAAA,WAAA,CACC,MAAQI,EAAAA,IAAAC,EAAAA,WAAA,CAAW,SAAC,GAAA,CAAA,EACpB,MAAQD,EAAAA,IAAAC,EAAAA,WAAA,CAAW,SAAG,KAAA,CAAA,CAAA,CAAA,CAE1B,EAEM,MAAAJ,EAAeC,EAAAA,OAAO,UAAU,GAAG,EAClC,OAAAD,CAAY,EAAE,kBAAkB,EAEjC,MAAAE,EAAeD,EAAAA,OAAO,UAAU,KAAK,EACpC,OAAAC,CAAY,EAAE,kBAAkB,CAAA,CACxC,EAED,GAAG,8CAA+C,SAAY,OACtD,KAAA,CAAE,UAAAG,CAAU,EAAIP,EAAO,OAAAK,MAACJ,EAAAA,YAAW,MAAM,IAAI,MAAM,KAAM,CAAA,CAAE,EAC3DO,GAAWC,EAAAF,EAAU,cAAc,eAAe,IAAvC,YAAAE,EAA0C,SAC3D,OAAOD,GAAA,YAAAA,EAAW,EAAE,EAAE,YAAY,aAAa,EAC/C,OAAOA,GAAA,YAAAA,EAAW,EAAE,EAAE,YAAY,aAAa,CAAA,CAChD,EAED,GAAG,iEAAkE,SAAY,OACzE,KAAA,CAAE,UAAAD,GAAcP,EAAA,aACnBC,EAAAA,WAAW,CAAA,MAAM,IAAI,MAAM,MAAM,cAAc,KAAM,CAAA,CACxD,EACMO,GAAWC,EAAAF,EAAU,cAAc,eAAe,IAAvC,YAAAE,EAA0C,SAC3D,OAAOD,GAAA,YAAAA,EAAW,EAAE,EAAE,YAAY,aAAa,EAC/C,OAAOA,GAAA,YAAAA,EAAW,EAAE,EAAE,YAAY,aAAa,CAAA,CAChD,CACH,CAAC"}

package/dist/components/ReportCard/index.test.es.js CHANGED Viewed

@@ -1,21 +1,21 @@
-import { j as o } from "../../jsx-runtime-CbmOdJhC.js";
+import { jsx as o } from "react/jsx-runtime";
 import { Typography as s } from "@mui/material";
-import { r as n, s as r } from "../../react.esm-BL1KU4o5.js";
+import { r as n, s as r } from "../../react.esm-2FJSSo-S.js";
 import { ReportCard as l } from "./index.es.js";
 describe("ReportCard component", () => {
   it("renders ReportCard component with given label string and value string", async () => {
-    n(/* @__PURE__ */ o.jsx(l, { value: "値", label: "ラベル" }));
+    n(/* @__PURE__ */ o(l, { value: "値", label: "ラベル" }));
     const t = r.getByText("値");
     expect(t).toBeInTheDocument();
     const e = r.getByText("ラベル");
     expect(e).toBeInTheDocument();
   }), it("renders ReportCard component with given label element and value element", async () => {
     n(
-      /* @__PURE__ */ o.jsx(
+      /* @__PURE__ */ o(
         l,
         {
-          value: /* @__PURE__ */ o.jsx(s, { children: "値" }),
-          label: /* @__PURE__ */ o.jsx(s, { children: "ラベル" })
+          value: /* @__PURE__ */ o(s, { children: "値" }),
+          label: /* @__PURE__ */ o(s, { children: "ラベル" })
         }
       )
     );
@@ -25,12 +25,12 @@ describe("ReportCard component", () => {
     expect(e).toBeInTheDocument();
   }), it("renders with label at the bottom by default", async () => {
     var a;
-    const { container: t } = n(/* @__PURE__ */ o.jsx(l, { value: "値", label: "ラベル" })), e = (a = t.querySelector(".MuiGrid-root")) == null ? void 0 : a.children;
+    const { container: t } = n(/* @__PURE__ */ o(l, { value: "値", label: "ラベル" })), e = (a = t.querySelector(".MuiGrid-root")) == null ? void 0 : a.children;
     expect(e == null ? void 0 : e[0]).toHaveClass("reportValue"), expect(e == null ? void 0 : e[1]).toHaveClass("reportLabel");
   }), it("renders with label at the top when labelPosition is set to top", async () => {
     var a;
     const { container: t } = n(
-      /* @__PURE__ */ o.jsx(l, { value: "値", label: "ラベル", labelPosition: "top" })
+      /* @__PURE__ */ o(l, { value: "値", label: "ラベル", labelPosition: "top" })
     ), e = (a = t.querySelector(".MuiGrid-root")) == null ? void 0 : a.children;
     expect(e == null ? void 0 : e[0]).toHaveClass("reportLabel"), expect(e == null ? void 0 : e[1]).toHaveClass("reportValue");
   });

package/dist/components/ReportCard/index.test.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.test.es.js","sources":["../../../src/components/ReportCard/index.test.tsx"],"sourcesContent":["import { Typography } from \"@mui/material\";\nimport { render, screen } from \"@testing-library/react\";\n\nimport { ReportCard } from \".\";\n\ndescribe(\"ReportCard component\", () => {\n it(\"renders ReportCard component with given label string and value string\", async () => {\n render(<ReportCard value=\"値\" label=\"ラベル\" />);\n\n const valueElement = screen.getByText(\"値\");\n expect(valueElement).toBeInTheDocument();\n\n const labelElement = screen.getByText(\"ラベル\");\n expect(labelElement).toBeInTheDocument();\n });\n\n it(\"renders ReportCard component with given label element and value element\", async () => {\n render(\n <ReportCard\n value={<Typography>値</Typography>}\n label={<Typography>ラベル</Typography>}\n />,\n );\n\n const valueElement = screen.getByText(\"値\");\n expect(valueElement).toBeInTheDocument();\n\n const labelElement = screen.getByText(\"ラベル\");\n expect(labelElement).toBeInTheDocument();\n });\n\n it(\"renders with label at the bottom by default\", async () => {\n const { container } = render(<ReportCard value=\"値\" label=\"ラベル\" />);\n const children = container.querySelector(\".MuiGrid-root\")?.children;\n expect(children?.[0]).toHaveClass(\"reportValue\");\n expect(children?.[1]).toHaveClass(\"reportLabel\");\n });\n\n it(\"renders with label at the top when labelPosition is set to top\", async () => {\n const { container } = render(\n <ReportCard value=\"値\" label=\"ラベル\" labelPosition=\"top\" />,\n );\n const children = container.querySelector(\".MuiGrid-root\")?.children;\n expect(children?.[0]).toHaveClass(\"reportLabel\");\n expect(children?.[1]).toHaveClass(\"reportValue\");\n });\n});\n"],"names":["render","ReportCard","valueElement","screen","labelElement","jsx","Typography","container","children","_a"],"mappings":";;;;AAKA,SAAS,wBAAwB,MAAM;AACrC,KAAG,yEAAyE,YAAY;AACtF,IAAAA,~~wBAAQC~~,GAAW,EAAA,OAAM,KAAI,OAAM,OAAM,CAAE;AAErC,UAAAC,IAAeC,EAAO,UAAU,GAAG;AAClC,WAAAD,CAAY,EAAE,kBAAkB;AAEjC,UAAAE,IAAeD,EAAO,UAAU,KAAK;AACpC,WAAAC,CAAY,EAAE,kBAAkB;AAAA,EAAA,CACxC,GAED,GAAG,2EAA2E,YAAY;AACxF,IAAAJ;AAAA,~~MACEK~~,~~gBAAAA,EAAA~~;AAAA,QAACJ;AAAA,QAAA;AAAA,UACC,~~OAAQI~~,~~gBAAAA~~,~~EAAAA~~,~~IAAAC,~~GAAA,EAAW,UAAC,IAAA,CAAA;AAAA,UACpB,~~OAAQD~~,~~gBAAAA~~,~~EAAAA~~,~~IAAAC,~~GAAA,EAAW,UAAG,MAAA,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAE1B;AAEM,UAAAJ,IAAeC,EAAO,UAAU,GAAG;AAClC,WAAAD,CAAY,EAAE,kBAAkB;AAEjC,UAAAE,IAAeD,EAAO,UAAU,KAAK;AACpC,WAAAC,CAAY,EAAE,kBAAkB;AAAA,EAAA,CACxC,GAED,GAAG,+CAA+C,YAAY;;AACtD,UAAA,EAAE,WAAAG,EAAU,IAAIP,~~EAAOK~~,~~gBAAAA~~,~~MAACJ~~,KAAW,OAAM,KAAI,OAAM,MAAM,CAAA,CAAE,GAC3DO,KAAWC,IAAAF,EAAU,cAAc,eAAe,MAAvC,gBAAAE,EAA0C;AAC3D,WAAOD,KAAA,gBAAAA,EAAW,EAAE,EAAE,YAAY,aAAa,GAC/C,OAAOA,KAAA,gBAAAA,EAAW,EAAE,EAAE,YAAY,aAAa;AAAA,EAAA,CAChD,GAED,GAAG,kEAAkE,YAAY;;AACzE,UAAA,EAAE,WAAAD,MAAcP;AAAA,~~4BACnBC~~,GAAW,EAAA,OAAM,KAAI,OAAM,OAAM,eAAc,MAAM,CAAA;AAAA,IACxD,GACMO,KAAWC,IAAAF,EAAU,cAAc,eAAe,MAAvC,gBAAAE,EAA0C;AAC3D,WAAOD,KAAA,gBAAAA,EAAW,EAAE,EAAE,YAAY,aAAa,GAC/C,OAAOA,KAAA,gBAAAA,EAAW,EAAE,EAAE,YAAY,aAAa;AAAA,EAAA,CAChD;AACH,CAAC;"}
1	+ {"version":3,"file":"index.test.es.js","sources":["../../../src/components/ReportCard/index.test.tsx"],"sourcesContent":["import { Typography } from \"@mui/material\";\nimport { render, screen } from \"@testing-library/react\";\n\nimport { ReportCard } from \".\";\n\ndescribe(\"ReportCard component\", () => {\n it(\"renders ReportCard component with given label string and value string\", async () => {\n render(<ReportCard value=\"値\" label=\"ラベル\" />);\n\n const valueElement = screen.getByText(\"値\");\n expect(valueElement).toBeInTheDocument();\n\n const labelElement = screen.getByText(\"ラベル\");\n expect(labelElement).toBeInTheDocument();\n });\n\n it(\"renders ReportCard component with given label element and value element\", async () => {\n render(\n <ReportCard\n value={<Typography>値</Typography>}\n label={<Typography>ラベル</Typography>}\n />,\n );\n\n const valueElement = screen.getByText(\"値\");\n expect(valueElement).toBeInTheDocument();\n\n const labelElement = screen.getByText(\"ラベル\");\n expect(labelElement).toBeInTheDocument();\n });\n\n it(\"renders with label at the bottom by default\", async () => {\n const { container } = render(<ReportCard value=\"値\" label=\"ラベル\" />);\n const children = container.querySelector(\".MuiGrid-root\")?.children;\n expect(children?.[0]).toHaveClass(\"reportValue\");\n expect(children?.[1]).toHaveClass(\"reportLabel\");\n });\n\n it(\"renders with label at the top when labelPosition is set to top\", async () => {\n const { container } = render(\n <ReportCard value=\"値\" label=\"ラベル\" labelPosition=\"top\" />,\n );\n const children = container.querySelector(\".MuiGrid-root\")?.children;\n expect(children?.[0]).toHaveClass(\"reportLabel\");\n expect(children?.[1]).toHaveClass(\"reportValue\");\n });\n});\n"],"names":["render","ReportCard","valueElement","screen","labelElement","jsx","Typography","container","children","_a"],"mappings":";;;;AAKA,SAAS,wBAAwB,MAAM;AACrC,KAAG,yEAAyE,YAAY;AACtF,IAAAA,oBAAQC,GAAW,EAAA,OAAM,KAAI,OAAM,OAAM,CAAE;AAErC,UAAAC,IAAeC,EAAO,UAAU,GAAG;AAClC,WAAAD,CAAY,EAAE,kBAAkB;AAEjC,UAAAE,IAAeD,EAAO,UAAU,KAAK;AACpC,WAAAC,CAAY,EAAE,kBAAkB;AAAA,EAAA,CACxC,GAED,GAAG,2EAA2E,YAAY;AACxF,IAAAJ;AAAA,MACE,gBAAAK;AAAA,QAACJ;AAAA,QAAA;AAAA,UACC,OAAQ,gBAAAI,EAAAC,GAAA,EAAW,UAAC,IAAA,CAAA;AAAA,UACpB,OAAQ,gBAAAD,EAAAC,GAAA,EAAW,UAAG,MAAA,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAE1B;AAEM,UAAAJ,IAAeC,EAAO,UAAU,GAAG;AAClC,WAAAD,CAAY,EAAE,kBAAkB;AAEjC,UAAAE,IAAeD,EAAO,UAAU,KAAK;AACpC,WAAAC,CAAY,EAAE,kBAAkB;AAAA,EAAA,CACxC,GAED,GAAG,+CAA+C,YAAY;;AACtD,UAAA,EAAE,WAAAG,EAAU,IAAIP,EAAO,gBAAAK,EAACJ,KAAW,OAAM,KAAI,OAAM,MAAM,CAAA,CAAE,GAC3DO,KAAWC,IAAAF,EAAU,cAAc,eAAe,MAAvC,gBAAAE,EAA0C;AAC3D,WAAOD,KAAA,gBAAAA,EAAW,EAAE,EAAE,YAAY,aAAa,GAC/C,OAAOA,KAAA,gBAAAA,EAAW,EAAE,EAAE,YAAY,aAAa;AAAA,EAAA,CAChD,GAED,GAAG,kEAAkE,YAAY;;AACzE,UAAA,EAAE,WAAAD,MAAcP;AAAA,wBACnBC,GAAW,EAAA,OAAM,KAAI,OAAM,OAAM,eAAc,MAAM,CAAA;AAAA,IACxD,GACMO,KAAWC,IAAAF,EAAU,cAAc,eAAe,MAAvC,gBAAAE,EAA0C;AAC3D,WAAOD,KAAA,gBAAAA,EAAW,EAAE,EAAE,YAAY,aAAa,GAC/C,OAAOA,KAAA,gBAAAA,EAAW,EAAE,EAAE,YAAY,aAAa;AAAA,EAAA,CAChD;AACH,CAAC;"}