@gobolt/genesis 0.0.7 → 0.0.8

package/dist/components/Message/Message.js

@@ -0,0 +1,105 @@
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
+import { SIZE as p, TYPOGRAPHY_VARIANT as a, STATE as t } from "../../constants/index.js";
+import "../Button/styles.js";
+import "../../providers/ThemeProvider.js";
+import "../Checkbox/styles.js";
+import "../ErrorBoundaryFallback/styles.js";
+import { T as u, I as d, M as f, C as g, d as C, E as y } from "../../index-89035ea5.js";
+import "../Input/styles.js";
+import "react";
+import "../Select/styles.js";
+import { n as h } from "../../styled-components.browser.esm-02f500bc.js";
+import "../Badge/styles.js";
+import "../Toast/styles.js";
+import { MessageRow as w, MessageContent as x } from "./styles.js";
+import "../../button-fa1c119c.js";
+import "../../presets-83ccb923.js";
+import "../../isVisible-729780f5.js";
+import "../../index-4003d75b.js";
+import "react-dom";
+import "../../index-e2b72ca8.js";
+import "../../reactNode-f4391605.js";
+import "../../Compact-c39ed20d.js";
+import "../../presetColors-ccf8cb4c.js";
+import "../../compact-item-b8f85aa6.js";
+import "../../AntdIcon-c395a1c4.js";
+import "../../styles/theme/genesis-theme.js";
+import "../../styles/design-tokens/variables.js";
+import "../../context-3b8a39af.js";
+import "../../ExclamationCircleFilled-23ef9812.js";
+import "../../CloseCircleFilled-ddc51e7e.js";
+import "../Typography/styles.js";
+import "../../index-501fc13d.js";
+import "../../index-8c8d2d0c.js";
+import "../../CheckOutlined-52d9ac25.js";
+import "../../index-0b9ee239.js";
+import "../../index-1a33c134.js";
+import "../../ContextIsolator-b09b2c52.js";
+import "../../TextArea-20825221.js";
+import "../../useVariants-a0d64298.js";
+import "../../CloseOutlined-14b8bba1.js";
+import "../../InfoCircleFilled-c5f90c20.js";
+import "../../pickAttrs-00ba4687.js";
+import "../../collapse-345bc884.js";
+import "../../SearchOutlined-a9014e08.js";
+import "../../Overflow-a570fa69.js";
+import "../../DownOutlined-64a4732a.js";
+const I = (i, r) => {
+  switch (i) {
+    case t.error:
+      return r.colors.status.error.onsurface;
+    case t.success:
+      return r.colors.status.success.onsurface;
+    case t.warning:
+      return r.colors.status.warning.onsurface;
+    case t.generic:
+      return r.colors.status.generic.onsurface;
+    case t.info:
+    default:
+      return r.colors.status.info.onsurface;
+  }
+}, O = (i, r) => {
+  switch (i) {
+    case t.warning:
+      return /* @__PURE__ */ o(y, { style: { color: r } });
+    case t.error:
+      return /* @__PURE__ */ o(C, { style: { color: r } });
+    case t.success:
+      return /* @__PURE__ */ o(g, { style: { color: r } });
+    case t.generic:
+      return /* @__PURE__ */ o(f, { style: { color: r } });
+    case t.info:
+    default:
+      return /* @__PURE__ */ o(d, { style: { color: r } });
+  }
+}, gr = ({
+  state: i = t.info,
+  message: r,
+  action: e,
+  size: s = p.standard
+}) => {
+  const l = h(), n = I(i, l), c = s === p.small ? a.body1 : a.body2;
+  return /* @__PURE__ */ m(w, { state: i, size: s, children: [
+    /* @__PURE__ */ m(x, { size: s, children: [
+      O(i, n),
+      /* @__PURE__ */ o(u, { variant: c, color: n, children: r })
+    ] }),
+    e ? /* @__PURE__ */ o(
+      "button",
+      {
+        onClick: e.onClick,
+        style: {
+          textDecoration: "underline",
+          border: "none",
+          background: "none",
+          cursor: "pointer",
+          cursorEvents: "all"
+        },
+        children: /* @__PURE__ */ o(u, { variant: c, children: e.text })
+      }
+    ) : null
+  ] });
+};
+export {
+  gr as default
+};

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

@@ -0,0 +1,15 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as Message } from '../Message';
+
+declare const meta: Meta<typeof Message>;
+export default meta;
+type Story = StoryObj<typeof Message>;
+export declare const Default: Story;
+export declare const SuccessMessage: Story;
+export declare const ErrorMessage: Story;
+export declare const InfoMessage: Story;
+export declare const WarningMessage: Story;
+export declare const GenericMessage: Story;
+export declare const LongWarningMessage: Story;
+export declare const NoAction: Story;
+export declare const SmallSize: Story;

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

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

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

@@ -0,0 +1,88 @@
+import { jsx as m } from "react/jsx-runtime";
+import { fireEvent as s } from "@testing-library/react";
+import p from "../Message.js";
+import { STATE as o } from "../../../constants/index.js";
+import { c as n } from "../../../setup-aaca7b6f.js";
+import "../../Button/styles.js";
+import "../../../styled-components.browser.esm-02f500bc.js";
+import "react";
+import "../../../button-fa1c119c.js";
+import "../../../presets-83ccb923.js";
+import "../../../isVisible-729780f5.js";
+import "../../../index-4003d75b.js";
+import "react-dom";
+import "../../../index-e2b72ca8.js";
+import "../../../reactNode-f4391605.js";
+import "../../../Compact-c39ed20d.js";
+import "../../../presetColors-ccf8cb4c.js";
+import "../../../compact-item-b8f85aa6.js";
+import "../../../AntdIcon-c395a1c4.js";
+import "../../../providers/ThemeProvider.js";
+import "../../../styles/theme/genesis-theme.js";
+import "../../../styles/design-tokens/variables.js";
+import "../../Checkbox/styles.js";
+import "../../../context-3b8a39af.js";
+import "../../ErrorBoundaryFallback/styles.js";
+import "../../../ExclamationCircleFilled-23ef9812.js";
+import "../../../CloseCircleFilled-ddc51e7e.js";
+import "../../../index-89035ea5.js";
+import "../../Input/styles.js";
+import "../../../TextArea-20825221.js";
+import "../../../index-8c8d2d0c.js";
+import "../../../useVariants-a0d64298.js";
+import "../../../ContextIsolator-b09b2c52.js";
+import "../../../pickAttrs-00ba4687.js";
+import "../../../SearchOutlined-a9014e08.js";
+import "../../Select/styles.js";
+import "../../../index-1a33c134.js";
+import "../../../Overflow-a570fa69.js";
+import "../../../DownOutlined-64a4732a.js";
+import "../../../CheckOutlined-52d9ac25.js";
+import "../../../CloseOutlined-14b8bba1.js";
+import "../../Typography/styles.js";
+import "../../../index-501fc13d.js";
+import "../../../index-0b9ee239.js";
+import "../../Badge/styles.js";
+import "../../../InfoCircleFilled-c5f90c20.js";
+import "../../Toast/styles.js";
+import "../../../collapse-345bc884.js";
+import "../styles.js";
+import "../../../providers/GenesisProvider.js";
+describe("<Message />", () => {
+  const e = (t) => n(/* @__PURE__ */ m(p, { ...t }));
+  it("should render message text correctly", () => {
+    const { getByText: t } = e({
+      message: "Test message",
+      state: o.info
+    });
+    expect(t("Test message")).toBeInTheDocument();
+  }), it("should render success state correctly", () => {
+    const { getByText: t } = e({
+      message: "Success message",
+      state: o.success
+    });
+    expect(t("Success message")).toBeInTheDocument();
+  }), it("should render error state correctly", () => {
+    const { getByText: t } = e({
+      message: "Error message",
+      state: o.error
+    });
+    expect(t("Error message")).toBeInTheDocument();
+  }), it("should render action button when action prop is provided", () => {
+    const t = vi.fn(), { getByText: r } = e({
+      message: "Message with action",
+      state: o.info,
+      action: {
+        text: "Click me",
+        onClick: t
+      }
+    }), i = r("Click me");
+    expect(i).toBeInTheDocument(), s.click(i), expect(t).toHaveBeenCalled();
+  }), it("should not render action button when action prop is not provided", () => {
+    const { container: t } = e({
+      message: "Message without action",
+      state: o.info
+    }), r = t.querySelector("button");
+    expect(r).not.toBeInTheDocument();
+  });
+});

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

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

package/dist/components/Message/index.js

@@ -0,0 +1,50 @@
+import { default as W } from "./Message.js";
+import "react/jsx-runtime";
+import "../../constants/index.js";
+import "../Button/styles.js";
+import "../../styled-components.browser.esm-02f500bc.js";
+import "react";
+import "../../button-fa1c119c.js";
+import "../../presets-83ccb923.js";
+import "../../isVisible-729780f5.js";
+import "../../index-4003d75b.js";
+import "react-dom";
+import "../../index-e2b72ca8.js";
+import "../../reactNode-f4391605.js";
+import "../../Compact-c39ed20d.js";
+import "../../presetColors-ccf8cb4c.js";
+import "../../compact-item-b8f85aa6.js";
+import "../../AntdIcon-c395a1c4.js";
+import "../../providers/ThemeProvider.js";
+import "../../styles/theme/genesis-theme.js";
+import "../../styles/design-tokens/variables.js";
+import "../Checkbox/styles.js";
+import "../../context-3b8a39af.js";
+import "../ErrorBoundaryFallback/styles.js";
+import "../../ExclamationCircleFilled-23ef9812.js";
+import "../../CloseCircleFilled-ddc51e7e.js";
+import "../../index-89035ea5.js";
+import "../Input/styles.js";
+import "../../TextArea-20825221.js";
+import "../../index-8c8d2d0c.js";
+import "../../useVariants-a0d64298.js";
+import "../../ContextIsolator-b09b2c52.js";
+import "../../pickAttrs-00ba4687.js";
+import "../../SearchOutlined-a9014e08.js";
+import "../Select/styles.js";
+import "../../index-1a33c134.js";
+import "../../Overflow-a570fa69.js";
+import "../../DownOutlined-64a4732a.js";
+import "../../CheckOutlined-52d9ac25.js";
+import "../../CloseOutlined-14b8bba1.js";
+import "../Typography/styles.js";
+import "../../index-501fc13d.js";
+import "../../index-0b9ee239.js";
+import "../Badge/styles.js";
+import "../../InfoCircleFilled-c5f90c20.js";
+import "../Toast/styles.js";
+import "../../collapse-345bc884.js";
+import "./styles.js";
+export {
+  W as default
+};

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

@@ -0,0 +1,5 @@
+export declare const MessageRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    state: string;
+    size: string;
+}>> & string;
+export declare const MessageContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/Message/styles.js

@@ -0,0 +1,35 @@
+import { d as a } from "../../styled-components.browser.esm-02f500bc.js";
+import { SIZE as o } from "../../constants/index.js";
+import "react";
+const p = a.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: ${({ theme: e }) => e.sizing.Size4}px;
+  padding: ${({ theme: e }) => e.sizing.Size3}px;
+  background-color: ${({ theme: e, state: t }) => e.colors.status[t].surface};
+  width: ${({ theme: e, state: t, size: i }) => i === "standard" ? "320px" : "240px"};
+  cursor-events: none;
+  cursor: default;
+  border-radius: ${({ theme: e }) => e.borderRadius.BorderRadiusSm}px;
+`, d = a.div`
+  display: flex;
+  align-items: center;
+  gap: ${({ theme: e }) => e.sizing.Size2}px;
+  flex: 1;
+  max-width: ${({ theme: e, state: t, size: i }) => i === "standard" ? "320px" : "240px"};
+
+  .ant-typography {
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    font-family: ${({ theme: e }) => e.typography.fontFamily};
+    line-height: ${({ theme: e, size: t }) => t === o.standard ? e.typography.lineHeight : "16px"};
+  }
+`;
+export {
+  d as MessageContent,
+  p as MessageRow
+};

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

@@ -0,0 +1,16 @@
+import { STATE } from '../../constants';
+
+export interface NotificationProps {
+    state: keyof typeof STATE;
+    message: string;
+    action?: {
+        url?: string;
+        text: string;
+    };
+    close?: () => void;
+    size: "small" | "standard";
+    isRead: boolean;
+    message: string;
+}
+declare const Notification: ({ message, state, date, action, onArrowClick, size, isUnread, hasFormattedDate, }: NotificationProps) => import("react/jsx-runtime").JSX.Element;
+export default Notification;