@gobolt/genesis 0.1.5 → 0.2.0

package/dist/components/Form/Form.js

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

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

@@ -1,171 +0,0 @@
-import { jsxs as s, Fragment as T, jsx as e } from "react/jsx-runtime";
-import { useState as u, useMemo as x } from "react";
-import { F as P, a as c, d as a } from "../../../Typography-B2J8CPnt.js";
-import "../../Avatar/styles.js";
-import "../../Badge/styles.js";
-import "../../../providers/BreakpointThemeProvider.js";
-import "../../Breadcrumb/styles.js";
-import p from "../../Button/Button.js";
-import V from "../../Card/Card.js";
-import k from "../../Checkbox/Checkbox.js";
-import "../../DateRangePicker/DateRangePicker.js";
-import "../../ErrorBoundaryFallback/styles.js";
-import d from "../../Input/Input.js";
-import "../../Layout/Content/styles.js";
-import "../../Message/styles.js";
-import "../../Notification/NotificationBadge/styles.js";
-import "../../Notification/styles.js";
-import "../../../styles-DNay6iFa.js";
-import S from "../../Progress/Progress.js";
-import "../../Row/styles.js";
-import "../../../styles/global-styles.js";
-import "../../Row/RowLabelValue/styles.js";
-import "../../Row/RowActions/styles.js";
-import "../../SegmentedControls/styles.js";
-import I from "../../Select/Select.js";
-import "../../Switch/styles.js";
-import { S as h } from "../../../styles-Wpm1RiGr.js";
-import "../../Tabs/styles.js";
-import "../../Tile/styles.js";
-import "../../Toast/styles.js";
-import "../../Tooltip/styles.js";
-import { F as v } from "../../../index-CupwdUIJ.js";
-const N = [
-  { value: "sedan_tesla_3", label: "Tesla Model 3", isEv: !0 },
-  { value: "suv_tesla_y", label: "Tesla Model Y", isEv: !0 },
-  { value: "sedan_lucid", label: "Lucid Air", isEv: !0 },
-  { value: "sedan_camry", label: "Toyota Camry", isEv: !1 },
-  { value: "suv_rav4", label: "Toyota RAV4", isEv: !1 },
-  { value: "pickup_f150", label: "Ford F-150", isEv: !1 },
-  { value: "van_transit", label: "Ford Transit", isEv: !1 },
-  { value: "suv_highlander", label: "Toyota Highlander", isEv: !1 },
-  { value: "sedan_accord", label: "Honda Accord", isEv: !1 },
-  { value: "suv_crv", label: "Honda CR-V", isEv: !1 },
-  { value: "other_ev", label: "Other EV", isEv: !0 },
-  { value: "other_ice", label: "Other ICE", isEv: !1 }
-], ce = () => {
-  const [b, f] = u({
-    value: 0,
-    status: "success",
-    text: null
-  }), [o, i] = u(null), [r] = v.useForm(), g = (l) => {
-    console.log("Success:", l), i(l);
-  }, y = (l) => {
-    console.log("Failed:", l);
-  }, F = () => {
-    r.resetFields(), i(null);
-  }, n = v.useWatch("isEv", r), E = x(
-    () => N.filter((l) => n ? l.isEv : !0),
-    [n]
-  ), C = () => {
-    const l = ["email", "routeNumber"], t = r.getFieldsValue(), _ = l.length;
-    return l.filter(
-      (m) => t[m] !== void 0 && t[m] !== ""
-    ).length / _ * 100;
-  };
-  return /* @__PURE__ */ s(T, { children: [
-    /* @__PURE__ */ s(
-      P,
-      {
-        form: r,
-        autoComplete: "off",
-        initialValues: { remember: !0 },
-        onFinish: g,
-        onFinishFailed: y,
-        onValuesChange: () => {
-          f({
-            text: null,
-            value: C(),
-            status: r.getFieldsError().some((l) => l.errors.length > 0) ? "error" : "success"
-          });
-        },
-        children: [
-          /* @__PURE__ */ e(V, { cover: /* @__PURE__ */ e("img", { alt: "driver check in", src: "/gobolt_warehouse.png" }), children: /* @__PURE__ */ e(c, { variant: "heading2", children: "Driver Check In" }) }),
-          /* @__PURE__ */ e(
-            a,
-            {
-              label: "What is your email?",
-              name: "email",
-              rules: [
-                { required: !0, message: "Please input your email!" },
-                { type: "email", message: "Please enter a valid email address!" }
-              ],
-              labelCol: { span: 24 },
-              children: /* @__PURE__ */ e(d, {})
-            }
-          ),
-          /* @__PURE__ */ e(
-            a,
-            {
-              label: "What is your route number?",
-              name: "routeNumber",
-              rules: [
-                { required: !0, message: "Please input only numbers" },
-                { pattern: /^[0-9]*$/, message: "Please input numbers only" }
-              ],
-              help: "Please input only numbers",
-              labelCol: { span: 24 },
-              style: { marginBottom: "48px" },
-              children: /* @__PURE__ */ e(
-                d,
-                {
-                  placeholder: "Enter a route number",
-                  type: "number",
-                  maxLength: 10,
-                  onKeyPress: (l) => {
-                    /[0-9]/.test(l.key) || l.preventDefault();
-                  },
-                  onChange: (l) => {
-                    const t = l.target.value.replace(/[^0-9]/g, "");
-                    r.setFieldValue("routeNumber", t);
-                  }
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ e(
-            a,
-            {
-              name: "isEv",
-              labelCol: { span: 24 },
-              valuePropName: "checked",
-              children: /* @__PURE__ */ e(h, { direction: "horizontal", children: /* @__PURE__ */ e(k, { children: "Is your vehicle an EV?" }) })
-            }
-          ),
-          /* @__PURE__ */ e(
-            a,
-            {
-              label: "Please select your vehicle type",
-              name: "vehicleType",
-              rules: [{ required: !1 }],
-              labelCol: { span: 24 },
-              children: /* @__PURE__ */ e(I, { options: E, placeholder: "Select a vehicle type" })
-            }
-          ),
-          /* @__PURE__ */ e(a, { label: null, name: "subscribe", valuePropName: "checked", children: /* @__PURE__ */ s(h, { direction: "horizontal", children: [
-            /* @__PURE__ */ e(p, { htmlType: "submit", children: "Check In" }),
-            /* @__PURE__ */ e(p, { themeType: "secondary", onClick: F, children: "Reset" }),
-            /* @__PURE__ */ e(S, { firstBarData: b })
-          ] }) })
-        ]
-      }
-    ),
-    o && /* @__PURE__ */ s(
-      "div",
-      {
-        style: {
-          marginTop: "20px",
-          padding: "10px",
-          border: "1px solid #ccc"
-        },
-        children: [
-          /* @__PURE__ */ e(c, { variant: "heading3", children: "Form Values:" }),
-          /* @__PURE__ */ e("pre", { children: JSON.stringify(o, null, 2) })
-        ]
-      }
-    )
-  ] });
-};
-export {
-  ce as FormStory
-};

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

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

package/dist/components/Form/index.js

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

package/dist/components/Form/styles.js

@@ -1,13 +0,0 @@
-import { d as t } from "../../styled-components.browser.esm-C47QHsU4.js";
-import { F as o } from "../../index-CupwdUIJ.js";
-const a = t(o)`
-  label,
-  .ant-form-item-label > label,
-  .ant-form-item-required,
-  .ant-form-item-row > label {
-    height: auto !important;
-  }
-`;
-export {
-  a as Form
-};

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

@@ -1,25 +0,0 @@
-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/FormBrandon/Form.js

@@ -1,18 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import "../../providers/BreakpointThemeProvider.js";
-import { u as e } from "../../Typography-B2J8CPnt.js";
-import { Form as o } from "./styles.js";
-const s = o.Item, F = Object.assign(
-  ({ children: r, ...m }) => {
-    const { breakpoint: i } = e();
-    return /* @__PURE__ */ t(o, { role: "form", ...m, children: r });
-  },
-  {
-    Item: s,
-    useForm: o.useForm
-  }
-);
-export {
-  s as FormItem,
-  F as default
-};

package/dist/components/FormBrandon/__stories__/Form.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { default as Form } from '../Form';
-declare const meta: Meta<typeof Form>;
-export default meta;
-type Story = StoryObj<typeof Form>;
-export declare const Default: Story;

package/dist/components/FormBrandon/__stories__/FormStory.d.ts

@@ -1 +0,0 @@
-export declare const FormStory: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,172 +0,0 @@
-import { jsxs as o, Fragment as T, jsx as e } from "react/jsx-runtime";
-import { useState as u, useMemo as x } from "react";
-import P, { FormItem as t } from "../Form.js";
-import "../../Avatar/styles.js";
-import "../../Badge/styles.js";
-import "../../../providers/BreakpointThemeProvider.js";
-import { a as c } from "../../../Typography-B2J8CPnt.js";
-import "../../Breadcrumb/styles.js";
-import p from "../../Button/Button.js";
-import V from "../../Card/Card.js";
-import k from "../../Checkbox/Checkbox.js";
-import "../../DateRangePicker/DateRangePicker.js";
-import "../../ErrorBoundaryFallback/styles.js";
-import d from "../../Input/Input.js";
-import "../../Layout/Content/styles.js";
-import "../../Message/styles.js";
-import "../../Notification/NotificationBadge/styles.js";
-import "../../Notification/styles.js";
-import "../../../styles-DNay6iFa.js";
-import S from "../../Progress/Progress.js";
-import "../../Row/styles.js";
-import "../../../styles/global-styles.js";
-import "../../Row/RowLabelValue/styles.js";
-import "../../Row/RowActions/styles.js";
-import "../../SegmentedControls/styles.js";
-import I from "../../Select/Select.js";
-import "../../Switch/styles.js";
-import { S as h } from "../../../styles-Wpm1RiGr.js";
-import "../../Tabs/styles.js";
-import "../../Tile/styles.js";
-import "../../Toast/styles.js";
-import "../../Tooltip/styles.js";
-import { F as v } from "../../../index-CupwdUIJ.js";
-const N = [
-  { value: "sedan_tesla_3", label: "Tesla Model 3", isEv: !0 },
-  { value: "suv_tesla_y", label: "Tesla Model Y", isEv: !0 },
-  { value: "sedan_lucid", label: "Lucid Air", isEv: !0 },
-  { value: "sedan_camry", label: "Toyota Camry", isEv: !1 },
-  { value: "suv_rav4", label: "Toyota RAV4", isEv: !1 },
-  { value: "pickup_f150", label: "Ford F-150", isEv: !1 },
-  { value: "van_transit", label: "Ford Transit", isEv: !1 },
-  { value: "suv_highlander", label: "Toyota Highlander", isEv: !1 },
-  { value: "sedan_accord", label: "Honda Accord", isEv: !1 },
-  { value: "suv_crv", label: "Honda CR-V", isEv: !1 },
-  { value: "other_ev", label: "Other EV", isEv: !0 },
-  { value: "other_ice", label: "Other ICE", isEv: !1 }
-], pe = () => {
-  const [b, f] = u({
-    value: 0,
-    status: "success",
-    text: null
-  }), [s, i] = u(null), [l] = v.useForm(), g = (r) => {
-    console.log("Success:", r), i(r);
-  }, y = (r) => {
-    console.log("Failed:", r);
-  }, F = () => {
-    l.resetFields(), i(null);
-  }, n = v.useWatch("isEv", l), E = x(
-    () => N.filter((r) => n ? r.isEv : !0),
-    [n]
-  ), C = () => {
-    const r = ["email", "routeNumber"], a = l.getFieldsValue(), _ = r.length;
-    return r.filter(
-      (m) => a[m] !== void 0 && a[m] !== ""
-    ).length / _ * 100;
-  };
-  return /* @__PURE__ */ o(T, { children: [
-    /* @__PURE__ */ o(
-      P,
-      {
-        form: l,
-        autoComplete: "off",
-        initialValues: { remember: !0 },
-        onFinish: g,
-        onFinishFailed: y,
-        onValuesChange: () => {
-          f({
-            text: null,
-            value: C(),
-            status: l.getFieldsError().some((r) => r.errors.length > 0) ? "error" : "success"
-          });
-        },
-        children: [
-          /* @__PURE__ */ e(V, { cover: /* @__PURE__ */ e("img", { alt: "driver check in", src: "/gobolt_warehouse.png" }), children: /* @__PURE__ */ e(c, { variant: "heading2", children: "Driver Check In" }) }),
-          /* @__PURE__ */ e(
-            t,
-            {
-              label: "What is your email?",
-              name: "email",
-              rules: [
-                { required: !0, message: "Please input your email!" },
-                { type: "email", message: "Please enter a valid email address!" }
-              ],
-              labelCol: { span: 24 },
-              children: /* @__PURE__ */ e(d, {})
-            }
-          ),
-          /* @__PURE__ */ e(
-            t,
-            {
-              label: "What is your route number?",
-              name: "routeNumber",
-              rules: [
-                { required: !0, message: "Please input only numbers" },
-                { pattern: /^[0-9]*$/, message: "Please input numbers only" }
-              ],
-              help: "Please input only numbers",
-              labelCol: { span: 24 },
-              style: { marginBottom: "48px" },
-              children: /* @__PURE__ */ e(
-                d,
-                {
-                  placeholder: "Enter a route number",
-                  type: "number",
-                  maxLength: 10,
-                  onKeyPress: (r) => {
-                    /[0-9]/.test(r.key) || r.preventDefault();
-                  },
-                  onChange: (r) => {
-                    const a = r.target.value.replace(/[^0-9]/g, "");
-                    l.setFieldValue("routeNumber", a);
-                  }
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ e(
-            t,
-            {
-              name: "isEv",
-              labelCol: { span: 24 },
-              valuePropName: "checked",
-              children: /* @__PURE__ */ e(h, { direction: "horizontal", children: /* @__PURE__ */ e(k, { children: "Is your vehicle an EV?" }) })
-            }
-          ),
-          /* @__PURE__ */ e(
-            t,
-            {
-              label: "Please select your vehicle type",
-              name: "vehicleType",
-              rules: [{ required: !1 }],
-              labelCol: { span: 24 },
-              children: /* @__PURE__ */ e(I, { options: E, placeholder: "Select a vehicle type" })
-            }
-          ),
-          /* @__PURE__ */ e(t, { label: null, name: "subscribe", valuePropName: "checked", children: /* @__PURE__ */ o(h, { direction: "horizontal", children: [
-            /* @__PURE__ */ e(p, { htmlType: "submit", children: "Check In" }),
-            /* @__PURE__ */ e(p, { themeType: "secondary", onClick: F, children: "Reset" }),
-            /* @__PURE__ */ e(S, { firstBarData: b })
-          ] }) })
-        ]
-      }
-    ),
-    s && /* @__PURE__ */ o(
-      "div",
-      {
-        style: {
-          marginTop: "20px",
-          padding: "10px",
-          border: "1px solid #ccc"
-        },
-        children: [
-          /* @__PURE__ */ e(c, { variant: "heading3", children: "Form Values:" }),
-          /* @__PURE__ */ e("pre", { children: JSON.stringify(s, null, 2) })
-        ]
-      }
-    )
-  ] });
-};
-export {
-  pe as FormStory
-};

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

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

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

@@ -1,2 +0,0 @@
-export { default } from './Form';
-export type { FormProps } from './Form';

package/dist/components/FormBrandon/index.js

@@ -1,4 +0,0 @@
-import { default as o } from "./Form.js";
-export {
-  o as default
-};

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

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

package/dist/components/FormBrandon/styles.js

@@ -1,13 +0,0 @@
-import { d as t } from "../../styled-components.browser.esm-C47QHsU4.js";
-import { F as o } from "../../index-CupwdUIJ.js";
-const a = t(o)`
-  label,
-  .ant-form-item-label > label,
-  .ant-form-item-required,
-  .ant-form-item-row > label {
-    height: auto !important;
-  }
-`;
-export {
-  a as Form
-};

package/dist/components/Glyph/Glyph.js

@@ -1,9 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { G as a } from "../../iconBase-DSKTHwal.js";
-function o(r) {
-  return a({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9" }, child: [] }, { tag: "path", attr: { d: "M10.3 21a1.94 1.94 0 0 0 3.4 0" }, child: [] }, { tag: "path", attr: { d: "M4 2C2.8 3.7 2 5.7 2 8" }, child: [] }, { tag: "path", attr: { d: "M22 8c0-2.3-.8-4.3-2-6" }, child: [] }] })(r);
-}
-const e = ({}) => /* @__PURE__ */ t("div", { "data-testid": "Glyph", children: /* @__PURE__ */ t(o, {}) });
-export {
-  e as default
-};

package/dist/components/Glyph/index.js

@@ -1,4 +0,0 @@
-import { default as o } from "./Glyph.js";
-export {
-  o as default
-};

package/dist/components/Glyph/styles.js

@@ -1,11 +0,0 @@
-import { d as r } from "../../styled-components.browser.esm-C47QHsU4.js";
-const a = ({ colors: e, borderRadius: s, sizing: t }, i = "primary", o = "active") => `
-  .class-name-here {
-   } 
- `, n = r.div`
-  ${({ theme: e, type: s, state: t }) => a(e, s, t)}
-`;
-export {
-  n as StyledGlyph,
-  a as getGenesisClass
-};

package/dist/components/Input/Input.js

@@ -1,22 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { I as s } from "../../styles-XuoEGUZZ.js";
-import "../../providers/BreakpointThemeProvider.js";
-import { u as e } from "../../Typography-B2J8CPnt.js";
-import { STATE as p } from "../../constants/index.js";
-const b = ({
-  state: o = p.active,
-  ...t
-}) => {
-  const { breakpoint: a } = e(), { type: m, ...i } = t;
-  return /* @__PURE__ */ r(
-    s,
-    {
-      state: o,
-      disabled: o === "disabled" || t.disabled,
-      ...i
-    }
-  );
-};
-export {
-  b as default
-};

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

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

package/dist/components/Input/index.js

@@ -1,4 +0,0 @@
-import { default as o } from "./Input.js";
-export {
-  o as default
-};

package/dist/components/Input/styles.js

@@ -1,6 +0,0 @@
-import "../../styled-components.browser.esm-C47QHsU4.js";
-import "../../constants/index.js";
-import { I as m } from "../../styles-XuoEGUZZ.js";
-export {
-  m as Input
-};

package/dist/components/Layout/Content/Content.js

@@ -1,32 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { Content as a } from "./styles.js";
-function s(t) {
-  var n, o, r = "";
-  if (typeof t == "string" || typeof t == "number") r += t;
-  else if (typeof t == "object") if (Array.isArray(t)) for (n = 0; n < t.length; n++) t[n] && (o = s(t[n])) && (r && (r += " "), r += o);
-  else for (n in t) t[n] && (r && (r += " "), r += n);
-  return r;
-}
-function i() {
-  for (var t, n, o = 0, r = ""; o < arguments.length; ) (t = arguments[o++]) && (n = s(t)) && (r && (r += " "), r += n);
-  return r;
-}
-const m = ({
-  children: t,
-  className: n,
-  backgroundColor: o,
-  isColumn: r,
-  style: f
-}) => /* @__PURE__ */ e(
-  a,
-  {
-    className: i(n),
-    style: { ...f, backgroundColor: o },
-    $isColumn: r,
-    children: t
-  }
-);
-export {
-  m as Content,
-  m as default
-};