@jigowatts/jigowatts-ui 0.0.1-12

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

@@ -0,0 +1,23 @@
+import { jsx as t } from "react/jsx-runtime";
+import { a as n, s as o, f as r } from "../../react.esm-C8amP77L.js";
+import { Button as i } from "./index.js";
+describe("Button", () => {
+  it("renders correctly", () => {
+    n(/* @__PURE__ */ t(i, { children: "Test Button" })), expect(
+      o.getByRole("button", { name: "Test Button" })
+    ).toBeInTheDocument();
+  }), it("triggers event on click", () => {
+    const e = jest.fn();
+    n(/* @__PURE__ */ t(i, { onClick: e, children: "Clickable" })), r.click(o.getByText("Clickable")), expect(e).toHaveBeenCalledTimes(1);
+  }), it("renders with the thirdly theme color", () => {
+    n(
+      /* @__PURE__ */ t(i, { color: "thirdly", variant: "contained", children: "Test Button" })
+    );
+    const e = o.getByRole("button", { name: /test button/i });
+    expect(e).toBeInTheDocument(), expect(e).toHaveClass("MuiButton-containedThirdly");
+  }), it("is disabled when the disabled prop is true", () => {
+    n(/* @__PURE__ */ t(i, { disabled: !0, children: "Disabled Button" }));
+    const e = o.getByRole("button", { name: /disabled button/i });
+    expect(e).toBeDisabled();
+  });
+});

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

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+
+type Props = {
+    /**カードのタイトル */
+    headerTitle: string;
+    /**カードの中身 */
+    children: ReactNode;
+    /**gridの列数 */
+    gridColumns: number;
+};
+/**カードコンポーネント
+ * 内容の折りたたみができます。
+ * 表示する内容のgrid列数を指定可能です。
+ */
+export declare const Card: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default Card;

package/dist/components/Card/index.js

@@ -0,0 +1,37 @@
+import { jsx as n, jsxs as i } from "react/jsx-runtime";
+import { A as c, a as d, d as l, b as m } from "../../AccordionSummary-B4zooGpd.js";
+import '../../assets/index5.css';const h = "_container_n0hul_1", _ = "_header_n0hul_6", u = "_mainContent_n0hul_19", f = "_items_n0hul_27", e = {
+  container: h,
+  header: _,
+  mainContent: u,
+  items: f
+}, x = (t) => {
+  const { headerTitle: a, children: s, gridColumns: r } = t, o = Array.from(
+    { length: r },
+    () => "1fr"
+  ).join(" ");
+  return /* @__PURE__ */ n("div", { children: /* @__PURE__ */ i(c, { defaultExpanded: !0, className: e.container, children: [
+    /* @__PURE__ */ n(
+      d,
+      {
+        className: e.header,
+        "aria-controls": "panel-content",
+        expandIcon: /* @__PURE__ */ n(l, {}),
+        children: a
+      }
+    ),
+    /* @__PURE__ */ n(m, { className: e.mainContent, children: /* @__PURE__ */ n(
+      "div",
+      {
+        "data-testid": "card-items",
+        className: e.items,
+        style: { gridTemplateColumns: o },
+        children: s
+      }
+    ) })
+  ] }) });
+};
+export {
+  x as Card,
+  x as default
+};

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

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

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

@@ -0,0 +1,35 @@
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import { a as n, s as t } from "../../react.esm-C8amP77L.js";
+import { Card as r } from "./index.js";
+describe("Card component", () => {
+  it("renders header title correctly", () => {
+    n(
+      /* @__PURE__ */ e(r, { headerTitle: "Sample Card", gridColumns: 2, children: /* @__PURE__ */ e("div", { children: "Content 1" }) })
+    ), expect(t.getByText("Sample Card")).toBeInTheDocument();
+  }), it("renders children correctly", () => {
+    n(
+      /* @__PURE__ */ d(r, { headerTitle: "Sample Card", gridColumns: 2, children: [
+        /* @__PURE__ */ e("div", { children: "Content 1" }),
+        /* @__PURE__ */ e("div", { children: "Content 11" })
+      ] })
+    ), expect(t.getByText("Content 1")).toBeInTheDocument(), expect(t.getByText("Content 11")).toBeInTheDocument();
+  }), it("renders with specified grid columns", () => {
+    n(
+      /* @__PURE__ */ d(r, { headerTitle: "Sample Card", gridColumns: 3, children: [
+        /* @__PURE__ */ e("div", { children: "Content 1" }),
+        /* @__PURE__ */ e("div", { children: "Content 2" }),
+        /* @__PURE__ */ e("div", { children: "Content 3" }),
+        /* @__PURE__ */ e("div", { children: "Content 4" }),
+        /* @__PURE__ */ e("div", { children: "Content 5" }),
+        /* @__PURE__ */ e("div", { children: "Content 6" }),
+        /* @__PURE__ */ e("div", { children: "Content 7" }),
+        /* @__PURE__ */ e("div", { children: "Content 8" }),
+        /* @__PURE__ */ e("div", { children: "Content 9" }),
+        /* @__PURE__ */ e("div", { children: "Content 10" }),
+        /* @__PURE__ */ e("div", { children: "Content 11" })
+      ] })
+    );
+    const i = t.getByTestId("card-items");
+    expect(i).toHaveStyle("grid-template-columns: 1fr 1fr 1fr");
+  });
+});

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

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+
+type Props = {
+    children: ReactNode;
+    href: string;
+    isStyled?: boolean;
+    target?: React.HTMLAttributeAnchorTarget;
+    rel?: string;
+};
+export declare const CustomLink: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default CustomLink;