@jigowatts/jigowatts-ui 1.0.1 → 1.1.0

package/dist/components/DatePickerController/index.js

@@ -2,7 +2,7 @@ import { jsx as a } from "react/jsx-runtime";
 import { L as h, A as g, j as y, p as x } from "../../index-CICI7n5Y.js";
 import { C as D } from "../../index.esm-ChwJSgnF.js";
 import { j as C, D as P } from "../../DateTimePicker-DJSOr5wM.js";
-import '../../assets/index19.css';const T = "_rangeContainer_17n2w_1", j = {
+import '../../assets/index20.css';const T = "_rangeContainer_17n2w_1", j = {
   rangeContainer: T
 }, L = {
   ".MuiButtonBase-root": {

package/dist/components/ErrorMessage/index.js

@@ -1,5 +1,5 @@
 import { jsx as s } from "react/jsx-runtime";
-import '../../assets/index6.css';const o = "_errorMessage_1x344_1", a = {
+import '../../assets/index7.css';const o = "_errorMessage_1x344_1", a = {
   errorMessage: o
 }, c = (r) => {
   const { errorMessage: e } = r;

package/dist/components/EvseStateLabel/index.js

@@ -1,6 +1,6 @@
 import { jsx as l } from "react/jsx-runtime";
 import { c as o } from "../../index-DWRHnq8_.js";
-import '../../assets/index7.css';const c = "_evseStateLabel_10v1n_1", r = {
+import '../../assets/index8.css';const c = "_evseStateLabel_10v1n_1", r = {
   evseStateLabel: c
 }, v = (s) => {
   const { evseState: t } = s;

package/dist/components/FlexButtons/index.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import '../../assets/index8.css';const u = "_buttons_10vqq_1", c = {
+import '../../assets/index9.css';const u = "_buttons_10vqq_1", c = {
   buttons: u
 }, l = (t) => {
   const { position: s, children: n } = t, o = {

package/dist/components/Form/index.js

@@ -1,5 +1,5 @@
 import { jsx as s } from "react/jsx-runtime";
-import '../../assets/index9.css';const t = "_form_1fwny_1", f = {
+import '../../assets/index10.css';const t = "_form_1fwny_1", f = {
   form: t
 }, c = (o) => {
   const { onSubmit: r, children: m } = o;

package/dist/components/FormItem/index.js

@@ -1,6 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
 import { c as i } from "../../index-DWRHnq8_.js";
-import '../../assets/index10.css';const e = "_formItem_oyo9s_1", c = "_gridFirst_oyo9s_25", s = {
+import '../../assets/index11.css';const e = "_formItem_oyo9s_1", c = "_gridFirst_oyo9s_25", s = {
   formItem: e,
   gridFirst: c
 }, d = (o) => {

package/dist/components/FormTitle/index.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import '../../assets/index11.css';const r = "_formTitle_qum4o_1", l = {
+import '../../assets/index12.css';const r = "_formTitle_qum4o_1", l = {
   formTitle: r
 }, i = (t) => {
   const { title: o } = t;

package/dist/components/Input/index.js

@@ -1,6 +1,6 @@
 import { jsxs as u, jsx as s } from "react/jsx-runtime";
 import { c as m } from "../../index-DWRHnq8_.js";
-import '../../assets/index12.css';const _ = "_inputContainer_1gij2_1", g = "_input_1gij2_1", d = "_error_1gij2_22", j = "_errorMessage_1gij2_26", r = {
+import '../../assets/index13.css';const _ = "_inputContainer_1gij2_1", g = "_input_1gij2_1", d = "_error_1gij2_22", j = "_errorMessage_1gij2_26", r = {
   inputContainer: _,
   input: g,
   error: d,

package/dist/components/InputGroup/index.js

@@ -1,5 +1,5 @@
 import { jsx as p } from "react/jsx-runtime";
-import '../../assets/index13.css';const u = "_inputGroup_yg0op_1", n = {
+import '../../assets/index14.css';const u = "_inputGroup_yg0op_1", n = {
   inputGroup: u
 }, s = (t) => {
   const { children: o } = t;

package/dist/components/Label/index.js

@@ -1,5 +1,5 @@
 import { jsxs as t, jsx as i } from "react/jsx-runtime";
-import '../../assets/index14.css';const a = "_required_1f4sr_1", d = {
+import '../../assets/index15.css';const a = "_required_1f4sr_1", d = {
   required: a
 }, o = (e) => {
   const { label: r, isRequired: s, htmlFor: l } = e;

package/dist/components/LabeledContent/index.js

@@ -1,11 +1,11 @@
 import { jsxs as n, jsx as t } from "react/jsx-runtime";
 import { c as r } from "../../index-DWRHnq8_.js";
-import '../../assets/index15.css';const o = "_container_1gimn_1", d = "_label_1gimn_7", m = "_required_1gimn_12", _ = "_content_1gimn_16", e = {
+import '../../assets/index16.css';const o = "_container_1gimn_1", d = "_label_1gimn_7", m = "_required_1gimn_12", _ = "_content_1gimn_16", e = {
   container: o,
   label: d,
   required: m,
   content: _
-}, N = (s) => {
+}, q = (s) => {
   const { label: a, content: c, className: l, isRequired: i } = s;
   return /* @__PURE__ */ n(
     "div",
@@ -23,6 +23,6 @@ import '../../assets/index15.css';const o = "_container_1gimn_1", d = "_label_1g
   );
 };
 export {
-  N as LabeledContent,
-  N as default
+  q as LabeledContent,
+  q as default
 };

package/dist/components/LoadingOverlay/index.js

@@ -1,7 +1,7 @@
 import { jsx as b } from "react/jsx-runtime";
 import { c as o } from "../../_commonjsHelpers-CT_km90n.js";
 import A from "react";
-import '../../assets/index24.css';var O = {}, i = {};
+import '../../assets/index26.css';var O = {}, i = {};
 Object.defineProperty(i, "__esModule", { value: !0 });
 i.cssValue = i.parseLengthAndUnit = void 0;
 var R = {

package/dist/components/Map/index.js

@@ -2,7 +2,7 @@ import { jsxs as us, jsx as ri } from "react/jsx-runtime";
 import { c as ls, g as cs } from "../../_commonjsHelpers-CT_km90n.js";
 import ai, { useRef as Xt, useEffect as Mt, createContext as fs, useContext as ds, forwardRef as xe, useImperativeHandle as Le, useState as hi, useCallback as _s } from "react";
 import { createPortal as ms } from "react-dom";
-import '../../assets/index25.css';function kn(m, c) {
+import '../../assets/index27.css';function kn(m, c) {
   const a = Xt(c);
   Mt(function() {
     c !== a.current && m.attributionControl != null && (a.current != null && m.attributionControl.removeAttribution(a.current), c != null && m.attributionControl.addAttribution(c)), a.current = c;

package/dist/components/MaxWidthContainer/index.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import '../../assets/index16.css';const i = "_maxWidthContainer_1pmeg_1", s = "_content_1pmeg_5", n = {
+import '../../assets/index17.css';const i = "_maxWidthContainer_1pmeg_1", s = "_content_1pmeg_5", n = {
   maxWidthContainer: i,
   content: s
 }, c = (e) => {

package/dist/components/OfflineLabel/index.js

@@ -1,8 +1,8 @@
-import l, { jsxs as i, jsx as n } from "react/jsx-runtime";
+import l, { jsxs as n, jsx as i } from "react/jsx-runtime";
 import { i as s } from "../../styled-CWju4EfZ.js";
 import { r as f } from "../../createSvgIcon-Dj8zNxRS.js";
 import { c as u } from "../../index-DWRHnq8_.js";
-import '../../assets/index22.css';var e = {}, c = s;
+import '../../assets/index24.css';var e = {}, c = s;
 Object.defineProperty(e, "__esModule", {
   value: !0
 });
@@ -16,13 +16,13 @@ const m = "_offlineLabel_2osy9_1", v = {
   offlineLabel: m
 }, h = (r) => {
   const { fontSize: o = "xx-small" } = r;
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ n(
     "div",
     {
       className: u(v.offlineLabel),
       style: { fontSize: o },
       children: [
-        /* @__PURE__ */ n(a, { fontSize: "small" }),
+        /* @__PURE__ */ i(a, { fontSize: "small" }),
         "オフライン"
       ]
     }

package/dist/components/PageSizeSelector/index.js

@@ -1,6 +1,6 @@
 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 = {
+import { S as g } from "../../index-BzzM70NU.js";
+import '../../assets/index18.css';const S = "_pageSelectorWrapper_1rspl_1", f = "_pageSelectorContainer_1rspl_5", t = {
   pageSelectorWrapper: S,
   pageSelectorContainer: f
 }, C = (o) => {

package/dist/components/Pagination/index.js

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

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

@@ -1,6 +1,6 @@
 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";
+import { P as s } from "../../index-Ng1Gk0N9.js";
 describe("Pagination component", () => {
   const e = jest.fn();
   window.scrollTo = jest.fn(), it("renders the pagination with the correct number of pages (pageCount <= 4)", () => {

package/dist/components/RadioButton/index.js

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

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

@@ -1,7 +1,7 @@
 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";
+import { s as l, R as a } from "../../index-0O6z6pEj.js";
 describe("RadioButton component", () => {
   const o = [
     { label: "Option 1", value: "option1" },

package/dist/components/RangeDatePicker/index.js

@@ -8,7 +8,7 @@ import { a as ge } from "../../index-kvi6aotO.js";
 import { u as Oe } from "../../useSlotProps-Bh7akxXV.js";
 import { r as R } from "../../ButtonBase-pxtIu13Q.js";
 import { r as L } from "../../mergeSlotProps-J197zKan.js";
-import '../../assets/index19.css';const xe = (n) => {
+import '../../assets/index20.css';const xe = (n) => {
   var t, l, a;
   const r = O(), i = N();
   return s({}, n, {

package/dist/components/RangeDatePickerController/index.js

@@ -3,7 +3,7 @@ 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
 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) {
+import '../../assets/index20.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);

package/dist/components/ReportChart/index.js

@@ -1,4 +1,4 @@
-import '../../assets/index27.css';var Bb = Object.defineProperty;
+import '../../assets/index28.css';var Bb = Object.defineProperty;
 var Rb = (e, t, n) => t in e ? Bb(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var V = (e, t, n) => (Rb(e, typeof t != "symbol" ? t + "" : t, n), n);
 import { jsxs as Qr, jsx as lt, Fragment as Fb } from "react/jsx-runtime";

package/dist/components/SearchForm/index.js

@@ -4,7 +4,7 @@ import { i as B } from "../../styled-CWju4EfZ.js";
 import { r as S } from "../../createSvgIcon-Dj8zNxRS.js";
 import { Button as a } from "@mui/material";
 import { FlexButtons as C } from "../FlexButtons/index.js";
-import '../../assets/index21.css';var o = {}, I = B;
+import '../../assets/index23.css';var o = {}, I = B;
 Object.defineProperty(o, "__esModule", {
   value: !0
 });

package/dist/components/SelectBox/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "../../index-DWRHnq8_.js";
-import { S as a, S as m } from "../../index-CQDJfJT1.js";
+import { S as a, S as m } from "../../index-BzzM70NU.js";
 export {
   a as SelectBox,
   m as default

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

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
 import { a as n, s as t } from "../../react.esm-C8amP77L.js";
-import { s as p, S as c } from "../../index-CQDJfJT1.js";
+import { s as p, S as c } from "../../index-BzzM70NU.js";
 describe("SelectBox component", () => {
   const o = [
     { label: "Option 1", value: "option1" },

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

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+
+export type Menu = {
+    label: string;
+    icon?: React.ReactNode;
+    href?: string;
+    isTitle?: boolean;
+};
+type Props = {
+    isOpen: boolean;
+    isMobile: boolean;
+    onClose: () => void;
+    menus: Menu[];
+    logoSrc: string;
+    topPageUrl?: string;
+    isStorybook?: boolean;
+};
+declare const SideMenu: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default SideMenu;

package/dist/components/SideMenu/index.js

@@ -0,0 +1,102 @@
+import { jsx as t, jsxs as d } from "react/jsx-runtime";
+import { useState as b } from "react";
+import { g as y } from "../../_commonjsHelpers-CT_km90n.js";
+import { i as D, n as k } from "../../navigation-lUua5mCE.js";
+import { L as f } from "../../link-DKxv6PwW.js";
+import { Drawer as w } from "@mui/material";
+import { c as I } from "../../index-DWRHnq8_.js";
+import '../../assets/index22.css';var M = D;
+const S = /* @__PURE__ */ y(M);
+var T = k;
+const C = "_sideMenu_1f66p_1", E = "_logo_1f66p_7", N = "_menus_1f66p_12", j = "_menuTitle_1f66p_19", H = "_menuItem_1f66p_27", L = "_selected_1f66p_41", i = {
+  sideMenu: C,
+  logo: E,
+  menus: N,
+  menuTitle: j,
+  menuItem: H,
+  selected: L
+}, p = 235, K = (h) => {
+  var m;
+  const {
+    isOpen: u,
+    isMobile: r,
+    onClose: s,
+    menus: _,
+    logoSrc: g,
+    topPageUrl: l = "/",
+    isStorybook: v = !1
+  } = h, a = ((m = T.usePathname()) == null ? void 0 : m.split("/")[1]) ?? null, [c, x] = b(
+    a === "" ? "/" : "/" + a
+  ), n = (e, o) => {
+    r && s(), v && o.preventDefault(), x(e);
+  };
+  return /* @__PURE__ */ t(
+    w,
+    {
+      variant: r ? "temporary" : "permanent",
+      open: u,
+      onClose: s,
+      sx: {
+        width: p,
+        flexShrink: 0,
+        "& .MuiDrawer-paper": {
+          width: p,
+          boxSizing: "border-box"
+        }
+      },
+      children: /* @__PURE__ */ d("div", { className: i.sideMenu, children: [
+        /* @__PURE__ */ t("div", { className: i.logo, children: /* @__PURE__ */ t(
+          f,
+          {
+            href: l,
+            style: { textDecoration: "none" },
+            onClick: (e) => n(l, e),
+            children: /* @__PURE__ */ t(
+              S,
+              {
+                src: g,
+                alt: "logo",
+                width: 204,
+                height: 49,
+                style: { width: "auto", height: "auto" },
+                priority: !0
+              }
+            )
+          }
+        ) }),
+        /* @__PURE__ */ t("div", { className: i.menus, children: _.map(
+          (e) => e.isTitle ? /* @__PURE__ */ t("div", { className: i.menuTitle, children: e.label }, e.label) : /* @__PURE__ */ t(
+            f,
+            {
+              href: e.href ?? "",
+              style: { textDecoration: "none" },
+              role: "menuitem",
+              "aria-current": c === e.href ? "page" : void 0,
+              children: /* @__PURE__ */ d(
+                "div",
+                {
+                  onClick: (o) => n(e.href, o),
+                  className: I(i.menuItem, {
+                    [i.selected]: c === e.href
+                  }),
+                  tabIndex: 0,
+                  onKeyDown: (o) => {
+                    (o.key === "Enter" || o.key === " ") && n(e.href, o);
+                  },
+                  children: [
+                    e.icon,
+                    /* @__PURE__ */ t("div", { children: e.label })
+                  ]
+                }
+              )
+            },
+            e.label
+          )
+        ) })
+      ] })
+    }
+  );
+};
+export {
+  K as default
+};

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

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,44 @@
+import { jsx as n } from "react/jsx-runtime";
+import { a as o, s as e } from "../../react.esm-C8amP77L.js";
+import { u as c } from "../../index-BqWHRIKL.js";
+import "../../index-VF82hRp0.js";
+import s from "./index.js";
+jest.mock("next/navigation", () => ({
+  usePathname: jest.fn(() => "/")
+}));
+const l = [
+  { label: "Dashboard", href: "/", isTitle: !1 },
+  { label: "管理メニュー", isTitle: !0 },
+  { label: "制御グループ一覧", href: "/management-groups", isTitle: !1 }
+], i = {
+  isOpen: !0,
+  isMobile: !1,
+  onClose: jest.fn(),
+  menus: l,
+  logoSrc: "/leaflet/images/logo.png"
+};
+describe("Given SideMenu", () => {
+  it("Then renders the side menu with correct menu items", () => {
+    o(/* @__PURE__ */ n(s, { ...i })), l.forEach((t) => {
+      const r = e.getByText(t.label);
+      expect(r).toBeInTheDocument();
+    });
+  }), it("Then renders menu titles correctly", () => {
+    o(/* @__PURE__ */ n(s, { ...i }));
+    const t = e.getByText("管理メニュー");
+    expect(t).toBeInTheDocument(), expect(t.tagName).toBe("DIV");
+  }), it("When isMobile is true and isOpen is true, Then renders correctly", () => {
+    o(/* @__PURE__ */ n(s, { ...i, isMobile: !0, isOpen: !0 })), expect(e.getByRole("presentation")).toBeInTheDocument();
+  }), it("When isMobile is true and isOpen is false, Then does not render", () => {
+    o(/* @__PURE__ */ n(s, { ...i, isMobile: !0, isOpen: !1 })), expect(e.queryByRole("presentation")).not.toBeInTheDocument();
+  }), it("When a menu item is clicked in mobile mode, Then triggers onClose", async () => {
+    const t = c.setup(), r = jest.fn(), a = {
+      ...i,
+      isMobile: !0,
+      onClose: r
+    };
+    o(/* @__PURE__ */ n(s, { ...a })), await t.click(e.getByText("Dashboard")), expect(r).toHaveBeenCalled();
+  }), it("When menus are empty, Then renders nothing", () => {
+    o(/* @__PURE__ */ n(s, { ...i, menus: [] })), expect(e.getByAltText("logo")).toBeInTheDocument(), expect(e.queryByText("Dashboard")).not.toBeInTheDocument(), expect(e.queryByText("管理メニュー")).not.toBeInTheDocument();
+  });
+});

package/dist/{index-BOjtnFU5.js → index-0O6z6pEj.js}

@@ -7,7 +7,7 @@ import './assets/index4.css';const c = "_inputContainer_18h3l_1", d = "_radioGro
   input: _,
   error: u,
   errorMessage: m
-}, N = (i) => {
+}, v = (i) => {
   const { values: n, register: t, errorMessage: o } = i;
   return /* @__PURE__ */ a("div", { className: r.inputContainer, children: [
     /* @__PURE__ */ s("div", { className: r.radioGroup, children: n.map((e) => /* @__PURE__ */ a("div", { className: r.radio, children: [
@@ -29,6 +29,6 @@ import './assets/index4.css';const c = "_inputContainer_18h3l_1", d = "_radioGro
   ] });
 };
 export {
-  N as R,
+  v as R,
   r as s
 };