stp-ui-kit 0.0.7 → 0.0.9

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

@@ -0,0 +1,19 @@
+type MessageType = "default" | "warning" | "error";
+interface MessageItem {
+    id: number;
+    type: MessageType;
+    text: string;
+}
+export declare const Message: ({ id, type, text, onClose, }: MessageItem & {
+    onClose: (id: number) => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const MessageContainer: () => import("react/jsx-runtime").JSX.Element;
+export declare const message: {
+    _id: number;
+    show(text: string, type?: MessageType): number | undefined;
+    default(text: string): number | undefined;
+    warning(text: string): number | undefined;
+    error(text: string): number | undefined;
+    close(id: number): void;
+};
+export {};

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

@@ -0,0 +1,5 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Modal/Modal.d.ts

@@ -1,23 +1,24 @@
-import { default as React } from 'react';
+import { default as React, ReactNode } from 'react';
+export interface ModalAction {
+    content: string;
+    onAction: () => void;
+}
 export interface ModalProps {
+    activator?: ReactNode;
     open: boolean;
     onClose: () => void;
-    children: React.ReactNode;
-}
-export interface HeaderProps {
-    children: React.ReactNode;
-    onClose: () => void;
+    title: string;
+    primaryAction?: ModalAction;
+    secondaryActions?: ModalAction[];
+    tone?: "default" | "critical" | "warning";
+    children: ReactNode;
 }
-declare const Header: ({ children, onClose }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
-export interface ContentProps {
-    children: React.ReactNode;
+interface SectionProps {
+    children: ReactNode;
 }
-declare const Content: ({ children }: ContentProps) => import("react/jsx-runtime").JSX.Element;
-declare const Footer: ({ children }: ContentProps) => import("react/jsx-runtime").JSX.Element;
-interface ModalType extends React.FC<ModalProps> {
-    Header: typeof Header;
-    Content: typeof Content;
-    Footer: typeof Footer;
+declare const Section: ({ children }: SectionProps) => import("react/jsx-runtime").JSX.Element;
+interface ModalComponent extends React.FC<ModalProps> {
+    Section: typeof Section;
 }
-declare const Modal: ModalType;
+declare const Modal: ModalComponent;
 export { Modal };

package/dist/components/Modal/Modal.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/react';
+import { Modal } from './Modal';
+declare const meta: Meta<typeof Modal>;
+export default meta;
+export declare const Default: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('./Modal').ModalProps>;
+export declare const Critical: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('./Modal').ModalProps>;
+export declare const Warning: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('./Modal').ModalProps>;

package/dist/components/Modal/ModalApi.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+export interface ModalShowOptions {
+    title: string;
+    content: React.ReactNode;
+    onOk?: () => void;
+    onCancel?: () => void;
+    okText?: string;
+    cancelText?: string;
+    tone?: "default" | "critical" | "warning";
+    style?: React.CSSProperties;
+    centered?: boolean;
+}
+export declare function showModal(options: ModalShowOptions): void;
+export declare const ModalAPI: {
+    error: (opts: Omit<ModalShowOptions, "tone">) => void;
+    warning: (opts: Omit<ModalShowOptions, "tone">) => void;
+    info: (opts: Omit<ModalShowOptions, "tone">) => void;
+};

package/dist/components/Table/Table.d.ts

@@ -0,0 +1,17 @@
+import { Table as ShadcnTable, TableBody as ShadcnTableBody, TableCaption as ShadcnTableCaption, TableCell as ShadcnTableCell, TableHead as ShadcnTableHead, TableHeader as ShadcnTableHeader, TableRow as ShadcnTableRow } from '../ui/table';
+export declare const Table: React.FC<React.ComponentProps<typeof ShadcnTable>>;
+export declare const TableBody: React.FC<React.ComponentProps<typeof ShadcnTableBody>>;
+export declare const TableCaption: React.FC<React.ComponentProps<typeof ShadcnTableCaption>>;
+export type CellType = "label" | "input" | "button" | "icon-button" | "checkbox" | "empty" | "icon-label";
+export interface CustomTableCellProps extends React.ComponentProps<typeof ShadcnTableCell> {
+    cellType?: CellType;
+    hasBottomBorder?: boolean;
+}
+export declare const TableCell: ({ cellType, hasBottomBorder, className, children, ...props }: CustomTableCellProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TableHeader: React.FC<React.ComponentProps<typeof ShadcnTableHeader>>;
+interface CustomTableHeadProps extends React.ComponentProps<typeof ShadcnTableHead> {
+    variant?: "primary" | "secondary";
+}
+export declare const TableHead: React.FC<CustomTableHeadProps>;
+export declare const TableRow: React.FC<React.ComponentProps<typeof ShadcnTableRow>>;
+export {};

package/dist/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+export interface TooltipProps {
+    active?: boolean;
+    content: ReactNode;
+    hoverDelay?: number;
+    preferredPosition?: "above" | "below" | "mostSpace" | "cover";
+    zIndexOverride?: number;
+    persistOnClick?: boolean;
+    trigger?: "hover" | "click" | "both";
+    children: ReactNode;
+    className?: string;
+    tooltipClassName?: string;
+}
+export declare const Tooltip: ({ active: controlledActive, content, hoverDelay, preferredPosition, zIndexOverride, trigger, children, className, tooltipClassName, }: TooltipProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Tooltip/Tooltip.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { TooltipProps } from './Tooltip';
+declare const meta: Meta<TooltipProps>;
+export default meta;
+type Story = StoryObj<TooltipProps>;
+export declare const Default: Story;
+export declare const ClickToShow: Story;
+export declare const BelowPosition: Story;
+export declare const PersistentClick: Story;
+export declare const CoverPosition: Story;

package/dist/components/index.d.ts

@@ -5,11 +5,15 @@ import { CourseCollapse } from './CourseCollapse/CourseCollapse';
 import { Empty } from './Empty/Empty';
 import { FormItem } from './FormItem/FormItem';
 import { IconButton } from './IconButton/IconButton';
+import { message, Message } from './Message/Message';
 import { Modal } from './Modal/Modal';
+import { ModalAPI } from './Modal/ModalApi';
 import { NavigationItem } from './NavigationItem/NavigationItem';
 import { PageHeader } from './PageHeader/PageHeader';
 import { ProgressLine } from './ProgressLine/ProgressLine';
 import { SectionHeader } from './SectionHeader/SectionHeader';
+import { Table, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow } from './Table/Table';
+import { Tooltip } from './Tooltip/Tooltip';
 import { TopBar } from './TopBar/TopBar';
 import { Typography } from './Typography/Typography';
-export { Banner, Button, Collapse, CourseCollapse, Empty, FormItem, IconButton, Modal, NavigationItem, PageHeader, ProgressLine, SectionHeader, TopBar, Typography, };
+export { Banner, Button, Collapse, CourseCollapse, Empty, FormItem, IconButton, Modal, Tooltip, NavigationItem, PageHeader, ProgressLine, SectionHeader, TopBar, Typography, message, Message, ModalAPI, Table, TableBody, TableHead, TableHeader, TableCaption, TableCell, TableRow, };

package/dist/components/ui/table.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+declare function Table({ className, ...props }: React.ComponentProps<"table">): import("react/jsx-runtime").JSX.Element;
+declare function TableHeader({ className, ...props }: React.ComponentProps<"thead">): import("react/jsx-runtime").JSX.Element;
+declare function TableBody({ className, ...props }: React.ComponentProps<"tbody">): import("react/jsx-runtime").JSX.Element;
+declare function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">): import("react/jsx-runtime").JSX.Element;
+declare function TableRow({ className, ...props }: React.ComponentProps<"tr">): import("react/jsx-runtime").JSX.Element;
+declare function TableHead({ className, ...props }: React.ComponentProps<"th">): import("react/jsx-runtime").JSX.Element;
+declare function TableCell({ className, ...props }: React.ComponentProps<"td">): import("react/jsx-runtime").JSX.Element;
+declare function TableCaption({ className, ...props }: React.ComponentProps<"caption">): import("react/jsx-runtime").JSX.Element;
+export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };

package/dist/index.d.ts

@@ -1,2 +1,3 @@
 import { Banner, Button, Collapse, CourseCollapse, Empty, FormItem, IconButton, Modal, NavigationItem, PageHeader, ProgressLine, SectionHeader, TopBar, Typography } from './components';
-export { Banner, Button, Collapse, CourseCollapse, Empty, FormItem, IconButton, Modal, NavigationItem, PageHeader, ProgressLine, SectionHeader, TopBar, Typography, };
+import { Tooltip } from './components/Tooltip/Tooltip';
+export { Banner, Button, Collapse, CourseCollapse, Empty, FormItem, IconButton, Modal, Tooltip, NavigationItem, PageHeader, ProgressLine, SectionHeader, TopBar, Typography, };

package/dist/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import { ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;