@gobolt/genesis 0.0.7 → 0.0.9

package/dist/components/{molecules/error-boundary-fallback → ErrorBoundaryFallback}/styles.js

@@ -1,11 +1,12 @@
-import { d as W } from "../../../styled-components.browser.esm-CZ1XM4o4.js";
+import { d as W } from "../../styled-components.browser.esm-CZ1XM4o4.js";
 import * as e from "react";
-import { R as A, a as j } from "../../../ExclamationCircleFilled-BICVVQIg.js";
-import { R as z } from "../../../CloseCircleFilled-ZIY-u-27.js";
-import { _ as $, m as S, n as x, z as m, C as N, c as k, A as I } from "../../../index-BWys7dkb.js";
-import { I as H } from "../../../AntdIcon-Bsnbyy6g.js";
+import { R as A, a as j } from "../../ExclamationCircleFilled-C0Kj5KQV.js";
+import { R as z } from "../../CloseCircleFilled-DXCxlIQL.js";
+import { a as $, c as k } from "../../warning-C63HNL9U.js";
+import { I as S } from "../../AntdIcon-BoLh1dP8.js";
+import { g as x, m as N, q as m, C as I, v as H } from "../../index-oK7z6jnz.js";
 var R = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M955.7 856l-416-720c-6.2-10.7-16.9-16-27.7-16s-21.6 5.3-27.7 16l-416 720C56 877.4 71.4 904 96 904h832c24.6 0 40-26.6 27.7-48zM480 416c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v184c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V416zm32 352a48.01 48.01 0 010-96 48.01 48.01 0 010 96z" } }] }, name: "warning", theme: "filled" }, y = function(l, a) {
-  return /* @__PURE__ */ e.createElement(H, $({}, l, {
+  return /* @__PURE__ */ e.createElement(S, $({}, l, {
     ref: a,
     icon: R
   }));
@@ -515,7 +516,7 @@ const V = () => /* @__PURE__ */ e.createElement("svg", {
   d: "M181.31 293.666h-27.712a3.209 3.209 0 0 1-3.209-3.21V269.79a3.209 3.209 0 0 1 3.209-3.21h27.711a3.209 3.209 0 0 1 3.209 3.21v20.668a3.209 3.209 0 0 1-3.209 3.209",
   fill: "#F2D7AD",
   mask: "url(#d)"
-}))), _ = (t) => {
+}))), w = (t) => {
   const {
     componentCls: l,
     lineHeightHeading3: a,
@@ -578,7 +579,7 @@ const V = () => /* @__PURE__ */ e.createElement("svg", {
       }
     }
   };
-}, w = (t) => {
+}, _ = (t) => {
   const {
     componentCls: l,
     iconCls: a
@@ -597,13 +598,13 @@ const V = () => /* @__PURE__ */ e.createElement("svg", {
       color: t.resultWarningIconColor
     }
   };
-}, T = (t) => [_(t), w(t)], O = (t) => T(t), G = (t) => ({
+}, T = (t) => [w(t), _(t)], O = (t) => T(t), G = (t) => ({
   titleFontSize: t.fontSizeHeading3,
   subtitleFontSize: t.fontSize,
   iconFontSize: t.fontSizeHeading3 * 3,
   extraMargin: `${t.paddingLG}px 0 0 0`
-}), P = S("Result", (t) => {
-  const l = t.colorInfo, a = t.colorError, r = t.colorSuccess, n = t.colorWarning, s = x(t, {
+}), P = x("Result", (t) => {
+  const l = t.colorInfo, a = t.colorError, r = t.colorSuccess, n = t.colorWarning, s = N(t, {
     resultInfoIconColor: l,
     resultErrorIconColor: a,
     resultSuccessIconColor: r,
@@ -612,7 +613,7 @@ const V = () => /* @__PURE__ */ e.createElement("svg", {
     imageHeight: 295
   });
   return [O(s)];
-}, G), U = () => /* @__PURE__ */ e.createElement("svg", {
+}, G), q = () => /* @__PURE__ */ e.createElement("svg", {
   width: "251",
   height: "294"
 }, /* @__PURE__ */ e.createElement("title", null, "Unauthorized"), /* @__PURE__ */ e.createElement("g", {
@@ -834,7 +835,7 @@ const V = () => /* @__PURE__ */ e.createElement("svg", {
   strokeWidth: "1.051",
   strokeLinecap: "round",
   strokeLinejoin: "round"
-}))), X = {
+}))), U = {
   success: A,
   error: z,
   info: j,
@@ -842,8 +843,8 @@ const V = () => /* @__PURE__ */ e.createElement("svg", {
 }, h = {
   404: V,
   500: b,
-  403: U
-}, q = Object.keys(h), J = (t) => {
+  403: q
+}, X = Object.keys(h), J = (t) => {
   let {
     prefixCls: l,
     icon: a,
@@ -851,16 +852,16 @@ const V = () => /* @__PURE__ */ e.createElement("svg", {
   } = t;
   const n = k(`${l}-icon`);
   if (process.env.NODE_ENV !== "production") {
-    const o = I("Result");
+    const o = H("Result");
     process.env.NODE_ENV !== "production" && o(!(typeof a == "string" && a.length > 2), "breaking", `\`icon\` is using ReactNode instead of string naming in v4. Please check \`${a}\` at https://ant.design/components/icon`);
   }
-  if (q.includes(`${r}`)) {
+  if (X.includes(`${r}`)) {
     const o = h[r];
     return /* @__PURE__ */ e.createElement("div", {
       className: `${n} ${l}-image`
     }, /* @__PURE__ */ e.createElement(o, null));
   }
-  const s = /* @__PURE__ */ e.createElement(X[r]);
+  const s = /* @__PURE__ */ e.createElement(U[r]);
   return a === null || a === !1 ? null : /* @__PURE__ */ e.createElement("div", {
     className: n
   }, a || s);
@@ -889,7 +890,7 @@ const V = () => /* @__PURE__ */ e.createElement("svg", {
     getPrefixCls: f,
     direction: L,
     result: d
-  } = e.useContext(N), c = f("result", l), [B, g, v] = P(c), C = k(c, `${c}-${E}`, a, d == null ? void 0 : d.className, r, {
+  } = e.useContext(I), c = f("result", l), [B, g, v] = P(c), C = k(c, `${c}-${E}`, a, d == null ? void 0 : d.className, r, {
     [`${c}-rtl`]: L === "rtl"
   }, g, v), D = Object.assign(Object.assign({}, d == null ? void 0 : d.style), o);
   return B(/* @__PURE__ */ e.createElement("div", {
@@ -914,7 +915,7 @@ M.PRESENTED_IMAGE_403 = h[403];
 M.PRESENTED_IMAGE_404 = h[404];
 M.PRESENTED_IMAGE_500 = h[500];
 process.env.NODE_ENV !== "production" && (M.displayName = "Result");
-const l1 = W(M)`
+const a1 = W(M)`
   height: 100vh;
   display: flex;
   flex-direction: column;
@@ -926,5 +927,5 @@ const l1 = W(M)`
   }
 `;
 export {
-  l1 as StyledErrorBoundaryFallback
+  a1 as StyledErrorBoundaryFallback
 };

package/dist/components/Form/Form.d.ts

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+import { FormProps as AntFormProps, FormInstance } from 'antd';
+import { TYPE, STATE } from '../../constants';
+
+import * as S from "./styles";
+export interface FormProps extends AntFormProps {
+    children?: React.ReactNode;
+    type?: keyof typeof TYPE;
+    state?: keyof typeof STATE;
+}
+export declare const FormItem: (<Values = any>(props: import('antd').FormItemProps<Values>) => React.ReactElement) & {
+    useStatus: () => {
+        status?: import('antd/es/form/FormItem').ValidateStatus;
+        errors: React.ReactNode[];
+        warnings: React.ReactNode[];
+    };
+};
+interface GenesisFormProps extends FormProps {
+    form?: FormInstance;
+}
+interface FormType extends React.FC<GenesisFormProps> {
+    Item: typeof S.Form.Item;
+    useForm: typeof S.Form.useForm;
+}
+declare const Form: FormType;
+export default Form;

package/dist/components/Form/Form.js

@@ -0,0 +1,8 @@
+import "react/jsx-runtime";
+import "../../providers/ThemeProvider.js";
+import { h as a, F as e } from "../../Typography-aGoDUl4R.js";
+import "../../styles-CT_fyXBd.js";
+export {
+  a as FormItem,
+  e as default
+};

package/dist/components/Form/__stories__/FormStory.js

@@ -0,0 +1,93 @@
+import { jsxs as o, Fragment as p, jsx as e } from "react/jsx-runtime";
+import { F as c, a as s, h as i } from "../../../Typography-aGoDUl4R.js";
+import "../../Badge/styles.js";
+import "../../Breadcrumb/styles.js";
+import "../../../providers/ThemeProvider.js";
+import m from "../../Button/Button.js";
+import d from "../../Checkbox/Checkbox.js";
+import "../../ErrorBoundaryFallback/styles.js";
+import u from "../../Input/Input.js";
+import "../../Message/styles.js";
+import "../../Notification/styles.js";
+import h from "../../Select/Select.js";
+import "../../Toast/styles.js";
+import f from "react";
+import { F as b } from "../../../styles-CT_fyXBd.js";
+import { S as l } from "../../../index-BZAhCB_K.js";
+const F = [
+  { value: "apple", label: /* @__PURE__ */ e("span", { children: "apple" }) },
+  { value: "pear", label: /* @__PURE__ */ e("span", { children: "pear" }) }
+], _ = () => {
+  const [n, t] = f.useState(null), [a] = b.useForm();
+  return /* @__PURE__ */ o(p, { children: [
+    /* @__PURE__ */ e(
+      c,
+      {
+        form: a,
+        autoComplete: "off",
+        initialValues: { remember: !0 },
+        onFinish: (r) => {
+          console.log("Success:", r), t(r);
+        },
+        onFinishFailed: (r) => {
+          console.log("Failed:", r);
+        },
+        children: /* @__PURE__ */ o(l, { direction: "vertical", children: [
+          /* @__PURE__ */ e(s, { variant: "heading1", children: "Ship with GoBolt" }),
+          /* @__PURE__ */ e(
+            i,
+            {
+              label: "What is your name?",
+              name: "username",
+              rules: [{ required: !0, message: "Please input your name!" }],
+              labelCol: { span: 24 },
+              children: /* @__PURE__ */ e(u, {})
+            }
+          ),
+          /* @__PURE__ */ e(
+            i,
+            {
+              label: "What's for lunch?",
+              name: "fruit",
+              rules: [{ required: !1 }],
+              labelCol: { span: 24 },
+              children: /* @__PURE__ */ e(h, { options: F, placeholder: "Select a fruit" })
+            }
+          ),
+          /* @__PURE__ */ e(
+            i,
+            {
+              name: "subscribe",
+              labelCol: { span: 24 },
+              label: "Interested in updates?",
+              children: /* @__PURE__ */ e(l, { direction: "horizontal", children: /* @__PURE__ */ e(d, { label: "Yes, Sign me up" }) })
+            }
+          ),
+          /* @__PURE__ */ e(i, { label: null, name: "subscribe", valuePropName: "checked", children: /* @__PURE__ */ o(l, { direction: "horizontal", size: 180, children: [
+            /* @__PURE__ */ e(m, { themeType: "secondary", onClick: () => {
+              a.resetFields(), t(null);
+            }, children: "Reset" }),
+            /* @__PURE__ */ e(m, { htmlType: "submit", children: "Submit" })
+          ] }) })
+        ] })
+      }
+    ),
+    n && /* @__PURE__ */ o(
+      "div",
+      {
+        style: {
+          marginTop: "20px",
+          padding: "10px",
+          border: "1px solid #ccc"
+        },
+        children: [
+          /* @__PURE__ */ e(s, { variant: "heading3", children: "Form Values:" }),
+          /* @__PURE__ */ e("pre", { children: JSON.stringify(n, null, 2) })
+        ]
+      }
+    )
+  ] });
+};
+export {
+  _ as FormStory
+};

package/dist/components/Form/__tests__/form.test.d.ts

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

package/dist/components/Form/__tests__/form.test.js

@@ -0,0 +1,18 @@
+import { jsx as s } from "react/jsx-runtime";
+import { v as e, s as m, a as t } from "../../../setup-BvfREoHl.js";
+import { F as i } from "../../../Typography-aGoDUl4R.js";
+describe("<Form />", () => {
+  let o;
+  beforeEach(() => {
+    o = {
+      onFinish: e.fn(),
+      onFinishFailed: e.fn()
+    };
+  });
+  const r = () => t(/* @__PURE__ */ s(i, { ...o }));
+  it("should render the form", () => {
+    r();
+    const n = m.getByRole("form");
+    expect(n).toBeInTheDocument();
+  });
+});

package/dist/components/Form/index.js

@@ -0,0 +1,4 @@
+import { F as f } from "../../Typography-aGoDUl4R.js";
+export {
+  f as default
+};

package/dist/components/Form/styles.d.ts

@@ -0,0 +1,3 @@
+import { Form as AntForm } from 'antd';
+
+export declare const Form: typeof AntForm;

package/dist/components/Form/styles.js

@@ -0,0 +1,5 @@
+import "../../styled-components.browser.esm-CZ1XM4o4.js";
+import { a } from "../../styles-CT_fyXBd.js";
+export {
+  a as Form
+};

package/dist/components/{atoms/input → Input}/Input.d.ts

@@ -1,10 +1,8 @@
 import { default as React } from 'react';
-import { TYPE, STATE } from '../../../constants';
+import { STATE } from '../../constants';
 import { InputProps as AntInputProps } from 'antd';
 
-export type GenesisInputType = keyof typeof TYPE;
 export interface InputProps extends AntInputProps {
-    type?: GenesisButtonType;
     state?: keyof typeof STATE;
 }
 declare const Input: React.FC<InputProps>;

package/dist/components/Input/Input.js

@@ -0,0 +1,19 @@
+import { jsx as i } from "react/jsx-runtime";
+import { Input as p } from "./styles.js";
+import { useBreakpoint as e } from "../../providers/ThemeProvider.js";
+import { STATE as a } from "../../constants/index.js";
+const f = ({ state: t = a.active, ...o }) => {
+  e();
+  const { type: d, ...r } = o;
+  return /* @__PURE__ */ i(
+    p,
+    {
+      state: t,
+      disabled: t === "disabled" || o.disabled,
+      ...r
+    }
+  );
+};
+export {
+  f as default
+};

package/dist/components/{atoms/input → Input}/__stories__/Input.stories.d.ts

@@ -5,6 +5,10 @@ declare const meta: Meta<typeof Input>;
 export default meta;
 type Story = StoryObj<typeof Input>;
 export declare const Default: Story;
-export declare const AddonAfter: Story;
+export declare const Filled: Story;
+export declare const Focussed: Story;
+export declare const Success: Story;
+export declare const Error: Story;
+export declare const AddonAfterOnlyNumbers: Story;
 export declare const AddonBefore: Story;
 export declare const AddonBeforeAfter: Story;

package/dist/components/Input/__tests__/Input.test.d.ts

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

package/dist/components/Input/__tests__/Input.test.js

@@ -0,0 +1,24 @@
+import { jsx as e } from "react/jsx-runtime";
+import { d as r, i as o, a as s, s as n, g as a } from "../../../setup-BvfREoHl.js";
+import i from "../Input.js";
+import { STATE as c } from "../../../constants/index.js";
+r("Input Component", () => {
+  o("customRenders input with default props", () => {
+    s(/* @__PURE__ */ e(i, {}));
+    const t = n.getByRole("textbox");
+    a(t).toBeInTheDocument();
+  }), o("customRenders input with active state", () => {
+    s(/* @__PURE__ */ e(i, { state: c.active }));
+    const t = n.getByRole("textbox");
+    a(t).toBeEnabled();
+  }), o("passes through additional props", () => {
+    const t = "Enter text";
+    s(/* @__PURE__ */ e(i, { placeholder: t }));
+    const p = n.getByPlaceholderText(t);
+    a(p).toBeInTheDocument();
+  }), o("handles disabled state", () => {
+    s(/* @__PURE__ */ e(i, { disabled: !0 }));
+    const t = n.getByRole("textbox");
+    a(t).toBeDisabled();
+  });
+});

package/dist/components/{atoms/input → Input}/styles.d.ts

@@ -1,6 +1,8 @@
 import { InputProps as AntInputProps } from 'antd';
+import { STATE } from '../../constants';
 
 interface InputStyledProps extends AntInputProps {
+    state?: keyof typeof STATE;
 }
 export declare const Input: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<AntInputProps & import('react').RefAttributes<import('antd').InputRef>, "ref"> & {
     ref?: import('react').Ref<import('antd').InputRef>;