@gobolt/genesis 0.0.10 → 0.1.0

package/dist/components/Notification/NotificationBadge/styles.d.ts

@@ -0,0 +1,3 @@
+export declare const BadgeState: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Badge: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const BadgeWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/Notification/NotificationBadge/styles.js

@@ -0,0 +1,34 @@
+import { d as o } from "../../../styled-components.browser.esm-CZ1XM4o4.js";
+const i = o.div`
+  position: relative;
+  display: flex;
+  position: absolute;
+  justify-content: center;
+  align-items: center;
+  top: -10px;
+  left: 16px;
+  width: 20px;
+  height: 20px;
+  border: 2px solid ${({ color: e }) => e};
+  border-radius: 50%;
+  box-sizing: border-box;
+  background-color: white;
+`, r = o.div`
+  display: flex;
+  position: relative;
+`, d = o.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+  border: 1px solid ${({ theme: e }) => e.colors.surface.border};
+  background-color: ${({ theme: e }) => e.colors.surface.default};
+`;
+export {
+  r as Badge,
+  i as BadgeState,
+  d as BadgeWrapper
+};

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

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { s, a as i } from "../../../setup-BvfREoHl.js";
+import { s, a as i } from "../../../setup-CUbCc8fQ.js";
 import n from "../Notification.js";
 describe("<Notification />", () => {
   let e;

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

@@ -1,7 +1,7 @@
 type NotificationRowProps = {
     state: string;
     size: string;
-    isUnread: boolean;
+    $isUnread: boolean;
 };
 export declare const NotificationRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, NotificationRowProps>> & string;
 export declare const NotificationContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {

package/dist/components/Notification/styles.js

@@ -11,7 +11,7 @@ const a = i.div`
   border-radius: ${({ theme: t }) => t.borderRadius.BorderRadiusSm}px;
   height: 85px;
   width: 500px;
-  background-color: ${({ theme: t, isUnread: o }) => o ? "#F4F4F4" : t.colors.surface.default};
+  background-color: ${({ theme: t, $isUnread: o }) => o ? "#F4F4F4" : t.colors.surface.default};
 `, p = i.div`
   display: flex;
   align-items: center;

package/dist/components/Popover/Popover.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+export interface PopoverProps {
+    children?: React.ReactNode;
+    placement?: "top" | "topleft" | "topright";
+    title?: string;
+    onOpenChange?: (visible: boolean) => void;
+    align?: "left" | "right" | "top" | "bottom";
+}
+declare const Popover: ({ children, placement, title, align, onOpenChange, }: PopoverProps) => import("react/jsx-runtime").JSX.Element;
+export default Popover;

package/dist/components/Popover/Popover.js

@@ -0,0 +1,21 @@
+import { jsx as m } from "react/jsx-runtime";
+import { P as s } from "../../styles-CWdUpZom.js";
+const P = ({
+  children: o,
+  placement: r = "top",
+  title: t,
+  align: p = "top",
+  onOpenChange: e
+}) => /* @__PURE__ */ m(
+  s,
+  {
+    placement: r,
+    title: t,
+    onOpenChange: e,
+    align: p,
+    children: o
+  }
+);
+export {
+  P as default
+};

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

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

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

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

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

@@ -0,0 +1,40 @@
+import { jsx as c } from "react/jsx-runtime";
+import { f as i, a as r } from "../../../setup-CUbCc8fQ.js";
+import { H as s } from "../../../index-BRUI9igj.js";
+import p from "../Popover.js";
+describe.skip("<Popover />", () => {
+  let t;
+  beforeEach(() => {
+    t = {
+      icon: /* @__PURE__ */ c(s, { "data-testid": "custom-icon" }),
+      label: "Copy",
+      arrowPosition: "center",
+      onClick: vi.fn()
+    };
+  });
+  const n = () => r(/* @__PURE__ */ c(p, { ...t }));
+  it("should render with default props", () => {
+    const { getByTestId: e } = n(), o = e("popover");
+    expect(o).toBeInTheDocument();
+  }), it("should render custom icon when provided", () => {
+    const { getByTestId: e } = n(), o = e("custom-icon");
+    expect(o).toBeInTheDocument();
+  }), it("should render default icon when no icon prop provided", () => {
+    t.icon = void 0;
+    const { container: e } = n(), o = e.querySelector("svg");
+    expect(o).toBeInTheDocument();
+  }), it("should render with custom label", () => {
+    t.label = "Custom Label";
+    const { getByText: e } = n();
+    expect(e("Custom Label")).toBeInTheDocument();
+  }), it("should handle click events", () => {
+    const { getByTestId: e } = n(), o = e("popover");
+    i.click(o), expect(t.onClick).toHaveBeenCalledTimes(1);
+  }), it("should not throw when onClick is not provided", () => {
+    t.onClick = void 0;
+    const { getByTestId: e } = n(), o = e("popover");
+    expect(() => {
+      i.click(o);
+    }).not.toThrow();
+  });
+});

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

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

package/dist/components/Popover/index.js

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

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

@@ -0,0 +1,15 @@
+import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
+
+interface StyledPopoverProps {
+    theme?: GenesisTheme;
+    align?: "left" | "right" | "top" | "bottom";
+    placement?: "top" | "topleft" | "topright";
+    title?: string;
+}
+export declare const getGenesisClass: (theme: any) => string;
+export declare const Popover: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('antd').PopconfirmProps & import('react').RefAttributes<import('antd/es/tooltip').TooltipRef>, "ref"> & {
+    ref?: import('react').Ref<import('antd/es/tooltip').TooltipRef>;
+}, StyledPopoverProps>> & string & Omit<import('react').ForwardRefExoticComponent<import('antd').PopconfirmProps & import('react').RefAttributes<import('antd/es/tooltip').TooltipRef>> & {
+    _InternalPanelDoNotUseOrYouWillBeFired: import('react').FC<import('antd/es/popconfirm/PurePanel').PurePanelProps>;
+}, keyof import('react').Component<any, {}, any>>;
+export {};

package/dist/components/Popover/styles.js

@@ -0,0 +1,6 @@
+import "../../styled-components.browser.esm-CZ1XM4o4.js";
+import { P as r, g as a } from "../../styles-CWdUpZom.js";
+export {
+  r as Popover,
+  a as getGenesisClass
+};

package/dist/components/Progress/Progress.d.ts

@@ -0,0 +1,18 @@
+export type BarData = {
+    text: string;
+    status: string;
+    value: number;
+};
+export type Percent = {
+    percent: number;
+    strokeColor: string;
+};
+export interface ProgressProps {
+    firstBarData: BarData | null;
+    secondBarData?: BarData | null;
+    width?: number;
+    height?: number;
+    isTextBeforeBar?: boolean;
+}
+declare const Progress: ({ firstBarData, secondBarData, width, height, isTextBeforeBar, }: ProgressProps) => import("react/jsx-runtime").JSX.Element;
+export default Progress;

package/dist/components/Progress/Progress.js

@@ -0,0 +1,91 @@
+import { jsxs as u, jsx as c } from "react/jsx-runtime";
+import { Progress as g } from "./styles.js";
+import "../Avatar/styles.js";
+import "../Badge/styles.js";
+import "../../providers/BreakpointThemeProvider.js";
+import { u as I } from "../../Typography-CoZ5qD-t.js";
+import "../Breadcrumb/styles.js";
+import "../Button/styles.js";
+import "../Card/styles.js";
+import "../Checkbox/styles.js";
+import "react";
+import "../ErrorBoundaryFallback/styles.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 "../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 f from "../Tile/Tile.js";
+import "../Toast/styles.js";
+import "../Tooltip/styles.js";
+import "../Typography/styles.js";
+import "../../styles/global-styles.js";
+import { getTextComponent as C } from "./Progress.util.js";
+const Y = ({
+  firstBarData: t,
+  secondBarData: r = null,
+  width: p = 200,
+  height: e = 24,
+  isTextBeforeBar: s = !1
+}) => {
+  const { theme: o } = I(), i = t.value || 0, m = o.getStatusColor(o.colors, t.status), l = r ? {
+    percent: r.value,
+    strokeColor: o.getStatusColor(o.colors, r.status)
+  } : null, n = m;
+  return t.text, s ? /* @__PURE__ */ u(
+    f,
+    {
+      style: { width: p, height: e, alignItems: "center", gap: 4 },
+      isHorizontal: !0,
+      children: [
+        C(
+          t,
+          r,
+          n,
+          o,
+          s
+        ),
+        /* @__PURE__ */ c(
+          g,
+          {
+            "data-testid": "progress",
+            percent: i,
+            success: l,
+            strokeColor: m,
+            showInfo: !1
+          }
+        )
+      ]
+    }
+  ) : /* @__PURE__ */ u(f, { style: { width: p, height: e, alignItems: "center", gap: 4 }, isHorizontal: !0, children: [
+    /* @__PURE__ */ c(
+      g,
+      {
+        "data-testid": "progress",
+        percent: i,
+        success: l,
+        strokeColor: m,
+        showInfo: !1
+      }
+    ),
+    C(
+      t,
+      r,
+      n,
+      o,
+      s
+    )
+  ] });
+};
+export {
+  Y as default
+};

package/dist/components/Progress/Progress.util.d.ts

@@ -0,0 +1,4 @@
+import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
+import { BarData } from './Progress';
+
+export declare const getTextComponent: (firstBarData: BarData, secondBarData: BarData, stateColor?: string, theme?: GenesisTheme, isTextBeforeBar?: boolean) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Progress/Progress.util.js

@@ -0,0 +1,62 @@
+import { jsx as r } from "react/jsx-runtime";
+import "../Avatar/styles.js";
+import "../Badge/styles.js";
+import "../../providers/BreakpointThemeProvider.js";
+import { a as e } from "../../Typography-CoZ5qD-t.js";
+import { TYPOGRAPHY_VARIANT as n } from "../../constants/index.js";
+import "../Breadcrumb/styles.js";
+import "../Button/styles.js";
+import "../Card/styles.js";
+import "../Checkbox/styles.js";
+import "react";
+import "../ErrorBoundaryFallback/styles.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 "./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 l from "../Tile/Tile.js";
+import "../Toast/styles.js";
+import "../Tooltip/styles.js";
+import f from "./ProgressText.js";
+const L = (t, o, m, p, i) => t.text ? o ? /* @__PURE__ */ r(
+  f,
+  {
+    firstBarData: t,
+    secondBarData: o,
+    theme: p,
+    isTextBeforeBar: i
+  }
+) : /* @__PURE__ */ r(
+  l,
+  {
+    isHorizontal: !0,
+    style: {
+      gap: 4,
+      width: 200,
+      justifyContent: i ? "flex-end" : "flex-start"
+    },
+    children: /* @__PURE__ */ r(
+      e,
+      {
+        variant: n.digits3,
+        color: m,
+        children: t.text
+      }
+    )
+  }
+) : null;
+export {
+  L as getTextComponent
+};

package/dist/components/Progress/ProgressText.d.ts

@@ -0,0 +1,11 @@
+import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
+import { BarData } from './Progress';
+
+export type ProgressTextProps = {
+    firstBarData: BarData;
+    secondBarData: BarData;
+    theme: GenesisTheme;
+    isTextBeforeBar: boolean;
+};
+declare const ProgressText: ({ firstBarData, secondBarData, theme, isTextBeforeBar, }: ProgressTextProps) => import("react/jsx-runtime").JSX.Element;
+export default ProgressText;

package/dist/components/Progress/ProgressText.js

@@ -0,0 +1,67 @@
+import { jsxs as s, jsx as i } from "react/jsx-runtime";
+import "../Avatar/styles.js";
+import "../Badge/styles.js";
+import "../../providers/BreakpointThemeProvider.js";
+import { a as p } from "../../Typography-CoZ5qD-t.js";
+import "../Breadcrumb/styles.js";
+import "../Button/styles.js";
+import "../Card/styles.js";
+import "../Checkbox/styles.js";
+import "react";
+import "../ErrorBoundaryFallback/styles.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 "./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 e from "../Tile/Tile.js";
+import "../Toast/styles.js";
+import "../Tooltip/styles.js";
+const M = ({
+  firstBarData: t,
+  secondBarData: r,
+  theme: o,
+  isTextBeforeBar: m
+}) => /* @__PURE__ */ s(
+  e,
+  {
+    isHorizontal: !0,
+    style: {
+      gap: 4,
+      width: 200,
+      justifyContent: m ? "flex-end" : "flex-start"
+    },
+    children: [
+      /* @__PURE__ */ i(
+        p,
+        {
+          variant: "digits3",
+          color: o.colors.status[r.status].default,
+          children: r.text
+        }
+      ),
+      /* @__PURE__ */ i(
+        p,
+        {
+          variant: "digits3",
+          color: o.colors.status[t.status].default,
+          children: t.text
+        }
+      )
+    ]
+  }
+);
+export {
+  M as default
+};

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

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as Progress } from '../Progress';
+
+declare const meta: Meta<typeof Progress>;
+export default meta;
+type Story = StoryObj<typeof Progress>;
+export declare const Success: Story;
+export declare const Error: Story;
+export declare const Info: Story;
+export declare const WithTime: Story;
+export declare const SecondBarWithTextBefore: Story;
+export declare const MultiStacked: Story;

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

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

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

@@ -0,0 +1,21 @@
+import { jsx as t } from "react/jsx-runtime";
+import { s as o, a as n } from "../../../setup-CUbCc8fQ.js";
+import c from "../Progress.js";
+describe.skip("<Progress />", () => {
+  let e;
+  beforeEach(() => {
+    e = {
+      firstBarData: {
+        text: "50%",
+        status: "success",
+        value: 50
+      }
+    };
+  });
+  const s = () => n(/* @__PURE__ */ t(c, { ...e }));
+  it("should render the Progress component", () => {
+    s();
+    const r = o.findByText("50%");
+    expect(r).toBeInTheDocument();
+  });
+});

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

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

package/dist/components/Progress/index.js

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

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

@@ -0,0 +1,17 @@
+import { ProgressProps } from 'antd';
+import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
+import { Percent } from './Progress';
+
+interface StyledProgressProps extends ProgressProps {
+    theme?: GenesisTheme;
+    percent?: number;
+    success?: Percent | null;
+    state?: "success" | "error" | "info";
+}
+export declare const getGenesisClass: ({ colors }: {
+    colors: any;
+}, state?: string) => string;
+export declare const Progress: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<ProgressProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: import('react').Ref<HTMLDivElement>;
+}, StyledProgressProps>> & string & Omit<import('react').ForwardRefExoticComponent<ProgressProps & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
+export {};