@jigowatts/jigowatts-ui 0.0.1-12

package/dist/components/RangeDatePickerController/index.d.ts

@@ -0,0 +1,21 @@
+import { Control, FieldValues, UseFormSetValue } from 'react-hook-form';
+
+export type RangeDatePickerControllerInfo = {
+    name: string;
+    defaultValue?: string | undefined | null;
+};
+type Props = {
+    control: Control;
+    fromDateInfo: RangeDatePickerControllerInfo;
+    toDateInfo: RangeDatePickerControllerInfo;
+    dateFormat: string;
+    setValue: UseFormSetValue<FieldValues>;
+};
+/**
+ * Date,DateTimeをを選択できるコンポーネント
+ * dateFormatに合わせてpickerViewを生成します。
+ * @param props
+ * @returns
+ */
+export declare const RangeDatePickerController: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default RangeDatePickerController;

package/dist/components/RangeDatePickerController/index.js

@@ -0,0 +1,123 @@
+import { jsx as i, jsxs as y } from "react/jsx-runtime";
+import { r as x, _ as D, t as M, s as C, a as l, L as T, A as j, j as P, p as V } from "../../index-CICI7n5Y.js";
+import { C as h } from "../../index.esm-ChwJSgnF.js";
+import { DATETIME_FORMAT as A } from "../../constants/datetime.js";
+import { j as B, D as g } from "../../DateTimePicker-DJSOr5wM.js";
+import '../../assets/index19.css';function F(c, t) {
+  if (x(2, arguments), D(t) !== "object" || t === null)
+    throw new RangeError("values parameter must be an object");
+  var r = M(c);
+  return isNaN(r.getTime()) ? /* @__PURE__ */ new Date(NaN) : (t.year != null && r.setFullYear(t.year), t.month != null && (r = C(r, t.month)), t.date != null && r.setDate(l(t.date)), t.hours != null && r.setHours(l(t.hours)), t.minutes != null && r.setMinutes(l(t.minutes)), t.seconds != null && r.setSeconds(l(t.seconds)), t.milliseconds != null && r.setMilliseconds(l(t.milliseconds)), r);
+}
+const _ = "_rangeContainer_17n2w_1", N = {
+  rangeContainer: _
+}, I = (c) => {
+  const { control: t, fromDateInfo: r, toDateInfo: u, dateFormat: n, setValue: d } = c, m = (e, o) => {
+    const a = e ? e instanceof Date ? e : typeof e == "string" ? V(e, n, /* @__PURE__ */ new Date()) : null : null;
+    return typeof e == "string" && d(o.name, a), a;
+  }, f = (e, o) => {
+    d(o.name, e ?? o.defaultValue, {
+      shouldDirty: !0
+    });
+  }, p = (() => {
+    const e = [];
+    return n.includes("yyyy") && e.push("year"), n.includes("MM") && e.push("month"), n.includes("dd") && e.push("day"), n.includes("HH") && e.push("hours"), n.includes("mm") && e.push("minutes"), n.includes("ss") && e.push("seconds"), e;
+  })();
+  return /* @__PURE__ */ i(
+    T,
+    {
+      dateAdapter: j,
+      adapterLocale: P,
+      localeText: B.components.MuiLocalizationProvider.defaultProps.localeText,
+      children: /* @__PURE__ */ y("div", { className: N.rangeContainer, children: [
+        /* @__PURE__ */ i(
+          h,
+          {
+            control: t,
+            name: r.name,
+            defaultValue: r.defaultValue,
+            render: ({ field: e, fieldState: o }) => {
+              var a;
+              return /* @__PURE__ */ i(
+                g,
+                {
+                  ...e,
+                  format: n,
+                  views: p,
+                  sx: {
+                    ".MuiButtonBase-root": {
+                      padding: 0.5
+                    }
+                  },
+                  value: m(e.value, r),
+                  onChange: (s) => {
+                    f(s, r);
+                  },
+                  slotProps: {
+                    textField: {
+                      error: !!o.error,
+                      helperText: (a = o.error) == null ? void 0 : a.message
+                    },
+                    // NOTE: clearボタンが文字を隠していまうのでとりあえずcalendar内のもので代用
+                    // field: {
+                    //   clearable: true,
+                    // },
+                    actionBar: { actions: ["clear"] }
+                  }
+                }
+              );
+            }
+          }
+        ),
+        "~",
+        /* @__PURE__ */ i(
+          h,
+          {
+            control: t,
+            name: u.name,
+            defaultValue: u.defaultValue,
+            render: ({ field: e, fieldState: o }) => {
+              var a;
+              return /* @__PURE__ */ i(
+                g,
+                {
+                  ...e,
+                  format: n,
+                  views: p,
+                  sx: {
+                    ".MuiButtonBase-root": {
+                      padding: 0.5
+                    }
+                  },
+                  value: m(e.value, u),
+                  onChange: (s) => {
+                    n === A && s !== null && !e.value && (s = F(s, {
+                      hours: 23,
+                      minutes: 59,
+                      seconds: 59
+                    })), f(s, u);
+                  },
+                  slotProps: {
+                    textField: {
+                      error: !!o.error,
+                      helperText: (a = o.error) == null ? void 0 : a.message
+                    },
+                    // NOTE: clearボタンが文字を隠していまうのでとりあえずcalendar内のもので代用
+                    // field: {
+                    //   clearable: true,
+                    // },
+                    actionBar: { actions: ["clear"] }
+                  }
+                }
+              );
+            }
+          }
+        )
+      ] })
+    }
+  );
+};
+export {
+  I as RangeDatePickerController,
+  I as default
+};

package/dist/components/RangeDatePickerController/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/RangeDatePickerController/index.test.js

@@ -0,0 +1,24 @@
+import { jsx as n } from "react/jsx-runtime";
+import { r as s, a as c, s as e } from "../../react.esm-C8amP77L.js";
+import { u as l } from "../../index.esm-ChwJSgnF.js";
+import { RangeDatePickerController as m } from "./index.js";
+describe("RangeDatePickerController component", () => {
+  it("renders date pickers with correct default values", () => {
+    const { result: t } = s(() => l()), o = t.current.control;
+    c(
+      /* @__PURE__ */ n(
+        m,
+        {
+          control: o,
+          fromDateInfo: { name: "fromDate", defaultValue: "2024-03-01" },
+          toDateInfo: { name: "toDate", defaultValue: "2024-03-15" },
+          dateFormat: "yyyy-MM-dd",
+          setValue: () => {
+          }
+        }
+      )
+    );
+    const r = e.getByDisplayValue("2024-03-01"), a = e.getByDisplayValue("2024-03-15");
+    expect(r).toBeInTheDocument(), expect(a).toBeInTheDocument();
+  });
+});

package/dist/components/ReportCard/index.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+
+type Props = {
+    value: string | ReactNode;
+    label: string | ReactNode;
+};
+/**
+ * ダッシュボード用のレポート表示（値の直接表示）用のカードです。
+ * 項目名と値のみを表示します。
+ */
+export declare const ReportCard: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default ReportCard;

package/dist/components/ReportCard/index.js

@@ -0,0 +1,18 @@
+import { jsx as r, jsxs as s } from "react/jsx-runtime";
+import { Card as l, Box as p, Grid as c } from "@mui/material";
+import '../../assets/index3.css';const d = "_reportCard_wox0s_1", n = "_reportBox_wox0s_8", x = "_reportLabel_wox0s_14", _ = "_reportValue_wox0s_17", e = {
+  reportCard: d,
+  reportBox: n,
+  reportLabel: x,
+  reportValue: _
+}, u = (o) => {
+  const { value: t, label: a } = o;
+  return /* @__PURE__ */ r(l, { className: e.reportCard, children: /* @__PURE__ */ r(p, { className: e.reportBox, children: /* @__PURE__ */ s(c, { children: [
+    /* @__PURE__ */ r("div", { className: e.reportValue, children: t }),
+    /* @__PURE__ */ r("div", { className: e.reportLabel, children: a })
+  ] }) }) });
+};
+export {
+  u as ReportCard,
+  u as default
+};

package/dist/components/ReportCard/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ReportCard/index.test.js

@@ -0,0 +1,27 @@
+import { jsx as e } from "react/jsx-runtime";
+import { Typography as r } from "@mui/material";
+import { a as l, s as t } from "../../react.esm-C8amP77L.js";
+import { ReportCard as a } from "./index.js";
+describe("ReportCard component", () => {
+  it("renders ReportCard component with given label string and value string", async () => {
+    l(/* @__PURE__ */ e(a, { value: "値", label: "ラベル" }));
+    const n = t.getByText("値");
+    expect(n).toBeInTheDocument();
+    const o = t.getByText("ラベル");
+    expect(o).toBeInTheDocument();
+  }), it("renders ReportCard component with given label element and value element", async () => {
+    l(
+      /* @__PURE__ */ e(
+        a,
+        {
+          value: /* @__PURE__ */ e(r, { children: "値" }),
+          label: /* @__PURE__ */ e(r, { children: "ラベル" })
+        }
+      )
+    );
+    const n = t.getByText("値");
+    expect(n).toBeInTheDocument();
+    const o = t.getByText("ラベル");
+    expect(o).toBeInTheDocument();
+  });
+});

package/dist/components/ReportChart/index.d.ts

@@ -0,0 +1,22 @@
+type Props = {
+    dataList: unknown[];
+    title: string;
+    xLabel: string;
+    yLabel: string;
+    labelKey: string;
+    valueKey: string;
+    borderColor: string;
+    chartMargin?: ChartMargin;
+    tooltipFormatter?: CustomToolTipFormatter;
+    isLoading?: boolean;
+};
+type ChartMargin = {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+};
+type CustomToolTipFormatter = (value: unknown, label: string) => string[];
+export declare const ReportChartRe: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const ReportChart: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default ReportChart;