@jigowatts/jigowatts-ui 0.0.1-12

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

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+
+type Props = {
+    maxWidth?: string;
+    children: ReactNode;
+};
+export declare const MaxWidthContainer: {
+    (props: Props): import("react/jsx-runtime").JSX.Element;
+    defaultProps: {
+        maxWidth: string;
+    };
+};
+export default MaxWidthContainer;

package/dist/components/MaxWidthContainer/index.js

@@ -0,0 +1,15 @@
+import { jsx as t } from "react/jsx-runtime";
+import '../../assets/index16.css';const i = "_maxWidthContainer_1pmeg_1", s = "_content_1pmeg_5", n = {
+  maxWidthContainer: i,
+  content: s
+}, c = (e) => {
+  const { maxWidth: a, children: o } = e;
+  return /* @__PURE__ */ t("div", { className: n.maxWidthContainer, children: /* @__PURE__ */ t("div", { className: n.content, style: { maxWidth: a }, children: o }) });
+};
+c.defaultProps = {
+  maxWidth: "480px"
+};
+export {
+  c as MaxWidthContainer,
+  c as default
+};

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

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

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

@@ -0,0 +1,24 @@
+import { jsx as o } from "react/jsx-runtime";
+import { a as i, s as c } from "../../react.esm-C8amP77L.js";
+import { j as r } from "../../index-Di2gTfPF.js";
+import { MaxWidthContainer as s } from "./index.js";
+describe("MaxWidthContainer component", () => {
+  it("renders the children inside the container with default maxWidth", () => {
+    const t = "Test Content";
+    i(/* @__PURE__ */ o(s, { children: t }));
+    const e = c.getByText(t);
+    expect(e).toBeInTheDocument(), expect(e.closest("div")).toHaveStyle("max-width: 480px");
+  }), it("renders the children inside the container with custom maxWidth", () => {
+    const t = "Test Content", e = "600px";
+    i(
+      /* @__PURE__ */ o(s, { maxWidth: e, children: t })
+    );
+    const n = c.getByText(t);
+    expect(n).toBeInTheDocument(), expect(n.closest("div")).toHaveStyle(`max-width: ${e}`);
+  }), it("should be accessible", async () => {
+    const t = "Test Content", { container: e } = i(
+      /* @__PURE__ */ o(s, { children: t })
+    ), n = await r.axe(e);
+    expect.extend(r.toHaveNoViolations), expect(n).toHaveNoViolations();
+  });
+});

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

@@ -0,0 +1,53 @@
+import { NumericFormatProps } from 'react-number-format';
+import { FieldPath, FieldValues, PathValue, UseControllerProps } from 'react-hook-form';
+import { TextFieldProps } from '@mui/material';
+
+type MuiNumericFieldConfig = {
+    displayErrorMessage?: boolean;
+    /**
+     *
+     * @exmaple
+     * - FLOAT: `1000`
+     * - STRING: `'1000'`
+     * - FORMATTED_STRING: `'1,000'`
+     * @defaultValue `'FLOAT'`
+     */
+    valueType?: "FLOAT" | "STRING" | "FORMATTED_STRING";
+};
+type MuiNumericFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = UseControllerProps<TFieldValues, TName> & {
+    /** Additional settings */
+    config?: NumericFormatProps<unknown> & MuiNumericFieldConfig;
+    /** Settings for MUI elements */
+    inputProps?: {
+        /**
+         * Settings for TextField inside MuiTextField
+         *
+         * API: {@link https://mui.com/material-ui/api/text-field/}
+         */
+        textFieldProps?: TextFieldProps;
+    };
+    defaultValue: PathValue<FieldValues, FieldPath<FieldValues>>;
+    emptyValue?: 0 | null | undefined;
+};
+/**
+ * React hook formとreact-number-formatで管理される数値入力コンポーネントです。
+ * @typeParam TFieldValues - Type of the form.
+ * @typeParam TName - Field name.
+ * @example
+ * ```
+ *
+ * <MuiNumericField<FormData, "assets">
+ *   name="assets"
+ *   control={control}
+ *   defaultValue={undefined}
+ *   muiProps={{
+ *     textFieldProps: {
+ *       label: 'Assets',
+ *       fullWidth: true
+ *     }
+ *   }}
+ * />
+ * ```
+ */
+export declare const NumericFieldController: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: MuiNumericFieldProps<TFieldValues, TName>) => JSX.Element;
+export default NumericFieldController;