@jigowatts/jigowatts-ui 0.0.1-12

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

@@ -0,0 +1,15 @@
+import { SelectBoxValue } from '../SelectBox';
+
+type PageSelectorValue = SelectBoxValue & {
+    value: number;
+};
+type Props = {
+    startRecordNum: number;
+    endRecordNum: number;
+    totalCount: number;
+    values?: PageSelectorValue[];
+    defaultValue?: PageSelectorValue["value"];
+    onChangePageSize?: (pageSize: number) => void;
+};
+export declare const PageSizeSelector: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default PageSizeSelector;

package/dist/components/PageSizeSelector/index.js

@@ -0,0 +1,43 @@
+import { jsx as a, jsxs as r } from "react/jsx-runtime";
+import { S as g } from "../../index-CQDJfJT1.js";
+import '../../assets/index17.css';const S = "_pageSelectorWrapper_1rspl_1", f = "_pageSelectorContainer_1rspl_5", t = {
+  pageSelectorWrapper: S,
+  pageSelectorContainer: f
+}, C = (o) => {
+  const {
+    startRecordNum: n,
+    endRecordNum: s,
+    totalCount: c,
+    values: p,
+    defaultValue: u,
+    onChangePageSize: l
+  } = o, i = p || [
+    { label: "10件", value: 10 },
+    { label: "50件", value: 50 },
+    { label: "100件", value: 100 }
+  ], d = (e) => {
+    l && l(e);
+  };
+  return /* @__PURE__ */ a("div", { className: t.pageSelectorWrapper, children: /* @__PURE__ */ r("div", { className: t.pageSelectorContainer, children: [
+    /* @__PURE__ */ a("p", { children: "表示件数" }),
+    /* @__PURE__ */ a(
+      g,
+      {
+        values: i,
+        defaultValue: u,
+        onChange: (e) => d(e.value)
+      }
+    ),
+    /* @__PURE__ */ r("p", { children: [
+      n,
+      "-",
+      s,
+      " of ",
+      c
+    ] })
+  ] }) });
+};
+export {
+  C as PageSizeSelector,
+  C as default
+};

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

@@ -0,0 +1,9 @@
+type Color = "default" | "white";
+type Props = {
+    pageCount: number;
+    activePage: number;
+    onChangePage: (page: number) => void;
+    color?: Color;
+};
+export declare const Pagination: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default Pagination;

package/dist/components/Pagination/index.js

@@ -0,0 +1,7 @@
+import "react/jsx-runtime";
+import "../../index-DWRHnq8_.js";
+import { P as r, P as m } from "../../index-C_i0-R5C.js";
+export {
+  r as Pagination,
+  m as default
+};

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

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

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

@@ -0,0 +1,34 @@
+import { jsx as o } from "react/jsx-runtime";
+import { a as n, s as a } from "../../react.esm-C8amP77L.js";
+import { P as s } from "../../index-C_i0-R5C.js";
+describe("Pagination component", () => {
+  const e = jest.fn();
+  window.scrollTo = jest.fn(), it("renders the pagination with the correct number of pages (pageCount <= 4)", () => {
+    n(
+      /* @__PURE__ */ o(
+        s,
+        {
+          pageCount: 4,
+          activePage: 0,
+          onChangePage: e
+        }
+      )
+    );
+    const i = a.getAllByRole("listitem");
+    expect(i).toHaveLength(6);
+  }), it("renders the pagination with the correct number of pages (pageCount > 4)", () => {
+    n(
+      /* @__PURE__ */ o(
+        s,
+        {
+          pageCount: 10,
+          activePage: 0,
+          onChangePage: e
+        }
+      )
+    );
+    const t = a.getAllByRole("listitem");
+    expect(t).toHaveLength(6);
+  }), it("should be accessible", async () => {
+  });
+});

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

@@ -0,0 +1,17 @@
+import { FieldPath, PathValue, Control, FieldValues } from 'react-hook-form';
+import { FilledInputProps, InputProps, OutlinedInputProps } from '@mui/material';
+
+type MultilineOption = {
+    rows: number;
+};
+type Props<T extends FieldValues> = {
+    control: Control<T>;
+    textareaOption?: MultilineOption;
+    name: FieldPath<T>;
+    defaultValue: PathValue<T, FieldPath<T>>;
+    autoComplete?: string;
+    placeholder?: string;
+    inputProps?: Partial<FilledInputProps> | Partial<OutlinedInputProps> | Partial<InputProps>;
+};
+export declare const PasswordInputController: <T extends FieldValues>(props: Props<T>) => import("react/jsx-runtime").JSX.Element;
+export default PasswordInputController;

package/dist/components/PasswordInputController/index.js

@@ -0,0 +1,78 @@
+import s, { jsx as e, jsxs as _ } from "react/jsx-runtime";
+import { useState as F } from "react";
+import { i as n } from "../../styled-CWju4EfZ.js";
+import { r as u } from "../../createSvgIcon-Dj8zNxRS.js";
+import { FormControl as I, TextField as M, InputAdornment as g, IconButton as j, FormHelperText as y } from "@mui/material";
+import { C as P } from "../../index.esm-ChwJSgnF.js";
+var o = {}, S = n;
+Object.defineProperty(o, "__esModule", {
+  value: !0
+});
+var d = o.default = void 0, $ = S(u()), k = s;
+d = o.default = (0, $.default)(/* @__PURE__ */ (0, k.jsx)("path", {
+  d: "M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5M12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5m0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3"
+}), "Visibility");
+var i = {}, q = n;
+Object.defineProperty(i, "__esModule", {
+  value: !0
+});
+var p = i.default = void 0, R = q(u()), V = s;
+p = i.default = (0, R.default)(/* @__PURE__ */ (0, V.jsx)("path", {
+  d: "M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7M2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2m4.31-.78 3.15 3.15.02-.16c0-1.66-1.34-3-3-3z"
+}), "VisibilityOff");
+const E = (c) => {
+  const { control: f, name: m, autoComplete: v, placeholder: C, defaultValue: x, inputProps: b } = c, [r, h] = F(!1), w = () => {
+    h(!r);
+  };
+  return /* @__PURE__ */ e(
+    P,
+    {
+      control: f,
+      name: m,
+      defaultValue: x,
+      render: ({ field: t, fieldState: a }) => {
+        var l;
+        return /* @__PURE__ */ _(I, { error: a.invalid, children: [
+          /* @__PURE__ */ e(
+            M,
+            {
+              ...t,
+              type: r ? "text" : "password",
+              autoComplete: v,
+              placeholder: C,
+              value: t.value ?? "",
+              InputProps: {
+                ...b,
+                endAdornment: t.value ? /* @__PURE__ */ e(g, { position: "end", children: /* @__PURE__ */ e(
+                  j,
+                  {
+                    "aria-label": "toggle password visibility",
+                    onClick: w,
+                    edge: "end",
+                    children: r ? /* @__PURE__ */ e(p, {}) : /* @__PURE__ */ e(d, {})
+                  }
+                ) }) : void 0
+              },
+              sx: {
+                "& .MuiInput-underline:before": {
+                  borderColor: "#CCCCCC"
+                },
+                "& .MuiInputBase-root": {
+                  backgroundColor: "#FFFFFF"
+                },
+                "input:-webkit-autofill": {
+                  WebkitBoxShadow: "0 0 0 1000px white inset"
+                }
+              }
+            }
+          ),
+          /* @__PURE__ */ e(y, { children: (l = a.error) == null ? void 0 : l.message })
+        ] });
+      }
+    }
+  );
+};
+export {
+  E as PasswordInputController,
+  E as default
+};

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

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

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

@@ -0,0 +1,37 @@
+import { jsx as s } from "react/jsx-runtime";
+import { r as n, a, s as l, f as i } from "../../react.esm-C8amP77L.js";
+import { u as c } from "../../index.esm-ChwJSgnF.js";
+import { PasswordInputController as u } from "./index.js";
+describe("PasswordInputController component", () => {
+  it("renders a password input with the correct name, autoComplete, placeholder, and default value", () => {
+    const r = n(() => c().control).result.current, o = "TestPassword", t = "Password";
+    a(
+      /* @__PURE__ */ s(
+        u,
+        {
+          control: r,
+          name: o,
+          placeholder: t,
+          defaultValue: ""
+        }
+      )
+    );
+    const e = l.getByPlaceholderText(t);
+    expect(e).toBeInTheDocument(), expect(e).toHaveAttribute("type", "password"), expect(e).toHaveAttribute("name", o), expect(e).toHaveAttribute("placeholder", t);
+  }), it("sets value to default value if input is empty", () => {
+    const r = n(() => c().control).result.current, o = "TestPassword", t = "Password";
+    a(
+      /* @__PURE__ */ s(
+        u,
+        {
+          control: r,
+          name: o,
+          placeholder: t,
+          defaultValue: "DefaultPassword"
+        }
+      )
+    );
+    const e = l.getByPlaceholderText(t);
+    expect(e).toBeInTheDocument(), i.change(e, { target: { value: "" } });
+  });
+});

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

@@ -0,0 +1,13 @@
+import { UseFormRegisterReturn } from 'react-hook-form';
+
+type Value = {
+    label: string;
+    value: string;
+};
+type Props = {
+    values: Value[];
+    register?: UseFormRegisterReturn;
+    errorMessage?: string;
+};
+export declare const RadioButton: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default RadioButton;

package/dist/components/RadioButton/index.js

@@ -0,0 +1,7 @@
+import "react/jsx-runtime";
+import "../../index-DWRHnq8_.js";
+import { R as i, R as m } from "../../index-BOjtnFU5.js";
+export {
+  i as RadioButton,
+  m as default
+};

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

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

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

@@ -0,0 +1,38 @@
+import { jsx as r } from "react/jsx-runtime";
+import { a as s, s as n } from "../../react.esm-C8amP77L.js";
+import { j as c } from "../../index-Di2gTfPF.js";
+import { s as l, R as a } from "../../index-BOjtnFU5.js";
+describe("RadioButton component", () => {
+  const o = [
+    { label: "Option 1", value: "option1" },
+    { label: "Option 2", value: "option2" }
+  ];
+  it("renders the radio buttons with correct labels and values", () => {
+    s(/* @__PURE__ */ r(a, { values: o })), o.forEach(({ label: e, value: t }) => {
+      const i = n.getByLabelText(e);
+      expect(i).toBeInTheDocument(), expect(i).toHaveAttribute("value", t);
+    });
+  }), it("shows error message when provided", () => {
+    const e = "Error message";
+    s(/* @__PURE__ */ r(a, { values: o, errorMessage: e }));
+    const t = n.getByText(e);
+    expect(t).toBeInTheDocument();
+  }), it("does not show error message when not provided", () => {
+    s(/* @__PURE__ */ r(a, { values: o }));
+    const e = n.queryByText(/Error message/i);
+    expect(e).not.toBeInTheDocument();
+  }), it("applies the error class to inputs when errorMessage is provided", () => {
+    s(/* @__PURE__ */ r(a, { values: o, errorMessage: "Error message" })), o.forEach(({ label: t }) => {
+      const i = n.getByLabelText(t);
+      expect(i).toHaveClass(l.error);
+    });
+  }), it("does not apply the error class to inputs when errorMessage is not provided", () => {
+    s(/* @__PURE__ */ r(a, { values: o })), o.forEach(({ label: e }) => {
+      const t = n.getByLabelText(e);
+      expect(t).not.toHaveClass(l.error);
+    });
+  }), it("should be accessible", async () => {
+    const { container: e } = s(/* @__PURE__ */ r(a, { values: o })), t = await c.axe(e);
+    expect.extend(c.toHaveNoViolations), expect(t).toHaveNoViolations();
+  });
+});

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

@@ -0,0 +1,15 @@
+import { FieldPath, FieldValues, PathValue, Control } from 'react-hook-form';
+
+export type Option = {
+    readonly label: string;
+    readonly value: string | number;
+};
+type Props<T extends FieldValues> = {
+    control: Control<T>;
+    name: FieldPath<T>;
+    options: Option[];
+    required?: boolean;
+    defaultValue?: PathValue<T, FieldPath<T>>;
+};
+export declare const RadioGroupController: <T extends FieldValues>(props: Props<T>) => import("react/jsx-runtime").JSX.Element;
+export default RadioGroupController;

package/dist/components/RadioGroupController/index.js

@@ -0,0 +1,48 @@
+import { jsx as o, jsxs as m } from "react/jsx-runtime";
+import { FormControl as p, RadioGroup as c, FormControlLabel as v, Radio as b, FormHelperText as C } from "@mui/material";
+import { C as x } from "../../index.esm-ChwJSgnF.js";
+const f = (n) => {
+  const { control: t, name: i, options: s, required: u, defaultValue: d } = n;
+  return /* @__PURE__ */ o(
+    x,
+    {
+      control: t,
+      name: i,
+      defaultValue: d,
+      render: ({ field: r, fieldState: e }) => {
+        var a;
+        return /* @__PURE__ */ m(p, { error: e.invalid, children: [
+          /* @__PURE__ */ o(
+            c,
+            {
+              ...r,
+              "aria-labelledby": "controlled-radio-buttons-group",
+              value: r.value === void 0 ? null : r.value,
+              children: s.map((l) => /* @__PURE__ */ o(
+                v,
+                {
+                  value: l.value,
+                  control: /* @__PURE__ */ o(b, { size: "small" }),
+                  label: l.label,
+                  required: u,
+                  sx: {
+                    // NOTE: requiredと連動したアスタリスクを非表示にします。label側で反映しているため。
+                    "& .MuiFormControlLabel-asterisk": {
+                      display: "none"
+                    }
+                  }
+                },
+                l.value
+              ))
+            }
+          ),
+          /* @__PURE__ */ o(C, { children: (a = e.error) == null ? void 0 : a.message })
+        ] });
+      }
+    }
+  );
+};
+export {
+  f as RadioGroupController,
+  f as default
+};

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

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

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

@@ -0,0 +1,48 @@
+import { jsx as i } from "react/jsx-runtime";
+import { r as s, a as p, s as c } from "../../react.esm-C8amP77L.js";
+import { u } from "../../index.esm-ChwJSgnF.js";
+import { RadioGroupController as d } from "./index.js";
+describe("RadioGroupController component", () => {
+  it("renders radio buttons with options and correct default value", () => {
+    const { result: n } = s(() => u()), { control: a } = n.current, l = "TestRadio", o = [
+      { label: "Option 1", value: "option1" },
+      { label: "Option 2", value: "option2" },
+      { label: "Option 3", value: "option3" }
+    ], t = "option2";
+    p(
+      /* @__PURE__ */ i(
+        d,
+        {
+          control: a,
+          name: l,
+          options: o,
+          defaultValue: t
+        }
+      )
+    );
+    const e = o.find((r) => r.value === t);
+    if (e) {
+      const r = c.getByText(e.label);
+      expect(r).toBeInTheDocument();
+    }
+  }), it("renders without default value", () => {
+    const { result: n } = s(() => u()), { control: a } = n.current, l = "TestRadio", o = [
+      { label: "Option 1", value: "option1" },
+      { label: "Option 2", value: "option2" },
+      { label: "Option 3", value: "option3" }
+    ];
+    p(
+      /* @__PURE__ */ i(
+        d,
+        {
+          control: a,
+          name: l,
+          options: o
+        }
+      )
+    ), o.forEach((t) => {
+      const e = c.getByLabelText(t.label);
+      expect(e).not.toBeChecked();
+    });
+  });
+});

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

@@ -0,0 +1,14 @@
+import { Dispatch, SetStateAction } from 'react';
+
+export type RangeDatePickerInfo = {
+    id: string;
+    name: string;
+    valueState: Date | null;
+    setValue: Dispatch<SetStateAction<Date | null>>;
+};
+type Props = {
+    fromDateInfo: RangeDatePickerInfo;
+    toDateInfo: RangeDatePickerInfo;
+};
+export declare const RangeDatePicker: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default RangeDatePicker;