@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.
- package/dist/components/atoms/iphone-15.d.ts +2 -0
- package/dist/components/atoms/phone-preview.d.ts +5 -0
- package/dist/components/atoms/preview-single-button.d.ts +6 -0
- package/dist/components/molecules/confirmation-dialog.d.ts +24 -0
- package/dist/components/molecules/messaging-phone.d.ts +2 -0
- package/dist/components/molecules/messaging-preview.d.ts +5 -0
- package/dist/components/molecules/mobile-preview-message.d.ts +8 -0
- package/dist/components/molecules/preview-carousel.d.ts +2 -0
- package/dist/components/molecules/preview-rich-media.d.ts +5 -0
- package/dist/components/molecules/preview-sms.d.ts +5 -0
- package/dist/components/molecules/whatsapp-message.d.ts +15 -0
- package/dist/components/organisms/data-table/index.d.ts +1 -1
- package/dist/components/organisms/data-table/search.d.ts +2 -1
- package/dist/index.d.ts +8 -1
- package/dist/lib/design-variants.d.ts +2 -2
- package/dist/segmentify-ui.cjs +61 -61
- package/dist/segmentify-ui.js +5991 -5912
- package/dist/types/messaging.d.ts +34 -0
- package/dist/ui.css +125 -0
- package/package.json +1 -1
|
@@ -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,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,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;
|