@gobolt/genesis 0.0.10 → 0.1.0

package/dist/components/Dashboard/index.js

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

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

@@ -0,0 +1,14 @@
+import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
+
+interface StyledDashboardProps {
+    theme?: GenesisTheme;
+    type?: "primary" | "secondary";
+    state?: "active" | "disabled";
+}
+export declare const getGenesisClass: ({ colors, borderRadius, sizing }: {
+    colors: any;
+    borderRadius: any;
+    sizing: any;
+}, type?: string, state?: string) => string;
+export declare const StyledDashboard: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledDashboardProps>> & string;
+export {};

package/dist/components/Dashboard/styles.js

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

package/dist/components/DatePicker/DatePicker.d.ts

@@ -0,0 +1,6 @@
+import { DatePickerProps as AntDatePickerProps } from 'antd';
+
+export interface DatePickerProps extends AntDatePickerProps {
+}
+declare const DatePicker: import('antd/es/date-picker').DatePickerType;
+export default DatePicker;

package/dist/components/DatePicker/DatePicker.js

@@ -0,0 +1,5 @@
+import { D as e } from "../../index-BeGv28kJ.js";
+const a = e;
+export {
+  a as default
+};

package/dist/components/DatePicker/__stories__/DatePicker.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as DatePicker } from '../';
+
+declare const meta: Meta<typeof DatePicker>;
+export default meta;
+type Story = StoryObj<typeof DatePicker>;
+export declare const Date: Story;
+export declare const SetDate: Story;
+export declare const DateTime: Story;
+export declare const Time: Story;

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

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

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

@@ -0,0 +1,19 @@
+import { jsx as r } from "react/jsx-runtime";
+import { a as i } from "../../../setup-CUbCc8fQ.js";
+import { d as a } from "../../../index-BeGv28kJ.js";
+import n from "../DatePicker.js";
+describe("<DatePicker />", () => {
+  let e;
+  beforeEach(() => {
+    e = {
+      value: a("2023-01-01"),
+      // Convert to dayjs object
+      onChange: vi.fn()
+    };
+  });
+  const o = () => i(/* @__PURE__ */ r(n, { ...e }));
+  it("should render with the initial value", () => {
+    const { getByDisplayValue: t } = o();
+    expect(t("2023-01-01")).toBeInTheDocument();
+  });
+});

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

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

package/dist/components/DatePicker/index.js

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

package/dist/components/DateRangePicker/DateRangePicker.d.ts

@@ -0,0 +1,5 @@
+import { RangePickerProps } from 'antd/es/date-picker';
+
+export type DateRangePickerProps = RangePickerProps;
+declare const DateRangerPicker: React.FC<DateRangePickerProps>;
+export default DateRangerPicker;

package/dist/components/DateRangePicker/DateRangePicker.js

@@ -0,0 +1,5 @@
+import { D as e } from "../../index-BeGv28kJ.js";
+const { RangePicker: a } = e, r = a;
+export {
+  r as default
+};

package/dist/components/DateRangePicker/__stories__/DateRangePicker.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as DateRangePicker } from '../DateRangePicker';
+
+declare const meta: Meta<typeof DateRangePicker>;
+export default meta;
+type Story = StoryObj<typeof DateRangePicker>;
+export declare const DateRange: Story;
+export declare const DateTimeRange: Story;
+export declare const SetDateRange: Story;

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

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

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

@@ -0,0 +1,23 @@
+import { jsx as n } from "react/jsx-runtime";
+import { a } from "../../../setup-CUbCc8fQ.js";
+import { d as t } from "../../../index-BeGv28kJ.js";
+import i from "../DateRangePicker.js";
+describe("<DatePicker />", () => {
+  let e;
+  beforeEach(() => {
+    e = {
+      value: [t("2023-01-01"), t("2023-01-01")],
+      // Array of start and end dates
+      onChange: vi.fn()
+    };
+  });
+  const r = () => a(/* @__PURE__ */ n(i, { ...e }));
+  it("should render with initial start and end dates", () => {
+    e = {
+      ...e,
+      value: [t("2023-01-01"), t("2023-01-31")]
+    };
+    const { getAllByDisplayValue: o } = r();
+    expect(o("2023-01-01")[0]).toBeInTheDocument(), expect(o("2023-01-31")[0]).toBeInTheDocument();
+  });
+});

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

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

package/dist/components/DateRangePicker/index.js

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

package/dist/components/ErrorBoundary/ErrorBoundary.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+export interface ErrorBoundaryProps {
+    hasError: boolean;
+    logError?: (error: Error, componentStack: string, ownerStack: string) => void;
+    errorComponent?: React.ReactNode;
+    children?: React.ReactNode;
+    resetError?: () => void;
+    error?: Error;
+    componentStack?: string;
+}
+declare class ErrorBoundary extends React.Component<any, ErrorBoundaryProps> {
+    constructor(props: any);
+    static getDerivedStateFromError(error: any): {
+        hasError: boolean;
+    };
+    componentDidCatch(error: any, info: any): any;
+    render(): any;
+}
+export default ErrorBoundary;

package/dist/components/ErrorBoundary/ErrorBoundary.js

@@ -0,0 +1,72 @@
+import { jsx as p } from "react/jsx-runtime";
+import * as i from "react";
+import "../Avatar/styles.js";
+import "../Badge/styles.js";
+import "../../providers/BreakpointThemeProvider.js";
+import "../../Typography-CoZ5qD-t.js";
+import "../Breadcrumb/styles.js";
+import "../Button/styles.js";
+import "../Card/styles.js";
+import "../Checkbox/styles.js";
+import e from "../ErrorBoundaryFallback/ErrorBoundaryFallback.js";
+import "../Input/styles.js";
+import "../Layout/Content/styles.js";
+import "../Message/styles.js";
+import "../Notification/NotificationBadge/styles.js";
+import "../Notification/styles.js";
+import "../../styles-CWdUpZom.js";
+import "../Progress/styles.js";
+import "../../styles/global-styles.js";
+import "../Row/styles.js";
+import "../Row/RowLabelValue/styles.js";
+import "../Row/RowActions/styles.js";
+import "../SegmentedControls/styles.js";
+import "../Select/styles.js";
+import "../Switch/styles.js";
+import "../../styles-qerRs7Rn.js";
+import "../Tabs/styles.js";
+import "../Tile/styles.js";
+import "../Toast/styles.js";
+import "../Tooltip/styles.js";
+import "../Typography/styles.js";
+const m = (o, r, t) => {
+  console.error(o, r, t);
+};
+class I extends i.Component {
+  constructor(r) {
+    super(r), this.state = { hasError: !1 };
+  }
+  static getDerivedStateFromError(r) {
+    return { hasError: !0 };
+  }
+  componentDidCatch(r, t) {
+    if (this.props.logError)
+      return this.props.logError(r, t.componentStack, null);
+    m(
+      r,
+      // Example "componentStack":
+      //   in ComponentThatThrows (created by App)
+      //   in ErrorBoundary (created by App)
+      //   in div (created by App)
+      //   in App
+      t.componentStack,
+      null
+    ), this.setState({
+      error: r,
+      componentStack: t.componentStack
+    });
+  }
+  render() {
+    return this.state.hasError ? this.props.errorComponent ? this.props.errorComponent : /* @__PURE__ */ p(
+      e,
+      {
+        error: this.state.error,
+        componentStack: this.state.componentStack,
+        resetError: this.props.resetError
+      }
+    ) : this.props.children;
+  }
+}
+export {
+  I as default
+};

package/dist/components/ErrorBoundary/__stories__/ErrorBoundary.stories.d.ts

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

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

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

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

@@ -0,0 +1,25 @@
+import { jsx as e } from "react/jsx-runtime";
+import { a as c } from "../../../setup-CUbCc8fQ.js";
+import s from "../ErrorBoundary.js";
+const d = () => {
+  throw new Error("Test error");
+};
+describe.skip("<ErrorBoundary />", () => {
+  let n, o;
+  beforeEach(() => {
+    o = jest.spyOn(console, "error").mockImplementation(() => {
+    });
+  }), afterEach(() => {
+    o.mockRestore();
+  });
+  const t = (r) => c(/* @__PURE__ */ e(s, { ...n, children: r }));
+  it("should render children when no error occurs", () => {
+    const { getByTestId: r } = t(
+      /* @__PURE__ */ e("div", { "data-testid": "child", children: "Content" })
+    );
+    expect(r("child")).toBeInTheDocument();
+  }), it("should render fallback UI when error occurs", () => {
+    const { getByTestId: r } = t(/* @__PURE__ */ e(d, {}));
+    expect(r("error-fallback")).toBeInTheDocument();
+  });
+});

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

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

package/dist/components/ErrorBoundary/index.js

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

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

@@ -0,0 +1,14 @@
+import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
+
+interface StyledErrorBoundaryProps {
+    theme?: GenesisTheme;
+    type?: "primary" | "secondary";
+    state?: "active" | "disabled";
+}
+export declare const getGenesisClass: ({ colors, borderRadius, sizing }: {
+    colors: any;
+    borderRadius: any;
+    sizing: any;
+}, type?: string, state?: string) => string;
+export declare const StyledErrorBoundary: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledErrorBoundaryProps>> & string;
+export {};

package/dist/components/ErrorBoundary/styles.js

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

package/dist/components/ErrorBoundaryFallback/ErrorBoundaryFallback.d.ts

@@ -1,8 +1,8 @@
 export interface ErrorBoundaryFallbackProps {
     error?: Error | null;
     componentStack?: string | null;
-    eventId: string | null;
-    resetError: () => void;
+    eventId?: string | null;
+    resetError?: () => void;
 }
 declare const ErrorBoundaryFallback: (props: ErrorBoundaryFallbackProps) => import("react/jsx-runtime").JSX.Element;
 export default ErrorBoundaryFallback;

package/dist/components/ErrorBoundaryFallback/ErrorBoundaryFallback.js

@@ -1,40 +1,55 @@
-import { jsx as r, jsxs as o } from "react/jsx-runtime";
-import { StyledErrorBoundaryFallback as a } from "./styles.js";
+import { jsx as o, jsxs as t } from "react/jsx-runtime";
+import { StyledErrorBoundaryFallback as p } from "./styles.js";
+import "../Avatar/styles.js";
 import "../Badge/styles.js";
+import "../../providers/BreakpointThemeProvider.js";
+import { a as e } from "../../Typography-CoZ5qD-t.js";
 import "../Breadcrumb/styles.js";
-import "../../providers/ThemeProvider.js";
-import { a as t } from "../../Typography-aGoDUl4R.js";
 import i from "../Button/Button.js";
+import "../Card/styles.js";
 import "../Checkbox/styles.js";
+import "react";
 import "../Input/styles.js";
+import "../Layout/Content/styles.js";
 import "../Message/styles.js";
+import "../Notification/NotificationBadge/styles.js";
 import "../Notification/styles.js";
-import "react";
+import "../../styles-CWdUpZom.js";
+import "../Progress/styles.js";
+import "../../styles/global-styles.js";
+import "../Row/styles.js";
+import "../Row/RowLabelValue/styles.js";
+import "../Row/RowActions/styles.js";
+import "../SegmentedControls/styles.js";
 import "../Select/styles.js";
+import "../Switch/styles.js";
+import { S as n } from "../../styles-qerRs7Rn.js";
+import "../Tabs/styles.js";
+import "../Tile/styles.js";
 import "../Toast/styles.js";
-import { S as n } from "../../index-BZAhCB_K.js";
-const S = (e) => {
+import "../Tooltip/styles.js";
+const J = (r) => {
   const m = () => window.location.href = "/";
-  return /* @__PURE__ */ r(
-    a,
+  return /* @__PURE__ */ o(
+    p,
     {
       status: "500",
       title: "Sorry, It looks like we're having some internal issues.",
-      subTitle: /* @__PURE__ */ o(n, { direction: "vertical", children: [
-        /* @__PURE__ */ r(t, { themeType: "secondary", children: "Our team has been notified. If this issue persist contact customer service." }),
-        /* @__PURE__ */ o(t, { themeType: "secondary", children: [
+      subTitle: /* @__PURE__ */ t(n, { direction: "vertical", children: [
+        /* @__PURE__ */ o(e, { themeType: "secondary", children: "Our team has been notified. If this issue persist contact customer service." }),
+        r.eventId ? /* @__PURE__ */ t(e, { themeType: "secondary", children: [
           "(reference: ",
-          e.eventId,
+          r.eventId,
           ")"
-        ] })
+        ] }) : null
       ] }),
       extra: [
-        /* @__PURE__ */ r(i, { themeType: "secondary", onClick: e.resetError, children: "Try again" }, "reset"),
-        /* @__PURE__ */ r(i, { onClick: m, children: "Take me home" }, "back-home")
-      ]
+        r.resetError && /* @__PURE__ */ o(i, { themeType: "secondary", onClick: r.resetError, children: "Try again" }, "reset"),
+        /* @__PURE__ */ o(i, { onClick: m, children: "Take me home" }, "back-home")
+      ].filter(Boolean)
     }
   );
 };
 export {
-  S as default
+  J as default
 };

package/dist/components/ErrorBoundaryFallback/__stories__/ErrorBoundaryFallback.stories.d.ts

@@ -5,4 +5,4 @@ declare const meta: Meta<typeof ErrorBoundaryFallback>;
 export default meta;
 type Story = StoryObj<typeof ErrorBoundaryFallback>;
 export declare const Default: Story;
-export declare const WithError: Story;
+export declare const WithTryAgain: Story;

package/dist/components/ErrorBoundaryFallback/styles.js

@@ -1,10 +1,12 @@
 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-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";
+import { R as A } from "../../CheckCircleFilled-BKgizvyl.js";
+import { R as j } from "../../CloseCircleFilled-B9e7yFwo.js";
+import { R as z } from "../../ExclamationCircleFilled-BHELVsTg.js";
+import { d as $, e as k } from "../../presets-Djh_L_6R.js";
+import { I as S } from "../../AntdIcon-nCNB0J1E.js";
+import { j as x, m as N, f as m, C as I, g as H } from "../../index-BbTV2Cw5.js";
+import "../../index-DLdU7Tpd.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(S, $({}, l, {
     ref: a,
@@ -613,7 +615,7 @@ const V = () => /* @__PURE__ */ e.createElement("svg", {
     imageHeight: 295
   });
   return [O(s)];
-}, G), q = () => /* @__PURE__ */ e.createElement("svg", {
+}, G), U = () => /* @__PURE__ */ e.createElement("svg", {
   width: "251",
   height: "294"
 }, /* @__PURE__ */ e.createElement("title", null, "Unauthorized"), /* @__PURE__ */ e.createElement("g", {
@@ -835,16 +837,16 @@ const V = () => /* @__PURE__ */ e.createElement("svg", {
   strokeWidth: "1.051",
   strokeLinecap: "round",
   strokeLinejoin: "round"
-}))), U = {
+}))), X = {
   success: A,
-  error: z,
-  info: j,
+  error: j,
+  info: z,
   warning: u
 }, h = {
   404: V,
   500: b,
-  403: q
-}, X = Object.keys(h), J = (t) => {
+  403: U
+}, q = Object.keys(h), J = (t) => {
   let {
     prefixCls: l,
     icon: a,
@@ -855,13 +857,13 @@ const V = () => /* @__PURE__ */ e.createElement("svg", {
     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 (X.includes(`${r}`)) {
+  if (q.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(U[r]);
+  const s = /* @__PURE__ */ e.createElement(X[r]);
   return a === null || a === !1 ? null : /* @__PURE__ */ e.createElement("div", {
     className: n
   }, a || s);
@@ -915,7 +917,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 a1 = W(M)`
+const n1 = W(M)`
   height: 100vh;
   display: flex;
   flex-direction: column;
@@ -927,5 +929,5 @@ const a1 = W(M)`
   }
 `;
 export {
-  a1 as StyledErrorBoundaryFallback
+  n1 as StyledErrorBoundaryFallback
 };

package/dist/components/Form/Form.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
-import "../../providers/ThemeProvider.js";
-import { h as a, F as e } from "../../Typography-aGoDUl4R.js";
-import "../../styles-CT_fyXBd.js";
+import "../../providers/BreakpointThemeProvider.js";
+import { d as a, F as e } from "../../Typography-CoZ5qD-t.js";
+import "../../styles-D1vKDy9V.js";
 export {
   a as FormItem,
   e as default