@segmentify/ui 0.0.46 → 0.0.48

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,2 @@
1
+ import { type PropsWithChildren } from 'react';
2
+ export declare const Iphone15: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,5 @@
1
+ import { type PropsWithChildren } from 'react';
2
+ export interface PhonePreviewProps extends PropsWithChildren {
3
+ className?: string;
4
+ }
5
+ export declare const PhonePreview: ({ children, className }: PhonePreviewProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,6 @@
1
+ import { type PropsWithChildren } from 'react';
2
+ type PreviewSingleButtonProps = {
3
+ className?: string;
4
+ };
5
+ export declare const PreviewSingleButton: ({ children, className }: PropsWithChildren<PreviewSingleButtonProps>) => import("react/jsx-runtime").JSX.Element;
6
+ export {};
@@ -0,0 +1,24 @@
1
+ import React from 'react';
2
+ import type { VariantProps } from 'class-variance-authority';
3
+ import { buttonVariants } from '../../lib/design-variants';
4
+ import type { Union } from 'ts-toolbelt';
5
+ type BaseProps = {
6
+ title: string;
7
+ description: string;
8
+ onAction: () => void;
9
+ children?: React.ReactNode;
10
+ cancelLabel: string;
11
+ actionLabel: string;
12
+ actionVariant?: VariantProps<typeof buttonVariants>['variant'];
13
+ };
14
+ type ControlledProps = BaseProps & {
15
+ controlled: true;
16
+ open: boolean;
17
+ setOpen: (open: boolean) => void;
18
+ };
19
+ type UncontrolledProps = BaseProps & {
20
+ controlled?: false;
21
+ };
22
+ type Props = Union.Strict<ControlledProps | UncontrolledProps>;
23
+ export declare const ConfirmationDialog: ({ title, description, onAction, children, cancelLabel, actionLabel, actionVariant, open, setOpen, controlled, }: Props) => import("react/jsx-runtime").JSX.Element;
24
+ export {};
@@ -0,0 +1,2 @@
1
+ import { MessagingPhoneProps } from '../../types/messaging';
2
+ export declare const MessagingPhone: (props: MessagingPhoneProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,5 @@
1
+ import { MessagingPhoneProps } from '../../types/messaging';
2
+ export declare const MessagingPreview: {
3
+ (props: MessagingPhoneProps): import("react/jsx-runtime").JSX.Element;
4
+ displayName: string;
5
+ };
@@ -0,0 +1,8 @@
1
+ import { type PropsWithChildren } from 'react';
2
+ import { MessageCarouselCard } from '../../types/messaging';
3
+ type MobilePreviewMessageProps = {
4
+ cards?: MessageCarouselCard[];
5
+ includeTime?: boolean;
6
+ };
7
+ export declare const MobilePreviewMessage: ({ children, cards, includeTime, }: PropsWithChildren<MobilePreviewMessageProps>) => import("react/jsx-runtime").JSX.Element;
8
+ export {};
@@ -0,0 +1,2 @@
1
+ import { MessagingPhoneProps } from '../../types/messaging';
2
+ export declare const PreviewCarousel: ({ body, carousel }: MessagingPhoneProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,5 @@
1
+ import { MessagingPhoneProps } from '../../types/messaging';
2
+ export declare const PreviewRichMedia: {
3
+ ({ header, body, footer, buttons }: MessagingPhoneProps): import("react/jsx-runtime").JSX.Element;
4
+ displayName: string;
5
+ };
@@ -0,0 +1,5 @@
1
+ import { MessagingPhoneProps } from '../../types/messaging';
2
+ export declare const PreviewSMS: {
3
+ ({ messageData }: MessagingPhoneProps): import("react/jsx-runtime").JSX.Element | null;
4
+ displayName: string;
5
+ };
@@ -0,0 +1,15 @@
1
+ import { type PropsWithChildren } from 'react';
2
+ type WhatsappMessageProps = {
3
+ cards?: {
4
+ image?: string;
5
+ title?: string;
6
+ content?: string;
7
+ buttons: {
8
+ text?: string;
9
+ yupButtonsText?: string;
10
+ }[];
11
+ }[];
12
+ includeTime?: boolean;
13
+ };
14
+ export declare const WhatsappMessage: ({ children, cards, includeTime }: PropsWithChildren<WhatsappMessageProps>) => import("react/jsx-runtime").JSX.Element;
15
+ export {};
@@ -5,7 +5,7 @@ import { ColumnVisibility } from './column-visibility';
5
5
  import { Content } from './content';
6
6
  export type { ActionItem, ActionsProps } from './actions';
7
7
  export type { RenderRowSubComponentProps } from './content';
8
- export { type ColumnDef } from '@tanstack/react-table';
8
+ export { type ColumnDef, type Column } from '@tanstack/react-table';
9
9
  export declare const DataTable: {
10
10
  Root: typeof Root;
11
11
  Toolbar: typeof Toolbar;
@@ -2,6 +2,7 @@ interface SearchProps {
2
2
  placeholder?: string;
3
3
  filterColumn?: string;
4
4
  className?: string;
5
+ label?: string;
5
6
  }
6
- export declare function Search({ placeholder, filterColumn, className }: SearchProps): import("react/jsx-runtime").JSX.Element;
7
+ export declare function Search({ placeholder, filterColumn, className, label }: SearchProps): import("react/jsx-runtime").JSX.Element;
7
8
  export {};
package/dist/index.d.ts CHANGED
@@ -45,14 +45,21 @@ export { Icon } from './components/atoms/icon';
45
45
  export { Input } from './components/atoms/input';
46
46
  export { InputField } from './components/molecules/input-field';
47
47
  export { InputOTP } from './components/atoms/input-otp';
48
+ export { PhonePreview } from './components/atoms/phone-preview';
48
49
  export { Kbd, KbdGroup } from './components/atoms/kbd';
49
50
  export { Label } from './components/atoms/label';
51
+ export { MessagingPhone } from './components/molecules/messaging-phone';
52
+ export * from './types/messaging';
50
53
  export { MultiSelectDropdown } from './components/molecules/multi-select-dropdown';
51
54
  export { NativeSelect, NativeSelectOptGroup, NativeSelectOption } from './components/atoms/native-select';
52
55
  export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, } from './components/atoms/pagination';
53
56
  export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from './components/atoms/popover';
57
+ export { PreviewCarousel } from './components/molecules/preview-carousel';
58
+ export { PreviewRichMedia } from './components/molecules/preview-rich-media';
59
+ export { MessagingPreview } from './components/molecules/messaging-preview';
54
60
  export { RadioGroup, RadioGroupItem } from './components/atoms/radio-group';
55
61
  export { ScrollArea, ScrollBar } from './components/atoms/scroll-area';
62
+ export { MobilePreviewMessage } from './components/molecules/mobile-preview-message';
56
63
  export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, } from './components/atoms/select';
57
64
  export { SelectField } from './components/molecules/select-field';
58
65
  export { Separator } from './components/atoms/separator';
@@ -74,7 +81,7 @@ export { Timeline, type IconConfig, type TimelineItem, type TimelineProps } from
74
81
  export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from './components/atoms/tooltip';
75
82
  export { TooltipField } from './components/molecules/tooltip-field';
76
83
  export { QuillEditor } from './components/atoms/quill-editor';
77
- export { DataTable, type ColumnDef } from './components/organisms/data-table';
84
+ export { DataTable, type ColumnDef, type Column } from './components/organisms/data-table';
78
85
  export type { ActionItem, ActionsProps, RenderRowSubComponentProps } from './components/organisms/data-table';
79
86
  export { DatePreset } from './components/organisms/date-preset/date-preset';
80
87
  export { DatePresetProvider } from './components/organisms/date-preset/root';
@@ -1,6 +1,6 @@
1
1
  export declare const buttonVariants: (props?: ({
2
- variant?: "link" | "primary" | "secondary" | "tertiary" | "success" | "destructive" | "outline" | "ghost" | "action" | "paginationActive" | "paginationInactive" | null | undefined;
3
- size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
2
+ variant?: "link" | "primary" | "secondary" | "tertiary" | "success" | "destructive" | "outline" | "ghost" | "action" | "preview" | "paginationActive" | "paginationInactive" | null | undefined;
3
+ size?: "none" | "default" | "xs" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
4
4
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
5
5
  export declare const labelVariants: (props?: ({
6
6
  variant?: "default" | null | undefined;